/* =========================================================
   AIXDSP MOBILE HOME + DOWNLOADS FINE TUNE
   MOBILE ONLY
   ========================================================= */
@media (max-width:820px){

  /* ---------------------------------------------------------
     HOMEPAGE
     Keep sale + main title exactly where they are now.
     Only push the lower content farther down.
     --------------------------------------------------------- */

  body.page-index .hero .copy > .hero-actions,
  body.page-index .hero .copy > .actions,
  .page-index .hero .copy > .hero-actions,
  .page-index .hero .copy > .actions{
    position:relative !important;
    top:calc(var(--aix-hero-bottom-down, 165px) + 70px) !important;
  }

  body.page-index .hero .copy > p,
  .page-index .hero .copy > p{
    position:relative !important;
    top:calc(var(--aix-hero-bottom-down, 165px) + 105px) !important;
    text-align:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
    max-width:94% !important;
  }

  body.page-index .hero .copy > .hero-features,
  body.page-index .hero .copy > .trust-row,
  body.page-index .hero .copy > .micro-features,
  body.page-index .hero .copy > .features,
  .page-index .hero .copy > .hero-features,
  .page-index .hero .copy > .trust-row,
  .page-index .hero .copy > .micro-features,
  .page-index .hero .copy > .features{
    position:relative !important;
    top:calc(var(--aix-hero-bottom-down, 165px) + 105px) !important;
  }

  /* ---------------------------------------------------------
     DOWNLOADS
     Move breadcrumb + title higher so they don't cover plugin UI.
     Move description upward from the bottom, but keep it below image.
     --------------------------------------------------------- */

  .aix-downloads-mbg-exact .eyebrow,
  .aix-downloads-mbg-exact .hero-breadcrumb{
    position:relative !important;
    top:-112px !important;
    text-align:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .aix-downloads-mbg-exact h1{
    position:relative !important;
    top:-104px !important;
    text-align:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .aix-downloads-mbg-exact p{
    position:relative !important;
    top:calc(var(--aix-hero-bottom-down, 165px) - 72px) !important;
    text-align:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
    max-width:92% !important;
  }
}

/* small-screen tuning */
@media (max-width:430px){
  .aix-downloads-mbg-exact .eyebrow,
  .aix-downloads-mbg-exact .hero-breadcrumb{
    top:-104px !important;
  }

  .aix-downloads-mbg-exact h1{
    top:-96px !important;
  }
}