/* Home: hero, maatvinder, actieblokken, winkel, reviews. Laadt na base.css en archive.css. */

/* hero: foto links, roze kaart rechts (zoals de live site, maar met vertrouwen en twee duidelijke acties) */
.lb-hh{display:grid;background:var(--pink-1)}
.lb-hh__pic{position:relative;min-height:240px;background:var(--pink-2);overflow:hidden}
.lb-hh__pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 25%}
.lb-hh__card{padding:28px var(--gut) 32px}
.lb-hh h1{font-size:clamp(34px,8vw,60px);line-height:1.05;font-weight:500;letter-spacing:.01em;margin-bottom:14px}
.lb-hh h1 em{display:block;font-family:var(--serif);font-weight:500;padding-left:1.1em}
.lb-hh__lead{font-size:15px;line-height:1.6;color:#333;max-width:48ch;margin-bottom:16px}
.lb-hh__ticks{display:grid;gap:8px;margin-bottom:22px;font-size:13px;font-weight:500}
.lb-hh__ticks li{display:flex;align-items:center;gap:10px}
.lb-hh__ticks svg{color:var(--green)}
.lb-hh__cta{display:flex;gap:10px;flex-wrap:wrap}
.lb-hh__cta .lb-btn{flex:1 1 150px;min-height:52px;padding:0 12px;letter-spacing:.06em;white-space:nowrap}
.lb-hh__tp{margin:16px 0 0;font-size:13px}
.lb-hh__tp .lb-tp{text-decoration:none}
.lb-hh__tp .lb-tp__star{color:var(--tp)}
@media(min-width:901px){
  .lb-hh{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);min-height:520px}
  .lb-hh__pic{min-height:0}
  .lb-hh__card{display:flex;flex-direction:column;justify-content:center;padding:48px clamp(32px,5vw,72px)}
  .lb-hh__lead{font-size:16px}
  .lb-hh__cta .lb-btn{flex:0 0 auto}
}

/* kopregel met link rechts */
.lb-sechead{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.lb-sechead h2{margin:0}
.lb-sechead .lb-link{font-size:13px;text-decoration:none}
.lb-sechead__tp{font-size:13px}
.lb-sechead__tp .lb-tp{text-decoration:none}
.lb-sechead__tp .lb-tp__star{color:var(--tp)}
.lb-section>h2,.lb-sechead h2,.lb-fit h2,.lb-store2 h2{font-size:24px}
.lb-section .lb-card__title{font-size:13px}
@media(min-width:901px){.lb-section{padding-top:56px}.lb-section>h2,.lb-sechead h2,.lb-fit h2,.lb-store2 h2{font-size:28px}.lb-section .lb-card__title{font-size:14px}}

/* categorieën: grotere tegels, titel in beeld */
.lb-tiles--home{gap:10px}
.lb-tiles--home .lb-tile{position:relative;display:block;overflow:hidden}
.lb-tiles--home .lb-tile__pic img{transition:transform .5s var(--ease)}
.lb-tiles--home .lb-tile__t{position:absolute;left:0;right:0;bottom:0;margin:0;padding:26px 10px 12px;color:#fff;background:linear-gradient(to top,rgba(10,10,10,.62),rgba(10,10,10,0));font-size:13px}
@media(hover:hover) and (pointer:fine){.lb-tiles--home .lb-tile:hover .lb-tile__pic img{transform:scale(1.05)}}
@media(min-width:901px){.lb-tiles--home{gap:14px}}

/* maatvinder */
.lb-fit{display:grid;gap:16px;background:var(--pink-1);padding:24px var(--gut)}
.lb-fit h2{margin-bottom:8px}
.lb-fit__txt p:last-child{margin:0;font-size:14px;color:#333;max-width:52ch}
.lb-fit__form{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:end}
.lb-fit__form label span{display:block;margin-bottom:4px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--rose-dark)}
.lb-fit__form select{width:100%;min-height:52px;border:1px solid #cfc3c5;background:#fff;padding:0 14px;font-size:16px;font-weight:600;cursor:pointer}
.lb-fit__form .lb-btn{grid-column:1/-1;min-height:52px}
.lb-fit__link{font-size:13px;font-weight:600;color:var(--rose-dark);text-underline-offset:3px}
@media(min-width:901px){
  .lb-fit{grid-template-columns:1.1fr 1.3fr;align-items:center;gap:20px 40px;padding:36px 44px}
  .lb-fit__form{grid-template-columns:110px 110px 1fr}
  .lb-fit__form .lb-btn{grid-column:auto}
  .lb-fit__link{grid-column:2}
}
@media(hover:hover) and (pointer:fine){.lb-fit__link:hover{color:var(--rose)}}

/* twee actieblokken */
.lb-duo{display:grid;gap:12px}
.lb-duo__a{display:flex;flex-direction:column;gap:6px;min-height:200px;padding:24px;text-decoration:none;justify-content:flex-end;transition:transform .2s var(--ease)}
.lb-duo__a b{font-size:24px;font-weight:500;line-height:1.2}
.lb-duo__a>span:not(.lb-duo__tag):not(.lb-duo__go){font-size:14px;line-height:1.5;max-width:42ch}
.lb-duo__tag{align-self:flex-start;background:var(--orange);color:#fff;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:4px 8px;margin-bottom:auto}
.lb-duo__go{margin-top:8px;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.lb-duo__a--pink{background:var(--pink-2);color:var(--ink)}
.lb-duo__a--dark{background:var(--dark);color:#fff}
.lb-duo__a--dark .lb-duo__tag{background:var(--pink-3);color:var(--ink)}
@media(min-width:901px){.lb-duo{grid-template-columns:1fr 1fr;gap:18px}.lb-duo__a{min-height:260px;padding:32px}.lb-duo__a b{font-size:30px}}
@media(hover:hover) and (pointer:fine){.lb-duo__a:hover{transform:translateY(-3px)}}

/* winkelblok met openingstijden */
.lb-store2{display:grid;background:var(--pink-1)}
.lb-store2__pic{position:relative;min-height:220px;background:var(--pink-2);overflow:hidden}
.lb-store2__pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.lb-store2__txt{padding:26px var(--gut) 30px}
.lb-store2__txt h2{margin-bottom:10px}
.lb-store2__txt>p:not(.lb-eyebrow){font-size:14px;line-height:1.6;max-width:50ch}
.lb-hours{max-width:340px;margin:0 0 14px;font-size:13px}
.lb-hours div{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid #f1cfd2}
.lb-hours dt,.lb-hours dd{margin:0}
.lb-hours .is-today{font-weight:700;color:var(--rose-dark)}
.lb-store2__addr{font-style:normal;font-size:13px;line-height:1.5;margin-bottom:18px;color:#333}
@media(min-width:901px){
  .lb-store2{grid-template-columns:1fr 1fr}
  .lb-store2__pic{min-height:0}
  .lb-store2__txt{padding:44px clamp(28px,4vw,56px)}
}

/* reviews */
.lb-revs{display:grid;gap:12px}
.lb-rev{margin:0;padding:22px;border:1px solid var(--line);background:#fff}
.lb-rev__stars{display:block;color:var(--tp);font-size:16px;letter-spacing:.1em;margin-bottom:8px}
.lb-rev figcaption{font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}
.lb-rev blockquote{margin:0;font-size:14px;line-height:1.6;color:#333}
@media(min-width:901px){.lb-revs{grid-template-columns:repeat(3,1fr);gap:18px}}

/* huisstijl-vlakken: organische roze vormen (assets/img/pink-shapes.jpg) */
.lb-hh,.lb-fit,.lb-store2,.lb-duo__a--pink{background:var(--pink-1) var(--shapes) center/cover no-repeat}
.lb-hh__card{background:none}
/* lege fotovakken (nog geen foto gekozen) tonen de vormen in plaats van een effen vlak */
.lb-hh__pic,.lb-store2__pic,.lb-tile__pic{background:var(--pink-2) var(--shapes) center/cover no-repeat}
/* roze band onder de koppen van de reviews en merken */
.lb-band{margin-top:40px;padding:8px 0 48px;background:var(--pink-1) var(--shapes) 30% 40%/cover no-repeat}
.lb-band .lb-rev{border-color:transparent;background:rgba(255,255,255,.86)}
.lb-band .lb-brandlist a{background:rgba(255,255,255,.86);border-color:transparent}
.lb-band .lb-brandlist a:hover{background:#fff;border-color:var(--rose)}
@media(min-width:901px){.lb-band{margin-top:56px;padding-bottom:64px}}
/* trustbar: zachte roze achtergrond met vormen */
/* kleine vorm-accent boven eyebrows */
.lb-eyebrow::before{content:"";display:inline-block;width:22px;height:8px;margin-right:10px;vertical-align:middle;background:var(--rose);border-radius:8px 2px 8px 2px;opacity:.75}
.lb-hh__ticks li,.lb-hh__lead{position:relative}