/* TWDS GLOBAL CHROME — tokens + header + merkenband + footer; px-pinned (Bricks root 62.5%) + back-to-top + animated logo */
:root{
  --navy:#1B3A6B; --navy-light:#4A6FA5; --link-blue:#6B8FC9; --accent-violet:#7B68EE;
  --bg:#FFFFFF; --surface:#F5F5F5; --border:#D0D5DD; --text:#555F6E;
  --navy-darker:#142C52; --surface-2:#ECEFF3; --text-strong:#1B3A6B; --text-muted:#8A93A2;
  --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;
  --shadow-lg:0 16px 40px rgba(27,58,107,.12);
}
*{box-sizing:border-box;}
.sc-container{width:100%;max-width:1160px;margin-inline:auto;padding-inline:clamp(1.25rem,.5rem + 3vw,2.5rem);}

/* HEADER */
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid transparent;}
.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding-block:1rem;}
.site-header__logo{height:34px;width:auto;display:block;}
.site-nav{display:flex;align-items:center;gap:1.5rem;}
.site-nav__link{font-family:var(--font-display);font-size:.9375rem;font-weight:500;color:#1B3A6B;text-decoration:none;white-space:nowrap;transition:color 220ms cubic-bezier(0.22,1,0.36,1);}
.site-nav__link:hover{color:#4A6FA5;}
.site-nav__link[aria-current="page"]{color:#4A6FA5;font-weight:600;}
.site-header__actions{display:flex;align-items:center;gap:1rem;}
.site-header .btn,.site-mobile .btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--font-display);font-weight:600;line-height:1;border:1px solid transparent;border-radius:8px;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background 220ms cubic-bezier(0.22,1,0.36,1),box-shadow 220ms,transform 220ms;}
.site-header__cta{padding:.625rem 1rem;border-radius:6px;font-size:.9375rem;}
.site-mobile .btn{padding:.875rem 1.5rem;font-size:1rem;}
.site-header .btn--primary,.site-mobile .btn--primary{background:#1B3A6B;color:#fff;}
.site-header .btn--primary:hover,.site-mobile .btn--primary:hover{background:#4A6FA5;box-shadow:0 4px 12px rgba(27,58,107,.18);transform:translateY(-2px);}
.site-header .btn--primary:active,.site-mobile .btn--primary:active{background:#142C52;box-shadow:none;transform:translateY(0);}
.site-header__burger{display:none;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid transparent;border-radius:6px;background:transparent;color:#1B3A6B;cursor:pointer;}
.site-mobile{display:none;border-top:1px solid #D0D5DD;background:#fff;padding:1rem 0 1.5rem;}
.site-mobile.is-open{display:block;}
.site-mobile__inner{display:flex;flex-direction:column;gap:2px;}
.site-mobile .btn{margin-top:1rem;}
@media (min-width:992px){.site-mobile{display:none !important;}}

/* MERKENBAND */
.ct-logos{background:#142C52;padding-block:clamp(2.75rem,2rem + 3vw,4rem);overflow:hidden;}
.ct-logos__title{text-align:center;font-family:var(--font-display);font-weight:700;color:#fff;font-size:.8125rem;letter-spacing:.14em;text-transform:uppercase;margin:0 0 2.25rem;opacity:.92;}
.ct-marquee{position:relative;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);overflow:hidden;}
.ct-marquee__track{display:flex;width:max-content;gap:clamp(2.5rem,5vw,4.5rem);animation:ctScroll 38s linear infinite;}
.ct-marquee:hover .ct-marquee__track{animation-play-state:paused;}
@keyframes ctScroll{to{transform:translateX(-50%);}}
.ct-logo{display:inline-flex;align-items:center;gap:.7rem;flex:0 0 auto;opacity:.82;transition:opacity 220ms cubic-bezier(0.22,1,0.36,1);}
.ct-logo:hover{opacity:1;}
.ct-logo img{height:26px;width:auto;display:block;}
.ct-logo span{font-family:var(--font-display);font-weight:600;font-size:1rem;color:rgba(255,255,255,.92);white-space:nowrap;}
.ct-logos:has(+ .site-footer){padding-bottom:clamp(1.5rem,1rem + 1.5vw,2rem);}
.ct-logos + .site-footer{padding-top:clamp(2rem,1.5rem + 1.5vw,2.75rem);}

/* FOOTER */
.site-footer{background:#142C52;color:#C6D2E6;padding-block:5rem 1.5rem;font-family:var(--font-body);font-size:1rem;line-height:1.6;}
.site-footer a{color:inherit;text-decoration:none;}
.site-footer__top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:1.5rem;}
.site-footer__logo-chip{display:inline-flex;margin-bottom:1rem;}
.site-footer__logo-chip img{height:34px;width:auto;display:block;}
.site-footer__about{font-size:.875rem;max-width:34ch;}
.site-footer__col-title{font-family:var(--font-display);font-size:.875rem;font-weight:600;color:#fff;letter-spacing:.12em;text-transform:uppercase;margin-bottom:1rem;}
.site-footer__links{display:flex;flex-direction:column;gap:.5rem;}
.site-footer__links a{font-size:.875rem;color:#C6D2E6;transition:color 220ms cubic-bezier(0.22,1,0.36,1);}
.site-footer__links a:hover{color:#fff;}
.site-footer__bottom{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:1rem;margin-top:3rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.12);font-size:.875rem;}
.site-footer__bottom-links{display:flex;gap:1.5rem;}
.site-footer .dots{display:inline-flex;gap:8px;}
.site-footer .dots span{width:11px;height:11px;border-radius:999px;display:block;background:#FF272B;animation:tws-dot-hop 1.3s cubic-bezier(.34,1.56,.64,1) infinite;}
.site-footer .dots span:nth-child(2){background:#24AD39;animation-delay:.15s;}
.site-footer .dots span:nth-child(3){background:#FFBE1C;animation-delay:.3s;}
@keyframes tws-dot-hop{0%,60%,100%{transform:translateY(0);}30%{transform:translateY(-7px);}}
@media (max-width:991px){
  .site-nav,.site-header__cta{display:none;}
  .site-header__burger{display:inline-flex;}
  .site-footer__top{grid-template-columns:1fr 1fr;gap:3rem 1.5rem;}
}
@media (max-width:767px){.site-footer__bottom{flex-direction:column;align-items:center;text-align:center;}}
@media (max-width:478px){.site-footer__top{grid-template-columns:1fr;}}

/* px PINS (Bricks html{font-size:62.5%}) */
.site-header__logo img,figure.site-header__logo>img{height:34px;width:auto;display:block;}
figure.site-header__logo{margin:0;}
.site-footer__logo-img,figure.site-footer__logo-img>img{height:38px;width:auto;display:block;}
figure.site-footer__logo-img{margin:0;}
.brxe-image figcaption,figure.brxe-image>figcaption{display:none!important;}
.site-nav__link{font-size:15px!important;}
.site-nav{gap:24px!important;}
.site-header__actions{gap:16px!important;}
.site-header__inner{gap:24px!important;padding-block:30px 16px!important;}
@media(min-width:992px){.site-header__inner{padding-block:36px 16px!important;}}
.site-header__cta{font-size:15px!important;padding:10px 16px!important;}
.sc-container{padding-inline:clamp(20px, 8px + 3vw, 40px)!important;}
.site-footer{font-size:16px!important;padding-block:80px 24px!important;}
.site-footer__about{font-size:14px!important;max-width:34ch;}
.site-footer__col-title{font-size:15px!important;margin-bottom:16px!important;letter-spacing:.12em;}
.site-footer__links{gap:12px!important;}
.site-footer__links a{font-size:14px!important;}
.site-footer__top{gap:24px!important;}
.site-footer__logo-chip{margin-bottom:16px!important;}
.site-footer__bottom{font-size:14px!important;margin-top:48px!important;padding-top:24px!important;}
.site-footer__bottom-links{gap:24px!important;}
.ct-logos{padding-block:clamp(44px, 32px + 3vw, 64px)!important;}
.ct-logos__title{font-size:13px!important;margin:0 0 36px!important;letter-spacing:.14em;}
.ct-logo{gap:11px!important;}
.ct-logo span{font-size:16px!important;}
.ct-marquee__track{gap:clamp(40px, 5vw, 72px)!important;}
.site-mobile .btn{font-size:16px!important;padding:14px 24px!important;}
@media (max-width:991px){ .site-footer__top{gap:48px 24px!important;} }

/* animated brand logo dots */
.twds-dot{animation:twds-hop 1.3s cubic-bezier(.34,1.56,.64,1) infinite;transform-box:fill-box;transform-origin:center;}
.twds-dot:nth-of-type(2){animation-delay:.15s;}
.twds-dot:nth-of-type(3){animation-delay:.30s;}
@keyframes twds-hop{0%,60%,100%{transform:translateY(0);}30%{transform:translateY(-6px);}}
@media(prefers-reduced-motion:reduce){.twds-dot{animation:none;}.site-footer .dots span{animation:none;}}

/* marquee never-stop + mobile fixes */

html{overflow-x:clip;}
@media(hover:none){}
@media(max-width:768px){}
@media(max-width:768px){.site-footer__top{grid-template-columns:1fr 1fr!important;gap:34px 26px!important;} .site-footer .sc-container{padding-inline:28px!important;}}
@media(max-width:560px){
  .site-footer .sc-container{padding-inline:20px!important;}
  .site-footer__top{grid-template-columns:auto auto!important;justify-content:center!important;column-gap:26px!important;row-gap:38px!important;}
  .site-footer__about{max-width:19ch!important;}
  .site-footer__links a{overflow-wrap:anywhere!important;}
}
@media(max-width:991px){.site-header__cta{display:inline-flex!important;}}
@media(max-width:768px){
  .site-header{border-bottom-color:#fff!important;}
  .site-header__inner{padding-block:30px 16px!important;}
}
.scroll-prog{display:none!important;}

/* back-to-top */
.twds-top{position:fixed;right:18px;bottom:18px;z-index:90;width:46px;height:46px;border-radius:999px;background:#1B3A6B;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 16px 40px rgba(27,58,107,.12);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .25s,transform .25s,visibility .25s;}
.twds-top.show{opacity:1;visibility:visible;transform:translateY(0);}
.twds-top:active{transform:scale(.94);}
.twds-top svg{width:22px;height:22px;}

/* converted content headings are Bricks .brxe-text-basic (forced to --font-body); keep ALL headings on the display font site-wide */
h1.brxe-text-basic,h2.brxe-text-basic,h3.brxe-text-basic,h4.brxe-text-basic{font-family:var(--font-display);}

/* logo glans (shine) — from logo-shine.js: a light band masked by the logo image, sweeping along the letters */
.logo-glans{position:relative;display:inline-block;line-height:0;}
.logo-glans>img{display:block;}
.logo-glans .tws-gleam{position:absolute;inset:0;pointer-events:none;background-repeat:no-repeat;background-size:300% 100%;background-position:135% 0;animation:tws-shine 3.6s cubic-bezier(.4,0,.2,1) infinite;}
@keyframes tws-shine{0%{background-position:135% 0;}55%,100%{background-position:-135% 0;}}
@media (prefers-reduced-motion:reduce){.logo-glans .tws-gleam{animation:none;}}

/* ---- NEW MOBILE OVERLAY MENU (animated clip-path wipe + WhatsApp) ---- */
.site-header__burger{position:relative;z-index:60;}
.site-mobile{--ease:cubic-bezier(.22,1,.36,1);--mm-hair:rgba(255,255,255,.12);--mm-icon:#9ec3ff;--mm-gold:#FFBE1C;--mm-gold-ink:#5a3d00;--mm-green:#1F9D6B;--mm-wa:#25D366;--mm-ink-72:rgba(255,255,255,.72);position:fixed;inset:0;z-index:55;display:flex!important;flex-direction:column;justify-content:flex-start;overflow-y:auto;overscroll-behavior:contain;padding:0;border:0;color:#fff;background:radial-gradient(120% 90% at 100% 0%, rgba(0,132,254,.45) 0%, rgba(0,132,254,0) 55%),linear-gradient(150deg,#16336b 0%,#1B3A6B 42%,#2c5191 78%,#4A6FA5 100%);clip-path:circle(0% at calc(100% - 38px) 40px);opacity:0;visibility:hidden;pointer-events:none;transition:clip-path 560ms cubic-bezier(0.22,1,0.36,1),opacity 360ms ease,visibility 0s linear 580ms;}
.site-mobile.is-open{clip-path:circle(150% at calc(100% - 38px) 40px);opacity:1;visibility:visible;pointer-events:auto;transition:clip-path 640ms cubic-bezier(0.22,1,0.36,1),opacity 260ms ease,visibility 0s;}
.site-mobile .tws-mmenu{width:100%;}
.site-mobile .tws-mmenu__inner{width:100%;max-width:390px;margin:0 auto;padding:calc(env(safe-area-inset-top,0px) + 26px) 22px 40px;}
.site-mobile .btn-w{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;font-family:var(--font-display);font-weight:700;font-size:1.02rem;text-decoration:none;background:#fff;color:var(--navy);border-radius:10px;padding:15px 18px;}
.site-mobile .btn-w svg{width:19px;height:19px;}
.site-mobile .btn-ghost{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;font-family:var(--font-display);font-weight:600;font-size:.98rem;text-decoration:none;color:#fff;background:rgba(255,255,255,.08);border:1.5px solid rgba(255,255,255,.28);border-radius:10px;padding:14px 18px;}
.site-mobile .btn-ghost svg{width:19px;height:19px;}
.site-mobile .eyebrow-w{font-family:var(--font-display);font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--mm-icon);margin:0 0 16px;}
.site-mobile .v3-hero{text-align:left;margin-bottom:22px;}
.site-mobile .v3-hero__t{font-family:var(--font-display);font-weight:700;font-size:1.72rem;color:#fff;line-height:1.12;letter-spacing:-.015em;margin:0 0 8px;}
.site-mobile .v3-hero p{font-size:.92rem;color:var(--mm-ink-72);margin:0 0 16px;line-height:1.5;}
.site-mobile .v3-hero .btn-w{margin-bottom:10px;}
.site-mobile .v3-nav{list-style:none;margin:0;padding:0;}
.site-mobile .v3-nav a{display:flex;align-items:center;gap:13px;text-decoration:none;padding:13px 2px;border-bottom:1px solid var(--mm-hair);}
.site-mobile .v3-nav a svg.lic{width:20px;height:20px;color:var(--mm-icon);flex:none;}
.site-mobile .v3-nav a b{flex:1;font-family:var(--font-display);font-weight:600;font-size:1.12rem;color:#fff;}
.site-mobile .v3-nav a .arr{color:rgba(255,255,255,.4);display:flex;}
.site-mobile .v3-nav a .arr svg{width:18px;height:18px;}
.site-mobile .v3-scroll{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:13px 0 4px;}
.site-mobile .v3-pak{text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:10px;padding:9px 4px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.18);}
.site-mobile .v3-pak b{font-family:var(--font-display);font-weight:700;font-size:.82rem;color:#fff;}
.site-mobile .v3-pak.is-hot{background:#fff;border-color:#fff;}
.site-mobile .v3-pak.is-hot b{color:var(--navy);}
.site-mobile .v3-pak__tag{font-family:var(--font-display);font-size:.5rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--mm-gold-ink);background:var(--mm-gold);border-radius:999px;padding:2px 7px;}
.site-mobile .v3-trust{margin-top:18px;border-radius:16px;padding:17px 18px;background:#fff;border:1px solid rgba(255,255,255,.5);box-shadow:0 16px 34px -16px rgba(0,0,0,.45);}
.site-mobile .v3-trust__t{font-family:var(--font-display);font-weight:700;font-size:.98rem;color:var(--navy);margin:0 0 12px;}
.site-mobile .v3-trust ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;}
.site-mobile .v3-trust li{display:flex;align-items:flex-start;gap:10px;font-size:.9rem;color:var(--text);line-height:1.4;}
.site-mobile .v3-trust li b{font-family:var(--font-display);font-weight:700;color:var(--navy);}
.site-mobile .v3-trust .ck{flex:none;width:22px;height:22px;border-radius:999px;background:var(--mm-green);color:#fff;display:flex;align-items:center;justify-content:center;margin-top:1px;animation:ckPulse 1.9s var(--ease) infinite;}
.site-mobile .v3-trust .ck svg{display:block;width:14px;height:14px;color:#fff;stroke-width:3;}
.site-mobile .v3-trust li:nth-child(2) .ck{animation-delay:.32s;}
.site-mobile .v3-trust li:nth-child(3) .ck{animation-delay:.64s;}
@keyframes ckPulse{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(31,157,107,.55);}50%{transform:scale(1.14);box-shadow:0 0 0 7px rgba(31,157,107,0);}}
.site-mobile .v3-bar{display:flex;gap:9px;margin-top:18px;}
.site-mobile .v3-bar a{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;text-decoration:none;border-radius:12px;padding:12px 4px;font-family:var(--font-display);font-weight:600;font-size:.78rem;}
.site-mobile .v3-bar .lbl{display:flex;flex-direction:column;align-items:center;gap:1px;line-height:1.05;}
.site-mobile .v3-bar .lbl em{font-style:normal;font-weight:600;font-size:.6rem;opacity:.68;}
.site-mobile .v3-bar a svg{width:22px;height:22px;}
.site-mobile .v3-bar .b-call{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#fff;}
.site-mobile .v3-bar .b-wa{background:var(--mm-wa);color:#fff;}
.site-mobile .v3-bar .b-offer{background:#fff;color:var(--navy);}
.site-mobile .mm-rise{animation:mmRise .55s var(--ease) both;}
.site-mobile .tws-mmenu__inner > .mm-rise:nth-child(1){animation-delay:.02s;}
.site-mobile .tws-mmenu__inner > .mm-rise:nth-child(2){animation-delay:.09s;}
.site-mobile .tws-mmenu__inner > .mm-rise:nth-child(3){animation-delay:.16s;}
.site-mobile .tws-mmenu__inner > .mm-rise:nth-child(4){animation-delay:.23s;}
.site-mobile .tws-mmenu__inner > .mm-rise:nth-child(5){animation-delay:.30s;}
.site-mobile .tws-mmenu__inner > .mm-rise:nth-child(6){animation-delay:.37s;}
@keyframes mmRise{from{opacity:0;transform:translateY(16px);}to{opacity:1;transform:none;}}
@media (prefers-reduced-motion:reduce){.site-mobile,.site-mobile.is-open{transition:opacity 200ms ease,visibility 0s;clip-path:none;}.site-mobile .mm-rise{animation:none;}.site-mobile .v3-trust .ck{animation:none;}}
@media (min-width:992px){.site-mobile{display:none!important;}}
/* mobile menu close button (X) */
.site-mobile__close{position:absolute;top:calc(env(safe-area-inset-top, 0px) + 14px);right:18px;z-index:3;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid rgba(255,255,255,.28);border-radius:8px;background:rgba(255,255,255,.10);color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background 200ms}
.site-mobile__close:hover{background:rgba(255,255,255,.18)}
@media(min-width:992px){.site-mobile__close{display:none!important}}

body.admin-bar .site-mobile__close{top:calc(env(safe-area-inset-top, 0px) + 58px)}

/* 2026-07-02: grotere hamburger (consistent site-breed) */
.site-header__burger{width:48px;height:48px;}
.site-header__burger svg{width:34px;height:34px;}

/* ===== 2026-07-02 mobiele container-padding: overal ruimer + consistent (Ali) ===== */
@media (max-width: 767px){
  .container{ padding-left:clamp(2rem, 8vw, 2.75rem) !important; padding-right:clamp(2rem, 8vw, 2.75rem) !important; }
}

/* 2026-07-03: pakketprijzen klein in mobiel menu + compacter frame (Ali) */
.site-mobile .v3-pak{gap:2px;padding:6px 4px;}
.site-mobile .v3-pak__price{font-family:var(--font-display);font-weight:600;font-size:.85rem;line-height:1;color:rgba(255,255,255,.68);}
.site-mobile .v3-pak.is-hot .v3-pak__price{color:rgba(27,58,107,.72);}

/* 2026-07-03: Diensten-dropdown in mobiel menu (Ali) */
.site-mobile .v3-sub__t{display:flex;align-items:center;gap:13px;width:100%;background:none;border:0;border-radius:0;cursor:pointer;padding:13px 2px;border-bottom:1px solid var(--mm-hair);color:#fff;text-align:left;-webkit-tap-highlight-color:transparent;}
.site-mobile .v3-sub__t svg.lic{width:20px;height:20px;color:var(--mm-icon);flex:none;}
.site-mobile .v3-sub__t b{flex:1;font-family:var(--font-display);font-weight:600;font-size:1.12rem;color:#fff;}
.site-mobile .v3-sub__t .arr{color:rgba(255,255,255,.4);display:flex;transition:transform 260ms cubic-bezier(.22,1,.36,1);}
.site-mobile .v3-sub__t .arr svg{width:18px;height:18px;}
.site-mobile .v3-sub.is-open .v3-sub__t .arr{transform:rotate(90deg);}
.site-mobile .v3-sub__list{list-style:none;margin:0;padding:0;max-height:0;overflow:hidden;transition:max-height 420ms cubic-bezier(.22,1,.36,1);}
.site-mobile .v3-sub.is-open .v3-sub__list{max-height:640px;}
.site-mobile .v3-sub__list a{display:block;padding:12px 2px 12px 33px;text-decoration:none;font-family:var(--font-display);font-weight:600;font-size:1.12rem;color:rgba(255,255,255,.88);border-bottom:1px solid var(--mm-hair);}.site-mobile .v3-sub__list a{font-size:17.92px!important;}
.site-mobile .v3-sub__list a:active{color:#fff;}

/* 2026-07-03: Summer Sale in mobiel menu (Ali) */
.site-mobile .v3-pak__price s{font-size:.68em;opacity:.6;text-decoration:line-through;margin-right:2px;}
.site-mobile .v3-pak__tag--sale{background:#E8443A;color:#fff;}

/* 2026-07-03: Diensten-pijl omlaag in witte cirkel + prijzen gecentreerd (Ali) */
.site-mobile .v3-nav .v3-sub__t .arr{width:28px;height:28px;flex:none;display:flex;align-items:center;justify-content:center;background:#fff;color:#1B3A6B;border-radius:999px;transform:rotate(90deg);transition:transform 260ms cubic-bezier(.22,1,.36,1);}
.site-mobile .v3-nav .v3-sub__t .arr svg{width:16px;height:16px;}
.site-mobile .v3-sub.is-open .v3-sub__t .arr{transform:rotate(270deg);}
.site-mobile .v3-pak__price{text-align:center;}
.site-mobile .v3-pak__price s{display:block;margin:0 0 1px;}

/* Footer bottom centering lock (all pages, all viewports) */
.site-footer__bottom{justify-content:center!important;align-items:center!important;text-align:center!important;flex-wrap:wrap!important;}
.site-footer__bottom-links{justify-content:center!important;}

/* Footer bottom links 100% bigger */



/* Zomeractie countdown banner on pakket pages */
.tws-sale-cd{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:14px;padding:10px 16px;background:linear-gradient(90deg,#D63A2F,#E8443A);border-radius:10px;color:#fff;font-family:Thicccboi,var(--font-display),sans-serif;font-size:14px;font-weight:600;box-shadow:0 4px 16px rgba(214,58,47,.35);}
.tws-sale-cd__badge{background:rgba(255,255,255,.2);border-radius:6px;padding:3px 10px;font-weight:800;font-size:13px;letter-spacing:.05em;white-space:nowrap;}
.tws-sale-cd__label{opacity:.9;}
.tws-sale-cd__timer{font-family:monospace;font-size:16px;font-weight:800;letter-spacing:.08em;background:rgba(0,0,0,.2);border-radius:6px;padding:2px 10px;}

/* Footer bottom font fix - small and clean */
.site-footer__bottom{font-size:13px!important;}
.site-footer__bottom > *,.site-footer__bottom-links a,.site-footer__bottom-links span{font-size:13px!important;}

/* Samsung Galaxy A13 / narrow screens (360px) - prevent line wraps */
@media screen and (max-width:380px){
  .fn-btn,.fn-btn--whatsapp,.fn-btn--lg{font-size:10.5px!important;letter-spacing:-.02em!important;padding-left:14px!important;padding-right:14px!important;}
  .fn-btn svg{width:16px!important;height:16px!important;margin-right:6px!important;}
  .za-deal__alts{font-size:10.5px!important;}
  .za-deals__note{font-size:9.5px!important;}
}


/* Marquee fix - clean consolidated rules */
.ct-marquee__track{
  animation:ctScroll 22s linear infinite!important;
  will-change:transform;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}
.ct-marquee:hover .ct-marquee__track,
.ct-marquee:focus-within .ct-marquee__track{
  animation-play-state:running!important;
}
@media (pointer:fine){
  .ct-marquee:hover .ct-marquee__track{animation-play-state:paused!important;}
}

/* ---------- TWDS STEPS STAGGER (component) — 1-2-3-4 elk om beurt in beeld ----------
   Geldt voor elke .steps>.step werkwijze-grid (diensten, website-op-maat, pakket-paginas).
   JS-component in twds-chrome.js voegt .steps-in toe wanneer de grid echt in beeld komt. */
@keyframes twsStepIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes twsNumPop{0%{transform:scale(.3);opacity:0}60%{transform:scale(1.15);opacity:1}100%{transform:scale(1);opacity:1}}
.steps .step{opacity:0;}
.steps.steps-in .step{animation:twsStepIn .55s cubic-bezier(.22,1,.36,1) both;}
.steps.steps-in .step .step__num{animation:twsNumPop .5s cubic-bezier(.34,1.56,.64,1) both;}
.steps.steps-in .step:nth-child(1){animation-delay:.1s}
.steps.steps-in .step:nth-child(1) .step__num{animation-delay:.18s}
.steps.steps-in .step:nth-child(2){animation-delay:.38s}
.steps.steps-in .step:nth-child(2) .step__num{animation-delay:.46s}
.steps.steps-in .step:nth-child(3){animation-delay:.66s}
.steps.steps-in .step:nth-child(3) .step__num{animation-delay:.74s}
.steps.steps-in .step:nth-child(4){animation-delay:.94s}
.steps.steps-in .step:nth-child(4) .step__num{animation-delay:1.02s}
/* oude pk-steps num-transition uitschakelen (vervangen door dit component) */
.pk-steps.in .step__num{transition:none!important;}
@media (prefers-reduced-motion:reduce){.steps .step,.steps.steps-in .step,.steps.steps-in .step .step__num{opacity:1!important;animation:none!important;transform:none!important;}}
html.tws-builder .steps .step,html.tws-builder .steps .step .step__num{opacity:1!important;animation:none!important;transform:none!important;}


/* ===== 2026-07-06 second email above footer divider (Ali) ===== */
.site-footer__mail2{text-align:center;margin-top:44px;}
.site-footer__mail2 a{font-family:var(--font-display,inherit);font-size:15px;color:#C6D2E6;text-decoration:none;transition:color 220ms;}
.site-footer__mail2 a:hover{color:#fff;}
.site-footer__mail2 + .site-footer__bottom{margin-top:20px!important;}


/* ===== 2026-07-06 generic buttons: fluid font, never wrap on small phones (Ali) ===== */
@media(max-width:640px){
  .btn{white-space:nowrap;font-size:clamp(12.5px,4vw,15px);padding-left:clamp(14px,4.5vw,28px);padding-right:clamp(14px,4.5vw,28px);}
  .btn svg,.btn i{width:clamp(14px,4vw,18px);height:clamp(14px,4vw,18px);flex:none;}
}