/* фон секції як на макеті */
.useful-links-section{
    background: var(--theme-light-grey);
    overflow-x: hidden;
    padding-bottom: 30px;
}

.useful-links-head {
    padding: 6rem 0 5rem;
}
.useful-links-head {
    padding: 3rem 0 2rem;
}

.links-swiper {
    position: relative;
    padding-bottom: 80px;
}
.links-swiper {
    padding-bottom: 3px; (40px)
}

/* картка */
.links-swiper .swiper-slide{ height:auto; }
.link-card{
    --useful-link-img-height: 72px; /* 56px */
    background:#fff;
    border-radius:16px;
    box-shadow:0 8px 22px rgba(0,0,0,.06);
    padding:30px;
    height:100%;
    display:grid;
    min-width: 0;
    grid-template-columns: minmax(auto, 1fr);
    grid-template-rows: var(--useful-link-img-height) 1fr auto; /* фіксуємо «поличку» під лого */
    gap:30px;
    min-height: 210px; /* щоб висота карток була стабільна */
}

/* лого — НЕ розтягуємо картку */
.link-card__logo{
    height:var(--useful-link-img-height);                /* як на зображенні */
    display:flex;
    align-items:center;
    max-width: 100%;
}
.link-card__logo img{
    max-height:var(--useful-link-img-height);            /* іконка/лого не вище 48px */
    max-width: min(300px, 100%);            /* широкі горизонтальні не «ламають» картку */
    height:var(--useful-link-img-height);
    width:auto;
    object-fit:contain;
}

/* заголовок */
.link-card__title{
    font-size: clamp(1.2rem, .5rem + 2vw, 1.5rem);
    font-weight: 300;
    letter-spacing: -0.02em;
    line-height:1.35;
    }
.link-card__title a{ color:#000; text-decoration:none; }
.link-card__title a:hover,
.link-card__title a:focus{ text-decoration:underline; }
.link-card a:focus-visible{ outline:2px solid #4c6fff; outline-offset:2px; }

/* Страхуємо кнопку від розтягування по картці */
.link-card .btn {
    justify-self: start;   /* не розтягувати в клітинці */
    display: inline-flex;  /* природна ширина */
    width: auto;
    /* padding: 18px 43px; */
    padding: clamp(10px, 2vw - .5rem, 18px) clamp(1.5rem, 4vw - 1rem, 2.5rem);
    font-weight: 300;
    letter-spacing: 0.066em;
}

.links-swiper-pagination{position:static;height:3px;margin: 80px auto 20px;
    max-width: 600px;display:flex;background:rgba(0,0,0,.2)}
@media (max-width:991px){.links-swiper-pagination{margin-top:40px}}
.links-swiper-pagination .swiper-pagination-bullet{flex:1; height:3px;border-radius:0;background:transparent;margin:0 !important}
.links-swiper-pagination .swiper-pagination-bullet-active{background:#000}


/* трохи щільніше на мобільних */
@media (max-width: 575.98px){
    .links-swiper .swiper-pagination{ margin-top:16px; }
}

/* трохи компактніше на вузьких */
@media (max-width: 575.98px){
    .link-card{ padding:20px; gap:14px; min-height: 196px; }
    .link-card__logo{ height:64px; }
    .link-card__logo img{ max-height:44px; max-width:160px; }
}