/* Mobile layout safeguards shared across picker home pages. */
@media (max-width: 768px) {
  html, body { max-width: 100%; overflow-x: hidden; }
  .neo-nav.active, .nav-menu.active { transform: none !important; filter: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
  .nav-translate, .nav-translate:hover { transform: none !important; }
  .gt_black_overlay { position: fixed !important; top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important; width: 100vw !important; height: 100vh !important; margin: 0 !important; transform: none !important; z-index: 100004 !important; background: rgba(0, 0, 0, .58) !important; }
  .gt_white_content.notranslate { position: fixed !important; z-index: 100005 !important; width: calc(100vw - 2rem) !important; max-width: 420px !important; max-height: calc(100vh - 2rem) !important; top: 50vh !important; right: auto !important; bottom: auto !important; left: 50vw !important; margin: 0 !important; transform: translate(-50%, -50%) !important; border-radius: 14px !important; overflow: auto !important; box-sizing: border-box !important; }
  main, .home-container { min-width: 0; }
  .neo-main, .home-container { margin: 0 !important; padding: 0 !important; }
  .home-container { border-radius: 0 !important; }
  .neo-hero { margin-top: 72px !important; }
  .neo-hero, .hero, .hero-section, .hero-content { padding: 2rem 1rem !important; }
  .tool-hero { padding-top: calc(2rem + 72px) !important; }
  .neo-hero h1, .hero h1, .hero-section h1, .hero-content h1, .page-hero h1,
  .home-container h1 { font-size: clamp(1.9rem, 8vw, 2.8rem) !important; line-height: 1.12 !important; }
  .neo-hero p, .hero p, .hero-section p, .hero-content p, .home-container > p,
  .section-subtitle { font-size: 1rem !important; line-height: 1.6 !important; }
  .neo-text-box, .fancy-text-box { margin: 1rem .75rem !important; padding: 1.15rem !important; }
  .neo-text-box-title, .section-title { font-size: clamp(1.45rem, 6vw, 2rem) !important; line-height: 1.2 !important; }
  .neo-features-grid, .features-grid, .steps-grid, .trust-bar-inner, .cta-banner-inner,
  .tools-grid, .content-grid, .results-grid { grid-template-columns: minmax(0, 1fr) !important; }
  .trust-bar-inner, .cta-banner-inner { gap: 1rem !important; }
  .trust-divider { display: none !important; }
  .step-card, .neo-card, .feature-card, .picker-card { min-width: 0; }
  .cta-banner, .how-it-works-section, .features-section { padding-inline: 1rem !important; }
  input, select, textarea, button { max-width: 100%; }
}
@media (max-width: 420px) {
  .neo-hero, .hero, .hero-section, .hero-content { padding: 5.5rem .75rem !important; }
  .tool-hero { padding-top: calc(5.5rem + 72px) !important; }
  .neo-hero h1, .hero h1, .hero-section h1, .hero-content h1, .page-hero h1,
  .home-container h1 { font-size: clamp(1.75rem, 9vw, 2.25rem) !important; }
  .neo-text-box, .fancy-text-box { margin-inline: .5rem !important; padding: 1rem !important; }
}