/* SeafoodMeNow V323 — Pakistan hero, translation readability, weight clarity and cart polish. */

/* ---------- Opening hero: same approved export-quality message, new portrait mobile art ---------- */
@media (max-width:720px){
  html body .pk-entry-hero .reference-hero-media img{
    content:url('/assets/hero-pk-v323-mobile.webp?v=323')!important;
    width:100%!important;height:100%!important;min-height:100%!important;
    object-fit:cover!important;object-position:58% 50%!important;
    filter:saturate(1.025) contrast(1.015)!important;
  }
  html body .pk-entry-hero .reference-hero-media:before{display:none!important;content:none!important}
  html body .pk-entry-hero .reference-hero-wash{
    display:block!important;inset:0!important;
    background:
      radial-gradient(ellipse at 23% 22%,rgba(255,255,255,.91) 0%,rgba(255,255,255,.66) 31%,rgba(255,255,255,.24) 52%,rgba(255,255,255,0) 72%),
      linear-gradient(180deg,rgba(235,248,255,.12) 0%,rgba(235,248,255,.02) 58%,rgba(1,24,43,.13) 100%)!important;
  }
  html body .pk-entry-hero .reference-hero-copy{
    left:18px!important;right:auto!important;top:clamp(84px,11svh,118px)!important;bottom:auto!important;
    width:min(82vw,342px)!important;max-width:min(82vw,342px)!important;
    padding:0!important;margin:0!important;text-align:left!important;
  }
  html body .pk-entry-hero .reference-hero-copy h1{max-width:10.8ch!important}
  html body .pk-entry-hero .reference-lead{max-width:34ch!important}
  html body .pk-entry-hero .reference-benefits{display:none!important}
}

/* ---------- Soft readability glow: no opaque text boxes ---------- */
.pk-entry-hero .reference-hero-copy,
.pk-cinema .pk-cinema-copy{isolation:isolate!important}
.pk-entry-hero .reference-hero-copy::before{
  display:block!important;content:""!important;position:absolute!important;z-index:-1!important;pointer-events:none!important;
  left:-34px!important;right:-42px!important;top:-30px!important;bottom:-34px!important;border-radius:52px!important;
  background:radial-gradient(ellipse at 32% 42%,rgba(255,255,255,.82) 0%,rgba(255,255,255,.58) 34%,rgba(255,255,255,.20) 61%,rgba(255,255,255,0) 80%)!important;
  filter:blur(10px)!important;opacity:.96!important;
}
.pk-cinema .pk-cinema-copy::before{
  display:block!important;content:""!important;position:absolute!important;z-index:-1!important;pointer-events:none!important;
  left:-34px!important;right:-38px!important;top:-28px!important;bottom:-34px!important;border-radius:48px!important;
  background:radial-gradient(ellipse at 45% 48%,rgba(0,23,43,.72) 0%,rgba(0,23,43,.50) 38%,rgba(0,23,43,.18) 64%,rgba(0,23,43,0) 82%)!important;
  filter:blur(11px)!important;opacity:.96!important;
}
@media (min-width:721px){
  .pk-cinema[data-scene="0"] .pk-cinema-copy::before{
    background:radial-gradient(ellipse at 32% 42%,rgba(255,255,255,.84) 0%,rgba(255,255,255,.60) 34%,rgba(255,255,255,.20) 61%,rgba(255,255,255,0) 80%)!important;
  }
}
@media (max-width:720px){
  .pk-entry-hero .reference-hero-copy::before{left:-22px!important;right:-24px!important;top:-20px!important;bottom:-22px!important;filter:blur(8px)!important}
  .pk-cinema .pk-cinema-copy::before{left:-20px!important;right:-22px!important;top:-18px!important;bottom:-22px!important;filter:blur(8px)!important}
}
.pk-entry-hero .reference-kicker,.pk-entry-hero .reference-hero-copy h1,.pk-entry-hero .reference-script,.pk-entry-hero .reference-lead,.pk-entry-hero .reference-promise,
.pk-cinema .pk-cinema-eyebrow,.pk-cinema .pk-cinema-copy h2,.pk-cinema .pk-cinema-script,.pk-cinema .pk-cinema-copy p,.pk-cinema .pk-cinema-promise,.pk-cinema .pk-cinema-chips{
  text-shadow:0 1px 2px rgba(255,255,255,.55),0 0 12px rgba(255,255,255,.28)!important;
}
.pk-cinema:not([data-scene="0"]) .pk-cinema-eyebrow,.pk-cinema:not([data-scene="0"]) .pk-cinema-copy h2,.pk-cinema:not([data-scene="0"]) .pk-cinema-script,.pk-cinema:not([data-scene="0"]) .pk-cinema-copy p,.pk-cinema:not([data-scene="0"]) .pk-cinema-promise,.pk-cinema:not([data-scene="0"]) .pk-cinema-chips{
  text-shadow:0 2px 3px rgba(0,15,30,.88),0 0 18px rgba(0,20,40,.58)!important;
}

/* ---------- Translation-safe tablet geometry ---------- */
@media (min-width:721px) and (max-width:1180px){
  body.smn-translated .pk-entry-hero .reference-hero-copy,
  body.smn-translated .pk-cinema[data-scene="0"] .pk-cinema-copy{
    width:min(500px,52vw)!important;max-width:min(500px,52vw)!important;
  }
  body.smn-translated .pk-entry-hero .reference-hero-copy h1,
  body.smn-translated .pk-cinema[data-scene="0"] .pk-cinema-copy h2{
    max-width:100%!important;overflow-wrap:anywhere!important;text-wrap:balance!important;
  }
  body.smn-translated .reference-actions,
  body.smn-translated .pk-cinema-hero-actions{flex-wrap:wrap!important}
}

/* ---------- Pakistani Urdu: readable, familiar Urdu typography ---------- */
body[data-smn-lang="ur"]{
  --smn-urdu-font:'Noto Nastaliq Urdu','Noto Naskh Arabic','Arial',sans-serif;
}
body[data-smn-lang="ur"] .reference-hero-copy,
body[data-smn-lang="ur"] .pk-cinema-copy,
body[data-smn-lang="ur"] .shop-section,
body[data-smn-lang="ur"] .cart-drawer,
body[data-smn-lang="ur"] .seo-faq{font-family:var(--smn-urdu-font)!important}
body[data-smn-lang="ur"] .reference-hero-copy,
body[data-smn-lang="ur"] .pk-cinema-copy{direction:rtl!important;text-align:right!important}
body[data-smn-lang="ur"] .reference-kicker,
body[data-smn-lang="ur"] .reference-hero-copy h1,
body[data-smn-lang="ur"] .reference-hero-copy h1 span,
body[data-smn-lang="ur"] .reference-hero-copy h1 strong,
body[data-smn-lang="ur"] .reference-script,
body[data-smn-lang="ur"] .reference-lead,
body[data-smn-lang="ur"] .reference-promise,
body[data-smn-lang="ur"] .pk-cinema-eyebrow,
body[data-smn-lang="ur"] .pk-cinema-copy h2,
body[data-smn-lang="ur"] .pk-cinema-copy h2 em,
body[data-smn-lang="ur"] .pk-cinema-script,
body[data-smn-lang="ur"] .pk-cinema-copy p,
body[data-smn-lang="ur"] .pk-cinema-promise{
  font-family:var(--smn-urdu-font)!important;letter-spacing:0!important;text-transform:none!important;word-break:normal!important;overflow-wrap:normal!important;
}
body[data-smn-lang="ur"] .reference-kicker,body[data-smn-lang="ur"] .pk-cinema-eyebrow{line-height:1.8!important}
body[data-smn-lang="ur"] .reference-hero-copy h1,body[data-smn-lang="ur"] .pk-cinema-copy h2{line-height:1.46!important}
body[data-smn-lang="ur"] .reference-hero-copy h1 strong,body[data-smn-lang="ur"] .pk-cinema-copy h2 em{line-height:1.48!important;transform:none!important}
body[data-smn-lang="ur"] .reference-script,body[data-smn-lang="ur"] .pk-cinema-script{line-height:1.62!important}
body[data-smn-lang="ur"] .reference-lead,body[data-smn-lang="ur"] .reference-promise,body[data-smn-lang="ur"] .pk-cinema-copy p,body[data-smn-lang="ur"] .pk-cinema-promise{line-height:1.9!important}
body[data-smn-lang="ur"] .reference-actions,body[data-smn-lang="ur"] .pk-cinema-hero-actions{direction:rtl!important;justify-content:flex-start!important}
body[data-smn-lang="ur"] .reference-order,body[data-smn-lang="ur"] .reference-story,body[data-smn-lang="ur"] .pk-cinema-order,body[data-smn-lang="ur"] .pk-cinema-watch{font-family:var(--smn-urdu-font)!important;letter-spacing:0!important}
@media (min-width:721px) and (max-width:1180px){
  body[data-smn-lang="ur"] .pk-entry-hero .reference-hero-copy,
  body[data-smn-lang="ur"] .pk-cinema[data-scene="0"] .pk-cinema-copy{
    left:clamp(28px,3.5vw,44px)!important;right:auto!important;top:50%!important;transform:translateY(-48%)!important;
    width:min(530px,55vw)!important;max-width:min(530px,55vw)!important;
  }
  body[data-smn-lang="ur"] .reference-hero-copy h1,
  body[data-smn-lang="ur"] .pk-cinema[data-scene="0"] .pk-cinema-copy h2{font-size:clamp(2.05rem,4.6vw,3.15rem)!important}
  body[data-smn-lang="ur"] .reference-hero-copy h1 strong,
  body[data-smn-lang="ur"] .pk-cinema[data-scene="0"] .pk-cinema-copy h2 em{font-size:clamp(1.8rem,4vw,2.7rem)!important}
  body[data-smn-lang="ur"] .reference-script,body[data-smn-lang="ur"] .pk-cinema-script{font-size:clamp(1.2rem,2.5vw,1.7rem)!important}
  body[data-smn-lang="ur"] .reference-lead,body[data-smn-lang="ur"] #pkCinemaBody{font-size:clamp(.76rem,1.25vw,.9rem)!important;max-width:42ch!important}
}
@media (max-width:720px){
  body[data-smn-lang="ur"] .pk-entry-hero .reference-hero-copy{
    left:16px!important;right:auto!important;top:clamp(82px,10svh,108px)!important;width:min(88vw,366px)!important;max-width:min(88vw,366px)!important;
  }
  body[data-smn-lang="ur"] .reference-hero-copy h1{font-size:clamp(1.72rem,8vw,2.32rem)!important;max-width:100%!important}
  body[data-smn-lang="ur"] .reference-hero-copy h1 strong{font-size:clamp(1.55rem,7.2vw,2.08rem)!important}
  body[data-smn-lang="ur"] .reference-script{font-size:clamp(1.12rem,5.5vw,1.55rem)!important;margin:5px 0!important}
  body[data-smn-lang="ur"] .reference-lead{font-size:.72rem!important;line-height:1.9!important;max-width:43ch!important}
  body[data-smn-lang="ur"] .reference-promise{font-size:.59rem!important;line-height:1.85!important;max-width:42ch!important}
  body[data-smn-lang="ur"] .reference-actions{gap:7px!important;margin-top:9px!important}
  body[data-smn-lang="ur"] .reference-order,body[data-smn-lang="ur"] .reference-story{height:43px!important;min-width:0!important;padding:0 11px!important;font-size:.68rem!important}
  body[data-smn-lang="ur"] .pk-cinema-copy h2{font-size:clamp(1.55rem,7vw,2.05rem)!important;max-width:100%!important}
  body[data-smn-lang="ur"] .pk-cinema-copy h2 em{font-size:clamp(1.45rem,6.5vw,1.95rem)!important}
  body[data-smn-lang="ur"] .pk-cinema-script{font-size:clamp(1.05rem,5vw,1.4rem)!important}
  body[data-smn-lang="ur"] .pk-cinema-copy p{font-size:.71rem!important;line-height:1.85!important;max-width:42ch!important}
}

/* ---------- Weight information ---------- */
.smn-weight-note-short{display:block;margin:8px 0 0;padding:7px 9px;border-radius:10px;background:rgba(99,183,230,.08);border:1px solid rgba(111,191,231,.17);color:#b8d9ec;font-size:.64rem;line-height:1.4;font-weight:700}
.product-card[data-department-card="fresh"] .smn-weight-note-short{background:rgba(92,205,162,.07);border-color:rgba(92,205,162,.18);color:#bce4d3}
.smn-weight-note-full{margin:13px 0 4px;padding:12px 13px;border-radius:13px;background:#eef8fb;border:1px solid #cfe4ea;color:#31535e;font-size:.78rem;line-height:1.55;font-weight:650}
.smn-weight-info-panel{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0 4px}
.smn-weight-info-panel article{padding:14px 15px;border-radius:16px;border:1px solid rgba(124,186,220,.16);background:rgba(255,255,255,.035)}
.smn-weight-info-panel b{display:block;margin-bottom:5px;color:#fff;font-size:.82rem}.smn-weight-info-panel span{display:block;color:#bdd2df;font-size:.73rem;line-height:1.55}
.smn-weight-info-panel article:first-child{border-color:rgba(92,205,162,.20);background:rgba(92,205,162,.045)}
@media(max-width:700px){.smn-weight-info-panel{grid-template-columns:1fr;gap:8px}.smn-weight-info-panel article{padding:12px 13px}.smn-weight-note-short{font-size:.62rem}}

/* ---------- Mobile cart: simple vertical delivery estimate, no squeezed columns ---------- */
@media(max-width:600px){
  .cart-drawer .delivery-market-note{display:block!important;padding:14px!important;min-width:0!important;overflow:visible!important}
  .cart-drawer .delivery-market-note>b{display:block!important;margin:0 0 5px!important;font-size:.88rem!important}
  .cart-drawer .delivery-market-note>span{display:block!important;margin:0 0 12px!important;font-size:.72rem!important;line-height:1.48!important}
  .cart-drawer .cart-delivery-area{display:grid!important;grid-template-columns:1fr!important;gap:6px!important;width:100%!important;margin:0 0 12px!important;font-size:.72rem!important;line-height:1.35!important}
  .cart-drawer .cart-delivery-area select{display:block!important;width:100%!important;max-width:none!important;min-height:46px!important;padding:9px 12px!important}
  .cart-drawer .delivery-progress-list{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;width:100%!important;margin:0!important}
  .cart-drawer .delivery-progress-row{display:grid!important;grid-template-columns:1fr!important;gap:6px!important;width:100%!important;min-width:0!important;padding:10px 11px!important}
  .cart-drawer .delivery-progress-row>div{display:block!important;min-width:0!important}
  .cart-drawer .delivery-progress-row b{display:block!important;font-size:.76rem!important;line-height:1.25!important}
  .cart-drawer .delivery-progress-row span{display:block!important;margin-top:3px!important;font-size:.68rem!important;line-height:1.4!important;white-space:normal!important;overflow-wrap:anywhere!important}
  .cart-drawer .delivery-progress-row i{grid-column:1!important;width:100%!important;margin-top:1px!important}
  .cart-drawer .delivery-progress-row small{display:block!important;font-size:.63rem!important;line-height:1.35!important}
  body.cart-open .smn-pwa-dock{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(10px)!important}
}

/* Avoid reduced-motion rule conflicts with the readability halo. */
@media(prefers-reduced-motion:reduce){
  .pk-cinema .pk-cinema-copy::before{display:block!important}
}