/*
 * Блоки каталога на главной: всплывающий блок карточки не должен обрезаться.
 *
 * У карточки товара блок «Купить / количество / размеры» позиционируется
 * absolute с top: 100%, то есть выпадает ЗА нижнюю границу своего блока.
 * Все блоки главной — .drag-block.container с overflow: hidden, поэтому у
 * нижнего ряда карточек всплывашка обрезается и выглядит как «уходит под
 * следующий блок страницы».
 *
 * Тема лечит это только для штатного блока каталога — в стиле шаблона
 * bitrix/templates/aspro_max/components/aspro/tabs.max/main/style.css лежит
 * .drag-block.container.CATALOG_TAB { overflow: visible }. Селектор привязан к
 * конкретному классу, а «Новинки» и «Распродажа» — это добавленные на главную
 * блоки CATALOG_TAB_NEW и CATALOG_TAB_SALE (см. indexblocks_index1.php), под
 * него не попадают. Здесь повторяется ровно то же правило для них.
 */

.drag-block.container.CATALOG_TAB_NEW,
.drag-block.container.CATALOG_TAB_SALE {
    overflow: visible;
}

/* Поднимаем блок при наведении, чтобы всплывашка легла поверх следующего
   блока страницы, а не под него — как это сделано для .CATALOG_TAB. */
.drag-block.container.CATALOG_TAB_NEW:hover,
.drag-block.container.CATALOG_TAB_SALE:hover {
    z-index: 15;
}