/* v2.7.0 · Mobile-first conversion refinements loaded after the base theme. */
.vsl-player,
.vsl-section .shell,
.checkout-panel,
.offer-card,
main,
section{min-width:0;max-width:100%}

.play-icon svg{width:20px;height:20px;display:block;fill:currentColor}

.activity-toast{align-items:flex-start;max-width:390px;padding:13px 15px;border-radius:16px;background:linear-gradient(145deg,rgba(20,24,18,.94),rgba(6,8,6,.91));box-shadow:0 18px 52px rgba(0,0,0,.58),inset 0 1px rgba(255,255,255,.05)}
.activity-toast>.live-dot{margin-top:5px;animation:activity-pulse 2s ease-in-out infinite}
.activity-content{min-width:0}
.activity-content p{margin:0;color:#f4f3ef;font-size:.76rem;line-height:1.35}
.activity-content p b{color:var(--lime)}
.activity-metrics{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}
.activity-metrics span{display:inline-flex;align-items:center;min-height:24px;padding:4px 8px;border:1px solid rgba(216,255,0,.2);border-radius:999px;background:rgba(216,255,0,.06);color:#bfc4b9;font-size:.6rem;line-height:1.15}
@keyframes activity-pulse{0%,100%{opacity:.65;transform:scale(.9)}50%{opacity:1;transform:scale(1.08)}}

@media (orientation:portrait) and (max-width:1050px){
  html{scroll-padding-top:86px}
  [id]{scroll-margin-top:86px}
  .section-pad{padding-block:84px}
  .section-heading{margin-bottom:40px}
  .vsl-section .shell{width:min(calc(100% - 30px),820px)}
  .vsl-player{width:100%;aspect-ratio:4/3;min-height:0;border-radius:24px;overflow:hidden;overflow:clip;contain:layout paint}
  .vsl-person{right:-4%;bottom:-20%;width:48%;height:114%}
  .vsl-scene{width:68%}
}

@media (max-width:760px){
  html{scroll-padding-top:76px}
  [id]{scroll-margin-top:76px}
  body{padding-bottom:calc(96px + env(safe-area-inset-bottom))}
  .section-pad{padding-block:64px}
  .section-heading{margin-bottom:32px}
  .section-heading>p:last-child{font-size:.95rem}
  .mobile-menu{top:58px;left:12px;right:12px;max-height:calc(100dvh - 84px);overflow:auto;border-color:rgba(216,255,0,.2);background:rgba(8,10,8,.94);backdrop-filter:blur(20px) saturate(150%);box-shadow:0 22px 60px rgba(0,0,0,.65)}
  .mobile-menu a{min-height:46px;display:flex;align-items:center}

  .vsl-section{overflow:hidden}
  .vsl-section .shell{width:calc(100% - 24px);max-width:100%}
  .vsl-player{width:100%;max-width:100%;aspect-ratio:4/5;min-height:0;border-radius:19px}
  .vsl-grid{background-size:30px 30px}
  .vsl-person{right:-18%;bottom:-2%;width:79%;height:68%;opacity:.5}
  .vsl-scene{left:6%;top:27%;width:88%}
  .vsl-scene small{font-size:clamp(.9rem,4.8vw,1.2rem)}
  .vsl-scene strong{max-width:100%;font-size:clamp(2.65rem,14vw,4.05rem);line-height:.8;overflow-wrap:anywhere}
  .vsl-play{left:5%;right:5%;bottom:36px;width:auto;min-height:68px;padding:10px 12px;grid-template-columns:40px minmax(0,1fr);border-radius:14px;background:rgba(7,8,7,.78);backdrop-filter:blur(22px) saturate(150%)}
  .vsl-play span{width:38px;height:38px}
  .vsl-play b{font-size:1.05rem}
  .vsl-play small{font-size:.6rem;white-space:normal}
  .vsl-sound{right:12px;top:12px}
  .vsl-progress{left:5%;right:5%;bottom:17px}

  .checkout-panel{margin-top:16px;padding:17px 13px;border-radius:18px;scroll-margin-top:76px}
  .checkout-head{margin-bottom:14px}
  .checkout-head h3{font-size:1.85rem}
  .plan-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%}
  .plan-option{min-width:0;min-height:116px;padding:13px 10px;border-radius:13px}
  .plan-option span{font-size:.61rem;letter-spacing:.09em}
  .plan-option b{font-size:clamp(1.12rem,5.3vw,1.5rem);overflow-wrap:anywhere}
  .plan-option small{font-size:.64rem;line-height:1.25}
  .checkout-grid{grid-template-columns:1fr}
  .checkout-summary{grid-template-columns:1fr 1fr}
  .checkout-summary>div:last-child{grid-column:1/-1}

  .mobile-sticky{left:10px;right:10px;bottom:calc(9px + env(safe-area-inset-bottom));height:auto;min-height:74px;padding:9px 10px;gap:8px;border:1px solid rgba(216,255,0,.29);border-radius:19px;background:linear-gradient(135deg,rgba(24,29,21,.78),rgba(6,8,6,.72));backdrop-filter:blur(24px) saturate(165%);-webkit-backdrop-filter:blur(24px) saturate(165%);box-shadow:0 18px 55px rgba(0,0,0,.65),0 0 0 1px rgba(255,255,255,.035) inset,0 -10px 44px rgba(216,255,0,.035)}
  .mobile-sticky:before{content:"";position:absolute;left:16px;right:16px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.36),transparent)}
  .mobile-sticky>div{min-width:0;display:grid;grid-template-columns:auto 1fr;column-gap:6px;align-items:baseline}
  .mobile-sticky div small{grid-column:1/-1;font-size:.55rem;letter-spacing:.1em}
  .mobile-sticky div b{font-size:1.42rem;line-height:1}
  .mobile-sticky div span{grid-column:1/-1;display:block;margin-top:3px;color:#a7aca4;font-size:.57rem;line-height:1.1;white-space:nowrap}
  .mobile-sticky button{flex:0 0 auto;min-height:48px;max-width:48%;padding:9px 13px;border-radius:13px;box-shadow:0 10px 24px rgba(216,255,0,.16);font-size:.78rem;line-height:1.05}

  .whatsapp-floating{right:15px;bottom:calc(101px + env(safe-area-inset-bottom));width:54px;height:54px}
  .wa-nudge{right:15px;bottom:calc(163px + env(safe-area-inset-bottom))}
  .activity-toast{left:12px;right:auto;bottom:calc(101px + env(safe-area-inset-bottom));width:min(310px,calc(100% - 84px));max-width:none;padding:11px 12px;border-radius:15px}
  .activity-content p{font-size:.69rem}
  .activity-metrics{gap:4px;margin-top:6px}
  .activity-metrics span{padding:3px 6px;font-size:.55rem}
  .consent-banner{bottom:calc(101px + env(safe-area-inset-bottom))}
  .footer{padding-bottom:36px}
}

@media (max-width:380px){
  .vsl-player{aspect-ratio:3/4}
  .vsl-scene strong{font-size:clamp(2.35rem,13vw,3.2rem)}
  .mobile-sticky{left:7px;right:7px}
  .mobile-sticky button{padding-inline:10px;font-size:.7rem}
  .mobile-sticky div b{font-size:1.25rem}
  .mobile-sticky div span{font-size:.52rem}
  .plan-option{padding-inline:8px}
}

@media (prefers-reduced-motion:reduce){.activity-toast>.live-dot{animation:none}}
