/* =====================================================================
   css/randevu.css — M1 randevu sihirbazı + sorgula sayfası ekleri
   Sahibi: M1. Temel: css/tasarim.css (token'lar + .berber-kart, .hizmet-satir, .gun-serit, .saat, .ozet-kart, .bilet …).
   Kural: yalnız token (var(--…)) kullanılır; sabit renk yok. Monokrom (karar A). color-mix / :has / nesting YOK.
   ===================================================================== */

/* ---------- Genel ---------- */
.sihirbaz-sayfa{ min-height:100vh; }
.sihirbaz-sayfa main:focus{ outline:none; }
.m1-gizli-alan{ position:absolute!important; left:-9999px; width:1px; height:1px; overflow:hidden; }
.m1-vurgu-metin{ color: var(--metin); font-weight:700; }
.m1-ikon--basari{ color: var(--basari); }
.m1-ikon--notr{ color: var(--metin-3); }
.m1-metin-link{ display:inline; padding:0; color: var(--metin); font-weight:700; text-decoration: underline; text-underline-offset:3px; text-decoration-thickness:1px; cursor:pointer; }
.m1-metin-link:hover{ text-decoration-thickness:2px; }
.m1-soluk-link{ color: var(--metin-3); font-weight:600; }
.m1-soluk-link:hover{ color: var(--metin); }
html.m1-modal-acik{ overflow:hidden; }
.m1-salla{ animation: m1-salla .42s var(--egri); }
@keyframes m1-salla{ 0%,100%{ transform:none; } 20%{ transform: translateX(-6px); } 40%{ transform: translateX(6px); } 60%{ transform: translateX(-4px); } 80%{ transform: translateX(3px); } }

/* ---------- Üst bar ---------- */
.m1-ust-geri{ --btn-y:40px; flex:none; }
.m1-marka{ flex:none; }
.m1-logo{ width:36px; }
.m1-logo--orijinal img{ display:block; width:100%; height:auto; border-radius:50%; }
.m1-ust-denge{ width:40px; flex:none; }
.m1-ilerleme{ border-radius:0; }
.m1-adim-dugme{ display:flex; align-items:center; gap:inherit; min-width:0; color:inherit; font:inherit; padding:0; border-radius: var(--r-tam); cursor:pointer; }
.m1-adim-dugme:hover .no{ border-color: var(--metin-2); color: var(--metin); }
.m1-adim-dugme:hover .ad{ color: var(--metin); }
.sihirbaz-ust .adimlar{ min-width:0; }

/* ---------- Açılış iskeleti / yükleniyor ---------- */
.m1-acilis{ padding: var(--b-8) 0 var(--b-16); max-width: 760px; }
.m1-acilis .sihirbaz-bas .iskelet{ display:block; }
.m1-iskelet-kart{ height:96px; border-radius: var(--r-lg); }
.m1-iskelet-liste{ display:flex; flex-direction:column; gap: var(--b-2); }
.m1-iskelet-satir{ height:76px; border-radius: var(--r-md); }
.m1-iskelet-saat{ display:grid; grid-template-columns: repeat(auto-fill, minmax(84px,1fr)); gap: var(--b-2); margin-top: var(--b-6); }
.m1-iskelet-saat .iskelet{ height:48px; border-radius: var(--r-sm); }
@media (max-width:420px){ .m1-iskelet-saat{ grid-template-columns: repeat(4,1fr); } }
.m1-gun-iskelet{ height:88px; pointer-events:none; border-color: transparent; }
.m1-yukleniyor{ display:flex; align-items:center; justify-content:center; gap: var(--b-3); padding: var(--b-10) 0; color: var(--metin-3); font-size: var(--fs-sm); }
.m1-donen{ width:18px; height:18px; border-radius:50%; border:2px solid var(--cizgi-guclu); border-top-color: var(--metin); animation: m1-don .8s linear infinite; flex:none; }
@keyframes m1-don{ to{ transform: rotate(360deg); } }
.m1-yukleniyor-btn{ position:relative; color: transparent!important; }
.m1-yukleniyor-btn::before{ content:""; position:absolute; left:50%; top:50%; width:18px; height:18px; margin:-9px 0 0 -9px; border-radius:50%; border:2px solid currentColor; border-color: rgba(var(--zemin-rgb),.25); border-top-color: var(--birincil-uzeri); animation: m1-don .8s linear infinite; }
.m1-yukleniyor-btn .ikon{ opacity:0; }
.m1-hazir-degil{ opacity:.55; }
.m1-hazir-degil:hover{ transform:none!important; box-shadow:none!important; }

/* ---------- Tam ekran durum (online kapalı / bakım / hata) ---------- */
.m1-tam-durum{ min-height: calc(100vh - 140px); display:flex; align-items:center; justify-content:center; padding: var(--b-12) 0; }
.m1-tam-kart{ width:100%; max-width: 560px; text-align:center; display:flex; flex-direction:column; align-items:center; gap: var(--b-4);
  padding: var(--b-10) var(--b-6); border-radius: var(--r-xl); background: var(--yuzey); border:1px solid var(--cizgi); box-shadow: var(--golge-2), var(--isik-ust); position:relative; overflow:hidden; }
.m1-tam-kart::before{ content:""; position:absolute; inset:10px; border-radius: calc(var(--r-xl) - 6px); border:1px solid var(--cizgi); pointer-events:none; }
.m1-tam-ikon{ width:88px; height:88px; border-radius:50%; display:grid; place-items:center; color: var(--metin); border:1px dashed var(--cizgi-guclu);
  box-shadow: 0 0 0 10px rgba(var(--vurgu-rgb),.04), 0 0 0 22px rgba(var(--vurgu-rgb),.02); margin-bottom: var(--b-2); }
.m1-tam-mesaj{ max-width: 44ch; }
.m1-tam-eylem{ justify-content:center; margin-top: var(--b-2); }
.m1-tam-alt{ justify-content:center; gap: var(--b-6); margin-top: var(--b-4); font-size: var(--fs-sm); }
.m1-tam-alt .btn--metin{ color: var(--metin-2); }

/* ---------- Sihirbaz düzeni ---------- */
.m1-sol{ min-width:0; }
.sihirbaz.m1-tamam{ grid-template-columns: minmax(0,1fr); }
@media (max-width:959px){ body.m1-cubuk-acik .sihirbaz{ padding-bottom: 140px; } }
/* Bildirimler (toast) "Devam et" düğmelerinin üstüne biner: tıklamayı engellemesin; mobilde alt özet çubuğunun üstünde dursun */
.sihirbaz-sayfa .toast{ pointer-events:none; }
@media (max-width:959px){ body.m1-cubuk-acik .toast-alani{ bottom: calc(88px + env(safe-area-inset-bottom)); } }

/* ---------- 1 · Berber kartları ---------- */
.m1-berber-kart{ align-items:flex-start; min-height: 96px; }
.m1-berber-kart .avatar{ margin-top:2px; }
.m1-berber-satir{ display:flex; align-items:center; gap: var(--b-2); flex-wrap:wrap; }
.m1-puan{ display:inline-flex; align-items:center; gap:4px; font-size: var(--fs-xs); font-weight:800; color: var(--metin); font-variant-numeric: tabular-nums; }
.m1-puan .ikon{ width:13px; height:13px; }
.m1-puan .cok-soluk{ font-weight:600; }
.m1-etiketler{ display:flex; flex-wrap:wrap; gap:4px; margin-top:6px; }
.m1-etiket{ display:inline-flex; align-items:center; height:22px; padding: 0 8px; border-radius: var(--r-tam); border:1px solid var(--cizgi); font-size: var(--fs-2xs); font-weight:700; letter-spacing:.02em; color: var(--metin-2); white-space:nowrap; }
.m1-berber-kart[aria-checked="true"] .m1-etiket{ border-color: var(--cizgi-guclu); color: var(--metin); }
.m1-ek--yok{ color: var(--metin-3); }
.m1-avatar-foto{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter: grayscale(1) contrast(1.05); }
.m1-avatar-bos{ background: transparent; border:1px dashed var(--cizgi-guclu); box-shadow:none; color: var(--metin-3); }

/* ---------- 2 · Hizmet ---------- */
.m1-uyari{ display:flex; gap: var(--b-3); align-items:flex-start; padding: 14px 16px; margin-bottom: var(--b-6); border-radius: var(--r-md); border:1px solid var(--cizgi-guclu); background: var(--vurgu-zemin); font-size: var(--fs-sm); color: var(--metin-2); }
.m1-uyari .ikon{ color: var(--metin); flex:none; margin-top:1px; }
.m1-bos{ border:1px dashed var(--cizgi-guclu); border-radius: var(--r-lg); padding: var(--b-10) var(--b-6); }
.m1-bos h3{ font-size: var(--fs-md); font-weight:800; color: var(--metin); }
.m1-bos p{ font-size: var(--fs-sm); max-width: 42ch; }
.m1-bos .sira{ justify-content:center; }
.hizmet-satir .hizmet-fiyat{ white-space:nowrap; }

/* ---------- 3 · Tarih & saat ---------- */
.m1-ay-bas{ margin-bottom: var(--b-3); }
.m1-ay-bas .baslik-4{ text-transform: none; }
.m1-ay-oklar{ gap:6px; flex-wrap:nowrap; }
.m1-ay-oklar .btn[disabled]{ opacity:.3; }
.gun-lejant i.m1-lejant-musait{ background: var(--basari); }
.gun-lejant i.m1-lejant-az{ background: var(--uyari); }
.gun-lejant i.m1-lejant-kapali{ background: transparent; border:1px solid var(--metin-3); }
.m1-gun--tatil .gun-ay{ font-weight:700; }
.gun--kapali .gun-ay{ letter-spacing:.02em; }
.m1-gun-mesaj{ display:flex; align-items:flex-start; gap: var(--b-2); margin-top: var(--b-3); padding: 10px 14px; border-radius: var(--r-md); background: var(--yuzey); border:1px solid var(--cizgi); font-size: var(--fs-xs); color: var(--metin-2); }
.m1-gun-mesaj .ikon{ flex:none; margin-top:1px; color: var(--metin); }
.m1-gun-mesaj b{ color: var(--metin); }
.m1-grup-adet{ margin-left:auto; letter-spacing:.04em; text-transform:none; font-weight:600; color: var(--metin-3); }
.m1-saat-not{ display:flex; align-items:center; gap: var(--b-2); margin-top: var(--b-6); }
.m1-saat-not .ikon{ flex:none; }
.berber-cip .avatar{ font-size: 13px; }
.berber-cip .avatar.avatar--fark-etmez{ border-width:1px; }

/* ---------- 4 · Bilgiler ---------- */
.m1-form{ gap: var(--b-5); max-width: 560px; }
.m1-onaylar{ gap: var(--b-3); margin-top: var(--b-1); }
.m1-sayac{ text-align:right; font-variant-numeric: tabular-nums; }
.alan--hata .kutu input{ border-color: var(--hata); }
.alan--hata .metin-alani{ border-color: var(--hata); }
.m1-form-hata{ display:flex; gap: var(--b-3); align-items:flex-start; padding: 14px 16px; border-radius: var(--r-md); background: var(--hata-zemin); border:1px solid var(--hata); color: var(--metin); font-size: var(--fs-sm); }
.m1-form-hata .ikon{ color: var(--hata); flex:none; margin-top:1px; }
.m1-form-hata div{ display:flex; flex-direction:column; gap:4px; }
.m1-form-hata span{ color: var(--metin-2); }
.m1-form-hata a{ color: var(--metin); text-decoration: underline; text-underline-offset:3px; font-weight:700; }
.m1-ozet-mobil{ margin-top: var(--b-4); padding: var(--b-4) var(--b-5); border-radius: var(--r-lg); background: var(--yuzey); border:1px solid var(--cizgi); box-shadow: var(--isik-ust); }
.m1-ozet-mobil:empty{ display:none; }
.m1-ozet-mobil-bas{ display:flex; align-items:center; gap: var(--b-3); padding-bottom: var(--b-3); border-bottom:1px solid var(--cizgi); }
.m1-ozet-mobil-bas div{ display:flex; flex-direction:column; min-width:0; line-height:1.35; }
.m1-ozet-mobil-bas span{ font-size: var(--fs-xs); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
@media (min-width:960px){ .m1-ozet-mobil{ display:none; } }

/* ---------- Özet kartı ---------- */
.m1-ozet-kim{ display:flex; flex-direction:column; line-height:1.3; min-width:0; }
.m1-ozet-kim b{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.m1-ozet-kim span{ font-size: var(--fs-xs); }
.m1-ozet-degistir{ margin-left:auto; font-size: var(--fs-xs); flex:none; }
.m1-ozet-hizmetler{ flex-direction:column; gap:6px; }
.m1-ozet-hizmetler dd{ text-align:left; width:100%; font-weight:600; }
.m1-odeme-notu{ font-size: var(--fs-xs); text-align:center; display:flex; gap:6px; justify-content:center; align-items:center; }
.ozet-cubuk .btn{ min-width: 132px; }
.ozet-cubuk-tutar{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

/* ---------- 5 · Onay ---------- */
.m1-basari{ max-width: 620px; margin: 0 auto; padding-top: var(--b-6); }
.m1-basari .baslik-2{ max-width: 18ch; }
.m1-onay-mesaj{ max-width: 46ch; }
.m1-muhur--bekliyor{ background: transparent; color: var(--metin); border:1.5px solid var(--vurgu); }
.m1-muhur--bekliyor .ikon{ stroke-dasharray:none; stroke-dashoffset:0; animation:none; }
.m1-muhur--iptal{ background: transparent; color: var(--hata); border:1.5px solid var(--hata); box-shadow:none; }
.m1-muhur--iptal::before,.m1-muhur--iptal::after{ display:none; }
.m1-muhur--iptal .ikon{ stroke-dasharray:none; stroke-dashoffset:0; animation:none; }
.m1-kod-blok{ display:flex; flex-direction:column; align-items:center; gap: var(--b-2); margin-top: var(--b-2); }
.m1-kod-etiket{ font-size: var(--fs-2xs); font-weight:800; letter-spacing:.24em; text-transform:uppercase; color: var(--metin-3); }
.m1-bilet{ margin-top: var(--b-4); }
.m1-bilet-bas{ padding: 20px 24px; display:flex; align-items:center; gap:14px; }
.m1-bilet-bas > div{ display:flex; flex-direction:column; gap:2px; min-width:0; flex:1; }
.m1-bilet-berber{ display:block; font-size: var(--fs-md); }
.m1-bilet-hizmet{ font-size: var(--fs-sm); }
.m1-bilet-durum{ flex:none; align-self:flex-start; }
.m1-atandi{ height:22px; font-size: var(--fs-2xs); align-self:flex-start; margin: 2px 0; }
.m1-bilet-cizgi{ border-top:1px dashed var(--cizgi-guclu); margin:0 20px; }
.m1-bilet-govde{ padding: 8px 24px 16px; }
.m1-bilet-tutar{ font-size: var(--fs-lg); }
.m1-onay-eylem{ justify-content:center; margin-top: var(--b-2); }
.m1-onay-alt-link{ justify-content:center; gap: var(--b-6); margin-top: var(--b-2); }
@media (max-width:520px){
  .m1-onay-eylem .btn{ flex:1 1 100%; }
  .m1-bilet-bas{ padding: 18px; flex-wrap:wrap; }
  .m1-bilet-govde{ padding: 8px 18px 14px; }
  .takip-kodu span{ width:44px; height:56px; font-size:1.625rem; }
}

/* Müşteri onayı kutusu (karar E.2) */
.m1-onay-kutu{ width:100%; max-width: 520px; display:flex; flex-direction:column; gap: var(--b-3); padding: var(--b-5); border-radius: var(--r-xl);
  background: var(--yuzey); border:1px solid var(--cizgi-guclu); box-shadow: var(--golge-2), var(--isik-ust); text-align:left; }
.m1-onay-sure{ display:flex; align-items:center; justify-content:space-between; gap: var(--b-3); flex-wrap:wrap; }
.m1-sure-metin{ font-size: var(--fs-sm); color: var(--metin-2); }
.m1-sure-metin b{ font-family: var(--font-baslik); font-size: var(--fs-xl); font-weight:600; color: var(--metin); margin-left:6px; }
.m1-onay-secenekler{ display:flex; flex-direction:column; gap: var(--b-2); }
.m1-onay-secenek{ display:flex; align-items:center; gap: var(--b-4); padding: 16px; border-radius: var(--r-lg); border:1px solid var(--cizgi-guclu); background: var(--yuzey-2);
  transition: border-color var(--sure-hizli) var(--egri), background var(--sure-hizli) var(--egri), transform var(--sure) var(--egri); }
.m1-onay-secenek:hover{ border-color: var(--vurgu); background: var(--vurgu-zemin); transform: translateY(-1px); }
.m1-onay-secenek > .ikon{ flex:none; color: var(--metin-3); }
.m1-onay-secenek--pasif:hover{ transform:none; border-color: var(--cizgi-guclu); background: var(--yuzey-2); }
.m1-onay-ikon{ width:48px; height:48px; border-radius:50%; flex:none; display:grid; place-items:center; background: var(--vurgu); color: var(--vurgu-uzeri); }
.m1-onay-metin{ display:flex; flex-direction:column; gap:2px; flex:1; min-width:0; line-height:1.35; }
.m1-onay-metin b{ font-size: var(--fs-md); }
.m1-onay-metin span{ font-size: var(--fs-xs); color: var(--metin-3); }
.m1-onay-alt{ text-align:center; }

/* ---------- Modal ekleri ---------- */
.m1-modal--genis{ width: min(640px, 100%); }
.m1-zengin{ font-size: var(--fs-sm); color: var(--metin-2); line-height:1.7; }
.m1-zengin p + p{ margin-top: var(--b-3); }
.m1-zengin ul,.m1-zengin ol{ padding-left: 1.2em; list-style: disc; }
.m1-zengin a{ color: var(--metin); text-decoration: underline; }
.m1-ret{ display:flex; flex-direction:column; align-items:center; gap: var(--b-4); text-align:center; color: var(--metin-2); }
.m1-ret .m1-tam-ikon{ width:72px; height:72px; }
.m1-ret-eylem{ justify-content:center; }

/* =====================================================================
   SORGULA (sorgula.html)
   ===================================================================== */
.m1-sorgula{ padding-top: var(--b-10); padding-bottom: var(--b-24); }
.m1-sorgula-bas{ text-align:center; align-items:center; margin-bottom: var(--b-8); }
.m1-sorgula-bas .soluk{ max-width: 46ch; }
.m1-sorgu-kart{ max-width: 520px; margin: 0 auto; padding: var(--b-6); border-radius: var(--r-xl); background: var(--yuzey); border:1px solid var(--cizgi); box-shadow: var(--golge-2), var(--isik-ust); }
.m1-segment{ display:flex; width:100%; padding:4px; border-radius: var(--r-tam); background: var(--zemin-2); border:1px solid var(--cizgi); margin-bottom: var(--b-5); }
.m1-segment button{ flex:1; height:42px; border-radius: var(--r-tam); font-size: var(--fs-sm); font-weight:700; color: var(--metin-3); display:inline-flex; align-items:center; justify-content:center; gap:8px; transition: background var(--sure-hizli) var(--egri), color var(--sure-hizli) var(--egri); }
.m1-segment button .ikon{ width:16px; height:16px; }
.m1-segment button[aria-pressed="true"]{ background: var(--metin); color: var(--zemin); }
.m1-segment button:not([aria-pressed="true"]):hover{ color: var(--metin); }
.m1-sorgu-form{ display:flex; flex-direction:column; gap: var(--b-4); }
.m1-kod-girdi{ text-transform: uppercase; letter-spacing:.32em; font-family: var(--font-baslik); font-size: 1.25rem!important; font-weight:600; }
.m1-kod-girdi::placeholder{ letter-spacing:.18em; font-family: var(--font-govde); font-size: 16px; font-weight:500; text-transform:none; }
.m1-son4{ letter-spacing:.4em; font-variant-numeric: tabular-nums; }
.m1-sorgu-alt{ display:flex; justify-content:center; gap: var(--b-6); margin-top: var(--b-5); font-size: var(--fs-sm); }
.m1-sonuc{ max-width: 640px; margin: var(--b-10) auto 0; }
.m1-sonuc-bas{ display:flex; align-items:baseline; justify-content:space-between; gap: var(--b-3); margin-bottom: var(--b-4); flex-wrap:wrap; }
.m1-sonuc-bas h2{ font-family: var(--font-baslik); font-size: var(--fs-2xl); font-weight:500; }
.m1-sonuc-bas span{ font-size: var(--fs-xs); color: var(--metin-3); letter-spacing:.06em; }
.m1-rv-liste{ display:flex; flex-direction:column; gap: var(--b-5); }
.m1-rv{ max-width:none; }
.m1-rv-bas{ padding: 20px 24px; display:flex; align-items:flex-start; gap:14px; }
.m1-rv-bas > div{ flex:1; min-width:0; display:flex; flex-direction:column; gap:2px; }
.m1-rv-tarih{ font-family: var(--font-baslik); font-size: var(--fs-xl); font-weight:500; line-height:1.2; }
.m1-rv-alt{ font-size: var(--fs-sm); color: var(--metin-3); }
.m1-rv-govde{ padding: 8px 24px 4px; }
.m1-rv-eylem{ display:flex; flex-wrap:wrap; gap: var(--b-2); padding: 12px 24px 20px; }
.m1-rv-eylem .btn{ flex: 1 1 auto; }
.m1-rv-not{ display:flex; align-items:flex-start; gap: var(--b-2); margin: 0 24px 16px; padding: 10px 12px; border-radius: var(--r-md); background: var(--yuzey-2); font-size: var(--fs-xs); color: var(--metin-2); }
.m1-rv-not .ikon{ flex:none; margin-top:1px; }
.m1-rv-kod{ font-family: var(--font-baslik); font-weight:600; letter-spacing:.14em; color: var(--metin); }
.m1-rv .m1-onay-kutu{ margin: 0 24px 16px; width:auto; max-width:none; box-shadow:none; background: var(--yuzey-2); }
@media (max-width:520px){
  .m1-rv-bas{ padding: 18px; flex-wrap:wrap; }
  .m1-rv-govde{ padding: 8px 18px 4px; }
  .m1-rv-eylem{ padding: 12px 18px 18px; }
  .m1-rv-eylem .btn{ flex: 1 1 calc(50% - 8px); }
  .m1-rv-not{ margin: 0 18px 14px; }
  .m1-rv .m1-onay-kutu{ margin: 0 18px 14px; }
}
.m1-gecmis{ margin-top: var(--b-10); border-top:1px solid var(--cizgi); padding-top: var(--b-4); }
.m1-gecmis summary{ list-style:none; cursor:pointer; display:flex; align-items:center; justify-content:space-between; gap: var(--b-3); padding: var(--b-3) 0; font-weight:700; }
.m1-gecmis summary::-webkit-details-marker{ display:none; }
.m1-gecmis summary .ikon{ transition: transform var(--sure) var(--egri); color: var(--metin-3); }
.m1-gecmis[open] summary .ikon{ transform: rotate(180deg); }
.m1-gecmis summary .cok-soluk{ font-weight:600; font-size: var(--fs-sm); }
.m1-gecmis-liste{ display:flex; flex-direction:column; }
.m1-gecmis-oge{ display:flex; align-items:center; gap: var(--b-3); padding: 14px 0; border-bottom:1px dashed var(--cizgi); }
.m1-gecmis-oge:last-child{ border-bottom:0; }
.m1-gecmis-oge > div{ flex:1; min-width:0; display:flex; flex-direction:column; gap:2px; }
.m1-gecmis-oge b{ font-size: var(--fs-sm); }
.m1-gecmis-oge span.cok-soluk{ font-size: var(--fs-xs); }
.m1-gecmis-oge .durum{ flex:none; }
.m1-gecmis-oge--soluk > div,.m1-gecmis-oge--soluk .avatar{ opacity:.6; }
.m1-gecmis-sag{ display:flex; flex-direction:column; align-items:flex-end; gap:6px; flex:none; }
.m1-yildiz-goster{ display:inline-flex; gap:1px; color: var(--metin); }
.m1-yildiz-goster .ikon{ width:13px; height:13px; }
.m1-yildiz-goster .m1-yildiz-bos{ color: var(--metin-3); opacity:.5; }

/* Değerlendirme yıldızları (giriş) */
.m1-yildizlar{ display:flex; justify-content:center; gap: var(--b-2); }
.m1-yildiz{ width:48px; height:48px; border-radius:50%; display:grid; place-items:center; color: var(--metin-3); transition: color var(--sure-hizli), transform var(--sure-hizli) var(--egri); }
.m1-yildiz .ikon{ width:30px; height:30px; }
.m1-yildiz:hover{ transform: scale(1.1); }
.m1-yildiz.m1-yildiz--dolu{ color: var(--metin); }
.m1-yildiz-etiket{ text-align:center; font-size: var(--fs-sm); color: var(--metin-2); min-height: 1.4em; }

/* Erteleme penceresi */
.m1-ertele-ust{ display:flex; align-items:center; justify-content:space-between; gap: var(--b-3); flex-wrap:wrap; font-size: var(--fs-sm); color: var(--metin-2); }
.m1-ertele-ust b{ color: var(--metin); }
.m1-ertele .gun-serit{ margin:0; padding-left:0; padding-right:0; }
.m1-ertele .gun{ width:64px; flex:0 0 auto; }
.m1-ertele .saat-grup:first-child{ margin-top: var(--b-2); }
.m1-iptal-nedenler{ display:flex; flex-wrap:wrap; gap: var(--b-2); }
.m1-iptal-nedenler .cip{ height:36px; font-size: var(--fs-xs); }

/* ---------- Erişilebilirlik / hareket ---------- */
@media (prefers-reduced-motion: reduce){
  .m1-donen,.m1-yukleniyor-btn::before{ animation-duration: 2s; }
  .m1-salla{ animation:none; }
}
@media print{
  .sihirbaz-ust,.ozet-cubuk,.m1-onay-eylem,.m1-onay-alt-link,#m1KodKopyala{ display:none!important; }
}

/* Gizli özet çubuğu klavye/ekran okuyucudan da gizlensin (tasarim.css yalnız kaydırır) */
.ozet-cubuk{ transition: transform var(--sure) var(--egri), visibility 0s linear 0s; }
.ozet-cubuk.ozet-cubuk--gizli{ visibility:hidden; transition: transform var(--sure) var(--egri), visibility 0s linear var(--sure); }

/* Sorgula üst bar */
.m1-ust-baslik{ flex:1; text-align:center; font-family: var(--font-baslik); font-size: var(--fs-lg); font-weight:500; letter-spacing:-.01em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.m1-ust-yeni{ flex:none; }
@media (max-width:420px){ .m1-ust-yeni span{ display:none; } .m1-ust-yeni{ width: var(--btn-y); padding:0; } }
.m1-bakim-not{ max-width:520px; margin: 0 auto var(--b-5); }
.m1-yardim-ikonlu{ display:flex; align-items:center; gap: var(--b-2); }
.m1-yardim-ikonlu .ikon{ flex:none; }

/* Dar ekranda bilet başlığı: durum rozeti adın altına iner (ad sıkışmasın) */
@media (max-width:520px){
  .m1-bilet-bas,.m1-rv-bas{ flex-wrap:wrap; row-gap: var(--b-2); }
  .m1-bilet-bas > div,.m1-rv-bas > div{ flex: 1 1 calc(100% - 80px); }
  .m1-bilet-durum,.m1-rv-bas > .durum{ margin-left: 70px; }
}

/* Kategori çipleri mobilde kaymalı satırda daralmasın (adet sayısı kırpılmasın) */
.kategori-filtre .cip{ flex:none; white-space:nowrap; }
.m1-onay-notu{ margin-top: calc(var(--b-1) * -1); }
/* Tam ekran durumda (online kapalı / bakım / hata) adım göstergesi yok: mobilde de logo ortada görünsün */
body.m1-tam .sihirbaz-ust .marka{ display:flex; margin: 0 auto; }
body.m1-tam .m1-ust-denge{ display:block; }
body.m1-tam .sihirbaz-ust .adimlar,body.m1-tam .m1-ilerleme{ display:none; }