/* Overrides to tighten vertical spacing on Home and Shop pages */
.page-home,
.page-shop {
  --section-vspace-desktop: 6px;
  --section-vspace-tablet: 4px;
  --section-vspace-mobile: 3px;
}

.page-home section,
.page-shop section,
.page-home [role="region"],
.page-shop [role="region"] {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
  margin-top: 0 !important;
  margin-bottom: 6px !important;
}

.page-home .tf-page-title,
.page-shop .tf-page-title {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
  margin-bottom: 6px !important;
}

.page-home [class*="flat-spacing"],
.page-shop [class*="flat-spacing"] {
  padding-top: 15px !important;
  padding-bottom: 4px !important;
}

.page-home .tf-page-title:first-of-type,
.page-shop .tf-page-title:first-of-type {
  margin-top: 4px !important;
}

.page-home .carousel-slider-wrapper,
.page-shop .carousel-slider-wrapper,
.page-home .home-offer-block,
.page-shop .home-offer-block {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}

/* Prevent horizontal scrolling introduced by wide sliders/navs */
.page-home,
.page-shop {
  overflow-x: hidden !important;
}

/* Ensure carousel/wrap containers don't exceed viewport width */
.page-home .wrap-carousel,
.page-shop .wrap-carousel,
.page-home .carousel-slider-wrapper,
.page-shop .carousel-slider-wrapper {
  overflow-x: hidden !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
}

.page-home .wrap-carousel-CircularOffersSlider,
.page-shop .wrap-carousel,
.page-home .carousel-slider-wrapper,
.page-shop .carousel-slider-wrapper {
  overflow-x: hidden !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
}



/* Make swiper instances respect container width on these pages */
.page-home .swiper,
.page-shop .swiper,
.page-home .swiper-wrapper,
.page-shop .swiper-wrapper {
  width: 100% !important;
  max-width: 100% !important;
}

/* If nav arrows are positioned outside, keep overflow hidden on carousel parents */
.page-home .shop-collection-nav-1-left,
.page-home .shop-collection-nav-1-right,
.page-shop .shop-collection-nav-1-left,
.page-shop .shop-collection-nav-1-right {
  /* no visual change, just ensure they don't force page scroll */
  position: absolute !important;
}