.elementor-9978 .elementor-element.elementor-element-cbad632{width:var( --container-widget-width, 92.615% );max-width:92.615%;--container-widget-width:92.615%;--container-widget-flex-grow:0;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-cbad632 *//* =========================================
   (Optioneel) Futura SCB 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;
}

/* =========================================
   Tokens
   ========================================= */
:root{
  --scb-red:#e02228;
  --scb-black:#0b0b0b;

  --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;

  --radius:16px;
  --shadow:0 10px 30px rgba(0,0,0,.08);
  --wrap:clamp(940px, 92vw, 1120px);
}

*{ box-sizing:border-box; }
html,body{ height:100%; }
body{
  margin:0; background:#fff; color:var(--g-900);
  font-family:"Futura SCB", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  line-height:1.55;
}

/* =========================================
   Layout
   ========================================= */
#scb-funds{ padding:clamp(20px,3vw,40px) 0; }
.wrap{ width:var(--wrap); margin:0 auto; padding:0 16px; }

/* Header */
.head{ display:grid; gap:10px; margin-bottom:18px; }
.eyebrow{
  display:inline-block; align-self:start;
  font-size:12px; letter-spacing:.12em; text-transform:uppercase;
  color:#fff; background:linear-gradient(90deg, var(--scb-red), #fb6a6f);
  padding:6px 10px; border-radius:999px;
}
h1{
  margin:0; font-weight:700; color:var(--scb-black);
  font-size:clamp(22px, 3vw, 34px);
}
.lede{ margin:0; color:var(--g-600); max-width:60ch; }

/* Brand chips */
.brands{ display:flex; flex-wrap:wrap; gap:10px; margin-top:6px; }
.brand-chip{
  display:inline-flex; align-items:center; gap:10px;
  background: #fff; border:1px solid var(--g-200);
  border-radius: 999px; padding:8px 12px; box-shadow: var(--shadow);
}
.brand-chip img{ width:20px; height:20px; object-fit:contain; }
.brand-chip span{ font-weight:600; color:var(--g-800); }

/* Card */
.card{
  margin-top:16px; background:#fff; border:1px solid var(--g-200);
  border-radius:var(--radius); box-shadow:var(--shadow); overflow:hidden;
}
.card__head{
  padding:18px 20px;
  background: radial-gradient(90% 100% at 0% 0%, #fff 0%, #fff 40%, #f9f6f6 100%);
  border-bottom:1px solid var(--g-200);
}
.card__head h2{
  margin:0 0 4px; font-size:clamp(18px,2.4vw,24px); color:var(--scb-black);
}
.card__head .sub{ margin:0; color:var(--g-600); }

/* Data grid (definition list that behaves like a table on wide screens) */
.data-grid{ margin:0; display:grid; }
.row{
  display:grid; grid-template-columns: 1fr; gap:6px;
  padding:16px 20px; border-top:1px solid var(--g-200);
}
.row:first-child{ border-top:0; }
dt{
  color:var(--g-700); font-weight:700; letter-spacing:.01em;
}
dd{
  margin:0; color:var(--g-900);
}
.muted{ color:var(--g-500); }

/* Become two columns on larger screens */
@media (min-width: 720px){
  .row{ grid-template-columns: minmax(220px, 32%) 1fr; align-items:start; }
}

/* Note */
.note{
  margin:14px 20px 20px;
  background: linear-gradient(180deg, var(--g-100), #fff);
  border:1px dashed var(--g-300);
  border-radius:12px;
  padding:12px 14px;
  color:var(--g-700);
}

/* Mobile spacing tweaks */
@media (max-width: 480px){
  .brand-chip{ padding:6px 10px; }
  .card__head{ padding:16px; }
  .row{ padding:14px 16px; }
  .note{ margin:12px 16px 16px; }
}

/* --- Mobile fixes / force page scroll --- */
html, body {
  height: auto !important;      /* voorkom fixed 100% hoogte die scroll breekt */
  min-height: 100%;
  overflow-x: hidden;           /* geen horizontale scroll */
}

/* Elementor/Theme containers die scroll “clippen” */
.elementor-section, .elementor-container, .elementor-widget, .elementor-column {
  overflow: visible !important; /* zorg dat inhoud niet wordt afgesneden */
}

/* Zorg dat ons component nooit breder wordt dan het scherm */
#scb-funds, #scb-funds .wrap, #scb-funds .card {
  max-width: 100%;
}

/* Lange woorden/IBANs breken netjes af op kleine schermen */
#scb-funds .row dd, #scb-funds .row dt {
  word-break: break-word;
  overflow-wrap: anywhere;
}

/* iOS/Android soepeler scrollen in eventuele scrollcontainers */
.scroll-x, .scroll-y {
  -webkit-overflow-scrolling: touch;
}

/* Als je de hele sectie in een 'fit to screen' blok hebt gezet, haal de vaste hoogte weg: */
.fit-to-screen, .full-height, .min-vh-100 {
  height: auto !important;
  min-height: 0 !important;
}/* End custom CSS */