:root {
      --bg: #0E0E0E;
      --bg-elev: #121216;
      --text: #F4F4F5;
      --muted: rgba(244, 244, 245, 0.58);
      --line: rgba(255, 255, 255, 0.08);
      --accent: #FE99FF;
      --accent-ink: #0E0E0E;
      --radius: 1rem;
    }
    html{scrollbar-width:none;-ms-overflow-style:none}
    ::-webkit-scrollbar{display:none}

    *,
    *::before,
    *::after {
      box-sizing: border-box;
      -webkit-user-select: none !important;
      -moz-user-select: none !important;
      -ms-user-select: none !important;
      user-select: none !important;
      -webkit-user-drag: none !important;
      user-drag: none !important;
    }

    input,
    textarea,
    select,
    [contenteditable="true"] {
      -webkit-user-select: text !important;
      -moz-user-select: text !important;
      -ms-user-select: text !important;
      user-select: text !important;
    }

    img,
    svg,
    a {
      -webkit-user-drag: none !important;
      user-drag: none !important;
      -webkit-touch-callout: none !important;
    }

    html {
      scroll-behavior: smooth;
      scrollbar-width: none !important;
    }

    ::-webkit-scrollbar {
      display: none !important;
    }

    body {
      margin: 0;
      font-family: "DM Sans", system-ui, sans-serif;
      background: var(--bg);
      color: var(--text);
      line-height: 1.6;
      -webkit-font-smoothing: antialiased;
      overflow-x: hidden;
    }

    .bg-atmosphere {
      position: fixed;
      inset: 0;
      z-index: -1;
      pointer-events: none;
      background-color: var(--bg);
      background-image: url('/images/intro-bg.webp');
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      opacity: 0.15;
    }

    .font-display {
      font-family: "Space Grotesk", system-ui, sans-serif;
    }

    @keyframes rise {
      from {
        opacity: 0;
        transform: translateY(28px);
      }

      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    .rise {
      opacity: 0;
      animation: rise 0.9s cubic-bezier(0.22, 1, 0.36, 1) forwards;
    }

    .d1 {
      animation-delay: 0.05s;
    }

    .d2 {
      animation-delay: 0.15s;
    }

    .nav-glass {
      background: rgba(10, 10, 12, 0.55);
      backdrop-filter: blur(16px) saturate(1.4);
      -webkit-backdrop-filter: blur(16px) saturate(1.4);
      border: 1px solid rgba(255, 255, 255, 0.1);
    }

    .btn-primary {
      background: var(--accent);
      color: var(--accent-ink);
      font-weight: 600;
      transition: background 0.2s ease, transform 0.2s ease;
    }

    .btn-primary:hover {
      background: #FFFFFF;
    }

    .btn-primary:focus-visible {
      outline: 2px solid #fff;
      outline-offset: 3px;
    }

    .btn-ghost {
      border: 1px solid var(--line);
      color: var(--text);
      transition: border-color 0.2s ease, background 0.2s ease;
    }

    .btn-ghost:hover {
      border-color: rgba(255, 255, 255, 0.22);
      background: rgba(255, 255, 255, 0.04);
    }

    a:focus-visible,
    button:focus-visible,
    input:focus-visible {
      outline: 2px solid var(--accent);
      outline-offset: 3px;
    }

    /* ---- exact-0x product zone tuning ---- */
    #product.product-fab-page {
      font-family: "Manrope", "Inter", system-ui, sans-serif;
    }

    body:has(#product.product-fab-page) {
      background: #0E0E0E !important;
    }

    #product.product-fab-page {
      background: #0E0E0E !important;
    }

    #product.product-fab-page .product-fab-shell {
      background: #0E0E0E;
      padding-top: 150px;
    }

    #product.product-fab-page .product-fab-grid {
      grid-template-columns: minmax(0, 745px) 400px;
      justify-content: center;
    }

    #product.product-fab-page .product-fab-sidebar {
      position: static;
    }

    @media (max-width: 640px) {
      #product.product-fab-page .product-fab-shell {
        padding-top: 140px;
      }
    }

    /* ---- GEN9 recolor (main page palette) ---- */
    #product.product-fab-page .product-fab-breadcrumbs {
      color: #FE99FF;
    }

    #product.product-fab-page .block-payment-wrapper .block-payment .btn.black {
      background: #FE99FF !important;
      color: #0E0E0E !important;
    }

    #product.product-fab-page .block-payment-wrapper .block-payment .btn.black:hover {
      background: #FFFFFF !important;
    }

    #product.product-fab-page .product-status-chip {
      background: rgba(254, 153, 255, 0.13);
    }

    #product.product-fab-page .product-anticheat-statuses p {
      background: rgba(254, 153, 255, 0.1);
    }

    #product.product-fab-page .product-anticheat-statuses p .status {
      background: #FE99FF;
    }

    #product.product-fab-page .product-more-info .block-cont .pre-title-icon .icon,
    #product.product-fab-page .product-more-info .block-cont.system-recom .system .icon {
      background: #FE99FF !important;
    }

    #product.product-fab-page .sys-ico {
      background: #FE99FF;
    }

    /* ---- GEN9 card surfaces (header glass) ---- */
    #product.product-fab-page .product-fab-about,
    #product.product-fab-page .product-more-info .block-cont {
      background: rgba(10, 10, 12, 0.55) !important;
      border: 1px solid rgba(255, 255, 255, 0.1) !important;
      backdrop-filter: blur(16px) saturate(1.4);
      -webkit-backdrop-filter: blur(16px) saturate(1.4);
    }

    #product.product-fab-page .gallery-main-preview {
      background: #121216 !important;
    }

    #product.product-fab-page .gallery-thumb {
      background: #121216;
    }

    #product.product-fab-page .gallery-thumb img {
      background: #0E0E0E !important;
    }

    /* buy card uses the header glass background */
    #product.product-fab-page .product-fab-card {
      background: rgba(10, 10, 12, 0.55) !important;
      border: 1px solid rgba(255, 255, 255, 0.1) !important;
      backdrop-filter: blur(16px) saturate(1.4);
      -webkit-backdrop-filter: blur(16px) saturate(1.4);
    }

    #product.product-fab-page .product-payment-actions {
      grid-template-columns: minmax(0, 1fr);
    }

    /* small inner boxes */
    #product.product-fab-page .product-fab-meta div {
      background: #111113 !important;
    }

    #product.product-fab-page .product-more-info .block-cont.system-recom .system {
      background: #111113 !important;
    }

    #product.product-fab-page .product-license-trigger {
      background: #111113 !important;
    }

    #product.product-fab-page .product-promo {
      background: #111113 !important;
    }

    #product.product-fab-page .product-promo input {
      background: transparent !important;
    }

    #product.product-fab-page .product-promo-action {
      transition: background 0.25s ease, color 0.25s ease;
    }

    /* license dropdown — smooth hover */
    #product.product-fab-page .product-license-trigger {
      transition: border-color 0.2s ease, background 0.2s ease;
    }

    #product.product-fab-page .product-license-trigger:hover {
      border-color: rgba(254, 153, 255, 0.5);
    }

    #product.product-fab-page .block-payment-wrapper .block-payment .radio-box .product-license-option.radio {
      transition: background 0.2s ease;
    }

    #product.product-fab-page .support .btn {
      background: #111113 !important;
      transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease;
    }

    #product.product-fab-page .support .btn:hover {
      background: rgba(255, 255, 255, 0.07) !important;
      color: #fff !important;
      border-color: rgba(255, 255, 255, 0.16) !important;
    }

    #product.product-fab-page .product-license-options {
      background: rgba(18, 18, 22, 0.96);
    }

    #product.product-fab-page .container {
      width: 1400px;
      max-width: 100%;
      margin: 0 auto;
      padding: 0 30px;
    }

    #product.product-fab-page .product-fab-kicker::before {
      content: 'G9';
    }

    #product.product-fab-page .block-payment .btn.black[disabled] {
      opacity: 0.45;
      pointer-events: none;
    }

    #product.product-fab-page .product-license-trigger .chev {
      width: 22px;
      height: 22px;
      min-width: 22px;
      margin-left: 14px;
      color: rgba(255, 255, 255, 0.72);
      transition: transform 0.18s ease;
    }

    #product.product-fab-page .product-license-select.open .product-license-trigger .chev {
      transform: rotate(180deg);
    }

    #product.product-fab-page .gallery-expand svg,
    #product.product-fab-page .gallery-thumb-nav svg {
      width: 18px;
      height: 18px;
    }

    #product.product-fab-page .sys-ico {
      width: 22px;
      height: 22px;
      min-width: 22px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 6px;
      background: #FE99FF !important;
      color: #0E0E0E;
    }

    #product.product-fab-page .product-more-info .block-cont.system-recom .systems {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    #product.product-fab-page .product-more-info .block-cont.system-recom .system {
      display: flex;
      align-items: center;
      gap: 12px;
      min-height: 66px;
    }

    #product.product-fab-page .product-more-info .block-cont.system-recom .system>div {
      min-width: 0;
    }

    #product.product-fab-page .product-more-info .block-cont.system-recom .system>div>b {
      display: block;
      color: #fff;
      font-size: 14px;
      font-weight: 800;
      line-height: 1.3;
    }

    #product.product-fab-page .product-more-info .block-cont.system-recom .system>div>small {
      display: block;
      margin-top: 3px;
      color: rgba(255, 255, 255, 0.6);
      font-size: 12px;
      font-weight: 700;
      line-height: 1.4;
    }

    @media (max-width: 560px) {
      #product.product-fab-page .product-more-info .block-cont.system-recom .systems {
        grid-template-columns: 1fr;
      }
    }

    #product.product-fab-page .gallery-main-preview {
      cursor: zoom-in;
    }

    #product.product-fab-page .product-fab-note {
      padding: 18px 32px 30px;
    }

    @media (max-width: 640px) {
      #product.product-fab-page .product-fab-note {
        padding: 18px 18px 22px;
      }
    }

    :root {
      --icon-color: rgba(255, 255, 255, 0.55);
      --secondary-color: rgba(255, 255, 255, 0.55);
      --background-color: transparent;
    }

    @media (prefers-reduced-motion: reduce) {
      html {
        scroll-behavior: auto;
      }

      .rise {
        opacity: 1;
        animation: none;
        transform: none;
      }
    }