.cmp-page{padding-top:24px;padding-bottom:220px}.cmp-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:24px 0}.cmp-heading h1{font-size:30px;margin:8px 0}.cmp-heading p{margin:8px 0;color:#555}.cmp-primary,.cmp-detail-button{background:#ed651a!important;color:#fff!important;border:1px solid #d55310!important;text-decoration:none!important;font-weight:600}.cmp-detail-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 18px;border-radius:9px;margin:8px 0 12px;cursor:pointer}.cmp-page button,.cmp-tray button,.cmp-picker button,.cmp-primary{min-height:44px;padding:10px 14px;border-radius:8px;border:1px solid #d8d8d8;cursor:pointer;font:inherit;display:inline-flex;align-items:center;justify-content:center;background:#fff}.cmp-page button:hover,.cmp-picker button:hover,.cmp-tray button:hover{border-color:#ed651a}.cmp-page button:disabled,.cmp-primary[aria-disabled=true]{opacity:.5;cursor:not-allowed}.cmp-primary[aria-disabled=true]{pointer-events:none}.cmp-page :focus-visible,.cmp-picker :focus-visible,.cmp-tray :focus-visible,.cmp-detail-button:focus-visible{outline:3px solid #b24608;outline-offset:3px}.cmp-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.cmp-tray[hidden],.cmp-table tr[hidden]{display:none!important}.cmp-tray{position:fixed;bottom:12px;left:50%;transform:translateX(-50%);width:min(900px,calc(100% - 24px));z-index:1200;background:#fff;border:1px solid #efaa7d;border-radius:14px;box-shadow:0 8px 35px #0002}.cmp-tray-inner{padding:12px 16px}.cmp-tray-heading,.cmp-picker-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.cmp-selected{list-style:none!important;padding:0!important;margin:10px 0!important;display:flex;gap:10px;flex-wrap:wrap}.cmp-selected li{display:flex;align-items:center;gap:8px;flex:1 1 190px;background:#fff8f3;border:1px solid #ffe0ca;border-radius:8px;padding:8px;min-width:0}.cmp-selected span{flex:1;overflow-wrap:anywhere}.cmp-selected small{display:block;font-size:12px;color:#666}.cmp-selected button{flex-shrink:0}.cmp-picker{width:min(680px,calc(100% - 24px));max-height:85vh;overflow:auto;border:0;border-radius:16px;padding:22px;box-sizing:border-box;color:#222}.cmp-picker::backdrop{background:#0008}.cmp-picker h2{font-size:23px;margin:0}.cmp-picker h3{font-size:18px}.cmp-picker input{display:block;width:100%;box-sizing:border-box;min-height:46px;border:1px solid #aaa;border-radius:8px;padding:10px;font:inherit;margin:8px 0}.cmp-result{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:12px;align-items:center;border-top:1px solid #eee;padding:14px 0}.cmp-result img{width:64px;height:64px;object-fit:contain}.cmp-result strong,.cmp-result small{display:block;overflow-wrap:anywhere}.cmp-result select,.cmp-table select{width:100%;max-width:100%;box-sizing:border-box;min-height:44px;border:1px solid #bbb;border-radius:6px;font:inherit;background:#fff;margin:8px 0;padding:5px}.cmp-result small{color:#9b3e09;margin:5px 0}.cmp-scroll{overflow:auto;width:100%;border:1px solid #ddd;border-radius:12px;max-height:78vh}.cmp-table{border-collapse:separate;border-spacing:0;min-width:660px;width:100%;table-layout:fixed;font-size:14px;background:#fff}.cmp-table th,.cmp-table td{padding:14px;border-right:1px solid #eee;border-bottom:1px solid #eee;text-align:left;vertical-align:top;overflow-wrap:anywhere;line-height:1.6}.cmp-table th:first-child{width:145px;position:sticky;left:0;background:#fff7f0;z-index:2}.cmp-table thead th{position:sticky;top:0;background:#fff;z-index:3;min-width:210px}.cmp-table thead th:first-child{z-index:4}.cmp-table thead img{display:block;object-fit:contain;max-width:100%;margin:0 auto 10px}.cmp-table strong,.cmp-table small,.cmp-table a{display:block}.cmp-table small{font-weight:400;color:#666}.cmp-table a{color:#b24608;margin:8px 0}.cmp-table tbody tr:nth-child(even) td{background:#fafafa}.cmp-note{color:#666;font-size:13px;line-height:1.6}.cmp-differences{display:flex;gap:8px;align-items:center;margin:16px 0;min-height:44px}.cmp-differences input{width:20px;height:20px}.cmp-empty{padding:40px 20px;background:#fff7f0;border-radius:12px;text-align:center}.cmp-mobile-hint{display:none}.cmp-sr{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body.cmp-has-tray{padding-bottom:210px}.cmp-picker[open]{display:block}.cmp-picker:not([open]){display:none}body.cmp-modal-open{overflow:hidden}@media(max-width:600px){.cmp-heading{display:block}.cmp-heading h1{font-size:25px}.cmp-heading .cmp-primary{margin-top:8px}.cmp-picker{padding:16px}.cmp-result{grid-template-columns:48px minmax(0,1fr);gap:8px}.cmp-result img{width:48px;height:48px}.cmp-result>button{grid-column:2}.cmp-table th:first-child{width:100px;padding:10px}.cmp-table th,.cmp-table td{padding:10px}.cmp-table{font-size:13px;min-width:620px}.cmp-mobile-hint{display:block;font-size:12px;color:#666}.cmp-selected li{flex-basis:100%;padding:5px 8px}.cmp-tray-inner{padding:8px 12px}.cmp-tray .cmp-selected{max-height:110px;overflow:auto}.cmp-tray .cmp-actions{gap:6px}.cmp-tray .cmp-actions>*{flex:1;font-size:13px}.cmp-tray{bottom:6px}.cmp-detail-button{width:auto;max-width:100%}}

/* Explicit dialog geometry: legacy universal reset removes UA auto margins. */
.hhm-live dialog.cmp-picker{position:fixed;inset:0;margin:auto;height:fit-content}

/* Comparison page v2: explicit controls remain legible under the legacy reset. */
.hhm-live .cmp-page{padding-top:22px;padding-bottom:64px;max-width:1440px}
.cmp-breadcrumb{display:flex;gap:10px;align-items:center;color:#697586;font-size:13px}
.cmp-breadcrumb a{color:#b24a12;text-decoration:none}
.cmp-heading{margin:22px 0 14px;padding:24px;background:linear-gradient(120deg,#fff5eb,#fff);border:1px solid #f5dfce;border-radius:16px}
.cmp-heading .cmp-eyebrow{color:#a54713;font-size:11px;font-weight:700;letter-spacing:1.3px;margin:0 0 8px}
.cmp-heading h1{font-size:30px;line-height:1.3;font-weight:700;margin:0 0 8px;color:#172d43}
.cmp-heading p{font-size:14px;line-height:1.6;margin:0;color:#647182}
.cmp-page>[data-cmp-page-status]{font-size:13px;color:#647182;margin:8px 0;min-height:0}
.cmp-page>[data-cmp-page-status]:empty{display:none}
.cmp-page>.cmp-actions{justify-content:space-between;gap:12px;margin:14px 0;padding:0 4px}
.cmp-differences{font-weight:500;font-size:14px;margin:0}
.cmp-differences input{accent-color:#ed651a;flex-shrink:0}
.cmp-scroll{max-height:none;overflow:auto;border:1px solid #e2e6eb;border-radius:14px;box-shadow:0 4px 20px #1b304007}
.cmp-table{min-width:740px;font-size:14px}
.cmp-table thead th{position:static;min-width:0;background:#fff;padding:20px;vertical-align:top;font-weight:400}
.cmp-table thead th:first-child{position:sticky;left:0;top:auto;width:170px;vertical-align:bottom;font-size:13px;font-weight:600;background:#f7f9fc;color:#5c6b7b;z-index:2}
.cmp-table tbody th{width:170px;font-weight:600;background:#f7f9fc;line-height:1.65;color:#3b4d60}
.cmp-table td{line-height:1.75;color:#34465a;padding:16px 20px}
.cmp-table tbody tr:nth-child(even) td{background:#fbfcfe}
.cmp-product-image{height:172px;background:#f8fafc;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.cmp-table thead .cmp-product-image img{width:148px;height:148px;margin:0;object-fit:contain;mix-blend-mode:multiply}
.cmp-table .cmp-product-group{font-size:11px;color:#8c552c;text-transform:uppercase;letter-spacing:.5px;font-weight:600;line-height:1.5;margin:0 0 5px}
.cmp-table .cmp-product-name{font-size:16px;line-height:1.5;font-weight:650;color:#172d43;min-height:48px;margin-bottom:16px}
.cmp-choice-field{border:0;min-width:0;padding:0;margin:0 0 14px}
.cmp-choice-field legend{font-size:12px;line-height:1.5;font-weight:600;color:#5d6b7b;border:0;width:auto;margin:0 0 7px;padding:0}
.cmp-chips{display:flex;gap:6px;flex-wrap:wrap}
.cmp-page .cmp-chip{font-size:12px;font-weight:500;line-height:1.5;min-height:40px;padding:8px 10px;border:1px solid #dce2e9;border-radius:8px;color:#34465a;background:#fff;white-space:normal;text-align:center;overflow-wrap:anywhere}
.cmp-page .cmp-chip[aria-pressed=true]{background:#fff3e8;color:#aa4210;border-color:#ed651a;font-weight:650;box-shadow:0 0 0 1px #ed651a inset}
.cmp-page .cmp-chip:disabled{opacity:.6;cursor:wait}
.cmp-table .cmp-product-price{font-size:24px;font-weight:750;line-height:1.35;color:#d51e2b;margin:18px 0 4px;letter-spacing:-.3px}
.cmp-product-state{font-size:12px;line-height:1.5;color:#6c7784;margin:0 0 12px}
.cmp-table .cmp-product-link{display:flex;align-items:center;justify-content:center;min-height:44px;background:#fff3e8;color:#ac4210;text-decoration:none;font-weight:600;border:1px solid #ffd7b7;border-radius:8px;margin:0 0 8px;font-size:13px}
.cmp-product-actions{display:flex;gap:7px}
.cmp-page .cmp-product-actions button{flex:1;min-width:0;padding:8px 5px;min-height:40px;font-size:12px;color:#687586;border-color:#e3e7ed}
.cmp-product-actions [data-cmp-remove]{color:#a44141!important}
.cmp-note{font-size:12px;line-height:1.7;margin:16px 4px;color:#768393}
@media(max-width:700px){.cmp-heading{padding:18px;margin:18px 0 12px;border-radius:12px}.cmp-heading h1{font-size:25px}.cmp-heading .cmp-primary{margin-top:14px;width:100%}.cmp-page>.cmp-actions{align-items:flex-start}.cmp-differences{font-size:12px;max-width:210px}.cmp-table{min-width:760px}.cmp-table thead th{padding:14px}.cmp-table thead th:first-child,.cmp-table tbody th{width:108px;padding:10px;font-size:12px}.cmp-table td{padding:12px;font-size:13px}.cmp-product-image{height:140px}.cmp-table thead .cmp-product-image img{width:118px;height:118px}.cmp-table .cmp-product-name{font-size:14px;min-height:42px}.cmp-table .cmp-product-price{font-size:22px}.cmp-mobile-hint{margin:10px 2px}.cmp-page .cmp-chip{font-size:12px;padding:7px 9px;min-height:40px}}
.hhm-live .cmp-choice-field legend{display:block;position:static;height:auto;overflow:visible;clip:auto}
.cmp-table thead th:first-child{vertical-align:top}

/* Shared selected cards: selected variant image beside its name and label. */
.hhm-live .cmp-selected{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.hhm-live .cmp-picker .cmp-selected{grid-template-columns:repeat(2,minmax(0,1fr))}
.hhm-live .cmp-selected .cmp-selected-card{display:grid;grid-template-columns:64px minmax(0,1fr) 36px;gap:10px;padding:12px;background:#fff;border:1px solid #f0dfd1;border-radius:12px;align-items:center;box-sizing:border-box}
.hhm-live .cmp-selected-visual{width:64px;height:72px;display:flex;align-items:center;justify-content:center;background:#fff8f2;border-radius:8px;overflow:hidden}
.hhm-live .cmp-selected-visual img{display:block;width:64px;height:64px;object-fit:contain}
.hhm-live .cmp-selected-fallback{font-size:10px;line-height:1.4;text-align:center;color:#8a786b;padding:4px}
.hhm-live .cmp-selected [hidden],.hhm-live .cmp-tray [hidden]{display:none!important}
.hhm-live .cmp-selected-copy{min-width:0;overflow-wrap:anywhere}
.hhm-live .cmp-selected-copy strong{display:block;font-size:14px;font-weight:600;line-height:1.5;color:#203449}
.hhm-live .cmp-selected-copy small{margin-top:5px;font-size:12px;line-height:1.5;color:#687586}
.hhm-live .cmp-selected-card button{width:36px;min-height:44px;padding:0;border-color:transparent;background:transparent;color:#7b8794;font-size:21px}
.hhm-live .cmp-selected-card button:hover{background:#fff1e8;border-color:#ffd2b4;color:#a54110}
.hhm-live .cmp-tray{width:min(1120px,calc(100% - 24px));border-color:#f1d7c4;box-shadow:0 6px 32px #26374b24}
.hhm-live .cmp-tray-inner{padding:14px 16px}
.hhm-live .cmp-tray-heading strong{font-size:15px;color:#203449}
.hhm-live .cmp-tray .cmp-actions [data-cmp-go]{margin-left:auto}
body.cmp-modal-open .cmp-tray{visibility:hidden;pointer-events:none}
.hhm-live .cmp-picker h3{margin:18px 0 8px;font-weight:600;color:#203449}
@media(max-width:800px){.hhm-live .cmp-tray .cmp-selected{grid-template-columns:1fr;max-height:210px;overflow:auto}}
@media(max-width:600px){.hhm-live .cmp-picker .cmp-selected{grid-template-columns:1fr}.hhm-live .cmp-selected .cmp-selected-card{grid-template-columns:52px minmax(0,1fr) 36px;padding:8px;gap:8px}.hhm-live .cmp-selected-visual{width:52px;height:58px}.hhm-live .cmp-selected-visual img{width:52px;height:52px}.hhm-live .cmp-selected-copy strong{font-size:13px}.hhm-live .cmp-tray-inner{padding:10px}.hhm-live .cmp-tray .cmp-actions [data-cmp-go]{margin-left:0}}

/* Picker search uses the same capacity/color buttons as the comparison table. */
.hhm-live .cmp-picker .cmp-chip{min-height:40px;padding:7px 10px;font-size:13px;line-height:1.5;border:1px solid #dce2e9;border-radius:8px;color:#34465a;background:#fff;white-space:normal;overflow-wrap:anywhere}
.hhm-live .cmp-picker .cmp-chip[aria-pressed=true]{background:#fff3e8;color:#aa4210;border-color:#ed651a;box-shadow:0 0 0 1px #ed651a inset}
.hhm-live .cmp-result .cmp-choice-field{margin:10px 0}
.hhm-live .cmp-result .cmp-result-price{color:#d51e2b;font-size:17px;font-weight:700;margin:10px 0 0}
.hhm-live .cmp-result{align-items:start;gap:12px}
.hhm-live .cmp-result>img{margin-top:6px}
.hhm-live .cmp-result>button{align-self:end}
.hhm-live .cmp-result strong{font-size:15px;line-height:1.5;color:#203449}