/* LXS Shop, productpagina (geladen op is_product): galerij, swatches, leverbox, tabs, reviews, bestelbalk, modal; deel 2: assistent, specificaties, zoom, gidsen, trustbadge. */
/* ── productpagina (sprint 3): galerij, swatches, leverbox, tabs, reviews, assistent, bestelbalk, modal ── */
.product-pagina .woocommerce-breadcrumb{margin-top:18px}
.product-sectie .product-top{padding-top:18px}
.flex-control-thumbs li button{display:block;width:100%;padding:0;border:0;background:transparent;cursor:pointer}
.flex-control-thumbs li button img{display:block}
.woocommerce-product-gallery__wrapper{aspect-ratio:1/1}
.woocommerce-product-gallery__image{display:none}
.woocommerce-product-gallery__image.is-actief{display:block}
.woocommerce-product-gallery__image img{display:block;background:var(--c-surface)}
.gallery__zoom{border:0;cursor:pointer;color:var(--c-ink)}
.gallery__zoom .ico svg{width:16px;height:16px}
.summary__brand{text-decoration:none}
.summary__rating a{color:var(--c-ink);text-decoration:underline}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.summary__brand:hover{color:var(--c-ink)}
.summary .price{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px}
.summary .price del{color:var(--c-sub);font-weight:500}
.summary .price ins{text-decoration:none}
.summary__kort p+p{margin-top:10px}
.summary__kort ul{margin-top:8px;padding-left:18px}
.summary .stock.out-of-stock,.summary .stock.available-on-backorder{padding:14px 16px;border-radius:var(--radius-sm);background:var(--c-surface);font-weight:600}
.variatie-select--verborgen{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
table.variations td.value{position:relative}
table.variations select{width:100%;min-height:50px;padding:0 40px 0 14px;border:1.5px solid var(--c-line);border-radius:var(--radius-sm);background:#fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23141414' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center/16px;appearance:none;font:inherit;font-size:15px;font-weight:600}
table.variations .reset_variations{display:none;margin-top:8px;font-size:13px;color:var(--c-sub);text-decoration:underline}
table.variations .reset_variations.is-zichtbaar{display:inline-block}
table.variations th.label label{display:flex;align-items:baseline;gap:8px;cursor:default}
.zn-swatch{cursor:pointer;font:inherit;font-size:12px;font-weight:600}
.zn-swatch__kleur{display:block;width:100%;aspect-ratio:1/1;border-radius:4px;background:var(--c-surface);border:1px solid var(--c-line)}
.zn-swatch.is-uit{opacity:.45}
.zn-size{cursor:pointer;font:inherit;font-size:15px;font-weight:600;padding:0 8px}
.zn-size.is-uitverkocht{pointer-events:none}
.single_variation_wrap{display:flex;flex-direction:column;gap:14px}
.woocommerce-variation.single_variation{display:none !important}
.variatie-voorraad.is-uit{color:var(--c-sub)}
.variatie-voorraad.is-uit::before{background:var(--c-line)}
.cart__rij .quantity{flex:0 0 auto}
.cart__rij .single_add_to_cart_button .ico svg{width:18px;height:18px}
.single_add_to_cart_button:disabled{opacity:.5;cursor:not-allowed}
/* Zonder gekozen variatie blijft de knop vol van kleur: een klik vraagt om de keuze (theme.js). */
.single_add_to_cart_button.is-toegevoegd{background:var(--c-success)}
.summary__fav{padding:0}
.summary__fav .product__fav{position:static;width:100%;height:100%;border:0;background:transparent;box-shadow:none;transform:none}
.cart__rij .wc-forward.added_to_cart{display:none}
.leverbox li[hidden]{display:none}
.leverbox__groen{color:var(--c-groen-tekst,#2e7d32)}
.productinfo{list-style:none}

.pdp-tabs{list-style:none;padding:0;margin-left:0;margin-right:0;scrollbar-width:none}
.pdp-tabs li a{text-decoration:none}
.pdp-tabs li a:hover{color:var(--c-ink)}
.beschrijving>*:first-child{margin-top:0}
.beschrijving ul{list-style:none;margin:12px 0;padding:0}
.beschrijving ol{margin:12px 0 12px 20px;font-size:16px;color:#3a3a37}
.beschrijving a{text-decoration:underline}
.beschrijving img{max-width:100%;height:auto;border-radius:var(--radius)}
.beschrijving .wist{margin-top:24px;padding:18px 20px;border-radius:var(--radius);background:var(--c-surface)}
.beschrijving .wist h3{margin-top:0}
.beschrijving .wist p{margin:0}
.shop_attributes{width:100%;align-self:start}
.maattabel-blok,.video-blok{margin-top:48px;padding-top:40px;border-top:1.5px solid var(--c-line)}
.maattabel-blok h2,.video-blok h2{font-size:24px;font-weight:800;margin-bottom:16px}
.maattabel-blok .shop_attributes{width:auto;min-width:min(100%,640px)}
.maattabel-blok .shop_attributes th{width:auto}
.maattabel-blok .shop_attributes thead th{background:var(--c-ink);color:#fff;border-top:0}
.maattabel-blok .shop_attributes tbody th{font-weight:700;color:var(--c-ink)}
.maattabel-blok p{max-width:720px;margin-bottom:12px;color:#3a3a37}
.video-blok__kader{position:relative;max-width:960px;aspect-ratio:16/9;border-radius:var(--radius);overflow:hidden;background:var(--c-ink)}
.video-blok__kader iframe,.video-blok__kader video{position:absolute;inset:0;width:100%;height:100%;border:0}

.reviews__titel{font-size:24px;font-weight:800;margin-bottom:12px}
.reviews__score{align-self:start}
.reviews__cijfer{display:block;font-size:52px;font-weight:800;line-height:1}
.reviews__sterren{display:inline-flex;gap:2px}
.reviews__sterren .ico.is-leeg{color:var(--c-line)}
.reviews__score .reviews__sterren{margin-top:8px}
.reviews__bron{display:block;margin-top:6px;font-size:14px;color:var(--c-sub)}
.reviews__leeg{font-size:15px;color:var(--c-sub)}
.reviews__alleen-kopers{margin-top:16px;font-size:13.5px;color:var(--c-sub)}
.reviews__meer{grid-column:1/-1;font-size:14px;color:var(--c-sub)}
.review-form{grid-column:1/-1;padding:24px;border:1.5px solid var(--c-line);border-radius:var(--radius)}
.review-form[hidden]{display:none}
.review-form .comment-reply-title{display:block;font-size:20px;font-weight:800;margin-bottom:16px}
.review-form .comment-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.review-form .comment-form-rating,.review-form .comment-form-comment,.review-form .form-submit{grid-column:1/-1}
.review-form p{margin:0}
.review-form label,.comment-form-rating__label{display:block;margin-bottom:6px;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--c-sub)}
.review-form input[type=text],.review-form input[type=email],.review-form select,.review-form textarea{width:100%;padding:12px 14px;border:1.5px solid var(--c-line);border-radius:var(--radius-sm);font:inherit;font-size:15px}
.review-form select{max-width:260px;appearance:none;background:#fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23141414' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center/16px}
.review-form .comment-form-cookies-consent{display:flex;align-items:center;gap:8px;grid-column:1/-1}
.review-form .comment-form-cookies-consent label{margin:0;text-transform:none;letter-spacing:0;font-weight:500;font-size:14px}
.review-form .required{color:var(--c-primary)}
.review-form p.stars{display:flex;gap:4px;margin:0}
.review-form p.stars span{display:flex;gap:4px}
.review-form p.stars a{display:block;width:28px;height:28px;overflow:hidden;text-indent:-999px;background:var(--c-line);-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l2.9 6.2 6.8.8-4.3 4.2 1 5.9L12 16.5l-5.3 2.8 1-5.9L3.4 9.2l6-.8L12 2z'/%3E%3C/svg%3E") center/26px no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l2.9 6.2 6.8.8-4.3 4.2 1 5.9L12 16.5l-5.3 2.8 1-5.9L3.4 9.2l6-.8L12 2z'/%3E%3C/svg%3E") center/26px no-repeat}
.review-form p.stars:hover a,.review-form p.stars.selected a{background:var(--c-primary)}
.review-form p.stars:hover a:hover~a,.review-form p.stars.selected a.active~a{background:var(--c-line)}
.review-form p.stars.selected:hover a{background:var(--c-primary)}
.review-form p.stars.selected:hover a:hover~a{background:var(--c-line)}

.aanbevelingen{padding:56px 0}
.aanbevelingen ul.products{grid-template-columns:repeat(4,minmax(0,1fr))}


/* vaste bestelbalk: schuift in zodra het formulier uit beeld is */
.bestelbalk{transform:translateY(100%);transition:transform .25s ease}
.bestelbalk.is-zichtbaar{transform:none}
.bestelbalk .price{display:flex;align-items:baseline;gap:8px}
.bestelbalk .price del{font-size:14px;color:var(--c-sub);font-weight:500}
.bestelbalk .price ins{text-decoration:none}
.bestelbalk .btn .ico svg{width:18px;height:18px}
.bestelbalk-ruimte{display:none}
body.heeft-bestelbalk .bestelbalk-ruimte{display:block}

/* venster na toevoegen */
.modal{position:fixed;inset:0;z-index:95;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(14,14,14,.55)}
.modal[hidden]{display:none}
.modal__in{position:relative;width:min(880px,100%);max-height:calc(100vh - 32px);overflow-y:auto;padding:28px;border-radius:var(--radius);background:#fff;box-shadow:var(--shadow-lg);animation:ds-kaart-in .25s ease}
.modal__sluit{position:absolute;top:14px;right:14px;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:0;border-radius:50%;background:var(--c-surface);cursor:pointer}
.modal__sluit:hover{background:var(--c-line)}
.modal__kop{display:flex;align-items:center;gap:12px;margin-bottom:18px;padding-right:48px}
.modal__kop .ico{display:flex;align-items:center;justify-content:center;flex:0 0 36px;height:36px;border-radius:50%;background:var(--c-success);color:#fff}
.modal__kop h2{font-size:22px;font-weight:800;margin:0}
.modal__product{display:flex;align-items:center;gap:16px;padding:14px;border:1.5px solid var(--c-line);border-radius:var(--radius)}
.modal__product img{width:72px;height:72px;object-fit:contain;border-radius:var(--radius-sm);background:var(--c-surface)}
.modal__product>div{flex:1;min-width:0}
.modal__product strong{display:block;font-size:16px}
.modal__product span{display:block;font-size:13.5px;color:var(--c-sub)}
.modal__product .price{margin:0;font-size:18px;font-weight:800}
.modal__product .price ins{text-decoration:none}
.modal__knoppen{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.modal__knoppen .btn{flex:1;min-width:160px}
.modal__suggesties{margin-top:28px;padding-top:24px;border-top:1.5px solid var(--c-line)}
.modal__suggesties[hidden]{display:none}
.modal__suggesties h3{font-size:18px;font-weight:800;margin-bottom:14px}
.modal__suggesties ul.products{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.modal__suggesties ul.products .product__swatches,.modal__suggesties ul.products .product__sizes,.modal__suggesties ul.products .product__fav{display:none}

body.is-vast{overflow:hidden}

@media (max-width:1100px){
  .aanbevelingen ul.products,.modal__suggesties ul.products{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:760px){
  .woocommerce-product-gallery{display:flex;flex-direction:column;position:static}
  .flex-control-thumbs{order:2;flex-direction:row;overflow-x:auto;padding:0;scrollbar-width:none}
  .flex-control-thumbs li{flex:0 0 64px}
  .product-sectie .product-top{padding-bottom:32px}
  .cart__rij .summary__fav{display:none}
  .cart__rij .quantity{height:52px}
  .cart__rij .quantity button{width:38px}
  .cart__rij .quantity .qty{width:40px}
  .cart__rij .single_add_to_cart_button{min-height:52px;padding:0 14px;font-size:14.5px;letter-spacing:.04em}
  .aanbevelingen{padding:36px 0}
  .aanbevelingen ul.products,.modal__suggesties ul.products{grid-template-columns:repeat(2,minmax(0,1fr))}
  .modal__in{padding:20px}
  .modal__knoppen .btn{flex:1 1 100%}
  .review-form .comment-form{grid-template-columns:1fr}
  .maattabel-blok{overflow-x:auto}
}

/* ── Ontwerp deel 2 (8C): assistent, specificaties en zoom, gidsen en trustbadge ── */
/* ==========================================================================
   13 · PRODUCTASSISTENT (productkennis) — één assistent per productpagina
   Gedrag: de fab verschijnt na 400 px scrollen en verdwijnt zodra
   .bestelbalk in beeld is; op telefoon zit hij dan als icoon in de
   bestelbalk (.assistent-fab--in-balk). Paneel = .paneel. Snelle vragen
   versturen direct. Tijdens het wachten .assistent-typt; na 20 s zonder
   antwoord de foutstaat met een link naar het formulier.
   ========================================================================== */
.assistent-fab{position:fixed;right:24px;bottom:24px;z-index:70;display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 20px 0 16px;border:0;border-radius:99px;background:var(--c-ink);color:#fff;font-size:15px;font-weight:700;box-shadow:0 8px 24px rgba(0,0,0,.25)}
.assistent-fab:hover{background:#000;color:#fff}
.assistent-fab .ico{width:30px;height:30px;border-radius:50%;background:var(--c-primary)}
.assistent-fab .ico svg{width:17px;height:17px}
.assistent-fab--inline{position:static;box-shadow:var(--shadow)}
.assistent-fab--in-balk{position:static;min-height:48px;width:48px;padding:0;justify-content:center;border-radius:var(--radius-sm);box-shadow:none}
.assistent-fab--in-balk .ico{background:none}
@media (max-width:720px){
  .assistent-fab{right:14px;bottom:86px;width:54px;padding:0;justify-content:center}
  .assistent-fab__tekst{display:none}
  .assistent-fab .ico{background:none}
  .assistent-fab--inline{width:auto;padding:0 20px 0 16px}
  .assistent-fab--inline .assistent-fab__tekst{display:inline}
}
.assistent-kop{display:grid;grid-template-columns:48px minmax(0,1fr);gap:2px 12px;align-items:center;flex:1;min-width:0}
.assistent-kop img{grid-row:1/3;width:48px;height:48px;border-radius:var(--radius-sm);background:var(--c-surface);object-fit:cover}
.assistent-kop__naam{font-size:15px;font-weight:700;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.assistent-kop__var{font-size:13px;color:var(--c-sub)}
.assistent-gesprek{display:flex;flex-direction:column;gap:12px}
.assistent-bubbel{max-width:86%;padding:11px 15px;font-size:15px;line-height:1.55}
.assistent-bubbel--klant{align-self:flex-end;border-radius:14px 14px 4px 14px;background:var(--c-ink);color:#fff}
.assistent-bot{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:start}
.assistent-bot__icoon{width:28px;height:28px;border-radius:50%;background:var(--c-label,var(--c-primary));color:var(--c-on-label,#fff);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800}
.assistent-bubbel--bot{max-width:none;border-radius:4px 14px 14px 14px;background:var(--c-surface);display:flex;flex-direction:column;gap:10px}
.assistent-bron{font-size:12px;color:var(--c-sub)}
.assistent-product{display:grid;grid-template-columns:56px minmax(0,1fr);gap:4px 12px;padding:10px;border:1px solid var(--c-line);border-radius:var(--radius-sm);background:#fff}
.assistent-product img{grid-row:1/4;width:56px;height:56px;border-radius:3px;object-fit:cover;background:var(--c-surface)}
.assistent-product__naam{font-size:14px;font-weight:600;line-height:1.3}
.assistent-product__rij{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 10px}
.assistent-product__prijs{font-weight:700}
.assistent-product .btn{min-height:36px;padding:0 12px;font-size:12.5px}
.assistent-typt{display:inline-flex;gap:4px;padding:14px 16px;border-radius:4px 14px 14px 14px;background:var(--c-surface)}
.assistent-typt i{width:7px;height:7px;border-radius:50%;background:var(--c-sub);animation:assistent-stip 1.2s infinite ease-in-out}
.assistent-typt i:nth-child(2){animation-delay:.15s}
.assistent-typt i:nth-child(3){animation-delay:.3s}
@keyframes assistent-stip{0%,80%,100%{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}
.assistent-invoer{display:flex;gap:8px}
.assistent-invoer input{flex:1;min-width:0;height:50px;padding:0 14px;border:1px solid var(--c-line);border-radius:var(--radius-sm);font-size:15px}
.assistent-invoer input:focus{outline:0;border-color:var(--c-ink)}
.assistent-invoer button{flex:0 0 50px;height:50px;border:0;border-radius:var(--radius-sm);background:var(--c-actie,var(--c-primary));color:var(--c-on-actie,#fff);display:flex;align-items:center;justify-content:center}
.assistent-invoer button:hover{background:var(--c-actie-2,var(--c-primary-2))}
.assistent-form{display:flex;flex-direction:column;gap:12px}
.assistent-form .form-row{margin:0}
.assistent-form textarea{width:100%;min-height:110px;padding:12px 14px;border:1px solid var(--c-line);border-radius:var(--radius-sm);font-size:15px;resize:vertical}
.honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}


/* ==========================================================================
   14 · SPECIFICATIES-PANEEL EN GALERIJ-ZOOM (productkennis)
   Specs: paneel--breed. Inhoudsopgave plakt links en markeert de sectie in
   beeld (IntersectionObserver). Op telefoon verdwijnt de inhoudsopgave en
   zijn de secties <details> (eerste open).
   Zoom: full-screen, swipen links/rechts, pinch en dubbeltik om te zoomen,
   pijltjestoetsen op desktop. Kleur- en maatkeuze is gekoppeld aan de
   productpagina; In winkelwagen sluit de zoom en opent .wagen-ok.
   ========================================================================== */
.specs-samen{margin:0 0 26px;padding:18px 20px 16px;border:1px solid var(--c-line);border-radius:12px;background:linear-gradient(180deg,#fffaf5 0,#fff 75%)}
.specs-samen__kop{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.specs-samen__icoon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:#fdeee2;color:var(--c-label,#b8540f)}
.specs-samen__titel{margin:0;font-size:17px;font-weight:800;line-height:1.25}
.specs-samen__tekst{margin:0;max-width:72ch;font-size:15.5px;line-height:1.6;color:#2a2a27}
.specs-samen__punten{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:6px 18px;margin:12px 0 0;padding:0;list-style:none}
.specs-samen__punten li{display:flex;align-items:flex-start;gap:8px;font-size:14.5px;line-height:1.45}
.specs-samen__punten .ico{flex:0 0 auto;margin-top:2px;color:#2e7d32}
.specs-samen__voor{margin:12px 0 0;font-size:14.5px;line-height:1.5;color:#3a3a37}
.specs-samen__voor strong{color:var(--c-ink)}
.specs-samen__noot{margin:12px 0 0;font-size:12.5px;color:var(--c-sub)}
.specs-samen--laden .vgl-skelet{display:block;height:12px;margin-top:10px;border-radius:6px;background:linear-gradient(90deg,#efefec 25%,#e4e4e0 40%,#efefec 60%);background-size:300% 100%;animation:specs-glans 1.3s ease-in-out infinite}
.specs-samen--laden .vgl-skelet--kort{width:42%}
.specs-samen.is-geladen{animation:specs-in .25s ease}
@keyframes specs-glans{from{background-position:100% 0}to{background-position:0 0}}
@keyframes specs-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.specs-samen--laden .vgl-skelet,.specs-samen.is-geladen{animation:none}}
@media (max-width:720px){.specs-samen{margin-bottom:18px;padding:15px 15px 13px}.specs-samen__punten{grid-template-columns:1fr}}
.specs{display:grid;grid-template-columns:200px minmax(0,1fr);gap:32px;align-items:start}
.specs--enkel{grid-template-columns:minmax(0,1fr)}
.specs-inhoud{position:sticky;top:0;display:flex;flex-direction:column;gap:2px}
.specs-inhoud a{display:block;padding:9px 12px;border-left:2px solid var(--c-line);color:var(--c-sub);font-size:14px;font-weight:600}
.specs-inhoud a:hover{color:var(--c-ink)}
.specs-inhoud a.is-actief{border-left-color:var(--c-primary);color:var(--c-ink)}
.specs-secties{display:flex;flex-direction:column;gap:28px}
.specs-sectie{border-top:1px solid var(--c-line);padding-top:22px}
.specs-sectie:first-child{border-top:0;padding-top:0}
.specs-sectie > summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:16px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;cursor:default;pointer-events:none}
.specs-sectie > summary::-webkit-details-marker{display:none}
.specs-sectie > summary .ico{display:none}
.specs-sectie__in{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:20px;margin-top:12px}
.specs-sectie__in--zonder{grid-template-columns:minmax(0,1fr)}
.specs-sectie__tekst{font-size:15px;color:#3a3a37;line-height:1.6}
.specs-sectie__beeld{border-radius:var(--radius-sm);background:var(--c-surface);aspect-ratio:1;object-fit:cover;width:100%}
.specs-tabel{grid-column:1/-1;font-size:14.5px}
.specs-tabel th,.specs-tabel td{padding:10px 12px;border-bottom:1px solid var(--c-line);text-align:left;vertical-align:top}
.specs-tabel th{width:42%;font-weight:600;color:var(--c-sub)}
.specs-tabel tr:nth-child(odd) td,.specs-tabel tr:nth-child(odd) th{background:#fafaf8}
.specs-bron{font-size:12.5px;color:var(--c-sub)}
@media (max-width:720px){
  .specs{grid-template-columns:1fr;gap:0}
  .specs-inhoud{display:none}
  .specs-secties{gap:0}
  .specs-sectie{padding:0;border-top:1px solid var(--c-line)}
  .specs-sectie > summary{min-height:56px;cursor:pointer;pointer-events:auto;font-size:14.5px}
  .specs-sectie > summary .ico{display:inline-flex;transition:transform .15s}
  .specs-sectie[open] > summary .ico{transform:rotate(180deg)}
  .specs-sectie__in{grid-template-columns:1fr;margin:0 0 18px}
  .specs-sectie__beeld{max-width:220px}
}

.zoom{position:fixed;inset:0;z-index:90;background:#0d0d0d;color:#fff;display:grid;grid-template-columns:96px minmax(0,1fr) 360px}
.zoom--inline{position:relative;inset:auto;z-index:auto;height:640px;border-radius:var(--radius);overflow:hidden}
.zoom-thumbs{display:flex;flex-direction:column;gap:10px;padding:18px 14px;overflow-y:auto}
.zoom-thumbs button{width:68px;height:68px;padding:0;border:2px solid transparent;border-radius:var(--radius-sm);background:#1f1f1e;overflow:hidden;opacity:.6}
.zoom-thumbs button.is-aan{border-color:var(--c-primary);opacity:1}
.zoom-thumbs img{width:100%;height:100%;object-fit:cover}
.zoom-beeld{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;background:var(--c-dark)}
.zoom-beeld img{max-height:100%;width:auto;object-fit:contain;background:var(--c-surface)}
.zoom-teller{position:absolute;left:18px;top:16px;padding:6px 10px;border-radius:99px;background:rgba(0,0,0,.6);font-size:13px;font-weight:700;letter-spacing:.06em}
.zoom-pijl{position:absolute;top:50%;width:48px;height:48px;margin-top:-24px;border:0;border-radius:50%;background:rgba(255,255,255,.92);color:var(--c-ink);display:flex;align-items:center;justify-content:center}
.zoom-pijl--vorige{left:18px}
.zoom-pijl--volgende{right:18px}
.zoom-sluit{position:absolute;right:16px;top:14px;width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,255,255,.92);color:var(--c-ink);display:flex;align-items:center;justify-content:center}
.zoom-bestel{display:flex;flex-direction:column;gap:14px;padding:72px 24px 24px;background:#fff;color:var(--c-ink);overflow-y:auto}
.zoom-bestel__naam{font-size:20px;font-weight:800;line-height:1.2}
.zoom-bestel__prijs{font-size:22px;font-weight:800}
.zoom-bestel .zn-sizes{display:flex;flex-wrap:wrap;gap:6px}
@media (max-width:900px){
  .zoom{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto auto}
  .zoom-thumbs{order:2;flex-direction:row;padding:10px 12px;overflow-x:auto}
  .zoom-thumbs button{flex:0 0 56px;width:56px;height:56px}
  .zoom-bestel{order:3;padding:14px 16px 18px;gap:10px;overflow:visible}
  .zoom-bestel__naam{flex:1 1 100%;font-size:16px}
  .zoom-bestel .btn{flex:1}
  .zoom-pijl{display:none}
}


/* ==========================================================================
   20 · PRODUCTPAGINA: GIDSEN, TRUSTBAR, WINKELREVIEWS
   .gids-meer telt zijn kinderen: 1 = banner, 2 = halve kaarten, 3-4 = raster.
   De trustbadge opent .paneel met de reviewpagina van {reviews_platform} in
   een iframe (lazy, pas laden bij openen).
   ========================================================================== */
.gids-meer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.gids-meer:has(> :only-child){grid-template-columns:1fr}
.gids-meer:has(> :nth-child(3)){grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
.gids-horizontaal{display:grid;grid-template-columns:minmax(0,1fr) 40%;min-height:220px;border:1px solid var(--c-line);border-radius:var(--radius);overflow:hidden;background:#fff;color:var(--c-ink)}
.gids-horizontaal:hover{border-color:var(--c-ink);color:var(--c-ink)}
.gids-horizontaal__tekst{display:flex;flex-direction:column;gap:10px;padding:24px}
.gids-horizontaal__rol{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--c-primary-2)}
.gids-horizontaal__titel{font-size:20px;font-weight:800;line-height:1.25}
.gids-horizontaal__text{font-size:15px;color:var(--c-sub);line-height:1.55}
.gids-horizontaal__cta{margin-top:auto;display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.gids-horizontaal img{width:100%;height:100%;object-fit:cover;background:var(--c-surface)}
.gids-meer:has(> :only-child) .gids-horizontaal{grid-template-columns:minmax(0,1fr) 50%;min-height:300px;background:var(--c-dark);color:#fff;border-color:var(--c-dark)}
.gids-meer:has(> :only-child) .gids-horizontaal__titel{font-size:clamp(24px,2.6vw,32px);text-transform:uppercase}
.gids-meer:has(> :only-child) .gids-horizontaal__rol{color:var(--c-primary)}
.gids-meer:has(> :only-child) .gids-horizontaal__text{color:var(--c-dark-sub)}
.gids-meer:has(> :only-child) .gids-horizontaal__tekst{padding:36px}
.gids-meer:has(> :nth-child(3)) .gids-horizontaal{grid-template-columns:1fr;grid-template-rows:auto 1fr}
.gids-meer:has(> :nth-child(3)) .gids-horizontaal img{order:-1;aspect-ratio:16/9;height:auto}
@media (max-width:720px){.gids-meer,.gids-meer:has(> :only-child){grid-template-columns:1fr}.gids-horizontaal,.gids-meer:has(> :only-child) .gids-horizontaal{grid-template-columns:1fr;grid-template-rows:auto 1fr}.gids-horizontaal img{order:-1;aspect-ratio:16/9;height:auto}.gids-meer:has(> :only-child) .gids-horizontaal__tekst{padding:22px}}
.trust-badge{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:4px 14px 4px 4px;border:1px solid var(--c-line);border-radius:99px;background:#fff;color:var(--c-ink);font-size:13.5px}
.trust-badge:hover{border-color:var(--c-ink);color:var(--c-ink)}
.trust-badge__score{display:flex;align-items:center;justify-content:center;min-width:40px;height:36px;padding:0 8px;border-radius:99px;background:var(--c-ink);color:#fff;font-size:15px;font-weight:800}
.trust-badge__score small{font-size:11px;font-weight:600;opacity:.75;margin-left:1px}
.trust-badge__tekst b{font-weight:700}
.trust-badge__ok{display:inline-flex;align-items:center;gap:4px;color:#2f7a33;font-weight:600}
.trust-badge__ok .ico svg{width:15px;height:15px;stroke-width:2.6}
.trust-frame{flex:1;min-height:420px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:1px dashed var(--c-line);border-radius:var(--radius-sm);background:#fafaf8;color:var(--c-sub);font-size:14px;text-align:center;padding:20px}


/* aanpassingen voor het thema */
.paneel--breed.drawer{width:min(880px,100%)}
.assistent-fab:not(.assistent-fab--in-balk):not(.is-zichtbaar),body.atc-in-beeld .assistent-fab:not(.assistent-fab--in-balk),body.heeft-bestelbalk .assistent-fab:not(.assistent-fab--in-balk),html.is-locked .assistent-fab{display:none}
@media (min-width:901px){body:has(.bestelbalk) .assistent-fab:not(.assistent-fab--in-balk){left:24px;right:auto}}
.bestelbalk .assistent-fab--in-balk{flex:0 0 48px;background:#fff;color:var(--c-ink);border:1.5px solid var(--c-line)}
.bestelbalk .assistent-fab--in-balk:hover{border-color:var(--c-ink);background:#fff;color:var(--c-ink)}
.bestelbalk .assistent-fab--in-balk .ico{width:auto;height:auto;background:none;color:var(--c-ink)}
.assistent-fab .ico{display:inline-flex;align-items:center;justify-content:center}
.assistent-kop__var[hidden]{display:none}
.assistent-bubbel p{margin:0}
.assistent-bubbel--bot p + p{margin-top:8px}
a.assistent-product__naam{color:var(--c-ink)}
a.assistent-product__naam:hover{color:var(--c-primary-2)}
.assistent-product .add_to_cart_button.loading{opacity:.6}
.assistent-product .added_to_cart{display:none}
.assistent-fout{display:flex;flex-direction:column;gap:10px}
.assistent-gesprek[hidden],.assistent-formvak[hidden],.paneel__voet[hidden]{display:none}
.assistent-formvak{display:flex;flex-direction:column;gap:12px}
.assistent-form .form-row{display:flex;flex-direction:column;gap:6px}
.assistent-form label{font-size:14px;font-weight:600}
.assistent-form .input-text{width:100%;height:48px;padding:0 14px;border:1px solid var(--c-line);border-radius:var(--radius-sm);font-size:15px}
.assistent-form .input-text:focus,.assistent-form textarea:focus{outline:0;border-color:var(--c-ink)}
.assistent-form.is-bezig button[type=submit]{opacity:.6;pointer-events:none}
.assistent-form .meld[hidden],.meld[hidden]{display:none}
.assistent-terug{align-self:flex-start;border:0;background:none;padding:4px 0;font-size:13.5px;font-weight:600;color:var(--c-sub);text-decoration:underline}
.assistent-terug:hover{color:var(--c-ink)}
.specs-link{margin-top:4px}
.specs-sectie__tekst p{margin:0 0 8px}
.specs-sectie__tekst p:last-child{margin:0}
.zoom[hidden]{display:none}
.zoom--enkel{grid-template-columns:minmax(0,1fr) 360px}
.zoom-beeld{overflow:hidden;touch-action:none}
.zoom-beeld img{max-width:100%;transition:transform .2s ease;cursor:zoom-in;user-select:none}
.zoom.is-ingezoomd .zoom-beeld img{cursor:grab;transition:none}
.zoom-pijl .ico,.zoom-sluit .ico{display:inline-flex}
.zoom-bestel .price{display:flex;align-items:baseline;gap:8px;margin:0}
.zoom-bestel .price del{font-size:15px;font-weight:500;color:var(--c-sub)}
.zoom-bestel .price ins{text-decoration:none}
.zoom-bestel .voorraad.is-uit{color:var(--c-sub)}
.zoom-melding{font-size:14px;font-weight:600;color:var(--c-primary-2)}
.zoom-melding:empty{display:none}
.zoom-bestel .zn-swatches{display:flex;flex-wrap:wrap;gap:8px}
@media (max-width:900px){.zoom--enkel{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto}}
.gids-horizontaal--zonder-beeld,.gids-meer:has(> :only-child) .gids-horizontaal--zonder-beeld{grid-template-columns:1fr}
iframe.trust-frame{display:block;width:100%;min-height:60vh;border:0;padding:0;background:#fff}
.paneel--trust .trust-badge{align-self:flex-start}
.summary .trust-badge{align-self:flex-start;margin:2px 0 4px}
.assistent-kop:has(> .assistent-kop__var[hidden]) .assistent-kop__naam{grid-row:1/3;align-self:center}
@media (min-width:721px){.gids-meer:not(:has(> :nth-child(3))) .gids-horizontaal img{height:0;min-height:100%}}
@media (max-width:900px){
  .bestelbalk .price{display:block;flex:1 1 auto;min-width:0;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .bestelbalk .price del{display:none}
  .bestelbalk .btn{flex:0 0 auto;padding:0 16px}
}
.gids-horizontaal__rol{color:#a34a12}
.gids-meer:has(> :only-child) .gids-horizontaal__rol{color:var(--c-primary)}

/* Reviews van kopers: rustige lijst, per review naam, datum, koper en sterren op één regel, de tekst eronder. */
.rv-lijst{display:flex;flex-direction:column}
.rv{padding:22px 0;border-top:1px solid var(--c-line)}
.rv:first-child{padding-top:4px;border-top:0}
.rv__kop{display:flex;align-items:center;gap:12px}
.rv__letter{display:inline-flex;align-items:center;justify-content:center;flex:0 0 40px;height:40px;border-radius:50%;background:var(--c-surface);color:var(--c-ink);font-size:16px;font-weight:700}
.rv__wie{display:flex;flex-direction:column;gap:2px;min-width:0}
.rv__naam{font-size:15px;font-weight:700;color:var(--c-ink)}
.rv__meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;font-size:13px;color:var(--c-sub)}
.rv__koper{display:inline-flex;align-items:center;gap:4px;color:var(--c-groen-tekst,#2e7d32);font-weight:600}
.rv__koper .ico svg{width:14px;height:14px}
.rv__sterren{margin-left:auto;align-self:flex-start;padding-top:3px}
.rv__sterren .reviews__sterren{display:inline-flex;gap:2px;color:var(--c-primary)}
.rv__sterren .ico.is-leeg{color:var(--c-line)}
.rv__tekst{margin:12px 0 0 52px;max-width:72ch;font-size:15.5px;line-height:1.6;color:#3a3a37}
.rv__tekst p{margin:0}
.rv__tekst p+p{margin-top:8px}
.rv-lijst.is-kort .rv:nth-child(n+5){display:none}
.rv-meer{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:0 0 2px;border:0;border-bottom:2px solid var(--c-primary);background:none;font:inherit;font-size:14.5px;font-weight:700;color:var(--c-ink);cursor:pointer}
.rv-meer[aria-expanded="true"] .ico{transform:rotate(180deg)}
.rv-meer[hidden]{display:none}
.product-reviews .reviews__score .reviews__sterren{color:var(--c-primary)}
.product-reviews .reviews__score{align-items:flex-start;text-align:left}
.product-reviews .balkjes{align-self:stretch;width:100%;max-width:340px}
@media (max-width:720px){
  .rv{padding:18px 0}
  .rv__letter{flex-basis:34px;height:34px;font-size:14px}
  .rv__tekst{margin-left:0}
}


/* ==========================================================================
   PREMIUM: WIST JE DAT, VEELGESTELDE VRAGEN, ZOOM MET AANTAL EN VRAGEN
   ========================================================================== */
.zoom-bestel__koop,.zoom-bestel__extra{display:flex;flex-direction:column;gap:14px}
.zoom-bestel__extra:empty{display:none}
.zoom-bestel__extra{padding-top:4px}
.zoom-koop{display:flex;flex-wrap:wrap;gap:10px;align-items:stretch}
.zoom-koop .btn{flex:1 1 180px;min-width:0;margin:0}
.zoom-aantal{display:flex;align-items:center;border:1.5px solid var(--c-line);border-radius:var(--radius-sm);background:#fff}
.zoom-aantal button{width:38px;align-self:stretch;border:0;background:none;color:var(--c-ink);display:flex;align-items:center;justify-content:center;cursor:pointer}
.zoom-aantal input{width:38px;min-height:46px;padding:0;border:0;text-align:center;font:inherit;font-weight:700;-moz-appearance:textfield;appearance:textfield}
.zoom-aantal input::-webkit-outer-spin-button,.zoom-aantal input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.zoom-blok__kop{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.zoom-blok__kop .ico{color:var(--c-success)}
.zoom-waarom{display:flex;flex-direction:column;gap:10px;padding:16px;border:1px solid var(--c-line);border-radius:var(--radius)}
.zoom-waarom ul{list-style:none;margin:0;padding:12px 0 0;border-top:1px solid var(--c-line);display:flex;flex-direction:column;gap:9px}
.zoom-waarom li{display:flex;gap:8px;align-items:flex-start;font-size:14px;line-height:1.45}
.zoom-waarom li .ico{flex:0 0 auto;margin-top:2px;color:var(--c-success)}
.wist--koop{display:flex;gap:10px;align-items:flex-start;padding:14px 16px;border:1px solid var(--c-tip-lijn,#efdfb2);border-radius:var(--radius);background:var(--c-tip,#fdf7e7)}
.wist--koop .ico{flex:0 0 auto;margin-top:1px;color:var(--c-tip-tekst,#9a6b00)}
.wist--koop p{margin:0;font-size:14px;line-height:1.5}
.product-top .wist--koop{margin-top:14px}
.zoom-vragen{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:var(--radius);background:var(--c-surface)}
.zoom-vragen__pillen{display:flex;flex-wrap:wrap;gap:8px}
.zoom-vragen__pillen .chip{background:#fff;text-align:left}
.zoom-vragen__gesprek{display:flex;flex-direction:column;gap:8px}
.zoom-vragen__gesprek:empty{display:none}
.zoom-vragen .assistent-bubbel--bot{background:#fff}
.zoom-vragen .assistent-bubbel{font-size:14px}
.zoom-vragen__invoer{display:flex;gap:8px}
.zoom-vragen__invoer input{flex:1;min-width:0;height:44px;padding:0 14px;border:1.5px solid var(--c-line);border-radius:var(--radius-sm);background:#fff;font:inherit}
.zoom-vragen__invoer button{flex:0 0 44px;height:44px;border:0;border-radius:50%;background:var(--c-actie,var(--c-primary));color:var(--c-on-actie,#fff);display:flex;align-items:center;justify-content:center;cursor:pointer}
.faq-blok{margin-top:48px;padding-top:40px;border-top:1.5px solid var(--c-line)}
.faq-blok .faq{max-width:820px}
@media (max-width:900px){
  .zoom-bestel__koop{gap:10px;flex-direction:row;flex-wrap:wrap;align-items:center}
  .zoom-bestel__koop > :not(.zoom-bestel__naam):not(.zoom-bestel__prijs):not(.btn):not(.zoom-koop):not(.zoom-keuze):not(.zoom-levertijd):not(.zoom-melding){display:none}
  .zoom-bestel__koop .zoom-koop{flex:1 1 100%;flex-wrap:nowrap}
  .zoom-bestel__extra{display:none}
}

/* ── 2.5: galerij als slider. Miniaturen links zo hoog als de foto (scrollen als er meer zijn),
   foto's naast elkaar in een baan met pijlen; op telefoons vegen met een teller ── */
.woocommerce-product-gallery{grid-template-columns:84px minmax(0,1fr);min-width:0}
.woocommerce-product-gallery__wrapper,.woocommerce-product-gallery .flex-control-thumbs{min-width:0;max-width:100%}
.woocommerce-product-gallery--enkel{grid-template-columns:minmax(0,1fr)}
.woocommerce-product-gallery .flex-control-thumbs{height:0;min-height:100%;margin:0;padding:0 4px 0 0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#cfcfca transparent;list-style:none}
.woocommerce-product-gallery .flex-control-thumbs::-webkit-scrollbar{width:4px}
.woocommerce-product-gallery .flex-control-thumbs::-webkit-scrollbar-thumb{border-radius:2px;background:#cfcfca}
.flex-control-thumbs li{flex:0 0 auto;background:#fff;transition:border-color .15s}
.flex-control-thumbs li:hover{border-color:#a9a9a3}
.flex-control-thumbs li.is-actief{border-color:var(--c-ink)}
.woocommerce-product-gallery__wrapper{position:relative;aspect-ratio:1/1;overflow:hidden;border-radius:var(--radius);background:#fff;border:1px solid var(--c-line)}
.gallery__baan{display:flex;width:100%;height:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
.gallery__baan::-webkit-scrollbar{display:none}
.gallery__baan .woocommerce-product-gallery__image{display:block;flex:0 0 100%;width:100%;height:100%;scroll-snap-align:start;scroll-snap-stop:always}
.gallery__baan .woocommerce-product-gallery__image img{width:100%;height:100%;padding:4%;object-fit:contain;background:#fff}
.woocommerce-product-gallery__wrapper > .badges{position:absolute;top:16px;left:16px;z-index:2}
.gallery__pijl{position:absolute;top:50%;z-index:2;display:flex;align-items:center;justify-content:center;width:42px;height:42px;margin-top:-21px;border:1px solid var(--c-line);border-radius:50%;background:rgba(255,255,255,.92);color:var(--c-ink);cursor:pointer;opacity:0;transition:opacity .15s}
.gallery__pijl--vorige{left:12px}
.gallery__pijl--volgende{right:12px}
.woocommerce-product-gallery__wrapper:hover .gallery__pijl,.gallery__pijl:focus-visible{opacity:1}
.gallery__teller{position:absolute;left:14px;bottom:14px;z-index:2;display:none;padding:3px 10px;border-radius:999px;background:rgba(17,17,17,.7);color:#fff;font-size:12.5px;font-weight:600}
.gallery__zoom{z-index:2}
@media (hover:none){.gallery__pijl{display:none}}
@media (max-width:760px){
  .woocommerce-product-gallery__wrapper{border-left:0;border-right:0;border-radius:0}
  .woocommerce-product-gallery .flex-control-thumbs{height:auto;min-height:0;flex-direction:row;gap:8px;padding:10px var(--gutter) 0;overflow-x:auto;overflow-y:hidden}
  .flex-control-thumbs li{flex:0 0 56px}
  .gallery__teller{display:block}
}

/* ── 2.5: kleur en maat. Kleur als fototegels (naam in het label), maten als rustige knoppen,
   uitverkocht doorgestreept ── */
table.variations th.label{margin-bottom:10px;font-size:14.5px;letter-spacing:0;text-transform:none}
table.variations th.label label{gap:0}
table.variations th.label [data-gekozen]{font-weight:500;color:var(--c-sub)}
table.variations th.label [data-gekozen]:not(:empty)::before{content:": "}
.zn-swatches{gap:8px}
.zn-swatch{position:relative;justify-content:center;width:auto;padding:0;border:1px solid var(--c-line);border-radius:8px;background:#fff;color:var(--c-ink);overflow:hidden;transition:border-color .15s,box-shadow .15s}
.zn-swatch--foto{width:72px;height:88px}
.zn-swatch--foto img{width:100%;height:100%;aspect-ratio:auto;padding:4px;object-fit:contain;border-radius:0;background:#fff}
.zn-swatch--foto .zn-swatch__naam{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.zn-swatch--kleur{flex-direction:row;gap:8px;height:44px;padding:0 14px 0 8px;border-radius:999px;font-size:13.5px;font-weight:600}
.zn-swatch--kleur .zn-swatch__kleur{width:28px;height:28px;aspect-ratio:auto;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}
.zn-swatch:hover{border-color:#8d8d87}
.zn-swatch.is-aan{border-color:var(--c-ink);box-shadow:0 0 0 1px var(--c-ink)}
.zn-swatch.is-uit{opacity:1}
.zn-swatch.is-uit::after{content:"";position:absolute;inset:0;background:linear-gradient(to top right,transparent calc(50% - 1px),#b8b8b2 calc(50% - 1px),#b8b8b2 calc(50% + 1px),transparent calc(50% + 1px));pointer-events:none}
.zn-swatch.is-uit img,.zn-swatch.is-uit .zn-swatch__kleur{opacity:.45}
.zn-sizes{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px}
.zn-size{height:46px;border:1px solid transparent;border-radius:8px;background:var(--c-surface);color:var(--c-ink);font-size:14.5px;font-weight:600;transition:border-color .15s,background .15s}
.zn-size:hover{border-color:var(--c-ink);background:#fff}
.zn-size.is-aan{border-color:var(--c-ink);background:var(--c-ink);color:#fff}
.zn-size.is-uitverkocht{border-color:transparent;background:var(--c-surface) linear-gradient(to top right,transparent calc(50% - .5px),#c4c4be calc(50% - .5px),#c4c4be calc(50% + .5px),transparent calc(50% + .5px));color:#a3a39d;text-decoration:none}

/* ── 2.5: leverbox als blok met iconen, Wist je dat er direct onder ── */
.summary .leverbox{margin:0;padding:2px 16px;border:1px solid var(--c-line);border-radius:10px;background:#fff;list-style:none}
.summary .leverbox li{gap:12px;padding:11px 0;font-size:14.5px;line-height:1.35}
.summary .leverbox li + li{border-top:1px solid var(--c-line)}
.summary .leverbox .ico{display:flex;flex:0 0 32px;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--c-surface);color:var(--c-ink)}
.summary .leverbox .ico svg{width:17px;height:17px}
.summary .leverbox li[data-leverbox-levertijd] .ico{background:rgba(46,125,50,.1);color:var(--c-success,#2e7d32)}
.summary .leverbox li > span{flex:1;min-width:0}
.summary .leverbox img,.summary .leverbox svg:not(.ico svg){flex:0 0 auto;width:34px;height:34px;margin-left:auto;border-radius:6px;background:transparent;object-fit:cover}
.product-top .summary .wist--koop{margin-top:0}
.summary .leverbox + .wist--koop{margin-top:-6px}
.zoom-bestel .zn-size{min-width:52px;padding:0 12px}

/* ── 2.5: zoom. De foto past altijd in het scherm (ook staande foto's), op een lichte achtergrond
   zoals de oude zoom; miniaturen op een lichte kolom ── */
.zoom{grid-template-rows:minmax(0,1fr);height:100vh;height:100dvh;background:#fff;color:var(--c-ink)}
.zoom--inline{height:640px}
.zoom-thumbs{background:var(--c-surface);border-right:1px solid var(--c-line)}
.zoom-thumbs button{border:1.5px solid var(--c-line);background:#fff;opacity:1}
.zoom-thumbs button.is-aan{border-color:var(--c-ink)}
.zoom-thumbs img{object-fit:contain}
.zoom-beeld{height:100%;min-height:0;background:#fff}
.zoom-beeld img{position:absolute;inset:24px;margin:auto;width:auto;height:auto;max-width:calc(100% - 48px);max-height:calc(100% - 48px);background:#fff}
.zoom-teller{background:var(--c-surface);color:var(--c-ink);border:1px solid var(--c-line)}
.zoom-pijl,.zoom-sluit{border:1px solid var(--c-line);background:#fff;box-shadow:0 2px 10px rgba(17,17,17,.08)}
.zoom-bestel{border-left:1px solid var(--c-line)}
@media (max-width:900px){.zoom-beeld img{inset:0;max-width:100%;max-height:100%}}

/* ── 2.5.1: alles wat telt in één scherm. Foto nooit hoger dan wat er onder de kop past, koopkolom
   compact: merk, naam, score en specificaties op één regel, prijs met btw, kleur, maat, knop en de
   beloften als raster ── */
.summary{gap:14px}
.summary__brand{font-size:12px;letter-spacing:.12em}
.summary .product_title{margin:-6px 0 0;font-size:clamp(22px,1.75vw,30px);line-height:1.15}
.summary__meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px}
.summary__meta .trust-badge{margin:0;min-height:38px}
.summary__meta .specs-link{margin:0;font-size:13px}
.summary__prijsrij{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px}
.summary__prijsrij .price{font-size:30px;line-height:1.1}
.summary__prijsrij .summary__btw{margin:0}
.summary__kort{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:15px}
table.variations tr + tr th.label{margin-top:12px}
table.variations th.label{margin-bottom:8px}
.summary .zn-swatch--foto{width:60px;height:72px}
.summary .zn-size{height:42px}
.summary .cart__rij .quantity,.summary .cart__rij .single_add_to_cart_button{min-height:52px;height:52px}
.summary .summary__fav{width:52px;height:52px}
.summary .wist--koop{padding:10px 14px}
.summary .wist--koop p{font-size:13.5px}
@media (min-width:901px){
  .product-sectie .product-top{padding-top:12px;gap:40px}
  .product-pagina .woocommerce-breadcrumb{margin-top:12px}
  .woocommerce-product-gallery{top:84px}
  .woocommerce-product-gallery__wrapper{width:100%;max-height:max(380px,calc(100vh - 250px));max-height:max(380px,calc(100svh - 250px))}
}
.summary__meta .summary__rating{flex:0 0 auto}
@media (min-width:901px) and (max-height:860px){
  .summary{gap:12px}
  .summary__kort{-webkit-line-clamp:2;font-size:14.5px}
  .summary__prijsrij .price{font-size:26px}
  .summary .zn-swatch--foto{width:54px;height:64px}
  .summary .zn-size{height:40px}
}
@media (min-width:901px) and (max-height:760px){.summary__kort{display:none}}

/* ── 2.6: twee kolommen. Links galerij en daaronder de tabs, rechts de koopkolom met daaronder de
   blokken (pdp-rail). Vanaf 1101px scrollt de hele rechterkolom mee (pdp.js zet --rechts-top);
   daaronder is het één kolom (galerij, koopkolom, tabs). ── */
.product-top{grid-template-areas:"galerij rechts" "details details";align-items:start;row-gap:40px}
.product-top > .woocommerce-product-gallery{grid-area:galerij}
.pdp-rechts{grid-area:rechts;display:flex;flex-direction:column;gap:28px;min-width:0;align-self:stretch}
.product-top > .product-tabs{grid-area:details;min-width:0;padding:0}
.pdp-rail{display:none}
@media (min-width:901px){
  .product-top > .woocommerce-product-gallery{position:relative;top:auto}
}
@media (max-width:900px){
  .product-top{grid-template-areas:none;row-gap:20px}
  .product-top > .woocommerce-product-gallery,.pdp-rechts,.product-top > .product-tabs{grid-area:auto}
}
@media (min-width:1101px){
  .pdp-rail{display:flex;flex-direction:column;gap:12px}
}
.pdp-rail__blok{padding:14px 16px;border:1px solid var(--c-line);border-radius:10px;background:#fff}
.pdp-rail__titel{margin:0 0 10px;font-size:16px;font-weight:800;line-height:1.3;color:var(--c-ink)}
.pdp-rail__nav,.pdp-rail__links{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}
.pdp-rail__nav a{display:flex;align-items:center;gap:8px;padding:6px 0 6px 12px;border-left:2px solid var(--c-line);font-size:14px;color:var(--c-sub)}
.pdp-rail__nav a small{font-size:12px;padding:1px 6px;border-radius:4px;background:var(--c-surface)}
.pdp-rail__nav a:hover{color:var(--c-ink)}
.pdp-rail__nav a.is-actief{border-left-color:var(--c-ink);color:var(--c-ink);font-weight:700}
.pdp-rail__links a{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:14px;color:var(--c-ink)}
.pdp-rail__links a span{flex:1;min-width:0}
.pdp-rail__links a:hover span{text-decoration:underline;text-underline-offset:3px}
.pdp-rail__links small{font-size:12px;color:var(--c-sub)}
.pdp-rail__links .ico{color:var(--c-primary)}
.pdp-rail__link--zus a{padding-left:12px}
.pdp-rail__ks{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:0 0 10px;font-size:13.5px}
.pdp-rail__ks a{margin-left:auto;font-weight:700;color:var(--c-ink)}
.pdp-rail__vragen{gap:6px;margin-bottom:10px}
.pdp-rail__vragen .chip{font-size:12.5px;padding:6px 10px}
.pdp-rail__vraag{display:flex;gap:6px}
.pdp-rail__vraag .input-text{flex:1;min-width:0;height:40px;padding:0 12px;border:1px solid var(--c-line);border-radius:6px;font:inherit;font-size:14px}
.pdp-rail__stuur{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:0;border-radius:50%;background:var(--c-actie,#2e7d32);color:#fff;cursor:pointer}

/* Combineer met: zes producten op een rij op brede schermen, op telefoons vegen */
.aanbevelingen--breed ul.products{grid-template-columns:repeat(6,minmax(0,1fr))}
@media (max-width:1280px){.aanbevelingen--breed ul.products{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){
  .aanbevelingen--breed ul.products,.aanbevelingen ul.products{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;margin-right:calc(var(--gutter)*-1);padding-right:var(--gutter);scrollbar-width:none}
  .aanbevelingen ul.products > li{flex:0 0 46%;scroll-snap-align:start}
}
.pdp-rail__nav{flex-direction:row;flex-wrap:wrap;gap:6px}
.pdp-rail__nav a{padding:5px 10px;border:1px solid var(--c-line);border-radius:999px;font-size:13px}
.pdp-rail__nav a.is-actief{border-color:var(--c-ink);background:var(--c-ink);color:#fff}
.pdp-rail__nav a.is-actief small{background:rgba(255,255,255,.2)}

/* ── 2.6.1: zoom met een breder bestelpaneel en meer lucht om de foto ── */
@media (min-width:901px){
  .zoom{grid-template-columns:96px minmax(0,1fr) clamp(400px,30vw,500px)}
  .zoom--enkel{grid-template-columns:minmax(0,1fr) clamp(400px,30vw,500px)}
  .zoom-beeld img{inset:64px 88px;max-width:calc(100% - 176px);max-height:calc(100% - 128px)}
  .zoom-bestel{padding:72px 32px 28px}
}
/* Zwevende keurmerk-badges van derden niet over de zoom of een paneel heen */
body.is-vast [class*="wwk--sidebar"],body.is-vast [id*="webwinkelkeur"],body.is-vast [class*="webwinkelkeur-sidebar"]{visibility:hidden}

/* ── 2.6.1: paneel klantbeoordelingen met de zekerheden en recente beoordelingen ── */
.paneel--trust .paneel__body{display:flex;flex-direction:column;gap:20px}
.trust-zeker{padding:18px;border:1px solid #d7ead8;border-radius:12px;background:#f5faf5}
.trust-zeker__titel{margin:0 0 12px;font-size:17px;font-weight:800;line-height:1.3;color:var(--c-ink)}
.paneel--trust .paneel__body > .trust-zeker__titel{margin:4px 0 -8px}
.trust-zeker ul{display:flex;flex-direction:column;gap:14px;margin:0;padding:0;list-style:none}
.trust-zeker li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;align-items:start}
.trust-zeker__icoon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#fff;color:#2e7d32;box-shadow:inset 0 0 0 1px #d7ead8}
.trust-zeker li b{display:block;font-size:15px;font-weight:700;line-height:1.35;color:var(--c-ink)}
.trust-zeker li small{display:block;margin-top:2px;font-size:13.5px;line-height:1.45;color:#4a4a46}
.paneel--trust .winkelreview{padding:16px;border:1px solid var(--c-line);border-radius:12px;background:#fff}
.paneel--trust .winkelreview + .winkelreview{margin-top:-8px}

/* ── 2.6.1: gratis verzending naast de prijs ── */
.summary__verzend{display:inline-flex;align-items:center;gap:6px;align-self:center;padding:4px 10px;border-radius:999px;background:var(--c-surface);font-size:13.5px;font-weight:600;line-height:1.3;color:var(--c-ink)}
.summary__verzend .ico{display:inline-flex;color:var(--c-sub)}
.summary__verzend.is-gratis{background:#e8f3e9;color:#1f5f23}
.summary__verzend.is-gratis .ico{color:#2e7d32}

/* Aanbevelingen die je veegt: kaarten even hoog, prijs onderaan */
.aanbevelingen ul.products{align-items:stretch}
.aanbevelingen ul.products > li.product{height:auto}
.aanbevelingen ul.products > li.product .woocommerce-LoopProduct-link,.aanbevelingen ul.products > li.product .product__tekst{flex:1 1 auto}
.aanbevelingen ul.products > li.product .woocommerce-LoopProduct-link .price{margin-top:auto}


/* ── 2.7: miniaturen zonder schuifbalk; een pijl boven en onder en een zachte rand als er meer zijn ── */
@media (min-width:901px){
  .woocommerce-product-gallery .flex-control-thumbs{padding-right:0;scrollbar-width:none;scroll-behavior:smooth}
  .woocommerce-product-gallery .flex-control-thumbs::-webkit-scrollbar{display:none}
  .flex-control-thumbs.is-onder{-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 56px),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - 56px),transparent)}
  .flex-control-thumbs.is-boven{-webkit-mask-image:linear-gradient(to top,#000 calc(100% - 56px),transparent);mask-image:linear-gradient(to top,#000 calc(100% - 56px),transparent)}
  .flex-control-thumbs.is-boven.is-onder{-webkit-mask-image:linear-gradient(to bottom,transparent,#000 56px,#000 calc(100% - 56px),transparent);mask-image:linear-gradient(to bottom,transparent,#000 56px,#000 calc(100% - 56px),transparent)}
  .thumbs-pijl{position:absolute;z-index:3;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid var(--c-line);border-radius:50%;background:#fff;color:var(--c-ink);box-shadow:0 4px 12px rgba(17,17,17,.12);cursor:pointer}
  .thumbs-pijl[hidden]{display:none}
  .thumbs-pijl:hover{border-color:var(--c-ink)}
}
@media (max-width:900px){.thumbs-pijl{display:none}}

/* ── 2.7: gewone productpagina. Koopblok als blok in de koopkolom (dezelfde ruimte als de rest),
   tabs over de volle breedte onder foto en koopkolom ── */
.koopblok{display:flex;flex-direction:column;gap:14px}

/* ── 2.7.3: leverbox. Levertijd als kopregel met een groene toon, daaronder drie pluspunten met
   een vette kop en een korte toelichting eronder (lxs_leverbox_delen), zodat niets midden in een
   bedrag afbreekt. Het logo van achteraf betalen staat op de plek van het icoon. ── */
.summary .leverbox{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0;overflow:hidden;border:1px solid var(--c-line);border-radius:10px;background:#fff}
.summary .leverbox li{border:0;font-size:14px}
.summary .leverbox li[data-leverbox-levertijd]{grid-column:1 / -1;gap:10px;padding:11px 16px;border-bottom:1px solid var(--c-line);background:rgba(46,125,50,.06);font-size:14.5px}
.summary .leverbox li[data-leverbox-levertijd] .ico{background:#fff;box-shadow:inset 0 0 0 1px rgba(46,125,50,.2)}
.summary .leverbox li[data-leverbox-levertijd].is-kies{background:var(--c-surface);color:var(--c-ink);font-weight:600}
.summary .leverbox li[data-leverbox-levertijd].is-kies .ico{color:var(--c-sub);box-shadow:inset 0 0 0 1px var(--c-line)}
.summary .leverbox .leverbox__usp{display:flex;align-items:center;gap:10px;min-width:0;padding:13px 14px;border-top:0;border-left:0}
.summary .leverbox .leverbox__usp + .leverbox__usp{border-left:1px solid var(--c-line)}
.summary .leverbox .leverbox__usp .ico{flex:0 0 34px;width:34px;height:34px;background:var(--c-surface)}
.summary .leverbox .leverbox__usp .ico svg{width:17px;height:17px}
.leverbox__tekst{display:flex;flex-direction:column;gap:2px;min-width:0;line-height:1.25}
.leverbox__tekst strong{font-size:13.5px;font-weight:700;color:var(--c-ink);text-wrap:balance}
.leverbox__tekst span{font-size:12.5px;color:var(--c-sub);white-space:nowrap}
.summary .leverbox .leverbox__logo{display:flex;flex:0 0 34px;width:34px;height:34px}
.summary .leverbox .leverbox__logo img,.summary .leverbox .leverbox__logo svg{width:34px;height:34px;margin:0;border-radius:50%;object-fit:cover}
/* Smallere koopkolom en telefoon: de pluspunten als drie tegels, icoon boven de tekst. */
@media (max-width:1350px){
  .summary .leverbox .leverbox__usp{flex-direction:column;justify-content:flex-start;gap:7px;padding:12px 8px;text-align:center}
  .leverbox__tekst{align-items:center}
  .leverbox__tekst span{white-space:normal}
}

/* ── 2.7.3: vraagblok onder de specificaties, in de stijl van de rest: kop zoals Specificaties,
   een veld zoals de zoekbalk in de header (grijs, zwarte knop), snelle vragen als dunne pillen. ── */
.tabs__zij{display:flex;flex-direction:column;gap:36px;min-width:0;align-self:start}
.vraagkaart{display:flex;flex-direction:column;gap:12px}
.vraagkaart__titel{margin:0;font-size:24px;font-weight:800;line-height:1.2}
.vraagkaart__tekst{margin:-4px 0 2px;color:var(--c-sub);font-size:15px}
.vraagkaart__form{display:flex;align-items:center;gap:6px;padding:4px 4px 4px 0;border:1px solid var(--c-line);border-radius:4px;background:var(--c-surface)}
.vraagkaart__form:focus-within{border-color:var(--c-ink)}
.vraagkaart__form input{flex:1;min-width:0;height:42px;padding:0 14px;border:0;background:transparent;color:var(--c-ink);font:inherit;font-size:15px;outline:0}
.vraagkaart__form button{display:flex;flex:0 0 42px;align-items:center;justify-content:center;width:42px;height:42px;padding:0;border:0;border-radius:4px;background:var(--c-ink);color:#fff;cursor:pointer}
.vraagkaart__form button:hover{background:#000}
.vraagkaart__form button .ico svg{width:18px;height:18px}
.vraagkaart__snel{display:flex;flex-wrap:wrap;gap:8px}
.vraagkaart__snel button{padding:7px 13px;border:1px solid var(--c-line);border-radius:99px;background:#fff;color:var(--c-ink);font:inherit;font-size:13.5px;line-height:1.3;text-align:left;cursor:pointer}
.vraagkaart__snel button:hover{border-color:var(--c-ink)}
.vraagkaart__mens{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:2px 0 0;color:var(--c-sub);font-size:14px}
.vraagkaart__mens a{color:var(--c-ink);font-weight:700;text-decoration:none}
.vraagkaart__mens a:hover{text-decoration:underline}
@media (max-width:900px){
  .tabs__zij{gap:28px}
  .vraagkaart__titel{font-size:21px}
}

/* ── 2.7.6: achtergrond van productfoto's op de productpagina (galerij, miniaturen, assistent). ── */
body.foto-bg .woocommerce-product-gallery__wrapper,
body.foto-bg .woocommerce-product-gallery__image,
body.foto-bg .flex-control-thumbs li button,
body.foto-bg .assistent-kop img{background:var(--foto-bg)}
body.foto-bg .woocommerce-product-gallery__image img,
body.foto-bg .flex-control-thumbs li button img,
body.foto-bg .assistent-kop img{background:transparent;mix-blend-mode:multiply}

/* ── 2.7.13: rustiger koopkolom. De compacte stand voor lage schermen stamt uit de tijd dat de kolom
   vast stond; de pagina scrolt nu gewoon, dus meer lucht tussen titel, prijs, tekst en koopknop. ── */
@media (min-width:901px){
  .summary{gap:22px}
  .koopblok{gap:18px}
  .summary__prijsrij{align-items:center;gap:8px 14px}
  .summary__prijsrij .price{font-size:30px}
  .summary__kort{display:-webkit-box;-webkit-line-clamp:4;font-size:15.5px;line-height:1.65}
  .summary .zn-swatch--foto{width:60px;height:72px}
  .summary .zn-size{height:42px}
}
@media (min-width:1400px){
  .summary{gap:26px}
  .koopblok{gap:20px}
}

/* ── 2.12.0: rust en vertrouwen op telefoons. Eén lijn van boven naar beneden: merk, titel (geen
   hoofdletters), beoordeling, prijs, korte tekst in twee regels, keuze en knop. Daarna rustig de
   winkelscore en de specificaties, de leverbox als regels in plaats van drie tegels. De prijs-pil
   (gratis verzending) staat al in de leverbox, "Wist je dat" staat bij de beschrijving, de zwevende
   chatknop zit al in de vaste balk en lag over de maatknoppen. ── */
.wist--mobiel{display:none}
@media (max-width:760px){
  .koopblok{gap:12px}
  .koopblok > *{order:6}
  .koopblok > .summary__brand{order:1;margin-bottom:-8px;font-size:11.5px;color:var(--c-sub)}
  .koopblok > .product_title{order:2}
  .summary .product_title{margin:0;font-size:20px;font-weight:700;line-height:1.3;letter-spacing:-.005em;text-transform:none;text-wrap:pretty}
  .summary__meta{display:contents}
  .summary__meta .summary__rating{order:3;margin-top:-4px;font-size:14px}
  .summary__prijsrij{order:4;margin-top:2px}
  .summary__prijsrij .price{font-size:26px}
  .summary__prijsrij .summary__verzend{display:none}
  .koopblok > .summary__kort{order:5;-webkit-line-clamp:2;font-size:14.5px;line-height:1.5;color:var(--c-sub)}
  .summary__meta .trust-badge{order:7;align-self:flex-start;gap:8px;min-height:36px;margin:2px 0 0;padding:3px 12px 3px 3px;font-size:13.5px}
  .summary__meta .trust-badge__score{min-width:34px;height:30px;font-size:14px}
  .summary__meta .specs-link{order:8;margin:0;font-size:14px;font-weight:600;letter-spacing:0;text-transform:none}
  .summary .wist--koop{display:none}
  .beschrijving .wist--mobiel{display:block}
  .assistent-fab:not(.assistent-fab--in-balk){display:none}
  /* 2.13.1: geen rij miniaturen onder de foto: vegen en de teller (1/9) zijn genoeg. */
  .pdp-galerij .flex-control-thumbs,.flex-control-thumbs[data-gallery-thumbs]{display:none}

  .summary .leverbox{grid-template-columns:1fr}
  .summary .leverbox li[data-leverbox-levertijd]{padding:12px 14px}
  .summary .leverbox .leverbox__usp{flex-direction:row;justify-content:flex-start;gap:12px;padding:10px 14px;text-align:left}
  .summary .leverbox .leverbox__usp + .leverbox__usp{border-left:0;border-top:1px solid var(--c-line)}
  .summary .leverbox .leverbox__usp .ico,.summary .leverbox .leverbox__logo{flex:0 0 28px;width:28px;height:28px}
  .summary .leverbox .leverbox__usp .ico svg{width:15px;height:15px}
  .summary .leverbox .leverbox__logo img,.summary .leverbox .leverbox__logo svg{width:28px;height:28px}
  .leverbox__tekst{flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:0 6px}
  .leverbox__tekst strong{font-size:14px}
  .leverbox__tekst span{font-size:13.5px;white-space:normal}
}

/* ── 2.14.2: zoom op telefoons: levertijd klein tussen de foto en het productblok, en kleur en maat
   compact om te kiezen (kleine knoppen in één rij om te vegen). Zonder keuze toevoegen kan niet meer. ── */
.zoom-levertijd{display:flex;align-items:center;gap:7px;font-size:13.5px;font-weight:600;color:#2e7d32}
.zoom-levertijd .ico,.zoom-levertijd svg{flex:0 0 auto}
.zoom-keuze{display:flex;flex-direction:column;gap:8px}
@media (max-width:900px){
  .zoom-bestel__koop > .zoom-levertijd{display:flex;flex:1 1 100%;order:-1;margin:-2px 0 2px}
  .zoom-bestel__koop > .zoom-keuze{display:flex;flex:1 1 100%;gap:6px;min-width:0}
  .zoom-bestel__koop > .zoom-melding{display:block;flex:1 1 100%}
  /* 2.14.3: geen titel en merk in de zoom op telefoons; het blijft een fotoweergave, geen tweede productpagina. */
  .zoom-bestel__koop > .zoom-bestel__naam,.zoom-bestel__koop > .product__brand{display:none}
  .zoom-bestel__koop > .zoom-bestel__prijs{font-size:18px}
  .zoom-bestel__koop .zoom-koop{min-width:0}
  .zoom-bestel__koop .zoom-koop .btn{min-width:0;padding-left:12px;padding-right:12px}
  .zoom-bestel__koop > .zoom-melding:empty{display:none}
  .zoom-keuze .productinfo__label{font-size:12.5px;font-weight:700;color:var(--c-sub)}
  .zoom-keuze .zn-sizes,.zoom-keuze .zn-swatches{flex-wrap:nowrap;gap:6px;margin-right:-16px;padding-right:16px;overflow-x:auto;scrollbar-width:none}
  .zoom-keuze .zn-sizes::-webkit-scrollbar,.zoom-keuze .zn-swatches::-webkit-scrollbar{display:none}
  .zoom-keuze .zn-sizes{display:flex}
  .zoom-keuze .zn-size{flex:0 0 auto;min-width:46px;height:38px;padding:0 10px;font-size:14px}
  .zoom-keuze .zn-swatches{display:flex}
  .zoom-keuze .zn-swatch{flex:0 0 auto;width:48px;height:48px;min-height:0}
  .zoom-keuze .zn-swatch img{width:100%;height:100%;object-fit:contain}
}

.pdp-rail__ks.belregel a{margin-left:0}

/* ── 2.21.0: productteksten onder de tabs (ontwerp productteksten). Introductie, waarom kiezen,
   gebruik en onderhoud, eigen omschrijving, kenmerken, vraagkaart en veelgestelde vragen. Alles staat
   volledig open. Koopkolom, zoom en bestelbalk blijven ongewijzigd. Logica in inc/woocommerce/pdp-teksten.php. ── */
.pdp-eyebrow{display:block;margin-bottom:8px;font-size:12.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--c-primary-2)}
.tabs__inhoud.pdp-inhoud{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:56px;align-items:start}

.pdp-inhoud .beschrijving{display:flex;flex-direction:column;gap:36px;min-width:0}
.beschrijving__intro h2{margin:0 0 14px;font-size:clamp(26px,2.4vw,32px);line-height:1.15;font-weight:800;letter-spacing:-.01em}
.beschrijving__intro .pdp-eyebrow + h2{margin-top:0}
.beschrijving__intro p{margin:0;max-width:68ch;font-size:18px;line-height:1.65;color:#2a2a28;text-wrap:pretty}
.beschrijving__intro p+p{margin-top:12px}

.beschrijving .pdp-waarom{padding:20px 22px;border:1.5px solid var(--c-line);border-radius:var(--radius);background:#fff}
.beschrijving .pdp-waarom__kop{margin:0 0 14px;font-size:18px;font-weight:800;line-height:1.3}
.beschrijving .pdp-waarom__lijst{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px;margin:0;padding:0;list-style:none}
.beschrijving .pdp-waarom__lijst li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;padding:0;font-size:15px;line-height:1.5;color:var(--c-ink)}
.beschrijving .pdp-waarom__lijst li+li{margin:0}
.beschrijving .pdp-waarom__lijst li::before{display:none}
.beschrijving .pdp-waarom__lijst .ico{display:flex;align-items:center;justify-content:center;width:22px;height:22px;margin-top:1px;border-radius:50%;background:var(--c-ink);color:#fff}
.beschrijving .pdp-waarom__lijst .ico svg{width:13px;height:13px}

.pdp-gebruik{padding:26px 28px;background:var(--c-surface);border-radius:var(--radius)}
.pdp-gebruik__kop{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.pdp-inhoud .pdp-gebruik__kop h2{margin:0;font-size:20px;font-weight:800;line-height:1.25}
.pdp-gebruik__icoon{display:flex;flex:0 0 38px;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:var(--c-ink);color:#fff}
.pdp-gebruik__icoon svg{width:18px;height:18px}
.beschrijving .pdp-gebruik__stappen{display:flex;flex-direction:column;margin:0;padding:0;list-style:none;font-size:inherit}
.pdp-gebruik__stappen li{display:grid;grid-template-columns:32px minmax(0,1fr);gap:14px;padding:13px 0;border-top:1px solid var(--c-line);font-size:15.5px;line-height:1.55;color:#2a2a28}
.pdp-gebruik__stappen li:first-child{border-top:0;padding-top:0}
.pdp-gebruik__stappen li:last-child{padding-bottom:0}
.pdp-gebruik__nr{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#fff;border:1.5px solid var(--c-line);font-size:13.5px;font-weight:800;line-height:1;color:var(--c-ink)}

.pdp-inhoud .pdp-omschrijving h2{margin:0 0 12px;font-size:20px;font-weight:800;line-height:1.25}
.pdp-omschrijving__tekst>*:first-child{margin-top:0}
.pdp-omschrijving__tekst p{max-width:72ch;font-size:15.5px;line-height:1.65;color:#3a3a37}
.pdp-omschrijving__tekst p+p{margin-top:14px}
.pdp-omschrijving__tekst h3{margin:24px 0 8px;font-size:17px}
.pdp-omschrijving__tekst ul li{font-size:15.5px}

.beschrijving .wist--mobiel{margin-top:0;grid-template-columns:36px minmax(0,1fr);gap:14px;align-items:start;padding:16px 18px;border:1.5px solid var(--c-line);border-radius:var(--radius);background:#fff}
.beschrijving .wist--mobiel p{margin:0;font-size:14.5px;line-height:1.55;color:#3a3a37}
.beschrijving .wist--mobiel strong{color:var(--c-ink)}
.wist__icoon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#fdf0e6;color:var(--c-primary-2)}
.wist__icoon svg{width:18px;height:18px}

.pdp-inhoud .tabs__zij{gap:20px}
.pdp-inhoud .tabs__zij .shop_attributes{width:100%}
.pdp-inhoud .tabs__zij .shop_attributes caption{font-size:20px}
.pdp-specs-alles{display:flex;align-items:center;gap:10px;margin-top:10px;padding:12px 14px;border:1.5px solid var(--c-line);border-radius:var(--radius);font-size:14.5px;font-weight:700;color:var(--c-ink);text-decoration:none}
.pdp-specs-alles > span:not(.ico){flex:1}
.pdp-specs-alles:hover{border-color:var(--c-ink);color:var(--c-ink)}
.pdp-specs-alles .ico svg{width:17px;height:17px}

.pdp-kenmerken h2{margin:0 0 10px;font-size:16px;font-weight:800}
.pdp-kenmerken ul{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}
.pdp-kenmerken li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px;padding:8px 0;border-top:1px solid var(--c-line);font-size:14.5px;line-height:1.45}
.pdp-kenmerken li:first-child{border-top:0}
.pdp-kenmerken .ico{align-items:flex-start;color:var(--c-primary-2)}
.pdp-kenmerken .ico svg{width:16px;height:16px;margin-top:2px}

.pdp-inhoud .vraagkaart{gap:10px;padding:20px;border-radius:var(--radius);background:var(--c-dark);color:#fff}
.vraagkaart__icoon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--c-primary);color:#fff}
.vraagkaart__icoon svg{width:18px;height:18px}
.pdp-inhoud .vraagkaart__titel{margin:4px 0 0;font-size:18px;color:#fff}
.pdp-inhoud .vraagkaart__tekst{margin:0;font-size:14px;color:var(--c-dark-sub)}
.pdp-inhoud .vraagkaart__form{gap:0;margin-top:4px;padding:0;border:0;border-radius:var(--radius);background:#fff;overflow:hidden}
.pdp-inhoud .vraagkaart__form input{height:46px;font-size:14.5px}
.pdp-inhoud .vraagkaart__form button{flex:0 0 46px;width:46px;height:46px;border-radius:0;background:var(--c-primary)}
.pdp-inhoud .vraagkaart__form button:hover{background:var(--c-primary-2)}
.pdp-inhoud .vraagkaart__snel{gap:6px}
.pdp-inhoud .vraagkaart__snel button{height:32px;padding:0 12px;border-color:var(--c-dark-line);background:transparent;color:#fff;font-size:13px;font-weight:600}
.pdp-inhoud .vraagkaart__snel button:hover{border-color:#fff}
.pdp-inhoud .vraagkaart__mens,.pdp-inhoud .vraagkaart .belregel{color:var(--c-dark-sub)}
.pdp-inhoud .vraagkaart__mens a,.pdp-inhoud .vraagkaart .belregel a{color:#fff}

.faq-blok.faq-blok{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.55fr);gap:56px;margin-top:64px;padding-top:48px;border-top:1.5px solid var(--c-line)}
.faq-blok__kop h2{margin:0 0 10px;font-size:clamp(24px,2.2vw,30px);line-height:1.2;font-weight:800}
.faq-blok__kop p{margin:0;max-width:40ch;font-size:15.5px;color:var(--c-sub)}
.faq-blok .faq{max-width:none;margin-top:0}
.faq-blok .faq details p{margin:0;padding:0 0 18px;max-width:68ch;font-size:15.5px;line-height:1.6;color:#3a3a37}
.faq-blok .faq summary .ico svg{width:18px;height:18px;transition:transform .2s}
.faq-blok .faq details[open] summary .ico{transform:none}
.faq-blok .faq details[open] summary .ico svg{transform:rotate(180deg)}

@media (max-width:1100px){
  .tabs__inhoud.pdp-inhoud,.faq-blok.faq-blok{grid-template-columns:1fr;gap:36px}
}
@media (max-width:760px){
  .pdp-inhoud .beschrijving{gap:28px}
  .beschrijving__intro p{font-size:16.5px}
  .beschrijving .pdp-waarom{padding:18px}
  .beschrijving .pdp-waarom__lijst{grid-template-columns:1fr;gap:10px}
  .pdp-gebruik{padding:20px}
  .beschrijving .wist--mobiel{display:grid}
  .faq-blok.faq-blok{gap:18px;margin-top:44px;padding-top:36px}
}

/* 2.21.3: op telefoons staat Waarom kiezen onder de eigen omschrijving. */
@media (max-width:760px){
  .pdp-inhoud .beschrijving > .beschrijving__intro{order:1}
  .pdp-inhoud .beschrijving > .pdp-omschrijving{order:2}
  .pdp-inhoud .beschrijving > .pdp-waarom{order:3}
  .pdp-inhoud .beschrijving > .pdp-gebruik{order:4}
  .pdp-inhoud .beschrijving > .wist--mobiel{order:5}
}