/* MITINO367 shell geometry v1 */

:root {
	/* M367_SHELL_CANON_1440_V2_20260925: канон единой оси = 1440px (решение
	   владельца 25.09: «делаем 1440»). Прежнее значение 1200 стояло с 06.07;
	   владелец: «особого пиетета цифра 1200 у меня не вызывала, просто мне важна
	   единая ширина сайта».

	   Ось разбиралась замером, а не на глаз. Что дало 1440 при четырёх карточках
	   в ряду: колонка товаров 900 → 1140, карточка 210 → 270, снимок 176 → 236 —
	   то есть размер снимка как у трёхколоночной полки, но без потери плотности.
	   Текст при этом не тронут: абзацы ограничены своими 800 px, строка выросла
	   с 73 до 78 знаков и дальше не растёт (норма чтения 60–90).

	   Почему не шире: на 1560–1680 карточка раздувается до 300–330 при колонке
	   фильтра в 280 — полка читается разрежённой, и это уже разговор про пять в
	   ряд, а не про ось.

	   Единственный владелец ширины — этот файл. Ширина из m367_tokens.css удалена. */
	--m367-shell: 1440px;
	--m367-shell-gap: 18px;
	--m367-shell-width: min(var(--m367-shell), calc(100vw - (var(--m367-shell-gap) * 2)));
	--m367-shell-left: max(var(--m367-shell-gap), calc((100vw - var(--m367-shell)) / 2));

	--m367-catalog-shell: var(--m367-shell);
	--m367-compact-header-height: 58px;
	--m367-toolbar-sticky-top: 58px;
	--m367-filter-sticky-top: 124px;
}

/* Блок с рамкой: рамка начинается от общей shell-оси */
.m367-shell-frame {
	width: var(--m367-shell-width);
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
}

/* Блок без рамки: контент начинается от общей shell-оси */
.m367-shell-content {
	width: var(--m367-shell-width);
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
}

/* Fixed/sticky блок: выходит из родительской геометрии и встаёт на shell */
.m367-shell-fixed {
	position: fixed;
	left: var(--m367-shell-left);
	width: var(--m367-shell-width);
	box-sizing: border-box;
}

/* Фон на всю ширину экрана, содержимое внутри остаётся по shell */
.m367-shell-fullbleed {
	position: relative;
}

.m367-shell-fullbleed::before {
	content: "";
	position: absolute;
	left: calc(-1 * var(--m367-shell-left));
	top: 0;
	bottom: 0;
	width: 100vw;
	z-index: -1;
}

/* /MITINO367 shell geometry v1 */