/* CableSafe Core – front-end (huisstijl 2026) */
.cs-badge{display:inline-block;border:1px solid currentColor;padding:4px 9px;margin:0 6px 6px 0;font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;line-height:1.4}
.cs-badges{margin:2px 0 0}

/* Productgalerij (eigen, zonder flexslider) */
.cs-gal{display:flex;flex-direction:column;gap:10px}
.cs-gal figure{margin:0}
.cs-gal-main img{width:100%;height:auto;display:block;background:#F6F5F0}
.cs-gal-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.cs-gal-thumbs img{width:100%;height:100%;aspect-ratio:1/1;object-fit:cover;display:block;background:#F6F5F0}

/* Meta-regel */
.cs-meta{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:14px;color:#6F6D65;border-top:1px solid #DEDCD3;border-bottom:1px solid #DEDCD3;padding:12px 0}
.cs-meta b{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:500;color:#6F6D65;margin-right:6px}
.cs-meta span{color:#111}
.cs-meta a{color:#111;text-decoration:underline}

/* Specificaties */
.cs-specs{width:100%;border-collapse:collapse;background:#fff;font-size:15px}
.cs-specs th,.cs-specs td{border-bottom:1px solid #DEDCD3;padding:12px 14px;text-align:left;vertical-align:top}
.cs-specs th{width:38%;font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#6F6D65;font-weight:500}
.cs-specs--matrix th{width:auto;border-bottom:2px solid #111}
.cs-specs--matrix td{font-variant-numeric:tabular-nums}
.cs-specs-scroll{overflow-x:auto}
.cs-specs-h{font-family:Montserrat,sans-serif;font-weight:700;font-size:18px;margin:28px 0 10px;text-transform:none}
.cs-specs-empty{color:#6F6D65;font-size:15px}

/* Uitklapbare FAQ */
.cs-faq{border-top:1px solid #DEDCD3;max-width:900px}
.cs-faq details{border-bottom:1px solid #DEDCD3}
.cs-faq summary{cursor:pointer;list-style:none;padding:18px 40px 18px 0;position:relative;font-family:Montserrat,sans-serif;font-weight:700;font-size:18px;color:#111}
.cs-faq summary::-webkit-details-marker{display:none}
.cs-faq summary::after{content:"+";position:absolute;right:6px;top:14px;font-size:24px;color:#6F6D65;font-weight:400}
.cs-faq details[open] summary::after{content:"–"}
.cs-faq summary:focus-visible{outline:2px solid #FEDC01;outline-offset:2px}
.cs-faq .cs-faq-a{padding:0 40px 20px 0;color:#3B3A35;font-size:16px;line-height:1.65;max-width:76ch}

/* Normentabel */
.cs-std{overflow-x:auto}
.cs-std table{width:100%;border-collapse:collapse;font-size:15px}
.cs-std th,.cs-std td{border-bottom:1px solid #DEDCD3;padding:14px 16px;text-align:left;vertical-align:top}
.cs-std thead th{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#6F6D65;font-weight:500;border-bottom:2px solid #111}
.cs-std td:first-child{font-weight:700;width:26%}
.cs-std .cs-note{margin-top:14px;font-size:13px;color:#6F6D65}

/* WooCommerce-details op de producttemplate */
body.single-product{background:#fff}
.woocommerce-breadcrumb{margin:0!important;padding:0!important}
.single-product div.product .woocommerce-product-gallery{display:none}
@media(max-width:767px){.cs-gal-thumbs{grid-template-columns:repeat(3,1fr)}}