.grid-items { display: grid; gap: 1rem; }
.grid-items > * { min-width: 0; margin: 0; }
.posters-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (min-width: 576px) { .posters-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 768px) { .posters-cards { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (min-width: 992px) { .posters-cards { grid-template-columns: repeat(5, minmax(0, 1fr)); } }
.schedule-cards { grid-template-columns: 1fr; }
@media (min-width: 768px) { .schedule-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 992px) { .schedule-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.collection-cards { grid-template-columns: 1fr; }
@media (min-width: 576px) { .collection-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 992px) { .collection-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.network-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (min-width: 576px) { .network-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 768px) { .network-cards { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (min-width: 992px) { .network-cards { grid-template-columns: repeat(6, minmax(0, 1fr)); } }
.seasons-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (min-width: 576px) { .seasons-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 768px) { .seasons-cards { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (min-width: 992px) { .seasons-cards { grid-template-columns: repeat(6, minmax(0, 1fr)); } }
.episodes-cards { grid-template-columns: 1fr; gap: .5rem; }
.poster-card .card-img-top { aspect-ratio: 2/3; object-fit: cover; }
.person-photo { aspect-ratio: 2/3; object-fit: cover; width: 100%; }
.poster-img { aspect-ratio: 2/3; object-fit: cover; }
.still-img { aspect-ratio: 16/9; object-fit: cover; width: 100%; }
.noposter { aspect-ratio: 2/3; display: flex; align-items: center; justify-content: center; text-align: center; padding: .75rem; background: var(--tblr-bg-surface-secondary); color: var(--tblr-secondary); font-weight: 600; font-size: .95rem; line-height: 1.3; }
.noposter span { display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; }
.noposter.nofixed { aspect-ratio: auto; height: 100%; }
.nostill { aspect-ratio: 16/9; display: flex; align-items: center; justify-content: center; text-align: center; padding: .75rem; background: var(--tblr-bg-surface-secondary); color: var(--tblr-secondary); font-weight: 600; text-decoration: none; }
.nostill span { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.card-title-2line { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.3em; height: 2.6em; }
.gallery-grid img { border-radius: var(--tblr-border-radius); width: 100%; height: 120px; object-fit: cover; }
.hero-backdrop { background-size: cover; background-position: center 20%; border-radius: var(--tblr-border-radius); overflow: hidden; }
.hero-backdrop .hero-inner { background: linear-gradient(90deg, rgba(24, 29, 35, .96) 0%, rgba(24, 29, 35, .86) 45%, rgba(24, 29, 35, .55) 100%); padding: 1.5rem; color: #f6f8fb; }
.hero-backdrop .hero-inner .text-secondary { color: #a8b1bd !important; }
.hero-backdrop .hero-inner .datagrid-title { color: #a8b1bd; }
.hero-backdrop .hero-inner .datagrid-content { color: #f6f8fb; }
.hero-backdrop .hero-inner a:not(.btn):not(.badge) { color: color-mix(in srgb, var(--tblr-primary) 55%, #fff); }
.genre-strip { display: flex; gap: .75rem; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: .5rem; scrollbar-width: none; }
.genre-strip::-webkit-scrollbar { display: none; }
.genre-slab { flex: 0 0 290px; scroll-snap-align: start; position: relative; height: 148px; display: block; background: var(--tblr-bg-surface); border: 1px solid var(--tblr-border-color); border-radius: var(--tblr-border-radius); overflow: hidden; text-decoration: none; }
.genre-slab .fan { position: absolute; right: 16px; top: 0; width: 176px; height: 100%; z-index: 1; }
.genre-slab .fan img { position: absolute; left: 50%; top: 16px; width: 76px; margin-left: -38px; aspect-ratio: 2/3; object-fit: cover; border-radius: var(--tblr-border-radius); }
.genre-slab::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(10, 11, 14, .9) 0%, rgba(10, 11, 14, .55) 45%, rgba(10, 11, 14, .15) 100%); z-index: 2; }
.genre-slab .slab-title { position: absolute; left: 16px; bottom: 14px; z-index: 3; font-size: 1.25rem; font-weight: 700; color: #fff; }
.collection-fan { position: relative; height: 168px; overflow: hidden; background: var(--tblr-bg-surface-secondary); }
.collection-fan img { position: absolute; left: 50%; top: 18px; width: 90px; margin-left: -45px; aspect-ratio: 2/3; object-fit: cover; border-radius: var(--tblr-border-radius); }
.sched-poster { width: 64px; aspect-ratio: 2/3; object-fit: cover; flex-shrink: 0; }
.sched-poster.noposter span { font-size: .65rem; -webkit-line-clamp: 3; }
[data-bs-theme=dark] .kb-hide-dark { display: none !important; }
[data-bs-theme=light] .kb-hide-light { display: none !important; }
html[data-kb-layout=fluid] .page-wrapper .container-xl, html[data-kb-layout=fluid] header.navbar .container-xl, html[data-kb-layout=fluid] footer .container-xl { max-width: none; }
html[data-kb-base=gray][data-bs-theme=dark] { --tblr-body-bg: #030712; --tblr-bg-surface: #111827; --tblr-bg-surface-secondary: #1f2937; --tblr-bg-surface-tertiary: #1f2937; }
html[data-kb-base=zinc][data-bs-theme=dark] { --tblr-body-bg: #09090b; --tblr-bg-surface: #18181b; --tblr-bg-surface-secondary: #27272a; --tblr-bg-surface-tertiary: #27272a; }
html[data-kb-base=neutral][data-bs-theme=dark] { --tblr-body-bg: #0a0a0a; --tblr-bg-surface: #171717; --tblr-bg-surface-secondary: #262626; --tblr-bg-surface-tertiary: #262626; }
html[data-kb-base=stone][data-bs-theme=dark] { --tblr-body-bg: #0c0a09; --tblr-bg-surface: #1c1917; --tblr-bg-surface-secondary: #292524; --tblr-bg-surface-tertiary: #292524; }
html[data-kb-base=gray][data-bs-theme=light] { --tblr-body-bg: #f9fafb; }
html[data-kb-base=zinc][data-bs-theme=light] { --tblr-body-bg: #fafafa; }
html[data-kb-base=neutral][data-bs-theme=light] { --tblr-body-bg: #fafafa; }
html[data-kb-base=stone][data-bs-theme=light] { --tblr-body-bg: #fafaf9; }
a:not(.btn):not(.badge):not(.nav-link):not(.navbar-brand a):not(.page-link):not(.dropdown-item) { color: var(--tblr-primary); }
a:not(.btn):not(.badge):not(.nav-link):not(.page-link):not(.dropdown-item):hover { color: var(--tblr-primary); }
.btn-link { color: var(--tblr-primary); }
.btn-primary { --tblr-btn-color: #fff; --tblr-btn-bg: var(--tblr-primary); --tblr-btn-border-color: var(--tblr-primary); --tblr-btn-hover-color: #fff; --tblr-btn-hover-bg: var(--tblr-primary); --tblr-btn-hover-border-color: var(--tblr-primary); --tblr-btn-active-color: #fff; --tblr-btn-active-bg: var(--tblr-primary); --tblr-btn-active-border-color: var(--tblr-primary); }
.btn-outline-primary { --tblr-btn-color: var(--tblr-primary); --tblr-btn-border-color: var(--tblr-primary); --tblr-btn-hover-bg: var(--tblr-primary); --tblr-btn-hover-border-color: var(--tblr-primary); --tblr-btn-hover-color: #fff; }
.text-primary { color: var(--tblr-primary) !important; }
.bg-primary { background-color: var(--tblr-primary) !important; }
.pagination .page-item.active .page-link { background-color: var(--tblr-primary); border-color: var(--tblr-primary); color: #fff; }
.page-link { color: var(--tblr-primary); }
.nav-link.active { color: var(--tblr-primary); }
.nav-pills .nav-link.active { background-color: var(--tblr-primary); color: #fff; }
.form-check-input:checked, .form-switch .form-check-input:checked { background-color: var(--tblr-primary); border-color: var(--tblr-primary); }
.form-selectgroup-input:checked + .form-selectgroup-label { color: var(--tblr-primary); border-color: var(--tblr-primary); background: rgba(var(--tblr-primary-rgb), .06); }
.form-control:focus, .form-select:focus { border-color: var(--tblr-primary); box-shadow: 0 0 0 .25rem rgba(var(--tblr-primary-rgb), .2); }
.form-colorinput-input:checked ~ .form-colorinput-color { outline: 2px solid var(--tblr-primary); outline-offset: 2px; }
.dropdown-item.active, .dropdown-item:active { background-color: var(--tblr-primary); }
.dropdown-item:hover { color: var(--tblr-primary); }
.progress-bar { background-color: var(--tblr-primary); }
.breadcrumb-item a { color: var(--tblr-primary); }
.link-primary { color: var(--tblr-primary) !important; }
::selection { background-color: rgba(var(--tblr-primary-rgb), .3); }
.badge-genre { color: var(--tblr-primary); background: rgba(var(--tblr-primary-rgb), .1); }
.network-logo { max-height: 28px; max-width: 110px; object-fit: contain; }
.network-logo-sm { max-height: 22px; max-width: 44px; object-fit: contain; flex-shrink: 0; }
[data-bs-theme=dark] .network-logo, [data-bs-theme=dark] .network-logo-sm { filter: invert(1) grayscale(1) brightness(1.6); }
.ep-still { width: 200px; height: 100%; min-height: 112px; aspect-ratio: 16/9; object-fit: cover; display: block; }
.ep-still.nostill { width: 200px; }
.clamp-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
@media (max-width: 575.98px) { .ep-still, .ep-still.nostill { width: 120px; min-height: 68px; } }
.ep-still { width: 200px; aspect-ratio: 16/9; object-fit: cover; display: block; height: 100%; }
a.ep-still.nostill { width: 200px; height: 100%; }
@media (max-width: 575px) { .ep-still, a.ep-still.nostill { width: 120px; } }
.clamp-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.clamp-3 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.clamp-4 { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
.clamp-5 { display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; }