/* MKL responsive */
/**
 * Адаптив без Creatium JS: в snapshot только desktop-секции (xs-hidden sm-hidden).
 * Мобильные блоки на оригинале грузятся delivery-builder — их нет в HTML.
 */

/* Планшет 720–971: Creatium скрывает .sm-hidden (desktop-only) */
@media (max-width: 971px) {
	body.mkl-site.area .sm-hidden,
	body.mkl-site .creatium-migr-header-wrap .sm-hidden,
	body.mkl-site .mkl-main .sm-hidden {
		display: revert !important;
	}
}

/* Телефон ≤719: дополнительно снимаем .xs-hidden у desktop-секций (оба класса) */
@media (max-width: 719px) {
	body.mkl-site.area .xs-hidden.sm-hidden,
	body.mkl-site .creatium-migr-header-wrap .xs-hidden.sm-hidden,
	body.mkl-site .mkl-main .xs-hidden.sm-hidden {
		display: revert !important;
	}
}

@media (max-width: 1199px) {
	body.mkl-site.area {
		min-width: 0 !important;
		width: 100% !important;
		overflow-x: visible;
	}

	body.mkl-site .mkl-main {
		overflow-x: clip;
	}
}

/* 720–971: сетки с xs-wrap / sm-wrap — колонки в столбик (дублируем логику Creatium) */
@media (min-width: 720px) and (max-width: 971px) {
	body.mkl-site .area .grid.sm-wrap > .gridwrap,
	body.mkl-site .area .grid.xs-wrap > .gridwrap {
		display: block !important;
	}

	body.mkl-site .area .grid.sm-wrap > .gridwrap > .col,
	body.mkl-site .area .grid.xs-wrap > .gridwrap > .col {
		display: block !important;
		width: 100% !important;
		float: none !important;
		padding-left: 0;
		padding-right: 0;
		box-sizing: border-box;
		max-width: 100%;
	}

	body.mkl-site .area .grid.paddings-10px,
	body.mkl-site .area .grid.paddings-20px,
	body.mkl-site .area .grid.paddings-30px,
	body.mkl-site .area .grid.paddings-40px {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
}

/* ≤719: то же для xs */
@media (max-width: 719px) {
	body.mkl-site .area .grid.xs-wrap > .gridwrap {
		display: block !important;
	}

	body.mkl-site .area .grid.xs-wrap > .gridwrap > .col {
		display: block !important;
		width: 100% !important;
		float: none !important;
	}

	/* На стеке вертикальные разделители визуально "ломают" сетку */
	body.mkl-site .area .grid-delimiter {
		display: none !important;
	}

	/* Hero: inline 400% не считать от чужого font-size с других страниц */
	body.mkl-site .mkl-main .textable.css154 span[style*="font-size: 400%"] {
		font-size: clamp(28px, 8vw, 52px) !important;
		line-height: 1.15 !important;
	}

	body.mkl-site .mkl-main .textable.css154 span[style*="font-size: 300%"] {
		font-size: clamp(22px, 6vw, 40px) !important;
	}
}