/* Tarık Akay Anaokulu - site stilleri
   Renkler logodan (mavi) ve okulun sınıflarından (şato pembesi, nane yeşili, balon sarısı, leylak) alındı. */

@font-face { font-family: "Grandstander"; src: url("../fonts/grandstander.woff") format("woff"); font-weight: 100 900; font-display: swap; }
@font-face { font-family: "Nunito"; src: url("../fonts/nunito.woff") format("woff"); font-weight: 200 1000; font-display: swap; }

:root {
  --mavi: #0066b3; --mavi-koyu: #0a3d66; --mavi-orta: #0a55a0; --gok: #e9f4fc; --gok-koyu: #cfe6f6;
  --pembe: #f28db2; --nane: #8fd3b6; --sari: #ffc936; --leylak: #a98ad6; --turuncu: #f39a5c;
  --metin: #22313f; --soluk: #566676; --cizgi: #d7e3ec; --beyaz: #fff; --hata: #b3261e;
  --baslik: "Grandstander", "Nunito", system-ui, sans-serif;
  --govde: "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;
  --kap: 1180px;
  --sur-beyaz: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='44'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M0 44V22h14V8h36v14h14v22zM27 23a5 5 0 0 1 10 0v13H27z'/%3E%3C/svg%3E");
  --sur-koyu: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='44'%3E%3Cpath fill='%230a3d66' fill-rule='evenodd' d='M0 44V22h14V8h36v14h14v22zM27 23a5 5 0 0 1 10 0v13H27z'/%3E%3C/svg%3E");
}
.r-mavi { --r: #0066b3; --r-koyu: #00518f; --r-acik: #e1f0fa; }
.r-pembe { --r: #f28db2; --r-koyu: #b5326a; --r-acik: #fde8f0; }
.r-nane { --r: #6cc4a1; --r-koyu: #1c7a5a; --r-acik: #e2f5ec; }
.r-sari { --r: #ffc936; --r-koyu: #8a5d00; --r-acik: #fff3cf; }
.r-leylak { --r: #a98ad6; --r-koyu: #6642a8; --r-acik: #efe8fa; }
.r-turuncu { --r: #f39a5c; --r-koyu: #a8501a; --r-acik: #fdeadc; }

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; scroll-padding-top: 90px; }
body { margin: 0; font: 400 1.0625rem/1.65 var(--govde); color: var(--metin); background: var(--beyaz); overflow-x: hidden; }
img, svg, video, iframe { max-width: 100%; }
img { height: auto; }
h1, h2, h3, h4 { font-family: var(--baslik); font-weight: 700; line-height: 1.15; color: var(--mavi-koyu); margin: 0 0 .5em; text-wrap: balance; }
h1 { font-size: clamp(2rem, 4.4vw, 3.2rem); }
h2 { font-size: clamp(1.6rem, 3vw, 2.25rem); }
h3 { font-size: 1.25rem; }
p { margin: 0 0 1em; }
a { color: var(--mavi); text-underline-offset: 3px; }
a:hover { color: var(--mavi-koyu); }
ul, ol { margin: 0; padding: 0; list-style: none; }
address { font-style: normal; }
button, input, select, textarea { font: inherit; color: inherit; }
button { cursor: pointer; }
:focus-visible { outline: 3px solid var(--sari); outline-offset: 3px; border-radius: 6px; }
.simge { flex: none; vertical-align: -.2em; }
.kap { width: min(100% - 40px, var(--kap)); margin-inline: auto; }
.kap.dar { max-width: 820px; }
.gorunmez { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.atla { position: absolute; left: 12px; top: -60px; z-index: 100; background: var(--mavi-koyu); color: #fff; padding: 10px 16px; border-radius: 0 0 12px 12px; }
.atla:focus { top: 0; color: #fff; }
[hidden] { display: none !important; }

/* ------------------------------------------------------------ düğmeler */
.dugme { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 11px 22px; border-radius: 999px; border: 2px solid var(--mavi); background: var(--mavi); color: #fff; font-weight: 800; text-decoration: none; line-height: 1.25; transition: background .15s, color .15s, transform .15s; }
.dugme:hover { background: var(--mavi-koyu); border-color: var(--mavi-koyu); color: #fff; transform: translateY(-1px); }
.dugme.cizgi { background: transparent; color: var(--mavi); }
.dugme.cizgi:hover { background: var(--mavi); color: #fff; border-color: var(--mavi); }
.dugme.sari { background: var(--sari); border-color: var(--sari); color: var(--metin); }
.dugme.sari:hover { background: #ffd65f; border-color: #ffd65f; color: var(--metin); }
.dugme.beyaz { background: #fff; border-color: #fff; color: var(--mavi-koyu); }
.dugme.beyaz:hover { background: var(--gok); border-color: var(--gok); color: var(--mavi-koyu); }
.dugme.wa { background: #167a43; border-color: #167a43; }
.dugme.wa:hover { background: #0f5e33; border-color: #0f5e33; }
.dugme.buyuk { padding: 14px 28px; font-size: 1.08rem; }
.dugme.kucuk { padding: 7px 16px; font-size: .95rem; }

/* ------------------------------------------------------------ duyuru şeridi */
.duyuru { background: var(--sari); color: var(--metin); font-weight: 700; }
.duyuru-ic { display: flex; align-items: center; gap: 12px; padding: 8px 0; }
.duyuru-ic p { margin: 0; flex: 1; }
.duyuru-ic a { color: var(--mavi-koyu); margin-left: 8px; }
.duyuru-kapat { background: none; border: 0; padding: 6px; border-radius: 50%; display: flex; }
.duyuru-kapat:hover { background: rgba(0, 0, 0, .1); }

/* ------------------------------------------------------------ üst bölüm */
.ust { display: contents; }
.ust-ic { display: flex; align-items: center; gap: 22px; padding: 10px 0; background: #fff; }
.logo { display: block; flex: none; line-height: 0; }
.logo img { width: auto; height: 88px; }
.ust-subeler { display: flex; gap: 14px; margin-left: auto; }
.ust-subeler a { display: flex; align-items: center; gap: 10px; padding: 7px 18px 7px 7px; border-radius: 999px; background: var(--r-acik); color: var(--metin); text-decoration: none; line-height: 1.2; }
.ust-subeler a:hover { background: var(--r); color: var(--metin); }
.ust-sube-simge { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: #fff; color: var(--r-koyu); }
.ust-subeler b { display: block; font-size: .86rem; color: var(--r-koyu); }
.ust-subeler a:hover b { color: var(--metin); }
.ust-subeler .no { font-family: var(--baslik); font-weight: 700; font-size: 1.12rem; white-space: nowrap; }
.sosyal { display: flex; gap: 8px; }
.sosyal a { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; background: var(--gok); color: var(--mavi); transition: background .15s, color .15s, transform .15s; }
.sosyal a:hover { background: var(--mavi); color: #fff; transform: translateY(-2px); }
.menu-dugme { display: none; margin-left: auto; background: var(--mavi); color: #fff; border: 0; border-radius: 14px; width: 50px; height: 50px; place-items: center; }
.menu-dugme .kapa, .menu-acik .menu-dugme .ac { display: none; }
.menu-acik .menu-dugme .kapa { display: block; }

.gezinme { background: var(--mavi); position: sticky; top: 0; z-index: 40; box-shadow: 0 3px 0 var(--mavi-orta); }
.gezinme-ic { display: flex; align-items: center; gap: 12px; }
.menu { display: flex; flex-wrap: wrap; }
.menu > li { position: relative; }
.menu > li > a { display: flex; align-items: center; gap: 5px; padding: 15px 15px; color: #fff; font-weight: 800; font-size: 1.1rem; text-decoration: none; }
.menu > li > a:hover, .menu > li:focus-within > a, .menu > li > a[aria-current] { background: rgba(255, 255, 255, .16); }
.menu > li > a[aria-current] { box-shadow: inset 0 -4px 0 var(--sari); }
.menu .alt { position: absolute; left: 0; top: 100%; min-width: 250px; background: #fff; border-radius: 0 0 18px 18px; box-shadow: 0 16px 34px rgba(10, 61, 102, .22); padding: 8px; opacity: 0; visibility: hidden; transform: translateY(6px); transition: opacity .15s, transform .15s, visibility .15s; }
.menu .genis .alt { min-width: 500px; columns: 2; column-gap: 4px; }
.menu > li:hover .alt, .menu > li:focus-within .alt { opacity: 1; visibility: visible; transform: none; }
.menu .alt a { display: block; padding: 9px 14px; border-radius: 10px; color: var(--metin); font-weight: 700; text-decoration: none; break-inside: avoid; }
.menu .alt a:hover { background: var(--gok); color: var(--mavi-koyu); }
.menu-kayit { margin-left: auto; padding: 9px 24px; }

/* ------------------------------------------------------------ kale suru (bölüm geçişi) */
.sur { height: 44px; background: var(--sur-beyaz) repeat-x center bottom; }

/* ------------------------------------------------------------ ana sayfa: giriş */
.hero { position: relative; background: linear-gradient(#d9edfa, var(--gok)); overflow: hidden; }
.hero .kap { position: relative; z-index: 2; padding: 46px 0 34px; }
.hero > .sur { position: relative; z-index: 2; }
.bulut { position: absolute; background: #fff; border-radius: 999px; opacity: .85; }
.bulut::before, .bulut::after { content: ""; position: absolute; background: #fff; border-radius: 50%; }
.b1 { width: 190px; height: 54px; left: 4%; top: 46px; }
.b1::before { width: 80px; height: 80px; left: 28px; top: -40px; } .b1::after { width: 62px; height: 62px; left: 92px; top: -28px; }
.b2 { width: 230px; height: 62px; right: 30%; top: 22px; opacity: .7; }
.b2::before { width: 96px; height: 96px; left: 40px; top: -50px; } .b2::after { width: 70px; height: 70px; left: 118px; top: -30px; }
.b3 { width: 170px; height: 48px; right: 3%; bottom: 120px; }
.b3::before { width: 70px; height: 70px; left: 24px; top: -36px; } .b3::after { width: 54px; height: 54px; left: 82px; top: -24px; }
.balon { position: absolute; z-index: 1; filter: drop-shadow(0 8px 10px rgba(10, 61, 102, .16)); }
.balon-1 { left: 45%; top: 28px; width: 64px; height: auto; animation: suzul 9s ease-in-out infinite; }
.balon-2 { right: 2.5%; top: 70px; width: 46px; height: auto; animation: suzul 11s ease-in-out -4s infinite; }
@keyframes suzul { 0%, 100% { transform: translateY(0) rotate(-2deg); } 50% { transform: translateY(-18px) rotate(2deg); } }

.slaytlar { display: grid; }
.slayt { grid-area: 1 / 1; display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: 48px; align-items: center; opacity: 0; visibility: hidden; transition: opacity .6s, visibility .6s; }
.slayt.aktif { opacity: 1; visibility: visible; }
.slayt-metin h1, .slayt-metin h2 { font-size: clamp(2.1rem, 4.6vw, 3.5rem); font-weight: 800; letter-spacing: -.01em; margin-bottom: .35em; }
.slayt-metin p { font-size: 1.22rem; max-width: 34em; color: #33475a; }
.slayt-metin.tek { padding: 40px 0; }
.slayt-dugmeler { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 26px; }
.slayt-foto { position: relative; margin: 0 14px 0 auto; width: min(100%, 400px); transform: rotate(2.2deg); }
.slayt-foto img { display: block; width: 100%; aspect-ratio: 5 / 6; object-fit: cover; border: 10px solid #fff; border-radius: 30px; box-shadow: 0 22px 44px rgba(10, 61, 102, .24); background: #fff; }
.slayt-foto::before { content: ""; position: absolute; z-index: 1; left: 50%; top: -15px; width: 118px; height: 32px; margin-left: -59px; background: rgba(255, 201, 54, .88); transform: rotate(-4deg); border-radius: 3px; box-shadow: 0 2px 4px rgba(0, 0, 0, .08); }
.slayt-foto.bos { display: grid; place-items: center; aspect-ratio: 5 / 6; background: #fff; border-radius: 30px; }
.slayt-foto.bos .balon { position: static; width: 120px; height: auto; }
.slider-denetim { display: flex; align-items: center; gap: 10px; margin-top: 30px; }
.slider-denetim > button { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; border: 2px solid var(--mavi); background: #fff; color: var(--mavi); }
.slider-denetim > button:hover { background: var(--mavi); color: #fff; }
.s-noktalar { display: flex; gap: 4px; }
.s-noktalar button { width: 28px; height: 28px; border: 0; background: none; padding: 0; display: grid; place-items: center; }
.s-noktalar button::before { content: ""; width: 12px; height: 12px; border-radius: 50%; background: #fff; border: 2px solid var(--mavi); transition: width .2s, background .2s; }
.s-noktalar button[aria-current="true"]::before { width: 26px; border-radius: 8px; background: var(--mavi); }
.s-dur .d2, .s-dur[aria-pressed="true"] .d1 { display: none; }
.s-dur[aria-pressed="true"] .d2 { display: block; }

/* ------------------------------------------------------------ bölümler */
.bolum { padding: 76px 0; }
.bolum.gok { background: var(--gok); }
.bolum.nane-zemin { background: #e8f6ef; }
.bolum.pembe-zemin { background: #fdeef4; }
.bolum-bas { margin-bottom: 34px; max-width: 46em; }
.bolum-bas p { color: var(--soluk); font-size: 1.12rem; margin: 0; }
.bolum-bas.orta { text-align: center; margin-inline: auto; }
.bolum-bas.yan { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; max-width: none; }
.bolum-bas.yan h2 { margin-bottom: .3em; }
.orta-not { text-align: center; margin-top: 34px; color: var(--soluk); }
.bos-not { text-align: center; font-size: 1.15rem; color: var(--soluk); padding: 30px 0; }

/* şubeler */
.subeler-bolum { padding-top: 46px; }
.sube-izgara { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 380px), 1fr)); gap: 30px; }
.sube-kart { background: #fff; border: 3px solid var(--r-acik); border-radius: 30px; overflow: hidden; display: flex; flex-direction: column; height: 100%; }
.sube-kart header { background: var(--r-acik); padding: 24px 28px 20px; position: relative; }
.sube-ust { margin: 0 0 2px; font-weight: 800; color: var(--r-koyu); font-size: .95rem; }
.sube-kart h3 { font-size: clamp(1.7rem, 3vw, 2.2rem); font-weight: 800; margin: 0; }
.sube-kart h3 a { color: var(--mavi-koyu); text-decoration: none; }
.sube-kart h3 a:hover { text-decoration: underline; }
.sube-kisa { margin: 6px 0 0; color: #3d4f5f; }
.sube-bilgi { padding: 22px 28px 6px; display: grid; gap: 12px; }
.sube-bilgi li { display: flex; gap: 12px; align-items: flex-start; }
.sube-bilgi .simge { color: var(--r-koyu, var(--mavi)); margin-top: 3px; }
.sube-bilgi a { color: var(--metin); font-weight: 800; text-decoration: none; }
.sube-bilgi a:hover { color: var(--mavi); text-decoration: underline; }
.sube-dugmeler { display: flex; flex-wrap: wrap; gap: 10px; padding: 16px 28px 28px; margin-top: auto; }
.sube-dugmeler.dik { flex-direction: column; padding: 18px 0 0; }
.sube-blok { display: flex; flex-direction: column; gap: 16px; }
.sube-blok .sube-kart { height: auto; flex: 1; }
.sube-ayrinti { font-weight: 800; display: inline-flex; align-items: center; gap: 4px; align-self: flex-start; }
.harita iframe { display: block; width: 100%; height: 400px; border: 0; border-radius: 24px; background: var(--gok); }
.harita.kucuk iframe { height: 260px; }

/* tanıtım ve nedenler */
.tanitim-ic { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: 56px; align-items: center; }
.tanitim-metin p { font-size: 1.13rem; }
.tanitim-link { margin-top: 26px; }
.nedenler { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.nedenler li { background: var(--r-acik); border-radius: 24px; padding: 22px; }
.neden-simge { display: grid; place-items: center; width: 54px; height: 54px; border-radius: 18px; background: #fff; color: var(--r-koyu); margin-bottom: 12px; }
.nedenler h3 { font-size: 1.18rem; margin-bottom: .3em; }
.nedenler p { margin: 0; font-size: 1rem; color: #3d4f5f; }

/* programlar: büyük ve ortalı simgeler */
.program-izgara { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.program-kart a { display: flex; flex-direction: column; align-items: center; text-align: center; height: 100%; padding: 30px 24px 26px; background: #fff; border: 3px solid transparent; border-radius: 28px; color: var(--metin); text-decoration: none; box-shadow: 0 2px 0 var(--cizgi); transition: border-color .15s, transform .15s, box-shadow .15s; }
.bolum:not(.gok) .program-kart a { border-color: var(--cizgi); box-shadow: none; }
.program-kart a:hover { border-color: var(--r); transform: translateY(-4px); box-shadow: 0 14px 26px rgba(10, 61, 102, .12); }
.program-simge { display: grid; place-items: center; width: 120px; height: 120px; border-radius: 50%; background: var(--r-acik); color: var(--r-koyu); margin-bottom: 18px; transition: transform .2s; }
.program-kart a:hover .program-simge { transform: scale(1.06) rotate(-4deg); }
.program-simge .simge { width: 62px; height: 62px; stroke-width: 1.45; }
.program-kart h3 { font-size: 1.35rem; margin-bottom: .35em; }
.program-kart p { margin: 0; font-size: 1rem; color: var(--soluk); }

/* yaş grupları */
.yas-ic { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 52px; align-items: start; }
.yas-liste { display: grid; gap: 14px; margin-bottom: 26px; }
.yas-liste li { display: flex; gap: 18px; align-items: center; background: var(--r-acik); border-radius: 22px; padding: 14px 20px 14px 14px; }
.yas-liste h3 { margin: 0 0 .15em; font-size: 1.18rem; }
.yas-liste p { margin: 0; color: #3d4f5f; }
.yas-rozet { flex: none; display: grid; place-items: center; min-width: 108px; padding: 14px 10px; border-radius: 18px; background: #fff; color: var(--r-koyu); font-family: var(--baslik); font-weight: 800; font-size: 1.22rem; white-space: nowrap; }
.yas-rozet.buyuk { min-width: 132px; font-size: 1.5rem; padding: 20px 12px; background: var(--r-acik); align-self: start; }
.yas-ayrinti { display: grid; gap: 22px; }
.yas-kart { display: flex; gap: 24px; border: 3px solid var(--r-acik); border-radius: 28px; padding: 26px; scroll-margin-top: 100px; }
.yas-kart h2 { font-size: 1.6rem; margin-bottom: .2em; }
.yas-kart .on { font-weight: 800; color: var(--r-koyu); }
.yapiskan { position: sticky; top: 84px; }
.hesap { background: var(--mavi); color: #fff; border-radius: 30px; padding: 30px; }
.hesap h3 { color: #fff; font-size: 1.5rem; }
.hesap-not { font-size: .98rem; color: #dcecf8; }
.hesap-alan { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.hesap .alan { margin: 0; }
.hesap label { color: #fff; }
.hesap select { border-color: transparent; color: var(--metin); }
.hesap-sonuc { margin-top: 18px; background: #fff; color: var(--metin); border-radius: 20px; padding: 16px 20px; }
.hesap-sonuc p { margin: 0; display: flex; justify-content: space-between; gap: 14px; padding: 7px 0; }
.hesap-sonuc p + p { border-top: 2px dashed var(--cizgi); }
.hesap-sonuc b { font-family: var(--baslik); color: var(--mavi-koyu); font-size: 1.12rem; text-align: right; }
.hesap-sonuc.satir-ici { background: var(--gok); margin-top: 6px; }
.akis { display: grid; gap: 0; }
.akis li { display: grid; grid-template-columns: 84px 1fr; gap: 20px; padding: 14px 0; border-bottom: 2px dashed var(--gok-koyu); }
.akis time { font-family: var(--baslik); font-weight: 800; font-size: 1.25rem; color: var(--mavi); }
.akis h3 { margin: 0; font-size: 1.12rem; }
.akis p { margin: .2em 0 0; color: var(--soluk); }

/* okuldan kareler */
.kareler { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 16px; }
.kareler.dort { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.kareler a { display: block; border-radius: 20px; overflow: hidden; border: 6px solid #fff; box-shadow: 0 8px 18px rgba(10, 61, 102, .14); transition: transform .2s; }
.kareler li:nth-child(odd) a { transform: rotate(-1.6deg); }
.kareler li:nth-child(even) a { transform: rotate(1.4deg); }
.kareler a:hover { transform: rotate(0) scale(1.04); }
.kareler img { display: block; width: 100%; aspect-ratio: 3 / 4; object-fit: cover; }

/* etkinlikler, duyurular, Instagram */
.etkinlik-ic { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 40px; align-items: start; }
.duyuru-liste { display: grid; gap: 14px; }
.duyuru-liste a { display: flex; gap: 18px; align-items: center; padding: 14px; border: 3px solid var(--cizgi); border-radius: 22px; color: var(--metin); text-decoration: none; transition: border-color .15s; }
.duyuru-liste a:hover { border-color: var(--sari); }
.duyuru-liste time { flex: none; display: grid; place-items: center; align-content: center; width: 70px; height: 70px; border-radius: 18px; background: #fff3cf; color: #8a5d00; font-weight: 800; line-height: 1.1; }
.duyuru-liste time b { font-family: var(--baslik); font-size: 1.6rem; }
.duyuru-liste h3 { margin: 0 0 .2em; font-size: 1.15rem; }
.duyuru-liste p { margin: 0; color: var(--soluk); font-size: 1rem; }
.insta-kutu { display: grid; gap: 16px; }
.insta-izgara { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.insta-kutu.genis .insta-izgara { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.insta-izgara a { display: block; position: relative; border-radius: 16px; overflow: hidden; }
.insta-izgara img { display: block; width: 100%; aspect-ratio: 1; object-fit: cover; transition: transform .25s; }
.insta-izgara a:hover img { transform: scale(1.07); }
.insta-video { position: absolute; right: 8px; top: 8px; color: #fff; filter: drop-shadow(0 1px 3px rgba(0, 0, 0, .6)); }
.insta-hesaplar { display: grid; gap: 12px; }
.insta-hesaplar.cok { grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); }
.insta-takip { display: flex; align-items: center; gap: 16px; padding: 18px 22px; border-radius: 22px; background: #fde8f0; color: var(--metin); text-decoration: none; }
.insta-takip .simge { color: #b5326a; }
.insta-takip b { display: block; font-family: var(--baslik); font-size: 1.15rem; color: #8f2452; }
.insta-takip:hover { background: #fbd6e4; color: var(--metin); }
.duyuru-kartlar, .yazi-kartlar { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 24px; }
.duyuru-kartlar a, .yazi-kartlar a { display: flex; flex-direction: column; height: 100%; border: 3px solid var(--cizgi); border-radius: 26px; overflow: hidden; color: var(--metin); text-decoration: none; transition: border-color .15s, transform .15s; }
.duyuru-kartlar a:hover, .yazi-kartlar a:hover { border-color: var(--r, var(--sari)); transform: translateY(-3px); }
.duyuru-kartlar img, .yazi-kartlar img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; display: block; }
.duyuru-kartlar div { padding: 20px 22px 22px; }
.duyuru-kartlar h2, .yazi-kartlar h2 { font-size: 1.3rem; }
.duyuru-kartlar p:last-child { margin: 0; }
.yazi-kartlar a { padding: 24px; }
.yazi-kartlar img { border-radius: 16px; margin-bottom: 16px; }
.yazi-simge { display: grid; place-items: center; width: 68px; height: 68px; border-radius: 22px; background: var(--r-acik); color: var(--r-koyu); margin-bottom: 16px; }
.yazi-kartlar p { color: var(--soluk); }
.devam { margin-top: auto; font-weight: 800; color: var(--mavi); display: inline-flex; align-items: center; gap: 4px; }
.kunye { color: var(--soluk); font-size: .98rem; display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-bottom: .6em; }
.etiket { background: var(--gok); color: var(--mavi-koyu); font-weight: 800; padding: 2px 12px; border-radius: 999px; font-size: .9rem; }
.etkinlik-tarih { display: flex; gap: 8px; align-items: center; font-weight: 800; color: #8a5d00; }
.etkinlik-tarih.buyuk { background: #fff3cf; padding: 12px 18px; border-radius: 16px; }

/* videolar */
.video-izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 24px; }
.video-izgara video, .yt { display: block; width: 100%; aspect-ratio: 16 / 9; border-radius: 22px; background: var(--mavi-koyu); overflow: hidden; }
.yt { position: relative; }
.yt img, .yt iframe { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; border: 0; }
.yt-oynat { position: absolute; left: 50%; top: 50%; width: 76px; height: 76px; margin: -38px 0 0 -38px; border-radius: 50%; background: var(--sari); color: var(--metin); display: grid; place-items: center; transition: transform .15s; }
.yt-oynat:hover { transform: scale(1.08); color: var(--metin); }
.video-izgara h3 { margin: 14px 0 .2em; font-size: 1.15rem; }
.video-izgara p { margin: 0; color: var(--soluk); }

/* veli görüşleri, kadro */
.gorusler { display: grid; grid-template-columns: repeat(auto-fit, minmax(290px, 1fr)); gap: 22px; }
.gorusler blockquote { margin: 0; background: #fff; border-radius: 26px; padding: 26px; height: 100%; display: flex; flex-direction: column; }
.gorusler footer { margin-top: auto; padding-top: 12px; display: flex; flex-direction: column; }
.gorusler footer span { color: var(--soluk); font-size: .95rem; }
.kadro { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 24px; text-align: center; }
.kadro img, .kadro-bos { width: 124px; height: 124px; border-radius: 50%; object-fit: cover; margin: 0 auto 12px; display: grid; place-items: center; background: var(--gok); color: var(--mavi); border: 5px solid #fff; box-shadow: 0 0 0 3px var(--gok-koyu); }
.kadro h3 { margin: 0; font-size: 1.1rem; }
.kadro .gorev { color: var(--mavi); font-weight: 800; margin: 0; }
.kadro p { font-size: .97rem; color: var(--soluk); margin: .3em 0 0; }

/* sorular */
.soru-ic { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); gap: 44px; align-items: start; }
.sss-liste { display: grid; gap: 12px; }
.sss-liste details { background: #fff; border: 3px solid var(--cizgi); border-radius: 20px; }
.sss-liste details[open] { border-color: var(--mavi); }
.sss-liste summary { list-style: none; cursor: pointer; padding: 16px 56px 16px 22px; font-weight: 800; font-size: 1.1rem; position: relative; border-radius: 17px; }
.sss-liste summary::-webkit-details-marker { display: none; }
.sss-liste summary::after { content: ""; position: absolute; right: 20px; top: 50%; width: 26px; height: 26px; margin-top: -13px; border-radius: 50%; background: var(--gok) linear-gradient(var(--mavi), var(--mavi)) center / 12px 2.5px no-repeat; }
.sss-liste summary::before { content: ""; position: absolute; z-index: 1; right: 31.75px; top: 50%; width: 2.5px; height: 12px; margin-top: -6px; background: var(--mavi); transition: transform .2s; }
.sss-liste details[open] summary::before { transform: rotate(90deg); }
.sss-liste .metin { padding: 0 22px 18px; }
.sss-liste .metin > :last-child { margin-bottom: 0; }
.soru-alt { margin-top: 22px; }
.rehber-kutu { background: #fff; border-radius: 28px; padding: 28px; }
.rehber-kutu h2 { font-size: 1.5rem; }
.rehber-kutu li a { display: flex; gap: 12px; padding: 12px 0; border-bottom: 2px dashed var(--cizgi); color: var(--metin); font-weight: 700; text-decoration: none; }
.rehber-kutu li a:hover { color: var(--mavi); }
.rehber-kutu .simge { color: var(--pembe); margin-top: 2px; }
.rehber-tum { display: inline-block; margin-top: 16px; font-weight: 800; }

/* çağrı şeridi */
.cagri { background: var(--mavi); color: #fff; padding: 58px 0 70px; }
.cagri-ic { display: flex; align-items: center; justify-content: space-between; gap: 30px; flex-wrap: wrap; }
.cagri h2 { color: #fff; margin-bottom: .25em; }
.cagri p { margin: 0; font-size: 1.15rem; max-width: 36em; color: #e2f0fa; }
.cagri-dugmeler { display: flex; gap: 12px; flex-wrap: wrap; }

/* ------------------------------------------------------------ iç sayfalar */
.kirinti { background: var(--gok); font-size: .96rem; padding-top: 16px; }
.kirinti ol { display: flex; flex-wrap: wrap; gap: 4px 0; }
.kirinti li + li::before { content: "/"; margin: 0 9px; color: #7b8c9b; }
.kirinti a { color: var(--mavi-koyu); }
.kirinti span { color: var(--soluk); }
.sayfa-bas { background: var(--gok); }
.sayfa-bas .kap { padding: 26px 0 30px; }
.sayfa-bas h1 { margin-bottom: .2em; }
.sayfa-bas p { font-size: 1.18rem; color: #3d4f5f; max-width: 44em; margin: 0; }
.sayfa-bas + .bolum { padding-top: 46px; }
.iki-sutun { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 52px; align-items: start; }
.yan { display: grid; gap: 22px; position: sticky; top: 84px; }
.yan-kutu { border: 3px solid var(--cizgi); border-radius: 26px; padding: 24px; }
.yan-kutu h2 { font-size: 1.3rem; }
.yan-kutu.vurgu { background: #fff3cf; border-color: #fff3cf; }
.yan-kutu.iletisim-kutu { border-color: var(--r-acik); background: var(--r-acik); }
.yan-kutu.iletisim-kutu .sube-bilgi { padding: 0; }
.yan-liste { display: grid; gap: 4px; }
.yan-liste a { display: flex; align-items: center; gap: 12px; padding: 8px 10px; margin: 0 -10px; border-radius: 14px; color: var(--metin); font-weight: 700; text-decoration: none; }
.yan-liste a:hover, .yan-liste a[aria-current] { background: var(--gok); color: var(--mavi-koyu); }
.yan-liste.sade a { display: block; }
.yan-liste small { display: block; font-weight: 400; color: var(--soluk); font-size: .92rem; }
.kucuk-simge { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 13px; background: var(--r-acik); color: var(--r-koyu); flex: none; }
.yan-not { margin: 14px 0 0; font-size: .97rem; }
.sube-insta { display: flex; align-items: center; gap: 12px; margin-top: 14px; padding: 12px 14px; border-radius: 16px; background: #fff; color: var(--metin); text-decoration: none; line-height: 1.3; }
.sube-insta:hover { color: var(--mavi-koyu); box-shadow: 0 0 0 2px var(--r, var(--mavi)); }
.sube-insta .simge { color: #b5326a; }
.sube-insta b { display: block; }
.dugme.insta { border-color: #c13584; color: #a32a6e; }
.dugme.insta:hover { background: #c13584; border-color: #c13584; color: #fff; }
.sosyal.renkli { margin-top: 18px; }
.sosyal.renkli a { background: #fff; }
.icerik-gorsel { display: block; width: 100%; border-radius: 26px; margin-bottom: 28px; }
.ara-baslik { margin-top: 1.8em; font-size: 1.6rem; }
.metin { font-size: 1.1rem; max-width: 44em; }
.metin h2 { font-size: 1.6rem; margin-top: 1.7em; }
.metin h3 { margin-top: 1.5em; }
.metin > :first-child { margin-top: 0; }
.metin ul, .metin ol { margin: 0 0 1.2em; display: grid; gap: .5em; }
.metin ul li { position: relative; padding-left: 28px; }
.metin ul li::before { content: ""; position: absolute; left: 4px; top: .58em; width: 11px; height: 11px; border-radius: 50%; background: var(--sari); }
.metin ol { list-style: decimal; padding-left: 1.3em; }
.metin blockquote { margin: 1.6em 0; padding: 24px 28px; background: var(--gok); border-radius: 26px; font-family: var(--baslik); font-weight: 700; font-size: 1.5rem; line-height: 1.3; color: var(--mavi); }
.metin table { border-collapse: collapse; width: 100%; margin-bottom: 1.2em; }
.metin th, .metin td { border: 2px solid var(--cizgi); padding: 8px 12px; text-align: left; }
.kazanim { background: var(--r-acik); border-radius: 26px; padding: 26px 28px; margin-top: 30px; max-width: 48.4em; }
.kazanim h2 { font-size: 1.4rem; }
.tik-liste { display: grid; gap: 10px; }
.tik-liste.iki { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 14px; }
.tik-liste li { display: flex; gap: 10px; align-items: flex-start; font-weight: 700; }
.tik-liste .simge { color: var(--r-koyu, var(--mavi)); background: #fff; border-radius: 50%; padding: 3px; margin-top: 2px; box-shadow: 0 0 0 2px var(--r-acik, var(--gok)); }
.yazi-cagri { display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; margin-top: 34px; padding: 22px 26px; border: 3px dashed var(--gok-koyu); border-radius: 26px; max-width: 48.4em; }
.yazi-cagri p { margin: 0; font-weight: 700; flex: 1 1 260px; }

/* galeri */
.suzgec { display: flex; flex-wrap: wrap; gap: 12px 28px; margin-bottom: 28px; }
.suzgec-grup { display: flex; flex-wrap: wrap; gap: 8px; }
.suzgec button { border: 2px solid var(--cizgi); background: #fff; border-radius: 999px; padding: 8px 18px; font-weight: 800; color: var(--metin); }
.suzgec button:hover { border-color: var(--mavi); }
.suzgec button[aria-pressed="true"] { background: var(--mavi); border-color: var(--mavi); color: #fff; }
.galeri { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 18px; }
.galeri a { display: block; position: relative; border-radius: 22px; overflow: hidden; background: var(--gok); }
.galeri img { display: block; width: 100%; aspect-ratio: 3 / 4; object-fit: cover; transition: transform .3s; }
.galeri a:hover img { transform: scale(1.05); }
.galeri span { position: absolute; left: 0; right: 0; bottom: 0; padding: 34px 16px 12px; color: #fff; font-weight: 800; background: linear-gradient(transparent, rgba(8, 40, 68, .82)); }
.isik { position: fixed; inset: 0; z-index: 90; background: rgba(6, 28, 48, .94); display: grid; grid-template-rows: 1fr auto; place-items: center; padding: 20px 64px; }
.isik img { max-width: 100%; max-height: calc(100vh - 110px); border-radius: 14px; border: 6px solid #fff; background: #fff; }
.isik p { color: #fff; font-weight: 800; margin: 12px 0 0; min-height: 1.6em; text-align: center; }
.isik button { position: absolute; display: grid; place-items: center; width: 50px; height: 50px; border-radius: 50%; border: 0; background: #fff; color: var(--mavi-koyu); }
.isik button:hover { background: var(--sari); }
.isik .i-kapat { right: 16px; top: 16px; }
.isik .i-onceki { left: 10px; top: 50%; margin-top: -25px; }
.isik .i-sonraki { right: 10px; top: 50%; margin-top: -25px; }

/* yemek listesi */
.yemek-sube { margin-bottom: 46px; }
.yemek-sube h2 { display: inline-block; background: var(--r-acik); color: var(--r-koyu); padding: 8px 22px; border-radius: 999px; font-size: 1.4rem; }
.yemek-sube h3 { margin-top: 1em; }
.tablo-sar { overflow-x: auto; }
.yemek-tablo { width: 100%; border-collapse: separate; border-spacing: 0 8px; }
.yemek-tablo th, .yemek-tablo td { padding: 14px 18px; text-align: left; vertical-align: top; background: var(--gok); }
.yemek-tablo thead th { background: none; padding: 4px 18px; color: var(--soluk); font-size: .95rem; }
.yemek-tablo tbody th { border-radius: 18px 0 0 18px; font-family: var(--baslik); color: var(--mavi-koyu); white-space: nowrap; }
.yemek-tablo tbody th small { display: block; font-family: var(--govde); font-weight: 400; color: var(--soluk); }
.yemek-tablo td:last-child { border-radius: 0 18px 18px 0; }
.yemek-tablo .bugun th, .yemek-tablo .bugun td { background: #fff3cf; }

/* formlar */
.form-yerlesim { grid-template-columns: minmax(0, 1fr) 320px; }
.form-kutu { border: 3px solid var(--cizgi); border-radius: 30px; padding: 30px; background: #fff; }
.form-kutu fieldset { border: 0; padding: 0; margin: 0 0 26px; min-width: 0; }
.form-kutu legend { font-family: var(--baslik); font-weight: 700; font-size: 1.3rem; color: var(--mavi-koyu); padding: 0; margin-bottom: 12px; }
.izgara-2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 18px; }
.izgara-3 { display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: 0 18px; }
.alan { margin-bottom: 16px; }
.alan label { display: block; font-weight: 800; margin-bottom: 5px; }
.istege { font-weight: 400; color: var(--soluk); font-size: .9rem; }
.alan input, .alan select, .alan textarea { display: block; width: 100%; padding: 12px 14px; border: 2px solid #bfd0dc; border-radius: 14px; background: #fff; }
.alan select { appearance: none; padding-right: 40px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%230066b3' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.5 9l6.5 6.5L18.5 9'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 14px center; }
.alan textarea { resize: vertical; min-height: 110px; }
.alan input:focus, .alan select:focus, .alan textarea:focus { outline: 3px solid var(--gok-koyu); outline-offset: 0; border-color: var(--mavi); }
.alan.hatali input, .alan.hatali select, .alan.hatali textarea { border-color: var(--hata); }
.hata { color: var(--hata); font-weight: 700; font-size: .95rem; margin: 5px 0 0; }
.yardim { color: var(--soluk); font-size: .93rem; margin: 5px 0 0; }
.bal { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.uyari { display: flex; gap: 10px; align-items: flex-start; background: #fdecea; color: #8c1d18; font-weight: 700; padding: 14px 18px; border-radius: 16px; }
.onay { display: grid; grid-template-columns: auto 1fr; gap: 4px 12px; margin: 0 0 22px; font-size: .98rem; }
.onay input { width: 22px; height: 22px; margin-top: 3px; accent-color: var(--mavi); }
.onay .hata { grid-column: 2; }
.form-not { color: var(--soluk); font-size: .95rem; margin: 14px 0 0; }
.sube-secenek { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 12px; }
.sube-secenek label { display: flex; gap: 10px; align-items: center; padding: 14px 16px; border: 3px solid var(--cizgi); border-radius: 18px; cursor: pointer; }
.sube-secenek label:hover { border-color: var(--r, var(--mavi)); }
.sube-secenek label:has(input:checked) { border-color: var(--r-koyu, var(--mavi)); background: var(--r-acik, var(--gok)); }
.sube-secenek input { width: 20px; height: 20px; accent-color: var(--mavi); flex: none; }
.sube-secenek b { display: block; font-family: var(--baslik); font-size: 1.12rem; line-height: 1.2; }
.sube-secenek small { color: var(--soluk); }
.adimlar { list-style: none; counter-reset: adim; display: grid; gap: 14px; }
.adimlar li { counter-increment: adim; position: relative; padding-left: 46px; }
.adimlar li::before { content: counter(adim); position: absolute; left: 0; top: 0; width: 34px; height: 34px; border-radius: 50%; background: var(--sari); display: grid; place-items: center; font-family: var(--baslik); font-weight: 800; }
.adimlar b { display: block; }
.takip-form { display: grid; grid-template-columns: 1fr auto; gap: 14px; align-items: end; }
.takip-form .alan { margin: 0; }
.takip-form .alan.hatali + button { align-self: center; }
.takip-sonuc { margin-top: 28px; border: 3px solid var(--gok-koyu); border-radius: 30px; padding: 30px; }
.takip-sonuc h2 { font-size: 1.8rem; letter-spacing: .04em; margin-bottom: .1em; }
.asamalar { display: grid; gap: 0; margin: 22px 0; }
.asamalar li { display: flex; gap: 16px; padding-bottom: 22px; position: relative; }
.asamalar li:not(:last-child)::before { content: ""; position: absolute; left: 15px; top: 32px; bottom: 0; width: 3px; background: var(--cizgi); }
.asamalar li.gecti:not(:last-child)::before { background: var(--nane); }
.asamalar .nokta { flex: none; width: 33px; height: 33px; border-radius: 50%; border: 3px solid var(--cizgi); background: #fff; display: grid; place-items: center; color: #fff; position: relative; }
.asamalar .gecti .nokta { background: #2f9a75; border-color: #2f9a75; }
.asamalar .simdi .nokta { background: var(--mavi); border-color: var(--mavi); box-shadow: 0 0 0 5px var(--gok-koyu); }
.asamalar.iptal .simdi .nokta { background: #7b8c9b; border-color: #7b8c9b; box-shadow: none; }
.asamalar b { display: block; padding-top: 3px; }
.asamalar .bekliyor b { color: #7b8c9b; font-weight: 700; }
.asamalar small { color: var(--soluk); }
.takip-not { background: #fff3cf; border-radius: 20px; padding: 18px 22px; margin-bottom: 18px; }
.takip-not h3 { font-size: 1.1rem; margin-bottom: .3em; }
.takip-not p { margin: 0; }
.tamam-kutu { text-align: center; border: 3px solid var(--gok-koyu); border-radius: 34px; padding: 44px 30px; }
.tamam-simge { display: inline-grid; place-items: center; width: 84px; height: 84px; border-radius: 50%; background: #dff3ea; color: #1c7a5a; margin-bottom: 14px; }
.tamam-kutu .balon { position: static; width: 84px; height: auto; margin-bottom: 14px; animation: suzul 8s ease-in-out infinite; }
.kod-kutu { margin: 26px auto; max-width: 440px; border: 3px dashed var(--sari); border-radius: 26px; padding: 22px; background: #fffaf0; }
.kod-kutu p { margin: 0 0 4px; }
.kod-kutu strong { display: block; font-family: var(--baslik); font-size: 2.1rem; letter-spacing: .06em; color: var(--mavi-koyu); margin-bottom: 12px; }
.kod-not { font-size: .95rem; color: var(--soluk); margin-top: 14px !important; }
.tamam-dugmeler { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; }

/* ------------------------------------------------------------ alt bölüm */
.alt-bilgi { background: var(--mavi-koyu); color: #dbe9f5; position: relative; }
.alt-bilgi > .sur { position: absolute; left: 0; right: 0; top: -43px; background-image: var(--sur-koyu); }
.alt-ic { display: grid; grid-template-columns: 1fr 1.2fr 1.2fr .8fr; gap: 40px; padding: 50px 0 40px; }
.alt-logo { display: inline-block; background: #fff; border-radius: 22px; padding: 10px 16px; line-height: 0; margin-bottom: 14px; }
.alt-logo img { height: 84px; width: auto; }
.alt-marka p { font-family: var(--baslik); font-size: 1.15rem; color: #fff; }
.alt-bilgi .sosyal a { background: rgba(255, 255, 255, .12); color: #fff; }
.alt-bilgi .sosyal a:hover { background: var(--sari); color: var(--metin); }
.alt-bilgi h2 { color: #fff; font-size: 1.3rem; margin-bottom: .7em; }
.alt-bilgi h2 a { color: #fff; text-decoration: none; }
.alt-bilgi h2 a:hover { text-decoration: underline; }
.alt-bilgi a { color: #fff; }
.alt-sube p { display: flex; gap: 10px; margin: 0 0 .55em; }
.alt-sube .simge { color: var(--sari); margin-top: 4px; }
.alt-sube a { text-decoration: none; font-weight: 700; }
.alt-sube a:hover { text-decoration: underline; }
.alt-menu li { margin-bottom: .45em; }
.alt-menu a { text-decoration: none; }
.alt-menu a:hover { text-decoration: underline; color: var(--sari); }
.alt-son { border-top: 1px solid rgba(255, 255, 255, .16); font-size: .95rem; }
.alt-son .kap { display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; padding: 16px 0; }
.alt-son p { margin: 0; }
.alt-son .yapim { flex-basis: 100%; text-align: center; padding-top: 12px; border-top: 1px solid rgba(255, 255, 255, .12); color: #b9cfe2; }
.alt-son .yapim a { font-weight: 800; text-decoration: none; }
.alt-son .yapim a:hover { color: var(--sari); text-decoration: underline; }
.alt-son ul { display: flex; gap: 20px; flex-wrap: wrap; }

/* telefonda alttaki hızlı iletişim çubuğu */
.hizli { display: none; }

/* ------------------------------------------------------------ dar ekranlar */
@media (max-width: 1080px) {
  .ust-sosyal { display: none; }
  .menu > li > a { padding: 14px 11px; font-size: 1.04rem; }
  .kareler { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .program-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .alt-ic { grid-template-columns: 1fr 1fr; }
  .insta-kutu.genis .insta-izgara { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 920px) {
  html { scroll-padding-top: 80px; }
  body { padding-bottom: 62px; }
  .ust-ic { position: sticky; top: 0; z-index: 50; width: 100%; padding: 8px 20px; box-shadow: 0 2px 0 var(--gok-koyu); }
  .logo img { height: 58px; }
  .ust-subeler { display: none; }
  .menu-dugme { display: grid; }
  .gezinme { position: fixed; inset: 74px 0 62px 0; z-index: 45; overflow-y: auto; display: none; box-shadow: none; }
  .menu-acik .gezinme { display: block; }
  html:not(.js) .gezinme { display: block; position: static; }
  .gezinme-ic { flex-direction: column; align-items: stretch; padding: 10px 0 24px; }
  .menu { flex-direction: column; }
  .menu > li > a { padding: 13px 4px; font-size: 1.2rem; border-bottom: 1px solid rgba(255, 255, 255, .2); }
  .menu > li > a .simge { display: none; }
  .menu > li > a[aria-current] { box-shadow: inset 4px 0 0 var(--sari); padding-left: 14px; }
  .menu .alt, .menu .genis .alt { position: static; opacity: 1; visibility: visible; transform: none; background: none; box-shadow: none; min-width: 0; columns: 2; padding: 6px 0 8px; }
  .menu .alt a { color: #e2f0fa; padding: 7px 4px; font-weight: 600; }
  .menu .alt a:hover { background: rgba(255, 255, 255, .14); color: #fff; }
  .menu-kayit { margin: 18px 0 0; padding: 14px; font-size: 1.15rem; }
  .menu-acik { overflow: hidden; }

  .hizli { display: grid; grid-template-columns: 1fr 1fr; position: fixed; left: 0; right: 0; bottom: 0; z-index: 60; background: #fff; box-shadow: 0 -3px 14px rgba(10, 61, 102, .18); }
  .hizli summary, .hizli-kayit { display: flex; align-items: center; justify-content: center; gap: 8px; height: 62px; font-weight: 800; font-size: 1.08rem; text-decoration: none; cursor: pointer; list-style: none; }
  .hizli summary::-webkit-details-marker { display: none; }
  .hizli summary { background: var(--mavi); color: #fff; }
  .hizli-kayit { background: var(--sari); color: var(--metin); }
  .hizli-ara ul { position: absolute; left: 10px; right: 10px; bottom: 72px; background: #fff; border-radius: 22px; padding: 10px; box-shadow: 0 10px 34px rgba(10, 61, 102, .32); display: grid; gap: 6px; }
  .hizli-ara li a { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 14px 18px; border-radius: 14px; background: var(--gok); color: var(--metin); text-decoration: none; }
  .hizli-ara li a.wa { background: #e2f5ea; }
  .hizli-ara li b { font-family: var(--baslik); font-size: 1.15rem; display: flex; gap: 6px; align-items: center; }

  .bolum { padding: 52px 0; }
  .hero .kap { padding: 30px 0 22px; }
  .slayt { grid-template-columns: 1fr; gap: 30px; }
  .slayt-foto { margin: 0 auto; width: min(86%, 340px); }
  .slayt-foto img, .slayt-foto.bos { aspect-ratio: 4 / 3.6; }
  .slider-denetim { justify-content: center; }
  .balon-1 { left: auto; right: 6%; top: 12px; width: 44px; }
  .balon-2 { display: none; }
  .b2 { display: none; }
  .tanitim-ic, .yas-ic, .etkinlik-ic, .soru-ic, .iki-sutun, .form-yerlesim { grid-template-columns: 1fr; gap: 34px; }
  .yan, .yapiskan { position: static; }
  .bolum-bas.yan { flex-direction: column; align-items: flex-start; }
  .cagri-ic { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 620px) {
  body { font-size: 1rem; }
  .kap { width: min(100% - 32px, var(--kap)); }
  .ust-ic { padding: 8px 16px; }
  .nedenler { grid-template-columns: 1fr; }
  .program-izgara { gap: 12px; }
  .program-kart a { padding: 20px 12px 18px; border-radius: 22px; }
  .program-simge { width: 84px; height: 84px; margin-bottom: 12px; }
  .program-simge .simge { width: 42px; height: 42px; }
  .program-kart h3 { font-size: 1.08rem; }
  .program-kart p { font-size: .9rem; }
  .kareler, .kareler.dort { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .galeri { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .insta-kutu.genis .insta-izgara { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .izgara-2, .izgara-3, .hesap-alan { grid-template-columns: 1fr; }
  .form-kutu { padding: 22px 18px; border-radius: 24px; }
  .hesap { padding: 24px 20px; }
  .yas-liste li { flex-direction: column; align-items: flex-start; gap: 10px; padding: 16px; }
  .yas-kart { flex-direction: column; gap: 14px; padding: 20px; }
  .tik-liste.iki { grid-template-columns: 1fr; }
  .takip-form { grid-template-columns: 1fr; }
  .alt-ic { grid-template-columns: 1fr; gap: 30px; }
  .sube-kart header, .sube-bilgi, .sube-dugmeler { padding-left: 20px; padding-right: 20px; }
  .sube-dugmeler .dugme { flex: 1 1 100%; }
  .isik { padding: 20px 10px 60px; }
  .isik .i-onceki, .isik .i-sonraki { top: auto; bottom: 8px; }
  .isik .i-onceki { left: 25%; } .isik .i-sonraki { right: 25%; }
  .yemek-tablo thead { display: none; }
  .yemek-tablo, .yemek-tablo tbody, .yemek-tablo tr, .yemek-tablo th, .yemek-tablo td { display: block; }
  .yemek-tablo tr { margin-bottom: 12px; border-radius: 18px; overflow: hidden; }
  .yemek-tablo tbody th, .yemek-tablo td:last-child { border-radius: 0; }
  .yemek-tablo td { padding-top: 4px; }
  .yemek-tablo td::before { content: attr(data-baslik); display: block; font-weight: 800; font-size: .88rem; color: var(--soluk); }
  .akis li { grid-template-columns: 62px 1fr; gap: 12px; }
  .metin blockquote { font-size: 1.25rem; padding: 20px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation: none !important; transition: none !important; }
}
@media print {
  .gezinme, .hizli, .cagri, .alt-bilgi, .menu-dugme, .slider-denetim, .duyuru { display: none !important; }
  body { padding: 0; }
}