/* R26: compact mobile navigation with an explicit expandable menu. */
.pkqq-menu-ready:not(.is-expanded) .pkqq-user-hub__divider,
.pkqq-menu-ready:not(.is-expanded) .pkqq-user-hub__rows,
.pkqq-menu-ready:not(.is-expanded) .pkqq-user-hub__toolbox,
.pkqq-menu-ready:not(.is-expanded) .pkqq-user-hub__account {
  display: none;
}

.pkqq-menu-ready .pkqq-user-hub__panel {
  width: min(100%, 620px);
  padding: 18px;
  border-color: #e1e2e5;
  border-radius: 26px;
  background: #f5f5f7;
}

.pkqq-menu-ready .pkqq-user-hub__brand {
  min-height: 68px;
  gap: 13px;
}

.pkqq-menu-ready .pkqq-user-hub__brand-mark {
  width: 56px;
  height: 56px;
  border-color: #d9dadd;
  background: #fff;
}

.pkqq-menu-ready .pkqq-user-hub__brand-copy h1 {
  font-size: 21px;
}

.pkqq-menu-ready .pkqq-user-hub__brand-line {
  width: min(100%, 220px);
  height: 5px;
  margin-top: 8px;
}

.pkqq-menu-ready .pkqq-user-hub__menu-button {
  width: 60px;
  height: 60px;
  border-color: #d9dadd;
  background: #fff;
}

.pkqq-menu-ready .pkqq-user-hub__divider {
  margin: 15px 0 17px;
}

.pkqq-menu-ready .pkqq-user-hub__rows,
.pkqq-menu-ready .pkqq-user-hub__rows--lower {
  gap: 10px;
}

.pkqq-menu-ready .pkqq-user-hub__row {
  min-height: 64px;
  padding: 0 21px;
  border-color: #d8d9dc;
  background: #fff;
  gap: 14px;
}

.pkqq-menu-ready .pkqq-user-hub__row-label {
  color: #2e3035;
  font-size: 20px;
  font-weight: 650;
}

.pkqq-menu-ready .pkqq-user-hub__row-icon,
.pkqq-menu-ready .pkqq-user-hub__tool-icon {
  color: #666970;
}

.pkqq-menu-ready .pkqq-user-hub__toolbox {
  gap: 12px;
  margin: 12px 0 15px;
  padding: 12px;
  border-color: #e0e1e4;
  border-radius: 24px;
  box-shadow: 0 5px 12px rgb(17 19 25 / 10%);
}

.pkqq-menu-ready.is-tools-collapsed .pkqq-user-hub__toolbox {
  display: none;
}

.pkqq-menu-ready .pkqq-user-hub__tool {
  min-height: 112px;
  padding: 14px;
  border-color: #d9dadd;
  border-radius: 20px;
  gap: 10px;
}

.pkqq-menu-ready .pkqq-user-hub__tool strong {
  color: #27292e;
  font-size: 17px;
  font-weight: 650;
}

.pkqq-menu-ready .pkqq-user-hub__account {
  margin-top: 17px;
}

.pkqq-menu-ready .pkqq-user-hub__account-link {
  min-height: 72px;
  padding: 9px 17px;
  border-color: #d8d9dc;
  background: #fff;
}

.pkqq-menu-ready .pkqq-user-hub__account-avatar {
  width: 50px;
  height: 50px;
}

.pkqq-menu-ready .pkqq-user-hub__account-copy strong {
  font-size: 18px;
}

.pkqq-menu-ready .pkqq-user-hub__account-copy small {
  font-size: 15px;
}

/* The wallet link deliberately keeps the original working payment form. */
body.pkqq-wallet-focus .catalog-header,
body.pkqq-wallet-focus contentinfo {
  display: none !important;
}

body.pkqq-wallet-focus .catalog-main > div {
  min-height: 100dvh;
  padding-top: 28px !important;
}

body.pkqq-wallet-focus .pkqq-wallet-focus__content {
  width: min(100%, 680px);
  margin: 0 auto;
}

body.pkqq-wallet-focus .pkqq-wallet-focus__summary,
body.pkqq-wallet-focus .pkqq-wallet-focus__recharge {
  border: 1px solid #e0e1e4;
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 6px 16px rgb(17 19 25 / 7%);
}

body.pkqq-wallet-focus .pkqq-wallet-focus__summary {
  padding: 18px;
}

body.pkqq-wallet-focus .pkqq-wallet-focus__balance {
  grid-template-columns: minmax(0, 1fr) !important;
}

body.pkqq-wallet-focus .pkqq-wallet-focus__balance > * {
  border-radius: 16px;
}

body.pkqq-wallet-focus .pkqq-wallet-focus__recharge {
  padding: 21px;
}

body.pkqq-wallet-focus .pkqq-wallet-focus__form {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body.pkqq-wallet-focus .pkqq-wallet-focus__form > .flex {
  grid-column: 1 / -1;
}

body.pkqq-wallet-focus .pkqq-wallet-focus__form button[type="submit"] {
  width: 100%;
  min-height: 44px;
  border-radius: 12px;
  font-weight: 700;
}

@media (max-width: 700px) {
  .pkqq-menu-ready .pkqq-user-hub {
    padding: 0 0 22px;
  }

  .pkqq-menu-ready .pkqq-user-hub__panel {
    min-height: auto;
    padding: 14px 13px 21px;
    border-width: 0 1px 1px;
    border-radius: 0 0 22px 22px;
  }

  .pkqq-menu-ready .pkqq-user-hub__brand {
    min-height: 58px;
    gap: 10px;
  }

  .pkqq-menu-ready .pkqq-user-hub__brand-mark {
    width: 48px;
    height: 48px;
  }

  .pkqq-menu-ready .pkqq-user-hub__brand-copy h1 {
    font-size: 18px;
  }

  .pkqq-menu-ready .pkqq-user-hub__brand-line {
    width: min(100%, 170px);
    height: 4px;
    margin-top: 6px;
  }

  .pkqq-menu-ready .pkqq-user-hub__menu-button {
    width: 52px;
    height: 52px;
  }

  .pkqq-menu-ready .pkqq-user-hub__menu-button svg {
    width: 25px;
    height: 25px;
  }

  .pkqq-menu-ready .pkqq-user-hub__row {
    min-height: 58px;
    padding: 0 17px;
  }

  .pkqq-menu-ready .pkqq-user-hub__row-label {
    font-size: 18px;
  }

  .pkqq-menu-ready .pkqq-user-hub__tool {
    min-height: 98px;
    padding: 12px;
  }

  .pkqq-menu-ready .pkqq-user-hub__tool strong {
    font-size: 15px;
  }

  body.pkqq-wallet-focus .catalog-main > div {
    padding: 18px 0 36px !important;
  }

  body.pkqq-wallet-focus .pkqq-wallet-focus__content {
    width: 100%;
  }

  body.pkqq-wallet-focus .pkqq-wallet-focus__summary,
  body.pkqq-wallet-focus .pkqq-wallet-focus__recharge {
    border-radius: 18px;
  }

  body.pkqq-wallet-focus .pkqq-wallet-focus__recharge {
    padding: 17px;
  }

  body.pkqq-wallet-focus .pkqq-wallet-focus__form {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}