/* =========================================================
   TABLET = EXACT DESKTOP main-card layout
   Cancels theme "max-width:1199 height:auto" stack
   Phone (<768) unchanged
   ========================================================= */

/* Kill the theme tablet/mobile height:auto that breaks desktop look */
@media (min-width: 768px) and (max-width: 1199.98px) {
  .gen-banner-movies .banner-style-2 .item > .cinematic-slide,
  #sp-walkthrough .gen-banner-movies .banner-style-2 .item > .cinematic-slide,
  #sp-walkthrough .cinematic-slide {
    height: 100% !important;
    min-height: inherit !important;
  }

  .gen-banner-movies .banner-style-2 .item > .cinematic-slide > .gen-movie-contain-style-2.h-100,
  #sp-walkthrough .cinematic-slide > .gen-movie-contain-style-2.h-100 {
    height: 100% !important;
  }

  .gen-banner-movies .banner-style-2 .cinematic-slide .container.h-100,
  .gen-banner-movies .banner-style-2 .cinematic-slide .row.align-items-center.h-100,
  #sp-walkthrough .cinematic-slide .container.h-100,
  #sp-walkthrough .cinematic-slide .row.align-items-center.h-100,
  #sp-walkthrough .cinematic-slide .row.flex-row-reverse.align-items-center.h-100 {
    height: 100% !important;
  }

  /* Desktop-style container width */
  #sp-walkthrough .cinematic-slide .container,
  #sp-walkthrough .cinematic-slide .container.h-100 {
    width: 100% !important;
    max-width: 1140px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  /* Desktop row: side-by-side, not stacked */
  #sp-walkthrough .cinematic-slide .row.flex-row-reverse,
  #sp-walkthrough .cinematic-slide .row.flex-row-reverse.align-items-center,
  #sp-walkthrough .cinematic-slide .row.align-items-center.h-100 {
    display: flex !important;
    flex-direction: row-reverse !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    height: 100% !important;
    margin-left: -15px !important;
    margin-right: -15px !important;
  }

  /* Desktop columns (col-xl-6 behaviour on tablet) */
  #sp-walkthrough .cinematic-slide .row > .col-xl-6,
  #sp-walkthrough .cinematic-slide .row > [class*="col-xl-6"] {
    flex: 0 0 50% !important;
    max-width: 50% !important;
    width: 50% !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    box-sizing: border-box !important;
  }

  /* Poster / image — same as desktop theme */
  #sp-walkthrough .cinematic-slide .gen-front-image,
  #sp-walkthrough .cinematic-slide .gen-front-image.poster-wrapper {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    text-align: center !important;
  }

  #sp-walkthrough .cinematic-slide .gen-front-image > img,
  #sp-walkthrough .cinematic-slide .gen-front-image.poster-wrapper > img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 auto !important;
    object-fit: unset !important;
  }

  /* Playing state same as desktop */
  #sp-walkthrough .cinematic-slide.sp-vjs-active .gen-front-image.poster-wrapper,
  #sp-walkthrough .cinematic-slide.sp-live-playing .gen-front-image.poster-wrapper,
  #sp-walkthrough .cinematic-slide.sp-offline-playing .gen-front-image.poster-wrapper,
  #sp-walkthrough .cinematic-slide.sp-wt-playing .gen-front-image.poster-wrapper {
    aspect-ratio: 16 / 9 !important;
    overflow: hidden !important;
    background: #000 !important;
  }

  #sp-walkthrough .cinematic-slide .sp-vjs-mount,
  #sp-walkthrough .cinematic-slide .live-video,
  #sp-walkthrough .cinematic-slide .sp-vjs-mount youtube-video,
  #sp-walkthrough .cinematic-slide .sp-vjs-mount iframe,
  #sp-walkthrough .cinematic-slide .live-video iframe {
    width: 100% !important;
    height: 100% !important;
  }

  /* Text column — desktop alignment */
  #sp-walkthrough .cinematic-slide .gen-movie-info,
  #sp-walkthrough .cinematic-slide .gen-movie-meta-holder,
  #sp-walkthrough .cinematic-slide .gen-movie-action {
    text-align: left !important;
  }

  /* Live badge / play buttons same visibility as desktop */
  #sp-walkthrough .cinematic-slide[data-live="on"] .sp-live-badge {
    display: inline-flex !important;
    visibility: visible !important;
  }
  #sp-walkthrough .cinematic-slide[data-live="on"] a.sp-live-playbut-owned {
    display: block !important;
    visibility: visible !important;
  }

  /* Owl items fill like desktop */
  #sp-walkthrough .owl-item,
  #sp-walkthrough .owl-item.active {
    height: auto !important;
  }
  #sp-walkthrough .owl-item .cinematic-slide,
  #sp-walkthrough .owl-item .item {
    height: 100% !important;
  }
}

/* iPad Pro / large tablet: match desktop container */
@media (min-width: 992px) and (max-width: 1199.98px) {
  #sp-walkthrough .cinematic-slide .container.h-100 {
    max-width: 960px !important;
  }
}

@media (min-width: 1100px) and (max-width: 1199.98px) {
  #sp-walkthrough .cinematic-slide .container.h-100 {
    max-width: 1140px !important;
  }
}