@layer reset{*,*:before,*:after{box-sizing:border-box}*{margin:0}:root{text-size-adjust:none}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}h1,h2,h3,h4,h5,h6{margin:0;font-size:inherit;font-weight:inherit}button{all:unset;cursor:pointer;box-sizing:border-box}button:focus-visible{outline:revert}a{color:inherit;text-decoration:none}}@layer base{:root{--color-primary: #c0f44d;--color-secondary: #5b5fe6;--color-white: #ffffff;--color-light-grey: #c5c5c5;--color-dark-grey: #242424;--color-black: #171717}}@layer base{*:focus-visible{outline-color:currentColor;outline-offset:.1rem;outline-style:solid;outline-width:.1rem}}@layer base{@font-face{font-family:Bakbak One;font-style:normal;font-weight:400;src:url(../fonts/bakbak-one-v9-latin-regular.woff2) format("woff2")}@font-face{font-family:Work Sans;font-style:normal;font-weight:400;src:url(../fonts/work-sans-v19-latin-regular.woff2) format("woff2")}@font-face{font-family:Work Sans;font-style:normal;font-weight:600;src:url(../fonts/work-sans-v19-latin-600.woff2) format("woff2")}@font-face{font-family:Work Sans;font-style:italic;font-weight:400;src:url(../fonts/work-sans-v19-latin-italic.woff2) format("woff2")}}@layer base{.wrap{padding-inline:var(--spacing-inline)}.inner{width:100%;max-width:var(--width-max);margin:0 auto;position:relative}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--spacing)}}@layer base{:root{--spacing-3: .15rem;--spacing-5: .25rem;--spacing-7: .35rem;--spacing-10: .5rem;--spacing-15: .75rem;--spacing-20: 1rem;--spacing-22: 1.1rem;--spacing-24: 1.2rem;--spacing-30: 1.5rem;--spacing-40: 2rem;--spacing-60: 3rem;--spacing-80: 4rem;--spacing-100: 5rem;--spacing-120: 6rem;--spacing-140: 7rem;--spacing-200: 10rem;--header-height: 100px;--width-max: 1600px;--spacing: var(--spacing-20);--spacing-inline: var(--spacing-60);--spacing-outer: var(--spacing-80);--spacing-block: var(--spacing-140);--spacing-block-small: var(--spacing-60)}@media (max-width: 1200px){:root{--spacing-inline: var(--spacing-40);--spacing-block: var(--spacing-40)}}@media (max-width: 1000px){:root{--header-height: 70px;--spacing-outer: var(--spacing-20);--spacing-block: var(--spacing-60);--spacing-block-small: var(--spacing-30)}}}@layer base{:root{--fluid-min-width: 320;--fluid-max-width: 1440;--fluid-screen: 100vw;--fluid-bp: calc( (var(--fluid-screen) - var(--fluid-min-width) / 20 * 1rem) / (var(--fluid-max-width) - var(--fluid-min-width)) )}@media screen and (min-width: 1440px){:root{--fluid-screen: calc(var(--fluid-max-width) * 1px)}}:root{--f-4-min: 36.42;--f-4-max: 79.57;--font-size-3xl: calc( ((var(--f-4-min) / 20) * 1rem) + (var(--f-4-max) - var(--f-4-min)) * var(--fluid-bp) );--f-3-min: 28.68;--f-3-max: 54.88;--font-size-xxl: calc( ((var(--f-3-min) / 20) * 1rem) + (var(--f-3-max) - var(--f-3-min)) * var(--fluid-bp) );--font-size-2xl: var(--font-size-xxl);--f-2-min: 22.58;--f-2-max: 37.85;--font-size-l: calc( ((var(--f-2-min) / 20) * 1rem) + (var(--f-2-max) - var(--f-2-min)) * var(--fluid-bp) );--f-1-min: 17.78;--f-1-max: 26.1;--font-size-m: calc( ((var(--f-1-min) / 20) * 1rem) + (var(--f-1-max) - var(--f-1-min)) * var(--fluid-bp) );--f-0-min: 14;--f-0-max: 18;--font-size-s: calc( ((var(--f-0-min) / 20) * 1rem) + (var(--f-0-max) - var(--f-0-min)) * var(--fluid-bp) );--font-family-heading: "Bakbak One", sans-serif;--font-family-body: "Work Sans", serif}.text-wrap{line-height:1.6;text-wrap:pretty}.text-wrap>*:first-child{margin-top:0}.text-wrap>*:last-child{margin-bottom:0}.text-wrap a{text-decoration:underline;text-decoration-thickness:.075em;text-underline-offset:.1em}.text-wrap :is(h1,h2,h3,h4,h5,h6),:is(.h1,.h2,.h3,.h4,.h5,.h6){text-wrap:pretty}.text-wrap :is(h1,h2,h3,h4,h5,h6){margin-block-start:1em;margin-block-end:1rem}.text-wrap :is(h1,h2,h3,h4,h5,h6):first-child{margin-block-start:0}.text-wrap :is(h1,h2,h3,h4,h5,h6):last-child{margin-block-end:0}.text-wrap h1,.h1{line-height:.96;font-size:var(--font-size-3xl);font-family:var(--font-family-heading)}.text-wrap h2,.h2{line-height:1.2;font-size:var(--font-size-xxl);font-family:var(--font-family-heading)}.text-wrap h3,.h3{line-height:1.4;font-size:var(--font-size-l);font-weight:600}.text-wrap :is(h4,h5,h6),:is(.h4,.h5,.h6){line-height:1.4;font-size:var(--font-size-m)}.text-wrap p{margin:1rem 0}.text-wrap figure{margin:2rem 0}.text-wrap figure figcaption{margin-top:.5ch;font-size:var(--font-size-s)}strong{font-weight:700}em{font-style:italic}ul,ol{margin:1rem 0}:is(ul,ol)[class]{margin:0;padding:0;list-style:none}ul{list-style-type:disc;padding-left:1.5ch}ol{list-style-type:decimal;padding-left:3ch}hr{margin:2rem 0;height:1px;border:none;background-color:currentColor;opacity:.25}}@layer base;@layer components{.buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-40)}.buttons--vertical{display:flex;flex-direction:column;align-items:start;gap:var(--spacing-24)}@media (max-width: 1000px){.buttons--vertical{align-items:stretch}}.button{display:flex;gap:var(--spacing-10);align-items:center;--border-width: 1px;--border-color: var(--background-color);--padding-block: var(--spacing-10);--padding-inline: var(--spacing-30);color:var(--background-color);font-size:var(--font-size-m);border:var(--border-width) solid var(--border-color);border-radius:2rem;padding-block:var(--padding-block);padding-inline:var(--padding-inline)}.button:hover{background-color:var(--background-color)}.button--outline:hover{color:var(--color-black)}.button--filled{color:var(--color-black);background-color:var(--background-color)}.button--filled:hover{filter:brightness(.9)}}@layer components{.guides{position:fixed;z-index:10000;pointer-events:none;top:0;right:0;bottom:0;left:0;visibility:hidden;display:flex}.guides:after{content:attr(data-window-width);color:#84ffff;position:absolute;top:50%;left:50%;font-size:var(--font-size-xl);transform:translate(-50%,-50%)}.guides__guide{outline:1px solid #84ffff;background-color:color-mix(in srgb,#84ffff,transparent 75%);text-align:center;padding-top:.25rem;color:#84ffff}}@layer components{.horizontal-scroller{position:relative;transition:all .25s;transition-property:max-height}.horizontal-scroller__viewport{display:flex;align-items:start;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none}.horizontal-scroller__viewport::-webkit-scrollbar{display:none}.horizontal-scroller__item{flex:0 0 100%;scroll-snap-align:center}.horizontal-scroller__arrows{display:none}.horizontal-scroller--scrollable .horizontal-scroller__arrows{display:block}.horizontal-scroller__arrow{pointer-events:all;position:absolute;z-index:1;top:50%;display:flex;background-color:var(--color-secondary);padding:0;align-items:center;justify-content:center;width:2rem;height:2rem;margin-top:-1rem}.horizontal-scroller__arrow--prev{left:0}.horizontal-scroller__arrow--next{right:0}.horizontal-scroller__arrow-icon{width:.85rem;height:.85rem}}@layer components{.icon-link{color:var(--background-color)}.icon-link:hover{color:color-mix(in srgb,var(--background-color),var(--color-black) 20%)}}@layer components{.image-wrap{display:flex;flex-direction:column;gap:.25rem}.image-wrap__image{background-size:cover}.image-wrap__caption{font-size:var(--font-size-xs)}}@layer components{.menu-link{color:var(--color-white)}.menu-link:hover{color:var(--color-primary)}}@layer components{.product-card{display:flex;flex-direction:column;border-radius:var(--border-radius-outer);color:var(--color-black);background-color:var(--color-white);grid-column:span 4}@media (max-width: 1000px){.product-card{grid-column:span 6}}@media (max-width: 600px){.product-card{grid-column:1 / -1}}.product-card__content{padding-block:var(--spacing-40);padding-inline:var(--spacing-30);display:flex;flex-direction:column;gap:var(--spacing-20)}.product-card__discount{background-color:var(--color-primary)}.product-card__colors{display:flex;gap:var(--spacing-10)}.product-card__color{height:20px;width:20px;background-color:var(--background-color);border-radius:50%;border:1px solid var(--color-black)}}@layer components{.test-section{margin-block:var(--spacing-60)}.test-section__headline{margin-bottom:var(--spacing-30)}.menus-test{display:flex;flex-direction:column;gap:var(--spacing-30)}.icons-test{padding:var(--spacing-30);display:flex;gap:var(--spacing-30)}.cards-test{grid-template-columns:repeat(auto-fill,minmax(600px,1fr))}}@layer components;:root{font:20px var(--font-family-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--border-radius-outer: 3px}@media (prefers-reduced-motion: no-preference){:root{scroll-behavior:smooth}}body{font-size:var(--font-size-s);background-color:var(--color-black);color:var(--color-white)}.menu{position:fixed;top:0;right:0;visibility:hidden}.menu[aria-expanded=true]{visibility:inherit}.menu-buttons{display:flex;gap:var(--spacing-40)}.contact{visibility:hidden;background-color:var(--color-white);color:var(--color-black)}.contact-info{display:flex}.contact-info__contact{display:flex;gap:var(--spacing-15)}.social-links{display:flex;gap:var(--spacing-20)}.menu__item:hover{color:var(--color-primary)}.menu-toggle__icon path{fill:var(--color-dark-grey)}.meta-menu__list{display:flex;gap:var(--spacing-20)}.module__text{color:var(--color-light-grey)}
/*# sourceMappingURL=style.min.css.map */