.catalog-item-row {
    display: flex;
    align-items: start;
    gap: 24px;
    padding-bottom: 19px;
    border-bottom: 1px solid var(--stroke-color);
    position: relative;
    margin-top: 20px;
}

.catalog-item-row__image {
    position: relative;
    overflow: hidden;
    max-width: 212px;
    height: 100%;
    width: 100%;
}

.catalog-item-row__image .swiper-container {
    width: 100%;
    height: 100%;
}

.catalog-item-row__image .swiper-container img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    /*object-fit: cover;*/
    border-radius: 12px;
    display: block;
}
.catalog-item-row__image .swiper-pagination {
    position: absolute;
    bottom: 24px;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    z-index: 2;
    display: none;
}

.catalog-item-row__image .swiper-pagination.swiper-pagination-clickable {
    display: flex;
}

.catalog-item-row__image .swiper-pagination-bullet {
    width: 14px;
    height: 212px; /* Сохраняем исходную высоту */
    margin: 0;
    background: transparent;
    border-radius: 5px;
    cursor: pointer;
    transition: var(--default-transition);
    opacity: 1;
    position: relative;
    display: flex;
    align-items: end;
    justify-content: center;
    backdrop-filter: unset;
}

/* Визуальный индикатор (сохраняем исходные размеры) */
.catalog-item-row__image .swiper-pagination-bullet::after {
    content: "";
    position: absolute;
    width: 14px;
    height: 4px;
    background: var(--white);
    border-radius: 5px;
    transition: var(--default-transition);
    box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.4);
    opacity: 0.6;
    bottom: 10px;
}

/* Активный буллет (сохраняем исходные размеры) */
.catalog-item-row__image .swiper-pagination-bullet-active,
.catalog-item-row__image .swiper-pagination-bullet-active::after
{
    width: 35px;
    opacity: 1;
}

/* Большая область для наведения поверх буллетов */
.catalog-item-row__image .swiper-pagination-bullet::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 40px; /* Широкая область наведения */
    height: 100%; /* На всю высоту буллета */
    background: transparent;
    cursor: pointer;
    z-index: 3;
}

/* Ховер-эффект для визуальной обратной связи */
.catalog-item-row__image .swiper-pagination-bullet:hover::before {
    background: rgba(255, 255, 255, 0.1);
}

/* Альтернативное решение - создание отдельной области для наведения */
.catalog-item-row__image .swiper-pagination-hover-area {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 212px; /* Такая же высота как у буллетов */
    display: flex;
    z-index: 3;
    pointer-events: none;
}

.catalog-item-row__image .swiper-pagination-hover-area .hover-section {
    flex: 1;
    height: 100%;
    pointer-events: auto;
    cursor: pointer;
    background: transparent;
    transition: background-color 0.2s ease;
}

.catalog-item-row__image .swiper-pagination-hover-area .hover-section:hover {
    background: rgba(255, 255, 255, 0.1);
}

/* Плавная анимация */
.catalog-item-row__image .swiper-pagination-bullet::after {
    transition: all 0.3s ease-in-out;
}

/*.catalog-item-row__image .swiper-pagination {*/
/*    position: absolute;*/
/*    bottom: 24px;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    z-index: 2;*/
/*    display: none;*/
/*}*/

/*.catalog-item-row__image .swiper-pagination.swiper-pagination-clickable {*/
/*    display: flex;*/
/*}*/

/*.catalog-item-row__image .swiper-pagination-bullet {*/
/*    width: 14px;*/
/*    height: 212px;*/
/*    margin: 0;*/
/*    !*background: var(--white);*!*/
/*    background: transparent;*/
/*    border-radius: 5px;*/
/*    cursor: pointer;*/
/*    transition: var(--default-transition);*/
/*    opacity: 1;*/
/*    !*box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.4);*!*/
/*    position: relative;*/
/*    display: flex;*/
/*    align-items: end;*/
/*    backdrop-filter: unset;*/
/*}*/

/*.catalog-item-row__image .swiper-pagination-bullet::after {*/
/*    content: "";*/
/*    position: absolute;*/
/*    width: 14px;*/
/*    height: 4px;*/
/*    background: var(--white);*/
/*    border-radius: 5px;*/
/*    transition: var(--default-transition);*/
/*    box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.4);*/
/*    opacity: 0.6;*/
/*    bottom: 10px;*/
/*}*/




/*.catalog-item-row__image .swiper-pagination-bullet-active {*/
/*    background: var(--white);*/
/*    width: 35px;*/
/*}*/


/*!* ИСПРАВЛЕННЫЙ СЕЛЕКТОР ДЛЯ ХОВЕРА *!*/
/*.catalog-item-row__image .swiper-pagination-bullet:hover::after,*/
/*.catalog-item-row__image .swiper-pagination-bullet-active::after {*/
/*    width: 35px;*/
/*    opacity: 1;*/
/*}*/
/*.catalog-item-row__image .swiper-pagination-bullet-active{*/
/*    width: 35px;*/
/*    opacity: 1;*/
/*}*/

/*!* Дополнительно: можно добавить плавную анимацию *!*/
/*.catalog-item-row__image .swiper-pagination-bullet::after {*/
/*    transition: all 0.3s ease-in-out;*/
/*}*/

.catalog-item-row__image .stickers {
    display: flex;
    justify-content: space-between;
    align-items: start;
    gap: 10px;
    position: absolute;
    width: calc(100% - 32px);
    left: 10px;
    top: 10px;
    z-index: 10;
}

.catalog-item-row__image .stickers__wrapper {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.catalog-item-row__image .stickers__wrapper span {
    font-size: 10px;
    line-height: 10px;
    /*line-height: 100% !important;*/
    padding: 4px 8px;
    border-radius: 4px;
    color: var(--white);
    /*font-family: "manrope_semibold", sans-serif;*/
    font-weight: 600;
}

.catalog-item-row__image .stickers__default,
.catalog-item-row__image .stickers__actions,
.catalog-item-row__image .stickers__discount {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    text-transform: uppercase;
}

.catalog-item-row__image .stickers__default span,
.catalog-item-row__image .stickers__actions span,
.catalog-item-row__image .stickers__discount span {
    color: var(--white);
}

.catalog-item-row__image .stickers__default span {
    background-color: var(--sticker_color_new);
    /*background-color: var(--sticker_color_new) !important;*/

}

.catalog-item-row__image .stickers__actions span {
    /*background-color: var(--red-catalog-item) !important;*/
    background-color: var(--red-catalog-item);
}

.catalog-item-row__image .stickers__discount span {
    /*background-color: var(--sticker_color_recommended) !important;*/
    background-color: var(--sticker_color_recommended);
}

.catalog-item-row__image .image-company {
    position: absolute;
    bottom: 19px;
    left: 16px;
    border-radius: 4px;
    max-width: 48px;
    z-index: 1;
}

.catalog-item-row__image-link {
    display: flex;
    height: 100%;
    max-width: 212px;
    width: 100%;
    min-height: 212px;
    max-height: 212px;
}

.catalog-item-row__info {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 20px;
    flex-grow: 1;
}

.catalog-item-row__col {
    display: flex;
    flex-direction: column;
    gap: 27px;
    width: 100%;
}

.catalog-item-row__header {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 8px;
}

.catalog-item-row__header h5 {
    margin: 0;
    font-size: 18px;
    line-height: 125%;
    color: var(--title-color);
    /*font-family: "manrope_medium", sans-serif;*/
    font-weight: 500;
}

.catalog-item-row__header .reviews {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 14px;
    line-height: 145%;
    color: var(--number-color);
}

.catalog-item-row__header .reviews svg {
    width: 16px;
    height: 16px;
    margin-bottom: 1px;
}

.catalog-item-row__header .reviews svg path {
    fill: var(--gold);
}

.catalog-item-row__btns {
    display: flex;
    gap: 16px;
    flex-direction: column;
    justify-content: space-between;
    flex-shrink: 0;
}
.catalog-item-row__btn .ocb-wrapper{
    display: none;
}
.catalog-item-row__btns .favorite__btn {
    padding: 11px;
    background-color: var(--white);
    border: 1px solid var(--primary);
    cursor: pointer;
    border-radius: 2.4px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.catalog-item-row__btns .favorite__btn svg path {
    transition: var(--default-transition);
    fill: var(--primary);
}

.catalog-item-row__btns .favorite__btn.active {
    background-color: var(--primary);
}

.catalog-item-row__btns .favorite__btn.active svg path {
    fill: var(--white);
}

.catalog-item-row__price {
    display: flex;
    flex-direction: column;
    align-items: end;
    gap: 4px;
}

.catalog-item-row__price .text {
    margin: 0;
    font-size: 12px;
    line-height: 125%;
    font-family: Roboto, sans-serif;
    color: color-mix(in srgb, var(--number-color) calc(0.7 * 100%), transparent);
}

.catalog-item-row__price .price {
    margin: 0;
    display: flex;
    align-items: end;
    gap: 4px;
}

.catalog-item-row__price .price span {
    font-size: 18px;
    line-height: 125%;
    color: var(--number-color);
    /*font-family: "manrope_semibold", sans-serif;*/
    font-weight: 600;
}

.catalog-item-row__price .price span.price__old {
    font-size: 14px;
    font-family: Roboto, sans-serif;
    text-decoration: line-through;
    color: color-mix(in srgb, var(--number-color) calc(0.7 * 100%), transparent);
}

.catalog-item-row__description {
    display: flex;
    flex-direction: column;
    gap: 4px;
    overflow: hidden;
}

.catalog-item-row__bottom {
    display: flex;
    gap: 24px;
}

.catalog-item-row__bottom p {
    font-size: 14px;
    color: var(--main-text);
    line-height: 120%;
    margin: 0;
}

.catalog-item-row__bottom .article {
    display: flex;
    align-items: center;
    gap: 4px;
}

.catalog-item-row__bottom .article span {
    margin-right: 4px;
    color: var(--number-color);
}

.catalog-item-row__bottom .article svg {
    color: var(--primary);
    cursor: pointer;
}

.catalog-item-row__bottom .inStock {
    display: flex;
    align-items: center;
    gap: 4px;
}

/*.catalog-item-row__bottom .inStock svg {*/
/*    color: var(--primary);*/
/*    !*margin-right: 8px;*!*/
/*}*/

.catalog-item-row__bottom .inStock span {
    color: var(--number-color);
}

.catalog-item-row__bottom .inStock .status-container {
    display: flex;
}

.catalog-item-row__btn {
    display: flex;
    gap: 10px;
}

.catalog-item-row__inCart {
    display: flex;
    background-color: var(--stroke-color);
    padding: 12px 8px;
    border-radius: var(--border-radius);
}

.catalog-item-row__inCart-decrement,
.catalog-item-row__inCart-increment {
    cursor: pointer;
    position: relative;
    flex: 0 0 20px;
    cursor: pointer;
}

.catalog-item-row__inCart-decrement::before,
.catalog-item-row__inCart-decrement::after,
.catalog-item-row__inCart-increment::before,
.catalog-item-row__inCart-increment::after {
    content: "";
    position: absolute;
    display: block;
    background-color: var(--black);
    border-radius: 1px;
    top: 50%;
    left: 50%;
}

.catalog-item-row__inCart-decrement.is-disabled,
.catalog-item-row__inCart-decrement:disabled,
.catalog-item-row__inCart-increment.is-disabled,
.catalog-item-row__inCart-increment:disabled {
    opacity: 0.7;
    pointer-events: none;
    cursor: not-allowed;
}

.catalog-item-row__inCart-decrement::before {
    width: 12px;
    height: 2px;
    margin-top: -1px;
    margin-left: -6px;
}

.catalog-item-row__inCart-increment::before {
    width: 12px;
    height: 2px;
    margin-top: -1px;
    margin-left: -6px;
}

.catalog-item-row__inCart-increment::after {
    width: 2px;
    height: 12px;
    margin-top: -6px;
    margin-left: -1px;
}

.catalog-item-row__inCart span {
    flex: 0 0 43px;
    text-align: center;
}

@media screen and (max-width: 991px) {
    .catalog-item-row__inCart {
        justify-content: space-between;
    }
}

.catalog-item-row.not-available .catalog-item-row__image .swiper-container{
    opacity: .5;
}

.catalog-item-row.not-available .catalog-item-row__price{
    opacity: .5;
}