/* Homepage Section Spacing Override - Reduce to 4px */

/* Hero Banner sections */
.hero-banner.hero-banner-1,
.hero-banner.hero-banner-2,
.hero-banner.hero-banner-3,
.hero-banner.hero-banner-4 {
  padding-bottom: 4px !important;
}

/* Category sections */
.category-area.category-1,
.category-area.category-2 {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

/* Works sections */
.works-area.works-1,
.works-area.works-2,
.works-area.works-3 {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

/* Service sections */
.service-area.service-1,
.service-area.service-2 {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

/* Action banner section */
.action-banner {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

/* Shop sections */
.shop-area.shop-1,
.shop-area.shop-2 {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

/* Testimonial sections */
.testimonial-area.testimonial-1,
.testimonial-area.testimonial-2 {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

/* Mobile responsive - ensure 4px spacing on all devices */
@media (max-width: 767px) {
  .hero-banner.hero-banner-1,
  .hero-banner.hero-banner-2,
  .hero-banner.hero-banner-3,
  .hero-banner.hero-banner-4 {
    padding-bottom: 4px !important;
  }
  
  .category-area.category-1,
  .category-area.category-2 {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  
  .works-area.works-1,
  .works-area.works-2,
  .works-area.works-3 {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  
  .service-area.service-1,
  .service-area.service-2 {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  
  .action-banner {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  
  .shop-area.shop-1,
  .shop-area.shop-2 {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  
  .testimonial-area.testimonial-1,
  .testimonial-area.testimonial-2 {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
}