/* ===== Кнопка "В корзину": hover + click ===== */

html body #allrecords a.t-btnflex_type_button2.t-catalog__card__btn,
html body #allrecords a.t-btnflex_type_button2.t-store__card__btn,
html body #allrecords a.js-catalog-prod-btn2 {
    border: 1px solid #000000 !important;
    border-radius: 4px !important;
    background-color: #FFFFFF !important;
    color: #000000 !important;
    opacity: 1 !important;
    transform: translateY(0) scale(1);
    transition: background-color 0.35s ease,
                border-color 0.35s ease,
                color 0.35s ease,
                box-shadow 0.35s ease,
                transform 0.15s ease,
                opacity 0.35s ease !important;
}

html body #allrecords a.t-btnflex_type_button2.t-catalog__card__btn:hover,
html body #allrecords a.t-btnflex_type_button2.t-store__card__btn:hover,
html body #allrecords a.js-catalog-prod-btn2:hover,
html body #allrecords .t-store__card__btns-wrapper a.t-btnflex_type_button2:hover,
html body #allrecords .t-catalog__card__btns-wrapper a.t-btnflex_type_button2:hover {
    border: 1px solid transparent !important;
    border-style: solid !important;
    border-width: 1px !important;
    border-color: transparent !important;
    background-color: #FF2E2E !important;
    background: #FF2E2E !important;
    color: #FFFFFF !important;
    box-shadow: 0 8px 20px -6px rgba(255, 46, 46, 0.45) !important;
    transform: translateY(-2px) scale(1.02);
    opacity: 0.95 !important;
}

html body #allrecords a.t-btnflex_type_button2.t-catalog__card__btn:active,
html body #allrecords a.t-btnflex_type_button2.t-store__card__btn:active,
html body #allrecords a.js-catalog-prod-btn2:active {
    transform: translateY(0) scale(0.96) !important;
    box-shadow: 0 2px 8px -2px rgba(255, 46, 46, 0.35) !important;
    background-color: #E01F1F !important;
    background: #E01F1F !important;
    border-color: transparent !important;
    opacity: 1 !important;
    transition: transform 0.08s ease, box-shadow 0.08s ease,
                background-color 0.08s ease !important;
}

html body #allrecords a.t-btnflex_type_button2.t-catalog__card__btn .t-btnflex__text,
html body #allrecords a.t-btnflex_type_button2.t-store__card__btn .t-btnflex__text,
html body #allrecords a.t-btnflex_type_button2.t-catalog__card__btn .t-catalog__card__btntext,
html body #allrecords a.t-btnflex_type_button2.t-store__card__btn .t-catalog__card__btntext {
    transition: color 0.35s ease !important;
}

html body #allrecords a.t-btnflex_type_button2.t-catalog__card__btn:hover .t-btnflex__text,
html body #allrecords a.t-btnflex_type_button2.t-store__card__btn:hover .t-btnflex__text,
html body #allrecords a.t-btnflex_type_button2.t-catalog__card__btn:hover .t-catalog__card__btntext,
html body #allrecords a.t-btnflex_type_button2.t-store__card__btn:hover .t-catalog__card__btntext,
html body #allrecords a.t-btnflex_type_button2.t-catalog__card__btn:active .t-btnflex__text,
html body #allrecords a.t-btnflex_type_button2.t-store__card__btn:active .t-btnflex__text {
    color: #FFFFFF !important;
}

html body #allrecords a.t-btnflex_type_button2.t-catalog__card__btn svg,
html body #allrecords a.t-btnflex_type_button2.t-store__card__btn svg {
    transition: fill 0.35s ease, stroke 0.35s ease !important;
}

html body #allrecords a.t-btnflex_type_button2.t-catalog__card__btn:hover svg,
html body #allrecords a.t-btnflex_type_button2.t-store__card__btn:hover svg,
html body #allrecords a.t-btnflex_type_button2.t-catalog__card__btn:hover svg path,
html body #allrecords a.t-btnflex_type_button2.t-store__card__btn:hover svg path,
html body #allrecords a.t-btnflex_type_button2.t-catalog__card__btn:active svg,
html body #allrecords a.t-btnflex_type_button2.t-store__card__btn:active svg {
    fill: #FFFFFF !important;
    stroke: #FFFFFF !important;
}

/* ============================================================
   ПЛАВНЫЙ ZOOM КАРТИНКИ ТОВАРА ПРИ НАВЕДЕНИИ
   ============================================================ */

/* 1. Обёртка картинки — обрезает всё, что выходит за границы */
html body #allrecords .t-catalog__card__imgwrapper,
html body #allrecords .t-store__card__imgwrapper,
html body #allrecords .js-product-img-wrapper {
    overflow: hidden !important;
    border-radius: 6px !important;  /* если у вас скруглённые карточки — оставьте, если нет — уберите */
    position: relative !important;
}

/* 2. Сама картинка — плавный переход + базовое состояние */
html body #allrecords .t-catalog__card__img,
html body #allrecords .t-store__card__img,
html body #allrecords img.js-product-img,
html body #allrecords .t-catalog__card__imgwrapper img {
    transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1),
                filter 0.5s ease !important;
    transform: scale(1);
    will-change: transform;
    display: block;
}

/* 3. HOVER на карточку товара — картинка плавно увеличивается */
html body #allrecords .js-product:hover .t-catalog__card__img,
html body #allrecords .js-product:hover img.js-product-img,
html body #allrecords .t-store__card:hover .t-store__card__img,
html body #allrecords .t-catalog__card:hover .t-catalog__card__img,
html body #allrecords .t-catalog__card:hover img.js-product-img,
html body #allrecords .t-catalog__card__imgwrapper:hover img {
    transform: scale(1.08) !important;
    filter: brightness(1.03) !important;  /* лёгкое осветление — оживляет фото */
}

/* 4. HOVER только на саму картинку (если карточка почему-то не имеет класса-обёртки) */
html body #allrecords .t-catalog__card__img:hover,
html body #allrecords img.js-product-img:hover {
    transform: scale(1.08) !important;
    filter: brightness(1.03) !important;
}