/* Shared video/short-drama mobile theme: Figma 45108:474062 / 45108:475436. */
@media (max-width: 768px), (max-height: 768px) and (orientation: landscape) and (hover: none) and (pointer: coarse) {
  :is(.pc-long-detail-page, .pc-drama-detail-page, .mobile-short-drama-detail-page) .video-unlock-dialog {
    z-index: 1600;
    display: flex;
  }

  :is(.pc-long-detail-page, .pc-drama-detail-page, .mobile-short-drama-detail-page) .video-unlock-dialog__backdrop {
    background: rgba(0, 0, 0, 0.7);
  }

  :is(.pc-long-detail-page, .pc-drama-detail-page, .mobile-short-drama-detail-page) .video-unlock-dialog__content,
  :is(.pc-long-detail-page, .pc-drama-detail-page, .mobile-short-drama-detail-page) .video-unlock-dialog[data-video-unlock-active-condition="coin"] .video-unlock-dialog__content {
    height: auto;
    padding: 32px 24px 0;
  }

  :is(.pc-long-detail-page, .pc-drama-detail-page, .mobile-short-drama-detail-page) .video-unlock-dialog__title {
    margin: 0;
  }

  :is(.pc-long-detail-page, .pc-drama-detail-page, .mobile-short-drama-detail-page) .video-unlock-dialog__button {
    border-radius: 999px;
  }

  :is(.pc-long-detail-page, .pc-drama-detail-page, .mobile-short-drama-detail-page) .video-unlock-dialog__stack {
    transform: translateY(30px);
  }

  :is(.pc-long-detail-page, .pc-drama-detail-page, .mobile-short-drama-detail-page) .video-unlock-dialog__panel {
    position: relative;
    isolation: isolate;
    width: 100%;
    background: #0d0e0f;
    -webkit-font-smoothing: antialiased;
  }

  /* Original Figma blur exports include 120px transparent padding on each side. */
  :is(.pc-long-detail-page, .pc-drama-detail-page, .mobile-short-drama-detail-page) .video-unlock-dialog__panel::before,
  :is(.pc-long-detail-page, .pc-drama-detail-page, .mobile-short-drama-detail-page) .video-unlock-dialog__panel::after {
    position: absolute;
    z-index: 1;
    width: 335px;
    height: 335px;
    background-repeat: no-repeat;
    pointer-events: none;
    content: "";
  }

  :is(.pc-long-detail-page, .pc-drama-detail-page, .mobile-short-drama-detail-page) .video-unlock-dialog__panel::before {
    top: -184.82px;
    left: -147px;
    background-image: url("/static/images/video-unlock-mobile/glow-pink.svg");
  }

  :is(.pc-long-detail-page, .pc-drama-detail-page, .mobile-short-drama-detail-page) .video-unlock-dialog__panel::after {
    right: -180px;
    bottom: -175px;
    background-image: url("/static/images/video-unlock-mobile/glow-purple.svg");
  }

  :is(.pc-long-detail-page, .pc-drama-detail-page, .mobile-short-drama-detail-page) [data-video-unlock-active-condition="coin"] .video-unlock-dialog__panel::after {
    bottom: -166px;
  }

  :is(.pc-long-detail-page, .pc-drama-detail-page, .mobile-short-drama-detail-page) .video-unlock-dialog__divider {
    position: relative;
    height: 0;
    margin: 0;
    background: none;
  }

  :is(.pc-long-detail-page, .pc-drama-detail-page, .mobile-short-drama-detail-page) .video-unlock-dialog__divider::after {
    position: absolute;
    top: -0.25px;
    left: 0;
    width: 100%;
    height: 0.5px;
    background: url("/static/images/video-unlock-mobile/divider.svg") center no-repeat;
    content: "";
  }

  :is(.pc-long-detail-page, .pc-drama-detail-page, .mobile-short-drama-detail-page) .video-unlock-dialog__condition {
    gap: 12px;
    text-align: left;
  }

  :is(.pc-long-detail-page, .pc-drama-detail-page, .mobile-short-drama-detail-page) .video-unlock-dialog__condition strong {
    color: #fd3666;
  }

  :is(.pc-long-detail-page, .pc-drama-detail-page, .mobile-short-drama-detail-page) .video-unlock-dialog__button--secondary {
    flex: 0 0 112px;
    background: rgba(255, 255, 255, 0.1);
    color: #989898;
  }

  :is(.pc-long-detail-page, .pc-drama-detail-page, .mobile-short-drama-detail-page) .video-unlock-dialog__button--primary {
    flex: 1 1 auto;
    background: linear-gradient(162.434985deg, #fd3666 47.596%, #c60030 100%);
    color: #fff;
  }

  :is(.pc-long-detail-page, .pc-drama-detail-page, .mobile-short-drama-detail-page) .video-unlock-dialog__close {
    background: url("/static/images/video-unlock-mobile/close.svg") center no-repeat;
  }

  :is(.pc-long-detail-page, .pc-drama-detail-page, .mobile-short-drama-detail-page) .video-unlock-dialog__close img {
    display: none;
  }
}