/* Trial entry stays in document flow, away from video action buttons. */
.home-trial-button, .trial-offer button {
  box-sizing: border-box;
  min-height: 44px;
  width: 100%;
  padding: 11px 14px;
  border: 1px solid #e6b54a;
  border-radius: 8px;
  background: #e6b54a;
  color: #15120a;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}
.home-trial-button { margin-top: 10px; font-size: 14px; }
.trial-offer {
  box-sizing: border-box;
  width: min(420px, calc(100vw - 24px));
  max-height: calc(100dvh - 24px);
  padding: 24px;
  border: 1px solid #a08745;
  border-radius: 16px;
  background: #15191f;
  color: #f4f1e8;
  overflow: auto;
}
.trial-offer::backdrop { background: rgb(0 0 0 / 78%); }
.trial-offer-icon { font-size: 30px; color: #e6b54a; }
.trial-offer h2 { margin: 12px 0; font-size: 26px; line-height: 1.15; }
.trial-offer p { line-height: 1.4; font-size: 14px; color: #bac5cd; }
.trial-offer .trial-offer-price { font-weight: 700; color: #f4f1e8; }
.trial-offer .trial-offer-note { font-size: 12px; }
#trialOfferLater { margin-top: 10px; border-color: #46545e; background: transparent; color: #dce5ea; }
body.trial-offer-open { overflow: hidden; }
/* The fixed conversion dock otherwise covers the rightmost download action. */
body:has(.video-pane) #conversionDock { display: none !important; }
.video-action { min-height: 48px; }
.home-channel-account, #loginButton, #subscribeButton { min-height: 44px; }
.auth-close { min-width: 44px; min-height: 44px; }