/* ============================= */
/* HERO SLIDER (Scoped)          */
/* ============================= */
.heroCarousel,
.heroCarousel-slide,
.heroCarousel-image-wrapper {
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important; }

.heroCarousel .slick-list,
.heroCarousel .slick-track {
  width: 100% !important;
  /* scoped to hero only */ }

.heroCarousel-image,
.heroCarousel-image img,
.hybrid-image {
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  object-fit: contain !important;
  display: block; }

.hybrid-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  max-width: 90%;
  width: 100%;
  z-index: 2;
  color: #fff; }

.heroCarousel-title,
.heroCarousel-description {
  color: #fff; }

/* Hero slider width matching product grid */
.heroCarousel {
  max-width: 1400px;
  /* match your product slider width */
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  padding-left: 10px;
  /* optional gutter */
  padding-right: 10px; }

/* Responsive adjustments for mobile */
@media (max-width: 1024px) {
  .heroCarousel {
    max-width: 100% !important;
    padding-left: 10px;
    padding-right: 10px; } }

/* ============================= */
/* HOMEPAGE PRODUCT SLIDERS      */
/* ============================= */
.homePage .productCarousel {
  max-width: 1400px;
  /* match hero slider */
  margin: 0 auto;
  /* center the container */
  padding-left: 1rem;
  /* optional gutter */
  padding-right: 1rem;
  box-sizing: border-box; }

.homePage .productCarousel .slick-list {
  display: flex !important;
  justify-content: center !important; }

.homePage .productCarousel .slick-slide {
  float: none !important;
  /* cancel Slick's float */
  display: flex !important;
  justify-content: center !important;
  /* center content inside each slide */ }

/* ============================= */
/* REMOVE EXTRA SPACE AFTER HERO */
/* ============================= */
.heroCarousel {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important; }

.homePageSection:first-of-type,
.page-content > .container:first-child,
.homePageWrapper,
.homePageContainer {
  margin-top: 0 !important;
  padding-top: 0 !important; }

/* Mobile adjustments */
@media (max-width: 768px) {
  .heroCarousel {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important; }
  .homePageSection:first-of-type,
  .page-content > .container:first-child,
  .homePageWrapper,
  .homePageContainer {
    margin-top: 0 !important;
    padding-top: 0 !important; } }

.cart-remove {
  display: none !important; }