.header{position:fixed;top:10px;left:10px;right:10px;z-index:3;background:#fff;border-radius:20px}.header__top{position:relative;min-height:60px;display:flex;justify-content:space-between;padding:0 20px}.header__logo{color:#000;font-size:1.5rem;align-self:center}.header__nav{display:flex;justify-content:center;align-items:center}.header__nav-link{color:#000}.header__nav-dd{height:100%;display:flex;justify-content:center;align-items:center;padding:0 10px}.header__right-section{display:flex;justify-content:center;align-items:center;column-gap:15px}.header__wish{position:relative}.header__wish span{position:absolute;top:0;right:0;transform:translate(50%,-50%);background:var(--accent-red);width:18px;display:flex;justify-content:center;align-items:center;aspect-ratio:1/1;border-radius:50%;color:#fff;font-size:.6rem;line-height:18px}.header__cart{position:relative}.header__cart span{position:absolute;top:0;right:0;transform:translate(50%,-50%);background:var(--accent-red);width:18px;display:flex;justify-content:center;align-items:center;aspect-ratio:1/1;border-radius:50%;color:#fff;font-size:.6rem;line-height:18px}.header__bottom{display:grid;grid-template-rows:0fr;padding:0 20px;overflow:hidden;transition:all .5s ease}.header__bottom--active{grid-template-rows:1fr;padding:20px}.header__bottom-container{display:flex;gap:50px;overflow:hidden}.header-bottom__nav-list{display:flex;flex-direction:column;row-gap:5px}.header-bottom__nav-link{color:gray;transition:color .3s}.header-bottom__nav-link:hover{color:#000}.burger-btn{display:none;position:relative;width:25px;height:0px;padding:12.5px 0;justify-content:flex-end;align-items:center;align-self:center}.burger-btn:before{content:"";position:absolute;width:100%;height:1.5px;background:#000;transform:translateY(-8px);transition:transform .5s .5s,rotate .5s}.burger-btn__center-line{width:50px;height:1.5px;background:#000;opacity:1;transition:all 0s .5s}.burger-btn:after{content:"";position:absolute;width:100%;height:1.5px;background:#000;transform:translateY(8px);transition:transform .5s .5s,rotate .5s}.burger-btn--active:before{transform:translateY(0);rotate:45deg;transition:transform .5s,rotate .5s .5s}.burger-btn__center-line--active{opacity:0}.burger-btn--active:after{transform:translateY(0);rotate:135deg;transition:transform .5s,rotate .5s .5s}@media screen and (width < 808px){.burger-btn{display:flex}}.menu{position:fixed;top:0;left:0;z-index:2;width:100%;height:100dvh;transform:translate(-100%);background:#fff;padding:80px 10px 10px;transition:all .5s}.menu--active{transform:translate(0)}.menu__btn{font-size:1.5rem}.menu__dd-inner{display:flex;flex-direction:column}@media screen and (width < 808px){.header__top{padding:0 15px}.header__nav{display:none}.header__logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:80px 30px 30px}.card-link{color:#000}.cart-link__img-container{position:relative}.btn-container{display:flex}.wish-btn{position:absolute;top:10px;right:10px}@media screen and (width < 1000px){.grid{grid-template-columns:repeat(3,1fr)}}@media screen and (width < 808px){.grid{grid-template-columns:repeat(2,1fr)}}@media screen and (width <= 808px){.grid{padding:80px 10px 10px}}.cart{position:fixed;top:0;width:500px;bottom:0;right:0;z-index:5;padding:12.5px;background:#fff;display:flex;flex-direction:column;transform:translate(100%);transition:transform .5s ease}.cart--active{transform:translate(0)}.cart__header{display:flex;justify-content:space-between;align-items:flex-start}.cart__title{font-size:2rem}.cart__header-close-btn{margin:5px 5px 0 0}.cart__inner{scrollbar-width:none;overflow-y:auto;display:flex;flex-direction:column;flex-grow:1}.progress-bar{height:5px;background:#0000001a;border-radius:2.5px;overflow:hidden;margin:10px 0}.progress-bar div{width:0%;background:red;height:100%;transition:all .5s ease}.cart__empty-container{margin:auto;display:flex;justify-content:center;align-items:center;flex-direction:column;row-gap:10px}.cart__link{background-color:#000;color:#fff;height:50px;border-radius:25px;padding:12.5px;display:flex;justify-content:center;align-items:center}.cart__items{display:flex;flex-direction:column;gap:10px;flex-grow:1}.cart__item{display:flex;padding-bottom:10px}.cart__item:not(:nth-last-child(1)){border-bottom:1px solid hsl(0,0%,90%)}.cart__item-details{padding:10px;display:flex;justify-content:space-between;align-items:flex-start;width:100%}.cart__item-details-left{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;height:100%}.cart-qty-container{display:flex;justify-content:center;align-items:center;column-gap:10px;font-size:1.2rem}.cart-qty-container p{background:#0000000d;border-radius:10px;min-width:35px;aspect-ratio:1/1;display:flex;justify-content:center;align-items:center;font-size:.9rem}.cart-qty-container button{border-radius:10px;border:1px solid rgba(0,0,0,.05);min-width:35px;aspect-ratio:1/1}.cart-qty-container button:hover{border:1px solid rgba(0,0,0,.1)}.cart-qty-container button:active{border:1px solid rgba(0,0,0,.25)}.cart__discount{margin-top:auto;padding:10px 0;margin-bottom:10px;border-bottom:1px solid hsl(0,0%,90%);border-top:1px solid hsl(0,0%,90%)}.cart__discount-form{display:flex;background:#0000000d;border-radius:30px;padding:5px 5px 5px 15px;margin-bottom:10px}.cart__discount-form input[type=text]{flex-grow:1}.cart__discount-form button[type=submit]{background:#000;color:#fff;height:50px;border-radius:25px;padding:0 30px}.cart__summary{display:flex;flex-direction:column;row-gap:10px}.cart__footer{background:#fff;padding-top:12.5px;margin-top:auto}.cart__checkout-btn{background:#000;color:#fff;height:50px;flex-shrink:0;width:100%;border-radius:25px;font-weight:600;font-size:1.1rem}.cart__checkout-btn--disabled{background:red;cursor:not-allowed}@media screen and (width < 808px){.cart{top:auto;right:auto;left:0;width:100%;bottom:0;z-index:5;border-radius:25px 25px 0 0;padding:12.5px;height:calc(100dvh - 80px);background:#fff;display:flex;flex-direction:column;transform:translateY(100%);transition:transform .5s ease}.cart--active{transform:translate(0)}}.wish{padding:80px 30px 30px;min-height:100svh}.wish-title{font-size:2rem}.wish__items{display:flex;flex-direction:column;gap:10px;flex-grow:1}.wish__item{display:flex;padding-bottom:10px;color:#000}.wish__item:not(:nth-last-child(1)){border-bottom:1px solid hsl(0,0%,90%)}.wish__item-details{padding:10px;display:flex;justify-content:space-between;align-items:flex-start;width:100%}.wish__item-details-left{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;height:100%}@media screen and (width <= 808px){.wish{padding:80px 10px 10px}}.product-page{padding-top:80px;display:grid;grid-template-columns:repeat(2,1fr)}.product-page__details{padding:40px 10px;display:flex;justify-content:flex-start;text-align:center;flex-direction:column;row-gap:10px}.product-page__sizes{display:flex;justify-content:center;align-items:center;gap:5px;flex-wrap:wrap;border:1px solid rgba(0,0,0,.05);padding:10px;border-radius:15px}.product-page__size{position:relative;border:1px solid rgba(0,0,0,.05);min-width:40px;padding:5px;border-radius:10px}.product-page__size:hover{background:#000;color:#fff}.product-page__size:has(input:checked){background:#000;color:#fff}.product-page__size input{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;cursor:pointer}.product-page__size label{font-size:.9rem;pointer-events:none}.product-page__details-title{font-size:1.2rem;font-weight:600}.product-page__add-to-cart-btn{position:sticky;bottom:10px;width:100%;background:#000;color:#fff;padding:10px;height:50px;border-radius:25px;font-weight:600;font-size:1.1rem}@media screen and (width < 808px){.product-page{grid-template-columns:repeat(1,1fr)}}.category-page{padding-top:80px}.category-page__title-container{padding:0 25px}.category-page__title-container h2{font-size:2rem}.category-page__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:30px}@media screen and (width < 1000px){.category-page__grid{grid-template-columns:repeat(3,1fr)}}@media screen and (width < 808px){.category-page__title-container{padding:0 10px}.category-page__grid{grid-template-columns:repeat(2,1fr)}}@media screen and (width <= 808px){.category-page__grid{padding:10px}}.login{padding:80px 30px 30px}@media screen and (width <= 808px){.login{padding:80px 10px 10px}}.footer{background:#000;margin:15px;border-radius:10px;color:#fff;padding:30px;display:flex;flex-direction:column;row-gap:20px}.footer__logo{color:#fff;font-size:1.5rem}.footer-nav{display:flex;justify-content:flex-start;align-items:flex-start;gap:20px;flex-wrap:wrap}.footer-nav__link{color:gray;transition:color .3s}.footer-nav__link:hover{color:#fff}.footer-bottom{color:gray}.footer-bottom a{color:gray;transition:color .3s}.footer-bottom a:hover{color:#fff}@media screen and (width <= 808px){.footer{margin:10px;padding:10px}}*{padding:0;margin:0;border:none}*,*:before,*:after{box-sizing:border-box}a,a:link,a:visited,a:hover{text-decoration:none}aside,nav,footer,header,section,main{display:block}h1,h2,h3,h4,h5,h6,p{font-size:inherit;font-weight:inherit}ul,ul li{list-style:none}img{vertical-align:top}img,svg{max-width:100%;height:auto}address{font-style:normal}input,textarea,button,select{font-family:inherit;font-size:inherit;color:inherit;background-color:transparent}input::-ms-clear{display:none}button,input[type=submit]{display:inline-block;box-shadow:none;background-color:transparent;background:none;cursor:pointer}input:focus,input:active,button:focus,button:active{outline:none}button::-moz-focus-inner{padding:0;border:0}label{cursor:pointer}legend{display:block}input[type=file]{max-width:100%}:root{--accent-red: #ff3b30}body{font-family:Avenir,sans-serif}.main-curtain{position:fixed;z-index:2;width:100%;height:100%;background:#0000;pointer-events:none;transition:background-color .5s ease}.curtain{position:fixed;z-index:4;width:100%;height:100%;background:#0000;pointer-events:none;transition:background-color .5s ease}.main-curtain--active,.curtain--active{pointer-events:all;background:#00000080}