.header-saved,.header-compare{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;color:var(--purple);white-space:nowrap;font-size:12px}
.header-saved{font-size:23px;min-width:44px}.header-saved span,.header-compare span{font-size:10px;min-width:19px;height:19px;display:inline-grid;place-items:center;background:#f1eaf7;border-radius:50%;font-weight:650}
.header-saved:hover,.header-compare:hover{color:#2f0954}.header-compare{margin-right:4px}
.compare-product{display:inline-flex;align-items:center;gap:5px;margin-top:12px;padding:7px 10px;min-height:36px;background:#fff;border:1px solid #d6c8e2;color:var(--purple);font-size:10px;line-height:1.3}
.compare-product:hover{background:#f6f0fb}.compare-product[aria-pressed=true]{background:#f0e7f8;border-color:var(--purple)}
[data-compare-full=true]{color:#706478}.save-product{min-width:36px;min-height:36px}
.shortlist-intro>p{max-width:680px}.shortlist-intro .shortlist-device-note{font-size:12px;line-height:1.75;color:#73687d;max-width:650px;margin-top:22px}
.shortlist-page{padding-bottom:90px;min-height:300px}.shortlist-toolbar{display:flex;justify-content:space-between;gap:24px;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;margin-bottom:30px}
.shortlist-toolbar>p{font-size:13px;color:var(--ink);margin:0}.shortlist-toolbar>div{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.shortlist-toolbar .text-link,.shortlist-toolbar .text-button{font-size:12px}
.shortlist-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.shortlist-state{background:#f8f6fa;text-align:center;padding:65px 24px;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.shortlist-state h2{font-size:clamp(26px,3vw,39px);margin-bottom:16px}.shortlist-state p{font-size:14px;max-width:500px;margin-bottom:25px}.shortlist-state-icon{font-size:47px;line-height:1;color:var(--purple);margin-bottom:23px}
.shortlist-spinner{width:27px;height:27px;border:2px solid #ded2e8;border-top-color:var(--purple);border-radius:50%;margin-bottom:20px;animation:shortlist-spin 1s linear infinite}@keyframes shortlist-spin{to{transform:rotate(360deg)}}
.shortlist-unavailable{border:1px solid var(--line);padding:25px;margin-top:28px}.shortlist-unavailable h2{font-size:23px}.shortlist-unavailable p,.shortlist-unavailable li{font-size:13px}.shortlist-unavailable ul{padding:0;list-style:none;margin-bottom:0}.shortlist-unavailable li{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-top:1px solid var(--line)}.shortlist-unavailable li>span{overflow-wrap:anywhere}
.shortlist-tip{background:#f4eef9;padding:15px 20px;font-size:13px;color:var(--purple)}.shortlist-tip a{text-decoration:underline;text-underline-offset:3px}.compare-scroll-hint{font-size:12px;margin-bottom:12px;color:#73687d}
.compare-scroll{overflow-x:auto;overscroll-behavior-x:contain;max-width:100%;border:1px solid var(--line);scrollbar-color:#a088b7 #f2edf6}.compare-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;min-width:620px;font-size:13px}.compare-table:has(thead th:nth-child(4)){min-width:920px}
.compare-table th,.compare-table td{vertical-align:top;text-align:left;padding:23px;border-bottom:1px solid var(--line);border-right:1px solid var(--line);overflow-wrap:anywhere}.compare-table th:last-child,.compare-table td:last-child{border-right:0}.compare-table tr:last-child>*{border-bottom:0}
.compare-table th:first-child{width:160px;position:sticky;left:0;z-index:1;background:#faf8fc;font-size:12px;font-weight:600;color:#52415e}.compare-table thead th{font-weight:400;background:#fff}.compare-table thead th:first-child{vertical-align:bottom}.compare-table thead th:first-child span{font-size:14px;line-height:1.5;display:block;max-width:100px}
.compare-product-link{display:block}.compare-product-link img,.compare-no-image{width:100%;height:190px;object-fit:cover;background:#f3f0f5;margin:16px 0}.compare-no-image{display:grid;place-items:center;font-size:12px;color:var(--text)}.compare-product-link>span{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--purple)}.compare-product-link h2{font-size:25px;margin:10px 0 18px;line-height:1.15}.compare-remove{font-size:11px;min-height:30px}.compare-table td{color:#5f5267;line-height:1.75}.compare-table tbody tr:nth-child(even) td{background:#fcfbfd}
.compare-quote-row .button{font-size:12px;gap:12px;padding:13px 15px}.compare-quote-row .text-link{display:flex;margin-top:17px;font-size:11px}.shortlist-spec-note{font-size:11px;line-height:1.8;max-width:800px;margin-top:22px}
.compare-tray{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);z-index:40;display:flex;align-items:center;justify-content:space-between;gap:25px;width:min(760px,calc(100% - 32px));padding:16px 22px;background:#fff;border:1px solid #d4c2e4;box-shadow:0 5px 30px #2f114d26;border-radius:4px}.compare-tray[hidden]{display:none!important}.compare-tray-copy{display:flex;flex-direction:column;gap:3px;min-width:0}.compare-tray-copy strong{color:var(--purple);font-size:14px;font-weight:600}.compare-tray-copy strong>span{font-size:11px;font-weight:400;margin-left:9px}.compare-tray-copy>span{font-size:11px;color:#706478}.compare-tray-actions{display:flex;align-items:center;gap:20px;flex-shrink:0}.compare-tray-actions .text-button{min-height:40px}.compare-tray-actions .button{gap:15px;font-size:12px}
body.has-compare-tray{padding-bottom:calc(var(--compare-tray-height,100px) + 32px)}.has-compare-tray .floating-contact{bottom:calc(var(--compare-tray-height,100px) + 42px)}.has-compare-tray .toast{bottom:calc(var(--compare-tray-height,100px) + 96px)}
.shortlist-sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1100px){.shortlist-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.header-inner{gap:20px}.header-actions{gap:12px}}
@media(max-width:760px){.shortlist-toolbar{align-items:flex-start;flex-direction:column;gap:15px}.shortlist-toolbar>div{gap:18px}.shortlist-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.compare-table th,.compare-table td{padding:17px}.compare-table th:first-child{width:120px}.compare-product-link img,.compare-no-image{height:160px}.compare-product-link h2{font-size:22px}.compare-table{min-width:570px}.compare-table:has(thead th:nth-child(4)){min-width:800px}.shortlist-page{padding-bottom:55px}.shortlist-state{padding:45px 22px;min-height:280px}.shortlist-state p{font-size:13px}.shortlist-unavailable{padding:20px}}
@media(max-width:640px){.header-compare{display:none}.header-saved{gap:3px;font-size:21px;min-width:40px}.header-actions{gap:7px}.header-actions .button{padding:10px!important;gap:8px!important}.header-inner{gap:10px}.compare-product{min-height:40px;font-size:10px;padding:9px 10px}.save-product{width:36px;height:36px}.shortlist-toolbar>div{gap:13px 20px}.shortlist-toolbar .text-link,.shortlist-toolbar .text-button{font-size:11px}.compare-tray{bottom:10px;width:calc(100% - 20px);padding:13px 15px;gap:10px}.compare-tray-copy strong{font-size:12px}.compare-tray-copy strong>span{display:block;margin:3px 0 0;font-size:10px}.compare-tray-copy>span{display:none}.compare-tray-actions{gap:14px}.compare-tray-actions .button{font-size:11px;min-height:42px;padding:12px}.compare-tray-actions .text-button{font-size:11px}.has-compare-tray .floating-contact{bottom:calc(var(--compare-tray-height,90px) + 30px)}.has-compare-tray .toast{bottom:calc(var(--compare-tray-height,90px) + 80px)}.shortlist-intro .shortlist-device-note{font-size:11px}}
@media(prefers-reduced-motion:reduce){.shortlist-spinner{animation:none}.compare-tray .button{transition:none}}
@media(max-width:420px){.header-inner .logo{width:105px}.header-actions .button span[aria-hidden]{display:none}.header-actions .button{font-size:10px}.header-inner{gap:8px}}
