/* 202.0 — Productdetail opschoning binnen de bestaande Van Hameren-huisstijl.
   Geen rebranding: bestaande kleuren, typografie en hoofdlayout blijven leidend. */
.vh-page--product .vh-product-info{padding-top:0}
.vh-page--product .vh-product-info h1{margin:8px 0 3px;max-width:760px}
.vh-page--product .vh-product-sku{display:block;margin-top:0;color:#667f91;font-size:11px}

/* Visuele hiërarchie: prijs en voorraad eerst. */
.vh-page--product .vh-product-price{margin:20px 0 10px;gap:7px}
.vh-page--product .vh-product-price strong{font-size:30px;letter-spacing:-.25px}
.vh-page--product .vh-product-stock-summary{margin:0 0 15px;min-height:26px;gap:7px}
.vh-page--product .vh-product-stock-summary>span{width:10px;height:10px;background:transparent!important;box-shadow:none!important;font-size:10px;color:currentColor}
.vh-page--product .vh-product-stock-summary.is-in>span{color:#159447}

/* Specificaties: rustige twee-kolomsregels, geen extra kaarten/pills. */
.vh-page--product .vh-product-spec-summary{margin:0 0 12px;max-width:520px}
.vh-page--product .vh-product-spec-summary div{grid-template-columns:105px minmax(0,1fr);gap:14px;padding:4px 0}
.vh-page--product .vh-product-spec-summary dt{font-size:11px}
.vh-page--product .vh-product-spec-summary dd{font-size:11px}

/* Maximaal één neutrale labelstijl voor producteigenschappen. */
.vh-page--product .vh-product-properties{gap:6px;margin:10px 0 10px}
.vh-page--product .vh-product-properties li{padding:5px 8px;border:1px solid #d7e4ec;border-radius:6px;background:#f8fbfd;color:#274b62;font-size:10.5px;font-weight:750;line-height:1.2}
.vh-page--product .vh-product-properties li::first-letter{color:inherit}

/* Eén centrale zaagservice-indicatie. */
.vh-page--product .vh-sawservice-badge{display:inline-flex;align-items:center;gap:7px;min-height:31px;padding:4px 9px 4px 5px;border:1px solid #c9dfe9;border-radius:7px;background:#fff;color:#0a5f88;text-decoration:none;font-size:11px;font-weight:800;line-height:1.1;box-shadow:none}
.vh-page--product .vh-sawservice-badge__icon{display:grid;place-items:center;width:22px;height:22px;flex:0 0 22px;border-radius:50%;overflow:hidden;background:#fff}
.vh-page--product .vh-sawservice-badge__icon .vh-saw-blade-icon{display:block;width:22px;height:22px;object-fit:cover;border-radius:50%}
.vh-page--product .vh-sawservice-badge__text{white-space:nowrap}

/* Favoriet/delen: bewust secundair en uniform. */
.vh-page--product .vh-product-social-actions{display:flex;align-items:center;gap:7px;margin:11px 0 0}
.vh-page--product .vh-favorite-detail,.vh-page--product .vh-share-product{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;width:auto;min-width:0;min-height:34px;padding:0 10px;border:1px solid #cfdee7!important;border-radius:7px!important;background:#fff!important;color:#315d75!important;box-shadow:none!important;font-size:11px!important;font-weight:750;line-height:1;cursor:pointer}
.vh-page--product .vh-favorite-detail svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8}
.vh-page--product .vh-share-product>span:first-child{font-size:13px}
.vh-page--product .vh-favorite-detail:hover,.vh-page--product .vh-share-product:hover,.vh-page--product .vh-favorite-detail:focus-visible,.vh-page--product .vh-share-product:focus-visible{border-color:#7db9d5!important;background:#f6fbfd!important;color:#0878aa!important;outline:none;box-shadow:0 0 0 3px rgba(0,138,203,.08)!important}

/* Varianten: minder randen/vormen; maat blijft visueel dominant. */
.vh-page--product .vh-product-main.has-variant-matrix>.vh-variant-matrix--compact{border-color:#dbe6ec;border-radius:9px;padding:12px 13px}
.vh-page--product .vh-product-main.has-variant-matrix>.vh-variant-matrix--compact .vh-variant-matrix-head{margin-bottom:7px}
.vh-page--product .vh-product-main.has-variant-matrix>.vh-variant-matrix--compact .vh-variant-matrix-head>div>span{font-size:9px;letter-spacing:.08em}
.vh-page--product .vh-product-main.has-variant-matrix>.vh-variant-matrix--compact .vh-variant-matrix-head h2{font-size:17px}
.vh-page--product .vh-variant-table{border-color:#dbe6ec;border-radius:7px}
.vh-page--product .vh-product-main.has-variant-matrix>.vh-variant-matrix--compact .vh-variant-table-header{background:#f6f9fb;color:#587184}
.vh-page--product .vh-product-main.has-variant-matrix>.vh-variant-matrix--compact .vh-variant-row{background:#fff;border-top-color:#e7eef2;box-shadow:none;cursor:pointer}
.vh-page--product .vh-product-main.has-variant-matrix>.vh-variant-matrix--compact .vh-variant-row:hover{background:#fbfdfe}
.vh-page--product .vh-product-main.has-variant-matrix>.vh-variant-matrix--compact .vh-variant-row.is-selected{background:#f7fbfd;box-shadow:inset 3px 0 0 #008acb}
.vh-page--product .vh-product-main.has-variant-matrix>.vh-variant-matrix--compact .vh-variant-size strong{font-size:12.5px;font-weight:850;color:#0b3650}
.vh-page--product .vh-product-main.has-variant-matrix>.vh-variant-matrix--compact .vh-variant-size small{font-size:9px;color:#7b8d99}
.vh-page--product .vh-variant-qty button,.vh-page--product .vh-variant-qty input{border-radius:6px!important}
.vh-page--product .vh-variant-action button{border-radius:6px!important;box-shadow:none}

/* Zaagservice lager op de pagina: zelfde service, minder dubbele badges. */
.vh-page--product .vh-saw-highlight{padding:14px;border:1px solid #d6e5ed;border-radius:9px;background:#f8fbfd;box-shadow:none}
.vh-page--product .vh-saw-highlight__head{grid-template-columns:42px minmax(0,1fr);gap:11px}
.vh-page--product .vh-saw-highlight__icon{width:42px;height:42px;border-radius:50%;overflow:hidden;background:#fff;border:1px solid #d7e4ec;box-shadow:none}
.vh-page--product .vh-saw-highlight__icon .vh-saw-blade-icon{width:40px!important;height:40px!important;object-fit:cover;border-radius:50%}
.vh-page--product .vh-saw-highlight__eyebrow{display:block;margin:0 0 2px;color:#0781b7;font-size:9px;font-weight:900;letter-spacing:.09em}
.vh-page--product .vh-saw-highlight__head h3{font-size:18px}
.vh-page--product .vh-saw-highlight__head p{font-size:12px;margin-top:4px}
.vh-page--product .vh-saw-launch{border-radius:7px!important}

/* Geen rebranding: gallery, header, footer en algemene site blijven ongemoeid. */
@media(max-width:760px){
  .vh-page--product .vh-product-info h1{font-size:27px;line-height:1.1}
  .vh-page--product .vh-product-price{margin-top:15px}
  .vh-page--product .vh-product-social-actions{margin-top:9px}
  .vh-page--product .vh-sawservice-badge{font-size:10.5px}
  .vh-page--product .vh-product-main.has-variant-matrix>.vh-variant-matrix--compact{padding:10px}
  .vh-page--product .vh-variant-row{border-radius:0}
  .vh-page--product .vh-variant-order{gap:8px}
  .vh-page--product .vh-variant-action button{min-height:38px!important}
}

/* 215.13.18.0 - rustige maar SEO-volledige productomschrijving */
.vh-product-description-wrap{position:relative;max-height:6.7em;overflow:hidden;transition:max-height .25s ease}.vh-product-description-wrap:not(.is-expanded)::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2.8em;pointer-events:none;background:linear-gradient(to bottom,rgba(255,255,255,0),#fff 78%)}.vh-product-description-wrap.is-expanded{max-height:120rem;overflow:visible}.vh-product-description-wrap.is-expanded::after{display:none}.vh-product-description-toggle{margin:7px 0 0;border:0;background:transparent;color:#007fc4;font:inherit;font-weight:800;padding:6px 0;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.vh-product-description-toggle span{display:inline-block;margin-left:4px;text-decoration:none}@media(max-width:760px){.vh-product-description-wrap{max-height:8em}.vh-product-description-toggle{margin-left:14px;margin-right:14px;margin-bottom:14px}}