/* vgo universal layout fix - grid wrappers, hero tags, preloaders */

/* Broken preloaders (flash etc.) */
#preloader-background,
#preloader,
[id="preloader-background"] {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Template-specific grids missing from style.css */
[class~="go-video-grid"],
[class~="hello-video-grid"],
[class~="suki-video-grid"],
[class~="news-grid"],
[class~="video-grid"][class~="clearfix"] {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  align-items: start;
  width: 100%;
}
[class~="grid-4"],
[class~="suki-grid-4"] {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

/* vgo wrapper layer inside grid parents */
[class~="vod-grid"] > [class~="fs-reel"],
[class~="vod-grid"] > [class~="fs-list"],
[class~="vod-grid"] > [class~="pg-grid"],
[class~="vod-grid"] > [class~="pg-list"],
[class~="vod-grid"] > [class~="tb-list"],
[class~="vod-grid"] > [class~="tr-list"],
[class~="vod-grid"] > [class~="mo-list"],
[class~="movie-grid"] > [class~="fs-reel"],
[class~="movie-grid"] > [class~="fs-list"],
[class~="movie-grid"] > [class~="pg-grid"],
[class~="movie-grid"] > [class~="pg-list"],
[class~="movie-grid"] > [class~="tb-list"],
[class~="movie-grid"] > [class~="tr-list"],
[class~="movie-grid"] > [class~="mo-list"],
[class~="video-grid"] > [class~="fs-reel"],
[class~="video-grid"] > [class~="fs-list"],
[class~="video-grid"] > [class~="pg-grid"],
[class~="video-grid"] > [class~="pg-list"],
[class~="video-grid"] > [class~="tb-list"],
[class~="video-grid"] > [class~="tr-list"],
[class~="video-grid"] > [class~="mo-list"],
[class~="go-video-grid"] > [class~="fs-reel"],
[class~="go-video-grid"] > [class~="mo-list"],
[class~="go-video-grid"] > [class~="tr-list"],
[class~="hello-video-grid"] > [class~="mo-list"],
[class~="hello-video-grid"] > [class~="tr-list"],
[class~="suki-video-grid"] > [class~="fs-reel"],
[class~="suki-video-grid"] > [class~="pg-grid"],
[class~="posts-grid"] > [class~="fs-reel"],
[class~="posts-grid"] > [class~="pg-grid"],
[class~="mh-posts-grid"] > [class~="pg-grid"],
[class~="ranking-grid"] > [class~="mo-list"],
[class~="card-grid"] > [class~="fs-reel"],
[class~="scroll-row"] > [class~="fs-reel"],
[class~="movies-grid"] > [class~="fs-reel"],
[class~="poster-grid"] > [class~="pg-grid"] {
  grid-column: 1 / -1;
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: 16px;
  width: 100% !important;
  max-width: none !important;
  list-style: none;
  padding: 0;
  margin: 0;
}

/* Cards fill grid cells */
[class~="movie-grid"] [class~="pg-item"],
[class~="movie-grid"] [class~="fs-item"],
[class~="movie-grid"] [class~="tb-film"],
[class~="video-grid"] [class~="pg-item"],
[class~="video-grid"] [class~="fs-item"],
[class~="go-video-grid"] [class~="mo-entry"],
[class~="hello-video-grid"] [class~="mo-entry"],
[class~="suki-video-grid"] [class~="fs-item"],
[class~="vod-grid"] [class~="fs-item"],
[class~="vod-grid"] [class~="pg-item"] {
  width: 100% !important;
  max-width: none !important;
  flex: none !important;
}

/* G1/G2 hero hot-search: compact tag pills instead of full posters */
[class~="hot-search-inline"] [class~="tb-list"],
[class~="hot-search-inline"] ul {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
[class~="hot-search-inline"] [class~="tb-film"] {
  width: auto !important;
  flex: 0 0 auto !important;
  max-width: none !important;
}
[class~="hot-search-inline"] [class~="tb-film"] img,
[class~="hot-search-inline"] [class~="tb-info"],
[class~="hot-search-inline"] [class~="tb-note"] {
  display: none !important;
}
[class~="hot-search-inline"] [class~="tb-title"] {
  display: inline-block !important;
  font-size: 12px;
  font-weight: 600;
  padding: 4px 10px;
  border-radius: 999px;
  background: rgba(15, 91, 110, 0.08);
  white-space: nowrap;
}

/* Hero two-column balance */
[class~="hero"] {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
  align-items: center;
}
@media (max-width: 900px) {
  [class~="hero"] {
    grid-template-columns: 1fr;
  }
  [class~="go-video-grid"],
  [class~="hello-video-grid"],
  [class~="suki-video-grid"],
  [class~="grid-4"],
  [class~="suki-grid-4"] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 640px) {
  [class~="go-video-grid"],
  [class~="hello-video-grid"],
  [class~="suki-video-grid"],
  [class~="grid-4"],
  [class~="suki-grid-4"] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }
}