/* VASTE REGEL Dikkie 07-10-2026: woorden in koppen nooit afbreken. Zie ~/Sites/tools/kop_passen.py */
h1,h2,h3,.h1,.h2,.h3,[class*="hero"] h1,[class*="hero"] h2,[class*="title"],[class*="kop"]{hyphens:none !important;-webkit-hyphens:none !important;overflow-wrap:normal !important;word-break:normal !important}
/* VASTE REGEL Dikkie 22-10-2026: nooit een wit vlak onder de footer op de telefoon. Zie ~/Sites/tools/footerbodem_fix.py */
html,body{overflow-x:clip !important}
/* Livegang bouwbedrijfbrik.nl 27-10-2026: punten uit de kwaliteitscontrole */
.nav{padding-left:28px;padding-right:24px;min-width:0}
@media(max-width:1500px){.nav-tel{font-size:0;gap:0;margin:0 10px 0 6px}.nav-tel svg{width:20px;height:20px}}
@media(max-width:1360px){.nav-links{gap:20px}}
.hero-schaduwtekst{display:none !important}
.offerte-hero-sub{position:relative;z-index:2;color:rgba(255,255,255,.9);font-size:16px;line-height:1.6;margin:0}
.review{justify-content:flex-start !important}
.eyebrow{display:inline-block;background:transparent;border:1px solid var(--accent);color:var(--ink);border-radius:999px;padding:8px 20px;letter-spacing:.12em;margin-bottom:18px}
.cta-strook{margin-bottom:0;padding-bottom:clamp(56px,7vw,80px)}
.cta-strook.cta-wit{background:var(--wit)}.cta-strook.cta-tint2{background:var(--tint2)}.cta-strook.cta-grijs{background:var(--bg)}.cta-strook.cta-calc{background:var(--calc-band)}
.cta-strook + .footer{padding-top:clamp(56px,7vw,80px)}
.pagina-hero h1,.product-hero h1{text-transform:none}
h1{font-weight:700}
.pagina-hero.zonder-gloed::before{background:rgba(10,14,16,.55)}
/* Ronde 2 (onafhankelijke keuring 28-10-2026) */
@media(max-width:560px){.header .knop-accent{display:none}}
.hamburger:focus:not(:focus-visible){outline:none;box-shadow:none}
@media(max-width:1500px){.nav-tel{margin-left:22px}}
.hero-pijl{top:50% !important;transform:translateY(-50%)}
.hero-pijl.pijl-l{left:24px !important;right:auto !important}
.hero-pijl.pijl-r{right:24px !important;left:auto !important}
@media(min-width:1025px){.project-grid:has(> :nth-child(4):last-child){grid-template-columns:repeat(4,1fr)}}
@media(min-width:901px){
  .kaart-grid.vier:has(> :nth-child(7):last-child){grid-template-columns:repeat(3,1fr)}
  .kaart-grid.vier:has(> :nth-child(7):last-child) > .kaart-vult{grid-column:auto}
  .kaart-grid.vier:has(> :nth-child(7):last-child) > :last-child{grid-column:1/-1}
}
.kaart:has(> .tekstlink){display:flex;flex-direction:column}
.kaart:has(> .tekstlink) > .tekstlink{margin-top:auto;padding-top:10px;align-self:center}
.kaart:has(> .tekstlink) > .tip-tag{align-self:center}
.tekst-vinken:has(> :nth-child(3):last-child){display:flex;flex-wrap:wrap;justify-content:center}
.over-hero h1,h1.reveal{font-weight:700 !important}
@media(max-width:640px){
  #aanbod .kaart-grid{grid-template-columns:1fr 1fr !important;gap:12px}
  #aanbod .kaart-grid > :last-child:nth-child(odd){grid-column:1/-1}
  #aanbod .kaart ul{display:none}
  #aanbod .kaart{padding:10px 10px 16px}
  #aanbod .kaart h3{font-size:16px;margin-top:8px}
}
.kaart-klik{display:grid;place-items:center;background:linear-gradient(135deg,#eef3f3,#dfe8e8);min-height:320px}
.kaart-klik-inhoud{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:28px 20px;color:var(--ink)}
.kaart-klik-inhoud svg{width:40px;height:40px;color:var(--accent)}
.kaart-klik-inhoud span{font-size:14px;color:#55626a}
/* Ronde 3 (kwaliteitscontrole livegang 28-10-2026) */
/* pijlen onderin de hero, los van kop, tekst en knoppen */
.hero-pijl{top:auto !important;bottom:22px;transform:none}
/* telefoon: min-height plus beeldverhouding dwong de kaart naar 512px breed */
@media(max-width:640px){.kaart-klik{min-height:0;aspect-ratio:4/3;width:100%}}
/* telefoon: paginakop groeit mee en begint onder het uitstekende logovlak */
@media(max-width:640px){
  .pagina-hero:not(.project-kop),.artikel-kop-hero{height:auto;min-height:200px;
    padding-top:calc(var(--plateau-h) - var(--header-h) + 22px);padding-bottom:26px}
}