:root{--page-title-display:none;}body.elementor-page-13996:not(.elementor-motion-effects-element-type-background), body.elementor-page-13996 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}/* Start custom CSS for html, class: .elementor-element-d2282fc */@font-face {
  font-family: "Overpass";
  src: url("https://scombank.sr/wp-content/uploads/2026/06/Overpass-VariableFont_wght.ttf")
       format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}


/* =========================================
   ROOT
========================================= */

#scb-business-cards {
  --red: #e02228;
  --black: #090909;
  --text: #363636;
  --muted: #777777;
  --soft: #f7f7f7;
  --border: #e5e5e5;
  --white: #ffffff;

  width: 100%;
  max-width: 1280px;

  margin: 0 auto;

  padding:
    20px
    20px
    20px;

  font-family:
    "Overpass",
    Arial,
    sans-serif;

  color: var(--black);
}


#scb-business-cards,
#scb-business-cards * {
  box-sizing: border-box;
}


/* =========================================
   HERO
========================================= */

.scb-business-intro {
  width: 100%;

  margin-bottom: 56px;
}


.scb-eyebrow {
  display: inline-block;

  margin-bottom: 10px;

  color: var(--red);

  font-size: 11px;
  line-height: 1;

  font-weight: 800;

  letter-spacing: 0.09em;

  text-transform: uppercase;
}


.scb-business-intro h1 {
  width: 100%;

  margin:
    0
    0
    11px;

  color: var(--black);

  font-size: clamp(29px, 3vw, 40px);

  line-height: 1.08;

  font-weight: 730;

  letter-spacing: -0.03em;
}


.scb-intro-lead {
  width: 100%;

  margin:
    0
    0
    21px;

  color: #282828;

  font-size: 17px;

  line-height: 1.5;

  font-weight: 520;
}


/* Full-width hero text */

.scb-intro-copy {
  width: 100%;

  display: grid;

  grid-template-columns:
    repeat(3, minmax(0, 1fr));

  gap: 28px;

  padding-top: 21px;

  border-top:
    1px solid
    var(--border);
}


.scb-intro-copy p {
  margin: 0;

  color: #626262;

  font-size: 14px;

  line-height: 1.65;
}


.scb-intro-copy strong {
  color: #222;

  font-weight: 700;
}


/* =========================================
   PRODUCT HEADING
========================================= */

.scb-products-heading {
  margin-bottom: 24px;
}


.scb-products-heading > span {
  display: block;

  margin-bottom: 7px;

  color: var(--red);

  font-size: 10px;

  font-weight: 800;

  letter-spacing: 0.09em;

  text-transform: uppercase;
}


.scb-products-heading h2 {
  margin: 0;

  color: var(--black);

  font-size: clamp(24px, 2.5vw, 33px);

  line-height: 1.12;

  font-weight: 720;

  letter-spacing: -0.025em;
}


/* =========================================
   GRID
========================================= */

.scb-product-grid {
  display: grid;

  grid-template-columns:
    repeat(4, minmax(0, 1fr));

  gap: 17px;

  align-items: stretch;
}


/* =========================================
   PRODUCT CARD
========================================= */

.scb-product-card {
  display: flex;

  flex-direction: column;

  min-width: 0;

  overflow: hidden;

  background: #fff;

  border:
    1px solid
    var(--border);

  border-radius: 18px;
}


/* =========================================
   LOGO / CURRENCY
========================================= */

.scb-product-top {
  display: flex;

  align-items: center;

  justify-content: space-between;

  min-height: 47px;

  padding:
    13px
    16px
    0;
}


.scb-network-logo {
  display: flex;

  align-items: center;

  height: 28px;
}


.scb-network-logo img {
  display: block;

  width: auto;

  height: auto;

  object-fit: contain;
}


.scb-upi-logo img {
  max-width: 40px;

  max-height: 20px;
}


.scb-mc-logo img {
  max-width: 35px;

  max-height: 20px;
}


.scb-currency {
  color: #8c8c8c;

  font-size: 9px;

  line-height: 1;

  font-weight: 800;

  letter-spacing: 0.08em;
}


/* =========================================
   CARD IMAGE
========================================= */

.scb-card-image {
  display: flex;

  align-items: center;

  justify-content: center;

  height: 150px;

  padding:
    7px
    18px
    14px;
}


.scb-card-image img {
  display: block;

  width: auto;

  max-width: 80%;

  max-height: 116px;

  object-fit: contain;

  filter: none;
}


/* =========================================
   CARD BODY
========================================= */

.scb-card-body {
  display: flex;

  flex-direction: column;

  flex: 1;

  padding:
    0
    17px
    17px;
}


/*
   Zelfde hoogte zodat Geldigheid +
   dropdowns op dezelfde lijn beginnen.
*/

.scb-card-info {
  display: flex;

  flex-direction: column;

  min-height: 202px;
}


.scb-brand {
  display: block;

  margin-bottom: 5px;

  color: #999;

  font-size: 7.5px;

  line-height: 1.2;

  font-weight: 800;

  letter-spacing: 0.1em;
}


.scb-card-body h3 {
  min-height: 46px;

  margin:
    0
    0
    9px;

  color: var(--black);

  font-size: 19px;

  line-height: 1.18;

  font-weight: 710;

  letter-spacing: -0.018em;
}


.scb-description {
  min-height: 57px;

  margin:
    0
    0
    13px;

  color: #646464;

  font-size: 12px;

  line-height: 1.52;
}


/* =========================================
   BEST FOR
========================================= */

.scb-best-for {
  min-height: 75px;

  margin-top: auto;

  padding:
    11px
    12px
    12px;

  background: var(--soft);

  border-radius: 10px;
}


.scb-best-for span {
  display: block;

  margin-bottom: 6px;

  color: #949494;

  font-size: 7.5px;

  line-height: 1;

  font-weight: 850;

  letter-spacing: 0.1em;
}


.scb-best-for strong {
  display: block;

  color: #222;

  font-size: 10.5px;

  line-height: 1.43;

  font-weight: 650;
}


/* =========================================
   STATIC INFO
   ONLY GELDIGHEID
========================================= */

.scb-static-info {
  margin-top: 15px;

  border-top:
    1px solid
    var(--border);
}


.scb-static-row {
  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 12px;

  min-height: 43px;

  border-bottom:
    1px solid
    var(--border);
}


.scb-static-row span {
  color: #808080;

  font-size: 10.5px;

  line-height: 1.3;
}


.scb-static-row strong {
  color: #151515;

  font-size: 10.5px;

  line-height: 1.3;

  font-weight: 720;

  text-align: right;
}


/* =========================================
   ACCORDION AREA
========================================= */

.scb-accordion-area {
  display: flex;

  flex-direction: column;

  gap: 7px;

  margin-top: 12px;
}


/* =========================================
   ACCORDION BUTTON
========================================= */

.scb-accordion-trigger {
  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 12px;

  width: 100%;

  min-height: 41px;

  padding:
    0
    12px;

  border: 0;

  border-radius: 9px;

  background: #f5f5f5;

  color: #1e1e1e;

  font-family: inherit;

  font-size: 10.5px;

  line-height: 1;

  font-weight: 700;

  text-align: left;

  cursor: pointer;

  transition:
    background 0.2s ease,
    color 0.2s ease;
}


.scb-accordion-trigger:hover {
  background: #ececec;
}


.scb-accordion.is-open
.scb-accordion-trigger {
  background: #eeeeee;
}


/* =========================================
   CHEVRON
========================================= */

.scb-chevron {
  flex: 0 0 auto;

  width: 13px;

  height: 13px;

  fill: none;

  stroke: currentColor;

  stroke-width: 2;

  stroke-linecap: round;

  stroke-linejoin: round;

  transition:
    transform 0.25s ease;
}


.scb-accordion.is-open
.scb-chevron {
  transform: rotate(180deg);
}


/* =========================================
   PANEL
========================================= */

.scb-accordion-panel {
  max-height: 0;

  overflow: hidden;

  transition:
    max-height 0.35s ease;
}


.scb-detail-content {
  padding:
    7px
    2px
    3px;
}


/* =========================================
   DETAIL SECTION LABEL
========================================= */

.scb-detail-section-label {
  padding:
    6px
    2px
    7px;

  color: #999;

  font-size: 7.5px;

  line-height: 1;

  font-weight: 800;

  letter-spacing: 0.09em;

  text-transform: uppercase;
}


/* =========================================
   DETAIL ROWS
========================================= */

.scb-detail-row {
  display: grid;

  grid-template-columns:
    minmax(0, 1fr)
    auto;

  align-items: center;

  gap: 9px;

  min-height: 40px;

  padding:
    7px
    2px;

  border-bottom:
    1px solid
    #ececec;
}


.scb-detail-row span {
  color: #777;

  font-size: 9.5px;

  line-height: 1.32;
}


.scb-detail-row strong {
  display: flex;

  flex-direction: column;

  align-items: flex-end;

  max-width: 125px;

  color: #161616;

  font-size: 9.5px;

  line-height: 1.28;

  font-weight: 700;

  text-align: right;
}


.scb-detail-row strong small {
  display: block;

  margin-top: 2px;

  color: #999;

  font-size: 8px;

  line-height: 1.2;

  font-weight: 500;
}


/* =========================================
   FOCUS
========================================= */

.scb-accordion-trigger:focus-visible {
  outline:
    2px solid
    rgba(224, 34, 40, 0.3);

  outline-offset: 2px;
}


/* =========================================
   LARGE TABLET
========================================= */

@media (max-width: 1080px) {

  .scb-product-grid {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));

    gap: 20px;
  }


  .scb-intro-copy {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }


  .scb-intro-copy p:last-child {
    grid-column:
      1 / -1;
  }


  .scb-card-image {
    height: 175px;
  }


  .scb-card-image img {
    max-height: 135px;
  }


  .scb-card-info {
    min-height: 190px;
  }

}


/* =========================================
   TABLET
========================================= */

@media (max-width: 760px) {

  #scb-business-cards {
    padding-left: 16px;

    padding-right: 16px;
  }


  .scb-business-intro {
    margin-bottom: 47px;
  }


  .scb-business-intro h1 {
    font-size: 33px;
  }


  .scb-intro-lead {
    font-size: 16px;
  }


  .scb-intro-copy {
    grid-template-columns: 1fr;

    gap: 12px;
  }


  .scb-intro-copy p:last-child {
    grid-column: auto;
  }


  .scb-intro-copy p {
    font-size: 13.5px;
  }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 580px) {

  #scb-business-cards {
    padding:
      10px
      13px
      15px;
  }


  .scb-business-intro {
    margin-bottom: 41px;
  }


  .scb-business-intro h1 {
    font-size: 29px;
  }


  .scb-intro-lead {
    font-size: 15.5px;
  }


  .scb-products-heading h2 {
    font-size: 25px;
  }


  .scb-product-grid {
    grid-template-columns: 1fr;

    gap: 18px;
  }


  .scb-product-card {
    border-radius: 16px;
  }


  .scb-card-image {
    height: 180px;
  }


  .scb-card-image img {
    max-height: 140px;
  }


  .scb-card-info {
    min-height: 0;
  }


  .scb-card-body h3 {
    min-height: 0;

    font-size: 20px;
  }


  .scb-description {
    min-height: 0;
  }


  .scb-best-for {
    min-height: 0;
  }

}


/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 380px) {

  .scb-business-intro h1 {
    font-size: 27px;
  }


  .scb-card-image {
    height: 160px;
  }


  .scb-card-image img {
    max-height: 122px;
  }


  .scb-detail-row {
    grid-template-columns: 1fr;

    gap: 4px;

    padding:
      8px
      2px;
  }


  .scb-detail-row strong {
    align-items: flex-start;

    max-width: none;

    text-align: left;
  }

}


/* =========================================
   APPLICATION INTRO
========================================= */

.scb-application-intro {
  width: 100%;
  max-width: 760px;

  margin:
    42px
    0
    0;

  padding-top: 28px;
  padding-bottom: 0;

  border-top:
    1px solid
    var(--border);

  text-align: left;
}


.scb-application-label {
  display: block;

  margin-bottom: 8px;

  color: var(--red);

  font-size: 10px;

  line-height: 1;

  font-weight: 800;

  letter-spacing: 0.09em;

  text-transform: uppercase;
}


.scb-application-intro h2 {
  margin:
    0
    0
    10px;

  color: var(--black);

  font-size: clamp(24px, 2.5vw, 32px);

  line-height: 1.15;

  font-weight: 720;

  letter-spacing: -0.025em;
}


.scb-application-intro p {
  max-width: 650px;

  margin: 0;

  color: #686868;

  font-size: 14px;

  line-height: 1.65;
}


.scb-application-arrow {
  display: flex;

  align-items: center;

  justify-content: center;

  width: 36px;

  height: 36px;

  margin:
    18px
    0
    0;

  border-radius: 50%;

  background: #f5f5f5;

  color: var(--red);
}


.scb-application-arrow svg {
  width: 16px;

  height: 16px;

  fill: none;

  stroke: currentColor;

  stroke-width: 2;

  stroke-linecap: round;

  stroke-linejoin: round;
}


/* =========================================
   APPLICATION INTRO MOBILE
========================================= */

@media (max-width: 580px) {

  .scb-application-intro {
    margin-top: 32px;

    padding-top: 24px;
  }


  .scb-application-intro h2 {
    font-size: 24px;
  }


  .scb-application-intro p {
    font-size: 13px;
  }

}

/* =========================================
   USD / EUR TAGS
   Alleen de bestaande valutalabels aangepast
========================================= */

#scb-business-cards .scb-currency--tag {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-width: 44px !important;
  min-height: 27px !important;

  padding: 6px 10px !important;

  border: 1px solid var(--red) !important;
  border-radius: 999px !important;

  color: #ffffff !important;
  background: var(--red) !important;

  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: 0.04em !important;

  text-align: center !important;
  text-transform: uppercase !important;

  box-shadow: none !important;
}

#scb-business-cards .scb-currency--tag:hover,
#scb-business-cards .scb-currency--tag:focus,
#scb-business-cards .scb-currency--tag:active {
  color: #ffffff !important;
  background: var(--red) !important;
  border-color: var(--red) !important;
  box-shadow: none !important;
}

/* =========================================
   MASTERCARD EASY SAVINGS
========================================= */

#scb-business-cards .scb-extra-benefit {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;

  min-height: 42px;

  margin:
    0
    0
    13px;

  padding:
    10px
    11px;

  border:
    1px solid
    #f3d5d6;

  border-radius: 9px;

  background: #fff5f5;
}

#scb-business-cards .scb-extra-benefit span {
  color: var(--red);

  font-size: 8px;
  line-height: 1.2;

  font-weight: 800;

  letter-spacing: 0.08em;

  text-transform: uppercase;
}

#scb-business-cards .scb-extra-benefit strong {
  color: #171717;

  font-size: 11px;
  line-height: 1.35;

  font-weight: 800;

  text-align: right;
}

@media (max-width: 580px) {
  #scb-business-cards .scb-extra-benefit {
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
  }

  #scb-business-cards .scb-extra-benefit strong {
    font-size: 11.5px;
    text-align: left;
  }
}


/* =========================================
   MASTERCARD EASY SAVINGS ONDER GELDIGHEID
   + GELIJKE UITLIJNING VAN ALLE KAARTEN
========================================= */

/* Het eerdere losse voordeelblok wordt niet meer gebruikt */
#scb-business-cards .scb-extra-benefit {
  display: none !important;
}

/* Alle kaartinformatiedelen krijgen dezelfde hoogte */
#scb-business-cards .scb-card-info {
  min-height: 220px !important;
}

/* Elke kaart heeft twee vaste informatierijen */
#scb-business-cards .scb-static-info {
  min-height: 88px !important;
  margin-top: 15px !important;
}

#scb-business-cards .scb-static-row {
  min-height: 44px !important;
}

/* Easy Savings staat als normale rij onder Geldigheid */
#scb-business-cards .scb-static-row--benefit span,
#scb-business-cards .scb-static-row--benefit strong {
  color: #151515 !important;
  font-size: 11.5px !important;
  line-height: 1.4 !important;
}

#scb-business-cards .scb-static-row--benefit strong {
  font-weight: 800 !important;
}

/* Onzichtbare tweede rij bij UnionPay houdt alle dropdowns gelijk uitgelijnd */
#scb-business-cards .scb-static-row--placeholder {
  visibility: hidden !important;
}

/* Kosten en Limieten starten bij iedere kaart op dezelfde hoogte */
#scb-business-cards .scb-accordion-area {
  margin-top: 12px !important;
}

/* Gelijke hoogtes binnen de kaartkoppen */
#scb-business-cards .scb-description {
  min-height: 78px !important;
}

#scb-business-cards .scb-best-for {
  min-height: 78px !important;
}

@media (max-width: 1080px) {
  #scb-business-cards .scb-card-info {
    min-height: 205px !important;
  }
}

@media (max-width: 580px) {
  #scb-business-cards .scb-card-info,
  #scb-business-cards .scb-description,
  #scb-business-cards .scb-best-for {
    min-height: 0 !important;
  }

  #scb-business-cards .scb-static-info {
    min-height: 88px !important;
  }
}


/* =========================================
   MASTERCARD EASY SAVINGS — ALLEEN BOLD TEKST
========================================= */

#scb-business-cards .scb-static-row--benefit {
  justify-content: flex-start !important;
}

#scb-business-cards .scb-static-row--benefit span {
  color: #151515 !important;
  font-size: 11.5px !important;
  line-height: 1.4 !important;
  font-weight: 800 !important;
}/* End custom CSS */