/* ============================================================
   LETTERS — Благодарственные письма
   ============================================================ */
.letters {
    padding: 150px 0;
    overflow: hidden;
}

.letters__head {
    margin-bottom: 30px;
}

.letters__title {
    font-size: var(--h2-size);
    line-height: var(--h2-line-height);
    font-weight: var(--h2-weight);
    color: var(--dark);
    text-align: center;
}

.letters__nav {
    display: flex;
    flex-direction: row;
    gap: 12px;
    justify-content: flex-end;
    margin-bottom: 30px;
}

.letters-nav-prev,
.letters-nav-next {
    width: 60px;
    height: 60px;
      background: var(--white);
    border: none;
   
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
  
    transition: border-color 0.2s, background 0.2s, color 0.2s;
}

.letters-nav-prev:hover,
.letters-nav-next:hover {
   opacity:0.75;
}

.letters__carousel {
    padding-left: 140px;
}

.letters-swiper {
    overflow: visible !important;
}

.letters-swiper .swiper-slide {
    height: auto;
}

.letters-swiper .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 12px;
    display: block;
    box-shadow: var(--shadow-card);
    transition: transform 0.3s ease;
}

.letters-swiper .swiper-slide:hover img {
    transform: scale(1.02);
}

@media (max-width: 1200px) {
    .letters__carousel { padding-left: 60px; }
}

@media (max-width: 768px) {
    .letters { padding: 60px 0; }
    .letters__carousel { padding-left: 20px; }
    .letters-nav-prev,
    .letters-nav-next { width: 48px; height: 48px; }
}