/* Home shortcode layout. Keep this file scoped to [onool_stories_home]. */
.onool-stories--home {
	flex: 0 0 100%;
	width: 100%;
	min-width: 0;
	max-width: 1240px;
	margin: 48px auto 56px;
	padding: 0 20px;
}

.onool-stories--home .onool-stories__header {
	width: 100%;
	min-height: 0;
	margin: 0 0 26px;
	padding: 0 0 18px;
	align-items: flex-end;
}

.onool-stories--home .onool-stories__header h2 {
	margin: 7px 0 0;
	font-size: clamp(30px, 3.4vw, 46px);
	line-height: 1.05;
}

.onool-stories--home .onool-story-grid {
	display: flex !important;
	width: 100%;
	max-width: none;
	gap: 18px;
	padding: 0 0 8px;
	overflow-x: auto;
	overflow-y: hidden;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	scrollbar-width: none;
}

.onool-stories--home .onool-story-grid::-webkit-scrollbar {
	display: none;
}

.onool-stories--home .onool-home-card {
	flex: 0 0 calc((100% - 36px) / 3);
	width: calc((100% - 36px) / 3);
	min-width: 0;
	max-width: none;
	scroll-snap-align: start;
}

.onool-stories--home .onool-home-card__caption {
	padding: 15px;
}

.onool-stories--home .onool-home-card__caption h3 {
	font-size: 13px;
	line-height: 1.35;
}

.onool-stories--home .onool-feed-controls {
	position: static;
	margin: 18px auto 0;
}

.onool-stories--home .onool-product-wishlist,
.onool-stories--home .onool-product-wishlist a { display: inline-flex !important; align-items: center; justify-content: center; margin: 0 !important; padding: 0 !important; background: transparent !important; color: inherit !important; }
.onool-stories--home .onool-product-wishlist a:before,
.onool-stories--home .onool-product-wishlist a > span { display: none !important; }
.onool-stories--home .onool-product-wishlist svg { display: block; width: 25px; height: 25px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.onool-stories--home .onool-product-wishlist a.added svg,
.onool-stories--home .onool-product-wishlist.wd-added svg { fill: currentColor; }

@media (max-width: 900px) {
	.onool-stories--home .onool-product-wishlist,
	.onool-stories--home .onool-product-wishlist a { display: inline-flex !important; align-items: center; justify-content: center; margin: 0 !important; padding: 0 !important; background: transparent !important; color: inherit !important; }
	.onool-stories--home .onool-product-wishlist a:before,
	.onool-stories--home .onool-product-wishlist a > span { display: none !important; }
	.onool-stories--home .onool-product-wishlist svg { display: block; width: 25px; height: 25px; fill: none; stroke: currentColor; stroke-width: 1.8; }
	.onool-stories--home .onool-product-wishlist a.added svg,
	.onool-stories--home .onool-product-wishlist.wd-added svg { fill: currentColor; }

	.onool-stories--home .onool-home-card {
		flex-basis: calc((100% - 16px) / 2);
		width: calc((100% - 16px) / 2);
	}
}

@media (max-width: 580px) {
	.onool-stories--home {
		margin: 30px auto 38px;
		padding: 0 12px;
	}

	.onool-stories--home .onool-stories__header {
		gap: 12px;
		margin-bottom: 18px;
	}

	.onool-stories--home .onool-stories__header h2 {
		font-size: 30px;
	}

	.onool-stories--home .onool-stories__header a {
		font-size: 10px;
	}

	.onool-stories--home .onool-home-card {
		flex-basis: 86%;
		width: 86%;
	}
}