/* ==========================================================================
   Gökkuşağı Anaokulu — tek fikir: BOYA KALEMİ VE ÇOCUK RESMİ.
   Vurgulu sözcüklerin altında taranmış gerçek mum boya çizgisi (.gk-hl), çocuk resimleri ve fotoğraflar duvara iğnelenmiş kâğıt (.gk-pin),
   yaş grupları duvardaki boy cetvelinin önünde boylarına göre (.gk-ruler), öğretmen kartında öğrencisinin el yazısı (.gk-tch__kid),
   ikon yok: gerçek fotoğraf + renk. Bölümler tam genişlik pastel renk bantları.
   Renk: mürekkep #2B2350 + nane #A8E6CF + şeftali #FFB7B2 + tereyağı #FFE08A + lavanta #D5AAFF; zemin kâğıt beyazı.
   Yazı: Chubbo (başlık) + Roundo (metin) + Comico (çocuk el yazısı).
   ========================================================================== */
@font-face { font-family: 'Chubbo'; src: url('../fonts/chubbo-500.woff2') format('woff2'); font-weight: 500; font-display: swap; }
@font-face { font-family: 'Chubbo'; src: url('../fonts/chubbo-700.woff2') format('woff2'); font-weight: 700; font-display: swap; }
@font-face { font-family: 'Roundo'; src: url('../fonts/roundo-400.woff2') format('woff2'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Roundo'; src: url('../fonts/roundo-500.woff2') format('woff2'); font-weight: 500; font-display: swap; }
@font-face { font-family: 'Roundo'; src: url('../fonts/roundo-700.woff2') format('woff2'); font-weight: 700; font-display: swap; }
@font-face { font-family: 'Comico'; src: url('../fonts/comico-400.woff2') format('woff2'); font-weight: 400; font-display: swap; }

:root {
  --ink: #2B2350; --ink-2: #4E4772; --ink-3: #7C7799; --paper: #FFFDF8; --white: #fff;
  --mint: #A8E6CF; --mint-l: #E2F7EE; --mint-d: #2F8A69;
  --peach: #FFB7B2; --peach-l: #FFEAE7; --peach-d: #C4514A;
  --butter: #FFE08A; --butter-l: #FFF5D1; --butter-d: #9A7300;
  --lav: #D5AAFF; --lav-l: #F3E8FF; --lav-d: #7B4BB5;
  --fg: var(--ink); --fg-2: var(--ink-2); --fg-3: var(--ink-3); --line: rgba(43, 35, 80, .1); --line-2: rgba(43, 35, 80, .2);
  --f-head: 'Chubbo', 'Arial Rounded MT Bold', 'Trebuchet MS', sans-serif; --f-body: 'Roundo', 'Segoe UI', Arial, sans-serif; --f-hand: 'Comico', 'Comic Sans MS', cursive;
  --gut: clamp(18px, 3.6vw, 56px); --max: 1360px; --head: 84px; --r: 26px; --r-s: 16px;
  --ease: cubic-bezier(.65, 0, .25, 1); --ease-o: cubic-bezier(.2, .75, .1, 1); --spring: cubic-bezier(.34, 1.56, .64, 1);
  --shadow: 0 2px 4px rgba(43, 35, 80, .06), 0 22px 40px -24px rgba(43, 35, 80, .38);
  --accent: var(--ink); --btn-bg: var(--ink); --btn-fg: #fff; --btn-bg-h: var(--ink-2); --ok: var(--mint-d); --err: #C0392B;
  color-scheme: light;
}
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-padding-top: calc(var(--head) + 20px); overflow-x: clip; }
html.no-scroll { overflow: hidden; }
body { margin: 0; background: var(--paper); color: var(--fg); font: 400 17px/1.65 var(--f-body); -webkit-font-smoothing: antialiased; overflow-x: clip; }
img, svg, video { display: block; max-width: 100%; }
img { height: auto; }
a { color: inherit; text-decoration: none; }
button { font: inherit; color: inherit; cursor: pointer; }
p { margin: 0 0 1em; }
h1, h2, h3, h4 { font-family: var(--f-head); font-weight: 700; letter-spacing: -.01em; line-height: 1.05; margin: 0; color: inherit; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }
.skip { position: absolute; left: -999px; top: 8px; z-index: 200; background: var(--ink); color: var(--white); padding: 10px 16px; border-radius: 12px; }
.skip:focus { left: 8px; }
:focus-visible { outline: 3px solid var(--lav-d); outline-offset: 3px; border-radius: 6px; }
::selection { background: var(--butter); color: var(--ink); }
.muted, .small { color: var(--fg-3); }
[hidden] { display: none !important; }

.gk-wrap, .wrap { width: 100%; max-width: var(--max); margin: 0 auto; padding-left: var(--gut); padding-right: var(--gut); }
.gk-wrap--md { max-width: 1000px; }
.gk-h1 { font-size: clamp(42px, 5.6vw, 88px); line-height: 1; }
.gk-h2 { font-size: clamp(32px, 3.8vw, 58px); line-height: 1.04; }
.gk-h2--c { text-align: center; margin-left: auto; margin-right: auto; max-width: 16em; }
.gk-h3 { font-size: clamp(24px, 2vw, 32px); margin-bottom: 14px; }
.gk-lead { font-size: clamp(17px, 1.3vw, 21px); line-height: 1.6; color: var(--fg-2); max-width: 34em; margin: 0; }
.gk-hand { font-family: var(--f-hand); font-weight: 400; }
.gk-ico { width: 18px; height: 18px; flex: none; }
.gk-empty { color: var(--fg-3); padding: 40px 0; text-align: center; }

/* Mum boya vurgu: gerçek taranmış çizgi (assets/img/crayon-*.png) sözcüğün altında */
.gk-hl { font-style: normal; position: relative; white-space: nowrap; background: no-repeat left 0 bottom .02em / 100% .42em; padding: 0 .04em; }
.gk-hl--mint { background-image: url('../img/crayon-mint.webp'); }
.gk-hl--peach { background-image: url('../img/crayon-peach.webp'); }
.gk-hl--butter { background-image: url('../img/crayon-butter.webp'); }
.gk-hl--lavender { background-image: url('../img/crayon-lavender.webp'); }
.gk-h1 .gk-hl, .gk-hero__t .gk-hl { white-space: normal; -webkit-box-decoration-break: clone; box-decoration-break: clone; }

/* Bölümler */
.gk-sec { position: relative; padding: clamp(72px, 8vw, 124px) 0; }
.gk-sec--top0 { padding-top: clamp(32px, 4vw, 56px); }
.gk-sec--mint { background: var(--mint); }
.gk-sec--peach { background: var(--peach); }
.gk-sec--butter { background: var(--butter); }
.gk-sec--lavender { background: var(--lav); }
.gk-sec--mint, .gk-sec--peach, .gk-sec--butter, .gk-sec--lavender { --fg-2: #3F3866; --fg-3: #5B5580; --line: rgba(43, 35, 80, .14); }
.gk-sec--wall { background: var(--paper) linear-gradient(transparent calc(100% - 1px), var(--line) 0) 0 0 / 100% 48px; }
.gk-sec--board { background: var(--lav-l); }
.gk-sec--today { padding-bottom: clamp(48px, 6vw, 88px); }
.gk-shead { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 16px 48px; margin-bottom: clamp(30px, 3.6vw, 52px); }
.gk-shead .gk-h2 { max-width: 15em; }
.gk-shead__x { max-width: 30em; margin: 0; color: var(--fg-2); }

/* Düğmeler ve bağlantılar: tombul mum boya gibi, basınca çöker */
.gk-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 56px; padding: 0 28px; border: 0; border-radius: 999px; background: var(--ink); color: #fff; font: 700 16px var(--f-body);
  box-shadow: 0 5px 0 var(--lav-d); transform: translateY(-2px); transition: transform .18s var(--spring), box-shadow .18s, background .2s; }
.gk-btn:hover { transform: translateY(-4px); box-shadow: 0 7px 0 var(--lav-d); }
.gk-btn:active { transform: translateY(2px); box-shadow: 0 1px 0 var(--lav-d); }
.gk-btn .gk-ico { transition: transform .3s var(--ease); }
.gk-btn:hover .gk-ico { transform: translateX(4px); }
.gk-btn--sm { min-height: 44px; padding: 0 20px; font-size: 14.5px; box-shadow: 0 4px 0 var(--lav-d); }
.gk-btn--ink { background: var(--ink); }
.gk-sec--lavender .gk-btn, .gk-cta .gk-btn { box-shadow: 0 5px 0 var(--peach-d); }
.gk-link { display: inline-flex; align-items: center; gap: 8px; font-weight: 700; color: var(--fg); background: url('../img/crayon-butter.webp') no-repeat left bottom / 100% 9px; padding-bottom: 6px; }
.gk-link .gk-ico { transition: transform .3s var(--ease); }
.gk-link:hover .gk-ico { transform: translateX(4px); }
.gk-link--sm { font-size: 14.5px; }
.gk-round { width: 48px; height: 48px; border-radius: 50%; border: 2px solid var(--ink); background: #fff; display: grid; place-items: center; transition: background .2s, transform .2s var(--spring); }
.gk-round:hover { background: var(--butter); transform: rotate(-8deg) scale(1.06); }

/* ── Üst bölüm ───────────────────────────────────────────────────────── */
.gk-head { position: sticky; top: 0; z-index: 60; background: rgba(255, 253, 248, .94); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); transition: box-shadow .3s; }
.gk-head.is-small { box-shadow: 0 1px 0 var(--line), 0 10px 30px -22px rgba(43, 35, 80, .5); }
.gk-head__in { display: flex; align-items: center; gap: 24px; height: var(--head); }
.gk-logo { display: inline-flex; flex-direction: column; line-height: 1; flex: none; }
.gk-logo__w { font: 700 31px/1 var(--f-head); letter-spacing: -.02em; color: var(--ink); }
.gk-logo__s { display: flex; align-items: center; gap: 3px; margin-top: 3px; font: 500 12.5px var(--f-body); letter-spacing: .14em; text-transform: lowercase; color: var(--fg-2); }
.gk-logo__s i { width: 13px; height: 7px; background: no-repeat center / 100% 100%; flex: none; }
.gk-logo__s i:nth-child(1) { background-image: url('../img/crayon-mint.webp'); }
.gk-logo__s i:nth-child(2) { background-image: url('../img/crayon-peach.webp'); }
.gk-logo__s i:nth-child(3) { background-image: url('../img/crayon-butter.webp'); }
.gk-logo__s i:nth-child(4) { background-image: url('../img/crayon-lavender.webp'); margin-right: 6px; }
.gk-logo img { max-height: 54px; width: auto; }
.gk-nav { display: flex; align-items: center; gap: 2px; margin: 0 auto; }
.gk-nav > a, .gk-nav__dd > button { display: inline-flex; align-items: center; gap: 4px; height: 44px; padding: 0 13px; white-space: nowrap; border-radius: 999px; font: 500 15.5px var(--f-body); color: var(--fg); background: none; border: 0; transition: background .2s; }
.gk-nav > a:hover, .gk-nav__dd > button:hover, .gk-nav__dd > button[aria-expanded="true"] { background: var(--mint-l); }
.gk-nav > a[aria-current="page"], .gk-nav__dd > button.is-current { background: url('../img/crayon-mint.webp') no-repeat center bottom 6px / calc(100% - 24px) 8px; }
.gk-nav__dd { position: relative; }
.gk-nav__dd .gk-ico { width: 15px; height: 15px; transition: transform .25s; }
.gk-nav__dd > button[aria-expanded="true"] .gk-ico { transform: rotate(180deg); }
.gk-nav__dd ul { position: absolute; top: calc(100% + 10px); left: 50%; min-width: 240px; margin: 0; padding: 10px; list-style: none; background: #fff; border-radius: 22px; box-shadow: var(--shadow), 0 0 0 1px var(--line);
  opacity: 0; visibility: hidden; transform: translate(-50%, -6px) rotate(-1deg); transition: opacity .2s, transform .3s var(--spring), visibility .2s; }
.gk-nav__dd ul::before { content: ''; position: absolute; top: -7px; left: 50%; width: 14px; height: 14px; margin-left: -7px; background: #fff; transform: rotate(45deg); border-radius: 3px; box-shadow: -1px -1px 0 var(--line); }
.gk-nav__dd > button[aria-expanded="true"] + ul { opacity: 1; visibility: visible; transform: translate(-50%, 0) rotate(0); }
.gk-nav__dd li a { position: relative; display: block; padding: 11px 16px; border-radius: 14px; font-weight: 500; color: var(--fg); transition: background .2s, padding .2s; }
.gk-nav__dd li:nth-child(4n+1) a:hover { background: var(--mint-l); }
.gk-nav__dd li:nth-child(4n+2) a:hover { background: var(--peach-l); }
.gk-nav__dd li:nth-child(4n+3) a:hover { background: var(--butter-l); }
.gk-nav__dd li:nth-child(4n) a:hover { background: var(--lav-l); }
.gk-nav__dd li a:hover { padding-left: 22px; }
.gk-nav__dd li a[aria-current="page"] { font-weight: 700; }
.gk-head__tools { display: flex; align-items: center; gap: 14px; flex: none; }
.gk-head__ph { display: inline-flex; align-items: center; gap: 8px; font: 700 15.5px var(--f-body); }
.gk-head__ph .gk-ico { width: 16px; height: 16px; color: var(--mint-d); }
.gk-lang { display: flex; gap: 2px; font: 700 13px var(--f-body); text-transform: uppercase; }
.gk-lang a { padding: 6px 8px; border-radius: 10px; color: var(--fg-3); }
.gk-lang a[aria-current="true"], .gk-lang a.is-current, .gk-lang a:hover { color: var(--fg); background: var(--butter-l); }
.gk-burger { display: none; width: 48px; height: 48px; border: 0; border-radius: 50%; background: var(--butter); position: relative; }
.gk-burger i { position: absolute; left: 14px; right: 14px; height: 2.5px; border-radius: 3px; background: var(--ink); }
.gk-burger i:nth-child(1) { top: 16px; } .gk-burger i:nth-child(2) { top: 23px; right: 18px; } .gk-burger i:nth-child(3) { top: 30px; }

/* Çekmece */
.drawer { position: fixed; inset: 0; z-index: 90; visibility: hidden; }
.drawer.is-open { visibility: visible; }
.drawer::before { content: ''; position: absolute; inset: 0; background: rgba(43, 35, 80, .45); opacity: 0; transition: opacity .3s; }
.drawer.is-open::before { opacity: 1; }
.drawer__panel { position: absolute; inset: 0 0 0 auto; width: min(100%, 440px); background: var(--paper); display: flex; flex-direction: column; padding: 14px var(--gut) 28px; transform: translateX(100%); transition: transform .5s var(--ease); overflow-y: auto; border-radius: 28px 0 0 28px; }
.drawer.is-open .drawer__panel { transform: none; }
.gk-drawer__top { display: flex; align-items: center; justify-content: space-between; height: 64px; margin-bottom: 18px; }
.gk-x { width: 48px; height: 48px; border-radius: 50%; border: 0; background: var(--peach-l); display: grid; place-items: center; }
.gk-drawer__nav { display: grid; gap: 4px; }
.gk-drawer__nav a { font: 700 28px/1.2 var(--f-head); padding: 10px 14px; border-radius: 18px; opacity: 0; transform: translateX(20px); transition: opacity .4s, transform .5s var(--ease-o), background .2s; transition-delay: calc(var(--i) * .04s + .1s); }
.drawer.is-open .gk-drawer__nav a { opacity: 1; transform: none; }
.gk-drawer__nav a:nth-child(4n+1):hover { background: var(--mint-l); } .gk-drawer__nav a:nth-child(4n+2):hover { background: var(--peach-l); }
.gk-drawer__nav a:nth-child(4n+3):hover { background: var(--butter-l); } .gk-drawer__nav a:nth-child(4n):hover { background: var(--lav-l); }
.gk-drawer__foot { margin-top: auto; padding-top: 28px; display: grid; gap: 14px; justify-items: start; font-weight: 700; }

/* ── Açılış ──────────────────────────────────────────────────────────── */
.gk-hero { position: relative; padding: clamp(28px, 4vw, 64px) 0 clamp(64px, 7vw, 110px); overflow: hidden; }
.gk-hero__in { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: 40px clamp(32px, 5vw, 80px); align-items: center; }
.gk-hero__t { font-size: clamp(44px, 5.4vw, 86px); line-height: 1.02; margin-bottom: 26px; }
.gk-hero__acts { display: flex; flex-wrap: wrap; align-items: center; gap: 18px 30px; margin: 32px 0 30px; }
.gk-hero__facts { margin: 0; padding-top: 22px; border-top: 2px dashed var(--line-2); color: var(--fg-2); max-width: 32em; }
.gk-hero__art { position: relative; }
.gk-hero__drawing { position: absolute; z-index: 0; top: -6%; right: -8%; width: 58%; margin: 0; transform: rotate(8deg); mix-blend-mode: multiply; opacity: .95; pointer-events: none; }
.gk-hero__drawing img { width: 100%; border-radius: 8px; }
.gk-float { position: absolute; z-index: 0; pointer-events: none; border-radius: 50%; opacity: .6; animation: gkFloat 14s ease-in-out infinite alternate; }
.gk-float--a { width: 140px; height: 140px; background: var(--mint); left: -40px; top: 18%; }
.gk-float--b { width: 70px; height: 70px; background: var(--butter); left: 44%; top: 4%; border-radius: 20px; animation-duration: 18s; }
.gk-float--c { width: 110px; height: 110px; background: var(--lav); right: 4%; bottom: -30px; animation-duration: 11s; }
@keyframes gkFloat { from { transform: translate(0, 0) rotate(0); } to { transform: translate(18px, -26px) rotate(25deg); } }

/* Fotoğraf destesi (slider): üst üste iğnelenmiş fotoğraflar; başlık görselin altındaki etikette */
.gk-deck { position: relative; z-index: 1; }
.gk-deck__stack { position: relative; aspect-ratio: 3 / 2; }
.gk-deck__card { position: absolute; inset: 0; margin: 0; padding: 10px; background: #fff; border-radius: 22px; box-shadow: var(--shadow); transition: transform .8s var(--ease-o), opacity .6s, z-index 0s .3s; transform: rotate(-6deg) translate(-4%, 3%) scale(.94); opacity: 0; z-index: 1; }
.gk-deck__card img { width: 100%; height: 100%; object-fit: cover; border-radius: 14px; }
.gk-deck__card.is-on { transform: rotate(-1.5deg); opacity: 1; z-index: 3; }
.gk-deck__card.is-next { transform: rotate(4deg) translate(4%, -3%) scale(.97); opacity: 1; z-index: 2; }
.gk-deck__card.is-out { transform: rotate(-14deg) translate(-38%, 8%) scale(.9); opacity: 0; z-index: 4; }
.gk-deck__card::after { content: ''; position: absolute; top: -9px; left: 50%; width: 22px; height: 22px; margin-left: -11px; border-radius: 50%; background: radial-gradient(circle at 35% 35%, #fff 0 18%, var(--peach) 22% 100%); box-shadow: 0 3px 4px rgba(43, 35, 80, .3); }
.gk-deck__card:nth-child(2)::after { background: radial-gradient(circle at 35% 35%, #fff 0 18%, var(--mint) 22% 100%); }
.gk-deck__card:nth-child(3)::after { background: radial-gradient(circle at 35% 35%, #fff 0 18%, var(--lav) 22% 100%); }
.gk-deck__caps { position: relative; display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-top: 30px; min-height: 96px; }
.gk-deck__cap { display: none; max-width: 30em; }
.gk-deck__cap.is-on { display: grid; gap: 2px; animation: gkIn .6s var(--ease-o); }
.gk-deck__cap .gk-hand { font-size: 21px; color: var(--lav-d); transform: rotate(-2deg); transform-origin: left; }
.gk-deck__cap b { font: 700 clamp(22px, 1.8vw, 28px)/1.15 var(--f-head); }
.gk-deck__cap small { color: var(--fg-3); font-size: 14.5px; }
.gk-deck__cap .gk-link { margin-top: 8px; justify-self: start; }
.gk-deck__ctl { display: flex; align-items: center; gap: 10px; flex: none; }
.gk-dot { width: 16px; height: 16px; border-radius: 50%; border: 2px solid var(--ink); padding: 0; background: #fff; transition: transform .25s var(--spring), background .2s; }
.gk-dot[aria-pressed="true"] { transform: scale(1.3); }
.gk-dot--mint[aria-pressed="true"] { background: var(--mint); } .gk-dot--peach[aria-pressed="true"] { background: var(--peach); }
.gk-dot--butter[aria-pressed="true"] { background: var(--butter); } .gk-dot--lavender[aria-pressed="true"] { background: var(--lav); }
@keyframes gkIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }

/* ── İğnelenmiş kâğıt (fotoğraf, çocuk resmi) ─────────────────────────── */
.gk-pin { position: relative; display: block; margin: 0; padding: 8px; background: #fff; border-radius: 14px; box-shadow: var(--shadow); transform: rotate(var(--r, -1.5deg)); transition: transform .45s var(--spring), box-shadow .3s; }
.gk-pin img { width: 100%; border-radius: 9px; }
.gk-pin::before { content: ''; position: absolute; z-index: 2; top: -8px; left: 50%; width: 20px; height: 20px; margin-left: -10px; border-radius: 50%; background: radial-gradient(circle at 35% 35%, #fff 0 18%, var(--butter) 22% 100%); box-shadow: 0 3px 4px rgba(43, 35, 80, .3); }
.gk-pin--r { --r: 2deg; } .gk-pin--l { --r: -2.5deg; }
a.gk-pin:hover, .gk-board .gk-pin:hover { transform: rotate(0) scale(1.03); box-shadow: 0 30px 50px -26px rgba(43, 35, 80, .55); z-index: 3; }
.gk-pin figcaption, .gk-pin__cap { display: block; padding: 10px 6px 4px; font: 400 18px/1.25 var(--f-hand); color: var(--fg); text-align: center; }
.gk-pin__cap i { display: block; font-style: normal; font-size: 15px; color: var(--fg-3); }
.gk-pin--art { padding: 6px; }
.gk-pin--art img { border-radius: 4px; }

/* ── Bugün okulda ────────────────────────────────────────────────────── */
.gk-today { display: grid; gap: 28px; }
.gk-today__stage { position: relative; display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 4fr); gap: 28px; align-items: end; }
.gk-today__shot { display: none; grid-column: 1 / -1; grid-template-columns: inherit; gap: inherit; align-items: end; margin: 0; }
.gk-today__shot.is-on { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 4fr); animation: gkIn .5s var(--ease-o); }
.gk-today__shot > img, .gk-today__blank { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border-radius: var(--r); }
.gk-today__blank { display: grid; place-items: center; font: 700 80px var(--f-head); }
.gk-today__shot--mint .gk-today__blank, .gk-today__shot--mint figcaption { background: var(--mint); }
.gk-today__shot--peach .gk-today__blank, .gk-today__shot--peach figcaption { background: var(--peach); }
.gk-today__shot--butter .gk-today__blank, .gk-today__shot--butter figcaption { background: var(--butter); }
.gk-today__shot--lavender .gk-today__blank, .gk-today__shot--lavender figcaption { background: var(--lav); }
.gk-today__shot figcaption { display: grid; gap: 10px; align-content: start; padding: clamp(24px, 2.6vw, 38px); border-radius: var(--r); min-height: 62%; }
.gk-today__shot figcaption b { font: 700 clamp(28px, 2.6vw, 42px)/1.05 var(--f-head); }
.gk-today__shot figcaption span:last-child { color: #3F3866; font-size: 17px; }
.gk-today__now { justify-self: start; display: inline-flex; align-items: center; gap: 8px; padding: 6px 14px 6px 12px; border-radius: 999px; background: var(--ink); color: #fff; font: 700 13px var(--f-body); }
.gk-today__now::before { content: ''; width: 9px; height: 9px; border-radius: 50%; background: var(--mint); animation: gkPulse 1.6s infinite; }
@keyframes gkPulse { 50% { box-shadow: 0 0 0 7px rgba(168, 230, 207, .25); } }
.gk-today__state { position: absolute; left: 18px; top: 18px; margin: 0; padding: 8px 16px; border-radius: 999px; background: rgba(255, 255, 255, .92); font-weight: 700; font-size: 14.5px; box-shadow: var(--shadow); }
.gk-today__state:empty { display: none; }
.gk-today__line { list-style: none; margin: 0; padding: 4px 0 14px; display: flex; gap: 10px; overflow-x: auto; scrollbar-width: thin; scroll-snap-type: x proximity; }
.gk-slot { flex: none; scroll-snap-align: start; }
.gk-slot button { display: grid; gap: 2px; text-align: left; min-width: 150px; padding: 14px 18px 16px; border: 2px solid var(--line-2); border-radius: 20px; background: #fff; transition: transform .25s var(--spring), border-color .2s, background .2s; }
.gk-slot button:hover { transform: translateY(-3px); }
.gk-slot time { font: 700 22px var(--f-head); }
.gk-slot span { font-size: 14.5px; font-weight: 500; color: var(--fg-2); line-height: 1.3; }
.gk-slot button[aria-pressed="true"] { border-color: var(--ink); }
.gk-slot--mint button[aria-pressed="true"] { background: var(--mint); } .gk-slot--peach button[aria-pressed="true"] { background: var(--peach); }
.gk-slot--butter button[aria-pressed="true"] { background: var(--butter); } .gk-slot--lavender button[aria-pressed="true"] { background: var(--lav); }
.gk-slot.is-now button { position: relative; }
.gk-slot.is-now button::after { content: attr(data-now); position: absolute; top: -11px; right: 12px; padding: 2px 10px; border-radius: 999px; background: var(--ink); color: #fff; font: 700 11.5px var(--f-body); }
.gk-slot.is-past button { opacity: .55; }
/* Dikey (Programlar sayfası) */
.gk-today--flat .gk-today__line { flex-direction: column; overflow: visible; gap: 0; padding: 0; }
.gk-today--flat .gk-slot { display: grid; grid-template-columns: 120px minmax(0, 1fr); gap: 4px 24px; padding: 16px 0; border-top: 2px dashed var(--line-2); }
.gk-today--flat .gk-slot button { grid-row: span 2; min-width: 0; padding: 0; border: 0; background: none; pointer-events: none; }
.gk-today--flat .gk-slot button span { display: none; }
.gk-today--flat .gk-slot button time { font-size: 26px; padding: 4px 12px; border-radius: 14px; justify-self: start; }
.gk-today--flat .gk-slot--mint time { background: var(--mint); } .gk-today--flat .gk-slot--peach time { background: var(--peach); }
.gk-today--flat .gk-slot--butter time { background: var(--butter); } .gk-today--flat .gk-slot--lavender time { background: var(--lav); }
.gk-today--flat .gk-slot p { grid-column: 2; margin: 0; color: var(--fg-2); }
.gk-today--flat .gk-slot button::after { display: none; }
.gk-slot__t { grid-column: 2; grid-row: 1; font: 700 22px/1.2 var(--f-head); }

/* ── Boy cetveli (yaş grupları) ──────────────────────────────────────── */
.gk-ruler { --H: clamp(520px, 52vw, 660px); position: relative; display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 0 18px; }
.gk-ruler__scale { position: relative; height: var(--H); border-right: 3px solid var(--ink); }
.gk-ruler__scale span { position: absolute; right: 0; bottom: calc(var(--cm) / var(--top) * 100% - .65em); padding-right: 16px; font: 700 14px var(--f-body); color: var(--fg-3); }
.gk-ruler__scale span.is-minor { color: transparent; }
.gk-ruler__scale span.is-minor::after { width: 6px; }
.gk-ruler__scale span::after { content: ''; position: absolute; right: -3px; top: 50%; width: 10px; height: 3px; background: var(--ink); }
.gk-ruler__row { position: relative; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; align-items: end; height: var(--H); border-bottom: 3px solid var(--ink); }
.gk-kid { position: relative; display: flex; flex-direction: column; height: calc(var(--h) / var(--top) * var(--H)); border-radius: 28px 28px 0 0; padding: 14px 14px 20px; transition: transform .45s var(--spring); }
.gk-kid:hover { transform: translateY(-10px); }
.gk-kid--mint { background: var(--mint); } .gk-kid--peach { background: var(--peach); } .gk-kid--butter { background: var(--butter); } .gk-kid--lavender { background: var(--lav); }
.gk-kid__mark { position: absolute; top: -2px; left: calc(-100vw); right: 100%; height: 0; border-top: 2px dashed rgba(43, 35, 80, .35); pointer-events: none; }
.gk-ruler__row { padding-top: 60px; }
.gk-ruler__row { overflow: visible; clip-path: inset(-80px 0 0 -100px); }
.gk-kid__age { position: absolute; top: -48px; left: 8px; font: 700 clamp(26px, 2.2vw, 34px) var(--f-head); white-space: nowrap; }
.gk-kid__img { margin: 0 0 14px; aspect-ratio: 4 / 3; overflow: hidden; border-radius: 18px; flex: none; }
.gk-kid__img img { width: 100%; height: 100%; object-fit: cover; transition: transform .8s var(--ease-o); }
.gk-kid:hover .gk-kid__img img { transform: scale(1.06); }
.gk-kid__b { display: flex; flex-direction: column; gap: 8px; flex: 1; padding: 0 6px; }
.gk-kid__b b { font: 700 clamp(22px, 1.8vw, 28px)/1.05 var(--f-head); }
.gk-kid__b > span { font-size: 15px; color: #3F3866; line-height: 1.5; }
.gk-kid__b small { font-weight: 700; font-size: 13px; color: var(--ink); opacity: .75; }
.gk-kid__b em { margin-top: auto; display: inline-flex; align-items: center; gap: 8px; font: normal 700 15px var(--f-body); }
.gk-kid:hover em .gk-ico { transform: translateX(4px); }
.gk-kid em .gk-ico { transition: transform .3s; }

/* ── Yemek menüsü ────────────────────────────────────────────────────── */
.gk-menuw { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: 40px clamp(32px, 5vw, 80px); align-items: start; }
.gk-menuw > *, .gk-contact > *, .gk-visit > *, .gk-prog > *, .gk-hero__in > * { min-width: 0; }
.gk-menuw__side { display: grid; gap: 14px; justify-items: start; }
.gk-menuw__side p { margin: 0; color: #3F3866; }
.gk-menuw__wk { font: 400 22px var(--f-hand); color: var(--ink) !important; transform: rotate(-1.5deg); transform-origin: left; }
.gk-menu { background: #fff; border-radius: 30px; padding: clamp(18px, 2.4vw, 32px); box-shadow: var(--shadow); }
.gk-menu__days { display: flex; gap: 8px; overflow-x: auto; padding: 4px 2px 18px; margin-bottom: 8px; border-bottom: 2px dashed var(--line-2); }
.gk-menu__days button { position: relative; flex: 1 0 auto; display: grid; justify-items: start; gap: 0; padding: 10px 16px; border: 2px solid transparent; border-radius: 18px; background: var(--paper); text-align: left; transition: background .2s, border-color .2s; }
.gk-menu__days button b { font: 700 17px var(--f-body); }
.gk-menu__days button small { font-size: 13px; color: var(--fg-3); }
.gk-menu__days button i { position: absolute; top: -9px; right: 8px; font: 400 14px var(--f-hand); background: var(--butter); padding: 0 8px; border-radius: 999px; transform: rotate(4deg); }
.gk-menu__days button:hover { background: var(--butter-l); }
.gk-menu__days button[aria-selected="true"] { border-color: var(--ink); background: var(--mint-l); }
.gk-menu__panel { animation: gkIn .45s var(--ease-o); }
.gk-meal { display: grid; grid-template-columns: 128px minmax(0, 1fr); gap: 22px; align-items: center; padding: 18px 0; }
.gk-meal + .gk-meal { border-top: 1px solid var(--line); }
.gk-meal__img { margin: 0; aspect-ratio: 1; border-radius: 50%; overflow: hidden; box-shadow: 0 0 0 6px var(--paper); }
.gk-meal--b .gk-meal__img { box-shadow: 0 0 0 6px var(--butter-l); } .gk-meal--l .gk-meal__img { box-shadow: 0 0 0 6px var(--peach-l); } .gk-meal--s .gk-meal__img { box-shadow: 0 0 0 6px var(--lav-l); }
.gk-meal__img img { width: 100%; height: 100%; object-fit: cover; transition: transform 1s var(--ease-o); }
.gk-meal:hover .gk-meal__img img { transform: rotate(18deg) scale(1.05); }
.gk-meal__k { margin: 0 0 6px; font: 700 21px var(--f-head); }
.gk-meal__k time { font: 700 13px var(--f-body); color: var(--fg-3); margin-left: 8px; }
.gk-meal ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px 8px; }
.gk-meal li { padding: 4px 12px; border-radius: 999px; background: var(--paper); font-size: 15px; font-weight: 500; }
.gk-meal--b li { background: var(--butter-l); } .gk-meal--l li { background: var(--peach-l); } .gk-meal--s li { background: var(--lav-l); }
.gk-meal__none { margin: 0; color: var(--fg-3); }
.gk-menu__note { margin: 14px 0 0; padding: 14px 18px; border-radius: 16px; background: var(--butter-l); font: 400 18px/1.4 var(--f-hand); }
.gk-diet--sm { display: flex; align-items: center; gap: 14px; margin-top: 6px; }
.gk-diet--sm figure { margin: 0; width: 64px; height: 64px; border-radius: 50%; overflow: hidden; flex: none; border: 3px solid #fff; }
.gk-diet--sm img { width: 100%; height: 100%; object-fit: cover; object-position: top; }
.gk-diet--sm p { margin: 0; display: grid; }
.gk-diet--sm b { font-weight: 700; }
.gk-diet--sm span { font-size: 14px; }
.gk-weekpick { margin-bottom: 22px; }
.gk-weekpick label { display: inline-flex; align-items: center; gap: 12px; font-weight: 700; }
.gk-weekpick select { height: 50px; min-width: 260px; padding: 0 44px 0 18px; border: 2px solid var(--line-2); border-radius: 999px; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%232B2350' stroke-width='2'/%3E%3C/svg%3E") right 18px center no-repeat; appearance: none; font: 500 16px var(--f-body); color: var(--fg); }
.gk-tablewrap { margin-top: 34px; overflow-x: auto; border-radius: 24px; background: #fff; box-shadow: 0 0 0 2px var(--line); }
.gk-mtable { width: 100%; min-width: 760px; border-collapse: collapse; font-size: 15px; }
.gk-mtable caption { text-align: left; padding: 18px 22px 0; font: 700 20px var(--f-head); }
.gk-mtable th, .gk-mtable td { padding: 14px 16px; text-align: left; vertical-align: top; border-top: 1px solid var(--line); }
.gk-mtable thead th { border-top: 0; font-weight: 700; }
.gk-mtable th small { display: block; font-weight: 500; color: var(--fg-3); font-size: 12.5px; }
.gk-mtable tbody th { white-space: nowrap; }
.gk-mtable tbody tr:nth-child(1) th { background: var(--butter-l); } .gk-mtable tbody tr:nth-child(2) th { background: var(--peach-l); } .gk-mtable tbody tr:nth-child(3) th { background: var(--lav-l); }
.gk-dietw { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: 48px clamp(40px, 6vw, 100px); align-items: start; }
.gk-diet { display: grid; grid-template-columns: minmax(0, 220px) minmax(0, 1fr); gap: 28px; align-items: start; }
.gk-diet .gk-h2 { font-size: clamp(28px, 2.6vw, 40px); }
.gk-diet__r { font: 400 21px var(--f-hand); margin: 6px 0 16px; }
.gk-diet__dl { margin: 0 0 16px; display: grid; gap: 8px; }
.gk-diet__dl div { display: grid; }
.gk-diet__dl dt { font-size: 13px; font-weight: 700; opacity: .7; }
.gk-diet__dl dd { margin: 0; font-weight: 500; }
.gk-nutri { display: grid; gap: 18px; }
.gk-nutri__it { padding: 22px 24px; background: #fff; border-radius: 22px; }
.gk-nutri__it h3 { font-size: 22px; margin-bottom: 8px; }
.gk-nutri__it p { margin: 0; color: var(--fg-2); }

/* ── Etkinlikler ─────────────────────────────────────────────────────── */
.gk-evs { display: grid; gap: 22px; }
.gk-evs--feat { grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); align-items: start; }
.gk-evs__list { display: grid; gap: 12px; }
.gk-ev { position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 18px; align-items: center; padding: 14px; background: #fff; border-radius: 22px; box-shadow: 0 0 0 2px var(--line); transition: transform .35s var(--spring), box-shadow .3s; }
.gk-ev:hover { transform: translateX(6px) rotate(-.4deg); box-shadow: 0 0 0 2px var(--ink); }
.gk-ev__img { grid-column: 1 / -1; margin: 0; aspect-ratio: 3 / 2; border-radius: 14px; overflow: hidden; }
.gk-ev__img img { width: 100%; height: 100%; object-fit: cover; transition: transform .8s var(--ease-o); }
.gk-ev:hover .gk-ev__img img { transform: scale(1.05); }
.gk-ev__date { display: grid; place-items: center; align-content: center; width: 74px; height: 80px; border-radius: 18px; line-height: 1; transform: rotate(-3deg); }
.gk-ev__date b { font: 700 36px var(--f-head); }
.gk-ev__date small { font: 700 13px var(--f-body); text-transform: uppercase; letter-spacing: .06em; margin-top: 2px; }
.gk-ev--mint .gk-ev__date { background: var(--mint); } .gk-ev--peach .gk-ev__date { background: var(--peach); } .gk-ev--butter .gk-ev__date { background: var(--butter); } .gk-ev--lavender .gk-ev__date { background: var(--lav); }
.gk-ev__b { display: grid; gap: 4px; }
.gk-ev__cat { justify-self: start; font: 700 12.5px var(--f-body); padding: 2px 10px; border-radius: 999px; background: var(--paper); }
.gk-ev__t { font: 700 21px/1.2 var(--f-head); }
.gk-ev__m { font-size: 14.5px; color: var(--fg-3); }
.gk-ev.is-past { opacity: .72; }
.gk-evfeat { display: block; background: #fff; border-radius: 30px; overflow: hidden; box-shadow: var(--shadow); transition: transform .4s var(--spring); }
.gk-evfeat:hover { transform: rotate(-.6deg) translateY(-4px); }
.gk-evfeat figure { margin: 0; aspect-ratio: 16 / 10; overflow: hidden; }
.gk-evfeat img { width: 100%; height: 100%; object-fit: cover; }
.gk-evfeat__b { display: grid; gap: 8px; padding: 24px 28px 28px; }
.gk-evfeat__b .gk-hand { font-size: 20px; color: var(--lav-d); }
.gk-evfeat__b b { font: 700 clamp(28px, 2.4vw, 38px)/1.05 var(--f-head); }
.gk-evfeat__b > span:not(.gk-hand) { font-weight: 700; }
.gk-evfeat__b small { color: var(--fg-2); font-size: 15.5px; }
.gk-evfeat--peach { background: var(--peach-l); } .gk-evfeat--mint { background: var(--mint-l); } .gk-evfeat--butter { background: var(--butter-l); } .gk-evfeat--lavender { background: var(--lav-l); }
.gk-month { margin-top: clamp(30px, 3vw, 48px); }
.gk-month__t { display: flex; align-items: baseline; gap: 12px; font-size: clamp(30px, 3vw, 46px); margin-bottom: 20px; }
.gk-month__t small { font: 700 16px var(--f-body); color: var(--fg-3); }
.gk-month__list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.gk-month__list .gk-ev { align-content: start; }
.gk-month__list--past .gk-ev { grid-template-columns: auto minmax(0, 1fr); }
.gk-year { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 30px; margin-top: 30px; }
.gk-year__it { display: grid; gap: 6px; }
.gk-year__it b { font: 700 24px/1.1 var(--f-head); margin-top: 16px; }
.gk-year__it span { color: #3F3866; font-weight: 500; }
.gk-evhead { display: flex; align-items: center; gap: 18px; margin: 26px 0 0; }
.gk-evhead p { margin: 0; display: grid; gap: 2px; }
.gk-evhead p span { display: inline-flex; gap: 6px; align-items: center; color: var(--fg-2); }
.gk-ev__date--big { width: 92px; height: 100px; background: #fff; box-shadow: var(--shadow); }
.gk-ev__date--big b { font-size: 46px; }
.gk-past-note { margin: 18px 0 0; font: 400 19px var(--f-hand); }
.gk-flow { list-style: none; margin: 0; padding: 0; }
.gk-flow li { display: grid; grid-template-columns: 70px minmax(0, 1fr); gap: 14px; padding: 10px 0; border-top: 1px dashed var(--line-2); }
.gk-flow time { font-weight: 700; }

/* Çipler (süzgeç) */
.gk-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 26px; }
.gk-chip { height: 44px; padding: 0 20px; border-radius: 999px; border: 2px solid var(--line-2); background: #fff; font: 700 14.5px var(--f-body); transition: transform .25s var(--spring), background .2s, border-color .2s; }
.gk-chip:hover { transform: translateY(-2px) rotate(-1deg); }
.gk-chip[aria-pressed="true"] { background: var(--ink); border-color: var(--ink); color: #fff; }
.gk-chip--mint[aria-pressed="true"] { background: var(--mint); color: var(--ink); } .gk-chip--peach[aria-pressed="true"] { background: var(--peach); color: var(--ink); }
.gk-chip--butter[aria-pressed="true"] { background: var(--butter); color: var(--ink); } .gk-chip--lavender[aria-pressed="true"] { background: var(--lav); color: var(--ink); }

/* ── Sanat duvarı / galeri ───────────────────────────────────────────── */
.gk-board { column-count: 4; column-gap: 26px; }
.gk-board .gk-pin { break-inside: avoid; margin: 14px 0 30px; }
.gk-board--prog { column-count: 3; }
.gk-board .gk-pin.is-hidden { display: none; }

/* Görüntüleyici */
.gk-lb { position: fixed; inset: 0; z-index: 150; display: grid; place-items: center; padding: 60px 70px; background: rgba(43, 35, 80, .9); opacity: 0; visibility: hidden; transition: opacity .3s, visibility .3s; }
.gk-lb.is-open { opacity: 1; visibility: visible; }
.gk-lb figure { margin: 0; display: grid; gap: 12px; justify-items: center; }
.gk-lb img { max-height: 78vh; width: auto; border-radius: 14px; background: #fff; padding: 8px; }
.gk-lb figcaption { color: #fff; font: 400 21px var(--f-hand); }
.gk-lb button { position: absolute; width: 52px; height: 52px; border-radius: 50%; border: 0; background: #fff; display: grid; place-items: center; }
.gk-lb [data-lb-x] { top: 18px; right: 18px; }
.gk-lb [data-lb-p] { left: 14px; top: 50%; } .gk-lb [data-lb-n] { right: 14px; top: 50%; }

/* ── Öğretmenler ─────────────────────────────────────────────────────── */
.gk-tchs { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 40px 28px; }
.gk-tch { position: relative; display: grid; align-content: start; }
.gk-tch__img { margin: 0; aspect-ratio: 4 / 5; border-radius: 160px 160px 26px 26px; overflow: hidden; }
.gk-tch--mint .gk-tch__img { background: var(--mint); } .gk-tch--peach .gk-tch__img { background: var(--peach); } .gk-tch--butter .gk-tch__img { background: var(--butter); } .gk-tch--lavender .gk-tch__img { background: var(--lav); }
.gk-tch__img img { width: 100%; height: 100%; object-fit: cover; object-position: top; transition: transform .8s var(--ease-o); }
.gk-tch:hover .gk-tch__img img { transform: scale(1.04); }
.gk-tch__ini { display: grid; place-items: center; height: 100%; font: 700 72px var(--f-head); }
.gk-tch__kid { position: relative; z-index: 2; margin: -64px 14px 0 auto; max-width: 84%; padding: 16px 18px 14px; background: var(--butter); border-radius: 6px 18px 6px 18px; transform: rotate(2.5deg); box-shadow: 0 14px 24px -16px rgba(43, 35, 80, .6); transition: transform .4s var(--spring); }
.gk-tch:nth-child(even) .gk-tch__kid { background: var(--peach-l); transform: rotate(-2deg); }
.gk-tch:hover .gk-tch__kid { transform: rotate(0) scale(1.03); }
.gk-tch__kid p { margin: 0; font: 400 19px/1.3 var(--f-hand); }
.gk-tch__kid cite { display: block; margin-top: 6px; font: 400 15px var(--f-hand); color: var(--fg-3); text-align: right; }
.gk-tch__b { padding: 18px 4px 0; }
.gk-tch__b h3 { font-size: 26px; }
.gk-tch__r { margin: 4px 0 10px; font-weight: 700; color: var(--fg-2); font-size: 15px; }
.gk-tch__x { color: var(--fg-2); font-size: 15.5px; margin-bottom: 10px; }
.gk-tch__m { font-size: 13.5px; color: var(--fg-3); margin: 0; }
.gk-tch__soc { display: flex; gap: 14px; margin: 10px 0 0; font-weight: 700; font-size: 14px; }

/* ── Veli notları (okul-aile defteri) ────────────────────────────────── */
.gk-notes { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 30px; margin-top: clamp(32px, 4vw, 56px); align-items: start; }
.gk-note { position: relative; margin: 0; padding: 40px 28px 26px; border-radius: 6px 6px 22px 22px; background: #fff repeating-linear-gradient(transparent 0 33px, rgba(43, 35, 80, .12) 33px 34px) 0 30px / 100% calc(100% - 30px) no-repeat; transform: rotate(var(--r)); box-shadow: var(--shadow); transition: transform .4s var(--spring); }
.gk-note:hover { transform: rotate(0) translateY(-6px); }
.gk-note::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 18px; border-radius: 6px 6px 0 0; background: radial-gradient(circle, var(--peach) 4px, transparent 5px) 8px 50% / 26px 18px repeat-x, var(--ink); }
.gk-note--mint::before { background: radial-gradient(circle, var(--peach) 4px, transparent 5px) 8px 50% / 26px 18px repeat-x, var(--mint-d); }
.gk-note--lavender::before { background: radial-gradient(circle, #fff 4px, transparent 5px) 8px 50% / 26px 18px repeat-x, var(--lav-d); }
.gk-note--butter::before { background: radial-gradient(circle, #fff 4px, transparent 5px) 8px 50% / 26px 18px repeat-x, var(--butter-d); }
.gk-note blockquote { margin: 0; font-size: 17px; line-height: 34px; color: var(--fg); }
.gk-note figcaption { margin-top: 16px; display: grid; }
.gk-note b { font: 400 22px var(--f-hand); }
.gk-note figcaption span { font-size: 13.5px; color: var(--fg-3); font-weight: 500; }

/* ── Blog kartları ───────────────────────────────────────────────────── */
.gk-posts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 36px 28px; }
.gk-post { display: grid; align-content: start; gap: 10px; }
.gk-post__media { margin: 0 0 6px; aspect-ratio: 3 / 2; border-radius: 22px; overflow: hidden; background: var(--mint-l); }
.gk-post__media img { width: 100%; height: 100%; object-fit: cover; transition: transform .8s var(--ease-o); }
.gk-post:hover .gk-post__media img { transform: scale(1.05) rotate(.6deg); }
.gk-post__meta { margin: 0; font-size: 13.5px; font-weight: 700; color: var(--fg-3); }
.gk-post__t { font: 700 clamp(21px, 1.6vw, 25px)/1.18 var(--f-head); }
.gk-post:hover .gk-post__t { text-decoration: underline; text-decoration-thickness: 3px; text-decoration-color: var(--butter); text-underline-offset: 5px; }
.gk-post__x { margin: 0; color: var(--fg-2); font-size: 15.5px; }

/* ── Çağrı ──────────────────────────────────────────────────────────── */
.gk-cta { background: var(--lav); padding: clamp(72px, 8vw, 120px) 0; overflow: hidden; }
.gk-cta__in { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: 48px clamp(40px, 6vw, 100px); align-items: center; }
.gk-cta__img { --r: -3deg; }
.gk-cta__img img { aspect-ratio: 4 / 3; object-fit: cover; }
.gk-cta__t { font-size: clamp(36px, 4.4vw, 66px); line-height: 1.02; margin-bottom: 20px; }
.gk-cta__b > p { color: #3F3866; font-size: 18px; max-width: 32em; }
.gk-cta__acts { display: flex; flex-wrap: wrap; align-items: center; gap: 18px 30px; margin-top: 30px; }

/* ── İç sayfa başlığı ───────────────────────────────────────────────── */
.gk-phead { padding: clamp(36px, 5vw, 72px) 0 clamp(48px, 6vw, 88px); border-radius: 0 0 clamp(28px, 4vw, 60px) clamp(28px, 4vw, 60px); margin-bottom: clamp(32px, 4vw, 56px); }
.gk-phead--mint { background: var(--mint); } .gk-phead--peach { background: var(--peach); } .gk-phead--butter { background: var(--butter); } .gk-phead--lavender { background: var(--lav); }
.gk-phead { --fg-2: #3F3866; --fg-3: #5B5580; }
.gk-phead__in { display: grid; grid-template-columns: minmax(0, 1fr); gap: 36px clamp(40px, 5vw, 80px); align-items: center; }
.gk-phead--img .gk-phead__in { grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); }
.gk-phead__txt { display: grid; gap: 20px; justify-items: start; }
.gk-phead .gk-h1 { max-width: 14em; }
.gk-phead__img { --r: 2deg; }
.gk-phead__img img { aspect-ratio: 4 / 3; object-fit: cover; }
.gk-phead__age { margin: 0; font: 400 26px var(--f-hand); transform: rotate(-2deg); transform-origin: left; }
.gk-phead__facts { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; }
.gk-phead__facts span { padding: 6px 14px; border-radius: 999px; background: rgba(255, 255, 255, .7); font-weight: 700; font-size: 14.5px; }
.gk-crumb { display: flex; flex-wrap: wrap; gap: 8px; font-size: 14px; font-weight: 500; color: var(--fg-3); }
.gk-crumb a:hover { color: var(--fg); text-decoration: underline; }

/* ── Program sayfası ─────────────────────────────────────────────────── */
.gk-prog { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 4fr); gap: 40px clamp(40px, 6vw, 100px); align-items: start; }
.gk-prog__cur { position: sticky; top: calc(var(--head) + 24px); display: grid; gap: 22px; }
.gk-paper { padding: 28px 28px 24px; border-radius: 24px; transform: rotate(var(--r, 0deg)); }
.gk-paper--mint { background: var(--mint-l); } .gk-paper--peach { background: var(--peach-l); } .gk-paper--butter { background: var(--butter-l); } .gk-paper--lavender { background: var(--lav-l); }
.gk-paper h2, .gk-paper h3 { font-size: 24px; margin-bottom: 14px; }
.gk-paper ul { margin: 0; padding: 0; list-style: none; display: grid; gap: 8px; }
.gk-paper ul li { position: relative; padding-left: 28px; font-weight: 500; }
.gk-paper ul li::before { content: ''; position: absolute; left: 0; top: .5em; width: 16px; height: 9px; background: url('../img/crayon-mint.webp') no-repeat center / 100% 100%; }
.gk-paper--mint ul li::before { background-image: url('../img/crayon-lavender.webp'); }
.gk-paper p { margin: 0; color: var(--fg-2); }
.gk-week { list-style: none; margin: 30px 0 0; padding: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px; }
.gk-week__d { display: grid; gap: 6px; align-content: start; padding: 22px 20px; border-radius: 22px; background: #fff; transform: rotate(var(--r, 0)); transition: transform .35s var(--spring); }
.gk-week__d:nth-child(odd) { --r: -1deg; } .gk-week__d:nth-child(even) { --r: 1.2deg; }
.gk-week__d:hover { transform: rotate(0) translateY(-5px); }
.gk-week__d b { font: 700 20px var(--f-head); }
.gk-week__d span { color: var(--fg-2); font-weight: 500; }
.gk-others { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-top: 26px; }
.gk-other { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-rows: auto auto; gap: 2px 14px; align-items: center; padding: 22px 24px; border-radius: 22px; transition: transform .35s var(--spring); }
.gk-other:hover { transform: rotate(-1deg) translateY(-4px); }
.gk-other b { font: 400 22px var(--f-hand); }
.gk-other span { font: 700 24px var(--f-head); grid-row: 2; }
.gk-other .gk-ico { grid-row: 1 / 3; grid-column: 2; width: 26px; height: 26px; }
.gk-other--mint { background: var(--mint); } .gk-other--peach { background: var(--peach); } .gk-other--butter { background: var(--butter); } .gk-other--lavender { background: var(--lav); }
.gk-visit { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 40px clamp(40px, 6vw, 100px); align-items: start; }
.gk-visit__side p { color: #3F3866; font-size: 18px; margin: 20px 0; }
.gk-ticks { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.gk-ticks li { display: flex; gap: 12px; align-items: flex-start; font-weight: 500; }
.gk-ticks .gk-ico { width: 22px; height: 22px; padding: 3px; border-radius: 50%; background: #fff; color: var(--mint-d); margin-top: 2px; }
.gk-split { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 7fr); gap: 40px clamp(40px, 6vw, 100px); align-items: start; }
.gk-split__side { position: sticky; top: calc(var(--head) + 24px); }
.gk-split__side p { color: var(--fg-2); margin-top: 18px; }
.gk-approach { display: grid; gap: 36px; }
.gk-approach__list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.gk-approach__it { padding: 26px 24px; border-radius: 24px; background: #fff; }
.gk-approach__it:nth-child(1) { transform: rotate(-1.2deg); } .gk-approach__it:nth-child(3) { transform: rotate(1deg); }
.gk-approach__it h3 { font-size: 23px; margin-bottom: 10px; padding-bottom: 10px; background: no-repeat left bottom / 60px 9px; }
.gk-approach__it--mint h3 { background-image: url('../img/crayon-mint.webp'); } .gk-approach__it--peach h3 { background-image: url('../img/crayon-peach.webp'); }
.gk-approach__it--butter h3 { background-image: url('../img/crayon-butter.webp'); } .gk-approach__it--lavender h3 { background-image: url('../img/crayon-lavender.webp'); }
.gk-approach__it p { margin: 0; color: var(--fg-2); font-size: 15.5px; }

/* Hakkımızda */
.gk-story { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 4fr); grid-template-areas: 't t' 'x i'; gap: 32px clamp(40px, 6vw, 100px); align-items: start; }
.gk-story > .gk-h2 { grid-area: t; max-width: 14em; }
.gk-story__txt { grid-area: x; }
.gk-story__txt p:first-child { font-size: clamp(20px, 1.6vw, 24px); color: var(--fg); line-height: 1.5; }
.gk-story__img { grid-area: i; }
.gk-papers { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 22px; margin-top: 36px; }
.gk-papers .gk-paper { background: #fff; }
.gk-papers .gk-paper h3 { padding-bottom: 10px; background: url('../img/crayon-peach.webp') no-repeat left bottom / 54px 8px; }
.gk-place { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: 40px clamp(40px, 6vw, 100px); align-items: center; }
.gk-place p { color: var(--fg-2); margin: 18px 0 22px; }

/* ── İletişim, formlar, SSS ──────────────────────────────────────────── */
.gk-contact { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 48px clamp(40px, 5vw, 90px); align-items: start; }
.gk-info { margin: 0; display: grid; gap: 4px; }
.gk-info > div { padding: 16px 0; border-bottom: 2px dashed var(--line-2); }
.gk-info dt { font-size: 13.5px; font-weight: 700; color: var(--fg-3); margin-bottom: 4px; }
.gk-info dd { margin: 0; color: var(--fg-2); }
.gk-info__big a[href^="mailto"] { font-size: clamp(19px, 1.6vw, 24px) !important; }
.gk-info__big a { font: 700 clamp(24px, 2.2vw, 32px)/1.15 var(--f-head); color: var(--fg); word-break: break-word; }
.gk-info__wa { font: 700 13px var(--f-body) !important; margin-left: 10px; padding: 5px 12px; border-radius: 999px; background: #25D366; color: #06210F !important; vertical-align: middle; }
.gk-cmap { position: relative; margin: 30px 0 0; }
.gk-cmap > img { width: 100%; aspect-ratio: 16 / 11; object-fit: cover; }
.gk-cmap[data-map]:not(.gk-pin) { aspect-ratio: 16 / 11; border-radius: 22px; background: var(--mint-l); }
.gk-cmap iframe { position: absolute; inset: 8px; width: calc(100% - 16px); height: calc(100% - 16px); border: 0; z-index: 3; border-radius: 10px; }
.gk-cmap > .gk-btn { position: absolute; left: 22px; bottom: 22px; z-index: 4; }
.gk-formbox { padding: clamp(24px, 3vw, 40px); background: #fff; border-radius: 30px; box-shadow: var(--shadow); }
.gk-formbox__x { color: var(--fg-2); margin: 0 0 22px; }
.gk-ftabs { display: inline-flex; gap: 4px; padding: 5px; margin-bottom: 26px; border-radius: 999px; background: var(--paper); box-shadow: inset 0 0 0 2px var(--line); }
.gk-ftabs button { height: 46px; padding: 0 22px; border: 0; border-radius: 999px; background: none; font: 700 15px var(--f-body); color: var(--fg-2); transition: background .2s, color .2s; }
.gk-ftabs button[aria-selected="true"] { background: var(--ink); color: #fff; }
.form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 16px; }
.form-grid .full, .form-grid .f.full { grid-column: 1 / -1; }
.f label { display: block; font: 700 14px var(--f-body); margin-bottom: 7px; color: var(--fg); }
.f input, .f select, .f textarea, .search-form input { width: 100%; height: 54px; padding: 0 18px; border: 2px solid var(--line-2); border-radius: 16px; background: #fff; color: var(--fg); font: 400 16px var(--f-body); transition: border-color .2s, box-shadow .2s; }
.f select { appearance: none; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%232B2350' stroke-width='2'/%3E%3C/svg%3E") right 18px center no-repeat; padding-right: 44px; }
.f textarea { height: auto; min-height: 120px; padding: 14px 18px; resize: vertical; line-height: 1.55; }
.f input:focus, .f select:focus, .f textarea:focus, .search-form input:focus { outline: 0; border-color: var(--ink); box-shadow: 0 0 0 4px var(--mint); }
.f .err, small.err { display: block; color: var(--err); font-size: 13.5px; font-weight: 700; margin-top: 6px; }
.alert { padding: 14px 18px; margin-bottom: 22px; font-size: 15.5px; font-weight: 700; border-radius: 16px; }
.alert--ok { color: #1E5A44; background: var(--mint-l); }
.alert--err { color: #9B2C21; background: var(--peach-l); }
.tsp-form-note { font-size: 13px; color: var(--fg-3); line-height: 1.55; margin-top: 14px; }
.tsp-form-note a { text-decoration: underline; }
.gk-faq__grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: 32px clamp(32px, 5vw, 72px); align-items: start; }
.gk-faq__qs { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.gk-faq__qs li.is-hidden { display: none; }
.gk-faq__qs button { width: 100%; text-align: left; padding: 16px 20px; border: 2px solid transparent; border-radius: 18px; background: #fff; font: 700 16.5px/1.35 var(--f-body); transition: transform .3s var(--spring), border-color .2s, background .2s; box-shadow: 0 0 0 2px var(--line); }
.gk-faq__qs button:hover { transform: translateX(5px); }
.gk-faq__qs button[aria-expanded="true"] { background: var(--butter); box-shadow: none; border-color: var(--ink); }
.gk-faq__as { position: sticky; top: calc(var(--head) + 24px); }
.gk-faq__a { padding: clamp(24px, 3vw, 40px); border-radius: 28px; background: #fff repeating-linear-gradient(transparent 0 35px, rgba(43, 35, 80, .08) 35px 36px); box-shadow: var(--shadow); animation: gkIn .45s var(--ease-o); }
.gk-faq__a h3 { font-size: clamp(24px, 2vw, 30px); margin-bottom: 16px; }
.gk-faq__a p { color: var(--fg-2); line-height: 36px; margin: 0 0 .6em; }
.js .gk-faq__a[data-off] { display: none; }
.gk-faq__a[data-off] { margin-top: 18px; }
.gk-ask { display: grid; justify-items: center; text-align: center; gap: 16px; }
.gk-ask p { max-width: 34em; margin: 0; color: #3F3866; }
.gk-ask__acts { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 18px 30px; }

/* ── Alt bölüm ("okul kapısı") ───────────────────────────────────────── */
.gk-news { background: var(--mint); }
.gk-news__in { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: 24px 64px; align-items: center; padding-top: 44px; padding-bottom: 44px; }
.gk-news__t { font-size: clamp(28px, 2.6vw, 40px); margin-bottom: 8px; }
.gk-news p { margin: 0; color: #3F3866; font-size: 15.5px; }
.gk-news .nl-form { gap: 10px; }
.gk-news .nl-row { flex-wrap: nowrap; gap: 8px; }
.gk-news .nl-input { height: 56px; border: 0; border-radius: 999px; background: #fff; color: var(--fg); padding: 0 22px; font: 400 16px var(--f-body); }
.gk-news .nl-input:focus { outline: 3px solid var(--ink); }
.gk-news .nl-btn { height: 56px; padding: 0 28px; border-radius: 999px; background: var(--ink); color: #fff; font: 700 15.5px var(--f-body); }
.gk-news .nl-btn:hover { background: var(--ink-2); }
.gk-news .nl-consent { color: #3F3866; font-size: 13px; align-items: center; }
.gk-news .nl-consent a { color: var(--ink); text-decoration: underline; }
.gk-news .nl-consent input { accent-color: var(--ink); margin-top: 0; }
.gk-foot { background: var(--ink); color: #fff; --fg: #fff; --fg-2: #D5D1EA; --fg-3: #A6A0C6; --line: rgba(255, 255, 255, .14); }
.gk-foot__in { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 4fr) minmax(0, 3fr); gap: 48px clamp(32px, 5vw, 72px); padding-top: clamp(56px, 6vw, 88px); padding-bottom: 48px; align-items: start; }
.gk-logo--foot .gk-logo__w { color: #fff; font-size: 40px; }
.gk-logo--foot .gk-logo__s { color: var(--fg-2); }
.gk-foot__d { margin: 18px 0 26px; color: var(--fg-2); max-width: 26em; }
.gk-foot__hours { padding: 20px 22px; border-radius: 22px; background: rgba(255, 255, 255, .07); max-width: 420px; }
.gk-foot__k { margin: 0 0 8px; font: 400 21px var(--f-hand); color: var(--butter); }
.gk-foot__hrow { display: flex; justify-content: space-between; gap: 16px; margin: 0; padding: 8px 0; border-top: 1px dashed var(--line); }
.gk-foot__hrow b { font-weight: 700; }
.gk-foot__phone { display: inline-block; font: 700 clamp(28px, 2.6vw, 40px)/1.1 var(--f-head); color: #fff; background: url('../img/crayon-mint.webp') no-repeat left bottom / 100% 10px; padding-bottom: 6px; }
.gk-foot__addr { margin: 18px 0 12px; color: var(--fg-2); }
.gk-foot__line { display: flex; flex-wrap: wrap; gap: 6px 18px; font-weight: 700; margin: 0 0 22px; }
.gk-foot__line a:hover, .gk-foot__nav a:hover { color: var(--butter); }
.gk-foot__nav { display: flex; flex-wrap: wrap; gap: 8px; }
.gk-foot__nav a { padding: 7px 14px; border-radius: 999px; background: rgba(255, 255, 255, .08); font-size: 14.5px; font-weight: 500; }
.gk-foot__art { --r: 4deg; max-width: 300px; justify-self: end; color: var(--ink); }
.gk-foot__art img { aspect-ratio: 3 / 2; object-fit: cover; }
.gk-foot__bar { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 14px 24px; padding: 22px 0 26px; border-top: 1px solid var(--line); font-size: 13.5px; color: var(--fg-3); }
.f-copy { text-align: left; justify-self: start; }
.f-powered { display: flex; justify-content: center; }
.gk-foot__legal { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px 18px; }
.gk-foot__legal a:hover, .gk-foot__legal button:hover { color: #fff; }
.gk-foot__legal button { background: none; border: 0; padding: 0; color: inherit; font: inherit; }

/* ── Yazı sayfaları ─────────────────────────────────────────────────── */
.gk-bsearch { display: flex; max-width: 560px; margin-bottom: 22px; gap: 8px; }
.gk-bsearch__f { flex: 1; display: flex; align-items: center; gap: 10px; border: 2px solid var(--line-2); border-radius: 999px; padding: 0 18px; background: #fff; }
.gk-bsearch input { flex: 1; height: 50px; border: 0; background: transparent; color: var(--fg); font: 400 16px var(--f-body); }
.gk-bsearch input:focus { outline: 0; }
.gk-bsearch .gk-btn { min-height: 54px; }
.gk-cats { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: clamp(32px, 4vw, 56px); }
.gk-cats a { height: 42px; padding: 0 18px; border-radius: 999px; border: 2px solid var(--line-2); font: 700 14px var(--f-body); color: var(--fg-2); display: inline-flex; gap: 6px; align-items: center; background: #fff; }
.gk-cats a:hover { border-color: var(--ink); color: var(--fg); }
.gk-cats a[aria-current="page"] { background: var(--ink); border-color: var(--ink); color: #fff; }
.gk-pager { display: flex; gap: 8px; margin-top: 56px; }
.gk-pager a { min-width: 46px; height: 46px; display: grid; place-items: center; border: 2px solid var(--line-2); border-radius: 50%; font-weight: 700; }
.gk-pager a[aria-current="page"] { background: var(--ink); border-color: var(--ink); color: #fff; }
.gk-arthead { padding: clamp(40px, 6vw, 90px) 0 clamp(28px, 4vw, 48px); }
.gk-arthead .gk-h1 { font-size: clamp(36px, 4.6vw, 70px); max-width: 16em; }
.gk-arthead .gk-lead { margin-top: 22px; }
.gk-arthead .gk-post__meta a { color: var(--fg); text-decoration: underline; }
.gk-artcover { margin: 0 0 clamp(40px, 5vw, 72px); }
.gk-artcover img { width: 100%; aspect-ratio: 21 / 9; object-fit: cover; border-radius: var(--r); }
.gk-ptags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 40px; align-items: center; }
.gk-ptags span { color: var(--fg-3); font: 700 13px var(--f-body); }
.gk-ptags a { padding: 5px 14px; border-radius: 999px; background: var(--lav-l); font-size: 14px; font-weight: 500; }
.gk-ptags a:hover { background: var(--lav); }
.gk-share { display: flex; flex-wrap: wrap; gap: 8px 18px; margin-top: 18px; font: 700 14.5px var(--f-body); align-items: center; }
.gk-share span { color: var(--fg-3); }
.gk-share a, .gk-share button { background: none; border: 0; padding: 0 0 2px; font: inherit; border-bottom: 3px solid var(--butter); }
.prose, .gk-prose { font-size: 18px; line-height: 1.8; color: var(--fg-2); }
.prose h2, .gk-prose h2 { font-size: clamp(26px, 2.2vw, 34px); margin: 1.4em 0 .5em; color: var(--fg); scroll-margin-top: calc(var(--head) + 24px); }
.prose h3, .gk-prose h3 { font-size: 23px; margin: 1.5em 0 .5em; color: var(--fg); }
.gk-prose > :first-child, .prose > :first-child { margin-top: 0; }
.prose a, .gk-prose a { color: var(--fg); font-weight: 700; text-decoration: underline; text-decoration-color: var(--peach); text-decoration-thickness: 3px; text-underline-offset: 3px; }
.prose ul, .prose ol, .gk-prose ul { padding-left: 1.2em; }
.prose li { margin: .4em 0; }
.prose ul li::marker, .gk-prose ul li::marker { color: var(--mint-d); }
.prose strong { color: var(--fg); font-weight: 700; }
.prose blockquote { margin: 1.6em 0; padding: 22px 26px; background: var(--butter-l); border-radius: 22px; font: 400 clamp(21px, 1.7vw, 25px)/1.4 var(--f-hand); color: var(--fg); }
.prose blockquote p { margin: 0; }
.prose img { margin: 1.6em 0; border-radius: 18px; }
.post-layout { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: clamp(32px, 6vw, 96px); padding-bottom: clamp(64px, 8vw, 120px); }
.post-side { display: grid; gap: 18px; align-content: start; position: sticky; top: calc(var(--head) + 24px); align-self: start; }
.side-box { padding: 22px; background: #fff; border-radius: 22px; box-shadow: 0 0 0 2px var(--line); }
.side-box__h { font: 700 18px var(--f-head); margin: 0 0 12px; }
.side-list ul, .side-toc ol { list-style: none; margin: 0; padding: 0; }
.side-list a, .side-toc a { display: flex; justify-content: space-between; gap: 12px; padding: 9px 0; font-size: 15px; border-top: 1px dashed var(--line-2); color: var(--fg-2); }
.side-list a:hover, .side-toc a:hover { color: var(--fg); }
.side-list time { display: block; font-size: 12.5px; color: var(--fg-3); }
.side-recent a { display: block; }
.side-author { display: flex; gap: 14px; align-items: center; }
.side-author p { margin: 0; }
.side-author__name { font: 700 19px var(--f-head); }
.side-author__role, .side-author__meta { font-size: 13px; color: var(--fg-3); }
.side-cta { background: var(--lav); box-shadow: none; }
.side-cta p { color: #3F3866; font-size: 15px; }
.side-cta .gk-btn { min-height: 48px; font-size: 14.5px; }
.author-card { display: flex; gap: 20px; margin-top: 48px; padding: 24px; background: var(--mint-l); border-radius: 24px; }
.author-card__avatar { flex: none; width: 80px; height: 80px; overflow: hidden; border-radius: 50%; display: grid; place-items: center; background: var(--mint); color: var(--ink); font: 700 28px var(--f-head); }
.author-card__avatar img { width: 100%; height: 100%; object-fit: cover; object-position: top; }
.author-card__avatar--sm { width: 54px; height: 54px; font-size: 20px; }
.author-card__kicker { font: 400 17px var(--f-hand); color: var(--fg-2); }
.author-card__name { font: 700 24px var(--f-head); margin: 4px 0; }
.author-card__role { color: var(--fg-2); font-size: 14px; margin: 0 0 8px; }
.author-card__bio { color: var(--fg-2); font-size: 15px; margin: 0; }

/* ── Arama, bülten, yasal, 404 ───────────────────────────────────────── */
.search-form { display: flex; max-width: 640px; gap: 8px; }
.search-form button { height: 54px; padding: 0 26px; border: 0; border-radius: 999px; background: var(--ink); color: #fff; font: 700 15px var(--f-body); }
.search-results { list-style: none; margin: 40px 0 0; padding: 0; }
.search-results li { border-top: 2px dashed var(--line-2); }
.search-results a { display: block; padding: 20px 0; }
.search-results a:hover b, .search-results a:hover strong { text-decoration: underline; text-decoration-color: var(--butter); text-decoration-thickness: 3px; }
.search-results b, .search-results strong { font: 700 24px var(--f-head); }
.search-results small { display: block; font: 700 13px var(--f-body); color: var(--mint-d); margin-bottom: 6px; }
.page-head { padding: clamp(40px, 6vw, 90px) 0 32px; }
.page-head h1 { font-size: clamp(40px, 5.4vw, 84px); }
.eyebrow { font: 400 20px var(--f-hand); color: var(--lav-d); margin-bottom: 12px; }
.lead { font-size: clamp(17px, 1.3vw, 20px); color: var(--fg-2); }
.page-crumbs { padding-top: clamp(40px, 5vw, 72px); }
.page-crumbs nav, .page-crumbs .crumbs { display: flex; flex-wrap: wrap; gap: 8px; font-size: 14px; color: var(--fg-3); }
.lp-wrap { max-width: 920px; margin: 0 auto; padding: 0 var(--gut) clamp(64px, 8vw, 120px); color: var(--fg-2); }
.lp-wrap h1 { font-size: clamp(36px, 4.6vw, 68px); margin: 24px 0 32px; color: var(--fg); }
.lp-wrap h2, .lp-wrap h3 { color: var(--fg); }
.lp-wrap a { color: var(--fg); text-decoration: underline; text-decoration-color: var(--peach); text-decoration-thickness: 2px; }
.lp-wrap table { border-collapse: collapse; width: 100%; font-size: 15px; }
.lp-wrap th, .lp-wrap td { padding: 10px 12px; border: 1px solid var(--line-2); text-align: left; vertical-align: top; }
.btn, .btn--ghost { display: inline-flex; align-items: center; min-height: 52px; padding: 0 24px; border-radius: 999px; background: var(--ink); color: #fff; font: 700 15px var(--f-body); border: 2px solid var(--ink); }
.btn--ghost { background: transparent; color: var(--fg); border-color: var(--line-2); }
.chips { display: flex; flex-wrap: wrap; gap: 8px; }
.chip { padding: 8px 16px; border-radius: 999px; border: 2px solid var(--line-2); font-weight: 700; font-size: 14px; }
.chip[aria-current="page"] { background: var(--ink); border-color: var(--ink); color: #fff; }
.gk-404 { min-height: calc(100svh - var(--head)); display: flex; align-items: center; padding: 60px 0; }
.gk-404__in { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: 40px clamp(40px, 6vw, 100px); align-items: center; }
.gk-404__n { margin: 0 0 6px; font: 700 clamp(90px, 12vw, 180px)/.9 var(--f-head); color: var(--lav); -webkit-text-stroke: 3px var(--ink); }
.gk-404 .gk-lead { margin: 18px 0 0; }
.gk-404__img { --r: 3deg; }
.toast { position: fixed; left: 50%; bottom: 24px; z-index: 160; transform: translate(-50%, 20px); background: var(--ink); color: #fff; padding: 12px 22px; border-radius: 999px; font-weight: 700; opacity: 0; transition: .3s; pointer-events: none; }
.toast.is-on { opacity: 1; transform: translate(-50%, 0); }

/* Fare baloncukları (masaüstü; JS ekler) */
.gk-bub { position: fixed; z-index: 140; pointer-events: none; border-radius: 50%; opacity: .75; mix-blend-mode: multiply; animation: gkBub 2.4s var(--ease-o) forwards; }
@keyframes gkBub { 0% { transform: translate(-50%, -50%) scale(.2); } 30% { opacity: .75; } 100% { transform: translate(calc(-50% + var(--dx)), calc(-50% - 90px)) scale(1); opacity: 0; } }

/* Belirme + yükselen başlık */
.js .rv { opacity: 0; transform: translateY(26px) rotate(var(--rv-r, 0deg)); transition: opacity .8s var(--ease-o), transform .9s var(--ease-o); }
.js .rv.is-in { opacity: 1; transform: none; }
.js .gk-pin.rv.is-in, .js .gk-note.rv.is-in { transform: rotate(var(--r, 0)); }
.js [data-rise] .w { display: inline-block; overflow: hidden; vertical-align: top; padding-bottom: .16em; margin-bottom: -.16em; }
.js [data-rise] .w > span { display: inline-block; transform: translateY(110%); transition: transform .9s var(--ease); }
.js [data-rise].is-in .w > span { transform: none; }

/* ── Duyarlı ─────────────────────────────────────────────────────────── */
@media (max-width: 1480px) {
  .gk-head__ph span { display: none; }
  .gk-nav > a, .gk-nav__dd > button { padding: 0 10px; font-size: 15px; }
}
@media (max-width: 1140px) {
  :root { --head: 70px; }
  .gk-nav, .gk-head__cta, .gk-head__tools .gk-lang, .gk-head__ph { display: none; }
  .gk-burger { display: block; }
  .gk-head__tools { margin-left: auto; }
  .gk-hero__in, .gk-menuw, .gk-contact, .gk-cta__in, .gk-news__in, .gk-visit, .gk-prog, .gk-dietw, .gk-place, .gk-split, .gk-404__in, .gk-faq__grid, .gk-phead--img .gk-phead__in { grid-template-columns: 1fr; }
  .gk-evs--feat { grid-template-columns: 1fr; }
  .gk-prog__cur, .gk-split__side, .gk-faq__as { position: static; }
  .gk-ruler__row { grid-template-columns: repeat(2, minmax(0, 1fr)); height: auto; align-items: stretch; border-bottom: 0; row-gap: 64px; padding-top: 50px; }
  .gk-ruler { grid-template-columns: 1fr; }
  .gk-ruler__scale { display: none; }
  .gk-kid { height: auto; min-height: 0; border-radius: 28px; }
  .gk-kid__mark { display: none; }
  .gk-month__list, .gk-year, .gk-posts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .gk-approach__list, .gk-papers { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .gk-week { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .gk-notes { grid-template-columns: 1fr 1fr; }
  .gk-board { column-count: 3; }
  .gk-foot__in { grid-template-columns: 1fr 1fr; }
  .gk-foot__art { display: none; }
  .gk-foot__bar { grid-template-columns: 1fr; justify-items: start; }
  .f-powered, .gk-foot__legal { justify-content: flex-start; }
  .post-layout { grid-template-columns: 1fr; }
  .post-side { position: static; }
  .gk-hero__art { max-width: 640px; }
  .gk-story { grid-template-columns: 1fr; grid-template-areas: 't' 'x' 'i'; }
  .gk-story__img { max-width: 520px; }
  .gk-today__stage, .gk-today__shot.is-on { grid-template-columns: 1fr; }
  .gk-today__shot figcaption { min-height: 0; }
}
@media (max-width: 760px) {
  body { font-size: 16.5px; }
  .gk-float--a, .gk-float--b { display: none; }
  .gk-menu__days button { flex: none; }
  .gk-logo__w { font-size: 27px; }
  .gk-hero__t { font-size: clamp(40px, 11vw, 58px); }
  .gk-hero__drawing { width: 64%; top: -14%; right: -10%; }
  .gk-deck__caps { flex-direction: column; align-items: flex-start; }
  .gk-ruler__row { grid-template-columns: 1fr; row-gap: 56px; }
  .gk-kid__img { aspect-ratio: 16 / 9; }
  .gk-month__list, .gk-year, .gk-posts, .gk-notes, .gk-others, .gk-approach__list, .gk-papers, .gk-week { grid-template-columns: 1fr; }
  .gk-board, .gk-board--prog { column-count: 2; column-gap: 16px; }
  .gk-meal { grid-template-columns: 84px minmax(0, 1fr); gap: 16px; }
  .gk-diet { grid-template-columns: 1fr; }
  .gk-diet figure { max-width: 220px; }
  .form-grid { grid-template-columns: 1fr; }
  .gk-ftabs { display: flex; width: 100%; }
  .gk-ftabs button { flex: 1; padding: 0 12px; font-size: 14px; }
  .gk-news .nl-row { flex-wrap: wrap; }
  .gk-news .nl-btn { width: 100%; }
  .gk-foot__in { grid-template-columns: 1fr; }
  .gk-today--flat .gk-slot { grid-template-columns: 92px minmax(0, 1fr); gap: 4px 16px; }
  .gk-today--flat .gk-slot button time { font-size: 21px; }
  .gk-evhead { flex-wrap: wrap; }
  .gk-lb { padding: 60px 12px; }
  .gk-lb [data-lb-p], .gk-lb [data-lb-n] { top: auto; bottom: 16px; }
  .gk-phead { border-radius: 0 0 28px 28px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; animation-delay: 0s !important; transition-duration: .01ms !important; }
  .js .rv, .js [data-rise] .w > span { opacity: 1; transform: none; }
  .gk-float { animation: none; }
}

/* Açılır listeler — tarayıcı destekliyorsa seçenek paneli de tema renginde (desteklemeyende sistem listesi kalır) */
@supports (appearance: base-select) {
  select:not(#_), ::picker(select) { appearance: base-select; }
  select::picker-icon { display: none; }
  select:not(#_) { align-items: center; }
  ::picker(select) { margin-top: 8px; padding: 8px; border: 0; border-radius: 20px; background: #fff; color: var(--ink); box-shadow: var(--shadow), 0 0 0 2px var(--line); max-height: min(340px, 60vh); }
  select option { padding: 11px 14px; border-radius: 12px; font: 500 15.5px/1.35 var(--f-body); background: transparent; color: var(--ink); transition: background-color .15s; }
  select option::checkmark { display: none; }
  select optgroup { padding: 4px 0; font: 700 13px var(--f-body); color: var(--ink-3); }
  select optgroup option { font-weight: 500; }
  select optgroup legend { padding: 8px 12px 4px; }
  select option:hover, select option:focus-visible { outline: 0; background: var(--mint-l); }
  select option:checked { background: var(--butter); font-weight: 700; }
  select option:disabled { color: var(--ink-3); }
}

/* Çerez kutusu — gömülü varsayılan stil tema diline çekilir */
#tsp-consent.tsp { background: #fff; color: var(--ink); border-color: var(--line-2); border-radius: 26px; box-shadow: 0 24px 60px -24px rgba(43, 35, 80, .45), 0 2px 6px rgba(43, 35, 80, .06); font-family: var(--f-body, inherit); padding: 22px 22px 20px; }
#tsp-consent .tsp-t { font-family: var(--f-head); font-size: 20px; font-weight: 700; margin-bottom: 8px; }
#tsp-consent .tsp-m, #tsp-consent .tsp-x, #tsp-consent .tsp-c small { color: var(--ink-2); }
#tsp-consent .tsp-b button { background: var(--ink); border-color: var(--ink); color: #fff; border-radius: 999px; font-family: var(--f-body, inherit); font-weight: 700; }
#tsp-consent .tsp-b button:hover { background: var(--ink-2); border-color: var(--ink-2); }
#tsp-consent .tsp-b2 button { background: transparent; border-color: var(--line-2); color: var(--ink); }
#tsp-consent .tsp-b2 button:hover { background: var(--mint-l); border-color: var(--line-2); }
#tsp-consent .tsp-s, #tsp-consent .tsp-c { border-color: var(--line); }
#tsp-consent .tsp-c input { accent-color: var(--ink); }