/** Shopify CDN: Minification failed

Line 56:2 Unexpected "1."

**/
/* ============================================================
   HAIRQUEEN — custom fonts voor Shopify
   ------------------------------------------------------------
   1. Upload de 7 .woff2-bestanden uit assets/fonts/ via
      Shopify admin -> Content -> Files
   2. Vervang hieronder elke VERVANG_URL_... door de URL die je
      met "Copy link" bij het juiste bestand kopieert
   3. Voeg in layout/theme.liquid vlak voor </head> toe:
      {{ 'custom-fonts.css' | asset_url | stylesheet_tag }}
   ============================================================ */
 
/* ---------- GYST — titels, koppen, quotes ---------- */
@font-face{
  font-family:"Gyst";
  src:url("/cdn/shop/files/Gyst-Regular.woff2?v=1788868583") format("woff2");
  font-weight:400; font-style:normal; font-display:swap;
}
@font-face{
  font-family:"Gyst";
  src:url("/cdn/shop/files/Gyst-Medium.woff2?v=1788868583") format("woff2");
  font-weight:500; font-style:normal; font-display:swap;
}
@font-face{
  font-family:"Gyst";
  src:url("/cdn/shop/files/Gyst-Bold.woff2?v=1788868583") format("woff2");
  font-weight:700; font-style:normal; font-display:swap;
}
 
/* ---------- ALMAROSE — bodytekst, knoppen, navigatie ---------- */
@font-face{
  font-family:"Almarose";
  src:url("/cdn/shop/files/Almarose-Light.woff2?v=1788868582") format("woff2");
  font-weight:300; font-style:normal; font-display:swap;
}
@font-face{
  font-family:"Almarose";
  src:url("/cdn/shop/files/Almarose-Regular.woff2?v=1788868582") format("woff2");
  font-weight:400; font-style:normal; font-display:swap;
}
@font-face{
  font-family:"Almarose";
  src:url("/cdn/shop/files/Almarose-Medium.woff2?v=1788868582") format("woff2");
  font-weight:500; font-style:normal; font-display:swap;
}
@font-face{
  font-family:"Almarose";
  src:url("/cdn/shop/files/Almarose-Semibold.woff2?v=1788868583") format("woff2");
  font-weight:600; font-style:normal; font-display:swap;
}
 
  1. DE VARIABELEN VAN HORIZON OVERSCHRIJVEN
   :root:root is expres dubbel: dat maakt de regel specifieker
   dan de :root-regel die het thema zelf in theme.liquid zet,
   zodat de volgorde van laden niet meer uitmaakt.
   ============================================================ */
:root:root{
  /* Koppen — Gyst */
  --font-h1--family:"Gyst",Georgia,serif;
  --font-h2--family:"Gyst",Georgia,serif;
  --font-h3--family:"Gyst",Georgia,serif;
  --font-h4--family:"Gyst",Georgia,serif;
  --font-h5--family:"Gyst",Georgia,serif;
  --font-h6--family:"Gyst",Georgia,serif;

  --font-h1--style:normal;
  --font-h2--style:normal;
  --font-h3--style:normal;
  --font-h4--style:normal;
  --font-h5--style:normal;
  --font-h6--style:normal;

  --font-h1--weight:500;
  --font-h2--weight:500;
  --font-h3--weight:500;
  --font-h4--weight:500;
  --font-h5--weight:500;
  --font-h6--weight:500;

  /* Bodytekst — Almarose */
  --font-paragraph--family:"Almarose",system-ui,sans-serif;
  --font-paragraph--style:normal;
  --font-paragraph--weight:400;

  /* Knoppen — Almarose */
  --button-font-family-primary:"Almarose",system-ui,sans-serif;
  --button-font-family-secondary:"Almarose",system-ui,sans-serif;

  /* Extra namen die sommige Shopify-thema's gebruiken.
     Schaden niet als ze in Horizon niet bestaan. */
  --font-body--family:"Almarose",system-ui,sans-serif;
  --font-subheading--family:"Almarose",system-ui,sans-serif;
  --font-accent--family:"Gyst",Georgia,serif;
  --font-heading-family:"Gyst",Georgia,serif;
  --font-body-family:"Almarose",system-ui,sans-serif;
}

/* ============================================================
   2. VANGNET
   Voor onderdelen die het thema hardcoded zet (menu, knoppen,
   formulieren). Alleen hier gebruiken we !important.
   ============================================================ */
body,
input,textarea,select,button,label,
.rte,.paragraph{
  font-family:"Almarose",system-ui,sans-serif;
}

h1,h2,h3,h4,h5,h6,
.h0,.h1,.h2,.h3,.h4,.h5,.h6{
  font-family:"Gyst",Georgia,serif !important;
}

/* Knoppen en navigatie: Almarose met wat letterruimte */
.button,.btn,
.header__menu-item,.menu-list__link,.header-menu a{
  font-family:"Almarose",system-ui,sans-serif !important;
  font-weight:600;
  letter-spacing:.04em;
}

/* Pill-knoppen, zoals in de branding */
.button,.btn,.shopify-payment-button__button{
  border-radius:999px !important;
}

/* Bovenschriftjes (eyebrow) — voeg de class 'eyebrow' toe aan
   een tekstblok waar je zo'n regel wil */
.eyebrow{
  font-family:"Almarose",system-ui,sans-serif !important;
  font-weight:600;
  font-size:.72rem;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:#b32f7c;
}