@media (max-width: 820px) {
  body.services-page .solar-system-sun-layer,
  body.pricing-page .solar-system-sun-layer,
  body.about-page .solar-system-sun-layer,
  body.questions-page .solar-system-sun-layer,
  body.contact-page .solar-system-sun-layer,
  body.services-page .solar-system-sun-layer *,
  body.pricing-page .solar-system-sun-layer *,
  body.about-page .solar-system-sun-layer *,
  body.questions-page .solar-system-sun-layer *,
  body.contact-page .solar-system-sun-layer *,
  body.services-page .solar-experience-shell > .luna-emblem,
  body.pricing-page .solar-experience-shell > .luna-emblem,
  body.about-page .solar-experience-shell > .luna-emblem,
  body.questions-page .solar-experience-shell > .luna-emblem,
  body.contact-page .solar-experience-shell > .luna-emblem,
  body.services-page .inner-luxury-hero::after,
  body.pricing-page .inner-luxury-hero::after,
  body.about-page .inner-luxury-hero::after,
  body.questions-page .inner-luxury-hero::after,
  body.contact-page .inner-luxury-hero::after {
    content: none !important;
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    background: none !important;
    background-image: none !important;
    box-shadow: none !important;
    filter: none !important;
    pointer-events: none !important;
  }

  body.services-page .inner-luxury-object .moon-orbit-hero,
  body.pricing-page .inner-luxury-object .moon-orbit-hero,
  body.about-page .inner-luxury-object .moon-orbit-hero,
  body.questions-page .inner-luxury-object .moon-orbit-hero,
  body.contact-page .inner-luxury-object .moon-orbit-hero {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    filter: none !important;
  }

  body.services-page .inner-luxury-object .moon-orbit-hero::before,
  body.pricing-page .inner-luxury-object .moon-orbit-hero::before,
  body.about-page .inner-luxury-object .moon-orbit-hero::before,
  body.questions-page .inner-luxury-object .moon-orbit-hero::before,
  body.contact-page .inner-luxury-object .moon-orbit-hero::before,
  body.services-page .inner-luxury-object .moon-orbit-hero::after,
  body.pricing-page .inner-luxury-object .moon-orbit-hero::after,
  body.about-page .inner-luxury-object .moon-orbit-hero::after,
  body.questions-page .inner-luxury-object .moon-orbit-hero::after,
  body.contact-page .inner-luxury-object .moon-orbit-hero::after {
    content: none !important;
    display: none !important;
  }

  body.services-page .inner-luxury-object .moon-orbit-hero .moon-component,
  body.pricing-page .inner-luxury-object .moon-orbit-hero .moon-component,
  body.about-page .inner-luxury-object .moon-orbit-hero .moon-component,
  body.questions-page .inner-luxury-object .moon-orbit-hero .moon-component,
  body.contact-page .inner-luxury-object .moon-orbit-hero .moon-component {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow:
      0 16px 34px rgba(0, 0, 0, 0.42),
      0 0 18px rgba(255, 213, 109, 0.16) !important;
    filter: none !important;
    overflow: visible !important;
  }

  body.services-page .inner-luxury-object .moon-orbit-hero .moon-surface,
  body.pricing-page .inner-luxury-object .moon-orbit-hero .moon-surface,
  body.about-page .inner-luxury-object .moon-orbit-hero .moon-surface,
  body.questions-page .inner-luxury-object .moon-orbit-hero .moon-surface,
  body.contact-page .inner-luxury-object .moon-orbit-hero .moon-surface,
  body.services-page .inner-luxury-object .moon-orbit-hero .moon-phase-shadow,
  body.pricing-page .inner-luxury-object .moon-orbit-hero .moon-phase-shadow,
  body.about-page .inner-luxury-object .moon-orbit-hero .moon-phase-shadow,
  body.questions-page .inner-luxury-object .moon-orbit-hero .moon-phase-shadow,
  body.contact-page .inner-luxury-object .moon-orbit-hero .moon-phase-shadow,
  body.services-page .inner-luxury-object .moon-orbit-hero .moon-rim,
  body.pricing-page .inner-luxury-object .moon-orbit-hero .moon-rim,
  body.about-page .inner-luxury-object .moon-orbit-hero .moon-rim,
  body.questions-page .inner-luxury-object .moon-orbit-hero .moon-rim,
  body.contact-page .inner-luxury-object .moon-orbit-hero .moon-rim {
    display: block !important;
    visibility: visible !important;
    position: absolute !important;
    inset: 0 !important;
    border-radius: 999px !important;
    filter: none !important;
  }

  body.services-page .inner-luxury-object .moon-orbit-hero .moon-surface,
  body.pricing-page .inner-luxury-object .moon-orbit-hero .moon-surface,
  body.about-page .inner-luxury-object .moon-orbit-hero .moon-surface,
  body.questions-page .inner-luxury-object .moon-orbit-hero .moon-surface,
  body.contact-page .inner-luxury-object .moon-orbit-hero .moon-surface {
    opacity: 1 !important;
    background:
      radial-gradient(circle at 31% 27%, rgba(255, 249, 206, 0.72), transparent 7%),
      radial-gradient(circle at 62% 64%, rgba(129, 84, 35, 0.2), transparent 14%),
      radial-gradient(circle at 43% 72%, rgba(255, 213, 109, 0.2), transparent 11%),
      linear-gradient(135deg, #fff3c2 0%, #ffd56d 34%, #d88932 72%, #8a3f18 100%) !important;
    box-shadow:
      inset -10px -12px 24px rgba(4, 7, 13, 0.28),
      inset 8px 7px 15px rgba(255, 249, 206, 0.22) !important;
  }

  body.services-page .inner-luxury-object .moon-orbit-hero .moon-phase-shadow,
  body.pricing-page .inner-luxury-object .moon-orbit-hero .moon-phase-shadow,
  body.about-page .inner-luxury-object .moon-orbit-hero .moon-phase-shadow,
  body.questions-page .inner-luxury-object .moon-orbit-hero .moon-phase-shadow,
  body.contact-page .inner-luxury-object .moon-orbit-hero .moon-phase-shadow {
    opacity: 1 !important;
    background: radial-gradient(circle at 64% 43%, #02050a 0 44%, transparent 45%) !important;
    box-shadow: none !important;
    mix-blend-mode: normal !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
  }

  body.services-page .inner-luxury-object .moon-orbit-hero .moon-rim,
  body.pricing-page .inner-luxury-object .moon-orbit-hero .moon-rim,
  body.about-page .inner-luxury-object .moon-orbit-hero .moon-rim,
  body.questions-page .inner-luxury-object .moon-orbit-hero .moon-rim,
  body.contact-page .inner-luxury-object .moon-orbit-hero .moon-rim {
    opacity: 0.3 !important;
    background: none !important;
    border: 1px solid rgba(255, 231, 181, 0.36) !important;
    box-shadow: inset 0 0 14px rgba(255, 220, 132, 0.1) !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
  }

  body.services-page .inner-luxury-object .moon-orbit-hero .moon-glow,
  body.pricing-page .inner-luxury-object .moon-orbit-hero .moon-glow,
  body.about-page .inner-luxury-object .moon-orbit-hero .moon-glow,
  body.questions-page .inner-luxury-object .moon-orbit-hero .moon-glow,
  body.contact-page .inner-luxury-object .moon-orbit-hero .moon-glow {
    display: block !important;
    visibility: visible !important;
    opacity: 0.16 !important;
    position: absolute !important;
    inset: -18% !important;
    border-radius: 999px !important;
    background: radial-gradient(circle, rgba(255, 220, 132, 0.22), rgba(218, 128, 42, 0.1) 45%, transparent 72%) !important;
    box-shadow: none !important;
    filter: none !important;
  }
}
