/** Shopify CDN: Minification failed

Line 23:0 All "@import" rules must come first

**/
/* =========================================================
   MELORA LUXURY ESSENTIALS — Huisstijl CSS voor Shopify Horizon
   Fase 1: kleuren + lettertypes
   ========================================================= */

:root{
  --melora-gold:#A07840;
  --melora-gold-light:#C19A4E;
  --melora-dark:#1A1714;
  --melora-dark2:#2C2825;
  --melora-cream:#F8F5F0;
  --melora-cream2:#F0EBE3;
  --melora-mid:#6B6560;
  --melora-white:#FDFCFB;
}

/* Lettertypes laden (Cormorant Garamond voor titels, Jost voor tekst) */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400&family=Jost:wght@200;300;400;500&display=swap');

/* Helper-classes die je in elke sectie kunt gebruiken */
.melora-font-serif{
  font-family:'Cormorant Garamond', serif;
  font-weight:300;
}
.melora-font-sans{
  font-family:'Jost', sans-serif;
  font-weight:300;
}
.melora-eyebrow{
  font-family:'Jost', sans-serif;
  font-size:.6rem;
  font-weight:400;
  letter-spacing:.35em;
  text-transform:uppercase;
  color:var(--melora-gold);
  display:block;
  margin-bottom:1rem;
}
.melora-gold-divider{
  width:40px;
  height:1px;
  background:var(--melora-gold);
  margin:0 auto;
}
.melora-btn-primary{
  font-family:'Jost', sans-serif;
  font-size:.65rem;
  font-weight:500;
  letter-spacing:.18em;
  text-transform:uppercase;
  background:var(--melora-gold);
  color:var(--melora-dark);
  padding:.78rem 2rem;
  border:none;
  cursor:pointer;
  text-decoration:none;
  display:inline-block;
  transition:background .25s;
}
.melora-btn-primary:hover{ background:var(--melora-gold-light); }
.melora-btn-ghost{
  font-family:'Jost', sans-serif;
  font-size:.65rem;
  font-weight:400;
  letter-spacing:.18em;
  text-transform:uppercase;
  background:transparent;
  color:var(--melora-white);
  padding:.78rem 2rem;
  border:1px solid rgba(253,252,251,.35);
  cursor:pointer;
  text-decoration:none;
  display:inline-block;
  transition:all .25s;
}
.melora-btn-ghost:hover{
  border-color:var(--melora-gold-light);
  color:var(--melora-gold-light);
}