/* eFlyersXOX v5.4.10-r2.7.24-r6 PREVIEW — Customer Featured Plan Strip Compact
 * Scoped preview only. Demotes the large hero carousel into a compact featured-plan strip while keeping existing routes, content, plan facts, smart finder, and stable logic untouched.
 */
html.efx-r2724-preview body.share-view .hero{
  position:relative;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
  min-height:auto!important;
  margin:0!important;
  padding:14px 16px 18px!important;
  overflow:hidden;
  background:
    radial-gradient(circle at 82% 18%,rgba(255,255,255,.52),transparent 26%),
    linear-gradient(145deg,#fff904 0%,#fff100 46%,#ffd900 100%)!important;
  color:#071f62!important;
}
html.efx-r2724-preview body.share-view .hero::after{
  content:""!important;
  position:absolute!important;
  inset:auto -92px -112px auto!important;
  width:320px!important;
  height:320px!important;
  border-radius:50%!important;
  background:radial-gradient(circle,rgba(255,255,255,.46),rgba(255,255,255,0) 72%)!important;
  pointer-events:none!important;
}

/* minor polish: slimmer header + tabs */
html.efx-r2724-preview body.share-view .topbar{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:8px!important;
  min-height:82px!important;
  padding:10px 14px!important;
}
html.efx-r2724-preview body.share-view .brand-main{
  font-size:clamp(18px,5.6vw,24px)!important;
  letter-spacing:-1.25px!important;
}
html.efx-r2724-preview body.share-view .top-actions{
  min-width:132px!important;
  gap:6px!important;
}
html.efx-r2724-preview body.share-view .top-actions::before{
  min-width:132px!important;
  min-height:44px!important;
  padding:8px 12px!important;
  border-radius:17px!important;
  font-size:10px!important;
  line-height:1.08!important;
  letter-spacing:.035em!important;
}
html.efx-r2724-preview body.share-view .utility-menu{
  top:82px!important;
  width:100%!important;
  max-width:100vw!important;
  justify-content:flex-start!important;
  gap:6px!important;
  padding:7px 10px 8px 10px!important;
  scroll-padding-inline:10px!important;
  scroll-snap-type:x proximity!important;
  overscroll-behavior-x:contain!important;
}
html.efx-r2724-preview body.share-view .utility-menu > *{scroll-snap-align:start}
html.efx-r2724-preview body.share-view .utility-menu button,
html.efx-r2724-preview body.share-view .utility-menu a{
  min-height:34px!important;
  padding:7px 13px!important;
  font-size:11px!important;
}

html.efx-r2724-preview body.share-view .hero-copy{
  position:relative;
  z-index:2;
  box-sizing:border-box;
  min-height:338px;
  padding:6px 43% 2px 0;
}
html.efx-r2724-preview body.share-view .hero-copy::before{
  content:"";
  display:block;
  width:min(158px,92%);
  aspect-ratio:2048/644;
  margin:0 0 10px;
  background:url('/assets/onexox-logo-official.png') left center/contain no-repeat;
}
html.efx-r2724-preview body.share-view .hero-copy::after{
  content:"";
  position:absolute;
  z-index:-1;
  right:-18px;
  top:4px;
  width:min(50%,238px);
  aspect-ratio:1060/1484;
  background:url('/assets/hero-sim-mobile.png') right top/contain no-repeat;
  filter:drop-shadow(0 12px 24px rgba(91,72,0,.14));
  pointer-events:none;
}
html.efx-r2724-preview body.share-view .hero .eyebrow{display:none!important}
html.efx-r2724-preview body.share-view .hero h1{
  max-width:610px!important;
  margin:0!important;
  color:#0a1328!important;
  font-size:clamp(29px,7.5vw,56px)!important;
  line-height:1.02!important;
  letter-spacing:-1.7px!important;
  text-wrap:balance;
}
html.efx-r2724-preview body.share-view .hero h1 span{color:#071f62!important}
html.efx-r2724-preview body.share-view .hero-copy>p{
  max-width:420px!important;
  margin:8px 0 0!important;
  color:#273550!important;
  font-size:12px!important;
  line-height:1.42!important;
}
html.efx-r2724-preview body.share-view .hero-actions{
  display:grid!important;
  grid-template-columns:1fr!important;
  width:min(178px,100%);
  gap:6px!important;
  margin-top:10px!important;
  margin-bottom:2px!important;
}
html.efx-r2724-preview body.share-view .hero-actions .btn{
  min-height:39px!important;
  padding:9px 12px!important;
  border-radius:13px!important;
  font-size:11px!important;
  font-weight:950!important;
  box-shadow:none!important;
}
html.efx-r2724-preview body.share-view .hero-actions .btn-primary{
  background:#071f62!important;
  color:#fff!important;
  border-color:#071f62!important;
}
html.efx-r2724-preview body.share-view .hero-actions #heroSecondaryAction{
  background:rgba(255,255,255,.72)!important;
  color:#071f62!important;
  border:1.5px solid rgba(7,31,98,.48)!important;
  backdrop-filter:blur(8px);
}

html.efx-r2724-preview body.share-view .hero-plan-carousel{
  position:relative;
  z-index:3;
  width:100%!important;
  max-width:none!important;
  justify-self:stretch!important;
  margin-top:-6px!important;
}
html.efx-r2724-preview body.share-view .hero-plan-carousel-head{
  margin:0 2px 8px!important;
  color:#071f62!important;
}
html.efx-r2724-preview body.share-view .hero-plan-carousel-head span{
  color:#071f62!important;
  font-size:10px!important;
}
html.efx-r2724-preview body.share-view .hero-plan-carousel-head small{
  color:#52617a!important;
  font-size:9px!important;
}
html.efx-r2724-preview body.share-view .hero-plan-track{border-radius:21px!important}
html.efx-r2724-preview body.share-view .hero-plan-track .hero-card{
  min-height:238px!important;
  padding:16px!important;
  border-radius:21px!important;
  box-shadow:0 18px 38px rgba(7,31,98,.18)!important;
}
html.efx-r2724-preview body.share-view .hero-plan-track .hero-plan{margin-top:15px!important;font-size:16px!important}
html.efx-r2724-preview body.share-view .hero-plan-track .hero-data{font-size:53px!important}
html.efx-r2724-preview body.share-view .hero-plan-track .hero-data-wide{font-size:45px!important}
html.efx-r2724-preview body.share-view .hero-plan-track .hero-price{margin-top:8px!important;font-size:28px!important}
html.efx-r2724-preview body.share-view .hero-plan-points{margin-top:12px!important;gap:4px!important}
html.efx-r2724-preview body.share-view .hero-plan-points li{font-size:8.7px!important}
html.efx-r2724-preview body.share-view .hero-card-tap{padding-top:10px!important}
html.efx-r2724-preview body.share-view .hero-plan-controls{
  grid-template-columns:32px minmax(0,1fr) 32px!important;
  gap:8px!important;
  margin-top:8px!important;
}
html.efx-r2724-preview body.share-view .hero-plan-arrow{
  width:32px!important;
  height:32px!important;
  border-color:rgba(7,31,98,.16)!important;
  background:rgba(7,31,98,.08)!important;
  color:#071f62!important;
  backdrop-filter:none!important;
}
html.efx-r2724-preview body.share-view .hero-plan-progress-bar{background:rgba(7,31,98,.16)!important}
html.efx-r2724-preview body.share-view .hero-plan-progress-fill{background:#071f62!important;box-shadow:none!important}
html.efx-r2724-preview body.share-view .v4-value-strip{position:relative;z-index:5;margin-top:0!important}

@media(min-width:721px){
  html.efx-r2724-preview body.share-view .topbar{
    min-height:70px!important;
    padding:9px 24px!important;
    gap:12px!important;
  }
  html.efx-r2724-preview body.share-view .brand-main{
    font-size:clamp(21px,2.2vw,27px)!important;
  }
  html.efx-r2724-preview body.share-view .top-actions{
    min-width:158px!important;
  }
  html.efx-r2724-preview body.share-view .top-actions::before{
    min-width:158px!important;
    min-height:40px!important;
    padding:8px 14px!important;
    font-size:11px!important;
  }
  html.efx-r2724-preview body.share-view .utility-menu{
    top:70px!important;
    padding:8px 16px!important;
    gap:8px!important;
  }
  html.efx-r2724-preview body.share-view .utility-menu button,
  html.efx-r2724-preview body.share-view .utility-menu a{
    min-height:36px!important;
    padding:8px 15px!important;
    font-size:12px!important;
  }
  html.efx-r2724-preview body.share-view .hero{
    padding:18px clamp(28px,4vw,54px) 24px!important;
    gap:14px!important;
  }
  html.efx-r2724-preview body.share-view .hero-copy{
    min-height:248px;
    padding:6px clamp(292px,40%,500px) 0 0;
  }
  html.efx-r2724-preview body.share-view .hero-copy::before{
    width:220px;
    margin-bottom:10px;
  }
  html.efx-r2724-preview body.share-view .hero-copy::after{
    right:-28px;
    top:auto;
    bottom:-6px;
    width:min(42%,480px);
    max-width:480px;
    aspect-ratio:1484/1060;
    background-image:url('/assets/hero-sim-desktop.png');
    background-position:right bottom;
  }
  html.efx-r2724-preview body.share-view .hero h1{
    font-size:clamp(48px,4.2vw,62px)!important;
    letter-spacing:-2.6px!important;
    max-width:620px!important;
  }
  html.efx-r2724-preview body.share-view .hero-copy>p{
    max-width:520px!important;
    margin-top:10px!important;
    font-size:16px!important;
    line-height:1.5!important;
  }
  html.efx-r2724-preview body.share-view .hero-actions{
    display:flex!important;
    flex-wrap:wrap!important;
    width:auto!important;
    gap:10px!important;
    margin-top:14px!important;
    margin-bottom:0!important;
  }
  html.efx-r2724-preview body.share-view .hero-actions .btn{
    min-height:42px!important;
    padding:10px 18px!important;
    font-size:13px!important;
  }
  html.efx-r2724-preview body.share-view .hero-plan-carousel{
    margin-top:-2px!important;
  }
  html.efx-r2724-preview body.share-view .hero-plan-track .hero-card{min-height:252px!important;padding:18px!important}
  html.efx-r2724-preview body.share-view .hero-plan-track .hero-data{font-size:58px!important}
  html.efx-r2724-preview body.share-view .hero-plan-track .hero-data-wide{font-size:48px!important}
  html.efx-r2724-preview body.share-view .hero-plan-track .hero-price{font-size:30px!important}
}

@media(max-width:390px){
  html.efx-r2724-preview body.share-view .topbar{
    min-height:78px!important;
    padding:9px 12px!important;
  }
  html.efx-r2724-preview body.share-view .top-actions{
    min-width:124px!important;
  }
  html.efx-r2724-preview body.share-view .top-actions::before{
    min-width:124px!important;
    min-height:42px!important;
    padding:8px 10px!important;
    font-size:9.5px!important;
  }
  html.efx-r2724-preview body.share-view .utility-menu{
    top:78px!important;
    padding:7px 9px 8px!important;
  }
  html.efx-r2724-preview body.share-view .hero-copy{min-height:322px;padding-right:42%}
  html.efx-r2724-preview body.share-view .hero-copy::before{width:145px}
  html.efx-r2724-preview body.share-view .hero-copy::after{width:min(49%,224px);right:-16px;top:6px}
  html.efx-r2724-preview body.share-view .hero h1{font-size:28px!important}
  html.efx-r2724-preview body.share-view .hero-copy>p{font-size:11px!important}
  html.efx-r2724-preview body.share-view .hero-actions{width:170px}
  html.efx-r2724-preview body.share-view .hero-plan-track .hero-card{min-height:226px!important}
}

@media(max-width:340px){
  html.efx-r2724-preview body.share-view .topbar{
    min-height:74px!important;
    padding:8px 10px!important;
  }
  html.efx-r2724-preview body.share-view .top-actions{
    min-width:118px!important;
  }
  html.efx-r2724-preview body.share-view .top-actions::before{
    min-width:118px!important;
    min-height:40px!important;
    padding:7px 10px!important;
    font-size:9px!important;
  }
  html.efx-r2724-preview body.share-view .utility-menu{
    top:74px!important;
  }
  html.efx-r2724-preview body.share-view .hero-copy{min-height:310px;padding-right:40%}
  html.efx-r2724-preview body.share-view .hero-copy::before{width:130px}
  html.efx-r2724-preview body.share-view .hero-copy::after{width:min(47%,204px);right:-16px;top:8px}
  html.efx-r2724-preview body.share-view .hero h1{font-size:25px!important}
  html.efx-r2724-preview body.share-view .hero-copy>p{font-size:10px!important}
  html.efx-r2724-preview body.share-view .hero-actions{width:158px}
}


/* r2.7.24-r6 — Featured Plan Strip Compact
   Goal: reduce the large carousel into a compact highlight strip without touching the data source or routing. */
html.efx-r2724-preview body.share-view .hero-plan-carousel{margin-top:-2px!important}
html.efx-r2724-preview body.share-view .hero-plan-carousel-head{margin:0 2px 6px!important}
html.efx-r2724-preview body.share-view .hero-plan-carousel-head span{font-size:11px!important;letter-spacing:.15em!important}
html.efx-r2724-preview body.share-view .hero-plan-track{gap:10px!important;border-radius:18px!important}
html.efx-r2724-preview body.share-view .hero-plan-track .hero-card{
  flex:0 0 min(84%,300px)!important;
  min-height:124px!important;
  padding:12px 14px!important;
  border-radius:20px!important;
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:flex-end!important;
  align-content:flex-start!important;
  gap:6px 10px!important;
  box-shadow:0 14px 30px rgba(7,31,98,.16)!important;
}
html.efx-r2724-preview body.share-view .hero-plan-track .hero-card .glow-one{width:150px!important;height:150px!important;right:-58px!important;top:-54px!important;opacity:.18!important}
html.efx-r2724-preview body.share-view .hero-plan-track .hero-card .glow-two{width:105px!important;height:105px!important;left:-52px!important;bottom:-52px!important;opacity:.13!important}
html.efx-r2724-preview body.share-view .hero-plan-track .hero-card-top{order:1!important;width:100%!important;align-items:center!important;gap:8px!important;margin:0!important}
html.efx-r2724-preview body.share-view .hero-plan-track .chip{padding:5px 9px!important;font-size:8.5px!important;letter-spacing:.08em!important}
html.efx-r2724-preview body.share-view .hero-plan-category{font-size:9px!important;letter-spacing:.14em!important}
html.efx-r2724-preview body.share-view .hero-plan-track .hero-plan{order:2!important;flex:1 1 100%!important;margin:0!important;font-size:16px!important;line-height:1.08!important}
html.efx-r2724-preview body.share-view .hero-plan-track .hero-data,
html.efx-r2724-preview body.share-view .hero-plan-track .hero-data-wide{order:3!important;margin:0!important;font-size:42px!important;line-height:.9!important;letter-spacing:-2.7px!important;text-shadow:none!important}
html.efx-r2724-preview body.share-view .hero-plan-track .hero-data span,
html.efx-r2724-preview body.share-view .hero-plan-track .hero-data-wide span{font-size:15px!important;letter-spacing:-.4px!important;margin-left:3px!important}
html.efx-r2724-preview body.share-view .hero-plan-track .hero-data-wide small{width:auto!important;margin:0 0 2px 6px!important;font-size:8px!important;letter-spacing:.03em!important}
html.efx-r2724-preview body.share-view .hero-plan-track .hero-data-days span{font-size:12px!important;letter-spacing:.06em!important}
html.efx-r2724-preview body.share-view .hero-plan-track .hero-price{order:4!important;margin:0 0 4px 2px!important;font-size:24px!important;line-height:1!important;display:flex!important;align-items:flex-end!important;gap:3px!important;flex-wrap:wrap!important}
html.efx-r2724-preview body.share-view .hero-plan-track .hero-price>span{font-size:12px!important}
html.efx-r2724-preview body.share-view .hero-plan-track .hero-price small{display:inline!important;margin:0!important;font-size:8.5px!important;color:#d7e3ff!important}
html.efx-r2724-preview body.share-view .hero-plan-points{display:none!important}
html.efx-r2724-preview body.share-view .hero-card-tap{order:5!important;margin-left:auto!important;padding:0!important;font-size:8.4px!important;gap:7px!important;align-self:center!important}
html.efx-r2724-preview body.share-view .hero-card-tap span{width:24px!important;height:24px!important;font-size:13px!important;box-shadow:0 5px 14px rgba(255,241,0,.18)!important}
html.efx-r2724-preview body.share-view .hero-plan-controls{margin-top:6px!important}
html.efx-r2724-preview body.share-view .hero-plan-progress-bar{height:4px!important}

@media(min-width:721px){
  html.efx-r2724-preview body.share-view .hero-plan-carousel-head{margin:0 2px 8px!important}
  html.efx-r2724-preview body.share-view .hero-plan-track{gap:12px!important}
  html.efx-r2724-preview body.share-view .hero-plan-track .hero-card{
    flex:0 0 calc((100% - 24px) / 3)!important;
    min-height:132px!important;
    padding:14px 16px!important;
    border-radius:21px!important;
  }
  html.efx-r2724-preview body.share-view .hero-plan-track .hero-plan{font-size:17px!important}
  html.efx-r2724-preview body.share-view .hero-plan-track .hero-data,
  html.efx-r2724-preview body.share-view .hero-plan-track .hero-data-wide{font-size:46px!important;letter-spacing:-3px!important}
  html.efx-r2724-preview body.share-view .hero-plan-track .hero-data span,
  html.efx-r2724-preview body.share-view .hero-plan-track .hero-data-wide span{font-size:16px!important}
  html.efx-r2724-preview body.share-view .hero-plan-track .hero-price{font-size:26px!important}
  html.efx-r2724-preview body.share-view .hero-plan-track .hero-price small{font-size:9px!important}
  html.efx-r2724-preview body.share-view .hero-card-tap{font-size:8.8px!important}
}

@media(max-width:390px){
  html.efx-r2724-preview body.share-view .hero-plan-track .hero-card{flex-basis:min(88%,286px)!important;min-height:118px!important;padding:11px 13px!important}
  html.efx-r2724-preview body.share-view .hero-plan-track .hero-plan{font-size:15px!important}
  html.efx-r2724-preview body.share-view .hero-plan-track .hero-data,
  html.efx-r2724-preview body.share-view .hero-plan-track .hero-data-wide{font-size:39px!important}
  html.efx-r2724-preview body.share-view .hero-plan-track .hero-price{font-size:22px!important}
}


/* r2.7.24-r7 — Connected Featured Plan Strip PREVIEW
   Purpose: keep the featured plan area compact, restore readable plan content,
   and add a connected premium background feel across adjacent cards.
   Scope: customer /c preview only. No route, logic, data source, or content flow changes. */
html.efx-r2724-preview body.share-view .hero-plan-carousel{margin-top:-2px!important}
html.efx-r2724-preview body.share-view .hero-plan-carousel-head{margin:0 2px 6px!important}
html.efx-r2724-preview body.share-view .hero-plan-carousel-head span{font-size:11px!important;letter-spacing:.14em!important}
html.efx-r2724-preview body.share-view .hero-plan-track{
  gap:10px!important;
  border-radius:22px!important;
  padding:2px 0 1px!important;
}
html.efx-r2724-preview body.share-view .hero-plan-track .hero-card{
  position:relative!important;
  overflow:hidden!important;
  flex:0 0 min(86%,304px)!important;
  min-height:170px!important;
  padding:13px 15px 14px!important;
  border-radius:22px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:0!important;
  box-shadow:0 14px 30px rgba(7,31,98,.15)!important;
}
html.efx-r2724-preview body.share-view .hero-plan-track .hero-card::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  border-radius:inherit!important;
  pointer-events:none!important;
  background:
    linear-gradient(148deg,rgba(255,255,255,.05) 0%,rgba(255,255,255,0) 34%),
    radial-gradient(circle at var(--r7-glow-x,92%) 16%,rgba(183,238,188,.22) 0,rgba(183,238,188,0) 28%),
    radial-gradient(120% 96% at var(--r7-wave-x,118%) 116%,rgba(255,241,0,.24) 0,rgba(255,241,0,.24) 15%,rgba(255,241,0,0) 16%),
    radial-gradient(120% 96% at var(--r7-wave-x,118%) 116%,rgba(255,255,255,.12) 0,rgba(255,255,255,.12) 10%,rgba(255,255,255,0) 11%);
  opacity:1!important;
}
html.efx-r2724-preview body.share-view .hero-plan-track .hero-card::after{
  content:""!important;
  position:absolute!important;
  inset:auto -14% 20px -14%!important;
  height:1px!important;
  background:linear-gradient(90deg,rgba(255,241,0,0) 0%,rgba(255,241,0,.22) 18%,rgba(255,241,0,.22) 82%,rgba(255,241,0,0) 100%)!important;
  pointer-events:none!important;
  opacity:.85!important;
}
html.efx-r2724-preview body.share-view .hero-plan-track .hero-card:nth-child(1){--r7-glow-x:92%;--r7-wave-x:118%}
html.efx-r2724-preview body.share-view .hero-plan-track .hero-card:nth-child(2){--r7-glow-x:56%;--r7-wave-x:52%}
html.efx-r2724-preview body.share-view .hero-plan-track .hero-card:nth-child(3){--r7-glow-x:16%;--r7-wave-x:-14%}
html.efx-r2724-preview body.share-view .hero-plan-track .hero-card .glow{display:none!important}
html.efx-r2724-preview body.share-view .hero-plan-track .hero-card-top{
  order:1!important;
  width:100%!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  margin:0!important;
}
html.efx-r2724-preview body.share-view .hero-plan-track .chip{padding:5px 9px!important;font-size:8.4px!important;letter-spacing:.08em!important;box-shadow:none!important}
html.efx-r2724-preview body.share-view .hero-plan-category{font-size:9px!important;letter-spacing:.14em!important}
html.efx-r2724-preview body.share-view .hero-plan-track .hero-plan{
  position:relative!important;
  z-index:1!important;
  order:2!important;
  width:100%!important;
  margin:14px 0 0!important;
  font-size:15px!important;
  line-height:1.05!important;
}
html.efx-r2724-preview body.share-view .hero-plan-track .hero-data,
html.efx-r2724-preview body.share-view .hero-plan-track .hero-data-wide{
  position:relative!important;
  z-index:1!important;
  order:3!important;
  width:100%!important;
  margin:8px 0 0!important;
  font-size:41px!important;
  line-height:.92!important;
  letter-spacing:-2.6px!important;
  text-shadow:none!important;
}
html.efx-r2724-preview body.share-view .hero-plan-track .hero-data span,
html.efx-r2724-preview body.share-view .hero-plan-track .hero-data-wide span{
  font-size:14px!important;
  letter-spacing:-.2px!important;
  margin-left:4px!important;
}
html.efx-r2724-preview body.share-view .hero-plan-track .hero-data-wide small{
  width:auto!important;
  margin:0 0 2px 6px!important;
  font-size:8px!important;
  letter-spacing:.03em!important;
}
html.efx-r2724-preview body.share-view .hero-plan-track .hero-data-days span{font-size:12px!important;letter-spacing:.06em!important}
html.efx-r2724-preview body.share-view .hero-plan-track .hero-price{
  position:relative!important;
  z-index:1!important;
  order:4!important;
  margin:8px 0 0!important;
  font-size:21px!important;
  line-height:1!important;
  display:flex!important;
  align-items:flex-end!important;
  gap:4px!important;
  flex-wrap:wrap!important;
}
html.efx-r2724-preview body.share-view .hero-plan-track .hero-price>span{font-size:11px!important}
html.efx-r2724-preview body.share-view .hero-plan-track .hero-price small{display:none!important}
html.efx-r2724-preview body.share-view .hero-plan-points{display:none!important}
html.efx-r2724-preview body.share-view .hero-card-tap{
  position:relative!important;
  z-index:1!important;
  order:5!important;
  margin-top:auto!important;
  margin-left:auto!important;
  padding-top:9px!important;
  font-size:8.4px!important;
  gap:7px!important;
  align-self:flex-end!important;
}
html.efx-r2724-preview body.share-view .hero-card-tap span{width:24px!important;height:24px!important;font-size:13px!important;box-shadow:0 6px 16px rgba(255,241,0,.14)!important}
html.efx-r2724-preview body.share-view .hero-plan-controls{margin-top:7px!important}
html.efx-r2724-preview body.share-view .hero-plan-progress-bar{height:4px!important}

@media(min-width:721px){
  html.efx-r2724-preview body.share-view .hero-plan-carousel-head{margin:0 2px 8px!important}
  html.efx-r2724-preview body.share-view .hero-plan-track{gap:12px!important}
  html.efx-r2724-preview body.share-view .hero-plan-track .hero-card{
    flex:0 0 calc((100% - 24px) / 3)!important;
    min-height:176px!important;
    padding:14px 16px 14px!important;
  }
  html.efx-r2724-preview body.share-view .hero-plan-track .hero-plan{font-size:16px!important}
  html.efx-r2724-preview body.share-view .hero-plan-track .hero-data,
  html.efx-r2724-preview body.share-view .hero-plan-track .hero-data-wide{font-size:44px!important}
  html.efx-r2724-preview body.share-view .hero-plan-track .hero-data span,
  html.efx-r2724-preview body.share-view .hero-plan-track .hero-data-wide span{font-size:15px!important}
  html.efx-r2724-preview body.share-view .hero-plan-track .hero-price{font-size:22px!important}
  html.efx-r2724-preview body.share-view .hero-plan-track .hero-price>span{font-size:12px!important}
}

@media(max-width:390px){
  html.efx-r2724-preview body.share-view .hero-plan-track .hero-card{flex-basis:min(88%,292px)!important;min-height:162px!important;padding:12px 14px 13px!important}
  html.efx-r2724-preview body.share-view .hero-plan-track .hero-plan{font-size:14px!important}
  html.efx-r2724-preview body.share-view .hero-plan-track .hero-data,
  html.efx-r2724-preview body.share-view .hero-plan-track .hero-data-wide{font-size:38px!important;letter-spacing:-2.2px!important}
  html.efx-r2724-preview body.share-view .hero-plan-track .hero-price{font-size:20px!important}
}


/* r2.7.24-r8 — Panorama Featured Strip + Accurate Quick-Nav Scroll
   Fixes r7 blank-card regression and uses the supplied panorama as a connected visual layer.
   Preview-only, customer /c scope. */

/* Accurate landing for sticky topbar + utility menu. */
html.efx-r2724-preview body.share-view #recommender,
html.efx-r2724-preview body.share-view #plans,
html.efx-r2724-preview body.share-view #compareSection{
  scroll-margin-top:136px!important;
}

/* Restore readable content with a robust grid (r6/r7 flex-wrap had pushed content out of view). */
html.efx-r2724-preview body.share-view .hero-plan-track .hero-card{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-rows:auto auto auto auto!important;
  flex-wrap:nowrap!important;
  align-content:normal!important;
  align-items:start!important;
  min-height:166px!important;
  gap:0 10px!important;
  padding:13px 14px 13px!important;
  overflow:hidden!important;
  background-color:#0b3276!important;
  background-image:
    linear-gradient(150deg,rgba(11,63,135,.84) 0%,rgba(7,38,96,.90) 55%,rgba(4,25,70,.94) 100%)!important;
  background-repeat:no-repeat,no-repeat!important;
  background-size:auto,300% 100%!important;
  background-position:center,0% center!important;
}
html.efx-r2724-preview body.share-view .hero-plan-track .hero-card:nth-child(3n+1){background-position:center,0% center!important}
html.efx-r2724-preview body.share-view .hero-plan-track .hero-card:nth-child(3n+2){background-position:center,50% center!important}
html.efx-r2724-preview body.share-view .hero-plan-track .hero-card:nth-child(3n){background-position:center,100% center!important}
html.efx-r2724-preview body.share-view .hero-plan-track .hero-card::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  border-radius:inherit!important;
  pointer-events:none!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.045),rgba(255,255,255,0) 38%),
    radial-gradient(circle at 92% 12%,rgba(255,241,0,.13),transparent 28%)!important;
  opacity:1!important;
}
html.efx-r2724-preview body.share-view .hero-plan-track .hero-card::after{
  content:""!important;
  position:absolute!important;
  inset:auto 0 0 0!important;
  height:3px!important;
  background:linear-gradient(90deg,rgba(255,241,0,.15),rgba(255,241,0,.72),rgba(255,241,0,.12))!important;
  opacity:.55!important;
  pointer-events:none!important;
}
html.efx-r2724-preview body.share-view .hero-plan-track .hero-card-top{
  grid-column:1 / -1!important;
  grid-row:1!important;
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  margin:0!important;
}
html.efx-r2724-preview body.share-view .hero-plan-track .hero-plan{
  grid-column:1 / -1!important;
  grid-row:2!important;
  width:100%!important;
  margin:12px 0 0!important;
  font-size:15px!important;
  line-height:1.05!important;
  color:#fff!important;
}
html.efx-r2724-preview body.share-view .hero-plan-track .hero-data,
html.efx-r2724-preview body.share-view .hero-plan-track .hero-data-wide{
  grid-column:1!important;
  grid-row:3!important;
  width:auto!important;
  margin:7px 0 0!important;
  font-size:39px!important;
  line-height:.92!important;
  letter-spacing:-2.4px!important;
  color:#fff100!important;
  text-shadow:0 5px 18px rgba(0,0,0,.12)!important;
}
html.efx-r2724-preview body.share-view .hero-plan-track .hero-data span,
html.efx-r2724-preview body.share-view .hero-plan-track .hero-data-wide span{font-size:14px!important;margin-left:3px!important}
html.efx-r2724-preview body.share-view .hero-plan-track .hero-data-wide small{width:100%!important;margin:3px 0 0!important;font-size:7.8px!important;color:#dce7ff!important}
html.efx-r2724-preview body.share-view .hero-plan-track .hero-price{
  grid-column:1!important;
  grid-row:4!important;
  margin:7px 0 0!important;
  display:flex!important;
  align-items:flex-end!important;
  gap:3px!important;
  font-size:21px!important;
  line-height:1!important;
  color:#fff!important;
}
html.efx-r2724-preview body.share-view .hero-plan-track .hero-price>span{font-size:11px!important}
html.efx-r2724-preview body.share-view .hero-plan-track .hero-price small{display:none!important}
html.efx-r2724-preview body.share-view .hero-plan-points{display:none!important}
html.efx-r2724-preview body.share-view .hero-card-tap{
  grid-column:2!important;
  grid-row:3 / 5!important;
  align-self:end!important;
  justify-self:end!important;
  margin:0!important;
  padding:0!important;
  font-size:0!important;
}
html.efx-r2724-preview body.share-view .hero-card-tap span{
  width:28px!important;
  height:28px!important;
  font-size:15px!important;
}

@media(min-width:721px){
  html.efx-r2724-preview body.share-view #recommender,
  html.efx-r2724-preview body.share-view #plans,
  html.efx-r2724-preview body.share-view #compareSection{scroll-margin-top:124px!important}
  html.efx-r2724-preview body.share-view .hero-plan-track .hero-card{
    min-height:174px!important;
    padding:14px 16px!important;
  }
  html.efx-r2724-preview body.share-view .hero-plan-track .hero-plan{font-size:16px!important}
  html.efx-r2724-preview body.share-view .hero-plan-track .hero-data,
  html.efx-r2724-preview body.share-view .hero-plan-track .hero-data-wide{font-size:43px!important}
  html.efx-r2724-preview body.share-view .hero-plan-track .hero-price{font-size:23px!important}
}

@media(max-width:390px){
  html.efx-r2724-preview body.share-view #recommender,
  html.efx-r2724-preview body.share-view #plans,
  html.efx-r2724-preview body.share-view #compareSection{scroll-margin-top:128px!important}
  html.efx-r2724-preview body.share-view .hero-plan-track .hero-card{min-height:158px!important;padding:12px 13px!important}
  html.efx-r2724-preview body.share-view .hero-plan-track .hero-data,
  html.efx-r2724-preview body.share-view .hero-plan-track .hero-data-wide{font-size:36px!important}
  html.efx-r2724-preview body.share-view .hero-plan-track .hero-price{font-size:20px!important}
}

/* r2.7.24-r9 — Featured Strip Clean + B33 Label Fix PREVIEW
   - remove unused panorama image layer from featured cards
   - keep the r8 readable compact card/grid and scroll-target fixes
   - B33 customer featured badge becomes FREE BILL in preview only
   - data source, routes, logic, modal/detail content remain untouched
*/
html.efx-r2724-preview body.share-view .hero-plan-track .hero-card{
  background-color:#0b3276!important;
  background-image:linear-gradient(150deg,#174f98 0%,#0b3a82 44%,#071f62 100%)!important;
  background-repeat:no-repeat!important;
  background-size:100% 100%!important;
  background-position:center!important;
}
html.efx-r2724-preview body.share-view .hero-plan-track .hero-card:nth-child(n){
  background-position:center!important;
}
html.efx-r2724-preview body.share-view .hero-plan-track .hero-card::before{
  background:
    linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,0) 40%),
    radial-gradient(circle at 90% 12%,rgba(255,241,0,.12),transparent 28%)!important;
}
html.efx-r2724-preview body.share-view .hero-plan-track .hero-card[data-detail="b33"] .chip{
  font-size:0!important;
  background:#fff!important;
  color:#071f62!important;
  border:0!important;
}
html.efx-r2724-preview body.share-view .hero-plan-track .hero-card[data-detail="b33"] .chip::after{
  content:"FREE BILL";
  font-size:8.5px!important;
  font-weight:950!important;
  letter-spacing:.08em!important;
  line-height:1!important;
  color:#071f62!important;
}

/* r2.7.24-r10 — Customer Preview polish
   Fixes requested:
   1) hero person covers the marked right area more fully
   2) cleaner, more accurate call + hotspot icons
   3) yellow background continues to the bottom / overscroll
   4) reduce excessive gap above the fixed CTA bar
   Preview-only, customer /c scope. */
html.efx-r2724-preview,
html.efx-r2724-preview body.share-view{
  background:#fff100!important;
}
html.efx-r2724-preview body.share-view{
  padding-bottom:82px!important;
}
html.efx-r2724-preview body.share-view #appShell{
  background:transparent!important;
}
html.efx-r2724-preview body.share-view .hero{
  padding-bottom:12px!important;
}
html.efx-r2724-preview body.share-view .hero-copy{
  min-height:292px!important;
  padding:6px 35% 0 0!important;
}
html.efx-r2724-preview body.share-view .hero-plan-carousel{
  margin-top:-8px!important;
}
html.efx-r2724-preview body.share-view .hero-copy::after{
  top:-8px!important;
  right:-24px!important;
  width:min(64%,312px)!important;
  aspect-ratio:1060/1484!important;
  background-size:contain!important;
  background-position:right top!important;
}
html.efx-r2724-preview body.share-view .v4-value-strip article>span{
  box-shadow:inset 0 0 0 1px rgba(7,31,98,.08)!important;
}
html.efx-r2724-preview body.share-view .v4-value-strip article>span svg{
  width:20px!important;
  height:20px!important;
}
html.efx-r2724-preview body.share-view .v4-footer,
html.efx-r2724-preview body.share-view .footer{
  background:var(--yellow)!important;
  margin-bottom:0!important;
}
html.efx-r2724-preview body.share-view .v4-footer{
  padding-bottom:88px!important;
}
html.efx-r2724-preview body.share-view .customer-contact-bar{
  bottom:max(6px,env(safe-area-inset-bottom))!important;
  width:min(760px,calc(100% - 18px))!important;
}

@media(min-width:721px){
  html.efx-r2724-preview body.share-view{
    padding-bottom:88px!important;
  }
  html.efx-r2724-preview body.share-view .hero-copy{
    min-height:270px!important;
    padding:6px clamp(336px,43%,540px) 2px 0!important;
  }
  html.efx-r2724-preview body.share-view .hero-copy::after{
    right:-42px!important;
    bottom:-10px!important;
    top:auto!important;
    width:min(48%,560px)!important;
    aspect-ratio:1484/1060!important;
    background-image:url('/assets/hero-sim-desktop.png')!important;
    background-position:right bottom!important;
  }
  html.efx-r2724-preview body.share-view .v4-footer{
    padding-bottom:92px!important;
  }
}

@media(max-width:390px){
  html.efx-r2724-preview body.share-view{
    padding-bottom:78px!important;
  }
  html.efx-r2724-preview body.share-view .hero-copy{
    min-height:286px!important;
    padding-right:34%!important;
  }
  html.efx-r2724-preview body.share-view .hero-copy::after{
    top:-2px!important;
    right:-20px!important;
    width:min(66%,292px)!important;
  }
  html.efx-r2724-preview body.share-view .v4-footer{
    padding-bottom:84px!important;
  }
}

@media(max-width:340px){
  html.efx-r2724-preview body.share-view .hero-copy{
    min-height:280px!important;
    padding-right:33%!important;
  }
  html.efx-r2724-preview body.share-view .hero-copy::after{
    width:min(68%,274px)!important;
    right:-20px!important;
  }
}

/* r2.7.24-r12 — Hero Dead-Space Removal PREVIEW
   Scope: spacing only. Remove the reserved empty height between the hero CTA
   and Featured Plan strip. Features Strip, hero image, featured cards, icons,
   Smart Finder, routes and stable functions stay unchanged. */
html.efx-r2724-preview body.share-view .hero-copy{
  min-height:292px!important;
}
@media(max-width:390px){
  html.efx-r2724-preview body.share-view .hero-copy{min-height:286px!important}
}
@media(max-width:340px){
  html.efx-r2724-preview body.share-view .hero-copy{min-height:280px!important}
}

/* v5.4.10-r2.7.26 — Customer desktop CTA fit
   Customer /c only. Keeps mobile dock behavior and all dealer UI untouched. */
@media(min-width:721px){
  html.efx-r2724-preview body.share-view .customer-contact-bar{
    width:min(940px,calc(100vw - 32px))!important;
    max-width:calc(100vw - 32px)!important;
    display:grid!important;
    grid-template-columns:minmax(220px,.78fr) minmax(420px,1.22fr)!important;
    align-items:center!important;
    gap:12px!important;
    padding-left:16px!important;
    padding-right:12px!important;
    overflow:visible!important;
  }
  html.efx-r2724-preview body.share-view .customer-contact-copy{
    min-width:0!important;
  }
  html.efx-r2724-preview body.share-view .customer-contact-actions{
    width:100%!important;
    min-width:0!important;
    margin-left:0!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:8px!important;
  }
  html.efx-r2724-preview body.share-view .customer-affiliate-cta,
  html.efx-r2724-preview body.share-view .customer-whatsapp-cta{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    box-sizing:border-box!important;
  }
}

/* v5.4.10-r2.7.27 — Desktop CTA Center-Bottom Polish
   Customer /c desktop only.
   Center the two primary CTAs at the bottom, remove the desktop dealer-copy column,
   and preserve the existing mobile dock exactly as-is. */
@media(min-width:721px){
  html.efx-r2724-preview body.share-view .customer-contact-bar{
    left:50%!important;
    right:auto!important;
    bottom:max(12px,env(safe-area-inset-bottom))!important;
    width:min(560px,calc(100vw - 40px))!important;
    max-width:calc(100vw - 40px)!important;
    min-height:0!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    align-items:center!important;
    gap:0!important;
    padding:9px!important;
    overflow:visible!important;
    transform:translate(-50%,calc(100% + 30px))!important;
  }
  html.efx-r2724-preview body.share-view .customer-contact-bar.is-visible{
    transform:translate(-50%,0)!important;
  }
  html.efx-r2724-preview body.share-view .customer-contact-copy{
    display:none!important;
  }
  html.efx-r2724-preview body.share-view .customer-contact-actions{
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:9px!important;
  }
  html.efx-r2724-preview body.share-view .customer-affiliate-cta,
  html.efx-r2724-preview body.share-view .customer-whatsapp-cta{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    min-height:50px!important;
    padding:0 16px!important;
    box-sizing:border-box!important;
  }
}