/* =========================================================
   AIXDSP MULTIBAND GATE — MOBILE HERO FIX
   Mobile only. Desktop untouched.
   ========================================================= */

@media (max-width: 760px){

  body.page-multiband-gate .product-hero{
    min-height:980px !important;
    height:auto !important;
    max-height:none !important;
  }

  body.page-multiband-gate .product-hero .hero-grid{
    min-height:980px !important;
    height:auto !important;
    padding-bottom:42px !important;
  }

  body.page-multiband-gate .product-hero .hero-copy{
    width:100% !important;
    max-width:none !important;
    text-align:center !important;
  }

  /* Keep top group centered */
  body.page-multiband-gate .product-hero .hero-copy .eyebrow,
  body.page-multiband-gate .product-hero .hero-copy h1{
    text-align:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  /*
   * Create a clear center for the plugin artwork.
   * Lower group starts below the software panel.
   */
  body.page-multiband-gate .product-hero .hero-copy > p{
    margin:285px auto 16px !important;
    max-width:92% !important;
    text-align:center !important;
    position:relative !important;
    top:auto !important;
    transform:none !important;
  }

  body.page-multiband-gate .product-hero .price{
    margin:10px auto 14px !important;
    justify-content:center !important;
    width:max-content !important;
    max-width:100% !important;
    position:relative !important;
    top:auto !important;
    transform:none !important;
  }

  /* Normal mobile product button sizing */
  body.page-multiband-gate .product-hero .hero-actions{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    gap:10px !important;
    width:92% !important;
    max-width:470px !important;
    margin:0 auto !important;
    justify-content:center !important;
    align-items:center !important;
    position:relative !important;
    top:auto !important;
    transform:none !important;
  }

  body.page-multiband-gate .product-hero .hero-actions .btn{
    flex:1 1 0 !important;
    width:auto !important;
    min-width:0 !important;
    min-height:48px !important;
    height:48px !important;
    padding:0 14px !important;
    border-radius:999px !important;
    font-size:13px !important;
    line-height:1 !important;
    margin:0 !important;
  }

  body.page-multiband-gate .product-hero .micro-features{
    margin:14px auto 0 !important;
    width:94% !important;
    justify-content:center !important;
    gap:10px 14px !important;
    position:relative !important;
    top:auto !important;
    transform:none !important;
  }
}

@media (max-width: 480px){
  body.page-multiband-gate .product-hero{
    min-height:1020px !important;
  }

  body.page-multiband-gate .product-hero .hero-grid{
    min-height:1020px !important;
  }

  body.page-multiband-gate .product-hero .hero-copy > p{
    margin-top:300px !important;
  }

  body.page-multiband-gate .product-hero .hero-actions{
    flex-direction:row !important;
    width:94% !important;
  }

  body.page-multiband-gate .product-hero .hero-actions .btn{
    width:auto !important;
    min-height:48px !important;
    height:48px !important;
    padding:0 10px !important;
    font-size:12.5px !important;
  }

  body.page-multiband-gate .product-hero .micro-features{
    font-size:10px !important;
  }
}