/* Made in UGC — Mobile Responsive Fix */

/* ─── TABLET & LARGE PHONES ≤1024px ─── */
@media(max-width:1024px){
  .nav-r{gap:6px;}
  .nav-cta{padding:8px 14px;font-size:12px;}
  footer{flex-direction:column;align-items:flex-start;gap:14px;}
  .foot-links{flex-wrap:wrap;gap:12px;}
}

/* ─── MEDIUM PHONES ≤640px ─── */
@media(max-width:640px){
  /* Typography */
  h2{font-size:clamp(24px,7vw,40px) !important;}
  .plan-videos{font-size:44px !important;}
  .plan-price{font-size:30px !important;}
  .plan-name{font-size:20px;}
  .stat-num{font-size:34px;letter-spacing:-1px;}
  .stat-lbl{font-size:11px;}

  /* Pricing toggle — stack vertically */
  .toggle-row{
    flex-direction:column;
    align-items:stretch;
    gap:6px;
    margin-bottom:28px;
  }
  .tog-btn{
    text-align:center;
    font-size:13px !important;
    padding:11px 16px !important;
    white-space:normal;
  }

  /* Sections */
  .iag-head{font-size:17px;}
  .iag-list li{font-size:13px;}
  .method-step{padding:22px 18px;}
  .method-title{font-size:15px;}
  .bonus-list li{font-size:11px;}
  .addon-card{padding:24px 16px;}
  .addon-title{font-size:18px;}
  .addon-desc{font-size:12px;}
  .step-title{font-size:16px;}
  .step-desc{font-size:12px;}

  /* CTA */
  .cta-inner h2{font-size:clamp(30px,8vw,56px) !important;}
  .cta-sub{font-size:14px;}
  .btn-wa{font-size:14px;padding:13px 26px;}

  /* Video grid */
  .vgrid{gap:8px;}
}

/* ─── SMALL PHONES ≤400px ─── */
@media(max-width:400px){
  nav{padding:0 16px;}
  .nav-cta{display:none;}

  .hero-inner{padding:72px 16px 40px !important;}
  .wrap,.use-inner,.stats-wrap{padding:0 16px !important;}

  h1{font-size:38px !important;letter-spacing:-1.5px;}
  .hero-sub{font-size:14px;}
  .hero-badge{font-size:9px;padding:5px 12px;}
  .hero-for-item{font-size:11px;}
  .btn-grad{font-size:13px;padding:12px 20px;}
  .btn-ghost{font-size:12px;padding:10px 16px;}

  .stat-num{font-size:28px !important;}
  .stat-lbl{font-size:10px;}

  .plan-videos{font-size:36px !important;}
  .plan-price{font-size:24px !important;}
  .plan-videos small,.plan-price small{font-size:11px;}

  .iag-list li{font-size:12px;}
  .iag-col,.iag-foot{padding:20px 16px !important;}

  .cta-sec{padding:56px 16px !important;}
  .btn-wa{font-size:13px;padding:12px 22px;}

  footer{padding:20px 16px;}
  .foot-copy{font-size:11px;}
  .foot-links a{font-size:11px;}
}