html body .catalog-item-grid {
    display: flex;
    flex-direction: column;
    /*row-gap: unset !important;*/
    row-gap: unset;
    position: relative;
    /*height: 100% !important;*/
}
/* on  slider */
.article-slide .catalog-item-grid {
    height: 100%;
}

/*.catalog-item-grid.no-hover .catalog-item-grid__hover-wrapper {*/
/*    padding: 0;*/
/*    height: 100%;*/
/*    justify-content: unset;*/
/*    flex-grow: unset;*/
/*}*/

div.catalog-item-grid__image {
    position: relative;
    overflow: hidden;
    width: 100%;
}

body .catalog-item-grid__image .swiper-container {
    /*height: 100% !important;*/
    height: 100%;
}

body .catalog-item-grid__image .swiper-container img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    /*object-fit: contain !important;*/
    /*object-fit: cover;*/
    border-radius: var(--border-radius);
    display: block;
}
.catalog-item-grid__image .swiper-pagination {
    position: absolute;
    bottom: 16px;
    /*bottom: 16px !important;*/
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    z-index: 2;
    display: none;
}

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

html body.site_s1 div.catalog-item-grid__image .swiper-pagination-bullet {
    width: 14px;
    height: 30px;
    margin: 0 4px;
    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;
}

html body.site_s1 div.catalog-item-grid__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;
}

/* Активный буллет */
html body.site_s1 div.catalog-item-grid__image .swiper-pagination-bullet-active,
html body.site_s1 div.catalog-item-grid__image .swiper-pagination-bullet-active::after
{
    width: 85px;
    opacity: 1;
}
.catalog-item-grid__image .swiper-pagination-hover-area {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    z-index: 3;
    pointer-events: none;
}

.catalog-item-grid__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-grid__image .swiper-pagination-hover-area .hover-section:hover {*/
/*    background: rgba(255, 255, 255, 0.1);*/
/*}*/
/*.catalog-item-grid__image .swiper-pagination {*/
/*    position: absolute;*/
/*    bottom: 16px !important;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    z-index: 2;*/
/*    display: none;*/

/*}*/

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

/*.catalog-item-grid__image .swiper-pagination-bullet {*/
/*    width: 14px;*/
/*    height: 300px !important;*/
/*    margin: 0 4px;*/
/*    background: transparent !important;*/
/*    border-radius: 5px;*/
/*    cursor: pointer;*/
/*    transition: var(--default-transition);*/
/*    opacity: 1;*/
/*    position: relative;*/
/*    display: flex;*/
/*    align-items: end;*/
/*    backdrop-filter: unset;*/
/*}*/

/*.catalog-item-grid__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-grid__image .swiper-pagination-bullet:hover::after,*/
/*.catalog-item-grid__image .swiper-pagination-bullet-active::after {*/
/*    width: 85px;*/
/*    opacity: 1;*/
/*}*/
/*.catalog-item-grid__image .swiper-pagination-bullet-active{*/
/*    width: 85px;*/
/*    opacity: 1;*/
/*}*/

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

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

.catalog-item-grid__image .stickers__wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

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

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

.catalog-item-grid__image .stickers__default span {
    background-color: var(--sticker_color_new);
}

.catalog-item-grid__image .stickers__actions span {
    background-color: var(--red-catalog-item);
}

.catalog-item-grid__image .stickers__discount span {
    background-color: var(--sticker_color_recommended);
}

.catalog-item-grid__image .stickers .favorite__btn {
    background-color: transparent;
    cursor: pointer;
    border-radius: 2.4px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: border-color var(--default-transition);
    border: none;
}

.catalog-item-grid__image .stickers .favorite__btn svg path {
    transition: fill var(--default-transition), stroke var(--default-transition);
    fill: transparent;
    stroke: var(--primary);
    stroke-width: 1px;
}

.catalog-item-grid__image .stickers .favorite__btn.active svg path {
    fill: var(--primary);
    /* Заливка цветом */
    stroke: transparent;
    /* Убираем контур (если нужно) */
}

.catalog-item-grid__image .image-company {
    display: none;
}

.catalog-item-grid__image-link {
    display: flex;
    height: 100%;
    min-height: 300px;
    max-height: 300px;
}

.catalog-item-grid__info {
    display: flex;
    flex-direction: column;
    gap: 16px;
    flex-grow: 1;
}

.catalog-item-grid__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}

.catalog-item-grid__header .article {
    font-size: 12px;
    line-height: 145%;
    margin: 0;
    color: var(--main-text);
}

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

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

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

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

.catalog-item-grid__btns {
    display: flex;
    gap: 4px;
    align-items: center;
    justify-content: space-between;
    margin-top: auto;
}
.catalog-item-grid__btns .ocb-wrapper{
    display: none;
}
.catalog-item-grid__btns .buy_block.btn-actions__inner{
    flex: auto;
    max-width: 145px;
}
.catalog-item-grid__btns .custom-btn {
    min-width: 112px;
    justify-content: center;
}

.catalog-item-grid__btns--in-slider {
    flex-direction: column;
    align-items: start;
}

body .catalog-item-grid__btns--in-slider button {
    /*max-width: unset !important;*/
    max-width: unset;
    width: 100%;
    justify-content: center;
}

.catalog-item-grid__price {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex-shrink: 0;
    /*height: 100%;*/
    height: 44px;
    justify-content: space-between;
}

.catalog-item-grid__price .text {
    margin: 0;
    font-size: 12px;
    line-height: 100%;
    font-family: Roboto, sans-serif;
    color: var(--main-text);
}
.catalog-item-grid__price .price__new{
    display: flex;
}

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

.catalog-item-grid__price .price span.discount {
    color: var(--red-catalog-item);
}

.catalog-item-grid__price .price span.sale {
    color: var(--green-catalog-item);
}

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

.catalog-item-grid__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-grid__description {
    display: flex;
    flex-direction: column;
    gap: 4px;
    max-height: 0;
    overflow: hidden;
}

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

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

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

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

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

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

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

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

.catalog-item-grid__hover-wrapper {
    box-sizing: content-box;
    display: flex;
    z-index: 50;
    flex-direction: column;
    row-gap: 16px;
    /*width: 98%;*/
    padding: 8px 8px 0;
    transition: box-shadow var(--default-transition), width var(--default-transition);
    flex-grow: 1;
    justify-content: space-between;
}

.catalog-item-grid[data-hovered=true] {
    z-index: 10000;
}
.catalog-item-grid[data-hovered=true] .catalog-item-grid__hover-wrapper{
    padding: 8px;
}

html body.site_s1 div.catalog-item-grid .catalog-item-grid__image .swiper-wrapper{
    transition-duration: 250ms !important;
    transition-delay: 250ms !important;
}
.swiper-slide-active .catalog-item-grid[data-hovered=true] .catalog-item-grid__hover-wrapper{
    left: 0;
    right: unset;
}
.catalog-item-grid[data-hovered=true] .catalog-item-grid__hover-wrapper {
    position: absolute;
    right: 0;
    top: 0;
    flex-grow: unset;
    background-color: var(--white);
    border-radius: 8px;
    /*box-shadow: 0px 43px 46px 0px rgba(0, 0, 0, 0.11), 0px 9.605px 10.275px 0px rgba(0, 0, 0, 0.07), 0px 2.86px 3.059px 0px rgba(0, 0, 0, 0.04) !important;*/
    box-shadow:
            0px 21.5px 23px 0px rgba(0, 0, 0, 0.055),
            0px 4.8px 5.14px 0px rgba(0, 0, 0, 0.035),
            0px 1.43px 1.53px 0px rgba(0, 0, 0, 0.02);
}

.catalog-item-grid[data-hovered=true] .catalog-item-grid__description {
    padding: 16px 0;
    margin-top: 16px;
    border-top: 1px solid var(--lite-light);
    border-bottom: 1px solid var(--lite-light);
    max-height: unset;
}

.catalog-item-grid[data-hovered=true] .catalog-item-grid__description .dotted-container span{
    white-space: nowrap;
}

@media screen and (min-width: 991px) {
    .catalog-item-grid__name h5{
        min-height: 56px;
        height: 56px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

@media screen and (max-width: 1200px) {
    .catalog-item-grid__image .stickers {
        left: 10px;
        top: 10px;
        width: calc(100% - 20px);
    }

    .catalog-item-grid__btns {
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
    }
    .catalog-item-grid__btns button {
        max-width: unset;
        justify-content: center;
    }

    .catalog-item-grid__btns .buy_block.btn-actions__inner{
        flex: 1;
        max-width: 100%;
    }

    .catalog-item-grid__price .price span {
        font-size: 14px;
    }

    .catalog-item-grid__price .price span.price__old {
        font-size: 12px;
    }


}

@media screen and (max-width: 991px) {
    .catalog-item-grid__price{
        height: unset;
        justify-content: unset;
    }
    html body.site_s1 div.catalog-item-grid__image .swiper-pagination-bullet.swiper-pagination-bullet-active,
    html body.site_s1 div.catalog-item-grid__image .swiper-pagination-bullet.swiper-pagination-bullet-active::after
    {
        /*width: 30px !important;*/
        width: 30px;
    }

    html body.site_s1 div.catalog-item-grid__image span.swiper-pagination-bullet {
        width: 7px;
        /*margin: 0 5px !important;*/
        margin: 0 5px;
    }

    .catalog-item-grid__image .stickers__wrapper {
        gap: 4px;
    }

    .catalog-item-grid__image .stickers__default,
    .catalog-item-grid__image .stickers__actions,
    .catalog-item-grid__image .stickers__discount {
        gap: 4px;
    }

    .catalog-item-grid__image-link {
        min-height: 160px;
        max-height: 160px;
    }

    .catalog-item-grid__info {
        gap: 12px;
    }

    .catalog-item-grid__header {
        flex-direction: column;
        align-items: stretch;
    }

    .catalog-item-grid__name h5 {
        font-size: 12px;
    }



    .catalog-item-grid__description{
        display: none;
    }



    .catalog-item-grid__inCart {
        justify-content: space-between;
    }

    .catalog-item-grid__hover-wrapper {
        row-gap: 12px;
        padding: 0;
    }

    .catalog-item-grid {
        gap: 12px;
    }
}

@media screen and (max-width: 575px) {
    .catalog-item-grid__info {
        gap: 4px;
    }

    .catalog-item-grid__header {
        gap: 8px;
    }
}
.catalog-item-grid__image .swiper-container {
    /*height: 100% !important;*/
    width: 100%;
    /*width: 100% !important;*/
}

/*.catalog-item-grid__image .swiper-wrapper {*/
/*    width: 100% !important;*/
/*}*/

.catalog-item-grid__image .swiper-slide {
    width: 100% !important;
    /*max-width: 100% !important;*/
    flex-shrink: 0;
}

.catalog-item-grid__image .swiper-slide img {
    /*width: 100% !important;*/
    /*max-width: 100% !important;*/
    /*height: 100% !important;*/
    /*object-fit: contain !important;*/
}

.catalog-item-grid.not-available .catalog-item-grid__image .swiper-container{
    opacity: .5;
}

.catalog-item-grid.not-available .catalog-item-grid__price{
    opacity: .5;
}