/* SeafoodMeNow Pakistan cinematic journey — V262 premium stable engine */
:root{
  --pc-header-h:82px;
  --pc-ink:#163d57;
  --pc-blue:#1688e3;
  --pc-blue-2:#0b6da6;
}
body .site-header,body.pk-cinema-active .site-header{
  backdrop-filter:blur(14px) saturate(1.15);
}
body.pk-cinema-active .site-header,body.pk-cinema-active .site-header.scrolled{
  background:linear-gradient(180deg,rgba(245,250,253,.92),rgba(245,250,253,.82))!important;
}
body.pk-cinema-active .section-rail,body.pk-cinema-active .page-progress,body.pk-cinema-active .smn-pwa-dock{
  opacity:0!important;pointer-events:none!important;
}
body.pk-cinema-active .header-search.open{opacity:1!important;pointer-events:auto!important}
body.pk-cinema-active .floating-cart-bar{opacity:0!important;pointer-events:none!important;transform:translateY(120%)!important}

.pk-cinema{
  position:relative;
  height:320vh!important;
  height:320svh!important;
  min-height:0!important;
  background:linear-gradient(180deg,#d7e8f1 0%,#b9d5e5 42%,#cce0ea 100%);
  overflow:clip;
  --pc-progress:0;
  --pc-scene-progress:0;
  --pc-local-progress:0;
  --pc-film-shift:0px;
  --pc-frame-scale:1.014;
}
.pk-cinema-stage{
  position:sticky;
  top:var(--pc-header-h);
  height:calc(100vh - var(--pc-header-h));
  height:calc(100svh - var(--pc-header-h));
  min-height:0;
  display:block;
  overflow:hidden;
  contain:paint;
  overscroll-behavior-y:auto!important;
  isolation:isolate;
}
@supports(height:100dvh){.pk-cinema-stage{height:calc(100dvh - var(--pc-header-h))}}
.pk-cinema-stage:before{
  content:"";
  position:absolute;inset:-5%;z-index:0;pointer-events:none;
  background:
    radial-gradient(circle at 18% 22%,rgba(255,255,255,.68),transparent 22%),
    radial-gradient(circle at 80% 18%,rgba(164,225,255,.62),transparent 20%),
    radial-gradient(circle at 70% 78%,rgba(151,199,221,.32),transparent 28%),
    linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,0));
  filter:blur(38px) saturate(1.06) brightness(1.03);
}
.pk-cinema-film{position:absolute;inset:0;overflow:hidden;background:#bfdce9;z-index:0;contain:paint;isolation:isolate;transform:translate3d(0,var(--pc-film-shift),0);transition:transform .16s linear}
.pk-cinema-poster{position:absolute;inset:0;z-index:1!important;background:url('/assets/pk-cinematic/poster-v277.webp') center/contain no-repeat;opacity:.24;transform:scale(1.02)}
.pk-cinema-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#bfdce9;z-index:4!important;opacity:0!important;visibility:hidden!important;transition:opacity .18s linear!important;pointer-events:none!important}
.pk-cinema.video-ready .pk-cinema-poster{opacity:.16;transition:opacity .35s ease}
.pk-cinema-grade,.pk-cinema-noise{display:none!important}
.pk-cinema-legacy-anchor{position:absolute;top:0;width:1px;height:1px;pointer-events:none}
.pk-cinema-fallback,.pk-cinema-benefits{display:none!important}

.pk-cinema-canvas{
  position:absolute;inset:0;display:block;width:100%;height:100%;z-index:3;
  transform:scale(var(--pc-frame-scale)) translateZ(0);transform-origin:center center;
  transition:transform .16s linear;will-change:transform;backface-visibility:hidden;pointer-events:none
}

.pk-cinema-top{position:absolute;z-index:8;left:clamp(16px,3vw,38px);top:clamp(16px,3vw,28px);right:clamp(16px,3vw,38px);display:flex;justify-content:flex-start;pointer-events:none}
.pk-cinema-brand{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid rgba(255,255,255,.55);border-radius:999px;background:rgba(255,255,255,.38);backdrop-filter:blur(12px);box-shadow:0 8px 24px rgba(5,42,67,.08)}
.pk-cinema-brand i{display:block;width:8px;height:8px;border-radius:50%;background:#18a7ea;box-shadow:0 0 12px rgba(24,167,234,.55)}
.pk-cinema-brand span{font-size:.63rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#214a63;text-shadow:0 0 2px rgba(255,255,255,.9)}

.pk-cinema-copy{position:absolute;z-index:9;width:min(460px,36vw);max-width:calc(100% - 34px);display:grid;gap:0;color:var(--pc-ink);transition:opacity .12s linear}
.pk-cinema-copy:before{content:"";position:absolute;left:-18px;right:-18px;top:-24px;bottom:-18px;border-radius:36px;background:radial-gradient(ellipse at 38% 48%,rgba(255,255,255,.70),rgba(255,255,255,.42) 42%,rgba(255,255,255,.14) 60%,rgba(255,255,255,0) 78%);filter:blur(18px);pointer-events:none}
.pk-cinema-copy.is-changing{opacity:.24}
.pk-cinema-eyebrow{position:relative;display:flex;align-items:center;gap:10px;margin-bottom:8px;font-size:.62rem;font-weight:950;letter-spacing:.15em;color:#164661;text-transform:uppercase;text-shadow:0 0 2px #fff,0 0 8px rgba(255,255,255,.92),0 0 18px rgba(255,255,255,.82)}
.pk-cinema-eyebrow:before{content:"";flex:0 0 22px;height:2px;background:#0878b6;border-radius:99px;box-shadow:0 0 8px #fff,0 0 16px #fff}
.pk-cinema-copy h2{position:relative;z-index:1;max-width:14ch;margin:0;font-family:'Libre Baskerville',serif;font-size:clamp(2.15rem,4vw,4rem);line-height:.98;letter-spacing:-.045em;color:#163d57;text-shadow:0 0 2px #fff,0 0 7px #fff,0 0 15px #fff,0 0 30px rgba(255,255,255,1),0 0 52px rgba(255,255,255,.94)!important}
.pk-cinema-copy h2 em{font-style:normal;color:var(--pc-blue);text-shadow:0 0 2px #fff,0 0 8px #fff,0 0 18px #fff,0 0 34px rgba(255,255,255,.98),0 0 52px rgba(255,255,255,.9)!important}
.pk-cinema-copy p{max-width:48ch;margin:12px 0 0;font-size:.93rem;line-height:1.54;color:#163d57;text-shadow:0 0 2px #fff,0 0 7px #fff,0 0 16px rgba(255,255,255,1),0 0 30px rgba(255,255,255,.96)!important}
.pk-cinema-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:11px}
.pk-cinema-chips span{font-size:.66rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#164661;text-shadow:0 0 2px #fff,0 0 7px #fff,0 0 16px rgba(255,255,255,1),0 0 30px rgba(255,255,255,.96)!important}
.pk-cinema-chips span+span:before{content:"•";display:inline-block;margin-right:8px;color:#075d91}

.pk-cinema[data-layout="left-middle"] .pk-cinema-copy{left:clamp(28px,5vw,80px);top:24%;right:auto;bottom:auto}
.pk-cinema[data-layout="bottom-center"] .pk-cinema-copy{left:50%;right:auto;top:auto;bottom:8%;transform:translateX(-50%);width:min(680px,56vw);text-align:center}
.pk-cinema[data-layout="bottom-center"] .pk-cinema-copy h2,.pk-cinema[data-layout="top-center"] .pk-cinema-copy h2{max-width:none;margin-inline:auto}
.pk-cinema[data-layout="bottom-center"] .pk-cinema-copy p,.pk-cinema[data-layout="top-center"] .pk-cinema-copy p{max-width:66ch;margin-inline:auto}
.pk-cinema[data-layout="bottom-center"] .pk-cinema-eyebrow,.pk-cinema[data-layout="top-center"] .pk-cinema-eyebrow,.pk-cinema[data-layout="bottom-center"] .pk-cinema-chips,.pk-cinema[data-layout="top-center"] .pk-cinema-chips{justify-content:center}
.pk-cinema[data-layout="left-mid-compact"] .pk-cinema-copy{left:clamp(24px,3.2vw,52px);top:40%;transform:translateY(-50%);width:min(340px,25vw)}
.pk-cinema[data-layout="left-mid-compact"] .pk-cinema-copy h2{font-size:clamp(1.7rem,2.55vw,2.9rem)}
.pk-cinema[data-layout="right-low-compact"] .pk-cinema-copy{left:auto;right:clamp(24px,3.2vw,52px);top:auto;bottom:10%;width:min(340px,25vw)}
.pk-cinema[data-layout="right-low-compact"] .pk-cinema-copy h2{font-size:clamp(1.7rem,2.5vw,2.85rem)}
.pk-cinema[data-layout="top-center"] .pk-cinema-copy{left:50%;right:auto;top:max(4%,40px);bottom:auto;transform:translateX(-50%);width:min(520px,40vw);text-align:center}
.pk-cinema[data-scene="5"] .pk-cinema-copy p,.pk-cinema[data-scene="5"] .pk-cinema-chips{display:none}
.pk-cinema[data-scene="5"] .pk-cinema-hero-actions{justify-content:center}
.pk-cinema[data-layout="bottom-center"] .pk-cinema-copy.is-changing,.pk-cinema[data-layout="top-center"] .pk-cinema-copy.is-changing{transform:translateX(-50%) translateY(3px)}
.pk-cinema[data-layout="left-mid-compact"] .pk-cinema-copy.is-changing{transform:translateY(calc(-50% + 3px))}
.pk-cinema:not([data-scene="0"]):not([data-scene="5"]) .pk-cinema-hero-actions{display:none}
.pk-cinema[data-scene="2"] .pk-cinema-copy{left:clamp(22px,3vw,48px)!important;right:auto!important;top:auto!important;bottom:10%!important;transform:none!important;width:min(335px,25vw)!important;text-align:left!important}
.pk-cinema[data-scene="3"] .pk-cinema-copy{left:50%!important;right:auto!important;top:max(4%,40px)!important;bottom:auto!important;transform:translateX(-50%)!important;width:min(500px,40vw)!important;text-align:center!important}
.pk-cinema[data-scene="3"] .pk-cinema-eyebrow{justify-content:center!important}.pk-cinema[data-scene="3"] .pk-cinema-copy h2{max-width:none!important;margin-inline:auto!important}.pk-cinema[data-scene="3"] .pk-cinema-copy p,.pk-cinema[data-scene="3"] .pk-cinema-chips{display:none!important}
.pk-cinema[data-scene="4"] .pk-cinema-copy{left:clamp(22px,3vw,48px)!important;right:auto!important;top:auto!important;bottom:10%!important;transform:none!important;width:min(335px,25vw)!important;text-align:left!important}

.pk-cinema-compare{display:none;margin-top:10px;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center}
.pk-cinema[data-scene="1"] .pk-cinema-compare{display:grid}
.pk-cinema-compare div{padding:0;background:transparent;border:0;color:var(--pc-ink);text-shadow:0 0 2px #fff,0 0 7px #fff,0 0 18px #fff}
.pk-cinema-compare small{display:block;font-size:.55rem;letter-spacing:.09em;text-transform:uppercase;color:#34596f}
.pk-cinema-compare b{display:block;margin-top:2px;font-size:.91rem}.pk-cinema-compare .long b{color:#a94d20}.pk-cinema-compare .day b{color:#08775f}.pk-cinema-compare>i{font-style:normal;color:#39596c;font-weight:950;text-shadow:0 0 8px #fff,0 0 18px #fff}

.pk-cinema-hero-actions{display:flex;align-items:center;gap:10px;margin-top:14px}
.pk-cinema-hero-actions a,.pk-cinema-hero-actions button{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 18px;border-radius:999px;border:1px solid transparent;font-size:.72rem;font-weight:950;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease;color:inherit}
.pk-cinema-order{background:linear-gradient(135deg,#1788e8,var(--pc-blue-2))!important;color:#fff!important;border:1px solid #3499ed!important;box-shadow:0 12px 28px rgba(5,87,160,.32)!important}
.pk-cinema-order:hover,.pk-cinema-order:focus-visible{transform:translateY(-2px);background:linear-gradient(135deg,#2699f4,#086fc8)!important;box-shadow:0 16px 34px rgba(5,87,160,.38)!important}
.pk-cinema-watch{background:rgba(255,255,255,.94);color:var(--pc-ink);border:1px solid rgba(173,207,226,.95);box-shadow:0 9px 22px rgba(5,42,67,.16)}
.pk-cinema-watch .play-ring{display:grid;place-items:center;width:27px;height:27px;border:1px solid #8fb7cc;border-radius:50%;font-size:.62rem;color:#0b6da6}
.pk-cinema-hero-actions a:focus-visible,.pk-cinema-hero-actions button:focus-visible,.pk-cinema-side button:focus-visible{outline:3px solid #ffd774;outline-offset:3px}

.pk-cinema-side{position:absolute;z-index:10;right:clamp(4px,1.4vw,22px);top:50%;transform:translateY(-50%);display:grid;gap:0}
.pk-cinema-side button{position:relative;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:0;background:transparent;cursor:pointer;touch-action:manipulation}
.pk-cinema-side button:before{content:"";position:absolute;left:50%;top:50%;width:10px;height:10px;transform:translate(-50%,-50%);border:1px solid rgba(7,62,96,.5);border-radius:50%;background:rgba(255,255,255,.82);box-shadow:0 0 9px rgba(255,255,255,.92)}
.pk-cinema-side button:after{content:"";position:absolute;left:50%;top:50%;width:6px;height:6px;transform:translate(-50%,-50%) scale(.2);border-radius:50%;background:var(--pc-blue);opacity:0;transition:.16s}
.pk-cinema-side button.active:after{opacity:1;transform:translate(-50%,-50%) scale(1)}
.pk-cinema-bottom{position:absolute;z-index:9;left:clamp(16px,4vw,60px);right:clamp(16px,4vw,60px);bottom:12px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;pointer-events:none;text-shadow:0 0 4px #000,0 0 10px rgba(0,0,0,.55)}
.pk-cinema-count{font-size:.65rem;font-weight:950;letter-spacing:.12em;color:#fff}.pk-cinema-progress{height:3px;border-radius:99px;background:rgba(255,255,255,.58);overflow:hidden}.pk-cinema-progress i{display:block;height:100%;width:0;background:#1688e3;box-shadow:0 0 12px #1688e3}.pk-cinema-note{font-size:.65rem;color:#fff;font-weight:800;white-space:nowrap}
.pk-cinema-scrollcue{position:absolute;z-index:9;left:50%;bottom:48px;transform:translateX(-50%);display:flex;align-items:center;gap:8px;color:#fff;font-size:.57rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;text-shadow:0 1px 4px #000,0 0 10px rgba(0,0,0,.55);pointer-events:none;transition:opacity .18s}
.pk-cinema-scrollcue i{display:block;width:18px;height:28px;border:1px solid rgba(255,255,255,.9);border-radius:14px;position:relative}.pk-cinema-scrollcue i:after{content:"";position:absolute;left:50%;top:6px;width:3px;height:6px;border-radius:99px;background:#fff;transform:translateX(-50%);animation:pcScroll 1.35s ease-in-out infinite}@keyframes pcScroll{50%{transform:translate(-50%,8px);opacity:.25}}

.pk-cinema.film-loading .pk-cinema-video{visibility:visible!important;opacity:0!important}
.pk-cinema.film-playing .pk-cinema-video{visibility:visible!important;opacity:1!important}
.pk-cinema.film-playing .pk-cinema-canvas{opacity:0!important}
.pk-cinema.video-failed .pk-cinema-watch{display:none!important}
.pk-cinema-watch.loading{cursor:progress}
.pk-cinema-watch.loading .play-ring{animation:pcLoading 1s linear infinite}
@keyframes pcLoading{to{transform:rotate(360deg)}}

@media(max-width:1180px) and (orientation:portrait){
  .pk-cinema{height:300vh!important;height:300svh!important;min-height:0!important}
  .pk-cinema-stage{display:grid;grid-template-rows:auto minmax(0,1fr);align-content:stretch;background:#a9ccdf;overflow:hidden}
  .pk-cinema-stage:before{opacity:.28;filter:blur(30px) saturate(1.04) brightness(1.10)}
  .pk-cinema-film{position:relative;inset:auto;grid-row:1;width:100%;height:auto;aspect-ratio:16/9;max-height:46svh;background:#b8d6e5;box-shadow:0 8px 24px rgba(4,42,67,.12)}
  .pk-cinema-poster{inset:0;filter:none;transform:none;opacity:1;background-size:cover}
  .pk-cinema-video{object-fit:contain!important;background:#b8d6e5!important}
  .pk-cinema-copy,.pk-cinema[data-layout] .pk-cinema-copy{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;width:auto!important;max-width:none!important;padding:16px 16px 58px!important;background:transparent!important;border:0!important;box-shadow:none!important;text-align:left!important;align-self:start!important;margin-top:clamp(4px,1.2svh,10px)!important}
  .pk-cinema-copy:before{left:-16px;right:-16px;top:-20px;bottom:14px;filter:blur(20px);background:radial-gradient(ellipse at 38% 48%,rgba(255,255,255,.70),rgba(255,255,255,.43) 40%,rgba(255,255,255,.18) 58%,rgba(255,255,255,0) 78%)}
  .pk-cinema-copy.is-changing,.pk-cinema[data-layout] .pk-cinema-copy.is-changing{transform:none!important;opacity:.24}
  .pk-cinema-copy h2,.pk-cinema[data-layout] .pk-cinema-copy h2{max-width:15ch!important;font-size:clamp(1.8rem,6.2vw,3rem)!important;text-align:left!important}
  .pk-cinema-copy p,.pk-cinema[data-layout] .pk-cinema-copy p{max-width:52ch!important;font-size:clamp(.76rem,1.8vw,.9rem)!important;line-height:1.4!important;text-align:left!important;color:#163d57!important}
  .pk-cinema-eyebrow{font-size:.56rem}.pk-cinema-chips{justify-content:flex-start!important;margin-top:9px}
  .pk-cinema-hero-actions{margin-top:12px;flex-wrap:wrap}.pk-cinema-hero-actions a,.pk-cinema-hero-actions button{min-height:46px;padding:0 15px;font-size:.69rem}
  .pk-cinema[data-scene="5"] .pk-cinema-copy p{display:block!important}.pk-cinema[data-scene="5"] .pk-cinema-chips{display:flex!important}.pk-cinema[data-scene="5"] .pk-cinema-hero-actions{justify-content:flex-start!important}
  .pk-cinema[data-scene="2"] .pk-cinema-copy,.pk-cinema[data-scene="3"] .pk-cinema-copy,.pk-cinema[data-scene="4"] .pk-cinema-copy{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;width:auto!important;text-align:left!important}
  .pk-cinema[data-scene="3"] .pk-cinema-eyebrow{justify-content:flex-start!important}.pk-cinema[data-scene="3"] .pk-cinema-copy h2{max-width:15ch!important;margin-inline:0!important;text-align:left!important}
  .pk-cinema[data-scene="3"] .pk-cinema-copy p{display:block!important}.pk-cinema[data-scene="3"] .pk-cinema-chips{display:flex!important}
  .pk-cinema-side{left:50%;right:auto;top:calc(min(46svh,56.25vw) - 4px);transform:translateX(-50%);display:flex;width:max-content;gap:0}.pk-cinema-side button{width:44px;height:44px}
  .pk-cinema-bottom{left:14px;right:14px;bottom:10px;grid-template-columns:auto 1fr;gap:8px;text-shadow:0 0 4px rgba(0,0,0,.55)}.pk-cinema-note{display:none}.pk-cinema-scrollcue{display:none}
}
@media(max-width:560px) and (orientation:portrait){
  .pk-cinema{height:285vh!important;height:285svh!important;min-height:0!important}
  .pk-cinema-film{max-height:40svh!important}
  .pk-cinema-copy,.pk-cinema[data-layout] .pk-cinema-copy{padding:12px 14px 56px!important;align-self:start;margin-top:6px!important}
  .pk-cinema-copy h2,.pk-cinema[data-layout] .pk-cinema-copy h2{font-size:clamp(1.55rem,7vw,2.18rem)!important;max-width:14ch!important}
  .pk-cinema-copy p,.pk-cinema[data-layout] .pk-cinema-copy p{font-size:.72rem!important;line-height:1.34!important;max-width:48ch!important}
  .pk-cinema-eyebrow{font-size:.5rem;margin-bottom:5px}.pk-cinema-chips span{font-size:.55rem}
  .pk-cinema-hero-actions{display:grid;grid-template-columns:1fr 1fr;width:100%;max-width:345px;gap:8px}.pk-cinema-hero-actions a,.pk-cinema-hero-actions button{min-height:46px;padding:0 8px;font-size:.64rem}
  .pk-cinema-compare{gap:5px}.pk-cinema-compare b{font-size:.72rem}.pk-cinema-compare small{font-size:.46rem}
  .pk-cinema-side{top:calc(56.25vw - 4px)}
}
@media(max-width:1180px) and (orientation:landscape){
  .pk-cinema{height:290vh!important;height:290svh!important;min-height:0!important}
  .pk-cinema-copy{width:min(390px,35vw);padding:8px 8px}
  .pk-cinema-copy h2{font-size:clamp(1.55rem,2.9vw,2.65rem)}.pk-cinema-copy p{font-size:clamp(.68rem,1vw,.84rem)}
  .pk-cinema[data-layout="left-middle"] .pk-cinema-copy{left:20px;top:18%}
  .pk-cinema[data-layout="left-mid-compact"] .pk-cinema-copy{left:18px;top:42%;width:min(330px,32vw)}
  .pk-cinema[data-layout="right-low-compact"] .pk-cinema-copy{right:18px;bottom:10%;width:min(330px,32vw)}
  .pk-cinema[data-layout="bottom-center"] .pk-cinema-copy{bottom:8%;width:min(580px,58vw)}
  .pk-cinema[data-layout="top-center"] .pk-cinema-copy{top:max(3%,40px);width:min(470px,46vw)}
  .pk-cinema[data-scene="2"] .pk-cinema-copy{left:18px!important;right:auto!important;top:auto!important;bottom:10%!important;width:min(315px,31vw)!important}
  .pk-cinema[data-scene="3"] .pk-cinema-copy{left:50%!important;right:auto!important;top:40px!important;bottom:auto!important;transform:translateX(-50%)!important;width:min(440px,44vw)!important}
  .pk-cinema[data-scene="4"] .pk-cinema-copy{left:18px!important;right:auto!important;top:auto!important;bottom:10%!important;width:min(315px,31vw)!important}
}
@media(max-width:440px) and (max-height:770px){
  .pk-cinema-copy p,.pk-cinema-chips{display:none!important}
  .pk-cinema-hero-actions{margin-top:8px}.pk-cinema-hero-actions a,.pk-cinema-hero-actions button{min-height:44px;padding:0 12px;font-size:.64rem}
  .pk-cinema[data-layout="bottom-center"] .pk-cinema-copy{bottom:10%}.pk-cinema-bottom{bottom:5px}.pk-cinema-scrollcue{display:none}
}

@media(min-width:1181px) and (min-aspect-ratio:16/10) and (max-aspect-ratio:20/9){.pk-cinema-video{object-fit:cover!important}}
@media(max-width:1180px){.pk-cinema-copy{transition:opacity .10s linear!important}.pk-cinema-canvas{transition-duration:.14s}}
@media(prefers-reduced-motion:reduce){
  .pk-cinema{height:auto!important;min-height:0!important;padding-top:var(--pc-header-h);background:#a9ccdf}
  .pk-cinema-stage{position:relative;top:auto;height:auto;display:block;overflow:visible;background:#a9ccdf}
  .pk-cinema-film{position:relative;inset:auto;width:100%;aspect-ratio:16/9;transform:none!important}.pk-cinema-video{position:absolute;inset:0;object-fit:contain!important}
  .pk-cinema-copy,.pk-cinema[data-layout] .pk-cinema-copy{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;width:auto!important;max-width:none!important;margin:0!important;padding:22px!important;background:transparent!important;border:0!important;box-shadow:none!important;text-align:left!important}
  .pk-cinema-side,.pk-cinema-bottom,.pk-cinema-scrollcue{display:none!important}.pk-cinema-fallback{display:grid!important;gap:8px;padding:0 22px 22px;color:#163d57;background:transparent}.pk-cinema-watch{display:none!important}
}

/* ======================================================================
   V265 PREMIUM CLARITY / MOBILE SEAM / SHORTER JOURNEY
   Authoritative final overrides for the current cinematic-first layout.
   ====================================================================== */
.pk-cinema{
  height:250vh!important;
  height:250svh!important;
  --pc-film-pan:0px;
}
.pk-cinema-film{
  transform:translate3d(var(--pc-film-pan),var(--pc-film-shift),0)!important;
  will-change:transform;
}
.pk-cinema-canvas{
  filter:contrast(1.035) saturate(1.045);
  transform:scale(var(--pc-frame-scale)) translateZ(0)!important;
  image-rendering:auto;
}
.pk-cinema-copy{
  isolation:isolate;
}
.pk-cinema-copy.is-entering .pk-cinema-eyebrow,
.pk-cinema-copy.is-entering h2,
.pk-cinema-copy.is-entering p,
.pk-cinema-copy.is-entering .pk-cinema-chips,
.pk-cinema-copy.is-entering .pk-cinema-hero-actions,
.pk-cinema-copy.is-entering .pk-cinema-compare{
  animation:pcV265TextIn .52s cubic-bezier(.16,.82,.22,1) both;
}
.pk-cinema-copy.is-entering h2{animation-delay:.035s}
.pk-cinema-copy.is-entering p{animation-delay:.075s}
.pk-cinema-copy.is-entering .pk-cinema-chips,
.pk-cinema-copy.is-entering .pk-cinema-hero-actions,
.pk-cinema-copy.is-entering .pk-cinema-compare{animation-delay:.11s}
@keyframes pcV265TextIn{
  from{opacity:.18;translate:0 10px;filter:blur(1.2px)}
  to{opacity:1;translate:0 0;filter:blur(0)}
}

/* The site header is sticky in-flow on mobile. Old hero-era rules still add
   76px to <main>; with the cinematic now first that creates the black strip. */
@media(max-width:999px){
  main{padding-top:0!important}
  #whySeafoodMeNow{margin-top:0!important;border-top:0!important}
  .pk-cinema-stage{top:var(--pc-header-h)!important}
  .pk-cinema,.pk-cinema-stage{background:#b8d7e7!important}
}

/* Shorten the scroll track while preserving all 698 frames. This removes the
   dead tail after the final chapter and gets visitors into Shop sooner. */
@media(max-width:1180px) and (orientation:portrait){
  .pk-cinema{height:235vh!important;height:235svh!important}
  .pk-cinema-film{max-height:48svh!important}
  .pk-cinema-copy,.pk-cinema[data-layout] .pk-cinema-copy{margin-top:2px!important}
}
@media(max-width:560px) and (orientation:portrait){
  .pk-cinema{height:225vh!important;height:225svh!important}
  .pk-cinema-film{max-height:42svh!important}
  .pk-cinema-copy,.pk-cinema[data-layout] .pk-cinema-copy{padding-bottom:48px!important;margin-top:0!important}
}
@media(max-width:1180px) and (orientation:landscape){
  .pk-cinema{height:230vh!important;height:230svh!important}
}

/* Seamless hand-off into the storefront: no dark separator or inherited gap. */
.pk-cinema + .shop-section{
  margin-top:0!important;
  border-top:0!important;
}
@media(max-width:999px){
  .pk-cinema + .shop-section{padding-top:18px!important}
}

/* Slightly richer glass/typography without covering important imagery. */
.pk-cinema-brand{background:rgba(255,255,255,.46)!important;border-color:rgba(255,255,255,.7)!important}
.pk-cinema-copy:before{opacity:.94!important}
.pk-cinema-copy h2{letter-spacing:-.042em!important}
.pk-cinema-progress i{transition:width .08s linear!important}

@media(prefers-reduced-motion:reduce){
  .pk-cinema-copy.is-entering *{animation:none!important}
  .pk-cinema-film{transform:none!important}
}

/* ======================================================================
   V266 MOBILE COMPOSITION + DARK NAVY HEADER
   Fixes the large lower dead zone shown on iPhone and restores the original
   SeafoodMeNow dark-blue navigation treatment while the cinematic is active.
   ====================================================================== */

/* Never wash the navigation to grey while the cinematic is active. */
body.pk-cinema-active .site-header,
body.pk-cinema-active .site-header.scrolled{
  background:linear-gradient(180deg,rgba(2,24,42,.985),rgba(2,18,32,.965))!important;
  border-bottom:1px solid rgba(161,215,248,.14)!important;
  box-shadow:0 10px 30px rgba(0,18,32,.16)!important;
  backdrop-filter:blur(17px) saturate(1.10)!important;
  -webkit-backdrop-filter:blur(17px) saturate(1.10)!important;
}
body.pk-cinema-active .site-header .desktop-nav,
body.pk-cinema-active .site-header .desktop-nav a,
body.pk-cinema-active .site-header .search-toggle,
body.pk-cinema-active .site-header .cart-button,
body.pk-cinema-active .site-header .menu-toggle{
  color:#fff!important;
}

/* Mobile: shorten the scroll journey without sacrificing any of the 698
   available source frames. The canvas engine simply maps them across a more
   purposeful distance. */
@media(max-width:1180px) and (orientation:portrait){
  .pk-cinema{height:195vh!important;height:195svh!important}

  /* Keep the cinematic stage visually continuous and remove the 'empty sheet'
     appearance below the main copy. */
  .pk-cinema-stage{
    background:
      radial-gradient(ellipse at 80% 72%,rgba(77,171,220,.16),transparent 34%),
      radial-gradient(ellipse at 18% 82%,rgba(255,255,255,.58),transparent 32%),
      linear-gradient(180deg,#b9d9e9 0%,#c8e3ef 53%,#b9d8e7 100%)!important;
  }
  .pk-cinema-stage:before{
    opacity:.78!important;
    background:
      radial-gradient(circle at 18% 20%,rgba(255,255,255,.62),transparent 22%),
      radial-gradient(circle at 82% 26%,rgba(117,207,249,.28),transparent 24%),
      linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,0) 55%)!important;
  }

  /* The original markup already contains these four proof points. Use them
     as a restrained lower rail instead of leaving several hundred pixels blank. */
  .pk-cinema-benefits{
    position:absolute!important;
    z-index:8!important;
    left:14px!important;
    right:14px!important;
    bottom:48px!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:7px!important;
    pointer-events:none!important;
  }
  .pk-cinema-benefits article{
    min-width:0!important;
    min-height:58px!important;
    padding:9px 11px!important;
    border:1px solid rgba(255,255,255,.62)!important;
    border-radius:14px!important;
    background:linear-gradient(145deg,rgba(255,255,255,.54),rgba(237,248,253,.31))!important;
    box-shadow:0 8px 22px rgba(20,77,108,.07)!important;
    backdrop-filter:blur(11px)!important;
    -webkit-backdrop-filter:blur(11px)!important;
    color:#173f57!important;
  }
  .pk-cinema-benefits article b{
    display:block!important;
    margin:0 0 3px!important;
    font-size:.52rem!important;
    line-height:1.15!important;
    letter-spacing:.10em!important;
    text-transform:uppercase!important;
    color:#0b5e91!important;
  }
  .pk-cinema-benefits article span{
    display:block!important;
    font-size:.56rem!important;
    line-height:1.25!important;
    color:#315a70!important;
  }

  /* Keep the value rail and progress grouped together near the lower edge. */
  .pk-cinema-bottom{bottom:14px!important}
  .pk-cinema-copy,.pk-cinema[data-layout] .pk-cinema-copy{
    padding-bottom:14px!important;
  }
}

@media(max-width:560px) and (orientation:portrait){
  .pk-cinema{height:185vh!important;height:185svh!important}
  .pk-cinema-copy,.pk-cinema[data-layout] .pk-cinema-copy{padding-bottom:10px!important}
  .pk-cinema-benefits{left:12px!important;right:12px!important;bottom:46px!important;gap:6px!important}
  .pk-cinema-benefits article{min-height:54px!important;padding:8px 9px!important;border-radius:13px!important}
  .pk-cinema-benefits article b{font-size:.49rem!important}
  .pk-cinema-benefits article span{font-size:.53rem!important}
}

/* Very short phone windows need the same tight composition without crowding
   the buttons. Use a single two-card row rather than bringing back blank space. */
@media(max-width:560px) and (max-height:690px) and (orientation:portrait){
  .pk-cinema{height:178vh!important;height:178svh!important}
  .pk-cinema-benefits{grid-template-columns:1fr 1fr!important;bottom:43px!important}
  .pk-cinema-benefits article:nth-child(n+3){display:none!important}
  .pk-cinema-benefits article{min-height:48px!important}
}

@media(max-width:1180px) and (orientation:landscape){
  .pk-cinema{height:190vh!important;height:190svh!important}
}

/* Desktop menu stays deep navy rather than the former grey glass state. */
@media(min-width:1000px){
  body.pk-cinema-active .site-header,
  body.pk-cinema-active .site-header.scrolled{
    background:linear-gradient(180deg,#031d31,#021522)!important;
    border-bottom:1px solid rgba(120,188,231,.16)!important;
    box-shadow:0 12px 34px rgba(0,14,26,.22)!important;
  }
}


/* ======================================================================
   V268 CRISP SCROLL / NO STRETCH
   Keep the cinematic scroll, but remove blur from transform scaling,
   cross-softening, and oversized desktop presentation.
   ====================================================================== */

/* Desktop/tablet wide screens: stop stretching the cinematic beyond a
   tasteful presentation width. Keep it centered and sharp. */
@media(min-width:1181px){
  .pk-cinema-film{
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .pk-cinema-poster,
  .pk-cinema-video,
  .pk-cinema-canvas{
    left:50%!important;
    top:50%!important;
    right:auto!important;
    bottom:auto!important;
    width:min(100%,1280px)!important;
    max-width:min(100%,1280px)!important;
    aspect-ratio:960/539;
    transform:translate(-50%,-50%) translateZ(0)!important;
  }
  .pk-cinema-poster,
  .pk-cinema-video{
    height:auto!important;
    max-height:calc(100% - 8px)!important;
  }
  .pk-cinema-canvas{
    height:auto!important;
    max-height:calc(100% - 8px)!important;
    filter:contrast(1.02) saturate(1.02)!important;
  }
}

/* Remove CSS zooming of the frame layer; preserve native clarity. */
.pk-cinema-canvas{
  transform:none!important;
  transition:opacity .14s linear!important;
}

/* Keep the poster and video aligned cleanly with no extra stretch. */
.pk-cinema-poster{
  background-size:contain!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}

/* Wide-screen desktops were previously using a cover-like treatment inside
   the draw path. The JS now always contains the frame without crop/stretch. */

body.pk-cinema-active .site-header,
body.pk-cinema-active .site-header.scrolled{
  background:linear-gradient(180deg,rgba(2,24,42,.985),rgba(2,18,32,.965))!important;
}


/* ======================================================================
   V270 SINGLE-LAYER CINEMATIC FIX
   Fixes the desktop double-render/offset bug seen in the supplied screenshot.
   One renderer owns the stage at a time: poster while loading, canvas after
   first frame, or video during Watch Story.
   ====================================================================== */

/* Undo the old V268 desktop centering box. The canvas now owns the full film
   stage; the JS preserves aspect ratio and uses proportional crop on desktop. */
.pk-cinema-film{
  display:block!important;
}
.pk-cinema-canvas{
  position:absolute!important;
  inset:0!important;
  left:0!important;
  top:0!important;
  right:0!important;
  bottom:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  transform:none!important;
  filter:contrast(1.02) saturate(1.02)!important;
  opacity:1;
}

/* Poster is only a loading fallback. It must never remain as a faded second
   image behind the live scroll canvas. */
.pk-cinema-poster{
  position:absolute!important;
  inset:0!important;
  left:0!important;
  top:0!important;
  right:0!important;
  bottom:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  transform:none!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  opacity:1!important;
  visibility:visible!important;
  transition:opacity .18s ease,visibility 0s linear .18s!important;
}
.pk-cinema.canvas-ready .pk-cinema-poster{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

/* Watch Story also uses the same full stage footprint, so switching modes can
   never create an inset second rectangle. */
.pk-cinema-video{
  position:absolute!important;
  inset:0!important;
  left:0!important;
  top:0!important;
  right:0!important;
  bottom:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  transform:none!important;
  object-fit:cover!important;
  object-position:center center!important;
}

/* Mobile/tablet media boxes are already 16:9. Keep the entire frame visible. */
@media(max-width:1180px){
  .pk-cinema-video{object-fit:contain!important}
  .pk-cinema-poster{background-size:contain!important;background-color:#b8d6e5!important}
}


/* ======================================================================
   V271 ANTI-JAM / FAST-LOAD / NO-STRETCH ASSERTIONS
   ====================================================================== */
.pk-cinema-canvas{
  transform:none!important;
  image-rendering:auto!important;
}
/* The JS renderer always preserves the 16:9 source ratio. Desktop may crop
   equal edge overflow (cover) but never changes X/Y scale independently. */
.pk-cinema-film,.pk-cinema-canvas{
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}


/* ======================================================================
   V272 DEEP-FIX: sharper non-stretched rendering + stronger readable copy
   ====================================================================== */
.pk-cinema-copy{isolation:isolate;width:min(520px,38vw)!important;z-index:10!important}
.pk-cinema-copy:before{content:"";position:absolute;left:-22px!important;right:-22px!important;top:-24px!important;bottom:-18px!important;border-radius:40px!important;background:radial-gradient(ellipse at 35% 46%,rgba(255,255,255,.9),rgba(255,255,255,.66) 34%,rgba(255,255,255,.30) 58%,rgba(255,255,255,0) 80%)!important;filter:blur(22px)!important;opacity:.99!important;pointer-events:none!important}
.pk-cinema-eyebrow{font-size:.68rem!important;letter-spacing:.16em!important;text-shadow:0 0 2px #fff,0 0 10px rgba(255,255,255,.95),0 0 22px rgba(255,255,255,.82)!important}
.pk-cinema-copy h2{font-size:clamp(2.5rem,4.5vw,4.6rem)!important;line-height:.98!important;letter-spacing:-.045em!important;text-shadow:0 0 2px #fff,0 0 9px rgba(255,255,255,1),0 0 19px rgba(255,255,255,1),0 0 36px rgba(255,255,255,.98),0 0 58px rgba(255,255,255,.92)!important}
.pk-cinema-copy h2 em{text-shadow:0 0 2px #fff,0 0 10px rgba(255,255,255,1),0 0 21px rgba(255,255,255,1),0 0 40px rgba(255,255,255,.98),0 0 62px rgba(255,255,255,.9)!important}
.pk-cinema-copy p{font-size:clamp(1rem,1.18vw,1.12rem)!important;line-height:1.5!important;color:#163d57!important;text-shadow:0 0 2px #fff,0 0 8px rgba(255,255,255,1),0 0 18px rgba(255,255,255,1),0 0 34px rgba(255,255,255,.96)!important}
.pk-cinema-chips span{font-size:.72rem!important;text-shadow:0 0 2px #fff,0 0 8px rgba(255,255,255,1),0 0 18px rgba(255,255,255,1),0 0 34px rgba(255,255,255,.96)!important}
.pk-cinema-hero-actions a,.pk-cinema-hero-actions button{font-size:.76rem!important;min-height:50px!important;padding:0 20px!important}
.pk-cinema-count,.pk-cinema-note{font-size:.72rem!important}.pk-cinema-scrollcue{font-size:.62rem!important}

/* The renderer preserves aspect ratio at every breakpoint; no independent X/Y stretch. */
.pk-cinema-film,.pk-cinema-canvas,.pk-cinema-video,.pk-cinema-poster{backface-visibility:hidden;-webkit-backface-visibility:hidden}

@media(max-width:1180px){
  .pk-cinema-copy,.pk-cinema[data-layout] .pk-cinema-copy{padding:18px 18px 62px!important}
  .pk-cinema-copy:before{left:-18px!important;right:-18px!important;top:-20px!important;bottom:10px!important;filter:blur(20px)!important}
  .pk-cinema-copy h2,.pk-cinema[data-layout] .pk-cinema-copy h2{font-size:clamp(2.02rem,5.9vw,3.25rem)!important;max-width:16ch!important}
  .pk-cinema-copy p,.pk-cinema[data-layout] .pk-cinema-copy p{font-size:clamp(.92rem,2vw,1rem)!important;line-height:1.44!important;display:block!important}
  .pk-cinema-eyebrow{font-size:.6rem!important}.pk-cinema-chips{display:flex!important}.pk-cinema-chips span{font-size:.62rem!important}
  .pk-cinema-hero-actions a,.pk-cinema-hero-actions button{font-size:.72rem!important;min-height:48px!important}
}

@media(max-width:767px){
  .pk-cinema-copy,.pk-cinema[data-layout] .pk-cinema-copy{padding:14px 14px 58px!important;width:auto!important;max-width:none!important}
  .pk-cinema-copy:before{left:-14px!important;right:-14px!important;top:-16px!important;bottom:8px!important;filter:blur(18px)!important}
  .pk-cinema-copy h2,.pk-cinema[data-layout] .pk-cinema-copy h2{font-size:clamp(1.92rem,8vw,2.56rem)!important;max-width:14ch!important}
  .pk-cinema-copy p,.pk-cinema[data-layout] .pk-cinema-copy p{font-size:.84rem!important;line-height:1.4!important;max-width:50ch!important;display:block!important}
  .pk-cinema-eyebrow{font-size:.56rem!important;margin-bottom:6px!important}
  .pk-cinema-chips{display:flex!important}.pk-cinema-chips span{font-size:.58rem!important}
  .pk-cinema-hero-actions a,.pk-cinema-hero-actions button{font-size:.69rem!important;min-height:46px!important}
  .pk-cinema-count{font-size:.68rem!important}
}


/* ======================================================================
   V273 TEXT CONTRAST FIX
   The white readability halo lives behind the copy, never on the glyphs.
   ====================================================================== */
.pk-cinema-copy{
  isolation:isolate!important;
  color:#082a43!important;
}
.pk-cinema-copy:before{
  z-index:-1!important;
  opacity:1!important;
  background:
    radial-gradient(ellipse at 32% 46%,
      rgba(255,255,255,.94) 0%,
      rgba(255,255,255,.78) 27%,
      rgba(255,255,255,.46) 49%,
      rgba(255,255,255,.18) 65%,
      rgba(255,255,255,0) 82%)!important;
  filter:blur(24px)!important;
}
.pk-cinema-copy > *{
  position:relative;
  z-index:1;
}
.pk-cinema-eyebrow{
  color:#0a3550!important;
  text-shadow:none!important;
}
.pk-cinema-copy h2{
  color:#082b45!important;
  text-shadow:none!important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.pk-cinema-copy h2 em{
  color:#087fdf!important;
  text-shadow:none!important;
}
.pk-cinema-copy p{
  color:#183f56!important;
  text-shadow:none!important;
  font-weight:500!important;
}
.pk-cinema-chips span{
  color:#123d56!important;
  text-shadow:none!important;
  font-weight:900!important;
}
.pk-cinema-compare div,
.pk-cinema-compare > i,
.pk-cinema-compare small,
.pk-cinema-compare b{
  text-shadow:none!important;
}
.pk-cinema-compare div{color:#103b55!important}
.pk-cinema-compare > i{color:#173f56!important}
.pk-cinema-compare small{color:#31566c!important}

@media(max-width:1180px){
  .pk-cinema-copy:before{
    left:-20px!important;
    right:-20px!important;
    top:-18px!important;
    bottom:4px!important;
    filter:blur(22px)!important;
  }
  .pk-cinema-copy h2{color:#072a43!important;text-shadow:none!important}
  .pk-cinema-copy h2 em{color:#087fdf!important;text-shadow:none!important}
  .pk-cinema-copy p{color:#173e56!important;text-shadow:none!important}
  .pk-cinema-eyebrow,.pk-cinema-chips span{text-shadow:none!important}
}
@media(max-width:767px){
  .pk-cinema-copy:before{
    left:-16px!important;
    right:-16px!important;
    top:-14px!important;
    bottom:5px!important;
    filter:blur(19px)!important;
    background:
      radial-gradient(ellipse at 32% 46%,
        rgba(255,255,255,.92) 0%,
        rgba(255,255,255,.72) 30%,
        rgba(255,255,255,.40) 52%,
        rgba(255,255,255,.14) 68%,
        rgba(255,255,255,0) 84%)!important;
  }
  .pk-cinema-copy p{font-weight:520!important}
}


/* ======================================================================
   V274 MOBILE RESET — CLEAN DARK-NAVY CINEMATIC
   Keeps the cinematic renderer/frames intact while making the touch layout
   deliberate, compact, and visually consistent with the SeafoodMeNow header.
   ====================================================================== */
@media(max-width:1180px){
  .pk-cinema,
  .pk-cinema-stage{
    background:#02182a!important;
  }
  .pk-cinema-stage:before{
    opacity:1!important;
    background:
      radial-gradient(circle at 18% 14%,rgba(23,136,232,.10),transparent 26%),
      radial-gradient(circle at 84% 66%,rgba(41,155,220,.08),transparent 30%),
      linear-gradient(180deg,#02182a 0%,#031d31 58%,#021522 100%)!important;
    filter:none!important;
  }
  .pk-cinema-film{
    background:#02182a!important;
    box-shadow:none!important;
    border:0!important;
  }
  .pk-cinema-poster{
    background-color:#02182a!important;
  }

  /* Proof cards duplicated information already in the story and caused the
     cramped/overlapping mobile layout. Keep the actual cinematic untouched. */
  .pk-cinema-benefits{display:none!important}

  /* Chapter dots were sitting across the eyebrow on phones/tablets. The
     numbered progress rail remains available at the bottom. */
  .pk-cinema-side{display:none!important}

  .pk-cinema-copy,
  .pk-cinema[data-layout] .pk-cinema-copy{
    color:#fff!important;
    background:transparent!important;
    width:auto!important;
    max-width:none!important;
    margin:0!important;
    padding:16px 18px 54px!important;
    align-self:start!important;
    text-align:left!important;
  }
  .pk-cinema-copy:before{
    z-index:-1!important;
    left:-4px!important;
    right:-4px!important;
    top:-8px!important;
    bottom:0!important;
    border-radius:30px!important;
    background:
      radial-gradient(ellipse at 28% 38%,rgba(255,255,255,.10),rgba(255,255,255,.035) 48%,rgba(255,255,255,0) 75%)!important;
    filter:blur(16px)!important;
    opacity:1!important;
  }
  .pk-cinema-eyebrow{
    color:#c9e5f5!important;
    font-size:.61rem!important;
    letter-spacing:.15em!important;
    margin-bottom:7px!important;
    text-shadow:none!important;
  }
  .pk-cinema-eyebrow:before{
    background:#20a7f0!important;
    box-shadow:none!important;
  }
  .pk-cinema-copy h2,
  .pk-cinema[data-layout] .pk-cinema-copy h2{
    color:#f8fbfd!important;
    font-size:clamp(2rem,6vw,3.15rem)!important;
    line-height:.98!important;
    max-width:15ch!important;
    margin:0!important;
    text-align:left!important;
    text-shadow:none!important;
  }
  .pk-cinema-copy h2 em{
    color:#249df0!important;
    text-shadow:none!important;
  }
  .pk-cinema-copy p,
  .pk-cinema[data-layout] .pk-cinema-copy p{
    color:#d5e7f2!important;
    font-size:clamp(.86rem,1.9vw,.98rem)!important;
    line-height:1.42!important;
    max-width:54ch!important;
    margin-top:10px!important;
    font-weight:520!important;
    text-shadow:none!important;
  }
  .pk-cinema-chips{
    display:flex!important;
    justify-content:flex-start!important;
    margin-top:10px!important;
    gap:7px!important;
  }
  .pk-cinema-chips span{
    color:#bcd9e9!important;
    font-size:.6rem!important;
    letter-spacing:.075em!important;
    text-shadow:none!important;
  }
  .pk-cinema-chips span+span:before{color:#3aaaf0!important}
  .pk-cinema-hero-actions{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:10px!important;
    width:100%!important;
    max-width:430px!important;
    margin-top:13px!important;
  }
  .pk-cinema-hero-actions a,
  .pk-cinema-hero-actions button{
    min-width:0!important;
    min-height:48px!important;
    height:48px!important;
    padding:0 12px!important;
    font-size:.69rem!important;
    letter-spacing:.10em!important;
    white-space:nowrap!important;
  }
  .pk-cinema-watch b{white-space:nowrap!important}
  .pk-cinema-watch .play-ring{flex:0 0 27px!important}
  .pk-cinema-bottom{
    left:18px!important;
    right:18px!important;
    bottom:10px!important;
    grid-template-columns:auto minmax(0,1fr)!important;
    gap:10px!important;
  }
  .pk-cinema-count{color:#fff!important;font-size:.69rem!important;text-shadow:0 1px 5px rgba(0,0,0,.45)!important}
  .pk-cinema-progress{background:rgba(255,255,255,.30)!important}
  .pk-cinema-note{display:none!important}
  .pk-cinema-scrollcue{display:none!important}
}

@media(max-width:767px) and (orientation:portrait){
  .pk-cinema{height:178vh!important;height:178svh!important}
  .pk-cinema-stage{
    display:grid!important;
    grid-template-rows:auto minmax(0,1fr)!important;
    align-content:stretch!important;
    overflow:hidden!important;
  }
  .pk-cinema-film{
    position:relative!important;
    inset:auto!important;
    grid-row:1!important;
    width:100%!important;
    height:auto!important;
    aspect-ratio:16/9!important;
    max-height:none!important;
  }
  .pk-cinema-copy,
  .pk-cinema[data-layout] .pk-cinema-copy{
    grid-row:2!important;
    padding:14px 18px 48px!important;
    margin:0!important;
  }
  .pk-cinema-copy h2,
  .pk-cinema[data-layout] .pk-cinema-copy h2{
    font-size:clamp(1.9rem,7.5vw,2.5rem)!important;
    max-width:14ch!important;
  }
  .pk-cinema-copy p,
  .pk-cinema[data-layout] .pk-cinema-copy p{
    font-size:.84rem!important;
    line-height:1.38!important;
  }
  .pk-cinema-top{
    left:12px!important;
    right:12px!important;
    top:12px!important;
  }
  .pk-cinema-brand{
    max-width:100%!important;
    padding:9px 12px!important;
    background:rgba(235,247,253,.88)!important;
  }
  .pk-cinema-brand span{
    font-size:.57rem!important;
    letter-spacing:.11em!important;
    white-space:normal!important;
  }
}

@media(max-width:430px) and (orientation:portrait){
  .pk-cinema{height:172vh!important;height:172svh!important}
  .pk-cinema-copy,
  .pk-cinema[data-layout] .pk-cinema-copy{padding:12px 15px 45px!important}
  .pk-cinema-copy h2,
  .pk-cinema[data-layout] .pk-cinema-copy h2{font-size:clamp(1.78rem,8vw,2.28rem)!important}
  .pk-cinema-copy p,
  .pk-cinema[data-layout] .pk-cinema-copy p{font-size:.81rem!important}
  .pk-cinema-hero-actions{gap:8px!important}
  .pk-cinema-hero-actions a,
  .pk-cinema-hero-actions button{font-size:.65rem!important;padding:0 9px!important;letter-spacing:.08em!important}
}

@media(max-width:1180px) and (orientation:landscape){
  .pk-cinema{height:178vh!important;height:178svh!important}
  .pk-cinema-copy,
  .pk-cinema[data-layout] .pk-cinema-copy{color:#fff!important}
  .pk-cinema-copy h2,
  .pk-cinema[data-layout] .pk-cinema-copy h2{color:#fff!important}
  .pk-cinema-copy p,
  .pk-cinema[data-layout] .pk-cinema-copy p{color:#d5e7f2!important}
}

/* ======================================================================
   V277 NATIVE 1080P / ORIGINAL 16:9 COMPOSITION
   ====================================================================== */
.pk-cinema-stage{background:#031c30!important}
.pk-cinema-film{
  background:#031c30!important;
  transform:none!important;
}
.pk-cinema-canvas{display:none!important}
.pk-cinema-scroll-video{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  z-index:3!important;
  opacity:0;
  visibility:visible!important;
  pointer-events:none!important;
  background:#031c30!important;
  transition:opacity .12s linear!important;
}
.pk-cinema.scroll-media-ready .pk-cinema-scroll-video{opacity:1!important}
.pk-cinema.scroll-media-ready .pk-cinema-poster{opacity:0!important;visibility:hidden!important}
.pk-cinema.film-playing .pk-cinema-scroll-video{opacity:0!important}
.pk-cinema.film-playing .pk-cinema-video{opacity:1!important;visibility:visible!important}
.pk-cinema-video{object-fit:contain!important;object-position:center center!important;background:#031c30!important}

/* Desktop stage keeps the browser viewport sticky, while the actual film box
   is sized in JS to the largest exact 16:9 rectangle that fits. */
@media(min-width:1181px){
  .pk-cinema-stage{
    height:calc(100vh - var(--pc-header-h))!important;
    height:calc(100dvh - var(--pc-header-h))!important;
    min-height:560px!important;
    position:sticky!important;
    top:var(--pc-header-h)!important;
  }
  .pk-cinema-film{
    position:absolute!important;
    width:var(--pc-native-w)!important;
    height:var(--pc-native-h)!important;
    aspect-ratio:16/9!important;
    left:50%!important;
    top:50%!important;
    right:auto!important;
    bottom:auto!important;
    transform:translate(-50%,-50%)!important;
    overflow:hidden!important;
  }
  .pk-cinema-poster{
    background-size:contain!important;
    background-position:center center!important;
    transform:none!important;
  }
  .pk-cinema-copy[data-native-copy],
  .pk-cinema-copy{
    max-width:min(500px,34vw)!important;
  }
  .pk-cinema[data-layout="left-middle"] .pk-cinema-copy{
    left:calc(var(--pc-native-left) + clamp(38px,4vw,72px))!important;
    top:24%!important;
  }
  .pk-cinema[data-layout="left-mid-compact"] .pk-cinema-copy,
  .pk-cinema[data-scene="2"] .pk-cinema-copy,
  .pk-cinema[data-scene="4"] .pk-cinema-copy{
    left:calc(var(--pc-native-left) + clamp(30px,3vw,56px))!important;
  }
}

/* Portrait/mobile keeps the exact source composition as a native 16:9 media
   panel above the copy. No cover crop and no independent width/height scaling. */
@media(max-width:1180px) and (orientation:portrait){
  .pk-cinema-stage{background:#031c30!important}
  .pk-cinema-film{
    width:100%!important;
    height:auto!important;
    aspect-ratio:16/9!important;
    max-height:none!important;
    background:#031c30!important;
  }
  .pk-cinema-poster,.pk-cinema-scroll-video,.pk-cinema-video{
    object-fit:contain!important;
    background:#031c30!important;
  }
}
@media(max-width:1180px) and (orientation:landscape){
  .pk-cinema-film{
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
    width:min(100%,calc(100dvh * 1.7777778))!important;
    height:auto!important;
    aspect-ratio:16/9!important;
  }
}

/* ======================================================================
   V284 REFERENCE-TEXT THEME + NATIVE SHELL TUNING
   ====================================================================== */
:root{
  --pc-ink:#0d2f56;
  --pc-blue:#2d86eb;
  --pc-blue-2:#176bd3;
}
.pk-cinema{
  height:344vh!important;
  height:344svh!important;
  --pc-frame-scale:1!important;
}
@media(max-width:1180px) and (orientation:portrait){
  .pk-cinema{height:324vh!important;height:324svh!important}
}
@media(max-width:1180px) and (orientation:landscape){
  .pk-cinema{height:332vh!important;height:332svh!important}
}
.pk-cinema-film,
.pk-cinema-scroll-video,
.pk-cinema-video,
.pk-cinema-poster,
.pk-cinema-canvas{
  border-radius:0!important;
}
.pk-cinema-poster{transform:none!important;background-size:contain!important;background-position:center center!important}

/* Bring the cinematic copy into the same typography system as the approved
   reference: bold condensed navy headline, blue handwritten accent, clean DM
   Sans body copy, and the same bright seafood-blue emphasis colour. */
.pk-cinema-copy,
.pk-cinema[data-layout] .pk-cinema-copy{
  color:#123a60!important;
  width:min(540px,38vw)!important;
}
.pk-cinema-copy:before{
  left:-20px!important;
  right:-20px!important;
  top:-20px!important;
  bottom:-16px!important;
  border-radius:38px!important;
  background:radial-gradient(ellipse at 34% 44%,rgba(255,255,255,.96),rgba(255,255,255,.78) 34%,rgba(255,255,255,.40) 57%,rgba(255,255,255,.08) 70%,rgba(255,255,255,0) 82%)!important;
  filter:blur(20px)!important;
  opacity:.98!important;
}
.pk-cinema-eyebrow,
.pk-cinema-brand span,
.pk-cinema-chips span,
.pk-cinema-bottom,
.pk-cinema-compare small{
  font-family:'DM Sans',Arial,sans-serif!important;
}
.pk-cinema-eyebrow{
  margin-bottom:12px!important;
  font-size:.74rem!important;
  line-height:1.1!important;
  font-weight:800!important;
  letter-spacing:.23em!important;
  color:#2f7fe0!important;
  text-transform:uppercase!important;
  text-shadow:none!important;
}
.pk-cinema-eyebrow:before{background:#2f7fe0!important;box-shadow:none!important}
.pk-cinema-copy h2,
.pk-cinema[data-layout] .pk-cinema-copy h2{
  margin:0!important;
  max-width:11.7ch!important;
  font-family:'Oswald','Arial Narrow',sans-serif!important;
  font-size:clamp(2.8rem,5vw,5rem)!important;
  line-height:.88!important;
  letter-spacing:.01em!important;
  text-transform:uppercase!important;
  font-weight:700!important;
  color:#0b2b60!important;
  text-shadow:none!important;
}
.pk-cinema-copy h2 em,
.pk-cinema[data-layout] .pk-cinema-copy h2 em{
  display:block!important;
  margin-top:10px!important;
  font-family:'Caveat',cursive!important;
  font-size:.95em!important;
  line-height:.9!important;
  font-style:normal!important;
  font-weight:700!important;
  text-transform:none!important;
  letter-spacing:-.02em!important;
  color:#2f89ee!important;
  background:linear-gradient(180deg,#5dbbff,#2576dd)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  text-shadow:none!important;
}
.pk-cinema-copy p,
.pk-cinema[data-layout] .pk-cinema-copy p{
  margin-top:14px!important;
  max-width:53ch!important;
  font-family:'DM Sans',Arial,sans-serif!important;
  font-size:clamp(.97rem,1.18vw,1.1rem)!important;
  line-height:1.62!important;
  font-weight:600!important;
  color:#173c5d!important;
  text-shadow:none!important;
}
.pk-cinema-chips{margin-top:12px!important;gap:10px!important}
.pk-cinema-chips span{
  font-size:.68rem!important;
  line-height:1.2!important;
  font-weight:800!important;
  letter-spacing:.12em!important;
  color:#2d78ba!important;
  text-transform:uppercase!important;
  text-shadow:none!important;
}
.pk-cinema-chips span+span:before{color:#2d78ba!important}
.pk-cinema-compare{margin-top:14px!important}
.pk-cinema-compare div,
.pk-cinema-compare>i{font-family:'DM Sans',Arial,sans-serif!important;text-shadow:none!important}
.pk-cinema-compare small{font-size:.58rem!important;letter-spacing:.16em!important;color:#2c78b5!important}
.pk-cinema-compare b{font-family:'Oswald','Arial Narrow',sans-serif!important;font-size:1.1rem!important;letter-spacing:.01em!important;color:#0b2b60!important}
.pk-cinema-compare .long b{color:#b45c2c!important}.pk-cinema-compare .day b{color:#08775f!important}
.pk-cinema-compare>i{color:#2d78ba!important;font-weight:900!important}

.pk-cinema-brand{
  background:rgba(255,255,255,.42)!important;
  border:1px solid rgba(120,183,226,.65)!important;
  box-shadow:0 10px 26px rgba(11,43,96,.10)!important;
}
.pk-cinema-brand i{background:#2f89ee!important;box-shadow:0 0 10px rgba(47,137,238,.35)!important}
.pk-cinema-brand span{
  font-size:.64rem!important;
  font-weight:800!important;
  letter-spacing:.15em!important;
  color:#1d5d95!important;
  text-shadow:none!important;
}

.pk-cinema-hero-actions{gap:14px!important;margin-top:20px!important}
.pk-cinema-hero-actions a,
.pk-cinema-hero-actions button{
  min-height:58px!important;
  padding:0 22px!important;
  border-radius:16px!important;
  font-family:'DM Sans',Arial,sans-serif!important;
  font-size:.8rem!important;
  font-weight:800!important;
  letter-spacing:.07em!important;
}
.pk-cinema-order{
  background:linear-gradient(135deg,#2f93ff,#1766d6)!important;
  border:1px solid #3497ff!important;
  box-shadow:0 16px 34px rgba(23,102,214,.28)!important;
}
.pk-cinema-watch{
  background:rgba(255,255,255,.95)!important;
  border:1px solid rgba(164,203,231,.95)!important;
  color:#103255!important;
  box-shadow:0 12px 28px rgba(14,45,84,.12)!important;
}
.pk-cinema-watch .play-ring{border-color:#91badd!important;color:#176bd3!important}
.pk-cinema-count,.pk-cinema-note{
  font-family:'DM Sans',Arial,sans-serif!important;
  font-size:.66rem!important;
  font-weight:800!important;
  letter-spacing:.16em!important;
  color:#e7f5ff!important;
}
.pk-cinema-progress{background:rgba(255,255,255,.34)!important}
.pk-cinema-progress i{background:#2f89ee!important;box-shadow:0 0 10px rgba(47,137,238,.65)!important}

@media(min-width:1181px){
  .pk-cinema-stage{
    max-width:100vw!important;
    overflow:hidden!important;
  }
  .pk-cinema-film{
    box-shadow:0 24px 60px rgba(3,24,48,.14)!important;
  }
}

@media(max-width:1180px){
  .pk-cinema-copy,
  .pk-cinema[data-layout] .pk-cinema-copy{width:auto!important;max-width:none!important}
  .pk-cinema-copy h2,
  .pk-cinema[data-layout] .pk-cinema-copy h2{font-size:clamp(2.15rem,6.9vw,3.3rem)!important;max-width:13ch!important}
  .pk-cinema-copy p,
  .pk-cinema[data-layout] .pk-cinema-copy p{font-size:clamp(.88rem,2vw,.98rem)!important;line-height:1.5!important}
  .pk-cinema-eyebrow{font-size:.62rem!important;letter-spacing:.2em!important}
  .pk-cinema-hero-actions{margin-top:16px!important}
  .pk-cinema-hero-actions a,
  .pk-cinema-hero-actions button{min-height:50px!important;font-size:.72rem!important;padding:0 16px!important}
}
@media(max-width:720px){
  .pk-cinema-copy,
  .pk-cinema[data-layout] .pk-cinema-copy{padding:14px 14px 50px!important}
  .pk-cinema-copy:before{left:-14px!important;right:-14px!important;top:-14px!important;bottom:6px!important;filter:blur(16px)!important}
  .pk-cinema-copy h2,
  .pk-cinema[data-layout] .pk-cinema-copy h2{font-size:clamp(1.92rem,8vw,2.55rem)!important;max-width:13ch!important}
  .pk-cinema-copy p,
  .pk-cinema[data-layout] .pk-cinema-copy p{font-size:.84rem!important;line-height:1.42!important}
  .pk-cinema-eyebrow{font-size:.55rem!important;letter-spacing:.18em!important}
  .pk-cinema-brand span{font-size:.56rem!important}
}

/* ======================================================================
   V285 MOBILE BENEFIT RAIL — DESKTOP BAR, MOBILE COMPOSITION
   ====================================================================== */
@media(max-width:720px) and (orientation:portrait){
  .pk-cinema.entry-active .pk-cinema-benefits{
    opacity:0!important;
    transform:translateY(12px)!important;
    pointer-events:none!important;
  }
  .pk-cinema.entry-done .pk-cinema-benefits{
    opacity:1!important;
    transform:none!important;
  }
  .pk-cinema-benefits{
    display:grid!important;
    position:absolute!important;
    z-index:12!important;
    left:12px!important;
    right:12px!important;
    bottom:48px!important;
    grid-template-columns:1fr 1fr!important;
    gap:1px!important;
    overflow:hidden!important;
    border:1px solid rgba(91,158,203,.28)!important;
    border-radius:22px!important;
    background:linear-gradient(180deg,rgba(7,36,57,.96),rgba(4,27,45,.98))!important;
    box-shadow:0 18px 44px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.035)!important;
    backdrop-filter:blur(16px)!important;
    -webkit-backdrop-filter:blur(16px)!important;
    opacity:0!important;
    transform:translateY(12px)!important;
    transition:opacity .28s ease,transform .28s ease!important;
    pointer-events:none!important;
  }
  .pk-cinema-benefits article{
    min-width:0!important;
    min-height:74px!important;
    padding:11px 10px!important;
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr)!important;
    align-items:center!important;
    gap:9px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#fff!important;
    position:relative!important;
  }
  .pk-cinema-benefits article:nth-child(odd):after{
    content:""!important;
    position:absolute!important;
    right:0!important;
    top:12px!important;
    bottom:12px!important;
    width:1px!important;
    background:rgba(109,176,218,.18)!important;
  }
  .pk-cinema-benefits article:nth-child(-n+2):before{
    content:""!important;
    position:absolute!important;
    left:12px!important;
    right:12px!important;
    bottom:0!important;
    height:1px!important;
    background:rgba(109,176,218,.15)!important;
  }
  .pk-cinema-benefits article i{
    width:40px!important;
    height:40px!important;
    border-radius:50%!important;
    display:grid!important;
    place-items:center!important;
    color:#28a9f6!important;
    border:1px solid rgba(40,169,246,.45)!important;
    background:rgba(6,51,81,.46)!important;
    font-style:normal!important;
  }
  .pk-cinema-benefits article:nth-child(3) i{
    color:#6edf40!important;
    border-color:rgba(110,223,64,.42)!important;
  }
  .pk-cinema-benefits article svg{width:23px!important;height:23px!important;display:block!important}
  .pk-cinema-benefits article div{min-width:0!important}
  .pk-cinema-benefits article b{
    display:block!important;
    margin:0 0 3px!important;
    font-family:'DM Sans',Arial,sans-serif!important;
    font-size:.64rem!important;
    line-height:1.15!important;
    letter-spacing:.02em!important;
    color:#f7fbff!important;
    text-transform:uppercase!important;
  }
  .pk-cinema-benefits article span{
    display:block!important;
    font-family:'DM Sans',Arial,sans-serif!important;
    font-size:.58rem!important;
    line-height:1.28!important;
    color:#bfd1dd!important;
  }
  .pk-cinema-bottom{bottom:12px!important}
}

/* Very short phones use a single horizontally scrollable-look row without
   actually requiring interaction; two highest-value cards remain visible. */
@media(max-width:720px) and (max-height:690px) and (orientation:portrait){
  .pk-cinema-benefits{grid-template-columns:1fr 1fr!important;border-radius:18px!important;bottom:43px!important}
  .pk-cinema-benefits article:nth-child(n+3){display:none!important}
  .pk-cinema-benefits article{min-height:64px!important;grid-template-columns:36px minmax(0,1fr)!important;padding:9px!important}
  .pk-cinema-benefits article i{width:34px!important;height:34px!important}
  .pk-cinema-benefits article svg{width:20px!important;height:20px!important}
  .pk-cinema-benefits article:nth-child(-n+2):before{display:none!important}
  .pk-cinema-benefits article b{font-size:.59rem!important}
  .pk-cinema-benefits article span{font-size:.54rem!important}
}


/* V287 — Pakistan cinematic copy synchronized to the opening hero across desktop, tablet, and mobile */
.pk-cinema-copy,
.pk-cinema[data-layout] .pk-cinema-copy{
  isolation:isolate!important;
}
.pk-cinema-copy:before,
.pk-cinema[data-layout] .pk-cinema-copy:before{
  background:radial-gradient(ellipse at 32% 34%,rgba(255,255,255,.88) 0%,rgba(255,255,255,.62) 30%,rgba(255,255,255,.26) 57%,rgba(255,255,255,0) 80%)!important;
  filter:blur(20px)!important;
  opacity:1!important;
}
.pk-cinema-eyebrow{
  color:#2d77d5!important;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;
  font-weight:800!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
  font-size:clamp(.72rem,.9vw,.84rem)!important;
  margin:0 0 10px!important;
  text-shadow:0 1px 0 rgba(255,255,255,.55)!important;
}
.pk-cinema-copy h2,
.pk-cinema[data-layout] .pk-cinema-copy h2{
  color:#041d44!important;
  font-family:'Oswald','Arial Narrow',system-ui,sans-serif!important;
  font-weight:700!important;
  text-transform:uppercase!important;
  letter-spacing:-.035em!important;
  line-height:.88!important;
  font-size:clamp(2.35rem,4.6vw,5rem)!important;
  max-width:10.5ch!important;
  margin:0!important;
  text-shadow:0 1px 0 rgba(255,255,255,.45)!important;
}
.pk-cinema-copy h2 em,
.pk-cinema[data-layout] .pk-cinema-copy h2 em{
  display:block!important;
  margin-top:8px!important;
  font-family:'Caveat',cursive!important;
  font-style:normal!important;
  font-weight:700!important;
  text-transform:none!important;
  letter-spacing:-.025em!important;
  line-height:.94!important;
  font-size:.78em!important;
  color:#2a82e5!important;
  text-shadow:0 1px 1px rgba(255,255,255,.72)!important;
}
.pk-cinema-script{
  display:block!important;
  margin:12px 0 12px!important;
  font-family:'Caveat',cursive!important;
  font-size:clamp(1.75rem,3vw,2.7rem)!important;
  line-height:1!important;
  font-weight:700!important;
  color:#092752!important;
  text-shadow:0 1px 1px rgba(255,255,255,.72)!important;
}
.pk-cinema-copy p,
.pk-cinema[data-layout] .pk-cinema-copy p{
  color:#16365f!important;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;
  font-size:clamp(.92rem,1.12vw,1.04rem)!important;
  line-height:1.56!important;
  font-weight:650!important;
  max-width:37ch!important;
  text-shadow:0 1px 0 rgba(255,255,255,.45)!important;
}
.pk-cinema-chips{
  gap:10px!important;
  margin-top:14px!important;
}
.pk-cinema-chips span{
  border-radius:999px!important;
  padding:9px 14px!important;
  background:rgba(4,29,68,.86)!important;
  border:1px solid rgba(59,149,255,.24)!important;
  color:#eef6ff!important;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;
  font-weight:700!important;
  letter-spacing:.02em!important;
  box-shadow:0 10px 22px rgba(3,15,31,.18)!important;
}
.pk-cinema-compare{
  background:rgba(4,29,68,.88)!important;
  border:1px solid rgba(80,157,255,.18)!important;
  box-shadow:0 14px 34px rgba(4,16,34,.22)!important;
}
.pk-cinema-compare small{color:#b8d9ff!important;font-weight:700!important;letter-spacing:.08em!important;text-transform:uppercase!important}
.pk-cinema-compare b{color:#fff!important}
@media (max-width: 999px){
  .pk-cinema-copy,
  .pk-cinema[data-layout] .pk-cinema-copy{padding:16px 16px 54px!important}
  .pk-cinema-eyebrow{font-size:.7rem!important;letter-spacing:.16em!important}
  .pk-cinema-copy h2,
  .pk-cinema[data-layout] .pk-cinema-copy h2{font-size:clamp(2rem,6vw,3.4rem)!important;max-width:11ch!important}
  .pk-cinema-script{font-size:clamp(1.5rem,4.3vw,2.1rem)!important;margin:10px 0 10px!important}
  .pk-cinema-copy p,
  .pk-cinema[data-layout] .pk-cinema-copy p{font-size:clamp(.84rem,1.9vw,.96rem)!important;max-width:34ch!important}
}
@media (max-width: 720px){
  .pk-cinema-copy,
  .pk-cinema[data-layout] .pk-cinema-copy{padding:14px 14px 48px!important}
  .pk-cinema-copy h2,
  .pk-cinema[data-layout] .pk-cinema-copy h2{font-size:clamp(1.95rem,8.6vw,2.85rem)!important;max-width:11ch!important}
  .pk-cinema-copy h2 em,
  .pk-cinema[data-layout] .pk-cinema-copy h2 em{margin-top:6px!important}
  .pk-cinema-script{font-size:clamp(1.46rem,7.6vw,2.05rem)!important;margin:8px 0 10px!important}
  .pk-cinema-copy p,
  .pk-cinema[data-layout] .pk-cinema-copy p{font-size:.84rem!important;line-height:1.45!important;max-width:31ch!important}
}

/* ======================================================================
   V288 MOBILE COPY VISIBILITY / NO-GLOW FIX
   Pakistan mobile only. The cinematic frame remains unchanged.
   ====================================================================== */
@media (max-width:720px) and (orientation:portrait){
  /* Copy sits below the 16:9 film, so it does not need the desktop halo. */
  .pk-cinema-stage{
    background:#edf7fc!important;
    grid-template-rows:auto minmax(0,1fr)!important;
  }
  .pk-cinema-copy,
  .pk-cinema[data-layout] .pk-cinema-copy{
    position:relative!important;
    grid-row:2!important;
    z-index:18!important;
    min-height:0!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:13px 16px calc(54px + env(safe-area-inset-bottom,0px))!important;
    align-self:start!important;
    align-content:start!important;
    overflow:visible!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .pk-cinema-copy:before,
  .pk-cinema[data-layout] .pk-cinema-copy:before{
    content:none!important;
    display:none!important;
    background:none!important;
    filter:none!important;
    opacity:0!important;
  }
  .pk-cinema-eyebrow,
  .pk-cinema-copy h2,
  .pk-cinema-copy h2 em,
  .pk-cinema-script,
  .pk-cinema-copy p,
  .pk-cinema-chips span{
    text-shadow:none!important;
  }
  .pk-cinema-eyebrow{
    font-size:.56rem!important;
    margin-bottom:6px!important;
  }
  .pk-cinema-copy h2,
  .pk-cinema[data-layout] .pk-cinema-copy h2{
    font-size:clamp(1.82rem,8.2vw,2.5rem)!important;
    line-height:.89!important;
  }
  .pk-cinema-script{
    margin:7px 0 7px!important;
    font-size:clamp(1.34rem,6.8vw,1.86rem)!important;
    line-height:.96!important;
  }
  .pk-cinema-copy p,
  .pk-cinema[data-layout] .pk-cinema-copy p{
    margin-top:5px!important;
    font-size:.79rem!important;
    line-height:1.38!important;
    max-width:34ch!important;
  }
  .pk-cinema-chips{
    margin-top:8px!important;
    gap:6px!important;
  }
  .pk-cinema-chips span{
    padding:6px 9px!important;
    font-size:.52rem!important;
  }
  .pk-cinema-hero-actions{
    position:relative!important;
    z-index:22!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    width:100%!important;
    max-width:390px!important;
    gap:8px!important;
    margin-top:10px!important;
  }
  .pk-cinema-hero-actions a,
  .pk-cinema-hero-actions button{
    position:relative!important;
    z-index:23!important;
    min-width:0!important;
    width:100%!important;
    min-height:46px!important;
    height:46px!important;
    padding:0 9px!important;
    overflow:visible!important;
    opacity:1!important;
    visibility:visible!important;
  }
  .pk-cinema-watch b{
    display:block!important;
    opacity:1!important;
    visibility:visible!important;
    color:#103255!important;
    -webkit-text-fill-color:#103255!important;
  }

  /* The benefits rail is useful in the middle of the story, but it must never
     cover CTA scenes. Scene 0 and 5 contain Order / Watch Story controls. */
  .pk-cinema[data-scene="0"] .pk-cinema-benefits,
  .pk-cinema[data-scene="5"] .pk-cinema-benefits{
    display:none!important;
    opacity:0!important;
    visibility:hidden!important;
  }
  .pk-cinema:not([data-scene="0"]):not([data-scene="5"]).entry-done .pk-cinema-benefits{
    display:grid!important;
    opacity:1!important;
    visibility:visible!important;
  }
}

/* Compact phones: keep every CTA inside the visible phone viewport. */
@media (max-width:430px) and (max-height:760px) and (orientation:portrait){
  .pk-cinema-copy,
  .pk-cinema[data-layout] .pk-cinema-copy{
    padding:10px 13px calc(48px + env(safe-area-inset-bottom,0px))!important;
  }
  .pk-cinema-copy h2,
  .pk-cinema[data-layout] .pk-cinema-copy h2{font-size:clamp(1.62rem,7.7vw,2.12rem)!important}
  .pk-cinema-script{font-size:clamp(1.2rem,6.3vw,1.58rem)!important;margin:5px 0 5px!important}
  .pk-cinema-copy p,
  .pk-cinema[data-layout] .pk-cinema-copy p{font-size:.72rem!important;line-height:1.31!important}
  .pk-cinema-chips span{font-size:.48rem!important;padding:5px 7px!important}
  .pk-cinema-hero-actions{margin-top:7px!important;gap:7px!important}
  .pk-cinema-hero-actions a,
  .pk-cinema-hero-actions button{height:43px!important;min-height:43px!important;font-size:.62rem!important}
}


/* ======================================================================
   V290 PAKISTAN HERO/CINEMATIC COPY SYNC + MOBILE READABILITY
   ====================================================================== */
.pk-cinema[data-scene="0"] .pk-cinema-eyebrow:before{display:none!important;content:none!important}
.pk-cinema[data-scene="0"] .pk-cinema-eyebrow{gap:0!important;text-shadow:none!important}
@media (min-width:721px){
  .pk-cinema[data-scene="0"] .pk-cinema-copy{
    left:clamp(42px,4.4vw,68px)!important;right:auto!important;top:50%!important;bottom:auto!important;
    transform:translateY(-50%)!important;width:min(400px,29vw)!important;max-width:400px!important;text-align:left!important
  }
  .pk-cinema[data-scene="0"] .pk-cinema-copy:before{display:none!important;content:none!important}
  .pk-cinema[data-scene="0"] .pk-cinema-eyebrow{margin-bottom:15px!important;color:#3687ed!important;font-size:.78rem!important;letter-spacing:.16em!important}
  .pk-cinema[data-scene="0"] .pk-cinema-copy h2{
    max-width:none!important;margin:0!important;font-family:'Oswald','Arial Narrow',sans-serif!important;
    font-size:clamp(3.8rem,4.8vw,5.7rem)!important;line-height:.89!important;letter-spacing:-.03em!important;
    color:#05204a!important;text-transform:uppercase!important;text-shadow:none!important
  }
  .pk-cinema[data-scene="0"] .pk-cinema-copy h2 em{
    display:block!important;margin-top:7px!important;font-family:'Caveat',cursive!important;font-style:normal!important;
    font-size:clamp(3.1rem,4vw,4.75rem)!important;line-height:.94!important;letter-spacing:-.01em!important;
    text-transform:none!important;color:#3687ed!important;text-shadow:none!important
  }
  .pk-cinema[data-scene="0"] .pk-cinema-script{
    margin:16px 0 10px!important;font-size:clamp(1.9rem,2.25vw,2.55rem)!important;line-height:1.03!important;
    color:#082a58!important;text-shadow:none!important
  }
  .pk-cinema[data-scene="0"] #pkCinemaBody{
    margin:0!important;max-width:385px!important;color:#15365f!important;font-size:clamp(.92rem,.96vw,1rem)!important;
    line-height:1.55!important;font-weight:600!important;text-shadow:none!important
  }
  .pk-cinema[data-scene="0"] #pkCinemaPromise{
    margin-top:13px!important;max-width:385px!important;color:#3687ed!important;font-size:1rem!important;
    line-height:1.34!important;text-shadow:none!important
  }
  .pk-cinema[data-scene="0"] .pk-cinema-hero-actions{margin-top:18px!important;gap:16px!important}
}
@media (min-width:721px) and (max-width:1180px){
  .pk-cinema[data-scene="0"] .pk-cinema-chips{display:none!important}
  .pk-cinema[data-scene="0"] .pk-cinema-copy{width:min(400px,42vw)!important;max-width:min(400px,42vw)!important}
}
@media (max-width:720px){
  .pk-cinema[data-scene="0"] .pk-cinema-copy,
  .pk-cinema[data-layout] .pk-cinema-copy{
    width:calc(100% - 28px)!important;max-width:calc(100% - 28px)!important
  }
  .pk-cinema[data-scene="0"] .pk-cinema-copy:before{display:none!important;content:none!important}
  .pk-cinema[data-scene="0"] .pk-cinema-eyebrow{
    margin-bottom:10px!important;color:#a9d7ff!important;font-size:.58rem!important;letter-spacing:.17em!important
  }
  .pk-cinema[data-scene="0"] .pk-cinema-copy h2{
    max-width:8.6ch!important;margin:0!important;font-family:'Oswald','Arial Narrow',sans-serif!important;
    font-size:clamp(2.22rem,10.2vw,3.05rem)!important;line-height:.9!important;letter-spacing:-.03em!important;
    color:#ffffff!important;text-transform:uppercase!important;text-shadow:0 1px 2px rgba(0,0,0,.18)!important
  }
  .pk-cinema[data-scene="0"] .pk-cinema-copy h2 em{
    display:block!important;margin-top:4px!important;font-family:'Caveat',cursive!important;font-style:normal!important;
    font-size:clamp(2.28rem,10.5vw,3.08rem)!important;line-height:.9!important;letter-spacing:-.01em!important;
    text-transform:none!important;color:#7ec4ff!important;text-shadow:0 1px 2px rgba(0,0,0,.16)!important
  }
  .pk-cinema[data-scene="0"] .pk-cinema-script{
    margin:10px 0 7px!important;font-size:clamp(1.3rem,5.8vw,1.8rem)!important;line-height:1.02!important;
    color:#f7fbff!important;text-shadow:0 1px 2px rgba(0,0,0,.16)!important
  }
  .pk-cinema[data-scene="0"] #pkCinemaBody{
    margin:0!important;max-width:100%!important;color:#f6fbff!important;font-size:.74rem!important;line-height:1.38!important;
    font-weight:600!important;text-shadow:0 1px 2px rgba(0,0,0,.16)!important
  }
  .pk-cinema[data-scene="0"] #pkCinemaPromise{
    margin-top:10px!important;color:#9fd2ff!important;font-size:.66rem!important;line-height:1.24!important;
    text-shadow:0 1px 2px rgba(0,0,0,.16)!important
  }
  .pk-cinema[data-scene="0"] .pk-cinema-chips{display:none!important}
  .pk-cinema[data-scene="0"] .pk-cinema-hero-actions{
    margin-top:12px!important;display:grid!important;grid-template-columns:1fr 1fr!important;max-width:340px!important;width:100%!important;gap:8px!important
  }
}