.elementor-9563 .elementor-element.elementor-element-8672cc2:not(.elementor-motion-effects-element-type-background), .elementor-9563 .elementor-element.elementor-element-8672cc2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-9563 .elementor-element.elementor-element-8672cc2{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-9563 .elementor-element.elementor-element-8672cc2 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-029b2e5 *//* =============================================================================
   FONT
============================================================================= */
@font-face{
  font-family:"Futura SCB";
  src:url("https://scombank.sr/wp-content/uploads/2021/10/Futura-Light.woff") format("woff");
  font-weight:300;
  font-style:normal;
  font-display:swap;
}

/* =============================================================================
   DESIGN TOKENS
============================================================================= */
:root{
  --sp-red:#e02228; --sp-black:#0b0b0b; --sp-border:rgba(0,0,0,.10);

  --g-900:#1c1e21; --g-800:#2a2f35; --g-700:#3d434b; --g-600:#505661;
  --g-500:#6b717c; --g-400:#8b919a; --g-300:#c2c6cd; --g-200:#e6e8ec;
  --g-150:#f0f1f4; --g-100:#f7f8fa;

  --ps-purple:#872fff; --ps-purple-dark:#6b22d1;

  --maxw:1200px; --sp-radius:16px; --sp-shadow:0 10px 24px rgba(0,0,0,.08);

  --fs-base:16px; --fs-title:clamp(1.3rem,2.2vw,1.8rem); --fs-hero:clamp(1.6rem,3.2vw,2.4rem);
  --fs-sub:1rem; --fs-steps:.98rem; --fs-bullets:.95rem; --fs-faq:.98rem;

  --trust-bg:var(--g-100); --trust-text:var(--g-600); --trust-logo-h:26px; --trust-gap:18px; --trust-label-fs:.95rem;

  --pv-border:var(--sp-border); --pv-radius:16px; --pv-shadow:0 12px 28px rgba(0,0,0,.06);
  --pv-head-bg:linear-gradient(180deg,#fcfcfd 0%,#f6f7f9 100%);
  --pv-feature-col:#eef6f0; --pv-feature-ring:rgba(32,146,85,.22); --pv-fs:.96rem; --pv-gray:var(--g-600);
}

/* =============================================================================
   BASE
============================================================================= */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0; background:#fff; color:#111;
  font-family:"Futura SCB",system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial,sans-serif;
  font-size:var(--fs-base); line-height:1.45;
}
.ps-section{padding:clamp(20px,4vw,50px) 0}
.ps-wrap{max-width:var(--maxw); margin:0 auto; padding-inline:clamp(16px,4vw,28px)}
.ps-wrap--wide{max-width:1400px}
.ps-title{color:var(--sp-black); font-size:var(--fs-title); font-weight:600; margin:0 0 1rem}

/* =============================================================================
   BUTTONS
============================================================================= */
.ps-btn{
  display:inline-flex; align-items:center; justify-content:center;
  padding:.9rem 1.2rem; border-radius:999px; font-weight:600;
  text-decoration:none; background:#000; color:#fff; border:1px solid #000;
  transition:background .15s,border-color .15s,transform .15s;
}
.ps-btn:hover{background:#151515;border-color:#151515}
.ps-btn--black{background:#000;border-color:#000;color:#fff}
.ps-btn--ghost{background:#fff;color:#000;border-color:#000}
.ps-btn--ghost:hover{background:#f2f2f2}
.ps-btn--primary{background:var(--ps-purple)!important;border-color:var(--ps-purple)!important;color:#fff!important}
.ps-btn--primary:hover{background:var(--ps-purple-dark)!important;border-color:var(--ps-purple-dark)!important}
.ps-doc__btn{padding:.7rem 1rem}
@media (max-width:480px){.ps-btn{width:100%;justify-content:center}}

/* =============================================================================
   TRUST STRIP
============================================================================= */
#ps-trust{background:var(--trust-bg); border-bottom:1px solid var(--sp-border)}
#ps-trust .trust-inner{
  display:flex; align-items:center; justify-content:space-between; gap:16px; padding:12px 0; flex-wrap:wrap;
}
.trust-label{
  display:flex; align-items:center; gap:.5rem; color:var(--trust-text);
  text-transform:uppercase; letter-spacing:.06em; font-weight:700; font-size:var(--trust-label-fs);
}
.trust-icon{width:18px;height:18px;fill:var(--trust-text);opacity:.9}
.trust-logos{display:flex;align-items:center;gap:var(--trust-gap)}
.trust-logo img{height:var(--trust-logo-h);opacity:.95;transition:opacity .2s,transform .2s,filter .2s}
.trust-logo:hover img{transform:translateY(-1px);filter:brightness(1.08);opacity:.98}
.trust-divider{opacity:.35}
@media (max-width:720px){#ps-trust .trust-inner{justify-content:center;text-align:center}}

/* =============================================================================
   HERO
============================================================================= */
#ps-hero.ps-section{padding:clamp(40px,6vw,80px) 0 clamp(30px,5vw,60px)}
.ps-hero-grid{display:grid; align-items:start; gap:clamp(1rem,3vw,2rem); grid-template-columns:.95fr 1.05fr}
.ps-hero-copy h1{
  margin:0 0 .8rem; color:var(--sp-black); font-size:var(--fs-hero); font-weight:800; line-height:1.12
}
.ps-hero-copy h1::after{
  content:""; display:block; width:clamp(120px,22vw,260px); height:6px; margin-top:10px; border-radius:999px;
  background:linear-gradient(90deg,#872fff,#6b22d1 60%,rgba(135,47,255,.25));
  box-shadow:0 6px 18px rgba(135,47,255,.25);
}
.ps-hero-lead{margin:0 0 1.2rem; font-size:1.05rem; color:#333}

/* Media rechts */
.ps-hero-media{position:relative}
.ps-hero-media .phone-pop{
  position:relative; left:50%; transform:translateX(-50%);
  width:100%; border-radius:var(--sp-radius);
  filter:drop-shadow(0 10px 20px rgba(0,0,0,.18)); z-index:2;
}
.ps-hero-media .phone-shadow{
  position:absolute; left:50%; bottom:clamp(-8px,-1.5vw,-14px); transform:translateX(-50%);
  width:78%; height:clamp(18px,3.6vw,34px); border-radius:999px;
  background:radial-gradient(ellipse at center, rgba(0,0,0,.25) 0%, rgba(0,0,0,.15) 40%, rgba(0,0,0,0) 100%);
  filter:blur(2px); z-index:1; pointer-events:none;
}

/* Hero USP’s */
.ps-hero-usps{display:flex;flex-direction:column;align-items:flex-start;gap:.8rem;margin:1.4rem 0 0;padding:0;list-style:none}
.ps-hero-usp-item{
  display:flex; align-items:center; gap:.85rem; padding:.75rem 1rem; width:100%; max-width:480px;
  background:#fff; border:1px solid rgba(0,0,0,.06); border-radius:14px; box-shadow:0 4px 12px rgba(0,0,0,.05);
  transition:transform .25s ease, box-shadow .25s ease; font-weight:600;
}
.ps-hero-usp-item:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.08)}
.ps-hero-usp-item .usp-icon{
  flex:0 0 34px; width:34px; height:34px; display:grid; place-items:center; border-radius:50%;
  background:var(--ps-purple); color:#fff; box-shadow:0 3px 8px rgba(135,47,255,.25); transition:transform .25s, background .25s;
}
.ps-hero-usp-item:hover .usp-icon{background:var(--ps-purple-dark); transform:scale(1.08)}
.ps-hero-usp-item .usp-text{color:#111; line-height:1.35}
.ps-hero-usp-item .usp-text strong{color:var(--sp-red)}

/* Store badges */
.store-badges{
  display:flex; align-items:center; justify-content:flex-end;
  gap:12px; margin-top:12px; padding-right:2px; flex-wrap:wrap;
}
.store-badge img{
  height:44px; width:auto; display:block;
  filter:drop-shadow(0 2px 6px rgba(0,0,0,.08)); transition:transform .18s ease, filter .18s ease;
}
.store-badge:hover img{transform:translateY(-1px); filter:drop-shadow(0 4px 10px rgba(0,0,0,.14))}
@media (max-width:900px){.ps-hero-grid{grid-template-columns:1fr} .store-badges{justify-content:center}}
@media (max-width:600px){.store-badge img{height:40px} .ps-hero-media .phone-pop{width:102%}}

/* =============================================================================
   SEO MINI SECTION
============================================================================= */
#ps-seo{
  background:#fff; text-align:center;
  padding:clamp(32px,5vw,60px) 0; border-bottom:1px solid rgba(0,0,0,.05);
}
.ps-seo-head h2{font-size:clamp(1.4rem,2.2vw,1.9rem); font-weight:700; color:var(--sp-black); margin:0 0 .5rem}
.ps-seo-sub{color:#333; font-size:1.05rem; max-width:620px; margin:0 auto 2rem; line-height:1.5}
.ps-seo-tags{
  display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:1.2rem; justify-items:center;
}
.ps-tag{
  background:#fff; border:2px solid var(--ps-purple); border-radius:18px; padding:1.4rem 1.1rem; max-width:300px;
  box-shadow:0 8px 18px rgba(135,47,255,.08);
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.ps-tag:hover{transform:translateY(-3px); box-shadow:0 10px 26px rgba(135,47,255,.18); border-color:var(--ps-purple-dark)}
.ps-tag-icon{font-size:1.6rem; display:block; margin-bottom:.5rem}
.ps-tag h4{font-size:1.1rem; font-weight:800; margin:0 0 .3rem; color:var(--sp-black)}
.ps-tag p{font-size:.95rem; color:#444; margin:0; line-height:1.45}
@media (max-width:600px){.ps-seo-sub{font-size:1rem;margin-bottom:1.6rem} .ps-tag{max-width:100%}}

/* =============================================================================
   TAB SWITCHER (pill look + ink)
============================================================================= */
.ps-tabbar-rail{
  position:relative; width:100vw; left:50%; right:50%;
  margin-left:-50vw; margin-right:-50vw;
  background:#fff; border-bottom:1px solid var(--g-200);
}
.ps-tabbar{
  max-width:var(--maxw); margin:0 auto; padding:8px 16px;
  display:flex; justify-content:center; align-items:center; gap:clamp(10px,3vw,22px);
}
.ps-tab{
  position:relative; display:inline-flex; align-items:center; gap:.6rem;
  padding:.6rem 1rem; font:inherit; font-weight:800; letter-spacing:.01em;
  font-size:clamp(.98rem,1.8vw,1.05rem);
  border:1px solid var(--g-200); border-radius:999px; background:#fff; color:#2a2f35;
  cursor:pointer; transition:background .2s,border-color .2s,color .2s,transform .2s; box-shadow:0 2px 8px rgba(0,0,0,.04);
}
.ps-tab:hover{transform:translateY(-1px);border-color:var(--g-300)}
.ps-tab.is-active{background:#f4f0ff;border-color:rgba(135,47,255,.35);color:#1b1b1b;box-shadow:0 4px 14px rgba(135,47,255,.15)}
.ps-tab .tab-dot{width:8px;height:8px;border-radius:999px;background:var(--g-300);box-shadow:inset 0 0 0 1px rgba(255,255,255,.5)}
.ps-tab.is-active .tab-dot{background:#872fff}
.ps-tab:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(135,47,255,.25)}
.ps-tab-ink{
  position:absolute; bottom:-1px; height:3px; width:100px; border-radius:999px;
  background:linear-gradient(90deg,#3a5fb3 0%,#872fff 100%); transition:transform .25s ease,width .25s ease;
}
.ps-tabs-body .ps-panel[hidden]{display:none!important}
@media (max-width:640px){.ps-tabbar{gap:18px} .ps-tab{padding:.55rem .9rem}}

/* =============================================================================
   PANELS (full-width, polish)
============================================================================= */
.ps-dual-grid{display:block}
.ps-panel{
  width:100%; margin:0 0 24px;
  border-radius:18px; overflow:clip; border:1px solid var(--sp-border);
  box-shadow:0 10px 24px rgba(0,0,0,.06);
  background:
    radial-gradient(900px 220px at 100% -10%, rgba(135,47,255,.08), transparent 55%),
    linear-gradient(180deg,#fff 0%, #fafbff 100%);
}
.ps-panel + .ps-panel{border-top:1px solid var(--sp-border);margin-top:24px;padding-top:24px}
.ps-panel .ps-panel-head{
  position:relative; padding:18px 18px 14px; border-bottom:1px solid rgba(0,0,0,.06);
  background:linear-gradient(180deg,#ffffff 0%, #f8f9fb 100%);
}
.ps-panel .ps-panel-head h2{margin:0 0 .35rem; font-size:clamp(1.1rem,2.4vw,1.45rem); line-height:1.25; font-weight:800}
.ps-panel .ps-panel-head .ps-sub{margin:0; color:#404756}
.ps-panel .ps-panel-head::after{
  content:""; position:absolute; left:0; right:0; bottom:-1px; height:3px;
  background:linear-gradient(90deg,#872fff 0%, rgba(135,47,255,.15) 60%, transparent 100%); opacity:.35;
}
.ps-flags{display:flex; gap:.6rem; align-items:center; margin-top:.6rem; justify-content:flex-start; flex-wrap:wrap}
.flag-badge{
  display:inline-flex; align-items:center; padding:.35rem .55rem; background:#fff; border:1px solid var(--sp-border);
  border-radius:999px; box-shadow:0 6px 14px rgba(0,0,0,.06);
}
.flag-badge img{width:28px; height:20px; border-radius:4px; display:block}

/* --- EU PANEL special: center & bigger --- */
#ps-eu .ps-panel-head{ text-align:center }
#ps-eu .ps-panel-head h2{ font-size:clamp(1.25rem,2.8vw,1.75rem) }
#ps-eu .ps-panel-head .ps-sub{ font-size:clamp(1rem,1.6vw,1.15rem) }
#ps-eu .ps-flags{ justify-content:center }

/* =============================================================================
   EU PANEL: MEDIA SPLIT (video links, PDF rechts)
============================================================================= */
#ps-eu .ps-media-split{
  display:grid; grid-template-columns:1fr 1fr; gap:18px; align-items:start; margin-top:14px;
}
@media (max-width:900px){
  #ps-eu .ps-media-split{grid-template-columns:1fr; gap:14px}
}

/* compacte video */
#ps-eu .ps-media-block{ margin:0 } /* geen extra top-margin in split */
#ps-eu .ps-video-card{ aspect-ratio:16/9; max-width:700px; margin:0 auto } /* compacter */
@media (max-width:900px){ #ps-eu .ps-video-card{ max-width:100% } }

/* rechterkolom: documenten */
#ps-eu .ps-docs{ margin:0 } /* strak naast video */

/* =============================================================================
   STEPS inside panels
============================================================================= */
.ps-step-list{list-style:none; padding:0; margin:1rem 0; display:grid; gap:.8rem}
.ps-step{
  display:grid; grid-template-columns:40px 1fr; gap:12px; align-items:start;
  background:#fff; border:1px solid var(--sp-border); border-radius:12px; padding:.9rem;
}
.ps-step-num{
  display:grid; place-items:center; width:36px; height:36px; border-radius:50%;
  background:var(--ps-purple); color:#fff; font-weight:700; box-shadow:0 8px 14px rgba(135,47,255,.28);
}
.ps-step h4{margin:.1rem 0 .25rem; font-weight:800; font-size:1rem}
.ps-step p{margin:0; font-size:var(--fs-steps)}
.ps-bullets h3{font-size:1.25rem; font-weight:700; margin:1.2rem 0 .6rem; color:var(--sp-black)}
.ps-bullets ul{margin:.5rem 0 0 1rem; padding:0; font-size:var(--fs-bullets)}
.ps-bullets li{margin:.3rem 0}

/* quick role chips (optioneel in headers) */
.role-chip{
  display:inline-flex; align-items:center; gap:.45rem;
  padding:.35rem .6rem; margin-top:.55rem;
  border-radius:999px; font-weight:800; font-size:.85rem;
  background:#fff; border:1px solid var(--g-200); color:#1f1f1f;
  box-shadow:0 4px 10px rgba(0,0,0,.05);
}
.role-chip .dot{ width:8px; height:8px; border-radius:999px; background:#bbb }
.role-chip--eu .dot{ background:#3a5fb3 }
.role-chip--sr .dot{ background:#e02228 }

/* =============================================================================
   DOCUMENT CARDS
============================================================================= */
.ps-docs{display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:20px; margin-top:1rem}
.ps-docs--spaced{margin-bottom:20px}
.ps-doc{
  display:flex; align-items:center; justify-content:space-between; gap:14px;
  background:#fff; border:1px solid rgba(0,0,0,.1); border-radius:12px; padding:16px 18px;
  box-shadow:0 2px 6px rgba(0,0,0,.04); transition:transform .2s ease, box-shadow .2s ease;
}
.ps-doc:hover{transform:translateY(-2px); box-shadow:0 4px 10px rgba(0,0,0,.08)}
.ps-doc__icon{
  font-weight:700; color:#e02228; font-size:.9rem; border:2px solid #e02228; border-radius:6px; padding:4px 6px; flex-shrink:0;
}
.ps-doc__body{flex:1; display:flex; flex-direction:column; gap:2px}
.ps-doc__title{font-weight:700; color:#111}
.ps-doc__meta{font-size:.85rem; color:#666}
.ps-doc__actions{display:flex; flex-direction:column; gap:6px}

/* =============================================================================
   VIDEO CARD (algemeen)
============================================================================= */
.ps-media-block{margin:1.2rem 0}
.ps-media-block h4{margin:0 0 .7rem; font-weight:700}
.ps-video-card{
  position:relative; isolation:isolate; overflow:hidden; aspect-ratio:16/9;
  background:#000; border-radius:var(--sp-radius); box-shadow:var(--sp-shadow);
  display:grid; place-items:center; cursor:pointer;
}
.ps-video-card:focus-within{outline:none; border-radius:var(--sp-radius); box-shadow:0 0 0 4px rgba(224,34,40,.18)}
.ps-video-bg{
  position:absolute; inset:0; width:100%; height:100%; object-fit:cover;
  filter:saturate(1.05) contrast(1.02); transition:transform .5s ease, filter .5s ease, opacity .35s ease;
}
.ps-video-card:hover .ps-video-bg{transform:scale(1.04); filter:saturate(1.15) contrast(1.05)}
.ps-video-overlay{
  position:absolute; inset:0; display:grid; grid-template-rows:1fr auto; z-index:1;
  background:linear-gradient(180deg,rgba(0,0,0,.15) 0%,rgba(0,0,0,.35) 60%,rgba(0,0,0,.55) 100%);
}
.ps-video-glass{display:grid; place-items:center}
.ps-video-btn{
  --btn-size:64px;
  position:relative; display:inline-grid; place-items:center; width:var(--btn-size); height:var(--btn-size);
  border-radius:999px; border:1px solid rgba(255,255,255,.35);
  background:rgba(255,255,255,.08); backdrop-filter:blur(6px);
  color:#fff; font-weight:800; letter-spacing:.04em; text-transform:uppercase;
  transition:transform .25s ease, background .25s ease, border-color .25s ease;
}
.ps-video-btn:hover{transform:translateY(-2px) scale(1.03); background:rgba(255,255,255,.12); border-color:rgba(255,255,255,.5)}
.ps-video-btn:focus-visible{outline:none; box-shadow:0 0 0 4px rgba(224,34,40,.25)}
.ps-video-icon{width:0;height:0;border-style:solid;border-width:12px 0 12px 20px;border-color:transparent transparent transparent #fff;margin-left:4px}
.ps-video-label{position:absolute; bottom:-2rem; font-size:.8rem; opacity:.9}
.ps-video-pulse{position:absolute; inset:0; border-radius:999px; box-shadow:0 0 0 0 rgba(224,34,40,.55); animation:psPulse 1.8s ease-out infinite}
@keyframes psPulse{0%{box-shadow:0 0 0 0 rgba(224,34,40,.55)}70%{box-shadow:0 0 0 18px rgba(224,34,40,0)}100%{box-shadow:0 0 0 0 rgba(224,34,40,0)}}
.ps-video-meta{display:flex; gap:8px; justify-content:center; padding:12px; flex-wrap:wrap}
.ps-video-chip{
  display:inline-flex; align-items:center; gap:.4rem; padding:.35rem .6rem;
  background:rgba(255,255,255,.12); color:#fff; font-size:.85rem; border:1px solid rgba(255,255,255,.25); border-radius:999px;
}
.ps-video-card iframe{position:absolute; inset:0; width:100%; height:100%; border:0; border-radius:var(--sp-radius)}
@media (max-width:600px){.ps-video-btn{--btn-size:56px}}

/* =============================================================================
   PROVIDERS TABLE
============================================================================= */
#ps-providers .ps-title{margin-bottom:.5rem}
.pv-note{color:var(--pv-gray); font-size:.92rem; margin:.2rem 0 1rem}
.pv-table-wrap{position:relative; background:#fff; border:1px solid var(--pv-border); border-radius:var(--pv-radius); box-shadow:var(--pv-shadow); overflow:hidden}
.pv-scroll{width:100%; overflow:hidden}
.pv-table{width:100%; table-layout:fixed; border-collapse:separate; border-spacing:0; font-size:var(--pv-fs)}
.pv-col--labels{width:220px} .pv-col--paysend{width:18%}
.pv-table thead th{background:var(--pv-head-bg); border-bottom:1px solid var(--pv-border); padding:10px 12px; text-align:center; vertical-align:middle}
.pv-vendor{position:relative; display:flex; align-items:center; justify-content:center; height:80px}
.pv-logo-img{width:70px; height:auto; object-fit:contain; display:block; transition:opacity .2s,transform .2s}
.pv-logo-img:hover{transform:scale(1.08); opacity:.95}
.pv-badge{
  position:absolute; top:8px; right:12px; display:inline-grid; place-items:center; width:24px; height:24px; border-radius:999px;
  background:#eaf7f0; color:#219653; font-size:.9rem; font-weight:700; border:1px solid rgba(33,150,83,.25);
}
.pv-asterisk{position:absolute; top:8px; right:12px; color:#61666d; font-weight:700; opacity:.9}
.pv-table td, .pv-table th.pv-rowhead{background:#fff; border-top:1px solid var(--pv-border); padding:14px 16px; vertical-align:top}
.pv-rowhead{font-weight:700; color:#2a2f35; background:#fafbfd}
.pv-list{margin:0; padding-left:1.1rem} .pv-list li{margin:.18rem 0}
.pv-head.is-featured{background:var(--pv-feature-col); box-shadow:inset 0 -2px 0 0 var(--pv-feature-ring)}
.pv-table td.is-featured{background:var(--pv-feature-col); box-shadow:inset 0 0 0 2px var(--pv-feature-ring)}
@media (max-width:980px){.pv-table{font-size:.93rem} .pv-col--labels{width:190px}}
@media (max-width:780px){
  .pv-scroll{overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch; padding-bottom:8px}
  .pv-table{min-width:820px}
  .pv-table td, .pv-table th.pv-rowhead{padding:12px 14px}
  .pv-table-wrap::before, .pv-table-wrap::after{content:""; position:absolute; top:0; bottom:0; width:22px; pointer-events:none}
  .pv-table-wrap::before{left:0; background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,0) 100%)}
  .pv-table-wrap::after{right:0; background:linear-gradient(270deg,#fff 0%,rgba(255,255,255,0) 100%)}
  .pv-scroll::-webkit-scrollbar{height:8px}
  .pv-scroll::-webkit-scrollbar-track{background:#f0f1f3; border-radius:999px}
  .pv-scroll::-webkit-scrollbar-thumb{background:#cfd3d8; border-radius:999px}
  .pv-scroll::-webkit-scrollbar-thumb:hover{background:#b9bec5}
}

/* =============================================================================
   LIMIT CARDS
============================================================================= */
.limit-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:14px}
@media (max-width:900px){.limit-grid{grid-template-columns:1fr}}
.limit-card{
  position:relative; overflow:hidden; text-align:left; color:#111;
  background:#fff; border:1px solid var(--sp-border); border-radius:var(--sp-radius); box-shadow:var(--sp-shadow);
}
.limit-head{display:flex; align-items:center; justify-content:space-between; padding:14px 16px; background:linear-gradient(180deg,#fafafa 0%,#f2f3f5 100%)}
.limit-badge{display:inline-flex; align-items:center; gap:.4rem; padding:.35rem .6rem; font-size:.9rem; font-weight:700; background:#fff; border:1px solid var(--sp-border); border-radius:999px}
.limit-badge--accent{background:#fff7e6; border-color:#f2d19a}
.limit-badge--pro{background:#e8f6eb; border-color:#bfe6cf; color:#1f7a4d}
.limit-badge--warn{background:#ffecec; border-color:#f3b5b5; color:#b90303}
.limit-badge--muted{background:#f1f3f5; border-color:#e2e6ea; color:#5a5f66}
.limit-icon{width:22px;height:22px;opacity:.7}
.limit-body{position:relative; z-index:1; padding:20px 18px 28px; background:linear-gradient(180deg,rgba(255,255,255,.96),#fff); border-top:1px solid rgba(255,255,255,.6); border-radius:0 0 var(--sp-radius) var(--sp-radius)}
.limit-body--center{text-align:center}
.limit-body--center .limit-title{font-size:1.05rem}
.limit-body--center .limit-amount{font-size:1.8rem}
.limit-title{margin:0 0 .2rem; font-size:1rem; font-weight:800; color:#2b2b2b}
.limit-amount{margin:.1rem 0 0; font-size:1.6rem; font-weight:800; letter-spacing:.3px}
.limit-currency{font-size:1rem; margin-right:4px; opacity:.85; vertical-align:top}
.limit-rows{display:grid; gap:.75rem}
.limit-row{display:flex; align-items:center; justify-content:space-between; padding-bottom:.9rem; border-bottom:1px dashed rgba(0,0,0,.08)}
.limit-label{font-size:.95rem; color:#333; font-weight:600}
.limit-value{font-size:1rem; color:var(--sp-black); font-weight:800; letter-spacing:.3px}
.limit-card:hover .limit-value{color:var(--sp-red); transition:color .4s}
.limit-card::before{
  content:""; position:absolute; inset:0; background-size:cover; background-position:right center; background-repeat:no-repeat;
  opacity:.15; pointer-events:none; transition:opacity .3s;
}
.limit-card:hover::before{opacity:.6}
.limit-card--classic::before{background-image:url("https://scombank.sr/wp-content/uploads/2021/10/classic-prepaid-card.png")}
.limit-card--gold::before{background-image:url("https://scombank.sr/wp-content/uploads/2021/10/gold-prepaid-card.png")}
.limit-card--business::before{background-image:url("https://scombank.sr/wp-content/uploads/2021/10/business-prepaid-card.png")}

/* =============================================================================
   FLOW (stappenrij)
============================================================================= */
#ps-flow{background:#fff}
.ps-flow{
  --gap:clamp(16px,2vw,22px);
  display:grid; grid-template-columns:repeat(5,1fr); gap:var(--gap);
  position:relative; margin-top:1rem;
}
@media (min-width:901px){
  .ps-flow::before{
    content:""; position:absolute; left:0; right:0; top:74px; height:3px; border-radius:999px;
    background:linear-gradient(90deg, rgba(135,47,255,.35) 0%, var(--g-300) 50%, rgba(135,47,255,.35) 100%);
  }
}
.flow-card{
  position:relative; display:flex; flex-direction:column; justify-content:flex-start;
  min-height:250px; padding:22px 18px; background:#fff; border:1px solid var(--g-200);
  border-radius:var(--sp-radius); box-shadow:0 8px 24px rgba(0,0,0,.06);
  transition:transform .25s, box-shadow .25s, border-color .25s;
}
.flow-card:hover{transform:translateY(-3px); box-shadow:0 14px 28px rgba(0,0,0,.18)}
.flow-card::after{
  content:attr(data-step); position:absolute; top:-16px; left:16px; width:38px; height:38px; display:grid; place-items:center;
  font-weight:800; color:#fff; border-radius:50%; background:var(--ps-purple); border:2px solid #fff; box-shadow:0 6px 16px rgba(135,47,255,.28);
}
.flow-role{display:flex; align-items:center; gap:.55rem; margin-bottom:.5rem}
.role-flag{width:24px; height:16px; border-radius:2px; box-shadow:inset 0 0 0 1px rgba(0,0,0,.1)}
.role-label{
  padding:.3rem .65rem; border-radius:999px; background:#fff; border:1px solid var(--g-200);
  box-shadow:0 4px 10px rgba(0,0,0,.04); font-weight:700; letter-spacing:.02em; font-size:.88rem;
}
.role-eu{color:var(--ps-purple); border-color:rgba(135,47,255,.35)}
.role-sr,.role-start{color:var(--sp-red); border-color:rgba(224,34,40,.28)}
.flow-title{margin:.2rem 0 .3rem; font-weight:800; font-size:1.1rem; color:#0b0b0b}
.flow-sub{margin:0; color:#333; font-size:.95rem; line-height:1.35}
.is-cta{background:linear-gradient(180deg,#fff 0%, var(--g-100) 100%); border:1px solid var(--g-200)}
.flow-cta{margin-top:auto; padding-top:.2rem}
@media (min-width:901px){.flow-cta{padding-top:.9rem}}
.flow-alert{margin-top:.6rem; color:#e02228; font-weight:700; font-size:.9rem; line-height:1.4}
.flow-alert strong{color:#c8181d}

.ps-flow .flow-card.is-eu:hover{border-color:rgba(135,47,255,.35); box-shadow:0 12px 26px rgba(135,47,255,.22),0 4px 12px rgba(135,47,255,.15)}
.ps-flow .flow-card.is-sr:hover{border-color:rgba(224,34,40,.35); box-shadow:0 12px 26px rgba(224,34,40,.25),0 4px 12px rgba(224,34,40,.15)}
.ps-flow .flow-card.is-cta:hover{border-color:rgba(224,34,40,.28); box-shadow:0 12px 26px rgba(224,34,40,.22),0 4px 12px rgba(224,34,40,.12)}
@media (max-width:1180px){.ps-flow{grid-template-columns:repeat(3,1fr)}}
@media (max-width:900px){.ps-flow{grid-template-columns:repeat(2,1fr)} .ps-flow::before{display:none}}
@media (max-width:580px){
  .ps-flow{grid-template-columns:1fr; position:relative}
  .ps-flow::before{content:""; position:absolute; left:28px; top:36px; bottom:12px; width:3px; border-radius:999px;
    background:linear-gradient(180deg, rgba(135,47,255,.35) 0%, var(--g-300) 50%, rgba(135,47,255,.35) 100%)}
  .flow-card{padding-left:62px}
  .flow-card::after{left:12px; top:14px}
}

/* =============================================================================
   COMPARE (Waarom kiezen)
============================================================================= */
#ps-compare{background:#fff}
.cmp-frame{
  display:grid; grid-template-columns:1fr 1fr; gap:0;
  border-radius:20px; overflow:hidden; box-shadow:0 10px 24px rgba(0,0,0,.06);
}
.cmp-col{padding:22px 18px 26px}
.cmp-col--left{background:linear-gradient(180deg,var(--g-100) 0%,var(--g-150) 100%)}
.cmp-col--right{position:relative; background:linear-gradient(180deg,#fff 0%,var(--g-100) 100%)}
.cmp-col--right::after{
  content:""; position:absolute; inset:0; pointer-events:none;
  background:
    radial-gradient(700px 260px at 90% -20%, rgba(0,0,0,.06), transparent 55%),
    radial-gradient(520px 240px at -10% 110%, rgba(0,0,0,.04), transparent 60%);
}
.cmp-pill{position:relative; display:flex; align-items:center; justify-content:center; margin:0 0 10px}
.cmp-pill__label{
  background:#fff; border:1px solid rgba(0,0,0,.08); border-radius:999px;
  padding:.55rem 1.1rem; font-weight:800; letter-spacing:.02em; color:#2a2a2a;
}
.cmp-pill--accent .cmp-pill__label{border-color:var(--ps-purple); box-shadow:0 0 0 4px rgba(135,47,255,.08)}
.cmp-badge{display:inline-block; margin-left:.6rem; padding:.2rem .55rem; font-size:.78rem; font-weight:800; background:var(--g-150); border:1px solid var(--g-200); border-radius:999px; color:#222}
.cmp-pill__line{flex:1; height:2px; background:var(--g-200); position:relative}
.cmp-pill__line--left{margin-right:12px} .cmp-pill__line--right{margin-left:12px}
.cmp-pill__line::before,.cmp-pill__line::after{
  content:""; position:absolute; top:50%; transform:translateY(-50%);
  width:8px; height:8px; border-radius:50%; background:var(--g-300);
}
.cmp-pill__line--left::before{left:-6px} .cmp-pill__line--right::after{right:-6px}
.cmp-list{display:grid; gap:.6rem; margin-top:.6rem}
.cmp-item{
  display:grid; grid-template-columns:6px 1fr; align-items:stretch; overflow:hidden;
  background:#fff; border:1px solid rgba(0,0,0,.06); border-radius:14px; box-shadow:0 8px 18px rgba(0,0,0,.05);
}
.cmp-item__bar{background:var(--g-200)} .cmp-item--good .cmp-item__bar{background:var(--g-600)}
.cmp-item__body{padding:.9rem 1rem}
.cmp-item__body h4{margin:.05rem 0 .2rem; font-size:1.05rem; font-weight:800; color:#1c1c1c}
.cmp-item__body p{margin:0; color:#444; font-size:.95rem}
@media (max-width:900px){.cmp-frame{grid-template-columns:1fr}}

/* =============================================================================
   FAQ
============================================================================= */
#ps-faq{
  --faq-gap:16px; --faq-radius:14px; --faq-border:var(--g-200); --faq-border-hover:var(--g-300);
  --faq-shadow:0 8px 18px rgba(0,0,0,.05); --faq-shadow-hover:0 12px 22px rgba(0,0,0,.08);
  --faq-head-bg:linear-gradient(180deg,#fafafa 0%,#f4f5f7 100%);
}
#ps-faq details{
  margin:0; background:#fff; border:1px solid var(--faq-border); border-radius:var(--faq-radius);
  box-shadow:var(--faq-shadow); overflow:hidden; transition:box-shadow .2s, border-color .2s, transform .2s;
}
#ps-faq details + details{margin-top:var(--faq-gap)}
#ps-faq summary{
  list-style:none; cursor:pointer; display:flex; align-items:center; gap:12px;
  padding:1.05rem 1.1rem; font-weight:800; color:#1f1f1f; background:var(--faq-head-bg);
  position:relative; user-select:none;
}
#ps-faq summary::before{
  content:""; flex:0 0 22px; height:22px; border-radius:999px;
  background:var(--g-150); border:1px solid var(--g-300); box-shadow:inset 0 0 0 3px #fff;
}
#ps-faq summary::after{
  content:""; position:absolute; right:14px; width:10px; height:10px;
  border-right:2px solid var(--g-600); border-bottom:2px solid var(--g-600); transform:rotate(-45deg);
  transition:transform .2s;
}
#ps-faq details:hover{border-color:var(--faq-border-hover); box-shadow:var(--faq-shadow-hover); transform:translateY(-1px)}
#ps-faq summary:focus-visible{outline:none; box-shadow:0 0 0 4px rgba(135,47,255,.18); border-radius:calc(var(--faq-radius) - 2px)}
#ps-faq details[open]{border-color:var(--faq-border-hover)}
#ps-faq details[open] summary{background:#fff; border-bottom:1px solid var(--g-200)}
#ps-faq details[open] summary::after{transform:rotate(45deg)}
#ps-faq details > *:not(summary){padding:.9rem 1.1rem 1.1rem; animation:faqReveal .24s ease-out}
#ps-faq p{margin:.35rem 0 0; color:#333; font-size:var(--fs-faq); line-height:1.5}
#ps-faq .faq-subtitle{margin:.1rem 0 .4rem; font-size:1.05rem; font-weight:800}
@keyframes faqReveal{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@media (max-width:480px){#ps-faq summary{padding:.95rem 1rem} #ps-faq details > *:not(summary){padding:.8rem 1rem 1rem}}

/* --- SR PANEL: center & bigger like EU --- */
#ps-sr .ps-panel-head{ text-align:center; }
#ps-sr .ps-panel-head h2{
  font-size:clamp(1.25rem, 2.8vw, 1.75rem);
  line-height:1.25; font-weight:800; margin-bottom:.35rem;
}
#ps-sr .ps-panel-head .ps-sub{
  font-size:clamp(1rem, 1.6vw, 1.15rem);
  color:#404756;
}
#ps-sr .ps-flags{ justify-content:center; margin-top:.6rem; }

/* ===============================
   EU & SR text alignment tweaks
=============================== */

/* EU: 'Bekijk hier de ...' iets verder naar rechts */
#ps-eu .ps-media-block h4{
  text-align:left;
  padding-left:32px;  /* was 24px */
}

/* SR: subcontent header link iets verder naar rechts */
#ps-sr .ps-media-block h4{
  text-align:left;
  padding-left:36px;  /* was 24px */
}
@media (max-width:640px){
  #ps-sr .ps-media-block h4{ padding-left:18px; }
}

/* Verwijder PDF-blocks bij SR */
#ps-sr .ps-docs{ display:none !important; }

/* ==========================================
   EU ▸ PDF-kolom gelijke hoogte als video
   ========================================== */
#ps-eu .ps-media-split{ align-items:stretch; } /* even hoog */
#ps-eu .ps-media-split > *{
  display:flex; flex-direction:column; min-height:0;
}
#ps-eu .ps-media-block,
#ps-eu .ps-docs{ height:100%; }
#ps-eu .ps-video-card{
  width:100%; aspect-ratio:16/9; flex:0 0 auto;
}
#ps-eu .ps-docs{
  display:flex; flex-direction:column; justify-content:flex-start; gap:12px;
}
@media (max-width:900px){
  #ps-eu .ps-media-split{ align-items:start; }
  #ps-eu .ps-media-split > *{ display:block; }
  #ps-eu .ps-media-block,
  #ps-eu .ps-docs{ height:auto; }
}

/* SR ▸ 'Hoe ontvang je jouw geld' verder naar rechts */
#ps-sr .ps-media-block h4{
  padding-left:56px !important;  /* was 36px */
}

@media (max-width:900px){
  #ps-sr .ps-media-block h4{ padding-left:28px !important; }
}
@media (max-width:640px){
  #ps-sr .ps-media-block h4{ padding-left:18px !important; }
}

#ps-sr {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

details ul {
  margin-left: 1.2rem;
  padding-left: 1rem;
}

:root {
  --ps-purple: #872fff;      /* Paysend purple */
  --ps-purple-light: #b58aff;
  --glass-bg: rgba(255, 255, 255, 0.7);
  --glass-border: rgba(135, 47, 255, 0.25); /* paarse gloed */
  --text: #111111;
  --muted: #555555;
}

/* Details toggle */
details > summary {
  cursor: pointer;
}

/* Grid */
.glass-grid {
  margin-top: 1rem;
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}
@media (min-width: 780px) {
  .glass-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* Glass card (Paysend-stijl) */
.glass-card {
  position: relative;
  border-radius: 16px;
  padding: 16px;
  color: var(--text);
  background: var(--glass-bg);
  border: 1.5px solid var(--glass-border);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 4px 18px rgba(135, 47, 255, 0.25);
  transition: all 0.3s ease;
}
.glass-card:hover {
  box-shadow: 0 6px 28px rgba(135, 47, 255, 0.35);
  border-color: var(--ps-purple);
}

/* Header met logo */
.glass-head {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}
.brand-logo {
  width: 28px;
  height: 28px;
  object-fit: contain;
  filter: drop-shadow(0 0 2px rgba(135, 47, 255, 0.4));
}
.glass-head h4 {
  margin: 0;
  font-size: 1.05rem;
  color: var(--text);
}

/* Address & notes */
.address {
  margin: 0 0 8px;
  color: var(--muted);
}
.note {
  margin-top: 10px;
  font-size: 0.92rem;
  color: var(--muted);
}

/* Sub-secties (Fiducia branches) */
.branch {
  border-top: 1px solid rgba(135, 47, 255, 0.15);
  padding-top: 10px;
  margin-top: 10px;
}
.branch h5 {
  margin: 0 0 6px;
  font-size: 0.98rem;
  color: var(--text);
}

/* Openingstijden */
.hours {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 6px;
}
.hours li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  font-size: 0.96rem;
}
.hours li span {
  color: var(--muted);
}
.hours li strong {
  color: var(--text);
}

/* Kleine titel boven urenblok (Uni5Pay+ Shop) */
.hours-block h6 {
  margin: 0 0 6px;
  font-size: 0.9rem;
  color: var(--ps-purple);
  letter-spacing: 0.2px;
  font-weight: 600;
}

/* Optionele afbeelding met tijden */
.hours-image {
  width: 100%;
  height: auto;
  border-radius: 12px;
  margin-top: 8px;
  border: 1px solid var(--glass-border);
}

.ps-faq-content {
  margin-top: 0.5rem;
  color: #222;
}

.ps-faq-content ul {
  margin-left: 1.2rem;
  padding-left: 1rem;
}

.ps-faq-content li {
  margin-bottom: 0.4rem;
  line-height: 1.5;
}

/* Link naar FAQ-locaties */
.faq-link {
  color: #872fff; /* Paysend purple */
  font-weight: 600;
  text-decoration: none;
  border-bottom: 1px solid rgba(135, 47, 255, 0.3);
  transition: all 0.25s ease;
}
.faq-link:hover {
  color: #b58aff;
  border-bottom-color: rgba(135, 47, 255, 0.6);
}/* End custom CSS */