/*
Theme Name:   DSE Shop
Theme URI:    https://daylit.nl
Description:  Zelfstandig, dynamisch winkelthema voor dropship-engine. Uiterlijk per site via looks (kleur, lettertype, hoeken, header, hero, kaarten), teksten per taal. Geen parent-thema, geen externe lettertypen.
Author:       Daylit / BBJL B.V.
Version:      2.2.21
Requires PHP: 8.0
Text Domain:  dse-shop
*/

/* Waarden komen uit inc/looks.php (inline :root); dit zijn alleen terugvalwaarden */
:root {
  --dse-primary: #E85D04; --dse-primary-dk: #BD4F03; --dse-primary-lt: #FDEBD0; --dse-on-primary: #fff;
  --dse-bg: #fff; --dse-surface: #fff; --dse-text: #1a1a1a; --dse-muted: #777; --dse-line: #e6e6e6;
  --dse-radius: 8px; --dse-font-head: system-ui, sans-serif; --dse-font-body: system-ui, sans-serif; --dse-head-weight: 800;
  --dse-wrap: 1200px;
}

/* ── Basis ─────────────────────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--dse-bg); color: var(--dse-text); font: 16px/1.6 var(--dse-font-body); -webkit-font-smoothing: antialiased; }
img { max-width: 100%; height: auto; display: block; }
a { color: var(--dse-primary-dk); text-underline-offset: 3px; }
a:hover { color: var(--dse-primary); }
h1, h2, h3, h4, .dse-brand__name, .dse-footer__brand { font-family: var(--dse-font-head); font-weight: var(--dse-head-weight); line-height: 1.15; letter-spacing: -.01em; margin: 0 0 .5em; }
h1 { font-size: clamp(1.9rem, 4.5vw, 3.2rem); }
h2 { font-size: clamp(1.4rem, 2.6vw, 2rem); }
.dse-wrap { width: 100%; max-width: var(--dse-wrap); margin: 0 auto; padding: 0 20px; }
.dse-skip { position: absolute; left: -999px; }
.dse-skip:focus { left: 10px; top: 10px; background: #fff; padding: 8px 12px; z-index: 99; }
.dse-main { min-height: 50vh; }

/* ── Knoppen ───────────────────────────────────────────────────────── */
.dse-btn,
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit,
.woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt,
.wc-block-components-button:not(.is-link), .wp-element-button {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  background: var(--dse-primary); color: var(--dse-on-primary); border: 0;
  border-radius: var(--dse-radius); padding: 13px 24px; font: 700 1rem/1.2 var(--dse-font-body);
  text-decoration: none; cursor: pointer; transition: background .15s, transform .1s;
}
.dse-btn:hover,
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,
.woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover,
.wc-block-components-button:not(.is-link):hover { background: var(--dse-primary-dk); color: var(--dse-on-primary); transform: translateY(-1px); }
.woocommerce button.button:disabled, .woocommerce button.button.disabled { opacity: .5; }

/* ── Topbalk ───────────────────────────────────────────────────────── */
.dse-topbar { display: flex; justify-content: center; gap: 24px; flex-wrap: wrap; padding: 7px 16px; font-size: .8rem; background: var(--dse-primary-lt); color: var(--dse-primary-dk); font-weight: 600; }
@media (max-width: 640px) { .dse-topbar span:not(:first-child) { display: none; } }

/* ── Header ────────────────────────────────────────────────────────── */
.dse-header { background: var(--dse-surface); border-bottom: 1px solid var(--dse-line); position: sticky; top: 0; z-index: 50; }
.dse-header__inner { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 70px; }
.dse-brand { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; color: var(--dse-text); }
.dse-brand__mark { width: 40px; height: 40px; display: block; line-height: 0; }
.dse-brand__mark .dse-stamp { display: block; width: 40px; height: 40px; }
.dse-brand__name { font-size: 1.35rem; margin: 0; }
.dse-logo { max-height: 48px; width: auto; }
.dse-nav { display: flex; align-items: center; gap: 6px; }
.dse-nav__links { display: none; }
.dse-nav__links a, .dse-cart { color: var(--dse-text); text-decoration: none; font-weight: 600; padding: 8px 12px; border-radius: var(--dse-radius); }
.dse-nav__links a:hover, .dse-cart:hover { background: var(--dse-primary-lt); color: var(--dse-primary-dk); }
.dse-cart { position: relative; display: inline-flex; align-items: center; }
.dse-cart-count { position: absolute; top: 0; right: 0; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 9px; background: var(--dse-primary); color: var(--dse-on-primary); font-size: .7rem; font-weight: 700; display: grid; place-items: center; }

/* Menu: uitklapblok (geen horizontaal scrollen) */
.dse-menu { position: relative; }
.dse-menu summary { list-style: none; cursor: pointer; display: inline-flex; align-items: center; gap: 8px; padding: 8px 12px; border-radius: var(--dse-radius); font-weight: 600; }
.dse-menu summary::-webkit-details-marker { display: none; }
.dse-menu summary:hover { background: var(--dse-primary-lt); }
.dse-burger, .dse-burger::before, .dse-burger::after { display: block; width: 20px; height: 2px; background: currentColor; border-radius: 2px; position: relative; content: ''; }
.dse-burger::before { position: absolute; top: -6px; } .dse-burger::after { position: absolute; top: 6px; }
.dse-menu[open] .dse-burger { background: transparent; }
.dse-menu[open] .dse-burger::before { top: 0; transform: rotate(45deg); } .dse-menu[open] .dse-burger::after { top: 0; transform: rotate(-45deg); }
.dse-menu__panel { position: absolute; right: 0; top: calc(100% + 8px); width: min(300px, 88vw); background: var(--dse-surface); border: 1px solid var(--dse-line); border-radius: var(--dse-radius); box-shadow: 0 16px 40px rgba(0,0,0,.14); padding: 8px; display: grid; }
.dse-menu__panel a { padding: 10px 12px; color: var(--dse-text); text-decoration: none; border-radius: calc(var(--dse-radius) * .6); font-weight: 600; }
.dse-menu__panel a:hover { background: var(--dse-primary-lt); color: var(--dse-primary-dk); }
.dse-menu__head { padding: 12px 12px 4px; font-size: .75rem; text-transform: uppercase; letter-spacing: .08em; color: var(--dse-muted); }
.dse-menu__panel .dse-menu__sub { font-weight: 500; padding-left: 20px; }
/* Megamenu: telefoon = lijst, desktop = breed paneel met kolommen */
.dse-mega__label { display: none; }
.dse-menu__panel.dse-mega { max-height: calc(100vh - 110px); overflow-y: auto; }
/* Telefoon (10 nov, Joan: "Je kan niet omhoog scrollen"): het menu is een vast paneel direct onder de kop, precies zo hoog als het scherm,
   scrolt binnen zichzelf (niet de pagina erachter) en begint altijd bovenaan. Geen zichtbare schuifbalk. */
@media (max-width: 959px) {
  .dse-menu[open] > .dse-menu__panel.dse-mega { position: fixed; left: 8px; right: 8px; width: auto; top: var(--dse-menu-top, 72px);
    max-height: calc(100dvh - var(--dse-menu-top, 72px) - 10px); overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch;
    scrollbar-width: none; z-index: 60; }
  .dse-menu[open] > .dse-menu__panel.dse-mega::-webkit-scrollbar { display: none; }
  html.dse-menu-open, html.dse-menu-open body { overflow: hidden; }
}
.dse-mega__side, .dse-mega__cols { display: grid; }
.dse-mega__col { display: grid; }
.dse-mega__list { list-style: none; margin: 0; padding: 0; display: grid; }
.dse-menu__panel .dse-mega__list a { display: block; font-weight: 500; padding: 8px 12px 8px 24px; color: var(--dse-muted); }
.dse-menu__panel .dse-mega__list a:hover { color: var(--dse-primary-dk); }
.dse-menu__panel .dse-mega__more { color: var(--dse-primary-dk) !important; font-weight: 600 !important; }
@media (min-width: 960px) {
  .dse-nav__links { display: flex; gap: 2px; }
  .dse-menu__label { display: none; }
  .dse-header__inner { position: relative; }
  .dse-menu { position: static; }
  .dse-menu .dse-burger { display: none; }
  .dse-mega__label { display: inline-flex; align-items: center; gap: 6px; }
  .dse-mega__label::after { content: ''; width: 7px; height: 7px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: translateY(-2px) rotate(45deg); transition: transform .15s; }
  .dse-menu[open] .dse-mega__label::after { transform: translateY(2px) rotate(-135deg); }
  .dse-menu__panel.dse-mega { left: 0; right: 0; top: 100%; width: auto; padding: 22px 24px; grid-template-columns: 190px 1fr; gap: 28px; border-top-left-radius: 0; border-top-right-radius: 0; }
  .dse-mega__side { align-content: start; gap: 2px; border-right: 1px solid var(--dse-line); padding-right: 20px; }
  .dse-mega__cols { grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 18px 24px; align-items: start; }
  .dse-mega__cols > .dse-menu__head { grid-column: 1 / -1; padding: 0 12px; }
  .dse-mega__col { align-content: start; }
  .dse-menu__panel .dse-mega__title { font-family: var(--dse-font-head); font-size: 1.05rem; padding: 6px 12px; }
  .dse-menu__panel .dse-mega__list a { padding: 5px 12px; font-size: .94rem; }
}
@media (max-width: 520px) { .dse-menu__label { display: none; } .dse-brand__name { font-size: 1.15rem; } }

/* Header: gecentreerd */
@media (min-width: 960px) {
  .header-centered .dse-header__inner { display: grid; grid-template-columns: 1fr auto 1fr; padding-top: 14px; padding-bottom: 6px; }
  .header-centered .dse-brand { grid-column: 2; flex-direction: column; text-align: center; gap: 6px; }
  .header-centered .dse-brand__name { font-size: 1.7rem; }
  .header-centered .dse-nav { grid-column: 1 / -1; grid-row: 2; justify-content: center; border-top: 1px solid var(--dse-line); padding-top: 6px; }
}
/* Header: vet (gekleurd) */
.header-bold .dse-header { background: var(--dse-primary); border-bottom: 0; }
.header-bold .dse-brand, .header-bold .dse-nav__links a, .header-bold .dse-cart, .header-bold .dse-menu summary { color: var(--dse-on-primary); }
.header-bold .dse-brand__mark { --dse-mark-bg: var(--dse-on-primary); --dse-mark-ink: var(--dse-primary); }
.header-bold .dse-nav__links a:hover, .header-bold .dse-cart:hover, .header-bold .dse-menu summary:hover { background: rgba(255,255,255,.18); color: var(--dse-on-primary); }
.header-bold .dse-cart-count { background: var(--dse-on-primary); color: var(--dse-primary); }
.header-bold .dse-topbar { background: var(--dse-primary-dk); color: var(--dse-on-primary); }

/* ── Hero ──────────────────────────────────────────────────────────── */
.dse-hero { padding: clamp(36px, 7vw, 84px) 0; background: var(--dse-primary-lt); }
.dse-hero__inner { display: grid; gap: 36px; align-items: center; }
.dse-eyebrow { text-transform: uppercase; letter-spacing: .12em; font-size: .8rem; font-weight: 700; color: var(--dse-primary-dk); margin: 0 0 10px; }
.dse-hero__lead { font-size: 1.15rem; color: var(--dse-muted); max-width: 34em; margin: 0 0 24px; }
.dse-hero__art { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.dse-hero__tile { border-radius: var(--dse-radius); overflow: hidden; box-shadow: 0 14px 34px rgba(0,0,0,.12); background: var(--dse-surface); }
.dse-hero__tile--1 { transform: translateY(-18px); }
.dse-hero__tile--2 { transform: translateY(12px); }
@media (min-width: 900px) { .dse-hero__inner { grid-template-columns: 1.05fr 1fr; } }

.hero-band .dse-hero { background: var(--dse-primary); color: var(--dse-on-primary); }
.hero-band .dse-hero .dse-eyebrow, .hero-band .dse-hero__lead { color: var(--dse-on-primary); opacity: .9; }
.hero-band .dse-hero .dse-btn { background: var(--dse-on-primary); color: var(--dse-primary); }

.hero-dark .dse-hero { background: #141414; color: #f5f5f5; }
.hero-dark .dse-hero__lead { color: #bdbdbd; }
.hero-dark .dse-hero .dse-eyebrow { color: var(--dse-primary); }

.hero-minimal .dse-hero { background: transparent; border-bottom: 1px solid var(--dse-line); text-align: center; }
.hero-minimal .dse-hero__inner { grid-template-columns: 1fr; justify-items: center; }
.hero-minimal .dse-hero__lead { margin-left: auto; margin-right: auto; }
.hero-minimal .dse-hero__art { max-width: 640px; width: 100%; }

/* ── Secties ───────────────────────────────────────────────────────── */
.dse-section { padding: clamp(32px, 5vw, 64px) 0; }
.dse-section__head { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.dse-h2 { margin-bottom: 20px; }
.dse-more { font-weight: 700; text-decoration: none; }
.dse-cats { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 12px; }
.dse-cat { display: flex; flex-direction: column; gap: 0; padding: 0; overflow: hidden; background: var(--dse-surface); border: 1px solid var(--dse-line); border-radius: var(--dse-radius); text-decoration: none; color: var(--dse-text); font-weight: 700; transition: border-color .15s, transform .15s; }
.dse-cat:hover { border-color: var(--dse-primary); transform: translateY(-2px); color: var(--dse-text); }
.dse-cat__count { font-size: .8rem; font-weight: 600; color: var(--dse-muted); background: var(--dse-bg); padding: 2px 8px; border-radius: 99px; }

/* ── Productraster ─────────────────────────────────────────────────── */
.woocommerce ul.products, .woocommerce-page ul.products { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin: 0 0 32px; padding: 0; }
.woocommerce ul.products::before, .woocommerce ul.products::after { display: none !important; }
@media (min-width: 760px) { .woocommerce ul.products { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; } }
@media (min-width: 1080px) { .woocommerce ul.products.columns-4, .woocommerce ul.products { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.woocommerce ul.products li.product { width: auto !important; margin: 0 !important; float: none !important; display: flex; flex-direction: column; background: var(--dse-surface); border-radius: var(--dse-radius); overflow: hidden; padding: 0 0 14px !important; transition: transform .15s, box-shadow .15s, border-color .15s; }
.woocommerce ul.products li.product a img, .woocommerce ul.products li.product .dse-art { margin: 0 0 12px !important; width: 100%; aspect-ratio: 1 / 1; object-fit: cover; }
.woocommerce ul.products li.product .woocommerce-loop-product__title { font: 600 .98rem/1.35 var(--dse-font-body) !important; color: var(--dse-text); padding: 0 14px !important; margin: 0 0 6px !important; }
.woocommerce ul.products li.product .price { color: var(--dse-text) !important; font-weight: 800; font-size: 1.05rem !important; padding: 0 14px; margin-bottom: 12px !important; }
.woocommerce ul.products li.product .button { margin: auto 14px 0 !important; padding: 10px 14px; font-size: .9rem; }
.card-shadow .woocommerce ul.products li.product { box-shadow: 0 2px 14px rgba(0,0,0,.08); }
.card-shadow .woocommerce ul.products li.product:hover { box-shadow: 0 10px 28px rgba(0,0,0,.14); transform: translateY(-3px); }
.card-border .woocommerce ul.products li.product { border: 1px solid var(--dse-line); }
.card-border .woocommerce ul.products li.product:hover { border-color: var(--dse-primary); }
.card-flat .woocommerce ul.products li.product { background: transparent; }
.card-flat .woocommerce ul.products li.product a img, .card-flat .woocommerce ul.products li.product .dse-art { border-radius: var(--dse-radius); }
.card-flat .woocommerce ul.products li.product:hover img { opacity: .9; }
.woocommerce span.onsale { background: var(--dse-primary); color: var(--dse-on-primary); border-radius: var(--dse-radius); min-height: 0; line-height: 1; padding: 6px 10px; }

/* ── Winkelpagina ──────────────────────────────────────────────────── */
.dse-shop { padding-top: 28px; padding-bottom: 40px; }
.woocommerce-products-header__title.page-title { margin: 6px 0 14px; }
.woocommerce .woocommerce-result-count { color: var(--dse-muted); font-size: .9rem; margin: 6px 0 16px; }
.woocommerce .woocommerce-ordering select, .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce form .form-row select, .woocommerce .quantity .qty {
  border: 1px solid var(--dse-line); border-radius: calc(var(--dse-radius) * .6); padding: 10px 12px; background: var(--dse-surface); color: var(--dse-text); font: inherit;
}
.woocommerce nav.woocommerce-pagination ul { border: 0; display: flex; gap: 6px; justify-content: center; }
.woocommerce nav.woocommerce-pagination ul li { border: 0; }
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { border-radius: calc(var(--dse-radius) * .6); padding: 10px 14px; border: 1px solid var(--dse-line); }
.woocommerce nav.woocommerce-pagination ul li span.current { background: var(--dse-primary); color: var(--dse-on-primary); border-color: var(--dse-primary); }

/* ── Productpagina ─────────────────────────────────────────────────── */
.woocommerce div.product { display: grid; gap: 32px; }
@media (min-width: 900px) { .woocommerce div.product { grid-template-columns: 1fr 1fr; align-items: start; } .woocommerce div.product .woocommerce-tabs, .woocommerce div.product .related, .woocommerce div.product .upsells { grid-column: 1 / -1; } }
.woocommerce div.product div.images, .woocommerce div.product div.summary { width: 100% !important; float: none !important; margin: 0 !important; }
.woocommerce div.product div.images img, .woocommerce div.product div.images .dse-art { border-radius: var(--dse-radius); }
.woocommerce div.product .product_title { font-size: clamp(1.5rem, 3vw, 2.2rem); }
.woocommerce div.product p.price, .woocommerce div.product span.price { color: var(--dse-text) !important; font-size: 1.7rem !important; font-weight: 800; }
.woocommerce div.product form.cart { display: flex; gap: 10px; flex-wrap: wrap; align-items: stretch; margin: 20px 0 !important; }
.woocommerce div.product form.cart .button { flex: 1 1 220px; padding: 15px 24px; font-size: 1.05rem; }
.dse-product-usps { list-style: none; padding: 16px 18px; margin: 16px 0 0; width: 100%; background: var(--dse-primary-lt); border-radius: var(--dse-radius); font-size: .92rem; }
.dse-product-usps li { padding: 3px 0 3px 24px; position: relative; }
.dse-product-usps li::before { content: '✓'; position: absolute; left: 0; color: var(--dse-primary-dk); font-weight: 800; }
.woocommerce div.product .woocommerce-tabs ul.tabs { padding: 0; margin: 0 0 16px; display: flex; flex-wrap: wrap; gap: 6px; }
.woocommerce div.product .woocommerce-tabs ul.tabs::before, .woocommerce div.product .woocommerce-tabs ul.tabs li::before, .woocommerce div.product .woocommerce-tabs ul.tabs li::after { display: none; }
.woocommerce div.product .woocommerce-tabs ul.tabs li { background: transparent; border: 1px solid var(--dse-line); border-radius: var(--dse-radius); margin: 0; }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active { background: var(--dse-primary); border-color: var(--dse-primary); }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a { color: var(--dse-on-primary); }

/* ── Meldingen, winkelwagen, afrekenen ────────────────────────────── */
.woocommerce-message, .woocommerce-info, .woocommerce-error { border-top-color: var(--dse-primary); border-radius: var(--dse-radius); background: var(--dse-surface); }
.woocommerce-message::before, .woocommerce-info::before { color: var(--dse-primary); }
.woocommerce table.shop_table { border-radius: var(--dse-radius); border-color: var(--dse-line); }

/* ── Pagina's ──────────────────────────────────────────────────────── */
.dse-page { padding-top: 40px; padding-bottom: 56px; }
.dse-prose { max-width: 780px; }
.dse-page .dse-prose { margin: 0 auto; }
.dse-empty { text-align: center; padding: 60px 0; }
.dse-page__title { margin-bottom: 20px; }

/* ── USP-balk en footer ───────────────────────────────────────────── */
.dse-usps { border-top: 1px solid var(--dse-line); background: var(--dse-surface); padding: 28px 0; }
.dse-usps__grid { display: grid; gap: 18px; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); }
.dse-usp { display: grid; gap: 2px; padding-left: 16px; border-left: 3px solid var(--dse-primary); }
.dse-usp span { color: var(--dse-muted); font-size: .9rem; }
.dse-footer { background: #121212; color: #cfcfcf; padding: 44px 0 18px; font-size: .92rem; }
.look-luxe .dse-footer, .look-galerie .dse-footer { background: #1d1b18; }
.dse-footer__grid { display: grid; gap: 28px; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); }
.dse-footer a { display: block; color: #cfcfcf; text-decoration: none; padding: 3px 0; }
.dse-footer a:hover { color: #fff; }
.dse-footer__brand { color: #fff; font-size: 1.3rem; }
.dse-footer__head { color: #fff; font-weight: 700; margin-bottom: 8px; }
.dse-footer__tag { color: #9a9a9a; margin: 0; }
.dse-footer__bottom { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; border-top: 1px solid #2c2c2c; margin-top: 30px; padding-top: 16px; color: #8a8a8a; font-size: .8rem; }
.dse-footer__bottom a { display: inline; color: #8a8a8a; text-decoration: underline; }

/* Toegankelijkheid */
:focus-visible { outline: 3px solid var(--dse-primary); outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) { * { transition: none !important; } }

/* Productlinks in het raster niet onderstrepen */
.woocommerce ul.products li.product a { text-decoration: none; }
.woocommerce ul.products li.product a:hover .woocommerce-loop-product__title { color: var(--dse-primary-dk); }

/* Variabele producten: keuzelijsten onder elkaar, knop eronder */
.woocommerce div.product form.variations_form { display: block; }
.woocommerce div.product form.cart table.variations { width: 100%; border: 0; margin: 0 0 14px; }
.woocommerce div.product form.cart table.variations tr { display: grid; gap: 6px; margin-bottom: 12px; }
.woocommerce div.product form.cart table.variations th, .woocommerce div.product form.cart table.variations td { padding: 0; text-align: left; line-height: 1.3; }
.woocommerce div.product form.cart table.variations label { font-weight: 700; font-size: .92rem; }
.woocommerce div.product form.cart table.variations select { width: 100%; min-height: 46px; border: 1px solid var(--dse-line); border-radius: calc(var(--dse-radius) * .6); padding: 10px 12px; background: var(--dse-surface); color: var(--dse-text); font: inherit; }
.woocommerce div.product form.cart .reset_variations { font-size: .85rem; }
.woocommerce div.product .single_variation_wrap .woocommerce-variation-price .price { font-size: 1.5rem !important; }
.woocommerce div.product .woocommerce-variation-add-to-cart { display: flex; gap: 10px; flex-wrap: wrap; }

/* ── Donker (apparaatinstelling) ──────────────────────────────────── */
:root[data-theme=dark] .dse-hero__tile, :root[data-theme=dark] .dse-cat__count { background: var(--dse-surface); }
:root[data-theme=dark] .hero-minimal .dse-hero, :root[data-theme=dark] .dse-header { border-color: var(--dse-line); }
:root[data-theme=dark] .dse-topbar { color: var(--dse-text); }
:root[data-theme=dark] .dse-prose a, :root[data-theme=dark] .woocommerce-info a, :root[data-theme=dark] .woocommerce-message a, :root[data-theme=dark] .dse-footer p a { color: var(--dse-primary-dk); }
:root[data-theme=dark] .woocommerce div.product .woocommerce-tabs ul.tabs li a, :root[data-theme=dark] .woocommerce .woocommerce-breadcrumb { color: var(--dse-text); }
:root[data-theme=dark] .woocommerce table.shop_table, :root[data-theme=dark] .woocommerce table.shop_table td, :root[data-theme=dark] .woocommerce table.shop_table th { border-color: var(--dse-line); color: var(--dse-text); }
:root[data-theme=dark] .woocommerce form .form-row label, :root[data-theme=dark] .woocommerce-checkout h3 { color: var(--dse-text); }
:root[data-theme=dark] .select2-container--default .select2-selection--single { background: var(--dse-surface); border-color: var(--dse-line); }
:root[data-theme=dark] .select2-container--default .select2-selection--single .select2-selection__rendered { color: var(--dse-text); }
:root[data-theme=dark] .dse-art { filter: brightness(.92); }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]) .dse-hero__tile, :root:not([data-theme=light]) .dse-cat__count { background: var(--dse-surface); }
  :root:not([data-theme=light]) .hero-minimal .dse-hero, :root:not([data-theme=light]) .dse-header { border-color: var(--dse-line); }
  :root:not([data-theme=light]) .dse-topbar { color: var(--dse-text); }
  :root:not([data-theme=light]) .dse-prose a, :root:not([data-theme=light]) .woocommerce-info a, :root:not([data-theme=light]) .woocommerce-message a, :root:not([data-theme=light]) .dse-footer p a { color: var(--dse-primary-dk); }
  :root:not([data-theme=light]) .woocommerce div.product .woocommerce-tabs ul.tabs li a, :root:not([data-theme=light]) .woocommerce .woocommerce-breadcrumb { color: var(--dse-text); }
  :root:not([data-theme=light]) .woocommerce table.shop_table, :root:not([data-theme=light]) .woocommerce table.shop_table td, :root:not([data-theme=light]) .woocommerce table.shop_table th { border-color: var(--dse-line); color: var(--dse-text); }
  :root:not([data-theme=light]) .woocommerce form .form-row label, :root:not([data-theme=light]) .woocommerce-checkout h3 { color: var(--dse-text); }
  :root:not([data-theme=light]) .select2-container--default .select2-selection--single { background: var(--dse-surface); border-color: var(--dse-line); }
  :root:not([data-theme=light]) .select2-container--default .select2-selection--single .select2-selection__rendered { color: var(--dse-text); }
  :root:not([data-theme=light]) .dse-art { filter: brightness(.92); }
}

/* ── Keuzeknoppen en kleurvakjes (zoals gelato.com) ───────────────── */
.dse-select-hidden { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.dse-choices { display: flex; flex-wrap: wrap; gap: 8px; }
.dse-choice { min-width: 46px; padding: 9px 14px; border: 1.5px solid var(--dse-line); background: var(--dse-surface); color: var(--dse-text); border-radius: calc(var(--dse-radius) * .6 + 2px); font: 600 .92rem/1.2 var(--dse-font-body); cursor: pointer; transition: border-color .12s, background .12s; }
.dse-choice:hover { border-color: var(--dse-text); }
.dse-choice.is-active { background: var(--dse-text); color: var(--dse-bg); border-color: var(--dse-text); }
.dse-choice.is-unavailable { opacity: .35; text-decoration: line-through; }
.dse-choices--color .dse-choice--swatch { min-width: 0; width: 38px; height: 38px; padding: 0; border-radius: 50%; display: grid; place-items: center; }
.dse-choices--color .dse-choice--swatch .dse-swatch { width: 28px; height: 28px; border-radius: 50%; background: var(--swatch); box-shadow: inset 0 0 0 1px rgba(0,0,0,.15); }
.dse-choices--color .dse-choice--heather .dse-swatch { background: radial-gradient(circle at 30% 30%, rgba(255,255,255,.35) 0 1.2px, transparent 1.6px) 0 0/6px 6px, radial-gradient(circle at 70% 70%, rgba(0,0,0,.25) 0 1.2px, transparent 1.6px) 0 0/5px 5px, var(--swatch); }
.dse-choices--color .dse-choice--swatch .dse-swatch.is-tinted { width: 56px; height: 56px; border-radius: 10px; background-color: #fff; box-shadow: inset 0 0 0 1px rgba(0,0,0,.12); }
.dse-choices--color .dse-choice--swatch:has(.is-tinted) { width: auto; height: auto; border-radius: 12px; padding: 3px; }
.dse-choices--color .dse-choice.is-extra { display: none !important; }
.dse-choices--color .dse-more { border: 1px solid var(--dse-border, #ddd); background: var(--dse-surface, #fff); border-radius: 999px; padding: 0 14px; height: 38px; font: inherit; font-size: .9em; cursor: pointer; }
.dse-choices--color .dse-choice--swatch .dse-choice__text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.dse-choices--color .dse-choice--swatch.is-active { background: var(--dse-surface); border-color: var(--dse-text); box-shadow: 0 0 0 2px var(--dse-surface), 0 0 0 4px var(--dse-text); }
/* Kleur als foto van het kledingstuk (12 nov) */
.dse-choices--color .dse-choice.dse-choice--photo, .look-atelier .dse-choices--color .dse-choice.dse-choice--photo { width: 64px; height: 64px; border-radius: 8px !important; padding: 0; overflow: hidden; background: #fff; }
.dse-choices--color .dse-choice--photo img { width: 100%; height: 100%; object-fit: cover; display: block; transform: scale(1.35); }
.dse-choices--color .dse-choice.dse-choice--photo.is-active { box-shadow: 0 0 0 2px var(--dse-surface), 0 0 0 4px var(--dse-text); border-radius: 8px !important; }
@media (max-width: 480px) { .dse-choices--color .dse-choice.dse-choice--photo, .look-atelier .dse-choices--color .dse-choice.dse-choice--photo { width: 56px; height: 56px; } }
.woocommerce div.product form.cart table.variations td.value { position: relative; }

/* Categorietegels met foto */
.dse-cat__img { display: block; aspect-ratio: 1/1; background: var(--dse-bg); overflow: hidden; }
.dse-cat__img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .4s; }
.dse-cat:hover .dse-cat__img img { transform: scale(1.04); }
.dse-cat__row { display: flex; justify-content: space-between; align-items: center; gap: 8px; padding: 14px 16px; }

/* Licht/donker-knop */
.dse-mode { display: inline-grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; border: 1px solid var(--dse-line); background: transparent; color: var(--dse-text); cursor: pointer; padding: 0; }
.dse-mode:hover { border-color: var(--dse-text); }
.dse-mode svg { width: 18px; height: 18px; }
.dse-mode .dse-mode__sun { display: none; }
:root[data-theme=dark] .dse-mode .dse-mode__sun { display: block; }
:root[data-theme=dark] .dse-mode .dse-mode__moon { display: none; }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]) .dse-mode .dse-mode__sun { display: block; }
  :root:not([data-theme=light]) .dse-mode .dse-mode__moon { display: none; }
}

/* Knop 'in winkelwagen' ook vóór een keuze in huiskleur (niet WooCommerce-paars) */
.woocommerce button.button.alt.disabled, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled[disabled],
.woocommerce button.button.alt.disabled:hover { background: var(--dse-primary); color: var(--dse-on-primary); opacity: .55; }

/* Menu: tweede niveau ingesprongen, kleiner */
.dse-menu__sub2 { padding-left: 34px !important; font-weight: 500 !important; font-size: .92em; color: var(--dse-muted) !important; }
.dse-menu__sub2:hover { color: var(--dse-text) !important; }
/* Subcategorie-tegels bovenaan een categoriepagina */
.woocommerce ul.products li.product-category img { aspect-ratio: 1/1; object-fit: cover; border-radius: var(--dse-radius); }
.woocommerce ul.products li.product-category h2 { font-size: 1rem; }
.woocommerce ul.products li.product-category mark { background: none; color: var(--dse-muted); }

/* Productkaart: maat-chips en kleur-stipjes */
.dse-card-meta { display: flex; flex-direction: column; gap: 6px; padding: 0 14px 8px; }
.dse-card-chips, .dse-card-dots { display: flex; flex-wrap: wrap; gap: 5px; align-items: center; }
.dse-chip { font-size: .74rem; font-weight: 600; line-height: 1; padding: 5px 7px; border: 1px solid var(--dse-line); border-radius: 99px; color: var(--dse-muted); background: var(--dse-surface); white-space: nowrap; }
.dse-chip--more { border-style: dashed; }
.dse-dot { width: 14px; height: 14px; border-radius: 50%; background: var(--swatch); box-shadow: inset 0 0 0 1px rgba(0,0,0,.18); }

/* Specificatietabel: rustig, geen schuinschrift */
.woocommerce table.shop_attributes { border: 0; }
.woocommerce table.shop_attributes th, .woocommerce table.shop_attributes td { font-style: normal; padding: 10px 12px; border-bottom: 1px solid var(--dse-line); background: transparent !important; color: var(--dse-text); }
.woocommerce table.shop_attributes th { width: 150px; font-weight: 700; }
.woocommerce table.shop_attributes td p { margin: 0; }

/* Meldingen (bv. 'toegevoegd aan winkelwagen') leesbaar in licht én donker */
.woocommerce-message, .woocommerce-info, .woocommerce-error { background: var(--dse-surface) !important; color: var(--dse-text) !important; border-top-color: var(--dse-primary) !important; border-radius: var(--dse-radius); display: flex; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap; }
.woocommerce-message::before, .woocommerce-info::before, .woocommerce-error::before { content: '✓' !important; font-family: inherit !important; color: var(--dse-primary) !important; position: static !important; font-weight: 700; }
.woocommerce-info::before { content: 'i' !important; }
.woocommerce-error::before { content: '!' !important; }
.woocommerce-message .button, .woocommerce-info .button { order: 3; margin-left: auto; background: var(--dse-primary) !important; color: var(--dse-on-primary) !important; }

/* Feestdag-besteldeadline (Holidays) */
.dse-holiday { background: var(--dse-primary-dk); color: #fff; text-align: center; font-weight: 600; font-size: .9rem; padding: 8px 16px; }
.dse-withdraw input { width: 100%; max-width: 420px; padding: 10px 12px; border: 1px solid var(--dse-line); border-radius: 6px; background: var(--dse-surface); color: var(--dse-text); }

/* Foto-upload: cameraknop op telefoon/tablet */
.dse-photo__cam { display: inline-block; margin: 8px 0 2px; }
.dse-photo__cam[hidden] { display: none; }
.dse-photo__cam label { display: inline-flex; align-items: center; gap: 6px; padding: 10px 14px; border: 2px solid var(--dse-primary); border-radius: var(--dse-radius); color: var(--dse-primary-dk); font-weight: 600; cursor: pointer; background: transparent; }
.dse-product-usps .dse-usp-strong { font-weight: 700; color: var(--dse-primary-dk); }
a.dse-hero__tile { display: block; transition: transform .15s ease, box-shadow .15s ease; }
a.dse-hero__tile:hover { box-shadow: 0 18px 40px rgba(0,0,0,.2); }
.dse-from { font-weight: 500; font-size: .8em; opacity: .85; margin-right: .15em; }
.dse-delivered { margin: -4px 0 14px; font-size: .95rem; color: var(--dse-muted); }

/* Telefoon/tablet: menu als nette kaart over de volle breedte onder de kop (0.5.31) */
@media (max-width: 959px) {
  .dse-header__inner { position: relative; }
  .dse-menu { position: static; }
  .dse-menu__panel, .dse-menu__panel.dse-mega { left: 12px; right: 12px; top: calc(100% + 4px); width: auto; max-width: none; max-height: calc(100vh - 140px); overflow-y: auto; overscroll-behavior: contain; padding: 6px 4px 12px; z-index: 60; box-sizing: border-box; }
  .dse-mega__side, .dse-mega__cols, .dse-mega__col { min-width: 0; }
  .dse-menu__panel a { padding: 11px 14px; }
  .dse-menu__panel .dse-mega__title { margin-top: 6px; }
  .dse-menu__panel .dse-mega__list a { padding: 9px 14px 9px 26px; font-size: .95rem; }
  .dse-menu__head { padding: 14px 14px 4px; }
  .dse-menu summary { border-radius: 999px; }
  .dse-menu[open] summary { background: none; }
}
.dse-mega__row { display: flex; align-items: center; }
.dse-mega__row .dse-mega__title { flex: 1; }
.dse-mega__tog { display: none; }
@media (max-width: 959px) {
  .dse-mega__side { border-bottom: 1px solid var(--dse-line); padding-bottom: 6px; margin-bottom: 4px; }
  .dse-mega__cols { gap: 0; }
  .dse-mega__col { border-bottom: 1px solid var(--dse-line); }
  .dse-mega__col:last-child { border-bottom: 0; }
  .dse-mega__cols .dse-menu__head { display: none; }
  .dse-menu__panel .dse-mega__title { margin: 0; font-weight: 600; }
  .dse-mega__tog { display: grid; place-items: center; width: 48px; height: 44px; flex: 0 0 48px; background: none; border: 0; color: var(--dse-muted); cursor: pointer; border-radius: 999px; }
  .dse-mega__tog::after { content: ''; width: 8px; height: 8px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: translateY(-2px) rotate(45deg); transition: transform .15s; }
  .dse-mega__col.is-open .dse-mega__tog::after { transform: translateY(2px) rotate(-135deg); }
  .dse-mega__col .dse-mega__list { display: none; padding-bottom: 6px; }
  .dse-mega__col.is-open .dse-mega__list { display: grid; }
}
/* Foto in het kader schuiven (posters/canvas) */
.dse-crop { margin: 4px 0 14px; max-width: 360px; }
.dse-crop__box { position: relative; width: 100%; overflow: hidden; border-radius: 4px; background: var(--dse-line); cursor: grab; touch-action: none; outline: 2px solid var(--dse-primary); outline-offset: 2px; }
.dse-crop__box:active { cursor: grabbing; }
.dse-crop__box img { position: absolute; max-width: none; user-select: none; -webkit-user-drag: none; pointer-events: none; }
.dse-crop__zoom { display: flex; align-items: center; gap: 10px; margin: 10px 0 4px; font-weight: 600; }
.dse-crop__zoom input { flex: 1; accent-color: var(--dse-primary); }
.dse-crop small { color: var(--dse-muted); }
/* Foto + kader over de volle breedte, boven aantal en knop */
.woocommerce div.product form.cart .dse-photo, .woocommerce div.product form.cart .dse-crop { flex: 0 0 100%; order: -1; }
.woocommerce div.product form.cart .dse-crop { max-width: none; }
.dse-crop__box, .dse-crop__zoom { max-width: 300px; }
.woocommerce div.product form.cart .single_variation_wrap { flex: 0 0 100%; }
.woocommerce div.product .woocommerce-variation-add-to-cart { display: flex; flex-wrap: wrap; gap: 10px; align-items: stretch; }
.woocommerce div.product .woocommerce-variation-add-to-cart .button { flex: 1 1 220px; }
/* Verwijzing naar de winkel van het eigen land */
.dse-country-bar { display: flex; align-items: center; justify-content: center; gap: 12px; padding: 8px 44px 8px 16px; background: var(--dse-text); color: var(--dse-surface); font-weight: 600; font-size: .92rem; position: relative; }
.dse-country-bar a { color: inherit; text-decoration: underline; }
.dse-country-bar button { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); background: none; border: 0; color: inherit; font-size: 1.3rem; line-height: 1; cursor: pointer; padding: 4px 8px; }
.dse-country-hint a { font-weight: 700; }
/* Zo werkt het */
.dse-how { background: var(--dse-primary-lt); }
.dse-how__steps { list-style: none; margin: 0; padding: 0; display: grid; gap: 18px; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
.dse-how__steps li { display: grid; gap: 4px; padding: 18px 20px; background: var(--dse-surface); border-radius: var(--dse-radius); border: 1px solid var(--dse-line); }
.dse-how__steps strong { font-size: 1.05rem; }
.dse-how__steps span:last-child { color: var(--dse-muted); line-height: 1.5; }
.dse-how__n { width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center; background: var(--dse-primary); color: var(--dse-on-primary); font-weight: 700; margin-bottom: 6px; }
/* Winkelwagen: knoppen altijd goed leesbaar; "bijwerken" gaat vanzelf */
.woocommerce a.checkout-button, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce #place_order { color: var(--dse-on-primary) !important; opacity: 1 !important; background: var(--dse-primary) !important; }
.woocommerce a.checkout-button:hover, .woocommerce #place_order:hover { background: var(--dse-primary-dk) !important; }
.woocommerce-cart button[name="update_cart"] { display: none !important; }
.woocommerce-cart .coupon input#coupon_code { min-width: 160px; padding: 10px 12px; }
/* ── Design 8 nov ─────────────────────────────────────────────── */
/* Kaarten: rustig, hele kaart klikbaar */
.woocommerce ul.products li.product { padding: 0 0 16px !important; border: 1px solid var(--dse-line); box-shadow: none !important; }
.woocommerce ul.products li.product:hover { border-color: var(--dse-text); transform: none; }
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link { display: flex; flex-direction: column; flex: 1; color: inherit; text-decoration: none; }
.woocommerce ul.products li.product a img { margin: 0 0 14px !important; background: var(--dse-bg, #f4f1ec); }
.woocommerce ul.products li.product .woocommerce-loop-product__title { font: 500 .98rem/1.35 var(--dse-font-body) !important; }
.woocommerce ul.products li.product .price { margin: 4px 0 0 !important; font-weight: 700; font-size: 1rem !important; order: 9; }
.woocommerce ul.products li.product .dse-card-chips { padding: 0 14px; }
/* Subcategorie-tegels (bv. Met lijst / Zonder lijst) als kaarten */
.woocommerce ul.products li.product-category { padding: 0 !important; border: 1px solid var(--dse-line); }
.woocommerce ul.products li.product-category a { display: flex; flex-direction: column; text-decoration: none; color: var(--dse-text); }
.woocommerce ul.products li.product-category img { margin: 0 !important; aspect-ratio: 1 / 1; object-fit: cover; }
.woocommerce ul.products li.product-category h2.woocommerce-loop-category__title { font: 600 1rem/1.3 var(--dse-font-body) !important; color: var(--dse-text) !important; padding: 14px !important; margin: 0 !important; background: none !important; }
.woocommerce ul.products li.product-category h2 mark.count { background: none; color: var(--dse-muted); font-weight: 400; }
/* Uploadvak */
.dse-photo .dse-drop__input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.dse-drop { display: grid; justify-items: center; gap: 2px; padding: 22px 16px; margin: 8px 0 6px; border: 2px dashed var(--dse-line); border-radius: var(--dse-radius); cursor: pointer; text-align: center; background: var(--dse-surface); transition: border-color .15s, background .15s; }
.dse-drop:hover, .dse-drop.is-over { border-color: var(--dse-primary); background: var(--dse-primary-lt); }
.dse-drop__icon { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 50%; background: var(--dse-primary); color: var(--dse-on-primary); font-size: 1.3rem; margin-bottom: 6px; }
.dse-drop__sub { color: var(--dse-muted); font-size: .9rem; }
.dse-drop__file { font-size: .88rem; font-weight: 600; color: var(--dse-text); word-break: break-all; }
.dse-drop.has-file { border-style: solid; border-color: var(--dse-primary); }
.dse-photo label[for="dse-photo"]:not(.dse-drop) { display: block; margin-bottom: 2px; }
.dse-photo { position: relative; }
/* Winkelwagen en afrekenen: rustig, kaarten i.p.v. tabellen */
.woocommerce-cart .dse-page, .woocommerce-checkout .dse-page { max-width: 1120px; }
.woocommerce table.shop_table { border: 1px solid var(--dse-line) !important; border-radius: var(--dse-radius) !important; border-collapse: separate !important; background: var(--dse-surface); overflow: hidden; }
.woocommerce table.shop_table th { font-weight: 600; font-size: .85rem; text-transform: uppercase; letter-spacing: .05em; color: var(--dse-muted); background: transparent; }
.woocommerce table.shop_table td, .woocommerce table.shop_table th { border-top: 1px solid var(--dse-line) !important; padding: 14px 16px !important; }
.woocommerce table.shop_table thead th { border-top: 0 !important; }
.woocommerce-cart table.cart img { width: 72px !important; border-radius: 6px; }
.woocommerce-cart table.cart td.product-name a { color: var(--dse-text); font-weight: 600; text-decoration: none; }
.woocommerce-cart table.cart td.product-name dl.variation { margin: 6px 0 0; font-size: .85rem; color: var(--dse-muted); display: grid; grid-template-columns: auto 1fr; gap: 2px 8px; }
.woocommerce-cart table.cart td.product-name dl.variation dt, .woocommerce-cart table.cart td.product-name dl.variation dd { margin: 0; padding: 0; float: none; }
.woocommerce-cart table.cart td.product-name dl.variation dd p { margin: 0; }
.woocommerce a.remove { color: var(--dse-muted) !important; font-weight: 400; }
.woocommerce a.remove:hover { background: transparent !important; color: #c0392b !important; }
.woocommerce-cart table.cart td.actions { background: transparent; }
.woocommerce-cart table.cart td.actions .coupon { display: flex; gap: 8px; align-items: stretch; }
.woocommerce-cart table.cart td.actions .coupon .button { background: transparent !important; color: var(--dse-text) !important; border: 1px solid var(--dse-line) !important; }
.woocommerce .cart-collaterals .cart_totals { width: 100% !important; max-width: 420px; float: right; padding: 20px; border: 1px solid var(--dse-line); border-radius: var(--dse-radius); background: var(--dse-surface); }
.woocommerce .cart-collaterals .cart_totals h2 { font-size: 1.3rem; margin: 0 0 12px; }
.woocommerce .cart-collaterals .cart_totals table.shop_table { border: 0 !important; }
.woocommerce .cart-collaterals .cart_totals table.shop_table th, .woocommerce .cart-collaterals .cart_totals table.shop_table td { padding: 10px 0 !important; text-transform: none; letter-spacing: 0; font-size: .95rem; }
.woocommerce .cart-collaterals .cart_totals .order-total td, .woocommerce .cart-collaterals .cart_totals .order-total th { font-size: 1.15rem; color: var(--dse-text); }
.woocommerce .cart-collaterals .wc-proceed-to-checkout a.checkout-button { display: block; width: 100%; padding: 16px !important; font-size: 1.05rem; border-radius: var(--dse-radius); }
.woocommerce-shipping-calculator, .woocommerce-shipping-destination { font-size: .85rem; color: var(--dse-muted); }
@media (max-width: 760px) { .woocommerce .cart-collaterals .cart_totals { float: none; max-width: none; } }
/* Afrekenen: twee kolommen, overzicht rechts */
@media (min-width: 960px) {
  .woocommerce-checkout form.checkout { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 0 40px; align-items: start; }
  .woocommerce-checkout form.checkout > #customer_details { grid-column: 1; grid-row: 1 / span 3; }
  .woocommerce-checkout form.checkout > #order_review_heading, .woocommerce-checkout form.checkout > #order_review, .woocommerce-checkout form.checkout > .dse-country-hint-wrap { grid-column: 2; }
  .woocommerce-checkout #customer_details .col-1, .woocommerce-checkout #customer_details .col-2 { width: 100% !important; float: none !important; }
}
.woocommerce-checkout #order_review { padding: 20px; border: 1px solid var(--dse-line); border-radius: var(--dse-radius); background: var(--dse-surface); }
.woocommerce-checkout #order_review_heading { font-size: 1.3rem; margin: 0 0 12px; }
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce form .form-row select, .select2-container .select2-selection--single { padding: 12px 14px !important; border: 1px solid var(--dse-line) !important; border-radius: calc(var(--dse-radius) * .6) !important; background: var(--dse-surface) !important; color: var(--dse-text) !important; min-height: 46px; }
.woocommerce form .form-row label { font-weight: 600; font-size: .9rem; margin-bottom: 4px; }
.woocommerce-checkout #payment { background: transparent !important; border-radius: 0 !important; }
.woocommerce-checkout #payment div.form-row { padding: 12px 0 0 !important; }
.woocommerce-checkout #place_order { width: 100%; padding: 16px !important; font-size: 1.05rem; border-radius: var(--dse-radius); }
/* breedte en details */
.woocommerce-cart .dse-prose, .woocommerce-checkout .dse-prose, .woocommerce-account .dse-prose { max-width: 1120px !important; width: 100%; }
button[name="update_cart"] { display: none !important; }
.woocommerce-cart table.cart td.actions .coupon .button, .woocommerce-cart table.cart td.actions .coupon .button:hover { background: transparent !important; color: var(--dse-text) !important; border: 1px solid var(--dse-text) !important; opacity: 1 !important; }
.woocommerce-cart table.cart td.actions .coupon #coupon_code { width: 180px !important; }
.woocommerce-checkout-review-order-table td.product-name dl.variation { display: grid; grid-template-columns: auto 1fr; gap: 0 8px; margin: 6px 0 0; font-size: .82rem; color: var(--dse-muted); font-weight: 400; }
.woocommerce-checkout-review-order-table td.product-name dl.variation dt, .woocommerce-checkout-review-order-table td.product-name dl.variation dd { margin: 0; padding: 0; float: none; }
.woocommerce-checkout-review-order-table td.product-name dl.variation dd p { margin: 0; }
.woocommerce-info, .woocommerce-message, .woocommerce-error { border: 1px solid var(--dse-line) !important; border-left: 4px solid var(--dse-primary) !important; border-radius: calc(var(--dse-radius) * .6); background: var(--dse-surface) !important; color: var(--dse-text) !important; padding: 14px 16px 14px 18px !important; list-style: none; }
.woocommerce-info::before, .woocommerce-message::before, .woocommerce-error::before { display: none !important; }
.woocommerce-checkout #payment ul.payment_methods { border: 0 !important; padding: 0 !important; }
.woocommerce-checkout #payment ul.payment_methods li.woocommerce-notice { padding: 12px 14px !important; line-height: 1.5; }
.woocommerce-checkout h3 { font-size: 1.2rem; margin: 18px 0 10px; }
/* Lokprijzen */
.dse-hero__prices { display: flex; flex-wrap: wrap; gap: 6px 12px; align-items: center; margin: 4px 0 22px; font-size: 1rem; }
.dse-hero__prices a { color: var(--dse-text); text-decoration: none; padding: 6px 12px; border: 1px solid var(--dse-line); border-radius: 999px; background: var(--dse-surface); }
.dse-hero__prices a:hover { border-color: var(--dse-primary); }
.dse-hero__prices a .amount { color: var(--dse-primary-dk); font-weight: 700; }
.dse-hero__prices > span { display: none; }
.dse-cat .dse-from { font-size: .85rem; color: var(--dse-muted); white-space: nowrap; }
.dse-cat .dse-from .amount { color: var(--dse-text); font-weight: 700; }
.dse-cat__row { flex-direction: column; align-items: flex-start !important; gap: 2px; }
.dse-cat .dse-from { font-size: .82rem; }

/* ── Look "atelier" (8 nov, in de lijn van by-britt.nl) ─────────── */
@font-face { font-family: "Fraunces"; font-style: normal; font-weight: 100 900; font-display: swap; src: url(assets/fonts/fraunces-latin-wght-normal.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Fraunces"; font-style: normal; font-weight: 100 900; font-display: swap; src: url(assets/fonts/fraunces-latin-ext-wght-normal.woff2) format("woff2"); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Fraunces"; font-style: italic; font-weight: 100 900; font-display: swap; src: url(assets/fonts/fraunces-latin-wght-italic.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+2000-206F, U+20AC, U+2122, U+FEFF, U+FFFD; }
@font-face { font-family: "Fraunces"; font-style: italic; font-weight: 100 900; font-display: swap; src: url(assets/fonts/fraunces-latin-ext-wght-italic.woff2) format("woff2"); unicode-range: U+0100-02AF, U+1E00-1E9F, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Karla"; font-weight: 400; font-display: swap; src: url(assets/fonts/karla-latin-400-normal.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+2000-206F, U+20AC, U+2122, U+FEFF, U+FFFD; }
@font-face { font-family: "Karla"; font-weight: 400; font-display: swap; src: url(assets/fonts/karla-latin-ext-400-normal.woff2) format("woff2"); unicode-range: U+0100-02AF, U+1E00-1E9F, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Karla"; font-weight: 600; font-display: swap; src: url(assets/fonts/karla-latin-600-normal.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+2000-206F, U+20AC, U+2122, U+FEFF, U+FFFD; }
@font-face { font-family: "Karla"; font-weight: 600; font-display: swap; src: url(assets/fonts/karla-latin-ext-600-normal.woff2) format("woff2"); unicode-range: U+0100-02AF, U+1E00-1E9F, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Karla"; font-weight: 700; font-display: swap; src: url(assets/fonts/karla-latin-700-normal.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+2000-206F, U+20AC, U+2122, U+FEFF, U+FFFD; }
@font-face { font-family: "Karla"; font-weight: 700; font-display: swap; src: url(assets/fonts/karla-latin-ext-700-normal.woff2) format("woff2"); unicode-range: U+0100-02AF, U+1E00-1E9F, U+2C60-2C7F, U+A720-A7FF; }

.look-atelier { background: var(--dse-bg); }
.look-atelier h1, .look-atelier h2, .look-atelier .dse-h2, .look-atelier .dse-page__title, .look-atelier .product_title { font-family: var(--dse-font-head) !important; font-weight: 500 !important; letter-spacing: -.01em; }
.look-atelier h1 em, .look-atelier .dse-h2 em { font-style: italic; color: var(--dse-primary-dk); }
/* Knoppen: zwart en rond; merkkleur alleen als accent */
.look-atelier .dse-btn, .look-atelier .woocommerce .button, .look-atelier .woocommerce button.button, .look-atelier .woocommerce a.button,
.look-atelier .woocommerce button.single_add_to_cart_button, .look-atelier .woocommerce a.checkout-button, .look-atelier .woocommerce #place_order {
  background: var(--dse-text) !important; color: var(--dse-surface) !important; border-radius: 999px !important; border: 0 !important; font-weight: 600 !important; letter-spacing: .01em; }
.look-atelier .dse-btn:hover, .look-atelier .woocommerce .button:hover, .look-atelier .woocommerce button.single_add_to_cart_button:hover,
.look-atelier .woocommerce a.checkout-button:hover, .look-atelier .woocommerce #place_order:hover { background: var(--dse-primary-dk) !important; }
.look-atelier .woocommerce button.single_add_to_cart_button.disabled { opacity: .45 !important; }
/* Bovenbalken: rustig donker, dunne regel */
.look-atelier .dse-promo, .look-atelier .dse-notice-bar { background: var(--dse-text) !important; color: #fff !important; }
.look-atelier .dse-topbar { background: transparent !important; color: var(--dse-muted) !important; border-bottom: 1px dashed var(--dse-line); font-size: .82rem; }
.look-atelier .dse-header { background: var(--dse-bg) !important; border-bottom: 1px dashed var(--dse-line); box-shadow: none !important; }
/* Hero als afgeronde kaart */
.look-atelier .dse-hero { background: transparent !important; padding: 24px 0 8px !important; }
.look-atelier .dse-hero__inner { background: var(--dse-soft); border-radius: 22px; padding: 48px 44px !important; }
.look-atelier .dse-eyebrow { color: var(--dse-primary-dk) !important; font-size: .75rem; letter-spacing: .14em; }
.look-atelier .dse-hero__prices a { background: var(--dse-surface); border-color: transparent; }
.look-atelier .dse-hero__tile { border-radius: 16px; overflow: hidden; box-shadow: 0 8px 26px rgba(30,26,26,.12); }
@media (max-width: 759px) { .look-atelier .dse-hero__inner { padding: 30px 22px !important; border-radius: 18px; } }
/* Kaarten */
.look-atelier .woocommerce ul.products li.product, .look-atelier .dse-cat, .look-atelier .dse-how__steps li { border: 1px solid var(--dse-line) !important; border-radius: 14px !important; background: var(--dse-surface); }
.look-atelier .woocommerce ul.products li.product:hover, .look-atelier .dse-cat:hover { border-color: var(--dse-text) !important; }
.look-atelier .woocommerce ul.products li.product a img { background: var(--dse-soft); }
.look-atelier .dse-how { background: transparent !important; }
.look-atelier .dse-how__n { background: var(--dse-text) !important; color: var(--dse-surface) !important; }
.look-atelier .price, .look-atelier .dse-from .amount, .look-atelier .woocommerce-Price-amount { color: var(--dse-text) !important; }
.look-atelier .dse-hero__prices a .amount { color: var(--dse-primary-dk) !important; }
.look-atelier .dse-more, .look-atelier .dse-prose a { color: var(--dse-text) !important; text-decoration: underline; text-underline-offset: 3px; }
/* Keuzeknoppen */
.look-atelier .dse-choice { border-radius: 999px !important; }
.look-atelier .dse-choices--color .dse-choice--swatch:has(.is-tinted), .look-atelier .dse-choices--color .dse-choice--swatch.has-tint, .look-atelier .dse-choices--color .dse-choice--swatch:has(img) { border-radius: 12px !important; }   /* foto-/kleurtegel: geen ronde ring om een vierkante tegel (14 nov) */
.look-atelier .dse-choice.is-active { background: var(--dse-text) !important; color: var(--dse-surface) !important; border-color: var(--dse-text) !important; }
/* Voet */
.look-atelier .dse-footer { background: var(--dse-soft) !important; color: var(--dse-text) !important; }
.look-atelier .dse-footer a, .look-atelier .dse-footer h3, .look-atelier .dse-footer h4, .look-atelier .dse-footer p { color: var(--dse-text) !important; }
/* Commercieel (Joan 22:22): kopen = de opvallende actiekleur; rest zwart */
.look-atelier .woocommerce button.single_add_to_cart_button, .look-atelier .woocommerce a.checkout-button, .look-atelier .woocommerce #place_order { background: var(--dse-primary) !important; color: var(--dse-on-primary) !important; }
.look-atelier .woocommerce button.single_add_to_cart_button:hover, .look-atelier .woocommerce a.checkout-button:hover, .look-atelier .woocommerce #place_order:hover { background: var(--dse-primary-dk) !important; }
.look-atelier .dse-holiday { background: var(--dse-text) !important; color: #fff !important; letter-spacing: .01em; }
.look-atelier .woocommerce ul.products li.product .price { font-size: 1.08rem !important; }
.look-atelier .woocommerce ul.products li.product .price .amount { font-weight: 800; }
.look-atelier .dse-hero__prices a { font-size: 1.05rem; padding: 8px 16px; box-shadow: 0 2px 8px rgba(30,26,26,.08); }
/* Foto te klein: advies + akkoord voor automatisch vergroten */
.dse-upscale { margin: 12px 0 4px; padding: 12px 14px; border: 1px solid var(--dse-primary); border-radius: calc(var(--dse-radius) * .7); background: var(--dse-primary-lt); }
.dse-upscale__q { margin: 0 0 8px; font-weight: 600; }
.dse-upscale__ok { display: flex; gap: 8px; align-items: flex-start; font-size: .92rem; cursor: pointer; }
.dse-upscale__ok input { margin-top: 3px; accent-color: var(--dse-primary); }
.dse-upscale__soft { margin: 10px 0 0; font-size: .9rem; color: var(--dse-muted); }
.dse-enhance { display: flex; gap: 8px; align-items: flex-start; margin: 6px 0 10px; font-size: .92rem; cursor: pointer; }
.dse-enhance input { margin-top: 3px; accent-color: var(--dse-primary); }

/* Gekozen kleur bij het label: "Kleur: Marineblauw" (9 nov) */
.dse-picked { font-weight: 400; color: var(--dse-muted, #555); }
.dse-choices--color { gap: 10px; }

/* Productpagina: "foto verbeteren" op een eigen regel, aantal met label naast de knop (Joan 9 nov) */
.woocommerce div.product form.cart .dse-enhance { flex: 0 0 100%; }
.woocommerce div.product form.cart .dse-qty { display: flex; flex-direction: column; gap: 4px; }
.woocommerce div.product form.cart .dse-qty__label { font-size: .85rem; font-weight: 700; }
.woocommerce div.product form.cart .dse-qty .quantity { margin: 0 !important; }
.woocommerce div.product form.cart .dse-qty .qty { width: 72px; min-height: 52px; text-align: center; }
.woocommerce div.product form.cart .button.single_add_to_cart_button { align-self: flex-end; }

/* Lichte footer (atelier): kopjes, merknaam en onderregel ook donker — waren wit op beige (Joan 9 nov) */
.look-atelier .dse-footer__brand, .look-atelier .dse-footer__head { color: var(--dse-text) !important; }
.look-atelier .dse-footer__tag, .look-atelier .dse-footer__bottom, .look-atelier .dse-footer__bottom a { color: var(--dse-muted) !important; }
.look-atelier .dse-footer__bottom { border-top-color: var(--dse-line); }

/* 11 nov: winkelwagen op telefoon liep rechts buiten beeld (tabel 379 px in 340 px kader) */
@media (max-width: 768px) {
  .woocommerce table.shop_table_responsive, .woocommerce-page table.shop_table_responsive { width: 100%; max-width: 100%; table-layout: fixed; }
  .woocommerce table.shop_table_responsive tr td { overflow-wrap: anywhere; word-break: normal; }
  .woocommerce table.shop_table_responsive tr td::before { overflow-wrap: normal; }
  .woocommerce table.shop_table_responsive dl.variation, .woocommerce table.shop_table_responsive dl.variation dd { max-width: 100%; }
}
/* Ontwerpvoorbeeld ook op telefoon in de winkelwagen (WooCommerce verbergt de fotokolom) */
@media (max-width: 768px) {
  .woocommerce table.cart td.product-thumbnail { display: block !important; text-align: center; padding: 12px 0 4px; }
  .woocommerce table.cart td.product-thumbnail::before { display: none; }
  .woocommerce table.cart td.product-thumbnail img { width: 140px; max-width: 60%; height: auto; border-radius: 10px; }
}

/* Voorpagina = assortiment (Joan 12 nov): korte kop + alle soorten als tegels, geen losse knop */
.dse-hero--range { padding: clamp(20px, 4vw, 44px) 0 clamp(20px, 4vw, 40px); }
.dse-hero--range .dse-hero__text { max-width: 46em; }
.dse-hero--range h1 { margin: 0 0 6px; font-size: clamp(1.6rem, 4.2vw, 2.6rem); line-height: 1.15; }
.dse-hero--range .dse-hero__lead { margin: 0 0 18px; font-size: 1.02rem; }
.dse-cats--hero { grid-template-columns: repeat(2, 1fr); gap: 10px; }
.dse-cats--hero .dse-cat__row { padding: 10px 12px; }
.dse-cats--hero .dse-cat__name { font-weight: 700; }
@media (min-width: 560px) { .dse-cats--hero { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 900px) { .dse-cats--hero { grid-template-columns: repeat(4, 1fr); gap: 14px; } }
@media (min-width: 1200px) { .dse-cats--hero { grid-template-columns: repeat(6, 1fr); } }
@media (orientation: landscape) and (max-height: 500px) { .dse-cats--hero { grid-template-columns: repeat(4, 1fr); } .dse-cats--hero .dse-cat__img { aspect-ratio: 4/3; } }

/* Carrousel op de voorpagina (Joan 12 nov): vegen op telefoon, automatisch door, geen zichtbare schuifbalk */
.dse-carousel { position: relative; margin: 0 0 18px; }
.dse-carousel__track { display: grid; grid-auto-flow: column; grid-auto-columns: 62%; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; -ms-overflow-style: none; overscroll-behavior-x: contain; }
.dse-carousel__track::-webkit-scrollbar { display: none; }
.dse-carousel__item { scroll-snap-align: start; position: relative; display: block; border-radius: var(--dse-radius); overflow: hidden; background: var(--dse-surface); box-shadow: 0 10px 26px rgba(0,0,0,.10); text-decoration: none; color: var(--dse-text); }
.dse-carousel__item img { display: block; width: 100%; aspect-ratio: 1/1; object-fit: cover; }
.dse-carousel__cap { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; padding: 8px 12px; font-size: .9rem; }
.dse-carousel__cap span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dse-carousel__cap b { white-space: nowrap; color: var(--dse-primary-dk); }
.dse-carousel__btn { position: absolute; top: 40%; transform: translateY(-50%); width: 38px; height: 38px; border-radius: 50%; border: 1px solid var(--dse-line); background: var(--dse-surface); color: var(--dse-text); font-size: 24px; line-height: 1; cursor: pointer; box-shadow: 0 4px 12px rgba(0,0,0,.12); }
.dse-carousel__btn--prev { left: -6px; } .dse-carousel__btn--next { right: -6px; }
@media (hover: none) { .dse-carousel__btn { display: none; } }
@media (min-width: 560px) { .dse-carousel__track { grid-auto-columns: 38%; } }
@media (min-width: 900px) { .dse-carousel__track { grid-auto-columns: calc((100% - 36px) / 4); } }
@media (orientation: landscape) and (max-height: 500px) { .dse-carousel__track { grid-auto-columns: 28%; } }
.dse-carousel__title { margin: 22px 0 10px; font-size: 1.15rem; }
.dse-hero--range .dse-cats--hero + .dse-carousel__title { margin-top: 24px; }
@media (min-width: 1200px) { .dse-cats--n8, .dse-cats--n4 { grid-template-columns: repeat(4, 1fr); } }

/* Carrousel: label en bolletjes (Drukwerkdeal/ShirtUp) */
.dse-carousel__badge { position: absolute; top: 10px; left: 10px; z-index: 1; padding: 4px 10px; border-radius: 999px; background: var(--dse-surface); border: 2px solid var(--dse-primary); color: var(--dse-primary-dk); font-size: .78rem; font-weight: 700; }
.dse-carousel__dots { display: flex; justify-content: center; gap: 8px; margin-top: 10px; min-height: 10px; }
.dse-carousel__dots i { width: 9px; height: 9px; border-radius: 50%; border: 1.5px solid var(--dse-muted); }
.dse-carousel__dots i.on { background: var(--dse-primary); border-color: var(--dse-primary); }
/* Actieweek (Black Friday): balk met aftelklok + actieblok op de voorpagina */
.dse-campagne-bar { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 4px 14px; padding: 9px 14px; background: #111; color: #fff; font-weight: 700; font-size: .92rem; text-align: center; }
.dse-campagne-bar .dse-clock b { color: #fff; }
.dse-clock { font-variant-numeric: tabular-nums; white-space: nowrap; }
.dse-clock b { display: inline-block; min-width: 1.5em; padding: 1px 4px; margin: 0 2px 0 6px; border-radius: 4px; background: rgba(255,255,255,.14); text-align: center; }
.dse-campagne { margin: 0 0 16px; padding: 18px 18px 16px; border-radius: var(--dse-radius); background: #111; color: #fff; }
.dse-campagne__naam { margin: 0; font-size: .82rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; opacity: .85; }
.dse-campagne__kop { margin: 2px 0 6px; font-size: clamp(1.8rem, 6vw, 2.8rem); font-weight: 800; line-height: 1.05; }
.dse-campagne__sub { margin: 0 0 10px; color: #d6d6d6; }
.dse-campagne .dse-clock { font-size: 1.05rem; }

/* Zoekveld bovenaan de voorpagina (Pinkcube/Drukwerkdeal) */
.dse-search { display: flex; align-items: center; margin: 0 0 16px; border: 2px solid var(--dse-text); border-radius: 999px; background: var(--dse-surface); overflow: hidden; }
.dse-search input[type=search] { flex: 1; min-width: 0; border: 0; background: transparent; padding: 12px 16px; font: inherit; font-size: 1rem; color: var(--dse-text); outline: none; }
.dse-search button { border: 0; background: transparent; padding: 0 16px; height: 46px; color: var(--dse-text); cursor: pointer; }
.dse-hero--range .dse-campagne { margin-bottom: 14px; }
/* Tegels als beeld met de naam erover (Joan 12 nov: "zoiets ziet er echt mooi uit", Kledingcalculator) */
.dse-cats--hero .dse-cat { position: relative; border: 0; border-radius: var(--dse-radius); box-shadow: 0 6px 18px rgba(0,0,0,.08); }
.dse-cats--hero .dse-cat__img { aspect-ratio: 4/5; }
.dse-cats--hero .dse-cat__row { position: absolute; left: 0; right: 0; bottom: 0; padding: 40px 14px 12px; background: linear-gradient(to top, rgba(0,0,0,.72), rgba(0,0,0,.35) 55%, transparent); color: #fff; }
.dse-cats--hero .dse-cat__name { font-size: 1.12rem; font-weight: 800; color: #fff; text-shadow: 0 1px 2px rgba(0,0,0,.35); }
.dse-cats--hero .dse-cat .dse-from, .dse-cats--hero .dse-cat .dse-from .amount { color: #fff; }
.dse-cats--hero .dse-cat .dse-from { opacity: .95; }
@media (min-width: 900px) { .dse-cats--hero .dse-cat__name { font-size: 1.25rem; } }
.dse-cats--hero .dse-cat__row, .dse-cats--hero .dse-cat__row * { color: #fff !important; }
.dse-cats--hero .dse-cat__row { background: linear-gradient(to top, rgba(0,0,0,.82), rgba(0,0,0,.45) 60%, transparent); }

/* Afrekenen (Joan 12 nov): het losse "— OF —" van Stripe stond eenzaam in de rechterkolom → weg; snelbetalen blijft bovenaan */
#wc-stripe-express-checkout-button-separator { display: none !important; }

/* ── Uitklappanelen per hoofdgroep (Joan 12 nov, voorbeeld ShirtUp) ── */
.dse-navdrop { position: static; display: flex; }
.dse-drop__top { white-space: nowrap; }
.dse-drop__panel { display: none; }
@media (min-width: 960px) and (hover: hover) {
  .dse-header .dse-wrap, .dse-header { position: relative; }
  .dse-drop__top::after { content: ''; display: inline-block; width: 6px; height: 6px; margin-left: 7px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: translateY(-3px) rotate(45deg); }
  .dse-navdrop:hover > .dse-drop__panel, .dse-navdrop:focus-within > .dse-drop__panel {
    display: grid; grid-template-columns: 1fr auto; gap: 28px; position: absolute; left: 0; right: 0; top: 100%; z-index: 60;
    background: var(--dse-surface); border: 1px solid var(--dse-line); border-radius: 0 0 12px 12px; box-shadow: 0 18px 40px rgba(0,0,0,.12); padding: 26px 30px; }
  .dse-navdrop:hover > .dse-drop__top { background: var(--dse-primary-lt); color: var(--dse-primary-dk); }
  .dse-drop__cols { display: grid; grid-template-columns: repeat(3, minmax(160px, 1fr)); gap: 22px 32px; align-content: start; }
  .dse-drop__head { display: block; font-weight: 700; color: var(--dse-text) !important; padding: 0 0 6px !important; background: none !important; }
  .dse-drop__col ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }
  .dse-drop__col ul a { display: block; padding: 3px 0 !important; font-weight: 500 !important; color: var(--dse-muted) !important; background: none !important; }
  .dse-drop__col ul a:hover, .dse-drop__head:hover { color: var(--dse-primary-dk) !important; }
  .dse-drop__cards { display: grid; grid-template-columns: repeat(2, 170px); gap: 14px; align-content: start; }
  .dse-drop__card { display: grid; gap: 8px; padding: 0 !important; text-align: center; font-weight: 600 !important; font-size: .9rem; color: var(--dse-text) !important; background: none !important; }
  .dse-drop__card img { width: 170px; height: 170px; object-fit: cover; border-radius: 10px; background: var(--dse-bg); }
  .dse-drop__card:hover span { color: var(--dse-primary-dk); }
}

/* Actielabel op productfoto's (Campagne) */
.woocommerce span.onsale.dse-saleflash { min-height: 0; min-width: 0; line-height: 1.2; padding: 6px 10px; border-radius: 6px; background: #8B1A1A; color: #fff; font-weight: 700; font-size: .85rem; top: 10px; left: 10px; right: auto; }

/* Donker: feestdag-, actie- en meldingsbalk leesbaar (12 nov: Sinterklaas-balk was wit op licht) */
:root[data-theme=dark] .dse-holiday, :root[data-theme=dark] .look-atelier .dse-holiday,
:root[data-theme=dark] .look-atelier .dse-promo, :root[data-theme=dark] .look-atelier .dse-notice-bar { background: var(--dse-surface) !important; color: var(--dse-text) !important; border-bottom: 1px solid var(--dse-line); }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]) .dse-holiday, :root:not([data-theme=light]) .look-atelier .dse-holiday,
  :root:not([data-theme=light]) .look-atelier .dse-promo, :root:not([data-theme=light]) .look-atelier .dse-notice-bar { background: var(--dse-surface) !important; color: var(--dse-text) !important; border-bottom: 1px solid var(--dse-line); }
}

/* Rij met voordelen onder de kop (12 nov) */
.dse-usp { border-top: 1px solid var(--dse-line); border-bottom: 1px solid var(--dse-line); background: var(--dse-surface); }
.dse-usp__row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; padding-top: 16px; padding-bottom: 16px; }
.dse-usp__item { display: grid; gap: 2px; }
.dse-usp__item strong { font-size: 1rem; color: var(--dse-text); }
.dse-usp__item span { font-size: .85rem; color: var(--dse-muted); line-height: 1.35; }
@media (max-width: 860px) { .dse-usp__row { grid-template-columns: repeat(2, 1fr); gap: 12px 16px; } }

/* Pagina's naar gelegenheid (12 nov) */
.dse-occ h1 { margin-bottom: .3em; }
.dse-occ__dl { background: var(--dse-primary-lt); color: var(--dse-primary-dk); padding: 10px 14px; border-radius: 8px; display: inline-block; }
.dse-occ h2 { margin-top: 1.4em; }
.dse-occ__faq { margin-top: 28px; display: grid; gap: 8px; }
.dse-occ__faq details { border: 1px solid var(--dse-line); border-radius: 8px; padding: 10px 14px; background: var(--dse-surface); }
.dse-occ__faq summary { cursor: pointer; font-weight: 600; }

/* S&H-homepage (12 nov) */
.dse-sh-b2b { background: var(--dse-surface); border-top: 1px solid var(--dse-line); border-bottom: 1px solid var(--dse-line); }
.dse-sh-b2b__grid { display: grid; grid-template-columns: 1.4fr 1fr; gap: 32px; align-items: start; }
.dse-sh-b2b__pts { margin: 12px 0; padding-left: 1.1em; display: grid; gap: 4px; }
.dse-sh-b2b__links { display: flex; gap: 10px; flex-wrap: wrap; }
.dse-sh-b2b__tab { width: 100%; border-collapse: collapse; }
.dse-sh-b2b__tab th, .dse-sh-b2b__tab td { text-align: left; padding: 8px 10px; border-bottom: 1px solid var(--dse-line); }
@media (max-width: 760px) { .dse-sh-b2b__grid { grid-template-columns: 1fr; gap: 16px; } }
.dse-btn--ghost { background: transparent !important; color: var(--dse-text) !important; border: 1px solid var(--dse-line) !important; }

/* Kwaliteitsladder Basic/Comfort/Premium (12 nov) */
.dse-tier { display: inline-block; font-size: .72rem; font-weight: 700; letter-spacing: .02em; padding: 2px 8px; border-radius: 999px; margin: 2px 0 4px; border: 1px solid var(--dse-line); color: var(--dse-muted); }
.dse-tier--premium { border-color: var(--dse-primary); color: var(--dse-primary-dk); }
.dse-tiers { margin: 6px 0 14px; }
.dse-tiers__label { font-weight: 600; font-size: .9rem; margin-right: 8px; }
.dse-tiers ol { display: inline-flex; gap: 6px; list-style: none; padding: 0; margin: 0; vertical-align: middle; }
.dse-tiers li { font-size: .8rem; padding: 3px 10px; border-radius: 999px; border: 1px solid var(--dse-line); color: var(--dse-muted); }
.dse-tiers li.is-on { background: var(--dse-text); color: var(--dse-surface); border-color: var(--dse-text); font-weight: 700; }
.dse-tiers p { margin: 6px 0 0; font-size: .85rem; color: var(--dse-muted); }

/* Atelier-look volgt donkere modus (12 nov, kaarten waren wit met lichte tekst) */
:root { --dse-soft: #F5F0EA; }
:root[data-theme=dark] { --dse-soft: #26221f; }
@media (prefers-color-scheme: dark) { :root:not([data-theme=light]) { --dse-soft: #26221f; } }

/* Telefoonmenu groter en rustiger (12 nov, Joan: ShirtUp ziet er op telefoon beter uit): schermvullend,
   hoofdgroepen als ruime blokken met icoon en plus, gelegenheden als eigen groep, losse links onderaan, vaste knop onderin. */
.dse-cat-ico { flex: 0 0 24px; color: var(--dse-primary); }
.dse-mega__title { display: flex; align-items: center; gap: 12px; }
.dse-mega__cta { display: none; }
@media (max-width: 959px) {
  .dse-menu[open] > .dse-menu__panel.dse-mega { left: 0; right: 0; bottom: 0; max-height: none; border-radius: 0; border: 0; border-top: 1px solid var(--dse-line); box-shadow: none;
    padding: 14px 16px 0; display: flex; flex-direction: column; }
  .dse-mega__cols { order: 1; gap: 10px; }
  .dse-mega__side { order: 2; border: 0; margin: 14px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 4px 6px; }
  .dse-menu__panel .dse-mega__side a { font-weight: 500; color: var(--dse-muted); padding: 8px 10px; font-size: .92rem; }
  .dse-mega__col, .dse-mega__col:last-child { border: 1px solid var(--dse-line); border-radius: 10px; }
  .dse-mega__row { min-height: 58px; }
  .dse-menu__panel .dse-mega__title { padding: 14px 16px; font-size: 1.06rem; font-weight: 600; }
  .dse-mega__tog { height: 58px; width: 56px; flex-basis: 56px; color: var(--dse-text); }
  .dse-mega__tog::after, .dse-mega__col.is-open .dse-mega__tog::after { content: '+'; width: auto; height: auto; border: 0; transform: none; font-size: 1.6rem; font-weight: 300; line-height: 1; }
  .dse-mega__col.is-open .dse-mega__tog::after { content: '−'; }
  .dse-mega__col.is-open { border-color: var(--dse-text); }
  .dse-menu__panel .dse-mega__list a { padding: 10px 16px 10px 52px; }
  .dse-mega__cta { display: block; order: 3; position: sticky; bottom: 0; margin: auto -16px 0; padding: 12px 16px calc(12px + env(safe-area-inset-bottom)); background: var(--dse-surface); border-top: 1px solid var(--dse-line); }
  .dse-menu__panel .dse-mega__cta .dse-btn { display: block; text-align: center; padding: 14px; font-weight: 700; }
}

/* Derde menuniveau: alleen op de telefoon, onder elkaar uitklappen (12 nov) */
.dse-mega__tog2, .dse-mega__list2 { display: none; }
@media (max-width: 959px) {
  .dse-mega__sub { display: flex; flex-wrap: wrap; align-items: center; }
  .dse-mega__sub > a { flex: 1; }
  .dse-mega__tog2 { display: grid; place-items: center; width: 56px; height: 44px; background: none; border: 0; color: var(--dse-text); cursor: pointer; }
  .dse-mega__tog2::after { content: ''; width: 8px; height: 8px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: translateY(-2px) rotate(45deg); transition: transform .15s; }
  .dse-mega__sub.is-open > .dse-mega__tog2::after { transform: translateY(2px) rotate(-135deg); }
  .dse-mega__sub.is-open > .dse-mega__list2 { display: grid; flex-basis: 100%; list-style: none; margin: 0 0 6px; padding: 0; }
  .dse-menu__panel .dse-mega__list > li > a { color: var(--dse-text); }
  .dse-menu__panel .dse-mega__list2 a { padding: 9px 16px 9px 68px; font-weight: 500; color: var(--dse-muted); }
  .dse-menu__panel .dse-mega__more { font-weight: 700 !important; color: var(--dse-text) !important; }
}

/* Carrousel populaire categorieën (12 nov) */
.dse-car__track { display: grid; grid-auto-flow: column; grid-auto-columns: 78%; gap: 14px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; overscroll-behavior-x: contain; scrollbar-width: none; padding-bottom: 2px; }
.dse-car__track::-webkit-scrollbar { display: none; }
@media (min-width: 600px) { .dse-car__track { grid-auto-columns: calc((100% - 28px) / 3); } }
@media (min-width: 1080px) { .dse-car__track { grid-auto-columns: calc((100% - 42px) / 4); } }
.dse-car__card { position: relative; display: block; scroll-snap-align: start; aspect-ratio: 3 / 4; border-radius: var(--dse-radius); overflow: hidden; background: var(--dse-soft, #f2f2f2); color: #fff; text-decoration: none; }
.dse-car__card img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .35s; }
.dse-car__card::after { content: ''; position: absolute; inset: 55% 0 0; background: linear-gradient(transparent, rgba(0,0,0,.62)); }
.dse-car__card:hover img { transform: scale(1.04); }
.dse-car__name { position: absolute; left: 18px; right: 18px; bottom: 16px; z-index: 1; font: 700 1.3rem/1.2 var(--dse-font-head); color: #fff; text-shadow: 0 1px 3px rgba(0,0,0,.35); }
.dse-car__nav { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 16px; }
.dse-car__btn { width: 52px; height: 44px; border-radius: 10px; border: 1px solid var(--dse-line); background: var(--dse-surface); color: var(--dse-text); font-size: 1.25rem; cursor: pointer; }
.dse-car__btn:hover { border-color: var(--dse-text); }
.dse-car__dots { display: flex; gap: 8px; flex-wrap: wrap; justify-content: center; }
.dse-car__dots i { width: 9px; height: 9px; border-radius: 50%; border: 1.5px solid var(--dse-muted); }
.dse-car__dots i.is-on { background: var(--dse-primary); border-color: var(--dse-primary); }

/* Staffelzetje in de winkelwagen (12 nov) */
.dse-nudge { margin: 6px 0 2px; font-size: .86rem; color: var(--dse-text); }
.dse-nudge strong { color: var(--dse-primary-dk); }
.dse-nudge span { color: var(--dse-muted); }
.dse-nudge--ok { color: var(--dse-primary-dk); font-weight: 600; }

/* Zelfde foto op ander product (12 nov) */
.dse-reuse { margin: 8px 0 0; }
.dse-reuse .dse-btn { padding: 8px 14px; font-size: .88rem; }
.dse-reuse-banner { padding: 10px 14px; border: 1px solid var(--dse-line); border-left: 3px solid var(--dse-primary); border-radius: var(--dse-radius); background: var(--dse-surface); }
.dse-reuse-use { margin: 0 0 10px; }
/* Ghost-knop wint van de Atelier-knopstijl (in de winkelwagen was "Zelfde foto…" een lege witte pil) */
.look-atelier .dse-btn.dse-btn--ghost, .dse-btn.dse-btn--ghost, .woocommerce .dse-reuse a.dse-btn { background: transparent !important; color: var(--dse-text) !important; border: 1px solid var(--dse-line) !important; }
.look-atelier .dse-btn.dse-btn--ghost:hover, .woocommerce .dse-reuse a.dse-btn:hover { border-color: var(--dse-text) !important; background: transparent !important; }

/* Gratis-verzending-zetje (12 nov) */
.dse-freeship { margin: 0 0 12px; padding: 10px 14px; border: 1px solid var(--dse-line); border-left: 3px solid var(--dse-primary); border-radius: var(--dse-radius); font-weight: 600; font-size: .92rem; }
.dse-freeship-row td { font-weight: 600; font-size: .9rem; color: var(--dse-primary-dk); }

/* Toevoegen aan bestelling (13 nov) */
.dse-addon { margin: 0 0 18px; padding: 14px 16px; border: 1px solid var(--dse-line); border-left: 3px solid var(--dse-primary); border-radius: var(--dse-radius); background: var(--dse-surface); display: flex; flex-wrap: wrap; gap: 8px 12px; align-items: center; }
.dse-addon .dse-btn { padding: 10px 16px; }
.dse-addon--active { display: block; font-weight: 600; }

/* Zakelijke winkel: schakelaar excl./incl. btw in de bovenbalk (13 nov) */
.dse-btw-toggle{color:inherit;text-decoration:underline;text-underline-offset:2px;white-space:nowrap}
.dse-btw-toggle:hover{text-decoration-thickness:2px}
.price .dse-btw{font-size:.75em;font-weight:400;opacity:.75;margin-left:.25em}
/* Eigen vectorlogo in de kop (Promo Partner, 13 nov): licht/donker variant */
.dse-brand .dse-logo--licht, .dse-brand .dse-logo--donker { height: 36px; width: auto; display: block; }
.dse-brand .dse-logo--donker { display: none; }
:root[data-theme=dark] .dse-brand .dse-logo--licht { display: none; }
:root[data-theme=dark] .dse-brand .dse-logo--donker { display: block; }
@media (max-width: 480px) { .dse-brand .dse-logo--licht, .dse-brand .dse-logo--donker { height: 30px; } }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]) .dse-brand .dse-logo--licht { display: none; }
  :root:not([data-theme=light]) .dse-brand .dse-logo--donker { display: block; }
}
/* Offertemandje (Promo Partner, 13 nov) */
.dse-quote-link{position:relative;display:inline-flex;align-items:center;gap:6px;color:inherit;text-decoration:none;font-weight:600}
.dse-quote-link .dse-cart-count{position:absolute;top:-6px;left:12px}
@media (max-width:640px){.dse-quote-label{display:none}}
.dse-quote-add{margin-top:10px;width:100%}
.dse-quote{padding:24px 0 48px;max-width:860px}
.dse-quote__intro{color:var(--dse-muted,#5a6578)}
.dse-quote__ok{background:var(--dse-surface);border:1px solid var(--dse-line);border-left:4px solid var(--dse-primary);padding:16px;border-radius:12px;margin:16px 0}
.dse-quote__msg{font-weight:600}
.dse-quote__table{width:100%;border-collapse:collapse;margin:12px 0}
.dse-quote__table th,.dse-quote__table td{text-align:left;padding:8px;border-bottom:1px solid var(--dse-line)}
.dse-quote__table td:last-child,.dse-quote__table th:last-child{text-align:right;white-space:nowrap}
.dse-quote__table input{width:5.5em}
.dse-quote__sum{text-align:right;margin:4px 0}
.dse-quote__form{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;margin-top:24px}
.dse-quote__form label{display:flex;flex-direction:column;gap:4px;font-weight:600;font-size:14px}
.dse-quote__form input,.dse-quote__form textarea{font:inherit;font-weight:400;padding:10px;border:1px solid var(--dse-line);border-radius:10px;background:var(--dse-surface);color:inherit}
.dse-quote__wide{grid-column:1/-1}
.dse-quote__form .dse-btn{grid-column:1/-1;justify-self:start}
.dse-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
@media (max-width:640px){.dse-quote__form{grid-template-columns:1fr}}
/* Megamenu desktop zonder scrollen (Joan 13 nov: "scrollen en mega menu voorkomen"): alle groepen naast elkaar, lijsten kort */
@media (min-width: 960px) {
  .dse-menu__panel.dse-mega { max-height: none; overflow: visible; }
  .dse-mega__cols { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); }
  .dse-mega__cols > .dse-menu__head { grid-column: 1 / -1; grid-row: 1; }
  .dse-mega__col { grid-row: 2; }
  .dse-mega__list > li:nth-child(n+8):not(:has(.dse-mega__more)) { display: none; }
  .dse-mega__col--occ .dse-mega__list > li:nth-child(n+8) { display: none; }
}
@media (min-width: 960px) and (max-width: 1199px) { .dse-menu__panel.dse-mega { grid-template-columns: 150px 1fr; gap: 18px; } .dse-mega__cols { gap: 18px 14px; } }
/* Uitklapmenu's in de balk blijven open als je met de muis naar beneden gaat (Joan 13 nov): korte sluitvertraging + brug */
@media (min-width: 960px) and (hover: hover) {
  .dse-navdrop > .dse-drop__panel {
    display: grid; grid-template-columns: 1fr auto; gap: 28px; position: absolute; left: 0; right: 0; top: 100%; z-index: 60;
    background: var(--dse-surface); border: 1px solid var(--dse-line); border-radius: 0 0 12px 12px; box-shadow: 0 18px 40px rgba(0,0,0,.12); padding: 26px 30px;
    visibility: hidden; opacity: 0; pointer-events: none; transition: opacity .12s ease .25s, visibility 0s linear .37s; }
  .dse-navdrop > .dse-drop__panel::before { content: ''; position: absolute; left: 0; right: 0; bottom: 100%; height: 34px; }
  .dse-navdrop:hover > .dse-drop__panel, .dse-navdrop:focus-within > .dse-drop__panel { visibility: visible; opacity: 1; pointer-events: auto; transition-delay: 0s; z-index: 61; }
}
.dse-b2b-link{color:var(--dse-text);text-decoration:none;font-weight:600;padding:8px 12px;border:1px solid var(--dse-line);border-radius:var(--dse-radius);white-space:nowrap}
.dse-b2b-link:hover{border-color:var(--dse-primary);color:var(--dse-primary-dk)}
@media (max-width:640px){.dse-b2b-link{padding:6px 8px;font-size:.88rem}}
/* Zakelijke modus binnen dezelfde winkel (13 nov): schakelknop gemarkeerd, rustiger uitstraling */
.dse-b2b-link.is-on{border-color:var(--dse-primary);color:var(--dse-primary-dk)}
body.dse-b2b .dse-hero__title em, body.dse-b2b .dse-hero h1 em{font-style:normal}
@media (max-width: 640px) { .dse-topbar:has(.dse-btw-toggle) > span { display: none; } .dse-topbar { gap: 12px; } }
/* Snel in winkelwagen + direct afrekenen (Joan 13 nov) */
.dse-buynow{width:100%;margin-top:10px;background:var(--dse-text);color:var(--dse-bg);border-color:var(--dse-text)}
.dse-buynow:hover{opacity:.9}
.dse-fastcart{position:fixed;left:50%;bottom:20px;transform:translate(-50%,140%);background:var(--dse-text);color:var(--dse-bg);padding:12px 18px;border-radius:12px;font-weight:600;box-shadow:0 10px 30px rgba(0,0,0,.25);z-index:9999;transition:transform .2s;max-width:calc(100vw - 24px)}
.dse-fastcart.is-on{transform:translate(-50%,0)}
.dse-fastcart a{color:inherit;text-decoration:underline;margin-left:4px}
/* Telefoonkop rustig (Joan 13 nov: "rommelig met zakelijk en menu streepjes in het midden"):
   logo links; rechts licht/donker, winkelwagen en als laatste het menu. Zakelijk-knop staat dan in het menu. */
@media (max-width: 959px) {
  .dse-nav > .dse-b2b-link, .dse-nav > .dse-quote-link .dse-quote-label { display: none; }
  .dse-nav .dse-menu { order: 9; }
  .dse-mega__side .dse-b2b-link { display: block; margin: 6px 12px 0; text-align: center; }
}
@media (hover: none) { .dse-menu summary:hover { background: none; } }
@media (max-width: 959px) { .dse-mega__side .dse-menu-quote { display: block; margin: 8px 12px 0; text-align: center; color: var(--dse-on-primary) !important; } }
/* Kop en telefoonmenu zoals ShirtUp (13 nov): iconen zoeken/account/winkelwagen/menu; menu = alleen groepen,
   "Zakelijk" als laatste groep, "Offerte aanvragen" vast onderaan */
.dse-icon-link { display: inline-grid; place-items: center; width: 40px; height: 40px; color: var(--dse-text); border-radius: 999px; }
.dse-icon-link:hover { background: var(--dse-primary-lt); color: var(--dse-primary-dk); }
@media (max-width: 959px) {
  .dse-nav .dse-mode, .dse-nav [class*="dse-mode"] { display: none; }
  .dse-mega__side { border-bottom: 0; padding: 0; margin: 0; }
  .dse-mega__side > a:not(.dse-b2b-link):not(.dse-menu-quote) { display: none; }
  .dse-mega { display: flex; flex-direction: column; }
  .dse-mega__cols { order: 1; } .dse-mega__side { order: 2; }
  .dse-mega__side .dse-b2b-link { display: flex; align-items: center; justify-content: space-between; margin: 0; padding: 18px 14px; border: 0; border-top: 1px solid var(--dse-line); border-radius: 0; font-weight: 600; text-align: left; }
  .dse-mega__side .dse-menu-quote { position: sticky; bottom: 0; margin: 12px 0 0; width: 100%; text-align: center; padding: 14px; border-radius: var(--dse-radius); }
}
/* Desktopkop in twee rijen, zoals ShirtUp (13 nov): rij 1 logo | zoekbalk | Offerte | account | licht/donker | winkelwagen,
   rij 2 Alle categorieën | groepen | Zakelijk rechts */
.dse-hsearch { display: none; }
@media (min-width: 960px) {
  .dse-header__inner { display: grid; grid-template-columns: auto minmax(220px, 420px) 1fr auto auto auto auto; grid-template-areas: "brand search . quote account mode cart" "menu links links links links links b2b"; align-items: center; column-gap: 10px; row-gap: 6px; padding-top: 10px; padding-bottom: 6px; }
  .dse-nav { display: contents; }
  .dse-brand { grid-area: brand; }
  .dse-hsearch { grid-area: search; display: flex; border: 1px solid var(--dse-line); border-radius: 6px; overflow: hidden; background: var(--dse-surface); }
  .dse-hsearch input[type=search] { flex: 1; border: 0; background: none; padding: 10px 14px; font: inherit; color: var(--dse-text); min-width: 0; }
  .dse-hsearch input[type=search]:focus { outline: none; }
  .dse-hsearch button { border: 0; background: none; padding: 0 12px; color: var(--dse-text); cursor: pointer; border-left: 1px solid var(--dse-line); }
  .dse-nav .dse-menu { grid-area: menu; }
  .dse-nav .dse-menu summary { border: 1px solid var(--dse-line); border-radius: 4px; padding: 6px 12px; }
  .dse-nav__links { grid-area: links; }
  .dse-nav > .dse-b2b-link { grid-area: b2b; justify-self: end; border: 0; padding: 6px 4px; }
  .dse-icon-search { display: none !important; }
  .dse-icon-account { grid-area: account; }
  .dse-mode { grid-area: mode; }
  .dse-quote-link { grid-area: quote; background: var(--dse-text); color: var(--dse-bg) !important; padding: 8px 14px; border-radius: 4px; text-transform: uppercase; font-size: .9rem; letter-spacing: .02em; }
  .dse-quote-link svg { display: none; }
  .dse-quote-link .dse-cart-count { position: static; margin-left: 6px; }
  .dse-cart { grid-area: cart; }
  .header-centered .dse-header__inner { grid-template-columns: auto minmax(220px, 420px) 1fr auto auto auto auto; }
}
@media (min-width: 960px) { .dse-cart { position: relative; } .dse-nav__links { justify-self: start; } }
.dse-rights{font-size:.8rem;color:var(--dse-muted);margin:6px 0 0}

/* 13 nov A-Z: badge stond los van het mandje (grid rekte de link op) en dubbele zoekbalk op desktop */
@media (min-width: 960px) {
  .dse-header__inner > .dse-cart, .dse-nav > .dse-cart { justify-self: start; padding: 8px 10px; }
  .dse-cart .dse-cart-count { top: -2px; right: -4px; }
  .dse-hero .dse-search { display: none; }
}
.dse-sponsor{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:baseline;margin:10px 0;padding:10px 12px;border:1px dashed var(--dse-line);border-radius:6px;cursor:pointer}
.dse-sponsor small{flex-basis:100%;color:var(--dse-muted,#666);font-size:.82rem}

/* 14 nov: keuzehulp "Waar heb je het voor nodig?" (lib/Keuzehulp.php) — sober, licht/donker, geen horizontaal scrollen */
.dse-kh { margin: 0 0 18px; padding: 12px 16px; border: 1px solid var(--dse-line); border-radius: var(--dse-radius); background: var(--dse-surface); color: var(--dse-text); max-width: 100%; box-sizing: border-box; }
.dse-kh__title { font-size: 1rem; font-weight: 600; margin: 0; cursor: pointer; list-style: none; }
.dse-kh__title::-webkit-details-marker { display: none; }
.dse-kh__title::after { content: "+"; float: right; font-weight: 400; }
.dse-kh[open] > .dse-kh__title { margin-bottom: 12px; }
.dse-kh[open] > .dse-kh__title::after { content: "–"; }
.dse-kh__form { display: grid; grid-template-columns: 1fr; gap: 10px; align-items: end; }
.dse-kh__form label { display: flex; flex-direction: column; gap: 4px; font-size: .9rem; color: var(--dse-muted); min-width: 0; }
.dse-kh__form input[type=text], .dse-kh__form input[type=number] { font: inherit; color: var(--dse-text); background: var(--dse-bg); border: 1px solid var(--dse-line); border-radius: 6px; padding: 10px 12px; width: 100%; box-sizing: border-box; }
.dse-kh__form .dse-btn { width: 100%; }
@media (min-width: 700px) { .dse-kh__form { grid-template-columns: minmax(0, 1fr) 130px auto; } .dse-kh__form .dse-btn { width: auto; } }
.dse-kh__out:empty { display: none; }
.dse-kh__out { margin-top: 14px; }
.dse-kh__note { margin: 0 0 12px; line-height: 1.5; }
.dse-kh__busy, .dse-kh__msg, .dse-kh__hint { color: var(--dse-muted); font-size: .9rem; margin: 8px 0; }
.dse-kh__cards { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 160px), 1fr)); gap: 12px; }
.dse-kh__card { display: flex; flex-direction: column; gap: 8px; border: 1px solid var(--dse-line); border-radius: var(--dse-radius); padding: 10px; min-width: 0; background: var(--dse-bg); }
.dse-kh__link { display: flex; flex-direction: column; gap: 4px; color: var(--dse-text); text-decoration: none; flex: 1; }
.dse-kh__link .dse-tier { align-self: flex-start; }
.dse-kh__img { width: 100%; height: auto; aspect-ratio: 1; object-fit: cover; border-radius: 6px; background: var(--dse-soft, transparent); }
.dse-kh__name { font-weight: 600; font-size: .95rem; line-height: 1.3; overflow-wrap: anywhere; }
.dse-kh__price { color: var(--dse-muted); font-size: .9rem; }
.dse-kh__go { padding: 8px 12px !important; font-size: .9rem !important; }
.dse-kh__quote { margin: 14px 0 0; }
/* telefoon: kaarten als rijen (foto links), geen verspilde ruimte */
@media (max-width: 480px) {
  .dse-kh__cards { grid-template-columns: 1fr; gap: 8px; }
  .dse-kh__card { flex-direction: row; align-items: center; }
  .dse-kh__link { display: grid; grid-template-columns: 72px minmax(0, 1fr); column-gap: 10px; align-items: center; }
  .dse-kh__img { grid-row: 1 / span 3; width: 72px; }
  .dse-kh__go { flex: none; }
  .dse-kh__link .dse-tier { justify-self: start; }
  .dse-kh__quote .dse-btn { width: 100%; }
}

/* ── Teamkleding: naam en nummer per speler (lib/Teamwear.php) ── */
.dse-team { flex: 1 1 100%; width: 100%; margin: 0 0 16px; border: 1px solid var(--dse-line); border-radius: var(--dse-radius); background: var(--dse-surface); color: var(--dse-text); max-width: 100%; box-sizing: border-box; overflow: hidden; }
.dse-team__sum { list-style: none; cursor: pointer; display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px 12px; padding: 12px 14px; font-weight: 700; }
.dse-team__sum::-webkit-details-marker { display: none; }
.dse-team__sum::after { content: "+"; font-weight: 700; color: var(--dse-primary-dk); margin-left: auto; }
.dse-team[open] > .dse-team__sum::after { content: "\2212"; }
.dse-team__title { min-width: 0; overflow-wrap: anywhere; }
.dse-team__from { font-weight: 500; font-size: .9rem; color: var(--dse-muted); }
.dse-team__body { padding: 0 14px 14px; display: grid; gap: 10px; min-width: 0; }
.dse-team__help, .dse-team__sizes { margin: 0; font-size: .9rem; color: var(--dse-muted); line-height: 1.45; overflow-wrap: anywhere; }
.dse-team__lbl { font-size: .9rem; font-weight: 600; color: var(--dse-text); padding: 0; }
.dse-team__list { display: block; width: 100%; box-sizing: border-box; min-height: 6.5em; font: 15px/1.5 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; color: var(--dse-text); background: var(--dse-bg); border: 1px solid var(--dse-line); border-radius: 6px; padding: 10px 12px; resize: none; overflow: hidden; field-sizing: content; white-space: pre-wrap; overflow-wrap: anywhere; scrollbar-width: none; }
.dse-team__list::-webkit-scrollbar { display: none; }
.dse-team__list:focus { outline: 2px solid var(--dse-primary); outline-offset: 1px; border-color: var(--dse-primary); }
.dse-team__count { margin: 0; font-weight: 600; font-size: .95rem; }
.dse-team__count:empty { display: none; }
.dse-team__err { margin: 0; padding: 8px 12px 8px 28px; border-left: 3px solid var(--dse-primary); background: var(--dse-primary-lt); color: var(--dse-text); font-size: .9rem; border-radius: 0 6px 6px 0; overflow-wrap: anywhere; }
.dse-team__err[hidden] { display: none; }
.dse-team__opts { border: 0; margin: 0; padding: 0; min-width: 0; display: flex; flex-wrap: wrap; gap: 6px 18px; align-items: center; }
.dse-team__opts legend { width: 100%; margin-bottom: 4px; }
.dse-team__opt { display: inline-flex; align-items: center; gap: 6px; font-size: .95rem; cursor: pointer; min-height: 36px; }
.dse-team__opt--wide { flex-basis: 100%; }
.dse-team__opt input { width: 18px; height: 18px; margin: 0; accent-color: var(--dse-primary); }
.dse-team__qty { display: inline-block; min-width: 2.5em; padding: 6px 10px; text-align: center; font-weight: 600; border: 1px solid var(--dse-line); border-radius: 6px; color: var(--dse-text); background: var(--dse-bg); }
.woocommerce .quantity input.qty.dse-team__locked { background: var(--dse-bg); color: var(--dse-muted); }
:root[data-theme=dark] .dse-team__err { background: var(--dse-surface); }
@media (prefers-color-scheme: dark) { :root:not([data-theme=light]) .dse-team__err { background: var(--dse-surface); } }
@media (max-width: 480px) {
  .dse-team__sum { padding: 12px; }
  .dse-team__body { padding: 0 12px 12px; }
  .dse-team__list { font-size: 16px; }   /* geen inzoomen op iOS */
}

/* Footer landen (14 nov, A-Z-test): compact uitklapblok i.p.v. een lange lijst van 34 links op de telefoon */
.dse-intl summary { cursor: pointer; list-style: none; display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 9px 12px; border: 1px solid #3a3a3a; border-radius: var(--dse-radius, 8px); color: #e6e6e6; font-size: .9rem; max-width: 260px; }
.dse-intl summary::-webkit-details-marker { display: none; }
.dse-intl summary::after { content: ""; width: 7px; height: 7px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); margin-top: -3px; transition: transform .15s; }
.dse-intl[open] summary::after { transform: rotate(-135deg); margin-top: 3px; }
.dse-intl__list { display: grid; grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); gap: 0 12px; margin-top: 8px; }
.dse-intl__list a { font-size: .85rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.look-atelier .dse-intl summary { color: var(--dse-text) !important; border-color: var(--dse-line); }
.dse-footer__intl { min-width: 0; }

/* Kwaliteitslabel op de productkaart: compact badge, niet de volle kaartbreedte (14 nov, A-Z-test) */
.woocommerce ul.products li.product .dse-tier { align-self: flex-start; width: auto; max-width: max-content; margin: 0 14px 6px; line-height: 1.5; }

/* Kleurstipjes op de kaart: aanwijzen/tikken wisselt de foto (ShirtUp), link opent met die kleur (14 nov) */
.dse-card-dots .dse-dot[data-v] { cursor: pointer; width: 18px; height: 18px; position: relative; }
.dse-card-dots .dse-dot[data-v]::before { content: ""; position: absolute; inset: -5px; }
.dse-card-dots .dse-dot.is-on { box-shadow: inset 0 0 0 1px rgba(0,0,0,.18), 0 0 0 2px var(--dse-surface, #fff), 0 0 0 3px var(--dse-text, #1a1a1a); }

/* Beeldmerk op de telefoon (14 nov) */
.dse-brand .dse-logo-mark { display: none; height: 46px; width: auto; }
@media (max-width: 600px) {
  .dse-brand:has(.dse-logo-mark) .dse-logo--licht, .dse-brand:has(.dse-logo-mark) .dse-logo--donker { display: none !important; }
  .dse-brand .dse-logo-mark--licht { display: block; }
  :root[data-theme=dark] .dse-brand .dse-logo-mark--licht { display: none; }
  :root[data-theme=dark] .dse-brand .dse-logo-mark--donker { display: block; }
}
@media (max-width: 600px) and (prefers-color-scheme: dark) {
  :root:not([data-theme=light]) .dse-brand .dse-logo-mark--licht { display: none; }
  :root:not([data-theme=light]) .dse-brand .dse-logo-mark--donker { display: block; }
}

/* Kwaliteitsladder als schakelaar (14 nov) */
.dse-tiers li a.dse-tier-link { color: inherit; text-decoration: none; display: block; }
.dse-tiers li:has(a.dse-tier-link):hover { border-color: var(--dse-text); }
.dse-tiers li.is-off { opacity: .4; }

/* ── Megamenu ShirtUp-stijl (Joan 14 nov: "gewoon afkijken"; inc/megamenu.php) ──────────────────────────────
   Balk: Alle categorieën ▾ | hoofdgroepen ▾ | Zakelijk rechts. Paneel: donker, volle breedte van de kop,
   links kolommen (vette kop + links + Alles bekijken), dan 1–2 fototegels, rechts de actietegel (alleen bij een echte actie).
   Zonder JS: openen met aanwijzen of toetsenbord (focus-within). Telefoon: uitklaplijst onder elkaar, nooit zijwaarts. */
.dse-mm__link { white-space: nowrap; }
.dse-mm__panel { --mm-bg: #15171c; --mm-text: #f2f3f5; --mm-muted: #c3c6cd; --mm-tile: #23262d; }
@media (min-width: 960px) {
  .dse-header .dse-header__inner { position: static; }          /* paneel hangt aan de hele kop, niet aan de smalle wrap */
  .dse-nav__links { flex-wrap: nowrap; align-items: center; gap: 0; min-width: 0; }
  .dse-nav__links > .dse-mm__link, .dse-mm__item > .dse-drop__top { padding: 8px 11px; font-size: .95rem; }
}
/* Te veel groepen voor de breedte: de laatste staan dan alleen in "Alle categorieën" (geen tweede regel, geen zijwaarts schuiven) */
@media (min-width: 960px) and (max-width: 1279px) { .dse-nav__links > .dse-mm--x1 { display: none; } }
@media (min-width: 960px) and (max-width: 1099px) { .dse-nav__links > .dse-mm--x2 { display: none; } }
@media (min-width: 960px) and (hover: hover) {
  .dse-header .dse-mm__item > .dse-drop__panel.dse-mm__panel {
    left: 0; right: 0; top: 100%; grid-template-columns: minmax(0, 1fr) auto auto; gap: 40px; align-items: start;
    background: var(--mm-bg); color: var(--mm-text); border: 0; border-top: 1px solid rgba(255,255,255,.08); border-radius: 0;
    box-shadow: 0 26px 50px rgba(0,0,0,.28);
    padding: 30px max(24px, calc((100% - var(--dse-wrap)) / 2 + 20px)) 34px; }
  /* brug alleen over de smalle rand tussen link en paneel, niet over de groepen zelf (anders blijft de vorige groep hangen) */
  .dse-header .dse-mm__item > .dse-drop__panel.dse-mm__panel::before { height: 8px; }
  .dse-mm__item > .dse-drop__top { position: relative; z-index: 62; }
  .dse-mm__item.is-shut > .dse-drop__panel { visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; }
  .dse-mm__cols { display: grid; gap: 26px 40px; align-content: start; }
  .dse-mm__cols--1 { grid-template-columns: minmax(170px, 280px); }
  .dse-mm__cols--2 { grid-template-columns: repeat(2, minmax(160px, 260px)); }
  .dse-mm__cols--3 { grid-template-columns: repeat(3, minmax(140px, 240px)); }
  .dse-mm__cols--4 { grid-template-columns: repeat(4, minmax(140px, 240px)); }
  .dse-mm__col { min-width: 0; }
  .dse-mm__col ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 7px; }
  .dse-header .dse-nav__links .dse-mm__panel a { display: block; padding: 0; border-radius: 0; background: none; color: var(--mm-muted); font-weight: 400; font-size: .93rem; line-height: 1.35; text-decoration: none; }
  .dse-header .dse-nav__links .dse-mm__panel a:hover, .dse-header .dse-nav__links .dse-mm__panel a:focus-visible { background: none; color: #fff; text-decoration: underline; }
  .dse-header .dse-nav__links .dse-mm__panel .dse-mm__head { display: block; margin: 0 0 10px; color: var(--mm-text); font-weight: 700; font-size: 1rem; line-height: 1.3; }
  .dse-header .dse-nav__links .dse-mm__panel a.dse-mm__all { color: var(--mm-text); font-weight: 600; font-size: .88rem; text-decoration: underline; text-underline-offset: 3px; margin-top: 3px; }
  .dse-mm__tiles { display: grid; grid-auto-flow: column; grid-auto-columns: 190px; gap: 18px; align-content: start; }
  .dse-header .dse-nav__links .dse-mm__panel a.dse-mm__tile { display: grid; gap: 10px; text-decoration: none; }
  .dse-mm__img { display: block; aspect-ratio: 1 / 1; overflow: hidden; border-radius: 6px; background: var(--mm-tile); }
  .dse-mm__img img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .25s ease; }
  .dse-mm__tile:hover .dse-mm__img img { transform: scale(1.04); }
  .dse-mm__cap { color: var(--mm-text); font-weight: 600; font-size: .9rem; line-height: 1.35; }
  .dse-mm__tile:hover .dse-mm__cap { text-decoration: underline; text-underline-offset: 3px; }
  .dse-header .dse-nav__links .dse-mm__panel a.dse-mm__camp { display: flex; flex-direction: column; justify-content: flex-end; gap: 6px; width: 220px; min-height: 250px; box-sizing: border-box; align-self: stretch;
    padding: 20px; border-radius: 6px; background: #8B1A1A; color: #fff; text-decoration: none; }
  .dse-mm__camp-naam { font-size: .78rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; opacity: .9; }
  .dse-mm__camp-kop { font-size: 2.8rem; font-weight: 800; line-height: 1; }
  .dse-mm__camp-sub { font-size: .9rem; line-height: 1.35; }
  .dse-mm__camp-btn { align-self: flex-start; margin-top: 10px; padding: 8px 12px; border: 1px solid #fff; border-radius: 4px; font-weight: 700; font-size: .85rem; }
  .dse-mm__camp:hover .dse-mm__camp-btn { background: #fff; color: #8B1A1A; }
}
@media (min-width: 960px) and (max-width: 1199px) and (hover: hover) {
  .dse-header .dse-mm__item > .dse-drop__panel.dse-mm__panel { gap: 28px; }
  .dse-mm__tiles { grid-auto-columns: 160px; }
  .dse-mm__tiles .dse-mm__tile:nth-child(n+2) { display: none; }
  .dse-header .dse-nav__links .dse-mm__panel a.dse-mm__camp { width: 180px; }
  .dse-mm__cols { gap: 22px 26px; }
}
/* "Alle categorieën" op desktop: zelfde donkere stijl, alle groepen naast elkaar */
@media (min-width: 960px) {
  .dse-header .dse-menu__panel.dse-mega { background: #15171c; color: #f2f3f5; border: 0; border-top: 1px solid rgba(255,255,255,.08); border-radius: 0; box-shadow: 0 26px 50px rgba(0,0,0,.28);
    padding: 26px max(24px, calc((100% - var(--dse-wrap)) / 2 + 20px)) 30px; }
  .dse-header .dse-menu__panel.dse-mega a:not(.dse-btn) { color: #c3c6cd; background: none; }
  .dse-header .dse-menu__panel.dse-mega a:not(.dse-btn):hover { color: #fff; text-decoration: underline; background: none; }
  .dse-header .dse-menu__panel.dse-mega .dse-mega__cols { grid-auto-flow: row; grid-template-columns: repeat(auto-fill, minmax(175px, 1fr)); gap: 22px 28px; }
  .dse-header .dse-menu__panel.dse-mega .dse-mega__cols > .dse-menu__head { grid-column: 1 / -1; grid-row: auto; }
  .dse-header .dse-menu__panel.dse-mega .dse-mega__col { grid-row: auto; }
  .dse-header .dse-menu__panel.dse-mega .dse-mega__title { font-family: var(--dse-font-body); font-size: 1rem; font-weight: 700; line-height: 1.3; gap: 10px; }
  .dse-header .dse-menu__panel.dse-mega .dse-mega__list a { line-height: 1.35; }
  .dse-header .dse-menu__panel.dse-mega .dse-mega__title, .dse-header .dse-menu__panel.dse-mega .dse-mega__side > a { color: #f2f3f5; }
  .dse-header .dse-menu__panel.dse-mega .dse-mega__more { color: #f2f3f5 !important; text-decoration: underline; }
  .dse-header .dse-menu__panel.dse-mega .dse-menu__head { color: #9a9ea8; }
  .dse-header .dse-menu__panel.dse-mega .dse-mega__side { border-right-color: rgba(255,255,255,.12); }
  .dse-header .dse-menu__panel.dse-mega .dse-mega__subhead { display: block; padding: 5px 12px; font-size: .94rem; color: #c3c6cd; }
  .dse-header .dse-menu__panel.dse-mega .dse-b2b-link { border-color: rgba(255,255,255,.25); }
}
/* Telefoon: subgroep zonder eigen pagina (bv. "Voor wie?") klapt open met een tik op de kop */
@media (max-width: 959px) {
  .dse-mega__sub > .dse-mega__subhead { flex: 1; display: block; padding: 10px 16px 10px 52px; color: var(--dse-text); font-weight: 500; cursor: pointer; }
  .dse-mega__list > li > .dse-mega__subhead { color: var(--dse-text); }
}