/**
 * Homepage (mobile/tablet): vertical offset for hero + carousels below header.
 */
@media (max-width: 991px) {
	html,
	body.home {
		overflow-x: hidden !important;
		overscroll-behavior-x: none !important;
		max-width: 100% !important;
		touch-action: pan-y;
	}

	body.home .hero-section,
	body.home .carousels-wrapper,
	body.home .homepage-group,
	body.home .homepage-group > section[class^="carousel-"],
	body.home footer.site-footer {
		max-width: 100% !important;
		overflow-x: hidden !important;
	}

	body.home .hero-section {
		overflow-x: hidden !important;
	}

	body.home .popular-products-section,
	body.home .coming-soon-section,
	body.home .sale-section,
	body.home .four-banners-grid,
	body.home section.four-banners-grid,
	body.home .products-carousel-wrapper,
	html body.home .popular-products-section,
	html body.home section.popular-products-section {
		margin-left: 0 !important;
		margin-right: 0 !important;
		transform: none !important;
		left: auto !important;
	}

	body.home .popular-products-section .carousel-content-wrapper,
	body.home .coming-soon-section .carousel-content-wrapper,
	body.home .sale-section .carousel-content-wrapper {
		margin-left: 15px !important;
		margin-right: 15px !important;
	}

	body.home .homepage-container > * {
		transform: none !important;
	}

	body.home {
		padding-top: 82px !important; /* 70px header + ~12px breathing room */
	}

	body.home .hero-section {
		margin-top: 0 !important;
		margin-bottom: 10px !important;
	}

	body.home .carousels-wrapper {
		margin-top: 0 !important;
	}

	body.home .homepage-group,
	body.home .category-group {
		margin-top: 0 !important;
		margin-bottom: 10px !important;
		padding-top: 0 !important;
	}

	body.home .popular-products-section,
	body.home section.popular-products-section,
	body.home .coming-soon-section,
	body.home .sale-section,
	body.home section[class^="carousel-"],
	html body.home .popular-products-section,
	html body.home section.popular-products-section {
		margin-top: 0 !important;
		padding-top: 0 !important;
		top: 0 !important;
	}
}

@media (max-width: 768px) {
	body.home .homepage-blog-row {
		margin-top: 16px !important;
	}
}