/* =========================================================
   Magnetic Screens — design system (single source of truth)
   Neutral, flat and typographic: one sans, cool greys, hairline
   borders instead of shadows, and green reserved for the primary
   action. Restyled 2026-07-27 on the CEO's "modern clean
   professional" brief, replacing the warm cream/serif treatment.

   The home page loads this file too, so this :root is the ONLY
   place these values are defined. It used to carry its own copy.
   ========================================================= */
:root{
  /* ---- Surfaces: cool near-whites, no warmth ---- */
  --white:#ffffff;
  --cream:#fafbfc;         /* legacy name, now the page tint */
  --cream-2:#f4f6f8;       /* slightly deeper panel */
  --line:#e4e7eb;          /* hairline divider */
  --line-strong:#d3d8de;   /* interactive borders (inputs, outline buttons) */

  /* ---- Text. Contrast measured, not guessed, against #ffffff:
         --ink 18.5:1, --ink-strong 15.5:1, --ink-soft 5.9:1.
         --ink-faint is 3.15:1, which is AA for LARGE text only, so it
         is for meta lines and never for body copy. ---- */
  --ink:#0f1419;
  --ink-strong:#1d2530;
  --ink-soft:#5b6572;
  --ink-faint:#8a929c;

  /* ---- Accent: the primary action, and very little else.
         Azure blue, set 2026-07-27 on the CEO's "light blue, not too light" brief.
         White on --accent is 5.28:1 (AA). The lighter blues that were on the
         shortlist, #0284c7 at 4.10:1 and #1d7fd4 at 4.17:1, both FAIL AA with
         white text, so this is as light as the accent can go and still carry a
         white label on the primary button. ---- */
  --accent:#0b6bcb;
  --accent-hover:#095aa8;
  --accent-tint:#eaf2fb;   /* faintest blue wash, used sparingly */

  /* ---- Legacy aliases. 130+ rules across this file, nav.css and the
         home page still reference --gold*. Rather than rewrite every one
         and risk missing a few, they are remapped here: the accent stays
         green, but everything that used to be "green text" or "green
         tint" now resolves to neutral. That is what keeps green on the
         primary CTA and off everything else. ---- */
  --gold:var(--accent);
  --gold-deep:var(--ink-strong);
  --gold-soft:var(--line);
  --wood:var(--ink-soft);

  /* ---- Shape and depth: flat. Borders carry the structure. ---- */
  --radius:6px;
  --radius-lg:10px;
  --radius-pill:999px;     /* only for genuine pills: badges, avatars */
  --shadow:0 1px 2px rgba(15,20,25,.05);
  --shadow-sm:0 1px 2px rgba(15,20,25,.04);

  --maxw:1180px;
  --safe-b:env(safe-area-inset-bottom,0px);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
/* Body drops 18px -> 17px and the headings gain weight and negative tracking. An 18px
   body with 500-weight headings reads soft and editorial; a professional interface wants
   a denser body and headings that hold their own without a display face to lean on. */
body{font-family:"Inter",system-ui,-apple-system,sans-serif;font-size:17px;line-height:1.6;color:var(--ink);background:var(--white);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{font-family:"Inter",system-ui,-apple-system,sans-serif;font-weight:650;line-height:1.18;letter-spacing:-.021em;color:var(--ink)}
h1{font-size:clamp(1.9rem,4.2vw,2.7rem);letter-spacing:-.028em}
h2{font-size:clamp(1.5rem,3vw,2.05rem);letter-spacing:-.024em}
h3{font-size:1.2rem;font-weight:600}
h4{font-size:1.02rem;font-weight:600}
p{color:var(--ink-soft)}
.wrap,.container{max-width:var(--maxw);margin:0 auto;padding:0 24px}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* Eyebrows lose the green and most of the letter-spacing: 0.18em reads like a 2015
   lifestyle site, and the colour was the main thing making green feel omnipresent. */
.section-label,.eyebrow{display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:12px}

/* ---- Buttons: flat, 6px, no lift, no glow. State is carried by colour alone. ---- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 20px;border-radius:var(--radius);font-family:"Inter",system-ui,-apple-system,sans-serif;font-size:.95rem;font-weight:600;letter-spacing:0;cursor:pointer;border:1px solid transparent;transition:background-color .15s ease,border-color .15s ease,color .15s ease;text-align:center}
.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}
.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}
.btn-ghost,.btn-outline{background:#fff;color:var(--ink);border:1px solid var(--line-strong)}
.btn-ghost:hover,.btn-outline:hover{background:var(--cream);border-color:var(--ink-faint);color:var(--ink)}
.btn-light{background:#fff;color:var(--ink);border:1px solid var(--line-strong)}
.btn-light:hover{background:var(--cream)}
.btn-dark{background:var(--ink);color:#fff;border-color:var(--ink)}
.btn-dark:hover{background:var(--ink-strong);border-color:var(--ink-strong)}
.btn-paypal{background:#ffc439;color:#14264b;font-weight:700;border-color:#ffc439}
.btn-paypal:hover{background:#f0b429;border-color:#f0b429}
.btn-block{width:100%}
/* Visible keyboard focus. The old sheet had none at all. */
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius)}

/* ---- Nav (solid, inner pages) ---- */
.nav--solid{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.92);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--line)}
.nav-inner{max-width:var(--maxw);margin:0 auto;padding:14px 24px;display:flex;align-items:center;gap:18px}
.brand{display:flex;align-items:center;gap:11px;font-weight:700;color:var(--ink);margin-right:auto}
.brand .mark{width:34px;height:34px;border-radius:50%;flex:none;background:var(--ink);color:#fff;display:grid;place-items:center}
.nav--solid .brand .mark{background:var(--accent)}
.brand .flag{height:26px;width:auto;display:block;border-radius:3px;flex:none}
.brand .name{font-family:"Inter",system-ui,-apple-system,sans-serif;font-size:1.18rem;letter-spacing:.01em;line-height:1.05}
.brand .name small{display:block;font-family:"Inter",system-ui,-apple-system,sans-serif;font-size:.62rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;opacity:.7}
.nav-links{display:none;align-items:center;gap:26px}
.nav-links a{color:var(--ink-soft);font-weight:600;font-size:.97rem;transition:.2s}
.nav-links a:hover{color:var(--gold-deep)}
.cart-icon{position:relative;display:flex;color:var(--ink)}
.cart-icon:hover{color:var(--gold-deep)}
#cart-badge{position:absolute;top:-8px;right:-10px;background:var(--gold-deep);color:#fff;font-size:.66rem;font-weight:700;min-width:18px;height:18px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;padding:0 5px}
.nav-cta{display:none;min-height:44px;padding:0 22px;border-radius:var(--radius);background:var(--accent);color:#fff;font-weight:700;font-size:.92rem;align-items:center}
.burger{width:48px;height:48px;border:1px solid var(--line);background:#fff;border-radius:var(--radius);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer}
.burger span{display:block;width:22px;height:2px;background:var(--ink);border-radius:2px;transition:.3s}
body.menu-open .burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
body.menu-open .burger span:nth-child(2){opacity:0}
body.menu-open .burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.overlay{position:fixed;inset:0;z-index:55;background:var(--ink);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;opacity:0;visibility:hidden;transform:translateY(-12px);transition:.35s ease;padding:80px 24px 40px}
body.menu-open .overlay{opacity:1;visibility:visible;transform:none}
.overlay a{color:#fff;font-family:"Inter",system-ui,-apple-system,sans-serif;font-size:2rem;font-weight:500;min-height:52px;display:flex;align-items:center}
.overlay a:hover{color:var(--gold-soft)}
.overlay .btn{margin-top:18px;font-family:"Inter",system-ui,-apple-system,sans-serif;font-size:1rem}

/* ---- Footer (matches home) ---- */
.footer{background:#12171c;color:rgba(255,255,255,.7);padding:46px 0 calc(36px + var(--safe-b));margin-top:40px}
.footer .wrap{display:flex;flex-direction:column;gap:22px}
.footer .brand{color:#fff}
.footer .brand .name{color:#fff}
.footer-cols{display:grid;grid-template-columns:1fr;gap:26px}
.footer-col h4{color:#fff;font-family:"Inter",system-ui,-apple-system,sans-serif;font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-bottom:14px;opacity:.75}
.footer-col nav{display:flex;flex-direction:column;gap:11px}
.footer-col nav a{font-size:.94rem;font-weight:600;transition:.2s;padding:3px 0;display:inline-block}
.footer-col nav a:hover{color:var(--gold-soft)}
@media(min-width:620px){.footer-cols{grid-template-columns:repeat(3,1fr)}}
.footer .fine{font-size:.82rem;opacity:.6;border-top:1px solid rgba(255,255,255,.12);padding-top:22px}

/* =========================================================
   PRODUCT PAGE
   ========================================================= */
#product-hero{padding:0 0 20px}
.breadcrumb{display:flex;align-items:center;gap:9px;font-size:.86rem;color:var(--ink-soft);padding:24px 0 8px;flex-wrap:wrap}
.breadcrumb a:hover{color:var(--gold-deep)}
.breadcrumb .sep{opacity:.5}
.breadcrumb .current{color:var(--ink);font-weight:600}

.review-row{display:flex;gap:16px;align-items:flex-start;background:var(--cream);border:1px solid var(--line);border-radius:var(--radius-lg);padding:18px 22px;margin:14px 0 8px}
.review-row .stars{display:flex;gap:2px;flex-shrink:0;margin-top:2px}
.review-row .stars svg{width:16px;height:16px;color:var(--gold)}
.review-row-title{font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-deep);margin-bottom:8px}
.review-row-quote{font-style:italic;color:var(--ink);margin-bottom:8px}
.review-row-author{display:flex;align-items:center;gap:10px}
.review-row-avatar{width:32px;height:32px;border-radius:50%;background:var(--cream-2);color:var(--gold-deep);display:flex;align-items:center;justify-content:center;font-family:"Inter",system-ui,-apple-system,sans-serif;font-weight:600;font-size:.82rem}
.review-row-name{font-weight:600;font-size:.9rem}

.product-title-block{margin:24px 0 8px}
.product-h1-keywords{font-size:15px;line-height:1.45;font-weight:600;color:var(--ink-soft);font-family:"Inter",system-ui,-apple-system,sans-serif;letter-spacing:.01em;margin-bottom:10px}
.product-aspirational-headline{font-size:clamp(1.55rem,4.6vw,2.2rem);line-height:1.12;color:var(--ink);font-weight:600;font-family:"Inter",system-ui,-apple-system,sans-serif;margin-top:4px}
.product-features-subheadline{font-size:25px;line-height:1.3;color:var(--ink-soft);font-weight:400;font-family:"Inter",system-ui,-apple-system,sans-serif;margin-top:12px}
.product-highlights{padding:clamp(30px,5vw,52px) 0;border-top:1px solid var(--line)}

.highlight-row{display:grid;grid-template-columns:1fr;gap:14px;margin:26px 0 8px}
@media(min-width:560px){.highlight-row{grid-template-columns:1fr 1fr}}
@media(min-width:980px){.highlight-row{grid-template-columns:repeat(4,1fr)}}
.highlight-card{display:flex;gap:12px;align-items:flex-start;background:var(--cream);border:1px solid var(--line);border-radius:var(--radius-lg);padding:16px}
.highlight-icon{width:40px;height:40px;border-radius:var(--radius);background:#fff;border:1px solid var(--gold-soft);color:var(--gold-deep);display:grid;place-items:center;flex-shrink:0}
.highlight-text strong{display:block;font-size:.92rem}
.highlight-text span{font-size:.82rem;color:var(--ink-soft);line-height:1.45}

.product-grid{display:grid;grid-template-columns:1fr;gap:40px;margin:34px 0 16px}
@media(min-width:880px){.product-grid{grid-template-columns:1fr 1fr;gap:56px}}
.product-gallery{align-self:start}
@media(min-width:880px){.product-gallery{position:sticky;top:90px}}
.gallery-main{position:relative;border-radius:var(--radius-lg);overflow:hidden;background:var(--cream);aspect-ratio:1/1;border:1px solid var(--line)}
.gallery-main img{width:100%;height:100%;object-fit:cover;cursor:zoom-in}
.gallery-sale-badge{position:absolute;top:14px;left:14px;background:var(--accent);color:#fff;font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:6px 13px;border-radius:999px}
.gallery-thumbs{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}
.gallery-thumb{width:70px;height:70px;border-radius:var(--radius);overflow:hidden;border:2px solid var(--line);background:var(--cream);cursor:pointer;padding:0}
.gallery-thumb.active{border-color:var(--gold)}
.gallery-thumb img{width:100%;height:100%;object-fit:cover}

.product-info{padding-top:4px}
.price-block{display:flex;align-items:baseline;flex-wrap:wrap;gap:12px;margin-bottom:6px}
.price-was{color:var(--ink-soft);text-decoration:line-through;font-size:1.25rem}
.price-now{font-size:2.4rem;font-weight:600;font-family:"Inter",system-ui,-apple-system,sans-serif;color:var(--ink);line-height:1}
.price-tax{font-size:.86rem;color:var(--ink-soft)}
.price-save{display:inline-block;background:var(--cream);border:1px solid var(--gold-soft);color:var(--gold-deep);font-weight:700;font-size:.82rem;padding:5px 12px;border-radius:var(--radius);margin-bottom:18px}
.sale-timer{margin:0 0 18px}
.sale-timer:empty{margin:0}
.product-short-desc{color:var(--ink-soft);margin-bottom:22px}

/* Variation (size) selector */
/* The size and colour selectors are <button>s, and a button does NOT inherit the page font.
   Without this they render in the UA default (Arial 13px) while everything around them is Inter. */
button,input,select,textarea{font:inherit;color:inherit}
.variant-select{margin:18px 0 6px}
.variant-select-label{font-size:.95rem;color:var(--ink-soft);margin-bottom:10px}
.variant-select-label strong{color:var(--ink)}
.variant-options{display:flex;flex-wrap:wrap;gap:10px}
.variant-option{display:flex;flex-direction:column;gap:2px;border:1.5px solid var(--line);border-radius:var(--radius);padding:10px 16px;text-decoration:none;color:var(--ink);background:#fff;transition:.2s;min-width:118px}
.variant-option:hover{border-color:var(--gold)}
.variant-option.is-active{border-color:var(--gold-deep);background:var(--cream);box-shadow:inset 0 0 0 1px var(--gold-deep)}
.variant-option-name{font-weight:600;font-size:.95rem}
.variant-option-price{font-size:.85rem;color:var(--ink-soft)}
/* Size dropdown: used instead of the button grid once a family carries a lot of sizes
   (see SIZE_DROPDOWN_MIN in the product layouts). Styled to match .variant-option. */
.variant-select-input{width:100%;font:inherit;font-size:1rem;font-weight:600;color:var(--ink);background:#fff;border:1.5px solid var(--line);border-radius:var(--radius);padding:13px 40px 13px 16px;cursor:pointer;transition:.2s;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23333' stroke-width='2.2' viewBox='0 0 24 24'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}
.variant-select-input:hover{border-color:var(--gold)}
.variant-select-input:focus-visible{outline:none;border-color:var(--gold-deep);box-shadow:inset 0 0 0 1px var(--gold-deep)}

.atc-trust-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}
.atc-trust-item{display:flex;gap:11px;align-items:center;border:1px solid var(--line);border-radius:var(--radius);padding:13px 15px;background:#fff}
.atc-trust-item svg{color:var(--gold-deep);flex-shrink:0}
/* Very light per-tile tints to break up the buy column (CEO 2026-07-30).
   Same order on the EN and NL layouts, so nth-child keeps colour = meaning:
   1 Price Match (azure) · 2 Fast Refund (green) · 3 Free Shipping (amber) · 4 Returns (violet).
   Tints stay in the site's cool low-saturation register; text ink unchanged. */
.atc-trust-item:nth-child(1){background:var(--accent-tint);border-color:#d5e5f6}
.atc-trust-item:nth-child(1) > svg{color:var(--accent)}
.atc-trust-item:nth-child(2){background:#eaf7ef;border-color:#d3ecdd}
.atc-trust-item:nth-child(2) > svg{color:#178a50}
.atc-trust-item:nth-child(3){background:#fdf6e9;border-color:#f1e4c8}
.atc-trust-item:nth-child(3) > svg{color:#a8730f}
.atc-trust-item:nth-child(4){background:#f1effb;border-color:#e0dcf4}
.atc-trust-item:nth-child(4) > svg{color:#5b4bc4}
.atc-trust-item strong{display:block;font-size:.9rem}
.atc-trust-item span{font-size:.8rem;color:var(--ink-soft)}

.atc-row{display:flex;gap:12px;margin:8px 0 16px}
.qty-input{display:flex;align-items:center;border:1.5px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fff}
.qty-btn{width:46px;height:52px;background:transparent;border:none;font-size:1.3rem;cursor:pointer;color:var(--ink)}
.qty-btn:hover{color:var(--gold-deep)}
.qty-input input{width:46px;height:52px;border:none;text-align:center;font-size:1rem;font-weight:600;background:transparent;-moz-appearance:textfield}
.qty-input input::-webkit-outer-spin-button,.qty-input input::-webkit-inner-spin-button{-webkit-appearance:none}
/* Product page: slightly narrower quantity selector (cart keeps the wider default) */
.atc-row .qty-btn{width:40px}
.atc-row .qty-input input{width:40px}
.atc-btn{flex:1;min-width:0;height:52px;font-size:1.05rem;white-space:nowrap;padding-left:18px;padding-right:18px}
.ship-note{display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--ink-soft)}
.ship-note svg{color:var(--gold-deep)}
.buy-direct-img{display:block;width:100%;max-width:none;height:auto;margin-top:20px}
.delivery-banner{display:flex;gap:12px;align-items:center;margin-top:14px;margin-bottom:22px;padding:13px 16px;background:var(--cream);border:1px solid var(--gold-soft);border-radius:var(--radius)}
.delivery-banner svg{color:var(--gold-deep);flex-shrink:0}
.delivery-banner span{font-size:.9rem;line-height:1.5;color:var(--ink-soft)}
.delivery-banner strong{color:var(--ink)}
.delivery-banner em{font-style:normal;color:var(--gold-deep);font-weight:700}

#product-details,#faq,#buying-guide,#cta-banner{padding:clamp(48px,7vw,80px) 0}
#product-details{border-top:1px solid var(--line)}
.details-heading{margin:6px 0 22px}
.about-para{margin-bottom:14px;color:var(--ink-soft);font-size:1.05rem}
.product-video{padding:clamp(36px,6vw,64px) 0 0}
.product-video-el{width:100%;height:auto;display:block;border-radius:var(--radius-lg);background:#000;box-shadow:var(--shadow-sm)}
.product-specs{padding:clamp(36px,6vw,64px) 0 0}
.product-specs-grid{display:grid;grid-template-columns:1fr;gap:22px}
.product-spec-figure{margin:0;width:100%}
.product-spec-figure img{display:block;width:100%;height:auto}
.spec-table{width:100%;border-collapse:collapse;max-width:760px;border-top:1px solid var(--line)}
.spec-table th,.spec-table td{text-align:left;padding:15px 4px;border-bottom:1px solid var(--line);font-size:1rem;vertical-align:top}
.spec-table th{width:40%;font-weight:600;color:var(--ink-soft)}
.spec-table td{color:var(--ink);font-weight:600}

/* Cart upsell / cross-sell card */
.cart-upsell{display:flex;gap:18px;align-items:center;background:#fff;border:1px solid var(--gold-soft);border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow-sm)}
.cart-upsell[hidden]{display:none}
.cart-upsell-pic{flex-shrink:0;width:88px;height:88px;border-radius:var(--radius);overflow:hidden;background:var(--cream)}
.cart-upsell-pic img{width:100%;height:100%;object-fit:cover}
.cart-upsell-body{flex:1;min-width:0}
.cart-upsell-eyebrow{font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-deep);margin-bottom:4px}
.cart-upsell-body h3{font-family:"Inter",system-ui,-apple-system,sans-serif;font-size:1.15rem;margin-bottom:4px}
.cart-upsell-body h3 a{color:var(--ink)}
.cart-upsell-desc{color:var(--ink-soft);font-size:.9rem;line-height:1.5;margin:0}
.cart-upsell-action{display:flex;flex-direction:column;align-items:flex-end;gap:10px;flex-shrink:0}
.cart-upsell-price{font-family:"Inter",system-ui,-apple-system,sans-serif;font-size:1.25rem;font-weight:600;color:var(--ink)}
.cart-upsell-price s{color:var(--ink-soft);font-size:.9rem;font-weight:400;margin-left:6px}
.cart-upsell-btn{height:44px;font-size:.92rem;white-space:nowrap}
@media(max-width:560px){
  .cart-upsell{flex-direction:column;align-items:stretch;text-align:left}
  .cart-upsell-pic{width:100%;height:160px}
  .cart-upsell-action{flex-direction:row;align-items:center;justify-content:space-between}
}

/* FAQ (details/summary styled like home) */
#faq{background:var(--cream)}
.faq-wrap{max-width:780px;margin:0 auto;text-align:center}
.faq-wrap h2{margin-bottom:4px}
.faq-item{text-align:left;background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);margin-top:14px;overflow:hidden}
.faq-q{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;cursor:pointer;list-style:none}
.faq-q::-webkit-details-marker{display:none}
.faq-q h3{font-family:"Inter",system-ui,-apple-system,sans-serif;font-size:1.06rem;font-weight:600;line-height:1.4}
.faq-icon{flex-shrink:0;color:var(--gold-deep);transition:transform .3s}
.faq-item[open] .faq-icon{transform:rotate(45deg)}
.faq-a{padding:0 24px 22px;color:var(--ink-soft);font-size:1rem}

/* Buying guide */
#buying-guide{background:var(--cream)}
.guide-inner{max-width:820px;margin:0 auto}
.guide-title{margin-bottom:12px}
.guide-meta{display:flex;gap:18px;flex-wrap:wrap;color:var(--ink-soft);font-size:.85rem;margin-bottom:30px}
.guide-meta span{display:flex;align-items:center;gap:6px}
.guide-inner :is(h2,h3){clear:both;margin:40px 0 12px;color:var(--ink)}
.guide-inner h2{font-size:clamp(1.6rem,4vw,2.1rem)}
.guide-inner h2::after{content:"";display:block;width:46px;height:3px;margin-top:14px;background:var(--accent);border-radius:3px}
.guide-inner h3{font-size:1.3rem}
.guide-inner p{color:var(--ink-soft);font-size:1.05rem;margin-bottom:16px}
.guide-inner ul,.guide-inner ol{margin:0 0 18px 22px}
.guide-inner li{margin-bottom:7px;color:var(--ink-soft)}
.guide-inner strong{color:var(--ink);font-weight:600}
.guide-inner a{color:var(--gold-deep);text-decoration:underline}
/* Buttons inside prose must keep their button styling, not the link colour */
.guide-inner a.btn{text-decoration:none}
.guide-inner a.btn-primary,.guide-inner a.btn-dark{color:#fff}

#cta-banner{position:relative;background:var(--ink);color:#fff;text-align:center;overflow:hidden}
#cta-banner::before{content:"";position:absolute;inset:0;background:radial-gradient(80% 120% at 50% 0%,rgba(95,128,67,.34) 0%,rgba(95,128,67,0) 60%)}
#cta-banner .container{position:relative;z-index:2;max-width:720px}
#cta-banner h2{color:#fff}
#cta-banner p{color:rgba(255,255,255,.82);margin:14px auto 26px}

/* =========================================================
   SHOP LISTING / PRODUCT CARDS
   ========================================================= */
.shop-page{padding:48px 0 70px}
.shop-page-head{max-width:680px;margin:0 0 36px}
.shop-page-head h1{margin-bottom:12px}
.shop-category + .shop-category{margin-top:54px}
.shop-cat-title{font-family:"Inter",system-ui,-apple-system,sans-serif;font-size:clamp(1.5rem,3vw,1.9rem);font-weight:600;margin-bottom:22px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.shop-grid{display:grid;grid-template-columns:1fr;gap:24px}
@media(min-width:620px){.shop-grid{grid-template-columns:1fr 1fr}}
@media(min-width:920px){.shop-grid{grid-template-columns:repeat(3,1fr)}}
.scard{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;transition:.3s}
.scard:hover{border-color:var(--ink-faint)}
.scard-pic{position:relative;display:block;aspect-ratio:1/1;background:var(--cream)}
.scard-pic img{width:100%;height:100%;object-fit:cover}
.scard-badge{position:absolute;top:14px;left:14px;background:var(--accent);color:#fff;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:5px 12px;border-radius:999px}
.scard-meta{padding:24px;display:flex;flex-direction:column;flex:1}
.scard-meta .stars{display:flex;gap:2px;margin-bottom:12px}
.scard-meta .stars svg{width:16px;height:16px;color:var(--gold)}
.scard-meta h3{font-family:"Inter",system-ui,-apple-system,sans-serif;font-size:1.32rem;font-weight:600;margin-bottom:8px}
.scard-meta>p{color:var(--ink-soft);font-size:.98rem;margin-bottom:18px;flex:1}
.scard-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px;margin-bottom:18px}
.scard-price .now{font-family:"Inter",system-ui,-apple-system,sans-serif;font-size:1.7rem;font-weight:600;color:var(--ink);line-height:1}
.scard-price .was{color:var(--ink-soft);text-decoration:line-through;font-size:1.05rem}
.scard-price .ship{width:100%;font-size:.85rem;font-weight:600;color:var(--gold-deep)}
.scard .btn{width:100%}

/* =========================================================
   CART
   ========================================================= */
#cart-page{padding:40px 0 80px}
.cart-header{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:8px}
.cart-continue{color:var(--gold-deep);font-weight:600;font-size:.92rem}
.cart-welcome{color:var(--ink-soft);margin-bottom:30px}
.cart-empty{text-align:center;padding:70px 20px;color:var(--ink-soft)}
.cart-empty svg{color:var(--line);margin:0 auto 16px}
.cart-empty p{margin-bottom:20px}
.cart-layout{display:grid;grid-template-columns:1fr;gap:36px;align-items:start}
@media(min-width:880px){.cart-layout{grid-template-columns:2fr 3fr;gap:40px}}
.cart-trust{margin-top:48px;border-top:1px solid var(--line);padding-top:40px}
.cart-trust-grid{display:grid;grid-template-columns:1fr;gap:24px}
@media(min-width:760px){.cart-trust-grid{grid-template-columns:repeat(3,1fr);gap:30px}}
.cart-trust-item{display:flex;flex-direction:column;gap:12px}
.cart-trust-icon{width:52px;height:52px;border-radius:var(--radius);background:var(--cream);border:1px solid var(--gold-soft);color:var(--gold-deep);display:grid;place-items:center}
.cart-trust-body h3{font-family:"Inter",system-ui,-apple-system,sans-serif;font-size:1.15rem;margin-bottom:6px}
.cart-trust-body p{font-size:.92rem;color:var(--ink-soft);line-height:1.6;margin:0}
.cart-items{display:flex;flex-direction:column;gap:16px}
.cart-item{display:grid;grid-template-columns:96px 1fr auto;gap:18px;background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:16px;align-items:center}
.cart-item-img{width:96px;height:96px;border-radius:var(--radius);overflow:hidden;background:var(--cream)}
.cart-item-img img{width:100%;height:100%;object-fit:cover}
.cart-item-body{min-width:0}
.cart-item-body h3{font-family:"Inter",system-ui,-apple-system,sans-serif;font-size:1.12rem;margin-bottom:6px;overflow-wrap:break-word;word-break:break-word}
.cart-item-meta{list-style:none;font-size:.85rem;color:var(--ink-soft)}
.cart-item-controls{display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.cart-item-price{font-weight:600;font-size:1.1rem;font-family:"Inter",system-ui,-apple-system,sans-serif}
.cart-remove{background:none;border:none;color:var(--ink-soft);cursor:pointer;padding:4px}
.cart-remove:hover{color:var(--gold-deep)}
.cart-sidebar{display:flex;flex-direction:column;gap:16px}
@media(min-width:880px){.cart-sidebar{position:sticky;top:90px}}
.cart-summary,.cart-customer{background:var(--cream);border:1px solid var(--line);border-radius:var(--radius-lg);padding:24px}
.cart-summary h2,.cart-customer h2{font-size:1.3rem;margin-bottom:16px}
.cart-summary-row{display:flex;justify-content:space-between;padding:7px 0;font-size:.96rem}
.cart-summary-free{color:var(--gold-deep);font-weight:600}
.cart-delivery-hint{font-size:.78rem;color:var(--gold-deep);font-weight:600;margin:2px 0 0;text-align:right}
.cart-summary-total{border-top:1px solid var(--line);margin-top:8px;padding-top:14px;font-weight:700;font-size:1.15rem}
.cart-section-label{font-size:.74rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);margin:4px 0 12px}
.cart-section-divider{height:1px;background:var(--line);margin:18px 0}
.cart-field{margin-bottom:13px}
.cart-field label{display:block;font-size:.85rem;font-weight:600;margin-bottom:6px}
.cart-field .req{color:var(--gold-deep)}
.cart-optional{color:var(--ink-soft);font-weight:400}
.cart-field input,.cart-field textarea{width:100%;padding:12px 14px;border:1.5px solid var(--line);border-radius:var(--radius);font-family:"Inter",system-ui,-apple-system,sans-serif;font-size:.95rem;background:#fff;color:var(--ink)}
.cart-field input:focus,.cart-field textarea:focus{outline:none;border-color:var(--gold)}
.cart-field-error{display:none;font-size:.78rem;color:var(--gold-deep);margin-top:5px}
.cart-field.is-invalid input,.cart-field.is-invalid textarea{border-color:#b42318}
.cart-field.is-invalid .cart-field-error{display:block}
.cart-field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cart-divider{text-align:center;position:relative;color:var(--ink-soft);font-size:.82rem;margin:4px 0}
.cart-divider::before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:var(--line)}
.cart-divider span{background:var(--white);padding:0 12px;position:relative}
.cart-secure{display:flex;align-items:center;justify-content:center;gap:7px;font-size:.82rem;color:var(--ink-soft)}
.cart-secure svg{color:var(--gold-deep)}

/* =========================================================
   ORDER RESULT
   ========================================================= */
#order-success-page,#order-cancel-page{padding:90px 0}
.order-result{max-width:560px;margin:0 auto;text-align:center}
.order-result-icon{width:84px;height:84px;border-radius:50%;background:var(--cream);border:1px solid var(--gold-soft);color:var(--gold-deep);display:flex;align-items:center;justify-content:center;margin:0 auto 22px}
.order-result-icon--error{background:#fef3f2;border-color:#fecdca;color:#b42318}
.order-result-icon--spin svg{animation:spin 1s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.order-result h1{margin-bottom:14px}
.order-result p{color:var(--ink-soft);margin-bottom:14px}
.order-result .btn{margin-top:12px}
.order-ref{display:inline-block;margin:4px auto 18px;padding:9px 18px;border:1px solid var(--gold-soft);border-radius:var(--radius);background:var(--cream);font-size:.92rem;font-weight:600;color:var(--ink)}
.fifi-order{display:flex;flex-direction:column;align-items:center;gap:8px;max-width:460px;margin:8px auto 26px;background:var(--cream);border:1px solid var(--gold-soft);border-radius:var(--radius-lg);padding:24px 26px}
.fifi-order img{width:200px;max-width:70%;height:auto;display:block;border-radius:var(--radius-lg)}
.fifi-order-name{font-family:"Inter",system-ui,-apple-system,sans-serif;font-size:1.05rem;font-weight:600;color:var(--gold-deep);margin:0 0 6px}
.fifi-order-copy p{color:var(--ink-soft);font-size:.98rem;line-height:1.6;margin:0}

/* =========================================================
   PROSE / CONTACT
   ========================================================= */
.prose-page{padding:50px 0 80px}
/* CEO 2026-07-27: every page shares the one site width (--maxw via .container) */
.prose-page h1{margin-bottom:8px}
.prose-updated{color:var(--ink-soft);font-size:.88rem;margin-bottom:32px}
.prose-page h2{font-size:1.5rem;margin:34px 0 12px}
.prose-page h3{font-size:1.18rem;margin:22px 0 8px}
.prose-page p{margin-bottom:15px;color:var(--ink-soft)}
.prose-page ul{margin:0 0 18px 22px}
.prose-page li{margin-bottom:7px;color:var(--ink-soft)}
.prose-page a{color:var(--ink-strong);text-decoration:underline;text-underline-offset:2px}
/* A .btn inside prose is a BUTTON, not a link: the rule above (0,2,0) was beating
   .btn-primary (0,1,0) and repainting the label, so every CTA on a prose page rendered
   dark-on-green with an underline. It was unreadable before this restyle too, just as
   green-on-green rather than 2.55:1. */
.prose-page a.btn{text-decoration:none}
/* Card links are cards, not prose links. Same override reason as .btn above. */
/* Whole-card links: the .prose-page underline is for inline links, not for cards.
   Any new card class that is itself an <a> belongs on this list. */
.prose-page a.lp-card,.prose-page a.scard-pic,.prose-page a.scard,.prose-page a.quote-route{text-decoration:none;color:inherit}
.prose-page a.lp-card h3,.prose-page a.lp-card p{text-decoration:none}
.prose-page a.btn-primary,.prose-page a.btn-quote-calc,.prose-page a.btn-quote-calc:hover{color:#fff}
.prose-page a.btn-ghost,.prose-page a.btn-outline,.prose-page a.btn-light{color:var(--ink)}
.prose-page a.btn-dark{color:#fff}
.prose-page .btn{text-decoration:none}
.contact-grid{display:grid;grid-template-columns:1fr;gap:40px;align-items:start}
@media(min-width:880px){.contact-grid{grid-template-columns:1fr 1fr;gap:48px}}
.contact-form{background:var(--cream);border:1px solid var(--line);border-radius:var(--radius-lg);padding:28px}
.contact-form .cart-field{margin-bottom:16px}
.form-status{margin-top:14px;font-size:.9rem}
.form-status.ok{color:var(--gold-deep)}
.form-status.err{color:#b42318}
/* contact details (shared layout, matches the home page contact section) */
.contact-intro p{color:var(--ink-soft);font-size:1.06rem;margin-bottom:24px;max-width:460px}
.contact-methods{display:grid;gap:14px}
.cmethod{display:flex;align-items:center;gap:16px;background:var(--cream);border:1px solid var(--line);border-radius:var(--radius-lg);padding:18px 20px;transition:.25s;text-decoration:none}
.cmethod:hover{border-color:var(--gold-soft);}
.cmethod .ic{width:46px;height:46px;flex:none;border-radius:var(--radius);background:#fff;border:1px solid var(--gold-soft);display:grid;place-items:center}
.cmethod .ic svg{width:22px;height:22px;color:var(--gold-deep)}
.cmethod small{display:block;font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft)}
.cmethod b{font-size:1.05rem;font-weight:600;color:var(--ink);word-break:break-word}
.company-card{background:var(--cream);border:1px solid var(--line);border-radius:var(--radius-lg);padding:30px;margin-top:24px}
.company-card h3{margin-bottom:6px}
.company-card .sub{color:var(--ink-soft);font-size:.95rem;margin-bottom:20px}
.detail-list{list-style:none;display:grid;gap:0;margin:0}
.detail-list li{display:grid;grid-template-columns:1fr;gap:2px;padding:14px 0;border-top:1px solid var(--line)}
.detail-list li:first-child{border-top:none;padding-top:0}
.detail-list .k{font-size:.76rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-deep)}
.detail-list .v{font-size:1rem;color:var(--ink);line-height:1.5}
.detail-list .v a{color:var(--gold-deep);font-weight:600}

/* ---- Lightbox ---- */
#gallery-main-img{cursor:zoom-in}

/* Delivery-time line under the payment strip (real claims: 5-7 days per the
   shipping policy page, threshold/fee from site.json) */
.atc-delivery-note{display:flex;gap:8px;align-items:center;margin:12px 0 0;font-size:.85rem;color:var(--ink-soft)}
.atc-delivery-note svg{flex-shrink:0;color:var(--accent)}
.atc-delivery-note strong{color:var(--ink)}

/* Sticky mobile buy bar: slides up when the in-page Add to Cart scrolls out of
   view (observer in main.js). Mobile = below the 880px two-column break. The
   cookie banner (z 9999) deliberately outranks it. */
.mobile-buy-bar{position:fixed;left:0;right:0;bottom:0;z-index:120;display:none;align-items:center;gap:14px;background:var(--white);border-top:1px solid var(--line);padding:10px 16px calc(10px + env(safe-area-inset-bottom));box-shadow:0 -4px 16px rgba(15,20,25,.08);transform:translateY(110%);transition:transform .25s ease}
.mobile-buy-bar.show{transform:none}
.mobile-buy-bar .mbb-price{font-weight:800;font-size:1.15rem;white-space:nowrap}
.mobile-buy-bar .btn{flex:1;justify-content:center}
@media(max-width:879px){.mobile-buy-bar{display:flex}}

.lightbox-overlay{position:fixed;inset:0;background:rgba(31,27,22,.9);display:none;align-items:center;justify-content:center;z-index:300;padding:30px;cursor:zoom-out}
.lightbox-overlay.open{display:flex}
.lightbox-overlay img{max-width:92vw;max-height:90vh;border-radius:var(--radius)}

/* ---- Responsive ---- */
@media(min-width:880px){
  .burger{display:none}
  .nav-links{display:flex}
  .nav-cta{display:inline-flex}
}
@media(max-width:560px){
  .atc-trust-grid{grid-template-columns:1fr}
  .cart-field-row{grid-template-columns:1fr}
  /* Cart row: image + title on top, controls full-width below */
  .cart-item{grid-template-columns:72px 1fr;gap:14px;align-items:start}
  .cart-item-img{width:72px;height:72px}
  .cart-item-controls{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between;gap:12px}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Cart discount code */
.cart-discount-entry{margin-top:14px}
.cart-discount-entry label{display:block;font-size:.85rem;font-weight:600;margin-bottom:6px}
.cart-discount-input{display:flex;gap:8px}
.cart-discount-input input{flex:1;min-width:0;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius);font-size:.95rem;font-family:inherit;background:#fff;color:var(--ink)}
.cart-discount-input .btn{padding:10px 16px}
.cart-discount-msg{font-size:.9rem;margin:8px 0 0}
.cart-discount-msg.err{color:#b42318}
.cart-discount-msg.ok{color:var(--accent)}
.cart-discount-remove{background:none;border:0;padding:0;color:inherit;text-decoration:underline;cursor:pointer;font:inherit;font-size:.85rem}
.cart-summary-row[hidden],.cart-discount-entry label[hidden],.cart-discount-input[hidden]{display:none}
a.btn-review-red,.prose-page a.btn-review-red{background:#e8192c;color:#fff;font-weight:700;text-transform:uppercase;letter-spacing:.03em;border-radius:var(--radius)}
a.btn-review-red:hover,.prose-page a.btn-review-red:hover{background:#c31423;color:#fff}


/* ── Language switcher (bilingual EN/NL, added 2026-07-26) ────────────────── */
.topnav__lang{
  display:inline-flex;align-items:center;padding:0 14px;height:36px;
  border:1px solid var(--line,var(--line));border-radius:var(--radius);
  font-size:.86rem;font-weight:600;text-decoration:none;color:inherit;
  white-space:nowrap;transition:.2s;
}
.topnav__lang:hover{border-color:var(--gold,var(--accent));color:var(--gold-deep,var(--ink-strong))}
@media (max-width:900px){ .topnav__lang{margin-left:auto;margin-right:8px} }


/* ── Quote form (the five /quote/* lead-capture pages) ───────────────────── */
.quote-form{margin:28px 0 0;max-width:760px}
.qf-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.qf-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px}
.qf-field{display:flex;flex-direction:column;gap:6px}
.qf-field--wide{grid-column:1/-1}
.qf-field>span{font-size:.86rem;font-weight:600;color:var(--ink-soft,var(--ink-soft))}
.qf-field input,.qf-field select,.qf-field textarea{
  font:inherit;font-size:1rem;padding:11px 13px;border:1px solid var(--line,var(--line));
  border-radius:var(--radius);background:#fff;color:var(--ink,var(--ink));width:100%;
}
.qf-field input:focus,.qf-field select:focus,.qf-field textarea:focus{
  outline:none;border-color:var(--gold,var(--accent));box-shadow:0 0 0 3px rgba(95,128,67,.16);
}
.qf-field textarea{resize:vertical;min-height:110px}
.qf-submit{margin-top:22px}
.qf-status{margin:14px 0 0;font-size:.95rem;min-height:1.4em}
.qf-status.is-ok{color:var(--accent);font-weight:600}
.qf-status.is-error{color:#b42318;font-weight:600}
.qf-note{margin:10px 0 0;font-size:.85rem;color:var(--ink-soft,var(--ink-soft))}
.quote-routes{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin:28px 0 8px}
/* two big visual options on /quote and /offerte (CEO 2026-07-27) */
.quote-routes--two{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));max-width:920px}
.quote-route--pic{padding:0;overflow:hidden}
/* 1:1 because the quote route photography is square (a 4/3 crop cut the door
   shot's head and feet off). Cover still applies for any non-square replacement. */
.quote-route--pic img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;background:var(--cream-2)}
.quote-route--pic .quote-route-body{padding:22px 24px}
.quote-route--pic .btn{margin-top:12px}
.quote-route{display:block;padding:22px 24px;border:1px solid var(--line,var(--line));border-radius:var(--radius-lg);
  background:#fff;text-decoration:none;color:inherit;transition:.25s}
.quote-route:hover{border-color:var(--gold,var(--accent));}
.quote-route h3{margin:0 0 6px;font-size:1.12rem}
.quote-route p{margin:0;font-size:.95rem;color:var(--ink-soft,var(--ink-soft))}
@media (max-width:640px){ .qf-grid{grid-template-columns:1fr} }


/* ── Keyword landing pages (/special-offer/*) ────────────────────────────── */
.lp-products{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px;margin:28px 0 40px}
.lp-card{display:flex;flex-direction:column;border:1px solid var(--line,var(--line));border-radius:var(--radius-lg);
  overflow:hidden;background:#fff;text-decoration:none;color:inherit;transition:.25s}
.lp-card:hover{border-color:var(--gold,var(--accent));}
.lp-card img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;background:var(--cream-2,var(--cream-2))}
.lp-card-body{padding:16px 18px}
.lp-card-body h3{margin:0 0 6px;font-size:1.02rem;line-height:1.35}
.lp-rating{margin:0 0 6px;font-size:.84rem;color:var(--ink-soft,var(--ink-soft))}
.lp-price{margin:0;font-weight:700;color:var(--gold-deep,var(--ink-strong))}

/* ── Quote pages: the two-path chooser, modelled on the live quote pages ── */
.quote-choice{display:grid;grid-template-columns:1fr;gap:16px;margin:26px 0 8px}
@media(min-width:760px){.quote-choice{grid-template-columns:1fr 1fr}}
.quote-choice-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff;padding:24px 22px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.quote-choice-card .eyebrow{margin-bottom:0}
.quote-choice-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;flex-shrink:0}
.quote-choice-icon--person{background:var(--accent-tint);color:var(--accent)}
.quote-choice-icon--calc{background:#eaf7ef;color:#178a50}
/* Calculator CTA: green, deliberately distinct from the azure primary (CEO 2026-07-30).
   #157a47 measures 5.38:1 against white, matching the azure primary's 5.28:1 (AA).
   The lighter #178a50 used for the icon tints is only 4.39:1, so it is NOT used here. */
.btn-quote-calc{background:#157a47;color:#fff;border:1px solid #157a47}
.btn-quote-calc:hover{background:#10693c;border-color:#10693c;color:#fff}
/* Quote-form popup (quote-modal.njk) */
.quote-modal{border:none;border-radius:var(--radius-lg);padding:26px 26px 30px;width:min(680px,94vw);max-height:88vh;overflow-y:auto;box-shadow:0 24px 64px rgba(15,20,25,.25)}
.quote-modal::backdrop{background:rgba(15,20,25,.55)}
.quote-modal-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:4px}
.quote-modal-head h2{margin:0}
.quote-modal-close{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:1px solid var(--line-strong);background:#fff;color:var(--ink);cursor:pointer;flex-shrink:0}
.quote-modal-close:hover{background:var(--cream-2)}
.quote-modal-intro{color:var(--ink-soft);margin-bottom:6px}
.quote-modal-hint{font-size:.85rem;color:var(--ink-soft);margin:14px 0 0}

/* ── Marketing Command Centre embedded forms (CEO 2026-07-30) ──────────────────
   The MCC script injects its own baseline styles and sets the submit button's
   background INLINE to its red accent (#e8192c), which clashes with this site's
   azure, hence the !important. Everything else here just brings the inputs and
   headings into the site's own type and border language. */
.mcc-form-wrap .mcc-heading{font-family:"Inter",system-ui,-apple-system,sans-serif;font-weight:650;font-size:1.3rem;line-height:1.18;letter-spacing:-.021em;color:var(--ink)}
.mcc-form-wrap .mcc-intro{color:var(--ink-soft)}
.mcc-form label{color:var(--ink)}
.mcc-form input[type=text],.mcc-form input[type=email],.mcc-form input[type=tel],.mcc-form textarea,.mcc-form select{
  border:1px solid var(--line-strong);border-radius:var(--radius);padding:11px 13px;color:var(--ink);min-height:46px}
.mcc-form input:focus,.mcc-form textarea:focus,.mcc-form select:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}
.mcc-form button{background:var(--accent) !important;border-radius:var(--radius);min-height:46px;padding:0 24px;
  font-family:"Inter",system-ui,-apple-system,sans-serif;font-weight:600;letter-spacing:0}
.mcc-form button:hover{background:var(--accent-hover) !important}
.quote-choice-card h3{margin:0}
.quote-choice-card p{margin:0 0 6px}
.quote-choice-card .btn{margin-top:auto}
/* Quote-page FAQs use the canonical .faq-item accordion (CEO 2026-07-30). The old
   flat h3+p rule is gone: the h3 now lives inside .faq-q, which styles it, and the
   stray margin pushed the summary row out of line. */
.quote-faq{margin:34px 0 8px}
.quote-faq h2{margin-bottom:16px}