@font-face{font-family:Stapel-Light;src:url(/assets/fonts/stapel_light-SWhxFKnZ.woff),url(/assets/fonts/stapel_light-Mqxs9S0T.woff2);font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Stapel-Medium;src:url(/assets/fonts/stapel_medium-Dc6oxseV.woff),url(/assets/fonts/stapel_medium-CHFECi1P.woff2);font-weight:medium;font-style:normal;font-display:swap}@font-face{font-family:Stapel-Regular;src:url(/assets/fonts/stapel_regular-DkkuI6qg.woff),url(/assets/fonts/stapel_regular-D6U8no9V.woff2);font-weight:regular;font-style:normal;font-display:swap}:root{--dark-color: #141413;--light-color: #ffffff;--gray: #848484;--light-gray: #f4f4f4;--red-color: #ff3636;--space-small: 2rem;--space-med: 4rem;--space-big: 20rem;--side-pad: 1.8rem;--header-height: 5.4rem;--page-offsetY: 10vh;--text-ff: "Stapel-Regular", sans-serif;--title-light-ff: "Stapel-Light", sans-serif;--title-ff: "Stapel-Medium", sans-serif;--main-fs: 16px;--fs-sm: 14px;--fs-mic: 11px;--fs-t: clamp(48px, 8vw, 84px);--fs-st: clamp(40px, 7vw, 64px);--fs-price: clamp(22px, 5vw, 40px);--fs-med: clamp(20px, 4vw, 26px);line-height:1.3;font-weight:400;font-family:var(--text-ff);--drawer-width: 500px;color:var(--dark-color);background-color:var(--light-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:inherit;display:contents;font-family:var(--text-ff)}a.link__active{color:var(--button-color)}*{box-sizing:border-box;margin:0;padding:0}html{font-size:62%}body{margin:0;height:100%;font-size:var(--main-fs)}main{width:100%;min-height:100vh}h1{font-size:var(--fs-t);line-height:1;text-transform:uppercase;font-family:Stapel-Light,sans-serif}h2{font-size:var(--fs-st);line-height:1;text-transform:uppercase;font-family:Stapel-Light,sans-serif}h3{font-family:var(--title-ff);font-size:var(--fs-med)}h4,.bold{font-family:var(--title-ff)}ul,ol{list-style:none;font-family:Stapel,sans-serif}.side-pad{padding:0 20px}img{-webkit-user-select:none;user-select:none;pointer-events:none;object-fit:cover}button{font-family:inherit;outline:none;background:transparent;border:none;cursor:pointer}summary::-webkit-details-marker{display:none}summary{list-style:none;position:relative;font-family:var(--title-ff);text-transform:uppercase;cursor:pointer}details[open] summary:after{content:"−";right:0;position:absolute}details summary:after{content:"+";position:absolute;right:0;font-size:26px;line-height:.7}.backdrop{background-color:#00000080;position:fixed;top:0;right:0;bottom:0;left:0;transition:all .3s ease-in-out;display:none;z-index:100}body:has(.drawer__wrapper.active) .backdrop,body:has(.filters-modal.active) .backdrop{display:block}.container{width:100%;max-width:1320px;margin:0 auto;display:grid;grid-template-columns:repeat(8,1fr);grid-row-gap:var(--space-med);column-gap:var(--space-small);padding:0 var(--side-pad)}.button__main{padding:20px 50px;display:grid;place-content:center;position:relative;text-transform:uppercase;font-weight:700;letter-spacing:2px;cursor:pointer;font-size:var(--fs-sm);font-family:var(--title-ff);color:var(--light-color);background-color:var(--red-color);width:320px;height:fit-content;border-radius:15px}.product-details{color:var(--light-color);font-family:var(--title-ff);position:absolute;left:1rem;bottom:1rem}.product-details h3{overflow:hidden;text-overflow:ellipsis;white-space:wrap;text-transform:uppercase;font-size:var(--fs-sm)}.product-details .price{font-size:var(--fs-price);color:var(--light-color);line-height:1}main{transition:transform .3s ease}body:has(.drawer__wrapper.active) main{transform:translate(calc(-1 * var(--drawer-width)))}@media all and (max-width: 768px) and (orientation: portrait){.product-details h3,.product-details .price{word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}}@media only screen and (orientation: portrait){:root{--drawer-width: 100vw;--header-height: 4.4rem;--space-big: 12vh}}@media only screen and (max-width: 1000px) and (orientation: landscape){:root{--main-fs: 14px;--fs-mic: 11px;--fs-t: clamp(30px, 7vw, 53px);--fs-st: clamp(24px, 5vw, 43px);--fs-med: clamp(16px, 2vw, 22px);--space-big: 20vh}.main-nav ul{grid-gap:10px!important;font-size:var(--fs-sm)}.hero__action-button{padding:11px 70px}.hero__action-button{font-size:var(--fs-mic)}}.header{padding:1rem var(--side-pad);font-family:var(--text-ff);display:flex;align-self:center;justify-content:space-between;height:var(--header-height);background-color:var(--light-color);border-radius:0 0 15px 15px;position:fixed;top:0;left:50%;transform:translate(-50%);z-index:100}.header__logo{width:220px;fill:var(--dark-color);display:flex}.humburger-menu-button{display:none}.hero__nav{width:100%;grid-gap:var(--space-med);align-items:center}.main-nav{width:fit-content;height:100%;display:flex;align-items:center}.main-nav ul{display:flex;width:fit-content;grid-gap:3rem}.main-nav ul li a{color:inherit;font-family:var(--title-ff)}.main-nav-list a.active,.sub-menu__list a.active{color:var(--red-color)}.header__action-buttons{display:flex;align-items:center;grid-gap:15px;justify-content:flex-end}.header__action-buttons .icon{width:100%;height:100%}.header__action-buttons .header__cart-button{width:24px;height:24px;color:inherit;font-family:inherit}.header__action-buttons .humburger-menu-button{width:26px;height:26px}.header__cart-button{width:fit-content;justify-self:end;position:relative;font-size:0}.humburger-menu-button{width:20px;justify-self:end;position:relative;font-size:0}.cart-quantity{position:absolute;top:65%;left:50%;transform:translate(-50%,-50%);font-size:10px;font-family:var(--title-ff)}@media only screen and (orientation: portrait){.header__logo{width:207px}.humburger-menu-button{display:block}.main-nav{display:none}}.footer{display:flex;width:100%;margin-top:var(--space-med);margin-bottom:var(--space-small)}.footer-container{padding:10px 0}.footer_nav{display:flex;width:fit-content;justify-self:flex-end}.nav-list{display:flex;justify-content:space-between;align-items:center;grid-gap:1rem;font-size:var(--fs-sm)}.nav-list a{font-family:var(--title-ff)}.mobile-menu{background-color:var(--light-gray);bottom:0;display:none;flex-direction:column;height:100dvh;width:100vw;left:0;top:0;padding:.5rem 0;position:fixed;z-index:1000;overflow-y:auto}.mobile-menu.active{display:flex}.mobile-menu__heading{padding:10px var(--side-pad);display:flex;justify-content:flex-end}.mobile-menu__button-close{color:inherit}.mobile-menu__button-close .icon{width:20px;height:20px}.mobile-menu .list-container{margin-bottom:var(--space-med)}.mobile-menu .list-container .categories{list-style:none;margin:0;padding:0;row-gap:1px;display:flex;flex-direction:column;align-items:flex-start}.mobile-menu .list-container .categories li{display:flex;justify-content:center;font-size:clamp(22px,3vh,44px);width:100%;background:var(--light-color);padding:10px var(--side-pad)}.menu-item-wrapper{display:flex;align-items:center;gap:12px;width:100%}.menu-item-wrapper img{width:12vh;height:12vh;object-fit:cover;border-radius:5px}.menu-item-wrapper span{flex:1;line-height:1.2;font-family:var(--title-ff)}.mobile-menu .sub-menu{margin-top:var(--space-med);font-size:var(--fs-sm);display:grid;grid-gap:var(--space-med)}.social,.sub-menu__list{display:flex;justify-content:space-evenly}.sub-menu__list{text-transform:uppercase}.sub-menu__list a{font-family:var(--title-ff)}.social-item{display:flex;align-items:center;grid-gap:10px}.social-item .icon{width:16px;height:16px}.drawer__wrapper{padding:0 1rem;background-color:var(--light-color);position:fixed;height:100dvh;width:var(--drawer-width);top:0;right:0;transform:translate(100%);will-change:transform;transition:transform .3s ease;z-index:201;overflow-y:scroll;z-index:1000;font-weight:400;scrollbar-width:0}.drawer__wrapper::-webkit-scrollbar{display:none}.drawer__wrapper.active{transform:translate(0)}.drawer{display:contents}.drawer__container{display:flex;flex-direction:column;padding:1rem}.drawer__header{align-items:center;display:flex;height:var(--header-height);margin-bottom:var(--space-small)}.drawer__header h2{font-family:var(--title-ff);font-size:26px}.drawer__header .toggle-drawer{width:30px;height:22px;background-color:transparent;border:none;border-radius:0;display:flex;justify-content:center;margin-left:auto;padding:0;cursor:pointer}.drawer__body{margin-bottom:var(--space-small)}.drawer__list-wrapper:has(.drawer__list:empty){display:none}.drawer__list{display:flex;flex-direction:column;list-style-type:none;margin:0;overflow:auto;padding:0}.drawer__list::-webkit-scrollbar{width:2px}.drawer__body{display:grid;grid-gap:2rem}.drawer__footer{display:flex;flex-direction:column;grid-gap:5px}.drawer-item{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;padding:1rem 0}.drawer-item:first-of-type{padding-top:0}.drawer__totals{margin-bottom:var(--space-small);display:grid;grid-gap:5px;font-family:var(--title-ff);font-size:var(--fs-med);line-height:1}.drawer-item__image{flex-shrink:1;width:130px;aspect-ratio:3/4;position:relative;overflow:hidden}.drawer-item__image img{height:100%;object-fit:cover;width:100%;border-radius:10px}.drawer-item__info{display:flex;flex-direction:column;flex-grow:1;gap:.5rem}.drawer-item__info h3{text-transform:uppercase;font-size:var(--main-fs)}.drawer-item__info.desktop__item-footer{display:none}.drawer-item__title{color:var(--dark-color);max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400;text-transform:uppercase}.drawer-item__detail{color:var(--dark-color);font-weight:400}.drawer-item__price{align-items:center;color:var(--dark-color);display:flex;font-weight:500;margin-top:auto;text-align:right;gap:.5rem}.drawer-item__price--discount{color:var(--light-gray);display:inline-block;margin-bottom:.25rem}.remove-button-wrapper{display:flex}.button-remove{border:0;background-color:transparent;border-bottom:1px solid;border-radius:0;color:var(--dark-color);font-size:var(--fs-sm);font-weight:400;width:fit-content;padding:0;margin-top:1rem;text-align:right}.button__secondary{padding:20px 50px;display:grid;place-content:center;position:relative;text-transform:uppercase;font-weight:700;letter-spacing:2px;cursor:pointer;font-size:var(--fs-sm);font-family:var(--title-ff);color:inherit;border:1px solid;width:100%;height:fit-content;border-radius:15px}.button__proceed{width:100%}.drawer__list-wrapper{display:flex;flex-direction:column;grid-gap:1rem;justify-content:space-between;height:cAlc(100vh - var(--header-height) - var(--space-small));background-color:var(--light-color)}.drawer__list-wrapper a.button{align-items:center;background-color:var(--dark-color);color:var(--light-color);display:flex;height:50px;justify-content:center;text-align:center;text-decoration:none}.drawer__loader{display:none;flex-direction:column;gap:1rem}.drawer__loader .border{border:1px solid var(--light-gray);padding:1rem}.drawer__product-placeholder{display:flex;gap:1rem}.drawer__product-placeholder .image--placeholder{height:89px;width:70px}.drawer__product-placeholder .info--placeholder{display:flex;flex-direction:column;flex-grow:1;gap:.5rem}.drawer__product-placeholder .title--placeholder{height:16px;max-width:250px;width:100%}.drawer__product-placeholder .price--placeholder{height:16px;max-width:40px;width:100%}.drawer__product-placeholder .button--placeholder{height:53px;width:100%}@media (min-width: 768px){.drawer-item__price{align-items:end;flex-direction:column}.drawer-item__info.desktop__item-footer{display:flex}.drawer-item{grid-template-columns:130px 1fr}.drawer__container{padding:20px}}
