/* ⭐⭐⭐ ШИРИНА САЙТА KENDA. Правило Вени: как на 4bike, на ВСЕХ страницах.
   Замер образца 24.08.2026 (https://4bike.ru, только читали, ничего не трогали):

   ⚠️ Замер 24.08 делался при окне 1440 и промахнулся: на такой ширине оба
   сайта совпадают. Пересняли 25.08.2026 при окне 1920.

   | Что                | 4bike        | стало у kenda |
   |--------------------|--------------|---------------|
   | содержимое, внешн  | 1680, поля 48| 1680, поля 40 |
   | чистое при 1920    | 1584         | 1600          |
   | чистое при 1440    | 1354         | 1360          |
   | шапка, внешняя     | 1680, поля 40| 1680, поля 40 |

   ⚠️ Тема задаёт `max-width: 1425px; padding: 0 90px` в
   salient/css/salient-dynamic-styles.css, а это генерируемый файл: править
   его нельзя, при смене настроек темы он перезапишется. Поэтому ширина
   держится здесь, селекторами потяжелее и подключением последним по очереди
   (mu-plugins/kenda-shirina.php, приоритет 999).

   Разметку не трогаем: меняются только предельная ширина и боковые поля. */

/* ------------------------------------------- содержимое всех страниц
   ⭐ 1680, а не 1440: замер 25.08.2026 при окне 1920 показал, что на каталоге
   4bike содержимое занимает 1584 пикселя, а у нас занимало 1440. Прошлый
   замер делался при окне 1440, где оба сайта совпадают, и разницу не увидел.
   Поля 40, как у нашей шапки: так содержимое начинается ровно под ней. */
body .container-wrap .container,
body .container-wrap .container.main-content {
	max-width: 1680px;
	padding-left: 40px;
	padding-right: 40px;
}

/* подвал равняется по содержимому, иначе низ страницы уже верха */
body #footer-outer .container,
body #footer-widgets .container,
body #copyright .container {
	max-width: 1680px;
	padding-left: 40px;
	padding-right: 40px;
}

/* Шапка у образца шире содержимого: 1680 против 1440.
   ⚠️ Первый селектор повторяет темин `#header-outer[data-full-width="true"]
   header > .container { max-width:100%; padding:0 28px }`. Без атрибута в
   селекторе наше правило проигрывает по специфичности и шапка остаётся во
   всю ширину экрана. */
body #header-outer[data-full-width="true"] header > .container,
body #header-outer .container,
body #top .container,
body #header-secondary-outer .container {
	max-width: 1680px;
	padding-left: 40px;
	padding-right: 40px;
}

/* ------------------------------------ ряды во всю ширину у конструктора
   ⛔ Скрипт темы сам ставит таким рядам инлайн `margin-left: -90px`,
   рассчитанный на СТАРОЕ поле контейнера 90. После перехода на поле 40 ряд
   уезжал влево на 50 пикселей, а справа оставалась белая полоса той же
   ширины. Видно было на странице «Для дилеров»: правая колонка со снимком
   обрывалась, не доходя до края экрана.
   Инлайн-стиль перебивается только через `!important`. */
body .container-wrap .wpb_row.full-width-content {
	margin-left: -40px !important;
	margin-right: -40px !important;
	width: auto !important;
	max-width: none !important;
}

/* от 1280 у образца поля 32, а не 40 */
@media (min-width: 1000px) and (max-width: 1300px) {
	body .container-wrap .container,
	body .container-wrap .container.main-content,
	body #footer-outer .container,
	body #footer-widgets .container,
	body #copyright .container,
	body #header-outer[data-full-width="true"] header > .container,
	body #header-outer .container,
	body #top .container,
	body #header-secondary-outer .container {
		padding-left: 32px;
		padding-right: 32px;
	}

	body .container-wrap .wpb_row.full-width-content {
		margin-left: -32px !important;
		margin-right: -32px !important;
	}
}

/* ⛔ Ниже 1000 боковые поля остаются темины: там свои значения по
   брейкпоинтам, и подмена одним числом ломает планшет и телефон. */


/* ====================================================================
 * Телефон и планшет: единые боковые поля.
 *
 * Замер 4bike 26.08.2026: поля 10 на 390, 24 на 768, 32 на 1024. У нас были
 * вразнобой, 40 на главной и товаре против 22 на разделе, и на телефоне
 * содержимое теряло по 80 пикселей ширины из 390.
 *
 * ⛔⭐ 28.08.2026 Веня: «отступы в мобиле и планшете не такие как у 4байк,
 * сейчас длинные, нам полностью также». Новый замер образца показал поля
 * ШЕСТЬ и на 390, и на 768, а не 10 и 24. Ставим 6 на обеих ступенях:
 * карточка на 390 растёт со 175 до 186, ровно как у образца.
 * ==================================================================== */
@media (max-width: 690px) {
	body .container-wrap .container,
	body .container-wrap .container.main-content,
	body #footer-outer .container,
	body #footer-widgets .container,
	body #copyright .container {
		padding-left: 6px !important;
		padding-right: 6px !important;
	}

	body .container-wrap .wpb_row.full-width-content {
		margin-left: -6px !important;
		margin-right: -6px !important;
	}
}

@media (min-width: 691px) and (max-width: 999px) {
	body .container-wrap .container,
	body .container-wrap .container.main-content,
	body #footer-outer .container,
	body #footer-widgets .container,
	body #copyright .container {
		padding-left: 6px !important;
		padding-right: 6px !important;
	}

	body .container-wrap .wpb_row.full-width-content {
		margin-left: -6px !important;
		margin-right: -6px !important;
	}
}