/*
 * PeerMusic secondary-page reference system
 * Loaded after the legacy secondary styles so every route shares one shell.
 */

.secondary-page-layer {
  --pm-ref-pink: #ffd7f2;
  --pm-ref-pink-deep: #f7b9e8;
  --pm-ref-blue: #d8f6ff;
  --pm-ref-blue-deep: #bceeff;
  --pm-ref-fusion: #f3f7ff;
  --pm-ref-ink: #1f3048;
  --pm-ref-text: #52657e;
  --pm-ref-muted: #8b98aa;
  --pm-ref-card: rgba(255, 255, 255, 0.82);
  --pm-ref-line: linear-gradient(
    100deg,
    rgba(247, 185, 232, 0.9),
    rgba(255, 255, 255, 0.96) 32%,
    rgba(243, 247, 255, 0.96) 55%,
    rgba(188, 238, 255, 0.94)
  );
  --pm-ref-shadow:
    0 12px 30px rgba(130, 153, 195, 0.13),
    inset 0 1px 0 rgba(255, 255, 255, 0.98);

  background:
    radial-gradient(circle at 14% 4%, rgba(255, 215, 242, 0.48), transparent 30%),
    radial-gradient(circle at 92% 15%, rgba(216, 246, 255, 0.72), transparent 34%),
    radial-gradient(circle at 7% 88%, rgba(243, 247, 255, 0.92), transparent 30%),
    linear-gradient(145deg, #fffafd 0%, #f7f7ff 49%, #ecfaff 100%) !important;
}

.secondary-page-layer::before {
  width: 210px !important;
  height: 210px !important;
  left: -118px !important;
  top: 47% !important;
  background: rgba(255, 215, 242, 0.2) !important;
  filter: blur(36px) !important;
}

.secondary-page-layer::after {
  width: 250px !important;
  height: 250px !important;
  right: -148px !important;
  bottom: 8% !important;
  background: rgba(188, 238, 255, 0.26) !important;
  filter: blur(42px) !important;
}

.secondary-page-shell,
.secondary-page-shell.is-full-page {
  grid-template-rows: auto minmax(0, 1fr) auto !important;
}

.secondary-page-header,
.secondary-page-shell:has(.secondary-page-view) .secondary-page-header {
  min-height: 126px !important;
  padding:
    max(18px, env(safe-area-inset-top))
    16px
    12px !important;
  align-items: start !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

.secondary-page-back,
.secondary-page-shell:has(.secondary-page-view) .secondary-page-back {
  width: 46px !important;
  height: 46px !important;
  margin-top: 1px !important;
  border-radius: 16px !important;
  color: #536a86 !important;
  background:
    linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.68)) padding-box,
    var(--pm-ref-line) border-box !important;
  box-shadow:
    0 10px 24px rgba(116, 139, 177, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.98) !important;
}

.secondary-page-header-copy,
.secondary-page-shell:has(.secondary-page-view) .secondary-page-header-copy {
  display: grid !important;
  justify-items: center !important;
  min-width: 0 !important;
  text-align: center !important;
}

.secondary-page-header-copy::before,
.secondary-page-shell:has(.secondary-page-view) .secondary-page-header-copy::before {
  display: none !important;
  content: none !important;
}

.secondary-page-brand {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 30px;
  color: var(--pm-ref-ink);
  font-size: 17px;
  font-weight: 900;
  letter-spacing: -0.02em;
  white-space: nowrap;
}

.secondary-page-brand i {
  color: transparent;
  font-size: 25px;
  font-style: normal;
  line-height: 1;
  background: linear-gradient(145deg, #f19acb, #9c9be0 52%, #55bfdf);
  -webkit-background-clip: text;
  background-clip: text;
  filter: drop-shadow(0 6px 10px rgba(128, 147, 197, 0.2));
}

.secondary-page-brand b {
  color: var(--pm-ref-ink);
  font-weight: 900;
}

.secondary-page-title,
.secondary-page-shell:has(.secondary-page-view) .secondary-page-title {
  margin-top: 9px !important;
  color: var(--pm-ref-ink) !important;
  font-size: 25px !important;
  font-weight: 950 !important;
  line-height: 1.1 !important;
  letter-spacing: -0.04em !important;
}

.secondary-page-subtitle,
.secondary-page-header-icon,
.secondary-page-shell:has(.secondary-page-view) .secondary-page-subtitle,
.secondary-page-shell:has(.secondary-page-view) .secondary-page-header-icon {
  display: none !important;
}

.secondary-page-body,
.secondary-page-shell:has(.secondary-page-view) .secondary-page-body {
  padding: 0 14px 18px !important;
  overscroll-behavior-y: contain;
}

.secondary-page-shell.is-full-page .secondary-page-body {
  display: block !important;
}

.secondary-page-view,
.secondary-page-shell.is-full-page .secondary-page-view {
  align-content: start !important;
  gap: 14px !important;
  width: 100% !important;
  max-width: 390px !important;
  min-height: auto !important;
}

.secondary-page-layer :is(
  .secondary-page-hero,
  .secondary-page-card,
  .secondary-page-list-item,
  .secondary-page-stat,
  .secondary-page-product,
  .secondary-page-feedback,
  .secondary-page-faq,
  .secondary-page-task,
  .secondary-page-balance,
  .secondary-page-empty
) {
  border: 1px solid transparent !important;
  border-radius: 24px !important;
  background:
    linear-gradient(var(--pm-ref-card), var(--pm-ref-card)) padding-box,
    var(--pm-ref-line) border-box !important;
  box-shadow: var(--pm-ref-shadow) !important;
  -webkit-backdrop-filter: blur(20px) saturate(1.04) !important;
  backdrop-filter: blur(20px) saturate(1.04) !important;
}

.secondary-page-layer :is(.secondary-page-hero, .secondary-page-empty) {
  min-height: 158px;
}

.secondary-page-layer :is(.secondary-page-card, .secondary-page-form) {
  padding: 18px;
}

.secondary-page-layer :is(.secondary-page-list-item, .secondary-page-task) {
  min-height: 66px;
  padding: 14px 16px;
  border-radius: 19px !important;
}

.secondary-page-layer .secondary-page-stat {
  min-height: 102px;
  padding: 15px 13px;
  border-radius: 21px !important;
}

.secondary-page-layer :is(h1, h2, h3, strong, b) {
  text-wrap: balance;
}

.secondary-page-layer .secondary-page-view :is(h2, h3) {
  color: var(--pm-ref-ink) !important;
}

.secondary-page-layer .secondary-page-view :is(p, small) {
  color: var(--pm-ref-muted) !important;
}

.secondary-page-button,
.secondary-page-layer button.secondary-page-button,
.secondary-page-layer .pm-ref-primary-button {
  min-height: 52px !important;
  border: 1px solid transparent !important;
  border-radius: 18px !important;
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  background:
    linear-gradient(
      100deg,
      rgba(242, 145, 204, 0.86),
      rgba(165, 153, 232, 0.84) 52%,
      rgba(101, 199, 232, 0.88)
    ) padding-box,
    var(--pm-ref-line) border-box !important;
  box-shadow:
    0 11px 24px rgba(126, 151, 203, 0.18),
    inset 0 2px 4px rgba(255, 255, 255, 0.36) !important;
}

.secondary-page-button.is-secondary {
  color: #55738d !important;
  background:
    linear-gradient(rgba(255, 255, 255, 0.84), rgba(239, 250, 255, 0.86)) padding-box,
    var(--pm-ref-line) border-box !important;
}

.secondary-page-layer :is(
  .secondary-page-input,
  .secondary-page-select,
  .secondary-page-textarea,
  .secondary-page-input-shell,
  .secondary-page-choice-grid > label
) {
  min-height: 52px;
  border: 1px solid transparent !important;
  border-radius: 17px !important;
  background:
    linear-gradient(rgba(255, 255, 255, 0.84), rgba(249, 252, 255, 0.8)) padding-box,
    var(--pm-ref-line) border-box !important;
  box-shadow:
    0 7px 18px rgba(135, 158, 197, 0.09),
    inset 0 1px 0 rgba(255, 255, 255, 0.98) !important;
}

.secondary-page-feedback {
  margin-bottom: 2px;
}

.secondary-page-toast {
  bottom: calc(88px + env(safe-area-inset-bottom)) !important;
}

/* A real bottom navigation lives inside the secondary overlay. */
.secondary-page-nav {
  position: relative;
  z-index: 12;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 2px;
  min-height: 72px;
  margin: 0 10px max(8px, env(safe-area-inset-bottom));
  padding: 7px 5px;
  border: 1px solid transparent;
  border-radius: 25px;
  background:
    linear-gradient(rgba(255, 255, 255, 0.88), rgba(250, 253, 255, 0.82)) padding-box,
    var(--pm-ref-line) border-box;
  box-shadow:
    0 14px 32px rgba(123, 148, 188, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.98);
  -webkit-backdrop-filter: blur(24px) saturate(1.04);
  backdrop-filter: blur(24px) saturate(1.04);
}

.secondary-page-nav-item {
  display: grid;
  grid-template-rows: 27px 16px;
  place-items: center;
  gap: 2px;
  min-width: 0;
  padding: 3px 2px;
  border: 0;
  border-radius: 18px;
  color: #8b99ac;
  background: transparent;
}

.secondary-page-nav-item b {
  color: currentColor;
  font-size: 10px;
  font-weight: 800;
  white-space: nowrap;
}

.secondary-page-nav-item .nav-icon {
  width: 26px;
  height: 26px;
  color: currentColor;
  transform: scale(0.86);
}

.secondary-page-nav-item.is-active {
  color: #5a95c6;
  background:
    linear-gradient(110deg, rgba(255, 222, 242, 0.72), rgba(234, 248, 255, 0.8));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.95),
    0 6px 14px rgba(137, 165, 205, 0.1);
}

/* Reference transaction family. */
.secondary-page-view[data-secondary-view="recharge"] .pm-ref-balance-card,
.secondary-page-view[data-secondary-view="withdraw"] .pm-ref-withdraw-hero {
  min-height: 138px !important;
  padding: 22px !important;
  border-radius: 27px !important;
}

.secondary-page-view[data-secondary-view="recharge"] .pm-ref-section,
.secondary-page-view[data-secondary-view="withdraw"] .pm-ref-section,
.secondary-page-view[data-secondary-view="withdraw"] .pm-ref-withdraw-address,
.secondary-page-view[data-secondary-view="withdraw"] .pm-ref-fee-card {
  padding: 19px !important;
  border-radius: 24px !important;
}

.secondary-page-view[data-secondary-view="recharge"] .pm-ref-amount-grid button {
  min-height: 58px;
}

.secondary-page-view[data-secondary-view="recharge"] .pm-ref-address-card {
  min-height: 156px;
}

.secondary-page-view[data-secondary-view="withdraw"] .pm-ref-wallet-stack {
  width: 94px;
  height: 82px;
}

/* Reference music-dividend family. */
.secondary-page-view[data-secondary-view="music-dividend"] .music-dividend-hero {
  min-height: 198px !important;
  padding: 25px 22px !important;
  border-radius: 28px !important;
}

.secondary-page-view[data-secondary-view="music-dividend"] .music-dividend-hero-copy h2 {
  font-size: 27px !important;
  line-height: 1.3;
}

.secondary-page-view[data-secondary-view="music-dividend"] .music-dividend-hero-art {
  right: 9px !important;
  width: 52% !important;
  height: 158px !important;
}

.secondary-page-view[data-secondary-view="music-dividend"] .music-dividend-note {
  font-size: 102px !important;
}

.secondary-page-view[data-secondary-view="music-dividend"] .music-dividend-metric {
  min-height: 108px !important;
  padding: 14px 10px !important;
  border-radius: 22px !important;
}

.secondary-page-view[data-secondary-view="music-dividend"] .music-dividend-chart-card {
  min-height: 238px;
  padding: 18px 16px 13px !important;
  border-radius: 25px !important;
}

.secondary-page-view[data-secondary-view="music-dividend"] .music-dividend-chart {
  height: 182px !important;
}

.secondary-page-view[data-secondary-view="music-dividend"] .music-dividend-product-card {
  min-height: 100px !important;
  padding: 14px !important;
  border-radius: 22px !important;
}

.secondary-page-view[data-secondary-view="music-dividend"] .music-dividend-product-art {
  width: 66px !important;
  height: 66px !important;
}

/* Reference lucky-draw family. */
.secondary-page-view[data-secondary-view="lucky-draw"] {
  gap: 15px !important;
}

.secondary-page-view[data-secondary-view="lucky-draw"] .secondary-page-wheel-card {
  min-height: 535px;
  padding: 20px 12px 22px !important;
  border-radius: 30px !important;
  background:
    radial-gradient(circle at 10% 16%, rgba(255, 215, 242, 0.48), transparent 32%),
    radial-gradient(circle at 90% 82%, rgba(216, 246, 255, 0.62), transparent 38%),
    linear-gradient(rgba(255, 255, 255, 0.76), rgba(250, 252, 255, 0.7)) padding-box,
    var(--pm-ref-line) border-box !important;
}

.secondary-page-view[data-secondary-view="lucky-draw"] .secondary-page-wheel-wrap {
  min-height: 360px !important;
  padding: 18px 2px 8px !important;
}

.secondary-page-view[data-secondary-view="lucky-draw"] .secondary-page-wheel-wrap::before {
  top: 9px !important;
  border-left-width: 14px !important;
  border-right-width: 14px !important;
  border-top: 25px solid #ea9bca !important;
}

.secondary-page-view[data-secondary-view="lucky-draw"] .secondary-page-wheel {
  width: min(calc(100vw - 76px), 308px) !important;
  border-width: 7px !important;
  background:
    repeating-conic-gradient(from -22.5deg, rgba(255, 255, 255, 0.84) 0 1deg, transparent 1deg 45deg),
    radial-gradient(circle, rgba(255, 255, 255, 0.98) 0 20%, transparent 20.5%),
    conic-gradient(
      from -22.5deg,
      rgba(255, 231, 245, 0.94) 0 45deg,
      rgba(232, 246, 252, 0.96) 45deg 90deg,
      rgba(249, 235, 245, 0.94) 90deg 135deg,
      rgba(224, 244, 250, 0.96) 135deg 180deg,
      rgba(255, 235, 246, 0.94) 180deg 225deg,
      rgba(226, 241, 251, 0.96) 225deg 270deg,
      rgba(247, 234, 246, 0.94) 270deg 315deg,
      rgba(225, 246, 251, 0.96) 315deg 360deg
    ) !important;
  box-shadow:
    0 20px 40px rgba(114, 139, 181, 0.16),
    0 0 0 2px rgba(255, 211, 236, 0.28),
    0 0 30px rgba(255, 255, 255, 0.86),
    inset 0 0 0 3px rgba(255, 255, 255, 0.84),
    inset 0 -10px 24px rgba(137, 163, 212, 0.08) !important;
}

.secondary-page-view[data-secondary-view="lucky-draw"] .secondary-page-wheel > span {
  width: 62px !important;
  font-size: 10px !important;
}

.secondary-page-view[data-secondary-view="lucky-draw"] .secondary-page-wheel > span:nth-of-type(1) {
  transform: rotate(0deg) translateY(-112px) rotate(0deg) translateX(-50%) !important;
}

.secondary-page-view[data-secondary-view="lucky-draw"] .secondary-page-wheel > span:nth-of-type(2) {
  transform: rotate(45deg) translateY(-112px) rotate(-45deg) translateX(-50%) !important;
}

.secondary-page-view[data-secondary-view="lucky-draw"] .secondary-page-wheel > span:nth-of-type(3) {
  transform: rotate(90deg) translateY(-112px) rotate(-90deg) translateX(-50%) !important;
}

.secondary-page-view[data-secondary-view="lucky-draw"] .secondary-page-wheel > span:nth-of-type(4) {
  transform: rotate(135deg) translateY(-112px) rotate(-135deg) translateX(-50%) !important;
}

.secondary-page-view[data-secondary-view="lucky-draw"] .secondary-page-wheel > span:nth-of-type(5) {
  transform: rotate(180deg) translateY(-112px) rotate(-180deg) translateX(-50%) !important;
}

.secondary-page-view[data-secondary-view="lucky-draw"] .secondary-page-wheel > span:nth-of-type(6) {
  transform: rotate(225deg) translateY(-112px) rotate(-225deg) translateX(-50%) !important;
}

.secondary-page-view[data-secondary-view="lucky-draw"] .secondary-page-wheel > span:nth-of-type(7) {
  transform: rotate(270deg) translateY(-112px) rotate(-270deg) translateX(-50%) !important;
}

.secondary-page-view[data-secondary-view="lucky-draw"] .secondary-page-wheel > span:nth-of-type(8) {
  transform: rotate(315deg) translateY(-112px) rotate(-315deg) translateX(-50%) !important;
}

.secondary-page-view[data-secondary-view="lucky-draw"] .secondary-page-wheel > span b {
  color: #526889 !important;
  font-size: 18px !important;
  line-height: 1;
}

.secondary-page-view[data-secondary-view="lucky-draw"] .secondary-page-wheel > span small {
  display: grid !important;
  justify-items: center;
  gap: 3px;
  margin-top: 3px;
  color: #70809a !important;
  font-size: 7px !important;
  line-height: 1 !important;
}

.secondary-page-view[data-secondary-view="lucky-draw"] .secondary-page-wheel > span small::after {
  content: "♪";
  display: grid;
  place-items: center;
  width: 23px;
  height: 23px;
  border: 1px solid rgba(255, 255, 255, 0.94);
  border-radius: 50%;
  color: #fff;
  font-size: 13px;
  background: linear-gradient(145deg, #f5afd8, #df8dc5);
  box-shadow:
    0 6px 12px rgba(178, 112, 165, 0.18),
    inset 0 2px 4px rgba(255, 255, 255, 0.54);
}

.secondary-page-view[data-secondary-view="lucky-draw"] .secondary-page-wheel > span:nth-of-type(7) small::after {
  content: "◆";
  color: #fff;
  background: linear-gradient(145deg, #caa9ee, #8a9fe8 55%, #73cee5);
}

.secondary-page-view[data-secondary-view="lucky-draw"] .secondary-page-wheel-button {
  width: 88px !important;
  height: 88px !important;
  border-width: 3px !important;
  color: #fff !important;
  font-size: 29px !important;
  background:
    radial-gradient(circle at 35% 25%, rgba(255, 255, 255, 0.86), transparent 25%),
    linear-gradient(145deg, #f2a3d2, #aaa0e9 54%, #6cc8e7) padding-box,
    var(--pm-ref-line) border-box !important;
  box-shadow:
    0 13px 28px rgba(111, 139, 179, 0.22),
    0 0 0 7px rgba(255, 255, 255, 0.5),
    inset 0 3px 8px rgba(255, 255, 255, 0.55) !important;
}

.pm-lucky-remaining {
  margin: 5px 0 12px !important;
  font-size: 14px !important;
}

.pm-lucky-spin {
  width: min(88%, 320px) !important;
  min-height: 58px !important;
  font-size: 20px !important;
}

.pm-lucky-lower-grid {
  gap: 12px !important;
}

.secondary-page-view[data-secondary-view="lucky-draw"] .secondary-page-prize-card,
.secondary-page-view[data-secondary-view="lucky-draw"] .pm-lucky-history {
  min-height: 214px;
  padding: 16px 12px !important;
  border-radius: 24px !important;
}

.pm-lucky-card-title h2 {
  font-size: 14px !important;
}

.pm-lucky-card-title span,
.pm-lucky-history > div:not(.pm-lucky-card-title),
.pm-lucky-history b,
.secondary-page-view[data-secondary-view="lucky-draw"] .secondary-page-prize-card > p {
  font-size: 9px !important;
}

.pm-lucky-prize-grid > div {
  min-height: 86px;
}

.pm-lucky-prize-grid strong {
  font-size: 16px !important;
}

.pm-lucky-prize-grid span,
.pm-lucky-prize-grid small {
  font-size: 8px !important;
}

/* Remaining routes: consistent breathing room without changing their content. */
.secondary-page-view[data-secondary-view="invite-center"] .invite-poster,
.secondary-page-view[data-secondary-view="coming-soon"] .secondary-page-empty,
.secondary-page-view[data-secondary-view="help"] .help-support-card {
  min-height: 360px;
}

.secondary-page-view[data-secondary-view="level-career"] .level-current-card,
.secondary-page-view[data-secondary-view="wallet"] .wallet-overview-card,
.secondary-page-view[data-secondary-view="personal-info"] .personal-info-profile-card {
  min-height: 150px;
}

.secondary-page-view[data-secondary-view="points-mall"] .points-mall-hero {
  min-height: 168px;
}

.secondary-page-view[data-secondary-view="points-mall"] .secondary-page-product {
  min-height: 244px;
  padding: 13px !important;
}

.secondary-page-view[data-secondary-view="points-mall"] .secondary-page-product-media {
  min-height: 112px;
}

.secondary-page-view[data-secondary-view="music-task-detail"] .secondary-page-player {
  min-height: 430px;
}

.secondary-page-view[data-secondary-view="daily-report"] .daily-report-summary,
.secondary-page-view[data-secondary-view="team-rewards"] .team-weekly-overview {
  gap: 12px;
}

.secondary-page-view[data-secondary-view="daily-report"] .secondary-page-stat,
.secondary-page-view[data-secondary-view="team-rewards"] .secondary-page-stat {
  min-height: 112px;
}

.secondary-page-view[data-secondary-view="language"] .secondary-page-language,
.secondary-page-view[data-secondary-view="help"] .secondary-page-faq {
  min-height: 70px;
}

@media (max-width: 360px) {
  .secondary-page-header,
  .secondary-page-shell:has(.secondary-page-view) .secondary-page-header {
    min-height: 116px !important;
    padding-inline: 12px !important;
  }

  .secondary-page-title,
  .secondary-page-shell:has(.secondary-page-view) .secondary-page-title {
    font-size: 23px !important;
  }

  .secondary-page-body,
  .secondary-page-shell:has(.secondary-page-view) .secondary-page-body {
    padding-inline: 11px !important;
  }

  .secondary-page-view[data-secondary-view="lucky-draw"] .secondary-page-wheel-card {
    min-height: 505px;
  }

  .secondary-page-view[data-secondary-view="lucky-draw"] .secondary-page-wheel-wrap {
    min-height: 330px !important;
  }

  .secondary-page-view[data-secondary-view="lucky-draw"] .secondary-page-wheel {
    width: min(calc(100vw - 70px), 286px) !important;
  }

  .secondary-page-view[data-secondary-view="lucky-draw"] .secondary-page-wheel > span:nth-of-type(1) {
    transform: rotate(0deg) translateY(-103px) rotate(0deg) translateX(-50%) !important;
  }

  .secondary-page-view[data-secondary-view="lucky-draw"] .secondary-page-wheel > span:nth-of-type(2) {
    transform: rotate(45deg) translateY(-103px) rotate(-45deg) translateX(-50%) !important;
  }

  .secondary-page-view[data-secondary-view="lucky-draw"] .secondary-page-wheel > span:nth-of-type(3) {
    transform: rotate(90deg) translateY(-103px) rotate(-90deg) translateX(-50%) !important;
  }

  .secondary-page-view[data-secondary-view="lucky-draw"] .secondary-page-wheel > span:nth-of-type(4) {
    transform: rotate(135deg) translateY(-103px) rotate(-135deg) translateX(-50%) !important;
  }

  .secondary-page-view[data-secondary-view="lucky-draw"] .secondary-page-wheel > span:nth-of-type(5) {
    transform: rotate(180deg) translateY(-103px) rotate(-180deg) translateX(-50%) !important;
  }

  .secondary-page-view[data-secondary-view="lucky-draw"] .secondary-page-wheel > span:nth-of-type(6) {
    transform: rotate(225deg) translateY(-103px) rotate(-225deg) translateX(-50%) !important;
  }

  .secondary-page-view[data-secondary-view="lucky-draw"] .secondary-page-wheel > span:nth-of-type(7) {
    transform: rotate(270deg) translateY(-103px) rotate(-270deg) translateX(-50%) !important;
  }

  .secondary-page-view[data-secondary-view="lucky-draw"] .secondary-page-wheel > span:nth-of-type(8) {
    transform: rotate(315deg) translateY(-103px) rotate(-315deg) translateX(-50%) !important;
  }

  .pm-lucky-lower-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .secondary-page-nav {
    margin-inline: 7px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .secondary-page-layer *,
  .secondary-page-layer *::before,
  .secondary-page-layer *::after {
    scroll-behavior: auto !important;
  }
}