.mf-cgc-wrap{background:var(--cgc-section-bg, #F6F4EF);padding:var(--cgc-pad-top-m, 32px) 0 var(--cgc-pad-bottom-m, 32px)}.mf-cgc-container{max-width:var(--cgc-max-width, 1280px);margin:0 auto;padding:0 var(--cgc-gutter, 24px)}.mf-tarja{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 20px;border:1px solid transparent;border-radius:var(--cgc-tarja-radius, 4px);margin-bottom:20px}.mf-tarja__title{font-size:var(--cgc-tarja-title-size, 26px);font-weight:600;display:flex;align-items:center;gap:10px;line-height:1.2;letter-spacing:.01em}.mf-tarja__icon{width:calc(var(--cgc-tarja-title-size, 26px) + 4px);height:calc(var(--cgc-tarja-title-size, 26px) + 4px);flex:none;-webkit-mask:var(--tarja-mask) center / contain no-repeat;mask:var(--tarja-mask) center / contain no-repeat}.mf-tarja__link{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;white-space:nowrap;display:flex;align-items:center;gap:4px;transition:gap .3s cubic-bezier(.4,0,.2,1)}.mf-tarja__link:hover{gap:8px}.mf-tarja__link svg{width:14px;height:14px}.mf-cgc{position:relative}.mf-cgc--grid .mf-cgc__items{display:grid;grid-template-columns:repeat(var(--cgc-cols-m, 2),minmax(0,1fr));gap:var(--cgc-gap, 14px)}.mf-cgc--carousel .mf-cgc__items{display:flex;gap:var(--cgc-gap, 14px);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:4px 4px 14px;margin:-4px -4px -14px;-webkit-overflow-scrolling:touch;scrollbar-width:none;outline:none}.mf-cgc--carousel .mf-cgc__items::-webkit-scrollbar{display:none}.mf-cgc--carousel .mfpc{flex:0 0 auto;scroll-snap-align:start;width:calc((100% - (var(--cgc-cols-m, 2) - 1) * var(--cgc-gap, 14px)) / var(--cgc-cols-m, 2))}.mf-cgc__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;display:none;align-items:center;justify-content:center;width:var(--cgc-arrow-size, 44px);height:var(--cgc-arrow-size, 44px);border:none;border-radius:50%;background:var(--cgc-arrow-bg, #F6F4EF);color:var(--cgc-arrow-color, #4A2F24);box-shadow:0 4px 18px #4a2f2429;cursor:pointer;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s ease,background .3s ease,color .3s ease}.mf-cgc__arrow:hover{background:var(--cgc-arrow-bg-hover, #56884E);color:#f6f4ef}.mf-cgc__arrow:active{transform:translateY(-50%) scale(.93)}.mf-cgc__arrow:focus-visible{outline:2px solid #56884E;outline-offset:2px}.mf-cgc__arrow svg{width:46%;height:46%}.mf-cgc__arrow--prev{left:-10px}.mf-cgc__arrow--next{right:-10px}.mf-cgc__arrow:disabled{opacity:0;pointer-events:none}@media(min-width:750px){.mf-cgc-wrap{padding-top:var(--cgc-pad-top-d, 56px);padding-bottom:var(--cgc-pad-bottom-d, 56px)}.mf-cgc--grid .mf-cgc__items{grid-template-columns:repeat(var(--cgc-cols-t, 3),minmax(0,1fr))}.mf-cgc--carousel .mfpc{width:calc((100% - (var(--cgc-cols-t, 3) - 1) * var(--cgc-gap, 14px)) / var(--cgc-cols-t, 3))}.mf-cgc--carousel .mf-cgc__arrow{display:flex}}@media(min-width:990px){.mf-cgc--grid .mf-cgc__items{grid-template-columns:repeat(var(--cgc-cols-d, 4),minmax(0,1fr))}.mf-cgc--carousel .mfpc{width:calc((100% - (var(--cgc-cols-d, 4) - 1) * var(--cgc-gap, 14px)) / var(--cgc-cols-d, 4))}}@media(prefers-reduced-motion:reduce){.mf-cgc--carousel .mf-cgc__items{scroll-behavior:auto}.mf-cgc__arrow,.mf-tarja__link{transition-duration:.01ms!important}}.image-comparison{margin:0 auto;padding:4rem 0;background:#fff}.image-comparison__heading{text-align:center;font-size:clamp(2rem,5vw,3rem);margin-bottom:3rem;font-weight:500;line-height:1.2}.image-comparison__heading .highlight{background:#c1ff72;padding:.2rem .5rem;border-radius:2px;font-weight:600}.image-comparison__container{max-width:1000px;margin:0 auto;padding:0 2rem}.image-comparison__wrapper{position:relative;overflow:hidden;-webkit-user-select:none;user-select:none;border-radius:8px;box-shadow:0 4px 20px #0000001a;background:#f5f5f5;cursor:col-resize}.image-comparison__image{height:100%;width:100%;object-fit:cover;object-position:center;pointer-events:none;max-width:none}.image-bottom{display:block;position:relative}.image-comparison__clipped-image{position:absolute;top:0;left:0;height:100%;width:50%;overflow:hidden;z-index:2}.image-top{position:absolute;top:0;left:0}.image-comparison__handle{position:absolute;top:0;left:50%;width:4px;height:100%;transform:translate(-50%);cursor:col-resize;z-index:10;touch-action:none}.image-comparison__handle-line{position:absolute;top:0;left:50%;width:4px;height:100%;background:#fff;transform:translate(-50%);box-shadow:0 0 10px #0000004d}.image-comparison__handle-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;padding:12px;border:none;border-radius:50%;background:#fff;box-shadow:0 2px 6px #0000004d;cursor:grab;transition:transform .2s ease;z-index:11;touch-action:none}.image-comparison__handle-button:hover{transform:translate(-50%,-50%) scale(1.1)}.image-comparison__handle-button:active{cursor:grabbing;transform:translate(-50%,-50%) scale(.95)}.image-comparison__handle-button svg{width:100%;height:100%;color:#000}.image-comparison__wrapper.dragging,.image-comparison__wrapper.dragging .image-comparison__handle-button{cursor:grabbing}.image-comparison__wrapper.dragging .image-comparison__handle-button{transform:translate(-50%,-50%) scale(.95)}@media screen and (max-width:749px){.image-comparison{padding:2rem 0}.image-comparison__container{padding:0 1rem}.image-comparison__heading{font-size:1.8rem;margin-bottom:2rem}.image-comparison__handle-button{width:40px;height:40px;padding:10px}}.mf-hero-wrap{background:var(--mf-bg, transparent);padding:var(--mf-pad-top-m, 0) var(--mf-gutter, 0) var(--mf-pad-bottom-m, 0)}.mf-hero{position:relative;width:100%;max-width:var(--mf-max-width, 100%);margin:0 auto;overflow:hidden;border-radius:var(--mf-radius, 0);border:var(--mf-border-width, 0) solid var(--mf-border-color, transparent);background:var(--mf-fallback-bg, #E6D8C8);aspect-ratio:var(--mf-ar-m, 1.778);outline:none;transition:aspect-ratio var(--mf-fade, .4s) cubic-bezier(.4,0,.2,1)}.mf-hero:focus-visible{box-shadow:0 0 0 3px #56884e80}.mf-hero__slides{position:absolute;top:0;right:0;bottom:0;left:0}.mf-hero__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;transition:opacity var(--mf-fade, .4s) ease}.mf-hero__slide.is-active{opacity:1;pointer-events:auto}.mf-hero__link,.mf-hero__picture{display:block;width:100%;height:100%}.mf-hero__img{width:100%;height:100%;object-fit:var(--mf-fit, cover);object-position:center;display:block}.mf-hero__placeholder{background:var(--mf-fallback-bg, #E6D8C8);opacity:.6}.mf-hero__placeholder path,.mf-hero__placeholder rect,.mf-hero__placeholder circle{fill:#4a2f2429}.mf-hero__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;display:flex;align-items:center;justify-content:center;width:var(--mf-arrow-size, 44px);height:var(--mf-arrow-size, 44px);padding:0;border-radius:var(--mf-arrow-radius, 50px);background:var(--mf-arrow-bg, rgba(74,47,36,.55));color:var(--mf-arrow-color, #F6F4EF);border:var(--mf-arrow-border-width, 0) solid var(--mf-arrow-border-color, transparent);cursor:pointer;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:background .25s ease,transform .25s ease,opacity .25s ease}.mf-hero__arrow:hover{background:var(--mf-arrow-bg-hover, rgba(86,136,78,.85))}.mf-hero__arrow:active{transform:translateY(-50%) scale(.94)}.mf-hero__arrow:focus-visible{outline:2px solid #56884E;outline-offset:2px}.mf-hero__arrow--prev{left:var(--mf-arrow-offset, 16px)}.mf-hero__arrow--next{right:var(--mf-arrow-offset, 16px)}.mf-hero__arrow svg{width:46%;height:46%}.mf-hero__dots{position:absolute;left:0;right:0;bottom:40px;z-index:3;display:flex;gap:8px;justify-content:center;align-items:center}.mf-hero__dot{width:var(--mf-dot-size, 9px);height:var(--mf-dot-size, 9px);padding:0;border:none;border-radius:50px;background:var(--mf-dot-color, rgba(246,244,239,.5));cursor:pointer;transition:width .3s ease,background .3s ease}.mf-hero__dot.is-active{width:calc(var(--mf-dot-size, 9px) * 3.2);background:var(--mf-dot-active-color, #56884E)}.mf-hero__dot:focus-visible{outline:2px solid #56884E;outline-offset:2px}@media(min-width:750px){.mf-hero-wrap{padding:var(--mf-pad-top-d, 0) var(--mf-gutter, 0) var(--mf-pad-bottom-d, 0)}.mf-hero{aspect-ratio:var(--mf-ar-d, 1.778)}}@media(prefers-reduced-motion:reduce){.mf-hero,.mf-hero__slide,.mf-hero__arrow,.mf-hero__dot{transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/2/compiled_assets/styles.css.map */