#top{display:flex;align-items:center;gap:16px}
#top .brand img{height:34px;width:auto}
#top nav{display:flex;gap:12px;align-items:center;margin-left:auto}

#provbar{margin-top:0;display:flex;gap:10px;flex-wrap:wrap;padding:12px 4vw 6px;position:relative;z-index:3}
.ph{display:flex;align-items:center;justify-content:center;text-align:center;padding:8px;background:linear-gradient(160deg,#20202c,#121218);color:#ccc;font-weight:600;font-size:13px;font-family:inherit;aspect-ratio:2/3;border-radius:8px}
.card{position:relative}
.cgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;padding:0 4% 30px}
.cgrid a{display:block;padding:14px;border-radius:10px;background:#16161f;color:#eee;text-decoration:none;font-weight:600}
.cgrid a span{display:block;color:#888;font-size:12px;font-weight:400;margin-top:4px}
.awl{padding:0 4%;color:#ccc;font-size:14px;line-height:1.7}.awl b{color:#ffcf6b}
.more{display:block;margin:10px auto 40px;padding:10px 22px}
.chips{display:flex;gap:8px;padding:0 4% 12px;flex-wrap:wrap}
.chips button{background:#16161f;color:#ddd;border:1px solid #2a2a36;border-radius:999px;padding:6px 14px;cursor:pointer}
.chips button.on{background:#fff;color:#000}
.card img.pvb{position:absolute!important;top:6px;left:6px;width:46px!important;height:20px!important;aspect-ratio:auto!important;object-fit:contain!important;background:#000000d0!important;padding:3px 5px;border-radius:5px!important;box-sizing:border-box}
.card img.pvb[alt="Disney+"]{background:#ffffffee!important}
.card.xc img{opacity:.55}.card.xc .t{color:#999}
.xpill{position:absolute;left:6px;right:6px;bottom:44px;font-weight:600;font-size:10.5px/1.3;font-family:inherit;color:#fff;background:#1d1d27e6;border:1px solid #ffffff26;border-radius:999px;padding:3px 8px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.xnote{display:inline-block;margin:6px 0 2px;font-weight:600;font-size:12px;font-family:inherit;color:#c9d6ff;background:#ffffff10;border:1px solid #ffffff1f;border-radius:999px;padding:3px 10px}
.card.pcard img{border-radius:50%!important;width:130px!important;height:130px!important;aspect-ratio:1!important;object-fit:cover}
.phead{display:flex;gap:24px;align-items:flex-start;padding:90px 4% 10px}.phead img{width:160px;border-radius:12px}.phead p{color:#bbb;max-width:760px;line-height:1.5}
.bcb{position:absolute;top:6px;right:6px;font-weight:700;font-size:9.5px/1;font-family:inherit;letter-spacing:.3px;color:#fff;background:#0b0b10d9;border:1px solid #ffffff30;border-radius:999px;padding:4px 6px}
.fbar{display:flex;gap:8px;flex-wrap:wrap;padding:0 4% 14px}
.fbar select{background:#16161f;color:#ddd;border:1px solid #2a2a36;border-radius:8px;padding:7px 10px;font-weight:500;font-size:13px;font-family:inherit}
.coll{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:10px;padding:0 4% 20px}
.cpart{display:flex;gap:12px;align-items:center;background:#14141c;border:1px solid #23232e;border-radius:10px;padding:8px;color:#eee;text-decoration:none}
.cpart img{width:54px;border-radius:6px}.cpart.none{opacity:.5}.cn{font-weight:800;font-size:18px;font-family:inherit;color:#9db4ff;width:22px;text-align:center}
.ww{margin-top:5px;display:flex;gap:5px;flex-wrap:wrap}.wpill{font-weight:600;font-size:11px;font-family:inherit;background:#ffffff14;border:1px solid #ffffff26;border-radius:999px;padding:2px 8px}.wpill.dim{opacity:.6}

/* country word tags, VideoMax pill-tag style (.betap), no flags */
.ctag{display:inline-flex;align-items:center;flex:none;height:17px;padding:0 6px;border:1px solid #ffffff59;border-radius:4px;background:#0b0b10cc;color:#fff;font-weight:700;font-size:9.5px/1;font-family:inherit;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;vertical-align:middle}
.bcb{background:none!important;border:0!important;padding:0!important;display:flex;gap:3px}
.xpill .ctag,.xnote .ctag{height:15px;font-size:8.5px;margin-left:2px}
.xpill{display:flex!important;align-items:center;justify-content:center;gap:4px;font-size:9.5px!important;padding:3px 5px!important}
.xpill .xt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.xpill .ctag{flex:none}
/* language switch + results filter (2026-10-25) */
@media (max-width:700px){
 #top nav{gap:6px}#top .navl{font-size:12px}
}
@media (max-width:480px){#top .navl{display:none}}
@media (max-width:700px){.bcb .ctag{height:14px;padding:0 4px;font-size:7.5px;letter-spacing:.06em}.card img.pvb{width:38px!important;height:17px!important}}

/* vmstyle 2026-10-25: Browse = VideoMax nav button (#profBtn look); toggles = VideoMax outlined pills */
.brw{position:relative}
.brw>summary{list-style:none;display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 14px;border-radius:8px;background:transparent;border:1px solid #fff3;color:#fff;font-weight:500;font-size:13px;cursor:pointer;white-space:nowrap;transition:.15s}
.brw>summary::-webkit-details-marker{display:none}
.brw>summary:hover{border-color:#fff8;background:#ffffff14}.brw[open]>summary{border-color:var(--accent)}
.brm{position:absolute;top:calc(100% + 6px);left:0;min-width:180px;display:flex;flex-direction:column;gap:2px;padding:6px;background:var(--card);border:1px solid #ffffff1f;border-radius:10px;box-shadow:0 10px 30px #000a;z-index:50}
.brm a{padding:9px 12px;border-radius:6px;color:var(--fg)}.brm a:hover,.brm a:focus-visible{background:#ffffff1a}
/* vmclone 2026-10-25: streamer bar = VideoMax .tile.st-w + .logo-m (logos symlinked from VideoMax), smaller; toggles = VideoMax .modesw */
#provbar .tile{width:104px;height:58px;aspect-ratio:auto;min-height:0;padding:0;cursor:pointer;position:relative;flex-direction:column}
#provbar .tile.on{border-color:#f2f2f5;box-shadow:0 0 0 2px #f2f2f5}
#provbar .tile.off{opacity:.4;cursor:default}
#provbar .tile small{position:absolute;bottom:3px;left:0;right:0;text-align:center;font-size:9.5px;color:#fff;opacity:.85}
.modesw.lng .mthumb,.modesw.cty .mthumb{display:block}
#app{padding-top:var(--hh,72px)}

/* notags 2026-10-25: no overlays on posters; muted caption under the title (VideoMax .card .t scale, --mut colour) */
.card .tcap{font-size:11.5px;line-height:1.3;margin-top:2px;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.01em}
.card .t{min-height:0!important}

/* hdr 2026-10-26: sticky header block = search bar, streamer tiles, chips, separator line */
#stk{position:fixed;left:0;right:0;z-index:99;background:#0b0b10;border-bottom:1px solid #ffffff1f;padding:8px 4vw 4px}
#provbar{padding:2px 0 8px!important;justify-content:center;margin:0 auto}
#chipbar .chips{justify-content:center;padding:0 0 8px}
#chipbar:empty{display:none}
#provbar .tile{display:flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid #ffffff1a}
#provbar .tile .logo-m{margin:auto}
#provbar .tile.off{opacity:1}
@media (max-width:700px){#provbar{gap:5px!important;flex-wrap:nowrap}#provbar .tile{flex:1 1 0;min-width:0;max-width:84px;height:40px}#chipbar .chips{gap:6px}#chipbar .chips button{padding:5px 11px;font-size:12px}}
/* clean, sharp Watch on [logo] button: no blur/glow/shadow */
html body a.btn.wbtn{display:inline-flex;align-items:center;gap:10px;background:#0b0b10!important;border:1px solid #ffffffb3!important;color:#fff!important;border-radius:999px;color:#fff;text-shadow:none!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;filter:none!important;font-weight:600;-webkit-font-smoothing:antialiased}
a.btn.wbtn:hover{background:#1c1c24;border-color:#fff}
.wbtn .wlogo{display:block;height:20px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}
/* mobtog 2026-10-26: compact VideoMax-style toggles on phones: EN|ES and US|CL|BOTH */
@media (max-width:600px){
 header#top .modesw.lng,header#top .modesw.cty{margin-left:2px}
 header#top .modesw.lng button,header#top .modesw.cty button{width:auto;min-width:34px;height:28px;padding:0 7px;font-size:0;letter-spacing:0;justify-content:center;position:relative;z-index:1}
 header#top .modesw.lng button::after,header#top .modesw.cty button::after{font-size:11px;font-weight:700;letter-spacing:.04em}
 .lng [data-l=en]::after{content:"EN"}.lng [data-l=es]::after{content:"ES"}
 .cty [data-c=US]::after{content:"US"}.cty [data-c=CL]::after{content:"CL"}
 .cty [data-c=B]::after{content:"BOTH"}html[lang=es] .cty [data-c=B]::after{content:"AMBOS"}
 header#top .modesw.cty button[data-c=B]{min-width:44px}
}
@media (max-width:600px){
 .brw>summary{padding:0 9px;font-size:12px;min-height:36px}
 header#top .modesw.lng button,header#top .modesw.cty button{min-width:30px;padding:0 5px}
 header#top .modesw.cty button[data-c=B]{min-width:0}
 header#top .modesw.lng button::after,header#top .modesw.cty button::after{font-size:10.5px;letter-spacing:.02em}
}
@media (max-width:370px){.brw>summary{padding:0 7px;font-size:11px}header#top .modesw.lng button,header#top .modesw.cty button{padding:0 4px;min-width:26px}}
/* black tiles (Netflix, Hulu, Apple TV): thin subtle white edge */
#provbar .tile[data-p=netflix],#provbar .tile[data-p=hulu],#provbar .tile[data-p=apple]{border:1px solid #ffffff4d}

/* ssearch: VideoMax .hubhead + #hq row in the sticky header, centred with the chips */
#ssrow.hubhead{padding:0 0 8px;justify-content:center;gap:10px 14px}
#ssrow #hq{min-width:300px;width:340px;max-width:100%;height:36px;box-sizing:border-box;font:inherit;font-size:13px}
#ssrow #chipbar .chips{padding:0}
@media (max-width:600px){#ssrow.hubhead{gap:6px}#ssrow #hq{min-width:0;width:100%;height:34px}}
/* nobrowse 2026-10-26: Browse/Explorar hidden for now (markup+JS kept; restore by deleting this rule) */
#top details.brw{display:none!important}

/* heroline 2026-10-26: thin white line after the hero slides, same as the sticky header line */
#app>.hero.carousel{border-bottom:1px solid #ffffff1f;margin-bottom:18px}

/* fix3 2026-10-26: filter bar = one row of identical rounded pills (VideoMax .btn radius), text dead-centred; selects look like the chips */
#chipbar .chips{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:0 0 8px}
#chipbar .chips>button,#chipbar .chips>select{box-sizing:border-box;height:34px;min-height:34px;margin:0;display:inline-flex;align-items:center;justify-content:center;padding:0 16px;border-radius:999px;border:1px solid #ffffff40;background:#00000073;color:#fff;font:inherit;font-size:13px;font-weight:500;line-height:1;text-align:center;text-align-last:center;white-space:nowrap;cursor:pointer;vertical-align:middle}
#chipbar .chips>select{-webkit-appearance:none;appearance:none;padding:0 30px 0 16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23fff' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;max-width:210px;text-overflow:ellipsis}
#chipbar .chips>select option{background:#16161f;color:#fff}
#chipbar .chips>button:hover,#chipbar .chips>select:hover{border-color:#ffffffa6;background-color:#ffffff14}
#chipbar .chips>button.on{background:#fff;color:#000;border-color:#fff}
#chipbar .chips>select.on{border-color:#fff;background-color:#ffffff26;box-shadow:inset 0 0 0 1px #fff}
#chipbar .chips>.fclr{border-style:dashed}
#ssrow.hubhead{flex-wrap:wrap}
@media (max-width:700px){#chipbar .chips{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:6px}#chipbar .chips::-webkit-scrollbar{display:none}#chipbar .chips>button,#chipbar .chips>select{height:32px;min-height:32px;padding:0 13px;font-size:12px;flex:none}#chipbar .chips>select{padding-right:26px;background-position:right 10px center}#chipbar{width:100%}}
/* fix3: title landing hero sized to the 16:9 art, nothing cropped, a bit smaller than full width */
#app .hero.carousel.zhs.tl{position:relative;height:auto!important;min-height:0!important;aspect-ratio:16/9;width:100%;max-width:min(100%,calc((100vh - var(--hh,72px) - 70px)*16/9));margin:12px auto 18px;border-radius:12px;overflow:hidden;background:#000}
#app .hero.zhs.tl .slide{position:absolute;inset:0;opacity:1}
#app .hero.zhs.tl img.bg{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;left:0!important;right:0!important}
@media (max-width:700px){
 #app .hero.carousel.zhs.tl{aspect-ratio:auto;max-width:100%;margin:8px 0 14px;border-radius:0;overflow:visible}
 #app .hero.zhs.tl .slide{position:relative;inset:auto;display:block;padding:0}
 #app .hero.zhs.tl .slide:after{display:none}
 #app .hero.zhs.tl img.bg{position:relative!important;inset:auto;display:block;height:auto!important;aspect-ratio:16/9}
 #app .hero.zhs.tl .cap{padding:12px 5vw 0;max-width:none}
}
/* fix3b: scoped search = 50% width centred, text left; type group, gap, originals (VideoMax --accent blue) */
#ssrow.hubhead{flex-direction:column;align-items:center;gap:8px}
#ssrow #hq{width:50vw!important;min-width:0!important;max-width:none!important;text-align:left}
#ssrow #chipbar{width:100%}
#chipbar .chips>button[data-ty].on,#chipbar .chips>button[data-or].on{background:var(--accent,#1e3a8a);border-color:var(--accent,#1e3a8a);color:#fff}
#chipbar .chips>button[data-or]{margin-left:14px}
#chipbar .chips>button[data-or]+select{margin-left:14px}
@media (max-width:700px){#ssrow #hq{width:100%!important}#chipbar .chips>button[data-or],#chipbar .chips>button[data-or]+select{margin-left:8px}}
/* fix3c: EN|ES and US|CL|BOTH toggles: selected = VideoMax --accent blue, white text */
header#top .modesw .mthumb{background:var(--accent,#1e3a8a)!important;box-shadow:none!important}
header#top .modesw button.on,header#top .modesw button[aria-selected=true]{color:#fff!important}
header#top .modesw button.on{background:var(--accent,#1e3a8a)!important;color:#fff!important}
/* fix3d: text card when no poster */
#app .card .ph{aspect-ratio:2/3;width:100%;display:flex;align-items:center;justify-content:center;text-align:center;padding:10px;box-sizing:border-box;border-radius:8px;background:linear-gradient(160deg,#1c1c28,#101018);border:1px solid #ffffff1a;color:#e8e8ee;font-weight:600;font-size:14px;line-height:1.25}
/* fix4: stable filter bar - Quitar filtros always reserves its slot; no scrollbar jump */
html{scrollbar-gutter:stable;overflow-y:scroll}
#chipbar .chips>.fclr.idle{visibility:hidden;pointer-events:none}
#chipbar .chips>button,#chipbar .chips>select{font-weight:500!important;border-width:1px!important}
/* fix6: cover-art language picker (selected = VideoMax blue) + hero title logo */
#chipbar .chips>select.apsel.on{background-color:#1e3a8a!important;border-color:#1e3a8a!important;box-shadow:none}
.hero .cap img.tlogo{display:block;max-width:min(420px,70%);max-height:150px;width:auto;height:auto;object-fit:contain;object-position:left bottom;margin:0 0 12px;filter:drop-shadow(0 2px 8px #000a)}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* v36 2026-10-26: selected streamer tiles = VideoMax.club blue halo (copied from videomax app.css vm319p ring); unselected dim when any is selected */
@keyframes tintwRing{0%,100%{box-shadow:0 0 0 2px rgb(59,130,246),0 0 6px 1px rgba(59,130,246,.30)}50%{box-shadow:0 0 0 3px rgb(59,130,246),0 0 14px 4px rgba(59,130,246,.55)}}
#provbar .tile.on{border-color:rgb(59,130,246)!important;box-shadow:0 0 0 2px rgb(59,130,246),0 0 12px 3px rgba(59,130,246,.40)!important;animation:tintwRing 2s ease-in-out infinite;opacity:1!important}
#provbar:has(.tile.on) .tile:not(.on):not(.off){opacity:.5}
#provbar .tile.off{opacity:.25;filter:grayscale(1);cursor:default}
/* v36: header never shifts on EN/ES: fixed-width toggle buttons */
@media (min-width:601px){
 header#top .modesw.lng button{width:78px;min-width:78px;padding:0;justify-content:center;font-size:12px}
 header#top .modesw.cty button{width:62px;min-width:62px;padding:0;justify-content:center;font-size:12px}
 header#top nav{flex-wrap:nowrap;gap:8px}
}
/* v36: filter row on one line at desktop (short labels, compact selects) */
@media (min-width:1100px){
 #ssrow.hubhead{flex-wrap:nowrap}
 #ssrow .fbar{flex-wrap:nowrap;gap:6px}
 #ssrow .fbar select{font-size:12px;padding-top:4px;padding-bottom:4px;min-width:0;width:auto}

}
#ssrow select,.fbar select{field-sizing:content;min-width:0!important;width:auto;max-width:none;padding-left:14px!important;padding-right:28px!important;background-position:right 10px center}
/* v36: Originals-only button sits right of the streamer search; the pair is centred */
#ssrow #hqrow{display:flex;align-items:center;justify-content:center;gap:10px;width:100%}
#ssrow #hqrow .chips.orw{padding:0;margin:0;flex:0 0 auto}
@media (max-width:700px){#ssrow #hqrow #hq{flex:1 1 auto;width:auto!important}}
/* v36: phones: fixed toggle widths so EN/ES never shifts the header */
@media (max-width:600px){
 header#top .modesw.lng button{width:34px!important;min-width:34px!important;padding:0!important}
 header#top .modesw.cty button{width:36px!important;min-width:36px!important;padding:0!important}
 header#top .modesw.cty button[data-c=B]{width:50px!important;min-width:50px!important}
}

/* JC: orange dotted Clear filters */
.fclr{color:#f97316!important;border-color:#f97316!important}
/* JC: BETA pill after wordmark */
header#top .beta{flex:0 0 auto;display:inline-flex;align-items:center;height:18px;padding:0 7px;margin-left:6px;border-radius:9px;background:#1e3a8a;color:#fff;font:700 10px/1 system-ui,sans-serif;letter-spacing:.06em;white-space:nowrap;align-self:center}
header#top .brand{display:inline-flex!important;align-items:center;width:auto!important}

/* JC: type segmented toggle like country toggle */
.tyseg{display:inline-flex;gap:0;padding:3px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.04)}
.tyseg button[data-ty]{width:92px;min-width:92px;height:30px;padding:0!important;margin:0!important;border:0!important;border-radius:999px!important;background:transparent!important;color:#cbd5e1!important;font-weight:600;justify-content:center;text-align:center;box-shadow:none!important}
.tyseg button[data-ty].on{background:#1e3a8a!important;color:#fff!important}
@media (max-width:600px){.tyseg button[data-ty]{width:78px;min-width:78px}}
header#top .beta{margin-left:-34px!important}
@media (max-width:600px){header#top .beta{margin-left:-6px!important}}
@media (max-width:420px){header#top .beta{display:none!important}}
/* v46: selected-title page = VideoMax TV Cable hero card (rounded, inset, bordered) */
#app section.hero.tlhero{margin:16px 18px 8px!important;width:auto!important;border-radius:18px!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.12);box-shadow:0 10px 40px rgba(0,0,0,.45)}
#app section.hero.tlhero .slide,#app section.hero.tlhero .bg{border-radius:18px}
#app section.hero.tlhero .hnav,#app section.hero.tlhero .dots{display:none!important}
@media (max-width:600px){#app section.hero.tlhero{margin:10px 8px 6px!important;border-radius:14px!important}}
#app section.hero.tlhero .bg{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center 25%}
#app section.hero.tlhero .slide::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(8,10,16,.92) 0%,rgba(8,10,16,.6) 38%,rgba(8,10,16,0) 70%);pointer-events:none}
#app section.hero.tlhero .cap{position:relative;z-index:2}

/* v48 mobile polish */
#pvmore{display:none}
@media (max-width:600px){
 html,body{overflow-x:hidden}
 #provbar{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:6px!important;max-height:40px;overflow:hidden;transition:max-height .25s}
 #provbar.more{max-height:600px}
 #provbar .tile{width:auto!important;min-width:0!important;height:40px!important;flex:none!important}
 #provbar .tile img,#provbar .tile .vml{max-width:80%;max-height:22px}
 #pvmore{display:block;margin:4px auto 2px;height:40px;padding:0 18px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:transparent;color:#cbd5e1;font-weight:600}
 #chipbar .chips{flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent);padding-right:28px}
 #chipbar .chips::-webkit-scrollbar{display:none}
 #chipbar .chips>*{flex:0 0 auto}
 #chipbar select,#chipbar button,.tyseg button[data-ty],#hqrow button{min-height:40px!important;height:40px!important}
 .tyseg{padding:0!important}
 #hq{height:40px!important;min-width:0}
 header#top .modesw button{min-height:40px!important;height:40px!important}
 #app section.hero .cap p{font-size:14px;line-height:1.4}
 #app section.hero.tlhero .cap{max-width:100%}
}
/* v50: title card grows to fit content (no clipped Watch button) */
#app section.hero.tlhero{height:auto!important;min-height:380px!important;max-height:none!important;aspect-ratio:auto!important}
#app section.hero.tlhero .slide{position:relative!important;height:auto!important;min-height:380px;max-height:none!important;display:flex!important;align-items:center;opacity:1!important}
#app section.hero.tlhero .cap{position:relative!important;inset:auto!important;bottom:auto!important;top:auto!important;transform:none!important;padding:32px 32px 28px!important;max-height:none!important;overflow:visible!important}
@media (max-width:600px){#app section.hero.tlhero .slide{min-height:420px;align-items:flex-end}#app section.hero.tlhero{min-height:420px!important}#app section.hero.tlhero .cap{padding:180px 16px 24px!important}}

/* v51: back button copied from VideoMax (.pageback in membersonlyvideoclub.com app.css) */
.pageback{display:inline-flex;align-items:center;gap:8px;min-height:42px;margin:16px 18px 0;padding:8px 20px;background:rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.25);border-radius:999px;color:#fff;font:inherit;font-size:15px;font-weight:500;text-decoration:none;cursor:pointer;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:border-color .15s,background .15s;position:relative;z-index:3}
.pageback:hover,.pageback:focus{background:rgba(255,255,255,.12);border-color:rgb(59,130,246);color:#fff}
.pageback+section.hero.tlhero{margin-top:10px!important}
@media (max-width:600px){.pageback{margin:12px 8px 0;min-height:44px}}

/* v53: floating back button (fixed, below sticky header, safe-area aware) */
.pageback{position:fixed!important;top:calc(var(--tbtop,80px) + 14px)!important;left:calc(14px + env(safe-area-inset-left))!important;margin:0!important;z-index:60!important}
@media (max-width:600px){.pageback{top:calc(var(--tbtop,64px) + 12px)!important;left:calc(10px + env(safe-area-inset-left))!important;min-height:44px}}
#app:has(> .pageback) section.hero.tlhero .cap{padding-top:72px!important}