/* DH Alerts: production adaptation of the approved Stageshow demo.
   Zinc surfaces, restrained status colours, grouped model rows and a responsive
   offers/history workspace. Existing light/dark and accessibility tokens remain. */
:root{
  color-scheme:dark; --bg:#09090b; --panel:#111113; --raised:#202023;
  --line:#66666f; --line-soft:#29292e; --text:#fafafa; --muted:#a1a1aa; --faint:#a1a1aa;
  --green:#77b995; --action:#fafafa; --on-action:#18181b; --purple:#b5a5c7; --amber:#d1b083;
  --selected:#1a1a1e; --focus:#83abe0; --radius:16px;
  --chart-de:#77b995; --chart-fr:#83abe0; --chart-it:#d1b083; --chart-es:#b5a5c7; --chart-nl:#a1a1aa; --chart-uk:#d29e9e;
}
@media(prefers-color-scheme:light){:root:not([data-theme="dark"]){
  color-scheme:light; --bg:#fafafa; --panel:#ffffff; --raised:#f0f0f2;
  --line:#8b8b94; --line-soft:#e4e4e7; --text:#18181b; --muted:#64646e; --faint:#64646e;
  --green:#347653; --action:#18181b; --on-action:#fafafa; --purple:#79658e; --amber:#876332;
  --selected:#f5f5f6; --focus:#386cae;
  --chart-de:#347653; --chart-fr:#386cae; --chart-it:#876332; --chart-es:#79658e; --chart-nl:#64646e; --chart-uk:#a15a5a;
}}
:root[data-theme="light"]{
  color-scheme:light; --bg:#fafafa; --panel:#ffffff; --raised:#f0f0f2;
  --line:#8b8b94; --line-soft:#e4e4e7; --text:#18181b; --muted:#64646e; --faint:#64646e;
  --green:#347653; --action:#18181b; --on-action:#fafafa; --purple:#79658e; --amber:#876332;
  --selected:#f5f5f6; --focus:#386cae;
  --chart-de:#347653; --chart-fr:#386cae; --chart-it:#876332; --chart-es:#79658e; --chart-nl:#64646e; --chart-uk:#a15a5a;
}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:90px}
body{margin:0;background:var(--bg);color:var(--text);font:1rem/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;font-feature-settings:"tnum" 1}
a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button,a,input,select{touch-action:manipulation}
:focus-visible{outline:3px solid var(--focus);outline-offset:4px;border-radius:5px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
#skip:focus-visible{position:fixed;left:16px;top:12px;width:auto;height:auto;clip:auto;padding:12px 18px;background:var(--panel);z-index:100}
[hidden]{display:none!important}.wrap{max-width:1180px;margin:auto;padding-inline:32px}.muted{color:var(--muted)}.num{text-align:right;font-variant-numeric:tabular-nums}code{font: .75rem/1.5 ui-monospace,"SFMono-Regular",Consolas,monospace;letter-spacing:.01em;color:var(--muted)}
.top{background:var(--bg);border-bottom:1px solid var(--line-soft);position:sticky;top:0;z-index:20}.bar{display:flex;align-items:center;gap:48px;min-height:76px;flex-wrap:wrap;padding-block:12px}.logo{font-size:1.2rem;font-weight:700;letter-spacing:-.6px;white-space:nowrap;display:inline-flex;align-items:center;min-height:44px}.logo span{color:var(--text);margin-left:4px;font-weight:500}.nav{display:flex;gap:4px;background:var(--raised);padding:4px;border-radius:12px}.nav a{min-height:40px;display:flex;align-items:center;justify-content:center;padding:0 22px;font-size:.875rem;font-weight:500;color:var(--muted);border-radius:8px}.nav a:hover{color:var(--text)}.nav a[aria-current=page]{background:var(--panel);color:var(--text);box-shadow:0 1px 3px #0002}.demo-flag{margin-left:auto;color:var(--muted);font-size:.75rem}.demo-flag:before{content:"";display:inline-block;width:6px;height:6px;background:var(--muted);border-radius:50%;margin-right:8px}
main.wrap{container-type:inline-size;container-name:page;padding-top:28px;padding-bottom:64px;outline:none}.crumbs{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.8125rem;min-height:44px;margin-bottom:26px;flex-wrap:wrap}.crumbs a{display:inline-flex;align-items:center;gap:8px;min-height:44px}.crumbs a:hover{color:var(--text)}.crumbs .current{color:var(--muted)}
.head{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,320px);gap:64px;align-items:start;margin-bottom:42px}.identity{min-width:0;padding-top:4px}.brand{font-size:.875rem;font-weight:500;color:var(--muted);margin:0 0 8px;display:flex;align-items:center;gap:10px}.category-mark{display:inline-grid;place-items:center;border:1px solid var(--line-soft);border-radius:7px;width:28px;height:28px;color:var(--muted)}.icon{width:18px;height:18px;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;fill:none;flex:none}
h1{margin:0;font-size:2.25rem;line-height:1.13;font-weight:650;letter-spacing:-1.2px;max-width:600px;overflow-wrap:break-word}h1 .variant{display:block;margin-top:10px;color:var(--muted);font-size:1.0625rem;letter-spacing:0;font-weight:400}.meta{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:.75rem;margin:22px 0 0}.meta div{min-width:0;flex-wrap:wrap;display:flex;align-items:center;gap:7px}.meta dt{color:var(--muted)}.meta dd{margin:0}.availability-summary{display:flex;align-items:center;gap:7px;margin:18px 0 0;color:var(--muted);font-size:.875rem}.availability-summary:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--green)}
.best{min-width:0;overflow-wrap:anywhere;background:var(--panel);border-radius:var(--radius);padding:24px}.label{margin:0;color:var(--muted);font-size:.8125rem}.big{font-size:2.5rem;line-height:1.1;font-weight:600;letter-spacing:-1.2px;margin:10px 0 9px}.sub{margin:0;font-size:.8125rem;line-height:1.6;color:var(--muted)}.ctx{font-size:.8125rem;margin:16px 0 0;color:var(--muted)}.ctx .down{color:var(--green)}.ctx .up{color:var(--text)}.actions{display:flex;gap:8px;margin-top:22px;flex-wrap:wrap}.actions .btn{flex:1;padding-inline:12px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;background:var(--raised);border:1px solid transparent;border-radius:10px;cursor:pointer;font-size:.875rem;font-weight:500;line-height:1.4;text-align:center;transition:background .12s ease,color .12s ease}.btn:hover{border-color:var(--line)}.btn:active{filter:brightness(.88)}.btn.primary{background:var(--action);color:var(--on-action);font-weight:600}.btn.primary:hover{filter:brightness(1.08)}.btn.sm{min-height:44px;padding:8px 13px;font-size:.8125rem;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.row-action{background:transparent;border-color:var(--line-soft)}.is-best .row-action{color:var(--text);background:var(--raised);border-color:var(--line-soft)}
.block{margin-top:0}.block-h{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:18px}h2{font-size:1.375rem;font-weight:600;letter-spacing:-.5px;margin:0}h2 small{display:block;font-size:.8125rem;font-weight:400;letter-spacing:0;color:var(--muted);margin-top:5px}.tools{display:flex;gap:18px;align-items:center;flex-wrap:wrap;font-size:.8125rem}.chk{display:inline-flex;align-items:center;gap:10px;min-height:44px;cursor:pointer}.chk input{width:19px;height:19px;margin:0;accent-color:var(--action)}.sel{display:flex;align-items:center;gap:8px;max-width:100%}.sort-label{position:absolute;width:1px;height:1px;clip:rect(0 0 0 0);overflow:hidden}select,.field input{min-height:44px;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:9px;padding:8px 12px;max-width:100%}.tools select{font-size:.8125rem}
.offers-wrap{border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--panel);overflow:hidden}.offers{border-collapse:collapse;width:100%}.offers th{padding:15px 18px;color:var(--muted);font-size:.75rem;font-weight:500;text-align:left;border-bottom:1px solid var(--line-soft)}.offers th.num{text-align:right}.offers td{padding:19px 18px;border-top:1px solid var(--line-soft);font-size:.875rem;vertical-align:middle}.offers tr:first-child td{border-top:0}.offers tr.is-best{background:var(--selected)}.shop-in{display:flex;align-items:center;gap:12px}.cc{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:9px;background:var(--raised);color:var(--text);font-size:.6875rem;font-weight:600;letter-spacing:.3px}.shop-label{font-weight:500}.country{display:block;color:var(--muted);font-size:.75rem;font-weight:400;margin-top:4px}.st{display:inline-flex;align-items:center;gap:8px;font-size:.8125rem;white-space:nowrap}.st i{width:6px;height:6px;flex:none;border-radius:50%;background:var(--muted)}.st-in i{background:var(--green)}.st-pre i{background:var(--purple)}.st-out{color:var(--muted)}.st-unknown i{background:transparent;border:1.5px solid var(--amber);width:8px;height:8px}.c-total strong{font-size:1.125rem;font-weight:600;letter-spacing:-.3px;white-space:nowrap}.best-tag,.pre-tag{display:block;font-size:.6875rem;margin-top:4px;color:var(--muted)}.best-tag{color:var(--muted)}.breakdown{display:none;font-size:.75rem;line-height:1.6;color:var(--muted);margin-top:4px}.c-chk{font-size:.75rem!important;color:var(--muted)}.c-chk.stale{color:var(--amber)}.mobile-check{display:none}.c-act{text-align:right;width:1%}.empty-row td{text-align:center;padding:28px;color:var(--muted)}.note{font-size:.75rem;color:var(--muted);line-height:1.65;margin:12px 0 0}.offer-note{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.status-help{font-size:.75rem;color:var(--muted)}.status-help summary{min-height:44px;display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none}.status-help summary:after{content:"＋"}.status-help[open] summary:after{content:"−"}.status-help p{max-width:620px;margin:0 0 12px;line-height:1.7}
.lower{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;margin-top:30px}.chart-panel{border-radius:var(--radius);padding:26px;background:var(--panel);min-width:0;border:1px solid var(--line-soft)}.chart-panel .block-h{margin-bottom:14px}.seg{display:inline-flex;border-radius:10px;padding:4px;background:var(--raised);gap:2px}.seg button{min-height:36px;min-width:48px;padding:8px 13px;background:transparent;border:0;border-radius:7px;color:var(--muted);font-size:.8125rem;font-weight:500;cursor:pointer}.seg button[aria-pressed=true]{background:var(--panel);color:var(--text);box-shadow:0 1px 3px #0002}.seg button:active{background:var(--panel)}.chart-summary{margin:0 0 10px;color:var(--muted);font-size:.8125rem;line-height:1.6}.stores{display:flex;gap:6px 10px;flex-wrap:wrap;margin-bottom:14px}.store-t{min-height:44px;padding:8px 12px;display:inline-flex;gap:8px;align-items:center;cursor:pointer;border:1px solid transparent;border-radius:8px;background:transparent;font-size:.8125rem;color:var(--muted)}.store-t .sw{display:inline-block;width:14px;border-top:2px solid var(--muted);opacity:.7}.store-t[aria-pressed=true]{background:var(--raised);border-color:var(--line);color:var(--text)}.store-t[aria-pressed=true] .sw{border-color:var(--c);opacity:1}.store-t:hover{background:var(--raised)}.store-t:active{filter:brightness(.9)}.chartwrap{position:relative;min-width:0}#chart{width:100%;min-height:230px;touch-action:pan-y}#chart svg{display:block;max-width:100%;overflow:visible}#chart text{fill:var(--muted);font: .75rem -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}#chart .grid{stroke:var(--line-soft);stroke-width:1;stroke-dasharray:3 5}#chart .cursor{stroke:var(--muted);stroke-width:1}#chart .hit{fill:transparent;cursor:crosshair}#chart:focus-visible{outline-offset:6px}.tip{position:absolute;pointer-events:none;background:var(--panel);color:var(--text);border:1px solid var(--line);box-shadow:0 10px 28px #0002;border-radius:10px;padding:12px;font-size:.8125rem;max-width:100%;width:max-content;display:none;z-index:5}.tip b{display:block;color:var(--muted);font-weight:400;font-size:.75rem;margin-bottom:7px}.tip div{display:flex;justify-content:space-between;gap:18px}.tip i{display:inline-block;width:10px;height:3px;margin-right:6px;vertical-align:middle}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;border-top:1px solid var(--line-soft);padding-top:22px;margin:20px 0 0;font-size:.875rem}.stats dt{color:var(--muted);font-size:.75rem;margin-bottom:7px}.stats dd{overflow-wrap:anywhere;margin:0;font-weight:500;font-size:1.125rem}.stats dd span{display:block;color:var(--muted);font-size:.75rem;font-weight:400;margin-top:4px}.stats-basis{font-size:.75rem;color:var(--muted);margin:16px 0 0}.chart-empty{padding:55px 16px;text-align:center;color:var(--muted);font-size:.875rem}
.spec-disclosure{border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}.spec-disclosure>summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:21px 0;min-height:64px;list-style:none;font-size:1.0625rem;font-weight:500}.spec-disclosure>summary::-webkit-details-marker{display:none}.spec-disclosure>summary:after{content:"＋";color:var(--muted)}.spec-disclosure[open]>summary:after{content:"−"}.specs{margin:0 0 24px;display:grid;grid-template-columns:minmax(100px,.4fr) minmax(0,1fr);font-size:.875rem}.specs dt,.specs dd{margin:0;padding:12px 0;border-top:1px solid var(--line-soft)}.specs dt{color:var(--muted);padding-right:20px}.specs dd{overflow-wrap:anywhere}.footer{display:flex;justify-content:space-between;gap:12px;margin-top:36px;color:var(--muted);font-size:.75rem;flex-wrap:wrap}
.page-h{margin:22px 0 28px}.page-h h1{margin-bottom:12px}.page-h p{color:var(--muted);font-size:.9375rem;margin:0}.search input{background:var(--panel);border:1px solid var(--line);border-radius:12px;width:100%;min-height:52px;padding:12px 18px;font-size:1rem;max-width:620px}.search input::placeholder{color:var(--muted)}.count{font-size:.8125rem;color:var(--muted);margin:22px 0 14px}.catalog,.feed{list-style:none;margin:0;padding:0;background:var(--panel);border:1px solid var(--line-soft);border-radius:var(--radius);overflow:hidden}.catalog li+li,.feed li+li{border-top:1px solid var(--line-soft)}.catalog a{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:20px;align-items:center;padding:26px}.catalog a:hover,.feed a:hover{background:var(--raised)}.ph{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:var(--raised);color:var(--muted)}.ph .icon{width:24px;height:24px}.catalog .name{font-size:1rem;font-weight:500;margin:0}.catalog .name span{display:block;color:var(--muted);font-weight:400;margin-top:5px;font-size:.875rem}.catalog .sub2{font-size:.75rem;color:var(--muted);margin:12px 0 0}.catalog .price{text-align:right}.catalog .price strong{font-size:1.25rem;font-weight:600;white-space:nowrap}.catalog .price small{display:block;font-size:.75rem;color:var(--muted);margin-top:5px}.catalog-empty{padding:28px;color:var(--muted)}.feed a{display:grid;grid-template-columns:65px 155px minmax(0,1fr) auto;gap:16px;align-items:center;padding:22px;font-size:.875rem}.feed time{color:var(--muted);font-size:.8125rem}.ev-in{color:var(--green)}.ev-out,.feed .p{color:var(--muted)}.feed .v{text-align:right;font-weight:500;white-space:nowrap}
dialog{width:min(460px,calc(100% - 32px));padding:28px;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:20px;box-shadow:0 24px 100px #0006}dialog::backdrop{background:#09090b99}dialog h2{margin-bottom:10px}dialog form{display:grid;gap:20px;margin-top:22px}.field{display:grid;gap:9px;font-size:.875rem;color:var(--muted)}.field input{width:100%;font-size:1rem}.field .hint,.field .err{font-size:.75rem}.field .err{color:var(--amber)}.dlg-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:8px;flex-wrap:wrap}.dlg-done p{font-size:.9375rem}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:16px;width:max-content;max-width:calc(100% - 32px);background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px 12px 12px 20px;box-shadow:0 10px 35px #0003;z-index:50;font-size:.875rem}.toast b{color:var(--green);font-weight:500}.toast button{width:44px;height:44px;flex:none;border:0;border-radius:8px;background:var(--raised);color:var(--text);font-size:1.25rem}
@media(max-width:1050px){.head{gap:32px;grid-template-columns:minmax(0,1fr) 300px}h1{font-size:2rem}.breakdown{display:block}.offers th,.offers td{padding-inline:16px}.offers .c-chk{display:none}.mobile-check{display:block;font-size:.6875rem;color:var(--muted);margin-top:5px}.c-st .stale{color:var(--amber)}.catalog a{grid-template-columns:48px minmax(0,1fr)}.catalog .price{grid-column:2;text-align:left}.catalog .price small{display:inline;margin-left:8px}.feed a{grid-template-columns:65px minmax(0,1fr) auto}.feed .p{grid-column:2;grid-row:2}.feed .v{grid-column:3;grid-row:1 / span 2}}
@media(max-width:760px){.wrap{padding-inline:24px}.bar{gap:22px}.nav a{padding-inline:17px}.demo-flag{display:none}main.wrap{container-type:inline-size;container-name:page;padding-top:18px}.crumbs{margin-bottom:20px}.head{grid-template-columns:minmax(0,1fr);gap:24px;margin-bottom:30px}.best{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 22px}.best .actions{grid-column:2;grid-row:1 / span 4;flex-direction:column;justify-content:center;margin-top:0}.best .ctx{grid-column:1 / -1}.best .big{font-size:2.125rem}.best .btn{flex:none}.tools{gap:14px}.chart-panel{padding:22px}.offers th,.offers td{padding-inline:14px}.cc{width:30px;height:32px}.shop-in{gap:9px}}
@media(max-width:620px){.wrap{padding-inline:18px}.bar{min-height:76px;gap:12px;justify-content:space-between}.logo{font-size:1.125rem}.nav{padding:3px}.nav a{min-height:44px;padding-inline:14px;font-size:.8125rem}.crumbs .current{display:none}.crumbs{margin-bottom:14px}.head{gap:22px}.brand{font-size:.875rem}h1{font-size:1.875rem;letter-spacing:-.7px}.meta{margin-top:18px}.best{display:block;padding:22px}.best .actions{flex-direction:row;margin-top:20px}.best .btn{flex:1}.best .big{font-size:2.25rem}.block-h{gap:15px;margin-bottom:16px}h2{font-size:1.25rem}.tools{width:100%;justify-content:space-between;gap:6px}.tools select{font-size:.75rem;padding-inline:8px}.chk{font-size:.8125rem;gap:8px}.offers thead{display:none}.offers,.offers tbody{display:block}.offers tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 14px;padding:20px;border-top:1px solid var(--line-soft)}.offers tr:first-child{border-top:0}.offers td{display:block;padding:0!important;border:0}.offers .c-shop{grid-column:1;grid-row:1}.offers .c-st{grid-column:1;grid-row:2}.offers .c-total{grid-column:2;grid-row:1;text-align:right}.offers .c-act{grid-column:2;grid-row:2;width:auto;align-self:center}.offers .c-item,.offers .c-ship,.offers .c-chk{display:none}.offers .c-act .btn{min-width:92px}.offers .country{display:none}.cc{width:28px;height:30px;border-radius:7px}.shop-label{font-size:.8125rem}.shop-in{gap:8px}.st{white-space:normal;font-size:.75rem}.mobile-check{font-size:.6875rem}.c-total strong{font-size:1.0625rem}.breakdown{max-width:145px;font-size:.6875rem}.best-tag,.pre-tag{font-size:.6875rem}.empty-row{display:block!important}.offer-note .note{margin-bottom:0}.status-help summary{min-height:44px}.lower{margin-top:22px;gap:24px}.chart-panel{padding:20px 16px}.chart-panel .block-h{align-items:start}.seg button{min-height:44px;min-width:44px;padding:8px;font-size:.75rem}.chart-summary{font-size:.75rem}.stores{gap:4px}.store-t{font-size:.75rem;padding:8px 9px}.stats{gap:14px}.stats dd{font-size:1rem}.stats dt,.stats dd span{font-size:.6875rem}.chart-panel h2 small{max-width:160px}.specs{font-size:.8125rem;grid-template-columns:minmax(0,.6fr) minmax(0,1fr)}.spec-disclosure>summary{font-size:1rem}.catalog a{padding:20px 16px;gap:14px;grid-template-columns:38px minmax(0,1fr)}.ph{width:38px;height:40px;border-radius:9px}.catalog .name{font-size:.9375rem}.catalog .price small{display:block;margin-left:0}.catalog .sub2{line-height:1.8}.feed a{padding:20px;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px}.feed time{grid-column:1 / -1}.feed .p{grid-column:1 / -1;grid-row:3}.feed .v{grid-column:2;grid-row:2}.toast{font-size:.8125rem;padding-left:14px;gap:10px}.stats-basis{font-size:.6875rem}.footer{margin-top:28px}.tip{font-size:.75rem;padding:10px}.tip div{gap:12px}}
@media(max-width:360px){.wrap{padding-inline:14px}.nav a{padding-inline:10px}.offers tr{padding:17px 12px;gap:12px 8px}.cc{display:none}.breakdown{max-width:132px}.tools{flex-wrap:wrap}.chart-panel{padding:18px 14px}.stats{grid-template-columns:1fr 1fr}.best{padding:20px}.stats>div:last-child{grid-column:1 / -1}.tip div{flex-wrap:wrap;gap:0 8px}}
@container page (max-width:20rem){
.head{grid-template-columns:minmax(0,1fr)}.brand{flex-wrap:wrap}.best{display:block}.best .actions{flex-direction:column}.best .big{font-size:2rem}.availability-summary{align-items:baseline}.availability-summary:before{flex:none}
.offers tr{grid-template-columns:minmax(0,1fr)}.offers .c-shop{grid-column:1;grid-row:1}.offers .c-st{grid-column:1;grid-row:2}.offers .c-total{grid-column:1;grid-row:3;text-align:left}.offers .c-act{grid-column:1;grid-row:4}.offers .c-act .btn{width:100%;white-space:normal}.breakdown{max-width:none}.country{display:block}.stats{grid-template-columns:minmax(0,1fr)}.stats>div:last-child{grid-column:auto}.chart-panel{padding:18px 12px}.tip div{flex-wrap:wrap}.catalog a{grid-template-columns:minmax(0,1fr)}.catalog .ph{display:none}.catalog .price{grid-column:1}.feed a{display:flex;flex-wrap:wrap}.feed .p{flex-basis:100%}.tools .sel{width:100%}.tools select{width:100%}.specs{grid-template-columns:minmax(0,1fr)}.specs dt{border:0;padding-bottom:0}.specs dd{padding-top:4px}.stats-basis{overflow-wrap:anywhere}
}

.theme-toggle{display:grid;place-items:center;flex:none;width:44px;height:44px;padding:0;border:1px solid var(--line-soft);border-radius:10px;background:transparent;color:var(--muted)}
.theme-toggle:hover{background:var(--raised);color:var(--text)}
.theme-toggle .icon{width:18px;height:18px}
.stock-age{display:block;margin-top:4px;color:var(--muted);font-size:.75rem}
@media(min-width:761px){.theme-toggle{margin-left:-28px}}
@media(max-width:620px){.bar{gap:8px}.nav a{padding-inline:10px}.theme-toggle{margin-left:auto}}
@media(max-width:370px){.bar .nav{order:3;flex-basis:100%}.bar .nav a{flex:1}}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
@media(prefers-reduced-transparency:reduce){.top,dialog,.toast{background:var(--panel)}dialog::backdrop{background:#09090b}}
@media(prefers-contrast:more){:root{--muted:var(--text);--faint:var(--text);--line:var(--text);--line-soft:var(--text)}.store-t,.btn{border:1px solid currentColor}.offers-wrap,.chart-panel{border-color:var(--text)}}
@media(forced-colors:active){.btn,.store-t,.seg,.nav,.offers-wrap,.chart-panel{border:1px solid CanvasText}.st i{background:CanvasText}#chart path{stroke:CanvasText}#chart .grid{stroke:GrayText}}


.loading,.page-error{padding-block:64px;color:var(--muted)}.pager{display:flex;justify-content:space-between;gap:16px;margin-top:24px}.app-footer{border-top:1px solid var(--line-soft);padding-block:24px}.app-footer a{display:inline-flex;align-items:center;min-height:44px}.app-footer a:hover{text-decoration:underline}.catalog .price small{max-width:220px}.availability-summary:before{display:none}.theme-toggle{margin-left:auto}@media(min-width:761px){.theme-toggle{margin-left:auto}}
.offer-actions{display:flex;flex-direction:column;gap:8px}
.product-identity{display:grid;grid-template-columns:144px minmax(0,1fr);gap:24px;align-items:start}
.product-photo{position:relative;width:144px;aspect-ratio:1;display:grid;place-items:center;border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--panel);overflow:hidden}
.image-fallback{font-size:.75rem;color:var(--muted)}
.ph{position:relative;overflow:hidden}
.product-photo img,.ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:8px;visibility:hidden}
.ph img{padding:3px}
.product-photo.has-image,.ph.has-image{background:#fff}
.has-image img{visibility:visible}
.has-image>.image-fallback,.has-image>.icon{visibility:hidden}
@media(max-width:1050px){.product-identity{grid-template-columns:minmax(0,1fr);gap:20px}}

/* Approved product-demo composition, using real controls and content. */
.wrap { max-width:1240px; }
.bar { gap:32px; min-height:80px; }
.logo { font-size:1.375rem; font-weight:650; }
.logo span { color:var(--muted); font-weight:400; margin-left:0; }
.nav { background:transparent; padding:0; gap:8px; }
.nav a { min-height:44px; padding-inline:16px; }
.nav a[aria-current=page] { background:var(--raised); box-shadow:none; }
.theme-toggle { background:var(--panel); }
main.wrap { padding-top:32px; }
h1 { font-weight:600; letter-spacing:-1px; line-height:1.2; }
.page-h { margin:28px 0 30px; max-width:760px; }
.page-h .eyebrow { font-size:.8125rem; margin-bottom:12px; }
.page-h h1 { font-size:clamp(2rem,4vw,3rem); margin-bottom:14px; max-width:none; }
.page-h .muted { font-size:1rem; line-height:1.7; max-width:600px; }
.search { position:relative; max-width:680px; }
.search input { max-width:none; padding-left:48px; min-height:56px; border-color:var(--line-soft); }
.search input:hover { border-color:var(--line); }
.search input:focus { border-color:var(--focus); }
.search-icon { position:absolute; left:18px; top:19px; color:var(--muted); pointer-events:none; }
.count { margin:32px 0 14px; }
.catalog { border:1px solid var(--line-soft); }
.catalog a { padding:22px 24px; gap:20px; grid-template-columns:56px minmax(0,1fr) minmax(180px,220px); }
.catalog .ph { width:56px; height:56px; background:var(--raised); border:1px solid var(--line-soft); }
.catalog .ph.has-image { background:#fff; }
.catalog .name { font-weight:600; line-height:1.5; overflow-wrap:anywhere; }
.catalog .sub2 { margin-top:5px; }
.catalog .price strong { font-size:1.125rem; }
.catalog .price small { line-height:1.5; margin-left:auto; }
.catalog a:focus-visible { outline-offset:-4px; }
.pager { align-items:center; flex-wrap:wrap; }
.crumbs { margin-bottom:24px; }
.crumbs .current { display:none; }
.head { display:block; margin-bottom:36px; }
.product-identity { grid-template-columns:96px minmax(0,1fr); gap:24px; align-items:center; }
.product-photo { width:96px; border-radius:16px; }
.identity { padding-top:0; }
.brand { margin-bottom:8px; font-weight:400; }
.brand .category-mark { display:none; }
.identity h1 { max-width:900px; font-size:clamp(1.75rem,3vw,2.375rem); }
.meta { margin-top:14px; }
.availability-summary { margin-top:10px; }
.comparison-layout { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,1fr); gap:28px; align-items:start; }
.offers-column,.history-column { min-width:0; }
.best { padding:24px; border:1px solid var(--line-soft); margin-bottom:28px; }
.best .big { font-size:2.25rem; font-weight:600; }
.best .ctx:empty { display:none; }
.best .actions { margin-top:18px; }
.block-h { gap:16px; }
h2 { font-size:1.25rem; font-weight:600; }
.offers-section .tools { width:100%; justify-content:space-between; gap:8px; }
.offers-section .tools select { border-color:var(--line-soft); }
.offers thead { display:none; }
.offers,.offers tbody { display:block; }
.offers tr { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:12px 16px; padding:20px; border-top:1px solid var(--line-soft); }
.offers tr:first-child { border-top:0; }
.offers td { display:block; border:0; padding:0!important; }
.offers .c-shop { grid-column:1; grid-row:1; }
.offers .c-total { grid-column:2; grid-row:1; text-align:right; }
.offers .c-st { grid-column:1; grid-row:2; }
.offers .c-act { grid-column:2; grid-row:2; width:auto; align-self:start; }
.offers .c-chk { display:none; }
.offers .country { display:none; }
.offers .mobile-check { display:none; }
.cc { width:28px; height:28px; border-radius:7px; color:var(--muted); }
.shop-in { gap:8px; }
.st { white-space:normal; align-items:baseline; }
.st-in { color:var(--green); }
.st-unknown { color:var(--amber); }
.st-pre { color:var(--purple); }
.stock-age { font-size:.75rem; line-height:1.6; }
.c-total strong { font-size:1.125rem; }
.best-tag { font-size:.6875rem; }
.breakdown { display:block; max-width:190px; font-size:.6875rem; }
.offer-actions { gap:6px; }
.offers .btn.sm { min-width:104px; white-space:normal; }
.empty-row { display:block!important; }
.empty-row td { padding:8px!important; }
.offer-note { display:block; }
.chart-panel { padding:24px; }
.chart-panel .block-h { align-items:start; }
.seg button { min-height:44px; padding-inline:12px; }
.store-t { padding:8px 10px; }
.store-t[aria-pressed=true] { border-color:var(--line-soft); }
.stats { gap:16px; padding-top:18px; }
.stats dd { font-size:1.0625rem; }
.history-stock-note { margin-top:20px; }
.stats-basis { line-height:1.7; }
.lower { margin-top:32px; }
.spec-disclosure>summary { font-size:1rem; }
@media(min-width:1100px) { .history-column { position:sticky; top:112px; } }
@media(max-width:1000px) {
  .comparison-layout { grid-template-columns:minmax(0,1fr); gap:28px; }
  .best { display:block; }
  .best .actions { flex-direction:row; }
  .best .actions .btn { flex:initial; }
}
@media(max-width:620px) {
  .wrap { padding-inline:18px; }
  main.wrap { padding-top:20px; }
  .bar { gap:10px; min-height:72px; }
  .logo { font-size:1.25rem; }
  .nav { gap:2px; }
  .nav a { padding-inline:10px; }
  .page-h { margin:20px 0 24px; }
  .page-h .muted { font-size:.9375rem; }
  .count { margin-top:24px; }
  .catalog a { padding:20px 16px; grid-template-columns:44px minmax(0,1fr); gap:12px; }
  .catalog .ph { width:44px; height:44px; }
  .catalog .price { grid-column:2; text-align:left; }
  .catalog .price small { margin-left:0; max-width:none; }
  .product-identity { grid-template-columns:64px minmax(0,1fr); gap:16px; align-items:start; }
  .product-photo { width:64px; border-radius:12px; }
  .product-photo .image-fallback { font-size:.625rem; text-align:center; padding:6px; }
  .head { margin-bottom:26px; }
  .best,.chart-panel { padding:20px; }
  .best .actions .btn { flex:1; }
  .offers tr { padding:18px 16px; gap:12px; }
  .offers .c-act .btn { min-width:92px; padding-inline:10px; }
  .breakdown { max-width:145px; }
  .chart-panel h2 small { max-width:none; }
  .seg button { min-width:44px; padding:8px; }
  .stats dt,.stats dd span,.stats-basis { font-size:.75rem; }
}
@media(max-width:370px) {
  .bar .nav { order:3; flex-basis:100%; }
  .bar .nav a { flex:1; }
  .product-identity { grid-template-columns:minmax(0,1fr); gap:16px; }
  .offers tr { grid-template-columns:minmax(0,1fr); }
  .offers .c-shop { grid-column:1; grid-row:1; }
  .offers .c-total { grid-column:1; grid-row:2; text-align:left; }
  .offers .c-st { grid-column:1; grid-row:3; }
  .offers .c-act { grid-column:1; grid-row:4; }
  .offer-actions { flex-direction:row; flex-wrap:wrap; }
  .offer-actions .btn { flex:1; }
  .breakdown { max-width:none; }
  .catalog .price { grid-column:1 / -1; }
  .best .actions { flex-direction:column; }
  .stats { grid-template-columns:minmax(0,1fr); }
}