/* Konteyner aralıkları */
.js-cta-swiper { padding: 8px 0 32px; }

/* Kart */
.cta-card {
    display: grid;
    grid-template-columns: 64px 1fr auto;
    gap: 16px;
    align-items: center;
    padding: 20px 20px;
    border-radius: 16px;
    background: #fff;
    text-decoration: none;
    color: #0f172a;
    box-shadow: 0 2px 8px rgba(0,0,0,.06);
    border-bottom: 4px solid transparent;
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.cta-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(0,0,0,.08);
    border-color: #fe8f1c; /* yeşil vurgu */
}

/* İkon kapsülü */
.cta-icon {
    width: 64px; height: 64px;
    border-radius: 16px;
    display: grid; place-items: center;
}
.cta-icon img { width: 60px; height: 60px; border-radius: 10px }

/* Renk yardımcıları (görsellerin yoksa düz renk) */
.bg-green { background:#e6f5ec; }
.bg-red   { background:#fde8ea; }
.bg-orange{ background:#ffefe2; }
.bg-pink  { background:#ffe6f3; }

/* Metinler */
.cta-title {
    font-size: 20px; line-height: 1.2; margin: 0; font-weight: 800; color: #0b3b7a;
}
.cta-text  { margin: 6px 0 0; font-size: 16px; color:#334155; }
.cta-body  { align-self: center; }

/* Sağ ok */
.cta-arrow { font-size: 22px; opacity:.35; }

/* Swiper okları/pagination */
.cta-nav-prev, .cta-nav-next {
    color:#0b3b7a;
    width: 36px; height: 36px;
}
.cta-pagination .swiper-pagination-bullet { width:8px; height:8px; }
.cta-pagination .swiper-pagination-bullet-active { background:#0b3b7a; }

/* Küçük ekranda kart iç boşluklarını biraz azalt */
@media (max-width: 576px){
    .cta-card { grid-template-columns: 56px 1fr auto; padding:16px; }
    .cta-icon { width:56px; height:56px; }
}