/* Tube Prime — main stylesheet */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font-family:var(--tp-font,'Inter',system-ui,sans-serif);background:var(--tp-bg,#0d0d10);color:var(--tp-text,#ececf1);-webkit-font-smoothing:antialiased;line-height:1.5}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
a:hover{color:var(--tp-accent,#ffb000)}
button{font:inherit;cursor:pointer;border:0;background:transparent;color:inherit}
h1,h2,h3,h4{margin:0 0 .5em;line-height:1.25;font-weight:700}
:focus-visible{outline:2px solid var(--tp-accent);outline-offset:2px}

.tp-skip{position:absolute;left:-9999px;top:0;background:var(--tp-accent);color:#000;padding:.6rem 1rem;z-index:9999}
.tp-skip:focus{left:.5rem;top:.5rem}

/* HEADER */
.tp-header{position:sticky;top:0;z-index:100;background:linear-gradient(180deg,rgba(13,13,16,.97),rgba(13,13,16,.92));backdrop-filter:blur(10px);border-bottom:1px solid #ffffff10}
.tp-header__inner{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;max-width:1600px;margin:0 auto}
.tp-logo{flex:0 0 auto}
.tp-logo__text{font-weight:800;font-size:1.4rem;letter-spacing:-.02em;color:var(--tp-text)}
.tp-logo__text span{background:linear-gradient(135deg,var(--tp-accent),var(--tp-accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}
.tp-logo img{max-height:44px;width:auto}

.tp-search{flex:1;display:flex;align-items:stretch;background:#00000060;border:1px solid #ffffff14;border-radius:999px;padding:.25rem;max-width:640px;transition:border-color .2s}
.tp-search:focus-within{border-color:var(--tp-accent)}
.tp-search input[type=search]{flex:1;background:transparent;border:0;color:var(--tp-text);padding:.5rem 1rem;font-size:.95rem;min-width:0}
.tp-search input[type=search]::placeholder{color:var(--tp-muted)}
.tp-search select{background:transparent;border:0;color:var(--tp-muted);padding:0 .5rem;font-size:.85rem;border-left:1px solid #ffffff14}
.tp-search select option{background:#16161b}
.tp-search button{background:linear-gradient(135deg,var(--tp-accent),var(--tp-accent-2));color:#0d0d10;border-radius:999px;width:42px;height:42px;display:grid;place-items:center;transition:transform .15s}
.tp-search button:hover{transform:scale(1.05)}

.tp-nav--primary{display:flex}
.tp-nav--primary ul{display:flex;gap:1.25rem;list-style:none;margin:0;padding:0}
.tp-nav--primary a{color:var(--tp-muted);font-weight:500;font-size:.95rem;padding:.25rem 0;border-bottom:2px solid transparent;transition:color .15s,border-color .15s}
.tp-nav--primary a:hover{color:var(--tp-text);border-color:var(--tp-accent)}
.tp-nav--primary .current-menu-item>a{color:var(--tp-text);border-color:var(--tp-accent)}

.tp-burger{display:none;flex-direction:column;justify-content:space-between;width:24px;height:18px;padding:0}
.tp-burger span{display:block;height:2px;background:var(--tp-text);border-radius:2px}

.tp-cats{border-top:1px solid #ffffff0d;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.tp-cats::-webkit-scrollbar{display:none}
.tp-cats ul{list-style:none;margin:0;padding:.5rem 1rem;display:flex;gap:.4rem;max-width:1600px;margin-inline:auto;white-space:nowrap}
.tp-cats a{display:inline-block;padding:.35rem .8rem;font-size:.85rem;color:var(--tp-muted);background:#ffffff08;border:1px solid #ffffff10;border-radius:999px;transition:all .15s}
.tp-cats a:hover{color:#0d0d10;background:var(--tp-accent);border-color:var(--tp-accent)}

.tp-mobile-nav{display:none;background:#16161b;border-bottom:1px solid #ffffff10}
.tp-mobile-nav ul{list-style:none;margin:0;padding:1rem;display:grid;gap:.25rem}
.tp-mobile-nav a{display:block;padding:.6rem .75rem;border-radius:.4rem;color:var(--tp-text)}
.tp-mobile-nav a:hover{background:#ffffff08}

/* MAIN */
.tp-main{max-width:1600px;margin:0 auto;padding:1.25rem 1rem 2rem}
.tp-layout{display:grid;grid-template-columns:1fr 300px;gap:1.5rem;align-items:start}
.tp-content{min-width:0}
.tp-sidebar{position:sticky;top:140px}

.tp-breadcrumbs{font-size:.85rem;color:var(--tp-muted);margin-bottom:1rem}
.tp-breadcrumbs ol{list-style:none;margin:0;padding:0;display:flex;gap:.5rem;flex-wrap:wrap}
.tp-breadcrumbs li+li::before{content:"›";margin-right:.5rem;color:#ffffff40}

/* SECTIONS */
.tp-section{margin-bottom:2.5rem}
.tp-section__head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:1rem;border-left:3px solid var(--tp-accent);padding-left:.75rem}
.tp-section__title{font-size:1.35rem;letter-spacing:-.01em}
.tp-section__more{color:var(--tp-accent);font-size:.85rem;font-weight:600;white-space:nowrap}

/* GRID */
.tp-grid{display:grid;grid-template-columns:repeat(var(--tp-cols,4),minmax(0,1fr));gap:1rem}
body.tp-cols-2 .tp-grid{--tp-cols:2}
body.tp-cols-3 .tp-grid{--tp-cols:3}
body.tp-cols-4 .tp-grid{--tp-cols:4}
body.tp-cols-5 .tp-grid{--tp-cols:5}
body.tp-cols-6 .tp-grid{--tp-cols:6}

/* CARD */
.tp-card{background:var(--tp-surface,#16161b);border-radius:.6rem;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s;border:1px solid transparent}
.tp-card:hover{transform:translateY(-3px);box-shadow:0 14px 40px -10px rgba(255,176,0,.25);border-color:#ffffff14}
.tp-card__media{position:relative;display:block;aspect-ratio:16/9;background:#000;overflow:hidden}
.tp-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease,opacity .2s}
.tp-card:hover .tp-card__media img{transform:scale(1.04)}
.tp-card__duration{position:absolute;right:.5rem;bottom:.5rem;background:#000000c0;color:#fff;padding:.15rem .45rem;font-size:.75rem;font-weight:600;border-radius:.25rem;backdrop-filter:blur(4px)}
.tp-card__play{position:absolute;inset:0;display:grid;place-items:center;font-size:2.5rem;color:#fff;opacity:0;background:linear-gradient(180deg,#00000000 30%,#000000a0);transition:opacity .2s}
.tp-card:hover .tp-card__play{opacity:1}
.tp-card__body{padding:.65rem .75rem .8rem;display:flex;flex-direction:column;gap:.4rem;flex:1}
.tp-card__title{font-size:.92rem;font-weight:600;line-height:1.35;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tp-card__title a{color:var(--tp-text)}
.tp-card__title a:hover{color:var(--tp-accent)}
.tp-card__meta{display:flex;justify-content:space-between;align-items:center;font-size:.78rem;color:var(--tp-muted);margin-top:auto;gap:.5rem}
.tp-card__cat{color:var(--tp-accent);font-weight:600;text-transform:uppercase;letter-spacing:.05em;font-size:.7rem}
.tp-card--ad{display:grid;place-items:center;padding:1rem;background:#ffffff05;border:1px dashed #ffffff20;min-height:160px}

/* TAX GRID */
.tp-tax-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.6rem}
.tp-tax-card{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--tp-surface);border-radius:.5rem;border:1px solid #ffffff0a;transition:all .15s;font-weight:600}
.tp-tax-card:hover{border-color:var(--tp-accent);color:var(--tp-accent);transform:translateY(-2px)}
.tp-tax-card__count{font-size:.8rem;color:var(--tp-muted);font-weight:500}

/* SINGLE */
.tp-single__head{margin:1rem 0}
.tp-single__title{font-size:1.6rem;letter-spacing:-.01em}
.tp-single__meta{display:flex;gap:1rem;flex-wrap:wrap;color:var(--tp-muted);font-size:.9rem}
.tp-single__body{margin:1rem 0 1.5rem;color:var(--tp-muted);font-size:.95rem}
.tp-single__taxes{margin-bottom:2rem;display:grid;gap:.6rem}
.tp-taxrow{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;font-size:.85rem;color:var(--tp-muted)}
.tp-taxrow strong{margin-right:.4rem;color:var(--tp-text)}
.tp-chip{display:inline-block;padding:.3rem .7rem;background:#ffffff08;border:1px solid #ffffff10;border-radius:999px;font-size:.8rem;transition:all .15s}
.tp-chip:hover{background:var(--tp-accent);color:#0d0d10;border-color:var(--tp-accent)}
.tp-chip--tag{color:var(--tp-accent)}

.tp-player-wrap{background:#000;border-radius:.5rem;overflow:hidden;box-shadow:0 20px 60px -10px #000}
.tp-player{position:relative;aspect-ratio:16/9;width:100%}
.tp-player iframe,.tp-player video{width:100%;height:100%;border:0;display:block}
.tp-player__placeholder{position:absolute;inset:0;display:grid;place-items:center;color:var(--tp-muted)}

/* ADS */
.tp-ad{margin:1rem auto;text-align:center;max-width:1600px;padding:0 1rem}
.tp-ad--header{padding-top:.5rem}
.tp-ad--sidebar{margin:0 0 1rem;padding:0}

/* FOOTER */
.tp-footer{margin-top:3rem;background:#0a0a0d;border-top:1px solid #ffffff10;padding:2rem 1rem 1rem}
.tp-footer__cols{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem}
.tp-footer h4{font-size:.95rem;color:var(--tp-accent);text-transform:uppercase;letter-spacing:.08em}
.tp-footer p{color:var(--tp-muted);font-size:.85rem;line-height:1.6}
.tp-footer__menu ul{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}
.tp-footer__menu a{color:var(--tp-muted);font-size:.85rem}
.tp-footer__menu a:hover{color:var(--tp-accent)}
.tp-footer__bottom{max-width:1600px;margin:2rem auto 0;padding-top:1rem;border-top:1px solid #ffffff0a;color:var(--tp-muted);font-size:.8rem;text-align:center}

/* BUTTONS */
.tp-btn{display:inline-flex;align-items:center;justify-content:center;padding:.7rem 1.4rem;border-radius:.45rem;font-weight:600;font-size:.95rem;transition:transform .15s,filter .15s;border:1px solid transparent}
.tp-btn--sm{padding:.45rem .9rem;font-size:.85rem}
.tp-btn--primary{background:linear-gradient(135deg,var(--tp-accent),var(--tp-accent-2));color:#0d0d10}
.tp-btn--primary:hover{transform:translateY(-1px);filter:brightness(1.05);color:#0d0d10}
.tp-btn--ghost{background:transparent;color:var(--tp-muted);border-color:#ffffff20}
.tp-btn--ghost:hover{color:var(--tp-text);border-color:var(--tp-text)}

.tp-loadmore{text-align:center;margin:2rem 0}

.tp-empty{text-align:center;padding:4rem 1rem;color:var(--tp-muted)}
.tp-empty h1{font-size:5rem;color:var(--tp-accent);margin:0}

/* AGE VERIFICATION */
.tp-age{position:fixed;inset:0;background:#000000ee;backdrop-filter:blur(12px);z-index:9999;display:grid;place-items:center;padding:1rem}
.tp-age__box{background:var(--tp-surface);border:1px solid #ffffff15;border-radius:.8rem;max-width:480px;padding:2rem;text-align:center;box-shadow:0 30px 80px -20px #000}
.tp-age__badge{display:inline-block;background:linear-gradient(135deg,var(--tp-accent),var(--tp-accent-2));color:#0d0d10;font-weight:800;font-size:1.5rem;padding:.5rem 1rem;border-radius:.4rem;margin-bottom:1rem}
.tp-age__actions{display:flex;gap:.6rem;justify-content:center;margin-top:1.5rem;flex-wrap:wrap}

/* COOKIE */
.tp-cookie{position:fixed;left:1rem;right:1rem;bottom:1rem;max-width:560px;margin:0 auto;background:var(--tp-surface);border:1px solid #ffffff15;border-radius:.6rem;padding:1rem;display:flex;align-items:center;gap:1rem;z-index:9998;box-shadow:0 20px 50px -10px #000}
.tp-cookie p{margin:0;font-size:.85rem;color:var(--tp-muted);flex:1}

/* WIDGETS */
.widget{background:var(--tp-surface);border:1px solid #ffffff0a;border-radius:.5rem;padding:1rem;margin-bottom:1rem}
.widget-title{font-size:.95rem;color:var(--tp-accent);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.75rem}
.widget ul{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}
.widget a{color:var(--tp-muted);font-size:.9rem}
.widget a:hover{color:var(--tp-accent)}

/* PAGE */
.tp-page__title{font-size:2rem;margin-bottom:1rem}
.tp-page__body{color:var(--tp-muted);line-height:1.7}
.tp-page__body a{color:var(--tp-accent)}

/* RESPONSIVE */
@media (max-width:1100px){
	body.tp-cols-6 .tp-grid,body.tp-cols-5 .tp-grid{--tp-cols:4}
	.tp-layout{grid-template-columns:1fr}
	.tp-sidebar{position:static}
}
@media (max-width:880px){
	.tp-nav--primary{display:none}
	.tp-burger{display:flex}
	.tp-mobile-nav[aria-expanded=true],.tp-mobile-nav.is-open{display:block}
	body.tp-cols-6 .tp-grid,body.tp-cols-5 .tp-grid,body.tp-cols-4 .tp-grid{--tp-cols:3}
}
@media (max-width:640px){
	.tp-header__inner{flex-wrap:wrap}
	.tp-search{order:3;flex-basis:100%;max-width:none}
	.tp-grid{--tp-cols:2!important;gap:.6rem}
	.tp-section__title{font-size:1.1rem}
	.tp-single__title{font-size:1.2rem}
	.tp-card__title{font-size:.85rem}
}
@media (max-width:380px){
	.tp-grid{--tp-cols:1!important}
}
