/* JAV Modern - "indigo gallery": navy surfaces, rounded panels, indigo search/actions, bold sans titles.
   Dark is the default; light is the original airy grey-blue gallery. */
html,html[data-color-mode="dark"]{
  --bg:#0f1520;--surface:#18212f;--surface-2:#202b3c;--card-bg:transparent;--panel:#151d2a;
  --ink:#e9eef7;--ink-strong:#fff;--ink-soft:#cdd6e4;--muted:#a9b7cc;--line:#2c384c;
  --accent:#4f63d6;--accent-ink:#fff;--accent-text:#b6c5ff;--accent-soft:#25325a;--accent-2:#8fa3ff;
  --chip-bg:#202b3c;--chip-ink:#dce4f1;--pager-active:#4f63d6;--side-bg:#151d2a;--meta-bg:#121a26;--film-bg:#151d2a;--film-pad:24px;
  --skel-a:#1c2636;--skel-b:rgba(160,180,255,.07);--spot:rgba(122,142,255,.18);--accent-glow:rgba(79,99,214,.45);
  --focus:#b6c5ff;--shadow:0 18px 48px rgba(0,0,0,.5);--desc-fade:#0f1520;--bg-input:#0f1520;
  --radius:10px;--radius-sm:7px;--card-radius:9px;--btn-radius:9px;--h2:21px;--gutter:24px;
  --canvas:#0f1520;--paper:#18212f;--readable-link:#b6c5ff;--error:#ffb6bd;
  --card-pad:10px 2px 4px;--card-pad-sm:8px 1px 2px;--card-title:14px;--card-title-weight:650;
  color-scheme:dark}
html[data-color-mode="light"]{
  --bg:#edf1f6;--surface:#fff;--surface-2:#f1f4f9;--card-bg:transparent;--panel:#fff;
  --ink:#1d293e;--ink-strong:#111a2b;--ink-soft:#2c3a52;--muted:#55647a;--line:#d6dfeb;
  --accent:#354cb1;--accent-ink:#fff;--accent-text:#354cb1;--accent-soft:#e9edff;--accent-2:#354cb1;
  --chip-bg:#eef2fa;--chip-ink:#1d293e;--pager-active:#354cb1;--side-bg:#fff;--meta-bg:#f6f8fc;--film-bg:#fff;
  --skel-a:#dfe6ef;--skel-b:rgba(255,255,255,.7);--spot:rgba(53,76,177,.13);--accent-glow:rgba(53,76,177,.3);
  --focus:#354cb1;--shadow:0 14px 34px rgba(29,41,62,.14);--desc-fade:#fff;--bg-input:#fff;
  --canvas:#edf1f6;--paper:#fff;--readable-link:#354cb1;--error:#a32638;
  color-scheme:light}

/* ---------- base ---------- */
body{margin:0;font-family:"Segoe UI",Tahoma,Arial,"Noto Sans",sans-serif;font-size:15px;line-height:1.6;color:var(--ink);background:var(--bg)}
html[lang="ar"] body{font-family:Tahoma,"Segoe UI","Noto Naskh Arabic",Arial,sans-serif}
html[lang="th"] body{font-family:"Segoe UI","Leelawadee UI","Noto Sans Thai",Tahoma,sans-serif}
html[lang="hi"] body{font-family:"Segoe UI","Nirmala UI","Noto Sans Devanagari",sans-serif}
html{scroll-behavior:smooth}
h1,h2,h3,h4{color:var(--ink-strong)}
a{color:inherit}
@media(hover:hover){a:hover{color:var(--accent-text)}}
::selection{background:var(--accent);color:#fff}
html,body{scrollbar-color:#3a4760 transparent}
html[data-color-mode="light"],html[data-color-mode="light"] body{scrollbar-color:#b4c0d3 transparent}
.container{width:100%;max-width:1380px;margin-inline:auto;padding-inline:var(--gutter)}
.row{margin:0}
.clearfix::after{content:"";display:table;clear:both}
.text-muted{color:var(--muted)}
.form-control,textarea,input[type=text],input[type=password],input[type=email],input[type=search]{max-width:100%;background:var(--bg-input);border:1px solid var(--line);border-radius:7px;padding:10px 12px;color:var(--ink)}
.gallery-skip{position:absolute;inset-inline-start:16px;top:-80px;z-index:1000;padding:12px;border-radius:8px;background:var(--accent);color:#fff}
.gallery-skip:focus{top:12px}
.gallery-skip:focus{color:#fff}@media(hover:hover){.gallery-skip:hover{color:#fff}}

/* ---------- header ---------- */
.gallery-header{position:relative;z-index:40;background:var(--surface);border-bottom:1px solid var(--line)}
.gallery-top{display:flex;align-items:center;gap:20px;min-height:76px}
.gallery-brand{display:flex;align-items:center;gap:12px;min-width:0;flex:none;font-size:20px;font-weight:750;letter-spacing:-.4px;color:var(--ink-strong)}
@media(hover:hover){.gallery-brand:hover{color:var(--ink-strong)}}
.gallery-custom-logo{display:block;width:auto;height:44px;max-width:150px;object-fit:contain}
html[data-color-mode="dark"] .gallery-custom-logo{filter:brightness(1.5) saturate(1.1)}
.gallery-brand-mark{width:36px;height:36px;flex:none}
.brand-name{display:none;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(min-width:1600px){.brand-name{display:block}}
.gallery-search{display:flex;flex:1;max-width:560px;margin-inline:auto;border:1px solid var(--line);border-radius:10px;background:var(--bg);overflow:hidden;transition:border-color .2s,box-shadow .2s}
.gallery-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}
.gallery-search input{flex:1;min-width:0;border:0;border-radius:0;border-start-start-radius:9px;border-end-start-radius:9px;background:transparent;padding:11px 16px;color:var(--ink);outline:none}
.gallery-search input:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}
.gallery-search button:focus-visible{outline:2px solid currentColor;outline-offset:-4px}
.gallery-search input::placeholder{color:var(--muted)}
.gallery-search button{display:inline-flex;align-items:center;gap:8px;border:0;background:var(--accent);color:#fff;padding:0 20px;font-weight:650;cursor:pointer;transition:filter .2s}
@media(hover:hover){.gallery-search button:hover{filter:brightness(1.12)}}
.gallery-search button svg{width:18px;height:18px}
.gallery-tools{display:flex;align-items:center;gap:8px;flex:none}
.tool-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:40px;min-height:40px;padding:0 10px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--ink);font-size:14px;font-weight:600;line-height:1;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.tool-btn[aria-expanded="true"]{background:var(--accent-soft);color:var(--accent-text)}@media(hover:hover){.tool-btn:hover{background:var(--accent-soft);color:var(--accent-text)}}
.tool-btn svg{width:20px;height:20px;flex:none}
.gallery-tools .tui-color-toggle{min-height:40px;padding:0 12px;border:1px solid var(--line);border-radius:9px;background:transparent;color:var(--ink);font-size:14px!important;box-shadow:none}
@media(hover:hover){.gallery-tools .tui-color-toggle:hover{background:var(--accent-soft);color:var(--accent-text)}}
.tool-search,.tool-menu{display:none}
.tool-wrap{position:relative}
.tool-panel{position:absolute;top:calc(100% + 10px);inset-inline-end:0;z-index:90;width:320px;max-width:calc(100vw - 24px);padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:var(--shadow);animation:jm-pop .2s cubic-bezier(.2,.7,.2,1)}
@keyframes jm-pop{from{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}
.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.panel-head h2{margin:0;font-size:15px}
.panel-head a{font-size:13px;color:var(--accent-text)}
#stui_history{margin:0;padding:0;list-style:none;max-height:320px;overflow:auto}
#stui_history li{border-top:1px solid var(--line);font-size:14px}
#stui_history li a{display:block;padding:9px 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#stui_history li.is-empty{padding:12px 2px;color:var(--muted)}
.tool-lang{max-width:140px;min-height:40px;padding:6px 10px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink);font-size:14px;cursor:pointer}
.menu-morph{position:relative;display:inline-block;width:20px;height:14px}
.menu-morph span{position:absolute;left:0;width:100%;height:2px;border-radius:2px;background:currentColor;transition:transform .3s cubic-bezier(.2,.7,.2,1),opacity .2s,top .3s}
.menu-morph span:nth-child(1){top:0}.menu-morph span:nth-child(2){top:6px}.menu-morph span:nth-child(3){top:12px}
[aria-expanded="true"] .menu-morph span:nth-child(1){top:6px;transform:rotate(45deg)}
[aria-expanded="true"] .menu-morph span:nth-child(2){opacity:0}
[aria-expanded="true"] .menu-morph span:nth-child(3){top:6px;transform:rotate(-45deg)}
.gallery-nav .nav-inner{display:flex;align-items:center;gap:6px;overflow-x:auto;margin-top:-6px;padding-top:6px;padding-bottom:12px;scrollbar-width:none}
.gallery-nav .nav-inner::-webkit-scrollbar{display:none}
.gallery-nav a{flex:none;white-space:nowrap;padding:7px 14px;border-radius:8px;font-weight:600;font-size:14px;color:var(--ink-soft);transition:background .2s,color .2s}
.gallery-nav a.active{background:var(--accent-soft);color:var(--accent-text)}@media(hover:hover){.gallery-nav a:hover{background:var(--accent-soft);color:var(--accent-text)}}
.nav-mobile-extra{display:none}

/* ---------- home hero with aurora backdrop ---------- */
.gallery-hero{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:28px 0 24px;padding:34px 34px 30px;border:1px solid var(--line);border-radius:18px;background:var(--panel);overflow:hidden;isolation:isolate}
.hero-aurora{position:absolute;inset:-40% -10%;z-index:-1;pointer-events:none;filter:blur(60px);opacity:.55}
.hero-aurora span{position:absolute;width:46%;height:70%;border-radius:50%;animation:jm-aurora 18s ease-in-out infinite alternate}
.hero-aurora span:nth-child(1){left:2%;top:18%;background:radial-gradient(circle,#4f63d6,transparent 65%)}
.hero-aurora span:nth-child(2){left:38%;top:30%;background:radial-gradient(circle,#7b4fd6,transparent 65%);animation-delay:-6s}
.hero-aurora span:nth-child(3){right:-2%;top:4%;background:radial-gradient(circle,#2f8fd6,transparent 65%);animation-delay:-12s}
html[data-color-mode="light"] .hero-aurora{opacity:.28}
@keyframes jm-aurora{0%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(8%,-6%,0) scale(1.12)}100%{transform:translate3d(-6%,8%,0) scale(.94)}}
.hero-copy{min-width:0}
.gallery-hero h1{margin:0;font-size:clamp(26px,3.2vw,40px);line-height:1.15;letter-spacing:-.8px;font-weight:800}
.gallery-hero h1 .split-word{display:inline-block;animation:jm-word .7s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--w,0) * 70ms)}
@keyframes jm-word{from{opacity:0;filter:blur(8px);transform:translateY(10px)}to{opacity:1;filter:none;transform:none}}
.gallery-hero p{margin:10px 0 0;max-width:640px;color:var(--muted)}
.hero-cats{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.hero-cats a{padding:6px 13px;border-radius:999px;border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 70%,transparent);font-size:13px;font-weight:600;color:var(--ink-soft)}
@media(hover:hover){.hero-cats a:hover{border-color:var(--accent);color:var(--accent-text)}}
.gallery-stat{display:flex;gap:26px;flex:none;margin:0;text-align:end}
.gallery-stat p{margin:0;display:grid;gap:2px}
.gallery-stat strong{font-size:26px;line-height:1.1;font-weight:800;color:var(--ink-strong);font-variant-numeric:tabular-nums}
.gallery-stat span{font-size:13px;color:var(--muted)}

/* ---------- panels and section heads ---------- */
.stui-pannel{margin:0 0 24px;padding:22px 24px 24px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}
.stui-vodlist__head{margin:0 0 18px;padding:0 0 14px;border-bottom:1px solid var(--line)}
.stui-vodlist__head h2,.stui-vodlist__head h2 a{font-weight:750;letter-spacing:-.3px;color:var(--ink-strong)}
.stui-vodlist__head .more-link{color:var(--accent-text);font-weight:650}
.film-more,.comment-section{margin-top:28px}
.film-more .stui-vodlist__head,.comment-section .stui-vodlist__head{border-bottom:0;padding-bottom:0}

/* ---------- cards ---------- */
.stui-vodlist__box{overflow:visible}
.stui-vodlist__box::after{border-radius:var(--card-radius)}
.stui-vodlist__thumb{border-radius:var(--card-radius);box-shadow:0 0 0 1px rgba(255,255,255,.03)}
html[data-color-mode="light"] .stui-vodlist__thumb{box-shadow:0 0 0 1px rgba(29,41,62,.06)}
.stui-vodlist__thumb .play{background:radial-gradient(circle at center,rgba(79,99,214,.0),rgba(10,15,30,.35));}
.stui-vodlist__thumb .play::after{content:"";position:absolute;left:50%;top:50%;width:48px;height:48px;margin:-24px 0 0 -24px;border-radius:50%;background:rgba(79,99,214,.92) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 6.5v11l9-5.5z' fill='%23fff'/%3E%3C/svg%3E") center/26px no-repeat;box-shadow:0 8px 24px rgba(30,40,110,.5);transform:scale(.85);transition:transform .3s}
@media(hover:hover){.stui-vodlist__box:hover .stui-vodlist__thumb .play::after{transform:none}}
.stui-vodlist__thumb .pic-text{inset-inline-start:6px;inset-inline-end:auto;background:rgba(12,18,32,.82);border-radius:5px}
.stui-vodlist__thumb .pic-dur{inset-inline-end:6px;inset-inline-start:auto;background:rgba(12,18,32,.82)}
.stui-vodlist__detail{background:transparent}
.stui-vodlist__detail .title a{color:var(--ink-strong)}
@media(hover:hover){.stui-vodlist__detail .title a:hover{color:var(--accent-text)}}
.stui-vodlist__detail .text .score{color:var(--accent-text);font-weight:650}
.stui-vodlist__box{transition:transform .3s cubic-bezier(.2,.7,.2,1)}
@media(hover:hover){.stui-vodlist__box:hover{transform:translateY(-3px)}}
@media(hover:hover){.stui-vodlist__box:hover .stui-vodlist__thumb{box-shadow:0 14px 30px rgba(0,0,0,.45),0 0 0 2px var(--accent)}}
@media(hover:hover){html[data-color-mode="light"] .stui-vodlist__box:hover .stui-vodlist__thumb{box-shadow:0 12px 26px rgba(29,41,62,.18),0 0 0 2px var(--accent)}}

/* ---------- list pages ---------- */
.list-page{padding-top:8px}
.list-head{margin-top:26px}
.list-title h1{font-weight:800;letter-spacing:-.6px}
.film-filter{background:var(--panel)}
.sort-tabs a{border-radius:9px}
.stui-page__item li a{border:1px solid var(--line);background:var(--surface)}

/* ---------- detail / watch ---------- */
.film{border:1px solid var(--line)}
.film-title{font-weight:800;letter-spacing:-.4px;font-size:clamp(20px,1.9vw,27px)}
.btn-watch{background:linear-gradient(135deg,#4c5fe0,#3a4ab8) #3a4ab8;color:#fff}
html[data-color-mode="light"] .btn-watch{background:linear-gradient(135deg,#3f57c9,#2c3f9c) #2c3f9c}
.btn-ghost{border-radius:9px}
.film-meta{border-radius:12px}
.chip{background:var(--accent-soft);color:var(--accent-text)!important}
@media(hover:hover){.chip:hover{background:var(--accent);color:#fff!important}}
.page-watch{--player-offset:280px}
.watch-page .player-box{border-radius:14px;box-shadow:0 24px 60px rgba(0,0,0,.5),0 0 0 1px var(--line)}
.watch-info{margin-top:18px;padding:20px 22px 8px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}
/* the title card is never squeezed to a short-screen player: at least 880px (or the full width), as wide as the player when that is wider */
.watch-stage:not(.has-side)+.watch-info{max-width:min(100%,max(880px,calc((100vh - var(--player-offset,150px)) * 1.7778)));max-width:min(100%,max(880px,calc((100svh - var(--player-offset,150px)) * 1.7778)));margin-inline:auto}
.stui-player__side{background:var(--panel)}

/* ---------- account / community surfaces ---------- */
.gallery-account,.stui-gbook,.gallery-permission-card,.gallery-comments-panel{color:var(--ink)}
.stui-gbook{max-width:860px;margin:26px auto;padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}
.stui-gbook h1{margin:0 0 16px;font-size:26px}
.stui-gbook-form{margin:0 0 20px;padding:0;list-style:none}
.stui-gbook-form textarea{width:100%;min-height:130px}
.stui-gbook__item{display:grid;gap:6px;margin:0;padding:16px 0;list-style:none;border-top:1px solid var(--line)}
.stui-gbook__item .name h4{margin:0;font-size:14px;color:var(--muted)}
.stui-gbook__item .cont{padding:14px 16px;border-radius:9px;background:var(--surface-2)}
.stui-gbook__item .foot{font-size:12px;color:var(--muted)}
.gbook_submit,.stui-gbook-form .submit{min-height:44px;padding:0 24px;border:0;border-radius:9px;background:var(--accent)!important;color:#fff!important;font-weight:700;cursor:pointer}
.gallery-account{padding-top:24px}

/* ---------- footer ---------- */
.jm-footer{margin-top:44px;background:var(--surface);border-top:1px solid var(--line);color:var(--muted);font-size:14px}
.jm-footer__grid{display:grid;grid-template-columns:minmax(0,2fr) repeat(2,minmax(0,1fr));gap:28px;padding-top:34px;padding-bottom:26px}
.jm-footer__name{display:inline-flex;align-items:center;gap:10px;font-size:17px;font-weight:750;color:var(--ink-strong)}
.jm-footer__intro{max-width:460px;margin:12px 0 10px}
.jm-footer__stats{margin:0}
.jm-footer__stats strong{color:var(--accent-text)}
.jm-footer__col h2{margin:0 0 12px;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-strong)}
.jm-footer__col ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.jm-footer__col a{color:var(--muted)}
@media(hover:hover){.jm-footer__col a:hover{color:var(--accent-text)}}
.jm-footer__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 20px;padding-top:16px;padding-bottom:22px;border-top:1px solid var(--line);font-size:13px}
.jm-footer__bar p{display:flex;align-items:center;gap:8px;margin:0}
.jm-footer__bar a{color:var(--accent-text)}
.age-badge{display:inline-grid;place-items:center;min-width:32px;height:22px;padding:0 6px;border-radius:6px;background:var(--accent);color:#fff;font-size:11px;font-weight:800}

/* ---------- jump / close ---------- */
.page-jump{background:radial-gradient(circle at 30% 20%,rgba(79,99,214,.25),transparent 55%),var(--bg)}
.page-jump .jump-card{background:var(--surface);border-color:var(--line);border-radius:18px}
.page-jump .btn-watch{min-width:140px}

/* ---------- tablet ---------- */
@media(max-width:1100px){
  .gallery-tools .tool-label{display:none}
  .gallery-tools .tui-color-toggle{padding:0;width:40px;border-color:transparent}
}
/* the compact header (search and menu as panels) is also used by phones in landscape */
@media(max-width:900px),(orientation:landscape) and (max-height:500px){
  .gallery-top{gap:10px;min-height:60px}
  .gallery-search{display:none;position:absolute;inset-inline:12px;top:calc(100% + 8px);z-index:60;max-width:none;margin:0;box-shadow:var(--shadow)}
  html.has-open-search .gallery-search{display:flex;animation:jm-pop .2s cubic-bezier(.2,.7,.2,1)}
  .gallery-top{position:relative}
  .gallery-tools{margin-inline-start:auto;gap:4px}
  .tool-search,.tool-menu{display:inline-flex}
  .tool-lang,.tool-account{display:none}
  .gallery-nav{display:none;position:absolute;inset-inline:0;top:100%;z-index:55;border-bottom:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);max-height:calc(100vh - 70px);max-height:calc(100dvh - 70px);overflow:auto}
  html.has-open-nav .gallery-nav{display:block;animation:jm-pop .2s cubic-bezier(.2,.7,.2,1)}
  .gallery-nav .nav-inner{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:0;padding-top:12px;padding-bottom:14px;overflow:visible}
  .gallery-nav .nav-inner>a{white-space:normal;background:var(--surface-2)}
  .nav-mobile-extra{display:flex;flex-wrap:wrap;gap:6px;grid-column:1/-1;padding-top:10px;border-top:1px solid var(--line)}
  .nav-mobile-extra>a{padding:7px 14px;border-radius:8px;background:var(--surface-2);font-weight:600;font-size:14px}
  .nav-langs{display:flex;flex-wrap:wrap;gap:6px;width:100%;padding-top:8px}
  .nav-langs a{padding:4px 11px;border-radius:999px;background:var(--surface-2);font-size:13px;font-weight:500}
  .nav-langs a[aria-current]{background:var(--accent);color:#fff}
  .jm-footer__grid{grid-template-columns:1fr 1fr}
  .jm-footer__brand{grid-column:1/-1}
}
/* ---------- phones ---------- */
@media(max-width:767px){
  html,html[data-color-mode]{--gutter:12px}
  .gallery-header{position:sticky;top:0}
  .gallery-top{min-height:56px}
  .gallery-custom-logo{height:34px;max-width:110px}
  .gallery-hero{flex-direction:column;align-items:flex-start;margin:16px 0 18px;padding:22px 18px;border-radius:14px}
  .gallery-hero h1{font-size:24px}
  .gallery-hero p{font-size:14px}
  .hero-cats{display:none}
  .gallery-stat{gap:20px;text-align:start}
  .gallery-stat strong{font-size:20px}
  .stui-pannel{padding:14px 12px 16px;margin-bottom:16px;border-radius:12px}
  .stui-vodlist__head{margin-bottom:12px;padding-bottom:10px}
  .film{--film-pad:14px}
  .watch-info{padding:14px 12px 4px;margin-top:12px;border-radius:0;border-inline:0;margin-inline:calc(var(--gutter) * -1)}
  .watch-stage:not(.has-side)+.watch-info{max-width:none}
  @media(hover:hover){.stui-vodlist__box:hover{transform:none}}
  .jm-footer__grid{grid-template-columns:1fr 1fr;gap:20px;padding-top:24px}
  .jm-footer__bar{flex-direction:column;align-items:flex-start}
}
@media(prefers-reduced-motion:reduce){.hero-aurora span{animation:none}.gallery-hero h1 .split-word{animation:none}}
.tool-label.mode-to-dark{display:none}
html[data-color-mode="light"] .tool-label.mode-to-light{display:none}
html[data-color-mode="light"] .tool-label.mode-to-dark{display:inline}
@media(max-width:1100px){html[data-color-mode] .gallery-tools .tool-label{display:none}}
/* phones in landscape: the player takes the whole screen height under the 56-61px header and stays fully visible; full-width card */
@media(orientation:landscape) and (max-height:500px){
  .page-watch{--player-offset:80px}
  .watch-page{padding-top:8px}
  .watch-stage .watch-main{max-width:min(100%,calc((100vh - var(--player-offset)) * 1.7778));max-width:min(100%,calc((100svh - var(--player-offset)) * 1.7778));margin-inline:auto}
  .watch-stage:not(.has-side)+.watch-info{max-width:none;margin-top:12px}
}
/* account and guestbook pages: one card (the panel) instead of three nested frames */
.gallery-account{border:0;padding:24px var(--gutter) 0}
@media(max-width:767px){.gallery-account{padding-top:14px}}
.gallery-account :is(.fed-back-whits,.fed-back-ashen,.fed-part-layout){background-color:transparent!important}
.gbook-pannel{border:0;background:none;padding:0}
/* SWEEP 2026-10-09: phones - video titles 20/18px (P2-2), brand and footer links at least 40px tap targets (same layout) */
@media(max-width:767px){
  .watch-title{font-size:18px}
  .gallery-brand{min-height:44px}
  .jm-footer__col a,.jm-footer__bar a{display:inline-block;padding:10px 9px;margin:-10px -9px}
  .jm-footer__name{padding-block:4px;margin-block:-4px}
  .jm-footer__bar{padding-bottom:76px}
}