/* R94: restore one full-width stage on the nine explicitly opted-in heroes.
   Original portrait/packaging pixels are contained, never cropped, stretched,
   mirrored or duplicated. A full-width stage is NOT a claim that these source
   photos can become full-bleed panoramas. Label/image approval holds remain. */
html body.hero-standards-r60 #main .r46-hero.r46-hero.r46-hero[data-r94-full-stage="true"] {
  position:relative;display:grid;grid-template-columns:minmax(0,1fr);
  width:min(100cqw,1920px)!important;max-width:1920px!important;
  margin-left:calc(50% - min(50cqw,960px))!important;
  margin-right:calc(50% - min(50cqw,960px))!important;
  padding:0;gap:0;isolation:isolate;overflow:hidden;
  container-type:inline-size;background:#f7f3e7;
  --r94-source-block:100cqw;
  --r94-image-block:min(var(--r94-source-block),560px);
}
html body.hero-standards-r60 #main .r46-hero.r46-hero.r46-hero[data-r94-full-stage="true"] > .r46-media.r46-media {
  position:absolute!important;inset:0!important;grid-area:1 / 1;
  width:100%!important;max-width:none!important;height:100%!important;
  min-height:0!important;aspect-ratio:auto!important;
  margin:0!important;padding:0!important;background:transparent;z-index:0!important;
}
html body.hero-standards-r60 #main .r46-hero.r46-hero.r46-hero[data-r94-full-stage="true"] > .r46-media.r46-media img {
  position:absolute!important;inset:0!important;
  width:100%!important;height:100%!important;max-width:none!important;
  object-fit:contain!important;object-position:100% 50%!important;
}
/* The copy's transparent-to-cream layer now spans the stage instead of ending
   at an artificial 51/49 seam. Its clear right side protects the subject.
   The existing bottom fade is retained only once, on the hero itself. */
html body.hero-standards-r60 #main .r46-hero.r46-hero.r46-hero[data-r94-full-stage="true"] > .r46-media.r46-media::after {
  content:none!important;
}
html body.hero-standards-r60 #main .r46-hero.r46-hero.r46-hero[data-r94-full-stage="true"] > .r46-copy.r46-copy {
  position:relative;grid-area:1 / 1;width:100%!important;max-width:none!important;
  min-height:520px;padding:36px clamp(30px,5vw,86px)!important;
  padding-right:56%!important;box-sizing:border-box;z-index:1;pointer-events:none;
  background:linear-gradient(90deg,rgba(247,243,231,.99) 0%,rgba(247,243,231,.98) 34%,rgba(247,243,231,.94) 41%,rgba(247,243,231,0) 55%)!important;
}
/* The transparent full-stage padding must not steal image/annotation clicks.
   Actual copy remains selectable and retains its ordinary pointer behavior. */
html body.hero-standards-r60 #main .r46-hero.r46-hero.r46-hero[data-r94-full-stage="true"] > .r46-copy.r46-copy > * {
  pointer-events:auto;
}
/* Natural source ratios set the narrow-screen space, not a universal 180px
   strip. The upper bound avoids excessively tall tablet portraits. */
html body.hero-standards-r60 #main [data-r94-full-stage="true"][data-r46-primary-hero="/bai/vl03"] {--r94-source-block:125cqw;}
html body.hero-standards-r60 #main [data-r94-full-stage="true"][data-r46-primary-hero="/bai/vl04"] {--r94-source-block:150cqw;}
html body.hero-standards-r60 #main [data-r94-full-stage="true"][data-r46-primary-hero="/san-pham/nuoc-cham-500ml"] {--r94-source-block:124.955437cqw;}
html body.hero-standards-r60 #main [data-r94-full-stage="true"][data-r46-primary-hero="/san-pham/nuoc-cham-5l"] {--r94-source-block:150.121065cqw;}
html body.hero-standards-r60 #main [data-r94-full-stage="true"][data-r46-primary-hero="/san-pham/nuoc-tuong-250ml"] {--r94-source-block:75cqw;}
html body.hero-standards-r60 #main [data-r94-full-stage="true"][data-r46-primary-hero="/san-pham/nuoc-tuong-5l"] {--r94-source-block:124.955437cqw;}
@media(max-width:1150px) {
  html body.hero-standards-r60 #main .r46-hero.r46-hero.r46-hero[data-r94-full-stage="true"] {
    min-height:0!important;height:auto!important;
  }
  html body.hero-standards-r60 #main .r46-hero.r46-hero.r46-hero[data-r94-full-stage="true"] > .r46-media.r46-media img {
    height:var(--r94-image-block)!important;object-position:50% 0%!important;
  }
  html body.hero-standards-r60 #main .r46-hero.r46-hero.r46-hero[data-r94-full-stage="true"] > .r46-copy.r46-copy {
    min-height:0!important;justify-content:flex-start;
    padding:calc(var(--r94-image-block) + 24px) 6% 28px!important;
    background:linear-gradient(0deg,#f7f3e7,#f7f3e7) no-repeat 0 var(--r94-image-block) / 100% calc(100% - var(--r94-image-block))!important;
  }
  /* Fade only below the complete source image, not across its labels/face. */
  html body.hero-standards-r60 #main .r46-hero.r46-hero.r46-hero[data-r94-full-stage="true"]::after {
    inset:var(--r94-image-block) 0 auto!important;height:24px!important;
    background:linear-gradient(transparent,#f7f3e7)!important;
  }
}