/* =====================================================================
   FVWL — homepage onder de hero: tabbladen “Bestsellers / Nieuw” boven één rij producten
   Veel witruimte, dunne knoppen (designsysteem: fvwl-design.css).
   ===================================================================== */
.fvwl-htabs{ background:var(--fvwl-white); padding:88px 0 96px; }
.fvwl-htabs__in{ max-width:var(--fvwl-container); margin:0 auto; padding:0 var(--fvwl-gutter); }
.fvwl-htabs__tabs{ display:flex; justify-content:center; gap:44px; margin:0 0 48px; }
.fvwl-htabs__tab{ position:relative; margin:0; padding:0 0 10px; background:none; border:0; cursor:pointer; font-family:var(--fvwl-serif); font-weight:400; font-size:clamp(28px,3vw,40px); line-height:1.1; letter-spacing:.005em; color:var(--fvwl-muted); transition:color var(--fvwl-ease); }
.fvwl-htabs__tab::after{ content:""; position:absolute; left:0; right:100%; bottom:0; height:1px; background:var(--fvwl-gold); transition:right .3s ease; }
.fvwl-htabs__tab:hover{ color:var(--fvwl-ink); }
.fvwl-htabs__tab[aria-selected="true"]{ color:var(--fvwl-ink); }
.fvwl-htabs__tab[aria-selected="true"]::after{ right:0; }
.fvwl-htabs__panel[hidden]{ display:none; }
.fvwl-hrow{ position:relative; }
.fvwl-hrow__list{ list-style:none !important; margin:0 !important; padding:0 !important; display:grid; grid-auto-flow:column; grid-auto-columns:calc((100% - 72px) / 4); gap:24px; overflow-x:auto; overscroll-behavior-x:contain; scroll-snap-type:x mandatory; scrollbar-width:none; -webkit-overflow-scrolling:touch; }
.fvwl-hrow__list::-webkit-scrollbar{ display:none; }
.fvwl-hrow__list > li{ scroll-snap-align:start; min-width:0; }
.fvwl-hrow__nav{ position:absolute; top:calc((100% - 62px) / 2); transform:translateY(-50%); z-index:2; width:44px; height:44px; display:flex; align-items:center; justify-content:center; padding:0; background:var(--fvwl-white); color:var(--fvwl-anthracite); border:1px solid var(--fvwl-line); cursor:pointer; transition:border-color var(--fvwl-ease), opacity var(--fvwl-ease); }
.fvwl-hrow__nav:hover{ border-color:var(--fvwl-anthracite); }
.fvwl-hrow__nav--prev{ left:-22px; }
.fvwl-hrow__nav--next{ right:-22px; }
.fvwl-hrow__nav[disabled]{ opacity:0; pointer-events:none; }
.fvwl-htabs__more{ margin:44px 0 0 !important; padding:0 !important; text-align:center; }

/* productkaart (ook op de pagina's Bestsellers, stijlfamilies, cadeaus): naam in gewone schrijfwijze, prijs eronder */
.fvwl-htabs .fvwl-card a{ display:block; text-decoration:none; }
.fvwl-htabs .fvwl-card__img{ position:relative; display:block; aspect-ratio:4/5; overflow:hidden; background:var(--fvwl-stone); }
.fvwl-htabs .fvwl-card__img img{ position:absolute; inset:0; width:100% !important; height:100% !important; max-width:none !important; object-fit:cover; transition:transform .6s ease; }
.fvwl-htabs .fvwl-card a:hover .fvwl-card__img img{ transform:scale(1.03); }

/* de oude rij “Ontdek onze nieuwste kaarsen” (DiviFlash) op de homepage */
body.fvwl-home-tabs #main-content .et_pb_section:has(.difl_productcarousel, .df-product-outer-wrap, .difl_productgrid){ display:none !important; }

@media (max-width:1100px){
  .fvwl-hrow__list{ grid-auto-columns:calc((100% - 36px) / 3); gap:18px; }
}
@media (max-width:767px){
  .fvwl-htabs{ padding:56px 0 64px; }
  .fvwl-htabs__in{ padding:0; }
  .fvwl-htabs__tabs{ gap:30px; margin-bottom:30px; }
  .fvwl-hrow__list{ grid-auto-columns:44vw; gap:12px; padding:0 16px !important; scroll-padding-left:16px; }
  .fvwl-hrow__nav{ display:none; }
  .fvwl-htabs__more{ margin-top:32px !important; padding:0 16px !important; }
}
@media (prefers-reduced-motion:reduce){
  .fvwl-htabs__tab::after, .fvwl-htabs .fvwl-card__img img{ transition:none; }
}

/* kaarttekst (het stijlblad van de pagina's Bestsellers/stijlfamilies wordt op de homepage niet geladen) */
.fvwl-htabs .fvwl-card{ margin:0; padding:0; }
.fvwl-htabs .fvwl-card a, .fvwl-htabs .fvwl-card a:hover{ color:var(--fvwl-ink) !important; }
.fvwl-htabs .fvwl-card__name{ display:block; margin-top:14px; font-family:var(--fvwl-sans); font-weight:400; font-size:15px; letter-spacing:.02em; line-height:1.4; color:var(--fvwl-ink); }
.fvwl-htabs .fvwl-card__meta{ display:block; margin-top:4px; font-family:var(--fvwl-sans); font-weight:300; font-size:15px; letter-spacing:.02em; color:var(--fvwl-anthracite); }
.fvwl-htabs .fvwl-card__badge{ position:absolute; left:10px; top:10px; z-index:1; padding:5px 9px 3px; background:var(--fvwl-anthracite); color:#fff; font-family:var(--fvwl-sans); font-weight:400; font-size:10px; letter-spacing:.18em; text-transform:uppercase; line-height:1.2; }
@media (max-width:767px){
  .fvwl-htabs .fvwl-card__name, .fvwl-htabs .fvwl-card__meta{ font-size:14px; }
  .fvwl-htabs .fvwl-card__name{ margin-top:10px; }
}

/* =====================================================================
   Homepage onder de tabbladen, in het designsysteem (11 nov 2026).
   De inhoud blijft in Divi (Vicky bewerkt ze daar); hier alleen de vorm:
   - de twee blokken “tekst naast beeld” staan in het designsysteem (fvwl-design.css, gedeeld met Over ons, Contact, FAQ);
   - vier categorietegels (staand 4:5, titel en “Ontdek” onderaan op de foto).
   Selectors op inhoud (:has), niet op het volgnummer van een sectie: een sectie verplaatsen in Divi breekt niets.
   ===================================================================== */


/* ---------- Vier categorietegels ---------- */
body.fvwl-home-tabs #page-container #main-content .et_pb_section:has(.difl_advanced_blurb){ background:var(--fvwl-white) !important; padding:0 0 96px !important; margin:0 !important; }
body.fvwl-home-tabs #page-container #main-content .et_pb_section:has(.difl_advanced_blurb) > .et_pb_row{ display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; width:auto !important; max-width:var(--fvwl-container) !important; margin:0 auto !important; padding:0 var(--fvwl-gutter) !important; }
body.fvwl-home-tabs #page-container #main-content .et_pb_section:has(.difl_advanced_blurb) > .et_pb_row::after{ display:none !important; }
body.fvwl-home-tabs #page-container #main-content .et_pb_section:has(.difl_advanced_blurb) .et_pb_column{ float:none !important; width:auto !important; margin:0 !important; padding:0 !important; }
body.fvwl-home-tabs #page-container #main-content .et_pb_section:has(.difl_advanced_blurb) .difl_advanced_blurb{ position:relative; display:block; width:100% !important; height:auto !important; min-height:0 !important; aspect-ratio:4/5; margin:0 !important; padding:0 !important; border:0 !important; border-radius:0 !important; overflow:hidden; cursor:pointer;
  background-color:var(--fvwl-stone) !important; background-size:cover !important; background-position:50% 50% !important; background-repeat:no-repeat !important; background-blend-mode:normal !important; box-shadow:none !important; }
body.fvwl-home-tabs #page-container #main-content .et_pb_section:has(.difl_advanced_blurb) .difl_advanced_blurb::after{ content:""; position:absolute; inset:0; background:linear-gradient(to top, rgba(20,18,16,.66) 0%, rgba(20,18,16,.2) 40%, rgba(20,18,16,0) 62%); pointer-events:none; }
body.fvwl-home-tabs #page-container #main-content .et_pb_section:has(.difl_advanced_blurb) .difl_advanced_blurb > .et_pb_module_inner{ position:absolute !important; inset:0; z-index:1; display:flex; align-items:flex-end; margin:0 !important; padding:0 !important; }
body.fvwl-home-tabs #page-container #main-content .et_pb_section:has(.difl_advanced_blurb) .df_ab_blurb_container{ width:100%; margin:0 !important; padding:0 !important; background:none !important; border:0 !important; }
body.fvwl-home-tabs #page-container #main-content .et_pb_section:has(.difl_advanced_blurb) .df_ab_blurb_content_container{ display:block !important; margin:0 !important; padding:26px 26px 24px !important; text-align:left !important; background:none !important; }
body.fvwl-home-tabs #page-container #main-content .et_pb_section:has(.difl_advanced_blurb) .df_ab_blurb_image{ display:none !important; }
/* de titels zijn in hoofdletters getypt: hier in gewone schrijfwijze (eerste letter groot) */
body.fvwl-home-tabs #page-container #main-content .et_pb_section:has(.difl_advanced_blurb) .df_ab_blurb_title{ display:block; margin:0 !important; padding:0 !important; font-family:var(--fvwl-serif) !important; font-weight:400 !important; font-size:clamp(24px,2.3vw,32px) !important; line-height:1.1 !important; letter-spacing:.005em !important; text-transform:lowercase !important; color:#fff !important; text-align:left !important; }
body.fvwl-home-tabs #page-container #main-content .et_pb_section:has(.difl_advanced_blurb) .df_ab_blurb_title::first-letter{ text-transform:uppercase; }
body.fvwl-home-tabs #page-container #main-content .et_pb_section:has(.difl_advanced_blurb) .df_ab_blurb_title .fvwl-keepcase{ text-transform:none; }
body.fvwl-home-tabs #page-container #main-content .et_pb_section:has(.difl_advanced_blurb) .df_ab_blurb_button_wrapper{ margin:12px 0 0 !important; padding:0 !important; text-align:left !important; }
body.fvwl-home-tabs #page-container #main-content .et_pb_section:has(.difl_advanced_blurb) a.df_ab_blurb_button{ display:inline-block !important; margin:0 !important; padding:0 0 4px !important; background:none !important; border:0 !important; border-bottom:1px solid var(--fvwl-gold) !important; border-radius:0 !important; box-shadow:none !important; line-height:1.2 !important; text-decoration:none !important; }
body.fvwl-home-tabs #page-container #main-content .et_pb_section:has(.difl_advanced_blurb) a.df_ab_blurb_button::before, body.fvwl-home-tabs #page-container #main-content .et_pb_section:has(.difl_advanced_blurb) a.df_ab_blurb_button::after{ display:none !important; content:none !important; }
body.fvwl-home-tabs #page-container #main-content .et_pb_section:has(.difl_advanced_blurb) a.df_ab_blurb_button span{ font-family:var(--fvwl-sans) !important; font-weight:400 !important; font-size:11px !important; letter-spacing:.2em !important; text-transform:uppercase !important; color:#fff !important; }

@media (max-width:980px){
  body.fvwl-home-tabs #page-container #main-content .et_pb_section:has(.difl_advanced_blurb) > .et_pb_row{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
  body.fvwl-home-tabs #page-container #main-content .et_pb_section:has(.difl_advanced_blurb){ padding-bottom:64px !important; }
}
@media (max-width:767px){
  body.fvwl-home-tabs #page-container #main-content .et_pb_section:has(.difl_advanced_blurb){ padding-bottom:52px !important; }
  body.fvwl-home-tabs #page-container #main-content .et_pb_section:has(.difl_advanced_blurb) > .et_pb_row{ gap:12px; padding:0 16px !important; }
  body.fvwl-home-tabs #page-container #main-content .et_pb_section:has(.difl_advanced_blurb) .df_ab_blurb_content_container{ padding:14px !important; }
  body.fvwl-home-tabs #page-container #main-content .et_pb_section:has(.difl_advanced_blurb) .df_ab_blurb_title{ font-size:21px !important; }
  body.fvwl-home-tabs #page-container #main-content .et_pb_section:has(.difl_advanced_blurb) .df_ab_blurb_button_wrapper{ margin-top:8px !important; }
}