/**
 * CDXX — mobile layout (≤768px / ≤480px only). v5 pass.
 * Load after styles.css and any page-specific CSS. Desktop unchanged.
 */

@media (max-width: 768px) {
  /* —— Tokens —— */
  :root {
    --cdxx-gutter-inline: 16px;
    --cdxx-hero-height: auto;
    --cdxx-section-pad-y: 32px;
    --cdxx-mobile-card-pad: 16px;
    --cdxx-mobile-gap: 14px;
    --cdxx-mobile-touch: 44px;
    --cdxx-mobile-float-clearance: 80px;
    --cdxx-mobile-chat-lift: max(72px, calc(72px + env(safe-area-inset-bottom, 0px)));
    --cdxx-mobile-chat-launcher: var(--cdxx-mobile-cart-size);
    --cdxx-mobile-cart-size: 3rem;
    --cdxx-mobile-float-gap: 12px;
    --cdxx-mobile-float-right: max(14px, env(safe-area-inset-right, 0px));
  }

  /* —— Global safety —— */
  html {
    -webkit-tap-highlight-color: transparent;
  }

  a,
  button,
  input,
  select,
  textarea,
  label,
  summary,
  [role="button"],
  [tabindex]:not([tabindex="-1"]) {
    -webkit-tap-highlight-color: transparent;
  }

  /* Touch focus shows a blue box in WebKit; keep keyboard :focus-visible rings only */
  :focus:not(:focus-visible) {
    outline: none;
  }

  html,
  body {
    overflow-x: hidden;
    max-width: 100%;
    width: 100%;
  }

  *,
  *::before,
  *::after {
    box-sizing: border-box;
  }

  img,
  video,
  svg,
  canvas,
  iframe,
  picture {
    max-width: 100%;
    height: auto;
  }

  table {
    display: block;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  pre,
  code {
    max-width: 100%;
    overflow-x: auto;
    word-break: break-word;
  }

  input,
  textarea,
  select {
    max-width: 100%;
    font-size: 16px;
  }

  .container {
    width: 100%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }

  main {
    padding-bottom: calc(var(--cdxx-mobile-float-clearance) + env(safe-area-inset-bottom, 0px));
  }

  /* No homepage fade-in after intro — instant reveal on mobile */
  .cdxx-page-fade {
    transition: none !important;
  }

  html.cdxx-page-boot .cdxx-page-fade {
    opacity: 0;
    transform: none !important;
    filter: none !important;
  }

  html.cdxx-page-boot .cdxx-chat-widget {
    transition: none !important;
  }

  main,
  .cdxx-page-fade,
  .site-header,
  .cdxx-footer,
  .cdxx-co2,
  .cdxx-category-main,
  .cdxx-contact-page .cdxx-contact-main,
  .cdxx-terms-page .cdxx-terms-main {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }

  :is(
    .nav-wrap,
    .hero-content,
    .service-carousel-wrap,
    .cdxx-trust__wall,
    .cdxx-co2__inner,
    .cdxx-co2__grid,
    .cdxx-co2__left,
    .cdxx-co2-side,
    .cdxx-contact-form-layout,
    .cdxx-terms-layout,
    .cdxx-services-content-shell,
    .cdxx-services-hub-main,
    .cdxx-category-grid,
    .cdxx-all-games-grid
  ) > * {
    min-width: 0;
  }

  /* Compact hero — content height, not a tall empty viewport shell */
  .gaming-hero {
    min-height: auto !important;
    height: auto !important;
    max-height: none;
    overflow: hidden;
  }

  .hero-content {
    position: relative;
    min-height: auto !important;
    height: auto !important;
    opacity: 1;
    visibility: visible;
    transform: none;
    z-index: 1;
  }

  .hero-brand-stack {
    margin-top: 0 !important;
    width: min(100%, 320px);
  }

  #services.service-categories-section {
    padding: var(--cdxx-section-pad-y) 0 24px;
  }

  #services .service-categories-head {
    margin-top: 0;
    margin-bottom: 10px;
    padding-bottom: 6px;
  }

  #services .service-carousel-wrap {
    margin-top: 0;
  }

  /* —— Typography —— */
  h1 {
    font-size: clamp(24px, 6vw, 28px);
    line-height: 1.12;
  }

  .service-categories-head__glitch h1,
  .service-categories-head__glitch h2,
  .service-categories-title {
    font-size: clamp(24px, 5.8vw, 28px);
    line-height: 1.15;
  }

  .service-categories-kicker {
    font-size: 11px;
    letter-spacing: 0.12em;
    margin-bottom: 2px;
  }

  .cdxx-category-head .service-categories-head__glitch h1 {
    font-size: clamp(22px, 5.4vw, 26px);
  }

  .cdxx-why-choose__subtitle,
  .cdxx-how-it-works__subtitle,
  .cdxx-trust__subtitle,
  .sub,
  .cdxx-faq__lead {
    font-size: 14px;
    line-height: 1.45;
  }

  #cdxx-trust-title {
    font-size: clamp(22px, 5.4vw, 26px);
    white-space: normal;
    text-wrap: balance;
  }

  .cdxx-faq__title {
    font-size: clamp(24px, 5.8vw, 28px);
  }

  .cdxx-faq__kicker {
    font-size: 11px;
    letter-spacing: 0.14em;
  }

  .eyebrow {
    font-size: 11px;
  }

  .btn,
  .hero-actions .btn,
  .cdxx-footer__btn,
  .cdxx-view-all-games-btn,
  .cdxx-faq__btn,
  .cdxx-trust__mobile-more {
    font-size: 14px;
  }

  .cdxx-why-card__title {
    font-size: 16px;
    margin-bottom: 0.2rem;
  }

  .cdxx-why-card__text {
    font-size: 13px;
    line-height: 1.4;
  }

  .cdxx-how-step__title {
    font-size: 15px;
  }

  .cdxx-how-step__text {
    font-size: 13px;
    line-height: 1.42;
  }

  .cdxx-how-step__num {
    font-size: 1rem;
  }

  /* —— Navigation —— */
  .site-header {
    padding-inline: max(14px, var(--safe-left)) max(14px, var(--safe-right));
    gap: 0.2rem;
    width: 100%;
    max-width: 100%;
  }

  .nav-wrap {
    --cdxx-mobile-nav-width: min(calc(100vw - 2 * max(14px, var(--safe-left))), 520px);
    width: var(--cdxx-mobile-nav-width);
    max-width: var(--cdxx-mobile-nav-width);
    margin-inline: auto;
    display: grid;
    grid-template-columns: auto auto auto;
    justify-content: center;
    column-gap: 0.35rem;
    padding: 0.1rem 0.75rem;
    min-height: 36px;
    box-sizing: border-box;
    overflow: hidden;
    transition: none;
  }

  .nav-wrap.container {
    width: var(--cdxx-mobile-nav-width);
    max-width: var(--cdxx-mobile-nav-width);
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .cdxx-nav-cluster {
    display: flex;
    width: 100%;
    max-width: 100%;
    justify-content: center;
  }

  .cdxx-nav-row {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    width: auto;
    max-width: min(calc(100vw - 2 * max(14px, var(--safe-left))), 560px);
  }

  .cdxx-nav-cluster,
  .cdxx-nav-row,
  .cdxx-nav-core {
    max-width: 100%;
    min-width: 0;
  }

  .cdxx-nav-core {
    align-items: center;
  }

  /* Cart dock — pinned flush to support launcher (position synced in cdxx-cart.js) */
  .cdxx-cart-toggle--mobile-dock {
    position: fixed;
    right: var(--cdxx-mobile-cart-dock-right, var(--cdxx-mobile-float-right));
    bottom: var(
      --cdxx-mobile-cart-dock-bottom,
      calc(
        var(--cdxx-mobile-chat-lift) +
          var(--cdxx-mobile-chat-launcher) +
          var(--cdxx-mobile-float-gap)
      )
    );
    z-index: 100001;
    width: var(--cdxx-mobile-cart-size);
    height: var(--cdxx-mobile-cart-size);
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 50%;
    background:
      radial-gradient(circle at 30% 22%, rgba(167, 139, 250, 0.28), transparent 52%),
      linear-gradient(155deg, rgba(22, 12, 48, 0.96) 0%, rgba(8, 5, 18, 0.98) 100%);
    box-shadow:
      0 0 0 1px rgba(167, 139, 250, 0.38) inset,
      0 0 0 1px rgba(110, 47, 255, 0.24),
      0 8px 24px rgba(0, 0, 0, 0.42),
      0 0 28px rgba(110, 47, 255, 0.28);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
  }

  .cdxx-cart-toggle--mobile-dock.is-visible {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: scale(1);
  }

  .cdxx-cart-toggle--mobile-dock.is-hiding {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: scale(0.82);
  }

  .cdxx-cart-toggle--mobile-dock:active {
    transform: scale(0.96);
  }

  .cdxx-cart-toggle--mobile-dock svg {
    width: 1.12rem;
    height: 1.12rem;
    filter: drop-shadow(0 0 8px rgba(196, 181, 253, 0.42));
  }

  .cdxx-cart-toggle--mobile-dock .cdxx-cart-toggle__badge {
    top: -0.08rem;
    right: -0.08rem;
    min-width: 1.18rem;
    height: 1.18rem;
    padding: 0 0.24rem;
    font-size: 0.64rem;
    line-height: 1.18rem;
    border: 2px solid rgba(8, 5, 18, 0.96);
    box-shadow: 0 0 14px rgba(192, 38, 211, 0.55);
  }

  html.cdxx-nav-scrolled .cdxx-cart-toggle--mobile-dock {
    width: var(--cdxx-mobile-cart-size);
    height: var(--cdxx-mobile-cart-size);
  }

  html:has(.cdxx-cart-toggle--mobile-dock.is-visible) {
    --cdxx-mobile-float-clearance: calc(
      var(--cdxx-mobile-chat-lift) +
        var(--cdxx-mobile-chat-launcher) +
        var(--cdxx-mobile-float-gap) +
        var(--cdxx-mobile-cart-size) +
        16px
    );
  }

  .nav-left {
    justify-self: auto;
    margin-right: 0;
  }

  .nav-right {
    justify-self: auto;
    margin-left: 0;
  }

  .nav-links {
    gap: 0.45rem;
    flex-wrap: nowrap;
    justify-content: center;
  }

  .nav-links a {
    font-size: 13px;
    padding-bottom: 0.12rem;
    letter-spacing: 0.02em;
    white-space: nowrap;
  }

  .top-center-icon {
    width: 38px;
    height: 38px;
    margin: 0;
    flex-shrink: 0;
  }

  .top-center-icon::before {
    width: 26px;
    height: 26px;
  }

  .ring-outer {
    width: 28px;
    height: 28px;
  }

  .ring-inner {
    width: 16px;
    height: 16px;
    border-width: 3px;
  }

  .nav-status {
    font-size: 10px;
    padding: 0.14rem 0.38rem;
  }

  html.cdxx-nav-scrolled .nav-wrap {
    padding: 0.08rem 0.48rem;
    min-height: 32px;
  }

  html.cdxx-nav-scrolled .nav-links a {
    font-size: 12px;
  }

  html.cdxx-nav-scrolled .top-center-icon {
    width: 34px;
    height: 34px;
  }

  /* —— Hero: phone landing —— */
  .gaming-hero {
    min-height: auto !important;
    height: auto !important;
    max-height: none;
  }

  .hero-content {
    min-height: auto !important;
    height: auto !important;
    justify-content: flex-start;
    align-items: center;
    gap: 0.75rem;
    padding: calc(72px + env(safe-area-inset-top, 0px)) 16px 36px;
    text-align: center;
  }

  .hero-video {
    object-fit: cover;
    object-position: center 28%;
    transform: scale(1.06);
    filter: blur(3px);
    opacity: 0.62;
  }

  .hero-video-overlay {
    opacity: 0.88;
  }

  .hero-brand-stack {
    width: min(100%, 320px);
    max-width: 90vw;
    margin-top: 0;
    margin-bottom: 0;
    perspective: 720px;
  }

  .hero-brand-interactive,
  .hero-brand-tilt,
  .hero-brand-logo-island,
  .hero-brand {
    max-width: 100%;
  }

  .hero-tagline-rotate {
    margin-top: -0.25rem;
    min-height: 1.2em;
    max-width: 100%;
  }

  .hero-tagline-rotate::before {
    width: 104%;
    height: 160%;
    filter: blur(4px);
  }

  .hero-tagline-rotate__line {
    font-size: 14px;
    letter-spacing: 0.04em;
    white-space: normal;
    text-wrap: balance;
    padding-inline: 0.25rem;
  }

  .hero-actions {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    max-width: min(100%, 340px);
    gap: 10px;
    margin-top: 0.25rem;
    padding-inline: 0;
  }

  .hero-actions .btn {
    flex: 1 1 calc(50% - 6px);
    min-width: 0;
    min-height: 42px;
    padding: 10px 14px;
    font-size: 14px;
  }

  /* —— Category carousel: compact game tiles —— */
  #services.service-categories-section {
    padding: var(--cdxx-section-pad-y) 0 24px;
  }

  #services .service-categories-head {
    margin: 0 0 10px;
    margin-top: 0;
    padding: 0 14px 6px;
    padding-bottom: 6px;
    align-items: center;
  }

  #services .service-categories-section,
  .service-categories-section {
    padding-top: 0;
  }

  #services .service-categories-head__glitch {
    transform: none;
    padding: 0.12rem 0.85rem 0.22rem;
    background-size: 100% auto;
  }

  .service-categories-head {
    margin-bottom: 0.65rem;
    padding-inline: 14px;
  }

  #services .service-carousel-wrap {
    margin-top: 0 !important;
    --cdxx-carousel-stage-pad-top: 0px;
    --cdxx-carousel-stage-pad-bottom: 4px;
    --cdxx-carousel-reflect-reserve: 0px;
    --cdxx-carousel-reflect-tail: 0px;
    --cdxx-card-reflect-fog-top-height: 0px;
    --cdxx-carousel-panel-y-active: 0px;
    gap: 2px;
  }

  .service-carousel-wrap {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
    margin-top: 0;
    overflow: visible;
    --cdxx-card-w: min(76vw, 292px);
    --cdxx-card-w-active: min(76vw, 292px);
    --cdxx-card-art-h: clamp(210px, 50vw, 280px);
    --cdxx-card-h: clamp(300px, 66vw, 360px);
    --cdxx-card-h-active: clamp(310px, 68vw, 372px);
    --cdxx-carousel-panel-y-active: 0px;
    --cdxx-carousel-nav-outside: calc(var(--cdxx-card-w-active) / 2 + 48px);
    --cdxx-carousel-stage-pad-top: 22px;
    --cdxx-carousel-reflect-reserve: 0px;
    --cdxx-carousel-reflect-tail: 0px;
    --cdxx-card-reflect-fog-top-height: 0px;
    --cdxx-card-reflect-fog-height: 0px;
    --cdxx-card-reflect-seam-gap: 0px;
    --cdxx-view-all-gap: 0px;
    --cdxx-carousel-stage-pad-bottom: 8px;
    --cdxx-card-reflect-mirror-strength: 0;
    --cdxx-carousel-nav-y: calc(
      var(--cdxx-carousel-stage-pad-top) + var(--cdxx-carousel-panel-y-active) +
        var(--cdxx-card-h-active) * 0.5
    );
  }

  .service-carousel-nav {
    display: none;
  }

  #services.service-categories-section,
  #services .service-categories-inner,
  .service-carousel-wrap,
  .carousel-stage.service-carousel-stage {
    overflow-x: hidden !important;
    overflow-y: visible;
  }

  #service-carousel-track {
    overflow: visible;
  }

  .service-carousel-stage-col {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    width: 100%;
    max-width: 100%;
    overflow: visible !important;
  }

  .carousel-stage.service-carousel-stage {
    min-height: calc(
      var(--cdxx-card-h-active) + var(--cdxx-carousel-stage-pad-bottom, 8px)
    ) !important;
    height: auto !important;
    max-height: none !important;
    width: 100%;
    max-width: 100%;
    padding: var(--cdxx-carousel-stage-pad-top) 0
      var(--cdxx-carousel-stage-pad-bottom, 10px) !important;
    perspective: none;
    perspective-origin: 50% 50%;
    overflow: visible !important;
    touch-action: pan-y pinch-zoom;
    box-sizing: border-box;
  }

  #service-carousel-track {
    max-width: 100%;
    height: auto !important;
    min-height: var(--cdxx-card-h-active);
    transform-origin: center center;
  }

  #service-carousel-track .category-card,
  #service-carousel-track .category-card.is-active,
  #service-carousel-track .carousel-card-pivot.category-card {
    transform-origin: center center !important;
    top: 0 !important;
    margin-top: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }

  #service-carousel-track .category-card {
    height: var(--cdxx-card-h);
    min-height: var(--cdxx-card-h);
  }

  #service-carousel-track .category-card.is-active {
    height: var(--cdxx-card-h-active);
    min-height: var(--cdxx-card-h-active);
    max-height: min(var(--cdxx-card-h-active), calc(100dvh - 8.5rem));
  }

  /*
   * Swipe: only slide opacity/transform — not height/width/padding.
   * Otherwise the Explore Services CTA drifts diagonally while the card moves.
   */
  #service-carousel-track.carousel-anim-on .category-card {
    transition:
      transform 480ms cubic-bezier(0.22, 1, 0.36, 1),
      opacity 480ms cubic-bezier(0.22, 1, 0.36, 1) !important;
  }

  #service-carousel-track .carousel-card-pivot .category-card-float .service-carousel-card {
    padding: 0 !important;
    transition: none !important;
  }

  #service-carousel-track .service-carousel-card-cta,
  #service-carousel-track
    .carousel-card-pivot.is-active
    .category-card-float
    .service-carousel-card
    .service-carousel-card-cta,
  #service-carousel-track
    .carousel-card-pivot:not(.is-active)
    .category-card-float
    .service-carousel-card
    .service-carousel-card-cta {
    transform: none !important;
    transition: opacity 0.18s ease, visibility 0s linear 0.18s !important;
  }

  /* Side slides: slim peeks so swipe affordance reads on mobile */
  #service-carousel-track .carousel-card-pivot:not(.is-active) {
    opacity: 0.26 !important;
    visibility: visible !important;
    pointer-events: none;
    filter: brightness(0.58) saturate(0.82) !important;
  }

  #service-carousel-track .carousel-card-pivot.is-far {
    opacity: 0 !important;
    visibility: hidden !important;
  }

  #service-carousel-track .carousel-card-pivot:not(.is-active):not(.is-far) {
    z-index: 4 !important;
  }

  #service-carousel-track .carousel-card-pivot.is-active {
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 130 !important;
    filter: none !important;
  }

  .carousel-card-pivot.is-active .category-card-float {
    isolation: isolate;
  }

  #service-carousel-track .carousel-card-pivot:not(.is-active) .service-carousel-card-title,
  #service-carousel-track .carousel-card-pivot:not(.is-active) .service-carousel-card-tag,
  #service-carousel-track .carousel-card-pivot:not(.is-active) .service-carousel-card-cta {
    opacity: 0 !important;
    visibility: hidden;
  }

  #service-carousel-track .carousel-card-pivot .category-card-float,
  #service-carousel-track .carousel-card-pivot .category-card-float.card-content {
    width: 100%;
    height: 100%;
    min-height: 100%;
    overflow: hidden !important;
    border-radius: 14px;
  }

  #service-carousel-track .carousel-card-pivot .service-carousel-card {
    width: 100%;
    height: 100%;
    min-height: 100%;
    overflow: hidden;
    box-sizing: border-box;
    border: none;
    box-shadow: none !important;
    /* Slight overscale crops baked-in frame on card PNG assets. */
    background-size: 112% !important;
    background-position: center center !important;
    background-repeat: no-repeat;
  }

  #service-carousel-track.carousel-anim-on .carousel-card-pivot.is-active .category-card-float {
    animation: none !important;
    transform: none !important;
  }

  #service-carousel-track.carousel-anim-on .carousel-card-pivot.category-card.is-active {
    animation: none !important;
  }

  #service-carousel-track .carousel-card-pivot .category-card-float.card-content,
  html:not(.cdxx-perf-calm) #service-carousel-track .carousel-card-pivot .category-card-float.card-content,
  html.cdxx-perf-calm #service-carousel-track .carousel-card-pivot .category-card-float.card-content,
  #service-carousel-track .carousel-card-pivot .category-card-float {
    -webkit-box-reflect: below 0 linear-gradient(transparent, transparent) !important;
  }

  #service-carousel-track .carousel-card-pivot .category-card-float.card-content::after,
  #service-carousel-track .carousel-card-pivot.category-card::after,
  html:not(.cdxx-perf-calm) #service-carousel-track .carousel-card-pivot .category-card-float.card-content::after {
    display: none !important;
    content: none !important;
    opacity: 0 !important;
    height: 0 !important;
  }

  #service-carousel-track .carousel-card-pivot.category-card.card {
    margin-left: calc(var(--cdxx-card-w) / -2);
  }

  .service-carousel-card-shade {
    display: none;
  }

  #service-carousel-track .service-carousel-card {
    --carousel-card-scrim: linear-gradient(
      180deg,
      rgba(0, 0, 0, 0.08) 0%,
      rgba(0, 0, 0, 0.22) 55%,
      rgba(0, 0, 0, 0.62) 100%
    );
    --carousel-card-art-scale: 100%;
    min-height: 0;
    padding: 0;
    border-radius: 14px;
    border: none;
  }

  #service-carousel-track
    .carousel-card-pivot:not(.is-active)
    .category-card-float
    .service-carousel-card {
    box-shadow: none !important;
  }

  #service-carousel-track
    .carousel-card-pivot.is-active
    .category-card-float
    .service-carousel-card {
    box-shadow:
      0 14px 30px rgba(0, 0, 0, 0.46),
      0 0 22px rgba(110, 47, 255, 0.2) !important;
  }

  #service-carousel-track .service-carousel-card[data-category] {
    background-size: 112%, 112%, cover, cover !important;
    background-position: center center, center center, center center, center center !important;
  }

  #service-carousel-track .service-carousel-card-overlay {
    inset: 0;
    border-radius: inherit;
  }

  .service-carousel-card-overlay {
    background: linear-gradient(
      180deg,
      rgba(0, 0, 0, 0.28) 0%,
      rgba(0, 0, 0, 0.12) 42%,
      rgba(0, 0, 0, 0.35) 68%,
      rgba(0, 0, 0, 0.55) 100%
    );
  }

  /* Active card: premium desktop-like face — title top, tag + CTA bottom band */
  .carousel-card-pivot.is-active .category-card-float .service-carousel-card {
    display: block;
  }

  .carousel-card-pivot.is-active .category-card-float .service-carousel-card .service-carousel-card-tag,
  .carousel-card-pivot.is-active .category-card-float .service-carousel-card .service-carousel-card-title {
    position: absolute;
    left: 50%;
    right: auto;
    width: calc(100% - 0.75rem);
    max-width: 100%;
    margin: 0;
    text-align: center;
  }

  .carousel-card-pivot.is-active .category-card-float .service-carousel-card .service-carousel-card-title {
    top: 0.65rem;
    bottom: auto;
    transform: translateX(-50%);
    font-size: 15px;
    letter-spacing: 0.03em;
    line-height: 1.1;
  }

  .carousel-card-pivot.is-active .category-card-float .service-carousel-card .service-carousel-card-tag {
    top: auto;
    bottom: 3.15rem;
    transform: translateX(-50%);
    font-size: 9px;
    letter-spacing: 0.05em;
    line-height: 1.25;
    opacity: 0.92;
    white-space: normal;
    text-wrap: balance;
  }

  .carousel-card-pivot.is-active .category-card-float .service-carousel-card .service-carousel-card-cta {
    position: absolute;
    left: 0.65rem;
    right: 0.65rem;
    top: auto;
    bottom: 0.65rem;
    width: auto;
    max-width: none;
    margin: 0;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto;
    font-size: 11px;
    padding: 0.42rem 0.4rem;
    min-height: 38px;
    letter-spacing: 0.04em;
    line-height: 1.2;
    border-radius: 8px;
    text-align: center;
    box-sizing: border-box;
  }

  /* Inactive slides: title top, compact bottom labels */
  .service-carousel-card-title {
    top: 0.65rem;
    bottom: auto;
    font-size: 15px;
    letter-spacing: 0.03em;
    line-height: 1.1;
    width: calc(100% - 0.75rem);
  }

  .service-carousel-card-tag {
    bottom: 3.15rem;
    font-size: 10px;
    letter-spacing: 0.07em;
    width: calc(100% - 0.75rem);
    opacity: 0.92;
  }

  .service-carousel-card-cta {
    left: 0.65rem;
    right: 0.65rem;
    bottom: 0.65rem;
    font-size: 12px;
    padding: 0.38rem 0.45rem;
    min-height: 36px;
    letter-spacing: 0.06em;
    border-radius: 8px;
  }

  #services .service-categories-view-all,
  .service-categories-view-all {
    position: static;
    order: 2;
    transform: none;
    margin: 0;
    padding: 0 14px 10px;
    pointer-events: auto;
  }

  #services .service-categories-view-all {
    margin-top: 0;
  }

  .service-categories-view-all .cdxx-view-all-games-btn,
  .cdxx-view-all-games-btn {
    width: 100%;
    max-width: none;
    min-height: 42px;
    padding: 10px 14px;
    font-size: 14px;
  }

  .service-carousel-wrap > .cdxx-carousel-swipe-hint {
    position: absolute;
    left: 50%;
    top: var(--cdxx-carousel-nav-y);
    transform: translate(-50%, -50%);
    /* Above carousel cards (z-index 130) — sibling of stage, not clipped by track overflow. */
    z-index: 200;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin: 0;
    padding: 0;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.11em;
    text-transform: uppercase;
    color: rgba(228, 218, 255, 0.96);
    text-shadow:
      0 0 14px rgba(0, 0, 0, 0.88),
      0 1px 3px rgba(0, 0, 0, 0.92),
      0 0 20px rgba(110, 47, 255, 0.35);
    filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.55));
    pointer-events: none;
    transition:
      opacity 0.4s ease,
      transform 0.4s ease,
      visibility 0.4s ease;
    max-height: none;
    overflow: visible;
  }

  .service-carousel-wrap > .cdxx-carousel-swipe-hint.is-dismissed {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translate(-50%, calc(-50% - 4px));
  }

  .cdxx-carousel-swipe-hint__arrow {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    color: rgba(210, 170, 255, 1);
    filter: drop-shadow(0 0 8px rgba(130, 70, 255, 0.65));
    will-change: transform, opacity;
  }

  .cdxx-carousel-swipe-hint__arrow svg {
    display: block;
    width: 22px;
    height: 22px;
    stroke: currentColor;
    stroke-width: 2.5;
  }

  .cdxx-carousel-swipe-hint__arrow--left {
    animation: cdxx-carousel-hint-nudge-left 2.2s ease-in-out infinite;
  }

  .cdxx-carousel-swipe-hint__arrow--right {
    animation: cdxx-carousel-hint-nudge-right 2.2s ease-in-out infinite;
  }

  .cdxx-carousel-swipe-hint__text {
    flex-shrink: 0;
    white-space: nowrap;
  }

  @keyframes cdxx-carousel-hint-nudge-left {
    0%,
    100% {
      transform: translateX(0);
      opacity: 0.78;
    }
    50% {
      transform: translateX(-7px);
      opacity: 1;
    }
  }

  @keyframes cdxx-carousel-hint-nudge-right {
    0%,
    100% {
      transform: translateX(0);
      opacity: 0.78;
    }
    50% {
      transform: translateX(7px);
      opacity: 1;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .cdxx-carousel-swipe-hint__arrow--left,
    .cdxx-carousel-swipe-hint__arrow--right {
      animation: none;
      opacity: 1;
    }
  }

  /* —— Section rhythm —— */
  .cdxx-how-it-works,
  .cdxx-why-choose,
  .cdxx-trust,
  .cdxx-faq {
    padding: var(--cdxx-section-pad-y) 0 28px;
  }

  .cdxx-why-choose__inner,
  .cdxx-how-it-works__inner,
  .cdxx-trust__inner,
  .cdxx-faq__inner {
    padding-inline: 16px;
  }

  .cdxx-why-choose__head,
  .cdxx-how-it-works__head,
  .cdxx-trust__head {
    margin-bottom: 14px;
    padding: 0;
  }

  .cdxx-how-it-works__head.service-categories-head,
  .cdxx-why-choose__head.service-categories-head,
  .cdxx-trust__head.service-categories-head {
    margin-bottom: 12px;
  }

  .cdxx-how-it-works__head .service-categories-head__glitch,
  .cdxx-why-choose__head .service-categories-head__glitch,
  .cdxx-trust__head .service-categories-head__glitch {
    padding: 0.12rem 0.85rem 0.22rem;
    background-size: 100% auto;
    transform: none;
  }

  /* —— How it works: mobile stack (image → step rail → detail) —— */
  .cdxx-how-it-works {
    padding: 24px 0 20px;
  }

  .cdxx-how-it-works__head.service-categories-head {
    margin-bottom: 10px;
  }

  .cdxx-how-it-works__grid,
  .cdxx-how-it-works--asset-step .cdxx-how-it-works__grid,
  .cdxx-how-it-works--mock-step .cdxx-how-it-works__grid,
  .cdxx-how-it-works__grid:has(.cdxx-how-visual--asset.is-active) {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  .cdxx-how-connect {
    display: none;
  }

  .cdxx-how-it-works__visual-wrap {
    order: 1;
    width: 100%;
  }

  .cdxx-how-it-works__steps {
    order: 2;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px;
    width: 100%;
  }

  .cdxx-how-mobile-detail {
    order: 3;
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin: 0;
    padding: 12px 14px;
    border-radius: 14px;
    border: 1px solid rgba(110, 47, 255, 0.28);
    background: linear-gradient(
      165deg,
      rgba(18, 10, 38, 0.96) 0%,
      rgba(8, 5, 18, 0.98) 100%
    );
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.28);
  }

  .cdxx-how-mobile-detail__kicker {
    margin: 0;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: rgba(159, 77, 255, 0.82);
  }

  .cdxx-how-mobile-detail__title {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
    color: #f5f0ff;
    letter-spacing: 0.02em;
  }

  .cdxx-how-mobile-detail__text {
    margin: 0;
    font-size: 13px;
    line-height: 1.45;
    color: rgba(220, 210, 255, 0.82);
    font-weight: 500;
  }

  .cdxx-how-step {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.2rem;
    min-height: 58px;
    padding: 8px 4px 10px;
    border-radius: 12px;
    text-align: center;
  }

  .cdxx-how-step__num {
    font-size: 13px;
    padding-top: 0;
    line-height: 1;
  }

  .cdxx-how-step__body {
    align-items: center;
    gap: 0;
    width: 100%;
  }

  .cdxx-how-step__title {
    font-size: 9px;
    line-height: 1.2;
    letter-spacing: 0.03em;
    color: rgba(220, 210, 255, 0.72);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .cdxx-how-step.is-active .cdxx-how-step__title {
    color: #f5f0ff;
  }

  .cdxx-how-step__text {
    display: none;
  }

  .cdxx-how-step__progress {
    height: 3px;
    border-radius: 0 0 11px 11px;
  }

  .cdxx-how-it-works__visual,
  .cdxx-how-it-works--asset-step .cdxx-how-it-works__visual,
  .cdxx-how-it-works--mock-step .cdxx-how-it-works__visual,
  .cdxx-how-it-works__visual:has(.cdxx-how-visual--asset.is-active),
  .cdxx-how-it-works__visual:has(.cdxx-how-visual.is-active:not(.cdxx-how-visual--asset)) {
    --cdxx-how-asset-max-h: 283px;
    min-height: var(--cdxx-how-asset-max-h);
    height: var(--cdxx-how-asset-max-h);
    border-radius: 16px;
    border: 1px solid rgba(110, 47, 255, 0.32);
    background:
      radial-gradient(circle at 28% 16%, rgba(159, 77, 255, 0.18), transparent 52%),
      linear-gradient(165deg, rgba(16, 9, 34, 0.98), rgba(6, 4, 14, 0.99));
    box-shadow:
      0 0 0 1px rgba(110, 47, 255, 0.1) inset,
      0 12px 32px rgba(0, 0, 0, 0.38),
      0 0 28px rgba(110, 47, 255, 0.14);
    overflow: hidden;
  }

  .cdxx-how-visual,
  .cdxx-how-visual--asset,
  .cdxx-how-visual--asset.is-active {
    padding: 2px 4px;
    align-items: stretch;
    justify-content: stretch;
  }

  .cdxx-how-it-works__visual .cdxx-how-visual__img {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    min-height: 0;
    margin: 0;
    display: block;
    object-fit: contain;
    object-position: center center;
    border-radius: 8px;
  }

  #cdxx-how-panel-2 .cdxx-how-visual__img {
    transform: scale(1.12);
    transform-origin: center center;
  }

  #cdxx-how-panel-4 .cdxx-how-visual__img {
    transform: scale(1.22);
    transform-origin: center center;
  }

  /* —— Why Choose: image band + readable copy stack —— */
  .cdxx-why-choose {
    padding: 24px 0 20px;
  }

  .cdxx-why-choose__head.service-categories-head {
    margin-bottom: 10px;
  }

  .cdxx-why-choose__subtitle {
    margin-top: 6px;
    font-size: 13px;
    line-height: 1.45;
    max-width: 34ch;
  }

  .cdxx-why-choose__grid {
    grid-template-columns: 1fr;
    grid-template-rows: none;
    gap: 10px;
  }

  .cdxx-why-card,
  .cdxx-why-card--support,
  .cdxx-why-card--payments,
  .cdxx-why-card--private,
  .cdxx-why-card--delivery,
  .cdxx-why-card--tall,
  .cdxx-why-card--wide {
    --cdxx-why-mobile-art-h: clamp(118px, 32vw, 132px);
    --cdxx-why-mobile-art-pad: 0px;
    grid-column: 1;
    grid-row: auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    min-height: auto;
    height: auto;
    padding: 0;
    border-radius: 14px;
    overflow: hidden;
  }

  .cdxx-why-card::before,
  .cdxx-why-card--support::before,
  .cdxx-why-card--payments::before,
  .cdxx-why-card--private::before,
  .cdxx-why-card--delivery::before {
    z-index: 1;
    background: none;
    opacity: 0;
  }

  .cdxx-why-card--support::after,
  .cdxx-why-card--payments::after,
  .cdxx-why-card--private::after,
  .cdxx-why-card--delivery::after {
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: calc(var(--cdxx-why-mobile-art-h) + 1px);
    transform: none;
    border-radius: 10px 10px 0 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    opacity: 1;
  }

  .cdxx-why-card--support::after {
    background-image: url("assets/MOBILE SUPPORT FEATURES.png");
    background-position: center center;
    background-size: cover;
  }

  .cdxx-why-card--payments::after {
    background-image: url("assets/MOBILE SECURE PAYMENTS.png");
    background-position: center center;
    background-size: cover;
  }

  .cdxx-why-card--private::after {
    background-image: url("assets/MOBILE PRIVATE ORDERS.png");
    background-position: center center;
    background-size: cover;
  }

  .cdxx-why-card--delivery::after {
    background-position: center center;
  }

  .cdxx-why-card__scene {
    display: none !important;
  }

  .cdxx-why-bubble,
  .cdxx-why-chip,
  .cdxx-why-speed {
    display: none;
  }

  .cdxx-why-card__copy {
    position: relative;
    z-index: 2;
    margin-top: calc(var(--cdxx-why-mobile-art-h) - 1px);
    padding: 10px 14px 14px;
    text-align: left;
    background: linear-gradient(
      180deg,
      rgba(8, 4, 18, 0.98) 0%,
      rgba(5, 2, 12, 1) 100%
    );
  }

  .cdxx-why-card--support .cdxx-why-card__copy,
  .cdxx-why-card--payments .cdxx-why-card__copy,
  .cdxx-why-card--private .cdxx-why-card__copy,
  .cdxx-why-card--delivery .cdxx-why-card__copy {
    margin-top: calc(var(--cdxx-why-mobile-art-h) - 1px);
    margin-left: 0;
    margin-right: 0;
    max-width: none;
    width: 100%;
    text-align: left;
    box-sizing: border-box;
  }

  .cdxx-why-card__title {
    margin: 0 0 4px;
    font-size: 15px;
    line-height: 1.2;
  }

  .cdxx-why-card__text {
    margin: 0;
    font-size: 13px;
    line-height: 1.42;
    max-width: none;
  }

  .cdxx-why-card--delivery .cdxx-why-card__title,
  .cdxx-why-card--delivery .cdxx-why-card__text {
    margin-left: 0;
    margin-right: 0;
    max-width: none;
  }

  /* —— Trust / feedback: premium mobile stack —— */
  .cdxx-trust {
    --cdxx-trust-grid-gap: 10px;
    --cdxx-trust-compact-height: auto;
    --cdxx-trust-featured-height: auto;
    --cdxx-trust-column-height: auto;
    --cdxx-trust-mobile-card-fill:
      radial-gradient(ellipse 115% 72% at 50% -8%, rgba(78, 36, 150, 0.44) 0%, transparent 56%),
      repeating-radial-gradient(circle, rgba(255, 255, 255, 0.04) 0 1px, transparent 1px 11px),
      linear-gradient(168deg, rgba(15, 8, 30, 1) 0%, rgba(7, 3, 16, 1) 100%);
    padding: 24px 0 20px;
  }

  .cdxx-trust__head.service-categories-head {
    margin-bottom: 10px;
  }

  .cdxx-trust__subtitle {
    margin-top: 6px;
    font-size: 13px;
    line-height: 1.45;
    max-width: 34ch;
  }

  .cdxx-trust__wall {
    gap: 10px;
  }

  .cdxx-trust__stats {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0;
    margin-bottom: 0;
    border-radius: 12px;
  }

  .cdxx-trust-stat {
    padding: 10px 8px;
    min-height: 52px;
  }

  .cdxx-trust-stat__value {
    font-size: 0.92rem;
  }

  .cdxx-trust-stat__label {
    font-size: 10px;
    letter-spacing: 0.08em;
  }

  .cdxx-trust__featured-row {
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
    padding-left: 0;
    min-height: 0;
  }

  .cdxx-trust__source-rail {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
    width: 100%;
    padding: 0;
    margin: 0;
    pointer-events: auto;
  }

  .cdxx-trust-source-icon {
    flex-direction: column;
    gap: 0.28rem;
    width: 100%;
    height: auto;
    min-height: 58px;
    padding: 8px 4px;
    border-radius: 12px;
    border: 1px solid rgba(110, 47, 255, 0.22);
    background: rgba(10, 6, 22, 0.9);
    transform: none;
  }

  .cdxx-trust-source-icon:hover:not(:disabled) {
    transform: none;
  }

  .cdxx-trust-source-icon.is-active {
    border-color: rgba(159, 77, 255, 0.52);
    background: linear-gradient(
      180deg,
      rgba(52, 24, 98, 0.95) 0%,
      rgba(18, 8, 36, 0.98) 100%
    );
    box-shadow:
      0 0 0 1px rgba(159, 77, 255, 0.14) inset,
      0 0 18px rgba(110, 47, 255, 0.22);
  }

  .cdxx-trust-source-icon__hit {
    width: 1.55rem;
    height: 1.55rem;
    border-radius: 50%;
  }

  .cdxx-trust-source-icon__label {
    position: static;
    transform: none;
    opacity: 1;
    max-width: none;
    font-size: 9px;
    letter-spacing: 0.07em;
    color: rgba(186, 176, 220, 0.72);
    white-space: nowrap;
  }

  .cdxx-trust-source-icon.is-active .cdxx-trust-source-icon__label,
  .cdxx-trust-source-icon:hover:not(:disabled) .cdxx-trust-source-icon__label {
    color: rgba(240, 232, 255, 0.95);
  }

  .cdxx-trust-source-icon.is-active::after {
    display: none;
  }

  .cdxx-trust__featured-stack {
    gap: 8px;
    width: 100%;
  }

  .cdxx-trust-card {
    border-radius: 16px;
    border: 1px solid rgba(130, 62, 255, 0.38);
    background-color: #07030f !important;
    background-image: var(--cdxx-trust-mobile-card-fill) !important;
    background-size: cover, 11px 11px, cover !important;
    background-position: center top, center, center !important;
    background-repeat: no-repeat, repeat, no-repeat !important;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.44);
  }

  .cdxx-trust-card:hover {
    transform: none;
    border-color: rgba(130, 62, 255, 0.38);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.44);
  }

  .cdxx-trust-card--featured {
    display: flex;
    flex-direction: column;
    gap: 0;
    height: auto;
    min-height: 0;
    max-height: none;
    padding: 12px 14px 11px;
    overflow: hidden;
  }

  .cdxx-trust-card--featured .cdxx-trust-card__head {
    min-height: 0;
    padding: 0 0 7px;
    background: none !important;
  }

  .cdxx-trust-card--featured .cdxx-trust-card__top {
    align-items: flex-start;
    gap: 8px;
  }

  .cdxx-trust-card--featured .cdxx-trust-card__stars {
    flex-shrink: 0;
    gap: 0.08rem;
  }

  .cdxx-trust-card--featured .cdxx-trust-card__stars svg {
    width: 13px;
    height: 13px;
  }

  .cdxx-trust-card--featured .cdxx-trust-card__badges {
    flex: 1 1 auto;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
    gap: 4px;
    min-width: 0;
  }

  .cdxx-trust-card--featured .cdxx-trust-card__badge-row {
    justify-content: flex-end;
    gap: 4px;
  }

  .cdxx-trust-card--featured .cdxx-trust-card__verified {
    font-size: 8px;
    padding: 3px 6px;
    letter-spacing: 0.05em;
  }

  .cdxx-trust-card--featured .cdxx-trust-card__recent-pill {
    font-size: 8px;
    padding: 3px 6px;
    letter-spacing: 0.05em;
    max-width: 100%;
    text-align: right;
  }

  .cdxx-trust-card--featured .cdxx-trust-card__stage {
    flex: 1 1 auto;
    align-items: stretch;
    justify-content: flex-start;
    min-height: 0;
    padding: 0;
    margin-top: 0;
    background: none !important;
  }

  .cdxx-trust-card--featured .cdxx-trust-card__stage-inner {
    align-items: flex-start;
    justify-content: flex-start;
    gap: 7px;
    width: 100%;
    max-width: none;
    text-align: left;
  }

  .cdxx-trust-card--featured .cdxx-trust-card__reviewer {
    justify-content: flex-start;
    width: auto;
    margin: 0;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: rgba(142, 236, 188, 0.95);
  }

  .cdxx-trust-card--featured .cdxx-trust-card__reviewer::before {
    width: 6px;
    height: 6px;
  }

  .cdxx-trust-card--featured .cdxx-trust-card__title {
    font-size: 17px;
    line-height: 1.22;
    color: #fff;
    -webkit-line-clamp: 2;
  }

  .cdxx-trust-card--featured .cdxx-trust-card__quote,
  .cdxx-trust-card--featured .cdxx-trust-card__quote p,
  .cdxx-trust-card--featured .cdxx-trust-card__text {
    width: 100%;
    margin: 0;
    font-size: 13px;
    line-height: 1.48;
    color: rgba(214, 204, 238, 0.92);
    text-align: left;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .cdxx-trust-card--featured .cdxx-trust-card__actions {
    width: 100%;
    min-height: 0;
    margin-top: 2px;
    gap: 6px;
  }

  .cdxx-trust-card--featured .cdxx-trust-card__read-more {
    width: 100%;
    min-height: 40px;
    padding: 9px 12px;
    font-size: 10px;
    letter-spacing: 0.06em;
    border-radius: 10px;
    border: 1px solid rgba(150, 72, 255, 0.42);
    background: rgba(42, 18, 88, 0.82);
    box-shadow: none;
  }

  .cdxx-trust-card--featured .cdxx-trust-card__foot {
    flex-shrink: 0;
    margin-top: 0;
    padding: 9px 0 0;
    background: none !important;
    border-top: none !important;
  }

  .cdxx-trust-card--featured .cdxx-trust-card__foot-divider {
    display: none !important;
  }

  .cdxx-trust-card--featured .cdxx-trust-card__foot-row {
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 6px;
  }

  .cdxx-trust-card--featured .cdxx-trust-card__tag,
  .cdxx-trust-card--featured .cdxx-trust-card__completed {
    font-size: 9px;
    padding: 4px 8px;
  }

  .cdxx-trust__under-featured-host {
    display: none;
  }

  .cdxx-trust__grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
    height: auto;
    min-height: 0;
    max-height: none;
    grid-auto-rows: auto;
    order: 4;
  }

  .cdxx-trust:not(.cdxx-trust--mobile-expanded) .cdxx-trust__grid .cdxx-trust-card--compact:nth-child(n + 2) {
    display: none;
  }

  .cdxx-trust-card--compact {
    height: auto;
    min-height: 0;
    max-height: none;
    padding: 12px 14px;
  }

  .cdxx-trust-card--compact:nth-child(odd),
  .cdxx-trust-card--compact:nth-child(even) {
    transform: none;
  }

  .cdxx-trust-card--compact .cdxx-trust-card__title {
    font-size: 14px;
    line-height: 1.22;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .cdxx-trust-card--compact .cdxx-trust-card__text {
    font-size: 12px;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .cdxx-trust-card--compact .cdxx-trust-card__tag {
    font-size: 9px;
    padding: 3px 7px;
  }

  .cdxx-trust__mobile-more {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 2px;
    margin-bottom: 4px;
    min-height: 42px;
    padding: 10px 14px;
    border-radius: 12px;
    border: 1px solid rgba(110, 47, 255, 0.32);
    background: rgba(12, 6, 26, 0.92);
    font-size: 13px;
    font-weight: 700;
    order: 5;
  }

  .cdxx-trust--mobile-expanded .cdxx-trust__grid {
    grid-template-columns: 1fr;
  }

  .cdxx-trust--mobile-expanded .cdxx-trust__under-featured-host {
    display: block;
  }

  .cdxx-trust--mobile-expanded .cdxx-trust__under-featured-host .cdxx-trust-card--compact {
    margin-top: 0;
  }

  /* —— FAQ: premium mobile stack —— */
  .cdxx-faq {
    --cdxx-faq-mobile-card-fill:
      radial-gradient(ellipse 115% 72% at 50% -8%, rgba(78, 36, 150, 0.4) 0%, transparent 56%),
      repeating-radial-gradient(circle, rgba(255, 255, 255, 0.035) 0 1px, transparent 1px 11px),
      linear-gradient(168deg, rgba(14, 8, 28, 1) 0%, rgba(7, 3, 16, 1) 100%);
    padding: 22px 0 20px;
    border-top-color: rgba(110, 47, 255, 0.1);
    border-bottom-color: rgba(110, 47, 255, 0.08);
  }

  .cdxx-faq__texture {
    opacity: 0.22;
    mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.55), transparent 88%);
  }

  .cdxx-faq__glow {
    left: 50%;
    top: 6%;
    width: min(280px, 78vw);
    height: 180px;
    transform: translate(-50%, 0);
    opacity: 0.55;
    filter: blur(28px);
  }

  .cdxx-faq__layout {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .cdxx-faq__support {
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-width: none;
    text-align: left;
  }

  .cdxx-faq__kicker {
    margin-bottom: 0;
    font-size: 10px;
    letter-spacing: 0.16em;
    color: rgba(176, 138, 255, 0.82);
  }

  .cdxx-faq__title {
    font-size: clamp(22px, 5.4vw, 26px);
    line-height: 1.2;
    text-wrap: balance;
    text-shadow:
      0 0 18px rgba(159, 77, 255, 0.22),
      0 2px 10px rgba(0, 0, 0, 0.55);
  }

  .cdxx-faq__lead {
    max-width: none;
    margin-top: 0;
    font-size: 13px;
    line-height: 1.45;
    color: rgba(186, 176, 214, 0.88);
  }

  .cdxx-faq__support-card-wrap {
    margin-top: 4px;
    margin-inline: 0;
    max-width: none;
  }

  .cdxx-faq__support-card-atmo {
    display: none;
  }

  .cdxx-faq__support-card {
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    border-radius: 16px;
    border: 1px solid rgba(130, 62, 255, 0.36);
    background: var(--cdxx-faq-mobile-card-fill) !important;
    background-color: #07030f !important;
    background-size: cover, 11px 11px, cover !important;
    background-position: center top, center, center !important;
    background-repeat: no-repeat, repeat, no-repeat !important;
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.4);
    backdrop-filter: none;
  }

  .cdxx-faq__support-icon {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 12px;
    border-color: rgba(150, 72, 255, 0.4);
    box-shadow: 0 0 12px rgba(110, 47, 255, 0.22);
  }

  .cdxx-faq__support-icon-img {
    width: 26px;
    height: 26px;
  }

  .cdxx-faq__support-card-title {
    font-size: 15px;
    font-weight: 700;
    color: #fff;
  }

  .cdxx-faq__support-card-text {
    margin-top: 3px;
    font-size: 12px;
    line-height: 1.42;
    color: rgba(186, 176, 214, 0.9);
  }

  .cdxx-faq__actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin-top: 2px;
    margin-bottom: 2px;
  }

  .cdxx-faq__btn {
    width: 100%;
    min-height: 42px;
    padding: 10px 12px;
    border-radius: 12px;
    font-size: 13px;
    font-weight: 700;
    justify-content: center;
  }

  .cdxx-faq__btn--support {
    border: 1px solid rgba(140, 68, 255, 0.42);
    background: rgba(18, 8, 36, 0.92) !important;
    box-shadow: none;
  }

  .cdxx-faq__panel {
    min-width: 0;
    overflow: hidden;
    gap: 10px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .cdxx-faq__tabs {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
    width: 100%;
    max-width: 100%;
    margin-inline: 0;
    padding: 0 0 8px;
    overflow: visible;
    scroll-snap-type: none;
  }

  .cdxx-faq-tab {
    flex: unset;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    width: 100%;
    min-width: 0;
    min-height: 54px;
    padding: 8px 4px;
    border-radius: 12px;
    border: 1px solid rgba(110, 47, 255, 0.22);
    background: rgba(10, 6, 22, 0.9);
    font-size: 9px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    white-space: nowrap;
    transform: none;
  }

  .cdxx-faq-tab:hover {
    transform: none;
  }

  .cdxx-faq-tab.is-active {
    border-color: rgba(159, 77, 255, 0.52);
    background: linear-gradient(
      180deg,
      rgba(52, 24, 98, 0.95) 0%,
      rgba(18, 8, 36, 0.98) 100%
    );
    box-shadow:
      0 0 0 1px rgba(159, 77, 255, 0.14) inset,
      0 0 16px rgba(110, 47, 255, 0.2);
    color: #fff;
  }

  .cdxx-faq-tab__icon svg {
    width: 15px;
    height: 15px;
  }

  .cdxx-faq-tab__icon {
    opacity: 0.82;
  }

  .cdxx-faq-tab.is-active .cdxx-faq-tab__icon {
    opacity: 1;
  }

  .cdxx-faq-tab__label {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
  }

  .cdxx-faq__accordions {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }

  .cdxx-faq-accordion-panel {
    gap: 8px;
  }

  .cdxx-faq-item {
    border-radius: 14px;
    border: 1px solid rgba(120, 58, 240, 0.24);
    background: var(--cdxx-faq-mobile-card-fill) !important;
    background-color: #07030f !important;
    background-size: cover, 11px 11px, cover !important;
    background-position: center top, center, center !important;
    background-repeat: no-repeat, repeat, no-repeat !important;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.34);
  }

  .cdxx-faq-item.is-open {
    border-color: rgba(150, 72, 255, 0.48);
    background: var(--cdxx-faq-mobile-card-fill) !important;
    box-shadow:
      0 0 0 1px rgba(159, 77, 255, 0.1) inset,
      0 10px 22px rgba(0, 0, 0, 0.38);
  }

  .cdxx-faq-item.is-open::before {
    opacity: 0.45;
    background: linear-gradient(90deg, rgba(110, 47, 255, 0.12) 0%, transparent 42%);
  }

  .cdxx-faq-item.is-open::after {
    top: 18%;
    bottom: 18%;
    width: 2px;
    box-shadow: 0 0 10px rgba(110, 47, 255, 0.4);
  }

  .cdxx-faq-item__trigger {
    padding: 12px 14px;
    font-size: 14px;
    line-height: 1.35;
    color: #f4f0ff;
  }

  .cdxx-faq-item__answer {
    padding: 0 14px 12px;
    font-size: 13px;
    line-height: 1.48;
    color: rgba(186, 176, 214, 0.92);
    text-align: left;
  }

  /* —— Service / product cards —— */
  .cdxx-category-grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .cdxx-category-wrap,
  .cdxx-services-main__inner,
  .cdxx-all-games-wrap {
    padding-inline: 16px;
  }

  .cdxx-category-main {
    padding-top: 3.65rem;
    padding-bottom: 28px;
  }

  .cdxx-category-item,
  .cdxx-service-card {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }

  .cdxx-service-card {
    min-height: auto;
    border-radius: 12px;
  }

  .cdxx-service-card:not(.cdxx-service-card--banner) {
    display: flex;
    flex-direction: column;
  }

  .cdxx-service-card:not(.cdxx-service-card--banner) .cdxx-service-card__header {
    flex: 0 0 auto;
    height: 140px;
    min-height: 140px;
    max-height: 140px;
  }

  .cdxx-service-card:not(.cdxx-service-card--banner) .cdxx-service-card__header-img {
    object-position: center 36%;
    opacity: 0.55;
  }

  .cdxx-service-card:not(.cdxx-service-card--banner) .cdxx-service-card__hero-title {
    font-size: 18px;
    line-height: 1.08;
    width: min(82%, 260px);
  }

  .cdxx-service-card:not(.cdxx-service-card--banner) .cdxx-service-card__hero-sub {
    display: none;
  }

  .cdxx-service-card:not(.cdxx-service-card--banner) .cdxx-service-card__starting {
    top: 0.45rem;
    right: 0.45rem;
    padding: 0.2rem 0.45rem;
    font-size: 10px;
  }

  .cdxx-service-card:not(.cdxx-service-card--banner) .cdxx-service-card__starting-value {
    font-size: 13px;
  }

  .cdxx-service-card:not(.cdxx-service-card--banner) .cdxx-service-card__body {
    flex: 0 0 auto;
    padding: var(--cdxx-mobile-card-pad);
    min-height: 0;
    gap: 10px;
  }

  .cdxx-service-card__header {
    min-height: 140px;
    flex: 0 0 auto;
  }

  .cdxx-service-card--banner .cdxx-service-card__header {
    min-height: 100px;
    max-height: 110px;
  }

  .cdxx-service-card__header-img {
    object-fit: cover;
    object-position: center 36%;
  }

  .cdxx-service-card__hero-title {
    font-size: 18px;
  }

  .cdxx-service-card__body {
    padding: var(--cdxx-mobile-card-pad);
    min-height: auto;
    gap: 10px;
  }

  .cdxx-service-card__desc,
  .cdxx-service-card__text {
    font-size: 13px;
    line-height: 1.42;
  }

  .cdxx-service-card__price,
  .cdxx-service-card__starting-value {
    font-size: 14px;
  }

  .cdxx-service-card__btn {
    min-height: 42px;
    padding: 10px 14px;
    font-size: 14px;
  }

  .cdxx-service-card__actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    flex-wrap: nowrap;
  }

  .cdxx-service-card--banner {
    display: flex;
    flex-direction: column;
  }

  .cdxx-service-card--banner .cdxx-service-card__body {
    min-height: auto;
    padding: var(--cdxx-mobile-card-pad);
  }

  .cdxx-service-card--banner .cdxx-service-card__actions {
    position: static;
    width: 100%;
    margin-top: 0;
    justify-content: stretch;
  }

  .cdxx-service-card--banner .cdxx-service-card__btn {
    flex: 1 1 auto;
    min-width: 0;
  }

  .cdxx-service-card--banner .cdxx-service-card__foot {
    height: auto;
    pointer-events: auto;
  }

  .cdxx-service-card--banner .cdxx-service-card__banner-foot > .cdxx-service-card__hero-title {
    position: static;
    top: auto;
    left: auto;
    transform: none;
    width: 100%;
    max-width: none;
    padding: 0;
    font-size: 17px;
    text-align: left;
  }

  /* All games — horizontal product rows (non–services-hub pages) */
  .cdxx-all-games-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .cdxx-all-games-card {
    flex-direction: row;
    align-items: stretch;
    border-radius: 14px;
  }

  .cdxx-all-games-card__media {
    flex: 0 0 96px;
    width: 96px;
    height: auto;
    min-height: 0;
    max-height: none;
    aspect-ratio: 1;
  }

  .cdxx-all-games-card__image {
    --cdxx-game-art-position: center 42%;
    --cdxx-game-art-zoom: 1.12;
    transform: scale(var(--cdxx-game-art-zoom));
    transform-origin: center center;
    min-height: 0;
    height: 100%;
    object-fit: cover;
    object-position: var(--cdxx-game-art-position);
    border-radius: inherit;
  }

  .cdxx-all-games-card__body {
    flex: 1;
    min-width: 0;
    justify-content: center;
    padding: 12px 14px 12px 0;
    gap: 4px;
  }

  .cdxx-all-games-card__title {
    font-size: 16px;
    line-height: 1.15;
  }

  .cdxx-all-games-card__meta,
  .cdxx-all-games-card__tag {
    font-size: 11px;
  }

  .cdxx-all-games-card__cta {
    width: auto;
    align-self: flex-start;
    margin-top: 4px;
    min-height: 36px;
    padding: 0.4rem 0.75rem;
    font-size: 13px;
  }

  .cdxx-services-mobile-categories-btn {
    width: calc(100% - 32px);
    margin-inline: 16px;
    font-size: 14px;
    min-height: 42px;
  }

  /* —— Services hub — premium mobile catalog —— */
  .cdxx-services-hub-page {
    --cdxx-services-sidebar-top: clamp(4.75rem, 11vh, 5.75rem);
    --cdxx-services-footer-bridge: 0;
  }

  .cdxx-services-hub-page .site-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    padding-bottom: 4px;
  }

  .cdxx-services-hub-page #cdxx-services-nav-home,
  .cdxx-services-hub-page .cdxx-services-hub-nav__btn--home,
  .cdxx-services-hub-page #cdxx-services-nav-catalog,
  .cdxx-services-hub-page .cdxx-services-hub-nav__btn--catalog,
  body.cdxx-services-hub-page.is-services-category-view .cdxx-services-hub-nav,
  .cdxx-category-page .cdxx-category-back {
    display: none !important;
  }

  .cdxx-services-hub-page .cdxx-services-hub-nav:not(:has(.cdxx-services-hub-nav__btn:not([hidden]))) {
    display: none;
  }

  .cdxx-services-hub-page .nav-wrap {
    margin-inline: auto;
    justify-items: center;
  }

  .cdxx-services-hub-page .nav-left {
    justify-self: center;
    margin-right: 0.2rem;
  }

  .cdxx-services-hub-page .nav-right {
    justify-self: center;
    margin-left: 0.2rem;
  }

  .cdxx-services-hub-page .top-center-icon {
    justify-self: center;
    margin-inline: 0.2rem;
  }

  .cdxx-services-hub-page .nav-status {
    margin-inline: auto;
  }

  .cdxx-services-hub-page .cdxx-services-hub-nav {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    order: 0;
    width: calc(100% - 32px);
    max-width: none;
    margin: 0 auto;
    padding: 0;
    z-index: 2;
  }

  .cdxx-services-hub-page .cdxx-services-hub-nav__btn {
    min-height: var(--cdxx-mobile-touch);
    padding: 0.65rem 1rem;
    border-radius: 14px;
    font-size: 11px;
    letter-spacing: 0.14em;
    box-shadow:
      0 0 0 1px rgba(159, 77, 255, 0.14) inset,
      0 0 28px rgba(110, 47, 255, 0.2),
      0 10px 28px rgba(0, 0, 0, 0.32);
  }

  .cdxx-services-hub-page .cdxx-services-hub-main {
    padding-top: var(--cdxx-services-sidebar-top);
    padding-bottom: 0;
  }

  .cdxx-services-hub-page .cdxx-services-mobile-categories-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: calc(100% - 32px);
    margin: 0 16px 14px;
    padding: 0 16px;
    min-height: var(--cdxx-mobile-touch);
    border-radius: 14px;
    border: 1px solid rgba(130, 72, 255, 0.48);
    background: linear-gradient(
      180deg,
      rgba(110, 47, 255, 0.22) 0%,
      rgba(28, 10, 62, 0.55) 100%
    );
    color: #f3ecff;
    font-family: Orbitron, var(--cdxx-box-font), system-ui, sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    box-shadow:
      0 0 0 1px rgba(159, 77, 255, 0.1) inset,
      0 8px 24px rgba(0, 0, 0, 0.28);
    cursor: var(--cdxx-cursor-hover);
  }

  .cdxx-services-hub-page .cdxx-services-mobile-categories-btn__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: rgba(200, 168, 255, 0.95);
  }

  .cdxx-services-hub-page .cdxx-services-mobile-categories-btn[aria-expanded="true"] {
    border-color: rgba(180, 130, 255, 0.72);
    background: linear-gradient(
      180deg,
      rgba(130, 62, 255, 0.38) 0%,
      rgba(40, 16, 90, 0.62) 100%
    );
    box-shadow:
      0 0 0 1px rgba(200, 150, 255, 0.16) inset,
      0 0 24px rgba(110, 47, 255, 0.28);
  }

  .cdxx-services-hub-page .cdxx-services-sidebar-backdrop,
  .cdxx-services-hub-page .cdxx-services-sidebar-backdrop.is-open {
    background: transparent;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }

  body.cdxx-services-hub-page.cdxx-services-drawer-open .site-header,
  body.cdxx-services-hub-page.cdxx-services-drawer-open .cdxx-services-mobile-categories-btn,
  body.cdxx-services-hub-page.cdxx-services-drawer-open .cdxx-services-main {
    visibility: hidden;
    pointer-events: none;
  }

  body.cdxx-services-hub-page.cdxx-services-drawer-open .cdxx-services-sidebar-backdrop.is-open {
    background: rgba(4, 2, 12, 0.94);
  }

  body.cdxx-services-hub-page.cdxx-services-drawer-open .cdxx-services-sidebar {
    z-index: 220;
  }

  .cdxx-services-hub-page .cdxx-services-sidebar {
    width: min(100vw, 22.5rem);
    max-width: 100vw;
    padding-top: env(safe-area-inset-top, 0px);
    border-right: 1px solid rgba(139, 92, 246, 0.32);
    background: linear-gradient(180deg, rgba(12, 8, 28, 0.98), rgba(6, 4, 16, 0.99));
    box-shadow: 12px 0 48px rgba(0, 0, 0, 0.55);
  }

  .cdxx-services-hub-page .cdxx-services-sidebar__head {
    padding: max(1rem, calc(0.85rem + env(safe-area-inset-top, 0px))) 1.15rem 0.85rem;
  }

  .cdxx-services-hub-page .cdxx-services-sidebar__close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.35);
    color: #cbd5e1;
    font-size: 1.35rem;
    line-height: 1;
    cursor: var(--cdxx-cursor-hover);
  }

  .cdxx-services-hub-page .cdxx-services-sidebar__close:hover {
    border-color: rgba(167, 139, 250, 0.45);
    color: #fff;
  }

  .cdxx-services-hub-page .cdxx-services-sidebar__head-label {
    font-size: 0.72rem;
    letter-spacing: 0.16em;
  }

  .cdxx-services-hub-page .cdxx-services-sidebar__category-btn {
    min-height: var(--cdxx-mobile-touch);
    padding: 0.85rem 1.1rem;
    font-size: 0.9rem;
  }

  .cdxx-services-hub-page .cdxx-services-sidebar__sub-btn {
    min-height: 40px;
    padding: 0.7rem 1.15rem 0.7rem 2rem;
    font-size: 0.84rem;
  }

  .cdxx-services-hub-page .cdxx-services-main__inner {
    padding-inline: 0;
    padding-bottom: 0;
  }

  .cdxx-services-hub-page .cdxx-services-content-stage {
    padding-inline: 16px;
  }

  .cdxx-services-hub-page .cdxx-all-games-head {
    margin-bottom: 14px;
  }

  .cdxx-services-hub-page .cdxx-category-head .service-categories-head__glitch h1 {
    font-size: clamp(24px, 6vw, 28px);
    padding: 0.35rem 1.1rem 0.3rem;
    background-size: 100% auto;
    background-position: left 48%;
  }

  .cdxx-services-hub-page .cdxx-all-games-subtitle,
  .cdxx-services-hub-page .cdxx-category-subtitle {
    font-size: 14px;
    line-height: 1.5;
    color: rgba(228, 218, 255, 0.88);
    max-width: none;
    margin-bottom: 0;
  }

  .cdxx-services-hub-page .cdxx-all-games-grid {
    gap: 14px;
    margin-top: 8px;
  }

  .cdxx-services-hub-page .cdxx-all-games-card {
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-end;
    min-height: 355px;
    padding-bottom: 64px;
    border-radius: 16px;
    border-color: rgba(72, 44, 130, 0.62);
    background: #070711;
    box-shadow:
      0 4px 22px rgba(0, 0, 0, 0.36),
      0 0 0 1px rgba(110, 47, 255, 0.08) inset;
  }

  .cdxx-services-hub-page .cdxx-all-games-card__media {
    position: absolute;
    inset: -2px;
    flex: none;
    width: auto;
    height: auto;
    min-height: 0;
    max-height: none;
    aspect-ratio: auto;
    border-radius: inherit;
  }

  .cdxx-services-hub-page .cdxx-all-games-card__image {
    --cdxx-game-art-position: center 42%;
    --cdxx-game-art-zoom: 1.12;
    width: 100%;
    height: 100%;
    min-height: 0;
    transform: scale(var(--cdxx-game-art-zoom));
    transform-origin: center center;
    object-fit: cover;
    object-position: var(--cdxx-game-art-position);
    border-radius: inherit;
  }

  .cdxx-services-hub-page .cdxx-all-games-card__body {
    position: relative;
    z-index: 2;
    width: 100%;
    margin-top: 0;
    padding: 20px 18px 0;
    gap: 6px;
    align-items: flex-start;
    justify-content: center;
    background: transparent;
  }

  .cdxx-services-hub-page .cdxx-all-games-card__label {
    font-size: 10px;
    letter-spacing: 0.12em;
    padding: 0.22rem 0.55rem;
    border-radius: 6px;
  }

  .cdxx-services-hub-page .cdxx-all-games-card__title {
    font-size: 17px;
    line-height: 1.2;
  }

  .cdxx-services-hub-page .cdxx-all-games-card__meta {
    font-size: 12px;
    color: rgba(186, 176, 214, 0.92);
  }

  .cdxx-services-hub-page .cdxx-all-games-card__tag {
    font-size: 10px;
    letter-spacing: 0.1em;
  }

  .cdxx-services-hub-page .cdxx-all-games-card__cta {
    width: 100%;
    align-self: stretch;
    margin-top: 8px;
    min-height: var(--cdxx-mobile-touch);
    padding: 0.55rem 1rem;
    border-radius: 12px;
    font-size: 11px;
    letter-spacing: 0.1em;
    box-shadow: 0 0 20px rgba(110, 47, 255, 0.32);
  }

  .cdxx-services-hub-page .cdxx-category-toolbar {
    margin-bottom: 10px;
  }

  .cdxx-services-hub-page .cdxx-category-chips {
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    gap: 8px;
    padding-bottom: 4px;
  }

  .cdxx-services-hub-page .cdxx-category-chips::-webkit-scrollbar {
    display: none;
  }

  .cdxx-services-hub-page #cdxx-cat-count {
    font-size: 12px;
    margin-bottom: 10px;
    color: rgba(170, 162, 210, 0.88);
  }

  .cdxx-services-hub-page .cdxx-footer {
    margin-top: 0;
    padding-top: 12px;
  }

  /* —— Contact —— */
  .cdxx-contact-page .cdxx-contact-main {
    padding-top: 3.65rem;
    padding-bottom: calc(28px + 52px + env(safe-area-inset-bottom, 0px));
  }

  .cdxx-contact-page .container:not(.nav-wrap) {
    padding-left: 16px;
    padding-right: 16px;
  }

  .cdxx-contact-options {
    padding-bottom: 1rem;
  }

  .cdxx-contact-options__flow {
    display: none;
  }

  .cdxx-contact-options__grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .cdxx-contact-option-card {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr);
    grid-template-rows: auto auto auto;
    align-items: start;
    gap: 2px 12px;
    width: 100%;
    min-height: 0;
    padding: 14px 16px;
    border-radius: 14px;
  }

  .cdxx-contact-option-card__icon {
    grid-column: 1;
    grid-row: 1 / 3;
    align-self: start;
    width: 36px;
    height: 36px;
    border-radius: 10px;
  }

  .cdxx-contact-option-card__icon svg,
  .cdxx-contact-order-icon,
  .cdxx-contact-custom-icon,
  .cdxx-contact-discord-support-icon {
    width: 18px;
    height: 18px;
  }

  .cdxx-contact-option-card__title {
    grid-column: 2;
    grid-row: 1;
    margin: 0;
    font-size: 16px;
    line-height: 1.2;
  }

  .cdxx-contact-option-card__text {
    grid-column: 2;
    grid-row: 2;
    font-size: 13px;
    line-height: 1.4;
  }

  .cdxx-contact-option-card__btn {
    grid-column: 1 / -1;
    grid-row: 3;
    width: 100%;
    margin-top: 8px;
    min-height: 42px;
    padding: 10px 14px;
    font-size: 14px;
    text-align: center;
  }

  .cdxx-contact-option-card--featured {
    grid-template-rows: auto auto auto auto;
  }

  .cdxx-contact-option-card--featured .cdxx-contact-option-card__badge {
    position: static;
    grid-column: 2;
    grid-row: 1;
    justify-self: start;
    align-self: start;
    margin: 0 0 4px;
    transform: none;
    font-size: 9px;
    padding: 0.22rem 0.48rem;
  }

  .cdxx-contact-option-card--featured .cdxx-contact-option-card__icon {
    grid-row: 1 / 4;
  }

  .cdxx-contact-option-card--featured .cdxx-contact-option-card__title {
    grid-row: 2;
  }

  .cdxx-contact-option-card--featured .cdxx-contact-option-card__text {
    grid-row: 3;
  }

  .cdxx-contact-option-card--featured .cdxx-contact-option-card__btn {
    grid-row: 4;
  }

  .cdxx-contact-hero,
  .cdxx-contact-hero__inner {
    min-height: auto;
    padding-block: 0.75rem;
  }

  /* —— Choose category modal (COD variant picker) —— */
  .cdxx-cod-variant-modal {
    padding:
      max(12px, env(safe-area-inset-top, 0px))
      max(14px, env(safe-area-inset-right, 0px))
      max(12px, env(safe-area-inset-bottom, 0px))
      max(14px, env(safe-area-inset-left, 0px));
    align-items: stretch;
    justify-items: stretch;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }

  .cdxx-cod-variant-modal__backdrop {
    background: rgba(2, 0, 8, 0.74);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
  }

  .cdxx-cod-variant-modal__panel {
    width: 100%;
    max-width: none;
    max-height: none;
    overflow: visible;
    margin: 0;
    padding: 16px 16px 14px;
    border-radius: 16px;
    border: 1px solid rgba(130, 90, 255, 0.3);
    background:
      radial-gradient(ellipse 120% 72% at 50% -18%, rgba(88, 40, 180, 0.24), transparent 58%),
      linear-gradient(168deg, rgba(10, 7, 22, 0.97) 0%, rgba(5, 3, 12, 0.99) 100%);
    box-shadow:
      0 0 0 1px rgba(167, 139, 250, 0.08) inset,
      0 24px 48px rgba(0, 0, 0, 0.56),
      0 0 36px rgba(110, 47, 255, 0.14);
    filter: none;
    transform: none;
  }

  .cdxx-cod-variant-modal.is-open .cdxx-cod-variant-modal__panel {
    transform: none;
    filter: none;
  }

  .cdxx-cod-variant-modal__close {
    top: 12px;
    right: 12px;
    width: 34px;
    height: 34px;
    border-radius: 10px;
    border-color: rgba(255, 255, 255, 0.14);
    background: rgba(255, 255, 255, 0.05);
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.28);
  }

  .cdxx-cod-variant-modal__eyebrow {
    margin: 0 0 4px;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.16em;
    color: rgba(176, 138, 255, 0.86);
  }

  .cdxx-cod-variant-modal__title {
    margin: 0 0 14px;
    padding-right: 2.75rem;
    font-size: clamp(22px, 5.6vw, 26px);
    line-height: 1.18;
    letter-spacing: -0.01em;
    text-wrap: balance;
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.42);
  }

  .cdxx-cod-variant-modal__options {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  .cdxx-cod-variant-modal__option {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: stretch;
    width: 100%;
    min-height: 148px;
    height: auto;
    padding: 16px;
    border-radius: 14px;
    border: 1px solid rgba(150, 110, 255, 0.34);
    background: rgba(8, 5, 18, 0.94);
    box-shadow:
      0 0 0 1px rgba(255, 255, 255, 0.04) inset,
      0 10px 22px rgba(0, 0, 0, 0.34);
    overflow: hidden;
    -webkit-tap-highlight-color: transparent;
    transition:
      border-color 0.18s ease,
      box-shadow 0.18s ease,
      transform 0.18s ease;
  }

  .cdxx-cod-variant-modal__option::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(
      180deg,
      rgba(8, 4, 18, 0.08) 0%,
      rgba(4, 2, 10, 0.34) 42%,
      rgba(2, 1, 6, 0.84) 100%
    );
  }

  .cdxx-cod-variant-modal__option-video {
    position: absolute;
    inset: auto;
    top: -4%;
    left: 0;
    width: 100%;
    height: 108%;
    object-fit: cover;
    object-position: center 24%;
    opacity: 0.94;
    transform: scaleX(-1);
    z-index: 0;
    pointer-events: none;
  }

  .cdxx-cod-variant-modal__option-video--blackops {
    object-position: center 22%;
  }

  .cdxx-cod-variant-modal__option--warzone .cdxx-cod-variant-modal__option-video {
    object-position: center 26%;
  }

  .cdxx-cod-variant-modal__option-content {
    position: relative;
    inset: auto;
    transform: none;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    margin-top: auto;
    text-align: left;
  }

  .cdxx-cod-variant-modal__option-name {
    font-size: clamp(1.28rem, 4.8vw, 1.45rem);
    line-height: 1.08;
    letter-spacing: -0.01em;
  }

  .cdxx-cod-variant-modal__option-sub {
    margin-top: 4px;
    font-size: 0.82rem;
    font-weight: 500;
    color: rgba(236, 228, 255, 0.9);
    letter-spacing: 0.01em;
  }

  .cdxx-cod-variant-modal__option:hover,
  .cdxx-cod-variant-modal__option:focus-visible {
    transform: none;
    filter: none;
    box-shadow:
      0 0 0 1px rgba(255, 255, 255, 0.04) inset,
      0 10px 22px rgba(0, 0, 0, 0.34);
  }

  .cdxx-cod-variant-modal__option:hover .cdxx-cod-variant-modal__option-video,
  .cdxx-cod-variant-modal__option:focus-visible .cdxx-cod-variant-modal__option-video,
  .cdxx-cod-variant-modal__option--blackops:hover .cdxx-cod-variant-modal__option-video,
  .cdxx-cod-variant-modal__option--blackops:focus-visible .cdxx-cod-variant-modal__option-video,
  .cdxx-cod-variant-modal__option--warzone:hover .cdxx-cod-variant-modal__option-video,
  .cdxx-cod-variant-modal__option--warzone:focus-visible .cdxx-cod-variant-modal__option-video {
    transform: scaleX(-1);
  }

  .cdxx-cod-variant-modal__option:active {
    transform: scale(0.985);
    border-color: rgba(196, 181, 253, 0.72);
    box-shadow:
      0 0 0 1px rgba(196, 181, 253, 0.22) inset,
      0 0 22px rgba(110, 47, 255, 0.28);
  }

  html.low-end-mobile .cdxx-cod-variant-modal__backdrop {
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
  }

  /* —— Footer: premium mobile dock —— */
  .cdxx-footer {
    --cdxx-footer-mobile-fill:
      radial-gradient(ellipse 115% 72% at 50% -8%, rgba(78, 36, 150, 0.36) 0%, transparent 56%),
      repeating-radial-gradient(circle, rgba(255, 255, 255, 0.03) 0 1px, transparent 1px 11px),
      linear-gradient(168deg, rgba(12, 7, 24, 1) 0%, rgba(6, 3, 14, 1) 100%);
    padding: 20px 16px calc(18px + env(safe-area-inset-bottom, 0px));
    padding-left: max(16px, var(--safe-left));
    padding-right: max(16px, var(--safe-right));
    margin-top: 0.35rem;
    text-align: left;
    border-top-color: rgba(110, 47, 255, 0.1);
    background:
      radial-gradient(ellipse 90% 55% at 50% 0%, rgba(110, 47, 255, 0.1), transparent 62%),
      linear-gradient(180deg, rgba(4, 2, 10, 0.98) 0%, rgba(2, 1, 6, 1) 100%) !important;
  }

  .cdxx-footer__inner {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
    width: 100%;
    max-width: 100%;
  }

  .cdxx-footer__grid {
    display: contents;
  }

  .cdxx-footer__cta {
    display: none;
  }

  .cdxx-footer__statusline {
    display: flex;
    order: 0;
    flex-wrap: nowrap;
    align-items: stretch;
    justify-content: stretch;
    gap: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    border-radius: 12px;
    border: 1px solid rgba(110, 47, 255, 0.2);
    background: rgba(8, 5, 18, 0.94);
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.28);
    overflow: hidden;
  }

  .cdxx-footer__statuschip {
    display: inline-flex;
    flex: 1 1 0;
    align-items: center;
    justify-content: center;
    min-width: 0;
    margin: 0;
    padding: 8px 4px;
    font-size: 8px;
    letter-spacing: 0.08em;
    border-radius: 0;
    text-align: center;
    white-space: nowrap;
  }

  .cdxx-footer__statuschip:not(:last-child) {
    border-right: 1px solid rgba(110, 47, 255, 0.14);
  }

  .cdxx-footer__statuschip:not(:last-child)::after {
    display: none;
  }

  .cdxx-footer__statuschip:nth-child(4) {
    display: none;
  }

  .cdxx-footer__statuschip-dot {
    width: 5px;
    height: 5px;
    flex-shrink: 0;
  }

  .cdxx-footer__card {
    width: 100%;
    padding: 12px 14px;
    text-align: left;
    align-items: flex-start;
    border-radius: 16px;
    border: 1px solid rgba(130, 62, 255, 0.32);
    background: var(--cdxx-footer-mobile-fill) !important;
    background-color: #07030f !important;
    background-size: cover, 11px 11px, cover !important;
    background-position: center top, center, center !important;
    background-repeat: no-repeat, repeat, no-repeat !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.34);
  }

  .cdxx-footer__card:hover {
    border-color: rgba(130, 62, 255, 0.32);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.34);
    transform: none;
  }

  .cdxx-footer__card:nth-child(1) {
    order: 1;
    display: flex;
    flex-direction: column;
    gap: 6px;
  }

  .cdxx-footer__card:nth-child(1) .cdxx-footer__card-kicker {
    display: none;
  }

  .cdxx-footer__card-kicker {
    display: block;
    margin: 0 0 2px;
    font-size: 9px;
    letter-spacing: 0.14em;
    color: rgba(176, 138, 255, 0.78);
  }

  .cdxx-footer__card-title {
    font-size: 17px;
    margin: 0;
    font-family: Orbitron, system-ui, sans-serif;
    letter-spacing: 0.05em;
    color: #fff;
    line-height: 1.2;
  }

  .cdxx-footer__brand-desc {
    font-size: 12px;
    line-height: 1.42;
    max-width: none;
    margin: 0;
    color: rgba(186, 176, 214, 0.9);
  }

  .cdxx-footer__brand-desc::after {
    content: none;
    display: none;
  }

  .cdxx-footer__pill {
    display: none;
  }

  .cdxx-footer__social {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 6px;
    width: 100%;
    margin-top: 4px;
    padding-top: 0;
  }

  .cdxx-footer__social-btn {
    width: 36px;
    height: 36px;
    flex-shrink: 0;
    border-radius: 10px;
    border-color: rgba(130, 62, 255, 0.34);
    background: rgba(12, 7, 26, 0.92);
  }

  .cdxx-footer__card:nth-child(2) {
    order: 2;
    max-width: none;
    gap: 8px;
  }

  .cdxx-footer__card:nth-child(2) .cdxx-footer__card-kicker {
    margin-bottom: 0;
  }

  .cdxx-footer__card:nth-child(3),
  .cdxx-footer__card:nth-child(4) {
    display: none;
  }

  .cdxx-footer__links {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
    width: 100%;
  }

  .cdxx-footer__links a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 8px 4px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.03em;
    line-height: 1.2;
    border-radius: 10px;
    border: 1px solid rgba(110, 47, 255, 0.2);
    background: rgba(10, 6, 22, 0.88);
    color: rgba(220, 210, 245, 0.92);
    text-align: center;
    text-shadow: none;
  }

  .cdxx-footer__links a:hover,
  .cdxx-footer__links a:focus-visible {
    border-color: rgba(150, 72, 255, 0.42);
    background: rgba(24, 11, 48, 0.95);
    color: #fff;
    text-shadow: none;
    transform: none;
  }

  .cdxx-footer__bottom {
    order: 3;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    width: 100%;
    text-align: left;
    margin-top: 0;
    padding-top: 8px;
    border-top: 1px solid rgba(110, 47, 255, 0.12);
  }

  .cdxx-footer__bottom-left {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    text-align: left;
    gap: 4px 8px;
  }

  .cdxx-footer__legal {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 4px 10px;
    font-size: 10px;
  }

  .cdxx-footer__legal a {
    padding: 0;
    font-size: 10px;
    color: rgba(170, 158, 205, 0.88);
  }

  .cdxx-footer__copyright,
  .cdxx-footer__built {
    font-size: 11px;
    line-height: 1.2;
    color: rgba(170, 158, 205, 0.9);
  }

  .cdxx-footer__built {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    margin: 0;
  }

  .cdxx-footer__hex-badge {
    font-size: 9px;
    line-height: 1.35;
    padding: 0 6px;
    transform: none;
  }

  .cdxx-footer__btn {
    width: 100%;
    min-width: 0;
    min-height: var(--cdxx-mobile-touch);
    padding: 10px 14px;
  }

  /* —— Checkout —— */
  .cdxx-co2__inner {
    padding: calc(4.25rem + env(safe-area-inset-top, 0px)) 16px
      calc(2.25rem + 52px + env(safe-area-inset-bottom, 0px));
  }

  .cdxx-co2__top {
    margin-bottom: 1rem;
  }

  .cdxx-co2__back {
    white-space: normal;
    max-width: 100%;
    line-height: 1.25;
  }

  .cdxx-co2__grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .cdxx-co2__left,
  .cdxx-co2-side {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }

  .cdxx-co2-side {
    position: static;
    top: auto;
  }

  .cdxx-co2-glass,
  .cdxx-co2-pay,
  .cdxx-co2-desc {
    width: 100%;
    max-width: 100%;
    border-radius: 16px;
  }

  .cdxx-co2-desc {
    padding: 16px;
  }

  .cdxx-co2-pay {
    padding: 16px;
  }

  .cdxx-co2-hero__inner {
    padding: 0.75rem 1rem;
  }

  .cdxx-co2-hero__title {
    font-size: clamp(1rem, 5vw, 1.35rem);
    word-break: break-word;
  }

  .cdxx-co2-hero__visual-feature {
    max-height: 200px;
  }

  .cdxx-co2-hero__media-img,
  .cdxx-co2-hero__media-stage {
    max-height: 180px;
    object-fit: cover;
    object-position: center 32%;
  }

  .cdxx-co2-hero__thumbs {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    gap: 0.45rem;
    padding-bottom: 0.15rem;
  }

  .cdxx-co2-thumb {
    scroll-snap-align: center;
    flex: 0 0 22%;
    min-width: 4.5rem;
  }

  .cdxx-co2-plan {
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 0.65rem;
    padding: 0.85rem 0.9rem;
  }

  .cdxx-co2-plan__left {
    flex: 1 1 100%;
    min-width: 0;
  }

  .cdxx-co2-plan__prices {
    margin-left: auto;
    text-align: right;
  }

  .cdxx-co2-plan__label,
  .cdxx-co2-plan__subtitle,
  .cdxx-co2-plan__includes {
    word-break: break-word;
  }

  .cdxx-co2-pay__email {
    width: 100%;
  }

  .cdxx-co2-pay__email input {
    width: 100%;
    min-width: 0;
  }

  .cdxx-co2-pay__cart,
  .cdxx-co2-pay__submit {
    width: 100%;
    min-height: var(--cdxx-mobile-touch);
  }

  .cdxx-co2-pay__terms {
    align-items: flex-start;
    gap: 0.55rem;
    font-size: 13px;
    line-height: 1.45;
  }

  .cdxx-co2-pay__terms input {
    margin-top: 0.15rem;
    flex-shrink: 0;
  }

  .cdxx-co2-gallery-lb__panel {
    width: calc(100vw - 24px);
    max-width: calc(100vw - 24px);
    margin-inline: 12px;
  }

  /* —— Service preview modal — premium mobile sheet —— */
  .cdxx-preview-modal {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: max(10px, env(safe-area-inset-top)) 10px max(10px, env(safe-area-inset-bottom));
  }

  .cdxx-preview-modal__backdrop {
    background: rgba(2, 0, 8, 0.84);
    backdrop-filter: blur(14px) saturate(1.12);
    -webkit-backdrop-filter: blur(14px) saturate(1.12);
  }

  .cdxx-preview-modal__panel {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-rows: auto auto auto auto auto;
    gap: 0;
    width: min(calc(100vw - 20px), 400px);
    max-width: calc(100vw - 20px);
    max-height: min(
      90dvh,
      calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 20px)
    );
    margin: 0;
    padding: 14px 14px 12px;
    border-radius: 20px;
    border-color: rgba(145, 88, 255, 0.52);
    background:
      radial-gradient(130% 90% at 100% 0%, rgba(110, 47, 255, 0.24) 0%, transparent 52%),
      radial-gradient(90% 70% at 0% 100%, rgba(60, 28, 140, 0.14) 0%, transparent 50%),
      linear-gradient(168deg, rgba(20, 11, 44, 0.98), rgba(6, 4, 16, 0.99));
    box-shadow:
      0 28px 60px rgba(0, 0, 0, 0.58),
      0 0 0 1px rgba(159, 77, 255, 0.14) inset,
      0 0 36px rgba(110, 47, 255, 0.18);
    transform: translate3d(0, 12px, 0) scale(0.98);
  }

  .cdxx-preview-modal.is-open .cdxx-preview-modal__panel {
    transform: translate3d(0, 0, 0) scale(1);
  }

  .cdxx-preview-modal__close {
    position: relative;
    top: auto;
    right: auto;
    grid-column: 2;
    grid-row: 1;
    align-self: center;
    justify-self: end;
    z-index: 6;
    width: 36px;
    height: 36px;
    margin: 0 0 10px 8px;
    border-color: rgba(200, 168, 255, 0.35);
    background: rgba(14, 8, 32, 0.82);
  }

  .cdxx-preview-modal__title {
    grid-column: 1;
    grid-row: 1;
    margin: 0 0 10px;
    padding-right: 0;
    min-height: 36px;
    display: flex;
    align-items: center;
    font-family: Orbitron, var(--cdxx-box-font), system-ui, sans-serif;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 0.12em;
    line-height: 1.2;
    text-transform: uppercase;
    text-shadow: 0 0 20px rgba(110, 47, 255, 0.28);
  }

  .cdxx-preview-modal__media {
    grid-column: 1 / -1;
    grid-row: 2;
    flex-shrink: 0;
    border-radius: 14px;
    border-color: rgba(130, 88, 230, 0.42);
    overflow: hidden;
  }

  .cdxx-preview-modal__hero-stack {
    aspect-ratio: 16 / 9;
    width: 100%;
    min-height: 0;
    max-height: none;
  }

  .cdxx-preview-modal__hero-video .cdxx-vp__video {
    object-fit: cover;
  }

  .cdxx-preview-modal__dock {
    padding: 8px;
    border-top-color: rgba(110, 47, 255, 0.22);
    background: rgba(4, 2, 12, 0.72);
  }

  .cdxx-preview-modal__images {
    margin-top: 0;
  }

  .cdxx-preview-modal__thumbs {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
    padding: 4px;
    border-radius: 10px;
    background: rgba(8, 4, 20, 0.55);
  }

  .cdxx-preview-modal__thumb,
  .cdxx-preview-modal__dock-video {
    min-height: 48px;
    border-radius: 8px;
    border-color: rgba(140, 100, 230, 0.38);
  }

  .cdxx-preview-modal__dock-video:has(.cdxx-vp--dock-mini)::after {
    width: 28px;
    height: 28px;
    background-size: 12px 12px;
  }

  .cdxx-preview-modal__sub {
    grid-column: 1 / -1;
    grid-row: 3;
    margin: 12px 0 8px;
    font-family: Orbitron, var(--cdxx-box-font), system-ui, sans-serif;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.16em;
    color: rgba(198, 180, 255, 0.9);
  }

  .cdxx-preview-modal__plans {
    grid-column: 1 / -1;
    grid-row: 4;
    --cdxx-plans-r-outer: 14px;
    --cdxx-plans-r-inner: 13px;
    flex: 1 1 auto;
    min-height: 0;
    border-color: rgba(130, 88, 230, 0.48);
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.06),
      0 8px 24px rgba(0, 0, 0, 0.32);
  }

  .cdxx-preview-modal__plan {
    padding: 10px 12px;
    gap: 6px 10px;
    align-items: center;
  }

  .cdxx-preview-modal__plan-icon {
    width: 28px;
    min-height: 28px;
  }

  .cdxx-preview-modal__plan-icon svg {
    width: 20px;
    height: 20px;
  }

  .cdxx-preview-modal__plan-main {
    gap: 3px;
  }

  .cdxx-preview-modal__plan-name {
    font-family: Orbitron, var(--cdxx-box-font), system-ui, sans-serif;
    font-size: 12px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
  }

  .cdxx-preview-modal__plan-desc {
    font-size: 11px;
    line-height: 1.35;
    color: rgba(176, 162, 220, 0.88);
  }

  .cdxx-preview-modal__plan-badge {
    margin-top: 2px;
    padding: 3px 8px;
    font-size: 9px;
    letter-spacing: 0.1em;
  }

  .cdxx-preview-modal__plan-price {
    font-size: 14px;
    line-height: 1.15;
    text-align: right;
  }

  .cdxx-preview-modal__plan--highlight {
    border-top-color: rgba(72, 255, 160, 0.45);
  }

  .cdxx-preview-modal__go {
    grid-column: 1 / -1;
    grid-row: 5;
    margin-top: 10px;
    margin-bottom: 0;
    min-height: var(--cdxx-mobile-touch);
    padding: 0 16px;
    border-radius: 14px;
    border-color: rgba(200, 168, 255, 0.55);
    font-family: Orbitron, var(--cdxx-box-font), system-ui, sans-serif;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    box-shadow:
      0 10px 28px rgba(90, 58, 190, 0.45),
      0 0 24px rgba(110, 47, 255, 0.28),
      0 0 0 1px rgba(255, 255, 255, 0.1) inset;
    flex-shrink: 0;
  }

  .cdxx-preview-modal__media-empty {
    font-size: 12px;
    margin-top: 8px;
  }

  .cdxx-preview-modal .cdxx-vp__chrome {
    padding: 6px 8px 8px;
    gap: 6px 8px;
  }

  .cdxx-preview-modal .cdxx-vp--preview-modal .cdxx-vp__chrome {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
  }

  .cdxx-preview-modal .cdxx-vp__btn {
    min-width: 28px;
    min-height: 28px;
    width: 28px;
    height: 28px;
  }

  .cdxx-preview-modal .cdxx-vp__btn .cdxx-vp__icon {
    width: 16px;
    height: 16px;
  }

  .cdxx-preview-modal .cdxx-vp__seek {
    --cdxx-track-h: 8px;
    --cdxx-thumb-h: 16px;
    height: calc(var(--cdxx-track-h) + 6px);
  }

  .cdxx-preview-modal__plan--highlight .cdxx-preview-modal__plan-main {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    column-gap: 6px;
    row-gap: 2px;
  }

  .cdxx-preview-modal__plan--highlight .cdxx-preview-modal__plan-badge {
    margin-top: 0;
    order: 2;
  }

  .cdxx-preview-modal__plan--highlight .cdxx-preview-modal__plan-desc {
    flex: 1 1 100%;
  }

  .cdxx-preview-modal__plan--highlight .cdxx-preview-modal__plan-price {
    flex-direction: row;
    align-items: baseline;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.2rem 0.35rem;
  }

  .cdxx-preview-modal__plan-price-was {
    display: inline;
    margin-bottom: 0;
    font-size: 9px;
  }

  /* —— Payment page —— */
  .cdxx-payment-page .cdxx-pay,
  .cdxx-payment-page .cdxx-co2__inner {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }

  .cdxx-pay__grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .cdxx-pay-summary {
    position: static;
    max-height: none;
    overflow: hidden;
    padding: 16px;
    border-radius: 16px;
  }

  .cdxx-pay-summary:has(.cdxx-pay-summary__product--has-banner) {
    padding-top: 16px;
    padding-inline: 16px;
  }

  .cdxx-pay-summary__product--has-banner {
    margin-inline: 0;
    margin-top: 0;
    width: 100%;
    max-width: 100%;
    border-radius: 12px;
    overflow: hidden;
  }

  .cdxx-pay-summary__product--has-banner .cdxx-pay-summary__product-content {
    border-radius: 0 0 12px 12px;
  }

  /* Purchase toasts — swipe to dismiss (no X button on mobile) */
  .cdxx-purchase-toast__close {
    display: none !important;
  }

  .cdxx-purchase-toast.is-swipe-dragging {
    transition: none !important;
  }

  .cdxx-purchase-toast.is-visible:not(.is-swipe-dragging) {
    touch-action: pan-y;
  }

  .cdxx-pay-methods__card {
    padding: 16px;
    border-radius: 16px;
  }

  .cdxx-pay-method {
    min-height: var(--cdxx-mobile-touch);
    padding: 0.85rem 1rem;
  }

  .cdxx-pay-summary__row,
  .cdxx-pay-detail__value-row {
    flex-wrap: wrap;
    gap: 0.35rem 0.5rem;
    word-break: break-word;
  }

  .cdxx-pay-summary__name,
  .cdxx-pay-summary__row dd {
    word-break: break-word;
  }

  .cdxx-pay-detail__cta,
  .cdxx-pay-detail__cta .btn {
    width: 100%;
    min-height: var(--cdxx-mobile-touch);
  }

  .cdxx-pay-crypto-address,
  .cdxx-pay-crypto-layout {
    max-width: 100%;
    word-break: break-all;
  }

  /* —— Terms — premium mobile legal sheet —— */
  .cdxx-terms-page .container {
    padding-left: 16px;
    padding-right: 16px;
  }

  .cdxx-terms-page .cdxx-terms-main {
    padding-top: calc(3.35rem + env(safe-area-inset-top, 0px));
    padding-bottom: 0;
  }

  .cdxx-terms-page .cdxx-terms-layout {
    padding-bottom: 0;
  }

  .cdxx-terms-page .cdxx-footer {
    margin-top: 0;
    padding-bottom: calc(18px + env(safe-area-inset-bottom, 0px));
  }

  .cdxx-terms-hero.cdxx-contact-hero {
    min-height: 0;
    padding: 0.55rem 0 0.75rem;
  }

  .cdxx-terms-hero .cdxx-contact-hero__grid-lines {
    opacity: 0.28;
  }

  .cdxx-terms-hero .cdxx-contact-hero__atmo {
    inset: -45% -22% -55%;
    opacity: 0.7;
  }

  .cdxx-terms-hero .cdxx-contact-hero__inner {
    text-align: left;
    padding-inline: 0;
  }

  .cdxx-terms-hero__badge {
    margin: 0 0 0.5rem;
    padding: 0.3rem 0.62rem;
    font-size: 10px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }

  .cdxx-terms-hero .cdxx-contact-hero__title {
    font-family: Orbitron, var(--cdxx-box-font), system-ui, sans-serif;
    font-size: clamp(24px, 6.2vw, 30px);
    font-weight: 800;
    letter-spacing: 0.04em;
    line-height: 1.12;
    margin: 0 0 0.4rem;
  }

  .cdxx-terms-hero .cdxx-contact-hero__title::before {
    display: none;
  }

  .cdxx-terms-hero .cdxx-contact-hero__lead {
    margin: 0;
    font-size: 13px;
    line-height: 1.52;
    color: rgba(186, 176, 214, 0.92);
  }

  .cdxx-terms-layout {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-bottom: 0;
  }

  .cdxx-terms-toc-wrap {
    position: sticky;
    top: calc(3.05rem + env(safe-area-inset-top, 0px));
    z-index: 20;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin-inline: 0;
    padding: 0 0 10px;
    background: linear-gradient(180deg, rgba(4, 2, 14, 0.97) 0%, rgba(4, 2, 14, 0.9) 72%, transparent 100%);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
  }

  .cdxx-terms-toc {
    position: static;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    padding: 0;
    border: none;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }

  .cdxx-terms-toc__title {
    display: none;
  }

  .cdxx-terms-toc__nav--desktop {
    display: none !important;
  }

  .cdxx-terms-picker {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    min-height: var(--cdxx-mobile-touch, 48px);
    padding: 10px 12px;
    border-radius: 16px;
    border: 1px solid rgba(130, 88, 230, 0.46);
    background:
      radial-gradient(120% 120% at 100% 0%, rgba(110, 47, 255, 0.2) 0%, transparent 58%),
      linear-gradient(155deg, rgba(18, 10, 40, 0.96), rgba(8, 4, 18, 0.98));
    box-shadow:
      0 0 0 1px rgba(159, 77, 255, 0.08) inset,
      0 12px 28px rgba(0, 0, 0, 0.28);
    color: #f3ecff;
    text-align: left;
    cursor: pointer;
    transition:
      border-color 0.2s ease,
      box-shadow 0.2s ease,
      transform 0.2s ease;
  }

  .cdxx-terms-picker:active {
    transform: scale(0.985);
  }

  .cdxx-terms-picker.is-updated {
    animation: cdxx-terms-picker-pulse 0.42s cubic-bezier(0.22, 1, 0.32, 1);
  }

  @keyframes cdxx-terms-picker-pulse {
    0% {
      box-shadow:
        0 0 0 1px rgba(159, 77, 255, 0.08) inset,
        0 12px 28px rgba(0, 0, 0, 0.28);
    }

    45% {
      box-shadow:
        0 0 0 1px rgba(186, 150, 255, 0.22) inset,
        0 0 0 3px rgba(110, 47, 255, 0.18),
        0 14px 30px rgba(90, 40, 180, 0.28);
    }

    100% {
      box-shadow:
        0 0 0 1px rgba(159, 77, 255, 0.08) inset,
        0 12px 28px rgba(0, 0, 0, 0.28);
    }
  }

  .cdxx-terms-picker__main {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
    flex: 1;
  }

  .cdxx-terms-picker__kicker {
    display: block;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: rgba(181, 148, 255, 0.92);
  }

  .cdxx-terms-picker__body {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
  }

  .cdxx-terms-picker__num {
    flex-shrink: 0;
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    font-family: Orbitron, var(--cdxx-box-font), system-ui, sans-serif;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.04em;
    color: #e8dcff;
    background: rgba(110, 47, 255, 0.24);
    border: 1px solid rgba(159, 77, 255, 0.38);
  }

  .cdxx-terms-picker__title {
    min-width: 0;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.3;
    color: #fff;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .cdxx-terms-picker__cta {
    flex-shrink: 0;
    display: inline-flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 4px;
  }

  .cdxx-terms-picker__cta-label {
    font-size: 9px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgba(186, 176, 214, 0.78);
  }

  .cdxx-terms-picker__chevron {
    width: 18px;
    height: 18px;
    border-radius: 999px;
    border: 1px solid rgba(130, 88, 230, 0.45);
    background: rgba(110, 47, 255, 0.18);
    position: relative;
  }

  .cdxx-terms-picker__chevron::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6px;
    height: 6px;
    border-right: 1.5px solid #e8dcff;
    border-bottom: 1.5px solid #e8dcff;
    transform: translate(-58%, -68%) rotate(45deg);
  }

  .cdxx-terms-sheet {
    position: fixed;
    inset: 0;
    z-index: 1250;
    display: grid;
    align-items: end;
    pointer-events: none;
  }

  .cdxx-terms-sheet[hidden] {
    display: none !important;
  }

  .cdxx-terms-sheet.is-open {
    pointer-events: auto;
  }

  .cdxx-terms-sheet__backdrop {
    position: absolute;
    inset: 0;
    border: 0;
    padding: 0;
    background: rgba(2, 1, 8, 0.62);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    opacity: 0;
    transition: opacity 0.24s ease;
    cursor: pointer;
  }

  .cdxx-terms-sheet.is-open .cdxx-terms-sheet__backdrop {
    opacity: 1;
  }

  .cdxx-terms-sheet__panel {
    position: relative;
    z-index: 1;
    width: 100%;
    max-height: min(78dvh, calc(100vh - 5rem));
    display: flex;
    flex-direction: column;
    border-radius: 20px 20px 0 0;
    border: 1px solid rgba(130, 88, 230, 0.42);
    border-bottom: none;
    background:
      radial-gradient(120% 120% at 100% 0%, rgba(110, 47, 255, 0.22) 0%, transparent 55%),
      linear-gradient(180deg, rgba(20, 12, 44, 0.98), rgba(6, 4, 16, 0.99));
    box-shadow:
      0 -10px 40px rgba(0, 0, 0, 0.42),
      0 0 0 1px rgba(255, 255, 255, 0.04) inset;
    transform: translate3d(0, 100%, 0);
    transition: transform 0.28s cubic-bezier(0.22, 1, 0.32, 1);
  }

  .cdxx-terms-sheet.is-open .cdxx-terms-sheet__panel {
    transform: translate3d(0, 0, 0);
  }

  .cdxx-terms-sheet__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 16px 10px;
    border-bottom: 1px solid rgba(130, 88, 230, 0.2);
  }

  .cdxx-terms-sheet__eyebrow {
    margin: 0 0 4px;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: rgba(181, 148, 255, 0.9);
  }

  .cdxx-terms-sheet__title {
    margin: 0;
    font-family: Orbitron, var(--cdxx-box-font), system-ui, sans-serif;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.04em;
    color: #fff;
  }

  .cdxx-terms-sheet__close {
    flex-shrink: 0;
    width: 34px;
    height: 34px;
    border-radius: 10px;
    border: 1px solid rgba(130, 88, 230, 0.38);
    background: rgba(10, 6, 24, 0.82);
    color: #e8dcff;
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
  }

  .cdxx-terms-sheet__list {
    list-style: none;
    margin: 0;
    padding: 8px 10px calc(12px + env(safe-area-inset-bottom, 0px));
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
  }

  .cdxx-terms-sheet__row {
    margin: 0;
    padding: 0;
  }

  .cdxx-terms-sheet__item {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    min-height: var(--cdxx-mobile-touch, 48px);
    margin-bottom: 6px;
    padding: 10px 12px;
    border-radius: 14px;
    border: 1px solid rgba(130, 88, 230, 0.24);
    background: rgba(8, 4, 20, 0.72);
    color: rgba(220, 212, 245, 0.92);
    text-align: left;
    cursor: pointer;
    transition:
      background 0.18s ease,
      border-color 0.18s ease,
      transform 0.18s ease;
  }

  .cdxx-terms-sheet__item:active {
    transform: scale(0.985);
  }

  .cdxx-terms-sheet__item.is-active {
    border-color: rgba(186, 150, 255, 0.55);
    background: linear-gradient(135deg, rgba(110, 47, 255, 0.34), rgba(40, 16, 90, 0.5));
    color: #fff;
    box-shadow: 0 8px 20px rgba(90, 40, 180, 0.22);
  }

  .cdxx-terms-sheet__num {
    flex-shrink: 0;
    width: 30px;
    font-family: Orbitron, var(--cdxx-box-font), system-ui, sans-serif;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.04em;
    color: #c4b5fd;
  }

  .cdxx-terms-sheet__item.is-active .cdxx-terms-sheet__num {
    color: #fff;
  }

  .cdxx-terms-sheet__label {
    flex: 1;
    min-width: 0;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.35;
  }

  .cdxx-terms-sheet__mark {
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    border-radius: 999px;
    border: 1px solid rgba(130, 88, 230, 0.35);
    opacity: 0;
    transform: scale(0.7);
    transition:
      opacity 0.18s ease,
      transform 0.18s ease,
      background 0.18s ease;
  }

  .cdxx-terms-sheet__item.is-active .cdxx-terms-sheet__mark {
    opacity: 1;
    transform: scale(1);
    background: rgba(110, 47, 255, 0.55);
    border-color: rgba(186, 150, 255, 0.6);
    box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.85);
  }

  body.cdxx-terms-sheet-open {
    overflow: hidden;
    overscroll-behavior: none;
  }

  .cdxx-terms-content__hint {
    display: block;
    margin: 0 0 10px;
    font-size: 12px;
    line-height: 1.45;
    color: rgba(186, 176, 214, 0.82);
  }

  .cdxx-terms-panel-label {
    display: none;
  }

  .cdxx-terms-content {
    position: relative;
  }

  .cdxx-terms-content::before {
    content: "";
    position: absolute;
    top: -6px;
    left: 18px;
    width: 2px;
    height: 14px;
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(159, 77, 255, 0.65), rgba(110, 47, 255, 0.05));
    pointer-events: none;
  }

  .cdxx-terms-sections {
    min-height: 0;
    position: relative;
  }

  .cdxx-terms-section.is-exiting {
    opacity: 0;
    transform: translate3d(0, -10px, 0);
    transition:
      opacity 0.22s ease,
      transform 0.22s ease;
  }

  .cdxx-terms-section.is-arriving {
    opacity: 0;
    transform: translate3d(0, 14px, 0);
  }

  .cdxx-terms-section.is-active:not(.is-exiting):not(.is-arriving) {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition:
      opacity 0.28s cubic-bezier(0.22, 1, 0.32, 1),
      transform 0.28s cubic-bezier(0.22, 1, 0.32, 1);
  }

  .cdxx-terms-stepper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid rgba(130, 88, 230, 0.2);
  }

  .cdxx-terms-stepper__btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 40px;
    padding: 0 12px;
    border-radius: 12px;
    border: 1px solid rgba(130, 88, 230, 0.38);
    background: rgba(10, 6, 24, 0.86);
    color: #e8dcff;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    transition:
      background 0.18s ease,
      border-color 0.18s ease,
      opacity 0.18s ease;
  }

  .cdxx-terms-stepper__btn:disabled {
    opacity: 0.38;
    cursor: not-allowed;
  }

  .cdxx-terms-stepper__btn:not(:disabled):active {
    transform: scale(0.98);
  }

  .cdxx-terms-stepper__count {
    flex-shrink: 0;
    font-family: Orbitron, var(--cdxx-box-font), system-ui, sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    color: rgba(181, 148, 255, 0.95);
  }

  .cdxx-terms-stepper__icon {
    font-size: 13px;
    line-height: 1;
  }

  .cdxx-terms-section.is-active {
    animation: none;
  }

  .cdxx-terms-section {
    padding: 16px 16px 18px;
    border-radius: 18px;
    border-color: rgba(130, 88, 230, 0.42);
    background:
      radial-gradient(120% 80% at 100% 0%, rgba(110, 47, 255, 0.14) 0%, transparent 55%),
      linear-gradient(168deg, rgba(18, 10, 40, 0.94), rgba(6, 4, 16, 0.98));
    box-shadow:
      0 0 0 1px rgba(159, 77, 255, 0.08) inset,
      0 16px 36px rgba(0, 0, 0, 0.34);
  }

  .cdxx-terms-section__head {
    gap: 10px;
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom-color: rgba(130, 88, 230, 0.22);
  }

  .cdxx-terms-section__num {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border-radius: 10px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.04em;
    background: rgba(110, 47, 255, 0.22);
    border: 1px solid rgba(159, 77, 255, 0.35);
    color: #e8dcff;
  }

  .cdxx-terms-section__title {
    font-family: Orbitron, var(--cdxx-box-font), system-ui, sans-serif;
    font-size: clamp(16px, 4.2vw, 19px);
    line-height: 1.25;
    letter-spacing: 0.03em;
  }

  .cdxx-terms-section__p,
  .cdxx-terms-section__list {
    font-size: 14px;
    line-height: 1.62;
    color: rgba(220, 212, 245, 0.92);
    word-break: break-word;
  }

  .cdxx-terms-section__list li {
    margin-bottom: 0.55rem;
  }

  .cdxx-terms-section__list li:last-child {
    margin-bottom: 0;
  }

  .cdxx-terms-section__link {
    color: #c4b5fd;
    text-decoration: underline;
    text-underline-offset: 2px;
  }

  .cdxx-terms-contact {
    grid-template-columns: 1fr;
    gap: 10px;
    margin-top: 14px;
  }

  .cdxx-terms-contact__item {
    min-height: var(--cdxx-mobile-touch);
    padding: 12px 14px;
    border-radius: 14px;
    border-color: rgba(130, 88, 230, 0.35);
    background: rgba(8, 4, 20, 0.78);
  }

  .cdxx-terms-contact__label {
    font-size: 10px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
  }

  .cdxx-terms-contact__value {
    font-size: 14px;
  }

  html.low-end-mobile .cdxx-terms-toc-wrap {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    background: rgba(4, 2, 14, 0.98);
  }

  html.low-end-mobile .cdxx-terms-sheet__backdrop {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }

  @media (prefers-reduced-motion: reduce) {
    .cdxx-terms-picker.is-updated,
    .cdxx-terms-section.is-exiting,
    .cdxx-terms-section.is-arriving,
    .cdxx-terms-section.is-active,
    .cdxx-terms-sheet__panel,
    .cdxx-terms-sheet__backdrop {
      animation: none !important;
      transition: none !important;
      transform: none !important;
    }
  }

  /* —— Contact form —— */
  .cdxx-contact-form-section {
    padding-inline: 0;
  }

  .cdxx-contact-form-layout {
    gap: 14px;
  }

  .cdxx-contact-form-panel,
  .cdxx-contact-discord-panel {
    padding: 16px;
    border-radius: 14px;
  }

  .cdxx-contact-form {
    gap: 12px;
  }

  .cdxx-contact-field,
  .cdxx-contact-field__input,
  .cdxx-contact-field__select,
  .cdxx-contact-field textarea {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    font-size: 16px;
  }

  .cdxx-contact-form__submit {
    width: 100%;
    min-height: var(--cdxx-mobile-touch);
  }

  .cdxx-contact-info__grid {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .cdxx-contact-info__item {
    padding: 14px 16px;
    border-radius: 14px;
  }

  /* —— Cart / account drawers —— */
  .cdxx-cart-drawer {
    width: min(100vw, 22rem);
    max-width: 100vw;
  }

  .cdxx-cart-drawer__checkout,
  .cdxx-cart-item__remove {
    min-height: var(--cdxx-mobile-touch);
  }

  .cdxx-cart-item__name,
  .cdxx-cart-item__variant,
  .cdxx-cart-item__meta {
    word-break: break-word;
  }

  .cdxx-account-drawer {
    width: min(100vw, var(--cdxx-account-drawer-w, 400px));
    max-width: 100vw;
  }

  .cdxx-account-auth input,
  .cdxx-account-field__input,
  .cdxx-account-auth button,
  .cdxx-account-menu__btn,
  .cdxx-account-trigger {
    min-height: var(--cdxx-mobile-touch);
    font-size: 16px;
  }

  /* Account tab docks flush to the right edge (do not add side inset). */
  .cdxx-account-float {
    top: 50%;
    right: 0;
    bottom: auto;
    max-width: none;
    transform: translateY(-50%) scale(0.9);
    transform-origin: center right;
    z-index: 45;
    padding-right: env(safe-area-inset-right, 0px);
  }

  .cdxx-account-trigger {
    border-right: none;
    border-radius: 16px 0 0 16px;
  }

  /* —— Website feedback (checkout) —— */
  .cdxx-wf,
  .cdxx-wf-host {
    width: 100%;
    max-width: 100%;
  }

  .cdxx-wf__field input,
  .cdxx-wf__field select,
  .cdxx-wf__field textarea,
  .cdxx-wf__actions button {
    width: 100%;
    max-width: 100%;
    min-height: var(--cdxx-mobile-touch);
    font-size: 16px;
  }

  /* —— Chat launcher (ID beats cdxx-chat.js boot #cdxx-chat-root bottom) —— */
  #cdxx-chat-root.cdxx-chat-widget {
    right: var(--cdxx-mobile-float-right);
    bottom: var(--cdxx-mobile-chat-lift);
    gap: 0;
    max-width: calc(100vw - 16px);
    z-index: 50;
  }

  #cdxx-chat-root .cdxx-chat-launcher {
    width: var(--cdxx-mobile-cart-size);
    height: var(--cdxx-mobile-cart-size);
    transform: none;
    transform-origin: center;
  }

  .cdxx-chat-launcher-icon {
    width: 28px;
    height: 28px;
  }

  .cdxx-chat-panel {
    width: calc(100vw - 20px);
    max-width: calc(100vw - 20px);
    height: min(32rem, calc(100dvh - 5.5rem));
    max-height: min(32rem, calc(100dvh - 5.5rem));
    right: 0;
    bottom: calc(var(--cdxx-mobile-cart-size) + 0.5rem);
  }

  html:has(.cdxx-cart-toggle--mobile-dock.is-visible) .cdxx-chat-panel {
    bottom: calc(
      var(--cdxx-mobile-cart-size) + var(--cdxx-mobile-float-gap) +
        var(--cdxx-mobile-cart-size) + 0.5rem
    );
  }

  .cdxx-chat-panel.cdxx-chat-panel--expanded {
    width: calc(100vw - 16px);
    height: calc(100dvh - 4.5rem);
    max-height: calc(100dvh - 4.5rem);
  }

  .cdxx-chat-input-row input,
  .cdxx-chat-input-row textarea,
  .cdxx-chat-send {
    font-size: 16px;
  }

  /* —— Anchor scroll offset + float clearance —— */
  #services,
  .cdxx-how-it-works,
  .cdxx-why-choose,
  .cdxx-faq,
  .cdxx-trust {
    scroll-margin-top: 3.75rem;
  }

  #services.service-categories-section,
  .cdxx-faq,
  .cdxx-footer {
    padding-bottom: calc(var(--cdxx-mobile-float-clearance) + env(safe-area-inset-bottom, 0px));
  }

  .cdxx-service-card__header-img {
    aspect-ratio: 16 / 9;
    object-fit: cover;
  }

  /* —— Low-end mobile only: lighter GPU path (premium phones unchanged) —— */
  html.low-end-mobile {
    --cdxx-mobile-shadow-soft: 0 0 14px rgba(126, 60, 255, 0.22);
    --cdxx-mobile-shadow-card: 0 4px 18px rgba(0, 0, 0, 0.38);
  }

  html.low-end-mobile {
    scroll-behavior: auto;
  }

  html.low-end-mobile .gaming-hero {
    content-visibility: visible;
    contain-intrinsic-size: none;
  }

  html.low-end-mobile .cdxx-how-it-works,
  html.low-end-mobile .cdxx-why-choose,
  html.low-end-mobile .cdxx-faq,
  html.low-end-mobile .cdxx-trust,
  html.low-end-mobile #services {
    content-visibility: auto;
    contain-intrinsic-size: auto 360px;
  }

  html.low-end-mobile .cdxx-how-it-works__glow,
  html.low-end-mobile .cdxx-faq__glow,
  html.low-end-mobile .service-categories-atmosphere {
    opacity: 0.35;
  }

  html.low-end-mobile .cdxx-faq__texture {
    opacity: 0.5;
  }

  /* Nav & header: lighter glass */
  html.low-end-mobile .nav-wrap,
  html.low-end-mobile .nav-status,
  html.low-end-mobile .site-header,
  html.low-end-mobile.cdxx-nav-scrolled .site-header,
  html.low-end-mobile.cdxx-nav-scrolled .nav-wrap,
  html.low-end-mobile.cdxx-nav-scrolled .nav-status {
    backdrop-filter: blur(6px) saturate(1.02) !important;
    -webkit-backdrop-filter: blur(6px) saturate(1.02) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.28) !important;
  }

  /* Hero: static backdrop (video paused via cdxx-mobile-load.js) */
  html.low-end-mobile .hero-video {
    filter: none !important;
    opacity: 0.38;
    transform: none !important;
  }

  html.low-end-mobile.cdxx-mobile-hero-static .hero-video {
    visibility: hidden;
    pointer-events: none;
  }

  html.low-end-mobile .hero-video-overlay {
    opacity: 0.92;
    background: linear-gradient(
      180deg,
      rgba(12, 4, 28, 0.55) 0%,
      rgba(18, 6, 38, 0.78) 45%,
      rgba(8, 2, 20, 0.92) 100%
    );
  }

  html.low-end-mobile .hero-tagline-rotate::before,
  html.low-end-mobile .hero-brand--holo,
  html.low-end-mobile .hero-brand-logo-island,
  html.low-end-mobile .hero-brand-ripple {
    animation: none !important;
    filter: none !important;
  }

  html.low-end-mobile .hero-brand--holo {
    opacity: 0 !important;
  }

  html.low-end-mobile .cdxx-how-it-works__glow,
  html.low-end-mobile .cdxx-faq__glow,
  html.low-end-mobile .service-categories-atmosphere,
  html.low-end-mobile .cdxx-faq__texture,
  html.low-end-mobile .bg-overlay {
    opacity: 0.22 !important;
    filter: none !important;
    animation: none !important;
  }

  /* Intro overlay — keep full premium look; only trim motion on low-end */
  html.low-end-mobile .cdxx-intro__stars,
  html.low-end-mobile .cdxx-intro__glow,
  html.low-end-mobile .cdxx-intro__ring,
  html.low-end-mobile .cdxx-intro__ring::after,
  html.low-end-mobile .cdxx-intro__logo-pulse,
  html.low-end-mobile .cdxx-intro__bar-fill,
  html.low-end-mobile .cdxx-intro__label {
    animation: none !important;
    filter: none !important;
  }

  html.low-end-mobile .cdxx-intro__bar-fill {
    width: 100%;
  }

  /* Cards & tiles: smaller shadows, no hover lift */
  html.low-end-mobile .category-card,
  html.low-end-mobile .service-carousel-card,
  html.low-end-mobile .cdxx-service-card,
  html.low-end-mobile .cdxx-all-games-card,
  html.low-end-mobile .cdxx-contact-option-card,
  html.low-end-mobile .cdxx-why-choose__card,
  html.low-end-mobile .cdxx-how-it-works__step,
  html.low-end-mobile .cdxx-trust__card,
  html.low-end-mobile .faq-list details,
  html.low-end-mobile .btn,
  html.low-end-mobile a.btn {
    transition:
      transform 0.18s ease,
      border-color 0.18s ease,
      opacity 0.18s ease,
      box-shadow 0.18s ease !important;
    box-shadow: var(--cdxx-mobile-shadow-soft) !important;
  }

  html.low-end-mobile .category-card:hover,
  html.low-end-mobile .service-carousel-card:hover,
  html.low-end-mobile .cdxx-service-card:hover,
  html.low-end-mobile .cdxx-all-games-card:hover,
  html.low-end-mobile .cdxx-contact-option-card:hover,
  html.low-end-mobile .cdxx-why-choose__card:hover,
  html.low-end-mobile .btn:hover,
  html.low-end-mobile a.btn:hover,
  html.low-end-mobile .nav-links a:hover,
  html.low-end-mobile .top-center-icon:hover {
    transform: none !important;
    filter: none !important;
  }

  /* Carousel: faster, no filter layers */
  html.low-end-mobile #service-carousel-track.carousel-anim-on .category-card,
  html.low-end-mobile #service-carousel-track .carousel-card-pivot,
  html.low-end-mobile #service-carousel-track .carousel-card-pivot .category-card-float {
    transition-duration: 220ms !important;
  }

  html.low-end-mobile #service-carousel-track .carousel-card-pivot,
  html.low-end-mobile #service-carousel-track .carousel-card-pivot .category-card-float.card-content,
  html.low-end-mobile #service-carousel-track .service-carousel-card {
    filter: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  /* Drawers & modals */
  html.low-end-mobile .cdxx-cart-drawer,
  html.low-end-mobile .cdxx-account-drawer,
  html.low-end-mobile .cdxx-cart-backdrop,
  html.low-end-mobile .cdxx-account-backdrop,
  html.low-end-mobile .cdxx-preview-modal__panel,
  html.low-end-mobile .cdxx-chat-panel {
    backdrop-filter: blur(8px) saturate(1.04) !important;
    -webkit-backdrop-filter: blur(8px) saturate(1.04) !important;
  }

  /* Page nav fade: skip blur cost */
  html.low-end-mobile.cdxx-page-nav-out .cdxx-page-fade {
    filter: none !important;
    opacity: 0.72 !important;
    transition: opacity 0.2s ease !important;
  }

  /* Checkout / payment premium effects */
  html.low-end-mobile .cdxx-co2-hero__media-stage::after,
  html.low-end-mobile .cdxx-co2-pay__card,
  html.low-end-mobile .cdxx-co2-gallery-lb__panel {
    backdrop-filter: blur(6px) !important;
    -webkit-backdrop-filter: blur(6px) !important;
  }

  html.low-end-mobile .cdxx-co2-hero__media-video {
    filter: none !important;
  }

  html.low-end-mobile video.decorative {
    display: none;
  }

  /* Trust wall & chat launcher */
  html.low-end-mobile .cdxx-trust__featured,
  html.low-end-mobile .cdxx-trust__compact,
  html.low-end-mobile .cdxx-chat-launcher {
    box-shadow: var(--cdxx-mobile-shadow-card) !important;
  }

  html.low-end-mobile .cdxx-chat-launcher__ring {
    animation: none !important;
  }

  /* Lazy media hint for below-fold blocks */
  html.low-end-mobile main img[loading="lazy"],
  html.low-end-mobile img.cdxx-lazy-pending {
    content-visibility: auto;
  }

  html.low-end-mobile img.cdxx-lazy-pending {
    min-height: 120px;
    background: rgba(22, 8, 46, 0.55);
  }

  html.low-end-mobile .service-carousel-card.cdxx-bg-deferred {
    background-color: rgba(20, 8, 42, 0.94) !important;
    background-image: linear-gradient(
      165deg,
      rgba(72, 28, 140, 0.35) 0%,
      rgba(12, 4, 28, 0.92) 55%,
      rgba(6, 2, 16, 0.98) 100%
    ) !important;
  }

  html.low-end-mobile .cdxx-how-connect__motion,
  html.low-end-mobile .cdxx-how-connect__pulse {
    animation: none !important;
  }

  html.low-end-mobile .cdxx-how-connect__path {
    filter: none !important;
  }
}

@media (max-width: 480px) {
  :root {
    --cdxx-gutter-inline: 14px;
    --cdxx-hero-height: auto;
    --cdxx-section-pad-y: 28px;
    --cdxx-mobile-card-pad: 14px;
    --cdxx-mobile-gap: 12px;
  }

  .container {
    padding-left: 14px;
    padding-right: 14px;
  }

  .service-categories-head__glitch h1,
  .service-categories-head__glitch h2,
  .service-categories-title {
    font-size: clamp(22px, 5.6vw, 26px);
  }

  .cdxx-faq__title {
    font-size: clamp(22px, 5.6vw, 26px);
  }

  #cdxx-trust-title {
    font-size: clamp(20px, 5.2vw, 24px);
  }

  .cdxx-category-head .service-categories-head__glitch h1 {
    font-size: clamp(20px, 5.2vw, 24px);
  }

  /* Hero — narrow phones */
  .hero-content {
    padding: calc(68px + env(safe-area-inset-top, 0px)) 14px 32px;
    gap: 0.6rem;
  }

  .hero-brand-stack {
    width: min(100%, 280px);
    max-width: 86vw;
  }

  .hero-tagline-rotate__line {
    font-size: 13px;
  }

  .hero-actions {
    flex-direction: column;
    max-width: min(100%, 280px);
    gap: 8px;
  }

  .hero-actions .btn {
    flex: 1 1 auto;
    width: 100%;
    font-size: 14px;
    min-height: 42px;
    padding: 10px 14px;
  }

  /* Category tiles */
  #services.service-categories-section {
    padding: var(--cdxx-section-pad-y) 0 20px;
  }

  .service-carousel-wrap {
    --cdxx-card-w: min(84vw, 288px);
    --cdxx-card-w-active: min(84vw, 288px);
    --cdxx-card-art-h: clamp(220px, 54vw, 300px);
    --cdxx-card-h: clamp(320px, 72vw, 380px);
    --cdxx-card-h-active: clamp(340px, 74vw, 400px);
  }

  .carousel-card-pivot.is-active .category-card-float .service-carousel-card .service-carousel-card-title {
    font-size: 14px;
  }

  .carousel-card-pivot.is-active .category-card-float .service-carousel-card .service-carousel-card-tag {
    font-size: 9px;
    bottom: 3rem;
  }

  .carousel-card-pivot.is-active .category-card-float .service-carousel-card .service-carousel-card-cta {
    left: 0.65rem;
    right: 0.65rem;
    width: auto;
    transform: none !important;
    font-size: 11px;
    min-height: 38px;
  }

  .service-carousel-card-title {
    font-size: 14px;
  }

  .service-carousel-card-tag {
    bottom: 2.95rem;
    font-size: 9px;
  }

  .service-carousel-card-cta {
    font-size: 11px;
    min-height: 34px;
  }

  .nav-status {
    font-size: 9px;
    max-width: calc(100vw - 28px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .cdxx-footer__statuschip:nth-child(n + 3) {
    display: inline-flex;
  }

  .cdxx-footer__statuschip:nth-child(n + 4) {
    display: none;
  }

  .cdxx-footer__links {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 5px;
  }

  .cdxx-footer__links a {
    min-height: 38px;
    font-size: 10px;
  }

  .cdxx-co2__inner {
    padding-inline: 14px;
  }

  .cdxx-co2-thumb {
    flex-basis: 24%;
  }

  .cdxx-trust:not(.cdxx-trust--mobile-expanded) .cdxx-trust__grid .cdxx-trust-card--compact:nth-child(n + 2) {
    display: none;
  }

  .cdxx-trust__mobile-more {
    margin-top: 8px;
  }

  /* Sections */
  .cdxx-how-it-works,
  .cdxx-why-choose,
  .cdxx-trust,
  .cdxx-faq {
    padding: var(--cdxx-section-pad-y) 0 24px;
  }

  .cdxx-why-choose__inner,
  .cdxx-how-it-works__inner,
  .cdxx-trust__inner,
  .cdxx-faq__inner,
  .cdxx-category-wrap,
  .cdxx-services-main__inner,
  .cdxx-all-games-wrap {
    padding-inline: 14px;
  }

  .cdxx-how-it-works {
    padding: 22px 0 18px;
  }

  .cdxx-how-it-works__visual,
  .cdxx-how-it-works--asset-step .cdxx-how-it-works__visual,
  .cdxx-how-it-works--mock-step .cdxx-how-it-works__visual {
    --cdxx-how-asset-max-h: 254px;
    min-height: var(--cdxx-how-asset-max-h);
    height: var(--cdxx-how-asset-max-h);
  }

  .cdxx-how-visual,
  .cdxx-how-visual--asset,
  .cdxx-how-visual--asset.is-active {
    padding: 2px 3px;
  }

  #cdxx-how-panel-2 .cdxx-how-visual__img {
    transform: scale(1.1);
  }

  #cdxx-how-panel-4 .cdxx-how-visual__img {
    transform: scale(1.18);
  }

  .cdxx-how-step {
    min-height: 54px;
    padding: 7px 3px 9px;
  }

  .cdxx-how-step__title {
    font-size: 8px;
  }

  .cdxx-how-mobile-detail__title {
    font-size: 15px;
  }

  .cdxx-how-mobile-detail__text {
    font-size: 12px;
  }

  .cdxx-trust__grid {
    grid-template-columns: 1fr;
  }

  .cdxx-trust-source-icon__label {
    font-size: 10px;
  }

  /* Product cards */
  .cdxx-service-card:not(.cdxx-service-card--banner) .cdxx-service-card__header {
    height: 128px;
    min-height: 128px;
    max-height: 128px;
  }

  .cdxx-service-card--banner .cdxx-service-card__header {
    min-height: 92px;
    max-height: 100px;
  }

  .cdxx-service-card__hero-title {
    font-size: 17px;
  }

  .cdxx-all-games-card__media {
    flex-basis: 88px;
    width: 88px;
  }

  .cdxx-services-hub-page .cdxx-all-games-card__media {
    position: absolute;
    inset: 0;
    flex-basis: auto;
    width: 100%;
    height: 100%;
  }

  .cdxx-all-games-card__title {
    font-size: 15px;
  }

  .cdxx-services-hub-page .cdxx-all-games-card__title {
    font-size: 16px;
  }

  .cdxx-services-hub-page .cdxx-services-hub-nav {
    width: calc(100% - 28px);
  }

  .cdxx-services-hub-page .cdxx-services-content-stage {
    padding-inline: 14px;
  }

  /* Nav */
  .nav-wrap {
    padding: 0.08rem 0.45rem;
  }

  .nav-links {
    gap: 0.35rem;
  }

  .nav-links a {
    font-size: 12px;
  }

  .top-center-icon {
    width: 36px;
    height: 36px;
  }

  /* Footer & contact */
  .cdxx-footer {
    padding-top: 18px;
    padding-inline: 14px;
  }

  .cdxx-contact-page .container:not(.nav-wrap) {
    padding-left: 14px;
    padding-right: 14px;
  }

  .cdxx-contact-option-card {
    padding: 12px 14px;
  }

  .cdxx-services-mobile-categories-btn,
  .cdxx-services-hub-page .cdxx-services-mobile-categories-btn {
    width: calc(100% - 28px);
    margin-inline: 14px;
  }

  .cdxx-preview-modal__panel {
    width: calc(100vw - 16px);
    max-width: calc(100vw - 16px);
    padding: 12px 12px 10px;
  }

  .cdxx-preview-modal__hero-stack {
    max-height: none;
  }

  .cdxx-preview-modal__plan {
    padding: 9px 10px;
  }

  .cdxx-preview-modal__plan-name {
    font-size: 11px;
  }
}