.lc-compare{--lc-ink:#182d43;--lc-muted:#53677c;--lc-line:#ced9e4;--lc-accent:#2354b7;--lc-soft:#edf3fc;color:var(--lc-ink);font:inherit;margin:22px 0;min-width:0;isolation:isolate;container-type:inline-size;container-name:zuise-lens-compare}
.lc-compare *{box-sizing:border-box}
.lc-compare .lc-heading{display:flex;flex-direction:column;gap:15px;margin-bottom:18px}
.lc-compare .lc-kicker{font-size:10px;font-weight:750;letter-spacing:.13em;color:#52716d;margin:0 0 7px}
.lc-compare .lc-heading h2{font:inherit;font-size:26px;letter-spacing:-.035em;font-weight:750;line-height:1.12;margin:0 0 9px}
.lc-compare .lc-heading>div>p:last-child{font-size:13px;line-height:1.55;color:var(--lc-muted);margin:0;max-width:43ch}
.lc-compare .lc-current-price{display:grid;grid-template-columns:1fr auto;align-items:center;gap:3px 12px;padding:13px 15px;background:#f1f5f9;border-radius:12px}
.lc-compare .lc-current-price>span{font-size:12px;font-weight:600}
.lc-compare .lc-current-price strong{font-size:24px;line-height:1.2;letter-spacing:-.035em;font-variant-numeric:tabular-nums;white-space:nowrap}
.lc-compare .lc-current-price small{grid-column:1/-1;color:var(--lc-muted);font-size:12px}
.lc-compare .lc-preview{border:1px solid var(--lc-line);border-radius:14px;overflow:hidden;background:#fff}
.lc-compare .lc-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:10px 12px;background:#fafcfb}
.lc-compare .lc-preview-toolbar>span{font-size:12px;font-weight:650;line-height:1.4;color:#4c6471}
.lc-compare fieldset{min-width:0}
.lc-compare .lc-environments,.lc-compare .lc-tabs{border:0;padding:0;margin:0;display:flex;gap:4px}
.lc-compare .lc-environments{background:#e9eff3;border-radius:9px;padding:3px}
.lc-compare .lc-environments label,.lc-compare .lc-tabs label{position:relative;display:flex;align-items:stretch;cursor:pointer;margin:0;min-width:0}
.lc-compare .lc-environments input,.lc-compare .lc-tabs input{position:absolute;inline-size:1px;block-size:1px;opacity:0;margin:0;min-height:0;padding:0;pointer-events:none}
.lc-compare .lc-environments label>span{display:flex;align-items:center;justify-content:center;padding:9px 11px;min-height:44px;font-size:12px;font-weight:650;border-radius:6px;color:#4b6173}
.lc-compare .lc-environments label:has(input:checked)>span{background:#fff;color:#172f48;box-shadow:0 1px 3px #162e4320}
.lc-compare label:has(input:focus-visible)>span{outline:2px solid #1b50b6;outline-offset:2px}
.lc-compare .lc-scene{display:block;width:100%;height:auto;background:#e7f0f1}
.lc-compare .lc-scene-indoor{display:none}
.lc-compare:has([data-lc-environment=indoor]:checked) .lc-scene-indoor{display:inline}
.lc-compare:has([data-lc-environment=indoor]:checked) .lc-scene-sunlight{display:none}
.lc-compare .lc-shade-clear{fill:transparent}
.lc-compare .lc-shade-sun{fill:#2e3b4d;opacity:.38}
.lc-compare .lc-shade-polarized{fill:#2e3b4d;opacity:.4}
.lc-compare .lc-photo-shade{fill:#344453;opacity:.5}
.lc-compare .lc-reflection-reduced{opacity:.2}
.lc-compare .lc-reflection-full{opacity:1}
.lc-compare .lc-scene-labels{display:grid;grid-template-columns:1fr 1fr;background:#f2f6f6;border-top:1px solid #fff;color:#385566;font-size:11px;font-weight:650;text-align:center;line-height:1.5}
.lc-compare .lc-scene-labels>span{padding:8px 5px}
.lc-compare .lc-preview-caption{display:grid;grid-template-columns:1fr;gap:10px;padding:12px 14px}
.lc-compare .lc-current-profile{display:flex;align-items:center;gap:8px}
.lc-compare .lc-current-profile>.lc-profile{width:57px;height:42px;flex:none}
.lc-compare .lc-current-profile>span{display:flex;flex-direction:column;gap:3px}
.lc-compare .lc-current-profile strong{font-size:12px}
.lc-compare .lc-preview-caption small{display:block;color:var(--lc-muted);font-size:12px;line-height:1.5}
.lc-compare .lc-preview-caption p{margin:0 0 4px;font-size:12px;font-weight:650;line-height:1.5}
.lc-compare .lc-tabs{margin:20px 0 17px;background:#edf1f5;border-radius:10px;padding:4px}
.lc-compare .lc-tabs>label{flex:1}
.lc-compare .lc-tabs>label>span{display:flex;align-items:center;justify-content:center;min-height:46px;width:100%;border-radius:7px;font-size:13px;font-weight:700;color:#50657a;line-height:1.4;padding:8px 9px}
.lc-compare .lc-tabs label:has(input:checked)>span{color:#fff;background:var(--lc-ink);box-shadow:0 2px 5px #20394d1a}
.lc-compare .lc-panel{margin:0 0 22px}
.lc-compare .lc-panel-heading{margin-bottom:13px}
.lc-compare .lc-panel-heading h3{font:inherit;font-size:17px;line-height:1.3;font-weight:750;letter-spacing:-.02em;margin:0 0 7px}
.lc-compare .lc-panel-heading p{font-size:12px;line-height:1.6;color:var(--lc-muted);margin:0;max-width:80ch}
.lc-compare .lc-cards{display:grid;grid-template-columns:1fr;gap:10px}
.lc-compare .lc-card{display:grid;grid-template-columns:73px minmax(0,1fr);gap:10px 13px;background:#fff;border:1px solid var(--lc-line);border-radius:12px;padding:15px;min-width:0;transition:border-color .15s,background-color .15s}
.lc-compare .lc-card.is-selected{border-color:#4f78bd;background:#f0f5fe;box-shadow:inset 0 0 0 1px #4f78bd}
.lc-compare .lc-card-art{display:flex;flex-direction:column;align-items:center;justify-content:center;align-self:start;gap:3px;min-width:0}
.lc-compare .lc-card-art svg{display:block;width:73px;height:53px}
.lc-compare .lc-card-art>span{font-size:12px;line-height:1.4;text-align:center;color:#4f687c;font-weight:600}
.lc-compare .lc-card-copy{min-width:0}
.lc-compare .lc-card-title{display:flex;justify-content:space-between;align-items:start;gap:8px}
.lc-compare .lc-card-title h4{font:inherit;font-size:15px;font-weight:750;letter-spacing:-.02em;line-height:1.35;margin:0 0 7px}
.lc-compare .lc-selected-mark{flex:none;display:grid;place-items:center;background:#2354b7;border-radius:50%;color:#fff;width:19px;height:19px;font-size:12px;font-weight:700}
.lc-compare .lc-card-copy p{font-size:12px;line-height:1.5;color:#29455f;margin:0 0 5px}
.lc-compare .lc-card-copy small{display:block;font-size:12px;line-height:1.5;color:var(--lc-muted)}
.lc-compare .lc-card-price{grid-column:1/-1;border-top:1px solid #d8e1eb;padding-top:11px;display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.lc-compare .lc-option-price{font-size:13px;font-weight:750;color:#1d425e;line-height:1.4;font-variant-numeric:tabular-nums}
.lc-compare .lc-pair-price{font-size:12px;color:var(--lc-muted);line-height:1.5}
.lc-compare .lc-pair-price strong{color:#18344d;font-size:15px;font-weight:750;font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:3px}
.lc-compare .lc-select{grid-column:1/-1;display:flex;align-items:center;justify-content:center;min-height:46px;width:100%;border-radius:7px;border:1px solid #a9bbd2;background:#fff;color:#24456b;font:inherit;font-size:12px;font-weight:700;padding:10px 12px;line-height:1.4;cursor:pointer;margin:0}
.lc-compare .lc-select:hover:not(:disabled){border-color:#2354b7;background:#e9f0fc}
.lc-compare .is-selected .lc-select{color:#fff;border-color:#2354b7;background:#2354b7}
.lc-compare .lc-select:focus-visible{outline:3px solid #2354b7;outline-offset:3px}
.lc-compare .lc-select:disabled{opacity:.6;cursor:not-allowed}
.lc-compare .lc-footnote{font-size:12px;line-height:1.6;color:var(--lc-muted);margin:15px 0 0;max-width:88ch}
.lc-compare .lc-sr{position:absolute!important;inline-size:1px!important;block-size:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
@supports selector(:has(*)){.lc-compare .lc-panel{display:none}.lc-compare:has([data-lc-group=lensIndex]:checked) .lc-panel[data-lc-panel=lensIndex],.lc-compare:has([data-lc-group=coating]:checked) .lc-panel[data-lc-panel=coating],.lc-compare:has([data-lc-group=tint]:checked) .lc-panel[data-lc-panel=tint]{display:block}}
@supports not selector(:has(*)){.lc-compare .lc-tabs,.lc-compare .lc-environments{display:none}}
@container zuise-lens-compare (min-width:650px){.lc-compare .lc-heading{flex-direction:row;justify-content:space-between;align-items:center}.lc-compare .lc-current-price{min-width:190px;grid-template-columns:1fr}.lc-compare .lc-current-price strong{font-size:27px}.lc-compare .lc-preview-caption{grid-template-columns:190px minmax(0,1fr);align-items:center}.lc-compare .lc-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.lc-compare .lc-card{grid-template-columns:1fr;grid-template-rows:auto 1fr auto auto;gap:12px;padding:16px}.lc-compare .lc-card-art{flex-direction:row;justify-content:start;gap:8px}.lc-compare .lc-card-art svg{width:65px;height:48px}.lc-compare .lc-card-art>span{text-align:left;max-width:12ch}.lc-compare .lc-card-copy small{font-size:12px;min-height:3em}.lc-compare .lc-card-price{align-items:start;flex-direction:column}.lc-compare .lc-select{font-size:12px}.lc-compare .lc-preview-toolbar{padding:10px 16px}}
@media(max-width:360px){.lc-compare .lc-preview-toolbar{gap:8px}.lc-compare .lc-preview-toolbar>span{font-size:12px}.lc-compare .lc-environments label>span{padding:8px;min-height:44px;font-size:11px}.lc-compare .lc-card{padding:13px;gap:10px;grid-template-columns:61px minmax(0,1fr)}.lc-compare .lc-card-art svg{width:61px;height:47px}.lc-compare .lc-card-title h4{font-size:14px}.lc-compare .lc-current-price strong{font-size:22px}}
@media(prefers-reduced-motion:reduce){.lc-compare *{transition:none!important}}

.lc-compare .lc-current-price.is-unavailable{grid-template-columns:1fr}.lc-compare .lc-current-price.is-unavailable strong{font-size:16px;white-space:normal}