/* WatchShopper design preview: Raster (Swiss grid, one typeface, red for action).
   Built by themes/src/build.py from core.css + raster.css. Do not edit by hand;
   every selector only applies under html[data-theme]. */
html[data-theme] { --t-bg: #ffffff;
    --t-bg-2: #f4f4f4;
    --t-surface: #ffffff;
    --t-surface-2: #f2f2f2;
    --t-fg: #111111;
    --t-fg-2: #333333;
    --t-muted: #6b6b6b;
    --t-line: #e2e2e2;
    --t-line-2: #c8c8c8;
    --t-accent: #111111;
    
    --t-fill: var(--t-fg);
    --t-accent-fg: #ffffff;
    --t-link: var(--t-accent);
    --t-plate: #f3f3f3;
    
    --t-blend: darken;
    --t-heart: #e0245e;
    
    --t-deal: #ff6a00;
    --t-deal-fg: #1a0e00;
    --t-drop: #0f8a4a;
    --t-save: #1d5bd8;
    --t-smart: #0b7285;
    --t-code-face: linear-gradient(115deg, #fbf1d0 0%, #f2dfa0 26%, #e4c465 60%, #d6a937 88%, #ce9e2a 100%);
    --t-code-ink: #33240a;
    --t-ok: #127a3c;
    --t-bad: #c62828;
    --t-up: #c62828;
    --t-down: #127a3c;
    
    --t-font-d: system-ui, sans-serif;
    --t-font-b: system-ui, sans-serif;
    --t-font-m: ui-monospace, Menlo, Consolas, monospace;
    --t-d-weight: 800;
    --t-d-style: normal;
    --t-d-case: none;
    --t-d-track: -0.03em;
    --t-d-lh: 1;
    --t-d-stretch: normal;
    --t-ui-font: var(--t-font-b);
    --t-ui-weight: 600;
    --t-ui-case: none;
    --t-ui-track: 0;
    --t-label-font: var(--t-font-m);
    --t-label-case: uppercase;
    --t-label-track: .1em;
    --t-num: tabular-nums lining-nums;   
    
    --t-h1: clamp(30px, 3.8vw, 60px);
    --t-sec: clamp(20px, 2vw, 30px);
    --t-name: 15px;
    --t-price: 26px;
    --t-tile-price: 26px;
    --t-gutter: clamp(16px, 4vw, 64px);
    --t-grid-gap: 16px;
    --t-card-min: 300px;
    --t-img-h: 230px;
    --t-zoom: 1;
    
    --t-radius: 0px;
    --t-radius-sm: 0px;
    --t-radius-img: 0px;
    --t-radius-btn: 0px;
    --t-radius-chip: 999px;
    --t-card-bg: var(--t-surface);
    --t-card-border: 1px solid var(--t-line);
    --t-card-shadow: none;
    --t-card-shadow-hover: none;
    --t-card-lift: 0px;
    --t-card-clip: none;
    --t-card-pad: 14px;
    --t-tile-bg: var(--t-surface-2);
    --t-tile-border: 1px solid var(--t-line);
    --t-tile-shadow: none;
    --t-btn-bg: var(--t-accent);
    --t-btn-fg: var(--t-accent-fg);
    --t-btn-border: 0;
    --t-btn-shadow: none;
    --t-cta-bg: var(--t-deal);
    --t-cta-fg: var(--t-deal-fg);
    --t-chip-bg: var(--t-surface-2);
    --t-chip-fg: var(--t-fg-2);
    --t-chip-border: 1px solid transparent;
    --t-chip-on-bg: var(--t-fill);
    --t-chip-on-fg: var(--t-bg);
    --t-input-bg: var(--t-surface-2);
    --t-input-border: 1px solid var(--t-line);
    --t-input-radius: var(--t-radius-btn);
    
    --t-nav-bg: var(--t-bg);
    --t-nav-fg: var(--t-fg);
    --t-nav-muted: var(--t-muted);
    --t-nav-border: 1px solid var(--t-line);
    --t-nav-shadow: none;
    
    --t-nav-h: 56px;
    --t-vbar-bg: var(--t-fg);
    --t-vbar-fg: var(--t-bg);
    --t-chipcode-bg: var(--t-fg);
    --t-chipcode-fg: var(--t-bg);
    --t-foot-bg: var(--t-fg);
    --t-foot-fg: var(--t-bg);
    --t-foot-muted: color-mix(in srgb, var(--t-foot-fg) 60%, var(--t-foot-bg));
    --t-foot-line: color-mix(in srgb, var(--t-foot-fg) 18%, var(--t-foot-bg));
    --t-dark-panel: #15161a;
    --t-dark-panel-fg: #f2f2f2;

    
    --bg: var(--t-bg);
    --bg2: var(--t-surface-2);
    --bg3: var(--t-surface-2);
    --ink: var(--t-fg);
    --ink2: var(--t-fg-2);
    --ink3: var(--t-muted);
    --rule: var(--t-line);
    --rule2: var(--t-line-2);
    --gold: var(--t-link);
    --red: var(--t-bad);
    --green: var(--t-ok);
    --deal-accent: var(--t-deal);
    --save-accent: var(--t-save);
    --drop-accent: var(--t-drop);
    --smart-accent: var(--t-smart);
    --brand-ink: var(--t-fg-2);
    --tile-bg: var(--t-tile-bg);
    --tile-border: var(--t-line);
    --tile-border-hover: var(--t-line-2);
    --gold-face: var(--t-code-face);
    --gold-ink: var(--t-code-ink);
    --r: var(--t-radius-sm);
    --fs: var(--t-font-b);
    --fd: var(--t-font-d);
    --fm: var(--t-font-m);
    --max-w: 100%;
    --vbar-gut: var(--t-gutter);
    zoom: var(--t-zoom); }
@media (min-width: 1700px) {
html[data-theme] { --t-zoom: 1.1; }
}
@media (min-width: 1900px) {
html[data-theme] { --t-zoom: 1.2; }
}
@media (min-width: 2200px) {
html[data-theme] { --t-zoom: 1.35; }
}
@media (min-width: 2500px) {
html[data-theme] { --t-zoom: 1.55; }
}
@media (min-width: 3000px) {
html[data-theme] { --t-zoom: 1.85; }
}
@media (min-width: 3600px) {
html[data-theme] { --t-zoom: 2.2; }
}
html[data-theme] body { background: var(--t-bg);
    color: var(--t-fg);
    font-family: var(--t-font-b);
    font-variant-numeric: lining-nums; }
html[data-theme] .wcard-price,
html[data-theme] .wcard-was,
html[data-theme] .st-price,
html[data-theme] .price-compare .pc-hprice,
html[data-theme] .price-compare .pc-rprice,
html[data-theme] .price-compare .pc-rdiff,
html[data-theme] .sv-now,
html[data-theme] .sv-claim b,
html[data-theme] .hero-stat strong,
html[data-theme] .wi-big,
html[data-theme] .wi-table td,
html[data-theme] .tbl td,
html[data-theme] .deals-stats strong,
html[data-theme] .mcta-price,
html[data-theme] .footer-index .fi-big,
html[data-theme] .gcard-price strong,
html[data-theme] .phs-val,
html[data-theme] .nav-wi { font-variant-numeric: var(--t-num); }
@media (max-width: 768px) {
html[data-theme] { --t-nav-h: 48px; }
}
@media (max-width: 360px) {
html[data-theme] { --t-nav-h: 44px; }
}
html[data-theme] ::selection { background: var(--t-accent); color: var(--t-accent-fg); }
html[data-theme] :focus-visible { outline-color: var(--t-accent); }
html[data-theme] .icon,
html[data-theme] .icon-sm { opacity: 1; }
html[data-theme] .accent-bar,
html[data-theme] .accent-line { display: none; }
html[data-theme] .main { max-width: none; padding-left: var(--t-gutter); padding-right: var(--t-gutter); }
html[data-theme] .nav-inner { max-width: none; padding-left: var(--t-gutter); padding-right: var(--t-gutter); height: var(--t-nav-h); }
html[data-theme] .footer-inner { max-width: none; padding-left: var(--t-gutter); padding-right: var(--t-gutter); }
html[data-theme] .voucher-bar-shell { max-width: none; }
html[data-theme] .cookie-inner { max-width: none; padding-left: var(--t-gutter); padding-right: var(--t-gutter); }
html[data-theme] .msearch { padding-left: var(--t-gutter); padding-right: var(--t-gutter); }
html[data-theme] .brand-circles { margin-left: calc(-1 * var(--t-gutter)); margin-right: calc(-1 * var(--t-gutter)); padding-left: var(--t-gutter); padding-right: var(--t-gutter); }
html[data-theme] .voucher-bar:not(.is-site) { margin-left: calc(-1 * var(--t-gutter)); margin-right: calc(-1 * var(--t-gutter)); }
html[data-theme] h1,
html[data-theme] .h1,
html[data-theme] .about-title,
html[data-theme] .wi-big,
html[data-theme] .error-404 h1 { font-family: var(--t-font-d);
    font-weight: var(--t-d-weight);
    font-style: var(--t-d-style);
    font-stretch: var(--t-d-stretch);
    text-transform: var(--t-d-case);
    letter-spacing: var(--t-d-track);
    line-height: var(--t-d-lh); }
html[data-theme] h1,
html[data-theme] .h1 { font-size: var(--t-h1); color: var(--t-fg); }
html[data-theme] .about-title { white-space: normal; font-size: var(--t-h1); }
html[data-theme] h1 em,
html[data-theme] .h1 em { color: var(--t-accent); font-style: inherit; font-weight: inherit; }
html[data-theme] h2,
html[data-theme] .h2,
html[data-theme] h3,
html[data-theme] .h3 { font-family: var(--t-font-d); font-weight: var(--t-d-weight); font-style: var(--t-d-style); letter-spacing: var(--t-d-track); }
html[data-theme] .eyebrow,
html[data-theme] .breadcrumb,
html[data-theme] .filter-label,
html[data-theme] .fcol-title,
html[data-theme] .sm-lbl,
html[data-theme] .bs-stats,
html[data-theme] .wcard-brand,
html[data-theme] .wcard-ref,
html[data-theme] .sv-brand,
html[data-theme] .sv-fbrand,
html[data-theme] .gc-brand,
html[data-theme] .gh-label,
html[data-theme] .gh-brand,
html[data-theme] .gc-date,
html[data-theme] .gh-date,
html[data-theme] .pmc-count,
html[data-theme] .omc-count,
html[data-theme] .vfact-lbl,
html[data-theme] .vpage-sub,
html[data-theme] .deals-stats,
html[data-theme] .price-compare .pc-rest-lbl,
html[data-theme] .bc-name,
html[data-theme] .mega-dropdown-title,
html[data-theme] .sg-heading,
html[data-theme] .brand-section-sub { font-family: var(--t-label-font);
    letter-spacing: var(--t-label-track); }
html[data-theme] .eyebrow { color: var(--t-muted); }
html[data-theme] .eyebrow .icon,
html[data-theme] .sec-title .icon,
html[data-theme] .brand-section-h .icon,
html[data-theme] .vpage-sec .sec-title .v-ico { color: var(--t-accent); }
html[data-theme] .sec-hdr { border-bottom: 1px solid var(--t-line); }
html[data-theme] .sec-title,
html[data-theme] .brand-section-h { font-family: var(--t-font-d);
    font-size: var(--t-sec);
    font-weight: var(--t-d-weight);
    font-style: var(--t-d-style);
    font-stretch: var(--t-d-stretch);
    text-transform: var(--t-d-case);
    letter-spacing: var(--t-d-track);
    line-height: 1.05;
    color: var(--t-fg); }
html[data-theme] .sec-lnk { font-family: var(--t-ui-font); font-weight: var(--t-ui-weight); text-transform: var(--t-ui-case); letter-spacing: var(--t-ui-track); color: var(--t-link); }
html[data-theme] .sec-lnk:hover { color: var(--t-fg); }
html[data-theme] .site-nav { background: var(--t-nav-bg);
    color: var(--t-nav-fg);
    border-bottom: var(--t-nav-border);
    box-shadow: var(--t-nav-shadow); }
html[data-theme] .nav-logo { color: var(--t-nav-fg);
    font-family: var(--t-font-d);
    font-weight: var(--t-d-weight);
    font-style: var(--t-d-style);
    font-stretch: var(--t-d-stretch);
    letter-spacing: var(--t-d-track); }
html[data-theme] .nav-logo svg { opacity: 1; }
html[data-theme] .hamburger,
html[data-theme] .nav-search-btn { color: var(--t-nav-fg); }
html[data-theme] .nav-link { height: var(--t-nav-h);
    color: var(--t-nav-muted);
    font-family: var(--t-ui-font);
    font-weight: var(--t-ui-weight);
    text-transform: var(--t-ui-case);
    letter-spacing: var(--t-ui-track); }
html[data-theme] .nav-link:hover,
html[data-theme] .nav-link.on { color: var(--t-nav-fg); }
html[data-theme] .nav-dropdown-wrap.open .nav-link { background: var(--t-surface); color: var(--t-fg); border-color: var(--t-line); }
html[data-theme] .nav-wi { background: color-mix(in srgb, var(--t-nav-fg) 8%, transparent); color: var(--t-nav-muted); border-radius: var(--t-radius-sm); }
html[data-theme] .nav-wi.is-up { color: var(--t-up); }
html[data-theme] .nav-wi.is-down { color: var(--t-down); }
html[data-theme] .nav-wi-pill { color: var(--t-nav-muted); }
html[data-theme] .search-input { background: var(--t-input-bg);
    border: var(--t-input-border);
    border-radius: var(--t-input-radius);
    color: var(--t-fg);
    font-family: var(--t-font-b); }
html[data-theme] .search-input::placeholder { color: var(--t-muted); }
html[data-theme] .search-input:focus { border-color: var(--t-accent); }
html[data-theme] .search-btn { color: var(--t-muted); }
html[data-theme] .nav-fav { color: var(--t-heart); }
html[data-theme] .nav-fav-label { color: var(--t-nav-muted); font-family: var(--t-ui-font); text-transform: var(--t-ui-case); letter-spacing: var(--t-ui-track); }
html[data-theme] .nav-fav:hover .nav-fav-label { color: var(--t-nav-fg); }
html[data-theme] .nav-fav-badge,
html[data-theme] .nav-fav.has-items .nav-fav-badge { background: var(--t-accent); color: var(--t-accent-fg); }
html[data-theme] .nav-links { min-width: 0; }
html[data-theme] .nav-right { min-width: 0; flex-shrink: 1; }
html[data-theme] .nav-search { min-width: 0; flex: 0 1 230px; }
html[data-theme] .nav-search form { width: 100%; }
html[data-theme] .search-input,
html[data-theme] .search-input:focus { width: 100%; min-width: 0; }
@media (max-width: 1599px) {
html[data-theme] .nav-fav-label { display: none; }
}
@media (max-width: 1439px) {
html[data-theme] .nav-link { padding: 0 9px; gap: 0; }
html[data-theme] .nav-link .icon:first-child { display: none; }
html[data-theme] .nav-link .nav-wi { margin-left: 6px; }
}
@media (max-width: 1279px) {
html[data-theme] .hamburger { display: flex; }
html[data-theme] .nav-links { display: none; }
html[data-theme] .nav-wi-pill,
html[data-theme] .nav-bw-pill { display: inline-flex; }
}
@media (max-width: 359px) {
html[data-theme] .nav-wi-pill,
html[data-theme] .nav-bw-pill { display: none; }
}
@media (max-width: 440px) {
html[data-theme] .nav-inner { padding-left: 12px; padding-right: 12px; }
html[data-theme] .hamburger { margin-right: 8px; }
html[data-theme] .nav-logo { margin-right: 8px; }
html[data-theme] .nav-right { gap: 2px; }
html[data-theme] .nav-wi-pill { padding: 4px 3px; }
html[data-theme] .nav-wi-pill .icon { display: none; }
html[data-theme] .nav-bw-pill { padding: 4px; }
html[data-theme] .nav-fav { padding: 6px 7px; }
}
html[data-theme] .nav-bw-pill { color: var(--t-nav-muted); font-family: var(--t-ui-font); font-weight: var(--t-ui-weight); text-transform: var(--t-ui-case); letter-spacing: var(--t-ui-track); }
html[data-theme] .nav-bw-pill:hover { color: var(--t-nav-fg); background: color-mix(in srgb, var(--t-nav-fg) 6%, transparent); }
html[data-theme] .mega-dropdown { background: var(--t-surface);
    border: var(--t-card-border);
    border-radius: 0 0 var(--t-radius) var(--t-radius);
    box-shadow: var(--t-card-shadow-hover, 0 12px 40px rgba(0,0,0,.18)), 0 16px 40px rgba(0,0,0,.18);
    color: var(--t-fg); }
html[data-theme] .mega-dropdown-title,
html[data-theme] .mega-brands-col { border-color: var(--t-line); color: var(--t-muted); }
html[data-theme] .mega-brand-item { color: var(--t-fg-2); font-family: var(--t-font-b); border-radius: var(--t-radius-sm); }
html[data-theme] .mega-brand-item:hover,
html[data-theme] .mega-brand-item.active { background: var(--t-surface-2); color: var(--t-accent); }
html[data-theme] .mega-models-head { border-color: var(--t-line); }
html[data-theme] .mega-models-head-title { font-family: var(--t-font-d); color: var(--t-fg); }
html[data-theme] .mega-models-head a { color: var(--t-link); font-family: var(--t-label-font); }
html[data-theme] .mega-model-card { background: var(--t-plate); border: var(--t-card-border); border-radius: var(--t-radius-sm); }
html[data-theme] .mega-model-card .mmc-text { background: var(--t-surface-2); }
html[data-theme] .mega-model-card .mmc-name { font-family: var(--t-font-d); color: var(--t-fg); }
html[data-theme] .mega-model-card .mmc-image { background-color: var(--t-plate); background-blend-mode: var(--t-blend); }
html[data-theme] .sidebar { background: var(--t-surface); color: var(--t-fg); }
html[data-theme] .sidebar-header { border-color: var(--t-line); }
html[data-theme] .sidebar-title { font-family: var(--t-font-d); font-weight: var(--t-d-weight); font-style: var(--t-d-style); text-transform: var(--t-d-case); color: var(--t-fg); }
html[data-theme] .sidebar-close { color: var(--t-muted); }
html[data-theme] .sidebar-link { color: var(--t-fg); font-family: var(--t-ui-font); text-transform: var(--t-ui-case); letter-spacing: var(--t-ui-track); }
html[data-theme] .sidebar-link:hover { background: var(--t-surface-2); }
html[data-theme] .sidebar-brands a { color: var(--t-fg-2); border-color: var(--t-line); }
html[data-theme] .msearch { background: var(--t-bg); border-color: var(--t-line); }
html[data-theme] .msearch-input { background: var(--t-input-bg); border: var(--t-input-border); border-radius: var(--t-input-radius); color: var(--t-fg); }
html[data-theme] .msearch-input:focus { border-color: var(--t-accent); box-shadow: 0 0 0 3px color-mix(in srgb, var(--t-accent) 22%, transparent); }
html[data-theme] .search-suggest { background: var(--t-surface); border: var(--t-card-border); border-radius: 0 0 var(--t-radius) var(--t-radius); color: var(--t-fg); }
html[data-theme] .sg-section { border-color: var(--t-line); }
html[data-theme] .suggest-item { color: var(--t-fg); }
html[data-theme] .suggest-item:hover,
html[data-theme] .suggest-item.sg-active { background: var(--t-surface-2); }
html[data-theme] .sg-product-img { background: var(--t-plate); }
html[data-theme] .voucher-bar { background: var(--t-vbar-bg); color: var(--t-vbar-fg); border-bottom: 0; box-shadow: none; }
html[data-theme] .voucher-bar::before,
html[data-theme] .voucher-bar::after { display: none; }
html[data-theme] .voucher-offer { text-shadow: none; }
html[data-theme] .voucher-bar:not(.is-upcoming) .voucher-when { color: color-mix(in srgb, var(--t-vbar-fg) 65%, var(--t-vbar-bg)); }
html[data-theme] .voucher-bar.is-upcoming { background: var(--t-surface-2); color: var(--t-fg); border-bottom: 1px dashed var(--t-line-2); box-shadow: none; }
html[data-theme] .voucher-code,
html[data-theme] .voucher-code.is-static,
html[data-theme] .voucher-code.is-static:hover { background: var(--t-chipcode-bg);
    color: var(--t-chipcode-fg);
    border: 1px dashed color-mix(in srgb, var(--t-chipcode-fg) 55%, transparent);
    border-radius: var(--t-radius-sm);
    font-family: var(--t-font-m); }
html[data-theme] .voucher-code:hover,
html[data-theme] .shop-tile:hover .st-code .voucher-code { background: var(--t-chipcode-bg); border-color: var(--t-chipcode-fg); }
html[data-theme] .voucher-copied { background: var(--t-chipcode-bg); border-radius: var(--t-radius-sm); }
html[data-theme] .btn-p,
html[data-theme] .btn-404,
html[data-theme] .nav-btn:not(.outline),
html[data-theme] .btn-cookie-accept { background: var(--t-btn-bg);
    color: var(--t-btn-fg);
    border: var(--t-btn-border);
    border-radius: var(--t-radius-btn);
    box-shadow: var(--t-btn-shadow);
    font-family: var(--t-ui-font);
    font-weight: var(--t-ui-weight);
    text-transform: var(--t-ui-case);
    letter-spacing: var(--t-ui-track); }
html[data-theme] .btn-g,
html[data-theme] .nav-btn.outline,
html[data-theme] .share-btn { background: var(--t-surface);
    color: var(--t-fg);
    border: var(--t-tile-border);
    border-radius: var(--t-radius-btn);
    font-family: var(--t-ui-font);
    font-weight: var(--t-ui-weight); }
html[data-theme] .btn-g:hover,
html[data-theme] .nav-btn.outline:hover { background: var(--t-surface-2); border-color: var(--t-fg); }
html[data-theme] .chip,
html[data-theme] .deals-pill,
html[data-theme] .pm-more,
html[data-theme] .deals-more,
html[data-theme] .listing-select { background: var(--t-chip-bg);
    color: var(--t-chip-fg);
    border: var(--t-chip-border);
    border-radius: var(--t-radius-chip);
    font-family: var(--t-ui-font);
    font-weight: var(--t-ui-weight);
    text-transform: var(--t-ui-case);
    letter-spacing: var(--t-ui-track); }
html[data-theme] .chip:hover,
html[data-theme] .deals-pill:hover,
html[data-theme] .deals-more:hover,
html[data-theme] .pm-more:hover { color: var(--t-fg); border-color: var(--t-fg); background: var(--t-chip-bg); }
html[data-theme] .chip.on,
html[data-theme] .deals-pill.on,
html[data-theme] .paging .chip.on { background: var(--t-chip-on-bg); color: var(--t-chip-on-fg); border-color: var(--t-chip-on-bg); }
html[data-theme] .listing-select { color: var(--t-fg); }
html[data-theme] .filter-bar { border-color: var(--t-line); }
html[data-theme] .form-input,
html[data-theme] .form-textarea,
html[data-theme] .mw-sort { background: var(--t-input-bg);
    border: var(--t-input-border);
    border-radius: var(--t-input-radius);
    color: var(--t-fg); }
html[data-theme] .form-input:focus,
html[data-theme] .form-textarea:focus { border-color: var(--t-accent); }
html[data-theme] .contact-info-box { background: var(--t-surface); border: var(--t-card-border); border-radius: var(--t-radius); }
html[data-theme] .lsl-nav,
html[data-theme] .gsl-nav,
html[data-theme] .bms-nav,
html[data-theme] .bc-arrow { background: var(--t-surface);
    border: var(--t-tile-border);
    color: var(--t-fg);
    box-shadow: var(--t-card-shadow); }
html[data-theme] .lsl-nav:hover,
html[data-theme] .gsl-nav:hover,
html[data-theme] .bms-nav:hover,
html[data-theme] .bc-arrow:hover { background: var(--t-accent); border-color: var(--t-accent); color: var(--t-accent-fg); }
html[data-theme] .wgrid,
html[data-theme] .deals-grid,
html[data-theme] .similar-grid { display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, var(--t-card-min)), 1fr));
    gap: var(--t-grid-gap);
    border: 0;
    background: none; }
html[data-theme] .wcard { min-width: 0; max-width: 100%; }
html[data-theme] .wcard,
html[data-theme] .wcard:nth-child(n),
html[data-theme] .similar-grid .wcard,
html[data-theme] .deal-card { background: var(--t-card-bg);
    border: var(--t-card-border);
    border-radius: var(--t-radius);
    box-shadow: var(--t-card-shadow);
    clip-path: var(--t-card-clip);
    padding: var(--t-card-pad);
    transition: transform .2s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease; }
html[data-theme] .wcard:hover,
html[data-theme] .deal-card:hover { background: var(--t-card-bg);
    box-shadow: var(--t-card-shadow-hover);
    transform: translateY(calc(-1 * var(--t-card-lift)));
    border-color: var(--t-fg); }
html[data-theme] .wcard:hover { --deal-accent: var(--t-deal); --save-accent: var(--t-save); --drop-accent: var(--t-drop); }
html[data-theme] .latest-card { flex-basis: clamp(280px, 24vw, 340px); }
html[data-theme] .wcard-imgwrap,
html[data-theme] .mw-imgwrap { background: var(--t-plate);
    border-radius: var(--t-radius-img);
    overflow: hidden;
    isolation: isolate; }
html[data-theme] .wcard-img,
html[data-theme] .wcard-imgwrap.has-claim .wcard-img { background: transparent;
    mix-blend-mode: var(--t-blend);
    border-radius: 0; }
html[data-theme] .wcard-img { height: var(--t-img-h); }
html[data-theme] .wcard-imgwrap:not(.has-claim) .wcard-img { height: calc(var(--t-img-h) + var(--claim-h)); }
html[data-theme] .wcard-img:not(.img-ph) { object-fit: contain; padding: 5%; }
html[data-theme] .wcard-imgwrap .img-ph,
html[data-theme] .bs-img .img-ph,
html[data-theme] .pmc-image .img-ph,
html[data-theme] .gc-img .img-ph,
html[data-theme] .gh-img .img-ph { background: transparent !important; mix-blend-mode: var(--t-blend); }
html[data-theme] .wcard > .wcard-img,
html[data-theme] .wcard > .wcard-img:not(.img-ph) { mix-blend-mode: normal; object-fit: cover; padding: 0; background: #fff; border-radius: var(--t-radius-img); }
html[data-theme] .wcard-claim { margin-top: 0; }
html[data-theme] .wcard-imgwrap + .wcard-claim { margin-top: -14px; }
html[data-theme] .wcard-claim .badge { border-radius: 0 0 var(--t-radius-img) var(--t-radius-img); font-family: var(--t-label-font); }
html[data-theme] .wcard-brand { color: var(--t-muted); }
html[data-theme] .wcard-name { font-family: var(--t-font-b); font-size: var(--t-name); font-weight: 600; letter-spacing: -0.01em; line-height: 1.3; color: var(--t-fg); }
html[data-theme] .wcard-ref { color: var(--t-muted); }
html[data-theme] .wcard-row { border-color: var(--t-line); }
html[data-theme] .wcard-price { font-family: var(--t-font-d); font-weight: var(--t-d-weight); font-style: var(--t-d-style); font-size: var(--t-price); letter-spacing: -0.02em; }
html[data-theme] .wcard-was { font-family: var(--t-font-m); }
html[data-theme] .wcard-retailers,
html[data-theme] .wcard-from { color: var(--t-muted); }
html[data-theme] .badge { font-family: var(--t-label-font); border-radius: var(--t-radius-sm); }
html[data-theme] .b-deal,
html[data-theme] a.b-deal { background: color-mix(in srgb, var(--t-deal) 18%, var(--t-card-bg)); color: color-mix(in srgb, var(--t-deal) 70%, var(--t-fg)); }
html[data-theme] .b-po,
html[data-theme] a.b-po { background: color-mix(in srgb, var(--t-drop) 16%, var(--t-card-bg)); color: color-mix(in srgb, var(--t-drop) 78%, var(--t-fg)); }
html[data-theme] .b-save,
html[data-theme] a.b-save { background: color-mix(in srgb, var(--t-save) 15%, var(--t-card-bg)); color: color-mix(in srgb, var(--t-save) 80%, var(--t-fg)); }
html[data-theme] .b-code { background: color-mix(in srgb, #d6a937 30%, var(--t-card-bg)); color: color-mix(in srgb, var(--t-code-ink) 70%, var(--t-fg)); }
html[data-theme] .b-smart { background: color-mix(in srgb, var(--t-smart) 14%, var(--t-card-bg)); color: var(--t-smart); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--t-smart) 40%, transparent); }
html[data-theme] .wcard:hover .wcard-claim .b-deal { background: color-mix(in srgb, var(--t-deal) 30%, var(--t-card-bg)); color: color-mix(in srgb, var(--t-deal) 60%, var(--t-fg)); }
html[data-theme] .wcard:hover .wcard-claim .b-po { background: color-mix(in srgb, var(--t-drop) 26%, var(--t-card-bg)); color: color-mix(in srgb, var(--t-drop) 70%, var(--t-fg)); }
html[data-theme] .wcard:hover .wcard-claim .b-save { background: color-mix(in srgb, var(--t-save) 24%, var(--t-card-bg)); color: color-mix(in srgb, var(--t-save) 72%, var(--t-fg)); }
html[data-theme] .wcard:hover .wcard-claim .b-code { background: color-mix(in srgb, #d6a937 44%, var(--t-card-bg)); }
html[data-theme] a.b-deal:hover,
html[data-theme] a.b-po:hover,
html[data-theme] a.b-save:hover { filter: brightness(.96); }
html[data-theme] .deal-banner { top: 10px;
    left: 10px;
    padding: 6px 9px;
    min-width: 0;
    filter: none;
    color: var(--t-deal-fg);
    font-family: var(--t-font-m);
    border-radius: var(--t-radius-sm);
    overflow: hidden; }
html[data-theme] .deal-banner::after { clip-path: none; border-radius: inherit; }
html[data-theme] .deal-banner::before { display: none; }
html[data-theme] .deal-banner.is-save,
html[data-theme] .deal-banner.is-drop { color: #fff; }
html[data-theme] .deal-banner.is-code { color: var(--t-code-ink); }
html[data-theme] .deal-banner .db-pct { font-size: 15px; }
html[data-theme] .shop-tile { background: var(--t-tile-bg);
    border: var(--t-tile-border);
    border-radius: var(--t-radius-sm);
    box-shadow: var(--t-tile-shadow);
    color: var(--t-fg); }
html[data-theme] .shop-tile:hover { border-color: var(--t-fg); }
html[data-theme] .st-name { font-family: var(--t-font-b); }
html[data-theme] .st-dom,
html[data-theme] .st-more { font-family: var(--t-font-m); color: var(--t-muted); }
html[data-theme] .st-more { border-color: var(--t-line); }
html[data-theme] .st-price { font-family: var(--t-font-d); font-weight: var(--t-d-weight); font-style: var(--t-d-style); font-size: var(--t-tile-price); letter-spacing: -0.02em; }
html[data-theme] .st-ico { border-radius: var(--t-radius-sm); }
html[data-theme] .st-pi { box-shadow: 0 0 0 1px color-mix(in srgb, var(--t-fill) 55%, transparent); }
html[data-theme] .shop-ini,
html[data-theme] .st-pi.shop-ini { background: var(--t-fill); color: var(--t-bg); }
html[data-theme] .st-cprice { color: var(--t-code-ink); }
html[data-theme] .fav-btn-card { background: var(--t-surface);
    border: 1px solid var(--t-line);
    color: var(--t-heart);
    box-shadow: none; }
html[data-theme] .fav-btn-card:hover { background: var(--t-surface); }
html[data-theme] .fav-btn-card.is-saved,
html[data-theme] .fav-btn-card.is-saved:hover { background: var(--t-heart); border-color: var(--t-heart); color: #fff; }
html[data-theme] .fav-btn-hero { background: var(--t-surface); color: var(--t-fg); border: var(--t-tile-border); border-radius: var(--t-radius-btn); box-shadow: none; font-family: var(--t-ui-font); }
html[data-theme] .fav-btn-hero .fav-ico { color: var(--t-heart); }
html[data-theme] .fav-btn-hero.is-saved,
html[data-theme] .fav-btn-hero.is-saved:hover { background: var(--t-heart); border-color: var(--t-heart); color: #fff; }
html[data-theme] .hero-price-row { align-items: center; }
html[data-theme] .hero-price-row > .hero-price,
html[data-theme] .hero-price-row > s { align-self: baseline; margin: 0; }
html[data-theme] .price-fav::before { content: none; }
html[data-theme] .fav-ico { filter: none; }
html[data-theme] .hero-v2 { animation: none; }
html[data-theme] .hero-v2-title { font-size: clamp(30px, 4.6vw, 76px); line-height: var(--t-d-lh); }
html[data-theme] .hero-v2-title em { color: var(--t-accent); font-style: inherit; }
html[data-theme] .hero-v2-sub { color: var(--t-fg-2); }
html[data-theme] .hero-search-input { background: var(--t-input-bg);
    border: var(--t-input-border);
    border-radius: var(--t-input-radius);
    color: var(--t-fg);
    box-shadow: none; }
html[data-theme] .hero-search-input:focus { border-color: var(--t-accent); box-shadow: 0 0 0 3px color-mix(in srgb, var(--t-accent) 22%, transparent); }
html[data-theme] .hero-search .search-suggest { border-radius: var(--t-radius); }
html[data-theme] .hero-stat { background: var(--t-surface);
    border: var(--t-tile-border);
    border-radius: var(--t-radius-sm);
    color: var(--t-muted);
    font-family: var(--t-label-font); }
html[data-theme] .hero-stat svg { color: var(--t-accent); }
html[data-theme] .hero-stat strong { font-family: var(--t-font-d); font-weight: var(--t-d-weight); font-style: var(--t-d-style); color: var(--t-fg); }
html[data-theme] .brand-slide { background: var(--t-card-bg); border: var(--t-card-border); border-radius: var(--t-radius); box-shadow: var(--t-card-shadow); clip-path: var(--t-card-clip); }
html[data-theme] .brand-slide:hover { border-color: var(--t-fg); box-shadow: var(--t-card-shadow-hover); transform: translateY(calc(-1 * var(--t-card-lift))); }
html[data-theme] .bs-img { background: var(--t-plate); border-radius: var(--t-radius) var(--t-radius) 0 0; isolation: isolate; }
html[data-theme] .bs-img img { mix-blend-mode: var(--t-blend); }
html[data-theme] .bs-name { font-family: var(--t-font-d); font-weight: var(--t-d-weight); font-style: var(--t-d-style); text-transform: var(--t-d-case); letter-spacing: var(--t-d-track); color: var(--t-fg); }
html[data-theme] .bs-sep { color: var(--t-line-2); }
html[data-theme] .sv-panel { --sv-accent: var(--t-fill); --sv-glow: transparent; }
html[data-theme] .sv-panel[data-kind="discount"] { --sv-accent: var(--t-deal); }
html[data-theme] .sv-panel[data-kind="drop"] { --sv-accent: var(--t-drop); }
html[data-theme] .sv-panel[data-kind="retailer"] { --sv-accent: var(--t-save); }
html[data-theme] .sv-tabs { background: var(--t-surface-2); border: var(--t-card-border); border-bottom: 0; border-radius: var(--t-radius) var(--t-radius) 0 0; }
html[data-theme] .sv-tab { font-family: var(--t-ui-font); color: var(--t-fg-2); }
html[data-theme] .sv-tab + .sv-tab { box-shadow: inset 1px 0 0 var(--t-line); }
html[data-theme] .sv-tab:hover { background: var(--t-surface); }
html[data-theme] .sv-tab.is-all { color: var(--t-fg); }
html[data-theme] .sv-tab.is-deal { color: color-mix(in srgb, var(--t-deal) 75%, var(--t-fg)); }
html[data-theme] .sv-tab.is-drop { color: color-mix(in srgb, var(--t-drop) 80%, var(--t-fg)); }
html[data-theme] .sv-tab.is-save { color: color-mix(in srgb, var(--t-save) 80%, var(--t-fg)); }
html[data-theme] .sv-tab.on { color: var(--t-bg); }
html[data-theme] .sv-tab.is-all.on { background: var(--t-fill); }
html[data-theme] .sv-tab.is-deal.on { background: var(--t-deal); color: var(--t-deal-fg); }
html[data-theme] .sv-tab.is-drop.on { background: var(--t-drop); color: #fff; }
html[data-theme] .sv-tab.is-save.on { background: var(--t-save); color: #fff; }
html[data-theme] .sv-body { background: var(--t-surface); border: 3px solid var(--sv-accent); border-radius: 0 0 var(--t-radius) var(--t-radius); box-shadow: var(--t-card-shadow); }
html[data-theme] .sv-spot { background: var(--t-dark-panel); color: var(--t-dark-panel-fg); }
html[data-theme] .sv-big { font-family: var(--t-font-d); font-weight: var(--t-d-weight); font-style: var(--t-d-style); color: var(--t-dark-panel-fg); letter-spacing: -0.03em; }
html[data-theme] .sv-big span { font-family: var(--t-font-b); color: color-mix(in srgb, var(--t-dark-panel-fg) 70%, transparent); }
html[data-theme] .sv-eyebrow { font-family: var(--t-ui-font); }
html[data-theme] .sv-feature.is-deal .sv-eyebrow { color: var(--t-deal); }
html[data-theme] .sv-feature.is-drop .sv-eyebrow { color: color-mix(in srgb, var(--t-drop) 60%, #fff); }
html[data-theme] .sv-feature.is-save .sv-eyebrow { color: color-mix(in srgb, var(--t-save) 55%, #fff); }
html[data-theme] .sv-fprices .sv-now { color: var(--t-dark-panel-fg); }
html[data-theme] .sv-ring .sv-ring-fill,
html[data-theme] .sv-ring .sv-dot { stroke: var(--t-accent); fill: var(--t-accent); }
html[data-theme] .sv-ring .sv-ring-fill { fill: none; }
html[data-theme] .sv-disc { background: var(--t-plate); }
html[data-theme] .sv-media .sv-disc { background: radial-gradient(circle at 50% 40%, #ffffff 0%, color-mix(in srgb, var(--t-plate) 80%, #fff) 70%, var(--t-plate) 100%); }
html[data-theme] .sv-list { background: var(--t-surface); }
html[data-theme] .sv-head { font-family: var(--t-font-d); font-weight: var(--t-d-weight); font-style: var(--t-d-style); text-transform: var(--t-d-case); letter-spacing: var(--t-d-track); color: var(--t-fg); }
html[data-theme] .sv-head::after { background: var(--t-accent); }
html[data-theme] .sv-row::before { border-color: var(--t-line); }
html[data-theme] .sv-row:hover,
html[data-theme] .sv-row.is-current { background: var(--t-surface-2); }
html[data-theme] .sv-row.is-current::after { background: var(--t-accent); }
html[data-theme] .sv-name { color: var(--t-fg); }
html[data-theme] .sv-row:hover .sv-name { color: var(--t-accent); }
html[data-theme] .sv-now { font-family: var(--t-font-d); font-weight: var(--t-d-weight); font-style: var(--t-d-style); }
html[data-theme] .sv-model { background: var(--t-surface-2); border-color: var(--t-line); color: var(--t-fg-2); border-radius: var(--t-radius-chip); }
html[data-theme] .sv-model:hover { background: var(--t-accent); border-color: var(--t-accent); color: var(--t-accent-fg); }
html[data-theme] .sv-claim b { font-family: var(--t-font-d); font-weight: var(--t-d-weight); font-style: var(--t-d-style); }
html[data-theme] .sv-row.is-deal .sv-claim { color: color-mix(in srgb, var(--t-deal) 80%, var(--t-fg)); }
html[data-theme] .sv-row.is-drop .sv-claim { color: color-mix(in srgb, var(--t-drop) 85%, var(--t-fg)); }
html[data-theme] .sv-row.is-save .sv-claim { color: color-mix(in srgb, var(--t-save) 85%, var(--t-fg)); }
html[data-theme] .sv-more { background: var(--sv-accent); color: var(--t-bg); border-radius: var(--t-radius-btn); box-shadow: none; font-family: var(--t-ui-font); }
html[data-theme] .sv-panel[data-kind="discount"] .sv-more { color: var(--t-deal-fg); }
html[data-theme] .pm-tabs { border-color: var(--t-line); }
html[data-theme] .pm-tab { color: var(--t-muted); font-family: var(--t-ui-font); border-radius: var(--t-radius-sm) var(--t-radius-sm) 0 0; }
html[data-theme] .pm-tab:hover { color: var(--t-fg); }
html[data-theme] .pm-tab.active { color: var(--t-fg); background: var(--t-bg); border-color: var(--t-line); border-bottom-color: var(--t-bg); }
html[data-theme] .popular-models-grid { grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr)); }
html[data-theme] .popular-model-card,
html[data-theme] .other-model-card { background: var(--t-card-bg);
    border: var(--t-card-border);
    border-radius: var(--t-radius);
    box-shadow: var(--t-card-shadow);
    clip-path: var(--t-card-clip); }
html[data-theme] .popular-model-card:hover,
html[data-theme] .other-model-card:hover { border-color: var(--t-fg); box-shadow: var(--t-card-shadow-hover); transform: translateY(calc(-1 * var(--t-card-lift))); }
html[data-theme] .pmc-text,
html[data-theme] .omc-text { background: var(--t-surface-2); }
html[data-theme] .pmc-name,
html[data-theme] .omc-name { font-family: var(--t-font-d); color: var(--t-fg); font-style: var(--t-d-style); }
html[data-theme] .pmc-image { background-color: var(--t-plate); isolation: isolate; }
html[data-theme] .pmc-image img { mix-blend-mode: var(--t-blend); }
html[data-theme] .omc-image { background-color: var(--t-plate); background-blend-mode: var(--t-blend); }
html[data-theme] .pmc-brand { background: var(--t-surface); color: var(--t-fg-2); border-radius: var(--t-radius-sm); }
html[data-theme] .pmc-logo { background: #fff; border-color: var(--t-line); }
html[data-theme] .guides-hero,
html[data-theme] .guide-card { background: var(--t-card-bg);
    border: var(--t-card-border);
    border-radius: var(--t-radius);
    box-shadow: var(--t-card-shadow);
    clip-path: var(--t-card-clip); }
html[data-theme] .guides-hero:hover,
html[data-theme] .guide-card:hover { border-color: var(--t-fg); box-shadow: var(--t-card-shadow-hover); transform: translateY(calc(-1 * var(--t-card-lift))); }
html[data-theme] .gh-img,
html[data-theme] .gc-img { background: var(--t-plate); isolation: isolate; }
html[data-theme] .gh-img img,
html[data-theme] .gc-img img { mix-blend-mode: var(--t-blend); }
html[data-theme] .gh-label { color: var(--t-accent); }
html[data-theme] .gh-title,
html[data-theme] .gc-title { font-family: var(--t-font-d); font-weight: var(--t-d-weight); font-style: var(--t-d-style); text-transform: var(--t-d-case); letter-spacing: var(--t-d-track); color: var(--t-fg); }
html[data-theme] .gh-title { font-size: clamp(22px, 2.2vw, 34px); line-height: 1.05; }
html[data-theme] .gc-title { font-size: 17px; line-height: 1.15; }
html[data-theme] .gh-excerpt,
html[data-theme] .gc-excerpt { color: var(--t-muted); }
html[data-theme] .guide-body { color: var(--t-fg-2); }
html[data-theme] .guide-body h2,
html[data-theme] .guide-body h3 { font-family: var(--t-font-d); font-weight: var(--t-d-weight); font-style: var(--t-d-style); text-transform: var(--t-d-case); letter-spacing: var(--t-d-track); color: var(--t-fg); }
html[data-theme] .guide-body h2 { font-size: clamp(22px, 2vw, 30px); }
html[data-theme] .guide-body a,
html[data-theme] .static-page a,
html[data-theme] .contact-info-box a { color: var(--t-link); }
html[data-theme] .guide-body blockquote { background: var(--t-surface-2); border-color: var(--t-accent); border-radius: 0 var(--t-radius-sm) var(--t-radius-sm) 0; }
html[data-theme] .guide-body table,
html[data-theme] .guide-body table th,
html[data-theme] .guide-body table td { border-color: var(--t-line); }
html[data-theme] .guide-body table th { background: var(--t-surface-2); color: var(--t-muted); font-family: var(--t-label-font); }
html[data-theme] .guide-body table tr:hover td { background: var(--t-surface-2); }
html[data-theme] .gmos-item,
html[data-theme] .mos-item { background: var(--t-plate); border-radius: var(--t-radius-sm); isolation: isolate; }
html[data-theme] .gmos-item img,
html[data-theme] .mos-item img { mix-blend-mode: var(--t-blend); }
html[data-theme] .gmos-item::after,
html[data-theme] .mos-item::after { border-radius: var(--t-radius-sm); }
html[data-theme] .guide-body .gcard { background: var(--t-card-bg); border: var(--t-card-border); border-radius: var(--t-radius); box-shadow: var(--t-card-shadow); color: var(--t-fg); }
html[data-theme] .guide-body .gcard:hover { border-color: var(--t-fg); box-shadow: var(--t-card-shadow-hover); }
html[data-theme] .guide-body .gcard-img { background: var(--t-plate); isolation: isolate; border-radius: var(--t-radius-sm); }
html[data-theme] .guide-body .gcard-img img { mix-blend-mode: var(--t-blend); }
html[data-theme] .gcard-name { font-family: var(--t-font-b); color: var(--t-fg); }
html[data-theme] .gcard-brand { font-family: var(--t-label-font); color: var(--t-muted); }
html[data-theme] .gcard-price strong { font-family: var(--t-font-d); font-weight: var(--t-d-weight); font-style: var(--t-d-style); }
html[data-theme] .guide-body .gcard-cta { color: var(--t-link); font-family: var(--t-ui-font); text-transform: var(--t-ui-case); letter-spacing: var(--t-ui-track); }
html[data-theme] .deals-stats strong { font-family: var(--t-font-d); font-weight: var(--t-d-weight); font-style: var(--t-d-style); color: var(--t-fg); }
html[data-theme] .ds-sep { background: var(--t-accent); }
html[data-theme] .brand-circles.is-stuck { background: color-mix(in srgb, var(--t-bg) 94%, transparent); box-shadow: inset 0 -1px 0 var(--t-line), 0 6px 18px rgba(0,0,0,.07); }
html[data-theme] .bc-disc { border-color: var(--t-line); background: #fff; }
html[data-theme] .bc-disc-all { background: var(--t-surface-2); color: var(--t-fg); }
html[data-theme] .bc-item.on .bc-disc { border-color: var(--t-accent); box-shadow: 0 0 0 2px var(--t-bg), 0 0 0 3.5px var(--t-accent); }
html[data-theme] .bc-item.on .bc-disc-all { background: var(--t-fill); color: var(--t-bg); }
html[data-theme] .bc-name { color: var(--t-muted); }
html[data-theme] .bc-item.on .bc-name { color: var(--t-fg); }
html[data-theme] .deals-pill[data-type="code"].on { background: var(--t-code-face); color: var(--t-code-ink); border-color: transparent; }
html[data-theme] .deals-vlink { color: var(--t-link); }
html[data-theme] .deals-reset { color: var(--t-link); }
html[data-theme] .model-hero-vlabel { background: var(--t-surface-2) !important; border-radius: var(--t-radius) !important; }
html[data-theme] .mos-t { background-color: var(--t-plate); border-radius: var(--t-radius-sm); background-blend-mode: var(--t-blend); }
html[data-theme] .product-img-frame { background: var(--t-plate); border: var(--t-card-border); border-radius: var(--t-radius); isolation: isolate; overflow: hidden; }
html[data-theme] .product-img-frame img { mix-blend-mode: var(--t-blend); }
html[data-theme] .product-img-frame > .deal-banner { top: 14px; left: 14px; }
html[data-theme] .product-info h1 { font-size: clamp(26px, 2.8vw, 46px); line-height: 1.04; }
html[data-theme] .hero-badges .hero-badge { border-radius: var(--t-radius-sm); }
html[data-theme] .hero-codeline { color: var(--t-fg-2); }
html[data-theme] .specs-mini { border: var(--t-card-border); border-radius: var(--t-radius-sm); background: var(--t-surface); }
html[data-theme] .sm-item { border-color: var(--t-line); }
html[data-theme] .sm-lbl { color: var(--t-muted); }
html[data-theme] .sm-val { color: var(--t-fg); }
html[data-theme] .share-row-product .share-x .icon { color: var(--t-fg); }
html[data-theme] .price-compare .pc-hero { background-color: var(--t-surface);
    background-image: none;
    border: 3px solid var(--t-deal);
    border-radius: var(--t-radius);
    box-shadow: var(--t-card-shadow);
    color: var(--t-fg); }
html[data-theme] .price-compare .pc-ribbon { background: var(--t-deal); color: var(--t-deal-fg); font-family: var(--t-label-font); border-radius: 0 0 0 var(--t-radius-sm); }
html[data-theme] .price-compare .pc-hname { font-family: var(--t-font-b); color: var(--t-fg); }
html[data-theme] .price-compare .pc-hdom { color: var(--t-muted); }
html[data-theme] .price-compare .pc-hprice,
html[data-theme] .price-compare .pc-rprice,
html[data-theme] .mcta-price { font-family: var(--t-font-d);
    font-weight: var(--t-d-weight);
    font-style: var(--t-d-style);
    letter-spacing: -0.02em;
    color: var(--t-fg); }
html[data-theme] .price-compare .pc-hsave { color: var(--t-fg-2); }
html[data-theme] .price-compare .pc-hcta,
html[data-theme] .img-more-photos,
html[data-theme] .mcta-btn,
html[data-theme] .mw-deal,
html[data-theme] .vpage-visit { background: var(--t-cta-bg);
    color: var(--t-cta-fg);
    border-radius: var(--t-radius-btn);
    box-shadow: var(--t-btn-shadow);
    font-family: var(--t-ui-font);
    text-transform: var(--t-ui-case);
    letter-spacing: var(--t-ui-track); }
html[data-theme] .price-compare .pc-hcta:hover,
html[data-theme] .price-compare .pc-hero:hover .pc-hcta,
html[data-theme] .img-more-photos:hover,
html[data-theme] .mw-deal:hover,
html[data-theme] .vpage-visit:hover,
html[data-theme] .mcta-btn:active { background: var(--t-cta-bg); filter: brightness(1.06); }
html[data-theme] .mcta-btn::after { display: none; }
html[data-theme] .price-compare .pc-list { background: var(--t-surface); border: var(--t-card-border); border-radius: var(--t-radius); }
html[data-theme] .price-compare .pc-row { border-color: var(--t-line); }
html[data-theme] .price-compare .pc-row:hover { background: var(--t-surface-2); }
html[data-theme] .price-compare .pc-row.pc-match { background: var(--t-surface-2); }
html[data-theme] .price-compare .pc-row.pc-dearer { background: color-mix(in srgb, var(--t-surface-2) 60%, var(--t-surface)); }
html[data-theme] .price-compare .pc-row.pc-dearer:hover { background: var(--t-surface-2); }
html[data-theme] .price-compare .pc-rname { color: var(--t-fg); }
html[data-theme] .price-compare .pc-cta { border-color: var(--t-cta-bg); color: color-mix(in srgb, var(--t-cta-bg) 75%, var(--t-fg)); border-radius: var(--t-radius-btn); font-family: var(--t-ui-font); text-transform: var(--t-ui-case); letter-spacing: var(--t-ui-track); }
html[data-theme] .price-compare .pc-cta:hover,
html[data-theme] .price-compare .pc-row:hover .pc-cta { background: var(--t-cta-bg); color: var(--t-cta-fg); }
html[data-theme] .price-compare .pc-cta.dead,
html[data-theme] .price-compare .pc-row.oos:hover .pc-cta.dead { background: var(--t-surface-2); color: var(--t-muted); border-color: transparent; }
html[data-theme] .price-compare .pc-av:not(img) { background: var(--t-fill); color: var(--t-bg); }
html[data-theme] .price-compare .pc-meta .pc-vtag { color: color-mix(in srgb, var(--t-code-ink) 70%, var(--t-fg)); }
html[data-theme] .price-compare .pc-in,
html[data-theme] .price-compare .pc-free { color: var(--t-ok); }
html[data-theme] .price-compare .pc-out { color: var(--t-muted); }
html[data-theme] .price-compare .pc-paid { color: var(--t-fg-2); }
html[data-theme] .price-history-section .price-history-chart,
html[data-theme] .price-chart { background: var(--t-surface); border: var(--t-card-border); border-radius: var(--t-radius); }
html[data-theme] .alt-chip { background: var(--t-fill); color: var(--t-bg); border-radius: var(--t-radius-chip); }
html[data-theme] .alt-chip svg { color: var(--t-accent); }
html[data-theme] .alt-chip.is-less { background: var(--t-drop); color: #fff; }
html[data-theme] .alt-chip.is-less svg { color: #fff; }
html[data-theme] .mobile-cta-bar { background: var(--t-surface); border-top: 1px solid var(--t-line-2); }
html[data-theme] .mcta-thumb { background: var(--t-plate); border-color: var(--t-line); }
html[data-theme] .mcta-retailer { color: var(--t-muted); }
html[data-theme] .img-modal img,
html[data-theme] #mos-modal img { border-radius: var(--t-radius); }
html[data-theme] .vcard { background: color-mix(in srgb, #d6a937 16%, var(--t-surface)); border: 1px dashed color-mix(in srgb, #b08628 70%, transparent); border-radius: var(--t-radius); }
html[data-theme] .vcard.is-soon { background: var(--t-surface); }
html[data-theme] .vcard.is-expired { background: transparent; border-color: var(--t-line); }
html[data-theme] .vcard-label,
html[data-theme] .vcard-offer { color: color-mix(in srgb, var(--t-code-ink) 75%, var(--t-fg)); }
html[data-theme] .vcard-offer { font-family: var(--t-font-d); font-weight: var(--t-d-weight); font-style: var(--t-d-style); }
html[data-theme] .vshop { background: var(--t-card-bg); border: var(--t-card-border); border-radius: var(--t-radius); box-shadow: var(--t-card-shadow); color: var(--t-fg); }
html[data-theme] .vshop:hover { border-color: var(--t-fg); box-shadow: var(--t-card-shadow-hover); }
html[data-theme] .vshop-offer,
html[data-theme] .vlist-offer { color: color-mix(in srgb, var(--t-code-ink) 65%, var(--t-fg)); }
html[data-theme] .vlist,
html[data-theme] .vlist-row { border-color: var(--t-line); }
html[data-theme] .vfacts,
html[data-theme] .vfact { border-color: var(--t-line); }
html[data-theme] .vfact-val { color: var(--t-fg); }
html[data-theme] .vpage-ico { border-radius: var(--t-radius-sm); }
html[data-theme] .vpage-faq details { border-color: var(--t-line); }
html[data-theme] .vridge .vr-area { fill: var(--t-bg); }
html[data-theme] .vridge .is-me .vr-area { fill: color-mix(in srgb, var(--t-save) 30%, var(--t-bg)); }
html[data-theme] .vridge .is-me .vr-line { stroke: var(--t-save); }
html[data-theme] .vridge .is-me .vr-name { fill: var(--t-save); }
html[data-theme] .vmap-key i.is-me { background: color-mix(in srgb, var(--t-save) 30%, var(--t-bg)); box-shadow: inset 0 0 0 1.5px var(--t-save); }
html[data-theme] .vmap-tip { background: var(--t-fill); color: var(--t-bg); border-radius: var(--t-radius-sm); }
html[data-theme] .wi-headline { border-color: var(--t-line); }
html[data-theme] .wi-big { color: var(--t-fg); }
html[data-theme] .wi-big.is-up { color: var(--t-up); }
html[data-theme] .wi-big.is-down { color: var(--t-down); }
html[data-theme] .wi-table a { color: var(--t-fg-2); text-decoration-color: var(--t-line-2); }
html[data-theme] .tbl-wrap,
html[data-theme] .tbl th,
html[data-theme] .tbl td { border-color: var(--t-line); }
html[data-theme] .tbl th { background: var(--t-surface-2); color: var(--t-muted); font-family: var(--t-label-font); }
html[data-theme] .mw-empty { background: var(--t-surface); border: var(--t-card-border); border-radius: var(--t-radius); }
html[data-theme] .sidebar-link[data-fav-nav] .fav-ico { color: var(--t-heart); }
html[data-theme] .mw-deal-oos,
html[data-theme] .mw-deal:disabled { background: var(--t-surface-2); color: var(--t-muted); }
html[data-theme] .static-page h2,
html[data-theme] .static-page h3 { font-family: var(--t-font-d); font-weight: var(--t-d-weight); font-style: var(--t-d-style); text-transform: var(--t-d-case); letter-spacing: var(--t-d-track); color: var(--t-fg); }
html[data-theme] .static-page p,
html[data-theme] .static-page ul,
html[data-theme] .static-page ol { color: var(--t-fg-2); }
html[data-theme] .error-404 h1 { color: var(--t-accent); font-size: clamp(5rem, 14vw, 11rem); }
html[data-theme] .error-404 h2 { font-family: var(--t-font-d); font-weight: var(--t-d-weight); font-style: var(--t-d-style); text-transform: var(--t-d-case); color: var(--t-fg); }
html[data-theme] .footer { background: var(--t-foot-bg); color: var(--t-foot-fg); border-top: 0; margin-top: 4rem; }
html[data-theme] .footer .nav-logo { color: var(--t-foot-fg); margin-right: 0; max-width: 100%; }
html[data-theme] .footer-grid > * { min-width: 0; }
html[data-theme] .footer-brand-text,
html[data-theme] .flink,
html[data-theme] .footer-copyright,
html[data-theme] .footer-index .fi-sub,
html[data-theme] .footer-index .fi-label { color: var(--t-foot-muted); }
html[data-theme] .fcol-title { color: var(--t-foot-muted); }
html[data-theme] .flink:hover { color: var(--t-foot-fg); }
html[data-theme] .footer-bottom { border-color: var(--t-foot-line); }
html[data-theme] .footer-index .fi-big { font-family: var(--t-font-d); font-style: var(--t-d-style); color: var(--t-foot-fg); }
html[data-theme] .footer-index .fi-big.is-up { color: color-mix(in srgb, var(--t-up) 70%, var(--t-foot-fg)); }
html[data-theme] .footer-index .fi-big.is-down { color: color-mix(in srgb, var(--t-down) 70%, var(--t-foot-fg)); }
html[data-theme] .cookie-banner { background: var(--t-fill); color: var(--t-bg); border-top: 0; }
html[data-theme] .cookie-link { color: var(--t-bg); }
@media (max-width: 768px) {
html[data-theme] .price-compare .pc-hero .pc-hprice { font-size: clamp(28px, 8.4vw, 38px); }
html[data-theme] .price-compare .pc-hero .pc-hname { font-size: clamp(16px, 4.6vw, 20px); overflow-wrap: normal; }
html[data-theme] .price-compare .pc-hero .pc-hdom { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html[data-theme] .price-compare .pc-hero .pc-hero-id::before { display: none; }
html[data-theme] .price-compare .pc-row .pc-rprice { font-size: clamp(20px, 6vw, 26px); }
html[data-theme] .wi-big { font-size: clamp(48px, 15vw, 80px); }
html[data-theme] .sv-big { font-size: clamp(52px, 15vw, 72px); }
html[data-theme] h1,
html[data-theme] .h1 { font-size: min(var(--t-h1), 10vw); }
html[data-theme] .sec-title,
html[data-theme] .brand-section-h { font-size: min(var(--t-sec), 8.6vw); }
html[data-theme] h1,
html[data-theme] .h1,
html[data-theme] .sec-title,
html[data-theme] .brand-section-h,
html[data-theme] .gh-title,
html[data-theme] .gc-title { overflow-wrap: anywhere; }
html[data-theme] .mobile-cta-bar { gap: 8px; }
html[data-theme] .mcta-left,
html[data-theme] .mcta-info { min-width: 0; }
html[data-theme] .mcta-price { font-size: clamp(18px, 6vw, 24px); }
html[data-theme] .mcta-btn { padding: 12px 16px; flex-shrink: 0; }
}
@media (prefers-reduced-motion: reduce) {
html[data-theme] .wcard,
html[data-theme] .deal-card,
html[data-theme] .brand-slide,
html[data-theme] .popular-model-card,
html[data-theme] .other-model-card,
html[data-theme] .guide-card,
html[data-theme] .guides-hero { transition: none; transform: none !important; }
}
html[data-theme] { --t-bg: #ffffff;
    --t-bg-2: #f2f2f2;
    --t-surface: #ffffff;
    --t-surface-2: #f1f1f1;
    --t-fg: #0a0a0a;
    
    --t-fill: #232529;
    --t-fg-2: #262626;
    --t-muted: #6b6b6b;
    --t-line: #e3e3e3;
    --t-line-2: #0a0a0a;
    --t-accent: #0081e4;
    --t-accent-fg: #ffffff;
    --t-link: #0a0a0a;
    --t-plate: #f1f1f1;
    --t-deal: #ff5a00;
    --t-deal-fg: #ffffff;
    --t-drop: #00875a;
    --t-save: #0047ff;
    
    --t-index: #e65100;
    --t-up: var(--t-index);
    --t-down: #00875a;
    --t-font-d: 'Inter Tight', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    --t-font-b: 'Inter Tight', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    --t-font-m: 'Inter Tight', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    --t-label-font: 'Inter Tight', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    --t-label-case: none;
    --t-label-track: 0;
    --t-d-weight: 800;
    --t-d-track: -0.045em;
    --t-d-lh: .92;
    --t-ui-weight: 600;
    --t-h1: clamp(34px, 5vw, 84px);
    --t-sec: clamp(24px, 2.8vw, 44px);
    --t-price: 28px;
    --t-tile-price: 26px;
    --t-name: 15px;
    --t-grid-gap: 28px 20px;
    --t-card-border: 0;
    --t-card-pad: 0;
    --t-tile-bg: #ffffff;
    --t-tile-border: 1px solid #0a0a0a;
    --t-btn-bg: var(--t-fill);
    --t-cta-bg: #0081e4;
    --t-cta-fg: #ffffff;
    --t-chip-bg: #f1f1f1;
    --t-chip-fg: #0a0a0a;
    
    --t-chip-on-bg: var(--t-accent);
    --t-chip-on-fg: #ffffff;
    --t-radius-chip: 0px;
    --t-input-bg: #ffffff;
    --t-input-border: 0;
    --t-nav-border: 1px solid #0a0a0a;
    --t-nav-muted: #0a0a0a;
    --t-vbar-bg: #0081e4;
    --t-vbar-fg: #ffffff;
    --t-chipcode-bg: #ffffff;
    --t-chipcode-fg: #0a0a0a;
    --t-foot-bg: var(--t-fill);
    --t-foot-fg: #ffffff;
    --t-dark-panel: var(--t-fill);
    --t-grid-line: rgb(10 10 10 / .07); }
html[data-theme] body { counter-reset: rsec; letter-spacing: -.005em; }
html[data-theme] .nav-logo { font-size: 21px; letter-spacing: -.04em; gap: .3em; }
@media (max-width: 440px) {
html[data-theme] .nav-logo { font-size: 18px; }
}
@media (max-width: 370px) {
html[data-theme] .nav-logo { font-size: 16.5px; }
}
html[data-theme] .footer .nav-logo { font-size: 26px; }
html[data-theme] .nav-link { font-size: 13px; position: relative; }
html[data-theme] .nav-link::after { content: ""; position: absolute; left: 14px; right: 14px; bottom: -1px; height: 3px; background: var(--t-accent); transform: scaleY(0); transform-origin: bottom; transition: transform .15s; }
html[data-theme] .nav-link:hover::after { transform: scaleY(1); }
html[data-theme] .search-input { background: #f1f1f1; }
html[data-theme] .sec-hdr { border-bottom: 0; border-top: 2px solid transparent; padding-top: 10px; padding-bottom: 0; margin-bottom: 22px; }
html[data-theme] .sec-title { gap: 0; }
html[data-theme] .sec-title .icon { display: none; }
html[data-theme] .sec-title::before { counter-increment: rsec; content: counter(rsec) "."; color: var(--t-accent); margin-right: .3em; flex: none; white-space: nowrap; }
html[data-theme] .brand-section-h { border-top: 2px solid transparent; padding-top: 10px; }
html[data-theme] .brand-section-h .icon { display: none; }
html[data-theme] .sec-hdr.is-lead { border-top: 0; }
html[data-theme] .hero-v2 { text-align: left;
    padding: 28px 0 36px;
    background:
        linear-gradient(90deg, var(--t-grid-line) 1px, transparent 1px) 0 0 / calc(100% / 12) 100%,
        linear-gradient(270deg, var(--t-grid-line) 1px, transparent 1px); }
html[data-theme] .hero-search { max-width: min(100%, 760px); margin: 0 0 28px; }
html[data-theme] .hero-search-input { border-bottom: 3px solid #0a0a0a; border-radius: 0; background: transparent; padding-left: 40px; font-weight: 500; }
html[data-theme] .hero-search-icon { left: 6px; color: #0a0a0a; }
html[data-theme] .hero-v2-title { font-size: clamp(40px, 8vw, 132px); margin-bottom: 18px; max-width: 14ch; }
html[data-theme] .hero-v2-sub { margin: 0 0 22px; max-width: 46ch; font-size: 16px; font-weight: 500; color: #0a0a0a; }
html[data-theme] .hero-stats { justify-content: flex-start; gap: 0 32px; }
html[data-theme] .hero-stat { flex-direction: column; align-items: flex-start; gap: 0; padding: 8px 0 0; background: none; border: 0; border-top: 1px solid #0a0a0a; border-radius: 0; min-width: 150px; font-size: 12px; letter-spacing: 0; text-transform: none; color: #0a0a0a; }
html[data-theme] .hero-stat svg { display: none; }
html[data-theme] .hero-stat strong { order: -1; font-size: clamp(34px, 4.4vw, 72px); line-height: .9; letter-spacing: -.05em; margin-bottom: 4px; }
html[data-theme] .wcard-imgwrap { margin-bottom: 12px; }
html[data-theme] .wcard-brand { color: #0a0a0a; font-weight: 800; font-size: 12px; text-transform: none; }
html[data-theme] .wcard:hover { transform: none; }
html[data-theme] .wcard:hover .wcard-name { color: var(--t-accent); }
html[data-theme] .wcard-row { border-top: 1px solid #0a0a0a; }
html[data-theme] .wcard-price { letter-spacing: -.045em; }
html[data-theme] .deal-banner { border-radius: 0; top: 0; left: 0; flex-direction: row; gap: 5px; align-items: baseline; font-family: var(--t-font-b); }
html[data-theme] .deal-banner .db-label { font-size: 9px; letter-spacing: .04em; }
html[data-theme] .deal-banner .db-pct { font-size: 16px; font-weight: 800; letter-spacing: -.02em; }
html[data-theme] .wcard-claim .badge { font-weight: 600; font-size: 11px; }
html[data-theme] .shop-tile { border-width: 1px; }
html[data-theme] .st-price { letter-spacing: -.045em; }
html[data-theme] .fav-btn-card { border-radius: 0; border-color: #4d4d4d; }
html[data-theme] .fav-btn-hero.is-saved,
html[data-theme] .fav-btn-hero.is-saved:hover { background: var(--t-fill); border-color: var(--t-fill); color: #fff; }
html[data-theme] .fav-btn-hero.is-saved .fav-ico { color: var(--t-heart); }
html[data-theme] .brand-slide { border: 0; }
html[data-theme] .bs-img { border-radius: 0; }
html[data-theme] .bs-body { border-top: 2px solid transparent; margin-top: 10px; padding: 8px 0 0; }
html[data-theme] .bs-name { text-align: left; font-size: 24px; letter-spacing: -.045em; }
html[data-theme] .bs-stats { justify-content: flex-start; font-size: 11px; }
html[data-theme] .bs-logo { display: none; }
html[data-theme] .brand-slide:hover { transform: none; box-shadow: none; }
html[data-theme] .brand-slide:hover .bs-name { color: var(--t-accent); }
html[data-theme] .sv-tabs { border: 0; border-bottom: 2px solid transparent; border-radius: 0; background: none; }
html[data-theme] .sv-tab { letter-spacing: 0; text-transform: none; font-weight: 800; font-size: 15px; }
html[data-theme] .sv-tab + .sv-tab { box-shadow: none; }
html[data-theme] .sv-body { border-width: 0; border-radius: 0; }
html[data-theme] .sv-big { font-size: clamp(64px, 8vw, 128px); letter-spacing: -.06em; }
html[data-theme] .sv-head { letter-spacing: -.03em; text-transform: none; font-size: 22px; }
html[data-theme] .sv-head::after { height: 3px; }
html[data-theme] .sv-more { font-weight: 800; letter-spacing: 0; text-transform: none; }
html[data-theme] .alt-chips { gap: 6px; align-content: flex-start; align-items: flex-start; }
html[data-theme] .alt-chip,
html[data-theme] .alt-chip.is-less { flex-direction: row; gap: 6px; padding: 8px 12px 8px 10px; border-radius: 0; background: #323232; color: #fff; font-size: 12px; font-weight: 600; letter-spacing: -.01em; }
html[data-theme] .alt-chip-txt { writing-mode: horizontal-tb; }
html[data-theme] .alt-chip svg,
html[data-theme] .alt-chip.is-less svg { width: 12px; height: 12px; color: #efe0b0; }
html[data-theme] .popular-model-card,
html[data-theme] .other-model-card { border: 0; border-top: 2px solid transparent; }
html[data-theme] .pmc-text,
html[data-theme] .omc-text { background: #fff; }
html[data-theme] .pmc-name,
html[data-theme] .omc-name { font-size: 18px; letter-spacing: -.02em; }
html[data-theme] .pm-tab.active { border-color: #0a0a0a; border-bottom-color: #fff; font-weight: 800; }
html[data-theme] .guides-hero,
html[data-theme] .guide-card { border: 0; }
html[data-theme] .gh-body { border-top: 2px solid transparent; }
html[data-theme] .gc-body { border-top: 2px solid transparent; padding-left: 0; padding-right: 0; }
html[data-theme] .guide-card:hover .gc-title,
html[data-theme] .guides-hero:hover .gh-title { color: var(--t-accent); }
html[data-theme] .product-img-frame { border: 0; }
html[data-theme] .product-info h1 { letter-spacing: -.045em; }
html[data-theme] .share-btn { background: var(--t-chip-bg); border-color: transparent; color: var(--t-chip-fg); }
html[data-theme] .share-btn:hover { background: var(--t-chip-bg); border-color: var(--t-fg); color: var(--t-fg); }
html[data-theme] .share-row-product .share-btn .icon,
html[data-theme] .share-row-product .share-x .icon { color: var(--t-accent); }
html[data-theme] .share-ig .icon [stroke] { stroke: currentColor; }
html[data-theme] .share-ig .icon [fill^="url"] { fill: currentColor; }
html[data-theme] .price-compare .pc-hero { border: 0; background-color: var(--t-surface-2); }
html[data-theme] .price-compare .pc-ribbon { background: linear-gradient(135deg, #e2bd5e 0%, #c7952f 100%); color: #232529; border-radius: 0; }
html[data-theme] .price-compare .pc-list { border: 0; border-radius: 0; background: transparent; }
html[data-theme] .price-compare .pc-row { border-bottom: 0; padding-top: 14px; padding-bottom: 14px; }
html[data-theme] .price-compare .pc-row + .pc-row { margin-top: 10px; }
html[data-theme] .price-compare .pc-rest-lbl { margin: 18px 0; line-height: 1; text-box: trim-both cap alphabetic; }
html[data-theme] .price-compare .pc-hprice,
html[data-theme] .price-compare .pc-rprice { letter-spacing: -.045em; }
html[data-theme] .price-compare .pc-cta { background: var(--t-cta-bg); color: var(--t-cta-fg); }
html[data-theme] .price-compare .pc-cta:hover,
html[data-theme] .price-compare .pc-row:hover .pc-cta { filter: brightness(1.06); }
html[data-theme] .price-compare .pc-cta.dead,
html[data-theme] .price-compare .pc-row.oos:hover .pc-cta.dead { filter: none; }
html[data-theme] .specs-mini { border: 0; border-top: 2px solid transparent; }
html[data-theme] .bc-item.on .bc-disc { border-color: #0a0a0a; box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--t-accent); }
html[data-theme] .filter-bar .chip { min-height: 36px; padding: 0 14px; font-size: 13px; line-height: 1.2; justify-content: center; }
html[data-theme] .filter-bar .search-input,
html[data-theme] .filter-bar .listing-select { height: 36px; }
@media (max-width: 768px) {
html[data-theme] .filter-bar > div > .chip { flex: 1 1 calc(50% - 3px); min-height: 42px; }
html[data-theme] .filter-bar .search-input,
html[data-theme] .filter-bar .listing-select { height: 42px; }
}
html[data-theme] .wi-big { font-size: clamp(64px, 10vw, 160px); letter-spacing: -.06em; }
html[data-theme] .footer-index .fi-big { font-size: 2.4rem; letter-spacing: -.05em; }
html[data-theme] .fcol-title { color: #fff; font-weight: 800; letter-spacing: 0; text-transform: none; font-size: 13px; padding-top: 9px; }
html[data-theme] .fcol-title .icon-sm { display: none; }
html[data-theme] .voucher-bar:not(.is-upcoming) .voucher-when { color: rgb(255 255 255 / .82); }
html[data-theme] .vshop { background: var(--t-surface-2); }
html[data-theme] .vshop:hover { background: #e8e8e8; }
html[data-theme] .voucher-bar.is-upcoming { border-bottom-color: var(--t-line); }
html[data-theme] .mobile-cta-bar { border-top-color: var(--t-line); }