/*
 * BAIHANGDA V8.6.8 — Multilingual Homepage Hero Left-Zone + Product Order Final Stability
 * Homepage geometry only. No DOM reorder, no image transform/mirroring, no Header rules.
 */

/* -------------------------------------------------------------------------
 * DESKTOP HERO — use the clean left side of the existing real Hero image.
 * ES: physical left zone + LTR/left aligned.
 * AR: physical left zone + RTL/right aligned inside the left-side content box.
 * ---------------------------------------------------------------------- */
@media (min-width:901px){
  body.bhd-v868-home-es .v6-hero,
  body.bhd-v868-home-ar .v6-hero{
    justify-content:flex-start!important;
  }

  body.bhd-v868-home-es .v6-hero-content,
  body.bhd-v868-home-ar .v6-hero-content{
    width:min(620px,44vw)!important;
    max-width:620px!important;
    margin-left:clamp(72px,6vw,112px)!important;
    margin-right:auto!important;
    padding:0!important;
    box-sizing:border-box!important;
  }

  body.bhd-v868-home-es .v6-hero-content{
    direction:ltr!important;
    text-align:left!important;
  }
  body.bhd-v868-home-es .v6-hero h1{
    max-width:620px!important;
    margin:0 0 22px!important;
    direction:ltr!important;
    text-align:left!important;
    font-size:clamp(40px,3.1vw,50px)!important;
    line-height:1.1!important;
    text-wrap:balance;
  }
  body.bhd-v868-home-es .v6-hero p{
    max-width:560px!important;
    margin:0 0 24px!important;
    direction:ltr!important;
    text-align:left!important;
    font-size:clamp(18px,1.35vw,22px)!important;
    line-height:1.55!important;
    text-wrap:balance;
  }
  body.bhd-v868-home-es .v6-hero .v6-btn{
    margin-left:0!important;
    margin-right:0!important;
    direction:ltr!important;
    text-align:center!important;
  }

  body.bhd-v868-home-ar .v6-hero{
    direction:ltr!important; /* physical placement only; copy below stays RTL */
  }
  body.bhd-v868-home-ar .v6-hero-content{
    direction:rtl!important;
    text-align:right!important;
  }
  body.bhd-v868-home-ar .v6-hero h1{
    max-width:620px!important;
    margin:0 0 22px!important;
    direction:rtl!important;
    text-align:right!important;
    unicode-bidi:plaintext;
    font-size:clamp(40px,3.05vw,50px)!important;
    line-height:1.16!important;
    text-wrap:balance;
  }
  body.bhd-v868-home-ar .v6-hero p{
    max-width:560px!important;
    margin:0 0 24px auto!important;
    direction:rtl!important;
    text-align:right!important;
    unicode-bidi:plaintext;
    font-size:clamp(18px,1.3vw,21px)!important;
    line-height:1.7!important;
    text-wrap:balance;
  }
  body.bhd-v868-home-ar .v6-hero .v6-btn{
    direction:rtl!important;
    text-align:center!important;
    margin-left:0!important;
    margin-right:0!important;
  }
}

/* Tablet/mobile: retain the same left-zone ownership without forcing a wide desktop box. */
@media (max-width:900px){
  body.bhd-v868-home-es .v6-hero,
  body.bhd-v868-home-ar .v6-hero{
    justify-content:flex-start!important;
  }
  body.bhd-v868-home-es .v6-hero-content,
  body.bhd-v868-home-ar .v6-hero-content{
    width:min(620px,calc(100% - 48px))!important;
    max-width:620px!important;
    margin-left:24px!important;
    margin-right:auto!important;
    padding:0!important;
    box-sizing:border-box!important;
  }
  body.bhd-v868-home-es .v6-hero-content,
  body.bhd-v868-home-es .v6-hero h1,
  body.bhd-v868-home-es .v6-hero p{
    direction:ltr!important;
    text-align:left!important;
  }
  body.bhd-v868-home-ar .v6-hero-content,
  body.bhd-v868-home-ar .v6-hero h1,
  body.bhd-v868-home-ar .v6-hero p{
    direction:rtl!important;
    text-align:right!important;
    unicode-bidi:plaintext;
  }
  body.bhd-v868-home-es .v6-hero h1,
  body.bhd-v868-home-ar .v6-hero h1{
    font-size:clamp(32px,6vw,38px)!important;
    line-height:1.18!important;
    text-wrap:balance;
  }
}

@media (max-width:600px){
  body.bhd-v868-home-es .v6-hero-content,
  body.bhd-v868-home-ar .v6-hero-content{
    width:calc(100% - 32px)!important;
    margin-left:16px!important;
  }
}

/* -------------------------------------------------------------------------
 * FEATURED PRODUCTS — physical merchandising order is language-neutral.
 * The existing DOM order is the source of truth; make the grid start on the left
 * in EN/ES/AR. Arabic text inside each card remains RTL.
 * ---------------------------------------------------------------------- */
body.bhd-v868-home .bhd-v6-featured-grid{
  direction:ltr!important;
  grid-auto-flow:row!important;
}
body.bhd-v868-home-en .bhd-v6-featured-grid > *,
body.bhd-v868-home-es .bhd-v6-featured-grid > *{
  direction:ltr!important;
}
body.bhd-v868-home-ar .bhd-v6-featured-grid > *{
  direction:rtl!important;
}

/* Do not mirror Arabic section composition: only the heading/copy reads RTL. */
body.bhd-v868-home-ar .bhd-v6-featured-section{
  direction:rtl!important;
  text-align:right!important;
}
body.bhd-v868-home-ar .bhd-v6-featured-section > h1,
body.bhd-v868-home-ar .bhd-v6-featured-section > h2,
body.bhd-v868-home-ar .bhd-v6-featured-section > h3,
body.bhd-v868-home-ar .bhd-v6-featured-section > h4{
  direction:rtl!important;
  text-align:right!important;
  unicode-bidi:plaintext;
}

/* V8.6.8 intentionally contains no .bd-header selector, no row-reverse/order,
 * and no transform/scaleX image mirroring rules. */