/* ============================================================
   ANYDOMEN — Mobile & Tablet Styles (style-m.css)
   ============================================================ */

/* ── TABLET ── */
@media(max-width:1100px){
  #nav,#hero,#zones,#pricing,#how,#features,#about,#news,#cta,footer{
    padding-left:40px;padding-right:40px;
  }
  .pricing-grid{grid-template-columns:repeat(2,1fr)}
  .plan-card:nth-child(2){border-right:none}
  .plan-card:nth-child(3){border-top:1px solid var(--border)}
  .plan-card:nth-child(4){border-right:none;border-top:1px solid var(--border)}
  .features-grid{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1fr 1fr;gap:36px}
  .news-grid{grid-template-columns:repeat(2,1fr)}
}

/* ── MOBILE ── */
@media(max-width:800px){
  /* NAV */
  #nav{padding:14px 20px}
  #nav.scrolled{padding:10px 20px}
  .nav-links,.nav-cta{display:none}
  .nav-burger{
    display:flex;flex-direction:column;gap:5px;
    width:38px;height:38px;background:none;border:none;cursor:pointer;padding:7px;
  }
  .nav-burger span{
    display:block;width:100%;height:2px;background:var(--text);
    transition:transform .3s,opacity .2s;border-radius:1px;
  }
  .nav-burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .nav-burger.open span:nth-child(2){opacity:0}
  .nav-burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

  /* DRAWER */
  .drawer{display:flex}

  /* HERO */
  #hero{padding:96px 20px 56px;min-height:88vh}
  .hero-title{font-size:34px}
  .hero-sub{font-size:15px}
  .search-bar{max-width:100%}
  .search-prefix{padding:0 10px;font-size:12px}

  /* ZONES */
  #zones{padding:36px 20px}

  /* STATS */
  #stats{grid-template-columns:repeat(2,1fr)}
  .stat-item:nth-child(2){border-right:none}
  .stat-item:nth-child(3){border-right:1px solid var(--border);border-top:1px solid var(--border)}
  .stat-item:nth-child(4){border-top:1px solid var(--border)}
  .stat-item{padding:32px 20px}
  .stat-num{font-size:32px}

  /* PRICING */
  #pricing{padding:64px 20px}
  .pricing-grid{grid-template-columns:1fr;border-radius:var(--r)}
  .plan-card{border-right:none!important;border-top:1px solid var(--border)}
  .plan-card:first-child{border-top:none}

  /* HOW */
  #how{padding:64px 20px}
  .how-grid{grid-template-columns:1fr;gap:36px}
  .how-panel{position:static}

  /* FEATURES */
  #features{padding:64px 20px}
  .features-grid{grid-template-columns:1fr}

  /* ABOUT */
  #about{padding:64px 20px}
  .about-grid{grid-template-columns:1fr;gap:36px}

  /* NEWS */
  #news{padding:64px 20px}
  .news-grid{grid-template-columns:1fr}

  /* CTA */
  #cta{padding:56px 20px}
  .cta-btns{flex-direction:column;align-items:center}
  .btn-primary,.btn-ghost{width:100%;max-width:320px;text-align:center}

  /* FOOTER */
  footer{padding:44px 20px 28px}
  .footer-grid{grid-template-columns:1fr;gap:28px}
  .footer-bottom{flex-direction:column;gap:10px;text-align:center}
}

/* ── SMALL MOBILE ── */
@media(max-width:480px){
  .hero-title{font-size:28px}
  .hero-eyebrow{font-size:9px}
  .sec-title{font-size:24px}
  .stat-num{font-size:28px}
  .plan-price{font-size:28px}
  .nav-brand img{height:36px}
}


/* ═══════════════════════════════════════════════════
   CONTACT / FORM SECTION — mobile
   ═══════════════════════════════════════════════════ */

@media (max-width: 1100px) {
  .fs-left  { padding: 52px 40px; }
  .fs-right { padding: 48px 40px; }
}

@media (max-width: 800px) {
  #contact  { padding: 0; }
  .fs-wrap  { grid-template-columns: 1fr; }
  .fs-left  { padding: 48px 20px; }
  .fs-right { padding: 40px 20px; }
  .fs-row   { grid-template-columns: 1fr; }
  .fs-left-title { font-size: 28px; }
  .fs-radios { flex-wrap: wrap; }
}

@media (max-width: 480px) {
  .fs-left  { padding: 36px 20px; }
  .fs-right { padding: 32px 20px; }
  .fs-radios { flex-direction: column; }
  .fs-radio  { width: 100%; }
  .fs-submit { font-size: 14px; padding: 13px; }
}