/* FenMovies tablet refinement: classic split layout, precise top navigation.
   Only active when the tablet detector applies html.fen-tablet. */
html.fen-tablet {
  --fen-gutter:clamp(18px,2.8vw,34px);
  --fen-header-size:78px;
}
html.fen-tablet body {overflow-x:hidden !important;padding-bottom:0 !important;}
html.fen-tablet .fen-header {height:var(--fen-header-size) !important;position:sticky !important;top:0 !important;z-index:100 !important;}
html.fen-tablet .fen-header-inner {
  display:flex !important;flex-direction:row !important;justify-content:space-between !important;
  align-items:center !important;width:100% !important;max-width:none !important;
  height:100% !important;padding:0 var(--fen-gutter) !important;gap:clamp(9px,1.3vw,19px) !important;
}
html.fen-tablet .fen-toolbar {
  display:flex !important;order:-1 !important;flex:0 1 clamp(245px,28vw,385px) !important;
  width:auto !important;height:auto !important;min-width:0 !important;padding:0 !important;
}
html.fen-tablet .fen-toolbar-action {display:none !important;}
html.fen-tablet .fen-search-control {height:44px !important;border-radius:12px !important;padding:0 6px 0 11px !important;gap:8px !important;}
html.fen-tablet .fen-search-control input {min-width:0 !important;font-size:clamp(12px,1.15vw,15px) !important;}
html.fen-tablet .fen-search-submit {min-width:70px !important;height:32px !important;font-size:12px !important;border-radius:9px !important;}
html.fen-tablet .fen-topbar {height:100% !important;min-width:0 !important;display:flex !important;flex:1 1 auto !important;
  gap:clamp(8px,.9vw,15px) !important;align-items:center !important;justify-content:space-between !important;
}
html.fen-tablet .fen-brand-button {flex:0 0 auto !important;gap:5px !important;min-width:0 !important;white-space:nowrap !important;}
html.fen-tablet .fen-emblem-wrap {width:40px !important;height:54px !important;flex:0 0 40px !important;transform:translate(1px,0px) !important;}
html.fen-tablet .fen-emblem {width:40px !important;height:50px !important;object-fit:contain !important;}
html.fen-tablet .fen-brand-name {font-size:clamp(20px,2vw,27px) !important;line-height:1 !important;white-space:nowrap !important;}
html.fen-tablet .fen-nav {display:flex !important;align-items:center !important;justify-content:center !important;
  gap:clamp(3px,.45vw,8px) !important;min-width:0 !important;margin:auto !important;}
html.fen-tablet .fen-nav .nav-link {display:inline-flex !important;align-items:center !important;justify-content:center !important;
  flex:0 0 auto !important;gap:5px !important;min-width:0 !important;height:41px !important;
  font-size:clamp(11px,1.05vw,14px) !important;line-height:1 !important;
  padding:0 clamp(7px,.8vw,12px) !important;border-radius:10px !important;white-space:nowrap !important;
}
html.fen-tablet .fen-nav .nav-link svg {width:15px !important;height:15px !important;flex:0 0 15px !important;}
html.fen-tablet .fen-menu-button {order:3 !important;width:43px !important;height:43px !important;flex:0 0 43px !important;}
html.fen-tablet #user-menu-dropdown {top:var(--fen-header-size) !important;}
html.fen-tablet #mobile-bottom-nav {display:none !important;visibility:hidden !important;}
html.fen-tablet #app-root:not(:has(#watch-root)) {padding-top:0 !important;}
html.fen-tablet #app-root .boot-shell {padding-top:0 !important;padding-bottom:10px !important;}
/* Preserve the original two-panel featured edition; no floating previous/next arrows. */
html.fen-tablet #app-root .fen-feature-stage {
  width:calc(100% - 2 * var(--fen-gutter)) !important;
  height:clamp(380px,37vw,515px) !important;min-height:0 !important;max-height:none !important;
  margin:18px var(--fen-gutter) 25px !important;border-radius:23px !important;overflow:hidden !important;
}
html.fen-tablet .fen-feature-slide {display:flex !important;flex-direction:row !important;}
html.fen-tablet .fen-feature-copy {width:44% !important;height:100% !important;flex:0 0 44% !important;
  padding:clamp(22px,3vw,42px) clamp(19px,2.8vw,36px) !important;
  align-items:flex-start !important;justify-content:center !important;
}
html.fen-tablet .fen-feature-copy::before {content:'' !important;left:auto !important;right:0 !important;top:25px !important;bottom:25px !important;
  width:2px !important;height:auto !important;background:linear-gradient(180deg,transparent,#ff852f 38%,#ff7927 65%,transparent) !important;
  box-shadow:0 0 13px 1px rgba(255,115,22,.37) !important;}
html.fen-tablet .fen-feature-art {width:56% !important;height:100% !important;flex:0 0 56% !important;}
html.fen-tablet .fen-feature-backdrop {width:100%;height:100%;object-fit:cover;object-position:center center;}
html.fen-tablet .fen-feature-art-tag {top:18px !important;left:18px !important;font-size:10px !important;}
html.fen-tablet .fen-feature-title-logo {height:clamp(63px,7.4vw,98px) !important;max-width:95% !important;}
html.fen-tablet .fen-feature-title-text {font-size:clamp(30px,3.8vw,47px) !important;max-width:100%;line-height:1.02 !important;}
html.fen-tablet .fen-feature-name {min-height:clamp(65px,8vw,100px) !important;max-height:110px !important;}
html.fen-tablet .fen-feature-kicker {font-size:clamp(10px,1vw,12px) !important;}
html.fen-tablet .fen-feature-label {font-size:clamp(10px,1vw,13px) !important;}
html.fen-tablet .fen-feature-buttons {flex-wrap:wrap !important;}
html.fen-tablet .fen-feature-buttons button {font-size:clamp(12px,1.15vw,14px) !important;padding:12px clamp(12px,1.5vw,21px) !important;}
html.fen-tablet .fen-feature-pagination {bottom:15px !important;right:20px !important;}
html.fen-tablet .fen-feature-stage > button {display:none !important;}
/* Full, evenly laid-out rows. 19 posters + See More = four complete rows of five on wide tablets. */
html.fen-tablet .boot-row {margin:0 var(--fen-gutter) 25px !important;padding:clamp(16px,2vw,24px) !important;border-radius:21px !important;}
html.fen-tablet .fen-rail-heading {margin:0 0 16px !important;}
html.fen-tablet .fen-rail-heading h2 {font-size:clamp(20px,2vw,26px) !important;}
html.fen-tablet .fen-rail-overline {font-size:10px !important;}
html.fen-tablet .boot-row-track {display:grid !important;grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  gap:clamp(10px,1.25vw,17px) !important;overflow:visible !important;padding:0 !important;align-items:stretch !important;}
html.fen-tablet .boot-row-track > .fen-poster-cell,
html.fen-tablet .boot-row-track > .fen-topten-cell,
html.fen-tablet .boot-row-track > .boot-card {width:100% !important;min-width:0 !important;max-width:none !important;flex:none !important;margin:0 !important;}
html.fen-tablet .boot-row-track .rounded-2xl {border-radius:12px !important;}
html.fen-tablet .fen-poster-cell h3 {font-size:clamp(12px,1.2vw,15px) !important;}
/* iPad See More: visually identical to the phone tile, with its *height*
   supplied by the poster grid row, not by a separate aspect-ratio. The row's
   real poster cards determine the height. A touch-only screen must not acquire
   a permanent hover glow. */
html.fen-tablet .boot-row-track > .fen-see-more-cell {
  position:relative !important;isolation:isolate !important;container-type:inline-size !important;
  box-sizing:border-box !important;
  width:100% !important;height:100% !important;aspect-ratio:auto !important;
  min-height:0 !important;max-height:none !important;
  align-self:stretch !important;justify-self:stretch !important;
  margin:0 !important;padding:0 !important;
  border:1px dashed rgba(255,130,37,.23) !important;border-radius:12px !important;
  background:#111114 !important;
  display:flex !important;align-items:center !important;justify-content:center !important;
  overflow:hidden !important;
  box-shadow:none !important;
  transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease !important;
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
}
/* No default light, including when iPad Safari keeps :hover after a tap. */
html.fen-tablet .fen-see-more-cell::before {
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:radial-gradient(ellipse at 50% 47%,rgba(255,115,28,.13),transparent 70%);
  opacity:0;transition:opacity .2s ease;
}
html.fen-tablet .fen-see-more-cell > div {
  position:relative;z-index:1;
  gap:clamp(11px,10cqi,24px) !important;
  color:#f5f5f6 !important;
}
html.fen-tablet .fen-see-more-cell .rounded-full {
  width:clamp(40px,38cqi,76px) !important;
  height:clamp(40px,38cqi,76px) !important;
  border:2px solid #9ca3af !important;
  background:rgba(255,255,255,.035) !important;
  color:#9ca3af !important;
  box-shadow:none !important;
  transform:none !important;
  transition:background-color .2s ease,box-shadow .2s ease,transform .2s ease !important;
}
html.fen-tablet .fen-see-more-cell .rounded-full svg {
  width:clamp(20px,18cqi,30px) !important;
  height:clamp(20px,18cqi,30px) !important;
  stroke:currentColor !important;
}
html.fen-tablet .fen-see-more-cell span {
  font-size:clamp(13px,9.6cqi,22px) !important;
  font-weight:700 !important;line-height:1.2 !important;
  color:#9ca3af !important;
  letter-spacing:.01em !important;
}
/* Orange arrow glow only during a real press. Never use hover or focus: iPad
   Safari can retain a simulated :hover after a touch has been released. */
html.fen-tablet .fen-see-more-cell:active {
  border-color:rgba(255,130,37,.75) !important;
  background:#171216 !important;
  box-shadow:0 0 15px rgba(255,105,27,.12) !important;
}
html.fen-tablet .fen-see-more-cell:active::before {opacity:1;}
html.fen-tablet .fen-see-more-cell:active .rounded-full {
  border-color:#ff7728 !important;
  color:#fff !important;
  background:rgba(255,125,32,.2) !important;
  box-shadow:0 0 16px rgba(255,104,28,.35) !important;
  transform:scale(1.045) !important;
}
@media (prefers-reduced-motion:reduce) {
  html.fen-tablet .fen-see-more-cell,
  html.fen-tablet .fen-see-more-cell::before,
  html.fen-tablet .fen-see-more-cell .rounded-full {transition:none !important;}
}
html.fen-tablet .fen-gallery-grid {grid-template-columns:repeat(5,minmax(0,1fr)) !important;gap:clamp(10px,1.3vw,18px) !important;}
html.fen-tablet #main-footer:not(.hidden) {display:block !important;max-width:none !important;padding:8px var(--fen-gutter) 18px !important;margin:12px auto 0 !important;}
html.fen-tablet #main-footer.hidden, html.fen-tablet #app-root:has(#watch-root) ~ #main-footer {display:none !important;}
html.fen-tablet #seo-static-content {display:none !important;}
/* Keep existing tablet title/watch screens and the working TV/phone source controls untouched. */
@media (max-width:1080px) {
  html.fen-tablet {--fen-header-size:118px;}
  html.fen-tablet .fen-header-inner {display:flex !important;flex-direction:column !important;justify-content:stretch !important;gap:0 !important;}
  html.fen-tablet .fen-topbar {order:0 !important;height:65px !important;min-height:65px !important;flex:0 0 65px !important;width:100% !important;}
  html.fen-tablet .fen-toolbar {order:1 !important;flex:0 0 50px !important;height:50px !important;width:100% !important;padding-bottom:7px !important;}
  html.fen-tablet .fen-search-control {height:42px !important;}
  html.fen-tablet .fen-nav {gap:3px !important;}
  html.fen-tablet .fen-nav .nav-link {font-size:12px !important;padding:0 8px !important;gap:5px !important;}
  html.fen-tablet .fen-brand-name {font-size:23px !important;}
  html.fen-tablet .boot-row-track {grid-template-columns:repeat(4,minmax(0,1fr)) !important;}
  html.fen-tablet .fen-gallery-grid {grid-template-columns:repeat(4,minmax(0,1fr)) !important;}
  html.fen-tablet #app-root .fen-feature-stage {height:clamp(365px,45vw,470px) !important;}
}
@media (max-width:810px) {
  html.fen-tablet .fen-nav .nav-link {flex-direction:column !important;height:48px !important;padding:2px 5px !important;gap:2px !important;font-size:10px !important;}
  html.fen-tablet .fen-nav .nav-link svg {width:17px !important;height:17px !important;flex:0 0 17px !important;}
  html.fen-tablet .fen-emblem-wrap {width:35px !important;flex-basis:35px !important;}
  html.fen-tablet .fen-emblem {width:35px !important;height:46px !important;}
  html.fen-tablet .fen-brand-name {font-size:20px !important;}
  html.fen-tablet .fen-brand-button {gap:2px !important;}
  html.fen-tablet .fen-menu-button {width:39px !important;flex-basis:39px !important;}
  html.fen-tablet .fen-feature-copy {padding:18px 16px !important;}
  html.fen-tablet .fen-feature-title-text {font-size:28px !important;}
  html.fen-tablet .fen-feature-buttons button {padding:10px 11px !important;}
}
@media (prefers-reduced-motion:reduce) {
  html.fen-tablet .fen-feature-slide {transition:none !important;}
}