/* ===================================
   MOBILE HERO FIXES
   Fixes button width, spacing, and alignment issues
   =================================== */

/* Mobile Fixes - All Phones */
@media (max-width: 768px) {
  /* Hero Section - Increase top padding for badge breathing room */
  .hero-new {
    padding: 6rem 1.5rem 3rem !important; /* More top padding from header */
  }

  .hero-new-container {
    gap: 0;
    padding: 0;
  }

  /* Badge - More space from top and bottom */
  .hero-new .hero-badge {
    margin-bottom: 1.5rem !important; /* More space below badge */
    font-size: 0.875rem;
  }

  /* Title - Balanced spacing */
  .hero-new .hero-title {
    margin-bottom: 1.5rem !important; /* Consistent spacing */
    font-size: clamp(1.875rem, 6vw, 2.5rem) !important;
    line-height: 1.2 !important;
  }

  /* Subtitle - Balanced spacing */
  .hero-new .hero-subtitle {
    margin-bottom: 2rem !important; /* More space before CTA */
    font-size: 1.0625rem !important;
    line-height: 1.6 !important;
  }

  /* CTA - Ensure full width */
  .hero-new .hero-cta {
    width: 100%;
    margin-bottom: 1.25rem !important;
  }

  .hero-new .btn-hero-primary {
    width: 100% !important;
    display: block !important;
    padding: 1.125rem 2rem !important;
    text-align: center !important;
  }

  /* Microcopy - Balanced spacing */
  .hero-new .hero-microcopy {
    margin-bottom: 1.5rem !important;
    font-size: 0.9375rem;
  }

  /* Trust Badges - Better spacing */
  .hero-new .hero-trust-badges {
    margin-bottom: 2.5rem !important;
  }

  /* Product Visual - More top space */
  .hero-new .hero-product-visual {
    margin-top: 3rem !important;
  }
}

/* Small Mobile Phones */
@media (max-width: 480px) {
  /* Hero Section - Optimized padding */
  .hero-new {
    padding: 5rem 1rem 2.5rem !important;
  }

  /* Badge - Compact but not cramped */
  .hero-new .hero-badge {
    margin-bottom: 1.25rem !important;
    font-size: 0.8125rem;
    padding: 0.4375rem 0.875rem;
  }

  /* Title - Smaller but readable */
  .hero-new .hero-title {
    margin-bottom: 1.25rem !important;
    font-size: 1.75rem !important;
    line-height: 1.2 !important;
  }

  /* Subtitle - Compact spacing */
  .hero-new .hero-subtitle {
    margin-bottom: 1.75rem !important;
    font-size: 1rem !important;
  }

  /* CTA - Full width guaranteed */
  .hero-new .btn-hero-primary {
    width: 100% !important;
    padding: 1rem 1.5rem !important;
    font-size: 1.0625rem !important;
  }

  /* Microcopy - Compact */
  .hero-new .hero-microcopy {
    margin-bottom: 1.25rem !important;
    font-size: 0.875rem;
  }

  /* Trust Badges - Compact */
  .hero-new .hero-trust-badges {
    margin-bottom: 2rem !important;
  }

  /* Product Visual */
  .hero-new .hero-product-visual {
    margin-top: 2.5rem !important;
  }
}

/* Extra specific override for hero CTA button full width */
@media (max-width: 768px) {
  .hero-cta .btn-hero-primary,
  .hero-new .hero-cta a,
  .hero-new .hero-cta .btn,
  a.btn-hero-primary {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
  }
}

/* Trust badges mobile layout */
@media (max-width: 640px) {
  .hero-trust-badges {
    flex-direction: column;
    align-items: center;
    gap: 1rem !important;
  }

  .trust-badges-images,
  .trust-badges-text {
    justify-content: center;
  }

  .trust-badge-text-item {
    font-size: 0.875rem;
  }
}