/* SavageTube - variant op het netwerkontwerp. Alleen stijl; grid, thumbs en ads ongewijzigd. */
/* Header: logo en navigatie bovenaan, zoekveld over de volle breedte eronder */
.top-inner{flex-wrap:wrap;row-gap:10px}
.search{order:3;flex-basis:100%;max-width:none}
.search input,.search button{border-radius:0}
.main-nav a{text-transform:uppercase;font-size:13px;letter-spacing:1px}
/* Categorieen: omlijnde vakjes, gecentreerd */
.catbar{justify-content:safe center}
.catbar a,.catbar a.on,.catbar a.on:hover{border:1px solid var(--line);border-radius:0;font-size:12px;text-transform:uppercase;letter-spacing:1px}
.catbar a.on,.catbar a.on:hover{border-color:var(--accent);box-shadow:none}
/* Koppen: hoofdletters, sorteren eronder */
.list-head{flex-direction:column;align-items:flex-start;gap:8px}
.list-head h1,.section-title{text-transform:uppercase;letter-spacing:2px;font-size:18px}
.list-head h1 small{letter-spacing:0;text-transform:none}
.sorts{gap:0;padding:0}
.sorts a{text-transform:uppercase;font-size:12px;letter-spacing:1px}
.sorts a+a{border-left:1px solid var(--line)}
/* Kaartjes: scherpe hoeken, labels bovenin, titel op 1 regel */
.thumb,.player-wrap{border-radius:0}
.dur,.hd{top:6px;bottom:auto;border-radius:0}
.dur{border:1px solid var(--accent)}
.card h3{-webkit-line-clamp:1}
.card:hover h3{text-decoration:none;color:var(--accent2)}
.chip{border-radius:0;text-transform:uppercase;font-size:11px;letter-spacing:.8px}
.like{border-radius:0}
/* Paginering en footer */
.pager a,.pager span{background:none;border-radius:0;border:1px solid var(--line)}
.pager span:not(.on){border-color:transparent}
.pager span.on{border-color:var(--accent);color:#fff;box-shadow:none}
.foot{background:var(--bg);border-top:1px solid var(--accent)}
.foot nav a{text-transform:uppercase;font-size:11px;letter-spacing:1px}
.sorts{max-width:100%;overflow-x:auto;scrollbar-width:none}
.sorts::-webkit-scrollbar{display:none}
.sorts a{white-space:nowrap}
@media (max-width:480px){.sorts a{padding:6px 9px;letter-spacing:.5px}}