/** Shopify CDN: Minification failed

Line 70:0 All "@import" rules must come first

**/
/**
 * Halo Labs Custom Styles
 * Brand: Halo Labs - "Build Your Halo"
 * Theme: Shopify Dawn Custom
 */

/* ============================================
   CSS Custom Properties (Variables)
   ============================================ */
:root {
  /* Brand Colors - DARK MODE */
  --halo-primary: #0D0D0D;         /* Near black background */
  --halo-accent: #00F0FF;          /* Electric blue accent */
  --halo-text: #FFFFFF;            /* White text */
  --halo-secondary: #1A1A1A;       /* Dark gray sections */
  --halo-border: #2A2A2A;          /* Subtle borders */
  
  /* Spacing Scale (8px base unit) */
  --space-xs: 8px;
  --space-sm: 16px;
  --space-md: 24px;
  --space-lg: 32px;
  --space-xl: 48px;
  --space-xxl: 64px;
  
  /* Typography Scale */
  --font-size-h1: 48px;
  --font-size-h2: 36px;
  --font-size-h3: 24px;
  --font-size-body: 16px;
  --font-size-small: 14px;
  
  /* Responsive Typography */
  --font-size-h1-mobile: 32px;
  --font-size-h2-mobile: 28px;
  --font-size-h3-mobile: 20px;
  
  /* Transitions */
  --transition-speed: 0.3s;
  --transition-ease: ease;
  
  /* Border Radius */
  --radius-button: 4px;
  --radius-card: 8px;
  
  /* Shadows - Enhanced for dark mode */
  --shadow-card: 0 2px 8px rgba(0, 240, 255, 0.1);
  --shadow-card-hover: 0 8px 24px rgba(0, 240, 255, 0.2);
  --shadow-glow-blue: 0 0 30px rgba(0, 240, 255, 0.5);
}
/* ============================================
   Base Styles
   ============================================ */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  font-size: var(--font-size-body);
  color: var(--halo-text);
  background-color: var(--halo-primary);
  line-height: 1.6;
}
/* ============================================
   PROFESSIONAL TYPOGRAPHY
   ============================================ */

@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;600;700&display=swap');

body {
  font-family: 'Rajdhani', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Rajdhani', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
}
/* ============================================
   Typography
   ============================================ */
h1, h2, h3, h4, h5, h6 {
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: var(--space-md);
}

h1 {
  font-size: var(--font-size-h1);
}

h2 {
  font-size: var(--font-size-h2);
}

h3 {
  font-size: var(--font-size-h3);
}

/* Mobile Typography */
@media (max-width: 767px) {
  h1 {
    font-size: var(--font-size-h1-mobile);
  }
  
  h2 {
    font-size: var(--font-size-h2-mobile);
  }
  
  h3 {
    font-size: var(--font-size-h3-mobile);
  }
}

/* ============================================
   Animations
   ============================================ */
@keyframes halo-pulse {
  0%, 100% {
    opacity: 0.6;
    transform: scale(1);
  }
  50% {
    opacity: 1;
    transform: scale(1.05);
  }
}

@keyframes fade-in-up {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ============================================
   Button Styles
   ============================================ */
.halo-btn {
  display: inline-block;
  padding: 12px 24px;
  font-size: var(--font-size-body);
  font-weight: 500;
  text-align: center;
  text-decoration: none;
  border-radius: var(--radius-button);
  border: 2px solid var(--halo-accent);
  background-color: var(--halo-primary);
  color: var(--halo-accent);
  cursor: pointer;
  transition: all var(--transition-speed) var(--transition-ease);
  min-width: 44px;
  min-height: 44px;
}

.halo-btn:hover {
  background-color: var(--halo-accent);
  color: var(--halo-primary);
  transform: translateY(-2px);
  box-shadow: var(--shadow-glow-blue);
}

.halo-btn:active {
  transform: translateY(0);
}

.halo-btn--secondary {
  background-color: transparent;
  border-color: var(--halo-text);
  color: var(--halo-text);
}

.halo-btn--secondary:hover {
  background-color: var(--halo-text);
  color: var(--halo-primary);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

/* ============================================
   Card Styles
   ============================================ */
.halo-card {
  background: var(--halo-primary);
  border: 1px solid var(--halo-border);
  border-radius: var(--radius-card);
  padding: var(--space-md);
  box-shadow: var(--shadow-card);
  transition: all var(--transition-speed) var(--transition-ease);
}

.halo-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-card-hover), var(--shadow-glow-blue);
}

.halo-card__image {
  width: 100%;
  height: auto;
  border-radius: var(--radius-card);
  margin-bottom: var(--space-sm);
}

.halo-card__title {
  font-size: var(--font-size-h3);
  margin-bottom: var(--space-sm);
}

.halo-card__text {
  font-size: var(--font-size-body);
  color: #666;
  margin-bottom: var(--space-md);
}

/* ============================================
   PROFESSIONAL HERO SECTION
   ============================================ */

.hero-halo {
  position: relative;
  padding: var(--space-xxl) var(--space-md);
  background-color: var(--halo-primary);
  text-align: left; /* Left-align like the example */
  overflow: hidden;
  min-height: 600px;
  display: flex;
  align-items: center;
}

/* Diagonal shape overlay (like Core Peptides) */
.hero-halo::after {
  content: '';
  position: absolute;
  bottom: -50px;
  left: 0;
  right: 0;
  height: 300px;
  background: linear-gradient(165deg, transparent 50%, #FFFFFF 50%);
  z-index: 1;
  pointer-events: none;
}

.hero-halo__container {
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-xl);
  align-items: center;
}

/* Enhanced glow effect */
.hero-halo__glow {
  position: absolute;
  top: 30%;
  right: 20%;
  transform: translate(-50%, -50%);
  width: 600px;
  height: 600px;
  background: radial-gradient(circle, rgba(0, 240, 255, 0.4) 0%, transparent 70%);
  border-radius: 50%;
  animation: halo-pulse 4s ease-in-out infinite;
  z-index: 1;
  pointer-events: none;
}

/* Typography upgrades */
.hero-halo__heading {
  font-size: 56px;
  margin-bottom: var(--space-sm);
  font-weight: 700;
  line-height: 1.1;
  text-transform: uppercase;
  letter-spacing: 2px;
}

/* Add gold highlighting to key words */
.hero-halo__heading .highlight {
  color: var(--halo-gold);
}

.hero-halo__subheading {
  font-size: 18px;
  color: #CCCCCC;
  margin-bottom: var(--space-lg);
  font-weight: 400;
  line-height: 1.6;
  max-width: 500px;
}

/* Professional button upgrade */
.hero-halo__buttons {
  display: flex;
  gap: var(--space-sm);
  justify-content: flex-start;
  flex-wrap: wrap;
}

.halo-btn {
  display: inline-block;
  padding: 16px 40px;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  border-radius: 0; /* Sharp corners like Core Peptides */
  border: 2px solid var(--halo-accent);
  background-color: transparent;
  color: var(--halo-accent);
  cursor: pointer;
  transition: all 0.3s ease;
  text-transform: uppercase;
  letter-spacing: 1.5px;
}

.halo-btn:hover {
  background-color: var(--halo-accent);
  color: #000000;
  box-shadow: 0 0 30px rgba(0, 240, 255, 0.5);
  transform: translateY(-2px);
}

/* Add product image placeholder area */
.hero-halo__image {
  position: relative;
  z-index: 2;
  text-align: right;
}

.hero-halo__image img {
  max-width: 100%;
  height: auto;
  filter: drop-shadow(0 10px 30px rgba(0, 240, 255, 0.3));
}

@media (max-width: 768px) {
  .hero-halo__container {
    grid-template-columns: 1fr;
  }
  
  .hero-halo__heading {
    font-size: 36px;
  }
  
  .hero-halo::after {
    display: none; /* Remove diagonal on mobile */
  }
}

/* ============================================
   Section: Category Grid
   ============================================ */
.category-grid {
  padding: var(--space-xxl) var(--space-md);
  background-color: var(--halo-secondary);
}

.category-grid__container {
  max-width: 1200px;
  margin: 0 auto;
}

.category-grid__heading {
  text-align: center;
  margin-bottom: var(--space-xl);
}

.category-grid__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--space-md);
}

@media (max-width: 767px) {
  .category-grid__grid {
    grid-template-columns: 1fr;
  }
}

/* Category Card Styles */
.category-card {
  background: var(--halo-primary);
  border: 1px solid var(--halo-border);
  border-radius: var(--radius-card);
  padding: var(--space-lg);
  text-align: center;
  text-decoration: none;
  color: var(--halo-text);
  display: block;
  transition: all var(--transition-speed) var(--transition-ease);
  box-shadow: var(--shadow-card);
}

.category-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-card-hover), var(--shadow-glow-blue);
  text-decoration: none;
}

.category-card__icon {
  font-size: 48px;
  margin-bottom: var(--space-sm);
  display: block;
}

.category-card__title {
  font-size: var(--font-size-h3);
  font-weight: 600;
  margin-bottom: var(--space-xs);
}

.category-card__tagline {
  font-size: var(--font-size-body);
  color: #666;
}

/* ============================================
   Section: Featured Products
   ============================================ */
.featured-products {
  padding: var(--space-xxl) var(--space-md);
  background-color: var(--halo-primary);
}

.featured-products__container {
  max-width: 1200px;
  margin: 0 auto;
}

.featured-products__heading {
  text-align: center;
  margin-bottom: var(--space-xl);
}

.featured-products__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: var(--space-md);
}

@media (max-width: 767px) {
  .featured-products__grid {
    grid-template-columns: 1fr;
    overflow-x: auto;
    display: flex;
    gap: var(--space-sm);
    padding-bottom: var(--space-sm);
  }
  
  .featured-products__grid .product-card {
    min-width: 250px;
    flex-shrink: 0;
  }
}

/* Product Card Styles */
.product-card {
  background: var(--halo-primary);
  border: 1px solid var(--halo-border);
  border-radius: var(--radius-card);
  padding: var(--space-md);
  text-decoration: none;
  color: var(--halo-text);
  display: flex;
  flex-direction: column;
  transition: all var(--transition-speed) var(--transition-ease);
  box-shadow: var(--shadow-card);
}

.product-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-card-hover);
  text-decoration: none;
}

.product-card__image {
  width: 100%;
  height: 200px;
  object-fit: cover;
  border-radius: var(--radius-card);
  margin-bottom: var(--space-sm);
  background-color: var(--halo-secondary);
}

.product-card__title {
  font-size: var(--font-size-body);
  font-weight: 600;
  margin-bottom: var(--space-xs);
}

.product-card__price {
  font-size: var(--font-size-h3);
  font-weight: 700;
  color: var(--halo-accent);
  margin-bottom: var(--space-sm);
}

.product-card__button {
  margin-top: auto;
}

/* ============================================
   Section: Halo Protocol
   ============================================ */
.halo-protocol {
  padding: var(--space-xxl) var(--space-md);
  background-color: var(--halo-secondary);
}

.halo-protocol__container {
  max-width: 1200px;
  margin: 0 auto;
}

.halo-protocol__heading {
  text-align: center;
  margin-bottom: var(--space-xl);
}

.halo-protocol__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-lg);
}

@media (max-width: 767px) {
  .halo-protocol__grid {
    grid-template-columns: 1fr;
  }
}

.halo-protocol__item {
  text-align: center;
  padding: var(--space-md);
}

.halo-protocol__icon {
  font-size: 64px;
  margin-bottom: var(--space-sm);
  display: block;
}

.halo-protocol__title {
  font-size: var(--font-size-h3);
  font-weight: 600;
  margin-bottom: var(--space-xs);
}

.halo-protocol__text {
  font-size: var(--font-size-body);
  color: #666;
}

/* ============================================
   PROFESSIONAL TRUST BADGES - SINGLE ROW
   ============================================ */

.trust-badges {
  padding: var(--space-lg) var(--space-md);
  background-color: #1A1A1A;
  border-top: 1px solid #2A2A2A;
  border-bottom: 1px solid #2A2A2A;
}

.trust-badges__container {
  max-width: 1200px;
  margin: 0 auto;
}

.trust-badges__grid {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--space-lg);
  flex-wrap: nowrap; /* Force single row */
}

.trust-badges__item {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  flex: 1; /* Equal width for each item */
  min-width: 0; /* Allow text to wrap if needed */
}

.trust-badges__icon {
  font-size: 40px;
  color: var(--halo-gold);
  flex-shrink: 0;
}

.trust-badges__content {
  flex: 1;
}

.trust-badges__title {
  font-size: 14px;
  font-weight: 700;
  color: var(--halo-gold);
  margin-bottom: 2px;
  text-transform: uppercase;
  letter-spacing: 1px;
  white-space: nowrap; /* Keep title on one line */
}

.trust-badges__text {
  font-size: 12px;
  color: #AAAAAA;
  line-height: 1.4;
}

/* Mobile: Stack on small screens */
@media (max-width: 768px) {
  .trust-badges__grid {
    flex-wrap: wrap; /* Allow wrapping on mobile */
  }
  
  .trust-badges__item {
    flex: 1 1 45%; /* Two per row on mobile */
    min-width: 150px;
  }
}

@media (max-width: 480px) {
  .trust-badges__grid {
    flex-direction: column; /* Stack vertically on very small screens */
  }
  
  .trust-badges__item {
    flex: 1 1 100%;
  }
}
/* ============================================
   Template: Custom Product
   ============================================ */
.product-custom {
  padding: var(--space-xl) var(--space-md);
}

.product-custom__container {
  max-width: 1200px;
  margin: 0 auto;
}

.product-custom__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-xl);
  margin-bottom: var(--space-xl);
}

@media (max-width: 767px) {
  .product-custom__grid {
    grid-template-columns: 1fr;
  }
}

.product-custom__tabs {
  border-top: 1px solid var(--halo-border);
  padding-top: var(--space-lg);
}

.product-custom__tab-buttons {
  display: flex;
  gap: var(--space-sm);
  margin-bottom: var(--space-md);
  flex-wrap: wrap;
}

.product-custom__tab-button {
  padding: var(--space-sm) var(--space-md);
  border: 1px solid var(--halo-border);
  background: var(--halo-primary);
  border-radius: var(--radius-button);
  cursor: pointer;
  transition: all var(--transition-speed) var(--transition-ease);
}

.product-custom__tab-button:hover,
.product-custom__tab-button--active {
  background: var(--halo-accent);
  color: var(--halo-primary);
  border-color: var(--halo-accent);
}

.product-custom__tab-content {
  display: none;
  padding: var(--space-md);
  background: var(--halo-secondary);
  border-radius: var(--radius-card);
}

.product-custom__tab-content--active {
  display: block;
  animation: fade-in-up 0.3s ease;
}

.product-custom__disclaimer {
  background: #FFF3CD;
  border: 2px solid #FFC107;
  border-radius: var(--radius-card);
  padding: var(--space-md);
  margin-top: var(--space-lg);
  text-align: center;
}

.product-custom__disclaimer-title {
  font-size: var(--font-size-h3);
  font-weight: 700;
  color: #856404;
  margin-bottom: var(--space-xs);
}

.product-custom__disclaimer-text {
  font-size: var(--font-size-small);
  color: #856404;
}

/* ============================================
   Utility Classes
   ============================================ */
.text-center {
  text-align: center;
}

.mb-0 { margin-bottom: 0; }
.mb-1 { margin-bottom: var(--space-xs); }
.mb-2 { margin-bottom: var(--space-sm); }
.mb-3 { margin-bottom: var(--space-md); }
.mb-4 { margin-bottom: var(--space-lg); }
.mb-5 { margin-bottom: var(--space-xl); }

.mt-0 { margin-top: 0; }
.mt-1 { margin-top: var(--space-xs); }
.mt-2 { margin-top: var(--space-sm); }
.mt-3 { margin-top: var(--space-md); }
.mt-4 { margin-top: var(--space-lg); }
.mt-5 { margin-top: var(--space-xl); }

/* ============================================
   Accessibility
   ============================================ */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

/* Focus styles for keyboard navigation */
a:focus,
button:focus,
.halo-btn:focus {
  outline: 2px solid var(--halo-accent);
  outline-offset: 2px;
}

/* ============================================
   Responsive Breakpoints
   ============================================ */
/* Mobile: < 768px (default, mobile-first) */
/* Tablet: 768px - 1024px */
@media (min-width: 768px) and (max-width: 1024px) {
  .hero-halo__glow {
    width: 300px;
    height: 300px;
  }
}

/* Desktop: > 1024px */
@media (min-width: 1025px) {
  .hero-halo__glow {
    width: 500px;
    height: 500px;
  }
}

/* ============================================
   DARK MODE TEXT COLOR FIXES
   ============================================ */

/* Fix all gray text to be lighter */
.hero-halo__subheading,
.category-card__tagline,
.product-card__text,
.halo-protocol__text,
.trust-badges__item {
  color: #CCCCCC !important;
}

/* Make sure headings are white */
h1, h2, h3, h4, h5, h6,
.hero-halo__heading,
.category-card__title,
.product-card__title,
.halo-protocol__title {
  color: #FFFFFF !important;
}

/* Body text */
body,
p,
.category-grid__heading,
.featured-products__heading,
.halo-protocol__heading {
  color: #FFFFFF !important;
}

/* Links */
a {
  color: var(--halo-accent);
}

a:hover {
  color: #FFFFFF;
}

/* Category card links */
.category-card {
  color: #FFFFFF !important;
}

.category-card__tagline {
  color: #AAAAAA !important;
}

/* Product prices - keep them cyan/blue */
.product-card__price {
  color: var(--halo-accent) !important;
}

/* Trust badges text */
.trust-badges__item {
  color: #999999 !important;
}

/* Button text fixes */
.halo-btn {
  color: var(--halo-accent) !important;
  background-color: transparent !important;
  border: 2px solid var(--halo-accent) !important;
}

.halo-btn:hover {
  background-color: var(--halo-accent) !important;
  color: #0A0A0A !important;
}

.halo-btn--secondary {
  color: #FFFFFF !important;
  border-color: #FFFFFF !important;
}

.halo-btn--secondary:hover {
  background-color: #FFFFFF !important;
  color: #0A0A0A !important;
}

/* Fix disclaimer text (if you add products later) */
.product-custom__disclaimer {
  background: #2A2A0A;
  border-color: #FFD700;
}

.product-custom__disclaimer-title,
.product-custom__disclaimer-text {
  color: #FFD700 !important;
}

/* ============================================
   UNIFORM DARK BACKGROUND
   ============================================ */

/* Make ALL sections use the same dark background */
.hero-halo,
.category-grid,
.featured-products,
.halo-protocol,
.trust-badges,
body,
.product-custom {
  background-color: var(--halo-primary) !important;
}

/* Remove the secondary background color */
:root {
  --halo-secondary: #0D0D0D !important; /* Same as primary */
}

/* All cards keep dark background too */
.category-card,
.product-card,
.halo-card {
  background-color: #1A1A1A !important; /* Slightly lighter for contrast */
  border-color: #2A2A2A !important;
}

/* Or make cards completely flat (same as background) */
.category-card,
.product-card,
.halo-card {
  background-color: var(--halo-primary) !important;
  border-color: #2A2A2A !important;
}

/* ============================================
   PRODUCT & COLLECTION NAMES VISIBILITY FIX
   ============================================ */

/* Product card text */
.product-card__title,
.product-card-custom__title,
.card__heading,
.card-information__text {
  color: #FFFFFF !important;
  font-size: 16px !important;
  font-weight: 600 !important;
}

/* Collection/Category names */
.category-card__title,
.card__title,
.collection-card__title {
  color: #FFFFFF !important;
  font-size: 20px !important;
  font-weight: 700 !important;
}

/* Product prices */
.price,
.product-card__price,
.price__regular {
  color: var(--halo-accent) !important;
  font-size: 18px !important;
  font-weight: 700 !important;
}

/* Collection taglines */
.category-card__tagline,
.collection-card__description {
  color: #AAAAAA !important;
  font-size: 14px !important;
}

/* Make sure all card text is visible */
.card,
.product-card,
.category-card,
.collection-card {
  color: #FFFFFF !important;
}

/* ============================================
   REMOVE UNDERLINE FROM FEATURED PRODUCTS
   ============================================ */

.featured-products__heading,
.featured-products h2,
.featured-products .title,
.section-heading,
h2.featured-products__heading {
  text-decoration: none !important;
  border-bottom: none !important;
  padding-bottom: 0 !important;
}

/* Remove underlines from ALL section headings */
.category-grid__heading,
.halo-protocol__heading,
h1, h2, h3, h4, h5, h6 {
  text-decoration: none !important;
  border-bottom: none !important;
}

/* ============================================
   REMOVE UNDERLINES FROM PRODUCT TITLES
   ============================================ */

/* Remove underline from product card titles */
.product-card__title,
.card__heading,
.card-information__text h3,
.card__title,
.card__information .card__heading,
a.card__heading,
.full-unstyled-link {
  text-decoration: none !important;
  border-bottom: none !important;
}

/* Remove underline from product links */
.card__information a,
.product-card a,
.card-wrapper a {
  text-decoration: none !important;
}

/* Force remove ANY underline in product grid */
.product-grid a,
.product-grid h3,
.product-grid .card__heading {
  text-decoration: none !important;
  border-bottom: none !important;
}

/* Remove Dawn's default link underline */
.card--card .card__heading a,
.card--standard .card__heading a {
  text-decoration: none !important;
}

.card__heading a:hover {
  text-decoration: none !important;
}


/* ============================================
   SCROLL ANIMATIONS - FADE IN ON SCROLL
   ============================================ */

/* Initially hide elements */
.category-card,
.product-card,
.halo-card,
.trust-badges__item,
.halo-protocol__item,
.category-grid,
.featured-products,
.halo-protocol,
.trust-badges {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}

/* When elements are visible, fade them in */
.category-card.fade-in,
.product-card.fade-in,
.halo-card.fade-in,
.trust-badges__item.fade-in,
.halo-protocol__item.fade-in,
.category-grid.fade-in,
.featured-products.fade-in,
.halo-protocol.fade-in,
.trust-badges.fade-in {
  opacity: 1;
  transform: translateY(0);
}

/* Stagger animation for grid items */
.category-card:nth-child(1) { transition-delay: 0.1s; }
.category-card:nth-child(2) { transition-delay: 0.2s; }
.category-card:nth-child(3) { transition-delay: 0.3s; }
.category-card:nth-child(4) { transition-delay: 0.4s; }

.product-card:nth-child(1) { transition-delay: 0.1s; }
.product-card:nth-child(2) { transition-delay: 0.2s; }
.product-card:nth-child(3) { transition-delay: 0.3s; }
.product-card:nth-child(4) { transition-delay: 0.4s; }

.trust-badges__item:nth-child(1) { transition-delay: 0.1s; }
.trust-badges__item:nth-child(2) { transition-delay: 0.2s; }
.trust-badges__item:nth-child(3) { transition-delay: 0.3s; }

.halo-protocol__item:nth-child(1) { transition-delay: 0.1s; }
.halo-protocol__item:nth-child(2) { transition-delay: 0.2s; }
.halo-protocol__item:nth-child(3) { transition-delay: 0.3s; }

/* ============================================
   HEADER BACKGROUND FIX
   ============================================ */

/* Make header same black as rest of page */
header,
.header,
.shopify-section-header,
.header-wrapper,
.section-header {
  background-color: #000000 !important;
  border-bottom: 1px solid #2A2A2A !important;
}

/* Header text color */
.header__heading,
.header__menu-item,
.header a,
.header .list-menu__item a {
  color: #FFFFFF !important;
}

/* Header hover effects */
.header a:hover {
  color: var(--halo-accent) !important;
}

/* Remove any Dawn default backgrounds */
.shopify-section-header-sticky {
  background-color: #000000 !important;
}

/* ============================================
   BLUR EFFECT ON HEADINGS - GLOW ONLY
   ============================================ */

/* SUBTLE GLOW - Less Intense */
h1, h2, h3, h4, h5, h6,
.hero-halo__heading,
.category-grid__heading,
.featured-products__heading,
.halo-protocol__heading {
  text-shadow: 
    0 0 15px rgba(0, 240, 255, 0.4),
    0 0 25px rgba(0, 240, 255, 0.2);
}

/* Remove any background from headings */
h1, h2, h3, h4, h5, h6,
.category-grid__heading,
.featured-products__heading,
.halo-protocol__heading {
  background: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* ============================================
   FIX: REMOVE WHITE SPACE ABOVE HEADER
   ============================================ */

/* Remove top padding/margin from body and html */
html, body {
  margin: 0 !important;
  padding: 0 !important;
  background-color: #000000 !important;
}

/* Remove any top spacing from main content wrapper */
body > div:first-child,
#shopify-section-header,
.shopify-section,
main {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Force header to be full black, no white */
header,
.header,
.header-wrapper,
.shopify-section-header,
#shopify-section-header {
  background-color: #000000 !important;
  margin: 0 !important;
  padding-top: 0 !important;
}

/* Remove Dawn's default announcement bar if it's causing white space */
.shopify-section-group-header-group {
  background-color: #000000 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Force entire page background to black */
#shopify-section-header,
.shopify-section-header-group,
.header-wrapper {
  background: #000000 !important;
}

/* Remove any potential white borders */
* {
  border-top-color: transparent !important;
}



