/* Üst şerit sağı: mesajın üç adımı (fiyat sayfasındaki adım kartlarının dili) */
.il-ust-adimlar { list-style: none; margin: 0; padding: 0; display: grid; gap: .6rem; flex: none; width: 21rem; }
.il-ust-adimlar li { display: grid; grid-template-columns: 36px 1fr; column-gap: .8rem; align-items: center; background: rgba(255, 255, 255, .08); border: 1px solid rgba(255, 255, 255, .14); border-radius: 14px; padding: .7rem .9rem; }
.il-ust-adimlar span { grid-row: span 2; display: inline-flex; width: 36px; height: 36px; align-items: center; justify-content: center; border-radius: 999px; background: var(--sari); color: var(--patlican); font-weight: 700; }
.il-ust-adimlar b { color: #fff; font-size: .98rem; }
.il-ust-adimlar small { color: #d9cbe3; font-size: .8rem; }

.il-bant { padding: 3.6rem 0 4rem; }
.il-duzen { display: grid; grid-template-columns: minmax(0, 1fr) 380px; gap: 2rem; align-items: start; }
.il-kart { padding: 2rem 2.2rem 2.2rem; }
.il-yan { display: grid; gap: 1rem; position: sticky; top: 92px; }
.il-son { display: flex; align-items: center; justify-content: space-between; gap: 2rem; padding: 2.2rem 3rem; margin-top: 4.5rem; margin-bottom: 4.5rem; }

@media (max-width: 1100px) { .il-ust-adimlar { width: 18rem; } .il-duzen { grid-template-columns: minmax(0, 1fr) 320px; } }
@media (max-width: 900px) {
  .il-ust-adimlar { display: none; }
  .il-duzen { grid-template-columns: 1fr; }
  .il-yan { position: static; }
  .il-son { flex-direction: column; align-items: flex-start; padding: 2rem; }
}