.trusted-projects {
    width: 100%;
}

.trusted-projects__filters {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 18px 14px;
    margin: 24px 0 38px;
}

.trusted-projects__filter {
    position: relative;
    padding: 0 20px 9px;
    border: 0;
    background: transparent;
    color: #d8d7df;
    font: inherit;
    font-size: 16px;
    line-height: 1.25;
    cursor: pointer;
    transition: color 0.2s ease;
}

.trusted-projects__filter::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 3px;
    border-radius: 3px;
    background: #cae652;
    opacity: 0;
    transform: scaleX(0.6);
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.trusted-projects__filter:hover,
.trusted-projects__filter:focus-visible,
.trusted-projects__filter.is-active {
    color: #fff;
}

.trusted-projects__filter.is-active {
    font-weight: 600;
}

.trusted-projects__filter.is-active::after {
    opacity: 1;
    transform: scaleX(1);
}

.trusted-projects__viewport {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    scrollbar-width: none;
    overscroll-behavior-inline: contain;
    touch-action: pan-y;
    cursor: grab;
}

.trusted-projects__viewport.is-dragging {
    scroll-behavior: auto;
}

.trusted-projects__viewport.is-dragging {
    cursor: grabbing;
    user-select: none;
}

.trusted-projects__viewport.is-dragging .trusted-projects__card {
    pointer-events: none;
}

.trusted-projects__viewport::-webkit-scrollbar {
    display: none;
}

.trusted-projects__track {
    display: flex;
    align-items: stretch;
    gap: 36px;
    width: max-content;
    min-width: 100%;
}

.trusted-projects__card {
    position: relative;
    display: block;
    flex: 0 0 min(29vw, 360px);
    min-width: 280px;
    aspect-ratio: 1.69 / 1;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 20px;
    color: #fff;
    text-decoration: none;
    isolation: isolate;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.trusted-projects__card[hidden] {
    display: none !important;
}

.trusted-projects__card:hover,
.trusted-projects__card:focus-visible {
    color: #fff;
    text-decoration: none;
    border-color: rgba(202, 230, 82, 0.82);
    box-shadow: inset 0 0 0 1px rgba(202, 230, 82, 0.22);
}

.trusted-projects__image,
.trusted-projects__image-placeholder,
.trusted-projects__shade {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.trusted-projects__image {
    object-fit: cover;
    -webkit-user-drag: none;
    user-select: none;
}

.trusted-projects__image-placeholder {
    background:
        linear-gradient(135deg, rgba(57, 135, 231, 0.25), rgba(255, 165, 199, 0.16)),
        #18162d;
}

.trusted-projects__shade {
    z-index: 1;
    background: linear-gradient(180deg, rgba(14, 12, 32, 0.12) 30%, rgba(14, 12, 32, 0.86) 100%);
}

.trusted-projects__meta {
    position: absolute;
    z-index: 2;
    top: 16px;
    right: 16px;
    left: 16px;
    display: flex;
    justify-content: space-between;
    gap: 10px;
    pointer-events: none;
}

.trusted-projects__badge {
    display: inline-flex;
    max-width: 48%;
    min-height: 26px;
    padding: 4px 10px;
    align-items: center;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 6px;
    background: rgba(14, 12, 32, 0.42);
    backdrop-filter: blur(7px);
    color: #fff;
    font-size: 12px;
    line-height: 1.15;
    transition: border-color 0.2s ease, background-color 0.2s ease;
}

/*.trusted-projects__badge--company {
    justify-content: flex-end;
    text-align: right;
}*/

.trusted-projects__caption {
    position: absolute;
    z-index: 2;
    right: 16px;
    bottom: 16px;
    left: 16px;
    display: flex;
    min-height: 74px;
    padding: 14px 16px;
    align-items: flex-end;
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 12px;
    background: rgba(31, 29, 52, 0.56);
    backdrop-filter: blur(8px);
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.25;
    pointer-events: none;
    transition: border-color 0.2s ease, background-color 0.2s ease;
}

.trusted-projects__card:hover .trusted-projects__badge,
.trusted-projects__card:focus-visible .trusted-projects__badge {
    border-color: rgba(202, 230, 82, 0.42);
    background: rgba(14, 12, 32, 0.56);
}

.trusted-projects__card:hover .trusted-projects__caption,
.trusted-projects__card:focus-visible .trusted-projects__caption {
    border-color: rgba(202, 230, 82, 0.42);
    background: rgba(31, 29, 52, 0.68);
}

.trusted-projects__dots {
    display: flex;
    min-height: 16px;
    margin-top: 18px;
    align-items: center;
    justify-content: center;
    gap: 7px;
}

/* =========================================================
   Навигация карусели: стрелки + точки
   ========================================================= */

.trusted-projects__navigation {
    display: flex;

    min-height: 34px;
    margin-top: clamp(18px, 1.25vw, 33px);

    align-items: center;
    justify-content: center;

    gap: clamp(8px, .7vw, 14px);
}

.trusted-projects__navigation[hidden] {
    display: none !important;
}


/*
 * Старый margin-top теперь находится у общего контейнера,
 * поэтому сами точки внутри него больше не сдвигаем вниз.
 */
.trusted-projects__navigation .trusted-projects__dots {
    margin-top: 0;
}


/* ---------- Стрелки ---------- */

.trusted-projects__arrow {
    position: relative;

    display: block;
    flex: 0 0 auto;

    width: 34px;
    height: 34px;

    margin: 0;
    padding: 0;

    border: 0;
    border-radius: 50%;

    background: transparent;

    cursor: pointer;

    opacity: .9;

    transition:
        opacity .2s ease,
        transform .2s ease;
}


/*
 * Рисуем стрелку CSS-ом.
 * Отдельная картинка / SVG не нужны.
 */
.trusted-projects__arrow::before {
    content: "";

    position: absolute;

    top: 50%;
    left: 50%;

    width: 9px;
    height: 9px;

    border-top: 2px solid #fff;
    border-right: 2px solid #fff;

    transition: border-color .2s ease;
}


.trusted-projects__arrow--prev::before {
    transform:
        translate(-35%, -50%)
        rotate(-135deg);
}


.trusted-projects__arrow--next::before {
    transform:
        translate(-65%, -50%)
        rotate(45deg);
}


.trusted-projects__arrow:hover:not(:disabled) {
    opacity: 1;
    transform: scale(1.12);
}


.trusted-projects__arrow:hover:not(:disabled)::before {
    border-color: #cae652;
}


.trusted-projects__arrow:focus-visible {
    outline: 2px solid #cae652;
    outline-offset: 2px;
}


/* Начало / конец карусели */

.trusted-projects__arrow:disabled {
    opacity: .22;
    cursor: default;
}

.trusted-projects__dot {
    width: 5px;
    height: 5px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #fff;
    opacity: 0.9;
    cursor: pointer;
    transition: width 0.2s ease, border-radius 0.2s ease, background 0.2s ease;
}

.trusted-projects__dot.is-active {
    width: 18px;
    border-radius: 5px;
    background: #6d45ff;
}

/* =========================================================
   БОЛЬШОЙ DESKTOP: от 1921 px
   Масштаб относительно версии 1440 px ≈ 1.84
   Контрольная ширина контента — 2103 px
   ========================================================= */
/* =========================================================
   ПРОМЕЖУТОЧНЫЙ DESKTOP: 1400–1920 px
   ========================================================= */
@media (min-width: 1400px) /*and (max-width: 1920px)*/ {
    .trusted-projects-section { margin: clamp(80px, calc(17.008px + 4.374vw), 100.997px) 0; }
    .trusted-projects-section > .inner-width { max-width: clamp(1143px, calc(243px + 62.5vw), 1443px); }
    .trusted-projects__filters { gap: clamp(18px, calc(3.827px + 0.984vw), 22.724px) clamp(14px, calc(2.976px + 0.766vw), 17.675px); margin: clamp(24px, calc(5.102px + 1.312vw), 30.299px) 0 clamp(38px, calc(8.079px + 2.078vw), 47.974px); }
    .trusted-projects__filter { padding: 0 clamp(20px, calc(4.252px + 1.094vw), 25.249px) clamp(9px, calc(1.913px + 0.492vw), 11.362px); font-size: clamp(16px, calc(3.402px + 0.875vw), 20.199px); }
    .trusted-projects__filter::after { height: clamp(3px, calc(0.638px + 0.164vw), 3.787px); border-radius: clamp(3px, calc(0.638px + 0.164vw), 3.787px); }
    .trusted-projects__track { gap: clamp(36px, calc(7.654px + 1.969vw), 45.449px); }
    .trusted-projects__card { flex-basis: clamp(360px, calc(76.535px + 19.685vw), 454.488px); min-width: clamp(280px, calc(59.528px + 15.311vw), 353.491px); border-radius: clamp(20px, calc(4.252px + 1.094vw), 25.249px); }
    .trusted-projects__meta { top: clamp(16px, calc(3.402px + 0.875vw), 20.199px); right: clamp(16px, calc(3.402px + 0.875vw), 20.199px); left: clamp(16px, calc(3.402px + 0.875vw), 20.199px); gap: clamp(10px, calc(2.126px + 0.547vw), 12.625px); }
    .trusted-projects__badge { min-height: clamp(26px, calc(5.528px + 1.422vw), 32.824px); padding: clamp(4px, calc(0.85px + 0.219vw), 5.05px) clamp(10px, calc(2.126px + 0.547vw), 12.625px); border-radius: clamp(6px, calc(1.276px + 0.328vw), 7.575px); backdrop-filter: blur(clamp(7px, calc(1.488px + 0.383vw), 8.837px)); font-size: clamp(12px, calc(2.551px + 0.656vw), 15.15px); }
    .trusted-projects__caption { right: clamp(16px, calc(3.402px + 0.875vw), 20.199px); bottom: clamp(16px, calc(3.402px + 0.875vw), 20.199px); left: clamp(16px, calc(3.402px + 0.875vw), 20.199px); min-height: clamp(74px, calc(15.732px + 4.046vw), 93.423px); padding: clamp(14px, calc(2.976px + 0.766vw), 17.675px) clamp(16px, calc(3.402px + 0.875vw), 20.199px); border-radius: clamp(12px, calc(2.551px + 0.656vw), 15.15px); backdrop-filter: blur(clamp(8px, calc(1.701px + 0.437vw), 10.1px)); font-size: clamp(17px, calc(3.614px + 0.93vw), 21.462px); }
    .trusted-projects__dots { min-height: clamp(16px, calc(3.402px + 0.875vw), 20.199px); margin-top: clamp(18px, calc(3.827px + 0.984vw), 22.724px); gap: clamp(7px, calc(1.488px + 0.383vw), 8.837px); }
    .trusted-projects__dot { width: clamp(5px, calc(1.063px + 0.273vw), 6.312px); height: clamp(5px, calc(1.063px + 0.273vw), 6.312px); }
    .trusted-projects__dot.is-active { width: clamp(18px, calc(3.827px + 0.984vw), 22.724px); border-radius: clamp(5px, calc(1.063px + 0.273vw), 6.312px); }
}

   @media (min-width: 1921px) and (min-device-width: 2200px) {

    /*
     * Большой desktop без скачка на границе 1920/1921 px:
     *
     * 1920 px      -> значения предыдущего desktop-режима;
     * 1921–2650 px -> плавное увеличение;
     * 2650+        -> размеры большого макета удерживаются clamp().
     */


    /* ---------- Секция ---------- */

    .trusted-projects-section {
        margin:
            clamp(
                100.997px,
                calc(-19.997192px + 6.301781vw),
                147px
            )
            0;
    }

    .trusted-projects-section > .inner-width {
        width: 100%;

        max-width:
            clamp(
                1443px,
                calc(-292.890411px + 90.410959vw),
                2103px
            );

        margin-right: auto;
        margin-left: auto;
    }


    /* ---------- Фильтры ---------- */

    .trusted-projects__filters {
        row-gap:
            clamp(
                22.724px,
                calc(-4.303288px + 1.407671vw),
                33px
            );

        column-gap:
            clamp(
                17.675px,
                calc(-4.220890px + 1.140411vw),
                26px
            );

        margin:
            clamp(
                30.299px,
                calc(-5.736507px + 1.876849vw),
                44px
            )
            0
            clamp(
                47.974px,
                calc(-9.957397px + 3.017260vw),
                70px
            );
    }

    .trusted-projects__filter {
        padding:
            0
            clamp(
                25.249px,
                calc(-5.657740px + 1.609726vw),
                37px
            )
            clamp(
                11.362px,
                calc(-3.466712px + 0.772329vw),
                17px
            );

        font-size:
            clamp(
                20.199px,
                calc(-2.948836px + 1.205616vw),
                29px
            );
    }

    .trusted-projects__filter::after {
        height:
            clamp(
                3.787px,
                calc(-2.033493px + 0.303151vw),
                6px
            );

        border-radius:
            clamp(
                3.787px,
                calc(-2.033493px + 0.303151vw),
                6px
            );
    }


    /* ---------- Лента карточек ---------- */

    .trusted-projects__track {
        gap:
            clamp(
                45.449px,
                calc(-8.602945px + 2.815205vw),
                66px
            );
    }

    .trusted-projects__card {
        flex:
            0 0
            clamp(
                454.488px,
                calc(-93.927123px + 28.563288vw),
                663px
            );

        min-width:
            clamp(
                353.491px,
                calc(-71.299795px + 22.124521vw),
                515px
            );

        border-width:
            clamp(
                1px,
                calc(-1.630137px + 0.136986vw),
                2px
            );

        border-radius:
            clamp(
                25.249px,
                calc(-5.657740px + 1.609726vw),
                37px
            );
    }

    .trusted-projects__card:hover,
    .trusted-projects__card:focus-visible {
        box-shadow:
            inset
            0 0 0
            clamp(
                1px,
                calc(-1.630137px + 0.136986vw),
                2px
            )
            rgba(202, 230, 82, 0.22);
    }


    /* ---------- Верхние бейджи ---------- */

    .trusted-projects__meta {
        top:
            clamp(
                20.199px,
                calc(-2.948836px + 1.205616vw),
                29px
            );

        right:
            clamp(
                20.199px,
                calc(-2.948836px + 1.205616vw),
                29px
            );

        left:
            clamp(
                20.199px,
                calc(-2.948836px + 1.205616vw),
                29px
            );

        gap:
            clamp(
                12.625px,
                calc(-1.511986px + 0.736301vw),
                18px
            );
    }

    .trusted-projects__badge {
        min-height:
            clamp(
                32.824px,
                calc(-7.090959px + 2.078904vw),
                48px
            );

        padding:
            clamp(
                5.05px,
                calc(-0.078767px + 0.267123vw),
                7px
            )
            clamp(
                12.625px,
                calc(-1.511986px + 0.736301vw),
                18px
            );

        border-width:
            clamp(
                1px,
                calc(-1.630137px + 0.136986vw),
                2px
            );

        border-radius:
            clamp(
                7.575px,
                calc(-1.433219px + 0.469178vw),
                11px
            );

        backdrop-filter:
            blur(
                clamp(
                    8.837px,
                    calc(-2.112260px + 0.570274vw),
                    13px
                )
            );

        -webkit-backdrop-filter:
            blur(
                clamp(
                    8.837px,
                    calc(-2.112260px + 0.570274vw),
                    13px
                )
            );

        font-size:
            clamp(
                15.15px,
                calc(-2.866438px + 0.938356vw),
                22px
            );
    }


    /* ---------- Подпись карточки ---------- */

    .trusted-projects__caption {
        right:
            clamp(
                20.199px,
                calc(-2.948836px + 1.205616vw),
                29px
            );

        bottom:
            clamp(
                20.199px,
                calc(-2.948836px + 1.205616vw),
                29px
            );

        left:
            clamp(
                20.199px,
                calc(-2.948836px + 1.205616vw),
                29px
            );

        min-height:
            clamp(
                93.423px,
                calc(-18.560342px + 5.832466vw),
                136px
            );

        padding:
            clamp(
                17.675px,
                calc(-4.220890px + 1.140411vw),
                26px
            )
            clamp(
                20.199px,
                calc(-2.948836px + 1.205616vw),
                29px
            );

        border-width:
            clamp(
                1px,
                calc(-1.630137px + 0.136986vw),
                2px
            );

        border-radius:
            clamp(
                15.15px,
                calc(-2.866438px + 0.938356vw),
                22px
            );

        backdrop-filter:
            blur(
                clamp(
                    10.1px,
                    calc(-2.787671px + 0.671233vw),
                    15px
                )
            );

        -webkit-backdrop-filter:
            blur(
                clamp(
                    10.1px,
                    calc(-2.787671px + 0.671233vw),
                    15px
                )
            );

        font-size:
            clamp(
                21.462px,
                calc(-3.624247px + 1.306575vw),
                31px
            );
    }


    /* ---------- Точки навигации ---------- */

    .trusted-projects__dots {
        min-height:
            clamp(
                20.199px,
                calc(-2.948836px + 1.205616vw),
                29px
            );

        margin-top:
            clamp(
                22.724px,
                calc(-4.303288px + 1.407671vw),
                33px
            );

        gap:
            clamp(
                8.837px,
                calc(-2.112260px + 0.570274vw),
                13px
            );
    }

    .trusted-projects__dot {
        width:
            clamp(
                6.312px,
                calc(-0.757808px + 0.368219vw),
                9px
            );

        height:
            clamp(
                6.312px,
                calc(-0.757808px + 0.368219vw),
                9px
            );
    }

    .trusted-projects__dot.is-active {
        width:
            clamp(
                22.724px,
                calc(-4.303288px + 1.407671vw),
                33px
            );

        border-radius:
            clamp(
                6.312px,
                calc(-0.757808px + 0.368219vw),
                9px
            );
    }

    
}


/* =========================================================
   КОМПАКТНЫЙ DESKTOP: 1024–1278 px
   ========================================================= */
@media (min-width: 1024px) and (max-width: 1278px) {

    .trusted-projects-section {
        box-sizing: border-box;
        margin: 0;
        padding: 0;/*56px 0 64px;*/
    }

    .trusted-projects-section > .inner-width {
        width: auto;
        max-width: none;
        margin-right: clamp(42px, 6vw, 76px);
        margin-left: clamp(42px, 6vw, 76px);
    }

    .trusted-projects-section.trusted-projects-section--all-keysy-link > .inner-width {
            width: calc(100% - 88px);
            max-width: 1143px;
            margin-left: auto;
            margin-right: auto;
    }

    /* ---------- Заголовок ---------- */

    .trusted-projects-section .page-section__title.center {
        display: block;
        position: static;
        float: none;

        width: 100%;
        max-width: none;

        margin: 0 auto 32px;
        padding: 0;

        transform: none;

        font-family: 'Manrope', 'Rubik', Arial, sans-serif;
        font-size: clamp(36px, 3.6vw, 46px);
        font-weight: 700;
        line-height: 1.15;

        text-align: center !important;

        color: #fff;
        background: none;
        -webkit-text-fill-color: #fff;
    }

    /* ---------- Фильтры ---------- */

    .trusted-projects__filters {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;

        width: 100%;

        gap: 16px;

        margin: 0 0 32px;
        padding: 0;

        overflow-x: auto;
        overflow-y: hidden;

        white-space: nowrap;

        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }

    .trusted-projects__filters::-webkit-scrollbar {
        display: none;
    }

    .trusted-projects__filter {
        flex: 0 0 auto;
        padding: 0 12px 9px;

        font-size: 15px;
        white-space: nowrap;
    }

    /* ---------- Карточки ---------- */

    .trusted-projects__viewport {
        width: 100%;
    }

    .trusted-projects__track {
        gap: 24px;
    }

    .trusted-projects__card {
        /*
         * На этом диапазоне ориентируемся примерно
         * на три карточки в области просмотра.
         */
        flex: 0 0 clamp(280px, 29vw, 350px);

        min-width: 0;
        max-width: none;
    }

    .trusted-projects__meta {
        top: 14px;
        right: 14px;
        left: 14px;
    }

    .trusted-projects__caption {
        right: 14px;
        bottom: 14px;
        left: 14px;

        min-height: 68px;
        padding: 13px 14px;

        font-size: 14px;
    }

    .trusted-projects__dots {
        margin-top: 16px;
    }
}


/* =========================================================
   ПЛАНШЕТ: 768–1023 px
   ========================================================= */
@media (min-width: 768px) and (max-width: 1023px) {

    .trusted-projects-section {
        box-sizing: border-box;
        margin: 0;
    }
    .trusted-projects-section--filter {
        padding: 46px 0 52px;
    }

    .trusted-projects-section > .inner-width {
        width: auto;
        max-width: none;
        margin-right: clamp(28px, 4.5vw, 44px);
        margin-left: clamp(28px, 4.5vw, 44px);
    }

    .trusted-projects-section--all-keysy-link > .page-section-content.inner-width {
        width: calc(100% - 64px);
        max-width: 900px;
        margin-right: auto;
        margin-left: auto;
    }

    /* ---------- Заголовок ---------- */

    .trusted-projects-section .page-section__title.center {
        display: block;
        position: static;
        float: none;

        width: 100%;
        max-width: none;

        margin: 0 auto 28px;
        padding: 0;

        transform: none;

        font-family: 'Manrope', 'Rubik', Arial, sans-serif;
        font-size: clamp(32px, 4.4vw, 40px);
        font-weight: 700;
        line-height: 1.15;

        text-align: center !important;

        color: #fff;
        background: none;
        -webkit-text-fill-color: #fff;
    }

    /* ---------- Фильтры ---------- */

    .trusted-projects__filters {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;

        width: 100%;

        gap: 22px;

        margin: 0 0 28px;
        padding: 0;

        overflow-x: auto;
        overflow-y: hidden;

        white-space: nowrap;

        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;

        overscroll-behavior-x: contain;
        touch-action: pan-x pan-y;
    }

    .trusted-projects__filters::-webkit-scrollbar {
        display: none;
    }

    .trusted-projects__filter {
        flex: 0 0 auto;

        padding: 0 4px 8px;

        font-size: 14px;
        white-space: nowrap;
    }

    /* ---------- Лента карточек ---------- */

    .trusted-projects__viewport {
        width: 100%;

        overflow-x: auto;
        overflow-y: hidden;

        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;

        overscroll-behavior-x: contain;
        touch-action: pan-x pan-y;

        scroll-snap-type: x proximity;
    }

    .trusted-projects__viewport::-webkit-scrollbar {
        display: none;
    }

    .trusted-projects__track {
        gap: 20px;
    }

    .trusted-projects__card {
        /*
         * На планшете — две полноценные карточки
         * с небольшим запасом пространства.
         */
        flex: 0 0 clamp(300px, 42vw, 390px);

        min-width: 0;
        max-width: none;

        scroll-snap-align: start;
    }

    .trusted-projects__meta {
        top: 13px;
        right: 13px;
        left: 13px;
        gap: 8px;
    }

    .trusted-projects__badge {
        min-height: 24px;
        padding: 4px 8px;

        font-size: 11px;
    }

    .trusted-projects__caption {
        right: 13px;
        bottom: 13px;
        left: 13px;

        min-height: 64px;
        padding: 12px 13px;

        font-size: 15px;
    }

    /*
     * На планшете уже работаем как с горизонтальной лентой,
     * поэтому точки не нужны.
     */
    /*.trusted-projects__dots {
        display: none !important;
    }*/
}

@media (max-width: 767.98px) {
    .trusted-projects__filters {
        gap: 14px 22px;
        margin-bottom: 28px;
    }

    .trusted-projects__filter {
        font-size: 14px;
    }

    .trusted-projects__track {
        gap: 16px;
    }

    .trusted-projects__card {
        flex-basis: 86vw;
        min-width: 260px;
        max-width: 420px;
    }

    .trusted-projects__caption {
        min-height: 66px;
        font-size: 16px;
    }
}


/*
 * Мобильный адаптив только для блока «Нам доверяют»
 * на главной странице.
 *
 * Десктопный вид компонента не изменяет.
 * Контрольная ширина — 390 px.
 */


/* =========================================================
   МОБИЛЬНЫЙ: до 767 px
   ========================================================= */
@media (max-width: 767px) {

    /* ---------- Вся секция ---------- */

    .trusted-projects-section {
        box-sizing: border-box;
    }

    .trusted-projects-section--filter {
        margin: 0;
        padding: 28px 0 24px;
    }

    /*
     * Убираем стандартные большие мобильные отступы .inner-width.
     * Делаем так же компактно, как в других блоках главной.
     */
    .trusted-projects-section > .inner-width {
        width: auto;
        max-width: none;
        margin-right: 10px;
        margin-left: 10px;
    }


    /* ---------- Заголовок ---------- */

    .trusted-projects-section .page-section__title.center {
        display: block;
        position: static;
        float: none;
        clear: both;

        width: 100%;
        max-width: none;

        margin: 0 auto 24px;
        padding: 0;

        transform: none;

        font-family: 'Manrope', 'Rubik', Arial, sans-serif;
        font-size: 32px;
        font-weight: 700;
        line-height: 1.15;
        letter-spacing: -.3px;

        text-align: center !important;

        color: #fff;
        background: none;
        -webkit-text-fill-color: #fff;
    }


    /* =====================================================
       ФИЛЬТРЫ
       Одна строка, которую можно листать пальцем
       ===================================================== */

    .trusted-projects-section .trusted-projects__filters {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;

        width: 100%;

        gap: 10px;

        margin: 0 0 26px;
        padding: 0;

        overflow-x: auto;
        overflow-y: hidden;

        white-space: nowrap;

        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;

        overscroll-behavior-x: contain;
        touch-action: pan-x pan-y;
    }

    .trusted-projects-section .trusted-projects__filters::-webkit-scrollbar {
        display: none;
    }

    .trusted-projects-section .trusted-projects__filter {
        flex: 0 0 auto;

        /*
         * В десктопном CSS у кнопки padding-left/right: 20px.
         * На мобильном он делает фильтры слишком широкими.
         */
        padding: 0 10px 8px;

        font-family: 'Manrope', 'Rubik', Arial, sans-serif;
        font-size: 16px;
        line-height: 1.2;

        white-space: nowrap;
    }

    /*
     * Полоска активного фильтра будет шириной
     * именно с текст, а не текст + 40px padding.
     */
    .trusted-projects-section .trusted-projects__filter::after {
        height: 3px;
    }


    /* =====================================================
       ЛЕНТА ПРОЕКТОВ
       Нативный горизонтальный свайп без точек
       ===================================================== */

    .trusted-projects-section .trusted-projects__viewport {
        width: 100%;

        overflow-x: auto;
        overflow-y: hidden;

        scroll-behavior: smooth;
        scroll-snap-type: x proximity;

        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;

        overscroll-behavior-x: contain;

        /*
         * В основном style.css стоит touch-action: pan-y.
         * Он нежелателен для горизонтального свайпа.
         */
        touch-action: pan-x pan-y;

        cursor: default;
    }

    .trusted-projects-section .trusted-projects__viewport::-webkit-scrollbar {
        display: none;
    }


    /* ---------- Сама горизонтальная лента ---------- */

    .trusted-projects-section .trusted-projects__track {
        display: flex;
        flex-wrap: nowrap;
        align-items: stretch;

        width: max-content;
        min-width: 100%;

        gap: 14px;
    }


    /* ---------- Карточка ---------- */

    .trusted-projects-section .trusted-projects__card {
        /*
         * Карточка занимает большую часть экрана,
         * а справа остаётся намёк на следующую карточку.
         */
        flex: 0 0 86vw;

        width: 86vw;
        min-width: 260px;
        max-width: 335px;

        scroll-snap-align: start;
        scroll-snap-stop: normal;
    }


    /* =====================================================
       ТОЧКИ
       На мобильном их вообще не показываем
       ===================================================== */

    /*.trusted-projects-section .trusted-projects__dots {
        display: none !important;
    }*/
}


/* =========================================================
   ОЧЕНЬ УЗКИЕ ЭКРАНЫ: до 374 px
   ========================================================= */
@media (max-width: 374px) {

    .trusted-projects-section > .inner-width {
        margin-right: 8px;
        margin-left: 8px;
    }

    .trusted-projects-section .page-section__title.center {
        margin-bottom: 22px;
        font-size: 24px;
    }

    .trusted-projects-section .trusted-projects__filters {
        gap: 20px;
        margin-bottom: 22px;
    }

    .trusted-projects-section .trusted-projects__filter {
        font-size: 13px;
    }

    .trusted-projects-section .trusted-projects__track {
        gap: 12px;
    }

    .trusted-projects-section .trusted-projects__card {
        flex-basis: 88vw;
        width: 88vw;
        min-width: 250px;
    }
}
/* =========================================================
   РЕЖИМ: ЗАГОЛОВОК + КНОПКА "СМОТРЕТЬ ВСЕ КЕЙСЫ"
   ========================================================= */

.trusted-projects-section--all-keysy-link .trusted-projects__title {
    margin: 0;

    font-family: 'Manrope', 'Rubik', Arial, sans-serif;
    font-size: 40px;
    font-weight: 700;
    line-height: 1.2;

    color: #fff;

    background: none;
    -webkit-background-clip: initial;
    background-clip: initial;
    -webkit-text-fill-color: #fff;
}


.trusted-projects-section--all-keysy-link .trusted-projects__header {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 160px;

    margin-bottom: 34px;
}


.trusted-projects-section--all-keysy-link .trusted-projects__all-link {
    box-sizing: border-box;

    display: inline-flex;
    align-items: center;
    justify-content: center;


    min-width: 225px;
    height: 54px;

    padding: 0 28px;

    border: 1px solid rgba(255, 255, 255, .8);
    border-radius: 12px;

    background: transparent;

    font-family: 'Manrope', Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;

    color: #fff;
    text-decoration: none;

    transition:
        border-color .2s ease,
        background-color .2s ease;
}


.trusted-projects-section--all-keysy-link .trusted-projects__all-link:hover {
    border-color: #CAE652;
    background: rgba(255, 255, 255, .06);

    color: #fff;
    text-decoration: none;
}


@media (min-width: 1440px) and (max-width: 1920px) {
    .trusted-projects-section--all-keysy-link .trusted-projects__title {
        font-size: calc(10px + 2.083vw);
    }
}

/* =========================================================
   COMPACT DESKTOP: 1024–1278
   ========================================================= */

@media (min-width: 1024px) and (max-width: 1278px) {

    .trusted-projects-section--all-keysy-link .trusted-projects__title {
        display: block;
        position: static;
        float: none;

        width: 100%;
        max-width: none;

        margin: 0 auto 0;
        padding: 0;

        transform: none;

        font-family: 'Manrope', 'Rubik', Arial, sans-serif;
        font-size: calc(9.8px + 2.362vw);
        font-weight: 700;
        line-height: 1.15;

        text-align: left !important;

        color: #fff;
        background: none;
        -webkit-text-fill-color: #fff;
    }
}


/* =========================================================
   TABLET: 768–1023
   ========================================================= */

@media (min-width: 768px) and (max-width: 1023px) {

    /*
     * В исходном втором шаблоне у секции не было
     * tablet-padding первого варианта.
     */


    .trusted-projects-section--all-keysy-link .trusted-projects__title {
        display: block;
        position: static;
        float: none;

        width: 100%;
        max-width: none;

        margin: 0 auto 0;
        padding: 0;

        transform: none;

        font-family: 'Manrope', 'Rubik', Arial, sans-serif;
        font-size: 32px;
        font-weight: 700;
        line-height: 1.15;

        text-align: left !important;

        color: #fff;
        background: none;
        -webkit-text-fill-color: #fff;
    }

    .trusted-projects-section--all-keysy-link .trusted-projects__header {
        gap: 86px!important;
    }
}


/* =========================================================
   MOBILE: до 767
   ========================================================= */

@media (max-width: 767px) {

    .trusted-projects-section--all-keysy-link {
        margin: 40px 0 !important;
    }


    /*
     * На мобильном во втором шаблоне:
     *
     * 1. заголовок;
     * 2. карусель;
     * 3. кнопка "Смотреть все кейсы".
     */

    .trusted-projects-section--all-keysy-link .page-section-content {
        display: flex;
        flex-direction: column;
    }


    .trusted-projects-section--all-keysy-link .trusted-projects__header {
        display: contents;
    }


    .trusted-projects-section--all-keysy-link .trusted-projects__title {
        order: 1;

        display: block;
        position: static;
        float: none;
        clear: both;

        width: 100%;
        max-width: none;

        margin: 0 auto 24px;
        padding: 0;

        transform: none;

        font-family: 'Manrope', 'Rubik', Arial, sans-serif;
        font-size: 24px;
        font-weight: 700;
        line-height: 1.15;
        letter-spacing: -.3px;

        color: #fff;

        background: none;
        -webkit-text-fill-color: #fff;
    }


    .trusted-projects-section--all-keysy-link .trusted-projects {
        order: 2;
    }


    .trusted-projects-section--all-keysy-link .trusted-projects__all-link {
        order: 3;

        box-sizing: border-box;

        display: flex;

        width: 100%;
        min-width: 0;
        height: 50px;

        margin-top: 18px;
        padding: 0 18px;

        align-items: center;
        justify-content: center;

        border-radius: 10px;

        font-size: 13px;
        text-align: center;
    }
}


/* =========================================================
   VERY SMALL: до 374
   ========================================================= */

@media (max-width: 374px) {

    .trusted-projects-section--all-keysy-link .trusted-projects__title {
        margin-bottom: 22px;
        font-size: 24px;
    }
}
/* =========================================================
   БОЛЬШОЙ DESKTOP: 1921–2650+
   Шапка режима "Смотреть все кейсы"
   ========================================================= */

@media (min-width: 1921px) and (min-device-width: 2200px) {

    .trusted-projects-section--all-keysy-link .trusted-projects__header {
        gap: clamp(160px, 8.3vw, 220px);
        margin-bottom: clamp(34px, 1.78vw, 47px);
    }

    .trusted-projects-section--all-keysy-link .trusted-projects__title {
        font-size: clamp(50px, calc(-10.493151px + 3.150685vw), 73px);
    }

    .trusted-projects-section--all-keysy-link .trusted-projects__all-link {
        min-width: clamp(225px, 11.7vw, 310px);
        height: clamp(54px, 2.8vw, 74px);

        padding-right: clamp(28px, 1.45vw, 38px);
        padding-left: clamp(28px, 1.45vw, 38px);

        border-radius: clamp(12px, .61vw, 16px);

        font-size: clamp(14px, .72vw, 19px);
    }
}