/* =========================================================================
   OWAconstruct — single template (CPT owaconstruct)
   Geladen via functions.php, alleen op is_singular('owaconstruct').
   Afgestemd op de XD-ontwerpen (xd-introductie-tab.png / xd-profielen-tab.png).
   Themakleuren: #2e2d2c tekst, #e5e5e5 randen, #666 muted.
   --owac-red = accentkleur; pas hier centraal aan bij afwijkende huisstijl.
   ========================================================================= */
.single-owaconstruct-info {
    --owac-red: #e2001a;
    --owac-text: #2e2d2c;
    --owac-muted: #666;
    --owac-border: #e5e5e5;
}

/* Tab-labels in sentence-case zoals het XD-ontwerp (thema zet ze standaard
   op capitalize: "Technische Informatie" → terug naar "Technische informatie"). */
#owaconstruct-tabs a,
#mobile-tabs span {
    text-transform: none;
}

/* Hero: geen eigen styling — gebruikt 1:1 de thema-klasse .static-hero,
   identiek aan single-product.php. */

/* ---------- Tab 1 — Introductie (3-koloms) ---------- */
/* Volle containerbreedte (geen smalle squeeze), zoals het XD. */
.owac-intro-wrap {
    width: 100%;
}
.owac-intro-grid {
    margin-bottom: 10px;
}
/* Desktop: exacte XD-proporties — indent 19%, specs 24%, ref 26%, rood vak 20%
   (rechterkolom tegen de rechterrand). 6-baans grid; lege banen = indent + gaps. */
@media (min-width: 960px) {
    .owac-intro-grid {
        display: grid;
        grid-template-columns: 19% 24% 5.5% 25.5% 6% 20%;
        margin: 0;
        align-items: start;
    }
    .owac-intro-grid > * {
        width: auto !important;
        max-width: none;
        padding-left: 0;
    }
    .owac-intro-grid > :nth-child(1) { grid-column: 2; }
    .owac-intro-grid > :nth-child(2) { grid-column: 4; }
    .owac-intro-grid > :nth-child(3) { grid-column: 6; }
}
.owac-intro-specs .owac-spec {
    margin: 0 0 18px;
    line-height: 1.5;
}
/* Sub-titels door de hele template: DIN-Regular i.p.v. de thema-default DIN-Light
   — exact dezelfde weight/font als de bestaande productpagina's (h5.title op bv.
   /product/zichtbaar-systeem-s3/). Geldt voor de regular-weight sub-koppen/labels;
   de vette *-titel-koppen en grote sectie-h3's blijven ongemoeid (dat zijn titels). */
.owac-spec-label,
.owac-productblok-label,
.owac-typeblok-sub,
.owac-op-aanvraag {
    font-family: 'DIN-Regular', sans-serif;
    font-weight: 400;
}
/* Toepassingen-blok exact als de andere specs: label boven, content er strak
   onder (geen extra marge van de losse <p>/wpautop-wrapper). */
.owac-spec--toepassingen {
    margin: 0 0 18px;
    line-height: 1.5;
    font-size: 15px; /* gelijk aan de <p class="owac-spec">-specs */
}
.owac-toepassingen {
    color: var(--owac-text);
}
.owac-toepassingen > :first-child {
    margin-top: 0;
}
.owac-toepassingen > :last-child {
    margin-bottom: 0;
}

.owac-referenties h3 {
    margin-top: 0;
    margin-bottom: 30px;
    /* Dikker dan de thema-default DIN-Light: DIN-Regular, exact als dezelfde kop
       op de bestaande productpagina's (/product/zichtbaar-systeem-s3/). */
    font-family: 'DIN-Regular', sans-serif;
}
.owac-referenties-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.owac-referentie {
    display: flex;
    gap: 14px;
    margin-bottom: 18px;
}
.owac-referentie-thumb img {
    width: 96px;
    height: 72px;
    object-fit: cover;
    display: block;
}
.owac-referentie-info {
    display: flex;
    flex-direction: column;
}
.owac-referentie-info a {
    color: var(--owac-text);
}
/* Projecttitels in dezelfde stijl als de spec-labels (Profielbreedte, Systeemnaam):
   DIN-Regular, weight 400 — dus geen vet via de <strong>. */
.owac-referentie-info a,
.owac-referentie-info a strong {
    font-family: 'DIN-Regular', sans-serif;
    font-weight: 400;
}
/* Losse projecten (thumbnail + titel) zonder underline; alleen de
   "Bekijk alle referentieprojecten"-CTA blijft onderstreept. */
.owac-referentie-thumb,
.owac-referentie-info a {
    text-decoration: none;
}
.owac-referentie-architect {
    color: var(--owac-muted);
    font-size: .9em;
    margin-top: 2px;
}
.owac-alle-referenties {
    color: var(--owac-red);
    text-decoration: underline;
    /* Zelfde stijl als de andere rode links op de pagina: DIN-Regular. */
    font-family: 'DIN-Regular', sans-serif;
    font-weight: 400;
    display: inline-block;
    margin-top: 8px;
}

/* Rood vak: combineerbare panelen */
.owac-panelen-box {
    border: 2px solid var(--owac-red);
    padding: 22px;
}
.owac-panelen-box > p {
    margin: 0 0 12px;
    font-weight: 400; /* XD: regular, niet semibold */
}
.owac-panelen-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.owac-panelen-list li {
    margin-bottom: 6px;
}
.owac-panelen-list a {
    color: var(--owac-red);
    text-decoration: underline;
}

/* Technische tekeningen (sectie 2) */
.owac-tekeningen {
    margin-top: 44px;
}
.owac-tekening {
    text-align: center;
    margin: 0;
}
/* Beide tekeningen vullen hun (even brede) kolom, zodat ze even groot ogen. */
.owac-tekening img,
.owac-tekening-placeholder {
    width: 100%;
    max-width: 100%;
    height: auto;
}
.owac-tekening figcaption {
    color: var(--owac-muted);
    font-size: .85em;
    margin-top: 12px;
}
.owac-tekening-placeholder {
    width: 100%;
    background: #ededed;
}
.owac-tekening-placeholder--iso {
    aspect-ratio: 16 / 9;
}
.owac-tekening-placeholder--profiel {
    aspect-ratio: 3 / 4;
}
/* Desktop: tekeningen starten onder de specs-kolom (19%), beide even breed. */
@media (min-width: 960px) {
    .owac-tekeningen {
        display: grid;
        grid-template-columns: 19% 23% 12% 23% 23%;
        align-items: end;
        column-gap: 0;
    }
    .owac-tekeningen > :nth-child(1) { grid-column: 2; } /* Systeemtekening */
    .owac-tekeningen > :nth-child(2) { grid-column: 4; } /* Profieltekening */
}

/* ---------- Tab 1 — Introductie: sectie 3+4 band + <hr>-separators ---------- */
/* Alle content van sectie 3+4 in één band (19%–79%), gescheiden door identieke
   <hr>-separators — zelfde aanpak als het producttemplate. */
.owac-intro-blokken {
    margin-top: 24px;
}
.owac-intro-blokken hr {
    border: 0;
    border-top: 1px solid var(--owac-border);
    height: 0;
    margin: 40px 0;
    background: none;
}
.owac-intro-blokken hr.owac-hr-ruim {
    margin: 56px 0; /* onderste separator iets ruimer dan de andere */
}
.owac-productblok-inner {
    align-items: start; /* foto bovenaan uitlijnen */
}
@media (min-width: 960px) {
    .owac-intro-blokken {
        margin-left: 19%;
        width: 60%;
    }
    .owac-productblok-inner {
        display: grid;
        grid-template-columns: 39% 5% 56%;
        margin: 0;
    }
    .owac-productblok-inner > * {
        width: auto !important;
        max-width: none;
        padding-left: 0;
    }
    .owac-productblok-media { grid-column: 1; }
    .owac-productblok-info { grid-column: 3; }
}
.owac-productblok-media img,
.owac-img-placeholder {
    width: 100%;
    height: auto;
    display: block;
}
.owac-img-placeholder {
    aspect-ratio: 4 / 3;
    background: #e9e9e9;
}
.owac-productblok-label {
    color: #b8b8b8;
    margin: 0 0 6px;
    font-size: .95em;
}
.owac-productblok-titel {
    margin: 0 0 12px;
    font-size: 1.35rem;
    line-height: 1.25;
    /* Zelfde dikgedrukte stijl als de "Referentieprojecten"-kop: DIN-Regular
       i.p.v. de thema-default DIN-Light. */
    font-family: 'DIN-Regular', sans-serif;
}
.owac-productblok-sub {
    margin: 0 0 14px;
    color: var(--owac-text);
}
/* Icoon staat in de dt-kolom, de systeemcodes lijnen uit met de dd-waarden
   eronder (XD: icoon links, "S3, S3a" op dezelfde x als "Rechte kant, Doorzak"). */
.owac-productblok-systeem {
    display: flex;
    align-items: flex-start;
    gap: 24px;
    margin: 0 0 18px;
    color: var(--owac-text);
}
.owac-productblok-icon {
    flex: none;
    width: 120px; /* zelfde kolombreedte als .owac-productblok-specs dt */
}
/* Placeholder doorsnede-icoon (WP#4: dynamisch op systeemnaam) — wit vlak met
   randje, zoals in het XD. */
.owac-productblok-icon::before {
    content: "";
    display: block;
    width: 84px;
    height: 76px;
    border: 1px solid var(--owac-border);
    background: #fff;
}
.owac-productblok-specs {
    margin: 0 0 24px;
}
.owac-productblok-specs > div {
    display: flex;
    gap: 24px;
    margin-bottom: 6px;
}
.owac-productblok-specs dt {
    width: 120px;
    flex: none;
    margin: 0;
    color: var(--owac-text);
    /* Iets minder bold: DIN-Regular i.p.v. DIN-Medium. */
    font-family: 'DIN-Regular', sans-serif;
    font-weight: 400;
}
.owac-productblok-specs dd {
    margin: 0;
    color: var(--owac-text);
}
.owac-bekijk-product {
    display: block; /* zodat de border boven de knop de volle tekstkolom beslaat */
    border-top: 1px solid var(--owac-border);
    margin-top: 34px;
    padding-top: 14px; /* border dichter bij de knop */
    margin-bottom: 16px;
}
/* Knoptekst dunner: DIN-Light i.p.v. de DIN-Regular knop-default. */
.owac-bekijk-product button {
    font-family: 'DIN-Light', sans-serif;
}
.owac-datasheet-link {
    display: block;
    color: var(--owac-text);
    /* Iets dikker dan de thema-default DIN-Light, maar niet zo zwaar als Medium. */
    font-family: 'DIN-Regular', sans-serif;
    text-decoration: none; /* underline alleen bij hover */
}
.owac-datasheet-link:hover {
    text-decoration: underline;
}

/* ---------- Tab 1 — Introductie: type-blokken N100 / N100A (Body 3) ---------- */
.owac-typeblok {
    padding: 4px 0;
}
.owac-typeblok-titel {
    margin: 0 0 2px;
    /* Dikgedrukt: echte vette cut DIN-Bold i.p.v. nep-vet op DIN-Light. */
    font-family: 'DIN-Bold', sans-serif;
    font-weight: 400;
}
.owac-typeblok-sub {
    margin: 0 0 18px;
    color: var(--owac-muted);
}
.owac-typeblok-punten {
    margin: 0 0 20px;
    padding-left: 18px;
    color: var(--owac-muted);
}
.owac-typeblok-punten li {
    margin-bottom: 7px;
    line-height: 1.45;
}
.owac-spec-download {
    color: var(--owac-red);
    text-decoration: underline;
}
/* Inline tekst-links iets dikgedrukter: DIN-Regular i.p.v. de thema-default DIN-Light. */
.owac-spec-download,
.owac-akoestische-meting,
.owac-panelen-list a {
    font-family: 'DIN-Regular', sans-serif;
}
.owac-intro-footer {
    padding-top: 4px;
}
.owac-akoestische-meting {
    display: block;
    color: var(--owac-red);
    text-decoration: underline;
    margin-bottom: 20px;
}
.owac-monster {
    display: inline-block;
}

/* ---------- Tab 2 — Technische informatie ----------
   Geen eigen tabel-/sidebar-styling: tab 2 gebruikt exact dezelfde markup/classes als
   single-product.php (.technische-informatie / .technische-tabel / .technische-list),
   zodat de thema-CSS (main.css) tabel + sidebar identiek aan de panelen-template rendert.
   Alleen een placeholder voor het systeem-icoon zolang er geen tekening is. */
/* Zelfde doorsnede-icoon-placeholder als in het productblok (introductie-tab). */
.owac-side-icon-ph {
    display: block;
    width: 84px;
    height: 76px;
    border: 1px solid var(--owac-border);
    background: #fff;
}
/* Er staat een inline regel `.icon-img{max-height:60px;padding-top:20px}` op de
   pagina; met een icoon van 76px liep de placeholder daardoor over de tekst
   eronder heen. Hoogte vrijgeven en onder het icoon dezelfde 20px lucht als de
   padding erboven, zodat het icoon symmetrisch tussen de twee koppen staat. */
.technische-list .icon-img {
    max-height: none;
    margin: 0;
}
.technische-list .icon-img + .title {
    margin-top: 20px;
}
/* Meer ruimte tussen "Download deze informatie als PDF" en de knop */
.side_download .button {
    display: inline-block;
    margin-top: 24px;
}
/* Flexibele spectabel met grijze labelkolom (XD: gevulde linker labelcel per rij). */
.owac-tech-tabel {
    border-collapse: collapse;
    width: 100%;
}
/* XD: veldnaam vet, waarde normaal. Het thema doet in de panelen-tabel het
   omgekeerde via `.technische-tabel tr>td:first-of-type{font-family:DIN-Bold}` —
   daar is de eerste cel een <td>, hier een <th>, waardoor die regel juist op de
   waardekolom landde. Hieronder beide expliciet gezet. */
.owac-tech-tabel th.owac-tech-label {
    background: #f2f2f2;
    font-family: 'DIN-Bold', sans-serif;
    font-weight: 400;
    text-align: left;
    text-transform: none;
    letter-spacing: normal;
    vertical-align: top;
    white-space: normal;
    width: 34%;
    padding: 14px 18px;
    border: 1px solid var(--owac-border);
    color: var(--owac-text);
}
.owac-tech-tabel td {
    padding: 14px 18px;
    border: 1px solid var(--owac-border);
    vertical-align: top;
    color: var(--owac-text);
}
/* Waardekolom normaal en zonder grijze achtergrond — overschrijft de thema-regel
   hierboven (specificiteit hoger door `table.` + `:first-of-type`). */
.technische-tabel table.owac-tech-tabel tr > td,
.technische-tabel table.owac-tech-tabel tr > td:first-of-type {
    font-family: 'DIN-Light', sans-serif;
    font-weight: 400;
    background: transparent;
}

/* ---------- Tab 3 — Profielen en toebehoren ---------- */
.profielen-toebehoren {
    position: relative;
}
/* Filter-dropdown rechtsboven, op dezelfde regel als de eerste sectietitel (XD) */
.owac-profielen-filter {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
}
.owac-profielen-filter label {
    font-weight: 600;
}
.owac-profielen-filter select {
    /* native pijl uitzetten en een eigen chevron met ruimte rechts plaatsen */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 8px 42px 8px 14px; /* extra padding rechts zodat de pijl niet tegen de rand zit */
    border: 1px solid #ccc;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%23333' stroke-width='1.6' d='M1 1.5 6 6.5 11 1.5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 16px center; /* pijl 16px van de rechterrand */
    font-size: 1em;
    line-height: 1.2;
    cursor: pointer;
    width: 188px; /* even breed als de "verpakkingsspecificaties"-knop in de tabel */
}

.owac-profielgroep {
    margin-bottom: 48px;
}
/* Titel + subtekst gestapeld (titel boven, "(andere afmetingen op aanvraag)" eronder) */
.owac-profielgroep-head {
    margin-bottom: 18px;
}
.owac-profielgroep-head h3 {
    margin: 0;
    display: block;
    font-size: 28px;
    line-height: 1.2;
    /* Wat dikgedrukter dan de thema-default DIN-Light (weight 100): DIN-Regular. */
    font-family: 'DIN-Regular', sans-serif;
    font-weight: 400;
}
.owac-op-aanvraag {
    display: block;
    color: #888;
    font-size: .85em;
    margin: 4px 0 0;
}

/* Tabel: wrapper vol-breed, maar de tabel (incl. separators) springt links/rechts in.
   --owac-sep-gap is de gedeelde ruimte voor ALLE scheidingslijnen (horizontaal: links/rechts,
   verticaal: boven/onder), zodat ze allemaal even veel ruimte hebben. */
.profielen-tabel {
    --owac-sep-gap: 12px;
    width: calc(100% - (var(--owac-sep-gap) * 2));
    margin: 0 var(--owac-sep-gap);
    border-collapse: collapse;
}
.profielen-tabel thead th {
    /* Kolomkoppen wat dikgedrukter: DIN-Regular i.p.v. de thema-default DIN-Light. */
    font-family: 'DIN-Regular', sans-serif;
    font-weight: 400;
    text-align: left;
    text-transform: none; /* XD toont title-case koppen, niet de thema-uppercase */
    color: var(--owac-muted);
    border-bottom: 1px solid var(--owac-border);
    padding: 10px 16px 26px; /* meer ruimte onder de koppen (Lengte/Hoogte) */
    white-space: nowrap;
}
.profielen-tabel td {
    padding: 18px 16px; /* ruimte links/rechts van de waarden */
    vertical-align: top;
}
/* De hoge rowspan-cel (titel + afbeeldingen) mag de EERSTE datarij niet oprekken:
   geef de overtollige hoogte aan de laatste rij, zodat rij 1 dezelfde ruimte
   onder heeft als de overige rijen erboven. (height:1px = minimum; inhoud rekt op) */
.owac-variant-block tr.profiel-row:first-child > td {
    height: 1px;
}
/* Scheiding tússen varianten (blokken): volle-breedte lijn onder elk blok.
   Met de tabel-inset heeft deze automatisch dezelfde ruimte links/rechts. */
.owac-variant-block {
    border-bottom: 1px solid var(--owac-border);
}
/* Scheiding tussen de datarijen bínnen één blok (bijv. HP 3000 / HP 3700):
   lijn over de datacellen. Verankerd aan de cellen zelf (niet aan een %),
   met --owac-sep-gap ruimte links van de verticale lijn (= start van col-artikel). */
.owac-variant-block tr.profiel-row:not(:last-child) > td:not(.owac-variant-cell) {
    border-bottom: 1px solid var(--owac-border);
}
.owac-variant-block tr.profiel-row:not(:last-child) > td.col-artikel {
    border-bottom: none;
    position: relative;
}
.owac-variant-block tr.profiel-row:not(:last-child) > td.col-artikel::after {
    content: '';
    position: absolute;
    left: var(--owac-sep-gap);
    right: 0;
    bottom: 0;
    height: 1px;
    background: var(--owac-border);
}
/* Tabel volle breedte: geen ruimte links/rechts */
.profielen-tabel-wrapper {
    padding: 0;
}

/* Variant-kolom (links): titel + 2 afbeeldingen (render + lijntekening).
   Verticale scheidingslijn als pseudo-element zodat hij ruimte boven/onder heeft
   (raakt de horizontale separators niet). */
.owac-variant-cell {
    width: 33%;
    height: 1px; /* zie toelichting bij tr.profiel-row:first-child: voorkomt oprekken rij 1 */
    position: relative;
}
.owac-variant-cell::after {
    content: '';
    position: absolute;
    top: var(--owac-sep-gap);
    bottom: var(--owac-sep-gap);
    right: 0;
    width: 1px;
    background: var(--owac-border);
}
.owac-variant-titel {
    display: block;
    /* Subtitel in de tabel: DIN-Regular (echte cut) i.p.v. nep-700 op DIN-Light. */
    font-family: 'DIN-Regular', sans-serif;
    font-weight: 400;
    margin-bottom: 18px;
}
.owac-variant-afbeeldingen {
    display: flex;
    gap: 22px;
    align-items: flex-start;
    max-width: 94%;
    margin-top: 4px;
}
.owac-variant-afb {
    margin: 0;
    min-width: 0;
}
/* Twee afbeeldingen: render smal (38%), lijntekening breder. */
.owac-variant-afb--render   { flex: 0 0 38%; }
.owac-variant-afb--tekening { flex: 1; }
/* Eén afbeelding (render, lijntekening of gecombineerde placeholder): volle breedte. */
.owac-variant-afb:only-child { flex: 1 1 100%; }
.owac-variant-afb figcaption {
    font-size: .72em;
    color: var(--owac-muted);
    margin-bottom: 8px;
    line-height: 1.3;
}
.owac-variant-afb img {
    display: block;
    width: 100%;
    height: auto;
}
.col-artikel {
    white-space: nowrap;
    width: 16%;
}
/* Kleur niet over 2 regels laten breken (bijv. "mat wit"/"mat zwart"), zodat alle
   datarijen dezelfde (compacte) hoogte houden — net als in het XD-ontwerp. */
.col-kleur {
    white-space: nowrap;
}

/* Verpakking-kolom + uitklap */
.profielen-tabel .col-verpakking {
    white-space: nowrap;
    width: 22%;
}
.profielen-tabel thead th.col-verpakking {
    text-align: right; /* alleen de kop rechts */
}
.owac-verpakking-toggle {
    background: none;
    border: none;
    color: var(--owac-text);
    cursor: pointer;
    padding: 0;
    font: inherit;
    /* Dikgedrukt, als subtitel: DIN-Regular i.p.v. nep-700 op DIN-Light. */
    font-family: 'DIN-Regular', sans-serif;
    font-weight: 400;
    text-transform: none; /* lowercase zoals XD, niet de thema-uppercase */
    letter-spacing: normal; /* thema-letterspacing op buttons uitzetten */
    display: flex;
    justify-content: space-between; /* tekst links, chevron rechts */
    align-items: center;
    width: 188px;
    max-width: 100%;
    margin-left: auto; /* blok rechts uitlijnen in de kolom */
    text-align: left;
    gap: 14px;
}
.owac-verpakking-toggle:hover {
    /* alleen rood; thema-button:hover (witte achtergrond + rand) neutraliseren */
    color: var(--owac-red);
    background: none;
    border: none;
}
/* Dropdown-pijl identiek aan de filter-select. Via mask zodat hij currentColor
   volgt (en dus ook rood wordt bij hover). */
.owac-chevron {
    width: 12px;
    height: 8px;
    flex: 0 0 auto;
    background-color: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%23000' stroke-width='1.6' d='M1 1.5 6 6.5 11 1.5'/%3E%3C/svg%3E") no-repeat center / contain;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%23000' stroke-width='1.6' d='M1 1.5 6 6.5 11 1.5'/%3E%3C/svg%3E") no-repeat center / contain;
    transition: transform .2s ease;
}
.owac-verpakking-toggle.is-open .owac-chevron {
    transform: rotate(180deg);
}
/* Uitklap: zelfde breedte + linkerlijn als de toggle (rechts in de kolom, content links) */
.owac-verpakking-detail {
    display: block;
    width: 188px;
    max-width: 100%;
    margin-left: auto; /* zelfde rechterlijn => zelfde linkerlijn als de toggle */
    text-align: left;
    margin-top: 14px;
}
.owac-verpakking-specs {
    list-style: none;
    margin: 0;
    padding: 0;
}
.owac-verpakking-specs li {
    display: flex;
    justify-content: space-between;
    gap: 24px;
    padding: 3px 0;
}
.owac-verpakking-specs span {
    color: #555;
}
.owac-verpakking-specs em {
    color: var(--owac-red);
    font-style: normal;
    font-weight: 600;
}

/* Mobiel: profielen-tabel horizontaal scrollbaar */
@media (max-width: 640px) {
    .profielen-tabel-wrapper {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .profielen-tabel {
        min-width: 720px;
    }
}

/* ---------- Tab 3 — Toebehoren-sectie ---------- */
.owac-toebehoren {
    margin-top: 40px;
}
.owac-toebehoren-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.owac-toebehoren-item {
    display: flex;
    gap: 18px;
    padding: 16px 0;
    border-bottom: 1px solid var(--owac-border);
}
.owac-toebehoren-foto img {
    width: 72px;
    height: 72px;
    object-fit: cover;
    display: block;
}
.owac-toebehoren-titel {
    margin: 0 0 4px;
    font-family: 'DIN-Regular', sans-serif;
    font-weight: 400;
}
.owac-toebehoren-code {
    margin: 0 0 4px;
    color: var(--owac-muted);
    font-size: .9em;
}
.owac-toebehoren-oms {
    margin: 0 0 8px;
    color: var(--owac-text);
}