/* ------------------------------------------------------------------------ ПОРТФОЛИО ---------------------------------------------------------------------- */

/* убрать подчеркивание у разделов */
.uc-portfolio .t-descr:not(.t706__product-title) a {
    -webkit-box-shadow: none !important;
}

/* выпадающее меню - фон */
.uc-portfolio .t-catalog__filter__item.active .t-catalog__filter__item-controls-wrap,
.uc-portfolio .t-catalog__parts-dropdown-base {
    background-color: #f9f9f9 !important;
    border-radius: 10px !important;
}

/* ширина выпадающего меню */
.uc-portfolio .t-catalog__filter_above-products .t-catalog__filter__item-controls-wrap {
    min-width: 300px !important;
}

/* размер текста в выпадающем меню разделов */
.uc-portfolio .t-catalog__parts-item-title {
    font-size: 15px !important;
}

/* активный пункт разделов */
.uc-portfolio .t-catalog__parts-current {
    background-color: #D1E9FF !important;
    opacity: 1 !important;
}



/* ОТМЕТКИ на карточках товаров */
.uc-portfolio .t-catalog__card__mark {
    height: auto !important;
    padding: 4px 12px !important;
    border-radius: 6px 6px 0px 0px !important;
}

/* расположение отметки на карточки */
.uc-portfolio .t-catalog__card__mark-wrapper {
    right: auto !important;
    left: 6px !important;
    bottom: 0px !important;
    top: auto !important;
}




/* ---------------------------------------------------------------------- ПАГИНАЦИЯ -------------------------------------------------------------------------- */

/* радиус скругления углов пагинации */
.uc-portfolio .t-catalog .t-catalog__pagination__item_active,
.uc-portfolio .t-catalog__pagination__item {
    border-radius: 8px !important;
}

/* размер пагинации */
.uc-portfolio .t-catalog .t-catalog__pagination__item {
    min-height: 26px !important;
    min-width: 26px !important;
}

/* отстсупы пагинации слева и справа */
.uc-portfolio .t-catalog .t-catalog__pagination {
    padding: 0 0px !important;
}



/* ------------------------------------------------------------------------ БРИФ ---------------------------------------------------------------------------- */

/* выравнивание иконок соц. сетей влево */
.uc-brif .t718 ul.t-sociallinks__wrapper {
    text-align: left !important;
}


/* ------------------------------------------------------------------ БУЛЛЕТЫ СПИСКОВ -------------------------------------------------------------------- */
/* буллеты */
.uc-bullets ul,
.uc-img-texts ul {
    list-style: none;
    padding-left: 0px !important;
    margin-left: 0;
    display: grid !important;
    gap: 15px !important;
}
    
.uc-bullets li,
.uc-img-texts li {
    position: relative;
    padding-left: 27px; 
}
    
.uc-bullets li::before,
.uc-img-texts li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    width: 20px;
    height: 20px;
    background-image: url('https://static.tildacdn.com/tild6536-3731-4466-a539-613138393238/icon.svg');
    background-size: contain;
    background-repeat: no-repeat;
}



/* ------------------------------------------------------------------ КАЛЬКУЛЯТОР СТОИМОСТИ ------------------------------------------------------------------ */

/* размер текста у ползунка */
.uc-kalkulyator .t-range__interval-txt {
    color: #6d6d6d !important;
    font-weight: 400 !important;
    font-size: 14px !important;
}

/* размер лейбла у ползунка */
.uc-kalkulyator .t-range__value-txt {
    background-color: #6d6d6d !important;
    color: #f9f9f9 !important;
    font-weight: 400 !important;
    font-size: 14px !important;
}

/* межстрочный интервал у заголовков */
.uc-kalkulyator .t-step-form__step:not(.t-quiz__contact-form) .t-input-title {
    line-height: 1.1 !important;
}


/* размер выбора связи */
.uc-kalkulyator .t-contact-method__type-label {
    font-size: 14px !important;
}

/* размер фото */
.uc-kalkulyator .t-img-select__indicator_fillmode-cover {
    aspect-ratio: 3 / 2 !important;
    background-size: contain;
    padding-bottom: 0 !important;
}




/* ----------------------------------------------------------------------- ФОРМЫ ----------------------------------------------------------------------- */

/* цвет мобильной плашки закрытия */
.uc-forms .t-popup__block-close {
    background: #222222 !important;
}



/* ----------------------------------------------------------------------- БРИФ ----------------------------------------------------------------------- */

/* размер заголовков инпутов и отступ */
.uc-brif .t-input-title {
    font-size: 16px !important;
    line-height: 1.2 !important;
    padding-bottom: 10px !important;
}

/* размер подзаголовка инпута */
.uc-brif .t-input-subtitle {
    font-size: 12px !important;
}

/* размер текста в вариантах ответов */
.uc-brif label.t-radio__item.t-radio__control.t-text.t-text_xs,
.uc-brif label.t-checkbox__control.t-text.t-text_xs {
    font-size: 13px !important;
    line-height: 1.2 !important;
}



@media screen and (max-width: 960px) {
    
    /* ----------------------------------------------------------------------- ПОРТФОЛИО --------------------------------------------------------------------- */
    
    /* цвет фона панели меню фильтров */
    .uc-portfolio .t-catalog__filter__mobile-modal-panel {
        background: #f9f9f9 !important;
    }
    
    /* скругление углов кнопок в панели фильтров */
    .uc-portfolio .t-catalog__filter__mobile-modal-btn_primary,
    .uc-portfolio .t-catalog__filter__mobile-modal-btn {
        border-radius: 90px !important;
    }
    
    /* насыщенность заголовка панели фильтров */
    .uc-portfolio .t-catalog__filter__mobile-modal-title {
        font-weight: 500 !important;
    }
    
  
    
    /* ------------------------------------------------------------------------ БЛОГ ---------------------------------------------------------------------- */
    
    /* отступы между карточками */
    .uc-blog .t-feed__container_inrow1 .t-feed__post:first-child,
    .uc-blog .t-feed__container_inrow2 .t-feed__post:nth-child(-n+2),
    .uc-blog .t-feed__container_inrow3 .t-feed__post:nth-child(-n+3),
    .uc-blog .t-feed__container_inrow4 .t-feed__post:nth-child(-n+4),
    .uc-blog .t-feed__grid-col:not(.t-slds__item) {
        margin-top: 20px !important;
    }
    


    /* ---------------------------------------------------------------------- СТАТЬИ БЛОГА -------------------------------------------------------------------- */
    
    /* содержание, размер картинки */
    .uc-blog-soderzhanie .t477__blockimg {
        height: 360px !important;
        min-height: 360px !important;
    }
    
    /* вид блока инфо */
    .uc-blog-info .t265 {
        margin-left: 15px !important;
        margin-right: 15px !important;
    }
    
    /* отступы текста */
    .uc-blog-info .t265__wrapper {
        padding: 20px !important;
    }
    
    /* расположение иконки */
    .uc-blog-info .t265__icon {
        left: 10px !important;
        top: -10px !important;
    }
    
    
    /* отступы галереи фото */
    .uc-img-gallery .t-slds__bgimg {
        margin-left: 15px !important;
        margin-right: 15px !important;
    }
    
    /* размер стрелок */
    .uc-img-gallery .t-slds__arrow-withbg {
        height: 28px !important;
        width: 28px !important;
    }
    
    .uc-img-gallery .t-slds__arrow-withbg .t-slds__arrow_body {
        width: 8px !important;
    }
    
    .uc-img-gallery .t-slds__arrow-left {
        left: 24px !important;
    }
    
    .uc-img-gallery .t-slds__arrow-right {
        right: 24px !important;
    }

    .uc-img-gallery polyline {
        stroke-width: 3px !important;
    }
    
    
    /* размер фото в галерее по ширине */
    .uc-blog-gallery .t-slds__bgimg {
        margin-left: 20px !important;
        margin-right: 20px !important;
    }
    
    .uc-blog-gallery .t-slds__bullet_wrapper,
    .uc-blog-gallery ul.t-slds__bullet_wrapper {
        padding: 0px 0 0 !important;
    }
    
    .uc-blog-gallery .t-slds__arrow-withbg {
        height: 28px !important;
        width: 28px !important;
    }
    
    .uc-blog-gallery .t-slds__arrow-left {
        left: 10px !important;
    }
    
    .uc-blog-gallery .t-slds__arrow-right {
        right: 10px !important;
    }
    
    

    /* ---------------------------------------------------------------------- КОНТАКТЫ --------------------------------------------------------------------- */    
    
    /* ширина карточек */
    .uc-kontakty .t-col_3 {
        max-width: 50% !important;
    }
    
    /* в 2 клонки карточки */
    .uc-kontakty ul.t-card__container {
        display: flex !important;
        
    }
    
 
    
    /* --------------------------------------------------------------- ЭТАПЫ РАБОТЫ В УСЛУГАХ --------------------------------------------------------------- */      
  
    /* отступы между карточками */  
    .uc-etapy-raboty .t1106__textwrapper {
        padding-left: 15px !important;
        padding-bottom: 0px !important;
    }
    
    
}



@media screen and (max-width: 640px) {
    
    /* ------------------------------------------------------- FOOTER – ОФОРМЛЕНИЕ ПУНКТОВ В АККОРДЕОНЕ ------------------------------------------------------- */
    
    /* убрать пункты списка и отступ */
    .uc-footer-accordeon ul {
        list-style: none !important;
        padding-left: 0px !important;
    }
    
    /* цвет пунктов и подчеркивание*/
    .uc-footer-accordeon li a {
        color: #fff !important;
        box-shadow: none !important;
    }
    
    /* отступы между пунктами меню */
    .uc-footer-accordeon li {
        margin-bottom: 10px !important;
    }
    
}

