/* JB-ROLLOUT-SIDEBAR-20260807 — контент занимает место снятой правой колонки.
   Ширина в теме зашита в ДВУХ местах (#container_main_content и вложенный .cpt_maincontent),
   снимать надо обе. width:100% ставить нельзя: слева каталог 240px, оба блока float:left —
   при 1200px контент не помещается рядом и падает вниз под меню. Отсюда calc(100% - 250px).
   Файл подключается ДО main.css, поэтому без !important правила не применяются. */
@media (min-width: 1000px){
    #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 обязателен.
   Карточки — ячейки таблицы с выравниванием по центру: при трёх в ряд заголовки
   разной длины расходятся по высоте, поэтому прижимаем к верху.
   Заперто в десктоп: ниже 979px у темы свой адаптив, его не трогаем. */
@media only screen and (min-width: 979px) {
    .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 обязателен.
   Заперто в десктоп: ниже 979px у темы свой адаптив. */
@media only screen and (min-width: 979px) {
    .cpt_product_images { width: calc(100% - 260px) !important; max-width: none !important; }
    .box--currentpicture { width: 100% !important; height: 460px !important; }
    .box--currentpicture .vmiddle > img {
        max-width: 100% !important; max-height: 100% !important;
        width: auto !important; height: auto !important;
    }
}