/* =====================================================================
   FVWL — de nieuwe homepage (inc/home-secties.php, 13 nov 2026)
   Alle blokken onder de hero. Variabelen uit het designsysteem (fvwl-design.css); goud alleen als lijn en icoon.
   Eigen bestand met een nieuw pad: de cache vóór de site bewaart stijlbestanden zonder naar ?ver te kijken.
   ===================================================================== */
.fvwl-home2{ background:var(--fvwl-white,#fff); }
body.fvwl-home2-on #main-content{ display:none; } /* de Divi-inhoud wordt niet meer getekend; de lege houder ook niet */

/* ---------- hero: tweede knop ---------- */
.fvwl-hero__btns{ display:flex; flex-wrap:wrap; gap:14px 16px; }
.fvwl-hero__btn--2{ border-color:rgba(204,165,105,.55); }
body.fvwl-home2-on .fvwl-hero__inner{ max-width:760px; } /* “Een gouden hart” / “Ein goldenes Herz” op één regel */

/* ---------- gedeeld ---------- */
.fvwl-hs{ padding:88px 0; font-family:var(--fvwl-sans,"Josefin Sans",sans-serif); color:var(--fvwl-anthracite,#3A3A3A); }
.fvwl-hs__in{ max-width:var(--fvwl-container,1320px); margin:0 auto; padding:0 var(--fvwl-gutter,32px); }
.fvwl-hs__head{ text-align:center; margin:0 0 44px; }
.fvwl-hs .fvwl-hs__eye{ margin:0 0 14px; padding:0; font-size:11px; font-weight:400; letter-spacing:.3em; text-transform:uppercase; color:var(--fvwl-muted,#6B6761); line-height:1.4; }
.fvwl-hs .fvwl-hs__title{ margin:0; padding:0; font-family:var(--fvwl-serif,"Cormorant Garamond",Georgia,serif); font-weight:400; font-size:clamp(30px,3.1vw,44px); line-height:1.1; letter-spacing:.005em; color:var(--fvwl-ink,#1F1F1F); text-transform:none; }
.fvwl-hs ul{ list-style:none !important; margin:0; padding:0 !important; }
.fvwl-hs a{ color:inherit; text-decoration:none; }
.fvwl-hs img{ display:block; width:100%; height:100%; max-width:none; object-fit:cover; }
.fvwl-hs__row{ display:grid; gap:20px; }
.fvwl-hs__row--4{ grid-template-columns:repeat(4,minmax(0,1fr)); }
.fvwl-hs__row--3{ grid-template-columns:repeat(3,minmax(0,1fr)); }
.fvwl-hs__row--2{ grid-template-columns:repeat(2,minmax(0,1fr)); }
.fvwl-hs__row--2 .fvwl-hs-tile__img{ aspect-ratio:4/3; } /* twee brede tegels (Voor het hele huis) */
.fvwl-hs__link, .fvwl-hs-tile__go{ display:inline-block; font-size:11.5px; font-weight:400; letter-spacing:.2em; text-transform:uppercase; padding-bottom:6px; border-bottom:1px solid var(--fvwl-gold,#CCA569); line-height:1.3; }
.fvwl-hs__link{ color:var(--fvwl-ink,#1F1F1F) !important; transition:border-color .25s; }
.fvwl-hs__link:hover, .fvwl-hs__link:focus-visible{ border-bottom-color:var(--fvwl-ink,#1F1F1F); }
.fvwl-hs__more{ margin:36px 0 0; padding:0; text-align:center; }

/* ---------- 2. vertrouwensbalk ---------- */
.fvwl-hs-trust{ background:var(--fvwl-paper,#FAF8F4); border-bottom:1px solid var(--fvwl-line,#E5E2DC); font-family:var(--fvwl-sans,"Josefin Sans",sans-serif); }
.fvwl-hs-trust ul{ list-style:none !important; margin:0 auto; padding:0 var(--fvwl-gutter,32px) !important; max-width:var(--fvwl-container,1320px); display:flex; justify-content:center; flex-wrap:wrap; gap:6px 52px; }
.fvwl-hs-trust li{ display:flex; align-items:center; gap:12px; padding:17px 0 15px; font-size:11.5px; font-weight:400; letter-spacing:.16em; text-transform:uppercase; color:var(--fvwl-anthracite,#3A3A3A); line-height:1.4; }
.fvwl-hs-trust__ico{ flex:0 0 24px; color:var(--fvwl-gold,#CCA569); margin-top:-2px; }

/* ---------- tegels ---------- */
.fvwl-hs-tile a{ display:block; position:relative; }
.fvwl-hs-tile__img{ display:block; aspect-ratio:4/5; overflow:hidden; background:var(--fvwl-stone,#F2F0EC); }
.fvwl-hs-tile__img img{ transition:transform .7s ease; }
.fvwl-hs-tile a:hover .fvwl-hs-tile__img img, .fvwl-hs-tile a:focus-visible .fvwl-hs-tile__img img{ transform:scale(1.035); }
.fvwl-hs-tile__name{ display:block; font-family:var(--fvwl-serif,"Cormorant Garamond",Georgia,serif); font-weight:400; font-size:clamp(24px,2.1vw,30px); line-height:1.15; letter-spacing:.005em; }
/* tegel met de tekst eronder (cadeaugids) */
.fvwl-hs-tile--plain .fvwl-hs-tile__body{ display:flex; align-items:baseline; justify-content:space-between; gap:12px; padding:18px 2px 0; }
.fvwl-hs-tile--plain .fvwl-hs-tile__name{ color:var(--fvwl-ink,#1F1F1F); }
.fvwl-hs-tile--plain .fvwl-hs-tile__go{ color:var(--fvwl-anthracite,#3A3A3A); white-space:nowrap; }
/* tegel met de tekst over het beeld (stijlen, voor het hele huis) */
.fvwl-hs-tile--over .fvwl-hs-tile__img::after{ content:""; position:absolute; inset:0; background:linear-gradient(to top, rgba(22,18,15,.78) 0%, rgba(22,18,15,.28) 42%, rgba(22,18,15,0) 68%); pointer-events:none; }
.fvwl-hs-tile--over .fvwl-hs-tile__img{ position:relative; }
.fvwl-hs-tile--over .fvwl-hs-tile__body{ position:absolute; left:24px; right:24px; bottom:24px; color:#fff; }
.fvwl-hs-tile--over .fvwl-hs-tile__name{ color:#fff; font-size:clamp(26px,2.4vw,34px); }
.fvwl-hs-tile__line{ display:block; margin:10px 0 0; font-size:14.5px; font-weight:300; line-height:1.5; letter-spacing:.02em; color:rgba(255,255,255,.92); }
.fvwl-hs-tile--over .fvwl-hs-tile__go{ margin-top:18px; color:#fff; }

/* ---------- 3. cadeaugids ---------- */
.fvwl-hs--gifts{ padding-bottom:40px; }

/* ---------- 5. shop per stijl ---------- */
.fvwl-hs--styles{ padding-top:24px; }

/* ---------- 6. kies uw formaat ---------- */
.fvwl-hs--sizes{ background:var(--fvwl-paper,#FAF8F4); }
.fvwl-hs-sizes{ gap:3px; max-width:1180px; margin:0 auto !important; }
.fvwl-hs-size a{ display:block; text-align:center; }
.fvwl-hs-size__img{ display:block; aspect-ratio:4/5; overflow:hidden; background:var(--fvwl-stone,#F2F0EC); margin:0 0 24px; }
.fvwl-hs-size__name{ display:block; font-family:var(--fvwl-serif,"Cormorant Garamond",Georgia,serif); font-size:clamp(26px,2.3vw,32px); line-height:1.15; color:var(--fvwl-ink,#1F1F1F); }
.fvwl-hs-size__meta{ display:block; margin:8px 0 18px; font-size:14px; font-weight:300; letter-spacing:.06em; color:var(--fvwl-muted,#6B6761); }
.fvwl-hs-size .fvwl-hs-tile__go{ color:var(--fvwl-ink,#1F1F1F); }

/* ---------- 7. het vakmanschap · 10. het verhaal ---------- */
.fvwl-hs-split{ display:grid; grid-template-columns:minmax(0,5fr) minmax(0,6fr); gap:0 clamp(40px,6vw,96px); align-items:center; }
.fvwl-hs-split + .fvwl-hs-split{ margin-top:72px; }
.fvwl-hs-split__img{ aspect-ratio:4/5; overflow:hidden; background:var(--fvwl-stone,#F2F0EC); }
.fvwl-hs-split__txt{ max-width:520px; }
.fvwl-hs-split__txt .fvwl-hs__title{ margin:0 0 22px; }
.fvwl-hs-split__txt p{ margin:0 0 18px; padding:0; font-size:17px; font-weight:300; line-height:1.75; letter-spacing:.02em; color:var(--fvwl-anthracite,#3A3A3A); }
.fvwl-hs-split__txt p:last-child{ margin:28px 0 0; }
.fvwl-hs--story{ background:var(--fvwl-paper,#FAF8F4); }

/* ---------- 8. voor het hele huis ---------- */
.fvwl-hs--house{ padding-top:24px; }

/* ---------- 9. Instagram ---------- */
.fvwl-hs-insta{ display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:10px; }
.fvwl-hs-insta li{ aspect-ratio:1/1; overflow:hidden; background:var(--fvwl-stone,#F2F0EC); }
.fvwl-hs-insta a{ display:block; width:100%; height:100%; }
.fvwl-hs-insta img{ transition:transform .7s ease; }
.fvwl-hs-insta a:hover img{ transform:scale(1.04); }

/* ---------- 11. nieuwsbrief ---------- */
.fvwl-hs--news{ padding:72px 0; text-align:center; border-top:1px solid var(--fvwl-line,#E5E2DC); }
.fvwl-hs--news .fvwl-hs__head{ margin-bottom:14px; }
.fvwl-hs .fvwl-hs-news__why{ margin:0 auto 28px; padding:0; max-width:560px; font-family:var(--fvwl-serif,"Cormorant Garamond",Georgia,serif); font-style:italic; font-size:21px; line-height:1.45; color:var(--fvwl-anthracite,#3A3A3A); }
.fvwl-hs-news__form{ max-width:520px; margin:0 auto; }
.fvwl-hs-news__form:empty{ display:none; }
/* het formulier staat op de homepage in dit blok (home-secties.js verplaatst het); de kolom in de footer valt dan weg */
.fvwl-ft__news.is-moved{ display:none; }

/* ---------- 12. SEO-tekst ---------- */
.fvwl-hs--seo{ padding:64px 0 80px; border-top:1px solid var(--fvwl-line,#E5E2DC); }
.fvwl-hs--seo .fvwl-hs__in{ max-width:820px; text-align:center; }
.fvwl-hs .fvwl-hs-seo__title{ margin:0 0 18px; padding:0; font-family:var(--fvwl-serif,"Cormorant Garamond",Georgia,serif); font-weight:400; font-size:clamp(22px,2vw,26px); line-height:1.3; color:var(--fvwl-ink,#1F1F1F); text-transform:none; }
.fvwl-hs--seo p{ margin:0 0 10px; padding:0; font-size:15px; font-weight:300; line-height:1.75; letter-spacing:.02em; color:var(--fvwl-muted,#6B6761); }

/* ---------- tablet ---------- */
@media (max-width:1100px){
  .fvwl-hs{ padding:72px 0; }
  .fvwl-hs-tile--over .fvwl-hs-tile__body{ left:18px; right:18px; bottom:18px; }
  .fvwl-hs-tile__line{ font-size:13.5px; }
  .fvwl-hs-trust ul{ gap:0 30px; }
  .fvwl-hs-trust li{ font-size:10.5px; letter-spacing:.12em; }
}
/* ---------- mobiel: alles onder elkaar; cadeaugids, stijlen en formaten veegt u opzij ---------- */
@media (max-width:767px){
  .fvwl-hs{ padding:56px 0; }
  .fvwl-hs__in{ padding:0 20px; }
  .fvwl-hs__head{ margin-bottom:28px; }
  .fvwl-hs-trust ul{ display:grid; grid-template-columns:1fr 1fr; gap:0 14px; padding:8px 20px !important; }
  .fvwl-hs-trust li{ padding:9px 0 7px; gap:9px; font-size:10px; letter-spacing:.1em; }
  .fvwl-hs-trust__ico{ flex-basis:20px; width:20px; height:20px; }
  .fvwl-hs ul.fvwl-hs__swipe{ display:flex; gap:12px; overflow-x:auto; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch; margin:0 -20px !important; padding:0 20px 6px !important; scroll-padding-left:20px; scrollbar-width:none; }
  .fvwl-hs__swipe::-webkit-scrollbar{ display:none; }
  .fvwl-hs__swipe > li{ flex:0 0 72%; scroll-snap-align:start; }
  .fvwl-hs--gifts .fvwl-hs__swipe > li{ flex-basis:62%; }
  .fvwl-hs-sizes{ gap:3px; }
  .fvwl-hs-sizes > li{ flex-basis:68%; }
  .fvwl-hs__row--3:not(.fvwl-hs__swipe), .fvwl-hs__row--2{ grid-template-columns:1fr; gap:14px; }
  .fvwl-hs--house .fvwl-hs-tile__img{ aspect-ratio:5/4; }
  .fvwl-hs-tile--plain .fvwl-hs-tile__body{ padding-top:14px; }
  .fvwl-hs-split{ grid-template-columns:1fr; gap:28px 0; }
  .fvwl-hs-split + .fvwl-hs-split{ margin-top:52px; }
  .fvwl-hs-split__img{ aspect-ratio:5/4; }
  .fvwl-hs-split__txt p{ font-size:16px; }
  .fvwl-hs-insta{ grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; }
  .fvwl-hs--gifts{ padding-bottom:20px; }
  .fvwl-hs--styles, .fvwl-hs--house{ padding-top:16px; }
  .fvwl-hs--news{ padding:52px 0; }
  .fvwl-hs .fvwl-hs-news__why{ font-size:19px; }
  .fvwl-hero__btns{ gap:10px; }
}
@media (prefers-reduced-motion:reduce){
  .fvwl-hs img{ transition:none !important; }
}