/**
 * Homepage mobile styles (390px primary target).
 * Loaded only on the front page. Desktop styles in home.css / home-home3.css.
 */

@media (max-width: 899px) {
	body.home .section {
		padding-top: clamp(2.5rem, 7vw, 3.25rem);
		padding-bottom: clamp(2.5rem, 7vw, 3.25rem);
	}

	body.home .section__header {
		margin-bottom: clamp(1.25rem, 4vw, 1.75rem);
	}

	body.home .section__header--split {
		flex-wrap: wrap;
		gap: 0.5rem;
	}

	body.home .section__title {
		font-size: clamp(1.65rem, 7vw, 2.25rem);
		line-height: 0.95;
	}

	body.home .section--feature .container,
	body.home .section--reviews .container {
		width: 100%;
		max-width: 100%;
	}

	body.home .feature__inner,
	body.home .feature__inner--reverse {
		gap: 1.75rem;
		text-align: center;
	}

	body.home .feature__copy .prose {
		max-width: none;
		margin-left: auto;
		margin-right: auto;
		font-size: 0.95rem;
		line-height: 1.7;
	}

	body.home .feature__title {
		font-size: clamp(1.75rem, 7vw, 2.35rem);
	}

	body.home .section--reviews .reviews-strip {
		grid-template-columns: 1fr;
	}

	body.home .section--reviews .review-card {
		padding: 1.15rem 1.15rem 1.25rem;
	}

	body.home .section--ban-list .ban-list__disclaimer {
		font-size: 0.68rem;
		line-height: 1.55;
		padding: 0 var(--gutter) 1.5rem;
		opacity: 0.72;
	}

	body.home .strain-finder-strip .container {
		padding-left: var(--gutter);
		padding-right: var(--gutter);
	}

	/* Hero — full mobile banner art (2:3), no crop under header */
	body.home {
		--header-stack-h: calc(var(--header-h) + 2.85rem);
	}

	.home-hero--banners {
		overflow: hidden;
	}

	.home-hero--banners .home-hero__bg {
		aspect-ratio: 2336 / 3504;
		height: auto;
		max-height: none;
	}

	.home-hero--banners .home-hero__img {
		object-fit: contain;
		object-position: center top;
		background: var(--hp-canvas);
	}

	/* Products — horizontal swipe carousel with larger cards */
	body.home .products-section {
		padding-top: clamp(2rem, 5vw, 2.75rem);
		padding-bottom: 1.5rem;
	}

	body.home .products-section__header {
		padding: 0 var(--gutter);
		margin-bottom: 1.5rem;
		text-align: center;
	}

	body.home .products-grid {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: stretch;
		overflow-x: auto;
		overflow-y: hidden;
		scroll-snap-type: x mandatory;
		scroll-padding-inline: var(--gutter);
		gap: 0.85rem;
		padding: 0 var(--gutter) 0.35rem;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
		-ms-overflow-style: none;
	}

	body.home .products-grid::-webkit-scrollbar {
		display: none;
	}

	body.home .products-grid__row {
		display: contents;
	}

	body.home .products-card {
		flex: 0 0 min(84vw, 360px);
		scroll-snap-align: start;
		min-height: 360px;
	}

	body.home .products-card--hero,
	body.home .products-card--standard {
		min-height: 360px;
	}

	body.home .products-card__body {
		padding: 1.15rem 1rem;
	}

	body.home .products-card--hero .products-card__body {
		padding: 1.2rem 1.05rem;
	}

	body.home .products-card__name {
		font-size: clamp(1.35rem, 5.5vw, 1.75rem);
		margin-bottom: 0.35rem;
	}

	body.home .products-card--hero .products-card__name {
		font-size: clamp(1.4rem, 5.8vw, 1.85rem);
	}

	body.home .products-card__desc,
	body.home .products-card--hero .products-card__desc {
		display: block;
		font-size: 0.82rem;
		line-height: 1.45;
	}

	body.home .products-card__cta {
		margin-top: 0.65rem;
		font-size: 0.68rem;
	}

	body.home .products-card__arrow-btn {
		width: 2.35rem;
		height: 2.35rem;
		right: 0.85rem;
		bottom: 0.85rem;
		font-size: 0.78rem;
	}

	body.home .products-card__badge {
		top: 0.85rem;
		font-size: 0.58rem;
		padding: 0.35rem 0.65rem;
	}

	body.home .products-card__badge--left { left: 0.85rem; }
	body.home .products-card__badge--right { right: 0.85rem; }

	body.home .products-carousel-dots.carousel-dots {
		display: flex;
		padding-top: 0.35rem;
		padding-bottom: 0.15rem;
	}

	body.home .products-section__footer {
		padding: 0 var(--gutter);
		margin-top: 1rem;
	}

	/* Trust strip — 2x2 on narrow screens */
	body.home .trust-strip__grid {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 0.75rem 1rem;
		justify-items: center;
		max-width: 100%;
	}

	/* Sourcing + featured product — restore larger mobile scale */
	body.home .sourcing-section {
		width: 100%;
	}

	body.home .sourcing-section__media {
		width: 100%;
		height: auto;
		min-height: 0;
		overflow: visible;
		line-height: 0;
	}

	body.home .sourcing-section__img {
		width: 100%;
		height: auto;
		max-height: none;
		object-fit: contain;
		object-position: center bottom;
	}

	body.home .sourcing-section__copy {
		padding: clamp(2rem, 6vw, 2.75rem) var(--gutter);
	}

	body.home .sourcing-section__title {
		font-size: clamp(2.65rem, 11vw, 3.35rem);
	}

	body.home .featured-product__media {
		height: min(92vw, 380px);
	}

	body.home .featured-product__body {
		padding: clamp(2.25rem, 6vw, 2.75rem) var(--gutter);
	}

	body.home .featured-product__stats {
		gap: 1.25rem;
		padding: 1.25rem 0;
	}

	body.home .featured-product__stat-value {
		font-size: 1.85rem;
	}

	/* Reviews */
	body.home .home-reviews__list {
		padding: 0 var(--gutter);
	}

	body.home .home-review-card {
		padding: 1.15rem;
	}

	body.home .home-brand-asset--tag {
		max-width: 9rem;
		margin-left: auto;
		margin-right: auto;
	}
}

@media (max-width: 500px) {
	body.home .card-grid--4 {
		grid-template-columns: repeat(2, 1fr) !important;
	}
}
