/* ===== TOKENS (colors_and_type.css :root — matches the source variable naming) ===== */
:root{
  --navy:#1B3A6B; --navy-light:#4A6FA5; --navy-darker:#142C52; --link-blue:#6B8FC9; --accent-violet:#7B68EE;
  --bg:#FFFFFF; --surface:#F5F5F5; --surface-2:#ECEFF3; --border:#D0D5DD;
  --text:#555F6E; --text-strong:#1B3A6B; --text-muted:#8A93A2;
  --violet-soft:#EEEBFE; --navy-soft:#EAF0F9;
  --success:#1F9D6B; --warning:#E0A000; --danger:#D64545;
  --logo-blue:#0084FE; --dot-red:#FF272B; --dot-green:#24AD39; --dot-yellow:#FFBE1C;
  --font-display:'Thicccboi','Poppins',system-ui,-apple-system,'Segoe UI',sans-serif;
  --font-body:'Nunito',system-ui,-apple-system,'Segoe UI',sans-serif;
  --radius-nav:6px; --radius-btn:8px; --radius-card:12px; --radius-pill:999px;
  --shadow-sm:0 1px 2px rgba(27,58,107,.06); --shadow-card:0 8px 24px rgba(27,58,107,.08);
  --shadow-lg:0 16px 40px rgba(27,58,107,.12); --shadow-btn:0 4px 12px rgba(27,58,107,.18);
  --ease:cubic-bezier(0.22,1,0.36,1); --dur:220ms;
}

/* ===== RESET — html pinned to 100% so a 16px root holds under Bricks (which sets 62.5%) ===== */
*,*::before,*::after{box-sizing:border-box;}
*{margin:0;}
html{font-size:100%!important;-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
body{font-family:var(--font-body);font-size:16px;line-height:1.6;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
html,.page-root{overflow-x:clip;}
img,svg,video{display:block;max-width:100%;height:auto;}
a{color:inherit;text-decoration:none;}
ul{list-style:none;padding:0;}
h1,h2,h3,h4{font-family:var(--font-display);color:var(--text-strong);}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important;}}

/* ===== LAYOUT HELPERS ===== */
.container{width:100%;max-width:1160px;margin:0 auto;padding:0 32px;}
.container--narrow{max-width:760px;}
.eyebrow{display:block;font-family:var(--font-display);font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--navy-light);margin-bottom:14px;}
.eyebrow--light{color:rgba(255,255,255,.6);}

/* =========================================================================
   SECTION 1 — PRICING (4 packs)   bron: Pricing.jsx
   ========================================================================= */
.pk-pricing{background:var(--surface);padding:76px 0 88px;}
.pk-head{text-align:center;max-width:680px;margin:0 auto 56px;}
.pk-title{font-family:var(--font-display);font-weight:800;font-size:46px;line-height:1.12;letter-spacing:-.02em;color:var(--navy);margin:0 0 16px;text-wrap:balance;}
.pk-intro{font-family:var(--font-body);font-size:17px;line-height:1.6;color:var(--text);margin:0 auto;max-width:560px;text-wrap:pretty;}

.tws-packs-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;align-items:stretch;}

.pack-card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--border);border-radius:var(--radius-card);padding:30px 26px;box-shadow:var(--shadow-card);transition:transform 280ms var(--ease),box-shadow 280ms var(--ease);}
.pack-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);}
.pack-card--hi{background:var(--navy);border-color:var(--navy);padding:34px 26px 30px;margin-top:-14px;box-shadow:0 22px 48px rgba(27,58,107,.24);}
.pack-card--hi:hover{transform:translateY(-4px);box-shadow:0 30px 60px rgba(27,58,107,.30);}

.pack-badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--warning);color:#1f1500;white-space:nowrap;font-family:var(--font-display);font-weight:700;font-size:12px;letter-spacing:.03em;padding:6px 16px;border-radius:999px;box-shadow:0 8px 18px rgba(0,0,0,.18);}

.pack-name-row{display:flex;align-items:center;gap:9px;margin-bottom:4px;}
.pack-dot{width:9px;height:9px;border-radius:999px;flex:0 0 auto;font-size:0;line-height:0;overflow:hidden;}
.pack-dot--starter{background:var(--dot-green);}
.pack-dot--plus{background:var(--logo-blue);}
.pack-dot--pro{background:var(--dot-yellow);}
.pack-dot--premium{background:var(--accent-violet);}
.pack-name{font-family:var(--font-display);font-weight:700;font-size:19px;color:var(--navy);}
.pack-card--hi .pack-name{color:#fff;}

.pack-tagline{font-family:var(--font-body);font-size:13.5px;font-weight:600;color:var(--text-muted);margin-bottom:18px;}
.pack-card--hi .pack-tagline{color:rgba(255,255,255,.7);}

.pack-price-row{display:flex;align-items:baseline;gap:6px;margin-bottom:6px;}
.pack-prefix{font-family:var(--font-body);font-size:14px;font-weight:700;color:var(--text-muted);}
.pack-card--hi .pack-prefix{color:rgba(255,255,255,.7);}
.pack-price{font-family:var(--font-display);font-weight:800;font-size:42px;line-height:1;letter-spacing:-.02em;color:var(--navy);}
.pack-card--hi .pack-price{color:#fff;}
.pack-price-note{font-family:var(--font-body);font-size:12.5px;color:var(--text-muted);margin-bottom:18px;}
.pack-card--hi .pack-price-note{color:rgba(255,255,255,.6);}

.pack-desc{font-family:var(--font-body);font-size:14.5px;line-height:1.55;margin:0 0 22px;color:var(--text);text-wrap:pretty;}
.pack-card--hi .pack-desc{color:rgba(255,255,255,.88);}

.pack-features{list-style:none;margin:0 0 26px;padding:0;flex:1 1 auto;}
.feature-row{display:flex;gap:11px;align-items:flex-start;margin-bottom:13px;}
.feature-check{flex:0 0 auto;width:22px;height:22px;border-radius:999px;margin-top:1px;background:var(--navy-soft);display:inline-flex;align-items:center;justify-content:center;}
.pack-card--hi .feature-check{background:rgba(255,255,255,.16);}
.feature-check i,.feature-check svg{width:14px;height:14px;color:var(--success);}
.pack-card--hi .feature-check i,.pack-card--hi .feature-check svg{color:#fff;}
.feature-text{font-family:var(--font-body);font-size:15px;line-height:1.5;color:var(--text);}
.pack-card--hi .feature-text{color:rgba(255,255,255,.92);}

.pack-cta{width:100%;cursor:pointer;font-family:var(--font-display);font-weight:700;font-size:15px;padding:13px 20px;border-radius:var(--radius-btn);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1.5px solid var(--navy);background:#fff;color:var(--navy);transition:all 220ms var(--ease);}
.pack-cta i,.pack-cta svg{width:16px;height:16px;}
.pack-card:not(.pack-card--hi):hover .pack-cta{background:var(--navy);color:#fff;}
.pack-card--hi .pack-cta{border:none;background:var(--warning);color:#1f1500;}
.pack-card--hi:hover .pack-cta{filter:brightness(.96);}

.pricing-foot{text-align:center;font-family:var(--font-body);font-size:14.5px;color:var(--text-muted);margin:40px auto 0;max-width:620px;}
.pricing-foot a{color:var(--navy);font-weight:700;text-decoration:none;}
.pricing-foot a:hover{text-decoration:underline;}

/* =========================================================================
   SECTION 2 — TRUST BAND (navy stats + tech marquee)   bron: TrustBand.jsx
   ========================================================================= */
.pk-trust{background:var(--navy);padding:76px 0 64px;}
.pk-trust-head{text-align:center;max-width:640px;margin:0 auto 44px;}
.pk-trust-title{font-family:var(--font-display);font-weight:800;font-size:36px;line-height:1.16;letter-spacing:-.01em;color:#fff;margin:0;text-wrap:balance;}

.tws-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:56px;}
.stat-card{text-align:center;padding:26px 18px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-card);}
.stat-num-wrap{display:flex;align-items:baseline;justify-content:center;gap:4px;}
.stat-num{font-family:var(--font-display);font-weight:800;font-size:46px;line-height:1;letter-spacing:-.02em;color:#fff;}
.stat-label{font-family:var(--font-body);font-size:14.5px;font-weight:600;color:rgba(255,255,255,.7);margin-top:10px;}

.trust-marquee-wrap{border-top:1px solid rgba(255,255,255,.12);padding-top:40px;}
.tws-marquee{overflow:hidden;}
.tws-marquee-track{display:flex;align-items:center;width:max-content;animation:tws-marquee-scroll 32s linear infinite;}
.tws-marquee-tool{font-family:var(--font-display);font-weight:700;font-size:25px;color:rgba(255,255,255,.62);white-space:nowrap;padding:0 27px;}
@keyframes tws-marquee-scroll{from{transform:translateX(0);}to{transform:translateX(-50%);}}
@media (hover:none){.tws-marquee:hover .tws-marquee-track{animation-play-state:running!important;}}

/* =========================================================================
   SECTION 3 — START / CONTACT FORM   bron: ContactForm.jsx
   ========================================================================= */
.pk-start{background:#fff;padding:84px 0 92px;position:relative;}
.anchor-offset{display:block;position:relative;top:-70px;}
.scarcity{display:inline-flex;align-items:center;gap:9px;margin:0 0 20px;background:var(--violet-soft);border:1px solid #ddd6fb;border-radius:999px;padding:8px 16px;}
.scarcity-dot{width:9px;height:9px;border-radius:999px;background:var(--accent-violet);flex:0 0 auto;font-size:0;line-height:0;overflow:hidden;animation:twsPulse 1.6s ease-in-out infinite;}
.scarcity-text{font-family:var(--font-display);font-weight:700;font-size:13.5px;color:var(--navy);}
@keyframes twsPulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:.45;transform:scale(.7);}}

.start-title{font-family:var(--font-display);font-weight:800;font-size:38px;line-height:1.15;letter-spacing:-.01em;color:var(--navy);margin:0 0 12px;text-wrap:balance;}
.start-intro{font-family:var(--font-body);font-size:16.5px;line-height:1.6;color:var(--text);margin:0 0 34px;max-width:540px;text-wrap:pretty;}

.start-form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);padding:30px 30px 32px;}
.tws-form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.field{display:block;margin-bottom:16px;}
.field-label{display:block;font-family:var(--font-display);font-weight:600;font-size:13.5px;color:var(--navy);margin-bottom:7px;}
.field-input{width:100%;box-sizing:border-box;font-family:var(--font-body);font-size:15px;padding:12px 14px;border-radius:var(--radius-btn);border:1px solid var(--border);background:#fff;color:var(--text);outline:none;transition:border-color 180ms ease,box-shadow 180ms ease;}
.field-input:focus{border-color:var(--navy);box-shadow:0 0 0 3px var(--navy-soft);}
.field-select{appearance:auto;}
.field-textarea{resize:vertical;min-height:84px;}
.form-submit{width:100%;cursor:pointer;font-family:var(--font-display);font-weight:700;font-size:16px;padding:15px 22px;border-radius:var(--radius-btn);border:none;background:var(--navy);color:#fff;margin-top:6px;display:inline-flex;align-items:center;justify-content:center;gap:9px;box-shadow:var(--shadow-btn);transition:background 200ms ease,box-shadow 200ms ease;}
.form-submit:hover{background:var(--navy-darker);box-shadow:var(--shadow-lg);}
.form-submit i,.form-submit svg{width:18px;height:18px;}
.form-help{text-align:center;font-family:var(--font-body);font-size:13px;color:var(--text-muted);margin:14px 0 0;}

/* ===== SCROLL REVEAL (TrustBand only — matches source) ===== */
[data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .7s var(--ease),transform .7s var(--ease);}
[data-reveal].in{opacity:1;transform:none;}
@media (prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transform:none;}}

/* ===== RESPONSIVE (content only — chrome lives in twds-chrome.css) ===== */
@media (max-width:1024px){
  .tws-packs-grid{grid-template-columns:repeat(2,1fr);gap:20px;}
  .pack-card--hi{margin-top:0;}
}
@media (max-width:768px){
  .pk-title{font-size:38px;}
  .pk-trust-title{font-size:30px;}
  .start-title{font-size:31px;}
}
@media (max-width:620px){
  .tws-stats-grid{grid-template-columns:1fr;gap:16px;margin-bottom:40px;}
}
@media (max-width:560px){
  .tws-packs-grid{grid-template-columns:1fr;gap:18px;}
  .tws-form-row{grid-template-columns:1fr;gap:0;}
  .pk-pricing{padding:56px 0 64px;}
  .pk-trust{padding:56px 0 52px;}
  .pk-start{padding:60px 0 68px;}
  .start-form{padding:24px 22px 26px;}
}

/* ===== BRICKS-NATIVE SAFETY (no effect standalone; matters after conversion) ===== */
/* .brxe-text-basic forces --font-body on every converted text element incl. headings; restore the display font */
h1.brxe-text-basic,h2.brxe-text-basic,h3.brxe-text-basic,
.eyebrow.brxe-text-basic,.pk-title.brxe-text-basic,.pk-trust-title.brxe-text-basic,.start-title.brxe-text-basic,
.pack-name.brxe-text-basic,.pack-price.brxe-text-basic,.pack-badge.brxe-text-basic,.stat-num.brxe-text-basic,
.pack-cta.brxe-text-basic,.field-label.brxe-text-basic,.form-submit.brxe-text-basic,.scarcity-text.brxe-text-basic,
.tws-marquee-tool.brxe-text-basic{font-family:var(--font-display)!important;}
/* Bricks Image auto-captions */
.brxe-image figcaption{display:none!important;}
/* Bricks builder (iframe): force reveal hidden-states visible so content is editable; frontend reveal unchanged */
html.tws-builder [data-reveal]{opacity:1!important;transform:none!important;animation:none!important;}

/* 2026-07-03: Summer Sale −25% op Starter & Plus (Ali) */
.price-old{font-size:.52em;font-weight:600;opacity:.55;text-decoration:line-through;margin-right:8px;}
.pack-badge--sale{background:#E8443A;color:#fff;}
.pack-card{position:relative;}

/* 2026-07-03: e-commerce chip op kaarten + e-commerce sectie (Ali) */
.pack-ec{position:absolute;top:14px;right:14px;display:flex;align-items:center;gap:8px;text-decoration:none;background:#EEF3FA;border:1px solid var(--border,#D9E2EF);border-radius:12px;padding:7px 11px;z-index:2;transition:transform 200ms,box-shadow 200ms;}
.pack-ec:hover{transform:translateY(-2px);box-shadow:0 6px 14px rgba(27,58,107,.14);}
.pack-ec__ic{display:flex;flex:none;width:26px;height:26px;border-radius:999px;background:#1B3A6B;color:#fff;align-items:center;justify-content:center;}
.pack-ec__ic svg{width:14px;height:14px;}
.pack-ec__tx{display:flex;flex-direction:column;line-height:1.15;text-align:left;}
.pack-ec__tx b{font-family:var(--font-display);font-weight:700;font-size:.68rem;color:var(--navy,#1B3A6B);letter-spacing:.02em;}
.pack-ec__tx em{font-style:normal;font-family:var(--font-display);font-weight:600;font-size:.62rem;color:rgba(27,58,107,.65);}
.pack-card--hi .pack-ec{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.28);}
.pack-card--hi .pack-ec__ic{background:#fff;color:#1B3A6B;}
.pack-card--hi .pack-ec__tx b{color:#fff;}
.pack-card--hi .pack-ec__tx em{color:rgba(255,255,255,.7);}
.feature-row--ec .feature-text a{color:var(--navy,#1B3A6B);font-weight:700;text-decoration:underline;}
.pk-ec{padding:10px 22px 78px;}
.pk-ec__in{max-width:880px;margin:0 auto;background:linear-gradient(135deg,#16336b,#2c5191);border-radius:22px;padding:clamp(28px,4vw,44px);text-align:center;color:#fff;box-shadow:0 24px 48px -24px rgba(20,44,82,.5);}
.pk-ec__kicker{display:inline-block;font-family:var(--font-display);font-weight:700;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:#9ec3ff;margin-bottom:12px;}
.pk-ec__title{font-family:var(--font-display);font-weight:700;color:#fff;font-size:clamp(1.4rem,2.6vw,1.9rem);margin:0 0 12px;}
.pk-ec__desc{max-width:640px;margin:0 auto 18px;color:rgba(255,255,255,.82);font-size:1rem;line-height:1.6;}
.pk-ec__price{display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.24);border-radius:999px;padding:10px 20px;font-family:var(--font-display);font-weight:600;color:#fff;margin-bottom:22px;}
.pk-ec__price svg{width:18px;height:18px;color:#FFBE1C;}
.pk-ec__price b{font-weight:800;}
.pk-ec__cta{display:inline-flex;align-items:center;gap:8px;background:#fff;color:#1B3A6B;border-radius:12px;padding:14px 26px;font-family:var(--font-display);font-weight:700;text-decoration:none;}
.pk-ec__cta svg,.pk-ec__cta i{width:18px;height:18px;}
html{scroll-behavior:smooth;}
#ecommerce{scroll-margin-top:90px;}

/* fix: chip compacter + linkkleur op donkere Pro-kaart */
.pack-card--hi .feature-row--ec .feature-text a{color:#fff;}
.pack-ec{top:12px;right:12px;padding:6px 10px;gap:7px;}
.pack-ec__ic{width:24px;height:24px;}

/* 2026-07-03: e-commerce sectie — benefits + prijsuitleg + meer ruimte (Ali) */
.pk-ec__kicker{margin-bottom:16px;}
.pk-ec__title{margin:0 0 18px;}
.pk-ec__desc{margin:0 auto 26px;}
.pk-ec__list{list-style:none;margin:0 auto 28px;padding:0;max-width:560px;display:flex;flex-direction:column;gap:13px;text-align:left;}
.pk-ec__list li{display:flex;gap:11px;align-items:flex-start;color:rgba(255,255,255,.9);font-size:.98rem;line-height:1.5;}
.pk-ec__list li b{font-family:var(--font-display);font-weight:700;color:#fff;}
.pk-ec__list .ck{flex:none;width:22px;height:22px;border-radius:999px;background:#1F9D6B;color:#fff;display:flex;align-items:center;justify-content:center;margin-top:2px;}
.pk-ec__list .ck svg{width:13px;height:13px;}
.pk-ec__price{margin-bottom:16px;}
.pk-ec__note{max-width:560px;margin:0 auto 28px;color:rgba(255,255,255,.72);font-size:.9rem;line-height:1.6;}
.pk-ec__note b{color:#fff;}
@media(max-width:640px){.pk-ec__in{padding:34px 24px 38px;}.pack-ec{top:18px;}}

/* 2026-07-03: e-commerce chip lager, meer afstand van Populairste keuze / Summer Sale badges (Ali) */
.pack-card{padding-top:46px;}
.pack-ec{top:22px;right:14px;}
@media(max-width:640px){.pack-ec{top:26px;}.pack-card{padding-top:52px;}}

/* 2026-07-03: chip eigen strook bovenin kaart — naamregels overal uitgelijnd (Ali) */
.pack-card{padding-top:70px;}
.pack-ec{top:24px;right:16px;}
@media(max-width:640px){.pack-card{padding-top:70px;}.pack-ec{top:24px;}}

/* 2026-07-03: e-commerce sectie — meer ademruimte + Plan een gesprek & WhatsApp knoppen (Ali) */
.pk-ec{padding:44px 22px 96px;}
.pk-ec__in{padding:clamp(36px,5vw,60px);}
.pk-ec__kicker{margin-bottom:18px;}
.pk-ec__title{margin:0 0 22px;}
.pk-ec__desc{margin:0 auto 30px;}
.pk-ec__list{margin:0 auto 34px;gap:15px;}
.pk-ec__price{margin-bottom:20px;}
.pk-ec__note{margin:0 auto 34px;}
.pk-ec__alt{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:16px;}
.pk-ec__ghost{display:inline-flex;align-items:center;gap:9px;padding:13px 22px;border-radius:12px;border:1.5px solid rgba(255,255,255,.35);color:#fff;background:rgba(255,255,255,.08);font-family:var(--font-display);font-weight:600;text-decoration:none;transition:background 200ms;}
.pk-ec__ghost:hover{background:rgba(255,255,255,.16);}
.pk-ec__wa{display:inline-flex;align-items:center;gap:9px;padding:13px 22px;border-radius:12px;background:#25D366;color:#fff;font-family:var(--font-display);font-weight:700;text-decoration:none;transition:filter 200ms;}
.pk-ec__wa:hover{filter:brightness(1.07);}
.pk-ec__ghost svg,.pk-ec__wa svg{width:18px;height:18px;flex:none;}

/* 2026-07-03: e-commerce badge als draaiende stempel — kar vast, tekst roteert (Ali) */
.pack-ec{width:106px;height:106px;padding:0;background:none;border:0;border-radius:50%;display:block;top:14px;right:12px;box-shadow:none;}
.pack-ec:hover{transform:scale(1.06);box-shadow:none;}
.pack-ec__ic{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:36px;height:36px;margin:0;}
.pack-ec__ic svg{width:17px;height:17px;}
.pack-ec__ring{position:absolute;inset:0;width:100%;height:100%;transform-origin:50% 50%;animation:twdsEcSpin 16s linear infinite;}
.pack-ec__ring text{font-family:var(--font-display);font-weight:700;font-size:10.5px;fill:var(--navy,#1B3A6B);letter-spacing:.08em;}
.pack-card--hi .pack-ec__ring text{fill:#fff;}
@keyframes twdsEcSpin{to{transform:rotate(360deg);}}
@media(prefers-reduced-motion:reduce){.pack-ec__ring{animation:none;}}
.pack-card{padding-top:140px;}
@media(max-width:640px){.pack-card{padding-top:140px;}.pack-ec{top:16px;right:16px;}}

/* 2026-07-03: stempel-badge kleiner + vast in rechterhoek, geen pushdown (Ali) */
.pack-card{padding-top:30px;}
.pack-ec{width:74px;height:74px;top:10px;right:10px;}
.pack-ec__ic{width:26px;height:26px;}
.pack-ec__ic svg{width:13px;height:13px;}
@media(max-width:640px){.pack-card{padding-top:30px;}.pack-ec{width:64px;height:64px;top:10px;right:10px;}}

/* 2026-07-03: stempel-badge eleganter & kleiner (Ali) */
.pack-ec{width:58px;height:58px;top:12px;right:12px;}
.pack-ec__ic{width:22px;height:22px;}
.pack-ec__ic svg{width:11px;height:11px;}
.pack-ec__ring text{font-weight:600;letter-spacing:.06em;}
@media(max-width:640px){.pack-ec{width:54px;height:54px;top:12px;right:12px;}}

/* 2026-07-03: e-commerce sectie mobiel — knoppen even breed, volle breedte (Ali) */
@media(max-width:640px){
.pk-ec__cta{display:flex;width:100%;box-sizing:border-box;justify-content:center;}
.pk-ec__alt{flex-direction:column;gap:12px;}
.pk-ec__ghost,.pk-ec__wa{width:100%;box-sizing:border-box;justify-content:center;}
}

/* EC TITLE LETTERS — e-commerce titel groter + letter-voor-letter (Ali 2026-07-04) */
.pk-ec__title{font-size:clamp(1.6rem,3vw,2.3rem)!important;}
.pk-ec__title .word{display:inline-block;white-space:nowrap;}
.pk-ec__title .ch{display:inline-block;opacity:0;transform:translateY(.32em);white-space:pre;}
@keyframes pkChIn{to{opacity:1;transform:none;}}
.pk-ec__title.title-in .ch{animation:pkChIn .4s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--i) * .025s);}
@media (prefers-reduced-motion:reduce){.pk-ec__title .ch{opacity:1;transform:none;animation:none!important;}}
html.tws-builder .pk-ec__title .ch{opacity:1!important;transform:none!important;animation:none!important;}

/* EC FONT RESTORE — .brxe-text-basic forceert Nunito; Thicccboi terugzetten op de e-commerce sectie */
.pk-ec__kicker.brxe-text-basic,.pk-ec__title.brxe-text-basic,.pk-ec__title .ch,.pk-ec__price.brxe-text-basic,.pk-ec__cta.brxe-text-basic,.pk-ec__ghost.brxe-text-basic,.pk-ec__wa.brxe-text-basic{font-family:var(--font-display)!important;}


/* ===== 2026-07-06 buttons & badges never wrap on small phones (Ali) ===== */
@media(max-width:640px){
  .pk-ec__price{white-space:nowrap;font-size:clamp(12px,3.9vw,16px);padding:9px clamp(10px,3.2vw,20px);gap:clamp(6px,1.8vw,10px);}
  .pk-ec__price svg{width:clamp(13px,3.6vw,18px);height:clamp(13px,3.6vw,18px);flex:none;}
  .pk-ec__cta,.pk-ec__ghost,.pk-ec__wa{white-space:nowrap;font-size:clamp(12.5px,4vw,16px);padding-inline:clamp(12px,3.5vw,26px);}
  .pk-ec__cta svg,.pk-ec__cta i,.pk-ec__ghost svg,.pk-ec__wa svg{width:clamp(14px,4vw,18px);height:clamp(14px,4vw,18px);}
  .scarcity{white-space:nowrap;max-width:100%;padding:8px clamp(10px,3vw,16px);}
  .scarcity-text{white-space:nowrap;font-size:clamp(10.5px,3.5vw,13.5px);}
}