.elementor-8066 .elementor-element.elementor-element-2e4e052{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-8066 .elementor-element.elementor-element-6d41809{--display:flex;--min-height:200px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-8066 .elementor-element.elementor-element-665f28e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-cd6a14d *//* Kill Sticky Header Effects popup / dialog */
.she-wdkit-popup,
.she-wdkit-install-popup,
.she-wdkit-dialog,
[aria-modal="true"].she-wdkit,
#she-wdkit-install-popup {
  display: none !important;
}
/* Ocultar botones del header superior */
.hdr .hdrBtns{
  display: none !important;
}
/* Centrar título en el header */
.hdr{
  justify-content: center !important;
}

.hdr .brand{
  margin: 0 auto;
  justify-content: center;
  text-align: center;
}

.hdr .title{
  text-align: center;
}
/* Ocultar la tarjeta "How this works" del panel */
.panel .card:first-of-type{
  display: none !important;
}
/* ===============================
   LUXURY BUTTON SYSTEM — PRIMUS
   =============================== */

.chip,
.btn,
.btnGold,
.btnGhost{
  border-radius: 999px !important;
  font-weight: 700 !important;
  letter-spacing: .02em;
  padding: 14px 22px !important;
  min-height: 48px;
  box-shadow: none !important;
}
/* Oro premium (metallic) */
.chip,
.btnGold{
  background: linear-gradient(
    180deg,
    #e8c27d 0%,
    #d4a85a 45%,
    #b8893f 100%
  ) !important;

  color: #050507 !important;
  border: 1px solid rgba(255,255,255,.15) !important;
}
.chip,
.btn{
  font-size: 15px !important;
}

.chip small{
  font-size: 12px !important;
  opacity: .65;
  margin-left: 6px;
}
.chip:hover,
.btn:hover,
.btnGold:hover{
  transform: translateY(-1px);
  background: linear-gradient(
    180deg,
    #f0d18f 0%,
    #e0b96b 50%,
    #c7974d 100%
  ) !important;

  box-shadow:
    0 6px 18px rgba(0,0,0,.35),
    inset 0 1px 0 rgba(255,255,255,.25);
}
/* Seleccionado */
.chip.on{
  background: linear-gradient(
    180deg,
    #cfa052 0%,
    #b8893f 100%
  ) !important;

  color: #050507 !important;
  border-color: rgba(230,183,112,.65) !important;

  box-shadow:
    0 0 0 2px rgba(230,183,112,.35),
    0 8px 22px rgba(0,0,0,.45);
}
#btnGoPrequal{
  font-size: 16px !important;
  padding: 16px 26px !important;
  letter-spacing: .04em;
}
.btnGhost,
#btnJustExploring{
  background: rgba(255,255,255,.04) !important;
  color: #e6b770 !important;
  border: 1px solid rgba(230,183,112,.35) !important;
}

.btnGhost:hover,
#btnJustExploring:hover{
  background: rgba(230,183,112,.12) !important;
}
/* ===============================
   MIAMI LUXURY STYLE
   =============================== */

.chip,
.btn,
.btnGold,
.btnGhost{
  border-radius: 999px !important;
  padding: 14px 22px !important;
  font-weight: 700 !important;
  letter-spacing: .03em;
}

/* Botones principales */
.chip,
.btnGold{
  background: linear-gradient(
    180deg,
    #f1cf8f 0%,
    #e2b66a 50%,
    #c99648 100%
  ) !important;

  color: #050507 !important;
  border: 1px solid rgba(255,255,255,.35) !important;
}

/* Hover elegante */
.chip:hover,
.btn:hover,
.btnGold:hover{
  transform: translateY(-2px);
  background: linear-gradient(
    180deg,
    #f6dba5 0%,
    #e8c278 55%,
    #d1a055 100%
  ) !important;

  box-shadow:
    0 10px 28px rgba(0,0,0,.45),
    inset 0 1px 0 rgba(255,255,255,.35);
}

/* Seleccionado */
.chip.on{
  background: linear-gradient(
    180deg,
    #d9aa5c 0%,
    #b8893f 100%
  ) !important;

  box-shadow:
    0 0 0 2px rgba(230,183,112,.45),
    0 12px 30px rgba(0,0,0,.55);
}

/* Botones secundarios */
.btnGhost,
#btnJustExploring{
  background: rgba(255,255,255,.04) !important;
  color: #e6b770 !important;
  border: 1px solid rgba(230,183,112,.45) !important;
}
/* Mostrar Restart dentro del summary */
#summaryCard #btnRestart{
  display: inline-flex !important;
}

/* Reposicionar Restart abajo como botón secundario */
#summaryCard #btnRestart{
  margin-top: 6px;
  padding: 12px 22px !important;
  font-weight: 600;
  background: transparent !important;
  color: #e6b770 !important;
  border: 1px solid rgba(230,183,112,.35) !important;
}

/* Ajuste de layout para que quede alineado */
#summaryCard > div:last-of-type{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
/* ===============================
   SUMMARY CTA LAYOUT — FIX
   =============================== */

/* Contenedor de botones */
#summaryCard > div{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
}

/* "I'm just exploring" SOLO y centrado */
#btnJustExploring{
  align-self: center;
  min-width: 260px;
  text-align: center;
}

/* Fila secundaria: Schedule + Restart */
#btnSchedule,
#btnRestartSummary{
  margin: 0;
}

/* Agrupar Schedule + Restart en una sola fila */
#btnSchedule,
#btnRestartSummary{
  display: inline-flex;
}

#btnSchedule + #btnRestartSummary{
  margin-left: 12px;
}

/* Estilo luxury secondary para Restart */
#btnRestartSummary{
  background: transparent !important;
  color: #e6b770 !important;
  border: 1px solid rgba(230,183,112,.35) !important;
  padding: 12px 22px !important;
  font-weight: 600;
}
/* ===============================
   SUMMARY — SINGLE CARD LAYOUT
   =============================== */

#summaryCard{
  display: flex !important;
  flex-direction: column;
  align-items: center;
  gap: 22px;

  max-width: 640px;
  margin: 0 auto;

  padding: 28px 26px !important;
}

/* KPIs en grid horizontal */
#summaryCard .kpis{
  display: grid !important;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  width: 100%;
}

/* Monthly payment ocupa ancho completo */
#summaryCard .kpiBig{
  grid-column: 1 / -1;
}

/* CTA BLOCK */
#summaryCard .cta-block{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  width: 100%;
}

/* Unlock principal */
#btnGoPrequal{
  width: 100%;
  max-width: 420px;
}

/* I'm just exploring — solo y centrado */
#btnJustExploring{
  align-self: center;
  min-width: 260px;
  text-align: center;
}

/* Fila inferior: Schedule + Restart */
#summaryCard .cta-row{
  display: flex;
  justify-content: center;
  gap: 14px;
  width: 100%;
}

/* Restart estilo secondary */
#btnRestartSummary{
  background: transparent !important;
  color: #e6b770 !important;
  border: 1px solid rgba(230,183,112,.35) !important;
  padding: 12px 22px !important;
}
/* =========================================
   MOBILE FIX — stop right cut / overflow
   Applies only <= 520px
   ========================================= */
@media (max-width: 520px){

  /* 1) Kill any horizontal overflow globally */
  html, body{
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  /* 2) Make outer containers never exceed viewport */
  .wrap{
    padding: 10px !important;
    max-width: 100% !important;
  }
  .shell{
    max-width: 100% !important;
    overflow: hidden !important; /* IMPORTANT: prevents right cut */
  }

  /* 3) Grid/panel padding (this is usually the real culprit) */
  .grid{
    padding: 10px !important;
    gap: 12px !important;
    max-width: 100% !important;
  }
  .panel{
    padding: 10px !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  /* 4) Summary must fit inside panel */
  #summaryCard{
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 18px 14px !important;
    box-sizing: border-box !important;

    /* safety: never allow it to push wider than viewport */
    max-width: calc(100vw - 24px) !important;
  }

  /* 5) Ensure ALL children can shrink (prevents grid overflow) */
  #summaryCard, 
  #summaryCard *{
    box-sizing: border-box !important;
    min-width: 0 !important; /* KEY */
    max-width: 100% !important;
  }

  /* 6) KPIs: 2 columns on mobile, no overflow */
  #summaryCard .kpis{
    width: 100% !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  /* 7) Big payment tile full width */
  #summaryCard .kpiBig{
    grid-column: 1 / -1 !important;
  }

  /* 8) Buttons: force fit */
  #btnGoPrequal,
  #btnJustExploring,
  #btnSchedule,
  #btnRestartSummary{
    width: 100% !important;
    max-width: 100% !important;
  }

  /* If you still want schedule+restart side-by-side on mobile, comment this out */
  #summaryCard .cta-row{
    flex-direction: column !important;
    gap: 10px !important;
    width: 100% !important;
  }
}
/* ===============================
   CENTER TEXT — ALL SUMMARY BUTTONS
   =============================== */

#summaryCard button,
#summaryCard .btn,
#summaryCard .btnGold,
#summaryCard .btnGhost{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
}
/* ===============================
   HIGHLIGHT KEY TERMS — METALLIC SILVER
   =============================== */

/* Target ONLY the specific advisory message */
.bubble{
  --silver-gradient: linear-gradient(
    180deg,
    #f2f2f2 0%,
    #cfcfcf 45%,
    #9e9e9e 100%
  );
}

/* PRIMARY RESIDENCE */
.bubble:has(:not(*))::before{}

/* Investor / DSCR + Primary Residence highlight */
.bubble{
  text-transform: none;
}

/* Manual keyword highlight via selection */
.bubble{
  /* fallback */
}

/* Exact keyword styling */
.bubble span.highlight-silver{
  background: var(--silver-gradient);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;

  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}
/* =========================================
   RESIDENCY CARD — Back Button
   ========================================= */

/* Target the Residency card */
.card h3:where(:contains("Residency"), :contains("RESIDENCY")){
  position: relative;
}

/* Back button visual */
.card h3:where(:contains("Residency"), :contains("RESIDENCY"))::after{
  content: "← BACK";
  position: absolute;
  right: 0;
  top: 0;

  font-size: 12px;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;

  color: rgba(230,183,112,.75);
  cursor: pointer;
}
/* =========================================
   HEADER ICON — Replace with Home Icon
   ========================================= */

/* Limpiar el icono actual */
.logo{
  background: none !important;
  border: 1px solid rgba(230,183,112,.35);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
  position: relative;
}

/* Quitar el inner glow viejo */
.logo::after{
  display: none !important;
}

/* Casita SVG */
.logo::before{
  content: "";
  position: absolute;
  inset: 6px;

  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23e6b770' d='M12 3 2 11h2v9h6v-6h4v6h6v-9h2z'/%3E%3C/svg%3E") center/contain no-repeat;

  filter: drop-shadow(0 1px 2px rgba(0,0,0,.45));
}
/* =========================================
   PRIMUS — Ultra Luxury CTA (Schedule a Call)
   Target: #btnSchedule (wizard)
   ========================================= */

#btnSchedule{
  /* layout */
  position: relative;
  overflow: hidden;
  min-height: 54px;

  /* typography */
  font-weight: 900 !important;
  letter-spacing: .02em;
  text-transform: none;

  /* premium metallic gold */
  background: linear-gradient(180deg,
    rgba(255,233,191,1) 0%,
    rgba(230,183,112,1) 42%,
    rgba(207,160,82,1) 100%
  ) !important;

  color: #050507 !important;

  border: 1px solid rgba(255,255,255,.18) !important;

  box-shadow:
    0 18px 45px rgba(230,183,112,.18),
    0 2px 0 rgba(255,255,255,.18) inset,
    0 -10px 25px rgba(0,0,0,.28) inset !important;

  border-radius: 999px !important;

  transform: translateZ(0);
  transition: transform .16s ease, box-shadow .16s ease, filter .16s ease;
}

/* inner glow ring (very subtle) */
#btnSchedule::after{
  content:"";
  position:absolute;
  inset: 2px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.18);
  opacity: .55;
  pointer-events: none;
}

/* Luxury "sheen" sweep */
#btnSchedule::before{
  content:"";
  position:absolute;
  top: -20%;
  left: -60%;
  width: 60%;
  height: 160%;
  background: linear-gradient(90deg,
    transparent 0%,
    rgba(255,255,255,.26) 40%,
    rgba(255,255,255,.06) 60%,
    transparent 100%
  );
  transform: rotate(18deg);
  filter: blur(.2px);
  pointer-events: none;
  opacity: .9;
  transition: left .55s ease, opacity .25s ease;
}

/* Hover / Focus */
#btnSchedule:hover{
  transform: translateY(-1px);
  box-shadow:
    0 22px 60px rgba(230,183,112,.22),
    0 2px 0 rgba(255,255,255,.20) inset,
    0 -10px 25px rgba(0,0,0,.28) inset !important;
}
#btnSchedule:hover::before{
  left: 120%;
  opacity: 1;
}

/* Accessible focus */
#btnSchedule:focus-visible{
  outline: none;
  box-shadow:
    0 0 0 3px rgba(230,183,112,.22),
    0 22px 60px rgba(230,183,112,.22),
    0 2px 0 rgba(255,255,255,.20) inset,
    0 -10px 25px rgba(0,0,0,.28) inset !important;
}

/* Press */
#btnSchedule:active{
  transform: translateY(0px) scale(.99);
  filter: saturate(1.02);
}

/* Mobile: make it feel like the PRIMARY CTA */
@media (max-width: 520px){
  #btnSchedule{
    width: 100% !important;
    max-width: 420px;
  }
}
/* =========================================
   REQUIRED DOCUMENTS — Gold Neon Accent
   ========================================= */

/* Contenedor del accordion */
details{
  position: relative;
  border-radius: 18px;
  border: 1px solid rgba(230,183,112,.28);
  background: rgba(255,255,255,.02);
  transition: border-color .25s ease, box-shadow .25s ease;
}

/* Glow sutil permanente */
details::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: 18px;
  pointer-events:none;

  box-shadow:
    0 0 0 1px rgba(230,183,112,.25),
    0 0 18px rgba(230,183,112,.18);

  opacity:.55;
}

/* Header */
details > summary{
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

/* Hover elegante */
details:hover{
  border-color: rgba(230,183,112,.45);
  box-shadow:
    0 0 0 1px rgba(230,183,112,.35),
    0 0 26px rgba(230,183,112,.28);
}

/* Estado abierto (más lujo) */
details[open]{
  border-color: rgba(230,183,112,.65);
  box-shadow:
    0 0 0 1px rgba(230,183,112,.45),
    0 0 34px rgba(230,183,112,.35);
}

/* Icono flecha — dorado */
details summary span{
  color: #e6b770;
}

/* Lista interna más limpia */
details .docList{
  margin-top: 14px;
}
/* =========================================
   PRIMUS — GLOBAL LUXURY GOLD BUTTON SYSTEM
   (Same effect as "Schedule a Call")
   ========================================= */

/* Target ALL gold buttons in the wizard */
.btnGold,
.chip:not(.btnGhost),
button.btnGold,
button.chip{
  position: relative;
  overflow: hidden;

  /* Shape */
  border-radius: 999px !important;
  min-height: 52px;

  /* Typography */
  font-weight: 800 !important;
  letter-spacing: .02em;

  /* Premium metallic gold */
  background: linear-gradient(
    180deg,
    rgba(255,233,191,1) 0%,
    rgba(230,183,112,1) 42%,
    rgba(207,160,82,1) 100%
  ) !important;

  color: #050507 !important;

  border: 1px solid rgba(255,255,255,.18) !important;

  box-shadow:
    0 16px 40px rgba(230,183,112,.18),
    0 2px 0 rgba(255,255,255,.18) inset,
    0 -10px 25px rgba(0,0,0,.28) inset !important;

  transition:
    transform .16s ease,
    box-shadow .16s ease,
    filter .16s ease;
}

/* Inner subtle ring */
.btnGold::after,
.chip:not(.btnGhost)::after{
  content:"";
  position:absolute;
  inset: 2px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.18);
  pointer-events:none;
  opacity:.55;
}

/* Luxury sheen sweep */
.btnGold::before,
.chip:not(.btnGhost)::before{
  content:"";
  position:absolute;
  top: -25%;
  left: -70%;
  width: 60%;
  height: 170%;

  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255,255,255,.28) 40%,
    rgba(255,255,255,.08) 60%,
    transparent 100%
  );

  transform: rotate(18deg);
  filter: blur(.3px);
  pointer-events:none;

  opacity: .9;
  transition: left .55s ease, opacity .25s ease;
}

/* Hover */
.btnGold:hover,
.chip:not(.btnGhost):hover{
  transform: translateY(-1px);
  box-shadow:
    0 22px 60px rgba(230,183,112,.22),
    0 2px 0 rgba(255,255,255,.20) inset,
    0 -10px 25px rgba(0,0,0,.28) inset !important;
}

.btnGold:hover::before,
.chip:not(.btnGhost):hover::before{
  left: 120%;
  opacity: 1;
}

/* Active / pressed */
.btnGold:active,
.chip:not(.btnGhost):active{
  transform: translateY(0) scale(.99);
  filter: saturate(1.02);
}

/* Selected chip state (on) */
.chip.on{
  box-shadow:
    0 0 0 2px rgba(230,183,112,.45),
    0 18px 50px rgba(230,183,112,.28),
    0 2px 0 rgba(255,255,255,.18) inset,
    0 -10px 25px rgba(0,0,0,.28) inset !important;
}

/* Mobile consistency */
@media (max-width: 520px){
  .btnGold,
  .chip:not(.btnGhost){
    width: 100% !important;
  }
}
/* =========================================
   PRIMUS — SIZE + ALIGN FIX (Wizard chips)
   Keep Schedule CTA big, reduce all chips
   ========================================= */

/* 1) Make ALL chips centered (fix left-aligned text) */
.chip{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;  /* <-- centers the label */
  text-align: center !important;
  width: 100% !important;             /* keeps clean stacked layout */
  max-width: 100% !important;
  padding: 12px 14px !important;      /* reduced */
  min-height: 46px !important;        /* reduced (was ~52+) */
  font-size: 15px !important;         /* reduced */
  line-height: 1.1 !important;
}

/* 2) Reduce ONLY the Residency Yes/No buttons a bit more */
#actions .quick:first-child .chip{
  min-height: 44px !important;
  padding: 11px 14px !important;
  font-size: 15px !important;
}

/* 3) Price range chips: slightly smaller, very centered */
#actions .chip{
  letter-spacing: .01em !important;
}

/* 4) FICO chips (with small number): keep both centered nicely */
.chip small{
  margin-left: 10px !important;
  opacity: .75 !important;
  font-weight: 800 !important;
}

/* 5) DO NOT let chips look like the main CTA height */
.btnGold{
  min-height: 50px !important;
  padding: 12px 16px !important;
}

/* 6) Keep Schedule a Call as the BIG premium lead CTA */
#btnSchedule{
  min-height: 56px !important;
  padding: 14px 18px !important;
  font-size: 18px !important;
  font-weight: 900 !important;
}

/* 7) Keep UNLOCK as premium but not absurd */
#btnGoPrequal{
  min-height: 54px !important;
  padding: 14px 18px !important;
  font-size: 16px !important;
}

/* 8) Mobile: prevent excessive vertical bulk */
@media (max-width: 520px){
  .chip{
    min-height: 44px !important;
    padding: 11px 14px !important;
    font-size: 15px !important;
  }
  #btnSchedule{
    min-height: 56px !important;
    font-size: 17px !important;
  }
}
/* =========================================
   PRIMUS Wizard — User replies (ME) in Metallic Silver
   Targets: .row.me .bubble
   ========================================= */

:root{
  --primus-silver-1:#f2f2f2;
  --primus-silver-2:#cfcfcf;
  --primus-silver-3:#9a9a9a;
  --primus-silver-4:#e8e8e8;
}

/* Bubble container */
.row.me .bubble{
  /* Keep a clean dark base so the silver text pops */
  background: rgba(255,255,255,.035) !important;

  /* Silver border instead of gold */
  border: 1px solid rgba(210,210,210,.22) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 10px 28px rgba(0,0,0,.35) !important;
}

/* =========================================
   PRIMUS Wizard — User replies (ME)
   Metallic Silver TEXT (safe + visible)
   ========================================= */

/* Bubble container */
.row.me .bubble{
  background: rgba(255,255,255,.035) !important;
  border: 1px solid rgba(200,200,200,.22) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 10px 28px rgba(0,0,0,.35) !important;
}

/* TEXT only (safe metallic silver) */
.row.me .bubble span,
.row.me .bubble b,
.row.me .bubble strong,
.row.me .bubble em,
.row.me .bubble i{
  background: linear-gradient(
    180deg,
    #f2f2f2 0%,
    #e6e6e6 20%,
    #cfcfcf 55%,
    #9a9a9a 100%
  );

  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
}

/* Plain text fallback (very important) */
.row.me .bubble{
  color: #e6e6e6 !important; /* fallback silver */
}

/* Ensure numbers / currency always show */
.row.me .bubble{
  font-weight: 600;
}
/* =========================================
   FORCE SUMMARY CTA VISIBILITY
   (fix for buttons disappearing)
   ========================================= */

/* Never allow summary buttons to be hidden */
#summaryCard,
#summaryCard *{
  visibility: visible !important;
  opacity: 1 !important;
}

/* Force CTA buttons to render */
#summaryCard button,
#summaryCard a{
  display: inline-flex !important;
}

/* Safety: prevent accidental fade-out classes */
#summaryCard .hidden,
#summaryCard .is-hidden,
#summaryCard .fade,
#summaryCard .fade-out{
  display: inline-flex !important;
  opacity: 1 !important;
  visibility: visible !important;
}
/* =========================================
   MOBILE FIX: Summary buttons disappear (iOS/Safari)
   Keep desktop luxury; stabilize mobile rendering
   ========================================= */
@media (max-width: 520px){

  /* 1) Ensure the summary and buttons can render above everything */
  #summaryCard{
    position: relative !important;
    z-index: 5 !important;
    overflow: visible !important;
  }

  /* 2) Force the 3 CTAs to always paint */
  #btnGoPrequal,
  #btnSchedule,
  #btnJustExploring{
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;

    /* iOS paint stabilization */
    -webkit-transform: translateZ(0) !important;
    transform: translateZ(0) !important;
    backface-visibility: hidden !important;
  }

  /* 3) iOS glitch trigger: overflow hidden + big ::before sheen
        -> remove ONLY on mobile for stability */
  #btnGoPrequal,
  #btnSchedule{
    overflow: visible !important; /* key */
  }

  /* Disable sheen layers ONLY in mobile (keeps gold + shadow intact) */
  #btnGoPrequal::before,
  #btnGoPrequal::after,
  #btnSchedule::before,
  #btnSchedule::after{
    content: none !important;
    display: none !important;
  }

  /* Keep premium gold surface */
  #btnGoPrequal,
  #btnSchedule{
    background: linear-gradient(180deg,
      rgba(255,233,191,1) 0%,
      rgba(230,183,112,1) 42%,
      rgba(207,160,82,1) 100%
    ) !important;

    box-shadow:
      0 18px 45px rgba(230,183,112,.18),
      0 2px 0 rgba(255,255,255,.18) inset,
      0 -10px 25px rgba(0,0,0,.28) inset !important;
  }
}/* End custom CSS */