/*
 * Блоки каталога на главной: всплывающий блок карточки не должен обрезаться.
 *
 * У карточки товара блок «Купить / количество / размеры» позиционируется
 * 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;
}

/* Логотипы брендов: тема (template_styles.css, .item-views.brands .item img)
   делает их серыми и полупрозрачными, цвет — только при наведении. На сенсорных
   экранах наведения нет, поэтому там логотипы сразу цветные. */
@media (hover: none) {
    .item-views.brands .item img {
        opacity: 1;
        -webkit-filter: none;
        filter: none;
    }
}