/* 83-home.css — startpagina, tegen het Home-bord. */

.tb-home-hero{
  padding:clamp(48px,7vw,96px) var(--tb-page-pad,60px);
  background:linear-gradient(100deg,#EAF4EE 0%,#FDF0EA 52%,#FBEAE4 100%);
}
.tb-home-hero-tekst{max-width:620px;}
.tb-home .tb-home-hero h1{
  font-family:var(--tb-serif);font-size:clamp(32px,4.6vw,54px);font-weight:600;
  line-height:1.08;margin:0 0 16px;color:var(--tb-ink);
}
.tb-home-hero p{
  margin:0 0 28px;font-size:16.5px;line-height:1.6;color:var(--tb-body);max-width:52ch;
}
.tb-home-hero .tb-search{max-width:680px;}
.tb-home-hero .tb-nearby{gap:0;flex:0 1 220px;}
.tb-home-hero .tb-nearby .tb-nearby-plaats{border:0;background:none;height:var(--tb-h-ctrl);padding:0;}

.tb-home-blok{padding:clamp(38px,5vw,60px) var(--tb-page-pad,60px) 0;}
.tb-home .tb-home-blok h2{
  font-family:var(--tb-serif);font-size:clamp(22px,2.4vw,28px);font-weight:600;
  color:var(--tb-ink);margin:0 0 6px;
}
.tb-home-soorten{text-align:center;}
.tb-home-sub{margin:0 0 26px;font-size:15px;color:var(--tb-muted);}
.tb-home-soorten .tb-meer-kop{justify-content:center;}

.tb-soort-tegels{
  list-style:none;margin:0;padding:0;
  display:grid;gap:16px;grid-template-columns:repeat(6,minmax(0,1fr));
}
.tb-soort-tegels a{
  display:flex;flex-direction:column;gap:3px;justify-content:flex-end;
  min-height:112px;padding:14px 16px;text-decoration:none;text-align:left;
  border-radius:var(--tb-r-card);border:1px solid var(--tb-line);
  background:var(--tb-surface);
  transition:transform .18s ease, box-shadow .18s ease;
}
.tb-soort-tegels a:hover{transform:translateY(-2px);box-shadow:var(--tb-lift);}
.tb-soort-tegels li:nth-child(6n+1) a{background:#FDEDE8;}
.tb-soort-tegels li:nth-child(6n+2) a{background:#E6F2EC;}
.tb-soort-tegels li:nth-child(6n+3) a{background:#FBF1E2;}
.tb-soort-tegels li:nth-child(6n+4) a{background:#F5EFE8;}
.tb-soort-tegels li:nth-child(6n+5) a{background:#F1EDE7;}
.tb-soort-tegels li:nth-child(6n+6) a{background:#E9F1EC;}
.tb-soort-tegels .tb-soort-name{
  font-family:var(--tb-serif);font-size:15.5px;font-weight:600;color:var(--tb-ink);
}
.tb-soort-tegels .tb-soort-count{font-size:12.5px;color:var(--tb-muted);}

.tb-home-verkoop{
  display:flex;align-items:center;justify-content:space-between;gap:40px;flex-wrap:wrap;
  margin:clamp(40px,5vw,64px) var(--tb-page-pad,60px) 0;
  padding:clamp(26px,3.4vw,40px);
  border-radius:var(--tb-r-card);
  background:linear-gradient(100deg,#EAF4EE 0%,#FDF0EA 60%,#FBEAE4 100%);
}
.tb-home-verkoop-tekst{flex:1 1 420px;min-width:0;}
.tb-home .tb-home-verkoop h2{margin:0 0 10px;}
.tb-home-verkoop p{margin:0 0 20px;font-size:15.5px;line-height:1.6;color:var(--tb-body);max-width:56ch;}
.tb-home-verkoop-knoppen{display:flex;gap:12px;flex-wrap:wrap;}
.tb-home-cijfers{display:flex;gap:36px;margin:0;flex:0 0 auto;}
.tb-home-cijfers div{display:flex;flex-direction:column;text-align:center;}
.tb-home-cijfers dd{
  margin:0;font-family:var(--tb-serif);font-size:clamp(26px,3vw,36px);font-weight:600;
  color:var(--tb-ink);line-height:1.05;
}
.tb-home-cijfers dt{order:2;font-size:12.5px;color:var(--tb-muted);margin-top:4px;}

@media (max-width:1099px){ .tb-soort-tegels{grid-template-columns:repeat(3,minmax(0,1fr));} }
@media (max-width:699px){
  .tb-soort-tegels{grid-template-columns:repeat(2,minmax(0,1fr));}
  .tb-home-hero,.tb-home-blok{padding-left:20px;padding-right:20px;}
  .tb-home-verkoop{margin-left:20px;margin-right:20px;}
  .tb-home-cijfers{gap:22px;}
}