.ffb-support-section,
.ffb-support-section *{box-sizing:border-box}

.ffb-support-section{
    --ffb-stat-bg:#fff;
  --ffb-stat-border: rgba(17,24,39,.06);
  --ffb-stat-icon-bg: rgba(29,78,216,.10);
  --ffb-stat-icon-color:#1d4ed8;
  --ffb-stat-value-color:#1d4ed8;
  --ffb-stat-label-color:#111827;
  --ffb-kicker-bg: transparent;
  --ffb-kicker-color:#1d4ed8;
  --ffb-btn-bg:#1d4ed8;
  --ffb-btn-color:#ffffff;
  --ffb-btn-hover-bg:#1b46c5;
  --ffb-btn-hover-color:#ffffff;
width:100%;
  padding: var(--ffb-support-padding-y,48px) 0;
  font-family: inherit;
}

.ffb-support-inner{
  width: min(var(--ffb-support-max-width,1200px), 100%);
  margin: 0 auto;
  padding: 0 16px;
}

.ffb-support-wrap{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: var(--ffb-support-gap,48px);
}

.ffb-support-section.ffb-rtl .ffb-support-wrap{flex-direction:row-reverse}

.ffb-support-media{
  flex: 0 0 min(520px, 48%);
  position: relative;
}

.ffb-support-media img{
  width:100%;
  height:auto;
  display:block;
  border-radius: 20px;
  box-shadow: 0 22px 50px rgba(17,24,39,.10);
  border: 1px solid rgba(17,24,39,.06);
  background:#fff;
}

.ffb-support-content{
  flex: 1 1 auto;
}

.ffb-support-kicker{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background: var(--ffb-kicker-bg, transparent);
  color: var(--ffb-kicker-color, #1d4ed8);
  font-weight:800;
  font-size: 14px;
  padding: 6px 12px;
  border-radius: 999px;
  margin-bottom: 14px;
}

.ffb-support-title{
  color:#111827;
  font-weight:800;
  font-size: 42px;
  line-height: 1.15;
  margin:0 0 14px;
}

.ffb-support-desc{
  color:#4b5563;
  font-size: 18px;
  line-height: 1.75;
  margin: 0 0 22px;
  max-width: 640px;
}

.ffb-support-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background: var(--ffb-btn-bg, #1d4ed8);
  color: var(--ffb-btn-color, #fff) !important;
  text-decoration:none;
  font-weight:800;
  border-radius: 14px;
  padding: 12px 26px;
  box-shadow: 0 12px 24px rgba(0,0,0,.12);
  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}

.ffb-support-btn:hover{
  transform: translateY(-1px);
  background: var(--ffb-btn-hover-bg, var(--ffb-btn-bg, #1d4ed8));
  color: var(--ffb-btn-hover-color, var(--ffb-btn-color, #fff)) !important;
  box-shadow: 0 16px 30px rgba(0,0,0,.16);
}

.ffb-support-stats{
  margin-top: 34px;
  display:grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 22px;
}

.ffb-support-stat{
  background: var(--ffb-stat-bg, #fff);
  border: 1px solid var(--ffb-stat-border, rgba(17,24,39,.06));
  border-radius: 18px;
  padding: 26px 18px;
  text-align:center;
  box-shadow: 0 18px 44px rgba(17,24,39,.06);
}

.ffb-support-stat-icon{
  width: 46px;
  height: 46px;
  margin: 0 auto 14px;
  border-radius: 999px;
  background: var(--ffb-stat-icon-bg, rgba(29,78,216,.10));
  display:flex;
  align-items:center;
  justify-content:center;
}

.ffb-support-stat-icon i{
  font-size: 18px;
  color: var(--ffb-stat-icon-color, #1d4ed8);
}

.ffb-support-stat-value{
  font-weight: 900;
  font-size: 34px;
  color: var(--ffb-stat-value-color, #1d4ed8);
  line-height: 1.05;
}

.ffb-support-stat-label{
  margin-top: 10px;
  color: var(--ffb-stat-label-color, #111827);
  font-weight: 600;
  font-size: 15px;
  line-height: 1.45;
}

@media (max-width: 992px){
  .ffb-support-wrap{flex-direction:column;gap:26px}
  .ffb-support-section.ffb-rtl .ffb-support-wrap{flex-direction:column}
  .ffb-support-media{flex:0 0 auto; width:100%; max-width: 680px}
  .ffb-support-content{text-align:center}
  .ffb-support-desc{max-width: 680px; margin-inline:auto}
  .ffb-support-title{font-size: 36px}
  .ffb-support-stats{grid-template-columns: repeat(2, minmax(0,1fr))}
}

@media (max-width: 520px){
  .ffb-support-section{padding:34px 0}
  .ffb-support-title{font-size: 30px}
  .ffb-support-desc{font-size: 16px}
  .ffb-support-stats{grid-template-columns:1fr}
  .ffb-support-stat{padding: 22px 16px}
  .ffb-support-stat-value{font-size: 30px}
}


/* Optional full-width breakout (ignores parent container width) */
.ffb-support-section.ffb-support-fullwidth{
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  width: 100vw;
}

/* FirstM Unified repair layer */
.ffb-support-section{max-width:100%;overflow:hidden;isolation:isolate;}
.ffb-support-section.ffb-support-fullwidth{width:100vw;max-width:100vw;position:relative;left:50%;right:auto;transform:translateX(-50%);margin-left:0;margin-right:0;}
.ffb-support-inner{max-width:min(var(--ffb-support-max-width,1200px),100%);}
.ffb-support-wrap,.ffb-support-content,.ffb-support-media{min-width:0;}
.ffb-support-title{font-size:clamp(28px,3.2vw,42px);}
.ffb-support-desc{font-size:clamp(15px,1.25vw,18px);}
.ffb-support-media img{max-width:100%;object-fit:contain;}
.ffb-support-stat{min-width:0;}

/* FirstM Unified 1.0.3 frontend stability patch: keep widgets inside Elementor containers */
.ffb-migration-section.is-fullwidth,
.ffb-whm-section.is-fullwidth,
.ffb-support-section.ffb-support-fullwidth,
.ffb-os-tabs-section.ffb-fullwidth{
  width:100%!important;
  max-width:100%!important;
  left:auto!important;
  right:auto!important;
  transform:none!important;
  margin-left:0!important;
  margin-right:0!important;
  position:relative!important;
  overflow:hidden!important;
}
.ffb-migration-section,
.ffb-whm-section,
.ffb-support-section,
.ffb-os-tabs-section,
.ffb-host-packages{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;}
.ffb-migration-section *,
.ffb-whm-section *,
.ffb-support-section *,
.ffb-os-tabs-section *,
.ffb-host-packages *{box-sizing:border-box!important;}
.ffb-ms-container,.ffb-whm-container,.ffb-support-inner,.ffb-os-tabs-inner{max-width:100%!important;margin-inline:auto!important;padding-inline:clamp(16px,3vw,32px)!important;}
.ffb-ms-grid,.ffb-whm-row,.ffb-support-wrap{min-width:0!important;}
.ffb-ms-content,.ffb-ms-media,.ffb-whm-content,.ffb-whm-media,.ffb-support-content,.ffb-support-media{min-width:0!important;max-width:100%!important;}
.ffb-ms-title,.ffb-whm-title,.ffb-support-title{overflow-wrap:break-word!important;}
.ffb-ms-desc,.ffb-whm-desc,.ffb-support-desc{overflow-wrap:break-word!important;}
.ffb-ms-image,.ffb-support-media img,.ffb-whm-card img,.ffb-whm-float img,.ffb-os-logo{max-width:100%!important;object-fit:contain!important;}
@media(max-width:860px){.ffb-ms-grid,.ffb-whm-row,.ffb-support-wrap{grid-template-columns:1fr!important;text-align:center!important}.ffb-ms-content,.ffb-whm-content,.ffb-support-content{text-align:center!important}.ffb-ms-actions{justify-content:center!important}}
