/* ============================================================
   Evrensel Anaokulu — iç sayfa stilleri
   Tema renkleri panelden gelir (:root --ky-* değişkenleri)
   ============================================================ */

.ky-band {
  background: var(--ky-cream, #FBF4EE);
  padding: 64px 20px 96px;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.ky-band h1 {
  font-family: 'Sensei', 'Catamaran', sans-serif;
  font-size: clamp(32px, 5vw, 54px);
  color: var(--ky-dark, #1B2A52);
  margin: 0 0 12px;
  line-height: 1.15;
}
.ky-band p {
  max-width: 760px;
  margin: 0 auto;
  color: #5C6B82;
  font-size: 18px;
  line-height: 1.7;
}
.ky-yol {
  font-size: 14px;
  font-weight: 700;
  color: var(--ky-secondary, #263E79);
  margin-bottom: 12px;
}
.ky-yol a { color: var(--ky-secondary, #263E79); text-decoration: none; }
.ky-yol span { color: var(--ky-primary, #C1122F); }

.ky-dalga { position: absolute; left: 0; right: 0; bottom: -1px; line-height: 0; }
.ky-dalga svg { display: block; width: 100%; height: 70px; }

.ky-sayfa { max-width: 1140px; margin: 0 auto; padding: 64px 20px; }
.ky-sayfa h2 { font-size: 28px; font-weight: 800; color: var(--ky-dark, #1B2A52); margin: 32px 0 12px; }
.ky-sayfa h3 { font-size: 21px; font-weight: 800; color: var(--ky-dark, #1B2A52); margin: 26px 0 10px; }
.ky-sayfa p, .ky-sayfa li { color: #5C6B82; line-height: 1.85; font-size: 16.5px; }
.ky-sayfa ul { padding-left: 22px; }
.ky-sayfa li { margin-bottom: 8px; }
.ky-sayfa img { max-width: 100%; height: auto; border-radius: 18px; }

/* Kart ızgarası (sınıflar / etkinlikler) */
.ky-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px; }
.ky-grid.iki { grid-template-columns: repeat(2, 1fr); }
.ky-kart {
  background: #fff; border-radius: 22px; overflow: hidden;
  box-shadow: 0 18px 40px -24px rgba(27, 42, 82, .55);
  transition: transform .35s, box-shadow .35s;
  display: flex; flex-direction: column;
}
.ky-kart:hover { transform: translateY(-8px); box-shadow: 0 30px 60px -30px rgba(27, 42, 82, .5); }
.ky-kart .ky-resim { height: 210px; overflow: hidden; position: relative; }
.ky-kart .ky-resim img { width: 100%; height: 100%; object-fit: cover; border-radius: 0; transition: transform .6s; }
.ky-kart:hover .ky-resim img { transform: scale(1.07); }
.ky-etiket {
  position: absolute; left: 16px; top: 16px; color: #fff;
  font-size: 12.5px; font-weight: 800; padding: 6px 14px; border-radius: 100px;
}
.ky-govde { padding: 22px 24px 26px; flex: 1; display: flex; flex-direction: column; }
.ky-govde h3 { margin: 0 0 8px; font-size: 20px; }
.ky-govde p { font-size: 15.5px; margin: 0 0 14px; }
.ky-alt {
  margin-top: auto; padding-top: 14px; border-top: 1px solid #EDEDED;
  display: flex; justify-content: space-between; font-size: 14px; font-weight: 800;
  color: var(--ky-secondary, #263E79);
}

/* Galeri */
.ky-galeri { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.ky-galeri figure { margin: 0; border-radius: 18px; overflow: hidden; cursor: zoom-in; position: relative; }
.ky-galeri img { width: 100%; height: 230px; object-fit: cover; border-radius: 0; transition: transform .5s; }
.ky-galeri figure:hover img { transform: scale(1.08); }

/* Ekip */
.ky-ekip { display: grid; grid-template-columns: repeat(4, 1fr); gap: 26px; }
.ky-ekip .ky-kisi { text-align: center; }
.ky-ekip .ky-foto { border-radius: 24px; overflow: hidden; aspect-ratio: 1/1.15; box-shadow: 0 18px 40px -24px rgba(27, 42, 82,.55); }
.ky-ekip .ky-foto img { width: 100%; height: 100%; object-fit: cover; border-radius: 0; }
.ky-ekip h4 { margin: 14px 0 4px; font-size: 19px; color: var(--ky-dark, #1B2A52); }
.ky-ekip span { font-size: 14px; font-weight: 700; color: var(--ky-primary, #C1122F); }

/* SSS */
.ky-sss { max-width: 900px; margin: 0 auto; }
.ky-sss details {
  background: #fff; border-radius: 16px; margin-bottom: 14px;
  box-shadow: 0 18px 40px -24px rgba(27, 42, 82, .55); overflow: hidden;
}
.ky-sss summary {
  padding: 20px 24px; font-weight: 800; font-size: 17px;
  color: var(--ky-dark, #1B2A52); cursor: pointer; list-style: none;
}
.ky-sss summary::-webkit-details-marker { display: none; }
.ky-sss summary::after { content: '+'; float: right; color: var(--ky-primary, #C1122F); font-size: 24px; line-height: 1; }
.ky-sss details[open] summary::after { content: '−'; }
.ky-sss .ky-cevap { padding: 0 24px 20px; }

/* İletişim */
.ky-iletisim { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: start; }
.ky-kutu {
  background: #fff; border-radius: 22px; padding: 26px;
  box-shadow: 0 18px 40px -24px rgba(27, 42, 82, .55); margin-bottom: 16px;
  display: flex; gap: 16px; align-items: flex-start;
}
.ky-kutu .ky-ikon {
  width: 52px; height: 52px; border-radius: 16px; flex: 0 0 auto;
  display: grid; place-items: center; font-size: 22px;
  background: rgba(193, 18, 47, .12);
}
.ky-kutu h4 { margin: 0 0 4px; font-size: 18px; color: var(--ky-dark, #1B2A52); }
.ky-kutu p { margin: 0; font-size: 15.5px; }
.ky-harita { border-radius: 22px; overflow: hidden; height: 380px; box-shadow: 0 18px 40px -24px rgba(27, 42, 82,.55); }
.ky-harita iframe { width: 100%; height: 100%; border: 0; display: block; }

.ky-form label { display: block; font-weight: 800; font-size: 14px; color: var(--ky-dark, #1B2A52); margin-bottom: 6px; }
.ky-form input, .ky-form textarea, .ky-form select {
  width: 100%; padding: 13px 16px; border: 2px solid #EDEDED; border-radius: 12px;
  font-family: inherit; font-size: 16px; margin-bottom: 16px; background: #fff;
}
.ky-form input:focus, .ky-form textarea:focus, .ky-form select:focus {
  outline: none; border-color: var(--ky-primary, #C1122F);
}
.ky-form textarea { min-height: 130px; resize: vertical; }
.ky-btn {
  display: inline-flex; align-items: center; gap: 10px; padding: 14px 32px;
  border-radius: 100px; background: var(--ky-primary, #C1122F); color: #fff !important;
  font-weight: 800; border: none; cursor: pointer; text-decoration: none; font-size: 15px;
}
.ky-btn:hover { background: var(--ky-dark, #1B2A52); }

.ky-bos { text-align: center; padding: 60px 20px; color: #8b98ad; }

@media (max-width: 991px) {
  .ky-grid, .ky-grid.iki { grid-template-columns: repeat(2, 1fr); }
  .ky-galeri { grid-template-columns: repeat(3, 1fr); }
  .ky-ekip { grid-template-columns: repeat(3, 1fr); }
  .ky-iletisim { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .ky-grid, .ky-grid.iki { grid-template-columns: 1fr; }
  .ky-galeri { grid-template-columns: repeat(2, 1fr); gap: 12px; }
  .ky-galeri img { height: 150px; }
  .ky-ekip { grid-template-columns: repeat(2, 1fr); }
  .ky-sayfa { padding: 44px 18px; }
}