/* 2026-10-11: genotomotiv.com üyelik + araç takip sayfaları (uye/, takip/). Ana stil /style.css; burası yalnız bu sayfalara özel. */
.uye-ana { padding: 36px 0 64px; min-height: 60vh; background: var(--gri); }
.uye-kutu { max-width: 560px; background: #fff; border: 1px solid var(--cizgi); border-radius: 22px; padding: 28px 24px; box-shadow: 0 8px 28px rgba(0,0,0,.06); }
.uye-kutu h1 { font-size: clamp(1.6rem, 5vw, 2.1rem); }
.sekmeler { display: flex; gap: 8px; margin: 18px 0 16px; background: var(--gri); border-radius: 999px; padding: 5px; }
.sekme { flex: 1; border: 0; background: transparent; font: inherit; font-weight: 800; color: var(--soluk); border-radius: 999px; padding: 10px 14px; cursor: pointer; min-height: 44px; }
.sekme.aktif { background: #fff; color: var(--murekkep); box-shadow: 0 1px 4px rgba(0,0,0,.12); }
.uye-form { display: grid; gap: 14px; }
.uye-form label { display: flex; flex-direction: column; gap: 6px; font-weight: 700; font-size: .95rem; color: var(--murekkep); }
.uye-form input[type=text], .uye-form input[type=email], .uye-form input[type=password], .uye-form input[type=tel] {
  font: inherit; font-weight: 600; min-height: 50px; padding: 0 14px; border: 2px solid var(--cizgi); border-radius: 12px; background: #fff; color: var(--murekkep); width: 100%;
}
.uye-form input:focus { border-color: var(--kirmizi); outline: none; }
.cift { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.tel-kutu { display: flex; align-items: stretch; }
.tel-on { display: inline-flex; align-items: center; padding: 0 12px; background: var(--gri); border: 2px solid var(--cizgi); border-right: 0; border-radius: 12px 0 0 12px; font-weight: 800; }
.tel-kutu input { border-radius: 0 12px 12px 0 !important; }
.onay { flex-direction: row !important; align-items: flex-start; gap: 10px !important; font-weight: 600 !important; font-size: .9rem !important; }
.onay input { width: 22px; height: 22px; margin-top: 2px; flex-shrink: 0; accent-color: var(--kirmizi); }
.bal-kupu { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.not { margin: 0; min-height: 1.2em; font-weight: 700; font-size: .92rem; color: #b00020; }
.not.ok { color: #12703a; }
.kucuk { font-size: .88rem; }
.bildirim { background: #eaf6ee; border: 1px solid #b6dfc4; border-radius: 14px; padding: 14px 16px; margin: 16px 0; }
.bildirim.uyelik { background: var(--gri); border-color: var(--cizgi); margin-top: 28px; }
.arac-liste { display: grid; gap: 12px; margin-bottom: 18px; }
.arac-kart { display: block; border: 2px solid var(--cizgi); border-radius: 14px; padding: 14px 16px; text-decoration: none; color: var(--yazi); }
.arac-kart:hover { border-color: var(--kirmizi); }
.arac-kart b { display: block; font-size: 1.1rem; color: var(--murekkep); }
.rozet { display: inline-block; padding: 6px 14px; border-radius: 999px; font-weight: 800; font-size: .95rem; background: #fff3d6; color: #8a5a00; }
.rozet.bitti { background: #dff3e6; color: #12703a; }
/* takip sayfası */
.selam { margin: 0 0 6px; color: var(--soluk); font-weight: 700; }
.plaka { font-weight: 800; letter-spacing: .08em; font-size: 1.15rem; color: var(--soluk); margin: 0 0 10px; }
.zaman { list-style: none; margin: 22px 0 14px; padding: 0 0 0 6px; }
.zaman li { position: relative; padding: 0 0 22px 34px; }
.zaman li::before { content: ""; position: absolute; left: 7px; top: 22px; bottom: 0; width: 3px; background: var(--cizgi); }
.zaman li:last-child::before { display: none; }
.zaman li::after { content: ""; position: absolute; left: 0; top: 3px; width: 17px; height: 17px; border-radius: 50%; background: #fff; border: 4px solid #b9bcc2; }
.zaman li.gecti::after { background: #12703a; border-color: #12703a; }
.zaman li.simdi::after { background: var(--kirmizi); border-color: #f4c3cb; box-shadow: 0 0 0 4px #fbe3e7; }
.zaman b { display: block; font-size: 1.08rem; color: var(--murekkep); line-height: 1.3; }
.zaman time { display: block; font-size: .88rem; color: var(--soluk); font-weight: 600; }
.zaman li.simdi b { color: var(--kirmizi); }
/* 2026-10-11, kullanıcı isteği: "Mobilde üye bilgileri vs tam otursun sayfaya zfold da dahil" (Z Fold dış ekran ~344px, iç ekran ~673/884px) */
body { padding-bottom: env(safe-area-inset-bottom, 0); } /* bu sayfalarda alt eylem çubuğu yok; style.css'in 64px boşluğu footer altında beyaz bant bırakıyordu */
.geri-btn { width: auto !important; }
#hesapIletisim { white-space: pre-line; overflow-wrap: anywhere; line-height: 1.5; }
.uye-form label small { font-size: .84rem; font-weight: 600; line-height: 1.35; }
.uye-form input { min-width: 0; }
@media (max-width: 520px) {
  .uye-ana { padding: 0 0 8px; background: #fff; min-height: 0; }
  .uye-kutu { max-width: none; border: 0; border-radius: 0; box-shadow: none; padding: 14px max(16px, env(safe-area-inset-right)) 28px max(16px, env(safe-area-inset-left)); }
}
@media (max-width: 380px) { .sekme { padding: 10px 6px; font-size: .95rem; } .uye-form { gap: 12px; } }
.geri { margin: 0 0 14px; } .geri-btn { min-height: 40px !important; padding: 0 16px !important; font-size: .92rem; }

/* ======== 2026-10-11, kullanıcı isteği (Burak, Z Fold ekran görüntüsü): "Tek sayfaya sığdır" — üye/hesap sayfası sıkı ========
   Büyük başlık, iri düğme ve geniş boşluklar kaldırıldı: Çıkış yap başlık satırında, e-posta · telefon tek satır, sekmeler/kutular/araç kartları ince.
   Telefon (390x844) ve Z Fold'da Araçlarım/Bilgilerim/Şifre ve giriş formu kaydırmadan tek ekrana sığar. */
.hesap-ust { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.hesap-ust h1 { margin: 0; }
.btn-kucuk { min-height: 36px !important; padding: 0 14px !important; font-size: .85rem; flex: 0 0 auto; width: auto !important; }
.uye-ana { padding: 18px 0 32px; }
.uye-kutu { padding: 16px 20px 18px; border-radius: 18px; }
.uye-kutu h1 { font-size: clamp(1.3rem, 4.5vw, 1.7rem); line-height: 1.2; }
#hesapIletisim { white-space: normal; margin: 4px 0 0; font-size: .85rem; line-height: 1.35; }
.uye-kutu > .soluk, #uyeMisafir > .soluk { font-size: .9rem; line-height: 1.4; margin: 6px 0; }
.geri { margin: 0 0 8px; }
.geri-btn { min-height: 34px !important; padding: 0 14px !important; font-size: .85rem; }
.sekmeler { margin: 10px 0; padding: 3px; gap: 4px; }
.sekme { min-height: 38px; padding: 6px 10px; font-size: .92rem; }
.uye-form { gap: 10px; }
.uye-form label { gap: 4px; font-size: .88rem; }
.uye-form input[type=text], .uye-form input[type=email], .uye-form input[type=password], .uye-form input[type=tel] { min-height: 42px; border-radius: 10px; }
.tel-on { border-radius: 10px 0 0 10px; }
.tel-kutu input { border-radius: 0 10px 10px 0 !important; }
.uye-form label small { font-size: .76rem; line-height: 1.25; }
.onay { font-size: .82rem !important; gap: 8px !important; }
.onay input { width: 20px; height: 20px; }
.uye-form .btn { min-height: 44px; }
.not { min-height: 1.1em; font-size: .85rem; }
.arac-liste { gap: 8px; margin-bottom: 10px; }
.arac-kart { padding: 10px 12px; border-radius: 12px; }
.arac-kart b { font-size: 1rem; }
.rozet { padding: 3px 10px; font-size: .85rem; }
.bildirim { padding: 10px 12px; margin: 10px 0; font-size: .9rem; }
@media (max-width: 520px) {
  .uye-kutu { padding: 10px max(16px, env(safe-area-inset-right)) 14px max(16px, env(safe-area-inset-left)); }
  .uye-ana { padding: 0 0 8px; }
  .cift { grid-template-columns: 1fr 1fr; gap: 8px; }          /* Ad|Soyad ve Şifre|Şifre (tekrar) telefonda da yan yana (eskiden tek sütun) */
  #uyeMisafir > .soluk { font-size: .85rem; margin: 4px 0; }
}
@media (max-width: 340px) { .cift { grid-template-columns: 1fr; } }   /* Z Fold dış ekran ~344px ve altı: dar, tek sütun */