/* Montas thema — aanvullingen die niet in montas.css zaten (kwamen eerder
   als inline-CSS op de statische pagina's). */

/* ── FAQ-pagina (donkere hero + zoek, zoals faq.html) ── */
.faq-hero { background:var(--black,#15171c); color:#fff; padding:64px 24px; text-align:center; position:relative; overflow:hidden; }
.faq-hero::before { content:''; position:absolute; right:-120px; top:50%; transform:translateY(-50%); width:520px; height:520px; border-radius:50%; background:radial-gradient(circle,rgba(227,6,19,.18),transparent 70%); pointer-events:none; }
.faq-hero .container { position:relative; z-index:1; }
.faq-hero-label { font-size:12px; font-weight:700; letter-spacing:3px; text-transform:uppercase; color:var(--red); margin-bottom:14px; }
.faq-hero h1 { font-family:'Barlow Condensed',sans-serif; font-weight:900; font-size:clamp(34px,5vw,60px); text-transform:uppercase; line-height:1.02; }
.faq-hero-sub { color:rgba(255,255,255,.62); font-size:16px; line-height:1.7; margin:14px auto 0; max-width:560px; }
.faq-search-wrap { display:flex; max-width:560px; margin:28px auto 0; background:#fff; border-radius:12px; overflow:hidden; box-shadow:0 18px 44px -20px rgba(0,0,0,.5); }
.faq-search-wrap input { flex:1; border:none; padding:16px 20px; font-family:'Barlow',sans-serif; font-size:15px; outline:none; color:#15171c; }
.faq-search-wrap button { background:var(--red); color:#fff; border:none; padding:0 24px; cursor:pointer; transition:background .2s; }
.faq-search-wrap button:hover { background:var(--red2,#b00510); }
.faq-search-wrap button svg { width:20px; height:20px; }
/* 2-koloms FAQ-layout met zijbalk (zoals het origineel) */
.faq-layout { padding:56px 0 72px; display:grid; grid-template-columns:260px 1fr; gap:48px; align-items:start; }
.faq-sidebar { position:sticky; top:90px; }
.faq-sidebar .sidebar-title { font-size:11px; font-weight:700; letter-spacing:2px; text-transform:uppercase; color:var(--mid,#888); margin-bottom:12px; }
.sidebar-nav { display:flex; flex-direction:column; gap:2px; }
.sidebar-link { display:flex; align-items:center; gap:10px; padding:11px 14px; border-radius:8px; font-weight:600; font-size:14px; cursor:pointer; transition:all .15s; color:#15171c; border:none; background:none; text-align:left; font-family:'Barlow',sans-serif; width:100%; }
.sidebar-link:hover { background:var(--grey,#f4f4f4); }
.sidebar-link.active { background:var(--red); color:#fff; }
.sidebar-link .cat-icon { flex-shrink:0; display:inline-flex; }
.sidebar-link .cat-icon svg { width:18px; height:18px; }
.sidebar-count { margin-left:auto; font-size:11px; font-weight:700; background:rgba(0,0,0,.08); padding:2px 7px; border-radius:20px; }
.sidebar-link.active .sidebar-count { background:rgba(255,255,255,.25); }
.sidebar-divider { height:1px; background:#e8e8e8; margin:14px 0; }
.still-stuck { background:var(--grey,#f4f4f4); border-radius:14px; padding:20px; }
.still-stuck h4 { font-weight:700; margin-bottom:8px; font-size:15px; }
.still-stuck p { font-size:13px; color:var(--mid,#888); line-height:1.6; margin-bottom:14px; }
.wa-btn-small { display:inline-flex; align-items:center; gap:6px; background:#25D366; color:#fff; padding:9px 16px; border-radius:7px; font-size:13px; font-weight:700; transition:background .2s; }
.wa-btn-small:hover { background:#1da851; }
.faq-content { min-width:0; }
/* Categorie-kop: icoon-badge + titel + beschrijving boven de rode lijn (zoals origineel) */
.faq-content h2.cat-header { display:flex; align-items:center; gap:14px; margin:0 0 24px; padding-bottom:16px; border-bottom:3px solid var(--red); scroll-margin-top:90px; text-transform:none; }
.faq-content h2:not(.cat-header) { font-family:'Barlow Condensed',sans-serif; font-size:28px; font-weight:900; text-transform:uppercase; padding-bottom:16px; border-bottom:3px solid var(--red); }
.faq-content h2:not(:first-child) { margin-top:48px; }
.cat-icon-big { flex:none; width:52px; height:52px; border-radius:14px; background:rgba(227,6,19,.08); color:var(--red); display:flex; align-items:center; justify-content:center; }
.cat-icon-big svg { width:26px; height:26px; }
.cat-head-text { display:flex; flex-direction:column; gap:2px; min-width:0; }
.cat-title { font-family:'Barlow Condensed',sans-serif; font-size:28px; font-weight:900; line-height:1; text-transform:uppercase; }
.cat-desc { font-size:14px; color:var(--mid,#888); font-weight:400; text-transform:none; letter-spacing:0; }
.faq-noresults { color:var(--mid,#888); padding:20px 0; }
.faq-noresults a { color:var(--red); font-weight:700; }
@media (max-width:860px){ .faq-layout { grid-template-columns:1fr; gap:24px; } .faq-sidebar { position:static; } .sidebar-nav { flex-direction:row; flex-wrap:wrap; } .sidebar-link { flex:1; min-width:150px; } }

/* ── Nabestellen (port van nabestellen.html) ── */
.nb-intro { max-width:760px; margin:36px auto 8px; text-align:center; }
.nb-intro h2 { font-family:'Barlow Condensed',sans-serif; font-size:clamp(26px,3vw,40px); font-weight:900; text-transform:uppercase; }
.nb-intro p { color:var(--mid,#888); font-size:16px; line-height:1.7; margin-top:10px; }
.nb-brands { display:flex; gap:10px; justify-content:center; flex-wrap:wrap; margin:20px 0 6px; }
.nb-brands a { display:inline-flex; align-items:center; gap:8px; background:#fff; border:1.5px solid #e3e3e3; color:#15171c; font-weight:800; font-size:14px; padding:9px 18px; border-radius:999px; transition:all .2s; }
.nb-brands a .nb-ball { width:18px; height:18px; color:var(--red); flex:none; }
.nb-brands a:hover { border-color:var(--red); color:var(--red); transform:translateY(-2px); box-shadow:0 10px 22px -12px rgba(227,6,19,.6); }
.nb-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; padding:30px 0 16px; }
.nb-card { position:relative; background:#fff; border:1px solid #ececec; border-radius:20px; padding:28px 24px; display:flex; flex-direction:column; transition:transform .4s cubic-bezier(.2,.7,.2,1), box-shadow .4s, border-color .4s; overflow:hidden; }
.nb-card:hover { transform:translateY(-8px); box-shadow:0 28px 56px -24px rgba(0,0,0,.28); border-color:var(--red); }
.nb-card.featured { border-color:var(--red); box-shadow:0 18px 44px -22px rgba(227,6,19,.5); }
.nb-flag { position:absolute; top:0; right:0; background:var(--red); color:#fff; font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:1px; padding:6px 14px; border-bottom-left-radius:12px; }
.nb-step { font-family:'Barlow Condensed',sans-serif; font-size:13px; font-weight:800; letter-spacing:1.5px; text-transform:uppercase; color:var(--red); }
.nb-card h3 { font-family:'Barlow Condensed',sans-serif; font-size:24px; font-weight:900; margin:6px 0 4px; }
.nb-price { font-family:'Barlow Condensed',sans-serif; font-size:34px; font-weight:900; margin:8px 0 14px; }
.nb-price small { font-size:14px; color:var(--mid,#888); font-weight:600; }
.nb-card p { font-size:14px; line-height:1.7; color:#555; }
.nb-card ul { list-style:none; padding:0; margin:14px 0 18px; display:flex; flex-direction:column; gap:9px; }
.nb-card ul li { display:flex; gap:9px; font-size:14px; color:#444; line-height:1.5; }
.nb-card ul li svg { flex:none; color:var(--red); margin-top:2px; }
.nb-card .btn { margin-top:auto; }
.nb-cta { margin-top:auto; }
.nb-note { background:#f7f7f8; border-left:4px solid var(--red); border-radius:12px; padding:16px 20px; margin:18px 0 0; font-size:15px; line-height:1.7; color:#333; }
.nb-video { display:grid; grid-template-columns:1fr 360px; gap:30px; align-items:center; background:#15171c; color:#fff; border-radius:20px; padding:30px; margin:8px 0 34px; }
.nb-video-txt h2 { font-family:'Barlow Condensed',sans-serif; font-size:clamp(26px,3vw,40px); font-weight:900; text-transform:uppercase; line-height:1; margin-top:6px; }
.nb-video-txt p { color:rgba(255,255,255,.78); font-size:15px; line-height:1.7; margin:10px 0 18px; max-width:480px; }
.nb-video-txt p strong { color:#fff; }
.nb-video-embed { display:flex; align-items:center; justify-content:center; }
.fb-reel { position:relative; width:100%; max-width:330px; aspect-ratio:9/16; background:#000; border-radius:14px; overflow:hidden; box-shadow:0 18px 44px -18px rgba(0,0,0,.6); }
@media (max-width:820px){ .nb-video { grid-template-columns:1fr; } .fb-reel { max-width:300px; margin:0 auto; } }
@media (max-width:900px){ .nb-grid { grid-template-columns:1fr; } }

/* ── Vacatures (exacte port van vacatures.html) ── */
.careers-hero { background:var(--black,#15171c); color:#fff; padding:96px 0 80px; position:relative; overflow:hidden; }
.careers-hero .glow { position:absolute; right:-160px; top:50%; transform:translateY(-50%); width:680px; height:680px; border-radius:50%; background:radial-gradient(circle,rgba(227,6,19,.22),transparent 70%); pointer-events:none; }
.careers-hero .container { position:relative; z-index:1; max-width:1100px; }
.ch-eyebrow { font-size:12px; font-weight:700; letter-spacing:4px; text-transform:uppercase; color:var(--red); margin-bottom:20px; }
.careers-hero h1 { font-family:'Barlow Condensed',sans-serif; font-weight:900; font-size:clamp(40px,6vw,80px); line-height:1.02; text-transform:uppercase; max-width:14ch; }
.careers-hero p { font-size:clamp(16px,1.3vw,19px); color:rgba(255,255,255,.65); line-height:1.7; max-width:600px; margin-top:24px; }
.ch-stats { display:flex; gap:0; margin-top:48px; border-top:1px solid rgba(255,255,255,.12); max-width:680px; }
.ch-stat { padding:24px 36px 0 0; margin-right:36px; border-right:1px solid rgba(255,255,255,.12); }
.ch-stat:last-child { border-right:none; }
.ch-stat strong { display:block; font-family:'Barlow Condensed',sans-serif; font-size:40px; font-weight:900; line-height:1; }
.ch-stat span { font-size:13px; color:rgba(255,255,255,.5); letter-spacing:.5px; }
.careers-hero ~ .section, .section { max-width:1100px; margin:0 auto; padding:88px 24px; }
.sec-head { max-width:640px; margin-bottom:48px; }
.sec-eyebrow { font-size:11px; font-weight:700; letter-spacing:3px; text-transform:uppercase; color:var(--red); margin-bottom:12px; }
.sec-title { font-family:'Barlow Condensed',sans-serif; font-size:clamp(30px,4vw,46px); font-weight:900; line-height:1.05; }
.sec-sub { font-size:16px; color:var(--mid,#888); line-height:1.75; margin-top:14px; }
.values-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:#ececec; border:1px solid #ececec; border-radius:16px; overflow:hidden; }
.value { background:#fff; padding:34px 30px; transition:background .2s; }
.value:hover { background:#fafafa; }
.value .vi { width:42px; height:42px; color:var(--red); margin-bottom:18px; }
.value h3 { font-size:17px; font-weight:800; margin-bottom:8px; }
.value p { font-size:14px; color:#666; line-height:1.7; }
.jobs-wrap { background:#f7f7f7; }
.jobs { max-width:1100px; margin:0 auto; padding:88px 24px; }
.job { background:#fff; border:1px solid #e8e8e8; border-radius:14px; margin-bottom:14px; overflow:hidden; transition:border-color .2s, box-shadow .2s; }
.job:hover { border-color:#d0d0d0; box-shadow:0 10px 30px rgba(0,0,0,.05); }
.job-head { display:flex; align-items:flex-start; gap:24px; padding:28px 32px; cursor:pointer; }
.job-main { flex:1; min-width:0; }
.job-tagrow { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:12px; }
.job-chip { font-size:10px; font-weight:700; letter-spacing:1px; text-transform:uppercase; padding:4px 10px; border-radius:4px; background:var(--grey,#f4f4f4); color:#555; }
.job-chip.accent { background:rgba(227,6,19,.08); color:var(--red); }
.job-title { font-family:'Barlow Condensed',sans-serif; font-size:24px; font-weight:900; line-height:1.1; }
.job-meta { display:flex; gap:22px; flex-wrap:wrap; margin-top:12px; font-size:13px; color:var(--mid,#888); font-weight:500; }
.job-meta span { display:inline-flex; align-items:center; gap:7px; }
.job-meta svg { width:15px; height:15px; color:#aaa; flex-shrink:0; }
.job-summary { font-size:14px; color:#555; line-height:1.7; margin-top:14px; max-width:70ch; }
.job-toggle { flex-shrink:0; display:flex; flex-direction:column; align-items:flex-end; gap:14px; }
.job-arrow { width:34px; height:34px; border-radius:50%; border:1px solid #ddd; display:flex; align-items:center; justify-content:center; transition:all .25s; color:#333; }
.job.open .job-arrow { background:var(--black,#15171c); color:#fff; border-color:var(--black,#15171c); transform:rotate(180deg); }
.job-detail { max-height:0; overflow:hidden; transition:max-height .4s ease; }
.job.open .job-detail { max-height:760px; }
.job-detail-inner { padding:0 32px 30px; }
.job-cols { display:grid; grid-template-columns:1fr 1fr; gap:36px; border-top:1px solid #eee; padding-top:26px; }
.job-col h4 { font-size:12px; font-weight:700; letter-spacing:1.5px; text-transform:uppercase; color:#999; margin-bottom:14px; }
.job-col ul { list-style:none; display:flex; flex-direction:column; gap:10px; margin:0; padding:0; }
.job-col li { font-size:14px; color:#444; line-height:1.55; padding-left:20px; position:relative; }
.job-col li::before { content:''; position:absolute; left:0; top:8px; width:6px; height:6px; border-radius:50%; background:var(--red); }
.job-apply-row { margin-top:26px; display:flex; align-items:center; gap:16px; flex-wrap:wrap; }
.job-apply-row .note { font-size:13px; color:var(--mid,#888); }
.apply { background:var(--black,#15171c); color:#fff; padding:88px 24px; }
.apply-inner { max-width:720px; margin:0 auto; }
.apply .sec-eyebrow { color:var(--red); }
.apply h2 { font-family:'Barlow Condensed',sans-serif; font-size:clamp(28px,4vw,44px); font-weight:900; line-height:1.05; }
.apply .lead { color:rgba(255,255,255,.6); font-size:16px; line-height:1.7; margin:14px 0 40px; }
.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.fg { display:flex; flex-direction:column; gap:7px; }
.fg.full { grid-column:1/-1; }
.fg label { font-size:12px; font-weight:700; letter-spacing:.5px; color:rgba(255,255,255,.7); }
.fg input, .fg select, .fg textarea { background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.14); border-radius:8px; padding:13px 15px; color:#fff; font-family:'Barlow',sans-serif; font-size:14px; outline:none; transition:border-color .2s; }
.fg input::placeholder, .fg textarea::placeholder { color:rgba(255,255,255,.35); }
.fg input:focus, .fg select:focus, .fg textarea:focus { border-color:var(--red); }
.fg select option { background:#1a1a1a; }
.fg textarea { min-height:120px; resize:vertical; }
.apply-submit { background:var(--red); color:#fff; border:none; padding:16px 32px; border-radius:8px; font-size:15px; font-weight:700; cursor:pointer; width:100%; margin-top:6px; transition:background .2s; font-family:'Barlow',sans-serif; }
.apply-submit:hover { background:var(--red2,#b00510); }
.apply-note { font-size:12px; color:rgba(255,255,255,.4); text-align:center; margin-top:14px; }
.fg input[type=file] { padding:11px 13px; font-size:13px; color:rgba(255,255,255,.8); cursor:pointer; }
.fg input[type=file]::file-selector-button { background:var(--red); color:#fff; border:none; border-radius:6px; padding:7px 14px; font-weight:700; font-family:'Barlow',sans-serif; margin-right:12px; cursor:pointer; }
.apply-notice { padding:14px 18px; border-radius:10px; font-weight:700; margin-bottom:22px; }
.apply-notice.apply-ok { background:rgba(37,211,102,.16); border:1px solid rgba(37,211,102,.5); color:#bff5d2; }
.apply-notice.apply-err { background:rgba(227,6,19,.16); border:1px solid rgba(227,6,19,.5); color:#ffd0d3; }
@media (max-width:860px){ .values-grid { grid-template-columns:1fr; } }
@media (max-width:760px){ .job-cols { grid-template-columns:1fr; gap:24px; } .form-grid { grid-template-columns:1fr; } .ch-stats { flex-wrap:wrap; } .ch-stat { border-right:none; } }

/* Pasafspraak — multi-card boeking (zoals origineel afspraak.html) */
.ap-wrap { display:grid; grid-template-columns:1fr 340px; gap:24px; align-items:start; }
.ap-main { display:flex; flex-direction:column; gap:18px; }
.ap-card { background:#fff; border:1px solid #ececec; border-radius:16px; padding:22px 24px; box-shadow:0 10px 30px -24px rgba(0,0,0,.3); }
.ap-step { display:flex; align-items:center; gap:12px; margin-bottom:6px; }
.ap-num { width:30px; height:30px; border-radius:50%; background:var(--red); color:#fff; font-family:'Barlow Condensed',sans-serif; font-weight:900; font-size:16px; display:flex; align-items:center; justify-content:center; flex:none; }
.ap-step h3 { font-family:'Barlow Condensed',sans-serif; font-weight:900; text-transform:uppercase; font-size:20px; margin:0; }
.ap-hint { color:var(--mid,#6b7280); font-size:13.5px; line-height:1.6; margin:0 0 14px; }
.ap-row { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.ap-field { display:flex; flex-direction:column; gap:6px; font-size:13px; font-weight:700; color:#444; }
.ap-field label { font-size:13px; }
.ap-field input, .ap-field select, .ap-field textarea { font-family:'Barlow',sans-serif; font-size:15px; font-weight:600; padding:11px 13px; border:2px solid #e3e3e3; border-radius:10px; outline:none; background:#fff; width:100%; }
.ap-field input:focus, .ap-field select:focus, .ap-field textarea:focus { border-color:var(--red); }
.ap-sum { background:#15171c; color:#fff; border-radius:16px; padding:24px; position:sticky; top:24px; }
.ap-sum h3 { font-family:'Barlow Condensed',sans-serif; font-weight:900; text-transform:uppercase; font-size:22px; margin:0 0 10px; }
.ap-sum-note { color:rgba(255,255,255,.6); font-size:13px; line-height:1.6; margin:0 0 18px; }
.ap-submit { width:100%; }
/* Live productzoek in pasafspraak */
.ap-autocomplete { position:relative; }
.ap-suggest { position:absolute; left:0; right:0; top:100%; margin-top:4px; background:#fff; border:1px solid #e3e3e3; border-radius:12px; box-shadow:0 18px 40px -18px rgba(0,0,0,.35); z-index:30; max-height:320px; overflow:auto; display:none; }
.ap-suggest.open { display:block; }
.ap-sg { display:flex; align-items:center; gap:12px; width:100%; padding:10px 12px; background:none; border:none; border-bottom:1px solid #f2f2f2; cursor:pointer; text-align:left; }
.ap-sg:last-child { border-bottom:none; }
.ap-sg:hover { background:#faf2f3; }
.ap-sg img, .ap-sg .ap-sg-noimg { width:44px; height:44px; border-radius:8px; object-fit:cover; background:#f4f4f4; flex:none; }
.ap-sg-info { display:flex; flex-direction:column; gap:2px; min-width:0; }
.ap-sg-name { font-weight:700; font-size:14px; color:#15171c; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ap-sg-price { font-family:'Barlow Condensed',sans-serif; font-weight:900; font-size:14px; color:var(--red); }
.ap-sg-sizes { display:flex; flex-wrap:wrap; gap:4px; margin-top:4px; }
.ap-sg-sz { font-size:10.5px; font-weight:700; color:#555; background:#f1f1f1; border-radius:4px; padding:2px 6px; }
.ap-sg-empty { padding:14px 14px; color:var(--mid,#6b7280); font-size:13.5px; }

/* Week-kalender met slots */
.ap-cal-head { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:12px; }
.ap-wk-label { font-weight:800; font-size:14px; }
.ap-wk { width:36px; height:36px; border-radius:10px; border:2px solid #e3e3e3; background:#fff; font-size:18px; font-weight:900; cursor:pointer; color:#15171c; transition:all .15s; }
.ap-wk:hover:not(:disabled) { border-color:var(--red); color:var(--red); }
.ap-wk:disabled { opacity:.35; cursor:not-allowed; }
.ap-grid { display:grid; grid-template-columns:repeat(7,1fr); gap:8px; }
.ap-cal-empty { grid-column:1/-1; color:var(--mid,#6b7280); font-size:14px; padding:18px 0; text-align:center; }
.ap-day-head { text-align:center; font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.5px; color:var(--mid,#6b7280); padding-bottom:8px; }
.ap-day-head b { display:block; font-family:'Barlow Condensed',sans-serif; font-size:20px; color:#15171c; }
.ap-day-head.today b { color:var(--red); }
.ap-slots { display:flex; flex-direction:column; gap:6px; }
.ap-day-closed { text-align:center; font-size:12px; color:#bbb; padding:10px 0; }
.ap-slot { border:1.5px solid #e3e3e3; background:#fff; border-radius:8px; padding:7px 4px; font-family:'Barlow',sans-serif; font-weight:700; font-size:12.5px; color:#15171c; cursor:pointer; transition:all .15s; }
.ap-slot:hover:not(.busy) { border-color:var(--red); color:var(--red); }
.ap-slot.sel { background:var(--red); border-color:var(--red); color:#fff; }
.ap-slot.busy { background:#f4f4f4; color:#bbb; border-color:#eee; cursor:not-allowed; text-decoration:line-through; }
.ap-legend { display:flex; gap:16px; flex-wrap:wrap; margin-top:14px; font-size:12px; color:var(--mid,#6b7280); font-weight:600; }
.ap-legend i { display:inline-block; width:12px; height:12px; border-radius:3px; margin-right:5px; vertical-align:middle; }
.ap-legend .free { background:#fff; border:1.5px solid #e3e3e3; }
.ap-legend .sel { background:var(--red); }
.ap-legend .busy { background:#f4f4f4; border:1px solid #eee; }
.ap-sum-row { display:flex; justify-content:space-between; gap:12px; padding:9px 0; border-bottom:1px solid rgba(255,255,255,.1); font-size:14px; }
.ap-sum-row .k { color:rgba(255,255,255,.55); font-weight:600; }
.ap-sum-row .v { font-weight:800; text-align:right; }
@media (max-width:700px){ .ap-grid { grid-template-columns:repeat(3,1fr); } }

.afspraak-notice { padding:14px 18px; border-radius:12px; font-weight:700; margin-bottom:20px; }
.afspraak-ok { background:rgba(37,211,102,.12); border:1px solid rgba(37,211,102,.4); color:#1a7a3c; }
.afspraak-err { background:rgba(227,6,19,.08); border:1px solid rgba(227,6,19,.3); color:var(--red); }
@media (max-width:900px){ .ap-wrap { grid-template-columns:1fr; } .ap-sum { position:static; } }
@media (max-width:600px){ .ap-row { grid-template-columns:1fr; } }

/* ── Agent-dashboard (portaal met tabs, zoals origineel) ── */
.dash { display:grid; grid-template-columns:230px 1fr; gap:28px; align-items:start; }
.dash-side { background:#fff; border:1px solid #ececec; border-radius:16px; padding:16px; position:sticky; top:90px; }
.dash-passkey { display:flex; align-items:center; justify-content:center; gap:8px; margin:0 0 12px; padding:11px 14px; border-radius:11px; background:#15171c; color:#fff; font-weight:800; font-size:13px; text-decoration:none; transition:background .15s; }
.dash-passkey:hover { background:var(--red); }
.dash-passkey svg { color:#ff5560; flex:none; }
.dash-passkey:hover svg { color:#fff; }
.dash-agent { display:flex; align-items:center; gap:12px; padding:6px 6px 16px; border-bottom:1px solid #f0f0f0; margin-bottom:10px; }
.dash-av { width:44px; height:44px; border-radius:50%; background:var(--red); color:#fff; display:flex; align-items:center; justify-content:center; font-weight:900; font-family:'Barlow Condensed',sans-serif; font-size:20px; flex:none; }
.dash-agent b { font-size:15px; } .dash-agent small { color:var(--mid,#888); font-size:12px; }
.dash-nav { display:flex; flex-direction:column; gap:2px; }
.dash-nav button { width:100%; text-align:left; border:none; background:transparent; padding:11px 12px; border-radius:10px; font-family:'Barlow',sans-serif; font-weight:700; font-size:14px; color:#444; cursor:pointer; display:flex; align-items:center; gap:10px; transition:all .15s; }
.dash-nav button:hover { background:#f5f5f5; }
.dash-nav button.active { background:var(--black,#15171c); color:#fff; }
.dash-nav button svg { width:18px; height:18px; flex:none; }
.navbadge { align-items:center; justify-content:center; min-width:18px; height:18px; padding:0 5px; border-radius:9px; background:var(--red); color:#fff; font-size:11px; font-weight:800; margin-left:auto; }
.dash-nav button.active .navbadge { background:#fff; color:var(--black,#15171c); }
.dash-main { min-width:0; }
.dash-tab { display:none; }
.dash-tab.active { display:block; animation:montasFadeTab .3s ease; }
.kpis { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-bottom:22px; }
.kpi { background:#fff; border:1px solid #ececec; border-radius:16px; padding:18px 20px; }
.kpi .lbl { font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.6px; color:var(--mid,#888); }
.kpi .val { font-family:'Barlow Condensed',sans-serif; font-size:30px; font-weight:900; margin-top:4px; }
.kpi .val.red { color:var(--red); }
.dash .card { background:#fff; border:1px solid #ececec; border-radius:16px; padding:22px; margin-bottom:20px; }
.dash .card h3 { font-family:'Barlow Condensed',sans-serif; font-size:20px; font-weight:900; margin-bottom:14px; text-transform:uppercase; }
.pill { display:inline-block; padding:3px 10px; border-radius:999px; font-size:11px; font-weight:800; text-transform:capitalize; }
.pill.open { background:#fff4e5; color:#b26a00; } .pill.paid { background:#e7f6ec; color:#1a7a3c; }
/* Snel verkopen */
.sv-search-wrap { position:relative; }
.sv-search { display:flex; align-items:center; background:#f7f7f8; border:2px solid #e3e3e3; border-radius:12px; padding:0 14px; transition:border-color .2s; }
.sv-search:focus-within { border-color:var(--red); }
.sv-search-ico { color:var(--mid,#888); display:flex; }
.sv-search input { flex:1; border:none; background:none; padding:13px 12px; font-family:'Barlow',sans-serif; font-size:15px; outline:none; }
.sv-results { margin-top:14px; display:flex; flex-direction:column; gap:8px; }
.sv-no-results { color:#999; padding:10px 0; font-size:14px; }
.sv-item { display:flex; align-items:center; gap:12px; padding:10px; border:1px solid #f0f0f0; border-radius:12px; }
.sv-item img, .sv-noimg { width:48px; height:48px; border-radius:8px; object-fit:cover; background:#f4f4f4; flex:none; }
.sv-info { display:flex; flex-direction:column; gap:2px; min-width:0; flex:1; }
.sv-name { font-weight:700; font-size:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.sv-price { font-family:'Barlow Condensed',sans-serif; font-weight:900; color:var(--red); font-size:14px; }
.sv-size { border:2px solid #e3e3e3; border-radius:8px; padding:7px 8px; font-family:'Barlow',sans-serif; font-weight:700; font-size:13px; }
.sv-filter-row { display:flex; align-items:center; gap:10px; margin-top:12px; flex-wrap:wrap; }
.sv-filt-label { font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.5px; color:var(--mid,#888); min-width:42px; }
.sv-chips { display:flex; gap:6px; flex-wrap:wrap; }
.sv-chip { border:2px solid #e3e3e3; background:#fff; color:#444; font-family:'Barlow',sans-serif; font-weight:700; font-size:12.5px; padding:6px 12px; border-radius:30px; cursor:pointer; transition:all .15s; }
.sv-chip:hover { border-color:#15171c; }
.sv-chip.active { background:var(--black,#15171c); color:#fff; border-color:var(--black,#15171c); }
.rcv-item { display:flex; align-items:center; gap:14px; padding:14px 0; border-bottom:1px solid #f0f0f0; }
.rcv-item:last-child { border-bottom:none; }
.rcv-info { flex:1; display:flex; flex-direction:column; gap:2px; }
.rcv-sub { font-size:13px; color:var(--mid,#888); }
.rcv-pkn { display:inline-block; background:#15171c; color:#fff; font-family:'Barlow Condensed',sans-serif; font-weight:800; letter-spacing:.5px; font-size:11px; padding:2px 8px; border-radius:20px; margin-right:6px; vertical-align:middle; }
.rcv-act { display:flex; align-items:center; gap:12px; }
.rcv-check { display:flex; align-items:center; gap:8px; font-size:13px; font-weight:700; cursor:pointer; white-space:nowrap; }
.rcv-check input { width:18px; height:18px; accent-color:var(--red); }
.rcv-undo { background:none; border:none; color:var(--red); font-family:'Barlow',sans-serif; font-weight:700; font-size:13px; cursor:pointer; }
.rcv-undo:hover { text-decoration:underline; }
.sv-sell { padding:9px 16px !important; font-size:13px; }
.sv-sell.sv-done { background:#1a7a3c !important; }
.sv-item.sv-pick { width:100%; text-align:left; background:#fff; cursor:pointer; }
.sv-item.sv-pick:hover { border-color:var(--red); }
/* Detailkaart bij snel verkopen */
.sv-detail { margin-top:14px; }
.sv-detail-card { border:2px solid var(--red); border-radius:16px; padding:16px; background:#fff8f8; }
.sv-detail-head { position:relative; display:flex; gap:14px; align-items:center; margin-bottom:14px; }
.sv-detail-head img, .sv-detail-head .sv-noimg { width:64px; height:64px; border-radius:10px; object-fit:cover; background:#f4f4f4; flex:none; }
.sv-detail-name { font-weight:800; font-size:16px; }
.sv-detail-price { font-family:'Barlow Condensed',sans-serif; font-weight:900; color:var(--red); font-size:16px; }
.sv-detail-close { position:absolute; top:0; right:0; background:none; border:none; color:#bbb; cursor:pointer; font-size:16px; }
.sv-detail-close:hover { color:var(--red); }
.sv-field { margin-bottom:14px; }
.sv-field > label { display:block; font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:.5px; color:var(--mid,#888); margin-bottom:7px; }
.sv-size-btns { display:flex; flex-wrap:wrap; gap:6px; }
.sv-size-btn { border:2px solid #e3e3e3; background:#fff; font-family:'Barlow',sans-serif; font-weight:700; font-size:13px; min-width:46px; padding:8px 16px; border-radius:30px; cursor:pointer; transition:all .15s; }
.sv-size-btn:hover { border-color:#15171c; }
.sv-size-btn.active { background:var(--black,#15171c); color:#fff; border-color:var(--black,#15171c); }
.sv-cust-search { position:relative; }
.sv-cust-search > input, .sv-cust-row input { width:100%; border:2px solid #e3e3e3; border-radius:9px; padding:9px 11px; font-family:'Barlow',sans-serif; font-size:14px; }
.sv-cust-search > input:focus, .sv-cust-row input:focus { border-color:var(--red); outline:none; }
.sv-cust-row { display:flex; gap:8px; margin-top:8px; }
.sv-cust-row input:last-child { max-width:160px; }
.sv-cust-sugg { position:absolute; left:0; right:0; top:calc(100% + 4px); background:#fff; border:1px solid #e3e3e3; border-radius:10px; box-shadow:0 8px 24px rgba(0,0,0,.1); z-index:20; display:none; overflow:hidden; }
.sv-cust-sugg.open { display:block; }
.sv-cust-sug { display:flex; justify-content:space-between; gap:10px; padding:9px 12px; cursor:pointer; font-size:13px; }
.sv-cust-sug:hover { background:#faf0f0; }
.sv-cust-sug span { color:#888; }
.sv-cust-empty { padding:9px 12px; font-size:12.5px; color:#888; }
.sv-cust-chosen { margin-top:8px; }
.sv-cust-chip { display:inline-flex; align-items:center; gap:8px; background:#15171c; color:#fff; border-radius:30px; padding:6px 12px; font-size:13px; font-weight:700; }
.sv-cust-chip button { background:none; border:none; color:#fff; cursor:pointer; font-size:13px; }
.sv-disc-row { display:flex; gap:10px; align-items:center; }
.sv-disc-row input { width:110px; border:2px solid #e3e3e3; border-radius:9px; padding:9px 11px; font-family:'Barlow',sans-serif; font-size:14px; }
.sv-disc-row input:focus { border-color:var(--red); outline:none; }
.sv-disc-units { display:inline-flex; border:2px solid #e3e3e3; border-radius:9px; overflow:hidden; }
.sv-unit { background:#fff; border:none; padding:8px 12px; cursor:pointer; font-family:'Barlow',sans-serif; font-weight:800; font-size:13px; color:#666; }
.sv-unit + .sv-unit { border-left:2px solid #e3e3e3; }
.sv-unit.active { background:var(--red); color:#fff; }
.sv-disc-price { margin-top:8px; font-size:15px; }
.sv-disc-price s { color:#aaa; }
.sv-disc-price small { color:var(--red); font-weight:700; }
.sv-disc-warn { margin-top:8px; background:#fff4e5; border:1px solid #ffd28a; color:#8a5a00; border-radius:9px; padding:9px 12px; font-size:12.5px; }
.sv-confirm { width:100%; }
.sv-saved { padding:16px; text-align:center; font-weight:800; color:#1a7a3c; border:2px solid #cfe9d6; background:#f1faf3; border-radius:14px; }
/* Verkopen & commissie — filterbalk + weergave-toggle */
.sv-history-bar { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; margin-bottom:14px; }
.sv-history-tools { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.sv-select { border:2px solid #e3e3e3; border-radius:9px; padding:8px 10px; font-family:'Barlow',sans-serif; font-weight:700; font-size:13px; background:#fff; cursor:pointer; }
.sv-select:focus { border-color:var(--red); outline:none; }
.sv-view-toggle { display:inline-flex; border:2px solid #e3e3e3; border-radius:9px; overflow:hidden; }
.sv-vbtn { background:#fff; border:none; padding:7px 11px; cursor:pointer; color:#888; display:flex; align-items:center; }
.sv-vbtn + .sv-vbtn { border-left:2px solid #e3e3e3; }
.sv-vbtn.active { background:var(--black,#15171c); color:#fff; }
/* Valuta-toggle (SRD / EUR) bij omzet & commissie */
.sv-cur-toggle { display:inline-flex; border:2px solid #e3e3e3; border-radius:9px; overflow:hidden; }
.sv-cbtn { background:#fff; border:none; padding:7px 13px; cursor:pointer; color:#888; font-family:'Barlow',sans-serif; font-weight:800; font-size:13px; }
.sv-cbtn + .sv-cbtn { border-left:2px solid #e3e3e3; }
.sv-cbtn.active { background:var(--red,#E30613); color:#fff; }
/* Verkopen — kaartweergave met thumbnail */
.sv-cards { display:grid; grid-template-columns:repeat(auto-fill,minmax(230px,1fr)); gap:12px; }
.sv-card { position:relative; display:flex; gap:12px; align-items:center; border:1px solid #ececec; border-radius:12px; padding:10px; }
.sv-card img, .sv-card .sv-noimg { width:56px; height:56px; border-radius:8px; object-fit:cover; background:#f4f4f4; flex:none; }
.sv-card-body { display:flex; flex-direction:column; gap:2px; min-width:0; flex:1; }
.sv-card-name { font-weight:700; font-size:13.5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.sv-card-meta { font-size:12px; color:var(--mid,#888); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.sv-card-row { display:flex; align-items:baseline; gap:8px; }
.sv-card-row b { font-family:'Barlow Condensed',sans-serif; font-weight:900; color:var(--red); font-size:16px; }
.sv-card-comm { font-size:11.5px; color:#1a7a3c; font-weight:700; }
.sv-card-date { font-size:11px; color:#aaa; }
.sv-card-undo { position:absolute; top:6px; right:8px; background:none; border:none; color:#bbb; cursor:pointer; font-size:13px; line-height:1; }
.sv-card-undo:hover { color:var(--red); }
/* Zoekmelding product-picker */
.zm-pick { width:100%; text-align:left; background:#fff; cursor:pointer; }
.zm-pick:hover { border-color:var(--red); }
.zm-add { margin-left:auto; font-size:12px; font-weight:800; color:var(--red); text-transform:uppercase; letter-spacing:.5px; flex:none; }
.zm-card { position:relative; display:flex; gap:14px; align-items:center; border:2px solid var(--red); border-radius:14px; padding:12px 14px; background:#fff8f8; }
.zm-card img, .zm-card .sv-noimg { width:64px; height:64px; border-radius:10px; object-fit:cover; background:#f4f4f4; flex:none; }
.zm-card-name { font-weight:800; font-size:15px; display:block; }
.zm-card-meta { display:flex; flex-wrap:wrap; gap:4px 16px; margin-top:4px; font-size:13px; color:#444; }
.zm-card-meta b { font-weight:700; }
.zm-clear { position:absolute; top:8px; right:10px; background:none; border:none; color:#bbb; cursor:pointer; font-size:15px; line-height:1; }
.zm-clear:hover { color:var(--red); }
/* Shop-filter: "ook op bestelling tonen" checkbox-pill */
.shop-filters .filter-grid--full { grid-template-columns:1fr; }
.ob-toggle { display:flex; width:100%; box-sizing:border-box; align-items:center; gap:10px; border:2px solid #e3e3e3; background:#fff; color:#444; font-family:'Barlow',sans-serif; font-weight:700; font-size:13.5px; padding:12px 16px; border-radius:12px; cursor:pointer; text-decoration:none; transition:all .15s; white-space:nowrap; }
.ob-toggle .ob-toggle-txt { overflow:hidden; text-overflow:ellipsis; }
.ob-toggle:hover { border-color:#15171c; }
.ob-toggle.active { background:var(--black,#15171c); color:#fff; border-color:var(--black,#15171c); }
.ob-toggle .ob-box { width:16px; height:16px; border:2px solid currentColor; border-radius:5px; display:inline-flex; align-items:center; justify-content:center; color:#bbb; }
.ob-toggle.active .ob-box { background:var(--red); border-color:var(--red); color:#fff; }
/* "Op bestelling" badge op productkaarten */
.montas-ob-grid .product, .op-bestelling-wrap .product { position:relative; }
.montas-ob-badge { position:absolute; top:10px; left:10px; z-index:3; background:#15171c; color:#fff; font-family:'Barlow Condensed',sans-serif; font-weight:800; text-transform:uppercase; letter-spacing:.5px; font-size:11px; padding:4px 10px; border-radius:30px; }
.op-bestelling-wrap { padding-top:28px; padding-bottom:48px; }
.ob-count { color:var(--mid,#888); font-weight:700; margin-bottom:18px; }
/* Globale verplichte-beschikbaarheid melding (alle schermen) */
.dash-av-alert { display:flex; align-items:center; gap:14px; background:#fff4f4; border:2px solid var(--red); border-left-width:6px; border-radius:14px; padding:14px 18px; margin-bottom:18px; }
.dash-av-alert.is-hidden { display:none; }
.dash-av-alert .daa-ico { color:var(--red); flex:none; display:flex; }
.dash-av-alert .daa-txt { flex:1; min-width:0; display:flex; flex-direction:column; gap:2px; }
.dash-av-alert .daa-txt strong { font-family:'Barlow Condensed',sans-serif; font-weight:900; text-transform:uppercase; letter-spacing:.5px; font-size:17px; }
.dash-av-alert .daa-txt span { font-size:13.5px; color:#444; }
.dash-av-alert .daa-cta { flex:none; padding:10px 18px; }
.navbadge-warn { background:var(--red) !important; color:#fff !important; font-weight:900; }
@media (max-width:600px){ .dash-av-alert { flex-wrap:wrap; } .dash-av-alert .daa-cta { width:100%; } }
/* Beschikbaarheid */
.av-status { display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-bottom:16px; font-weight:700; font-size:14px; }
.av-chip { padding:5px 12px; border-radius:30px; font-size:12.5px; font-weight:800; }
.av-chip.ok { background:#e7f6ec; color:#1a7a3c; }
.av-chip.todo { background:#fdecec; color:var(--red); }
.av-status small { color:var(--mid,#888); font-weight:600; }
.av-status small.av-done { color:#1a7a3c; font-weight:700; }
.av-head { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.av-nav { display:flex; align-items:center; gap:8px; }
.av-nav strong { font-size:14px; min-width:220px; text-align:center; }
.av-nav .btn { padding:7px 12px; }
.av-grid { display:grid; grid-template-columns:1.1fr 1.4fr 1.4fr; gap:1px; background:#ececec; border:1px solid #ececec; border-radius:12px; overflow:hidden; }
.av-grid > div { background:#fff; padding:12px 14px; }
.av-grid .av-h { background:#15171c; color:#fff; font-family:'Barlow Condensed',sans-serif; font-weight:800; text-transform:uppercase; letter-spacing:.5px; font-size:13px; }
.av-day { font-weight:800; }
.av-day small { display:block; color:var(--mid,#888); font-weight:600; font-size:11px; }
.av-on { display:flex; align-items:center; gap:7px; font-size:13px; font-weight:700; cursor:pointer; }
.av-on input { width:17px; height:17px; accent-color:var(--red); }
.av-times { margin-top:6px; display:flex; align-items:center; gap:6px; font-size:13px; }
.av-times input[type=time] { border:2px solid #e3e3e3; border-radius:8px; padding:6px 8px; font-family:'Barlow',sans-serif; font-size:13px; }
.av-actions { display:flex; gap:10px; margin-top:18px; flex-wrap:wrap; }
@media (max-width:680px){ .av-grid { grid-template-columns:1fr; } .av-grid .av-h { display:none; } .av-day { background:#f7f7f8 !important; } }
/* Afrekening-overzicht */
.afr-filter { display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-bottom:14px; }
.afr-filter-label { font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.5px; color:var(--mid,#888); }
.afr-statement h3 { margin:0 0 10px; }
.afr-table { width:100%; border-collapse:collapse; font-size:14.5px; }
.afr-table td { padding:11px 4px; border-bottom:1px solid #f0f0f0; }
.afr-table td.num { text-align:right; font-family:'Barlow Condensed',sans-serif; font-weight:800; font-size:17px; white-space:nowrap; }
.afr-table .afr-sub td { border-top:2px solid #15171c; font-weight:800; }
.afr-table .afr-total td { border-bottom:none; padding-top:14px; font-family:'Barlow Condensed',sans-serif; font-weight:900; text-transform:uppercase; letter-spacing:.5px; font-size:16px; }
.afr-table .afr-total td.num { color:var(--red); font-size:26px; }
.sv-src { display:inline-block; font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.4px; padding:3px 9px; border-radius:20px; background:#eef0f2; color:#555; white-space:nowrap; }
.sv-src-web { background:#e7f0ff; color:#1e40af; }
.sv-card-src { font-size:10px; font-weight:800; text-transform:uppercase; color:#1e40af; background:#e7f0ff; border-radius:20px; padding:2px 7px; align-self:flex-start; }
.sv-undo { background:none; border:none; color:var(--red); font-family:'Barlow',sans-serif; font-weight:700; font-size:13px; cursor:pointer; padding:0; white-space:nowrap; }
.sv-undo:hover { text-decoration:underline; }
.sv-undo:disabled { opacity:.5; cursor:default; }
/* Zoekmelding-formulier */
.cost-form { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.cost-form .full { grid-column:1/-1; }
.cost-form label { display:block; font-size:12px; font-weight:700; margin-bottom:6px; color:#444; }
.cost-form input[type=text], .cost-form input[type=number], .cost-form input[type=date], .cost-form textarea { width:100%; padding:11px 12px; border:1px solid #dcdcdc; border-radius:10px; font-family:'Barlow',sans-serif; font-size:14px; background:#fff; color:inherit; box-sizing:border-box; min-height:46px; }
.cost-form input[type=text]:focus, .cost-form input[type=number]:focus, .cost-form input[type=date]:focus, .cost-form textarea:focus { border-color:var(--red); outline:none; }
.cost-form select { width:100%; min-height:46px; padding:11px 38px 11px 12px; border:1px solid #dcdcdc; border-radius:10px; font-family:'Barlow',sans-serif; font-size:14px; background-color:#fff; color:inherit; box-sizing:border-box; cursor:pointer; appearance:none; -webkit-appearance:none; -moz-appearance:none; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 13px center; }
.cost-form select:focus { border-color:var(--red); outline:none; }
.cost-form input[type=date] { appearance:none; -webkit-appearance:none; }
.cost-form input[type=date]::-webkit-calendar-picker-indicator { cursor:pointer; opacity:.6; filter:saturate(0); }
.cost-form input[type=date]:focus::-webkit-calendar-picker-indicator { opacity:1; }
.cost-form input[type=file] { width:100%; border:2px dashed #d5d5d5; border-radius:12px; padding:16px; background:#fafafa; cursor:pointer; font-size:13px; color:var(--mid,#888); transition:border-color .2s; }
.cost-form input[type=file]:hover { border-color:var(--red); }
.cost-form input[type=file]::file-selector-button { background:var(--black,#15171c); color:#fff; border:none; border-radius:8px; padding:8px 14px; font-weight:700; font-family:'Barlow',sans-serif; margin-right:12px; cursor:pointer; }
@media (max-width:600px){ .cost-form { grid-template-columns:1fr; } }
@media (max-width:860px){ .dash { grid-template-columns:1fr; } .dash-side { position:static; } .dash-nav { flex-direction:row; flex-wrap:wrap; } .dash-nav button { flex:1; min-width:130px; } .kpis { grid-template-columns:1fr; } }

/* Agent dashboard (oud, fallback) */
.agent-dash-switch { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-bottom:20px; font-weight:700; }
.agent-dash-head h2 { font-family:'Barlow Condensed',sans-serif; font-weight:900; text-transform:uppercase; font-size:30px; margin:0; }
.agent-dash-head p { color:var(--mid,#6b7280); margin:4px 0 0; }
.agent-dash-stats { display:flex; gap:16px; margin:20px 0 8px; flex-wrap:wrap; }
.ad-stat { background:#15171c; color:#fff; border-radius:14px; padding:16px 24px; min-width:120px; }
.ad-stat b { font-family:'Barlow Condensed',sans-serif; font-size:32px; font-weight:900; display:block; line-height:1; }
.ad-stat span { font-size:12px; opacity:.7; text-transform:uppercase; letter-spacing:1px; }
.ad-h3 { font-family:'Barlow Condensed',sans-serif; font-weight:900; text-transform:uppercase; font-size:22px; margin:32px 0 12px; }
.ad-table { width:100%; border-collapse:collapse; font-size:14px; }
.ad-table th, .ad-table td { text-align:left; padding:10px 12px; border-bottom:1px solid #eee; }
.ad-table th { font-size:12px; text-transform:uppercase; letter-spacing:.5px; color:var(--mid,#6b7280); }
.ad-muted { color:var(--mid,#6b7280); }
.ad-products { display:grid; grid-template-columns:repeat(auto-fill,minmax(170px,1fr)); gap:16px; }
.ad-product { display:flex; flex-direction:column; gap:6px; background:#fff; border:1px solid #ececec; border-radius:12px; padding:12px; transition:all .2s; }
.ad-product:hover { transform:translateY(-4px); box-shadow:0 16px 32px -20px rgba(0,0,0,.3); border-color:var(--red); }
.ad-product img { border-radius:8px; aspect-ratio:1/1; object-fit:cover; }
.ad-product-name { font-size:13px; font-weight:700; line-height:1.3; }
.ad-product-price { font-family:'Barlow Condensed',sans-serif; font-weight:900; }
.agent-dash-login, .agent-dash-empty { background:#f7f7f7; border:1px solid #ececec; border-radius:14px; padding:28px; text-align:center; }

/* ── Verlanglijst (wishlist) ── */
.montas-wish-link .wish-ico { position:relative; display:inline-flex; }
.wish-badge { position:absolute; top:-7px; right:-9px; min-width:16px; height:16px; padding:0 4px; border-radius:8px; background:var(--red); color:#fff; font-size:10px; font-weight:900; display:flex; align-items:center; justify-content:center; line-height:1; }
.wish-badge.is-empty { display:none; }
.pc-wish { position:absolute; top:10px; right:10px; z-index:5; width:36px; height:36px; border-radius:50%; border:none; background:rgba(255,255,255,.92); box-shadow:0 4px 14px rgba(0,0,0,.14); display:flex; align-items:center; justify-content:center; cursor:pointer; color:#15171c; transition:all .18s; }
.pc-wish svg { width:18px; height:18px; }
.pc-wish:hover { color:var(--red); transform:scale(1.1); }
.pc-wish.active { background:var(--red); color:#fff; }
.pc-wish.active svg { fill:#fff; stroke:#fff; }
.mp-wish { display:inline-flex; align-items:center; gap:8px; margin-top:12px; background:#fff; border:2px solid #e3e3e3; border-radius:10px; padding:11px 18px; font-family:'Barlow',sans-serif; font-weight:800; font-size:14px; color:#15171c; cursor:pointer; transition:all .18s; }
.mp-wish svg { width:20px; height:20px; }
.mp-wish:hover { border-color:var(--red); color:var(--red); }
.mp-wish.active { background:var(--red); border-color:var(--red); color:#fff; }
.mp-wish.active svg { fill:#fff; stroke:#fff; }
.wish-card { position:relative; }
.wish-card .wish-toggle { position:absolute; top:10px; right:10px; z-index:5; width:36px; height:36px; border-radius:50%; border:none; background:var(--red); color:#fff; display:flex; align-items:center; justify-content:center; cursor:pointer; }
.wish-card .wish-toggle svg { width:18px; height:18px; }
.wish-empty { text-align:center; padding:48px 0; color:var(--mid,#6b7280); }
.wish-empty p { margin-bottom:14px; }

/* ── Moderne paginering ── */
.woocommerce nav.woocommerce-pagination { margin:48px 0 0; text-align:center; }
.woocommerce nav.woocommerce-pagination ul { display:inline-flex; gap:8px; border:none; padding:0; }
.woocommerce nav.woocommerce-pagination ul li { border:none; margin:0; overflow:visible; }
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span { min-width:44px; height:44px; line-height:44px; padding:0 8px; border-radius:12px; border:1px solid #e6e6e6; background:#fff; font-weight:800; font-size:15px; color:#15171c; transition:all .2s; box-shadow:0 1px 2px rgba(0,0,0,.04); }
.woocommerce nav.woocommerce-pagination ul li a:hover { border-color:var(--red); color:var(--red); transform:translateY(-2px); box-shadow:0 10px 22px -12px rgba(227,6,19,.55); background:#fff; }
.woocommerce nav.woocommerce-pagination ul li span.current { background:var(--red); border-color:var(--red); color:#fff; box-shadow:0 10px 22px -10px rgba(227,6,19,.6); }

/* Locatie-badge op product-cards */
.pc-loc { display:inline-flex; align-items:center; gap:5px; margin-bottom:10px; font-size:12px; font-weight:700; color:var(--mid,#6b7280); }
.pc-loc a { display:inline-flex; align-items:center; gap:5px; color:inherit; }
.pc-loc a:hover { color:var(--red); }
.pc-loc svg { width:13px; height:13px; color:var(--red); flex:none; }
.pc-loc strong { color:var(--black,#15171c); font-weight:800; }

/* Beschikbaarheid op de product-detailpagina */
.pd-avail { position:relative; border:1px solid #ececec; border-radius:16px; padding:18px; margin:18px 0; background:linear-gradient(180deg,#fff,#fafafa); box-shadow:0 14px 34px -26px rgba(0,0,0,.4); overflow:hidden; }
.pd-avail::before { content:""; position:absolute; left:0; top:0; bottom:0; width:4px; background:var(--red); }
.pd-avail-top { display:flex; align-items:center; gap:14px; }
.pd-avail-pin { flex:none; width:44px; height:44px; border-radius:12px; background:#fff5f5; border:1px solid #f4d6d8; color:var(--red); display:flex; align-items:center; justify-content:center; }
.pd-avail-pin svg { color:var(--red); }
.pd-avail-meta { display:flex; flex-direction:column; min-width:0; flex:1; }
.pd-avail-eyebrow { font-size:10.5px; font-weight:800; text-transform:uppercase; letter-spacing:1.5px; color:var(--mid,#888); }
.pd-avail-name { font-family:'Barlow Condensed',sans-serif; font-weight:900; font-size:21px; text-transform:uppercase; letter-spacing:.3px; line-height:1.05; color:#15171c; }
.pd-avail-addr { font-size:13px; color:#666; margin-top:2px; }
.pd-avail-badge { flex:none; display:inline-flex; align-items:center; gap:6px; align-self:flex-start; background:#e7f6ec; color:#1a7a3c; font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.5px; padding:5px 10px; border-radius:30px; }
.pd-avail-dot { width:7px; height:7px; border-radius:50%; background:#1a7a3c; box-shadow:0 0 0 0 rgba(26,122,60,.5); animation:csPulse 2s infinite; }
.pd-avail-actions { display:flex; gap:10px; flex-wrap:wrap; margin-top:14px; }
.pd-avail-wa { display:inline-flex; align-items:center; gap:7px; padding:10px 16px; border-radius:10px; font-weight:800; font-size:13.5px; background:#25d366; color:#fff; }
.pd-avail-wa:hover { filter:brightness(1.05); }
.pd-avail-maps { display:inline-flex; align-items:center; gap:6px; padding:10px 16px; border-radius:10px; font-weight:800; font-size:13.5px; background:#fff; color:#15171c; border:2px solid #e3e3e3; margin-left:0; }
.pd-avail-maps:hover { border-color:var(--red); color:var(--red); text-decoration:none; }
.pd-print-toggle { display:inline-flex; align-items:center; gap:6px; margin:2px 0 8px; color:var(--red); font-family:'Barlow',sans-serif; font-weight:800; font-size:13.5px; text-decoration:none; }
.pd-print-toggle:hover { text-decoration:underline; }
@media (max-width:520px){ .pd-avail-badge { display:none; } }

/* WooCommerce-shop in Montas-grid (de loop gebruikt <ul class="products">) */
ul.products { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(4,1fr); gap:22px; }
ul.products li.product { margin:0; }
@media (max-width:1024px){ ul.products { grid-template-columns:repeat(3,1fr); } }
@media (max-width:760px){ ul.products { grid-template-columns:repeat(2,1fr); } }
@media (max-width:480px){ ul.products { grid-template-columns:1fr; } }

/* Sticky: alleen de hoofdnav blijft plakken, niet de header */
header { position:static !important; top:auto !important; }
.header-inner .search-bar button { display:flex; align-items:center; justify-content:center; }
.header-inner .search-bar button svg { width:20px; height:20px; color:#fff; }
.topbar { position:relative !important; z-index:1000 !important; }
.mainnav { position:sticky; top:0; z-index:60; background:#fff; }
.lang-dd.open { z-index:1001; }

/* Taal-/valuta-switchers in de topbar */
.topbar-controls { display:flex; align-items:center; gap:8px; }
.topbar-controls .montas-curr {
	background:rgba(255,255,255,.12); color:#fff; border:1px solid rgba(255,255,255,.25);
	border-radius:6px; padding:3px 6px; font-size:12px; font-weight:600; cursor:pointer; outline:none;
}
.topbar-controls .montas-curr option { color:#15171c; }

/* Taalkiezer met SVG-vlaggen */
.lang-dd { position:relative; display:inline-block; }
.lang-btn { display:inline-flex; align-items:center; gap:6px; background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.25); color:#fff; border-radius:6px; padding:3px 8px; font-family:'Barlow',sans-serif; font-size:12px; font-weight:600; cursor:pointer; outline:none; }
.lang-btn:hover { background:rgba(255,255,255,.2); }
.flag { width:18px; height:12px; border-radius:2px; display:block; box-shadow:0 0 0 1px rgba(255,255,255,.18); flex-shrink:0; }
.lang-caret { font-size:9px; opacity:.6; }
.lang-menu { position:absolute; top:calc(100% + 6px); right:0; background:#1c1c1c; border:1px solid rgba(255,255,255,.12); border-radius:8px; padding:4px; display:none; flex-direction:column; gap:2px; z-index:1200; min-width:92px; box-shadow:0 12px 30px rgba(0,0,0,.4); }
.lang-dd.open .lang-menu { display:flex; }
.lang-menu button { display:flex; align-items:center; gap:8px; background:none; border:none; color:#fff; font-family:'Barlow',sans-serif; font-weight:600; font-size:12px; padding:7px 10px; border-radius:6px; cursor:pointer; width:100%; text-align:left; }
.lang-menu button:hover { background:rgba(255,255,255,.1); }
.lang-menu .flag { width:22px; height:14px; }

/* Afgeprijsde prijzen (WooCommerce <del>/<ins>) in Montas-stijl */
.product-price del, .price del { color:var(--mid,#9a9a9a); text-decoration:line-through; font-weight:400; font-size:.78em; margin-right:6px; opacity:.85; }
.product-price ins, .price ins { text-decoration:none; background:none; }
/* WooCommerce-cards: geen lijstbolletjes/uitlijning-resten */
ul.products li.product { list-style:none; float:none; width:auto; }
ul.products li.product::before { display:none; }
/* WooCommerce clearfix-pseudo-elementen mogen geen grid-cellen worden (anders lege kaart) */
ul.products::before, ul.products::after { display:none !important; content:none !important; }

/* Beschikbare maten op de product-card */
.pc-sizes { display:flex; flex-wrap:wrap; gap:5px; margin:8px 0 2px; }
.pc-size { font-size:11px; font-weight:700; color:#444; background:#f3f3f4; border:1px solid #e7e7e9; border-radius:5px; padding:2px 7px; }

/* ── Homepage ── */
.montas-hero { position:relative; overflow:hidden; background:radial-gradient(120% 140% at 80% -10%, #3a0e12 0%, #15171c 55%); color:#fff; padding:78px 0 86px; }
.montas-hero .mh-glow { position:absolute; right:-10%; top:-30%; width:60%; height:140%; background:radial-gradient(circle, rgba(227,6,19,.45), transparent 60%); filter:blur(10px); pointer-events:none; }
.montas-hero .mh-inner { position:relative; z-index:2; max-width:880px; margin-left:0; margin-right:0; }
.mh-eyebrow { font-size:12px; font-weight:800; letter-spacing:2px; text-transform:uppercase; color:#ff6b6b; margin-bottom:14px; }
.montas-hero h1 { font-family:'Barlow Condensed',sans-serif; font-weight:900; text-transform:uppercase; font-size:clamp(42px,8vw,88px); line-height:.92; margin:0 0 16px; }
.montas-hero h1 .mh-red { color:var(--red); }
.mh-sub { font-size:clamp(15px,1.6vw,18px); line-height:1.7; color:rgba(255,255,255,.82); max-width:620px; }
.mh-cta { display:flex; gap:12px; flex-wrap:wrap; margin:26px 0 0; }
.mh-stats { display:flex; align-items:stretch; gap:0; flex-wrap:wrap; margin-top:40px; }
.mh-stat { position:relative; padding:2px 30px; }
.mh-stat:first-child { padding-left:0; }
.mh-stat + .mh-stat::before { content:''; position:absolute; left:0; top:6px; bottom:6px; width:2px; background:linear-gradient(180deg,transparent,rgba(255,255,255,.22),transparent); }
.mh-stat b { display:block; font-family:'Barlow Condensed',sans-serif; font-weight:900; font-size:44px; line-height:.95; letter-spacing:-.5px; background:linear-gradient(180deg,#fff 55%,rgba(255,255,255,.55)); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
.mh-stat:first-child b, .mh-stat:last-child b { background:linear-gradient(180deg,#fff 45%,var(--red) 230%); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
.mh-stat span { display:block; margin-top:7px; font-size:11.5px; font-weight:700; text-transform:uppercase; letter-spacing:1.5px; color:rgba(255,255,255,.6); }
@media (max-width:560px){ .mh-stat { padding:2px 18px; } .mh-stat b { font-size:36px; } }

.home-section { padding:54px 0 64px; }
.home-h2 { font-family:'Barlow Condensed',sans-serif; font-weight:900; text-transform:uppercase; font-size:clamp(26px,3.4vw,42px); margin:4px 0 26px; }

.home-band { background:#15171c; color:#fff; padding:48px 0; }
.home-band-inner { display:flex; align-items:center; justify-content:space-between; gap:28px; flex-wrap:wrap; }
.home-band h2 { font-family:'Barlow Condensed',sans-serif; font-weight:900; text-transform:uppercase; font-size:clamp(22px,2.6vw,34px); margin:0 0 8px; }
.home-band p { color:rgba(255,255,255,.78); font-size:15px; line-height:1.6; max-width:560px; margin:0; }
.home-band-cta { display:flex; gap:12px; flex-wrap:wrap; }
@media (max-width:760px){ .home-band-inner { flex-direction:column; align-items:flex-start; } }

/* Merken-logobalk — premium band die van links naar rechts schuift */
.brand-marquee { padding:40px 0 44px; background:linear-gradient(180deg,#fafafb 0%, #fff 100%); border-top:1px solid #efeff1; border-bottom:1px solid #efeff1; overflow:hidden; }
.brand-eyebrow { text-align:center; font-size:11px; font-weight:800; letter-spacing:2.5px; text-transform:uppercase; color:var(--mid,#9a9a9a); margin:0 0 26px; }
.brand-viewport { overflow:hidden; -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent); mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent); }
.brand-track { display:flex; align-items:center; gap:clamp(56px,7vw,104px); width:max-content; animation:montasBrandSlide 38s linear infinite; }
.brand-marquee:hover .brand-track { animation-play-state:paused; }
@keyframes montasBrandSlide { from { transform:translateX(-50%); } to { transform:translateX(0); } }
.brand-logo { display:flex; align-items:center; justify-content:center; height:54px; flex:none; opacity:.55; filter:grayscale(1); transition:opacity .3s cubic-bezier(.2,.7,.2,1), filter .3s, transform .3s; }
.brand-logo:hover { opacity:1; filter:none; transform:translateY(-3px) scale(1.06); }
.brand-logo img { max-height:54px; width:auto; object-fit:contain; }
.brand-word { font-family:'Barlow Condensed',sans-serif; font-weight:900; font-size:clamp(26px,2.8vw,38px); text-transform:uppercase; letter-spacing:1.5px; color:#15171c; white-space:nowrap; }
@media (prefers-reduced-motion:reduce){ .brand-track { animation:none; } }

/* Van Club tot Elite — donkere niveaus-sectie (zoals static) */
.levels { position:relative; background:#0e0f12; color:#fff; padding:clamp(64px,9vh,110px) 0; overflow:hidden; }
.levels-bg { position:absolute; inset:0; pointer-events:none; background:radial-gradient(900px 540px at 88% -8%, rgba(227,6,19,.22), transparent 60%), radial-gradient(680px 520px at -6% 110%, rgba(255,255,255,.05), transparent 60%); }
.levels-bg::after { content:''; position:absolute; inset:0; background-image:radial-gradient(rgba(255,255,255,.06) 1px, transparent 1.2px); background-size:30px 30px; -webkit-mask-image:linear-gradient(120deg,#000,transparent 60%); mask-image:linear-gradient(120deg,#000,transparent 60%); }
.levels-inner { position:relative; z-index:1; }
.levels-head { max-width:680px; margin-bottom:28px; }
.levels-title { font-family:'Barlow Condensed',sans-serif; font-size:clamp(34px,5vw,64px); font-weight:900; text-transform:uppercase; line-height:.98; margin:4px 0 0; }
.levels-title span { color:var(--red); }
.levels-sub { color:rgba(255,255,255,.6); font-size:clamp(14px,1.1vw,17px); line-height:1.7; margin-top:12px; }
.levels-tabs { display:inline-flex; gap:4px; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.12); border-radius:999px; padding:5px; margin-bottom:32px; }
.lv-tab { border:none; background:transparent; color:rgba(255,255,255,.6); font-family:'Barlow',sans-serif; font-weight:800; font-size:14px; padding:9px 22px; border-radius:999px; cursor:pointer; transition:all .2s; }
.lv-tab:hover { color:#fff; }
.lv-tab.sel { background:var(--red); color:#fff; box-shadow:0 8px 20px -8px rgba(227,6,19,.8); }
.levels-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.lv-card { position:relative; display:block; text-decoration:none; color:#fff; background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02)); border:1px solid rgba(255,255,255,.12); border-radius:20px; padding:26px 24px 22px; min-height:260px; overflow:hidden; transition:transform .5s cubic-bezier(.2,.7,.2,1), border-color .4s, background .4s, box-shadow .5s; }
.lv-card::before { content:''; position:absolute; inset:0; background:radial-gradient(120% 100% at 50% 0%, rgba(227,6,19,.28), transparent 60%); opacity:0; transition:opacity .5s; }
.lv-card:hover { transform:translateY(-10px); border-color:rgba(227,6,19,.6); box-shadow:0 30px 60px -26px rgba(227,6,19,.6); }
.lv-card:hover::before { opacity:1; }
.lv-index { position:absolute; top:14px; right:18px; font-family:'Barlow Condensed',sans-serif; font-weight:900; font-size:64px; line-height:1; color:transparent; -webkit-text-stroke:1.5px rgba(255,255,255,.14); transition:-webkit-text-stroke .4s; }
.lv-card:hover .lv-index { -webkit-text-stroke:1.5px rgba(227,6,19,.5); }
.lv-name { position:relative; font-family:'Barlow Condensed',sans-serif; font-weight:900; font-size:clamp(26px,2.4vw,34px); text-transform:uppercase; letter-spacing:.5px; margin-top:54px; }
.lv-tag { position:relative; color:rgba(255,255,255,.62); font-size:13.5px; line-height:1.6; margin-top:10px; min-height:66px; }
.lv-meta { position:relative; display:flex; align-items:center; justify-content:space-between; margin-top:18px; padding-top:16px; border-top:1px solid rgba(255,255,255,.1); }
.lv-price small { display:block; font-size:11px; text-transform:uppercase; letter-spacing:1px; color:rgba(255,255,255,.45); }
.lv-price b { font-family:'Barlow Condensed',sans-serif; font-size:22px; font-weight:900; }
.lv-price-empty small { color:rgba(255,255,255,.55); font-size:13px; letter-spacing:0; text-transform:none; }
.lv-card.lv-soldout { opacity:.78; }
.lv-arrow { width:40px; height:40px; border-radius:50%; border:1px solid rgba(255,255,255,.25); display:flex; align-items:center; justify-content:center; transition:all .35s; flex:none; }
.lv-card:hover .lv-arrow { background:var(--red); border-color:var(--red); transform:rotate(-45deg); }
.lv-card.elite { background:linear-gradient(180deg,rgba(227,6,19,.22),rgba(255,255,255,.02)); border-color:rgba(227,6,19,.4); }
.lv-badge { position:absolute; top:16px; left:20px; z-index:2; background:var(--red); color:#fff; font-size:10px; font-weight:800; letter-spacing:1px; text-transform:uppercase; padding:4px 10px; border-radius:999px; }
.lv-card.elite .lv-name { margin-top:58px; }
@media (max-width:980px){ .levels-grid { grid-template-columns:repeat(2,1fr); } }
@media (max-width:520px){ .levels-grid { grid-template-columns:1fr; } }

/* Levergebieden-teaser */
.home-lg { display:grid; grid-template-columns:1.3fr 1fr; gap:30px; align-items:center; }
.home-lg .lg-sub { color:var(--mid,#6b7280); font-size:15px; line-height:1.7; max-width:520px; margin:0 0 18px; }
.lg-chips { display:flex; flex-wrap:wrap; gap:10px; }
.lg-chips span, .lg-chips a { background:#f3f3f4; border:1px solid #e7e7e9; border-radius:999px; padding:8px 16px; font-weight:700; font-size:14px; color:#15171c; transition:all .15s; }
.lg-chips a:hover { background:var(--red); border-color:var(--red); color:#fff; transform:translateY(-2px); }
@media (max-width:760px){ .home-lg { grid-template-columns:1fr; } }

/* ── Levergebieden-kaart (homepage + /levergebied/) ── */
.map-section { padding:64px 0; }
.map-section .section-title { font-family:'Barlow Condensed',sans-serif; font-weight:900; text-transform:uppercase; font-size:clamp(28px,4vw,44px); line-height:1.05; }
.map-inner { display:grid; grid-template-columns:1fr 380px; gap:32px; align-items:start; margin:24px 0 0; }
.map-container { position:relative; }
#leafletMap { height:520px; border-radius:16px; overflow:hidden; box-shadow:0 12px 40px rgba(0,0,0,.15); z-index:0; }
.map-legend { display:flex; gap:16px; flex-wrap:wrap; margin-top:12px; }
.map-legend .legend-item { display:flex; align-items:center; gap:8px; font-size:13px; font-weight:600; }
.legend-dot { width:14px; height:14px; border-radius:3px; }
.legend-active { background:var(--red); }
.legend-inactive { background:#aaa; }
.legend-pin { width:12px; height:12px; border-radius:50%; background:var(--red); border:2px solid #fff; box-shadow:0 0 0 1.5px var(--red); }
.legend-pico { width:12px; height:12px; border-radius:50%; background:#1a56db; border:2px solid #fff; box-shadow:0 0 0 1.5px #1a56db; }
.map-info-panel { background:#fff; border-radius:16px; border:1px solid #e8e8e8; overflow:hidden; position:sticky; top:24px; }
.map-info-header { background:var(--black,#15171c); color:#fff; padding:20px 24px; }
.map-info-header h3 { font-family:'Barlow Condensed',sans-serif; font-size:20px; font-weight:900; margin-bottom:4px; }
.map-info-header p { font-size:13px; opacity:.6; }
.map-info-body { padding:24px; }
.district-card { display:none; }
.district-card.visible { display:block; }
.district-card-name { font-family:'Barlow Condensed',sans-serif; font-size:26px; font-weight:900; color:var(--red); margin-bottom:4px; }
.district-card-badge { display:inline-flex; align-items:center; gap:6px; background:rgba(227,6,19,.08); color:var(--red); font-size:12px; font-weight:700; padding:4px 10px; border-radius:20px; margin-bottom:16px; }
.district-card-agent { font-weight:700; font-size:15px; margin-bottom:4px; }
.district-card-info { font-size:13px; color:var(--mid,#6b7280); line-height:1.7; margin-bottom:16px; }
.district-card-actions { display:flex; gap:8px; flex-wrap:wrap; }
.dc-wa { display:inline-flex; align-items:center; gap:6px; background:#25D366; color:#fff; padding:9px 16px; border-radius:7px; font-size:13px; font-weight:700; }
.dc-wa:hover { background:#1da851; }
.dc-call { display:inline-flex; align-items:center; gap:6px; background:#f4f4f4; color:#15171c; padding:9px 16px; border-radius:7px; font-size:13px; font-weight:700; }
.dc-call:hover { background:#15171c; color:#fff; }
.map-default-msg { text-align:center; padding:32px 0; color:var(--mid,#6b7280); }
.map-default-msg p { font-size:14px; line-height:1.6; }
.leaflet-popup-content-wrapper { border-radius:10px!important; font-family:'Barlow',sans-serif!important; }
.leaflet-popup-content { font-weight:600!important; font-size:14px!important; }
@media (max-width:1024px){ .map-inner { grid-template-columns:1fr; } .map-info-panel { position:static; } }

/* Flash sale */
.home-flash { background:linear-gradient(120deg,#E30613,#a30410); color:#fff; padding:42px 0; }
.home-flash-inner { display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap; }
.flash-badge { display:inline-block; background:rgba(255,255,255,.18); border-radius:999px; padding:4px 12px; font-weight:800; font-size:12px; text-transform:uppercase; letter-spacing:1px; margin-bottom:8px; }
.home-flash h2 { font-family:'Barlow Condensed',sans-serif; font-weight:900; text-transform:uppercase; font-size:clamp(24px,3vw,38px); margin:0 0 6px; }
.home-flash p { margin:0; color:rgba(255,255,255,.85); }

/* Shop op maat — dark interactieve sectie (zoals statische site) */
.sizeshop { position:relative; background:#121317; color:#fff; padding:clamp(56px,8vh,96px) 0; overflow:hidden; }
/* Groot "MAAT"-watermerk (outline) op de achtergrond — awwwards-gevoel */
.sizeshop::before { content:'MAAT'; position:absolute; right:-1.5%; top:40%; transform:translateY(-50%) rotate(-4deg); font-family:'Barlow Condensed',sans-serif; font-weight:900; font-size:min(34vw,460px); line-height:.8; letter-spacing:-.02em; color:transparent; -webkit-text-stroke:2px rgba(255,255,255,.05); text-stroke:2px rgba(255,255,255,.05); white-space:nowrap; pointer-events:none; z-index:0; }
.sizeshop-bg { position:absolute; inset:0; pointer-events:none; z-index:0; background:
	radial-gradient(760px 520px at 86% -8%, rgba(227,6,19,.30), transparent 60%),
	radial-gradient(680px 560px at -8% 112%, rgba(227,6,19,.15), transparent 62%),
	radial-gradient(900px 760px at 50% 124%, rgba(36,42,64,.45), transparent 70%); }
/* Fijn dot-grid dat radieel uitfadet (vervangt de diagonale lijnen) */
.sizeshop-bg::before { content:''; position:absolute; inset:0; background-image:radial-gradient(rgba(255,255,255,.11) 1px, transparent 1.5px); background-size:26px 26px; -webkit-mask-image:radial-gradient(125% 92% at 50% 16%, #000 32%, transparent 78%); mask-image:radial-gradient(125% 92% at 50% 16%, #000 32%, transparent 78%); opacity:.55; }
/* Zachte zwevende rode glow-orb */
.sizeshop-bg::after { content:''; position:absolute; width:540px; height:540px; left:58%; top:-170px; border-radius:50%; background:radial-gradient(circle, rgba(227,6,19,.40), transparent 62%); filter:blur(42px); animation:ssFloat 13s ease-in-out infinite; }
@keyframes ssFloat { 0%,100%{ transform:translate(0,0) } 50%{ transform:translate(-46px,46px) } }
@media (prefers-reduced-motion:reduce){ .sizeshop-bg::after { animation:none; } }
.sizeshop-inner { position:relative; z-index:2; }
.sizeshop-head { max-width:640px; margin-bottom:34px; }
.sizeshop-title { font-family:'Barlow Condensed',sans-serif; font-size:clamp(34px,5.4vw,64px); font-weight:900; text-transform:uppercase; line-height:.98; margin:4px 0 0; }
.sizeshop-title span { color:var(--red); }
.sizeshop-sub { color:rgba(255,255,255,.62); font-size:clamp(15px,1.2vw,17px); line-height:1.7; margin-top:14px; }
.sizeshop-tabs { display:inline-flex; gap:6px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12); padding:5px; border-radius:999px; margin:0 0 26px; }
.sizeshop-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(80px,1fr)); gap:12px; }
.sizeshop-grid[hidden] { display:none !important; } /* anders overschrijft display:grid het hidden-attribuut en tonen alle merken tegelijk */
/* Merk-tabs + EU/US-toggle op één rij (donkere sectie) */
.sizeshop-controls { display:flex; align-items:center; justify-content:flex-start; gap:14px 18px; flex-wrap:wrap; margin:0 0 26px; }
.sizeshop-controls .sizeshop-tabs { margin:0; }
.sizeshop-unit { display:inline-flex; gap:4px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12); padding:5px; border-radius:999px; }
.ssu-btn { border:none; background:transparent; color:rgba(255,255,255,.6); font-family:'Barlow',sans-serif; font-weight:800; font-size:13px; padding:8px 18px; border-radius:999px; cursor:pointer; transition:all .2s; }
.ssu-btn:hover { color:#fff; }
.ssu-btn.active { background:var(--red); color:#fff; box-shadow:0 8px 20px -8px rgba(227,6,19,.8); }
.size-chip .ssc-val { display:inline; }
.size-chip { position:relative; display:flex; align-items:center; justify-content:center; aspect-ratio:1/1; border:1px solid rgba(255,255,255,.14); border-radius:16px; background:rgba(255,255,255,.04); color:#fff; font-family:'Barlow Condensed',sans-serif; font-weight:900; font-size:clamp(20px,2vw,26px); cursor:pointer; transition:transform .3s cubic-bezier(.2,.7,.2,1), background .3s, border-color .3s, box-shadow .3s; overflow:hidden; }
.size-chip small { font-family:'Barlow',sans-serif; font-weight:700; font-size:10px; opacity:.45; position:absolute; top:9px; left:11px; letter-spacing:1px; }
.size-chip:hover { background:var(--red); border-color:var(--red); transform:translateY(-6px) scale(1.05); box-shadow:0 20px 38px -12px rgba(227,6,19,.65); }
.size-chip:hover small { opacity:.9; }
.sizeshop-note { margin-top:26px; font-size:14px; color:rgba(255,255,255,.55); }
.sizeshop-note a { color:#fff; font-weight:700; border-bottom:1px solid rgba(255,255,255,.3); }
.sizeshop-note a:hover { color:var(--red); border-color:var(--red); }
@media (max-width:560px){ .sizeshop-grid { grid-template-columns:repeat(auto-fill,minmax(62px,1fr)); gap:9px; } }

/* "Naar boven"-knop */
.back-top { position:fixed; right:35px; bottom:100px; z-index:998; width:46px; height:46px; border-radius:50%; border:none; background:var(--black,#15171c); color:#fff; display:flex; align-items:center; justify-content:center; cursor:pointer; opacity:0; pointer-events:none; transform:translateY(10px); transition:opacity .25s, transform .25s, background .2s; box-shadow:0 8px 24px -8px rgba(0,0,0,.5); }
.back-top.visible { opacity:1; pointer-events:auto; transform:none; }
.back-top:hover { background:var(--red); }
.back-top.over-footer { background:var(--red); box-shadow:0 8px 24px -8px rgba(227,6,19,.6); }

/* ── Onze Sales Agents (homepage) ── */
.agents-section { padding:64px 0; }
.agents-section .section-title { font-family:'Barlow Condensed',sans-serif; font-weight:900; text-transform:uppercase; font-size:clamp(28px,4vw,44px); line-height:1.05; }
.agents-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:20px; margin-top:32px; }
.agent-card { background:#fff; border-radius:12px; padding:24px; border:1px solid #e8e8e8; transition:all .2s; display:flex; flex-direction:column; gap:12px; }
.agent-card:hover { transform:translateY(-4px); box-shadow:0 8px 32px rgba(0,0,0,.12); border-color:var(--red); }
.agent-district { font-size:11px; font-weight:700; letter-spacing:2px; text-transform:uppercase; color:var(--red); background:rgba(227,6,19,.08); padding:4px 10px; border-radius:4px; display:inline-block; align-self:flex-start; }
.agent-name { font-weight:700; font-size:18px; }
.agent-info { font-size:13px; color:var(--mid,#6b7280); line-height:1.6; }
.agent-contact { display:flex; gap:8px; margin-top:4px; flex-wrap:wrap; }
.agent-wa { display:inline-flex; align-items:center; gap:6px; background:#25D366; color:#fff; padding:8px 14px; border-radius:6px; font-size:13px; font-weight:700; transition:all .2s; }
.agent-wa:hover { background:#1da851; transform:translateY(-1px); }
.agent-call { display:inline-flex; align-items:center; gap:6px; background:#f4f4f4; color:#15171c; padding:8px 14px; border-radius:6px; font-size:13px; font-weight:700; transition:all .2s; }
.agent-call:hover { background:#15171c; color:#fff; }
.agent-stock { margin-top:auto; display:inline-flex; align-items:center; justify-content:center; gap:6px; border:1.5px solid #15171c; color:#15171c; padding:9px 14px; border-radius:8px; font-size:13px; font-weight:800; transition:all .2s; }
.agent-stock:hover { background:#15171c; color:#fff; }

/* ── FAQ (homepage) ── */
.faq-section { padding:64px 0; background:#f4f4f4; }
.faq-section .section-title { font-family:'Barlow Condensed',sans-serif; font-weight:900; text-transform:uppercase; font-size:clamp(28px,4vw,44px); line-height:1.05; }
.faq-grid { display:grid; grid-template-columns:1fr 1fr; gap:0 48px; margin-top:32px; }
.faq-item { border-bottom:1px solid #e0e0e0; }
.faq-q { display:flex; justify-content:space-between; align-items:center; padding:20px 0; cursor:pointer; font-weight:700; font-size:15px; gap:16px; transition:color .2s; }
.faq-q:hover { color:var(--red); }
.faq-arrow { flex-shrink:0; width:28px; height:28px; border-radius:50%; background:#e0e0e0; display:flex; align-items:center; justify-content:center; font-size:12px; transition:all .3s; font-weight:900; }
.faq-item.open .faq-arrow { background:var(--red); color:#fff; transform:rotate(45deg); }
.faq-a { max-height:0; overflow:hidden; transition:max-height .35s ease, padding .35s; font-size:14px; color:var(--mid,#6b7280); line-height:1.7; }
.faq-item.open .faq-a { max-height:400px; padding-bottom:20px; }
@media (max-width:760px){ .faq-grid { grid-template-columns:1fr; gap:0; } }

/* Shop-layout met filter-sidebar */
.shop-layout .shop-body { display:grid; grid-template-columns:260px 1fr; gap:28px; align-items:start; padding:24px 0 70px; }
.shop-main { min-width:0; }
body { overflow-x:clip; }
/* De filter-zijbalk scrollt gewoon mee met de pagina (niet vastgepind). */
.shop-sidebar { position:static; align-self:start; }
.shop-filters { background:#fff; border:1px solid #ececec; border-radius:16px; padding:18px; display:flex; flex-direction:column; gap:16px; box-shadow:0 10px 30px -22px rgba(0,0,0,.35); }
.shop-filters-head { font-family:'Barlow Condensed',sans-serif; font-weight:900; font-size:18px; text-transform:uppercase; letter-spacing:.5px; padding-bottom:12px; border-bottom:1px solid #eee; }
.shop-filters .filter-bar { display:flex; flex-direction:column; align-items:flex-start; gap:8px; }
.shop-filters .filter-label { font-size:11px; font-weight:700; letter-spacing:1.5px; text-transform:uppercase; color:var(--mid,#6b7280); margin:0 0 2px; }
.shop-filters .filter-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; width:100%; }
.shop-filters .filter-grid--sizes { grid-template-columns:repeat(auto-fill,minmax(0,1fr)); grid-auto-rows:1fr; }
@media (min-width:480px){ .shop-filters .filter-grid--sizes { grid-template-columns:repeat(4,minmax(0,1fr)); } }
.filter-btn { display:inline-flex; align-items:center; justify-content:center; min-width:0; max-width:100%; padding:8px 12px; border-radius:20px; border:2px solid #ddd; background:#fff; font-family:'Barlow',sans-serif; font-weight:600; font-size:13px; color:#15171c; cursor:pointer; text-align:center; white-space:normal; overflow-wrap:anywhere; line-height:1.2; transition:all .2s; }
.shop-filters .filter-grid--sizes .filter-btn { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; padding:8px 4px; font-size:12.5px; }
.filter-btn:hover, .filter-btn.active { background:var(--red); border-color:var(--red); color:#fff; }
/* Prijs-schuifbalk (dual range) */
.price-slider { width:100%; padding:6px 2px 0; }
.price-slider .ps-track { position:relative; height:6px; background:#e7e7e9; border-radius:6px; margin:18px 6px 0; }
.price-slider .ps-range { position:absolute; top:0; bottom:0; background:var(--red); border-radius:6px; }
.price-slider .ps-input { position:absolute; left:-6px; right:-6px; top:50%; transform:translateY(-50%); width:calc(100% + 12px); margin:0; background:none; pointer-events:none; -webkit-appearance:none; appearance:none; height:6px; }
.price-slider .ps-input::-webkit-slider-thumb { -webkit-appearance:none; pointer-events:auto; width:20px; height:20px; border-radius:50%; background:#fff; border:3px solid var(--red); cursor:pointer; box-shadow:0 2px 8px rgba(0,0,0,.18); margin-top:0; }
.price-slider .ps-input::-moz-range-thumb { pointer-events:auto; width:18px; height:18px; border-radius:50%; background:#fff; border:3px solid var(--red); cursor:pointer; box-shadow:0 2px 8px rgba(0,0,0,.18); }
.price-slider .ps-input::-webkit-slider-runnable-track { background:none; }
.price-slider .ps-values { display:flex; justify-content:space-between; margin:14px 0 12px; font-weight:800; font-size:14px; color:#15171c; font-family:'Barlow Condensed',sans-serif; }
.price-slider .ps-apply { width:100%; padding:9px 0 !important; font-size:13px; }

/* Bedrukken — Coming soon (award-winning, Montas-huisstijl) */
.cs-hero { position:relative; overflow:hidden; background:#0f1115; color:#fff; min-height:78vh; display:flex; align-items:center; }
.cs-glow { position:absolute; border-radius:50%; filter:blur(90px); opacity:.5; pointer-events:none; }
.cs-glow-1 { width:520px; height:520px; background:radial-gradient(circle,#E30613,transparent 65%); top:-160px; right:-120px; animation:csFloat 9s ease-in-out infinite; }
.cs-glow-2 { width:420px; height:420px; background:radial-gradient(circle,#3a4150,transparent 65%); bottom:-160px; left:-100px; animation:csFloat 11s ease-in-out infinite reverse; }
@keyframes csFloat { 0%,100%{ transform:translateY(0) } 50%{ transform:translateY(28px) } }
.cs-grid { position:absolute; inset:0; background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px); background-size:46px 46px; mask-image:radial-gradient(circle at 50% 40%,#000,transparent 75%); -webkit-mask-image:radial-gradient(circle at 50% 40%,#000,transparent 75%); }
.cs-watermark { position:absolute; left:50%; top:54%; transform:translate(-50%,-50%); font-family:'Barlow Condensed',sans-serif; font-weight:900; font-size:26vw; line-height:1; color:#fff; opacity:.035; letter-spacing:-.02em; white-space:nowrap; pointer-events:none; }
.cs-inner { position:relative; z-index:2; text-align:center; padding:72px 0; }
.cs-badge { display:inline-flex; align-items:center; gap:9px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.16); border-radius:30px; padding:8px 16px; font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:1.5px; }
.cs-dot { width:9px; height:9px; border-radius:50%; background:#E30613; box-shadow:0 0 0 0 rgba(227,6,19,.6); animation:csPulse 1.8s infinite; }
@keyframes csPulse { 0%{ box-shadow:0 0 0 0 rgba(227,6,19,.55) } 70%{ box-shadow:0 0 0 12px rgba(227,6,19,0) } 100%{ box-shadow:0 0 0 0 rgba(227,6,19,0) } }
.cs-title { font-family:'Barlow Condensed',sans-serif; font-weight:900; text-transform:uppercase; font-size:clamp(54px,11vw,128px); line-height:.92; letter-spacing:-.01em; margin:22px 0 0; }
.cs-title-red { background:linear-gradient(180deg,#ff3b48,#E30613 70%); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
.cs-sub { max-width:640px; margin:20px auto 0; color:rgba(255,255,255,.72); font-size:clamp(15px,1.6vw,18px); line-height:1.65; }
.cs-features { display:flex; justify-content:center; flex-wrap:wrap; gap:12px; margin-top:30px; }
.cs-feature { display:inline-flex; align-items:center; gap:9px; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.12); border-radius:30px; padding:9px 16px; font-size:13.5px; font-weight:700; }
.cs-fic { display:inline-flex; color:#ff5560; }
.cs-fic svg { width:17px; height:17px; }
.cs-cta { display:flex; justify-content:center; flex-wrap:wrap; gap:12px; margin-top:36px; }
.cs-btn { padding:14px 26px; }
.cs-hero .btn-light { background:rgba(255,255,255,.08); color:#fff; border:1px solid rgba(255,255,255,.2); }
.cs-hero .btn-light:hover { background:rgba(255,255,255,.16); }
@media (max-width:600px){ .cs-inner { padding:54px 0; } .cs-watermark { font-size:38vw; } }

/* Over ons-pagina */
.over-ons .stats-row { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; margin:40px 0; }
.over-ons .stat-box { background:#fff; border:1px solid #ececec; border-radius:14px; padding:24px; text-align:center; }
.over-ons .stat-box .num { font-family:'Barlow Condensed',sans-serif; font-size:40px; font-weight:900; color:var(--red); line-height:1; }
.over-ons .stat-box .lbl { font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:1px; color:var(--mid,#888); margin-top:6px; }
.over-ons .values { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:24px; }
.over-ons .value-card { background:#fff; border:1px solid #ececec; border-radius:14px; padding:24px; }
.over-ons .value-card .ic { margin-bottom:10px; }
.over-ons .value-card h4 { font-size:16px; font-weight:800; margin-bottom:6px; }
.over-ons .value-card p { font-size:14px; color:#555; line-height:1.6; margin:0; }
@media (max-width:860px){ .over-ons .stats-row{ grid-template-columns:1fr 1fr; } .over-ons .values{ grid-template-columns:1fr; } }
.agent-maps { display:inline-flex; align-items:center; gap:5px; font-weight:700; color:#15171c; }
.agent-maps:hover { color:var(--red); }
.pd-avail-maps { font-weight:800; color:var(--red); margin-left:10px; }
.pd-avail-maps:hover { text-decoration:underline; }
.filter-reset { display:flex; justify-content:center; margin-top:14px; padding-top:14px; border-top:1px solid #ededed; }
.filter-reset a { font-size:13px; font-weight:800; color:var(--mid,#6b7280); display:inline-flex; align-items:center; justify-content:center; gap:7px; padding:10px 18px; border:2px solid #e3e3e3; border-radius:30px; text-decoration:none; transition:all .15s; }
.filter-reset a:hover { color:#fff; background:var(--red); border-color:var(--red); }
@media (max-width:900px){ .shop-layout .shop-body { grid-template-columns:1fr; } .shop-sidebar { position:static; } .shop-filters { max-height:none; overflow:visible; } }
@media (max-width:640px){ .shop-filters { padding:14px; } }

/* Shop-toolbar (resultaattelling + per rij + sortering), zoals de statische shop */
.shop-main .shop-toolbar { display:flex; align-items:center; gap:16px 24px; flex-wrap:wrap; margin:0 0 20px; }
.shop-main .woocommerce-result-count { margin:0 auto 0 0; font-size:14px; color:var(--mid,#6b7280); font-weight:600; }
/* "Geen producten gevonden" — Montas-stijl */
.montas-empty { grid-column:1/-1; text-align:center; max-width:520px; margin:30px auto; padding:48px 28px; background:#fff; border:1px solid #ececec; border-radius:20px; box-shadow:0 24px 60px -32px rgba(0,0,0,.25); }
.montas-empty-ic { width:72px; height:72px; margin:0 auto 18px; border-radius:50%; background:rgba(227,6,19,.08); color:var(--red); display:flex; align-items:center; justify-content:center; }
.montas-empty-ic svg { width:34px; height:34px; }
.montas-empty h3 { font-family:'Barlow Condensed',sans-serif; font-weight:900; text-transform:uppercase; font-size:26px; margin:0 0 8px; }
.montas-empty p { color:var(--mid,#888); font-size:15px; line-height:1.7; margin:0 auto 22px; max-width:400px; }
.montas-empty-cta { display:flex; gap:10px; justify-content:center; flex-wrap:wrap; }

/* Per rij-keuze */
.view-toggle { display:flex; align-items:center; gap:6px; }
.view-toggle .vt-label { font-size:13px; font-weight:600; color:var(--mid,#6b7280); margin-right:2px; }
.vt-btn { width:32px; height:32px; border:2px solid #e3e3e3; background:#fff; border-radius:8px; font-family:'Barlow',sans-serif; font-weight:800; font-size:13px; color:#15171c; cursor:pointer; transition:all .15s; }
.vt-btn:hover { border-color:var(--red); color:var(--red); }
.vt-btn.active { background:var(--red); border-color:var(--red); color:#fff; }
@media (max-width:600px){ .view-toggle .vt-btn[data-cols="6"], .view-toggle .vt-btn[data-cols="4"] { display:none; } }
/* Kolommen per rij op de shop-grid */
.shop-main ul.products { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; }
.shop-main ul.products.cols-2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
.shop-main ul.products.cols-3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
.shop-main ul.products.cols-4 { grid-template-columns:repeat(4,minmax(0,1fr)); }
.shop-main ul.products.cols-6 { grid-template-columns:repeat(6,minmax(0,1fr)); }
@media (max-width:1100px){ .shop-main ul.products.cols-6 { grid-template-columns:repeat(4,minmax(0,1fr)); } }
@media (max-width:760px){ .shop-main ul.products, .shop-main ul.products[class*="cols-"] { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; } }
@media (max-width:420px){ .shop-main ul.products, .shop-main ul.products[class*="cols-"] { grid-template-columns:1fr; } }
.shop-main .woocommerce-ordering { margin:0; }
.shop-main .woocommerce-ordering select { border:2px solid #e3e3e3; border-radius:8px; padding:9px 12px; font-family:'Barlow',sans-serif; font-weight:600; font-size:14px; outline:none; cursor:pointer; background:#fff; }

/* ── Product-detail (WooCommerce single) in Montas-stijl ── */
.single-wrap { padding:18px 0 70px; }
.woocommerce div.product { display:grid; grid-template-columns:1fr 1fr; gap:44px; }
.woocommerce div.product .woocommerce-product-gallery,
.woocommerce div.product .summary { margin:0 !important; width:auto !important; float:none !important; }
.woocommerce div.product .woocommerce-product-gallery img { border-radius:14px; }
.woocommerce div.product .product_title { font-family:'Barlow Condensed',sans-serif; font-weight:900; text-transform:uppercase; font-size:clamp(28px,4vw,46px); line-height:1; margin:0 0 10px; }
.woocommerce div.product .woocommerce-product-rating { margin-bottom:14px; }
.woocommerce div.product p.price, .woocommerce div.product span.price { color:var(--black,#15171c); font-family:'Barlow Condensed',sans-serif; font-weight:900; font-size:30px; }
.woocommerce div.product p.price del, .woocommerce div.product span.price del { color:#9a9a9a; font-size:.65em; }
.woocommerce div.product p.price ins { text-decoration:none; }
.woocommerce div.product form.cart { margin:22px 0; }
.woocommerce div.product form.cart .button,
.woocommerce div.product .single_add_to_cart_button { background:var(--red) !important; color:#fff !important; border-radius:10px; font-weight:800; text-transform:none; font-size:15px; padding:14px 26px !important; transition:background .2s, transform .2s; }
.woocommerce div.product form.cart .button:hover { background:var(--red2,#b00510) !important; transform:translateY(-1px); }
.woocommerce div.product .quantity input.qty { height:48px; border:2px solid #e3e3e3; border-radius:10px; }
.woocommerce table.variations td, .woocommerce table.variations th { padding:8px 0; }
.woocommerce .woocommerce-tabs ul.tabs { padding:0; }
.woocommerce .woocommerce-tabs ul.tabs li.active { border-bottom:2px solid var(--red); }
.woocommerce .woocommerce-tabs ul.tabs li.active a { color:var(--red); }
.woocommerce .related.products h2, .woocommerce .upsells.products h2 { font-family:'Barlow Condensed',sans-serif; font-weight:900; text-transform:uppercase; }
@media (max-width:860px){ .woocommerce div.product { grid-template-columns:1fr; gap:24px; } }

/* ── Product-detail (.pd-* indeling, zoals static product.html) ── */
.woocommerce div.product.montas-product { display:block; }
.pd-section { padding:20px 0 56px; }
.pd-grid { display:grid; grid-template-columns:1.05fr 1fr; gap:clamp(32px,4vw,64px); align-items:start; }
.montas-product .pd-gallery { position:sticky; top:96px; min-width:0; margin:0 !important; width:auto !important; float:none !important; }
/* Eigen galerij — verticale thumbnail-strip links + hoofdafbeelding rechts. */
.montas-gallery { display:flex; gap:14px; align-items:stretch; }
.montas-gallery .mg-main { flex:1; min-width:0; background:var(--grey,#f4f4f4); border-radius:18px; padding:clamp(16px,2.4vw,32px); display:flex; align-items:center; justify-content:center; aspect-ratio:1/1; max-height:560px; }
.montas-gallery .mg-main img { width:100%; height:100%; object-fit:contain; display:block; }
/* Thumbnail-kolom met pijlen — zelfde hoogte als hoofdafbeelding, scrollt bij overschot */
.mg-thumbs-col { display:flex; flex-direction:column; align-items:center; gap:8px; width:86px; flex:none; align-self:stretch; min-height:0; }
.mg-thumbs { display:flex; flex-direction:column; gap:10px; overflow:hidden; flex:1 1 0; min-height:0; scroll-behavior:smooth; }
.montas-gallery .mg-thumb { width:78px; height:78px; flex:none; padding:6px; border:2px solid #e3e3e3; border-radius:12px; background:#fff; cursor:pointer; transition:all .18s; display:flex; align-items:center; justify-content:center; }
.montas-gallery .mg-thumb img { width:100%; height:100%; object-fit:contain; }
.montas-gallery .mg-thumb:hover { border-color:var(--mid,#888); }
.montas-gallery .mg-thumb.active { border-color:var(--red); box-shadow:0 4px 14px rgba(227,6,19,.18); }
.mg-arrow { width:78px; height:26px; border:1px solid #e3e3e3; border-radius:8px; background:#fff; color:#15171c; cursor:pointer; display:none; align-items:center; justify-content:center; flex:none; transition:all .15s; }
.mg-arrow svg { width:18px; height:18px; }
.mg-arrow:hover:not(:disabled) { border-color:var(--red); color:var(--red); }
.mg-arrow:disabled { opacity:.3; cursor:default; }
.mg-thumbs-col.scrollable .mg-arrow { display:flex; }
@media (max-width:560px){ .montas-gallery { flex-direction:column-reverse; } .mg-thumbs-col { flex-direction:row; width:auto; } .mg-thumbs { flex-direction:row; } .mg-arrow { width:26px; height:78px; } }
.pd-info { min-width:0; }
.pd-brand { font-size:13px; font-weight:700; color:var(--mid,#888); letter-spacing:1.5px; text-transform:uppercase; }
.pd-title { font-family:'Barlow Condensed',sans-serif; font-size:clamp(30px,4vw,50px); font-weight:900; line-height:1.05; margin:6px 0 12px; text-transform:uppercase; }
.pd-rating { margin-bottom:14px; }
.pd-rating .woocommerce-product-rating { margin:0; }
.pd-meta-tags { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:20px; }
.pd-meta-tag { font-size:12px; background:var(--grey,#f4f4f4); padding:5px 12px; border-radius:6px; font-weight:700; color:#555; }
.pd-price-box { display:flex; align-items:baseline; gap:14px; flex-wrap:wrap; padding:18px 0; border-top:1px solid #eee; border-bottom:1px solid #eee; margin-bottom:22px; }
.pd-price-box .price { font-family:'Barlow Condensed',sans-serif !important; font-size:clamp(34px,4.5vw,48px) !important; font-weight:900 !important; color:var(--black,#15171c) !important; line-height:1; margin:0; }
.pd-price-box .price del { color:var(--mid,#888); font-size:.45em; font-weight:400; }
.pd-price-box .price ins { text-decoration:none; }
.montas-product form.cart { margin:22px 0 6px; }
.montas-product form.cart .single_add_to_cart_button { background:var(--black,#15171c) !important; color:#fff !important; border-radius:10px; font-weight:800; text-transform:none; font-size:16px; padding:15px 28px !important; transition:all .2s; }
.montas-product form.cart .single_add_to_cart_button:hover { background:#333 !important; transform:translateY(-1px); }
.montas-product .quantity input.qty { height:54px; border:2px solid #e3e3e3; border-radius:10px; }
/* Aantal-stepper (− [n] +) zoals het origineel */
.montas-product .quantity.pd-qty { display:flex; align-items:stretch; border:2px solid #e3e3e3; border-radius:10px; overflow:hidden; flex:none; }
.montas-product .quantity.pd-qty input.qty, .montas-product .quantity.pd-qty input[type=number] { width:54px !important; height:auto; min-height:52px; text-align:center; border:none !important; border-radius:0; font-size:17px; font-weight:800; -moz-appearance:textfield; }
.montas-product .quantity.pd-qty input::-webkit-outer-spin-button, .montas-product .quantity.pd-qty input::-webkit-inner-spin-button { -webkit-appearance:none; margin:0; }
.pd-qty-btn { width:46px; min-height:52px; background:var(--grey,#f4f4f4); border:none; font-size:20px; font-weight:700; cursor:pointer; color:#15171c; line-height:1; transition:background .15s; }
.pd-qty-btn:hover { background:#e6e6e6; }
/* Delen onder de galerij */
.pd-gallery-wa { display:flex; align-items:center; justify-content:center; width:100%; margin-top:16px; }
.pd-gallery-wa:hover { filter:brightness(1.05); }
/* "Andere maat nodig?" — nabestel-maten */
.pd-backorder { margin:2px 0 10px; }
.pd-size-toggle { background:none; border:none; color:var(--red); font-family:'Barlow',sans-serif; font-weight:800; font-size:13px; cursor:pointer; padding:6px 0; }
.pd-size-toggle:hover { text-decoration:underline; }
.pd-sizes-extra { display:flex; flex-wrap:wrap; gap:8px; margin:8px 0 6px; }
.pd-sizes-extra[hidden] { display:none; }
.pd-size--backorder { display:inline-flex; align-items:center; justify-content:center; min-width:50px; padding:9px 12px; border:2px dashed #c9c9c9; border-radius:10px; background:#fafafa; color:#888; font-family:'Barlow',sans-serif; font-weight:700; font-size:13px; text-decoration:none; transition:all .15s; }
.pd-size--backorder:hover { border-color:var(--red); color:var(--red); background:#fff5f5; }
.pd-backorder-note { font-size:12.5px; color:var(--mid,#888); margin:4px 0 0; }
/* Extra CTA's — volle breedte onder de winkelwagen-rij */
.pd-cta-extra { display:flex; flex-direction:column; gap:10px; margin:10px 0 8px; }
.pd-cta-wa, .pd-cta-fit { width:100%; }
.pd-cta-fit { gap:8px; }
.pd-wish-big { width:54px; flex:none; align-self:stretch; min-height:52px; border:2px solid #e3e3e3; background:#fff; border-radius:10px; cursor:pointer; display:inline-flex; align-items:center; justify-content:center; transition:all .18s; color:#15171c; }
.pd-wish-big svg { width:22px; height:22px; }
.pd-wish-big:hover { border-color:var(--red); color:var(--red); }
.pd-wish-big.active { background:var(--red); border-color:var(--red); color:#fff; }
.pd-wish-big.active svg { fill:#fff; }
/* USP's */
.pd-usps { display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:12px; margin:22px 0; }
.pd-usp { display:flex; align-items:center; gap:10px; background:var(--grey,#f4f4f4); border-radius:10px; padding:12px 14px; font-size:13px; font-weight:600; }
.pd-usp .ico { font-size:18px; color:var(--red); }
.pd-usp span small { display:block; color:var(--mid,#888); font-weight:600; font-size:11px; }
/* Delen */
.pd-share { margin-top:18px; display:flex; align-items:center; gap:14px; flex-wrap:wrap; }
.pd-share-label { font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:.5px; color:var(--mid,#888); }
.pd-share-btns { display:flex; gap:10px; }
.pd-share-btn { width:42px; height:42px; border-radius:50%; border:none; display:inline-flex; align-items:center; justify-content:center; cursor:pointer; color:#fff; transition:transform .15s, filter .15s; }
.pd-share-btn:hover { transform:translateY(-2px); filter:brightness(1.08); }
.pd-share-btn svg { width:20px; height:20px; }
.pd-share-btn.fb { background:#1877f2; }
.pd-share-btn.wa { background:#25d366; }
.pd-share-btn.ig { background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888); }
.pd-share-btn.tt { background:#010101; }
/* Galerij — main image + thumbnails (zoals static) */
.montas-product .pd-gallery .flex-control-thumbs { display:flex; gap:12px; flex-wrap:wrap; margin:14px 0 0; padding:0; list-style:none; }
.montas-product .pd-gallery .flex-control-thumbs li { width:78px; height:78px; margin:0; list-style:none; }
.montas-product .pd-gallery .flex-control-thumbs img { width:100%; height:100%; object-fit:cover; border-radius:12px; border:2px solid #e3e3e3; cursor:pointer; opacity:1; transition:all .18s; }
.montas-product .pd-gallery .flex-control-thumbs img:hover { border-color:var(--mid,#888); }
.montas-product .pd-gallery .flex-control-thumbs img.flex-active { border-color:var(--red); box-shadow:0 4px 14px rgba(227,6,19,.18); }
.montas-product .pd-gallery .woocommerce-product-gallery__trigger { z-index:5; }
.montas-product .mp-tabs { margin-top:42px; }
/* Producttabs (exacte port van origineel) met fade-overgang */
.pd-tabs-section { padding:8px 0 8px; }
.pd-tabs { display:flex; gap:4px; border-bottom:2px solid #eee; flex-wrap:wrap; }
.pd-tab { padding:14px 22px; font-weight:700; font-size:15px; cursor:pointer; border:none; background:none; color:var(--mid,#888); border-bottom:3px solid transparent; margin-bottom:-2px; transition:all .18s; font-family:'Barlow',sans-serif; }
.pd-tab:hover { color:var(--black,#15171c); }
.pd-tab.active { color:var(--red); border-bottom-color:var(--red); }
.pd-tab-panel { display:none; padding:28px 0; max-width:820px; }
.pd-tab-panel.active { display:block; animation:montasFadeTab .3s ease; }
@keyframes montasFadeTab { from { opacity:0; transform:translateY(6px); } to { opacity:1; transform:none; } }
.pd-tab-panel p { font-size:15px; line-height:1.8; color:#444; margin-bottom:14px; }
@media (prefers-reduced-motion:reduce){ .pd-tab-panel.active { animation:none; } }
/* Bedrukken-sectie */
.pd-print-wrap { margin:6px 0 14px; }
.pd-print-toggle { display:flex; align-items:center; gap:10px; cursor:pointer; font-weight:800; font-size:15px; padding:14px 16px; border:2px solid #e3e3e3; border-radius:12px; transition:border-color .2s; }
.pd-print-toggle:hover { border-color:var(--black,#15171c); }
.pd-print-toggle input { width:18px; height:18px; accent-color:var(--red); cursor:pointer; }
.pd-print { border:2px solid var(--red); border-radius:12px; padding:18px; margin:10px 0 0; background:#fff; }
.pd-print[hidden] { display:none; }
.pd-print .pd-block-label { font-size:12px; font-weight:700; letter-spacing:2px; text-transform:uppercase; color:#555; margin-bottom:10px; }
.pd-print select, .pd-print input[type=text] { width:100%; padding:12px 13px; border:2px solid #e3e3e3; border-radius:10px; font-family:'Barlow',sans-serif; font-size:15px; font-weight:600; outline:none; background:#fff; }
.pd-print select:focus, .pd-print input:focus { border-color:var(--red); }
.pdp-card { background:#fafafa; border:1px solid #ececec; border-radius:14px; padding:16px; margin-top:14px; }
.pdp-card[hidden] { display:none; }
.pdp-card h4 { font-family:'Barlow Condensed',sans-serif; font-size:16px; font-weight:900; letter-spacing:.3px; margin:0 0 10px; text-transform:uppercase; display:flex; align-items:center; gap:8px; }
.pdp-step { display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; background:var(--red); color:#fff; font-size:12px; font-weight:800; }
.pdp-card .sub { font-size:12.5px; color:var(--mid,#888); margin:0 0 12px; }
.pd-print-field2 { margin-bottom:12px; }
.pd-print-field2[hidden] { display:none; }
.pd-print-field2:last-child { margin-bottom:0; }
.pd-print-field2 label { display:block; font-size:12px; font-weight:700; color:#444; margin-bottom:6px; }
.pd-swatches { display:flex; flex-wrap:wrap; gap:10px; }
.pd-sw-label { cursor:pointer; line-height:0; }
.pd-sw { display:block; width:38px; height:38px; border-radius:50%; cursor:pointer; border:2px solid #fff; box-shadow:0 0 0 1px #d8d8d8; transition:transform .12s, box-shadow .12s; }
.pd-sw:hover { transform:scale(1.08); }
.pd-sw.sel { box-shadow:0 0 0 2px var(--black,#15171c); transform:scale(1.08); }
.pd-print-note { display:flex; gap:9px; align-items:flex-start; background:#f1f7ff; border:1px solid #d6e4ff; color:#1d3a6b; border-radius:10px; padding:12px 14px; font-size:13.5px; line-height:1.6; margin:14px 0 0; }
.pd-print-note strong { color:#15233f; }
@media (max-width:860px){ .pd-grid { grid-template-columns:1fr; gap:28px; } .montas-product .pd-gallery { position:static; } }
/* Tabs (Beschrijving / Kenmerken / Specificaties / Maattabel / Bezorging & Retour) */
.woocommerce-tabs ul.tabs { list-style:none; margin:0; padding:0; display:flex; gap:4px; flex-wrap:wrap; border-bottom:2px solid #eee; }
.woocommerce-tabs ul.tabs::before, .woocommerce-tabs ul.tabs::after { display:none; }
.woocommerce-tabs ul.tabs li { margin:0; background:none; border:none; border-radius:0; }
.woocommerce-tabs ul.tabs li a { display:inline-block; padding:12px 16px; font-weight:800; color:#666; text-decoration:none; border-bottom:2px solid transparent; margin-bottom:-2px; }
.woocommerce-tabs ul.tabs li a::before, .woocommerce-tabs ul.tabs li a::after { display:none; }
.woocommerce-tabs ul.tabs li.active a { color:var(--red); border-bottom-color:var(--red); background:none; }
.woocommerce-tabs .panel, .woocommerce-tabs .wc-tab { padding:20px 0; font-size:15px; line-height:1.8; }
.woocommerce-tabs .panel { max-width:840px; }
.woocommerce-tabs .panel > h2:first-child { display:none; } /* geen dubbele 'Beschrijving'/'Additional information' kop */
.woocommerce-tabs .panel h2 { font-family:'Barlow Condensed',sans-serif; font-weight:900; text-transform:uppercase; }
.pd-feature-list { display:flex; flex-direction:column; gap:10px; list-style:none; margin:0; padding:0; }
.pd-feature-list li { display:flex; gap:10px; align-items:flex-start; font-size:15px; line-height:1.6; color:#333; padding-left:0; }
.pd-feature-list li::before { content:'✓'; color:var(--red); font-weight:900; flex-shrink:0; }
.spec-table { width:100%; border-collapse:collapse; }
.spec-table tr { border-bottom:1px solid #eee; }
.spec-table td { padding:13px 4px; font-size:14px; }
.spec-table td:first-child { font-weight:700; color:#555; width:40%; }
.montas-sizechart { width:100%; max-width:480px; border-collapse:collapse; font-size:14px; }
.montas-sizechart th, .montas-sizechart td { text-align:left; padding:8px 10px; border-bottom:1px solid #f0f0f0; }
/* Maattabel per merk (exacte port) */
.montas-sizechart-app { margin:14px 0; }
.sizetabs { display:flex; gap:6px; margin-bottom:14px; flex-wrap:wrap; }
.sizetab { border:2px solid #e3e3e3; background:#fff; color:#555; font-family:'Barlow',sans-serif; font-weight:700; font-size:13px; padding:8px 18px; border-radius:30px; cursor:pointer; transition:all .15s; }
.sizetab:hover { border-color:#15171c; }
.sizetab.active { background:#15171c; color:#fff; border-color:#15171c; }
.size-table-wrap { overflow-x:auto; }
.size-guide-table { width:100%; border-collapse:collapse; font-size:14px; }
.size-guide-table th, .size-guide-table td { border:1px solid #e5e5e5; padding:10px 12px; text-align:center; }
.size-guide-table th { background:#15171c; color:#fff; font-weight:700; }
.size-guide-table th small { display:block; font-size:10px; font-weight:600; opacity:.65; letter-spacing:.5px; margin-top:2px; }
.size-guide-table tbody tr:nth-child(even) td { background:var(--grey,#f4f4f4); }
.size-all td .us { color:var(--mid,#888); font-size:12px; }
.size-note { display:flex; gap:10px; align-items:flex-start; background:rgba(227,6,19,.06); border:1px solid rgba(227,6,19,.18); border-radius:10px; padding:14px 16px; margin-top:18px; font-size:14px; line-height:1.6; color:#444; }
.size-note b { color:var(--red); }
.woocommerce .related.products h2, .woocommerce .upsells.products h2 { font-family:'Barlow Condensed',sans-serif; font-weight:900; text-transform:uppercase; margin-bottom:18px; }
.woocommerce .related.products ul.products, .woocommerce .upsells.products ul.products { display:flex; grid-template-columns:none; overflow-x:auto; gap:20px; padding-bottom:12px; scroll-snap-type:x proximity; }
.woocommerce .related.products ul.products li.product, .woocommerce .upsells.products ul.products li.product { flex:0 0 240px; scroll-snap-align:start; }

/* Maat-pills (vervangt de WooCommerce-dropdown via JS) */
.montas-product .montas-pills { display:flex; justify-content:flex-start; gap:8px; flex-wrap:wrap; margin:4px 0 6px; text-align:left; }
/* Variatie-blok links uitlijnen; "1 in stock" en "Clear/Wissen" verbergen. */
.montas-product table.variations td.value { text-align:left; }
.montas-product .reset_variations { display:none !important; }
.montas-product .woocommerce-variation-availability,
.montas-product .single_variation .stock { display:none !important; }
/* Aantal + In winkelwagen + verlanglijst op één rij (zoals origineel). */
.montas-product .woocommerce-variation-add-to-cart,
.montas-product form.cart:not(.variations_form) { display:flex; align-items:stretch; gap:12px; flex-wrap:wrap; }
.montas-product .woocommerce-variation-add-to-cart .quantity,
.montas-product form.cart .quantity { display:flex; align-items:center; border:2px solid #e3e3e3; border-radius:10px; overflow:hidden; }
.montas-product .single_add_to_cart_button { flex:1; min-width:200px; }
.montas-product .montas-pill { min-width:50px; height:48px; padding:0 14px; border-radius:10px; border:2px solid #ddd; background:#fff; display:inline-flex; align-items:center; justify-content:center; font-family:'Barlow',sans-serif; font-size:15px; font-weight:700; cursor:pointer; transition:all .15s; }
.montas-product .montas-pill:hover { border-color:var(--black,#15171c); }
.montas-product .montas-pill.chosen { background:var(--black,#15171c); color:#fff; border-color:var(--black,#15171c); }
.montas-product .montas-pill.is-disabled { opacity:.4; cursor:not-allowed; border-style:dashed; }
.montas-product .montas-pill.is-disabled:hover { border-color:#ddd; }
.montas-product table.variations th.label label { font-size:12px; font-weight:800; letter-spacing:2px; text-transform:uppercase; color:#555; }
.montas-product table.variations, .montas-product table.variations tbody, .montas-product table.variations td, .montas-product table.variations th { display:block; width:auto; padding:0; border:0; }
.montas-product table.variations tr { display:flex; align-items:center; gap:14px; flex-wrap:wrap; }
.montas-product table.variations th.label { flex:none; text-align:left; margin:0; }
.montas-product table.variations td.value { flex:1; min-width:200px; text-align:left; }
.montas-product .reset_variations { display:inline-block; margin:2px 0 0; font-size:12px; color:var(--red); font-weight:700; }

/* Gerelateerde producten — knop-gestuurde scroller (award-winning) */
.rel-scroller { position:relative; margin-top:10px; }
.rel-viewport { overflow-x:auto; -ms-overflow-style:none; scrollbar-width:none; }
.rel-viewport::-webkit-scrollbar { display:none; }
.rel-scroller ul.products.rel-track { display:flex !important; gap:22px; width:max-content; margin:0; padding:6px 2px 16px; overflow:visible; }
.rel-scroller ul.products.rel-track > li.product { width:248px; flex:0 0 248px; margin:0 !important; }
.rel-nav { position:absolute; top:42%; transform:translateY(-50%); width:50px; height:50px; border-radius:50%; border:none; background:#15171c; color:#fff; cursor:pointer; display:flex; align-items:center; justify-content:center; box-shadow:0 10px 28px rgba(0,0,0,.22); transition:opacity .2s, transform .15s, background .15s; z-index:5; }
.rel-nav svg { width:22px; height:22px; }
.rel-nav:hover { background:var(--red); transform:translateY(-50%) scale(1.08); }
.rel-nav:disabled { opacity:0; pointer-events:none; }
.rel-prev { left:-14px; }
.rel-next { right:-14px; }
.rel-fade { position:absolute; top:0; bottom:16px; width:72px; pointer-events:none; z-index:4; transition:opacity .2s; }
.rel-fade-l { left:0; background:linear-gradient(90deg,#fff 10%,rgba(255,255,255,0)); }
.rel-fade-r { right:0; background:linear-gradient(270deg,#fff 10%,rgba(255,255,255,0)); }
@media (max-width:560px){ .rel-nav { width:42px; height:42px; } .rel-prev { left:-6px; } .rel-next { right:-6px; } .rel-scroller ul.products.rel-track > li.product { width:200px; flex-basis:200px; } }

@media (max-width:860px){ .montas-product .mp-grid { grid-template-columns:1fr; gap:24px; } }

/* FAQ-accordions (bewerkbare pagina-inhoud) */
.entry-content .faq-acc, .faq-content .faq-acc { border-bottom:1px solid #e8e8e8; }
.entry-content .faq-acc summary, .faq-content .faq-acc summary { list-style:none; cursor:pointer; font-weight:700; font-size:15px; padding:18px 4px; display:flex; justify-content:space-between; align-items:center; gap:16px; transition:color .15s; }
.entry-content .faq-acc summary::-webkit-details-marker, .faq-content .faq-acc summary::-webkit-details-marker { display:none; }
/* Ronde +/× badge zoals het origineel */
.entry-content .faq-acc summary::after, .faq-content .faq-acc summary::after { content:'+'; flex:none; width:30px; height:30px; border-radius:50%; background:var(--grey,#f4f4f4); color:#15171c; display:flex; align-items:center; justify-content:center; font-size:18px; font-weight:900; line-height:1; transition:all .25s; }
.entry-content .faq-acc[open] summary::after, .faq-content .faq-acc[open] summary::after { background:var(--red); color:#fff; transform:rotate(45deg); }
.entry-content .faq-acc summary:hover, .faq-content .faq-acc summary:hover { color:var(--red); }
.entry-content .faq-acc-body, .faq-content .faq-acc-body { padding:0 4px 20px; font-size:14px; color:#555; line-height:1.8; }
.entry-content .faq-acc-body a, .faq-content .faq-acc-body a { color:var(--red); font-weight:700; }
.entry-content .faq-acc-body ul, .faq-content .faq-acc-body ul { padding-left:20px; margin-top:8px; }
.entry-content h2 { font-family:'Barlow Condensed',sans-serif; font-weight:900; text-transform:uppercase; font-size:24px; margin:38px 0 4px; }

/* ── Order-afhandeling: keuze in checkout + opvolgblok (thank-you / account) ── */
.montas-ful-checkout { margin:18px 0; padding:18px; border:1px solid #ececec; border-radius:14px; background:#fafafa; }
.montas-ful-checkout h3 { margin:0 0 12px; font-family:"Barlow Condensed",sans-serif; text-transform:uppercase; letter-spacing:.5px; }
.montas-ful-opt { display:flex; gap:12px; align-items:flex-start; padding:12px 14px; border:2px solid #e6e6e6; border-radius:12px; margin-bottom:10px; cursor:pointer; transition:border-color .15s,background .15s; }
.montas-ful-opt:has(input:checked) { border-color:var(--red,#E30613); background:#fff5f5; }
.montas-ful-opt input { margin-top:4px; accent-color:var(--red,#E30613); }
.montas-ful-opt span { display:flex; flex-direction:column; }
.montas-ful-opt b { font-size:15px; }
.montas-ful-opt small { color:#666; font-size:13px; margin-top:2px; }

.montas-ful-box { margin:22px 0; padding:20px 22px; border-radius:16px; border:1px solid #f0d7d9; background:linear-gradient(180deg,#fff7f7,#fff); box-shadow:0 12px 34px -26px rgba(0,0,0,.4); }
.montas-ful-pico .montas-ful-box, .montas-ful-box.montas-ful-pico { border-color:#dfe6ef; background:linear-gradient(180deg,#f6f9ff,#fff); }
.mfb-head { display:flex; align-items:center; gap:10px; margin-bottom:6px; }
.mfb-head h3 { margin:0; font-family:"Barlow Condensed",sans-serif; text-transform:uppercase; letter-spacing:.5px; font-size:20px; }
.mfb-ico { font-size:22px; line-height:1; }
.mfb-done .mfb-ico { color:#1a9c4a; }
.montas-ful-box p { margin:4px 0 14px; color:#444; }
.mfb-btn { display:inline-block; background:var(--red,#E30613); color:#fff !important; border:none; border-radius:999px; padding:12px 24px; font-weight:700; text-decoration:none; cursor:pointer; font-size:15px; }
.mfb-btn:hover { background:#c20510; }
.montas-ful-pico .mfb-btn, .montas-ful-box.montas-ful-pico .mfb-btn { background:#15171c; }
.montas-ful-pico .mfb-btn:hover { background:#000; }

.btn-sm { padding:6px 14px !important; font-size:13px; }

/* Pico afhandelingskosten-notitie in het opvolgblok */
.mfb-note-ok { color:#1a7d3c; font-weight:600; }
.mfb-note-warn { color:#9a6b00; font-weight:600; }

/* Shopfilter — "Ook op bestelling tonen" als schuif-toggle */
.ob-switch { display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%; padding:10px 0; text-decoration:none; cursor:pointer; }
.ob-switch-txt { font-family:'Barlow',sans-serif; font-weight:700; font-size:13.5px; color:#15171c; }
.ob-switch-track { flex:none; position:relative; width:44px; height:24px; background:#d8d8d8; border-radius:999px; transition:background .2s; }
.ob-switch-knob { position:absolute; top:2px; left:2px; width:20px; height:20px; background:#fff; border-radius:50%; box-shadow:0 1px 4px rgba(0,0,0,.3); transition:transform .2s; }
.ob-switch.on .ob-switch-track { background:var(--red,#E30613); }
.ob-switch.on .ob-switch-knob { transform:translateX(20px); }
.ob-switch:hover .ob-switch-track { filter:brightness(.97); }

/* Shopfilter — EU/US maateenheid-toggle bij de schoenmaten */
.filter-label-row { display:flex; align-items:center; justify-content:space-between; gap:10px 12px; flex-wrap:wrap; margin-bottom:8px; }
/* Zelfde pill-toggle als de merk-tabs op de homepage (lichte variant). */
.size-unit-toggle { display:inline-flex; gap:4px; background:#f1f1f1; border:1px solid #e3e3e3; border-radius:999px; padding:4px; }
.size-unit-toggle .su-btn { border:none; background:transparent; font-family:'Barlow',sans-serif; font-weight:800; font-size:12.5px; padding:6px 12px; border-radius:999px; cursor:pointer; color:#8a8a8a; line-height:1.4; white-space:nowrap; transition:all .2s; }
/* Verborgen maat-set echt verbergen (grid-display overschrijft anders [hidden]). */
.shop-filters .size-set[hidden] { display:none !important; }
/* EU&US-labels zijn breder: 2 kolommen en volledige tekst tonen. */
.shop-filters .filter-grid--sizes.size-set--euus { grid-template-columns:repeat(2,minmax(0,1fr)); }
.shop-filters .filter-grid--sizes.size-set--euus .filter-btn { white-space:nowrap; font-size:12px; padding:8px 6px; }
.size-unit-toggle .su-btn:not(.active):hover { color:#15171c; }
.size-unit-toggle .su-btn.active { background:var(--red,#E30613); color:#fff; box-shadow:0 8px 20px -8px rgba(227,6,19,.8); }

/* Afspraak — "in overleg" default-optie + gekozen-product thumbnail */
.ap-overleg { display:none; align-items:center; gap:12px; width:100%; margin-top:14px; padding:14px 16px; border:2px solid var(--red,#E30613); border-radius:12px; background:#fff5f5; cursor:pointer; text-align:left; font-family:'Barlow',sans-serif; font-size:14px; color:#444; transition:all .18s; }
.ap-overleg.show { display:flex; }
.ap-overleg:hover { border-color:var(--red,#E30613); color:#15171c; }
.ap-overleg .ap-overleg-ic { flex:none; color:var(--red,#E30613); display:inline-flex; }
.ap-overleg b { color:#15171c; }
.ap-overleg em { font-style:normal; font-weight:800; color:var(--red,#E30613); }
.ap-overleg.is-empty { border-style:solid; border-color:var(--red,#E30613); background:#fff5f5; }
.ap-overleg.chosen { border-style:solid; border-color:var(--red,#E30613); background:var(--red,#E30613); color:#fff; }
.ap-overleg.chosen b, .ap-overleg.chosen em, .ap-overleg.chosen .ap-overleg-ic { color:#fff; }

.ap-prod-selected { display:none; align-items:center; gap:12px; margin-top:12px; padding:10px; border:1px solid #ececec; border-radius:12px; background:#fff; }
.ap-prod-selected.show { display:flex; }
.ap-prod-selected img { width:54px; height:54px; object-fit:cover; border-radius:8px; flex:none; background:#f4f4f4; }
.ap-prod-meta { display:flex; flex-direction:column; line-height:1.3; }
.ap-prod-meta small { font-size:11px; font-weight:700; letter-spacing:.5px; text-transform:uppercase; color:var(--mid,#888); }
.ap-prod-meta span { font-weight:700; color:#15171c; }

/* ── Mijn account: login/registratie (kopie van login.html) ── */
.auth-wrap { display:grid; grid-template-columns:1fr 1fr; gap:28px; align-items:start; padding:36px 0 72px; max-width:980px; margin:0 auto; }
.auth-wrap--single { grid-template-columns:1fr; max-width:480px; }
.auth-card { background:#fff; border:1px solid #ececec; border-radius:18px; padding:32px; }
.auth-card h2 { font-family:'Barlow Condensed',sans-serif; font-size:26px; font-weight:900; margin-bottom:6px; text-transform:uppercase; }
.auth-card .sub { color:var(--mid,#6b7280); font-size:14px; margin-bottom:22px; }
.auth-card.register { background:#fafafa; }
.auth-card .form-group { margin-bottom:16px; }
.auth-card .form-group label { display:block; font-size:13px; font-weight:700; color:#444; margin-bottom:6px; }
.auth-card .form-row { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.auth-card input[type=text], .auth-card input[type=email], .auth-card input[type=password], .auth-card input[type=tel] {
	width:100%; padding:12px 13px; border:2px solid #e3e3e3; border-radius:10px; font-family:'Barlow',sans-serif; font-size:15px; font-weight:600; outline:none; background:#fff; }
.auth-card input:focus { border-color:var(--red,#E30613); }
.auth-card .required { color:var(--red,#E30613); }
.auth-row { display:flex; align-items:center; justify-content:space-between; margin:4px 0 18px; flex-wrap:wrap; gap:8px; }
.auth-card .remember { display:flex; align-items:center; gap:8px; font-size:13px; color:#555; }
.auth-card .remember input { width:16px; height:16px; accent-color:var(--red,#E30613); }
.auth-card .forgot { font-size:13px; color:var(--red,#E30613); font-weight:700; }
.auth-card .btn { width:100%; justify-content:center; }
.auth-or { text-align:center; font-size:13px; color:var(--mid,#6b7280); margin-top:16px; }
.auth-or a { color:var(--red,#E30613); font-weight:700; }
.pw-hint { font-size:12px; color:var(--mid,#6b7280); margin:-8px 0 14px; }
.auth-note { font-size:12px; color:var(--mid,#6b7280); margin-top:16px; line-height:1.5; }
.woocommerce-form-register .form-row .form-group { margin-bottom:0; }
@media (max-width:760px){ .auth-wrap { grid-template-columns:1fr; } .auth-card .form-row { grid-template-columns:1fr; } }

/* Afspraak — maat-chips (multi-select) in stap 3 */
.ap-size-chips { display:flex; flex-wrap:wrap; gap:8px; margin-top:4px; }
.ap-size-chip { border:2px solid #e3e3e3; background:#fff; color:#15171c; font-family:'Barlow',sans-serif; font-weight:700; font-size:13px; padding:8px 12px; min-width:46px; border-radius:10px; cursor:pointer; transition:all .15s; }
.ap-size-chip:hover { border-color:#15171c; }
.ap-size-chip.sel { background:var(--red,#E30613); border-color:var(--red,#E30613); color:#fff; box-shadow:0 6px 16px -8px rgba(227,6,19,.8); }

/* Afspraak — account-prompt (gast) + gekozen maat bij de schoen */
.ap-account-cta { display:flex; align-items:flex-start; gap:10px; background:rgba(227,6,19,.05); border:1px solid rgba(227,6,19,.16); color:#444; border-radius:12px; padding:13px 15px; font-size:13.5px; line-height:1.55; margin-bottom:14px; }
.ap-account-cta .ap-account-ic { flex:none; color:var(--red,#E30613); margin-top:1px; }
.ap-account-cta a { color:var(--red,#E30613); font-weight:700; }
.ap-prod-size { display:block; font-size:12px; font-weight:800; color:var(--red,#E30613); margin-top:1px; }

/* Mijn account — submit-knoppen in Montas-stijl (overschrijft WooCommerce .button) */
.auth-card .woocommerce-form button[type=submit] {
	width:100%; display:inline-flex; align-items:center; justify-content:center; border:none; border-radius:999px;
	padding:14px 24px; font-family:'Barlow',sans-serif; font-weight:800; font-size:15px; line-height:1; cursor:pointer;
	text-transform:none; letter-spacing:0; transition:background .15s, transform .15s, box-shadow .15s; box-shadow:none;
}
.auth-card .woocommerce-form-login__submit { background:var(--red,#E30613); color:#fff; }
.auth-card .woocommerce-form-login__submit:hover { background:#c20510; transform:translateY(-2px); box-shadow:0 6px 20px rgba(227,6,19,.35); }
.auth-card .woocommerce-form-register__submit { background:var(--black,#15171c); color:#fff; }
.auth-card .woocommerce-form-register__submit:hover { background:#000; transform:translateY(-2px); }

/* Afspraak — lijst met gekozen schoenen */
.ap-shoes-list { display:flex; flex-direction:column; gap:8px; margin-top:12px; }
.ap-shoe-item { display:flex; align-items:center; gap:12px; padding:9px 10px; border:1px solid #ececec; border-radius:12px; background:#fff; }
.ap-shoe-item img, .ap-shoe-noimg { width:48px; height:48px; border-radius:8px; object-fit:cover; flex:none; background:#f4f4f4; }
.ap-shoe-meta { display:flex; flex-direction:column; line-height:1.3; flex:1; min-width:0; }
.ap-shoe-name { font-weight:700; color:#15171c; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ap-shoe-size { font-size:12px; font-weight:800; color:var(--red,#E30613); margin-top:1px; }
.ap-shoe-x { flex:none; width:30px; height:30px; border:none; background:#f4f4f4; color:#888; border-radius:50%; font-size:20px; line-height:1; cursor:pointer; transition:all .15s; }
.ap-shoe-x:hover { background:var(--red,#E30613); color:#fff; }

/* Snel verkopen — beschikbare maten in de zoekresultaten */
.sv-item-sizes { display:flex; flex-wrap:wrap; gap:4px; margin-top:5px; }
.sv-item-sz { font-size:11px; font-weight:700; color:#15171c; background:#f1f1f1; border:1px solid #e3e3e3; border-radius:6px; padding:2px 6px; line-height:1.4; }

/* Agent-dashboard — Beveiliging/passkey-tab (Montas-stijl) */
.dash-passkey { width:100%; border:none; cursor:pointer; font:inherit; }
.pk-hero { display:flex; gap:18px; align-items:flex-start; background:linear-gradient(135deg,#15171c,#23262e); color:#fff; border-radius:18px; padding:26px 28px; margin-bottom:18px; }
.pk-hero-ic { flex:none; width:60px; height:60px; border-radius:14px; background:rgba(227,6,19,.20); color:#fff; display:flex; align-items:center; justify-content:center; }
.pk-hero h2 { font-family:'Barlow Condensed',sans-serif; font-weight:900; text-transform:uppercase; font-size:24px; margin:0 0 6px; }
.pk-hero p { color:rgba(255,255,255,.72); font-size:14px; line-height:1.6; margin:0; max-width:580px; }
.pk-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-bottom:18px; }
.pk-card { background:#fff; border:1px solid #ececec; border-radius:14px; padding:18px; }
.pk-step { display:flex; align-items:center; gap:8px; font-family:'Barlow Condensed',sans-serif; font-weight:900; text-transform:uppercase; font-size:15px; margin-bottom:6px; color:#15171c; }
.pk-step span { width:24px; height:24px; border-radius:50%; background:var(--red,#E30613); color:#fff; display:flex; align-items:center; justify-content:center; font-size:13px; }
.pk-card p { font-size:13.5px; color:#555; margin:0; line-height:1.5; }
.pk-form h3 { font-family:'Barlow Condensed',sans-serif; font-weight:900; text-transform:uppercase; margin:0 0 14px; }
.pk-form button, .pk-form .button, .pk-form input[type=submit] { background:var(--red,#E30613) !important; color:#fff !important; border:none !important; border-radius:999px !important; padding:11px 22px !important; font-family:'Barlow',sans-serif !important; font-weight:800 !important; cursor:pointer; }
@media (max-width:760px){ .pk-grid { grid-template-columns:1fr; } .pk-hero { flex-direction:column; } }

/* Opvolging — werkorder-regels (acties + afgehandeld) */
.wo-actions { display:flex; gap:6px; flex-wrap:wrap; align-items:center; }
.wo-done-btn { background:#fff; border:2px solid #e3e3e3; color:#15171c; }
.wo-done-btn:hover { border-color:#1a7d3c; color:#1a7d3c; }
.wo-row.is-done td:not(.wo-actions) { text-decoration:line-through; color:#9a9a9a; }
.wo-row.is-done .wo-done-btn { border-color:#1a7d3c; color:#1a7d3c; background:#eef8f1; }

/* ── Winkelwagen — productnaam/maat-styling + "laatste in deze maat" ── */
.woocommerce-cart table.cart td.product-thumbnail img { width:72px; height:auto; border-radius:10px; }
.woocommerce-cart table.cart td.product-name { font-size:15px; line-height:1.4; }
.woocommerce-cart table.cart td.product-name > a { font-family:'Barlow',sans-serif; font-weight:800; font-size:16px; color:#15171c; text-decoration:none; }
.woocommerce-cart table.cart td.product-name > a:hover { color:var(--red,#E30613); }
.woocommerce-cart table.cart td.product-name .variation { margin:5px 0 0; display:flex; flex-wrap:wrap; gap:2px 6px; }
.woocommerce-cart table.cart td.product-name .variation dt { margin:0; font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.5px; color:#999; }
.woocommerce-cart table.cart td.product-name .variation dd { margin:0; font-size:13px; font-weight:800; color:#15171c; }
.woocommerce-cart table.cart td.product-name .variation dd p { margin:0; }
.cart-last-note { display:inline-flex; align-items:center; gap:6px; margin-top:7px; font-size:12.5px; font-weight:800; color:var(--red,#E30613); background:rgba(227,6,19,.07); border:1px solid rgba(227,6,19,.16); border-radius:8px; padding:4px 9px; }
.cart-last-note span { font-size:13px; }
/* Vriendelijke "laatste"-melding (WooCommerce notice) in Montas-stijl */
.woocommerce-info { border-top-color:var(--red,#E30613); }
.woocommerce-info::before { color:var(--red,#E30613); }

/* Afspraak — vrije datum/tijd-kiezer (verkooppunt) */
.ap-free-pick { margin-top:12px; padding:12px 14px; border:2px solid #e3e3e3; border-radius:12px; background:#fafafa; }
.ap-free-head { font-size:13px; color:#444; margin-bottom:8px; }
.ap-free-row { display:flex; gap:8px; flex-wrap:wrap; align-items:center; }
.ap-free-row input[type=date], .ap-free-row input[type=time] { padding:9px 11px; border:2px solid #e3e3e3; border-radius:10px; font-family:'Barlow',sans-serif; font-weight:600; font-size:14px; }

/* Zoekmelding — product ophalen uit een montas.sr-link */
.zm-url-row { display:flex; gap:8px; margin:0 0 6px; }
.zm-url-row input[type=url] { flex:1; padding:10px 12px; border:2px solid #e3e3e3; border-radius:10px; font-family:'Barlow',sans-serif; font-size:14px; }
.zm-url-row input[type=url]:focus { border-color:var(--red,#E30613); outline:none; }
.zm-url-msg { font-size:12.5px; font-weight:700; min-height:1em; margin-bottom:10px; }
.zm-url-msg.ok { color:#1a7d3c; }
.zm-url-msg.err { color:var(--red,#E30613); }

/* ── Checkout: gegroepeerde verzendopties met dividers ─────────────── */
.montas-shipping-methods{list-style:none;margin:0;padding:0}
.montas-shipping-methods li{list-style:none;margin:0}
.montas-shipping-methods .montas-ship-head{
  font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;
  letter-spacing:.05em;font-weight:700;font-size:.78rem;color:#15171c;
  opacity:.55;margin:12px 0 4px;padding:0}
.montas-shipping-methods .montas-ship-head:first-child{margin-top:0}
.montas-shipping-methods .montas-ship-sep{
  border-top:1px solid #e6e6e6;height:0;margin:12px 0;padding:0}
.montas-shipping-methods .montas-ship-opt{display:block;padding:3px 0}
.montas-shipping-methods .montas-ship-opt label{cursor:pointer}
.montas-shipping-methods .montas-ship-addr{
  display:block;font-size:.82rem;color:#666;margin:2px 0 0 24px;line-height:1.3}
.mfb-addr{white-space:nowrap}

/* ══════════════════════════════════════════════════════════════════
   ORDER-RECEIVED / BEDANKT-PAGINA — Montas bold sportief
   Gescoped op body.woocommerce-order-received. Werkt voor zowel de
   klassieke als de block-bevestiging (zelfde wrapper-klassen geraakt).
   ════════════════════════════════════════════════════════════════ */
.woocommerce-order-received .site-main,
.woocommerce-order-received .content-area,
.woocommerce-order-received main { background: var(--grey, #f4f4f4); }

/* Hero */
.woocommerce-order-received .montas-ty-hero{
  background:
    radial-gradient(900px 420px at 80% -120px, rgba(227,6,19,.16), transparent 60%),
    linear-gradient(180deg, var(--black,#111) 0%, var(--dark,#1a1a1a) 100%);
  color:#fff; border-radius:0 0 var(--radius,12px) var(--radius,12px);
  padding:48px clamp(20px,4vw,56px) 56px; text-align:center; position:relative; overflow:hidden;
  margin-bottom:0;
}
.woocommerce-order-received .montas-ty-inner{ max-width:760px; margin:0 auto; position:relative; z-index:1; }
.woocommerce-order-received .montas-ty-check{
  display:inline-flex; align-items:center; justify-content:center; width:64px; height:64px;
  border-radius:50%; background:var(--red,#E30613); color:#fff; margin-bottom:18px;
  box-shadow:0 10px 30px rgba(227,6,19,.45); animation:montasTyPop .5s cubic-bezier(.2,.8,.2,1.2) both;
}
@keyframes montasTyPop{ 0%{transform:scale(.4);opacity:0} 100%{transform:scale(1);opacity:1} }
.woocommerce-order-received .montas-ty-eyebrow{
  display:inline-block; font-size:12px; font-weight:700; letter-spacing:3px; text-transform:uppercase;
  color:#fff; background:var(--red,#E30613); padding:4px 12px; border-radius:4px; margin-bottom:14px;
}
.woocommerce-order-received .montas-ty-title{
  font-family:'Barlow Condensed',sans-serif; font-weight:900; line-height:1.02;
  font-size:clamp(34px,5.5vw,58px); margin:0 0 10px; text-transform:uppercase; letter-spacing:.5px;
}
.woocommerce-order-received .montas-ty-sub{ color:rgba(255,255,255,.72); font-size:clamp(15px,1.4vw,18px); margin:0 auto 26px; max-width:52ch; }
.woocommerce-order-received .montas-ty-meta{ display:flex; flex-wrap:wrap; gap:12px; justify-content:center; }
.woocommerce-order-received .montas-ty-pill{
  display:flex; flex-direction:column; align-items:flex-start; gap:2px; text-align:left;
  background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.14);
  border-radius:10px; padding:10px 16px; min-width:120px;
}
.woocommerce-order-received .montas-ty-pill .k{ font-size:11px; font-weight:700; letter-spacing:1.5px; text-transform:uppercase; color:rgba(255,255,255,.5); }
.woocommerce-order-received .montas-ty-pill .v{ font-size:17px; font-weight:800; color:#fff; }
.woocommerce-order-received .montas-ty-pill--route .v{ color:#fff; }
.woocommerce-order-received .montas-ty-pill--route{ background:rgba(227,6,19,.22); border-color:rgba(227,6,19,.5); }

/* Inhoud onder de hero in een gecentreerde kolom, kaartstijl */
.woocommerce-order-received .woocommerce,
.woocommerce-order-received .wc-block-order-confirmation,
.woocommerce-order-received .entry-content,
.woocommerce-order-received .page-content{
  max-width:880px; margin:0 auto; padding:clamp(24px,4vw,40px) clamp(16px,3vw,24px) 80px;
}

/* Verberg de standaard "ontvangen"-regel (we hebben de hero) */
.woocommerce-order-received p.woocommerce-notice--success,
.woocommerce-order-received .woocommerce-thankyou-order-received{ display:none; }

/* Order-overzicht + adressen als witte kaarten */
.woocommerce-order-received .woocommerce-order-details,
.woocommerce-order-received .woocommerce-customer-details,
.woocommerce-order-received .woocommerce-order-overview,
.woocommerce-order-received .montas-ful-box,
.woocommerce-order-received .wc-block-order-confirmation-summary,
.woocommerce-order-received .wc-block-order-confirmation-totals,
.woocommerce-order-received .wc-block-order-confirmation-shipping-address,
.woocommerce-order-received .wc-block-order-confirmation-billing-address{
  background:#fff; border:1px solid #ececec; border-radius:var(--radius,12px);
  box-shadow:var(--shadow,0 8px 32px rgba(0,0,0,.08)); padding:24px clamp(18px,3vw,28px); margin:20px 0 0;
}
.woocommerce-order-received .woocommerce-column__title,
.woocommerce-order-received .woocommerce-order-details__title,
.woocommerce-order-received h2, .woocommerce-order-received h3{
  font-family:'Barlow Condensed',sans-serif; font-weight:900; text-transform:uppercase;
  letter-spacing:.4px; font-size:clamp(20px,2.4vw,26px); margin:0 0 14px;
}

/* Orderregels-tabel */
.woocommerce-order-received table.woocommerce-table--order-details,
.woocommerce-order-received table.shop_table{ width:100%; border-collapse:collapse; }
.woocommerce-order-received table.shop_table th,
.woocommerce-order-received table.shop_table td{ padding:12px 8px; border-bottom:1px solid #f0f0f0; text-align:left; font-size:15px; }
.woocommerce-order-received table.shop_table thead th{ font-family:'Barlow Condensed',sans-serif; text-transform:uppercase; letter-spacing:.5px; color:var(--mid,#888); font-size:13px; }
.woocommerce-order-received table.shop_table tfoot th,
.woocommerce-order-received table.shop_table tfoot td{ font-weight:800; }
.woocommerce-order-received table.shop_table tfoot tr:last-child th,
.woocommerce-order-received table.shop_table tfoot tr:last-child td{ font-size:18px; color:var(--red,#E30613); border-bottom:none; }
.woocommerce-order-received .product-name a{ font-weight:700; }
.woocommerce-order-received .product-name a:hover{ color:var(--red,#E30613); }

/* "Verder winkelen"-knop in merkstijl */
.woocommerce-order-received .wc-block-order-confirmation-status a,
.woocommerce-order-received .woocommerce-order .button,
.woocommerce-order-received a.button{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  background:var(--red,#E30613); color:#fff; border:none; border-radius:6px;
  padding:13px 26px; font-weight:700; transition:all .2s;
}
.woocommerce-order-received .woocommerce-order .button:hover,
.woocommerce-order-received a.button:hover{ background:var(--red2,#b80000); transform:translateY(-2px); box-shadow:0 6px 20px rgba(227,6,19,.35); }

/* Adres-blokken naast elkaar op desktop */
@media(min-width:720px){
  .woocommerce-order-received .woocommerce-customer-details .woocommerce-columns--addresses{ display:grid; grid-template-columns:1fr 1fr; gap:20px; }
  .woocommerce-order-received .woocommerce-customer-details .woocommerce-columns--addresses .col-1,
  .woocommerce-order-received .woocommerce-customer-details .woocommerce-columns--addresses .col-2{ width:auto; margin:0; padding:0; float:none; }
}

/* ── Bedankt-hero IN de pagina-hero (volle breedte, sitestijl) ─────── */
.page-hero--thankyou .montas-ty-check{
  display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;
  border-radius:50%;background:var(--red,#E30613);color:#fff;margin-bottom:14px;
  box-shadow:0 10px 30px rgba(227,6,19,.45);animation:montasTyPop .5s cubic-bezier(.2,.8,.2,1.2) both;}
.page-hero--thankyou .section-label{
  color:#fff;background:var(--red,#E30613);display:inline-block;padding:4px 12px;border-radius:4px;}
.page-hero--thankyou .montas-ty-sub{
  color:rgba(255,255,255,.72);font-size:clamp(15px,1.3vw,18px);max-width:56ch;margin:10px 0 22px;}
.page-hero--thankyou .montas-ty-meta{display:flex;flex-wrap:wrap;gap:12px;}
.page-hero--thankyou .montas-ty-pill{
  display:flex;flex-direction:column;gap:2px;background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:10px 16px;min-width:120px;}
.page-hero--thankyou .montas-ty-pill .k{font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,255,255,.5);}
.page-hero--thankyou .montas-ty-pill .v{font-size:17px;font-weight:800;color:#fff;}
.page-hero--thankyou .montas-ty-pill--route{background:rgba(227,6,19,.22);border-color:rgba(227,6,19,.5);}

/* Volle breedte van de bevestigingsinhoud (heft eerdere 880px-cap op) */
.woocommerce-order-received .woocommerce,
.woocommerce-order-received .wc-block-order-confirmation,
.woocommerce-order-received .entry-content,
.woocommerce-order-received .page-content{ max-width:none; padding-left:0; padding-right:0; }

/* Orderregels: productthumbnail naast de naam */
.woocommerce-order-received .montas-oi{ display:flex;align-items:center;gap:14px; }
.woocommerce-order-received .montas-oi-thumb img{
  width:56px;height:56px;object-fit:cover;border-radius:8px;border:1px solid #ececec;display:block; }
.woocommerce-order-received .montas-oi-body{ min-width:0; }

/* Order-overzicht (nummer/datum/e-mail/totaal/betaling) staat al in de hero → verbergen */
.woocommerce-order-received .woocommerce-order-overview.woocommerce-thankyou-order-details{ display:none; }