*{margin:0;padding:0;box-sizing:border-box}.navbar{display:flex;justify-content:space-between;align-items:center;padding:16px 40px;box-shadow:0 1px 3px -2px #000;flex-wrap:wrap}.nav-logo{display:flex;gap:5px;align-items:center}.nav-logo p{color:#000;font-size:20px;font-weight:600}.nav-menu{display:flex;gap:40px;align-items:center;list-style:none}.nav-menu li{display:flex;flex-direction:column;align-items:center;cursor:pointer}.nav-menu hr{border:none;width:80%;height:3px;border-radius:18px;background-color:#ff4141}.nav-login-cart{display:flex;align-items:center;gap:25px}.nav-login-cart button{width:100px;height:40px;border:1px solid #7a7a7a;border-radius:75px;font-size:16px}.nav-cart-count{width:22px;height:22px;display:flex;justify-content:center;align-items:center;margin-top:-30px;margin-left:-50px;border-radius:20px;font-size:14px;background-color:red;color:#fff}@media(max-width:900px){.navbar{padding:12px 20px}.nav-menu{gap:20px}.nav-login-cart{gap:15px}}@media(max-width:600px){.navbar{flex-direction:column;gap:15px;padding:10px}.nav-menu{flex-wrap:wrap;justify-content:center;gap:15px}.nav-menu li{font-size:14px}.nav-login-cart{gap:10px}.nav-login-cart button{width:80px;height:35px;font-size:14px}}@media(max-width:400px){.nav-logo p{font-size:16px}.nav-menu li{font-size:12px}.nav-login-cart button{width:70px;height:30px;font-size:12px}}.hero{display:flex;align-items:center;justify-content:space-between;padding:60px 80px;gap:40px}.hero-left p{font-size:60px}.hero-left h2{font-size:24px}.hero-latest-btn{font-size:18px;padding:14px 30px}.hero-right img{width:500px;max-width:100%}@media(max-width:900px){.hero{flex-direction:column;text-align:center;padding:40px 30px}.hero-left p{font-size:44px}.hero-left h2{font-size:20px}.hero-right img{width:80%;margin-top:20px}}@media(max-width:600px){.hero{padding:30px 15px}.hero-left p{font-size:32px}.hero-left h2{font-size:16px}.hero-latest-btn{font-size:16px;padding:10px 20px}.hero-right img{width:90%}}@media(max-width:400px){.hero-left p{font-size:26px}.hero-left h2{font-size:14px}.hero-latest-btn{font-size:14px;padding:8px 16px}}.popular{display:flex;flex-direction:column;align-items:center;gap:10px;padding:40px 20px;min-height:90vh;background:linear-gradient(180deg,#c2b3c2,#06a13422 60%)}.popular h1{color:#171717;font-size:40px;font-weight:600;text-align:center}.popular hr{width:200px;height:4px;border:none;border-radius:10px;background:#252525}.popular-item{margin-top:50px;display:flex;gap:25px;flex-wrap:wrap;justify-content:center}@media(max-width:900px){.popular h1{font-size:28px}.popular-item{gap:20px}}@media(max-width:600px){.popular{padding:30px 10px}.popular h1{font-size:20px}.popular hr{width:120px}.popular-item{gap:15px}}.item{width:100%;max-width:250px;box-sizing:border-box;transition:transform .3s ease}.item img{width:100%;height:auto;object-fit:cover}.item p{margin:6px 0}.item-price{display:flex;gap:20px}.item-new-price{color:#372151;font-size:16px;font-weight:600}.item-old-price{color:#999;font-size:16px;font-weight:600;text-decoration:line-through}.item:hover{transform:scale(1.05)}@media(max-width:900px){.item{max-width:180px}}@media(max-width:600px){.item{max-width:100%}}.offers{display:flex;align-items:center;justify-content:space-between;min-height:60vh;margin:80px auto;padding:40px 120px;max-width:1200px;background:linear-gradient(180deg,#c2b3c2,#06a13422 60%);gap:40px}.offer-left{flex:1;display:flex;flex-direction:column;justify-content:center}.offer-right{flex:1;color:#171717;font-size:50px;font-weight:600;line-height:1.2}@media(max-width:900px){.offers{flex-direction:column;text-align:center;padding:40px 30px;margin:40px 20px}.offer-right{font-size:32px}}@media(max-width:600px){.offers{padding:20px 15px;margin:20px 10px;gap:20px}.offer-right{font-size:22px}}@media(max-width:400px){.offer-right{font-size:18px}}.collections-section{display:flex;flex-direction:column;align-items:center;gap:20px;background:linear-gradient(180deg,#c2b3c2,#06a13422 60%);margin-bottom:100px;padding:40px 20px}.newcollectio{margin-top:20px;display:flex;flex-direction:column;align-items:center}.newcollectio h1{color:#171717;font-size:40px;font-weight:600}.newcollectio hr{width:200px;height:4px;border-radius:10px;background:#252525;border:none}.collections{display:grid;grid-template-columns:repeat(3,1fr);margin-top:50px;gap:30px;width:100%;max-width:1200px}@media(max-width:900px){.collections{grid-template-columns:repeat(2,1fr);gap:20px}.newcollectio h1{font-size:28px}}@media(max-width:600px){.collections{grid-template-columns:1fr;gap:15px}.newcollectio h1{font-size:22px}.newcollectio hr{width:120px}}.newsletter{width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:auto auto 150px;padding:40px 10%;background:linear-gradient(180deg,#f0f8ff,#fff);gap:30px;text-align:center}.newsletter p{color:#454545;font-size:55px;font-weight:600}.newsletter div{display:flex;align-items:center;justify-content:space-between;background:#fff;width:100%;max-width:700px;border-radius:80px;border:1px solid #3e3e3e;overflow:hidden}.newsletter input{flex:1;height:55px;padding-left:20px;border:none;outline:none;font-size:16px}.newsletter div button{width:180px;height:55px;background:#000;color:#faebd7;font-size:16px}.newsletter div button border: .shopcategory-banner{display:block;margin:30px auto;width:82%}.newsletter div button .shopcategory-index{display:flex;margin:0 auto;padding:0 40px;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.newsletter div button .shopcategory-sort{padding:10px 20px;border-radius:40px;border:1px solid red}.newsletter div button .shopcategory-index p span{font-weight:600}.newsletter div button .shopcategory-products{margin:20px auto;padding:0 40px;display:grid;grid-template-columns:repeat(3,1fr);row-gap:80px;column-gap:20px}@media(max-width:900px){.newsletter div button .shopcategory-banner{width:95%;margin:20px auto}.newsletter div button .shopcategory-index{padding:0 20px;flex-direction:column;align-items:flex-start}.newsletter div button .shopcategory-products{padding:0 20px;grid-template-columns:repeat(2,1fr);row-gap:40px}}@media(max-width:480px){.newsletter div button .shopcategory-banner{width:100%;margin:10px auto}.newsletter div button .shopcategory-index{padding:0 15px;flex-direction:column;gap:5px}.newsletter div button .shopcategory-products{padding:0 15px;grid-template-columns:1fr;row-gap:25px}}.newsletter div button .bredcrums{display:flex;align-items:center;gap:8px;color:#5e5e5e;font-size:16px;font-weight:600;justify-content:center;text-transform:capitalize;margin-top:30px;margin-bottom:30px;flex-wrap:wrap;text-align:center}@media(max-width:900px){.newsletter div button .bredcrums{font-size:14px;gap:6px;padding:0 10px}}@media(max-width:600px){.newsletter div button .bredcrums{font-size:13px;gap:5px;padding:0 8px}}@media(max-width:400px){.newsletter div button .bredcrums{font-size:12px;gap:4px}}.newsletter div button .productdisplay{display:flex;gap:40px;margin:40px 70px}.newsletter div button .productdisplay-left{display:flex;gap:15px}.newsletter div button .productdisplay-img-list img{width:70px;height:90px;object-fit:cover;cursor:pointer}.newsletter div button .productdisplay-main-img{width:100%;max-width:450px;height:auto;object-fit:cover}.newsletter div button .productdisplay-right{flex:1;display:flex;flex-direction:column;gap:15px}.newsletter div button .productdisplay-right h2{font-weight:400;font-size:26px}.newsletter div button .productdisplay-right-size{display:flex;flex-direction:column;gap:10px}.newsletter div button .productdisplay-right-size h1{font-size:20px;font-weight:600;color:#2c2c2c}.newsletter div button .productdisplay-right-size>div{display:flex;gap:12px;flex-wrap:wrap}.newsletter div button .productdisplay-right-size div{width:45px;height:45px;border:2px solid #ebebeb;border-radius:5px;display:flex;justify-content:center;align-items:center;font-weight:600;cursor:pointer;transition:.3s}.newsletter div button .productdisplay-right-buy{display:flex;gap:15px;flex-wrap:wrap}.newsletter div button .productdisplay-right-buy-btn{padding:14px 40px;border:none;border-radius:5px;background-color:#ff4141;color:#fff;font-size:16px;font-weight:600;cursor:pointer}@media(max-width:900px){.newsletter div button .productdisplay{flex-direction:column;margin:20px}.newsletter div button .productdisplay-left{flex-direction:column-reverse;align-items:center}.newsletter div button .productdisplay-img-list{display:flex;gap:10px}.newsletter div button .productdisplay-main-img{max-width:100%}}@media(max-width:600px){.newsletter div button .productdisplay{margin:10px;gap:20px}.newsletter div button .productdisplay-right h2{font-size:20px}.newsletter div button .productdisplay-right-buy-btn{width:100%;text-align:center}.newsletter div button .productdisplay-right-size div{width:40px;height:40px;font-size:14px}}.newsletter div button .descriptionbox{margin:80px 50px}.newsletter div button .descriptionbox-navigator{display:flex;flex-wrap:wrap}.newsletter div button .descriptionbox-navigator .descriptionbox-nav-box{display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;width:150px;height:50px;border:1px solid #d0d0d0;cursor:pointer}.newsletter div button .descriptionbox-navigator .descriptionbox-nav-box.fade{background:#fbfbfb;color:#555}.newsletter div button .descriptionbox-navigator .descriptionbox-description{display:flex;flex-direction:column;gap:20px;border:1px solid #D0D0D0;padding:40px 40px 50px}@media(max-width:900px){.newsletter div button .descriptionbox-navigator .descriptionbox{margin:30px 20px}.newsletter div button .descriptionbox-navigator .descriptionbox-nav-box{width:120px;height:45px;font-size:14px}.newsletter div button .descriptionbox-navigator .descriptionbox-description{padding:25px;gap:15px}}@media(max-width:600px){.newsletter div button .descriptionbox-navigator .descriptionbox{margin:15px 10px}.newsletter div button .descriptionbox-navigator .descriptionbox-navigator{flex-direction:column}.newsletter div button .descriptionbox-navigator .descriptionbox-nav-box{width:100%;height:40px;font-size:14px}.newsletter div button .descriptionbox-navigator .descriptionbox-description{padding:15px;gap:10px;font-size:14px}}@media(max-width:400px){.newsletter div button .descriptionbox-navigator .descriptionbox{margin:10px 5px}.newsletter div button .descriptionbox-navigator .descriptionbox-description{padding:10px;font-size:13px}}.newsletter div button .descriptionbox-navigator .relatedproducts{display:flex;flex-direction:column;align-items:center;gap:10px;padding:40px 20px}.newsletter div button .descriptionbox-navigator .relatedproducts h1{color:#171717;font-size:40px;font-weight:600;text-align:center}.newsletter div button .descriptionbox-navigator .relatedproducts hr{width:200px;height:6px;border-radius:10px;background:#252525}.newsletter div button .descriptionbox-navigator .relatedproducts-item{margin-top:40px;display:grid;grid-template-columns:repeat(4,1fr);gap:30px;width:100%;max-width:1200px}@media(max-width:900px){.newsletter div button .descriptionbox-navigator .relatedproducts-item{grid-template-columns:repeat(2,1fr);gap:20px}.newsletter div button .descriptionbox-navigator .relatedproducts h1{font-size:28px}}@media(max-width:600px){.newsletter div button .descriptionbox-navigator .relatedproducts-item{grid-template-columns:1fr;gap:15px}.newsletter div button .descriptionbox-navigator .relatedproducts h1{font-size:22px}.newsletter div button .descriptionbox-navigator .relatedproducts hr{width:120px;height:4px}}.newsletter div button .descriptionbox-navigator .cartitems{margin:50px 70px}.newsletter div button .descriptionbox-navigator .cartitems-format-main{display:grid;grid-template-columns:.5fr 2fr 1fr 1fr 1fr 1fr;align-items:center;gap:30px;padding:10px 0;color:#454545;font-size:18px;font-weight:600}.newsletter div button .descriptionbox-navigator .cartitems-format{font-size:15px;font-weight:500}.newsletter div button .descriptionbox-navigator .cartitems hr{height:3px;background:#e2e2e2;border:0}.newsletter div button .descriptionbox-navigator .carticon-product-icon{height:50px}.newsletter div button .descriptionbox-navigator .cartitems-remove-icon{width:15px;margin:0 30px;cursor:pointer}.newsletter div button .descriptionbox-navigator .cartitems-quantity{height:40px;width:100px}.newsletter div button .descriptionbox-navigator .cartitems-down{display:flex;margin:70px 0;gap:40px}.newsletter div button .descriptionbox-navigator .cartitems-total{flex:1;display:flex;flex-direction:column;gap:30px}.newsletter div button .descriptionbox-navigator .cartitems-total-item{display:flex;justify-content:space-between;padding:15px 0}.newsletter div button .descriptionbox-navigator .cartitems-total button{width:250px;height:50px;border:none;background:#ff5a5a;color:#fff;font-size:16px;font-weight:600;cursor:pointer}.newsletter div button .descriptionbox-navigator .cartitems-promocode{flex:1;font-size:16px;font-weight:500}.newsletter div button .descriptionbox-navigator .cartitems-promobox{width:100%;max-width:400px;margin-top:15px;height:50px;background:#eaeaea;display:flex}.newsletter div button .descriptionbox-navigator .cartitems-promobox input{border:none;outline:none;background:transparent;font-size:16px;flex:1;padding-left:15px}.newsletter div button .descriptionbox-navigator .cartitems-promobox button{width:120px;background:#000;color:#fff;cursor:pointer}@media(max-width:900px){.newsletter div button .descriptionbox-navigator .cartitems{margin:20px 10px}.newsletter div button .descriptionbox-navigator .cartitems-format-main{grid-template-columns:1fr 2fr 1fr;font-size:14px;gap:10px}.newsletter div button .descriptionbox-navigator .cartitems-down{flex-direction:column;gap:30px}.newsletter div button .descriptionbox-navigator .cartitems-total button{width:100%}}@media(max-width:600px){.newsletter div button .descriptionbox-navigator .cartitems{margin:10px 5px}.newsletter div button .descriptionbox-navigator .cartitems-format-main{grid-template-columns:1fr;text-align:center;font-size:13px;gap:8px}.newsletter div button .descriptionbox-navigator .carticon-product-icon,.newsletter div button .descriptionbox-navigator .cartitems-remove-icon{margin:auto}.newsletter div button .descriptionbox-navigator .cartitems-quantity{width:100%}.newsletter div button .descriptionbox-navigator .cartitems-total button{width:100%;font-size:14px}.newsletter div button .descriptionbox-navigator .cartitems-promobox{flex-direction:column;height:auto}.newsletter div button .descriptionbox-navigator .cartitems-promobox input{height:45px}.newsletter div button .descriptionbox-navigator .cartitems-promobox button{width:100%;height:45px}}.newsletter div button .descriptionbox-navigator .loginsignup-container h1{margin:20px 0;text-align:center}.newsletter div button .descriptionbox-navigator .loginsignup-fields{display:flex;flex-direction:column;gap:20px;margin-top:30px}.newsletter div button .descriptionbox-navigator .loginsignup-fields input{height:50px;width:100%;padding-left:20px;outline:none;border:1px solid #c9c9c9;font-size:16px}.newsletter div button .descriptionbox-navigator .loginsignup-container button{width:100%;height:45px;color:#fff;background:#ff4141;margin-top:25px;font-size:18px;border:none;cursor:pointer;border-radius:4px}.newsletter div button .descriptionbox-navigator .loginsignup-login,.newsletter div button .descriptionbox-navigator .loginsignup-agree{font-size:16px;margin-top:20px}.newsletter div button .descriptionbox-navigator .loginsignup-login span{color:#ff4141;font-weight:600}@media(max-width:900px){.newsletter div button .descriptionbox-navigator .loginsignup-container{padding:30px 25px}}@media(max-width:600px){.newsletter div button .descriptionbox-navigator .loginsignup{padding:60px 15px 30px}.newsletter div button .descriptionbox-navigator .loginsignup-container{padding:25px 15px}.newsletter div button .descriptionbox-navigator .loginsignup-fields input{height:45px;font-size:14px}.newsletter div button .descriptionbox-navigator .loginsignup-container button{font-size:16px;height:42px}}.newsletter div button .descriptionbox-navigator .footer{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:40px;padding:40px 20px;text-align:center}.newsletter div button .descriptionbox-navigator .footer-logo{display:flex;align-items:center;gap:15px}.newsletter div button .descriptionbox-navigator .footer-logo p{color:#383838;font-size:40px;font-weight:700}.newsletter div button .descriptionbox-navigator .footer-links{display:flex;list-style:none;gap:40px;color:#252525;font-size:18px;flex-wrap:wrap;justify-content:center}.newsletter div button .descriptionbox-navigator .footer-links li{cursor:pointer}.newsletter div button .descriptionbox-navigator .footer-social-icon{display:flex;gap:20px;flex-wrap:wrap;justify-content:center}.newsletter div button .descriptionbox-navigator .footer-icon-container{padding:10px;background:#fbfbfb;border:1px solid #ebebeb}.newsletter div button .descriptionbox-navigator .footer-copyright{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%;margin-bottom:20px;color:#1a1a1a;font-size:18px}.newsletter div button .descriptionbox-navigator .footer-copyright hr{width:80%;max-width:500px;border:none;border-radius:10px;height:3px;background:#c7c7c7}@media(max-width:900px){.newsletter div button .descriptionbox-navigator .footer-logo p{font-size:28px}.newsletter div button .descriptionbox-navigator .footer-links{gap:20px;font-size:16px}}@media(max-width:600px){.newsletter div button .descriptionbox-navigator .footer{gap:25px}.newsletter div button .descriptionbox-navigator .footer-logo{flex-direction:column}.newsletter div button .descriptionbox-navigator .footer-logo p{font-size:22px}.newsletter div button .descriptionbox-navigator .footer-links{flex-direction:column;gap:12px;font-size:14px}.newsletter div button .descriptionbox-navigator .footer-social-icon{gap:12px}.newsletter div button .descriptionbox-navigator .footer-copyright{font-size:14px}}
