/* JB-ROLLOUT-SIDEBAR-20260807 — контент занимает место снятой правой колонки.
   Ширина в теме зашита в ДВУХ местах (#container_main_content и вложенный .cpt_maincontent),
   снимать надо обе. width:100% ставить нельзя: слева каталог 240px, оба блока float:left —
   при 1200px контент не помещается рядом и падает вниз под меню. Отсюда calc(100% - 250px).
   Файл подключается ДО main.css, поэтому без !important правила не применяются. */
@media (min-width: 1200px){
    #container_main_content{width:calc(100% - 250px) !important; max-width:none !important;}
    #container_main_content .cpt_maincontent{width:auto !important;}
    #container_main_content .cpt_maincontent img{max-width:100% !important;}
}

/* JB-WIDE-CONTENT-20260807 — контент заполняет ширину, освободившуюся от правой колонки.
   .cpt_maincontent жёстко зажат в теме на 640px; товары были 50% (2 в ряд),
   категории 33.33% (3 в ряд). Файл подключается ДО main.css — !important обязателен.
   Карточки — ячейки таблицы с выравниванием по центру: при трёх в ряд заголовки
   разной длины расходятся по высоте, поэтому прижимаем к верху.
   Заперто в десктоп: ниже 1200px тема сама уходит в планшетный вид, его не трогаем. */
@media only screen and (min-width: 1200px) {
    .cpt_maincontent { width: auto !important; margin: 0 20px !important; }
    .cpt_maincontent img { max-width: 100% !important; }
    .prd--box { width: 33.33% !important; vertical-align: top !important; }
    .root--cats .cat_image { width: 25% !important; }
}

/* JB-PHOTO-WIDE-20260807 — фото товара занимает место, освободившееся от правой колонки.
   Блок фото был жёстко 380px (ширину ставит движок инлайном), справа колонка цены 240px,
   между ними пустовало ~300px. Ширину задаём от контейнера минус колонка цены.
   Картинку НЕ растягиваем сверх её размера: max-width/max-height вписывают крупную копию,
   мелкая останется как есть (растр вверх не тянем).
   Обтекание (float) у блока фото НЕ трогаем: колонка цены встаёт справа именно за счёт него,
   без float она падает под фото.
   Файл подключается ДО main.css — !important обязателен.
   Заперто в десктоп: ниже 1200px у темы свой адаптив. */
@media only screen and (min-width: 1200px) {
    /* 14.08.2026 §15.5f: высоту 460 у галереи убрали — она резала сцену fotorama
       (у корня overflow:hidden), из-за чего снимок висел в углу белого поля, а лента
       миниатюр уезжала под блок «Описание». Высота теперь по содержимому. */
    .box--currentpicture { width: 100% !important; }
    /* карточка без фото: заглушка no_photo остаётся прежнего размера */
    .box--currentpicture:not(.fotorama) { height: 460px !important; }
    .box--currentpicture .vmiddle > img {
        max-width: 100% !important; max-height: 100% !important;
        width: auto !important; height: auto !important;
    }
}


/* JB-SIDEBAR-312-20260817 — левая колонка шире на 30% (вариант D, выбран владельцем 17.08.2026).
   Было 240 px: «Отвёртки динамометрические» и заголовок «Доставка в любую точку РФ» ломались
   на две строки, картинки блоков упирались прямо в края — воздуха вокруг них не было.
   Стало 312 px: строки помещаются целиком, вокруг картинок появляется поле.
   Контент отдаёт ровно эти 72 px (322 = 312 колонка + 10 отступ), плиток разделов в ряд
   остаётся 4, товаров в разделе 3, раскладка карточки не меняется.
   Заголовки блоков — все с одинаковым отступом слева 20 px: в доноре у «Доставки в любую
   точку РФ» стоял инлайновый padding-left:8px, из-за него блоки выглядели разнобоем.
   Порог 1200 — там же, где тема возвращает левое меню; ниже колонка уезжает вниз,
   её ширина роли не играет. Файл подключается ДО main.css — !important обязателен. */
@media only screen and (min-width: 1200px) {
    #container_left_sidebar { max-width: 312px !important; min-width: 312px !important; }
    #container_main_content { width: calc(100% - 322px) !important; }
    #container_left_sidebar .box-title { padding: 14px 20px !important; text-align: left !important; }
    /* картинка блока доставки — по центру колонки, шире своего размера не растягивается */
    #container_left_sidebar .delivery--box img { display: block; margin: 0 auto; max-width: 100%; height: auto; }
}

/* JB-LOGO-312-20260817 — логотип по ширине левой колонки (замечание владельца в тот же день).
   После расширения колонки до 312 px логотип остался 240 и обрывался раньше края синего
   блока «Каталог оборудования» — шапка и меню перестали читаться как одна линия.
   Логотип теперь 312 px (файл 480 px шириной, увеличение без потери резкости, высота 45 → 59),
   правый край совпадает с колонкой; телефоны, поиск и корзина не двигаются, высота шапки та же.
   Подпись под логотипом («Фирменный магазин {БРЕНД}») прижата к левому краю — по умолчанию она
   центрируется в блоке и при его расширении съезжала вправо на 12 px. */
@media only screen and (min-width: 1200px) {
    .header--box .logo--box { width: 312px !important; padding-right: 0 !important; }
    .header--box .logo--url { width: 312px !important; }
    /* было до 18.10.2026: .header--box .logo--box img { width: 312px !important; height: auto !important; }: высокий знак сплющивался (wera 18.10.2026) */
    .header--box .logo--box img { width: 312px !important; height: auto !important; object-fit: contain; object-position: left center; }
    .header--box .logo--text { width: 312px !important; text-align: left !important; }
}

/* JB-PHOTO-COL-20260827: колонка фото во всю ширину минус блок цены (как lindstrom), сцена fotorama до 500 px */
/* только на широком экране: на телефоне блок фото сжимался до 110 px (экран минус 260),
   найдено на стенде zubr 09.10.2026; порог 1200, как у остальных наших десктопных правок (§15.1-min1200) */
@media only screen and (min-width: 1200px) {
    .cpt_product_images { width: calc(100% - 260px) !important; max-width: none !important; }
}