/* EKSAGE ana sayfa — 20261101f */
body{margin:0;background:#FFFFFF}
a{color:#0D5D82;text-decoration:none}a:hover{color:#0D3A5E}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #DFB028;outline-offset:2px}
/* Giriş animasyonu: logo önce siyah, sonra renkleri aşağıdan yukarı dolar */
.logo-siyah{filter:brightness(0)}
.logo-renkli{clip-path:inset(100% 0 0 0);animation:logoDol 1.8s cubic-bezier(.65,0,.25,1) .6s forwards}
@keyframes logoDol{to{clip-path:inset(0 0 0 0)}}
@media (prefers-reduced-motion: reduce){.logo-renkli{animation:none;clip-path:none}}
.saha-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.saha-buyuk{grid-column:span 2;grid-row:span 2}
@media (max-width:820px){.saha-grid{grid-template-columns:1fr 1fr}.saha-buyuk{grid-row:auto}}
@media (max-width:520px){.saha-grid{grid-template-columns:1fr}.saha-buyuk{grid-column:auto}}
.ref-kombi{display:inline-flex;align-items:center;gap:8px;filter:grayscale(1);opacity:.75;font-size:13px;font-weight:600;line-height:1.15;color:#34495A;text-align:left}
.ref-kombi:hover{filter:none;opacity:1}
.ref-kayan{display:flex;flex-direction:column;gap:34px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.ref-serit{display:flex;width:max-content;animation:refKay 170s linear -166.9s infinite}
.ref-ters{animation-direction:reverse;animation-duration:175s;animation-delay:-3.3s}
.ref-grup{display:flex;align-items:center;gap:64px;padding-right:64px}
.ref-kayan:hover .ref-serit{animation-play-state:paused}
@keyframes refKay{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion: reduce){.ref-serit{animation:none;width:auto}.ref-grup{flex-wrap:wrap;justify-content:center;padding-right:0}.ref-grup[aria-hidden]{display:none}.ref-kayan{-webkit-mask-image:none;mask-image:none}}
.ref-logo{max-height:46px;max-width:140px;object-fit:contain;filter:grayscale(1);opacity:.7}
.ref-logo:hover{filter:none;opacity:1}

/* ---------- Canlı sitede eklenenler: genel ---------- */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}
body{font-family:'IBM Plex Sans',system-ui,-apple-system,'Segoe UI',sans-serif;color:#10273A}
img{max-width:100%}
section[id],div[id]{scroll-margin-top:88px}
.site-ust{position:sticky;top:0;z-index:50}
.site-ust>div{position:relative}
.ana-menu a{position:relative}
.ana-menu a:hover{color:#0D5D82!important}
.menu-dugme{display:none;width:46px;height:46px;border:1px solid #DCE3E9;border-radius:8px;background:#FFFFFF;color:#0D3A5E;align-items:center;justify-content:center;cursor:pointer}
.mobil-cubuk{display:none}
#formDurum.tamam{color:#447A1C;font-weight:600}
#formDurum.hata{color:#B3261E;font-weight:600}
#iletisimFormu input:invalid:focus,#iletisimFormu textarea:invalid:focus{outline-color:#DFB028}
#iletisimFormu button[disabled]{opacity:.7;cursor:progress}

/* ---------- Tablet ---------- */
@media (max-width: 1100px){
  .menu-dugme{display:inline-flex}
  .ana-menu{display:none!important}
  .ana-menu.acik{display:flex!important;flex-direction:column;gap:0!important;position:absolute;top:100%;left:0;right:0;background:#FFFFFF;border-bottom:1px solid #DCE3E9;box-shadow:0 18px 30px rgba(13,58,94,.12);padding:8px 24px 16px}
  .ana-menu.acik a{padding:14px 0;border-bottom:1px solid #E6ECF0;font-size:17px}
  .ana-menu.acik a:last-child{border-bottom:0}
}
@media (max-width: 900px){
  .giris-kart{position:relative!important;left:auto!important;top:auto!important;width:auto!important;margin:-56px 16px 0}
  .giris-foto{height:380px!important}
}

/* ---------- Telefon ---------- */
@media (max-width: 720px){
  body{padding-bottom:76px}
  .ust-serit{display:none}
  .ust-cta{display:none!important}
  .site-ust img{height:52px!important}
  section>div[style*="padding: 96px 24px"],section>div[style*="padding: 88px 24px"]{padding-top:64px!important;padding-bottom:64px!important}
  section>div[style*="padding: 72px 24px 80px"]{padding-top:40px!important;padding-bottom:56px!important}
  .giris-foto{height:300px!important}
  #iletisimFormu{padding:24px!important}
  .mobil-cubuk{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:60;background:#FFFFFF;border-top:1px solid #DCE3E9;box-shadow:0 -6px 18px rgba(13,58,94,.08);padding:8px 8px calc(10px + env(safe-area-inset-bottom))}
  .mobil-cubuk a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:52px;color:#0D3A5E;font-size:12px;font-weight:600;text-decoration:none}
  .mobil-cubuk a.mobil-cubuk-cta{flex:1.3;flex-direction:row;margin:4px 4px 0;border-radius:6px;background:#DFB028;color:#0A2C48;font-size:14px;font-weight:700}
  .ref-grup{gap:44px;padding-right:44px}
}