/* ---------- herbouwde pagina's van de oude site, partnerpagina's ---------- */
.pg-held{padding-block:clamp(1.5rem,4vw,3rem) clamp(2rem,4vw,3.5rem)}
.pg-held-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(1.5rem,4vw,3.5rem);align-items:center}
.pg-held h1{font-size:clamp(2rem,4.2vw,3.25rem);max-width:18ch;margin-bottom:1rem}
.pg-held .lead{margin-bottom:1.5rem}
.pg-beeld{margin:0;border-radius:var(--r-paneel);overflow:hidden;background:var(--veld);aspect-ratio:4/3;position:relative}
.pg-beeld img{width:100%;height:100%;object-fit:cover;display:block}
.pg-beeld.render img{object-fit:contain;padding:8%}
.pg-beeld.render::after{content:"";position:absolute;left:18%;right:18%;bottom:7%;height:7%;border-radius:50%;background:radial-gradient(closest-side,rgba(25,28,24,.18),transparent);z-index:0}
.pg-beeld.render img{position:relative;z-index:1}
.pg-feiten{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.25rem}
.pg-feiten span{font-size:var(--fs-sm);background:var(--paper);box-shadow:var(--schaduw-kaart);border-radius:var(--r-pill);padding:.4rem .85rem;color:var(--tekst)}
.pg-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:clamp(2rem,5vw,4.5rem);align-items:start}
.pg-tekst{max-width:70ch;display:grid;gap:2.25rem}
.pg-sectie{display:grid;gap:.9rem}
.pg-sectie h2{font-size:clamp(1.35rem,2.2vw,1.75rem)}
.pg-sectie p{color:var(--tekst);font-size:1.02rem}
.pg-sectie ul{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
.pg-sectie ul li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:.6rem;align-items:start}
.pg-sectie ul li::before{content:"";width:20px;height:20px;margin-top:.2rem;border-radius:50%;background:var(--veld) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234C6F4C' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/12px no-repeat}
.pg-faq{background:var(--veld)}
.pg-faq .kop{margin-bottom:1.5rem}
.pg-cta{padding-block:clamp(2.5rem,5vw,4rem)}
.pg-cta-paneel{background:var(--inkt);color:#fff;border-radius:var(--r-paneel);padding:clamp(1.75rem,4vw,3rem);display:flex;flex-wrap:wrap;gap:1.5rem 3rem;align-items:center;justify-content:space-between}
.pg-cta-paneel h2{color:#fff;font-size:clamp(1.5rem,2.6vw,2.1rem);max-width:22ch}
.pg-cta-paneel p{color:rgba(255,255,255,.78);max-width:52ch;margin-top:.6rem}
.pg-blok{padding-block:clamp(1rem,3vw,2rem)}

/* regio: installateurs bij jou in de buurt */
.pg-regio{margin-top:.5rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}
.pg-regio a{background:var(--paper);box-shadow:var(--schaduw-kaart);border-radius:var(--r-klein);padding:.75rem .9rem;display:grid;gap:.1rem;transition:box-shadow .2s}
.pg-regio a:hover{box-shadow:var(--schaduw-kaart-hover)}
.pg-regio b{font-size:.98rem}
.pg-regio span{font-size:var(--fs-sm);color:var(--tekst-2)}

/* partneroverzichten */
.pt-provincie{margin-top:clamp(2rem,4vw,3rem)}
.pt-provincie h2{font-size:var(--fs-h3);margin-bottom:1rem}
.pt-lijst{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}
.pt-kaart{background:var(--paper);box-shadow:var(--schaduw-kaart);border-radius:var(--r-kaart);padding:1rem 1.15rem;display:grid;gap:.15rem;transition:box-shadow .2s,transform .2s var(--ease)}
.pt-kaart:hover{box-shadow:var(--schaduw-kaart-hover);transform:translateY(-2px)}
.pt-kaart b{font-size:1rem;line-height:1.3}
.pt-kaart span{font-size:var(--fs-sm);color:var(--tekst-2)}
.pt-zoek{display:flex;gap:.6rem;align-items:center;background:var(--paper);box-shadow:var(--schaduw-kaart);border-radius:var(--r-pill);padding:.35rem .35rem .35rem 1.1rem;max-width:520px;margin-top:1.5rem}
.pt-zoek .ic{width:20px;height:20px;color:var(--muted)}
.pt-zoek input{flex:1;border:0;background:none;font:inherit;padding:.6rem .25rem;min-width:0}
.pt-zoek input:focus{outline:none}
.pt-profiel{display:grid;gap:1rem}
.pt-gegevens{margin:0;background:var(--paper);box-shadow:var(--schaduw-kaart);border-radius:var(--r-kaart);overflow:hidden}
.pt-gegevens div{display:grid;grid-template-columns:9rem minmax(0,1fr);gap:1rem;padding:.75rem 1.1rem;border-top:1px solid var(--lijn)}
.pt-gegevens div:first-child{border-top:0}
.pt-gegevens dt{font-weight:600;color:var(--inkt)}
.pt-gegevens dd{margin:0;color:var(--tekst-2);overflow-wrap:anywhere}
.pt-gegevens a{color:var(--sage-diep);text-decoration:underline}

@media (max-width:900px){
  .pg-held-grid,.pg-grid{grid-template-columns:minmax(0,1fr)}
  .pt-lijst{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:560px){.pt-lijst,.pg-regio{grid-template-columns:minmax(0,1fr)}.pt-gegevens div{grid-template-columns:minmax(0,1fr);gap:.1rem}}

/* tabellen met meer kolommen (kopen/huren, kastvergelijking) */
.pg-tabel-wrap{overflow-x:auto;background:var(--paper);border-radius:var(--r-kaart);box-shadow:var(--schaduw-kaart)}
.pg-tabel{width:100%;border-collapse:collapse;font-size:.95rem;min-width:520px}
.pg-tabel th,.pg-tabel td{text-align:left;padding:.7rem 1rem;border-top:1px solid var(--lijn);vertical-align:top}
.pg-tabel thead th{border-top:0;background:var(--veld);color:var(--sage-diep);font-size:var(--fs-xs);letter-spacing:.1em;text-transform:uppercase}
.pg-tabel tbody th{font-weight:600;color:var(--inkt)}
.pg-tabel td{color:var(--tekst-2)}

/* productpagina's */
.pr-band .kop{margin-bottom:1.5rem}
.pr-toepassingen{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}
.pr-toepassingen h3{font-size:1.1rem;margin-bottom:.4rem}
.pr-toepassingen p{color:var(--tekst-2);font-size:var(--fs-sm)}
.pr-galerij{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}
.pr-galerij figure{margin:0;background:var(--veld);border-radius:var(--r-kaart);overflow:hidden}
.pr-galerij img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.pr-galerij img[src*="product-"],.pr-galerij img[src*="serie-"]{object-fit:contain;padding:6%}
.pr-galerij figcaption{font-size:var(--fs-xs);color:var(--tekst-2);padding:.6rem .85rem}
.pr-specs{background:var(--paper);border-block:1px solid var(--lijn)}
.pr-specs .kop{margin-bottom:1.5rem}
.pr-specgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem 1.5rem;align-items:start}
.pr-specgroep h3{font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;color:var(--sage-diep);margin-bottom:.6rem}
.pr-specgroep .kb-tabel{background:var(--canvas)}
.pr-varkop{font-size:1.15rem;margin:2rem 0 .8rem}
.pr-noot{font-size:var(--fs-xs);color:var(--muted);margin-top:1rem;max-width:80ch}
.pr-overzicht{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:2rem}
.pr-kaart{background:var(--paper);box-shadow:var(--schaduw-kaart);border-radius:var(--r-kaart);overflow:hidden;display:grid;grid-template-rows:auto 1fr;transition:box-shadow .2s,transform .2s var(--ease)}
.pr-kaart:hover{box-shadow:var(--schaduw-kaart-hover);transform:translateY(-2px)}
.pr-kaart figure{margin:0;background:var(--veld);aspect-ratio:4/3}
.pr-kaart figure img{width:100%;height:100%;object-fit:cover}
.pr-kaart figure.render img{object-fit:contain;padding:10%}
.pr-kaart > div{padding:1rem 1.15rem 1.2rem;display:grid;gap:.45rem;align-content:start}
.pr-kaart b{font-size:1.08rem}
.pr-kaart > div > span{font-size:var(--fs-sm);color:var(--tekst-2);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.pr-kaart .pg-feiten span{font-size:.75rem;padding:.3rem .6rem}
@media (max-width:900px){.pr-specgrid{grid-template-columns:minmax(0,1fr)}.pr-overzicht{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.pr-overzicht{grid-template-columns:minmax(0,1fr)}}

/* productfoto's met witte studio-achtergrond lopen op in het lichte vlak */
.pr-kaart figure.render img,.pr-galerij img[src*="product-"],.pr-galerij img[src*="serie-"]{mix-blend-mode:multiply}

/* lange titels, renders in de held, specificaties als kolommen */
.pg-held h1.lang{font-size:clamp(1.85rem,3.4vw,2.6rem);max-width:22ch}
.pg-beeld.render img{mix-blend-mode:multiply}
.pr-specgrid{display:block;columns:2;column-gap:1.5rem}
.pr-specgroep{break-inside:avoid;margin-bottom:1.25rem}
@media (max-width:900px){.pr-specgrid{columns:1}}

/* toepassingen: kolommen die het aantal kaarten netjes vullen */
.pr-toepassingen.n3,.pr-toepassingen.n5,.pr-toepassingen.n6{grid-template-columns:repeat(3,minmax(0,1fr))}
.pr-toepassingen.n4{grid-template-columns:repeat(4,minmax(0,1fr))}
.pr-toepassingen.n2{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:1000px){.pr-toepassingen.n3,.pr-toepassingen.n4,.pr-toepassingen.n5,.pr-toepassingen.n6{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.pr-toepassingen[class*=" n"]{grid-template-columns:minmax(0,1fr)}}

/* vijf kaarten of foto's: 3 boven, 2 breder eronder, geen gat */
.pr-toepassingen.n5,.pr-galerij.n5{grid-template-columns:repeat(6,minmax(0,1fr))}
.pr-toepassingen.n5>*,.pr-galerij.n5>*{grid-column:span 2}
.pr-toepassingen.n5>:nth-child(n+4),.pr-galerij.n5>:nth-child(n+4){grid-column:span 3}
.pr-galerij.n4{grid-template-columns:repeat(4,minmax(0,1fr))}
.pr-galerij.n3{grid-template-columns:repeat(3,minmax(0,1fr))}
.pr-galerij.n2{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:1000px){
  .pr-toepassingen.n5,.pr-galerij.n5,.pr-galerij.n4,.pr-galerij.n3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pr-toepassingen.n5>*,.pr-galerij.n5>*,.pr-toepassingen.n5>:nth-child(n+4),.pr-galerij.n5>:nth-child(n+4){grid-column:auto}
  .pr-toepassingen.n5>:last-child,.pr-galerij.n5>:last-child,.pr-galerij.n3>:last-child{grid-column:1/-1}
}
@media (max-width:640px){.pr-galerij[class*=" n"]{grid-template-columns:minmax(0,1fr)}.pr-toepassingen.n5>:last-child,.pr-galerij.n5>:last-child,.pr-galerij.n3>:last-child{grid-column:auto}}

/* vacatures */
.pg-vacatures{display:grid;gap:1rem;margin-top:.5rem}
.pg-vacature{background:var(--paper);box-shadow:var(--schaduw-kaart);border-radius:var(--r-kaart);padding:1.25rem 1.35rem}
.pg-vacature h3{font-size:1.2rem;margin:0}
.pg-vacature h4{font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--sage-diep);margin:1rem 0 .4rem}
.pg-vacature .pg-vac-plek{font-size:var(--fs-sm);color:var(--tekst-2);margin:.2rem 0 .6rem}
.pg-vacature .pg-vac-actie{margin-top:1rem;font-size:var(--fs-sm);color:var(--tekst-2)}