/* Sıralı (adım adım) form bileşeni — kayıt, servis randevusu vb.
   Kullanım: <form data-adimli> içinde her adım <fieldset class="adim" data-baslik="...">.
   JS yoksa tüm adımlar alt alta görünür ve form yine çalışır. */
.adimli-aktif .adim{display:none;border:0;margin:0;padding:0;min-width:0}
.adimli-aktif .adim.aktif{display:block;animation:adimGir .28s ease both}
@keyframes adimGir{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.adimli-aktif .adim.aktif{animation:none}}
.adim-cubuk{list-style:none;display:flex;gap:0;margin:0 0 var(--s-40,40px);padding:0;counter-reset:a}
.adim-cubuk li{flex:1;position:relative;text-align:center;font-size:12px;color:var(--stone,#777);padding-top:34px}
.adim-cubuk li::before{counter-increment:a;content:counter(a);position:absolute;top:0;left:50%;transform:translateX(-50%);
  width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  font-size:12px;font-weight:600;background:var(--ash,#ececec);color:var(--stone,#777);z-index:1;transition:background .2s,color .2s}
.adim-cubuk li::after{content:"";position:absolute;top:12px;left:-50%;width:100%;height:2px;background:var(--hairline,#e5e5e5);z-index:0}
.adim-cubuk li:first-child::after{display:none}
.adim-cubuk li.bitti::before{content:"\2713";background:var(--accent,#2F7A24);color:#fff}
.adim-cubuk li.bitti::after,.adim-cubuk li.aktif::after{background:var(--accent,#2F7A24)}
.adim-cubuk li.aktif::before{background:var(--obsidian,#000);color:#fff}
.adim-cubuk li.aktif{color:var(--obsidian,#000);font-weight:500}
.adim-nav{display:flex;gap:12px;margin-top:var(--s-32,32px)}
.adim-nav .btn{flex:1;justify-content:center;width:auto}
.adim-nav .adim-geri{flex:0 0 auto}
.adim-hata{margin-top:8px;font-size:13px;color:#8c1d18}
.adim-ozet{display:grid;gap:0;margin:0 0 var(--s-24,24px);border:1px solid var(--hairline,#e5e5e5);border-radius:var(--r-card,10px);overflow:hidden}
.adim-ozet div{display:flex;justify-content:space-between;gap:16px;padding:10px 16px;font-size:14px;border-bottom:1px solid var(--hairline,#e5e5e5)}
.adim-ozet div:last-child{border-bottom:0}
.adim-ozet span:first-child{color:var(--stone,#777);flex-shrink:0}
.adim-ozet span:last-child{text-align:right;word-break:break-word}