.winkel .pdp-bp { margin: 18px 0 8px; }
.winkel.terra .shop-pdp-info > .pdp-bp { order: 4; margin: 22px 0 6px; }
.winkel .pdp-bp .pdp-bp-titel {
margin: 0 0 12px;
font-size: 22px;
font-weight: 800;
line-height: 1.1;
color: var(--nova-tekst, #16181c);
}
.winkel.stencil-koppen .pdp-bp .pdp-bp-titel {
font-family: "Saira Stencil One", var(--winkel-letter);
font-weight: 400;
letter-spacing: .02em;
text-transform: uppercase;
}
@media (min-width: 1024px) {
.winkel.terra .shop-pdp:has(.pdp-bp),
.winkel.terra.stramien-ruim .shop-pdp.foto-mee:has(.pdp-bp) { grid-template-columns: minmax(0, 440fr) minmax(0, 858fr); }
.winkel.terra .shop-pdp:has(.pdp-bp) .pdp-fotokaart { min-height: 0; }
.winkel.terra .shop-pdp:has(.pdp-bp) .pdp-titelregel h1 { max-width: 760px; }
}
.winkel .pdp-bp-vorm {
border: 1px solid var(--terra-veldlijn, #e2e0da);
border-radius: 4px;
background: var(--card, #fff);
overflow: hidden;
}
.winkel .pdp-bp-rij {
display: grid;
grid-template-columns: minmax(0, 1.4fr) minmax(0, .7fr) minmax(0, 1.2fr) minmax(0, 1fr) 112px;
align-items: center;
gap: 12px;
min-height: 64px;
padding: 10px 16px;
border-top: 1px solid var(--terra-veldlijn, #e2e0da);
font-size: 14px;
}
.winkel .pdp-bp.met-verpakking .pdp-bp-rij {
grid-template-columns: minmax(0, 1.4fr) minmax(0, .7fr) minmax(0, .8fr) minmax(0, 1.2fr) minmax(0, 1fr) 112px;
}
.winkel .pdp-bp.zonder-aantal .pdp-bp-rij { grid-template-columns: minmax(0, 1.4fr) minmax(0, .7fr) minmax(0, 1.2fr) minmax(0, 1fr); }
.winkel .pdp-bp.zonder-aantal.met-verpakking .pdp-bp-rij { grid-template-columns: minmax(0, 1.4fr) minmax(0, .7fr) minmax(0, .8fr) minmax(0, 1.2fr) minmax(0, 1fr); }
.winkel .pdp-bp-koprij {
min-height: 44px;
border-top: 0;
background: #f2f1ed;
font-size: 13px;
font-weight: 500;
color: #5c6068;
}
.winkel .pdp-bp-rij.gekozen { background: #fdf6ec; }
.winkel .pdp-bp-nr { font-family: ui-monospace, "SFMono-Regular", Menlo, monospace; font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.winkel .pdp-bp-koprij .pdp-bp-nr { font-family: inherit; }
.winkel .pdp-bp-maat { font-weight: 700; }
.winkel .pdp-bp-voorraad { display: inline-flex; align-items: center; gap: 8px; }
.winkel .pdp-bp-voorraad i { flex: 0 0 8px; width: 8px; height: 8px; border-radius: 50%; background: #d08a1e; }
.winkel .pdp-bp-voorraad.stand-ja i { background: #1f9d55; }
.winkel .pdp-bp-koprij .pdp-bp-voorraad { display: block; }
.winkel .pdp-bp-prijs b { font-weight: 700; }
.winkel .pdp-bp-aanvraag { font-size: 13px; font-weight: 600; line-height: 1.3; color: #5c6068; }
.winkel .pdp-bp-maat, .winkel .pdp-bp-verp { white-space: nowrap; }
.winkel .pdp-bp-voorraad { line-height: 1.3; }
.winkel .pdp-bp-aantal { display: flex; justify-content: flex-end; }
.winkel .pdp-bp-koprij .pdp-bp-aantal { justify-content: flex-start; padding-left: 4px; }
.winkel .pdp-bp .pdp-bp-aantal .teller,
.winkel.werkplaats.terra .pdp-bp .pdp-bp-aantal .teller.klein { flex: none; width: 112px; height: 40px; }
.winkel.werkplaats.terra .pdp-bp .pdp-bp-aantal .teller.klein { width: 112px !important; }
.winkel .pdp-bp-voet {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
padding: 14px 16px;
border-top: 1px solid var(--terra-veldlijn, #e2e0da);
background: #f2f1ed;
font-size: 14px;
}
.winkel .pdp-bp-som b { font-weight: 700; }
.winkel .pdp-bp .pdp-bp-knop {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
width: auto;
min-width: 190px;
height: 48px;
padding: 0 22px;
color: #fff;
}
.winkel .pdp-bp .pdp-bp-knop:disabled { opacity: .55; cursor: not-allowed; }
.winkel.terra .pdp-bp .pdp-bp-voet .pdp-bp-knop { flex: none; width: auto; background: var(--winkel-accent); color: #fff; text-decoration: none; }
.winkel.terra .pdp-bp .pdp-bp-voet .pdp-bp-knop[disabled],
.winkel.terra .pdp-bp .pdp-bp-voet .pdp-bp-knop[disabled]:hover { background: var(--winkel-accent); color: #fff; opacity: .45; }
@media (max-width: 767px) {
.winkel .pdp-bp-koprij { display: none; }
.winkel .pdp-bp-rij,
.winkel .pdp-bp.met-verpakking .pdp-bp-rij,
.winkel .pdp-bp.zonder-aantal .pdp-bp-rij,
.winkel .pdp-bp.zonder-aantal.met-verpakking .pdp-bp-rij {
grid-template-columns: minmax(0, 1fr) auto;
grid-template-areas: "maat aantal" "nr aantal" "voorraad aantal" "prijs aantal";
row-gap: 2px;
column-gap: 12px;
padding: 12px 14px;
}
.winkel .pdp-bp-rij:nth-child(2) { border-top: 0; }
.winkel .pdp-bp-maat { grid-area: maat; font-size: 16px; }
.winkel .pdp-bp-nr { grid-area: nr; color: #5c6068; }
.winkel .pdp-bp-verp { display: none; }
.winkel .pdp-bp-voorraad { grid-area: voorraad; font-size: 13px; }
.winkel .pdp-bp-prijs { grid-area: prijs; }
.winkel .pdp-bp-aantal { grid-area: aantal; align-self: center; }
.winkel .pdp-bp .pdp-bp-aantal .teller,
.winkel.werkplaats.terra .pdp-bp .pdp-bp-aantal .teller.klein { width: 132px; height: 44px; }
.winkel.werkplaats.terra .pdp-bp .pdp-bp-aantal .teller.klein { width: 132px !important; }
.winkel .pdp-bp .pdp-bp-aantal .teller button { flex: 0 0 44px; min-width: 44px; min-height: 44px; }
.winkel .pdp-bp-voet { flex-wrap: wrap; }
.winkel .pdp-bp .pdp-bp-knop,
.winkel.terra .pdp-bp .pdp-bp-voet .pdp-bp-knop { flex: 1 0 100%; width: 100%; }
}
.pdp-uitleg-vakrij { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 4px; }
.pdp-uitleg-vakje { display: flex; flex-direction: column; gap: 2px; padding: 12px 14px; border: 1px solid var(--pu-lijn, #e2e0da); min-width: 0; }
.pdp-uitleg-vakje > b { font-size: 18px; font-weight: 700; line-height: 1.3; color: var(--pu-inkt, #16181c); }
.pdp-uitleg-vakje > span { font-size: 13.5px; line-height: 1.4; color: var(--pu-sub, #5c6068); }
.pdp-uitleg-vakjes { gap: 10px; }
@media (max-width: 767px) {
.pdp-uitleg-vakrij { grid-template-columns: minmax(0, 1fr); gap: 8px; }
}
.winkel .pdp-verwant { margin-top: 56px; }
.winkel .pdp-verwant .site-producten { margin: 0; }
@media (max-width: 767px) {
.winkel .pdp-verwant { margin-top: 36px; }
}
@media (min-width: 1024px) {
.winkel.terra .shop-pdp-onder:not(:has(.pdp-onder-links .pdp-deel > *)) { grid-template-columns: minmax(0, 1fr); }
.winkel.terra .shop-pdp-onder:not(:has(.pdp-onder-links .pdp-deel > *)) .pdp-onder-links { display: none; }
.winkel.terra .shop-pdp-onder:not(:has(.pdp-onder-links .pdp-deel > *)) .pdp-spectabel { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 56px; }
}
.winkel .shop-pdp-info:has(.pdp-bp-voet.is-aanvraag) > .pdp-knoppenrij:not(:has(> :not(a[href*="offerte-aanvragen"]))) { display: none; }
.winkel.werkplaats.terra .pdp-vtabel small,
.winkel.werkplaats.terra .pdp-vtabel .pdp-vtabel-btw { font-size: 13px; }
.pdp-uitleg-tabel.is-vergelijk .pdp-uitleg-tabel-cel.is-kleur,
.pdp-uitleg-tabel.is-vergelijk .pdp-uitleg-tabel-rij.is-kop > .pdp-uitleg-tabel-cel:first-child { display: none; }
@media (min-width: 1024px) {
.pdp-uitleg-vakken:has(> .pdp-uitleg-vak .is-vergelijk) { grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr); align-items: start; }
.pdp-uitleg-vakken > .pdp-uitleg-vak.is-breed:has(.is-vergelijk) { grid-column: auto; }
}
.pdp-uitleg-tabel.is-vergelijk .pdp-uitleg-tabel-rij { grid-template-columns: minmax(0, .8fr) minmax(0, 1.4fr) minmax(0, 1.2fr); }
.pdp-uitleg-tabel.is-vergelijk .pdp-uitleg-tabel-cel.is-eerste { font-family: inherit; font-weight: 500; color: var(--pu-sub, #5c6068); }
.pdp-uitleg-tabel.is-vergelijk .pdp-uitleg-tabel-rij:not(.is-kop) .pdp-uitleg-tabel-cel:nth-child(3) { font-weight: 700; }
.pdp-uitleg-tabel.is-vergelijk .pdp-uitleg-tabel-rij.is-kop .pdp-uitleg-tabel-cel:nth-child(3) { color: var(--winkel-accent, #d9730d); }
@media (max-width: 767px) {
.pdp-uitleg-tabel.is-vergelijk .pdp-uitleg-tabel-lijst > .pdp-uitleg-tabel-rij { grid-template-columns: minmax(0, 1fr); gap: 2px; }
.pdp-uitleg-tabel.is-vergelijk .pdp-uitleg-tabel-cel.is-eerste { color: var(--pu-inkt, #16181c); font-weight: 700; }
}
.winkel.terra .pdp-koopregel-aanvraag:has(.pdp-knop-extra) { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; align-items: stretch; }
.winkel.terra .pdp-koopregel-aanvraag:has(.pdp-knop-extra) > .pdp-koop { width: auto; margin: 0; }
.winkel.terra .pdp-koopregel-aanvraag .pdp-knop-rand {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 44px;
padding: 0 18px;
border: 1.5px solid var(--nova-inkt, #16181c);
border-radius: var(--nova-r-klein, 8px);
background: var(--card, #fff);
color: var(--nova-inkt, #16181c);
font-weight: 600;
text-decoration: none;
}
.winkel.terra .pdp-koopregel-aanvraag .pdp-knop-rand:hover { background: var(--nova-vlak, #f2f1ed); }
@media (max-width: 767px) {
.winkel.terra .pdp-koopregel-aanvraag:has(.pdp-knop-extra) { grid-template-columns: minmax(0, 1fr); grid-auto-rows: 1fr; }
}