/* per-video pages: base look is /catalog/style.css + mobile.css */
#agegate{display:none}
html.ag,html.ag body{overflow:hidden;height:100%}
html.ag #agegate{display:flex;position:fixed;inset:0;z-index:10000;background:rgba(14,15,19,.94);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);align-items:center;justify-content:center;overflow:auto}
.agw{display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px;box-sizing:border-box;color:#e8e8ee;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
.agw img{width:min(340px,80vw);height:auto;margin-bottom:28px;mix-blend-mode:lighten}.agw h2{font-size:28px;margin:0 0 10px;font-weight:700}.agw p{color:#9a9cab;max-width:440px;margin:0 0 28px;line-height:1.5}
.agb{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}.agb a,.agb button{font-family:inherit;font-size:16px;font-weight:600;line-height:20px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;border:0;border-radius:999px;padding:14px 26px;cursor:pointer;text-decoration:none;min-height:48px}
.agy{background:#c8205a;color:#fff}.agn{background:#1d1f27;color:#e8e8ee;border:1px solid #2c2f3a}
@media(max-width:1000px){.agw{padding:32px 20px;width:100%}.agw img{width:min(280px,72vw);margin-bottom:24px}.agw h2{font-size:26px}.agw p{font-size:16px}.agb{flex-direction:column;width:100%;max-width:360px;gap:12px}.agb a,.agb button{width:100%;min-height:56px;font-size:17px}}
.vpg .list a{display:flex;justify-content:space-between;padding:5px 8px;border-radius:6px;color:#cfd4dd;text-decoration:none}.vpg .list a:hover{background:var(--card)}.vpg .list a.on{background:#b01f55;color:#fff}.vpg .list a[hidden]{display:none}
.vpg a.chip,.vpg a.tab,.vpg a.title,.vpg a.thumb{text-decoration:none}.vpg a.thumb{display:block}.vpg a.title{display:block;color:var(--text)}
.bc{color:var(--mute);font-size:13px;margin:0 0 14px}.bc a{color:var(--mute)}
.vpanel{max-width:980px;max-height:none;overflow:hidden}.vpanel.dsp-panel{max-width:540px}.vpanel .hero-media.dsp img{aspect-ratio:3/4;object-fit:cover;object-position:center 18%}
.vpanel .dbody h1{margin:0 0 4px;font-size:1.5em}.vpanel .specs a{color:var(--accent);text-decoration:none}.vpanel .specs a:hover{text-decoration:underline}
.oc{margin:12px 0 0}.oc a{color:var(--mute);font-size:13px}.sh{font-size:18px;margin:34px 0 14px}
@media(max-width:1000px){.vpg .side .list a{min-height:48px;align-items:center;font-size:15px}}
@media(max-width:700px){.vpanel .dbody h1{font-size:20px}}
/* large screens (>=1700px): use the main column; 1440 and phone layouts untouched */
@media(min-width:1700px){
.vpg .vpanel{max-width:min(1900px,100%,calc((100vh - 330px)*1.5))}
.vpg .vpanel.dsp-panel{max-width:min(820px,100%)}
.vpg #grid.grid{grid-template-columns:repeat(auto-fill,minmax(max(320px,calc((100% - 140px)/6)),1fr))}
.vpg .sh{font-size:20px;margin:44px 0 16px}
}
@media(min-width:2400px){.vpg .vpanel .dbody{padding:26px 30px}.vpg .vpanel .dbody h1{font-size:1.75em}}