* { margin:0; padding:0; box-sizing:border-box; }
html, body {
  overflow-x:hidden;
  background:#000;
  position:relative;
  font-family: 'Helvetica Neue', Arial, sans-serif;
}

/* DARK OVERLAY LAYER (fades in on scroll) */
.xbg-dark-overlay-layer {
  position:absolute;
  top:0; left:0;
  width:100%;
  height:100%;
  background:linear-gradient(to bottom,
    rgba(0,0,0,0.92),
    rgba(5,5,5,1));
  opacity:0;
  transition:opacity 1s ease;
  pointer-events:none;
  z-index:2;
}
/* CONTENT AREA - ON TOP */
.content {
  position: relative;
  z-index: 10;
  color: white;
  padding: 2rem;
  min-height: 100vh; /* Reduced from 200vh to make sidebar reachable */
}
/* SCROLLED STATE */
.xbg-dark-hero-container.scrolled {
  background-image:
    linear-gradient(rgba(0,0,0,0.96), rgba(0,0,0,0.99)),
    url('https://images.unsplash.com/photo-1511512578047-dfb367046420?ixlib=rb-4.0.3&auto=format&fit=crop&w=1950&q=80');
}
.xbg-dark-hero-container.scrolled .xbg-dark-overlay-layer {
  opacity:1;
}
/* ---------- UNIQUE CLASS NAMES ---------- */
.zenith-promo-container{
  position:relative;width:1300px;height:500px;max-width:100%;
  overflow:hidden;border-radius:16px;margin:0 auto;
  font-family:Arial,Helvetica,sans-serif;background:#000;
  box-shadow:0 12px 40px rgba(0,0,0,.4);
  user-select:none;-webkit-user-drag:none;
}
.nebula-bg-layer,.aurora-video-layer{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;transition:opacity .6s cubic-bezier(.4,0,.2,1);
  pointer-events:none;
}

.aurora-video-layer{opacity:0;z-index:2;}
.aurora-video-layer.active{opacity:1;}
.nebula-bg-layer.fade-out{opacity:0;}
/* ---------- CONTENT ---------- */
.lunar-content-zone{
  position:absolute;bottom:0;left:0;width:100%;
  padding:36px 40px;
  background:linear-gradient(180deg,transparent,rgba(0,0,0,.88));
  color:#fff;z-index:3;
  animation:slideUp .9s ease-out .5s both;
  pointer-events:auto;
}
.stellar-game-title{
  font-size:3.2rem;font-weight:900;margin:0 0 16px;
  background:linear-gradient(90deg, #ffffff, #e0e0e0, #b0b0b0);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;
  text-shadow:0 3px 10px rgba(0,0,0,.7);letter-spacing:1.5px;
}
.platform-orbit{display:flex;gap:10px;margin-bottom:24px;flex-wrap:wrap;}
.platform-capsule{
  display:flex;align-items:center;gap:10px;
  background:rgba(255,255,255,.15);padding:10px 20px;
  border-radius:50px;font-size:1.01rem;font-weight:600;
  backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.25);
  animation:popIn .7s ease-out both;box-shadow:0 2px 8px rgba(0,0,0,.2);
}
.platform-capsule:nth-child(1){animation-delay:.7s}
.platform-capsule:nth-child(2){animation-delay:.85s}
.platform-capsule:nth-child(3){animation-delay:1s}
.platform-capsule:nth-child(4){animation-delay:1.15s}
.platform-capsule i.icon-orbit {
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  color: #fff; /* Ensure icons are visible */
}
/* ---------- GLASS BUTTON (LIGHT RED THEME) ---------- */
.preorder-quantum-btn{
  display:inline-flex;align-items:center;gap:12px;
  padding:16px 36px;
  background:rgba(255, 255, 255, .18);
  backdrop-filter:blur(14px);
  border:1px solid rgba(255, 77, 109, .5);
  border-radius:50px;color:#fff;font-weight:700;font-size:1.2rem;
  text-decoration:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275);
  box-shadow:0 6px 20px rgba(255, 77, 109, .3);
  animation:pulseGlow 2s infinite alternate;
}
.preorder-quantum-btn:hover{
  transform:translateY(-6px) scale(1.06);
  background:rgba(255, 77, 109, .35);
  box-shadow:0 12px 30px rgba(255, 77, 109, .6);
  border-color:#ff4d6d;
}
.preorder-quantum-btn:active{transform:translateY(-3px) scale(1.03);}
/* ---------- SOUND TOGGLE ---------- */
.sound-orbit-toggle{
  position:absolute;top:20px;right:20px;
  width:48px;height:48px;
  background:rgba(255,255,255,.18);
  backdrop-filter:blur(12px);
  border:1px solid rgba(255,255,255,.3);
  border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;z-index:10;
  transition:all .3s ease;
  box-shadow:0 4px 15px rgba(0,0,0,.3);
  pointer-events:auto;
}
.sound-orbit-toggle:hover{
  background:rgba(255,255,255,.25);
  transform:scale(1.1);
  box-shadow:0 6px 20px rgba(0,0,0,.4);
}
.sound-orbit-toggle svg{
  width:24px;height:24px;fill:#fff;
  transition:transform .3s ease;
}
.sound-orbit-toggle.muted svg{transform:scale(0.9);}
/* ---------- ANIMATIONS ---------- */
@keyframes slideUp{from{transform:translateY(80px);opacity:0}to{transform:translateY(0);opacity:1}}
@keyframes popIn{from{transform:scale(.4) rotate(-10deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}
@keyframes pulseGlow{
  from{box-shadow:0 6px 20px rgba(255, 77, 109, .3)}
  to{box-shadow:0 6px 28px rgba(255, 77, 109, .65)}
}
.aurora-video-layer video{
  width:100%;height:100%;object-fit:cover;
  pointer-events:none;
}
/* Main Container */
.gameContentWrapper {
  max-width: 1300px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 50px;
  position: relative;
  z-index: 20; /* Ensure above background elements */
}
/* Left Column */
.mainGameSection {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
/* Poster and Info */
.gameInfoContainer {
  display: flex;
  flex-direction: row;
  gap: 20px;
  flex-wrap: wrap;
}
.gamePoster {
  width: 260px;
  height: 347px;
  object-fit: cover;
  border-radius: 10px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
  transition: transform 0.3s ease;
}
.gamePoster:hover {
  transform: scale(1.05);
}
.gameInfoText {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 200px;
}
.gameTitle {
  font-size: 2rem;
  font-weight: bold;
  color: #e0e0e0;
}
.gameDescription {
  font-size: 1rem;
  color: #b0b0b0;
  line-height: 1.5;
}
.gameMeta {
  display: flex;
  flex-direction: row;
  gap: 15px;
  font-size: 0.9rem;
  color: #888;
  flex-wrap: wrap;
}
.gameMeta span {
  background: #1e1e1e;
  padding: 5px 10px;
  border-radius: 5px;
}
/* Video Player */
.videoPlayerSection {
  max-width: 100%;
}
/* Image Gallery */
.imageGalleryContainer {
  position: relative;
  width: 100%;
  max-width: 405px;
  height: 660px;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.galleryItem {
  position: absolute;
  width: 200px;
  height: 150px;
  overflow: hidden;
  transition: transform 0.9s, width 0.9s, height 0.9s;
  cursor: pointer;
}
.galleryItem img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 5px;
}
.galleryItem[data-gallery-pos='0'] {
  width: 100%;
  height: 350px;
  z-index: 10;
}
.galleryItem[data-gallery-pos='0'] { transform: translate(0, 0); }
.galleryItem[data-gallery-pos='1'] { transform: translate(0, 355px); }
.galleryItem[data-gallery-pos='2'] { transform: translate(0, 510px); }
.galleryItem[data-gallery-pos='3'] { transform: translate(205px, 355px); }
.galleryItem[data-gallery-pos='4'] { transform: translate(205px, 510px); }
/* Lightbox */
.lightboxOverlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.9);
  z-index: 1000;
  justify-content: center;
  align-items: center;
  animation: fadeIn 0.3s ease;
}
.lightboxImage {
  max-width: 90%;
  max-height: 90%;
  border-radius: 10px;
}
.closeLightbox {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 2rem;
  color: #fff;
  cursor: pointer;
  transition: color 0.3s ease;
}
.closeLightbox:hover {
  color: #ff5555;
}
@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}
/* You May Also Like */
.relatedGamesSection {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.relatedGamesTitle {
  font-size: 1.5rem;
  color: #e0e0e0;
}
.relatedGamesGrid {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.relatedGameItem {
  display: flex;
  gap: 10px;
  background: #1e1e1e;
  padding: 10px;
  border-radius: 10px;
  transition: transform 0.3s ease;
  text-decoration: none;
  color: inherit;
}
.relatedGameItem:hover {
  transform: translateY(-5px);
}
.relatedGameImage {
  width: 150px;
  height: 150px;
  object-fit: cover;
  border-radius: 5px;
}
.relatedGameTitle {
  font-size: 1.2rem;
  color: #fff;
}
/* Right Sidebar */
.sidebarContainer {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
  max-width: 300px;
  margin: 0;
  position: relative;
  z-index: 21; /* Ensure above other content */
}
/* Purchase Box */
.purchaseBox {
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  text-align: center;
}
.countdownTimer {
  font-size: 1.2rem;
  color: #ff5555;
  margin-bottom: 15px;
}
.gamePrice {
  font-size: 1.5rem;
  color: #fff;
  margin-bottom: 15px;
}
.buyNowButton {
  background: #ff5555;
  color: #fff;
  padding: 10px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: 100%;
  transition: background 0.3s ease;
}
.buyNowButton:hover {
  background: #ff7777;
}
.buyNowDropdown {
  display: none;
  flex-direction: column;
  gap: 10px;
  margin-top: 10px;
}
.buyNowDropdown a {
  display: flex;
  align-items: center;
  gap: 5px;
  color: #fff;
  text-decoration: none;
  background: #333;
  padding: 8px;
  border-radius: 5px;
  transition: background 0.3s ease;
}
.buyNowDropdown a:hover {
  background: #555;
}
.buyNowDropdown.show {
  display: flex;
}
/* Ads */
.adSlot {
  width: 300px;
  height: 250px;
  background: #333;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 1rem;
}
/* Slider */
.upcomingReleasesSlider {
  width: 300px;
  height: 350px;
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}
.sliderContainer {
  display: flex;
  width: 100%;
  height: 100%;
  transition: transform 0.5s ease;
}
.sliderItem {
  min-width: 300px;
  height: 350px;
  position: relative;
  display: flex;
  align-items: flex-end;
  background: #1e1e1e;
  cursor: pointer;
}
.sliderImage {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.sliderOverlay {
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  padding: 10px;
  text-align: center;
  color: #fff;
  font-size: 1.2rem;
  z-index: 1;
  transition: opacity 0.3s ease;
}
.sliderDetails {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #1e1e1e;
  padding: 20px;
  flex-direction: column;
  gap: 10px;
  color: #fff;
  z-index: 2;
  animation: slideIn 0.3s ease;
}
.sliderItem.active .sliderDetails {
  display: flex;
}
.sliderTitle {
  font-size: 1.2rem;
  font-weight: bold;
}
.sliderDescription {
  font-size: 0.9rem;
  color: #b0b0b0;
}
.sliderMeta {
  font-size: 0.8rem;
  color: #888;
}
.sliderPrev,
.sliderNext {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  border: none;
  padding: 10px;
  cursor: pointer;
  z-index: 3;
  transition: background 0.3s ease;
}
.sliderPrev:hover,
.sliderNext:hover {
  background: rgba(0, 0, 0, 0.8);
}
.sliderPrev {
  left: 10px;
}
.sliderNext {
  right: 10px;
}
@keyframes slideIn {
  from { transform: translateY(20px); opacity: 0; }
  to { transform: translateY(0); opacity: 1; }
}
/* Top Header Styles */
.celestial-nav-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(10px);
  z-index: 100;
  padding: 15px 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: background 0.5s ease, transform 0.5s ease;
  animation: navFadeIn 1s ease-out;
}
.celestial-nav-wrapper.scrolled {
  background: rgba(0, 0, 0, 0.8);
}
.stellar-brand-logo {
  font-size: 1.5rem;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  animation: logoPulse 2s infinite alternate;
}
.nebula-nav-links {
  display: flex !important; /* Force desktop flex */
  list-style: none;
  gap: 25px;
  justify-content: flex-end; /* Ensure not centered */
  text-align: left; /* Override any centering */
}
.nebula-nav-links li {
  position: relative;
  text-align: left; /* Prevent centering */
}
.nebula-nav-links a {
  color: #fff;
  text-decoration: none;
  font-size: 1rem;
  font-weight: 600;
  transition: color 0.3s ease, transform 0.3s ease;
  position: relative;
}
.nebula-nav-links a::after {
  content: '';
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 0;
  height: 2px;
  background: #ff5555;
  transition: width 0.3s ease;
}
.nebula-nav-links a:hover {
  color: #ff5555;
  transform: translateY(-3px);
}
.nebula-nav-links a:hover::after {
  width: 100%;
}
.cosmic-hamburger-icon {
  display: none !important; /* Force hide on desktop */
  cursor: pointer;
  font-size: 1.8rem;
  color: #fff;
  transition: transform 0.3s ease;
}
.cosmic-hamburger-icon.active {
  transform: rotate(90deg);
}
@keyframes navFadeIn {
  from { opacity: 0; transform: translateY(-20px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes logoPulse {
  from { text-shadow: 0 0 5px rgba(255, 85, 85, 0.5); }
  to { text-shadow: 0 0 15px rgba(255, 85, 85, 0.8); }
}
@keyframes menuSlideIn {
  from { opacity: 0; transform: translateY(-10px); }
  to { opacity: 1; transform: translateY(0); }
}
/* Responsive Design */
@media (min-width: 768px) {
  .gameContentWrapper {
    flex-direction: row;
    gap: 30px;
  }
  .mainGameSection {
    flex: 1;
  }
  .sidebarContainer {
    width: 300px;
  }
  .imageGalleryContainer {
    max-width: 800px;
    height: 305px;
  }
  .galleryItem {
    width: 175px;
    height: 150px;
  }
  .galleryItem[data-gallery-pos='0'] {
    width: 400px;
    height: 305px;
  }
  .galleryItem[data-gallery-pos='0'] { transform: translate(0, 0); }
  .galleryItem[data-gallery-pos='1'] { transform: translate(405px, 0); }
  .galleryItem[data-gallery-pos='2'] { transform: translate(585px, 0); }
  .galleryItem[data-gallery-pos='3'] { transform: translate(405px, 155px); }
  .galleryItem[data-gallery-pos='4'] { transform: translate(585px, 155px); }
  .relatedGamesGrid {
    flex-direction: row;
  }
  .relatedGameItem {
    width: 50%;
  }
}
@media (max-width: 1400px){
  .zenith-promo-container{width:100%;height:450px;border-radius:12px;}
  .stellar-game-title{font-size:2.8rem;}
  .lunar-content-zone{padding:32px 36px;}
}
@media (max-width: 1024px) and (min-width: 768px) { /* Tablets only */
  .xbg-dark-hero-container { background-attachment:scroll; }
  .content { padding: 1.5rem; margin-top: 25px; }
  .celestial-nav-wrapper {
    padding: 15px 20px;
  }
  .nebula-nav-links {
    gap: 20px;
  }
  .nebula-nav-links a {
    font-size: 0.95rem;
  }
  .zenith-promo-container{height:400px;border-radius:10px;}
  .stellar-game-title{font-size:2.3rem;}
  .lunar-content-zone{padding:24px 28px;}
  .platform-orbit{gap:16px;}
  .platform-capsule{padding:8px 16px;font-size:.95rem;}
  .preorder-quantum-btn{padding:14px 28px;font-size:1.1rem;}
  .sound-orbit-toggle{top:16px;right:16px;width:44px;height:44px;}
  .sound-orbit-toggle svg{width:20px;height:20px;}
}
@media (max-width: 767px) { /* Mobile */
  .xbg-dark-hero-container { background-attachment:scroll; }
  .content { padding: 1.5rem; margin-top: 25px; }
  .gameContentWrapper {
    flex-direction: column;
    align-items: center;
  }
  .sidebarContainer {
    display: flex !important; /* Force display */
    width: 100%;
    max-width: 100%;
    margin-top: 20px; /* Add spacing from main content */
  }
  .imageGalleryContainer {
    max-width: 100%;
    height: auto;
    min-height: 400px;
  }
  .galleryItem {
    position: relative;
    width: 100% !important;
    height: 150px !important;
    transform: none !important;
  }
  .galleryItem[data-gallery-pos='0'] {
    width: 100% !important;
    height: 200px !important;
  }
  .nebula-nav-links {
    display: none !important;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    flex-direction: column;
    background: rgba(0, 0, 0, 0.9);
    padding: 20px 0;
    gap: 15px;
    animation: menuSlideIn 0.5s ease-out;
    justify-content: center; /* Center for mobile */
  }
  .nebula-nav-links.active {
    display: flex !important;
  }
  .nebula-nav-links li {
    text-align: center;
  }
  .cosmic-hamburger-icon {
    display: block !important;
  }
  .zenith-promo-container{height:360px;}
  .stellar-game-title{font-size:1.9rem;}
  .platform-orbit{justify-content:center;gap:12px;}
  .platform-capsule{padding:6px 12px;font-size:.85rem;}
  .icon-orbit{width:20px;height:20px;}
  .preorder-quantum-btn{width:100%;justify-content:center;font-size:1rem;padding:12px 20px;}
  .sound-orbit-toggle{top:12px;right:12px;width:40px;height:40px;}
  .sound-orbit-toggle svg{width:18px;height:18px;}
}
@media (max-width: 480px){
  .zenith-promo-container{height:360px;}
  .stellar-game-title{font-size:1.9rem;}
  .platform-orbit{justify-content:center;gap:12px;}
  .platform-capsule{padding:6px 12px;font-size:.85rem;}
  .icon-orbit{width:20px;height:20px;}
  .preorder-quantum-btn{width:100%;justify-content:center;font-size:1rem;padding:12px 20px;}
  .sound-orbit-toggle{top:12px;right:12px;width:40px;height:40px;}
  .sound-orbit-toggle svg{width:18px;height:18px;}
}



/* footer v*/

/* Full-width footer container */
        .voidFooterRealm {
            width: 100%;
            background-color: #000;
            color: #fff;
            padding: clamp(40px, 6vw, 60px) clamp(20px, 3vw, 40px);
            font-family: -apple-system, BlinkMacSystemFont, sans-serif;
            box-sizing: border-box;
        }

        /* Main footer content wrapper */
        .nebulaFooterCore {
            max-width: 1200px;
            margin: 0 auto;
            display: grid;
            grid-template-columns: 1fr 2fr 1fr;
            gap: clamp(20px, 4vw, 40px);
            align-items: flex-start;
        }

        /* Logo section */
        .lunarLogoHub {
            display: flex;
            flex-direction: column;
            gap: 16px;
        }

        .lunarLogoHub a {
            display: inline-block;
        }

        .lunarLogoHub img {
            width: clamp(120px, 20vw, 180px);
            height: auto;
            filter: brightness(0) invert(1);
        }

        .lunarLogoHub p {
            font-size: clamp(12px, 2.5vw, 14px);
            opacity: 0.7;
            margin: 0;
            line-height: 1.5;
        }

        /* Navigation links */
        .astroNavCluster {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
            gap: clamp(12px, 2vw, 16px);
        }

        .astroNavCluster ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }

        .astroNavCluster li {
            margin-bottom: 12px;
        }

        .astroNavCluster a {
            color: #fff;
            text-decoration: none;
            font-size: clamp(13px, 2.5vw, 15px);
            font-weight: 500;
            transition: color 0.3s ease, transform 0.2s ease;
        }

        .astroNavCluster a:hover {
            color: #007bff;
            transform: translateX(4px);
        }

        /* Social media section */
        .cosmicSocialSphere {
            display: flex;
            flex-direction: column;
            gap: 16px;
        }

        .cosmicSocialSphere h3 {
            font-size: clamp(16px, 3vw, 18px);
            font-weight: 600;
            margin: 0;
        }

        .stellarSocialIcons {
            display: flex;
            flex-wrap: wrap;
            gap: clamp(12px, 2vw, 16px);
        }

        .stellarSocialIcons a {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 40px;
            height: 40px;
            background: rgba(255, 255, 255, 0.1);
            border-radius: 50%;
            transition: background 0.3s ease, transform 0.2s ease;
        }

        .stellarSocialIcons a:hover {
            background: rgba(255, 255, 255, 0.2);
            transform: scale(1.1);
        }

        .stellarSocialIcons svg {
            width: 24px;
            height: 24px;
            fill: #fff;
        }

        /* Responsive adjustments */
        @media (max-width: 1024px) {
            .nebulaFooterCore {
                grid-template-columns: 1fr 1fr;
                gap: clamp(15px, 3vw, 30px);
            }

            .cosmicSocialSphere {
                grid-column: 1 / -1;
                align-items: center;
                text-align: center;
            }

            .stellarSocialIcons {
                justify-content: center;
            }
        }

        @media (max-width: 768px) {
            .voidFooterRealm {
                padding: clamp(20px, 4vw, 40px) clamp(15px, 2vw, 30px);
            }

            .nebulaFooterCore {
                grid-template-columns: 1fr;
                gap: clamp(20px, 4vw, 30px);
            }

            .lunarLogoHub {
                align-items: center;
                text-align: center;
            }

            .astroNavCluster {
                grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
                justify-items: center;
            }

            .astroNavCluster ul {
                text-align: center;
            }
        }

        @media (max-width: 480px) {
            .voidFooterRealm {
                padding: clamp(15px, 3vw, 30px) clamp(10px, 1.5vw, 20px);
            }

            .lunarLogoHub img {
                width: clamp(100px, 25vw, 140px);
            }

            .lunarLogoHub p {
                font-size: clamp(11px, 2.5vw, 13px);
            }

            .astroNavCluster {
                grid-template-columns: 1fr;
            }

            .astroNavCluster ul {
                margin-bottom: 16px;
            }

            .astroNavCluster a {
                font-size: clamp(12px, 2.5vw, 14px);
            }

            .cosmicSocialSphere h3 {
                font-size: clamp(14px, 3vw, 16px);
            }

            .stellarSocialIcons a {
                width: 36px;
                height: 36px;
            }

            .stellarSocialIcons svg {
                width: 20px;
                height: 20px;
            }
        }

        @media (max-width: 360px) {
            .voidFooterRealm {
                padding: clamp(10px, 3vw, 20px) clamp(5px, 1.5vw, 10px);
            }

            .lunarLogoHub img {
                width: clamp(80px, 25vw, 120px);
            }

            .lunarLogoHub p {
                font-size: clamp(10px, 2.5vw, 12px);
            }

            .astroNavCluster a {
                font-size: clamp(11px, 2.5vw, 13px);
            }

            .cosmicSocialSphere h3 {
                font-size: clamp(13px, 3vw, 15px);
            }

            .stellarSocialIcons a {
                width: 32px;
                height: 32px;
            }

            .stellarSocialIcons svg {
                width: 18px;
                height: 18px;
            }
        }