/* ---------------------------------------------------------------------------
   Заход 2 «телефон», 24.09.2026, агент 02.
   С телефона приходит 80% визитов (2 068 из 2 592 за 30 дней, Метрика).
   Правки только для экранов уже 992 px — на компьютере вид не меняется.

   1. Шапка липкая: поиск и корзина раньше уезжали вверх и не возвращались.
      При прокрутке вниз строка поиска сворачивается, остаётся полоса 48 px
      с меню, логотипом и корзиной; при прокрутке вверх поиск возвращается.
   2. В карточке товара — нижняя панель с ценой и кнопкой «В корзину»:
      штатная кнопка лежит на 800-й точке, то есть всегда за первым экраном.
   3. Заголовки страниц уменьшены: 36 px съедали пол-экрана.

   Откат: убрать подключение mp-mobile.css и mp-mobile.js из footer.php.
   --------------------------------------------------------------------------- */

@media (max-width: 991.98px) {

	/* --- 1. Липкая шапка ------------------------------------------------- */
	/* Липким делаем именно обёртку .l-page__head: sticky работает только внутри
	   своего родителя, и если прилепить саму .head, она уезжает вместе с
	   обёрткой (проверено 24.09.2026 — шапка уходила за экран). */
	.l-page__head {
		position: sticky;
		top: 0;
		z-index: 1030;
		background: #fff;
		box-shadow: 0 1px 6px rgba(0, 0, 0, .08);
	}

	.head .header_mobile_search {
		overflow: hidden;
		max-height: 80px;
		transition: max-height .2s ease, opacity .2s ease;
	}

	.head.mp-head--compact .header_mobile_search {
		max-height: 0;
		opacity: 0;
		padding-top: 0;
		padding-bottom: 0;
		margin-top: 0;
		margin-bottom: 0;
	}

	/* --- 3. Заголовки ----------------------------------------------------- */
	.l-main__title {
		font-size: 26px;
		line-height: 1.25;
	}


	/* --- 4. Баннер про cookie -------------------------------------------- */
	/* Он вылезал за правый край телефона (ширина 559 px при экране 390) и давал
	   горизонтальную прокрутку на всех страницах — текст внутри не сжимался,
	   потому что у флекс-элемента не было min-width: 0 (замер 24.09.2026). */
	#mp-cookie-notice {
		/* подстраховка к правке в init.php: баннер не должен вылезать за экран */
		max-width: calc(100vw - 24px) !important;
		box-sizing: border-box !important;
	}

	#mp-cookie-notice > div {
		min-width: 0;
		flex: 1 1 auto;
	}

	/* --- 2. Нижняя панель покупки в карточке ------------------------------ */
	.mp-buybar {
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 10000; /* выше баннера про cookie (9999), иначе он съедает клики */
		display: flex;
		align-items: center;
		gap: 12px;
		padding: 10px 16px calc(10px + env(safe-area-inset-bottom));
		background: #fff;
		box-shadow: 0 -2px 10px rgba(0, 0, 0, .12);
		transform: translateY(110%);
		transition: transform .2s ease;
	}

	.mp-buybar--visible {
		transform: translateY(0);
	}

	.mp-buybar__price {
		flex: 0 0 auto;
		font-size: 20px;
		font-weight: 700;
		white-space: nowrap;
	}

	.mp-buybar__button {
		flex: 1 1 auto;
		margin: 0;
	}

	/* чтобы панель не перекрывала подвал и последний блок страницы */
	body.mp-has-buybar .l-page__footer {
		padding-bottom: 72px;
	}
}

@media (min-width: 992px) {
	.mp-buybar {
		display: none !important;
	}
}