/* Özermug tasarım standardı — yeni bileşenler yalnız bu değişkenleri/sınıfları kullanır (NOTLAR.md §6) */
:root {
	--oz-b1: 4px; --oz-b2: 8px; --oz-b3: 12px; --oz-b4: 16px; --oz-b5: 20px; --oz-b6: 24px; --oz-b7: 32px; --oz-b8: 48px;
	--oz-bolum: 48px;
	--oz-radius: 6px; --oz-radius-lg: 10px;
	--oz-btn-h-sm: 32px; --oz-btn-h: 40px; --oz-btn-h-lg: 46px;
	--oz-font-sm: 12px; --oz-font: 14px; --oz-font-lg: 15px;
	--oz-cizgi: #e8e8e8; --oz-zemin: #f7f7f7; --oz-soluk: #777;
	--oz-golge: 0 2px 12px rgba(0,0,0,.06);
}
@media (max-width: 767px) { :root { --oz-bolum: 32px; } }

/* Bölüm boşluğu: navbar/footer ile içerik arası */
.oz-bolum { padding-top: var(--oz-bolum); padding-bottom: var(--oz-bolum); min-height: 50vh; }

/* Butonlar: 3 boy (sm/varsayılan/lg) × 3 tür (dolu/çizgi/sade) */
.oz-btn { display: inline-flex; align-items: center; justify-content: center; gap: var(--oz-b2); height: var(--oz-btn-h); padding: 0 var(--oz-b4); margin: 0;
	font: 600 var(--oz-font)/1 'Open Sans', sans-serif; letter-spacing: .3px; text-transform: uppercase; white-space: nowrap; text-decoration: none; cursor: pointer;
	color: var(--oz-yazi); background: var(--oz-ana); border: 1px solid var(--oz-ana); border-radius: var(--oz-radius); transition: background .2s, color .2s, border-color .2s; }
.oz-btn:hover, .oz-btn:focus { color: var(--oz-yazi); background: var(--oz-ana-hover); border-color: var(--oz-ana-hover); text-decoration: none; outline: none; }
.oz-btn:disabled { opacity: .6; cursor: wait; }
.oz-btn i { padding: 0; font-size: 1em; }
.oz-btn-cizgi { color: var(--oz-koyu); background: transparent; border-color: var(--oz-koyu); }
.oz-btn-cizgi:hover, .oz-btn-cizgi:focus { color: #fff; background: var(--oz-koyu); border-color: var(--oz-koyu); }
.oz-btn-sade { color: var(--oz-soluk); background: transparent; border-color: var(--oz-cizgi); }
.oz-btn-sade:hover, .oz-btn-sade:focus { color: var(--oz-koyu); background: var(--oz-zemin); border-color: #ccc; }
.oz-btn-sm { height: var(--oz-btn-h-sm); padding: 0 var(--oz-b3); font-size: var(--oz-font-sm); }
.oz-btn-lg { height: var(--oz-btn-h-lg); padding: 0 var(--oz-b5); font-size: var(--oz-font-lg); }
.oz-btn-blok { display: flex; width: 100%; }

.oz-btn input[type=file] { display: none !important; }

/* Form girdileri butonlarla aynı yükseklikte (site genel input stillerini ezer) */
input.oz-girdi, textarea.oz-girdi, select.oz-girdi { display: block; width: 100%; height: var(--oz-btn-h); padding: 0 var(--oz-b3); font-size: var(--oz-font); color: #333; background: #fff; border: 1px solid #ccc; border-radius: var(--oz-radius); box-shadow: none; }
textarea.oz-girdi.oz-girdi { height: auto; padding: var(--oz-b2) var(--oz-b3); }
input.oz-girdi:focus, textarea.oz-girdi:focus { border-color: var(--oz-ana); outline: none; }

/* Kart */
.oz-kart { background: #fff; border: 1px solid var(--oz-cizgi); border-radius: var(--oz-radius-lg); padding: var(--oz-b6); box-shadow: var(--oz-golge); }

/* Radyo/onay kutusu: site temasındaki gizleme stilini geri al */
.oz-secim input[type=radio], .oz-secim input[type=checkbox] { position: static; opacity: 1; width: 16px; height: 16px; margin: 0 var(--oz-b2) 0 0; vertical-align: -3px; accent-color: var(--oz-ana); }

/* Segment (2-3 seçenekli geçiş): Tek/Çift yön, Ön/Arka yüz vb. */
.oz-segment { display: flex; padding: 2px; background: var(--oz-zemin); border: 1px solid var(--oz-cizgi); border-radius: var(--oz-radius); }
.oz-segment button { flex: 1; height: 26px; padding: 0 var(--oz-b3); font: 600 var(--oz-font-sm)/1 'Open Sans', sans-serif; letter-spacing: .3px; text-transform: uppercase; color: var(--oz-soluk); background: transparent; border: 0; border-radius: 4px; cursor: pointer; }
.oz-segment button.aktif { color: #fff; background: var(--oz-koyu); }

/* Bileşen: Bayi giriş modalı */
.oz-giris .modal-dialog { width: auto; max-width: 820px; margin: var(--oz-b8) auto; padding: 0 var(--oz-b4); }
.oz-giris .modal-content { display: flex; overflow: hidden; border: 0; border-radius: var(--oz-radius-lg); box-shadow: 0 20px 50px rgba(0,0,0,.25); }
.oz-giris-gorsel { position: relative; flex: 0 0 46%; min-height: 460px; background: var(--oz-koyu) center / cover no-repeat; }
.oz-giris-gorsel:after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,.8), rgba(0,0,0,.1) 65%); }
.oz-giris-gorsel-yazi { position: absolute; left: var(--oz-b6); right: var(--oz-b6); bottom: var(--oz-b6); z-index: 1; color: #fff; }
.oz-giris-gorsel-yazi b { display: block; margin-bottom: var(--oz-b3); font-size: 20px; }
.oz-giris-gorsel-yazi ul { margin: 0; padding: 0; list-style: none; font-size: 13px; line-height: 1.9; }
.oz-giris-gorsel-yazi i { margin-right: var(--oz-b2); color: var(--oz-acik); }
.oz-giris-form { position: relative; flex: 1; padding: var(--oz-b7); }
.oz-giris-kapat { position: absolute; top: var(--oz-b3); right: var(--oz-b4); padding: 0; font-size: 28px; line-height: 1; color: #999; background: none; border: 0; cursor: pointer; }
.oz-giris-kapat:hover { color: var(--oz-koyu); }
.oz-giris-logo { display: block; max-width: 180px; height: 40px; object-fit: contain; object-position: left; margin-bottom: var(--oz-b6); }
.oz-giris-form h4 { margin: 0 0 var(--oz-b1); font-size: 22px; font-weight: 700; }
.oz-giris-form > p { margin: 0 0 var(--oz-b5); font-size: 13px; color: var(--oz-soluk); }
.oz-giris-form form { display: flex; flex-direction: column; gap: var(--oz-b3); }
.oz-giris-form label { margin: 0; font-size: var(--oz-font-sm); font-weight: 600; text-transform: uppercase; letter-spacing: .3px; color: #555; }
.oz-giris-form label .oz-girdi { margin-top: var(--oz-b1); }
.oz-giris-form .oz-btn { margin-top: var(--oz-b2); }
.oz-giris-hata { padding: var(--oz-b2) var(--oz-b3); font-size: 13px; color: #a94442; background: #fbeaea; border-radius: var(--oz-radius); }
.oz-giris-alt { display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--oz-b2); margin-top: var(--oz-b5); padding-top: var(--oz-b4); border-top: 1px solid var(--oz-cizgi); font-size: 13px; color: var(--oz-soluk); }
.oz-giris-alt a { color: var(--oz-ana); font-weight: 600; }
@media (max-width: 767px) {
	.oz-giris .modal-dialog { margin: var(--oz-b4) auto; }
	.oz-giris .modal-content { flex-direction: column; }
	.oz-giris-gorsel { flex: none; min-height: 140px; }
	.oz-giris-gorsel-yazi { left: var(--oz-b5); bottom: var(--oz-b4); }
	.oz-giris-gorsel-yazi b { margin: 0; }
	.oz-giris-gorsel-yazi ul { display: none; }
	.oz-giris-logo { display: none; }
	.oz-giris-form { padding: var(--oz-b6) var(--oz-b5); }
}

/* Bileşen: Header */
.topheader { padding: var(--oz-b2) 0; font-size: 13px; }
.topheader ul { margin: 0; }
.midhead { padding: var(--oz-b6) 0; }
.midhead input[type="search"] { height: var(--oz-btn-h); padding: 0 var(--oz-b8) 0 var(--oz-b4); border-radius: var(--oz-radius); }
@media (max-width: 991px) {
	.topheader { display: none; }
	.midhead { padding: var(--oz-b5) 0 var(--oz-b4); }
	.midhead input[type="search"] { margin: var(--oz-b4) 0 var(--oz-b3); }
}

/* Bileşen: Footer */
.sosyallinkler { padding: var(--oz-b8) 0; }
.sosyallinkler h2 { margin: 0 0 var(--oz-b3); }
.sosyallinkler p { margin: 0; line-height: 1.6; }
.footer { padding: var(--oz-b8) 0 var(--oz-b7); }
.footheading { margin: 0 0 var(--oz-b5) !important; padding-bottom: var(--oz-b2); font-size: 18px; }
.footer .footheading::after { width: 40px; background-color: var(--oz-ana); }
.footer ul.list-with-icon { margin: 0; padding: 0; }
.footer ul.list-with-icon li { margin-bottom: var(--oz-b3); }
.footer-logo { margin: 0 0 var(--oz-b4); }
.copyright { padding: var(--oz-b4) 0; }
.copyright p { margin: 0; }
.copyright img { vertical-align: middle; }
@media (max-width: 767px) {
	.sosyallinkler { padding: var(--oz-b7) 0; }
	.sosyallinkler .sociallinks { margin-top: var(--oz-b4); text-align: left; }
	.footer { padding: var(--oz-b7) 0 var(--oz-b4); }
	.footer .row > div { margin-bottom: var(--oz-b6); }
	.copyright .text-right { margin-top: var(--oz-b2); text-align: center; }
	.footer-logo { width: 160px; }
}