/* ========================================
   SECTION SPACING & LAYERING SYSTEM
   ======================================== */

/* Global Section Spacing Variables */
:root {
  --global-section-spacing: 15px;
  --global-section-margin-bottom: 5px;
  --section-overlap-amount: 0px;
  --enable-section-overlap: false;
}

/* Base Section Styles */
section, footer {
  margin: var(--global-section-spacing) 10px var(--global-section-margin-bottom) 10px !important;
  width: calc(100% - 20px) !important;
  overflow: visible !important;
  position: relative !important;
}

/* Section Z-Index Management */
.hero-section { z-index: 1; }
.car-categories-section { z-index: 2; }
.booking-steps-section-new { z-index: 3; }
.why-choose-section-new { z-index: 4; }
.statistics-section { z-index: 5; }
.testimonials-section { z-index: 6; }
.articles-section { z-index: 7; }
.newsletter-section { z-index: 8; }
.about-section { z-index: 9; }
.work-process-section { z-index: 10; }
.why-choose-us-section { z-index: 11; }
.counter-section { z-index: 12; }
.car-showcase-section { z-index: 13; }
.product-section { z-index: 14; }
.call-to-action-section { z-index: 15; }
.blog-section { z-index: 16; }
.partner-section { z-index: 17; }
.subscribe-section { z-index: 18; }
.footer-section { z-index: 19; }

/* Overlap Control */
.section-overlap-enabled {
  margin-bottom: var(--section-overlap-amount) !important;
}

/* Responsive Adjustments */
@media (max-width: 768px) {
  section, footer {
    margin: calc(var(--global-section-spacing) / 2) 5px calc(var(--global-section-margin-bottom) / 2) 5px !important;
    width: calc(100% - 10px) !important;
  }
}

/* Section Container Styles */
.section-container {
  background: white;
  border-radius: 50px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  position: relative;
  overflow: hidden;
}

.section-container::after {
  content: '';
  position: absolute;
  bottom: -12px;
  left: 50%;
  transform: translateX(-50%);
  width: 85%;
  height: 12px;
  background: rgba(0, 0, 0, 0.08);
  border-radius: 50%;
  filter: blur(6px);
  box-shadow: 0 3px 15px rgba(0, 0, 0, 0.12);
}

/* Animation for Section Transitions */
section, footer {
  transition: all 0.3s ease-in-out;
}

section:hover, footer:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

/* Section Spacing Utilities */
.section-spacing-small { margin: 2px 10px 2px 10px !important; }
.section-spacing-medium { margin: 5px 10px 5px 10px !important; }
.section-spacing-large { margin: 10px 10px 10px 10px !important; }
.section-spacing-xl { margin: 20px 10px 20px 10px !important; }

/* Z-Index Utilities */
.z-index-1 { z-index: 1 !important; }
.z-index-2 { z-index: 2 !important; }
.z-index-3 { z-index: 3 !important; }
.z-index-4 { z-index: 4 !important; }
.z-index-5 { z-index: 5 !important; }
.z-index-10 { z-index: 10 !important; }
.z-index-20 { z-index: 20 !important; }
.z-index-50 { z-index: 50 !important; }
.z-index-100 { z-index: 100 !important; }

/* Overlap Utilities */
.overlap-none { margin-bottom: 0 !important; }
.overlap-small { margin-bottom: -10px !important; }
.overlap-medium { margin-bottom: -20px !important; }
.overlap-large { margin-bottom: -30px !important; }