@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;700;900&display=swap);*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--clr-n-100:#151515;--clr-n-200:#282828;--clr-n-300:#2c2c2c;--clr-n-400:#707070;--clr-n-700:#d4d4d4;--clr-n-800:#f5f5f6;--clr-n-900:#fff;--clr-accent:#34ba08;--clr-error:#f0541e;--border-1:50px;--border-2:25px;--border-3:10px;--border-4:5px;--header:min(100px,10vh);--container-width:min(1440px,95vw);--container-height:min(100vh,1080px);--padding:2rem;--transition:cubic-bezier(0.76,0,0.24,1);--font-h1:5rem}html{scroll-behavior:smooth}body{background-color:#fff;background-color:var(--clr-n-900);color:#282828;color:var(--clr-n-200);font-family:Inter,Helvetica,sans-serif;position:relative;width:100%}body.overlay{overflow:hidden}body.overlay:before{background-color:rgba(0,0,0,.5);content:"";min-height:100vh;position:absolute;right:0;top:0;width:100vw;z-index:9}.bg-reverse{background-color:#151515;background-color:var(--clr-n-100);color:#fff;color:var(--clr-n-900)}.container{margin-inline:auto;padding-inline:2rem;padding-inline:var(--padding);width:min(1440px,95vw);width:var(--container-width)}.container.loading-container{position:relative}.container.loading-container .loading{color:#34ba08;color:var(--clr-accent);font-size:1.3rem;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}li,ul{list-style:none}img,video{display:block;object-fit:cover;width:100%}a{color:inherit;text-decoration:none}section{padding-block:5rem 0}.btn{background:none;border:0;cursor:pointer;display:inline-block;font-family:inherit;outline:none;transition:.3s cubic-bezier(.76,0,.24,1);transition:.3s var(--transition)}.btn:active,.btn:hover{-webkit-transform:scale(.98);transform:scale(.98)}.page-title{color:#34ba08;color:var(--clr-accent);font-size:2.5rem;font-weight:900;text-transform:uppercase}.no-item{font-size:1.5rem;font-weight:600}.no-item span{text-decoration:line-through}@media (max-width:768px){:root{--font-h1:4rem}.page-title{font-size:2rem}}@media (max-width:500px){:root{--font-h1:3rem;--border-1:25px;--border-2:10px;--border-3:5px;--container-width:93vw;--padding:.5rem}.page-title{font-size:1.5rem}}.footer{background-color:var(--clr-n-100);border-top:1px solid var(--clr-n-700);color:var(--clr-n-900);padding-block:5rem}.footer .footer-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(500px,1fr))}@media(max-width:768px){.footer .footer-container{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media(max-width:500px){.footer .footer-container{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}.footer .footer-container .sign-up{display:flex;flex-direction:column;gap:2rem}.footer .footer-container .sign-up p{font-size:1.2rem}.footer .footer-container .sign-up h2{font-size:2rem;text-transform:uppercase}.footer .footer-container .sign-up .input-box{display:flex;flex-direction:column;gap:1rem}.footer .footer-container .sign-up .input-box input{border:0;font-family:inherit;font-size:1rem;height:50px;max-width:500px;outline:none;padding-inline:1rem}@media(max-width:768px){.footer .footer-container .sign-up .input-box input{font-size:.8rem;height:40px;max-width:100%;padding-inline:.5rem}}.footer .footer-container .sign-up .input-box .btn-sign{align-self:flex-start;border:2px solid var(--clr-n-800);color:var(--clr-n-900);padding:.5rem 1rem}.footer .footer-container .footer-links{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.footer .footer-container .footer-links ul{display:flex;flex-direction:column;gap:1rem}.footer .footer-container .footer-links ul p{font-size:1.5rem;text-transform:uppercase}.footer .footer-container .footer-links ul li{align-self:flex-start;cursor:pointer;display:inline-block;transition:color .1s var(--transition)}.footer .footer-container .footer-links ul li:hover{color:var(--clr-accent)}.header{border-bottom:1px solid var(--clr-n-700);height:var(--header);overflow-x:hidden}.header .container{align-items:center;display:flex;height:100%;justify-content:space-between}.header .container .left-nav,.header .container .right-nav{align-items:center;display:flex;gap:1rem;height:100%}.header .container .left-nav>div,.header .container .right-nav>div{cursor:pointer;font-size:1.2rem}@media(max-width:500px){.header .container .left-nav>div,.header .container .right-nav>div{font-size:1rem}}.header .container .left-nav .register-icon,.header .container .right-nav .register-icon{align-items:center;background:none;border:1px solid var(--clr-n-100);border-radius:50%;cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;outline:none;padding:.5rem}@media(max-width:500px){.header .container .left-nav .register-icon,.header .container .right-nav .register-icon{font-size:1rem}}.header .container .left-nav .register-icon:active,.header .container .left-nav .register-icon:focus,.header .container .right-nav .register-icon:active,.header .container .right-nav .register-icon:focus{border-color:var(--clr-accent);color:var(--clr-accent);outline:2px solid var(--clr-n-400);outline-offset:1px}.header .container .left-nav .register-icon.cart-icon,.header .container .right-nav .register-icon.cart-icon{position:relative}.header .container .left-nav .register-icon.cart-icon:before,.header .container .right-nav .register-icon.cart-icon:before{align-items:center;background-color:red;border-radius:50%;bottom:-.25rem;color:var(--clr-n-900);content:attr(data-cart-quantity);display:flex;font-family:inherit;font-size:.75rem;height:1.25rem;justify-content:center;padding:.25rem;position:absolute;right:-.25rem;width:1.25rem}.header .container .logo h1{color:var(--clr-n-200);font-size:2rem;font-weight:900;letter-spacing:2px;text-transform:uppercase}@media(max-width:768px){.header .container .logo h1{font-size:1.7rem;font-weight:700}}@media(max-width:500px){.header .container .logo h1{font-size:1.2rem;letter-spacing:1px}}.header .container .header__cart-container{background-color:var(--clr-n-900);color:var(--clr-n-200);display:flex;flex-direction:column;gap:2rem;height:100vh;overflow-y:auto;padding:3rem;position:fixed;right:0;top:0;-webkit-transform:translateX(100%);transform:translateX(100%);transition:-webkit-transform .5s var(--transition);transition:transform .5s var(--transition);transition:transform .5s var(--transition),-webkit-transform .5s var(--transition);width:40%;z-index:100}@media(max-width:1000px){.header .container .header__cart-container{width:60%}}@media(max-width:768px){.header .container .header__cart-container{padding:2rem;width:80%}}@media(max-width:500px){.header .container .header__cart-container{padding:1rem;width:100%}}.header .container .header__cart-container.open{-webkit-transform:translateX(0);transform:translateX(0)}.header .container .nav{background-color:var(--clr-n-100);color:var(--clr-n-900);height:100vh;left:0;padding:var(--padding);padding-top:var(--header);position:absolute;top:0;-webkit-transform:translateX(-100vw);transform:translateX(-100vw);transition:-webkit-transform .5s var(--transition);transition:transform .5s var(--transition);transition:transform .5s var(--transition),-webkit-transform .5s var(--transition);width:100%;z-index:100}.header .container .nav.open{-webkit-transform:translateX(0);transform:translateX(0)}.cart-header{align-items:center;border-bottom:1px solid transparent;border-bottom-color:var(--clr-n-700);border-left:1px solid transparent;border-right:1px solid transparent;border-top:1px solid transparent;border-top-color:var(--clr-n-700);display:flex;justify-content:space-between;padding-block:.5rem}.cart-header h1{font-size:2.5rem;text-transform:uppercase}@media(max-width:768px){.cart-header h1{font-size:2rem}}@media(max-width:500px){.cart-header h1{font-size:1.5rem}}.cart-header .btn-close{font-size:1.5rem}.cart-header .btn-close:hover{-webkit-transform:scale(1);transform:scale(1)}.cart-body{display:flex;flex-direction:column;flex-grow:1;gap:1rem}.cart-body .order-grid{grid-gap:1.5rem;display:grid;gap:1.5rem}.cart-body .order-grid .order-item{border-bottom:1px solid var(--clr-n-700);display:flex;gap:.5rem;height:150px;padding-bottom:.5rem}.cart-body .order-grid .order-item .img-container{max-width:150px;width:100%}.cart-body .order-grid .order-item .img-container img{border-radius:var(--border-4);height:100%}.cart-body .order-grid .order-item .center{display:flex;flex-direction:column;flex-grow:1;gap:.5rem}.cart-body .order-grid .order-item .center h5{flex-grow:1;font-size:1.5rem;text-transform:capitalize}@media(max-width:500px){.cart-body .order-grid .order-item .center h5{font-size:1rem}}.cart-body .order-grid .order-item .center p{font-size:.8rem}.cart-body .order-grid .order-item .center p span{margin-left:.25rem}.cart-body .order-grid .order-item .center p span.oreder-item__color{border:1px solid;border-radius:3px;padding:.25rem}.cart-body .order-grid .order-item .center span{font-size:.9rem}.cart-body .order-grid .order-item .center .quantity{align-items:center;display:flex;gap:1rem}@media(max-width:500px){.cart-body .order-grid .order-item .center .quantity{gap:.5rem}}.cart-body .order-grid .order-item .center .quantity .btn-cart-quantity{font-size:1.2rem;padding:.25rem}.cart-body .order-grid .order-item .center .quantity .btn-cart-quantity:hover{background-color:#f2f2f2}.cart-body .order-grid .order-item .right{display:flex;flex-direction:column}.cart-body .order-grid .order-item .right h5{font-size:1.5rem;text-transform:capitalize}@media(max-width:500px){.cart-body .order-grid .order-item .right h5{font-size:1rem}}.cart-body .order-grid .order-item .right .btn-cart-remove{border:1px solid var(--clr-n-700);color:var(--clr-n-400);font-weight:700;margin-top:2rem;padding:.35rem .15rem;text-transform:capitalize}.cart-footer{display:flex;flex-direction:column;gap:1rem}.cart-footer .total{align-items:center;border-bottom:1px solid var(--clr-n-700);border-top:1px solid var(--clr-n-700);display:flex;font-size:1.3rem;justify-content:space-between;padding-block:1rem}.cart-footer .total p{font-weight:700;text-transform:uppercase}.cart-footer .btn-checkout{background-color:var(--clr-accent);border:2px solid var(--clr-n-200);color:var(--clr-n-900);font-size:1.2rem;font-weight:700;padding:1rem}@media(max-width:768px){.cart-footer .btn-checkout{font-size:1rem}}@media(max-width:500px){.cart-footer .btn-checkout{font-size:.8rem}}.cart-detail-container{background-color:var(--clr-n-900);border-left:1px solid var(--clr-n-700);color:var(--clr-n-200);display:flex;flex-direction:column;gap:2rem;height:100vh;overflow-y:auto;padding:3rem;position:fixed;right:0;top:0;-webkit-transform:translateX(100%);transform:translateX(100%);transition:-webkit-transform .5s var(--transition);transition:transform .5s var(--transition);transition:transform .5s var(--transition),-webkit-transform .5s var(--transition);width:35%;z-index:100}@media(max-width:1000px){.cart-detail-container{width:50%}}@media(max-width:768px){.cart-detail-container{padding:2rem;width:70%}}@media(max-width:500px){.cart-detail-container{padding:1rem;width:100%}}.cart-detail-container.open{-webkit-transform:translateX(0);transform:translateX(0)}.cart-detail-container .cart-detail_content{display:flex;flex-direction:column;flex-grow:1;gap:1rem}.cart-detail-container .cart-detail_content>p{font-size:.9rem}.cart-detail-container .cart-detail_content>p span{font-weight:600}.cart-detail-container .cart-detail_content .top{display:flex;gap:2rem}.cart-detail-container .cart-detail_content .top .item-img{height:200px;max-width:200px}.cart-detail-container .cart-detail_content .top .item-img img{border-radius:3px;height:100%}.cart-detail-container .cart-detail_content .top .details p{font-size:1.1rem;font-weight:600;text-transform:uppercase}.cart-detail-container .cart-detail_content .top .details p.price{color:var(--clr-n-400);font-weight:400;padding-top:.5rem}.cart-detail-container .cart-detail_content .middle{display:flex;flex-wrap:wrap;gap:.5rem}.cart-detail-container .cart-detail_content .middle .cart_input-readonly{background:none;border:1px solid var(--clr-n-700);border-radius:3px;cursor:pointer;font-size:.9rem;font-weight:600;outline:none;padding:.65rem .75rem;width:auto}.cart-detail-container .cart-detail_content .middle .cart_input-readonly.selected{outline:2px solid var(--clr-accent);outline-offset:1px}.nav-container{display:flex;flex-direction:column;gap:2rem;height:100%;justify-content:center;margin-inline:auto;position:relative;width:var(--container-width)}.nav-container .btn-close-nav{color:var(--clr-n-900);font-size:1.5rem;position:absolute;right:var(--padding);top:0}.nav-container .btn-close-nav:hover{-webkit-transform:scale(1);transform:scale(1)}.nav-container li{align-self:flex-start;cursor:pointer;display:inline-block;font-size:2.5rem;font-weight:900;transition:color .1s var(--transition)}@media(max-width:768px){.nav-container li{font-size:2rem;font-weight:700}}@media(max-width:500px){.nav-container li{font-size:1.5rem;font-weight:700}}.nav-container li:hover{color:var(--clr-accent)}.nav-container li:hover img{opacity:1;top:0}.nav-container li img{height:100%;max-width:50%;opacity:0;pointer-events:none;position:absolute;right:0;top:20%;transition:all .5s var(--transition);-webkit-user-select:none;user-select:none}@media(max-width:768px){.nav-container li img{display:none}}.hero{width:100%}.hero .hero-text{display:flex;flex-direction:column;padding-block:5rem 3rem;text-align:center}.hero .hero-text h1{font-size:var(--font-h1);font-weight:900;line-height:.9;text-transform:uppercase}.hero .hero-text p{color:var(--clr-n-400);font-size:1.5rem;font-weight:900;line-height:1;margin-inline:auto;max-width:60%;padding-block:1rem}@media(max-width:768px){.hero .hero-text p{font-size:1.3rem;max-width:100%}}@media(max-width:500px){.hero .hero-text p{font-size:1.1rem}}.hero .hero-text .btn-hero{align-self:center;background-color:var(--clr-accent);color:var(--clr-n-900);font-size:1.1rem;font-weight:700;padding:.75rem 1.25rem}.hero .hero-text .btn-hero:focus{outline:2px solid var(--clr-n-400);outline-offset:1px}.hero .video-container{height:var(--container-height);width:100%}@media(max-width:500px){.hero .video-container{height:min(60vh,600px)}}.hero .video-container video{border-radius:var(--border-1);height:100%}.best-seller{margin-top:5rem}.best-seller .seller-container{display:flex;flex-direction:column;gap:2rem}.best-seller .seller-container p{color:var(--clr-n-700);font-size:1.2rem;font-weight:500;line-height:1;max-width:500px}.best-seller .seller-container .seller-slider{display:flex;flex-direction:column}.best-seller .seller-container .seller-slider .seller-grid{grid-gap:2rem;display:grid;gap:2rem;grid-auto-flow:column;position:relative}@media(max-width:768px){.best-seller .seller-container .seller-slider .seller-grid{grid-auto-flow:row;grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.best-seller .seller-container .seller-slider .seller-grid{gap:1rem}}.best-seller .seller-container .seller-slider .seller-grid .grid-item{height:min(50vh,500px);width:100%}@media(max-width:768px){.best-seller .seller-container .seller-slider .seller-grid .grid-item{height:min(40vh,400px)}}@media(max-width:500px){.best-seller .seller-container .seller-slider .seller-grid .grid-item{height:min(25vh,250px)}}.best-seller .seller-container .seller-slider .seller-grid .grid-item:first-child{height:min(80vh,800px)}@media(max-width:768px){.best-seller .seller-container .seller-slider .seller-grid .grid-item:first-child{height:min(60vh,600px)}}@media(max-width:500px){.best-seller .seller-container .seller-slider .seller-grid .grid-item:first-child{height:min(40vh,400px)}}.best-seller .seller-container .seller-slider .seller-grid .grid-item img{border-radius:var(--border-3);height:100%;width:100%}.best-seller .seller-container .seller-slider .seller-grid .btn-more{border:2px solid var(--clr-n-800);bottom:0;color:var(--clr-n-900);font-size:1rem;padding:.5rem 1rem;position:absolute;right:0}.categories .container{display:flex;flex-direction:column;gap:3rem}.categories .container .categories-grid{display:grid}.categories .container .categories-grid .category{border-top:2px solid var(--clr-n-700);display:flex;flex-direction:column;gap:.5rem;padding-block:1rem 2rem}.categories .container .categories-grid .category.active .top .icon span{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.categories .container .categories-grid .category.active .center{height:100%;opacity:1}.categories .container .categories-grid .category:focus .top .category-title,.categories .container .categories-grid .category:hover .top .category-title{color:var(--clr-accent)}.categories .container .categories-grid .category .top{display:flex;gap:2rem}.categories .container .categories-grid .category .top .count{color:var(--clr-n-700);font-weight:300}.categories .container .categories-grid .category .top .category-title{flex-grow:1;font-size:4.5rem;text-transform:uppercase;transition:color .3s var(--transition);-webkit-user-select:none;user-select:none}@media(max-width:768px){.categories .container .categories-grid .category .top .category-title{font-size:3.5rem}}@media(max-width:500px){.categories .container .categories-grid .category .top .category-title{font-size:2.5rem}}.categories .container .categories-grid .category .top .icon{align-items:flex-start;display:flex;justify-content:center}.categories .container .categories-grid .category .top .icon span{display:inline-block;-webkit-transform:rotate(0deg);transform:rotate(0deg);transition:all .3s var(--transition)}.categories .container .categories-grid .category .center{grid-gap:2rem;align-items:flex-start;display:grid;gap:2rem;grid-auto-flow:column;height:0;opacity:0;overflow:hidden;transition:all .4s ease-in-out}@media(max-width:768px){.categories .container .categories-grid .category .center{display:flex;flex-direction:column}}.categories .container .categories-grid .category .center .center-imgs{display:flex;gap:2rem}@media(max-width:768px){.categories .container .categories-grid .category .center .center-imgs{align-items:center;gap:1rem;justify-content:center;width:100%}}.categories .container .categories-grid .category .center .center-imgs .grid-item{height:min(40vh,400px)}@media(max-width:768px){.categories .container .categories-grid .category .center .center-imgs .grid-item{height:min(30vh,300px)}}@media(max-width:500px){.categories .container .categories-grid .category .center .center-imgs .grid-item{height:min(20vh,200px)}}.categories .container .categories-grid .category .center .center-imgs .grid-item:nth-child(2){height:min(50vh,500px)}@media(max-width:768px){.categories .container .categories-grid .category .center .center-imgs .grid-item:nth-child(2){height:min(40vh,400px)}}@media(max-width:500px){.categories .container .categories-grid .category .center .center-imgs .grid-item:nth-child(2){height:min(30vh,300px)}}.categories .container .categories-grid .category .center .center-imgs .grid-item img{border-radius:var(--border-3);height:100%}.categories .container .categories-grid .category .center .btn-category{border-bottom:2px solid var(--clr-n-700);color:var(--clr-n-900);justify-self:flex-start;margin-left:3.5rem;padding-bottom:.25rem}.arrival{display:flex;flex-direction:column;overflow-x:hidden}.arrival .arrival-container{--grid-item-width:300px;--grid-item-height:400px;display:flex;flex-direction:column;gap:2rem}@media screen and (max-width:1000px){.arrival .arrival-container{--grid-item-width:250px;--grid-item-height:300px}}.arrival .arrival-container .arrival-carousel{display:flex;gap:2rem;overflow-x:hidden}@media screen and (max-width:768px){.arrival .arrival-container .arrival-carousel{flex-direction:column}}.arrival .arrival-container .arrival-carousel .carousel-btns{align-items:flex-start;background-color:var(--clr-n-100);display:flex;gap:2rem;min-width:var(--grid-item-width);position:relative;z-index:10}.arrival .arrival-container .arrival-carousel .carousel-btns .btn-carousel{border:1px solid var(--clr-n-200);border-radius:50%;color:var(--clr-n-900);display:flex;font-size:1.5rem;padding:1rem}@media screen and (max-width:500px){.arrival .arrival-container .arrival-carousel .carousel-btns .btn-carousel{font-size:1rem}}.arrival .arrival-container .arrival-carousel .carousel-btns .btn-carousel .icon{pointer-events:none}.arrival .arrival-container .arrival-carousel .carousel-btns .btn-carousel:focus,.arrival .arrival-container .arrival-carousel .carousel-btns .btn-carousel:hover{border-color:var(--clr-n-700)}.arrival .arrival-container .arrival-carousel .carousel-grid{--slide-index:0;--slide-width:calc(var(--grid-item-width) + 2rem);--slides-in-view:1;grid-gap:2rem;display:grid;gap:2rem;grid-auto-flow:column;-webkit-transform:translateX(calc(var(--slide-index)*-1*var(--slide-width)));transform:translateX(calc(var(--slide-index)*-1*var(--slide-width)));transition:-webkit-transform .5s var(--transition);transition:transform .5s var(--transition);transition:transform .5s var(--transition),-webkit-transform .5s var(--transition)}.arrival .arrival-container .arrival-carousel .carousel-grid .grid-item{height:var(--grid-item-height);overflow:hidden;position:relative;width:var(--grid-item-width)}.arrival .arrival-container .arrival-carousel .carousel-grid .grid-item img{border-radius:var(--border-3);height:100%}.arrival .arrival-container .arrival-carousel .carousel-grid .grid-item:hover .icons{bottom:5%}.arrival .arrival-container .arrival-carousel .carousel-grid .grid-item .icons{background-color:rgba(0,0,0,.5);bottom:-100%;display:flex;gap:1rem;left:0;padding:1rem;position:absolute;transition:.5s ease-in-out;width:100%}@media(max-width:500px){.arrival .arrival-container .arrival-carousel .carousel-grid .grid-item .icons{bottom:5%}}.arrival .arrival-container .arrival-carousel .carousel-grid .grid-item .icons .icon{cursor:pointer;display:inline-block;font-size:1.5rem}.arrival .arrival-container .arrival-carousel .carousel-grid .grid-item .icons .view{color:var(--clr-accent);cursor:pointer;font-weight:600;margin-left:auto;text-transform:uppercase}.socials{padding-bottom:5rem}.socials .socials-container{display:flex;flex-direction:column;gap:2rem}.socials .socials-container .socials-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(500px,1fr))}@media(max-width:768px){.socials .socials-container .socials-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media(max-width:500px){.socials .socials-container .socials-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}.socials .socials-container .socials-grid .grid-item{display:flex;flex-direction:column;gap:1rem}.socials .socials-container .socials-grid .grid-item img{border-radius:var(--border-3);height:min(70vh,700px)}@media(max-width:500px){.socials .socials-container .socials-grid .grid-item img{height:min(50vh,500px)}}.socials .socials-container .socials-grid .grid-item .date{color:var(--clr-n-700);font-size:.8rem}.socials .socials-container .socials-grid .grid-item .title{font-size:2rem;line-height:1;text-transform:uppercase}.socials .socials-container .socials-grid .grid-item .desc{color:var(--clr-n-800);line-height:1.1}.show{min-height:calc(100vh - var(--header));padding-bottom:5rem}.show .container{display:flex;flex-direction:column;gap:2rem}.show .container .results{display:flex;flex-direction:column;gap:.15rem}.show .container .results p{color:var(--clr-n-400);font-size:.9rem}.show .container .results h2{line-height:1}.show .container .filters-grid{align-items:center;display:flex;justify-content:space-between}.show .container .filters-grid>div{align-items:center;display:flex;gap:.5rem}.show .container .filters-grid .filter .icon{align-items:center;display:flex;justify-content:center}.show .container .filters-grid .sort select{background:none;border:0;border:1px solid var(--clr-n-400);font-family:inherit;outline:none;padding:.25rem .5rem}.show .container .items-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.show .container .items-grid .item{display:flex;flex-direction:column;gap:.5rem;height:100%;overflow:hidden;position:relative;width:100%}.show .container .items-grid .item:hover .icons{top:5%}.show .container .items-grid .item h5{font-size:1.2rem;text-transform:capitalize}.show .container .items-grid .item p{color:var(--clr-n-400);font-weight:700}.show .container .items-grid .item img{border-radius:var(--border-4);height:300px}.show .container .items-grid .item .icons{background-color:rgba(0,0,0,.5);display:flex;gap:1rem;left:0;padding:1rem;position:absolute;top:-20%;transition:.3s ease-in-out;width:100%}@media(max-width:500px){.show .container .items-grid .item .icons{top:5%}}.show .container .items-grid .item .icons .icon{color:var(--clr-n-900);cursor:pointer;display:inline-block;font-size:1.2rem}.show .container .items-grid .item .icons .view{color:var(--clr-accent);cursor:pointer;font-size:.9rem;font-weight:600;margin-left:auto;text-transform:uppercase}.single{min-height:calc(100vh - var(--header));padding-block:5rem}.single .item-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);height:min(90vh,900px)}@media(max-width:500px){.single .item-grid{grid-template-columns:1fr;height:100%}}.single .item-grid .item-img{height:inherit}@media(max-width:500px){.single .item-grid .item-img{height:auto;max-height:300px}}.single .item-grid .item-img img{border-radius:var(--border-3);height:100%}.single .item-grid .item-description{display:flex;flex-direction:column;gap:1rem}@media(max-width:500px){.single .item-grid .item-description{height:100%}}.single .item-grid .item-description .item-title{font-size:2rem;font-weight:900;text-transform:uppercase}.single .item-grid .item-description .price{color:var(--clr-n-300)}.single .item-grid .item-description .color-container{display:flex;flex-direction:column;gap:.25rem}.single .item-grid .item-description .color-container>div{display:flex;flex-wrap:wrap;gap:.5rem}.single .item-grid .item-description .color-container>p{font-size:.8rem}.single .item-grid .item-description .color-container .color{border:1px solid var(--clr-n-300);border-radius:50%;height:25px;width:25px}.single .item-grid .item-description .color-container .size{background-color:var(--clr-n-700);border-radius:2px;display:inline-block;padding:.25rem .5rem}.single .item-grid .item-description .description{border-top:2px solid var(--clr-n-400);display:flex;flex-direction:column;flex-grow:1;gap:.5rem;margin-top:2rem;max-width:600px;padding-top:.5rem}.single .item-grid .item-description .description .top{align-items:center;color:var(--clr-n-400);display:flex;justify-content:space-between}.single .item-grid .item-description .description .top p{font-weight:700;text-transform:uppercase}.single .item-grid .item-description .item-buttons{display:flex;gap:1rem}.single .item-grid .item-description .item-buttons .btn-cart{border:2px solid var(--clr-n-300);font-size:1rem;padding:.5rem 1rem}.message{display:block;height:100%;max-height:10vh;padding-block:0;position:fixed;right:0;top:var(--header);transition:all .3s ease-out;z-index:500}.message .message__container{align-items:flex-end;display:flex;flex-direction:column;gap:1rem;overflow-x:hidden}.message .message__container .message__content{align-items:center;border:1px solid var(--clr-n-700);border-radius:3px;color:var(--clr-n-900);display:flex;gap:1rem;min-width:250px;padding:.5rem;-webkit-transform:translateX(150%);transform:translateX(150%);transition:-webkit-transform .3s var(--transition);transition:transform .3s var(--transition);transition:transform .3s var(--transition),-webkit-transform .3s var(--transition);width:-webkit-max-content;width:max-content}.message .message__container .message__content.open{-webkit-transform:translateX(0);transform:translateX(0)}.message .message__container .message__content .message__content-message{flex-grow:1}.message .message__container .message__content .message__content-icon{align-items:center;display:flex;justify-content:center}
/*# sourceMappingURL=main.5615dabe.css.map*/