/* =========================================================
   BROWSE / CATEGORY PAGE — tabs + poster grid with titles underneath
   ========================================================= */
.sxb-tabs { display: flex; gap: 26px; margin: 4px 0 18px; border-bottom: 1px solid var(--glass-border); overflow-x: auto; scrollbar-width: none; }
.sxb-tabs::-webkit-scrollbar { display: none; }
.sxb-tabs a { position: relative; flex: none; padding: 12px 2px 14px; font: 700 15px 'Outfit', sans-serif; letter-spacing: .06em; text-decoration: none; color: var(--text-dim); transition: color .25s; }
.sxb-tabs a:hover { color: var(--text); }
.sxb-tabs a.on { color: var(--text); }
.sxb-tabs a.on::after { content: ""; position: absolute; left: 0; bottom: -1px; width: 100%; max-width: 56px; height: 4px; border-radius: 4px; background: var(--accent); box-shadow: 0 0 14px rgba(47,128,255,.6); }

#browseGrid { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 20px 12px !important; }
#browseGrid .card { background: none !important; border: 0 !important; box-shadow: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; border-radius: 0 !important; overflow: visible !important; clip-path: none !important; }
#browseGrid .card .poster { border-radius: 14px; overflow: hidden !important; border: 1px solid var(--glass-border); transition: border-color .25s, transform .25s, box-shadow .25s; }
#browseGrid .card:hover .poster { border-color: var(--accent); transform: translateY(-3px); box-shadow: 0 12px 26px rgba(47,128,255,.28); }
#browseGrid .card .poster .hd, #browseGrid .card .poster .type-badge { display: none !important; }
#browseGrid .card .poster .score { top: 8px !important; right: 8px !important; left: auto !important; padding: 3px 8px !important; border-radius: 999px !important; font-size: 10px !important; }
#browseGrid .card > div:last-child { padding: 10px 2px 0 !important; text-align: center; }
#browseGrid .card .card-title { white-space: normal !important; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font: 500 14px/1.3 'Outfit', sans-serif !important; color: var(--text) !important; }
#browseGrid .card .card-sub { justify-content: center !important; gap: 8px; margin-top: 4px !important; font-size: 11px !important; }
#browseGrid .card .tmdb-row { display: none !important; }

@media (min-width: 600px) { #browseGrid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 24px 16px !important; } }
@media (min-width: 900px) { #browseGrid { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; } }
@media (min-width: 1200px) { #browseGrid { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; } }
@media (max-width: 360px) { #browseGrid { gap: 16px 8px !important; } #browseGrid .card .card-title { font-size: 12.5px !important; } }
#browseGrid .card::before, #browseGrid .card::after { display: none !important; }