/* PATCH 356 — MOBILE HOME 4.5 + CATALOG DRAWER STACK FIX
   One final mobile-only layer for the supplied PZLITE SHOP reference.
   It deliberately loads after style.css, responsive.css and lite-mode.css so
   older 140/142/200/352/353 rules cannot split the mobile layout again.
   Desktop begins at 821px and is not changed by this file. */

.mobile-home-clock {
  display: none;
}

@media (max-width: 820px) {
  html,
  body.home-page {
    width: 100%;
    max-width: 100%;
    overflow-x: clip !important;
  }

  body.home-page {
    --p45-shell-width: 460px;
    --p45-side: 14px;
    --p45-nav-height: 64px;
    min-width: 0;
    padding-bottom: calc(var(--p45-nav-height) + 10px + env(safe-area-inset-bottom, 0px)) !important;
    background: linear-gradient(180deg, #07030f 0%, #06020c 52%, #030107 100%) !important;
  }

  html:not([data-theme]) body.home-page::before,
  html[data-theme="neon"] body.home-page::before {
    opacity: .34 !important;
    filter: brightness(.55) saturate(.92) !important;
  }

  body.home-page .site-noise,
  body.home-page .site-header__sign,
  body.home-page .site-header__nav-shell,
  body.home-page .mobile-home-shortcuts,
  body.home-page .mobile-showcase-hello,
  body.home-page .hero-section {
    display: none !important;
  }

  body.home-page .site-header {
    position: absolute !important;
    inset: 0 0 auto !important;
    z-index: 90 !important;
    height: auto !important;
    overflow: visible !important;
    border: 0 !important;
    background: linear-gradient(180deg, rgba(3, 1, 9, .76), rgba(3, 1, 9, .28) 68%, transparent) !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    pointer-events: none !important;
  }

  body.home-page .site-header::before,
  body.home-page .site-header::after {
    content: none !important;
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    background: none !important;
    box-shadow: none !important;
  }

  body.home-page .mobile-showcase-header--353 {
    width: min(calc(100% - (var(--p45-side) * 2)), var(--p45-shell-width)) !important;
    height: auto !important;
    min-height: 68px !important;
    aspect-ratio: auto !important;
    margin: 0 auto !important;
    padding: calc(7px + env(safe-area-inset-top, 0px)) 0 5px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 116px !important;
    align-items: center !important;
    gap: 5px !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    pointer-events: auto !important;
  }

  body.home-page .mobile-showcase-header::before,
  body.home-page .mobile-showcase-header::after {
    content: none !important;
    display: none !important;
  }

  body.home-page .mobile-showcase-brand--353 {
    min-width: 0 !important;
    height: 54px !important;
    display: grid !important;
    grid-template-columns: 46px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 7px !important;
  }

  body.home-page .mobile-showcase-profile-link {
    width: 45px !important;
    height: 45px !important;
    min-width: 45px !important;
    display: block !important;
    overflow: hidden !important;
    border: 1px solid rgba(244, 139, 255, .82) !important;
    border-radius: 50% !important;
    background: rgba(15, 5, 30, .82) !important;
    box-shadow: 0 0 0 2px rgba(142, 65, 255, .18), 0 0 13px rgba(225, 75, 255, .42) !important;
  }

  body.home-page .mobile-showcase-profile-link img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: 50% 42% !important;
    transform: scale(1.08) !important;
  }

  body.home-page .mobile-showcase-brand__lockup {
    min-width: 0 !important;
    display: grid !important;
    align-content: center !important;
    gap: 0 !important;
    color: #fff !important;
    text-decoration: none !important;
  }

  body.home-page .mobile-showcase-brand__title-line {
    min-width: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
  }

  body.home-page .mobile-showcase-brand__wordmark {
    width: min(108px, 28.5vw) !important;
    height: auto !important;
    display: block !important;
    flex: 0 1 auto !important;
    filter: drop-shadow(0 0 7px rgba(181, 78, 255, .40)) !important;
  }

  body.home-page .mobile-showcase-brand__title-line strong {
    flex: 0 0 auto !important;
    color: #dda2ff !important;
    font-family: var(--font-body) !important;
    font-size: clamp(.68rem, 2.8vw, .82rem) !important;
    font-weight: 900 !important;
    letter-spacing: .12em !important;
    text-shadow: 0 0 9px rgba(221, 93, 255, .34) !important;
  }

  body.home-page .mobile-showcase-brand__lockup > small {
    margin-left: 0 !important;
    color: rgba(255, 241, 255, .86) !important;
    font-size: clamp(.43rem, 1.75vw, .52rem) !important;
    font-weight: 800 !important;
    letter-spacing: .10em !important;
    white-space: nowrap !important;
  }

  body.home-page .mobile-showcase-header__actions--353 {
    width: 116px !important;
    height: 44px !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    align-items: center !important;
    justify-content: end !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body.home-page .mobile-showcase-header__actions--353 button {
    position: relative !important;
    width: 38px !important;
    height: 42px !important;
    min-width: 0 !important;
    min-height: 42px !important;
    display: grid !important;
    place-items: center !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    color: #fff !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body.home-page .mobile-showcase-header__actions--353 button::after {
    content: none !important;
    display: none !important;
  }

  body.home-page .mobile-showcase-header__actions--353 button:active {
    background: rgba(151, 73, 231, .18) !important;
    transform: scale(.94);
  }

  body.home-page .mobile-showcase-header__actions--353 svg {
    width: 26px !important;
    height: 26px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.65 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
    filter: drop-shadow(0 0 5px rgba(186, 112, 255, .18)) !important;
  }

  body.home-page .mobile-cart-button__dot {
    top: 4px !important;
    right: 3px !important;
    width: 7px !important;
    height: 7px !important;
    border: 1px solid #10071e !important;
    background: #ff64d8 !important;
    box-shadow: 0 0 7px rgba(255, 91, 218, .72) !important;
  }

  body.home-page .site-main {
    padding-top: 0 !important;
    padding-bottom: calc(var(--p45-nav-height) + 14px + env(safe-area-inset-bottom, 0px)) !important;
  }

  body.home-page .mobile-home-hero--352 {
    position: relative !important;
    width: min(100%, var(--p45-shell-width)) !important;
    margin: 0 auto !important;
    padding: 0 !important;
    display: block !important;
  }

  body.home-page .mobile-home-hero__link {
    position: relative !important;
    width: 100% !important;
    height: clamp(232px, 60vw, 276px) !important;
    display: block !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #07030f !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, .24) !important;
  }

  body.home-page .mobile-home-hero__image {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    object-fit: cover !important;
    object-position: 50% 48% !important;
    transform: none !important;
  }

  body.home-page .mobile-home-hero__shade {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    background:
      linear-gradient(180deg, rgba(2, 1, 8, .24) 0%, rgba(2, 1, 8, .02) 35%, transparent 72%, rgba(4, 1, 10, .30) 100%),
      linear-gradient(90deg, rgba(4, 2, 11, .26), transparent 44%) !important;
    pointer-events: none !important;
  }

  body.home-page .mobile-home-hero__signal {
    display: none !important;
  }

  body.home-page .mobile-home-clock {
    position: absolute !important;
    z-index: 3 !important;
    top: clamp(92px, 25vw, 112px) !important;
    left: var(--p45-side) !important;
    width: clamp(140px, 37vw, 162px) !important;
    min-height: 88px !important;
    display: grid !important;
    align-content: center !important;
    gap: 4px !important;
    padding: 9px 10px !important;
    overflow: hidden !important;
    border: 1px solid rgba(202, 117, 255, .62) !important;
    border-radius: 12px !important;
    color: #f8eaff !important;
    background: linear-gradient(145deg, rgba(24, 10, 44, .88), rgba(7, 4, 17, .90)) !important;
    box-shadow: inset 0 0 18px rgba(155, 72, 255, .12), 0 0 14px rgba(177, 74, 255, .20) !important;
    backdrop-filter: blur(7px) !important;
    -webkit-backdrop-filter: blur(7px) !important;
    text-align: left !important;
  }

  body.home-page .mobile-home-clock__label {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    color: #d8a9ff !important;
    font-size: .58rem !important;
    font-weight: 800 !important;
    letter-spacing: .07em !important;
  }

  body.home-page .mobile-home-clock__label svg {
    width: 14px !important;
    height: 14px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.4 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
  }

  body.home-page .mobile-home-clock__value {
    color: #f0b9ff !important;
    font-family: "Consolas", "Courier New", monospace !important;
    font-size: clamp(1.42rem, 6.3vw, 1.76rem) !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    letter-spacing: -.07em !important;
    text-shadow: 0 0 8px rgba(218, 101, 255, .72), 0 0 16px rgba(136, 74, 255, .34) !important;
    white-space: nowrap !important;
  }

  body.home-page .mobile-home-clock > small {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    color: rgba(245, 231, 255, .78) !important;
    font-size: .52rem !important;
    font-weight: 700 !important;
    letter-spacing: .03em !important;
    text-transform: uppercase !important;
  }

  body.home-page .mobile-home-clock > small > span:first-child {
    color: #e6beff !important;
    font-size: .74rem !important;
  }

  body.home-page .mobile-showcase-categories {
    width: min(calc(100% - (var(--p45-side) * 2)), calc(var(--p45-shell-width) - (var(--p45-side) * 2))) !important;
    margin: 5px auto 0 !important;
    padding: 0 !important;
  }

  body.home-page .mobile-showcase-categories__head {
    min-height: 31px !important;
    margin: 0 0 7px !important;
    padding: 0 1px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
  }

  body.home-page .mobile-showcase-categories__head h2,
  body.home-page .mobile-showcase-categories h2 {
    margin: 0 !important;
    color: #fff !important;
    font-family: var(--font-title) !important;
    font-size: clamp(1.38rem, 6.2vw, 1.62rem) !important;
    line-height: 1 !important;
    letter-spacing: -.045em !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, .55) !important;
  }

  body.home-page .mobile-showcase-categories__head > a {
    min-height: 25px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    padding: 0 9px !important;
    border: 1px solid rgba(214, 121, 255, .44) !important;
    border-radius: 8px !important;
    color: rgba(250, 240, 255, .92) !important;
    background: rgba(13, 6, 23, .78) !important;
    box-shadow: inset 0 0 12px rgba(157, 71, 255, .07) !important;
    font-size: .60rem !important;
    font-weight: 750 !important;
    white-space: nowrap !important;
  }

  body.home-page .mobile-showcase-categories__head > a span {
    color: #e4a1ff !important;
    font-size: .90rem !important;
  }

  body.home-page .mobile-showcase-categories__grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-rows: 1fr !important;
    gap: 7px !important;
  }

  body.home-page .mobile-showcase-category {
    position: relative !important;
    min-width: 0 !important;
    min-height: 80px !important;
    height: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: 44px auto !important;
    place-items: center !important;
    gap: 1px !important;
    padding: 6px 20px 6px 8px !important;
    overflow: hidden !important;
    border: 1px solid rgba(245, 100, 255, .82) !important;
    border-radius: 12px !important;
    color: #fff !important;
    background:
      radial-gradient(circle at 50% 34%, rgba(190, 66, 255, .28), transparent 48%),
      linear-gradient(145deg, rgba(29, 12, 48, .97), rgba(8, 4, 16, .98)) !important;
    box-shadow:
      inset 0 0 18px rgba(222, 92, 255, .10),
      0 0 4px rgba(255, 97, 245, .82),
      0 0 13px rgba(209, 69, 255, .32) !important;
  }

  body.home-page .mobile-showcase-category:nth-child(even) {
    border-color: rgba(213, 113, 255, .80) !important;
    background:
      radial-gradient(circle at 50% 34%, rgba(113, 77, 255, .28), transparent 48%),
      linear-gradient(145deg, rgba(23, 12, 45, .97), rgba(8, 4, 18, .98)) !important;
  }

  body.home-page .mobile-showcase-category svg {
    width: 47px !important;
    height: 47px !important;
    padding: 2px !important;
    overflow: visible !important;
    fill: none !important;
    stroke: #f0baff !important;
    stroke-width: 2.55 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
    filter: drop-shadow(0 0 5px rgba(239, 104, 255, .68)) !important;
  }

  body.home-page .mobile-showcase-category--stickers svg {
    stroke-width: 2.35 !important;
  }

  body.home-page .mobile-showcase-category:nth-child(even) svg {
    stroke: #d3bdff !important;
  }

  body.home-page .mobile-showcase-category strong {
    width: 100% !important;
    min-height: 0 !important;
    display: block !important;
    overflow: hidden !important;
    color: #fff !important;
    font-size: clamp(.72rem, 3.25vw, .84rem) !important;
    font-weight: 900 !important;
    line-height: 1.05 !important;
    text-align: center !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    text-shadow: 0 2px 6px rgba(0, 0, 0, .48) !important;
  }

  body.home-page .mobile-showcase-category > span {
    position: absolute !important;
    right: 7px !important;
    bottom: 5px !important;
    width: 14px !important;
    height: 18px !important;
    display: grid !important;
    place-items: center !important;
    color: rgba(247, 226, 255, .90) !important;
    font-size: 1rem !important;
  }

  body.home-page .mobile-future-drops {
    width: min(calc(100% - (var(--p45-side) * 2)), calc(var(--p45-shell-width) - (var(--p45-side) * 2))) !important;
    margin: 13px auto 0 !important;
    padding: 0 !important;
    display: block !important;
  }

  body.home-page .mobile-future-drops__head {
    min-height: 30px !important;
    margin: 0 0 6px !important;
    padding: 0 1px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
  }

  body.home-page .mobile-future-drops__head h2 {
    margin: 0 !important;
    color: #fff !important;
    font-family: var(--font-title) !important;
    font-size: clamp(1.36rem, 6.1vw, 1.60rem) !important;
    line-height: 1 !important;
    letter-spacing: -.045em !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, .55) !important;
  }

  body.home-page .drop-filter-reset {
    min-height: 25px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    padding: 0 9px !important;
    border: 1px solid rgba(212, 120, 255, .42) !important;
    border-radius: 8px !important;
    color: rgba(250, 240, 255, .92) !important;
    background: rgba(13, 6, 23, .78) !important;
    box-shadow: inset 0 0 12px rgba(157, 71, 255, .07) !important;
    font-size: .60rem !important;
    font-weight: 750 !important;
    white-space: nowrap !important;
  }

  body.home-page .drop-filter-reset span {
    color: #e4a1ff !important;
    font-size: .90rem !important;
  }

  body.home-page .mobile-future-drops__notice {
    min-height: 70px !important;
    display: grid !important;
    grid-template-columns: 52px minmax(0, 1fr) 38px !important;
    align-items: center !important;
    gap: 9px !important;
    padding: 7px 9px !important;
    overflow: hidden !important;
    border: 1px solid rgba(204, 107, 255, .48) !important;
    border-radius: 10px !important;
    color: #f7edff !important;
    background:
      radial-gradient(circle at 8% 50%, rgba(153, 62, 255, .20), transparent 28%),
      radial-gradient(circle at 94% 50%, rgba(231, 76, 255, .12), transparent 26%),
      linear-gradient(145deg, rgba(22, 10, 39, .94), rgba(8, 4, 18, .98)) !important;
    box-shadow: inset 0 0 18px rgba(154, 73, 255, .07), 0 0 12px rgba(158, 63, 255, .10) !important;
  }

  body.home-page .mobile-future-drops__emblem {
    width: 50px !important;
    height: 50px !important;
    display: grid !important;
    place-items: center !important;
    color: #d782ff !important;
    filter: drop-shadow(0 0 7px rgba(200, 84, 255, .54)) !important;
  }

  body.home-page .mobile-future-drops__emblem svg {
    width: 100% !important;
    height: 100% !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.15 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
  }

  body.home-page .mobile-future-drops__notice p {
    min-width: 0 !important;
    margin: 0 !important;
    color: rgba(247, 237, 255, .88) !important;
    font-size: clamp(.58rem, 2.55vw, .68rem) !important;
    line-height: 1.33 !important;
  }

  body.home-page .mobile-future-drops__notice p small {
    display: block !important;
    margin-top: 3px !important;
    color: rgba(226, 207, 239, .66) !important;
    font-size: .88em !important;
  }

  body.home-page .mobile-future-drops__flower {
    width: 38px !important;
    height: 38px !important;
    display: grid !important;
    place-items: center !important;
    color: #ff9cee !important;
    font-size: 2rem !important;
    line-height: 1 !important;
    text-shadow: 0 0 8px rgba(255, 99, 222, .64), 0 0 16px rgba(164, 75, 255, .40) !important;
  }

  body.home-page .mobile-showcase-hello {
    width: min(calc(100% - (var(--p45-side) * 2)), calc(var(--p45-shell-width) - (var(--p45-side) * 2))) !important;
    margin: 12px auto 0 !important;
  }

  body.home-page .support-float {
    display: none !important;
  }

  body.home-page .mobile-app-nav {
    position: fixed !important;
    z-index: 100 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    height: calc(var(--p45-nav-height) + env(safe-area-inset-bottom, 0px)) !important;
    min-height: var(--p45-nav-height) !important;
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 4px max(6px, env(safe-area-inset-left, 0px)) calc(3px + env(safe-area-inset-bottom, 0px)) max(6px, env(safe-area-inset-right, 0px)) !important;
    overflow: visible !important;
    border: 0 !important;
    border-top: 1px solid rgba(170, 102, 255, .24) !important;
    border-radius: 0 !important;
    background: linear-gradient(180deg, rgba(10, 8, 24, .98), rgba(5, 4, 15, .99)) !important;
    background-image: linear-gradient(180deg, rgba(10, 8, 24, .98), rgba(5, 4, 15, .99)) !important;
    box-shadow: 0 -8px 24px rgba(0, 0, 0, .34), inset 0 1px 0 rgba(255, 255, 255, .025) !important;
    clip-path: none !important;
    transform: none !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
  }

  body.home-page .mobile-app-nav::before,
  body.home-page .mobile-app-nav::after,
  body.home-page .mobile-app-nav a::before,
  body.home-page .mobile-app-nav a::after {
    content: none !important;
    display: none !important;
  }

  body.home-page .mobile-app-nav a {
    position: relative !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 56px !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 1px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 2px !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: rgba(225, 218, 238, .70) !important;
    background: transparent !important;
    font-weight: 700 !important;
    isolation: auto !important;
  }

  body.home-page .mobile-app-nav a.is-active,
  body.home-page .mobile-app-nav a[aria-current="page"] {
    color: #f27dff !important;
  }

  body.home-page .mobile-app-nav a > span,
  body.home-page .mobile-app-nav a.is-active > span,
  body.home-page .mobile-app-nav a[aria-current="page"] > span {
    position: relative !important;
    top: auto !important;
    width: 27px !important;
    height: 27px !important;
    min-width: 27px !important;
    flex: 0 0 27px !important;
    display: grid !important;
    place-items: center !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: inherit !important;
    background: transparent !important;
    box-shadow: none !important;
    filter: none !important;
    transform: none !important;
  }

  body.home-page .mobile-app-nav a > span svg {
    width: 25px !important;
    height: 25px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.65 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
    filter: drop-shadow(0 0 4px rgba(192, 108, 255, .18)) !important;
  }

  body.home-page .mobile-app-nav .mobile-nav-icon--home {
    fill: currentColor !important;
    stroke: currentColor !important;
    stroke-width: 1.1 !important;
    filter: drop-shadow(0 0 6px rgba(241, 92, 255, .56)) !important;
  }

  body.home-page .mobile-app-nav__channels {
    color: #f8efff !important;
  }

  body.home-page .mobile-app-nav .mobile-app-nav__channels > span,
  body.home-page .mobile-app-nav .mobile-app-nav__channels.is-active > span {
    position: relative !important;
    top: -13px !important;
    width: 53px !important;
    height: 53px !important;
    min-width: 53px !important;
    flex: 0 0 53px !important;
    border: 2px solid rgba(231, 137, 255, .92) !important;
    border-radius: 50% !important;
    color: #fff !important;
    background: radial-gradient(circle, rgba(154, 64, 255, .24), rgba(13, 8, 28, .98) 68%) !important;
    box-shadow: 0 0 0 4px #080617, 0 0 8px rgba(238, 115, 255, .78), 0 0 20px rgba(166, 72, 255, .54), inset 0 0 12px rgba(227, 130, 255, .14) !important;
  }

  body.home-page .mobile-app-nav .mobile-app-nav__channels > span svg {
    width: 31px !important;
    height: 31px !important;
    fill: none !important;
    stroke-width: 1.7 !important;
    filter: drop-shadow(0 0 5px rgba(230, 130, 255, .58)) !important;
  }

  body.home-page .mobile-app-nav small {
    max-width: 100% !important;
    margin: 0 !important;
    overflow: hidden !important;
    color: inherit !important;
    font-size: clamp(.53rem, 2.35vw, .64rem) !important;
    font-weight: 650 !important;
    line-height: 1 !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
  }

  body.home-page .mobile-app-nav .mobile-app-nav__channels small {
    margin-top: -13px !important;
  }
}

@media (max-width: 360px) {
  body.home-page {
    --p45-side: 10px;
    --p45-nav-height: 62px;
  }

  body.home-page .mobile-showcase-header--353 {
    grid-template-columns: minmax(0, 1fr) 108px !important;
  }

  body.home-page .mobile-showcase-header__actions--353 {
    width: 108px !important;
  }

  body.home-page .mobile-showcase-header__actions--353 button {
    width: 36px !important;
  }

  body.home-page .mobile-showcase-brand__wordmark {
    width: min(98px, 28vw) !important;
  }

  body.home-page .mobile-showcase-category {
    min-height: 76px !important;
    grid-template-rows: 40px auto !important;
  }

  body.home-page .mobile-showcase-category svg {
    width: 39px !important;
    height: 39px !important;
  }

  body.home-page .mobile-future-drops__notice {
    grid-template-columns: 45px minmax(0, 1fr) 31px !important;
    gap: 6px !important;
    padding-inline: 7px !important;
  }

  body.home-page .mobile-future-drops__emblem {
    width: 43px !important;
    height: 43px !important;
  }

  body.home-page .mobile-future-drops__flower {
    width: 31px !important;
    height: 31px !important;
    font-size: 1.65rem !important;
  }

  body.home-page .mobile-app-nav .mobile-app-nav__channels > span,
  body.home-page .mobile-app-nav .mobile-app-nav__channels.is-active > span {
    width: 49px !important;
    height: 49px !important;
    min-width: 49px !important;
    flex-basis: 49px !important;
  }
}

/* PATCH 355 — Lite keeps its city world, while every interface surface is
   black translucent glass. No white or light-blue mobile slabs remain. */
@media (max-width: 820px) {
  html[data-theme="lite"] body.home-page {
    color: #fff !important;
    background: transparent !important;
  }

  html[data-theme="lite"] body.home-page .site-header {
    border: 0 !important;
    background: linear-gradient(180deg, rgba(2, 1, 7, .78) 0%, rgba(2, 1, 7, .40) 68%, transparent 100%) !important;
    box-shadow: none !important;
  }

  html[data-theme="lite"] body.home-page .mobile-showcase-header,
  html[data-theme="lite"] body.home-page .mobile-showcase-header--353 {
    height: auto !important;
    min-height: 68px !important;
    aspect-ratio: auto !important;
    border: 0 !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
  }

  html[data-theme="lite"] body.home-page .mobile-showcase-brand__lockup > small,
  html[data-theme="lite"] body.home-page .mobile-showcase-header__actions--353 button {
    color: #fff !important;
  }

  html[data-theme="lite"] body.home-page .mobile-showcase-categories,
  html[data-theme="lite"] body.home-page .mobile-future-drops {
    background: transparent !important;
    box-shadow: none !important;
  }

  html[data-theme="lite"] body.home-page .mobile-showcase-categories__head h2,
  html[data-theme="lite"] body.home-page .mobile-showcase-categories h2,
  html[data-theme="lite"] body.home-page .mobile-future-drops__head h2 {
    color: #fff !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, .74) !important;
  }

  html[data-theme="lite"] body.home-page .mobile-showcase-categories__head > a,
  html[data-theme="lite"] body.home-page .drop-filter-reset {
    color: rgba(255, 246, 255, .94) !important;
    border-color: rgba(216, 126, 255, .48) !important;
    background: rgba(4, 2, 10, .76) !important;
    box-shadow: inset 0 0 12px rgba(171, 76, 255, .08), 0 4px 12px rgba(0, 0, 0, .20) !important;
  }

  html[data-theme="lite"] body.home-page .mobile-showcase-categories__head > a span,
  html[data-theme="lite"] body.home-page .drop-filter-reset span {
    color: #e5a6ff !important;
  }

  html[data-theme="lite"] body.home-page .mobile-showcase-category,
  html[data-theme="lite"] body.home-page .mobile-showcase-category:nth-child(even) {
    color: #fff !important;
    border-color: rgba(229, 109, 255, .70) !important;
    background:
      radial-gradient(circle at 50% 30%, rgba(164, 67, 255, .18), transparent 52%),
      linear-gradient(145deg, rgba(18, 7, 30, .84), rgba(2, 1, 7, .91)) !important;
    box-shadow: inset 0 0 18px rgba(194, 80, 255, .08), 0 0 4px rgba(236, 88, 255, .54), 0 8px 18px rgba(0, 0, 0, .25) !important;
  }

  html[data-theme="lite"] body.home-page .mobile-showcase-category strong {
    color: #fff !important;
    text-shadow: 0 2px 6px rgba(0, 0, 0, .62) !important;
  }

  html[data-theme="lite"] body.home-page .mobile-showcase-category svg,
  html[data-theme="lite"] body.home-page .mobile-showcase-category:nth-child(even) svg {
    color: #edbdff !important;
    stroke: #edbdff !important;
    filter: drop-shadow(0 0 5px rgba(224, 104, 255, .46)) !important;
  }

  html[data-theme="lite"] body.home-page .mobile-showcase-category > span {
    color: rgba(247, 224, 255, .90) !important;
  }

  html[data-theme="lite"] body.home-page .mobile-future-drops__notice {
    color: #fff !important;
    border-color: rgba(209, 113, 255, .46) !important;
    background:
      radial-gradient(circle at 8% 50%, rgba(146, 54, 255, .17), transparent 30%),
      radial-gradient(circle at 94% 50%, rgba(238, 72, 255, .09), transparent 28%),
      linear-gradient(145deg, rgba(17, 7, 29, .84), rgba(2, 1, 7, .91)) !important;
    box-shadow: inset 0 0 18px rgba(154, 73, 255, .06), 0 8px 18px rgba(0, 0, 0, .24) !important;
  }

  html[data-theme="lite"] body.home-page .mobile-future-drops__notice p {
    color: rgba(255, 248, 255, .90) !important;
  }

  html[data-theme="lite"] body.home-page .mobile-future-drops__notice p small {
    color: rgba(225, 207, 237, .70) !important;
  }

  html[data-theme="lite"] body.home-page .mobile-showcase-hello > a {
    border-color: rgba(205, 111, 255, .30) !important;
    background: rgba(3, 1, 8, .76) !important;
    box-shadow: 0 9px 20px rgba(0, 0, 0, .24) !important;
  }

  html[data-theme="lite"] body.home-page .mobile-app-nav {
    border-top-color: rgba(174, 103, 255, .24) !important;
    background-color: rgba(3, 2, 10, .94) !important;
    background-image: linear-gradient(180deg, rgba(10, 7, 24, .94), rgba(2, 1, 8, .97)) !important;
    box-shadow: 0 -8px 24px rgba(0, 0, 0, .40), inset 0 1px 0 rgba(255, 255, 255, .025) !important;
  }

  html[data-theme="lite"] body.home-page .mobile-app-nav a {
    color: rgba(225, 216, 236, .72) !important;
    background: transparent !important;
  }

  html[data-theme="lite"] body.home-page .mobile-app-nav a.is-active,
  html[data-theme="lite"] body.home-page .mobile-app-nav a[aria-current="page"] {
    color: #f28aff !important;
  }

  html[data-theme="lite"] body.home-page .mobile-app-nav .mobile-app-nav__channels > span,
  html[data-theme="lite"] body.home-page .mobile-app-nav .mobile-app-nav__channels.is-active > span {
    color: #fff !important;
    border-color: rgba(230, 137, 255, .90) !important;
    background: radial-gradient(circle, rgba(145, 55, 245, .22), rgba(7, 4, 18, .97) 70%) !important;
    box-shadow: 0 0 0 4px #070412, 0 0 8px rgba(232, 109, 255, .66), 0 0 18px rgba(137, 67, 220, .42) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.home-page .mobile-showcase-header__actions--353 button:active {
    transform: none !important;
  }
}

/* PATCH 356 — the legacy drawer used z-index 88 while the rebuilt header and
   bottom navigation use 90 and 100. This final layer keeps the whole dialog,
   including its own title and close button, above every page control. */
@media (max-width: 820px) {
  body.home-page .drawer-overlay {
    z-index: 300 !important;
    background: rgba(3, 1, 8, .78) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  body.home-page .mobile-catalog-drawer {
    position: fixed !important;
    z-index: 310 !important;
    top: max(10px, env(safe-area-inset-top, 0px)) !important;
    right: auto !important;
    bottom: auto !important;
    left: 50% !important;
    width: min(calc(100% - 20px), 440px) !important;
    height: auto !important;
    max-height: min(520px, calc(100dvh - 20px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px))) !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    isolation: isolate !important;
    transform-origin: top center !important;
    transform: translate3d(-50%, -16px, 0) scale(.985) !important;
    transition: transform .20s ease, opacity .16s ease !important;
  }

  body.home-page .mobile-catalog-drawer.is-open {
    transform: translate3d(-50%, 0, 0) scale(1) !important;
  }

  body.home-page .mobile-catalog-drawer__header {
    position: relative !important;
    z-index: 2 !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    min-height: 68px !important;
    padding: 11px 12px 10px 16px !important;
    background: linear-gradient(180deg, rgba(17, 7, 29, .98), rgba(10, 4, 19, .94)) !important;
  }

  body.home-page .mobile-catalog-drawer__header > div {
    min-width: 0 !important;
    display: block !important;
  }

  body.home-page .mobile-catalog-drawer__header h3 {
    display: block !important;
    margin: 4px 0 0 !important;
  }

  body.home-page .mobile-catalog-drawer .drawer-close {
    position: relative !important;
    z-index: 3 !important;
    flex: 0 0 44px !important;
  }

  body.home-page .mobile-catalog-drawer__nav {
    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;
  }

  body.home-page.drawer-open .site-header,
  body.home-page.drawer-open .mobile-app-nav {
    pointer-events: none !important;
  }
}

@supports not (height: 100dvh) {
  @media (max-width: 820px) {
    body.home-page .mobile-catalog-drawer {
      max-height: min(520px, calc(100vh - 20px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px))) !important;
    }
  }
}


/* PATCH 360 — MOBILE REFERENCE GEOMETRY
   Restores the proportions from the approved mobile composition: full-width
   hero, readable clock, large neon category panels, correctly scaled action
   buttons and a taller five-item bottom navigation. This layer is mobile-only;
   desktop, authentication, Creator OS, product data and server code are not
   changed. */
@media (max-width: 820px) {
  body.home-page {
    --p360-shell-width: 760px;
    --p360-side: clamp(13px, 3.6vw, 28px);
    --p45-shell-width: var(--p360-shell-width);
    --p45-side: var(--p360-side);
    --p45-nav-height: clamp(68px, 14vw, 112px);
    padding-bottom: calc(var(--p45-nav-height) + 14px + env(safe-area-inset-bottom, 0px)) !important;
    background: linear-gradient(180deg, #05020c 0%, #030108 58%, #020106 100%) !important;
  }

  html:not([data-theme]) body.home-page::before,
  html[data-theme="neon"] body.home-page::before,
  html[data-theme="lite"] body.home-page::before {
    opacity: .22 !important;
    filter: brightness(.42) saturate(.86) !important;
  }

  body.home-page .site-header {
    background: linear-gradient(180deg, rgba(3, 1, 9, .84), rgba(3, 1, 9, .34) 68%, transparent) !important;
  }

  body.home-page .mobile-showcase-header--353 {
    width: min(100%, var(--p360-shell-width)) !important;
    min-height: clamp(72px, 13.5vw, 104px) !important;
    padding:
      calc(8px + env(safe-area-inset-top, 0px))
      var(--p360-side)
      7px !important;
    grid-template-columns: minmax(0, 1fr) clamp(114px, 26vw, 180px) !important;
    gap: clamp(7px, 1.8vw, 14px) !important;
  }

  body.home-page .mobile-showcase-brand--353 {
    height: auto !important;
    grid-template-columns: clamp(46px, 9.5vw, 70px) minmax(0, 1fr) !important;
    gap: clamp(7px, 1.6vw, 13px) !important;
  }

  body.home-page .mobile-showcase-profile-link {
    width: clamp(46px, 9.5vw, 70px) !important;
    height: clamp(46px, 9.5vw, 70px) !important;
    min-width: clamp(46px, 9.5vw, 70px) !important;
    border-width: 1.5px !important;
    box-shadow:
      0 0 0 3px rgba(142, 65, 255, .17),
      0 0 clamp(14px, 3vw, 24px) rgba(225, 75, 255, .48) !important;
  }

  body.home-page .mobile-showcase-brand__title-line {
    gap: clamp(5px, 1.1vw, 9px) !important;
  }

  body.home-page .mobile-showcase-brand__wordmark {
    width: clamp(96px, 25vw, 182px) !important;
    max-width: 100% !important;
    filter: drop-shadow(0 0 9px rgba(189, 78, 255, .46)) !important;
  }

  body.home-page .mobile-showcase-brand__title-line strong {
    font-size: clamp(.66rem, 2.45vw, 1.12rem) !important;
    letter-spacing: .11em !important;
  }

  body.home-page .mobile-showcase-brand__lockup > small {
    margin-top: clamp(1px, .35vw, 3px) !important;
    font-size: clamp(.43rem, 1.35vw, .68rem) !important;
    letter-spacing: .11em !important;
  }

  body.home-page .mobile-showcase-header__actions--353 {
    width: clamp(114px, 26vw, 180px) !important;
    height: clamp(46px, 8.5vw, 64px) !important;
  }

  body.home-page .mobile-showcase-header__actions--353 button {
    width: 100% !important;
    height: clamp(44px, 8.5vw, 64px) !important;
    min-height: 44px !important;
  }

  body.home-page .mobile-showcase-header__actions--353 svg {
    width: clamp(25px, 4.9vw, 37px) !important;
    height: clamp(25px, 4.9vw, 37px) !important;
    stroke-width: 1.6 !important;
  }

  body.home-page .mobile-cart-button__dot {
    top: clamp(3px, .8vw, 7px) !important;
    right: clamp(2px, .7vw, 6px) !important;
    width: clamp(7px, 1.4vw, 10px) !important;
    height: clamp(7px, 1.4vw, 10px) !important;
  }

  body.home-page .site-main {
    padding-bottom: calc(var(--p45-nav-height) + 18px + env(safe-area-inset-bottom, 0px)) !important;
  }

  body.home-page .mobile-home-hero--352 {
    width: min(100%, var(--p360-shell-width)) !important;
  }

  body.home-page .mobile-home-hero__link {
    height: clamp(232px, 55vw, 428px) !important;
    box-shadow: 0 14px 34px rgba(0, 0, 0, .34) !important;
  }

  body.home-page .mobile-home-hero__image {
    object-position: 50% 47% !important;
  }

  body.home-page .mobile-home-hero__shade {
    background:
      linear-gradient(180deg, rgba(2, 1, 8, .30) 0%, rgba(2, 1, 8, .025) 31%, transparent 67%, rgba(4, 1, 10, .44) 100%),
      linear-gradient(90deg, rgba(4, 2, 11, .31), transparent 48%) !important;
  }

  body.home-page .mobile-home-clock {
    top: clamp(104px, 22vw, 170px) !important;
    left: var(--p360-side) !important;
    width: clamp(148px, 31vw, 238px) !important;
    min-height: clamp(94px, 21vw, 164px) !important;
    gap: clamp(5px, 1.2vw, 9px) !important;
    padding: clamp(11px, 2.2vw, 17px) clamp(12px, 2.5vw, 19px) !important;
    border-color: rgba(208, 126, 255, .66) !important;
    border-radius: clamp(13px, 2.5vw, 20px) !important;
    background:
      radial-gradient(circle at 18% 0%, rgba(174, 69, 255, .18), transparent 46%),
      linear-gradient(145deg, rgba(24, 9, 43, .91), rgba(6, 3, 15, .94)) !important;
    box-shadow:
      inset 0 0 24px rgba(155, 72, 255, .13),
      0 0 18px rgba(177, 74, 255, .25) !important;
  }

  body.home-page .mobile-home-clock__label {
    gap: clamp(6px, 1.2vw, 10px) !important;
    font-size: clamp(.60rem, 1.7vw, .88rem) !important;
    letter-spacing: .08em !important;
  }

  body.home-page .mobile-home-clock__label svg {
    width: clamp(14px, 2.6vw, 20px) !important;
    height: clamp(14px, 2.6vw, 20px) !important;
  }

  body.home-page .mobile-home-clock__value {
    font-size: clamp(1.55rem, 5.4vw, 2.72rem) !important;
    letter-spacing: -.055em !important;
    text-shadow:
      0 0 8px rgba(223, 116, 255, .76),
      0 0 18px rgba(136, 74, 255, .38) !important;
  }

  body.home-page .mobile-home-clock > small {
    gap: clamp(6px, 1.1vw, 9px) !important;
    font-size: clamp(.53rem, 1.4vw, .74rem) !important;
  }

  body.home-page .mobile-showcase-categories,
  body.home-page .mobile-future-drops {
    position: relative !important;
    z-index: 2 !important;
    isolation: isolate !important;
    width: min(
      calc(100% - (var(--p360-side) * 2)),
      calc(var(--p360-shell-width) - (var(--p360-side) * 2))
    ) !important;
  }

  body.home-page .mobile-showcase-categories::before,
  body.home-page .mobile-future-drops::before {
    content: "";
    position: absolute;
    top: -13px;
    right: calc(50% - 50vw);
    bottom: -18px;
    left: calc(50% - 50vw);
    z-index: -1;
    background: linear-gradient(180deg, rgba(4, 1, 10, .97), rgba(3, 1, 8, .985));
    pointer-events: none;
  }

  body.home-page .mobile-showcase-categories {
    margin: clamp(8px, 1.8vw, 14px) auto 0 !important;
  }

  body.home-page .mobile-showcase-categories__head,
  body.home-page .mobile-future-drops__head {
    min-height: clamp(36px, 5.7vw, 46px) !important;
    margin: 0 0 clamp(8px, 1.7vw, 13px) !important;
    padding: 0 2px !important;
    gap: 12px !important;
  }

  body.home-page .mobile-showcase-categories__head h2,
  body.home-page .mobile-showcase-categories h2,
  body.home-page .mobile-future-drops__head h2 {
    font-size: clamp(1.52rem, 4.3vw, 2.16rem) !important;
    line-height: .98 !important;
    letter-spacing: -.04em !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, .62) !important;
  }

  body.home-page .mobile-showcase-categories__head > a,
  body.home-page .drop-filter-reset {
    min-height: clamp(30px, 5vw, 39px) !important;
    gap: clamp(5px, 1vw, 8px) !important;
    padding: 0 clamp(11px, 2.4vw, 18px) !important;
    border-color: rgba(219, 135, 255, .47) !important;
    border-radius: clamp(10px, 1.8vw, 14px) !important;
    background: rgba(8, 4, 17, .86) !important;
    box-shadow:
      inset 0 0 14px rgba(158, 72, 255, .08),
      0 5px 16px rgba(0, 0, 0, .20) !important;
    font-size: clamp(.66rem, 1.65vw, .86rem) !important;
    font-weight: 760 !important;
  }

  body.home-page .mobile-showcase-categories__head > a span,
  body.home-page .drop-filter-reset span {
    font-size: clamp(.94rem, 2.3vw, 1.28rem) !important;
  }

  body.home-page .mobile-showcase-categories__grid {
    gap: clamp(9px, 2vw, 16px) !important;
  }

  body.home-page .mobile-showcase-category,
  body.home-page .mobile-showcase-category:nth-child(even) {
    min-height: clamp(96px, 20vw, 158px) !important;
    grid-template-rows: clamp(55px, 10.8vw, 88px) auto !important;
    gap: clamp(2px, .7vw, 6px) !important;
    padding:
      clamp(8px, 1.5vw, 12px)
      clamp(28px, 4.4vw, 36px)
      clamp(9px, 1.7vw, 14px)
      clamp(10px, 2vw, 16px) !important;
    border: 1.5px solid rgba(231, 106, 255, .88) !important;
    border-radius: clamp(16px, 2.8vw, 23px) !important;
    background:
      radial-gradient(circle at 50% 40%, rgba(125, 68, 255, .34), transparent 54%),
      radial-gradient(circle at 8% 100%, rgba(235, 72, 255, .10), transparent 42%),
      linear-gradient(145deg, rgba(19, 9, 42, .98), rgba(6, 3, 17, .995)) !important;
    box-shadow:
      inset 0 0 0 1px rgba(255, 205, 255, .06),
      inset 0 0 30px rgba(180, 73, 255, .12),
      0 0 5px rgba(255, 95, 245, .86),
      0 0 clamp(14px, 3vw, 24px) rgba(194, 62, 255, .34) !important;
  }

  body.home-page .mobile-showcase-category:nth-child(even) {
    border-color: rgba(210, 122, 255, .86) !important;
    background:
      radial-gradient(circle at 50% 40%, rgba(91, 72, 255, .34), transparent 54%),
      radial-gradient(circle at 92% 100%, rgba(216, 77, 255, .10), transparent 42%),
      linear-gradient(145deg, rgba(18, 10, 43, .98), rgba(6, 3, 18, .995)) !important;
  }

  body.home-page .mobile-showcase-category svg,
  body.home-page .mobile-showcase-category:nth-child(even) svg {
    width: clamp(55px, 10.8vw, 88px) !important;
    height: clamp(55px, 10.8vw, 88px) !important;
    padding: clamp(2px, .5vw, 4px) !important;
    stroke: #efb6ff !important;
    stroke-width: 2.25 !important;
    filter:
      drop-shadow(0 0 5px rgba(245, 111, 255, .82))
      drop-shadow(0 0 12px rgba(154, 71, 255, .48)) !important;
  }

  body.home-page .mobile-showcase-category:nth-child(even) svg {
    stroke: #d9c1ff !important;
  }

  body.home-page .mobile-showcase-category strong {
    font-size: clamp(.90rem, 3.05vw, 1.42rem) !important;
    line-height: 1.04 !important;
    text-shadow: 0 2px 7px rgba(0, 0, 0, .58) !important;
  }

  body.home-page .mobile-showcase-category > span {
    right: clamp(9px, 2vw, 16px) !important;
    bottom: clamp(9px, 1.8vw, 14px) !important;
    width: clamp(16px, 2.8vw, 22px) !important;
    height: clamp(20px, 3.5vw, 28px) !important;
    font-size: clamp(1.12rem, 2.8vw, 1.48rem) !important;
  }

  body.home-page .mobile-future-drops {
    margin: clamp(17px, 3vw, 25px) auto clamp(28px, 7vw, 56px) !important;
  }

  body.home-page .mobile-future-drops__notice {
    min-height: clamp(88px, 16.8vw, 132px) !important;
    grid-template-columns:
      clamp(58px, 12vw, 94px)
      minmax(0, 1fr)
      clamp(42px, 8.2vw, 66px) !important;
    gap: clamp(9px, 2vw, 16px) !important;
    padding: clamp(10px, 1.8vw, 14px) clamp(11px, 2.2vw, 18px) !important;
    border-color: rgba(207, 113, 255, .50) !important;
    border-radius: clamp(13px, 2.3vw, 18px) !important;
    background:
      radial-gradient(circle at 9% 50%, rgba(144, 70, 255, .25), transparent 30%),
      radial-gradient(circle at 94% 50%, rgba(238, 82, 255, .15), transparent 28%),
      linear-gradient(145deg, rgba(18, 8, 38, .97), rgba(5, 3, 16, .99)) !important;
    box-shadow:
      inset 0 0 28px rgba(154, 73, 255, .09),
      0 0 18px rgba(158, 63, 255, .14) !important;
  }

  body.home-page .mobile-future-drops__emblem {
    width: clamp(58px, 12vw, 94px) !important;
    height: clamp(58px, 12vw, 94px) !important;
    color: #d78aff !important;
    filter:
      drop-shadow(0 0 8px rgba(206, 94, 255, .68))
      drop-shadow(0 0 16px rgba(113, 71, 255, .36)) !important;
  }

  body.home-page .mobile-future-drops__notice p {
    font-size: clamp(.66rem, 2.18vw, .96rem) !important;
    line-height: 1.38 !important;
  }

  body.home-page .mobile-future-drops__notice p small {
    margin-top: clamp(3px, .7vw, 6px) !important;
    font-size: .84em !important;
  }

  body.home-page .mobile-future-drops__flower {
    width: clamp(42px, 8.2vw, 66px) !important;
    height: clamp(42px, 8.2vw, 66px) !important;
    font-size: clamp(2rem, 6vw, 3.25rem) !important;
    text-shadow:
      0 0 9px rgba(255, 99, 222, .72),
      0 0 18px rgba(164, 75, 255, .46) !important;
  }

  body.home-page .mobile-app-nav {
    height: calc(var(--p45-nav-height) + env(safe-area-inset-bottom, 0px)) !important;
    min-height: var(--p45-nav-height) !important;
    padding:
      clamp(5px, 1.2vw, 9px)
      max(7px, env(safe-area-inset-left, 0px))
      calc(clamp(4px, .9vw, 7px) + env(safe-area-inset-bottom, 0px))
      max(7px, env(safe-area-inset-right, 0px)) !important;
    border-top-color: rgba(181, 105, 255, .28) !important;
    background:
      linear-gradient(180deg, rgba(10, 7, 24, .985), rgba(3, 2, 11, .995)) !important;
    box-shadow:
      0 -10px 28px rgba(0, 0, 0, .44),
      inset 0 1px 0 rgba(255, 255, 255, .035) !important;
  }

  body.home-page .mobile-app-nav a {
    min-height: calc(var(--p45-nav-height) - 8px) !important;
    gap: clamp(2px, .6vw, 5px) !important;
  }

  body.home-page .mobile-app-nav a > span,
  body.home-page .mobile-app-nav a.is-active > span,
  body.home-page .mobile-app-nav a[aria-current="page"] > span {
    width: clamp(28px, 5vw, 40px) !important;
    height: clamp(28px, 5vw, 40px) !important;
    min-width: clamp(28px, 5vw, 40px) !important;
    flex-basis: clamp(28px, 5vw, 40px) !important;
  }

  body.home-page .mobile-app-nav a > span svg {
    width: clamp(27px, 4.8vw, 38px) !important;
    height: clamp(27px, 4.8vw, 38px) !important;
  }

  body.home-page .mobile-app-nav .mobile-app-nav__channels > span,
  body.home-page .mobile-app-nav .mobile-app-nav__channels.is-active > span {
    top: clamp(-22px, -3vw, -12px) !important;
    width: clamp(60px, 12vw, 94px) !important;
    height: clamp(60px, 12vw, 94px) !important;
    min-width: clamp(60px, 12vw, 94px) !important;
    flex-basis: clamp(60px, 12vw, 94px) !important;
    border-width: clamp(2px, .4vw, 3px) !important;
    background:
      radial-gradient(circle, rgba(162, 65, 255, .28), rgba(10, 6, 25, .99) 69%) !important;
    box-shadow:
      0 0 0 clamp(4px, .8vw, 6px) #070512,
      0 0 10px rgba(238, 115, 255, .82),
      0 0 26px rgba(166, 72, 255, .58),
      inset 0 0 16px rgba(227, 130, 255, .17) !important;
  }

  body.home-page .mobile-app-nav .mobile-app-nav__channels > span svg {
    width: clamp(34px, 7vw, 54px) !important;
    height: clamp(34px, 7vw, 54px) !important;
  }

  body.home-page .mobile-app-nav small {
    font-size: clamp(.58rem, 2vw, .82rem) !important;
  }

  body.home-page .mobile-app-nav .mobile-app-nav__channels small {
    margin-top: clamp(-22px, -3vw, -12px) !important;
  }

  html[data-theme="lite"] body.home-page .mobile-showcase-category,
  html[data-theme="lite"] body.home-page .mobile-showcase-category:nth-child(even) {
    color: #fff !important;
    border-color: rgba(228, 113, 255, .82) !important;
    background:
      radial-gradient(circle at 50% 40%, rgba(113, 66, 255, .28), transparent 55%),
      linear-gradient(145deg, rgba(16, 7, 35, .91), rgba(3, 2, 11, .96)) !important;
    box-shadow:
      inset 0 0 0 1px rgba(255, 205, 255, .045),
      inset 0 0 28px rgba(180, 73, 255, .10),
      0 0 5px rgba(241, 96, 255, .67),
      0 0 19px rgba(162, 61, 255, .27) !important;
  }

  html[data-theme="lite"] body.home-page .mobile-future-drops__notice {
    color: #fff !important;
    border-color: rgba(209, 116, 255, .50) !important;
    background:
      radial-gradient(circle at 9% 50%, rgba(139, 63, 255, .20), transparent 31%),
      radial-gradient(circle at 94% 50%, rgba(232, 79, 255, .12), transparent 28%),
      linear-gradient(145deg, rgba(15, 7, 32, .90), rgba(3, 2, 11, .96)) !important;
  }

  html[data-theme="lite"] body.home-page .mobile-app-nav {
    background:
      linear-gradient(180deg, rgba(9, 6, 22, .97), rgba(2, 1, 8, .99)) !important;
  }
}

@media (max-width: 390px) {
  body.home-page {
    --p360-side: 12px;
    --p45-nav-height: 68px;
  }

  body.home-page .mobile-showcase-header--353 {
    grid-template-columns: minmax(0, 1fr) 114px !important;
    gap: 5px !important;
  }

  body.home-page .mobile-showcase-brand--353 {
    grid-template-columns: 46px minmax(0, 1fr) !important;
    gap: 6px !important;
  }

  body.home-page .mobile-showcase-profile-link {
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
  }

  body.home-page .mobile-showcase-brand__wordmark {
    width: min(98px, 27vw) !important;
  }

  body.home-page .mobile-showcase-header__actions--353 {
    width: 114px !important;
  }

  body.home-page .mobile-showcase-header__actions--353 button {
    height: 44px !important;
  }

  body.home-page .mobile-showcase-category,
  body.home-page .mobile-showcase-category:nth-child(even) {
    min-height: 96px !important;
    grid-template-rows: 54px auto !important;
    border-radius: 16px !important;
  }

  body.home-page .mobile-showcase-category svg,
  body.home-page .mobile-showcase-category:nth-child(even) svg {
    width: 54px !important;
    height: 54px !important;
  }

  body.home-page .mobile-showcase-category strong {
    font-size: .88rem !important;
  }

  body.home-page .mobile-future-drops__notice {
    grid-template-columns: 54px minmax(0, 1fr) 38px !important;
    gap: 7px !important;
    padding-inline: 9px !important;
  }

  body.home-page .mobile-future-drops__emblem {
    width: 54px !important;
    height: 54px !important;
  }

  body.home-page .mobile-future-drops__flower {
    width: 38px !important;
    height: 38px !important;
    font-size: 1.9rem !important;
  }
}


/* PATCH 361 — LITE TRANSPARENT SURFACES + MOBILE NAV POSITION INDICATOR
   The 360 geometry stays intact. Lite now reveals its city world through dark
   translucent surfaces, while the bottom navigation restores a single moving
   rail that follows the scroll-driven active section. */
@media (max-width: 820px) {
  body.home-page .mobile-app-nav {
    --pz-mobile-nav-offset: 0%;
  }

  body.home-page .mobile-app-nav::before {
    content: "" !important;
    position: absolute !important;
    z-index: 4 !important;
    top: -1px !important;
    left: max(7px, env(safe-area-inset-left, 0px)) !important;
    width: calc((100% - max(7px, env(safe-area-inset-left, 0px)) - max(7px, env(safe-area-inset-right, 0px))) / 5) !important;
    height: 3px !important;
    display: block !important;
    border-radius: 0 0 999px 999px !important;
    background: linear-gradient(90deg, transparent 6%, #ff78ef 32%, #d98cff 57%, #88e8ff 82%, transparent 96%) !important;
    box-shadow:
      0 0 7px rgba(244, 102, 255, .88),
      0 0 16px rgba(137, 104, 255, .52) !important;
    opacity: .98 !important;
    pointer-events: none !important;
    transform: translate3d(var(--pz-mobile-nav-offset), 0, 0) !important;
    transition: transform .42s cubic-bezier(.22, 1, .36, 1), opacity .18s ease !important;
    will-change: transform;
  }

  html[data-theme="lite"] body.home-page {
    color: #fff !important;
    background: transparent !important;
  }

  html[data-theme="lite"] body.home-page::before {
    display: block !important;
    visibility: visible !important;
    opacity: .78 !important;
    filter: brightness(.70) saturate(.94) !important;
  }

  html[data-theme="lite"] body.home-page .site-main,
  html[data-theme="lite"] body.home-page .mobile-showcase-categories,
  html[data-theme="lite"] body.home-page .mobile-future-drops {
    background: transparent !important;
    box-shadow: none !important;
  }

  html[data-theme="lite"] body.home-page .site-header {
    background: linear-gradient(180deg, rgba(2, 1, 8, .60) 0%, rgba(2, 1, 8, .20) 70%, transparent 100%) !important;
    box-shadow: none !important;
  }

  html[data-theme="lite"] body.home-page .mobile-showcase-header,
  html[data-theme="lite"] body.home-page .mobile-showcase-header--353,
  html[data-theme="lite"] body.home-page .mobile-showcase-header__actions,
  html[data-theme="lite"] body.home-page .mobile-showcase-header__actions--353,
  html[data-theme="lite"] body.home-page .mobile-showcase-header__actions--353 button {
    border-color: transparent !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  html[data-theme="lite"] body.home-page .mobile-home-clock {
    border-color: rgba(220, 137, 255, .58) !important;
    background:
      radial-gradient(circle at 16% 0%, rgba(174, 69, 255, .18), transparent 48%),
      linear-gradient(145deg, rgba(10, 4, 24, .60), rgba(2, 1, 9, .68)) !important;
    box-shadow:
      inset 0 0 22px rgba(155, 72, 255, .10),
      0 5px 18px rgba(0, 0, 0, .20),
      0 0 15px rgba(177, 74, 255, .18) !important;
  }

  html[data-theme="lite"] body.home-page .mobile-showcase-categories::before,
  html[data-theme="lite"] body.home-page .mobile-future-drops::before {
    background: linear-gradient(180deg, rgba(3, 1, 10, .20), rgba(2, 1, 8, .34)) !important;
  }

  html[data-theme="lite"] body.home-page .mobile-showcase-categories__head > a,
  html[data-theme="lite"] body.home-page .drop-filter-reset {
    color: rgba(255, 248, 255, .96) !important;
    border-color: rgba(219, 135, 255, .46) !important;
    background: rgba(5, 2, 13, .58) !important;
    box-shadow:
      inset 0 0 14px rgba(158, 72, 255, .07),
      0 5px 14px rgba(0, 0, 0, .15) !important;
  }

  html[data-theme="lite"] body.home-page .mobile-showcase-category,
  html[data-theme="lite"] body.home-page .mobile-showcase-category:nth-child(even) {
    color: #fff !important;
    border-color: rgba(230, 111, 255, .80) !important;
    background:
      radial-gradient(circle at 50% 38%, rgba(122, 68, 255, .25), transparent 56%),
      radial-gradient(circle at 8% 100%, rgba(235, 72, 255, .08), transparent 43%),
      linear-gradient(145deg, rgba(15, 6, 34, .58), rgba(2, 1, 10, .70)) !important;
    box-shadow:
      inset 0 0 0 1px rgba(255, 205, 255, .05),
      inset 0 0 26px rgba(180, 73, 255, .10),
      0 0 5px rgba(255, 95, 245, .66),
      0 0 18px rgba(173, 62, 255, .25) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  html[data-theme="lite"] body.home-page .mobile-showcase-category:nth-child(even) {
    border-color: rgba(210, 122, 255, .78) !important;
    background:
      radial-gradient(circle at 50% 38%, rgba(86, 76, 255, .25), transparent 56%),
      radial-gradient(circle at 92% 100%, rgba(216, 77, 255, .08), transparent 43%),
      linear-gradient(145deg, rgba(13, 7, 34, .58), rgba(2, 1, 10, .70)) !important;
  }

  html[data-theme="lite"] body.home-page .mobile-future-drops__notice {
    color: #fff !important;
    border-color: rgba(209, 116, 255, .48) !important;
    background:
      radial-gradient(circle at 9% 50%, rgba(139, 63, 255, .18), transparent 32%),
      radial-gradient(circle at 94% 50%, rgba(232, 79, 255, .10), transparent 29%),
      linear-gradient(145deg, rgba(13, 5, 30, .56), rgba(2, 1, 9, .68)) !important;
    box-shadow:
      inset 0 0 25px rgba(154, 73, 255, .08),
      0 7px 18px rgba(0, 0, 0, .17) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  html[data-theme="lite"] body.home-page .site-footer {
    border-color: rgba(192, 113, 255, .20) !important;
    background: linear-gradient(180deg, rgba(3, 1, 10, .52), rgba(2, 1, 8, .66)) !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  html[data-theme="lite"] body.home-page .mobile-app-nav {
    border-top-color: rgba(184, 111, 255, .30) !important;
    background-color: rgba(3, 2, 10, .72) !important;
    background-image: linear-gradient(180deg, rgba(10, 7, 25, .70), rgba(2, 1, 9, .82)) !important;
    box-shadow:
      0 -8px 24px rgba(0, 0, 0, .28),
      inset 0 1px 0 rgba(255, 255, 255, .04) !important;
    backdrop-filter: blur(12px) saturate(1.08) !important;
    -webkit-backdrop-filter: blur(12px) saturate(1.08) !important;
  }

  html[data-theme="lite"] body.home-page .mobile-app-nav .mobile-app-nav__channels > span,
  html[data-theme="lite"] body.home-page .mobile-app-nav .mobile-app-nav__channels.is-active > span {
    background: radial-gradient(circle, rgba(145, 55, 245, .24), rgba(5, 3, 16, .82) 70%) !important;
    box-shadow:
      0 0 0 clamp(4px, .8vw, 6px) rgba(7, 4, 18, .72),
      0 0 9px rgba(232, 109, 255, .68),
      0 0 21px rgba(137, 67, 220, .43),
      inset 0 0 14px rgba(227, 130, 255, .15) !important;
  }
}

@media (max-width: 820px) and (prefers-reduced-motion: reduce) {
  body.home-page .mobile-app-nav::before {
    transition: none !important;
  }
}


/* PATCH 384 — the backend owns account avatars. Only the shared circular
   crop used by the live header and catalogue drawer remains here. */
body.home-page .mobile-showcase-profile-link img,
body.home-page .mobile-catalog-drawer__avatar img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
  object-position: 50% 50% !important;
  transform: none !important;
}


/* PATCH 366 — MOBILE GLASS DOCK V2
   Replaces the old opaque bottom rectangle with the supplied transparent
   neon shell. The five real links, their labels and their destinations stay
   in HTML above the artwork. Desktop starts at 821px and is not affected. */
@media (max-width: 820px) {
  body.home-page {
    --p45-nav-height: clamp(82px, 22.5vw, 130px);
    padding-bottom: calc(var(--p45-nav-height) + 12px + env(safe-area-inset-bottom, 0px)) !important;
  }

  body.home-page .site-main {
    padding-bottom: calc(var(--p45-nav-height) + 18px + env(safe-area-inset-bottom, 0px)) !important;
  }

  body.home-page .mobile-app-nav,
  html[data-theme="lite"] body.home-page .mobile-app-nav {
    --p366-dock-width: min(calc(100% - 4px), 579px);
    position: fixed !important;
    z-index: 100 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    height: calc(var(--p45-nav-height) + env(safe-area-inset-bottom, 0px)) !important;
    min-height: var(--p45-nav-height) !important;
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    align-items: start !important;
    gap: 0 !important;
    margin: 0 !important;
    padding:
      0
      max(2px, calc((100% - var(--p366-dock-width)) / 2)) !important;
    overflow: visible !important;
    isolation: isolate !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    clip-path: none !important;
    transform: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  body.home-page .mobile-app-nav::before,
  html[data-theme="lite"] body.home-page .mobile-app-nav::before {
    content: "" !important;
    position: absolute !important;
    z-index: 0 !important;
    left: 50% !important;
    bottom: env(safe-area-inset-bottom, 0px) !important;
    width: var(--p366-dock-width) !important;
    height: auto !important;
    aspect-ratio: 1536 / 345 !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background-color: transparent !important;
    background-image: url("../img/mobile-bottom-shell-v2.webp?v=patch366-mobile-glass-dock-v2") !important;
    background-position: 50% 100% !important;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;
    box-shadow: none !important;
    filter: drop-shadow(0 -4px 12px rgba(112, 37, 255, .24)) !important;
    transform: translateX(-50%) !important;
    pointer-events: none !important;
  }

  body.home-page .mobile-app-nav::after,
  html[data-theme="lite"] body.home-page .mobile-app-nav::after {
    content: none !important;
    display: none !important;
  }

  body.home-page .mobile-app-nav a,
  html[data-theme="lite"] body.home-page .mobile-app-nav a {
    position: relative !important;
    z-index: 1 !important;
    align-self: start !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: var(--p45-nav-height) !important;
    min-height: var(--p45-nav-height) !important;
    margin: 0 !important;
    padding:
      clamp(20px, 5.6vw, 36px)
      1px
      clamp(5px, 1.2vw, 8px) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: clamp(2px, .55vw, 4px) !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: rgba(235, 222, 249, .78) !important;
    background: transparent !important;
    box-shadow: none !important;
    text-decoration: none !important;
    font-weight: 760 !important;
    transform: none !important;
    isolation: auto !important;
    -webkit-tap-highlight-color: transparent !important;
    touch-action: manipulation !important;
  }

  body.home-page .mobile-app-nav a > span,
  body.home-page .mobile-app-nav a.is-active > span,
  body.home-page .mobile-app-nav a[aria-current="page"] > span,
  html[data-theme="lite"] body.home-page .mobile-app-nav a > span,
  html[data-theme="lite"] body.home-page .mobile-app-nav a.is-active > span,
  html[data-theme="lite"] body.home-page .mobile-app-nav a[aria-current="page"] > span {
    position: relative !important;
    top: auto !important;
    width: clamp(23px, 4.8vw, 34px) !important;
    height: clamp(23px, 4.8vw, 34px) !important;
    min-width: clamp(23px, 4.8vw, 34px) !important;
    flex: 0 0 clamp(23px, 4.8vw, 34px) !important;
    display: grid !important;
    place-items: center !important;
    visibility: visible !important;
    opacity: 1 !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: inherit !important;
    background: transparent !important;
    box-shadow: none !important;
    filter: none !important;
    transform: none !important;
  }

  body.home-page .mobile-app-nav a > span svg,
  html[data-theme="lite"] body.home-page .mobile-app-nav a > span svg {
    width: clamp(22px, 4.5vw, 32px) !important;
    height: clamp(22px, 4.5vw, 32px) !important;
    color: inherit !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.7 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
    filter:
      drop-shadow(0 0 4px rgba(232, 151, 255, .48))
      drop-shadow(0 0 9px rgba(128, 68, 255, .26)) !important;
    transform: none !important;
  }

  body.home-page .mobile-app-nav .mobile-nav-icon--home,
  html[data-theme="lite"] body.home-page .mobile-app-nav .mobile-nav-icon--home {
    fill: currentColor !important;
    stroke: currentColor !important;
    stroke-width: 1.1 !important;
  }

  body.home-page .mobile-app-nav a.is-active,
  body.home-page .mobile-app-nav a[aria-current="page"],
  html[data-theme="lite"] body.home-page .mobile-app-nav a.is-active,
  html[data-theme="lite"] body.home-page .mobile-app-nav a[aria-current="page"] {
    color: #ff9cf4 !important;
    text-shadow:
      0 0 6px rgba(255, 118, 238, .84),
      0 0 12px rgba(156, 69, 255, .52) !important;
  }

  body.home-page .mobile-app-nav__channels,
  html[data-theme="lite"] body.home-page .mobile-app-nav__channels {
    justify-content: flex-end !important;
    padding:
      0
      1px
      clamp(4px, 1.1vw, 8px) !important;
    color: #ffffff !important;
  }

  body.home-page .mobile-app-nav .mobile-app-nav__channels > span,
  body.home-page .mobile-app-nav .mobile-app-nav__channels.is-active > span,
  body.home-page .mobile-app-nav .mobile-app-nav__channels[aria-current="page"] > span,
  html[data-theme="lite"] body.home-page .mobile-app-nav .mobile-app-nav__channels > span,
  html[data-theme="lite"] body.home-page .mobile-app-nav .mobile-app-nav__channels.is-active > span,
  html[data-theme="lite"] body.home-page .mobile-app-nav .mobile-app-nav__channels[aria-current="page"] > span {
    position: absolute !important;
    top: 0 !important;
    left: 50% !important;
    width: 72% !important;
    height: 76% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    display: block !important;
    visibility: hidden !important;
    opacity: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    filter: none !important;
    transform: translateX(-50%) !important;
    pointer-events: none !important;
  }

  body.home-page .mobile-app-nav small,
  html[data-theme="lite"] body.home-page .mobile-app-nav small {
    max-width: 100% !important;
    margin: 0 !important;
    overflow: visible !important;
    color: inherit !important;
    font-size: clamp(.54rem, 1.9vw, .76rem) !important;
    font-weight: 760 !important;
    line-height: 1 !important;
    letter-spacing: .01em !important;
    text-overflow: clip !important;
    text-shadow: 0 1px 4px rgba(0, 0, 0, .94) !important;
    white-space: nowrap !important;
  }

  body.home-page .mobile-app-nav .mobile-app-nav__channels small,
  html[data-theme="lite"] body.home-page .mobile-app-nav .mobile-app-nav__channels small {
    margin: 0 !important;
    padding: 2px 5px !important;
    border-radius: 999px !important;
    color: #ffffff !important;
    background: rgba(7, 3, 17, .58) !important;
    box-shadow: 0 0 10px rgba(171, 75, 255, .26) !important;
    text-shadow:
      0 1px 3px rgba(0, 0, 0, .96),
      0 0 7px rgba(231, 133, 255, .58) !important;
  }

  body.home-page .mobile-app-nav a:focus-visible,
  html[data-theme="lite"] body.home-page .mobile-app-nav a:focus-visible {
    outline: 2px solid #f3a3ff !important;
    outline-offset: -5px !important;
    border-radius: 16px !important;
  }
}

@media (max-width: 340px) {
  body.home-page {
    --p45-nav-height: 78px;
  }

  body.home-page .mobile-app-nav a,
  html[data-theme="lite"] body.home-page .mobile-app-nav a {
    padding-top: 18px !important;
  }

  body.home-page .mobile-app-nav small,
  html[data-theme="lite"] body.home-page .mobile-app-nav small {
    font-size: .51rem !important;
  }
}

@media (max-width: 820px) and (prefers-reduced-motion: reduce) {
  body.home-page .mobile-app-nav,
  body.home-page .mobile-app-nav *,
  body.home-page .mobile-app-nav::before {
    animation: none !important;
    transition: none !important;
  }
}


/* PATCH 371 — DOCK LABEL RECOVERY + DRAWER LAYOUT RECOVERY
   The failed preceding override is fully removed. Only the redundant Channels caption below the
   artwork-owned PZ button is hidden. The other four navigation captions stay
   visible. Mobile wide cards receive the intended four-column grid through a
   selector that is deliberately stronger than the generic tile rule. Desktop
   receives a self-contained drawer layout and no longer inherits the obsolete
   UPDATE pseudo-content from the legacy catalogue. */
@media (max-width: 820px) {
  body.home-page .mobile-app-nav .mobile-app-nav__channels small,
  html[data-theme="lite"] body.home-page .mobile-app-nav .mobile-app-nav__channels small {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  body.home-page .mobile-catalog-drawer--359 .mobile-catalog-drawer__nav--359 .drawer-tile.drawer-tile--wide {
    min-height: 90px !important;
    grid-template-columns: 48px minmax(0, 1fr) auto 20px !important;
    grid-template-rows: auto !important;
    align-items: center !important;
    align-content: center !important;
    column-gap: 10px !important;
    row-gap: 0 !important;
  }

  body.home-page .mobile-catalog-drawer--359 .mobile-catalog-drawer__nav--359 .drawer-tile.drawer-tile--wide .drawer-tile__icon {
    grid-column: 1 !important;
    grid-row: 1 !important;
    align-self: center !important;
  }

  body.home-page .mobile-catalog-drawer--359 .mobile-catalog-drawer__nav--359 .drawer-tile.drawer-tile--wide .drawer-tile__copy {
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: auto !important;
    min-width: 0 !important;
    align-self: center !important;
    gap: 4px !important;
  }

  body.home-page .mobile-catalog-drawer--359 .mobile-catalog-drawer__nav--359 .drawer-tile.drawer-tile--wide .drawer-tile__copy strong,
  body.home-page .mobile-catalog-drawer--359 .mobile-catalog-drawer__nav--359 .drawer-tile.drawer-tile--wide .drawer-tile__copy small {
    width: auto !important;
    max-width: 100% !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
  }

  body.home-page .mobile-catalog-drawer--359 .mobile-catalog-drawer__nav--359 .drawer-tile.drawer-tile--wide .drawer-tile__copy strong {
    font-size: clamp(.76rem, 3.2vw, .89rem) !important;
    line-height: 1.16 !important;
  }

  body.home-page .mobile-catalog-drawer--359 .mobile-catalog-drawer__nav--359 .drawer-tile.drawer-tile--wide .drawer-tile__copy small {
    font-size: clamp(.51rem, 2.15vw, .60rem) !important;
    line-height: 1.30 !important;
  }

  body.home-page .mobile-catalog-drawer--359 .mobile-catalog-drawer__nav--359 .drawer-tile.drawer-tile--wide .drawer-tile__signal {
    grid-column: 3 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    align-self: center !important;
    flex: 0 0 auto !important;
  }

  body.home-page .mobile-catalog-drawer--359 .mobile-catalog-drawer__nav--359 .drawer-tile.drawer-tile--wide .drawer-tile__arrow {
    grid-column: 4 !important;
    grid-row: 1 !important;
    width: 20px !important;
    height: 48px !important;
    align-self: center !important;
  }
}

@media (max-width: 360px) {
  body.home-page .mobile-catalog-drawer--359 .mobile-catalog-drawer__nav--359 .drawer-tile.drawer-tile--wide {
    min-height: 88px !important;
    grid-template-columns: 44px minmax(0, 1fr) auto 17px !important;
    column-gap: 8px !important;
  }

  body.home-page .mobile-catalog-drawer--359 .mobile-catalog-drawer__nav--359 .drawer-tile.drawer-tile--wide .drawer-tile__signal {
    min-height: 20px !important;
    padding-inline: 5px !important;
    font-size: .39rem !important;
  }
}

@media (min-width: 821px) {
  body.home-page .mobile-catalog-drawer--359 {
    position: fixed !important;
    z-index: 80 !important;
    top: 92px !important;
    right: auto !important;
    bottom: auto !important;
    left: 18px !important;
    width: min(430px, calc(100vw - 36px)) !important;
    max-height: min(620px, calc(100vh - 112px)) !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    border: 1px solid rgba(221, 134, 255, .32) !important;
    border-radius: 25px !important;
    opacity: 0 !important;
    color: #fff !important;
    background:
      linear-gradient(rgba(138, 76, 205, .045) 1px, transparent 1px),
      linear-gradient(90deg, rgba(138, 76, 205, .045) 1px, transparent 1px),
      radial-gradient(circle at 12% -8%, rgba(255, 78, 214, .18), transparent 36%),
      radial-gradient(circle at 100% 8%, rgba(72, 206, 255, .10), transparent 32%),
      linear-gradient(152deg, rgba(20, 8, 33, .992), rgba(6, 3, 14, .997) 68%) !important;
    background-size: 20px 20px, 20px 20px, auto, auto, auto !important;
    box-shadow: 0 28px 74px rgba(0, 0, 0, .62), 0 0 0 1px rgba(255, 255, 255, .025) inset !important;
    transform: translate3d(-28px, 0, 0) scale(.985) !important;
    transition: transform .24s ease, opacity .20s ease !important;
    pointer-events: none !important;
  }

  body.home-page .mobile-catalog-drawer--359.is-open {
    opacity: 1 !important;
    transform: translate3d(0, 0, 0) scale(1) !important;
    pointer-events: auto !important;
  }

  body.home-page .mobile-catalog-drawer--359::before,
  body.home-page .mobile-catalog-drawer--359::after {
    pointer-events: none !important;
  }

  body.home-page .mobile-catalog-drawer--359 .mobile-catalog-drawer__header--359 {
    position: relative !important;
    z-index: 2 !important;
    min-height: 86px !important;
    flex: 0 0 auto !important;
    padding: 12px 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    border-bottom: 1px solid rgba(221, 128, 255, .18) !important;
    background: rgba(4, 2, 10, .34) !important;
  }

  body.home-page .mobile-catalog-drawer--359 .mobile-catalog-drawer__brand {
    min-width: 0 !important;
    flex: 1 1 auto !important;
    display: flex !important;
    align-items: center !important;
    gap: 11px !important;
    overflow: hidden !important;
  }

  body.home-page .mobile-catalog-drawer--359 .mobile-catalog-drawer__avatar {
    position: relative !important;
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    flex: 0 0 56px !important;
    display: grid !important;
    place-items: center !important;
    overflow: hidden !important;
    border: 1px solid rgba(238, 147, 255, .72) !important;
    border-radius: 50% !important;
    background: #08040f !important;
    box-shadow: 0 0 0 4px rgba(158, 66, 255, .10), 0 0 18px rgba(226, 95, 255, .30) !important;
  }

  body.home-page .mobile-catalog-drawer--359 .mobile-catalog-drawer__avatar img {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    object-fit: cover !important;
    object-position: center !important;
  }

  body.home-page .mobile-catalog-drawer--359 .mobile-catalog-drawer__brand-copy {
    min-width: 0 !important;
    display: grid !important;
    gap: 2px !important;
    overflow: hidden !important;
  }

  body.home-page .mobile-catalog-drawer--359 .mobile-catalog-drawer__version {
    color: rgba(231, 139, 255, .72) !important;
    font-size: .48rem !important;
    font-weight: 950 !important;
    letter-spacing: .18em !important;
  }

  body.home-page .mobile-catalog-drawer--359 .mobile-catalog-drawer__brand-copy h3 {
    min-width: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: flex-end !important;
    gap: 7px !important;
    overflow: hidden !important;
    line-height: 1 !important;
  }

  body.home-page .mobile-catalog-drawer--359 .mobile-catalog-drawer__brand-copy h3 img {
    width: auto !important;
    max-width: 158px !important;
    height: 34px !important;
    display: block !important;
    object-fit: contain !important;
  }

  body.home-page .mobile-catalog-drawer--359 .mobile-catalog-drawer__brand-copy h3 em {
    padding-bottom: 3px !important;
    color: #f29bff !important;
    font-family: var(--font-body) !important;
    font-size: .69rem !important;
    font-style: normal !important;
    font-weight: 950 !important;
    letter-spacing: .08em !important;
  }

  body.home-page .mobile-catalog-drawer--359 .mobile-catalog-drawer__brand-copy > small {
    max-width: 210px !important;
    overflow: hidden !important;
    color: rgba(228, 212, 238, .56) !important;
    font-size: .43rem !important;
    font-weight: 850 !important;
    letter-spacing: .08em !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.home-page .mobile-catalog-drawer--359 .drawer-close--359 {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    flex: 0 0 44px !important;
    display: grid !important;
    place-items: center !important;
    padding: 0 !important;
    border: 1px solid rgba(235, 151, 255, .26) !important;
    border-radius: 15px !important;
    color: rgba(255, 247, 255, .88) !important;
    background: rgba(255, 255, 255, .05) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .018) !important;
    cursor: pointer !important;
  }

  body.home-page .mobile-catalog-drawer--359 .drawer-close--359 svg {
    width: 21px !important;
    height: 21px !important;
    display: block !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.7 !important;
  }

  body.home-page .mobile-catalog-drawer--359 .mobile-catalog-drawer__nav--359 {
    position: relative !important;
    z-index: 1 !important;
    min-height: 0 !important;
    padding: 12px 14px 13px !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-content: start !important;
    gap: 9px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    opacity: 1 !important;
    scrollbar-width: thin !important;
    overscroll-behavior: contain !important;
    transform: none !important;
  }

  body.home-page .mobile-catalog-drawer--359 .mobile-catalog-drawer__nav--359 .drawer-tile {
    position: relative !important;
    min-width: 0 !important;
    min-height: 106px !important;
    padding: 12px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 20px !important;
    grid-template-rows: 42px auto !important;
    align-items: start !important;
    align-content: space-between !important;
    justify-content: stretch !important;
    gap: 9px 6px !important;
    overflow: hidden !important;
    border: 1px solid rgba(215, 135, 255, .20) !important;
    border-radius: 18px !important;
    color: #fff8ff !important;
    background:
      radial-gradient(circle at 0 0, rgba(209, 79, 255, .12), transparent 48%),
      linear-gradient(145deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .018)) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .018), 0 10px 22px rgba(0, 0, 0, .16) !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    text-decoration: none !important;
    transform: none !important;
  }

  body.home-page .mobile-catalog-drawer--359 .mobile-catalog-drawer__nav--359 .drawer-tile::before,
  body.home-page .mobile-catalog-drawer--359 .mobile-catalog-drawer__nav--359 .drawer-tile::after {
    content: none !important;
    display: none !important;
  }

  body.home-page .mobile-catalog-drawer--359 .mobile-catalog-drawer__nav--359 .drawer-tile.drawer-tile--wide {
    grid-column: 1 / -1 !important;
    min-height: 82px !important;
    padding: 12px !important;
    grid-template-columns: 48px minmax(0, 1fr) auto 20px !important;
    grid-template-rows: auto !important;
    align-items: center !important;
    align-content: center !important;
    column-gap: 10px !important;
    row-gap: 0 !important;
  }

  body.home-page .mobile-catalog-drawer--359 .drawer-tile--drops {
    border-color: rgba(229, 126, 255, .36) !important;
    background:
      radial-gradient(circle at 11% 50%, rgba(236, 71, 255, .22), transparent 35%),
      radial-gradient(circle at 100% 0, rgba(101, 93, 255, .18), transparent 37%),
      linear-gradient(135deg, rgba(74, 22, 96, .50), rgba(29, 11, 47, .55)) !important;
  }

  body.home-page .mobile-catalog-drawer--359 .drawer-tile--legal {
    border-color: rgba(92, 215, 255, .31) !important;
    background:
      radial-gradient(circle at 8% 50%, rgba(79, 208, 255, .17), transparent 35%),
      radial-gradient(circle at 100% 0, rgba(197, 73, 255, .17), transparent 39%),
      linear-gradient(135deg, rgba(20, 60, 78, .42), rgba(28, 12, 45, .54)) !important;
  }

  body.home-page .mobile-catalog-drawer--359 .drawer-tile__icon {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 42px !important;
    height: 42px !important;
    display: grid !important;
    place-items: center !important;
    border: 1px solid rgba(233, 151, 255, .24) !important;
    border-radius: 14px !important;
    color: #ec9dff !important;
    background: linear-gradient(145deg, rgba(206, 81, 255, .18), rgba(106, 69, 255, .08)) !important;
  }

  body.home-page .mobile-catalog-drawer--359 .drawer-tile--wide .drawer-tile__icon {
    width: 48px !important;
    height: 48px !important;
  }

  body.home-page .mobile-catalog-drawer--359 .drawer-tile--status .drawer-tile__icon,
  body.home-page .mobile-catalog-drawer--359 .drawer-tile--account .drawer-tile__icon,
  body.home-page .mobile-catalog-drawer--359 .drawer-tile--legal .drawer-tile__icon {
    border-color: rgba(99, 220, 255, .24) !important;
    color: #76e6ff !important;
    background: linear-gradient(145deg, rgba(72, 203, 255, .15), rgba(132, 69, 255, .08)) !important;
  }

  body.home-page .mobile-catalog-drawer--359 .drawer-tile__icon svg {
    width: 23px !important;
    height: 23px !important;
    display: block !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.65 !important;
  }

  body.home-page .mobile-catalog-drawer--359 .drawer-tile--wide .drawer-tile__icon svg {
    width: 25px !important;
    height: 25px !important;
  }

  body.home-page .mobile-catalog-drawer--359 .drawer-tile__copy {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    min-width: 0 !important;
    display: grid !important;
    align-self: end !important;
    gap: 4px !important;
  }

  body.home-page .mobile-catalog-drawer--359 .drawer-tile--wide .drawer-tile__copy {
    grid-column: 2 !important;
    grid-row: 1 !important;
    align-self: center !important;
  }

  body.home-page .mobile-catalog-drawer--359 .drawer-tile__copy strong,
  body.home-page .mobile-catalog-drawer--359 .drawer-tile__copy small {
    min-width: 0 !important;
    max-width: 100% !important;
    display: block !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
  }

  body.home-page .mobile-catalog-drawer--359 .drawer-tile__copy strong {
    color: #fff9ff !important;
    font-family: var(--font-title) !important;
    font-size: .84rem !important;
    font-weight: 950 !important;
    line-height: 1.14 !important;
  }

  body.home-page .mobile-catalog-drawer--359 .drawer-tile__copy small {
    color: rgba(225, 209, 235, .62) !important;
    font-size: .58rem !important;
    font-weight: 700 !important;
    line-height: 1.28 !important;
  }

  body.home-page .mobile-catalog-drawer--359 .drawer-tile__copy.header-chip {
    position: static !important;
    inset: auto !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    opacity: 1 !important;
    background: none !important;
    box-shadow: none !important;
    transform: none !important;
  }

  body.home-page .mobile-catalog-drawer--359 .drawer-tile__signal {
    grid-column: 3 !important;
    grid-row: 1 !important;
    min-height: 21px !important;
    padding: 0 7px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    justify-self: end !important;
    border: 1px solid rgba(234, 143, 255, .28) !important;
    border-radius: 999px !important;
    color: #f3a3ff !important;
    background: rgba(195, 75, 255, .12) !important;
    font-size: .43rem !important;
    font-weight: 950 !important;
    letter-spacing: .09em !important;
  }

  body.home-page .mobile-catalog-drawer--359 .drawer-tile__signal--secure {
    border-color: rgba(101, 219, 255, .25) !important;
    color: #83e8ff !important;
    background: rgba(60, 194, 255, .09) !important;
  }

  body.home-page .mobile-catalog-drawer--359 .drawer-tile__arrow {
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: 20px !important;
    height: 42px !important;
    display: grid !important;
    place-items: center !important;
    align-self: start !important;
    color: rgba(234, 211, 245, .50) !important;
  }

  body.home-page .mobile-catalog-drawer--359 .drawer-tile--wide .drawer-tile__arrow {
    grid-column: 4 !important;
    height: 48px !important;
  }

  body.home-page .mobile-catalog-drawer--359 .drawer-tile__arrow svg {
    width: 17px !important;
    height: 17px !important;
    display: block !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.7 !important;
  }

  body.home-page .mobile-catalog-drawer--359 .mobile-catalog-drawer__nav--359 .mobile-catalog-drawer__mobile-link {
    display: none !important;
  }

  body.home-page .mobile-catalog-drawer--359 .mobile-catalog-drawer__nav--359 .mobile-catalog-drawer__desktop-link {
    display: grid !important;
  }

  body.home-page .mobile-catalog-drawer--359 .mobile-catalog-drawer__footer {
    position: relative !important;
    z-index: 2 !important;
    min-height: 50px !important;
    flex: 0 0 auto !important;
    padding: 9px 15px 10px !important;
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    border-top: 1px solid rgba(216, 135, 255, .13) !important;
    color: rgba(230, 215, 239, .65) !important;
    background: rgba(3, 2, 9, .52) !important;
  }

  body.home-page .mobile-catalog-drawer--359 .mobile-catalog-drawer__online {
    width: 7px !important;
    height: 7px !important;
    flex: 0 0 7px !important;
    border-radius: 50% !important;
    background: #65ecff !important;
    box-shadow: 0 0 0 4px rgba(101, 236, 255, .08), 0 0 12px rgba(101, 236, 255, .72) !important;
  }

  body.home-page .mobile-catalog-drawer--359 .mobile-catalog-drawer__footer > span:nth-child(2) {
    min-width: 0 !important;
    display: grid !important;
    gap: 2px !important;
  }

  body.home-page .mobile-catalog-drawer--359 .mobile-catalog-drawer__footer strong {
    color: rgba(247, 238, 250, .80) !important;
    font-size: .54rem !important;
    font-weight: 950 !important;
    letter-spacing: .12em !important;
  }

  body.home-page .mobile-catalog-drawer--359 .mobile-catalog-drawer__footer small {
    font-size: .46rem !important;
    font-weight: 700 !important;
  }

  body.home-page .mobile-catalog-drawer--359 .mobile-catalog-drawer__footer-code {
    margin-left: auto !important;
    color: rgba(227, 151, 255, .60) !important;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important;
    font-size: .51rem !important;
    font-weight: 800 !important;
    letter-spacing: .10em !important;
  }
}