:root{--bg-white: hsla(0, 0%, 100%, 1);--bg-gainsboro: hsla(154, 10%, 86%, 1);--bg-wild-blue-yonder: hsla(227, 39%, 75%, 1);--bg-orange-crayola: hsla(18, 97%, 62%, 1);--bg-roman-silver-alpha-30: hsla(210, 9%, 57%, .3);--text-orange-crayola: rgb(255, 94, 25);--text-blue-crayola: hsla(216, 98%, 52%, 1);--text-eerie-black: hsla(210, 11%, 15%, 1);--text-eerie-black-2: hsla(0, 0%, 7%, 1);--text-black: hsla(270, 100%, 0%, 1);--border-eerie-black: hsla(0, 0%, 7%, 1);--fontFamily-inter: "Inter", sans-serif;--fontFamily-clashDisplay: "Roboto Condensed", sans-serif}*{box-sizing:border-box}a{text-decoration:none;color:#000}ul{list-style:none}body{font-family:var(--fontFamily-clashDisplay);margin:0}h1,h2{font-family:var(--fontFamily-inter)}button{cursor:pointer;padding:10px 17px;font-size:16px;box-shadow:4px 4px #000;transition:.3s;border:2px black solid;-webkit-tap-highlight-color:transparent}i,a{-webkit-tap-highlight-color:transparent}button:hover{border-color:var(--bg-orange-crayola);color:var(--text-orange-crayola);box-shadow:none}.container2,.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.section{padding:130px 0 50px}.section_h1{font-size:53px;text-align:center}.fa-star-half-stroke,.fa-star{color:#ffd900}.Add_to_Wishlist{color:#da3300;box-shadow:3px 3px #696969;border-color:#ffac97}.hover-text-under:hover{text-decoration:underline}.offerProduct{position:absolute;left:14%;top:10px;color:#fff;cursor:pointer;padding:5px 17px;font-size:16px;background-color:#bba766}.oldPrice{color:#696969}.smallFoto{display:flex;gap:10px}.smallFoto img{width:60px;height:70px;cursor:pointer;opacity:.8}.smallFoto img:hover,.smallFoto img.active{opacity:1;border:2px solid rgb(255,168,7)}.size{display:flex;align-items:center}.size ul{display:flex;gap:20px}.size ul li{background-color:#e3e3e3;width:35px;height:35px;display:flex;align-items:center;justify-content:center;cursor:pointer}.size ul li.active{border:rgb(255,174,0) 3px solid}.filter-section{padding:50px 0 20px;display:flex;justify-content:space-between}.search-box{position:relative;width:100%;max-width:340px}.filter-section{position:sticky;top:90px;z-index:100;background:#fff;padding:10px 0 30px}.search-box i{position:absolute;top:50%;left:15px;transform:translateY(-50%);color:#777;font-size:14px}.search-input{width:100%;padding:12px 15px 12px 40px;border-radius:0;border:1px solid #ddd;outline:none;font-size:14px;transition:.3s ease;background:#fafafa}.search-input:focus{border-color:#000;background:#fff;box-shadow:0 0 8px #00000014}.categories{display:flex;flex-wrap:wrap;gap:12px}.category-btn{padding:8px 18px;border-radius:0;border:1px solid #ddd;background:#fff;cursor:pointer;font-size:13px;transition:.3s ease}.category-btn:hover{background:var(--bg-orange-crayola);color:#fff;border-color:var(--bg-orange-crayola)}.category-btn.active{box-shadow:none;background:var(--bg-orange-crayola);color:#fff;border-color:var(--bg-orange-crayola)}@media(max-width:1100px){.filter-section{padding:50px 0 20px;display:flex;flex-direction:column;gap:20px;top:70px;align-items:center}}.my-toaster-container{top:100px!important}@media(max-width:767px){.my-toaster-container{top:63px!important}.filter-section{top:40px}.productDetails .container{flex-direction:column;font-size:13px;gap:20px};.productDetails .container .info{padding:0!important}.size ul{gap:10px}.productDetails .container button{font-size:12px;padding:7px}.section{padding:80px 0}button{font-size:15px;transition:all .4s ease-in-out;padding:8px 15px;box-shadow:3px 3px #000;border:2px black solid;outline:none;-webkit-tap-highlight-color:transparent}button:hover{border-color:#000;color:#000;box-shadow:3px 3px #000}button:active{transition:all .1s;transform:scale(.96);border-color:var(--bg-orange-crayola);color:var(--text-orange-crayola);box-shadow:0 0 0 transparent}button.notActiveMinus:active{transform:scale(1)}}header .container ul li:hover a{color:red}.scpical_button,#viewAll{padding:20px 40px;background-color:var(--bg-orange-crayola);width:fit-content;margin:auto}.featured_products .container{display:flex;flex-direction:column;gap:30px;margin-bottom:50px}.scpical_button:hover{color:#fff;border-color:#fafafa}.hero .container .img_hero{flex:1;display:flex;justify-content:flex-end;align-self:start;position:relative}.star{position:absolute;top:-80px;left:-80px;width:230px;z-index:1;transform:none}.cicle{position:absolute;width:280px;left:40%;transform:translate(-40%);z-index:1;bottom:0}.hero{position:relative;z-index:2;padding:150px 0 80px;background:var(--bg-wild-blue-yonder);display:flex;flex-direction:column;align-items:center;justify-content:center}.hero .container{position:relative;z-index:2;display:flex;gap:40px;align-items:center}.hero .container .info{flex:1}.hero .container .img_hero{flex:1;display:flex;justify-content:flex-end;align-self:start}.hero .container .img_hero img:not(.star){position:relative;z-index:2;width:96%}.hero .container .info span{font-size:40px;font-weight:600}.hero .container .info h1{font-size:70px;margin:30}.hero .container .info p{font-size:23px;line-height:2}.hero .container .info button{padding:15px 30px;font-size:15px}.container2{display:none}@media(min-width:991px){.hero{height:100vh}}@media(max-width:1100px){.star{width:200px}.cicle{width:220px}.hero .container .info span{font-size:30px;font-weight:600}.hero .container .info h1{font-size:49px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.hero{padding:140px 0 100px}.hero .container .info p{font-size:18px}}@media(max-width:768px){.star{position:absolute;top:-50px;left:-60px;width:150px}.cicle{width:200px}.hero .container .info span{font-size:20px;font-weight:600}.hero .container .info h1{font-size:30px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.hero{padding:100px 0}.hero .container .info p{font-size:16px}}@media(max-width:500px){.hero .container .info button,.hero .container .info p{display:none}.hero .container{gap:20px;align-items:center}.container2{display:flex;flex-direction:column}.container2 p{font-size:16px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.4}.container2 button{margin:auto}.container2 a{display:block;margin-right:auto}}.container .products{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,370px));gap:20px;justify-content:center}.products img{width:77%;height:400px}.products .product{display:flex;flex-direction:column;align-items:center;justify-content:space-between;position:relative;gap:10px}.products .product .buttons{position:absolute;display:flex;gap:7px;bottom:22%;opacity:0;transform:translateY(14px);transition:.3s}.products .product:hover .buttons{transform:translateY(0);opacity:1}.products .product p{font-size:15px;font-weight:500;margin:0}.products .product span{color:var(--text-orange-crayola);font-size:17px}.products .product .iconFavorite{position:absolute;top:10px;width:35px;height:35px;right:14%;display:none;border:1px rgb(44,44,44) solid;background-color:#fff}.products .product .iconFavorite .fa-heart{font-size:20px}.products .product .iconFavorite.active{display:flex;align-items:center;justify-content:center;color:red}@media(max-width:767px){.products .product .buttons{position:static;opacity:1;transform:translateY(-150px)}.products .product:hover .buttons{transform:translateY(-150px);opacity:1}}.service{background:url(/image/offer-bg.png);background-size:cover}.service .container{height:500px;display:flex;justify-content:start;align-items:center}.service .container p{line-height:2;font-size:19px}.service .box{max-width:440px;background-color:#fff;padding:50px;display:flex;gap:20px;flex-direction:column;justify-content:space-evenly;border:2px black solid;box-shadow:4px 4px #000}.service .box .scpical_button{margin:0}.service .box span{font-size:50px;font-weight:900}.products-cart{display:flex;flex-direction:column;gap:20px}.product-cart img{width:140px;justify-self:flex-end}.quantity{display:flex;align-items:center;gap:10px;justify-content:center}.quantity button{padding:4px;color:#000;box-shadow:2px 2px #000}.quantity button:hover{box-shadow:none}.quantity button.notActiveMinus{opacity:.3}.quantity button.notActiveMinus:hover{box-shadow:2px 2px #000;color:#000;border-color:#000;cursor:initial}.total-price{display:flex;flex-direction:column;padding-top:100px;gap:20px}.total-price .title{display:flex;justify-content:space-between}.title-cart ul{display:grid;grid-template-columns:60px auto 150px 100px 110px;text-align:center;font-weight:700;gap:10px;margin-bottom:10px}.product-cart{display:grid;grid-template-columns:120px auto 150px 100px 110px;align-items:center;text-align:center;gap:10px}.cart-product-info{display:flex;flex-direction:column;align-items:center;gap:5px}.cart-product-size{background-color:#f3f3f3;color:#2b2b2b;padding:4px 10px;font-size:13px;font-weight:600;border:1px solid #535353;display:inline-block}.cart-product-info p{margin:0}@media(max-width:768px){.buttonRemoveCart{padding:5px;width:80px;box-shadow:2px 2px #000}.quantity button{padding:2px;box-shadow:2px 2px #000}.product-cart img{width:60px}.cart-scroll{overflow-x:auto}.title-cart ul,.product-cart{min-width:650px}.cart-scroll::-webkit-scrollbar{height:6px}.cart-scroll::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px}}.Wishlist .container{display:flex;flex-direction:column;gap:40px}.Wishlist .container ul{display:grid;grid-template-columns:auto 70px 180px}.Wishlist .container ul li{text-align:center}.ProductWishlist{display:grid;grid-template-columns:auto auto 70px 180px;align-items:center}.ProductWishlist .price{text-align:center;color:#ff1e00}.ProductWishlist .action{justify-self:center;display:flex;flex-direction:column;gap:10px}.productsWhislist{display:flex;flex-direction:column;gap:20px}.productsWhislist .RemoveWishlist{color:red;box-shadow:none;border:none;background:#fff;transition:.4s}.productsWhislist .RemoveWishlist:hover{text-decoration:underline;text-decoration-color:red}.ProductWishlist img{width:150px}@media(max-width:768px){.wishlist-scroll{overflow-x:auto;width:100%;-webkit-overflow-scrolling:touch}.Wishlist .container ul,.productsWhislist{min-width:500px;padding-bottom:10px}.ProductWishlist img{width:70px}.Wishlist .container ul li,.ProductWishlist .action button{font-size:12px}.ProductWishlist .action button.addCart{padding:5px;width:80px}.wishlist-scroll::-webkit-scrollbar{height:6px}.wishlist-scroll::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px}}header{position:fixed;width:100%;top:0;z-index:1000}.logo img{width:120px}header .container{display:flex;align-items:center;justify-content:center;font-size:16px;position:relative;box-sizing:border-box;z-index:3}header .container:after{content:"";width:100%;height:1px;position:absolute;background-color:#000;left:0;bottom:0;z-index:3}header .container .box1{flex:1;display:flex;justify-content:space-between;align-items:center;position:relative;padding:16px 30px 16px 0}header .container .box1:after{content:"";width:1px;height:100%;position:absolute;background-color:#000;right:0;bottom:0}header .container .box1 ul{display:flex;gap:30px}header .container .box2{padding:10px 0 10px 30px;display:flex;align-items:center;justify-content:space-evenly;gap:30px}header.active{background-color:#fff;box-shadow:0 1px 6px #0000001a}header.active .container:after{display:none}header.active .container .box1:after{display:none}.cart,header ul li a{display:block;padding:7px;transition:.3s}.cart{cursor:pointer}.cart:hover,.cart.active,header ul li a.active,header ul Link:hover a{color:var(--text-orange-crayola)}.menu-toggle{width:30px;height:20px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;display:none}.menu-toggle span{display:block;height:3px;width:100%;background-color:#000;border-radius:5px;transition:all .3s ease}.menu-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.menu-toggle{position:relative;z-index:1001}.displaySmall ul{z-index:1000}.my-button-style{cursor:pointer;padding:10px 17px;font-size:16px;box-shadow:4px 4px #000;transition:.3s;border:2px black solid}.my-button-style:hover{border-color:var(--bg-orange-crayola);color:var(--text-orange-crayola);box-shadow:none}@media(max-width:1000px){header .container a{font-size:14px;padding:5px}.my-button-style{padding:5px 7px;font-size:14px}header .container .box2{padding:10px 0 10px 20px;display:flex;gap:10px}.logo img{width:90px}header .container .box1{padding:16px 10px 16px 0}header .container .box2{padding:0;width:200px}header .container .box1 ul{display:flex;gap:5px}}@media(max-width:768px){.my-button-style{-webkit-tap-highlight-color:transparent;box-shadow:3px 3px #000;transition:.1s;border:2px black solid;color:#000}.my-button-style:hover{border-color:#000;color:#000;box-shadow:3px 3px #000}.my-button-style:active{border-color:var(--bg-orange-crayola);color:var(--text-orange-crayola);box-shadow:none}.menu-toggle{display:flex;-webkit-tap-highlight-color:transparent}header .container .box1{padding:20px 0}.displaySmall ul{display:flex;flex-direction:column;gap:10px;position:fixed;top:61px;left:0;width:100%;padding:10px;border:1px rgba(0,0,0,.438) solid;background-color:#f7f7f7;transform:scaleY(0);transform-origin:top;transition:transform .3s ease}.displaySmall.active ul{transform:scaleY(1)}.displaySmall ul li{width:100%;padding:4px 0}.displaySmall ul li a{padding:10px}.displaySmall ul{list-style:none;margin:0}header ul li a.active,.displaySmall ul li a:hover{cursor:pointer;background-color:#e4e4e49a}header .container .box2{justify-content:space-between;padding-left:20px}}footer{background-color:var(--bg-gainsboro);padding:70px 0 0;position:relative;font-size:13px}footer .img1{position:absolute;bottom:0;left:50%}footer .img2{position:absolute;bottom:30%;left:0;z-index:1}footer .img3{position:absolute;top:0;right:0}footer .container{display:flex;flex-direction:column;gap:10px}footer .container .section1{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}footer .section1 .contact,footer .section1 .subscribe,footer .section1 .info{display:flex;flex-direction:column;gap:40px;align-items:start;z-index:2}footer .section1 .contact p{margin-top:0}footer .section1 .info p{font-size:15px;line-height:1.7;margin:0}footer .section1 input{padding:20px;font-size:16px;width:300px;box-shadow:3px 3px #000;border:1px black solid;transition:.3s}footer .section1 input:focus{outline:none;box-shadow:none}footer .section1 .info i{cursor:pointer;display:flex;justify-content:center;align-items:center;padding:10px;background-color:#dadada;color:#000;width:50px;font-size:23px;border-radius:50%;border:2px black solid;box-shadow:1px 1px #000;transition:.3s}footer .section1 .info i:hover{color:var(--text-orange-crayola);border-color:var(--text-orange-crayola);transform:translateY(-4px)}footer .section1 .info .icons{display:flex;gap:10px;z-index:10}footer .section1 .scpical_button{margin:0}footer .section1 h3{font-size:19px;margin:0}footer .container .section2{display:flex;justify-content:space-between;position:relative;padding:100px 0 20px}footer .container .section2:after{position:absolute;content:"";width:100%;height:1px;left:0;bottom:0;background-color:#000}footer .container .section2 ul{display:flex;justify-content:start;gap:15px;padding:0}footer .container .section2 ul a{font-weight:500;font-size:14px;transition:.4s}footer .container .section2 ul a:hover{color:var(--text-orange-crayola)}footer .container .section3{text-align:center;z-index:3}#contact.active{color:var(--text-orange-crayola)}@media(max-width:768px){footer .section1 .contact,footer .section1 .subscribe,footer .section1 .info{gap:20px;z-index:2}footer .section1 .info i{width:40px;height:40px;font-size:18px}footer .container .section1 p{font-size:12px}footer .container .section2{display:flex;flex-direction:column;padding:50px 0 20px}footer .container .section2 a{font-size:12px!important}footer .img1{width:200px;z-index:1}footer .img2{width:130px;z-index:1}footer .img3{width:170px}}