/* Kartu layanan Abana: modul Custom berisi div.abana-cards > a.abana-card */
.abana-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0;padding:0}
.abana-cards a.abana-card{position:relative;display:flex;align-items:center;gap:16px;padding:30px 26px;min-height:112px;box-sizing:border-box;
	background:#fff;border-radius:14px;box-shadow:0 2px 8px rgba(0,0,0,.08);text-decoration:none;text-shadow:none;
	transition:background .25s,box-shadow .25s,transform .25s;-webkit-tap-highlight-color:transparent}
.abana-card__icon{flex:0 0 64px;width:64px;height:64px;border-radius:14px;background:#f4eeee;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:background .25s}
.abana-card__icon img{width:100%;height:100%;object-fit:contain;display:block;padding:6px;box-sizing:border-box}
.abana-card__text{flex:1;min-width:0}
.abana-card__text strong{display:block;font-size:18px;line-height:1.3;font-weight:700;color:#222;transition:color .25s}
.abana-card__text span{display:block;margin-top:4px;font-size:14px;line-height:1.4;color:#666;transition:color .25s}
.abana-card__arrow{flex:0 0 auto;font-size:22px;line-height:1;color:#e0a4a0;transition:color .25s,transform .25s}

/* disorot / disentuh / difokus / kartu unggulan = merah */
.abana-cards a.abana-card:hover,
.abana-cards a.abana-card:active,
.abana-cards a.abana-card:focus-visible,
.abana-cards a.abana-card.is-featured{background:linear-gradient(135deg,#c0392b,#8f1a14);box-shadow:0 8px 20px rgba(143,26,20,.35)}
.abana-cards a.abana-card:hover,
.abana-cards a.abana-card:active{transform:translateY(-2px)}
.abana-cards a.abana-card:hover strong,.abana-cards a.abana-card:active strong,.abana-cards a.abana-card:focus-visible strong,.abana-cards a.abana-card.is-featured strong,
.abana-cards a.abana-card:hover span,.abana-cards a.abana-card:active span,.abana-cards a.abana-card:focus-visible span,.abana-cards a.abana-card.is-featured span,
.abana-cards a.abana-card:hover .abana-card__arrow,.abana-cards a.abana-card:active .abana-card__arrow,.abana-cards a.abana-card:focus-visible .abana-card__arrow,.abana-cards a.abana-card.is-featured .abana-card__arrow{color:#fff}
.abana-cards a.abana-card:hover .abana-card__icon,.abana-cards a.abana-card:active .abana-card__icon,.abana-cards a.abana-card.is-featured .abana-card__icon{background:#fff}
.abana-cards a.abana-card:hover .abana-card__arrow{transform:translateX(4px)}
/* kartu unggulan tetap merah, jadi saat kartu lain disorot ia tidak ikut berubah bentuk */

@media (max-width:900px){.abana-cards{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.abana-cards{grid-template-columns:1fr}.abana-cards a.abana-card{padding:22px 18px;min-height:96px}}
@media (prefers-reduced-motion:reduce){.abana-cards *{transition:none!important}}

/* Gambar di sisi kiri kartu: div.abana-services > div.abana-services__img + div.abana-cards */
.abana-services{display:flex;align-items:stretch;gap:24px}
.abana-services__img{flex:0 0 32%;max-width:32%;border-radius:14px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.12);background:#8f1a14}
.abana-services__img img{display:block;width:100%;height:100%;min-height:260px;object-fit:cover}
.abana-services .abana-cards{flex:1;min-width:0;grid-template-columns:repeat(2,1fr);align-content:start}
@media (max-width:900px){
	.abana-services{flex-direction:column}
	.abana-services__img{flex:none;max-width:100%}
	.abana-services__img img{height:220px;min-height:0}
}
@media (max-width:560px){.abana-services .abana-cards{grid-template-columns:1fr}}
