/** Shopify CDN: Minification failed

Line 126:0 Expected "}" to go with "{"

**/

:root{
  --zofa-ivory:#F8F5F0;
  --zofa-gold:#D4AF37;
  --zofa-text:#1A1A1A;
}
/* Header tweaks */
.header{ background: var(--zofa-ivory); }
.header__menu-item{ letter-spacing:.02em; }
.header__heading-logo{ filter: drop-shadow(0 0 0 rgba(0,0,0,0)); }

/* Buttons */
.button--zofa{
  background:transparant;
  border:1px solid #1A1A1A;
  color:#1A1A1A;
  padding:.9rem 1.4rem;
  border-radius:10px;
  font-weight: 500;
  letter-spacing: 0.5px;
  transition: all .25s ease;
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.8);
}
.button--zofa:hover{
  background: rgba(255, 255, 255, 0.08);
  box-shadow: 0px 5px 8px rgba(255, 255, 255, 0.4);
  transform: translateY(-1px);
}

/* Gold text utility */
.zofa-gold{ color: var(--zofa-gold); }

/* Hero text overlay */
.zofa-hero__inner{
  position:absolute; inset:0; display:flex; align-items:center; justify-content:center; text-align:center; padding:2rem;
}
.zofa-hero__title{
  font-size: clamp(28px,4vw,44px);
  font-weight:600;
  color:#fff;
  text-shadow: 0 2px 16px rgba(0,0,0,.25);
}
.zofa-hero__cta{ margin-top:1rem; }

/* ZOFA – Over ons teaser: mobiele optimalisatie zonder stapelen */
@media screen and (max-width: 768px) {
  .zofa-about-teaser {
    /* twee kolommen naast elkaar op mobiel */
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 24px 12px !important;
  }

  /* linkerkolom = tekst */
  .zofa-about-teaser > div:first-child {
    text-align: left !important;
    justify-self: start !important;
  }

  /* rechterkolom = logo/beeld */
  .zofa-about-teaser > div[style*="justify-self:center"] {
    justify-self: end !important; /* rechts uitlijnen */
  }

  /* typografie kleiner op mobiel */
  .zofa-about-teaser h2 {
    font-size: 1.9rem !important;   /* ~19px */
    line-height: 1.2 !important;
    margin: 0 !important;
  }

  .zofa-about-teaser p {
    font-size: 1.1rem !important;   /* ~14–15px */
    line-height: 1.5 !important;
    margin-top: 8px !important;
  }

  /* knop iets compacter */
  .zofa-about-teaser .button--zofa {
    font-size: 0.90rem !important;
    padding: 8px 14px !important;
  }

  /* logo/beeld kleiner houden op mobiel */
  .zofa-about-teaser img {
    max-width: 180px !important;
    height: auto !important;
    display: block !important;
  }

  /* Mobiele optimalisatie voor Over ZOFA (volledige versie) */
@media screen and (max-width: 768px) {
  section.page-width {
    padding: 40px 20px !important; /* meer ruimte boven/onder + zijkanten */
  }

  section.page-width h1 {
    font-size: 1.6rem !important;
    margin-bottom: 10px !important;
  }

  section.page-width p {
    font-size: 0.95rem !important;
    line-height: 1.6 !important;
    text-align: justify !important;
  }

  section.page-width h3 {
    font-size: 1.1rem !important;
    margin-top: 18px !important;
  }

  section.page-width div[style*="display:grid"] {
    gap: 12px !important;
  }
}