.compare-intro{color:var(--muted);font-size:14px;margin:20px 0}.compare-choice{display:flex;align-items:center;gap:9px;margin-top:18px;font-size:14px;cursor:pointer;width:fit-content}.compare-choice input{width:18px;height:18px;accent-color:var(--ink)}.compare-choice:has(input:disabled){opacity:.5}.compare-bar{position:sticky;bottom:0;z-index:20;background:#f8faf6;border-top:1px solid #a7b8ac;box-shadow:0 -6px 25px #203e3310;padding:16px 30px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px 20px}.compare-bar[hidden]{display:none}.compare-status{font-size:14px}.compare-chips{display:flex;gap:8px;flex-wrap:wrap}.compare-chips button,.compare-clear,.compare-close{font:inherit;font-size:14px;cursor:pointer;background:transparent;border:1px solid var(--line);color:var(--ink);border-radius:5px;padding:9px 12px}.compare-chips button:hover,.compare-close:hover{background:#eaf0e6}.compare-bar .button{cursor:pointer;padding:12px 20px}.compare-bar .button:disabled{opacity:.45;cursor:not-allowed}.compare-dialog{width:min(1400px,96vw);max-width:96vw;max-height:90vh;border:1px solid var(--line);border-radius:14px;background:var(--paper);color:var(--ink);padding:30px}.compare-dialog::backdrop{background:#152d26aa}.compare-header{display:flex;justify-content:space-between;gap:20px;align-items:center}.compare-header h2{font-size:38px}.compare-close{white-space:nowrap}.compare-hint{font-size:14px;color:var(--muted);margin:18px 0}.compare-scroll{overflow:auto;max-height:65vh}.compare-scroll table{border-collapse:collapse;width:100%;table-layout:fixed;min-width:750px;font-size:14px}.compare-scroll caption{text-align:left;font-size:12px;color:var(--muted);padding-bottom:12px}.compare-scroll th,.compare-scroll td{padding:17px;border:1px solid var(--line);text-align:left;vertical-align:top;overflow-wrap:anywhere}.compare-scroll thead th{background:#eaf0e6;font-size:19px}.compare-scroll tr>*:first-child{width:145px}.compare-scroll img{display:block;width:100%;height:auto;aspect-ratio:1.72;object-fit:contain}.compare-colors{display:flex;flex-wrap:wrap;gap:10px}.compare-color{display:flex;flex-direction:column;font-size:10px;gap:5px}.compare-color i{width:38px;height:28px;border-radius:4px;border:1px solid #203e3322}.comparison-open{overflow:hidden}@media(max-width:600px){.compare-dialog{padding:18px}.compare-header{align-items:flex-start}.compare-header h2{font-size:28px}.compare-close{font-size:12px;padding:8px}.compare-bar{padding:12px;gap:8px}.compare-status{width:100%;text-align:center}.compare-chips{justify-content:center}.compare-chips button{font-size:12px;padding:6px 8px}.compare-scroll{max-height:60vh}}
.compare-preview{display:block;width:100%;padding:0;border:0;background:transparent;color:var(--ink);font:inherit;cursor:zoom-in;text-align:left}.compare-preview span{display:block;font-size:12px;text-decoration:underline;text-underline-offset:3px;margin-top:12px}.compare-preview:focus-visible,.compare-viewer button:focus-visible{outline:3px solid #718c28;outline-offset:4px}.compare-viewer{box-sizing:border-box;width:min(1800px,96vw);max-width:96vw;max-height:94vh;border:1px solid var(--line);border-radius:14px;background:var(--paper);color:var(--ink);padding:24px}.compare-viewer::backdrop{background:#152d26dc}.compare-viewer h2{margin:0;font-size:32px}.compare-viewer-scroll{overflow:auto;max-height:65vh;margin-top:16px;background:#eaf0e6;border-radius:6px}.compare-viewer-scroll img{display:block;width:100%;height:auto;max-width:none}.compare-viewer-scroll.original-size img{width:auto;max-width:none}.compare-viewer .compare-header{flex-wrap:wrap}@media(max-width:600px){.compare-viewer{padding:14px}.compare-viewer h2{font-size:26px}.compare-viewer-scroll{max-height:58vh}}
.compare-bar [hidden]{display:none}.bundle-offer{margin:32px 0;padding:28px 32px;border:1px solid #bbcbb1;background:#eaf0e6;border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:20px}.bundle-offer h3{font:normal 32px/1.2 Georgia,serif;margin:8px 0}.bundle-offer p{max-width:650px;line-height:1.6;margin:8px 0}.bundle-offer .eyebrow{font-size:11px}.bundle-price{font-size:40px;font-weight:600;white-space:nowrap}.bundle-price small{display:block;font-size:13px;font-weight:400}.bundle-offer a{color:inherit;text-underline-offset:4px}@media(max-width:600px){.bundle-offer{padding:22px;align-items:flex-start;flex-direction:column}.bundle-price{font-size:32px}}
.compare-viewer-scroll:not(.original-size) img{max-height:65vh;object-fit:contain}@media(max-width:600px){.compare-viewer-scroll:not(.original-size) img{max-height:58vh}}