/* SeafoodMeNow V330 — mobile opening hero polish
   - Keep same overall left-side boundary
   - Make the main headline and Delivered home bigger
   - Slightly reduce the supporting text below
   - Stop the white glow where the text ends, instead of continuing behind the buttons */
@media (max-width:720px){
  html body .pk-entry-hero .reference-hero-copy{
    top:24px!important;
    left:14px!important;
    width:min(58vw,232px)!important;
    max-width:min(58vw,232px)!important;
  }
  html body .pk-entry-hero .reference-hero-copy::before{
    left:-10px!important;
    right:-8px!important;
    top:-10px!important;
    bottom:auto!important;
    height:300px!important;
    border-radius:24px!important;
    background:linear-gradient(90deg,rgba(255,255,255,.94) 0%,rgba(255,255,255,.80) 36%,rgba(255,255,255,.45) 58%,rgba(255,255,255,.12) 74%,rgba(255,255,255,0) 84%)!important;
    clip-path:polygon(0 0, 98% 0, 98% 18%, 74% 18%, 74% 52%, 84% 52%, 84% 100%, 0 100%)!important;
    filter:blur(5px)!important;
  }
  html body .pk-entry-hero .reference-kicker{
    font-size:.56rem!important;
    margin:0 0 6px!important;
  }
  html body .pk-entry-hero .reference-hero-copy h1 span{
    font-size:2.16rem!important;
    line-height:.84!important;
    letter-spacing:-.04em!important;
  }
  html body .pk-entry-hero .reference-hero-copy h1 strong{
    font-size:2.04rem!important;
    line-height:.88!important;
    letter-spacing:-.028em!important;
    margin-top:2px!important;
  }
  html body .pk-entry-hero .reference-script{
    font-size:1.28rem!important;
    line-height:.98!important;
    margin:8px 0 8px!important;
  }
  html body .pk-entry-hero .reference-lead{
    width:min(46vw,182px)!important;
    max-width:min(46vw,182px)!important;
    font-size:.56rem!important;
    line-height:1.28!important;
    margin:0 0 6px!important;
  }
  html body .pk-entry-hero .reference-promise{
    width:min(46vw,182px)!important;
    max-width:min(46vw,182px)!important;
    font-size:.49rem!important;
    line-height:1.18!important;
    margin:0 0 8px!important;
  }
  html body .pk-entry-hero .reference-actions{
    width:min(46vw,182px)!important;
    max-width:min(46vw,182px)!important;
    gap:7px!important;
  }
  html body .pk-entry-hero .reference-order,
  html body .pk-entry-hero .reference-story{
    height:42px!important;
    min-height:42px!important;
  }
  html body .pk-entry-hero .reference-order{
    font-size:.74rem!important;
  }
  html body .pk-entry-hero .reference-story,
  html body .pk-entry-hero .reference-story b{
    font-size:.65rem!important;
  }
}
@media (max-width:390px){
  html body .pk-entry-hero .reference-hero-copy{
    top:22px!important;
    left:12px!important;
    width:min(59vw,222px)!important;
    max-width:min(59vw,222px)!important;
  }
  html body .pk-entry-hero .reference-hero-copy::before{
    height:288px!important;
  }
  html body .pk-entry-hero .reference-hero-copy h1 span{font-size:2.04rem!important}
  html body .pk-entry-hero .reference-hero-copy h1 strong{font-size:1.92rem!important}
  html body .pk-entry-hero .reference-script{font-size:1.20rem!important}
  html body .pk-entry-hero .reference-lead,
  html body .pk-entry-hero .reference-promise,
  html body .pk-entry-hero .reference-actions{width:min(45.5vw,168px)!important;max-width:min(45.5vw,168px)!important}
  html body .pk-entry-hero .reference-lead{font-size:.54rem!important}
  html body .pk-entry-hero .reference-promise{font-size:.47rem!important}
}
@media (max-width:720px){
  body[data-smn-lang="ur"] .pk-entry-hero .reference-hero-copy::before{
    height:316px!important;
  }
  body[data-smn-lang="ur"] .pk-entry-hero .reference-hero-copy h1{font-size:1.60rem!important;line-height:1.38!important}
  body[data-smn-lang="ur"] .pk-entry-hero .reference-hero-copy h1 strong{font-size:1.48rem!important;line-height:1.42!important}
  body[data-smn-lang="ur"] .pk-entry-hero .reference-script{font-size:1.06rem!important;line-height:1.42!important}
  body[data-smn-lang="ur"] .pk-entry-hero .reference-lead,
  body[data-smn-lang="ur"] .pk-entry-hero .reference-promise,
  body[data-smn-lang="ur"] .pk-entry-hero .reference-actions{width:min(46.5vw,180px)!important;max-width:min(46.5vw,180px)!important}
  body[data-smn-lang="ur"] .pk-entry-hero .reference-lead{font-size:.55rem!important;line-height:1.58!important}
  body[data-smn-lang="ur"] .pk-entry-hero .reference-promise{font-size:.48rem!important;line-height:1.50!important}
}


/* V334 — mobile opening hero glow cutoff fix.
   Keep glow only behind text and stop it before the action buttons. */
@media (max-width: 430px) and (orientation: portrait){
  html body .pk-entry-hero .reference-hero-copy::before{
    content:''!important;
    position:absolute!important;
    left:-18px!important;
    top:-16px!important;
    width:116%!important;
    height:auto!important;
    bottom:168px!important;
    background:radial-gradient(ellipse at 30% 28%,
      rgba(255,255,255,.78) 0%,
      rgba(255,255,255,.56) 31%,
      rgba(255,255,255,.24) 54%,
      rgba(255,255,255,.06) 68%,
      rgba(255,255,255,0) 79%)!important;
    filter:blur(5px)!important;
    z-index:-1!important;
    pointer-events:none!important;
  }

  /* Ensure action buttons stay outside the glow zone visually. */
  html body .pk-entry-hero .reference-actions{
    position:relative!important;
    z-index:2!important;
    margin-top:12px!important;
  }
}

@media (max-width: 390px) and (orientation: portrait){
  html body .pk-entry-hero .reference-hero-copy::before{
    left:-16px!important;
    top:-14px!important;
    width:114%!important;
    bottom:160px!important;
  }
}