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

@media (max-width: 760px){

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

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

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

  /* Keep top group centered */
  body.aix-product-page .product-hero .hero-copy .eyebrow,
  body.aix-product-page .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.aix-product-page .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.aix-product-page .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.aix-product-page .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.aix-product-page .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.aix-product-page .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.aix-product-page .product-hero{
    min-height:1020px !important;
  }

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

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

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

  body.aix-product-page .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.aix-product-page .product-hero .micro-features{
    font-size:10px !important;
  }
}
/* Multiband Gate mobile hero: image scale + clear space around the software panel */
@media (max-width:820px){
  body.aix-product-page .product-hero{
    background-size:auto 820px !important;
    background-position:center top !important;
  }

  /* Top group up: sale badge + title */
  body.aix-product-page .product-hero .hero-copy .eyebrow,
  body.aix-product-page .product-hero .hero-copy h1{
    translate:0 -45px;
  }

  /* Lower group down: description, price, buttons, features */
  body.aix-product-page .product-hero .hero-copy > p,
  body.aix-product-page .product-hero .price,
  body.aix-product-page .product-hero .hero-actions,
  body.aix-product-page .product-hero .micro-features{
    translate:0 60px;
  }
}

/* Producer packs: title on 2 lines, a bit higher (mobile) */
@media (max-width:820px){
  body.page-drum-producer-pack .product-hero .hero-copy h1,
  body.page-bass-producer-pack .product-hero .hero-copy h1,
  body.page-vocal-producer-pack .product-hero .hero-copy h1{
    font-size:clamp(28px,10vw,40px)!important;
    white-space:nowrap!important;
    translate:0 -45px;
  }
}

/* Packs: description a bit lower to clear the software stack (mobile) */
@media (max-width:820px){
  body.page-drum-producer-pack .product-hero .hero-copy > p,
  body.page-bass-producer-pack .product-hero .hero-copy > p,
  body.page-vocal-producer-pack .product-hero .hero-copy > p,
  body.page-grand-master-pack .product-hero .hero-copy > p{
    translate:0 90px;
  }
  body.page-drum-producer-pack .product-hero .price,
  body.page-drum-producer-pack .product-hero .hero-actions,
  body.page-drum-producer-pack .product-hero .micro-features,
  body.page-bass-producer-pack .product-hero .price,
  body.page-bass-producer-pack .product-hero .hero-actions,
  body.page-bass-producer-pack .product-hero .micro-features,
  body.page-vocal-producer-pack .product-hero .price,
  body.page-vocal-producer-pack .product-hero .hero-actions,
  body.page-vocal-producer-pack .product-hero .micro-features,
  body.page-grand-master-pack .product-hero .price,
  body.page-grand-master-pack .product-hero .hero-actions,
  body.page-grand-master-pack .product-hero .micro-features{
    translate:0 80px;
  }
}

/* Bass Producer Pack v3 image: taller software stack (mobile) */
@media (max-width:820px){
  body.page-bass-producer-pack .product-hero{min-height:1140px!important;}
  body.page-bass-producer-pack .product-hero .hero-copy > p{translate:0 200px;}
  body.page-bass-producer-pack .product-hero .price,
  body.page-bass-producer-pack .product-hero .hero-actions,
  body.page-bass-producer-pack .product-hero .micro-features{translate:0 190px;}
}