/* ==========================================================================
   Sterling 2027 — storefront design (v1.22.0)
   Loaded only when a storefront's layout is 'sterling' (Admin → Storefronts → Layout, or an admin's
   ?__layout=sterling preview). Everything is scoped to html[data-layout="sterling"], so other storefronts are
   untouched. Language: quiet, premium, quotation-style — white paper, hairline rules, a near-black navy rule
   under headings and totals, prices set like a quotation (tabular figures), Inter Tight headings + Inter body.
   The palette (data-theme ster-navy ★ / ster-green / ster-gold) sets only the accent; the neutrals are fixed.
   Links stay distinguishable from body text by an underline (the signature accent is near-black navy).
   ========================================================================== */
html[data-layout="sterling"]{
  /* Sterling neutrals */
  --stl-ink:#0f1726; --stl-text:#1c2533; --stl-soft:#5a6475; --stl-faint:#687284;
  --stl-hair:#e6e8ec; --stl-hair2:#d5d9e0; --stl-mist:#f6f7f9;
  --stl-green:#0f6b4f; --stl-gold:#8a6a1f; --stl-goldline:#e3d3ad; --stl-warn:#a1500b; --stl-bad:#a61b1b;
  --stl-r:6px; --stl-wash:#eef0f4;
  /* signature palette (ster-navy) as the default; the palette blocks at the end override it */
  --accent:#0f1726; --accent-600:#060b14; --accent-tint:#eef0f4;
  /* the shared design tokens, mapped onto Sterling */
  --navy-900:#0f1726; --navy-800:#1c2533; --navy-700:#2b3546;
  --steel-600:#0f1726; --steel-500:#5a6475;
  --slate-500:#5a6475; --slate-400:#687284;
  --line:#e6e8ec; --line-soft:#eef0f3; --bg:#ffffff; --bg-alt:#f6f7f9; --white:#ffffff;
  --ink:#1c2533; --ink-soft:#4a5466; --muted:#5a6475; --border:#e6e8ec;
  --gold:#8a6a1f; --ok:#0f6b4f; --warn:#a1500b; --danger:#a61b1b; --info:#3b5578;
  --radius:6px; --radius-lg:6px;
  --shadow:none; --shadow-lg:0 14px 36px rgba(15,23,38,.10);
  --font:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --font-head:'Inter Tight',Inter,system-ui,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --maxw:1248px;
}
html[data-layout="sterling"] body{background:#fff;color:var(--stl-text);font-family:var(--font);font-size:14px;line-height:1.6}
html[data-layout="sterling"] h1,html[data-layout="sterling"] h2,html[data-layout="sterling"] h3,html[data-layout="sterling"] h4{font-family:var(--font-head);color:var(--stl-ink);font-weight:600;letter-spacing:-.022em}
html[data-layout="sterling"] :is(button,input,select,textarea){font-family:inherit}
html[data-layout="sterling"] a{color:var(--stl-ink)}
html[data-layout="sterling"] a:hover{text-decoration:underline;text-underline-offset:3px}
/* inline links in running text: underlined, so they never rely on colour alone */
html[data-layout="sterling"] main :is(p,li,dd,td,small,label,.notice,.muted,.small,.lede,.sub,.a,.gtee-tx,.stl-fine) a:not(.btn):not(.stl-ql){color:var(--stl-ink);text-decoration:underline;text-decoration-color:var(--stl-hair2);text-underline-offset:3px;text-decoration-thickness:1px}
html[data-layout="sterling"] main :is(p,li,dd,td,small,label,.notice,.muted,.small,.lede,.sub,.a,.gtee-tx,.stl-fine) a:not(.btn):not(.stl-ql):hover{text-decoration-color:currentColor}
html[data-layout="sterling"] :focus-visible{outline:2px solid var(--accent);outline-offset:2px}
html[data-layout="sterling"] .btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
html[data-layout="sterling"] .eyebrow{font:600 11px var(--font);letter-spacing:.14em;text-transform:uppercase;color:var(--stl-soft)}
html[data-layout="sterling"] .muted{color:var(--stl-soft)}
html[data-layout="sterling"] .container{max-width:var(--maxw);padding-left:56px;padding-right:56px}
html[data-layout="sterling"] .emo,html[data-layout="sterling"] .mega .ic{display:none}
html[data-layout="sterling"] .rulebar{display:none}

/* ---------- shell: utility bar, masthead, nav, mega menu ---------- */
html[data-layout="sterling"] .utilbar{background:#fff;color:var(--stl-faint);border-bottom:1px solid var(--stl-hair);font-size:12px}
html[data-layout="sterling"] .utilbar .container{height:32px}
html[data-layout="sterling"] .utilbar a{color:var(--stl-soft)}
html[data-layout="sterling"] .utilbar a:hover{color:var(--stl-ink);text-decoration:underline}
html[data-layout="sterling"] .masthead{background:#fff;border-bottom:1px solid var(--stl-hair);box-shadow:none}
html[data-layout="sterling"] .masthead .container{height:72px;gap:32px}
html[data-layout="sterling"] .brand{font:600 16.5px var(--font-head);color:var(--stl-ink);letter-spacing:-.01em;white-space:nowrap}
html[data-layout="sterling"] .brand:hover{text-decoration:none}
html[data-layout="sterling"] .brand small{font:500 10px var(--font);letter-spacing:.14em;color:var(--stl-faint);margin-top:-1px}
html[data-layout="sterling"] .brand .logo{width:28px;height:28px;border-radius:6px;background:var(--stl-ink);font-size:0;position:relative;flex:none}
html[data-layout="sterling"] .brand .logo::after{content:"";position:absolute;inset:7px;background:#fff;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect x='3' y='7' width='10' height='7' rx='1.2' fill='black'/%3E%3Cpath d='M5.5 7V5a2.5 2.5 0 0 1 5 0v2' stroke='black' stroke-width='1.6' fill='none'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect x='3' y='7' width='10' height='7' rx='1.2' fill='black'/%3E%3Cpath d='M5.5 7V5a2.5 2.5 0 0 1 5 0v2' stroke='black' stroke-width='1.6' fill='none'/%3E%3C/svg%3E") center/contain no-repeat}
html[data-layout="sterling"] .mainnav{gap:28px;margin-left:8px}
html[data-layout="sterling"] .mainnav a,html[data-layout="sterling"] .mainnav .navitem>a{font-size:13.5px;font-weight:500;color:var(--stl-soft);padding:8px 0;border-bottom:2px solid transparent}
html[data-layout="sterling"] .mainnav a:hover,html[data-layout="sterling"] .mainnav .navitem:hover>a{color:var(--stl-ink);text-decoration:none}
html[data-layout="sterling"] .mainnav a.active,html[data-layout="sterling"] .mainnav .navitem.active>a{color:var(--stl-ink);border-bottom-color:var(--accent)}
html[data-layout="sterling"] .mega{border-radius:var(--stl-r);border-color:var(--stl-hair2);box-shadow:var(--shadow-lg)}
html[data-layout="sterling"] .mega a{border-radius:4px;border-color:var(--stl-hair);font-weight:600}
html[data-layout="sterling"] .mega a:hover{border-color:var(--stl-hair2);background:var(--stl-mist)}
html[data-layout="sterling"] .mega.mega-rich a{border-color:transparent}
html[data-layout="sterling"] .mega.mega-rich a:hover{border-color:var(--stl-hair);background:var(--stl-mist)}
html[data-layout="sterling"] .mega-rich .lbl{color:var(--stl-ink)}
html[data-layout="sterling"] .mega-rich .d{color:var(--stl-soft)}
html[data-layout="sterling"] .mega.mega-rich a.choose{background:var(--stl-mist);color:var(--stl-ink)}
html[data-layout="sterling"] .mega.mega-rich a.choose:hover{background:var(--stl-wash);color:var(--stl-ink)}
html[data-layout="sterling"] .head-actions{gap:18px}
html[data-layout="sterling"] .head-actions .ha-icon:not(.btn-primary){background:transparent;border-color:transparent;color:var(--stl-soft);padding:6px 2px;font-size:13.5px;font-weight:500}
html[data-layout="sterling"] .head-actions .ha-icon:not(.btn-primary):hover{color:var(--stl-ink);box-shadow:none}
html[data-layout="sterling"] .head-actions .mast-signout{border-color:var(--stl-hair2)}
html[data-layout="sterling"] .mobilenav a{color:var(--stl-ink)}
html[data-layout="sterling"] .mobilenav a.mn-cta{color:#fff}

/* ---------- buttons ---------- */
html[data-layout="sterling"] .btn{border-radius:var(--stl-r);font:600 13.5px var(--font);padding:10px 18px;border:1px solid var(--stl-hair2);background:#fff;color:var(--stl-ink);box-shadow:none;letter-spacing:0;min-height:40px}
html[data-layout="sterling"] .btn:hover{text-decoration:none;filter:none;border-color:var(--stl-ink);box-shadow:none}
html[data-layout="sterling"] .btn-primary,html[data-layout="sterling"] .btn-dark{background:var(--accent);border-color:var(--accent);color:#fff}
html[data-layout="sterling"] .btn-primary:hover,html[data-layout="sterling"] .btn-dark:hover{background:var(--accent-600);border-color:var(--accent-600);color:#fff;box-shadow:0 0 0 3px var(--accent-tint)}
html[data-layout="sterling"] .btn-outline{background:#fff;border-color:var(--stl-hair2);color:var(--stl-ink)}
html[data-layout="sterling"] .btn-ghost{background:transparent;border-color:transparent;color:var(--stl-ink)}
html[data-layout="sterling"] .btn-white{background:#fff;color:var(--stl-ink);border-color:#fff}
html[data-layout="sterling"] .btn-sm{padding:6px 12px;font-size:12.5px;min-height:34px}
html[data-layout="sterling"] .btn-lg{padding:13px 24px;font-size:14.5px;min-height:48px}
html[data-layout="sterling"] .btn[disabled],html[data-layout="sterling"] .btn:disabled{opacity:.55;cursor:not-allowed}

/* ---------- tags, pills, badges: small caps, hairline outline ---------- */
html[data-layout="sterling"] .tag{background:transparent;border:1px solid var(--stl-hair2);border-radius:4px;color:var(--stl-soft);font:600 10.5px var(--font);letter-spacing:.1em;padding:2px 7px}
html[data-layout="sterling"] .tag-dv,html[data-layout="sterling"] .tag-ov,html[data-layout="sterling"] .tag-wild{background:transparent;color:var(--stl-soft)}
html[data-layout="sterling"] .tag-ev{color:var(--stl-gold);border-color:var(--stl-goldline);background:transparent}
html[data-layout="sterling"] .pill{border-color:var(--stl-hair2);border-radius:999px;color:var(--stl-text)}
html[data-layout="sterling"] :is(.cn-pill,.acx-pill,.mm-pill,.od-badge,.sup-badge,.cd-badge,.rx-tag,.tw-badge,.tchip,.acct-tab .cnt,.acx-ct,.acx-subtabs button .ct,.rsl-tier .ribbon,.lchip,.badge,.chip){border-radius:4px!important;letter-spacing:.04em}

/* ---------- cards, panels, notices ---------- */
html[data-layout="sterling"] .card,html[data-layout="sterling"] .panel,html[data-layout="sterling"] .feature,html[data-layout="sterling"] .kpi{border:1px solid var(--stl-hair);border-radius:var(--stl-r);box-shadow:none;background:#fff}
html[data-layout="sterling"] :is(.prod,.feature,.kpi,.card):hover{transform:none;box-shadow:none}
html[data-layout="sterling"] .panel-head{background:#fff;border-bottom:1px solid var(--stl-hair)}
html[data-layout="sterling"] .panel-head h3{font-size:14.5px}
html[data-layout="sterling"] .feature .ico{background:var(--stl-mist);color:var(--stl-ink);border-radius:var(--stl-r);font-family:var(--font-head);font-weight:600}
html[data-layout="sterling"] .notice{border:0;border-left:2px solid var(--accent);border-radius:0;background:transparent;padding:4px 0 4px 14px;color:var(--stl-soft);font-size:13px}
html[data-layout="sterling"] .notice-ok{border-left-color:var(--stl-green);color:var(--stl-text)}
html[data-layout="sterling"] .notice-warn{border-left-color:var(--stl-warn);color:var(--stl-text)}
html[data-layout="sterling"] .notice-danger{border-left-color:var(--stl-bad);color:var(--stl-text)}
html[data-layout="sterling"] .divider{background:var(--stl-hair)}
html[data-layout="sterling"] .stats{border:0;border-top:1px solid var(--stl-ink);border-radius:0;background:transparent}
html[data-layout="sterling"] .stats .stat{border-right:1px solid var(--stl-hair);padding:16px 18px 6px}
html[data-layout="sterling"] .stats .stat .n{font:600 26px var(--font-head);color:var(--stl-ink);letter-spacing:-.02em}
html[data-layout="sterling"] .stats .stat .l{color:var(--stl-soft)}
html[data-layout="sterling"] .kpi .k-n{font-family:var(--font-head);font-weight:600}
html[data-layout="sterling"] .quote-card{border:0;border-top:2px solid var(--stl-ink);border-radius:0;box-shadow:none;padding:18px 0 0}
html[data-layout="sterling"] .gtee{border:0!important;border-left:2px solid var(--accent)!important;border-radius:0!important;background:transparent!important;padding:2px 0 2px 14px}
html[data-layout="sterling"] .gtee-ic{color:var(--stl-ink)}
html[data-layout="sterling"] .gtee-tx{color:var(--stl-soft)}
html[data-layout="sterling"] .gtee-tx a{color:var(--stl-ink)}
html[data-layout="sterling"] .codebox{border-radius:var(--stl-r);border-color:var(--stl-hair);background:var(--stl-mist)}

/* ---------- tables: small-caps heads over a navy rule, hairline rows ---------- */
html[data-layout="sterling"] table.data th,html[data-layout="sterling"] .acct-table th{background:transparent;font:600 10.5px var(--font);letter-spacing:.12em;text-transform:uppercase;color:var(--stl-soft);border-bottom:1px solid var(--stl-ink)}
html[data-layout="sterling"] table.data td,html[data-layout="sterling"] .acct-table td{border-bottom-color:var(--stl-hair)}
html[data-layout="sterling"] table.data tr:hover td{background:var(--stl-mist)}
html[data-layout="sterling"] :is(.acct-table,table.sup-tickets) tr{border-radius:0!important;box-shadow:none!important}
html[data-layout="sterling"] .sum-row{border-bottom-color:var(--stl-hair);font-variant-numeric:tabular-nums}
html[data-layout="sterling"] .sum-row.total,html[data-layout="sterling"] .sum-row.tot{border-top:1px solid var(--stl-ink);font-family:var(--font-head);font-weight:600;color:var(--stl-ink)}
html[data-layout="sterling"] .price .amt{font-family:var(--font-head);font-weight:600;letter-spacing:-.015em;color:var(--stl-ink);font-variant-numeric:tabular-nums}

/* ---------- forms ---------- */
html[data-layout="sterling"] :is(.input,select.input,textarea.input,input[type=text],input[type=email],input[type=tel],input[type=password],input[type=number],input[type=search],input[type=url],select,textarea){border:1px solid var(--stl-hair2);border-radius:var(--stl-r);color:var(--stl-ink);background-color:#fff}
html[data-layout="sterling"] :is(.input,input[type=text],input[type=email],input[type=tel],input[type=password],input[type=number],input[type=search],input[type=url],select){min-height:42px}
html[data-layout="sterling"] :is(.input,input,select,textarea):focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint)}
html[data-layout="sterling"] label.fld .lbl,html[data-layout="sterling"] .fld .lbl{font:600 11px var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--stl-soft)}
html[data-layout="sterling"] input[type=checkbox],html[data-layout="sterling"] input[type=radio]{accent-color:var(--accent)}
html[data-layout="sterling"] :is(.tw-input,.tw-ta,.cform-field input,.cform-field select,.cform-field textarea,.rfld input,.rfld select,.rfld textarea,.acx-fld input,.acx-fld select,.acx-search input,.acct-search){border-radius:var(--stl-r)!important;border-color:var(--stl-hair2)!important}
html[data-layout="sterling"] .cform-lab{font:600 11px var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--stl-soft)}

/* ---------- page heads + crumbs ---------- */
html[data-layout="sterling"] .pagehero{background:#fff;border-bottom:1px solid var(--stl-hair)}
html[data-layout="sterling"] .pagehero .container{padding-top:44px;padding-bottom:30px}
html[data-layout="sterling"] .pagehero h1{font-size:40px;line-height:1.1;letter-spacing:-.025em;max-width:none}
html[data-layout="sterling"] .pagehero .eyebrow{color:var(--stl-soft)}
html[data-layout="sterling"] .pagehero .lede{color:var(--stl-soft)}
html[data-layout="sterling"] .crumbs{font-size:12px;color:var(--stl-faint)}
html[data-layout="sterling"] .crumbs a{color:var(--stl-soft)}
html[data-layout="sterling"] .crumbs span{color:var(--stl-hair2)}
html[data-layout="sterling"] .page-head h1{font-size:30px;letter-spacing:-.025em}
html[data-layout="sterling"] .page-head .sub{color:var(--stl-soft)}
html[data-layout="sterling"] .hero{background:#fff;border-bottom:1px solid var(--stl-hair)}
html[data-layout="sterling"] .hero h1{font-size:44px;line-height:1.05;letter-spacing:-.03em}
html[data-layout="sterling"] .section-sm[style*="background"]{background:var(--stl-mist)!important}

/* ---------- classic product cards (landing pages, recently viewed) ---------- */
html[data-layout="sterling"] .prod{border:1px solid var(--stl-hair);border-radius:var(--stl-r);box-shadow:none}
html[data-layout="sterling"] .prod .prod-foot{background:#fff;border-top:1px solid var(--stl-hair)}
html[data-layout="sterling"] .prod .prod-brand{color:var(--stl-faint);font-weight:500;letter-spacing:.04em}
html[data-layout="sterling"] .prod ul.feat li{border-bottom:1px solid var(--stl-hair)}
html[data-layout="sterling"] .prod ul.feat li:before{color:var(--stl-ink)}

/* ---------- steps / account / certificate pages ---------- */
html[data-layout="sterling"] .steps .step .b{border-radius:4px;font-family:var(--mono)}
html[data-layout="sterling"] .steps .step.done .b{background:var(--stl-ink);border-color:var(--stl-ink)}
html[data-layout="sterling"] .steps .step.done,html[data-layout="sterling"] .steps .step.current{color:var(--stl-ink)}
html[data-layout="sterling"] .steps .step.done:before{background:var(--stl-ink)}
html[data-layout="sterling"] .steps .step.current .b{border-color:var(--stl-ink);color:var(--stl-ink)}
html[data-layout="sterling"] .progress .bar{background:var(--stl-ink)}
html[data-layout="sterling"] .vstep,html[data-layout="sterling"] .vstep-b,html[data-layout="sterling"] .cd-bar,html[data-layout="sterling"] .gw{border-radius:var(--stl-r)}
html[data-layout="sterling"] .vstep.done .vstep-b{background:var(--stl-ink);border-color:var(--stl-ink)}
html[data-layout="sterling"] .vstep-s{font-size:10.5px;letter-spacing:.08em;text-transform:uppercase}
html[data-layout="sterling"] .gw.sel{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}
html[data-layout="sterling"] .sidebar a.active{background:var(--stl-mist);color:var(--stl-ink);box-shadow:inset 2px 0 0 var(--accent)}
html[data-layout="sterling"] .workarea{background:#fff}
html[data-layout="sterling"] [class^="cd-"],html[data-layout="sterling"] [class*=" cd-"]{border-radius:var(--stl-r)}
html[data-layout="sterling"] :is(.pol-card,.grail-card,.tw-card,.guide-card,.tool-card,.acx-card,.acx-doc,.acx-howto,.acx-list,.acx-bp-pane,.acx-status,.mm-card,.mm-banner,.cd-bar,.cd-cancelled,.cx-more,.cx-warn,.rx-opt,.acct-setup,.acct-setup-row,.acct-expire,.acct-multiexplain,.sup-bubble,.rsl-card,.rsl-feat,.rsl-segc,.rsl-tier,.rsl-ok,.rsl-err,.rsl-verified,.rsl-faq details,.cform-errors,.cform-flash,.tw-err,.tw-warn,.cad-card,.authbox .card,details){border-radius:var(--stl-r)!important;box-shadow:none!important}
html[data-layout="sterling"] :is(.mm-card,.rsl-feat,.rsl-tier,.guide-card,.tool-card,.card):hover{transform:none!important;box-shadow:none!important}
html[data-layout="sterling"] :is(.acct-tab,.acx-subtabs button,.actbtn,.btn-react,.rsl-ico,.tool-ic){border-radius:var(--stl-r)!important}
html[data-layout="sterling"] .acx-doc .ic,html[data-layout="sterling"] .tool-ic{display:none}
html[data-layout="sterling"] :is(.tool-next,.tw-copy,.tw-dl,.guide-body pre){border-radius:var(--stl-r)!important;box-shadow:none!important}
html[data-layout="sterling"] .rsl-hero{background:#fff!important;background-image:none!important;border-bottom:1px solid var(--stl-hair)}
html[data-layout="sterling"] .rsl-benefits li{border-radius:4px!important;background:#fff!important;border:1px solid var(--stl-hair2)!important;font-size:12px}
html[data-layout="sterling"] .pslot-card,html[data-layout="sterling"] .cad-card{background-image:none!important;background-color:var(--stl-ink)!important;border-radius:var(--stl-r)!important}
html[data-layout="sterling"] :is(.pslot-btn,.cad-btn,.pslot-img){border-radius:var(--stl-r)!important}
html[data-layout="sterling"] .rsl-step .num,html[data-layout="sterling"] span.num{border-radius:4px!important;font-family:var(--mono)}

/* ---------- product-type tabs (shared partial .ctabs): underline bar across the width ---------- */
html[data-layout="sterling"] .ctabs{display:flex;flex-wrap:wrap;gap:0;margin-top:26px;border-bottom:1px solid var(--stl-hair);background:transparent}
html[data-layout="sterling"] .ctabs a{flex:1 1 0;min-width:max-content;text-align:center;padding:12px 16px;font-size:13.5px;font-weight:400;color:var(--stl-soft);border:0;border-bottom:2px solid transparent;margin-bottom:-1px;border-radius:0;background:transparent;white-space:nowrap}
html[data-layout="sterling"] .ctabs a:hover{color:var(--stl-ink);text-decoration:none;border-color:transparent}
html[data-layout="sterling"] .ctabs a.on{color:var(--stl-ink);font-weight:600;border-bottom-color:var(--accent);background:transparent}
html[data-layout="sterling"] .ctabs em{font-style:normal;color:var(--stl-faint);font-size:12px;margin-left:6px;opacity:1;font-weight:400}

/* ---------- compare bar + modal (shared partial) ---------- */
html[data-layout="sterling"] .cmpbar{background:#fff;color:var(--stl-ink);border-top:2px solid var(--stl-ink);box-shadow:0 -8px 24px rgba(15,23,38,.08)}
html[data-layout="sterling"] .cmp-th{background:#fff;border-color:var(--stl-hair2);border-radius:4px}
html[data-layout="sterling"] .cmpbar .btn-ghost{border-color:var(--stl-hair2);color:var(--stl-ink)}
html[data-layout="sterling"] .cmp-modal{border-radius:var(--stl-r)}
html[data-layout="sterling"] table.cmp-table thead th.col{background:#fff;border-bottom:1px solid var(--stl-ink)}
html[data-layout="sterling"] table.cmp-table tbody th{background:#fff;color:var(--stl-soft);letter-spacing:.1em}

/* ---------- footer: white paper, hairline ---------- */
html[data-layout="sterling"] .footer{background:#fff;color:var(--stl-soft);border-top:1px solid var(--stl-hair);margin-top:72px;padding:52px 0 28px;font-size:12.5px}
html[data-layout="sterling"] .footer h4{color:var(--stl-ink);font:600 10.5px var(--font);letter-spacing:.14em;text-transform:uppercase;margin-bottom:12px}
html[data-layout="sterling"] .footer a{color:var(--stl-soft);padding:3px 0}
html[data-layout="sterling"] .footer a:hover{color:var(--stl-ink);text-decoration:underline}
html[data-layout="sterling"] .foot-legal{border-top-color:var(--stl-hair);font-size:11.5px}
html[data-layout="sterling"] .foot-legal b{color:var(--stl-ink);font:600 10.5px var(--font);letter-spacing:.12em}
html[data-layout="sterling"] .foot-bottom{border-top-color:var(--stl-hair);color:var(--stl-faint);font-size:11.5px}
html[data-layout="sterling"] .pay-badges{flex-wrap:wrap}
html[data-layout="sterling"] .pay-badges .pb{background:#fff;border:1px solid var(--stl-hair2);color:var(--stl-soft);border-radius:4px;font-weight:600}
html[data-layout="sterling"] main:has(> .flush-foot:last-child) + .footer{margin-top:0}

/* ---------- website chat ---------- */
html[data-layout="sterling"] .sslx-chat{font-family:var(--font)}
html[data-layout="sterling"] .sslx-chat-fab{border-radius:var(--stl-r);background:var(--accent);font-weight:600;letter-spacing:0;box-shadow:0 8px 22px rgba(15,23,38,.18)}
html[data-layout="sterling"] .sslx-chat-panel{border-radius:var(--stl-r);border-color:var(--stl-hair2);box-shadow:var(--shadow-lg)}
html[data-layout="sterling"] .sslx-chat-head{background:#fff;color:var(--stl-ink);border-bottom:1px solid var(--stl-hair)}
html[data-layout="sterling"] .sslx-chat-sub{opacity:1;color:var(--stl-soft)}
html[data-layout="sterling"] .sslx-chat-x{color:var(--stl-ink)}
html[data-layout="sterling"] .sslx-chat-log,html[data-layout="sterling"] .sslx-chat-typing{background:var(--stl-mist)}
html[data-layout="sterling"] .sslx-chat-bubble{border-radius:var(--stl-r);border-color:var(--stl-hair)}
html[data-layout="sterling"] .sslx-chat-me .sslx-chat-bubble{background:var(--stl-ink)}
html[data-layout="sterling"] .sslx-chat-input,html[data-layout="sterling"] .sslx-chat-send{border-radius:var(--stl-r)}
html[data-layout="sterling"] .sslx-chat-send{background:var(--accent)}
html[data-layout="sterling"] .sslx-chat-chip{border-radius:999px;font-weight:500}

/* ==========================================================================
   Bespoke Sterling templates (sf/sterling/…): .stl-* components
   ========================================================================== */
html[data-layout="sterling"] .stl-wrap{max-width:var(--maxw);margin:0 auto;padding-left:56px;padding-right:56px}
html[data-layout="sterling"] .stl-eb{font:600 11px var(--font);letter-spacing:.14em;text-transform:uppercase;color:var(--stl-soft)}
html[data-layout="sterling"] .stl-soft{color:var(--stl-soft)}
html[data-layout="sterling"] .stl-ink{color:var(--stl-ink)}
html[data-layout="sterling"] .stl-sm{font-size:12.5px}
html[data-layout="sterling"] .stl-fine{font-size:12px;color:var(--stl-faint);line-height:1.55;margin:0}
html[data-layout="sterling"] .stl-num{font-variant-numeric:tabular-nums;white-space:nowrap}
html[data-layout="sterling"] .stl-mono{font-family:var(--mono);font-size:12.5px}
html[data-layout="sterling"] .stl-mt8{margin-top:8px}
html[data-layout="sterling"] .stl-mt12{margin-top:12px}
html[data-layout="sterling"] .stl-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
html[data-layout="sterling"] .stl-lnk{color:var(--stl-ink);font-weight:600;border-bottom:1px solid var(--stl-hair2);padding-bottom:1px}
html[data-layout="sterling"] .stl-lnk:hover{text-decoration:none;border-bottom-color:var(--stl-ink)}
html[data-layout="sterling"] .stl-lvl{display:inline-flex;align-items:center;font:600 10.5px var(--font);letter-spacing:.12em;text-transform:uppercase;color:var(--stl-soft);border:1px solid var(--stl-hair2);border-radius:4px;padding:2px 7px;white-space:nowrap;line-height:1.5}
html[data-layout="sterling"] .stl-lvl.ev{color:var(--stl-gold);border-color:var(--stl-goldline)}
html[data-layout="sterling"] .stl-note{border-left:2px solid var(--accent);padding:2px 0 2px 14px;color:var(--stl-soft);font-size:13px;margin:14px 0}
html[data-layout="sterling"] .stl-sect{padding-top:72px;padding-bottom:72px}
html[data-layout="sterling"] .stl-sect.m{background:var(--stl-mist);border-top:1px solid var(--stl-hair);border-bottom:1px solid var(--stl-hair)}
html[data-layout="sterling"] .stl-shead{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;flex-wrap:wrap}
html[data-layout="sterling"] .stl-shead h2,html[data-layout="sterling"] .stl-h2{font-size:32px;line-height:1.15;margin:10px 0 0}
html[data-layout="sterling"] .stl-h2{margin-bottom:14px}
html[data-layout="sterling"] .stl-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:start}

/* hero + quotation card */
html[data-layout="sterling"] .stl-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:64px;align-items:center;padding-top:88px;padding-bottom:80px}
html[data-layout="sterling"] .stl-hero h1{font-size:58px;line-height:1.02;letter-spacing:-.03em;margin:16px 0 22px}
html[data-layout="sterling"] .stl-lede{font-size:17px;line-height:1.6;color:var(--stl-soft);max-width:560px;margin:0}
html[data-layout="sterling"] .stl-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}
html[data-layout="sterling"] .stl-meta{display:flex;gap:8px 22px;flex-wrap:wrap;margin-top:26px;font-size:12.5px;color:var(--stl-faint)}
html[data-layout="sterling"] .stl-quote{border-top:2px solid var(--stl-ink);padding-top:18px;min-width:0}
html[data-layout="sterling"] .stl-qh{display:flex;justify-content:space-between;gap:12px;font:600 10.5px var(--font);letter-spacing:.12em;text-transform:uppercase;color:var(--stl-soft);padding-bottom:12px;border-bottom:1px solid var(--stl-hair);flex-wrap:wrap}
html[data-layout="sterling"] .stl-ql{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:14px 0;border-bottom:1px solid var(--stl-hair);font-size:13.5px;color:var(--stl-text);text-decoration:none}
html[data-layout="sterling"] a.stl-ql:hover{text-decoration:none;background:linear-gradient(90deg,transparent,var(--stl-mist))}
html[data-layout="sterling"] a.stl-ql:hover b{text-decoration:underline;text-underline-offset:3px}
html[data-layout="sterling"] .stl-ql>span:first-child{min-width:0}
html[data-layout="sterling"] .stl-ql b{display:block;font:600 14.5px var(--font-head);color:var(--stl-ink)}
html[data-layout="sterling"] .stl-ql small{display:block;color:var(--stl-faint);font-size:12px;overflow-wrap:anywhere}
html[data-layout="sterling"] .stl-ql.s{padding:8px 0;border-bottom:0;color:var(--stl-soft)}
html[data-layout="sterling"] .stl-ql.t{border-bottom:0;border-top:1px solid var(--stl-ink);font-weight:600;color:var(--stl-ink);font-size:15px;margin-top:4px}
html[data-layout="sterling"] .stl-quote .stl-fine{margin-top:10px}

/* CA strip */
html[data-layout="sterling"] .stl-casband{border-top:1px solid var(--stl-hair);border-bottom:1px solid var(--stl-hair)}
html[data-layout="sterling"] .stl-cas{display:flex;align-items:center;gap:40px;padding-top:26px;padding-bottom:26px}
html[data-layout="sterling"] .stl-cas small{font:600 10.5px var(--font);letter-spacing:.14em;text-transform:uppercase;color:var(--stl-faint);white-space:nowrap}
html[data-layout="sterling"] .stl-cas-l{flex:1;display:flex;justify-content:space-between;align-items:center;gap:24px;padding-right:24px;min-width:0}
html[data-layout="sterling"] .stl-cas-l a{display:inline-flex;align-items:center;min-height:40px;color:var(--stl-soft);font-weight:600}
html[data-layout="sterling"] .stl-cas img{height:22px;width:auto;max-width:112px;display:block;object-fit:contain}

/* validation tiers */
html[data-layout="sterling"] .stl-tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--stl-ink)}
html[data-layout="sterling"] .stl-tier{padding:28px 28px 26px 0;display:flex;flex-direction:column;gap:10px;align-items:flex-start}
html[data-layout="sterling"] .stl-tier+.stl-tier{padding-left:28px;border-left:1px solid var(--stl-hair)}
html[data-layout="sterling"] .stl-tier h3{font-size:21px;margin:0}
html[data-layout="sterling"] .stl-tier p{margin:0}
html[data-layout="sterling"] .stl-tier ul{list-style:none;margin:6px 0 16px;padding:0;font-size:13px;color:var(--stl-soft);align-self:stretch}
html[data-layout="sterling"] .stl-tier li{padding:8px 0;border-top:1px solid var(--stl-hair)}
html[data-layout="sterling"] .stl-from{margin-top:auto;display:flex;justify-content:space-between;align-items:flex-end;gap:12px;align-self:stretch;flex-wrap:wrap}
html[data-layout="sterling"] .stl-amt{font:600 26px var(--font-head);color:var(--stl-ink);letter-spacing:-.015em}
html[data-layout="sterling"] .stl-amt small{font:500 12px var(--font);color:var(--stl-soft);letter-spacing:0}

/* lifetime schedule */
html[data-layout="sterling"] .stl-life{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--stl-hair)}
html[data-layout="sterling"] .stl-life>div{padding:20px 20px 0 0}
html[data-layout="sterling"] .stl-life>div+div{padding-left:20px;border-left:1px solid var(--stl-hair)}
html[data-layout="sterling"] .stl-life b{display:block;font:600 34px var(--font-head);color:var(--stl-ink);letter-spacing:-.02em}
html[data-layout="sterling"] .stl-life .now b{color:var(--stl-green)}
html[data-layout="sterling"] .stl-life span{display:block;font-size:12.5px;color:var(--stl-soft)}

/* flow (numbered steps over a navy rule) */
html[data-layout="sterling"] .stl-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;counter-reset:stl;list-style:none;margin:0;padding:0}
html[data-layout="sterling"] .stl-flow4{grid-template-columns:repeat(4,minmax(0,1fr))}
html[data-layout="sterling"] .stl-flow li{border-top:1px solid var(--stl-ink);padding-top:14px}
html[data-layout="sterling"] .stl-flow li:before{counter-increment:stl;content:"0" counter(stl);font:500 12px var(--mono);color:var(--stl-soft);display:block;margin-bottom:8px}
html[data-layout="sterling"] .stl-flow b{display:block;font:600 15px var(--font-head);color:var(--stl-ink);margin-bottom:4px}
html[data-layout="sterling"] .stl-flow span{font-size:12.5px;color:var(--stl-soft)}

/* FAQ (static, hairline) */
html[data-layout="sterling"] .stl-faq>div{padding:18px 0;border-top:1px solid var(--stl-hair)}
html[data-layout="sterling"] .stl-faq h3{font:600 15.5px var(--font-head);color:var(--stl-ink);margin:0 0 6px;letter-spacing:-.01em}
html[data-layout="sterling"] .stl-faq p{color:var(--stl-soft);font-size:13.5px;margin:0}

/* page head (catalogue / product) */
html[data-layout="sterling"] .stl-phead{padding-top:44px;padding-bottom:28px}
html[data-layout="sterling"] .stl-phead .crumbs{padding:0;margin-bottom:14px}
html[data-layout="sterling"] .stl-phead h1{font-size:40px;letter-spacing:-.025em;line-height:1.1;margin:0}
html[data-layout="sterling"] .stl-phead .stl-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
html[data-layout="sterling"] .stl-phead .stl-lede{margin-top:10px;max-width:640px}

/* catalogue */
html[data-layout="sterling"] .stl-catg{display:grid;grid-template-columns:200px minmax(0,1fr);gap:48px;padding-top:28px;padding-bottom:64px}
html[data-layout="sterling"] .stl-filt fieldset{border:0;padding:0;margin:0 0 24px;min-width:0}
html[data-layout="sterling"] .stl-filt legend{font:600 10.5px var(--font);letter-spacing:.14em;text-transform:uppercase;color:var(--stl-ink);margin:0 0 8px;padding:0}
html[data-layout="sterling"] .stl-filt label{display:flex;gap:9px;align-items:center;font-size:13px;color:var(--stl-soft);padding:4px 0;cursor:pointer}
html[data-layout="sterling"] .stl-filt label:hover{color:var(--stl-ink)}
html[data-layout="sterling"] .stl-filt input[type=checkbox]{width:15px;height:15px;margin:0;flex:none}
html[data-layout="sterling"] .stl-fbtn{display:none}
html[data-layout="sterling"] .stl-rbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:12px;font-size:13px;color:var(--stl-soft);flex-wrap:wrap}
html[data-layout="sterling"] .stl-rbar-l{display:flex;align-items:center;gap:8px 10px;flex-wrap:wrap}
html[data-layout="sterling"] .stl-chip{display:inline-flex;gap:6px;align-items:center;border:1px solid var(--stl-hair2);border-radius:999px;padding:1px 4px 1px 10px;font-size:12px;color:var(--stl-ink)}
html[data-layout="sterling"] .stl-chip button{border:0;background:none;cursor:pointer;color:var(--stl-soft);font-size:15px;line-height:1;padding:2px 6px;border-radius:999px}
html[data-layout="sterling"] .stl-chip button:hover{color:var(--stl-ink);background:var(--stl-mist)}
html[data-layout="sterling"] .stl-sort{display:flex;align-items:center;gap:8px;color:var(--stl-soft)}
html[data-layout="sterling"] .stl-sort select{min-height:36px;padding:6px 10px;font-size:13px;color:var(--stl-ink);font-weight:600}
html[data-layout="sterling"] .stl-empty{border-top:1px solid var(--stl-ink);padding:40px 0;text-align:center}
html[data-layout="sterling"] .stl-empty h2{font-size:20px}
html[data-layout="sterling"] .stl-t{width:100%;border-collapse:collapse;font-size:13.5px}
html[data-layout="sterling"] .stl-t th{font:600 10.5px var(--font);letter-spacing:.12em;text-transform:uppercase;color:var(--stl-soft);text-align:left;padding:10px 12px 10px 0;border-bottom:1px solid var(--stl-ink);white-space:nowrap}
html[data-layout="sterling"] .stl-t td{padding:16px 12px 16px 0;border-bottom:1px solid var(--stl-hair);vertical-align:middle}
html[data-layout="sterling"] .stl-t th:last-child,html[data-layout="sterling"] .stl-t td:last-child{padding-right:0}
html[data-layout="sterling"] .stl-t .r{text-align:right}
html[data-layout="sterling"] .stl-t b{font:600 14.5px var(--font-head);color:var(--stl-ink)}
html[data-layout="sterling"] .stl-t small{display:block;color:var(--stl-faint);font-size:12px}
html[data-layout="sterling"] .stl-t .nm a{color:var(--stl-ink);text-decoration:none}
html[data-layout="sterling"] .stl-t .nm a:hover b{text-decoration:underline;text-underline-offset:3px}
html[data-layout="sterling"] .stl-t .stl-why{color:var(--stl-soft);font-size:12.5px;margin-top:2px}
html[data-layout="sterling"] .stl-t tr.prod{display:table-row;border:0;background:transparent;border-radius:0;box-shadow:none;overflow:visible;transform:none}
html[data-layout="sterling"] .stl-t tr.prod>td{display:table-cell}
html[data-layout="sterling"] .stl-t tr.prod:hover td{background:var(--stl-mist)}
html[data-layout="sterling"] .stl-t tr.prod.cmp-on td{background:var(--stl-wash)}
html[data-layout="sterling"] .stl-t .stl-cmpcol{width:30px}
html[data-layout="sterling"] .stl-t .cmp-check{position:static;display:inline-flex;align-items:center;justify-content:center;min-width:24px;min-height:24px}
html[data-layout="sterling"] .stl-t .cmp-check input{width:15px;height:15px;margin:0;accent-color:var(--accent)}
html[data-layout="sterling"] .stl-best{display:inline-block;font:600 10px var(--font);letter-spacing:.1em;text-transform:uppercase;color:var(--stl-green);border:1px solid #bcd9cc;border-radius:4px;padding:0 6px;margin-left:6px;vertical-align:2px}

/* product */
html[data-layout="sterling"] .stl-pp{display:grid;grid-template-columns:minmax(0,1fr) 380px;grid-template-areas:"a s" "b s";column-gap:64px;row-gap:0;padding-top:8px;padding-bottom:72px;align-items:start}
html[data-layout="sterling"] .stl-pp-l{grid-area:a;min-width:0}
html[data-layout="sterling"] .stl-pp-b{grid-area:b;min-width:0}
html[data-layout="sterling"] .stl-buy{grid-area:s}
html[data-layout="sterling"] .stl-spec{width:100%;border-collapse:collapse;font-size:13.5px}
html[data-layout="sterling"] .stl-spec th,html[data-layout="sterling"] .stl-spec td{padding:13px 0;border-top:1px solid var(--stl-hair);vertical-align:top;text-align:left}
html[data-layout="sterling"] .stl-spec th{font-weight:400;color:var(--stl-soft);width:34%;padding-right:16px}
html[data-layout="sterling"] .stl-spec td{color:var(--stl-ink)}
html[data-layout="sterling"] .stl-spec tr:last-child th,html[data-layout="sterling"] .stl-spec tr:last-child td{border-bottom:1px solid var(--stl-hair)}
html[data-layout="sterling"] .stl-subh{font-size:17px;margin:36px 0 10px}
html[data-layout="sterling"] .stl-incl{list-style:none;margin:0;padding:0;font-size:13.5px}
html[data-layout="sterling"] .stl-incl li{display:flex;gap:10px;padding:9px 0;border-top:1px solid var(--stl-hair);color:var(--stl-ink)}
html[data-layout="sterling"] .stl-incl li.off{color:var(--stl-faint)}
html[data-layout="sterling"] .stl-incl .ok{color:var(--stl-green);font-weight:700;width:14px;flex:none}
html[data-layout="sterling"] .stl-incl .no{color:var(--stl-faint);width:14px;flex:none}
html[data-layout="sterling"] .stl-pfaq{margin-top:36px}
html[data-layout="sterling"] .stl-buy{border-top:2px solid var(--stl-ink);padding-top:18px;position:sticky;top:90px}
html[data-layout="sterling"] .stl-terms{border:0;padding:0;margin:0;min-width:0}
html[data-layout="sterling"] .stl-terms legend,html[data-layout="sterling"] .stl-terms>.stl-eb{padding:0;margin-bottom:12px;float:none}
html[data-layout="sterling"] .stl-termlist{list-style:none;margin:0;padding:0}
html[data-layout="sterling"] .stl-term{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--stl-hair);border-radius:var(--stl-r);font-size:13.5px;margin-bottom:8px;background:#fff;min-height:54px}
html[data-layout="sterling"] label.stl-term{cursor:pointer}
html[data-layout="sterling"] label.stl-term:hover{border-color:var(--stl-hair2)}
html[data-layout="sterling"] .stl-term-l{display:flex;align-items:center;gap:10px}
html[data-layout="sterling"] .stl-term-l b{color:var(--stl-ink);font-weight:600}
html[data-layout="sterling"] .stl-term input[type=radio]{width:16px;height:16px;margin:0;flex:none;accent-color:var(--accent)}
html[data-layout="sterling"] .stl-term-r{text-align:right}
html[data-layout="sterling"] .stl-term-r b{display:block;color:var(--stl-ink);font:600 14.5px var(--font-head)}
html[data-layout="sterling"] .stl-term-r small{display:block;color:var(--stl-faint);font-size:11.5px}
html[data-layout="sterling"] .stl-term.on,html[data-layout="sterling"] label.stl-term:has(input:checked){border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}
html[data-layout="sterling"] label.stl-term:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}
html[data-layout="sterling"] .stl-san{margin:12px 0 4px}
html[data-layout="sterling"] .stl-san label{display:block;font:600 11px var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--stl-soft);margin-bottom:6px}
html[data-layout="sterling"] .stl-san input{width:110px;padding:8px 10px;font-size:14px;font-variant-numeric:tabular-nums}
html[data-layout="sterling"] .stl-san .stl-fine{margin-top:6px}
html[data-layout="sterling"] .stl-buy .gtee{margin-top:16px}
html[data-layout="sterling"] .stl-buy .btn-block{width:100%}
/* phone sticky buy bar */
html[data-layout="sterling"] .buybar{position:fixed;left:0;right:0;bottom:0;z-index:40;display:none;align-items:center;justify-content:space-between;gap:12px;padding:10px 18px calc(10px + env(safe-area-inset-bottom,0px));background:#fff;border-top:1px solid var(--stl-hair);box-shadow:0 -6px 18px rgba(15,23,38,.06)}
html[data-layout="sterling"] .buybar .bp{font-size:12.5px}
html[data-layout="sterling"] .buybar .bp b{font:600 16px var(--font-head);color:var(--stl-ink)}
html[data-layout="sterling"] .buybar form{margin:0}
html[data-layout="sterling"] .buybar .btn{min-height:44px}

/* ==========================================================================
   Classic pages under Sterling: page-specific fixes
   ========================================================================== */
/* cart / checkout / pay: totals read like a quotation */
html[data-layout="sterling"] .cart-cols aside .panel,html[data-layout="sterling"] .two-col aside .panel{border:0;border-top:2px solid var(--stl-ink);border-radius:0}
html[data-layout="sterling"] .two-col aside .panel .panel-head{padding-left:0;padding-right:0}
html[data-layout="sterling"] .two-col aside .panel .panel-body{padding-left:0;padding-right:0}
html[data-layout="sterling"] .cart-tblwrap{border:0}
/* login / register */
html[data-layout="sterling"] .authbox .card{border-top:2px solid var(--stl-ink)}
/* landing pages built on the classic hero */
html[data-layout="sterling"] .hero .quote-card .qrow b{font-family:var(--font-head);font-variant-numeric:tabular-nums}
html[data-layout="sterling"] .feature-grid .feature{border:0;border-top:1px solid var(--stl-ink);border-radius:0;padding:18px 0 0}
html[data-layout="sterling"] .faq details{border-radius:0!important;border:0;border-top:1px solid var(--stl-hair);margin:0;background:transparent}
html[data-layout="sterling"] .faq summary{padding-left:0;padding-right:0}
html[data-layout="sterling"] .faq summary::after{color:var(--stl-soft)}
html[data-layout="sterling"] .faq .a{padding-left:0;padding-right:0}

/* security & trust page: no emoji icons, hairline cards */
html[data-layout="sterling"] .sec-card .si{display:none}
html[data-layout="sterling"] :is(.sec-card,.sec-panel,.sec-cta){border-color:var(--stl-hair)!important;border-radius:var(--stl-r)!important}
html[data-layout="sterling"] .sec-cta{background:var(--stl-mist)!important}
html[data-layout="sterling"] .sec-card a{color:var(--stl-ink)}
/* collection / brand / validation landing pages */
html[data-layout="sterling"] .lcard{border-radius:var(--stl-r)!important;border-color:var(--stl-hair)!important;box-shadow:none!important}
html[data-layout="sterling"] .lcard-dv::before,html[data-layout="sterling"] .lcard-ov::before,html[data-layout="sterling"] .lcard-ev::before{width:2px}
html[data-layout="sterling"] .lcard-dv::before,html[data-layout="sterling"] .lcard-ov::before{background:var(--stl-ink)}
html[data-layout="sterling"] .lcard-ev::before{background:var(--stl-gold)}
html[data-layout="sterling"] .lchip{border-radius:999px!important;border-color:var(--stl-hair2);color:var(--stl-soft);min-height:34px}
html[data-layout="sterling"] .lchip[aria-pressed=true]{background:#fff;border-color:var(--stl-ink);color:var(--stl-ink);box-shadow:inset 0 0 0 1px var(--stl-ink)}
html[data-layout="sterling"] .lbar{border-color:var(--stl-hair)}
html[data-layout="sterling"] :is(.land-ti,.cat-ti) .chk{background:var(--stl-ink)}
/* reseller programme: the page's own greens follow the Sterling ink */
html[data-layout="sterling"] .rsl-eyebrow{color:var(--stl-soft)!important;font-weight:600}
html[data-layout="sterling"] .rsl-ico{background:var(--stl-mist)!important;color:var(--stl-ink)!important}
html[data-layout="sterling"] .rsl-step .num,html[data-layout="sterling"] .rsl-steps .s.done .n,html[data-layout="sterling"] .rsl-steps .s.on .n{background:var(--stl-ink)!important;color:#fff!important}
html[data-layout="sterling"] .rsl-tier .tag{border:0;padding:0;color:var(--stl-soft)}
html[data-layout="sterling"] .rsl-tier li:before{color:var(--stl-ink)!important}
html[data-layout="sterling"] .rsl-tier .ribbon{background:#fff!important;color:var(--stl-ink)!important;border:1px solid var(--stl-ink)!important}
html[data-layout="sterling"] .rsl-faq summary:after{color:var(--stl-soft)!important}
html[data-layout="sterling"] .rsl-benefits li{color:var(--stl-ink)!important}
html[data-layout="sterling"] :is(.rsl-ok,.rsl-verified){background:#fff!important;border-color:var(--stl-hair)!important;border-left:2px solid var(--stl-green)!important;color:var(--stl-text)!important}
html[data-layout="sterling"] .rsl-alt{background:var(--stl-mist)!important}

/* ==========================================================================
   Responsive
   ========================================================================== */
@media (max-width:1100px){
  html[data-layout="sterling"] .stl-wrap,html[data-layout="sterling"] .container{padding-left:32px;padding-right:32px}
  html[data-layout="sterling"] .stl-hero{gap:40px}
  html[data-layout="sterling"] .stl-hero h1{font-size:46px}
  html[data-layout="sterling"] .stl-flow{grid-template-columns:repeat(3,minmax(0,1fr))}
  html[data-layout="sterling"] .stl-pp{grid-template-columns:minmax(0,1fr) 340px;column-gap:40px}
  html[data-layout="sterling"] .mainnav{gap:20px}
}
@media (max-width:900px){
  html[data-layout="sterling"] .buybar{display:flex}
  html[data-layout="sterling"] main:has(.buybar){padding-bottom:72px}
  html[data-layout="sterling"] .stl-pp{grid-template-columns:minmax(0,1fr);grid-template-areas:"a" "s" "b"}
  html[data-layout="sterling"] .stl-buy{margin-top:32px}
  html[data-layout="sterling"] .stl-buy{position:static}
  html[data-layout="sterling"] .stl-hero,html[data-layout="sterling"] .stl-split{grid-template-columns:minmax(0,1fr);gap:36px}
  html[data-layout="sterling"] .stl-catg{grid-template-columns:minmax(0,1fr);gap:0}
  html[data-layout="sterling"] .stl-filt{display:none;border-bottom:1px solid var(--stl-hair);margin-bottom:16px;padding-bottom:4px}
  html[data-layout="sterling"] .stl-filt.open{display:block}
  html[data-layout="sterling"] .stl-filt label{min-height:40px}
  html[data-layout="sterling"] .stl-fbtn{display:inline-flex}
}
@media (max-width:760px){
  html[data-layout="sterling"] .stl-wrap,html[data-layout="sterling"] .container{padding-left:18px;padding-right:18px}
  html[data-layout="sterling"] .stl-hero{padding-top:40px;padding-bottom:40px}
  html[data-layout="sterling"] .stl-hero h1{font-size:36px}
  html[data-layout="sterling"] .stl-lede{font-size:15.5px}
  html[data-layout="sterling"] .stl-cta .btn{flex:1 1 auto}
  html[data-layout="sterling"] .stl-sect{padding-top:44px;padding-bottom:44px}
  html[data-layout="sterling"] .stl-shead h2,html[data-layout="sterling"] .stl-h2{font-size:25px}
  html[data-layout="sterling"] .stl-phead{padding-top:28px;padding-bottom:20px}
  html[data-layout="sterling"] .stl-phead h1{font-size:30px}
  html[data-layout="sterling"] .stl-cas{flex-direction:column;align-items:flex-start;gap:14px}
  html[data-layout="sterling"] .stl-cas-l{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 10px;justify-items:center;padding-right:0}
  html[data-layout="sterling"] .stl-cas img{height:18px;max-width:92px}
  html[data-layout="sterling"] .stl-tiers,html[data-layout="sterling"] .stl-life,html[data-layout="sterling"] .stl-flow,html[data-layout="sterling"] .stl-flow4{grid-template-columns:minmax(0,1fr)}
  html[data-layout="sterling"] .stl-flow{gap:16px}
  html[data-layout="sterling"] .stl-tier,html[data-layout="sterling"] .stl-tier+.stl-tier{padding:22px 0;border-left:0;border-top:1px solid var(--stl-hair)}
  html[data-layout="sterling"] .stl-tier:first-child{border-top:0}
  html[data-layout="sterling"] .stl-life{grid-template-columns:repeat(2,minmax(0,1fr))}
  html[data-layout="sterling"] .stl-life>div,html[data-layout="sterling"] .stl-life>div+div{padding:14px 14px 10px 0;border-left:0}
  html[data-layout="sterling"] .stl-life>div:nth-child(even){padding-left:14px;border-left:1px solid var(--stl-hair)}
  html[data-layout="sterling"] .stl-life>div:nth-child(n+3){border-top:1px solid var(--stl-hair)}
  html[data-layout="sterling"] .stl-life b{font-size:28px}
  html[data-layout="sterling"] .ctabs a{flex:1 1 auto;padding:10px 12px;min-height:44px;display:flex;align-items:center;justify-content:center}
  /* catalogue: the price list becomes stacked rows (name left, price right) */
  html[data-layout="sterling"] .stl-t thead{display:none}
  html[data-layout="sterling"] .stl-t,html[data-layout="sterling"] .stl-t tbody{display:block}
  html[data-layout="sterling"] .stl-t tr.prod{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding:14px 0;border-bottom:1px solid var(--stl-hair)}
  html[data-layout="sterling"] .stl-t tr.prod>td{display:block;padding:0;border:0}
  html[data-layout="sterling"] .stl-t tr.prod>td.o{display:none}
  html[data-layout="sterling"] .stl-t tr.prod:hover td{background:transparent}
  html[data-layout="sterling"] .stl-t .nm a{display:inline-block;padding:9px 0;margin:-9px 0}
  html[data-layout="sterling"] .stl-sort select{min-height:40px}
  html[data-layout="sterling"] .stl-chip button{min-width:32px;min-height:32px}
  /* cart: lines stack instead of scrolling sideways */
  html[data-layout="sterling"] .cart-tblwrap table.data{min-width:0}
  html[data-layout="sterling"] .cart-tblwrap table.data thead{display:none}
  html[data-layout="sterling"] .cart-tblwrap table.data,html[data-layout="sterling"] .cart-tblwrap table.data tbody{display:block}
  html[data-layout="sterling"] .cart-tblwrap table.data tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding:14px 16px;border-bottom:1px solid var(--stl-hair)}
  html[data-layout="sterling"] .cart-tblwrap table.data td{display:block;padding:0;border:0;background:transparent!important}
  html[data-layout="sterling"] .cart-tblwrap table.data td:nth-child(1),html[data-layout="sterling"] .cart-tblwrap table.data td:nth-child(2),html[data-layout="sterling"] .cart-tblwrap table.data td:nth-child(5){grid-column:1/-1}
  html[data-layout="sterling"] .cart-tblwrap table.data td:nth-child(4){align-self:center;font-family:var(--font-head);font-weight:600;color:var(--stl-ink)}
  html[data-layout="sterling"] .cart-tblwrap table.data td:nth-child(5){text-align:left!important}
  html[data-layout="sterling"] .cart-tblwrap table.data td:nth-child(5) button{min-height:40px;padding:0}
  /* shell */
  html[data-layout="sterling"] .masthead .container{height:auto;min-height:60px;gap:10px}
  html[data-layout="sterling"] .head-actions .ha-icon:not(.btn-primary){width:44px;height:44px;padding:0;border:1px solid var(--stl-hair);color:var(--stl-ink)}
  html[data-layout="sterling"] .footer{margin-top:48px;padding-top:40px}
  html[data-layout="sterling"] .pagehero h1{font-size:28px}
  html[data-layout="sterling"] .page-head{flex-wrap:wrap;gap:12px}
  html[data-layout="sterling"] .btn-sm{min-height:40px}
  html[data-layout="sterling"] .footer a{padding:8px 0}
  html[data-layout="sterling"] .foot-legal a{padding:4px 0}
}
@media (max-width:420px){
  html[data-layout="sterling"] .stl-hero h1{font-size:32px}
  html[data-layout="sterling"] .stl-cas-l{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (prefers-reduced-motion:reduce){html[data-layout="sterling"] *{transition:none!important}}

/* ==========================================================================
   Palettes (Admin → Storefronts → Theme; only offered for this layout). The palette sets the accent;
   the ink, paper and hairlines stay fixed. Ink navy is the signature.
   ========================================================================== */
html[data-layout="sterling"][data-theme="ster-navy"]{--accent:#0f1726;--accent-600:#060b14;--accent-tint:#eef0f4;--stl-wash:#eef0f4}
html[data-layout="sterling"][data-theme="ster-green"]{--accent:#0f6b4f;--accent-600:#0b5139;--accent-tint:#ebf5f0;--stl-wash:#ebf5f0}
html[data-layout="sterling"][data-theme="ster-gold"]{--accent:#8a6a1f;--accent-600:#6d5317;--accent-tint:#faf5ea;--stl-wash:#faf5ea}