:root {
      --bg: #070a10;
      --surface: #0b0f1a;
      --nav: rgba(7, 10, 16, .92);
      --panel: rgba(16, 19, 31, .92);
      --panel-2: rgba(20, 24, 39, .9);
      --panel-3: rgba(24, 28, 42, .88);
      --card: #141827;
      --card-elevated: rgba(20, 24, 39, .92);
      --text: #f4f7ff;
      --muted: #a7aec0;
      --soft: #8b93a8;
      --rgb-purple: 139, 92, 246;
      --rgb-ice: 125, 211, 252;
      --line: rgba(var(--rgb-purple), .25);
      --line-strong: rgba(var(--rgb-purple), .55);
      --purple: #8b5cf6;
      --purple-2: #a78bfa;
      --purple-mid: #7c3aed;
      --ice: rgba(167, 180, 220, .72);
      --cyan: rgba(196, 181, 253, .55);
      --green: #9b7fd6;
      --gold: #fbbf24;
      --danger: #f43f5e;
      --price: #eef1ff;
      --price-accent: #c4b5fd;
      --shadow: 0 24px 80px rgba(0, 0, 0, .5);
      --radius: 8px;
      --font: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      --display: Rajdhani, Inter, sans-serif;
      --hero-bg: url("../assets/backgrounds/fallback-purple-bg.webp?v=social-card-live1");
      --crimson: #e11d48;
      --crimson-deep: #9f1239;
      --glass: rgba(16, 19, 31, .72);
      --glass-border: rgba(255, 255, 255, .08);
      --thumb-aspect: 16 / 10;
      --ely-select-blue: #38bdf8;
      --ely-select-blue-dim: rgba(56, 189, 248, 0.22);
      --ely-select-glow: rgba(56, 189, 248, 0.38);
      --ely-purchase-top: #15803d;
      --ely-purchase-mid: #166534;
      --ely-purchase-deep: #14532d;
    }

    * { box-sizing: border-box; }
    html {
      scroll-behavior: smooth;
      scrollbar-gutter: stable;
      background: var(--bg);
      overflow-x: clip;
      scrollbar-width: thin;
      scrollbar-color: rgba(139, 92, 246, .42) rgba(7, 10, 18, .88);
    }

    body {
      margin: 0;
      min-height: 100vh;
      color: var(--text);
      font-family: var(--font);
      background: transparent;
      position: relative;
      isolation: isolate;
      scrollbar-width: thin;
      scrollbar-color: rgba(139, 92, 246, .42) rgba(7, 10, 18, .88);
    }

    *::-webkit-scrollbar {
      width: 8px;
      height: 8px;
    }

    *::-webkit-scrollbar-track {
      background: rgba(7, 10, 18, .72);
      border-radius: 999px;
    }

    *::-webkit-scrollbar-thumb {
      border-radius: 999px;
      background: linear-gradient(180deg, rgba(139, 92, 246, .5), rgba(109, 40, 217, .32));
      border: 1px solid rgba(255, 255, 255, .06);
    }

    *::-webkit-scrollbar-thumb:hover {
      background: linear-gradient(180deg, rgba(139, 92, 246, .62), rgba(109, 40, 217, .42));
    }

    body::before {
      content: "";
      position: fixed;
      inset: 0;
      z-index: -2;
      background:
        linear-gradient(rgba(7, 10, 16, .64), rgba(7, 10, 16, .9)),
        url("../assets/backgrounds/fallback-purple-bg.webp?v=social-card-live1") center center / cover no-repeat,
        radial-gradient(circle at 50% 42%, rgba(139, 92, 246, .07), transparent 52%),
        radial-gradient(circle at 80% 12%, rgba(125, 211, 252, .03), transparent 38%),
        var(--bg);
      pointer-events: none;
    }

    body::after {
      content: "";
      position: fixed;
      inset: 0;
      z-index: -1;
      background:
        linear-gradient(90deg, rgba(7, 10, 18, .38), transparent 26%, transparent 74%, rgba(7, 10, 18, .38)),
        linear-gradient(180deg, rgba(7, 10, 18, .16), rgba(7, 10, 18, .55));
      pointer-events: none;
    }

    body.cart-open { overflow: hidden; }
    button, input, select, textarea { font: inherit; }
    button { cursor: pointer; }
    a { color: inherit; text-decoration: none; }

    .sr-only {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      white-space: nowrap;
      border: 0;
    }

    .shell {
      width: min(1260px, calc(100% - 40px));
      margin: 0 auto;
    }

    .hero-shell {
      display: block;
      padding: 0;
    }

    .hero.is-home .hero-shell {
      max-width: 960px;
      margin: 0 auto;
      padding: 0;
    }

    .hero-text {
      min-width: 0;
    }

    .hero.is-home .hero-text {
      max-width: 920px;
      margin: 0 auto;
    }

    .hero:not(.is-home) .hero-shell {
      max-width: none;
    }

    .hero-subtitle {
      margin: 10px 0 14px;
      font-family: var(--display);
      font-size: clamp(18px, 2.25vw, 26px);
      font-weight: 700;
      letter-spacing: .055em;
      text-transform: uppercase;
      color: var(--price-accent);
      line-height: 1.25;
    }

    .hero-cta {
      margin-top: 26px;
      min-height: 44px;
      padding: 0 22px;
      font-size: 14px;
    }

    .hero.is-home .hero-cta {
      margin-top: 0;
      min-height: 42px;
      padding: 0 26px;
      font-size: 13px;
      letter-spacing: .08em;
    }

    .how-it-works {
      margin: 24px 0 18px;
    }

    .how-it-works > h2 {
      margin: 0 0 10px;
      font-family: var(--display);
      font-size: clamp(20px, 2.1vw, 26px);
      letter-spacing: .05em;
      text-transform: uppercase;
    }

    .how-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 16px;
    }

    .how-card {
      padding: 13px 14px;
      border-radius: 10px;
      border: 1px solid var(--line);
      background: linear-gradient(165deg, var(--panel), rgba(7, 10, 16, .94));
      box-shadow: 0 18px 44px rgba(0, 0, 0, .2), inset 0 1px 0 var(--glass-border);
      min-height: 104px;
    }

    .how-card__step {
      font-family: var(--display);
      font-size: 12px;
      font-weight: 800;
      letter-spacing: .1em;
      color: rgba(225, 29, 72, .82);
      margin-bottom: 10px;
    }

    .how-card h3 {
      margin: 0 0 8px;
      font-family: var(--display);
      font-size: 15px;
      letter-spacing: .04em;
      text-transform: uppercase;
      line-height: 1.15;
    }

    .how-card p {
      margin: 0;
      font-size: 14px;
      color: var(--muted);
      line-height: 1.52;
      font-weight: 500;
    }

    .home-about-pricing {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 12px;
      margin-bottom: 18px;
    }

    .btn-premium {
      border: 1px solid rgba(225, 29, 72, .38);
      background: linear-gradient(135deg, #6d28d9 0%, #8b5cf6 38%, #be123c 100%);
      color: #fff;
      font-family: var(--display);
      font-weight: 800;
      letter-spacing: .06em;
      text-transform: uppercase;
      box-shadow: 0 14px 36px rgba(139, 92, 246, .2), 0 8px 24px rgba(190, 18, 60, .1);
      transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
    }

    .btn-premium:hover {
      transform: translateY(-2px);
      box-shadow: 0 18px 44px rgba(139, 92, 246, .26), 0 10px 28px rgba(190, 18, 60, .14);
      filter: brightness(1.04);
    }

    .btn-glass {
      border: 1px solid var(--line);
      background: var(--glass);
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
      color: var(--text);
      box-shadow: inset 0 1px 0 var(--glass-border);
    }

    .btn-glass:hover {
      border-color: var(--line-strong);
      background: rgba(20, 24, 39, .88);
    }

    .add-to-cart-main {
      width: 100%;
      min-height: 44px;
    }

    @media (max-width: 1080px) {
      .how-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
      .home-about-pricing {
        grid-template-columns: 1fr;
      }
      .delivery-proof-grid,
      .feedback-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }

    @media (max-width: 720px) {
      .how-grid {
        grid-template-columns: 1fr;
      }
    }

    .topbar {
      position: sticky;
      top: 0;
      z-index: 60;
      background: linear-gradient(180deg, rgba(7, 10, 18, .94), rgba(7, 10, 18, .86));
      border-bottom: 1px solid var(--line);
      box-shadow: 0 10px 40px rgba(0, 0, 0, .42);
      backdrop-filter: blur(14px) saturate(1.15);
      -webkit-backdrop-filter: blur(14px) saturate(1.15);
    }

    .topbar-inner {
      min-height: 70px;
      display: grid;
      grid-template-columns: minmax(0, auto) minmax(260px, 1fr) minmax(280px, auto);
      align-items: center;
      column-gap: 18px;
      row-gap: 10px;
    }

    .brand-zone {
      display: inline-flex;
      align-items: center;
      gap: 12px;
      min-width: 0;
      justify-self: start;
    }

    .brand {
      display: inline-flex;
      align-items: center;
      gap: 14px;
      min-width: 0;
      justify-self: start;
      text-decoration: none;
      color: inherit;
    }

    .primary-nav {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: clamp(12px, 2.2vw, 26px);
      min-width: 0;
      justify-self: center;
    }

    .primary-nav a {
      color: rgba(247, 245, 255, .82);
      font-family: var(--display);
      font-size: 13px;
      font-weight: 800;
      letter-spacing: .07em;
      text-transform: uppercase;
      text-decoration: none;
      white-space: nowrap;
      transition: color .18s ease, text-shadow .18s ease;
    }

    .primary-nav a:hover,
    .primary-nav a:focus-visible {
      color: #fff;
      text-shadow: 0 0 18px rgba(139, 92, 246, .32);
      outline: none;
    }

    .brand-mark-wrap {
      flex: 0 0 auto;
      width: auto;
      height: auto;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0;
      border-radius: 0;
      background: none;
      box-shadow: none;
    }

    .brand-mark-wrap--plain {
      filter: none;
    }

    .brand-mark {
      display: block;
      width: 58px;
      height: 58px;
      object-fit: contain;
      object-position: center;
      filter: drop-shadow(0 2px 8px rgba(255, 255, 255, .18)) drop-shadow(0 8px 18px rgba(139, 92, 246, .34));
      opacity: 1;
    }

    .brand-wordmark {
      font-family: var(--display);
      font-size: clamp(17px, 1.9vw, 21px);
      font-weight: 700;
      letter-spacing: .12em;
      text-transform: uppercase;
      color: #f4f0ff;
      line-height: 1.05;
      text-shadow: 0 6px 24px rgba(0, 0, 0, .45);
      min-width: 0;
      white-space: nowrap;
    }

    @media (max-width: 520px) {
      .brand-wordmark {
        display: none;
      }
      .brand-mark {
        width: 48px;
        height: 48px;
      }
      .game-menu-btn {
        padding: 0 10px;
        font-size: 12px;
      }
    }

    .game-menu-wrap {
      position: relative;
      z-index: 70;
      min-width: 0;
      justify-self: center;
    }

    .game-menu-btn {
      font-family: var(--display);
      text-transform: uppercase;
      letter-spacing: .06em;
      font-size: 13px;
      min-height: 38px;
      height: 38px;
      box-sizing: border-box;
    }

    .game-menu-chevron {
      width: 14px;
      height: 14px;
      color: #c8d4f0;
      flex-shrink: 0;
      transition: transform .18s ease, color .18s ease;
    }

    .game-menu-btn[aria-expanded="true"] .game-menu-chevron {
      transform: rotate(180deg);
      color: var(--cyan);
    }

    .game-menu-panel {
      position: absolute;
      top: calc(100% + 8px);
      left: 50%;
      transform: translateX(-50%);
      min-width: max(100%, 232px);
      max-width: min(100vw - 24px, 320px);
      padding: 8px;
      border-radius: var(--radius);
      border: 1px solid rgba(139, 92, 246, .38);
      background: linear-gradient(165deg, rgba(18, 21, 38, .97), rgba(7, 10, 18, .96));
      box-shadow: 0 22px 60px rgba(0, 0, 0, .45), 0 0 0 1px rgba(255, 255, 255, .04) inset;
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
    }

    .game-menu-item {
      display: flex;
      width: 100%;
      align-items: center;
      text-align: left;
      padding: 10px 12px;
      margin: 0 0 4px;
      border-radius: calc(var(--radius) - 2px);
      border: 1px solid transparent;
      background: rgba(255, 255, 255, .04);
      color: var(--text);
      font-family: var(--display);
      font-size: 14px;
      font-weight: 800;
      letter-spacing: .04em;
      text-transform: uppercase;
      cursor: pointer;
      transition: transform .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease;
    }

    .game-menu-item:last-child {
      margin-bottom: 0;
    }

    .game-menu-item:hover {
      transform: translateY(-1px);
      border-color: rgba(139, 92, 246, .45);
      background: rgba(139, 92, 246, .12);
      box-shadow: 0 0 18px rgba(139, 92, 246, .2), 0 0 22px rgba(255, 209, 102, .06);
    }

    .game-menu-item.is-active {
      border-color: rgba(255, 209, 102, .42);
      background: linear-gradient(135deg, rgba(139, 92, 246, .22), rgba(255, 209, 102, .12));
      box-shadow: 0 0 0 1px rgba(139, 92, 246, .4), 0 10px 28px rgba(0, 0, 0, .32);
    }

    .game-menu-btn.has-active-game {
      border-color: rgba(255, 209, 102, .45);
      box-shadow: 0 0 0 1px rgba(139, 92, 246, .25), 0 0 22px rgba(139, 92, 246, .2);
    }

    .btn, .game-menu-btn, .cat-btn, .service-btn, .tab-btn {
      min-height: 38px;
      border: 1px solid var(--line);
      border-radius: var(--radius);
      background: rgba(255,255,255,.055);
      color: var(--text);
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      padding: 0 13px;
      font-weight: 900;
      letter-spacing: .02em;
      transition: transform .18s ease, background .18s ease, border-color .18s ease;
      white-space: nowrap;
    }

    .btn:hover, .game-menu-btn:hover, .cat-btn:hover, .service-btn:hover, .tab-btn:hover {
      transform: translateY(-1px);
      border-color: var(--line-strong);
      background: rgba(139, 92, 246, .1);
    }

    button:disabled,
    .btn:disabled {
      cursor: not-allowed;
      opacity: .48;
      transform: none;
    }

    .game-menu-btn[aria-expanded="true"] {
      border-color: rgba(139, 92, 246, .58);
      background: linear-gradient(135deg, rgba(109, 40, 217, .32), rgba(139, 92, 246, .2));
      box-shadow: 0 12px 30px rgba(0, 0, 0, .35), 0 0 24px rgba(125, 211, 252, .06);
    }

    .btn-primary,
    .cat-btn.active,
    .service-btn.active,
    .tab-btn.active {
      border-color: rgba(139, 92, 246, .65);
      background: linear-gradient(135deg, #6d28d9, #8b5cf6);
      color: #fff;
      box-shadow: 0 12px 30px rgba(0, 0, 0, .38), 0 0 20px rgba(139, 92, 246, .14);
    }

    .btn-green {
      border-color: rgba(225, 29, 72, .45);
      background: linear-gradient(135deg, #6d28d9, #e11d48);
      color: #fff;
      box-shadow: 0 12px 30px rgba(17, 24, 39, .45);
    }

    .actions {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: flex-end;
      gap: 8px;
      flex-wrap: nowrap;
      justify-self: end;
      min-width: 0;
      padding: 6px;
      border: 1px solid rgba(139, 92, 246, .18);
      border-radius: 12px;
      background: rgba(7, 10, 18, .36);
    }

    .site-search {
      width: min(260px, 24vw);
      height: 38px;
      min-height: 38px;
      box-sizing: border-box;
      border: 1px solid var(--line);
      border-radius: var(--radius);
      background: rgba(18, 21, 38, .92);
      color: var(--text);
      padding: 0 11px;
      font-weight: 800;
    }

    .search-results {
      position: absolute;
      top: calc(100% + 8px);
      right: 112px;
      width: min(430px, calc(100vw - 32px));
      max-height: min(440px, calc(100vh - 96px));
      overflow: auto;
      padding: 8px;
      display: none;
      gap: 7px;
      border: 1px solid rgba(139, 92, 246,.32);
      border-radius: 10px;
      background: rgba(7, 10, 18, .98);
      box-shadow: 0 18px 56px rgba(0,0,0,.48);
      z-index: 90;
    }

    .search-results.active { display: grid; }

    .drawer-body::-webkit-scrollbar,
    .search-results::-webkit-scrollbar,
    .order-form::-webkit-scrollbar,
    .game-menu-panel::-webkit-scrollbar {
      width: 8px;
      height: 8px;
    }

    .drawer-body::-webkit-scrollbar-track,
    .search-results::-webkit-scrollbar-track,
    .order-form::-webkit-scrollbar-track,
    .game-menu-panel::-webkit-scrollbar-track {
      background: rgba(7, 10, 18, .4);
      border-radius: 999px;
    }

    .drawer-body::-webkit-scrollbar-thumb,
    .search-results::-webkit-scrollbar-thumb,
    .order-form::-webkit-scrollbar-thumb,
    .game-menu-panel::-webkit-scrollbar-thumb {
      border-radius: 999px;
      background: linear-gradient(180deg, rgba(139, 92, 246, .42), rgba(109, 40, 217, .32));
      border: 1px solid rgba(255, 255, 255, .06);
    }

    .search-result-btn {
      min-height: 50px;
      padding: 9px 10px;
      border: 1px solid rgba(139, 92, 246,.22);
      border-radius: 8px;
      background: rgba(255,255,255,.045);
      color: var(--text);
      text-align: left;
    }

    .search-result-btn strong {
      display: block;
      color: #fff;
      font-family: var(--display);
      font-size: 18px;
      letter-spacing: .03em;
      text-transform: uppercase;
    }

    .search-result-btn span {
      display: block;
      margin-top: 2px;
      color: var(--muted);
      font-size: 12px;
      font-weight: 800;
    }

    .currency {
      width: auto;
      height: 38px;
      min-height: 38px;
      box-sizing: border-box;
      border: 1px solid var(--line);
      border-radius: var(--radius);
      background: rgba(18, 21, 38, .92);
      color: var(--text);
      padding: 0 10px;
      font-weight: 900;
      outline: none;
    }

    .btn-icon {
      width: 40px;
      min-width: 40px;
      height: 40px;
      min-height: 40px;
      box-sizing: border-box;
      padding: 0;
      gap: 0;
    }

    .btn-icon:focus-visible {
      outline: 2px solid rgba(167, 139, 250, .55);
      outline-offset: 2px;
    }

    .btn-icon-svg {
      display: block;
      width: 20px;
      height: 20px;
      flex: 0 0 auto;
      color: #e8e2ff;
    }

    .cart-button {
      position: relative;
      width: 48px;
      min-width: 48px;
      height: 44px;
      min-height: 44px;
      box-sizing: border-box;
      padding: 0;
    }

    .cart-button .cart-icon-svg {
      width: 26px;
      height: 26px;
      flex: 0 0 auto;
      color: #f0eaff;
      filter: drop-shadow(0 2px 6px rgba(139, 92, 246, .45));
    }

    .cart-count {
      position: absolute;
      right: -5px;
      top: -6px;
      min-width: 22px;
      height: 22px;
      display: grid;
      place-items: center;
      padding: 0 5px;
      border-radius: 999px;
      background: linear-gradient(135deg, #7c3aed, #8b5cf6);
      color: var(--text);
      font-size: 11px;
      font-weight: 900;
      border: 1px solid rgba(255,255,255,.35);
    }

    .category-bar {
      position: relative;
      top: auto;
      z-index: 45;
      background:
        linear-gradient(180deg, rgba(12, 6, 20, .82), rgba(5, 3, 13, .58)),
        linear-gradient(90deg, rgba(28, 8, 18, .2), transparent 28%, transparent 72%, rgba(28, 8, 18, .2));
      border-bottom: 1px solid var(--line);
    }

    .category-bar.hidden { display: none; }

    .is-hidden { display: none !important; }

    .category-shell {
      min-height: 124px;
      display: grid;
      grid-template-columns: 40px minmax(0, 1fr) 40px;
      align-items: center;
      gap: 8px;
    }

    .category-scroll-column {
      min-width: 0;
      display: flex;
      flex-direction: column;
      justify-content: center;
      gap: 0;
      align-self: stretch;
    }

    .category-scroll {
      min-height: 124px;
      display: flex;
      align-items: center;
      gap: 12px;
      overflow-x: auto;
      scroll-behavior: smooth;
      scroll-snap-type: none;
      scroll-padding-inline: 0;
      scrollbar-width: none;
      padding: 8px 0;
      overscroll-behavior-inline: contain;
      cursor: grab;
      user-select: none;
      touch-action: pan-x;
    }

    .category-scroll.dragging {
      cursor: grabbing;
      scroll-behavior: auto;
    }

    .category-scroll::-webkit-scrollbar { display: none; }

    .category-drag-indicator {
      flex: 0 0 auto;
      height: 3px;
      margin-top: 4px;
      border-radius: 999px;
      background: rgba(18, 14, 40, .72);
      box-shadow: inset 0 0 0 1px rgba(139, 92, 246, .12);
      opacity: 0;
      pointer-events: none;
      transition: opacity .45s ease;
      overflow: hidden;
      align-self: stretch;
    }

    .category-drag-indicator.is-active {
      opacity: 1;
    }

    .category-drag-indicator__thumb {
      display: block;
      height: 100%;
      width: 35%;
      min-width: 18px;
      border-radius: inherit;
      background: linear-gradient(90deg, rgba(124, 58, 237, .95), rgba(56, 189, 248, .88));
      box-shadow: 0 0 14px rgba(139, 92, 246, .25);
      transition: margin-left .08s linear, width .08s linear;
    }

    .cat-arrow {
      width: 40px;
      min-width: 40px;
      height: 92px;
      padding: 0;
      border-radius: 8px;
    }

    .cat-arrow {
      font-size: 34px;
      line-height: 1;
    }

    .cat-btn {
      position: relative;
      overflow: hidden;
      width: 148px;
      min-width: 148px;
      min-height: 116px;
      flex-direction: column;
      padding: 8px;
      text-align: center;
      justify-content: space-between;
      align-items: stretch;
      border-color: rgba(139, 92, 246, .28);
      background:
        radial-gradient(circle at 50% 16%, rgba(139, 92, 246, .1), transparent 38%),
        linear-gradient(180deg, rgba(20, 24, 39, .78), rgba(7, 10, 16, .96));
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08),
        inset 0 -18px 34px rgba(0,0,0,.18),
        0 12px 30px rgba(0,0,0,.22);
    }

    .cat-btn::before {
      content: "";
      position: absolute;
      inset: 0;
      background:
        linear-gradient(135deg, rgba(125, 211, 252, .06), transparent 32%),
        radial-gradient(circle at 76% 10%, rgba(139, 92, 246, .1), transparent 32%);
      opacity: .72;
      pointer-events: none;
    }

    .cat-btn::after {
      content: "";
      position: absolute;
      inset: auto 10px 7px;
      height: 1px;
      background: linear-gradient(90deg, transparent, rgba(139, 92, 246, .35), transparent);
      opacity: .55;
      pointer-events: none;
    }

    .cat-btn.active {
      border-color: rgba(139, 92, 246, .55);
      background:
        radial-gradient(circle at 50% 18%, rgba(139, 92, 246, .16), transparent 40%),
        linear-gradient(180deg, rgba(20, 24, 39, .88), rgba(7, 10, 16, .98));
      box-shadow:
        0 0 0 1px rgba(139, 92, 246, .14),
        0 18px 42px rgba(0, 0, 0, .4),
        0 0 24px rgba(139, 92, 246, .1),
        inset 0 1px 0 rgba(255,255,255,.12);
    }

    .service-thumb {
      position: relative;
      z-index: 1;
      width: 100%;
      height: 88px;
      border: 1px solid rgba(139, 92, 246, .22);
      border-radius: 10px;
      background: #080511;
      box-shadow:
        inset 0 0 24px rgba(139, 92, 246, .12),
        0 12px 28px rgba(0,0,0,.38);
      overflow: hidden;
    }

    .service-thumb img {
      width: 100%;
      height: 100%;
      object-fit: contain;
      object-position: center center;
      display: block;
      transition: transform .22s ease;
    }

    .service-thumb.is-cat-thumb-fallback {
      background:
        radial-gradient(circle at 50% 22%, rgba(139, 92, 246, .35), transparent 48%),
        linear-gradient(180deg, rgba(22, 16, 52, .88), rgba(6, 4, 16, .96));
    }

    .cat-btn > .service-thumb::after {
      content: "";
      position: absolute;
      inset: 0;
      z-index: 2;
      pointer-events: none;
      border-radius: inherit;
      background: linear-gradient(180deg, rgba(5, 3, 13, .08) 0%, rgba(5, 3, 13, .12) 38%, rgba(5, 3, 13, .55) 100%);
    }

    .cat-btn > .service-thumb img {
      position: relative;
      z-index: 0;
      object-fit: cover;
      object-position: center center;
    }

    .cat-btn:hover .service-thumb img,
    .popular-card:hover .service-thumb img,
    .service-card:hover .service-thumb img,
    .detail-left:hover .service-thumb img {
      transform: scale(1.035);
    }

    .cat-label {
      position: relative;
      z-index: 1;
      display: block;
      min-height: 27px;
      color: #f6f1ff;
      font-size: 13px;
      line-height: 1.05;
      font-weight: 950;
      overflow-wrap: anywhere;
      max-width: 100%;
      text-shadow: 0 7px 20px rgba(0,0,0,.65);
    }

    .cat-ribbon {
      position: absolute;
      top: 7px;
      right: 7px;
      z-index: 4;
      max-width: calc(100% - 14px);
      padding: 4px 7px;
      border: 1px solid rgba(255,255,255,.32);
      border-radius: 999px;
      color: #fff;
      font-size: 9px;
      line-height: 1;
      font-weight: 950;
      letter-spacing: .04em;
      text-transform: uppercase;
      text-shadow: 0 2px 8px rgba(0,0,0,.55);
      box-shadow: 0 8px 22px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.22);
      pointer-events: none;
      white-space: nowrap;
      transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
    }

    .cat-btn:hover .cat-ribbon,
    .service-card:hover .cat-ribbon,
    .popular-card:hover .cat-ribbon {
      transform: translateY(-1px);
      box-shadow: 0 10px 26px rgba(0,0,0,.4), 0 0 14px rgba(139, 92, 246, .25), inset 0 1px 0 rgba(255,255,255,.28);
      filter: brightness(1.06);
    }

    .cat-ribbon.price-drop {
      background: linear-gradient(135deg, #9b5cff, #ff7a18);
    }

    .cat-ribbon.hot {
      background: linear-gradient(135deg, #ff3d26, #ffb347);
    }

    .cat-ribbon.recommended {
      background: linear-gradient(135deg, rgba(125, 211, 252, .88), #8b5cf6);
    }

    .cat-ribbon.popular {
      border-color: rgba(251, 191, 36, .45);
      background: linear-gradient(135deg, rgba(139, 92, 246, .88), #fbbf24);
      color: #0c0f18;
      box-shadow: 0 8px 24px rgba(139, 92, 246, .2), 0 0 14px rgba(251, 191, 36, .14);
    }

    .cat-ribbon.new {
      border-color: rgba(139, 92, 246, .4);
      background: linear-gradient(135deg, #8b5cf6, rgba(125, 211, 252, .72));
      color: #f4f7ff;
      box-shadow: 0 8px 24px rgba(139, 92, 246, .22), 0 0 14px rgba(125, 211, 252, .1);
    }

    .category-bar.neon-game-cats .category-shell {
      min-height: 116px;
    }

    .category-bar.neon-game-cats .category-scroll {
      min-height: 116px;
      justify-content: flex-start;
      gap: 14px;
      padding: 14px 12px;
    }

    @media (min-width: 1080px) {
      .category-bar.neon-game-cats .category-scroll {
        justify-content: center;
      }
    }

    .category-bar.neon-game-cats .cat-btn.cat-btn--val {
      width: 102px;
      min-width: 102px;
      min-height: 128px;
      padding: 10px 6px 8px;
      flex-direction: column;
      justify-content: flex-start;
      gap: 8px;
      border-radius: 14px;
      border: 1px solid rgba(139, 92, 246, .38);
      background:
        radial-gradient(circle at 50% 22%, rgba(255, 184, 88, .12), transparent 42%),
        linear-gradient(180deg, rgba(22, 16, 52, .82), rgba(6, 4, 16, .94));
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 10px 26px rgba(0, 0, 0, .28);
    }

    .category-bar.neon-game-cats .cat-btn.cat-btn--val.active {
      border-color: rgba(139, 92, 246, .52);
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .1),
        0 0 0 1px rgba(139, 92, 246, .2),
        0 0 20px rgba(139, 92, 246, .16),
        0 0 28px rgba(125, 211, 252, .08);
    }

    .category-bar.neon-game-cats .cat-btn.cat-btn--val.cat-btn--featured:not(.active) {
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 0 18px rgba(139, 92, 246, .22);
    }

    .category-bar.neon-game-cats .cat-val-ring {
      position: relative;
      width: 58px;
      height: 58px;
      border-radius: 999px;
      display: grid;
      place-items: center;
      margin: 0 auto;
      border: 1px solid rgba(125, 211, 252, .22);
      background: radial-gradient(circle at 50% 32%, rgba(139, 92, 246, .55), rgba(18, 12, 44, .92));
      box-shadow: inset 0 -6px 14px rgba(0, 0, 0, .35), 0 0 16px rgba(139, 92, 246, .28);
    }

    .category-bar.neon-game-cats .cat-btn.cat-btn--val.active .cat-val-ring {
      border-color: rgba(167, 139, 250, .45);
      box-shadow: inset 0 -6px 14px rgba(0, 0, 0, .3), 0 0 16px rgba(139, 92, 246, .2);
    }

    .category-bar.neon-game-cats .cat-val-svg-wrap {
      color: #c4b5fd;
    }

    .category-bar.neon-game-cats .cat-val-svg-wrap svg {
      width: 26px;
      height: 26px;
      display: block;
    }

    .category-bar.neon-game-cats .cat-ribbon.cat-ribbon--val {
      top: -2px;
      right: -6px;
      left: auto;
      max-width: none;
      animation: none;
      z-index: 6;
    }

    .category-bar.neon-game-cats .cat-btn.cat-btn--val::before,
    .category-bar.neon-game-cats .cat-btn.cat-btn--val::after {
      display: none;
    }

    .category-bar.neon-game-cats .cat-btn.cat-btn--val .service-thumb {
      display: none;
    }

    .category-bar.neon-game-cats .cat-label {
      font-size: 11px;
      letter-spacing: .04em;
      text-align: center;
      min-height: 32px;
    }

    .service-empty {
      grid-column: 1 / -1;
      text-align: center;
      margin: 18px 0 8px;
      color: var(--muted);
      font-size: 15px;
    }


    .category-bar.circle-mode .category-shell {
      min-height: 194px;
    }

    .category-bar.circle-mode .category-scroll {
      min-height: 194px;
      align-items: stretch;
      padding: 14px 0;
    }

    .category-bar.circle-mode .cat-btn {
      width: 170px;
      min-width: 170px;
      min-height: 164px;
      align-items: flex-start;
      justify-content: flex-end;
      padding: 13px;
      border-color: rgba(139, 92, 246,.36);
      background:
        linear-gradient(180deg, rgba(4,3,12,.06), rgba(4,3,12,.86)),
        var(--cat-bg) center / cover no-repeat;
      text-align: left;
    }

    .category-bar.circle-mode .cat-btn::after {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(180deg, transparent 42%, rgba(7,5,19,.9));
      pointer-events: none;
    }

    .category-bar.circle-mode .cat-btn.active {
      border-color: rgba(125, 211, 252, .55);
      box-shadow: 0 0 0 2px rgba(139, 92, 246, .28), 0 16px 36px rgba(0, 0, 0, .35);
    }

    .category-bar.circle-mode .cat-btn svg {
      display: none;
    }

    .category-bar.circle-mode .cat-btn span {
      position: relative;
      z-index: 1;
      color: #fff;
      font-family: var(--display);
      font-size: 19px;
      letter-spacing: .035em;
      text-shadow: 0 8px 24px rgba(0,0,0,.75);
    }

    .hero {
      min-height: 300px;
      display: grid;
      align-items: end;
      padding: 46px 0 30px;
      position: relative;
      overflow: hidden;
      border-bottom: 1px solid rgba(255,255,255,.08);
    }

    .hero:not(.is-home) {
      min-height: 250px;
      background:
        radial-gradient(ellipse 90% 70% at 50% -20%, rgba(122, 77, 255, .20), transparent 58%),
        linear-gradient(180deg, rgba(8, 5, 20, .98), rgba(5, 3, 13, .92));
    }

    .hero:not(.is-home)::before {
      content: "";
      position: absolute;
      inset: 0;
      z-index: 0;
      background:
        radial-gradient(ellipse 55% 60% at 18% 18%, rgba(255, 209, 102, .08), transparent 56%),
        radial-gradient(ellipse 70% 65% at 86% 20%, rgba(154, 104, 255, .16), transparent 58%);
      background-attachment: scroll;
      pointer-events: none;
    }

    .hero:not(.is-home)::after {
      content: "";
      position: absolute;
      inset: 0;
      z-index: 1;
      background:
        linear-gradient(
          180deg,
          rgba(2, 1, 10, 0.28) 0%,
          rgba(5, 3, 15, 0.22) 48%,
          rgba(2, 1, 10, 0.54) 100%
        ),
        radial-gradient(ellipse 115% 75% at 50% 0%, rgba(76, 29, 149, 0.26), transparent 58%),
        radial-gradient(ellipse 70% 55% at 80% 100%, rgba(91, 33, 182, 0.12), transparent 50%);
      pointer-events: none;
    }

    .hero.is-home {
      display: none;
    }

    .hero:not(.is-home) {
      display: none;
    }

    .hero.is-home::before {
      content: "";
      position: absolute;
      inset: 0;
      z-index: 0;
      background:
        linear-gradient(
          180deg,
          rgba(2, 1, 10, 0.9) 0%,
          rgba(5, 3, 15, 0.58) 46%,
          rgba(2, 1, 10, 0.93) 100%
        ),
        radial-gradient(ellipse 120% 70% at 50% -15%, rgba(91, 33, 182, 0.3), transparent 52%),
        radial-gradient(ellipse 55% 50% at 100% 40%, rgba(190, 18, 60, 0.1), transparent 50%),
        url("../assets/backgrounds/elysium-home-mainmenu-bg.webp") center center / cover no-repeat;
      pointer-events: none;
    }

    .home-content {
      position: relative;
      background: linear-gradient(180deg, rgba(5,3,13,.08), rgba(5,3,13,.34) 30%, rgba(5,3,13,.16));
      overflow: hidden;
    }

    .home-content::before {
      content: "";
      position: absolute;
      inset: 0;
      z-index: 0;
      background:
        linear-gradient(180deg, rgba(5, 3, 13, .88), rgba(5, 3, 13, .72) 34%, rgba(5, 3, 13, .94) 100%),
        url("../assets/backgrounds/elysium-home-mainmenu-bg.webp") center top / cover no-repeat;
      pointer-events: none;
    }

    .home-content > .shell {
      position: relative;
      z-index: 1;
      width: min(1560px, calc(100% - 32px));
    }

    .hero .shell {
      position: relative;
      z-index: 2;
    }

    .hero.is-home .shell {
      text-align: center;
    }

    .hero.is-home h1,
    .hero.is-home p {
      margin-left: auto;
      margin-right: auto;
    }

    .eyebrow {
      display: inline-flex;
      color: var(--cyan);
      font-family: var(--display);
      font-size: 16px;
      font-weight: 900;
      letter-spacing: .08em;
      text-transform: uppercase;
    }

    h1 {
      margin: 12px 0 12px;
      max-width: 100%;
      color: #e9ffff;
      font-family: var(--display);
      font-size: clamp(48px, 6.5vw, 92px);
      line-height: .92;
      letter-spacing: .05em;
      text-transform: uppercase;
      text-shadow: 0 12px 40px rgba(0,0,0,.46);
    }

    .hero.is-home h1 {
      max-width: 100%;
      font-size: clamp(30px, 4.2vw, 52px);
      line-height: 1.02;
      letter-spacing: .07em;
      margin-top: 8px;
      margin-bottom: 22px;
    }

    .hero p {
      margin: 0;
      max-width: 52rem;
      color: #e8ebff;
      line-height: 1.62;
      font-weight: 550;
      font-size: clamp(16px, 1.35vw, 19px);
      text-shadow: 0 8px 30px rgba(0,0,0,.5);
    }

    .hero.is-home #heroCopy {
      margin-left: auto;
      margin-right: auto;
      max-width: 40rem;
    }

    .hero:not(.is-home) p {
      max-width: min(760px, 100%);
      color: rgba(241, 244, 255, 0.94);
    }

    .hero:not(.is-home) h1 {
      color: #faf8ff;
      font-size: clamp(34px, 4.2vw, 56px);
      line-height: 1.02;
      letter-spacing: .055em;
      text-shadow:
        0 4px 36px rgba(0, 0, 0, 0.55),
        0 2px 3px rgba(0, 0, 0, 0.4);
    }

    .home-content,
    .main { padding: 40px 0 72px; }

    .home-content {
      padding: 18px 0 44px;
      min-height: calc(100vh - 70px);
    }

    .home-content.hidden,
    .service-content.hidden { display: none; }

    .home-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 16px;
      margin: 14px 0 18px;
    }

    .home-grid.home-grid--featured-last {
      align-items: stretch;
    }

    .home-game-card.home-game-card--boost-featured {
      grid-column: 1 / -1;
      max-width: min(920px, 100%);
      width: 100%;
      justify-self: center;
      min-height: 260px;
    }

    .home-game-card {
      min-height: clamp(185px, 24vh, 245px);
      border: 1px solid var(--line);
      border-radius: 12px;
      background: #08051a;
      box-shadow: 0 22px 64px rgba(0,0,0,.35);
      padding: 14px;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      align-items: flex-start;
      position: relative;
      overflow: hidden;
      text-align: left;
      cursor: pointer;
      transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease, filter .22s ease;
    }

    .home-game-media {
      position: absolute;
      inset: 0;
      z-index: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center center;
      display: block;
      filter: brightness(.92) contrast(1.06) saturate(1.05);
      transition: transform .28s ease, filter .28s ease;
      pointer-events: none;
    }

    .home-game-card[data-home-game="cs2"] .home-game-media {
      object-position: 28% center;
    }

    .home-game-card::before {
      content: "";
      position: absolute;
      inset: 0;
      z-index: 1;
      background:
        linear-gradient(180deg, rgba(0,0,0,.04) 0%, rgba(5,3,13,.55) 45%, rgba(5,3,13,.88) 100%),
        radial-gradient(circle at 20% 75%, rgba(139, 92, 246,.18), transparent 42%);
      pointer-events: none;
    }

    .home-game-card.coming-soon {
      cursor: not-allowed;
      filter: none;
      opacity: 1;
    }

    .home-game-card.coming-soon .btn {
      border-color: rgba(255,255,255,.16);
      background: rgba(255,255,255,.08);
      color: var(--muted);
      box-shadow: none;
    }

    .home-game-card.coming-soon.coming-soon-clickable {
      cursor: pointer;
    }

    .home-game-card.coming-soon.coming-soon-clickable:hover {
      transform: translateY(-2px);
      border-color: rgba(139, 92, 246, .58);
      box-shadow: 0 22px 64px rgba(139, 92, 246, .16);
    }

    .home-game-card.coming-soon.coming-soon-clickable:focus-visible {
      outline: 2px solid rgba(167, 139, 250, .55);
      outline-offset: 3px;
    }

    .home-game-card:hover {
      transform: translateY(-2px);
      border-color: rgba(139, 92, 246, .62);
      box-shadow: 0 24px 70px rgba(139, 92, 246,.18);
      filter: brightness(1.06) contrast(1.04);
    }

    .home-game-card:hover .home-game-media {
      transform: scale(1.025);
      filter: brightness(.86) contrast(1.12) saturate(1);
    }

    .home-game-card > :not(.home-game-media) { position: relative; z-index: 2; }

    .home-game-label {
      display: block;
      margin: 0;
      color: #fdfbff;
      font-family: var(--display);
      font-size: clamp(18px, 1.7vw, 28px);
      font-weight: 800;
      line-height: 1;
      letter-spacing: .055em;
      text-transform: uppercase;
      text-shadow: 0 8px 24px rgba(0,0,0,.8);
      overflow-wrap: anywhere;
    }

    .home-game-card h2 {
      margin: 0 0 10px;
      color: #fdfbff;
      font-family: var(--display);
      font-size: clamp(28px, 3.4vw, 38px);
      font-weight: 800;
      line-height: 1.05;
      letter-spacing: .055em;
      text-transform: uppercase;
      text-shadow: 0 10px 32px rgba(0,0,0,.82);
      overflow-wrap: anywhere;
    }

    .home-game-card .home-game-blurb {
      margin: 0 0 12px;
      font-family: var(--font);
      color: rgba(232, 228, 255, .93);
      line-height: 1.48;
      font-size: 15px;
      font-weight: 500;
      max-width: 38rem;
      overflow-wrap: anywhere;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }

    .home-game-hint {
      display: none;
      align-items: center;
      justify-content: center;
      margin: 0;
      min-height: 28px;
      padding: 7px 10px 6px;
      border: 1px solid rgba(251, 191, 36, .34);
      border-radius: 999px;
      background: rgba(8, 6, 22, .58);
      font-family: var(--display);
      font-size: 10px;
      font-weight: 800;
      letter-spacing: .1em;
      text-transform: uppercase;
      color: rgba(251, 191, 36, .92);
      text-shadow: 0 6px 20px rgba(0, 0, 0, .65);
    }

    .home-game-card:focus-visible {
      outline: 2px solid rgba(167, 139, 250, .65);
      outline-offset: 3px;
    }

    .home-game-card.home-combo-card {
      cursor: default;
      min-width: 0;
      padding: 0;
      display: flex;
      flex-direction: column;
      justify-content: stretch;
    }

    .home-game-card.home-combo-card::before {
      display: none;
    }

    .home-combo-split {
      flex: 1 1 auto;
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      min-height: 300px;
      width: 100%;
    }

    .home-combo-half {
      position: relative;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      align-items: flex-start;
      min-width: 0;
      min-height: 100%;
      margin: 0;
      padding: 20px 18px;
      border: 0;
      cursor: pointer;
      text-align: left;
      color: inherit;
      font: inherit;
      background: #07051d;
      overflow: hidden;
      -webkit-appearance: none;
      appearance: none;
      transition: transform .2s ease, box-shadow .2s ease;
    }

    .home-combo-half + .home-combo-half {
      border-left: 1px solid rgba(139, 92, 246, .42);
      box-shadow: inset 10px 0 26px -14px rgba(0, 0, 0, .42);
    }

    .home-combo-half:hover {
      transform: translateY(-1px);
      z-index: 2;
      box-shadow: 0 14px 40px rgba(139, 92, 246, .2);
    }

    .home-combo-half:focus-visible {
      outline: 2px solid rgba(167, 139, 250, .55);
      outline-offset: -2px;
      z-index: 3;
    }

    .home-combo-half.is-media-fallback {
      background:
        radial-gradient(ellipse 120% 88% at 50% 10%, rgba(139, 92, 246, .42), transparent 52%),
        linear-gradient(180deg, rgba(16, 10, 38, .96), #05030d 58%);
    }

    .home-combo-half.is-media-fallback .home-combo-half-media {
      display: none;
    }

    .home-combo-half-media {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center center;
      z-index: 0;
      display: block;
      filter: brightness(.9) contrast(1.08) saturate(1.05);
      transition: transform .22s ease, filter .22s ease;
      pointer-events: none;
    }

    .home-combo-half-media--social {
      object-position: center center;
    }

    .home-combo-half--social .home-combo-half-scrim {
      background:
        linear-gradient(185deg, rgba(0, 0, 0, .06) 0%, rgba(5, 3, 13, .28) 52%, rgba(5, 3, 13, .58) 100%),
        radial-gradient(circle at 50% 72%, rgba(139, 92, 246, .14), transparent 44%);
    }

    .home-combo-half:hover .home-combo-half-media {
      transform: scale(1.035);
      filter: brightness(.98) contrast(1.1) saturate(1.08);
    }

    .home-combo-half-scrim {
      position: absolute;
      inset: 0;
      z-index: 1;
      background:
        linear-gradient(185deg, rgba(0, 0, 0, .12) 0%, rgba(5, 3, 13, .42) 52%, rgba(5, 3, 13, .78) 100%),
        radial-gradient(circle at 50% 72%, rgba(139, 92, 246, .22), transparent 44%);
      pointer-events: none;
    }

    .home-combo-half-content {
      position: relative;
      z-index: 2;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      width: 100%;
      max-width: 100%;
    }

    .home-combo-half-h {
      margin: 0 0 8px;
      font-family: var(--display);
      font-size: clamp(20px, 2.55vw, 30px);
      font-weight: 800;
      letter-spacing: .06em;
      text-transform: uppercase;
      color: #fdfbff;
      line-height: 1.02;
      text-shadow: 0 9px 28px rgba(0, 0, 0, .78);
      overflow-wrap: anywhere;
    }

    .home-combo-half-p {
      margin: 0 0 12px;
      font-family: var(--font);
      font-size: 15px;
      line-height: 1.48;
      font-weight: 500;
      color: rgba(232, 228, 255, .93);
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      overflow: hidden;
      max-width: 100%;
    }

    .disabled-btn {
      display: inline-flex;
      min-width: 132px;
      height: 34px;
      align-items: center;
      justify-content: center;
      margin-top: 0;
      border-radius: var(--radius);
      border: 1px solid rgba(139, 92, 246, .45);
      background: rgba(120, 80, 180, .22);
      color: rgba(255,255,255,.72);
      font-weight: 900;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
    }

    .info-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 14px;
      margin-top: 16px;
    }

    .info-card {
      border: 1px solid var(--line);
      border-radius: var(--radius);
      background: linear-gradient(180deg, rgba(18, 21, 38,.48), rgba(7, 10, 18,.72));
      box-shadow: 0 18px 54px rgba(0,0,0,.22);
      padding: 16px;
    }

    .info-card h3 {
      margin: 0 0 8px;
      font-family: var(--display);
      font-size: 24px;
      line-height: 1;
      letter-spacing: .04em;
      text-transform: uppercase;
    }

    .info-grid--compact {
      margin-top: 12px;
      gap: 10px;
    }

    .info-card--compact {
      padding: 12px 14px;
    }

    .info-card--compact h3 {
      font-size: 15px;
      margin-bottom: 5px;
    }

    .info-card--compact p {
      font-size: 12px;
      line-height: 1.38;
    }

    .detail-left-meta {
      display: flex;
      flex-direction: column;
      gap: 8px;
    }

    body[data-ely-game="arc"] .detail-left-meta .intro {
      margin-top: 0;
      padding-top: 10px;
      border-top: 1px solid rgba(139, 92, 246, .18);
    }

    .info-card p {
      margin: 0;
      color: var(--muted);
      line-height: 1.55;
      font-size: 14px;
    }

    .quick-head, .section-head {
      display: flex;
      align-items: end;
      justify-content: space-between;
      gap: 20px;
      margin-bottom: 20px;
    }

    .quick-head h2, .section-head h2 {
      margin: 0;
      font-family: var(--display);
      font-size: clamp(30px, 3.5vw, 40px);
      line-height: 1.05;
      letter-spacing: .05em;
      text-transform: uppercase;
    }

    #homeGameHead {
      margin-bottom: 10px;
    }

    #homeGameHead h2 {
      font-size: clamp(18px, 1.7vw, 24px);
      letter-spacing: .08em;
    }

    .quick-head p, .section-head p {
      margin: 8px 0 0;
      color: var(--muted);
      line-height: 1.5;
      font-size: 16px;
      font-weight: 500;
      max-width: 52ch;
    }

    #homeGameHead {
      margin-top: 12px;
    }

    .popular-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 18px;
      margin-bottom: 28px;
    }

    #popularHead p {
      font-size: 16px;
      max-width: 52ch;
    }

    .popular-card, .service-card, .detail-left, .order-card, .cart-item {
      border: 1px solid var(--line);
      border-radius: var(--radius);
      background:
        linear-gradient(165deg, rgba(18, 21, 38, .72), rgba(7, 10, 18, .9));
      box-shadow:
        0 18px 54px rgba(0,0,0,.28),
        0 0 0 1px rgba(125, 211, 252, .04);
    }

    .cart-item {
      position: relative;
      z-index: 0;
      display: flex;
      flex-direction: column;
      gap: 10px;
      padding: 12px 12px 11px;
      margin-bottom: 12px;
    }

    .popular-card, .service-card {
      position: relative;
      overflow: hidden;
    }

    .service-card {
      display: flex;
      flex-direction: row;
      align-items: stretch;
      gap: 0;
      min-height: 268px;
      padding: 0;
      border-radius: 12px;
    }

    .service-card__media {
      flex: 0 0 44%;
      max-width: 380px;
      align-self: stretch;
      background: radial-gradient(circle at 40% 35%, rgba(139, 92, 246, .14), transparent 52%), #06050c;
      border-right: 1px solid var(--line);
    }

    .service-card__media .category-thumb {
      height: 100%;
      min-height: 220px;
      border-radius: 0;
      margin: 0;
    }

    .service-card__media .service-thumb {
      min-height: 220px;
      height: 100%;
      border-radius: 0;
      border: 0;
      background: transparent;
    }

    .service-card__body {
      flex: 1;
      min-width: 0;
      display: flex;
      flex-direction: column;
      padding: 16px 18px 14px;
      gap: 0;
    }

    .service-card__bullets {
      margin: 12px 0 0;
      padding: 0 0 0 1.15em;
      font-size: 12px;
      color: var(--muted);
      line-height: 1.5;
      font-weight: 600;
    }

    .service-card__bullets li + li {
      margin-top: 4px;
    }

    .popular-card {
      display: flex;
      flex-direction: column;
      gap: 0;
      min-height: 200px;
      padding: 0;
      border-radius: 12px;
    }

    .popular-badge {
      display: inline-flex;
      align-self: flex-start;
      margin: 12px 12px 0;
      padding: 4px 10px;
      border-radius: 999px;
      font-family: var(--display);
      font-size: 10px;
      font-weight: 800;
      letter-spacing: .1em;
      text-transform: uppercase;
      color: #0c0f18;
      background: linear-gradient(90deg, #fbbf24, #fde68a);
      border: 1px solid rgba(251, 191, 36, .55);
    }

    .popular-card__inner {
      display: flex;
      flex-direction: row;
      align-items: stretch;
      flex: 1;
      gap: 0;
      min-height: 0;
    }

    .popular-card__media {
      flex: 0 0 40%;
      max-width: 200px;
      background: radial-gradient(circle at 40% 35%, rgba(139, 92, 246, .14), transparent 52%), #06050c;
      border-right: 1px solid var(--line);
    }

    .popular-card__media .category-thumb {
      height: 100%;
      min-height: 180px;
      margin: 0;
      border-radius: 0;
    }

    .popular-card__media .service-thumb {
      height: 100%;
      min-height: 180px;
      border: 0;
      border-radius: 0;
      background: transparent;
    }

    .popular-card__body {
      flex: 1;
      min-width: 0;
      padding: 12px 14px 14px;
      display: flex;
      flex-direction: column;
    }

    .popular-card__body .price {
      margin-top: auto;
      font-size: 22px;
      padding-top: 10px;
    }

    .popular-card .service-btn {
      margin-top: 10px;
      width: 100%;
      min-height: 42px;
    }

    .popular-card::before, .service-card::before {
      content: "";
      position: absolute;
      inset: 0 0 auto;
      height: 3px;
      background: linear-gradient(90deg, rgba(139, 92, 246, .35), rgba(125, 211, 252, .55), rgba(139, 92, 246, .35));
    }

    .card-top {
      display: flex;
      justify-content: flex-start;
      gap: 10px;
      align-items: flex-start;
      margin-bottom: 10px;
    }

    .card-icon {
      width: 42px;
      height: 42px;
      display: grid;
      place-items: center;
      border: 1px solid var(--line);
      border-radius: 8px;
      background:
        radial-gradient(circle at 34% 22%, rgba(125, 211, 252, .14), transparent 42%),
        linear-gradient(145deg, rgba(139, 92, 246, .12), rgba(10, 12, 22, .82));
      color: #efeaff;
      flex: 0 0 auto;
      box-shadow: inset 0 0 18px rgba(125, 211, 252, .06);
    }

    .category-thumb {
      width: 100%;
      height: auto;
      aspect-ratio: var(--thumb-aspect);
      padding: 0;
      border: 0;
      border-radius: 8px;
      background: transparent;
      box-shadow: none;
      overflow: hidden;
    }

    .category-thumb .service-thumb {
      width: 100%;
      height: 100%;
      border-color: rgba(139, 92, 246, .16);
    }

    .popular-card h3, .service-card h3 {
      margin: 0 0 7px;
      font-family: var(--display);
      font-size: 23px;
      line-height: .98;
      text-transform: uppercase;
      letter-spacing: .04em;
      overflow-wrap: normal;
      word-break: normal;
    }

    .popular-card h3 {
      font-size: 21px;
      line-height: 1;
    }

    .popular-card p, .service-card p {
      margin: 0;
      color: var(--muted);
      line-height: 1.43;
      font-size: 14px;
      overflow-wrap: anywhere;
    }

    .popular-card p {
      font-size: 13px;
      line-height: 1.34;
    }

    .badge {
      border: 1px solid rgba(255,255,255,.13);
      border-radius: 999px;
      background: rgba(255,255,255,.06);
      color: #eeeaff;
      padding: 4px 7px;
      font-size: 11px;
      font-weight: 900;
      text-transform: uppercase;
      letter-spacing: .04em;
    }

    .popular-card footer, .service-card footer {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 12px;
      margin-top: auto;
      padding-top: 14px;
    }

    .price {
      color: var(--price);
      font-family: var(--display);
      font-size: 26px;
      font-weight: 900;
      line-height: 1;
      letter-spacing: .015em;
      text-shadow: 0 0 22px rgba(167, 139, 250, .12);
      white-space: nowrap;
    }

    .price small {
      display: block;
      margin-bottom: 2px;
      color: var(--soft);
      font-family: var(--font);
      font-size: 11px;
      text-transform: uppercase;
      letter-spacing: .08em;
    }

    .price del,
    .price-old {
      position: relative;
      display: inline-block;
      margin-right: 6px;
      color: rgba(255,255,255,.52);
      font-size: .72em;
      text-decoration: none;
      text-shadow: none;
    }

    .price del::after,
    .price-old::after,
    .old-total::after {
      content: "";
      position: absolute;
      left: -4px;
      right: -4px;
      top: 50%;
      height: 2px;
      border-radius: 999px;
      background: linear-gradient(90deg, rgba(244,63,94,.2), rgba(244,63,94,.9), rgba(167,139,250,.45));
      transform: rotate(-13deg);
      transform-origin: center;
      pointer-events: none;
      box-shadow: 0 0 6px rgba(244, 63, 94, .28);
    }

    .deal-hint,
    .detail-deal {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      min-height: 34px;
      max-width: 100%;
      padding: 7px 12px;
      border: 1px solid rgba(255,184,88,.58);
      border-radius: 999px;
      background:
        radial-gradient(circle at 8% 30%, rgba(255,184,88,.28), transparent 36%),
        linear-gradient(180deg, rgba(58,41,101,.9), rgba(16,11,37,.96));
      color: #fff4cf;
      font-size: 13px;
      font-weight: 950;
      line-height: 1;
      text-transform: uppercase;
      letter-spacing: .045em;
      box-shadow: inset 0 0 18px rgba(255,184,88,.1), 0 8px 22px rgba(0,0,0,.28);
    }

    .detail-deal .price-old,
    .old-total {
      position: relative;
      color: rgba(255,255,255,.55);
      text-decoration: none;
    }

    .detail-deal {
      justify-self: start;
      margin-right: auto;
      font-size: 13px;
      min-height: 36px;
    }

    .detail-deal .price-old {
      font-size: .95em;
    }

    .detail-deal:empty {
      display: none;
    }

    .deal-hint {
      display: none;
      justify-content: center;
      width: fit-content;
      color: #ddd6fe;
      border-color: rgba(139, 92, 246, .45);
      background: rgba(46, 16, 101, .35);
      animation: softPulse 1.8s ease-in-out infinite;
    }

    .deal-hint.active {
      display: inline-flex;
    }

    @keyframes softPulse {
      0%, 100% { transform: translateY(0); box-shadow: 0 0 0 rgba(139, 92, 246, 0); }
      50% { transform: translateY(-1px); box-shadow: 0 0 18px rgba(139, 92, 246, .2); }
    }

    .service-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 12px;
      margin-bottom: 24px;
    }

    .service-grid.is-hidden {
      display: none;
    }

    .detail {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(300px, 440px);
      gap: 16px;
      align-items: start;
      margin-top: 6px;
    }

    .detail-right {
      display: flex;
      flex-direction: column;
      gap: 10px;
      min-width: 0;
    }

    #detailSection.detail--valorant-layout .detail-right {
      display: contents;
    }

    #detailSection.detail--valorant-layout .detail-feature-thumb {
      display: none;
    }

    .detail-feature-thumb {
      border-radius: 14px;
      overflow: hidden;
      border: 1px solid var(--line);
      background: linear-gradient(165deg, rgba(12, 10, 22, .9), rgba(7, 10, 16, .97));
      box-shadow: 0 22px 56px rgba(0, 0, 0, .28), inset 0 1px 0 var(--glass-border);
    }

    .detail-feature-thumb .service-thumb {
      aspect-ratio: var(--thumb-aspect);
      height: auto;
      min-height: 180px;
      border: 0;
      border-radius: 0;
      background: radial-gradient(circle at 50% 30%, rgba(139, 92, 246, .2), transparent 55%), #06050c;
    }

    .detail-feature-thumb .service-thumb img {
      object-fit: contain;
      object-position: center center;
    }

    .detail-specs {
      grid-column: 1 / -1;
      margin: 10px 0 0;
      padding: 10px 12px;
      border-radius: 12px;
      border: 1px solid var(--line);
      background: var(--glass);
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
      box-shadow: inset 0 1px 0 var(--glass-border);
    }

    .detail-specs:not(:empty) {
      display: block;
    }

    .detail-specs h4.detail-specs__k {
      margin: 10px 0 4px;
      font-family: var(--display);
      font-size: 11px;
      font-weight: 800;
      letter-spacing: .1em;
      text-transform: uppercase;
      color: rgba(167, 139, 250, .92);
    }

    .detail-specs h4.detail-specs__k:first-child {
      margin-top: 0;
    }

    .detail-specs p {
      margin: 0;
      font-size: 12px;
      line-height: 1.38;
      color: var(--muted);
      font-weight: 600;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }

    .detail-left {
      min-height: 0;
      padding: 0;
      position: relative;
      overflow: visible;
      border: 0;
      border-radius: 0;
      background: transparent;
      box-shadow: none;
    }

    .detail-left::before {
      display: none;
    }

    .detail-left > * { position: relative; z-index: 1; }

    .detail-title {
      display: block;
      margin-bottom: 8px;
    }

    .detail-icon {
      display: none;
    }

    .detail-icon .service-thumb {
      width: 100%;
      height: 100%;
      border-color: rgba(255, 184, 88, .22);
    }

    .detail-title h2 {
      margin: 0 0 5px;
      color: var(--cyan);
      font-family: var(--display);
      font-size: clamp(24px, 3vw, 36px);
      line-height: 1;
      text-transform: uppercase;
      letter-spacing: .055em;
      overflow-wrap: normal;
      word-break: normal;
      text-wrap: balance;
    }

    .rating {
      display: inline-flex;
      flex-wrap: wrap;
      gap: 8px;
      align-items: center;
      color: #f6f3ff;
      font-size: 12px;
      font-weight: 850;
      border: 1px solid rgba(255,255,255,.14);
      border-radius: 999px;
      background: rgba(255,255,255,.055);
      padding: 6px 9px;
    }

    .rating--premium {
      gap: 10px;
    }

    .rating--premium .rating-score {
      color: var(--gold);
      font-size: 11px;
      letter-spacing: .06em;
      text-shadow: 0 0 18px rgba(251, 191, 36, .35);
    }

    .rating--premium .rating-text {
      font-family: var(--display);
      font-size: 11px;
      letter-spacing: .06em;
      text-transform: uppercase;
      color: var(--text);
    }

    .stars {
      display: inline-flex;
      gap: 2px;
    }

    .stars span {
      width: 17px;
      height: 17px;
      display: grid;
      place-items: center;
      border-radius: 999px;
      background:
        radial-gradient(circle at 38% 28%, rgba(255,255,255,.45), transparent 32%),
        linear-gradient(135deg, #a78bfa, #8b5cf6 72%);
      color: #f4f7ff;
      font-size: 0;
      line-height: 1;
      box-shadow: 0 0 12px rgba(139, 92, 246, .22);
    }

    .stars span::before {
      content: "\2605";
      font-size: 11px;
    }

    .intro {
      display: none;
      margin: 0;
      max-width: 820px;
      color: #e6e2ff;
      line-height: 1.52;
      font-size: 14px;
      font-weight: 650;
    }

    .detail-steps {
      display: none;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 10px;
      margin-top: 16px;
      max-width: 860px;
    }

    #serviceContent,
    #detailSection {
      scroll-margin-top: 84px;
    }

    .detail-step {
      min-height: 76px;
      border: 1px solid rgba(139, 92, 246,.23);
      border-radius: 8px;
      background: linear-gradient(180deg, rgba(18, 21, 38,.34), rgba(10, 12, 22,.46));
      padding: 10px;
    }

    .detail-step strong {
      display: block;
      color: var(--cyan);
      font-family: var(--display);
      font-size: 16px;
      letter-spacing: .04em;
      text-transform: uppercase;
    }

    .detail-step span {
      display: block;
      margin-top: 5px;
      color: var(--muted);
      font-size: 12px;
      line-height: 1.35;
    }

    .order-card {
      position: sticky;
      top: 88px;
      max-height: calc(100vh - 100px);
      overflow: hidden;
      display: flex;
      flex-direction: column;
    }

    .order-card.is-valorant,
    .order-card.is-arc-split {
      top: 88px;
      max-height: calc(100vh - 100px);
      overflow: visible;
      align-self: start;
    }

    .order-card.is-valorant .order-panel-head,
    .order-card.is-arc-split .order-panel-head {
      flex-shrink: 0;
    }

    .order-card-body {
      flex: 1 1 auto;
      display: flex;
      flex-direction: column;
      min-height: 0;
      min-width: 0;
    }

    .order-card.is-valorant .order-card-body,
    .order-card.is-arc-split .order-card-body {
      display: flex;
      flex-direction: column;
      padding: 0 12px 14px;
      gap: 0;
      align-items: stretch;
      flex: 1 1 auto;
      min-height: 0;
      overflow: hidden;
    }

    #detailSection.detail--valorant-layout .detail-left {
      display: flex;
      flex-direction: column;
      align-items: stretch;
      gap: 18px;
    }

    #detailSection.detail--valorant-layout .detail-left-head {
      flex: 0 0 auto;
    }

    #detailSection.detail--valorant-layout .detail-left-head .detail-title {
      margin-bottom: 0;
    }

    #detailSection.detail--valorant-layout .detail-left-head .detail-title h2 {
      font-size: clamp(26px, 3.4vw, 38px);
      font-weight: 800;
      letter-spacing: .05em;
      line-height: 1.02;
      color: #f4f0ff;
    }

    #detailSection.detail--valorant-layout .detail-left-head .rating {
      margin-top: 4px;
    }

    #detailSection.detail--valorant-layout .valorant-cfg-mount {
      margin-bottom: 0;
      border-radius: 14px;
      border: 1px solid rgba(139, 92, 246, .4);
      background:
        linear-gradient(175deg, rgba(18, 21, 38, .72), rgba(7, 10, 18, .96)),
        radial-gradient(90% 60% at 10% 0%, rgba(139, 92, 246, .2), transparent 55%);
      box-shadow:
        0 20px 52px rgba(0, 0, 0, .34),
        inset 0 1px 0 rgba(255, 255, 255, .07),
        0 0 42px rgba(139, 92, 246, .12);
      padding: 14px 14px 16px;
    }

    #detailSection.detail--valorant-layout .valorant-cfg-mount .order-form {
      padding: 0;
      margin: 0;
      max-height: min(78vh, 860px);
      overflow-y: auto;
      min-height: 0;
      scrollbar-width: thin;
      scrollbar-color: rgba(139, 92, 246, .45) rgba(7, 10, 18, .85);
    }

    #detailSection.detail--valorant-layout .valorant-cfg-mount .order-form::-webkit-scrollbar {
      width: 8px;
    }

    #detailSection.detail--valorant-layout .valorant-cfg-mount .order-form::-webkit-scrollbar-track {
      background: rgba(10, 8, 24, .92);
      border-radius: 999px;
    }

    #detailSection.detail--valorant-layout .valorant-cfg-mount .order-form::-webkit-scrollbar-thumb {
      background: linear-gradient(180deg, rgba(139, 92, 246, .45), rgba(22, 26, 44, .92));
      border-radius: 999px;
      border: 2px solid rgba(10, 8, 24, .92);
    }

    #detailSection.detail--valorant-layout .valorant-cfg-mount .order-form::-webkit-scrollbar-thumb:hover {
      background: linear-gradient(180deg, rgba(167, 139, 250, .38), rgba(139, 92, 246, .88));
    }

    #detailSection.detail--valorant-layout .detail-left-meta {
      margin-top: 0;
      display: flex;
      flex-direction: column;
      gap: 14px;
    }

    #detailSection.detail--valorant-layout .intro {
      margin: 0;
      font-size: 13px;
      font-weight: 500;
      line-height: 1.55;
      color: rgba(183, 176, 223, .95);
      max-width: 100%;
    }

    #detailSection.detail--valorant-layout .detail-highlights-wrap,
    #detailSection.detail--valorant-layout .detail-val-trust {
      display: none;
    }

    #detailSection.detail--valorant-layout .detail-highlights-wrap h4,
    #detailSection.detail--valorant-layout .detail-val-trust h4 {
      font-size: 12px;
      letter-spacing: .1em;
    }

    #detailSection.detail--valorant-layout .detail-highlights-wrap ul,
    #detailSection.detail--valorant-layout .detail-val-trust p,
    #detailSection.detail--valorant-layout .detail-val-trust ul {
      font-size: 12px;
      line-height: 1.48;
    }

    @media (max-width: 1080px) {
      #detailSection.detail--valorant-layout {
        row-gap: 16px;
      }
      #detailSection.detail--valorant-layout > .detail-left {
        display: contents;
      }
      #detailSection.detail--valorant-layout .detail-left-head {
        grid-row: 1;
        grid-column: 1;
      }
      #detailSection.detail--valorant-layout .valorant-cfg-mount {
        grid-row: 2;
        grid-column: 1;
      }
      #detailSection.detail--valorant-layout .order-card {
        grid-row: 3;
        grid-column: 1;
      }
      #detailSection.detail--valorant-layout .detail-left-meta {
        grid-row: 4;
        grid-column: 1;
      }
      #detailSection.detail--valorant-layout .valorant-cfg-mount .order-form {
        max-height: none;
        overflow-y: visible;
      }
    }

    .order-card.is-valorant .summary-total,
    .order-card.is-arc-split .summary-total {
      position: relative;
      top: auto;
      align-self: stretch;
      display: flex;
      flex-direction: column;
      flex: 1 1 auto;
      min-height: 0;
      max-height: 100%;
      overflow: hidden;
      gap: 10px;
      padding: 12px 12px 14px;
      margin: 0;
      border-top: none;
      border-radius: 14px;
      border: 1px solid rgba(139, 92, 246, .32);
      background:
        linear-gradient(168deg, rgba(20, 24, 39, .94), rgba(7, 10, 16, .98)),
        radial-gradient(130% 90% at 100% 0%, rgba(139, 92, 246, .1), transparent 58%);
      box-shadow:
        0 22px 56px rgba(0, 0, 0, .38),
        inset 0 1px 0 rgba(255, 255, 255, .06),
        0 0 32px rgba(0, 0, 0, .2);
    }

    .order-card.is-valorant .summary-total .valorant-order-chrome {
      flex: 1 1 auto;
      min-height: 0;
      overflow-x: hidden;
      overflow-y: auto;
      padding-right: 4px;
      margin-right: -2px;
      scrollbar-width: thin;
      scrollbar-color: rgba(139, 92, 246, .45) rgba(7, 10, 18, .88);
    }

    .order-card.is-valorant .summary-total .valorant-order-chrome::-webkit-scrollbar {
      width: 8px;
    }

    .order-card.is-valorant .summary-total .valorant-order-chrome::-webkit-scrollbar-track {
      background: rgba(10, 8, 24, .94);
      border-radius: 999px;
    }

    .order-card.is-valorant .summary-total .valorant-order-chrome::-webkit-scrollbar-thumb {
      background: linear-gradient(180deg, rgba(139, 92, 246, .45), rgba(22, 26, 44, .92));
      border-radius: 999px;
      border: 2px solid rgba(10, 8, 24, .94);
    }

    .order-card.is-valorant .summary-total .valorant-order-chrome::-webkit-scrollbar-thumb:hover {
      background: linear-gradient(180deg, rgba(167, 139, 250, .4), rgba(139, 92, 246, .85));
    }

    .order-card.is-valorant .summary-total > small,
    .order-card.is-arc-split .summary-total > small {
      flex-shrink: 0;
      margin-top: 0;
      font-family: var(--display);
      letter-spacing: .08em;
      text-transform: uppercase;
      color: var(--cyan);
      font-size: 11px;
    }

    .order-card.is-valorant .summary-total > #liveTotal,
    .order-card.is-arc-split .summary-total > #liveTotal {
      flex-shrink: 0;
    }

    .order-card.is-valorant .summary-total > #usdHint,
    .order-card.is-arc-split .summary-total > #usdHint {
      flex-shrink: 0;
    }

    .detail-highlights-wrap {
      margin: 12px 0 14px;
      padding: 12px 14px;
      border-radius: 10px;
      border: 1px solid rgba(139, 92, 246, .28);
      background: linear-gradient(145deg, rgba(18, 21, 38, .4), rgba(12, 9, 30, .5));
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04);
    }

    .order-card.is-valorant .summary-total #liveTotal,
    .order-card.is-arc-split .summary-total #liveTotal {
      display: block;
      font-family: var(--display);
      font-size: clamp(21px, 2.4vw, 28px);
      color: var(--price);
      letter-spacing: .03em;
      line-height: 1.12;
      min-height: 1.12em;
      word-break: break-word;
      overflow-wrap: anywhere;
    }

    .order-card.is-valorant .summary-total #usdHint,
    .order-card.is-arc-split .summary-total #usdHint {
      font-size: 11px;
      color: var(--muted);
      line-height: 1.35;
      word-break: break-word;
      overflow-wrap: anywhere;
      max-width: 100%;
    }

    .order-card.is-valorant .summary-total .btn.btn-premium,
    .order-card.is-arc-split .summary-total .btn.btn-premium {
      margin-top: 4px;
      min-height: 42px;
      box-sizing: border-box;
      flex-shrink: 0;
    }

    .arc-order-preview {
      flex-shrink: 0;
      margin: 0 0 2px;
      padding: 10px 12px;
      border-radius: 11px;
      border: 1px solid rgba(139, 92, 246, .28);
      background: rgba(8, 6, 22, .48);
      max-height: min(36vh, 300px);
      overflow-x: hidden;
      overflow-y: auto;
      scrollbar-width: thin;
      scrollbar-color: rgba(139, 92, 246, .42) rgba(7, 10, 18, .85);
    }

    .arc-order-preview::-webkit-scrollbar {
      width: 6px;
    }

    .arc-order-preview::-webkit-scrollbar-thumb {
      background: rgba(139, 92, 246, .55);
      border-radius: 999px;
    }

    .arc-order-preview__title {
      margin: 0 0 8px;
      font-family: var(--display);
      font-size: 10px;
      font-weight: 800;
      letter-spacing: .1em;
      text-transform: uppercase;
      color: var(--cyan);
    }

    .arc-order-preview__line {
      margin: 0;
      padding: 5px 0;
      border-bottom: 1px solid rgba(139, 92, 246, .14);
      font-size: 11px;
      line-height: 1.45;
      color: rgba(231, 226, 255, .92);
      overflow-wrap: anywhere;
    }

    .arc-order-preview__line:last-child {
      border-bottom: none;
      padding-bottom: 0;
    }

    .valorant-order-chrome {
      display: flex;
      flex-direction: column;
      gap: 12px;
    }

    .valorant-path-rail {
      padding: 10px 10px 12px;
      border-radius: 11px;
      border: 1px solid rgba(139, 92, 246, .35);
      background: linear-gradient(180deg, rgba(30, 24, 72, .75), rgba(12, 10, 28, .55));
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04);
    }

    .valorant-path-inner {
      display: flex;
      align-items: stretch;
      justify-content: center;
      gap: 10px;
      flex-wrap: wrap;
      text-align: center;
    }

    .valorant-path-inner--single {
      justify-content: center;
    }

    .valorant-path-inner--single .valorant-path-chip {
      flex: 0 1 auto;
      max-width: min(360px, 100%);
    }

    .valorant-path-chip {
      flex: 1 1 116px;
      min-width: 0;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 6px;
      padding: 9px 10px 11px;
      border-radius: 12px;
      border: 1px solid rgba(139, 92, 246, .4);
      background:
        linear-gradient(165deg, rgba(26, 22, 58, .88), rgba(8, 7, 22, .82));
      box-shadow:
        0 12px 32px rgba(0, 0, 0, .28),
        inset 0 1px 0 rgba(255, 255, 255, .06);
    }

    .valorant-path-rank-visual {
      width: auto;
      max-width: 104px;
      height: auto;
      min-height: 0;
      margin: 2px auto 0;
      display: flex;
      align-items: center;
      justify-content: center;
      pointer-events: none;
      border: none;
      background: transparent;
      box-shadow: none;
      padding: 0;
    }

    .valorant-path-rank-img {
      max-width: 100%;
      max-height: 76px;
      width: auto;
      height: auto;
      object-fit: contain;
      object-position: center;
      filter: drop-shadow(0 4px 14px rgba(124, 58, 237, .28));
    }

    .valorant-path-rail--rank-tier-icons.valorant-path-rail--rank-boost .valorant-path-rank-visual {
      max-width: 100px;
    }

    .valorant-path-rail--rank-tier-icons.valorant-path-rail--rank-boost .valorant-path-rank-img {
      max-height: 72px;
    }

    .valorant-rank-pick {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 8px;
      margin-top: 6px;
      min-width: 0;
    }

    .valorant-rank-thumb-shell {
      flex: 0 0 auto;
      width: auto;
      max-width: 120px;
      min-height: 0;
      align-self: center;
      border-radius: 0;
      border: none;
      background: transparent;
      box-shadow: none;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0;
      box-sizing: border-box;
      transition: opacity .2s ease;
    }

    .valorant-rank-thumb-shell.is-empty {
      opacity: .4;
    }

    .valorant-rank-thumb-shell.is-empty .valorant-rank-tier-img {
      visibility: hidden;
    }

    .valorant-rank-tier-img {
      width: auto;
      height: auto;
      max-width: 98px;
      max-height: 74px;
      object-fit: contain;
      object-position: center;
      display: block;
    }

    .valorant-rank-pick select {
      flex: 0 0 auto;
      width: 100%;
      min-width: 0;
      max-width: 280px;
      margin: 0 auto;
      font-size: 11px;
      font-weight: 700;
      letter-spacing: .04em;
      text-align: center;
      text-align-last: center;
      line-height: 1.2;
    }

    .valorant-rank-pick--panel {
      margin-top: 0;
      gap: 10px;
    }

    .valorant-rank-select-cell {
      min-width: 0;
    }

    @media (max-width: 520px) {
      .valorant-rank-pick {
        align-items: stretch;
      }

      .valorant-rank-thumb-shell {
        max-width: none;
      }

      .valorant-configurator .field-grid .valorant-rank-select-cell {
        grid-column: 1 / -1;
      }
    }

    .valorant-path-kicker {
      font-family: var(--display);
      font-size: 10px;
      font-weight: 800;
      letter-spacing: .12em;
      text-transform: uppercase;
      color: rgba(196, 181, 253, .72);
      line-height: 1.2;
    }

    .valorant-path-rank {
      font-family: var(--display);
      font-size: 10px;
      font-weight: 700;
      letter-spacing: .06em;
      text-transform: uppercase;
      color: #f4f0ff;
      line-height: 1.35;
      max-width: 20ch;
      text-wrap: balance;
      text-align: center;
    }

    .valorant-path-arrow {
      flex: 0 0 auto;
      color: rgba(167, 139, 250, .78);
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0 4px;
      opacity: .88;
    }

    .valorant-pm-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 12px;
      align-items: stretch;
      margin-top: 6px;
    }

    @media (max-width: 720px) {
      .valorant-pm-grid {
        grid-template-columns: 1fr;
      }
    }

    .valorant-panel-card {
      padding: 12px 13px;
      border-radius: 12px;
      border: 1px solid rgba(139, 92, 246, .34);
      background: linear-gradient(165deg, rgba(22, 18, 48, .78), rgba(8, 7, 20, .88));
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .05),
        0 10px 28px rgba(0, 0, 0, .22);
    }

    .valorant-panel-card__title {
      margin: 0 0 10px;
      font-family: var(--display);
      font-size: 10px;
      font-weight: 800;
      letter-spacing: .11em;
      text-transform: uppercase;
      color: rgba(196, 181, 253, .9);
      line-height: 1.2;
    }

    .valorant-panel-card__title--sub {
      margin: 12px 0 8px;
    }

    .valorant-panel-card .valorant-server-field select {
      width: 100%;
    }

    .valorant-panel-card--pm-meta .qty-field {
      margin-top: 0;
    }

    .valorant-leveling-lead {
      margin: 0 0 14px;
      font-size: 13px;
      line-height: 1.5;
      color: var(--muted);
      max-width: 40rem;
    }

    .valorant-panel-card--leveling .valorant-leveling-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 12px;
      margin-bottom: 4px;
    }

    @media (max-width: 560px) {
      .valorant-panel-card--leveling .valorant-leveling-grid {
        grid-template-columns: 1fr;
      }
    }

    .valorant-leveling-speed {
      margin-top: 12px;
    }

    .valorant-leveling-server {
      margin-top: 12px;
    }

    .valorant-panel-card--rw-rank .valorant-rw-rank-select select {
      width: 100%;
    }

    .valorant-panel-card--coaching .qty-field {
      margin-bottom: 4px;
    }

    .valorant-panel-card--coaching .valorant-panel-tight {
      margin-top: 8px;
    }

    .valorant-customize-surface {
      padding: 10px 10px 4px;
      border-radius: 11px;
      border: 1px solid rgba(139, 92, 246, .28);
      background: rgba(14, 11, 32, .55);
    }

    .valorant-block-kicker {
      margin: 0 0 8px;
      font-family: var(--display);
      font-size: 11px;
      letter-spacing: .12em;
      text-transform: uppercase;
      color: rgba(125, 211, 252, .82);
    }

    .valorant-mini-promo {
      margin: 0;
      padding: 8px 10px;
      border-radius: 9px;
      border: 1px dashed rgba(139, 92, 246, .35);
      font-size: 10px;
      line-height: 1.45;
      color: var(--muted);
      letter-spacing: .02em;
    }

    .valorant-right-trust-foot {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 8px 14px;
      margin: 0;
      padding: 0 0 2px;
      list-style: none;
      font-size: 9px;
      font-weight: 800;
      letter-spacing: .12em;
      text-transform: uppercase;
      color: rgba(183, 176, 223, .78);
    }

    .valorant-right-trust-foot li {
      position: relative;
      padding-left: 12px;
    }

    .valorant-right-trust-foot li::before {
      content: "";
      position: absolute;
      left: 0;
      top: 50%;
      width: 6px;
      height: 6px;
      margin-top: -3px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(139, 92, 246, .95), rgba(139, 92, 246, .2));
      box-shadow: 0 0 10px rgba(139, 92, 246, .55);
    }

    .valorant-summary-panel--sticky {
      padding: 0;
      border: 0;
      background: transparent;
      box-shadow: none;
    }

    .valorant-summary-panel--sticky .valorant-summary-title {
      margin: 0 0 4px;
      font-family: var(--display);
      font-size: 12px;
      letter-spacing: .1em;
      text-transform: uppercase;
      color: #e8e2ff;
    }

    .valorant-price-divider {
      margin: 2px 0 0;
      border: 0;
      border-top: 1px solid rgba(139, 92, 246, .32);
      opacity: 1;
    }

    .valorant-configurator {
      display: flex;
      flex-direction: column;
      gap: 10px;
      min-width: 0;
    }

    .valorant-cfg-compact-head {
      display: flex;
      flex-direction: column;
      gap: 2px;
      padding: 0 2px 8px;
      border-bottom: 1px solid rgba(139, 92, 246, .22);
      margin-bottom: 2px;
    }

    .valorant-cfg-eyebrow {
      font-family: var(--display);
      font-size: 10px;
      letter-spacing: .14em;
      text-transform: uppercase;
      color: rgba(125, 211, 252, .65);
    }

    .valorant-cfg-name {
      font-family: var(--display);
      font-size: 15px;
      letter-spacing: .06em;
      text-transform: uppercase;
      color: #fdfbff;
      line-height: 1.15;
    }

    .valorant-cfg-stack {
      display: flex;
      flex-direction: column;
      gap: 10px;
    }

    .valorant-cfg-stack--selects {
      gap: 10px;
    }

    .valorant-rank-select-panel {
      display: flex;
      flex-direction: column;
      gap: 12px;
    }

    .valorant-rank-tier-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 14px;
    }

    @media (max-width: 520px) {
      .valorant-rank-tier-grid {
        grid-template-columns: 1fr;
      }
    }

    .valorant-rank-boost .valorant-rank-field .valorant-rank-pick select {
      min-height: 44px;
      font-size: 13px;
      border-radius: 11px;
    }

    .valorant-configurator:not(.valorant-rank-boost) .valorant-rank-pick select {
      min-height: 44px;
      font-size: 13px;
      border-radius: 11px;
    }

    .valorant-path-rail--rank-boost .valorant-path-rank {
      font-size: 11px;
      letter-spacing: .05em;
      line-height: 1.35;
    }

    @media (max-width: 400px) {
      .valorant-path-rail--rank-boost .valorant-path-chip {
        flex: 1 1 100%;
      }

      .valorant-path-rail--rank-boost .valorant-path-rank {
        font-size: 10px;
      }
    }

    .valorant-inline-kicker {
      margin: 0 0 8px;
      font-family: var(--display);
      font-size: 11px;
      letter-spacing: .1em;
      text-transform: uppercase;
      color: rgba(125, 211, 252, .78);
    }

    .valorant-pill-grid {
      gap: 8px;
    }

    .valorant-micro-note {
      margin: 8px 0 0;
      font-size: 11px;
      line-height: 1.4;
      color: var(--muted);
    }

    .valorant-configurator .field-block,
    .order-card.is-valorant .valorant-panel-tight {
      margin: 0;
      padding: 10px 12px 12px;
      border-radius: 12px;
      border: 1px solid rgba(139, 92, 246, .32);
      background:
        linear-gradient(180deg, rgba(18, 21, 38, .42), rgba(7, 10, 18, .72));
      box-shadow:
        0 14px 40px rgba(0, 0, 0, .22),
        inset 0 1px 0 rgba(255, 255, 255, .05);
    }

    .valorant-configurator .field-block--tight {
      padding: 10px 12px 12px;
    }

    .valorant-configurator .field-block h4,
    .order-card.is-valorant .valorant-panel-tight h4 {
      margin: 0 0 10px;
      font-family: var(--display);
      font-size: 12px;
      letter-spacing: .08em;
      text-transform: uppercase;
      color: rgba(125, 211, 252, .82);
    }

    .valorant-configurator label,
    .order-card.is-valorant .valorant-order-chrome label {
      color: #dcd6ff;
      font-size: 11px;
      letter-spacing: .06em;
    }

    .valorant-configurator select,
    .valorant-configurator input[type="number"],
    .valorant-configurator .qty-stepper-input,
    .order-card.is-valorant .valorant-order-chrome select {
      border-radius: 10px;
      border: 1px solid rgba(139, 92, 246, .42);
      background: rgba(22, 18, 52, .92);
      min-height: 40px;
      box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .25);
      width: 100%;
      max-width: 100%;
      color: var(--text);
    }

    .valorant-configurator .qty-stepper {
      border-radius: 10px;
      border: 1px solid rgba(139, 92, 246, .42);
      min-height: 42px;
      box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .22);
    }

    .valorant-configurator .qty-step {
      background: rgba(22, 18, 52, .72);
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .valorant-configurator .qty-step .qty-step-glyph {
      pointer-events: none;
    }

    .valorant-configurator .qty-stepper-input {
      border-left-color: rgba(139, 92, 246, .28);
      border-right-color: rgba(139, 92, 246, .28);
    }

    .valorant-configurator select:focus,
    .valorant-configurator input[type="number"]:focus,
    .valorant-configurator .qty-stepper-input:focus,
    .order-card.is-valorant .valorant-order-chrome select:focus {
      border-color: rgba(125, 211, 252, .55);
      box-shadow: 0 0 0 3px rgba(139, 92, 246, .18);
    }

    .valorant-configurator .field-grid--rr {
      grid-template-columns: 1fr;
    }

    .valorant-configurator .raid-toggle-grid,
    .order-card.is-valorant .valorant-mode-pills {
      gap: 8px;
    }

    .valorant-configurator .raid-pill {
      min-height: 42px;
      padding: 9px 11px;
    }

    .valorant-mode-pills--with-duo-hint {
      align-items: flex-end;
    }

    .valorant-mode-duo-wrap {
      display: flex;
      flex-direction: column;
      align-items: stretch;
      gap: 5px;
      flex: 1 1 44%;
      min-width: 0;
    }

    .valorant-duo-extra-hint {
      font-family: var(--display);
      font-size: 9px;
      font-weight: 700;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      text-align: center;
      color: rgba(255, 209, 102, 0.88);
      line-height: 1.15;
    }

    .valorant-mode-duo-wrap .raid-pill {
      flex: 1 1 auto;
    }

    .order-card.is-valorant .valorant-mode-pills .raid-pill {
      flex: 1 1 44%;
    }

    .valorant-extras-toggle .ely-toggle-row {
      justify-content: space-between;
      gap: 12px;
    }

    .valorant-extras-toggle .ely-toggle-label {
      flex: 1 1 auto;
      font-size: 12px;
      color: var(--text);
    }

    .valorant-coach-focus .ely-toggle-label {
      font-size: 12px;
    }

    .valorant-rb-hint {
      margin: 0;
      font-size: 12px;
      line-height: 1.4;
      color: #ffb8c3;
    }

    .valorant-summary-dl {
      margin: 0;
      display: grid;
      gap: 6px 10px;
      font-size: 12px;
      padding-right: 0;
    }

    .valorant-summary-dl div {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
      gap: 8px;
      padding-bottom: 5px;
      border-bottom: 1px solid rgba(139, 92, 246, .15);
    }

    .valorant-summary-dl dt {
      margin: 0;
      color: var(--muted);
      font-weight: 700;
      letter-spacing: .04em;
      text-transform: uppercase;
      font-size: 9px;
    }

    .valorant-summary-dl dd {
      margin: 0;
      color: var(--text);
      text-align: right;
      font-size: 11px;
      line-height: 1.4;
      overflow-wrap: anywhere;
      word-break: break-word;
      min-width: 0;
    }

    .valorant-summary-note {
      margin: 8px 0 0;
      font-size: 11px;
      color: rgba(125, 211, 252, .78);
      line-height: 1.35;
    }

    .valorant-summary-note.is-warn {
      color: #ffb8c3;
    }

    .valorant-extras-grid {
      display: grid;
      gap: 6px;
    }


    .detail-highlights-wrap h4 {
      margin: 0 0 8px;
      font-family: var(--display);
      font-size: 14px;
      letter-spacing: .06em;
      text-transform: uppercase;
      color: #c4b5fd;
    }

    .detail-highlights-wrap ul {
      margin: 0;
      padding-left: 1.15em;
      color: var(--muted);
      font-size: 13px;
      line-height: 1.45;
    }

    .detail-highlights-wrap li + li {
      margin-top: 4px;
    }

    .detail-val-trust {
      margin: 0 0 16px;
      padding: 14px 16px;
      border-radius: 10px;
      border: 1px solid rgba(139, 92, 246, .22);
      background: linear-gradient(160deg, rgba(20, 24, 39, .55), rgba(7, 10, 16, .72));
    }

    .detail-val-trust h4 {
      margin: 0 0 6px;
      font-family: var(--display);
      font-size: 15px;
      letter-spacing: .05em;
      text-transform: uppercase;
      color: #e8e4ff;
    }

    .detail-val-trust p {
      margin: 0 0 10px;
      color: var(--muted);
      font-size: 13px;
      line-height: 1.45;
    }

    .detail-val-trust ul {
      margin: 0;
      padding-left: 1.1em;
      color: var(--text);
      font-size: 13px;
      line-height: 1.4;
    }


    .order-form {
      padding: 14px;
      display: grid;
      gap: 12px;
      overflow: auto;
      flex: 1 1 auto;
      min-height: 180px;
      max-height: min(68vh, 680px);
      scrollbar-width: thin;
      scrollbar-color: rgba(139, 92, 246,.62) rgba(12,8,31,.34);
    }

    #orderForm:has(#loadoutBundle) {
      max-height: none;
      height: auto;
      overflow: visible;
      min-height: 0;
    }

    .order-form::-webkit-scrollbar {
      width: 8px;
      height: 8px;
    }

    .order-form::-webkit-scrollbar-track {
      background: rgba(12, 8, 31, .45);
      border-radius: 999px;
    }

    .order-form::-webkit-scrollbar-thumb {
      background: linear-gradient(180deg, rgba(139, 92, 246, .55), rgba(139, 92, 246, .42));
      border-radius: 999px;
      border: 2px solid rgba(12, 8, 31, .5);
    }

    .order-form::-webkit-scrollbar-thumb:hover {
      background: linear-gradient(180deg, rgba(167, 139, 250, .4), rgba(139, 92, 246, .55));
    }

    .add-to-cart-main {
      width: 100%;
      margin-top: 10px;
    }

    .order-panel-head {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      gap: 10px;
      padding: 10px 14px 0;
    }

    .clear-service {
      min-height: 30px;
      padding: 0 10px;
      border-color: rgba(255,184,88,.45);
      color: #ffe0a3;
      font-size: 11px;
      background: rgba(255,184,88,.08);
    }

    label {
      display: block;
      margin-bottom: 7px;
      color: #d8d1ff;
      font-size: 12px;
      font-weight: 900;
      letter-spacing: .055em;
      text-transform: uppercase;
    }

    input, select, textarea {
      width: 100%;
      min-height: 42px;
      border: 1px solid rgba(139, 92, 246, .34);
      border-radius: 7px;
      background: rgba(43, 36, 108, .92);
      color: #fff;
      padding: 10px 11px;
      outline: none;
    }

    select {
      cursor: pointer;
      background:
        linear-gradient(180deg, rgba(47, 39, 113, .96), rgba(23, 18, 62, .96));
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05);
    }

    select option {
      color: #fff;
      background: #151033;
      padding: 10px 12px;
    }

    input:focus, select:focus, textarea:focus {
      border-color: rgba(125, 211, 252, .7);
      box-shadow: 0 0 0 3px rgba(125, 211, 252, .08);
    }

    textarea {
      min-height: 104px;
      resize: vertical;
    }

    input[type="range"] {
      accent-color: var(--purple-2);
      min-height: 28px;
      padding: 0;
    }

    input[type="range"]::-webkit-slider-runnable-track {
      height: 6px;
      border-radius: 999px;
      background: linear-gradient(90deg, rgba(55, 42, 120, .95), rgba(109, 40, 217, .75));
      box-shadow: inset 0 1px 2px rgba(0, 0, 0, .35);
    }

    input[type="range"]::-webkit-slider-thumb {
      -webkit-appearance: none;
      appearance: none;
      width: 16px;
      height: 16px;
      margin-top: -5px;
      border-radius: 999px;
      border: 2px solid rgba(167, 139, 250, .55);
      background: linear-gradient(135deg, #a78bfa, #7c3aed);
      box-shadow: 0 2px 10px rgba(0, 0, 0, .4);
      cursor: pointer;
    }

    input[type="range"]::-moz-range-track {
      height: 6px;
      border-radius: 999px;
      background: linear-gradient(90deg, rgba(55, 42, 120, .95), rgba(109, 40, 217, .75));
    }

    input[type="range"]::-moz-range-thumb {
      width: 16px;
      height: 16px;
      border-radius: 999px;
      border: 2px solid rgba(167, 139, 250, .55);
      background: linear-gradient(135deg, #a78bfa, #7c3aed);
      box-shadow: 0 2px 10px rgba(0, 0, 0, .4);
      cursor: pointer;
    }

    .level-range-pair {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 12px;
    }

    .level-range-card {
      min-width: 0;
      padding: 12px;
      border-radius: 10px;
      border: 1px solid rgba(139, 92, 246, .28);
      background: linear-gradient(180deg, rgba(18, 14, 42, .82), rgba(8, 7, 20, .72));
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05);
    }

    .level-range-headline {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      margin-bottom: 10px;
    }

    .level-range-headline label {
      margin: 0;
      font-size: 11px;
      color: rgba(216, 209, 255, .92);
    }

    .level-range-headline strong {
      flex: 0 0 auto;
      min-width: 38px;
      text-align: right;
      color: var(--gold);
      font-family: var(--display);
      font-size: 20px;
      line-height: 1;
    }

    .ely-level-range {
      display: block;
      width: 100%;
    }

    .order-options-panel {
      width: 100%;
      display: grid;
      gap: 10px;
      margin: 0 0 12px;
      padding: 11px;
      border-radius: 12px;
      border: 1px solid rgba(139, 92, 246, .3);
      background: linear-gradient(180deg, rgba(18, 14, 42, .82), rgba(8, 7, 20, .72));
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05);
    }

    .order-options-panel h4 {
      margin: 0;
      font-family: var(--display);
      font-size: 12px;
      letter-spacing: .1em;
      text-transform: uppercase;
      color: rgba(255, 209, 102, .92);
    }

    .order-options-panel .field-block,
    .order-options-panel .valorant-panel-tight {
      padding: 0;
      margin: 0;
      border: 0;
      background: transparent;
      box-shadow: none;
    }

    .order-options-panel .raid-toggle-grid,
    .order-options-panel .valorant-extras-grid,
    .order-option-buttons {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 8px;
    }

    .order-options-panel .raid-pill,
    .order-option-row {
      min-height: 38px;
      border-radius: 8px;
      background: rgba(255, 255, 255, .045);
    }

    .order-options-panel .raid-pill strong,
    .order-options-panel .ely-toggle-label {
      font-size: 11px;
      line-height: 1.2;
    }

    @media (max-width: 560px) {
      .level-range-pair,
      .order-options-panel .raid-toggle-grid,
      .order-options-panel .valorant-extras-grid,
      .order-option-buttons {
        grid-template-columns: 1fr;
      }
    }

    .coin-panel {
      display: grid;
      gap: 12px;
      border: 1px solid rgba(139, 92, 246,.2);
      border-radius: 9px;
      background: rgba(255,255,255,.035);
      padding: 12px;
    }

    .coin-panel input[type="range"] {
      accent-color: var(--purple);
    }

    .coin-readout {
      display: flex;
      align-items: flex-end;
      justify-content: space-between;
      gap: 14px;
      flex-wrap: wrap;
    }

    .coin-readout-main {
      display: grid;
      gap: 6px;
      min-width: 0;
      flex: 1 1 220px;
    }

    .coin-readout-main > label {
      font-family: var(--display);
      font-size: 12px;
      font-weight: 800;
      letter-spacing: .08em;
      text-transform: uppercase;
      color: rgba(125, 211, 252, .9);
    }

    .coin-amount-row {
      display: flex;
      flex-wrap: wrap;
      align-items: baseline;
      gap: 10px 12px;
    }

    .coin-amount-value {
      font-family: var(--display);
      font-size: clamp(28px, 4.2vw, 42px);
      font-weight: 800;
      line-height: 1.05;
      letter-spacing: .04em;
      color: var(--price);
      text-shadow: 0 0 22px rgba(167, 139, 250, .14);
    }

    .coin-amount-row .discounted-tag {
      display: none;
      margin-left: 0;
      color: #ffe8a8;
      font-family: var(--font);
      font-size: 11px;
      font-weight: 900;
      letter-spacing: .08em;
      text-transform: uppercase;
      animation: softPulse 1.8s ease-in-out infinite;
    }

    .coin-amount-row .discounted-tag.active {
      display: inline-flex;
    }

    .coin-readout-limits {
      color: var(--muted);
      font-size: 12px;
      font-weight: 700;
      text-align: right;
      line-height: 1.4;
      max-width: 220px;
    }

    .coin-readout > div > label {
      font-family: var(--display);
      font-size: 12px;
      font-weight: 800;
      letter-spacing: .06em;
      text-transform: uppercase;
      color: rgba(125, 211, 252, .88);
    }

    .coin-readout > div strong {
      display: block;
      margin-top: 6px;
      font-family: var(--display);
      font-size: clamp(22px, 3.2vw, 32px);
      font-weight: 800;
      color: var(--price);
      letter-spacing: .03em;
      line-height: 1.1;
    }

    .coin-readout > span:not(.coin-readout-limits) {
      color: var(--muted);
      font-size: 12px;
      font-weight: 700;
      text-align: right;
      line-height: 1.4;
      max-width: 220px;
    }

    .arc-price-breakdown {
      width: 100%;
      margin-top: 8px;
      padding: 8px 10px;
      border-radius: 10px;
      border: 1px solid rgba(139, 92, 246, .28);
      background: rgba(7, 10, 18, .62);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05);
    }

    .arc-price-breakdown__row {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      gap: 12px;
      margin-top: 4px;
      font-size: 12px;
      font-weight: 650;
      color: var(--muted);
    }

    .arc-price-breakdown__row span:first-child {
      flex: 1;
      min-width: 0;
    }

    .arc-price-breakdown__row span:last-child {
      flex: 0 0 auto;
      text-align: right;
      font-variant-numeric: tabular-nums;
    }

    .arc-price-breakdown__row:first-child {
      margin-top: 0;
    }

    .arc-price-breakdown__row--final {
      margin-top: 8px;
      padding-top: 8px;
      border-top: 1px solid rgba(139, 92, 246, .22);
      font-family: var(--display);
      font-size: 13px;
      font-weight: 800;
      letter-spacing: .05em;
      text-transform: uppercase;
      color: var(--text);
    }

    .arc-price-breakdown__row--final span:last-child {
      color: var(--price);
      font-size: 15px;
    }

    .range-ticks {
      display: grid;
      grid-template-columns: repeat(10, 1fr);
      gap: 3px;
      color: var(--muted);
      font-size: 10px;
      font-weight: 900;
      text-align: center;
    }

    .range-ticks.five {
      grid-template-columns: repeat(5, 1fr);
      margin-top: 6px;
      font-size: 11px;
    }

    .range-ticks--anchored {
      position: relative;
      display: block;
      height: 22px;
      margin-top: 6px;
      color: var(--muted);
      font-size: 11px;
      font-weight: 900;
    }

    .range-ticks--anchored > span {
      position: absolute;
      top: 0;
      transform: translateX(-50%);
      display: inline-flex;
      flex-direction: column;
      align-items: center;
      gap: 3px;
      line-height: 1;
      white-space: nowrap;
      pointer-events: none;
    }

    .range-ticks--anchored > span > i {
      width: 1px;
      height: 6px;
      background: rgba(139, 92, 246, .55);
      display: block;
    }

    .level-range {
      display: grid;
      gap: 12px;
      padding: 12px;
      border: 1px solid rgba(139, 92, 246, .24);
      border-radius: 8px;
      background:
        radial-gradient(circle at 20% 10%, rgba(139, 92, 246, .1), transparent 42%),
        linear-gradient(180deg, rgba(18, 21, 38, .55), rgba(7, 10, 18, .78));
    }

    .level-range-head {
      display: flex;
      justify-content: space-between;
      gap: 14px;
    }

    .level-range-chip {
      width: 74px;
      min-height: 62px;
      display: grid;
      place-items: center;
      padding: 7px;
      border-radius: 9px;
      background: linear-gradient(180deg, rgba(28, 32, 52, .95), rgba(18, 21, 38, .94));
      border: 1px solid rgba(139, 92, 246, .28);
      box-shadow: 0 12px 26px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.1);
      text-align: center;
    }

    .level-range-chip small,
    .level-range-chip span {
      display: block;
      color: #e8e2ff;
      font-size: 10px;
      line-height: 1;
      font-weight: 950;
      text-transform: uppercase;
    }

    .level-range-chip strong {
      color: #fff;
      font-size: 17px;
      line-height: 1;
      font-weight: 950;
    }

    .dual-range {
      position: relative;
      height: 30px;
      display: grid;
      align-items: center;
    }

    .dual-range-track,
    .dual-range-fill {
      position: absolute;
      left: 0;
      right: 0;
      height: 4px;
      border-radius: 999px;
    }

    .dual-range-track {
      background: rgba(255,255,255,.18);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.12);
    }

    .dual-range-fill {
      left: var(--range-left, 0%);
      right: var(--range-right, 0%);
      background: linear-gradient(90deg, #7c3aed, #a78bfa);
      box-shadow: 0 0 12px rgba(139, 92, 246, .16);
    }

    .dual-range input[type="range"] {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 30px;
      margin: 0;
      background: transparent;
      pointer-events: none;
      appearance: none;
      -webkit-appearance: none;
    }

    .dual-range input[type="range"]::-webkit-slider-thumb {
      width: 22px;
      height: 22px;
      border: 3px solid rgba(139, 92, 246, .35);
      border-radius: 999px;
      background: linear-gradient(135deg, #8b5cf6, #c4b5fd);
      box-shadow: 0 0 0 3px rgba(139, 92, 246, .1), 0 10px 22px rgba(0,0,0,.36);
      cursor: pointer;
      pointer-events: auto;
      -webkit-appearance: none;
    }

    .dual-range input[type="range"]::-moz-range-thumb {
      width: 22px;
      height: 22px;
      border: 3px solid rgba(139, 92, 246, .35);
      border-radius: 999px;
      background: linear-gradient(135deg, #8b5cf6, #c4b5fd);
      box-shadow: 0 0 0 3px rgba(139, 92, 246, .1), 0 10px 22px rgba(0,0,0,.36);
      cursor: pointer;
      pointer-events: auto;
    }

    .field-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 10px;
    }

    .equal-grid > div {
      min-height: 78px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }

    .qty-field {
      display: grid;
      gap: 6px;
      align-content: start;
    }

    .qty-stepper {
      display: grid;
      grid-template-columns: 44px minmax(0, 1fr) 44px;
      align-items: stretch;
      gap: 0;
      min-height: 44px;
      border-radius: 10px;
      border: 1px solid rgba(139, 92, 246, .38);
      background: linear-gradient(180deg, rgba(18, 21, 38, .55), rgba(12, 9, 32, .88));
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .06),
        0 10px 26px rgba(0, 0, 0, .22);
      overflow: hidden;
    }

    .qty-stepper--wide {
      grid-template-columns: 44px minmax(0, 1fr) 44px;
    }

    .qty-step {
      border: 0;
      margin: 0;
      padding: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      font-family: var(--display);
      font-size: 20px;
      font-weight: 800;
      line-height: 1;
      color: #c4b5fd;
      background: rgba(7, 10, 16, .55);
      cursor: pointer;
      transition: background .18s ease, color .18s ease, box-shadow .18s ease;
    }

    .qty-step .qty-step-glyph {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 1em;
      font-size: 22px;
      font-weight: 900;
      line-height: 1;
      pointer-events: none;
    }

    .qty-stepper--bundle {
      border-color: rgba(139, 92, 246, .44);
      background: linear-gradient(180deg, rgba(18, 21, 38, .58), rgba(7, 10, 18, .9));
    }

    .qty-field--bundle > label {
      margin-bottom: 6px;
    }

    .field-grid.equal-grid > .qty-field--bundle {
      min-height: 0;
      gap: 8px;
    }

    .qty-step:hover {
      background: rgba(139, 92, 246, .18);
      color: #f4f7ff;
      box-shadow: inset 0 0 18px rgba(139, 92, 246, .06);
    }

    .qty-step:active {
      transform: scale(0.98);
    }

    .qty-step:focus-visible {
      outline: none;
      box-shadow: inset 0 0 0 2px rgba(125, 211, 252, .35);
    }

    .qty-stepper-input {
      width: 100%;
      min-width: 0;
      border: 0;
      border-left: 1px solid rgba(139, 92, 246, .22);
      border-right: 1px solid rgba(139, 92, 246, .22);
      border-radius: 0;
      margin: 0;
      padding: 0 8px;
      text-align: center;
      font-family: var(--display);
      font-size: 18px;
      font-weight: 800;
      letter-spacing: .04em;
      color: var(--text);
      background: rgba(6, 4, 18, .35);
      min-height: 44px;
      box-shadow: none;
      -moz-appearance: textfield;
    }

    .qty-stepper-input:focus {
      outline: none;
      border-color: rgba(125, 211, 252, .35);
      box-shadow: inset 0 0 0 1px rgba(139, 92, 246, .35);
    }

    .qty-stepper-input::-webkit-outer-spin-button,
    .qty-stepper-input::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0;
    }

    .bundle-final-line {
      min-height: 20px;
      margin-top: 6px;
      font-family: var(--display);
      font-size: 15px;
      font-weight: 800;
      letter-spacing: .04em;
      color: rgba(238, 241, 255, .92);
      line-height: 1.35;
    }

    .bundle-final-line.is-empty {
      margin-top: 0;
      min-height: 0;
    }

    #orderForm input[type="number"]:not(.qty-stepper-input),
    #orderForm input[type="number"].qty-stepper-input {
      -moz-appearance: textfield;
    }

    #orderForm input[type="number"]::-webkit-outer-spin-button,
    #orderForm input[type="number"]::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0;
    }

    .coin-range-wrap {
      display: grid;
      gap: 4px;
      padding: 2px 2px 0;
    }

    .coin-slider-ticks {
      position: relative;
      height: 26px;
      margin: 2px 10px 0;
      pointer-events: none;
    }

    .coin-slider-mark {
      position: absolute;
      left: var(--m-left, 0%);
      bottom: 2px;
      transform: translateX(-50%);
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 4px;
    }

    .coin-slider-mark__tick {
      width: 2px;
      height: 10px;
      border-radius: 1px;
      background: rgba(139, 92, 246, .55);
      box-shadow: 0 0 10px rgba(139, 92, 246, .3);
    }

    .coin-slider-mark__label {
      font-family: var(--display);
      font-size: 10px;
      font-weight: 800;
      letter-spacing: .07em;
      text-transform: uppercase;
      color: rgba(183, 176, 223, .88);
      white-space: nowrap;
    }

    .coin-slider-mark.is-active .coin-slider-mark__tick {
      background: linear-gradient(180deg, rgba(139, 92, 246, .95), rgba(167, 139, 250, .45));
      box-shadow: 0 0 10px rgba(139, 92, 246, .22);
    }

    .coin-slider-mark.is-active .coin-slider-mark__label {
      color: #c4b5fd;
    }

    .coin-range-input {
      width: 100%;
      position: relative;
      z-index: 2;
    }

    .coin-discount-guidance {
      min-height: 34px;
      padding: 7px 10px;
      border-radius: 10px;
      border: 1px solid rgba(139, 92, 246, .28);
      background: linear-gradient(180deg, rgba(18, 21, 38, .38), rgba(7, 10, 18, .72));
      color: rgba(231, 226, 255, .92);
      font-size: 12px;
      font-weight: 700;
      line-height: 1.45;
      letter-spacing: .02em;
    }

    .coin-discount-guidance.is-unlocked {
      border-color: rgba(255, 209, 102, .42);
      color: #fff6df;
      box-shadow: inset 0 0 18px rgba(255, 209, 102, .08), 0 10px 24px rgba(0, 0, 0, .22);
    }

    body[data-ely-game="arc"] #orderForm .field-block h4 {
      color: #c4b5fd;
      font-size: 16px;
      letter-spacing: .07em;
    }

    body[data-ely-game="arc"] #orderForm .field-block {
      border-color: rgba(139, 92, 246, .28);
      background: rgba(255, 255, 255, .03);
    }

    body[data-ely-game="arc"] .order-card .summary-total > #liveTotal {
      color: var(--price);
      text-shadow: 0 0 18px rgba(167, 139, 250, .14);
    }

    body[data-ely-game="arc"] .detail-title h2 {
      color: #fff9f4;
      text-shadow: 0 0 28px rgba(139, 92, 246, .2);
    }

    body[data-ely-game="arc"] .intro {
      font-size: 13px;
      font-weight: 500;
      color: rgba(200, 192, 236, .92);
      line-height: 1.5;
      max-width: 720px;
    }

    body[data-ely-game="arc"] .detail-step {
      min-height: 62px;
      padding: 9px 10px;
    }

    body[data-ely-game="arc"] .detail-step strong {
      font-size: 14px;
      color: #e8e4ff;
    }

    body[data-ely-game="arc"] .detail-step span {
      font-size: 11px;
    }

    @media (min-width: 1081px) {
      body[data-ely-game="arc"] .order-card {
        top: 108px;
        max-height: calc(100vh - 120px);
      }
    }

    @media (max-width: 720px) {
      .coin-slider-ticks {
        height: 28px;
        margin: 2px 6px 0;
      }

      .coin-slider-mark__label {
        font-size: 9px;
      }
    }

    .loadout-weapon-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
      align-items: end;
      gap: 12px;
    }

    .ely-form-cell {
      display: flex;
      flex-direction: column;
      gap: 6px;
      min-width: 0;
    }

    .ely-form-cell > label {
      font-family: var(--display);
      font-size: 12px;
      font-weight: 800;
      letter-spacing: .06em;
      text-transform: uppercase;
      color: rgba(125, 211, 252, .88);
    }

    .loadout-mod-hint {
      margin: 10px 0 0;
      padding: 8px 11px;
      border-radius: 8px;
      border: 1px solid rgba(139, 92, 246, .22);
      background: rgba(12, 10, 32, .48);
      color: var(--muted);
      font-size: 12px;
      font-weight: 650;
      line-height: 1.45;
    }

    @media (max-width: 720px) {
      .loadout-weapon-grid {
        grid-template-columns: 1fr;
      }
    }

    .field-grid.equal-grid--bundles {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 12px;
      align-items: stretch;
    }

    .field-grid.equal-grid--bundles > .qty-field--bundle {
      min-width: 0;
      min-height: 0;
      margin: 0;
      padding: 12px;
      border: 1px solid rgba(139, 92, 246, .28);
      border-radius: 10px;
      background:
        radial-gradient(circle at 20% 0%, rgba(139, 92, 246, .14), transparent 55%),
        linear-gradient(180deg, rgba(18, 21, 38, .42), rgba(7, 10, 18, .82));
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06);
      justify-content: flex-start;
      gap: 8px;
    }

    .field-grid.equal-grid--bundles > .qty-field--bundle .qty-stepper--bundle {
      width: 100%;
      grid-template-columns: 46px minmax(0, 1fr) 46px;
      min-height: 48px;
    }

    .field-grid.equal-grid--bundles > .qty-field--bundle > label {
      min-height: 2.6em;
      display: flex;
      align-items: flex-end;
      line-height: 1.25;
    }

    @media (max-width: 720px) {
      .field-grid.equal-grid--bundles {
        grid-template-columns: 1fr;
      }
    }

    .bp-search-row {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 8px;
      align-items: end;
      margin: 10px 0;
    }

    .bp-search-row .search-box {
      margin: 0;
    }

    .seed-quick-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .coin-quick-grid--four {
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 8px;
    }

    @media (max-width: 720px) {
      .coin-quick-grid--four { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    }

    .depositary-grid {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      gap: 12px;
      align-items: stretch;
    }

    .depositary-grid .depositary-custom-row,
    .depositary-grid .depositary-slider-row {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      gap: 6px;
    }

    .depositary-grid input[type="number"] {
      width: 100%;
      text-align: center;
      font-weight: 900;
    }

    .raid-toggle-grid,
    .quick-raid-grid,
    .bundle-grid,
    .coin-quick-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 8px;
    }

    .raid-pill {
      min-height: 52px;
      border: 1px solid rgba(139, 92, 246,.28);
      border-radius: 8px;
      background:
        radial-gradient(circle at 16% 16%, rgba(139, 92, 246, .1), transparent 38%),
        linear-gradient(180deg, rgba(20, 24, 39, .72), rgba(12, 10, 22, .9));
      color: #f6f1ff;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      padding: 9px 10px;
      font-weight: 950;
      text-align: left;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
    }

    .raid-pill small {
      display: block;
      margin-top: 2px;
      color: var(--muted);
      font-size: 11px;
      font-weight: 800;
      line-height: 1.1;
    }

    .raid-pill strong {
      display: block;
      min-width: 0;
      line-height: 1.05;
      overflow-wrap: normal;
      word-break: normal;
    }

    .raid-pill span {
      color: var(--price);
      font-family: var(--display);
      font-size: 18px;
      line-height: 1;
      white-space: nowrap;
    }

    .raid-pill.active {
      border-color: rgba(167, 139, 250, .55);
      background:
        radial-gradient(circle at 15% 12%, rgba(139, 92, 246, .18), transparent 42%),
        linear-gradient(180deg, rgba(32, 26, 64, .82), rgba(12, 10, 28, .94));
      box-shadow: 0 0 0 1px rgba(139, 92, 246, .14), 0 12px 28px rgba(0, 0, 0, .28);
    }

    .raid-panel-note {
      margin: 10px 0 0;
      color: var(--muted);
      font-size: 12px;
      line-height: 1.45;
      font-weight: 700;
    }

    .field-block {
      border: 1px solid rgba(139, 92, 246,.22);
      border-radius: 8px;
      padding: 11px;
      background: rgba(255,255,255,.035);
    }

    .field-block h4 {
      margin: 0 0 10px;
      color: var(--cyan);
      font-family: var(--display);
      font-size: 18px;
      line-height: 1;
      letter-spacing: .04em;
      text-transform: uppercase;
    }

    .field-block-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      margin-bottom: 10px;
    }

    .field-block-head h4 {
      margin: 0;
    }

    .event-switch {
      min-height: 30px;
      display: inline-flex;
      align-items: center;
      gap: 6px;
      margin: 0;
      padding: 5px 8px;
      border: 1px solid rgba(255,184,88,.36);
      border-radius: 8px;
      background: rgba(255,184,88,.08);
      color: #ffe7b8;
      white-space: nowrap;
      cursor: pointer;
    }

    .event-switch.event-mode-card {
      position: relative;
      min-height: 58px;
      min-width: 156px;
      overflow: hidden;
      justify-content: flex-start;
      padding: 9px 12px;
      background:
        linear-gradient(90deg, rgba(16,11,35,.85), rgba(49,35,96,.72)),
        var(--event-bg, none) center center / cover no-repeat;
      box-shadow: inset 0 0 18px rgba(255,184,88,.08);
    }

    .event-switch.event-mode-card.is-block {
      display: flex;
      width: 100%;
      min-width: 0;
      margin: 0 0 10px;
      padding: 12px 14px;
      align-items: center;
      justify-content: flex-start;
      gap: 10px;
    }

    .event-switch.event-mode-card.is-block span {
      font-size: 14px;
      letter-spacing: .04em;
      text-transform: uppercase;
      font-weight: 900;
    }

    .event-switch.event-mode-card::before {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(90deg, rgba(9,6,24,.92), rgba(9,6,24,.2));
      z-index: 0;
    }

    .event-switch.event-mode-card input,
    .event-switch.event-mode-card span {
      position: relative;
      z-index: 1;
    }

    .event-switch input:not(.ely-toggle-input) {
      width: 15px;
      height: 15px;
      accent-color: var(--purple-2);
    }

    .event-switch.event-mode-card input:not(.ely-toggle-input) {
      appearance: none;
      -webkit-appearance: none;
      width: 22px;
      height: 22px;
      flex: 0 0 22px;
      display: grid;
      place-items: center;
      border: 1px solid rgba(139, 92, 246, .45);
      border-radius: 4px;
      background: rgba(8,6,20,.72);
      box-shadow: inset 0 0 10px rgba(0,0,0,.36), 0 0 8px rgba(139, 92, 246, .08);
      transition: background .15s ease, border-color .15s ease, box-shadow .15s ease;
    }

    .event-switch.event-mode-card input:not(.ely-toggle-input):checked {
      border-color: rgba(52, 211, 153, .55);
      background: linear-gradient(135deg, rgba(52, 211, 153, .35), rgba(16, 120, 87, .55));
      box-shadow: inset 0 0 12px rgba(52, 211, 153, .12), 0 0 12px rgba(52, 211, 153, .2);
    }

    .tabs {
      display: flex;
      flex-wrap: wrap;
      gap: 7px;
    }

    #bpTabs {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tab-btn {
      min-height: 34px;
      padding: 0 9px;
      font-size: 12px;
    }

    .scroll-list {
      max-height: 244px;
      overflow: auto;
      display: grid;
      gap: 8px;
      padding-right: 3px;
    }

    .search-box {
      margin: 10px 0;
    }

    .checks {
      display: grid;
      gap: 8px;
    }

    .check-row {
      display: flex;
      gap: 9px;
      align-items: center;
      min-height: 38px;
      padding: 8px;
      border: 1px solid rgba(139, 92, 246, .24);
      border-radius: 7px;
      background: rgba(255,255,255,.045);
      color: #f0edff;
      font-size: 13px;
      font-weight: 750;
      overflow: hidden;
    }

    .check-row input:not(.ely-toggle-input) {
      width: 16px;
      min-height: 16px;
      accent-color: var(--purple);
      flex: 0 0 auto;
    }

    .check-row span:not(.ely-toggle-ui):not(.ely-toggle-thumb):not(.ely-toggle-track):not(.ely-toggle-label) {
      min-width: 0;
      overflow-wrap: anywhere;
    }

    .ely-toggle-row {
      position: relative;
      cursor: pointer;
      display: flex;
      align-items: center;
      gap: 12px;
      min-height: 42px;
      padding: 10px 12px;
      border: 1px solid rgba(139, 92, 246, .38);
      border-radius: 11px;
      background: linear-gradient(148deg, rgba(44, 36, 102, .5), rgba(8, 6, 22, .78));
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, .07);
      transition: border-color .2s ease, box-shadow .2s ease, transform .18s ease;
    }

    .ely-toggle-row:hover {
      border-color: rgba(139, 92, 246, .58);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 0 22px rgba(139, 92, 246, .18);
    }

    .ely-toggle-input {
      position: absolute;
      left: 12px;
      top: 50%;
      width: 44px;
      height: 28px;
      margin: 0;
      opacity: 0;
      cursor: pointer;
      transform: translateY(-50%);
      z-index: 2;
    }

    .ely-toggle-row:has(.ely-toggle-input:focus-visible) {
      outline: 2px solid rgba(167, 139, 250, .55);
      outline-offset: 2px;
    }

    .ely-toggle-ui {
      flex: 0 0 auto;
      display: flex;
      align-items: center;
      pointer-events: none;
    }

    .ely-toggle-track {
      display: block;
      width: 44px;
      height: 26px;
      border-radius: 999px;
      background: rgba(10, 8, 26, .92);
      border: 1px solid rgba(139, 92, 246, .4);
      box-shadow: inset 0 2px 10px rgba(0, 0, 0, .5);
      position: relative;
      transition: background .22s ease, border-color .22s ease, box-shadow .22s ease;
    }

    .ely-toggle-thumb {
      position: absolute;
      top: 3px;
      left: 3px;
      width: 20px;
      height: 20px;
      border-radius: 50%;
      background: linear-gradient(165deg, #e8e4ff, #8b5cf6 52%, #322060);
      box-shadow: 0 0 14px rgba(139, 92, 246, .35), 0 2px 6px rgba(0, 0, 0, .4);
      transition: transform .22s ease, background .22s ease, box-shadow .22s ease;
    }

    .ely-toggle-input:checked + .ely-toggle-ui .ely-toggle-track {
      background: linear-gradient(90deg, rgba(18, 21, 38, .96), rgba(139, 92, 246, .62));
      border-color: rgba(125, 211, 252, .32);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 0 24px rgba(139, 92, 246, .38);
    }

    .ely-toggle-input:checked + .ely-toggle-ui .ely-toggle-thumb {
      transform: translateX(18px);
      background: linear-gradient(165deg, #e8f8ff, #7dd3fc 38%, #8b5cf6);
      box-shadow: 0 0 16px rgba(139, 92, 246, .22), 0 2px 8px rgba(0, 0, 0, .28);
    }

    .ely-toggle-label {
      flex: 1 1 auto;
      min-width: 0;
      font-size: 13px;
      font-weight: 650;
      color: #f3efff;
      line-height: 1.38;
      overflow-wrap: anywhere;
      pointer-events: none;
    }

    .event-switch.event-mode-card.ely-event-mode {
      gap: 14px;
    }

    .event-switch.event-mode-card.ely-event-mode .ely-toggle-input {
      left: 14px;
    }

    .event-switch.event-mode-card.ely-event-mode .ely-event-mode-label {
      flex: 1 1 auto;
      position: relative;
      z-index: 1;
      font-size: 14px;
      letter-spacing: .04em;
      text-transform: uppercase;
      font-weight: 900;
      color: #e8e4ff;
      margin: 0;
      pointer-events: none;
    }

    .event-switch.event-mode-card.ely-event-mode .ely-toggle-ui {
      position: relative;
      z-index: 1;
    }

    .event-switch.event-mode-card.ely-event-mode::before {
      z-index: 0;
    }

    .summary-total span {
      display: block;
      color: #fff;
      font-family: var(--display);
      font-size: 17px;
      line-height: 1;
    }

    .summary-total small {
      display: block;
      color: var(--muted);
      margin-top: 4px;
      font-size: 11px;
      line-height: 1.25;
    }

    .summary-total {
      padding: 13px 14px 14px;
      border-top: 1px solid var(--line);
      background: rgba(0,0,0,.18);
      flex: 0 0 auto;
    }

    .summary-total--idle .usd-hint-text:empty {
      display: none;
    }

    .summary-total--idle span.live-total-text {
      font-size: 15px;
      font-weight: 650;
      letter-spacing: .04em;
      color: var(--muted);
      text-shadow: none;
      line-height: 1.35;
    }

    .summary-total span {
      color: var(--price);
      font-size: 34px;
      font-weight: 900;
      letter-spacing: .015em;
      text-shadow: 0 0 24px rgba(167, 139, 250, .14);
    }

    .summary-total .old-total {
      display: inline-block;
      margin-right: 8px;
      color: rgba(255,255,255,.46);
      font-size: .62em;
      text-shadow: none;
    }

    .summary-total em {
      display: block;
      color: var(--soft);
      font-style: normal;
      font-size: 12px;
      margin-top: 4px;
    }

    .cart-backdrop {
      position: fixed;
      inset: 0;
      display: none;
      justify-items: end;
      z-index: 90;
      padding: 18px;
      background: rgba(0,0,0,.72);
    }

    .cart-backdrop.active { display: grid; }

    .id-modal-backdrop {
      position: fixed;
      inset: 0;
      z-index: 120;
      display: none;
      place-items: center;
      padding: 20px;
      background: rgba(0,0,0,.72);
      backdrop-filter: blur(10px);
    }

    .id-modal-backdrop.active {
      display: grid;
    }

    .id-modal {
      width: min(480px, 100%);
      padding: 20px;
      border: 1px solid rgba(139, 92, 246,.38);
      border-radius: var(--radius);
      background:
        radial-gradient(circle at 20% 0%, rgba(139, 92, 246,.24), transparent 42%),
        linear-gradient(180deg, rgba(18, 21, 38, .96), rgba(7, 10, 18, .98));
      box-shadow: var(--shadow);
    }

    .id-modal h2 {
      margin: 0 0 8px;
      color: var(--cyan);
      font-family: var(--display);
      font-size: 28px;
      letter-spacing: .06em;
      text-transform: uppercase;
    }

    .id-modal p {
      margin: 0 0 14px;
      color: var(--muted);
      line-height: 1.45;
      font-weight: 700;
    }

    .id-modal label {
      display: block;
      margin-bottom: 6px;
      color: var(--cyan);
      font-family: var(--display);
      font-size: 14px;
      letter-spacing: .06em;
      text-transform: uppercase;
    }

    .id-modal input {
      width: 100%;
      min-height: 48px;
      border-radius: 8px;
      border: 1px solid rgba(139, 92, 246,.5);
      background: rgba(12, 16, 28, .88);
      color: #fff;
      padding: 0 13px;
      font: 800 16px var(--font);
      outline: none;
    }

    .id-modal-actions {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 10px;
      margin-top: 12px;
    }

    .id-modal-actions .btn {
      min-height: 48px;
      font-size: 22px;
    }

    .btn-danger {
      border-color: rgba(255, 77, 109, .5);
      background: linear-gradient(180deg, rgba(130, 31, 52, .86), rgba(48, 12, 24, .92));
      color: #ffe8ee;
    }

    .drawer {
      width: min(460px, 100%);
      height: calc(100svh - 36px);
      display: flex;
      flex-direction: column;
      overflow: hidden;
      border: 1px solid var(--line-strong);
      border-radius: var(--radius);
      background: linear-gradient(165deg, rgba(18, 21, 38, .97), rgba(7, 10, 18, .98));
      box-shadow:
        var(--shadow),
        0 0 0 1px rgba(125, 211, 252, .06);
    }

    .drawer.drawer--wide {
      width: min(1040px, 100%);
      max-width: calc(100vw - 24px);
    }

    .drawer.drawer--wide .drawer-head h2 {
      font-size: 22px;
      letter-spacing: .06em;
    }

    .drawer-head, .drawer-foot {
      padding: 16px;
      border-bottom: 1px solid var(--line);
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
    }

    .drawer-head {
      flex-wrap: wrap;
    }

    .drawer-head-right {
      display: flex;
      align-items: center;
      gap: 8px;
      flex-shrink: 0;
    }

    .btn-cart-compact {
      padding: 7px 11px;
      min-height: 36px;
      border-radius: 8px;
      border: 1px solid rgba(155, 104, 255, .42);
      background: rgba(22, 18, 52, .75);
      color: rgba(231, 226, 255, .95);
      font-family: var(--display);
      font-size: 11px;
      font-weight: 800;
      letter-spacing: .07em;
      text-transform: uppercase;
      cursor: pointer;
      transition: border-color .18s ease, box-shadow .18s ease;
    }

    .btn-cart-compact:hover {
      border-color: rgba(167, 139, 250, .48);
      box-shadow: 0 0 14px rgba(139, 92, 246, .18);
    }

    .btn-cart-compact:focus-visible {
      outline: 2px solid rgba(167, 139, 250, .45);
      outline-offset: 2px;
    }

    .drawer-foot {
      border-top: 1px solid var(--line);
      border-bottom: 0;
      align-items: stretch;
      flex-direction: column;
      flex-shrink: 0;
      gap: 8px;
      background: linear-gradient(180deg, rgba(7, 10, 18, .72), rgba(18, 21, 38, .995));
      box-shadow: 0 -16px 40px rgba(0, 0, 0, .42);
    }

    .drawer-head h2 {
      margin: 0;
      font-family: var(--display);
      font-size: 26px;
      text-transform: uppercase;
      letter-spacing: .04em;
    }

    .drawer-body {
      flex: 1;
      min-height: 0;
      overflow: auto;
      padding: 18px 18px 22px;
    }

    .order-center {
      display: grid;
      grid-template-columns: minmax(280px, 1fr) minmax(300px, 1.12fr);
      gap: 22px;
      align-items: start;
    }

    .order-center__left {
      display: flex;
      flex-direction: column;
      gap: 16px;
      position: sticky;
      top: 0;
      align-self: start;
    }

    .order-center__right {
      display: flex;
      flex-direction: column;
      gap: 14px;
      min-width: 0;
    }

    .order-meta-card {
      padding: 14px 16px 16px;
      border-radius: 12px;
      border: 1px solid rgba(139, 92, 246, .35);
      background: linear-gradient(165deg, rgba(22, 18, 48, .72), rgba(8, 7, 22, .88));
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06);
    }

    .order-meta-card--preview .order-meta-k {
      font-family: var(--display);
      font-size: 11px;
      font-weight: 800;
      letter-spacing: .12em;
      text-transform: uppercase;
      color: rgba(196, 181, 253, .78);
      margin-bottom: 8px;
    }

    .order-preview-id-strong {
      font-family: var(--display);
      font-size: 20px;
      font-weight: 800;
      letter-spacing: .1em;
      text-transform: uppercase;
      color: #fef3c7;
      word-break: break-word;
    }

    .order-checklist-card,
    .order-discord-panel {
      padding: 16px 18px 18px;
      border-radius: 12px;
      border: 1px solid rgba(139, 92, 246, .28);
      background: rgba(10, 12, 22, .55);
    }

    .order-checklist-card__title,
    .order-discord-panel__title {
      margin: 0 0 12px;
      font-family: var(--display);
      font-size: 13px;
      font-weight: 800;
      letter-spacing: .1em;
      text-transform: uppercase;
      color: rgba(125, 211, 252, .88);
    }

    .cart-checklist--spacious {
      gap: 4px;
    }

    .cart-checklist--spacious .cart-checklist-row {
      padding: 10px 12px;
      border-radius: 10px;
      font-size: 14px;
      line-height: 1.35;
      background: rgba(7, 10, 18, .45);
      border: 1px solid rgba(139, 92, 246, .15);
    }

    .order-discord-panel__list {
      margin: 0;
      padding-left: 1.15rem;
      color: var(--text);
      font-size: 14px;
      line-height: 1.5;
    }

    .order-discord-panel__list li {
      margin: 0 0 8px;
    }

    .order-safety-note {
      margin: 0;
      padding: 12px 14px;
      border-radius: 10px;
      border: 1px solid rgba(225, 29, 72, .28);
      background: rgba(60, 12, 28, .22);
      font-size: 13px;
      line-height: 1.45;
      font-weight: 600;
      color: #fecdd3;
    }

    .order-lines-head .order-lines-title {
      margin: 0 0 6px;
      font-family: var(--display);
      font-size: 15px;
      font-weight: 800;
      letter-spacing: .08em;
      text-transform: uppercase;
      color: #e8e0ff;
    }

    .order-lines-copy {
      margin: 0;
      font-size: 14px;
      color: var(--muted);
      line-height: 1.45;
    }

    .order-lines-list {
      display: flex;
      flex-direction: column;
      gap: 14px;
    }

    .cart-qty-control {
      display: inline-flex;
      align-items: center;
      gap: 4px;
      vertical-align: middle;
    }

    .cart-qty-btn {
      width: 34px;
      min-height: 34px;
      padding: 0;
      border-radius: 9px;
      border: 1px solid rgba(139, 92, 246, .45);
      background: rgba(18, 21, 38, .75);
      color: #f4f7ff;
      font-size: 18px;
      font-weight: 700;
      line-height: 1;
      cursor: pointer;
      transition: border-color .18s ease, background .18s ease;
    }

    .cart-qty-btn:hover:not(:disabled) {
      border-color: rgba(251, 191, 36, .55);
      background: rgba(30, 24, 60, .9);
    }

    .cart-qty-btn:disabled {
      opacity: 0.35;
      cursor: not-allowed;
    }

    .cart-qty-val {
      min-width: 1.75rem;
      text-align: center;
      font-family: var(--display);
      font-weight: 800;
      font-size: 15px;
    }

    .cart-checkout-dock {
      margin-top: 6px;
      padding-top: 16px;
      border-top: 1px solid rgba(139, 92, 246, .22);
    }

    .order-checkout-strip {
      display: flex;
      flex-direction: column;
      gap: 10px;
    }

    .order-summary-totals small {
      display: block;
      font-family: var(--display);
      font-size: 11px;
      letter-spacing: .1em;
      text-transform: uppercase;
      color: rgba(196, 181, 253, .78);
      margin-bottom: 4px;
    }

    .order-summary-totals #cartTotal {
      font-family: var(--display);
      font-size: 26px;
      font-weight: 800;
      letter-spacing: .04em;
      color: #fef3c7;
    }

    .order-summary-totals #cartUsdHint {
      display: block;
      margin-top: 6px;
      font-size: 12px;
      color: var(--muted);
      font-style: normal;
    }

    .order-actions-primary {
      display: flex;
      flex-direction: column;
      gap: 10px;
    }

    .btn-order-copy,
    .btn-order-receipt {
      min-height: 44px;
      padding: 10px 18px;
      font-size: 14px;
      font-weight: 800;
      letter-spacing: .05em;
      text-transform: uppercase;
    }

    .btn-ghost.btn-order-discord {
      min-height: 40px;
      padding: 8px 16px;
      font-size: 13px;
      font-weight: 700;
      letter-spacing: .06em;
      text-transform: uppercase;
      text-align: center;
      border: 1px solid rgba(139, 92, 246, .35);
      background: rgba(12, 14, 24, .5);
      color: #e8e4ff;
    }

    .btn-ghost.btn-order-discord:hover {
      border-color: rgba(167, 139, 250, .55);
      color: #fff;
    }

    .order-actions-tertiary {
      display: flex;
      flex-wrap: wrap;
      gap: 14px 18px;
      margin-top: 4px;
      padding-top: 4px;
    }

    .btn-text {
      padding: 0;
      margin: 0;
      border: 0;
      background: none;
      font: inherit;
      font-size: 13px;
      font-weight: 600;
      color: rgba(167, 180, 220, .88);
      text-decoration: underline;
      text-underline-offset: 3px;
      cursor: pointer;
    }

    .btn-text:hover {
      color: #fff;
    }

    .copy-success-modal .copy-success-actions {
      display: flex;
      flex-direction: column;
      gap: 10px;
      align-items: stretch;
    }

    .copy-success-modal .copy-success-receipt-note {
      margin: 0 0 14px;
      font-size: 12px;
      color: rgba(167, 174, 192, .85);
    }

    .copy-success-discord-primary {
      min-height: 48px;
    }

    .copy-success-receipt-secondary {
      min-height: 42px;
    }

    .copy-success-close-tertiary {
      font-size: 13px;
      opacity: .75;
    }

    .copy-success-sub {
      margin: 12px 0 8px;
      font-size: 13px;
      letter-spacing: .08em;
      text-transform: uppercase;
      font-family: var(--display);
      color: rgba(125, 211, 252, .82);
    }

    #cartDrawerFoot:empty {
      display: none;
    }

    .drawer--cart-compact .order-center__left {
      position: static;
    }

    .drawer--cart-compact .order-center__left:not(:has(.cart-embark-panel)) {
      display: none;
    }

    .drawer--cart-compact .order-center__left:has(.cart-embark-panel) > *:not(.cart-embark-panel) {
      display: none;
    }

    .drawer--cart-compact .order-center__left:has(.cart-embark-panel) {
      gap: 0;
      margin-bottom: 4px;
    }

    .drawer--cart-compact .order-center {
      grid-template-columns: 1fr;
    }

    .drawer--cart-compact .order-lines-copy {
      display: none;
    }

    .drawer--cart-compact .cart-receipt-dl-row--extra {
      display: none;
    }

    .drawer--cart-compact .cart-receipt-section--breakdown {
      display: none;
    }

    .drawer--cart-compact .cart-receipt-delivery {
      display: none;
    }

    .drawer--cart-compact .cart-receipt-hint {
      display: none;
    }

    .drawer--cart-compact .cart-verify-note {
      display: none;
    }

    .drawer--cart-compact .btn-order-receipt {
      display: none;
    }

    .drawer--cart-compact .order-actions-tertiary #cartFeedbackLink {
      display: none;
    }

    .close {
      width: 38px;
      min-height: 38px;
      padding: 0;
      font-size: 22px;
      line-height: 1;
    }

    .cart-embark-panel {
      margin: 0 0 10px;
      padding: 11px 13px;
      border-radius: 10px;
      border: 1px solid rgba(139, 92, 246, .48);
      background:
        radial-gradient(circle at 12% 20%, rgba(139, 92, 246, .22), transparent 42%),
        linear-gradient(180deg, rgba(18, 21, 38, .62), rgba(7, 10, 18, .94));
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .07),
        0 14px 36px rgba(0, 0, 0, .28);
    }

    .cart-embark-label {
      margin: 0 0 8px;
      font-family: var(--display);
      font-size: 11px;
      font-weight: 800;
      letter-spacing: .14em;
      text-transform: uppercase;
      color: rgba(125, 211, 252, .88);
    }

    .cart-embark-value {
      margin: 0;
      font-family: var(--display);
      font-size: 19px;
      font-weight: 800;
      letter-spacing: .03em;
      line-height: 1.3;
      color: #f4f7ff;
      overflow-wrap: anywhere;
    }

    .cart-embark-btn {
      margin-top: 10px;
      width: 100%;
      min-height: 40px;
      border-radius: 10px;
      border: 1px solid rgba(139, 92, 246, .4);
      background: linear-gradient(135deg, rgba(139, 92, 246, .22), rgba(12, 14, 24, .92));
      color: #e8e4ff;
      font-family: var(--display);
      font-size: 12px;
      font-weight: 800;
      letter-spacing: .08em;
      text-transform: uppercase;
      cursor: pointer;
      transition: transform .18s ease, border-color .18s ease;
    }

    .cart-embark-btn:hover {
      transform: translateY(-1px);
      border-color: rgba(167, 139, 250, .55);
    }

    .cart-embark-warn {
      margin: 8px 0 0;
      font-size: 12px;
      font-weight: 700;
      color: rgba(255, 184, 200, .92);
      line-height: 1.4;
    }

    .cart-embark-k {
      display: inline-block;
      margin-right: 8px;
      font-size: 12px;
      font-weight: 800;
      letter-spacing: .1em;
      text-transform: uppercase;
      color: rgba(183, 176, 223, .95);
      vertical-align: middle;
    }

    .cart-item h3 {
      margin: 0;
      font-family: var(--display);
      font-size: 18px;
      line-height: 1.12;
      text-transform: uppercase;
      overflow-wrap: anywhere;
      letter-spacing: .04em;
    }

    .cart-item-game {
      margin: 6px 0 0;
      font-family: var(--display);
      font-size: 11px;
      font-weight: 800;
      letter-spacing: .1em;
      text-transform: uppercase;
      color: rgba(183, 176, 223, .9);
    }

    .cart-item--receipt .cart-receipt-head {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 10px;
      padding-bottom: 10px;
      margin-bottom: 8px;
      border-bottom: 1px solid rgba(139, 92, 246, .22);
    }

    .cart-item--receipt .cart-receipt-num {
      flex: none;
      font-family: var(--display);
      font-size: 11px;
      font-weight: 800;
      letter-spacing: .12em;
      color: rgba(183, 176, 223, .55);
    }

    .cart-item--receipt .cart-receipt-title {
      margin: 0;
      flex: 1;
      text-align: right;
      font-family: var(--display);
      font-size: 16px;
      line-height: 1.15;
      text-transform: uppercase;
      letter-spacing: .04em;
      overflow-wrap: anywhere;
    }

    .cart-receipt-dl {
      margin: 0;
      display: grid;
      gap: 8px;
    }

    .cart-receipt-dl > div {
      display: grid;
      grid-template-columns: minmax(92px, 34%) minmax(0, 1fr);
      gap: 8px 12px;
      align-items: baseline;
      font-size: 12px;
    }

    .cart-receipt-dl dt {
      margin: 0;
      font-family: var(--display);
      font-size: 10px;
      font-weight: 800;
      letter-spacing: .1em;
      text-transform: uppercase;
      color: rgba(183, 176, 223, .72);
    }

    .cart-receipt-dl dd {
      margin: 0;
      color: var(--text);
      font-weight: 650;
      line-height: 1.35;
      overflow-wrap: anywhere;
    }

    .cart-receipt-section {
      margin-top: 10px;
    }

    .cart-receipt-k {
      margin: 0 0 6px;
      font-family: var(--display);
      font-size: 10px;
      font-weight: 800;
      letter-spacing: .1em;
      text-transform: uppercase;
      color: rgba(167, 139, 250, .88);
    }

    .cart-receipt-delivery,
    .cart-receipt-note {
      margin: 10px 0 0;
      padding: 8px 10px;
      border-radius: 8px;
      border: 1px solid rgba(139, 92, 246, .2);
      background: rgba(8, 7, 18, .55);
      font-size: 11px;
      line-height: 1.45;
      color: var(--muted);
    }

    .cart-receipt-note strong,
    .cart-receipt-delivery strong {
      display: block;
      margin-bottom: 4px;
      font-family: var(--display);
      font-size: 10px;
      letter-spacing: .1em;
      text-transform: uppercase;
      color: rgba(230, 224, 255, .88);
    }

    .cart-item-price-inline {
      font-family: var(--display);
      font-weight: 800;
      font-size: 15px;
      letter-spacing: .03em;
      color: var(--price);
    }

    .cart-item-price-inline .estimated-tag {
      margin-right: 6px;
    }

    .cart-receipt-hint {
      margin: 6px 0 0;
      font-size: 11px;
      line-height: 1.4;
      color: rgba(183, 176, 223, .78);
    }

    .cart-item-detail-body {
      margin: 0;
      color: var(--muted);
      white-space: pre-wrap;
      line-height: 1.5;
      font-size: 12px;
      overflow-wrap: anywhere;
      max-height: 168px;
      overflow-y: auto;
      padding: 8px 10px;
      border-radius: 8px;
      border: 1px solid rgba(139, 92, 246, .14);
      background: rgba(5, 4, 12, .4);
      scrollbar-width: thin;
    }

    .drawer--cart-compact .order-discord-panel,
    .drawer--cart-compact .order-safety-note {
      display: none;
    }

    .drawer--cart-compact .cart-continue-wrap {
      display: none;
    }

    .drawer--cart-compact .cart-foot-alerts {
      margin-bottom: 0;
    }

    .drawer--cart-compact .cart-item-detail-body {
      max-height: 200px;
    }

    .cart-item-top {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(108px, 38%);
      gap: 12px;
      align-items: start;
    }

    .cart-item-main {
      min-width: 0;
    }

    .cart-item-price {
      display: flex;
      flex-direction: column;
      align-items: flex-end;
      font-family: var(--display);
      font-size: 17px;
      font-weight: 800;
      color: var(--price);
      text-align: right;
      line-height: 1.2;
      letter-spacing: .03em;
      justify-self: end;
      word-break: break-word;
    }

    .cart-item-price .estimated-tag {
      display: inline-flex;
      margin: 0 0 6px;
      vertical-align: middle;
    }

    .remove {
      align-self: flex-start;
      margin-top: 0;
      min-height: 32px;
      padding: 0 11px;
      border-color: rgba(244, 63, 94, .5);
      color: #ffd7df;
      font-size: 11px;
    }

    .empty {
      padding: 32px 10px;
      color: var(--muted);
      text-align: center;
      line-height: 1.6;
    }

    .estimated-tag {
      display: inline-flex;
      align-items: center;
      margin-left: 8px;
      padding: 2px 8px;
      border: 1px solid rgba(255,209,102,.58);
      border-radius: 999px;
      background: linear-gradient(135deg, rgba(139, 92, 246,.32), rgba(255,209,102,.28));
      color: #fff7d6;
      font-family: var(--font);
      font-size: 11px;
      font-weight: 950;
      text-transform: uppercase;
      letter-spacing: .08em;
      vertical-align: middle;
      white-space: nowrap;
    }

    .cart-estimate-note {
      margin: 8px 0 0;
      padding: 8px 10px;
      border: 1px dashed rgba(255,209,102,.45);
      border-radius: 8px;
      background: rgba(255,209,102,.08);
      color: #ffe7b8;
      font-size: 12px;
      font-weight: 700;
      line-height: 1.4;
    }

    .copy-status {
      min-height: 20px;
      color: rgba(212, 196, 255, .95);
      font-weight: 800;
      font-size: 13px;
    }

    .cart-verify-note {
      margin: 0;
      padding: 8px 10px;
      border-radius: 8px;
      border: 1px solid rgba(139, 92, 246, .35);
      background: rgba(12, 10, 32, .55);
      color: rgba(200, 192, 236, .95);
      font-size: 12px;
      font-weight: 650;
      line-height: 1.45;
    }

    .order-receipt-capture {
      font-family: var(--font);
      color: #f7f5ff;
      background: #0a0721;
      box-sizing: border-box;
      -webkit-font-smoothing: antialiased;
    }

    .order-receipt-inner {
      width: 560px;
      max-width: 560px;
      padding: 26px 24px 20px;
      border: 2px solid rgba(155, 104, 255, .58);
      border-radius: 14px;
      background:
        radial-gradient(ellipse 80% 40% at 50% 0%, rgba(139, 92, 246, .2), transparent 52%),
        linear-gradient(180deg, rgba(30, 24, 68, .99), rgba(6, 5, 16, .995));
      box-shadow:
        0 0 48px rgba(139, 92, 246, .18),
        inset 0 1px 0 rgba(255, 255, 255, .07);
    }

    .order-receipt-header {
      display: flex;
      align-items: center;
      gap: 14px;
      margin-bottom: 14px;
      padding-bottom: 12px;
      border-bottom: 1px solid rgba(155, 104, 255, .32);
    }

    .order-receipt-logo {
      width: 48px;
      height: 48px;
      border-radius: 999px;
      object-fit: cover;
      border: 1px solid rgba(255, 255, 255, .2);
      flex-shrink: 0;
    }

    .order-receipt-title-block h1 {
      margin: 0;
      font-family: var(--display);
      font-size: 17px;
      font-weight: 800;
      letter-spacing: .12em;
      text-transform: uppercase;
      color: #fff9fc;
      line-height: 1.15;
    }

    .order-receipt-meta {
      margin: 5px 0 0;
      font-size: 12px;
      color: rgba(183, 176, 223, .92);
      font-weight: 600;
    }

    .order-receipt-section {
      margin-top: 14px;
      padding-top: 2px;
    }

    .order-receipt-section h2 {
      margin: 0 0 8px;
      font-family: var(--display);
      font-size: 12px;
      font-weight: 800;
      letter-spacing: .11em;
      text-transform: uppercase;
      color: rgba(191, 252, 255, .85);
    }

    .order-receipt-embark-box {
      padding: 10px 12px;
      border-radius: 10px;
      border: 1px solid rgba(139, 92, 246, .35);
      background: rgba(139, 92, 246, .1);
      font-size: 14px;
      font-weight: 750;
      color: #f4f7ff;
      line-height: 1.4;
      word-break: break-word;
    }

    .order-receipt-embark-box strong {
      display: block;
      margin-bottom: 4px;
      font-size: 11px;
      font-weight: 900;
      letter-spacing: .1em;
      text-transform: uppercase;
      color: rgba(125, 211, 252, .82);
    }

    .order-receipt-item {
      margin-bottom: 14px;
      padding: 12px 12px 11px;
      border-radius: 10px;
      border: 1px solid rgba(155, 104, 255, .38);
      background: rgba(12, 10, 32, .55);
    }

    .order-receipt-item-head {
      font-family: var(--display);
      font-size: 15px;
      font-weight: 800;
      letter-spacing: .05em;
      text-transform: uppercase;
      color: #fdf8ff;
      line-height: 1.25;
      margin-bottom: 6px;
    }

    .order-receipt-item-game {
      font-size: 11px;
      font-weight: 800;
      letter-spacing: .09em;
      text-transform: uppercase;
      color: rgba(191, 252, 255, .75);
      margin-bottom: 8px;
    }

    .order-receipt-item-details {
      font-size: 12px;
      line-height: 1.5;
      color: rgba(220, 214, 248, .95);
      white-space: pre-wrap;
      overflow-wrap: anywhere;
      margin-bottom: 8px;
    }

    .order-receipt-item-price {
      font-family: var(--display);
      font-size: 15px;
      font-weight: 800;
      color: var(--price);
      letter-spacing: .03em;
    }

    .order-receipt-item-curr {
      margin-top: 4px;
      font-size: 11px;
      font-weight: 700;
      color: rgba(183, 176, 223, .88);
    }

    .order-receipt-totals {
      margin-top: 8px;
      padding: 14px 12px;
      border-radius: 10px;
      border: 1px solid rgba(139, 92, 246, .32);
      background: rgba(20, 24, 39, .55);
    }

    .order-receipt-totals .order-receipt-total-line {
      display: flex;
      justify-content: space-between;
      gap: 12px;
      font-size: 13px;
      font-weight: 750;
      color: rgba(231, 226, 255, .95);
      margin-bottom: 6px;
    }

    .order-receipt-totals .order-receipt-total-line:last-child {
      margin-bottom: 0;
    }

    .order-receipt-totals .order-receipt-grand {
      margin-top: 10px;
      padding-top: 10px;
      border-top: 1px solid rgba(139, 92, 246, .28);
      font-family: var(--display);
      font-size: 19px;
      font-weight: 800;
      color: var(--price);
      letter-spacing: .04em;
    }

    .order-receipt-foot {
      margin-top: 18px;
      padding-top: 12px;
      border-top: 1px solid rgba(155, 104, 255, .25);
      font-size: 11px;
      font-weight: 750;
      letter-spacing: .06em;
      text-transform: uppercase;
      color: rgba(183, 176, 223, .82);
      text-align: center;
    }

    .toast {
      position: fixed;
      left: 50%;
      bottom: 18px;
      z-index: 120;
      transform: translateX(-50%) translateY(22px);
      opacity: 0;
      border: 1px solid var(--line-strong);
      border-radius: 8px;
      background: linear-gradient(180deg, rgba(18, 21, 38, .98), rgba(7, 10, 18, .98));
      color: #fff;
      box-shadow: var(--shadow);
      padding: 11px 14px;
      font-weight: 800;
      pointer-events: none;
      transition: opacity .18s ease, transform .18s ease;
    }

    .toast.active {
      opacity: 1;
      transform: translateX(-50%) translateY(0);
    }

    .toast.toast--error {
      border-color: rgba(255, 77, 109, .55);
      background: linear-gradient(180deg, rgba(52, 14, 22, .98), rgba(12, 8, 16, .98));
      color: #ffe8ee;
    }

    .cart-continue-wrap {
      margin-top: 14px;
      padding-top: 4px;
    }

    .cart-qty-pill {
      display: inline-block;
      margin-left: 8px;
      padding: 3px 9px;
      border-radius: 999px;
      border: 1px solid rgba(139, 92, 246, .35);
      background: rgba(139, 92, 246, .12);
      color: #e8e4ff;
      font-family: var(--display);
      font-size: 14px;
      font-weight: 800;
      letter-spacing: .04em;
      vertical-align: middle;
    }

    .cart-foot-alerts {
      display: flex;
      flex-direction: column;
      gap: 6px;
      margin-bottom: 2px;
    }

    .cart-foot-alerts:empty {
      display: none;
    }

    .cart-inline-warn {
      padding: 8px 10px;
      border-radius: 8px;
      border: 1px solid rgba(255, 77, 109, .42);
      background: linear-gradient(135deg, rgba(130, 31, 52, .35), rgba(18, 21, 38, .92));
      color: #ffe8ee;
      font-size: 12px;
      font-weight: 750;
      line-height: 1.45;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05);
    }

    .cart-ready-banner {
      padding: 11px 14px;
      border-radius: 10px;
      border: 1px solid rgba(139, 92, 246, .38);
      background:
        radial-gradient(circle at 8% 30%, rgba(139, 92, 246, .18), transparent 46%),
        linear-gradient(180deg, rgba(20, 24, 39, .76), rgba(7, 10, 16, .96));
      font-family: var(--display);
      font-size: 14px;
      font-weight: 800;
      letter-spacing: .06em;
      text-transform: uppercase;
      color: #e8e4ff;
      text-align: center;
    }

    .cart-checklist {
      padding: 6px 8px;
      border-radius: 8px;
      border: 1px solid rgba(139, 92, 246, .32);
      background: rgba(12, 10, 32, .72);
      display: grid;
      gap: 4px;
    }

    .cart-checklist-row {
      display: flex;
      align-items: flex-start;
      gap: 7px;
      font-size: 11px;
      font-weight: 650;
      color: var(--muted);
      line-height: 1.35;
    }

    .cart-checklist-row.is-done {
      color: rgba(244, 247, 255, .88);
    }

    .cart-checklist-row .chk {
      flex: 0 0 auto;
      width: 17px;
      height: 17px;
      border-radius: 5px;
      display: grid;
      place-items: center;
      font-size: 10px;
      font-weight: 900;
      border: 1px solid rgba(139, 92, 246, .35);
      background: rgba(255, 255, 255, .04);
      color: rgba(183, 176, 223, .9);
    }

    .cart-checklist-row.is-done .chk {
      border-color: rgba(255, 209, 102, .45);
      background: rgba(139, 92, 246, .18);
      color: #fde68a;
    }

    .cart-empty-card {
      padding: 28px 20px 22px;
      border-radius: 12px;
      border: 1px solid rgba(139, 92, 246, .38);
      background:
        radial-gradient(circle at 50% 0%, rgba(139, 92, 246, .2), transparent 55%),
        linear-gradient(180deg, rgba(18, 21, 38, .55), rgba(7, 10, 18, .94));
      text-align: center;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 16px 44px rgba(0, 0, 0, .28);
    }

    .cart-empty-card .cart-empty-icon {
      font-size: 28px;
      line-height: 1;
      margin-bottom: 10px;
      opacity: .88;
    }

    .cart-empty-card p {
      margin: 0 0 16px;
      color: var(--muted);
      font-size: 14px;
      font-weight: 600;
      line-height: 1.5;
    }

    .cart-empty-title {
      font-family: var(--display);
      font-size: 17px;
      color: var(--text);
      margin: 0 0 8px;
      text-transform: uppercase;
      letter-spacing: .06em;
    }

    .cart-empty-sub {
      margin: 0 0 18px !important;
      font-size: 13px !important;
      font-weight: 650 !important;
    }

    .cart-empty-secondary {
      margin-top: 10px;
      width: 100%;
    }

    .order-summary-banner {
      margin-bottom: 12px;
      padding: 12px 14px;
      border-radius: 12px;
      border: 1px solid rgba(139, 92, 246, .32);
      background: linear-gradient(145deg, rgba(20, 16, 36, .9), rgba(8, 7, 16, .95));
    }

    .order-preview-id {
      display: flex;
      flex-wrap: wrap;
      align-items: baseline;
      gap: 8px 14px;
      margin-bottom: 8px;
    }

    .order-preview-k {
      font-family: var(--display);
      font-size: 10px;
      font-weight: 800;
      letter-spacing: .12em;
      text-transform: uppercase;
      color: rgba(183, 176, 223, .75);
    }

    .order-preview-id strong {
      font-family: var(--display);
      font-size: 18px;
      letter-spacing: .12em;
      color: #fde68a;
    }

    .order-context-panel {
      margin-bottom: 14px;
      padding: 12px 14px 14px;
      border-radius: 12px;
      border: 1px solid rgba(139, 92, 246, .22);
      background: rgba(8, 7, 18, .55);
    }

    .order-context-panel--minimal {
      padding: 10px 14px;
    }

    .order-context-panel--minimal .order-context-hint {
      margin: 0;
    }

    .order-context-title {
      font-family: var(--display);
      font-size: 11px;
      font-weight: 800;
      letter-spacing: .12em;
      text-transform: uppercase;
      color: rgba(167, 139, 250, .9);
      margin: 0 0 10px;
    }

    .order-context-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px 12px;
    }

    .order-context-field {
      display: flex;
      flex-direction: column;
      gap: 4px;
      min-width: 0;
    }

    .order-context-field--wide {
      grid-column: 1 / -1;
    }

    .order-context-k {
      font-size: 10px;
      font-weight: 800;
      letter-spacing: .08em;
      text-transform: uppercase;
      color: rgba(183, 176, 223, .72);
    }

    .order-context-select,
    .order-context-input {
      min-height: 40px;
      border-radius: 8px;
      border: 1px solid rgba(139, 92, 246, .28);
      background: rgba(14, 12, 24, .9);
      color: var(--text);
      padding: 0 10px;
      font-weight: 700;
    }

    .order-context-hint {
      margin: 10px 0 0;
      font-size: 11px;
      color: rgba(183, 176, 223, .75);
      line-height: 1.4;
    }

    .cart-item-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin-top: 10px;
    }

    .btn-compact {
      min-height: 36px;
      padding: 0 12px;
      font-size: 11px;
    }

    .why-elysium {
      margin: 52px 0 40px;
    }

    .why-elysium h2 {
      font-family: var(--display);
      font-size: clamp(26px, 3.2vw, 34px);
      text-transform: uppercase;
      letter-spacing: .06em;
      margin: 0 0 20px;
    }

    .why-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
      gap: 16px;
    }

    .why-card {
      padding: 18px 20px;
      border-radius: 14px;
      border: 1px solid var(--line);
      background: var(--glass);
      backdrop-filter: blur(8px);
      -webkit-backdrop-filter: blur(8px);
      box-shadow: inset 0 1px 0 var(--glass-border);
    }

    .why-card h3 {
      margin: 0 0 10px;
      font-family: var(--display);
      font-size: 15px;
      text-transform: uppercase;
      letter-spacing: .06em;
      line-height: 1.2;
    }

    .why-card p {
      margin: 0;
      font-size: 15px;
      color: var(--muted);
      line-height: 1.52;
      font-weight: 500;
    }

    .section-lead {
      margin: 0 0 22px;
      max-width: 58ch;
      font-size: 17px;
      line-height: 1.58;
      color: rgba(196, 202, 222, .95);
      font-weight: 500;
    }

    .delivery-proof-home {
      margin: 48px 0 44px;
    }

    .delivery-proof-home h2 {
      font-family: var(--display);
      font-size: clamp(26px, 3.2vw, 34px);
      text-transform: uppercase;
      letter-spacing: .06em;
      margin: 0 0 12px;
    }

    .delivery-proof-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 18px;
    }

    .delivery-proof-card {
      padding: 20px 20px 22px;
      border-radius: 14px;
      border: 1px solid var(--line);
      background: linear-gradient(165deg, var(--panel), rgba(7, 10, 16, .94));
      box-shadow: 0 18px 48px rgba(0, 0, 0, .22);
    }

    .delivery-proof-card h3 {
      margin: 0 0 10px;
      font-family: var(--display);
      font-size: 15px;
      text-transform: uppercase;
      letter-spacing: .06em;
    }

    .delivery-proof-card p {
      margin: 0;
      font-size: 15px;
      color: var(--muted);
      line-height: 1.52;
    }

    .verified-feedback-home {
      margin: 44px 0 44px;
    }

    .verified-feedback-home h2 {
      font-family: var(--display);
      font-size: clamp(26px, 3.2vw, 34px);
      text-transform: uppercase;
      letter-spacing: .06em;
      margin: 0 0 12px;
    }

    .feedback-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 18px;
    }

    .feedback-card {
      padding: 22px 20px 20px;
      border-radius: 14px;
      border: 1px solid rgba(139, 92, 246, .26);
      background: rgba(10, 9, 22, .72);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06);
    }

    .feedback-badge {
      display: inline-block;
      margin-bottom: 12px;
      padding: 5px 10px;
      border-radius: 999px;
      font-family: var(--display);
      font-size: 10px;
      font-weight: 800;
      letter-spacing: .12em;
      text-transform: uppercase;
      color: rgba(251, 191, 36, .95);
      border: 1px solid rgba(251, 191, 36, .35);
      background: rgba(251, 191, 36, .08);
    }

    .feedback-meta {
      margin-bottom: 12px;
      font-size: 14px;
      color: var(--text);
      font-weight: 700;
    }

    .feedback-card > p {
      margin: 0 0 14px;
      font-size: 15px;
      line-height: 1.55;
      color: rgba(210, 214, 235, .94);
    }

    .feedback-eta {
      font-size: 13px;
      color: var(--muted);
      font-weight: 600;
    }

    .faq-home {
      margin: 48px 0 36px;
    }

    .faq-home h2 {
      font-family: var(--display);
      font-size: clamp(26px, 3.2vw, 34px);
      text-transform: uppercase;
      letter-spacing: .06em;
      margin: 0 0 18px;
    }

    .faq-item {
      border-radius: 10px;
      border: 1px solid rgba(139, 92, 246, .22);
      background: rgba(8, 7, 18, .45);
      margin-bottom: 8px;
      padding: 0 12px;
    }

    .faq-item summary {
      cursor: pointer;
      padding: 12px 4px;
      font-weight: 800;
      font-size: 14px;
      list-style: none;
    }

    .faq-item summary::-webkit-details-marker { display: none; }

    .faq-item p {
      margin: 0 0 12px;
      padding-left: 4px;
      font-size: 13px;
      color: var(--muted);
      line-height: 1.5;
    }

    .site-footer-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      align-items: center;
    }

    .site-footer {
      margin-top: 48px;
      padding: 28px 0 40px;
      border-top: 1px solid rgba(139, 92, 246, .18);
      background: linear-gradient(180deg, transparent, rgba(5, 4, 12, .65));
    }

    .site-footer-inner {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between;
      gap: 14px;
    }

    .site-footer-brand {
      display: flex;
      flex-direction: column;
      gap: 2px;
    }

    .site-footer-brand strong {
      font-family: var(--display);
      letter-spacing: .08em;
    }

    .site-footer-brand span {
      font-size: 12px;
      color: var(--muted);
    }

    .ely-sticky-order {
      position: fixed;
      right: 16px;
      bottom: 16px;
      z-index: 88;
      max-width: min(360px, calc(100vw - 32px));
    }

    body.cart-open .ely-sticky-order {
      opacity: 0;
      pointer-events: none;
    }

    .ely-sticky-order__btn {
      width: 100%;
      min-height: 46px;
      padding: 0 14px;
      border-radius: 12px;
      border: 1px solid rgba(139, 92, 246, .45);
      background: linear-gradient(145deg, rgba(25, 18, 46, .95), rgba(10, 8, 18, .98));
      color: var(--text);
      font-family: var(--display);
      font-size: 12px;
      font-weight: 800;
      letter-spacing: .04em;
      text-align: center;
      box-shadow: 0 16px 40px rgba(0, 0, 0, .4), 0 0 24px rgba(139, 92, 246, .15);
      cursor: pointer;
      transition: transform .18s ease, border-color .18s ease;
    }

    .ely-sticky-order__btn:hover {
      transform: translateY(-2px);
      border-color: rgba(255, 209, 102, .4);
    }

    .ely-support-widget {
      position: fixed;
      left: 16px;
      bottom: 16px;
      z-index: 87;
      max-width: 220px;
      padding: 12px 12px 14px;
      border-radius: 12px;
      border: 1px solid rgba(139, 92, 246, .32);
      background: linear-gradient(165deg, rgba(20, 18, 38, .96), rgba(7, 6, 14, .98));
      box-shadow: 0 18px 48px rgba(0, 0, 0, .42);
      font-size: 11px;
      color: var(--muted);
    }

    .ely-support-widget strong {
      display: block;
      margin-bottom: 4px;
      color: #e8e0ff;
      font-family: var(--display);
      font-size: 12px;
      letter-spacing: .06em;
      text-transform: uppercase;
    }

    .ely-support-widget .btn-mini {
      margin-top: 10px;
      width: 100%;
      min-height: 38px;
      font-size: 11px;
    }

    .legal-modal-backdrop {
      position: fixed;
      inset: 0;
      z-index: 200;
      display: none;
      align-items: center;
      justify-content: center;
      padding: 20px;
      background: rgba(4, 3, 10, .72);
    }

    .legal-modal-backdrop.active {
      display: flex;
    }

    .legal-modal {
      width: min(520px, 100%);
      max-height: min(78vh, 640px);
      overflow: auto;
      padding: 22px 20px 18px;
      border-radius: 14px;
      border: 1px solid rgba(139, 92, 246, .4);
      background: linear-gradient(180deg, rgba(24, 20, 42, .98), rgba(8, 7, 16, .99));
      box-shadow: 0 28px 80px rgba(0, 0, 0, .55);
    }

    .legal-modal h2 {
      margin: 0 0 12px;
      font-family: var(--display);
      font-size: 18px;
      text-transform: uppercase;
      letter-spacing: .06em;
    }

    .legal-modal p {
      margin: 0 0 10px;
      font-size: 13px;
      color: var(--muted);
      line-height: 1.5;
    }

    .legal-close {
      margin-top: 12px;
      width: 100%;
    }

    .copy-success-modal .copy-success-lead {
      color: var(--muted);
      font-size: 14px;
      line-height: 1.55;
      margin: 0 0 14px;
    }

    .copy-success-steps {
      margin: 0 0 18px;
      padding-left: 1.2em;
      color: var(--text);
      font-size: 14px;
      line-height: 1.6;
    }

    .copy-success-steps li {
      margin-bottom: 6px;
    }

    .copy-success-actions {
      display: flex;
      flex-direction: column;
      gap: 10px;
    }

    @media (max-width: 720px) {
      .order-context-grid { grid-template-columns: 1fr; }
      .ely-support-widget {
        left: 10px;
        bottom: 70px;
        max-width: calc(100vw - 24px);
      }
      .ely-sticky-order {
        right: 10px;
        bottom: 10px;
        left: 10px;
        max-width: none;
      }
    }

    .btn-continue {
      width: 100%;
      min-height: 44px;
      border-radius: 10px;
      border: 1px solid rgba(139, 92, 246, .45);
      background: linear-gradient(135deg, rgba(139, 92, 246, .35), rgba(18, 21, 38, .9));
      color: #f2ecff;
      font-family: var(--display);
      font-size: 14px;
      font-weight: 800;
      letter-spacing: .06em;
      text-transform: uppercase;
      cursor: pointer;
      transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
    }

    .btn-continue:hover {
      transform: translateY(-1px);
      border-color: rgba(167, 139, 250, .45);
      box-shadow: 0 10px 28px rgba(0, 0, 0, .35);
    }

    .search-empty-card {
      padding: 18px 14px;
      border-radius: 10px;
      border: 1px solid rgba(139, 92, 246, .28);
      background: linear-gradient(180deg, rgba(18, 21, 38, .5), rgba(7, 10, 18, .94));
      text-align: center;
    }

    .search-empty-card strong {
      display: block;
      font-family: var(--display);
      font-size: 15px;
      letter-spacing: .05em;
      text-transform: uppercase;
      color: var(--text);
      margin-bottom: 6px;
    }

    .search-empty-card span {
      display: block;
      font-size: 13px;
      color: var(--muted);
      font-weight: 600;
      line-height: 1.45;
    }

    .drawer-foot .order-summary-totals small {
      font-size: 12px;
      letter-spacing: .08em;
    }

    .drawer-foot .order-summary-totals #cartTotal {
      font-family: var(--display);
      font-size: 24px;
      font-weight: 800;
      letter-spacing: .03em;
      color: var(--price);
    }

    .drawer-foot .order-summary-totals em {
      font-size: 13px;
      font-weight: 650;
      color: rgba(125, 211, 252, .88);
    }

    @keyframes cartTotalPulse {
      0% { text-shadow: none; filter: none; }
      35% { text-shadow: 0 0 20px rgba(167, 139, 250, .35); filter: brightness(1.06); }
      100% { text-shadow: none; filter: none; }
    }

    #cartTotal.cart-total-pulse {
      animation: cartTotalPulse 0.85s ease;
    }

    @media (max-width: 1080px) {
      .topbar-inner {
        gap: 10px 12px;
        grid-template-columns: minmax(0, 1fr) auto;
      }
      .brand-zone {
        grid-column: 1;
        grid-row: 1;
      }
      .actions {
        grid-column: 2;
        grid-row: 1;
        justify-self: end;
        max-width: min(100%, 520px);
      }
      .primary-nav {
        grid-column: 1 / -1;
        grid-row: 2;
        justify-self: center;
      }
      .home-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .service-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .detail { grid-template-columns: 1fr; }
      .order-card {
        position: static;
        max-height: none;
      }
      .order-card.is-valorant .order-card-body,
      .order-card.is-arc-split .order-card-body {
        overflow: visible;
      }
      .order-card.is-valorant .summary-total,
      .order-card.is-arc-split .summary-total {
        flex: none;
        max-height: none;
        overflow: visible;
      }
      .order-card.is-valorant .summary-total .valorant-order-chrome {
        flex: none;
        max-height: none;
        overflow-y: visible;
      }
      .order-form { max-height: none; }
    }

    @media (max-width: 720px) {
      .shell { width: min(100% - 24px, 1260px); }
      .brand img {
        height: 40px;
        max-width: min(180px, 48vw);
      }
      .actions {
        gap: 8px;
        flex-wrap: wrap;
        flex: 1 1 100%;
        justify-content: flex-end;
        align-items: center;
        padding: 5px;
      }
      .brand-zone {
        gap: 8px;
      }
      .primary-nav {
        width: 100%;
        justify-content: center;
        gap: 12px;
        overflow-x: auto;
        padding-bottom: 2px;
      }
      .primary-nav a {
        font-size: 12px;
        letter-spacing: .045em;
      }
      .site-search { width: min(100%, 220px); flex: 1 1 160px; min-width: 0; height: 42px; min-height: 42px; }
      #siteSearchBtn { width: auto; flex: 0 0 auto; }
      .currency { max-width: 100px; flex: 0 0 auto; height: 42px; min-height: 42px; }
      .cart-button { flex: 0 0 auto; margin-left: auto; }
      .hero { min-height: 320px; padding-top: 38px; }
      .hero.is-home { min-height: 440px; padding: 52px 0 48px; }
      .popular-grid, .service-grid, .field-grid, .home-grid, .info-grid { grid-template-columns: 1fr; }
      .home-combo-split {
        grid-template-columns: 1fr;
        min-height: 0;
      }
      .delivery-proof-grid,
      .feedback-grid {
        grid-template-columns: 1fr;
      }
      .home-combo-half {
        min-height: 220px;
      }
      .home-combo-half + .home-combo-half {
        border-left: 0;
        border-top: 1px solid rgba(139, 92, 246, .42);
        box-shadow: inset 0 14px 28px -18px rgba(0, 0, 0, .45);
      }
      .disabled-btn { width: 100%; min-width: 0; }
      .service-card {
        flex-direction: column;
      }
      .service-card__media {
        flex: none;
        max-width: none;
        width: 100%;
        border-right: 0;
        border-bottom: 1px solid var(--line);
      }
      .service-card__media .category-thumb,
      .service-card__media .service-thumb {
        min-height: 200px;
      }
      .popular-card__inner {
        flex-direction: column;
      }
      .popular-card__media {
        flex: none;
        max-width: none;
        width: 100%;
        border-right: 0;
        border-bottom: 1px solid var(--line);
      }
      .raid-toggle-grid, .quick-raid-grid { grid-template-columns: 1fr 1fr; }
      .detail-steps { grid-template-columns: 1fr; }
      .quick-head, .section-head { align-items: flex-start; flex-direction: column; }
      .cart-backdrop { padding: 10px; }
      .drawer { height: calc(100svh - 20px); }
      .drawer.drawer--wide { width: 100%; max-width: none; }
      .order-center {
        grid-template-columns: 1fr;
      }
      .order-center__left {
        position: static;
      }
      .btn:not(.cart-button):not(#siteSearchBtn):not(.cart-qty-btn):not(.close), .service-btn { width: 100%; }
      .btn-checkout-primary,
      .hero-cta-row .btn-premium {
        width: 100%;
        min-height: 50px;
      }
    }

    /* --- Premium UX pass (continued): home, checkout, selection --- */

    .hero.is-home .hero-eyebrow,
    .hero.is-home .hero-subtitle,
    .hero.is-home .hero-lead {
      display: none !important;
    }

    .hero-eyebrow {
      font-size: 11px;
      letter-spacing: .14em;
      opacity: .85;
    }

    .hero-lead {
      margin: 0 0 8px;
      font-size: 15px;
      line-height: 1.55;
      color: var(--muted);
      max-width: 36rem;
    }

    .hero-cta-row {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 12px;
      margin-top: 8px;
    }

    .hero-cta-row--solo {
      justify-content: center;
      margin-top: 4px;
    }

    .hero-cta-secondary {
      min-height: 46px;
      padding-left: 22px;
      padding-right: 22px;
    }

    .how-it-works--compact {
      margin-top: 16px;
      padding-top: 0;
    }

    .how-grid--tight {
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 10px;
    }

    @media (max-width: 900px) {
      .how-grid--tight {
        grid-template-columns: 1fr;
      }
    }

    .home-trust-compact {
      margin-top: 18px;
      padding: 14px 16px 16px;
      border-radius: 12px;
      border: 1px solid rgba(139, 92, 246, .28);
      background: linear-gradient(165deg, rgba(18, 22, 38, .78), rgba(8, 10, 18, .72));
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04);
    }

    .home-trust-compact h2 {
      margin: 0 0 4px;
      font-family: var(--display);
      font-size: 18px;
      letter-spacing: .06em;
      text-transform: uppercase;
    }

    .home-trust-lead {
      margin: 0 0 10px;
      font-size: 12px;
      color: var(--muted);
      line-height: 1.5;
      max-width: 40rem;
    }

    .home-trust-pills {
      display: flex;
      flex-wrap: wrap;
      gap: 8px 10px;
      margin: 0 0 10px;
      padding: 0;
      list-style: none;
    }

    .home-trust-pills li span {
      display: inline-block;
      padding: 5px 9px;
      border-radius: 999px;
      font-size: 10px;
      font-weight: 700;
      letter-spacing: .08em;
      text-transform: uppercase;
      color: rgba(224, 231, 255, .88);
      border: 1px solid rgba(139, 92, 246, .35);
      background: rgba(12, 14, 24, .65);
    }

    .home-trust-mini-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 10px;
    }

    @media (max-width: 900px) {
      .home-trust-mini-grid {
        grid-template-columns: 1fr;
      }
    }

    .home-trust-mini {
      padding: 10px 12px 11px;
      border-radius: 10px;
      border: 1px solid rgba(139, 92, 246, .2);
      background: rgba(8, 10, 18, .5);
    }

    .home-trust-mini h3 {
      margin: 0 0 4px;
      font-family: var(--display);
      font-size: 12px;
      letter-spacing: .08em;
      text-transform: uppercase;
      color: #e8e4ff;
    }

    .home-trust-mini p {
      margin: 0;
      font-size: 12px;
      line-height: 1.35;
      color: var(--muted);
    }

    .home-trust-quote {
      font-style: italic;
    }

    .home-trust-quote-src {
      display: block;
      margin-top: 8px;
      font-size: 10px;
      letter-spacing: .06em;
      text-transform: uppercase;
      color: rgba(167, 174, 192, .75);
    }

    .faq-home--compact {
      margin-top: 18px;
      margin-bottom: 8px;
    }

    .faq-home--compact .faq-list {
      max-width: 44rem;
    }

    .faq-home--compact .faq-item {
      margin-bottom: 6px;
    }

    .cat-micro {
      display: block;
      margin-top: 4px;
      font-size: 9px;
      font-weight: 700;
      letter-spacing: .07em;
      text-transform: uppercase;
      color: rgba(125, 211, 252, .78);
      line-height: 1.25;
    }

    .valorant-flow-kicker {
      margin: 0 0 10px;
      font-family: var(--display);
      font-size: 12px;
      letter-spacing: .12em;
      text-transform: uppercase;
      color: rgba(125, 211, 252, .82);
    }

    .cart-open-discord-anchor {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      white-space: nowrap;
      border: 0;
    }

    .order-checkout-strip {
      position: relative;
    }

    .order-actions-secondary {
      margin-top: 10px;
      padding-top: 8px;
      border-top: 1px solid rgba(139, 92, 246, .18);
    }

    .btn-receipt-link {
      font-size: 12px;
      color: rgba(196, 181, 253, .88);
      text-decoration: underline;
      text-underline-offset: 3px;
    }

    .btn-clear-cart-muted {
      font-size: 11px;
      opacity: .62;
      margin-top: 8px;
    }

    .btn-checkout-primary {
      width: 100%;
      min-height: 50px;
      font-size: 13px;
      font-weight: 800;
      letter-spacing: .1em;
      text-transform: uppercase;
      color: #ecfdf5;
      border: 1px solid rgba(20, 83, 45, .65);
      border-radius: 12px;
      background: linear-gradient(180deg, #1e512d 0%, #166534 48%, #14532d 100%);
      box-shadow:
        0 6px 22px rgba(0, 0, 0, .35),
        inset 0 1px 0 rgba(255, 255, 255, .12);
      transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
    }

    .btn-checkout-primary:hover {
      filter: brightness(1.08);
      box-shadow:
        0 8px 26px rgba(0, 0, 0, .4),
        inset 0 1px 0 rgba(255, 255, 255, .14);
    }

    .btn-checkout-primary:active {
      transform: translateY(1px);
    }

    .btn-purchase,
    #addToCart.btn-purchase {
      width: 100%;
      min-height: 48px;
      margin-top: 8px;
      font-weight: 800;
      letter-spacing: .08em;
      text-transform: uppercase;
      color: #ecfdf5;
      border: 1px solid rgba(20, 83, 45, .55);
      border-radius: 11px;
      background: linear-gradient(180deg, var(--ely-purchase-top), var(--ely-purchase-mid) 45%, var(--ely-purchase-deep));
      box-shadow:
        0 6px 22px rgba(0, 0, 0, .32),
        inset 0 1px 0 rgba(255, 255, 255, .1);
      transition: transform .18s ease, filter .18s ease, box-shadow .18s ease;
    }

    .btn-purchase:hover,
    #addToCart.btn-purchase:hover {
      filter: brightness(1.06);
      box-shadow:
        0 8px 26px rgba(0, 0, 0, .38),
        inset 0 1px 0 rgba(255, 255, 255, .12);
    }

    .btn-purchase:disabled,
    #addToCart.btn-purchase:disabled {
      opacity: .48;
      filter: grayscale(0.2);
      box-shadow: none;
    }

    .order-summary-totals small#cartTotalLabel {
      font-size: 11px;
      letter-spacing: .12em;
      text-transform: uppercase;
      color: rgba(183, 176, 223, .72);
    }

    .order-summary-totals #cartTotal {
      font-size: clamp(1.45rem, 4vw, 1.85rem);
      font-weight: 800;
      color: #fff;
    }

    .order-summary-totals #cartUsdHint {
      font-size: 11px;
      color: rgba(148, 156, 176, .78);
    }

    .summary-total {
      display: flex;
      flex-direction: column;
      gap: 4px;
      align-items: stretch;
    }

    .summary-total-label {
      font-size: 11px;
      letter-spacing: .11em;
      text-transform: uppercase;
      color: rgba(183, 176, 223, .75);
      order: 1;
    }

    .summary-total .live-total-text {
      font-size: clamp(1.35rem, 3.2vw, 1.65rem);
      font-weight: 800;
      order: 2;
      line-height: 1.15;
    }

    .summary-total .arc-price-breakdown {
      order: 3;
      font-size: 0.78em;
      color: var(--muted);
    }

    .summary-total .usd-hint-text {
      order: 4;
      font-size: 11px;
      color: rgba(148, 156, 176, .75);
    }

    .summary-total #addToCart {
      order: 5;
      margin-top: 10px;
    }

    .summary-total .old-total {
      font-size: 0.72em;
      opacity: .85;
    }

    .cat-btn.active {
      border-color: var(--ely-select-blue) !important;
      background: linear-gradient(165deg, rgba(12, 20, 36, .94), rgba(8, 12, 22, .9)) !important;
      box-shadow:
        0 0 0 1px var(--ely-select-blue-dim),
        0 0 22px var(--ely-select-glow),
        inset 0 1px 0 rgba(255, 255, 255, .06) !important;
    }

    .raid-pill.active,
    .game-menu-item.is-active {
      border-color: rgba(56, 189, 248, .55) !important;
      box-shadow:
        0 0 0 1px rgba(56, 189, 248, .2),
        0 0 20px rgba(56, 189, 248, .22);
      background: linear-gradient(165deg, rgba(14, 22, 36, .95), rgba(8, 14, 28, .9)) !important;
    }

    .currency:focus,
    .site-search:focus,
    .order-form select:focus,
    .order-form input:focus,
    .order-form textarea:focus {
      outline: none;
      border-color: rgba(56, 189, 248, .55) !important;
      box-shadow: 0 0 0 2px rgba(56, 189, 248, .2);
    }

    .coin-slider-mark.is-active .coin-slider-mark__tick {
      background: linear-gradient(180deg, var(--ely-select-blue), #0ea5e9);
      box-shadow: 0 0 12px var(--ely-select-glow);
    }

    .service-btn.active {
      border-color: rgba(56, 189, 248, .55) !important;
      background: linear-gradient(165deg, rgba(16, 24, 40, .93), rgba(8, 12, 22, .9)) !important;
      color: #f8fafc !important;
      box-shadow:
        0 0 0 1px rgba(56, 189, 248, .2),
        0 0 20px rgba(56, 189, 248, .22) !important;
    }

/* TFT static centered category layout */
.category-shell.is-static-centered {
  justify-content: center;
  gap: 0;
}

.category-shell.is-static-centered .cat-arrow {
  display: none !important;
}

.category-shell.is-static-centered .category-scroll-column {
  flex: 0 1 auto;
  width: auto;
  min-width: 0;
}

.category-shell.is-static-centered .category-scroll {
  justify-content: center;
  overflow: visible;
  gap: 14px;
  flex-wrap: nowrap;
}

.category-shell.is-static-centered .category-drag-indicator {
  display: none !important;
}

.category-shell.is-static-centered .cat-btn {
  width: 180px;
  min-width: 180px;
  max-width: 180px;
}

/* Force-hide TFT category arrows */
.category-shell.is-static-centered #catPrev,
.category-shell.is-static-centered #catNext,
.category-shell.is-static-centered .cat-arrow {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.category-shell.is-static-centered {
  display: flex;
  justify-content: center !important;
}

.category-shell.is-static-centered .category-scroll-column {
  margin-left: auto;
  margin-right: auto;
}

.category-shell.is-static-centered .category-scroll {
  justify-content: center !important;
}