/* SeafoodMeNow V326 — final-authority Pakistan mobile hero boundary fit.
   Keeps all opening copy + both CTAs inside the user-approved left-side safe area.
   Does not alter the background artwork or cinematic scroll. */
@media (max-width:720px){
  html body .pk-entry-hero .reference-hero-copy{
    position:absolute!important;
    top:32px!important;
    left:16px!important;
    right:auto!important;
    bottom:auto!important;
    width:min(52vw,224px)!important;
    max-width:min(52vw,224px)!important;
    min-width:0!important;
    padding:0!important;
    margin:0!important;
    transform:none!important;
    z-index:1200!important;
    text-align:left!important;
    overflow:visible!important;
  }
  html body .pk-entry-hero .reference-hero-copy::before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    z-index:-1!important;
    pointer-events:none!important;
    left:-10px!important;
    right:-8px!important;
    top:-10px!important;
    bottom:-12px!important;
    border-radius:24px!important;
    background:radial-gradient(ellipse at 30% 35%,rgba(255,255,255,.91) 0%,rgba(255,255,255,.68) 40%,rgba(255,255,255,.24) 66%,rgba(255,255,255,0) 84%)!important;
    filter:blur(5px)!important;
    opacity:.98!important;
  }
  html body .pk-entry-hero .reference-kicker{
    display:block!important;
    margin:0 0 6px!important;
    max-width:100%!important;
    white-space:normal!important;
    overflow-wrap:normal!important;
    font-size:clamp(.54rem,2.25vw,.64rem)!important;
    line-height:1.18!important;
    letter-spacing:.115em!important;
  }
  html body .pk-entry-hero .reference-hero-copy h1{
    display:block!important;
    margin:0!important;
    max-width:100%!important;
  }
  html body .pk-entry-hero .reference-hero-copy h1 span{
    display:block!important;
    max-width:100%!important;
    font-size:clamp(1.86rem,8.9vw,2.48rem)!important;
    line-height:.88!important;
    letter-spacing:-.032em!important;
  }
  html body .pk-entry-hero .reference-hero-copy h1 strong{
    display:block!important;
    max-width:100%!important;
    margin:2px 0 0!important;
    font-size:clamp(1.72rem,8.15vw,2.26rem)!important;
    line-height:.92!important;
    letter-spacing:-.02em!important;
  }
  html body .pk-entry-hero .reference-script{
    display:block!important;
    margin:5px 0 6px!important;
    max-width:100%!important;
    font-size:clamp(1.02rem,4.9vw,1.34rem)!important;
    line-height:1!important;
  }
  html body .pk-entry-hero .reference-lead{
    display:block!important;
    margin:0 0 6px!important;
    max-width:100%!important;
    font-size:clamp(.60rem,2.62vw,.68rem)!important;
    line-height:1.34!important;
    overflow-wrap:normal!important;
  }
  html body .pk-entry-hero .reference-promise{
    display:block!important;
    margin:0 0 8px!important;
    max-width:100%!important;
    font-size:clamp(.50rem,2.10vw,.57rem)!important;
    line-height:1.22!important;
    letter-spacing:.015em!important;
  }
  html body .pk-entry-hero .reference-actions{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:7px!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
  }
  html body .pk-entry-hero .reference-order,
  html body .pk-entry-hero .reference-story{
    box-sizing:border-box!important;
    display:flex!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:43px!important;
    min-height:43px!important;
    margin:0!important;
    border-radius:13px!important;
  }
  html body .pk-entry-hero .reference-order{
    justify-content:center!important;
    padding:0 12px!important;
    gap:7px!important;
    font-size:.75rem!important;
    white-space:nowrap!important;
  }
  html body .pk-entry-hero .reference-order span{
    margin-left:2px!important;
    font-size:1.18rem!important;
  }
  html body .pk-entry-hero .reference-story{
    justify-content:flex-start!important;
    padding:3px 10px 3px 4px!important;
    gap:7px!important;
    font-size:.64rem!important;
    white-space:nowrap!important;
  }
  html body .pk-entry-hero .reference-story b{
    font-size:.64rem!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  html body .pk-entry-hero .play-ring{
    width:35px!important;
    height:35px!important;
    min-width:35px!important;
    min-height:35px!important;
  }
  html body .pk-entry-hero .reference-benefits{display:none!important}
}

@media (max-width:390px){
  html body .pk-entry-hero .reference-hero-copy{
    top:28px!important;
    left:14px!important;
    width:min(52vw,204px)!important;
    max-width:min(52vw,204px)!important;
  }
  html body .pk-entry-hero .reference-kicker{font-size:.51rem!important}
  html body .pk-entry-hero .reference-hero-copy h1 span{font-size:1.72rem!important}
  html body .pk-entry-hero .reference-hero-copy h1 strong{font-size:1.58rem!important}
  html body .pk-entry-hero .reference-script{font-size:.96rem!important}
  html body .pk-entry-hero .reference-lead{font-size:.57rem!important;line-height:1.32!important}
  html body .pk-entry-hero .reference-promise{font-size:.47rem!important}
  html body .pk-entry-hero .reference-order,
  html body .pk-entry-hero .reference-story{height:40px!important;min-height:40px!important}
  html body .pk-entry-hero .reference-order{font-size:.70rem!important}
  html body .pk-entry-hero .reference-story,html body .pk-entry-hero .reference-story b{font-size:.60rem!important}
  html body .pk-entry-hero .play-ring{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important}
}

/* Urdu has longer line height; keep it in the exact same safe column. */
@media (max-width:720px){
  body[data-smn-lang="ur"] .pk-entry-hero .reference-hero-copy{
    top:28px!important;
    left:16px!important;
    right:auto!important;
    width:min(52vw,224px)!important;
    max-width:min(52vw,224px)!important;
    direction:rtl!important;
    text-align:right!important;
  }
  body[data-smn-lang="ur"] .pk-entry-hero .reference-kicker{font-size:.53rem!important;line-height:1.55!important}
  body[data-smn-lang="ur"] .pk-entry-hero .reference-hero-copy h1{font-size:1.40rem!important;line-height:1.38!important}
  body[data-smn-lang="ur"] .pk-entry-hero .reference-hero-copy h1 strong{font-size:1.26rem!important;line-height:1.42!important}
  body[data-smn-lang="ur"] .pk-entry-hero .reference-script{font-size:.92rem!important;line-height:1.45!important;margin:3px 0 4px!important}
  body[data-smn-lang="ur"] .pk-entry-hero .reference-lead{font-size:.58rem!important;line-height:1.60!important;margin-bottom:4px!important}
  body[data-smn-lang="ur"] .pk-entry-hero .reference-promise{font-size:.48rem!important;line-height:1.55!important;margin-bottom:6px!important}
  body[data-smn-lang="ur"] .pk-entry-hero .reference-actions{gap:6px!important}
  body[data-smn-lang="ur"] .pk-entry-hero .reference-order,
  body[data-smn-lang="ur"] .pk-entry-hero .reference-story{height:40px!important;min-height:40px!important;font-size:.59rem!important}
  body[data-smn-lang="ur"] .pk-entry-hero .reference-story b{font-size:.59rem!important}
}