/* Considered choices: comparison and clear sharing actions. */
.comparison-hint{display:flex;align-items:center;gap:10px;margin:0 0 25px;color:#506157;font-size:12px;line-height:1.7}
.comparison-hint svg,.compare-open svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.3;flex-shrink:0}
.product-card .card-copy{position:relative;padding-bottom:42px}
.card-compare{position:absolute;right:0;bottom:4px;display:flex;align-items:center;gap:5px;border:1px solid #d6dccf;border-radius:3px;background:transparent;color:#466052;min-height:36px;padding:7px 11px;font:inherit;font-size:11px;cursor:pointer;transition:background .2s,border-color .2s}
.card-compare:hover,.card-compare[aria-pressed=true]{background:#e7eddf;border-color:#879d84;color:#173e33}
.product-link-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0 25px;margin:12px 0}
.product-link-actions .share-link{margin:0;padding:10px 0;min-height:44px;font-size:12px}
.detail-compare{display:block;margin:5px auto 18px;border:1px solid #d6dccf;background:transparent;padding:10px 18px;min-height:44px;color:#244b3b;font:inherit;font-size:12px;border-radius:3px;cursor:pointer}
.detail-compare[aria-pressed=true]{background:#e7eddf;border-color:#879d84}
.compare-tray{position:fixed;z-index:95;bottom:24px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:17px;width:max-content;max-width:calc(100% - 32px);padding:12px 14px 12px 21px;background:#fcfbf6;color:#244438;border:1px solid #c7d1bd;border-radius:8px;box-shadow:0 14px 55px #163c292b;animation:comparison-appear .22s ease-out}
.compare-tray[hidden]{display:none}
.compare-tray-label{display:flex;flex-direction:column;gap:4px;white-space:nowrap}
.compare-tray-label>span{text-transform:uppercase;letter-spacing:.12em;font-size:8px}
.compare-tray-label strong{font-size:12px;font-weight:500}
.compare-miniatures{display:flex;gap:5px}
.compare-miniature{position:relative;width:39px;height:48px;border:1px solid #dde3d4;border-radius:3px;background:#eef1e6;padding:2px;cursor:pointer}
.compare-miniature img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.compare-miniature>span{position:absolute;right:-4px;top:-6px;width:17px;height:17px;border-radius:50%;background:#244438;color:#fff;font-size:12px;line-height:16px}
.compare-open{display:flex;align-items:center;justify-content:center;gap:9px;min-height:46px;background:#244438;border:1px solid #244438;border-radius:3px;padding:10px 19px;color:#fff;font:inherit;font-size:12px;white-space:nowrap;cursor:pointer}
.compare-open:disabled{background:#e9ede2;border-color:#dce3d1;color:#56674e;cursor:default}
.compare-clear{width:34px;height:44px;padding:0;border:0;background:transparent;color:#52624b;font-size:25px;cursor:pointer}
body:has(dialog[open]) .compare-tray{visibility:hidden}
.compare-dialog{width:min(1180px,calc(100vw - 48px));max-width:none;max-height:calc(100dvh - 48px);padding:0;border:1px solid #e0e4d6;border-radius:5px;background:#f9f8f1;color:#244438;box-shadow:0 24px 90px #102a3845;overscroll-behavior:contain}
.compare-dialog::backdrop{background:#142c24bd;backdrop-filter:blur(5px)}
.compare-heading{position:relative;padding:40px 45px 24px;border-bottom:1px solid #dce1d3;background:#f9f8f1}
.compare-heading h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(35px,4vw,55px);font-weight:400;line-height:1.1;margin:15px 55px 12px 0;letter-spacing:-.03em}
.compare-heading>p{max-width:650px;margin:0;font-size:12px;line-height:1.9;color:#61705b}
.compare-heading .close-btn{position:absolute;top:22px;right:22px}
.compare-table-scroll{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-color:#a9b89f #eef1e8}
.compare-table{border-collapse:separate;border-spacing:0;width:100%;table-layout:fixed;text-align:left;font-size:12px;line-height:1.85}
.compare-table th,.compare-table td{border-right:1px solid #e0e5d8;border-bottom:1px solid #e0e5d8;padding:21px 25px;vertical-align:top;overflow-wrap:anywhere}
.compare-table th:last-child,.compare-table td:last-child{border-right:0}
.compare-table thead th{width:26%;background:#edf0e5;vertical-align:bottom}
.compare-table thead th:first-child{width:22%;background:#f4f4eb;font-weight:500}
.compare-table thead th:first-child>span{font-family:'Cormorant Garamond',Georgia,serif;font-size:29px;font-weight:400;display:block;line-height:1.1}
.compare-table thead th:first-child small{display:block;font-size:11px;font-weight:400;margin-top:11px}
.compare-table tbody th{font-size:11px;font-weight:500;color:#4c634d;background:#f4f4eb}
.compare-table tbody td{color:#4e5f4a;background:#fcfbf6}
.compare-product{position:relative;display:flex;flex-direction:column;align-items:flex-start;height:100%}
.compare-product>img{height:115px;width:110px;object-fit:contain;mix-blend-mode:multiply;align-self:center;margin:0 auto 19px}
.compare-product>.eyebrow{font-size:8px;letter-spacing:.08em}
.compare-product h3{font-family:'Cormorant Garamond',Georgia,serif;font-size:28px;font-weight:400;line-height:1.1;margin:9px 0 17px;min-height:62px}
.compare-product .quiet-link{font:inherit;font-size:11px;min-height:32px;background:none;border:0;padding:0;text-align:left;color:#244438;cursor:pointer}
.compare-remove{align-self:flex-end;margin-top:8px;padding:5px 0;background:none;border:0;border-bottom:1px solid #c9d2bf;color:#63745a;font:inherit;font-size:10px;cursor:pointer}
.compare-note{margin:0;padding:24px 45px;font-size:11px;line-height:1.9;color:#67755d}
.compare-scroll-hint{display:none;margin:0;padding:13px 20px;font-size:11px;line-height:1.6;color:#5b7053;background:#eef1e6}
.compare-open:focus-visible,.card-compare:focus-visible,.compare-clear:focus-visible,.detail-compare:focus-visible,.compare-miniature:focus-visible,.compare-table-scroll:focus-visible{outline:2px solid #8e9e64;outline-offset:4px}
@keyframes comparison-appear{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}
@media(min-width:1000px){.product-card .card-action{position:absolute;left:0;bottom:7px}}
@media(max-width:999px){.product-card .card-copy{padding-bottom:41px}.card-compare{left:0;right:auto}.product-card .card-action{margin-bottom:8px}.compare-heading{padding:30px}.compare-note{padding:23px 30px}}
@media(max-width:700px){.comparison-hint{font-size:11px;margin-bottom:20px;align-items:flex-start}.comparison-hint svg{margin-top:3px;width:17px;height:17px}.compare-tray{bottom:calc(85px + env(safe-area-inset-bottom));gap:9px;max-width:calc(100% - 20px);padding:11px 10px 11px 13px}.compare-tray-label>span{font-size:7px;letter-spacing:.07em}.compare-tray-label strong{font-size:10px}.compare-miniatures{gap:3px}.compare-miniature{width:26px;height:34px}.compare-miniature>span{width:15px;height:15px;font-size:10px;line-height:14px}.compare-open{padding:9px 11px;font-size:10px;gap:6px;min-height:42px}.compare-open svg{width:16px;height:16px}.compare-clear{width:22px;font-size:22px}.compare-dialog{width:calc(100vw - 18px);max-height:calc(100dvh - 22px)}.compare-heading{padding:28px 22px 23px}.compare-heading h2{font-size:36px;margin-right:35px}.compare-heading .close-btn{top:14px;right:12px;width:36px;height:36px}.compare-heading>p{font-size:11px}.compare-scroll-hint{display:block}.compare-table{width:max(100%,790px);table-layout:fixed}.compare-table th,.compare-table td{padding:17px 20px}.compare-table thead th:first-child,.compare-table tbody th{position:sticky;left:0;z-index:2;width:150px;box-shadow:1px 0 #d3dcc9}.compare-table thead th{width:215px}.compare-product h3{font-size:26px}.compare-product>img{height:95px;margin-bottom:14px}.compare-note{padding:21px 22px;font-size:10px}.product-link-actions{gap:0 18px}.product-link-actions .share-link{font-size:11px}.detail-compare{font-size:11px}}
@media(max-width:370px){.compare-tray-label{display:none}.compare-tray{gap:9px}.compare-open{padding:9px 12px}}
@media(prefers-reduced-motion:reduce){.compare-tray{animation:none}.card-compare{transition:none}}

/* Preserve complete product names at intermediate widths. */
.compare-product h3{overflow-wrap:normal;word-break:normal;hyphens:none}
@media(min-width:701px) and (max-width:999px){.compare-table{min-width:920px}.compare-table thead th{width:240px}.compare-table thead th:first-child,.compare-table tbody th{position:sticky;left:0;z-index:2;width:150px;box-shadow:1px 0 #d3dcc9}.compare-scroll-hint{display:block}}