/* PC Check: exclusive dark palette, compact components and responsive layouts. */
:root {color-scheme:dark;--bg:#0b0c0f;--paper:#14161b;--raised:#1b1e25;--ink:#f2f3f5;--muted:#a9afbb;--line:#2b2f38;--accent:#ce293d;--accent-hover:#e03449;--accent-text:#ff7b89;--soft:#291820;--green:var(--accent-text);--lime:#ff7b89;--radius:10px;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}
* {box-sizing:border-box}
body {margin:0}
button,input,select {font:inherit}
button,a,input,select {-webkit-tap-highlight-color:transparent}
button,a {touch-action:manipulation}
button {cursor:pointer}
button {color:inherit}
button:disabled {cursor:not-allowed;opacity:.5}
a {color:inherit;text-decoration:none}
input[type=checkbox] {accent-color:var(--green);width:15px;height:15px;cursor:pointer;margin:0;flex-shrink:0}
select {border:1px solid var(--line);border-radius:7px;padding:8px 28px 8px 10px;cursor:pointer}
input[type=range] {accent-color:var(--green);width:100%;cursor:pointer}
.icon {width:20px;height:20px;flex-shrink:0;vertical-align:middle}
.mono,code,kbd {font-family:Consolas,"Courier New",monospace}
small {font-size:11px}
h1,h2,h3,h4,p {margin-top:0}
h1,h2,h3,h4 {letter-spacing:-.035em}
p {line-height:1.7}
button {border:0;background:none}
button .icon,a .icon {width:17px;height:17px}
.primary,.secondary {display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:8px;padding:11px 16px;font-size:12px;font-weight:600;min-height:40px}
.secondary {border:1px solid var(--line)}
.text-button {display:inline-flex;align-items:center;gap:6px;padding:6px 0;font-weight:600}
.text-button:hover {text-decoration:underline}
.icon-button {width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line)}
.brand {display:inline-flex;align-items:center;font-weight:850;white-space:nowrap}
.brand>span:not(.brand-symbol) {letter-spacing:-.04em;margin-left:4px}
.brand-symbol {display:grid;place-items:center;margin-right:9px}
.brand-symbol .icon {width:21px;height:21px}
.brand small {padding:3px 5px;margin-left:10px}
.header {border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.header-inner {max-width:1340px;padding:0 45px;margin:auto;display:flex;align-items:center;justify-content:space-between;height:100%;gap:24px}
.header nav {display:flex;height:100%;align-items:center}
.header nav a {position:relative;display:flex;align-items:center;gap:7px;height:100%}
.header nav a.current {font-weight:650}
.header nav a.current:after {content:'';position:absolute;bottom:0}
.nav-count {border-radius:5px;padding:2px 6px}
.container {max-width:1340px;padding:0 45px;margin:auto}
.hero {display:grid;grid-template-columns:1.35fr 1fr;gap:65px;padding:52px 0 33px;align-items:center}
.eyebrow {font-weight:700;display:flex;align-items:center;gap:7px}
.status-dot {width:6px;height:6px;border-radius:50%;background:var(--paper);box-shadow:0 0 0 3px #e7eedf}
.hero h1 {font-size:clamp(36px,3.8vw,53px);font-weight:720;letter-spacing:-.055em;line-height:1.13;margin:18px 0 17px}
.hero h1 span {color:var(--green)}
.hero p {font-size:13px;color:var(--muted);line-height:1.8;margin-bottom:24px}
.search-box {display:flex;align-items:center;gap:12px;border:1px solid var(--line)}
.search-box>.icon {width:17px;height:17px}
.search-box input {min-width:0;flex:1;border:0;background:none;outline:none}
.search-box kbd {font-size:11px;border:1px solid var(--line)}
.search-box .primary {padding:9px 13px}
.hero-stores {display:flex;align-items:center;gap:22px;margin-top:22px}
.hero-stores>span {color:var(--muted);max-width:108px;line-height:1.7}
.hero-stores b {font-size:17px;letter-spacing:-.04em}
.kabum-word {font-style:italic;color:var(--muted)}
.pichau-word {font-size:13px!important;letter-spacing:.02em!important;color:var(--muted)}
.tera-word {font-size:12px!important;letter-spacing:-.07em!important;color:var(--muted)}
.tera-word span {font-size:8px;margin-left:2px}
.hero-feature {background:var(--paper);border:1px solid var(--line);border-radius:17px;overflow:hidden;position:relative;align-self:stretch;display:flex;flex-direction:column;min-width:0;max-height:338px}
.feature-header {display:flex;align-items:center;justify-content:space-between;padding:19px 22px 0;color:var(--muted);letter-spacing:.1em;font-weight:650}
.feature-header .icon {width:19px;height:19px}
.feature-device {flex:1;min-height:150px;position:relative;text-align:center;display:grid;place-items:center;background:radial-gradient(ellipse at center,var(--paper) 0,transparent 65%)}
.feature-device .device {height:176px;width:90%;transform:rotate(-6deg)}
.device-caption {position:absolute;bottom:0;right:13px;font-size:7px;color:var(--muted)}
.feature-footer {display:flex;gap:16px;align-items:center;justify-content:space-between;padding:12px 22px 14px}
.feature-footer h2 {font-size:20px;margin:4px 0 0;letter-spacing:-.04em}
.feature-footer small {color:var(--muted)}
.feature-footer>div:last-child {text-align:right}
.feature-footer strong {display:block;font-size:22px;letter-spacing:-.06em;margin-top:4px;color:var(--green);white-space:nowrap}
.feature-link {background:var(--paper);border-top:1px solid var(--line);padding:12px 22px;display:flex;justify-content:space-between;align-items:center;color:var(--green);font-weight:600}
.feature-link:hover {background:var(--paper)}
.trust-strip {display:grid;grid-template-columns:repeat(3,1fr);padding:19px 0;border-bottom:1px solid var(--line);border-top:1px solid var(--line);gap:30px}
.trust-strip>span {display:grid;grid-template-columns:24px 1fr;column-gap:10px;align-items:center}
.trust-strip .icon {grid-row:span 2;color:var(--muted);width:19px;height:19px}
.trust-strip b {font-weight:600}
.trust-strip i {font-style:normal;color:var(--muted);margin-top:3px}
.section-heading {display:flex;justify-content:space-between;align-items:end;padding-top:34px;margin-bottom:23px}
.section-heading h2 {letter-spacing:-.035em}
.snapshot-label {display:flex;align-items:center;gap:6px}
.snapshot-label .icon {width:14px;height:14px}
.category-tabs {display:flex;overflow:auto;padding:0 0 22px;border-bottom:1px solid var(--line)}
.category-tabs button {border:1px solid var(--line);display:flex;align-items:center;gap:7px;white-space:nowrap}
.category-tabs .icon {width:16px;height:16px}
.catalog-layout {display:grid}
.sidebar {border-right:1px solid var(--line);padding-right:22px}
.filter-heading {display:flex;justify-content:space-between}
.filter-heading h3 {display:flex;gap:7px;align-items:center;font-weight:650}
.filter-heading .icon {width:15px;height:15px}
.filter-heading .text-button {font-weight:500;font-size:9px;color:var(--muted)}
.sidebar details {padding-bottom:22px;margin-bottom:22px}
.sidebar summary {font-weight:600;cursor:pointer;list-style:none}
.sidebar summary:after {content:'−';font-weight:400}
.sidebar details:not([open]) summary:after {content:'+'}
.filter-options {display:grid}
.filter-options label {display:flex;align-items:center}
.filter-count {margin-left:auto}
.store-dot {width:7px;height:7px;display:inline-block;background:var(--store);border-radius:2px;flex-shrink:0}
.range-heading {display:flex;align-items:center;justify-content:space-between;font-size:10px;margin:18px 0 12px}
.range-heading>span {color:var(--muted)}
.range-heading strong {font-weight:500}
.range-labels {display:flex;justify-content:space-between;margin-top:9px}
.filter-note {background:var(--paper);border:1px solid var(--line);border-radius:11px;padding:18px 13px;color:var(--green);margin-top:28px}
.filter-note>.icon {border:1px solid var(--line);border-radius:50%;padding:3px;width:27px;height:27px}
.filter-note h4 {font-size:13px;font-weight:600;line-height:1.6;margin:12px 0 7px}
.filter-note p {line-height:1.9;color:var(--muted);margin-bottom:15px}
.filter-note .icon {width:13px;height:13px}
.results-toolbar {display:flex;align-items:center;justify-content:space-between}
.sort-label {display:flex;align-items:center}
.sort-label select {padding:7px 22px 7px 9px}
.payment-bar {display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line)}
.payment-controls {display:flex;align-items:center;flex-wrap:wrap}
.segmented {display:flex;padding:3px;gap:2px}
.segmented button {border-radius:4px}
.segmented button.active {font-weight:650}
.installment-label,.compact-check {display:flex;gap:7px;align-items:center}
.installment-label select {padding:5px 22px 5px 7px}
.compact-check {line-height:1.5}
.product-grid {display:grid;align-items:stretch}
.product-card {border:1px solid var(--line);display:flex;flex-direction:column;overflow:hidden;min-width:0}
.card-top {display:flex;align-items:center;justify-content:space-between}
.product-art {position:relative;flex-shrink:0;width:100%}
.product-art .device {height:143px;width:100%;max-width:235px}
.card-body {flex:1;display:flex;flex-direction:column}
.brand-label {font-weight:650}
.product-title {text-align:left;padding:0;display:block}
.product-title h3 {margin:0}
.product-title:hover {color:var(--green)}
.tags {display:flex;flex-wrap:wrap}
.tags span {border:1px solid var(--line)}
.card-price-block {display:flex;flex-direction:column;flex:1}
.savings {display:flex}
.no-price {letter-spacing:-.045em}
.card-actions {border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}
.compare-toggle {display:flex;align-items:center;cursor:pointer;position:relative}
.compare-toggle .icon {width:11px;height:11px}
.compare-toggle.selected {color:var(--green)}
.card-actions .text-button {white-space:nowrap}
.dataset-note {display:flex;gap:7px}
.dataset-note .icon {width:13px;height:13px;margin-top:2px}
.build-section {border:1px solid var(--line);border-radius:15px;display:grid;grid-template-columns:1fr 1fr}
.build-section h2 {max-width:300px;line-height:1.25}
.build-section p {color:var(--muted);max-width:360px;margin:0}
.build-check {display:grid;border:1px solid var(--line);border-radius:10px}
.build-check #compatibility-result {line-height:1.7;border-top:1px solid var(--line);padding-top:10px}
footer {margin:auto;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);gap:20px}
footer .brand {font-size:16px}
footer p {font-size:9px;color:var(--muted);margin:0}
footer>div {display:flex;align-items:center;gap:20px}
footer>div>span {font-size:8px;color:var(--muted)}
footer .text-button {font-size:9px}
.compare-dock {position:fixed;z-index:25;bottom:18px;left:50%;transform:translateX(-50%);width:min(800px,calc(100% - 32px));display:flex;align-items:center;border:1px solid var(--line);border-radius:12px}
.dock-icon {padding:9px;border-radius:7px}
.compare-dock>div {flex:1;min-width:0}
.compare-dock strong {display:block}
.compare-dock small {display:block;margin-top:4px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.compare-dock .text-button {font-size:10px}
.compare-dock .primary {font-size:11px;white-space:nowrap}
.page-heading h1 {line-height:1.2}
.page-heading p {margin:0}
.empty-state {display:grid;justify-items:center;text-align:center;border:1px dashed var(--line);border-radius:12px;grid-column:1/-1}
.empty-state p {max-width:500px;color:var(--muted)}
.empty-state h3 {font-size:19px}
.comparison-empty .text-button {margin-top:18px}
.compare-toolbar {display:flex;align-items:center;justify-content:space-between;margin:0 0 24px;flex-wrap:wrap}
.table-scroll {overflow:auto}
table {width:100%;border-collapse:collapse;text-align:left;font-size:12px}
td,th {padding:17px 14px;border-bottom:1px solid var(--line);vertical-align:middle}
thead th {font-size:10px;font-weight:500;color:var(--muted);background:var(--paper)}
td small,th small {display:block;color:var(--muted);margin-top:6px;line-height:1.5}
.comparison-table {border-radius:12px;table-layout:fixed}
.comparison-table thead th {vertical-align:top;position:relative;width:29%;min-width:190px}
.comparison-table thead th:first-child {font-size:13px;color:var(--ink)}
.comparison-table thead .device {width:100%;height:145px;display:block}
.comparison-table code {color:var(--muted)}
.comparison-table .text-button {display:block}
.comparison-table tbody th {font-weight:500;width:22%}
.comparison-table .context-cell {font-size:11px;line-height:1.9;vertical-align:top}
.compare-price {letter-spacing:-.04em}
.remove-compare {position:absolute;right:15px;top:12px;width:24px;height:24px}
.remove-compare .icon {width:13px;height:13px}
.info-note {border:1px solid var(--line);border-radius:8px}
.info-note .icon {width:16px;height:16px;margin-right:5px}
.history-notice {display:flex;align-items:center;border:1px solid var(--line);border-radius:12px}
.history-notice>div {flex:1}
.history-notice strong {font-size:14px}
.history-notice p {color:var(--muted);margin:7px 0 0}
.badge {border:1px solid var(--line);border-radius:5px;padding:5px 8px;white-space:nowrap}
.history-grid {display:grid;grid-template-columns:repeat(3,1fr)}
.history-card {border:1px solid var(--line);border-radius:12px}
.history-card-title {display:flex;align-items:center;gap:10px}
.history-card-title h3 {font-size:15px;margin:0}
.history-mini {display:grid;gap:6px}
.history-mini span {color:var(--muted)}
.history-mini strong {letter-spacing:-.055em}
.history-bottom {display:flex;justify-content:space-between;border-top:1px solid var(--line);align-items:center}
.history-bottom>span {color:var(--muted)}
.history-bottom .text-button {font-size:9px}
.collection-status {border:1px solid var(--line);border-radius:12px}
.source-status {display:grid;grid-template-columns:repeat(3,1fr)}
.source-status>div {display:grid;border:1px solid var(--line);border-radius:8px}
.source-status strong {font-size:14px}
.source-status small {color:var(--muted)}
.collection-status>p {font-size:12px;color:var(--muted);margin-top:20px}
.stock-status {white-space:nowrap}
.loading {height:100vh;display:grid;align-content:center;justify-items:center;color:var(--green)}
.loading strong {font-size:35px;letter-spacing:-.07em}
.loading p {font-size:13px;margin-top:15px}
.skip {position:fixed;top:-100px;left:15px;z-index:100;padding:12px}
.skip:focus {top:15px}
#toast {position:fixed;bottom:30px;left:50%;transform:translate(-50%,25px);max-width:min(580px,90vw);padding:14px 22px;border-radius:9px;z-index:80;opacity:0;pointer-events:none;transition:.2s}
#toast.visible {opacity:1;transform:translate(-50%,0)}
dialog {border:1px solid var(--line);padding:0;width:min(970px,calc(100vw - 36px));overscroll-behavior:contain}
.dialog-head {display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);color:var(--muted);position:sticky;top:0;z-index:2}
.dialog-head .icon-button {width:28px;height:28px}
.product-overview {display:grid}
.detail-art {display:grid;place-items:center}
.detail-art .device {width:100%;max-height:240px}
.product-overview p {color:var(--muted)}
.product-overview code {border-radius:4px}
.detail-price {display:flex;align-items:baseline;flex-wrap:wrap}
.detail-price strong {font-size:30px;letter-spacing:-.055em;color:var(--green)}
.detail-price span {font-size:10px;color:var(--muted)}
.detail-actions {display:flex;flex-wrap:wrap}
.detail-actions .primary,.detail-actions .secondary {font-size:10px;padding:9px 12px;min-height:34px}
.detail-tabs {display:flex;border-bottom:1px solid var(--line);overflow:auto}
.detail-tabs button {white-space:nowrap;border-bottom:2px solid transparent}
.detail-tabs button[aria-selected=true] {font-weight:600}
.detail-tabs span {padding:2px 5px;margin-left:4px;border-radius:4px}
.offer-table td {font-size:12px}
.store-name {display:flex;gap:8px;align-items:center;font-size:14px}
.offer-price {letter-spacing:-.035em}
.offer-table td:last-child {text-align:right}
.store-link {display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line);padding:8px 10px;border-radius:6px;margin-left:10px}
.subtle {color:var(--muted)}
.plans-details,.source-details,.history-data {border:1px solid var(--line);border-radius:9px;font-size:12px}
.plans-details summary,.source-details summary,.history-data summary {cursor:pointer;font-weight:600}
.plans-details>p {color:var(--muted);margin:15px 0 0}
.missing-metric {display:flex;justify-content:space-between;padding-top:14px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}
.missing-metric strong {font-size:10px;color:var(--muted)}
.spec-grid {display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:9px;overflow:hidden}
.spec-grid>div {border-bottom:1px solid var(--line);display:flex;flex-direction:column}
.spec-grid>div:nth-child(odd) {border-right:1px solid var(--line)}
.spec-grid span {color:var(--muted)}
.spec-grid strong {font-size:13px;font-weight:550}
.source-details>div {border-bottom:1px solid var(--line)}
.source-details p {color:var(--muted);margin:10px 0}
.source-details a {font-size:11px;color:var(--green)}
.metrics {display:grid;grid-template-columns:repeat(3,1fr)}
.metrics>div {border:1px solid var(--line);border-radius:9px;display:flex;flex-direction:column}
.metrics span {color:var(--muted)}
.metrics strong {letter-spacing:-.04em}
.metrics small {color:var(--muted)}
.history-chart {border:1px solid var(--line);border-radius:10px}
.chart-heading {display:flex;align-items:center;justify-content:space-between}
.chart-row {display:grid;grid-template-columns:65px 1fr 100px;gap:12px;align-items:center;margin:16px 0}
.chart-row>span {font-size:11px;color:var(--muted)}
.chart-row strong {font-size:12px;text-align:right}
.chart-track {height:17px;background:var(--paper);border-radius:3px;overflow:hidden}
.chart-track>span {height:100%;display:block;background:var(--store);opacity:.7;border-radius:3px}
.history-chart .subtle {margin:25px 0 0}
.history-data table {margin-top:15px}
#alert-dialog {max-width:450px}
#alert-form h2 {margin:15px 0}
#alert-form>p {color:var(--muted)}
#alert-form>label {display:block;font-size:12px;font-weight:600;margin-bottom:9px}
#target-price {width:100%;border:1px solid var(--line);border-radius:7px;padding:12px}
#alert-form>.primary {width:100%}
[hidden] {display:none!important}
@media(min-width:1500px) {
.container,.header-inner {max-width:1440px}
.hero {gap:110px}
.product-art,.product-art .device {height:160px}
.product-title h3 {font-size:16px}
.price {font-size:27px}
.tags span {font-size:8px}
.card-actions .text-button,.compare-toggle {font-size:10px}
.price-caption {font-size:9px}
.hero h1 {font-size:56px}
}
@media(max-width:1050px) {
.header-inner,.container {padding-left:25px;padding-right:25px}
.header nav {gap:20px}
.hero {gap:30px}
.hero h1 {font-size:41px}
.hero-stores {gap:15px}
.feature-footer {padding:10px 15px}
.feature-footer strong {font-size:19px}
.feature-footer h2 {font-size:17px}
.catalog-layout {grid-template-columns:160px 1fr;gap:20px}
.sidebar {padding-right:15px}
.product-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
.category-tabs button {padding:10px;font-size:9px}
.history-grid {grid-template-columns:repeat(2,1fr)}
footer {margin:0 25px}
.card-actions .text-button,.compare-toggle {font-size:10px}
.price-caption,.savings {font-size:9px}
.card-actions .icon {width:13px;height:13px}
.product-title h3 {font-size:16px}
.tags span {font-size:8px}
}
@media(max-width:740px) {
.header-inner {flex-wrap:wrap;gap:0}
.header nav {order:2;width:100%;justify-content:space-between}
.hero {grid-template-columns:1fr;padding-top:31px;gap:26px}
.hero h1 {font-size:43px}
.hero p {font-size:12px}
.hero-stores {justify-content:space-between;margin-top:20px}
.hero-feature {max-height:290px;min-height:275px}
.feature-device .device {height:144px}
.feature-header {padding-top:15px}
.feature-footer h2 {font-size:20px}
.feature-footer strong {font-size:24px}
.trust-strip {gap:12px;padding:16px 0}
.trust-strip>span {grid-template-columns:1fr;justify-items:start;gap:6px}
.trust-strip .icon {grid-row:auto;width:16px;height:16px}
.trust-strip i {line-height:1.5;max-width:93px}
.section-heading {padding-top:28px;display:block}
.snapshot-label {font-size:9px}
.sidebar {border:1px solid var(--line);flex-wrap:wrap;gap:0 17px;align-items:start}
.filter-heading {width:100%;margin:0 0 13px}
.filter-heading h3 {font-size:12px}
.sidebar details {flex:1;margin:0;padding:0;border:0}
.filter-options {gap:10px;margin:13px 0 3px}
.filter-options label {gap:6px}
.range-heading {margin:12px 0}
.range-heading strong {font-size:9px}
.filter-note {display:none}
.results-toolbar {margin-bottom:12px}
.payment-bar {flex-wrap:wrap}
.payment-controls {gap:8px}
.product-card {border-radius:9px}
.product-art,.product-art .device {height:115px}
.price-caption {font-size:7px;line-height:1.6}
.savings {font-size:7px;line-height:1.6;margin-top:5px;align-items:flex-start}
.savings .icon {margin-top:2px}
.compare-toggle .icon {display:none}
.card-actions .text-button .icon {width:11px;height:11px}
.build-section {margin-top:20px;margin-bottom:30px}
footer {flex-wrap:wrap;gap:10px}
footer p {font-size:8px}
footer>div {width:100%;justify-content:space-between}
.compare-dock {padding:12px;gap:10px;bottom:10px}
.dock-icon {display:none}
.compare-dock small {max-width:140px}
.compare-dock .primary {padding:8px}
.compare-toolbar {gap:14px}
.comparison-table thead th {padding:20px 15px}
.comparison-table td {padding:15px}
.history-notice {flex-wrap:wrap}
.history-notice>.icon {width:22px;height:22px}
.history-notice p {font-size:10px}
.history-grid {grid-template-columns:1fr;gap:13px}
.history-card {padding:20px}
.history-mini {padding:20px 0}
.source-status {grid-template-columns:1fr;gap:10px}
.detail-art .device {height:155px}
.detail-price {margin:18px 0}
.detail-price strong {font-size:28px}
.offer-table {min-width:600px}
.offer-table td {padding:18px 12px}
.spec-grid {grid-template-columns:1fr}
.spec-grid>div:nth-child(odd) {border-right:0}
.metrics {grid-template-columns:1fr;gap:9px}
.chart-row {grid-template-columns:55px 1fr 80px;gap:8px}
.chart-row strong {font-size:10px}
.history-data {overflow:auto}
.comparison-empty h2 {font-size:23px}
}
@media(prefers-reduced-motion:reduce) {
* {scroll-behavior:auto!important;transition:none!important}
}
.trust-strip b {font-size:11px}
.trust-strip i {font-size:10px}
.brand-label,.category-label,.price-label {font-size:10px}
.price-caption,.savings {font-size:10px;line-height:1.6}
.compare-toggle,.card-actions .text-button {font-size:10px}
.results-toolbar,.sort-label {font-size:11px}
.filter-note p {font-size:11px}
.feature-footer small {font-size:10px}
.feature-header {font-size:9px}
.feature-link {font-size:11px}
.hero-stores>span {font-size:10px}
.filter-note .text-button {font-size:10px}
@media(max-width:740px) {
.eyebrow {font-size:9px}
.trust-strip b {font-size:10px}
.trust-strip i {font-size:9px}
.category-label,.brand-label {font-size:9px}
.filter-options label {font-size:10px}
.hero-stores>span {font-size:9px}
}
.saved-target {margin:9px 0 0;padding:7px 8px;border-radius:4px}
.unit-price {padding:18px 20px;border:1px solid var(--line);border-radius:9px;margin-bottom:20px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.unit-price span {font-size:11px;color:var(--muted)}
.unit-price strong {font-size:22px;letter-spacing:-.04em;color:var(--green)}
.unit-price small {font-size:10px;color:var(--muted)}
@media(max-width:740px) {
.explore-section {scroll-margin-top:110px}
.sidebar details {min-width:0}
}
.category-label,.brand-label,.price-label,.price-caption,.snapshot-label,.dataset-note,.trust-strip i,.hero p,.filter-options label,.filter-note p,.hero-stores>span {color:var(--muted)}
.saved-target {text-align:left}
#alert-form>.text-button {display:block;margin:12px auto 0}
.product-image {display:flex;width:100%;height:100%;align-items:center;justify-content:center;overflow:hidden}
.product-photo {display:block;width:100%;height:100%;object-fit:contain}
.feature-device .product-image {height:176px}
.image-unavailable {display:none;color:var(--muted);font-size:13px}
.image-failed .product-photo {display:none}
.image-failed .image-unavailable {display:block}
.photo-source {font-size:12px;color:var(--muted)}
.photo-source a {color:var(--green)}
@media(max-width:740px) {
.feature-device .product-image {height:144px}
}
.pending-art {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;height:143px;color:var(--muted);font-size:11px}
.pending-art>.icon {width:58px;height:58px;opacity:.55}
.detail-art .pending-art {height:240px}
.catalog-coverage {flex-wrap:wrap;gap:8px 20px;align-items:center;border-radius:8px}
.catalog-coverage span {color:var(--muted)}
.compare-toggle:has(input:disabled) {opacity:.5;cursor:not-allowed}
.catalog-search {margin:0 0 20px;width:100%;max-width:none}
.catalog-search input {min-width:0;flex:1}
.explore-section>.section-heading {padding-top:30px}
.history-controls {border:0;padding:0;margin:0 0 18px;display:flex;flex-wrap:wrap}
.history-controls legend {font-size:11px;color:var(--muted)}
.history-controls label {display:inline-flex;align-items:center;cursor:pointer}
.line-key {display:inline-block;width:22px;border-top:3px solid var(--line-color)}
.line-key.dashed {border-top-style:dashed}
.line-chart-scroll {overflow-x:auto}
.price-line-chart {display:block;width:100%;min-width:530px;height:auto;overflow:visible}
.price-line-chart text {font-size:11px}
.chart-gridline {stroke-width:1}
.price-line-chart circle:focus {outline:none;stroke:var(--line);stroke-width:3;r:6}
.history-current {display:flex;flex-wrap:wrap;gap:12px 24px;font-size:12px;margin-top:10px;color:var(--muted)}
.history-current strong {color:var(--ink)}
@media(max-width:740px) {
.catalog-search {padding:8px;gap:8px}
.catalog-search kbd {display:none}
.catalog-search .primary {padding:8px 12px}
.chart-heading {gap:10px;flex-wrap:wrap}
.history-current {font-size:11px}
}
.chart-tooltip {position:fixed;z-index:100;max-width:min(410px,calc(100vw - 16px));padding:13px 16px;border-radius:9px;line-height:1.8;white-space:pre-line;pointer-events:none}
.previous-price {display:flex;flex-direction:column;gap:5px}
.price-status {display:flex;align-items:flex-start;gap:5px;font-size:10px;line-height:1.5}
.price-status .icon {width:13px;height:13px;flex-shrink:0;margin-top:1px}
.detail-price .previous-price>.price {font-size:32px}
.comparison-table .previous-price>.price {font-size:26px}
@media(max-width:740px) {
.price-status {font-size:9px}
.detail-price .previous-price>.price {font-size:28px}
}
.price-line-chart circle:hover {stroke:var(--line);stroke-width:2;r:6}
#filters-panel {min-width:0}
.sidebar {border:1px solid var(--border,var(--line));align-self:start;position:sticky;overflow:auto;scrollbar-width:thin}
.filter-heading {align-items:center}
.filter-heading h3 {margin:6px 0 0}
.sidebar summary {display:flex;align-items:center;justify-content:space-between;gap:8px}
.sidebar summary span {font-weight:400}
.sidebar details {margin:0;border-bottom:0;border-top:1px solid var(--line)}
.facet-options {overflow:auto}
.filter-options label {cursor:pointer}
.filter-options label>span:not(.filter-count):not(.store-dot) {flex:1}
.option-empty {opacity:.5}
.filter-count {border-radius:5px}
.filter-hint {margin:12px 0 0}
.price-inputs {display:flex;align-items:center}
.price-inputs label {flex:1;min-width:0;color:var(--muted)}
.price-inputs input {display:block;width:100%;box-sizing:border-box;margin-top:6px;border:1px solid var(--line);border-radius:7px;font:inherit}
.dual-range {position:relative}
.dual-range input[type=range] {appearance:none;position:absolute;inset:0;width:100%;height:28px;background:none;margin:0;pointer-events:none}
.dual-range input::-webkit-slider-thumb {appearance:none;width:18px;height:18px;border-radius:50%;pointer-events:auto;cursor:ew-resize}
.dual-range input::-moz-range-thumb {width:16px;height:16px;border-radius:50%;pointer-events:auto;cursor:ew-resize}
.dual-range input:focus-visible {outline:2px solid var(--line);outline-offset:5px;border-radius:8px}
.range-labels {gap:8px}
.filter-panel-footer {display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line)}
.filter-open,.mobile-close,.filter-backdrop {display:none}
.active-filters {display:flex;flex-wrap:wrap;align-items:center;margin:0 0 16px}
.filter-chip {display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);cursor:pointer}
.results-toolbar {flex-wrap:wrap}
.category-tabs {overflow-x:auto;flex-wrap:nowrap;scrollbar-width:thin}
.category-tabs button {flex-shrink:0}
@media(min-width:741px) and (max-width:1000px) {
.catalog-layout {grid-template-columns:240px minmax(0,1fr)}
}
@media(max-width:740px) {
.filter-open,.mobile-close {display:inline-flex}
.filter-open {font-size:11px;padding:8px 10px}
.sidebar {display:block;position:fixed;inset:0 0 0 auto;box-sizing:border-box;z-index:81;border-radius:16px 0 0 16px;height:100dvh;transform:translateX(110%);visibility:hidden;transition:transform .2s ease,visibility .2s;overflow:auto}
.sidebar.is-open {transform:translateX(0);visibility:visible}
.filter-backdrop.is-open {display:block;position:fixed;inset:0;z-index:80;border:0;cursor:pointer}
.filter-panel-footer {position:sticky;margin-top:12px}
.filter-panel-footer .primary {font-size:12px}
.filters-open {overflow:hidden}
.results-toolbar .sort-label {margin-left:auto}
.results-toolbar #result-count {order:3;width:100%}
.sidebar .filter-options label {min-height:40px}
.sidebar .filter-heading {position:sticky;z-index:2}
.dual-range input::-webkit-slider-thumb {width:24px;height:24px}
.active-filters {gap:6px}
}
@media(prefers-reduced-motion:reduce) {
.sidebar {transition:none}
}
body {background:var(--bg)}
::selection {background:var(--accent);color:#fff}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible {outline:2px solid var(--accent-text);outline-offset:3px}
input[type=checkbox],input[type=range] {accent-color:var(--accent)}
select {background:var(--raised);color:var(--ink);font-size:12px;border-color:var(--line)}
.primary {background:var(--accent);color:#fff;border:1px solid var(--accent);padding:9px 13px;min-height:36px;border-radius:6px;font-size:12px}
.primary:hover {background:var(--accent-hover)}
.secondary {background:var(--raised);color:var(--ink);border-color:var(--line);min-height:36px;padding:9px 13px}
.secondary:hover {background:#242832;border-color:#626875}
.text-button {color:var(--accent-text);font-size:12px}
.icon-button {background:var(--raised);border-radius:6px;border-color:var(--line)}
.icon-button:hover {background:var(--soft);border-color:var(--accent-text);color:var(--accent-text)}
.is-favorite {color:var(--accent-text);background:var(--soft)}
.is-favorite svg {fill:#ce293d55}
.brand {font-size:21px;letter-spacing:-.055em;gap:3px}
.brand>span:not(.brand-symbol) {color:var(--accent-text);font-weight:700}
.brand-symbol {background:var(--accent);color:#fff;width:31px;height:31px;border-radius:7px;box-shadow:none}
.brand small {font-size:9px;color:var(--muted);background:var(--raised);border:1px solid var(--line);border-radius:4px;letter-spacing:.05em}
.header {height:64px;background:#101115;border-color:var(--line)}
.header-inner,.container {max-width:1600px;padding-left:32px;padding-right:32px}
.header nav {gap:8px}
.header nav a {font-size:13px;padding:0 15px;color:var(--muted)}
.header nav a.current {color:var(--ink)}
.header nav a.current:after {height:3px;background:var(--accent);left:14px;right:14px}
.header nav a.current>.icon {color:var(--accent-text)}
.header nav a:hover {color:var(--ink)}
.nav-count {background:var(--raised);color:var(--ink);border:1px solid var(--line);font-size:10px}
.eyebrow {color:var(--muted);font-size:10px;letter-spacing:.12em}
.section-heading,.explore-section>.section-heading {padding:24px 0 18px;margin:0;gap:16px;align-items:center}
.section-heading h2 {font-size:25px;font-weight:700;margin:7px 0 0;line-height:1.2}
.catalog-meta {display:flex;align-items:flex-end;flex-direction:column;gap:7px}
.catalog-coverage {font-size:12px;color:var(--muted);background:none;border:0;padding:0;margin:0;display:block}
.catalog-coverage strong {color:var(--ink);font-weight:650}
.snapshot-label {font-size:11px;color:var(--muted)}
.category-tabs {gap:6px;padding-bottom:13px;border-color:var(--line)}
.category-tabs button {font-size:12px;padding:9px 12px;border-radius:6px;color:var(--muted);background:var(--paper);border-color:var(--line)}
.category-tabs button.active {background:var(--soft);border-color:#b4384b;color:#fff;box-shadow:inset 0 -2px var(--accent)}
.category-tabs button.active .icon {color:var(--accent-text)}
.category-tabs button:hover:not(.active) {background:var(--raised);color:var(--ink)}
.catalog-layout {grid-template-columns:248px minmax(0,1fr);gap:18px;margin-top:18px}
.results {min-width:0}
.explore-section {scroll-margin-top:78px}
.sidebar {padding:16px;background:var(--paper);border-color:var(--line);border-radius:10px;top:80px;max-height:calc(100dvh - 96px);scrollbar-color:#535967 transparent}
.filter-heading {margin-bottom:12px}
.filter-heading h3 {font-size:14px;margin-top:6px}
.filter-heading .eyebrow {font-size:10px;letter-spacing:.05em}
.sidebar details {padding:12px 0;border-color:var(--line)}
.sidebar summary {font-size:12px;color:var(--ink)}
.sidebar summary::-webkit-details-marker {display:none}
.sidebar summary:after {color:var(--muted)}
.sidebar summary span {font-size:10px;color:var(--muted);margin-left:auto}
.filter-options {gap:2px;margin-top:9px}
.filter-options label {font-size:12px;color:#c3c8d1;min-height:30px;padding:3px 0;border-radius:4px;gap:8px}
.filter-options label:hover {background:var(--raised)}
.filter-options label>span:not(.filter-count):not(.store-dot) {min-width:0;overflow-wrap:anywhere}
.filter-count {font-size:10px;color:var(--muted);background:var(--raised);padding:2px 5px;min-width:22px;text-align:center}
.facet-options {max-height:212px;scrollbar-color:#535967 transparent}
.filter-hint {font-size:11px;color:var(--muted);line-height:1.55;margin-top:9px}
.price-inputs {margin:12px 0;gap:6px}
.price-inputs label {font-size:11px}
.price-inputs input {background:var(--bg);color:var(--ink);border-color:#434955;padding:9px 7px;font-size:12px;font-variant-numeric:tabular-nums}
.dual-range {height:28px;margin:8px 0;background:linear-gradient(to right,var(--line) var(--start),var(--accent) var(--start),var(--accent) var(--end),var(--line) var(--end)) center/100% 3px no-repeat}
.dual-range input::-webkit-slider-thumb {background:#f3f4f6;border:3px solid var(--accent);box-shadow:0 1px 5px #0009}
.dual-range input::-moz-range-thumb {background:#f3f4f6;border:3px solid var(--accent)}
.dual-range input:focus-visible {outline-color:var(--accent-text)}
.range-labels {font-size:10px;color:var(--muted)}
.filter-panel-footer {border-color:var(--line);padding-top:7px}
.active-filters {gap:6px;margin-bottom:12px}
.filter-chip {background:var(--soft);border-color:#71303f;border-radius:5px;color:#ffbac3;padding:6px 9px;font-size:11px}
.filter-chip:hover {border-color:var(--accent-text)}
.filter-chip .icon {width:12px;height:12px}
.search-box {background:var(--paper);border-color:#434955;border-radius:8px;padding:5px 5px 5px 13px;box-shadow:none}
.search-box:focus-within {border-color:var(--accent-text);box-shadow:0 0 0 2px #ce293d1f}
.search-box input {font-size:13px;color:var(--ink);height:34px}
.search-box input::placeholder {color:var(--muted)}
.search-box>.icon {color:var(--muted)}
.search-box kbd {color:var(--muted);background:var(--raised);border-color:var(--line);border-radius:4px;padding:2px 6px}
.search-box .primary {min-height:34px;font-size:12px}
.catalog-search {margin-bottom:12px}
.results-toolbar {font-size:12px;color:var(--muted);gap:10px;margin-bottom:10px}
.results-toolbar b {color:var(--ink);font-weight:700}
.sort-label {font-size:11px;gap:7px}
.sort-label select {font-size:12px}
.payment-bar {padding:8px 12px;margin-bottom:12px;background:var(--paper);border-color:var(--line);border-radius:8px}
.payment-bar>span {font-size:12px;color:#d0d4dc}
.payment-bar small {display:block;font-size:10px;margin-top:3px;color:var(--muted)}
.payment-controls {gap:10px}
.segmented {background:var(--bg);border:1px solid var(--line);border-radius:6px}
.segmented button {font-size:12px;color:var(--muted);padding:6px 12px}
.segmented button.active {background:var(--accent);color:#fff;box-shadow:none}
.installment-label,.compact-check {font-size:12px}
.installment-label select {font-size:12px}
.product-grid {gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}
.product-card {background:var(--paper);border-color:var(--line);border-radius:10px;position:relative;transition:border-color .15s,transform .15s,box-shadow .15s}
.product-card:hover {border-color:#7f3a47;box-shadow:0 6px 18px #0005;transform:translateY(-2px)}
.product-card:has(.compare-toggle input:checked) {border-color:var(--accent-text)}
.card-top {padding:10px 12px 0}
.category-label {font-size:10px;font-weight:600;color:var(--muted)}
.card-top .icon-button {width:27px;height:27px}
.card-top .icon {width:14px;height:14px}
.product-art {display:flex;align-items:center;justify-content:center;height:116px;padding:6px 12px;background:none}
.product-art .product-image {width:152px;height:102px;padding:6px;background:#d5d7db;border:1px solid #adb0b7;border-radius:7px}
.product-photo {mix-blend-mode:multiply}
.card-body {padding:7px 12px 0}
.brand-label {font-size:10px;color:var(--muted);letter-spacing:.03em}
.product-title {min-height:40px;margin-top:5px}
.product-title h3 {font-size:14px;line-height:1.4;font-weight:650;color:var(--ink);overflow-wrap:anywhere}
.product-title:hover h3 {color:var(--accent-text)}
.card-mpn {font-size:10px;color:var(--muted);display:block;margin-top:4px;overflow-wrap:anywhere}
.tags {margin-top:8px;gap:4px}
.tags span {font-size:10px;background:var(--raised);border-color:var(--line);color:#c4cad5;padding:3px 5px;border-radius:4px;white-space:normal;overflow-wrap:anywhere}
.card-price-block {margin-top:12px;min-height:104px}
.price-label {font-size:11px;color:var(--muted)}
.price {font-size:26px;font-weight:750;letter-spacing:-.035em;line-height:1.4;color:var(--ink);font-variant-numeric:tabular-nums}
.price-caption {font-size:10px;color:var(--muted);line-height:1.6}
.savings {font-size:10px;color:#ffacb7;margin-top:5px;gap:4px;align-items:flex-start;line-height:1.5;min-height:0}
.savings .icon {width:12px;height:12px;margin-top:2px}
.store-quotes {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:9px;padding-top:9px;border-top:1px solid var(--line)}
.store-quote {display:flex;flex-direction:column;gap:4px;min-width:0}
.store-quote>span {display:flex;gap:4px;align-items:center;font-size:10px;color:var(--muted)}
.store-quote strong {font-size:11px;white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:600}
.store-quote.unavailable strong {color:var(--muted)}
.card-actions {border-color:var(--line);padding:8px 0;margin-top:10px;gap:6px}
.compare-toggle {font-size:11px;color:#c3c8d1;gap:5px}
.compare-toggle input {width:14px;height:14px}
.compare-toggle .icon {display:none}
.card-actions .text-button {font-size:11px}
.card-actions .icon {width:12px;height:12px}
.saved-target {background:var(--soft);color:var(--accent-text);font-size:11px}
.saved-target:hover {background:#3b202a}
.dataset-note {font-size:11px;color:var(--muted);padding:14px 0;line-height:1.6}
.image-failed .image-unavailable {color:#343740}
.no-price {font-size:17px;margin:7px 0}
.page-heading {padding:26px 0 22px}
.page-heading h1 {font-size:30px;font-weight:700;margin:8px 0 10px}
.page-heading p {font-size:13px;color:var(--muted)}
.empty-state {background:var(--paper);color:var(--ink);border-color:#454b58;padding:38px 22px}
.empty-state>.icon {width:32px;height:32px;color:var(--accent-text);margin-bottom:12px}
.empty-state p {font-size:13px}
.comparison-empty {margin-bottom:28px}
.compare-toolbar {margin-bottom:16px;gap:14px}
.compare-toolbar>div:last-child {display:flex;gap:7px}
.table-scroll {scrollbar-width:thin;scrollbar-color:#535967 transparent}
th {background:var(--raised);color:var(--muted);font-size:11px}
td {color:var(--ink)}
th,td {border-color:var(--line);padding:12px}
td small,th small {font-size:11px}
.compare-scroll {border:1px solid var(--line);border-radius:10px}
.comparison-table {background:var(--paper);min-width:680px;border:0}
.comparison-table thead th {background:var(--paper);padding:18px 16px 15px;color:var(--ink)}
.comparison-table thead th:first-child {width:20%;padding-top:18px;vertical-align:bottom}
.comparison-table .product-image {height:108px;width:140px;margin:0 auto 10px;padding:6px;background:#d5d7db;border-radius:6px}
.comparison-table h3 {font-size:16px;margin:6px 0;color:var(--ink)}
.comparison-table code {font-size:11px;overflow-wrap:anywhere}
.comparison-table .text-button {margin-top:5px}
.comparison-table tbody th {background:var(--raised);font-size:12px}
.comparison-table td {padding:12px 16px;font-size:13px}
.compare-price {font-size:24px;font-variant-numeric:tabular-nums}
.info-note {background:var(--raised);border-color:var(--line);border-left:3px solid #71303f;color:var(--muted);font-size:12px;padding:12px 14px;margin:16px 0;line-height:1.65}
.info-note .icon {color:var(--accent-text)}
.badge {background:var(--raised);border-color:#454b58;color:#cbd0d8;font-size:10px}
.badge.green {background:var(--soft);color:#ffbac3;border-color:#71303f}
.badge.amber {background:#302619;border-color:#73582f;color:#f6ca87}
.history-notice {background:var(--paper);border-color:var(--line);padding:16px;gap:14px;margin-bottom:16px}
.history-notice>.icon {color:var(--accent-text);width:25px;height:25px}
.history-notice p {font-size:12px}
.history-grid {gap:12px;margin-bottom:24px}
.history-card {background:var(--paper);border-color:var(--line);padding:16px}
.history-card-title .icon {color:var(--accent-text)}
.history-card h3 {font-size:14px;line-height:1.45}
.history-mini {padding:16px 0}
.history-mini span {font-size:11px}
.history-mini strong {font-size:24px}
.history-bottom {padding-top:7px;border-color:var(--line);gap:7px}
.history-bottom>span {font-size:11px}
.collection-status {padding:20px;margin:18px 0 24px;background:var(--paper);border-color:var(--line)}
.collection-status h2 {font-size:20px;margin-bottom:14px}
.collection-status p {font-size:12px}
.source-status {gap:12px}
.source-status>div {background:var(--raised);border-color:var(--line);padding:14px;gap:7px}
.source-status span,.source-status small {font-size:11px}
.stock-status {color:#d3d8e0;font-size:11px}
.build-section {background:var(--paper);border-color:var(--line);margin:12px 0 24px;padding:20px;gap:24px}
.build-section h2 {font-size:21px;margin:9px 0}
.build-section p {font-size:12px}
.build-check {background:var(--raised);border-color:var(--line);padding:14px;gap:9px}
.build-check .compact-check {font-size:12px}
.build-check #compatibility-result {font-size:11px;color:var(--muted);border-color:var(--line)}
.build-check #compatibility-result.incompatible {color:#ffacb7}
.build-check #compatibility-result.needs_check {color:#f6ca87}
.compare-dock {background:var(--raised);border-color:#b4384b;padding:12px 16px;gap:14px;box-shadow:0 8px 40px #000a}
.compare-dock strong {font-size:13px}
.compare-dock small {font-size:11px}
.dock-icon {background:var(--soft);color:var(--accent-text)}
footer {max-width:1536px;padding:20px 0 28px;border-color:var(--line)}
footer p,footer>div>span,footer .text-button {font-size:11px;color:var(--muted)}
footer .text-button {color:var(--accent-text)}
.skip {background:var(--accent);color:#fff}
.loading strong {color:var(--accent-text)}
.loading p {color:var(--muted)}
#toast {background:var(--raised);color:var(--ink);border:1px solid #71303f;font-size:13px;box-shadow:0 6px 24px #0009}
dialog {background:var(--paper);color:var(--ink);border-color:#454b58;max-width:1040px;max-height:calc(100dvh - 48px);border-radius:12px;box-shadow:0 20px 80px #000b;scrollbar-width:thin}
dialog::backdrop {background:#050609c9;backdrop-filter:blur(5px)}
.dialog-head {padding:12px 22px;font-size:12px;border-color:var(--line)}
.product-overview {grid-template-columns:230px minmax(0,1fr);padding:22px;gap:24px}
.detail-art {background:#d5d7db;border:1px solid #adb0b7;border-radius:8px;padding:10px;height:190px;overflow:hidden}
.detail-art .product-image {height:100%}
.product-overview h2 {font-size:27px;line-height:1.25;margin:9px 0}
.product-overview p {font-size:12px;margin-bottom:10px}
.product-overview code {font-size:11px;color:#c4cad5;background:var(--raised);border:1px solid var(--line);padding:5px 7px;overflow-wrap:anywhere}
.detail-price {margin:14px 0;gap:10px}
.detail-price>strong,.detail-price .price {font-size:30px;color:var(--ink)}
.detail-price>span {font-size:11px}
.detail-actions {gap:8px}
.detail-tabs {margin:0 22px;gap:24px;border-color:var(--line);overflow-x:auto}
.detail-tabs button {font-size:12px;padding:13px 0;color:var(--muted)}
.detail-tabs button[aria-selected=true] {color:var(--ink);border-color:var(--accent)}
.detail-tabs span {background:var(--raised);font-size:10px}
.detail-content {padding:18px 22px 22px}
.detail-content>.payment-controls {margin-bottom:14px}
.offer-table td {padding:14px 10px}
.offer-table th {padding:10px}
.offer-table tbody tr:hover {background:var(--raised)}
.offer-price {font-size:23px;font-variant-numeric:tabular-nums}
.offer-table td:last-child {white-space:nowrap}
.store-link {background:var(--raised);border-color:#454b58;font-size:11px}
.store-link:hover {border-color:var(--accent-text);background:var(--raised)}
.subtle {font-size:11px;line-height:1.65}
.plans-details,.source-details,.history-data {margin-top:16px;padding:14px;background:var(--paper);border-color:var(--line)}
.plans-details summary,.source-details summary,.history-data summary {color:#d3d8e0}
.plans-details table {font-size:12px}
.plans-details h4 {font-size:15px;margin:18px 0 8px}
.plans-details>p {font-size:11px}
.spec-grid {border-color:var(--line)}
.spec-grid>div {padding:13px 16px;gap:6px;border-color:var(--line)}
.spec-grid span {font-size:11px}
.spec-grid strong {overflow-wrap:anywhere}
.source-details>div {padding:14px 0;border-color:var(--line)}
.source-details p {font-size:11px}
.source-details a,.photo-source a {color:var(--accent-text);font-size:12px;overflow-wrap:anywhere}
.photo-source {margin-top:16px}
.metrics {gap:10px;margin-bottom:16px}
.metrics>div {background:var(--raised);border-color:var(--line);padding:13px;gap:7px}
.metrics span {font-size:11px}
.metrics strong {font-size:24px}
.metrics small {font-size:10px}
.history-chart {background:#111319;border-color:var(--line);padding:16px}
.chart-heading {gap:10px;margin-bottom:15px}
.chart-heading strong {font-size:14px}
.history-controls {gap:9px 14px;margin-bottom:12px}
.history-controls legend {margin-bottom:9px}
.history-controls label {font-size:12px;padding:5px 0;gap:6px}
.price-line-chart text {fill:#b6bdc9}
.chart-gridline {stroke:#303641}
.price-line-chart circle:hover,.price-line-chart circle:focus {stroke:#fff;stroke-width:2}
.history-chart .subtle {margin-top:14px}
.history-data table {font-size:11px}
.chart-tooltip {background:#22252d;color:var(--ink);border:1px solid #71303f;font-size:12px;box-shadow:0 8px 28px #0009}
.price-status {color:#f6ca87}
#target-price {background:var(--bg);color:var(--ink);border-color:#454b58;font-size:16px}
#alert-form {padding:22px}
#alert-form h2 {font-size:22px}
#alert-form>p {font-size:13px}
@media(min-width:1540px) {
.product-grid,.history-grid {grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:1600px) {
footer {margin:0 32px}
}
@media(max-width:1120px) {
.header-inner,.container {padding-left:24px;padding-right:24px}
.header nav {gap:0}
.header nav a {padding:0 10px}
.header nav .icon {display:none}
.catalog-layout {grid-template-columns:232px minmax(0,1fr);gap:14px}
.sidebar {padding:14px}
.product-grid,.history-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
.section-heading h2 {font-size:23px}
footer {margin:0 24px}
}
@media(max-width:740px) {
.header {height:auto}
.header-inner {height:96px;padding:10px 16px 0}
.brand {font-size:19px}
.header nav {height:43px;gap:0}
.header nav a {font-size:12px;padding:0 4px}
.header nav a.current:after {left:4px;right:4px}
.header nav a .icon {display:none}
.header-inner>.brand {height:38px}
.container {padding:0 16px}
.section-heading,.explore-section>.section-heading {padding:20px 0 14px;display:block}
.section-heading h2 {font-size:23px}
.catalog-meta {align-items:flex-start;flex-direction:row;flex-wrap:wrap;gap:5px 12px;margin-top:10px}
.catalog-coverage,.snapshot-label {font-size:10px}
.snapshot-label {margin-top:0}
.category-tabs {margin-right:-16px;padding-right:16px;padding-bottom:10px}
.category-tabs button {font-size:11px;padding:9px 11px}
.catalog-layout {grid-template-columns:minmax(0,1fr);margin-top:12px;gap:0}
.sidebar {width:min(360px,calc(100vw - 24px));padding:16px;border-color:var(--line);top:0;max-height:100dvh;background:var(--paper)}
.sidebar .filter-heading {top:-16px;background:var(--paper);padding:10px 0}
.filter-panel-footer {bottom:-16px;background:var(--paper);padding:12px 0}
.filter-backdrop.is-open {background:#050609b8;backdrop-filter:blur(2px)}
.sidebar .filter-options label {font-size:12px}
.sidebar summary {font-size:12px}
.filter-count {display:block}
.price-inputs input {font-size:16px}
.range-labels {font-size:10px}
.filter-chip {font-size:11px}
.search-box input {font-size:13px}
.search-box .primary {padding:8px 10px;font-size:11px}
.search-box .primary .icon {display:none}
.results-toolbar #result-count {font-size:12px}
.payment-bar {padding:9px;gap:7px}
.payment-bar>span {font-size:11px}
.segmented button {padding:7px 10px;font-size:11px}
.installment-label,.compact-check {font-size:11px}
.product-grid {gap:10px}
.card-top {padding:8px 9px 0}
.category-label {font-size:9px}
.product-art {height:96px;padding:5px 9px}
.product-art .product-image {width:120px;height:86px;padding:4px}
.brand-label {font-size:10px}
.product-title {min-height:56px}
.product-title h3 {font-size:13px}
.card-mpn {font-size:9px}
.tags {margin-top:6px;gap:3px}
.tags span {font-size:9px;padding:3px 4px}
.card-price-block {margin-top:10px}
.price-label,.price-caption,.savings {font-size:10px}
.store-quotes {gap:5px}
.store-quote {justify-content:space-between;gap:3px}
.card-actions {gap:3px;margin-top:9px;padding:7px 0}
.card-actions .text-button {min-height:28px}
.dataset-note {font-size:10px}
.build-section {grid-template-columns:1fr;padding:16px;gap:16px}
.build-section h2 {font-size:21px}
.build-section p {font-size:12px}
footer {margin:0 16px;padding:20px 0 90px}
.compare-dock strong {font-size:12px}
.compare-dock small {font-size:10px}
.compare-dock .primary {font-size:11px;min-height:36px}
.compare-dock .text-button {font-size:10px}
.page-heading {padding:22px 0 18px}
.page-heading h1 {font-size:26px}
.page-heading p {font-size:12px}
.history-notice {gap:10px;padding:14px}
.history-notice strong {font-size:13px}
.history-notice .badge {margin-left:35px}
.history-grid {grid-template-columns:1fr;gap:10px}
.collection-status {padding:16px}
.product-overview {grid-template-columns:110px minmax(0,1fr);padding:16px;gap:14px;align-items:start}
.detail-art {height:112px;max-height:112px;padding:5px}
.detail-art .product-image {height:100%}
.product-overview h2 {font-size:21px}
.product-overview .eyebrow {font-size:9px;letter-spacing:.06em}
.product-overview p {font-size:11px}
.detail-price>strong,.detail-price .price {font-size:27px}
.detail-actions .primary,.detail-actions .secondary {font-size:11px;padding:8px 10px}
.detail-tabs {gap:20px;margin:0 16px}
.detail-tabs button {font-size:11px;padding:12px 0}
.detail-content {padding:14px 16px}
.dialog-head {padding:10px 16px}
.metrics>div {padding:11px;display:grid;grid-template-columns:1fr auto;align-items:center}
.metrics strong {font-size:23px;grid-column:2;grid-row:1/3}
.history-chart {padding:12px}
.history-controls {gap:7px 12px}
.history-controls label {font-size:11px}
.chart-heading strong {font-size:13px}
.history-data table {min-width:500px}
.empty-state {padding:30px 16px}
.no-price {font-size:16px}
dialog {width:calc(100% - 20px);max-height:calc(100dvh - 24px)}
}
@media(max-width:360px) {
.product-grid {grid-template-columns:1fr}
.product-art .product-image {width:150px;height:100px}
.product-art {height:110px}
.product-title {min-height:0}
.card-price-block {min-height:0}
.store-quotes {grid-template-columns:repeat(3,minmax(0,1fr))}
.store-quote {flex-direction:column}
.product-overview {grid-template-columns:1fr}
.detail-art {width:140px;margin:auto}
}
@media(prefers-reduced-motion:reduce) {
.product-card:hover {transform:none}
}
.dialog-head {background:var(--paper)}
.card-summary {display:flex;align-items:center;gap:12px;padding:8px 12px 0;min-height:108px}
.card-summary .product-art {width:112px;height:96px;padding:0;flex-shrink:0}
.card-summary .product-image {width:112px;height:96px;padding:5px}
.card-identity {min-width:0;flex:1}
.card-identity .product-title {min-height:0;margin-top:5px}
.card-identity .card-mpn {margin-top:6px}
.card-body {padding-top:0}
.card-body .tags {margin-top:10px}
.price-inputs input::-webkit-inner-spin-button {appearance:none}
.price-inputs input {appearance:textfield}
@media(max-width:740px) {
.product-grid {grid-template-columns:1fr}
.card-summary {gap:12px;padding:8px 12px 0}
.card-summary .product-art,.card-summary .product-image {width:104px;height:90px}
.card-body {padding:0 12px}
.card-identity .product-title h3 {font-size:14px}
.card-identity .card-mpn {font-size:10px}
.store-quotes {grid-template-columns:repeat(3,minmax(0,1fr))}
.store-quote {flex-direction:column}
.store-quote>span,.store-quote strong {font-size:11px}
.card-price-block {min-height:0}
.price {font-size:25px}
.card-actions {flex-wrap:nowrap}
.compare-toggle,.card-actions .text-button {font-size:12px}
.card-actions .text-button .icon {display:block}
}

/* Mobile offers stay readable without a horizontal hunt for the price. */
.error-state{max-width:680px;margin:48px auto;width:calc(100% - 32px)}
@media(max-width:740px){
.product-overview{grid-template-columns:110px minmax(0,1fr);row-gap:6px}.product-overview>div:last-child{display:contents}.product-overview .detail-art{grid-column:1;grid-row:1/5;margin:0}.product-overview .eyebrow,.product-overview h2,.product-overview p,.product-overview code{grid-column:2}.product-overview h2{margin:3px 0}.product-overview p{margin:0}.product-overview code{justify-self:start}.product-overview .detail-price{grid-column:1/-1;margin:12px 0 6px}.product-overview .detail-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:0}.detail-actions .primary,.detail-actions .secondary{min-height:44px;line-height:1.4}
.offer-table,.offer-table tbody{display:block;min-width:0;width:100%}.offer-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.offer-table tbody tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:14px 0;border-bottom:1px solid var(--line)}.offer-table td{border:0;padding:0;min-width:0}.offer-table td:nth-child(1){grid-column:1;grid-row:1}.offer-table td:nth-child(3){grid-column:2;grid-row:1;text-align:right}.offer-table td:nth-child(2){grid-column:1/-1;grid-row:2}.offer-table td:nth-child(4){grid-column:1/-1;grid-row:3;display:flex;align-items:center;justify-content:space-between;gap:8px}.offer-table .store-link{margin-left:auto;min-height:36px}.offer-table .offer-price{font-size:23px}.offer-table .store-name{font-size:14px}.offer-table td small{font-size:11px}.error-state{margin:24px auto}
}
#catalog-update-status{display:block;color:var(--muted);font-size:11px;line-height:1.5}

/* Keep chart values accessible to screen readers without a visible audit list. */
.sr-only {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
#catalog-update-status[hidden] {display:none}