/*
 * Redesign 2026 – productpagina (docs/Main content redesign §5).
 * Gescoped op .catalog-product-view en .ss-pdp-*; bestaande Porto-regels blijven ongemoeid.
 */

/* Secties onder het product */
.ss-pdp-sections{clear:both;display:flex;flex-direction:column;gap:48px;padding-top:40px}
.ss-pdp-section{min-width:0}
.ss-pdp-about{padding-top:32px;border-top:1px solid #eee}
.ss-pdp-sizefaq{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:40px;align-items:start}
.ss-pdp-crossbar{margin-top:-20px}

/* Upsells: "Misschien vind je dit ook leuk" als grijze band */
.catalog-product-view .ss-pdp-sections > .block.upsell{width:100vw;margin:0 0 0 calc(50% - 50vw);padding:40px calc(50vw - 50%) 48px;background:#f4f4f4}
.catalog-product-view .ss-pdp-sections > .block.upsell .block-title,.catalog-product-view .ss-pdp-sections > .block.upsell .section-title{font:700 18px/1.2 Poppins,"Open Sans",sans-serif;text-transform:uppercase;color:#222529}
.catalog-product-view .ss-pdp-sections > .block.upsell .product-item-info{background:#fff;border-radius:3px;padding:10px 10px 16px}

/* Koopblok */
.catalog-product-view .product-info-main .page-title-wrapper .page-title{font:700 clamp(24px,2.6vw,30px)/1.2 Poppins,"Open Sans",sans-serif;color:#222529;text-transform:none;text-wrap:balance}
.catalog-product-view .product-info-main .product-info-price .price-box .price{font:700 30px/1 "Open Sans",sans-serif}
.catalog-product-view .product-info-main .product.attribute.sku{font-size:12px;color:#999}
/* Onze voorraadregel vervangt de Porto-regel "Beschikbaarheid" */
.catalog-product-view .product-info-main:has(.ss-stock) .product-info-stock-sku .stock{display:none}
.catalog-product-view #product-addtocart-button{height:50px;background:#3a7ca9;border-color:#3a7ca9;color:#fff;border-radius:3px;font:600 14px/1 Poppins,"Open Sans",sans-serif;text-transform:uppercase;letter-spacing:.04em}
.catalog-product-view #product-addtocart-button:hover{background:#2d6893;border-color:#2d6893}

@media (max-width:767px){
  .ss-pdp-sizefaq{grid-template-columns:1fr;gap:32px}
  .ss-pdp-sections{gap:36px;padding-top:28px}
  .ss-pdp-crossbar{margin-top:-12px}
}