/* Ortak gezinme: sayfa ve form stillerinden bağımsız. */
.if-head,.if-footer{font-family:Inter,'Segoe UI',Arial,sans-serif;box-sizing:border-box;text-align:left}
.if-head{background:#081725;border-bottom:1px solid #243747;color:#f2f7fa;position:relative;z-index:40}
.if-nav-inner{max-width:1200px;margin:0 auto;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.if-logo{display:inline-flex;align-items:center;gap:10px;color:#f2f7fa!important;text-decoration:none!important;font-size:22px;font-weight:800;letter-spacing:-.6px;flex-shrink:0}
.if-logo img{width:36px;height:36px;display:block}.if-head nav{display:flex;align-items:center;gap:8px;margin:0;padding:0;border:0}
.if-head nav a{color:#c1d0dc;text-decoration:none;padding:10px 14px;font-size:14px;font-weight:600;border-radius:8px;white-space:nowrap}
.if-head nav a:hover,.if-head nav a[aria-current=page]{background:#173448;color:#fff}
.if-head a:focus-visible,.if-footer a:focus-visible{outline:2px solid #1cc9c0;outline-offset:4px}
.if-footer{border-top:1px solid #243747;background:#081725;color:#bacbd8;padding:40px 24px 24px;font-size:14px;line-height:1.75;margin-top:40px}
.if-footer-inner{max-width:1152px;margin:auto;display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:40px}
.if-footer h2{font-size:14px!important;line-height:1.6!important;letter-spacing:0!important;text-transform:none!important;max-width:none!important;margin:0 0 12px!important;color:#fff}
.if-footer p{margin:14px 0!important;color:#bacbd8!important;font-size:14px!important;line-height:1.75!important}
.if-footer address{font-style:normal;margin:12px 0}.if-footer a{color:#bacbd8;text-decoration:none;overflow-wrap:anywhere}.if-footer a:hover{color:#1cc9c0;text-decoration:underline}
.if-footer nav{display:grid;gap:8px;margin:0;padding:0;border:0}.if-footer-bottom{max-width:1152px;margin:28px auto 0;padding-top:20px;border-top:1px solid #243747;color:#91a7b8;font-size:12px}
body.if-account{display:block;padding:0;min-height:100vh}body.if-account>main{margin:32px auto 48px;width:min(460px,calc(100% - 32px))}body.if-admin>main{width:min(920px,calc(100% - 32px))}
main.legal{padding-top:20px;padding-bottom:32px}.legal nav[aria-label='Yasal bilgiler']{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;border:1px solid var(--line);padding:20px;border-radius:12px}
.legal nav[aria-label='Yasal bilgiler'] a{font-size:14px;text-decoration:none;line-height:1.6}
.page-head{padding-top:42px;padding-bottom:40px}.page-head h1{max-width:24ch;text-transform:none}.page-head .sub{line-height:1.75}
@media(max-width:680px){.if-nav-inner{padding:16px;display:block}.if-head nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin-top:14px}.if-head nav a{padding:10px 2px;font-size:13px;text-align:center}.if-logo{font-size:21px}.if-footer{padding:30px 20px 22px}.if-footer-inner{grid-template-columns:1fr 1fr;gap:28px 18px}.if-footer-inner>section:first-child{grid-column:1/-1}.if-footer h2{font-size:14px!important}.legal nav[aria-label='Yasal bilgiler']{grid-template-columns:1fr}.page-head{padding-top:28px;padding-bottom:28px}}

/* Üst menü ölçüleri sayfanın gövde yazı tipinden etkilenmez. */
.if-head{font:400 14px/1.5 'Segoe UI',Arial,sans-serif}
.if-nav-inner{width:100%;min-height:80px;padding:16px 24px}
.if-logo{font-family:'Segoe UI',Arial,sans-serif;line-height:1.2}
.if-head nav a{font-family:'Segoe UI',Arial,sans-serif;line-height:24px}
main.legal{padding-top:40px}
@media(max-width:680px){.if-nav-inner{padding:16px;min-height:128px}.if-head nav a{min-height:44px;padding:10px 2px}.if-head nav{margin-top:12px}main.legal{padding:28px 20px 32px}.if-footer-inner{gap:24px 16px}input,textarea,select{font-size:16px}body.if-admin .item dl{grid-template-columns:minmax(0,110px) minmax(0,1fr)}body.if-admin .acts button{min-height:44px}}
@media(max-width:360px){.if-footer-inner{grid-template-columns:1fr}.if-footer-inner>section:first-child{grid-column:auto}}

.admin-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 14px}.admin-summary button{text-align:left;display:grid;gap:6px;min-width:0}.admin-summary strong{font-size:26px;line-height:1.1}.admin-summary span{font-size:12px;line-height:1.4;overflow-wrap:anywhere}body.if-admin #liste-sayisi{font-size:12px}body.if-admin input[type=file]{max-width:100%;font-size:13px}body.if-admin .item .top{overflow-wrap:anywhere}@media(max-width:480px){.admin-summary{gap:6px}.admin-summary button{padding:10px 8px}.admin-summary strong{font-size:23px}.admin-summary span{font-size:11px}body.if-admin .bar{align-items:stretch}body.if-admin .bar input{width:100%;flex-basis:100%}body.if-admin .acts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}body.if-admin .acts button{overflow-wrap:anywhere;white-space:normal}}

/* 05.10 gece — site cilası. Yönetim paneli (body.if-admin) bilerek hariç: onun ölçümleri ayrı. */
/* Hesap sayfaları (kayıt, anahtar, lisans ekle, telefonla doğrulama) eski stilde gövdeyi `display:grid;
   place-items:center` ile ortalıyordu. Güncel Edge/Chrome justify-items'ı blok düzende de uyguladığı için
   üst menü ve altbilgi içerik genişliğine büzülüp ortada kalıyordu (1440 px'te menü 546 px ölçüldü). */
body.if-account:not(.if-admin){place-items:normal;justify-items:normal}
/* Telefonda dokunma hedefleri en az 44 px (logo, altbilgi bağlantıları, telefon ve e-posta). */
@media(max-width:680px){
 body:not(.if-admin) .if-logo{min-height:44px}
 body:not(.if-admin) .if-footer nav{gap:0}
 body:not(.if-admin) .if-footer nav a{display:flex;align-items:center;min-height:44px;line-height:1.35}
 body:not(.if-admin) .if-footer section>a[href^="tel:"],body:not(.if-admin) .if-footer section>a[href^="mailto:"]{display:flex;align-items:center;min-height:44px;width:max-content;max-width:100%}
 body:not(.if-admin) .if-footer section>br{display:none}
 body:not(.if-admin) .home-price-actions .details-link{display:inline-flex;align-items:center;min-height:44px}
 body:not(.if-admin) main.legal nav{gap:0 12px}
 body:not(.if-admin) main.legal nav a{display:flex;align-items:center;min-height:44px}
 body:not(.if-admin) main.legal dd a[href^="tel:"],body:not(.if-admin) main.legal dd a[href^="mailto:"],body:not(.if-admin) main.legal .contact a{display:inline-flex;align-items:center;min-height:44px}
}

/* 08.10 — Site düzeni. Yönetim paneli (body.if-admin) bilerek hariç.
   Üst menü, sayfa içeriği (style.css .wrap) ve altbilgi AYNI kenar çizgisinde: masaüstünde 1200 px içerik ve
   yanlarda 24 px; telefonda (≤ 680 px, menünün iki satıra indiği yer) 16 px. Önceden menü ve altbilgi 1152 px,
   içerik 1200 px genişti; logo ile sayfa başlıkları 24 px kayık, yan boşluklar 16/20/22/24/28 px karışıktı. */
:root{--kenar:24px}
@media(max-width:680px){:root{--kenar:16px}}
body:not(.if-admin) .if-nav-inner{max-width:calc(1200px + 2 * var(--kenar));padding-left:var(--kenar);padding-right:var(--kenar)}
body:not(.if-admin) .if-footer{padding-left:var(--kenar);padding-right:var(--kenar)}
body:not(.if-admin) .if-footer-inner,body:not(.if-admin) .if-footer-bottom{max-width:1200px}
/* Altbilgi başlıkları: style.css'li sayfalarda 900, hesap sayfalarında 700 kalınlıktaydı. */
body:not(.if-admin) .if-footer h2{font-weight:700}
/* Menü ve logo yazısı da sitenin yazı tipi Inter (kullanıcı 08.10: "inter yap"; her cihazda aynı). Önceden Windows'ta
   Segoe UI, Mac ve telefonda Arial'di. Inter her sayfada künyeyle yüklü; panel kendi yazı tipinde kalır. */
body:not(.if-admin) .if-head,body:not(.if-admin) .if-logo,body:not(.if-admin) .if-head nav a{font-family:Inter,'Segoe UI',Arial,sans-serif}
/* Belge sayfaları (sözleşmeler, çerez, hakkımızda, iletişim): içerik sütunu 844 px, yan boşluk menüyle aynı.
   İletişim 08.10'dan beri hakkımızda ile AYNI düzende (kullanıcı kararı; önceki if-contact ayrımı kaldırıldı).
   Başlık biçimi legal.css'te. */
body:not(.if-admin) main.legal{width:min(calc(844px + 2 * var(--kenar)),100%);padding-left:var(--kenar);padding-right:var(--kenar)}
body:not(.if-admin) .legal h1{margin-top:0}
/* WhatsApp destek düğmesi (08.10, kullanıcı: "web sitesine wp destek butonu koyalım"; numara 0850 840 39 64).
   Her sayfada sağ altta; telefonda yalnız simge. site-ortak.mjs altBilgi ile gelir. */
body:not(.if-admin) .wp-destek{position:fixed;right:18px;bottom:18px;z-index:60;display:inline-flex;align-items:center;gap:9px;min-height:48px;padding:0 18px 0 14px;border-radius:999px;background:#25d366;color:#05301b;font:600 14px/1 Inter,system-ui,sans-serif;text-decoration:none;box-shadow:0 8px 24px rgba(0,0,0,.35)}
body:not(.if-admin) .wp-destek:hover{background:#1fbd5b}
body:not(.if-admin) .wp-destek:focus-visible{outline:3px solid #fff;outline-offset:3px}
body:not(.if-admin) .wp-destek svg{flex:0 0 auto}
@media (max-width:640px){body:not(.if-admin) .wp-destek{right:14px;bottom:14px;width:54px;height:54px;padding:0;justify-content:center}body:not(.if-admin) .wp-destek span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}
@media print{body:not(.if-admin) .wp-destek{display:none}}
.if-footer-odeme{max-width:1152px;margin:28px auto 0;padding-top:20px;border-top:1px solid #243747}.if-footer-odeme img{display:block;max-width:100%;height:auto;opacity:.95}