/* Comparison dialog is isolated from the theme's legacy drawer/table styles. */
compare-modal.icmp{color:#20252b}
.icmp-dialog{position:fixed;inset:0;margin:auto;width:min(1140px,96vw);max-width:none;height:min(850px,92dvh);max-height:92dvh;padding:0;border:0;border-radius:16px;background:#fff;color:#20252b;box-shadow:0 24px 100px #0005;overflow:hidden;font:14px/1.5 inherit}
.icmp-dialog::backdrop{background:rgb(12 17 23 / .58);backdrop-filter:blur(3px)}
.icmp-shell{display:flex;flex-direction:column;height:100%;min-height:0}
.icmp-top{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px 12px}.icmp-top h2{margin:0;font-size:25px;letter-spacing:-.03em;color:inherit}.icmp-top p{font-size:12px;color:#717982;margin:3px 0 0}.icmp-close{font-size:28px;line-height:1;width:40px;height:40px;border-radius:50%;background:#f4f5f7}
.icmp-controls{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:8px 24px 16px;border-bottom:1px solid #e5e7eb}.icmp-controls label{display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer}.icmp-controls input{accent-color:#d50030;width:17px;height:17px}.icmp-controls button,.icmp-picker button{border:1px solid #d6dbe1;border-radius:7px;padding:8px 12px;font-size:13px}.icmp-groups{display:flex;gap:5px}.icmp-groups:empty{display:none}.icmp-groups button[aria-pressed=true]{background:#252a31;color:#fff;border-color:#252a31}
.icmp-status{font-size:13px;color:#66717e;margin:0;padding:8px 24px;background:#f8f9fa}.icmp-status:empty{display:none}
.icmp-picker{padding:14px 24px;background:#f4f5f7;border-bottom:1px solid #e1e4e8}.icmp-picker[hidden]{display:none}.icmp-picker label{display:block;font-weight:600;margin-bottom:6px}.icmp-picker div{display:flex;gap:8px}.icmp-picker select{flex:1;min-width:0;max-width:100%;background:#fff;border:1px solid #cfd5dd;border-radius:6px;padding:9px;font-size:14px}
.icmp-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.icmp-table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%;min-width:680px;margin:0;font-size:13px}.icmp-table th,.icmp-table td{padding:15px 20px;border:0;border-bottom:1px solid #e6e8ec;text-align:left;vertical-align:top;white-space:normal;word-break:normal;overflow-wrap:anywhere}.icmp-table th:first-child{width:155px;position:sticky;left:0;background:#f8f9fa;z-index:2;font-weight:500;color:#626d7b}.icmp-table thead th{position:sticky;top:0;z-index:3;background:#fff;box-shadow:0 1px #d9dfe6;padding:12px 18px}.icmp-table thead th:first-child{z-index:4;vertical-align:bottom;padding-bottom:20px}.icmp-table .icmp-different>td{background:#fff5f7}.icmp-missing{color:#98a0aa;font-size:12px}.icmp-empty{padding:48px 24px;text-align:center;color:#66717e}
.icmp-product{position:relative;font-weight:400;display:flex;flex-direction:column;gap:5px;min-height:245px}.icmp-product-tools{display:flex;justify-content:space-between;align-items:center;gap:8px}.icmp-product-tools button{font-size:11px;color:#66717e;text-decoration:underline;text-underline-offset:3px}.icmp-product-tools button:last-child{font-size:22px;line-height:1;text-decoration:none;min-width:26px;min-height:26px}.icmp-product-image{display:block;align-self:center;width:80px;height:80px;background:#f7f8fa;border-radius:6px}.icmp-product-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.icmp-brand{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#727e8b}.icmp-model{font-size:16px;font-weight:650;line-height:1.3;color:#20252b;text-decoration:none}.icmp-design{font-size:12px;color:#687482;margin:0;min-height:28px}.icmp-variant-label{font-size:10px;color:#687482}.icmp-product select{width:100%;height:30px;padding:3px 24px 3px 7px;border:1px solid #d7dce4;border-radius:5px;font-size:12px;background-color:#fff;color:#29313a}.icmp-price{font-size:18px;margin-top:auto;line-height:1.6}.icmp-atc{width:100%;min-height:39px;background:#d50030;color:#fff;font-size:13px;font-weight:600;border-radius:6px;padding:8px;border:0}.icmp-atc:disabled{background:#eceef2;color:#858e99;cursor:not-allowed}.icmp-atc[aria-disabled=true]{opacity:.6}.icmp-details{font-size:11px;color:#677382;text-align:center;text-decoration:underline;text-underline-offset:3px}.icmp-error{font-size:12px;color:#bb0030}.icmp-error[hidden]{display:none}.icmp button:focus-visible,.icmp a:focus-visible,.icmp select:focus-visible{outline:2px solid #d50030;outline-offset:3px}
@media(max-width:700px){.icmp-dialog{width:100vw;height:100dvh;max-height:100dvh;border-radius:0}.icmp-top{padding:14px 14px 8px}.icmp-top h2{font-size:21px}.icmp-top p{max-width:260px;font-size:11px}.icmp-controls{padding:8px 14px 12px;gap:8px}.icmp-controls button{padding:7px 9px;font-size:12px}.icmp-controls label{font-size:12px}.icmp-status,.icmp-picker{padding:8px 14px}.icmp-table{font-size:11px;min-width:100%}.icmp-table th,.icmp-table td{padding:12px 9px}.icmp-table th:first-child{width:88px;font-size:10px}.icmp-table thead th{padding:8px}.icmp-product{min-height:255px;gap:4px}.icmp-product-image{width:62px;height:62px}.icmp-brand{font-size:9px}.icmp-model{font-size:13px}.icmp-design{font-size:11px}.icmp-product select{font-size:11px;padding-left:4px}.icmp-price{font-size:16px}.icmp-atc{font-size:11px;min-height:36px;padding:6px}.icmp-product-tools button{font-size:10px}.icmp-details{font-size:10px}.icmp-picker div{flex-wrap:wrap}.icmp-picker select{flex-basis:100%}}
.icmp-scroll{container-type:inline-size}.icmp-choice{height:54px;display:flex;flex-direction:column;justify-content:center;gap:4px}.icmp-choice .icmp-design{min-height:0}.icmp-model{min-height:42px}.icmp-table{--icmp-label:155px;--icmp-col:250px}.icmp-table tr[hidden]{display:none}
@media(max-height:620px){.icmp-table thead th{position:static}.icmp-top{padding-block:8px}.icmp-top p{display:none}}
@media(max-width:700px){.icmp-table{--icmp-label:88px;--icmp-col:calc((100cqw - 88px) / 2)}.icmp-choice{height:48px}.icmp-model{min-height:34px}}
@media(prefers-reduced-motion:no-preference){.icmp-dialog[open]{animation:icmp-enter .18s ease-out}@keyframes icmp-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}}