/* ASLAN FOOD — Polish homepage mobile stability patch 2026-09-30 */
html, body { max-width:100%; overflow-x:clip !important; }
#aslan-home-react-root { width:100% !important; max-width:100% !important; overflow-x:clip !important; }
#aslan-home-react-root img, #aslan-home-react-root video { max-width:100%; height:auto; }
@media (max-width:760px) {
  #aslan-home-react-root .aslan-product-hero__sticky { width:100% !important; max-width:100vw !important; overflow:hidden !important; }
  #aslan-home-react-root .aslan-product-hero__topbar { min-width:0 !important; width:100% !important; box-sizing:border-box !important; }
  #aslan-home-react-root .aslan-product-hero__copy { width:calc(100% - 36px) !important; max-width:calc(100% - 36px) !important; left:18px !important; right:18px !important; box-sizing:border-box !important; }
  #aslan-home-react-root .aslan-product-hero__copy h1 { max-width:100% !important; overflow-wrap:anywhere !important; }
  #aslan-home-react-root .aslan-product-hero__stage { width:100vw !important; max-width:100vw !important; left:50% !important; overflow:visible !important; }
  #aslan-home-react-root .aslan-product-hero__controls { max-width:calc(100vw - 36px) !important; }
  #aslan-home-react-root .aslan-certificate-grid { min-width:0 !important; }
  #aslan-home-react-root .aslan-certificate-card, #aslan-home-react-root .aslan-client-card, #aslan-home-react-root .aslan-brand-card, #aslan-home-react-root .aslan-media-card { min-width:0 !important; max-width:100% !important; }
}


/* =========================================================
   ASLAN FOOD — MOBILE 3D HERO FINAL OVERLAP FIX v1.2.3
   ========================================================= */
@media (max-width: 900px) {
  .aslan-product-hero__sticky {
    min-height: 660px !important;
  }

  .aslan-product-hero__copy {
    top: 7% !important;
    left: 16px !important;
    right: 16px !important;
    width: calc(100% - 32px) !important;
    max-width: calc(100% - 32px) !important;
    z-index: 60 !important;
    box-sizing: border-box !important;
  }

  .aslan-product-hero__copy-label {
    margin-bottom: 8px !important;
    font-size: 7px !important;
    line-height: 1.2 !important;
  }

  .aslan-product-hero__copy h1 {
    max-width: 420px !important;
    margin: 0 !important;
    font-size: clamp(25px, 7vw, 38px) !important;
    line-height: 1.02 !important;
    letter-spacing: -0.045em !important;
  }

  .aslan-product-hero__copy h1 span {
    display: inline !important;
  }

  .aslan-product-hero__stage {
    width: 100vw !important;
    max-width: 100vw !important;
    height: 40vh !important;
    min-height: 300px !important;
    top: 70% !important;
    left: 50% !important;
    z-index: 10 !important;
  }

  .aslan-product-card-wrap {
    width: 178px !important;
    height: 267px !important;
  }

  .aslan-product-card__front-copy strong {
    font-size: 10px !important;
    line-height: 1.08 !important;
  }
}

@media (max-width: 639px) {
  .aslan-product-hero__sticky {
    min-height: 680px !important;
  }

  .aslan-product-hero__copy {
    top: 6.5% !important;
  }

  .aslan-product-hero__copy h1 {
    max-width: 330px !important;
    font-size: clamp(23px, 7.6vw, 31px) !important;
    line-height: 1.02 !important;
  }

  .aslan-product-hero__stage {
    height: 38vh !important;
    min-height: 260px !important;
    top: 71% !important;
  }

  .aslan-product-card-wrap {
    width: 162px !important;
    height: 243px !important;
  }

  .aslan-product-card__image-wrap {
    top: 46px !important;
    bottom: 46px !important;
    left: 10px !important;
    right: 10px !important;
  }

  .aslan-product-card__front-copy {
    left: 10px !important;
    right: 10px !important;
    bottom: 9px !important;
    gap: 5px !important;
  }

  .aslan-product-card__front-copy strong {
    font-size: 8.5px !important;
    line-height: 1.05 !important;
  }
}

/* =========================================================
   ASLAN FOOD — MOBILE PRODUCT HERO FINAL POSITIONING v1.2.4
   ========================================================= */
@media (max-width: 760px) {
  #aslan-home-react-root .aslan-product-hero__copy {
    top: 4% !important;
    left: 16px !important;
    right: 16px !important;
    width: calc(100% - 32px) !important;
    max-width: 285px !important;
    z-index: 30 !important;
    box-sizing: border-box !important;
  }

  #aslan-home-react-root .aslan-product-hero__copy-label {
    font-size: 6px !important;
    line-height: 1.15 !important;
    letter-spacing: .12em !important;
    margin-bottom: 6px !important;
  }

  #aslan-home-react-root .aslan-product-hero__copy h1 {
    max-width: 285px !important;
    font-size: clamp(18px, 5.6vw, 25px) !important;
    line-height: .98 !important;
    letter-spacing: -0.035em !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  #aslan-home-react-root .aslan-product-hero__copy h1 span {
    display: inline !important;
  }

  #aslan-home-react-root .aslan-product-hero__stage {
    top: 81% !important;
    height: 34vh !important;
    min-height: 235px !important;
    z-index: 10 !important;
  }

  #aslan-home-react-root .aslan-product-hero__sticky {
    min-height: 720px !important;
  }

  #aslan-home-react-root .aslan-product-card-wrap {
    width: 150px !important;
    height: 225px !important;
  }

  #aslan-home-react-root .aslan-product-card__front-copy strong {
    font-size: 7.5px !important;
    line-height: 1.02 !important;
  }
}

@media (max-width: 390px) {
  #aslan-home-react-root .aslan-product-hero__copy {
    max-width: 255px !important;
  }
  #aslan-home-react-root .aslan-product-hero__copy h1 {
    max-width: 255px !important;
    font-size: clamp(17px, 5.4vw, 22px) !important;
  }
  #aslan-home-react-root .aslan-product-hero__stage {
    top: 82% !important;
  }
}


/* ASLAN homepage FINAL mobile/layout correction v1.2.5
   Scoped only to the production-facility image cards and 3D product hero. */
@media (max-width: 760px) {
  #aslan-home-react-root .aslan-production-facility-image {
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 16 / 9 !important;
    width: 100% !important;
    overflow: hidden !important;
  }

  #aslan-home-react-root .aslan-production-facility-image img {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover !important;
    object-position: center center !important;
  }

  #aslan-home-react-root .aslan-product-hero__sticky {
    min-height: 610px !important;
    height: 610px !important;
  }

  #aslan-home-react-root .aslan-product-hero__stage {
    top: 64% !important;
    height: 42vh !important;
    min-height: 250px !important;
    max-height: 340px !important;
  }
}

@media (max-width: 390px) {
  #aslan-home-react-root .aslan-product-hero__sticky {
    min-height: 600px !important;
    height: 600px !important;
  }

  #aslan-home-react-root .aslan-product-hero__stage {
    top: 63% !important;
    height: 40vh !important;
    min-height: 245px !important;
    max-height: 315px !important;
  }
}