/* Tasarım 2 · Bento — temiz, kart ızgaralı, uygulama hissi */
:root{
  --zemin:#EFF5F6; --yuzey:#fff; --yuzey-2:#fff; --metin:#16292C; --ikincil:#4F6366; --baslik:#0B3F46;
  --ana:#0E7C88; --ana-koyu:#0B3F46; --ana-metin:#fff; --vurgu:#FFD36E; --vurgu-metin:#0B3F46;
  --acik:#DDF1F3; --ik-renk:#0E7C88; --cizgi:#DCE6E8; --odak:#F28C6B;
  --r:28px; --r-kucuk:18px; --max:1240px; --gutter:20px;
  --font:"Plus Jakarta Sans",system-ui,sans-serif; --baslik-agirlik:800; --baslik-harf:-.025em;
  --ust-h:92px;
}
h1{font-size:clamp(40px,5.2vw,70px)}
.k{border-radius:var(--r);padding:32px;position:relative;overflow:hidden}
.k:where(:not(.foto)){background:var(--yuzey)}
.etiket{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:700;padding:7px 14px;border-radius:999px;background:var(--acik);color:var(--ana)}
.nabiz{width:8px;height:8px;border-radius:50%;background:#1BA35B;animation:nabiz 2s infinite}
@keyframes nabiz{0%{box-shadow:0 0 0 0 rgba(27,163,91,.5)}70%{box-shadow:0 0 0 10px rgba(27,163,91,0)}100%{box-shadow:0 0 0 0 rgba(27,163,91,0)}}
.ust-baslik{font-size:14px;letter-spacing:0;text-transform:none;padding:7px 14px;border-radius:999px;background:var(--acik)}
.btn-acik{background:var(--zemin);color:var(--baslik)}
.btn-acik:hover{background:var(--acik)}

/* Yüzen menü */
.nav-sar{position:sticky;top:12px;z-index:60;padding:0 12px}
.nav{max-width:var(--max);margin:12px auto 0;background:rgba(255,255,255,.9);backdrop-filter:blur(14px) saturate(1.4);border:1px solid #fff;box-shadow:0 10px 30px -14px rgba(11,63,70,.28);border-radius:999px;display:flex;align-items:center;justify-content:space-between;padding:8px 8px 8px 24px;gap:12px;min-height:72px}
.nav .logo img{width:150px}
.menu-oge>a,.alt-ac{color:var(--ikincil)}
.menu-oge>a:hover,.alt-ac:hover{background:var(--zemin);color:var(--baslik)}
.menu-oge.aktif>a,.menu-oge.aktif>.alt-ac{background:var(--acik);color:var(--ana)}
.alt-menu{border-radius:22px;border:0}
.menu-dugme{border-radius:50%;border:0;background:var(--zemin)}
@media (max-width:1099px){
  body.menu-acik .ana-menu{top:96px;left:12px;right:12px;bottom:auto;max-height:calc(100vh - 110px);border-radius:24px;border:0;box-shadow:0 30px 60px -20px rgba(11,63,70,.35);background:#fff;padding:12px 12px 16px}
}

/* Hero bento */
.hero{padding:28px 0 16px}
.bento{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}
.b-baslik{grid-column:span 7;grid-row:span 2;padding:48px;display:flex;flex-direction:column;justify-content:space-between;gap:32px}
.b-baslik h1{margin-top:22px}
.b-baslik h1 span{color:var(--ana)}
.b-baslik p{font-size:20px;color:var(--ikincil);max-width:36ch;margin-top:18px}
.hero-eylem{display:flex;gap:12px;flex-wrap:wrap}
.b-foto{grid-column:span 5;grid-row:span 2;min-height:340px;padding:0}
.b-foto::after{top:18px;bottom:auto;left:18px}
.b-stat{grid-column:span 3;display:flex;flex-direction:column;justify-content:space-between;gap:24px}
.b-stat strong{display:block;font-size:46px;font-weight:800;color:var(--baslik);letter-spacing:-.03em;line-height:1}
.b-stat span{font-size:15px;color:var(--ikincil);font-weight:600}
.b-stat.sari{background:var(--vurgu)}
.b-stat.sari .ik-kutu{background:rgba(255,255,255,.6);color:var(--baslik)}
.b-ara{grid-column:span 6;background:var(--baslik);color:#fff;display:flex;justify-content:space-between;align-items:flex-end;gap:16px;text-decoration:none;transition:background .25s}
.b-ara:hover{background:#082F34}
.b-ara small{display:block;color:#9FD2D8;font-size:15px;font-weight:600;margin-bottom:8px}
.b-ara b{font-size:26px;letter-spacing:-.01em;line-height:1.25}
.b-ara .ok{width:54px;height:54px;border-radius:50%;background:var(--vurgu);color:var(--baslik);display:grid;place-items:center;flex:none;transition:transform .25s}
.b-ara:hover .ok{transform:rotate(-45deg)}

/* Bloklar: her şey kart */
.blok{padding:72px 0}
.blok-bas h2{max-width:18ch}
.kartlar{grid-template-columns:repeat(4,1fr);gap:16px}
.kart{border:0;border-radius:var(--r)}
.kart-foto{display:none}
.kart-gov{padding:30px;min-height:320px}
.kart-ik{display:grid;place-items:center;width:60px;height:60px;border-radius:20px;background:var(--acik);color:var(--ana)}
.kart-ik svg{width:28px;height:28px}
.kart-ust{margin-bottom:auto;flex-direction:row-reverse;align-items:flex-start}
.kart-no{color:var(--ikincil);opacity:.6}
.kart:first-child{background:var(--ana);color:#fff}
.kart:first-child h3{color:#fff}
.kart:first-child p{color:#D5F0F2}
.kart:first-child .kart-ik{background:rgba(255,255,255,.18);color:#fff}
.kart:first-child .kart-no{color:#fff}
.kart:first-child .kart-daha{color:var(--vurgu)}

.ozellik{border:0}
.ozellik .ik-kutu{background:#FFF4D6;color:#8A5E00}
.neden-bento{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
.oz1{grid-column:span 3;grid-row:span 2;background:var(--baslik);color:#E2F2F3;display:flex;flex-direction:column;justify-content:space-between;gap:28px}
.oz1 h3{color:#fff;font-size:32px;font-weight:800;letter-spacing:-.02em;line-height:1.15}
.oz1 .tik-liste li{color:#fff}
.oz1 .tik-liste svg{background:var(--vurgu);color:var(--baslik)}
.oz{grid-column:span 3}
.oz h3{margin:14px 0 6px}
.oz p{color:var(--ikincil);font-size:16px}
.oz .ik-kutu{background:#FFF4D6;color:#8A5E00}
.oz-foto{grid-column:span 2;min-height:220px;padding:0}
.oz-foto::after{top:16px;bottom:auto}

.adim{background:var(--yuzey);border-radius:var(--r);padding:28px}
.rakam{background:var(--yuzey);border-radius:var(--r);padding:30px}
.rakam:nth-child(2){background:var(--vurgu)}
.rakam:nth-child(2) strong{color:var(--baslik)}
.rakam:nth-child(2) span{color:#5B4A12}

.metin-duzen{background:var(--yuzey);border-radius:var(--r);padding:16px;gap:40px}
.metin-gorsel .foto{border-radius:20px;aspect-ratio:1}
.metin-govde{padding:24px 24px 24px 0}
.liste-kutu,.ikili{border:0}
.ikili:first-child{background:var(--baslik);color:#E2F2F3}
.ikili:first-child h2{color:#fff}
.ikili:first-child p{color:#CFE6E8}
.ikili:first-child .ik-kutu{background:rgba(255,255,255,.15);color:#fff}

.sss-duzen{background:var(--yuzey);border-radius:var(--r);padding:40px}
.alinti-kutu,.yorumlar{background:var(--vurgu);border-radius:var(--r);padding:48px;max-width:none}
.alinti-kutu .tirnak svg,.yorumlar .tirnak svg{color:var(--baslik)}
.alinti-kutu blockquote p,.yorum blockquote p{font-family:var(--font);font-weight:700;letter-spacing:-.01em}
.alinti-kutu figcaption,.yorum figcaption span{color:#5B4A12}
.yorumlar .ust-baslik{background:rgba(255,255,255,.6);color:var(--baslik)}
.noktalar button::before{background:rgba(11,63,70,.25)}
.noktalar button[aria-current="true"]::before{background:var(--baslik)}

.galeri-oge .foto{border-radius:var(--r)}
.galeri-filtre button{border:0}
.yazi{border:0}
.yazi-foto{margin:10px 10px 0;border-radius:20px}
.uye{background:var(--yuzey);border-radius:var(--r);padding:12px 12px 22px}
.uye .portre{border-radius:20px}
.uye h3,.uye span{padding:0 10px;display:block}

.gunler button{border:0}
.satir{border:0}
.video-kutu,.harita{border:0}

/* Yorum + SSS ikilisi (ana sayfa) */
.ikili-bento{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.yorum-kart{background:var(--vurgu);display:flex;flex-direction:column;justify-content:space-between;gap:32px;margin:0}
.yorum-kart p{font-size:26px;font-weight:700;line-height:1.35;color:var(--baslik)}
.yorum-kart figcaption{display:flex;gap:14px;align-items:center}
.avatar{width:52px;height:52px;border-radius:50%;background:var(--baslik);color:var(--vurgu);display:grid;place-items:center;font-weight:800;flex:none}
.yorum-kart small{color:#5B4A12}
.ikili-bento .sss details:last-child{border-bottom:0}

/* İletişim */
.iletisim-bilgi{background:var(--yuzey);border-radius:var(--r);padding:36px}
.form{border:0;box-shadow:none}
.alan input,.alan select,.alan textarea{border:0;background:var(--zemin)}
.cta-bant{background:var(--baslik)}

/* İç sayfa girişi */
.sayfa-giris{padding:28px 0 0}
.giris-kart{padding:48px}
.giris-kart h1{margin:18px 0 14px;max-width:20ch}
.giris-kart .giris-metni{margin-bottom:28px}
.bolum-menu a{border:0;background:var(--zemin)}

/* Alt bilgi */
footer.alt{padding:16px 0 32px}
.alt-kart{background:var(--yuzey);border-radius:var(--r);padding:40px;display:grid;grid-template-columns:1.3fr repeat(4,1fr);gap:32px}
.alt-marka .logo img{width:170px;margin-bottom:12px}
.alt-marka p{color:var(--ikincil);margin-bottom:18px}
.alt-sutun h4{color:var(--baslik)}
.alt-sutun a{color:var(--ikincil);font-size:16px}
.alt-not{grid-column:1/-1;border-top:1px solid var(--cizgi);padding-top:20px;font-size:14px;color:var(--ikincil)}

@media (max-width:1099px){
  .b-baslik,.b-foto{grid-column:1/-1;grid-row:auto}
  .b-stat{grid-column:span 6}
  .b-ara{grid-column:1/-1}
  .kartlar{grid-template-columns:1fr 1fr}
  .neden-bento{grid-template-columns:1fr 1fr}
  .oz1,.oz{grid-column:1/-1;grid-row:auto}
  .oz-foto{grid-column:span 1}
  .oz-foto:last-child{grid-column:1/-1}
  .ikili-bento{grid-template-columns:1fr}
  .alt-kart{grid-template-columns:1fr 1fr}
  .alt-marka{grid-column:1/-1}
}
@media (max-width:720px){
  :root{--gutter:12px}
  .nav{padding:6px 6px 6px 18px;min-height:64px}
  .nav .logo img{width:124px}
  body.menu-acik .ana-menu{top:86px}
  .k{padding:24px;border-radius:24px}
  .b-baslik{padding:30px 22px}
  .b-stat strong{font-size:38px}
  .kartlar{grid-template-columns:1fr}
  .kart-gov{min-height:0;padding:24px}
  .metin-govde{padding:8px}
  .sss-duzen,.alinti-kutu,.yorumlar,.iletisim-bilgi{padding:26px 20px}
  .giris-kart{padding:28px 22px}
  .yorum-kart p{font-size:22px}
  .alt-kart{grid-template-columns:1fr;padding:28px 22px}
  .mobil-cubuk{left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));border-radius:22px;background:rgba(11,63,70,.96);border:0;padding:6px}
  .mobil-cubuk a{color:#fff}
  .mobil-cubuk a.ara{background:var(--vurgu);color:var(--baslik)}
  body{padding-bottom:96px}
}
.giris-kart .bolum-menu-bas{display:none}

/* Galeri bağlantılı fotoğraf alanları */
a.foto{display:block;text-decoration:none;transition:transform .25s,box-shadow .25s}
a.foto:hover{transform:translateY(-3px);box-shadow:0 18px 36px -18px rgba(11,63,70,.45)}
a.foto:focus-visible{outline:3px solid var(--odak);outline-offset:3px}

/* Üst menü: telefon numaralı arama butonu menüye sığsın */
.nav{min-width:0}
.nav .ust-ara{flex:none;white-space:nowrap}
@media (min-width:1100px){
  .nav .menu-oge>a,.nav .alt-ac{padding:0 11px}
}
@media (min-width:1100px) and (max-width:1339px){
  .nav{padding-left:16px}
  .nav .logo img{width:124px}
  .nav .menu-oge>a,.nav .alt-ac{padding:0 8px;font-size:15px;gap:4px}
  .nav .ust-ara{padding-left:16px;padding-right:16px;font-size:15px}
}

/* Mobil alt çubuk: arama butonunda numara yazdığı için daha geniş */
@media (max-width:1099px){
  .mobil-cubuk{grid-template-columns:1.5fr 1fr 1fr}
  .mobil-cubuk a.ara span{white-space:nowrap}
}

/* Gömülü Google Harita */
.harita{min-height:440px}
.harita iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
@media (max-width:720px){.harita{min-height:420px}}