.ka-compare-section{padding:0!important;margin:0!important}.ka-compare{background:var(--ka-off-white, #F6F4F1);padding-block:clamp(28px,4vw,52px) clamp(20px,3vw,40px);padding-inline:clamp(16px,4vw,40px)}.ka-compare__head{max-width:1600px;margin:0 auto clamp(2rem,4vw,3.2rem);text-align:center}.ka-compare__title{font-family:var(--ka-font, "Zalando Sans", sans-serif);font-weight:600;font-size:clamp(1.9rem,4vw,3.2rem);line-height:1.05;letter-spacing:-.02em;color:var(--ka-ink, #12080c);margin:0 0 .8rem}@media(min-width:750px){.ka-compare__title{white-space:nowrap}}.ka-compare__sub{font-family:var(--ka-font, "Zalando Sans", sans-serif);font-size:clamp(1rem,2vw,1.2rem);line-height:1.5;color:#6b6b6b;margin:0}.ka-compare__layout{display:block}@media(min-width:750px){.ka-compare__layout{display:grid;grid-template-columns:minmax(84px,112px) minmax(0,1fr) minmax(84px,112px);align-items:center;gap:clamp(12px,2vw,28px);max-width:1600px;margin:0 auto}}.ka-compare__slider{display:block;max-width:1215px;margin:0 auto;border-radius:22px;overflow:hidden;--button-size: 52px}@media(min-width:750px){.ka-compare__slider{max-width:min(1215px,80vh)}}.ka-compare__rail{display:none}.ka-compare__rail.is-open{display:flex;flex-direction:column;position:fixed;left:0;right:0;bottom:0;z-index:100;max-height:70vh;background:#fff;border-radius:20px 20px 0 0;box-shadow:0 -12px 40px #12080c40;padding:1.1rem 1rem calc(1rem + env(safe-area-inset-bottom,0px));gap:4px;overflow-y:auto;overscroll-behavior:contain;animation:kaCompareSheetUp .28s cubic-bezier(.22,1,.36,1)}@keyframes kaCompareSheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.ka-compare__rail.is-open{animation:none}}@media(min-width:750px){.ka-compare__rail{--rail-item-h: 84px;--rail-gap: 12px;display:flex;flex-direction:column;gap:var(--rail-gap);max-height:calc((var(--rail-item-h) + var(--rail-gap)) * 5 - var(--rail-gap));overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:2px}.ka-compare__rail.is-open{position:static;inset:auto;max-height:calc((var(--rail-item-h) + var(--rail-gap)) * 5 - var(--rail-gap));background:transparent;border-radius:0;box-shadow:none;padding:2px;gap:var(--rail-gap);animation:none}}.ka-compare__rail-item{display:flex;flex-direction:column;align-items:center;gap:5px;flex-shrink:0;background:none;border:none;padding:0;cursor:pointer;font:inherit}.ka-compare__rail-item img{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:12px;border:2px solid transparent;box-shadow:0 2px 10px #12080c14;transition:border-color .2s ease,transform .15s ease,box-shadow .2s ease}.ka-compare__rail-item:hover img,.ka-compare__rail-item:focus-visible img{border-color:var(--ka-red, #CC0000);transform:translateY(-2px)}.ka-compare__rail-item.is-active img{border-color:var(--ka-red, #CC0000);box-shadow:0 0 0 3px #cc000026}.ka-compare__rail-name{font-family:var(--ka-font, "Zalando Sans", sans-serif);font-size:.62rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--ka-ink, #12080c);text-align:center;line-height:1.2}.ka-compare__rail.is-open .ka-compare__rail-item{flex-direction:row;align-items:center;gap:14px;width:100%;padding:.5rem;border-radius:14px;transition:background-color .15s ease}.ka-compare__rail.is-open .ka-compare__rail-item:hover,.ka-compare__rail.is-open .ka-compare__rail-item:active{background:#12080c0d}.ka-compare__rail.is-open .ka-compare__rail-item img{width:112px;flex-shrink:0}.ka-compare__rail.is-open .ka-compare__rail-name{font-size:1rem;font-weight:600;text-transform:none;letter-spacing:normal;text-align:left}.comparison-slider__container{position:relative;width:100%;height:100%}.comparison-slider__media-wrapper{--compare: 50;position:relative;width:100%;display:grid;grid-template:1fr / 1fr;overflow:hidden;aspect-ratio:var(--ratio, 16 / 9)}.comparison-slider__layer{grid-area:1 / 1;position:relative;width:100%;height:100%}[data-orientation=horizontal] .comparison-slider__layer--before{clip-path:inset(0 calc((100 - var(--compare)) * 1%) 0 0)}[data-orientation=horizontal] .comparison-slider__layer--after{clip-path:inset(0 0 0 calc(var(--compare) * 1%))}.before-image,.after-image,.comparison-slider__placeholder{width:100%;height:100%;object-fit:cover;aspect-ratio:var(--ratio, 16 / 9);display:block}.comparison-slider__placeholder{position:absolute;top:0;right:0;bottom:0;left:0}.comparison-slider__placeholder svg{width:100%;height:100%;background:#e9e6e2;fill:#b8b2ab}.cs-slider{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:ew-resize;appearance:none;-webkit-appearance:none;z-index:30}.cs-slider::-webkit-slider-thumb{width:var(--button-size);height:var(--button-size);border:0;background:transparent;cursor:ew-resize;-webkit-appearance:none;appearance:none}.cs-slider::-moz-range-thumb{width:var(--button-size);height:var(--button-size);border:0;background:transparent;cursor:ew-resize}.cs-slider::-webkit-slider-runnable-track{background:transparent;border:0}.cs-slider::-moz-range-track{background:transparent;border:0}.comparison-slider__media-wrapper:after{content:"";position:absolute;inset:0 auto;left:calc(var(--compare) * 1%);width:3px;transform:translate(-50%);background:var(--ka-red, #CC0000);box-shadow:0 0 16px #cc000080;pointer-events:none;z-index:20}.ka-compare__handle{position:absolute;top:calc(var(--handle-offset, 50) * 1%);left:calc(var(--compare) * 1%);transform:translate(-50%,-50%);width:var(--button-size);height:var(--button-size);border-radius:50%;background:#fff;border:2px solid var(--ka-red, #CC0000);display:flex;align-items:center;justify-content:center;gap:2px;box-shadow:0 6px 20px #12080c40;pointer-events:auto;cursor:grab;touch-action:none;z-index:31}.ka-compare__handle:active{cursor:grabbing}.cs-slider__chevron{display:flex;align-items:center;justify-content:center;color:var(--ka-red, #CC0000);pointer-events:none}.cs-slider__chevron svg{width:15px;height:15px}.ka-compare__sheet-trigger{position:absolute;bottom:1rem;z-index:35;width:38px;height:38px;border-radius:50%;background:#fff;border:2px solid var(--ka-red, #CC0000);color:var(--ka-red, #CC0000);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;box-shadow:0 6px 18px #12080c2e;transition:background-color .2s ease,color .2s ease,transform .15s ease}.ka-compare__sheet-trigger:hover,.ka-compare__sheet-trigger:focus-visible{background:var(--ka-red, #CC0000);color:#fff;outline:none}.ka-compare__sheet-trigger:active{transform:scale(.94)}.ka-compare__sheet-trigger--before{left:1rem}.ka-compare__sheet-trigger--after{right:1rem}@media(min-width:750px){.ka-compare__sheet-trigger{display:none}}.ka-compare__sheet-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:99;background:#12080c80;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.ka-compare__sheet-backdrop.is-open{display:block}@media(min-width:750px){.ka-compare__sheet-backdrop{display:none!important}}.ka-compare__tag{position:absolute;top:1rem;z-index:36;font-family:var(--ka-font, "Zalando Sans", sans-serif);font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#fff;background:#12080c8c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:.35rem .8rem;border-radius:100px;text-decoration:none;cursor:pointer;transition:background-color .2s ease,transform .2s ease}.ka-compare__tag--before{left:1rem}.ka-compare__tag--after{right:1rem}.ka-compare__tag:hover,.ka-compare__tag:focus-visible{background:var(--ka-red, #CC0000);transform:translateY(-1px)}.ka-compare__tag.is-disabled{pointer-events:none;cursor:default}.ka-compare__head,.ka-compare__slider{opacity:0;filter:blur(8px);transform:translateY(26px);transition:opacity .7s var(--ka-ease-out, ease),filter .7s var(--ka-ease-out, ease),transform .7s var(--ka-ease-overshoot, cubic-bezier(.3,1,.3,1))}.ka-compare__slider{transition-delay:.12s}.ka-compare.is-in .ka-compare__head,.ka-compare.is-in .ka-compare__slider{opacity:1;filter:blur(0);transform:translateY(0)}@media(prefers-reduced-motion:reduce){.ka-compare__head,.ka-compare__slider{opacity:1;filter:none;transform:none;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/50/assets/ka-comparison.css.map */