/* ─── ALL ELEMENTS GLOW ─── */
h1.text-t-primary,
h2.text-t-primary,
a.text-t-primary,
a[class*="text-t-primary"],
button[class*="text-t-primary"] {
  animation: atlasGlow 2.5s ease-in-out infinite;
  font-weight: 700 !important;
}

@keyframes atlasGlow {
  0%, 100% {
    text-shadow:
      0 0 6px rgba(101, 113, 255, 0.6),
      0 0 12px rgba(101, 113, 255, 0.4),
      0 0 24px rgba(101, 113, 255, 0.2);
  }
  50% {
    text-shadow:
      0 0 10px rgba(101, 113, 255, 1),
      0 0 25px rgba(101, 113, 255, 0.8),
      0 0 50px rgba(101, 113, 255, 0.5),
      0 0 80px rgba(74, 159, 212, 0.3);
  }
}

/* ─── LOGO GLOW ─── */
nav img[alt="Atlas Aim"] {
  animation: logoGlow 2.5s ease-in-out infinite;
  border-radius: 50%;
}

@keyframes logoGlow {
  0%, 100% {
    filter: drop-shadow(0 0 4px rgba(101, 113, 255, 0.6))
            drop-shadow(0 0 8px rgba(101, 113, 255, 0.3));
  }
  50% {
    filter: drop-shadow(0 0 8px rgba(101, 113, 255, 1))
            drop-shadow(0 0 20px rgba(101, 113, 255, 0.7))
            drop-shadow(0 0 35px rgba(74, 159, 212, 0.4));
  }
}

/* ─── SUBTITLE TEXT + FLOWING UNDERLINE (hero only) ─── */
#hero p[class*="text-t-primary"] {
  position: relative;
  animation: textFlow 3s ease-in-out infinite;
  padding-bottom: 10px;
  font-size: 1.6rem !important;
  font-weight: 600 !important;
  opacity: 1 !important;
  color: rgba(255, 255, 255, 0.95) !important;
}

#hero p[class*="text-t-primary"]::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(101, 113, 255, 0) 0%,
    rgba(101, 113, 255, 1) 50%,
    rgba(74, 159, 212, 0.8) 75%,
    transparent 100%
  );
  background-size: 200% auto;
  animation: lineFlow 3s ease-in-out infinite;
  border-radius: 2px;
  filter: drop-shadow(0 0 4px rgba(101, 113, 255, 0.8));
}

@keyframes textFlow {
  0%, 100% {
    text-shadow:
      0 0 6px rgba(101, 113, 255, 0.3),
      0 0 12px rgba(101, 113, 255, 0.2);
  }
  50% {
    text-shadow:
      0 0 10px rgba(101, 113, 255, 0.9),
      0 0 25px rgba(101, 113, 255, 0.6),
      0 0 40px rgba(74, 159, 212, 0.3);
  }
}

@keyframes lineFlow {
  0% {
    background-position: 200% center;
    opacity: 0.4;
  }
  50% {
    opacity: 1;
  }
  100% {
    background-position: -200% center;
    opacity: 0.4;
  }
}
/* ─── ATLAS AIM NAVBAR FLOWING UNDERLINE ─── */
nav h1.text-t-primary {
  position: relative;
  padding-bottom: 4px;
}

nav h1.text-t-primary::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(101, 113, 255, 0) 0%,
    rgba(101, 113, 255, 1) 50%,
    rgba(74, 159, 212, 0.8) 75%,
    transparent 100%
  );
  background-size: 200% auto;
  animation: lineFlow 3s ease-in-out infinite;
  border-radius: 2px;
  filter: drop-shadow(0 0 4px rgba(101, 113, 255, 0.8));
}
/* ─── FEATURE CARDS GLOW ─── */
.bg-card\/75.border.border-white\/5 {
  transition: box-shadow 0.3s ease, transform 0.3s ease;
  animation: cardPulse 3s ease-in-out infinite;
}

.bg-card\/75.border.border-white\/5:hover {
  transform: translateY(-4px);
  box-shadow:
    0 0 20px rgba(101, 113, 255, 0.4),
    0 0 40px rgba(101, 113, 255, 0.2),
    inset 0 0 20px rgba(101, 113, 255, 0.05);
}

@keyframes cardPulse {
  0%, 100% {
    box-shadow:
      0 0 8px rgba(101, 113, 255, 0.15),
      inset 0 0 8px rgba(101, 113, 255, 0.03);
  }
  50% {
    box-shadow:
      0 0 18px rgba(101, 113, 255, 0.3),
      inset 0 0 12px rgba(101, 113, 255, 0.06);
  }
}

/* ─── ANIMATED TRUCK (Instant Delivery) ─── */
.fa-truck {
  display: inline-block;
  animation: truckDrive 1.5s ease-in-out infinite;
}

@keyframes truckDrive {
  0%   { transform: translateX(0px) rotate(0deg); }
  20%  { transform: translateX(-4px) rotate(-2deg); }
  40%  { transform: translateX(4px) rotate(0deg); }
  60%  { transform: translateX(-3px) rotate(1deg); }
  80%  { transform: translateX(3px) rotate(0deg); }
  100% { transform: translateX(0px) rotate(0deg); }
}

/* ─── ANIMATED CLOCK (24/7 Support) ─── */
.fa-clock {
  display: inline-block;
  animation: clockTick 1s steps(1) infinite;
  transform-origin: center;
}

@keyframes clockTick {
  0%   { transform: rotate(0deg); }
  25%  { transform: rotate(6deg); }
  50%  { transform: rotate(0deg); }
  75%  { transform: rotate(-6deg); }
  100% { transform: rotate(0deg); }
}

/* ─── PULSE SHIELD (Secure Payments) ─── */
.fa-shield {
  display: inline-block;
  animation: shieldPulse 2s ease-in-out infinite;
}

@keyframes shieldPulse {
  0%, 100% { transform: scale(1); filter: drop-shadow(0 0 3px rgba(101,113,255,0.4)); }
  50%       { transform: scale(1.15); filter: drop-shadow(0 0 8px rgba(101,113,255,0.9)); }
}

/* ─── BOUNCE BOX (Huge Selection) ─── */
.fa-box {
  display: inline-block;
  animation: boxBounce 1.2s ease-in-out infinite;
}

@keyframes boxBounce {
  0%, 100% { transform: translateY(0px); }
  50%       { transform: translateY(-6px); }
}

/* ─── ALL FEATURE ICONS GLOW ─── */
.fa-truck, .fa-clock, .fa-shield, .fa-box {
  filter: drop-shadow(0 0 6px rgba(101, 113, 255, 0.7));
}
/* Fix cropped game group images */

:root {
    --group-image-fit: contain !important;
}

/* Image styling */
.object-group-image {
    object-fit: contain !important;
    width: 100% !important;
    height: 100% !important;
}

/* Allow image to extend naturally */
.aspect-group-card-image {
    aspect-ratio: auto !important;
    min-height: 260px !important;
}

/* Stop container clipping */
.relative.overflow-hidden {
    overflow: visible !important;
}

/* Keep card alignment clean */
.group-card img {
    display: block;
    margin: 0 auto;
}
/* Make cards shrink to image height */

:root {
    --group-image-fit: contain !important;
}

/* Remove fixed aspect ratio */
.aspect-group-card-image {
    aspect-ratio: auto !important;
    height: auto !important;
    min-height: unset !important;
}

/* Keep full image visible */
.object-group-image {
    object-fit: contain !important;
    width: 100% !important;
    height: auto !important;
    display: block;
}

/* Shrink card to content */
.group-card,
.bg-card\/75 {
    height: auto !important;
    min-height: unset !important;
}

/* Remove extra spacing */
.group-card .text-left {
    padding-bottom: 12px !important;
}

.group-card .mb-4 {
    margin-bottom: 10px !important;
}

/* Prevent clipping */
.overflow-hidden {
    overflow: visible !important;
}
/* Make cards shrink to image height */

:root {
    --group-image-fit: contain !important;
}

/* Remove fixed aspect ratio */
.aspect-group-card-image {
    aspect-ratio: auto !important;
    height: auto !important;
    min-height: unset !important;
}

/* Keep full image visible */
.object-group-image {
    object-fit: contain !important;
    width: 100% !important;
    height: auto !important;
    display: block;
}

/* Shrink card to content */
.group-card,
.bg-card\/75 {
    height: auto !important;
    min-height: unset !important;
}

/* Remove extra spacing */
.group-card .text-left {
    padding-bottom: 12px !important;
}

.group-card .mb-4 {
    margin-bottom: 10px !important;
}

/* Prevent clipping */
.overflow-hidden {
    overflow: visible !important;
}
/* ─── FULL RES PRODUCT CARD IMAGES ─── */
.aspect-product-card-image {
  aspect-ratio: unset !important;
  height: auto !important;
}

.object-product-image {
  object-fit: contain !important;
  object-position: center !important;
  width: 100% !important;
  height: auto !important;
}

.relative.overflow-hidden.p-2.mb-4.border-b.border-white\/5 {
  overflow: visible !important;
  height: auto !important;
}

/* Ensure card stretches to fit image */
a.block.h-full.bg-card\/75.border.border-white\/5 {
  height: auto !important;
}