/* SeafoodMeNow V370 — portrait-mobile cinematic handoff stability.
   The visual composition is the same as the prior post-handoff mobile layout,
   but it is activated by one lightweight class instead of the legacy
   `entry-done` selector web, which accumulated many conflicting generations of
   CSS and could stall the rendering thread during touch scroll. */
@media (max-width:720px) and (orientation:portrait){
  html body .pk-cinema.mobile-cinema-past .pk-cinema-stage{
    position:sticky!important;
    position:-webkit-sticky!important;
    top:var(--pc-header-h,76px)!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:56.25vw auto minmax(8px,1fr) auto 38px!important;
    align-content:stretch!important;
    height:calc(100svh - var(--pc-header-h,76px))!important;
    min-height:0!important;
    max-height:none!important;
    overflow:hidden!important;
    background:#02182a!important;
  }
  @supports(height:100dvh){
    html body .pk-cinema.mobile-cinema-past .pk-cinema-stage{
      height:calc(100dvh - var(--pc-header-h,76px))!important;
    }
  }
  html body .pk-cinema.mobile-cinema-past .pk-cinema-film{
    position:relative!important;
    inset:auto!important;
    grid-column:1!important;
    grid-row:1!important;
    width:100%!important;
    height:auto!important;
    min-height:56.25vw!important;
    max-height:56.25vw!important;
    aspect-ratio:16/9!important;
    margin:0!important;
    z-index:1!important;
    overflow:hidden!important;
    background:#031c30!important;
  }
  html body .pk-cinema.mobile-cinema-past #pkEntryHero{
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }
  html body .pk-cinema.mobile-cinema-past .pk-cinema-copy,
  html body .pk-cinema.mobile-cinema-past .pk-cinema[data-layout] .pk-cinema-copy{
    position:relative!important;
    grid-column:1!important;
    grid-row:2!important;
    align-self:start!important;
    justify-self:stretch!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    transform:none!important;
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    min-height:0!important;
    margin:0!important;
    padding:14px 16px 10px!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    overflow:visible!important;
    z-index:16!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
  html body .pk-cinema.mobile-cinema-past .pk-cinema-copy::before,
  html body .pk-cinema.mobile-cinema-past .pk-cinema[data-layout] .pk-cinema-copy::before{
    display:none!important;
    content:none!important;
  }
  html body .pk-cinema.mobile-cinema-past:not([data-scene="0"]):not([data-scene="5"]) .pk-cinema-benefits{
    display:grid!important;
    position:relative!important;
    grid-column:1!important;
    grid-row:4!important;
    align-self:end!important;
    justify-self:stretch!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    width:auto!important;
    max-width:none!important;
    margin:0 16px 8px!important;
    transform:none!important;
    opacity:1!important;
    visibility:visible!important;
    z-index:17!important;
    pointer-events:auto!important;
  }
  html body .pk-cinema.mobile-cinema-past[data-scene="0"] .pk-cinema-benefits,
  html body .pk-cinema.mobile-cinema-past[data-scene="5"] .pk-cinema-benefits{
    display:none!important;
  }
  html body .pk-cinema.mobile-cinema-past .pk-cinema-bottom{
    display:grid!important;
    position:relative!important;
    grid-column:1!important;
    grid-row:5!important;
    align-self:center!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    width:auto!important;
    margin:0 16px!important;
    padding:0!important;
    z-index:18!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
  html body .pk-cinema.mobile-cinema-past .pk-cinema-scrollcue{display:none!important}
  html body .pk-cinema.mobile-cinema-past .pk-cinema-side{top:calc(56.25vw - 4px)!important}
}