/* 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;
  }
}