/* Pixtov v12 — phone layout fixes for the video page (top bar fits, bottom tabs show a fade where more tabs are) */
@media (max-width:820px){
  header.top{gap:3px;padding:0 5px;min-width:0}
  header.top .brand{margin:0;flex:0 0 auto}
  header.top .brand img{width:26px;height:26px}
  header.top .tb-group{gap:0;flex:0 0 auto}
  header.top .tb-group .ib{width:34px;min-width:34px;padding:0}
  header.top #selAspect{padding:0 2px 0 4px;font-size:13px;min-width:0;width:auto;flex:0 1 auto}
  header.top #pxaProj,header.top #bHelp,header.top #bLang{width:34px;min-width:34px;padding:0;justify-content:center;flex:0 0 auto}
  header.top #bLang{font-size:13px}
  header.top .pxth{flex:0 0 auto}
  header.top .pxth-b{width:32px;height:32px}
  header.top #bDownload{padding:0 10px;gap:4px;flex:0 0 auto;font-size:13px}
  header.top #bDownload svg{width:17px;height:17px}
  header.top .grow{min-width:0}
  /* Download is the main action: always last and filled */
  header.top .pxth{order:1}
  header.top #bDownload{order:2;background:var(--org,#e2531f);border-color:var(--org,#e2531f);color:#fff}
  header.top #bDownload svg{stroke:#fff}
  /* bottom tabs: fade only on the side where more tabs are hidden */
  #rail.v12-more-r{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 34px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 34px),transparent)}
  #rail.v12-more-l{-webkit-mask-image:linear-gradient(to left,#000 calc(100% - 34px),transparent);mask-image:linear-gradient(to left,#000 calc(100% - 34px),transparent)}
  #rail.v12-more-l.v12-more-r{-webkit-mask-image:linear-gradient(to right,transparent,#000 34px,#000 calc(100% - 34px),transparent);mask-image:linear-gradient(to right,transparent,#000 34px,#000 calc(100% - 34px),transparent)}
}
/* very narrow phones: Download keeps its icon, label hides (still named for screen readers) */
@media (max-width:400px){
  header.top #bDownload{width:42px;min-width:42px;padding:0;justify-content:center}
  header.top #bDownload span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
}