/* Mobile v32 — one document scroll root, hard Safari end clamp and compact account/auth/billing/cart UI. */
@media (max-width: 900px) {
  :root {
    --m32-gutter: clamp(10px, 3.4vw, 16px);
    --m32-dock-h: 70px;
    --m32-dock-bottom: max(8px, env(safe-area-inset-bottom));
    --m32-radius: 24px;
  }

  /* One scroll root only. Never reserve an extra viewport in app wrappers. */
  html.mobile-shell-v32,
  html.mobile-shell-v32 body.store-body {
    position: static !important;
    inset: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    perspective: none !important;
    contain: none !important;
  }
  html.mobile-shell-v32 {
    overflow-x: clip !important;
    overflow-y: auto !important;
    overscroll-behavior-x: none !important;
    overscroll-behavior-y: none !important;
    background: #f4f7fc !important;
  }
  html.mobile-shell-v32 body.store-body {
    display: block !important;
    overflow-x: clip !important;
    overflow-y: visible !important;
    -webkit-overflow-scrolling: auto !important;
    background-color: #f4f7fc !important;
    background-attachment: scroll !important;
  }
  html.mobile-shell-v32 body.store-body.cart-open {
    overflow: hidden !important;
  }

  html.mobile-shell-v32 body.store-body #app,
  html.mobile-shell-v32 body.store-body #app > .store-layout,
  html.mobile-shell-v32 body.store-body #app > .store-layout.sidebar-collapsed,
  html.mobile-shell-v32 body.store-body #app > .store-layout.mobile-layout-v23,
  html.mobile-shell-v32 body.store-body #app > .store-layout.mobile-layout-v24,
  html.mobile-shell-v32 body.store-body #app > .store-layout.auth-layout,
  html.mobile-shell-v32 body.store-body #app > .store-layout > main.main,
  html.mobile-shell-v32 body.store-body #app > .store-layout > main.main > .page-content {
    position: static !important;
    inset: auto !important;
    display: block !important;
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    overflow: visible !important;
    transform: none !important;
    filter: none !important;
    perspective: none !important;
    contain: none !important;
  }

  html.mobile-shell-v32 body.store-body #app > .store-layout:not(.auth-layout) > main.main {
    max-width: 760px !important;
    margin-inline: auto !important;
    padding-bottom: 0 !important;
  }

  html.mobile-shell-v32 body.store-body #app::before,
  html.mobile-shell-v32 body.store-body #app::after,
  html.mobile-shell-v32 body.store-body .store-layout::before,
  html.mobile-shell-v32 body.store-body .store-layout::after,
  html.mobile-shell-v32 body.store-body main.main::before,
  html.mobile-shell-v32 body.store-body main.main::after,
  html.mobile-shell-v32 body.store-body .page-content::before,
  html.mobile-shell-v32 body.store-body .page-content::after {
    content: none !important;
    display: none !important;
  }

  /* Every route root is content-sized. */
  html.mobile-shell-v32 body.store-body :where(
    .auth-v928,.auth-page,.auth-wrap,.auth-screen,.full-auth-screen,
    .account-page-v259,.account-page-v262,
    .billing-page-v1,.billing-page-v2,.billing-page-v3,.billing-page-v4,
    .order-pay-page-v257,.order-pay-page-v258,.order-pay-page-v259,
    .checkout-page-v986,.desk-page-v176,.desk-page-v177,.desk-page-v178,.desk-page-v179,
    .reviews-page,.support-page,.orders-page,.favorites-page,.page404,.maintenance
  ) {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  /* Footer is the actual end. The dock clearance remains inside it. */
  html.mobile-shell-v32 body.store-body footer.site-footer.compact-footer {
    position: static !important;
    box-sizing: border-box !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 18px 0 0 !important;
    padding: 0 0 calc(var(--m32-dock-h) + var(--m32-dock-bottom) + 10px) !important;
    overflow: visible !important;
  }
  html.mobile-shell-v32 body.store-body footer.site-footer.compact-footer .footer-line {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 13px !important;
    border-radius: 24px !important;
  }
  html.mobile-shell-v32 body.store-body .footer-v398 .footer-left {
    grid-template-columns: 1fr auto !important;
    align-items: center !important;
  }
  html.mobile-shell-v32 body.store-body .footer-v398 .footer-logo-link {
    grid-column: 1 / -1 !important;
    width: 138px !important;
    max-width: 138px !important;
    height: 42px !important;
  }
  html.mobile-shell-v32 body.store-body .footer-v398 .footer-logo-link img {
    width: 138px !important;
    max-width: 138px !important;
  }
  html.mobile-shell-v32 body.store-body .footer-v398 .footer-links {
    grid-template-columns: 1fr !important;
    gap: 7px !important;
  }
  html.mobile-shell-v32 body.store-body .footer-v398 .footer-links a {
    min-height: 46px !important;
    height: 46px !important;
    justify-content: flex-start !important;
    padding: 0 14px !important;
  }

  /* Dock never contributes to document height. */
  html.mobile-shell-v32 body.store-body > :is(.mobile-bottom-nav-v18,.mobile-bottom-nav-v23,.mobile-bottom-nav-v27) {
    position: fixed !important;
    left: 50% !important;
    right: auto !important;
    top: auto !important;
    bottom: var(--m32-dock-bottom) !important;
    z-index: 2147482000 !important;
    width: min(calc(100vw - (var(--m32-gutter) * 2)), 732px) !important;
    height: var(--m32-dock-h) !important;
    min-height: var(--m32-dock-h) !important;
    max-height: var(--m32-dock-h) !important;
    margin: 0 !important;
    transform: translateX(-50%) !important;
    contain: layout paint style !important;
  }

  /* ================= Account / profile ================= */
  html.mobile-shell-v32 body.store-body .account-page-v262 {
    display: grid !important;
    gap: 14px !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 8px 0 18px !important;
  }
  html.mobile-shell-v32 body.store-body .profile-hero-v262 {
    display: grid !important;
    grid-template-columns: 64px minmax(0,1fr) !important;
    justify-items: stretch !important;
    align-items: center !important;
    gap: 12px !important;
    width: 100% !important;
    padding: 17px !important;
    border-radius: var(--m32-radius) !important;
    text-align: left !important;
  }
  html.mobile-shell-v32 body.store-body .profile-avatar-v262 {
    width: 64px !important;
    height: 64px !important;
    min-width: 64px !important;
    border-radius: 20px !important;
  }
  html.mobile-shell-v32 body.store-body .profile-identity-v262,
  html.mobile-shell-v32 body.store-body .profile-identity-v262 > * {
    min-width: 0 !important;
    max-width: 100% !important;
  }
  html.mobile-shell-v32 body.store-body .profile-identity-v262 h1 {
    margin: 4px 0 !important;
    font-size: clamp(28px, 9vw, 38px) !important;
    line-height: 1 !important;
    overflow-wrap: anywhere !important;
  }
  html.mobile-shell-v32 body.store-body .profile-identity-v262 p {
    overflow-wrap: anywhere !important;
  }
  html.mobile-shell-v32 body.store-body .profile-status-grid-v262 {
    grid-column: 1 / -1 !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 9px !important;
    width: 100% !important;
    padding: 2px 0 5px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;
    scroll-snap-type: x proximity !important;
    -webkit-overflow-scrolling: touch !important;
  }
  html.mobile-shell-v32 body.store-body .profile-status-grid-v262::-webkit-scrollbar,
  html.mobile-shell-v32 body.store-body .profile-nav-v262::-webkit-scrollbar { display:none !important; }
  html.mobile-shell-v32 body.store-body .profile-status-card-v262,
  html.mobile-shell-v32 body.store-body .profile-status-card-v262.danger {
    grid-column: auto !important;
    flex: 0 0 154px !important;
    width: 154px !important;
    min-width: 154px !important;
    min-height: 90px !important;
    padding: 12px !important;
    scroll-snap-align: start !important;
  }
  html.mobile-shell-v32 body.store-body .profile-layout-v262 {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) !important;
    gap: 12px !important;
    width: 100% !important;
    min-width: 0 !important;
  }
  html.mobile-shell-v32 body.store-body .profile-nav-v262 {
    position: static !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 8px !important;
    border-radius: 20px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;
    scroll-snap-type: x proximity !important;
    -webkit-overflow-scrolling: touch !important;
  }
  html.mobile-shell-v32 body.store-body .profile-nav-v262 button {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 142px !important;
    min-height: 50px !important;
    padding: 8px 12px !important;
    grid-template-columns: 30px auto !important;
    gap: 8px !important;
    scroll-snap-align: start !important;
  }
  html.mobile-shell-v32 body.store-body .profile-nav-v262 button .i,
  html.mobile-shell-v32 body.store-body .profile-nav-v262 button > .telegram-logo-v932 {
    width: 30px !important;
    height: 30px !important;
  }
  html.mobile-shell-v32 body.store-body .profile-nav-v262 button small { display:none !important; }
  html.mobile-shell-v32 body.store-body .profile-panel-v262 {
    width: 100% !important;
    min-width: 0 !important;
    padding: 18px 16px !important;
    border-radius: var(--m32-radius) !important;
  }
  html.mobile-shell-v32 body.store-body .profile-panel-head-v262 {
    margin-bottom: 17px !important;
    gap: 6px !important;
  }
  html.mobile-shell-v32 body.store-body .profile-panel-head-v262 h2 {
    font-size: clamp(29px, 9vw, 38px) !important;
    line-height: 1.03 !important;
    overflow-wrap: anywhere !important;
  }
  html.mobile-shell-v32 body.store-body .profile-panel-head-v262 p {
    font-size: 14px !important;
    line-height: 1.45 !important;
  }
  html.mobile-shell-v32 body.store-body .profile-grid-v262 {
    grid-template-columns: minmax(0,1fr) !important;
    gap: 12px !important;
  }
  html.mobile-shell-v32 body.store-body .profile-form-v262,
  html.mobile-shell-v32 body.store-body .profile-side-card-v262,
  html.mobile-shell-v32 body.store-body .profile-twofa-v262 {
    width: 100% !important;
    min-width: 0 !important;
    padding: 15px !important;
    border-radius: 20px !important;
  }
  html.mobile-shell-v32 body.store-body .profile-form-v262 input,
  html.mobile-shell-v32 body.store-body .profile-twofa-v262 input {
    width: 100% !important;
    min-width: 0 !important;
    height: 54px !important;
    font-size: 16px !important;
  }
  html.mobile-shell-v32 body.store-body .profile-setting-card-v262,
  html.mobile-shell-v32 body.store-body .profile-setting-card-v262.compact {
    display: grid !important;
    grid-template-columns: 48px minmax(0,1fr) !important;
    gap: 12px !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 15px !important;
    border-radius: 21px !important;
  }
  html.mobile-shell-v32 body.store-body .profile-setting-card-v262 > div:nth-child(2) {
    min-width: 0 !important;
  }
  html.mobile-shell-v32 body.store-body .profile-setting-card-v262 > button {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 48px !important;
  }
  html.mobile-shell-v32 body.store-body .profile-setting-card-v262.compact .profile-switch-v262 {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 48px !important;
  }

  /* ================= Login / registration ================= */
  html.mobile-shell-v32 body.store-body.store-page-login,
  html.mobile-shell-v32 body.store-body.store-page-register,
  html.mobile-shell-v32 body.store-body .store-layout.auth-layout,
  html.mobile-shell-v32 body.store-body .store-layout.auth-layout main.main,
  html.mobile-shell-v32 body.store-body .auth-v928,
  html.mobile-shell-v32 body.store-body .auth-v928-shell,
  html.mobile-shell-v32 body.store-body .auth-v928-card {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }
  html.mobile-shell-v32 body.store-body .store-layout.auth-layout main.main {
    padding: 0 !important;
  }
  html.mobile-shell-v32 body.store-body .auth-v928 {
    width: 100% !important;
    padding: 12px var(--m32-gutter) 16px !important;
    overflow: visible !important;
  }
  html.mobile-shell-v32 body.store-body .auth-v928::before {
    position: fixed !important;
    inset: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    pointer-events: none !important;
  }
  html.mobile-shell-v32 body.store-body .auth-v928-topbar,
  html.mobile-shell-v32 body.store-body .auth-v928-shell {
    width: min(100%, 520px) !important;
    margin-inline: auto !important;
  }
  html.mobile-shell-v32 body.store-body .auth-v928-topbar {
    min-height: 50px !important;
    margin-bottom: 8px !important;
  }
  html.mobile-shell-v32 body.store-body .auth-v928-brand img {
    width: 145px !important;
    max-width: 58vw !important;
  }
  html.mobile-shell-v32 body.store-body .auth-v928-card {
    width: 100% !important;
    padding: 20px 16px !important;
    border-radius: 25px !important;
    overflow: visible !important;
  }
  html.mobile-shell-v32 body.store-body .auth-v928-card-head {
    margin-bottom: 15px !important;
  }
  html.mobile-shell-v32 body.store-body .auth-v928-card-head h2 {
    font-size: clamp(31px, 9vw, 39px) !important;
    line-height: 1 !important;
  }
  html.mobile-shell-v32 body.store-body .auth-v928-telegram {
    min-height: 56px !important;
    border-radius: 17px !important;
  }
  html.mobile-shell-v32 body.store-body .auth-v928-field { margin-bottom: 10px !important; }
  html.mobile-shell-v32 body.store-body .auth-v928-field > div {
    height: 54px !important;
    min-height: 54px !important;
    border-radius: 17px !important;
  }
  html.mobile-shell-v32 body.store-body .auth-v928-field input {
    height: 52px !important;
    font-size: 16px !important;
  }
  html.mobile-shell-v32 body.store-body .auth-v928-primary {
    height: 56px !important;
    border-radius: 17px !important;
  }
  html.mobile-shell-v32 body.store-body .auth-v928-switch {
    margin-top: 13px !important;
    padding-bottom: 0 !important;
  }

  /* ================= Cart: real bottom sheet ================= */
  html.mobile-shell-v32 body.store-body > .drawer-mask {
    position: fixed !important;
    inset: 0 !important;
    z-index: 2147483000 !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    background: rgba(24,39,61,.38) !important;
    backdrop-filter: blur(8px) saturate(112%) !important;
    -webkit-backdrop-filter: blur(8px) saturate(112%) !important;
  }
  html.mobile-shell-v32 body.store-body > .cart-drawer {
    position: fixed !important;
    left: var(--m32-gutter) !important;
    right: var(--m32-gutter) !important;
    top: auto !important;
    bottom: max(8px, env(safe-area-inset-bottom)) !important;
    z-index: 2147483001 !important;
    display: flex !important;
    flex-direction: column !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 620px !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: min(82dvh, 720px) !important;
    margin: 0 auto !important;
    padding: 14px !important;
    gap: 10px !important;
    border-radius: 27px !important;
    overflow: hidden !important;
    transform: none !important;
    contain: layout paint style !important;
  }
  html.mobile-shell-v32 body.store-body > .cart-drawer .drawer-head {
    flex: 0 0 auto !important;
    min-height: 50px !important;
  }
  html.mobile-shell-v32 body.store-body > .cart-drawer .cart-drawer-head h2 {
    font-size: 30px !important;
  }
  html.mobile-shell-v32 body.store-body > .cart-drawer .cart-empty-state {
    flex: 0 0 auto !important;
    min-height: 0 !important;
    padding: 22px 16px !important;
    border-radius: 22px !important;
  }
  html.mobile-shell-v32 body.store-body > .cart-drawer .cart-empty-icon {
    width: 70px !important;
    height: 70px !important;
  }
  html.mobile-shell-v32 body.store-body > .cart-drawer .cart-empty-state h3 {
    margin: 13px 0 7px !important;
    font-size: 28px !important;
  }
  html.mobile-shell-v32 body.store-body > .cart-drawer .cart-empty-state p {
    margin-bottom: 16px !important;
  }
  html.mobile-shell-v32 body.store-body > .cart-drawer .cart-list {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    -webkit-overflow-scrolling: touch !important;
  }
  html.mobile-shell-v32 body.store-body > .cart-drawer .cart-bottom {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    flex: 0 0 auto !important;
  }
  html.mobile-shell-v32.cart-open body.store-body > :is(.mobile-bottom-nav-v18,.mobile-bottom-nav-v23,.mobile-bottom-nav-v27) {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  /* ================= Billing / payment ================= */
  html.mobile-shell-v32 body.store-body[data-store-page="billing"] main.main,
  html.mobile-shell-v32 body.store-body[data-store-page="orderPayment"] main.main {
    overflow-x: clip !important;
  }
  html.mobile-shell-v32 body.store-body :where(.billing-page-v1,.billing-page-v2,.billing-page-v3,.billing-page-v4),
  html.mobile-shell-v32 body.store-body :where(.billing-page-v1,.billing-page-v2,.billing-page-v3,.billing-page-v4) > *,
  html.mobile-shell-v32 body.store-body :where(.billing-panel-v1,.billing-topup-create-v986,.billing-topup-form-v1,.billing-topup-form-auto-v8) {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
  html.mobile-shell-v32 body.store-body .billing-page-v1 {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) !important;
    gap: 12px !important;
    margin: 8px 0 18px !important;
    overflow: visible !important;
  }
  html.mobile-shell-v32 body.store-body .billing-hero-v1 {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) !important;
    gap: 12px !important;
    padding: 18px 16px !important;
    border-radius: 23px !important;
  }
  html.mobile-shell-v32 body.store-body .billing-hero-copy-v1,
  html.mobile-shell-v32 body.store-body .billing-hero-copy-v1 > * {
    min-width: 0 !important;
    max-width: 100% !important;
  }
  html.mobile-shell-v32 body.store-body .billing-hero-copy-v1 h1,
  html.mobile-shell-v32 body.store-body .billing-panel-head-v1 h2,
  html.mobile-shell-v32 body.store-body .billing-topup-form-head-v986 h3 {
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }
  html.mobile-shell-v32 body.store-body .billing-hero-copy-v1 h1 {
    font-size: clamp(30px,9vw,40px) !important;
    line-height: 1 !important;
  }
  html.mobile-shell-v32 body.store-body .billing-summary-v1,
  html.mobile-shell-v32 body.store-body .billing-tabs-v1 {
    display: flex !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;
    -webkit-overflow-scrolling: touch !important;
    scroll-snap-type: x proximity !important;
  }
  html.mobile-shell-v32 body.store-body .billing-summary-v1::-webkit-scrollbar,
  html.mobile-shell-v32 body.store-body .billing-tabs-v1::-webkit-scrollbar { display:none !important; }
  html.mobile-shell-v32 body.store-body .billing-balance-card-v1 {
    flex: 0 0 min(84vw,300px) !important;
    width: min(84vw,300px) !important;
    min-width: 0 !important;
    scroll-snap-align: start !important;
  }
  html.mobile-shell-v32 body.store-body .billing-tabs-v1 button {
    flex: 0 0 auto !important;
    min-width: max-content !important;
    scroll-snap-align: start !important;
  }
  html.mobile-shell-v32 body.store-body .billing-panel-v1 {
    padding: 17px 15px !important;
    border-radius: 23px !important;
    overflow: hidden !important;
  }
  html.mobile-shell-v32 body.store-body .billing-panel-head-v1 {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) !important;
    gap: 10px !important;
  }
  html.mobile-shell-v32 body.store-body .billing-panel-head-v1 > button {
    width: 100% !important;
    min-width: 0 !important;
  }
  html.mobile-shell-v32 body.store-body .billing-topup-form-auto-v8 {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) !important;
    gap: 12px !important;
    padding: 16px 14px !important;
    overflow: hidden !important;
  }
  html.mobile-shell-v32 body.store-body .billing-topup-form-head-v986 {
    display: grid !important;
    grid-template-columns: 48px minmax(0,1fr) !important;
    gap: 12px !important;
  }
  html.mobile-shell-v32 body.store-body .billing-topup-form-head-v986 > div,
  html.mobile-shell-v32 body.store-body .billing-topup-form-auto-v8 label,
  html.mobile-shell-v32 body.store-body .billing-topup-form-auto-v8 label > div {
    min-width: 0 !important;
    max-width: 100% !important;
  }
  html.mobile-shell-v32 body.store-body .billing-topup-form-auto-v8 input,
  html.mobile-shell-v32 body.store-body .billing-topup-form-auto-v8 textarea {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    font-size: 16px !important;
  }
  html.mobile-shell-v32 body.store-body .billing-topup-form-auto-v8 textarea {
    min-height: 92px !important;
  }
  html.mobile-shell-v32 body.store-body :where(.billing-list-v1,.billing-deposit-list-v1,.billing-request-list-v1,.billing-order-grid-v1) article {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }
  html.mobile-shell-v32 body.store-body :where(.billing-referral-link-v1,.billing-history-tools-v3,.billing-quick-actions-v1) {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) !important;
    gap: 8px !important;
    width: 100% !important;
  }

  html.mobile-shell-v32 body.store-body :where(.order-pay-page-v257,.order-pay-page-v258,.order-pay-page-v259),
  html.mobile-shell-v32 body.store-body :where(.order-pay-grid-v258,.order-pay-head-v258,.order-pay-card-v258,.order-pay-side-v258,.order-pay-amount-v258,.order-pay-wallet-v258,.order-pay-facts-v258,.order-pay-actions-v258,.order-pay-actions-v986) {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
  html.mobile-shell-v32 body.store-body .order-pay-grid-v258,
  html.mobile-shell-v32 body.store-body .order-pay-head-v258,
  html.mobile-shell-v32 body.store-body .order-pay-actions-v258,
  html.mobile-shell-v32 body.store-body .order-pay-actions-v986,
  html.mobile-shell-v32 body.store-body .order-pay-facts-v258 {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) !important;
    gap: 10px !important;
  }
  html.mobile-shell-v32 body.store-body .order-pay-head-v258,
  html.mobile-shell-v32 body.store-body .order-pay-card-v258,
  html.mobile-shell-v32 body.store-body .order-pay-side-v258 {
    padding: 17px 15px !important;
    border-radius: 23px !important;
    overflow: hidden !important;
  }
  html.mobile-shell-v32 body.store-body .order-pay-head-copy-v258 h1 {
    font-size: clamp(29px,8.8vw,39px) !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }
  html.mobile-shell-v32 body.store-body .order-pay-head-v258 > strong,
  html.mobile-shell-v32 body.store-body .order-pay-amount-v258 b {
    font-size: clamp(34px,10.5vw,48px) !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }
  html.mobile-shell-v32 body.store-body .order-pay-qr-v258 {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) !important;
    gap: 14px !important;
  }
  html.mobile-shell-v32 body.store-body .order-pay-qr-v258 > div {
    width: min(160px,55vw) !important;
    height: min(160px,55vw) !important;
  }
  html.mobile-shell-v32 body.store-body .order-pay-wallet-v258 code {
    white-space: normal !important;
    word-break: break-all !important;
    overflow-wrap: anywhere !important;
  }
}

@media (max-width: 430px) {
  :root { --m32-gutter: 10px; --m32-dock-h: 68px; }
  html.mobile-shell-v32 body.store-body .profile-hero-v262 { padding: 15px !important; }
  html.mobile-shell-v32 body.store-body .profile-panel-v262 { padding: 16px 14px !important; }
  html.mobile-shell-v32 body.store-body > .cart-drawer { left: 8px !important; right: 8px !important; padding: 13px !important; }
}