/* --------- Temel Ayarlar --------- */
:root{
  --blue:#0B6EB6;     /* logo lacivert */
  --blue-dark:#074f86;
  --red:#d12b2e;      /* logo kırmızısı */
  --gold:#f2c14e;     /* logo altın sarısı */
  --ink:#223;
  --bg:#f7f8fb;
  --card:#ffffff;
  --muted:#6b7280;
  --radius:14px;
  --shadow:0 8px 24px rgba(0,0,0,.08);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font:16px/1.6 'Barlow', sans-serif;
  color:var(--ink);
  background:var(--bg);

}



/* --------- Kapsayıcı --------- */
.container{
  width:min(1100px, 92vw);
  margin-inline:auto;
}

/* --------- Header --------- */
.site-header{
  position:sticky; top:0; z-index:50;
  background:var(--blue);
  box-shadow:0 2px 12px rgba(0,0,0,.2);
}
.header-inner{
  display:flex; align-items:center; justify-content:space-between; padding:10px 0;
}
.brand{display:flex; align-items:center; gap:12px; text-decoration:none}
.brand img{height:64px; width:auto; display:block}
.brand-text {
  color:#fff;
  font-weight:700;
  letter-spacing:.3px;
  font-size: 1.2rem;       /* önceki halinden büyük */
}

@media (min-width: 992px) {
  .brand-text {
    font-size: 1.4rem;     /* büyük ekranlarda daha da büyük */
  }
}

.nav{display:flex; gap:20px; align-items:center}
.nav a{
  color:#fff; text-decoration:none; font-weight:600; opacity:.95;
}

.btn{
  padding:10px 16px; border-radius:999px; display:inline-block; font-weight:700; text-decoration:none;
}
.btn-gold{background:var(--gold); color:#1a1a1a}
.btn-white{background:#fff; color:var(--blue)}
.btn-blue{background:var(--blue); color:#fff}
.btn:hover{transform:translateY(-1px); box-shadow:0 6px 18px rgba(0,0,0,.12)}

/* Hamburger (mobil) */
.hamburger{display:none; background:none; border:0; width:40px; height:40px}
.hamburger span{display:block; height:3px; background:#fff; margin:7px 0}

/* --------- Hero --------- */
.hero{
  position:relative;
  min-height: calc(100svh - var(--header-h));
  background: url("../img/swim-bg.jpg") center/cover no-repeat fixed; /* soyut mavi desen */
  color:#fff;
  display:grid; place-items:center;
  text-align:center;
}

.hero-overlay{
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.3);  /* %50 siyah */
  display: block;              /* önceden none idi */
  pointer-events: none;
  z-index: 0;
}
.hero-content{ position: relative; z-index: 1; } /* metin üstte kalsın */
.hero h1 {
  font-size: clamp(32px, 6vw, 64px); /* daha büyük */
  margin: 0 0 20px;
}
.hero p{opacity:.95; max-width:720px; margin:0 auto 22px}
.hero-cta{display:flex; gap:12px; justify-content:center}
.wave{display:block; width:100%; height:120px; position:absolute; bottom:-1px; left:0}
.wave path{fill:var(--bg)}

/* --------- Bölümler --------- */
.section{padding:64px 0}
.section.alt{background:#fff}
.section h2{font-size:clamp(22px, 3vw, 30px); margin:0 0 14px; color:var(--blue-dark)}
.grid-2{display:grid; grid-template-columns:1.2fr .8fr; gap:28px}

/* Hakkımızda kartı ve istatistikler */
.about-card{
  background:var(--card); border-radius:var(--radius); box-shadow:var(--shadow);
  padding:22px;
}
.stats{display:grid; grid-template-columns:repeat(2,1fr); gap:16px; text-align:center}
.stats span{font-size:26px; font-weight:800; color:var(--red)}
.stats small{display:block; color:var(--muted)}

/* Check list */
.checks{list-style:none; padding-left:0; margin:12px 0 0}
.checks li{
  padding-left:28px; position:relative; margin:8px 0; color:#2c3342
}
.checks li::before{
  content:"✓"; position:absolute; left:0; top:0; color:var(--gold); font-weight:900
}

/* Program Kartları */
.cards{display:grid; grid-template-columns:repeat(4,1fr); gap:18px; margin-top:20px}
.card{
  background:var(--card); border-radius:var(--radius); box-shadow:var(--shadow);
  padding:18px 16px; border:3px solid transparent;
}
.card h3{margin:0 0 6px; color:var(--blue)}
.card:hover{border-color:var(--gold); transform:translateY(-2px); transition:.2s}

/* Antrenörler */
.coach-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:12px}
.coach{
  background:var(--card); border-radius:var(--radius); box-shadow:var(--shadow);
  padding:18px; text-align:center
}
.avatar{
  width:72px; height:72px; margin:0 auto 10px; border-radius:50%;
  display:grid; place-items:center; font-weight:800; color:#fff;
  background:linear-gradient(135deg, var(--blue), var(--red));
}
.parallax {
  background-image: url("img/swim-bg.jpg"); /* kendi görselini koy */
  min-height: 300px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
/* Tesis görsel yer tutucu */
.facility-img{
  min-height:220px; border-radius:var(--radius); box-shadow:var(--shadow);
  background:
    radial-gradient(circle at 30% 30%, rgba(255,255,255,.35), transparent 40%),
    linear-gradient(135deg, #9bd3ff, #63aef0 60%, #3c86ce);
}

/* Galeri */
.gallery{
  display:grid; grid-template-columns:repeat(6,1fr); gap:10px; margin-top:14px
}
.gallery img{
  width:100%; height:140px; object-fit:cover; border-radius:12px; box-shadow:0 4px 16px rgba(0,0,0,.08)
}

/* İletişim */
.contact-form{
  background:var(--card); padding:18px; border-radius:var(--radius); box-shadow:var(--shadow)
}
.contact-form label{display:block; font-weight:600; margin:10px 0 6px}
.contact-form input, .contact-form textarea{
  width:100%; padding:12px 12px; border:1px solid #e5e7eb; border-radius:10px; font:inherit
}
.contact-form button{margin-top:10px; border:0}
.map-placeholder{
  height:220px; border:2px dashed #cbd5e1; border-radius:12px; display:grid; place-items:center; color:var(--muted); margin-top:10px
}
.note{color:var(--muted); margin-top:12px}

.parallax {
  background-image: url("../img/swim-bg.jpg"); /* soyut mavi desen görselini buraya koy */
  min-height: 300px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* Footer */
.site-footer{background:#0a2f53; color:#d7e1ec; padding:20px 0; margin-top:24px}
.footer-inner{display:flex; justify-content:space-between; align-items:center}
.footer-inner a{color:#d7e1ec; text-decoration:none; margin-left:14px}


/* --------- Responsive --------- */
@media (max-width: 980px){
  .grid-2{grid-template-columns:1fr}
  .cards{grid-template-columns:repeat(2,1fr)}
  .coach-grid{grid-template-columns:repeat(2,1fr)}
  .gallery{grid-template-columns:repeat(3,1fr)}
}
@media (max-width: 720px){
  .nav{display:none; position:absolute; right:14px; top:70px; background:var(--blue); padding:14px; border-radius:12px; flex-direction:column; gap:10px; box-shadow:var(--shadow)}
  .hamburger{display:block}
  .gallery{grid-template-columns:repeat(2,1fr)}
}
.nav.open{display:flex}