/** Shopify CDN: Minification failed

Line 790:27 Unexpected "*"

**/
/**
 * Performance Optimization CSS
 * Critical performance improvements for faster rendering
 */

/* ===== CRITICAL PERFORMANCE OPTIMIZATIONS ===== */

/* Prevent layout shifts with aspect ratios (exclude header/logo images, slideshow images, collection card images, and product media images) */
img:not([width]):not([height]):not(.header__heading-logo):not([class*="logo"]):not([alt*="logo"]):not([src*="logo"]):not(.slideshow__image img):not(.slideshow__media img):not(.banner__media img):not(.card__media img):not(.collection-card-wrapper img):not(.product__media img):not(.product__media-item img):not(.quick-add-modal img):not(.quick-add__product-media img):not(.media--hover-effect img) {
  aspect-ratio: 1 / 1;
  object-fit: cover;
}

/* ===== COLLECTION CARD IMAGE FIX ===== */

/* Allow collection card images to display at their natural aspect ratio */
.collection-card-wrapper .media,
.collection-list .card__media .media,
.card--collection .card__media .media {
  padding-bottom: 0; /* Remove forced aspect ratio */
  height: auto; /* Allow natural height */
  position: relative;
}

/* Make images position relative instead of absolute to maintain natural dimensions */
.collection-card-wrapper .media > img,
.collection-list .card__media .media > img {
  position: relative !important;
  width: 100%;
  height: auto !important;
  object-fit: contain !important; /* Contain instead of cover to prevent cropping */
  object-position: center center;
}

/* Adjust card__media to not use absolute positioning for collection cards */
.collection-list .card__media {
  position: relative;
  margin: 0;
  width: 100%;
}

/* Ensure card__inner doesn't force ratio for collections */
.collection-list .card__inner.ratio {
  display: block;
}

.collection-list .card__inner.ratio::before {
  display: none; /* Remove the ratio pseudo-element */
}

/* ===== SLIDESHOW IMAGE PROTECTION ===== */

/* Ensure slideshow images maintain proper responsive behavior */
.slideshow__image,
.slideshow__image--desktop,
.slideshow__image--mobile,
.slideshow__image img,
.slideshow__media img,
.banner__media img {
  /* Override any performance optimizations that might affect slideshow */
  aspect-ratio: auto !important;
  object-fit: cover !important;
  width: 100% !important;
  height: 100% !important;
  opacity: 1 !important;
  visibility: visible !important;
  contain: none !important;
  content-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-backface-visibility: visible !important;
}

/* Ensure responsive slideshow image display works correctly */
@media screen and (min-width: 750px) {
  .slideshow__image--desktop {
    display: block !important;
  }
  
  .slideshow__image--mobile {
    display: none !important;
  }
}

@media screen and (max-width: 749px) {
  .slideshow__image--desktop {
    display: none !important;
  }
  
  .slideshow__image--mobile {
    display: block !important;
  }
  
  /* Fallback: show desktop image if no mobile image */
  .slideshow__image--fallback {
    display: block !important;
  }
}

/* ===== REMOVE HEADER-SLIDESHOW GAP ===== */

/* Fix the black gap by adjusting slideshow position to account for announcement bar */
.section-header + .shopify-section:has(slideshow-component),
.shopify-section-group-header-group + .shopify-section:has(slideshow-component),
.section-header + .section:has(slideshow-component),
.shopify-section-group-header-group + .shopify-section.slideshow,
body > main > .shopify-section:first-child:has(slideshow-component),
#MainContent > .shopify-section:first-child:has(slideshow-component) {
  margin-top: -32px !important; /* Pull up by announcement bar height */
  padding-top: 0 !important;
}

/* Also fix spacing for slideshow sections that come first */
.shopify-section:first-of-type:has(slideshow-component),
.section:first-of-type:has(slideshow-component),
.shopify-section.slideshow:first-child,
.shopify-section:has(slideshow-component):first-child {
  margin-top: -32px !important; /* Pull up by announcement bar height */
  padding-top: 0 !important;
}

/* Ensure slideshow component itself has no top margin/padding */
slideshow-component {
  margin-top: 0 !important;
  padding-top: 0 !important;
  display: block;
}

/* Remove any section padding from slideshow sections */
.shopify-section:has(slideshow-component) {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* Override section spacing variables for slideshow sections */
.shopify-section:has(slideshow-component) {
  --spacing-sections-desktop: 0px !important;
  --spacing-sections-mobile: 0px !important;
}

/* Target slideshow sections by class name patterns */
.shopify-section[class*="slideshow"],
.shopify-section.section-slideshow,
.section-slideshow {
  margin-top: 0 !important;
  padding-top: 0 !important;
  --spacing-sections-desktop: 0px !important;
  --spacing-sections-mobile: 0px !important;
}

/* Remove spacing from the banner/slideshow wrapper */
.slideshow.banner,
.banner.slideshow {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Override the base .section + .section spacing rule for slideshow sections */
.section + .section:has(slideshow-component),
.shopify-section + .shopify-section:has(slideshow-component),
.section-header + .section:has(slideshow-component),
.shopify-section-group-header-group + .section:has(slideshow-component) {
  margin-top: 0 !important;
}

/* Also handle when slideshow is the first section after header */
body > main > .section:first-child:has(slideshow-component),
#MainContent > .section:first-child:has(slideshow-component),
.main-content > .section:first-child:has(slideshow-component) {
  margin-top: -32px !important; /* Pull up by announcement bar height */
  padding-top: 0 !important;
}

/* Font loading optimization is handled in theme.liquid */

/* GPU acceleration for animations (exclude filter elements and interstitial banners) */
.animate--slide-in:not(.mobile-facets):not(.mobile-facets__wrapper):not(.mobile-facets__inner):not(.interstitial-banner-item),
.animate--fade-in:not(.mobile-facets):not(.mobile-facets__wrapper):not(.mobile-facets__inner):not(.interstitial-banner-item),
.card:hover,
.product-card-wrapper:hover {
  will-change: transform, opacity;
  transform: translateZ(0);
}

/* Contain layout for performance-critical sections (exclude filter elements and modal elements) */
.intelligent-upsell,
.intelligent-product-upsell,
.recently-viewed-section,
.wishlist-section {
  contain: layout style paint;
}

/* Exclude filter, mobile navigation, slideshow, and modal elements from containment */
.mobile-facets,
.mobile-facets__wrapper,
.mobile-facets__inner,
.mobile-facets__disclosure,
.mobile-facets__open,
.mobile-facets__close,
.facets-container,
.facet-filters,
.mobile-nav,
.olevorr-header,
.slideshow,
.slideshow__slide,
.slideshow__media,
.slideshow__image,
slideshow-component,
.product-media-modal,
.product-media-modal__dialog,
.product-media-modal__content,
.product-media-modal__media,
product-modal,
modal-dialog {
  contain: none !important;
}

/* Optimize scrolling performance (exclude filter elements) */
.slider:not(.mobile-facets__inner),
.product-grid:not(.mobile-facets__inner),
.cart-drawer {
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
}

/* Ensure filter inner scrolling works properly */
.mobile-facets__inner {
  -webkit-overflow-scrolling: touch !important;
  scroll-behavior: auto !important;
}

/* Reduce paint complexity (exclude filter elements) */
.card__media img:not(.mobile-facets img):not(.mobile-facets__inner img) {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

/* Optimize intersection observer targets (exclude filter elements) */
[data-intelligent-upsell],
[data-recently-viewed-section],
[data-intelligent-product-upsell] {
  content-visibility: auto;
  contain-intrinsic-size: 0 300px;
}

/* Ensure filter and slideshow elements are always visible */
.mobile-facets,
.mobile-facets__wrapper,
.mobile-facets__inner,
.mobile-facets__disclosure,
.mobile-facets__open,
.mobile-facets__close,
.facets-container,
.facet-filters,
.slideshow,
.slideshow__slide,
.slideshow__media,
.slideshow__image,
.slideshow__image--desktop,
.slideshow__image--mobile,
slideshow-component,
.product-media-modal,
.product-media-modal__dialog,
.product-media-modal__content,
.product-media-modal__media,
product-modal,
modal-dialog {
  content-visibility: visible !important;
  contain-intrinsic-size: auto !important;
}

/* ===== LOADING STATES ===== */

/* Skeleton loading animations */
.skeleton {
  background: linear-gradient(90deg, 
    rgba(var(--color-foreground), 0.05) 25%, 
    rgba(var(--color-foreground), 0.1) 50%, 
    rgba(var(--color-foreground), 0.05) 75%
  );
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
}

@keyframes shimmer {
  0% { background-position: -200% 0; }
  100% { background-position: 200% 0; }
}

/* Loading spinner optimization - avoid strict containment */
.loading__spinner {
  contain: layout style;
  will-change: transform;
}

/* Ensure loading spinners hide properly when content loads */
.collection:not(.loading) .loading__spinner,
.product-grid:not(.loading) .loading__spinner,
#ProductGridContainer:not(.loading) .loading__spinner,
.product-count:not(.loading) .loading__spinner,
#ProductCount:not(.loading) .loading__spinner,
#ProductCountDesktop:not(.loading) .loading__spinner {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

/* Force hide loading overlays when not needed */
.collection:not(.loading) .loading-overlay,
.product-grid:not(.loading) .loading-overlay,
#ProductGridContainer:not(.loading) .loading-overlay {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

/* Ensure loading states are properly cleared after page load */
body.loaded .loading__spinner,
body.loaded .loading-overlay,
.facets-container:not(.loading) .loading__spinner {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

/* Fix for persistent loading states on collection pages */
.template-collection .collection .loading__spinner,
.template-collection .product-grid .loading__spinner {
  /* Only show when explicitly loading */
  display: none;
}

.template-collection .collection.loading .loading__spinner,
.template-collection .product-grid.loading .loading__spinner {
  display: block;
}

/* Simple fix: Hide all loading spinners by default, show only when needed */
.loading__spinner {
  display: none !important;
}

/* Show loading spinner only when parent has loading class */
.loading .loading__spinner,
.collection.loading .loading__spinner,
.product-grid.loading .loading__spinner,
#ProductGridContainer.loading .loading__spinner,
.product-count.loading .loading__spinner,
#ProductCount.loading .loading__spinner,
#ProductCountDesktop.loading .loading__spinner,
.facets-container.loading .loading__spinner {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* ===== INTELLIGENT FEATURES OPTIMIZATIONS ===== */

/* Upsell sections */
.intelligent-upsell,
.intelligent-product-upsell {
  /* Reserve space to prevent layout shift */
  min-height: 300px;
  transition: opacity 0.3s ease;
}

.intelligent-upsell.upsell--loading,
.intelligent-product-upsell.product-upsell--loading {
  opacity: 0.6;
  pointer-events: none;
}

/* Product cards performance */
.product-card-wrapper {
  /* Optimize hover effects */
  transition: transform 0.2s ease;
  will-change: transform;
}

.product-card-wrapper:hover {
  transform: translateY(-2px);
}

/* Wishlist icons */
.wishlist-trigger {
  /* Optimize click interactions */
  touch-action: manipulation;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

.wishlist-trigger svg {
  transition: fill 0.2s ease, transform 0.2s ease;
  will-change: fill, transform;
}

.wishlist-trigger:hover svg {
  transform: scale(1.1);
}

/* ===== MOBILE OPTIMIZATIONS ===== */

@media (max-width: 749px) {
  /* Reduce complexity on mobile */
  .card:hover,
  .product-card-wrapper:hover {
    transform: none;
  }
  
  /* Optimize touch interactions */
  .wishlist-trigger,
  .quick-add-button,
  .product-form__buttons button {
    min-height: 44px;
    min-width: 44px;
  }
  
  /* Reduce animation complexity on mobile */
  .animate--slide-in,
  .animate--fade-in {
    animation-duration: 0.3s;
  }
}

/* ===== ACCESSIBILITY & PERFORMANCE ===== */

/* Respect user preferences (but allow filter animations) */
@media (prefers-reduced-motion: reduce) {
  *:not(.mobile-facets):not(.mobile-facets__wrapper):not(.mobile-facets__inner):not(.mobile-facets__disclosure),
  *:not(.mobile-facets):not(.mobile-facets__wrapper):not(.mobile-facets__inner):not(.mobile-facets__disclosure)::before,
  *:not(.mobile-facets):not(.mobile-facets__wrapper):not(.mobile-facets__inner):not(.mobile-facets__disclosure)::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
  
  .skeleton {
    animation: none;
    background: rgba(var(--color-foreground), 0.1);
  }
  
  /* Allow filter modal animations even with reduced motion */
  .mobile-facets,
  .mobile-facets__wrapper,
  .mobile-facets__inner,
  .mobile-facets__disclosure {
    animation-duration: 0.3s !important;
    transition-duration: 0.3s !important;
  }
}

/* High contrast mode support */
@media (prefers-contrast: high) {
  .skeleton {
    background: rgba(var(--color-foreground), 0.2);
  }
  
  .loading__spinner {
    border-color: rgb(var(--color-foreground));
  }
}

/* ===== CRITICAL CSS INLINING ===== */

/* Above-the-fold critical styles (exclude filter elements) */
.announcement-bar,
.main-product,
.product__media-wrapper {
  /* Ensure critical elements render immediately */
  contain: layout;
}

/* Ensure filter elements don't get contained */
.mobile-facets,
.mobile-facets__wrapper,
.mobile-facets__inner,
.mobile-facets__disclosure,
.facets-container {
  contain: none !important;
}

/* Ensure header and logo display properly */
.header {
  /* Don't contain header to avoid logo issues */
  contain: none;
}

/* Logo-specific fixes to prevent aspect ratio issues */
.header__heading-logo,
.header__heading-logo img,
.olevorr-header__logo,
.olevorr-header__logo img,
.olevorr-header__logo-img,
.olevorr-header__mobile-logo img,
[class*="logo"],
[alt*="logo"],
[src*="logo"],
img[src*="Olevorr_Logo"] {
  /* Ensure logos maintain their aspect ratio */
  aspect-ratio: auto !important;
  object-fit: contain !important;
  max-width: 100%;
  height: auto;
  /* Override any performance optimizations that might affect logos */
  contain: none !important;
  content-visibility: visible !important;
}

/* ===== PERFORMANCE DEBUGGING ===== */

/* Development mode performance indicators */
.shopify-design-mode .performance-warning {
  position: fixed;
  top: 0;
  right: 0;
  background: #ff6b6b;
  color: white;
  padding: 0.5rem;
  font-size: 0.8rem;
  z-index: 10000;
  border-radius: 0 0 0 4px;
}

/* ===== LAZY LOADING OPTIMIZATIONS ===== */

/* Intersection observer targets */
[data-lazy-load] {
  opacity: 0;
  transition: opacity 0.3s ease;
}

[data-lazy-load].loaded {
  opacity: 1;
}

/* Image lazy loading */
img[loading="lazy"] {
  /* Provide smooth loading experience */
  background: rgba(var(--color-foreground), 0.05);
  transition: opacity 0.3s ease;
}

img[loading="lazy"]:not([src]) {
  opacity: 0;
}

/* ===== MEMORY OPTIMIZATION ===== */

/* Limit concurrent animations (exclude filter elements and interstitial banners) */
.animate--slide-in:nth-child(n+10):not(.mobile-facets):not(.mobile-facets__wrapper):not(.mobile-facets__inner):not(.interstitial-banner-item),
.animate--fade-in:nth-child(n+10):not(.mobile-facets):not(.mobile-facets__wrapper):not(.mobile-facets__inner):not(.interstitial-banner-item) {
  animation: none;
  opacity: 1 !important;
  transform: none !important;
}

/* Optimize large lists (exclude filter elements and interstitial banners) - but ensure loading works */
.product-grid:not(.loading) > .grid__item:nth-child(n+20):not(.mobile-facets):not(.mobile-facets__wrapper):not(.interstitial-banner-item) {
  content-visibility: auto;
  contain-intrinsic-size: 0 400px;
}

/* Ensure all product grid items are visible during loading */
.product-grid.loading > .grid__item {
  content-visibility: visible !important;
  contain-intrinsic-size: auto !important;
}

/* ===== INTERSTITIAL BANNER PROTECTION ===== */

/* Ensure interstitial banners are always visible and performant */
.interstitial-banner-item,
.interstitial-banner,
.interstitial-banner__link,
.interstitial-banner__image {
  /* Override any performance optimizations that might cause stuttering */
  content-visibility: visible !important;
  contain-intrinsic-size: auto !important;
  animation: none !important;
  will-change: auto !important;
  transform: none !important;
  transition: none !important;
}

/* Ensure banners don't get affected by scroll animations */
.interstitial-banner-item.scroll-trigger,
.interstitial-banner-item.animate--slide-in,
.interstitial-banner-item.animate--fade-in {
  animation: none !important;
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}

/* Prevent layout shifts from banners */
.interstitial-banner-item {
  contain: layout style paint;
}

.interstitial-banner {
  contain: layout style paint;
}

.interstitial-banner__image {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

/* ===== NETWORK OPTIMIZATION ===== */

/* Logo and critical image optimizations */
.olevorr-header__logo-img,
.olevorr-header__mobile-logo img,
.header__heading-logo img,
[src*="Olevorr_Logo"] {
  /* Prevent any layout shifts */
  display: block;
  /* Maintain proper aspect ratio */
  width: auto;
  height: auto;
  max-width: 100%;
}

/* ===== FILTER ELEMENT PROTECTION ===== */

/* Ensure filter elements maintain their original positioning and behavior */
.mobile-facets,
.mobile-facets__wrapper,
.mobile-facets__inner,
.mobile-facets__disclosure,
.mobile-facets__open,
.mobile-facets__close,
.facets-container,
.facet-filters,
.mobile-facets__sort-wrapper,
.mobile-facets__sort-button,
menu-drawer,
.menu-drawer {
  /* Override any performance optimizations that might affect positioning */
  will-change: auto !important;
  transform: none !important;
  contain: none !important;
  content-visibility: visible !important;
  contain-intrinsic-size: auto !important;
  backface-visibility: visible !important;
  -webkit-backface-visibility: visible !important;
  /* Ensure proper z-index stacking */
  z-index: auto;
}

/* Specific overrides for filter wrapper positioning */
.mobile-facets__wrapper {
  /* Restore baseline Dawn behavior - no fixed positioning */
  position: static !important;
  margin-left: 0;
  display: flex !important;
}

/* CRITICAL: Respect desktop hide rules - don't override display on desktop */
@media screen and (min-width: 750px) {
  .mobile-facets__wrapper {
    display: none !important;
    position: static !important;
  }
}

/* Ensure filter buttons maintain their touch interactions */
.mobile-facets__open,
.mobile-facets__sort-button {
  touch-action: manipulation !important;
  user-select: none !important;
  -webkit-tap-highlight-color: transparent !important;
}

/* Ensure filter modal displays correctly when opened */
.mobile-facets__disclosure[open],
.mobile-facets__disclosure[open] .mobile-facets,
.mobile-facets__disclosure[open] .mobile-facets__inner {
  /* Override any performance optimizations */
  will-change: auto !important;
  contain: none !important;
  content-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-backface-visibility: visible !important;
}

/* Ensure filter modal backdrop works correctly */
@media screen and (max-width: 749px) {
  .mobile-facets__disclosure[open]::before {
    /* Override any performance optimizations */
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 20% !important;
    height: 100vh !important;
    z-index: 9999 !important;
    pointer-events: auto !important;
    cursor: pointer !important;
    transform: none !important;
    will-change: auto !important;
  }
  
  /* Restore baseline drawer behavior - no overrides needed */
}

/* Ensure filter wrapper maintains baseline positioning */
@media screen and (max-width: 749px) {
  .mobile-facets__wrapper {
    /* Baseline Dawn behavior */
    position: static !important;
    transform: none !important;
    will-change: auto !important;
    /* Ensure proper display and layout */
    display: flex !important;
    width: 100% !important;
    align-items: stretch !important;
  }
  
  /* Mobile facets wrapper restored to baseline */
}

/* ===== DESKTOP LOGO SIZE FIX ===== */
/* Reduce desktop logo size while keeping mobile unchanged */
@media (min-width: 990px) {
  .olevorr-header__logo-img,
  .header__heading-logo img,
  [src*="Olevorr_Logo"]:not(.olevorr-header__mobile-logo img) {
    /* Reduce desktop logo height from 60px to 45px */
    height: 45px !important;
    max-width: 220px !important;
  }
  
  /* Adjust logo container height accordingly */
  .olevorr-header__logo {
    height: 85px !important;
    padding: 8px 50px !important;
  }
  
  /* Adjust header top row height if needed */
  .olevorr-header__top-row {
    height: 60px !important;
  }
  
  /* Adjust header bottom row position */
  .olevorr-header__bottom-row {
    height: 28px !important;
    margin-top: -3px !important;
  }
}

/* Keep mobile logo size unchanged */
@media (max-width: 989px) {
  .olevorr-header__mobile-logo img {
    /* Keep original mobile size */
    height: 48px !important;
    max-width: 200px !important;
  }
}

/* ===== PRODUCT MODAL ===== */
/* Native Dawn modal behavior restored - no custom overrides needed */
/* Additional comprehensive fix for header-slideshow gap */
/* Handle all possible section combinations */
.shopify-section:has(.slideshow),
.shopify-section:has(slideshow-component),
.section:has(.slideshow),
.section:has(slideshow-component) {
  margin-top: -32px !important; /* Pull up by announcement bar height */
  padding-top: 0 !important;
}

/* Ensure no spacing when slideshow follows header */
.section-header ~ .shopify-section:has(slideshow-component):first-of-type,
.shopify-section-group-header-group ~ .shopify-section:has(slideshow-component):first-of-type {
  margin-top: -32px !important; /* Pull up by announcement bar height */
  padding-top: 0 !important;
}

/* Force remove any inherited spacing */
[class*="slideshow"] {
  margin-top: 0 !important;
}

/* Target by section ID patterns (common Shopify pattern) */
#shopify-section-template--*[id*="slideshow"],
[id*="slideshow"].shopify-section {
  margin-top: -32px !important; /* Pull up by announcement bar height */
  padding-top: 0 !important;
}

/* Ensure main content area doesn't interfere */
main:has(.shopify-section:first-child slideshow-component),
#MainContent:has(.shopify-section:first-child slideshow-component) {
  padding-top: 0 !important;
}

/* Handle the specific case where slideshow is the very first element */
body > main > .shopify-section:first-child:has(slideshow-component),
body > #MainContent > .shopify-section:first-child:has(slideshow-component) {
  position: relative;
}

/* ===== CRITICAL FIX: FILTER POSITIONING TO PREVENT HEADER OVERLAP ===== */

/* Ensure filter container never overlaps header */
.facets-container,
.facets-vertical,
.facets__form-vertical {
  position: relative !important;
  z-index: auto !important;
  margin-top: 2rem !important;
  padding-top: 1rem !important;
}

/* Force proper spacing for filter sections */
@media screen and (min-width: 750px) {
  .facets__form-vertical {
    margin-top: 4rem !important;
    padding-top: 2rem !important;
  }
  
  .facets-vertical {
    margin-top: 3rem !important;
  }
}

/* Ensure main content grid stays below header */
main .facets-container,
#MainContent .facets-container,
.shopify-section:has(.facets-container) {
  margin-top: 2rem !important;
  padding-top: 1rem !important;
}

/* Override any performance optimizations that might affect filter positioning */
.facets-container,
.facet-filters,
.facets-vertical,
.facets__form-vertical {
  contain: none !important;
  content-visibility: visible !important;
  position: relative !important;
  transform: none !important;
  margin-top: 2rem !important;
  z-index: 1 !important;
}

/* FINAL FIX: Ensure main content and product grid never overlap header */
.shopify-section:has(.facets-container),
.shopify-section:has(.product-grid),
.collection {
  position: relative !important;
  margin-top: 1rem !important;
  padding-top: 2rem !important;
  z-index: auto !important;
}

/* Specific fix for collection pages with filters */
.template-collection main,
.template-collection #MainContent {
  margin-top: 2rem !important;
  padding-top: 3rem !important;
}

/* Force proper spacing for any section that contains filters */
.shopify-section:has(.facets-container) > *,
.shopify-section:has(.facets-vertical) > * {
  margin-top: 1rem !important;
  padding-top: 1rem !important;
}