/* Koffiets — productpagina (V3): specificatietabel en besparingslabel bij de gewichtskeuze.
   Aanvulling op pages/shop.css (.pdp*, .pick*). Enkel tokens uit brand.css (--k-*). */

/* Besparing bij een grotere verpakking ("1 kg  −10%") */
.pick__opt .k-chip small.pick__save { margin-left: 6px; color: var(--k-accent); font-weight: 500; }
.pick__opt input:checked + .k-chip small.pick__save { color: var(--k-pink); }
.pick__note { display: none; margin: var(--k-1) 0 0; color: var(--k-muted); font-size: 14px; line-height: 20px; }
.pick:has(input[data-saving]:checked) .pick__note { display: block; }

/* Specificaties: haarlijnen, twee kolommen, enkel gevulde rijen */
.pdp-specs {
    width: 100%;
    border-collapse: collapse;
    border-top: 1px solid var(--k-line);
    font-size: 14px;
    line-height: 22px;
}
.pdp-specs th,
.pdp-specs td {
    padding-block: 14px;
    border-bottom: 1px solid var(--k-line);
    vertical-align: top;
    text-align: left;
}
.pdp-specs th { width: 38%; padding-right: var(--k-2); color: var(--k-muted); font-weight: 400; }
.pdp-specs td { color: var(--k-ink); overflow-wrap: anywhere; }

@media (max-width: 480px) {
    .pdp-specs th { width: 42%; }
}