/* ==========================================================

   РАСТУЩИЙ ВНЕШНИЙ КОНТЕЙНЕР (ОБХОД СКРИПТОВ АСПРО)

   ================================================---------- */



/* 1. Главный контейнер карточки */

.catalog_block .catalog_item_wrapp {

    background: #ffffff !important;

    border: 1px solid #e2e8f0 !important;

    border-radius: 8px !important;

    padding: 12px !important;

    position: relative !important;

    transition: all 0.2s ease !important;

    overflow: visible !important;

    height: auto !important;

}



/* 2. При наведении — мягкая тень и обновление рамки */

.catalog_block .catalog_item_wrapp:hover {

    z-index: 100 !important;

    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.1) !important;

    border-color: #cbd5e1 !important;

}



/* 3. Убиваем стандартные рамки и фоны Аспро */

.catalog_block .catalog_item_wrapp .catalog_item,

.catalog_block .catalog_item_wrapp .inner_wrap,

.catalog_block .catalog_item_wrapp .item_info {

    border: none !important;

    box-shadow: none !important;

    background: transparent !important;

    position: static !important;

    height: auto !important;

}



/* 4. Полностью глушим анимации и абсолютное позиционирование скриптов Аспро по умолчанию */

.catalog_block .catalog_item_wrapp .hover_block1,

.catalog_block .catalog_item_wrapp .wrapp_foot,

.catalog_block .catalog_item_wrapp .footer_button {

    display: none !important;

    position: static !important;

    height: 0 !important;

    overflow: hidden !important;

    border: none !important;

    box-shadow: none !important;

    background: #ffffff !important;

}



/* 5. ПРИ НАВЕДЕНИИ: возвращаем в нормальный поток, заставляя внешний блок расти */

.catalog_block .catalog_item_wrapp:hover .hover_block1,

.catalog_block .catalog_item_wrapp:hover .wrapp_foot,

.catalog_block .catalog_item_wrapp:hover .footer_button {

    display: block !important;

    position: static !important;

    height: auto !important;

    max-height: none !important;

    overflow: visible !important;

    background: #ffffff !important;

    margin-top: 10px !important;

}



/* 6. Название товара и цвет при наведении */

.catalog_block .item-title a,

.catalog_block .item-title a span {

    color: #1e293b !important;

    font-weight: 600 !important;

}



.catalog_block .item-title a:hover,

.catalog_block .item-title a:hover span {

    color: #16a34a !important;

}



/* 7. Центрирование кнопки "В корзину" */

.catalog_block .button_block {

    display: flex !important;

    justify-content: center !important;

    align-items: center;

    margin-top: 10px !important;

}



.catalog_block .button_block .btn {

    width: auto !important;

    padding: 8px 20px !important;

}