
.wb-comparison{display:block;width:calc(100% - 48px);max-width:var(--page-width,1440px);margin-inline:auto;padding-block:28px 36px;border-block:1px solid #d5d9d9;color:var(--color-foreground);background:var(--color-background)}
.wb-comparison__heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-block-end:24px}.wb-comparison h2{font-family:var(--font-heading--family);font-size:24px;line-height:1.3;font-weight:500;margin:0}
.wb-comparison__controls{display:flex;gap:8px}.wb-comparison__controls button{width:44px;height:44px;background:transparent;border:1px solid #d5d9d9;border-radius:50%;font:28px/1 Arial;color:inherit;cursor:pointer}.wb-comparison__controls button:disabled{opacity:.3;cursor:default}
.wb-comparison__scroll{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#a2a6ac transparent;padding-bottom:12px}
.wb-comparison table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:max-content;font-size:14px;line-height:1.5;text-align:start}
.wb-comparison th,.wb-comparison td{padding:14px 16px;border:0;border-bottom:1px solid #d5d9d9;vertical-align:top;overflow-wrap:anywhere;text-align:start;background:var(--color-background,#fff)}
.wb-comparison thead th,.wb-comparison thead td{border-bottom:0;padding-top:0;padding-bottom:24px}.wb-comparison th{font-weight:500}.wb-comparison .wb-comparison__product,.wb-comparison tbody td{width:230px;min-width:230px;max-width:230px}.wb-comparison .wb-comparison__label{min-width:150px;max-width:150px}.wb-comparison .wb-comparison__label{position:sticky;inset-inline-start:0;z-index:2;width:150px;font-weight:600;padding-inline-start:0}
.wb-comparison__image{display:block;aspect-ratio:4/5;overflow:hidden;border-radius:6px;background:#f7f7f7}.wb-comparison__image img,.wb-comparison__image svg{display:block;width:100%;height:100%;object-fit:cover}
.wb-comparison a{color:inherit;text-decoration:none}.wb-comparison__title{display:flex;align-items:flex-start;gap:6px;min-height:70px;margin-block:12px 8px;font-weight:400}.wb-comparison__title>a{flex:1}.wb-comparison__title>a:hover{text-decoration:underline}
.wb-comparison .wb-save-heart{display:grid;place-items:center;width:32px;height:32px;min-height:0;padding:4px;border:0;background:transparent;color:inherit}.wb-comparison .wb-save-heart svg{width:24px;height:24px}.wb-comparison .wb-save-heart[aria-pressed=true]{color:#a52026}.wb-comparison .wb-save-heart[aria-pressed=true] svg{fill:currentColor}
.wb-comparison .wb-comparison__shop{display:flex;align-items:center;justify-content:center;min-height:40px;padding:8px 16px;border:1px solid #d5d9d9;border-radius:100px;font-size:13px;font-weight:500}.wb-comparison__shop:hover{background:#f7f7f7}.wb-comparison__current{display:block;margin-top:8px;font-size:12px;color:#565959}.wb-comparison :focus-visible{outline:2px solid currentColor;outline-offset:3px}
@media(max-width:749px){.wb-comparison{width:calc(100% - 32px);padding-block:24px}.wb-comparison h2{font-size:20px}.wb-comparison__heading{margin-bottom:18px}.wb-comparison table{width:auto;font-size:13px}.wb-comparison .wb-comparison__label{width:96px;min-width:96px;max-width:96px;box-shadow:5px 0 8px -8px #565959}.wb-comparison th,.wb-comparison td{padding:12px}.wb-comparison .wb-comparison__product,.wb-comparison tbody td{min-width:180px;width:180px;max-width:180px}.wb-comparison__title{min-height:80px}.wb-comparison__controls{gap:4px}.wb-comparison__controls button{width:36px;height:44px;border:0}.wb-comparison__scroll{margin-inline-end:-16px}}
.wb-comparison tr>:nth-child(2){position:sticky;inset-inline-start:150px;z-index:1;background:var(--color-background,#fff);box-shadow:6px 0 9px -8px #565959}
.wb-comparison .wb-comparison__shop{width:100%;cursor:pointer;background:#ffd814;border-color:#ffd814;color:#0f1111;font-family:var(--font-body--family)}
.wb-compare-modal{width:min(760px,calc(100% - 32px));max-height:90dvh;padding:0;border:0;border-radius:12px;background:#fff;color:#0f1111;overflow:hidden;margin:auto;box-shadow:0 12px 48px #0003}.wb-compare-modal::backdrop{background:#0007}.wb-compare-modal[open]{display:flex;flex-direction:column}
.wb-compare-close{position:absolute;right:10px;top:8px;z-index:2;width:40px;height:40px;border:0;border-radius:50%;background:#fff;color:#111;font:28px/1 Arial;cursor:pointer}
.wb-compare-content{overflow:auto;min-height:0;padding:48px 24px 20px;display:grid;grid-template-columns:1fr 1fr;gap:24px;overscroll-behavior:contain}.wb-compare-gallery{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;align-self:start;scrollbar-width:thin}.wb-compare-gallery img{width:100%;flex:0 0 100%;min-width:0;aspect-ratio:4/5;object-fit:cover;scroll-snap-align:start}.wb-compare-info h3{font-size:20px;line-height:1.3;margin:0 0 12px}.wb-compare-info fieldset{border:0;padding:0;margin:18px 0 0;min-width:0}.wb-compare-info legend{font-size:13px;font-weight:600;margin-bottom:8px}.wb-compare-options{display:flex;gap:8px;overflow-x:auto;padding:3px 2px 8px}.wb-compare-options button{flex-shrink:0;max-width:180px;padding:9px 12px;border:1px solid #d5d9d9;background:white;color:#111;border-radius:4px;font:14px/20px var(--font-body--family);cursor:pointer}.wb-compare-options button[aria-pressed=true]{border-color:#20392f;background:#20392f;color:#fff}.wb-compare-info fieldset[data-error=true]{outline:1px solid #b42318;outline-offset:4px}.wb-compare-footer{flex-shrink:0;padding:12px 24px 20px;border-top:1px solid #d5d9d9;background:white}.wb-compare-footer p:empty{display:none}.wb-compare-footer p{font-size:13px;margin:0 0 8px}.wb-compare-footer button{min-height:44px}.wb-compare-footer button:disabled{opacity:.5;cursor:wait}
@media(max-width:749px){.wb-comparison .wb-comparison__label{min-width:72px;width:72px;max-width:72px;font-size:11px}.wb-comparison .wb-comparison__product,.wb-comparison tbody td{min-width:144px;width:144px;max-width:144px;padding-inline:8px}.wb-comparison tr>:nth-child(2){inset-inline-start:72px}.wb-comparison__title{font-size:12px;line-height:17px;min-height:88px}.wb-comparison .wb-save-heart{width:24px;padding:2px}.wb-comparison .wb-save-heart svg{width:20px;height:20px}.wb-comparison .wb-comparison__shop{font-size:12px;padding-inline:8px}.wb-compare-modal{width:calc(100% - 16px);max-height:92dvh;border-radius:12px}.wb-compare-content{display:block;padding:44px 16px 16px}.wb-compare-gallery{width:100%;height:190px;margin-bottom:16px}.wb-compare-gallery img{width:152px;flex-basis:152px;margin-right:8px}.wb-compare-info h3{font-size:18px}.wb-compare-info fieldset{margin-top:12px}.wb-compare-footer{padding:12px 16px max(16px,env(safe-area-inset-bottom))}.wb-compare-footer .wb-comparison__shop{font-size:14px}}
.wb-compare-modal{width:min(560px,calc(100% - 32px))}.wb-compare-content{display:block}.wb-compare-gallery{position:relative;width:100%;height:auto;gap:8px;margin-bottom:16px;scroll-padding-inline:0}.wb-compare-gallery img{flex:0 0 44%;width:44%;height:auto;aspect-ratio:4/5;margin:0;object-fit:cover}.wb-compare-listing{display:inline-block;margin-top:18px;font-size:13px;text-decoration:underline!important;text-underline-offset:3px}.wb-compare-info legend span{font-weight:400;color:#565959;margin-left:6px}.wb-compare-options .wb-compare-size{min-width:42px;min-height:42px;border-radius:2px;font-size:13px;border-color:var(--color-variant-border,#d5d9d9);background:var(--color-variant-background,#fff);color:var(--color-variant-text,#111)}.wb-compare-options .wb-compare-size[aria-pressed=true]{background:var(--color-selected-variant-background,#111);color:var(--color-selected-variant-text,#fff);border-color:var(--color-selected-variant-border,#111);font-weight:700}.wb-compare-options .wb-compare-swatch{width:44px;height:44px;min-width:44px;padding:3px;border:1px solid transparent;border-radius:50%;background:transparent}.wb-compare-options .wb-compare-swatch span{display:block;width:100%;height:100%;border:1px solid #d4d4d4;border-radius:50%}.wb-compare-options .wb-compare-swatch[aria-pressed=true]{border-color:#20392f;background:transparent}.wb-compare-options .wb-compare-swatch:focus-visible{outline:2px solid #20392f;outline-offset:2px}
@media(max-width:749px){.wb-compare-modal{width:calc(100% - 16px)}.wb-compare-options .wb-compare-size{min-width:44px;min-height:44px;padding:0 12px;border-radius:8px;font-size:16px;line-height:20px}.wb-compare-gallery img{flex-basis:44%;width:44%;height:auto}}
.wb-compare-gallery{scrollbar-width:none}.wb-compare-gallery::-webkit-scrollbar{display:none}

@media(max-width:749px){
 .wb-compare-modal{position:fixed;inset:auto 0 0;width:100%;max-width:100%;height:70dvh;max-height:70dvh;margin:0;border-radius:18px 18px 0 0}
 .wb-compare-modal[open]{animation:wb-sheet-enter .25s ease-out}
 .wb-compare-modal::before{content:'';position:absolute;top:9px;left:calc(50% - 18px);width:36px;height:4px;border-radius:4px;background:#d5d9d9}
 .wb-compare-content{flex:1;padding:42px 16px 16px;scrollbar-width:none}
 .wb-compare-content::-webkit-scrollbar{display:none}
 .wb-compare-gallery{margin-bottom:12px}
 .wb-compare-gallery img{max-height:22dvh;object-fit:cover}
 .wb-compare-info h3{font-size:17px;margin-bottom:6px}
 .wb-compare-info [data-price]{margin:0 0 10px}
 .wb-compare-info fieldset{margin-top:10px}
 .wb-compare-footer{padding:10px 10px calc(10px + env(safe-area-inset-bottom,0px))}
 .wb-compare-footer .wb-comparison__shop{display:block;width:100%;height:44px;border:0;border-radius:100px;background:#ffd814;color:#0f1111;font:400 16px var(--font-body--family)}
 body:has(.wb-compare-modal[open]) sticky-add-to-cart{visibility:hidden!important}
}
@keyframes wb-sheet-enter{from{transform:translateY(100%)}to{transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.wb-compare-modal[open]{animation:none}}
