/* Afro King UK theme, moodboard "Afro hair · Beard care · Grooming" (2026-10-13):
   cream paper, black, caramel brown, sand, dark green; bold Didone-style serif; centered crown logo.
   Scoped to body.ak-mb, which is NOT set on product pages (they keep their original look). */
body.ak-mb {
  --ak-black: #111010; --ak-ink: #1a1512; --ak-brown: #3b2a1d; --ak-caramel: #a8672d; --ak-caramel-light: #c8924f;
  --ak-sand: #d9c3a0; --ak-cream: #f4ede1; --ak-paper: #faf6ee; --ak-green: #1d3727; --ak-green-dark: #142619;
  --ak-muted: #6e5d4c; --ak-line: #dccdb4; --ak-gold: #b8914a;
  --colour-accent: var(--ak-caramel); --colour-accent-dark: var(--ak-black);
  --colour-tint: var(--ak-cream); --colour-border: var(--ak-line); --colour-text: var(--ak-ink); --colour-muted-text: var(--ak-muted);
  --ak-serif: "Playfair Display", "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --font-serif: var(--ak-serif); --font-sans: "Inter", -apple-system, "Segoe UI", Arial, sans-serif;
  background: var(--ak-paper); color: var(--ak-ink);
}
body.ak-mb h1, body.ak-mb h2, body.ak-mb h3, body.ak-mb h4 { font-family: var(--ak-serif); font-weight: 800; letter-spacing: -.005em; color: var(--ak-black); font-variant-numeric: lining-nums; }

/* announcement bar */
body.ak-mb .lfw-announce { background: var(--ak-black); color: var(--ak-sand); }
body.ak-mb .lfw-announce, body.ak-mb .lfw-announce span { color: var(--ak-sand); font-weight: 500; letter-spacing: .04em; }
body.ak-mb .lfw-announce .lfw-announce-code { background: var(--ak-caramel); color: #fff; border-radius: 2px; padding: 3px 12px; }

/* header: centered crown logo + tagline, nav on a second row */
body.ak-mb .lfw-header { background: var(--ak-cream); border-bottom: 1px solid var(--ak-line); }
body.ak-mb .lfw-header__row { display: grid; grid-template-columns: 1fr auto 1fr; grid-template-areas: ". logo actions" "nav nav nav"; align-items: center; row-gap: 4px; padding-block: 12px 6px; }
body.ak-mb .lfw-logo { grid-area: logo; flex-direction: column; align-items: center; text-align: center; justify-self: center; }
body.ak-mb .lfw-logo__mark, body.ak-mb .lfw-logo__word { font-family: var(--ak-serif); font-weight: 800; text-transform: uppercase; letter-spacing: .02em; font-size: clamp(26px, 3.2vw, 38px); line-height: 1.05; color: var(--ak-black); }
body.ak-mb .lfw-logo__mark::before { content: "\265B"; display: block; text-align: center; color: var(--ak-gold); font-size: 17px; letter-spacing: 0; line-height: 1; margin-bottom: 2px; }
body.ak-mb .lfw-logo::after { content: "PERRUQUES  \00B7  TOUPETS AFRO  \00B7  CHEVEUX HUMAINS"; display: block; margin-top: 6px; padding-top: 6px; border-top: 1px solid var(--ak-gold); font: 500 9.5px/1 var(--font-sans); letter-spacing: .3em; color: var(--ak-brown); white-space: nowrap; }
body.ak-mb .lfw-nav { grid-area: nav; justify-content: center; }
body.ak-mb .lfw-nav a { color: var(--ak-black); font-weight: 600; font-size: 12px; letter-spacing: .14em; text-transform: uppercase; }
body.ak-mb .lfw-nav a:hover, body.ak-mb .lfw-nav a.is-active { color: var(--ak-caramel); border-color: var(--ak-caramel); }
body.ak-mb .lfw-actions { grid-area: actions; justify-self: end; }
body.ak-mb .lfw-iconbtn, body.ak-mb .lfw-currency { color: var(--ak-black); }
body.ak-mb .lfw-iconbtn:hover { color: var(--ak-caramel); }
body.ak-mb .lfw-cart-badge { background: var(--ak-caramel); color: #fff; }
@media (max-width: 760px) { body.ak-mb .lfw-logo::after { font-size: 7.5px; letter-spacing: .22em; } body.ak-mb .lfw-header__row { grid-template-areas: ". logo actions"; } body.ak-mb .lfw-nav { display: none; } }

/* buttons */
body.ak-mb .lfw-btn { background: var(--ak-black); color: var(--ak-cream); border: 2px solid var(--ak-black); border-radius: 2px; font-family: var(--font-sans); font-weight: 600; text-transform: uppercase; letter-spacing: .16em; font-size: 12px; box-shadow: none; }
body.ak-mb .lfw-btn:hover { background: var(--ak-caramel); border-color: var(--ak-caramel); color: #fff; }
body.ak-mb .lfw-btn--outline { background: transparent; color: var(--ak-black); border-color: var(--ak-black); }
body.ak-mb .lfw-btn--outline:hover { background: var(--ak-black); color: var(--ak-cream); border-color: var(--ak-black); }

/* hero: cream editorial, big black serif, framed portrait */
body.ak-mb .lfw-hero { background: var(--ak-cream); color: var(--ak-ink); padding-block: clamp(36px, 6vw, 84px); border-bottom: 1px solid var(--ak-line); }
body.ak-mb .lfw-hero__eyebrow, body.ak-mb .lfw-hero__eyebrow strong { color: var(--ak-caramel); letter-spacing: .34em; font-family: var(--font-sans); }
body.ak-mb .lfw-h1, body.ak-mb .lfw-hero h1 { color: var(--ak-black); font-size: clamp(34px, 4.6vw, 58px); line-height: 1.06; }
body.ak-mb .lfw-sales-strip h2 { color: var(--ak-caramel); font-size: clamp(17px, 1.7vw, 22px); font-weight: 600; font-style: italic; }
body.ak-mb .lfw-hero__lead { color: var(--ak-brown); }
body.ak-mb .lfw-hero__media { background: linear-gradient(160deg, #d6bd96, #b99565); border-radius: 0; overflow: hidden; border: 10px solid #fff; box-shadow: 0 24px 50px rgba(17,16,16,.25); }
body.ak-mb .lfw-hero__img { display: block; width: 100%; height: auto; max-height: 560px; object-fit: contain; mix-blend-mode: multiply; }

/* trust strip */
body.ak-mb .lfw-trust { background: var(--ak-black); color: var(--ak-cream); border: 0; }
body.ak-mb .lfw-trust__item strong { color: var(--ak-sand); }
body.ak-mb .lfw-trust__item p { color: #b9ab98; }
body.ak-mb .lfw-trust__icon { background: rgba(217,195,160,.14); border-radius: 50%; }

/* sections, titles, cards */
body.ak-mb .lfw-section--tint { background: var(--ak-cream); }
body.ak-mb .lfw-eyebrow { color: var(--ak-caramel); font-family: var(--font-sans); letter-spacing: .3em; font-weight: 600; text-transform: uppercase; }
body.ak-mb .lfw-h2 { font-size: clamp(30px, 3.6vw, 46px); color: var(--ak-black); }
body.ak-mb .lfw-section__head--center .lfw-h2::after { content: ""; display: block; width: 64px; height: 2px; background: var(--ak-gold); margin: 14px auto 0; }
body.ak-mb .lfw-section__head:has(> .lfw-h1) { background: var(--ak-black); border-radius: 0; padding: clamp(24px, 3.2vw, 44px); text-align: center; margin-bottom: 32px; border-bottom: 3px solid var(--ak-gold); }
body.ak-mb .lfw-section__head:has(> .lfw-h1) .lfw-h1 { color: var(--ak-cream); }
body.ak-mb .lfw-section__head:has(> .lfw-h1) .lfw-eyebrow { color: var(--ak-sand); }
body.ak-mb .lfw-section__head:has(> .lfw-h1) .lfw-hero__lead { color: #cdbfab; margin-inline: auto; }
body.ak-mb .lfw-pcard { background: #fff; border: 1px solid var(--ak-line); border-radius: 0; overflow: hidden; box-shadow: none; }
body.ak-mb .lfw-pcard:hover { border-color: var(--ak-black); box-shadow: 0 14px 30px rgba(17,16,16,.14); }
body.ak-mb .lfw-pcard__tag { background: var(--ak-black); color: var(--ak-sand); border-radius: 0; letter-spacing: .04em; }
body.ak-mb .lfw-pcard__title a { color: var(--ak-black); font-weight: 700; }
body.ak-mb .lfw-pcard__price { color: var(--ak-caramel); font-weight: 800; }
body.ak-mb .lfw-pcard .lfw-btn, body.ak-mb .lfw-pcard__actions a { box-sizing: border-box; max-width: 100%; }
body.ak-mb .lfw-pcard__actions { box-sizing: border-box; padding: 0 16px 16px; }
body.ak-mb .lfw-pcard__actions .lfw-btn { width: 100%; }
body.ak-mb .lfw-cat-card { border-radius: 0; overflow: hidden; border: 1px solid var(--ak-line); }
body.ak-mb .lfw-cat-card:hover { border-color: var(--ak-black); }
body.ak-mb .lfw-pillar-item, body.ak-mb .lfw-faq-item { border-color: var(--ak-line); border-radius: 0; background: #fff; }
body.ak-mb .lfw-offers-banner { background: var(--ak-green); }
body.ak-mb .lfw-offers-banner .lfw-h2 { color: var(--ak-cream); }
body.ak-mb .lfw-crumbs a { color: var(--ak-caramel); }

/* footer */
body.ak-mb .lfw-footer { background: var(--ak-black); color: #c9bba6; border-top: 3px solid var(--ak-gold); }
body.ak-mb .lfw-footer__col h4 { color: var(--ak-sand); text-transform: uppercase; letter-spacing: .16em; font-family: var(--font-sans); font-size: 12px; font-weight: 600; }
body.ak-mb .lfw-footer__links a { color: #c9bba6; }
body.ak-mb .lfw-footer__links a:hover { color: var(--ak-sand); }
body.ak-mb .lfw-footer .lfw-logo__mark, body.ak-mb .lfw-footer .lfw-logo__word { color: var(--ak-cream); }
body.ak-mb .lfw-footer .lfw-logo__mark::before, body.ak-mb .lfw-footer .lfw-logo::after { display: none; }
body.ak-mb .lfw-footer::after { content: "CONFIANCE  \00B7  \00C9L\00C9GANCE  \00B7  ASSURANCE"; display: block; text-align: center; padding: 18px 12px 26px; font: 500 11px/1 var(--font-sans); letter-spacing: .4em; color: var(--ak-sand); border-top: 1px solid rgba(217,195,160,.2); }

/* ---- legacy (French) pages: dark template remapped to black / brown / caramel ---- */
body.ak-mb.ak-legacy {
  --colour-espresso: #f4ede1; --colour-dark-chocolate: #141110; --colour-cognac: #c8924f; --colour-bronze: #a8672d;
  --colour-rose-gold: #d9c3a0; --colour-parchment: #1b1613; --colour-warm-ivory: #121010; --colour-soft-taupe: #8f8070;
  --colour-border: #3a2f26; --colour-body-text: #e8dfd0; --colour-muted-text: #b3a591;
  background: #121010; color: #e8dfd0;
}
body.ak-mb.ak-legacy h1, body.ak-mb.ak-legacy h2, body.ak-mb.ak-legacy h3, body.ak-mb.ak-legacy h4 { color: var(--ak-cream); }
body.ak-mb.ak-legacy .lfw-eyebrow { color: var(--ak-caramel-light); }
body.ak-mb.ak-legacy .lfw-pcard__media, body.ak-mb.ak-legacy .lfw-pdp__stage, body.ak-mb.ak-legacy .lfw-pdp__thumb { background: #1f1915; }
body.ak-mb.ak-legacy .lfw-pcard__view, body.ak-mb.ak-legacy .lfw-select, body.ak-mb.ak-legacy input, body.ak-mb.ak-legacy textarea, body.ak-mb.ak-legacy select { background: #1b1613; color: #e8dfd0; border-color: #3a2f26; }
body.ak-mb.ak-legacy .lfw-best, body.ak-mb.ak-legacy .bm-texture, body.ak-mb.ak-legacy .lfw-quality, body.ak-mb.ak-legacy .ak-value { background: #17120f; }
body.ak-mb.ak-legacy .lfw-story, body.ak-mb.ak-legacy .lfw-gift, body.ak-mb.ak-legacy .lfw-story__text, body.ak-mb.ak-legacy .lfw-gift__text { background: #1b1613; }
body.ak-mb.ak-legacy .ak-band { background: #121010; }
body.ak-mb.ak-legacy .lfw-drawer__panel, body.ak-mb.ak-legacy .lfw-offer-card, body.ak-mb.ak-legacy .lfw-offer-panel { background: #141110; }
body.ak-mb.ak-legacy .lfw-pay span { background: #1b1613; }
body.ak-mb.ak-legacy .lfw-pcard { background: #1b1613; border-color: #3a2f26; }
body.ak-mb.ak-legacy .lfw-pcard__title a, body.ak-mb.ak-legacy .lfw-pcard__price { color: var(--ak-cream); }
body.ak-mb.ak-legacy .lfw-crumbs, body.ak-mb.ak-legacy .lfw-crumbs span { background: transparent; color: #b3a591; }
body.ak-mb.ak-legacy .lfw-header h1, body.ak-mb.ak-legacy .lfw-header h2 { color: var(--ak-black); }
body.ak-mb.ak-legacy .lfw-btn { background: var(--ak-caramel); border-color: var(--ak-caramel); color: #fff; }
body.ak-mb.ak-legacy .lfw-btn:hover { background: var(--ak-cream); border-color: var(--ak-cream); color: var(--ak-black); }
body.ak-mb.ak-legacy .lfw-btn--outline { background: transparent; color: var(--ak-cream); border-color: var(--ak-cream); }

/* header grows to fit logo + tagline + nav row */
body.ak-mb .lfw-header, body.ak-mb .lfw-header__row { height: auto; min-height: 0; }
body.ak-mb .lfw-header__row { padding-block: 14px 8px; }

/* 3 collection cards */
body.ak-mb .lfw-category-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 700px) { body.ak-mb .lfw-category-grid { grid-template-columns: 1fr; } }