.nst-comparison{margin:30px 0 8px;padding:24px;border:1px solid var(--line,#d9dbcf);background:var(--soft,#e9e9dd);color:var(--ink,#30392e)}
.nst-comparison.is-empty{padding:15px 18px;margin:15px 0 8px}.nst-comparison.is-empty .nst-compare-summary{align-items:center;flex-direction:row}.nst-comparison.is-empty .nst-compare-summary h2{font-size:15px}.nst-comparison.is-empty .nst-compare-summary p,.nst-comparison.is-empty .nst-compare-actions,.nst-comparison.is-empty .nst-compare-feedback:empty{display:none}.nst-comparison.is-empty .nst-compare-count{padding:0}
.nst-compare-summary{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.nst-compare-summary h2{font-family:inherit;font-size:22px;line-height:1.4;letter-spacing:-.02em}.nst-compare-summary p{font-size:13px;line-height:1.8;color:var(--muted,#697060);margin-top:8px}.nst-compare-count{font-size:12px;white-space:nowrap;padding-top:5px}.nst-compare-count strong{display:inline-block;margin-left:6px}
.nst-compare-selected{list-style:none;margin:18px 0 0;padding:0;display:flex;gap:9px;flex-wrap:wrap}.nst-compare-selected li{display:flex;align-items:center;gap:10px;max-width:100%;background:var(--paper,#f5f2eb);border:1px solid var(--line,#d9dbcf);padding:2px 4px 2px 12px;font-size:12px}.nst-compare-selected li>span{overflow-wrap:anywhere}.nst-compare-selected button{flex:0 0 40px;width:40px;min-height:40px;border:0;background:none;font-size:23px}
.nst-compare-actions,.nst-compare-dialog-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.nst-compare-button{display:inline-flex;align-items:center;justify-content:center;padding:11px 18px;min-height:44px;max-width:100%;border:1px solid var(--ink,#30392e);background:var(--ink,#30392e);color:var(--paper,#f5f2eb);font:inherit;font-size:12px;line-height:1.6;text-align:center;overflow-wrap:anywhere;cursor:pointer}.nst-compare-secondary{background:transparent;color:var(--ink,#30392e);border-color:var(--line,#d9dbcf)}.nst-compare-button:hover:not(:disabled){filter:brightness(.95)}.nst-compare-button:disabled{opacity:.45;cursor:default}.nst-compare-feedback{font-size:12px;line-height:1.7;min-height:1.7em;margin-top:12px;color:var(--muted,#697060)}
.compare-toggle{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;margin-top:8px;padding:9px 10px;border:1px solid var(--line,#d9dbcf);background:transparent;color:var(--ink,#30392e);font:inherit;font-size:11px;line-height:1.6;text-align:center;overflow-wrap:anywhere;cursor:pointer}.compare-toggle[aria-pressed=true]{background:var(--soft,#e9e9dd);color:var(--ink,#30392e)}.compare-toggle[aria-disabled=true]{opacity:.65}
.nst-compare-dialog{width:min(1060px,94vw);max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:28px;border:1px solid var(--line,#d9dbcf);background:var(--paper,#f5f2eb);color:var(--ink,#30392e);overflow:auto;box-shadow:0 20px 80px #0004}.nst-compare-dialog::backdrop{background:#1b241bc9;backdrop-filter:blur(3px)}.nst-compare-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.nst-compare-dialog-head h2{font-family:inherit;font-size:27px;line-height:1.4;letter-spacing:-.025em}.nst-compare-dialog-head>.nst-compare-button{flex-shrink:0}
.nst-compare-scroll-hint{font-size:11px;color:var(--muted,#697060);margin:0 0 9px}.nst-compare-table-wrap{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;border:1px solid var(--line,#d9dbcf)}.nst-compare-table-wrap:focus-visible{outline:2px solid var(--olive,#687555);outline-offset:3px}.nst-compare-table{width:100%;min-width:650px;border-collapse:collapse;table-layout:fixed;font-size:12px;line-height:1.8}.nst-compare-table caption{text-align:left;padding:10px 15px;font-weight:500;background:var(--soft,#e9e9dd)}.nst-compare-table th,.nst-compare-table td{vertical-align:top;text-align:left;padding:16px;border-bottom:1px solid var(--line,#d9dbcf);border-right:1px solid var(--line,#d9dbcf);overflow-wrap:anywhere}.nst-compare-table tr>:last-child{border-right:0}.nst-compare-table tbody tr:last-child>*{border-bottom:0}.nst-compare-table tr>:first-child{width:130px;background:var(--soft,#e9e9dd);font-weight:500}.nst-compare-table td{color:var(--muted,#697060)}.nst-compare-table a{text-decoration:underline;text-underline-offset:4px}.nst-compare-product h3{font-size:14px;line-height:1.6;margin:12px 0 7px}.nst-compare-product>small{display:block;color:var(--muted,#697060);font-size:10px;margin-bottom:12px}.nst-compare-product .nst-compare-button{font-size:11px;padding:8px 10px;width:100%}
.nst-compare-photo,.nst-compare-placeholder{width:100%;aspect-ratio:1;background:var(--soft,#e9e9dd);border:1px solid var(--line,#d9dbcf);overflow:hidden}.nst-compare-photo img{width:100%;height:100%;object-fit:contain;display:block}.nst-compare-placeholder{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;text-align:center;padding:15px;color:var(--olive,#687555)}.nst-compare-placeholder>span{font-size:17px;letter-spacing:.12em}.nst-compare-placeholder small{font-size:11px;line-height:1.6;color:var(--muted,#697060)}
.nst-compare-note,.nst-compare-minimum,.nst-compare-empty{font-size:12px;line-height:1.9;color:var(--muted,#697060);margin:18px 0}.nst-compare-minimum{padding:13px 16px;border:1px solid var(--line,#d9dbcf);background:var(--soft,#e9e9dd)}
@media(max-width:600px){.nst-comparison{padding:19px 16px;margin-top:25px}.nst-compare-summary{flex-direction:column;gap:9px}.nst-compare-summary h2{font-size:21px}.nst-compare-summary p{font-size:12px}.nst-compare-selected{display:grid;grid-template-columns:minmax(0,1fr)}.nst-compare-selected li{justify-content:space-between}.nst-compare-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}.nst-compare-dialog{width:96vw;padding:18px 12px;max-height:calc(100dvh - 20px)}.nst-compare-dialog-head{gap:12px}.nst-compare-dialog-head h2{font-size:22px}.nst-compare-dialog-head>.nst-compare-button{font-size:11px;padding:9px 11px;max-width:47%}.nst-compare-table th,.nst-compare-table td{padding:12px}.nst-compare-table tr>:first-child{width:115px}.nst-compare-dialog-actions{flex-direction:column}.nst-compare-dialog-actions>.nst-compare-button{width:100%}}