/* AIXDSP MOBILE HERO REALIGN - MOBILE ONLY */
@media (max-width: 820px){

  /* keep desktop untouched - mobile only */
  .hero,
  .hero-section,
  .page-hero,
  .product-hero,
  .downloads-hero,
  .home-hero,
  .homepage-hero,
  .aix-hero,
  section[class*="hero"]{
    overflow: hidden !important;
  }

  /* main hero inner wrappers */
  .hero-inner,
  .hero-content,
  .hero__content,
  .hero-copy,
  .hero-left,
  .hero-text,
  .page-hero-inner,
  .product-hero-inner,
  .product-hero-content,
  .downloads-hero-content,
  .home-hero-content,
  .aix-hero-content,
  section[class*="hero"] .container,
  section[class*="hero"] .inner{
    position: relative !important;
    z-index: 3 !important;
  }

  /* top small texts - centered */
  .hero-eyebrow,
  .hero-kicker,
  .hero-breadcrumb,
  .product-label,
  .eyebrow,
  .pretitle,
  .section-kicker,
  .page-kicker,
  .hero-overline,
  .hero-mini-title{
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* SALE LABEL - move upward and center */
  .sale-badge,
  .hero-sale,
  .promo-sale,
  .hero-promo,
  .hero-offer,
  .product-sale,
  .sale-label,
  .eyebrow-sale,
  .hero-kicker-sale{
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    margin: 8px auto 14px !important;
    transform: translateY(-12px) !important;
  }

  /* MAIN TITLES - move upward and center */
  h1,
  .hero-title,
  .page-title,
  .product-title,
  .downloads-title,
  .home-title,
  section[class*="hero"] h1{
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    line-height: 0.95 !important;
    transform: translateY(-14px) !important;
  }

  /* descriptions centered */
  .hero-desc,
  .hero-description,
  .hero-subtitle,
  .hero-copy p,
  .hero-text p,
  .product-summary,
  .page-summary,
  .downloads-summary,
  .lead,
  .subtitle,
  section[class*="hero"] p{
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* THIS CREATES THE CLEAR SPACE SO PRODUCT IMAGE IS MORE VISIBLE */
  .hero-desc,
  .hero-description,
  .hero-subtitle,
  .product-summary,
  .page-summary,
  .downloads-summary,
  .lead,
  .subtitle{
    margin-top: 155px !important;
  }

  /* prices centered */
  .hero-price,
  .price-row,
  .product-price,
  .hero-pricing,
  .price-wrap{
    text-align: center !important;
    justify-content: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 12px !important;
  }

  /* buttons lower and centered */
  .hero-actions,
  .button-row,
  .cta-row,
  .hero-buttons,
  .product-actions{
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
    margin-top: 16px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }

  /* small hero feature items centered and pushed slightly lower */
  .hero-meta,
  .hero-features,
  .feature-row,
  .hero-badges,
  .trust-row,
  .hero-icons,
  .hero-benefits{
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 10px 14px !important;
    margin-top: 16px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }

  /* homepage / downloads / product hero image visibility support */
  .hero-image,
  .product-hero-image,
  .downloads-hero-image,
  .home-hero-image,
  .hero-media{
    z-index: 1 !important;
  }

  /* safer spacing for mobile hero sections */
  .hero,
  .product-hero,
  .downloads-hero,
  .home-hero,
  .homepage-hero,
  .page-hero,
  section[class*="hero"]{
    padding-bottom: 40px !important;
  }

  /* button alignment */
  .hero-actions a,
  .button-row a,
  .cta-row a,
  .hero-buttons a,
  .product-actions a,
  .hero-actions .btn,
  .button-row .btn,
  .cta-row .btn,
  .hero-buttons .btn,
  .product-actions .btn{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
}