.catalog-one__tab-link {
    padding: 0.8rem;
}
.catalog-one__tab-link.has-image {
    grid-template-columns: 30px 1fr;
}
.catalog-one__sub-item.has-image {
    grid-template-columns: 30px 1fr;
    grid-gap: 0.8rem;
}
.button-propert{
    display:none;
}
/* --------- BRANDS -------------*/
@media (min-width: 1100px) {
    .brands__grid {
        grid-template-columns: repeat(6, 1fr);
    }
/* --------- SLIDER -------------*/
.sf-filter-card {
    margin-top: -100px;
}
.slide-two__image, .slide-two__image-mobile {
    filter: brightness(50%);
}
.sf-slider-bg {
    max-height: 600px;
}
.element.slide-two.swiper-slide.slider__slide.swiper-slide-active {
    max-height: 600px;
}
}
@media (max-width: 768px) {
    .brands__grid {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (min-width: 992px) {
    .slider__button {
        top: 35%;
}
.slider__navigation {
    min-height: 50px;
}
.step-five {
    padding: 1.0rem;
}
}
/* --------- СКРЫВАЮ В МОБИЛЬНОЙ ВЕРСИИ БЛОКИ -------------*/
@media screen and (max-width: 991px) {
section#catalog, section#grid, section#tags,section#new {
        display: none;
}
}
/* --------- УМЕНЬШИЛ НАЗВАНИЯ И СДЕЛАЛ 3 СТРОКИ -------------*/

.is-compact .product-two__mobile-name {
        font-size: .85em;
}
.is-compact .product-five__mobile-name, .product-four__name {
        font-size: .85em;
        -webkit-line-clamp: 3;
        line-height: 1.25em;
}
@media (max-width: 579px) {
.product-three__name  {
        font-size: .85em;
}
.is-compact .product-one__mobile-name, .is-compact .product-three__name {
        font-size: .85em;
        -webkit-line-clamp: 3;
        line-height: 1.25em;
}
}

/* --------- КОНЕЦ - УМЕНЬШИЛ НАЗВАНИЯ И СДАЛАЛ 3 СТРОКИ -------------*/
/* --------- ПОДВЕСИЛ МОБИЛЬНОЕ МЕНЮ -------------*/
@media screen and (max-width: 991px), 
       screen and (max-width: 768px) {
/* --------- LOGO -------------*/
img.logo-two__image {
    max-height: 25px !important;
    margin: 5px 0px 15px 0px !important;
}
/* --------- КОНЕЦ - LOGO -------------*/
.header-mobile-three {
    padding: 5px 0px 5px 0px;
}
.header-mobile-five {
    padding: 5px 0px 5px 0px;
}
.header-mobile-five__bottom {
    margin-top: -5px;
}
/*-----------------КНОПКА ВЫБОРА УМНОГО ПОИСКА---------------------------*/
.button-propert{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:40px;
    height:40px;
    border:none;
    background:transparent;
    padding:0;
    cursor:pointer;
}
.icon-car-tools{
    width:25px;
    height:25px;
    color:#363ba6;
    fill:none;
    stroke:currentColor;
}
.button-propert:hover .icon-car-tools{
    opacity:0.8;
}
/*-----------------КОНЕЦ КНОПКА ВЫБОРА УМНОГО ПОИСКА---------------------------*/

.header-fixed-two {
    display: block;
}
.logo-three__image, .logo-three__svg {
    width: 100px;
    transition: width .35s ease;
}
.header-fixed-two__top>:first-child {
    margin-right: 20px;
}
.header-fixed-two__top>:not(:last-child) {
    margin-right: 5px;
}
.catalog-button-one.is-secondary, .catalog-button-one.is-secondary .catalog-button-one__icon {
    display: none;
}
.ecommerce-actions {
    display: none;
}
.burger-one {
    display: flex;
}
}
/*-----------------ГАРМОШКА МЕНЮ СКРЫТЬ НА ПС---------------------------*/

@media (min-width: 992px) {
.burger-one {
    display: none;
}
}
/*-----------------5 КНОПОК ВНИЗУ---------------------------*/

.sticky-navigation__item {
    width: 20%;
}
/*-----------------ПОИСК АНИМАЦИЯ---------------------------*/
@media (max-width: 991px) {
    .header-fixed-two__logo{
        width:100px;
        flex:0 0 100px;
        overflow:hidden;
        transition:
            width 1.06s cubic-bezier(.22,.61,.36,1),
            flex-basis 1.06s cubic-bezier(.22,.61,.36,1);
    }
    .logo-three__image,
    .logo-three__svg{
        width:100px;
        max-width:none;
        display:block;
    }
    .header-fixed-two__top .search-one{
        transition:
            margin 1.65s cubic-bezier(.22,.61,.36,1),
            transform 1.65s cubic-bezier(.22,.61,.36,1);
    }
    .header-fixed-two__top .search-one__input{
        transition:
            background .35s ease,
            border-color .35s ease,
            box-shadow .35s ease;
    }
    .header-fixed-two__top:focus-within .header-fixed-two__logo{
        width:26px;
        flex:0 0 26px;
        overflow:hidden;
    }
    .header-fixed-two__top:focus-within .search-one{
        margin-left:5px;
        margin-right:0px;
        transform:scale(1.04);
    }
    .header-fixed-two__top:focus-within .search-one__input{
        background:#fff;
        border-color:#363ba6;
        box-shadow:0 0 0 3px rgba(54,59,166,.18);
        outline:none;
    }
    .header-fixed-two__top:focus-within .icon-search{
        fill:#363ba6;
        color:#363ba6;
    }
    .header-mobile-five__bottom .search-two{
        transition:
            margin 1.65s cubic-bezier(.22,.61,.36,1),
            transform 1.65s cubic-bezier(.22,.61,.36,1);
    }
    .header-mobile-five__bottom .search-two__input{
        transition:
            background .35s ease,
            border-color .35s ease,
            box-shadow .35s ease;
    }
    .header-mobile-five__bottom:focus-within .search-two{
        margin-left:5px;
        margin-right:5px;
        transform:scale(1.04);
    }
    .header-mobile-five__bottom:focus-within .search-two__input{
        background:#fff;
        border-color:#363ba6;
        box-shadow:0 0 0 3px rgba(54,59,166,.18);
        outline:none;
    }
    .header-mobile-five__bottom:focus-within .icon-search{
        fill:#363ba6;
        color:#363ba6;
    }
    }
    .header-fixed-two__top .search-one{
        transition:
            margin 1.65s cubic-bezier(.22,.61,.36,1),
            transform 1.65s cubic-bezier(.22,.61,.36,1);
    }
    .header-fixed-two__top .search-one__input{
        transition:
            background .35s ease,
            border-color .35s ease,
            box-shadow .35s ease;
    }
    .header-fixed-two__top:focus-within .search-one{
        margin-left:5px;
        margin-right:5px;
        transform:scale(1.04);
    }
    .header-fixed-two__top:focus-within .search-one__input{
        background:#fff;
        border-color:#363ba6;
        box-shadow:0 0 0 3px rgba(54,59,166,.18);
        outline:none;
    }
    .header-fixed-two__top:focus-within .icon-search{
        fill:#363ba6;
        color:#363ba6;
    }
    .header-five__middle:focus-within .search-one{
        margin-left:5px;
        margin-right:5px;
        transform:scale(1.04);
    }
    .header-five__middle:focus-within .search-one__input{
        background:#fff;
        border-color:#363ba6;
        box-shadow:0 0 0 3px rgba(54,59,166,.18);
        outline:none;
    }
    .header-middle__middle:focus-within .icon-search{
        fill:#363ba6;
        color:#363ba6;
    }
    .header-five__middle .search-one{
        transition:
            margin 1.65s cubic-bezier(.22,.61,.36,1),
            transform 1.65s cubic-bezier(.22,.61,.36,1);
    }
    .header-five__middle .search-one__input{
        transition:
            background .35s ease,
            border-color .35s ease,
            box-shadow .35s ease;
    }
    
/*-----------------КОНЕЦ ПОИСК АНИМАЦИЯ---------------------------*/
/* --------- КОНЕЦ - ПОДВЕСИЛ МОБИЛЬНОЕ МЕНЮ -------------*/

/* --------- КНОПКА КОРЗИНЫ ОТ РОМЫ ВАРИАНТ 1 -------------*/
@media screen and (max-width: 768px) {
    /* 1. Основной контейнер контента */
    .product-two__content {
        display: flex !important;
        flex-direction: column !important;
        position: relative !important;
        padding-bottom: 45px !important; 
    }

    /* 2. Убираем двойную цену */
    .product-two__compact-price,
    .product-two__content > .price-two {
        display: none !important;
    }

    /* 3. Позиционируем футер (цена) */
    .product-two__footer {
        display: block !important;
        position: absolute !important;
        left: 10px !important;
        bottom: 10px !important;
        margin: 0 !important; /* Убрал -5px, чтобы не было смещения */
        padding: 0 !important;
        width: auto !important;
    }

    /* 4. Позиционируем тележку */
    .telejka-mobile-only {
        display: block !important;
        position: absolute !important;
        right: 10px !important;
        bottom: 10px !important;
        z-index: 10;
    }

    /* 5. Стиль кнопки */
    .m-cart-btn {
        background: transparent !important;
        border: 1px solid #31409F !important;
        border-radius: 6px !important;
        min-width: 20px !important;
        min-height: 35px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 5px 5px 2px 5px !important;
        transition: all 0.2s ease !important;
        color: #31409F !important; /* Наследуемый цвет для иконок и текста */
        margin: 0px;
    }

    /* Цвет иконки (SVG) */
    .m-cart-btn svg path {
        fill: #31409F !important; /* Теперь иконка синяя, а не белая */
    }

    /* Состояние "In cart" (текст) */
    .m-cart-btn.is-added {
        border-color: #31409F !important; /* Оставляем синюю обводку или меняем на светлее */
        background: rgba(49, 64, 159, 0.05) !important; /* Легкий синий фон */
    }

    .m-cart-text {
        font-size: 10px !important;
        font-weight: bold !important;
        color: #31409F !important; /* Текст теперь синий */
        text-transform: uppercase !important;
        white-space: nowrap !important;
    }

    /* 6. Скрываем стандартную кнопку */
    .product-two__form:not(.telejka-mobile-only) {
        display: none !important;
    }
}

/* Скрытие мобильного блока на ПК */
@media screen and (min-width: 769px) {
    .telejka-mobile-only {
        display: none !important;
    }
}
/* --------- КОНЕЦ - КНОПКА КОРЗИНЫ ОТ РОМЫ ВАРИАНТ 1 -------------*/