/* rbt.css */
/* =============================================================================
   Refurbished by Tom – Solar: licht, zakelijk thema voor de hele WooCommerce-site (child theme van Blocksy)
   Vormtaal: wit en warm zand, diep paneelblauw voor tekst, zonnegeel accent; strak en zonder achtergronden.
   Inhoud:  1 kleuren & basis   2 knoppen & formulieren   3 header, servicebalk, footer
            4 productoverzicht  5 productpagina          6 winkelwagen & afrekenen
            7 mijn account      8 meldingen, paginering   9 homepage-patroon   10 mobiel   12 klantenservice
   ============================================================================= */

/* ---------- 1. kleuren & basis ---------- */
:root:root{
  --rbt-bg:#ffffff;--rbt-surface:#ffffff;--rbt-surface-2:#f2f6fb;--rbt-ink:#0f1d33;--rbt-ink-2:#2b3a52;--rbt-muted:#5a6578;
  --rbt-line:#e2e9f1;--rbt-line-2:#bcc9d8;--rbt-accent:#ffc21a;--rbt-accent-hover:#f2b000;--rbt-accent-ink:#0f1d33;--rbt-accent-text:#1f4f8f;--rbt-cool:#1f4f8f;
  --rbt-ok:#1d7a46;--rbt-err:#b42318;--rbt-sale:#d92d20;--rbt-cut:12px;--rbt-radius:4px;
  --rbt-f-disp:"Barlow Condensed","Arial Narrow",sans-serif;--rbt-f-body:"Barlow",system-ui,-apple-system,"Segoe UI",sans-serif;--rbt-f-mono:"Share Tech Mono",ui-monospace,Menlo,Consolas,monospace;
  --theme-palette-color-1:#ffc21a;--theme-palette-color-2:#f2b000;--theme-palette-color-3:#2b3a52;--theme-palette-color-4:#0f1d33;
  --theme-palette-color-5:#e2e9f1;--theme-palette-color-6:#f2f6fb;--theme-palette-color-7:#ffffff;--theme-palette-color-8:#ffffff;
  --theme-text-color:#2b3a52;--theme-headings-color:#0f1d33;--theme-link-initial-color:#0f1d33;--theme-link-hover-color:#1f4f8f;--theme-border-color:#e2e9f1;
  --theme-button-text-initial-color:#0f1d33;--theme-button-text-hover-color:#0f1d33;--theme-button-background-initial-color:#ffc21a;--theme-button-background-hover-color:#f2b000;
  --theme-font-family:"Barlow",system-ui,-apple-system,"Segoe UI",sans-serif;--theme-form-field-border-initial-color:#bcc9d8;--theme-form-field-border-focus-color:#1f4f8f;
}
body{accent-color:var(--rbt-accent);background:var(--rbt-bg);color:var(--rbt-ink-2);font-family:var(--rbt-f-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,.page-title,.product_title,.woocommerce-products-header__title,.entry-title{font-family:var(--rbt-f-disp);font-weight:700;letter-spacing:.01em;color:var(--rbt-ink);line-height:1.08}
h1,.page-title,.product_title,.woocommerce-products-header__title{text-transform:uppercase}
h2{text-transform:uppercase}
::selection{background:#ffe9a8;color:var(--rbt-ink)}
a{color:var(--rbt-ink);text-underline-offset:3px}
a:hover{color:var(--rbt-accent-text)}
:focus-visible{outline:2px solid var(--rbt-accent);outline-offset:3px}
.entry-content a:not(.button):not(.wp-block-button__link){text-decoration-color:var(--rbt-accent);text-decoration-thickness:2px}
/* hulpklassen die je overal kunt gebruiken */
.rbt-label{display:inline-flex;align-items:center;gap:10px;font:12px/1 var(--rbt-f-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--rbt-muted)}
.rbt-label::before{content:"";width:10px;height:10px;background:var(--rbt-accent);border-radius:2px;box-shadow:inset 0 0 0 1px rgba(15,29,51,.25)}
.rbt-cut{border-radius:var(--rbt-radius)}
.rbt-brk{position:relative}
.rbt-brk::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(var(--rbt-accent),var(--rbt-accent)) left top/18px 2px,linear-gradient(var(--rbt-accent),var(--rbt-accent)) left top/2px 18px,linear-gradient(var(--rbt-accent),var(--rbt-accent)) right bottom/18px 2px,linear-gradient(var(--rbt-accent),var(--rbt-accent)) right bottom/2px 18px;background-repeat:no-repeat}

/* ---------- 2. knoppen & formulieren ---------- */
.button,a.button,button.button,input.button,.wp-element-button,.wp-block-button__link,input[type="submit"],button[type="submit"],.ct-button,
.added_to_cart,.checkout-button,#place_order,.single_add_to_cart_button,.wc-block-components-button:not(.is-link),.wc-block-cart__submit-button,.wc-block-components-checkout-place-order-button{
  --rbt-cut:8px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:0 24px!important;border:0!important;border-radius:var(--rbt-radius)!important;
  background:var(--rbt-accent)!important;color:var(--rbt-accent-ink)!important;font:600 14px/1 var(--rbt-f-body)!important;letter-spacing:.08em;text-transform:uppercase;text-decoration:none!important;cursor:pointer;
  border-radius:var(--rbt-radius);box-shadow:none!important;border-radius:var(--rbt-radius)!important}
.button:hover,a.button:hover,button.button:hover,.wp-element-button:hover,.wp-block-button__link:hover,input[type="submit"]:hover,button[type="submit"]:hover,.ct-button:hover,
.checkout-button:hover,#place_order:hover,.single_add_to_cart_button:hover,.wc-block-components-button:not(.is-link):hover{background:var(--rbt-accent-hover)!important;color:var(--rbt-accent-ink)!important}
.button:disabled,.button.disabled,button:disabled{opacity:.5;cursor:not-allowed}
/* tweede knopstijl: lichte knop met rand */
.rbt-btn-outline,a.button.rbt-btn-outline,button.button.rbt-btn-outline,.is-style-outline .wp-block-button__link,.woocommerce-cart-form button[name="update_cart"],.woocommerce a.button.wc-backward{background:var(--rbt-surface)!important;color:var(--rbt-ink)!important;box-shadow:inset 0 0 0 1.5px var(--rbt-line-2)!important}
.rbt-btn-outline:hover,a.button.rbt-btn-outline:hover,button.button.rbt-btn-outline:hover,.is-style-outline .wp-block-button__link:hover,.woocommerce-cart-form button[name="update_cart"]:hover{background:var(--rbt-surface-2)!important;box-shadow:inset 0 0 0 1.5px var(--rbt-ink)!important}
input[type="text"],input[type="email"],input[type="tel"],input[type="password"],input[type="search"],input[type="number"],input[type="url"],select,textarea,
.wc-block-components-text-input input,.wc-blocks-components-select__select,.select2-container .select2-selection{
  background:var(--rbt-surface)!important;border:1.5px solid var(--rbt-line-2)!important;border-radius:var(--rbt-radius)!important;color:var(--rbt-ink)!important;font-family:var(--rbt-f-body);min-height:46px}
input:focus,select:focus,textarea:focus,.wc-block-components-text-input input:focus{border-color:var(--rbt-accent)!important;box-shadow:0 0 0 3px rgba(31,79,143,.18)!important;outline:0}
label,.wc-block-components-text-input label{color:var(--rbt-ink-2);font-weight:500}
.quantity .qty{width:72px;text-align:center;font-weight:600}
input[type="text"],input[type="email"],input[type="tel"],input[type="password"],input[type="search"],input[type="url"]{padding:0 14px}
textarea{padding:12px 14px}
select{padding:0 36px 0 14px}
/* Pijltje in keuzelijsten (22 okt 2026, Tom): de background-shorthand hierboven
 * veegt Blocksy's pijltje weg, dus een eigen pijltje in inktkleur. Geldt voor
 * elke select op de site, ook de sortering. */
select{
  appearance:none!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%230f1d33' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;background-position:right 14px center!important;background-size:12px auto!important;
}

/* ---------- 3. header, servicebalk, footer ---------- */
.rbt-usp{background:#fff6d6;border-bottom:1px solid #f0e2b0;color:#0f1d33;font:13px/1.4 var(--rbt-f-mono);letter-spacing:.05em}
.rbt-usp__in{max-width:1290px;margin:0 auto;padding:8px 20px;display:flex;justify-content:center;gap:10px 30px;flex-wrap:wrap}
.rbt-usp span{display:inline-flex;align-items:center;gap:8px}
.rbt-usp span::before{content:"";width:7px;height:7px;background:var(--rbt-accent);border-radius:1px}
.rbt-usp a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.rbt-usp a:hover{text-decoration-color:var(--rbt-accent-hover)}
#header,.ct-header,header#header [data-row]{background-color:var(--rbt-surface)}
/* Header heel lichtblauw: TERUGGEDRAAID op 22 okt 2026 (Tom, weer wit). */
/* Lijnen om het headerblok (22 okt 2026, Tom): boven de middelste rij en tussen
 * middel en onder; onder de onderste rij geen. */
header#header [data-row="middle"]{border-top:none;border-bottom:none}
#header{border-bottom:1px solid var(--rbt-line-2);box-shadow:0 1px 0 rgba(21,25,30,.02)}
#header .ct-menu-link,#header .menu > li > a{font-weight:600;color:var(--rbt-ink-2);letter-spacing:.02em}
#header .menu > li > a:hover,#header .current-menu-item > a,#header .ct-menu-link:hover{color:var(--rbt-ink);box-shadow:inset 0 -2px 0 var(--rbt-accent)}
#header .site-title,#header .site-title a{font-family:var(--rbt-f-disp);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--rbt-ink)}
/* Logo in de header iets groter (22 okt 2026, Tom): Blocksy schaalt het logo
 * naar --logo-max-height (standaard 50px). */
#header .site-logo{--logo-max-height:62px}
@media (max-width:999.98px){#header .site-logo{--logo-max-height:46px}}
.ct-dynamic-count-cart,.ct-cart-item [data-count]{background:var(--rbt-accent)!important;color:var(--rbt-accent-ink)!important}
/* Account en winkelwagen als paar (22 okt 2026, Tom): poppetje in dezelfde
 * taal als het tasje (zie functions.php), allebei 22px in inkt. */
#header .ct-account-item svg{width:26px;height:26px;fill:none;color:var(--rbt-ink)}
#header .rbt-tas{width:26px;height:26px;fill:none;stroke-width:1.5;color:var(--rbt-ink)}
/* Bolletje bij uitgelogd account (22 okt 2026, Tom, vgl. Coolblue): hetzelfde
 * bolletje als het winkelwagen-aantal, maar rood met een kruisje. Alleen
 * zichtbaar als je uitgelogd bent. */
body:not(.logged-in) #header .ct-account-item{position:relative}
body:not(.logged-in) #header .ct-account-item::after{
  content:"";position:absolute;top:4px;right:-2px;
  width:15px;height:15px;border-radius:50%;
  background:
    linear-gradient(#fff,#fff) center/8px 2px no-repeat,
    linear-gradient(#fff,#fff) center/2px 8px no-repeat,
    var(--rbt-sale);
  transform:rotate(45deg);
}
/* Zelfe boxhoogte voor allebei (22 okt 2026, Tom): zo staan icoon en label
 * altijd even hoog, ongeacht badge of tekst. */
#header .ct-account-item,#header .ct-cart-item{display:inline-flex;align-items:center;gap:8px;min-height:44px}
#footer,.ct-footer{background:#f6f9fc;color:var(--rbt-ink-2);border-top:3px solid var(--rbt-accent)}
#footer .widget-title,#footer h2,#footer h3{font:12px/1.3 var(--rbt-f-mono)!important;letter-spacing:.2em;text-transform:uppercase;color:var(--rbt-ink)}
#footer a{color:var(--rbt-ink-2);text-decoration:none}
#footer a:hover{color:var(--rbt-accent-text)}
.ct-breadcrumbs,.woocommerce-breadcrumb{font:13px var(--rbt-f-mono);letter-spacing:.06em;color:var(--rbt-muted);text-transform:uppercase}
.ct-breadcrumbs a,.woocommerce-breadcrumb a{color:var(--rbt-muted);text-decoration:none}
.ct-breadcrumbs a:hover,.woocommerce-breadcrumb a:hover{color:var(--rbt-accent-text)}
.hero-section[data-type] .page-title,.woocommerce-products-header__title{font-size:clamp(28px,3.4vw,40px)}
.hero-section .page-description,.term-description{color:var(--rbt-muted);max-width:68ch}

/* ---------- 4. productoverzicht (winkel, categorie, gerelateerd, homepage) ---------- */
.woocommerce-result-count{font:13px var(--rbt-f-mono);letter-spacing:.06em;color:var(--rbt-muted);text-transform:uppercase}
.woocommerce-ordering select{min-height:42px;padding-right:36px}
@media (max-width:689.98px){
  .woo-listing-top .woocommerce-ordering,.woo-listing-top .woocommerce-ordering select{width:100%}
  /* Blocksy toont op mobiel alleen een sorteericoon (tekst doorzichtig, icoon
     eroverheen); hier de gekozen sortering als tekst met pijltje, zoals op
     desktop (terug van 25 sep 2026, verdween bij de Solar-overstap). */
  .woo-listing-top .woocommerce-ordering select{color:var(--rbt-ink)!important}
  .woo-listing-top .woocommerce-ordering .ct-sort-icon{display:none}
}
ul.products li.product,.wc-block-grid__product,.wc-block-product{--rbt-cut:14px;position:relative;background:var(--rbt-surface);border:1px solid var(--rbt-line)!important;padding:0 0 18px!important;text-align:left;display:flex;flex-direction:column;
  border-radius:var(--rbt-radius)}
ul.products li.product:hover{border-color:var(--rbt-line-2)!important;box-shadow:0 10px 24px -16px rgba(21,25,30,.35)}
ul.products li.product figure,ul.products li.product .ct-media-container,ul.products li.product a img,ul.products li.product > a:first-child img{background:var(--rbt-surface-2)}
ul.products li.product img{box-sizing:border-box;width:100%;height:auto!important;max-width:100%;aspect-ratio:4/5;object-fit:contain;padding:16px;margin:0 0 14px!important;border-radius:var(--rbt-radius)!important}
ul.products li.product .woocommerce-loop-product__title,ul.products li.product h2,.wc-block-grid__product-title{font:600 17px/1.3 var(--rbt-f-body)!important;letter-spacing:0!important;text-transform:none!important;color:var(--rbt-ink)!important;padding:0 18px!important;margin:0 0 6px!important}
ul.products li.product .woocommerce-loop-product__title a,ul.products li.product h2 a{color:inherit;text-decoration:none}
ul.products li.product .price,.wc-block-grid__product-price{display:block;padding:0 18px!important;margin:0 0 14px!important;font:700 23px/1.1 var(--rbt-f-disp)!important;color:var(--rbt-ink)!important}
.price del,.wc-block-components-product-price del{color:var(--rbt-muted)!important;font-weight:500;opacity:1;margin-right:6px}
.price ins,.wc-block-components-product-price ins{text-decoration:none;color:var(--rbt-sale)!important}
ul.products li.product .ct-woo-card-actions,ul.products li.product .ct-woo-card-extra{padding:0 18px;margin-top:auto}
ul.products li.product .button,ul.products li.product .added_to_cart{margin:auto 18px 0!important;width:calc(100% - 36px);min-height:44px;font-size:13px!important}
ul.products li.product .ct-woo-card-actions .button{margin:0!important;width:100%}
ul.products li.product .posted_in,ul.products li.product .ct-woo-card-extra [class*="cat"]{display:block;padding:0 18px;margin-bottom:4px;font:12px var(--rbt-f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--rbt-cool)}
.onsale,.ct-woo-badge-onsale,.wc-block-components-product-sale-badge{border-radius:var(--rbt-radius)!important;background:var(--rbt-sale)!important;color:#fff!important;font:600 12px/1 var(--rbt-f-mono)!important;letter-spacing:.12em;text-transform:uppercase;padding:7px 10px!important;min-height:0!important}
.star-rating span::before,.star-rating::before{color:var(--rbt-accent)}
/* zijbalk met filters */
.ct-sidebar .ct-widget,.widget_layered_nav,.widget_price_filter,.wp-block-woocommerce-product-filters{background:var(--rbt-surface);border:1px solid var(--rbt-line);padding:18px 20px}
.ct-sidebar .widget-title,.wp-block-woocommerce-product-filters h3{font:12px/1.3 var(--rbt-f-mono)!important;letter-spacing:.2em;text-transform:uppercase;color:var(--rbt-ink)}
.price_slider_amount .button{min-height:44px;font-size:12px!important}
.ui-slider .ui-slider-range,.wc-block-components-price-slider__range-input-progress{background:var(--rbt-accent)!important}

/* ---------- 5. productpagina ---------- */
.single-product div.product .summary .price{font:700 34px/1 var(--rbt-f-disp)!important;color:var(--rbt-ink)!important;margin:6px 0 14px}
.single-product div.product .summary .price .rbt-vanaf{font-size:20px;font-weight:500;color:var(--rbt-muted);margin-right:6px}
.single-product .woocommerce-product-details__short-description{color:var(--rbt-ink-2);font-size:15px}
/* Vaste tweedehands-zin (22 okt 2026, Tom): een voetnoot, geen bodytekst —
 * kleiner en grijs, positie blijft (vóór de prijs, bij de meldingen). De zin
 * staat vast in elke korte beschrijving, vandaar via het thema in één keer. */
.single-product p.rbt-tweedehands{font-size:14px;color:var(--rbt-muted);max-width:62ch}
/* Galerij lichtblauw zoals schets productpagina v5 (26 okt 2026, Tom; was
 * sinds 22 okt wit): zelfde rand, hoek en vulling als de andere dozen. */
.single-product .woocommerce-product-gallery{background:var(--rbt-surface-2);border:1px solid var(--rbt-line);border-radius:var(--rbt-radius);padding:18px}
.single-product .woocommerce-product-gallery img{background:var(--rbt-surface-2)}
/* Miniaturen: hele hoes los in het vierkant (22 okt 2026, Tom) — zie de regel
 * hieronder. Een scriptje zet hun src op het volledige bestand, zodat er
 * niets is bijgesneden (zie functions.php). */
/* Miniaturen: hele hoes los in het vierkant (22 okt 2026, Tom): contain plus
 * binnenruimte, zodat de foto nergens de rand raakt. Tussen de vakjes ook
 * ruimte (zie hieronder). */
.single-product .flexy-pills .ct-media-container img{aspect-ratio:1/1!important;object-fit:contain!important;box-sizing:border-box!important;background:var(--rbt-surface-2)!important;padding:8px}
.single-product .woocommerce-product-gallery li .ct-media-container:after{border-color:var(--rbt-line)!important;border-radius:var(--rbt-radius)}
.single-product .woocommerce-product-gallery li.active .ct-media-container:after{border-color:var(--rbt-accent)!important}
/* Beetje ruimte tussen de miniaturen (22 okt 2026, Tom): vulling in elk
 * vakje, 12px ertussen — de foto zelf blijft het vierkant vullen. */
.single-product .flexy-pills ol li{padding:6px}
/* Enkele productpagina: max-width 1080 teruggedraaid (22 okt 2026, Tom). */
/* Max-width single: 1080 teruggedraaid naar normaal 1200 (22 okt 2026, Tom). */
/* Miniaturen kleiner (22 okt 2026, Tom): 135px → 88px per vakje. */
.single-product .flexy-pills ol li{flex:0 0 88px;width:88px;max-width:88px}
/* Bestelblok zonder scheidingslijnen (22 okt 2026, Tom, vgl. bol/Coolblue):
 * witruimte scheidt; de knop is weer zonnegeel zoals overal. */
.single-product form.cart{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:flex-start;padding:0 0 6px;margin:0 0 6px!important;border:0}
/* Tabel compenseert het wegvallen van de formulier-bovenkant hierboven. */
.single-product table.variations{margin:24px 0 12px}
/* Tabelafstand: zie de regel hierboven (24px boven). */
.single-product form.cart .single_add_to_cart_button{flex:1 1 220px;min-height:48px;font-size:15px!important}
/* Simpel product (22 okt 2026, Tom): aantal + knop zitten in een extra laag
 * (.ct-cart-actions) waar de flex van het formulier niet doorkomt — zonder
 * dit vult de knop niet en staat alles ingesprongen. */
.single-product form.cart .ct-cart-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:stretch;margin-left:0!important;padding-left:0!important;justify-content:flex-start}
.single-product form.cart .ct-cart-actions .quantity{flex:none;margin-left:0!important}
.single-product .stock{font:600 14px var(--rbt-f-body);display:inline-flex;align-items:center;gap:8px}
.single-product .stock.in-stock{color:var(--rbt-ok)}.single-product .stock.in-stock::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--rbt-ok)}
.single-product .stock.out-of-stock{color:var(--rbt-err)}
/* Hoofdbeeld iets minder hoog (22 okt 2026, Tom): alleen desktop, alleen hoge
 * foto's worden afgetopt (vierkante blijven gelijk); gecentreerd. */
@media (min-width:1000px){
.single-product .woocommerce-product-gallery .flexy-container .flexy-view img{display:block;max-height:480px;width:auto;margin:0 auto}
}
.single-product .stock.out-of-stock{color:var(--rbt-err)}
.product_meta{font:13px var(--rbt-f-mono);letter-spacing:.04em;color:var(--rbt-muted);display:grid;gap:4px}
.product_meta a{color:var(--rbt-ink-2)}
/* Redenen om te kopen (22 okt 2026, Tom): wit met groene vinkjes. Geel is voor
 * actie en waarschuwing (knoppen, meldingen), groen voor geruststelling — ook
 * de voorraadregel is groen. */
/* Afstand knop → redenen kleiner (22 okt 2026, Tom): Blocksy-wikkel 35 → 20px. */
.single-product .ct-product-add-to-cart{margin-bottom:6px}
/* Ook interessant 3x3 op desktop (22 okt 2026, Tom); mobiel Blocksy-standaard. */
@media (min-width:1000px){
.single-product :is(.related,.up-sells).products ul.products{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
/* Onderblok-kolommen TERUGGEDRAAID op 22 okt 2026 (Tom, onder elkaar);
 * afstand galerij → tabs behouden. */
/* Opnieuw 2 kolommen 40/60 (22 okt 2026, Tom). */
@media (min-width:1000px){
.single-product .rbt-onder{display:grid;grid-template-columns:2fr 3fr;gap:48px;align-items:start;max-width:1200px;margin:56px auto 0}
}
@media (min-width:1000px){
.single-product .woocommerce-tabs{margin-top:56px}
/* Kaarttitels rechts gelijk met lopende tekst (22 okt 2026, Tom): 17 → 16px. */
.single-product .rbt-onder-rechts ul.products li.product .woocommerce-loop-product__title{font-size:16px!important}
.single-product .rbt-onder-rechts ul.products{grid-template-columns:repeat(3,1fr)}
}
/* Tab-inhoud in thema (22 okt 2026, Tom): tabelkop, reviews-melding,
 * lijsten en vet in huisstijl. */
.single-product .woocommerce-tabs .shop_attributes th{background:var(--rbt-surface-2);color:var(--rbt-ink);font-weight:600}
.single-product .woocommerce-tabs .woocommerce-noreviews{font-size:15px}
.single-product .woocommerce-tabs .woocommerce-verification-required{background:var(--rbt-surface-2);border-radius:var(--rbt-radius);padding:12px 16px;font-size:14px;color:var(--rbt-ink-2)}
.single-product .woocommerce-tabs .panel ul{list-style:none;padding:0}
.single-product .woocommerce-tabs .panel ul>li{position:relative;padding-left:20px;margin:0 0 8px}
.single-product .woocommerce-tabs .panel ul>li::before{content:"";position:absolute;left:2px;top:.55em;width:7px;height:7px;background:var(--rbt-accent-text);border-radius:1px}
.single-product .woocommerce-tabs .panel strong{color:var(--rbt-ink)}
/* Koppen ín de tabbladen onder de sectiekop (22 okt 2026, Tom): h3 was
 * 30px, groter dan de sectiekop 24px. */
.single-product .woocommerce-tabs #tab-description h3,.single-product .woocommerce-tabs #tab-additional_information h3,.single-product .woocommerce-tabs #tab-reviews h3{font-size:20px;letter-spacing:.01em}
.single-product .woocommerce-tabs #tab-description h4,.single-product .woocommerce-tabs #tab-additional_information h4,.single-product .woocommerce-tabs #tab-reviews h4{font-size:17px;letter-spacing:.01em}
/* Mobiele tikdoelen + popup binnen scherm (22 okt 2026, Tom). */
@media (max-width:999.98px){
body .wc-block-product-filters__overlay-content .wc-block-product-filter-checkbox-list__show-more-button{min-height:40px}
body.single-product .rbt-staat-info__lijst{position:fixed;left:16px;right:16px;width:auto;max-width:none;top:50%;transform:translateY(-50%);max-height:70vh;overflow:auto;z-index:60}
}
/* Sorteervak in filterpaneel (22 okt 2026, Tom). */
.wc-block-product-filters__overlay-content form.woocommerce-ordering{margin:0 0 16px}
.wc-block-product-filters__overlay-content form.woocommerce-ordering select{width:100%}
/* Uitklapbare panels (22 okt 2026, Tom). */
.single-product .rbt-dicht .rbt-stop{display:none}
.single-product .rbt-dicht table.shop_attributes tbody tr:nth-child(n+6){display:none}
.rbt-uitklap{display:flex;align-items:center;justify-content:center;gap:8px;width:auto;max-width:max-content;background:var(--rbt-surface-2);color:var(--rbt-ink);box-shadow:inset 0 0 0 1.5px var(--rbt-line-2);border:0;border-radius:var(--rbt-radius);padding:0 24px;min-height:40px;font:600 13px/1 var(--rbt-f-body);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;margin:10px auto 0}
/* Iets meer lucht tussen de secties (22 okt 2026, Tom), desktop + mobiel. */
.single-product .rbt-onder-links>div+div,.single-product .woocommerce-tabs>article>div+div{margin-top:20px}
.rbt-uitklap:hover{background:#e6e9ed;color:var(--rbt-ink);box-shadow:inset 0 0 0 1.5px var(--rbt-line-2)}
/* Tabel compacter (22 okt 2026, Tom). */
.single-product #tab-additional_information table.shop_attributes th,.single-product #tab-additional_information table.shop_attributes td{padding:8px 12px}
/* (oude type-4-regel vervallen: zie sectiekoppen hierboven) */
/* "Ook interessant" gelijk met secties (22 okt 2026, Tom): was 36px. */
.single-product :is(.related,.up-sells).products .ct-module-title{font-size:28px;letter-spacing:.01em}
/* Reviews-titel ertussen (22 okt 2026, Tom): 16 → 20px. */
.single-product .woocommerce-Reviews-title{font-size:20px;letter-spacing:.01em}
/* Sectiekoppen tabs 28px (22 okt 2026, Tom): de panel-h2 is de enige kop
 * (de oude regel miste: na de kolommen-verhuizing is er geen .woocommerce-tabs-ouder meer). */
.single-product div[id^="tab-"]>h2:first-child{font-size:28px;letter-spacing:.01em;color:var(--rbt-ink);margin:10px 0 12px}
/* Tabel zebra (22 okt 2026, Tom). */
.single-product .woocommerce-tabs .shop_attributes tbody tr:nth-child(even) td{background:var(--rbt-surface-2)}
/* Knopmaat: TERUGGEDRAAID naar origineel op 22 okt 2026 (Tom). */
/* Knopbreedte: TERUGGEDRAAID naar origineel (rekt uit) op 22 okt 2026 (Tom). */
/* Aantal+knop-rij altijd volle breedte (22 okt 2026, Tom, gemeten): de rij
 * krimpt mee met de knoplengte, waardoor de knop na "Bekijk winkelwagen"
 * onder het aantal sprong. */
.single-product form.cart .ct-cart-actions{flex:1 1 100%;max-width:100%}
/* Zelfde een niveau hoger (22 okt 2026, Tom, gemeten op variabel product):
 * ook de wikkel kromp mee met de knoplengte. */
.single-product form.cart .single_variation_wrap{flex:1 1 100%;max-width:100%}
/* Geen tweede knop na toevoegen (22 okt 2026, Tom): de knop zelf wordt
 * "Bekijk winkelwagen" (zie functions.php). */
.single-product a.added_to_cart{display:none!important}
/* Knopkleur groen: TERUGGEDRAAID naar origineel geel op 22 okt 2026 (Tom). */
/* Knopkleur: TERUG naar origineel geel op 22 okt 2026 (Tom); maat blijft. */
/* Aantal compacter (22 okt 2026, Tom): 54x42. */
/* Lopende tekst tabbladen 16px (22 okt 2026, Tom): koppen ongemoeid. */
.single-product #tab-description,.single-product #tab-description p,.single-product #tab-description li,.single-product #tab-additional_information,.single-product #tab-additional_information td,.single-product #tab-additional_information th{font-size:16px}
/* Prijs + verzendregel onder de staat (22 okt 2026, Tom): het formulier is
 * een flex-rij; zonder dit staan prijs en regel naast elkaar. */
.single-product form.cart > .price,
.single-product form.cart > .rbt-verzendtimer{flex:0 0 100%;max-width:100%}
/* Verhuisde variatie-regel ook eigen rij; variatieprijs verborgen
 * (hoofdprijs volgt de keuze al). (22 okt 2026, Tom) */
.single-product form.cart > .single_variation{flex:0 0 100%;max-width:100%;margin-bottom:0}
body.single-product .entry-summary .stock{margin-bottom:8px;font-size:15px}
/* Aantalmaat: TERUGGEDRAAID naar origineel op 22 okt 2026 (Tom). */
/* (46px-variant vervallen, zie hierboven.) */
/* Laag-voorraad: oranje van 22 okt vervallen op 26 okt 2026 (Tom, schets
 * productpagina v5): "Slechts …" is groen, net als "Op voorraad". */
.single-product .woocommerce-variation-price{display:none}
/* Upsell ook in de rechterkolom + kop gelijk (22 okt 2026, Tom). */
.single-product .rbt-onder-rechts .up-sells ul.products{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.single-product .rbt-onder-rechts h2{font-size:28px;letter-spacing:.01em}
/* Eigen display overschrijft het hidden-attribuut van de browser — zonder
 * deze regel zou de teller ook 's nachts en in het weekend ("…") te zien zijn. */
.rbt-verzendtimer[hidden]{display:none!important}
.woocommerce-tabs ul.tabs,.woocommerce-tabs .wc-tabs{display:flex;flex-wrap:wrap;gap:4px;border-bottom:1px solid var(--rbt-line)!important;padding:0!important;margin:0 0 22px!important}
.woocommerce-tabs ul.tabs li,.woocommerce-tabs .wc-tabs li{border:0!important;background:none!important;margin:0!important;padding:0!important}
.woocommerce-tabs ul.tabs li::before,.woocommerce-tabs ul.tabs li::after,.woocommerce-tabs ul.tabs::before{display:none!important}
.woocommerce-tabs ul.tabs li a{display:block;padding:12px 18px!important;font:600 14px var(--rbt-f-body)!important;letter-spacing:.08em;text-transform:uppercase;color:var(--rbt-muted)!important;text-decoration:none}
.woocommerce-tabs ul.tabs li.active a{color:var(--rbt-ink)!important;box-shadow:inset 0 -3px 0 var(--rbt-accent)}
.woocommerce-Tabs-panel{color:var(--rbt-ink-2)}
.woocommerce-Tabs-panel table.shop_attributes th,.woocommerce-Tabs-panel table.shop_attributes td{border-color:var(--rbt-line)!important;padding:10px 12px!important}
.woocommerce-Tabs-panel table.shop_attributes th{font:13px var(--rbt-f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--rbt-muted);width:200px}
.related.products > h2,.upsells.products > h2,.cross-sells > h2{font-size:clamp(26px,2.6vw,36px);margin:0 0 20px}

/* ---------- 5b. productpagina volgens schets v5 (26 okt 2026, Tom) ----------
 * preview-product-v5-2026-10-26.html. Koopkolom: kicker (platform · soort),
 * titel, prijsrij met voorraad, groene verzendband (de tekst blijft van de
 * verzendteller in functions.php), staat als knoppen met uitleg en "Wissen",
 * aantal met −/+ en een volle knop, redenen als kaart met iconen (ook op
 * mobiel alle vier), logo's en de tweedehands-zin. Onder: secties met kicker
 * + titel, kenmerken als lijst, compacte kaartjes bij "Ook interessant".
 * Mobiel: titel boven de foto en een plakbalk met prijs en knop.
 * Afwijkend van de schets (Tom): de logo's zijn die uit de footer en de
 * verzendband is groen met de tekst van de verzendteller. */
.single-product .entry-summary .rbt-product-platform{display:block;margin:0 0 6px}
.single-product div.product .product_title{font-size:clamp(26px,2.6vw,36px)!important;line-height:1.1;margin:0 0 8px}
/* Prijsrij: prijs met de voorraad ernaast */
.single-product .rbt-prijsrij{flex:0 0 100%;max-width:100%;display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;margin:0 0 12px}
/* Prijs rood (26 okt 2026, Tom), ook in de plakbalk op mobiel. */
.single-product div.product .summary .rbt-prijsrij .price{margin:0!important;font-size:34px!important;line-height:1.1!important;color:var(--rbt-sale)!important}
.single-product .rbt-prijsrij .single_variation{flex:0 1 auto;margin:0!important}
.single-product .rbt-prijsrij .woocommerce-variation-availability,.single-product .rbt-prijsrij .woocommerce-variation-availability p{margin:0}
body.single-product .entry-summary .rbt-prijsrij .stock{display:inline-flex;align-items:center;margin:0;gap:7px;font-size:13px;font-weight:600}
.single-product .rbt-prijsrij .stock::before{content:"";flex:none;width:9px;height:9px;border-radius:50%;background:currentColor}
/* Pulserend bolletje bij voorraad (26 okt 2026, Tom) */
.single-product .rbt-prijsrij .stock.in-stock::before{animation:rbt-puls 2s ease-out infinite}
@media (prefers-reduced-motion:reduce){.single-product .rbt-prijsrij .stock.in-stock::before{animation:none}}
/* Verzendband, groen (Tom: niet geel); vrachtwagen via mask, zodat de teller de tekst kan vervangen */
body.single-product .entry-summary .rbt-verzendtimer{position:relative;display:block;margin:0 0 18px;padding:11px 16px 11px 46px;background:#eaf6ef;border:1px solid #c3e3cf;border-radius:var(--rbt-radius);font:400 14px/1.5 var(--rbt-f-body);color:var(--rbt-ink-2)}
body.single-product .entry-summary .rbt-verzendtimer::before{content:"";position:absolute;left:16px;top:50%;width:20px;height:20px;margin-top:-10px;background:var(--rbt-ok);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 3h15v13H1z'/%3E%3Cpath d='M16 8h4l3 3v5h-7V8z'/%3E%3Ccircle cx='5.5' cy='18.5' r='2.5'/%3E%3Ccircle cx='18.5' cy='18.5' r='2.5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 3h15v13H1z'/%3E%3Cpath d='M16 8h4l3 3v5h-7V8z'/%3E%3Ccircle cx='5.5' cy='18.5' r='2.5'/%3E%3Ccircle cx='18.5' cy='18.5' r='2.5'/%3E%3C/svg%3E") center/contain no-repeat}
body.single-product .entry-summary .rbt-verzendtimer b{font-weight:600;color:var(--rbt-ink)}
/* Voorraad in de groene band boven de verzendtekst, met een pulserend groen
 * bolletje vóór de voorraadtekst (26 okt 2026, Tom). De band neemt de doos
 * over van de verzendtekst (die blijft de doos als het script niet draait). */
body.single-product .entry-summary .rbt-verzendband{position:relative;flex:0 0 100%;max-width:100%;margin:0 0 18px;padding:11px 16px 11px 50px;background:#eaf6ef;border:1px solid #c3e3cf;border-radius:var(--rbt-radius)}
body.single-product .entry-summary .rbt-verzendband::before{content:"";position:absolute;left:16px;top:50%;width:22px;height:22px;margin-top:-11px;background:var(--rbt-ok);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 3h15v13H1z'/%3E%3Cpath d='M16 8h4l3 3v5h-7V8z'/%3E%3Ccircle cx='5.5' cy='18.5' r='2.5'/%3E%3Ccircle cx='18.5' cy='18.5' r='2.5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 3h15v13H1z'/%3E%3Cpath d='M16 8h4l3 3v5h-7V8z'/%3E%3Ccircle cx='5.5' cy='18.5' r='2.5'/%3E%3Ccircle cx='18.5' cy='18.5' r='2.5'/%3E%3C/svg%3E") center/contain no-repeat}
@media (prefers-reduced-motion:reduce){body.single-product .entry-summary .rbt-verzendband .stock::before{animation:none}}
body.single-product .entry-summary .rbt-verzendband .rbt-verzendtimer{margin:0;padding:0;background:none;border:0;border-radius:0}
body.single-product .entry-summary .rbt-verzendband .rbt-verzendtimer::before{display:none}
.single-product .rbt-verzendband .single_variation,.single-product .rbt-verzendband .woocommerce-variation-availability,.single-product .rbt-verzendband .woocommerce-variation-availability p{margin:0!important}
body.single-product .entry-summary .rbt-verzendband .stock{display:flex;align-items:center;gap:9px;margin:0;font:600 14px/1.5 var(--rbt-f-body);color:var(--rbt-ok)}
body.single-product .entry-summary .rbt-verzendband .stock::before{content:"";display:block;flex:none;width:9px;height:9px;border-radius:50%;background:var(--rbt-ok);animation:rbt-puls 2s ease-out infinite}
@keyframes rbt-puls{0%{box-shadow:0 0 0 0 rgba(29,122,70,.55)}70%{box-shadow:0 0 0 8px rgba(29,122,70,0)}100%{box-shadow:0 0 0 0 rgba(29,122,70,0)}}
/* Tekst van het gekozen exemplaar (hardware) onder de keuze, niet in de verzendband (27 okt 2026, Tom) */
.single-product .rbt-verzendband .woocommerce-variation-description{display:none}
.single-product .rbt-exemplaar-tekst{flex:0 0 100%;max-width:100%;margin:4px 0 16px;font-size:14px;line-height:1.6;color:var(--rbt-ink)}
.single-product .rbt-exemplaar-tekst p{margin:0 0 8px}
.single-product .rbt-exemplaar-tekst p:last-child{margin:0}
/* Meebestellen: vinkjes boven de bestelknop, standaard aan (27 okt 2026, Tom) */
.single-product .rbt-meebestellen{flex:0 0 100%;max-width:100%;min-width:0;margin:0 0 16px;padding:0;border:0}
.single-product .rbt-meebestel-groep{min-width:0;margin:0 0 14px;padding:0;border:0}
.single-product .rbt-meebestel-groep--foto .rbt-meebestel{margin:0 0 10px}
.single-product .rbt-meebestel__foto{flex:none;display:block;width:56px;height:56px}
.single-product .rbt-meebestel__foto img{display:block;width:56px;height:56px;object-fit:contain;border-radius:6px;background:#fff}
.single-product .rbt-meebestel.is-binnenkort{cursor:default}
.single-product .rbt-meebestel.is-binnenkort .rbt-meebestel__naam{color:var(--rbt-muted)}
.single-product .rbt-meebestel-uitleg{margin:0 0 10px;font-size:13px;line-height:1.5;color:var(--rbt-muted)}
/* Aantal per extraatje met foto (controllers), kleine − en + (27 okt 2026, Tom) */
.single-product div.rbt-meebestel{cursor:default}
.single-product .rbt-meebestel .rbt-aantal--klein{flex:none}
body.single-product form.cart .rbt-meebestellen .rbt-meebestel .rbt-aantal--klein button{width:32px;min-height:34px;font-size:15px}
body.single-product form.cart .rbt-meebestellen .rbt-aantal__veld{width:30px;min-height:34px;padding:0;border:0!important;border-radius:0;box-shadow:none!important;background:transparent;text-align:center;font:600 14px/1 var(--rbt-f-body);color:var(--rbt-ink);-moz-appearance:textfield;appearance:textfield}
.rbt-aantal__veld::-webkit-outer-spin-button,.rbt-aantal__veld::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.single-product .rbt-meebestellen legend{padding:0;margin:0 0 8px;font:700 15px/1.2 var(--rbt-f-body);color:var(--rbt-ink)}
.single-product .rbt-meebestel{display:flex;align-items:center;gap:10px;margin:0 0 6px;font-size:14px;line-height:1.4;cursor:pointer}
.single-product .rbt-meebestel input{flex:none;width:18px;height:18px;margin:0;accent-color:var(--rbt-ink)}
.single-product .rbt-meebestel__prijs{margin-left:auto;color:var(--rbt-muted);white-space:nowrap}
.single-product .rbt-meebestel-totaal{margin:10px 0 0;font-size:14px}
/* Staat: kop, uitleg, knoppen, Wissen */
form.variations_form.rbt-met-keuzes table.variations,.single-product table.variations{margin:0}
.single-product table.variations :is(th,td){padding:0!important;border:0!important;background:none!important}
.single-product table.variations tr{gap:0!important}
.single-product table.variations th.label{padding:0 0 4px!important}
.single-product table.variations td.value{display:block}
form.variations_form .variations th.label label{display:inline-flex;align-items:center;gap:8px;margin:0;font:700 15px/1.2 var(--rbt-f-body);letter-spacing:0;text-transform:none;color:var(--rbt-ink)}
.single-product .rbt-staat-info{margin:0}
.single-product .rbt-staat-info__icoon{width:18px;height:18px;box-sizing:border-box;border:1.5px solid var(--rbt-line-2);border-radius:50%;background:none;-webkit-mask:none;mask:none;font:700 12px/15px var(--rbt-f-body);text-align:center;color:var(--rbt-muted)}
.single-product .rbt-staat-info__icoon::before{content:"?"}
.single-product .rbt-staat-info>summary:hover .rbt-staat-info__icoon,.single-product .rbt-staat-info[open] .rbt-staat-info__icoon{border-color:var(--rbt-accent-text);color:var(--rbt-accent-text)}
.rbt-staat-uitleg{margin:0 0 10px;font-size:13px;line-height:1.5;color:var(--rbt-muted)}
.single-product .rbt-keuze{min-height:46px;padding:0 20px}
.rbt-keuze:disabled,.rbt-keuze[disabled]{opacity:.45;color:var(--rbt-ink);background:var(--rbt-surface-2);border-color:var(--rbt-line-2);text-decoration:none;cursor:not-allowed}
.rbt-keuze[disabled]:hover{border-color:var(--rbt-line-2)}
form.variations_form.rbt-met-keuzes .reset_variations,.single-product form.variations_form .variations a.reset_variations{display:table!important;margin:18px 0 0;font-size:13px;line-height:1.4;color:var(--rbt-accent-text);text-decoration:underline}
/* Aantal met − en + naast een volle knop */
.single-product form.cart .ct-cart-actions{display:flex;flex-wrap:nowrap;align-items:stretch;gap:12px;margin:18px 0 18px}
.single-product form.cart .quantity{flex:none;width:auto;height:auto;margin:0!important;overflow:visible;display:flex}
.single-product form.cart .rbt-aantal button{width:44px;min-height:48px;font-size:16px;font-weight:600}
.single-product form.cart .rbt-aantal input.qty{width:36px;min-height:48px!important;height:auto;padding:0;border:0!important;border-radius:0;box-shadow:none!important;background:transparent;text-align:center;font-size:15px;font-weight:600;color:var(--rbt-ink);-moz-appearance:textfield;appearance:textfield}
.single-product form.cart .single_add_to_cart_button{flex:1 1 auto;align-self:stretch;min-height:52px!important;padding:0 20px;font:600 14px/1 var(--rbt-f-body)!important;letter-spacing:.08em;text-transform:uppercase}
.single-product .ct-product-add-to-cart{margin-bottom:0}
.single-product form.cart{margin:0!important;padding:0}
.rbt-plak-info{display:none}
.single-product form.cart .single_add_to_cart_button[data-icoon]{display:inline-flex;align-items:center;justify-content:center;gap:10px}
/* Winkelwagen-icoon in de knop (26 okt 2026, Tom), desktop vóór de tekst, mobiel alleen het icoon: karretje met + (Tabler shopping-cart-plus, MIT; 26 okt 2026 mooier gemaakt), na toevoegen met vinkje. ::after, want Blocksy gebruikt ::before. */
.single-product form.cart .single_add_to_cart_button[data-icoon]::after{content:"";display:block;order:-1;flex:none;width:20px;height:20px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19a2 2 0 1 0 4 0a2 2 0 0 0 -4 0'/%3E%3Cpath d='M12.5 17h-6.5v-14h-2'/%3E%3Cpath d='M6 5l14 1l-.86 6.017m-2.64 .983h-10.5'/%3E%3Cpath d='M16 19h6'/%3E%3Cpath d='M19 16v6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19a2 2 0 1 0 4 0a2 2 0 0 0 -4 0'/%3E%3Cpath d='M12.5 17h-6.5v-14h-2'/%3E%3Cpath d='M6 5l14 1l-.86 6.017m-2.64 .983h-10.5'/%3E%3Cpath d='M16 19h6'/%3E%3Cpath d='M19 16v6'/%3E%3C/svg%3E") center/contain no-repeat}
.single-product form.cart .single_add_to_cart_button[data-icoon="bekijk"]::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19a2 2 0 1 0 4 0a2 2 0 0 0 -4 0'/%3E%3Cpath d='M11.5 17h-5.5v-14h-2'/%3E%3Cpath d='M6 5l14 1l-1 7h-13'/%3E%3Cpath d='M15 19l2 2l4 -4'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19a2 2 0 1 0 4 0a2 2 0 0 0 -4 0'/%3E%3Cpath d='M11.5 17h-5.5v-14h-2'/%3E%3Cpath d='M6 5l14 1l-1 7h-13'/%3E%3Cpath d='M15 19l2 2l4 -4'/%3E%3C/svg%3E")}
/* Uitverkocht: geen aantal kiezen, de (uitgeschakelde) knop over de hele breedte */
.single-product form.cart .ct-cart-actions:has(input.qty:disabled) .quantity{display:none}
/* Redenen als kaart met iconen */
.single-product .rbt-trust{list-style:none;display:grid;gap:8px;margin:0 0 14px;padding:16px 18px;border:1px solid var(--rbt-line);border-radius:var(--rbt-radius);background:var(--rbt-surface)}
.single-product .rbt-trust li{display:flex;gap:10px;align-items:flex-start;margin:0;font-size:14px;line-height:1.6;color:var(--rbt-ink-2)}
.single-product .rbt-trust svg{flex:none;width:18px;height:18px;margin-top:2px;color:var(--rbt-accent-text)}
.single-product .rbt-trust b{color:var(--rbt-ink)}
.rbt-pp-logos,.single-product .entry-summary>.rbt-pp-logos{display:flex;align-items:center;gap:8px;margin:0 0 14px}
.rbt-pp-logos img{height:32px!important;width:auto!important;border-radius:var(--rbt-radius)}
/* Galerij zoals de schets: alleen de grote foto in een lichtblauw vlak, de
 * miniaturen eronder los (76px, 10px ertussen, gekozen = geel). */
.single-product .woocommerce-product-gallery{background:none;border:0;border-radius:0;padding:0}
.single-product .woocommerce-product-gallery .flexy{background:var(--rbt-surface-2);border:1px solid var(--rbt-line);border-radius:var(--rbt-radius)}
/* Eén foto (geen slider): zelfde lichtblauwe vlak (26 okt 2026). */
.single-product .woocommerce-product-gallery .ct-product-gallery-container>.ct-media-container{display:flex;justify-content:center;background:var(--rbt-surface-2)!important;border:1px solid var(--rbt-line);border-radius:var(--rbt-radius)}
.single-product .woocommerce-product-gallery .ct-product-gallery-container>.ct-media-container img{box-sizing:border-box;padding:18px}
/* Ruimte rond de foto op de foto zelf: binnenruimte op de slider breekt het wisselen via de miniaturen. */
.single-product .woocommerce-product-gallery .flexy-view .ct-media-container img{box-sizing:border-box;padding:18px}
.single-product .flexy-pills{margin-top:10px}
.single-product .flexy-pills ol{margin:0!important;gap:10px}
.single-product .flexy-pills ol li{flex:0 0 76px;width:76px;max-width:76px;padding:0}
.single-product .flexy-pills .ct-media-container img{padding:6px}
.single-product .woocommerce-product-gallery li .ct-media-container:after{border:1.5px solid var(--rbt-line-2)!important;border-radius:var(--rbt-radius)}
.single-product .woocommerce-product-gallery li.active .ct-media-container:after{border-color:var(--rbt-accent)!important;box-shadow:inset 0 0 0 1px var(--rbt-accent)}
/* Kolommen zoals de schets: koopkolom 460px, 44px ertussen */
@media (min-width:1000px){
  .single-product .product-entry-wrapper>.woocommerce-product-gallery{flex:1 1 auto!important;width:auto!important;min-width:0}
  .single-product .product-entry-wrapper>.entry-summary{flex:0 0 460px!important;width:460px!important;margin-inline-start:44px!important}
}
.single-product .rbt-tweedehands-na{margin:0;font-size:13px;line-height:1.6;color:var(--rbt-muted)}
/* Onder het product: secties met kicker + titel */
.single-product div[id^="tab-"]>.rbt-kicker{margin:0 0 6px!important;font-size:12px!important;letter-spacing:.2em}
.single-product div[id^="tab-"]>.rbt-kicker+h2{margin:0 0 14px!important;font:700 24px/1.1 var(--rbt-f-disp);letter-spacing:.02em;text-transform:uppercase;color:var(--rbt-ink)!important}
.single-product .rbt-onder-links>div+div,.single-product .woocommerce-tabs>article>div+div{margin-top:26px}
.single-product .rbt-leesmeer{margin:14px 0 0;border:1px solid var(--rbt-line-2);border-radius:var(--rbt-radius);background:var(--rbt-surface)}
.single-product .rbt-leesmeer>summary{display:flex;align-items:center;gap:10px;padding:14px 18px;cursor:pointer;list-style:none;font:600 14px/1.2 var(--rbt-f-body);color:var(--rbt-ink)}
.single-product .rbt-leesmeer>summary::-webkit-details-marker{display:none}
.single-product .rbt-leesmeer>summary::marker{content:""}
.single-product .rbt-leesmeer>summary::after{content:"+";margin-left:auto;font-size:18px;line-height:1.2;color:var(--rbt-accent-text)}
.single-product .rbt-leesmeer[open]>summary::after{content:"–"}
.single-product .rbt-leesmeer__inhoud{padding:0 18px 16px}
.single-product .rbt-leesmeer__inhoud>*{margin:0 0 12px}
.single-product .rbt-leesmeer__inhoud>*:last-child{margin-bottom:0}
/* Tussenkoppen en tabellen in de beschrijving (26 okt 2026, Tom: bij de
 * accessoires stond een kop van 30px vooraan en een tabel met randen). */
.single-product #tab-description h3{margin:18px 0 8px;font-size:20px;line-height:1.15;letter-spacing:.01em}
.single-product #tab-description h4{margin:16px 0 6px;font-size:17px;line-height:1.2}
.single-product #tab-description>.rbt-kicker+h2+h3{margin-top:0}
.single-product .rbt-leesmeer__inhoud>h3:first-child,.single-product .rbt-leesmeer__inhoud>h4:first-child{margin-top:0}
.single-product .rbt-leesmeer__inhoud table{width:auto;max-width:100%;margin:0 0 12px;border:0!important;border-collapse:collapse}
.single-product .rbt-leesmeer__inhoud table thead{display:none}
.single-product .rbt-leesmeer__inhoud table :is(th,td){padding:3px 16px 3px 0!important;border:0!important;background:none!important;font-size:15px;line-height:1.6;vertical-align:top;text-align:left}
.single-product .rbt-leesmeer__inhoud table td:first-child{width:180px;color:var(--rbt-muted)}
.single-product .rbt-leesmeer__inhoud table td:not(:first-child){font-weight:600;color:var(--rbt-ink)}
.single-product .rbt-uitklap{display:flex;justify-content:space-between;width:100%;max-width:none;margin:14px 0 0;padding:14px 18px;min-height:0;background:var(--rbt-surface);border:1px solid var(--rbt-line-2);box-shadow:none;font:600 14px/1.2 var(--rbt-f-body);letter-spacing:0;text-transform:none;text-align:left;color:var(--rbt-ink)}
.single-product .rbt-uitklap::after{content:"+";font-size:18px;line-height:1;color:var(--rbt-accent-text)}
.single-product .rbt-uitklap[aria-expanded="true"]::after{content:"–"}
.single-product .rbt-uitklap:hover{background:var(--rbt-surface);box-shadow:none;border-color:var(--rbt-ink)}
/* Kenmerken als lijst: label grijs, waarde vet */
.single-product #tab-additional_information table.shop_attributes{max-width:640px;margin:0!important;border:0;border-collapse:collapse}
.single-product #tab-additional_information table.shop_attributes :is(th,td){padding:3px 16px 3px 0!important;border:0!important;background:none!important;vertical-align:top;font-size:15px;line-height:1.6}
.single-product #tab-additional_information table.shop_attributes th{width:220px;font-family:var(--rbt-f-body);font-weight:400;letter-spacing:0;text-transform:none;color:var(--rbt-muted)}
.single-product #tab-additional_information table.shop_attributes td{font-weight:600;color:var(--rbt-ink)}
.single-product #tab-additional_information table.shop_attributes td p{margin:0}
/* Ook interessant: kicker + titel en compacte kaartjes */
.single-product :is(.related,.up-sells).products>.rbt-kicker{margin:0 0 6px}
.single-product :is(.related,.up-sells).products .ct-module-title{margin:0 0 14px;font-size:28px;line-height:1.1}
.single-product :is(.related,.up-sells).products ul.products{--grid-columns-gap:12px;--grid-rows-gap:12px;gap:12px}
.single-product :is(.related,.up-sells).products ul.products li.product{padding:0 0 14px!important}
.single-product :is(.related,.up-sells).products li.product figure{order:0;margin:0 0 10px}
.single-product :is(.related,.up-sells).products li.product img{aspect-ratio:auto!important;height:150px!important;padding:10px;margin:0!important;border-radius:var(--rbt-radius) var(--rbt-radius) 0 0!important}
.single-product :is(.related,.up-sells).products li.product .rbt-archief-kenmerken{order:1;padding:0 14px;margin:0 0 4px;font-size:11px;letter-spacing:.12em}
.single-product :is(.related,.up-sells).products li.product .woocommerce-loop-product__title,.single-product .rbt-onder-rechts .related.products ul.products li.product .woocommerce-loop-product__title{order:2;padding:0 14px!important;margin:0 0 8px!important;font-size:15px!important}
.single-product :is(.related,.up-sells).products li.product .price{order:3;padding:0 14px!important;margin:0 0 12px!important;font-size:20px!important}
.single-product :is(.related,.up-sells).products li.product .ct-woo-card-actions{order:4;margin:auto 14px 0!important}
.single-product :is(.related,.up-sells).products li.product .button{min-height:42px;font-size:12px!important}
@media (max-width:999.98px){
  /* Titel boven de foto: de samenvatting lost op in de kolom */
  .single-product .product-entry-wrapper{display:flex;flex-direction:column}
  .single-product .product-entry-wrapper>.entry-summary{display:contents}
  .single-product .product-entry-wrapper>.woocommerce-product-gallery{order:3;margin-bottom:14px}
  .single-product .product-entry-wrapper>.entry-summary>*{order:4}
  .single-product .product-entry-wrapper>.entry-summary>.rbt-product-platform{order:1}
  .single-product .product-entry-wrapper>.entry-summary>.product_title{order:2;font-size:27px!important;margin-bottom:12px}
  .single-product div.product .summary .rbt-prijsrij .price{font-size:30px!important}
  .single-product .rbt-keuzes .rbt-keuze{flex:1 1 30%;padding:0 10px}
  .single-product .flexy-pills ol li{flex:0 0 60px;width:60px;max-width:60px}
  /* Kenmerken onder elkaar: label boven de waarde */
  .single-product #tab-additional_information table.shop_attributes :is(tr,th,td){display:block;width:auto}
  /* "Toon alle kenmerken" ook op mobiel: ingeklapt blijven de rijen na de vijfde verborgen (26 okt 2026, Tom) */
  .single-product #tab-additional_information.rbt-dicht table.shop_attributes tbody tr:nth-child(n+6){display:none}
  .single-product #tab-additional_information table.shop_attributes th{padding:8px 0 0!important}
  .single-product #tab-additional_information table.shop_attributes td{padding:0!important}
  /* Plakbalk: het bestelblok zelf, onderin vast */
  body.rbt-met-plakbalk{padding-bottom:76px}
  body.rbt-met-plakbalk.single-product form.cart .ct-cart-actions{position:fixed;left:0;right:0;bottom:0;z-index:40;margin:0!important;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px))!important;align-items:center;background:var(--rbt-surface);border-top:1px solid var(--rbt-line);box-shadow:0 -10px 24px -20px rgba(15,29,51,.45)}
  body.rbt-met-plakbalk .rbt-plak-info{display:block;order:0;flex:none;max-width:42%;font:700 22px/1 var(--rbt-f-disp);color:var(--rbt-ink)}
  body.rbt-met-plakbalk .rbt-plak-info b{display:block;font-weight:700;color:var(--rbt-sale);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body.rbt-met-plakbalk .rbt-plak-info small{display:block;margin-top:3px;font:400 11px/1.3 var(--rbt-f-body);color:var(--rbt-muted)}
  /* Aantal altijd zichtbaar (Tom); de knop toont op mobiel alleen het winkelwagen-icoon (tekst blijft voor schermlezers) */
  body.rbt-met-plakbalk.single-product form.cart .rbt-aantal button{width:34px;min-height:44px}
  body.rbt-met-plakbalk.single-product form.cart .rbt-aantal input.qty{width:28px;min-height:44px!important}
  body.rbt-met-plakbalk.single-product form.cart .single_add_to_cart_button[data-icoon]{min-width:64px;min-height:46px!important;padding:0 12px;gap:0;font-size:0!important;letter-spacing:0;white-space:nowrap;overflow:hidden}
  body.rbt-met-plakbalk.single-product form.cart .single_add_to_cart_button[data-icoon]::after{width:26px;height:26px}
  /* Wissen niet op mobiel (Tom); opnieuw tikken op de gekozen staat wist ook */
  .single-product form.variations_form .variations a.reset_variations{display:none!important}
  .single-product form.variations_form table.variations{margin-bottom:18px!important}
  /* Ook interessant als compacte rijen (3) */
  .single-product :is(.related,.up-sells).products ul.products{grid-template-columns:minmax(0,1fr)!important;gap:10px}
  .single-product :is(.related,.up-sells).products ul.products li.product{display:grid!important;grid-template-columns:52px minmax(0,1fr) auto;grid-template-areas:"foto titel knop" "foto prijs knop";align-items:center;column-gap:12px;padding:12px!important}
  .single-product :is(.related,.up-sells).products ul.products li.product:nth-child(n+4){display:none!important}
  .single-product :is(.related,.up-sells).products li.product figure{grid-area:foto;margin:0}
  .single-product :is(.related,.up-sells).products li.product img{width:52px!important;height:52px!important;padding:4px;border-radius:var(--rbt-radius)!important}
  .single-product :is(.related,.up-sells).products li.product .rbt-archief-kenmerken{display:none}
  /* Geen "AANBIEDING!"-label over de compacte rij (26 okt 2026, Tom: viel over foto, titel en prijs); de doorgestreepte en rode prijs tonen de aanbieding */
  .single-product :is(.related,.up-sells).products li.product .onsale{display:none!important}
  .single-product :is(.related,.up-sells).products li.product .price del{font-size:13px;font-weight:500;margin-right:4px}
  .single-product :is(.related,.up-sells).products li.product .woocommerce-loop-product__title{grid-area:titel;align-self:end;padding:0!important;margin:0!important;font-size:13px!important;line-height:1.3!important}
  .single-product :is(.related,.up-sells).products li.product .price{grid-area:prijs;align-self:start;padding:0!important;margin:2px 0 0!important;font-size:16px!important}
  .single-product :is(.related,.up-sells).products li.product .ct-woo-card-actions{grid-area:knop;align-self:center!important;margin:0!important;width:auto!important}
  .single-product :is(.related,.up-sells).products li.product .button{width:auto!important;min-height:0;padding:0!important;background:none!important;color:var(--rbt-accent-text)!important;font:400 13px/1.3 var(--rbt-f-body)!important;letter-spacing:0;text-transform:none;text-decoration:underline;white-space:nowrap}
  .single-product :is(.related,.up-sells).products li.product .button::after{content:" →"}
}

/* ---------- 6. winkelwagen & afrekenen (klassiek én blokken) ---------- */
table.shop_table{background:var(--rbt-surface);border:1px solid var(--rbt-line)!important;border-radius:var(--rbt-radius)!important;border-collapse:collapse}
table.shop_table th{text-align:left;font:12px var(--rbt-f-mono)!important;letter-spacing:.14em;text-transform:uppercase;color:var(--rbt-muted);background:var(--rbt-surface-2)}
table.shop_table th,table.shop_table td{border-color:var(--rbt-line)!important;padding:14px 16px!important}
table.shop_table .product-name a{font-weight:600;color:var(--rbt-ink);text-decoration:none}
table.shop_table .product-thumbnail img{width:64px;background:var(--rbt-surface-2);padding:4px}
table.shop_table .product-remove a.remove{display:inline-flex;align-items:center;justify-content:center;color:var(--rbt-err)!important;border:1px solid var(--rbt-line);border-radius:var(--rbt-radius);width:30px;height:30px;font-size:20px;line-height:1;text-decoration:none}
table.shop_table .product-remove a.remove:hover{background:var(--rbt-err)!important;color:#fff!important}
table.shop_table .amount{font-weight:600;color:var(--rbt-ink)}
.cart_totals,.woocommerce-checkout-review-order,.wc-block-components-sidebar,.wc-block-cart__sidebar,.wc-block-checkout__sidebar{background:var(--rbt-surface);border:1px solid var(--rbt-line);padding:22px}
/* Beide kolommen als witte doos (16 okt 2026, Tom): links het formulier met de
 * stappen, rechts het besteloverzicht (producttabel). #order_review zelf blijft
 * transparant (geen doos in doos). De indeling met twee kolommen staat bij
 * .rbt-checkout-grid verderop. Rand sinds 18 okt 2026 1px, net als alle andere
 * dozen in het thema (was 2px). */
.rbt-checkout-aside{background:var(--rbt-surface);border:1px solid var(--rbt-line);border-radius:var(--rbt-radius);padding:30px}
/* Stappen zonder kader (schets v4, 25 okt 2026): alleen het overzicht rechts staat in een kader. */
.rbt-checkout-main{background:transparent;border:0;padding:0}
#order_review{background:transparent!important;border:0!important;padding:0!important}
/* Bedragen rechts uitlijnen in beide tabellen bij afrekenen (16 okt 2026, Tom):
 * deed eerder Blocksy's checkout-opmaak, die nu uit staat. */
.woocommerce-checkout table.shop_table .product-total,.woocommerce-checkout table.shop_table tfoot td{text-align:right}
.cart_totals h2,#order_review_heading,.wc-block-components-checkout-step__title,.wc-block-cart__totals-title{font:700 24px var(--rbt-f-disp)!important;text-transform:uppercase;letter-spacing:.02em;color:var(--rbt-ink)!important}
/* Geen grijze tabelkop in het besteloverzicht (24 okt 2026, Tom): de schets
 * toont direct de regels; kolommen spreken voor zich. */
.woocommerce-checkout-review-order-table thead{display:none}
/* Stapkoppen nieuwe stijl (24 okt 2026, Tom): kicker + titel, zoals inloggen
 * en Mijn account. De grijze banden met nummercirkels zijn vervallen. */
h3.rbt-stap-titel{font:700 24px/1.1 var(--rbt-f-disp);text-transform:uppercase;letter-spacing:.02em;color:var(--rbt-ink);margin:0 0 14px}
/* Lucht tussen de stappen (24 okt 2026, Tom): zoals de schets. */
.rbt-checkout-main .rbt-verzend-sectie{margin-top:34px}
.rbt-checkout-main .rbt-verzend-sectie + .rbt-kicker{margin-top:34px}
/* Gekozen bolletje als blauwe ring met wit hart (24 okt 2026, Tom): exact als
 * de schets (de actieve themakleur vulde hem massief geel). Content-box zoals
 * de schets, dus 26px buitenmaat met 16px wit hart (geen 16px-totaal). */
.woocommerce-checkout #shipping_method li label::before,.woocommerce-checkout ul.payment_methods li label::before{box-sizing:content-box}
.woocommerce-checkout #shipping_method li input:checked+label::before,.woocommerce-checkout ul.payment_methods li input:checked+label::before{background:#fff!important;border:5px solid var(--rbt-accent-text)!important}
.woocommerce-checkout .rbt-kicker{margin:0 0 6px}
/* Veilig-regel onder de bestelknop + korte privacyregel erboven. */
.rbt-veilig{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;font-size:13px;color:var(--rbt-muted)}
.rbt-veilig svg{color:var(--rbt-ok)}
.rbt-privacykort{margin:0 0 12px;font-size:13px;line-height:1.6;color:var(--rbt-muted)}
.rbt-privacykort a{color:var(--rbt-accent-text)}
/* Terug-link in de bestelkop. */
.rbt-terug-wagen{display:inline-block;margin-top:10px;font-size:14px;color:var(--rbt-accent-text)}
/* Bestelknop altijd volle breedte. */
.woocommerce-checkout .woocommerce-checkout-payment .place-order .button{width:100%}
/* Winkelwagen volgens schets v2 (25 okt 2026, Tom). Hoort bij het eigen
 * sjabloon woocommerce/cart/cart.php + cart-totals.php: één rij per product,
 * op desktop een tabelrij, op mobiel een kaart. Geen buitenkader om de hele
 * wagen (dat was het kader van de schets zelf). */
.rbt-alleen-smal{display:none}
/* Kop: kicker, titel met aantal-chip, gratis-verzendbalk. */
.rbt-wagen-titel{font:700 30px/1.1 var(--rbt-f-disp);text-transform:uppercase;letter-spacing:.02em;color:var(--rbt-ink);margin:0 0 6px}
.rbt-wagen-titel .rbt-chip{vertical-align:middle;letter-spacing:inherit;background:var(--rbt-surface-2)}
.rbt-verzendbalk{background:var(--rbt-surface);border:1px solid var(--rbt-line);border-radius:var(--rbt-radius);padding:16px 20px;margin:0 0 16px}
.rbt-verzendbalk p{margin:0 0 10px;font-size:14px}
.rbt-verzendbalk p b{color:var(--rbt-ink)}
.rbt-verzendbalk .rail{height:8px;border-radius:4px;background:var(--rbt-line);overflow:hidden}
.rbt-verzendbalk .rail i{display:block;height:100%;border-radius:4px;background:var(--rbt-accent)}
/* Raster: producten links, totaalkaart (320px, sticky) rechts. */
.rbt-wagen-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:40px;align-items:start}
.rbt-wagen-grid>.woocommerce-cart-form,.rbt-wagen-grid>.cart-collaterals{min-width:0;margin:0}
.rbt-wagen-grid>.cart-collaterals{position:sticky;top:calc(24px + var(--admin-bar,0px))}
/* Producttabel. */
body.woocommerce-cart table.rbt-wagen-tabel{width:100%;margin:0;background:transparent;border:0!important;border-radius:0!important;border-collapse:collapse}
body.woocommerce-cart table.rbt-wagen-tabel th{padding:12px 16px!important;border:0!important;border-bottom:1px solid var(--rbt-line)!important;text-align:left;font:400 12px/1.4 var(--rbt-f-mono)!important;color:var(--rbt-muted)}
body.woocommerce-cart table.rbt-wagen-tabel th.product-subtotal{text-align:right}
body.woocommerce-cart table.rbt-wagen-tabel td{padding:16px!important;border:0!important;border-bottom:1px solid var(--rbt-line)!important;background:transparent;vertical-align:middle;text-align:left}
.rbt-wagen-tabel td.product-thumbnail{width:64px;padding-right:0!important}
.rbt-wagen-tabel td.product-thumbnail a{display:block;line-height:0}
body.woocommerce-cart .rbt-wagen-tabel td.product-thumbnail img{display:block;width:64px;height:64px;max-width:none;object-fit:contain;padding:4px;background:var(--rbt-surface-2);border:1px solid var(--rbt-line);border-radius:var(--rbt-radius)}
.rbt-wagen-tabel .rbt-wagen-naam{font-weight:600;color:var(--rbt-ink);text-decoration:none}
.rbt-wagen-tabel .rbt-wagen-naam:hover{color:var(--rbt-accent-text)}
.rbt-wagen-onder{display:block;font-size:13px;font-weight:400;line-height:1.5;color:var(--rbt-muted)}
.rbt-wagen-onder .amount{font-weight:400!important;color:inherit!important}
.rbt-perstuk{display:none}
.rbt-wagen-tabel td.product-quantity,.rbt-wagen-tabel td.product-subtotal,.rbt-wagen-tabel td.product-remove{width:1%;white-space:nowrap}
.rbt-wagen-tabel td.product-subtotal{text-align:right!important}
.rbt-wagen-tabel .quantity{width:auto!important;height:auto!important;margin:0}
.rbt-weg-tekst{display:none}
body.woocommerce-cart .rbt-wagen-tabel td.product-remove a.remove{font-size:18px}
/* Aantal-stepper (JS wikkelt het aantalveld; zonder JS blijft het veld). */
.rbt-aantal{display:inline-flex;align-items:stretch;border:1.5px solid var(--rbt-line-2);border-radius:var(--rbt-radius);overflow:hidden;background:var(--rbt-surface)}
.rbt-aantal button{flex:none;width:38px;min-height:42px;padding:0;border:0;border-radius:0;background:transparent;font:700 16px/1 var(--rbt-f-body);color:var(--rbt-ink);cursor:pointer}
.rbt-aantal button:hover{background:var(--rbt-surface-2)}
body.woocommerce-cart .rbt-aantal input.qty{width:36px;min-height:42px;height:auto;padding:0;font-size:15px;border:0!important;border-radius:0;box-shadow:none!important;background:transparent;text-align:center;font-weight:600;color:var(--rbt-ink);-moz-appearance:textfield;appearance:textfield}
.rbt-aantal input.qty::-webkit-outer-spin-button,.rbt-aantal input.qty::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
/* Kortingscode + Winkelwagen bijwerken als rustige rij onder de tabel. */
.rbt-wagen-acties{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px}
.rbt-wagen-acties .coupon{display:flex;flex:1 1 300px;gap:10px;min-width:0;margin:0}
body.woocommerce-cart .rbt-wagen-acties .coupon input#coupon_code{flex:1 1 200px;width:auto;min-width:0;min-height:44px;margin:0;padding:0 14px;border:1.5px solid var(--rbt-line-2);border-radius:var(--rbt-radius);font:400 14px var(--rbt-f-body);color:var(--rbt-ink)}
body.woocommerce-cart .rbt-wagen-acties .button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin:0;padding:0 22px!important;border:0!important;border-radius:var(--rbt-radius);font:600 13px/1 var(--rbt-f-body)!important;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
body.woocommerce-cart .rbt-wagen-acties .button:disabled{opacity:1!important;color:var(--rbt-ink)!important;cursor:pointer}
.rbt-wagen-acties .rbt-bijwerken{margin-left:auto}
/* Totaalkaart. */
body.woocommerce-cart .cart-collaterals .cart_totals{float:none;width:auto;margin:0;padding:22px;background:var(--rbt-surface);border:1px solid var(--rbt-line)!important;border-radius:var(--rbt-radius)}
body.woocommerce-cart .cart_totals>.rbt-kicker{margin:0 0 6px}
body.woocommerce-cart .cart_totals>h2{margin:0 0 14px;font:700 24px/1.1 var(--rbt-f-disp)!important}
body.woocommerce-cart .cart_totals table.rbt-totaal-tabel{width:100%;margin:0;background:transparent;border:0!important;border-radius:0!important;border-collapse:collapse}
body.woocommerce-cart .cart_totals table.rbt-totaal-tabel th,
body.woocommerce-cart .cart_totals table.rbt-totaal-tabel td{padding:8px 0!important;border:0!important;background:transparent!important;font:400 15px/1.6 var(--rbt-f-body)!important;letter-spacing:0;text-transform:none;color:var(--rbt-ink-2);vertical-align:baseline}
body.woocommerce-cart .cart_totals table.rbt-totaal-tabel td{text-align:right}
body.woocommerce-cart .cart_totals table.rbt-totaal-tabel td,body.woocommerce-cart .cart_totals table.rbt-totaal-tabel td .amount{font-weight:600!important;color:var(--rbt-ink)}
body.woocommerce-cart .cart_totals table.rbt-totaal-tabel tr.rbt-gratis td{color:var(--rbt-ok)}
body.woocommerce-cart .cart_totals table.rbt-totaal-tabel tr.order-total th,
body.woocommerce-cart .cart_totals table.rbt-totaal-tabel tr.order-total td,
body.woocommerce-cart .cart_totals table.rbt-totaal-tabel tr.order-total td .amount{padding-top:12px!important;padding-bottom:0!important;font:700 26px/1.1 var(--rbt-f-disp)!important;color:var(--rbt-ink)}
/* 8px lucht boven de dikke streep (schets: margin-top op het eindtotaal). */
body.woocommerce-cart .cart_totals table.rbt-totaal-tabel tr.rbt-tussen td{height:8px;padding:0!important;line-height:0!important}
body.woocommerce-cart .cart_totals table.rbt-totaal-tabel tr.order-total th,
body.woocommerce-cart .cart_totals table.rbt-totaal-tabel tr.order-total td{border-top:2px solid var(--rbt-ink)!important}
body.woocommerce-cart .cart_totals table.rbt-totaal-tabel tr.order-total small{display:block;margin-top:4px;font:400 12px/1.4 var(--rbt-f-body);color:var(--rbt-muted)}
body.woocommerce-cart .cart_totals table.rbt-totaal-tabel tr.order-total small .amount{font:inherit!important;color:inherit}
body.woocommerce-cart .cart_totals .wc-proceed-to-checkout{margin:0;padding:0}
body.woocommerce-cart .cart_totals .checkout-button{display:flex;width:100%;margin:14px 0 0;min-height:44px!important;height:44px;padding:0 22px!important;font:600 13px/1 var(--rbt-f-body)!important;letter-spacing:.08em!important}
.rbt-verderwinkelen{display:block;text-align:center;margin-top:10px;font-size:14px;color:var(--rbt-accent-text)}
/* Onder de wagen: USP-rij en "Vaak samen gekocht". */
.rbt-usp-rij{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;list-style:none;margin:16px 0 0;padding:0}
.rbt-usp-rij li{display:flex;align-items:center;gap:10px;margin:0;background:var(--rbt-surface-2);border:1px solid var(--rbt-line);border-radius:var(--rbt-radius);padding:12px 16px;font-size:14px}
.rbt-usp-rij svg{flex:none;color:var(--rbt-accent-text)}
.rbt-samen{margin:18px 0 0}
.rbt-samen h3{font:700 20px/1.1 var(--rbt-f-disp);text-transform:uppercase;letter-spacing:0;color:var(--rbt-ink);margin:0 0 12px}
.rbt-samen-rij{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.rbt-samen-kaart{display:flex;gap:12px;align-items:center;min-width:0;background:var(--rbt-surface);border:1px solid var(--rbt-line);border-radius:var(--rbt-radius);padding:14px}
.rbt-samen-duim{flex:none;line-height:0}
.rbt-samen-duim img{width:52px!important;height:52px!important;object-fit:contain;border-radius:var(--rbt-radius);background:var(--rbt-surface-2)}
.rbt-samen-info{flex:1;min-width:0}
.rbt-samen-info b{display:block;font-size:14px}
.rbt-samen-info b a{color:var(--rbt-ink);text-decoration:none}
.rbt-samen-info .amount{font-weight:600;color:var(--rbt-ink);white-space:nowrap}
.rbt-samen-knop,a.button.rbt-samen-knop{flex:none;display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 14px;border:0;border-radius:var(--rbt-radius);font:600 12px/1 var(--rbt-f-body)!important;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;white-space:nowrap}
/* Lege wagen: gecentreerde kaart met icoon, platformen als tekstlinks; de
 * extra Woo-terugknop is overbodig naast "Naar de webshop". */
.rbt-leeg{border:1px solid var(--rbt-line);border-radius:var(--rbt-radius);background:var(--rbt-surface);padding:48px 24px;text-align:center;margin:0 0 16px}
.rbt-leeg svg{width:56px;height:56px;color:var(--rbt-line-2)}
.rbt-leeg h2{font:700 26px/1.1 var(--rbt-f-disp);text-transform:uppercase;color:var(--rbt-ink);margin:14px 0 8px}
.rbt-leeg p{color:var(--rbt-muted);max-width:52ch;margin:0 auto 18px}
.rbt-leeg__platforms{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 14px;margin-top:18px;font-size:14px}
.rbt-leeg__platforms a{color:var(--rbt-accent-text)}
body.woocommerce-cart .return-to-shop{display:none}
/* Gele knop als klasse (plakbalk). */
.knop{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 22px;background:var(--rbt-accent);color:var(--rbt-accent-ink);font:600 13px/1 var(--rbt-f-body);letter-spacing:.08em;text-transform:uppercase;text-decoration:none;border:0;border-radius:var(--rbt-radius);cursor:pointer}
.knop:hover{background:var(--rbt-accent-hover);color:var(--rbt-accent-ink)}
.rbt-wagen-balk{display:none}
@media (max-width:999.98px){
  .rbt-wagen-grid{grid-template-columns:minmax(0,1fr);gap:24px}
  .rbt-wagen-grid>.cart-collaterals{position:static}
}
/* Mobiel: producten als kaarten, korte teksten, plakbalk met totaal. */
@media (max-width:689.98px){
  .rbt-alleen-breed{display:none}
  .rbt-alleen-smal{display:inline}
  .rbt-wagen-titel{font-size:26px}
  .rbt-wagen-grid{gap:16px}
  body.woocommerce-cart table.rbt-wagen-tabel,body.woocommerce-cart table.rbt-wagen-tabel tbody{display:block;width:100%}
  body.woocommerce-cart table.rbt-wagen-tabel thead{display:none}
  body.woocommerce-cart table.rbt-wagen-tabel tr.cart_item{display:grid;grid-template-columns:56px auto minmax(0,1fr);grid-template-areas:"duim naam naam" "duim aantal prijs" "duim weg weg";column-gap:12px;align-items:center;margin:0 0 10px;padding:14px;background:var(--rbt-surface);border:1px solid var(--rbt-line);border-radius:var(--rbt-radius)}
  body.woocommerce-cart table.rbt-wagen-tabel tr.cart_item td{display:block!important;width:auto;padding:0!important;border:0!important}
  .rbt-wagen-tabel td.product-thumbnail{grid-area:duim;align-self:start}
  body.woocommerce-cart .rbt-wagen-tabel td.product-thumbnail img{width:56px;height:56px}
  .rbt-wagen-tabel td.product-name{grid-area:naam;min-width:0;font-size:14px}
  .rbt-wagen-tabel td.product-quantity{grid-area:aantal;margin-top:10px}
  .rbt-wagen-tabel td.product-subtotal{grid-area:prijs;margin-top:10px}
  .rbt-wagen-tabel td.product-remove{grid-area:weg}
  .rbt-perstuk{display:inline}
  .rbt-wagen-onder{font-size:12px}
  .rbt-aantal button{width:34px;min-height:38px}
  body.woocommerce-cart .rbt-aantal input.qty{min-height:38px}
  /* Verwijderen als tekstlink onder de kaart (desktop: ×-vakje). */
  body.woocommerce-cart table.rbt-wagen-tabel .product-remove a.remove{display:inline;width:auto;height:auto;padding:0;border:0!important;background:none!important;color:var(--rbt-muted)!important;font-size:13px;line-height:1.6;text-decoration:underline;text-underline-offset:3px}
  body.woocommerce-cart table.rbt-wagen-tabel .product-remove a.remove:hover{color:var(--rbt-ink)!important}
  .rbt-weg-x{display:none}
  .rbt-weg-tekst{display:inline}
  .rbt-wagen-acties{margin-top:6px}
  .rbt-wagen-acties .coupon{flex-basis:100%;flex-wrap:nowrap}
  body.woocommerce-cart .rbt-wagen-acties .coupon .button{flex:none}
  body.woocommerce-cart .rbt-wagen-tabel a.rbt-wagen-naam{font-weight:700}
  /* De stepper werkt de wagen zelf bij; de knop alleen zonder JS. */
  body.woocommerce-cart .woocommerce-cart-form:has(.rbt-aantal) .rbt-wagen-acties .rbt-bijwerken{display:none}
  body.woocommerce-cart .rbt-wagen-acties .rbt-bijwerken{width:100%;margin-left:0}
  body.woocommerce-cart .cart-collaterals .cart_totals{padding:18px}
  .rbt-verderwinkelen{display:none}
  .rbt-usp-rij,.rbt-samen-rij{grid-template-columns:minmax(0,1fr)}
  .rbt-wagen-balk{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;align-items:center;gap:12px;background:var(--rbt-bg);border-top:1px solid var(--rbt-line);padding:12px 16px}
  .rbt-wagen-balk__totaal{font:700 20px/1 var(--rbt-f-disp);color:var(--rbt-ink)}
  .rbt-wagen-balk__totaal small{display:block;font:400 11px/1.15 var(--rbt-f-body);color:var(--rbt-muted);letter-spacing:0;text-transform:none}
  .rbt-wagen-balk .knop{flex:1}
  body.woocommerce-cart{padding-bottom:72px}
}
/* Verzendsectie buiten de totaaltabel (15 okt 2026, Tom): de omsluitende
 * lijst-tabel zelf geen opmaak, alleen de keuzeboxen erin. De border/radius
 * moeten !important, anders wint table.shop_table (die zet ze met !important):
 * dat gaf een dikke dubbele rand zodra de keuze werd uitgeklapt. */
.rbt-verzend-sectie table.rbt-verzend-tabel{background:transparent;border:0!important;border-radius:0!important;margin:0 0 4px}
.rbt-verzend-sectie table.rbt-verzend-tabel td{border:0!important;padding:0!important;background:transparent}
/* Blocksy toont zelf ook "Verzending"; de band erboven dekt dat. */
.rbt-verzend-sectie .ct-shipping-heading{display:none}
/* Verzendopties als betaalmethoden (15 okt 2026, Tom): zelfde box, knop,
 * maat. Recept 1-op-1 uit Blocksy voor de betaalmethoden. */
.rbt-verzend-sectie #shipping_method{list-style:none;margin:0;padding:0}
.rbt-verzend-sectie #shipping_method li{position:relative;border:1px solid var(--theme-border-color);margin:0}
.rbt-verzend-sectie #shipping_method li:not(:first-child){border-top:none}
.rbt-verzend-sectie #shipping_method li input[type=radio]{position:absolute;clip:rect(1px,1px,1px,1px)}
.rbt-verzend-sectie #shipping_method li label{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:0;padding:18px 25px;cursor:pointer;font-size:15px;font-weight:600;color:var(--rbt-ink-2);min-height:66px;box-sizing:border-box}
.rbt-verzend-sectie #shipping_method li label:before{content:"";width:16px;height:16px;min-width:16px;margin-top:2px;border-radius:100%;border:var(--form-selection-control-border-width,var(--theme-form-field-border-width,1px)) solid var(--theme-form-selection-field-initial-color)}
.rbt-verzend-sectie #shipping_method li input:checked+label:before{background:#fff;border-width:5px;border-color:var(--theme-form-selection-field-active-color)}
.rbt-verzend-sectie #shipping_method li input:focus-visible+label:before{outline-offset:2px;outline:1px solid var(--theme-form-selection-field-active-color)}
.rbt-verzend-sectie #shipping_method li label img{max-height:35px}
.rbt-verzend-sectie #shipping_method li label .woocommerce-Price-amount{margin-inline-start:auto;color:var(--rbt-ink)}
/* Verzending en betaling: de opties sluiten op elkaar aan. Blocksy zet bij
 * verzending 10px tussen de items (ul#shipping_method li:not(:last-child)),
 * bij betaling niet. Eén regel voor beide lijsten, zodat ze gelijk blijven. */
.woocommerce-checkout #shipping_method li,
.woocommerce-checkout ul.payment_methods>li{margin-bottom:0!important}
.cart_totals .order-total .amount,.wc-block-components-totals-footer-item .wc-block-components-totals-item__value{font:700 26px var(--rbt-f-disp);color:var(--rbt-ink)}
/* Gegevensvelden compacter (15 okt 2026, Tom): Woo laat labels op twee
 * regel-hoogtes lopen en houdt 6px marge + 3px padding per veld over. Alleen
 * de afrekenpagina; de winkelwagen blijft zoals ze is. */
.woocommerce-checkout .woocommerce-billing-fields .form-row,.woocommerce-checkout .woocommerce-shipping-fields .form-row,.woocommerce-checkout .woocommerce-additional-fields .form-row{margin-bottom:8px;padding:0}
.woocommerce-checkout .woocommerce-billing-fields .form-row label,.woocommerce-checkout .woocommerce-shipping-fields .form-row label,.woocommerce-checkout .woocommerce-additional-fields .form-row label{line-height:1.4;margin:0 0 5px}
.woocommerce-checkout .woocommerce-billing-fields .woocommerce-address-fields__field-wrapper,.woocommerce-checkout .woocommerce-shipping-fields .woocommerce-address-fields__field-wrapper{margin-bottom:1.5em}
/* Afrekenen in twee kolommen (18 okt 2026, Tom): links het formulier en de
 * stappen op 720px, rechts het besteloverzicht (sticky) met dezelfde breedte
 * als de totaalkolom op de winkelwagen (.ct-woocommerce-cart-form: 2fr 1fr met
 * 40px ertussen, dus 387px binnen de container van 1200px). Samen
 * 720 + 40 + 387 = 1147px, gecentreerd; op smallere schermen schuift het
 * raster mee en onder 1000px gaat het naar één kolom. Blocksy's eigen
 * checkout-opmaak staat uit (zie inc/klant.php), daarom regelt dit de
 * indeling samen met checkout/form-checkout.php. */
.rbt-checkout-grid{display:grid;grid-template-columns:minmax(0,720px) minmax(280px,1fr);gap:40px;align-items:start;max-width:1147px;margin-inline:auto}
.rbt-checkout-main{grid-column:1;min-width:0}
.rbt-checkout-aside{grid-column:2;min-width:0;position:sticky;top:calc(50px + var(--admin-bar,0px) + var(--header-sticky-height,0px)*var(--sticky-shrink,100)/100)}
/* Factuur- en verzendgegevens onder elkaar (deed Blocksy met zijn eigen
 * checkout-opmaak, die nu uit staat). */
#customer_details .col-1,#customer_details .col-2{float:none;width:100%}
/* Geen extra marge boven de tweede kolom: de afstand boven "Verzenden naar een
 * ander adres?" is Woo's eigen 1.42em op #ship-to-different-address. */
#customer_details .col-2{margin-top:0}
@media (max-width:999.98px){
  .rbt-checkout-grid{grid-template-columns:minmax(0,1fr);gap:24px}
  .rbt-checkout-aside{grid-column:auto;position:static;order:-1}
  .rbt-checkout-main,.rbt-checkout-aside{background:transparent;border:0;border-radius:0;padding:0}
  .woocommerce-checkout .woocommerce-checkout-payment{margin-inline:0}
  .woocommerce-checkout .woocommerce-checkout-payment .place-order{padding-inline:0}
  .rbt-notitie-link{padding-inline:0}
}
/* Mobiel: plakbalk met totaal + knop (zie inc/klant.php); de bestelknop zelf
 * staat gewoon onder de voorwaarden (schets v4, 25 okt 2026). */
@media (max-width:689.98px){
  body.woocommerce-checkout{padding-bottom:72px}
  .rbt-afreken-balk .knop{padding:0 14px}
}
/* Logo's even hoog (16 okt 2026, Tom): PostNL even groot als de
 * betaallogo's. */
.woocommerce-checkout ul.payment_methods label img{height:30px!important;width:auto!important}
img.rbt-postnl-logo{height:30px!important;width:auto!important}
/* Bestelnotitie als linkje onder de betaalmethoden (16 okt 2026, Tom): geen
 * blok, maar een klikbare link die het veld openklapt. Zonder JS: verborgen
 * checkbox + label schakelen, CSS toont het veld. */
.rbt-notitie-link{margin:12px 0 2px;text-align:left}
.rbt-notitie-toggle{position:absolute!important;width:1px;height:1px;margin:0;padding:0;border:0;opacity:0}
.rbt-notitie-label{color:var(--rbt-accent-text);font-size:14px;font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.rbt-notitie-label .rbt-notitie-uit{display:none}
.rbt-notitie-toggle:checked+.rbt-notitie-label .rbt-notitie-aan{display:none}
.rbt-notitie-toggle:checked+.rbt-notitie-label .rbt-notitie-uit{display:inline}
.rbt-notitie-veld{display:none;margin-top:8px}
.rbt-notitie-toggle:checked~.rbt-notitie-veld{display:block}
.rbt-notitie-veld textarea{min-height:90px}
/* Eigen kop boven het afrekenen (16 okt 2026, Tom): titel links, terugknop
 * rechts. De standaardkop verbergen we, zodat er geen dubbele titel staat. */
#order_review_heading{display:none}
.rbt-afreken-kop{display:block;margin:0 0 14px}
.rbt-afreken-kop h2{margin:0;font:700 24px/1.1 var(--rbt-f-disp);letter-spacing:0;text-transform:uppercase;color:var(--rbt-ink)}
.rbt-terugknop{flex:none;font:600 14px/1 var(--rbt-f-body);color:var(--rbt-ink-2);text-decoration:none;border:1.5px solid var(--rbt-line-2);border-radius:var(--rbt-radius);padding:10px 16px;background:var(--rbt-surface)}
.rbt-terugknop:hover{border-color:var(--rbt-accent);color:var(--rbt-ink)}
.rbt-terug-boven{margin:0 0 14px}
/* Voorwaarden- en privacylinks herkenbaar (16 okt 2026, Tom; aangevuld
 * 18 okt 2026): dezelfde blauwe linkkleur als "Notitie toevoegen", met
 * onderstreping. Geldt voor de links in het aanvinkvakje én de link in de
 * privacytekst eronder (die kreeg anders de donkere sitelinkkleur). */
.woocommerce-terms-and-conditions-checkbox-text a,.woocommerce-privacy-policy-text a{color:var(--rbt-accent-text);text-decoration:underline;text-underline-offset:3px}
/* Bestelknop pas klikbaar na akkoord op de algemene voorwaarden (16 okt 2026,
 * Tom): puur CSS met :has(), zonder JS. De server controleert het daarnaast
 * ook, dus de bestelling kan sowieso niet zonder akkoord. */
.woocommerce-checkout form.checkout:has(#terms:not(:checked)) #place_order{pointer-events:none;opacity:.5}
/* Afrekenen volgens schets v4 (25 okt 2026, Tom). */
/* Paginakop: kicker + titel (stappenindicator vervallen, 25 okt 2026). */
body.woocommerce-checkout .rbt-wagen-titel{font-size:clamp(28px,3.6vw,40px);letter-spacing:0;margin:0 0 20px}
/* Velden: gewoon formulier in twee kolommen, label boven elk veld. Indeling
 * op ID, want Woo's address-i18n.js zet de klassen per land terug. */
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin:0}
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper::before,.woocommerce-checkout .woocommerce-billing-fields__field-wrapper::after,.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper::before,.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper::after{display:none}
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper>.form-row,.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper>.form-row{grid-column:1/-1;float:none!important;width:auto!important;margin:0!important;padding:0}
#billing_email_field,#billing_phone_field,#billing_first_name_field,#billing_last_name_field,#billing_country_field,#billing_postcode_field,#billing_city_field,
#shipping_first_name_field,#shipping_last_name_field,#shipping_country_field,#shipping_postcode_field,#shipping_city_field{grid-column:auto!important}
#billing_country_field,#shipping_country_field{grid-column:1!important}
.woocommerce-checkout .woocommerce-billing-fields .form-row label,.woocommerce-checkout .woocommerce-shipping-fields .form-row label{display:block;margin:0 0 5px;font:400 13px/1.6 var(--rbt-f-body);color:var(--rbt-ink-2)}
.woocommerce-checkout .form-row label .required{color:var(--rbt-err);font-weight:400;text-decoration:none;border:0}
.woocommerce-checkout .form-row label .optional{color:var(--rbt-muted)}
.woocommerce-checkout .woocommerce-billing-fields .form-row input.input-text,.woocommerce-checkout .woocommerce-shipping-fields .form-row input.input-text,.woocommerce-checkout .woocommerce-billing-fields .form-row select,.woocommerce-checkout .woocommerce-shipping-fields .form-row select,.woocommerce-checkout .form-row .select2-container .select2-selection--single{width:100%;min-height:48px;height:48px;padding:0 12px;border:1.5px solid var(--rbt-line-2);border-radius:var(--rbt-radius);background:var(--rbt-surface);font:400 15px var(--rbt-f-body);color:var(--rbt-ink)}
.woocommerce-checkout .form-row .select2-container .select2-selection--single .select2-selection__rendered{line-height:45px;padding:0}
.woocommerce-checkout .form-row .select2-container .select2-selection--single .select2-selection__arrow{height:46px}
.woocommerce-checkout .form-row input.input-text:focus,.woocommerce-checkout .form-row select:focus,.woocommerce-checkout .select2-container--focus .select2-selection--single,.woocommerce-checkout .select2-container--open .select2-selection--single{outline:2px solid var(--rbt-accent);outline-offset:1px;border-color:var(--rbt-accent)}
#ship-to-different-address{margin:14px 0 0;font:400 14px var(--rbt-f-body);text-transform:none;letter-spacing:0}
#ship-to-different-address label{display:flex;gap:10px;align-items:flex-start;font-size:14px}
/* Keuzeboxen voor verzending: naam, logo rechts, bedrag uiterst rechts,
 * uitleg eronder; randen in de lijnkleur van de schets. */
.woocommerce-checkout #shipping_method li,.woocommerce-checkout ul.payment_methods>li{border-color:var(--rbt-line-2)!important}
.woocommerce-checkout #shipping_method li:first-child{border-radius:var(--rbt-radius) var(--rbt-radius) 0 0}
.woocommerce-checkout #shipping_method li:last-child{border-radius:0 0 var(--rbt-radius) var(--rbt-radius)}
.woocommerce-checkout #shipping_method li:only-child{border-radius:var(--rbt-radius)}
.rbt-verzend-sectie #shipping_method li label{flex-wrap:nowrap;color:var(--rbt-ink)}
.rbt-verzend-naam{min-width:0}
.rbt-verzend-sectie #shipping_method li label img.rbt-postnl-logo{height:28px!important;width:auto!important;max-height:none;margin-left:auto;flex:none;border-radius:var(--rbt-radius)}
.rbt-verzend-bedrag{margin-left:auto;font-weight:600;color:var(--rbt-ink);white-space:nowrap}
.rbt-postnl-logo+.rbt-verzend-bedrag{margin-left:12px}
.rbt-verzend-bedrag .woocommerce-Price-amount{margin:0!important}
.rbt-keuze-uitleg{padding:0 25px 18px 51px;margin-top:-6px;font-size:14px;font-weight:400;color:var(--rbt-muted)}
/* Overzicht: rustige regels, aantal eronder, bedragen rechts, groot totaal. */
body.woocommerce-checkout table.woocommerce-checkout-review-order-table{width:100%;margin:0;background:transparent;border:0!important;border-radius:0!important;border-collapse:collapse;font-size:14px}
body.woocommerce-checkout table.woocommerce-checkout-review-order-table th,
body.woocommerce-checkout table.woocommerce-checkout-review-order-table td{padding:10px 0!important;background:transparent!important;border:0!important;border-bottom:1px solid var(--rbt-line)!important;vertical-align:top;font:400 14px/1.6 var(--rbt-f-body)!important;letter-spacing:0;text-transform:none;color:var(--rbt-ink-2)}
body.woocommerce-checkout table.woocommerce-checkout-review-order-table .product-quantity{color:var(--rbt-muted);font-weight:400;white-space:nowrap}
body.woocommerce-checkout table.woocommerce-checkout-review-order-table td.product-total,
body.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot th,
body.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot td{text-align:right;font-weight:600!important;color:var(--rbt-ink);white-space:nowrap;padding-left:16px!important}
body.woocommerce-checkout table.woocommerce-checkout-review-order-table td.product-total .amount{font-weight:600}
body.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot th,
body.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot td{border-bottom:0!important}
body.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot tr.order-total th,
body.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot tr.order-total td,
body.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot tr.order-total td .amount{padding-top:12px!important;font:700 22px/1.1 var(--rbt-f-disp)!important;color:var(--rbt-ink)}
body.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot tr.order-total small{display:block;font:400 12px/1.4 var(--rbt-f-body);color:var(--rbt-muted)}
.rbt-terug-wagen{display:block;margin-top:12px}
/* Onder de betaalmethoden: notitie, privacyregel, vinkje, knop, veilig-regel
 * strak onder elkaar zoals de schets (2 / 14 / 14 / 12 px). */
.woocommerce-checkout #payment .form-row.place-order{margin:0!important;padding:0!important}
.woocommerce-checkout #payment .woocommerce-terms-and-conditions-wrapper{margin:0}
.woocommerce-checkout #payment .woocommerce-terms-and-conditions-wrapper .form-row{margin:14px 0!important;padding:0}
.woocommerce-checkout #payment .woocommerce-terms-and-conditions-wrapper label.checkbox{font:400 14px/1.6 var(--rbt-f-body);color:var(--rbt-ink-2)}
.woocommerce-checkout #payment .place-order #place_order{min-height:52px!important;height:52px;margin:0!important;padding:0 22px!important;font:600 14px/1 var(--rbt-f-body)!important;letter-spacing:.08em!important}
.woocommerce-checkout ul.payment_methods>li>label{color:var(--rbt-ink)!important;min-height:66px}
/* Betaalmethoden: uitleg in hetzelfde vak onder de naam (geen tussenlijn),
 * logo rechts. */
.woocommerce-checkout ul.payment_methods>li>label img{margin-left:auto}
.woocommerce-checkout #payment div.payment_box{margin:0!important;padding:0 25px 18px 51px!important;border:0!important;background:transparent!important;font-size:14px;color:var(--rbt-muted)!important}
.woocommerce-checkout #payment div.payment_box::before{display:none!important}
.woocommerce-checkout #payment div.payment_box p{margin:0}
body.woocommerce-checkout .entry-content .rbt-privacykort a,body.woocommerce-checkout .entry-content .woocommerce-terms-and-conditions-checkbox-text a{text-decoration-color:currentColor;text-decoration-thickness:1px}
@media (max-width:999.98px){
  .rbt-checkout-aside{background:var(--rbt-surface);border:1px solid var(--rbt-line);border-radius:var(--rbt-radius);padding:20px}
}
@media (max-width:689.98px){
  .rbt-afreken-balk .knop{white-space:nowrap;letter-spacing:.04em;font-size:12px}
  .woocommerce-checkout #payment div.payment_box{padding:0 16px 14px 43px!important}
  body.woocommerce-checkout .rbt-wagen-titel{font-size:26px}
  .rbt-checkout-grid{gap:20px}
  .woocommerce-checkout .woocommerce-billing-fields__field-wrapper,.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper{grid-template-columns:minmax(0,1fr)}
  #billing_country_field,#shipping_country_field{grid-column:auto!important}
  .rbt-verzend-sectie #shipping_method li label{padding:14px 16px}
  .rbt-keuze-uitleg{padding:0 16px 14px 43px}
}
/* Verborgen label (alleen nog het notitieveld): onzichtbaar, wel voor schermlezers. */
.woocommerce-checkout label.rbt-label-verborgen{position:absolute!important;width:1px;height:1px;margin:0;padding:0;border:0;opacity:0;overflow:hidden}
.woocommerce-checkout input::placeholder,.woocommerce-checkout textarea::placeholder{color:var(--rbt-muted);opacity:1}
.coupon input#coupon_code{min-width:180px}
.wc-block-components-panel,.wc-block-components-totals-wrapper{border-color:var(--rbt-line)!important}
/* Wagen en afrekenen op sitemaat (15 okt 2026, Tom): Woo zet samenvatting en
 * totalen op 14px, de site gebruikt 15px voor bijtekst. Editor heeft hier
 * geen knoppen voor. */
.wp-block-woocommerce-cart-order-summary-block,.wp-block-woocommerce-checkout-order-summary-block{font-size:15px;color:var(--rbt-ink-2)}
/* Lege wagen: titel als de andere bloktitels (Woo erft 16px body). */
.wc-block-cart__empty-cart__title{font:700 24px var(--rbt-f-disp)!important;text-transform:uppercase;letter-spacing:.02em;color:var(--rbt-ink)!important}
/* Enkele box (15 okt 2026, Tom): Woo zet zelf randen om het totalenblok én
 * om het orderoverzicht bij afrekenen; met het themapaneel eromheen wordt
 * het dubbel. Binnenranden eraf (alleen het paneel houdt een rand). */
.wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block{border:0!important}
.wc-block-components-totals-wrapper{border:0!important}
/* Meegroeiende winkelwagenbox (15 okt 2026, Tom): zijbalk niet uitrekken tot
 * de hoogte van de productlijst (alleen afrekenen doet Woo dit zelf). */
.wc-block-cart__sidebar{align-self:flex-start}
.wc-block-components-checkout-step{border-color:var(--rbt-line)!important}
.wc-block-components-checkout-step__container::after{background:var(--rbt-line)!important}
.wc-block-components-radio-control__option--checked-option-highlighted,.wc-block-components-radio-control-accordion-option--checked-option-highlighted{box-shadow:inset 0 0 0 2px var(--rbt-accent)!important;border-radius:var(--rbt-radius)!important}
.wc-block-components-radio-control__input:checked{border-color:var(--rbt-accent)!important}
.wc-block-components-radio-control__input:checked::before{background:var(--rbt-accent)!important}
.woocommerce-billing-fields h3,.woocommerce-shipping-fields h3{font-size:24px;text-transform:uppercase}
#payment,.woocommerce-checkout-payment{background:transparent!important;border-radius:var(--rbt-radius)!important}
#payment ul.payment_methods{border-color:var(--rbt-line)!important}
#payment ul.payment_methods{border-color:var(--rbt-line)!important}
#payment div.payment_box{background:var(--rbt-surface)!important;color:var(--rbt-ink-2)!important}
#payment div.payment_box::before{border-bottom-color:var(--rbt-surface)!important}
/* Wagen en afrekenen nalopen (15 okt 2026, Tom): Woo-standaarden naar site.
 * Editor heeft hier geen knoppen voor; alles hieronder is thema-CSS. */
.wp-block-woocommerce-cart,.wp-block-woocommerce-checkout{--wp--preset--font-size--small:15px}
.wc-block-components-product-name{font-weight:600;color:var(--rbt-ink)}
.wp-block-woocommerce-cart .wc-block-components-product-name,.wp-block-woocommerce-checkout .wc-block-components-product-name{font-size:17px}
.wc-block-components-product-name a{color:var(--rbt-ink);text-decoration:none}
/* Aantal-selector compacter (15 okt 2026, Tom): Woo zet min 107px, dat oogt
 * te groot naast de productnamen. */
.wc-block-components-quantity-selector{min-width:92px}
.wc-block-components-quantity-selector .wc-block-components-quantity-selector__button{min-width:28px!important}
/* Aantal-badge over de productfoto in het besteloverzicht weg
 * (15 okt 2026, Tom). */
.wc-block-components-order-summary-item__quantity{display:none!important}
.wc-block-components-quantity-selector{border-color:var(--rbt-line-2)!important;border-radius:var(--rbt-radius)!important}
.wc-block-components-quantity-selector button{color:var(--rbt-ink-2)}
.wc-block-components-quantity-selector button:hover{color:var(--rbt-accent-text)}
.wc-block-cart-item__remove-link:hover{color:var(--rbt-err)!important}
.wc-block-components-totals-item__value{color:var(--rbt-ink)}
.wc-block-components-radio-control__label{color:var(--rbt-ink)}
.wc-block-components-radio-control__description{font-size:15px;color:var(--rbt-muted)}
/* Verhoudingen gelijk met productpagina's (15 okt 2026, Tom, akkoord):
 * prijzen als archief, compacter ritme, opties als site-panelen. Editor
 * heeft hier geen knoppen voor; alles hieronder is thema-CSS. */
.wp-block-woocommerce-cart .wc-block-components-sidebar-layout,.wp-block-woocommerce-checkout .wc-block-components-sidebar-layout{column-gap:32px}
.wc-block-cart-item__total,.wc-block-components-order-summary-item__total-price{font:700 23px/1.1 var(--rbt-f-disp);color:var(--rbt-ink)}
.wc-block-cart-item__image img{width:64px;background:var(--rbt-surface-2);padding:4px}
.wc-block-components-radio-control__option{border-color:var(--rbt-line)!important;border-radius:var(--rbt-radius)!important}
/* Bestelknop pas geel als de voorwaarden zijn aangevinkt (grijs tot die
 * tijd; klikken toont nog steeds de Woo-melding als het vakje leeg is). */
.wp-block-woocommerce-checkout:has(#terms-and-conditions:not(:checked)) .wc-block-components-checkout-place-order-button{background:var(--rbt-line-2)!important;color:var(--rbt-muted)!important;box-shadow:none!important}

/* ---------- 7. mijn account ---------- */
/* 18 okt 2026, Tom: de icoontjes van Blocksy (huisje, doos, download, pin,
 * persoon, hart, uitloggen) horen er weer bij; daarom flex + ruimte voor het
 * icoon (de iconen zelf komen uit Blocksy's woocommerce-CSS). */
.woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0;background:var(--rbt-surface);border:1px solid var(--rbt-line)}
.woocommerce-MyAccount-navigation li{margin:0;border-bottom:1px solid var(--rbt-line)}
.woocommerce-MyAccount-navigation li:last-child{border-bottom:0}
.woocommerce-MyAccount-navigation li a{display:flex;align-items:center;padding:13px 18px;font-weight:600;color:var(--rbt-ink-2);text-decoration:none}
.woocommerce-MyAccount-navigation li a::before{flex:none}
.woocommerce-MyAccount-navigation li a:hover{background:#fffbea;color:var(--rbt-ink);box-shadow:inset 3px 0 0 var(--rbt-accent)}
.woocommerce-MyAccount-navigation li.is-active a{color:var(--rbt-ink);box-shadow:inset 3px 0 0 var(--rbt-accent);background:#fffbea}
.woocommerce-form-login,.woocommerce-form-register,.woocommerce-ResetPassword{background:var(--rbt-surface);border:1px solid var(--rbt-line)!important;border-radius:var(--rbt-radius)!important;padding:26px!important}
/* Accountgegevens: het e-mailadres staat er alleen-lezen (18 okt 2026). */
.rbt-account-email{display:block;margin:2px 0 6px;font-weight:600;color:var(--rbt-ink)}
/* Sinds 17 okt 2026 één formulier voor inloggen én aanmelden (snippet
 * rbt-registratie): geen aparte registratiekaart en geen toggle meer. */
.ct-woo-unauthorized #customer_login{display:block;max-width:480px;margin-inline:auto}
.ct-woo-unauthorized .rbt-inlog__kop{margin:0 0 6px;font:700 23px/1.1 var(--rbt-f-disp);letter-spacing:.02em;text-transform:uppercase;color:var(--rbt-ink)}
.ct-woo-unauthorized .rbt-inlog__intro{margin:0 0 18px;font-size:15px;line-height:1.5;color:var(--rbt-muted)}
/* Honeypot (geen JS): verborgen veld voor bots; mensen zien of vullen het niet. */
.rbt-hp{position:absolute!important;left:-9999px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important;padding:0!important;margin:0!important}
.ct-woo-unauthorized .woocommerce-form-login button[type=submit],
.ct-woo-unauthorized .woocommerce-form-register button[type=submit],
.ct-woo-unauthorized .woocommerce-ResetPassword button[type=submit]{width:100%}
/* Na een geslaagde inloglink-aanvraag of registratie (snippet rbt-registratie):
 * geen WooCommerce-melding, maar een kaart in de huisstijl; het formulier
 * verdwijnt zolang de kaart er staat. De kaart draagt de marker .rbt-verzonden. */
.ct-woo-unauthorized:has(.rbt-verzonden) #customer_login{display:none}
.ct-woo-unauthorized:has(.rbt-verzonden) .woocommerce-notices-wrapper{max-width:480px;margin-inline:auto}
/* Het omhulsel van WooCommerce (ul + li) onzichtbaar maken: alleen de kaart blijft. */
.woocommerce-error:has(.rbt-verzonden),
.woocommerce-message:has(.rbt-verzonden),
.woocommerce-info:has(.rbt-verzonden){display:block;margin:0 0 24px!important;padding:0!important;background:none!important;border:0!important;list-style:none!important}
.woocommerce-error:has(.rbt-verzonden)>li,
.woocommerce-message:has(.rbt-verzonden)>li,
.woocommerce-info:has(.rbt-verzonden)>li{margin:0!important;padding:0!important;background:none!important;list-style:none!important}
.woocommerce-error:has(.rbt-verzonden)>li>strong:first-child{display:none}
/* De kaart zelf: wit vlak, zonnegele bovenrand, post-icoon in een zacht geel rondje.
 * De --blijft-variant (verlopen inloglink) laat het formulier staan en staat
 * in dezelfde 480px-kolom als het formulier. */
.rbt-verzonden,
.rbt-verzonden--blijft{display:flex;gap:16px;align-items:flex-start;padding:20px 22px;background:var(--rbt-surface);border:1px solid var(--rbt-line);border-top:4px solid var(--rbt-accent);border-radius:var(--rbt-radius)}
.rbt-verzonden--blijft{max-width:480px;margin:0 auto 24px}
.rbt-verzonden__icoon{position:relative;flex:none;width:44px;height:44px;border-radius:50%;background:#ffe9a8}
.rbt-verzonden__icoon::before{content:"";position:absolute;inset:0;margin:auto;width:21px;height:21px;background:var(--rbt-ink);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='4' width='20' height='16' rx='2'/%3E%3Cpath d='m22 6-10 7L2 6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='4' width='20' height='16' rx='2'/%3E%3Cpath d='m22 6-10 7L2 6'/%3E%3C/svg%3E") center/contain no-repeat}
/* Klok-variant: bij de registratieblokkade ("probeer het over 15 minuten"). */
.rbt-verzonden__icoon--klok::before{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E") center/contain no-repeat}
.rbt-verzonden__vak{min-width:0}
.rbt-verzonden__kop{display:block;font:700 20px/1.1 var(--rbt-f-disp);letter-spacing:.02em;text-transform:uppercase;color:var(--rbt-ink)}
.rbt-verzonden__uitleg{display:block;margin-top:6px;font-size:15px;line-height:1.5;color:var(--rbt-ink-2)}
@media (max-width:689.98px){.rbt-verzonden,.rbt-verzonden--blijft{gap:12px;padding:16px}.rbt-verzonden__icoon{width:38px;height:38px}.rbt-verzonden__icoon::before{width:18px;height:18px}}

/* ---------- 8. meldingen, paginering ---------- */
.woocommerce-message,.woocommerce-info,.woocommerce-error,.wc-block-components-notice-banner{background:var(--rbt-surface)!important;border:1px solid var(--rbt-line)!important;border-left:4px solid var(--rbt-accent)!important;border-radius:var(--rbt-radius)!important;color:var(--rbt-ink)!important;padding:14px 18px!important}
.woocommerce-message{border-left-color:var(--rbt-ok)!important}
.woocommerce-error,.wc-block-components-notice-banner.is-error{border-left-color:var(--rbt-err)!important}
.woocommerce-message::before,.woocommerce-info::before{color:var(--rbt-accent)!important}
.woocommerce-message .button,.woocommerce-info .button{min-height:44px;font-size:12px!important;float:right}
.woocommerce-pagination .page-numbers,.ct-pagination .page-numbers{border-radius:var(--rbt-radius)!important;border:1px solid var(--rbt-line)!important;background:var(--rbt-surface);min-width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;font-weight:600;color:var(--rbt-ink-2)}
.woocommerce-pagination .page-numbers.current,.ct-pagination .page-numbers.current{background:var(--rbt-ink)!important;color:#fff!important;border-color:var(--rbt-ink)!important}

/* ---------- 9. homepage-patroon (.rbt-home) ---------- */
.rbt-home{--w:1240px}
.rbt-home img{max-width:100%;height:auto;display:block}
.single-product .woocommerce-product-gallery img,table.shop_table img{height:auto}
.rbt-home *,.rbt-home *::before,.rbt-home *::after,ul.products li.product,ul.products li.product *{box-sizing:border-box}
.rbt-home .rbt-wrap{max-width:var(--w);margin:0 auto;padding:0 24px}
.rbt-home .rbt-hero{position:relative;background:linear-gradient(180deg,#ffffff,#f1f3f5);border-bottom:1px solid var(--rbt-line);overflow:hidden}
.rbt-home .rbt-hero::before{content:"";position:absolute;inset:0;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='97' viewBox='0 0 56 97'%3E%3Cpath d='M28 0 56 16.2v32.3L28 64.7 0 48.5V16.2zM28 64.7v32.3' fill='none' stroke='%2315191e' stroke-opacity='.06'/%3E%3C/svg%3E");
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 50%);mask-image:linear-gradient(90deg,transparent,#000 50%)}
.rbt-home .rbt-hero .rbt-wrap{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px;align-items:center;padding-top:48px;padding-bottom:48px}
.rbt-home .rbt-hero h1{font-size:clamp(32px,5vw,56px);margin:18px 0 18px;line-height:1}
.rbt-home .rbt-hero h1 span{color:var(--rbt-accent-text)}
.rbt-home .rbt-lede{font-size:19px;color:var(--rbt-ink-2);max-width:44ch;margin:0 0 28px}
.rbt-home .rbt-ctas{display:flex;flex-wrap:wrap;gap:12px}
.rbt-home .rbt-readout{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:38px;border-top:1px solid var(--rbt-line)}
.rbt-home .rbt-readout div{padding:16px 16px 0 0}
.rbt-home .rbt-readout b{display:block;font:700 30px/1 var(--rbt-f-disp);color:var(--rbt-ink)}
.rbt-home .rbt-readout b em{font-style:normal;color:var(--rbt-accent-text)}
.rbt-home .rbt-readout span{display:block;margin-top:6px;font:12px var(--rbt-f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--rbt-muted)}
.rbt-home .rbt-feat{--rbt-cut:22px;background:var(--rbt-surface);border:1px solid var(--rbt-line);box-shadow:0 24px 48px -32px rgba(21,25,30,.4);padding:22px}
.rbt-home .rbt-feat-h{display:flex;justify-content:space-between;margin-bottom:16px;font:12px var(--rbt-f-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--rbt-muted)}
.rbt-home .rbt-feat-h b{color:var(--rbt-accent);font-weight:400}
.rbt-home .rbt-feat-main{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:22px;align-items:center}
.rbt-home .rbt-feat-main .rbt-ph{--rbt-cut:12px;display:block;background:var(--rbt-surface-2);padding:14px}
.rbt-home .rbt-feat-main .rbt-ph img{width:100%;aspect-ratio:4/5;object-fit:contain}
.rbt-home .rbt-feat-main h2{font-size:32px;margin:8px 0 10px}
.rbt-home .rbt-meta{font:13px var(--rbt-f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--rbt-cool)}
.rbt-home .rbt-spec{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:7px;font-size:15px}
.rbt-home .rbt-spec li{display:flex;justify-content:space-between;gap:12px;padding-bottom:7px;border-bottom:1px dashed var(--rbt-line)}
.rbt-home .rbt-spec li span:last-child{color:var(--rbt-ink);font-weight:600}
.rbt-home .rbt-price{font:700 28px/1 var(--rbt-f-disp);color:var(--rbt-ink);margin-bottom:16px}
.rbt-home .rbt-feat-more{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px;padding-top:18px;border-top:1px solid var(--rbt-line)}
.rbt-home .rbt-mini{--rbt-cut:8px;display:grid;grid-template-columns:58px minmax(0,1fr);gap:12px;align-items:center;padding:8px;background:var(--rbt-surface-2);text-decoration:none;color:var(--rbt-ink)}
.rbt-home .rbt-mini:hover{background:#e6e9ed;color:var(--rbt-ink)}
.rbt-home .rbt-mini img{background:#fff;padding:3px;aspect-ratio:4/5;object-fit:contain}
.rbt-home .rbt-mini b{display:block;font-size:15px;line-height:1.25}
.rbt-home .rbt-mini span{font:700 18px var(--rbt-f-disp);color:var(--rbt-ink)}
.rbt-home .rbt-usps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:var(--rbt-surface);border-bottom:1px solid var(--rbt-line)}
.rbt-home .rbt-usps > div{display:flex;gap:14px;align-items:center;padding:22px 26px;border-right:1px solid var(--rbt-line)}
.rbt-home .rbt-usps > div:last-child{border-right:0}
.rbt-home .rbt-usps svg{width:30px;height:30px;color:var(--rbt-accent-text);flex:none}
.rbt-home .rbt-usps b{display:block;color:var(--rbt-ink)}
.rbt-home .rbt-usps span{display:block;font-size:14px;color:var(--rbt-muted)}
/* alleen de bovenkant: padding:76px 0 0 zette ook de 24px aan de zijkanten van .rbt-wrap op 0 (7 okt 2026) */
.rbt-home .rbt-sec{padding-top:48px}
.rbt-home .rbt-sec.rbt-last{padding-bottom:56px}
/* Kopregel van een sectie (22 okt 2026, Tom): titel links, linkje rechts, met
 * lucht tussen kop en inhoud — de compact-slag had de hele regel weggehaald,
 * waardoor de inhoud tegen de kop aan stond. Marge in de maat van de rest
 * (koppen elders 16-20px onder). */
.rbt-home .rbt-sh{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:12px 20px;margin:0 0 22px}
.rbt-home .rbt-sh h2{font-size:clamp(24px,2.6vw,32px);margin:12px 0 0}
.rbt-home .rbt-more{font-weight:600;text-decoration:none;white-space:nowrap;color:var(--rbt-ink-2)}
.rbt-home .rbt-cats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.rbt-home .rbt-cat{--rbt-cut:18px;position:relative;display:flex;flex-direction:column;gap:16px;min-height:212px;padding:24px;background:var(--rbt-surface);border:1px solid var(--rbt-line);text-decoration:none;color:var(--rbt-ink)}
.rbt-home .rbt-cat:hover{border-color:var(--rbt-accent);color:var(--rbt-ink);box-shadow:0 14px 30px -22px rgba(21,25,30,.45)}
.rbt-home .rbt-cat .rbt-n{position:absolute;right:20px;top:18px;font:12px var(--rbt-f-mono);letter-spacing:.2em;color:#9aa3ac}
.rbt-home .rbt-cat svg{width:42px;height:42px;color:var(--rbt-accent-text)}
.rbt-home .rbt-cat h3{font-size:21px;text-transform:uppercase;margin:0}
.rbt-home .rbt-cat p{margin:4px 0 0;color:var(--rbt-muted);font-size:15px}
.rbt-home .rbt-go{margin-top:auto;font:13px var(--rbt-f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--rbt-cool)}
.rbt-home .rbt-how{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px;align-items:start}
.rbt-home .rbt-how p.rbt-intro{color:var(--rbt-muted);font-size:17px;margin:16px 0 24px}
.rbt-home .rbt-steps{display:grid;gap:14px}
.rbt-home .rbt-step{--rbt-cut:14px;display:grid;grid-template-columns:70px minmax(0,1fr);gap:20px;padding:16px 18px;background:var(--rbt-surface);border:1px solid var(--rbt-line)}
.rbt-home .rbt-step .rbt-n{font:700 32px/1 var(--rbt-f-disp);color:var(--rbt-accent)}
.rbt-home .rbt-step h3{font-size:20px;text-transform:uppercase;margin:0 0 6px}
.rbt-home .rbt-step p{margin:0;color:var(--rbt-muted)}
.rbt-home .rbt-plats{display:flex;flex-wrap:wrap;gap:10px}
.rbt-home .rbt-plats a{--rbt-cut:8px;padding:12px 18px;background:var(--rbt-surface);border:1px solid var(--rbt-line);text-decoration:none;font-weight:600;color:var(--rbt-ink)}
.rbt-home .rbt-plats a:hover{border-color:var(--rbt-accent);color:var(--rbt-accent-text)}
/* Elke vraag houdt zijn eigen hoogte (22 okt 2026, Tom): zonder dit rekt een
 * geopend item de buur in dezelfde rij mee uit (lege doos), met dit blijft
 * die staan waar hij staat. Geldt ook voor Over mij (zelfde bouwsteen). */
.rbt-home .rbt-faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
/* Onafhankelijke kolommen (22 okt 2026, Tom): openklappen schuift alleen de
 * eigen kolom op; de andere kolom blijft staan. Oneven vragen links, even
 * rechts — dichtgeklapt hetzelfde beeld als eerst. */
.rbt-home .rbt-faq-col{display:grid;gap:12px;align-content:start;min-width:0}
.rbt-home .rbt-faq details{background:var(--rbt-surface);border:1px solid var(--rbt-line);padding:0 22px}
.rbt-home .rbt-faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;padding:18px 0;font-weight:600;color:var(--rbt-ink)}
.rbt-home .rbt-faq summary::-webkit-details-marker{display:none}
.rbt-home .rbt-faq summary::after{content:"+";font:20px/1 var(--rbt-f-mono);color:var(--rbt-accent-text)}
.rbt-home .rbt-faq details[open] summary::after{content:"−"}
.rbt-home .rbt-faq p{margin:0;padding-bottom:18px;color:var(--rbt-muted)}
.rbt-home .rbt-score{text-align:right;white-space:nowrap}
.rbt-home .rbt-score b{display:block;font:700 30px/1.1 var(--rbt-f-disp)}
.rbt-home .rbt-score span{color:var(--rbt-muted);font-size:14px}
.rbt-home .rbt-revs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:26px}
.rbt-home .rbt-rev{--rbt-cut:18px;display:flex;flex-direction:column;gap:12px;margin:0;padding:24px;background:var(--rbt-surface);border:1px solid var(--rbt-line)}
.rbt-home .rbt-rev .rbt-sterren{font-size:18px;letter-spacing:3px;color:var(--rbt-accent-hover)}
.rbt-home .rbt-rev blockquote{margin:0;color:var(--rbt-ink-2);font-size:15px}
.rbt-home .rbt-rev blockquote p{margin:0}
.rbt-home .rbt-rev figcaption{margin-top:auto;padding-top:4px;font-weight:600;color:var(--rbt-ink)}
/* bron achter de naam (7 okt 2026): 'review via Google' als link */
.rbt-home .rbt-rev .rbt-rev-bron{font-weight:400;color:var(--rbt-muted)}
.rbt-home .rbt-rev .rbt-rev-bron a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.rbt-home .rbt-rev .rbt-rev-bron a:hover{color:var(--rbt-ink)}
/* balk onder de reviews: score en aantal op Marktplaats.nl (7 okt 2026) */
.rbt-home .rbt-rev-mp{--rbt-cut:18px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;margin-top:16px;padding:20px 24px;background:var(--rbt-surface);border:1px solid var(--rbt-line);text-decoration:none;color:var(--rbt-ink-2)}
.rbt-home .rbt-rev-mp:hover{border-color:var(--rbt-accent-text);box-shadow:0 14px 30px -22px rgba(21,25,30,.45)}
.rbt-home .rbt-rev-mp__links{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px}
.rbt-home .rbt-rev-mp .rbt-sterren{font-size:18px;letter-spacing:3px;color:var(--rbt-accent-hover)}
.rbt-home .rbt-rev-mp b{font:700 22px/1 var(--rbt-f-disp);color:var(--rbt-ink)}
.rbt-home .rbt-rev-mp .rbt-more{color:var(--rbt-ink)}
.rbt-home .rbt-revlinks{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.rbt-home a.rbt-score{display:block;color:inherit;text-decoration:none}
.rbt-home a.rbt-score:hover span{color:var(--rbt-ink)}
/* Reviewpagina (7 okt 2026): Google en Marktplaats.nl naast elkaar */
@media (min-width:900px){.rbt-home .rbt-rv-bronnen{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:899.98px){.rbt-home .rbt-revs{grid-template-columns:minmax(0,1fr)}}
.rbt-home .rbt-band{--rbt-cut:24px;display:flex;justify-content:space-between;align-items:center;gap:28px;padding:40px 44px;background:#fff6d6;border:1px solid #f0e2b0;border-radius:var(--rbt-radius)}
.rbt-home .rbt-band h2{font-size:clamp(28px,3vw,40px);margin:0}
.rbt-home .rbt-band p{margin:8px 0 0;color:var(--rbt-muted)}

/* ---------- 12. klantenservicepagina (.rbt-ks) ---------- */
.rbt-ks{--w:1240px}
.rbt-ks *,.rbt-ks *::before,.rbt-ks *::after{box-sizing:border-box}
.rbt-ks .rbt-wrap{max-width:var(--w);margin:0 auto;padding:0 24px}
.rbt-fill{background:#fff3c4;box-shadow:0 0 0 1px #f0d77a;border-radius:3px;padding:0 4px;color:#5a4300;font-weight:600}
.rbt-ks-hero{background:var(--rbt-surface);border-bottom:1px solid var(--rbt-line)}
.rbt-ks-hero .rbt-wrap{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:48px;align-items:center;padding-top:44px;padding-bottom:52px}
.rbt-ks-hero h1{font-size:clamp(30px,4vw,48px);margin:14px 0 14px}
.rbt-ks-hero .rbt-lede{font-size:18px;color:var(--rbt-ink-2);max-width:56ch;margin:0}
.rbt-ks-card{background:var(--rbt-bg);border:1px solid var(--rbt-line);border-top:4px solid var(--rbt-accent);border-radius:var(--rbt-radius);padding:22px 24px}
.rbt-ks-card p{margin:10px 0 0;color:var(--rbt-ink-2)}
.rbt-ks-mail{display:flex;align-items:center;gap:10px;font:600 20px var(--rbt-f-body)}
.rbt-ks-mail svg{width:24px;height:24px;color:var(--rbt-accent-text);flex:none}
.rbt-ks-mail a{text-decoration:none}
.rbt-ks-facts{list-style:none;margin:16px 0 18px;padding:0;display:grid;gap:7px;font-size:15px}
.rbt-ks-facts li{display:flex;justify-content:space-between;gap:12px;padding-bottom:7px;border-bottom:1px dashed var(--rbt-line)}
.rbt-ks-facts li span:last-child{color:var(--rbt-ink);font-weight:600}
.rbt-ks-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:36px 0 0}
.rbt-ks-tile{display:flex;gap:16px;align-items:flex-start;padding:20px 22px;background:var(--rbt-surface);border:1px solid var(--rbt-line);border-radius:var(--rbt-radius);text-decoration:none;color:var(--rbt-ink)}
.rbt-ks-tile:hover{border-color:var(--rbt-accent-text);color:var(--rbt-ink)}
.rbt-ks-tile svg{width:32px;height:32px;flex:none;color:var(--rbt-accent-text)}
.rbt-ks-tile b{display:block;font:700 21px/1.15 var(--rbt-f-disp);text-transform:uppercase;letter-spacing:.02em}
.rbt-ks-tile span span{display:block;margin-top:4px;font-size:15px;color:var(--rbt-muted)}
.rbt-ks-body{display:grid;grid-template-columns:240px minmax(0,1fr);gap:44px;align-items:start;padding:32px 0 48px}
.rbt-ks-nav{position:sticky;top:100px}
.rbt-ks-nav ul{list-style:none;margin:14px 0 0;padding:0;border-left:2px solid var(--rbt-line)}
.rbt-ks-nav li{margin:0}
.rbt-ks-nav a{display:block;padding:8px 0 8px 16px;margin-left:-2px;border-left:2px solid transparent;text-decoration:none;color:var(--rbt-ink-2);font-weight:500}
.rbt-ks-nav a:hover{color:var(--rbt-ink);border-left-color:var(--rbt-accent)}
.rbt-ks-group{scroll-margin-top:100px;margin:0 0 28px}
.rbt-ks-group h2{display:flex;align-items:center;gap:12px;font-size:clamp(26px,2.4vw,34px);margin:0 0 16px}
.rbt-ks-group h2 svg{width:28px;height:28px;color:var(--rbt-accent-text);flex:none}
.rbt-ks-group details{background:var(--rbt-surface);border:1px solid var(--rbt-line);border-radius:var(--rbt-radius);padding:0 20px;margin:0 0 10px}
.rbt-ks-group summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;padding:16px 0;font-weight:600;color:var(--rbt-ink)}
.rbt-ks-group summary::-webkit-details-marker{display:none}
.rbt-ks-group summary::after{content:"+";font:20px/1 var(--rbt-f-mono);color:var(--rbt-accent-text)}
.rbt-ks-group details[open] summary::after{content:"−"}
.rbt-ks-group details p{margin:0;padding:0 0 18px;color:var(--rbt-ink-2);max-width:72ch}
.rbt-ks-contact-grid,.rbt-ks-legal{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;padding:24px;background:var(--rbt-surface);border:1px solid var(--rbt-line);border-radius:var(--rbt-radius)}
.rbt-ks-contact-grid p{margin:0 0 18px;color:var(--rbt-ink-2)}
.rbt-ks-dl{margin:0;display:grid;gap:10px}
.rbt-ks-dl div{display:grid;grid-template-columns:130px minmax(0,1fr);gap:12px;padding-bottom:10px;border-bottom:1px dashed var(--rbt-line)}
.rbt-ks-dl dt{font:12px/1.8 var(--rbt-f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--rbt-muted)}
.rbt-ks-dl dd{margin:0;color:var(--rbt-ink);font-weight:500}
.rbt-ks-docs{list-style:none;margin:0;padding:0;display:grid;gap:10px;align-content:start}
.rbt-ks-docs a{display:block;padding:12px 16px;background:var(--rbt-bg);border:1px solid var(--rbt-line);border-radius:var(--rbt-radius);text-decoration:none;font-weight:600}
.rbt-ks-docs a:hover{border-color:var(--rbt-accent-text)}
@media (max-width:1000px){
  .rbt-ks-hero .rbt-wrap{grid-template-columns:1fr;gap:28px}
  .rbt-ks-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rbt-ks-body{grid-template-columns:1fr;gap:28px}
  .rbt-ks-nav{position:static}
  .rbt-ks-contact-grid,.rbt-ks-legal{grid-template-columns:1fr}
}
@media (max-width:640px){
  .rbt-ks .rbt-wrap{padding-left:16px;padding-right:16px}
  .rbt-ks-tiles{grid-template-columns:1fr}
  .rbt-ks-nav{display:none}
  .rbt-ks-dl div{grid-template-columns:1fr;gap:2px}
  .rbt-ks-contact-grid,.rbt-ks-legal{padding:18px}
}

/* ---------- 10. mobiel ---------- */
@media (max-width:1000px){
  .rbt-home .rbt-hero .rbt-wrap{grid-template-columns:1fr;gap:40px;padding-top:48px;padding-bottom:52px}
  .rbt-home .rbt-usps,.rbt-home .rbt-cats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rbt-home .rbt-usps > div:nth-child(2n){border-right:0}.rbt-home .rbt-usps > div:nth-child(-n+2){border-bottom:1px solid var(--rbt-line)}
  .rbt-home .rbt-how{grid-template-columns:1fr;gap:26px}
}
/* Mobiele header: eindkolom tegen de rechterrand (23 okt 2026, Tom).
 * Blocksy's raster zet het eind-item in de middelste track, waardoor
 * account/winkelwagen ~24px van de rechterrand staan terwijl het
 * hamburgermenu wel op de containerrand links begint. Expliciete tracks:
 * start links, lege midden vult op, eind rechts. Alleen mobiel. */
@media (max-width:999.98px){
  body[data-header*="type-1"] #header [data-device="mobile"] [data-row] > div{grid-template-columns:auto 1fr auto}
  body[data-header*="type-1"] #header [data-device="mobile"] [data-column="start"]{grid-column:1}
  body[data-header*="type-1"] #header [data-device="mobile"] [data-column="end"]{grid-column:3}
}
@media (max-width:640px){
  .rbt-usp__in{gap:4px 16px;font-size:12px}.rbt-usp span:nth-child(n+2){display:none}
  /* alleen de zijkanten: padding:0 16px zette ook de ruimte boven en onder de blokken op 0 (7 okt 2026) */
  .rbt-home .rbt-wrap{padding-left:16px;padding-right:16px}
  .rbt-home .rbt-sec{padding-top:36px}.rbt-home .rbt-sec.rbt-last{padding-bottom:40px}
  .rbt-home .rbt-sh{margin-bottom:16px}
  .rbt-home .rbt-lede{font-size:16px}.rbt-home .rbt-readout b{font-size:24px}
  .rbt-home .rbt-feat{padding:16px}.rbt-home .rbt-feat-main{grid-template-columns:1fr}.rbt-home .rbt-feat-main .rbt-ph{max-width:220px}
  .rbt-home .rbt-feat-more{grid-template-columns:1fr}
  .rbt-home .rbt-usps > div{padding:16px}
  .rbt-home .rbt-cats,.rbt-home .rbt-faq{grid-template-columns:1fr}
  /* Mobiel één kolom: kolommen oplossen en de bronvolgorde (oneven links, even
   * rechts) terugzetten naar 1-2-3, tot 6 vragen zonder extra CSS. */
  .rbt-home .rbt-faq-col{display:contents}
  .rbt-home .rbt-faq-col:first-child>details:nth-child(1){order:1}
  .rbt-home .rbt-faq-col:last-child>details:nth-child(1){order:2}
  .rbt-home .rbt-faq-col:first-child>details:nth-child(2){order:3}
  .rbt-home .rbt-faq-col:last-child>details:nth-child(2){order:4}
  .rbt-home .rbt-faq-col:first-child>details:nth-child(3){order:5}
  .rbt-home .rbt-faq-col:last-child>details:nth-child(3){order:6}
  .rbt-home .rbt-band{flex-direction:column;align-items:flex-start;padding:28px 22px}
  .rbt-home .rbt-step{grid-template-columns:50px minmax(0,1fr);padding:18px}.rbt-home .rbt-step .rbt-n{font-size:34px}
  .woocommerce-tabs ul.tabs li a{padding:10px 12px!important;font-size:13px!important}
  .woocommerce-Tabs-panel table.shop_attributes th{width:120px}
  table.shop_table_responsive tr td::before{font:12px var(--rbt-f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--rbt-muted)}
}

/* Bestelblok blijft onderin plakken zolang de samenvatting in beeld is
   (21 okt 2026, mobiel/tablet waar alles onder elkaar staat): geen lange
   scroll terug naar de knop na het lezen van meldingen/trustblok. */
@media (max-width:999px){
}

/* Vaste podiumhoogte voor de productfoto (21 okt 2026, vgl. bol.com):
   de kolomverhouding blijft 50/50, maar een staande doos vult de hoogte
   tot max en wordt daardoor vanzelf smaller (gecentreerd, ruimte eromheen)
   in plaats van paginavullend. Zoom gebruikt nog steeds de volle resolutie. */
.single-product .woocommerce-product-gallery .ct-media-container{display:flex;justify-content:center}
.single-product .woocommerce-product-gallery .ct-media-container img{width:auto!important;max-width:100%;object-fit:contain}
@media (min-width:1000px){
  .single-product .woocommerce-product-gallery .ct-media-container img{max-height:560px}
}
@media (max-width:999px){
  .single-product .woocommerce-product-gallery .ct-media-container img{max-height:380px}
}

/* ---------- 11. Solar: strak en zonder achtergronden ---------- */
.rbt-home .rbt-hero{background:#ffffff}
.rbt-home .rbt-hero::before{display:none}
.rbt-brk::after{display:none}
.rbt-home .rbt-feat{box-shadow:0 20px 44px -30px rgba(15,29,51,.35);border-top:4px solid var(--rbt-accent)}
.rbt-home .rbt-feat-h b{color:var(--rbt-accent-hover)}
.rbt-home .rbt-hero h1 span,.rbt-home .rbt-readout b em{color:var(--rbt-accent-text)}
.rbt-home .rbt-step .rbt-n{color:var(--rbt-accent-text)}
.rbt-home .rbt-cat .rbt-n{color:#8a8f99}
.rbt-home .rbt-cat:hover,.rbt-home .rbt-plats a:hover{border-color:var(--rbt-accent-text);color:var(--rbt-ink)}
.rbt-home .rbt-cat svg,.rbt-home .rbt-usps svg{color:var(--rbt-accent-text)}
.rbt-home .rbt-band .button{background:var(--rbt-accent)!important}
#header .menu > li > a:hover,#header .current-menu-item > a,#header .ct-menu-link:hover{box-shadow:inset 0 -2px 0 var(--rbt-accent)}
.onsale,.ct-woo-badge-onsale,.wc-block-components-product-sale-badge{background:var(--rbt-sale)!important;color:#fff!important}
#footer,.ct-footer{border-top-width:4px}

/* ---------- 12. Afrekenpagina: versimpelde header en footer (16 okt 2026) ---------- */
/* Header: menu en zoekbalk weg; logo, account en winkelwagen blijven. Op
 * mobiel verdwijnt ook de menu-knop (hamburger). */
body.woocommerce-checkout #header nav[data-id="menu"],
body.woocommerce-checkout #header nav[data-id="menu-secondary"],
body.woocommerce-checkout #header .rbt-zoekbalk-kolom,
body.woocommerce-checkout #header .rbt-plakmenu,
body.woocommerce-checkout #header [data-id="trigger"]{display:none!important}
/* Inlog-/aanmeldpagina (uitgelogd Mijn account): dezelfde versimpelde header
 * als bij afrekenen (17 okt 2026, Tom). Ingelogd blijft het menu staan. */
body.woocommerce-account:not(.logged-in) #header nav[data-id="menu"],
body.woocommerce-account:not(.logged-in) #header nav[data-id="menu-secondary"],
body.woocommerce-account:not(.logged-in) #header .rbt-zoekbalk-kolom,
body.woocommerce-account:not(.logged-in) #header .rbt-plakmenu,
body.woocommerce-account:not(.logged-in) #header [data-id="trigger"]{display:none!important}
/* Derde headerrij (menubalk) helemaal weg op afrekenen + uitgelogd account
 * (22 okt 2026, Tom): de lege rij hield anders zijn hoogte. */
body.woocommerce-checkout #header [data-row="bottom"],
body.woocommerce-account:not(.logged-in) #header [data-row="bottom"]{display:none!important}
/* Footer: alleen het logo en de disclaimer (met de bedrijfsgegevens eronder),
 * gecentreerd. De drie linkkolommen, de onderste rij en de introtekst onder
 * het logo vallen weg. */
body.woocommerce-checkout #footer [data-row="top"] [data-column="widget-area-1"],
body.woocommerce-checkout #footer [data-row="top"] [data-column="widget-area-5"],
body.woocommerce-checkout #footer [data-row="top"] [data-column="widget-area-6"],
body.woocommerce-checkout #footer [data-row="bottom"],
body.woocommerce-checkout #block-173 p{display:none!important}
body.woocommerce-checkout #footer{margin-top:96px}
body.woocommerce-checkout #footer [data-row="top"] > .ct-container,
body.woocommerce-checkout #footer [data-row="middle"] > .ct-container{display:flex;justify-content:center;text-align:center}
/* De onderste rij is verborgen; extra ruimte onder de disclaimer zodat de
 * tekst niet tegen de onderkant van het scherm loopt. */
body.woocommerce-checkout #footer [data-row="middle"] > .ct-container{padding-bottom:64px}
body.woocommerce-checkout #footer [data-row="top"] [data-column],
body.woocommerce-checkout #footer [data-row="middle"] [data-column],
body.woocommerce-checkout #footer [data-row="middle"] .ct-widget,
body.woocommerce-checkout #footer [data-row="middle"] p,
body.woocommerce-checkout #footer .rbt-bedrijfsgegevens{text-align:center}
/* Bedrijfsgegevens onder de disclaimer (via het filter in inc/klant.php). */
.rbt-bedrijfsgegevens{margin-top:14px;font-size:13px;line-height:1.6;color:var(--rbt-muted)}
.rbt-bedrijfsgegevens a{color:inherit;text-decoration:underline;text-underline-offset:2px}

/* Terugknop bij het afrekenen: even breed als het afrekenraster (1147px),
 * zodat hij met de linkerkolom uitlijnt. */
.woocommerce-checkout .rbt-terug-boven{max-width:1147px;margin-inline:auto}
/* Terugknop op de inlog-/aanmeldpagina: dezelfde breedte als de kaart (480px). */
body.woocommerce-account:not(.logged-in) .rbt-terug-boven{max-width:480px;margin-inline:auto}

/* ---------- 13. Wit & levendig (21 okt 2026, Tom) ---------- */
/* Witte pagina, koel fotovlak; kleur per categorie/platform, subtiele hero-gloed. */
.rbt-home .rbt-hero{background:radial-gradient(700px 320px at 12% 0%,rgba(255,194,26,.14),transparent 60%),radial-gradient(800px 380px at 95% 20%,rgba(31,79,143,.10),transparent 60%),#ffffff}
.rbt-home .rbt-cat{border-top:4px solid #ffc21a}
/* Kleuren terug naar geel (22 okt 2026, Tom): uitzonderingen hieronder weg. */
.rbt-home .rbt-cat:hover{transform:translateY(-3px);box-shadow:0 16px 30px -22px rgba(15,29,51,.45);border-color:var(--rbt-accent-text)}
.rbt-home .rbt-plats a{border-top:3px solid #ffc21a}
ul.products li.product:hover{transform:translateY(-3px)}
.button:hover,a.button:hover,button.button:hover{transform:translateY(-1px);box-shadow:0 8px 18px -10px rgba(15,29,51,.5)}

/* ---------- 14. Footer: betaal- en verzendlogo's (21 okt 2026, Tom) ---------- */
/* Logo's (iDEAL, PostNL) onder de introtekst in de eerste footer-kolom
   (widget block-173); de disclaimer in de middelste rij (widget block-172)
   staat los daarvan gecentreerd via inline-uitlijning. */
#footer .rbt-footer-betalen{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin:14px 0 0}
.rbt-footer-betalen img{height:40px!important;width:auto!important;border-radius:4px}
/* Afrekenen: versimpelde footer centreren (21 okt 2026, Tom): die toont
   alleen logo + logo's + disclaimer, dus de links-uitgelijnde kolom
   inhoud moet daar alsnog in het midden. */
body.woocommerce-checkout #footer [data-row="top"] [data-column="widget-area-3"]{text-align:center}
body.woocommerce-checkout #footer [data-row="top"] .wp-block-site-logo{display:flex;justify-content:center}
body.woocommerce-checkout #footer .rbt-footer-betalen{justify-content:center;margin-top:12px}

/* ---------- 15. Mobiel offcanvas-menu licht (23 okt 2026, Tom) ---------- */
/* Paneel wit i.p.v. Blocksy-zwart (schets preview-menu-licht-2026-10-23.html).
 * Alleen het mobiele paneel; desktop heeft geen paneel. */
body[data-header*="type-1"] #offcanvas .ct-panel-inner{background:var(--rbt-surface)}
/* Sluiticoon: Blocksy zet een vaste witte vulling (donker paneel), vandaar
 * inkt hier; color alleen is niet genoeg (23 okt 2026, Tom). */
body[data-header*="type-1"] #offcanvas .ct-toggle-close{--theme-icon-color:var(--rbt-ink);--theme-icon-hover-color:var(--rbt-accent-text);color:var(--rbt-ink)}
/* Menulinks als koppen: Barlow Condensed, hoofdletters, inkt; hover blauw. */
body .ct-panel [data-id="mobile-menu"]{--mobile-menu-divider:1px solid var(--rbt-line);--theme-font-family:"Barlow Condensed","Arial Narrow",sans-serif;--theme-font-size:23px;--theme-font-weight:700;--theme-line-height:1.1;--theme-letter-spacing:.02em;--theme-text-transform:uppercase;--theme-link-initial-color:var(--rbt-ink);--theme-link-hover-color:var(--rbt-ink);--menu-item-padding:13px 0}
/* Ritmemarges (23 okt 2026, Tom): Blocksy zet .ct-panel-content-inner>* met
 * #offcanvas-voorvoegsel (1,1,1); daarom hier body[data-header] (1,2,1).
 * Totaal onder Afrekenen: 0 + 0 + 8 = 8px, zoals de schets. */
body[data-header*="type-1"] #offcanvas [data-id="mobile-menu"]{margin-bottom:0}
body[data-header*="type-1"] #offcanvas .rbt-offcanvas-logo{margin-bottom:6px}
body[data-header*="type-1"] #offcanvas .rbt-offcanvas-foot{margin:8px -25px 0}
/* Padding rechtstreeks (23 okt 2026, Tom): --menu-item-padding hierboven wordt
 * door Blocksy lokaal overschreven, dus zonder dit blijft het 5px. */
#menu-mobiel .ct-menu-link{padding:13px 0}
/* Volle breedte tot de paneelrand (23 okt 2026, Tom): het paneel heeft 25px
 * binnenpadding; met deze negatieve marge lopen achtergrond, gele balk en
 * scheidingen door tot de rand, terwijl de tekst op zijn plek blijft. Niet
 * op de knoppen hieronder (die blijven kaarten). */
#menu-mobiel>li:not(.menu-item-3766):not(.menu-item-3767){margin:0 -25px;padding:0 25px}
#menu-mobiel>ul{border-top:0}
/* Sluitknop rechtsboven over de logorij (23 okt 2026, Tom): de actierij staat
 * standaard links in een eigen rij en duwt het logo omlaag. Rondje zoals in
 * de schets. */
body[data-header*="type-1"] #offcanvas .ct-panel-actions{position:absolute;top:24px;right:25px;z-index:2;padding:0}
/* 24px = paneel-padding (25) + logo-padding (2) + (logo 34 − knop 40)/2: het
 * midden van de 40px-knop valt zo op het midden van het 34px-logo. */
body[data-header*="type-1"] #offcanvas .ct-toggle-close{width:40px!important;height:40px!important;border-radius:50%!important;border:1px solid var(--rbt-line-2)!important;background:var(--rbt-surface-2)!important;display:inline-flex!important;align-items:center;justify-content:center;padding:0!important}
body[data-header*="type-1"] #offcanvas .ct-toggle-close:hover{background:#e6e9ed}
/* Groepskopjes boven Winkelen/Service/Account (menu-items Games 3760,
 * Klantenservice 3762, Mijn account 3779; bij menuwijziging nummers bijwerken). */
#menu-mobiel>li.menu-item-3760::before{content:"Winkelen"}
#menu-mobiel>li.menu-item-3762::before{content:"Service"}
#menu-mobiel>li.menu-item-3779::before{content:"Account"}
#menu-mobiel>li.menu-item-3760::before,#menu-mobiel>li.menu-item-3762::before,#menu-mobiel>li.menu-item-3779::before{display:block;font:400 12px/1.4 "Share Tech Mono",monospace;letter-spacing:.2em;text-transform:uppercase;color:var(--rbt-muted);padding:18px 0 6px}
/* Bijlabels rechts (Xbox · PlayStation, Controllers · overig, Bestellingen · gegevens). */
#menu-mobiel>li.menu-item-3760 .ct-menu-link::after{content:"Xbox · PlayStation"}
#menu-mobiel>li.menu-item-3761 .ct-menu-link::after{content:"Controllers · overig"}
#menu-mobiel>li.menu-item-3779 .ct-menu-link::after{content:"Bestellingen · gegevens"}
#menu-mobiel>li.menu-item-3760 .ct-menu-link::after,#menu-mobiel>li.menu-item-3761 .ct-menu-link::after,#menu-mobiel>li.menu-item-3779 .ct-menu-link::after{margin-left:auto;font:400 13px/1.4 "Barlow",sans-serif;text-transform:none;letter-spacing:0;color:var(--rbt-muted)}
/* Tik/hover én huidige pagina: gele streep links, zoals de Mijn
 * account-navigatie (niet op de knoppen hieronder). Tekst blijft inkt, zoals
 * in de schets. Op de link (sinds 25 okt 2026; was de li), want een
 * groepskopje (Winkelen/Service/Account) staat als ::before in de li en kleurde
 * anders mee. De link loopt met negatieve marge tot de paneelrand, zodat balk
 * en achtergrond nog steeds van rand tot rand gaan. */
#menu-mobiel>li:not(.menu-item-3766):not(.menu-item-3767)>.ct-menu-link{margin-inline:-25px;padding-inline:25px;width:calc(100% + 50px)!important;max-width:none;box-sizing:border-box}
#menu-mobiel>li:not(.menu-item-3766):not(.menu-item-3767):hover>.ct-menu-link,
#menu-mobiel>li:not(.menu-item-3766):not(.menu-item-3767).current-menu-item>.ct-menu-link{background:#fffbea;box-shadow:inset 3px 0 0 var(--rbt-accent)}
/* Winkelwagen/Afrekenen als knoppen (menu-items 3766/3767). */
#menu-mobiel>li.menu-item-3766,#menu-mobiel>li.menu-item-3767{border-bottom:0}
#menu-mobiel>li.menu-item-3766 .ct-menu-link,#menu-mobiel>li.menu-item-3767 .ct-menu-link{justify-content:center;min-height:50px;border-radius:var(--rbt-radius);padding:0 24px;font:600 14px/1 "Barlow",sans-serif;letter-spacing:.08em;text-transform:uppercase}
#menu-mobiel>li.menu-item-3766 .ct-menu-link{margin:20px 0 5px}
#menu-mobiel>li.menu-item-3767 .ct-menu-link{margin:5px 0 0}
#menu-mobiel>li.menu-item-3766 .ct-menu-link{background:var(--rbt-surface);box-shadow:inset 0 0 0 1.5px var(--rbt-line-2);color:var(--rbt-ink)}
#menu-mobiel>li.menu-item-3767 .ct-menu-link{background:var(--rbt-accent);color:var(--rbt-accent-ink)}
#menu-mobiel>li.menu-item-3767 .ct-menu-link:hover{background:var(--rbt-accent-hover)}
/* Pijltje achter Afrekenen, zoals in de schets (menu-item 3767). */
#menu-mobiel>li.menu-item-3767 .ct-menu-link::after{content:"→";margin-left:10px}
/* Geen lijn direct onder het logo (23 okt 2026, Tom): schone kop, alleen
 * scheidingen tussen de links. */
#menu-mobiel{border-top:0}
/* Logo-rij boven en contactrij onder in het paneel (via hooks in functions.php). */
/* Logo-rij en contactrij vullen de volle breedte (flex-kolom krimpt ze
 * anders in tot inhoudsbreedte). Sterke selector: wint altijd van Blocksy's
 * eigen ritmemarge, ongeacht laadvolgorde. */
body .ct-panel .rbt-offcanvas-logo{padding:2px 0 14px;align-self:stretch}
body .ct-panel .rbt-offcanvas-logo img{height:34px;width:auto}
body .ct-panel .rbt-offcanvas-foot{padding:16px 25px 0;border-top:1px solid var(--rbt-line);font-size:14px;color:var(--rbt-muted);align-self:stretch}
.rbt-offcanvas-foot .stars{color:var(--rbt-accent-hover);letter-spacing:2px}
.rbt-offcanvas-foot a{color:var(--rbt-accent-text);text-decoration:underline;text-underline-offset:3px}

/* ---------- 16. Header en footer volgens schets preview-header-footer (26 okt 2026, Tom) ---------- */
/* Servicebalk: mono 12px in hoofdletters, gedempt. */
.rbt-usp{font:400 12px/1.4 var(--rbt-f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--rbt-muted)}
.rbt-usp__in{gap:6px 28px;padding:8px 20px}
/* Desktopheader: middenrij 76px + lijn, menurij 52px + lijn, gele streep 3px. */
#header [data-device="desktop"] [data-row="middle"]{--height:76px;border-bottom:1px solid var(--rbt-line)}
#header [data-device="desktop"] [data-row="bottom"]{--height:52px;border-bottom:1px solid var(--rbt-line)}
#header [data-device="desktop"] [data-row="bottom"] .menu>li>.ct-menu-link{letter-spacing:0}
#header .menu > li > a:hover,#header .current-menu-item > a,#header .ct-menu-link:hover{box-shadow:inset 0 -3px 0 var(--rbt-accent)}
/* Account en winkelwagen: icoon vóór het label, "Winkelwagen" als label, aantal
 * rechtsboven aan het eind (schets). Alleen desktop; mobiel blijft icoon. */
#header [data-device="desktop"] .ct-account-item .ct-label{order:2;font:600 14px/1 var(--rbt-f-body);color:var(--rbt-ink-2)}
/* Bolletjes op het icoon, niet op het label (26 okt 2026, Tom): het rode
 * uitlog-bolletje schuift mee nu het label rechts van het poppetje staat; het
 * winkelwagen-aantal blijft aan het tasje vast (icon-container is relative). */
body:not(.logged-in) #header [data-device="desktop"] .ct-account-item::after{left:15px;right:auto}
#header [data-device="desktop"] :is(.ct-account-item,.ct-cart-item){gap:12px}
#header .ct-cart-item .ct-dynamic-count-cart{min-width:20px;height:20px;border-radius:10px;padding:0 4px;font:700 12px/20px var(--rbt-f-body);top:-8px;right:-10px}
/* Plakkerige header (alleen de middenrij, krimpt): schaduwrand eronder. */
#header [data-sticky*="yes"] [data-row="middle"]{box-shadow:0 8px 20px -14px rgba(15,29,51,.35)}
/* Plaktoestand compact (schets): lagere rij, zoekbalk 38px, alleen iconen. */
#header [data-sticky*="yes"] [data-device="desktop"] [data-row="middle"],#header [data-device="desktop"] [data-sticky*="yes"] [data-row="middle"]{--height:58px}
/* Mobiel: zoekregel onder de header (schets); niet op de versimpelde
 * headers van afrekenen en de inlogpagina. */
.rbt-zoekbalk-mobiel{display:none}
@media (max-width:999.98px){
  .rbt-zoekbalk-mobiel{display:block;padding:12px 16px;background:var(--rbt-bg);border-bottom:1px solid var(--rbt-line)}
}
body.woocommerce-checkout .rbt-zoekbalk-mobiel,body.woocommerce-account:not(.logged-in) .rbt-zoekbalk-mobiel{display:none!important}

/* Nieuwsbriefband boven de footer; de gele bovenrand verhuist van de footer
 * naar de band (bij afrekenen geen band, daar houdt de footer hem). */
#footer,.ct-footer{border-top:0}
body.woocommerce-checkout #footer{border-top:4px solid var(--rbt-accent)}
.rbt-nieuwsbrief{background:#f6f9fc;border-top:4px solid var(--rbt-accent);border-bottom:1px solid var(--rbt-line)}
.rbt-nieuwsbrief__in{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;padding-top:22px;padding-bottom:22px}
.rbt-nieuwsbrief h2{margin:0;font:700 22px/1.1 var(--rbt-f-disp);text-transform:uppercase;letter-spacing:0;color:var(--rbt-ink)}
.rbt-nieuwsbrief p{margin:0;font-size:14px;color:var(--rbt-muted)}
.rbt-nieuwsbrief__form{position:relative;display:flex;gap:8px;flex:1 1 300px;max-width:440px;margin-left:auto}
.rbt-nieuwsbrief__form input[type="email"]{flex:1;min-width:0;min-height:44px;margin:0;padding:0 14px;border:1.5px solid var(--rbt-line-2);border-radius:var(--rbt-radius);background:var(--rbt-surface);font:400 14px var(--rbt-f-body);color:var(--rbt-ink)}
.rbt-nieuwsbrief__form .knop{flex:none}
.rbt-nieuwsbrief__hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.rbt-nieuwsbrief .rbt-nieuwsbrief__melding{flex-basis:100%;font-weight:600;color:var(--rbt-ink)}
.rbt-nieuwsbrief__melding--ongeldig,.rbt-nieuwsbrief__melding--verlopen,.rbt-nieuwsbrief__melding--wacht{color:var(--rbt-err)!important}
.rbt-nieuwsbrief__melding--bevestigd,.rbt-nieuwsbrief__melding--controleer{color:var(--rbt-ok)!important}
/* Eerste kolom: introtekst 14px gedempt, Marktplaats-link blauw. */
#footer #block-173 p{max-width:34ch;font-size:14px;color:var(--rbt-muted)}
#footer #block-173 p a{color:var(--rbt-accent-text);text-decoration:underline;text-underline-offset:3px}
/* Kolommen: 30px boven, 10px onder (schets). */
#footer [data-row="top"] > .ct-container{padding-top:30px!important;padding-bottom:10px!important}
/* Betaalrij (middelste rij) en onderregel, elk met een lijn erboven. */
#footer [data-row="middle"] > .ct-container{border-top:1px solid var(--rbt-line);padding-top:18px!important;padding-bottom:0!important}
#footer [data-row="middle"] [data-column="widget-area-4"],#footer #block-172{width:100%;justify-self:stretch;margin:0}
#footer [data-row="middle"] > .ct-container{margin-top:8px}
#footer #block-172 > .rbt-betaalrij{margin:0!important}
#footer #block-172 > .rbt-betaalrij__actie{margin:12px 0 0!important}
.rbt-betaalrij{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;width:100%}
.rbt-betaalrij__logo{display:inline-flex;align-items:center;line-height:0}
.rbt-betaalrij__logo img{height:32px!important;width:auto!important;border-radius:var(--rbt-radius)}
.rbt-betaalrij__actie{margin:12px 0 0;font-size:12px;line-height:1.5;color:var(--rbt-muted)}
#footer [data-row="bottom"] > .ct-container{grid-template-columns:minmax(0,1fr) auto!important;column-gap:24px;border-top:1px solid var(--rbt-line);margin-top:18px;padding-top:16px!important;padding-bottom:20px!important}
#footer .ct-footer-copyright{font-size:13px;line-height:1.6;color:var(--rbt-muted)}
#footer [data-row="bottom"] .wp-block-navigation a{color:var(--rbt-ink-2);text-decoration:underline;text-underline-offset:3px;font-size:13px}
/* Afrekenen: versimpelde footer blijft gecentreerd, zonder lijn boven de betaalrij. */
body.woocommerce-checkout #footer [data-row="middle"] > .ct-container{border-top:0}
body.woocommerce-checkout .rbt-betaalrij{justify-content:center}
@media (max-width:689.98px){
  .rbt-nieuwsbrief__form{flex-basis:100%;max-width:none;margin-left:0}
  /* Onderregel: copyright en links onder elkaar, links uitgelijnd (schets). */
  #footer [data-row="bottom"] > .ct-container{grid-template-columns:minmax(0,1fr)!important;row-gap:10px}
  #footer [data-row="bottom"] [data-column]{justify-content:flex-start;text-align:left}
  #footer [data-row="bottom"] .wp-block-navigation{justify-content:flex-start}
  #footer .ct-footer-copyright{font-size:12px}
}

/* ---------- 17. productarchieven volgens schets archief v3 (26 okt 2026, Tom) ----------
 * preview-archief-v3-2026-10-26.html, met Toms keuzes: prijs rood, vier
 * kolommen, uitverkocht met doorgestreepte prijs. Alles onder body.rbt-archief
 * (inc/archief.php), zodat kaarten elders (homepage) niet veranderen. */
/* Kop: kicker, titel, zekerheden ernaast, intro eronder */
/* Kop over de hele breedte boven filters en producten (Blocksy-kop type-2,
 * theme_mod woo_categories_hero_section; was type-1 naast de zijbalk). */
body.rbt-archief .hero-section[data-type="type-2"]{--container-padding:0;--alignment:left;--text-align:left;background:none!important;margin:0;padding:0}
body.rbt-archief .hero-section[data-type="type-2"]>figure{display:none}
body.rbt-archief .hero-section[data-type="type-2"] .entry-header{--min-height:0;min-height:0!important;box-sizing:border-box;width:min(var(--theme-container-edge-spacing,90vw),var(--theme-normal-container-max-width,1200px));max-width:none;margin-inline:auto;padding:24px 0 24px;border-bottom:1px solid var(--rbt-line);text-align:left}
body.rbt-archief .ct-container[data-sidebar]{padding-top:26px!important}
body.rbt-archief .hero-section .entry-header{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:32px;align-items:end}
body.rbt-archief .hero-section .entry-header>*{grid-column:1/-1;min-width:0;margin-inline:0}
body.rbt-archief .hero-section .ct-breadcrumbs{grid-row:1;margin:0 0 6px}
body.rbt-archief .hero-section .rbt-archief-kicker{grid-column:1;grid-row:2;margin:6px 0 6px}
body.rbt-archief .hero-section .page-title{grid-column:1;grid-row:3;margin:0!important;font-size:44px!important;line-height:1.05}
body.rbt-archief .hero-section .entry-header>.rbt-archief-usp{grid-column:2;grid-row:3;align-self:end;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px 18px;margin:0 0 6px;padding:0;list-style:none;font-size:13px;color:var(--rbt-ink-2)}
body.rbt-archief .rbt-archief-usp li{display:flex;align-items:center;gap:7px;margin:0}
body.rbt-archief .rbt-archief-usp svg{width:16px;height:16px;flex:none;color:var(--rbt-ok)}
body.rbt-archief .hero-section .page-description{max-width:72ch;margin:10px 0 0;color:var(--rbt-ink-2)}
body.rbt-archief .hero-section .page-description p{margin:0}
body.rbt-archief .rbt-intro-meer{display:none}
/* Reeksen: zonder kader, kicker + omlijnde knoppen met mono-aantal */
body.rbt-archief .rbt-reeksen{background:none;border:0;border-radius:0;padding:0;margin:18px 0 0}
body.rbt-archief .rbt-reeksen__titel{display:flex;align-items:center;margin:0 0 10px;font:400 12px/1.4 var(--rbt-f-mono);letter-spacing:.2em;color:var(--rbt-muted)}
body.rbt-archief .rbt-reeksen__titel::before{content:"■";color:var(--rbt-accent);margin-right:10px}
body.rbt-archief .rbt-reeksen a{min-height:36px;padding:0 14px;border-radius:var(--rbt-radius);font:600 14px/1 var(--rbt-f-body);color:var(--rbt-ink)}
body.rbt-archief .rbt-reeksen a:hover{border-color:var(--rbt-ink);color:var(--rbt-ink)}
body.rbt-archief .rbt-reeksen a span{font:400 12px/1 var(--rbt-f-mono);color:var(--rbt-muted)}
/* Werkbalk: aantal links, sorteren rechts */
body.rbt-archief .woo-listing-top{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin:0 0 18px}
body.rbt-archief .woocommerce-result-count{margin:0;font:400 12px/1.4 var(--rbt-f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--rbt-muted)}
body.rbt-archief .woocommerce-result-count b{font-weight:400;color:var(--rbt-ink)}
body.rbt-archief .woo-listing-top .woocommerce-ordering{margin-left:auto;display:flex;align-items:center;gap:10px}
body.rbt-archief .woo-listing-top .woocommerce-ordering::before{content:"Sorteren";font-size:13px;color:var(--rbt-muted)}
body.rbt-archief .woocommerce-ordering select{min-height:42px;border:1.5px solid var(--rbt-line-2)!important;border-radius:var(--rbt-radius)!important;font:600 14px var(--rbt-f-body)!important;color:var(--rbt-ink)!important}
/* Filters links zonder kaders: lijnen tussen de groepen, inklapbaar */
body.rbt-archief .wc-block-product-filters__overlay-content{display:flex;flex-direction:column}
body.rbt-archief .wc-block-product-filters__overlay-content>h2.wp-block-heading{order:-3}
body.rbt-archief .wc-block-product-filters__overlay-content>.wp-block-woocommerce-product-filter-active{order:-2}
body.rbt-archief .wc-block-product-filters__overlay-content>.rbt-filter-voorraad{order:-1}
body.rbt-archief .wc-block-product-filters__overlay-content>h2.wp-block-heading{display:block;margin:0 0 6px!important;font:700 22px/1.1 var(--rbt-f-disp)!important;letter-spacing:.01em!important;text-transform:uppercase;color:var(--rbt-ink)}
body.rbt-archief .wc-block-product-filters__overlay-content>[class*="wp-block-woocommerce-product-filter-"]:not(.wp-block-woocommerce-product-filter-active){background:none;border:0;border-top:1px solid var(--rbt-line);border-radius:0;padding:14px 0}
body.rbt-archief .wc-block-product-filters__overlay-content>.wp-block-woocommerce-product-filter-active:not(.wc-block-product-filter--hidden){padding:6px 0 12px}
body.rbt-archief .rbt-filtergroep>h3.wp-block-heading{display:flex;align-items:center;justify-content:space-between;margin:0!important;cursor:pointer;font:400 12px/1.4 var(--rbt-f-mono)!important;letter-spacing:.18em;color:var(--rbt-ink)}
body.rbt-archief .rbt-filtergroep>h3.wp-block-heading::after{content:"–";font:400 18px/1 var(--rbt-f-body);letter-spacing:0;color:var(--rbt-accent-text)}
body.rbt-archief .rbt-filtergroep.rbt-dicht>h3.wp-block-heading::after{content:"+"}
body.rbt-archief .rbt-filtergroep>h3.wp-block-heading:focus-visible{outline:2px solid var(--rbt-accent);outline-offset:3px}
body.rbt-archief .rbt-filtergroep>h3+*{margin-top:12px}
body.rbt-archief .rbt-filtergroep.rbt-dicht>:not(h3){display:none!important}
body.rbt-archief .wc-block-product-filter-checkbox-list__label{min-height:32px;font-size:14px;color:var(--rbt-ink-2)}
body.rbt-archief .wc-block-product-filter-checkbox-list__text-wrapper{display:flex;flex:1;justify-content:space-between;gap:8px}
body.rbt-archief .wc-block-product-filter-checkbox-list__count{font-size:0!important;color:var(--rbt-muted)}
body.rbt-archief .wc-block-product-filter-checkbox-list__count>*{font:400 12px/1.6 var(--rbt-f-mono)}
body.rbt-archief .wc-block-product-filter-checkbox-list__label{display:flex;align-items:center;gap:10px}
body.rbt-archief .wc-block-product-filter-checkbox-list__show-more-button{font-size:13px;color:var(--rbt-accent-text);text-decoration:underline}
/* Leeftijd als knoppen */
body.rbt-archief .rbt-filter-knoppen .wc-block-product-filter-checkbox-list__items{display:flex;flex-wrap:wrap;gap:6px}
body.rbt-archief .rbt-filter-knoppen .wc-block-product-filter-checkbox-list__label{position:relative;justify-content:center;min-width:56px;min-height:34px;padding:0 10px;border:1.5px solid var(--rbt-line-2);border-radius:var(--rbt-radius);font:600 13px/1 var(--rbt-f-body);color:var(--rbt-ink);cursor:pointer}
body.rbt-archief .rbt-filter-knoppen .wc-block-product-filter-checkbox-list__label:hover{border-color:var(--rbt-ink)}
body.rbt-archief .rbt-filter-knoppen .wc-block-product-filter-checkbox-list__label:has(input:checked){border-color:var(--rbt-accent);background:#fff6d6;box-shadow:inset 0 0 0 1px var(--rbt-accent)}
body.rbt-archief .rbt-filter-knoppen .wc-block-product-filter-checkbox-list__input-wrapper{position:absolute;opacity:0;pointer-events:none}
body.rbt-archief .rbt-filter-knoppen .wc-block-product-filter-checkbox-list__count{display:none}
body.rbt-archief .rbt-filter-knoppen .wc-block-product-filter-checkbox-list__item:has(input[value="pegi-3"]){order:1}
body.rbt-archief .rbt-filter-knoppen .wc-block-product-filter-checkbox-list__item:has(input[value="pegi-7"]){order:2}
body.rbt-archief .rbt-filter-knoppen .wc-block-product-filter-checkbox-list__item:has(input[value="pegi-12"]){order:3}
body.rbt-archief .rbt-filter-knoppen .wc-block-product-filter-checkbox-list__item:has(input[value="pegi-16"]){order:4}
body.rbt-archief .rbt-filter-knoppen .wc-block-product-filter-checkbox-list__item:has(input[value="pegi-18"]){order:5}
body.rbt-archief .rbt-filter-knoppen .wc-block-product-filter-checkbox-list__label:has(input:focus-visible){outline:2px solid var(--rbt-accent);outline-offset:2px}
/* Beschikbaarheid als schakelaar "Alleen op voorraad" */
body.rbt-archief .rbt-filter-voorraad>h3.wp-block-heading{display:none!important}
body.rbt-archief .rbt-filter-voorraad .wc-block-product-filter-checkbox-list__item:has(input:not([value="instock"])){display:none}
body.rbt-archief .rbt-filter-voorraad .wc-block-product-filter-checkbox-list__label{cursor:pointer}
body.rbt-archief .rbt-filter-voorraad .wc-block-product-filter-checkbox-list__text{font-size:0}
body.rbt-archief .rbt-filter-voorraad .wc-block-product-filter-checkbox-list__text::before{content:"Alleen op voorraad";font-size:14px;color:var(--rbt-ink-2)}
body.rbt-archief .rbt-filter-voorraad .wc-block-product-filter-checkbox-list__count{display:none}
body.rbt-archief .rbt-filter-voorraad .wc-block-product-filter-checkbox-list__label{display:flex;flex-direction:row-reverse;justify-content:space-between}
body.rbt-archief .rbt-filter-voorraad .wc-block-product-filter-checkbox-list__input-wrapper{position:relative;flex:none;width:38px;height:22px;border-radius:11px;background:var(--rbt-line-2);transition:background-color .15s}
body.rbt-archief .rbt-filter-voorraad .wc-block-product-filter-checkbox-list__input-wrapper::after{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(15,29,51,.25);transition:left .15s}
body.rbt-archief .rbt-filter-voorraad .wc-block-product-filter-checkbox-list__input-wrapper:has(input:checked){background:var(--rbt-ok)}
body.rbt-archief .rbt-filter-voorraad .wc-block-product-filter-checkbox-list__input-wrapper:has(input:checked)::after{left:19px}
body.rbt-archief .rbt-filter-voorraad .wc-block-product-filter-checkbox-list__input-wrapper input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
body.rbt-archief .rbt-filter-voorraad .wc-block-product-filter-checkbox-list__mark{display:none}
body.rbt-archief :is(.rbt-filter-voorraad,.rbt-filter-knoppen) .wc-block-product-filter-checkbox-list__input-wrapper::before{display:none}
/* Actieve filters als chips */
body.rbt-archief .wc-block-product-filter-removable-chips__item{border-radius:var(--rbt-radius)!important;background:var(--rbt-surface-2)!important;border:0!important;font:600 13px/1 var(--rbt-f-body)!important;color:var(--rbt-ink)!important}
/* Kaarten: zoals "Ook interessant", prijs rood, voorraadregel */
body.rbt-archief ul.products li.product{padding:0 0 14px!important}
body.rbt-archief ul.products li.product figure{order:0;margin:0 0 12px!important}
body.rbt-archief ul.products li.product img{margin:0!important;border-radius:var(--rbt-radius) var(--rbt-radius) 0 0!important;background:var(--rbt-surface-2)}
body.rbt-archief ul.products li.product .rbt-archief-kenmerken{order:1;padding:0 14px!important;margin:0 0 4px;font-size:11px;letter-spacing:.12em}
body.rbt-archief ul.products li.product .woocommerce-loop-product__title{order:2;padding:0 14px!important;margin:0 0 8px!important;font-size:15px!important}
body.rbt-archief ul.products li.product .price{order:3;display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px;padding:0 14px!important;margin:0 0 4px!important;font-size:22px!important;color:var(--rbt-sale)!important}
body.rbt-archief ul.products li.product .price ins{order:-1;color:var(--rbt-sale)!important}
body.rbt-archief ul.products li.product .price del{font:500 14px/1 var(--rbt-f-body)!important;color:var(--rbt-muted)!important;margin:0}
body.rbt-archief ul.products li.product .price .rbt-vanaf{font:400 13px/1 var(--rbt-f-body);color:var(--rbt-muted);margin-right:0}
body.rbt-archief ul.products li.product .rbt-kaart-voorraad{order:4;display:flex;align-items:center;gap:7px;padding:0 14px;margin:0 0 12px;font-size:13px;font-weight:600;color:var(--rbt-ok)}
body.rbt-archief ul.products li.product .rbt-kaart-voorraad::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
body.rbt-archief ul.products li.product .rbt-kaart-voorraad.is-uit{color:var(--rbt-muted)}
body.rbt-archief ul.products li.product .ct-woo-card-actions{order:5;margin:auto 14px 0!important}
body.rbt-archief ul.products li.product .button{min-height:42px;font-size:12px!important}
/* Uitverkocht: foto lichter, prijs doorgestreept (Tom), lichte knop */
body.rbt-archief ul.products li.product.outofstock img{opacity:.55}
body.rbt-archief ul.products li.product.outofstock .price{color:var(--rbt-muted)!important;text-decoration:line-through;text-decoration-thickness:1.5px}
body.rbt-archief ul.products li.product.outofstock .button{background:var(--rbt-surface)!important;box-shadow:inset 0 0 0 1.5px var(--rbt-line-2)!important}
/* Labels linksboven: korting rood met percentage, uitverkocht donker */
body.rbt-archief ul.products li.product :is(.onsale,.out-of-stock-badge){top:10px!important;left:10px!important;right:auto!important;min-height:0!important;padding:5px 8px!important;border-radius:var(--rbt-radius)!important;font:400 11px/1 var(--rbt-f-mono)!important;letter-spacing:.12em;text-transform:uppercase}
body.rbt-archief ul.products li.product .out-of-stock-badge{background:var(--rbt-ink)!important;color:#fff!important}
/* Paginering */
body.rbt-archief .ct-pagination{margin-top:28px}
body.rbt-archief .ct-pagination .page-numbers{border:1.5px solid var(--rbt-line-2)!important}
body.rbt-archief .ct-pagination .page-numbers.next,body.rbt-archief .ct-pagination .page-numbers.prev{padding:0 14px;font:600 14px/1 var(--rbt-f-body);text-transform:none;letter-spacing:0}
/* Maten gelijkgetrokken met de schets (26 okt 2026, opgemeten) */
body.rbt-archief .hero-section .ct-breadcrumbs{font-size:12px;letter-spacing:.12em}
body.rbt-archief .hero-section .page-description{font-size:15px}
body.rbt-archief .ct-container[data-sidebar]{--sidebar-width:240px;--sidebar-gap:40px}
body.rbt-archief ul.products{--grid-columns-gap:14px;--grid-rows-gap:14px;gap:14px!important}
body.rbt-archief ul.products li.product img{aspect-ratio:auto!important;height:210px!important;width:100%!important;object-fit:contain;padding:14px!important}
body.rbt-archief .wc-block-product-filter-checkbox-list__label{font-weight:400}
body.rbt-archief .rbt-filter-knoppen .wc-block-product-filter-checkbox-list__label{font-weight:600}
body.rbt-archief .ct-pagination .page-numbers{height:42px;min-width:42px}
body.rbt-archief ul.products li.product .button{padding:0 18px!important}
/* Zijbalk opgemeten tegen de schets (26 okt 2026): groepen sluiten op elkaar
 * aan (geen 24px tussenruimte), 14px binnenruimte, inhoud 10px onder de kop. */
body.rbt-archief .wc-block-product-filters__overlay-content{gap:0!important;row-gap:0!important}
body.rbt-archief .wc-block-product-filters__overlay-content>h2.wp-block-heading{margin:0 0 8px!important}
body.rbt-archief .rbt-filtergroep>h3+*{margin-top:10px}
body.rbt-archief .rbt-filter-voorraad{padding:12px 0 14px!important}
body.rbt-archief .rbt-filter-voorraad>h3+*{margin-top:4px}
body.rbt-archief .rbt-filter-voorraad .wc-block-product-filter-checkbox-list__label{min-height:22px}
body.rbt-archief .rbt-filtergroep:not(.rbt-filter-knoppen) .wc-block-product-filter-checkbox-list__items{display:grid;gap:2px}
body.rbt-archief .rbt-filtergroep[data-rbt-groep="prijs"]{order:1}
body.rbt-archief .rbt-filtergroep[data-rbt-groep="genre"]{order:2}
body.rbt-archief .rbt-filtergroep[data-rbt-groep="leeftijdsclassificatie"]{order:3}
body.rbt-archief .rbt-filtergroep[data-rbt-groep="uitgever"]{order:4}
body.rbt-archief .rbt-filtergroep[data-rbt-groep="platform"]{order:5}
body.rbt-archief .rbt-filtergroep[data-rbt-groep="achterwaarts compatibel"]{order:6}
body.rbt-archief .rbt-filtergroep[data-rbt-groep="uitvoering"]{order:7}
body.rbt-archief .rbt-kort .wc-block-product-filter-checkbox-list__item:nth-child(n+7):not(:has(input:checked)){display:none!important}
body.rbt-archief .rbt-filtergroep .wc-block-product-filter-checkbox-list__show-more{display:none!important}
body.rbt-archief .rbt-filter-meer{display:inline-block;margin:6px 0 0;padding:0;border:0;background:none;box-shadow:none;min-height:0;font:400 13px/1.6 var(--rbt-f-body);letter-spacing:0;text-transform:none;color:var(--rbt-accent-text);text-decoration:underline;cursor:pointer}
body.rbt-archief .rbt-filter-meer:hover{background:none;color:var(--rbt-ink)}
/* Prijs: schuif 18px onder de kop, velden ernaast met een streepje ertussen */
body.rbt-archief .wc-block-product-filter-price-slider__content{grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr)!important;row-gap:24px;column-gap:0}
body.rbt-archief .wc-block-product-filter-price-slider__content::after{content:"–";grid-area:middle-input;align-self:center;text-align:center;color:var(--rbt-muted)}
body.rbt-archief .wc-block-product-filter-price-slider__range{margin:16px 9px 0;height:4px}
/* Bolletjes precies op de lijn (26 okt 2026, Tom): spoor zonder hoogte op het
 * midden van de 4px-lijn, bolletje van 18px er gecentreerd op. */
body.rbt-archief .wc-block-product-filter-price-slider__range input[type="range"]{top:2px!important;height:0!important}
body.rbt-archief .wc-block-product-filter-price-slider__range input[type="range"]::-webkit-slider-runnable-track{height:0!important}
body.rbt-archief .wc-block-product-filter-price-slider__range input[type="range"]::-moz-range-track{height:0!important}
body.rbt-archief .wc-block-product-filter-price-slider__range input[type="range"]::-webkit-slider-thumb{margin-top:-9px!important;box-sizing:border-box}
body.rbt-archief .wc-block-product-filter-price-slider__range input[type="range"]::-moz-range-thumb{box-sizing:border-box}
body.rbt-archief .wc-block-product-filter-price-slider__content .text,body.rbt-archief .wc-block-product-filter-price-slider__content .text input{width:100%!important;max-width:none}
body.rbt-archief .wc-block-product-filter-price-slider input[type="text"]{min-height:40px;padding:0 10px!important}
/* Link achter de intro naar de tekst onderaan */
body.rbt-archief .rbt-intro-link{white-space:nowrap;color:var(--rbt-accent-text)}
#over-deze-categorie{scroll-margin-top:110px}
html:has(body.rbt-archief){scroll-behavior:smooth}
/* Selectievakjes zoals de schets (26 okt 2026, Tom): 18px, wit met grijze
 * rand, aangevinkt geel met donker vinkje (Woo: 14px met vage vulling). */
body.rbt-archief .rbt-filtergroep:not(.rbt-filter-knoppen):not(.rbt-filter-voorraad) .wc-block-product-filter-checkbox-list__input-wrapper{flex:none;width:18px;height:18px}
body.rbt-archief .rbt-filtergroep:not(.rbt-filter-knoppen):not(.rbt-filter-voorraad) .wc-block-product-filter-checkbox-list__input-wrapper::before{display:none}
body.rbt-archief .rbt-filtergroep:not(.rbt-filter-knoppen):not(.rbt-filter-voorraad) .wc-block-product-filter-checkbox-list__input{width:18px!important;height:18px!important;margin:0;background:#fff!important;border:1px solid var(--rbt-muted)!important;border-radius:3px!important;cursor:pointer}
body.rbt-archief .rbt-filtergroep:not(.rbt-filter-knoppen):not(.rbt-filter-voorraad) .wc-block-product-filter-checkbox-list__input:hover{border-color:var(--rbt-ink)!important}
body.rbt-archief .rbt-filtergroep:not(.rbt-filter-knoppen):not(.rbt-filter-voorraad) .wc-block-product-filter-checkbox-list__input:checked{background:var(--rbt-accent)!important;border-color:var(--rbt-accent-hover)!important}
body.rbt-archief .rbt-filtergroep:not(.rbt-filter-knoppen):not(.rbt-filter-voorraad) .wc-block-product-filter-checkbox-list__input:focus-visible{outline:2px solid var(--rbt-accent-text);outline-offset:2px}
body.rbt-archief .rbt-filtergroep:not(.rbt-filter-knoppen):not(.rbt-filter-voorraad) .wc-block-product-filter-checkbox-list__mark{left:3px!important;top:4px!important;width:12px!important;height:10px!important;padding:0!important;box-sizing:content-box;color:var(--rbt-ink)!important;pointer-events:none}
body.rbt-archief .rbt-filtergroep .wc-block-product-filter-checkbox-list__mark path{stroke-width:2}
/* Drie kolommen naast de filters, zoals de schets (26 okt 2026, Tom) */
@media (min-width:1000px){
  body.rbt-archief ul.products{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
/* Prijsschuif in de themakleur (26 okt 2026, Tom: "niet geel zoals het thema") */
body.rbt-archief .wc-block-product-filter-price-slider__range{--wc-product-filter-price-slider:var(--rbt-accent)}
body.rbt-archief .wc-block-product-filter-price-slider__range::before{background:var(--rbt-line-2);opacity:1}
body.rbt-archief .wc-block-product-filter-price-slider__range input[type="range"]::-webkit-slider-thumb{width:18px;height:18px;background:#fff!important;border:2px solid var(--rbt-ink)!important;border-radius:50%;box-shadow:none}
body.rbt-archief .wc-block-product-filter-price-slider__range input[type="range"]::-moz-range-thumb{width:18px;height:18px;background:#fff!important;border:2px solid var(--rbt-ink)!important;border-radius:50%;box-shadow:none}
body.rbt-archief .wc-block-product-filter-price-slider__range input[type="range"]:is(:hover,:focus)::-webkit-slider-thumb{background:var(--rbt-accent)!important}
body.rbt-archief .wc-block-product-filter-price-slider__range input[type="range"]:is(:hover,:focus)::-moz-range-thumb{background:var(--rbt-accent)!important}
body.rbt-archief .wc-block-product-filter-price-slider input[type="text"]{border:1.5px solid var(--rbt-line-2)!important;border-radius:var(--rbt-radius)!important;font:600 14px var(--rbt-f-body)!important;color:var(--rbt-ink)!important}
/* Onderaan over de hele breedte: band, SEO-tekst, veelgestelde vragen (inc/archief-teksten.php) */
.rbt-archief-onder{padding-bottom:56px}
.rbt-archief-seo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px 48px;margin:40px 0 0}
.rbt-archief-seo.is-alleen-vragen{grid-template-columns:minmax(0,760px)}
.rbt-archief-seo h2{margin:0 0 14px;font:700 24px/1.1 var(--rbt-f-disp);letter-spacing:.02em;text-transform:uppercase;color:var(--rbt-ink)}
.rbt-archief-seo__tekst h3{margin:18px 0 6px;font:700 19px/1.2 var(--rbt-f-disp);letter-spacing:.01em;text-transform:uppercase;color:var(--rbt-ink)}
.rbt-archief-seo__tekst h3:first-of-type{margin-top:0}
.rbt-archief-seo__tekst p:not(.rbt-kicker){margin:0 0 12px;max-width:68ch;font-size:15px;line-height:1.65;color:var(--rbt-ink-2)}
.rbt-archief-vraag{border-top:1px solid var(--rbt-line)}
.rbt-archief-vraag:last-child{border-bottom:1px solid var(--rbt-line)}
.rbt-archief-vraag>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;cursor:pointer;list-style:none;font:600 15px/1.35 var(--rbt-f-body);color:var(--rbt-ink)}
.rbt-archief-vraag>summary::-webkit-details-marker{display:none}
.rbt-archief-vraag>summary::after{content:"+";flex:none;font:400 20px/1 var(--rbt-f-body);color:var(--rbt-accent-text)}
.rbt-archief-vraag[open]>summary::after{content:"–"}
.rbt-archief-vraag>summary:hover{color:var(--rbt-accent-text)}
.rbt-archief-vraag p{margin:0 0 14px;max-width:68ch;font-size:15px;line-height:1.6;color:var(--rbt-ink-2)}
/* Band */
.rbt-archief-band{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;margin:32px 0 0;padding:22px 26px;border-top:3px solid var(--rbt-accent);background:var(--rbt-surface-2)}
.rbt-archief-band h2{margin:0;font:700 24px/1.1 var(--rbt-f-disp);letter-spacing:.01em;text-transform:uppercase;color:var(--rbt-ink)}
.rbt-archief-band p{margin:4px 0 0;max-width:62ch;font-size:15px}
.rbt-archief-band .button{margin-left:auto}
@media (max-width:999.98px){
  body.rbt-archief .hero-section[data-type="type-2"] .entry-header{display:block;padding:18px 0 18px}
  body.rbt-archief .hero-section .entry-header>.rbt-archief-usp{display:none}
  body.rbt-archief .ct-container[data-sidebar]{row-gap:0!important;padding-top:16px!important}
  body.rbt-archief .hero-section .page-title{font-size:30px!important}
  /* Intro ook op mobiel, twee regels met "Lees meer" */
  body.rbt-archief .hero-section .page-description.ct-hidden-sm{display:block!important;font-size:14px;margin-top:6px}
  body.rbt-archief .hero-section .page-description.rbt-intro-kort{display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  body.rbt-archief .rbt-intro-meer{display:inline;margin:2px 0 0;padding:0;border:0;background:none;font-size:13px;color:var(--rbt-accent-text);text-decoration:underline;cursor:pointer;justify-self:start}
  /* Reeksen als één schuifregel */
  body.rbt-archief .rbt-reeksen nav{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 calc(50% - 50vw);padding:0 calc(50vw - 50%)}
  body.rbt-archief .rbt-reeksen nav::-webkit-scrollbar{display:none}
  body.rbt-archief .rbt-reeksen a{flex:none;white-space:nowrap}
  /* Zijbalk: alleen het filterscherm; de knop staat in de balk */
  body.rbt-archief aside#sidebar{height:0;overflow:visible;margin:0!important;padding:0!important}
  body.rbt-archief #sidebar .wc-block-product-filters .wc-block-product-filters__open-overlay{display:none!important}
  /* Plakkerige balk met Filters + sorteren */
  body.rbt-archief .rbt-filterbalk{position:sticky;top:0;z-index:20;display:flex;gap:8px;margin:0 calc(50% - 50vw) 12px;padding:10px calc(50vw - 50%);background:var(--rbt-surface);border-top:1px solid var(--rbt-line);border-bottom:1px solid var(--rbt-line)}
  body.rbt-archief .rbt-filterbalk>*{flex:1 1 0;min-width:0}
  body.rbt-archief .rbt-filterbalk button.rbt-filterbalk__filters{min-height:44px;gap:8px;background:var(--rbt-surface)!important;color:var(--rbt-ink)!important;box-shadow:inset 0 0 0 1.5px var(--rbt-line-2)!important}
  body.rbt-archief .rbt-filterbalk__filters b{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;border-radius:10px;background:var(--rbt-ink);color:#fff;font:600 11px/1 var(--rbt-f-body);letter-spacing:0}
  body.rbt-archief .rbt-filterbalk .woocommerce-ordering{margin:0}
  body.rbt-archief .rbt-filterbalk .woocommerce-ordering select{width:100%;min-width:0!important;min-height:44px}
  body.rbt-archief .rbt-filterbalk .woocommerce-ordering .ct-sort-icon{display:none}
  body.rbt-archief .woo-listing-top{margin-bottom:10px}
  body.rbt-archief .woocommerce-result-count.ct-hidden-sm{display:block!important}
  /* Filterscherm van onderen, met kop "Filters" */
  body.rbt-archief #sidebar .wc-block-product-filters .wc-block-product-filters__overlay-dialog{inset:64px 0 0 0!important;top:64px!important;height:auto!important;border-radius:16px 16px 0 0;transform:translateY(110%)!important;transition:transform .35s ease}
  body.rbt-archief #sidebar .wc-block-product-filters.is-overlay-opened .wc-block-product-filters__overlay-dialog{transform:translateY(0)!important}
  body.rbt-archief #sidebar .wc-block-product-filters.is-overlay-opened .wc-block-product-filters__overlay{background-color:rgba(15,29,51,.45)!important}
  body.rbt-archief .wc-block-product-filters__overlay-header{display:flex!important;flex-direction:row!important;align-items:center;justify-content:space-between!important;padding:16px 16px 10px;border-bottom:1px solid var(--rbt-line)}
  body.rbt-archief .wc-block-product-filters__overlay-header::before{content:"Filters";font:700 24px/1 var(--rbt-f-disp);text-transform:uppercase;color:var(--rbt-ink)}
  body.rbt-archief .wc-block-product-filters__close-overlay{width:40px;height:40px;border-radius:50%;background:var(--rbt-surface-2)!important;display:inline-flex;align-items:center;justify-content:center}
  body.rbt-archief .wc-block-product-filters__overlay-content{padding:0 16px!important}
  body.rbt-archief .wc-block-product-filters__overlay-content>h2.wp-block-heading{display:none}
  body.rbt-archief .wc-block-product-filters__overlay-content>.rbt-filter-voorraad{border-top:0!important}
  body.rbt-archief .wc-block-product-filters__overlay-footer{padding:12px 16px 16px;border-top:1px solid var(--rbt-line);box-shadow:0 -10px 24px -20px rgba(15,29,51,.45)}
  body.rbt-archief .wc-block-product-filters__apply{width:100%;min-height:48px}
  /* Kaarten compacter in twee kolommen */
  body.rbt-archief ul.products{--grid-columns-gap:10px;--grid-rows-gap:10px;gap:10px!important}
  body.rbt-archief ul.products li.product img{height:150px!important;padding:10px!important}
  body.rbt-archief ul.products li.product figure{margin-bottom:10px!important}
  body.rbt-archief ul.products li.product .button{min-height:40px;padding:0 10px!important}
  body.rbt-archief ul.products li.product .rbt-archief-kenmerken{padding:0 10px!important}
  body.rbt-archief ul.products li.product .woocommerce-loop-product__title{padding:0 10px!important;font-size:14px!important}
  body.rbt-archief ul.products li.product .price{padding:0 10px!important;font-size:19px!important}
  body.rbt-archief ul.products li.product .rbt-kaart-voorraad{padding:0 10px;font-size:12px;margin-bottom:10px}
  body.rbt-archief ul.products li.product .ct-woo-card-actions{margin:auto 10px 0!important}
  .rbt-archief-band{padding:20px}
  .rbt-archief-seo,.rbt-archief-seo.is-alleen-vragen{grid-template-columns:minmax(0,1fr);margin-top:28px}
  .rbt-archief-onder{padding-bottom:40px}
  .rbt-archief-band .button{margin-left:0}
}

/* ---------- 18. Header en footer v5 (schets preview-header-footer-v5, 26 okt 2026, Tom) ----------
 * Servicebalk met reviews rechts, zoekveld met gele knop, account/wagen met
 * een kleine kop erboven, uitklapmenu "Games", hamburgermenu met de
 * tabbladen Account en Winkelwagen (inc/kop.php), footer met zekerheden en
 * een donkere onderregel (inc/voet.php). */

/* Servicebalk: zelfde breedte als de header, drie zekerheden links, de
 * reviewscore met ster rechts. Mobiel alleen de eerste regel. */
.rbt-usp{font:400 12px/1 var(--rbt-f-mono);letter-spacing:.14em;color:var(--rbt-ink-2)}
.rbt-usp__in{width:var(--theme-container-width,calc(100% - 40px));max-width:var(--theme-normal-container-max-width,1290px);min-height:36px;padding:0;align-items:center;justify-content:flex-start;gap:6px 22px;flex-wrap:nowrap;overflow:hidden}
.rbt-usp span{white-space:nowrap}
.rbt-usp span::before{width:auto;height:auto;background:none;border-radius:0;content:"■";color:var(--rbt-accent-hover)}
.rbt-usp span:has(>a[href*="reviews"]){order:9;margin-left:auto}
.rbt-usp span:has(>a[href*="reviews"])::before{content:"★";font-size:14px;letter-spacing:0}
.rbt-usp a[href*="reviews"]{text-decoration:none;color:var(--rbt-ink)}
.rbt-usp a[href*="reviews"]:hover{text-decoration:underline}
/* Smallere desktops: de vier regels passen pas vanaf ±1320px; daaronder valt
 * "Minimaal 3 maanden garantie" weg (staat ook in de footer en op elk
 * product), onder 1100px iets minder letterafstand. */
@media (min-width:1000px) and (max-width:1319.98px){.rbt-usp span:nth-child(2){display:none}}
@media (min-width:1000px) and (max-width:1099.98px){.rbt-usp{letter-spacing:.08em}}
@media (max-width:999.98px){
  .rbt-usp{font-size:11px;letter-spacing:.12em}
  .rbt-usp__in{justify-content:center;min-height:0;padding:10px 12px}
  .rbt-usp span:nth-child(n+2){display:none}
}

/* Hoofdrij desktop: logo | zoeken | account · wagen (84px). */
#header [data-device="desktop"] [data-row="middle"]{--height:84px}
#header [data-device="desktop"] [data-row="middle"] > .ct-container{display:grid;grid-template-columns:auto minmax(0,1fr) auto;column-gap:32px}
#header [data-device="desktop"] [data-row^="middle"] [data-column="middle"].rbt-zoekbalk-kolom{display:flex;align-items:center;justify-self:center;width:100%;max-width:620px}
#header .rbt-zoekbalk-kolom .rbt-zoekbalk{height:auto}
/* Zoekveld met gele knop erin (desktop, plakrij en mobiel). */
:is(#header,.rbt-zoekbalk-mobiel) .rbt-zoekbalk input[type="search"].rbt-zoekbalk__veld{min-height:46px;height:46px;padding:0 54px 0 16px;border:1.5px solid var(--rbt-line-2)!important;border-radius:var(--rbt-radius)!important;background:var(--rbt-surface);font:400 15px var(--rbt-f-body);color:var(--rbt-ink)}
:is(#header,.rbt-zoekbalk-mobiel) .rbt-zoekbalk button.rbt-zoekbalk__knop{position:absolute;right:4px;top:4px;bottom:4px;transform:none;width:44px;height:auto;min-height:0;padding:0!important;border:0!important;border-radius:3px!important;background:var(--rbt-accent)!important;color:var(--rbt-ink)!important}
:is(#header,.rbt-zoekbalk-mobiel) .rbt-zoekbalk button.rbt-zoekbalk__knop:hover{background:var(--rbt-accent-hover)!important;color:var(--rbt-ink)!important}
:is(#header,.rbt-zoekbalk-mobiel) .rbt-zoekbalk__knop svg{width:20px;height:20px}
/* Account en winkelwagen: kleine kop ("ACCOUNT", "WINKELWAGEN") boven
 * "Inloggen" / het bedrag; een streepje ertussen. */
#header [data-device="desktop"] [data-row="middle"] [data-column="end"]{gap:22px}
#header [data-device="desktop"] :is(.ct-account-item,.ct-cart-item){gap:16px}
#header [data-device="desktop"] :is(.ct-account-item,.ct-cart-item) .ct-label{display:block;order:2;font:600 14px/1.2 var(--rbt-f-body);color:var(--rbt-ink);text-align:left}
#header [data-device="desktop"] :is(.ct-account-item,.ct-cart-item) .ct-label::before{display:block;margin-bottom:2px;font:400 11px/1.2 var(--rbt-f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--rbt-muted)}
#header [data-device="desktop"] .ct-account-item .ct-label::before{content:"Account"}
#header [data-device="desktop"] .ct-cart-item .ct-label::before{content:"Winkelwagen"}
#header [data-device="desktop"] .ct-cart-item .ct-amount{font:inherit;color:inherit}
#header [data-device="desktop"] [data-row="middle"] .ct-header-cart{display:flex;align-items:center;gap:22px;margin:0}
#header [data-device="desktop"] [data-row="middle"] .ct-header-cart::before{content:"";width:1px;height:32px;background:var(--rbt-line)}
/* Menurij: gele streep eronder; de actieve of geopende link krijgt een
 * inktstreep over de gele heen (schets). */
#header{border-bottom:1px solid var(--rbt-line)}
@media (min-width:1000px){#header{border-bottom:0}}
#header [data-device="desktop"] [data-row="bottom"]{border-bottom:3px solid var(--rbt-accent)}
#header [data-device="desktop"] [data-row="bottom"] .menu>li>.ct-menu-link{position:relative;padding-inline:14px;font:600 15px/1 var(--rbt-f-body);color:var(--rbt-ink);box-shadow:none}
#header [data-device="desktop"] [data-row="bottom"] .menu>li>.ct-menu-link::after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:3px;background:transparent}
#header [data-device="desktop"] [data-row="bottom"] .menu>li:is(:hover,.current-menu-item,.current-menu-ancestor,.ct-active)>.ct-menu-link::after{background:var(--rbt-ink)}
#header [data-device="desktop"] [data-row="bottom"] .menu>li.rbt-heeft-mega:is(:hover,:focus-within)>.ct-menu-link{background:var(--rbt-surface-2)}
/* Uitklapmenu Games: over de hele breedte onder de menurij. */
#header [data-device="desktop"] .rbt-heeft-mega{position:static}
#header [data-device="desktop"] .rbt-heeft-mega>.sub-menu{display:none!important}
.rbt-mega{display:none}
#header [data-device="desktop"] .rbt-mega{display:block;position:absolute;left:0;right:0;top:calc(100% + 3px);z-index:60;background:var(--rbt-surface);border-bottom:1px solid var(--rbt-line);box-shadow:0 18px 30px -24px rgba(15,29,51,.5);opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .15s ease,visibility .15s ease,transform .15s ease}
#header [data-device="desktop"] .rbt-mega::before{content:"";position:absolute;left:0;right:0;top:-3px;height:3px}
#header [data-device="desktop"] .rbt-heeft-mega:is(:hover,:focus-within)>.rbt-mega{opacity:1;visibility:visible;transform:none}
#header .rbt-mega__in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) minmax(0,1fr);gap:40px;padding-top:26px;padding-bottom:28px;text-align:left}
#header .rbt-mega .rbt-kicker{margin:0 0 6px}
#header .rbt-mega__kop{margin:0 0 12px;font:700 20px/1.1 var(--rbt-f-disp);text-transform:uppercase;color:var(--rbt-ink)}
#header .rbt-mega__lijst{display:grid;margin:0;padding:0;list-style:none}
#header .rbt-mega__lijst li{display:block;margin:0;padding:0}
#header .rbt-mega__lijst a{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--rbt-line);font:600 15px/1.2 var(--rbt-f-body);color:var(--rbt-ink);text-decoration:none}
#header .rbt-mega__lijst a::after{content:"→";font-weight:400;color:var(--rbt-accent-text)}
#header .rbt-mega__lijst a:hover{color:var(--rbt-accent-text)}
#header .rbt-mega__allen{display:inline-block;margin-top:12px;font-size:14px;color:var(--rbt-accent-text)}
.rbt-mega__reeksen{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.rbt-mega__reeksen a{display:flex;align-items:center;min-height:40px;padding:0 12px;border:1.5px solid var(--rbt-line-2);border-radius:var(--rbt-radius);font:600 14px/1.1 var(--rbt-f-body);color:var(--rbt-ink);text-decoration:none}
.rbt-mega__reeksen a:hover{border-color:var(--rbt-ink);color:var(--rbt-ink)}
#header .rbt-mega__uitgelicht{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;align-items:center;padding:12px;background:var(--rbt-surface-2);border-radius:var(--rbt-radius);color:var(--rbt-ink);text-decoration:none}
#header .rbt-mega__uitgelicht img{display:block;width:64px;height:80px;object-fit:contain}
#header .rbt-mega__uitgelicht small{display:block;font:400 11px/1.4 var(--rbt-f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--rbt-accent-text)}
#header .rbt-mega__uitgelicht strong{display:block;font:600 14px/1.3 var(--rbt-f-body)}
#header .rbt-mega__prijs{display:block;margin-top:4px;font:700 18px/1.2 var(--rbt-f-disp);color:var(--rbt-sale)}
#header .rbt-mega__prijs .rbt-vanaf{font:400 13px var(--rbt-f-body);color:var(--rbt-muted)}
#header .rbt-mega__prijs del{font-size:14px;color:var(--rbt-muted)}
#header .rbt-mega__prijs ins{text-decoration:none}
/* Plakrij: 60px, zoekveld 40px, account alleen het icoon, wagen met bedrag. */
#header [data-sticky*="yes"] [data-device="desktop"] [data-row="middle"],#header [data-device="desktop"] [data-sticky*="yes"] [data-row="middle"]{--height:60px}
#header [data-sticky*="yes"] .rbt-zoekbalk input[type="search"].rbt-zoekbalk__veld{min-height:40px;height:40px}
#header [data-sticky*="yes"] .rbt-zoekbalk button.rbt-zoekbalk__knop{width:38px}
#header [data-sticky*="yes"] .ct-account-item .ct-label{display:none}

/* Mobiel: rij met ☰ / logo / account / wagen, daaronder de zoekregel met een
 * gele streep. */
@media (max-width:999.98px){
  .rbt-zoekbalk-mobiel{padding:10px 12px;border-bottom:3px solid var(--rbt-accent)}
  .rbt-zoekbalk-mobiel .rbt-zoekbalk input[type="search"].rbt-zoekbalk__veld{min-height:44px;height:44px}
}

/* Hamburgermenu (mobiel): kop met logo en sluitknop, tabbladen Account en
 * Winkelwagen, menu en onderaan Klantenservice en reviews. */
body[data-header*="type-1"] #offcanvas .ct-panel-content[data-device="mobile"] .ct-panel-content-inner{padding:0!important;gap:0;align-items:stretch;text-align:left}
body[data-header*="type-1"] #offcanvas .ct-panel-content[data-device="mobile"] .ct-panel-content-inner>*{margin:0!important;align-self:stretch}
#offcanvas [data-id="mobile-menu"]{display:none!important}
body .ct-panel .rbt-offcanvas-logo{padding:12px 14px;border-bottom:1px solid var(--rbt-line)}
body .ct-panel .rbt-offcanvas-logo img{display:block;height:30px;width:auto}
body[data-header*="type-1"] #offcanvas .ct-panel-actions{top:7px;right:14px}
.rbt-lade-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--rbt-line)}
#offcanvas .rbt-lade-tabs button{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;min-height:56px;margin:0 0 -1px;padding:0;border:0;border-bottom:3px solid transparent;border-radius:0;background:var(--rbt-surface-2);box-shadow:none;font:600 15px/1 var(--rbt-f-body);letter-spacing:0;text-transform:none;color:var(--rbt-muted);cursor:pointer}
#offcanvas .rbt-lade-tabs button[aria-selected="true"]{background:var(--rbt-surface);border-bottom-color:var(--rbt-accent);color:var(--rbt-ink)}
.rbt-lade-ic{position:relative;display:flex}
.rbt-lade-ic svg{width:20px;height:20px}
.rbt-lade-tel{position:absolute;top:-7px;right:-9px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--rbt-accent);color:var(--rbt-ink);font:700 11px/18px var(--rbt-f-body);text-align:center;box-shadow:0 0 0 2px #fff}
.rbt-lade-tel[hidden]{display:none}
.rbt-lade-uit{position:absolute;top:-6px;right:-7px;width:14px;height:14px;border-radius:50%;background:linear-gradient(#fff,#fff) center/7px 2px no-repeat,linear-gradient(#fff,#fff) center/2px 7px no-repeat,var(--rbt-sale);transform:rotate(45deg);box-shadow:0 0 0 2px #fff}
.rbt-lade-paneel{padding:16px 16px 18px;border-bottom:1px solid var(--rbt-line);font-size:14px;color:var(--rbt-ink-2)}
.rbt-lade-paneel[hidden]{display:none}
.rbt-lade-paneel p{margin:0 0 12px;font-size:14px;line-height:1.5}
.rbt-lade-paneel .rbt-lade__kop{margin:0 0 4px;font:700 20px/1.1 var(--rbt-f-disp);text-transform:uppercase;color:var(--rbt-ink)}
.rbt-lade__knoppen{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.rbt-lade-paneel .knop{min-height:44px;padding:0 12px;font-size:12px}
.knop.knop-licht{background:var(--rbt-surface);color:var(--rbt-ink);box-shadow:inset 0 0 0 1.5px var(--rbt-line-2)}
.knop.knop-licht:hover{background:var(--rbt-surface-2)}
.rbt-lade__links{margin:6px 0 0;padding:0;list-style:none}
.rbt-lade__links a{display:flex;align-items:center;justify-content:space-between;min-height:44px;border-bottom:1px solid var(--rbt-line);font:600 15px/1 var(--rbt-f-body);color:var(--rbt-ink);text-decoration:none}
.rbt-lade__links a::after{content:"→";font-weight:400;color:var(--rbt-accent-text)}
.rbt-lade__links a.rbt-lade__afmelden{color:var(--rbt-sale)}
.rbt-lade__links a.rbt-lade__afmelden::after{content:none}
.rbt-lade-wagen__regels{margin:0;padding:0;list-style:none}
.rbt-lade-regel{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--rbt-line);transition:opacity .15s}
.rbt-lade-regel.is-bezig{opacity:.5;pointer-events:none}
.rbt-lade-regel img{display:block;width:52px;height:64px;padding:4px;object-fit:contain;background:var(--rbt-surface-2);border-radius:var(--rbt-radius)}
.rbt-lade-regel strong{display:block;font:600 14px/1.3 var(--rbt-f-body);color:var(--rbt-ink)}
.rbt-lade-regel strong a{color:inherit;text-decoration:none}
.rbt-lade-regel small{display:block;font-size:12px;line-height:1.4;color:var(--rbt-muted)}
.rbt-lade-regel__prijs{font:700 17px/1 var(--rbt-f-disp);color:var(--rbt-ink);text-align:right;white-space:nowrap}
.rbt-lade-regel__bedienen{display:flex;align-items:center;gap:10px;margin-top:6px}
.rbt-lade-stepper{display:inline-flex;align-items:center;border:1.5px solid var(--rbt-line-2);border-radius:var(--rbt-radius);overflow:hidden}
#offcanvas .rbt-lade-stepper button{width:30px;height:30px;min-height:0;margin:0;padding:0;border:0;border-radius:0;background:var(--rbt-surface);box-shadow:none;font:600 15px/1 var(--rbt-f-body);color:var(--rbt-ink);cursor:pointer}
#offcanvas .rbt-lade-stepper button:hover{background:var(--rbt-surface-2)}
#offcanvas .rbt-lade-stepper button:disabled{color:var(--rbt-line-2);background:var(--rbt-surface);cursor:not-allowed}
.rbt-lade-stepper output{min-width:24px;font-weight:600;font-size:14px;text-align:center;color:var(--rbt-ink)}
#offcanvas button.rbt-lade-weg{min-height:0;margin:0;padding:0;border:0;background:none;box-shadow:none;font:400 12px var(--rbt-f-body);letter-spacing:0;text-transform:none;color:var(--rbt-sale);text-decoration:underline;cursor:pointer}
.rbt-lade-paneel--lezen .rbt-lade-regel__bedienen{display:none}
.rbt-lade-paneel .rbt-lade-wagen__totaal{display:flex;justify-content:space-between;align-items:baseline;margin:12px 0 4px}
.rbt-lade-wagen__totaal b{font:700 22px/1 var(--rbt-f-disp);color:var(--rbt-ink)}
.rbt-lade-paneel .rbt-lade-wagen__verzend{margin:0 0 12px;font-size:12px;color:var(--rbt-ok)}
.rbt-lade-wagen--leeg{padding:10px 0 4px;text-align:center}
.rbt-lade-wagen--leeg p:not(.rbt-lade__kop){color:var(--rbt-muted)}
.rbt-lade-menu{padding:6px 16px 0}
.rbt-lade-menu .rbt-kicker{margin:14px 0 4px}
.rbt-lade-menu ul{margin:0;padding:0;list-style:none}
.rbt-lade-menu li>a,.rbt-lade-menu summary{display:flex;align-items:center;justify-content:space-between;min-height:48px;border-bottom:1px solid var(--rbt-line);font:600 16px/1 var(--rbt-f-body);color:var(--rbt-ink);text-decoration:none;list-style:none;cursor:pointer}
.rbt-lade-menu summary::-webkit-details-marker{display:none}
.rbt-lade-menu summary::after{content:"+";font:400 20px/1 var(--rbt-f-body);color:var(--rbt-accent-text)}
.rbt-lade-menu details[open] summary::after{content:"–"}
.rbt-lade-menu__sub{padding:8px 0 12px 12px;border-bottom:1px solid var(--rbt-line)}
.rbt-lade-menu__sub>a{display:block;padding:6px 0;font-size:15px;color:var(--rbt-ink-2);text-decoration:none}
.rbt-lade-menu__sub>a.rbt-lade-menu__allen{color:var(--rbt-accent-text)}
.rbt-lade-menu__sub .rbt-mega__reeksen{margin-top:8px}
.rbt-lade-menu__sub .rbt-mega__reeksen a{min-height:36px;padding:0 10px;font-size:13px}
body .ct-panel .rbt-offcanvas-foot,body[data-header*="type-1"] #offcanvas .rbt-offcanvas-foot{display:flex;justify-content:space-between;gap:12px;margin:12px 0 0!important;padding:12px 16px 16px;border-top:1px solid var(--rbt-line);font-size:14px}
body .ct-panel .rbt-offcanvas-foot a{font-weight:600;color:var(--rbt-ink);text-decoration:none}
body .ct-panel .rbt-offcanvas-foot .stars{letter-spacing:0;color:var(--rbt-accent-hover)}

/* Footer: nieuwsbriefband, zekerheden, kolommen op wit, betaalrij met
 * uitleg en een donkere onderregel. */
#footer,.ct-footer{background:var(--rbt-surface)}
.rbt-nieuwsbrief{background:var(--rbt-surface-2);border-top-width:3px;border-bottom:0}
.rbt-nieuwsbrief__in{gap:16px 32px;padding-top:26px;padding-bottom:26px}
.rbt-nieuwsbrief h2{margin:0 0 4px;font-size:24px}
.rbt-nieuwsbrief p{font-size:15px;color:var(--rbt-ink-2)}
.rbt-nieuwsbrief__form{gap:10px;max-width:460px}
.rbt-nieuwsbrief__form input[type="email"]{min-height:46px;font-size:15px}
.rbt-zekerheden{border-top:1px solid var(--rbt-line);border-bottom:1px solid var(--rbt-line);background:var(--rbt-surface)}
.rbt-zekerheden ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 auto;padding:0;list-style:none}
.rbt-zekerheden li{display:flex;align-items:center;gap:12px;margin:0;padding:20px 18px;border-left:1px solid var(--rbt-line)}
.rbt-zekerheden li:first-child{padding-left:0;border-left:0}
.rbt-zekerheden svg{flex:none;width:26px;height:26px;color:var(--rbt-accent-text)}
.rbt-zekerheden strong{display:block;font:600 14px/1.3 var(--rbt-f-body);color:var(--rbt-ink)}
.rbt-zekerheden__sub{display:block;font-size:13px;line-height:1.4;color:var(--rbt-muted)}
.rbt-zekerheden__kort{display:none}
#footer [data-row="top"] > .ct-container{padding-top:36px!important;padding-bottom:30px!important}
@media (min-width:1000px){#footer [data-row="top"] > .ct-container{grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr))!important;column-gap:40px!important}}
#footer #block-173 .wp-block-site-logo img{height:44px;width:auto}
#footer #block-173 p{max-width:38ch;margin-bottom:14px;color:var(--rbt-ink-2)}
#footer [data-row="top"] .wp-block-heading{margin:0 0 12px;color:var(--rbt-ink)}
#footer [data-row="top"] .wp-block-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}
#footer [data-row="top"] .wp-block-list a{font-size:14px;color:var(--rbt-ink-2)}
#footer [data-row="top"] .wp-block-list a:hover{color:var(--rbt-accent-text);text-decoration:underline}
#footer a.rbt-reviewchip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1.5px solid var(--rbt-line-2);border-radius:var(--rbt-radius);font:400 13px/1 var(--rbt-f-mono);letter-spacing:.04em;color:var(--rbt-ink);text-decoration:none}
#footer a.rbt-reviewchip:hover{border-color:var(--rbt-ink)}
#footer a.rbt-reviewchip b{font-weight:400}
.rbt-reviewchip__sterren{display:flex;gap:1px;color:var(--rbt-accent-hover)}
#footer [data-row="middle"] > .ct-container{margin-top:0;padding-top:18px!important;padding-bottom:18px!important}
.rbt-betaalrij{justify-content:flex-start;gap:12px 24px}
/* wpautop zet een lege alinea vóór de shortcode in block-172. */
#footer #block-172 > p:empty{display:none}
.rbt-betaalrij__logo + .rbt-betaalrij__logo{margin-left:-14px}
.rbt-betaalrij__tekst{margin-left:auto;font-size:13px;line-height:1.5;color:var(--rbt-muted)}
#footer [data-row="bottom"]{background:var(--rbt-ink)}
#footer [data-row="bottom"] > .ct-container{margin-top:0;border-top:0;padding-top:16px!important;padding-bottom:16px!important}
#footer [data-row="bottom"] .ct-footer-copyright{color:#c7d0dc}
#footer [data-row="bottom"] .wp-block-navigation a{color:#fff;text-decoration:none}
#footer [data-row="bottom"] .wp-block-navigation a:hover{color:#fff;text-decoration:underline}
body.woocommerce-checkout #footer [data-row="middle"] > .ct-container{padding-bottom:24px!important}
body.woocommerce-checkout .rbt-betaalrij__tekst{flex-basis:100%;margin-left:0;text-align:center}
@media (max-width:999.98px){
  .rbt-zekerheden ul{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rbt-zekerheden li{padding:14px 12px;border-left:0;border-top:1px solid var(--rbt-line)}
  .rbt-zekerheden li:nth-child(-n+2){border-top:0}
  .rbt-zekerheden li:nth-child(odd){padding-left:0}
}
@media (max-width:689.98px){
  .rbt-nieuwsbrief__in{display:block;padding-top:20px;padding-bottom:20px}
  .rbt-nieuwsbrief__form{margin-top:12px}
  .rbt-zekerheden svg{width:22px;height:22px}
  .rbt-zekerheden__sub,.rbt-zekerheden__lang{display:none}
  .rbt-zekerheden__kort{display:inline}
  /* Kolommen met een kop als uitklapblokken (JS in inc/voet.php). */
  #footer [data-row="top"] > .ct-container{row-gap:0!important;padding-bottom:0!important}
  #footer [data-row="top"] [data-column]:has(.rbt-voet-blok){align-items:stretch;justify-content:flex-start}
  #footer .rbt-voet-blok{align-self:stretch;width:100%;border-top:1px solid var(--rbt-line)}
  #footer .rbt-voet-blok .wp-block-heading{width:100%}
  #footer .rbt-voet-blok .wp-block-heading{display:flex;align-items:center;justify-content:space-between;min-height:52px;margin:0;cursor:pointer}
  #footer .rbt-voet-blok .wp-block-heading::after{content:"+";font:400 20px/1 var(--rbt-f-body);letter-spacing:0;color:var(--rbt-accent-text)}
  #footer .rbt-voet-blok.is-open .wp-block-heading::after{content:"–"}
  #footer .rbt-voet-blok:not(.is-open) .wp-block-list{display:none}
  #footer .rbt-voet-blok .wp-block-list{gap:10px;padding-bottom:14px}
  #footer [data-row="top"] [data-column="widget-area-3"]{padding-bottom:20px}
  .rbt-betaalrij__tekst{margin-left:0;flex-basis:100%}
}

/* ---------- 19. Pagina's volgens schets preview-paginas (26 okt 2026, Tom) ----------
 * Homepage, klantenservice, bestelling herroepen, reviews, over mij (inhoud in
 * de pagina: groep met klasse rbt-p), nieuwsoverzicht (home.php) en
 * nieuwsbericht (single-post.php). Shortcodes en scripts: inc/paginas.php.
 * Open opbouw met lijnen; alleen productkaarten zijn kaarten. */
.rbt-p{font-size:16px;line-height:1.6;color:var(--rbt-ink-2)}
/* Geen witruimte van Blocksy boven/onder pagina's die met deze opbouw beginnen. */
.ct-container-full:has(>article>.entry-content>.rbt-p:first-child){padding-top:0!important;padding-bottom:0!important}
.rbt-p-herroep .rbt-herroep__knop{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 22px;border-radius:4px;font:600 13px/1 var(--rbt-f-body);letter-spacing:.08em;text-transform:uppercase}
.rbt-p>*{margin-block:0!important}
.rbt-p :where(h1,h2,h3,h4,p,ul,ol,dl,dd,figure,blockquote){margin:0}
.rbt-p :where(ul,ol){padding:0;list-style:none}
body .rbt-p a{text-decoration:none}
.rbt-p img{height:auto}
.rbt-p-in{width:var(--theme-container-width,calc(100% - 32px));max-width:var(--theme-normal-container-max-width,1290px);margin-inline:auto}
.rbt-p .rbt-kicker{margin:0 0 8px}
.rbt-p .rbt-p-kop{font:700 clamp(30px,3.4vw,42px)/1.05 var(--rbt-f-disp);text-transform:uppercase;color:var(--rbt-ink);margin:0 0 14px;letter-spacing:.005em}
.rbt-p .rbt-p-kop-s{display:flex;align-items:center;gap:12px;font:700 26px/1.1 var(--rbt-f-disp);text-transform:uppercase;color:var(--rbt-ink);margin:0 0 10px}
.rbt-p .rbt-p-kop-s svg{width:26px;height:26px;color:var(--rbt-accent-text)}
.rbt-p .rbt-p-lead{font-size:18px;line-height:1.6;color:var(--rbt-ink-2);max-width:62ch;margin:0 0 20px}
.rbt-p-knoppen{display:flex;flex-wrap:wrap;gap:10px}
.rbt-p .knop{min-height:46px}
body .rbt-p a.rbt-p-link,.rbt-p .rbt-p-link{color:var(--rbt-accent-text);font-weight:600;font-size:15px}
body .rbt-p a.rbt-p-link:hover{text-decoration:underline}
.rbt-p-sectie{padding:64px 0;border-top:1px solid var(--rbt-line)}
.rbt-p-sectie.rbt-p-zacht{background:var(--rbt-surface-2);border-top:0}
.rbt-p-sectie.rbt-p-los{border-top:0}
.rbt-p-sectiekop{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 24px;margin-bottom:26px}
.rbt-p .rbt-p-sectiekop .rbt-p-kop{margin:0}
.rbt-p .rbt-p-kruimel{font:400 12px/1.4 var(--rbt-f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--rbt-muted);margin:0 0 18px}
body .rbt-p .rbt-p-kruimel a{color:inherit}
body .rbt-p .rbt-p-kruimel a:hover{color:var(--rbt-accent-text)}
.rbt-p-sterren{display:inline-flex;gap:2px;color:var(--rbt-accent-hover)}
.rbt-p-sterren svg{width:16px;height:16px}
.rbt-p-twee{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:56px;align-items:start}
.rbt-p-vragen details{border-top:1px solid var(--rbt-line)}
.rbt-p-vragen details:last-child{border-bottom:1px solid var(--rbt-line)}
.rbt-p-vragen summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;font:600 17px/1.3 var(--rbt-f-body);color:var(--rbt-ink);cursor:pointer;list-style:none}
.rbt-p-vragen summary::-webkit-details-marker{display:none}
.rbt-p-vragen summary::after{content:"+";font:400 24px/1 var(--rbt-f-body);color:var(--rbt-accent-text)}
.rbt-p-vragen details[open] summary::after{content:"–"}
.rbt-p .rbt-p-vragen details p,.rbt-p .rbt-p-vragen details ul{margin:0 0 16px;max-width:70ch;font-size:15px}
.rbt-p .rbt-p-vragen details ul{padding-left:20px;list-style:disc}
body .rbt-p .rbt-p-vragen details a:not(.button){color:var(--rbt-accent-text);font-weight:600}
.rbt-p :where(section)[id]{scroll-margin-top:90px}
.rbt-p-vragen details[hidden],.rbt-p-ks-groep[hidden]{display:none}
.rbt-p-band{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;padding:30px 0;border-top:3px solid var(--rbt-accent);border-bottom:1px solid var(--rbt-line)}
.rbt-p .rbt-p-band h3{font:700 28px/1.1 var(--rbt-f-disp);text-transform:uppercase;color:var(--rbt-ink);margin:0 0 6px}
.rbt-p .rbt-p-band p{max-width:60ch}
.rbt-p-onder{padding:44px 0 56px}
/* Homepage */
.rbt-p-held{background:radial-gradient(700px 360px at 8% 0%,rgba(255,194,26,.16),transparent 62%),radial-gradient(760px 420px at 100% 30%,rgba(31,79,143,.10),transparent 60%),var(--rbt-surface)}
.rbt-p-held>.rbt-p-in{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:48px;align-items:center;padding:56px 0}
.rbt-p .rbt-p-held h1{font:700 clamp(40px,5.4vw,68px)/.98 var(--rbt-f-disp);text-transform:uppercase;color:var(--rbt-ink);margin:0 0 18px}
.rbt-p .rbt-p-held h1 span{color:var(--rbt-accent-text)}
.rbt-p .rbt-p-held .rbt-p-lead{max-width:46ch}
.rbt-p .rbt-p-cijfers{display:flex;flex-wrap:wrap;gap:28px;margin:30px 0 0;padding:20px 0 0;border-top:1px solid var(--rbt-line)}
.rbt-p-cijfers b{display:block;font:700 28px/1 var(--rbt-f-disp);color:var(--rbt-ink)}
.rbt-p-cijfers span{font:400 11px/1.4 var(--rbt-f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--rbt-muted)}
.rbt-p-stapel{position:relative;height:420px}
.rbt-p-stapel>a{position:absolute;display:block;color:var(--rbt-ink)}
.rbt-p-stapel .rbt-p-hoes img{display:block;height:100%;width:auto;max-width:none;border-radius:6px;box-shadow:0 26px 40px -24px rgba(15,29,51,.6)}
.rbt-p-stapel .rbt-p-hoes1{left:50%;top:6px;height:360px;transform:translateX(-50%);z-index:3}
.rbt-p-stapel .rbt-p-hoes2{left:6%;top:70px;height:280px;transform:rotate(-6deg);z-index:2}
.rbt-p-stapel .rbt-p-hoes3{right:6%;top:70px;height:280px;transform:rotate(6deg);z-index:2}
.rbt-p-stapel .rbt-p-label{z-index:4;left:50%;bottom:0;transform:translateX(-50%);display:flex;align-items:center;gap:14px;background:var(--rbt-surface);padding:10px 12px 10px 16px;border-radius:4px;box-shadow:0 12px 28px -14px rgba(15,29,51,.45);white-space:nowrap}
.rbt-p-label small{display:block;font:400 11px/1.3 var(--rbt-f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--rbt-accent-text)}
.rbt-p-label strong{display:block;font:600 15px/1.25 var(--rbt-f-body)}
.rbt-p-label .rbt-p-prijs{font:700 22px/1 var(--rbt-f-disp);color:var(--rbt-sale)}
.rbt-p-label .rbt-p-prijs .rbt-vanaf{font:400 13px var(--rbt-f-body);color:var(--rbt-muted)}
.rbt-p-platforms{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--rbt-line);border-bottom:1px solid var(--rbt-line);margin-top:8px}
.rbt-p-platforms a{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:2px;min-height:172px;padding:18px 18px 16px;border-left:1px solid var(--rbt-line);color:var(--rbt-ink);overflow:hidden}
.rbt-p-platforms a:first-child{border-left:0}
.rbt-p-platforms a img{position:absolute;right:-10px;top:12px;height:82px;width:auto;border-radius:3px;box-shadow:0 10px 20px -12px rgba(15,29,51,.6);transform:rotate(8deg);transition:transform .2s}
.rbt-p-platforms a:hover img{transform:rotate(3deg) translateY(-3px)}
.rbt-p-platforms a::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:transparent;transition:background .15s}
.rbt-p-platforms a:hover::before{background:var(--rbt-accent)}
.rbt-p-platforms b{position:relative;font:700 24px/1 var(--rbt-f-disp);text-transform:uppercase}
.rbt-p-platforms span{position:relative;font-size:14px;color:var(--rbt-accent-text);font-weight:600}
.rbt-p-raster{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.rbt-p-kaart{display:flex;flex-direction:column;background:var(--rbt-surface);border:1px solid var(--rbt-line);border-radius:4px;padding:0 0 14px;color:inherit;transition:box-shadow .15s,border-color .15s}
.rbt-p-kaart:hover{border-color:var(--rbt-line-2);box-shadow:0 10px 24px -16px rgba(15,29,51,.35)}
.rbt-p-kaart .rbt-p-foto{display:flex;align-items:center;justify-content:center;height:210px;background:var(--rbt-surface-2);border-radius:4px 4px 0 0;padding:14px;margin:0 0 12px}
.rbt-p-kaart .rbt-p-foto img{max-height:100%;width:auto;object-fit:contain}
.rbt-p-kaart .rbt-p-kat{padding:0 14px;margin:0 0 4px;font:400 11px/1.4 var(--rbt-f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--rbt-accent-text)}
.rbt-p .rbt-p-kaart h3{font:600 15px/1.3 var(--rbt-f-body);text-transform:none;letter-spacing:0;color:var(--rbt-ink);padding:0 14px;margin:0 0 8px}
.rbt-p-kaart .rbt-p-prijs{padding:0 14px;margin:0 0 4px;font:700 22px/1.1 var(--rbt-f-disp);color:var(--rbt-sale)}
.rbt-p-kaart .rbt-p-prijs .rbt-vanaf{font:400 13px var(--rbt-f-body);color:var(--rbt-muted)}
.rbt-p-kaart .rbt-p-prijs del{font:500 14px var(--rbt-f-body);color:var(--rbt-muted)}
.rbt-p-kaart .rbt-p-prijs ins{text-decoration:none}
.rbt-p-kaart .rbt-p-voorraad{display:flex;align-items:center;gap:7px;padding:0 14px;margin:0 0 12px;font-size:13px;font-weight:600;color:var(--rbt-ok)}
.rbt-p-kaart .rbt-p-voorraad::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
.rbt-p-kaart .knop{margin:auto 14px 0;width:calc(100% - 28px);min-height:42px}
.rbt-p-reeksen{display:flex;flex-wrap:wrap;gap:8px}
.rbt-p-reeksen a{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border:1.5px solid var(--rbt-line-2);border-radius:4px;color:var(--rbt-ink);font:600 14px/1 var(--rbt-f-body)}
.rbt-p-reeksen a:hover{border-color:var(--rbt-ink);color:var(--rbt-ink)}
.rbt-p .rbt-p-stappen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));counter-reset:stap}
.rbt-p .rbt-p-stappen.rbt-p-vier{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:14px}
.rbt-p-stappen li{padding:4px 28px 0;border-left:1px solid var(--rbt-line)}
.rbt-p-stappen li:first-child{border-left:0;padding-left:0}
.rbt-p-stappen li::before{counter-increment:stap;content:"0" counter(stap);display:block;font:700 46px/1 var(--rbt-f-disp);color:var(--rbt-accent);margin-bottom:10px}
.rbt-p .rbt-p-stappen h3{font:700 22px/1.1 var(--rbt-f-disp);text-transform:uppercase;color:var(--rbt-ink);margin:0 0 6px}
.rbt-p-stappen p{font-size:15px}
.rbt-p-soorten{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--rbt-line)}
.rbt-p-soorten a{display:block;padding:20px 20px 20px 0;border-bottom:1px solid var(--rbt-line);color:var(--rbt-ink)}
.rbt-p-soorten a+a{padding-left:20px;border-left:1px solid var(--rbt-line)}
.rbt-p-soorten b{display:flex;justify-content:space-between;font:700 24px/1.1 var(--rbt-f-disp);text-transform:uppercase}
.rbt-p-soorten b::after{content:"→";font:400 20px var(--rbt-f-body);color:var(--rbt-accent-text)}
.rbt-p-soorten span{display:block;font-size:14px;color:var(--rbt-muted);margin-top:4px}
.rbt-p-soorten a:hover b{color:var(--rbt-accent-text)}
.rbt-p-citaten{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}
.rbt-p .rbt-p-citaat{position:relative;margin:0;padding:34px 0 0;border:0;background:none;font-style:normal}
.rbt-p-citaat::before{content:"“";position:absolute;top:-16px;left:-4px;font:700 80px/1 var(--rbt-f-disp);color:var(--rbt-accent)}
.rbt-p .rbt-p-citaat p{margin:0 0 14px;font-size:16px;color:var(--rbt-ink)}
.rbt-p-citaat footer,.rbt-p-citaat-groot footer{font:400 12px/1.4 var(--rbt-f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--rbt-muted)}
.rbt-p-score{display:flex;align-items:center;gap:16px}
.rbt-p-score b{font:700 56px/1 var(--rbt-f-disp);color:var(--rbt-ink)}
.rbt-p-score small{display:block;font-size:14px;color:var(--rbt-muted)}
/* Klantenservice en herroepen */
.rbt-p-ks-kop{padding:40px 0 34px;background:linear-gradient(180deg,var(--rbt-surface-2),var(--rbt-surface))}
.rbt-p-ks-kop>.rbt-p-in{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:48px;align-items:end}
.rbt-p-ks-kop>.rbt-p-in.rbt-p-blok{display:block}
.rbt-p-ks-zoek{position:relative;max-width:560px;margin-top:6px}
.rbt-p .rbt-p-ks-zoek input{width:100%;min-height:52px;margin:0;padding:0 16px 0 46px;border:1.5px solid var(--rbt-line-2);border-radius:4px;font:400 16px var(--rbt-f-body);background:var(--rbt-surface)}
.rbt-p-ks-zoek svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--rbt-muted);pointer-events:none}
.rbt-p .rbt-p-ks-uitkomst{font-size:13px;color:var(--rbt-muted);margin:8px 0 0;min-height:20px}
.rbt-p-contact{border-top:1px solid var(--rbt-line)}
.rbt-p-contact>*{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--rbt-line);color:var(--rbt-ink)}
.rbt-p-contact svg{width:22px;height:22px;color:var(--rbt-accent-text)}
.rbt-p-contact small{display:block;font:400 11px/1.3 var(--rbt-f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--rbt-muted)}
.rbt-p-contact strong{display:block;font-weight:600;font-size:15px;word-break:break-word}
.rbt-p-onderwerpen-sectie{padding:8px 0 40px}
.rbt-p-onderwerpen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--rbt-line)}
.rbt-p-onderwerpen a{display:grid;grid-template-columns:40px minmax(0,1fr);gap:14px;align-items:start;padding:22px 22px 22px 0;border-bottom:1px solid var(--rbt-line);color:var(--rbt-ink)}
.rbt-p-onderwerpen a:not(:nth-child(3n+1)){padding-left:22px;border-left:1px solid var(--rbt-line)}
.rbt-p-onderwerpen a:hover b{color:var(--rbt-accent-text)}
.rbt-p-onderwerpen svg{width:30px;height:30px;color:var(--rbt-accent-text)}
.rbt-p-onderwerpen b{display:block;font:700 21px/1.1 var(--rbt-f-disp);text-transform:uppercase;margin-bottom:4px}
.rbt-p-onderwerpen span{font-size:14px;color:var(--rbt-muted)}
.rbt-p-ks-lijf{display:grid;grid-template-columns:220px minmax(0,1fr);gap:56px;align-items:start;padding-bottom:56px}
.rbt-p-ks-nav{position:sticky;top:90px}
.rbt-p .rbt-p-ks-nav ul{border-left:2px solid var(--rbt-line)}
.rbt-p-ks-nav a{display:block;padding:7px 0 7px 16px;margin-left:-2px;border-left:2px solid transparent;font-size:15px;color:var(--rbt-ink-2)}
.rbt-p-ks-nav a:hover,.rbt-p-ks-nav a.is-nu{border-left-color:var(--rbt-accent);color:var(--rbt-ink);font-weight:600}
.rbt-p-ks-groep{margin:0 0 44px!important;scroll-margin-top:100px}
.rbt-p .rbt-p-gegevens{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:0 28px;font-size:15px}
.rbt-p-gegevens dt,.rbt-p-gegevens dd{padding:10px 0;border-bottom:1px solid var(--rbt-line);margin:0}
.rbt-p-gegevens dt{font:400 12px/1.9 var(--rbt-f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--rbt-muted)}
.rbt-p-gegevens dd{color:var(--rbt-ink);font-weight:600}
.rbt-p-docs{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:16px}
.rbt-p-contactband{display:grid;grid-template-columns:minmax(0,1.2fr) repeat(3,minmax(0,1fr));border-top:3px solid var(--rbt-accent);border-bottom:1px solid var(--rbt-line);scroll-margin-top:100px}
.rbt-p-contactband>div{padding:22px 22px 22px 0}
.rbt-p-contactband>div+div{padding-left:22px;border-left:1px solid var(--rbt-line)}
.rbt-p .rbt-p-contactband h3{font:700 24px/1.1 var(--rbt-f-disp);text-transform:uppercase;color:var(--rbt-ink);margin:0 0 6px}
.rbt-p-contactband p{font-size:15px}
.rbt-p-contactband small{display:block;font:400 11px/1.3 var(--rbt-f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--rbt-muted);margin-bottom:4px}
body .rbt-p .rbt-p-contactband a{font-weight:600;color:var(--rbt-accent-text);word-break:break-word}
.rbt-p .rbt-p-kort{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:26px 0 0;border-top:1px solid var(--rbt-line);border-bottom:1px solid var(--rbt-line)}
.rbt-p-kort div{padding:16px 18px 16px 0}
.rbt-p-kort div+div{padding-left:18px;border-left:1px solid var(--rbt-line)}
.rbt-p-kort small{display:block;font:400 11px/1.3 var(--rbt-f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--rbt-muted);margin-bottom:4px}
.rbt-p-kort b{font:700 22px/1.1 var(--rbt-f-disp);text-transform:uppercase;color:var(--rbt-ink)}
/* Herroepingsfunctie (plugin Retouren, shortcode) in het gele vlak. */
.rbt-p-herroep{margin-top:28px;padding:24px 28px;background:#fff6d6;border-left:4px solid var(--rbt-accent);border-radius:0 4px 4px 0;scroll-margin-top:100px}
.rbt-p-herroep .rbt-herroep{margin:0;padding:0;border:0;background:none;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 40px;align-items:start}
.rbt-p .rbt-p-herroep .rbt-herroep__kop{grid-column:1;font:700 26px/1.1 var(--rbt-f-disp);text-transform:uppercase;color:var(--rbt-ink);margin:0}
.rbt-p .rbt-p-herroep .rbt-herroep__intro{grid-column:1;font-size:15px;margin:0}
.rbt-p .rbt-p-herroep .rbt-herroep__klein{grid-column:1;font-size:13px;color:var(--rbt-muted);margin:6px 0 0}
body .rbt-p .rbt-p-herroep .rbt-herroep__klein a{color:var(--rbt-accent-text);text-decoration:underline}
.rbt-p-herroep .rbt-herroep>form,.rbt-p-herroep .rbt-herroep>p:has(.rbt-herroep__knop){grid-column:2;grid-row:1/span 3;margin:0}
.rbt-p-herroep .rbt-herroep>form{background:var(--rbt-surface);padding:18px;border-radius:4px}
.rbt-p .rbt-p-tijdlijn{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;counter-reset:t;margin-top:26px}
.rbt-p-tijdlijn li{position:relative;padding-top:56px}
.rbt-p-tijdlijn li::before{counter-increment:t;content:counter(t);position:absolute;top:0;left:0;width:40px;height:40px;border-radius:50%;background:var(--rbt-ink);color:#fff;display:flex;align-items:center;justify-content:center;font:700 20px/1 var(--rbt-f-disp)}
.rbt-p-tijdlijn li::after{content:"";position:absolute;top:20px;left:52px;right:-16px;height:2px;background:var(--rbt-line)}
.rbt-p-tijdlijn li:last-child::after{display:none}
.rbt-p .rbt-p-tijdlijn h3{font:700 21px/1.1 var(--rbt-f-disp);text-transform:uppercase;color:var(--rbt-ink);margin:0 0 6px}
.rbt-p-tijdlijn p{font-size:15px}
.rbt-p-manieren{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--rbt-line);margin-top:20px}
.rbt-p-manieren>div{padding:20px 20px 20px 0;border-bottom:1px solid var(--rbt-line)}
.rbt-p-manieren>div+div{padding-left:20px;border-left:1px solid var(--rbt-line)}
.rbt-p-manieren b{display:block;font:600 16px/1.3 var(--rbt-f-body);color:var(--rbt-ink);margin-bottom:4px}
.rbt-p .rbt-p-manieren p{margin:0 0 8px;font-size:14px}
.rbt-p .rbt-p-voetnoot{font-size:13px;color:var(--rbt-muted);margin:24px 0 0}
/* Reviews */
.rbt-p-rev-held{padding:52px 0;background:radial-gradient(700px 320px at 15% 0%,rgba(255,194,26,.18),transparent 60%),var(--rbt-surface)}
.rbt-p-rev-held>.rbt-p-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center}
.rbt-p-grootscore{display:flex;align-items:flex-end;gap:18px}
.rbt-p-grootscore b{font:700 128px/.8 var(--rbt-f-disp);color:var(--rbt-ink);letter-spacing:-.02em}
.rbt-p-grootscore .rbt-p-sterren svg{width:28px;height:28px}
.rbt-p-grootscore small{display:block;font-size:15px;color:var(--rbt-muted);margin-top:8px}
.rbt-p-bronnen{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--rbt-line);margin-top:18px}
.rbt-p-bronnen a{display:block;padding:22px 22px 22px 0;border-bottom:1px solid var(--rbt-line);color:var(--rbt-ink)}
.rbt-p-bronnen a+a{padding-left:22px;border-left:1px solid var(--rbt-line)}
.rbt-p-bronnen b{display:flex;justify-content:space-between;font:700 26px/1.1 var(--rbt-f-disp);text-transform:uppercase}
.rbt-p-bronnen b::after{content:"→";font:400 22px var(--rbt-f-body);color:var(--rbt-accent-text)}
.rbt-p-bronnen span{display:block;font-size:15px;color:var(--rbt-muted);margin-top:4px}
.rbt-p .rbt-p-citaat-groot{margin:0;padding:8px 0 0;border:0;background:none;max-width:820px;font-style:normal}
.rbt-p .rbt-p-citaat-groot p{font:600 clamp(20px,2.2vw,26px)/1.4 var(--rbt-f-body);color:var(--rbt-ink);margin:0 0 14px}
.rbt-p-citaat-groot p::before{content:"“";color:var(--rbt-accent);font-family:var(--rbt-f-disp);font-size:1.6em;line-height:0;vertical-align:-.35em;margin-right:4px}
.rbt-p-citaatrij{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px;margin-top:40px;padding-top:32px;border-top:1px solid var(--rbt-line)}
/* Over mij */
.rbt-p-over-held>.rbt-p-in{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:48px;align-items:center;padding:52px 0}
.rbt-p .rbt-p-over-held h1{font:700 clamp(44px,6vw,76px)/.95 var(--rbt-f-disp);text-transform:uppercase;color:var(--rbt-ink);margin:0 0 18px}
.rbt-p .rbt-p-over-held h1 span{color:var(--rbt-accent-text)}
.rbt-p-illu{position:relative;max-width:420px;width:100%;justify-self:center}
.rbt-p-beeld.rbt-p-beeld-over{aspect-ratio:4/3;width:100%}
.rbt-p-illu svg{display:block;width:100%;height:auto}
.rbt-p-illu::after{content:"";position:absolute;left:-14px;bottom:-14px;width:44%;height:44%;border-left:4px solid var(--rbt-accent);border-bottom:4px solid var(--rbt-accent);border-radius:0 0 0 6px;pointer-events:none}
.rbt-p-tabs{display:flex;flex-wrap:wrap;border-bottom:1px solid var(--rbt-line);margin:14px 0 22px}
.rbt-p .rbt-p-tabs button{min-height:0;margin:0 0 -1px;padding:12px 18px;border:0;border-bottom:3px solid transparent;border-radius:0;background:none;box-shadow:none;font:600 15px/1 var(--rbt-f-body);letter-spacing:0;text-transform:none;color:var(--rbt-muted);cursor:pointer}
.rbt-p .rbt-p-tabs button[aria-selected="true"]{color:var(--rbt-ink);border-bottom-color:var(--rbt-accent)}
.rbt-p-tabpaneel{max-width:72ch}
.rbt-p .rbt-p-tabpaneel p{margin:0 0 14px}
.rbt-p-tabpaneel[hidden]{display:none}
.rbt-p-vergelijk{width:100%;border-collapse:collapse;font-size:15px;margin:0}
.rbt-p-vergelijk th,.rbt-p-vergelijk td{padding:14px 16px;text-align:left;border:0;border-bottom:1px solid var(--rbt-line);background:none}
.rbt-p-vergelijk thead th{font:700 18px/1.1 var(--rbt-f-disp);text-transform:uppercase;color:var(--rbt-ink);vertical-align:bottom}
.rbt-p-vergelijk tbody th{font:400 12px/1.5 var(--rbt-f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--rbt-muted);width:24%}
.rbt-p-vergelijk .rbt-p-wij{background:#fff6d6}
.rbt-p-vergelijk thead .rbt-p-wij{border-top:4px solid var(--rbt-accent)}
.rbt-p-vergelijk td.rbt-p-wij{font-weight:600;color:var(--rbt-ink)}
/* Nieuws en nieuwsbericht */
.rbt-p-beeld{position:relative;aspect-ratio:16/10;border-radius:6px;overflow:hidden;background:radial-gradient(520px 260px at 50% 40%,#fff,transparent 70%),#fff6d6;display:flex;align-items:center;justify-content:center}
.rbt-p-beeld>img{width:100%;height:100%;object-fit:cover}
.rbt-p-beeld>img.rbt-p-beeldlogo{width:58%;height:auto;object-fit:contain}
.rbt-p-beeld .rbt-p-beeldlabel{position:absolute;left:16px;top:16px;background:var(--rbt-accent);color:var(--rbt-ink);font:400 11px/1 var(--rbt-f-mono);letter-spacing:.14em;text-transform:uppercase;padding:7px 9px;border-radius:3px}
.rbt-p .rbt-p-meta{font:400 12px/1.4 var(--rbt-f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--rbt-muted);margin:0 0 10px}
.rbt-p-meta b{color:var(--rbt-accent-text);font-weight:400}
.rbt-p-nieuws-kop{padding:44px 0 10px}
.rbt-p-uitgelicht{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:40px;align-items:center;padding:28px 0 40px;color:inherit}
.rbt-p .rbt-p-uitgelicht h2{font:700 clamp(30px,3.4vw,44px)/1.02 var(--rbt-f-disp);text-transform:uppercase;color:var(--rbt-ink);margin:0 0 12px}
.rbt-p-uitgelicht:hover h2{color:var(--rbt-accent-text)}
.rbt-p .rbt-p-uitgelicht p{margin:0 0 12px}
.rbt-p-berichten{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;border-top:1px solid var(--rbt-line);padding:30px 0 0}
.rbt-p-bericht{display:block;color:inherit}
.rbt-p .rbt-p-bericht h3{font:700 22px/1.1 var(--rbt-f-disp);text-transform:uppercase;color:var(--rbt-ink);margin:14px 0 8px}
.rbt-p-bericht:hover h3{color:var(--rbt-accent-text)}
.rbt-p-filters{display:flex;flex-wrap:wrap;gap:8px}
.rbt-p-filters a{padding:8px 14px;border-radius:999px;border:1.5px solid var(--rbt-line-2);font-size:14px;font-weight:600;color:var(--rbt-ink)}
.rbt-p-filters a.is-nu{background:var(--rbt-ink);border-color:var(--rbt-ink);color:#fff}
.rbt-p-paginering{padding:30px 0 0}
.rbt-p-artikel-kop{padding:44px 0 28px;border-bottom:1px solid var(--rbt-line)}
.rbt-p-smal{max-width:880px;margin-inline:auto;padding-inline:32px}
.rbt-p .rbt-p-artikel-kop h1{font:700 clamp(36px,4.6vw,58px)/1 var(--rbt-f-disp);text-transform:uppercase;color:var(--rbt-ink);margin:0 0 16px}
.rbt-p-auteur{display:flex;align-items:center;gap:12px;margin-top:20px;font-size:14px;color:var(--rbt-muted)}
.rbt-p-auteur .rbt-p-ini{width:40px;height:40px;border-radius:50%;background:var(--rbt-ink);color:var(--rbt-accent);display:flex;align-items:center;justify-content:center;font:700 18px/1 var(--rbt-f-disp)}
.rbt-p-auteur b{color:var(--rbt-ink);font-weight:600}
.rbt-p-artikel-beeld{max-width:1136px;margin:28px auto 0;padding:0 32px}
.rbt-p-artikel-beeld .rbt-p-beeld{aspect-ratio:21/9}
.rbt-p-artikel-beeld .rbt-p-beeld>img.rbt-p-beeldlogo{width:40%}
.rbt-p-artikel{max-width:880px;margin:0 auto;padding:36px 32px 10px;display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:48px}
.rbt-p-tekst{font-size:18px;line-height:1.7;color:var(--rbt-ink-2)}
.rbt-p .rbt-p-tekst p{margin:0 0 18px}
.rbt-p .rbt-p-tekst h2{font:700 28px/1.1 var(--rbt-f-disp);text-transform:uppercase;color:var(--rbt-ink);margin:34px 0 12px;scroll-margin-top:100px}
.rbt-p .rbt-p-tekst ul{margin:0 0 18px}
.rbt-p-tekst ul li{position:relative;padding:8px 0 8px 34px;border-bottom:1px solid var(--rbt-line)}
.rbt-p-tekst ul li::before{content:"";position:absolute;left:0;top:13px;width:20px;height:20px;border-radius:50%;background:var(--rbt-ok) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/12px no-repeat}
body .rbt-p .rbt-p-tekst a:not(.wp-block-button__link){color:var(--rbt-accent-text);text-decoration:underline}
.rbt-p .rbt-p-tekst .rbt-p-markeer{border-left:4px solid var(--rbt-accent);background:#fff6d6;padding:16px 20px;border-radius:0 4px 4px 0;font-size:17px}
.rbt-p-tekst .wp-block-buttons{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0 0}
.rbt-p-tekst .wp-block-button__link{display:inline-flex;align-items:center;min-height:46px;padding:0 22px;border-radius:4px;background:var(--rbt-accent);color:var(--rbt-ink);font:600 13px/1 var(--rbt-f-body);letter-spacing:.08em;text-transform:uppercase}
.rbt-p-tekst .is-style-outline .wp-block-button__link{background:var(--rbt-surface);border:0;box-shadow:inset 0 0 0 1.5px var(--rbt-line-2)}
.rbt-p-zij{position:sticky;top:90px;align-self:start;font-size:14px}
.rbt-p .rbt-p-zij ul{margin:0 0 24px;border-left:2px solid var(--rbt-line)}
.rbt-p-zij ul a{display:block;padding:6px 0 6px 14px;margin-left:-2px;border-left:2px solid transparent;color:var(--rbt-ink-2)}
.rbt-p-zij ul a:hover{border-left-color:var(--rbt-accent);color:var(--rbt-ink)}
.rbt-p-deel{display:flex;gap:8px}
.rbt-p-deel a,.rbt-p .rbt-p-deel button{width:38px;height:38px;min-height:0;padding:0;border-radius:50%;border:1.5px solid var(--rbt-line-2);background:none;box-shadow:none;display:flex;align-items:center;justify-content:center;color:var(--rbt-ink);cursor:pointer}
.rbt-p-deel a:hover,.rbt-p .rbt-p-deel button:hover{border-color:var(--rbt-ink);background:none}
.rbt-p-deel svg{width:17px;height:17px}
.rbt-p-artikel-voet{max-width:880px;margin:0 auto;padding:10px 32px 56px}
.rbt-p-terug{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding-top:24px;border-top:1px solid var(--rbt-line)}
.rbt-p-terug .rbt-p-meta{margin:0}
@media (max-width:999.98px){
  .rbt-p .rbt-p-stappen.rbt-p-vier{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:28px}
  .rbt-p-stappen.rbt-p-vier li:nth-child(3){border-left:0;padding-left:0}
  .rbt-p-platforms{grid-template-columns:repeat(3,minmax(0,1fr))}
  .rbt-p-platforms a:nth-child(4){border-left:0}
  .rbt-p-platforms a:nth-child(n+4){border-top:1px solid var(--rbt-line)}
  .rbt-p-raster{grid-template-columns:repeat(3,minmax(0,1fr))}
  .rbt-p-raster>:nth-child(4){display:none}
  .rbt-p-herroep .rbt-herroep{grid-template-columns:minmax(0,1fr)}
  .rbt-p-herroep .rbt-herroep>form,.rbt-p-herroep .rbt-herroep>p:has(.rbt-herroep__knop){grid-column:1;grid-row:auto;margin-top:12px}
}
@media (max-width:767.98px){
  .rbt-p-sectie{padding:44px 0}
  .rbt-p .rbt-p-kop{font-size:32px}
  .rbt-p .rbt-p-lead{font-size:17px}
  .rbt-p-held>.rbt-p-in,.rbt-p-ks-kop>.rbt-p-in,.rbt-p-rev-held>.rbt-p-in,.rbt-p-over-held>.rbt-p-in,.rbt-p-uitgelicht,.rbt-p-twee{grid-template-columns:minmax(0,1fr);gap:28px}
  .rbt-p-held>.rbt-p-in{padding:28px 0 36px}
  .rbt-p .rbt-p-held h1{font-size:44px}
  .rbt-p-stapel{height:290px;margin-top:4px}
  .rbt-p-stapel .rbt-p-hoes1{height:250px}
  .rbt-p-stapel .rbt-p-hoes2,.rbt-p-stapel .rbt-p-hoes3{height:190px;top:50px}
  .rbt-p .rbt-p-cijfers{gap:18px}
  .rbt-p-cijfers b{font-size:24px}
  .rbt-p-platforms{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rbt-p-platforms a,.rbt-p-platforms a:nth-child(4){min-height:142px;border-left:0;border-top:1px solid var(--rbt-line);padding:14px}
  .rbt-p-platforms a:nth-child(-n+2){border-top:0}
  .rbt-p-platforms a:nth-child(even){border-left:1px solid var(--rbt-line)}
  .rbt-p-platforms a img{height:64px;top:12px;right:-8px}
  .rbt-p-platforms b{font-size:20px}
  .rbt-p-raster{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .rbt-p-raster>:nth-child(4){display:flex}
  .rbt-p-kaart .rbt-p-foto{height:150px;padding:10px;margin-bottom:10px}
  .rbt-p-kaart .rbt-p-kat,.rbt-p .rbt-p-kaart h3,.rbt-p-kaart .rbt-p-prijs,.rbt-p-kaart .rbt-p-voorraad{padding-left:10px;padding-right:10px}
  .rbt-p .rbt-p-kaart h3{font-size:14px}
  .rbt-p-kaart .rbt-p-prijs{font-size:19px}
  .rbt-p-kaart .knop{margin:auto 10px 0;width:calc(100% - 20px);min-height:40px}
  .rbt-p .rbt-p-stappen,.rbt-p .rbt-p-stappen.rbt-p-vier{grid-template-columns:minmax(0,1fr)}
  .rbt-p-stappen li,.rbt-p-stappen.rbt-p-vier li,.rbt-p-stappen.rbt-p-vier li:nth-child(3){padding:18px 0;border-left:0;border-top:1px solid var(--rbt-line)}
  .rbt-p-stappen li:first-child{border-top:0;padding-top:0}
  .rbt-p-stappen li::before{font-size:34px;margin-bottom:6px}
  .rbt-p-soorten{grid-template-columns:minmax(0,1fr)}
  .rbt-p-soorten a,.rbt-p-soorten a+a{padding:16px 0;border-left:0}
  .rbt-p-citaten{grid-template-columns:minmax(0,1fr);gap:28px}
  .rbt-p-band{grid-template-columns:minmax(0,1fr)}
  .rbt-p-score b{font-size:44px}
  .rbt-p-onderwerpen{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rbt-p-onderwerpen a,.rbt-p-onderwerpen a:not(:nth-child(3n+1)){grid-template-columns:minmax(0,1fr);gap:8px;padding:16px 12px 16px 0;border-left:0}
  .rbt-p-onderwerpen a:nth-child(even){padding-left:14px;border-left:1px solid var(--rbt-line)}
  .rbt-p-onderwerpen b{font-size:18px}
  .rbt-p-onderwerpen span{font-size:13px}
  .rbt-p-ks-lijf{grid-template-columns:minmax(0,1fr);gap:0}
  .rbt-p-ks-nav{position:sticky;top:0;z-index:5;background:var(--rbt-surface);margin:0 calc((100vw - 100%) / -2) 18px;padding:10px calc((100vw - 100%) / 2);border-bottom:1px solid var(--rbt-line);overflow-x:auto}
  .rbt-p-ks-nav .rbt-kicker{display:none}
  .rbt-p .rbt-p-ks-nav ul{display:flex;gap:8px;border-left:0;width:max-content}
  .rbt-p-ks-nav a{border:1.5px solid var(--rbt-line-2);border-radius:999px;padding:7px 12px;margin:0;font-size:14px;white-space:nowrap}
  .rbt-p-ks-nav a.is-nu{background:var(--rbt-ink);border-color:var(--rbt-ink);color:#fff}
  .rbt-p-contactband{grid-template-columns:minmax(0,1fr)}
  .rbt-p-contactband>div,.rbt-p-contactband>div+div{padding:14px 0;border-left:0;border-top:1px solid var(--rbt-line)}
  .rbt-p-contactband>div:first-child{border-top:0}
  .rbt-p .rbt-p-gegevens{grid-template-columns:minmax(0,1fr)}
  .rbt-p-gegevens dt{border-bottom:0;padding-bottom:0}
  .rbt-p .rbt-p-kort{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rbt-p-kort div,.rbt-p-kort div+div{padding:12px 10px 12px 0;border-left:0}
  .rbt-p-kort div:nth-child(even){padding-left:12px;border-left:1px solid var(--rbt-line)}
  .rbt-p-kort div:nth-child(n+3){border-top:1px solid var(--rbt-line)}
  .rbt-p-kort b{font-size:19px}
  .rbt-p-herroep{padding:20px}
  .rbt-p .rbt-p-tijdlijn{grid-template-columns:minmax(0,1fr);gap:22px}
  .rbt-p-tijdlijn li{padding:0 0 0 56px;min-height:40px}
  .rbt-p-tijdlijn li::after{left:19px;top:48px;right:auto;bottom:-18px;width:2px;height:auto}
  .rbt-p-manieren{grid-template-columns:minmax(0,1fr)}
  .rbt-p-manieren>div,.rbt-p-manieren>div+div{padding:16px 0;border-left:0}
  .rbt-p-grootscore b{font-size:96px}
  .rbt-p-bronnen{grid-template-columns:minmax(0,1fr)}
  .rbt-p-bronnen a,.rbt-p-bronnen a+a{padding:18px 0;border-left:0}
  .rbt-p-citaatrij{grid-template-columns:minmax(0,1fr)}
  .rbt-p .rbt-p-over-held h1{font-size:48px}
  .rbt-p-over-held>.rbt-p-in{padding:32px 0 40px}
  .rbt-p-illu{max-width:300px}
  .rbt-p-vergelijk-wrap{overflow-x:auto}
  .rbt-p-vergelijk{min-width:560px;font-size:14px}
  .rbt-p-tabs{flex-wrap:nowrap;overflow-x:auto}
  .rbt-p .rbt-p-tabs button{white-space:nowrap;padding:12px 14px}
  .rbt-p-berichten{grid-template-columns:minmax(0,1fr)}
  .rbt-p-smal{padding-inline:16px}
  .rbt-p-artikel{grid-template-columns:minmax(0,1fr);padding:28px 16px 0;gap:0}
  .rbt-p-artikel-beeld{padding:0 16px}
  .rbt-p-artikel-beeld .rbt-p-beeld{aspect-ratio:16/10}
  .rbt-p-artikel-beeld .rbt-p-beeld>img.rbt-p-beeldlogo{width:58%}
  .rbt-p-artikel-voet{padding:10px 16px 44px}
  .rbt-p-tekst{font-size:17px}
  .rbt-p-zij{position:static;border-top:1px solid var(--rbt-line);padding-top:20px;margin-top:10px}
  .rbt-p-zij .rbt-p-inhoud{display:none}
}

/* ---------- 20. Header v6, variant B (schets preview-header-v6, 26 okt 2026, Tom) ----------
 * Overschrijft sectie 18 waar nodig: donkere servicebalk, zoekveld met
 * vergrootglas en knop "Zoeken", menu in de kopletter, uitklapmenu met
 * platformtegels en productkaart, menu in de plakrij, hamburgermenu in
 * dezelfde stijl. */
/* Servicebalk: licht (variant A, 26 okt 2026, Tom; eerst inkt), regels met
 * lijntjes ertussen, sterren bij de score. */
.rbt-usp{background:#fff6d6;border-bottom:1px solid #f0e2b0;color:var(--rbt-ink-2)}
.rbt-usp__in{gap:0}
@media (min-width:1100px){.rbt-usp{letter-spacing:.12em}}
.rbt-usp span{padding:0 14px;border-left:1px solid #ecd9a0}
.rbt-usp span:first-child{padding-left:0;border-left:0}
.rbt-usp span::before{color:var(--rbt-accent-hover)}
.rbt-usp span:has(>a[href*="reviews"]){padding-right:0;border-left:0}
.rbt-usp span:has(>a[href*="reviews"])::before{content:"★★★★★";font-size:12px;letter-spacing:1px;color:var(--rbt-accent-hover)}
.rbt-usp a[href*="reviews"]{color:var(--rbt-ink)}
@media (max-width:999.98px){.rbt-usp span{padding:0;border-left:0}}

/* Zoekveld: vergrootglas links, knop "Zoeken" (desktop) of een pijl. */
.rbt-zoekbalk__lens{position:absolute;left:15px;top:50%;transform:translateY(-50%);width:19px;height:19px;color:var(--rbt-muted);pointer-events:none;z-index:1}
.rbt-zoekbalk input[type="search"].rbt-zoekbalk__veld{padding-left:44px}
.rbt-zoekbalk__tekst{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
:is(#header,.rbt-zoekbalk-mobiel) .rbt-zoekbalk button.rbt-zoekbalk__knop{width:40px}
:is(#header,.rbt-zoekbalk-mobiel) .rbt-zoekbalk__knop svg{width:20px;height:20px}
#header [data-device="desktop"] .rbt-zoekbalk input[type="search"].rbt-zoekbalk__veld{min-height:48px;height:48px;padding:0 104px 0 46px}
#header [data-device="desktop"] .rbt-zoekbalk button.rbt-zoekbalk__knop{width:auto;padding:0 16px!important;font:600 12px/1 var(--rbt-f-body);letter-spacing:.08em;text-transform:uppercase}
#header [data-device="desktop"] .rbt-zoekbalk__tekst{position:static;width:auto;height:auto;overflow:visible;clip:auto}
#header [data-device="desktop"] .rbt-zoekbalk__knop svg{display:none}
#header [data-device="desktop"] [data-sticky*="yes"] .rbt-zoekbalk input[type="search"].rbt-zoekbalk__veld{min-height:40px;height:40px;padding-right:52px}
#header [data-device="desktop"] [data-sticky*="yes"] .rbt-zoekbalk button.rbt-zoekbalk__knop{width:40px;padding:0!important}
#header [data-device="desktop"] [data-sticky*="yes"] .rbt-zoekbalk__tekst{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
#header [data-device="desktop"] [data-sticky*="yes"] .rbt-zoekbalk__knop svg{display:block}

/* Menurij: koppen-letter, inktstreep onder de tekst bij actief/open. */
#header [data-device="desktop"] [data-row="bottom"]{--height:54px}
#header [data-device="desktop"] [data-row="bottom"] .menu>li>.ct-menu-link{padding-inline:18px;font:700 18px/1 var(--rbt-f-disp);letter-spacing:.04em;text-transform:uppercase;color:var(--rbt-ink)}
#header [data-device="desktop"] #header-menu-1 .menu>li:first-child>.ct-menu-link{padding-left:0}
/* Blocksy geeft deze streep width:100%; met left/right erbij liep hij 18px te ver
 * naar rechts (Tom, 26 okt). Breedte automatisch: precies onder de tekst. */
#header [data-device="desktop"] [data-row="bottom"] .menu>li>.ct-menu-link::after{left:18px;right:18px;width:auto!important;margin:0}
#header [data-device="desktop"] #header-menu-1 .menu>li:first-child>.ct-menu-link::after{left:0}
#header [data-device="desktop"] [data-row="bottom"] .menu>li.rbt-heeft-mega:is(:hover,:focus-within)>.ct-menu-link{background:none}
#header [data-device="desktop"] [data-row="bottom"] .menu>li.rbt-heeft-mega:is(:hover,:focus-within)>.ct-menu-link::after{background:var(--rbt-ink)}
#header [data-device="desktop"] #header-menu-2 .menu>li>.ct-menu-link{gap:8px;padding-inline:0;font-size:16px}
#header [data-device="desktop"] #header-menu-2 .menu>li>.ct-menu-link::before{content:"";flex:none;width:18px;height:18px;background:var(--rbt-accent-text);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12a9 9 0 0 1-13.5 7.8L3 21l1.3-4.4A9 9 0 1 1 21 12z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12a9 9 0 0 1-13.5 7.8L3 21l1.3-4.4A9 9 0 1 1 21 12z'/%3E%3C/svg%3E") center/contain no-repeat}
/* Blocksy gebruikt ::before van menulinks als hover-effect (opacity 0 tot
 * hover); het icoon moet altijd zichtbaar zijn (Tom, 26 okt). */
#header [data-device="desktop"] #header-menu-2 .menu>li>.ct-menu-link::before{position:static;opacity:1!important;transform:none!important;visibility:visible}
#header [data-device="desktop"] #header-menu-2 .menu>li>.ct-menu-link::after{left:0;right:0}

/* Uitklapmenu Games: platformtegels, reeksen, productkaart. */
#header .rbt-mega__in{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr) minmax(0,.8fr);padding-top:28px;padding-bottom:30px}
#header .rbt-mega__kop{font-size:22px;margin-bottom:14px}
.rbt-mega__plat{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--rbt-line);border-left:1px solid var(--rbt-line)}
.rbt-mega__plat a{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:128px;padding:12px 14px;border-right:1px solid var(--rbt-line);border-bottom:1px solid var(--rbt-line);overflow:hidden;color:var(--rbt-ink);text-decoration:none}
.rbt-mega__plat a img{position:absolute;right:-8px;top:10px;width:auto;height:54px;border-radius:3px;box-shadow:0 8px 16px -10px rgba(15,29,51,.6);transform:rotate(8deg);transition:transform .2s}
.rbt-mega__plat a:hover img{transform:rotate(3deg) translateY(-2px)}
.rbt-mega__plat a::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:transparent}
.rbt-mega__plat a:hover::before{background:var(--rbt-accent)}
.rbt-mega__plat b{position:relative;padding-right:6px;font:700 18px/1 var(--rbt-f-disp);text-transform:uppercase}
.rbt-mega__plat span{position:relative;font-size:13px;font-weight:600;color:var(--rbt-accent-text)}
.rbt-mega__plat a.is-alle{justify-content:center;background:var(--rbt-surface-2)}
.rbt-mega__plat a.is-alle b{font-size:17px}
#header .rbt-mega__reeksen{display:flex;flex-wrap:wrap;gap:8px}
#header .rbt-mega__reeksen a{min-height:38px;padding:0 13px}
#header .rbt-mega__kaart{display:flex;flex-direction:column;border:1px solid var(--rbt-line);border-radius:4px;padding:0 0 12px;background:var(--rbt-surface);color:inherit;text-decoration:none}
#header .rbt-mega__kaart:hover{border-color:var(--rbt-line-2)}
#header .rbt-mega__foto{display:flex;align-items:center;justify-content:center;height:150px;margin-bottom:10px;padding:12px;background:var(--rbt-surface-2);border-radius:4px 4px 0 0}
#header .rbt-mega__foto img{width:auto;max-height:100%;object-fit:contain}
#header .rbt-mega__kaart small{padding:0 12px;font:400 11px/1.4 var(--rbt-f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--rbt-accent-text)}
#header .rbt-mega__kaart strong{padding:0 12px;margin:2px 0 6px;font:600 14px/1.3 var(--rbt-f-body);color:var(--rbt-ink)}
#header .rbt-mega__kaart .rbt-mega__prijs{margin:0;padding:0 12px;font:700 20px/1 var(--rbt-f-disp);color:var(--rbt-sale)}

/* Plakrij: menu tussen logo en zoeken. */
.rbt-plakmenu{display:none}
/* Account en wagen altijd in de laatste kolom, ook als zoeken en menu verborgen
 * zijn (versimpelde header bij afrekenen en inloggen). */
#header [data-device="desktop"] [data-row="middle"] > .ct-container > [data-column="end"]{grid-column:-2/-1}
#header [data-device="desktop"] [data-sticky*="yes"] [data-row="middle"] > .ct-container{grid-template-columns:auto auto minmax(0,1fr) auto!important;column-gap:26px}
#header [data-device="desktop"] [data-sticky*="yes"] .rbt-plakmenu{display:flex;align-items:center;align-self:center;gap:2px}
.rbt-plakmenu a{padding:6px 10px;font:700 16px/1 var(--rbt-f-disp);letter-spacing:.04em;text-transform:uppercase;color:var(--rbt-ink);text-decoration:none}
.rbt-plakmenu a:hover{color:var(--rbt-accent-text)}
#header [data-device="desktop"] [data-sticky*="yes"] [data-row="middle"]{border-bottom:3px solid var(--rbt-accent)}

/* Hamburgermenu: tabbladen en menu in de kopletter, platformtegels onder Games. */
#offcanvas .rbt-lade-tabs button{font:700 17px/1 var(--rbt-f-disp);letter-spacing:.04em;text-transform:uppercase}
.rbt-lade-menu li>a,.rbt-lade-menu summary{min-height:52px;font:700 22px/1 var(--rbt-f-disp);letter-spacing:.03em;text-transform:uppercase}
.rbt-lade-menu li>a::after{content:"→";font:400 18px var(--rbt-f-body);color:var(--rbt-accent-text)}
.rbt-lade-menu summary::after{font-size:22px}
.rbt-lade-menu__sub{padding:12px 0 14px}
.rbt-lade-menu .rbt-mega__plat{grid-template-columns:repeat(2,minmax(0,1fr))}
.rbt-lade-menu .rbt-mega__plat a{min-height:84px;padding:10px 12px}
.rbt-lade-menu .rbt-mega__plat a::after{content:none}
.rbt-lade-menu .rbt-mega__plat a img{height:48px}
.rbt-lade-menu .rbt-mega__plat b{font-size:17px}
.rbt-lade-menu .rbt-mega__plat span{font-size:12px}
.rbt-lade-menu__sub .rbt-mega__reeksen{margin-top:12px}

/* rbt-site.css */
/* =============================================================================
   Refurbished by Tom – Solar: opmaak voor de eigen onderdelen van de site
   (sinds 1 okt 2026). Alleen wat het thema zelf niet kent; verder geldt rbt.css.
     1. zoekbalk in de header (snippet rbt-winkel zet hem in een eigen kolom)
     2. kenmerkregel onder productkaarten (snippet rbt-product)
     3. meldingen op de productpagina (snippet rbt-product, <details>)
     4. populaire reeksen bovenaan game-archieven (21 okt 2026, optie B-licht)
   ============================================================================= */

/* ---------- 1. zoekbalk in de header ---------- */
#header [data-row^="middle"] .ct-container{grid-template-columns:auto minmax(0,1fr) auto!important;column-gap:24px}
#header [data-row^="middle"] [data-column="middle"].rbt-zoekbalk-kolom{justify-self:center;width:clamp(240px,38vw,540px);min-width:0}
#header [data-row^="middle"] [data-column="start"]{gap:20px}
#header [data-row^="middle"] :is([data-id="menu"],[data-id="menu-secondary"]){--menu-items-spacing:14px;margin:0}
#header [data-row^="middle"] :is(.header-menu-1,.header-menu-2) .menu>li>.ct-menu-link{padding-inline:7px}
.rbt-zoekbalk{position:relative;display:flex;align-items:center;width:100%}
.rbt-zoekbalk input[type="search"].rbt-zoekbalk__veld{width:100%;min-height:44px;padding:0 42px 0 14px;font-size:13px}
.rbt-zoekbalk input[type="search"].rbt-zoekbalk__veld::placeholder{color:var(--rbt-muted)}
.rbt-zoekbalk button.rbt-zoekbalk__knop{position:absolute;right:4px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;min-height:0;padding:0!important;background:transparent!important;color:var(--rbt-ink-2)!important;box-shadow:none!important}
.rbt-zoekbalk button.rbt-zoekbalk__knop:hover{color:var(--rbt-accent-text)!important}
.rbt-zoekbalk__knop svg{width:18px;height:18px}
#rbt-zoekbalk-bron{display:none}

/* ---------- 2. kenmerkregel onder productkaarten ---------- */
ul.products li.product .rbt-archief-kenmerken{padding:0 18px;margin:0 0 10px;font:12px/1.5 var(--rbt-f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--rbt-accent-text)}
ul.products li.product .rbt-archief-kenmerken .rbt-scheiding{color:var(--rbt-line-2)}

/* ---------- 3. (meldingen: verwijderd 22 okt 2026, Tom) ---------- */

/* ---------- 4. headermenu zoals het voorbeeld (gewone letters, 15px) ---------- */
#header :is(.header-menu-1,.header-menu-2) .menu>li>.ct-menu-link{font:600 15px/1 var(--rbt-f-body);text-transform:none;letter-spacing:.01em;color:var(--rbt-ink-2)}
#header :is(.header-menu-1,.header-menu-2) .menu>li:is(.current-menu-item,.current-menu-ancestor,.current-page-ancestor)>.ct-menu-link{color:var(--rbt-ink)}
#header .ct-account-item .ct-label{font:600 14px var(--rbt-f-body);text-transform:none;letter-spacing:0;color:var(--rbt-ink)}
#header .sub-menu .ct-menu-link{font:500 15px var(--rbt-f-body);text-transform:none;letter-spacing:0}

/* ---------- 5. telefoon ---------- */
/* Klantenservice: lange e-mailadressen niet buiten het scherm laten lopen */
.rbt-ks-mail a,.rbt-ks-dl dd a{overflow-wrap:anywhere}
@media (max-width:1000px){.rbt-ks-hero .rbt-wrap{grid-template-columns:minmax(0,1fr)}}
@media (max-width:689.98px){.rbt-ks-mail{font-size:17px}}
/* Sorteren boven de producten: leesbaar op elke breedte */
.woocommerce-ordering select.orderby{width:auto;min-width:190px}

/* ---------- 6. keuzeknoppen voor variaties (staat van de disc) ---------- */
.rbt-keuzes{display:flex;flex-wrap:wrap;gap:8px}
/* Keuzelijst meteen verborgen zodra er knoppen zijn (5 okt 2026), niet pas na het script */
form.variations_form.rbt-met-keuzes .variations select,form.variations_form .variations .rbt-keuzes~select{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;margin:0!important;overflow:hidden;clip:rect(0 0 0 0);border:0!important;opacity:0}
form.variations_form.rbt-met-keuzes .variations td.value,form.variations_form.rbt-met-keuzes .variations .value{position:relative}
.rbt-keuze{min-height:42px;padding:0 18px;border:1.5px solid var(--rbt-line-2);border-radius:var(--rbt-radius);background:var(--rbt-surface);color:var(--rbt-ink);font:600 14px/1 var(--rbt-f-body);cursor:pointer;text-transform:none;letter-spacing:0;box-shadow:none}
.rbt-keuze:hover{border-color:var(--rbt-ink)}
.rbt-keuze.is-gekozen{border-color:var(--rbt-accent);background:#fff6d6;box-shadow:inset 0 0 0 1px var(--rbt-accent)}
/* Aantal bij een uitverkocht spel (5 okt 2026): zelfde uit-stijl als de staatknoppen */
.variations_button .quantity input.qty:disabled{color:var(--rbt-muted)!important;background:var(--rbt-surface-2)!important;border-color:var(--rbt-line)!important;cursor:not-allowed;opacity:1}

/* ---------- 7. zijbalk op pagina's (voorwaarden, privacy, cookies, herroepen) ---------- */
/* Zoals het onderwerpenlijstje op de klantenservicepagina (.rbt-ks-nav) */
body.page .ct-sidebar{position:sticky;top:24px;align-self:start}
body.page .ct-sidebar .ct-widget{background:none!important;border:0!important;padding:0!important;box-shadow:none!important}
body.page .ct-sidebar .widget-title{display:flex;align-items:center;gap:10px;margin:0 0 14px;font:12px/1 var(--rbt-f-mono)!important;letter-spacing:.22em;text-transform:uppercase;color:var(--rbt-muted)}
body.page .ct-sidebar .widget-title::before{content:"";width:10px;height:10px;flex:none;background:var(--rbt-accent);border-radius:2px;box-shadow:inset 0 0 0 1px rgba(15,29,51,.25)}
body.page .ct-sidebar :is(ul,ol){list-style:none;margin:0;padding:0;border-left:2px solid var(--rbt-line)}
body.page .ct-sidebar :is(ul,ol) :is(ul,ol){border-left:0;padding-left:12px}
body.page .ct-sidebar li{margin:0;padding:0}
body.page .ct-sidebar li::marker{content:""}
body.page .ct-sidebar li a{display:block;padding:7px 0 7px 16px;margin-left:-2px;border-left:2px solid transparent;text-decoration:none;color:var(--rbt-ink-2);font:500 15px/1.35 var(--rbt-f-body)}
body.page .ct-sidebar li a:hover,body.page .ct-sidebar li:is(.current-menu-item,.is-actief,.current_page_item)>a,body.page .ct-sidebar li a[aria-current]{color:var(--rbt-ink);border-left-color:var(--rbt-accent)}
/* Geneste niveaus van de inhoudsopgave (h3 onder h2, h4 onder h3) iets kleiner */
body.page .ct-sidebar .rbt-toc__list--sub a{font-size:13.5px;padding-top:5px;padding-bottom:5px}
body.page .ct-sidebar .rbt-toc__item--h4 a{color:var(--rbt-muted)}
/* Inklappen: sublijst dicht tot de plusknop wordt gebruikt */
body.page .ct-sidebar .rbt-toc__item.has-sub{display:flex;flex-wrap:wrap;align-items:center}
body.page .ct-sidebar .rbt-toc__item.has-sub>a{flex:1;min-width:0}
body.page .ct-sidebar .rbt-toc__toggle{flex:none;width:22px;height:22px;margin:2px 0 2px 8px;padding:0;border:1px solid var(--rbt-line);border-radius:6px;background:var(--rbt-bg);color:var(--rbt-ink-2);font:600 14px/1 var(--rbt-f-body);cursor:pointer}
body.page .ct-sidebar .rbt-toc__toggle:hover{border-color:var(--rbt-accent);color:var(--rbt-ink)}
body.page .ct-sidebar .rbt-toc__item.has-sub>.rbt-toc__list--sub{flex-basis:100%;width:100%}
@media (max-width:1000px){body.page .ct-sidebar{position:static}}
/* Kopjes binnen de inhoud springen niet onder de bovenrand */
.entry-content :is(h2,h3,h4)[id]{scroll-margin-top:24px}

/* ---------- 8. mijn account (onderdelen uit snippet rbt-klant en rbt-bestellingen) ---------- */
/* 18 okt 2026, Tom: de icoontjes in de accountnavigatie (Blocksy's woo-font)
   zijn weer zichtbaar; hier stond eerst een regel die ze verborg. */
.rbt-account-welkom h2{margin:0 0 6px;font:700 30px/1.1 var(--rbt-f-disp);letter-spacing:.02em}
/* Alleen de introtekst, niet de kicker (die is ook een p; 25 okt 2026). */
.rbt-account-welkom p:not(.rbt-kicker){margin:0 0 22px;font-size:15px;color:var(--rbt-ink-2)}
.rbt-snel-kop{margin:26px 0 12px;font:700 20px/1.1 var(--rbt-f-disp);text-transform:uppercase;letter-spacing:.02em;color:var(--rbt-ink)}
/* Snellijst i.p.v. tegels (23 okt 2026, Tom): witte kaart met rijen,
 * sublabel rechts en gele streep bij aanraken/hover, zoals het mobiele menu. */
.rbt-snel{list-style:none;margin:0 0 14px;padding:0;background:var(--rbt-surface);border:1px solid var(--rbt-line);border-radius:var(--rbt-radius);overflow:hidden}
.rbt-snel li{margin:0;border-bottom:1px solid var(--rbt-line)}
.rbt-snel li:last-child{border-bottom:0}
.rbt-snel a{display:flex;align-items:center;gap:14px;padding:14px 18px;text-decoration:none;color:var(--rbt-ink)}
.rbt-snel a:hover{background:#fffbea;box-shadow:inset 3px 0 0 var(--rbt-accent)}
.rbt-snel svg{width:24px;height:24px;flex:none;color:var(--rbt-accent-text)}
.rbt-snel b{font:700 19px/1.1 var(--rbt-f-disp);text-transform:uppercase;letter-spacing:.02em}
.rbt-snel small{margin-left:auto;font:400 13px/1.4 var(--rbt-f-body);color:var(--rbt-muted);text-align:right}
/* Band-CTA onderaan (23 okt 2026, Tom): lichte gele band met knop, zoals de
 * homepage en de footer. */
.rbt-bandcta{margin-top:18px;background:#fff6d6;border:1px solid #f0e2b0;border-radius:var(--rbt-radius);padding:26px;display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px}
.rbt-bandcta h3{margin:0;font:700 24px/1.1 var(--rbt-f-disp);text-transform:uppercase;color:var(--rbt-ink)}
.rbt-bandcta p{margin:4px 0 0;color:var(--rbt-ink-2);font-size:15px}
.rbt-bandcta .button{margin-left:auto}
.rbt-account-laatste{margin:0 0 8px}
.rbt-account-laatste h3{margin:0 0 12px;font-size:20px}
/* Kicker boven de kopjes (23 okt 2026, Tom): mono-regel met geel vierkantje, zoals op de homepage. */
.rbt-kicker{font:400 12px/1.4 var(--rbt-f-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--rbt-muted);margin:0 0 6px}
.rbt-kicker::before{content:"■";color:var(--rbt-accent);font-weight:400;margin-right:10px}
.rbt-snel-kop{margin:26px 0 12px;font:700 20px/1.1 var(--rbt-f-disp);text-transform:uppercase;letter-spacing:.02em;color:var(--rbt-ink)}
/* Bestelkaart: grijze bandkop met statuspunt en bestelnummer (23 okt 2026). */
.rbt-bestel-band{display:flex;flex-wrap:wrap;align-items:center;gap:10px;background:var(--rbt-surface-2);padding:13px 18px;font:600 12px/1.4 var(--rbt-f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--rbt-muted)}
.rbt-bestel-punt{width:9px;height:9px;border-radius:50%;background:var(--rbt-ok);flex:none}
.rbt-bestel-punt--rood{background:var(--rbt-err)}
.rbt-bestel-band .rbt-chip{margin-left:auto}
.rbt-chip{font:400 12px/1.4 var(--rbt-f-mono);background:var(--rbt-surface);border:1px solid var(--rbt-line);border-radius:var(--rbt-radius);padding:3px 8px;white-space:nowrap}
.rbt-account-laatste__bestelling{padding:0;background:var(--rbt-surface);border:1px solid var(--rbt-line);border-radius:var(--rbt-radius);margin:0 0 12px}
.rbt-account-laatste__bestelling .rbt-flow{padding:18px 20px 0}
/* Binnen .rbt-flow (die al 20px opzij heeft): geen extra inspringing (25 okt 2026). */
.rbt-account-laatste__bestelling .rbt-flow__uitleg{margin:12px 0 0}
.rbt-account-laatste__regel{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin:14px 20px 18px}
.rbt-account-laatste__regel>span:first-child{flex:1 1 auto}
.rbt-account-laatste__regel{font-size:15px}
.rbt-account-laatste__regel .button,.rbt-bandcta .button{min-height:44px!important;height:44px;padding:0 22px!important;font:600 13px/1 var(--rbt-f-body)!important;letter-spacing:.08em!important}
/* Bestelstappen (rbt_bestel_flow): stappen in een rij, zonder het rijdende icoon */
.rbt-flow__baan{display:none}
.rbt-flow__stappen{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;list-style:none;margin:0;padding:0}
.rbt-flow--3 .rbt-flow__stappen{grid-template-columns:repeat(3,minmax(0,1fr))}
.rbt-flow__stappen li{position:relative;margin:0;padding-top:10px;border-top:3px solid var(--rbt-line);display:flex;align-items:center;gap:8px;color:var(--rbt-muted);font-size:14px}
.rbt-flow__stappen li:is(.is-klaar,.is-nu){border-top-color:var(--rbt-accent);color:var(--rbt-ink)}
.rbt-flow__bol{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;flex:none;border-radius:50%;border:1.5px solid var(--rbt-line-2);font:600 12px/1 var(--rbt-f-body)}
.rbt-flow__bol svg{width:14px;height:14px}
/* Pijltje op de verbindingslijn, gecentreerd in de opening (23 okt 2026, Tom).
 * Alleen desktop: mobiel wordt de tijdlijn verticaal (aparte schetsronde). */
@media (min-width:690px){
  .rbt-flow__stappen{gap:16px}
  .rbt-flow__stappen li:not(:last-child)::after{content:"›";position:absolute;top:-14px;right:-11px;font:700 18px/1 var(--rbt-f-body);color:var(--rbt-ink)}
  .rbt-flow__stappen li:not(.is-klaar):not(.is-nu):not(:last-child)::after{color:var(--rbt-line-2)}
}
.rbt-flow__stappen li:is(.is-klaar,.is-nu) .rbt-flow__bol{background:var(--rbt-accent);border-color:var(--rbt-accent);color:var(--rbt-accent-ink)}
.rbt-flow__naam{font-weight:600}
.rbt-flow__uitleg{margin:12px 0 0;color:var(--rbt-ink-2);font-size:15px}
.rbt-flow__annulering{margin:10px 0 0;font-size:14px}
.rbt-flow__annulering--aangevraagd{color:var(--rbt-ink-2)}
.rbt-flow--melding{padding:12px 16px;background:var(--rbt-surface-2);border-left:3px solid var(--rbt-accent);border-radius:var(--rbt-radius)}
.rbt-flow--melding p{display:flex;align-items:flex-start;gap:10px;margin:0}
.rbt-flow--melding svg{flex:none;width:16px;height:16px;margin-top:2px}
@media (max-width:689.98px){.rbt-flow__stappen{grid-template-columns:repeat(2,minmax(0,1fr))}.rbt-flow--3 .rbt-flow__stappen{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* Mobiele account-fase (24 okt 2026, Tom): STAP-regel + verticale tijdlijn.
 * Desktop blijft de horizontale rij met pijltjes (afgetekend 23 okt 2026).
 * Vormgeving exact als de schets preview-account-redesign-2026-10-23.html. */
.rbt-flow__stap{display:none}
@media (max-width:689.98px){
  .rbt-account-laatste__bestelling .rbt-flow{padding-top:14px}
  .rbt-flow__stap{display:block;margin:0 0 12px;font:400 12px/1.4 var(--rbt-f-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--rbt-muted)}
  .rbt-flow__stappen{display:block}
  .rbt-flow__stappen li{border-top:0;padding:0 0 24px 44px;align-items:flex-start;text-align:left}
  .rbt-flow__stappen li:last-child{padding-bottom:0}
  .rbt-flow__stappen li::before{content:"";position:absolute;left:9.5px;top:28px;bottom:-2px;width:3px;border-radius:2px;background:var(--rbt-line)}
  .rbt-flow__stappen li:last-child::before{display:none}
  .rbt-flow__stappen li:is(.is-klaar,.is-nu)::before{background:var(--rbt-accent)}
  /* Pijltje omlaag precies op het midden van rail en bolletje (11px), 25 okt
   * 2026: getekend (twee randen van een gedraaid vierkantje) i.p.v. het teken
   * "›", want dat teken staat niet in het midden van zijn eigen vakje
   * (bleef ±2,5px links van de rail). Kleur via currentColor, zoals voorheen. */
  .rbt-flow__stappen li:not(:last-child)::after{content:"";position:absolute;left:11px;top:auto;right:auto;bottom:7px;width:7px;height:7px;border:0;border-right:2.5px solid currentColor;border-bottom:2.5px solid currentColor;transform:translateX(-50%) rotate(45deg);color:var(--rbt-ink)}
  .rbt-flow__stappen li:not(.is-klaar):not(.is-nu):not(:last-child)::after{color:var(--rbt-line-2)}
  .rbt-flow__naam{padding-top:2px}
  /* Bolletje óp de rail, zoals de schets (ontbrak: bol stond 44px naar rechts). */
  .rbt-flow__stappen .rbt-flow__bol{position:absolute;left:0;top:-1px}
}
/* Meescrollende menukolom op desktop (23 okt 2026, Tom): de kolom blijft in
 * beeld bij lange inhoud ernaast. Alleen desktop; mobiel staat het menu
 * boven de inhoud. */
@media (min-width:1000px){
  .woocommerce-MyAccount-navigation{align-self:flex-start;position:sticky;top:24px}
}
/* Actief menu-item: licht vlak met gele streep (Solar), niet het felle vlak van Blocksy */
.woocommerce-MyAccount-navigation ul li.is-active a,.woocommerce-MyAccount-navigation ul li.is-active a:hover{background:#fffbea!important;color:var(--rbt-ink)!important;box-shadow:inset 3px 0 0 var(--rbt-accent)!important}
.woocommerce-MyAccount-navigation ul li a{background:transparent;color:var(--rbt-ink-2)}
/* Mobiele mini-knoppen (24 okt 2026, Tom): het menu wordt een plakkerige rij
 * knoppen bovenaan, exact als de schets preview-account-redesign-2026-10-23.html:
 * omlijnd en vierkant, actief = massief geel. Alleen mobiel; tablet en desktop
 * houden de lijst/kolom. */
@media (max-width:689.98px){
  /* Plakker op de Blocksy-bak (24 okt 2026, Tom): die is precies zo hoog als
   * het menu, dus daarop plakt niets; de bak zelf meescrollen kan wel. */
  body.woocommerce-account .ct-acount-nav{position:sticky;top:0;z-index:50;background:var(--rbt-bg);border:0;border-bottom:1px solid var(--rbt-line);border-radius:0;box-shadow:none;padding:14px 16px;overflow:visible}
  .woocommerce-MyAccount-navigation{position:static;padding:0;background:transparent}
  .woocommerce-MyAccount-navigation ul{display:flex;gap:8px;overflow-x:auto;margin:0;padding:4px 2px;list-style:none;scrollbar-width:none;border:0!important;background:transparent}
  .woocommerce-MyAccount-navigation ul::-webkit-scrollbar{display:none}
  .woocommerce-MyAccount-navigation ul li{flex:none;margin:0}
  /* Blocksy-icoontjes (woo-font) horen niet in de knoppen: de schets toont tekst. */
  body.woocommerce-account .woocommerce-MyAccount-navigation ul li a::before{display:none!important}
  .woocommerce-MyAccount-navigation ul li a{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border:1.5px solid var(--rbt-line-2);border-radius:var(--rbt-radius);background:var(--rbt-surface);font:600 13px/1.2 var(--rbt-f-body);letter-spacing:.08em;text-transform:uppercase;color:var(--rbt-ink);text-decoration:none;white-space:nowrap}
  .woocommerce-MyAccount-navigation ul li a:hover{border-color:var(--rbt-accent-text);background:#fffbea}
  .woocommerce-MyAccount-navigation ul li.is-active a,.woocommerce-MyAccount-navigation ul li.is-active a:hover{background:var(--rbt-accent)!important;border-color:var(--rbt-accent)!important;color:var(--rbt-accent-ink)!important;box-shadow:none!important}
  /* Snellijst rand-tot-rand met sublabel rechts (schets .m-snel): de 100vw-truc
   * compenseert elke container-padding, op elke breedte. Titel 17px i.p.v. 19px
   * zodat titel + sub vaker naast elkaar passen; past het niet, dan zakt de sub
   * via wrap naar een eigen regel (rechts uitgelijnd). */
  .rbt-snel{margin-inline:calc(50% - 50vw);border-radius:0;border-left:0;border-right:0}
  .rbt-snel a{flex-wrap:wrap;gap:3px 14px;padding:14px calc(50vw - 50% + 18px)}
  .rbt-snel b{font-size:17px}
  .rbt-snel small{flex:none;margin-left:auto;text-align:right}
  /* Knoppen volle breedte op mobiel. */
  .rbt-account-laatste__regel .button{flex:1 1 100%;text-align:center}
  .rbt-bandcta{padding:26px 22px}
  .rbt-bandcta .button{flex:1 1 100%;margin-left:0;text-align:center}
}
/* Inloggen/aanmelden (26 okt 2026, Tom): kicker + geruststelling +
 * vertrouwensrij, exact als schets preview-inloggen-2026-10-26.html. */
.ct-woo-unauthorized .rbt-inlog__gerust{margin:0 0 18px;font-size:15px;line-height:1.5;color:var(--rbt-muted)}
.ct-woo-unauthorized .woocommerce-form-login input[type=email]{min-height:48px}
/* Terugknop als kale link (26 okt 2026, Tom): exact als de schets. Alleen de
 * inlogpagina; bij afrekenen blijft de omlijnde knop staan. */
body.woocommerce-account:not(.logged-in) .rbt-terugknop{border:0!important;background:transparent!important;padding:0!important;border-radius:0!important}
body.woocommerce-account:not(.logged-in) .rbt-terugknop:hover{color:var(--rbt-accent-text)}
.ct-woo-unauthorized .woocommerce-form-login input[type=email]:focus{outline:2px solid var(--rbt-accent);outline-offset:1px;border-color:var(--rbt-accent)}
/* Huisstijl-details (26 okt 2026, Tom): label 13px, knop in hoofdletters met
 * spatiëring — Blocksy zet hier eigen waarden neer. Alleen de inlogkaart. */
.ct-woo-unauthorized .woocommerce-form-login label{font-size:13px;margin-bottom:5px}
.ct-woo-unauthorized .woocommerce-form-login button[type=submit]{text-transform:uppercase!important;letter-spacing:.08em!important}
/* Geen extra marge onder de knop (26 okt 2026, Tom): de kaart-padding is de
 * afstand; Blocksy zet 24px op de rij. Alleen de verzendrij, het veld houdt
 * zijn marge. */
.ct-woo-unauthorized .woocommerce-form-login p.form-row:has(button[type=submit]){margin-bottom:0}
@media (max-width:689.98px){.ct-woo-unauthorized .woocommerce-form-login{padding:20px!important}}
/* Mobiel: vertrouwenspunten onder elkaar, gecentreerd (26 okt 2026, Tom).
 * Elk punt is volle breedte met gecentreerde inhoud, zodat ook een omgebroken
 * regel (zoals "Nieuw hier?...") netjes in het midden blijft. */
@media (max-width:689.98px){.rbt-inlog__vertrouw{flex-direction:column;align-items:stretch;gap:8px}}
.rbt-inlog__vertrouw{display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:center;list-style:none;max-width:480px;margin:18px auto 0;padding:0;font-size:13px;color:var(--rbt-muted)}
.rbt-inlog__vertrouw li{display:flex;align-items:center;gap:7px;margin:0}
.rbt-inlog__vertrouw svg{width:16px;height:16px;flex:none;color:var(--rbt-ok)}
/* Mobiel: punten als gecentreerde tekstregels — hogere specificiteit dan de
 * basisregel, zodat de volgorde in de bundel er niet toe doet. Ieder punt
 * max 250px breed en gecentreerd, zodat een omgebroken regel (zoals bij
 * "Nieuw hier?") netjes onder de eerste staat en niet links uitlijnt. */
@media (max-width:689.98px){body.woocommerce-account .rbt-inlog__vertrouw li{display:block;width:100%;max-width:250px;margin-inline:auto;text-align:center}body.woocommerce-account .rbt-inlog__vertrouw li svg{display:inline;vertical-align:-3px;margin-right:7px}}
/* Kopregel buiten het formulier: zelfde 480px-kolom als de rest (26 okt 2026,
 * Tom), mee verbergen bij verzonden-kaart */
.ct-woo-unauthorized .rbt-inlog__kopwrap{max-width:480px;margin-inline:auto}
.ct-woo-unauthorized:has(.rbt-verzonden) .rbt-inlog__kopwrap{display:none}
/* Vertrouwensrijtje weg bij verzonden-kaart (het formulier verdwijnt dan ook) */
.ct-woo-unauthorized:has(.rbt-verzonden) .rbt-inlog__vertrouw{display:none}
/* Melding "Nog geen bestelling": icoon niet over de tekst */
.woocommerce-info::before,.woocommerce-message::before,.woocommerce-error::before{display:none!important}
/* Footer: lange e-mailadressen afbreken */
#footer a[href^="mailto:"],.ct-footer a[href^="mailto:"]{overflow-wrap:anywhere}

/* ---------- 9. bedankpagina (snippet rbt-klant) ---------- */
.rbt-bedankt{margin:28px 0;padding:22px 24px;background:var(--rbt-surface);border:1px solid var(--rbt-line);border-top:4px solid var(--rbt-accent);border-radius:var(--rbt-radius)}
.rbt-bedankt ol{margin:12px 0 18px;padding-left:20px}
.rbt-bedankt li{margin:0 0 8px}
.rbt-bedankt__knoppen{display:flex;flex-wrap:wrap;gap:10px}
a.button.rbt-knop-licht{background:var(--rbt-surface)!important;color:var(--rbt-ink)!important;box-shadow:inset 0 0 0 1.5px var(--rbt-line-2)!important}

/* ---------- 10. winkel: zijbalk met filters (WooCommerce-blok "Product filters") ---------- */
/* Zoals het voorbeeld: per filter een eigen wit blok met een kleine kop in mono */
body:not(.page) .ct-sidebar .ct-widget:has(.wc-block-product-filters){background:none!important;border:0!important;padding:0!important}
.wc-block-product-filters.wp-block-woocommerce-product-filters{background:none!important;border:0!important;padding:0!important}
.wc-block-product-filters__overlay-content{display:grid;gap:16px}
.wc-block-product-filters__overlay-content>h2.wp-block-heading{display:none}
.wc-block-product-filters__overlay-content>[class*="wp-block-woocommerce-product-filter-"]:not(.wp-block-woocommerce-product-filter-active){background:var(--rbt-surface);border:1px solid var(--rbt-line);border-radius:var(--rbt-radius);padding:18px 20px}
.wc-block-product-filters__overlay-content>.wp-block-woocommerce-product-filter-active.wc-block-product-filter--hidden{display:none}
.wc-block-product-filters h3.wp-block-heading{margin:0 0 14px!important;font:12px/1.3 var(--rbt-f-mono)!important;letter-spacing:.2em;text-transform:uppercase;color:var(--rbt-ink)}
.wc-block-product-filter-checkbox-list__label{font-size:15px;color:var(--rbt-ink)}
.wc-block-product-filter-checkbox-list__input-wrapper input{accent-color:var(--rbt-accent)}
.wc-block-product-filter-price-slider input[type="text"]{min-height:38px}
/* Filters op mobiel en tablet (22 okt 2026, Tom; terug van 25 sep, stond in
 * snippet rbt-webshop en verdween bij de Solar-overstap): Blocksy verbergt de
 * zijbalk onder 1000px, dus zonder dit is er op mobiel/tablet geen filter te
 * zien. Hier blijft de zijbalk bovenaan staan; het filterblok toont de knop
 * die de filters in een scherm opent (met Toepassen). */
.wc-block-product-filters{
  --wc-product-filters-overlay-background-color:var(--rbt-surface);
  --wc-product-filters-overlay-text-color:var(--rbt-ink-2);
}
@media (max-width:999.98px){
  body aside#sidebar.ct-hidden-sm,body aside#sidebar.ct-hidden-md{display:block!important;order:-1;margin:0;padding:0}
  body aside#sidebar::before,body aside#sidebar::after{display:none}
  body:not(.page) .ct-sidebar .ct-widget:has(.wc-block-product-filters){margin:0}
  #sidebar .wc-block-product-filters .wc-block-product-filters__open-overlay{
    gap:8px;min-height:46px;padding:0 20px;
    border:1.5px solid var(--rbt-line-2);border-radius:var(--rbt-radius);
    background:var(--rbt-surface);color:var(--rbt-ink);
    font:600 14px/1 var(--rbt-f-body);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;
  }
  #sidebar .wc-block-product-filters .wc-block-product-filters__open-overlay:hover{border-color:var(--rbt-ink)}
}
/* Het blok kiest pas onder 601px zelf voor de knop; tussen 601 en 1000px hier
 * dezelfde overlay-werking (basisregels van het blok, zwaarder dan zijn
 * :where()-regels voor brede schermen). Klasnamen gecontroleerd 22 okt 2026. */
@media (min-width:601px) and (max-width:999.98px){
  #sidebar .wc-block-product-filters{display:inline-flex}
  #sidebar .wc-block-product-filters .wc-block-product-filters__open-overlay{display:flex}
  #sidebar .wc-block-product-filters .wc-block-product-filters__overlay-header{display:flex}
  #sidebar .wc-block-product-filters .wc-block-product-filters__overlay-footer{display:block}
  #sidebar .wc-block-product-filters .wc-block-product-filters__overlay{
    position:fixed;inset:var(--top-padding) 0 0 0;flex-grow:0;
    background-color:transparent;pointer-events:none;transition:background-color .5s;
  }
  #sidebar .wc-block-product-filters.is-overlay-opened .wc-block-product-filters__overlay{background-color:rgba(15,29,51,.45);pointer-events:auto;z-index:9999}
  #sidebar .wc-block-product-filters .wc-block-product-filters__overlay-wrapper{height:100%;width:100%}
  #sidebar .wc-block-product-filters .wc-block-product-filters__overlay-dialog{
    position:absolute;inset:0;transform:translateY(100vh);
    background-color:var(--wc-product-filters-overlay-background-color);
    color:var(--wc-product-filters-overlay-text-color);
  }
  #sidebar .wc-block-product-filters.is-overlay-opened .wc-block-product-filters__overlay-dialog{transform:translateY(0);transition:transform .5s}
  #sidebar .wc-block-product-filters .wc-block-product-filters__overlay-content{overflow-y:scroll;padding:0 var(--wp--preset--spacing--40)}
}
/* Voorwaardenblok bij afrekenen (15 okt 2026, Tom): label op site-maat (Woo
 * zet 14px) en links in het huisstijl-blauw, direct herkenbaar. Editor heeft
 * hier geen knoppen voor; vandaar 2 regels eigen CSS. */
.wc-block-checkout__terms .wc-block-components-checkbox__label{font-size:15px;color:var(--rbt-ink-2)}
.wc-block-checkout__terms .wc-block-components-checkbox__label a{color:var(--rbt-accent-text);text-decoration:underline;text-underline-offset:3px}
/* Winkelwagen en afrekenen even breed als de rest (15 okt 2026, Tom): de
 * Blokken staan op alignwide (1200px + offset), de site op normaal (1200px).
 * Editor heeft hier geen knop voor; vandaar eigen CSS. Eerdere 420px-regel
 * is vervallen. */
.page-id-8 .wp-block-woocommerce-cart.alignwide,.page-id-9 .wp-block-woocommerce-checkout.alignwide{max-width:var(--theme-normal-container-max-width,1200px);margin-inline:auto}

/* ---------- 11. pagina Over ons (patroon over-ons.php) ---------- */
.rbt-over .rbt-hero .rbt-ks-card p{margin:0 0 16px}
.rbt-over .rbt-cat{cursor:default}
.rbt-over .rbt-cat h3{font-size:24px}
.rbt-vergelijk{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px}
.rbt-vergelijk .rbt-ks-card{border-top-color:var(--rbt-line-2)}
.rbt-vergelijk .rbt-vergelijk__uitgelicht{border-top-color:var(--rbt-accent);background:var(--rbt-surface)}
.rbt-over .rbt-intro{color:var(--rbt-muted);font-size:17px;max-width:68ch;margin:12px 0 0}
@media (max-width:1000px){.rbt-vergelijk{grid-template-columns:minmax(0,1fr)}}

/* ---------- 12. productpagina en kaarten (1 okt 2026) ---------- */
/* Tabbladen binnen de paginabreedte, niet tegen de rand */
.single-product .woocommerce-tabs{box-sizing:border-box;max-width:var(--theme-normal-container-max-width,1290px);margin-inline:auto;padding-inline:var(--theme-content-horizontal-spacing,24px)}
/* Knop op de productkaart over de volle breedte, zoals het voorbeeld */
ul.products li.product .ct-woo-card-actions{display:block;align-self:stretch!important;width:auto!important;margin:auto 14px 0!important;padding:0!important}
ul.products li.product .ct-woo-card-actions .button{display:flex;width:100%!important;max-width:none!important;margin:0!important;box-sizing:border-box}
/* Winkelwagen: tasje met geel aantal */
#header .ct-cart-item .rbt-tas{width:26px;height:26px;color:var(--rbt-ink);fill:none!important;stroke:currentColor}
#header .ct-cart-item .ct-icon-container{position:relative}
#header .ct-cart-item .ct-dynamic-count-cart{min-width:18px;height:18px;border-radius:9px;font:700 11px/18px var(--rbt-f-body);top:-8px;right:-10px}
/* Productpagina: hele hoes zichtbaar, zonder vlak eromheen (galerij in de eigen verhouding van de foto) */
.single-product :is(.woocommerce-product-gallery,.ct-product-gallery-container,.flexy-items) img{object-fit:contain!important;background:none!important}
.single-product :is(.woocommerce-product-gallery,.ct-product-gallery-container) :is(figure,.ct-media-container){background:none!important}
/* Header tussen 1000 en 1240 px: zoekveld als vergrootglas dat openklapt (anders overlapt het het menu) */
@media (min-width:1000px) and (max-width:1239.98px){
  /* Vergrootglas dat openklapt: weg sinds header v5 (26 okt 2026), het menu
   * staat in een eigen rij en het zoekveld past nu altijd. */
  #header [data-row^="middle"] [data-column="start"]{gap:14px}
  #header :is(.header-menu-1,.header-menu-2) .menu>li>.ct-menu-link{padding-inline:5px;font-size:14px}
}

/* Staat van de disc: info-uitklapper (uitverkochte knoppen: rbt.css 5b) */
.rbt-staat-info{position:relative;display:inline-block;margin:0 0 0 6px;font-size:14px;vertical-align:middle;font-weight:400}
.rbt-staat-info>summary{display:inline-flex;align-items:center;cursor:pointer;color:var(--rbt-muted);list-style:none}
.rbt-staat-info>summary:hover,.rbt-staat-info[open]>summary{color:var(--rbt-accent-text)}
.rbt-staat-info>summary::-webkit-details-marker{display:none}
.rbt-staat-info__icoon{display:block;flex:none;width:16px;height:16px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4M12 8h.01'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4M12 8h.01'/%3E%3C/svg%3E") center/contain no-repeat}
.rbt-staat-info__lijst{position:absolute;left:0;top:calc(100% + 8px);z-index:30;width:min(78vw,320px);margin:0;padding:14px 16px;background:var(--rbt-surface);border:1px solid var(--rbt-line);border-left:3px solid var(--rbt-accent);border-radius:var(--rbt-radius);box-shadow:0 8px 28px rgba(15,29,51,.16);display:grid;gap:8px}
.rbt-staat-info__lijst div{display:grid;grid-template-columns:110px 1fr;gap:10px}
.rbt-staat-info__lijst dt{margin:0;font-weight:600;color:var(--rbt-ink)}
.rbt-staat-info__lijst dd{margin:0;color:var(--rbt-ink-2)}
@media (max-width:480px){.rbt-staat-info__lijst div{grid-template-columns:1fr;gap:2px}}

/* Bevestigingsvenster bij annuleren (rbt_bestel_flow en de winkelwagenmelding) */
html.rbt-popup-open{overflow:hidden}
.rbt-popup{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:20px}
.rbt-popup[hidden]{display:none}
.rbt-popup__scherm{position:absolute;inset:0;background:rgba(15,29,51,.55)}
.rbt-popup__kaart{position:relative;width:100%;max-width:440px;background:var(--rbt-surface);border-radius:var(--rbt-radius);box-shadow:0 24px 60px rgba(15,29,51,.28);padding:26px 26px 22px}
.rbt-popup__label{margin:0 0 6px;font:12px/1 var(--rbt-f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--rbt-muted)}
.rbt-popup__titel{margin:0 0 10px;font:700 26px/1.15 var(--rbt-f-disp);letter-spacing:-.2pt;text-transform:uppercase;color:var(--rbt-ink)}
.rbt-popup__tekst{margin:0 0 12px;font:400 16px/1.55 var(--rbt-f-body);color:var(--rbt-ink-2)}
.rbt-popup__letop{margin:0 0 20px;padding:10px 12px;background:var(--rbt-surface-2);border-left:3px solid var(--rbt-accent);border-radius:0 var(--rbt-radius) var(--rbt-radius) 0;font:400 14px/1.5 var(--rbt-f-body);color:var(--rbt-ink-2)}
.rbt-popup__letop[hidden]{display:none}
.rbt-popup__knoppen{display:flex;flex-wrap:wrap;gap:10px}
.rbt-popup__knop{flex:1 1 190px;min-height:46px;padding:0 18px;border:1.5px solid var(--rbt-line-2);border-radius:var(--rbt-radius);background:var(--rbt-surface);color:var(--rbt-ink-2);font:600 14px/1 var(--rbt-f-body);letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.rbt-popup__knop:hover{background:var(--rbt-surface-2);color:var(--rbt-ink)}
.rbt-popup__knop--ja{border-color:var(--rbt-accent);background:var(--rbt-accent);color:var(--rbt-accent-ink)}
.rbt-popup__knop--ja:hover{background:var(--rbt-accent-hover);border-color:var(--rbt-accent-hover);color:var(--rbt-accent-ink)}
.rbt-popup__knop:focus-visible{outline:2px solid var(--rbt-cool);outline-offset:2px}
@media (max-width:479.98px){.rbt-popup__kaart{padding:22px 18px 18px}.rbt-popup__titel{font-size:23px}}

/* Links in het aanvinkvakje bij het afrekenen (algemene voorwaarden en
   privacybeleid, 5 okt 2026 Tom): blauw, zodat zichtbaar is dat het links zijn.
   Sinds 18 okt 2026 regelt rbt.css (sectie 6) de kleur én onderstreping voor
   zowel de voorwaarden- als de privacylinks; deze oudere regel zette de
   onderstreping juist weer uit en is daarom vervallen. */

/* ---------- 4. populaire reeksen bovenaan game-archieven (21 okt 2026) ---------- */
.rbt-reeksen{background:var(--rbt-surface);border:1px solid var(--rbt-line);border-left:3px solid var(--rbt-accent);border-radius:var(--rbt-radius);padding:14px 18px;margin:18px 0 26px}
.rbt-reeksen__titel{margin:0 0 10px;font:12px/1 var(--rbt-f-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--rbt-ink)}
.rbt-reeksen nav{display:flex;flex-wrap:wrap;gap:8px}
.rbt-reeksen a{display:inline-flex;align-items:center;gap:8px;padding:8px 15px;border:1.5px solid var(--rbt-line-2);border-radius:20px;background:var(--rbt-surface);color:var(--rbt-ink);font-weight:600;font-size:14px;text-decoration:none}
.rbt-reeksen a:hover{border-color:var(--rbt-accent-text);color:var(--rbt-accent-text)}
.rbt-reeksen a span{font-weight:400;color:var(--rbt-muted);font-size:12px}

/* ---------- Games-dropdown in 2 kolommen (21 okt 2026, optie A zoals preview) ---------- */
/* Alleen desktop; mobiel houdt 1 kolom. Expliciete plaatsing: eerst 5 platforms
   in kolom 1, daarna 8 franchises in kolom 2 (menu-items onder Games; bij
   menu-wijziging hier meetellen). Kopjes als volwaardige regel boven item 1 en 6
   (flex-basis 100%: werkt zowel bij flex- als block-opmaak van Blocksy).
   Typografie, scheidingslijn en hover-kleur uit de huisstijl (Blocksy-config:
   12px/500, gestippeld, blauw); paneel wit met subtiele schaduw. Alleen de
   2-kolommenindeling, kopjes en paneelbreedte zijn eigen werk (optie A).
   Huidige pagina in de dropdown blauw i.p.v. de gele hoofdmenu-streep. */
@media (min-width:1000px){
  #header li#menu-item-1327 > ul.sub-menu{display:grid;grid-template-rows:repeat(8,minmax(0,auto));grid-auto-flow:dense;gap:0 30px;min-width:470px;background:var(--rbt-surface);border-radius:0 0 2px 2px;box-shadow:0px 10px 20px rgba(41,51,61,.1);padding:12px 18px 14px}
  #header li#menu-item-1327 > ul.sub-menu > li > a.ct-menu-link:hover{color:var(--rbt-accent-text);box-shadow:none}
  /* Huidige pagina in de dropdown: blauwe tekst (huisstijl) + gele balk links
     (21 okt, Tom) i.p.v. de gele hoofdmenu-streep eronder */
  #header li#menu-item-1327 ul.sub-menu .current-menu-item > a{box-shadow:inset 3px 0 0 var(--rbt-accent)}
  /* Geen stippellijn boven de kolomkopjes (Blocksy zet op elk item border-top) */
  #header li#menu-item-1327 > ul.sub-menu > li:nth-child(1),
  #header li#menu-item-1327 > ul.sub-menu > li:nth-child(6){border-top:0}
  #header li#menu-item-1327 > ul.sub-menu > li:nth-child(-n+5){grid-column:1}
  #header li#menu-item-1327 > ul.sub-menu > li:nth-child(n+6){grid-column:2}
  #header li#menu-item-1327 > ul.sub-menu > li:nth-child(1),
  #header li#menu-item-1327 > ul.sub-menu > li:nth-child(6){flex-wrap:wrap}
  #header li#menu-item-1327 > ul.sub-menu > li:nth-child(1)::before,
  #header li#menu-item-1327 > ul.sub-menu > li:nth-child(6)::before{display:block;flex:0 0 100%;width:100%;margin:6px 0 2px;font:12px/1.4 var(--rbt-f-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--rbt-ink)}
  #header li#menu-item-1327 > ul.sub-menu > li:nth-child(1)::before{content:"Platforms"}
  #header li#menu-item-1327 > ul.sub-menu > li:nth-child(6)::before{content:"Populaire reeksen"}
}

/* Mijn account volgens schets preview-account-redesign (25 okt 2026, Tom):
 * menu-items 50px hoog en 600, iconen uit de schets (lijn-iconen, zelfde set
 * als de snellijst) i.p.v. Blocksy's iconenfont; kop "Kies een onderdeel" 20px
 * direct onder de kicker; bestelnummerchip lichtgrijs. */
@media (min-width:690px){
  body.woocommerce-account .woocommerce-MyAccount-navigation li a{min-height:0!important;height:auto!important;padding:13px 18px!important;gap:10px;font-weight:600!important;line-height:1.6;border-bottom:0!important}
  body.woocommerce-account .woocommerce-MyAccount-navigation li a::before{content:""!important;font-family:inherit!important;width:20px;height:20px;margin:0!important;background:currentColor;-webkit-mask:var(--rbt-ico) center/20px 20px no-repeat;mask:var(--rbt-ico) center/20px 20px no-repeat}
  .woocommerce-MyAccount-navigation-link--dashboard a{--rbt-ico:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%223%22 y=%223%22 width=%227%22 height=%229%22 rx=%221.5%22/%3E%3Crect x=%2214%22 y=%223%22 width=%227%22 height=%225%22 rx=%221.5%22/%3E%3Crect x=%2214%22 y=%2212%22 width=%227%22 height=%229%22 rx=%221.5%22/%3E%3Crect x=%223%22 y=%2216%22 width=%227%22 height=%225%22 rx=%221.5%22/%3E%3C/svg%3E")}
  .woocommerce-MyAccount-navigation-link--orders a{--rbt-ico:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z%22/%3E%3Cpath d=%22M3 6h18%22/%3E%3Cpath d=%22M16 10a4 4 0 0 1-8 0%22/%3E%3C/svg%3E")}
  .woocommerce-MyAccount-navigation-link--retouren a{--rbt-ico:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M9 14 4 9l5-5%22/%3E%3Cpath d=%22M4 9h10.5a5.5 5.5 0 0 1 0 11H11%22/%3E%3C/svg%3E")}
  .woocommerce-MyAccount-navigation-link--downloads a{--rbt-ico:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4%22/%3E%3Cpath d=%22m7 10 5 5 5-5%22/%3E%3Cpath d=%22M12 15V3%22/%3E%3C/svg%3E")}
  .woocommerce-MyAccount-navigation-link--edit-address a{--rbt-ico:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0z%22/%3E%3Ccircle cx=%2212%22 cy=%2210%22 r=%223%22/%3E%3C/svg%3E")}
  .woocommerce-MyAccount-navigation-link--edit-account a{--rbt-ico:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%228%22 r=%224%22/%3E%3Cpath d=%22M4 21a8 8 0 0 1 16 0%22/%3E%3C/svg%3E")}
  .woocommerce-MyAccount-navigation-link--wishlist a{--rbt-ico:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z%22/%3E%3C/svg%3E")}
  .woocommerce-MyAccount-navigation-link--customer-logout a{--rbt-ico:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4%22/%3E%3Cpath d=%22m16 17 5-5-5-5%22/%3E%3Cpath d=%22M21 12H9%22/%3E%3C/svg%3E")}
}
body.woocommerce-account .rbt-snel-kop{margin:0 0 12px!important;font:700 20px/1.1 var(--rbt-f-disp)!important;letter-spacing:.02em}
.rbt-bestel-band .rbt-chip{background:var(--rbt-surface-2)}
@media (max-width:689.98px){
  .rbt-account-welkom h2{font-size:26px}
  body.woocommerce-account .woocommerce-MyAccount-navigation ul li a{height:auto!important;min-height:44px!important}
  /* Mobiele schets: kicker "Snel naar" direct boven de lijst, geen extra kop. */
  body.woocommerce-account .rbt-snel-kop{display:none!important}
  body.woocommerce-account .ct-acount-nav{margin-bottom:20px!important}
  .rbt-snel b{font-size:19px}
}
/* Inlogpagina volgens schets preview-inloggen (25 okt 2026, gemeten): label
 * 400, sterretje in huisstijl-rood en normaal, veld 15px, 14px tussen veld en
 * knop, knop 44px/13px zoals de overige gele knoppen. */
body.woocommerce-account #customer_login .woocommerce-form-login label{font-weight:400}
body.woocommerce-account #customer_login .woocommerce-form-login label .required{color:var(--rbt-err);font-weight:400;text-decoration:none;border:0}
body.woocommerce-account #customer_login .woocommerce-form-login input.input-text{font-size:15px}
body.woocommerce-account #customer_login .woocommerce-form-login .woocommerce-form-row--wide{margin-bottom:14px!important}
body.woocommerce-account #customer_login .woocommerce-form-login .woocommerce-form-login__submit{min-height:44px!important;height:44px;padding:0 22px!important;font:600 13px/1 var(--rbt-f-body)!important;letter-spacing:.08em!important}