/* ==========================================================================
   Mavi Pembe Kreş ve Anaokulu — tema stilleri
   Marka kiti: lacivert zemin, 9 renk, Baloo 2 başlık + Nunito metin,
   eğik 3B etiketler, beyaz kenarlı çıkartma fotoğraflar, doodle zemin.
   ========================================================================== */

/* ---------- Yazı tipleri (temayla gelir) ---------- */
@font-face{font-family:'Baloo 2';font-style:normal;font-weight:400 800;font-display:swap;src:url(fonts/baloo2-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Baloo 2';font-style:normal;font-weight:400 800;font-display:swap;src:url(fonts/baloo2-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Nunito';font-style:normal;font-weight:200 1000;font-display:swap;src:url(fonts/nunito-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Nunito';font-style:normal;font-weight:200 1000;font-display:swap;src:url(fonts/nunito-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Nunito';font-style:italic;font-weight:200 1000;font-display:swap;src:url(fonts/nunito-italic-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Nunito';font-style:italic;font-weight:200 1000;font-display:swap;src:url(fonts/nunito-italic-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* ---------- Marka renkleri ---------- */
:root{
    --lacivert:#0A2A5E; --lacivert-2:#2D5FA3; --lacivert-k:#061C42;
    --pembe:#F2479B; --pembe-k:#B5226A; --acikpembe:#FF7DBE;
    --mavi:#35B6F0; --mavi-k:#1A86BD;
    --sari:#FFC93C; --sari-k:#C98F00;
    --yesil:#4CC46A; --yesil-k:#2E9147;
    --turuncu:#FF8A33; --turuncu-k:#C95E12;
    --mor:#9B5CF5; --mor-k:#6E35C2;
    --koyumavi:#2F6FE0; --koyumavi-k:#1D4DB0;

    --zemin:#FFFCF7; --krem:#FFF4E6; --pembe-zemin:#FFEDF6;
    --metin:#0A2A5E; --soluk:#4B5B7C; --cizgi:#E6E9F3;

    --baslik:'Baloo 2','Nunito',system-ui,sans-serif;
    --govde:'Nunito',system-ui,-apple-system,'Segoe UI',sans-serif;
    --kap:1200px;
    --doodle:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='360' height='360' viewBox='0 0 360 360'%3E%3Cg fill='none' stroke='rgba(255,255,255,.13)' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E %3Cg transform='translate(28 30) rotate(-12)'%3E%3Cpath d='M8 34V6l24-5v27'/%3E%3Ccircle cx='4' cy='34' r='5'/%3E%3Ccircle cx='28' cy='29' r='5'/%3E%3C/g%3E %3Cg transform='translate(130 22)'%3E%3Ccircle cx='20' cy='20' r='9'/%3E%3Cpath d='M20 2v5M20 33v5M2 20h5M33 20h5M7 7l3.5 3.5M29.5 29.5 33 33M7 33l3.5-3.5M29.5 10.5 33 7'/%3E%3C/g%3E %3Cg transform='translate(250 30) rotate(8)'%3E%3Cpath d='M2 22 46 2 30 44 22 28z'/%3E%3Cpath d='m22 28 24-26'/%3E%3C/g%3E %3Cg transform='translate(40 140)'%3E%3Cpath d='M12 38h34a10 10 0 0 0 0-20 14 14 0 0 0-27-4A11 11 0 0 0 12 38z'/%3E%3C/g%3E %3Cg transform='translate(160 120) rotate(-8)'%3E%3Cpath d='M22 40S2 28 2 14A10 10 0 0 1 22 9a10 10 0 0 1 20 5c0 14-20 26-20 26z'/%3E%3C/g%3E %3Cg transform='translate(262 130) rotate(10)'%3E%3Cpath d='M2 6c8-4 16-4 22 2v34c-6-6-14-6-22-2zM24 8c6-6 14-6 22-2v34c-8-4-16-4-22 2'/%3E%3C/g%3E %3Cg transform='translate(30 250) rotate(-6)'%3E%3Cpath d='M2 34 12 4l10 30M6 22h12M30 4v30h10a8 8 0 0 0 0-16h-10m0 0h8a7 7 0 0 0 0-14h-8M70 10a14 14 0 1 0 0 20'/%3E%3C/g%3E %3Cg transform='translate(170 240)'%3E%3Cpath d='m24 2 6 13 14 2-10 9 3 14-13-7-13 7 3-14L4 17l14-2z'/%3E%3C/g%3E %3Cg transform='translate(270 250)'%3E%3Ccircle cx='22' cy='22' r='20'/%3E%3Cpath d='M2 22h40M22 2c-8 10-8 30 0 40M22 2c8 10 8 30 0 40'/%3E%3C/g%3E %3C/g%3E%3C/svg%3E");
}

/* Renk sınıfları: --r ana renk, --r2 koyu gölge, --rz açık zemin, --ry üstündeki yazı */
.r-pembe{--r:var(--pembe);--r2:var(--pembe-k);--rz:#FFE3F0;--ry:#fff}
.r-mavi{--r:var(--mavi);--r2:var(--mavi-k);--rz:#DDF3FD;--ry:#fff}
.r-sari{--r:var(--sari);--r2:var(--sari-k);--rz:#FFF4D1;--ry:var(--lacivert)}
.r-yesil{--r:var(--yesil);--r2:var(--yesil-k);--rz:#DEF5E3;--ry:#fff}
.r-turuncu{--r:var(--turuncu);--r2:var(--turuncu-k);--rz:#FFE8D6;--ry:#fff}
.r-mor{--r:var(--mor);--r2:var(--mor-k);--rz:#EEE3FE;--ry:#fff}
.r-koyumavi{--r:var(--koyumavi);--r2:var(--koyumavi-k);--rz:#DFE8FB;--ry:#fff}

/* ---------- Temel ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--zemin);color:var(--metin);font:500 1.0625rem/1.7 var(--govde);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--pembe-k);text-decoration-thickness:2px;text-underline-offset:3px}
a:hover{color:var(--pembe)}
h1,h2,h3,h4{font-family:var(--baslik);font-weight:800;line-height:1.08;margin:0 0 .5em;letter-spacing:-.01em;text-wrap:balance}
p{margin:0 0 1em}
:focus-visible{outline:3px solid var(--pembe);outline-offset:3px;border-radius:8px}
.kap{width:100%;max-width:var(--kap);margin:0 auto;padding:0 24px}
.kap-dar{max-width:860px}
.atla{position:absolute;left:-999px;top:8px;z-index:100;background:var(--lacivert);color:#fff;padding:10px 16px;border-radius:12px}
.atla:focus{left:12px}
.doodle{background-color:var(--lacivert);background-image:var(--doodle),linear-gradient(180deg,var(--lacivert) 0%,#123975 55%,var(--lacivert-2) 100%);background-size:360px 360px,100% 100%;color:#fff}

/* ---------- Eğik etiket (kitteki 720×96 şekil) ---------- */
.etiket{display:inline-block;background:var(--r,var(--pembe));color:var(--ry,#fff);font:900 .82rem/1 var(--govde);text-transform:uppercase;letter-spacing:.08em;padding:.72em 1.5em;border-radius:999px;box-shadow:0 5px 0 var(--r2,var(--pembe-k));margin-bottom:1.1rem;white-space:nowrap}
.egik-sol{transform:rotate(-3deg)}
.egik-sag{transform:rotate(3deg)}

/* ---------- Gölgeli başlık (kit: beyaz yazı + 12px renkli kopya) ---------- */
.golgeli{color:#fff;text-shadow:0 .08em 0 var(--r,var(--pembe))}
.golgeli.koyu{text-shadow:0 .08em 0 var(--lacivert)}
.golgeli .satir1{display:block}
.golgeli .satir2{display:block;color:var(--acikpembe);text-shadow:0 .08em 0 var(--pembe-k)}

/* ---------- Düğmeler (3B basılı) ---------- */
.btn{--b:var(--pembe);--b2:var(--pembe-k);--by:#fff;display:inline-flex;align-items:center;justify-content:center;gap:.5em;font:900 1rem/1 var(--govde);padding:.95em 1.6em;border-radius:999px;border:0;background:var(--b);color:var(--by);text-decoration:none;cursor:pointer;box-shadow:0 5px 0 var(--b2);transition:transform .15s ease,box-shadow .15s ease,filter .15s;position:relative;top:0}
.btn:hover{color:var(--by);transform:translateY(-2px);box-shadow:0 7px 0 var(--b2);filter:brightness(1.05)}
.btn:active{transform:translateY(4px);box-shadow:0 1px 0 var(--b2)}
.btn svg{flex:none}
.btn-pembe{--b:var(--pembe);--b2:var(--pembe-k)}
.btn-mavi{--b:var(--mavi);--b2:var(--mavi-k)}
.btn-yesil{--b:var(--yesil);--b2:var(--yesil-k)}
.btn-sari{--b:var(--sari);--b2:var(--sari-k);--by:var(--lacivert)}
.btn-lacivert{--b:var(--lacivert);--b2:var(--lacivert-k)}
.btn-beyaz{--b:#fff;--b2:#C9D3E8;--by:var(--lacivert)}
.btn-buyuk{font-size:1.1rem;padding:1.05em 1.9em}
.btn-kucuk{font-size:.92rem;padding:.8em 1.3em}
.btn-tam{width:100%}

/* ---------- Süsler ---------- */
.sus{position:absolute;display:block;pointer-events:none;z-index:1;animation:suzul 7s ease-in-out infinite}
.sus svg{width:100%;height:100%;display:block;overflow:visible}
.sus-yildiz{width:44px;height:44px}
.sus-nokta{width:22px;height:22px}
.sus-halka{width:46px;height:46px}
.sus-kare{width:34px;height:34px}
.sus-kivrim{width:110px;height:30px;animation-name:suzul-yatay}
@keyframes suzul{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-14px) rotate(12deg)}}
@keyframes suzul-yatay{0%,100%{transform:translateX(0) rotate(-6deg)}50%{transform:translateX(12px) rotate(4deg)}}

/* ---------- Dalgalı geçiş ---------- */
.dalga{display:block;width:100%;height:70px;position:absolute;left:0;bottom:-1px;z-index:2}
.dalga-ters{bottom:auto;top:-1px;transform:scaleY(-1)}

/* ==========================================================================
   Üst kısım
   ========================================================================== */
.duyuru{background:var(--pembe);background-image:repeating-linear-gradient(-45deg,rgba(255,255,255,.08) 0 14px,transparent 14px 28px);color:#fff;font:800 .92rem/1.3 var(--govde);text-align:center}
.duyuru-ic{display:flex;align-items:center;justify-content:center;gap:.55rem;padding-top:.6rem;padding-bottom:.6rem}
.duyuru svg{color:var(--sari);flex:none}
.duyuru a{color:#fff;text-decoration:none}
.duyuru a:hover{text-decoration:underline}

.site-ust{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:saturate(1.4) blur(10px);border-bottom:3px solid transparent;transition:box-shadow .25s,border-color .25s}
.site-ust.kaydirildi{box-shadow:0 10px 30px -12px rgba(10,42,94,.25);border-bottom-color:var(--krem)}
.ust-ic{display:flex;align-items:center;gap:20px;min-height:88px}
.marka{flex:none;display:block;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}
.marka:hover{transform:rotate(-4deg) scale(1.05)}
.marka img{height:64px;width:auto}
.ust-nav{flex:1;display:flex;justify-content:center}
.ana-menu{list-style:none;margin:0;padding:0;display:flex;gap:4px;flex-wrap:wrap;justify-content:center}
.ana-menu>li{position:relative}
.ana-menu a{display:block;padding:.55em .95em;border-radius:999px;font:800 .98rem/1.2 var(--govde);color:var(--lacivert);text-decoration:none;transition:background .2s,color .2s,transform .2s}
.ana-menu>li>a:hover{background:var(--rz);color:var(--r2);transform:translateY(-2px)}
.ana-menu>li>a.aktif{background:var(--r);color:var(--ry);box-shadow:0 4px 0 var(--r2)}
.alt-menu{list-style:none;margin:0;padding:10px;position:absolute;top:100%;left:0;min-width:220px;background:#fff;border-radius:20px;box-shadow:0 20px 40px -12px rgba(10,42,94,.3);opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s}
.cocuklu:hover .alt-menu,.cocuklu:focus-within .alt-menu{opacity:1;visibility:visible;transform:none}
.alt-menu a{border-radius:12px}
.alt-menu a:hover{background:var(--rz)}
.ust-sag{flex:none;display:flex;align-items:center;gap:14px}
.ust-tel{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--lacivert);font:900 1rem/1.15 var(--govde)}
.ust-tel small{display:block;font-weight:700;font-size:.74rem;color:var(--soluk);text-transform:uppercase;letter-spacing:.06em}
.ust-tel-ikon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--rz,#DDF3FD);color:var(--mavi-k);background:#DDF3FD;transition:transform .3s}
.ust-tel:hover .ust-tel-ikon{transform:rotate(-15deg) scale(1.08)}
.menu-dugme{display:none;width:50px;height:50px;border:0;border-radius:16px;background:var(--lacivert);box-shadow:0 4px 0 var(--lacivert-k);cursor:pointer;padding:0;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.menu-dugme span{display:block;width:22px;height:3px;border-radius:3px;background:#fff;transition:.25s}
.menu-dugme span:nth-child(2){background:var(--acikpembe)}
.menu-dugme[aria-expanded=true] span:nth-child(1){transform:translateY(8px) rotate(45deg)}
.menu-dugme[aria-expanded=true] span:nth-child(2){opacity:0}
.menu-dugme[aria-expanded=true] span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}

/* Bildirimler */
.bildirimler{padding-top:24px;padding-bottom:4px}
.bildirim{display:flex;gap:14px;align-items:center;padding:16px 20px;border-radius:20px;font-weight:700;margin-bottom:10px;background:#FFE3F0;color:var(--pembe-k);border:2px solid #FFC2DE}
.bildirim.basari{background:#DEF5E3;color:#1E6B33;border-color:#B5E6C1}
.bildirim.bilgi{background:#DDF3FD;color:#13608A;border-color:#B4E3F8}
.bildirim-ikon{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#fff;flex:none}

/* ==========================================================================
   Giriş (hero)
   ========================================================================== */
.hero{position:relative;padding:70px 0 190px;overflow:hidden}
.hero-izgara{position:relative;z-index:3;display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center}
.hero h1{font-size:clamp(2.7rem,6.2vw,5.1rem);line-height:.98;margin:0 0 .45em}
.hero-aciklama{font-size:1.2rem;line-height:1.65;color:#D7E4FA;max-width:34em;margin-bottom:2rem}
.hero-dugmeler{display:flex;flex-wrap:wrap;gap:16px}
.hero-dugmeler.orta{justify-content:center}
.puan-rozet{display:inline-flex;align-items:center;gap:12px;margin-top:34px;padding:10px 18px 10px 10px;border-radius:999px;background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.16);color:#fff;text-decoration:none;transition:background .2s}
.puan-rozet:hover{background:rgba(255,255,255,.18);color:#fff}
.puan-sayi{width:48px;height:48px;border-radius:50%;background:var(--sari);color:var(--lacivert);display:grid;place-items:center;font:800 1.2rem/1 var(--baslik);box-shadow:0 4px 0 var(--sari-k)}
.puan-yildiz{display:flex;gap:2px;color:var(--sari)}
.puan-yildiz svg{fill:var(--sari)}
.puan-yazi{font-weight:700;font-size:.9rem;color:#C9D8F2}

.hero-sahne{position:relative;max-width:600px;width:100%;justify-self:end;padding:70px 0 60px}
.bulut-gir{position:relative;z-index:2;animation:bulut-gir 1.1s cubic-bezier(.34,1.56,.64,1) both}
.bulut{display:block;width:100%;height:auto;overflow:visible;filter:drop-shadow(0 26px 30px rgba(0,0,0,.35));animation:bulut-suzul 6s 1.1s ease-in-out infinite}
.bulut-foto{transform-box:fill-box;transform-origin:50% 40%;animation:foto-zoom 10s ease-in-out infinite alternate}
.bulut-isik{animation:foto-parla 6s 1.8s ease-in-out infinite}
.gunes{position:absolute;top:0;right:4%;width:34%;z-index:1;animation:gunes-cik 1.2s .5s cubic-bezier(.34,1.56,.64,1) both}
.gunes svg{display:block;width:100%;fill:var(--sari);filter:drop-shadow(0 0 22px rgba(255,201,60,.55))}
.gunes-isin{transform-origin:50px 50px;animation:gunes-don 14s linear infinite}
.gunes circle{fill:#FFD65A;stroke:var(--sari);stroke-width:4}
.mini-bulut{position:absolute;z-index:0;display:block;fill:#fff;pointer-events:none;filter:drop-shadow(0 6px 0 rgba(53,182,240,.45))}
.mini-bulut svg{display:block;width:100%}
.mb1{width:120px;top:6%;left:-6%;animation:bulut-kay 16s linear infinite}
.mb2{width:84px;bottom:6%;right:-4%;opacity:.9;animation:bulut-kay 20s -7s linear infinite reverse}
.pirilti{z-index:3;animation:piril 2.4s ease-in-out infinite}
.p1{top:14%;left:4%;width:30px;height:30px}
.p2{top:42%;right:-3%;width:22px;height:22px;animation-delay:.8s}
.p3{bottom:8%;right:22%;width:26px;height:26px;animation-delay:1.5s}
.sahne-etiket{position:absolute;left:2%;bottom:10%;z-index:3;animation:sahne-gir2 1s .45s cubic-bezier(.34,1.56,.64,1) both}
@keyframes bulut-gir{from{opacity:0;transform:translateX(60px) scale(.7)}}
@keyframes bulut-suzul{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-14px) rotate(-1.2deg)}}
@keyframes gunes-cik{from{opacity:0;transform:translate(-30px,50px) scale(.4)}}
@keyframes gunes-don{to{transform:rotate(360deg)}}
@keyframes bulut-kay{0%{transform:translateX(0)}50%{transform:translateX(60px)}100%{transform:translateX(0)}}
@keyframes piril{0%,100%{transform:scale(.6) rotate(0);opacity:.5}50%{transform:scale(1.15) rotate(25deg);opacity:1}}
@keyframes foto-zoom{from{transform:scale(1)}to{transform:scale(1.1) translateY(2%)}}
@keyframes foto-parla{0%{transform:translateX(0) skewX(-18deg)}35%,100%{transform:translateX(190px) skewX(-18deg)}}
@keyframes sahne-gir2{from{opacity:0;transform:rotate(18deg) scale(.7)}}
@keyframes zipla{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-12px) scale(1.06)}}
.h-s1{top:12%;left:4%;width:52px;height:52px}
.h-s2{top:13%;left:50%}
.h-s3{bottom:22%;left:3%}
.h-s4{top:9%;right:6%;width:18px;height:18px;animation-delay:-2s}
.h-s5{bottom:26%;left:44%;width:30px;height:30px;animation-delay:-3s}
.h-s6{top:44%;right:2%;animation-delay:-4s}

/* Hareketli deniz ve tekne */
.deniz{position:absolute;left:0;right:0;bottom:-1px;height:170px;z-index:2;pointer-events:none}
.deniz-katman{position:absolute;left:0;bottom:0;width:100%;height:100%}
.deniz-arka{z-index:1}.deniz-on{z-index:3}
.dalgalar>use{animation:dalga-ak 22s cubic-bezier(.55,.5,.45,.5) infinite}
.deniz-arka use:nth-child(1){animation-delay:-2s;animation-duration:9s}
.deniz-arka use:nth-child(2){animation-delay:-3s;animation-duration:12s}
.deniz-on use:nth-child(1){animation-delay:-4s;animation-duration:15s}
.deniz-on use:nth-child(2){animation-delay:-5s;animation-duration:24s}
@keyframes dalga-ak{0%{transform:translate3d(-90px,0,0)}100%{transform:translate3d(85px,0,0)}}
.tekne-yol{position:absolute;z-index:2;left:0;bottom:33%;width:150px;animation:tekne-git 36s -11s linear infinite}
.tekne{transform-origin:50% 85%;animation:tekne-salla 2.8s ease-in-out infinite}
.tekne svg{display:block;width:100%;overflow:visible}
.cocuk-kol{transform-box:fill-box;transform-origin:0 100%;animation:el-salla .7s ease-in-out infinite alternate}
.yelken{transform-box:fill-box;transform-origin:0 100%;animation:yelken-sis 2.8s ease-in-out infinite}
.bayrak{transform-box:fill-box;transform-origin:0 50%;animation:yelken-sis 1.2s ease-in-out infinite}
@keyframes tekne-git{0%{transform:translateX(-140px)}100%{transform:translateX(calc(100vw + 20px))}}
@keyframes tekne-salla{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-12px) rotate(5deg)}}
@keyframes el-salla{from{transform:rotate(-14deg)}to{transform:rotate(18deg)}}
@keyframes yelken-sis{0%,100%{transform:scaleX(1)}50%{transform:scaleX(.88)}}

/* ==========================================================================
   Bölümler
   ========================================================================== */
.bolum{position:relative;padding:96px 0}
.bolum-krem{background:var(--krem)}
.bolum-pembe{background:var(--pembe-zemin);padding:130px 0 110px}
.bolum-basi{margin-bottom:48px;max-width:720px}
.bolum-basi.orta{margin-left:auto;margin-right:auto;text-align:center}
.bolum-baslik{font-size:clamp(2.1rem,4.4vw,3.4rem);color:var(--lacivert);margin-bottom:.35em}
.bolum-baslik.kucuk{font-size:clamp(1.7rem,3vw,2.2rem)}
.bolum-baslik em{font-style:normal;color:var(--pembe);position:relative;white-space:nowrap}
.bolum-baslik.acik{color:#fff}
.bolum-giris{font-size:1.15rem;color:var(--soluk)}
.orta-dugme{text-align:center;margin-top:48px}

/* Keşfet kartları (öne çıkan kapakları gibi) */
.kesfet-bolum{padding-top:30px;padding-bottom:190px;background:var(--krem) url(img/mahalle-2.svg) repeat-x center bottom/auto 420px}
.ip-sahne{position:relative;padding-top:6px}
.ip{position:absolute;top:0;left:50%;width:100vw;margin-left:-50vw;height:80px;overflow:visible;pointer-events:none}
.kesfet-izgara{position:relative;display:grid;grid-template-columns:repeat(7,1fr);gap:16px;align-items:start}
.askida{position:relative;padding-top:calc(var(--ip,0px) + 14px);transform-origin:50% 0;animation:sallan 3.6s ease-in-out infinite alternate;animation-delay:calc(var(--g,0) * -.55s)}
.askida:hover{animation-duration:.9s}
.mandal{position:absolute;left:50%;top:calc(var(--ip,0px) - 4px);z-index:3;width:16px;height:38px;margin-left:-8px;border-radius:5px 5px 7px 7px;background:linear-gradient(90deg,#E9B57A 0 46%,#C98A4E 46% 54%,#E9B57A 54%);box-shadow:0 3px 0 #A86E38,0 6px 10px rgba(0,0,0,.18)}
.mandal::after{content:"";position:absolute;left:50%;top:12px;width:20px;height:6px;margin-left:-10px;border-radius:3px;background:#9AA7BA;box-shadow:inset 0 -2px 0 rgba(0,0,0,.2)}
.kesfet-kart{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:34px 14px 26px;min-height:300px;border-radius:30px;background:var(--r);color:var(--ry);text-decoration:none;box-shadow:0 8px 0 var(--r2);overflow:hidden;transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .2s}
.kesfet-kart:hover{color:var(--ry);transform:translateY(-6px) scale(1.04);box-shadow:0 14px 0 var(--r2)}
@keyframes sallan{from{transform:rotate(-2.2deg)}to{transform:rotate(2.2deg)}}
.kk-nokta{position:absolute;border-radius:50%;background:rgba(255,255,255,.45)}
.kk-nokta.n1{width:12px;height:12px;top:18px;left:18px}
.kk-nokta.n2{width:9px;height:9px;top:30px;right:20px}
.kk-nokta.n3{width:14px;height:14px;bottom:62px;right:16px}
.kk-ikon{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.22);margin:18px 0 8px;transition:transform .45s cubic-bezier(.34,1.56,.64,1)}
.r-sari .kk-ikon{background:rgba(255,255,255,.5)}
.kesfet-kart:hover .kk-ikon{transform:rotate(-12deg) scale(1.12)}
.kk-baslik{font:800 1.35rem/1.05 var(--baslik)}
.kk-metin{font-size:.88rem;line-height:1.45;font-weight:700;opacity:.92}
.kk-ok{margin-top:auto;width:38px;height:38px;border-radius:50%;background:#fff;color:var(--r2);display:grid;place-items:center;transition:transform .25s}
.kesfet-kart:hover .kk-ok{transform:translateX(4px)}

/* Neden biz */
.degerler-bolum{overflow:hidden;background-color:var(--zemin);background-image:linear-gradient(180deg,var(--zemin) 0,rgba(255,252,247,.55) 14%,rgba(255,252,247,.55) 86%,var(--zemin) 100%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400' viewBox='0 0 400 400'%3E%3Cpath d='M200 0L276 0C286 6 270 30 300 30C330 30 314 6 324 0L400 0L400 76C394 86 370 70 370 100C370 130 394 114 400 124L400 200L324 200C314 194 330 170 300 170C270 170 286 194 276 200L200 200L200 124C206 114 230 130 230 100C230 70 206 86 200 76L200 0Z' fill='%23FFF1C9' stroke='%23fff' stroke-width='6' stroke-linejoin='round'/%3E%3Cpath d='M0 200L76 200C86 206 70 230 100 230C130 230 114 206 124 200L200 200L200 276C194 286 170 270 170 300C170 330 194 314 200 324L200 400L124 400C114 394 130 370 100 370C70 370 86 394 76 400L0 400L0 324C6 314 30 330 30 300C30 270 6 286 0 276L0 200Z' fill='%23DCF3E2' stroke='%23fff' stroke-width='6' stroke-linejoin='round'/%3E%3Cpath d='M0 0L76 0C86 -6 70 -30 100 -30C130 -30 114 -6 124 0L200 0L200 76C206 86 230 70 230 100C230 130 206 114 200 124L200 200L124 200C114 206 130 230 100 230C70 230 86 206 76 200L0 200L0 124C-6 114 -30 130 -30 100C-30 70 -6 86 0 76L0 0Z' fill='%23FFE0EE' stroke='%23fff' stroke-width='6' stroke-linejoin='round'/%3E%3Cpath d='M400 0L476 0C486 -6 470 -30 500 -30C530 -30 514 -6 524 0L600 0L600 76C606 86 630 70 630 100C630 130 606 114 600 124L600 200L524 200C514 206 530 230 500 230C470 230 486 206 476 200L400 200L400 124C394 114 370 130 370 100C370 70 394 86 400 76L400 0Z' fill='%23FFE0EE' stroke='%23fff' stroke-width='6' stroke-linejoin='round'/%3E%3Cpath d='M0 400L76 400C86 394 70 370 100 370C130 370 114 394 124 400L200 400L200 476C206 486 230 470 230 500C230 530 206 514 200 524L200 600L124 600C114 606 130 630 100 630C70 630 86 606 76 600L0 600L0 524C-6 514 -30 530 -30 500C-30 470 -6 486 0 476L0 400Z' fill='%23FFE0EE' stroke='%23fff' stroke-width='6' stroke-linejoin='round'/%3E%3Cpath d='M200 200L276 200C286 194 270 170 300 170C330 170 314 194 324 200L400 200L400 276C406 286 430 270 430 300C430 330 406 314 400 324L400 400L324 400C314 406 330 430 300 430C270 430 286 406 276 400L200 400L200 324C194 314 170 330 170 300C170 270 194 286 200 276L200 200Z' fill='%23DCF1FC' stroke='%23fff' stroke-width='6' stroke-linejoin='round'/%3E%3Cpath d='M-200 200L-124 200C-114 194 -130 170 -100 170C-70 170 -86 194 -76 200L0 200L0 276C6 286 30 270 30 300C30 330 6 314 0 324L0 400L-76 400C-86 406 -70 430 -100 430C-130 430 -114 406 -124 400L-200 400L-200 324C-206 314 -230 330 -230 300C-230 270 -206 286 -200 276L-200 200Z' fill='%23DCF1FC' stroke='%23fff' stroke-width='6' stroke-linejoin='round'/%3E%3Cpath d='M200 -200L276 -200C286 -206 270 -230 300 -230C330 -230 314 -206 324 -200L400 -200L400 -124C406 -114 430 -130 430 -100C430 -70 406 -86 400 -76L400 0L324 0C314 6 330 30 300 30C270 30 286 6 276 0L200 0L200 -76C194 -86 170 -70 170 -100C170 -130 194 -114 200 -124L200 -200Z' fill='%23DCF1FC' stroke='%23fff' stroke-width='6' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:100% 100%,300px 300px;background-position:center,center}
.degerler-izgara{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:center}
.foto-sticker{background:#fff;padding:10px;border-radius:26px;box-shadow:0 24px 50px -18px rgba(10,42,94,.4);margin:28px 0 0}
.foto-sticker img{border-radius:18px;width:100%}
/* Ev maskeli fotoğraf + bacadan duman */
.ev-sahne{position:relative;max-width:500px;margin:0 0 30px}
.degerler-yazi{max-width:520px}
.ev{display:block;width:100%;height:auto;overflow:visible;filter:drop-shadow(0 24px 30px rgba(10,42,94,.3));transform:rotate(-2deg)}
.ev-foto{transform-box:fill-box;transform-origin:50% 60%;animation:foto-zoom 12s ease-in-out infinite alternate}
.ev-kalp{transform-box:fill-box;transform-origin:center;animation:ev-kalp 1.6s ease-in-out infinite}
.duman{position:absolute;z-index:3;left:68%;top:2%;width:46px;height:46px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff 0 22%,#D9E3F2 70%,#BFCDE3 100%);box-shadow:0 4px 10px rgba(10,42,94,.12);opacity:0;animation:duman 4.2s ease-out infinite}
.d2{animation-delay:1.4s}.d3{animation-delay:2.8s}
@keyframes duman{0%{opacity:0;transform:translate(0,30px) scale(.35)}20%{opacity:1}75%{opacity:.85}100%{opacity:0;transform:translate(40px,-120px) scale(1.7)}}
@keyframes ev-kalp{0%,100%{transform:scale(1)}50%{transform:scale(1.25)}}

/* Yapboz: 2×2, parçalar birbirine geçer */
.yapboz{display:grid;grid-template-columns:1fr 1fr;max-width:620px;justify-self:center;width:100%}
.parca{position:relative;aspect-ratio:1}
.parca:nth-child(1){z-index:4}.parca:nth-child(2){z-index:3}.parca:nth-child(3){z-index:2}
.parca-sekil{position:absolute;inset:-15%;width:130%;height:130%;overflow:visible;fill:var(--r);stroke:#fff;stroke-width:5;stroke-linejoin:round;filter:drop-shadow(0 7px 0 var(--r2));pointer-events:none}
.parca-ic{position:relative;height:100%;padding:13% 12% 10%;display:flex;flex-direction:column;justify-content:center;color:var(--ry)}
.parca:nth-child(2) .parca-ic,.parca:nth-child(4) .parca-ic{padding-left:21%}
.parca:nth-child(3) .parca-ic,.parca:nth-child(4) .parca-ic{padding-top:19%}
.parca:nth-child(1) .parca-ic,.parca:nth-child(3) .parca-ic{padding-right:17%}
.parca .deger-ikon{display:grid;place-items:center;flex:none;width:52px;height:52px;border-radius:16px 16px 16px 6px;background:rgba(255,255,255,.95);color:var(--r2);box-shadow:0 4px 0 rgba(0,0,0,.12);margin-bottom:12px}
.parca h3{font-size:clamp(1.1rem,1.6vw,1.35rem);margin:0 0 .3em;color:var(--ry)}
.parca p{margin:0;font-size:clamp(.86rem,1.05vw,.97rem);line-height:1.5;font-weight:700;opacity:.92}
.js .yapboz.belir{opacity:1;translate:none}
.js .yapboz .parca{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(var(--dr)) scale(.85);transition:transform .8s cubic-bezier(.34,1.56,.64,1),opacity .45s ease;transition-delay:calc(var(--g) * 160ms)}
.js .yapboz.gorundu .parca{opacity:1;transform:none}
.js .yapboz.oturdu .parca{transition:transform .3s ease;transition-delay:0s}
.yapboz.oturdu .parca:hover,.no-js .parca:hover{transform:translateY(-6px);z-index:6}
.deger-kart h3{font-size:1.4rem;margin-bottom:.3em}
.deger-kart p{margin:0;color:var(--soluk);font-size:1rem}
.d-s1{top:80px;right:4%}
.d-s2{bottom:60px;left:2%}

/* Yaş grupları */
.yas-izgara{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
/* Anasayfa: yaşa uygun küçük sahneler */
.yas-bolum{overflow:hidden}
.yas-sahneli{position:relative;z-index:2;align-items:stretch}
.yas-basamak{display:flex;flex-direction:column;align-items:center}
.yas-basamak .yas-kart{width:100%;flex:1;position:relative;z-index:1}
.yas-sahne{position:relative;z-index:2;display:block;width:100%;max-width:240px;height:auto;margin-bottom:-2px;overflow:visible}
.yas-sahne .harf{font:800 18px var(--baslik);fill:#fff}
.yas-sahne .harf.koyu{fill:var(--lacivert)}
.cocuk .goz{transform-box:fill-box;transform-origin:center;animation:goz-kirp 4.5s infinite}
@keyframes goz-kirp{0%,46%,50%,100%{transform:scaleY(1)}48%{transform:scaleY(.1)}}
/* 1–2 */
.s1-blok{animation:s1-dus 3.4s cubic-bezier(.5,0,.6,1) infinite}
.s1-kol-sol{animation:s1-alkis-sol 3.4s ease-in-out infinite}
.s1-kol-sag{animation:s1-alkis-sag 3.4s ease-in-out infinite}
.s1-bebek{animation:s1-sallan 3.4s ease-in-out infinite}
.s1-yildiz{opacity:0;transform-box:fill-box;transform-origin:center;animation:s1-yildiz 3.4s ease-out infinite}
@keyframes s1-dus{0%,10%{transform:translateY(-80px);opacity:0}18%{opacity:1}36%{transform:translateY(0)}42%{transform:translateY(-9px)}48%,86%{transform:translateY(0);opacity:1}96%,100%{transform:translateY(0);opacity:0}}
@keyframes s1-alkis-sol{0%,38%,100%{transform:rotate(0)}44%,56%{transform:rotate(28deg)}50%,62%{transform:rotate(6deg)}}
@keyframes s1-alkis-sag{0%,38%,100%{transform:rotate(0)}44%,56%{transform:rotate(-28deg)}50%,62%{transform:rotate(-6deg)}}
@keyframes s1-sallan{0%,38%,70%,100%{transform:translateY(0)}48%{transform:translateY(-4px)}}
@keyframes s1-yildiz{0%,38%{opacity:0;transform:scale(.2) rotate(0)}46%{opacity:1;transform:scale(1.3) rotate(40deg)}62%,100%{opacity:0;transform:scale(.6) rotate(90deg)}}
/* 3 */
.s2-top-x{animation:s2-x 2s ease-in-out infinite alternate}
.s2-top-y{animation:s2-y 1s ease-in-out infinite alternate}
.s2-kol-a{animation:s2-a 4s ease-in-out infinite}
.s2-kol-b{animation:s2-b 4s ease-in-out infinite}
.s2-a{animation:s2-zipla 4s ease-in-out infinite}
.s2-b{animation:s2-zipla 4s 2s ease-in-out infinite}
@keyframes s2-x{from{transform:translateX(0)}to{transform:translateX(62px)}}
@keyframes s2-y{from{transform:translateY(6px)}to{transform:translateY(-36px)}}
@keyframes s2-a{0%,100%{transform:rotate(-25deg)}10%{transform:rotate(10deg)}50%{transform:rotate(0)}}
@keyframes s2-b{0%,100%{transform:rotate(0)}50%{transform:rotate(25deg)}60%{transform:rotate(-10deg)}}
@keyframes s2-zipla{0%,40%,100%{transform:translateY(0)}48%{transform:translateY(-5px)}}
/* 4 */
.s3-buyutec{animation:s3-bak 3s ease-in-out infinite;transform-box:fill-box;transform-origin:0 100%}
.s3-kol{animation:s3-bak 3s ease-in-out infinite}
.s3-c{animation:s3-egil 3s ease-in-out infinite;transform-box:fill-box;transform-origin:50% 100%}
.s3-cicek{transform-box:fill-box;transform-origin:50% 100%;animation:s3-cicek 2.6s ease-in-out infinite}
.s3-kelebek{transform:translate(150px,80px);animation:s3-uc 7s ease-in-out infinite}
.s3-kanat{transform-box:fill-box;transform-origin:50% 50%;animation:s3-cirp .2s ease-in-out infinite alternate}
@keyframes s3-bak{0%,100%{transform:translate(0,0) rotate(0)}50%{transform:translate(4px,6px) rotate(8deg)}}
@keyframes s3-egil{0%,100%{transform:rotate(0)}50%{transform:rotate(4deg)}}
@keyframes s3-cicek{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}
@keyframes s3-uc{0%,100%{transform:translate(152px,80px)}20%{transform:translate(120px,36px)}40%{transform:translate(100px,58px)}60%{transform:translate(140px,20px)}80%{transform:translate(182px,48px)}}
@keyframes s3-cirp{from{transform:scaleX(1)}to{transform:scaleX(.3)}}
/* 5–6: uçak elde → geri çekiş → fırlatma → sayfadan çıkar → yenisi elde belirir */
.s4-kol{animation:s4-at 5s ease-in-out infinite}
.s4-c{animation:s4-govde 5s ease-in-out infinite;transform-box:fill-box;transform-origin:50% 100%}
.s4-ucak{transform:translate(77px,54px) rotate(-20deg);animation:s4-uc 5s linear infinite}
.s4-iz{opacity:0;animation:s4-iz 5s ease-out infinite}
@keyframes s4-at{0%,6%{transform:rotate(0)}18%{transform:rotate(-55deg)}24%{transform:rotate(25deg)}34%,100%{transform:rotate(0)}}
@keyframes s4-govde{0%,6%,40%,100%{transform:rotate(0)}18%{transform:rotate(-6deg)}24%{transform:rotate(5deg)}}
@keyframes s4-uc{
0%,6%{transform:translate(77px,54px) rotate(-20deg);opacity:1;animation-timing-function:ease-in-out}
18%{transform:translate(62px,44px) rotate(-60deg);animation-timing-function:ease-in}
24%{transform:translate(96px,36px) rotate(-22deg);animation-timing-function:linear}
34%{transform:translate(170px,10px) rotate(-14deg)}
46%{transform:translate(290px,-14px) rotate(-6deg)}
58%{transform:translate(430px,-6px) rotate(8deg)}
70%{transform:translate(600px,-40px) rotate(-12deg);opacity:1}
72%{transform:translate(620px,-44px) rotate(-12deg);opacity:0}
88%{transform:translate(77px,54px) rotate(-20deg) scale(.3);opacity:0}
96%,100%{transform:translate(77px,54px) rotate(-20deg) scale(1);opacity:1}}
@keyframes s4-iz{0%,22%{opacity:0}30%{opacity:.9}50%,100%{opacity:0}}
.balon{position:absolute;z-index:1;width:56px;height:68px;border-radius:50% 50% 48% 48%/56% 56% 44% 44%;background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.65) 0 9%,transparent 10%),var(--r);box-shadow:inset -6px -8px 0 rgba(0,0,0,.08);animation:balon-suzul 7s ease-in-out infinite;pointer-events:none}
.balon::before{content:"";position:absolute;left:50%;bottom:-7px;margin-left:-5px;border:5px solid transparent;border-bottom:7px solid var(--r2);transform:rotate(180deg)}
.balon::after{content:"";position:absolute;left:50%;top:100%;width:2px;height:70px;margin-left:-1px;background:linear-gradient(var(--r2),rgba(0,0,0,0))}
.b1{left:4%;top:160px}.b2{left:12%;top:330px;width:44px;height:54px;animation-delay:-2s}
.b3{right:5%;top:200px;animation-delay:-4s}.b4{right:13%;top:420px;width:40px;height:50px;animation-delay:-1s}
.b5{left:6%;bottom:200px;width:48px;height:58px;animation-delay:-5s}
@keyframes balon-suzul{0%,100%{transform:translate(0,0) rotate(-4deg)}50%{transform:translate(8px,-22px) rotate(5deg)}}
.yas-kart{background:#fff;border-radius:32px;overflow:hidden;box-shadow:0 18px 40px -20px rgba(10,42,94,.35);transition:transform .35s cubic-bezier(.34,1.56,.64,1)}
.yas-kart:hover{transform:translateY(-10px) rotate(1deg)}
.yas-kart h2,.yas-kart h3{font-size:1.45rem;padding:0 26px;margin:22px 0 .35em}
.yas-kart p{padding:0 26px 30px;margin:0;color:var(--soluk);font-size:1rem}
.yas-ust{position:relative;background:var(--r);padding:34px 20px 44px;text-align:center;background-image:radial-gradient(circle at 18% 30%,rgba(255,255,255,.35) 0 6px,transparent 7px),radial-gradient(circle at 84% 22%,rgba(255,255,255,.3) 0 4px,transparent 5px),radial-gradient(circle at 72% 78%,rgba(255,255,255,.3) 0 8px,transparent 9px)}
.yas-ust::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:22px;background:radial-gradient(circle at 12px 0,transparent 12px,#fff 13px) repeat-x;background-size:24px 22px}
.yas-sayi{display:inline-block;font:800 clamp(2.1rem,3.4vw,2.8rem)/1 var(--baslik);color:var(--ry);text-shadow:0 4px 0 var(--r2);white-space:nowrap}

/* Bir günümüz */
.gun-bolum{padding:100px 0 170px;overflow:hidden;isolation:isolate}
.gun-bolum>.kap{position:relative;z-index:2}
/* Gökyüzü: kaydırdıkça güneş doğudan batıya, sonra ay */
.gun-gok{position:absolute;inset:0 0 auto 0;height:680px;z-index:0;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 170px,#000 70%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 170px,#000 70%,transparent 100%)}
.gok-sabah,.gok-aksam{position:absolute;inset:0}
.gok-sabah{background:radial-gradient(ellipse 80% 70% at 20% 30%,rgba(255,138,51,.42),rgba(242,71,155,.18) 45%,transparent 75%);opacity:calc(1 - var(--p))}
.gok-aksam{background:radial-gradient(ellipse 80% 70% at 80% 30%,rgba(155,92,245,.45),rgba(10,42,94,0) 70%);opacity:var(--p)}
.gok-yay{position:absolute;left:3%;right:3%;top:40px;width:94%;height:300px}
.gok-gunes,.gok-ay{position:absolute;top:0;left:0;width:96px;height:96px;margin:-48px 0 0 -48px;will-change:transform}
.gok-gunes svg,.gok-ay svg{display:block;width:100%;filter:drop-shadow(0 0 24px rgba(255,201,60,.55))}
.gok-ay{opacity:0}
.gun-ipucu{color:#C9D8F2;font-weight:700;margin:0}
/* Kıvrılan yol + servis otobüsü */
.gun-yol-sar{position:relative}
.gun-yol{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:0;pointer-events:none}
.yol-zemin{fill:none;stroke:#3A6BB5;stroke-width:34;stroke-linecap:round;stroke-linejoin:round}
.yol-cizgi{fill:none;stroke:rgba(255,255,255,.75);stroke-width:4;stroke-dasharray:14 14;stroke-linecap:round}
.yol-dolu{fill:none;stroke:var(--sari);stroke-width:6;stroke-linecap:round;opacity:.9}
.otobus{position:absolute;left:0;top:0;width:96px;z-index:3;margin:-30px 0 0 -48px;will-change:transform;filter:drop-shadow(0 6px 6px rgba(0,0,0,.3))}
.otobus svg{display:block;width:100%;animation:otobus-titre .35s ease-in-out infinite alternate}
.otobus-yazi{font:900 9px var(--govde);fill:#0A2A5E;letter-spacing:.04em}
.teker{transform-box:fill-box;transform-origin:center}
.otobus.gidiyor .teker{animation:teker-don .5s linear infinite}
@keyframes teker-don{to{transform:rotate(360deg)}}
@keyframes otobus-titre{from{transform:translateY(0)}to{transform:translateY(-1.5px)}}
.gun-akisi{list-style:none;margin:0;padding:0;position:relative;z-index:1;display:grid;grid-template-columns:repeat(8,1fr);gap:70px 26px}
.gun-akisi li{grid-column:span 2;position:relative;background:#fff;color:var(--metin);border-radius:28px;padding:30px 24px 26px;box-shadow:0 8px 0 var(--r2);transition:transform .45s cubic-bezier(.34,1.56,.64,1),box-shadow .3s,filter .4s;filter:saturate(.35) brightness(.86);transform:scale(.94)}
.gun-akisi li:nth-child(5){grid-row:2;grid-column:6/span 2}
.gun-akisi li:nth-child(6){grid-row:2;grid-column:4/span 2}
.gun-akisi li:nth-child(7){grid-row:2;grid-column:2/span 2}
.gun-akisi li.varildi{filter:none;transform:none;box-shadow:0 8px 0 var(--r2),0 0 0 5px var(--r)}
.gun-akisi li.varildi .gun-ikon{animation:durak-zipla .6s cubic-bezier(.34,1.56,.64,1)}
.no-js .gun-akisi li,.gun-akisi.yolsuz li{filter:none;transform:none}
@keyframes durak-zipla{40%{transform:translateY(-12px) scale(1.12)}}
.gun-ikon{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;background:var(--r);color:var(--ry);margin-bottom:16px;box-shadow:0 5px 0 var(--r2)}
.gun-durak{position:absolute;top:-16px;right:20px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--r);color:var(--ry);font:800 1.25rem/1 var(--baslik);border:4px solid #fff;box-shadow:0 4px 0 var(--r2)}
.gun-akisi h3{font-size:1.35rem;margin-bottom:.3em}
.gun-akisi p{margin:0;color:var(--soluk);font-size:.98rem}
.g-s1{top:110px;left:6%}
.g-s2{top:160px;right:8%}

/* Öğretmenimiz anlatıyor */
.ogretmen-izgara{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}
.pano-sar{position:relative;max-width:460px;width:100%}
.pano{position:relative;transform:rotate(-2.5deg);border-radius:34px;padding:30px 26px 34px;background-color:#EDC38A;background-image:radial-gradient(rgba(150,95,35,.22) 1.4px,transparent 1.6px),radial-gradient(rgba(255,255,255,.25) 1.2px,transparent 1.4px);background-size:14px 14px,22px 22px;background-position:0 0,7px 9px;border:14px solid #C98A4E;box-shadow:inset 0 0 0 3px rgba(0,0,0,.08),0 12px 0 #9E6533,0 34px 60px -24px rgba(10,42,94,.5);display:grid;grid-template-columns:1fr 1fr;gap:20px 18px}
.pano-not{grid-column:1/-1;justify-self:center;position:relative;background:#FFF3A8;width:78%;padding:18px 20px 16px;text-align:center;transform:rotate(1.5deg);box-shadow:0 10px 18px -8px rgba(80,50,10,.45);border-radius:4px 4px 18px 4px}
.pano-not::before{content:"";position:absolute;top:-10px;left:50%;width:90px;height:24px;margin-left:-45px;background:rgba(53,182,240,.55);transform:rotate(-3deg)}
.pano-not img{width:120px;margin:0 auto 6px}
.pano-not b{display:block;font:800 1.3rem/1.15 var(--baslik);color:var(--lacivert)}
.pano-kagit{position:relative;background:#fff;border-radius:10px;padding:22px 12px 16px;display:flex;flex-direction:column;align-items:center;gap:10px;box-shadow:0 10px 18px -8px rgba(80,50,10,.45);transition:transform .35s cubic-bezier(.34,1.56,.64,1)}
.pano-kagit::before{content:"";position:absolute;top:-8px;left:50%;width:20px;height:20px;margin-left:-10px;border-radius:50%;background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.7) 0 3px,transparent 4px),var(--r);box-shadow:0 3px 0 var(--r2),0 6px 8px rgba(0,0,0,.25)}
.pano-kagit.k1{transform:rotate(-4deg)}
.pano-kagit.k2{transform:rotate(3deg) translateY(8px)}
.pano-kagit.k3{transform:rotate(2deg)}
.pano-kagit.k4{transform:rotate(-3deg) translateY(6px)}
.pano-kagit:hover{transform:rotate(0) scale(1.08)}
.pano-ikon{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;background:var(--rz);color:var(--r2)}
.pano-kagit b{font:800 1.15rem/1 var(--baslik);color:var(--lacivert)}
.pano-cizim{position:absolute;right:-30px;bottom:-30px;width:110px;transform:rotate(-12deg)}
.pano-cizim svg{display:block;width:100%}
/* Telefonda hikâyeler (Instagram tarzı) */
.telefon-sar{position:relative;max-width:360px;width:100%;justify-self:center}
.telefon{position:relative;z-index:2;width:300px;margin:0 auto;aspect-ratio:9/18.5;background:#0A2A5E;border-radius:46px;padding:12px;box-shadow:0 0 0 4px #1D4DB0,0 14px 0 var(--pembe),0 40px 60px -24px rgba(10,42,94,.55);transform:rotate(-4deg);animation:tel-suzul 6s ease-in-out infinite}
.telefon::before{content:"";position:absolute;top:20px;left:50%;width:84px;height:22px;margin-left:-42px;border-radius:12px;background:#0A2A5E;z-index:5}
@keyframes tel-suzul{0%,100%{transform:rotate(-4deg) translateY(0)}50%{transform:rotate(-2deg) translateY(-12px)}}
.tel-ekran{position:relative;height:100%;border-radius:36px;overflow:hidden;background:#fff;cursor:pointer}
.tel-cubuklar{position:absolute;z-index:4;top:52px;left:14px;right:14px;display:flex;gap:4px}
.tel-cubuklar span{flex:1;height:3.5px;border-radius:3px;background:rgba(255,255,255,.4);overflow:hidden}
.tel-cubuklar i{display:block;height:100%;width:0;background:#fff}
.tel-cubuklar span.bitti i{width:100%}
.tel-cubuklar span.dolar i{animation:cubuk-dol var(--sure,3.6s) linear forwards}
@keyframes cubuk-dol{to{width:100%}}
.tel-profil{position:absolute;z-index:4;top:64px;left:14px;display:flex;align-items:center;gap:8px;color:#fff;font-size:.84rem}
.tel-profil img{width:34px;height:34px;object-fit:contain;background:#fff;border-radius:50%;padding:3px;box-shadow:0 0 0 2px var(--pembe)}
.tel-profil small{opacity:.8}
.tel-hikaye{position:absolute;inset:0;background:var(--r);color:var(--ry);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:70px 26px 80px;opacity:0;transform:scale(1.08);transition:opacity .45s ease,transform .6s ease}
.tel-hikaye.aktif{opacity:1;transform:none;z-index:2}
.th-nokta{position:absolute;border-radius:50%;background:rgba(255,255,255,.45)}
.th-nokta.n1{width:14px;height:14px;top:120px;left:24px}.th-nokta.n2{width:9px;height:9px;top:150px;right:30px}
.th-nokta.n3{width:18px;height:18px;bottom:110px;right:26px}.th-nokta.n4{width:10px;height:10px;bottom:150px;left:36px}
.th-ikon{width:120px;height:120px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.22);margin-bottom:18px}
.tel-hikaye.aktif .th-ikon{animation:th-zipla .7s cubic-bezier(.34,1.56,.64,1)}
@keyframes th-zipla{from{transform:scale(.4) rotate(-20deg)}}
.th-baslik{font:800 1.9rem/1 var(--baslik);text-shadow:0 3px 0 var(--r2);margin-bottom:10px}
.th-metin{margin:0;font-weight:800;font-size:1rem;line-height:1.45;background:#fff;color:var(--lacivert);padding:10px 14px;border-radius:16px;transform:rotate(-2deg);box-shadow:0 4px 0 var(--r2)}
.tel-alt{position:absolute;z-index:4;left:14px;right:14px;bottom:18px;display:flex;align-items:center;gap:10px}
.tel-yaz{flex:1;border:2px solid rgba(255,255,255,.75);border-radius:999px;padding:8px 14px;color:#fff;font-size:.82rem;font-weight:700}
.tel-kalp{width:40px;height:40px;border:0;background:transparent;color:#fff;display:grid;place-items:center;padding:0;transition:transform .2s}
.tel-kalp.begendi{color:var(--pembe)}
.tel-kalp.begendi svg{fill:currentColor;stroke:#fff}
.tel-kalp:active{transform:scale(.85)}
.kalp-ucan{position:absolute;z-index:6;bottom:60px;right:20px;color:var(--pembe);pointer-events:none}
.kalp-ucan svg{fill:currentColor;stroke:#fff;stroke-width:1.5}
.tel-balon{position:absolute;z-index:3;display:inline-flex;align-items:center;gap:6px;background:#fff;color:var(--lacivert);font:800 .92rem var(--govde);padding:10px 16px;border-radius:20px;box-shadow:0 6px 0 var(--mavi),0 16px 26px -12px rgba(10,42,94,.4);animation:balon-suzul 5s ease-in-out infinite}
.tel-balon svg{flex:none}
.tb1{top:24%;left:-22%;color:var(--pembe-k)}.tb1 svg{fill:var(--pembe);stroke:none}
.tb2{bottom:30%;right:-20%;box-shadow:0 6px 0 var(--sari),0 16px 26px -12px rgba(10,42,94,.4);animation-delay:-2.5s}
.tb2 svg{color:var(--sari-k)}
.tel-oneler{position:relative;z-index:3;display:flex;justify-content:center;gap:10px;margin-top:34px}
.tel-oneler span{display:flex;flex-direction:column;align-items:center;gap:6px;width:58px}
.tel-oneler i{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:var(--r);color:var(--ry);box-shadow:0 0 0 3px #fff,0 0 0 6px var(--r)}
.tel-oneler small{font-weight:800;font-size:.68rem;color:var(--lacivert);white-space:nowrap}
.o-s1{top:-10px;right:-14px;width:56px;height:56px}
.o-s2{bottom:30px;left:-20px;width:26px;height:26px}
.konusma-balonu{position:relative;background:#fff;border-radius:44px;padding:34px 38px;box-shadow:0 14px 0 var(--mavi);margin:10px 0 44px;font-size:1.22rem;font-weight:700;line-height:1.6}
.konusma-balonu p{margin:0}
.konusma-balonu::after{content:"";position:absolute;left:60px;bottom:-40px;width:56px;height:52px;background:#fff;clip-path:polygon(0 0,100% 0,8% 100%);filter:drop-shadow(0 10px 0 var(--mavi))}
.konusma-balonu::before{content:"";position:absolute;left:62px;bottom:-54px;width:56px;height:52px;background:var(--mavi);clip-path:polygon(0 0,100% 0,8% 100%);z-index:-1}
.ogretmen-sosyal{display:flex;flex-wrap:wrap;gap:14px}

/* Galeri (polaroid) */
.galeri{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.galeri.iki{grid-template-columns:repeat(2,1fr)}
.galeri a{display:block;background:#fff;padding:10px 10px 40px;border-radius:8px;box-shadow:0 18px 34px -16px rgba(10,42,94,.45);transition:transform .35s cubic-bezier(.34,1.56,.64,1);position:relative}
.galeri a:nth-child(3n+1){transform:rotate(-2.5deg)}
.galeri a:nth-child(3n+2){transform:rotate(1.8deg) translateY(12px)}
.galeri a:nth-child(3n){transform:rotate(-1deg)}
.galeri a::before{content:"";position:absolute;top:-12px;left:50%;width:84px;height:26px;margin-left:-42px;background:rgba(255,201,60,.75);transform:rotate(-4deg);border-radius:3px}
.galeri a:nth-child(even)::before{background:rgba(242,71,155,.55);transform:rotate(5deg)}
.galeri a:hover{transform:rotate(0) scale(1.05);z-index:2}
.galeri img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:3px;margin:0}
.yazi-govde .galeri{margin:2.2em 0}

.isik-kutu{border:0;padding:0;background:transparent;max-width:min(94vw,1200px);max-height:92vh;overflow:visible}
.isik-kutu::backdrop{background:rgba(6,28,66,.88)}
.isik-kutu img{max-height:86vh;width:auto;border-radius:16px;border:8px solid #fff}
.isik-kutu button{position:fixed;width:52px;height:52px;border-radius:50%;border:0;background:#fff;color:var(--lacivert);display:grid;place-items:center;cursor:pointer;box-shadow:0 4px 0 #C9D3E8}
.isik-kutu .kapat{top:18px;right:18px}
.isik-kutu .onceki{left:18px;top:50%}
.isik-kutu .sonraki{right:18px;top:50%}

/* SSS */
.sss-izgara{display:grid;grid-template-columns:1.25fr .75fr;gap:56px;align-items:start}
.sss-liste{display:grid;gap:14px;margin-top:10px}
.sss-liste details{background:#fff;border-radius:22px;border:3px solid var(--rz);transition:border-color .2s}
.sss-liste details[open]{border-color:var(--r)}
.sss-liste summary{list-style:none;cursor:pointer;display:flex;gap:16px;align-items:center;justify-content:space-between;padding:18px 22px;font:800 1.15rem/1.3 var(--baslik)}
.sss-liste summary::-webkit-details-marker{display:none}
.sss-arti{flex:none;width:38px;height:38px;border-radius:50%;background:var(--r);color:var(--ry);display:grid;place-items:center;box-shadow:0 3px 0 var(--r2);transition:transform .3s}
.sss-liste details[open] .sss-arti{transform:rotate(45deg)}
.sss-liste details p{padding:0 22px 20px;margin:0;color:var(--soluk)}

.iletisim-karti{position:sticky;top:120px;background-color:var(--lacivert);background-image:var(--doodle);background-size:300px;color:#fff;border-radius:34px;padding:36px 32px;box-shadow:0 10px 0 var(--pembe)}
.iletisim-karti h3{font-size:1.8rem;color:#fff;text-shadow:0 .08em 0 var(--pembe)}
.iletisim-karti p{color:#C9D8F2}
.iletisim-karti ul{list-style:none;padding:0;margin:20px 0 26px;display:grid;gap:14px}
.iletisim-karti li{display:flex;gap:12px;align-items:flex-start;font-weight:700}
.iletisim-karti a{color:#fff;text-decoration:none}
.iletisim-karti .btn,.iletisim-karti .btn:hover{color:var(--by)}
.ai{flex:none;width:36px;height:36px;border-radius:12px;background:var(--r);color:var(--ry);display:grid;place-items:center}
.ik-dugmeler{display:flex;flex-wrap:wrap;gap:12px}
.ik-s1{top:-18px;right:24px;width:48px;height:48px}

/* Kayıt bandı */
.kayit-bant{position:relative;background-color:var(--pembe);background-image:var(--doodle);background-size:340px;color:#fff;text-align:center;padding:90px 0 150px;overflow:hidden}
.kayit-ic{position:relative;z-index:3;max-width:820px}
.kayit-amblem{width:150px;margin:0 auto 18px;background:#fff;padding:16px 18px 12px;border-radius:999px 999px 30px 30px;box-shadow:0 8px 0 var(--pembe-k);animation:zipla 3.2s ease-in-out infinite}
.kayit-bant h2{font-size:clamp(2.1rem,4.6vw,3.6rem);margin-bottom:.3em}
.kayit-bant p{font-size:1.2rem;font-weight:700;color:#FFE3F0;margin-bottom:2rem}
.kb-s1{top:40px;left:8%;width:60px;height:60px}
.kb-s2{bottom:50px;left:16%;width:28px;height:28px}
.kb-s3{top:60px;right:8%}
.kb-s4{bottom:70px;right:14%;width:34px;height:34px;opacity:.6}

/* ==========================================================================
   Alt bilgi
   ========================================================================== */
.site-alt{position:relative;margin-top:-1px}
.site-alt>.dalga{position:relative;bottom:auto;display:block;margin-bottom:-1px;background:transparent}
main:has(>section.kayit-bant:last-of-type)+.site-alt>.dalga,main:has(>section.hata-sayfa:last-of-type)+.site-alt>.dalga{display:none}
.alt-zemin{padding:20px 0 0}
.alt-noktalar{display:flex;justify-content:center;gap:18px;margin-bottom:46px}
.alt-noktalar i{display:block;width:16px;height:16px;border-radius:50%;background:var(--r)}
.alt-noktalar i:nth-child(1),.alt-noktalar i:nth-child(7){transform:translateY(16px)}
.alt-noktalar i:nth-child(2),.alt-noktalar i:nth-child(6){transform:translateY(6px)}
.alt-izgara{display:grid;grid-template-columns:1.4fr .8fr .8fr 1.2fr;gap:44px;padding-bottom:50px}
.alt-logo img{width:200px;transform:rotate(-3deg);transition:transform .3s cubic-bezier(.34,1.56,.64,1)}
.alt-logo:hover img{transform:rotate(2deg) scale(1.04)}
.alt-marka p{color:#C9D8F2;margin:20px 0;font-size:.98rem}
.site-alt h2{font-size:1.35rem;color:#fff;margin-bottom:1em}
.site-alt nav ul,.alt-iletisim{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.site-alt nav a{color:#DCE6F8;text-decoration:none;font-weight:700;display:inline-flex;align-items:center;gap:10px}
.site-alt nav a::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--r);transition:transform .2s}
.site-alt nav a:hover{color:#fff}
.site-alt nav a:hover::before{transform:scale(1.5)}
.alt-iletisim li{display:flex;gap:12px;align-items:flex-start;color:#DCE6F8;font-weight:700;font-size:.98rem}
.alt-iletisim a{color:#fff;text-decoration:none}
.alt-iletisim .alt-yol{color:var(--sari);font-size:.9rem}
.sosyal{display:flex;gap:10px}
.sosyal a{width:44px;height:44px;border-radius:14px;background:rgba(255,255,255,.12);color:#fff;display:grid;place-items:center;transition:.2s}
.sosyal a:hover{background:var(--pembe);transform:translateY(-3px) rotate(-6deg)}
.alt-son{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;padding-top:22px;padding-bottom:26px;border-top:2px dashed rgba(255,255,255,.15);font-size:.9rem;color:#9FB3D6}
.alt-son a{color:#C9D8F2;text-decoration:none}
.alt-son a:hover{color:#fff}
.alt-son .imza strong{color:var(--acikpembe)}

.wa-dugme{position:fixed;right:20px;bottom:20px;z-index:60;width:62px;height:62px;border-radius:50%;background:#25D366;color:#fff;display:grid;place-items:center;box-shadow:0 5px 0 #179647,0 12px 26px rgba(0,0,0,.25);animation:zipla 3s ease-in-out infinite}
.wa-dugme:hover{color:#fff}

/* ==========================================================================
   İç sayfalar
   ========================================================================== */
.sayfa-basi{position:relative;padding:56px 0 120px;overflow:hidden;text-align:center}
.sayfa-basi .kap{position:relative;z-index:3}
.sayfa-basi h1{font-size:clamp(2.5rem,6vw,4.4rem);margin:0 0 .3em;color:#fff;text-shadow:0 .08em 0 var(--r)}
.sayfa-basi .giris{max-width:640px;margin:0 auto;font-size:1.18rem;color:#D7E4FA}
.kirinti{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;font-weight:800;font-size:.9rem;color:#9FB3D6;margin-bottom:22px}
.kirinti a{color:#DCE6F8;text-decoration:none}
.kirinti a:hover{color:var(--sari)}
.sb-s1{top:28%;left:8%}
.sb-s2{top:30%;right:12%}
.sb-s3{bottom:34%;right:5%}
.bolum-sayfa{padding:50px 0 96px}

.yazi-govde{font-size:1.1rem;line-height:1.8}
.yazi-govde>*:first-child{margin-top:0}
.yazi-govde h2{font-size:clamp(1.7rem,3vw,2.3rem);margin:1.6em 0 .5em;color:var(--lacivert)}
.yazi-govde h2::after{content:"";display:block;width:70px;height:10px;margin-top:10px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 70 10'%3E%3Cpath d='M3 5q8-6 16 0t16 0 16 0 16 0' fill='none' stroke='%23F2479B' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat}
.yazi-govde h3{font-size:1.45rem;margin:1.4em 0 .4em}
.yazi-govde ul{list-style:none;padding:0}
.yazi-govde ul li{position:relative;padding-left:34px;margin-bottom:.55em}
.yazi-govde ul li::before{content:"";position:absolute;left:0;top:.38em;width:20px;height:20px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50 6 62 36l32 3-24 21 7 32-27-17-27 17 7-32L6 39l32-3z' fill='%23FFC93C' stroke='%23FFC93C' stroke-width='6' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/contain}
.yazi-govde ul li:nth-child(3n+2)::before{filter:hue-rotate(290deg) saturate(1.4)}
.yazi-govde ul li:nth-child(3n)::before{filter:hue-rotate(160deg) saturate(1.2)}
.yazi-govde ol{padding-left:1.3em}
.yazi-govde ol li{margin-bottom:.55em;padding-left:.3em}
.yazi-govde ol li::marker{font:800 1.1em var(--baslik);color:var(--pembe)}
.yazi-govde blockquote{position:relative;margin:2em 0;background:#fff;border-radius:34px;padding:26px 32px;box-shadow:0 10px 0 var(--mavi);font-weight:700;font-size:1.15rem}
.yazi-govde blockquote p:last-child{margin:0}
.yazi-govde img{border-radius:22px;border:8px solid #fff;box-shadow:0 18px 36px -18px rgba(10,42,94,.45)}
.yazi-govde a{font-weight:800}
.yazi-govde .kutu{background:var(--krem);border-radius:26px;padding:24px 28px;margin:1.6em 0;border:3px dashed #FFD9A8}
.yazi-govde .kutu>*:last-child{margin-bottom:0}
.tablo-sar{overflow-x:auto;margin:1.6em 0;border-radius:22px;box-shadow:0 0 0 3px var(--cizgi)}
.yazi-govde table{width:100%;border-collapse:collapse;background:#fff;font-size:1rem}
.yazi-govde th{background:var(--lacivert);color:#fff;font-family:var(--baslik);font-weight:800;text-align:left;padding:14px 16px}
.yazi-govde td{padding:12px 16px;border-top:2px solid var(--cizgi)}
.yazi-govde tr:nth-child(even) td{background:#FFFAF2}
.one-cikan{margin:0 0 40px}
.alt-sayfalar{list-style:none;padding:0;margin:40px 0 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
.alt-sayfalar a{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-radius:20px;background:var(--r);color:var(--ry);font:800 1.1rem var(--baslik);text-decoration:none;box-shadow:0 5px 0 var(--r2)}

/* Ön kayıt + iletişim */
.kayit-izgara{display:grid;grid-template-columns:1.15fr .85fr;gap:44px;align-items:start}
.form-kutu{position:relative;background:#fff;border-radius:36px;padding:42px 40px;box-shadow:0 10px 0 var(--mavi),0 30px 60px -30px rgba(10,42,94,.35)}
.fk-s1{top:-20px;right:30px;width:50px;height:50px}
.fk-s2{bottom:40px;left:-12px}
.form-giris{margin-bottom:24px}
.form-satir{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.form-alan{margin-bottom:18px}
.form-alan label{display:block;font:800 .98rem var(--govde);margin-bottom:7px}
.form-alan label small{font-weight:600;color:var(--soluk)}
.form-alan input,.form-alan select,.form-alan textarea{width:100%;font:600 1.02rem var(--govde);color:var(--metin);background:#F7F9FD;border:2.5px solid var(--cizgi);border-radius:16px;padding:14px 16px;transition:border-color .2s,box-shadow .2s,background .2s}
.form-alan textarea{resize:vertical;min-height:100px}
.form-alan input:focus,.form-alan select:focus,.form-alan textarea:focus{outline:0;border-color:var(--pembe);background:#fff;box-shadow:0 0 0 5px #FFE3F0}
.form-ipucu{font-size:.88rem;color:var(--soluk);margin-top:6px}
.guvenlik-satir{display:flex;gap:12px;align-items:center}
.guvenlik-satir img{border-radius:14px;border:2.5px solid var(--cizgi)}
.guvenlik-satir input{max-width:110px;text-align:center;font-size:1.3rem;font-weight:800}
.form-onay{display:flex;gap:12px;align-items:flex-start;font-size:.95rem;margin:6px 0 24px;cursor:pointer}
.form-onay input{width:22px;height:22px;accent-color:var(--pembe);flex:none;margin-top:2px}
.bal-kupu{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.adimlar{list-style:none;padding:0;margin:0 0 30px;display:grid;gap:14px}
.adimlar li{display:flex;gap:16px;align-items:flex-start;background:#fff;border-radius:22px;padding:18px 20px;border:3px solid var(--rz)}
.adimlar li>span{flex:none;width:44px;height:44px;border-radius:50%;background:var(--r);color:var(--ry);display:grid;place-items:center;font:800 1.3rem var(--baslik);box-shadow:0 4px 0 var(--r2)}
.adimlar strong{display:block;font:800 1.15rem var(--baslik)}
.adimlar div{color:var(--soluk);font-size:.98rem;line-height:1.5}
.adimlar .iletisim-karti,.kayit-yan .iletisim-karti{position:relative;top:0}
.kayit-yan .iletisim-karti{position:relative;top:auto}

.iletisim-kartlar{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:20px;margin-bottom:44px}
.ik-kutu{background:#fff;border-radius:28px;padding:28px 24px;text-align:center;border:3px solid var(--rz);display:flex;flex-direction:column;align-items:center;gap:6px;font-weight:700;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}
.ik-kutu:hover{transform:translateY(-6px)}
.ik-kutu h2{font-size:1.3rem;margin:6px 0 2px}
.ik-kutu a{color:var(--lacivert);text-decoration:none;font-weight:800}
.ik-kutu a:hover{color:var(--pembe)}
.ik-ikon{width:64px;height:64px;border-radius:50%;background:var(--r);color:var(--ry);display:grid;place-items:center;box-shadow:0 5px 0 var(--r2)}
.harita-cerceve{background:#fff;padding:10px;border-radius:32px;box-shadow:0 10px 0 var(--sari),0 30px 50px -30px rgba(10,42,94,.4);margin-bottom:60px}
.harita{display:block;width:100%;height:420px;border:0;border-radius:24px}
.iletisim-foto{max-width:420px;justify-self:center;margin-top:40px}

/* Liste/arşiv */
.yazi-izgara{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.yazi-kart{background:#fff;border-radius:28px;overflow:hidden;border:3px solid var(--rz);transition:transform .3s cubic-bezier(.34,1.56,.64,1)}
.yazi-kart:hover{transform:translateY(-6px) rotate(-.6deg)}
.yazi-gorsel{display:block;aspect-ratio:16/10;background:var(--r);overflow:hidden}
.yazi-gorsel img{width:100%;height:100%;object-fit:cover}
.yazi-gorsel-bos{display:grid;place-items:center;height:100%;color:rgba(255,255,255,.7)}
.yazi-kart-govde{padding:22px 24px 26px}
.yazi-kart time{font-weight:800;font-size:.85rem;color:var(--r2)}
.yazi-kart h3{font-size:1.35rem;margin:.3em 0}
.yazi-kart h3 a{color:var(--lacivert);text-decoration:none}
.yazi-kart p{color:var(--soluk);font-size:.98rem;margin:0}
.bos-durum{text-align:center;padding:40px 0}
.bos-durum img{margin:0 auto 20px}
.komsular{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:50px}
.komsular a{display:block;padding:18px 22px;border-radius:22px;background:var(--rz);color:var(--lacivert);text-decoration:none;font:800 1.1rem var(--baslik)}
.komsular a small{display:block;font:800 .82rem var(--govde);color:var(--r2);text-transform:uppercase;letter-spacing:.06em}
.komsular .sag{text-align:right}
.sayfalama{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:44px}
.sayfalama a,.sayfalama span{min-width:46px;height:46px;padding:0 14px;border-radius:999px;display:grid;place-items:center;font-weight:800;text-decoration:none;background:#fff;color:var(--lacivert);border:2.5px solid var(--cizgi)}
.sayfalama .aktif{background:var(--pembe);color:#fff;border-color:var(--pembe);box-shadow:0 4px 0 var(--pembe-k)}

.hata-sayfa{position:relative;padding:90px 0 140px;text-align:center;overflow:hidden}
.hata-sayfa .kap{position:relative;z-index:3}
.hata-kod{display:block;font:800 clamp(6rem,18vw,11rem)/1 var(--baslik);--r:var(--pembe)}
.hata-sayfa h1{font-size:clamp(1.8rem,4vw,2.8rem);color:#fff}
.hata-sayfa p{color:#D7E4FA;font-size:1.15rem;margin-bottom:2rem}

/* ---------- Kaydırınca belirme (yalnızca JS varsa) ---------- */
.js .belir{opacity:0;translate:0 34px;transition:opacity .6s ease,translate .7s cubic-bezier(.34,1.56,.64,1);transition-delay:calc(var(--g,0) * 70ms)}
.js .belir.gorundu{opacity:1;translate:0 0}

/* ==========================================================================
   Duyarlı düzen
   ========================================================================== */
@media (max-width:1180px){
    .ust-tel-yazi{display:none}
    .ip{display:none}
    .kesfet-izgara{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:18px;padding:10px 24px 30px;margin:0 -24px;scrollbar-width:none;background:linear-gradient(#B98A5A,#B98A5A) 0 20px/100% 4px no-repeat}
    .kesfet-izgara::-webkit-scrollbar{display:none}
    .askida{flex:0 0 220px;scroll-snap-align:center;--ip:0px !important}
}
@media (max-width:1020px){
    .menu-dugme{display:flex}
    .ust-nav{position:absolute;left:12px;right:12px;top:calc(100% + 8px);background:#fff;border-radius:28px;box-shadow:0 30px 60px -20px rgba(10,42,94,.4);padding:14px;display:none}
    .ust-nav.acik{display:block;animation:menu-ac .3s cubic-bezier(.34,1.56,.64,1)}
    .ana-menu{flex-direction:column;gap:6px}
    .ana-menu a{padding:.9em 1.1em;font-size:1.1rem;background:var(--rz)}
    .ana-menu>li>a::before{content:"";display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--r);margin-right:12px;vertical-align:middle}
    .alt-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;padding:6px 0 0 18px}
    .ust-ic{justify-content:space-between}
    .hero-izgara,.degerler-izgara,.ogretmen-izgara,.sss-izgara,.kayit-izgara{grid-template-columns:1fr}
    .hero{padding-top:48px;text-align:center}
    .h-s2{display:none}
    .hero-aciklama{margin-left:auto;margin-right:auto}
    .hero-dugmeler{justify-content:center}
    .hero-sahne{justify-self:center;max-width:480px}
    .yas-izgara{grid-template-columns:repeat(2,1fr)}
    .b2,.b4{display:none}
    .gun-akisi{grid-template-columns:1fr;gap:28px;max-width:560px;margin:0 auto;padding-left:64px}
    .gun-akisi li,.gun-akisi li:nth-child(n){grid-column:1;grid-row:auto}
    .otobus{width:74px;margin:-23px 0 0 -37px}
    .yapboz{margin-top:20px}
    .ev-sahne{margin-left:auto;margin-right:auto}
    .degerler-yazi{margin:0 auto}
    .degerler-giris{text-align:center}
    .tb1{left:-4%}.tb2{right:-4%}
    .ogretmen-metin{text-align:center}
    .konusma-balonu{text-align:left}
    .ogretmen-sosyal{justify-content:center}
    .iletisim-karti{position:relative;top:0}
    .alt-izgara{grid-template-columns:1fr 1fr}
    .yazi-izgara{grid-template-columns:repeat(2,1fr)}
}
@keyframes menu-ac{from{opacity:0;transform:translateY(-10px) scale(.97)}}
@media (max-width:700px){
    body{font-size:1rem}
    .kap{padding:0 16px}
    .ust-ic{min-height:76px;gap:10px}
    .marka img{height:54px}
    .ust-tel{display:none}
    .ust-kayit{padding:.75em 1.05em}
    .duyuru{font-size:.84rem}
    .hero{padding:36px 0 150px}
    .deniz{height:120px}
    .tekne-yol{width:100px;animation-duration:24s;animation-delay:-6s}
    .hero-aciklama{font-size:1.06rem}
    .btn-buyuk{font-size:1.02rem;padding:1em 1.4em}
    .puan-rozet{gap:8px;padding-right:14px}
    .puan-yazi{font-size:.8rem}
    .sahne-etiket{left:0;font-size:.78rem}
    .bolum{padding:70px 0}
    .bolum-pembe{padding:100px 0 120px}
    .gun-bolum{padding:90px 0 130px}
    .kesfet-izgara{padding:10px 16px 30px;margin:0 -16px}
    .kesfet-bolum{padding-bottom:130px;background-size:auto 240px}
    .askida{flex:0 0 64%}
    .kesfet-kart{min-height:270px}
    .deger-liste,.yas-izgara,.yazi-izgara,.galeri{grid-template-columns:1fr}
    .gun-akisi{padding-left:54px}
    .gok-gunes,.gok-ay{width:70px;height:70px;margin:-35px 0 0 -35px}
    .yapboz{grid-template-columns:1fr;gap:16px}
    .parca{aspect-ratio:auto;background:var(--r);border-radius:26px;box-shadow:0 6px 0 var(--r2)}
    .parca-sekil{display:none}
    .parca-ic,.parca:nth-child(n) .parca-ic{padding:24px 22px;align-items:flex-start;text-align:left}
    .parca h3{font-size:1.3rem}
    .parca p{font-size:.98rem}
    .galeri{gap:34px;padding:0 10px}
    .form-satir{grid-template-columns:1fr;gap:0}
    .form-kutu{padding:30px 22px;border-radius:28px}
    .alt-izgara{grid-template-columns:1fr;gap:34px}
    .alt-son{flex-direction:column}
    .harita{height:320px}
    .komsular{grid-template-columns:1fr}
    .sayfa-basi{padding:40px 0 100px}
    .sus-kivrim{width:80px}
    .konusma-balonu{padding:26px 24px;font-size:1.08rem}
    .etiket{white-space:normal}
    .h-s1,.h-s2,.h-s5,.sb-s2{display:none}
    .hero h1{font-size:clamp(2.4rem,11vw,3.2rem)}
    .js .kesfet-izgara .belir{opacity:1;translate:none}
}

@media (prefers-reduced-motion:reduce){
    *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
    .js .belir{opacity:1;translate:none}
    .js .yapboz .parca{opacity:1;transform:none;transition:none}
    .gun-akisi li{filter:none;transform:none}
}

/* Kâğıt uçak imleci ve tıklayınca halka çizip uçan uçaklar (yalnızca fareli cihazlar) */
@media (hover:hover) and (pointer:fine){
    html,body{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34'%3E%3Cpath d='M2 3 31 14 18 18z' fill='%2523ffffff' stroke='%25230A2A5E' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M18 18 2 3 13 29z' fill='%2523ffffff' stroke='%25230A2A5E' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M18 18 13 29 15 20z' fill='%25230A2A5E' opacity='.35'/%3E%3C/svg%3E") 3 3,auto}
    a,button,summary,label,select,[role=tab],.btn{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34'%3E%3Cpath d='M2 3 31 14 18 18z' fill='%2523FF7DBE' stroke='%2523B5226A' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M18 18 2 3 13 29z' fill='%2523FF7DBE' stroke='%2523B5226A' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M18 18 13 29 15 20z' fill='%2523B5226A' opacity='.35'/%3E%3C/svg%3E") 3 3,pointer}
    input,textarea{cursor:text}
}
.ucan-ucak{position:fixed;left:0;top:0;width:34px;height:34px;margin:-6px 0 0 -6px;z-index:9998;pointer-events:none;will-change:transform,opacity}
.ucan-ucak svg{display:block;width:100%;height:100%;filter:drop-shadow(0 3px 3px rgba(10,42,94,.3))}
.ucan-ucak.roket{width:30px;height:52px;margin:0}
.ucan-ucak.balon{width:34px;height:76px;margin:0}
.roket .alev{transform-box:fill-box;transform-origin:50% 0;animation:alev .08s linear infinite alternate}
@keyframes alev{to{transform:scaleY(1.35) scaleX(.85)}}
.ucan-duman{position:fixed;left:0;top:0;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;background:#E6ECF6;box-shadow:inset -3px -3px 0 #C9D3E8;z-index:9996;pointer-events:none}
.ucan-iz{position:fixed;left:0;top:0;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;z-index:9997;pointer-events:none;background:var(--acikpembe)}

/* Galeri: şipşak kamera — deklanşöre basınca polaroid çıkar, banyo olur, yığına uçar */
.galeri-bolum{overflow:hidden}
.sipsak{position:relative;display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:center;min-height:480px}
.kamera-taraf{position:relative;display:flex;flex-direction:column;align-items:center;padding-top:40px}
.kamera{position:relative;width:min(340px,86vw);transform:rotate(-5deg);transition:transform .2s}
.kamera.cekiyor{animation:kamera-sars .35s ease}
@keyframes kamera-sars{20%{transform:rotate(-7deg) scale(.97)}50%{transform:rotate(-3deg) scale(1.02)}}
.kamera-govde{position:relative;z-index:2;background:var(--pembe);border-radius:42px;aspect-ratio:1.28;box-shadow:inset 0 -10px 0 var(--pembe-k),0 12px 0 var(--pembe-k),0 34px 50px -22px rgba(10,42,94,.5);display:grid;place-items:center}
.kamera-serit{position:absolute;left:0;right:0;top:34%;height:22%;background:repeating-linear-gradient(90deg,#fff 0 18px,var(--acikpembe) 18px 36px);opacity:.35}
.lens{position:relative;width:56%;aspect-ratio:1;border-radius:50%;background:#fff;padding:7%;box-shadow:0 0 0 10px var(--lacivert),0 0 0 16px #fff,0 8px 0 16px var(--pembe-k)}
.lens-ic{width:100%;height:100%;border-radius:50%;background:#0A2A5E center/cover;box-shadow:inset 0 0 0 6px rgba(10,42,94,.9),inset 0 0 26px rgba(0,0,0,.6);transition:transform .4s}
.kamera.cekiyor .lens-ic{transform:scale(.88)}
.lens-parilti{position:absolute;top:18%;left:20%;width:26%;height:16%;border-radius:50%;background:rgba(255,255,255,.75);transform:rotate(-35deg)}
.kamera-yazi{position:absolute;bottom:9%;right:9%;font:900 .78rem var(--govde);letter-spacing:.12em;color:#fff;opacity:.85}
.kamera-yarik{position:absolute;bottom:-5px;left:18%;right:18%;height:12px;border-radius:6px;background:var(--lacivert)}
.kamera-flas{position:absolute;z-index:1;top:-26px;left:12%;width:30%;height:40px;border-radius:12px 12px 0 0;background:#fff;box-shadow:inset 0 -4px 0 #D9E3F2;overflow:hidden}
.kamera-flas::after{content:"";position:absolute;inset:8px 10px;border-radius:6px;background:linear-gradient(135deg,#FFF6C8,#FFC93C)}
.kamera-vizor{position:absolute;z-index:1;top:-16px;left:46%;width:16%;height:22px;border-radius:8px 8px 0 0;background:var(--lacivert)}
.deklansor{position:absolute;z-index:1;top:-30px;right:12%;width:56px;height:40px;border:0;padding:0;border-radius:16px 16px 0 0;background:var(--sari);box-shadow:inset 0 -6px 0 var(--sari-k);cursor:pointer;transition:transform .12s}
.deklansor::after{content:"";position:absolute;inset:8px 12px 12px;border-radius:10px;background:#fff;opacity:.6}
.deklansor:hover{transform:translateY(-3px)}
.deklansor:active,.deklansor.basildi{transform:translateY(8px)}
.kamera-ipucu{position:relative;z-index:3;margin:0 0 30px 46%;background:var(--lacivert);color:#fff;font:800 .95rem var(--govde);padding:9px 16px;border-radius:16px;transform:rotate(4deg);animation:ipucu-zipla 1.4s ease-in-out infinite}
.kamera-ipucu::after{content:"";position:absolute;left:58%;bottom:-9px;border:9px solid transparent;border-top-color:var(--lacivert);border-bottom:0}
@keyframes ipucu-zipla{50%{transform:rotate(4deg) translateY(-8px)}}
.sipsak.cekildi .kamera-ipucu{opacity:0;transition:opacity .4s}
.sipsak-yazi{position:absolute;z-index:4;top:30%;left:50%;font:800 2.6rem var(--baslik);color:var(--sari);text-shadow:0 4px 0 var(--sari-k),0 0 20px #fff;transform:translate(-50%,0) scale(0) rotate(-12deg);opacity:0;pointer-events:none}
.sipsak-yazi.patla{animation:sipsak-patla .9s cubic-bezier(.34,1.56,.64,1)}
@keyframes sipsak-patla{0%{opacity:0;transform:translate(-50%,0) scale(.2) rotate(-12deg)}30%{opacity:1;transform:translate(-50%,-30px) scale(1.15) rotate(-8deg)}75%{opacity:1}100%{opacity:0;transform:translate(-50%,-70px) scale(1) rotate(-4deg)}}
.galeri-flas{position:fixed;inset:0;z-index:9990;background:#fff;pointer-events:none;animation:flas-patla .45s ease-out forwards}
@keyframes flas-patla{0%{opacity:.85}100%{opacity:0}}
.foto-yigin{position:relative;min-height:440px}
.polaroid{position:absolute;left:var(--x);top:var(--y);width:min(260px,46%);background:#fff;padding:10px 10px 0;border-radius:6px;box-shadow:0 18px 30px -14px rgba(10,42,94,.5);transform:rotate(var(--d));transition:transform .35s cubic-bezier(.34,1.56,.64,1);text-decoration:none}
.polaroid:hover{transform:rotate(0) scale(1.06);z-index:20}
.polaroid img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:3px;background:#E9EEF6}
.polaroid b{display:block;text-align:center;font:800 1.15rem/2.4 var(--baslik);color:var(--lacivert)}
.polaroid::before{content:"";position:absolute;top:-11px;left:50%;width:70px;height:22px;margin-left:-35px;background:rgba(255,201,60,.75);transform:rotate(-4deg)}
.polaroid:nth-child(even)::before{background:rgba(242,71,155,.55);transform:rotate(5deg)}
.polaroid.yeni img{animation:banyo 1.8s ease-out forwards}
@keyframes banyo{0%{filter:grayscale(1) brightness(2.2) contrast(.4) blur(3px)}100%{filter:none}}
.polaroid.ucuyor{position:fixed;left:0;top:0;margin:0;z-index:9995;pointer-events:none}
@media (max-width:1020px){
    .sipsak{grid-template-columns:1fr;gap:10px}
    .foto-yigin{min-height:380px;max-width:560px;width:100%;margin:0 auto}
    .polaroid{width:48%}
}
@media (max-width:700px){
    .foto-yigin{min-height:300px}
    .kamera-ipucu{margin-left:30%}
}