*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;background-color:#f7f8fa}#app{display:flex;flex-direction:column;min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{background-color:#fff;box-shadow:0 2px 10px rgba(0,0,0,.1);position:sticky;top:0;z-index:1000}.header .container{display:flex;align-items:center;justify-content:space-between;height:70px}.logo a{font-size:24px;font-weight:700;color:#2c3e50;text-decoration:none}.logo a:hover{color:#1a252f}.main-nav{display:flex;gap:30px}.nav-link{color:#555;text-decoration:none;font-weight:500;padding:8px 0;position:relative;transition:color .3s}.nav-link.active,.nav-link:hover{color:#2c3e50}.nav-link.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background-color:#2c3e50;border-radius:3px 3px 0 0}.header-right{gap:20px}.header-right,.search-box{display:flex;align-items:center}.search-box{background-color:#f5f5f5;border-radius:20px;padding:5px 15px}.search-input{border:none;background:transparent;padding:8px;width:200px;outline:none;font-size:14px}.search-btn{background:none;border:none;cursor:pointer;font-size:16px;color:#666}.cart-icon{position:relative}.cart-link{font-size:20px;color:#555;text-decoration:none;display:block;padding:5px}.cart-count{position:absolute;top:-5px;right:-5px;background-color:#e74c3c;color:#fff;font-size:12px;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center}.order-icon{position:relative}.order-link{font-size:20px;color:#555;text-decoration:none;display:block;padding:5px;cursor:pointer}.order-link:hover{color:#2c3e50}.order-count{position:absolute;top:-5px;right:-5px;background-color:#3498db;color:#fff;font-size:12px;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center}.user-dropdown{position:relative}.user-btn{background:none;font-size:20px;padding:5px;color:#555}.login-btn,.user-btn{border:none;cursor:pointer}.login-btn{padding:8px 20px;background-color:#2c3e50;color:#fff;border-radius:20px;font-size:14px;transition:background-color .3s}.login-btn:hover{background-color:#1a252f}.login-icon-btn{background:none;border:none;font-size:20px;cursor:pointer;padding:5px;color:#555;transition:color .3s}.login-icon-btn:hover{color:#2c3e50}.dropdown-content{display:none;position:absolute;top:100%;right:0;background-color:#fff;min-width:160px;box-shadow:0 8px 16px rgba(0,0,0,.1);border-radius:8px;z-index:1;padding:10px 0}.user-dropdown:hover .dropdown-content{display:block}.dropdown-content a{color:#333;padding:10px 20px;text-decoration:none;display:block;font-size:14px}.dropdown-content a:hover{background-color:#f5f5f5}.language-switcher{display:flex;gap:5px}.language-switcher button{padding:6px 12px;border:1px solid #ddd;background:#fff;color:#555;border-radius:4px;font-size:12px;cursor:pointer;transition:all .3s}.language-switcher button.active{background:#2c3e50;color:#fff;border-color:#2c3e50}.language-switcher button:hover{background:#f5f5f5}.main-content{flex:1;padding:30px 0}.footer{background-color:#2c3e50;color:#fff;padding:40px 0 20px;margin-top:auto}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-bottom:40px}.footer-section h3{font-size:18px;margin-bottom:20px;color:#fff}.footer-section p{color:#bdc3c7;line-height:1.6;margin-bottom:10px}.footer-section a{display:block;color:#bdc3c7;text-decoration:none;margin-bottom:10px;transition:color .3s}.footer-section a:hover{color:#fff}.social-links{display:flex;gap:15px}.social-links a{font-size:20px;color:#bdc3c7;transition:color .3s}.social-links a:hover{color:#fff}.footer-bottom{text-align:center;padding-top:20px;border-top:1px solid #34495e;color:#bdc3c7;font-size:14px}@media (max-width:768px){.header .container{flex-direction:column;height:auto;padding:15px}.main-nav{margin:15px 0;gap:15px}.header-right{width:100%;justify-content:space-between}.search-input{width:150px}.footer-content{grid-template-columns:1fr;gap:30px}}