/* FloorForce network baseline — DEFAULT-LIBRARY route reskin (kelompok A). * * Shared across the 13 FloorForce-agency stores (bespoke theme, not in the v3 * registry). Adopted into every Sledge shadow root (Layer-2 merchant CSS). * Every value below is MEASURED on live designco.co /collections/all (A1 * reference store, 2026-07-16, desktop 1440 + mobile 390), not guessed: * * font theme-inherited (Montserrat on FloorForce sites) — NOT set here * ink #393d4e (input/select borders + text) · muted #677487 (labels) * panel TRANSPARENT (no own paint; the page background shines through) * card transparent, square; image square; info pad 12; img->title 12 * title 18px/500, lh 1.5, ls .6px, #000, natural wrap; hover = the v2 * gradient underline anim (grow left<-right, .5s cubic .3,1,.3,1) * grid desktop 3 col / 30px gap; mobile 2 col / 30x15 gap * toolbar search + "Sort by:" [sort] + "Limit:" [limit], 12px flow gap; * boxes 1px #393d4e square, 44px, pad 12/16; sort box carries an * 18px up/down glyph; outside labels 16px #677487 (sort label * desktop-only, exactly like v2 mobile) * mobile row1 = title | row2 = [Filter box][search] | row3 = [sort][limit] * sidebar group header 16px/600 #000 ls -.36, row pad 8/0/20, 15px chevron * rgba(18,18,18,.75) up-when-expanded; 0.5px #ececec rule BETWEEN * groups; facet list max-height 230px scroll, margin-b 16; rows * pad 8/0 with 12px checkbox->label gap; checkbox 18px r4 * 1px rgba(0,0,0,.4) -> checked solid #000 + white tick * chips "Field: Value x" pill 14px #000, 1px #e6e6e6, r24, pad 2/6, * gap 12; Clear All 14px #f85538 * results " - N Results" 18px/700 #000 * paging numbered 15px pad 12/16 square, 16px gap, centered; idle 1px * #b7b7b7 on white; active solid #000 white text * * The v2 card renders image + title ONLY on this track (both custom-JS flags * false) — price/vendor/sku/ATC are already off via settings; the hides below * are safety nets so shared-store toggles can't resurrect them. */ /* ── typeface: always the theme's own, never Sledge's fallback ─────────── */ /* The header above says "theme-inherited", but that only held where the theme publishes `--font-body-family` for the CSS-var bridge to read. Chesapeake's theme publishes NO font vars (measured 2026-09-01: `--font-body-family` is empty on :root), so the bridge fell back to Sledge's own Inter while the page around it ran Figtree — v2 rendered Figtree there because its widget simply inherited. `inherit` on the host reproduces v2 on every store: it is a no-op where the bridge already resolved to the theme face (verified on DesignCo/Montserrat, Royal/Nunito, Lewis/mr-eaves, Erskine/Assistant) and a repair where it did not. Form controls are a separate leak: a

Take Part 12 in Charcoal

Take Part 12 in Charcoal