/* Import integration uses the existing TUBO typography and palette. */
/* Keep crawlable/no-JS HTML, but avoid a second visible catalog after hydration. */
html[data-ready="true"] #server-catalog{display:none}
#server-catalog{padding-top:130px;padding-bottom:40px;line-height:1.8}
.catalog-status{color:var(--muted,#a7aab3);font-size:.85rem;margin:0 0 18px;line-height:1.6}
.catalog-pagination{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:40px}
.catalog-pagination p{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums;text-align:center}
@media(max-width:767px){.catalog-pagination{gap:12px;flex-wrap:wrap}.catalog-pagination .button{font-size:10px;padding:12px}.catalog-pagination p{font-size:11px;order:-1;flex-basis:100%}}




.card-release{font-size:.75rem;line-height:1.55;color:#bfc2ca;margin:4px 0 0;overflow-wrap:anywhere}
.movie-credits dd{overflow-wrap:anywhere}

.movie-heading h1{overflow-wrap:anywhere}
/* Cards are always portrait covers; panoramic scenes belong to hero/gallery. */
.film-card .card-image{aspect-ratio:2/3;height:auto}
.film-card .card-image>img{object-fit:cover;object-position:center}
.news-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.news-grid .news-lead{grid-column:auto}
.news-grid .film-card .card-image{height:auto;aspect-ratio:2/3}
.news-grid .news-lead .card-info h3{font-size:14px;letter-spacing:normal}
.news-grid .news-description{display:none}
@media(max-width:767px){
  .news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .news-grid .film-card:last-child{grid-column:auto;display:block}
  .news-grid .film-card:last-child .card-open{display:block}
  .news-grid .film-card:last-child .card-info{padding-top:14px}
  .news-grid .film-card:last-child .card-save{left:auto;right:8px;top:8px}
  .news-grid .news-lead .card-info h3{font-size:12px}
}
@media(max-width:600px){.catalog-status{font-size:.8rem}.card-release{font-size:.7rem}}