/*
Theme Name: Guifilab Subtitle Studio
Theme URI: https://guifilab.com
Author: Guifilab
Author URI: https://guifilab.com
Description: Custom thema voor Guifilab Subtitle Studio — getrouw aan de Guifi-huisstijl.
Version: 1.1.0
License: Proprietary
Text Domain: gss
*/

/* ── Guifilab Subtitle Studio — getrouw aan Guifi-huisstijl (Figma 1132:5940) ──
   Full-bleed foto-hero (kop linksonder, tweekleurig) · logobalk · sectie-kop links +
   pill-knop rechts · foto-kaarten met caption · 2-koloms dienstenlijst · donkere
   hero/intro/footer · Blauer Neue · monochroom #0e0e10/#fafafa */
@font-face{font-family:"Blauer Neue";src:url(fonts/BlauerNue-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Blauer Neue";src:url(fonts/BlauerNue-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Blauer Neue";src:url(fonts/BlauerNue-SemiBold.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Blauer Neue";src:url(fonts/BlauerNue-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Blauer Neue";src:url(fonts/BlauerNue-ExtraBold.woff2) format("woff2");font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:"Blauer Neue";src:url(fonts/BlauerNue-Heavy.woff2) format("woff2");font-weight:900;font-style:normal;font-display:swap}
:root{
  --ink:#0e0e10; --ink-2:#27272a; --soft:#52525b; --muted:#a1a1aa;
  --bg:#fafafa; --white:#fff; --line:#ececee; --line-2:#e0e0e3;
  --dark:#0e0e10; --accent:#10b981; --accent-2:#0d9488; --grad:linear-gradient(120deg,#15c8a6,#10a37f); --r:18px; --r-lg:26px; --r-pill:64px;
  --head:"Blauer Neue","Inter",-apple-system,BlinkMacSystemFont,sans-serif;
  --body:"Blauer Neue","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --ease:cubic-bezier(.4,0,.2,1);
  --shadow:0 1px 2px rgba(14,14,16,.04),0 14px 34px -14px rgba(14,14,16,.14);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--body);color:var(--ink);background:var(--dark);font-size:17px;
     line-height:1.6;letter-spacing:0;-webkit-font-smoothing:antialiased}
h1,h2,h3,.h{font-family:var(--head);font-weight:800;letter-spacing:0;line-height:1.04;margin:0}
a{color:inherit;text-decoration:none}
::selection{background:#10b981;color:#fff}
:focus-visible{outline:2px solid currentColor;outline-offset:3px;border-radius:6px}
.wrap{max-width:1340px;margin:0 auto;padding:0 56px}
.eyebrow{font-family:var(--head);font-weight:600;font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.ic{stroke:currentColor;stroke-width:1.75;fill:none;stroke-linecap:round;stroke-linejoin:round;display:block}

/* Pill-knop */
.btn{display:inline-flex;align-items:center;gap:11px;white-space:nowrap;padding:8px 8px 8px 22px;border-radius:var(--r-pill);
     font-family:var(--head);font-weight:600;font-size:15.5px;cursor:pointer;border:1px solid rgba(14,14,16,.22);
     background:transparent;color:var(--ink);transition:background .25s var(--ease),color .25s,transform .25s}
.btn .arr{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:#fff;flex:none;transition:transform .3s var(--ease),background .25s,color .25s}
.btn .arr svg{width:16px;height:16px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.btn:hover{background:var(--ink);color:#fff}.btn:hover .arr{background:#fff;color:var(--ink);transform:translateX(3px)}
.btn.dark{border-color:rgba(255,255,255,.28);color:#fff}.btn.dark .arr{background:#fff;color:var(--ink)}
.btn.dark:hover{background:#fff;color:var(--ink)}.btn.dark:hover .arr{background:var(--ink);color:#fff}
.btn.solid{background:var(--ink);color:#fff;border-color:var(--ink)}.btn.solid .arr{background:#fff;color:var(--ink)}
.btn.solid:hover{background:#000;color:#fff}.btn.solid:hover .arr{background:#fff;color:var(--ink);transform:translateX(3px)}
.btn.sm{padding:6px 6px 6px 18px;font-size:14.5px}.btn.sm .arr{width:30px;height:30px}.btn.sm .arr svg{width:14px;height:14px}

/* ── HERO (full-bleed foto, donker) ── */
.hero{position:relative;min-height:760px;color:#fff;border-radius:0 0 var(--r-lg) var(--r-lg);overflow:hidden;
      background:#0b0d0c}
.hero .hero-bg{position:absolute;inset:0;z-index:0;background-size:cover;background-position:center center;background-color:#0b0d0c;
  background-image:
    linear-gradient(90deg,rgba(8,10,9,.94) 0%,rgba(8,10,9,.8) 34%,rgba(8,10,9,.36) 58%,rgba(8,10,9,.22) 100%),
    linear-gradient(0deg,rgba(8,10,9,.72),transparent 42%),
    var(--hero-photo, url(img/hero-pro-hd.jpg));}
.hero-bg:after{content:"";position:absolute;inset:0;opacity:.55;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1px);background-size:5px 5px}
.hero>*{position:relative;z-index:1}
/* nav over hero */
.nav{display:flex;align-items:center;justify-content:space-between;height:108px;gap:32px}
.logo{display:flex;align-items:center;gap:12px;font-family:var(--head);font-weight:800;font-size:18px;white-space:nowrap;flex:none}
.logo .dot{width:38px;height:38px;border-radius:0;background:none;display:grid;place-items:center;flex:none}
.logo .dot svg{width:100%;height:100%;display:block}
.logo .wm{display:flex;flex-direction:column;justify-content:center;line-height:1;gap:4px}
.logo .wm1{font-family:var(--head);font-weight:800;font-size:20px;letter-spacing:0}
.logo .wm2{font-family:var(--head);font-weight:500;font-size:9.5px;letter-spacing:.24em;text-transform:uppercase;color:#a1a1aa}
.navlinks{display:flex;gap:46px;font-family:var(--head);font-weight:500;font-size:16px;color:#e4e4e7;margin:0 auto}
.navlinks a{opacity:.85;transition:opacity .2s}.navlinks a:hover{opacity:1}
/* megamenu 'Meer info' */
.navlinks,.shlinks{align-items:center}
.navdd{position:relative;display:flex;align-items:center}
.navdd-t{display:inline-flex;align-items:center;gap:6px;font-family:var(--head);font-weight:500;font-size:inherit;color:inherit;background:none;border:0;padding:0;margin:0;cursor:pointer;opacity:.85;transition:opacity .2s;line-height:1}
.navdd:hover .navdd-t,.navdd:focus-within .navdd-t{opacity:1}
.shlinks .navdd-t{color:#d4d4d8}.shlinks .navdd:hover .navdd-t{color:#fff}
.navdd-t .cv{width:14px;height:14px;stroke:currentColor;stroke-width:2.2;fill:none;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s var(--ease)}
.navdd:hover .navdd-t .cv,.navdd:focus-within .navdd-t .cv{transform:rotate(180deg)}
.megamenu{position:absolute;top:100%;right:0;margin-top:16px;width:600px;max-width:90vw;
  background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:18px;
  box-shadow:0 34px 80px -24px rgba(0,0,0,.5);padding:16px;
  opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px);
  transition:opacity .22s var(--ease),transform .22s var(--ease);z-index:1000}
.megamenu:before{content:"";position:absolute;left:0;right:0;top:-18px;height:18px}
.navdd:hover .megamenu,.navdd:focus-within .megamenu{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
.mm-grid{display:grid;grid-template-columns:1.3fr .82fr;gap:14px}
.mm-links{display:flex;flex-direction:column;gap:2px}
.mm-links a{display:flex;align-items:center;gap:13px;padding:11px 12px;border-radius:12px;transition:background .18s;opacity:1}
.mm-links a:hover{background:var(--bg)}
.mm-ic{width:38px;height:38px;border-radius:10px;background:var(--bg);border:1px solid var(--line);display:grid;place-items:center;flex:none}
.mm-ic svg{width:19px;height:19px;stroke:var(--ink);stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
.mm-tx{display:flex;flex-direction:column;gap:1px;min-width:0}
.mm-tx b{font-family:var(--head);font-weight:600;font-size:14.5px;color:var(--ink);letter-spacing:0}
.mm-tx i{font-style:normal;font-size:12.5px;color:var(--soft);line-height:1.35}
.mm-cta{position:relative;border-radius:14px;overflow:hidden;display:flex;align-items:flex-end;padding:18px;color:#fff;min-height:210px}
.mm-cta-bg{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .5s var(--ease)}
.mm-cta:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,12,11,0) 26%,rgba(10,12,11,.5) 50%,rgba(10,12,11,.82) 76%,rgba(10,12,11,.95) 100%)}
.mm-cta:hover .mm-cta-bg{transform:scale(1.06)}
.mm-cta-in{position:relative;z-index:1;display:flex;flex-direction:column;gap:5px;text-shadow:0 1px 16px rgba(0,0,0,.6)}
.mm-cta-in .eyebrow{color:#6ee7b7}
.mm-cta-in b{font-family:var(--head);font-weight:700;font-size:18px;line-height:1.12;letter-spacing:0}
.mm-go{display:inline-flex;align-items:center;gap:7px;font-family:var(--head);font-weight:600;font-size:13.5px;margin-top:4px}
.mm-go svg{width:15px;height:15px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:980px){.navdd{display:none}}
@media(max-width:980px){.navlinks{display:none}}
/* hero kop linksonder */
.hero-inner{min-height:760px;display:flex;flex-direction:column}
.hero-copy{margin-top:auto;align-self:flex-start;padding:0 0 96px;max-width:1140px}
.hero h1{font-size:clamp(30px,3.6vw,44px);font-weight:800;letter-spacing:0;line-height:1.05}
.hero h1 .g{color:#6b7280}
.hero .sub{font-size:clamp(15.5px,1.4vw,18px);color:#d4d4d8;max-width:56ch;margin:28px 0 28px;line-height:1.5}
.hero .cta{display:flex;gap:13px;flex-wrap:wrap}
/* logobalk onderaan hero */
.trust{border-top:1px solid rgba(255,255,255,.12);padding:26px 0;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.trust .lbl{font-family:var(--head);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#71717a;margin-right:10px}
.trust b{font-family:var(--head);font-weight:600;font-size:15px;color:#d4d4d8;opacity:.85}
.trust .sep{color:#3f3f46;display:inline-flex;align-items:center;font-size:0;line-height:0}
.trust .sep:before{content:"";width:4px;height:4px;border-radius:50%;background:currentColor}

/* ── INTRO (donker, doorlopend) ── */
.intro{background:radial-gradient(70% 90% at 85% 0%,rgba(0,212,184,.12),transparent 55%),var(--dark);color:#fff;padding:104px 0}
.intro .grid{display:grid;grid-template-columns:1fr 1.15fr;gap:64px;align-items:start}
.intro h2{font-size:clamp(26px,3.4vw,40px);font-weight:800;letter-spacing:0;line-height:1.15;max-width:18ch}
.intro p{color:#a1a1aa;font-size:18px;line-height:1.65;margin:0 0 28px;max-width:60ch}
@media(max-width:860px){.intro .grid{grid-template-columns:1fr;gap:28px}}

/* ── WITTE BODY ── */
.body-wrap{background:var(--bg);color:var(--ink);border-radius:var(--r-lg) var(--r-lg) 0 0;margin-top:-26px;padding-bottom:52px;position:relative}
section{padding:108px 0}
/* sectie-kop: links groot + knop rechts (Guifi-patroon) */
.shead{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:52px}
.shead .l{max-width:680px}
.shead h2{font-size:clamp(30px,4.4vw,54px);margin:14px 0 0}
#diensten .shead .l{max-width:920px}
@media(max-width:760px){.dbr{display:none}}
.shead .desc{color:var(--soft);font-size:18px;margin:14px 0 0}
.shead .btn{flex:none}
@media(max-width:760px){.shead{flex-direction:column;align-items:flex-start}.shead .btn{display:none}}

/* foto-kaarten grid (Guifi "werk") */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.pcard{border-radius:var(--r);overflow:hidden;background:var(--white);border:1px solid var(--line);transition:transform .3s var(--ease),box-shadow .3s}
.pcard:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.pcard .img{aspect-ratio:16/10;position:relative;display:grid;place-items:center;color:#fff;
  background-size:cover;background-position:center;background-color:#161b1a}
.pcard .img:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,14,16,.28),rgba(14,14,16,.72))}
.pcard .img>*{position:relative}
.pcard .img .ph{position:absolute;top:13px;left:13px;font-family:var(--head);font-weight:700;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:#fff;background:rgba(10,12,11,.55);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2);padding:4px 9px;border-radius:64px}
.pcard .meta{padding:22px 24px 26px}
.pcard .tag{font-family:var(--head);font-weight:600;font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.pcard h3{font-size:21px;margin:8px 0 7px}
.pcard p{color:var(--soft);font-size:15px;margin:0}
.cards.two{grid-template-columns:repeat(2,1fr);margin-top:22px}
.cards.two .pcard .img{aspect-ratio:21/9}
@media(max-width:880px){.cards,.cards.two{grid-template-columns:1fr}}

/* 2-koloms dienstenlijst */
.svc{display:grid;grid-template-columns:1fr 1fr;gap:0 64px}
.svc .item{padding:26px 0;border-top:1px solid var(--line-2)}
.svc .item h3{font-size:19px;margin:0 0 7px;display:flex;align-items:center;gap:10px}
.svc .item h3 .ic{width:20px;height:20px;color:var(--ink)}
.svc .item p{color:var(--soft);font-size:15px;margin:0}
@media(max-width:760px){.svc{grid-template-columns:1fr;gap:0}}

/* prijzen */
.alt{background:var(--white);border-block:1px solid var(--line)}
.prices{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.price{border:1px solid var(--line-2);border-radius:var(--r-lg);padding:34px;display:flex;flex-direction:column;background:var(--bg);transition:transform .3s}
.price:hover{transform:translateY(-4px)}
.price.pop{background:var(--ink);color:#fff;border-color:var(--ink);box-shadow:0 30px 60px -22px rgba(14,14,16,.4)}
.ptier{display:flex;align-items:center;gap:10px;font-family:var(--head);font-weight:700;font-size:14px;letter-spacing:.06em;text-transform:uppercase}
.ptag{font-size:11px;font-weight:600;border:1px solid currentColor;border-radius:20px;padding:2px 10px;opacity:.8}
.amt{font-family:var(--head);font-weight:900;font-size:50px;letter-spacing:0;margin:16px 0 2px;font-variant-numeric:tabular-nums}
.amt small{font-size:16px;font-weight:500;color:var(--muted)}.price.pop .amt small{color:#a1a1aa}
.pdesc{font-size:15px;color:var(--soft);min-height:44px}.price.pop .pdesc{color:#d4d4d8}
.feats{list-style:none;padding:0;margin:22px 0;display:grid;gap:12px}
.feats li{font-size:15px;display:flex;gap:11px;align-items:flex-start;color:var(--ink-2)}.price.pop .feats li{color:#e4e4e7}
.feats .ic{width:19px;height:19px;flex:none;margin-top:1px;color:var(--accent)}.price.pop .feats .ic{color:#fff}
.feats li.no{color:var(--muted)}.feats li.no .ic{color:var(--line-2)}.price.pop .feats li.no{color:#52525b}
.price .btn{margin-top:auto;justify-content:space-between;width:100%}

/* talen */
.langs{display:flex;gap:11px;flex-wrap:wrap}
.lang{border:1px solid var(--line-2);background:var(--white);border-radius:var(--r-pill);padding:10px 22px;font-family:var(--head);font-weight:500;font-size:15px;transition:transform .2s}
.lang:hover{transform:translateY(-2px)}.lang.star{background:var(--ink);color:#fff;border-color:var(--ink)}

/* faq */
details{border:1px solid var(--line);border-radius:var(--r);margin-bottom:12px;background:var(--white);overflow:hidden}
summary{cursor:pointer;font-family:var(--head);font-weight:600;font-size:18px;padding:22px 26px;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px}
summary .pm{width:22px;height:22px;flex:none;position:relative}
summary .pm:before,summary .pm:after{content:"";position:absolute;background:var(--soft);top:50%;left:50%;transform:translate(-50%,-50%);border-radius:2px}
summary .pm:before{width:12px;height:1.8px}summary .pm:after{width:1.8px;height:12px;transition:opacity .3s}
details[open] summary .pm:after{opacity:0}
details p{margin:0;padding:0 26px 24px;color:var(--soft);font-size:16px}
.faqgrid{display:grid;grid-template-columns:.82fr 1.22fr;gap:60px;align-items:start}
.faq-intro{position:sticky;top:120px}
.faq-intro h2{font-size:clamp(28px,3.2vw,40px);line-height:1.06;margin:14px 0 18px}
.faq-intro p{color:var(--soft);font-size:16px;line-height:1.62;margin:0 0 28px;max-width:40ch}
.faq-list{min-width:0}
@media(max-width:860px){.faqgrid{grid-template-columns:1fr;gap:30px}.faq-intro{position:static}.faq-intro br{display:none}}

/* ── FOOTER ── */
footer{background:linear-gradient(180deg,rgba(7,223,32,0) 0%,rgba(0,0,0,.20) 100%),#111;color:#a1a1aa;padding:104px 0 46px;border-radius:var(--r-lg) var(--r-lg) 0 0;margin-top:-26px;position:relative;overflow:hidden}
.foot-top{display:grid;grid-template-columns:0.8fr 1.7fr;gap:50px;align-items:start;padding-bottom:64px;border-bottom:1px solid rgba(255,255,255,.1)}
.foot-top h2{color:#fff;font-family:var(--head);font-size:clamp(18px,1.7vw,23px);font-weight:500;letter-spacing:0;line-height:1.28;max-width:26ch;margin-bottom:26px}
.fcols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}
.fcol h4{font-family:var(--head);font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:#71717a;margin:0 0 16px}
.fcol a{display:block;font-family:var(--head);font-size:15px;color:#d4d4d8;margin-bottom:11px;transition:color .2s}.fcol a:hover{color:#fff}
.foot-bot{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;padding-top:30px;font-size:13.5px;color:#71717a}
@media(max-width:860px){.foot-top{grid-template-columns:1fr;gap:34px}.fcols{grid-template-columns:repeat(2,1fr);gap:30px 22px}}

.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){*{transition:none!important}.reveal{opacity:1;transform:none}}
@media(max-width:760px){.wrap{padding:0 24px}section{padding:78px 0}}

/* reviews */
.reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.rev{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--white);padding:28px;display:flex;flex-direction:column;transition:transform .3s var(--ease),box-shadow .3s}
.rev:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.rev .stars{display:flex;gap:3px;margin-bottom:14px}
.rev .stars svg{width:17px;height:17px;fill:#f5a524;stroke:none}
.rev .stars svg.e{fill:#e0e0e3}
.rev .q{font-size:16px;color:var(--ink-2);line-height:1.65;margin:0 0 22px}
.rev .who{display:flex;align-items:center;gap:12px;margin-top:auto}
.rev .av{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#2b3a34,#0e0e10);color:#fff;display:grid;place-items:center;font-family:var(--head);font-weight:700;font-size:15px;flex:none}
.rev .nm{font-family:var(--head);font-weight:700;font-size:15px}
.rev .role{color:var(--muted);font-size:13px}
@media(max-width:820px){.reviews{grid-template-columns:1fr}}

/* roadmap */
.rmtrack{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;position:relative;margin-top:8px}
.rmtrack:before{content:"";position:absolute;top:7px;left:8px;right:8px;height:2px;background:linear-gradient(90deg,var(--accent),var(--line) 65%)}
.rmstep{position:relative;padding-top:34px}
.rmstep:before{content:"";position:absolute;top:0;left:0;width:16px;height:16px;border-radius:50%;background:var(--white);border:2px solid var(--line-2);box-shadow:0 0 0 5px var(--bg)}
.rmstep.now:before{background:var(--accent);border-color:var(--accent)}
.rmphase{font-family:var(--head);font-weight:700;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:14px}
.rmstep.now .rmphase{color:var(--accent-2)}
.rmstep ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.rmstep li{font-family:var(--head);font-weight:500;font-size:14.5px;color:var(--ink-2);line-height:1.35}
@media(max-width:820px){.rmtrack{grid-template-columns:1fr 1fr;gap:32px 28px}.rmtrack:before{display:none}.rmstep{padding-top:30px}}
@media(max-width:520px){.rmtrack{grid-template-columns:1fr}}
@media(max-width:760px){#roadmap .rmtrack{display:none}#roadmap .shead .btn{display:inline-flex}}

/* promo balk */
.promo{background:#0e0e10;color:#fff;padding:14px 20px;font-family:var(--head);
       display:flex;gap:20px;justify-content:center;align-items:center;flex-wrap:wrap;border-bottom:1px solid rgba(255,255,255,.1)}
.promo .ptxt{font-size:16px;font-weight:600;letter-spacing:0}
.promo .ptxt b{font-weight:800}
.promo .ptimer{font-size:14px;color:rgba(255,255,255,.85);display:inline-flex;align-items:center;gap:9px;font-weight:500}
.promo .cd{font-variant-numeric:tabular-nums;font-weight:800;font-size:15.5px;color:#fff;background:rgba(255,255,255,.1);
           border:1px solid rgba(255,255,255,.22);border-radius:9px;padding:5px 12px;letter-spacing:.08em}
.promo .pbtn{font-family:var(--head);font-weight:800;font-size:14px;background:#fff;color:#0e0e10;
             border-radius:64px;padding:9px 20px;display:inline-flex;align-items:center;gap:7px;transition:transform .2s var(--ease),box-shadow .2s}
.promo .pbtn:hover{transform:translateY(-1px);box-shadow:0 8px 20px -6px rgba(255,255,255,.3)}
@media(max-width:680px){.promo{gap:11px;padding:12px 14px}.promo .ptxt{font-size:14px}}
.amt .was{font-size:24px;font-weight:600;color:var(--muted);text-decoration:line-through;margin-right:8px;letter-spacing:0}
.price.pop .amt .was{color:#71717a}
.save{align-self:flex-start;display:inline-flex;align-items:center;gap:7px;font-family:var(--head);font-weight:800;font-size:11.5px;
      letter-spacing:.07em;text-transform:uppercase;color:#06241c;
      background:linear-gradient(135deg,#5fe6c4,#10b981);border-radius:999px;padding:6px 14px 6px 12px;margin:4px 0 14px;
      box-shadow:0 4px 18px -5px rgba(16,185,129,.6)}
.save::before{content:"";width:5px;height:5px;border-radius:50%;background:#06241c;opacity:.55;flex:none}
.ai-note{margin-top:30px;border:1px solid var(--line-2);background:var(--white);border-radius:14px;
         padding:18px 22px;display:flex;gap:14px;align-items:flex-start;font-size:14px;color:var(--soft);line-height:1.55}
.ai-note .ic{width:22px;height:22px;flex:none;color:var(--ink);margin-top:1px}
.ai-note b{color:var(--ink)}
.videosec{padding:72px 0 0}
.makers-sec{padding:80px 0 16px}
.makers-sec + section{padding-top:72px}
.vhead{text-align:center;max-width:640px;margin:0 auto 44px}
.vhead h2{font-size:clamp(30px,4.4vw,54px);margin:14px 0}
.vhead p{color:var(--soft);font-size:18px;margin:0}
.player{position:relative;max-width:1000px;margin:0 auto;aspect-ratio:16/9;border-radius:var(--r-lg);overflow:hidden;cursor:pointer;
  background:#0e0e10 url(img/creator-filmmaker.jpg) center/cover;border:1px solid var(--line);box-shadow:var(--shadow);display:grid;place-items:center;transition:transform .35s var(--ease)}
.player:hover{transform:translateY(-4px)}
.player:after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(14,14,16,.5),rgba(14,14,16,.62))}
.player .play{position:relative;width:86px;height:86px;border-radius:50%;background:rgba(255,255,255,.16);backdrop-filter:blur(6px);
  display:grid;place-items:center;border:1px solid rgba(255,255,255,.28);transition:transform .3s var(--ease)}
.player:hover .play{transform:scale(1.07)}
.player .play svg{width:30px;height:30px;fill:#fff;margin-left:4px}
.player .vlabel{position:absolute;bottom:18px;left:20px;font-family:var(--head);font-weight:600;font-size:13px;color:#fff;background:rgba(0,0,0,.4);border-radius:20px;padding:5px 14px}

/* makers */
.makers{background:radial-gradient(70% 110% at 82% 0%,rgba(16,185,129,.20),transparent 55%),var(--ink);color:#fff;border-radius:var(--r-lg);padding:64px 54px;display:grid;grid-template-columns:1fr 1.1fr;gap:54px;align-items:center;box-shadow:var(--shadow)}
.makers h2{font-size:clamp(28px,3.6vw,46px);color:#fff;letter-spacing:0}
.makers p{font-size:18px;line-height:1.65;color:rgba(255,255,255,.92);margin:0 0 24px}
.makers .btn.dark{border-color:rgba(255,255,255,.5)}
@media(max-width:820px){.makers{grid-template-columns:1fr;gap:24px;padding:44px 30px}}

/* floating mail help */
.aihelp{position:fixed;right:22px;bottom:22px;z-index:700;display:inline-flex;align-items:center;gap:10px;
  background:var(--ink);color:#fff;border:1px solid rgba(16,185,129,.4);border-radius:64px;padding:13px 20px;font-family:var(--head);font-weight:700;font-size:15px;
  cursor:pointer;box-shadow:0 16px 40px -12px rgba(16,185,129,.45);transition:transform .2s var(--ease)}
.aihelp:hover{transform:translateY(-2px)}
.aihelp svg{width:21px;height:21px;stroke:#fff;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}

/* cookiebar — centered modal */
.cb-overlay{position:fixed;inset:0;z-index:1198;background:rgba(0,0,0,.6);backdrop-filter:blur(5px);opacity:0;transition:opacity .35s;pointer-events:none}
.cb-overlay.show{opacity:1;pointer-events:auto}
.cb-overlay[hidden]{display:none}
.cookiebar{position:fixed;top:50%;left:50%;transform:translate(-50%,-46%);z-index:1200;width:min(520px,calc(100vw - 32px));
  background:#0e0f12;border:1px solid rgba(255,255,255,.08);border-radius:24px;
  box-shadow:0 40px 100px -20px rgba(0,0,0,.9),0 0 0 1px rgba(255,255,255,.04);
  padding:36px 36px 28px;color:#e9eaec;opacity:0;transition:opacity .35s,transform .35s}
.cookiebar.show{opacity:1;transform:translate(-50%,-50%)}
.cookiebar[hidden]{display:none}
.cb-brand{display:flex;align-items:center;gap:10px;margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.07)}
.cb-brand svg{width:28px;height:28px;flex-shrink:0}
.cb-brand-name{font-family:var(--head);font-weight:800;font-size:13px;color:#fff;letter-spacing:.01em}
.cb-brand-sub{font-size:11px;color:var(--accent);font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.cookiebar .cb-x{position:absolute;top:18px;right:18px;width:34px;height:34px;border-radius:50%;border:0;cursor:pointer;background:rgba(255,255,255,.07);color:#9ca3af;display:grid;place-items:center;font-size:15px;transition:background .2s}
.cookiebar .cb-x:hover{background:rgba(255,255,255,.14);color:#fff}
.cookiebar h3{font-family:var(--head);font-weight:800;font-size:24px;line-height:1.1;margin:0 0 10px;color:#fff}
.cookiebar h3 .g{color:var(--accent)}
.cookiebar p{color:#9ca3af;font-size:14px;line-height:1.6;margin:0 0 24px}
.cb-acts{display:flex;flex-direction:column;gap:10px}
.cb-btn{font-family:var(--head);font-weight:700;font-size:15px;border-radius:var(--r-pill);padding:14px 20px;cursor:pointer;border:1px solid transparent;text-align:center;transition:transform .15s,background .2s,box-shadow .2s;letter-spacing:.01em}
.cb-btn:hover{transform:translateY(-1px)}
.cb-accept{background:var(--accent);color:#06241c;border-color:var(--accent);box-shadow:0 4px 20px -4px rgba(83,210,165,.4)}.cb-accept:hover{background:#15c8a6;box-shadow:0 6px 24px -4px rgba(83,210,165,.55)}
.cb-row{display:flex;gap:10px}.cb-row .cb-btn{flex:1}
.cb-ghost{background:rgba(255,255,255,.04);color:#d4d4d8;border-color:rgba(255,255,255,.12)}.cb-ghost:hover{background:rgba(255,255,255,.09)}
.cb-links{margin-top:18px;text-align:center;font-size:12px;color:#6b7280}
.cb-links a{color:#6b7280;margin:0 8px;text-decoration:underline;text-underline-offset:2px}.cb-links a:hover{color:#9ca3af}
.cb-links .cb-dot{margin:0 2px}
@media(max-width:560px){.cookiebar{padding:24px;border-radius:20px}.cb-brand{margin-bottom:16px;padding-bottom:14px}}

/* totop */
.totop{position:fixed;right:22px;bottom:90px;z-index:680;width:56px;height:50px;border-radius:13px;
  border:1px solid rgba(255,255,255,.16);background:rgba(20,22,26,.85);color:#fff;cursor:pointer;
  display:grid;place-items:center;opacity:0;pointer-events:none;transform:translateY(10px);
  transition:opacity .3s,transform .3s,background .2s,color .2s;backdrop-filter:blur(6px)}
.totop.show{opacity:1;pointer-events:auto;transform:none}
.totop:hover{background:var(--accent);color:#06241c;border-color:var(--accent)}
.totop svg{width:32px;height:28px;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}
.totop svg text{font-family:var(--head);font-weight:800;fill:currentColor;stroke:none}
@media(max-width:600px){.totop{display:none}}
@media(max-width:600px){.aihelp span{display:none}.aihelp{padding:14px}}

/* mobiele bottom-nav */
.mobilebar{display:none}
@media(max-width:880px){
  .mobilebar{display:flex;position:fixed;left:12px;right:12px;bottom:12px;z-index:800;
    background:rgba(14,14,16,.94);backdrop-filter:saturate(160%) blur(16px);border:1px solid rgba(255,255,255,.12);
    border-radius:22px;padding:7px;justify-content:space-between;align-items:stretch;gap:4px;
    box-shadow:0 18px 44px rgba(0,0,0,.45);transform:translateY(150%);transition:transform .4s var(--ease)}
  .mobilebar.show{transform:none}
  .mobilebar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#d4d4d8;
    font-family:var(--head);font-size:10.5px;font-weight:600;padding:8px 6px;border-radius:16px;flex:1;text-decoration:none}
  .mobilebar a svg{width:21px;height:21px;stroke:currentColor;stroke-width:1.85;fill:none;stroke-linecap:round;stroke-linejoin:round}
  .mobilebar a:active{background:rgba(255,255,255,.06)}
  .mobilebar a.mb-cta{background:var(--grad);color:#fff}
  .mobilebar a.mb-cta svg{stroke-width:2.4}
  .aihelp{display:none}
  body{padding-bottom:88px}
}

/* responsive */
@media(max-width:680px){
  html,body{overflow-x:hidden;max-width:100vw}
  .wrap{padding:0 20px}
  .nav{height:70px;gap:10px}
  .logo{font-size:14px;gap:8px}
  .logo .dot{width:28px;height:28px}
  .promo{padding:10px 14px;gap:7px}
  .promo .ptxt{font-size:12.5px}.promo .cd{font-size:13px;padding:4px 9px}
  .promo .pbtn{font-size:12.5px;padding:7px 14px}.promo .ptimer{font-size:11.5px}
  .hero{min-height:auto;border-radius:0 0 18px 18px}
  .hero-copy{padding:34px 0;max-width:100%}
  .hero h1{font-size:clamp(34px,10vw,46px)}
  .hero .sub{font-size:16px;max-width:100%}
  .cta{flex-direction:column;align-items:stretch;width:100%}
  .cta .btn{width:100%;justify-content:space-between}
  .trust{gap:6px;padding:20px 0}.trust b,.trust .lbl{font-size:12.5px}
  section{padding:58px 0}
  .shead{flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:32px}
  .shead h2,.intro h2,.makers h2,.vhead h2{font-size:28px}
  .steps,.cards,.cards.two,.prices,.reviews,.svc{grid-template-columns:1fr!important}
  .intro .grid,.makers{grid-template-columns:1fr!important;gap:22px}
  .price{padding:28px}
  summary{font-size:16px;padding:18px 18px}details p{padding:0 18px 20px;font-size:15px}
}
@media(max-width:680px){
  html,body{overflow-x:hidden!important;width:100%!important;max-width:100%!important}
  .hero,.intro,.body-wrap,section,footer,.promo{max-width:100%!important;overflow-x:clip}
  .wrap{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;padding-left:20px!important;padding-right:20px!important;box-sizing:border-box}
}

/* micro-animaties */
.pcard .img{transition:transform .55s var(--ease)}
.pcard:hover .img{transform:scale(1.045)}
@keyframes fadeUp{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
.hero-copy>*{animation:fadeUp .85s var(--ease) both}
.hero-copy .eyebrow{animation-delay:.04s}
.hero-copy h1{animation-delay:.12s}
.hero-copy .sub{animation-delay:.24s}
.hero-copy .cta{animation-delay:.36s}
.navlinks a{position:relative}
.navlinks a::after{content:"";position:absolute;left:0;right:100%;bottom:-5px;height:2px;background:var(--accent);border-radius:2px;transition:right .28s var(--ease)}
.navlinks a:hover::after{right:0}
.lang{transition:transform .2s var(--ease),border-color .2s}
.lang:hover{border-color:var(--accent)}
@media(prefers-reduced-motion:reduce){.hero-copy>*{animation:none}.pcard:hover .img{transform:none}}

/* slide-in animaties */
.reveal-l{opacity:0;transform:translateX(-46px);transition:opacity .75s var(--ease),transform .75s var(--ease)}
.reveal-r{opacity:0;transform:translateX(46px);transition:opacity .75s var(--ease),transform .75s var(--ease)}
.reveal-l.in,.reveal-r.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.reveal-l,.reveal-r{opacity:1;transform:none}}

/* taalswitch */
.langsw{display:flex;gap:7px;align-items:center}
.langsw .fl{font-size:19px;line-height:1;cursor:pointer;opacity:.55;filter:grayscale(.35);transition:opacity .2s,filter .2s,transform .2s;text-decoration:none}
.langsw .fl.active{opacity:1;filter:none}
.langsw .fl:hover{opacity:1;filter:none;transform:translateY(-1px)}
.navrt{display:flex;align-items:center;gap:12px}
.sh-account{display:inline-flex;align-items:center;gap:6px;font-family:var(--head);font-size:13.5px;font-weight:600;color:var(--ink);text-decoration:none;padding:6px 12px;border-radius:var(--r-pill);border:1.5px solid var(--line-2);background:#fff;transition:border-color .18s,color .18s;white-space:nowrap}
.sh-account:hover{border-color:var(--ink)}
.sh-account svg{width:16px;height:16px;stroke:currentColor;stroke-width:1.75;fill:none;stroke-linecap:round;stroke-linejoin:round;flex:none}
@media(max-width:860px){.sh-account span{display:none}}
@media(max-width:980px){.langsw{order:2}}

/* sticky header */
.stickyhead{position:fixed;top:0;left:0;right:0;z-index:900;display:flex;align-items:center;justify-content:space-between;
  padding:13px max(24px,calc((100% - 1228px) / 2));background:rgba(12,12,14,.92);backdrop-filter:saturate(160%) blur(18px);
  border-bottom:1px solid rgba(255,255,255,.1);transform:translateY(-101%);transition:transform .42s var(--ease)}
.stickyhead.show{transform:none}
/* Op alle niet-homepage pagina's altijd direct zichtbaar */
body:not(.home) .stickyhead{transform:none}
.stickyhead .logo{font-size:16px;color:#fff}
.stickyhead .logo .dot{width:30px;height:30px}
.shlinks{display:flex;gap:36px;font-family:var(--head);font-weight:500;font-size:15px;margin:0 auto}
.shlinks a{color:#d4d4d8;transition:color .2s;position:relative}.shlinks a:hover{color:#fff}
.shcta{display:inline-flex;align-items:center;gap:9px;font-family:var(--head);font-weight:700;font-size:14.5px;
  background:var(--grad);color:#fff;border-radius:64px;padding:9px 8px 9px 20px;flex:none;transition:transform .2s var(--ease),box-shadow .2s}
.shcta:hover{transform:translateY(-1px);box-shadow:0 10px 26px -8px rgba(16,185,129,.6)}
.shcta .arr{width:30px;height:30px;border-radius:50%;background:#fff;color:var(--ink);display:grid;place-items:center}
.shcta .arr svg{width:14px;height:14px;stroke:currentColor;stroke-width:2.2;fill:none;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:980px){.shlinks{display:none}}
@media(max-width:880px){.stickyhead{display:none}}

/* accent */
.price.pop{background:linear-gradient(160deg,#13201c,#0e0e10);border-color:#21302b}
.ptag{border-color:rgba(63,217,182,.5)!important;color:#7fe9cd!important;background:rgba(16,185,129,.12);opacity:1;font-weight:700}
.logo .dot{background:none!important}
.navlinks a:hover{color:#fff}

/* SEO content-pagina's */
.subhero{background:var(--dark);color:#fff;border-radius:0 0 var(--r-lg) var(--r-lg);position:relative;overflow:visible}
.subhero:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(90% 80% at 85% -20%,rgba(60,90,80,.3),transparent 55%)}
.subhero>*{position:relative}
.subhero .megamenu{color:var(--ink)}
.crumb{display:flex;gap:8px;font-family:var(--head);font-size:13px;color:#a1a1aa;padding-top:6px}
.crumb a{color:#a1a1aa}.crumb a:hover{color:#fff}.crumb .sepc{color:#52525b}
.subhero .sh{padding:34px 0 66px;max-width:840px}
.subhero h1{font-size:clamp(34px,5vw,60px);font-weight:900;letter-spacing:0;line-height:1.05}
.subhero .lead{font-size:clamp(17px,1.8vw,20px);color:#d4d4d8;margin:22px 0 28px;line-height:1.55;max-width:62ch}
.prose{max-width:none;margin:0 auto}
.prose .block{padding:46px 0;border-top:1px solid var(--line)}
.prose .block:first-child{border-top:none;padding-top:0}
.prose h2{font-size:clamp(25px,3.2vw,36px);margin:0 0 16px;letter-spacing:0}
.prose h3{font-size:19px;margin:24px 0 8px}
.prose p{color:var(--ink-2);font-size:17px;line-height:1.7;margin:0 0 18px}
.prose ul{margin:0 0 20px;padding:0;list-style:none;display:grid;gap:10px}
.prose ul li{display:flex;gap:11px;color:var(--ink-2);font-size:16px}
.prose ul li:before{content:"→";font-family:var(--head);color:var(--ink);flex:none}

/* ── WooCommerce ─────────────────────────────────────────────────────────────── */
.wc-main{min-height:70vh;padding:100px 0 80px;background:var(--bg)}
.wc-wrap{max-width:860px}
/* Paginatitel boven de WC-content */
.wc-page-title,.wc-main .woocommerce>h1:first-child,.wc-main .woocommerce-account>h1:first-child{font-family:var(--head);font-size:clamp(28px,4vw,44px);font-weight:800;margin:0 0 28px;color:var(--ink)}
/* WC-pagina achtergrond wit houden */
body.woocommerce-account,body.woocommerce-cart,body.woocommerce-checkout{background:var(--bg)}

/* Form-basis */
.woocommerce form .form-row label,.woocommerce-page form .form-row label{font-family:var(--body);font-size:14px;font-weight:600;color:var(--ink);margin-bottom:5px;display:block}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select{font-family:var(--body);font-size:15px;border:1.5px solid var(--line-2);border-radius:10px;padding:10px 14px;width:100%;background:#fff;color:var(--ink);outline:none;transition:border-color .2s}
.woocommerce form .form-row input.input-text:focus,.woocommerce form .form-row textarea:focus{border-color:var(--accent)}
.woocommerce form .form-row.woocommerce-invalid input.input-text{border-color:#ef4444}

/* Knoppen */
.woocommerce #respond input#submit,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,
.woocommerce-page a.button,.woocommerce-page button.button,.woocommerce-page input.button{font-family:var(--head);font-size:15px;font-weight:700;background:var(--ink);color:#fff;border:none;border-radius:var(--r-pill);padding:11px 24px;cursor:pointer;transition:background .18s;text-decoration:none;display:inline-block}
.woocommerce #respond input#submit:hover,.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,
.woocommerce-page a.button:hover,.woocommerce-page button.button:hover,.woocommerce-page input.button:hover{background:var(--ink-2)}
.woocommerce #respond input#submit.alt,.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt{background:var(--accent);color:#fff}
.woocommerce #respond input#submit.alt:hover,.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,.woocommerce input.button.alt:hover{background:var(--accent-2)}

/* Cart */
.woocommerce table.shop_table{border-collapse:collapse;width:100%;font-family:var(--body)}
.woocommerce table.shop_table th{font-family:var(--head);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:12px 16px;border-bottom:2px solid var(--line);color:var(--soft)}
.woocommerce table.shop_table td{padding:16px;border-bottom:1px solid var(--line);vertical-align:middle;font-size:15px}
.woocommerce .cart-collaterals .cart_totals{background:var(--bg);border:1.5px solid var(--line);border-radius:var(--r);padding:28px}
.woocommerce .cart-collaterals .cart_totals h2{font-family:var(--head);font-size:20px;margin-bottom:16px}
/* Coupon form: input + knop naast elkaar */
.woocommerce .coupon{display:flex;align-items:center;gap:0;max-width:380px}
.woocommerce .coupon label{display:none}
.woocommerce .coupon input.input-text{
  flex:1;min-width:0;height:44px;
  border:1.5px solid var(--line-2);border-right:none!important;
  border-radius:var(--r-pill) 0 0 var(--r-pill)!important;
  padding:0 16px;font-size:14px;font-family:var(--body);color:var(--ink);
  background:#fff;-webkit-appearance:none;appearance:none}
.woocommerce .coupon input.input-text:focus{outline:none;border-color:var(--accent)}
.woocommerce .coupon .button{
  height:44px;padding:0 20px;flex:none;
  border-radius:0 var(--r-pill) var(--r-pill) 0!important;
  font-size:14px;white-space:nowrap;line-height:44px}
/* Cart actions balk: coupon links, bijwerken rechts */
.woocommerce-cart table.cart td.actions{padding-top:20px;padding-bottom:24px}
.woocommerce-cart .actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
/* Winkelwagen bijwerken: secondary stijl */
.woocommerce-cart .actions button[name="update_cart"]{
  background:transparent!important;color:var(--soft)!important;
  border:1.5px solid var(--line-2)!important;font-size:13.5px!important;
  padding:9px 18px!important;font-weight:600!important;
  border-radius:var(--r-pill)!important}
.woocommerce-cart .actions button[name="update_cart"]:hover{
  background:var(--line)!important;color:var(--ink)!important}

/* Checkout */
.woocommerce-checkout .col2-set{display:grid;grid-template-columns:1fr 1fr;gap:40px}
@media(max-width:640px){.woocommerce-checkout .col2-set{grid-template-columns:1fr}}
.woocommerce-checkout #order_review_heading{font-family:var(--head);font-size:20px;margin:0 0 16px}
.woocommerce #payment{background:var(--bg);border:1.5px solid var(--line);border-radius:var(--r);padding:24px}
.woocommerce #payment .payment_methods{list-style:none;padding:0;margin:0 0 20px;display:grid;gap:10px}
.woocommerce #payment .payment_methods li{border:1.5px solid var(--line);border-radius:10px;padding:14px 16px;cursor:pointer;transition:border-color .18s}
.woocommerce #payment .payment_methods li:has(input:checked){border-color:var(--accent);background:#f0fdf4}
.woocommerce #payment div.payment_box{background:#f4f4f5;border-radius:8px;padding:14px;margin-top:10px;font-size:14px}
.woocommerce-checkout-payment #place_order{width:100%;font-size:17px;padding:15px 24px;margin-top:16px}

/* My account — navigatie */
.woocommerce-MyAccount-navigation{margin-bottom:32px;overflow-x:auto;-webkit-overflow-scrolling:touch}
.woocommerce-MyAccount-navigation ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
/* Kill alle pseudo-element pijltjes (WC default + eventuele plugin-overrides) */
.woocommerce-MyAccount-navigation ul li::before,.woocommerce-MyAccount-navigation ul li:before{content:none!important;display:none!important}
.woocommerce-MyAccount-navigation ul li{padding:0;margin:0}
.woocommerce-MyAccount-navigation ul li a{font-family:var(--head);font-size:13.5px;font-weight:600;padding:7px 16px;border:1.5px solid var(--line-2);border-radius:var(--r-pill);color:var(--soft);text-decoration:none;display:block;transition:border-color .18s,color .18s,background .18s;white-space:nowrap}
.woocommerce-MyAccount-navigation ul li a:hover{border-color:var(--ink);color:var(--ink)}
.woocommerce-MyAccount-navigation ul li.is-active a,.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--active a{border-color:var(--ink);background:var(--ink);color:#fff}
/* Content-gebied */
.woocommerce-MyAccount-content h2{font-family:var(--head);font-size:26px;font-weight:800;margin:0 0 24px;color:var(--ink)}
.woocommerce-MyAccount-content fieldset{border:1.5px solid var(--line);border-radius:var(--r);padding:24px;margin:24px 0 0}
.woocommerce-MyAccount-content fieldset legend{font-family:var(--head);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--soft);padding:0 8px}
.woocommerce-MyAccount-content p.woocommerce-form-row{margin-bottom:18px}
.woocommerce-MyAccount-content .woocommerce-form-row label{font-size:13.5px;font-weight:600;color:var(--soft);display:block;margin-bottom:5px}
.woocommerce-MyAccount-content .woocommerce-form-row input{font-family:var(--body);font-size:15px;border:1.5px solid var(--line-2);border-radius:10px;padding:10px 14px;width:100%;background:#fff;color:var(--ink);outline:none;transition:border-color .2s;-webkit-appearance:none}
.woocommerce-MyAccount-content .woocommerce-form-row input:focus{border-color:var(--accent)}
/* Password strength bar */
.woocommerce-MyAccount-content .woocommerce-password-strength{font-size:13px;border-radius:6px;padding:6px 12px;margin-top:6px;border:none}
/* ── Mijn gegevens formulier (gss-account-form) ──────────────────────────── */
.wc-acc-title{font-family:var(--head);font-size:clamp(24px,3vw,36px);font-weight:800;margin:0 0 28px;color:var(--ink)}
.gss-account-form{max-width:640px}
.gss-form-row{display:grid;gap:16px}
.gss-form-row--half{grid-template-columns:1fr 1fr}
.gss-field{margin-bottom:18px}
.gss-field label{display:block;font-size:13px;font-weight:600;color:var(--soft);margin-bottom:6px;letter-spacing:.01em}
.gss-field .req{color:var(--accent)}
.gss-field input{width:100%;font-family:var(--body);font-size:15px;border:1.5px solid var(--line-2);border-radius:10px;padding:11px 14px;background:#fff;color:var(--ink);outline:none;transition:border-color .2s;-webkit-appearance:none;box-sizing:border-box}
.gss-field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(83,210,165,.12)}
.gss-field-note{display:block;font-size:12px;color:var(--muted);margin-top:5px}
.gss-pw-section{border:1.5px solid var(--line);border-radius:var(--r);padding:24px;margin:8px 0 24px}
.gss-pw-legend{font-family:var(--head);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--soft);margin-bottom:4px}
.gss-pw-note{font-size:12px;color:var(--muted);margin:0 0 18px}
.gss-form-actions{margin-top:4px}
.gss-form-actions .btn{font-family:var(--head);font-weight:700;font-size:15px;padding:13px 28px;border-radius:var(--r-pill);background:var(--ink);color:#fff;border:none;cursor:pointer;transition:background .2s}
.gss-form-actions .btn:hover{background:#27272a}
/* Verberg WooCommerce wachtwoord-toggle knoppen (grijze vlakjes) */
.woocommerce-Input--password~.show-password-input,
.gss-account-form .show-password-input,
button.woocommerce-Button--show-password,
.woocommerce-form .show-password-input{display:none!important}
@media(max-width:600px){.gss-form-row--half{grid-template-columns:1fr}}
/* Edit-account pagina — 2-koloms */
@media(min-width:620px){.woocommerce-account .woocommerce form .form-row-first,.woocommerce-account .woocommerce form .form-row-last{width:calc(50% - 8px);float:left}.woocommerce-account .woocommerce form .form-row-last{float:right}.woocommerce-account .woocommerce form::after{content:"";display:table;clear:both}}
/* Save-button rechts uitlijnen */
.woocommerce-account .woocommerce form p.form-row:last-of-type{text-align:left;margin-top:8px}

/* Account dashboard welkomst */
.woocommerce-account .woocommerce-MyAccount-content>p:first-child{font-size:16px;color:var(--soft);margin:0 0 28px;line-height:1.6}

/* Orders-tabel in mijn account */
.woocommerce-orders-table{border-radius:var(--r);overflow:hidden;border:1.5px solid var(--line)}
.woocommerce-orders-table th{background:var(--bg);font-family:var(--head);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:14px 16px;color:var(--soft);border-bottom:1.5px solid var(--line)}
.woocommerce-orders-table td{padding:14px 16px;border-bottom:1px solid var(--line);font-size:15px}
.woocommerce-orders-table tbody tr:last-child td{border-bottom:none}
.woocommerce-orders-table .woocommerce-orders-table__cell-order-status span{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:600;padding:3px 10px;border-radius:99px;background:#f4f4f5;color:var(--soft)}
.woocommerce-orders-table .woocommerce-orders-table__cell-order-status .woocommerce-order-status-completed{background:#f0fdf4;color:#15803d}
.woocommerce-orders-table .woocommerce-orders-table__cell-order-status .woocommerce-order-status-processing{background:#eff6ff;color:#1d4ed8}

/* License keys tabel (LMFWC) */
.lmfwc-user-license-keys-table{border-collapse:collapse;width:100%;font-family:var(--body);font-size:14px}
.lmfwc-user-license-keys-table th{font-family:var(--head);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:12px 14px;border-bottom:2px solid var(--line);color:var(--soft)}
.lmfwc-user-license-keys-table td{padding:13px 14px;border-bottom:1px solid var(--line);color:var(--ink)}
.lmfwc-user-license-keys-table code{font-family:ui-monospace,monospace;font-size:13px;background:#f4f4f5;padding:3px 8px;border-radius:5px;color:var(--ink-2)}

/* Berichten */
.woocommerce-message,.woocommerce-info,.woocommerce-error{border-radius:10px;padding:14px 18px;margin-bottom:24px;font-size:15px;list-style:none;border:none;display:flex;align-items:center;gap:12px}
.woocommerce-message{background:#f0fdf4;color:#15803d;border-left:4px solid var(--accent)}
.woocommerce-info{background:#eff6ff;color:#1d4ed8;border-left:4px solid #3b82f6}
.woocommerce-error{background:#fef2f2;color:#dc2626;border-left:4px solid #ef4444}
.woocommerce-message a.button,.woocommerce-info a.button{margin-left:auto;flex-shrink:0}

/* Wachtwoordherstel */
.woocommerce-ResetPassword{max-width:440px}
.woocommerce-ResetPassword p{font-size:15px;color:var(--soft);margin-bottom:20px}

/* ── Single product — conversiegerichte layout ───────────────────────────────── */
.single-product .wc-main{padding-top:72px}
.woocommerce .gss-product{max-width:100%}

/* ── HERO ─── */
.gss-prod-hero{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start;margin-bottom:80px}
@media(max-width:860px){.gss-prod-hero{grid-template-columns:1fr;gap:36px}}

/* Product afbeelding kolom */
.gss-prod-hero__img{position:relative;border-radius:var(--r-lg);overflow:hidden;background:#0e0e10}
.gss-prod-img{display:block;width:100%;height:auto;border-radius:var(--r-lg)}
.gss-prod-sale{position:absolute;top:16px;left:16px;background:var(--accent);color:#fff;font-family:var(--head);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:5px 12px;border-radius:99px}
/* Hide zoom trigger */
.gss-prod-hero__img .woocommerce-product-gallery__trigger{display:none}
.gss-prod-hero__img .woocommerce-product-gallery{background:transparent;border:none;border-radius:var(--r-lg);overflow:hidden}
.gss-prod-hero__img .woocommerce-product-gallery figure{margin:0}
.gss-prod-hero__img .woocommerce-product-gallery img{display:block;width:100%;height:auto}

/* Info kolom */
.gss-prod-hero__info{padding:4px 0}
/* Badge */
.gss-prod-badge{display:inline-flex;align-items:center;font-family:var(--head);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:5px 14px;border-radius:99px;margin-bottom:14px}
.gss-badge--pro{background:var(--ink);color:#fff}
.gss-badge--budget{background:var(--line);color:var(--soft)}
/* Titel */
.gss-prod-title{font-family:var(--head);font-size:clamp(28px,4vw,48px);font-weight:800;line-height:1.05;margin:0 0 12px;color:var(--ink)}
/* Subtitel */
.gss-prod-sub{font-size:16px;color:var(--soft);margin:0 0 28px;line-height:1.65;max-width:480px}
/* Prijs */
.gss-prod-pricing{margin-bottom:28px}
.gss-prod-price--was{font-size:15px;color:var(--muted);text-decoration:line-through;display:block;margin-bottom:4px}
.gss-prod-price--was .woocommerce-Price-amount{text-decoration:inherit}
.gss-prod-price--now{display:flex;align-items:baseline;gap:4px}
.gss-prod-price--now .woocommerce-Price-amount{font-family:var(--head);font-size:44px;font-weight:800;color:var(--ink);line-height:1}
.gss-prod-price--now .woocommerce-Price-currencySymbol{font-size:.55em;vertical-align:.25em}
.gss-prod-price--period{font-family:var(--head);font-size:18px;color:var(--soft);font-weight:500}
.gss-prod-price--excl{display:block;font-size:13px;color:var(--muted);margin-top:4px}
/* Koop-knop */
.gss-prod-hero__info form.cart{margin:0 0 20px}
.gss-prod-hero__info form.cart .qty{display:none}
.gss-prod-hero__info .single_add_to_cart_button,.gss-prod-hero__info form.cart button[type=submit]{width:100%;font-family:var(--head);font-size:17px;font-weight:800;padding:17px 28px;border-radius:var(--r-pill);background:var(--ink);color:#fff;border:none;cursor:pointer;transition:background .2s;display:flex;align-items:center;justify-content:center;gap:10px;letter-spacing:.01em}
.gss-prod-hero__info .single_add_to_cart_button:hover,.gss-prod-hero__info form.cart button[type=submit]:hover{background:var(--accent)}
/* Trust strip */
.gss-prod-trust{list-style:none;padding:0;margin:24px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media(max-width:480px){.gss-prod-trust{grid-template-columns:1fr}}
.gss-prod-trust li{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--soft)}
.gss-prod-trust li svg{width:16px;height:16px;stroke:var(--accent);stroke-width:1.75;fill:none;flex:none;stroke-linecap:round;stroke-linejoin:round}
/* Vergelijken link */
.gss-prod-compare{margin-top:20px;font-size:14px;color:var(--soft)}
.gss-prod-compare a{color:var(--ink);font-weight:600;text-decoration:underline;text-underline-offset:3px}

/* ── FEATURES BLOK ─── */
.gss-prod-features{background:var(--bg);border:1.5px solid var(--line);border-radius:var(--r-lg);padding:40px;margin-bottom:48px}
.gss-prod-features__title{font-family:var(--head);font-size:22px;font-weight:800;margin:0 0 24px}
.gss-prod-features__list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:560px){.gss-prod-features__list{grid-template-columns:1fr}}
.gss-feat{display:flex;align-items:flex-start;gap:10px;font-size:15px;color:var(--ink-2);line-height:1.4}
.gss-feat svg{width:20px;height:20px;flex:none;margin-top:0}
.gss-feat--no{color:var(--muted)}
/* Upsell blok binnen features */
.gss-prod-upsell{margin-top:28px;padding:20px 24px;background:#fff;border:1.5px solid var(--line);border-radius:var(--r);display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.gss-prod-upsell p{margin:0;font-size:15px;color:var(--ink-2)}
.gss-upsell-btn{white-space:nowrap;font-family:var(--head);font-size:14px;font-weight:700;padding:10px 20px;border-radius:var(--r-pill);background:var(--ink);color:#fff;text-decoration:none;transition:background .18s}
.gss-upsell-btn:hover{background:var(--accent)}

/* ── HOE HET WERKT ─── */
.gss-prod-how{margin-bottom:56px}
.gss-prod-how h2{font-family:var(--head);font-size:24px;font-weight:800;margin:0 0 28px}
.gss-prod-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:20px}
@media(max-width:600px){.gss-prod-steps{grid-template-columns:1fr}}
.gss-prod-steps li{display:flex;align-items:flex-start;gap:14px}
.gss-step-n{flex:none;width:36px;height:36px;border-radius:50%;background:var(--ink);color:#fff;font-family:var(--head);font-size:15px;font-weight:800;display:grid;place-items:center}
.gss-prod-steps li div strong{display:block;font-family:var(--head);font-size:16px;font-weight:700;margin-bottom:4px}
.gss-prod-steps li div p{margin:0;font-size:14px;color:var(--soft);line-height:1.55}

/* Legacy grid selectors — niet meer nodig maar laat staan voor backward compat */
.gss-product-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start;margin-bottom:64px}
@media(max-width:820px){.gss-product-grid{grid-template-columns:1fr;gap:36px}}

/* Gallery kolom */
.gss-product-gallery{position:relative}
.gss-product-gallery .woocommerce-product-gallery{border-radius:var(--r-lg);overflow:hidden;background:#0e0e10;border:none}
.gss-product-gallery .woocommerce-product-gallery img,.gss-product-gallery .wp-post-image{display:block;width:100%;height:auto;border-radius:var(--r-lg)}
/* Zoom-icoon verbergen */
.gss-product-gallery .woocommerce-product-gallery__trigger{display:none}
/* Sale badge */
.gss-product-gallery .onsale,.woocommerce span.onsale{position:absolute;top:16px;left:16px;z-index:2;background:var(--accent);color:#fff;font-family:var(--head);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:5px 12px;border-radius:99px;margin:0}

/* Summary kolom */
.gss-product-summary{padding:8px 0}
/* Verberg breadcrumb — rommelig */
.gss-product-eyebrow{display:none}
/* Producttitel */
.gss-product-summary .product_title{font-family:var(--head);font-size:clamp(26px,4vw,46px);font-weight:800;margin:0 0 12px;color:var(--ink);line-height:1.08}
/* Korte beschrijving */
.gss-product-summary .woocommerce-product-details__short-description{font-size:15.5px;color:var(--soft);margin:0 0 24px;line-height:1.65}
.gss-product-summary .woocommerce-product-details__short-description ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}
.gss-product-summary .woocommerce-product-details__short-description ul li{display:flex;align-items:flex-start;gap:9px;font-size:15px;color:var(--ink-2)}
.gss-product-summary .woocommerce-product-details__short-description ul li::before{content:"";flex:none;width:18px;height:18px;border-radius:50%;background:var(--accent);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E");background-size:12px;background-repeat:no-repeat;background-position:center;margin-top:1px}

/* Prijsblok */
.gss-price-block{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px;margin:0 0 28px;background:var(--bg);border:1.5px solid var(--line);border-radius:var(--r);padding:20px 24px}
.gss-price-block p.price,.gss-price-block .price{font-family:var(--head);font-size:36px;font-weight:800;color:var(--ink);line-height:1;margin:0}
.gss-price-block p.price del,.gss-price-block .price del{color:var(--muted);font-weight:400;font-size:22px;text-decoration:line-through}
.gss-price-block p.price ins,.gss-price-block .price ins{text-decoration:none}
.gss-price-block .woocommerce-Price-currencySymbol{font-size:.65em;vertical-align:.2em}
.gss-sale-label{display:inline-flex;align-items:center;background:#fff0f0;color:#dc2626;font-size:12px;font-weight:700;padding:4px 10px;border-radius:99px;letter-spacing:.04em;text-transform:uppercase;align-self:center}
.gss-price-period{font-size:14px;color:var(--soft);width:100%;margin-top:4px}

/* Abonnement (WC Subscriptions) */
.gss-price-block .subscription-price,.gss-price-block .woocommerce-Price-amount{display:inline}

/* Koop-knop */
.gss-product-summary form.cart{margin:0 0 20px}
.gss-product-summary form.cart .qty{display:none}
.gss-product-summary .single_add_to_cart_button,.gss-product-summary form.cart button[type=submit]{width:100%;font-family:var(--head);font-size:17px;font-weight:800;padding:16px 28px;border-radius:var(--r-pill);background:var(--ink);color:#fff;border:none;cursor:pointer;transition:background .2s;display:flex;align-items:center;justify-content:center;gap:10px}
.gss-product-summary .single_add_to_cart_button:hover{background:var(--accent)}
.gss-product-summary .single_add_to_cart_button svg{width:18px;height:18px;stroke:currentColor;stroke-width:2.5;fill:none;flex:none}

/* Trust bullets */
.product-trust{list-style:none;padding:0;margin:20px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.product-trust li{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--soft)}
.product-trust li svg{width:14px;height:14px;stroke:var(--accent);stroke-width:2.5;fill:none;flex:none}
@media(max-width:480px){.product-trust{grid-template-columns:1fr}}

/* Product meta (cat/tags) verbergen */
.gss-product-summary .product_meta{display:none}

/* Tabs — volledige beschrijving + attributen */
.gss-product-extra .woocommerce-tabs{border-top:1.5px solid var(--line);margin-bottom:56px}
.gss-product-extra .woocommerce-tabs ul.tabs{display:flex;gap:0;list-style:none;padding:0;margin:0;border-bottom:1.5px solid var(--line)}
.gss-product-extra .woocommerce-tabs ul.tabs li{padding:0;margin:0}
.gss-product-extra .woocommerce-tabs ul.tabs li::before,.gss-product-extra .woocommerce-tabs ul.tabs li::after{content:none;display:none}
.gss-product-extra .woocommerce-tabs ul.tabs li a{display:block;padding:14px 22px;font-family:var(--head);font-size:14px;font-weight:700;color:var(--soft);border-bottom:2.5px solid transparent;margin-bottom:-1.5px;transition:color .18s}
.gss-product-extra .woocommerce-tabs ul.tabs li.active a,.gss-product-extra .woocommerce-tabs ul.tabs li a:hover{color:var(--ink);border-bottom-color:var(--ink)}
.gss-product-extra .woocommerce-tabs .panel{padding:36px 0;font-size:16px;color:var(--ink-2);line-height:1.75;max-width:720px}
.gss-product-extra .woocommerce-tabs .panel h2{font-family:var(--head);font-size:22px;margin:0 0 16px}
.gss-product-extra .woocommerce-tabs .panel ul li{margin-bottom:6px}
.gss-product-extra .woocommerce-tabs .panel ul li::before{display:none}
/* Reviews op productpagina: geen kaarten, geen alt-box */
.single-product .rev{border:none;border-radius:0;background:transparent;padding:20px 0;box-shadow:none}
.single-product .rev:hover{transform:none;box-shadow:none}
.single-product .reviews{gap:40px}
.gss-product-extra section.alt{background:transparent;border:none}

/* Upsells / related */
.woocommerce .up-sells,.woocommerce .related{margin:0 0 60px}
.woocommerce .up-sells h2,.woocommerce .related h2{font-family:var(--head);font-size:24px;font-weight:800;margin:0 0 24px}
.woocommerce ul.products{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}
.woocommerce ul.products li.product{border:1.5px solid var(--line);border-radius:var(--r);padding:24px;transition:box-shadow .2s;background:#fff}
.woocommerce ul.products li.product::before{display:none}
.woocommerce ul.products li.product:hover{box-shadow:var(--shadow)}
.woocommerce ul.products li.product a.woocommerce-loop-product__link{color:var(--ink);text-decoration:none}
.woocommerce ul.products li.product img{border-radius:var(--r);margin-bottom:16px;display:block;width:100%}
.woocommerce ul.products li.product h2.woocommerce-loop-product__title{font-family:var(--head);font-size:18px;font-weight:700;margin:0 0 8px;color:var(--ink)}
.woocommerce ul.products li.product span.price{font-family:var(--head);font-size:17px;font-weight:700;color:var(--ink)}
.woocommerce ul.products li.product .button{display:inline-block;margin-top:14px;font-family:var(--head);font-size:14px;font-weight:700;padding:9px 20px;border-radius:var(--r-pill);background:var(--ink);color:#fff;text-decoration:none;transition:background .18s}
.woocommerce ul.products li.product .button:hover{background:var(--accent)}
/* Shop archive */
body.post-type-archive-product .wc-main,body.tax-product_cat .wc-main{padding-top:80px}

/* ── Login / registreer pagina ───────────────────────────────────────────────── */
body.woocommerce-account:not(.logged-in) .wc-main{max-width:960px;margin:0 auto}
.gss-auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
@media(max-width:640px){.gss-auth-grid{grid-template-columns:1fr}}
.gss-auth-card{background:#fff;border:1.5px solid var(--line);border-radius:var(--r-lg);padding:36px}
.gss-auth-card h2{font-family:var(--head);font-size:22px;font-weight:800;margin:0 0 24px}
.gss-auth-single{max-width:440px}
.gss-auth-single h2{font-family:var(--head);font-size:26px;font-weight:800;margin:0 0 8px}
.gss-auth-intro{color:var(--soft);font-size:15px;margin:0 0 28px}
.gss-auth-row{display:flex;align-items:center;justify-content:space-between;margin:16px 0 24px;font-size:14px}
.gss-forgot{color:var(--soft);font-size:13px;text-decoration:underline;text-underline-offset:3px}
.gss-forgot:hover{color:var(--ink)}
.gss-auth-back{margin-top:20px;font-size:14px;color:var(--soft)}
.gss-auth-back a{color:var(--soft);text-decoration:underline;text-underline-offset:3px}
/* Login form inputs */
.woocommerce-form .woocommerce-form-row,.woocommerce-form p.woocommerce-form-row{margin-bottom:16px}
.woocommerce-form label{display:block;font-size:13.5px;font-weight:600;color:var(--soft);margin-bottom:5px}
.woocommerce-form input.input-text,.woocommerce-form .woocommerce-Input--text{width:100%;padding:11px 14px;border:1.5px solid var(--line-2);border-radius:10px;font-size:15px;font-family:var(--body);color:var(--ink);background:#fff;outline:none;transition:border-color .18s;-webkit-appearance:none}
.woocommerce-form input.input-text:focus{border-color:var(--accent)}
.woocommerce-form .woocommerce-Button,.woocommerce-form button.button,.woocommerce-form input[type=submit]{width:100%;padding:13px 24px;border-radius:var(--r-pill);background:var(--ink);color:#fff;font-family:var(--head);font-size:15.5px;font-weight:700;border:none;cursor:pointer;transition:background .18s;margin-top:4px}
.woocommerce-form .woocommerce-Button:hover,.woocommerce-form button.button:hover{background:var(--accent)}

/* ── Dashboard ───────────────────────────────────────────────────────────────── */
.gss-dashboard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:24px}
@media(max-width:500px){.gss-dashboard-grid{grid-template-columns:1fr}}
.gss-dash-card{display:flex;flex-direction:column;gap:4px;padding:24px;border:1.5px solid var(--line);border-radius:var(--r);background:#fff;text-decoration:none;color:var(--ink);transition:box-shadow .18s,border-color .18s}
.gss-dash-card:hover{border-color:var(--ink);box-shadow:var(--shadow)}
.gss-dash-card svg{width:22px;height:22px;stroke:var(--accent);stroke-width:1.75;fill:none;stroke-linecap:round;stroke-linejoin:round;margin-bottom:8px}
.gss-dash-label{font-family:var(--head);font-size:16px;font-weight:700;color:var(--ink)}
.gss-dash-sub{font-size:13px;color:var(--soft)}

/* ── Checkout ────────────────────────────────────────────────────────────────── */
body.woocommerce-checkout .wc-wrap{max-width:1060px}
.woocommerce-checkout .woocommerce-checkout-review-order{background:var(--bg);border:1.5px solid var(--line);border-radius:var(--r-lg);padding:28px;position:sticky;top:100px}
.woocommerce-checkout .woocommerce-checkout-review-order h3{font-family:var(--head);font-size:16px;font-weight:700;margin:0 0 16px;text-transform:uppercase;letter-spacing:.06em;color:var(--soft)}
.woocommerce-checkout h3#order_review_heading{font-family:var(--head);font-size:16px;font-weight:700;margin:0 0 16px;text-transform:uppercase;letter-spacing:.06em;color:var(--soft)}
/* Veldgroepen */
.woocommerce-billing-fields h3,.woocommerce-shipping-fields h3,.woocommerce-additional-fields h3{font-family:var(--head);font-size:18px;font-weight:800;margin:0 0 20px;color:var(--ink)}
/* Checkout 2-koloms */
.woocommerce-checkout .col2-set{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:32px}
@media(max-width:680px){.woocommerce-checkout .col2-set{grid-template-columns:1fr}}
/* Betaalmethoden */
.woocommerce #payment{background:#fff;border:1.5px solid var(--line);border-radius:var(--r-lg);padding:28px;margin-top:0}
.woocommerce #payment .payment_methods li{border:1.5px solid var(--line);border-radius:10px;padding:14px 16px;margin-bottom:8px;list-style:none;cursor:pointer;transition:border-color .18s}
.woocommerce #payment .payment_methods li::before{display:none;content:none}
.woocommerce #payment .payment_methods li:has(input:checked){border-color:var(--accent);background:#f0fdf4}
.woocommerce #payment .payment_methods label{cursor:pointer;font-size:15px;font-weight:600;display:flex;align-items:center;gap:10px}
.woocommerce #payment .payment_methods input[type=radio]{accent-color:var(--accent);width:16px;height:16px;flex:none}
.woocommerce #payment div.payment_box{background:#f4f4f5;border-radius:8px;padding:12px 14px;margin-top:8px;font-size:14px;color:var(--soft)}
/* Bestelknop */
#place_order{width:100%;padding:15px;font-size:17px;font-weight:800;font-family:var(--head);border-radius:var(--r-pill);background:var(--ink);color:#fff;border:none;cursor:pointer;transition:background .18s;margin-top:20px}
#place_order:hover{background:var(--accent)}
/* Checkout form fields */
.woocommerce-checkout .form-row{margin-bottom:14px}
.woocommerce-checkout .form-row label,.woocommerce-billing-fields label,.woocommerce-additional-fields label{display:block;font-size:13.5px;font-weight:600;color:var(--soft);margin-bottom:5px}
.woocommerce-checkout .form-row label abbr{color:#ef4444;text-decoration:none;margin-left:3px}
/* woocommerce-input-wrapper (WC wraps inputs in een span vanaf v3.6) */
.woocommerce-input-wrapper{display:block;width:100%}
/* Alle text inputs + select in checkout */
.woocommerce-checkout input.input-text,
.woocommerce-checkout select,
.woocommerce-checkout textarea{
  width:100%;padding:11px 14px;
  border:1.5px solid var(--line-2);border-radius:10px;
  font-size:15px;font-family:var(--body);color:var(--ink);
  background:#fff;outline:none;transition:border-color .18s;
  -webkit-appearance:none;appearance:none}
.woocommerce-checkout input.input-text:focus,
.woocommerce-checkout select:focus,
.woocommerce-checkout textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(16,185,129,.1)}
/* Select pijltje */
.woocommerce-checkout select{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2371717a' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 12px center;background-size:16px;
  padding-right:36px;cursor:pointer}
/* Order notes textarea */
.woocommerce-checkout textarea#order_comments{min-height:100px;resize:vertical;line-height:1.5}
/* Validatiemarkering */
.woocommerce-checkout .form-row.woocommerce-invalid input.input-text,
.woocommerce-checkout .form-row.woocommerce-invalid select{border-color:#ef4444}
.woocommerce-checkout .form-row.woocommerce-validated input.input-text{border-color:var(--accent)}
/* 2-koloms billing fields */
.woocommerce-checkout .form-row-first,.woocommerce-checkout .form-row-last{display:inline-block;width:calc(50% - 8px)}
.woocommerce-checkout .form-row-first{margin-right:8px}
@media(max-width:480px){.woocommerce-checkout .form-row-first,.woocommerce-checkout .form-row-last{display:block;width:100%;margin-right:0}}
/* Postcode naast stad */
#billing_postcode_field{display:inline-block;width:calc(35% - 8px);margin-right:8px}
#billing_city_field{display:inline-block;width:65%}
@media(max-width:480px){#billing_postcode_field,#billing_city_field{display:block;width:100%;margin-right:0}}

/* ── Bedanktpagina (thankyou) ────────────────────────────────────────────────── */
.gss-thankyou{max-width:600px;margin:0 auto}
.gss-ty-header{text-align:center;padding:40px 0 32px}
.gss-ty-check{width:56px;height:56px;stroke:var(--accent);stroke-width:1.75;fill:none;margin-bottom:16px}
.gss-ty-header.gss-ty-failed .gss-ty-check{stroke:#ef4444}
.gss-ty-header h2{font-family:var(--head);font-size:28px;font-weight:800;margin:0 0 8px}
.gss-ty-header p{color:var(--soft);font-size:16px;margin:0 0 24px}
.gss-ty-details{background:var(--bg);border:1.5px solid var(--line);border-radius:var(--r);margin-bottom:32px;overflow:hidden}
.gss-ty-row{display:flex;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--line);font-size:15px}
.gss-ty-row:last-child{border-bottom:none}
.gss-ty-row span{color:var(--soft)}
.gss-ty-next{border-top:1.5px solid var(--line);padding-top:28px}
.gss-ty-next h3{font-family:var(--head);font-size:18px;font-weight:700;margin:0 0 14px}
.gss-ty-next ul{list-style:none;padding:0;margin:0 0 24px;display:flex;flex-direction:column;gap:10px}
.gss-ty-next ul li{display:flex;align-items:flex-start;gap:9px;font-size:15px;color:var(--ink-2)}
.gss-ty-next ul li::before{content:"";flex:none;width:18px;height:18px;border-radius:50%;background:var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E") center/12px no-repeat;margin-top:1px}
.gss-ty-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:var(--r-pill);background:var(--ink);color:#fff;font-family:var(--head);font-size:15px;font-weight:700;text-decoration:none;transition:background .18s}
.gss-ty-btn:hover{background:var(--accent)}

/* ── Cart ────────────────────────────────────────────────────────────────────── */
body.woocommerce-cart .wc-wrap{max-width:1060px}
.woocommerce-cart .entry-title,.woocommerce-cart .wc-page-title{display:none}
.woocommerce-cart table.cart{border-collapse:collapse;width:100%}
.woocommerce-cart table.cart th{font-family:var(--head);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:12px 16px;border-bottom:2px solid var(--line);color:var(--soft)}
.woocommerce-cart table.cart td{padding:16px;border-bottom:1px solid var(--line);vertical-align:middle}
.woocommerce-cart table.cart td.product-thumbnail img{border-radius:var(--r);width:64px;height:64px;object-fit:cover}
.woocommerce-cart table.cart td.product-name a{font-weight:600;color:var(--ink);text-decoration:none}
.woocommerce-cart table.cart td.product-name a:hover{color:var(--accent)}
.woocommerce-cart .cart-collaterals{margin-top:32px;display:flex;justify-content:flex-end}
.woocommerce-cart .cart_totals{width:360px;background:var(--bg);border:1.5px solid var(--line);border-radius:var(--r-lg);padding:28px}
@media(max-width:640px){.woocommerce-cart .cart_totals{width:100%}}
.woocommerce-cart .cart_totals h2{font-family:var(--head);font-size:18px;font-weight:700;margin:0 0 20px}
.woocommerce-cart .cart_totals table{width:100%;border-collapse:collapse}
.woocommerce-cart .cart_totals table th,.woocommerce-cart .cart_totals table td{padding:10px 0;border-bottom:1px solid var(--line);font-size:15px}
.woocommerce-cart .cart_totals table th{color:var(--soft);font-weight:500;width:40%}
.woocommerce-cart .cart_totals .wc-proceed-to-checkout{margin-top:20px}
.woocommerce-cart .wc-proceed-to-checkout .checkout-button{display:block;width:100%;text-align:center;padding:14px;border-radius:var(--r-pill);background:var(--ink);color:#fff;font-family:var(--head);font-size:16px;font-weight:700;text-decoration:none;transition:background .18s}
.woocommerce-cart .wc-proceed-to-checkout .checkout-button:hover{background:var(--accent)}
/* Lege winkelwagen */
.woocommerce-cart .cart-empty{text-align:center;padding:60px 0;color:var(--soft);font-size:17px}
.woocommerce-cart .return-to-shop{text-align:center;margin-top:16px}
.woocommerce-cart .return-to-shop .button{display:inline-block;padding:11px 24px;border-radius:var(--r-pill);background:var(--ink);color:#fff;font-family:var(--head);font-size:15px;font-weight:700;text-decoration:none}
/* Qty input in cart */
.woocommerce .quantity .qty{width:64px;height:40px;padding:0 10px;border:1.5px solid var(--line-2);border-radius:10px;text-align:center;font-family:var(--body);font-size:15px;color:var(--ink);background:#fff;-webkit-appearance:none;appearance:none}
.woocommerce .quantity .qty:focus{outline:none;border-color:var(--accent)}
/* Prijskolommen */
.woocommerce-cart table.cart td.product-price,.woocommerce-cart table.cart td.product-subtotal{font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap}
/* Cart tabel — geen overflow op mobiel */
@media(max-width:680px){
  .woocommerce-cart table.cart{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .woocommerce-cart table.cart td.product-thumbnail{display:none}
}

/* ── Order status badges ─────────────────────────────────────────────────────── */
mark.order-status{display:inline-flex;align-items:center;padding:3px 10px;border-radius:99px;font-size:12.5px;font-weight:600;background:#f4f4f5;color:var(--soft)}
mark.order-status.is-completed{background:#f0fdf4;color:#15803d}
mark.order-status.is-processing{background:#eff6ff;color:#1d4ed8}
mark.order-status.is-pending{background:#fefce8;color:#854d0e}
mark.order-status.is-failed{background:#fef2f2;color:#dc2626}
mark.order-status.is-cancelled{background:#f4f4f5;color:#71717a}

/* ── Remove-knop in cart: duidelijk prullenbak-icoon ────────────────────── */
.woocommerce table.cart .product-remove{width:48px;text-align:center}
.woocommerce table.cart .product-remove a{
  display:inline-flex;align-items:center;justify-content:center;
  width:34px;height:34px;border-radius:50%;font-size:0;
  border:1.5px solid var(--line-2);background:#fff;
  color:var(--muted);text-decoration:none;
  transition:border-color .18s,background .18s;
}
.woocommerce table.cart .product-remove a::before{
  content:"";width:14px;height:14px;flex:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a1a1aa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='3 6 5 6 21 6'/%3E%3Cpath d='M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v2'/%3E%3C/svg%3E");
  background-size:contain;background-repeat:no-repeat;background-position:center;
}
.woocommerce table.cart .product-remove a:hover{border-color:#dc2626;background:#fef2f2}
.woocommerce table.cart .product-remove a:hover::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23dc2626' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='3 6 5 6 21 6'/%3E%3Cpath d='M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v2'/%3E%3C/svg%3E");
}

/* ── Add-to-cart notificatie (slide-in rechtsonder) ─────────────────────── */
.gss-atc{
  position:fixed;bottom:28px;right:28px;z-index:1100;
  width:min(360px,calc(100vw - 40px));
  background:#fff;border:1.5px solid var(--line);border-radius:var(--r-lg);
  box-shadow:0 24px 60px -12px rgba(14,14,16,.22);
  transform:translateY(20px);opacity:0;
  transition:transform .34s cubic-bezier(.34,1.56,.64,1),opacity .28s;
  pointer-events:none;
}
.gss-atc--in{transform:none;opacity:1;pointer-events:auto}
.gss-atc__inner{padding:22px 22px 20px}
.gss-atc__top{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.gss-atc__check{flex:none;width:28px;height:28px}
.gss-atc__check svg{width:28px;height:28px;stroke:var(--accent);stroke-width:1.75;fill:none;stroke-linecap:round;stroke-linejoin:round}
.gss-atc__msg{font-family:var(--head);font-size:15px;font-weight:700;color:var(--ink);flex:1}
.gss-atc__close{flex:none;width:30px;height:30px;border:none;background:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;color:var(--muted);border-radius:6px;transition:background .15s}
.gss-atc__close:hover{background:var(--line);color:var(--ink)}
.gss-atc__close svg{width:16px;height:16px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.gss-atc__prod{font-size:13.5px;color:var(--soft);margin:0 0 18px;padding-left:38px;min-height:18px}
.gss-atc__acts{display:flex;flex-direction:column;gap:8px}
.gss-atc__primary{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:var(--r-pill);background:var(--ink);color:#fff;font-family:var(--head);font-size:14.5px;font-weight:700;text-decoration:none;transition:background .18s}
.gss-atc__primary:hover{background:var(--accent)}
.gss-atc__primary svg{width:15px;height:15px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.gss-atc__secondary{background:none;border:none;cursor:pointer;font-family:var(--head);font-size:13.5px;color:var(--soft);text-align:center;padding:6px;text-decoration:underline;text-underline-offset:3px;transition:color .15s}
.gss-atc__secondary:hover{color:var(--ink)}
@media(max-width:480px){.gss-atc{bottom:76px;right:12px;left:12px;width:auto}}

/* ── Body achtergrond fix ────────────────────────────────────────────────────── */
body.single-product{background:var(--bg)}
body.woocommerce-account,body.woocommerce-cart,body.woocommerce-checkout,body.woocommerce-order-received{background:var(--bg)}

/* ── Prose pagina's (subpagina's) ───────────────────────────────────────────── */
.prose table{width:100%;border-collapse:collapse;font-size:15px}
.prose table th{font-family:var(--head);font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:12px 16px;border-bottom:2px solid var(--line);color:var(--soft);text-align:left}
.prose table td{padding:13px 16px;border-bottom:1px solid var(--line)}
.prose h3{font-family:var(--head);font-size:20px;font-weight:700;margin:32px 0 12px}
.prose ul{list-style:none;padding:0;margin:0 0 20px;display:flex;flex-direction:column;gap:8px}
.prose ul li::before{content:"→";font-family:var(--head);color:var(--ink);flex:none;margin-right:2px}
/* Subpagina achtergrond consistent wit */
body.page .wc-main,.page-template-default .body-wrap{background:var(--white)}

/* ── WooCommerce notices fix ────────────────────────────────────────────────── */
.woocommerce-notices-wrapper{margin-bottom:24px}
.woocommerce-notices-wrapper:empty{display:none}

/* ── Admin-bar correctie ─────────────────────────────────────────────────────
   WP admin-bar is 32px hoog op desktop, 46px op mobiel.
   Onze fixed stickyhead begint anders op y=0 en overlapt de bar.        */
body.admin-bar .stickyhead{top:32px}
@media(max-width:782px){body.admin-bar .stickyhead{top:46px}}

/* ── Cart-icoon in header ────────────────────────────────────────────────────
   Verschijnt via PHP/fragment zodra cart items bevat.                        */
.sh-cart{position:relative;display:inline-flex;align-items:center;justify-content:center;
  width:42px;height:42px;border-radius:50%;border:1.5px solid rgba(255,255,255,.18);
  color:#fff;text-decoration:none;transition:background .18s,border-color .18s;flex:none}
.sh-cart:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.38)}
.sh-cart svg{width:19px;height:19px;stroke:currentColor;stroke-width:1.75;fill:none;stroke-linecap:round;stroke-linejoin:round}
.sh-cart-count{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;
  background:var(--accent);color:#fff;border-radius:99px;font-family:var(--head);
  font-size:10px;font-weight:800;display:grid;place-items:center;padding:0 4px;line-height:1;
  border:2px solid rgba(12,12,14,.92)}

/* ── Account navigatie — robuust horizontaal ────────────────────────────────
   Agressieve overschrijving zodat geen enkel extern stijlblad de
   flex-richting kan wijzigen.                                               */
.woocommerce-MyAccount-navigation{width:100%;margin-bottom:32px;overflow-x:auto;-webkit-overflow-scrolling:touch}
.woocommerce-MyAccount-navigation ul{
  display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;
  justify-content:flex-start!important;align-items:center!important;
  gap:8px!important;list-style:none!important;padding:0!important;margin:0!important}
.woocommerce-MyAccount-navigation ul li{
  display:block!important;padding:0!important;margin:0!important;width:auto!important;float:none!important}
.woocommerce-MyAccount-navigation ul li::before,.woocommerce-MyAccount-navigation ul li:before{
  content:none!important;display:none!important}
.woocommerce-MyAccount-navigation ul li a{
  display:block;font-family:var(--head);font-size:13.5px;font-weight:600;
  padding:7px 16px;border:1.5px solid var(--line-2);border-radius:var(--r-pill);
  color:var(--soft);text-decoration:none;white-space:nowrap;
  transition:border-color .18s,color .18s,background .18s}
.woocommerce-MyAccount-navigation ul li a:hover{border-color:var(--ink);color:var(--ink)}
.woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--active a{
  border-color:var(--ink);background:var(--ink);color:#fff}

/* ── WooCommerce account layout ──────────────────────────────────────────── */
.woocommerce-MyAccount{width:100%}
.woocommerce-MyAccount-content{width:100%}

/* "Wachtwoord vergeten" link dark-themed */
.woocommerce-form-login .woocommerce-LostPassword a,
.woocommerce-LostPassword a,.lost_password a{color:var(--soft);font-size:13px;text-decoration:underline;text-underline-offset:3px}
.woocommerce-LostPassword a:hover{color:var(--ink)}

/* WC privacy-notice tekst op NL */
.woocommerce-privacy-policy-text{font-size:13px;color:var(--muted);margin-top:8px;line-height:1.5}

/* ── Responsive: 1600px (ruimere wrap op brede schermen) ────────────────── */
@media(min-width:1600px){
  .wrap{max-width:1520px;padding:0 72px}
  .stickyhead{padding:13px max(32px,calc((100% - 1440px) / 2))}
  .hero h1{font-size:52px}
  .prices{grid-template-columns:repeat(3,1fr)}
  .gss-prod-hero{gap:96px}
}

/* ── Responsive: 1100px (tussenmaat desktop → tablet) ───────────────────── */
@media(max-width:1100px){
  .wrap{max-width:100%;padding:0 40px}
  .gss-prod-hero{gap:48px}
  .wc-wrap{max-width:100%!important;padding:0 40px}
  .fcols{grid-template-columns:repeat(2,1fr)}
  .prices{grid-template-columns:1fr 1fr}
  .prices .price:last-child{display:none} /* verberg Enterprise kaart op 1100 */
  .rmtrack{grid-template-columns:repeat(2,1fr)}
  .rmtrack:before{display:none}
}

/* ── Mobile sticky header: toon compact i.p.v. display:none ────────────── */
@media(max-width:880px){
  .stickyhead{display:flex;padding:10px 20px}
  .shlinks{display:none}
  .stickyhead .navdd{display:none}
  .navrt .langsw{display:none}
  /* Zorg dat de header niet over content heen valt op mobiel */
  body:not(.home) .stickyhead{transform:none}
}
@media(max-width:680px){
  .stickyhead{padding:8px 16px}
  .stickyhead .logo .wm2{display:none}
  .sh-account span{display:none}
  .shcta{font-size:13px;padding:8px 6px 8px 14px}
  .shcta .arr{width:26px;height:26px}
}

/* ── Betere wc-wrap breedte op product pagina's ─────────────────────────── */
body.single-product .wc-wrap{max-width:1180px}

/* ── Over pagina: geen dubbele titel ───────────────────────────────────────
   Als pagina-kop én eerste H2 identiek zijn, verberg de H2.               */
.page.single .wc-main .prose .block:first-child h2:first-child{display:none}

/* ── Account app-layout ──────────────────────────────────────────────────── */
/* Verberg site-header op ingelogde account-pagina's */
body.woocommerce-account.logged-in .stickyhead{display:none!important}
body.woocommerce-account.logged-in .promo{display:none!important}
body.woocommerce-account.logged-in .body-wrap{padding-top:0!important}
body.woocommerce-account.logged-in .wc-main{padding:0!important;background:var(--bg)}
body.woocommerce-account.logged-in .wc-wrap{max-width:100%!important;padding:0!important}
/* Verberg page-hero dark banner op account- en checkout-pagina's */
body.woocommerce-account .page-hero,
body.woocommerce-checkout .page-hero,
body.woocommerce-cart .page-hero{display:none!important}
/* Verberg prose-wrapper op checkout (max-width:780px is te smal voor 2-koloms) */
body.woocommerce-checkout .body-wrap .prose,
body.woocommerce-cart .body-wrap .prose{max-width:none!important;padding:0}
/* Extra ruimte boven checkout/winkelwagen inhoud (page-hero is verborgen) */
body.woocommerce-checkout .body-wrap,
body.woocommerce-cart .body-wrap{padding-top:72px!important}
/* WooCommerce account content: geen extra top-margin */
.woocommerce-MyAccount-content{margin-top:0!important}
.woocommerce-MyAccount-content>h2:first-child{margin-top:0}
/* admin-bar offset voor sticky ac-top */
body.admin-bar .ac-top{top:32px}
@media(max-width:782px){body.admin-bar .ac-top{top:46px}}

/* Topbar */
.ac-top{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;
  gap:16px;padding:14px 30px;background:#fff;border-bottom:1px solid var(--line)}
.ac-logo{display:inline-flex;align-items:center;gap:11px;font-family:var(--head);font-weight:800;
  font-size:16px;text-decoration:none;color:var(--ink)}
.ac-logo .mk{width:34px;height:34px;border-radius:9px;flex:none;overflow:hidden}
.ac-logo .mk svg{width:100%;height:100%;display:block}
.ac-logo-sub{display:block;font-weight:600;font-size:11px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--muted);margin-top:1px}
.ac-who{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--soft)}
.ac-who b{color:var(--ink)}
.ac-who a{color:var(--soft);text-decoration:none}.ac-who a:hover{color:var(--ink)}
.ac-av{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#34d399,#059669);
  color:#fff;display:grid;place-items:center;font-family:var(--head);font-weight:800;
  font-size:12px;flex:none}
.ac-dot{display:inline-block;width:3px;height:3px;border-radius:50%;
  background:currentColor;opacity:.4}
.ac-top-center{flex:1;display:flex;justify-content:center}
.ac-home-btn{display:inline-flex;align-items:center;gap:7px;font-family:var(--head);
  font-weight:600;font-size:13.5px;color:var(--soft);text-decoration:none;
  padding:7px 14px;border-radius:var(--r-pill);border:1.5px solid var(--line);
  background:#fff;transition:.15s ease}
.ac-home-btn:hover{color:var(--ink);border-color:var(--ink)}
.ac-home-btn svg{width:15px;height:15px;flex:none}

/* Layout */
.ac-wrap{max-width:1200px;margin:0 auto;padding:24px 30px 80px;
  display:grid;grid-template-columns:220px 1fr;gap:28px;align-items:start}
@media(max-width:860px){
  .ac-wrap{grid-template-columns:1fr;gap:16px;padding:18px 18px 64px}
}

/* Sidebar nav */
.ac-nav{display:flex;flex-direction:column;gap:2px;position:sticky;top:72px}
.ac-nav a{display:flex;align-items:center;gap:11px;padding:10px 13px;border-radius:12px;
  font-family:var(--head);font-weight:600;font-size:14px;color:var(--soft);
  text-decoration:none;transition:.13s ease;-webkit-tap-highlight-color:transparent}
.ac-nav a svg{width:17px;height:17px;flex:none;stroke:currentColor;stroke-width:1.9;
  fill:none;stroke-linecap:round;stroke-linejoin:round;opacity:.7}
.ac-nav a:hover{background:#f0f0f2;color:var(--ink)}
.ac-nav a:hover svg{opacity:1}
.ac-nav a.is-active,.ac-nav a.woocommerce-MyAccount-navigation-link--active{
  background:var(--ink);color:#fff;box-shadow:0 6px 18px -8px rgba(14,14,16,.45)}
.ac-nav a.is-active svg,.ac-nav a.woocommerce-MyAccount-navigation-link--active svg{opacity:1}
.ac-nav-sep{height:1px;background:var(--line);margin:8px 6px}
.ac-nav-logout{color:var(--muted)!important}
.ac-nav-logout:hover{color:#e11d48!important;background:rgba(225,29,72,.07)!important}

/* Mobiel: nav als chip-rij */
@media(max-width:860px){
  .ac-nav{flex-direction:row;flex-wrap:nowrap;overflow-x:auto;gap:8px;
    padding:2px 0 8px;scrollbar-width:none}
  .ac-nav::-webkit-scrollbar{display:none}
  .ac-nav a{flex:none;background:#f0f0f2;border-radius:var(--r-pill);
    padding:9px 15px;white-space:nowrap;font-size:13.5px}
  .ac-nav a svg{display:none}
  .ac-nav-sep,.ac-nav-logout{display:none}
  .ac-nav a.is-active,.ac-nav a.woocommerce-MyAccount-navigation-link--active{
    background:var(--ink);box-shadow:none}
}

/* Dashboard content */
.ac-main{min-width:0;padding:0!important}
.ac-main section{padding:0!important}
section.ac-main{padding:0!important}
.ac-h1{font-family:var(--head);font-weight:800;font-size:28px;letter-spacing:-.015em;margin:0 0 4px}
.ac-lead{color:var(--soft);margin:0 0 24px;font-size:15px}

/* Plan hero */
.plan{position:relative;overflow:hidden;background:#0e0e10;color:#fff;
  border-radius:22px;padding:30px 32px;margin-bottom:18px;
  box-shadow:0 28px 56px -24px rgba(14,14,16,.5)}
.plan::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(78% 130% at 8% -20%,rgba(16,185,129,.28),transparent 56%)}
.plan::after{content:"";position:absolute;inset:0;opacity:.4;pointer-events:none;
  background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1px);
  background-size:5px 5px}
.plan>*{position:relative;z-index:1}
.plan-row{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap}
.plan-eyebrow{font-family:var(--head);font-size:10.5px;font-weight:700;
  letter-spacing:.16em;text-transform:uppercase;color:#9fe6cd}
.plan-name{font-family:var(--head);font-weight:800;font-size:28px;
  letter-spacing:-.01em;margin:7px 0 10px}
.plan-name em{font-style:normal;background:linear-gradient(90deg,#34d399,#10b981);
  -webkit-background-clip:text;background-clip:text;color:transparent}
.plan-meta{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;color:#cfd2d0}
.dot-live{width:8px;height:8px;border-radius:50%;background:#34d399;flex:none;
  animation:pulse 2.2s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(52,211,153,.55)}70%{box-shadow:0 0 0 7px rgba(52,211,153,0)}100%{box-shadow:0 0 0 0 rgba(52,211,153,0)}}
.plan-price{font-family:var(--head);font-weight:800;font-size:30px;line-height:1;
  white-space:nowrap;color:#fff}
.plan-price span,.plan-price .amount{font-size:30px;color:#fff}
.plan-price .woocommerce-Price-currencySymbol{font-size:18px}
.plan-divider{height:1px;background:rgba(255,255,255,.1);margin:20px 0}
.plan-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.plan-next{font-size:13px;color:#a1a1aa}.plan-next b{color:#fff}
.plan-key-row{margin-bottom:4px}
.plan-key-label{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  color:#9fe6cd;margin-bottom:8px}
.keybox{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);border-radius:11px;
  padding:11px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:13px;letter-spacing:.4px;color:#e4e4e7}
.keybox code{flex:1;background:none;padding:0;border:none;color:inherit;font-size:inherit}
.keybox-copy{margin-left:auto;cursor:pointer;color:#9fe6cd;background:none;border:none;
  display:inline-flex;align-items:center;gap:6px;font-family:var(--head);
  font-weight:700;font-size:12px;padding:0;white-space:nowrap;transition:color .15s}
.keybox-copy:hover{color:#fff}
.keybox-copy svg{width:13px;height:13px;stroke:currentColor;stroke-width:1.9;fill:none;
  stroke-linecap:round;stroke-linejoin:round}

/* Account knoppen */
.ac-btn{display:inline-flex;align-items:center;gap:7px;font-family:var(--head);
  font-weight:700;font-size:13.5px;padding:8px 16px;border-radius:var(--r-pill);
  border:1.5px solid var(--line-2);background:#fff;color:var(--ink);
  cursor:pointer;text-decoration:none;transition:.15s ease}
.ac-btn:hover{border-color:var(--ink);transform:translateY(-1px)}
.ac-btn svg{width:14px;height:14px;flex:none;stroke:currentColor;stroke-width:1.9;
  fill:none;stroke-linecap:round;stroke-linejoin:round}
.ac-btn.ghost-light{background:transparent;border-color:rgba(255,255,255,.28);color:#e4e4e7}
.ac-btn.ghost-light:hover{border-color:#fff;color:#fff;transform:none}
.ac-btn-sm{font-size:12.5px;padding:6px 12px}

/* Kaarten */
.ac-card{background:#fff;border:1.5px solid var(--line);border-radius:20px;
  box-shadow:0 2px 12px rgba(14,14,16,.05);padding:22px 24px;margin-bottom:18px}
.ac-card-head{display:flex;align-items:center;justify-content:space-between;
  gap:12px;margin-bottom:18px}
.ac-card-head h2{font-family:var(--head);font-weight:800;font-size:15px;margin:0;
  display:flex;align-items:center;gap:9px}
.ac-card-head h2 svg{width:17px;height:17px;stroke:var(--accent);stroke-width:1.9;
  fill:none;stroke-linecap:round;stroke-linejoin:round}

/* Badges */
.ac-badge{display:inline-flex;align-items:center;font-size:12px;font-weight:700;
  letter-spacing:.02em;padding:3px 10px;border-radius:var(--r-pill)}
.ac-badge.ok{background:rgba(16,185,129,.12);color:#0a7d5a}
.ac-badge.processing{background:#eff6ff;color:#1d4ed8}
.ac-badge.pending{background:#fefce8;color:#854d0e}
.ac-badge.failed{background:#fef2f2;color:#dc2626}
.ac-badge.muted{background:#f1f1f3;color:var(--soft)}
.ac-badge.warning{background:#fefce8;color:#92400e}
.ac-btn-danger{border-color:rgba(220,38,38,.25);color:#dc2626}
.ac-btn-danger:hover{background:#fef2f2;border-color:#dc2626;color:#b91c1c;transform:none}

/* Bestellingen tabel */
.ac-orders{width:100%;border-collapse:collapse;font-size:14px}
.ac-orders th{font-family:var(--head);font-size:11px;font-weight:700;
  letter-spacing:.05em;text-transform:uppercase;color:var(--muted);
  padding:0 10px 10px;border-bottom:1px solid var(--line);text-align:left}
.ac-orders td{padding:13px 10px;border-bottom:1px solid var(--line);color:var(--ink);vertical-align:middle}
.ac-orders tbody tr:last-child td{border-bottom:none}
.ac-orders .r{text-align:right}
.ac-ord-date{color:var(--muted);white-space:nowrap;font-size:13px}
.ac-ord-num{color:var(--muted);font-size:13px;margin-right:4px}
.ac-ord-amt{font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap}
/* Mobiel: geen bedrag kolom */
@media(max-width:580px){
  .ac-orders{display:block}
  .ac-orders thead{display:none}
  .ac-orders tbody,.ac-orders tr{display:block}
  .ac-orders tr{padding:14px 0;border-bottom:1px solid var(--line)}
  .ac-orders tbody tr:last-child{border-bottom:none}
  .ac-orders td{display:inline;padding:0;border:none;font-size:13.5px}
  .ac-orders td.r{display:block;text-align:left;margin-top:6px}
  .ac-ord-amt{display:none}
}

/* Grid 2 kolommen (licentie + activaties) */
.ac-grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
@media(max-width:680px){.ac-grid2{grid-template-columns:1fr}}

/* Card2 — lichte kaarten in grid2 */
.ac-card2{background:var(--white);border:1.5px solid var(--line);border-radius:20px;
  box-shadow:0 2px 12px rgba(14,14,16,.05);padding:22px 24px}
.ac-card2-head{display:flex;align-items:center;justify-content:space-between;
  gap:12px;margin-bottom:16px}
.ac-card2-head h2{font-family:var(--head);font-weight:800;font-size:15px;margin:0;
  display:flex;align-items:center;gap:9px}
.ac-card2-head h2 svg{width:17px;height:17px;stroke:var(--accent);stroke-width:1.9;
  fill:none;stroke-linecap:round;stroke-linejoin:round}

/* Keybox lichte variant (in kaart, niet in dark plan) */
.keybox--light{background:#f7f7f8;border:1px dashed var(--line-2);
  border-radius:11px;color:var(--ink)}
.keybox--light code{color:var(--ink)}
.keybox--light .keybox-copy{color:var(--soft)}
.keybox--light .keybox-copy:hover{color:var(--accent)}

/* Licentie-meta (geldig-tot rij onder keybox) */
.ac-lic-meta{display:flex;align-items:center;gap:8px;margin-top:13px;
  font-size:13.5px;color:var(--soft)}
.ac-lic-meta svg{width:15px;height:15px;flex:none;stroke:var(--accent);
  stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}

/* Note — informatieregel met icoon */
.ac-note{font-size:12.5px;color:var(--muted);display:flex;align-items:flex-start;
  gap:7px;line-height:1.5}
.ac-note svg{width:14px;height:14px;flex:none;margin-top:2px;stroke:var(--muted);
  stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}

/* Licentiesleutel product-label */
.ac-lic-product{font-family:var(--head);font-weight:700;font-size:13px;
  letter-spacing:.05em;text-transform:uppercase;color:var(--muted);
  margin:0 0 10px}

/* Geen plan */
.ac-no-plan{background:#f9f9fa;border:1.5px dashed var(--line-2);border-radius:16px;
  padding:28px;text-align:center;color:var(--soft);margin-bottom:20px;font-size:15px}
.ac-no-plan a{color:var(--ink);font-weight:600}

/* ── Custom cart layout (De Rode Winkel stijl) ───────────────────────────── */
.gss-cart-wrap{max-width:1060px;margin:0 auto;padding:0 24px 80px}
.woocommerce-cart .entry-title,.woocommerce-cart .wc-page-title,.woocommerce-cart h1.gss-page-title{display:none}

/* Topnav */
.gss-cart-topnav{display:flex;align-items:center;justify-content:space-between;padding:32px 0 20px}
.gss-cart-back{font-size:14px;font-weight:600;color:var(--soft);text-decoration:none;transition:color .15s;border:1.5px solid var(--line-2);border-radius:var(--r-pill);padding:9px 18px;font-family:var(--head)}
.gss-cart-back:hover{color:var(--ink);border-color:var(--ink)}
.gss-cart-title{font-family:var(--head);font-size:clamp(22px,3vw,30px);font-weight:800;margin:0;color:var(--ink)}
.gss-cart-divider{border:none;border-top:1px solid var(--line);margin:0}

/* Column headers */
.gss-cart-head{display:grid;grid-template-columns:120px 1fr 140px 120px;gap:16px;align-items:center;padding:12px 0;font-family:var(--head);font-size:12px;font-weight:700;letter-spacing:.07em;color:var(--soft);text-transform:uppercase}

/* Cart row */
.gss-cart-row{display:grid;grid-template-columns:120px 1fr 140px 120px;gap:16px;align-items:center;padding:20px 0}
.gss-cart-thumb img{width:120px;height:120px;object-fit:cover;border-radius:var(--r);display:block}
.gss-cart-info{display:flex;flex-direction:column;gap:6px}
.gss-cart-name{font-family:var(--head);font-size:16px;font-weight:700;color:var(--ink)}
.gss-cart-name a{color:inherit;text-decoration:none}
.gss-cart-name a:hover{color:var(--accent)}
.gss-cart-price{font-size:15px;color:var(--soft)}
.gss-cart-remove{font-size:13px;color:var(--muted);text-decoration:underline;text-underline-offset:3px;cursor:pointer;transition:color .15s;background:none;border:none;padding:0;font-family:var(--body)}
.gss-cart-remove:hover{color:#dc2626}
.gss-cart-qty{display:flex;align-items:center}
.gss-cart-qty .quantity{display:flex}
.gss-cart-qty .qty{width:72px;height:42px;border:1.5px solid var(--line-2);border-radius:10px;text-align:center;font-family:var(--body);font-size:15px;color:var(--ink);background:#fff;padding:0 10px;-webkit-appearance:none}
.gss-cart-qty .qty:focus{outline:none;border-color:var(--accent)}
.gss-cart-qty-single{font-size:15px;font-weight:600;color:var(--ink)}
.gss-cart-subtotal{font-variant-numeric:tabular-nums;font-weight:700;font-size:16px;color:var(--ink);white-space:nowrap}
.gss-cart-subtotal del{color:var(--muted);font-weight:400;font-size:14px;margin-right:4px}

/* Actions (coupon + update) */
.gss-cart-actions{display:flex;align-items:center;gap:12px;padding:18px 0;flex-wrap:wrap}
.gss-cart-coupon{display:flex;gap:8px;flex:1;min-width:240px}
.gss-cart-coupon input{flex:1;height:42px;padding:0 14px;border:1.5px solid var(--line-2);border-radius:10px;font-family:var(--body);font-size:14px;color:var(--ink);background:#fff}
.gss-cart-coupon input:focus{outline:none;border-color:var(--accent)}
.gss-btn-outline{height:42px;padding:0 20px;border:1.5px solid var(--ink);border-radius:var(--r-pill);background:#fff;font-family:var(--head);font-size:14px;font-weight:700;color:var(--ink);cursor:pointer;transition:background .18s,color .18s}
.gss-btn-outline:hover{background:var(--ink);color:#fff}
.gss-btn-ghost{height:38px;padding:0 16px;border:1.5px solid var(--line-2);border-radius:var(--r-pill);background:transparent;font-family:var(--head);font-size:13px;font-weight:600;color:var(--muted);cursor:pointer;transition:border-color .15s,color .15s;margin-left:auto}
.gss-btn-ghost:hover{border-color:var(--ink);color:var(--ink)}

/* Totals block */
.gss-cart-totals-wrap{margin-top:0;padding-top:0}
.gss-cart-totals-wrap .cart_totals{max-width:460px;margin-left:auto;background:var(--bg-2,#f9f9fa);border:1.5px solid var(--line);border-radius:var(--r-lg);padding:28px 32px}
.gss-cart-totals-wrap .cart_totals h2{font-family:var(--head);font-size:18px;font-weight:800;margin:0 0 20px;color:var(--ink)}
.gss-cart-totals-wrap .cart_totals table{width:100%;border-collapse:collapse}
.gss-cart-totals-wrap .cart_totals table th,.gss-cart-totals-wrap .cart_totals table td{padding:11px 0;border-bottom:1px solid var(--line);font-size:15px;vertical-align:top}
.gss-cart-totals-wrap .cart_totals table th{color:var(--soft);font-weight:500;width:45%}
.gss-cart-totals-wrap .cart_totals .order-total th,.gss-cart-totals-wrap .cart_totals .order-total td{border-bottom:none;font-weight:800;font-size:18px;color:var(--ink);padding-top:16px}
.gss-cart-totals-wrap .wc-proceed-to-checkout{margin-top:20px}
.gss-cart-totals-wrap .wc-proceed-to-checkout .checkout-button{display:block;width:100%;text-align:center;padding:15px;border-radius:var(--r-pill);background:var(--ink);color:#fff;font-family:var(--head);font-size:16px;font-weight:800;text-decoration:none;transition:background .18s,transform .12s;letter-spacing:.01em}
.gss-cart-totals-wrap .wc-proceed-to-checkout .checkout-button:hover{background:var(--accent);transform:translateY(-1px)}

/* Hide cross-sells */
.gss-cart-wrap .cross-sells{display:none}

/* Mobiel cart */
@media(max-width:680px){
  .gss-cart-head{display:none}
  .gss-cart-row{grid-template-columns:88px 1fr;grid-template-rows:auto auto}
  .gss-cart-thumb img{width:88px;height:88px}
  .gss-cart-qty{grid-column:2;padding-left:0}
  .gss-cart-subtotal{grid-column:2;font-size:15px}
  .gss-cart-topnav{padding:20px 0 14px}
  .gss-cart-totals-wrap .cart_totals{max-width:100%}
}

/* ── Checkout trust strip ─────────────────────────────────────────────────── */
.gss-checkout-trust{display:flex;align-items:center;justify-content:center;gap:0;
  background:var(--bg-2,#f9f9fa);border-bottom:1px solid var(--line);
  padding:14px 24px;margin-bottom:32px;flex-wrap:wrap}
.gss-checkout-trust__item{display:flex;align-items:center;gap:8px;
  font-size:13.5px;font-weight:600;color:var(--ink);
  padding:6px 24px;border-right:1px solid var(--line)}
.gss-checkout-trust__item:last-child{border-right:none}
.gss-checkout-trust__item svg{width:18px;height:18px;flex:none;stroke-width:1.75;fill:none;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:680px){
  .gss-checkout-trust{flex-direction:column;align-items:flex-start;gap:10px;padding:16px}
  .gss-checkout-trust__item{border-right:none;padding:0}
}

/* ── Checkout 2-koloms grid (gss-co-form) ────────────────────────────────── */
.gss-co-form{max-width:1060px;margin:0 auto}
.gss-co-grid{display:grid;grid-template-columns:1fr 380px;gap:48px;align-items:start;margin-bottom:32px}
@media(max-width:860px){.gss-co-grid{grid-template-columns:1fr;gap:28px}}

/* Linker kolom: facturering */
.gss-co-left .woocommerce-billing-fields h3,
.gss-co-left .woocommerce-billing-fields__field-wrapper + h3{
  font-family:var(--head);font-size:20px;font-weight:800;margin:0 0 20px;color:var(--ink)}

/* Rechter kolom: sticky besteloverzicht */
.gss-co-summary{
  background:#f9f9fa;border:1.5px solid var(--line);border-radius:var(--r-lg);
  padding:24px;position:sticky;top:100px}
.gss-co-summary__title{
  font-family:var(--head);font-size:13px;font-weight:700;text-transform:uppercase;
  letter-spacing:.08em;color:var(--soft);margin:0 0 16px}

/* Verberg col2/additional-info in het geval WC het toch genereert */
.gss-co-form .col2-set,
.gss-co-form .woocommerce-additional-fields{display:none!important}

/* Validatiefout per veld: subtielere rode rand, fout-tekst klein */
.woocommerce-checkout .form-row.woocommerce-invalid input.input-text,
.woocommerce-checkout .form-row.woocommerce-invalid select{
  border-color:#ef4444!important;box-shadow:0 0 0 3px rgba(239,68,68,.08)}
.woocommerce-checkout .form-row .woocommerce-error,
.woocommerce-checkout .form-row.woocommerce-invalid .woocommerce-error{
  display:block!important;list-style:none!important;padding:0!important;margin:4px 0 0!important;
  background:none!important;border:none!important}
.woocommerce-checkout .form-row .woocommerce-error li,
.woocommerce-checkout .form-row.woocommerce-invalid .woocommerce-error li{
  font-size:11.5px!important;color:#dc2626!important;line-height:1.4!important;
  padding:0!important;margin:0!important;list-style:none!important}

/* Validatiemeldingen bovenaan de pagina: compacter */
.woocommerce-notices-wrapper .woocommerce-error{
  background:#fef2f2;border:none;border-left:3px solid #ef4444;
  border-radius:8px;padding:14px 18px;margin-bottom:20px;
  font-size:14px;color:#b91c1c;list-style:none}
.woocommerce-notices-wrapper .woocommerce-error li::before{content:'→ ';font-weight:700}

/* Trust strip onderaan checkout */
.gss-checkout-trust--bottom{
  border-top:1px solid var(--line);border-bottom:none;
  background:transparent;padding:20px 0 0;margin-top:8px;
  justify-content:flex-start;gap:32px}
.gss-checkout-trust--bottom .gss-checkout-trust__item{border-right:none;padding:0}

/* Verberg "Have a coupon?" notice op checkout */
.woocommerce-checkout .woocommerce-info.woocommerce-checkout-coupon-toggle,
.woocommerce-checkout .checkout_coupon.woocommerce-form-coupon{display:none!important}

/* Betalingsblok netter */
.woocommerce-checkout-payment{background:#fff;border-radius:var(--r);border:1.5px solid var(--line);overflow:hidden;margin-top:16px}
.woocommerce-checkout-payment ul.payment_methods{list-style:none;margin:0;padding:0}
.woocommerce-checkout-payment ul.payment_methods li{display:block;padding:14px 18px;border-bottom:1px solid var(--line);cursor:pointer}
.woocommerce-checkout-payment ul.payment_methods li:last-child{border-bottom:none}
.woocommerce-checkout-payment .payment_box{display:block;width:100%;background:#f9f9fa;padding:12px 18px;font-size:13.5px;color:var(--soft);line-height:1.5;border-top:1px solid var(--line);box-sizing:border-box;word-wrap:break-word}
.woocommerce-checkout-payment .payment_box p{font-size:13.5px!important;line-height:1.5!important;color:var(--soft)!important;margin:0!important;word-wrap:break-word}
.woocommerce-checkout-payment .place-order{padding:18px 18px 20px}
/* #order_review zit al in .gss-co-summary (border+padding) — reset dubbel-boxing */
.gss-co-form .woocommerce-checkout-review-order{background:transparent!important;border:none!important;border-radius:0!important;padding:0!important;position:static!important}
/* .prose p lekt door in checkout-betaalsectie — override */
.woocommerce-checkout .woocommerce-privacy-policy-text,.woocommerce-checkout .woocommerce-privacy-policy-text p{font-size:12.5px!important;line-height:1.5!important;color:var(--muted)!important;margin:0 0 10px!important}
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper,.woocommerce-checkout .wc-terms-and-conditions-checkbox-text{font-size:13px!important;line-height:1.5!important}

/* ── LMFWC licentiepagina ─────────────────────────────────────────────────── */
/* Verwijder groene achtergrond van vervaldatum (LMFWC geeft <b> in <td class="lmfwc-license-status">) */
.lmfwc-license-status b,
.woocommerce-table td b,
.woocommerce-MyAccount-content table.shop_table b {
  background: none !important;
  color: var(--ink);
  font-weight: 600;
}
/* Knoppen op licentiepagina naast elkaar met gap */
.woocommerce-MyAccount-content .lmfwc-button,
.woocommerce-MyAccount-content a.button.view,
.woocommerce-MyAccount-content .button.view {
  display: inline-flex;
  align-items: center;
  margin-right: 8px;
  margin-bottom: 6px;
  padding: 8px 16px;
  border-radius: var(--r-pill);
  font-family: var(--head);
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  border: 1.5px solid var(--line-2);
  background: transparent;
  color: var(--ink);
  transition: border-color .15s, background .15s, color .15s;
}
.woocommerce-MyAccount-content .lmfwc-button:hover,
.woocommerce-MyAccount-content a.button.view:hover,
.woocommerce-MyAccount-content .button.view:hover {
  border-color: var(--ink);
  background: var(--ink);
  color: #fff;
}
/* Actieknoppen-cel: flex zodat knoppen naast elkaar staan */
.woocommerce-MyAccount-content td.license-key-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

/* ── Interne pagina hero (page.php) ──────────────────────────────────────── */
.page-hero {
  background: var(--dark);
  padding: 148px 0 44px;
}
.page-hero__title {
  color: #fff;
  font-size: clamp(32px, 5vw, 54px);
  font-family: var(--head);
  font-weight: 800;
  letter-spacing: -.01em;
  line-height: 1.06;
}
@media(max-width:680px){
  .page-hero { padding: 120px 0 32px; }
}

/* ── Roadmap pagina ───────────────────────────────────────────────────────── */
.page-hero__sub{color:rgba(255,255,255,.65);font-size:18px;margin-top:14px;line-height:1.5}

/* Layout: tijdlijn links, sidebar rechts */
.rm-layout{display:grid;grid-template-columns:1fr 340px;gap:64px;align-items:start}
@media(max-width:900px){.rm-layout{grid-template-columns:1fr;gap:48px}}

/* Tijdlijn */
.rm-timeline{position:relative;padding-left:32px}
.rm-timeline::before{content:'';position:absolute;left:7px;top:8px;bottom:8px;width:2px;background:var(--line)}
.rm-entry{position:relative;margin-bottom:48px}
.rm-entry__node{position:absolute;left:-32px;top:4px;width:16px;height:16px;display:flex;align-items:center;justify-content:center}
.rm-entry__dot{width:12px;height:12px;border-radius:50%;background:var(--line-2);border:2px solid var(--bg);flex-shrink:0}
.rm-entry--current .rm-entry__dot{width:14px;height:14px;background:var(--accent);border-color:var(--bg);box-shadow:0 0 0 3px rgba(85,182,133,.25)}
.rm-entry--origin .rm-entry__dot{background:var(--line-2);opacity:.5}
.rm-entry__body{padding-left:4px}
.rm-entry__meta{display:flex;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}
.rm-entry__v{font-family:var(--head);font-size:20px;font-weight:800;color:var(--ink)}
.rm-entry--origin .rm-entry__v{font-size:28px}
.rm-entry__date{font-size:13px;color:var(--muted);font-weight:500}
.rm-badge-now{font-family:var(--head);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;background:var(--accent);color:#fff;padding:2px 8px;border-radius:20px}
.rm-entry__items{list-style:none;margin:0;padding:0}
.rm-entry__items li{position:relative;padding:5px 0 5px 20px;font-size:14px;line-height:1.55;color:var(--soft)}
.rm-entry__items li::before{content:'';position:absolute;left:0;top:13px;width:5px;height:5px;border-radius:50%;background:var(--line-2)}
.rm-entry--current .rm-entry__items li{color:var(--ink)}
.rm-entry--current .rm-entry__items li::before{background:var(--accent)}
.rm-entry--origin{opacity:.65}

/* Sidebar */
.rm-aside{position:sticky;top:100px}
.rm-planned{background:var(--bg);border:1.5px solid var(--line);border-radius:var(--r);overflow:hidden;margin-bottom:32px}
.rm-planned__head{display:flex;align-items:center;gap:8px;padding:13px 18px;font-family:var(--head);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);border-bottom:1.5px solid var(--line)}
.rm-planned__dot{width:7px;height:7px;border-radius:50%;background:var(--line-2);flex-shrink:0}
.rm-planned__list{list-style:none;margin:0;padding:8px 0}
.rm-planned__list li{padding:9px 18px;font-size:14px;color:var(--soft);border-top:1px solid var(--line)}
.rm-planned__list li:first-child{border-top:none}

/* Feature request in sidebar */
.rm-request{padding:28px;background:var(--bg);border:1.5px solid var(--line);border-radius:var(--r)}
.rm-request__title{font-family:var(--head);font-size:18px;font-weight:800;margin:0 0 8px;color:var(--ink)}
.rm-request__sub{font-size:13px;color:var(--soft);margin:0 0 20px;line-height:1.5}
.rm-gf .gform_wrapper{margin:0}
.rm-gf .gfield{margin-bottom:14px}
.rm-gf .gform_wrapper .gform_footer .gform_button{width:100%;text-align:center;padding:11px 20px;font-size:14px}

/* ── Gravity Forms thema-styling ─────────────────────────────────────────── */
.gform_wrapper .gform_heading{display:none}
.gform_wrapper .gfield{margin-bottom:18px}
.gform_wrapper .gfield_label{display:block;font-size:13px;font-weight:600;color:var(--soft);margin-bottom:6px;letter-spacing:.01em}
.gform_wrapper .gfield_required{color:var(--accent);margin-left:2px}
.gform_wrapper input[type=text],
.gform_wrapper input[type=email],
.gform_wrapper input[type=tel],
.gform_wrapper textarea{width:100%!important;font-family:var(--body);font-size:15px;border:1.5px solid var(--line-2);border-radius:10px;padding:11px 14px;background:#fff;color:var(--ink);outline:none;transition:border-color .2s;-webkit-appearance:none;box-sizing:border-box}
.gform_wrapper input[type=text]:focus,
.gform_wrapper input[type=email]:focus,
.gform_wrapper input[type=tel]:focus,
.gform_wrapper textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(83,210,165,.12)}
.gform_wrapper .gform_footer .gform_button,
.gform_wrapper .gform_page_footer .gform_button{font-family:var(--head);font-weight:700;font-size:15px;padding:13px 28px;border-radius:var(--r-pill);background:var(--ink);color:#fff;border:none;cursor:pointer;transition:background .2s;-webkit-appearance:none}
.gform_wrapper .gform_button:hover{background:#27272a}
.gform_wrapper .gfield_validation_message,.gform_wrapper .validation_message{font-size:13px;color:#dc2626;margin-top:4px;border:none;padding:0;background:none}
.gform_wrapper .gform_validation_errors{background:none;border:1.5px solid #dc2626;border-radius:var(--r);padding:14px 18px;font-size:14px;color:#dc2626;margin-bottom:20px}
.gform_wrapper .gform_confirmation_message{font-size:15px;color:var(--ink);padding:18px;background:var(--bg);border:1.5px solid var(--line);border-radius:var(--r);line-height:1.5}
.gform_wrapper .gfield_error input,
.gform_wrapper .gfield_error textarea{border-color:#dc2626}

/* ── Newsletter signup sectie ────────────────────────────────────────────── */
.newsletter-section{
  background:radial-gradient(ellipse 90% 200% at 70% 50%,rgba(16,185,129,.28) 0%,rgba(16,185,129,.06) 55%,transparent 78%),
             linear-gradient(180deg,#0c1f18 0%,#080e0b 100%);
  padding:72px 0;
  border-top:1px solid rgba(16,185,129,.30);
  border-bottom:1px solid rgba(16,185,129,.15);
}
.newsletter-inner{display:flex;align-items:center;gap:56px}
@media(max-width:780px){.newsletter-inner{flex-direction:column;gap:28px}}
.newsletter-text{flex:0 0 360px}
@media(max-width:780px){.newsletter-text{flex:none}}
.newsletter-title{font-family:var(--head);font-size:clamp(22px,3vw,30px);font-weight:800;color:#fff;margin:0 0 10px;letter-spacing:-.01em}
.newsletter-sub{font-size:15px;color:rgba(255,255,255,.55);margin:0;line-height:1.6}
.newsletter-form{flex:1}
.newsletter-fields{display:flex;gap:10px;flex-wrap:wrap}
.newsletter-fields input{
  flex:1;min-width:160px;font-family:var(--body);font-size:14px;
  border:1.5px solid rgba(255,255,255,.15);border-radius:var(--r-pill);
  padding:12px 18px;background:rgba(255,255,255,.07);color:#fff;
  outline:none;transition:border-color .2s,background .2s;
}
.newsletter-fields input::placeholder{color:rgba(255,255,255,.35)}
.newsletter-fields input:focus{border-color:var(--accent);background:rgba(255,255,255,.10)}
.btn--outline-light{
  font-family:var(--head);font-weight:700;font-size:14px;padding:12px 26px;
  border-radius:var(--r-pill);background:var(--accent);color:#fff;
  border:none;cursor:pointer;
  transition:opacity .2s,transform .15s;white-space:nowrap;
  box-shadow:0 0 18px rgba(16,185,129,.35);
}
.btn--outline-light:hover{opacity:.88;transform:translateY(-1px)}
.newsletter-disclaimer{font-size:12px;color:#fff;margin:10px 0 0;text-align:right}
.newsletter-msg{font-size:14px;margin:10px 0 0;font-weight:500}
.newsletter-msg--ok{color:var(--accent)}
.newsletter-msg--err{color:#f87171}

/* === Subhero page templates — Lees verder + Band CTA + Releases + Vergelijken + Talen + Syseisen === */
/* Lees verder related cards */
.prose-section{padding:64px 0}
.related{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:0}
.rcard{border:1px solid var(--line);border-radius:var(--r);background:var(--white);padding:24px;transition:transform .3s var(--ease),box-shadow .3s;display:block;text-decoration:none;color:inherit}
.rcard:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.rcard h3{font-size:17px;margin:8px 0 5px;font-family:var(--head);font-weight:700}
.rcard p{color:var(--soft);font-size:14px;margin:0}
@media(max-width:760px){.related{grid-template-columns:1fr}}
/* Dark CTA band */
.band{background:linear-gradient(140deg,#13201c,#0e0e10)!important;border-radius:var(--r-lg);text-align:center;padding:84px 32px;margin:0 48px}
.band h2{color:#fff;font-size:clamp(28px,4vw,46px);margin-bottom:14px}
.band p{color:#d4d4d8;font-size:18px;margin:0 auto 28px;max-width:46ch}
.band .btn{margin:0 auto}
@media(max-width:760px){.band{margin:0 20px;padding:54px 22px}}
/* dark-band: full-bleed dark stripe (gebruikt in systeemeisen, vergelijken) */
section.dark-band{background:linear-gradient(140deg,#13201c,#0e0e10);color:#fff;text-align:center;padding:84px 32px!important;margin:0}
section.dark-band h2{color:#fff;font-size:clamp(26px,3.8vw,42px);letter-spacing:-.02em;margin-bottom:12px}
section.dark-band p{color:#d4d4d8;font-size:17px;margin:0 auto 28px;max-width:50ch}
section.dark-band .btn.dark{margin:0 auto}
@media(max-width:760px){section.dark-band{padding:56px 22px!important}}
/* ── Releases changelog ──────────────────────────────────────────────────────── */
.rel-layout{display:grid;grid-template-columns:1fr .52fr;gap:56px;align-items:start}
.changelog{display:grid;gap:12px}
/* Individuele entry */
.rel-entry{border:1px solid var(--line);border-radius:var(--r);background:var(--white);padding:22px 26px}
.rel-entry--tagged{border-color:var(--accent);box-shadow:0 0 0 3px rgba(16,185,129,.08)}
.rel-entry__meta{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.rel-entry__v{font-family:var(--head);font-weight:800;font-size:16px;letter-spacing:0;color:var(--ink)}
.rel-entry__date{font-family:var(--head);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.rel-tag{margin-left:auto;font-family:var(--head);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#fff;background:var(--accent);padding:3px 10px;border-radius:64px}
.rel-entry__items{list-style:none;padding:0;margin:0;display:grid;gap:7px}
.rel-entry__items li{font-size:15px;color:var(--ink-2);padding-left:18px;position:relative;line-height:1.5}
.rel-entry__items li::before{content:"→";position:absolute;left:0;color:var(--accent);font-family:var(--head);font-weight:700}
/* Sticky CTA sidebar */
.rel-cta{position:sticky;top:108px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--white);padding:28px;box-shadow:var(--shadow)}
.rel-cta h3{font-size:20px;margin:8px 0 10px;letter-spacing:0;font-family:var(--head)}
.rel-cta p{color:var(--soft);font-size:15px;line-height:1.55;margin:0 0 20px}
.rel-cta .btn{width:100%;justify-content:space-between;margin-bottom:14px}
.rel-cta .rc-link{display:inline-block;font-family:var(--head);font-weight:600;font-size:14px;color:var(--ink);text-decoration:none}
/* rmstep in releases sidebar (roadmap-stappen) */
.rmstep__phase{font-family:var(--head);font-weight:700;font-size:14px;color:var(--ink);margin-bottom:8px}
.rmstep.now .rmstep__phase{color:var(--accent)}
.rmstep__items{list-style:none;padding:0;margin:0;display:grid;gap:7px}
.rmstep__items li{font-size:13.5px;color:var(--ink-2);padding-left:16px;position:relative;line-height:1.4}
.rmstep__items li::before{content:"·";position:absolute;left:4px;color:var(--muted);font-weight:700}
.rmstep.now .rmstep__items li::before{content:"→";left:0;color:var(--accent);font-family:var(--head)}
@media(max-width:860px){.rel-layout{grid-template-columns:1fr;gap:30px}.rel-cta{position:static}}

/* ── Roadmap tijdlijn ─────────────────────────────────────────────────────────── */
.rm-layout{display:grid;grid-template-columns:1fr 320px;gap:56px;align-items:start}
.rm-timeline{display:flex;flex-direction:column;gap:0}
/* Tijdlijn entry */
.rm-entry{display:grid;grid-template-columns:32px 1fr;gap:0 20px;position:relative}
.rm-entry+.rm-entry .rm-entry__node::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:2px;height:100%;background:var(--line);z-index:0}
.rm-entry__node{display:flex;flex-direction:column;align-items:center;position:relative;padding-top:3px}
.rm-entry__node::before{content:"";position:absolute;top:20px;left:50%;transform:translateX(-50%);width:2px;height:calc(100% + 0px);background:var(--line)}
.rm-entry__dot{width:14px;height:14px;border-radius:50%;background:var(--white);border:2px solid var(--line-2);position:relative;z-index:1;flex-shrink:0;margin-top:4px}
.rm-entry--current .rm-entry__dot{background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 4px rgba(16,185,129,.15)}
.rm-entry--origin .rm-entry__dot{background:var(--ink);border-color:var(--ink)}
.rm-entry__body{padding-bottom:32px}
.rm-entry__meta{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.rm-entry__v{font-family:var(--head);font-weight:800;font-size:16px;color:var(--ink)}
.rm-entry__date{font-family:var(--head);font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.rm-badge-now{font-family:var(--head);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#fff;background:var(--accent);padding:3px 10px;border-radius:64px}
.rm-entry__items{list-style:none;padding:0;margin:0;display:grid;gap:6px}
.rm-entry__items li{font-size:15px;color:var(--ink-2);padding-left:18px;position:relative;line-height:1.5}
.rm-entry__items li::before{content:"→";position:absolute;left:0;color:var(--accent);font-family:var(--head);font-weight:700}
.rm-entry--current .rm-entry__items li{color:var(--ink)}
/* Aside: gepland + aanvragen */
.rm-aside{position:sticky;top:108px;display:flex;flex-direction:column;gap:24px}
.rm-planned{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--white);padding:24px}
.rm-planned__head{display:flex;align-items:center;gap:10px;font-family:var(--head);font-weight:700;font-size:15px;color:var(--ink);margin-bottom:14px}
.rm-planned__dot{width:10px;height:10px;border-radius:50%;background:var(--muted);flex-shrink:0}
.rm-planned__list{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.rm-planned__list li{font-size:14.5px;color:var(--ink-2);padding-left:16px;position:relative;line-height:1.4}
.rm-planned__list li::before{content:"·";position:absolute;left:4px;color:var(--muted);font-size:18px;line-height:1}
.rm-request{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--white);padding:24px}
.rm-request__title{font-family:var(--head);font-size:17px;font-weight:700;margin:0 0 6px;letter-spacing:0}
.rm-request__sub{font-size:14px;color:var(--soft);margin:0 0 16px;line-height:1.5}
.rm-gf .gform_wrapper{margin:0}
.rm-gf .gfield_label{font-family:var(--head);font-size:13px;font-weight:600;color:var(--soft)}
.rm-gf input,.rm-gf textarea{width:100%;border:1.5px solid var(--line);border-radius:var(--r);padding:10px 14px;font-size:14px;background:var(--bg);color:var(--ink);box-sizing:border-box}
.rm-gf input:focus,.rm-gf textarea:focus{border-color:var(--accent);outline:none}
.rm-gf .gform_footer .gform_button{width:100%;background:var(--ink);color:#fff;border:none;border-radius:var(--r-pill);padding:12px;font-family:var(--head);font-size:15px;font-weight:700;cursor:pointer}
@media(max-width:900px){.rm-layout{grid-template-columns:1fr;gap:32px}.rm-aside{position:static}}
/* System requirements */
.syseisen{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.sysblock{border:1px solid var(--line);border-radius:var(--r);background:var(--white);padding:28px 30px}
.sysblock h3{font-family:var(--head);font-size:20px;font-weight:700;margin:0 0 16px;letter-spacing:0}
.syslist{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.syslist li{font-size:15.5px;color:var(--ink-2);padding-left:22px;position:relative;line-height:1.5}
.syslist li:before{content:"✓";position:absolute;left:0;color:var(--accent);font-weight:700;font-family:var(--head)}
.sysp{font-size:15.5px;color:var(--ink-2);line-height:1.6;margin:0 0 18px}
.sysnote{font-size:13px;color:var(--muted);margin-top:12px}
.systable{width:100%;border-collapse:collapse;font-size:14.5px}
.systable th{text-align:left;font-family:var(--head);font-weight:600;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:0 0 9px;border-bottom:1px solid var(--line)}
.systable td{padding:9px 0;border-bottom:1px solid var(--line);font-weight:500;color:var(--ink-2)}
.systable tr:last-child td{border-bottom:none}
.systable td:last-child,.systable th:last-child{text-align:right;font-variant-numeric:tabular-nums;color:var(--soft)}
@media(max-width:760px){.syseisen{grid-template-columns:1fr}}
/* Languages */
.langs{display:flex;gap:11px;flex-wrap:wrap}
.lang{border:1px solid var(--line-2);background:var(--white);border-radius:var(--r-pill);padding:10px 22px;font-family:var(--head);font-weight:500;font-size:15px;transition:transform .2s var(--ease),border-color .2s}
.lang:hover{transform:translateY(-2px);border-color:var(--accent)}
.lang.star{background:var(--ink);color:#fff;border-color:var(--ink)}
/* Comparison */
.ic{stroke:currentColor;stroke-width:1.75;fill:none;stroke-linecap:round;stroke-linejoin:round;display:block}
.cmp{border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;background:var(--white);box-shadow:var(--shadow)}
.cmp .row{display:grid;grid-template-columns:1.6fr 1fr 1fr;border-top:1px solid var(--line);align-items:center}
.cmp .row:first-child{border-top:none;background:var(--ink);color:#fff;font-family:var(--head);font-weight:600;font-size:14px}
.cmp .row>div{padding:16px 24px;font-size:15px}
.cmp .c{display:grid;place-items:center}
.featgrid .row>div:first-child{display:flex;flex-direction:column;justify-content:center;gap:3px}
.featgrid .row>div:first-child b{font-family:var(--head);font-weight:600;font-size:15.5px}
.featgrid .fd{font-size:13px;color:var(--soft);line-height:1.45;font-weight:400}
.featgrid .c{font-family:var(--head);font-weight:600;font-size:13.5px}
.cmp .yes{color:var(--accent)}.cmp .yes .ic{width:20px;height:20px;stroke-width:2.5}
.cmp .nope{color:var(--muted);font-size:13px}
/* featgrid-head / featgrid-row aliassen (template gebruikt andere class-namen dan .row) */
.featgrid .featgrid-head,.featgrid .featgrid-row{display:grid;grid-template-columns:1.6fr 1fr 1fr;border-top:1px solid var(--line);align-items:center}
.featgrid .featgrid-head{border-top:none;background:var(--ink);color:#fff;font-family:var(--head);font-weight:600;font-size:14px}
.featgrid .featgrid-head>div,.featgrid .featgrid-row>div{padding:16px 24px;font-size:15px}
.featgrid .fg-feat{display:flex;flex-direction:column;justify-content:center;gap:3px}
.featgrid .fg-feat strong{font-family:var(--head);font-weight:600;font-size:15.5px}
.featgrid .fg-feat p{font-size:13px!important;color:var(--soft)!important;line-height:1.45!important;font-weight:400;margin:0!important}
.cmp-cta{margin-top:22px;background:var(--ink);color:#fff;border-radius:var(--r-lg);padding:30px 34px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.cmp-cta .cc-txt{display:flex;flex-direction:column;gap:5px;min-width:0}
.cmp-cta .cc-txt b{font-family:var(--head);font-size:21px;font-weight:700;letter-spacing:0}
.cmp-cta .cc-txt span{color:#a1a1aa;font-size:15px}
.cmp-cta .cta{display:flex;gap:10px;flex-wrap:wrap}
@media(max-width:640px){.cmp-cta{flex-direction:column;align-items:flex-start;padding:24px}.cmp-cta .cc-txt b{font-size:18px}.cmp-cta .cta{width:100%}.cmp-cta .cta .btn{flex:1}}
@media(max-width:640px){.cmp .row{grid-template-columns:1.4fr .8fr .8fr}.cmp .row>div{padding:13px 14px;font-size:13px}}

/* ── Billing toggle (Pro Monthly) ── */
.billing-toggle{display:flex;gap:6px;justify-content:center;margin-bottom:36px;background:var(--white);border:1px solid var(--line);border-radius:var(--r-pill);padding:5px;width:fit-content;margin-left:auto;margin-right:auto}
.bt-opt{font-family:var(--head);font-weight:600;font-size:14.5px;padding:9px 22px;border-radius:var(--r-pill);border:none;cursor:pointer;background:transparent;color:var(--soft);transition:background .22s,color .22s;display:inline-flex;align-items:center;gap:9px}
.bt-opt.active{background:var(--ink);color:#fff}
.bt-save{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(135deg,#5fe6c4,#10b981);color:#06241c;border-radius:999px;padding:3px 10px}
.bt-opt:not(.active) .bt-save{background:rgba(16,185,129,.12);color:var(--accent-2)}
.price .after{font-size:13px;color:var(--muted);margin-top:-2px}
.price.pop .after{color:#a1a1aa}