@font-face{font-family:Almarai;font-style:normal;font-weight:300;font-display:swap;src:url(../fonts/cadda3865c3d59d2-s.p.woff2) format("woff2");unicode-range:u+06??,u+0750-077f,u+0870-088e,u+0890-0891,u+0897-08e1,u+08e3-08ff,u+200c-200e,u+2010-2011,u+204f,u+2e41,u+fb50-fdff,u+fe70-fe74,u+fe76-fefc,u+102e0-102fb,u+10e60-10e7e,u+10ec2-10ec4,u+10efc-10eff,u+1ee00-1ee03,u+1ee05-1ee1f,u+1ee21-1ee22,u+1ee24,u+1ee27,u+1ee29-1ee32,u+1ee34-1ee37,u+1ee39,u+1ee3b,u+1ee42,u+1ee47,u+1ee49,u+1ee4b,u+1ee4d-1ee4f,u+1ee51-1ee52,u+1ee54,u+1ee57,u+1ee59,u+1ee5b,u+1ee5d,u+1ee5f,u+1ee61-1ee62,u+1ee64,u+1ee67-1ee6a,u+1ee6c-1ee72,u+1ee74-1ee77,u+1ee79-1ee7c,u+1ee7e,u+1ee80-1ee89,u+1ee8b-1ee9b,u+1eea1-1eea3,u+1eea5-1eea9,u+1eeab-1eebb,u+1eef0-1eef1}
@font-face{font-family:Almarai;font-style:normal;font-weight:300;font-display:swap;src:url(../fonts/616b263b18c4d476-s.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}
@font-face{font-family:Almarai;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/f1429c53baafd0f0-s.p.woff2) format("woff2");unicode-range:u+06??,u+0750-077f,u+0870-088e,u+0890-0891,u+0897-08e1,u+08e3-08ff,u+200c-200e,u+2010-2011,u+204f,u+2e41,u+fb50-fdff,u+fe70-fe74,u+fe76-fefc,u+102e0-102fb,u+10e60-10e7e,u+10ec2-10ec4,u+10efc-10eff,u+1ee00-1ee03,u+1ee05-1ee1f,u+1ee21-1ee22,u+1ee24,u+1ee27,u+1ee29-1ee32,u+1ee34-1ee37,u+1ee39,u+1ee3b,u+1ee42,u+1ee47,u+1ee49,u+1ee4b,u+1ee4d-1ee4f,u+1ee51-1ee52,u+1ee54,u+1ee57,u+1ee59,u+1ee5b,u+1ee5d,u+1ee5f,u+1ee61-1ee62,u+1ee64,u+1ee67-1ee6a,u+1ee6c-1ee72,u+1ee74-1ee77,u+1ee79-1ee7c,u+1ee7e,u+1ee80-1ee89,u+1ee8b-1ee9b,u+1eea1-1eea3,u+1eea5-1eea9,u+1eeab-1eebb,u+1eef0-1eef1}
@font-face{font-family:Almarai;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/047eb351a200daf2-s.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}
@font-face{font-family:Almarai;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/074a2e369810402d-s.p.woff2) format("woff2");unicode-range:u+06??,u+0750-077f,u+0870-088e,u+0890-0891,u+0897-08e1,u+08e3-08ff,u+200c-200e,u+2010-2011,u+204f,u+2e41,u+fb50-fdff,u+fe70-fe74,u+fe76-fefc,u+102e0-102fb,u+10e60-10e7e,u+10ec2-10ec4,u+10efc-10eff,u+1ee00-1ee03,u+1ee05-1ee1f,u+1ee21-1ee22,u+1ee24,u+1ee27,u+1ee29-1ee32,u+1ee34-1ee37,u+1ee39,u+1ee3b,u+1ee42,u+1ee47,u+1ee49,u+1ee4b,u+1ee4d-1ee4f,u+1ee51-1ee52,u+1ee54,u+1ee57,u+1ee59,u+1ee5b,u+1ee5d,u+1ee5f,u+1ee61-1ee62,u+1ee64,u+1ee67-1ee6a,u+1ee6c-1ee72,u+1ee74-1ee77,u+1ee79-1ee7c,u+1ee7e,u+1ee80-1ee89,u+1ee8b-1ee9b,u+1eea1-1eea3,u+1eea5-1eea9,u+1eeab-1eebb,u+1eef0-1eef1}
@font-face{font-family:Almarai;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/88858bca2290748b-s.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}
@font-face{font-family:Almarai;font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/aafb073fa1a155cc-s.p.woff2) format("woff2");unicode-range:u+06??,u+0750-077f,u+0870-088e,u+0890-0891,u+0897-08e1,u+08e3-08ff,u+200c-200e,u+2010-2011,u+204f,u+2e41,u+fb50-fdff,u+fe70-fe74,u+fe76-fefc,u+102e0-102fb,u+10e60-10e7e,u+10ec2-10ec4,u+10efc-10eff,u+1ee00-1ee03,u+1ee05-1ee1f,u+1ee21-1ee22,u+1ee24,u+1ee27,u+1ee29-1ee32,u+1ee34-1ee37,u+1ee39,u+1ee3b,u+1ee42,u+1ee47,u+1ee49,u+1ee4b,u+1ee4d-1ee4f,u+1ee51-1ee52,u+1ee54,u+1ee57,u+1ee59,u+1ee5b,u+1ee5d,u+1ee5f,u+1ee61-1ee62,u+1ee64,u+1ee67-1ee6a,u+1ee6c-1ee72,u+1ee74-1ee77,u+1ee79-1ee7c,u+1ee7e,u+1ee80-1ee89,u+1ee8b-1ee9b,u+1eea1-1eea3,u+1eea5-1eea9,u+1eeab-1eebb,u+1eef0-1eef1}
@font-face{font-family:Almarai;font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/884f508e622cc6d5-s.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}
@font-face{font-family:"Instrument Serif";font-style:italic;font-weight:400;font-display:swap;src:url(../fonts/5ece437c7024c161-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}
@font-face{font-family:"Instrument Serif";font-style:italic;font-weight:400;font-display:swap;src:url(../fonts/9cc5b37ab1350db7-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}
@font-face{font-family:"Instrument Serif";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/35f3de0ebb1cfc70-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}
@font-face{font-family:"Instrument Serif";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/e6099e249fd938cc-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}
@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/58f386aa6b1a2a92-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}
@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/011e180705008d6f-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}
@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/7ba5fb2a8c88521c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}
@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/92eeb95d069020cc-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}
@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/d3ebbfd689654d3a-s.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}
@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/ef4d5661765d0e49-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}
@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/d29838c109ef09b4-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}
@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/e40af3453d7c920a-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}
@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/99dcf268bda04fe5-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}
@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/98e207f02528a563-s.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}
/* ============================================================================
   ZARA × ANNORLUNDA — Uffes Blås kundskin (godkänt 2026-08-31).
   Facit: public/_design/ny-startsida2.html, lasvart-artikel.html,
   meny-scroll-demo.html. Ersätter det mörka "Bortom tonen"-skinnet helt.

   Palett: papper #F4F1EA · plate #EBE7DB · bläck #191511 · mässing #96782E.
   Typografi: rubriker Instrument Serif (roman, 400) · brödtext Almarai ·
   utility IBM Plex Mono (N°-nummer, captions, tickers) · versal-caps m tracking.
   Geometri: editorial-grund; alla knappar och innehållsrutor använder Sanity-temats
   gemensamma hörnform och kortbakgrund (godkänt 2026-10-15).

   Filen länkas SIST i <head> och vinner cascaden. Skin-prefixade överrider
   skrivs som [data-skin] … (matchar alla skin med samma specificitet som
   grundmallens [data-skin="editorial-serif"]-regler och vinner via ordning).
   ========================================================================== */

:root {
  --paper: #F4F1EA;
  --plate: #EBE7DB;
  --paper-hi: #FDFCF8;
  --ink: #191511;
  --ink65: rgba(25, 21, 17, 0.65);
  --ink40: rgba(25, 21, 17, 0.4);
  --brass: #96782E;
  --brass-warm: #C9A94E;
  --hair: rgba(25, 21, 17, 0.16);
  --hair-strong: rgba(25, 21, 17, 0.35);
  --ff-serif: var(--next-font-instrument-serif), Georgia, 'Times New Roman', serif;
  --ff-mono: var(--next-font-plex-mono), ui-monospace, 'Cascadia Mono', monospace;
  /* Ommappade grundmalls-tokens (critical-CSS hårdkodar annars blågrå värden) */
  --muted: #6B6257;
  --line: rgba(25, 21, 17, 0.16);
  --line-2: rgba(25, 21, 17, 0.35);
  --star: #96782E;
  /* --radius-familjen och --card-bg kommer från Sanity via lib/theme.ts. */
  --shadow-card: 0 5px 16px rgba(15, 12, 8, 0.12);
  --shadow-cta: none;
}

::selection { background: var(--ink); color: var(--paper); }

body { background: var(--paper); color: var(--ink65); }
/* Kornigheten över hela sidan (mockupens grain) — under menyer/cookie-banner */


/* Let mobile browsers lay out long, offscreen editorial sections on demand.
   The existing HTML, links, search and accessibility tree remain available. */
@media screen and (max-width:700px){
  .home-content>.home-selection,.home-content>.zx-cat,.home-content>.zx-statement,.home-content>.team-section,
  .home-content>.home-faq,.single-product .related.products,
  .single-product .up-sells.products{
    content-visibility:auto;
    contain-intrinsic-size:auto 650px;
  }
}

/* Native rendering skips carousel cards outside the viewport; links and text remain in HTML. */
.reviews__track>.review-card{content-visibility:auto;contain-intrinsic-block-size:auto 178px}
/* Match the existing first selected tab before its script runs; without JS all groups remain readable. */
@media(scripting:enabled){.home-selection__group~.home-selection__group:not([role]){display:none}}
.home-selection ul.products>li.product{content-visibility:auto;contain-intrinsic-block-size:auto 350px}

/* Rubrikspråket: display-serif, roman, med kursiv accent via <em> */
h1, h2 {
  font-family: var(--ff-serif);
  font-weight: 400;
  letter-spacing: 0;
  color: var(--ink);
}
h3, h4 { color: var(--ink); }
h1 em, h2 em, h3 em, .zx-serif-it {
  font-family: var(--ff-serif);
  font-style: italic;
  font-weight: 400;
  color: var(--brass);
}

/* Utility-klasser (används av nya sektioner) */
.zx-caps { text-transform: uppercase; letter-spacing: 0.22em; }
.zx-mono { font-family: var(--ff-mono); }
.zx-eyebrow {
  font-size: 10px;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--ink65);
}
.zx-hairline { border-top: 1px solid var(--hair); }

/* ── KNAPPSYSTEM: samma Sanity-styrda hörn på alla sidtyper ─────────────── */
[data-skin] .btn, .btn {
  border-radius: var(--button-radius, 14px);
  text-transform: uppercase;
  letter-spacing: 0.2em;
  font-weight: 700;
  font-size: 10.5px;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
[data-skin] .btn--primary, .btn--primary {
  background: var(--ink);
  color: var(--paper);
  border: 1px solid var(--ink);
  padding: 14px 30px;
}
[data-skin] .btn--primary:hover, .btn--primary:hover {
  background: #2E2820;
  transform: none;
  filter: none;
}
[data-skin] .btn--primary .btn__arrow, .btn--primary .btn__arrow {
  background: none;
  color: inherit;
  width: auto;
  height: auto;
  border-radius: 0;
}
[data-skin] .btn--outline, .btn--outline,
[data-skin] .btn--ghost, .btn--ghost {
  background: transparent;
  color: var(--ink);
  border: 1px solid var(--hair-strong);
  padding: 13px 28px;
}
[data-skin] .btn--outline:hover, .btn--outline:hover,
[data-skin] .btn--ghost:hover, .btn--ghost:hover {
  border-color: var(--ink);
  transform: none;
  background: transparent;
  color: var(--ink);
}
.btn--lg { font-size: 11px; padding: 16px 34px; }
/* Omfattar även köp-/filter-/ikonknappar och overlays; inte Sanity Studio. */
:root[data-skin] :is(.page > main, .nav, .nav__quick, .mobile-menu, .mobile-call-bar, .cookie-banner, .footer)
  :is(button, [role="button"], [role="tab"], .btn, .zx-btn-paper, .sort__option, .catchip,
      .pagination__page, .pagination__step, .pagination__btn, .article-tool,
      .category-page__children a, .category-page__guides a, .category-page__related a,
      .nav__links a, .nav__contact, .nav__cart) {
  border-radius: var(--button-radius, 14px);
}
/* Tertiär: understruken caps-länk */
.zx-ulink, .bt-arrowlink {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--ink);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  border-bottom: 1px solid var(--ink);
  padding-bottom: 3px;
}
.zx-ulink:hover, .bt-arrowlink:hover { color: var(--brass); border-color: var(--brass); }
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: 2px solid var(--brass);
  outline-offset: 3px;
}

/* ── HEADER (site-header) — tre lägen ─────────────────────────────────────
   Grundläge (undersidor): fast pappersrad med hårlinje.
   .nav-wrap--overlay (startsidan, otrollad): transparent över herons gradient.
   .is-scrolled: pappersrad 72px med hårlinje + mjuk skugga.               */
.nav-wrap {
  display: block; /* grundmallen sätter flex (pill-centrering) — bryter tickern */
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 50;
  background: rgba(244, 241, 234, 0.97);
  border-bottom: 1px solid var(--hair);
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  transition: background 0.25s ease, border-color 0.25s ease;
}
.nav {
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
  background: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  padding: 0 44px;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  height: 88px;
  gap: 24px;
  transition: height 0.25s ease;
}
.nav__left { display: flex; align-items: center; gap: 26px; min-width: 0; }
.nav__center { display: flex; align-items: center; justify-content: center; padding: 0 28px; }
.nav__right { display: flex; align-items: center; justify-content: flex-end; gap: 24px; }
.nav__wordmark {
  font-family: var(--ff-serif);
  font-style: normal;
  font-size: 27px;
  letter-spacing: 0.12em;
  color: var(--ink);
  white-space: nowrap;
  transition: font-size 0.25s ease;
}
.brand-logo-wrap { display: none; } /* ordmärket bär identiteten i nya headern */
.nav__links { display: flex; align-items: center; gap: 26px; }
.nav__links a { white-space: nowrap; }
.nav__links a, .nav__quick a, .nav__contact {
  color: var(--ink65);
  font-size: 10.5px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  font-weight: 600;
  border-radius: 0;
  padding: 8px 10px;
  background: none;
}
.nav__links a:hover { color: var(--ink); background: none; }
/* ≤1560: vänstermenyn (5 ord + aktiv ruta) får inte nå in i ordmärket */
@media (max-width: 1560px) {
  .nav__links { gap: 17px; }
  .nav__links a { font-size: 10px; letter-spacing: 0.13em; }
  .nav__links a.active { padding: 7px 10px; }
}
/* Aktivt menyord = ruta i motsatt läge-färg (Philips beslut) */
.nav__contact.active,
.nav__links a.active {
  color: var(--paper);
  background: var(--ink);
  padding: 9px 14px;
  border-radius: 2px;
}
.nav__chev { width: 9px; height: 6px; opacity: 0.5; margin-left: 5px; }
.nav__phone {
  color: var(--ink65);
  font-size: 10.5px;
  letter-spacing: 0.12em;
  background: none;
  border: none;
  padding: 0;
  font-family: var(--ff-mono);
}
.nav__phone:hover { color: var(--ink); background: none; }
.nav__cart {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: auto;
  height: auto;
  border-radius: 0;
  background: none;
  border: none;
  border-bottom: 1px solid var(--ink);
  padding: 0 0 3px;
  color: var(--ink);
  font-size: 10.5px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  font-weight: 700;
}
.nav__cart svg { width: 15px; height: 15px; }
.nav__cart:hover { color: var(--brass); border-color: var(--brass); }
.nav__cart-label { display: inline; }
.nav__burger {
  color: var(--ink);
  background: none;
  border: 1px solid var(--hair-strong);
  border-radius: 2px;
}
/* Dropdown */
.nav__dropdown {
  background: var(--paper-hi);
  border: 1px solid var(--hair);
  border-radius: 0;
  box-shadow: 0 18px 44px rgba(25, 21, 17, 0.12);
}
.nav__dropdown a, .nav__dropdown strong { color: var(--ink); }
.nav__dropdown small { color: var(--ink65); }
.nav__dropdown a:hover { background: var(--plate); }
.nav__dropdown[hidden] { display: none; }
.nav__dd-icon { background: var(--plate); color: var(--brass); border: none; border-radius: 0; }
.nav__dd-cta { color: var(--brass) !important; background: none !important; border: none !important; }

/* Overlay-läget: transparent över herons toppgradient (endast hero-sidor) */
.nav-wrap--overlay:not(.is-scrolled) {
  background: linear-gradient(to bottom, rgba(25, 21, 17, 0.6), rgba(25, 21, 17, 0.25) 70%, transparent);
  border-bottom-color: transparent;
}
.nav-wrap--overlay:not(.is-scrolled) .nav__wordmark { color: var(--paper); }
.nav-wrap--overlay:not(.is-scrolled) .nav__links a,
.nav-wrap--overlay:not(.is-scrolled) .nav__phone,
.nav-wrap--overlay:not(.is-scrolled) .nav__contact { color: rgba(244, 241, 234, 0.78); }
.nav-wrap--overlay:not(.is-scrolled) .nav__links a:hover { color: var(--paper); }
.nav-wrap--overlay:not(.is-scrolled) .nav__links a.active {
  color: var(--ink);
  background: rgba(244, 241, 234, 0.97);
}
.nav-wrap--overlay:not(.is-scrolled) .nav__cart { color: var(--paper); border-color: var(--paper); }
.nav-wrap--overlay:not(.is-scrolled) .nav__burger { color: var(--paper); border-color: rgba(244, 241, 234, 0.5); }
/* Scrollat läge: lägre rad */
.nav-wrap.is-scrolled { box-shadow: 0 10px 30px rgba(25, 21, 17, 0.06); }
.nav-wrap.is-scrolled .nav { height: 72px; }
.nav-wrap.is-scrolled .nav__wordmark { font-size: 23px; }
/* Ticker högst upp på undersidor (i den fasta headern) */
.zx-ticker--top { font-size: 9px; padding: 9px 0; letter-spacing: 0.28em; }
.nav-wrap--overlay .zx-ticker--top { display: none; }
/* Layouten är fixed — ge undersidor luft under headern (hero-sidor sköter sig själva) */
.page { padding-top: 0; }
.page > main { padding-top: 0; } /* grundmallen sätter 180px för sin flytande nav — vi styr via .page */
body:not(:has(.zx-hero)) .page { padding-top: 122px; }

/* ── ANNONSRAD / TICKER ───────────────────────────────────────────────── */
.zx-ticker {
  background: var(--ink);
  color: rgba(244, 241, 234, 0.9);
  padding: 11px 0;
  overflow: hidden;
  white-space: nowrap;
  text-align: center;
  font-size: 9.5px;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  font-weight: 600;
}

/* ── FOOTER — förblir bläck-mörk ─────────────────────────────────────── */
[data-skin] .footer, .footer {
  /* Sidfoten består vid sidbyte. Den får inte bli scrollankare när den
     korta laddningsvyn ersätts av en längre produkt-/kategorisida. */
  overflow-anchor: none;
  background: var(--ink);
  border-top: none;
  color: rgba(244, 241, 234, 0.6);
}
.footer h4 {
  color: var(--brass-warm);
  font-size: 9.5px;
  text-transform: uppercase;
  letter-spacing: 0.3em;
  font-weight: 700;
}
.footer a { color: rgba(244, 241, 234, 0.65); font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; }
.footer a:hover { color: var(--paper); }
.footer__brand { background: transparent; padding: 0; }
.footer__brand img { display: none; }
.footer__wordmark {
  font-family: var(--ff-serif);
  font-size: 30px;
  letter-spacing: 0.12em;
  color: var(--paper);
}
.footer__address, .footer p { color: rgba(244, 241, 234, 0.6); }
.footer__bottom {
  border-top: 1px solid rgba(244, 241, 234, 0.15);
  color: rgba(244, 241, 234, 0.4);
  font-family: var(--ff-mono);
  font-size: 9.5px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}
.footer__bottom a, .footer__bottom button { color: rgba(244, 241, 234, 0.55); font-family: var(--ff-mono); font-size: 9.5px; letter-spacing: 0.16em; }
.zx-paychips { display: flex; gap: 8px; flex-wrap: wrap; }
.zx-paychips span {
  border: 1px solid rgba(244, 241, 234, 0.25);
  color: rgba(244, 241, 234, 0.6);
  font-family: var(--ff-mono);
  font-size: 8.5px;
  letter-spacing: 0.1em;
  padding: 4px 8px;
}

/* ── GEMENSAMMA KORT OCH RUTOR ───────────────────────────────────────── */
/* Alla befintliga innehållsrutor delar dessa Sanity-styrda ytor.
   Sidtyper styr enbart innehåll, mått och placering; ingen egen ram/hörnform.
   Omfattar inte Studio, helbreddssektioner eller det ramfria recensionsomslaget. */
:root[data-skin] .page > main :is(
  .card, .product-card, .snabbsvar, .subhero__answer, .aside-card, .about-check,
  .team-member, .form-card, .contact-method, .process__step, .faq__item, .zx-faq details, .aside-emblems,
  .article-card, .article-featured, .related-link, .zx-extread, .zx-featread,
  .buybox, .buybox__kommission, .cart-summary, .brand-hub__grid a, .sitemap-block,
  .google-reviews-card, .article-empty, .article-cta, .article-tool, .gallery__main
) {
  background: var(--card-bg);
  border: 0;
  border-radius: var(--radius);
  box-shadow: var(--shadow-card);
}
/* Bilder i befintliga kort följer förälderns hörn utan att kapa fokusmarkeringar. */
.product-card__media, .article-card__media, .article-featured__media {
  border-radius: var(--radius) var(--radius) 0 0;
  overflow: hidden;
}
.zx-extread, .zx-featread, .team-member { border-radius: var(--radius); overflow: hidden; }
/* Inmatning och köpval behåller tydliga gränser, med samma hörnform. */
:root[data-skin] .page > main :is(
  .field input, .field textarea, .field select, .buybox__select, .buybox__qty,
  .buybox__qty input, .buybox__qty select, .cart-line__qty, .cart-line__qty span,
  .gallery__main, .gallery__thumb, .cart-line__img, .article-tool,
  .cta-strip, .article-cta, .product-card__badge, .product-card__condition,
  .product-card__soldout, .buybox__condition, .buybox__discount, .gallery__count,
  .article-badge, .faq__icon, .related-link__icon
) { border-radius: var(--radius); }
/* ── PRODUKTKORT: innehåll och mått ───────────────────────────────────── */
.product-card {
  text-align: center;
}
.product-card:hover { transform: none; }
.product-card:hover .product-card__media { background: #E4DFCF; }
.product-card__media {
  background: var(--plate);
  transition: background 0.25s ease;
  position: relative;
}
.product-card__img { mix-blend-mode: multiply; }
.product-card__body { background: transparent; padding: 16px 8px 4px; align-items: center; }
.product-card__brand {
  color: var(--brass);
  font-family: var(--ff-mono);
  font-size: 9px;
  letter-spacing: 0.2em;
  order: -1;
}
.product-card__title {
  font-family: inherit;
  font-style: normal;
  font-weight: 700;
  font-size: 0.78rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--ink);
  line-height: 1.5;
}
.product-card__price { color: var(--ink); font-weight: 700; font-size: 0.95rem; }
.product-card__compare { color: var(--ink40); }
.product-card__badge, .product-card__condition {
  background: var(--ink);
  border: none;
  color: var(--paper);
  font-size: 8.5px;
  text-transform: uppercase;
  letter-spacing: 0.18em;
  font-weight: 700;
  border-radius: 0;
  padding: 5px 10px;
}
.product-card__condition {
  background: transparent;
  border: 1px solid var(--ink);
  color: var(--ink);
}
.product-card__condition--kommission { background: transparent; border-color: var(--brass); color: var(--brass); }
.product-card__soldout { background: rgba(25, 21, 17, 0.85); color: var(--paper); border-radius: 0; }

/* ── BUYBOX + PRODUKTSIDA ─────────────────────────────────────────────── */
/* Redaktionellt lyft (2026-09-01): samma rytm som startsidan — mono-detaljer,
   serif-pris, hairline-rader, sektioner med luft och avdelare. Endast CSS,
   markupen (SEO/data) är orörd. */
.product-page { padding: 40px 0 0; }
/* Breadcrumbs + snabbsvar är globala mönster — samma lyft på ALLA sidtyper */
.breadcrumbs {
  font-family: var(--ff-mono);
  font-size: 10px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--ink65);
}
.breadcrumbs a { color: var(--ink65); }
.breadcrumbs a:hover { color: var(--ink); }
.snabbsvar {
  padding: 20px 24px;
}
.snabbsvar__label {
  font-family: var(--ff-mono);
  font-size: 10px;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  color: var(--ink65);
  display: block;
  margin-bottom: 8px;
}
.product-page__top { gap: clamp(44px, 6vw, 96px); margin-top: 22px; }
/* Preserve commerce.css's single column below 901px. */
@media (min-width: 901px) {
  .product-page__top { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); }
}
.product-page__brand {
  font-family: var(--ff-mono);
  font-size: 10px;
  letter-spacing: 0.3em;
  color: var(--ink65);
  margin-bottom: 10px;
}
.product-page__title { font-size: clamp(30px, 3vw, 44px); line-height: 1.08; }
.product-page__lead { font-size: 15px; line-height: 1.7; color: var(--ink65); margin-top: 14px; max-width: 52ch; }

.buybox {
  padding: 26px 28px;
  margin-top: 28px;
}
.buybox__price, .buybox__amount { color: var(--ink); font-family: var(--ff-serif); font-weight: 400; font-size: 36px; line-height: 1; }
.buybox__compare { color: var(--ink40); font-family: inherit; font-size: 14px; }
.buybox__label { font-family: var(--ff-mono); font-size: 10px; letter-spacing: 0.18em; text-transform: uppercase; }
.buybox__label, .buybox__omnibus, .buybox__terms, .buybox__terms a { color: var(--ink65); }
.buybox__terms { margin-top: 18px; }
.buybox__terms li {
  border-top: 1px solid var(--hair);
  padding: 9px 0;
  font-size: 12px;
  letter-spacing: 0.02em;
  list-style: none;
}
.buybox__terms a { text-decoration: underline; text-underline-offset: 3px; }
.buybox__condition { border-radius: 0; width: fit-content; }
.buybox__kommission {
  color: var(--ink);
}
.buybox__discount { background: var(--ink); color: var(--paper); border-radius: 0; }
.buybox__select, .buybox__qty input, .buybox__qty select, .buybox__qty button {
  background: var(--paper-hi);
  color: var(--ink);
  border: 1px solid var(--hair-strong);
  border-radius: 0;
}
.gallery__main, .gallery__thumb { background: var(--plate); border-radius: 0; border-color: var(--hair); }
.gallery__main img, .gallery__thumb img { mix-blend-mode: multiply; }
.gallery__nav {
  background: rgba(25, 21, 17, 0.85);
  color: var(--paper);
  border-color: transparent;
}
.gallery__nav:hover { background: var(--ink); color: var(--brass-warm); }
.gallery__count { background: rgba(25, 21, 17, 0.85); color: var(--paper); border-radius: 0; font-family: var(--ff-mono); }

/* Produktsidans sektioner: startsidans rytm — luft + hairline-avdelare */
.product-page__facts, .product-page__description, .product-page__care,
.product-page__specs, .product-page__comparison, .product-page__section,
.product-page__guides, .product-page__related {
  margin-top: 72px;
  padding-top: 44px;
  border-top: 1px solid var(--hair);
}
.product-page__care { max-width: 75ch; }
.product-page__care p { font-size: 15px; line-height: 1.75; color: rgba(25, 21, 17, 0.78); }
.product-page__care p + p { margin-top: 14px; }
.product-page h2 { font-size: clamp(26px, 2.4vw, 34px); line-height: 1.1; margin-bottom: 22px; }
.product-page__description :is(p, li) { font-size: 15px; line-height: 1.75; color: rgba(25, 21, 17, 0.78); }
.product-page__description p + p { margin-top: 14px; }
.product-page__description ul { margin-top: 14px; padding-left: 20px; }
.product-page__description li { margin: 6px 0; }
.product-page__description li::marker { color: var(--brass); }
.product-page__comparison p { font-size: 15px; line-height: 1.75; color: rgba(25, 21, 17, 0.78); max-width: 68ch; }

/* Kontrollerbara fakta + specifikationer: mono-etiketter i hairline-rader */
.product-page .specs { display: block; border-top: 1px solid var(--hair-strong); margin: 0; }
.product-page .specs__row {
  display: grid;
  grid-template-columns: minmax(180px, 260px) 1fr;
  gap: 24px;
  padding: 12px 0;
  border-bottom: 1px solid var(--hair);
  margin: 0;
}
.product-page .specs dt {
  font-family: var(--ff-mono);
  font-size: 10.5px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--ink65);
  align-self: center;
}
.product-page .specs dd { margin: 0; font-size: 14px; color: var(--ink); font-weight: 400; }

/* Guider som förklarar valet: serif-rader med hairlines (tvåvägslänkningen) */
.product-page__guides ul { list-style: none; margin: 0; padding: 0; }
.product-page__guides li { border-bottom: 1px solid var(--hair); }
.product-page__guides a {
  font-family: var(--ff-serif);
  font-size: 19px;
  color: var(--ink);
  display: block;
  padding: 14px 0;
}
.product-page__guides a:hover { color: var(--brass); }

/* Liknande produkter: samma kortpresentation som startsidans karusell */
.product-page__related .product-card__media { height: 300px; display: flex; align-items: center; justify-content: center; padding: 24px; }
.product-page__related .product-card__img { max-height: 100%; width: auto; object-fit: contain; }

/* ── LISTNING/KATEGORI ────────────────────────────────────────────────── */
.category-page { padding: 40px 0 0; }
.category-page__head { margin-bottom: 26px; }
.category-page__head h1 { font-size: clamp(30px, 3vw, 44px); line-height: 1.08; margin-bottom: 12px; }
.category-page__lead { font-size: 15px; line-height: 1.7; color: var(--ink65); max-width: 62ch; }
.category-page__children { margin: 28px 0 8px; }
.category-page__children a {
  font-family: var(--ff-mono);
  font-size: 10.5px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--ink65);
  background: transparent;
  border: 1px solid var(--hair-strong);
  border-radius: 0;
  padding: 9px 14px;
}
.category-page__children a:hover { background: var(--ink); color: var(--paper); border-color: var(--ink); }
.category-page__sections,
.category-page__guides,
.category-page__related { margin-top: 72px; padding-top: 44px; border-top: 1px solid var(--hair); }
.category-page__sections h2 { font-size: clamp(24px, 2.2vw, 32px); line-height: 1.12; }
.category-page__sections p { font-size: 15px; line-height: 1.75; color: rgba(25, 21, 17, 0.78); }
.category-page__guides a, .category-page__related a {
  font-family: var(--ff-serif);
  font-size: 17px;
  color: var(--ink);
  border: 1px solid var(--hair-strong);
  border-radius: 0;
  background: transparent;
  padding: 10px 16px;
}
.category-page__guides a:hover, .category-page__related a:hover { color: var(--brass); border-color: var(--ink); }

.sort__option {
  border-radius: 2px;
  border: 1px solid var(--hair);
  color: var(--ink65);
  background: transparent;
}
.sort__option:hover { border-color: var(--hair-strong); color: var(--ink); }
.sort__option.is-active { background: var(--ink); color: var(--paper); border-color: var(--ink); }
.facets__box { background: var(--paper-hi); border-color: var(--hair-strong); border-radius: 0; }
.facets__label, .facets__title, .facets__legend { color: var(--ink); }
.facets__option, .facets__count { color: var(--ink65); }
.pagination a, .pagination span { color: var(--ink); }
/* Paginering: mono-etiketter, raka hörn, hairline */
.pagination__list a, .pagination__list span, .pagination__step {
  border-radius: 0;
  border: 1px solid var(--hair);
  background: transparent;
  font-family: var(--ff-mono);
  font-size: 10px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.pagination__list a:hover, .pagination__step:hover { border-color: var(--ink); }
.pagination__list [aria-current], .pagination__list .is-active { background: var(--ink); color: var(--paper); border-color: var(--ink); }

/* ── VARUMÄRKESINDEX ─────────────────────────────────────────────────── */
.brand-hub { padding: 40px 0 96px; }
.brand-hub__head { margin: 20px 0 44px; padding-bottom: 30px; border-bottom: 1px solid var(--hair); }
.brand-hub__head h1 { font-size: clamp(30px, 3vw, 44px); line-height: 1.08; margin-bottom: 12px; }
.brand-hub__lead { color: var(--ink65); font-size: 15px; line-height: 1.7; max-width: 62ch; }
.brand-hub__grid { gap: 12px 16px; }
.brand-hub__grid a {
  font-family: var(--ff-serif);
  font-weight: 400;
  font-size: 17px;
  color: var(--ink);
  padding: 12px 16px;
}
.brand-hub__grid a:hover { color: var(--brass); transform: none; }
.brand-hub__count { font-family: var(--ff-mono); font-size: 10px; letter-spacing: 0.08em; color: var(--ink65); }

/* ── VARUKORGEN ───────────────────────────────────────────────────────── */
.cart-page h1 { font-size: clamp(30px, 3vw, 44px); line-height: 1.08; }
.cart-page__empty p { color: var(--ink65); font-size: 15px; line-height: 1.7; }
.cart-reassure li {
  font-family: var(--ff-mono);
  font-size: 10px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  font-weight: 400;
  color: var(--ink65);
}
.cart-reassure li::before { background: var(--brass); border-radius: 0; }
.cart-recos h2 { font-family: var(--ff-serif); font-weight: 400; letter-spacing: 0; font-size: clamp(24px, 2.4vw, 32px); }
.cart-line { border-color: var(--hair); }
.cart-line__img { border-radius: 0; background: var(--plate); border: 1px solid var(--hair); }
.cart-line__qty button, .cart-line__qty span { border-color: var(--hair-strong); border-radius: 0; }
.cart-line__qty button:hover:not(:disabled) { background: rgba(150, 120, 46, 0.08); color: var(--brass); }

/* ── FÖRTROENDESIDOR (leverans/retur/garanti/betalning/köpvillkor) ────── */
.trust-page { padding: 40px 0 0; }
.trust-page h1 { font-size: clamp(30px, 3vw, 44px); line-height: 1.08; margin-bottom: 14px; }
.trust-page p { font-size: 14.5px; line-height: 1.7; color: rgba(25, 21, 17, 0.78); max-width: 68ch; }
.trust-page h2 {
  margin-top: 64px;
  padding-top: 36px;
  border-top: 1px solid var(--hair);
  font-size: clamp(22px, 2vw, 30px);
  line-height: 1.12;
}
.trust-page__facts {
  background: transparent;
  border-radius: 0;
  padding: 0;
  gap: 0 32px;
  border-top: 1px solid var(--hair-strong);
  margin: 28px 0 40px;
}
.trust-page__facts dt {
  font-family: var(--ff-mono);
  font-size: 10.5px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--ink65);
  padding: 12px 0;
  border-bottom: 1px solid var(--hair);
  align-content: center;
}
.trust-page__facts dd { font-weight: 400; font-size: 14px; color: var(--ink); padding: 12px 0; border-bottom: 1px solid var(--hair); }
.trust-page__updated {
  font-family: var(--ff-mono);
  font-size: 10px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--ink65);
  margin-top: 64px;
  padding-top: 20px;
  border-top: 1px solid var(--hair);
}
.trust-page__form { margin-top: 64px; scroll-margin-top: 150px; }
.trust-page__form .form-card h2 { margin-top: 0; padding-top: 0; border-top: 0; }

/* ── OM OSS: kontaktkort + recensionswidget ──────────────────────────── */
.aside-card h4 {
  font-family: var(--ff-mono);
  font-size: 10.5px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  font-weight: 400;
  color: var(--ink65);
}
/* Gemensam recensionsdesign, inklusive omslag och källrubrik.
   Sidornas omslag får bara styra placering, inte skapa egna ramar eller kortstilar. */
.aside-reviews {
  background: transparent; border: 0; border-radius: 0; padding: 0; box-shadow: none;
  min-width: 0;
}
.aside-reviews__head {
  display: flex; align-items: center; gap: 8px; margin-bottom: 10px;
}
.aside-reviews__logo { height: 14px; width: auto; display: block; flex-shrink: 0; }
.aside-reviews__label {
  font-size: 11.5px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase;
  color: var(--muted);
}
.aside-reviews .reviews-carousel { margin-top: 0; }
.reviews-carousel .review-card.reviews-carousel__card {
  flex: 0 0 220px; max-width: 220px; height: 112px; padding: 12px 14px; gap: 8px;
  backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
  color: var(--ink); text-decoration: none;
}
.reviews-carousel .review-card.reviews-carousel__card:hover { transform: none; }
.reviews-carousel .review-card.reviews-carousel__card blockquote {
  font-size: 12px; line-height: 1.4; margin: 0; color: #514A40;
  -webkit-line-clamp: 2;
}
.reviews-carousel .review-card.reviews-carousel__card .review-card__head { gap: 8px; }
.reviews-carousel .review-card.reviews-carousel__card .review-card__avatar {
  width: 22px; height: 22px; flex-shrink: 0; border-radius: 50%;
  background: #E9E1CE; color: #786431; box-shadow: none;
  font-family: var(--ff-mono); font-size: 9px; font-weight: 400;
}
.reviews-carousel .review-card.reviews-carousel__card .review-card__meta { min-width: 0; line-height: 1.2; }
.reviews-carousel .review-card.reviews-carousel__card .review-card__author {
  font-size: 11.5px; color: #29251F; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.reviews-carousel .review-card.reviews-carousel__card .review-card__source-logo { height: 10px; }
.reviews-carousel .review-card.reviews-carousel__card .hero__stars { flex-shrink: 0; }
.reviews-carousel .review-card.reviews-carousel__card .hero__stars svg { width: 10px; height: 10px; }
.pagination__btn { background: transparent; border: 1px solid var(--hair); color: var(--ink); border-radius: 2px; }
.pagination__btn:hover { border-color: var(--ink); }
.pagination__btn.is-active { background: var(--ink); color: var(--paper); border-color: var(--ink); box-shadow: none; }
.pagination__list a[aria-current="page"], .pagination__list .is-active { background: var(--ink); color: var(--paper); border-radius: 2px; }
.category-page__children a, .catchip {
  border: 1px solid var(--hair);
  border-radius: 2px;
  color: var(--ink65);
  background: var(--paper-hi);
}
.category-page__children a:hover { border-color: var(--ink); color: var(--ink); }

/* ── SUBHERO (kategori/undersidor) + sektioner ur grundmall/skin ──────── */
[data-skin] .hero, .hero,
[data-skin] .subhero, .subhero {
  background: var(--paper);
  border-bottom: 1px solid var(--hair);
  color: var(--ink65);
}
[data-skin] .subhero h1, .subhero h1,
[data-skin] .hero__title, .hero__title {
  font-family: var(--ff-serif);
  font-weight: 400;
  color: var(--ink);
  letter-spacing: 0;
}
[data-skin] .hero__title em, [data-skin] .subhero h1 em {
  background: none;
  -webkit-text-fill-color: currentColor;
  color: var(--brass);
  font-style: italic;
}
[data-skin] .subhero__lead, .subhero__lead, [data-skin] .hero__sub { color: var(--ink65); }
[data-skin] .subhero__crumbs, [data-skin] .subhero__crumbs a, .subhero__crumbs, .subhero__crumbs a {
  color: var(--ink65);
  font-family: var(--ff-mono);
  text-transform: uppercase;
  letter-spacing: 0.18em;
  font-size: 10px;
}
[data-skin] .subhero__answer, .subhero__answer, .snabbsvar {
  color: var(--ink);
}
[data-skin] .subhero__answer p, .snabbsvar { color: var(--ink65); }
[data-skin] .section, .section { background: var(--paper); border-top: none; }
[data-skin] .section:nth-child(even) { background: var(--paper); }
[data-skin] .section-head h2, .section-head h2 { color: var(--ink); font-family: var(--ff-serif); font-weight: 400; }
[data-skin] .section-head .eyebrow, .section-head .eyebrow, .eyebrow {
  background: none;
  padding: 0;
  color: var(--brass);
  text-transform: uppercase;
  letter-spacing: 0.3em;
  font-size: 10px;
  font-weight: 700;
  border-radius: 0;
}
[data-skin] .card, .card {
  color: var(--ink65);
}
[data-skin] .card h3, .card h3 { color: var(--ink); }
[data-skin] .cta-strip, .cta-strip {
  background: var(--ink);
  color: var(--paper);
  border: none;
  border-radius: 0;
}
[data-skin] .cta-strip h2, .cta-strip h2 { color: var(--paper); font-family: var(--ff-serif); font-weight: 400; }
[data-skin] .cta-strip p, .cta-strip p { color: rgba(244, 241, 234, 0.7); }
.cta-strip .btn--primary { background: var(--paper); color: var(--ink); border-color: var(--paper); }
.cta-strip .btn--ghost { color: var(--paper); border-color: rgba(244, 241, 234, 0.4); }
.cta-strip .btn--ghost:hover { border-color: var(--paper); color: var(--paper); }

/* ── COOKIE-BANNER ────────────────────────────────────────────────────── */
.cookie-banner {
  background: var(--paper-hi);
  border-top: 1px solid var(--hair-strong);
  box-shadow: 0 -10px 30px rgba(25, 21, 17, 0.08);
  border-radius: 0;
}
.cookie-banner__text { color: var(--ink65); }
.cookie-banner__btn--ghost { color: var(--ink); border-color: var(--hair-strong); }

/* ── KONTAKT + FORMULÄR ───────────────────────────────────────────────── */
.contact-hero { background: var(--paper); border-bottom: 1px solid var(--hair); }
.form-card h2, .form-card h3 { color: var(--ink); }
.field label {
  color: var(--ink65);
  font-size: 10.5px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-weight: 700;
}
.field input, .field textarea, .field select {
  background: var(--paper);
  color: var(--ink);
  border: 1px solid var(--hair-strong);
  border-radius: 0;
}
.field input::placeholder, .field textarea::placeholder { color: var(--ink40); }
.field input:focus, .field textarea:focus, .field select:focus {
  border-color: var(--brass);
  box-shadow: 0 0 0 3px rgba(150, 120, 46, 0.14);
}
.contact-method__body strong { color: var(--ink); }
.contact-method__body p, .contact-method__body a { color: var(--ink65); }
.process__step { color: var(--ink65); }
.process__step h3, .process__step strong { color: var(--ink); }

/* ── FAQ (trust-sidor + generell) ─────────────────────────────────────── */
.faq__q { background: transparent; color: var(--ink); font-weight: 700; }
.faq__a p { color: var(--ink65); }
.faq__icon { background: var(--plate); color: var(--brass); border-radius: 0; }
.aside-emblems__google-rating { color: var(--ink); }
.aside-emblems__google-sub { color: var(--ink65); }

/* ── OM OSS ───────────────────────────────────────────────────────────── */
.about-check__label, .team-member h4, .aside-card h3 { color: var(--ink); }

/* ── GUIDE-HUBB + ARTIKELKORT ─────────────────────────────────────────── */
.article-card, .article-featured {
  color: var(--ink65);
}
.article-card:hover, .article-featured:hover { transform: none; }
.article-card h3, .article-card h2, .article-featured h3, .article-featured h2 {
  font-family: var(--ff-serif);
  font-style: normal;
  font-weight: 400;
  color: var(--ink);
}
.article-card__media, .article-featured__media { background: var(--plate); }
.article-card__media--icon, .article-featured__media--icon { color: var(--brass); }
.article-badge {
  background: var(--paper);
  color: var(--ink);
  border: 1px solid var(--hair);
  text-transform: uppercase;
  letter-spacing: 0.18em;
  font-size: 8.5px;
  font-weight: 700;
  border-radius: 0;
}
.article-meta { color: var(--ink65); font-family: var(--ff-mono); font-size: 10px; letter-spacing: 0.14em; }
.article-card__cta, .article-featured__cta { color: var(--ink); }
.article-featured__arrow { background: var(--ink); color: var(--paper); border-radius: 0; }
.article-hero { background: var(--paper); color: var(--ink); border-bottom: 1px solid var(--hair); }
.article-hero__text h1 { font-family: var(--ff-serif); font-weight: 400; letter-spacing: 0; color: var(--ink); }
.article-hero__tools { background: transparent; border: none; box-shadow: none; padding: 0; border-radius: 0; }
.article-cta { background: var(--paper); color: var(--ink); }
.article-tool { background: var(--paper-hi); border: 1px solid var(--hair); color: var(--ink); border-radius: 0; }
.article-tool:hover { background: var(--plate); }
.article-tool__icon, .article-cta__icon { background: var(--plate); color: var(--brass); border: none; box-shadow: none; }
.pagination__btn { font-family: var(--ff-mono); }

/* ── ARTIKELSIDA (guider/[slug]) ──────────────────────────────────────── */
.blog-article { color: var(--ink65); }
.blog-article h2 { color: var(--ink); font-family: var(--ff-serif); font-weight: 400; }
.related-link { color: var(--ink65); }
.related-link h3 { color: var(--ink); }
.related-link__icon { background: var(--plate); color: var(--brass); border-radius: 0; }
.guide-category-links .btn--ghost { border-color: var(--hair-strong); color: var(--ink); }
.guide-related-list a { color: var(--ink); border-bottom: 1px solid var(--hair-strong); }
.guide-related-list a:hover { color: var(--brass); border-color: var(--brass); }

/* Extern läsning (NYT-förhandsgranskning) */
.zx-extread { display: flex; margin: 32px 0; }
.zx-extread__img { flex: 0 0 280px; position: relative; overflow: hidden; min-height: 180px; }
.zx-extread__img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.zx-extread__body { padding: 22px 26px; }
.zx-extread__meta { font-family: var(--ff-mono); font-size: 9px; letter-spacing: 0.2em; color: var(--ink65); text-transform: uppercase; }
.zx-extread__title { font-family: var(--ff-serif); font-size: 22px; line-height: 1.2; margin-top: 8px; color: var(--ink); }
.zx-extread__desc { font-size: 12.5px; line-height: 1.6; color: var(--ink65); margin-top: 8px; }

/* ── MOBIL ────────────────────────────────────────────────────────────── */
.mobile-menu, .mobile-menu__panel { background: var(--paper); color: var(--ink); }
.mobile-menu a { color: var(--ink); }
.mobile-menu__close { background: var(--paper-hi); border: 1px solid var(--hair-strong); color: var(--ink); border-radius: 0; }
.mobile-call-bar { background: rgba(244, 241, 234, 0.97); border-top: 1px solid var(--hair); }
.mobile-call-bar .btn--ghost { color: var(--ink); border-color: var(--hair-strong); }

/* ============================================================================
   STARTSIDANS SEKTIONER (zx-*) — app/page.tsx
   ========================================================================== */
.zx-hero { background: #191511; position: relative; height: 100vh; min-height: 620px; max-height: 1000px; overflow: hidden; }
.zx-hero__video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.zx-hero__topgrad {
  position: absolute;
  left: 0; right: 0; top: 0;
  height: 220px;
  background: linear-gradient(to bottom, rgba(25, 21, 17, 0.68), rgba(25, 21, 17, 0.32) 55%, transparent);
  z-index: 2;
}
.zx-hero__shade { position: absolute; inset: 0; background: linear-gradient(to bottom, transparent 30%, rgba(25, 21, 17, 0.05) 55%, rgba(25, 21, 17, 0.5)); }
.zx-hero__vign { position: absolute; inset: 0; background: radial-gradient(ellipse 62% 55% at 50% 56%, rgba(25, 21, 17, 0.48), transparent 70%); }
.zx-hero__content {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  z-index: 3;
  padding: 60px 24px 0;
}
.zx-hero__eyebrow { color: rgba(244, 241, 234, 0.92); font-size: 10.5px; letter-spacing: 0.34em; text-transform: uppercase; font-weight: 600; }
.zx-hero__title { font-family: var(--ff-serif); color: var(--paper); font-size: clamp(56px, 8.5vw, 118px); line-height: 1; margin-top: 22px; font-weight: 400; }
.zx-hero__title em { color: var(--paper); }
.zx-hero__tagline { font-family: var(--ff-serif); font-style: italic; color: rgba(244, 241, 234, 0.85); font-size: clamp(17px, 1.8vw, 22px); margin-top: 16px; }
.zx-btn-paper {
  display: inline-block;
  background: var(--paper);
  color: var(--ink);
  padding: 14px 30px;
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.22em;
  text-transform: uppercase;
}
.zx-btn-paper:hover { background: #fff; color: var(--ink); }
.zx-hero:has(.hero__reviews-mini) { min-height: 700px; }
.zx-hero:has(.hero__reviews-mini) .zx-hero__content { bottom: 159px; padding-top: 112px; }
.zx-hero .hero__reviews-mini {
  position: absolute; bottom: 0; left: 0; z-index: 3;
  width: 100%; margin: 0; padding: 16px 0;
  background: linear-gradient(transparent, rgba(25, 21, 17, 0.65));
}
.zx-hero .reviews-carousel { margin-top: 0; }
@media (max-width: 780px) {
  .zx-hero:has(.hero__reviews-mini) { min-height: 820px; }
  .zx-hero .hero__reviews-mini { bottom: 74px; }
  .zx-hero:has(.hero__reviews-mini) .zx-hero__content { bottom: 233px; }
}

.zx-section { padding: 0 48px 88px; background: var(--paper); }
.zx-inner { max-width: 1440px; margin: 0 auto; }

/* Intro-meningen */
.zx-intro { padding: 84px 48px 76px; text-align: center; }
.zx-intro p { font-family: var(--ff-serif); font-size: clamp(24px, 2.6vw, 34px); line-height: 1.5; max-width: 33ch; margin: 0 auto; color: var(--ink); }
.zx-intro a {
  font-style: italic;
  color: var(--brass);
  border-bottom: 1.5px solid var(--brass);
}
.zx-intro a:hover { color: var(--ink); border-color: var(--ink); }

/* Veckans urval */
.zx-selhead { text-align: center; margin-bottom: 38px; }
.zx-selhead__eyebrow { font-size: 9.5px; letter-spacing: 0.34em; color: var(--ink65); text-transform: uppercase; font-weight: 700; }
.zx-tabs { display: flex; justify-content: center; gap: 34px; margin-top: 16px; }
.zx-tabs a { font-family: var(--ff-serif); font-size: 22px; color: var(--ink40); padding-bottom: 5px; }
.zx-tabs a.active, .zx-tabs a:hover { color: var(--ink); border-bottom: 1px solid var(--ink); }
.zx-products {
  display: grid;
  grid-template-columns: none; /* nollar commerce.css auto-fill-kolumner — annars olika bredd per kort */
  grid-auto-flow: column;
  grid-auto-columns: clamp(280px, 24vw, 350px);
  gap: 26px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  padding-bottom: 4px;
  scrollbar-width: none; /* draglisten ersatt av pilarna (.zx-carousel__ctrl) */
}
.zx-products > * { scroll-snap-align: start; }
.zx-products::-webkit-scrollbar { display: none; }
/* Bläddringspilar under karusellen — föregående vänster, nästa höger */
.zx-carousel__ctrl { display: flex; justify-content: space-between; align-items: center; margin-top: 18px; }
.zx-carousel__nav {
  width: 46px;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--hair-strong);
  border-radius: 0;
  background: var(--paper);
  color: var(--ink);
  font-size: 17px;
  line-height: 1;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease;
}
.zx-carousel__nav:hover { background: var(--ink); color: var(--paper); }
.zx-carousel__nav:focus-visible { outline: 2px solid var(--brass); outline-offset: 2px; }
.zx-products .product-card__media { height: 330px; display: flex; align-items: center; justify-content: center; padding: 26px; }
.zx-products .product-card__img { max-height: 100%; width: auto; object-fit: contain; }
.zx-viewall { text-align: center; margin-top: 40px; }
.zx-endcard .product-card__price { margin-bottom: 1em; } /* span vs p-marginal — linjerar med grannkortens prisrad */
/* Fokusring INUTI kortet — synlig och identisk för alla 13 kort (a11y) */
.product-card:has(.product-card__link:focus-visible) { outline: 2px solid var(--brass); outline-offset: -2px; }
.product-card .product-card__link:focus-visible { outline: none; }
.zx-endcard__media { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; }
.zx-endcard__big { font-family: var(--ff-serif); font-style: italic; font-size: 34px; line-height: 1.1; color: var(--ink); }

.zx-endcard__arrow { font-size: 26px; color: var(--ink); transition: transform 0.2s ease; }
.zx-endcard:hover .zx-endcard__arrow { transform: translateX(6px); }

/* Katalogsektioner — växlande media/text i fullbredd (Zara-känsla).
   Texten ligger BREDVID mediat på papperytan, aldrig ovanpå. */
.zx-cat { display: grid; grid-template-columns: 1.5fr 1fr; background: var(--paper); border-top: 1px solid var(--hair); }
.zx-cat--flip .zx-cat__media { order: 2; }
.zx-cat__media { position: relative; overflow: hidden; min-height: clamp(440px, 68vh, 720px); }
.zx-cat__media video, .zx-cat__media > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.zx-cat__body { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: clamp(44px, 6vw, 110px); }
.zx-cat__eyebrow { font-family: var(--ff-mono); font-size: 9.5px; letter-spacing: 0.3em; text-transform: uppercase; color: var(--ink65); }
.zx-cat__body h2 { font-size: clamp(34px, 3.2vw, 54px); line-height: 1.05; margin-top: 14px; }
.zx-cat__body p { color: var(--ink65); font-size: 14px; line-height: 1.7; margin-top: 16px; max-width: 46ch; }
.zx-cat__cta { margin-top: 26px; }
.zx-cat__body .about-team { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 24px; width: 100%; margin: 24px 0 4px; text-align: left; }
.zx-cat__body .about-team__item { padding-top: 14px; border-top: 1px solid var(--hair); }
.zx-cat__body .about-team__item h3 { margin: 0 0 6px; font-family: var(--ff-serif); font-weight: 400; font-size: 23px; line-height: 1.15; }
.zx-cat__body .about-team__item p { margin: 0; font-size: 12px; line-height: 1.5; }
.zx-cat__media:has(.zx-cat__faces) { min-height: 0; aspect-ratio: 1; }
.zx-cat__faces { position: absolute; inset: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: repeat(2, minmax(0, 1fr)); gap: 2px; }
.zx-cat__faces img { width: 100%; height: 100%; min-height: 0; object-fit: cover; object-position: 50% 0%; filter: saturate(1.1) brightness(1.025) contrast(1.02); }

/* Statement + stats */
.zx-statement { padding: 96px 0 90px; overflow: hidden; border-bottom: 1px solid var(--hair); background: var(--paper); }
.zx-statement__line {
  font-family: var(--ff-serif);
  font-size: clamp(40px, 4.8vw, 74px);
  letter-spacing: 0.14em;
  white-space: nowrap;
  color: var(--ink);
  text-align: center;
  text-transform: uppercase;
}
.zx-statement__line em { font-style: italic; color: var(--brass); letter-spacing: 0.06em; text-transform: none; }
.zx-stats { display: flex; justify-content: center; gap: clamp(28px, 5vw, 70px); margin-top: 56px; text-align: center; }
.zx-stats > div { display: flex; flex-direction: column; gap: 6px; }
.zx-stats .n { font-family: var(--ff-serif); font-size: 40px; color: var(--ink); }
.zx-stats .n em { color: var(--brass); font-style: normal; }
.zx-stats .l { font-size: 9px; color: var(--ink65); letter-spacing: 0.26em; text-transform: uppercase; font-weight: 700; }
.zx-stats .sep { width: 1px; background: var(--hair); }


/* Citat */
.zx-quote { padding: 88px 48px; text-align: center; border-bottom: 1px solid var(--hair); background: var(--paper); }
.zx-quote__stars { color: var(--brass); font-size: 12px; letter-spacing: 4px; }
.zx-quote blockquote { font-family: var(--ff-serif); font-style: italic; color: var(--ink); font-size: clamp(22px, 2.4vw, 31px); line-height: 1.4; max-width: 32ch; margin: 18px auto 0; }
.zx-quote cite { display: block; font-style: normal; font-family: var(--ff-mono); font-size: 9.5px; letter-spacing: 0.28em; color: var(--ink65); margin-top: 18px; text-transform: uppercase; }

/* Guider & läsning */
.zx-reading { padding: 92px 48px 96px; background: var(--paper); }
.zx-reading__head { text-align: center; margin-bottom: 52px; }
.zx-reading__head h2 { font-size: clamp(30px, 3.2vw, 44px); margin-top: 14px; }
.zx-reading__grid { display: grid; grid-template-columns: 1.15fr 1fr; gap: 56px; align-items: stretch; }
.zx-featread { display: flex; flex-direction: column; }
.zx-featread__img { position: relative; overflow: hidden; aspect-ratio: 1050/549; }
.zx-featread__img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.zx-featread__tag {
  position: absolute; top: 14px; left: 14px;
  background: var(--paper); color: var(--ink);
  font-size: 8.5px; font-weight: 700; padding: 5px 11px;
  letter-spacing: 0.22em; text-transform: uppercase;
}
.zx-featread__body { padding: 26px 32px 30px; border-top: 1px solid var(--hair); }
.zx-featread__meta { font-family: var(--ff-mono); font-size: 9.5px; letter-spacing: 0.2em; color: var(--ink65); text-transform: uppercase; }
.zx-featread__title { font-family: var(--ff-serif); font-size: 31px; line-height: 1.15; margin-top: 10px; color: var(--ink); }
.zx-featread__desc { font-size: 13px; line-height: 1.65; color: var(--ink65); margin-top: 10px; }
.zx-guidelist { display: flex; flex-direction: column; }
.zx-guidelist__item { border-bottom: 1px solid var(--hair); padding: 24px 0; display: block; }
.zx-guidelist__item:first-child { border-top: 1px solid var(--ink); }
.zx-guidelist__label { font-family: var(--ff-mono); font-size: 9px; letter-spacing: 0.22em; color: var(--brass); text-transform: uppercase; }
.zx-guidelist__row { display: flex; justify-content: space-between; align-items: baseline; gap: 18px; margin-top: 8px; }
.zx-guidelist__title { font-family: var(--ff-serif); font-size: 26px; line-height: 1.15; color: var(--ink); }
.zx-guidelist__more { margin-top: auto; padding-top: 30px; }

/* Startsidans FAQ (AEO — bevarad ur gamla designen) */
.zx-faq { max-width: 860px; margin: 0 auto; }
.zx-faq details { padding: 20px 24px; margin-bottom: 12px; background:var(--plate); border-radius:var(--radius); }
.zx-faq summary {
  cursor: pointer;
  color: var(--ink);
  font-weight: 700;
  font-size: 14.5px;
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}
.zx-faq summary::-webkit-details-marker { display: none; }
.zx-faq summary::after { content: '+'; color: var(--brass); font-size: 20px; font-weight: 300; flex-shrink: 0; }
.zx-faq details[open] summary::after { content: '–'; }
.zx-faq details p { color: var(--ink65); font-size: 14px; line-height: 1.7; margin-top: 12px; }

/* ── RESPONSIVT ───────────────────────────────────────────────────────── */
/* Snabblänksraden är ett mobilgrepp — aldrig på desktop */
.nav__quick { display: none; }
@media (max-width: 1360px) {
  .nav { padding: 0 24px; gap: 14px; }
  .nav__links { gap: 14px; }
  .nav__links a, .nav__contact { font-size: 9.5px; letter-spacing: 0.12em; padding: 8px 6px; }
  .nav__wordmark { font-size: 22px; }
  .nav__center { padding: 0 14px; }
  .nav__right { gap: 14px; }
  .nav__phone { display: none; }
}
@media (max-width: 1180px) {
  .nav__contact { display: none; }
  .nav { padding: 0 20px; gap: 12px; }
  .nav__links { gap: 14px; }
  .nav__wordmark { font-size: 22px; }
  .nav__phone { display: none; }
}
.nav__left.nav__links { gap: 4px; } /* Sex länkar inkl. verkstad ska rymmas före ordmärket. */
.nav__left > a, .nav__left > .nav__item > a { padding-inline: 6px; }
@media (max-width: 1360px) {
  .nav {
    grid-template-columns: 1fr auto;
    grid-template-rows: auto auto;
    height: auto;
    padding: 14px 16px 0;
    row-gap: 0;
  }
  .nav__left { display: none; }
  .nav__burger { display: inline-flex; align-items: center; justify-content: center; }
  .nav__center { justify-content: flex-start; padding: 0; grid-row: 1; grid-column: 1; }
  .nav__wordmark { font-size: 19px; }
  .nav__right { grid-row: 1; grid-column: 2; gap: 14px; }
  .nav__contact { display: none; }
  .nav__cart-label { font-size: 9.5px; }
  .nav__quick {
    display: flex;
    grid-row: 2;
    grid-column: 1 / -1;
    gap: 6px;
    padding: 12px 0 12px;
    background: transparent;
    border: none;
    box-shadow: none;
  }
  .nav-wrap--overlay:not(.is-scrolled) .nav__quick a { color: rgba(244, 241, 234, 0.85); }
  .nav__quick a { padding: 6px 4px; }
  .nav-wrap--overlay:not(.is-scrolled) .nav__quick a.active { color: var(--ink); background: rgba(244, 241, 234, 0.97); padding: 6px 10px; }
  .nav-wrap.is-scrolled .nav { height: auto; }
  body:not(:has(.zx-hero)) .page { padding-top: 136px; }
}
@media (max-width: 980px) {
  .zx-cat { grid-template-columns: 1fr; }
  .zx-cat--flip .zx-cat__media { order: 0; }
  .zx-cat__media { min-height: 58vw; }
  .zx-cat__body { padding: 40px 24px 56px; }
}
@media (max-width: 900px) {
  .zx-section, .zx-intro, .zx-quote, .zx-reading { padding-left: 20px; padding-right: 20px; }
  .zx-reading__grid { grid-template-columns: 1fr; gap: 36px; }
  .zx-statement__line { white-space: normal; line-height: 1.15; padding: 0 16px; }
  .zx-stats { flex-wrap: wrap; gap: 22px; }
  .zx-stats .sep { display: none; }
  .zx-extread { flex-direction: column; }
  .zx-extread__img { flex: none; min-height: 200px; }
}
@media (max-width: 640px) {
  .nav__quick { justify-content: space-between; gap: 2px; }
  .nav__quick a { font-size: 9px; letter-spacing: 0.08em; }
  .nav-wrap--overlay:not(.is-scrolled) .nav__quick a.active { padding: 6px 4px; }
  .zx-hero__title { font-size: 44px; }
  .zx-hero__eyebrow { font-size: 9px; letter-spacing: 0.24em; padding: 0 12px; }
  .zx-hero__tagline { font-size: 16px; padding: 0 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .nav-wrap, .nav, .nav__wordmark, .product-card__media { transition: none; }
}
:root{--paper:#F4F1EA;--plate:#EBE7DB;--paper-hi:#FAF8F2;--ink:#191511;--ink65:rgba(25,21,17,.65);--brass:#96782E;--hair:rgba(25,21,17,.16);--radius:14px;--radius-lg:14px;--radius-sm:14px;--button-radius:14px;--ff-serif:"Instrument Serif",serif;--ff-mono:"IBM Plex Mono",monospace}
*{box-sizing:border-box}html{scroll-behavior:auto}body.uffes-wp{margin:0;background:var(--paper);color:var(--ink);font-family:Almarai,sans-serif;font-size:16px;line-height:1.7}a{color:inherit}img,video{max-width:100%;height:auto}button,input,select,textarea{font:inherit}button,a.button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{border-radius:var(--button-radius);cursor:pointer}a.button,.woocommerce a.button,.woocommerce button.button{display:inline-block;background:var(--ink);color:var(--paper);padding:14px 23px;border:1px solid var(--ink);font-family:var(--ff-mono);font-size:12px;letter-spacing:.08em;text-decoration:none;line-height:1.5}
h1,h2,h3{font-family:var(--ff-serif);font-weight:400;line-height:1.1}h1{font-size:clamp(36px,4.5vw,64px)}h2{font-size:clamp(30px,3vw,44px)}h3{font-size:26px}.eyebrow,.breadcrumbs{font-family:var(--ff-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase}.eyebrow{color:var(--brass)}
.uffes-site-header{position:relative;z-index:30;display:flex;gap:32px;align-items:center;justify-content:space-between;padding:27px 4vw;background:var(--paper);border-bottom:1px solid var(--hair)}.uffes-wordmark{font-family:var(--ff-serif);font-size:34px;text-transform:uppercase;text-decoration:none;white-space:nowrap;letter-spacing:.08em}.uffes-site-header nav>ul{display:flex;gap:22px;align-items:center;list-style:none;padding:0;margin:0}.uffes-site-header li{position:relative}.uffes-site-header nav a,.uffes-cart-link{font:11px var(--ff-mono);letter-spacing:.07em;text-transform:uppercase;text-decoration:none}.uffes-site-header .sub-menu{display:none;position:absolute;top:100%;left:0;padding:20px;min-width:450px;max-height:70vh;overflow:auto;list-style:none;background:var(--paper-hi);border:1px solid var(--hair);border-radius:14px;box-shadow:0 12px 30px #19151112;grid-template-columns:repeat(2,1fr);gap:14px}.uffes-site-header li:hover>.sub-menu,.uffes-site-header li:focus-within>.sub-menu{display:grid}.uffes-mobile-nav{display:none}.uffes-cart-link{white-space:nowrap}
.site-content{max-width:1320px;margin:0 auto;padding:32px 40px 90px;min-height:60vh}.breadcrumbs{margin:8px 0 40px;color:var(--ink65)}.breadcrumbs a{text-decoration:none}.editorial-page{max-width:1050px;margin:auto}.editorial-page>header{max-width:850px;margin-bottom:48px}.entry-content{line-height:1.85}.entry-content p,.entry-content ul:not(.products),.entry-content ol,.term-description p{max-width:78ch}.entry-content h2{margin-top:60px;padding-top:32px;border-top:1px solid var(--hair)}.entry-content h3{margin-top:30px}.entry-content li{padding:5px 0}.entry-content figure{margin:30px 0}.entry-content figure img{max-height:620px;width:auto;border-radius:var(--radius);object-fit:cover;filter:none}.entry-content dl{display:grid;grid-template-columns:minmax(140px,1fr) 2fr;gap:0;background:var(--plate);border-radius:var(--radius);padding:20px;max-width:850px}.entry-content dt,.entry-content dd{margin:0;padding:14px;border-bottom:1px solid var(--hair)}.entry-content dt{font-family:var(--ff-mono);font-size:12px}.entry-content table{border-collapse:collapse;width:100%;font-size:15px}.entry-content th,.entry-content td{padding:13px;text-align:left;border-bottom:1px solid var(--hair)}.entry-content section[itemtype$="FAQPage"]:not(.zx-faq){border-radius:var(--radius);padding:28px;background:var(--plate);margin:48px 0}.entry-content section[itemtype$="FAQPage"] h2{border:0;padding:0;margin-top:0}.entry-content section[itemtype$="Question"]{border-bottom:1px solid var(--hair)}.entry-content blockquote{background:var(--plate);padding:24px;border-radius:var(--radius);margin:30px 0}
.woocommerce ul.products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;margin:32px 0;padding:0}.woocommerce ul.products::before,.woocommerce ul.products::after{display:none}.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{position:relative;float:none;width:auto!important;margin:0!important;padding:16px;background:var(--paper-hi);border:1px solid var(--hair);border-radius:var(--radius);list-style:none;min-width:0}.woocommerce ul.products li.product a img{width:100%;height:260px;object-fit:contain;background:#fff;border-radius:var(--radius);margin:0 0 18px}.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:21px;line-height:1.25;color:var(--ink);padding:0 0 14px}.woocommerce ul.products li.product .price,.woocommerce div.product p.price{color:var(--ink)}.woocommerce ul.products li.product .price{font:16px Almarai,sans-serif}.woocommerce ul.products li.product a{text-decoration:none}.woocommerce ul.products li.product.outofstock:after{content:"Slut i lager";display:block;font:11px var(--ff-mono);margin-top:12px;color:var(--ink65)}.woocommerce .woocommerce-result-count{font-size:13px}.woocommerce .woocommerce-ordering select{max-width:100%;border:1px solid var(--hair);padding:10px;border-radius:14px;background:transparent}.woocommerce div.product{display:grid;grid-template-columns:1.1fr 1fr;gap:36px}.woocommerce div.product div.images,.woocommerce div.product div.summary{float:none;width:auto;margin:0;min-width:0}.woocommerce div.product div.images{min-height:520px}.woocommerce div.product div.images:has(.woocommerce-product-gallery__image:nth-child(2)){min-height:605px}@media(scripting:enabled){.woocommerce div.product div.images .woocommerce-product-gallery__image:not(:first-child):not([style]){display:none}}.woocommerce div.product div.images img{height:520px;object-fit:contain;background:white;border-radius:14px}.woocommerce div.product div.images .flex-control-thumbs img{height:85px}.woocommerce div.product .product_title{font-size:clamp(30px,3vw,44px)}.woocommerce div.product .woocommerce-tabs,.woocommerce div.product .related{grid-column:1/-1;margin-top:35px}.woocommerce div.product .woocommerce-tabs ul.tabs{padding:0;border-bottom:1px solid var(--hair)}.woocommerce div.product .woocommerce-tabs ul.tabs li{border:0;border-radius:14px 14px 0 0;background:var(--plate);margin:0}.woocommerce div.product .woocommerce-tabs ul.tabs li::before,.woocommerce div.product .woocommerce-tabs ul.tabs li::after{display:none}.woocommerce .woocommerce-tabs .panel{max-width:100%;line-height:1.85}.woocommerce .woocommerce-tabs .panel>h2{font-size:32px}.woocommerce .woocommerce-tabs .panel h2{margin-top:46px}.woocommerce .woocommerce-tabs .panel p{max-width:78ch}.woocommerce .woocommerce-tabs .panel dl{background:var(--plate);border-radius:14px;padding:24px;display:grid;grid-template-columns:1fr 2fr;gap:14px}.woocommerce .woocommerce-tabs .panel dl dd{margin:0}.woocommerce .woocommerce-tabs .panel section[itemtype$="FAQPage"]{padding:24px;background:var(--plate);border-radius:14px;margin-top:40px}.woocommerce .woocommerce-tabs .panel section[itemtype$="FAQPage"] h2{margin-top:0}.woocommerce .quantity .qty{padding:9px;width:70px;border-radius:14px;border:1px solid var(--hair)}.woocommerce div.product form.cart table.variations td{padding:8px}.woocommerce div.product form.cart select{padding:12px;border-radius:14px;border:1px solid var(--hair)}.woocommerce table.shop_table{background:var(--paper-hi);border-radius:14px}.archive-editorial{clear:both;margin-top:72px;border-top:1px solid var(--hair);padding-top:28px}.woocommerce-products-header{max-width:900px}.woocommerce-pagination{margin:35px 0}.woocommerce nav.woocommerce-pagination ul,.woocommerce nav.woocommerce-pagination ul li{border-color:var(--hair);border-radius:8px}
.zx-hero{height:min(88vh,850px);min-height:560px;position:relative;color:white;overflow:hidden;contain:layout paint}.zx-hero>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.zx-hero__shade{pointer-events:none;position:absolute;inset:0;background:linear-gradient(0deg,#191511dd,transparent 90%)}.zx-hero__body{position:absolute;bottom:70px;left:7vw;right:7vw;max-width:850px}.zx-hero h1{font-size:clamp(44px,6.5vw,88px);margin:22px 0}.zx-hero p{max-width:650px;color:inherit}.zx-hero .eyebrow{color:#d8bd80}.hero-buttons{display:flex;flex-wrap:wrap;gap:16px}.zx-hero .button{background:var(--paper);color:var(--ink)}
.home-selection,.zx-intro,.zx-statement,.team-section,.home-faq{max-width:1320px;margin:0 auto;padding:72px 40px}.home-selection .woocommerce ul.products{grid-auto-flow:column;grid-auto-columns:calc((100% - 78px)/4);grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px;scrollbar-width:thin}.home-selection .products li{scroll-snap-align:start}.home-selection__group>h3{margin-top:30px}.selection-tabs{display:flex;gap:12px;border-bottom:1px solid var(--hair);padding-bottom:20px}.selection-tabs button{border:1px solid var(--hair);padding:12px 22px;background:transparent}.selection-tabs button[aria-selected=true]{background:var(--ink);color:var(--paper)}[hidden]{display:none!important}.carousel-controls{display:flex;justify-content:space-between;gap:12px;margin-top:15px}.carousel-controls button{width:48px;height:42px;border:1px solid var(--hair);background:transparent}.zx-intro{font-family:var(--ff-serif);font-size:30px;text-align:center}.zx-cat{display:grid;grid-template-columns:1.4fr 1fr;min-height:600px;border-top:1px solid var(--hair)}.zx-cat__media{position:relative;min-height:500px}.zx-cat__media img,.zx-cat__media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:none}.zx-cat__body{padding:75px 60px;align-self:center}.zx-cat--flip{grid-template-columns:1fr 1.4fr}.zx-cat--flip .zx-cat__media{order:2}.zx-cat h2{font-size:clamp(38px,4vw,58px)}.zx-statement{text-align:center}.zx-statement>p{font-family:var(--ff-serif);font-size:42px}.home-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.home-stats dt{font:40px var(--ff-serif)}.home-stats dd{margin:8px 0;font-size:13px}.team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;max-width:780px}.team-grid figure{margin:0}.team-grid img{width:100%;height:300px;object-fit:cover;object-position:50% 20%;border-radius:14px}.team-grid h3{margin-bottom:8px}.team-grid p{margin-top:0}.home-faq details{background:var(--plate);padding:18px 24px;border-radius:14px;margin:10px 0}.home-faq summary{cursor:pointer}.home-content>.aside-card{max-width:1240px;margin:30px auto 70px}.aside-card{padding:32px;background:var(--plate);border:0;border-radius:14px}.reviews{max-width:1320px;margin:0 auto;padding:20px 40px;background:transparent;border:0}.reviews__heading h2{font:12px var(--ff-mono);text-transform:uppercase;letter-spacing:.12em;margin:0 0 10px}.reviews__track{display:grid;grid-auto-flow:column;grid-auto-columns:310px;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding-bottom:12px}.review-card{padding:16px;background:var(--paper-hi);border:1px solid var(--hair);border-radius:14px;scroll-snap-align:start;font-size:14px;line-height:1.65}.review-card h3{font:700 15px Almarai,sans-serif;margin:0}.review-card__stars{color:var(--brass);letter-spacing:.16em}.review-card p:last-child{margin-bottom:0}.article-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;margin:40px 0}.article-grid article{background:var(--plate);padding:24px;border-radius:14px}.article-grid article h2{border:0;padding:0;margin:0;font-size:29px}
.uffes-site-footer{background:var(--ink);color:var(--paper);display:grid;grid-template-columns:1fr 1.2fr;gap:60px;padding:70px max(40px,7vw);font-size:14px}.uffes-site-footer address{font-style:normal}.uffes-site-footer nav ul{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;gap:16px;margin:0;padding:0}.uffes-site-footer a{text-decoration:none}.uffes-footer-bottom{grid-column:1/-1;border-top:1px solid #ffffff30;padding-top:25px;font:11px var(--ff-mono)}.screen-reader-text{clip:rect(1px,1px,1px,1px);position:absolute!important;overflow:hidden;height:1px;width:1px}.screen-reader-text:focus{clip:auto;position:static!important;width:auto;height:auto}
@media(max-width:1100px){.uffes-desktop-nav{display:none}.uffes-mobile-nav{display:block}.uffes-mobile-nav summary{cursor:pointer;font:12px var(--ff-mono)}.uffes-mobile-nav nav{position:absolute;left:0;right:0;top:100%;background:var(--paper);padding:24px;max-height:75vh;overflow:auto}.uffes-mobile-nav nav>ul{display:block}.uffes-mobile-nav li{padding:8px}.uffes-mobile-nav .sub-menu{display:grid!important;position:static;min-width:0;box-shadow:none;border:0;padding:12px 0;max-height:none}.site-content{padding:25px 24px 60px}.woocommerce ul.products{grid-template-columns:repeat(3,minmax(0,1fr))}.zx-cat__body{padding:40px}.uffes-site-header{gap:20px}}
@media(max-width:700px){.uffes-wordmark{font-size:25px}.uffes-site-header{padding:20px;gap:15px}.site-content{padding:20px 18px 60px}.breadcrumbs{font-size:9px;line-height:1.9;margin-bottom:25px}.woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.woocommerce ul.products li.product{padding:10px}.woocommerce ul.products li.product a img{height:185px}.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:19px}.woocommerce div.product{display:block}.woocommerce div.product div.images{min-height:360px}.woocommerce div.product div.images:has(.woocommerce-product-gallery__image:nth-child(2)){min-height:445px}.woocommerce div.product div.images img{height:360px}.woocommerce div.product div.summary{margin:30px 0}.woocommerce .woocommerce-ordering{float:none}.woocommerce .woocommerce-result-count{float:none}.home-selection .woocommerce ul.products{grid-auto-columns:calc((100% - 12px)/2);gap:12px}.home-selection,.zx-intro,.zx-statement,.team-section,.home-faq{padding:45px 20px}.zx-hero{min-height:560px;height:78svh}.zx-hero__body{left:24px;right:24px;bottom:40px}.zx-hero h1{font-size:47px}.zx-cat,.zx-cat--flip{display:flex;flex-direction:column;min-height:0}.zx-cat--flip .zx-cat__media{order:0}.zx-cat__media{min-height:340px}.zx-cat__body{padding:35px 24px}.team-grid{gap:15px;grid-template-columns:1fr}.team-grid article{display:grid;grid-template-columns:120px 1fr;column-gap:20px;align-items:start}.team-grid figure{grid-row:1/3}.team-grid img{height:160px}.team-grid h3{margin-top:15px}.home-stats{grid-template-columns:repeat(2,1fr)}.home-content>.aside-card{margin:20px}.reviews{padding:18px 20px}.reviews__track{grid-auto-columns:280px}.article-grid{grid-template-columns:1fr}.entry-content dl{display:block}.entry-content dd{padding-top:0}.entry-content table{font-size:13px}.entry-content th,.entry-content td{padding:8px}.entry-content section[itemtype$="FAQPage"]:not(.zx-faq){padding:20px}.uffes-site-footer{grid-template-columns:1fr;gap:35px;padding:45px 24px}.uffes-site-footer nav ul{grid-template-columns:repeat(2,1fr)}}
.uffes-wp .zx-hero h1{color:var(--paper);max-width:100%;overflow-wrap:normal;line-height:1.06}.uffes-wp .zx-hero h1 em{color:#d8bd80}.uffes-site-footer .footer-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.uffes-site-footer .footer-columns ul{display:block}.uffes-site-footer .footer-columns li{margin:12px 0}.uffes-site-footer .footer-columns h2{font:12px var(--ff-mono);color:#d8bd80;text-transform:uppercase;letter-spacing:.15em}.entry-content .reviews{padding:35px 0}.entry-content .reviews h2{border:0;margin:0;padding:0}
@media(max-width:700px){.uffes-wp .zx-hero h1{font-size:clamp(35px,9.5vw,47px)}.uffes-site-footer .footer-columns{grid-template-columns:repeat(2,1fr)}}
.woocommerce div.product .woocommerce-product-gallery{opacity:1!important}.woocommerce button.button.alt,.woocommerce button.button.alt.disabled,.woocommerce button.button.alt:hover{background:var(--ink);color:var(--paper)}.reviews__track,.home-selection .woocommerce ul.products{scrollbar-width:none}.reviews__track::-webkit-scrollbar,.home-selection .woocommerce ul.products::-webkit-scrollbar{display:none}.woocommerce ul.products li.carousel-endcard{display:flex;align-items:center;justify-content:center;background:var(--plate)}.carousel-endcard a.button{font-size:15px;line-height:1.5;letter-spacing:.02em;padding:12px 8px;text-align:center;max-width:100%;box-sizing:border-box;white-space:normal;overflow-wrap:anywhere}
@media(max-width:700px){.woocommerce ul.products li.carousel-endcard{padding:8px}.carousel-endcard a.button{font-size:12px;padding:12px 8px}}.woocommerce div.product .woocommerce-tabs ul.tabs li a{font-size:14px}
.uffes-site-header{z-index:1000}.uffes-mobile-nav .submenu-toggle{float:right;width:34px;height:34px;padding:0;background:transparent;border:1px solid var(--hair);line-height:1}.uffes-mobile-nav li.menu-item-has-children{min-height:45px}.uffes-mobile-nav .sub-menu{display:none!important}.uffes-mobile-nav li.is-open>.sub-menu{display:grid!important}
@media(max-width:700px){.selection-tabs{gap:8px}.selection-tabs button{padding:10px 12px;min-width:0;flex:1;font-size:13px}}
.article-grid figure{margin:0 0 20px}.article-grid figure img{width:100%;height:220px;object-fit:cover;border-radius:14px}
.review-card{display:block;text-decoration:none}.review-card__head{display:flex;gap:10px;align-items:center}.review-card__avatar{flex:0 0 35px;width:35px;height:35px;border-radius:50%;background:var(--plate);font:12px var(--ff-mono);display:grid;place-items:center}.review-card__meta{min-width:0}.review-card__author{font-weight:700;font-size:13px;line-height:1.4}.review-card__source-logo{width:18px!important;height:18px!important;display:block;margin-top:5px}.review-card__stars{font-size:12px;letter-spacing:.03em;margin-left:auto;white-space:nowrap}.review-card blockquote,.entry-content .review-card blockquote{background:transparent;padding:0;margin:10px 0 0;font-size:14px;line-height:1.55;border:0}
.gform_wrapper{margin:50px 0;padding:30px;background:var(--plate);border-radius:14px}.gform_wrapper input,.gform_wrapper textarea,.gform_wrapper select{border-radius:14px!important}.gform_wrapper .gform_button{background:var(--ink)!important;color:var(--paper)!important;border-radius:14px!important}.gform_wrapper .gform_title{font-family:var(--ff-serif)!important;font-weight:400!important}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Existing search, filters and Woo meta share the site's visual controls. */
.uffes-header-search{max-width:245px;min-width:130px}.uffes-header-search .woocommerce-product-search{display:flex;gap:6px}.uffes-header-search input{width:100%;min-width:0;padding:10px;border:1px solid var(--hair);border-radius:14px;background:var(--paper-hi)}.uffes-header-search button{border-radius:14px;padding:10px;background:var(--ink);color:var(--paper);border:0}.catalog-filters{clear:both;padding:20px 0;max-width:300px}.product_meta{font-size:13px;color:var(--ink65);line-height:1.7}.product_meta>span{display:block}.eyebrow{color:#806326}.woocommerce .woocommerce-result-count{font-size:13px}.home-selection .woocommerce ul.products li.product .price{color:var(--ink);font-weight:700}.home-selection .woocommerce ul.products li.product a:not(.button){text-decoration:none;color:inherit}
@media(max-width:1100px){.uffes-header-search{order:4;max-width:none;flex:1 1 100%}.uffes-site-header{flex-wrap:wrap}.uffes-header-search .woocommerce-product-search{max-width:none}.uffes-mobile-nav nav{z-index:20}.uffes-wordmark{margin-right:auto}}

/* Native form controls use the same rounded, touch-friendly treatment. */
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select{min-height:46px;padding:10px 12px;border:1px solid var(--hair);border-radius:var(--radius);background:var(--paper-hi);font:inherit;width:100%;box-sizing:border-box}.woocommerce .select2-container .select2-selection--single{min-height:46px;border:1px solid var(--hair);border-radius:var(--radius);background:var(--paper-hi)}.woocommerce .select2-container .select2-selection--single .select2-selection__rendered{line-height:44px}.woocommerce .select2-container .select2-selection--single .select2-selection__arrow{height:44px}.woocommerce-info{background:var(--plate);border-top-color:var(--brass);border-radius:var(--radius)}.woocommerce-info::before{color:var(--brass)}

/* Compact homepage feature reuses the catalogue section and product carousel. */
.zx-cat.home-selection{grid-template-columns:minmax(220px,340px) minmax(0,1fr);gap:24px;min-height:0;padding:36px 40px}
.zx-cat.home-selection .zx-cat__media{min-height:0;height:240px;border-radius:var(--radius)}
.zx-cat.home-selection .zx-cat__body{padding:12px 24px;min-width:0}
.zx-cat.home-selection .zx-cat__body h2{font-size:38px;margin:8px 0}
.zx-cat.home-selection .zx-cat__body p{margin:8px 0;max-width:52ch}
.zx-cat.home-selection>.home-selection__group{grid-column:1/-1;min-width:0}
.zx-cat.home-selection .home-selection__group>h3{margin:4px 0 18px;font-size:25px}
.zx-cat.home-selection .woocommerce ul.products li.product a img{height:170px;margin-bottom:12px}
.zx-cat.home-selection .woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:18px;padding-bottom:10px}
.zx-cat.home-selection .home-selection__group>p:empty{display:none}
@media(max-width:700px){
 .zx-cat.home-selection{gap:18px;padding:28px 20px}
 .zx-cat.home-selection .zx-cat__media{height:210px;width:100%;flex:none}
 .zx-cat.home-selection .zx-cat__body{padding:0}
 .zx-cat.home-selection .zx-cat__body h2{font-size:32px}
 .zx-cat.home-selection>.home-selection__group{width:100%}
 .zx-cat.home-selection .woocommerce ul.products li.product a img{height:145px}
 .zx-cat.home-selection .woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:16px}
}

/* Existing Woo archive and carousel, shared by the category pages. */
.woocommerce-products-header .term-description{line-height:1.75;margin:20px 0 32px;max-width:78ch}
.woocommerce-products-header .term-description p{margin:0}
.home-selection.category-page__related{clear:both;max-width:none;margin:24px 0;padding:28px 0 16px}
.home-selection.category-page__related>h2{margin:0 0 24px;font-size:clamp(28px,3vw,38px)}
.home-selection.category-page__related>h3{margin:24px 0 10px;font-size:22px}
.home-selection.category-page__related>ul{display:flex;flex-wrap:wrap;gap:12px;list-style:none;padding:0;margin:12px 0}
.home-selection.category-page__related>ul a{display:block;border-radius:var(--radius)}
.home-selection.category-page__related .woocommerce ul.products li.product a{border:0;padding:0;background:transparent}
.home-selection.category-page__related .woocommerce ul.products li.product a img{height:190px}
@media(max-width:700px){.home-selection.category-page__related .woocommerce ul.products li.product a img{height:145px}}

/* Existing guide columns, article cards and Woo carousel in editorial content. */
.entry-content>.zx-reading__grid{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:44px;align-items:start;margin-top:36px}
.entry-content>.zx-reading__grid:has(>.article-grid)>.zx-featread{min-width:0}
.entry-content>.zx-reading__grid:has(>.article-grid)>.zx-featread>h2:first-child{margin-top:0}
.entry-content>.zx-reading__grid:has(>.article-grid)>.zx-featread h2{font-size:28px;margin-top:30px;padding-top:24px}
.entry-content>.zx-reading__grid:has(>.article-grid)>.zx-featread p{font-size:14px}
.entry-content>.zx-reading__grid>.article-grid{grid-template-columns:minmax(0,1fr);gap:16px;margin:0;min-width:0}
.entry-content>.zx-reading__grid>.article-grid article{padding:22px 24px}
.entry-content>.zx-reading__grid>.article-grid h2{font-size:25px;line-height:1.2}
.entry-content>.zx-reading__grid>.article-grid p{font-size:14px;line-height:1.7;margin:12px 0 0}
.entry-content .home-selection .woocommerce-loop-product__title{border:0;margin:0;padding:0 0 14px}
.entry-content .home-selection.category-page__related>h2{padding-top:28px}
@media(max-width:980px){.entry-content>.zx-reading__grid{grid-template-columns:minmax(0,1fr);gap:32px}.entry-content>.zx-reading__grid>.article-grid{order:-1}}

/* Existing guide grid and product carousel: side placement, no duplicated content. */
.entry-content>.zx-reading__grid:has(>.home-selection){grid-template-columns:minmax(0,1fr) 300px;gap:40px;margin-top:0;align-items:start}
.entry-content>.zx-reading__grid:has(>.home-selection)>.zx-featread{display:block;min-width:0}
.entry-content>.zx-reading__grid:has(>.home-selection)>.zx-featread>p:first-child{margin-top:0}
.entry-content>.zx-reading__grid>.home-selection{position:sticky;top:24px;align-self:start;min-width:0;width:100%;max-height:calc(100dvh - 72px);overflow-y:auto;margin:0;padding:0;border:0;scrollbar-width:thin}
.entry-content>.zx-reading__grid>.home-selection>h2{font-size:28px;line-height:1.2;margin:0 0 20px;padding:0;border:0}
.entry-content>.zx-reading__grid>.home-selection .woocommerce ul.products{grid-auto-columns:100%;gap:16px;margin:0;padding:0}
.entry-content>.zx-reading__grid>.home-selection .woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:20px;line-height:1.4}
.entry-content>.zx-reading__grid>.home-selection>ul{font-size:13px;line-height:1.6}
@media(max-width:980px){
 .entry-content>.zx-reading__grid:has(>.home-selection){grid-template-columns:minmax(0,1fr);gap:32px}
 .entry-content>.zx-reading__grid>.home-selection{position:static;order:-1;max-height:none;overflow:visible}
 .entry-content>.zx-reading__grid>.home-selection .woocommerce ul.products{grid-auto-columns:calc((100% - 12px)/2);gap:12px}
 .entry-content>.zx-reading__grid>.home-selection .woocommerce ul.products li.product a img{height:145px}
 .entry-content>.zx-reading__grid>.home-selection .woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:18px}
}

/* Continuous reviews: reuse the template's ReviewsCarousel motion. */
.reviews .reviews-carousel{position:relative;overflow:hidden;width:100%;mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%)}
.reviews .reviews-carousel__track{width:max-content;overflow:visible;scroll-snap-type:none;animation:reviews-scroll 40s linear infinite;will-change:transform;backface-visibility:hidden}
.reviews .reviews-carousel__track>.review-card{content-visibility:visible}
@keyframes reviews-scroll{from{transform:translate3d(0,0,0)}to{transform:translate3d(calc(-50% - var(--carousel-half-gap,9px)),0,0)}}
@media(hover:hover){.reviews .reviews-carousel:hover .reviews-carousel__track{animation-play-state:paused}}
.reviews:focus-within .reviews-carousel__track{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.reviews .reviews-carousel__track{animation:none;will-change:auto}.reviews .reviews-carousel{overflow-x:auto;scroll-snap-type:x mandatory}.reviews [data-review-clone]{display:none}}

/* Product carousels reuse the reviews' continuous track; native lists remain the no-JS fallback. */
.reviews-carousel--products{width:100%;overflow:hidden;container-type:inline-size}
.reviews-carousel--products ul.products.reviews-carousel__track{width:max-content;grid-auto-columns:calc((100cqw - 78px)/4);overflow:visible;scroll-snap-type:none;--carousel-half-gap:13px;animation:reviews-scroll 40s linear infinite;will-change:transform;backface-visibility:hidden}
.reviews-carousel--products ul.products>li.product{content-visibility:visible}
@media(hover:hover){.reviews-carousel--products:hover ul.products.reviews-carousel__track{animation-play-state:paused}}
.reviews-carousel--products:focus-within ul.products.reviews-carousel__track{animation-play-state:paused}
@media(max-width:700px){.reviews-carousel--products ul.products.reviews-carousel__track{grid-auto-columns:calc((100cqw - 12px)/2);--carousel-half-gap:6px}}
@media(prefers-reduced-motion:reduce){
 .reviews-carousel--products ul.products.reviews-carousel__track{animation:none;will-change:auto}
 .reviews-carousel--products{overflow-x:auto;scroll-snap-type:x mandatory}
 .reviews-carousel--products ul.products>li[data-review-clone]{display:none}
}

/* Manual input uses the same animated carousel without blocking vertical page scrolling. */
.reviews-carousel{touch-action:pan-y pinch-zoom;cursor:grab}
.reviews-carousel.is-dragging,.reviews-carousel.is-dragging a{cursor:grabbing;user-select:none}
.reviews-carousel:focus-visible{outline:2px solid var(--brass);outline-offset:4px}

/* Compact the existing homepage blocks, including the space between editorial pairs. */
.home-content>.home-selection:not(.zx-cat){padding:24px 40px}
.home-content>.home-selection>.eyebrow{margin:0 0 4px}
.home-content>.home-selection>h2{font-size:30px;line-height:1.2;margin:0 0 14px}
.home-content .selection-tabs{gap:10px;padding-bottom:12px}
.home-content .selection-tabs button{font-size:14px;line-height:1.4;min-height:44px;padding:8px 16px}
.home-content .home-selection__group>h3{font-size:20px;line-height:1.25;margin:14px 0 12px}
.home-content .home-selection__group>p:empty{display:none}
:is(.home-content .home-selection,.entry-content .home-selection.editorial-products) .woocommerce ul.products{margin:0;padding-bottom:4px}
:is(.home-content .home-selection,.entry-content .home-selection.editorial-products) .woocommerce ul.products li.product{padding:12px}
:is(.home-content .home-selection,.entry-content .home-selection.editorial-products) .woocommerce ul.products li.product a img{height:160px;margin:0 0 10px}
:is(.home-content .home-selection,.entry-content .home-selection.editorial-products) .woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:18px;line-height:1.3;margin:0;padding:0 0 10px}
.home-content>.archive-editorial{max-width:1320px;min-height:0;margin-top:16px;padding:20px 40px}
.home-content>.archive-editorial>:first-child{margin-top:0;padding-top:0;border-top:0}
.home-content>.archive-editorial>:last-child{margin-bottom:0}
@media(max-width:700px){
 .home-content>.home-selection:not(.zx-cat){padding:18px 20px}
 .home-content>.home-selection>h2{font-size:27px;margin-bottom:12px}
 .home-content .selection-tabs{gap:8px;padding-bottom:10px}
 .home-content .selection-tabs button{padding:8px 12px}
 .home-content .home-selection__group>h3{font-size:18px;margin:12px 0 10px}
 :is(.home-content .home-selection,.entry-content .home-selection.editorial-products) .woocommerce ul.products li.product{padding:10px}
 :is(.home-content .home-selection,.entry-content .home-selection.editorial-products) .woocommerce ul.products li.product a img{height:120px;margin-bottom:8px}
 :is(.home-content .home-selection,.entry-content .home-selection.editorial-products) .woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:16px;padding-bottom:8px}
 .home-content>.archive-editorial{margin-top:12px;padding:18px 20px}
}

/* Keep native Woo disabled/checkout buttons readable in the shared design. */
body.uffes-wp .woocommerce :is(a.button.alt,a.button.alt:hover,button.button:disabled,button.button:disabled[disabled]){background:var(--ink);color:var(--paper);padding:14px 23px}
.uffes-site-footer button.csconsentlink{font:inherit;color:inherit;background:transparent;border:0;padding:0;cursor:pointer;text-align:left}
/* The existing consent dialog must remain operable above fixed site notices. */
body.uffes-wp #cookiescript_injected_fsd{z-index:1000000!important}

/* The same compact blocks within long editorial copy; no page-specific layout. */
.entry-content .home-selection.editorial-products{max-width:100%;min-width:0;margin:24px 0;padding:20px 0;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}
.entry-content .home-selection.editorial-products>h2{font-size:30px;line-height:1.2;margin:0 0 14px;padding:0;border:0}
.entry-content .home-selection.editorial-products .home-selection__group{min-width:0}
.entry-content .home-selection.editorial-products .home-selection__group>p:empty{display:none}
.entry-content .reviews{max-width:100%;min-width:0;margin:24px 0;padding:20px 0}
.entry-content .reviews__heading h2{font-size:12px;margin:0 0 10px;padding:0;border:0}
.entry-content .reviews blockquote{margin:10px 0 0;padding:0;border:0}
.entry-content .reviews .review-card p{margin:0}
.entry-content :is(.home-selection.editorial-products,.reviews)+:is(h2,h3,h4){margin-top:24px}
@container (max-width:900px){.editorial-products .reviews-carousel--products ul.products.reviews-carousel__track{grid-auto-columns:calc((100cqw - 26px)/2)}}
@media(max-width:700px){
 .entry-content .home-selection.editorial-products,.entry-content .reviews{margin:18px 0;padding:16px 0}
 .entry-content .home-selection.editorial-products>h2{font-size:27px;margin-bottom:12px}
 .editorial-products .reviews-carousel--products ul.products.reviews-carousel__track{grid-auto-columns:calc((100cqw - 12px)/2)}
 .entry-content .reviews .reviews__track{grid-auto-columns:min(280px,calc(100vw - 40px))}
}

/* Existing Woo widgets and search, compact across native catalogue views. */
.catalog-filters{display:flex;flex-wrap:wrap;align-items:start;gap:16px 24px;max-width:none;padding:12px 0}
.catalog-filters>.widget{flex:1 1 200px;max-width:320px;margin:0}
.catalog-filters .widget h3{font-size:20px;margin:0 0 12px}
.catalog-filters select{width:100%;padding:10px;border:1px solid var(--hair);border-radius:var(--radius);background:var(--paper-hi)}
.catalog-filters .woocommerce-widget-layered-nav-dropdown__submit{margin-top:10px;padding:10px 18px;border:1px solid var(--hair);border-radius:var(--radius);background:var(--ink);color:var(--paper);font:inherit;cursor:pointer}
.uffes-header-search .dgwt-wcas-search-wrapp{min-width:0;max-width:none;width:100%}
.uffes-header-search .dgwt-wcas-sf-wrapp{padding:0;background:transparent}
.uffes-header-search .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input{border-radius:var(--radius);border:1px solid var(--hair);background:var(--paper-hi)}
@media(max-width:700px){
 .single-product .breadcrumbs{margin-bottom:12px}
 .woocommerce div.product div.images{min-height:240px}
 .woocommerce div.product div.images:has(.woocommerce-product-gallery__image:nth-child(2)){min-height:300px}
 .woocommerce div.product div.images img{height:240px}
 .woocommerce div.product div.images .flex-control-thumbs img{height:60px}
 .woocommerce div.product div.summary{margin:18px 0}
 .woocommerce div.product .product_title{font-size:28px;line-height:1.18;margin-bottom:12px}
 .woocommerce div.product form.cart{margin-bottom:16px}
 .catalog-filters{gap:18px}.catalog-filters>.widget{flex:1 1 100%;width:100%;max-width:none}
}

/* Give CookieScript's two first-layer choices equal prominence. */
#cookiescript_injected #cookiescript_buttons{display:flex;flex-wrap:wrap;gap:.35rem}
#cookiescript_injected #cookiescript_buttons :is(#cookiescript_accept,.uffes-cookie-nej){box-sizing:border-box;flex:1 1 auto;margin:0;padding:.65em 1em;border:1px solid currentColor;border-radius:4px;background:#fff;color:#191919;cursor:pointer;font-family:inherit;font-weight:600;font-size:13px;line-height:1.3;text-align:center;text-transform:uppercase}
#cookiescript_injected #cookiescript_buttons .uffes-cookie-nej{font-family:inherit;font-weight:600;font-size:13px;line-height:1.3}
#cookiescript_injected #cookiescript_buttons :focus-visible{outline:2px solid currentColor;outline-offset:2px}