/** Shopify CDN: Minification failed

Line 92:0 Unexpected "}"
Line 290:0 Expected "}" to go with "{"

**/
/* =======================
   Mevaru Custom Styles
   ======================= */

/* === Hero banner desktop kleiner maken === */
.hero, 
.banner, 
.image-banner, 
.slideshow, 
.hero__media, 
.banner__media {
  max-height: 60vh !important;   /* 60% van schermhoogte */
  min-height: 0 !important;
  overflow: hidden;
  position: relative;
}

/* Hero afbeelding/video vult netjes in */
.hero img, 
.banner img, 
.slideshow img,
.hero video, 
.banner video {
  height: 100% !important;
  width: 100% !important;
  object-fit: cover;  /* snijdt netjes af i.p.v. uitrekken */
  display: block;
}

/* === Hero tekst centreren en beter leesbaar === */
.hero__heading, 
.banner__heading {
  font-size: 2.8rem !important;
  font-weight: 700;
  color: #fff;   /* witte tekst */
  text-shadow: 0 2px 6px rgba(0,0,0,0.5); /* voor contrast */
}

.hero__subheading, 
.banner__subheading {
  font-size: 1.3rem !important;
  color: #f5f5f5;
  text-shadow: 0 1px 4px rgba(0,0,0,0.4);
}

/* === Mobile view: hero automatisch kleiner === */
@media (max-width: 767px) {
  .hero, 
  .banner, 
  .slideshow, 
  .hero__media, 
  .banner__media {
    max-height: 45vh !important;
    min-height: auto !important;
  }

  .hero__heading, 
  .banner__heading {
    font-size: 1.8rem !important;
  }

  .hero__subheading, 
  .banner__subheading {
    font-size: 1rem !important;
  }
}
/* ===== Mevaru Hero Styling zonder theme code te wijzigen ===== */

/* Desktop hero kleiner maken */
/* Container niet beperken */
#shopify-section-template--26584761893212__hero_mobile_z6z6bx {
  max-height: none !important;
  height: auto !important;
  overflow: visible !important;
}


#shopify-section-template--26584761893212__hero_mobile_z6z6bx img {
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important; /* hele afbeelding, niet afsnijden */
  display: block;
  margin: 0 auto;
}

}

}

/* Sommige themes zetten min-height forcerend, dit haalt dat weg */
+
}

/* Mobiel: hero mag gewoon automatisch de hoogte bepalen */
@media (max-width: 767px) {
  #shopify-section-template--26584761893212__hero_mobile_z6z6bx {
    max-height: none !important;
    height: auto !important;
 max-height: 70vh !important;   /* of 60vh/55vh naar smaak */
width: auto !important;         /* behoud verhoudingen */
/* === Hero afbeelding volledig zichtbaar maken === */
#shopify-section-template--26584761893212__hero_mobile_z6z6bx {
  max-height: none !important;   /* geen vaste hoogte */
  overflow: visible !important;  /* laat volledige afbeelding zien */
}

#shopify-section-template--26584761893212__hero_mobile_z6z6bx img {
  width: 100% !important;        /* breedte vullen */
  height: auto !important;       /* hoogte automatisch */
  object-fit: contain !important; /* volledige afbeelding tonen, niet afsnijden */
  display: block !important;
  margin: 0 auto;                /* centreren */
}/* === Verberg de Slideshow sectie op mobiel === */
@media (max-width: 767px) {
  #shopify-section-template--26584761893212__slideshow_DppPYd {
    display: none !important;
  }
/* --- Verberg de Slideshow op MOBIEL --- */
@media (max-width: 767px) {
  #shopify-section-template--26584761893212__slideshow_DppPYd {
    display: none !important;
  }
}

/* --- Verberg de Mobile-Hero op DESKTOP (optioneel als je dat nog niet hebt) --- */
@media (min-width: 768px) {
  #shopify-section-template--26584761893212__hero_mobile_z6z6bx {
    display: none !important;
  }
}
/* === MEVARU: 100K/Miljoenen Mindset - Hero Optimalisatie === */

/* 🔹 1. Verberg ALLE slideshow-secties op mobiel */
@media (max-width: 767px) {
  [id*="__slideshow_"],
  .slideshow,
  section.slideshow,
  .shopify-section--slideshow {
    display: none !important;
  }
}

/* 🔹 2. Verberg de mobiele hero op desktop */
@media (min-width: 768px) {
  [id*="__hero_mobile_"],
  .hero-met-mobile-image {
    display: none !important;
  }
}
/* === FORCE: verberg ALLE slideshows op mobiel/tablet smal === */
@media (max-width: 990px) {
  /* Secties met slideshow in de ID */
  .shopify-section[id*="__slideshow_"],
  section[id*="__slideshow_"],
  /* Veelvoorkomende slideshow hooks */
  [data-section-type*="slideshow"],
  .shopify-section--slideshow,
  .section--slideshow,
  .slideshow,
  .slideshow-section,
  .slideshow__slide,
  .slideshow-component {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }
}

/* Optioneel: zorg dat je mobiele hero juist WÉL zichtbaar is op mobiel */
@media (max-width: 990px) {
  [id*="__hero_mobile_"],
  .hero-met-mobile-image {
    display: block !important;
    visibility: visible !important;
  }
}

/* Optioneel: verberg de mobiele hero op desktop */
@media (min-width: 991px) {
  [id*="__hero_mobile_"],
  .hero-met-mobile-image {
    display: none !important;
  }
}
/* === FINAL KILL SWITCH: verberg alle slideshows op small screens === */
@media (max-width: 1024px) {
  /* Pak élke variant van een slideshow sectie/element */
  [id^="shopify-section-"][id*="__slideshow_"],
  section[id*="__slideshow_"],
  .shopify-section--slideshow,
  .section--slideshow,
  .slideshow,
  .slideshow-section,
  .slideshow-component,
  [data-section-type="slideshow"],
  [data-section-type*="slideshow"] {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }
}

/* Zorg dat je mobiele hero wél zichtbaar blijft op mobiel */
@media (max-width: 1024px) {
  [id*="__hero_mobile_"],
  .hero-met-mobile-image {
    display: block !important;
    visibility: visible !important;
  }
}

/* Verberg de mobiele hero op desktop */
@media (min-width: 1025px) {
  [id*="__hero_mobile_"],
  .hero-met-mobile-image {
    display: none !important;
  }
/* VERBERG álle slideshows op smalle schermen */
@media (max-width: 1024px) {
  .shopify-section[id*="__slideshow_"],
  section[id*="__slideshow_"],
  .shopify-section--slideshow,
  .section--slideshow,
  .slideshow,
  .slideshow-component {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }
}

/* ZORG dat mobile-hero zichtbaar is op mobiel */
@media (max-width: 1024px) {
  .shopify-section[id*="__hero_mobile_"],
  .hero-met-mobile-image {
    display: block !important;
    height: auto !important;
    overflow: visible !important;
  }
}

/* Verberg mobile-hero op desktop */
@media (min-width: 1025px) {
  .shopify-section[id*="__hero_mobile_"],
  .hero-met-mobile-image {
    display: none !important;
  }
}/* === Mobile hero zichtbaar + hoogte forceren (max 1024px) === */
@media (max-width: 1024px) {
  /* Geef de hero-sectie hoogte */
  .shopify-section[id*="__hero_mobile_"] .banner,
  .shopify-section[id*="__hero_mobile_"] .banner__media {
    min-height: 45vh !important;   /* desnoods 40vh/50vh proberen */
    height: auto !important;
  }

  /* Laat de afbeelding netjes tonen */
  .shopify-section[id*="__hero_mobile_"] .banner__media img,
  .shopify-section[id*="__hero_mobile_"] picture img {
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;  /* hele afbeelding zichtbaar */
    display: block !important;
  }

  /* Zorg dat de hele sectie ook echt rendeert */
  .shopify-section[id*="__hero_mobile_"],
  .hero-met-mobile-image {
    display: block !important;
    overflow: visible !important;
  }
}