@font-face { font-family: "Plus Jakarta Sans"; font-style: normal; font-weight: 200 800; font-display: swap; src: url(yazi/plus-jakarta-sans-latin-ext-wght-normal.woff2) format("woff2-variations"), url(yazi/plus-jakarta-sans-latin-ext-wght-normal.woff2) format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Plus Jakarta Sans"; font-style: normal; font-weight: 200 800; font-display: swap; src: url(yazi/plus-jakarta-sans-latin-wght-normal.woff2) format("woff2-variations"), url(yazi/plus-jakarta-sans-latin-wght-normal.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
:root {
  --zemin: #f1f5f9;
  --kart: #fff;
  --yazi: #0f172a;
  --soluk: #64748b;
  --cizgi: #e2e8f0;
  --vurgu: #f59e0b;
  --koyu: #020617;
  --hata: #dc2626;
  --tamam: #059669;
  --yaricap: 16px;
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0; background: var(--zemin); color: var(--yazi);
  font: 16px/1.45 "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; -webkit-font-smoothing: antialiased;
  min-height: 100vh;
}
button, input, select, textarea { font: inherit; color: inherit; }
a { color: inherit; }
img { display: block; max-width: 100%; }
[hidden] { display: none !important; }

/* Üst çubuk */
.ust {
  position: sticky; top: 0; z-index: 10; background: var(--koyu); color: #fff; border-bottom: 1px solid #1e293b;
  box-shadow: 0 10px 15px -3px rgba(2,6,23,.25);
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  height: calc(64px + env(safe-area-inset-top)); padding: env(safe-area-inset-top) 16px 0;
}
.logo { display: flex; align-items: center; gap: 8px; font-weight: 800; font-size: 20px; letter-spacing: -.02em; text-decoration: none; color: #fff; white-space: nowrap; }
.logo-ik { width: 32px; height: 32px; border-radius: 8px; background: var(--vurgu); color: var(--koyu); display: grid; place-items: center; flex: none; }
.logo em { font-style: normal; color: #fbbf24; }
.ust-sag { display: flex; align-items: center; gap: 8px; min-width: 0; }
.bakiye { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 600; background: #0f172a; border: 1px solid #1e293b; border-radius: 999px; padding: 6px 14px; white-space: nowrap; color: #e2e8f0; }
.bakiye .ik { color: #fbbf24; }
.bakiye .et { color: #94a3b8; font-weight: 400; display: none; }
.bakiye b { color: #fbbf24; font-weight: 800; }
.cikis { background: none; border: 0; color: #cbd5e1; font-size: 14px; padding: 6px 2px; cursor: pointer; }

/* Sayfa */
.sayfa { max-width: 1024px; margin: 0 auto; padding: 24px 16px 56px; }
h1 { font-size: 24px; line-height: 1.2; margin: 0; font-weight: 800; letter-spacing: -.02em; }
h2 { font-size: 18px; margin: 0; font-weight: 800; letter-spacing: -.01em; }
.baslik-satir { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 16px; }
.geri { display: inline-block; font-size: 14px; color: var(--soluk); text-decoration: none; margin-bottom: 6px; }
.alt { color: var(--soluk); font-size: 14px; margin: 2px 0 0; }

.kart { background: var(--kart); border: 1px solid var(--cizgi); border-radius: var(--yaricap); padding: 20px; margin-bottom: 16px; box-shadow: 0 1px 2px rgba(15,23,42,.05); }
.kart-baslik { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.sayac { font-size: 14px; color: var(--soluk); white-space: nowrap; }
.sayac.tam { color: var(--tamam); font-weight: 600; }

/* Düğmeler */
.dugme {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  min-height: 46px; padding: 0 18px; border-radius: 12px; border: 1px solid var(--vurgu);
  background: var(--vurgu); color: var(--koyu); font-weight: 800; font-size: 14px; cursor: pointer; text-decoration: none; text-align: center;
  box-shadow: 0 4px 12px rgba(245,158,11,.22); transition: background .15s, border-color .15s;
}
.dugme:hover { background: #fbbf24; border-color: #fbbf24; }
.dugme.acik { background: #e2e8f0; color: #1e293b; border-color: #e2e8f0; font-weight: 700; box-shadow: none; }
.dugme.acik:hover { background: #cbd5e1; border-color: #cbd5e1; }
.dugme.koyu { background: var(--koyu); border-color: var(--koyu); color: #fff; box-shadow: none; }
.dugme.koyu:hover { background: #0f172a; border-color: #0f172a; }
.dugme[disabled] { opacity: .45; cursor: not-allowed; }
.dugme.kucuk { min-height: 36px; padding: 0 12px; font-size: 14px; border-radius: 10px; }
.cift { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.cift > * { width: 100%; }

/* Form */
.alan { display: block; margin-bottom: 14px; }
.alan > span { display: block; font-size: 13px; font-weight: 700; color: #334155; margin-bottom: 5px; }
.alan input, .alan select, .alan textarea {
  width: 100%; min-height: 46px; padding: 10px 14px; border: 1px solid var(--cizgi); border-radius: 12px; background: #f8fafc; font-size: 16px; font-weight: 600;
}
.alan textarea { min-height: 90px; resize: vertical; }
.alan input:focus, .alan select:focus, .alan textarea:focus { outline: 2px solid var(--vurgu); outline-offset: 0; background: #fff; }
.alan input::placeholder, .alan textarea::placeholder { color: #94a3b8; font-weight: 500; }
.zorunlu { color: var(--hata); }
.ikili { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.segment { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.segment label { position: relative; }
.segment input { position: absolute; opacity: 0; inset: 0; }
.segment span {
  display: flex; align-items: center; justify-content: center; min-height: 46px; border: 1px solid var(--cizgi);
  border-radius: 12px; background: #fff; text-align: center; padding: 0 6px; font-size: 14px; font-weight: 700;
}
.segment input:checked + span { background: var(--koyu); color: #fff; border-color: var(--koyu); }
.segment input:focus-visible + span { outline: 2px solid var(--vurgu); outline-offset: 2px; }
.hata-yazi { color: var(--hata); font-size: 14px; margin: 8px 0 0; }
.giris-kutu { max-width: 420px; margin: 8vh auto 0; }

/* Araç listesi */
.liste { display: grid; gap: 12px; grid-template-columns: 1fr; }
.arac { display: flex; gap: 12px; align-items: center; padding: 10px; background: #fff; border: 1px solid var(--cizgi); border-radius: var(--yaricap); text-decoration: none; min-width: 0; }
.arac .kapak { width: 96px; height: 64px; border-radius: 10px; object-fit: cover; background: #e2e8f0; flex: none; }
.arac .metin { min-width: 0; flex: 1; }
.arac b { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.arac small { color: var(--soluk); }
.bos { text-align: center; padding: 40px 16px; color: var(--soluk); }
.bos .dugme { margin-top: 14px; }

/* Durum etiketleri */
.etiket { display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; font-weight: 600; border-radius: 999px; padding: 3px 10px; background: #f1f5f9; color: #475569; white-space: nowrap; }
.etiket.hasar { background: #fee2e2; color: #b91c1c; }
.etiket.detay { background: #dbeafe; color: #1d4ed8; }
.etiket.tamam { background: #d1fae5; color: #047857; }
.etiket.uyari { background: #fef3c7; color: #92400e; }
.etiket.hata { background: #fee2e2; color: #b91c1c; }
.bekle {
  width: 12px; height: 12px; border-radius: 50%; border: 2px solid #94a3b8; border-top-color: var(--koyu);
  animation: don .8s linear infinite; display: inline-block;
}
@keyframes don { to { transform: rotate(360deg); } }

/* Açı kutuları */
.acilar { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
.aci { position: relative; border: 1px solid var(--cizgi); border-radius: 12px; overflow: hidden; background: #e2e8f0; padding: 0; cursor: pointer; text-align: left; aspect-ratio: 16 / 10; }
.aci img { width: 100%; height: 100%; object-fit: cover; }
.aci.bos-aci img { opacity: .5; filter: grayscale(.2); }
.aci .ad {
  position: absolute; left: 6px; bottom: 6px; font-size: 13px; font-weight: 600; background: rgba(2,6,23,.82); color: #fff;
  padding: 3px 9px; border-radius: 999px;
}
.aci .arti {
  position: absolute; right: 6px; top: 6px; width: 28px; height: 28px; border-radius: 50%; background: var(--koyu); color: #fff;
  display: grid; place-items: center; font-size: 18px; line-height: 1;
}
.aci.dolu .arti { background: var(--tamam); font-size: 14px; }
.aci .yukle { position: absolute; inset: 0; background: rgba(255,255,255,.7); display: grid; place-items: center; font-size: 14px; font-weight: 600; }
.aci:focus-visible { outline: 2px solid var(--vurgu); outline-offset: 2px; }

/* Ek görseller */
.ekle {
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; min-height: 96px; width: 100%;
  border: 2px dashed #cbd5e1; border-radius: 12px; background: #f8fafc; cursor: pointer; padding: 12px; text-align: center; margin-bottom: 12px;
}
.ekle.surukle { border-color: var(--koyu); background: #fffbeb; }
.ekle b { font-size: 16px; }
.ekle span { color: var(--soluk); font-size: 14px; }
.ekler { display: grid; grid-template-columns: 1fr; gap: 10px; }
.ek { display: flex; gap: 12px; padding: 10px; border: 1px solid var(--cizgi); border-radius: 12px; background: #fff; position: relative; min-width: 0; }
.ek img { width: 96px; height: 96px; object-fit: cover; border-radius: 10px; background: #e2e8f0; flex: none; }
.ek .govde { min-width: 0; flex: 1; display: flex; flex-direction: column; gap: 4px; padding-right: 26px; }
.ek .satir { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.ek .ad { font-weight: 600; overflow-wrap: anywhere; }
.ek .not { font-size: 14px; color: var(--soluk); overflow-wrap: anywhere; }
.ek .sil {
  position: absolute; top: 6px; right: 6px; width: 30px; height: 30px; border-radius: 50%; border: 0; background: transparent;
  color: var(--soluk); font-size: 20px; line-height: 1; cursor: pointer;
}
.ek .sil:hover { background: #f1f5f9; color: var(--yazi); }

/* Video siparişi */
.kaliteler { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-bottom: 14px; }
.kalite { position: relative; }
.kalite input { position: absolute; opacity: 0; inset: 0; }
.kalite span {
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; min-height: 76px;
  border: 1px solid var(--cizgi); border-radius: 12px; background: #fff; padding: 6px; text-align: center;
}
.kalite span b { font-size: 18px; }
.kalite span small { color: var(--soluk); }
.kalite input:checked + span { background: var(--koyu); color: #fff; border-color: var(--koyu); }
.kalite input:checked + span small { color: #cbd5e1; }
.kalite input:focus-visible + span { outline: 2px solid var(--vurgu); outline-offset: 2px; }
.neden { font-size: 14px; color: var(--soluk); margin: 10px 0 0; }
.video-satir { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 12px 0; border-top: 1px solid var(--cizgi); text-decoration: none; }
.video-satir:first-of-type { border-top: 0; }

/* Video sayfası */
.oynatici { width: 100%; max-height: 70vh; background: #000; border-radius: var(--yaricap); display: block; }
.durum-kutu { text-align: center; padding: 36px 16px; }
.durum-kutu .bekle { width: 28px; height: 28px; border-width: 3px; margin-bottom: 12px; }

/* Pencere */
dialog { border: 0; border-radius: 16px; padding: 20px; width: min(440px, calc(100vw - 32px)); box-shadow: 0 20px 60px rgba(0,0,0,.3); }
dialog::backdrop { background: rgba(0,0,0,.45); }
dialog h2 { margin-bottom: 8px; }
dialog p { margin: 0 0 16px; color: var(--soluk); }

.bildirim {
  position: fixed; left: 50%; bottom: 20px; transform: translateX(-50%) translateY(20px); opacity: 0; pointer-events: none;
  background: var(--koyu); color: #fff; padding: 10px 16px; border-radius: 12px; max-width: calc(100vw - 32px); transition: .2s; z-index: 30; font-size: 15px;
}
.bildirim.goster { opacity: 1; transform: translateX(-50%); }
.bildirim.hata { background: var(--hata); }

/* Masaüstü */
@media (min-width: 720px) {
  .sayfa { padding: 32px 24px 56px; }
  h1 { font-size: 26px; }
  .acilar { grid-template-columns: repeat(4, 1fr); }
  .ekler { grid-template-columns: 1fr 1fr; }
  .liste { grid-template-columns: 1fr 1fr; }
  .kart { padding: 24px; }
  .dugme.genis { min-width: 220px; }
  .cift.dar { max-width: 420px; }
}
@media (min-width: 1100px) {
  .ekler { grid-template-columns: 1fr 1fr 1fr; }
  .liste { grid-template-columns: 1fr 1fr 1fr; }
}

/* ===== Sekmeler, anasayfa ve yeni bölümler ===== */
.ust { gap: 16px; }
.sekmeler { display: flex; align-items: stretch; }
.sekmeler a { display: flex; align-items: center; gap: 8px; text-decoration: none; color: #cbd5e1; font-size: 14px; font-weight: 600; position: relative; }
.sekmeler a.aktif { color: #fff; }
.sekmeler .kisa { display: none; }
.sekmeler svg { flex: none; }
.zil { position: relative; background: none; border: 0; color: #cbd5e1; width: 40px; height: 40px; border-radius: 999px; display: grid; place-items: center; cursor: pointer; }
.zil:hover { background: #0f172a; color: #fff; }
.zil-sayi { position: absolute; top: 3px; right: 1px; min-width: 16px; height: 16px; padding: 0 4px; border-radius: 8px; background: var(--vurgu); color: #020617; font-size: 10px; font-weight: 900; display: grid; place-items: center; }

/* Telefon: sekmeler altta */
@media (max-width: 719px) {
  .sekmeler {
    position: fixed; left: 0; right: 0; bottom: 0; z-index: 20; background: #fff; border-top: 1px solid var(--cizgi);
    padding-bottom: env(safe-area-inset-bottom); box-shadow: 0 -4px 18px rgba(15,23,42,.08);
  }
  .sekmeler a { flex: 1; flex-direction: column; justify-content: center; gap: 2px; min-height: 58px; color: #64748b; font-size: 11px; font-weight: 700; padding: 6px 2px; min-width: 0; }
  .sekmeler a.aktif { color: var(--koyu); }
  .sekmeler a.aktif .ik { color: #d97706; }
  .sekmeler a.aktif::before { content: ""; position: absolute; top: 0; left: 28%; right: 28%; height: 3px; border-radius: 0 0 3px 3px; background: var(--vurgu); }
  .sekmeler .uzun { display: none; }
  .sekmeler .kisa { display: block; }
  body.girisli .sayfa { padding-bottom: calc(92px + env(safe-area-inset-bottom)); }
  .bildirim { bottom: calc(76px + env(safe-area-inset-bottom)); }
}
@media (min-width: 720px) {
  .ust { padding-left: 24px; padding-right: 24px; }
  .sekmeler { flex: 1; gap: 4px; margin-left: 12px; }
  .sekmeler a { padding: 8px 14px; border-radius: 8px; }
  .sekmeler a:hover { background: #0f172a; color: #fff; }
  .sekmeler a.aktif { background: #1e293b; }
  .sekmeler a .ik { color: #94a3b8; }
  .sekmeler a.aktif .ik { color: #fbbf24; }
  .bakiye { font-size: 14px; }
}
.sekmeler a { white-space: nowrap; }
@media (min-width: 720px) and (max-width: 1099px) { .sekmeler .uzun { display: none; } .sekmeler .kisa { display: inline; } .sekmeler a { padding: 8px 10px; } }
@media (min-width: 1280px) { .ust { padding-left: calc((100vw - 1280px) / 2 + 24px); padding-right: calc((100vw - 1280px) / 2 + 24px); } }

h3.alt-baslik { font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: var(--soluk); margin: 18px 0 8px; font-weight: 700; }
h3.alt-baslik small { text-transform: none; letter-spacing: 0; font-weight: 400; }
h3.alt-baslik.vurgulu { color: #b45309; }
.metin { min-width: 0; flex: 1; display: flex; flex-direction: column; gap: 2px; }
.metin small { color: var(--soluk); font-size: 13.5px; }
.etiketler { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 4px; }
.ipucu { display: block; color: var(--soluk); font-size: 13px; margin-top: 4px; }
.iki-sutun { display: grid; gap: 0; grid-template-columns: minmax(0, 1fr); }
.iki-sutun-kart { max-width: 760px; }
.dugme.tehlike { background: var(--hata); border-color: var(--hata); color: #fff; box-shadow: none; }
.dugme.tehlike:hover { background: #b91c1c; border-color: #b91c1c; }
.tehlike-yazi { color: var(--hata) !important; border-color: #fecaca !important; }
.tehlike-alan { text-align: center; margin: 4px 0 24px; }
.tehlike-kart { border-color: #fecaca; }
.uyari-kutu { background: #fffbeb; border: 1px solid #fde68a; border-radius: 12px; padding: 10px 12px; margin: 12px 0 0; font-size: 14.5px; color: #78350f; }
.uyari-kutu.buyuk { padding: 14px; margin: 0 0 16px; }
.uyari-kutu.buyuk p { margin: 4px 0 8px; }
.uyari-kutu a { font-weight: 700; }

/* Anasayfa */
.istatistik { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-bottom: 16px; }
.istatistik .kart { margin: 0; padding: 14px; text-decoration: none; display: flex; flex-direction: column; gap: 4px; }
.istatistik b { font-size: 22px; line-height: 1.1; overflow-wrap: anywhere; }
.istatistik span { color: var(--soluk); font-size: 13px; line-height: 1.25; }
.cta { background: var(--koyu); color: #fff; border-color: var(--koyu); display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.cta h2 { color: #fff; }
.cta p { margin: 4px 0 0; color: #cbd5e1; font-size: 14.5px; max-width: 520px; }
.dugme.vurgulu { background: var(--vurgu); border-color: var(--vurgu); color: #020617; }
.kisayollar { display: grid; gap: 10px; grid-template-columns: 1fr; margin-bottom: 16px; }
.kisayol { margin: 0; text-decoration: none; display: flex; flex-direction: column; gap: 3px; }
.kisayol b { font-size: 16px; }
.kisayol span { color: var(--soluk); font-size: 14px; }
.kisayol:hover { border-color: #94a3b8; }
.is-satir { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 0; border-top: 1px solid var(--cizgi); }
.is-satir:first-of-type { border-top: 0; padding-top: 0; }
.is-dugme { display: flex; gap: 8px; flex: none; }
@media (min-width: 720px) { .kisayollar { grid-template-columns: repeat(3, 1fr); } .istatistik b { font-size: 26px; } }
@media (max-width: 380px) { .istatistik b { font-size: 18px; } }

/* Araç listesi: filtre */
.filtre { display: flex; flex-direction: column; gap: 10px; margin-bottom: 14px; }
.cipler { display: flex; gap: 8px; overflow-x: auto; padding-bottom: 2px; }
.cip { border: 1px solid var(--cizgi); background: #fff; border-radius: 999px; padding: 8px 16px; min-height: 40px; cursor: pointer; white-space: nowrap; font-weight: 600; }
.cip.secili { background: var(--koyu); color: #fff; border-color: var(--koyu); }
.ara { width: 100%; min-height: 46px; border: 1px solid var(--cizgi); border-radius: 12px; padding: 0 14px; background: #fff; }
.ara:focus { outline: 2px solid var(--vurgu); outline-offset: 1px; }
@media (min-width: 720px) { .filtre { flex-direction: row; align-items: center; justify-content: space-between; } .ara { max-width: 340px; } }

/* Araç sayfası: bilgiler, vitrin, durum, geçmiş */
.bilgi { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 16px; margin: 0; }
.bilgi div { min-width: 0; }
.bilgi dt { font-size: 12.5px; color: var(--soluk); }
.bilgi dd { margin: 1px 0 0; font-weight: 600; overflow-wrap: anywhere; }
.bilgi dd.yok { color: #94a3b8; font-weight: 400; }
.bilgi.tek { grid-template-columns: 1fr; }
@media (min-width: 720px) { .bilgi { grid-template-columns: repeat(3, minmax(0, 1fr)); } .bilgi.tek { grid-template-columns: 1fr 1fr; } }
.kopya { display: flex; gap: 8px; align-items: center; }
.kopya input { flex: 1; min-width: 0; min-height: 36px; border: 1px solid var(--cizgi); border-radius: 10px; padding: 0 10px; background: #f8fafc; font-size: 14px; }
.seg-dugme { min-height: 46px; border: 1px solid var(--cizgi); border-radius: 10px; background: #fff; cursor: pointer; font-weight: 600; padding: 0 6px; }
.seg-dugme.secili { background: var(--koyu); color: #fff; border-color: var(--koyu); }
.gecmis { list-style: none; margin: 12px 0 0; padding: 0; }
.gecmis li { display: flex; justify-content: space-between; gap: 12px; padding: 8px 0; border-top: 1px solid var(--cizgi); font-size: 14.5px; flex-wrap: wrap; }
.gecmis small { color: var(--soluk); }
details > summary { cursor: pointer; list-style: none; }
details > summary::-webkit-details-marker { display: none; }
details > summary h2::after { content: " ▾"; color: var(--soluk); font-size: 14px; }
.ikili .ikili { grid-column: auto; }

/* Tanıtım kartı */
.adimlar { list-style: none; display: flex; gap: 8px; padding: 0; margin: 0 0 16px; max-width: 760px; }
.adimlar li { flex: 1; display: flex; align-items: center; gap: 8px; font-size: 14px; color: var(--soluk); padding: 8px 10px; border-radius: 10px; background: #f1f5f9; min-width: 0; }
.adimlar li i { font-style: normal; width: 22px; height: 22px; border-radius: 50%; background: #cbd5e1; color: #fff; display: grid; place-items: center; font-size: 12px; font-weight: 700; flex: none; }
.adimlar li.simdi { background: var(--koyu); color: #fff; }
.adimlar li.simdi i { background: var(--vurgu); color: #020617; }
.adimlar li.tamam i { background: var(--tamam); }
@media (max-width: 480px) { .adimlar li { font-size: 12.5px; padding: 8px 6px; gap: 5px; } .adimlar li i { width: 18px; height: 18px; font-size: 11px; } }
.secimler { display: grid; gap: 8px; grid-template-columns: 1fr; }
.secim { display: flex; align-items: center; gap: 12px; padding: 10px; background: #fff; border: 1px solid var(--cizgi); border-radius: var(--yaricap); text-decoration: none; min-width: 0; }
.secim:hover { border-color: #94a3b8; }
.secim .kapak { width: 72px; height: 48px; border-radius: 8px; object-fit: cover; background: #e2e8f0; flex: none; }
@media (min-width: 720px) { .secimler { grid-template-columns: 1fr 1fr; } }
.ozet summary { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.ozet .bilgi { margin-top: 12px; }
.tik { color: var(--tamam); font-weight: 800; }
.orijinal { --ek: #10b981; } .boyali { --ek: #2563eb; } .lokal_boyali { --ek: #f59e0b; } .degisen { --ek: #dc2626; }
.isaret-sec { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin-bottom: 14px; }
.isaret { display: flex; flex-direction: column; align-items: center; gap: 1px; min-height: 66px; padding: 6px 2px; border: 1.5px solid var(--cizgi); background: #fff; border-radius: 12px; cursor: pointer; min-width: 0; }
.isaret b { font-size: 16px; color: var(--ek); }
.isaret span { font-size: 12px; font-weight: 600; white-space: nowrap; }
.isaret small { font-size: 11px; color: var(--soluk); }
.harita-yan { display: flex; justify-content: space-between; max-width: 400px; margin: 0 auto 4px; font-size: 11px; letter-spacing: .1em; color: var(--soluk); font-weight: 700; }
.harita { position: relative; width: 100%; max-width: 400px; margin: 0 auto; background: #fff; border: 1px solid var(--cizgi); border-radius: 14px; overflow: hidden; }
.harita img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; user-select: none; }
.nokta { position: absolute; transform: translate(-50%, -50%); width: 38px; height: 38px; border-radius: 50%; border: 2px solid var(--ek); background: #fff; color: var(--ek); font-weight: 800; font-size: 12px; cursor: pointer; display: grid; place-items: center; padding: 0; }
.nokta.boyali { background: var(--ek); color: #fff; }
.nokta.degisen { background: var(--ek); color: #fff; }
.nokta.lokal_boyali { background: var(--ek); color: #020617; border: 2px dashed #020617; }
.nokta:focus-visible { outline: 3px solid var(--vurgu); outline-offset: 2px; }
.nokta.kucuk { position: static; transform: none; width: 30px; height: 30px; flex: none; cursor: default; }
.isaretliler { list-style: none; padding: 0; margin: 0; display: grid; gap: 8px; }
.isaretliler li { display: flex; align-items: center; gap: 12px; padding: 8px 8px 8px 12px; border: 1px solid var(--cizgi); border-radius: 12px; }
.isaretliler li > span:nth-child(2) { flex: 1; display: flex; flex-direction: column; }
.isaretliler small { color: var(--soluk); }
.isaretliler .sil { width: 36px; height: 36px; border-radius: 10px; border: 1px solid var(--cizgi); background: #fff; font-size: 20px; cursor: pointer; color: var(--soluk); }
.logo-satir { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; flex-wrap: wrap; }
.logo-onizleme { width: 72px; height: 48px; object-fit: contain; background: #fff; border: 1px solid var(--cizgi); border-radius: 10px; flex: none; }
.logo-onizleme.bos { display: grid; place-items: center; border: 1.5px dashed #cbd5e1; font-size: 11px; font-weight: 800; color: var(--soluk); }
.logo-dugmeler { display: flex; gap: 8px; }
.radyo { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border: 1.5px solid var(--cizgi); border-radius: 12px; margin-bottom: 8px; cursor: pointer; background: #fff; }
.radyo.secili { border-color: var(--koyu); }
.radyo.kapali { opacity: .5; cursor: not-allowed; }
.radyo input { width: 20px; height: 20px; accent-color: var(--koyu); flex: none; }
.radyo span { flex: 1; display: flex; flex-direction: column; min-width: 0; }
.radyo small { color: var(--soluk); font-size: 13.5px; }
.radyo em { font-style: normal; }
.karekod-kutu { display: flex; gap: 14px; align-items: center; margin-top: 12px; }
.karekod-kutu svg { border: 1px solid var(--cizgi); border-radius: 8px; flex: none; }
.sabit-alt { margin-top: 16px; }
.onizleme-duzen { display: grid; gap: 16px; grid-template-columns: minmax(0, 1fr); align-items: start; }
.kagit-kap { width: 100%; max-width: 794px; overflow: hidden; border-radius: 6px; box-shadow: 0 6px 28px rgba(0,0,0,.18); background: #fff; height: 520px; }
.kagit { width: 794px; height: 1123px; transform-origin: 0 0; background: #fff; }
.kagit iframe { width: 794px; height: 1123px; border: 0; display: block; background: #fff; }
.yan-secenek { margin: 0; }
.yan-secenek h2 { margin-bottom: 12px; }
.segment.iki { grid-template-columns: 1fr 1fr; }
.onay { display: flex; align-items: center; gap: 10px; margin: 0 0 12px; font-size: 15px; }
.onay input { width: 18px; height: 18px; accent-color: var(--koyu); }
.yan-secenek .dugme { width: 100%; }
@media (min-width: 1000px) { .onizleme-duzen { grid-template-columns: minmax(0, 794px) 320px; } .iki-sutun { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px; } .iki-sutun > div { min-width: 0; } }

/* Galeri profili, ekip, hesap */
.kod { font-size: 28px; font-weight: 800; letter-spacing: 3px; overflow-wrap: anywhere; }
.kod-kart.aktif { border-color: var(--vurgu); border-width: 2px; }
.kod-dugmeler { display: flex; flex-wrap: wrap; gap: 8px; }
.uye { display: flex; align-items: center; gap: 12px; padding: 10px 0; border-top: 1px solid var(--cizgi); }
.uye:first-of-type { border-top: 0; }
.uye.bekliyor { background: #fffbeb; margin: 0 -8px; padding: 10px 8px; border-radius: 10px; }
.avatar { width: 40px; height: 40px; border-radius: 50%; background: var(--koyu); color: var(--vurgu); display: grid; place-items: center; font-weight: 800; flex: none; }
.uye-dugme { display: flex; gap: 6px; flex: none; flex-wrap: wrap; justify-content: flex-end; }
.uye-islemler { display: flex; gap: 8px; margin-top: 14px; flex-wrap: wrap; }
.gecici { font-size: 18px; margin: 0 0 4px; color: var(--yazi); }
.bakiye-buyuk { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.bakiye-buyuk b { font-size: 28px; }
.bakiye-buyuk span { color: var(--soluk); font-size: 14px; }
.tablo-kap { overflow-x: auto; }
.tablo { width: 100%; border-collapse: collapse; font-size: 14px; }
.tablo th { text-align: left; font-size: 12px; color: var(--soluk); font-weight: 700; padding: 6px 8px; border-bottom: 1px solid var(--cizgi); white-space: nowrap; }
.tablo td { padding: 9px 8px; border-bottom: 1px solid #f1f5f9; vertical-align: top; }
.tablo .sag { text-align: right; white-space: nowrap; }
.tablo .arti { color: var(--tamam); font-weight: 600; }
.anahtar-satir { display: flex; align-items: center; gap: 12px; padding: 10px 0; border-top: 1px solid #f1f5f9; cursor: pointer; }
.anahtar { position: relative; width: 46px; height: 28px; flex: none; }
.anahtar input { position: absolute; inset: 0; opacity: 0; width: 100%; height: 100%; margin: 0; cursor: pointer; z-index: 1; }
.anahtar i { position: absolute; inset: 0; border-radius: 999px; background: #cbd5e1; transition: .15s; }
.anahtar i::after { content: ""; position: absolute; top: 3px; left: 3px; width: 22px; height: 22px; border-radius: 50%; background: #fff; transition: .15s; box-shadow: 0 1px 3px rgba(0,0,0,.25); }
.anahtar input:checked + i { background: var(--tamam); }
.anahtar input:checked + i::after { transform: translateX(18px); }
.anahtar input:disabled + i { opacity: .55; }
.anahtar input:focus-visible + i { outline: 2px solid var(--vurgu); outline-offset: 2px; }
.aydinlatma { margin: 14px 0 0; border: 1px solid var(--cizgi); border-radius: 12px; padding: 12px 14px; }
.aydinlatma summary { font-weight: 700; }
.aydinlatma h4 { margin: 14px 0 2px; font-size: 14px; }
.aydinlatma p { margin: 0; color: var(--soluk); font-size: 14px; line-height: 1.5; }
dialog.genis-pencere { width: min(520px, calc(100vw - 32px)); }
dialog .alan:last-of-type { margin-bottom: 10px; }
.yan-secenek .kopya .dugme { width: auto; }
.ozet summary { display: block; }
.ozet summary .tik { margin-right: 4px; }
@media (max-width: 480px) { .istatistik b { font-size: 18px; white-space: nowrap; } .istatistik .kart { padding: 12px; } }

/* ===== Yeni tema: Gemini tasarımı (slate + amber, Plus Jakarta Sans) ===== */
.ik { flex: none; }
.geri { font-weight: 700; color: var(--soluk); }
.geri:hover { color: var(--yazi); }
.sayfa-bas { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; padding-bottom: 16px; margin-bottom: 20px; border-bottom: 1px solid var(--cizgi); }
.sayfa-bas h1 { font-size: 22px; font-weight: 900; }
.sayfa-bas .alt { font-size: 13px; }
.adim-rozet { font-size: 12px; font-weight: 800; padding: 4px 12px; background: #fef3c7; color: #92400e; border-radius: 999px; white-space: nowrap; }
.etiket { font-weight: 700; }
.cip { font-weight: 700; font-size: 14px; }
.avatar { background: var(--koyu); color: #fbbf24; }

/* Form kutuları */
.kutu-baslik { display: flex; align-items: center; gap: 8px; margin: 0 0 16px; padding-bottom: 10px; border-bottom: 1px solid #f1f5f9; font-size: 16px; font-weight: 800; }
.kutu-baslik.amber { color: #d97706; }
.kutu-baslik.mavi { color: #2563eb; }
.rozet-ops { margin-left: auto; font-size: 11px; font-weight: 700; color: #64748b; background: #f1f5f9; padding: 3px 10px; border-radius: 999px; }
.izgara { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 12px; }
.izgara .tam { grid-column: 1 / -1; }
.izgara > .alan { min-width: 0; }
.izgara .alan:last-child { margin-bottom: 14px; }
@media (min-width: 720px) {
  .izgara { grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 16px; }
  .izgara.dort { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .izgara .tam { grid-column: auto; }
}
.alan > .plaka-kutu { display: flex; align-items: stretch; margin: 0; border: 1px solid #cbd5e1; border-radius: 12px; overflow: hidden; background: #fff; font-size: inherit; font-weight: inherit; color: inherit; }
.plaka-kutu:focus-within { outline: 2px solid var(--vurgu); }
.plaka-kutu b { background: #1d4ed8; color: #fff; font-weight: 900; font-size: 11px; display: grid; place-items: center; padding: 0 12px; border-right: 1px solid #1e40af; }
.alan .plaka-kutu input { border: 0; border-radius: 0; background: #fff; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.alan .plaka-kutu input:focus { outline: 0; }
.segment.iki { grid-template-columns: 1fr 1fr; }
.segment input:checked + span { background: var(--koyu); color: #fff; border-color: var(--koyu); }

/* Anasayfa */
.selam { display: flex; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap; }
.selam-sol { display: flex; align-items: center; gap: 14px; min-width: 0; }
.avatar.buyuk { width: 48px; height: 48px; border-radius: 12px; font-size: 19px; font-weight: 900; box-shadow: 0 4px 8px rgba(2,6,23,.2); }
.selam h1 { font-size: 22px; font-weight: 800; }
.selam-alt { margin: 3px 0 0; font-size: 11px; font-weight: 800; letter-spacing: .05em; color: #94a3b8; overflow-wrap: anywhere; }
.bak-rozet { display: inline-flex; align-items: center; gap: 8px; background: var(--koyu); color: #fbbf24; border-radius: 12px; padding: 10px 16px; font-size: 12px; font-weight: 800; text-decoration: none; box-shadow: 0 4px 8px rgba(2,6,23,.18); }
.bak-rozet b { font-weight: 800; }
@media (max-width: 519px) { .bak-rozet { width: 100%; justify-content: center; } }
.bolum-baslik { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; margin: 24px 0 14px; }
.bolum-baslik h2 { font-size: 18px; font-weight: 800; }
.bolum-baslik span { font-size: 12px; font-weight: 700; color: #94a3b8; }
.moduller { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; }
@media (min-width: 720px) { .moduller { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.mod { background: #fff; border: 1px solid var(--cizgi); border-radius: 16px; padding: 24px; display: flex; flex-direction: column; justify-content: space-between; gap: 16px; box-shadow: 0 1px 2px rgba(15,23,42,.05); }
.mod-ust { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; }
.mod h3 { font-size: 20px; font-weight: 800; margin: 12px 0 0; letter-spacing: -.01em; }
.mod p { margin: 4px 0 0; font-size: 12.5px; color: #64748b; }
.mod-rozet { display: inline-block; font-size: 10px; font-weight: 800; letter-spacing: .06em; padding: 4px 10px; border-radius: 999px; border: 1px solid transparent; }
.mod-ikon { width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; flex: none; }
.mod .dugme { width: 100%; }
.dugme.hafif { background: #f1f5f9; border-color: #f1f5f9; }
.dugme.hafif:hover { background: #e2e8f0; border-color: #e2e8f0; }
.mod.video { background: var(--koyu); border-color: #1e293b; color: #fff; box-shadow: 0 20px 25px -5px rgba(2,6,23,.25); }
.mod.video h3 { color: #fff; } .mod.video p { color: #94a3b8; }
.mod.video .mod-rozet { background: rgba(245,158,11,.2); color: #fbbf24; border-color: rgba(245,158,11,.3); }
.mod.video .mod-ikon { background: #0f172a; border: 1px solid #1e293b; color: #fbbf24; }
.mod.tanitim .mod-rozet { background: #eff6ff; color: #2563eb; border-color: #dbeafe; } .mod.tanitim .mod-ikon { background: #eff6ff; color: #2563eb; }
.mod.envanter .mod-rozet { background: #ecfdf5; color: #059669; border-color: #d1fae5; } .mod.envanter .mod-ikon { background: #ecfdf5; color: #059669; }
.mod.galeri .mod-rozet { background: #faf5ff; color: #9333ea; border-color: #f3e8ff; } .mod.galeri .mod-ikon { background: #faf5ff; color: #9333ea; }

/* Tanıtım kartı: üst kart, adımlar, ekspertiz */
.kart-ust-satir { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; padding-bottom: 12px; margin-bottom: 14px; border-bottom: 1px solid #f1f5f9; }
.ust-et { display: block; font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: #94a3b8; margin-bottom: 2px; }
.kart-ust h2 { font-size: 20px; font-weight: 800; overflow-wrap: anywhere; }
.duz-link { font: inherit; font-size: 12px; font-weight: 700; color: #d97706; text-decoration: none; background: none; border: 0; cursor: pointer; text-align: right; padding: 0; max-width: 140px; }
.duz-link:hover { text-decoration: underline; }
.adimlar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; max-width: none; margin: 0; }
.adimlar li { padding: 12px; border-radius: 12px; background: #f1f5f9; color: #64748b; font-weight: 700; font-size: 12px; }
.adimlar li span { min-width: 0; line-height: 1.15; }
.adimlar li i { width: 24px; height: 24px; background: #cbd5e1; color: #334155; font-size: 10px; font-weight: 800; }
.adimlar li.simdi { background: var(--koyu); color: #fff; box-shadow: 0 4px 8px rgba(2,6,23,.2); }
.adimlar li.simdi i { background: var(--vurgu); color: var(--koyu); }
.adimlar li.tamam i { background: #059669; color: #fff; }
@media (max-width: 480px) { .adimlar li { padding: 10px 8px; gap: 6px; font-size: 11.5px; } .adimlar li i { width: 22px; height: 22px; } }
.tamam-kutu { margin-top: 12px; background: #ecfdf5; border: 1px solid #d1fae5; border-radius: 12px; padding: 10px 12px; color: #065f46; font-size: 12.5px; font-weight: 700; }
.tamam-kutu summary { display: flex; align-items: center; gap: 8px; cursor: pointer; list-style: none; }
.tamam-kutu summary::after { content: "▾"; margin-left: auto; color: #10b981; }
.tamam-kutu summary span { min-width: 0; overflow-wrap: anywhere; }
.tamam-kutu .bilgi { margin-top: 12px; color: var(--yazi); }
.tamam-kutu .bilgi dt { color: #047857; }
.kart-ust .uyari-kutu.buyuk { margin: 12px 0 0; }
.rozet-say { background: #f1f5f9; padding: 6px 12px; border-radius: 12px; font-weight: 700; color: #475569; font-size: 12px; white-space: normal; text-align: center; }
.isaret-sec { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
@media (min-width: 640px) { .isaret-sec { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.isaret { min-height: 74px; border: 1px solid var(--cizgi); border-radius: 12px; padding: 10px 4px; transition: border-color .15s; }
.isaret:hover { border-color: var(--ek); }
.isaret b { font-size: 15px; font-weight: 900; }
.isaret span { font-size: 12px; font-weight: 800; }
.isaret.secili { border: 2px solid var(--koyu); background: #f8fafc; color: var(--yazi); box-shadow: 0 1px 2px rgba(15,23,42,.08); padding: 9px 3px; }
.harita { background: #fff; border-radius: 16px; }
.nokta { width: 34px; height: 34px; border: 2px solid #fff; background: var(--ek); color: #fff; font-size: 11px; font-weight: 800; box-shadow: 0 1px 4px rgba(2,6,23,.4); transition: transform .12s; }
.nokta.lokal_boyali { background: var(--ek); color: #fff; border: 2px solid #fff; }
.nokta:hover { transform: translate(-50%, -50%) scale(1.1); }
.nokta.kucuk { width: 26px; height: 26px; font-size: 10px; box-shadow: none; }
.nokta.kucuk:hover { transform: none; }
.isaretliler li { background: #f8fafc; }
.radyo { border: 1px solid var(--cizgi); }
.radyo.secili { border: 2px solid var(--koyu); background: #f8fafc; padding: 11px 13px; }
.chip360 { font-style: normal; width: 32px; height: 32px; border-radius: 8px; background: #fffbeb; color: #d97706; font-weight: 900; font-size: 11px; display: grid; place-items: center; flex: none; }
.logo-satir { background: #f8fafc; border: 1px solid var(--cizgi); border-radius: 12px; padding: 12px; margin-bottom: 0; flex-wrap: nowrap; }
.logo-satir .metin { flex: 1; }
.logo-satir .dugme { background: #fff; border-color: #cbd5e1; color: #1e293b; box-shadow: 0 1px 2px rgba(15,23,42,.06); }
.logo-onizleme.bos { width: 56px; height: 56px; border-radius: 12px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0; border: 2px dashed #cbd5e1; color: #94a3b8; font-size: 10px; font-weight: 800; background: #fff; }
.logo-onizleme.bos small { font-size: 10px; font-weight: 800; color: #94a3b8; }
.secim { padding: 12px; border-radius: 12px; }
.secim:hover { border-color: var(--vurgu); background: #fffbeb; }
.sec-chip { font-size: 12px; font-weight: 800; color: #d97706; background: #fffbeb; padding: 5px 10px; border-radius: 8px; white-space: nowrap; flex: none; }
.secim-alt { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-top: 16px; padding-top: 14px; border-top: 1px solid #f1f5f9; }
.cift.sabit-alt { max-width: 520px; }
.cift .dugme span { min-width: 0; }
.dugme { line-height: 1.2; padding-top: 8px; padding-bottom: 8px; }
.kart p > a:not(.dugme), .kart-ust a:not(.dugme):not(.duz-link) { color: #d97706; font-weight: 700; }
@media (min-width: 1100px) { .bakiye .et { display: inline; } }
@media (min-width: 720px) and (max-width: 959px) {
  .sekmeler { margin-left: 4px; gap: 2px; }
  .sekmeler a:not(.aktif) { padding: 8px 10px; }
  .sekmeler a:not(.aktif) .kisa { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
}
.logo-satir .logo-onizleme { align-self: center; }

/* ===== Sadeleştirme (telefon öncelikli) ===== */
.selam-tek { font-size: 22px; font-weight: 800; margin: 0 0 16px; }
.sayfa-baslik { font-size: 22px; font-weight: 900; margin: 0 0 16px; overflow-wrap: anywhere; }
.moduller { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px; }
.mod { display: flex; flex-direction: column; justify-content: flex-start; gap: 6px; padding: 16px; text-decoration: none; color: inherit; transition: border-color .15s, transform .1s; min-width: 0; }
.mod:hover { border-color: var(--vurgu); }
.mod:active { transform: scale(.98); }
.mod .mod-ikon { margin-bottom: 6px; }
.mod b { font-size: 15px; font-weight: 800; line-height: 1.2; letter-spacing: -.01em; }
.mod small { font-size: 12.5px; color: #64748b; line-height: 1.35; }
.mod.video small { color: #94a3b8; }
.mod.video:hover { border-color: var(--vurgu); }
@media (min-width: 720px) { .mod { padding: 24px; } .mod b { font-size: 18px; } .mod small { font-size: 13.5px; } .moduller { gap: 16px; } .selam-tek { font-size: 26px; margin-bottom: 20px; } .sayfa-baslik { font-size: 26px; } }
.satir-link { display: flex; align-items: center; gap: 12px; text-decoration: none; color: inherit; padding: 14px 16px; }
.satir-link .ik { color: #64748b; }
.satir-link .metin small { color: var(--soluk); }
.satir-link .ok { margin-left: auto; font-size: 24px; color: #94a3b8; line-height: 1; }
.satir-link:hover { border-color: #cbd5e1; }
.katlanir > summary { display: block; }
.katlanir > summary h2 { display: inline; }
.katlanir > summary small { display: block; margin-top: 4px; font-size: 13px; }
.uyari-yazi { color: #b45309; font-weight: 700; }
.ic-bolum { border-top: 1px solid var(--cizgi); padding-top: 16px; margin-top: 16px; }
.ic-bolum h3 { font-size: 16px; font-weight: 800; margin: 0; }
.ic-bolum .kart-baslik { margin-bottom: 10px; align-items: center; }
.ic-bolum.tehlike-alan { text-align: center; margin-bottom: 0; }
.kart-ust-satir.duz { border: 0; padding: 0; margin: 0 0 16px; align-items: baseline; }
.kart-ust-satir.duz .sayfa-baslik { margin: 0; font-size: 20px; }
.kart-ust-satir.duz .duz-link { max-width: none; white-space: nowrap; }
.yan-secenek .cift .dugme { width: 100%; }
.isaret-sec { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 8px; }
.isaret { min-height: 58px; padding: 8px 2px; }
.isaret.secili { padding: 7px 1px; }
.isaret span { white-space: normal; text-align: center; font-size: 11.5px; line-height: 1.15; }

/* Anasayfa: modüller ekranı kaplar, altında çıkış */
.ana-duzen { display: flex; flex-direction: column; gap: 14px; height: calc(100dvh - 64px - env(safe-area-inset-top) - 24px - 92px - env(safe-area-inset-bottom)); min-height: 420px; }
.ana-duzen .selam-tek { margin: 0; }
.tarih { margin: 0 0 2px; font-size: 13px; font-weight: 700; color: #94a3b8; }
.moduller.dolu-ekran { flex: 1; min-height: 0; grid-template-rows: repeat(2, minmax(0, 1fr)); }
.dolu-ekran .mod { justify-content: space-between; gap: 10px; }
.dolu-ekran .mod .mod-ikon { width: 48px; height: 48px; border-radius: 14px; margin: 0; }
.mod-metin { display: flex; flex-direction: column; gap: 4px; }
.cikis-dugme { width: 100%; flex: none; }
@media (min-width: 720px) {
  /* Masaüstü: ekranı kaplamaz, sade kartlar */
  .ana-duzen { height: auto; min-height: 0; gap: 18px; max-width: 880px; }
  .moduller.dolu-ekran { flex: none; grid-template-rows: none; }
  .dolu-ekran .mod { justify-content: flex-start; gap: 14px; padding: 22px; }
  .dolu-ekran .mod .mod-ikon { width: 44px; height: 44px; border-radius: 12px; }
  .cikis-dugme { width: auto; align-self: flex-start; min-width: 200px; }
}

/* ---------- Toplu yükleme + kaydırmalı inceleme (01.11.2026) ---------- */
.ayirma { display: flex; align-items: center; gap: 10px; padding: 12px; border-radius: 12px; background: #fffbeb; border: 1px solid #fde68a; font-size: 14px; margin-bottom: 12px; }
.ayirma .bekle { flex: none; }
#incele { width: 100%; margin-bottom: 4px; }
h3.aci-baslik { display: flex; justify-content: space-between; align-items: center; }
h3.aci-baslik .sayac { font-size: 13px; letter-spacing: 0; text-transform: none; }
.aci.supheli { border: 2px solid var(--vurgu); }
.aci.supheli .arti { background: var(--vurgu); color: #111827; font-weight: 800; }
.ek-resim { padding: 0; border: 0; background: none; cursor: pointer; flex: none; border-radius: 10px; }

dialog.incele {
  width: 100vw; max-width: 100vw; height: 100dvh; max-height: 100dvh; margin: 0; padding: 0; border-radius: 0;
  background: #0b1120; color: #fff; display: flex; flex-direction: column; overflow: hidden;
}
dialog.incele:not([open]) { display: none; }
.in-ust { display: flex; align-items: center; gap: 10px; padding: calc(10px + env(safe-area-inset-top)) 12px 10px; flex: none; }
.in-sayac { font-weight: 700; flex: 1; }
.in-tumu { background: transparent; border: 1px solid rgba(255,255,255,.35); color: #fff; border-radius: 999px; padding: 7px 14px; font: inherit; font-size: 14px; font-weight: 700; cursor: pointer; }
.in-kapat { width: 40px; height: 40px; border-radius: 50%; border: 0; background: rgba(255,255,255,.14); color: #fff; font-size: 24px; line-height: 1; cursor: pointer; flex: none; }
.in-resim { flex: 1; min-height: 0; display: grid; place-items: center; touch-action: pan-y; user-select: none; padding: 0 8px 10px; }
.in-resim img { max-width: 100%; max-height: 100%; object-fit: contain; border-radius: 8px; -webkit-user-drag: none; pointer-events: none; }
.in-alt { background: #fff; color: var(--yazi); border-radius: 18px 18px 0 0; padding: 14px 16px 12px; display: flex; flex-direction: column; gap: 10px; max-height: 62dvh; overflow: auto; flex: none; }
.in-etiket-satir { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.in-etiket { display: inline-flex; align-items: center; gap: 6px; border: 1px solid var(--cizgi); background: #f8fafc; border-radius: 12px; min-height: 44px; padding: 0 14px; font: inherit; font-weight: 700; font-size: 15px; cursor: pointer; color: var(--yazi); }
.in-etiket[disabled] { cursor: default; }
.in-etiket.aci { background: #d1fae5; border-color: #a7f3d0; color: #047857; }
.in-etiket.hasar { background: #fee2e2; border-color: #fecaca; color: #b91c1c; }
.in-etiket.detay { background: #dbeafe; border-color: #bfdbfe; color: #1d4ed8; }
.in-etiket.hata { background: #fee2e2; border-color: #fecaca; color: #b91c1c; }
dialog .in-yorum { margin: 0; font-size: 15px; line-height: 1.45; color: var(--yazi); }
.baglanti { background: none; border: 0; padding: 0; color: #b45309; font: inherit; font-weight: 700; text-decoration: underline; cursor: pointer; }
dialog .in-soru { margin: 0; font-weight: 700; color: var(--yazi); }
.in-alt h4 { margin: 2px 0 0; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: var(--soluk); }
.secimler { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
.secim { min-height: 42px; border: 1px solid var(--cizgi); border-radius: 10px; background: #fff; color: var(--yazi); font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; padding: 6px 8px; }
.secim.secili { background: var(--koyu); color: #fff; border-color: var(--koyu); }
dialog .in-ipucu { margin: -4px 0 0; font-size: 13px; }
.in-alt textarea { width: 100%; font: inherit; font-size: 16px; padding: 10px 12px; border: 1px solid var(--cizgi); border-radius: 10px; resize: vertical; }
.in-alt-dugme .dugme { min-width: 0; }
.in-alt-dugme:only-child, .in-alt-dugme > .dugme:only-child { grid-column: 1 / -1; }
.in-serit { display: flex; gap: 6px; overflow-x: auto; padding: 8px 12px calc(8px + env(safe-area-inset-bottom)); background: #fff; flex: none; border-top: 1px solid var(--cizgi); }
.in-serit button { flex: none; width: 52px; height: 52px; padding: 0; border: 2px solid transparent; border-radius: 8px; overflow: hidden; background: #e2e8f0; cursor: pointer; }
.in-serit button.supheli { border-color: var(--vurgu); }
.in-serit button.secili { border-color: var(--koyu); box-shadow: 0 0 0 2px var(--koyu); }
.in-serit img { width: 100%; height: 100%; object-fit: cover; }
.in-ozet { flex: 1; min-height: 0; overflow: auto; background: #fff; color: var(--yazi); padding: 16px; display: flex; flex-direction: column; gap: 14px; }
dialog .in-ozet-baslik { margin: 0; color: var(--yazi); font-size: 15px; }
@media (min-width: 720px) {
  dialog.incele { width: min(760px, calc(100vw - 48px)); height: min(900px, calc(100dvh - 48px)); margin: auto; border-radius: 18px; }
  .secimler { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .in-ozet .acilar { grid-template-columns: repeat(4, 1fr); }
}

/* Açı fotoğrafları (video sayfası) */
.aci-kart { margin-top: 16px; }
.aci-izgara { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
@media (min-width: 720px) { .aci-izgara { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.aci-kutu { display: flex; flex-direction: column; gap: 6px; padding: 0; border: 0; background: none; text-align: left; font: inherit; color: inherit; cursor: pointer; min-width: 0; }
.aci-kutu img, .aci-yer { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 10px; background: #f1f5f9; border: 1px solid var(--cizgi); display: block; }
.aci-yer { display: grid; place-items: center; color: #94a3b8; }
.aci-yer .bekle { width: 20px; height: 20px; border-width: 3px; }
.aci-kutu.bos { cursor: default; }
.aci-kutu span { font-size: 14px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.aci-kutu.bos span { color: var(--soluk); font-weight: 500; }
.aci-buyuk { width: 100%; border-radius: 10px; display: block; background: #f1f5f9; }

/* ===== 02.11.2026 yeniden düzen: anasayfa eğitimleri, araç akordiyonu, detay, 360 Video ===== */
.ana-duzen { height: auto; min-height: 0; }
.egitimler h2 { margin: 4px 0 10px; }
.egitim { background: #fff; border: 1px solid var(--cizgi); border-radius: 14px; margin-bottom: 8px; overflow: hidden; }
.egitim summary { display: flex; align-items: center; gap: 12px; padding: 13px 14px; font-weight: 700; font-size: 15px; cursor: pointer; list-style: none; }
.egitim summary::-webkit-details-marker { display: none; }
.egitim-ik { width: 34px; height: 34px; border-radius: 10px; display: grid; place-items: center; flex: none; }
.egitim-ik.video { background: #fef3c7; color: #b45309; }
.egitim-ik.araclar { background: #dcfce7; color: #15803d; }
.egitim-ik.tanitim { background: #e0e7ff; color: #4338ca; }
.egitim-ik.galeri { background: #f3e8ff; color: #7e22ce; }
.egitim-ic { padding: 0 14px 14px; }
.egitim-yakinda { aspect-ratio: 16 / 9; border-radius: 12px; background: #0f172a; color: #94a3b8; display: grid; place-content: center; justify-items: center; gap: 8px; }
.egitim-yakinda span { width: 48px; height: 48px; border-radius: 50%; background: rgba(255,255,255,.12); color: #fff; display: grid; place-items: center; font-size: 18px; }
.akor-ok { margin-left: auto; width: 10px; height: 10px; border-right: 2px solid #94a3b8; border-bottom: 2px solid #94a3b8; transform: rotate(45deg); flex: none; transition: transform .15s; margin-right: 4px; }
details[open] > summary .akor-ok { transform: rotate(-135deg); }

/* Araç başlığı: ortalanmış görsel + marka-seri + TR plaka */
.arac-gorsel { width: 112px; height: 74px; border-radius: 12px; background: #f1f5f9; display: grid; place-items: center; overflow: hidden; flex: none; }
.arac-gorsel img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.arac-kimlik { min-width: 0; flex: 1; display: flex; flex-direction: column; align-items: flex-start; gap: 7px; }
.arac-ad { display: flex; align-items: center; gap: 8px; font-size: 18px; font-weight: 800; letter-spacing: -.01em; line-height: 1.2; overflow-wrap: anywhere; }
.renk-nokta { width: 14px; height: 14px; border-radius: 50%; border: 1px solid #cbd5e1; flex: none; box-shadow: inset 0 0 0 1px rgba(255,255,255,.5); }
.tr-plaka { display: inline-flex; align-items: stretch; border: 2px solid #0f172a; border-radius: 5px; overflow: hidden; height: 28px; background: #fff; }
.tr-plaka i { background: #1d4ed8; color: #fff; font-style: normal; font-size: 8px; font-weight: 700; width: 15px; display: grid; place-items: end center; padding-bottom: 3px; }
.tr-plaka b { padding: 0 9px; font-size: 15px; font-weight: 800; line-height: 24px; letter-spacing: .05em; white-space: nowrap; }
.tam-ara { max-width: none !important; margin: 0 0 14px; }
.arac-liste { display: grid; gap: 10px; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 720px) { .arac-liste { grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; } }
.arac-akor { background: #fff; border: 1px solid var(--cizgi); border-radius: var(--yaricap); overflow: hidden; }
.arac-akor summary { display: flex; align-items: center; gap: 14px; padding: 10px 12px 10px 10px; cursor: pointer; list-style: none; }
.arac-akor summary::-webkit-details-marker { display: none; }
.arac-isler { border-top: 1px solid #f1f5f9; padding: 12px; display: grid; gap: 8px; }
.arac-isler .dugme { width: 100%; margin-top: 4px; }
.is-kutu { display: flex; align-items: center; gap: 10px; border-radius: 12px; padding: 11px 12px; font-size: 14px; font-weight: 700; text-decoration: none; }
.is-kutu small { margin-left: auto; font-weight: 600; font-size: 13px; opacity: .85; white-space: nowrap; }
.is-kutu.tamam { background: #ecfdf5; color: #047857; border: 1px solid #a7f3d0; }
.is-kutu.eksik { background: #fdf3f2; color: #9f3a38; border: 1px solid #f3d3d0; }
.is-kutu.suruyor { background: #fffbeb; color: #92400e; border: 1px solid #fde68a; }
.arac-bas { display: flex; align-items: center; gap: 14px; padding: 12px; }
.genis-dugme { width: 100%; }
.sil-dugme { width: 100%; background: #fff; color: #b91c1c; border: 1px solid #fecaca; box-shadow: none; }
.sil-dugme:hover { background: #fef2f2; border-color: #fca5a5; }
@media (min-width: 720px) { .genis-dugme, .sil-dugme { width: auto; min-width: 220px; } }

/* 360 Video: araç seçimi */
.secim-liste { display: grid; gap: 8px; }
.secim-arac { display: flex; align-items: center; gap: 12px; width: 100%; background: #fff; border: 1px solid var(--cizgi); border-radius: 14px; padding: 8px; text-align: left; cursor: pointer; }
.secim-arac .arac-gorsel { width: 88px; height: 58px; }
.secim-arac .arac-ad { font-size: 16px; }
.secim-arac.secili { border: 2px solid var(--vurgu); padding: 7px; }
.radyo { width: 22px; height: 22px; border-radius: 50%; border: 2px solid #cbd5e1; flex: none; margin-right: 6px; }
.secili .radyo { border: 7px solid var(--vurgu); }

/* 360 Video: açılar ve detay/hasar şeritleri (yatay kaydırma) */
.kaydir { display: flex; gap: 10px; overflow-x: auto; scroll-snap-type: x proximity; padding-bottom: 6px; margin: 0 -4px; padding-left: 4px; padding-right: 4px; -webkit-overflow-scrolling: touch; }
.kaydir > * { scroll-snap-align: start; flex: none; }
.acilar-serit .aci { width: 132px; aspect-ratio: 16 / 10; }
.acilar-serit .aci .ad { font-size: 12px; padding: 2px 8px; left: 5px; bottom: 5px; }
.acilar-serit .aci .arti { width: 22px; height: 22px; font-size: 14px; right: 5px; top: 5px; }
.acilar-serit .aci.dolu .arti { font-size: 12px; }
@media (min-width: 720px) { .acilar-serit .aci { width: 160px; } }
.ek2 { width: 272px; display: flex; gap: 10px; align-items: flex-start; background: #fff; border: 1px solid var(--cizgi); border-radius: 12px; padding: 8px; }
.ek2.supheli { border-color: #fcd34d; background: #fffbeb; }
.ek2-resim { width: 64px; height: 64px; border-radius: 9px; overflow: hidden; flex: none; padding: 0; border: 0; background: #e2e8f0; cursor: pointer; display: block; }
.ek2-resim img { width: 100%; height: 100%; object-fit: cover; }
.ek2-yazi { min-width: 0; flex: 1; display: flex; flex-direction: column; gap: 2px; }
.ek2-yazi b { font-size: 14px; line-height: 1.25; overflow-wrap: anywhere; }
.ek2-yazi small { font-size: 12px; color: var(--soluk); line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.ek2-yazi .dugme { margin-top: 4px; align-self: flex-start; }
.emin { font-size: 11px; font-weight: 700; color: #92400e; }
.ek2-sag { display: flex; flex-direction: column; align-items: flex-end; gap: 6px; flex: none; }
.etk { font-size: 12px; font-weight: 800; color: #64748b; display: inline-flex; align-items: center; gap: 5px; white-space: nowrap; }
.etk.detay { color: #1d4ed8; }
.etk.hasar { color: #fff; background: #c2413c; border-radius: 8px; padding: 4px 10px; }
.etk.hata { color: #b91c1c; }
.etk .bekle { width: 10px; height: 10px; }
.ek2-sag .sil { width: 26px; height: 26px; border-radius: 50%; border: 0; background: #f1f5f9; color: #64748b; font-size: 16px; line-height: 1; cursor: pointer; }
.ek2-sag .sil:hover { background: #e2e8f0; color: var(--yazi); }

/* Revize 3 Kas: Araç Ekle tek liste, Filtrele paneli, akordiyon kartlar, videolar listesi */
.izgara.tek { grid-template-columns: minmax(0, 1fr); }
.izgara.tek .tam { grid-column: auto; }
.izgara.tek .alan:last-child { margin-bottom: 0; }
.filtre-dugme { display: inline-flex; align-items: center; gap: 8px; width: auto; flex: none; }
.filtre-say { background: #0f172a; color: #fff; border-radius: 999px; min-width: 20px; height: 20px; padding: 0 6px; font-size: 12px; display: inline-flex; align-items: center; justify-content: center; }
.filtre-say[hidden] { display: none; }
.filtre-etiketler { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 12px; }
.filtre-etiketler[hidden] { display: none; }
.filtre-etiket { border: 1px solid #cbd5e1; background: #fff; border-radius: 999px; padding: 6px 12px; font-size: 13px; font-weight: 700; color: #334155; cursor: pointer; }
.filtre-etiket i { font-style: normal; margin-left: 4px; color: #94a3b8; }
.filtre-temizle { border: 0; background: transparent; color: #b91c1c; font-size: 13px; font-weight: 700; padding: 6px 4px; cursor: pointer; }
dialog.alt-sayfa { margin: auto auto 0; width: 100%; max-width: 520px; border-radius: 20px 20px 0 0; padding: 20px 20px calc(20px + env(safe-area-inset-bottom)); }
@media (min-width: 720px) { dialog.alt-sayfa { margin: auto; border-radius: 20px; } }
.alt-baslik { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; }
.alt-baslik h2 { margin: 0; }
.kapat-x { width: 36px; height: 36px; border-radius: 50%; border: 0; background: #f1f5f9; font-size: 22px; line-height: 1; color: #334155; cursor: pointer; }
dialog.alt-sayfa .alan > span { font-size: 12px; letter-spacing: .04em; color: #64748b; }
.akor-kart { padding: 0; }
.akor-kart > summary { display: flex; align-items: center; justify-content: space-between; padding: 16px; cursor: pointer; list-style: none; }
.akor-kart > summary::-webkit-details-marker { display: none; }
.akor-kart > summary h2 { margin: 0; font-size: 17px; }
.akor-kart[open] > summary { border-bottom: 1px solid #f1f5f9; }
.akor-kart > :not(summary) { margin-left: 16px; margin-right: 16px; }
.akor-kart > .bilgi { margin-top: 12px; }
.akor-kart > :last-child { margin-bottom: 16px; }
.akor-dugmeler { display: grid; gap: 10px; margin-top: 14px; }
.akor-dugmeler .dugme { width: 100%; }
.video-liste { display: grid; gap: 10px; }
.video-akor { background: #fff; border: 1px solid var(--cizgi); border-radius: var(--yaricap); overflow: hidden; }
.video-akor > summary { display: flex; align-items: center; gap: 10px; padding: 14px; cursor: pointer; list-style: none; }
.video-akor > summary::-webkit-details-marker { display: none; }
.video-akor > summary > span:first-child { flex: 1; min-width: 0; }
.video-akor > summary .akor-ok { margin-left: 4px; }
.video-ic { padding: 0 14px 14px; border-top: 1px solid #f1f5f9; padding-top: 12px; }
.video-ic .oynatici { max-height: 60vh; }
.akor-kart > summary h2::after { content: none; }

/* Video sayfası: kayan fotoğraf şeritleri */
.oynatici-kap .oynatici-hata { margin: 0; padding: 28px 16px; text-align: center; background: #f1f5f9; border-radius: var(--yaricap); }
.sd-serit .sd-kutu { width: 200px; display: flex; flex-direction: column; gap: 6px; padding: 0; border: 0; background: none; text-align: left; font: inherit; color: inherit; cursor: pointer; }
.sd-serit .sd-kutu.bos { cursor: default; }
.sd-kutu img, .sd-kutu .aci-yer { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 12px; background: #f1f5f9; border: 1px solid var(--cizgi); display: block; }
.sd-kutu span { font-size: 14px; font-weight: 700; }
.sd-kutu.bos span { color: var(--soluk); font-weight: 500; }
@media (min-width: 720px) { .sd-serit .sd-kutu { width: 260px; } }
.acilar-serit button.aci { position: relative; padding: 0; border: 0; border-radius: 10px; overflow: hidden; background: #e2e8f0; cursor: pointer; }
.acilar-serit button.aci img { width: 100%; height: 100%; object-fit: cover; display: block; }
.acilar-serit button.aci .ad { position: absolute; left: 5px; bottom: 5px; background: #0f172acc; color: #fff; border-radius: 6px; font-size: 12px; padding: 2px 8px; }

/* Kart hazır: Yazdır penceresi (bulanık arka plan) */
dialog.yazdir-pencere { width: min(520px, calc(100vw - 24px)); max-height: 92vh; overflow: auto; }
dialog.yazdir-pencere::backdrop { background: rgba(15, 23, 42, .35); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
.kart-ust-satir.duz .dugme.kucuk { flex: none; white-space: nowrap; }
.akor-kart .cift .dugme { padding-left: 8px; padding-right: 8px; white-space: nowrap; font-size: 14px; }

/* Geri düğmesi: tüm iç sayfalarda sol üstte, başlıkla aynı satırda yuvarlak ok */
.baslik-geri { display: flex; align-items: center; gap: 12px; margin: 0 0 16px; min-height: 40px; }
.bg-yazi { min-width: 0; flex: 1; }
.bg-yazi h1 { margin: 0; font-size: 22px; line-height: 1.15; overflow-wrap: anywhere; }
.bg-yazi .alt { margin: 2px 0 0; }
.geri-daire { width: 40px; height: 40px; flex: none; border-radius: 50%; border: 1px solid #cbd5e1; background: #fff; color: #0f172a; display: inline-grid; place-items: center; text-decoration: none; box-shadow: 0 1px 2px rgba(15, 23, 42, .06); }
.geri-daire:hover { background: #f8fafc; }
.geri-daire:active { transform: scale(.96); }
.bg-etiket { display: block; font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--soluk); margin-bottom: 4px; }
.bg-yazi .arac-kimlik { gap: 5px; }
.bg-yazi .arac-ad { font-size: 20px; }
/* Başlıkta Marka Seri + TR plaka akışlı: sığarsa yan yana, sığmazsa plaka alta iner */
.kimlik-akis { line-height: 1.5; }
.kimlik-ad { font-size: 20px; font-weight: 800; letter-spacing: -.01em; margin-right: 6px; vertical-align: middle; overflow-wrap: anywhere; }
.kimlik-akis .tr-plaka { vertical-align: middle; display: inline-flex; }

/* Bildirimler penceresi */
dialog.bildirim-pencere { width: min(480px, calc(100vw - 24px)); padding: 18px 16px 16px; }
.bild-ust { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }
.bild-ust h2 { margin: 0; font-size: 20px; }
.bild-yeni { background: #fef3c7; color: #92400e; font-size: 12px; font-weight: 800; border-radius: 999px; padding: 3px 10px; }
.bild-yeni[hidden] { display: none; }
.bild-ust .kapat-x { margin-left: auto; }
.bildirimler { list-style: none; margin: 0; padding: 0; max-height: 56vh; overflow-y: auto; display: grid; gap: 8px; }
.bildirimler li { border: 1px solid var(--cizgi); border-radius: 14px; background: #fff; overflow: hidden; }
.bildirimler li.yeni { background: #fffbeb; border-color: #fde68a; }
.bildirimler li > a, .bildirimler li > div { display: flex; align-items: flex-start; gap: 12px; padding: 12px; text-decoration: none; color: inherit; }
.b-simge { width: 38px; height: 38px; border-radius: 50%; flex: none; display: grid; place-items: center; background: #f1f5f9; color: #64748b; }
.bildirimler li.yeni .b-simge { background: #f59e0b; color: #fff; }
.b-simge.hata { background: #fee2e2; color: #dc2626; }
.bildirimler li.yeni .b-simge.hata { background: #dc2626; color: #fff; }
.b-yazi { min-width: 0; flex: 1; display: flex; flex-direction: column; gap: 2px; }
.b-yazi b { font-size: 15px; line-height: 1.25; overflow-wrap: anywhere; }
.b-metin { color: #334155; font-size: 14px; }
.b-yazi small { color: #94a3b8; font-size: 12.5px; }
.b-sag { display: flex; flex-direction: column; align-items: flex-end; gap: 14px; color: #94a3b8; flex: none; }
.b-sag small { font-size: 12.5px; }
.bildirimler li.yeni .b-sag { color: #d97706; }
.bild-alt { margin-top: 14px; }

/* Galeri Profili: sıkı, kart başına tek amaç */
.profil .kart { padding: 16px; }
.profil .kart-baslik { align-items: center; margin-bottom: 12px; }
.profil .kart-baslik h2 { font-size: 15px; letter-spacing: .02em; text-transform: uppercase; margin: 0; }
.profil .alan { margin-bottom: 10px; }
.profil .alan > span { font-size: 12px; color: #64748b; margin-bottom: 4px; }
.profil .alan > span small { font-weight: 500; font-size: 11.5px; }
.profil .alan input { padding-top: 9px; padding-bottom: 9px; min-height: 42px; }
.profil .satir-link { padding: 12px 14px; }
.logo-cip { display: inline-flex; align-items: center; gap: 8px; background: #f8fafc; border: 1px solid var(--cizgi); border-radius: 10px; padding: 4px 4px 4px 10px; }
.logo-cip b { font-size: 12.5px; color: #334155; }
.logo-cip img { width: 34px; height: 22px; object-fit: contain; }
.logo-cip .dugme { min-height: 28px; padding: 0 10px; font-size: 12px; border-radius: 7px; }
.cip-kaldir { border: 0; background: none; color: #94a3b8; font-size: 18px; line-height: 1; padding: 0 6px; cursor: pointer; }
.alt-akor { border-top: 1px solid #f1f5f9; margin: 2px 0 12px; }
.alt-akor > summary { list-style: none; display: flex; align-items: center; justify-content: space-between; padding: 10px 0; font-size: 13.5px; font-weight: 700; color: #475569; cursor: pointer; }
.alt-akor > summary::-webkit-details-marker { display: none; }
.alt-akor > summary svg { color: #94a3b8; transform: rotate(90deg); transition: transform .2s; }
.alt-akor[open] > summary svg { transform: rotate(-90deg); }
.alt-akor-ic { padding-top: 4px; }
.dugme.tam { width: 100%; }
.bakiye-hero { display: flex; align-items: center; justify-content: space-between; gap: 12px; background: var(--koyu); color: #fff; border-radius: 14px; padding: 14px 16px; box-shadow: 0 4px 10px rgba(2,6,23,.18); }
.bakiye-hero small { display: block; font-size: 12px; color: #94a3b8; font-weight: 600; }
.bakiye-hero b { font-size: 26px; font-weight: 800; color: #fbbf24; letter-spacing: -.01em; }
.bakiye-hero .dugme { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
.hrk-baslik { font-size: 12px; font-weight: 700; color: #94a3b8; margin: 14px 0 8px; }
.hrk { display: flex; align-items: center; gap: 10px; padding: 10px; background: #f8fafc; border: 1px solid #f1f5f9; border-radius: 12px; margin-bottom: 8px; }
.hrk .metin { flex: 1; min-width: 0; }
.hrk .metin b { display: block; font-size: 13.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hrk .metin small { color: #94a3b8; font-size: 11.5px; }
.hrk-simge { width: 30px; height: 30px; border-radius: 9px; display: grid; place-items: center; flex: none; }
.hrk-simge.eksi { background: #fff1f2; color: #e11d48; }
.hrk-simge.arti { background: #ecfdf5; color: #059669; }
.hrk-tutar { font-weight: 800; font-size: 13.5px; white-space: nowrap; }
.hrk-tutar.eksi { color: #e11d48; }
.hrk-tutar.arti { color: #059669; }
.hrk-hepsi { border-top: 0; margin: 0; }
.hrk-hepsi > summary { justify-content: center; gap: 6px; background: #f8fafc; border: 1px solid var(--cizgi); border-radius: 12px; padding: 10px; color: #64748b; margin-top: 2px; }
.hrk-hepsi > summary span { flex: none; }
.hrk-hepsi .alt-akor-ic { padding-top: 10px; }
.kod-kutu { display: flex; align-items: center; justify-content: space-between; gap: 10px; background: #f8fafc; border: 1px solid var(--cizgi); border-radius: 12px; padding: 12px 14px; }
.kod-kutu small { display: block; font-size: 11.5px; color: #94a3b8; font-weight: 600; }
.kod-kutu .kod { font-size: 20px; letter-spacing: 3px; }
.profil .uye { padding: 10px; background: #f8fafc; border: 1px solid #f1f5f9; border-radius: 12px; margin-bottom: 8px; }
.profil .uye:first-of-type { border-top: 1px solid #f1f5f9; }
.profil .uye .metin b { font-size: 13.5px; }
.profil .uye .metin small { display: block; font-size: 11.5px; color: #94a3b8; }
.profil .uye.bekliyor { margin: 0 0 8px; background: #fffbeb; border-color: #fde68a; }
.profil .avatar { width: 34px; height: 34px; font-size: 13px; }
.profil .uye .metin b small { display: inline; font-size: 11.5px; }

/* Hesap Ayarları */
.profil .kart-baslik h2 { display: flex; align-items: center; gap: 8px; }
.profil .kart-baslik h2 svg { color: var(--vurgu); }
.profil .tehlike-kart { background: #fff1f2; border-color: #fecdd3; }
.profil .tehlike-kart h2 { color: #be123c; }
.profil .tehlike-kart h2 svg { color: #e11d48; }
.profil .tehlike-kart .alt { color: #9f1239; opacity: .85; }
.bilgi.kutulu { background: #f8fafc; border: 1px solid #f1f5f9; border-radius: 12px; padding: 12px 14px; }
.bilgi.kutulu dt { font-size: 11px; text-transform: uppercase; letter-spacing: .06em; color: #94a3b8; font-weight: 600; }
.profil .bilgi.kutulu { grid-template-columns: 1fr 1fr; }
.dugme.kesik { border-style: dashed; margin-top: 10px; min-height: 40px; font-size: 14px; }
.veri-akor { border: 1px solid var(--cizgi); border-radius: 12px; margin: 0; background: #f8fafc; }
.veri-akor > summary { padding: 11px 14px; }
.veri-akor .alt-akor-ic { background: #fff; border-top: 1px solid var(--cizgi); padding: 6px 14px; border-radius: 0 0 12px 12px; }
.veri-satir { display: flex; justify-content: space-between; gap: 12px; padding: 9px 0; border-bottom: 1px solid #f1f5f9; }
.veri-satir:last-child { border-bottom: 0; }
.veri-satir b { display: block; font-size: 13.5px; }
.veri-satir small { color: #94a3b8; font-size: 11.5px; }
.veri-satir em { font-style: normal; font-size: 11.5px; color: #64748b; text-align: right; font-weight: 600; max-width: 42%; }
.profil .anahtar-satir { padding: 10px 12px; border: 1px solid transparent; border-radius: 12px; margin-bottom: 4px; }
.profil .anahtar-satir:first-child { background: #f8fafc; border-color: #f1f5f9; }
.profil .anahtar-satir .metin b { font-size: 13.5px; }
.profil .anahtar-satir .metin small { display: block; font-size: 11.5px; }
.profil .anahtar input:checked + i { background: var(--vurgu); }
.veri-alt { margin-top: 14px; padding-top: 14px; border-top: 1px solid #f1f5f9; }
.ayd-b { margin: 14px 0 2px; font-size: 14px; }
.ayd-m { margin: 0; color: var(--soluk); font-size: 13.5px; line-height: 1.5; }
dialog.alt-sayfa { max-height: 88vh; overflow-y: auto; }

/* Dar telefonda (≤420 px) tarih ve tramer alanı tek satır: tarih kesilmesin */
@media (max-width: 420px) {
  .izgara > .alan:has(input[type=date]), .izgara > .alan:has(input[name=tramer_tur]) { grid-column: 1 / -1; }
}
.sd-kutu .aci-yer { display: grid; place-items: center; }
.cift.tek-dugme { grid-template-columns: 1fr; }

/* ===== 3 Kasım belge revizeleri ===== */
/* Üst menü: içerik genişliğine hizalı (sayfa 1024 px, kenar 24 px); Bildirimler ve Çıkış Yap */
.zil-ik { position: relative; display: grid; place-items: center; }
.zil .zil-sayi { top: -6px; right: -9px; }
.ust-yazi { display: none; }
.cikis-ust { display: none; }
@media (min-width: 720px) {
  .ust { padding-left: max(24px, calc((100% - 1024px) / 2 + 24px)); padding-right: max(24px, calc((100% - 1024px) / 2 + 24px)); }
  .cikis-ust { display: inline-flex; align-items: center; gap: 8px; background: none; border: 0; color: #cbd5e1; height: 40px; padding: 0 10px; border-radius: 8px; cursor: pointer; font: inherit; font-size: 14px; font-weight: 600; white-space: nowrap; }
  .cikis-ust:hover { background: #0f172a; color: #fff; }
  .ana-duzen { max-width: none; }
  .cikis-dugme { display: none; }
}
@media (min-width: 1100px) {
  .zil { width: auto; padding: 0 10px; border-radius: 8px; gap: 8px; display: inline-flex; align-items: center; font-size: 14px; font-weight: 600; white-space: nowrap; }
  .ust-yazi { display: inline; }
}

/* Araçlarım: tıklanınca detaya giden kart + sayfalama */
.arac-satir { display: flex; align-items: center; gap: 14px; padding: 10px 12px 10px 10px; background: #fff; border: 1px solid var(--cizgi); border-radius: var(--yaricap); text-decoration: none; color: inherit; }
.arac-satir:hover { border-color: #cbd5e1; box-shadow: 0 2px 8px rgba(15,23,42,.06); }
.satir-ok { color: #94a3b8; flex: none; display: grid; place-items: center; width: 28px; }
.sayfalama { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 12px; margin-top: 16px; }
.sayfalama span { font-weight: 700; color: var(--soluk); font-size: 14px; }
.sayfalama .dugme:disabled { opacity: .45; cursor: default; }
@media (min-width: 720px) { .sayfalama { max-width: 420px; margin-left: auto; margin-right: auto; } }

/* Araç detayı: telefonda eski düzen; masaüstü/tablette büyük görsel | Araç Bilgileri */
.detay-ust { display: none; }
.durum-kutulari { display: grid; gap: 8px; margin-top: 14px; }
.sil-yazi { background: #fff; border: 1px solid #fecaca; color: #b91c1c; font: inherit; font-size: 13px; font-weight: 700; border-radius: 10px; padding: 7px 12px; cursor: pointer; white-space: nowrap; }
.sil-yazi:hover { background: #fef2f2; border-color: #fca5a5; }
@media (min-width: 720px) {
  .yalniz-tel { display: none !important; }
  .detay-ust { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px; align-items: start; margin-bottom: 16px; }
  .detay-gorsel { border-radius: var(--yaricap); overflow: hidden; background: #f1f5f9; border: 1px solid var(--cizgi); aspect-ratio: 4 / 3; }
  .detay-gorsel img { width: 100%; height: 100%; object-fit: cover; }
  .detay-bilgi { margin: 0; }
  .db-bas { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
  .db-bas h2 { margin: 0; font-size: 18px; }
  .db-plaka { margin-bottom: 14px; }
  .db-liste { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 16px; }
  .db-liste div:nth-child(-n+3) dd { font-size: 17px; font-weight: 800; }
}
@media (min-width: 1100px) { .detay-ust { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); } }

/* Aracı Kaydet / Vazgeç: kaydırmayı takip eder, form genişliğinde eşit */
.cift.sabit-alt { max-width: none; position: sticky; z-index: 6; bottom: 0; margin: 12px -16px 0; padding: 10px 16px; background: rgba(241,245,249,.94); backdrop-filter: blur(6px); }
body.girisli .cift.sabit-alt { bottom: calc(59px + env(safe-area-inset-bottom)); }
@media (min-width: 720px) {
  body.girisli .cift.sabit-alt { bottom: 0; margin: 12px 0 0; padding: 12px 0 16px; }
}
@media (min-width: 720px) { .akor-dugmeler { grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); } }

/* ===== 3 Kasım (2): üst menü iki satır, Hesabım kutuları, Hesap Ayarları hizası ===== */
@media (min-width: 720px) {
  .ust { height: auto; flex-wrap: wrap; justify-content: space-between; align-items: center; row-gap: 10px; padding-top: calc(16px + env(safe-area-inset-top)); padding-bottom: 12px; gap: 0; }
  .ust .logo { flex: 0 0 100%; justify-content: center; font-size: 34px; gap: 12px; }
  .ust .logo-ik { width: 50px; height: 50px; border-radius: 13px; }
  .ust .logo-ik svg { width: 28px; height: 28px; }
  .sekmeler, .ust-sag { display: contents; }
  .sekmeler a { font-size: 16px; padding: 10px 16px; }
  .sekmeler a svg, .ust .zil svg, .ust .cikis-ust svg { width: 22px; height: 22px; }
  .bakiye { font-size: 16px; padding: 8px 16px; }
  .zil, .cikis-ust { font-size: 16px; height: 44px; }
}
@media (min-width: 720px) and (max-width: 959px) { .sekmeler a:not(.aktif) { padding: 10px 12px; } }

/* Hesabım: 2 × 2 kutu */
.hesap-kutular { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.hesap-kutu { display: flex; flex-direction: column; gap: 10px; position: relative; padding: 16px 14px; background: #fff; border: 1px solid var(--cizgi); border-radius: var(--yaricap); text-decoration: none; color: inherit; min-height: 128px; }
.hesap-kutu:hover { border-color: #cbd5e1; box-shadow: 0 2px 8px rgba(15,23,42,.06); }
.hk-ik { width: 40px; height: 40px; border-radius: 12px; background: #fdf0cf; color: #b45309; display: grid; place-items: center; }
.hk-yazi { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.hk-yazi b { font-size: 15px; font-weight: 800; }
.hk-yazi small { color: var(--soluk); font-size: 12.5px; line-height: 1.35; overflow-wrap: anywhere; }
.hk-ok { position: absolute; top: 16px; right: 14px; color: #94a3b8; }
@media (min-width: 720px) { .hesap-kutu { min-height: 150px; padding: 20px 18px; } .hk-yazi b { font-size: 17px; } .hk-yazi small { font-size: 13.5px; } }
.hesap-bolum { max-width: 640px; }
.hesap-bolum .kart { margin-bottom: 0; }
@media (min-width: 1000px) { .hesap-bolum { max-width: 720px; } }

/* Hesap Ayarları (masaüstü): iki sütun eşit boy, Hesabı sil altta tam genişlik */
.hesap-sil-kart { margin-top: 0; }
@media (min-width: 1000px) {
  .iki-sutun.esit { align-items: stretch; }
  .iki-sutun.esit > div { display: flex; flex-direction: column; }
  .iki-sutun.esit > div > .kart { margin-bottom: 0; }
  .iki-sutun.esit > div > .kart + .kart { margin-top: 16px; }
  .iki-sutun.esit > div > .kart:last-child { flex: 1; }
  .hesap-sil-kart { margin-top: 16px; }
}

/* Araç detayı: görselin altında durum kutuları; Araç Bilgileri altında Aracı Sil | Düzenle */
.detay-sol { display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.detay-sol .durum-kutulari { margin-top: 0; }
.cift .tehlike-yazi { color: #b91c1c; border-color: #fecaca; background: #fff; }

/* Durum satırları: tek kutu, satırlar çizgiyle ayrılır */
.durum-kutulari { gap: 0; background: #fff; border: 1px solid var(--cizgi); border-radius: var(--yaricap); padding: 2px 14px; box-shadow: 0 1px 2px rgba(15,23,42,.05); }
.durum-kutulari .is-kutu { background: none !important; border: 0 !important; border-radius: 0; padding: 13px 0; }
.durum-kutulari .is-kutu + .is-kutu { border-top: 1px solid #e8ecf3 !important; }
.yalniz-tel .durum-kutulari { margin: 0 0 16px; }
.yalniz-tel .akor-kart { margin-bottom: 12px; }

/* 4 Kasım: araç detayı — sol sütun (görsel + durum kutusu) Araç Bilgileri kartıyla aynı yükseklikte biter */
@media (min-width: 720px) {
  .detay-ust { align-items: stretch; }
  .detay-sol .durum-kutulari { flex: 1; display: flex; flex-direction: column; justify-content: space-evenly; }
}
/* Kart Hazır: kâğıt önizlemesi masaüstünde içerik (header) genişliğinde */
#kagit-kap { max-width: none; }
/* Yazdır penceresi: Yazdır / PDF butonu tam genişlik, ortalı */
dialog.yazdir-pencere .genis-dugme { width: 100%; min-width: 0; display: flex; justify-content: center; }

/* ===== 4 Kasım: Giriş / Üye Ol / SMS (giris.js) ===== */
body.giris-ekrani .ust { display: none; }
body.giris-ekrani #icerik { max-width: none; padding: 0; margin: 0; }
.gr { min-height: 100vh; min-height: 100dvh; display: grid; }
.gr-tanit { display: none; }
.gr-form-taraf { display: flex; flex-direction: column; align-items: center; padding: 28px 16px 40px; }
.gr-logo { display: inline-flex; align-items: center; gap: 10px; font-weight: 800; font-size: 24px; margin: 6px 0 22px; color: #0f172a; text-decoration: none; }
.gr-logo i { width: 38px; height: 38px; border-radius: 11px; background: #f59e0b; display: grid; place-items: center; color: #0f172a; font-style: normal; }
.gr-logo em { font-style: normal; color: #d97706; }
.gr-logo.koyu { color: #fff; } .gr-logo.koyu em { color: #fbbf24; }
.gr-kart { width: 100%; max-width: 420px; background: #fff; border: 1px solid var(--cizgi); border-radius: 20px; padding: 22px; box-shadow: 0 10px 30px rgba(15,23,42,.06); }
.gr-kart h1 { margin: 0 0 4px; font-size: 22px; }
.gr-kart > .alt { margin: 0 0 18px; font-size: 14px; }
.gr-sekme { display: grid; grid-template-columns: 1fr 1fr; background: #f1f5f9; border-radius: 12px; padding: 4px; margin-bottom: 18px; }
.gr-sekme a { text-align: center; padding: 10px; border-radius: 9px; font-weight: 800; font-size: 14px; color: #64748b; text-decoration: none; }
.gr-sekme a.on { background: #fff; color: #0f172a; box-shadow: 0 1px 3px rgba(0,0,0,.08); }
.gr-tel { display: flex; gap: 8px; }
.gr-tel > span { flex: none; width: 64px; display: flex; align-items: center; justify-content: center; background: #f8fafc; border: 1px solid var(--cizgi); border-radius: 12px; font-weight: 700; color: #334155; }
.gr-tel input { flex: 1; min-width: 0; }
.gr-satir { display: flex; justify-content: space-between; gap: 10px; margin: -4px 0 16px; font-size: 13.5px; }
.gr-satir a, .gr-onay a, .gr-alt-link a, .gr-sayac a { color: #b45309; font-weight: 700; text-decoration: none; }
.gr-ayrac { display: flex; align-items: center; gap: 10px; color: #94a3b8; font-size: 12.5px; font-weight: 700; margin: 18px 0; }
.gr-ayrac::before, .gr-ayrac::after { content: ""; flex: 1; height: 1px; background: #e2e8f0; }
.gr-kart .dugme.tam { display: flex; align-items: center; justify-content: center; gap: 8px; }
.gr-not { margin: 14px 0 0; font-size: 12.5px; text-align: center; }
.gr-ipucu { font-size: 12px; margin: -6px 0 12px; }
.gr-adim { display: flex; gap: 6px; margin-bottom: 16px; } .gr-adim span { flex: 1; height: 4px; border-radius: 9px; background: #e2e8f0; } .gr-adim span.on { background: #f59e0b; }
.gr-tur { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 16px; }
.gr-tur label { cursor: pointer; } .gr-tur input { position: absolute; opacity: 0; pointer-events: none; }
.gr-tur span { display: block; border: 1.5px solid #e2e8f0; border-radius: 14px; padding: 12px; font-size: 13px; color: #64748b; height: 100%; }
.gr-tur span b { display: block; color: #0f172a; font-size: 15px; margin-bottom: 2px; }
.gr-tur input:checked + span { border-color: #0f172a; box-shadow: 0 0 0 1px #0f172a; }
.gr-tur input:focus-visible + span { outline: 2px solid var(--vurgu); }
.gr-onay { display: flex; gap: 10px; align-items: flex-start; font-size: 13.5px; color: #334155; margin: 4px 0 16px; cursor: pointer; }
.gr-onay input { width: 20px; height: 20px; flex: none; margin: 1px 0 0; accent-color: #0f172a; }
.gr-onay small { color: #64748b; }
.gr-kodlar { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 8px; margin: 6px 0 14px; }
.gr-kodlar input { min-width: 0; width: 100%; aspect-ratio: 1 / 1.15; border: 1.5px solid #cbd5e1; border-radius: 12px; text-align: center; font: inherit; font-size: 24px; font-weight: 800; background: #f8fafc; padding: 0; }
.gr-kodlar input:focus { outline: none; border-color: #f59e0b; background: #fff; box-shadow: 0 0 0 3px #fef3c7; }
.gr-sayac { text-align: center; font-size: 13.5px; color: #64748b; margin: 0 0 16px; } .gr-sayac b { color: #0f172a; }
.gr-alt-link { margin-top: 16px; text-align: center; font-size: 14px; }
.gr-bilgi { background: #fffbeb; border: 1px solid #fde68a; border-radius: 12px; padding: 12px; font-size: 13px; color: #92400e; margin-top: 16px; }
.gr-kod-girdi { text-transform: uppercase; letter-spacing: .18em; font-weight: 800; }
.gr-tamam { text-align: center; } .gr-tamam svg { color: #16a34a; margin-bottom: 8px; } .gr-tamam .alt { margin: 6px 0 18px; }
@media (min-width: 900px) {
  .gr { grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); }
  .gr-tanit { display: flex; flex-direction: column; justify-content: space-between; background: #070b18; color: #fff; padding: 48px 56px; position: relative; overflow: hidden; }
  .gr-tanit::after { content: ""; position: absolute; right: -140px; bottom: -140px; width: 420px; height: 420px; border-radius: 50%; border: 56px solid rgba(245,158,11,.12); }
  .gr-tanit h2 { font-size: 40px; line-height: 1.12; margin: 0 0 16px; letter-spacing: -.02em; } .gr-tanit h2 em { font-style: normal; color: #fbbf24; }
  .gr-tanit p { color: #94a3b8; font-size: 16px; max-width: 440px; margin: 0 0 28px; }
  .gr-mad { display: grid; gap: 14px; } .gr-mad div { display: flex; gap: 12px; align-items: center; font-weight: 700; }
  .gr-mad i { width: 36px; height: 36px; border-radius: 10px; background: rgba(245,158,11,.15); color: #fbbf24; display: grid; place-items: center; font-style: normal; flex: none; }
  .gr-tanit small { color: #64748b; font-size: 12.5px; }
  .gr-form-taraf { justify-content: center; padding: 40px; }
  .gr-form-taraf > .gr-logo { display: none; }
  .gr-kart { padding: 30px; }
}
/* Süper yönetici girişi */
.gr-yonetim { min-height: 100vh; min-height: 100dvh; background: #070b18; display: flex; align-items: center; justify-content: center; padding: 24px 16px; }
.gr-yonetim-ic { width: 100%; max-width: 400px; display: flex; flex-direction: column; align-items: center; }
.gr-yonetim .gr-kart { background: #0f172a; border-color: #1e293b; color: #e2e8f0; box-shadow: none; }
.gr-yonetim .gr-kart h1 { color: #fff; } .gr-yonetim .alt { color: #94a3b8; }
.gr-yonetim .alan > span { color: #cbd5e1; } .gr-yonetim .alan input { background: #111827; border-color: #334155; color: #fff; }
.gr-yonetim .gr-kodlar input { background: #111827; border-color: #334155; color: #fff; }
.gr-yonetim .gr-kodlar input:focus { border-color: #f59e0b; box-shadow: 0 0 0 3px rgba(245,158,11,.2); }
.gr-yonetim .gr-adim span { background: #1e293b; } .gr-yonetim .gr-adim span.on { background: #f59e0b; }
.gr-yonetim .gr-sayac b { color: #fff; }
.gr-rozet { display: inline-flex; gap: 6px; align-items: center; font-size: 11.5px; font-weight: 800; letter-spacing: .08em; color: #fbbf24; border: 1px solid rgba(251,191,36,.35); border-radius: 999px; padding: 4px 10px; margin-bottom: 14px; }
.gr-yonetim-not { font-size: 12px; color: #64748b; text-align: center; margin: 14px 0 0; }

/* ===== 4 Kasım: Süper yönetici paneli (yonetim.js) ===== */
body.yonetim-panel .ust { display: none; }
body.yonetim-panel #icerik { max-width: none; padding: 0; margin: 0; }
.yp { display: grid; grid-template-columns: minmax(0, 1fr); min-height: 100vh; min-height: 100dvh; background: #f1f5f9; }
.yp-yan { display: none; background: #070b18; color: #cbd5e1; padding: 18px 14px; }
.yp-yan .gr-logo { font-size: 20px; margin: 4px 6px; } .yp-yan .gr-logo i { width: 34px; height: 34px; }
.yp-rozet { display: inline-block; margin: 8px 6px 18px; font-size: 10.5px; font-weight: 800; letter-spacing: .1em; color: #fbbf24; border: 1px solid rgba(251,191,36,.35); border-radius: 999px; padding: 3px 9px; }
.yp-yan a:not(.gr-logo) { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 10px; color: #cbd5e1; text-decoration: none; font-weight: 600; font-size: 14px; }
.yp-yan a.on { background: #1e293b; color: #fff; }
.yp-say { margin-left: auto; background: #f59e0b; color: #0f172a; font-size: 11px; font-weight: 800; border-radius: 999px; padding: 1px 7px; }
.yp-ayrac { height: 1px; background: #1e293b; margin: 12px 6px; }
.yp-mob-ust { background: #070b18; color: #fff; padding: 12px 16px; display: flex; align-items: center; justify-content: space-between; }
.yp-mob-ust b { font-size: 18px; } .yp-mob-ust b em { font-style: normal; color: #fbbf24; }
.yp-mob-ust button { background: none; border: 0; color: #cbd5e1; padding: 6px; }
.yp-mob-menu { display: flex; gap: 6px; overflow-x: auto; padding: 10px 16px; background: #0f172a; scrollbar-width: none; }
.yp-mob-menu::-webkit-scrollbar { display: none; }
.yp-mob-menu a { white-space: nowrap; color: #cbd5e1; font-weight: 700; font-size: 13px; padding: 7px 12px; border-radius: 999px; background: #1e293b; text-decoration: none; }
.yp-mob-menu a.on { background: #f59e0b; color: #0f172a; }
.yp-ana { padding: 18px 16px 40px; min-width: 0; }
.yp-bs { display: flex; justify-content: space-between; align-items: flex-end; gap: 12px; margin-bottom: 16px; flex-wrap: wrap; }
.yp-bs h1 { margin: 0; font-size: 22px; } .yp-bs p { margin: 2px 0 0; color: #64748b; font-size: 13.5px; font-weight: 600; }
.yp-cips { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 12px; }
.yp-bs .yp-cips { margin: 0; }
.yp-cips a { font-size: 12.5px; font-weight: 700; padding: 6px 11px; border-radius: 999px; background: #fff; border: 1px solid var(--cizgi); color: #334155; text-decoration: none; }
.yp-cips a.on { background: #0f172a; color: #fff; border-color: #0f172a; }
.yp-kpi { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 16px; }
.yp-kpi > div { background: #fff; border: 1px solid var(--cizgi); border-radius: 14px; padding: 14px; min-width: 0; }
.yp-kpi small { display: block; color: #64748b; font-weight: 700; font-size: 12px; }
.yp-kpi b { display: block; font-size: 24px; font-weight: 800; margin: 4px 0 2px; letter-spacing: -.01em; }
.yp-kpi span { font-size: 12px; color: #64748b; font-weight: 600; }
.yp-iz { display: grid; gap: 16px; } .yp-iz > .kart { margin: 0; }
.yp-link { font-weight: 700; color: #b45309; font-size: 13px; text-decoration: none; }
.yp-mini { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-bottom: 10px; }
.yp-mini div { background: #f8fafc; border-radius: 10px; padding: 10px; text-align: center; }
.yp-mini b { display: block; font-size: 20px; } .yp-mini small { font-size: 11.5px; color: #64748b; font-weight: 700; }
.yp-is { display: flex; align-items: center; gap: 10px; padding: 11px 0; border-top: 1px solid #eef2f7; font-size: 13.5px; }
.yp-is:first-of-type { border-top: 0; }
.yp-is .t { flex: 1; min-width: 0; } .yp-is .t b { display: block; } .yp-is .t small { color: #64748b; font-size: 12px; }
.yp-dr { flex: none; font-size: 11.5px; font-weight: 800; border-radius: 999px; padding: 3px 9px; white-space: nowrap; align-self: center; }
.yp-dr.u { background: #dbeafe; color: #1d4ed8; } .yp-dr.s { background: #f1f5f9; color: #475569; } .yp-dr.h { background: #fee2e2; color: #991b1b; }
.yp-dr.t { background: #dcfce7; color: #166534; } .yp-dr.b { background: #fef3c7; color: #92400e; }
.yp-drm > div { display: flex; justify-content: space-between; gap: 12px; align-items: center; font-size: 13.5px; padding: 9px 0; border-top: 1px solid #eef2f7; }
.yp-drm > div:first-child { border-top: 0; } .yp-drm b { text-align: right; }
.yp-nok { width: 9px; height: 9px; border-radius: 50%; display: inline-block; margin-right: 8px; background: #16a34a; } .yp-nok.s { background: #f59e0b; }
.kirmizi { color: #dc2626; } .yesil { color: #16a34a; }
.yp-ara { display: flex; gap: 8px; margin-bottom: 12px; }
.yp-ara input { flex: 1; min-width: 0; border: 1px solid var(--cizgi); border-radius: 10px; padding: 10px 12px; font: inherit; background: #fff; }
.yp-tablo-kart { padding: 8px; display: flex; flex-direction: column; }
.yp-tablo-kap { overflow-x: auto; }
.yp-tablo { width: 100%; border-collapse: collapse; font-size: 13.5px; }
.yp-tablo th { text-align: left; color: #64748b; font-size: 12px; font-weight: 700; padding: 8px 10px; border-bottom: 1px solid #e2e8f0; white-space: nowrap; }
.yp-tablo td { padding: 14px 10px; border-bottom: 1px solid #eef2f7; vertical-align: middle; }
.yp-tablo tr[data-git] { cursor: pointer; } .yp-tablo tr[data-git]:hover td { background: #f8fafc; }
.yp-tablo tr.sec td { background: #fffbeb; }
.yp-tablo td b { display: block; } .yp-tablo td small { color: #64748b; font-size: 12px; }
.yp-tablo .sag { text-align: right; }
.yp-mob-liste { display: grid; gap: 10px; }
.yp-gl { display: block; background: #fff; border: 1px solid var(--cizgi); border-radius: 14px; padding: 12px; text-decoration: none; color: inherit; }
.yp-gl .r1 { display: flex; justify-content: space-between; align-items: flex-start; gap: 8px; }
.yp-gl b { display: block; font-size: 15px; } .yp-gl small { color: #64748b; font-size: 12.5px; font-weight: 600; }
.yp-gl .r2 { display: flex; justify-content: space-between; margin-top: 8px; font-size: 13px; font-weight: 700; }
.yp-tablo-kart .sayfalama { padding: 12px 6px 6px; } .sayfalama a[aria-disabled="true"] { opacity: .45; pointer-events: none; }
.yp-alt-b { font-size: 12px; letter-spacing: .06em; color: #64748b; margin: 16px 0 8px; text-transform: uppercase; }
.yp-sorunlar { display: grid; gap: 16px; } .yp-sorunlar .kart { margin: 0; }
.yp-sebep { margin: 0 0 4px; } .yp-video { width: 100%; max-height: 320px; border-radius: 12px; background: #000; margin-top: 8px; }
.yp-karar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.yp-not { display: block; color: #64748b; font-size: 12px; margin-top: 4px; }
.tehlike-yazi { color: #b91c1c !important; }
@media (max-width: 899px) { .yp-tablo-kap { display: none; } .yp-tablo-kart { padding: 0; background: none; border: 0; box-shadow: none; } }
@media (min-width: 900px) {
  .yp { grid-template-columns: 240px minmax(0, 1fr); }
  .yp-yan { display: block; } .yp-mob-ust, .yp-mob-menu, .yp-mob-liste { display: none; }
  .yp-ana { padding: 26px 32px 48px; }
  .yp-kpi { grid-template-columns: repeat(4, 1fr); }
  .yp-iz { grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); align-items: stretch; }
  .yp-iz > .kart { display: flex; flex-direction: column; }
  .yp-alta { margin-top: auto; }
  .yp-iz > .kart form { display: flex; flex-direction: column; flex: 1; }
}

/* ===== 4 Kasım: Hesabım (galeri.js, hesap.js) ===== */
.hb-izgara { display: grid; gap: 12px; }
.hb-kutu { display: flex; align-items: center; gap: 14px; background: #fff; border: 1px solid var(--cizgi); border-radius: 16px; padding: 18px; text-decoration: none; color: inherit; box-shadow: 0 1px 2px rgba(15,23,42,.05); }
.hb-kutu:hover { border-color: #fcd34d; }
.hb-ik { width: 46px; height: 46px; border-radius: 12px; background: #fef3c7; color: #b45309; display: grid; place-items: center; flex: none; }
.hb-yazi { flex: 1; min-width: 0; } .hb-yazi b { display: block; font-size: 16px; } .hb-yazi small { display: block; color: #64748b; font-size: 13px; margin-top: 2px; }
.hb-ok { color: #94a3b8; flex: none; }
.hb-duz, .hb-ayar { display: grid; gap: 16px; } .hb-duz > .kart, .hb-ayar > .kart { margin: 0; }
.hb-not { display: block; font-size: 12px; color: #64748b; font-weight: 600; margin-top: 5px; }
.hb-etk { font-size: 12px; font-weight: 800; color: #b45309; background: #fef3c7; border-radius: 999px; padding: 3px 9px; white-space: nowrap; }
.hb-etk.yesil { background: #dcfce7; color: #166534; } .hb-etk.gri { background: #f1f5f9; color: #475569; }
.hb-rozet { font-size: 11px; font-weight: 800; border-radius: 999px; padding: 2px 8px; background: #dcfce7; color: #166534; margin-left: 4px; vertical-align: middle; }
.hb-rozet.gri { background: #f1f5f9; color: #475569; }
.hb-satir { display: flex; justify-content: space-between; gap: 12px; padding: 11px 0; border-top: 1px solid #eef2f7; font-size: 14px; }
.hb-satir:first-of-type { border-top: 0; } .hb-satir span { color: #64748b; font-weight: 600; } .hb-satir b { text-align: right; min-width: 0; overflow-wrap: anywhere; }
.hb-logo-satir { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; }
.hb-lg { width: 44px; height: 44px; border-radius: 10px; background: #fdf0cf; display: grid; place-items: center; font-weight: 800; color: #b45309; overflow: hidden; flex: none; }
.hb-lg.buyuk { width: 56px; height: 56px; border-radius: 12px; } .hb-lg img { width: 100%; height: 100%; object-fit: contain; background: #fff; }
.hb-logo-yazi { flex: 1; min-width: 0; } .hb-logo-yazi b { display: block; } .hb-logo-yazi small { color: #64748b; font-size: 12.5px; font-weight: 600; }
.hb-logo-dugme { display: flex; gap: 8px; flex: none; }
.hb-onz { background: #f8fafc; border: 1px dashed #cbd5e1; border-radius: 14px; padding: 14px; }
.hb-onz h4 { margin: 0 0 10px; font-size: 12px; letter-spacing: .06em; color: #64748b; }
.hb-onz-2 { margin-top: 12px; }
.hb-ornek { border: 1px solid #e3e8f0; border-radius: 14px; overflow: hidden; background: #fff; margin-bottom: 10px; }
.hb-ornek img { width: 100%; aspect-ratio: 16 / 7; object-fit: cover; display: block; background: #e2e8f0; }
.hb-ornek > div { padding: 10px 12px; } .hb-ornek b { display: block; font-size: 15px; } .hb-ornek small { color: #64748b; font-size: 12.5px; font-weight: 600; }
.hb-cp { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 8px; } .hb-cp span { background: #f1f5f9; border-radius: 999px; padding: 4px 9px; font-size: 12px; font-weight: 700; color: #334155; }
.hb-vg { background: #fff; border: 1px solid #e3e8f0; border-radius: 14px; padding: 14px; }
.hb-vg-ust { display: flex; gap: 10px; align-items: center; } .hb-vg-ust b { display: block; } .hb-vg-ust small { color: #64748b; font-size: 12.5px; font-weight: 600; }
.hb-vg-bt { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 12px; }
.hb-vg-bt span { border-radius: 10px; padding: 10px 4px; text-align: center; font-weight: 800; font-size: 13px; }
.hb-vg-bt .a { background: #070b18; color: #fff; } .hb-vg-bt .w { border: 1.5px solid #cbd5e1; background: #fff; }
.hb-adres { margin: 8px 0 0; font-size: 12px; text-align: center; color: #64748b; }
.hb-kt { display: grid; grid-template-columns: 1fr 64px; border: 1.4px solid #1b1d21; background: #fff; }
.hb-kt div { padding: 12px 6px; font-weight: 800; text-align: center; font-size: 12px; } .hb-kt div + div { border-left: 1.4px solid #1b1d21; display: grid; place-items: center; font-size: 11px; }
.hb-kt img { max-width: 100%; max-height: 28px; object-fit: contain; }
.hb-plaka { display: flex; justify-content: center; } .hb-plaka span { border: 3px solid #0f172a; border-radius: 6px; padding: 4px 10px; font-weight: 800; font-size: 12px; background: #fff; text-align: center; } .hb-plaka b { font-size: 15px; letter-spacing: .06em; }
.hb-hero { display: flex; justify-content: space-between; align-items: center; gap: 12px; background: var(--koyu); color: #fff; border-radius: 14px; padding: 16px 18px; }
.hb-hero small { display: block; font-size: 12px; color: #94a3b8; font-weight: 600; } .hb-hero b { font-size: 28px; color: #fbbf24; font-weight: 800; }
.hb-hero .sag { text-align: right; } .hb-hero .sag b { font-size: 15px; color: #fff; }
.hb-yukle { margin-top: 12px; display: flex; align-items: center; justify-content: center; gap: 8px; }
.hb-hrk { display: flex; gap: 10px; align-items: center; padding: 12px 0; border-top: 1px solid #eef2f7; }
.hrk-baslik + .hb-hrk { border-top: 0; }
.hb-hrk-ik { width: 34px; height: 34px; border-radius: 10px; display: grid; place-items: center; flex: none; }
.hb-hrk-ik.arti { background: #dcfce7; color: #166534; } .hb-hrk-ik.eksi { background: #fee2e2; color: #991b1b; }
.hb-hrk .metin { flex: 1; min-width: 0; } .hb-hrk .metin b { display: block; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .hb-hrk .metin small { color: #94a3b8; font-size: 12px; }
.hb-tutar { font-weight: 800; font-size: 14.5px; white-space: nowrap; } .hb-tutar.arti { color: #166534; } .hb-tutar.eksi { color: #991b1b; }
.hb-tur { display: inline-flex; gap: 4px; background: #f1f5f9; border-radius: 10px; padding: 4px; margin-bottom: 14px; }
.hb-tur label { cursor: pointer; } .hb-tur input { position: absolute; opacity: 0; pointer-events: none; }
.hb-tur span { display: block; padding: 7px 14px; border-radius: 8px; font-weight: 700; font-size: 13px; color: #64748b; }
.hb-tur input:checked + span { background: #fff; color: #0f172a; box-shadow: 0 1px 2px rgba(0,0,0,.08); }
.hb-havale { margin: 2px 0 16px; } .hb-havale .hb-satir { padding: 7px 0; font-size: 13px; } .hb-havale .hb-satir:first-of-type { border-top: 0; }
.hb-kodb { display: flex; justify-content: space-between; align-items: center; gap: 10px; background: #f8fafc; border: 1px solid var(--cizgi); border-radius: 12px; padding: 20px 16px; }
.hb-kodb small { display: block; font-size: 12px; color: #64748b; font-weight: 600; } .hb-kodb b { font-size: 28px; letter-spacing: .14em; font-weight: 800; }
.hb-uy { display: flex; gap: 12px; align-items: center; padding: 15px 0; border-top: 1px solid #eef2f7; }
.kart-baslik + .hb-uy { border-top: 0; }
.hb-uy .avatar { width: 44px; height: 44px; font-size: 16px; }
.hb-uy .metin { flex: 1; min-width: 0; } .hb-uy .metin b { display: block; font-size: 15px; } .hb-uy .metin small { color: #64748b; font-size: 12.5px; }
.hb-uy.bekliyor { background: #fffbeb; border-radius: 12px; padding: 15px 10px; margin: 0 -10px; border-top: 0; }
.hb-ayar .anahtar-satir { padding: 12px 0; }
.hb-sil { background: #fff !important; border: 1px solid #fecaca !important; }
@media (min-width: 720px) { .hb-izgara { grid-template-columns: 1fr 1fr; gap: 16px; } }
@media (max-width: 899px) { .hb-ayar .o1 { order: 1; } .hb-ayar .o3 { order: 2; } .hb-ayar .o2 { order: 3; } .hb-ayar .o4 { order: 4; } .hb-ayar .tam { order: 5; } }
@media (min-width: 900px) {
  .hb-duz, .hb-ayar { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: stretch; }
  .hb-ayar > .tam { grid-column: 1 / -1; }
  .hb-duz > .kart, .hb-ayar > .kart { display: flex; flex-direction: column; }
  .hb-alta { margin-top: auto !important; }
}

/* 04.11.2026: kopyalanabilir hesap bilgileri (Bakiye Yükle) */
.hb-kop { align-items: center; }
.hb-kop b { flex: 1; font-variant-numeric: tabular-nums; }
.hb-kopbtn { flex: none; display: inline-grid; place-items: center; width: 34px; height: 34px; border-radius: 9px; border: 1px solid #e2e8f0; background: #fff; color: #334155; cursor: pointer; }
.hb-kopbtn:hover { background: #f1f5f9; } .hb-kopbtn:active { transform: scale(.94); }
.hb-kopl .hb-satir { padding: 9px 0; }
.hb-kopl .hb-satir span { width: 74px; flex: none; }
.hb-ipucu { display: flex; gap: 6px; align-items: flex-start; font-size: 13px; margin: 12px 0 0; background: #fffbeb; border: 1px solid #fde68a; color: #92400e; border-radius: 10px; padding: 9px 11px; }
.hb-ipucu .ik { flex: none; margin-top: 2px; }