/* Approved whole-site colour roles. No typography, layout or image-byte changes. * Two shared body classes outrank legacy page-local colours; no home-only palette. * Warning/error/success colours remain semantic rather than becoming brand gold. */ body.dc-collection-refresh.dc-visual-polish { --ink:var(--dc-tone-graphite);--muted:var(--dc-tone-muted);--paper:var(--dc-tone-silver);--line:var(--dc-tone-line);--metal:var(--dc-tone-metal); --dc-ink:var(--dc-tone-graphite);--dc-gold:var(--dc-tone-metal);--dc-warm:var(--dc-tone-silver);--dc-stone:var(--dc-tone-surface); --catalog-ink:var(--dc-tone-graphite);--catalog-muted:var(--dc-tone-muted);--catalog-line:var(--dc-tone-line);--catalog-image:var(--dc-tone-white); --home-graphite:var(--dc-tone-graphite);--home-silver:var(--dc-tone-silver);--home-soft:var(--dc-tone-surface);--home-white:var(--dc-tone-white);--home-metal:var(--dc-tone-metal);--home-muted:var(--dc-tone-light-muted); --ast-global-color-0:var(--dc-tone-graphite);--ast-global-color-1:var(--dc-tone-bluegray);--ast-global-color-2:var(--dc-tone-graphite);--ast-global-color-3:var(--dc-tone-muted);--ast-global-color-4:var(--dc-tone-silver);--ast-global-color-5:var(--dc-tone-white);--ast-global-color-6:var(--dc-tone-line);--ast-global-color-7:var(--dc-tone-graphite);--ast-global-color-8:var(--dc-tone-surface); background:var(--dc-tone-silver);color:var(--dc-tone-graphite);color-scheme:light; } body.dc-collection-refresh.dc-visual-polish #primary {background:var(--dc-tone-silver);color:var(--dc-tone-graphite)} body.dc-collection-refresh.dc-visual-polish #primary :is(.ast-article-single,.dc-card,.handoff-panel,.dc-context-editor,.dc-notice,.dc-buyer-guidance,.dc-buyer-guide) {background:var(--dc-tone-surface);border-color:var(--dc-tone-line)} body.dc-collection-refresh.dc-visual-polish #primary :is(.dc-section--paper,.dc-section--warm,.dc-section--tone) {background:var(--dc-tone-surface)} body.dc-collection-refresh.dc-visual-polish #primary :is(.dc-section--green,.dc-section--ink,.dc-cta,.closing-cta) {background:var(--dc-tone-graphite);color:var(--dc-tone-white)} /* Historical CTA copy uses !important; limit the corresponding exception to copy. */ body.dc-collection-refresh.dc-visual-polish #primary :is(.dc-section--green,.dc-section--ink,.dc-cta,.closing-cta) :is(h1,h2,h3,p,.dc-kicker,.dc-lede) {color:var(--dc-tone-light-muted)!important} body.dc-collection-refresh.dc-visual-polish #primary .dc-legacy-company .dc-hero, body.dc-collection-refresh.dc-visual-polish #primary.dc-legacy-company .dc-hero {background:var(--dc-tone-silver)} body.dc-collection-refresh.dc-visual-polish #primary :is(.eyebrow,.dc-eyebrow,.dc-kicker,.dc-context-eyebrow) {color:var(--dc-tone-accent-ink)} /* Identical framing on home, catalogue, company, contact and fallback pages. */ body.dc-collection-refresh.dc-visual-polish :is(.site-header,.site-header nav,.site-footer) {background:var(--dc-tone-graphite);color:var(--dc-tone-white);border-color:var(--dc-tone-bluegray)} body.dc-collection-refresh.dc-visual-polish :is(.site-header,.site-footer) :is(a,.brand) {color:var(--dc-tone-white);border-color:var(--dc-tone-line)} body.dc-collection-refresh.dc-visual-polish :is(.site-header,.site-footer) .brand-mark {border-color:var(--dc-tone-metal)} body.dc-collection-refresh.dc-visual-polish .site-header nav a:is([aria-current],:hover), body.dc-collection-refresh.dc-visual-polish .site-footer a:hover {color:var(--dc-tone-metal)} body.dc-collection-refresh.dc-visual-polish .site-header .menu-toggle {background:transparent;color:var(--dc-tone-white);border-color:var(--dc-tone-line)} body.dc-collection-refresh.dc-visual-polish .site-header .menu-toggle:hover {background:var(--dc-tone-bluegray)} body.dc-collection-refresh.dc-visual-polish .site-footer p, body.dc-collection-refresh.dc-visual-polish .site-footer .footer-bottom {color:var(--dc-tone-light-muted);border-color:var(--dc-tone-bluegray)} body.dc-collection-refresh.dc-visual-polish .site-footer .eyebrow {color:var(--dc-tone-metal)} /* Category names and collection copy become blue-gray panels, not white blocks. */ body.dc-collection-refresh.dc-visual-polish #primary .dcv-category-entry, body.dc-collection-refresh.dc-visual-polish #primary .dcv-range-grid .collection-card {background:var(--dc-tone-bluegray);color:var(--dc-tone-white);border-color:var(--dc-tone-bluegray)} body.dc-collection-refresh.dc-visual-polish #primary .dcv-category-entry h3, body.dc-collection-refresh.dc-visual-polish #primary .collection-card :is(h3,a,.text-link) {color:var(--dc-tone-white);border-color:var(--dc-tone-line)} body.dc-collection-refresh.dc-visual-polish #primary .collection-card :is(.collection-card-top>span,.collection-card-content>p,.collection-composition-note) {color:var(--dc-tone-light-muted)} body.dc-collection-refresh.dc-visual-polish #primary .dcv-range-grid .collection-card:is(:hover,:focus-within) {border-color:var(--dc-tone-metal)} body.dc-collection-refresh.dc-visual-polish #primary .collection-composition-tile {background:var(--dc-tone-white);color:var(--dc-tone-graphite);border-color:var(--dc-tone-line)} body.dc-collection-refresh.dc-visual-polish #primary .collection-composition-tile figcaption {color:var(--dc-tone-graphite)} body.dc-collection-refresh.dc-visual-polish #primary .dcv-home-ranges-band .dcv-range-grid, body.dc-collection-refresh.dc-visual-polish #primary .dcv-range-grid {background:var(--dc-tone-silver)} body.dc-collection-refresh.dc-visual-polish #primary .dcv-card, body.dc-collection-refresh.dc-visual-polish #primary .dcv-card-body {background:var(--dc-tone-surface);color:var(--dc-tone-graphite)} body.dc-collection-refresh.dc-visual-polish #primary :is(.dcv-category-entry>div,.dcv-card-image,.dcv-gallery-main) {background:var(--dc-tone-white)} body.dc-collection-refresh.dc-visual-polish #primary .dcv-home-categories-band, body.dc-collection-refresh.dc-visual-polish #primary .dcv-home-ranges-band {background:var(--dc-tone-silver);border-color:var(--dc-tone-line)} body.dc-collection-refresh.dc-visual-polish #primary .dcv-home-factory-band {background:var(--dc-tone-surface);border-color:var(--dc-tone-line)} body.dc-collection-refresh.dc-visual-polish #primary .dcv-home-featured-band {background:var(--dc-tone-bluegray)} /* Primary inquiry actions are metal; browsing/filtering remains blue-gray. */ body.dc-collection-refresh.dc-visual-polish #primary :is(.button,.dc-button,.dc-btn):not(.button-secondary):not(.dc-button--secondary):not(.dc-btn--secondary), body.dc-collection-refresh.dc-visual-polish #primary .dc-inquiry-form :is(button[type=submit],input[type=submit]), body.dc-collection-refresh.dc-visual-polish #primary .dcv-detail-actions .dcv-add {background:var(--dc-tone-metal);border-color:var(--dc-tone-metal);color:var(--dc-tone-graphite)!important} body.dc-collection-refresh.dc-visual-polish #primary :is(.button,.dc-button,.dc-btn):not(.button-secondary):not(.dc-button--secondary):not(.dc-btn--secondary):hover, body.dc-collection-refresh.dc-visual-polish #primary .dc-inquiry-form :is(button[type=submit],input[type=submit]):hover {background:var(--dc-tone-silver);border-color:var(--dc-tone-graphite)} body.dc-collection-refresh.dc-visual-polish #primary :is(.button-secondary,.dc-button--secondary,.dc-btn--secondary) {background:transparent;color:var(--dc-tone-graphite)!important;border-color:var(--dc-tone-muted)} body.dc-collection-refresh.dc-visual-polish #primary :is(.dcv-home-hero,.dc-section--green,.dc-section--ink,.dc-cta,.closing-cta) :is(.button-secondary,.dc-button--secondary,.dc-btn--secondary) {color:var(--dc-tone-white)!important;border-color:var(--dc-tone-line)} body.dc-collection-refresh.dc-visual-polish #primary :is(.dcv-search button,.dcv-filter-fields button,.dcv-range-filters button) {background:var(--dc-tone-bluegray);border-color:var(--dc-tone-bluegray);color:var(--dc-tone-white)} body.dc-collection-refresh.dc-visual-polish #primary :is(.dcv-search button,.dcv-filter-fields button,.dcv-range-filters button):hover {background:var(--dc-tone-graphite)} body.dc-collection-refresh.dc-visual-polish #primary .dcv-add {background:transparent;color:var(--dc-tone-graphite);border-color:var(--dc-tone-muted)} body.dc-collection-refresh.dc-visual-polish #primary .dcv-add:hover {background:var(--dc-tone-silver)} body.dc-collection-refresh.dc-visual-polish #primary .dcv-add[aria-pressed=true], body.dc-collection-refresh.dc-visual-polish #primary .dcv-pagination [aria-current] {background:var(--dc-tone-graphite);color:var(--dc-tone-white)!important;border-color:var(--dc-tone-graphite)} body.dc-collection-refresh.dc-visual-polish #primary :is(.dcv-categories [aria-current],.dcv-gallery-thumbs [aria-current]) {border-color:var(--dc-tone-bluegray)} body.dc-collection-refresh.dc-visual-polish #primary :is(input:not([type=submit]):not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea) {background:var(--dc-tone-white);color:var(--dc-tone-graphite);border-color:var(--dc-tone-muted);color-scheme:light} body.dc-collection-refresh.dc-visual-polish #primary :is(input[type=checkbox],input[type=radio]) {accent-color:var(--dc-tone-bluegray)} /* The shortlist uses the same surfaces and action hierarchy on every route. */ body.dc-collection-refresh.dc-visual-polish .dc-shortlist-dialog, body.dc-collection-refresh.dc-visual-polish .dc-shortlist .dc-shortlist-head {background:var(--dc-tone-surface);color:var(--dc-tone-graphite);border-color:var(--dc-tone-line)} body.dc-collection-refresh.dc-visual-polish .dc-shortlist .dc-shortlist-open {background:var(--dc-tone-bluegray);border-color:var(--dc-tone-bluegray);color:var(--dc-tone-white)} body.dc-collection-refresh.dc-visual-polish .dc-shortlist :is(.dc-shortlist-intro,.dc-shortlist-meta,.dc-shortlist-row p,.dc-shortlist-empty) {color:var(--dc-tone-muted)} body.dc-collection-refresh.dc-visual-polish .dc-shortlist button {background:transparent;color:var(--dc-tone-graphite);border-color:var(--dc-tone-muted)} body.dc-collection-refresh.dc-visual-polish .dc-shortlist button:not(.dc-shortlist-open):not([data-shortlist-review]):hover {background:var(--dc-tone-silver)} body.dc-collection-refresh.dc-visual-polish .dc-shortlist .dc-shortlist-actions [data-shortlist-review] {background:var(--dc-tone-metal);color:var(--dc-tone-graphite);border-color:var(--dc-tone-metal)} body.dc-collection-refresh.dc-visual-polish .dc-shortlist .dc-shortlist-actions [data-shortlist-review]:hover {border-color:var(--dc-tone-graphite)} body.dc-collection-refresh.dc-visual-polish :is(a,button,input,select,textarea,summary):focus-visible {outline-color:var(--dc-tone-focus)} body.dc-collection-refresh.dc-visual-polish :is(.site-header,.site-footer,.collection-card,.dcv-home-hero-band,.dcv-home-featured-band,.dcv-home-supply-band) :is(a,button):focus-visible {outline-color:var(--dc-tone-metal)} /* Approved homepage-only dark surround / silver display trial, 2026-10-15. * No blend/filter on real metal; derivatives are independent of product originals. */ body.home.dc-collection-refresh.dc-visual-polish #primary.dcv-home-silver { --silver-surround:#22343f;--silver-stage:#b0bfc8;--silver-card:#2c414d;--silver-edge:#57707f; background:var(--silver-surround);color:var(--dc-tone-white); } body.home.dc-collection-refresh.dc-visual-polish #primary.dcv-home-silver :is(.dcv-home-categories-band,.dcv-home-ranges-band,.dcv-home-ranges-band .dcv-range-grid) {background:var(--silver-surround);color:var(--dc-tone-white);border-color:var(--silver-edge)} body.home.dc-collection-refresh.dc-visual-polish #primary.dcv-home-silver :is(.dcv-home-categories-band,.dcv-home-ranges-band) .dcv-section-heading :is(h2,a) {color:var(--dc-tone-white);border-color:var(--silver-edge)} body.home.dc-collection-refresh.dc-visual-polish #primary.dcv-home-silver :is(.dcv-home-categories-band,.dcv-home-ranges-band) .dcv-section-heading p {color:var(--dc-tone-light-muted)} body.home.dc-collection-refresh.dc-visual-polish #primary.dcv-home-silver :is(.dcv-category-entry,.collection-card) {background:var(--silver-card);border-color:var(--silver-edge)} body.home.dc-collection-refresh.dc-visual-polish #primary.dcv-home-silver :is(.dcv-category-entry>div,.collection-composition-grid,.collection-composition-tile,.collection-composition-image) {background:var(--silver-stage);border-color:var(--silver-stage)} body.home.dc-collection-refresh.dc-visual-polish #primary.dcv-home-silver .collection-composition-grid {gap:0} body.home.dc-collection-refresh.dc-visual-polish #primary.dcv-home-silver .home-silver-art .collection-composition-image svg {width:100%;height:100%} body.home.dc-collection-refresh.dc-visual-polish #primary.dcv-home-silver .home-silver-art .collection-composition-image img.home-silver-responsive {display:block;width:100%;height:100%;min-width:0;min-height:0;object-fit:contain} body.home.dc-collection-refresh.dc-visual-polish #primary.dcv-home-silver .collection-composition-tile figcaption {color:var(--dc-tone-graphite)} body.home.dc-collection-refresh.dc-visual-polish #primary.dcv-home-silver [data-collection-composition="dacheng-vanities"] svg>rect {fill:var(--silver-stage)} body.home.dc-collection-refresh.dc-visual-polish #primary.dcv-home-silver>.shell {background:var(--silver-surround)} body.home.dc-collection-refresh.dc-visual-polish #primary.dcv-home-silver .dcv-home-factory-band {background:var(--silver-card);color:var(--dc-tone-white);border-color:var(--silver-edge)} body.home.dc-collection-refresh.dc-visual-polish #primary.dcv-home-silver .dcv-home-factory-band :is(h2,a,figcaption) {color:var(--dc-tone-white)} body.home.dc-collection-refresh.dc-visual-polish #primary.dcv-home-silver .dcv-home-factory-band .dcv-section-heading p {color:var(--dc-tone-light-muted)} /* ========================================================================== Unified visual layer (2026-10-19) One canvas, one card, one button system across every public template. Dark graphite is reserved for header, home hero, closing CTA and footer. ========================================================================== */ :root { --dcu-ink: #16242c; --dcu-ink-2: #3c4c55; --dcu-muted: #66757d; --dcu-canvas: #f4f6f7; --dcu-white: #ffffff; --dcu-line: #e1e6e9; --dcu-line-strong: #c9d2d7; --dcu-photo: #f2f4f5; --dcu-gold: #b49471; --dcu-gold-ink: #7a5a3a; --dcu-radius: 6px; --dcu-shadow: 0 10px 30px rgba(22, 36, 44, 0.08); } /* ---- Canvas: every page sits on the same light neutral ---- */ body.dc-collection-refresh, body.dc-collection-refresh #page, body.dc-collection-refresh .site-content, body.dc-collection-refresh main#primary, body.dc-collection-refresh .dcv-home.dcv-home-silver, body.dc-collection-refresh .dc-section, body.dc-collection-refresh .dc-section--paper, body.dc-collection-refresh .dcv-range-grid, body.dc-collection-refresh .dcv-home-categories-band, body.dc-collection-refresh .dcv-home-ranges-band, body.dc-collection-refresh .dcv-home-featured-band, body.dc-collection-refresh .dcv-home-factory-band, body.dc-collection-refresh .dcv-home-categories-band .shell, body.dc-collection-refresh .dcv-home-ranges-band .shell, body.dc-collection-refresh .dcv-home-featured-band .shell, body.dc-collection-refresh .dcv-home-factory-band .shell { background: var(--dcu-canvas) !important; color: var(--dcu-ink) !important; border-color: var(--dcu-line) !important; } /* Alternate home bands get white so sections still read as separate blocks. */ body.dc-collection-refresh .dcv-home-ranges-band, body.dc-collection-refresh .dcv-home-ranges-band .shell, body.dc-collection-refresh .dcv-home-ranges-band .dcv-range-grid, body.dc-collection-refresh .dcv-home-factory-band, body.dc-collection-refresh .dcv-home-factory-band .shell { background: var(--dcu-white) !important; } body.dc-collection-refresh .dcv-home-categories-band :is(h2, h3, p, a, span, figcaption), body.dc-collection-refresh .dcv-home-ranges-band :is(h2, h3, p, a, span, figcaption), body.dc-collection-refresh .dcv-home-featured-band :is(h2, h3, p, a, span, figcaption), body.dc-collection-refresh .dcv-home-factory-band :is(h2, h3, p, a, span, figcaption) { color: var(--dcu-ink) !important; } body.dc-collection-refresh :is(.dcv-home-categories-band, .dcv-home-ranges-band, .dcv-home-featured-band, .dcv-home-factory-band) .dcv-section-heading p { color: var(--dcu-muted) !important; } body.dc-collection-refresh :is(.dcv-home-categories-band, .dcv-home-ranges-band, .dcv-home-featured-band, .dcv-home-factory-band) .dcv-section-heading > a { color: var(--dcu-gold-ink) !important; border-color: currentColor !important; } /* Remove the stray strip between header and first section on content pages. */ body.dc-collection-refresh .dc-capability-page { padding-top: 0 !important; } /* ---- One card ---- */ body.dc-collection-refresh article.dcv-card, body.dc-collection-refresh article.collection-card, body.dc-collection-refresh a.dcv-category-entry, body.dc-collection-refresh article.dc-card { background: var(--dcu-white) !important; color: var(--dcu-ink) !important; border: 1px solid var(--dcu-line) !important; border-radius: var(--dcu-radius) !important; overflow: hidden; box-shadow: none !important; transition: box-shadow .2s ease, border-color .2s ease, transform .2s ease; } body.dc-collection-refresh :is(article.dcv-card, article.collection-card, a.dcv-category-entry):hover { border-color: var(--dcu-line-strong) !important; box-shadow: var(--dcu-shadow) !important; } body.dc-collection-refresh article.dcv-card .dcv-card-body, body.dc-collection-refresh article.collection-card > *:not(.collection-card-media), body.dc-collection-refresh a.dcv-category-entry > *:not(div) { background: transparent !important; } body.dc-collection-refresh article.dcv-card .dcv-card-body { padding: 14px 16px 16px !important; } body.dc-collection-refresh article.collection-card :is(h2, h3, p, span, a, figcaption), body.dc-collection-refresh a.dcv-category-entry :is(h2, h3, p, span, strong) { color: var(--dcu-ink) !important; } body.dc-collection-refresh article.collection-card p { color: var(--dcu-muted) !important; } body.dc-collection-refresh article.dc-card :is(p, .dc-lede) { color: var(--dcu-ink-2) !important; } body.dc-collection-refresh article.dc-card .dc-eyebrow { color: var(--dcu-gold-ink) !important; } /* ---- One photo surface: every product image sits on the same light grey ---- */ body.dc-collection-refresh a.dcv-card-image, body.dc-collection-refresh a.dcv-gallery-main, body.dc-collection-refresh .collection-composition-grid, body.dc-collection-refresh .collection-composition-tile, body.dc-collection-refresh .collection-composition-image, body.dc-collection-refresh a.dcv-category-entry > div { background: var(--dcu-photo) !important; --composition-paper: var(--dcu-photo) !important; } body.dc-collection-refresh :is(a.dcv-card-image, a.dcv-gallery-main, .collection-composition-image, a.dcv-category-entry > div) :is(img, svg) { mix-blend-mode: multiply; } body.dc-collection-refresh .collection-composition-grid { gap: 1px !important; border-color: var(--dcu-line) !important; background: var(--dcu-line) !important; } body.dc-collection-refresh .collection-composition-tile figcaption { background: var(--dcu-photo) !important; color: var(--dcu-muted) !important; } /* ---- One button system ---- */ body.dc-collection-refresh :is(a.button, a.dc-button, button.dc-button, button.dcv-add, .dcv-add, a.dcv-add, input[type="submit"], button[type="submit"]) { border-radius: 4px !important; } body.dc-collection-refresh article.dcv-card :is(button, a).dcv-add, body.dc-collection-refresh article.dcv-card .dcv-add { background: var(--dcu-white) !important; color: var(--dcu-ink) !important; border: 1px solid var(--dcu-line-strong) !important; } body.dc-collection-refresh article.dcv-card .dcv-add:hover { border-color: var(--dcu-ink) !important; } body.dc-collection-refresh button.dc-shortlist-open { border-radius: 4px !important; } /* ---- Forms ---- */ body.dc-collection-refresh main :is(input[type="text"], input[type="email"], input[type="tel"], input[type="search"], select, textarea) { background: var(--dcu-white) !important; border: 1px solid var(--dcu-line-strong) !important; border-radius: 4px !important; } /* ---- Content pages: tighter rhythm, balanced grids ---- */ body.dc-collection-refresh .dc-capability-page .dc-section { padding-top: 56px !important; padding-bottom: 56px !important; } body.dc-collection-refresh .dc-capability-page .dc-section + .dc-section { padding-top: 0 !important; } body.dc-collection-refresh .dc-capability-page .dc-grid:has(> article:nth-child(2):last-child) { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } body.dc-collection-refresh .dc-evidence-gallery { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 20px !important; } body.dc-collection-refresh .dc-evidence-gallery figure { margin: 0 !important; grid-column: auto !important; } body.dc-collection-refresh .dc-evidence-gallery img { width: 100% !important; aspect-ratio: 4 / 3; height: auto !important; object-fit: cover; border-radius: var(--dcu-radius); } body.dc-collection-refresh .dc-cta { border-radius: var(--dcu-radius) !important; } /* ---- Collection cards: no dead space between title, text and link ---- */ body.dc-collection-refresh article.collection-card { display: flex; flex-direction: column; } body.dc-collection-refresh article.collection-card :is(h2, h3) { margin-bottom: 8px !important; } body.dc-collection-refresh article.collection-card p { margin: 0 0 16px !important; min-height: 0 !important; } /* ---- Inquiry shortlist: one floating button, same place on every page ---- */ body.dc-collection-refresh .dc-shortlist:not([hidden]) { position: fixed !important; right: 20px !important; bottom: 20px !important; top: auto !important; left: auto !important; width: auto !important; margin: 0 !important; padding: 0 !important; z-index: 60 !important; background: transparent !important; border: 0 !important; } body.dc-collection-refresh .dc-shortlist button.dc-shortlist-open { box-shadow: var(--dcu-shadow) !important; } /* The container is the fixed element; the button must not position itself again. */ body.dc-collection-refresh .dc-shortlist:not([hidden]) .dc-shortlist-open { position: static !important; } @media (max-width: 800px) { body.dc-collection-refresh .dc-evidence-gallery, body.dc-collection-refresh .dc-capability-page .dc-grid:has(> article:nth-child(2):last-child) { grid-template-columns: 1fr !important; } body.dc-collection-refresh .dc-capability-page .dc-section { padding-top: 40px !important; padding-bottom: 40px !important; } /* Home collections become a swipeable row instead of eight stacked cards. */ body.dc-collection-refresh .dcv-home-ranges-band .dcv-range-grid { display: flex !important; overflow-x: auto; scroll-snap-type: x mandatory; gap: 12px !important; padding-bottom: 8px; -webkit-overflow-scrolling: touch; } body.dc-collection-refresh .dcv-home-ranges-band article.collection-card { flex: 0 0 78% !important; max-width: 78% !important; scroll-snap-align: start; grid-column: auto !important; } body.dc-collection-refresh .dcv-home-ranges-band article.collection-card p { display: none !important; } body.dc-collection-refresh .dc-shortlist:not([hidden]) { right: 12px !important; bottom: 12px !important; } } /* Reviewed models use the same fact colour as every other card. */ body.dc-collection-refresh .dcv-review li { color: inherit !important; } /* ---- WhatsApp: footer line + floating button (2026-10-19) ---- */ body.dc-collection-refresh .site-footer .footer-whatsapp { display: block; margin-top: 8px; color: #fff !important; font-size: 1rem; text-decoration: none; } body.dc-collection-refresh .site-footer .footer-whatsapp:hover { color: var(--dcu-gold) !important; } .dc-whatsapp-float { position: fixed; right: 20px; bottom: 20px; z-index: 61; display: inline-flex; align-items: center; gap: 8px; height: 48px; padding: 0 18px 0 14px; border-radius: 999px; background: #25d366; color: #fff !important; font: 600 15px/1 var(--dc-font-body, Inter, sans-serif); text-decoration: none !important; box-shadow: 0 8px 24px rgba(22, 36, 44, 0.22); transition: transform .15s ease, box-shadow .15s ease; } .dc-whatsapp-float:hover { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(22, 36, 44, 0.28); } .dc-whatsapp-float:focus-visible { outline: 3px solid var(--dc-color-focus, #236c91); outline-offset: 3px; } /* The shortlist button sits directly above the WhatsApp button. */ body.dc-collection-refresh .dc-shortlist:not([hidden]) { bottom: 80px !important; } @media (max-width: 800px) { .dc-whatsapp-float { right: 12px; bottom: 12px; height: 52px; width: 52px; padding: 0; justify-content: center; } .dc-whatsapp-float span { display: none; } body.dc-collection-refresh .dc-shortlist:not([hidden]) { bottom: 74px !important; } } /* Scroll-to-top moves left so it never covers the WhatsApp button. */ #ast-scroll-top { left: 20px !important; right: auto !important; } @media (max-width: 800px) { #ast-scroll-top { left: 12px !important; bottom: 12px !important; } } /* ---- Product H1: model number as a small label above the name (2026-10-19) ---- */ body.dc-collection-refresh .dcv-identity h1 .dcv-h1-model { display: block; margin-bottom: 10px; font: 600 15px/1.2 var(--dc-font-body, Inter, sans-serif); letter-spacing: 0.08em; color: var(--dcu-gold-ink); }