/* FVWL — homepage op mobiel, rustiger (14 nov 2026). Alleen onder 768 px; desktop blijft zoals hij is.
   Alleen geladen als de instelling aan staat (optie fvwl_hero_m, of ?fvwl_hero_m=1), na hero.css en home-secties.css.
   Eigen bestand met een nieuw pad: de cache vóór de site bewaart stijlbestanden zonder naar ?ver te kijken.

   Hero: de foto (uitsnede 2293 × 2757, hoogte = 120,25 % van de breedte) staat bovenaan, met de kaarsen; onderaan loopt ze
   met een zacht verloop over in het donkere vlak waar de tekst staat. Geen tekst over het etiket van de kaars.
   De hoogte van de foto is nooit meer dan haar eigen verhouding en laat onderaan altijd 128 px vrij voor de tekst. */
.fvwl-hero__tap{ display:none; }
.fvwl-hs-trust__dup{ display:none !important; }

@media (max-width:767px){
  .fvwl-hero.fvwl-hero--m{ height:min(85vh, calc(120.25vw + 150px)); height:min(85svh, calc(120.25vw + 150px)); min-height:520px; background:#17130f; }
  .fvwl-hero.fvwl-hero--m picture{ bottom:auto; height:min(120.25vw, calc(100% - 128px)); }
  .fvwl-hero.fvwl-hero--m .fvwl-hero__img{ object-fit:cover; object-position:50% 0; }
  .fvwl-hero.fvwl-hero--m .fvwl-hero__shade{ background:linear-gradient(180deg, rgba(23,19,15,0) calc(min(120.25vw, 100% - 128px) - 96px), rgba(23,19,15,.6) calc(min(120.25vw, 100% - 128px) - 40px), #17130f min(120.25vw, calc(100% - 128px))); }
  .fvwl-hero.fvwl-hero--m .fvwl-hero__inner{ left:20px; right:20px; bottom:30px; z-index:1; }

  /* kleine regel: alleen de H1, op één regel; “Eindejaar” vervalt */
  .fvwl-hero.fvwl-hero--m .fvwl-hero__kicker{ flex-direction:row; flex-wrap:nowrap; gap:0; margin-bottom:9px; }
  .fvwl-hero.fvwl-hero--m .fvwl-hero__kicker .fvwl-hero__eyebrow{ display:none !important; }
  .fvwl-hero.fvwl-hero--m .fvwl-hero__kicker .fvwl-hero__h1{ font-size:10px !important; letter-spacing:.28em !important; white-space:nowrap; }
  /* titel iets kleiner, de zin weg */
  .fvwl-hero.fvwl-hero--m .fvwl-hero__title{ font-size:36px; line-height:1.05; margin-bottom:16px; }
  .fvwl-hero.fvwl-hero--m .fvwl-hero__text{ display:none; }

  /* één slanke knop: tekst met een dunne lijn en een pijltje */
  .fvwl-hero.fvwl-hero--m .fvwl-hero__btns{ display:block; }
  .fvwl-hero.fvwl-hero--m-gifts .fvwl-hero__btn:not(.fvwl-hero__btn--2),
  .fvwl-hero.fvwl-hero--m-main .fvwl-hero__btn--2{ display:none; }
  .fvwl-hero.fvwl-hero--m .fvwl-hero__btn{ display:inline-block; padding:4px 0 7px; border:0; border-bottom:1px solid rgba(204,165,105,.75); background:none; color:#CCA569 !important; font-size:11px; letter-spacing:.22em; line-height:1.4; }
  .fvwl-hero.fvwl-hero--m .fvwl-hero__btn::after{ content:"\2192"; display:inline-block; margin-left:10px; letter-spacing:0; font-size:13px; line-height:1; }
  .fvwl-hero.fvwl-hero--m .fvwl-hero__btn:hover, .fvwl-hero.fvwl-hero--m .fvwl-hero__btn:focus-visible{ background:none; color:#e6c995 !important; border-color:#e6c995; }

  /* de hele hero is aantikbaar (zelfde bestemming als de knop) */
  .fvwl-hero.fvwl-hero--m .fvwl-hero__tap{ display:block; position:absolute; inset:0; z-index:2; -webkit-tap-highlight-color:transparent; }

  /* vertrouwensbalk: één regel die zacht doorschuift (de troeven staan er twee keer, zodat de lus naadloos is) */
  .fvwl-hs-trust.fvwl-hs-trust--run{ overflow:hidden; }
  .fvwl-hs-trust.fvwl-hs-trust--run ul{ display:flex; flex-wrap:nowrap; justify-content:flex-start; gap:0; width:max-content; max-width:none; margin:0; padding:0 !important; animation:fvwl-trust-run 38s linear infinite; }
  .fvwl-hs-trust.fvwl-hs-trust--run li{ flex:0 0 auto; padding:12px 20px 10px; gap:9px; white-space:nowrap; font-size:10px; letter-spacing:.1em; }
  .fvwl-hs-trust.fvwl-hs-trust--run li.fvwl-hs-trust__dup{ display:flex !important; }
}
@keyframes fvwl-trust-run{ from{ transform:translateX(0); } to{ transform:translateX(-50%); } }
@media (max-width:767px) and (prefers-reduced-motion:reduce){
  /* wie beweging uitzet: de regel staat stil en is met de vinger te verschuiven */
  .fvwl-hs-trust.fvwl-hs-trust--run{ overflow-x:auto; -webkit-overflow-scrolling:touch; scrollbar-width:none; }
  .fvwl-hs-trust.fvwl-hs-trust--run::-webkit-scrollbar{ display:none; }
  .fvwl-hs-trust.fvwl-hs-trust--run ul{ animation:none; }
  .fvwl-hs-trust.fvwl-hs-trust--run li.fvwl-hs-trust__dup{ display:none !important; }
}