/* 1. Делаем саму карточку товара главным контейнером */
.product-card {
    position: relative !important;
}

/* 2. Растягиваем ссылку Инфо на ВСЮ карточку товара */
.product-info {
    position: absolute !important;
    /* Вырываем блок из подвала и прижимаем к самому верху карточки */
    top: -251px !important; 
    left: 0 !important;
    width: 100% !important;
    /* Высота покрывает всю карточку (картинка + текст + цена) */
    height: 251px !important; 
    display: block !important;
    background: transparent !important; /* Делаем оверлей полностью невидимым */
    z-index: 8 !important;   /* Находится над картинкой и текстом */
    cursor: pointer !important;
}


/* 3. Скрываем маленькую круглую иконку инфо (i), чтобы она не мешалась внизу */
.product-info img {
    display: none !important;
}

/* 4. Принудительно поднимаем синюю кнопку «Купить» на самый верхний слой, 
      чтобы по ней по-прежнему можно было нажать для моментальной покупки */
.product-card button.btn-info {
    position: relative !important;
    z-index: 10 !important; /* 10 выше чем 8, кнопка Купить кликается отдельно */
}