.header{color:#fff;z-index:1000;background:#0f4c81;padding:15px 0;position:sticky;top:0}.header-container{grid-template-columns:260px 1fr 260px;align-items:center;gap:25px;display:grid}.logo a{color:#fff;text-decoration:none}.logo h1{font-size:34px}.logo span{font-size:12px}.search-box{display:flex}.search-box input{border:none;border-radius:8px 0 0 8px;outline:none;flex:1;padding:14px}.search-box button{color:#fff;background:#ff9800;border:none;border-radius:0 8px 8px 0;width:60px;font-size:18px}.header-right{justify-content:flex-end;gap:20px;display:flex}.header-right a{color:#fff;font-weight:600;text-decoration:none}.navbar{background:#1f2937}.navbar ul{gap:35px;padding:16px 0;list-style:none;display:flex}.navbar a{color:#fff;font-weight:600;text-decoration:none;transition:all .3s}.navbar a:hover{color:#ff9800}.hero{background:#f5f7fa;padding:70px 0}.hero-wrap{grid-template-columns:1fr 1fr;align-items:center;gap:70px;display:grid}.hero-left{padding-right:20px}.tag{color:#fff;background:#ff9800;border-radius:30px;margin-bottom:25px;padding:10px 22px;font-weight:600;display:inline-block}.hero-left h1{color:#1f2937;margin-bottom:25px;font-size:58px;line-height:1.15}.hero-left p{color:#666;margin-bottom:35px;font-size:20px;line-height:1.6}.hero-left button{color:#fff;background:#0f4c81;border:none;border-radius:8px;padding:16px 36px;font-size:17px;font-weight:600}.hero-right img{object-fit:cover;border-radius:20px;width:100%;height:540px;box-shadow:0 10px 35px #0000001f}.category{padding:70px 0}.category h2{text-align:center;margin-bottom:40px;font-size:34px}.category-grid{grid-template-columns:repeat(4,1fr);gap:25px;display:grid}.category-card{text-align:center;cursor:pointer;background:#fff;border-radius:12px;padding:35px;font-weight:600;transition:all .3s;box-shadow:0 8px 20px #00000014}.category-card:hover{transform:translateY(-5px)}.deals{background:#fff;padding:70px 0}.deals h2{margin-bottom:35px;font-size:36px}.product-grid{padding:60px 0}.grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:25px;display:grid}.product-card{background:#fff;border-radius:15px;transition:all .3s;overflow:hidden;box-shadow:0 8px 20px #00000014}.product-card:hover{transform:translateY(-8px)}.product-image{background:#f3f4f6;height:240px}.product-image img{object-fit:cover;width:100%;height:100%}.product-card h3{padding:15px;font-size:18px}.price{align-items:center;gap:10px;padding:0 15px;display:flex}.price span{color:#0f4c81;font-size:24px;font-weight:700}.rating{color:#ff9800;padding:15px}.product-card button{color:#fff;background:#ff9800;border:none;border-radius:8px;width:calc(100% - 30px);margin:15px;padding:13px;font-weight:700}.featured{background:#fff;padding:70px 0}.featured h2{text-align:center;margin-bottom:10px;font-size:36px}.featured p{text-align:center;color:#666;margin-bottom:40px}.why{background:#f8fafc;padding:70px 0}.why h2{text-align:center;margin-bottom:40px;font-size:36px}.why-grid{grid-template-columns:repeat(4,1fr);gap:25px;display:grid}.why-card{text-align:center;background:#fff;border-radius:12px;padding:30px;box-shadow:0 5px 15px #00000014}.icon{margin-bottom:20px;font-size:50px}.why-card p{color:#666;margin-top:10px}.newsletter{color:#fff;text-align:center;background:#0f4c81;padding:70px 0}.newsletter h2{margin-bottom:15px;font-size:36px}.newsletter p{margin-bottom:30px}.newsletter-box{justify-content:center;max-width:600px;margin:auto;display:flex}.newsletter-box input{border:none;outline:none;flex:1;padding:14px}.newsletter-box button{color:#fff;cursor:pointer;background:#ff9800;border:none;width:160px;font-weight:700}.footer{color:#fff;background:#111827;padding:60px 0}.footer-grid{grid-template-columns:repeat(4,1fr);gap:40px;display:grid}.footer h2{margin-bottom:15px}.footer h3{color:#ff9800;margin-bottom:15px}.footer p{color:#d1d5db;cursor:pointer;margin:8px 0}.footer p:hover{color:#fff}.product-page{grid-template-columns:1fr 1fr;gap:60px;padding:70px 0;display:grid}.product-image img{border-radius:12px;width:100%}.product-details h1{margin-bottom:20px}.product-details h2{color:#0f4c81;margin-bottom:20px}.product-details p{margin-bottom:30px;line-height:1.7}.product-details button{color:#fff;cursor:pointer;background:#ff9800;border:none;border-radius:8px;padding:15px 35px;font-size:16px}.category-page,.cart-page{padding:70px 0}.cart-page h1{margin-bottom:30px}.empty-cart{text-align:center;color:#777;padding:80px 0;font-size:22px}.login-page{padding:70px 0}.login-box{background:#fff;border-radius:12px;max-width:450px;margin:auto;padding:35px;box-shadow:0 5px 15px #00000014}.login-box input{border:1px solid #ddd;width:100%;margin:12px 0;padding:12px}.login-box button{color:#fff;cursor:pointer;background:#0f4c81;border:none;width:100%;padding:14px}.register-page{padding:70px 0}.register-box{background:#fff;border-radius:12px;max-width:500px;margin:auto;padding:35px;box-shadow:0 5px 15px #00000014}.register-box input{border:1px solid #ddd;width:100%;margin:12px 0;padding:12px}.register-box button{color:#fff;cursor:pointer;background:#ff9800;border:none;width:100%;padding:14px}.search-page{padding:70px 0}.search-page input{border:1px solid #ddd;border-radius:8px;outline:none;width:100%;margin:25px 0;padding:14px}.account-page{padding:70px 0}.account-box{background:#fff;border-radius:12px;max-width:700px;margin:auto;padding:40px;box-shadow:0 5px 15px #00000014}.account-box h2{margin-bottom:20px}.account-box p{margin:12px 0}.notfound{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:80vh;display:flex}.notfound h1{color:#0f4c81;font-size:90px}.notfound h2{margin:15px 0}.notfound p{color:#666}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:#f5f7fa;width:100%;min-height:100%;font-family:Arial,sans-serif;overflow-x:hidden}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 25px}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer}