/* SeafoodMeNow V324 — FINAL Pakistan hero/translation layout authority.
   Normal cinematic timing/media is untouched. This file only fixes text visibility/containment. */

/* Mobile opening copy: legacy V252 hid this block. Keep it visible only while the entry hero is active. */
@media (max-width:720px){
  html body .pk-cinema:not(.entry-done) #pkEntryHero .reference-hero-copy,
  html body #pkEntryHero[aria-hidden="false"] .reference-hero-copy{
    display:flex!important;
    flex-direction:column!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    position:absolute!important;
    z-index:2140!important;
    left:16px!important;
    right:auto!important;
    top:clamp(24px,4.2svh,48px)!important;
    bottom:auto!important;
    transform:none!important;
    width:min(76vw,304px)!important;
    max-width:min(76vw,304px)!important;
    padding:0!important;
    margin:0!important;
    text-align:left!important;
  }
  html body .pk-cinema:not(.entry-done) #pkEntryHero .reference-kicker,
  html body .pk-cinema:not(.entry-done) #pkEntryHero .reference-hero-copy h1,
  html body .pk-cinema:not(.entry-done) #pkEntryHero .reference-hero-copy h1 span,
  html body .pk-cinema:not(.entry-done) #pkEntryHero .reference-hero-copy h1 strong,
  html body .pk-cinema:not(.entry-done) #pkEntryHero .reference-script,
  html body .pk-cinema:not(.entry-done) #pkEntryHero .reference-lead,
  html body .pk-cinema:not(.entry-done) #pkEntryHero .reference-promise,
  html body .pk-cinema:not(.entry-done) #pkEntryHero .reference-actions{
    visibility:visible!important;opacity:1!important;
  }
  html body .pk-cinema:not(.entry-done) #pkEntryHero .reference-kicker,
  html body .pk-cinema:not(.entry-done) #pkEntryHero .reference-hero-copy h1,
  html body .pk-cinema:not(.entry-done) #pkEntryHero .reference-script,
  html body .pk-cinema:not(.entry-done) #pkEntryHero .reference-lead,
  html body .pk-cinema:not(.entry-done) #pkEntryHero .reference-promise{display:block!important}
  html body .pk-cinema:not(.entry-done) #pkEntryHero .reference-actions{display:flex!important;flex-wrap:wrap!important}
  #pkEntryHero .reference-kicker{font-size:clamp(.58rem,2.5vw,.72rem)!important;line-height:1.28!important;margin:0 0 5px!important}
  #pkEntryHero .reference-hero-copy h1{font-size:clamp(1.55rem,7.5vw,2.18rem)!important;line-height:.98!important;max-width:11ch!important;margin:0!important}
  #pkEntryHero .reference-hero-copy h1 strong{font-size:clamp(1.36rem,6.7vw,1.96rem)!important;line-height:1.02!important}
  #pkEntryHero .reference-script{font-size:clamp(1.02rem,4.8vw,1.34rem)!important;line-height:1.08!important;margin:6px 0 4px!important}
  #pkEntryHero .reference-lead{font-size:clamp(.62rem,2.75vw,.72rem)!important;line-height:1.43!important;max-width:37ch!important;margin:4px 0!important}
  #pkEntryHero .reference-promise{font-size:clamp(.52rem,2.25vw,.62rem)!important;line-height:1.35!important;margin:4px 0!important}
  #pkEntryHero .reference-actions{gap:7px!important;margin-top:7px!important}
  #pkEntryHero .reference-order,#pkEntryHero .reference-story{min-height:38px!important;height:38px!important;padding:0 11px!important;font-size:.64rem!important}
  /* Urdu needs more line height but must stay in the same safe sky area. */
  body[data-smn-lang="ur"] .pk-cinema:not(.entry-done) #pkEntryHero .reference-hero-copy{
    left:14px!important;right:14px!important;width:auto!important;max-width:none!important;top:clamp(18px,3.2svh,38px)!important;text-align:right!important;
  }
  body[data-smn-lang="ur"] #pkEntryHero .reference-hero-copy h1{font-size:clamp(1.45rem,6.8vw,1.94rem)!important;line-height:1.48!important;max-width:100%!important}
  body[data-smn-lang="ur"] #pkEntryHero .reference-hero-copy h1 strong{font-size:clamp(1.32rem,6.1vw,1.78rem)!important;line-height:1.48!important}
  body[data-smn-lang="ur"] #pkEntryHero .reference-script{font-size:clamp(1rem,4.5vw,1.28rem)!important;line-height:1.62!important;margin:1px 0!important}
  body[data-smn-lang="ur"] #pkEntryHero .reference-lead{font-size:.64rem!important;line-height:1.82!important;max-width:44ch!important;margin:1px 0!important}
  body[data-smn-lang="ur"] #pkEntryHero .reference-promise{font-size:.54rem!important;line-height:1.72!important;margin:1px 0!important}
  body[data-smn-lang="ur"] #pkEntryHero .reference-actions{margin-top:4px!important}
}

/* Tablet: translated copy must never drift upward into/behind the sticky menu. */
@media (min-width:721px) and (max-width:1180px){
  body.smn-translated #pkEntryHero .reference-hero-copy{
    top:clamp(70px,10svh,112px)!important;
    bottom:auto!important;
    transform:none!important;
    max-height:calc(100svh - var(--pc-header-h,82px) - 92px)!important;
    box-sizing:border-box!important;
  }
  body.smn-translated .pk-cinema[data-layout="top-center"] .pk-cinema-copy,
  body.smn-translated .pk-cinema[data-scene="3"] .pk-cinema-copy{
    top:clamp(54px,7svh,82px)!important;
    bottom:auto!important;
  }
  body.smn-translated .pk-cinema[data-layout="left-middle"] .pk-cinema-copy{top:clamp(92px,16%,150px)!important}
  body.smn-translated .pk-cinema[data-layout="left-mid-compact"] .pk-cinema-copy{top:52%!important;transform:translateY(-42%)!important}
  body.smn-translated .pk-cinema-copy{
    max-width:calc(100vw - 56px)!important;
    max-height:calc(100svh - var(--pc-header-h,82px) - 48px)!important;
    box-sizing:border-box!important;
  }
  body.smn-translated .pk-cinema-copy h2{font-size:clamp(1.82rem,4.4vw,3rem)!important;line-height:1.06!important;overflow-wrap:anywhere!important}
  body.smn-translated .pk-cinema-copy p{font-size:clamp(.74rem,1.4vw,.9rem)!important;line-height:1.48!important}
  body.smn-translated .pk-cinema-eyebrow{flex-wrap:wrap!important}
  body.smn-translated .pk-cinema-chips{flex-wrap:wrap!important}
  body[data-smn-lang="ur"] #pkEntryHero .reference-hero-copy{
    top:clamp(52px,7svh,86px)!important;left:clamp(28px,3.5vw,44px)!important;right:clamp(28px,3.5vw,44px)!important;width:auto!important;max-width:min(620px,70vw)!important;transform:none!important;
  }
  body[data-smn-lang="ur"] .pk-cinema-copy h2{font-size:clamp(1.75rem,3.9vw,2.7rem)!important;line-height:1.5!important;overflow-wrap:normal!important;word-break:normal!important}
  body[data-smn-lang="ur"] .pk-cinema-copy p{font-size:clamp(.72rem,1.25vw,.86rem)!important;line-height:1.9!important}
}

/* All translated breakpoints: keep translated strings inside their containers. */
body.smn-translated .reference-hero-copy,
body.smn-translated .pk-cinema-copy,
body.smn-translated .shop-section,
body.smn-translated .cart-drawer{min-width:0!important}
body.smn-translated .reference-hero-copy :where(h1,h2,p,span,strong,em,a,button),
body.smn-translated .pk-cinema-copy :where(h1,h2,p,span,strong,em,a,button),
body.smn-translated .cart-drawer :where(p,span,b,strong,small,label,button,option){max-width:100%;overflow-wrap:anywhere}
body[data-smn-lang="ur"] .reference-hero-copy :where(h1,h2,p,span,strong,em,a,button),
body[data-smn-lang="ur"] .pk-cinema-copy :where(h1,h2,p,span,strong,em,a,button){overflow-wrap:normal;word-break:normal}