body.home :is(.mgk-products, .mgk-flashwrap),
body.page-template-front-page :is(.mgk-products, .mgk-flashwrap),
.mgk-seasoncamp,
.cr-scope,
.dealpage {
	--mgk-card-track-min: 248px;
	--mgk-card-grid-gap: 16px;
	--mgk-card-phone-gap: 16px 12px;
}

@media (min-width: 641px) {
	body.home .mgk-products .mgk-grid,
	body.page-template-front-page .mgk-products .mgk-grid,
	.mgk-seasoncamp .mgk-grid,
	.cr-scope .cr-catalog-layout .cr-grid,
	.dealpage .grid.g4 {
		grid-template-columns: repeat(auto-fill, minmax(var(--mgk-card-track-min), 1fr));
		gap: var(--mgk-card-grid-gap);
		align-items: stretch;
	}

	body.home .mgk-products .mgk-grid > .mgk-prod,
	body.page-template-front-page .mgk-products .mgk-grid > .mgk-prod,
	.cr-scope .cr-grid > .mgk-prod {
		align-self: stretch;
		min-width: 0;
	}

	.mgk-seasoncamp .mgk-seasoncamp__cell {
		min-width: 0;
	}

	.mgk-seasoncamp .mgk-seasoncamp__cell > .mgk-prod {
		align-self: stretch;
		flex: 1 1 auto;
		min-width: 0;
	}

	body.home .mgk-section.mgk-flashwrap {
		container-name: mgk-home-flash;
		container-type: inline-size;
	}

	body.home .mgk-flashwrap__grid {
		gap: var(--mgk-card-grid-gap, 16px);
		align-items: stretch;
	}

	body.home .mgk-flashcard {
		--mgk-flash-track-size: var(--mgk-card-track-min, 248px);
		flex: 0 0 var(--mgk-flash-track-size);
		width: var(--mgk-flash-track-size);
		min-width: var(--mgk-flash-track-size);
		height: auto;
		min-height: 0;
		align-self: stretch;
	}

	body.home .mgk-flashwrap .mgk-flashcard {
		--mgk-flash-track-size: calc((100cqw - var(--mgk-card-grid-gap, 16px)) / 2);
	}

	@container mgk-home-flash (min-width: 776px) {
		body.home .mgk-flashwrap .mgk-flashcard { --mgk-flash-track-size: calc((100cqw - 32px) / 3); }
	}
	@container mgk-home-flash (min-width: 1040px) {
		body.home .mgk-flashwrap .mgk-flashcard { --mgk-flash-track-size: calc((100cqw - 48px) / 4); }
	}
	@container mgk-home-flash (min-width: 1304px) {
		body.home .mgk-flashwrap .mgk-flashcard { --mgk-flash-track-size: calc((100cqw - 64px) / 5); }
	}
	@container mgk-home-flash (min-width: 1568px) {
		body.home .mgk-flashwrap .mgk-flashcard { --mgk-flash-track-size: calc((100cqw - 80px) / 6); }
	}
	@container mgk-home-flash (min-width: 1832px) {
		body.home .mgk-flashwrap .mgk-flashcard { --mgk-flash-track-size: calc((100cqw - 96px) / 7); }
	}
	@container mgk-home-flash (min-width: 2096px) {
		body.home .mgk-flashwrap .mgk-flashcard { --mgk-flash-track-size: calc((100cqw - 112px) / 8); }
	}
	@container mgk-home-flash (min-width: 2360px) {
		body.home .mgk-flashwrap .mgk-flashcard { --mgk-flash-track-size: calc((100cqw - 128px) / 9); }
	}
	@container mgk-home-flash (min-width: 2624px) {
		body.home .mgk-flashwrap .mgk-flashcard { --mgk-flash-track-size: calc((100cqw - 144px) / 10); }
	}
	@container mgk-home-flash (min-width: 2888px) {
		body.home .mgk-flashwrap .mgk-flashcard { --mgk-flash-track-size: calc((100cqw - 160px) / 11); }
	}
	@container mgk-home-flash (min-width: 3152px) {
		body.home .mgk-flashwrap .mgk-flashcard { --mgk-flash-track-size: calc((100cqw - 176px) / 12); }
	}
	@container mgk-home-flash (min-width: 3416px) {
		body.home .mgk-flashwrap .mgk-flashcard { --mgk-flash-track-size: calc((100cqw - 192px) / 13); }
	}
	@container mgk-home-flash (min-width: 3680px) {
		body.home .mgk-flashwrap .mgk-flashcard { --mgk-flash-track-size: calc((100cqw - 208px) / 14); }
	}
	@container mgk-home-flash (min-width: 3944px) {
		body.home .mgk-flashwrap .mgk-flashcard { --mgk-flash-track-size: calc((100cqw - 224px) / 15); }
	}
}

@media (max-width: 640px) {
	body.home .mgk-products .mgk-grid,
	body.page-template-front-page .mgk-products .mgk-grid,
	.mgk-seasoncamp .mgk-grid,
	.cr-scope .cr-grid,
	.dealpage .grid.g4 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: var(--mgk-card-phone-gap);
		align-items: stretch;
	}

	body.home .mgk-products .mgk-grid > .mgk-prod,
	body.page-template-front-page .mgk-products .mgk-grid > .mgk-prod,
	.cr-scope .cr-grid > .mgk-prod {
		align-self: stretch;
		min-width: 0;
	}

	.mgk-seasoncamp .mgk-seasoncamp__cell {
		min-width: 0;
	}

	.mgk-seasoncamp .mgk-seasoncamp__cell > .mgk-prod {
		align-self: stretch;
		flex: 1 1 auto;
		min-width: 0;
	}

	body.home .mgk-flashwrap__grid {
		gap: 12px;
		align-items: stretch;
	}

	body.home .mgk-flashcard {
		flex: 0 0 calc((100% - 12px) / 2);
		width: calc((100% - 12px) / 2);
		min-width: 0;
		max-width: none;
		height: auto;
		min-height: 0;
		align-self: stretch;
	}
}