html,body{width:100%;min-height:100%}body{margin:0}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{font-family:Arial,sans-serif}.app{flex-direction:column;min-height:100vh;display:flex}.content{flex:1}.site-header{z-index:1100;width:100%;transition:transform .4s;position:fixed;top:0;left:0}.site-header.with-contact.navbar-show{transform:translateY(0)}.site-header.without-contact.navbar-show{transform:translateY(-25px)}.site-header.without-contact.navbar-hide,.site-header.with-contact.navbar-hide{transform:translateY(-175px)}.content{padding-top:175px}header{z-index:1100;width:100%;transition:transform .4s;position:fixed;top:0;left:0}header.with-contact.navbar-show{transform:translateY(0)}header.without-contact.navbar-show{transform:translateY(-25px)}header.without-contact.navbar-hide,header.with-contact.navbar-hide{transform:translateY(-175px)}.navbar{background:#050505;justify-content:space-around;align-items:center;height:100px;padding:0 40px;display:flex}.logo img{width:130px;transition:all .3s}.logo img:hover{transform:scale(1.1)}.search{width:450px;display:flex;position:relative}.search input{border:none;border-radius:20px 0 0 20px;outline:none;flex:1;padding:12px 15px}.search button{cursor:pointer;background:#ffc400;border:none;border-radius:0 20px 20px 0;width:60px;transition:all .3s}.search button:hover{transform:scale(1.05)}.search-results{z-index:999;background:#fff;border-radius:12px;width:100%;position:absolute;top:calc(100% + 8px);left:0;overflow:hidden;box-shadow:0 10px 25px #0000002e}.search-item{color:#222;align-items:center;gap:12px;padding:10px 15px;text-decoration:none;transition:all .2s;display:flex}.search-item:hover{background:#f5f5f5}.search-item img{object-fit:cover;border-radius:8px;width:55px;height:55px}.search-item span{font-size:15px;font-weight:500}.search-item:not(:last-child){border-bottom:1px solid #eee}.actions{align-items:center;gap:25px;font-size:25px;display:flex}.user{text-decoration:none;transition:all .3s}.user:hover{transform:scale(1.2)}.cart{color:#fff;text-decoration:none;transition:all .3s;position:relative}.cart:hover{transform:scale(1.15)}.cart-count{color:#fff;background:#ed4b25;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:700;display:flex;position:absolute;top:-12px;right:-15px}.menu{background:#43b96d;justify-content:center;align-items:center;gap:35px;height:50px;display:flex}.menu a{color:#fff;border-radius:20px;padding:10px 15px;font-weight:700;text-decoration:none;transition:all .3s}.menu a:hover{color:#000;background:#ffc400}.user-menu{color:#fff;align-items:center;gap:10px;display:flex}.user-menu button{color:#fff;cursor:pointer;background:#ed4b25;border:none;border-radius:15px;padding:5px 12px}.contact{background:#f5f5f5;justify-content:center;align-items:center;gap:40px;height:25px;font-size:14px;display:flex}.phone{align-items:center;gap:8px;display:flex}.phone img{object-fit:contain;width:22px;height:22px}.benefits{background:#fff;justify-content:center;align-items:center;gap:35px;padding:30px 40px;display:flex}.benefit-card{text-align:center;cursor:pointer;border-radius:20px;width:220px;padding:20px;transition:all .3s}.benefit-card:hover{transform:translateY(-10px);box-shadow:0 10px 25px #00000026}.benefit-card img{object-fit:contain;border-radius:15px;width:90px;height:90px;margin-bottom:15px;transition:all .3s}.benefit-card:hover img{transform:scale(1.15)rotate(5deg)}.benefit-card h3{color:#222;margin:5px 0;font-size:18px}.benefit-card p{color:#777;margin:0;font-size:14px}.banner-slider{width:100%;height:520px;position:relative;overflow:hidden}.banner-track{height:100%;transition:all .6s;display:flex}.banner-slide{min-width:100%;height:100%;position:relative}.banner-slide img{object-fit:cover;width:100%;height:100%}.banner-text{color:#fff;z-index:2;max-width:450px;position:absolute;top:50%;left:10%;transform:translateY(-50%)}.banner-text h1{margin-bottom:15px;font-size:55px}.banner-text p{font-size:22px}.banner-text button{color:#fff;cursor:pointer;background:#ed4b25;border:none;border-radius:25px;margin-top:25px;padding:14px 35px;font-weight:700;transition:all .3s}.banner-text button:hover{transform:scale(1.08)}.banner-btn{cursor:pointer;z-index:3;background:#fff;border:none;border-radius:50%;width:45px;height:45px;font-size:25px;position:absolute;top:50%;transform:translateY(-50%)}.left{left:20px}.right{right:20px}.dots{gap:10px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.dots span{cursor:pointer;background:#fff;border-radius:50%;width:12px;height:12px}.dots .active{background:#ed4b25}.categories-section{text-align:center;padding:50px 40px}.categories-section h2{margin-bottom:40px;font-size:32px}.categories-container{flex-wrap:wrap;justify-content:center;gap:30px;display:flex}.category-card{color:#222;background:#fff;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;width:180px;height:180px;text-decoration:none;transition:all .3s;display:flex;box-shadow:0 5px 15px #ddd}.category-card:hover{transform:translateY(-10px);box-shadow:0 10px 25px #bbb}.category-icon{margin-bottom:15px;font-size:60px}.product-card{text-align:center;background:#fff;border-radius:15px;padding:20px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 5px 15px #ddd}.product-card:hover{transform:translateY(-8px);box-shadow:0 12px 25px #bbb}.offer{color:#fff;background:#ed4b25;border-radius:20px;padding:5px 12px;font-size:13px;position:absolute;top:15px;left:15px}.favorite{cursor:pointer;background:0 0;border:none;font-size:20px;transition:all .3s;position:absolute;top:15px;right:15px}.favorite:hover{transform:scale(1.3)}.product-image{justify-content:center;height:200px;display:flex}.product-image img{object-fit:contain;max-width:100%;height:100%;transition:all .3s}.product-card:hover img{transform:scale(1.08)}.stars{color:#ffc400;margin:10px 0}.old-price{color:#999;margin:0;text-decoration:line-through}.price{font-size:22px;font-weight:700}.add{color:#fff;cursor:pointer;background:#43b96d;border:none;border-radius:25px;padding:12px 25px;transition:all .3s}.add:hover{color:#000;background:#ffc400;transform:scale(1.05)}.favorite{cursor:pointer;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;top:10px;right:10px;box-shadow:0 3px 10px #ddd}.favorite img{width:22px;height:22px;transition:all .3s}.favorite:hover img{transform:scale(1.2)}.featured{padding:50px 40px}.featured h2{text-align:center;margin-bottom:40px;font-size:32px}.featured-wrapper{align-items:center;gap:15px;display:flex}.featured-products{scroll-behavior:smooth;gap:25px;display:flex;overflow:hidden}.featured-item{min-width:250px}.arrow{color:#fff;cursor:pointer;background:#43b96d;border:none;border-radius:50%;width:45px;height:45px;font-size:25px;transition:all .3s}.arrow:hover{color:#000;background:#ffc400;transform:scale(1.1)}.categories{justify-content:center;gap:15px;margin-bottom:40px;display:flex}.categories button{color:#fff;cursor:pointer;background:#43b96d;border:none;border-radius:20px;padding:10px 25px;transition:all .3s}.categories button:hover{color:#000;background:#ffc400;transform:translateY(-3px)}.cart-page{padding:40px}.cart-item{background:#fff;border-radius:15px;align-items:center;gap:25px;margin:20px 0;padding:20px;display:flex;box-shadow:0 5px 15px #ddd}.cart-item img{object-fit:contain;width:120px;height:120px}.quantity{align-items:center;gap:15px;margin:10px 0;display:flex}.quantity button{color:#fff;cursor:pointer;background:#43b96d;border:none;border-radius:50%;width:35px;height:35px}.delete{color:#fff;cursor:pointer;background:#ed4b25;border:none;border-radius:20px;padding:8px 15px}.checkout{color:#000;background:#ffc400;border-radius:25px;width:auto;margin-top:20px;padding:12px 25px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block}.checkout:hover{color:#fff;background:#43b96d;transform:scale(1.05)}.contact-page{text-align:center;padding:40px}.contact-page form{flex-direction:column;gap:15px;max-width:400px;margin:auto;display:flex}.contact-page input,.contact-page textarea{border:1px solid #ddd;border-radius:8px;padding:12px}.contact-page button{color:#fff;background:#43b96d;border:none;border-radius:20px;padding:12px}.product-detail{align-items:center;gap:50px;padding:50px;display:flex}.detail-image{width:50%}.detail-image img{object-fit:contain;width:100%;height:400px}.detail-info{width:50%}.detail-category{color:#777}.detail-info button{color:#fff;cursor:pointer;background:#43b96d;border:none;border-radius:30px;padding:15px 30px;font-size:18px;transition:all .3s}.detail-info button:hover{transform:scale(1.05)}@media (width<=800px){.product-detail{flex-direction:column}.detail-image,.detail-info{width:100%}}.footer{color:#fff;background:#050505;justify-content:space-around;gap:30px;padding:40px;display:flex}.footer-section{flex-direction:column;gap:10px;display:flex}.footer img{width:130px}.footer a{color:#fff;text-decoration:none}.footer a:hover{color:#ffc400}.social{align-items:center;gap:15px;font-size:25px;display:flex}.social img{object-fit:contain;cursor:pointer;width:35px;height:35px;transition:all .3s}.social img:hover{transform:scale(1.2)}@media (width<=800px){.footer{text-align:center;flex-direction:column;align-items:center}}.auth{background:#f5f5f5;justify-content:center;align-items:center;min-height:70vh;display:flex}.auth-box{background:#fff;border-radius:20px;flex-direction:column;gap:15px;width:350px;padding:35px;display:flex;box-shadow:0 5px 20px #ddd}.auth-box h1{text-align:center}.auth-box input{border:1px solid #ddd;border-radius:10px;padding:12px}.auth-box button{color:#fff;cursor:pointer;background:#43b96d;border:none;border-radius:25px;padding:12px}.auth-box button:hover{color:#000;background:#ffc400}.auth-box a{color:#43b96d;margin-left:5px}.checkout-page{padding:40px}.checkout-container{grid-template-columns:2fr 1fr;gap:30px;max-width:1200px;margin:auto;display:grid}.billing,.order{background:#fff;border-radius:15px;padding:30px;box-shadow:0 5px 15px #ddd}.billing input,.billing textarea{border:1px solid #ddd;border-radius:8px;width:100%;margin-bottom:15px;padding:12px}.billing textarea{resize:none;height:120px}.row{gap:15px;display:flex}.row input{width:50%}.account{align-items:center;gap:8px;margin:15px 0;display:flex}.order-header,.order-item,.total{justify-content:space-between;gap:15px;margin-bottom:15px;display:flex}.line{background:#ddd;height:1px;margin:20px 0}.final{font-size:22px;font-weight:700}.order button{color:#fff;cursor:pointer;background:#43b96d;border:none;border-radius:25px;width:100%;margin-top:25px;padding:15px;font-weight:700;transition:all .3s}.order button:hover{color:#000;background:#ffc400;transform:scale(1.03)}@media (width<=900px){.checkout-container{grid-template-columns:1fr}.row{flex-direction:column}.row input{width:100%}}