/* source: css/studio-mobile-interface-followup-v415.css */
/* Asia2TV mobile interface follow-up: community tools and member workspace. */
@media (max-width:700px){
  /* Keep the comment counter identical to the adjacent community mark. */
  .studio-title-detail .title-community-v158 .community-count,
  .studio-watch-page .movie-community-unified .community-count{
    box-sizing:border-box!important;
    display:grid!important;
    place-items:center!important;
    flex:0 0 36px!important;
    width:36px!important;
    min-width:36px!important;
    max-width:36px!important;
    height:36px!important;
    min-height:36px!important;
    max-height:36px!important;
    margin:0!important;
    padding:0!important;
    gap:0!important;
    border-radius:11px!important;
    line-height:1!important;
  }
  .studio-title-detail .title-community-v158 .community-count b,
  .studio-watch-page .movie-community-unified .community-count b{
    margin:0!important;
    font:900 15px/1 Arial,sans-serif!important;
  }
  .studio-title-detail .title-community-v158 .community-count small,
  .studio-watch-page .movie-community-unified .community-count small{display:none!important}

  /* The follow action is a centered, deliberate control on phones. */
  .studio-title-detail .community-heading-actions{
    box-sizing:border-box;
    display:flex!important;
    width:100%!important;
    margin:8px auto 0!important;
    padding:0 34px!important;
    justify-content:center!important;
    align-items:center!important;
  }
  .studio-title-detail .community-heading-actions>form{
    display:flex;
    width:min(260px,100%);
    margin-inline:auto;
  }
  .studio-title-detail .discussion-follow-button{
    width:100%!important;
    min-width:0!important;
    justify-content:center!important;
  }

  /* Composer ideas: readable two-column chips without horizontal clipping. */
  .studio-title-detail .composer-tools.compact-tools,
  .studio-watch-page .composer-tools.compact-tools{
    width:100%;
    margin-bottom:10px;
  }
  .studio-title-detail .composer-tools-toggle,
  .studio-watch-page .composer-tools-toggle{
    min-height:42px;
    padding:9px 11px!important;
    gap:8px;
    border-radius:11px!important;
    font-size:11px!important;
    line-height:1.5;
  }
  .studio-title-detail .composer-tools-toggle span,
  .studio-watch-page .composer-tools-toggle span{min-width:0}
  .studio-title-detail .composer-tools-content,
  .studio-watch-page .composer-tools-content{
    display:grid;
    gap:12px;
    padding:12px 0 2px!important;
  }
  .studio-title-detail .composer-tool-row,
  .studio-watch-page .composer-tool-row{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:7px!important;
    min-width:0;
  }
  .studio-title-detail .composer-tool-row>span,
  .studio-watch-page .composer-tool-row>span{
    padding:0!important;
    font-size:10px!important;
  }
  .studio-title-detail .composer-tool-row>div,
  .studio-watch-page .composer-tool-row>div{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
    width:100%;
    overflow:visible!important;
    padding:0!important;
  }
  .studio-title-detail .composer-tool-row button,
  .studio-watch-page .composer-tool-row button{
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    min-height:34px;
    justify-content:center;
    padding:6px 7px!important;
    font-size:10px!important;
    line-height:1.35;
    white-space:normal!important;
    text-align:center;
  }

  /* All six member destinations stay visible and balanced on phones. */
  body.studio-theme .a2-member-workspace{padding-top:14px}
  body.studio-theme .a2-workspace-shell{
    box-sizing:border-box;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:9px!important;
    width:calc(100% - 20px)!important;
    padding:10px!important;
    border-radius:18px!important;
  }
  body.studio-theme .a2-workspace-identity{
    min-height:72px;
    padding:10px 11px 12px!important;
    border-left:0!important;
    border-bottom:1px solid #173653;
  }
  body.studio-theme .a2-workspace-avatar{
    width:44px;
    height:44px;
    flex-basis:44px;
    border-radius:13px;
  }
  body.studio-theme .a2-workspace-nav{
    box-sizing:border-box;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
    width:100%;
    overflow:visible!important;
    padding:0!important;
  }
  body.studio-theme .a2-workspace-nav a{
    box-sizing:border-box;
    min-width:0!important;
    min-height:66px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:4px!important;
    padding:7px 4px!important;
    text-align:center;
    border-color:#112e49;
    border-radius:12px;
  }
  body.studio-theme .a2-workspace-nav a>i{font-size:15px;line-height:1}
  body.studio-theme .a2-workspace-nav a>span{
    display:block;
    min-width:0;
    width:100%;
    white-space:normal!important;
  }
  body.studio-theme .a2-workspace-nav b{
    display:block;
    overflow:hidden;
    font-size:11px!important;
    line-height:1.4;
    white-space:nowrap;
    text-overflow:ellipsis;
  }
  body.studio-theme .a2-workspace-nav small{display:none!important}
  body.studio-theme .a2-workspace-nav a.active:after{right:24%;left:24%;bottom:3px}
}

@media (max-width:360px){
  body.studio-theme .a2-workspace-nav{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}


/* source: css/studio-mobile-qa-v406.css */
/* Mobile QA fixes: touch targets, bottom story sheet and safe-area spacing. */
@media (max-width:720px){
  .studio-header-nav-group nav.is-open{display:grid!important;max-height:calc(100dvh - var(--studio-shell-clearance,118px) - 10px);overflow-y:auto;overscroll-behavior:contain}
  .studio-header-nav-group nav.is-open .studio-nav-parent{width:100%}
  .studio-header-nav-group nav.is-open .studio-nav-parent>button{min-height:44px}
  .a2-control-drawer>section{width:100%;max-width:100%;padding-bottom:env(safe-area-inset-bottom)}
  .a2-control-drawer>section>header{padding-top:max(14px,env(safe-area-inset-top))}
  .a2-control-tabs{top:70px}
  .a2-command-group a,.a2-alert-grid a,.a2-tool-grid a{min-height:64px}
  html.universal-sheet-open{overflow:hidden}
  .studio-universal-tools{top:8px;left:8px;gap:6px;opacity:1;transform:none;pointer-events:auto}
  .studio-universal-tools button{width:40px;height:40px;border-radius:12px;touch-action:manipulation}
  .studio-universal-tools button svg{width:18px;height:18px}
  .universal-work-sheet{display:grid;align-items:end;padding:0;pointer-events:auto}
  .universal-work-sheet__backdrop{display:block}
  .universal-work-sheet>article{position:relative;inset:auto;grid-template-columns:104px minmax(0,1fr);width:100%;height:min(58vh,500px);min-height:340px;max-height:calc(100dvh - 62px);padding-bottom:env(safe-area-inset-bottom);border-width:1px 0 0;border-radius:24px 24px 0 0;transform:translateY(28px)}
  .universal-work-sheet__art{height:100%;min-height:0}
  .universal-work-sheet__art>img{inset:18px auto 18px 12px;width:78px;height:calc(100% - 36px);border-radius:13px}
  .universal-work-sheet__art>span{background:linear-gradient(90deg,transparent,#071526 95%),linear-gradient(180deg,#07152611,#071526bb)}
  .universal-work-sheet__art>button{right:50%;bottom:18px;transform:translateX(50%)}
  .universal-work-sheet__copy{justify-content:center;min-width:0;padding:46px 17px 22px;overflow:auto;overscroll-behavior:contain}
  .universal-work-sheet__copy h2{margin:8px 0 0;font-size:22px}
  .universal-work-sheet__copy p{margin-top:12px;font-size:11.5px;line-height:1.85;-webkit-line-clamp:6}
  .universal-work-sheet__copy>div{gap:5px;margin-top:12px;max-height:58px;overflow:hidden}
  .universal-work-sheet__copy>div span{padding:5px 7px;font-size:8px}
  .universal-work-sheet__close{top:9px;right:9px;width:38px;height:38px}
  .a2-quick-view>section{bottom:0;width:100%;height:min(58vh,500px);max-height:calc(100dvh - 62px);padding-bottom:env(safe-area-inset-bottom);border-radius:24px 24px 0 0}
  .a2-quick-view .cine-peek-sheet{grid-template-columns:104px minmax(0,1fr);padding:20px 16px}
  .cine-peek-visual img{max-height:calc(58vh - 42px);object-fit:cover}
  .cine-peek-copy{min-width:0;max-height:100%;overflow:auto;overscroll-behavior:contain}
  .cine-peek-copy>p{font-size:11.5px;line-height:1.85;-webkit-line-clamp:6}
  .a2-quick-view .a2-quick-close{width:38px;height:38px}
}
@media (max-width:390px){
  .studio-universal-tools button{width:37px;height:37px}
  .universal-work-sheet>article,.a2-quick-view .cine-peek-sheet{grid-template-columns:90px minmax(0,1fr)}
  .universal-work-sheet__art>img{width:68px}
  .universal-work-sheet__copy h2,.cine-peek-sheet header h2{font-size:20px}
}


/* source: css/studio-mobile-guest-interactions-v413.css */
/* Mobile guest interaction polish V413. */
@media (max-width:720px){
  /* Trailer opens as a centred dialog, including the empty-trailer state. */
  body.studio-theme .universal-work-sheet.is-trailer-only{
    align-items:center!important;
    justify-items:center!important;
    padding:16px!important;
  }
  body.studio-theme .universal-work-sheet.is-trailer-only>article{
    width:min(620px,92vw)!important;
    height:auto!important;
    min-height:0!important;
    max-height:calc(100dvh - 32px)!important;
    aspect-ratio:16/9!important;
    border-radius:20px!important;
    padding:0!important;
    box-shadow:0 28px 90px #000c!important;
  }
  body.studio-theme .universal-work-sheet.is-trailer-only .universal-work-sheet__close{
    top:10px!important;
    right:10px!important;
    border-radius:11px!important;
  }

  /* Slider 1 navigation is one compact centred control group. */
  body.is-studio-guest .studio-exact-hero .studio-exact-dots{
    right:50%!important;
    bottom:34px!important;
    left:auto!important;
    max-width:none!important;
    gap:4px!important;
    overflow:visible!important;
    transform:translateX(50%)!important;
  }
  body.is-studio-guest .studio-exact-hero .studio-exact-dots button{
    width:18px!important;
    height:4px!important;
  }
  body.is-studio-guest .studio-exact-hero .studio-exact-dots button.is-active{
    width:28px!important;
  }
  body.is-studio-guest .studio-exact-hero .studio-exact-arrow{
    bottom:16px!important;
    width:40px!important;
    height:40px!important;
    border-radius:13px!important;
    background:color-mix(in srgb,var(--theme-surface) 88%,transparent)!important;
    font-size:21px!important;
    backdrop-filter:blur(12px);
  }
  body.is-studio-guest .studio-exact-hero .studio-exact-arrow.prev{
    right:calc(50% + 76px)!important;
    left:auto!important;
  }
  body.is-studio-guest .studio-exact-hero .studio-exact-arrow.next{
    right:auto!important;
    left:calc(50% + 76px)!important;
  }

  /* Without the offer bar, the guest menu follows the real header bottom. */
  body.studio-theme:not(:has(.studio-offer)) .studio-account-popover:not(.is-member),
  body.studio-theme:has(.studio-offer.is-hidden) .studio-account-popover:not(.is-member){
    top:74px!important;
  }
  body.studio-theme.a2-control-visible:not(:has(.studio-offer)) .studio-account-popover:not(.is-member),
  body.studio-theme.a2-control-visible:has(.studio-offer.is-hidden) .studio-account-popover:not(.is-member){
    top:138px!important;
  }
}

@media (max-width:390px){
  body.is-studio-guest .studio-exact-hero .studio-exact-arrow.prev{
    right:calc(50% + 68px)!important;
  }
  body.is-studio-guest .studio-exact-hero .studio-exact-arrow.next{
    left:calc(50% + 68px)!important;
  }
}