/* Classé brand layer over the Option A (Ekster) layout.
   Colours and type: Classé Brand Guidelines v1.0, Oct 2026.
   Negro #000, Blanco #fff, Burdeos #330A0A (the one accent), Crema #F4F1EC; ink #141414 / #4a4a4a / #767370; line #e2dfdb.
   Leather tones are supporting colours only. Jost for everything; Cormorant Garamond for one editorial line (hero, story). */
:root{
  --font-body:'Jost','Avenir Next','Helvetica Neue',Arial,sans-serif;
  --font-display:'Jost','Avenir Next','Helvetica Neue',Arial,sans-serif;
  --font-ed:'Cormorant Garamond','Times New Roman',serif;
  --display-weight:500;--display-track:-.01em;--radius:6px;
  --bg:#ffffff;--surface:#ffffff;--paper:#ffffff;--ink-on-paper:#141414;
  --ink:#141414;--ink-2:#4a4a4a;--ink-3:#767370;
  --line:#e2dfdb;--line-strong:#cfcac4;--tile:#f4f1ec;
  --card-bg:#f4f1ec;--card-line:#f4f1ec;
  --accent:#141414;--accent-hover:#330a0a;--on-accent:#ffffff;--accent-ink:#141414;
  --promo-bg:#000000;--promo-ink:#ffffff;
  --hdr-bg:rgba(255,255,255,.86);--hdr-ink:#141414;
  --hero-bg:#141414;--hero-ink:#ffffff;
  --band-bg:#000000;--band-ink:#ffffff;
  --tick:#330a0a;--ok:#330a0a;--bad:#8a1f1f;--star:#141414;--focus:#330a0a;
  --ftr-bg:#330a0a;--ftr-ink:#ffffff;
  --burdeos:#330a0a;--burdeos-2:#4a1414;--crema:#f4f1ec;--crema-2:#ebe4da;
  --green:#330a0a; /* Ekster's green status dot → Burdeos */
}
body{background:var(--bg);color:var(--ink);font-family:var(--font-body)}
:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.skip:focus{position:fixed;left:12px;top:12px;width:auto;height:auto;clip:auto;z-index:100;background:#fff;color:#141414;padding:10px 14px;border-radius:6px}

/* Buttons and type */
.btn{border-radius:6px;font-weight:500;letter-spacing:.02em}
.btn-primary:hover{background:var(--burdeos)}
.btn-light{background:#fff;color:#141414}
.btn-light:hover{background:var(--crema)}
.h1,.h2{font-weight:500}
.ed,.hero-copy .hero-h{font-family:var(--font-ed);font-weight:500;letter-spacing:-.005em}

/* Header */
.promo{font-weight:500;letter-spacing:.08em}
.pill .logo img{width:auto;height:22px}
.pill .bag-n{background:var(--burdeos)}
.pill .bag-n[hidden]{display:none}

/* Hero: one editorial line in Cormorant, at real display size */
.hero{background:var(--hero-bg)}
.hero-copy .hero-h{font-size:clamp(44px,5.2vw,76px);line-height:.98;margin:0}
.hero-copy p{font-size:16px;max-width:42ch}
/* Family marquee in place of press logos */
.press.fam{font-family:var(--font-body);font-weight:500;font-size:15px;letter-spacing:.32em;text-transform:uppercase;color:#fff}
.fam-mark{width:22px;height:auto;opacity:.7}
.hero-press .mq-item{min-width:auto;padding:6px clamp(20px,3vw,48px)}

/* Product cards: Crema ground, no badges except "Agotado" */
.card,.card .ph,.card .cb{background:var(--crema)}
.card .ph img{mix-blend-mode:multiply}
.card .tag{background:#fff;color:#141414;border:1px solid var(--line)}
.card .ds{color:var(--ink-2)}
.card .price{font-variant-numeric:tabular-nums}
.card .price del{color:var(--ink-3);margin-right:6px}
.card .price ins{text-decoration:none}
.rail-prog i{background:#141414}

/* USP marquee */
.usp span{color:var(--ink-2)}
.usp .ico{color:var(--burdeos)}

/* Bands. Ekster red → Burdeos. Ticks on dark: white dot, black tick */
.phero.dark{background:#000}
.phero.red{background:linear-gradient(120deg,#4a1414 0%,#330a0a 55%,#1f0606 100%)}
.phero h2{font-weight:500;font-size:clamp(28px,2.6vw,36px)}
.phero .tk,.box .tk{background:#fff;color:#000}
.badge{background:#fff;color:#141414}
.badge .ico{grid-row:1/3;width:20px;height:20px;color:var(--burdeos)}

/* Tiles */
.tile .tc b{font-weight:500;font-size:20px}

/* Boxes */
.box{background:#000}
.box .tabs{background:#1f1f1f}
.box .vid>img{opacity:1}
.box.club{background:var(--burdeos)}
.box.club .bc p{color:rgba(255,255,255,.86)}

/* Story */
.c3-copy .h2.ed{font-size:clamp(40px,4.4vw,64px);line-height:1}
.c3-copy .stats span{color:var(--ink-2)}

/* Collection hero */
.chero .cc .h4{font-size:clamp(22px,2vw,28px);font-weight:500;line-height:1.15;margin:0 0 16px}

/* Reviews */
.revsec{background:var(--crema)}
.rc{background:#fff}
.rc .stars .ico{color:#141414}

/* Newsletter forms (footer + home box) */
.nl-form{display:grid;gap:10px;width:100%;max-width:420px}
.nl-form input[type=email]{height:46px;border-radius:6px;border:1px solid rgba(255,255,255,.35);background:transparent;color:#fff;padding:0 14px;font:inherit}
.nl-form input::placeholder{color:rgba(255,255,255,.7);opacity:1}
.nl-msg{margin:4px 0 0;font-size:14px}
.nl-msg.is-ok{color:#fff}
.nl-msg.is-err{color:#ffd9d4}

/* Footer: Burdeos with the giant white wordmark */
.ftr{background:var(--ftr-bg);color:var(--ftr-ink)}
.ftr .nl .btn-light{background:#fff;color:#141414}
.ftr a{color:inherit}
.ftr-bot .legal a{opacity:.85}

/* Search drawer */
.search-form{display:grid;gap:12px}
.search-form input[type=search]{height:48px;border:1px solid var(--line-strong);border-radius:6px;padding:0 14px;font:inherit}

/* Plain pages */
.page-main,.woo-main{padding:calc(var(--top-h) + 24px) 0 64px}
.home{padding:0}
.wrap.narrow{max-width:820px}
.entry .h1{margin:0 0 24px}
.entry-body{font-size:16px;line-height:1.65}
.entry-body p{max-width:70ch}

@media (prefers-reduced-motion:reduce){.mq-track{animation:none}}

/* Round 1 fixes */
.pill{background:rgba(255,255,255,.94)}
.box .bc p,.box .ticks li{color:rgba(255,255,255,.86)}
@media (max-width:767px){.promo{font-size:10px;letter-spacing:.06em}}

/* Story page (founder's note) */
.entry-body .lead{font:400 clamp(20px,2vw,24px)/1.4 var(--font-ed);color:var(--ink-2);margin:-8px 0 28px}
.entry-body h2{font:500 clamp(22px,2vw,28px)/1.2 var(--font-body);margin:40px 0 12px}
.entry-body blockquote{margin:28px 0;padding:0 0 0 20px;border-left:1px solid var(--burdeos);font:400 clamp(20px,2vw,26px)/1.35 var(--font-ed);color:var(--ink)}
.entry-body blockquote p{margin:0}
.entry-body table.vs{width:100%;border-collapse:collapse;margin:24px 0;font-size:14.5px}
.entry-body table.vs th{text-align:left;font-weight:500;padding:12px;background:#141414;color:#fff}
.entry-body table.vs th:first-child{background:var(--burdeos)}
.entry-body table.vs td{padding:12px;border-bottom:1px solid var(--line);vertical-align:top;width:50%}
.entry-body .sign{margin-top:32px}
@media (max-width:600px){.entry-body table.vs,.entry-body table.vs tbody,.entry-body table.vs tr,.entry-body table.vs td{display:block;width:auto}.entry-body table.vs thead{display:none}.entry-body table.vs tr{border:1px solid var(--line);border-radius:6px;margin-bottom:10px}.entry-body table.vs td:first-child{background:var(--crema)}}

/* Cookie consent */
.consent{position:fixed;left:16px;right:16px;bottom:16px;z-index:60;max-width:520px;margin-left:auto;background:#fff;color:var(--ink);border-radius:10px;padding:18px;box-shadow:0 10px 40px rgba(0,0,0,.18);display:grid;gap:14px;font-size:14px}
.consent[hidden]{display:none}
.consent p{margin:0;color:var(--ink-2)}
.consent a{text-decoration:underline}
.consent-b{display:flex;gap:8px;justify-content:flex-end}
.consent-b .btn{height:42px}

/* 44px tap targets (PRODUCT.md); Ekster's .btn was 40px */
.btn{min-height:44px}
.btn-light:hover{opacity:1}