/* ============================================================
   mobile.css — Responsive overrides for GoldUp home page
   Loaded after style.css. Breakpoints:
     ≤1024px  tablet
     ≤768px   large mobile
     ≤480px   small mobile
   ============================================================ */

/* ── TABLET (≤1024px) ─────────────────────────────────────── */
@media (max-width: 1024px), screen  and (orientation: portrait) {
  #video{padding: 0;height: 22vh;}
  .inner-video{height: auto;}
  /* Nav */
  nav { padding: 0 4%; }
  .nav-links { gap: 18px; }
  .nav-links a { font-size: 12px; }

  /* Hero */
  .hero { padding: 100px 4% 60px; }
  #hero-one, #hero-two { font-size: calc(4 * 1.8vw + 0.5rem); }
  #hero-three { font-size: calc(1 * 1.4vw + 0.85rem); }
#heroVideo { height: 100%; object-fit: cover; }
  /* h1 & h2 */
  h1 { font-size: 58px; letter-spacing: -2px; }
  h2 { font-size: 44px; letter-spacing: -2px; }

  /* Sections */
  section { padding: 80px 4%; }

  /* Evolve grid → 2 cols */
  .evolve-grid { grid-template-columns: 1fr 1fr; }

  /* How-it-works */
  .how-header { grid-template-columns: 1fr; gap: 20px; }
  .steps-grid { grid-template-columns: repeat(2, 1fr); }

  /* Products */
  .product-cards { grid-template-columns: 1fr; }

  /* Pricing */
  .pricing-header { grid-template-columns: 1fr; gap: 20px; }

  /* Calc */
  .calc-header { grid-template-columns: 1fr; gap: 20px; }
  .calc-layout { grid-template-columns: 1fr; }

  /* About */
  .about-grid { grid-template-columns: 1fr; gap: 40px; }
  .about-text { width: 100%; float: none; padding-left: 15px !important;  padding-right: 15px !important; line-height: 1.7; text-align: justify;}
  .about-stats { grid-template-columns: repeat(2, 1fr); }
  .mission-quote { font-size: 32px; }

  /* Team */
  .team-grid,
  .team-grid-light { grid-template-columns: repeat(2, 1fr); }

  /* FAQ */
  .faq-header { grid-template-columns: 1fr; gap: 20px; }

  /* Contact */
  .contact-inner { grid-template-columns: 1fr; gap: 48px; padding: 0 15px;}

  /* Footer */
  .footer-top { grid-template-columns: 1fr; gap: 40px; }
  .footer-cols { grid-template-columns: repeat(3, 1fr); }
}


/* ── LARGE MOBILE (≤768px) ───────────────────────────────── */
@media (max-width: 768px) {
  #video{padding: 0;height: 22vh;}
  .inner-video{height: auto;}
  /* Nav — hide links, keep logo + CTA */
  .nav-links { display: none; }
  nav { padding: 0 5%; height: 60px; }
  #logo { width: 48%; padding-top: 6px; }
  .nav-cta { padding: 8px 16px; font-size: 9px; width: 80px;}

  /* Hero */
  .hero {
    padding: 80px 5% 48px;
    min-height: 100svh;
    /* align-items: flex-end; */
  }
  #hero-one,
  #hero-two { font-size: calc(4 * 2.8vw + 0.5rem); }
  #hero-two { margin-top: -12px; }
  #hero-three {
    font-size: calc(1 * 2vw + 0.7rem);
    padding-top: 24px;
  }
  #heroVideo { height: 100%; object-fit: cover; }

  /* Typography */
  h1 { font-size: 44px; letter-spacing: -1.5px; }
  h2 { font-size: 34px; letter-spacing: -1.5px; }
  .hero-sub { font-size: 16px; }
  .mission-quote { font-size: 26px; letter-spacing: -0.8px; }

  /* Hero buttons */
  .hero-btns { flex-direction: column; gap: 10px; }
  .btn-primary,
  .btn-ghost { width: 100%; justify-content: center; }

  /* Hero trust strip */
  .hero-trust { gap: 12px; }
  .trust-sep { display: none; }

  /* Sections */
  section { padding: 64px 5%; }

  /* Evolve grid → single column */
  .evolve-grid { grid-template-columns: 1fr; }
  .evolve-normal { padding: 10px 0; }
  .evolve-big { font-size: calc(2 * 3vw + 0.8rem); }

  /* Stats */
  .about-stats { grid-template-columns: repeat(2, 1fr); }
  .as-val { font-size: 52px; }
  .as-label { font-size: 15px; }

  /* Steps */
  .steps-grid { grid-template-columns: 1fr; gap: 2px; }

  /* Product cards */
  .product-cards { grid-template-columns: 1fr; border-radius: 20px; }
  .product-card { padding: 36px 28px; }
  .pc-name { font-size: 48px; }
  .pc-proposition { font-size: 20px; }
  .pc-stats { flex-wrap: wrap; gap: 16px; }

  /* Pricing table */
  .pc-thead,
  .pc-row,
  .pc-total-row {
    grid-template-columns: 1.5fr 1fr 1fr;
    padding: 0 16px;
  }
  .pc-cell-name { font-size: 12px; }
  .pc-cell-desc { display: none; }
  .pc-total-num-industry,
  .pc-total-num-goldup { font-size: 20px; }

  /* Calculator */
  .calc-layout { grid-template-columns: 1fr; border-radius: 16px; }
  .calc-panel { padding: 28px 20px; }
  .calc-result-val { font-size: 36px; }

  /* Chart */
  .chart-header { grid-template-columns: 1fr; gap: 16px; }
  .chart-ranges { flex-wrap: wrap; }
  .chart-stats-row { gap: 20px; }

  /* Team */
  .team-grid,
  .team-grid-light { grid-template-columns: 1fr 1fr; }
  .team-card,
  .team-card-light { padding: 28px 20px; }
  .team-name { font-size: 20px; }
  .team-role { font-size: 22px; }

  /* FAQ */
  .faq-header { grid-template-columns: 1fr; }
  .faq-q { padding: 18px 20px; }
  .faq-q span { font-size: 15px; }
  .faq-a p { padding: 0 20px 18px; font-size: 14px; }

  /* About */
  .about-grid { grid-template-columns: 1fr; gap: 32px; }
  .about-text { width: 100%; float: none; line-height: 1.7; text-align: justify;}

  /* Contact */
  .contact { padding: 80px 5%; }
  .contact-inner { grid-template-columns: 1fr; gap: 40px;  padding: 0 15px;}
  .form-row { grid-template-columns: 1fr; }

  /* Footer */
  .footer-top { grid-template-columns: 1fr; gap: 32px; }
  .footer-cols { grid-template-columns: 1fr 1fr; gap: 24px; }
  .site-footer { padding: 48px 5% 0; }

  /* Price card in hero (if visible) */
  .price-card { padding: 24px 20px; }
  .pc-price { font-size: 38px; }
  .pc-tokens { grid-template-columns: 1fr 1fr; }
}


/* ── SMALL MOBILE (≤480px) ──────────────────────────────── */
@media (max-width: 480px) {
  #video{padding: 0; height: 22vh;}
  .inner-video{height: auto;}
  /* Nav */
  nav { padding: 0 4%; }
  .nav-actions { gap: 6px; }

  /* Hero */
  #hero-one,
  #hero-two { font-size: calc(4 * 3.5vw + 0.3rem); }
  #hero-three { font-size: 3vw + 0.6rem; letter-spacing: 0.03em; }

  /* Typography */
  h1 { font-size: 36px; letter-spacing: -1px; }
  h2 { font-size: 28px; letter-spacing: -1px; }
  .section-desc { font-size: 15px; }

  /* Sections */
  section { padding: 52px 4%; }

  /* Stats */
  .about-stats { grid-template-columns: 1fr 1fr; text-align: center;}
  .as-val { font-size: 40px; letter-spacing: -2px; }
  .as-bar { width: 100%;}
  /* Products */
  .product-card { padding: 28px 20px; }
  .pc-name { font-size: 40px; letter-spacing: -2px; }
  .pc-proposition { font-size: 18px; }
  .pc-actions { flex-direction: column; align-items: flex-start; }
  .pc-btn { width: 100%; justify-content: center; }

  /* Pricing — collapse to 2-col (feature + GoldUp) */
  .pc-thead,
  .pc-row { grid-template-columns: 1fr 1fr; padding: 0 12px; }
  .pc-cell-industry,
  .pc-th.th-industry { display: none; }
  .pc-total-row { grid-template-columns: 1fr 1fr; padding: 0 12px; }
  .pc-total-industry { display: none; }

  /* Calculator */
  .calc-result-grid { grid-template-columns: 1fr; }
  .calc-input-wrap input { font-size: 22px; }

  /* Team */
  .team-grid,
  .team-grid-light { grid-template-columns: 1fr; }
  .team-avatar { width: 56px; height: 56px; }

  /* Contact form */
  .form-row { grid-template-columns: 1fr; }
  .contact { padding: 64px 4%; }

  /* Footer */
  .footer-cols { grid-template-columns: 1fr; gap: 20px; }
  .footer-logo > img { width: 150px; }
  .footer-top { gap: 24px; }

  /* Ticker */
  .ticker-item { font-size: 11px; }

  /* Price card */
  .pc-tokens { grid-template-columns: 1fr; }
  .pti-val { font-size: 18px; }
}


/* ── UTILITY: disable hover transforms on touch ─────────── */
@media (hover: none) {
  .btn-primary:hover,
  .btn-ghost:hover,
  .nav-cta:hover,
  .pc-btn:hover,
  .form-submit:hover { transform: none; }
}