/* ===========================================================
   AKDENİZ YAŞAM ANAOKULU — "Sabah Işığı" tasarım sistemi
   =========================================================== */

/* ---------- 1. Token'lar ---------- */
:root{
  /* Yüzeyler */
  --kagit:      #FBF7F0;   /* sıcak fildişi tuval */
  --kagit-2:    #F4EDE1;   /* ikinci yüzey */
  --kagit-3:    #EDE3D3;   /* üçüncü yüzey / hairline zemin */
  --beyaz:      #FFFDF9;

  /* Mürekkep */
  --murekkep:   #123A63;   /* derin lacivert — yapı + metin */
  --murekkep-2: #3A5E85;   /* ikincil metin */
  --murekkep-3: #7A8FA6;   /* üçüncül / etiket */

  /* Aksanlar — bölüm başına TEK tane */
  --gunes:      #F5A623;
  --mercan:     #E8503A;
  --yaprak:     #3DA35D;
  --gokyuzu:    #2FA8E0;

  /* Aktif aksan — her bölüm kendi içinde ezer */
  --aksan:      var(--gunes);
  --aksan-soft: color-mix(in srgb, var(--aksan) 14%, var(--kagit));

  /* Çizgi */
  --hairline:   color-mix(in srgb, var(--murekkep) 14%, transparent);
  --hairline-2: color-mix(in srgb, var(--murekkep) 8%, transparent);

  /* Tipografi */
  --display: "Bricolage Grotesque", "Segoe UI", system-ui, sans-serif;
  --govde:   "Plus Jakarta Sans", "Segoe UI", system-ui, sans-serif;

  /* Ritim */
  --olcek:   clamp(1rem, 0.6rem + 0.8vw, 1.125rem);
  --kenar:   clamp(1.25rem, 5vw, 5rem);
  --kolon:   min(1180px, 100% - var(--kenar) * 2);
  --dar:     min(720px, 100% - var(--kenar) * 2);

  --yuvarlak:   14px;
  --yuvarlak-l: 24px;

  --gecis: 480ms cubic-bezier(.22,.61,.36,1);
}

/* ---------- 2. Sıfırlama ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%; scroll-behavior:smooth}
body{
  margin:0;
  background:var(--kagit);
  color:var(--murekkep);
  font-family:var(--govde);
  font-size:var(--olcek);
  line-height:1.65;
  font-feature-settings:"kern","liga";
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img,svg,video{display:block; max-width:100%; height:auto}
a{color:inherit}
button{font:inherit; color:inherit}
h1,h2,h3,h4{margin:0; font-family:var(--display); font-weight:600; line-height:1.08; letter-spacing:-.022em}
p{margin:0}
ul{margin:0; padding:0; list-style:none}

/* Kâğıt dokusu — jenerik düz zeminden kurtarır */
body::before{
  content:""; position:fixed; inset:0; z-index:0; pointer-events:none;
  opacity:.5; mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='.055'/%3E%3C/svg%3E");
}
main,header,footer{position:relative; z-index:1}

/* ---------- 3. Tipografik ölçek ---------- */
.d1{font-size:clamp(2.6rem, 1.2rem + 5.4vw, 5rem)}
.d2{font-size:clamp(2rem, 1.1rem + 3.2vw, 3.35rem)}
.d3{font-size:clamp(1.45rem, 1.05rem + 1.5vw, 2.1rem)}
.d4{font-size:clamp(1.15rem, 1rem + .6vw, 1.4rem)}

.kicker{
  font-family:var(--govde); font-size:.72rem; font-weight:700;
  letter-spacing:.16em; text-transform:uppercase; color:var(--aksan);
  display:inline-flex; align-items:center; gap:.6rem;
}
.kicker::before{content:""; width:1.9rem; height:2px; background:var(--aksan); border-radius:2px}

.lede{font-size:clamp(1.05rem,.95rem + .5vw,1.28rem); color:var(--murekkep-2); line-height:1.6}
.mini{font-size:.85rem; color:var(--murekkep-3)}

/* ---------- 4. Yerleşim ---------- */
.kolon{width:var(--kolon); margin-inline:auto}
.dar{width:var(--dar); margin-inline:auto}
section{padding-block:clamp(3.5rem, 7vw, 7rem)}
.yuzey{background:var(--kagit-2)}

/* ---------- 5. Düğmeler ---------- */
.btn{
  --bg:var(--murekkep); --fg:var(--beyaz);
  display:inline-flex; align-items:center; gap:.6rem;
  padding:.95em 1.6em; border:0; border-radius:100px;
  background:var(--bg); color:var(--fg);
  font-weight:700; font-size:.95rem; letter-spacing:-.01em;
  text-decoration:none; cursor:pointer;
  transition:transform var(--gecis), box-shadow var(--gecis), background var(--gecis);
  box-shadow:0 1px 0 color-mix(in srgb, var(--murekkep) 25%, transparent);
}
.btn:hover{transform:translateY(-2px); box-shadow:0 10px 24px -10px color-mix(in srgb, var(--murekkep) 55%, transparent)}
.btn:active{transform:translateY(0)}
.btn--aksan{--bg:var(--aksan); --fg:#fff}
.btn--hat{
  --bg:transparent; --fg:var(--murekkep);
  box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--murekkep) 28%, transparent);
}
.btn--hat:hover{--bg:color-mix(in srgb, var(--murekkep) 6%, transparent); box-shadow:inset 0 0 0 1.5px var(--murekkep)}
.btn svg{width:1.05em; height:1.05em; flex:none}

/* Metin bağlantı — yumuşak alt çizgi */
.baglanti{
  text-decoration:none; font-weight:600; color:var(--murekkep);
  background-image:linear-gradient(var(--aksan),var(--aksan));
  background-size:100% 2px; background-repeat:no-repeat; background-position:0 100%;
  padding-bottom:2px; transition:background-size var(--gecis);
}
.baglanti:hover{background-size:100% 100%; background-size:0% 2px}

/* ---------- 6. Üst bar ---------- */
.ust{
  position:sticky; top:0; z-index:60;
  background:color-mix(in srgb, var(--kagit) 88%, transparent);
  backdrop-filter:saturate(1.4) blur(12px);
  border-bottom:1px solid transparent;
  transition:border-color var(--gecis), background var(--gecis);
}
.ust.kaydi{border-bottom-color:var(--hairline)}
.ust__ic{display:flex; align-items:center; gap:1rem; min-height:74px}
.logo{display:flex; align-items:center; gap:.7rem; text-decoration:none; flex:none}
.logo img{height:auto; width:auto; max-height:40px; flex:none}
.logo--tam{display:block; margin-bottom:1.1rem}
.logo--tam img{width:200px; max-height:none}
@media (max-width:520px){.logo--tam img{width:168px}}
.logo b{font-family:var(--display); font-size:1.02rem; line-height:1.05; letter-spacing:-.02em; font-weight:700; white-space:nowrap}
.logo span{display:block; font-family:var(--govde); font-size:.63rem; font-weight:600; letter-spacing:.13em; text-transform:uppercase; color:var(--murekkep-3); white-space:nowrap}

.menu{display:flex; align-items:center; gap:0; margin-left:auto}
.menu a{
  text-decoration:none; font-size:.92rem; font-weight:600; padding:.5rem .5rem;
  border-radius:8px; color:var(--murekkep-2); white-space:nowrap;
  transition:color var(--gecis), background var(--gecis);
}
.menu a:hover,.menu a[aria-current]{color:var(--murekkep); background:color-mix(in srgb,var(--murekkep) 6%, transparent)}
.ust .btn{flex:none; padding:.7em 1.15em; font-size:.87rem}

.menu-ac{display:none; background:none; border:0; padding:.5rem; cursor:pointer}
.menu-ac svg{width:26px; height:26px}

@media (max-width:1260px){
  .menu{
    position:fixed; inset:78px 0 auto; flex-direction:column; align-items:stretch; gap:0;
    background:var(--kagit); padding:1rem var(--kenar) 2rem; border-bottom:1px solid var(--hairline);
    transform:translateY(-120%); transition:transform var(--gecis); max-height:calc(100dvh - 78px); overflow:auto;
  }
  .menu[data-acik="true"]{transform:translateY(0)}
  .menu a{padding:.85rem .5rem; font-size:1.05rem; border-bottom:1px solid var(--hairline-2)}
  .menu-ac{display:block; margin-left:auto}
  .ust__ic > .btn{display:none}
}

/* ---------- 7. Hero ---------- */
.hero{padding-top:clamp(2rem,4vw,3.5rem); padding-bottom:0}
.hero__ic{display:grid; gap:clamp(2rem,4vw,3.5rem)}
.hero h1{max-width:14ch}
.hero .lede{max-width:52ch; margin-top:1.15rem}
.hero__eylem{display:flex; flex-wrap:wrap; gap:.75rem; margin-top:1.9rem}
.hero__gorsel{position:relative; border-radius:var(--yuvarlak-l); overflow:hidden; aspect-ratio:16/9}
.hero__gorsel img{width:100%; height:100%; object-fit:cover}

/* güven şeridi */
.serit{display:grid; grid-template-columns:repeat(auto-fit,minmax(160px,1fr)); gap:1px; background:var(--hairline); border-block:1px solid var(--hairline); margin-top:clamp(2.5rem,5vw,4rem)}
.serit div{background:var(--kagit); padding:1.4rem 1.2rem}
.serit b{display:block; font-family:var(--display); font-size:1.75rem; line-height:1; letter-spacing:-.03em}
.serit span{font-size:.83rem; color:var(--murekkep-3); font-weight:600}

/* ---------- 8. Bölüm başlığı ---------- */
.baslik{max-width:640px; margin-bottom:clamp(2rem,4vw,3.2rem)}
.baslik h2{margin-top:.9rem}
.baslik p{margin-top:1rem}
.baslik--orta{margin-inline:auto; text-align:center}
.baslik--orta .kicker{justify-content:center}

/* ---------- 9. Kartlar ---------- */
.izgara{display:grid; gap:clamp(1rem,2vw,1.6rem)}
.izgara--2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.izgara--3{grid-template-columns:repeat(auto-fit,minmax(270px,1fr))}
.izgara--4{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}

.kart{
  background:var(--beyaz); border:1px solid var(--hairline-2);
  border-radius:var(--yuvarlak); padding:clamp(1.4rem,2.4vw,2rem);
  transition:transform var(--gecis), border-color var(--gecis);
}
.kart:hover{transform:translateY(-3px); border-color:color-mix(in srgb,var(--aksan) 45%, transparent)}
.kart h3{margin-bottom:.6rem}
.kart p{color:var(--murekkep-2); font-size:.96rem}
.kart__ikon{width:44px; height:44px; margin-bottom:1.1rem; color:var(--aksan)}
.kart__ikon svg{width:100%; height:100%}

/* yaş grubu kartı — fotoğraflı */
.yas{
  position:relative; display:block; text-decoration:none; overflow:hidden;
  border-radius:var(--yuvarlak); aspect-ratio:3/4; background:var(--kagit-3);
}
.yas img{width:100%; height:100%; object-fit:cover; transition:transform 900ms cubic-bezier(.22,.61,.36,1)}
.yas:hover img{transform:scale(1.05)}
.yas__ust{
  position:absolute; inset:auto 0 0; padding:1.3rem;
  background:linear-gradient(to top, rgba(9,26,45,.86) 12%, rgba(9,26,45,.5) 55%, transparent);
  color:#fff;
}
.yas__ust b{display:block; font-family:var(--display); font-size:1.35rem; letter-spacing:-.02em}
.yas__ust span{font-size:.85rem; opacity:.85}
.yas__rozet{
  position:absolute; top:1rem; left:1rem; z-index:2;
  background:var(--aksan); color:#fff; font-size:.72rem; font-weight:800;
  letter-spacing:.08em; text-transform:uppercase; padding:.35rem .7rem; border-radius:100px;
}

/* ---------- 10. Günlük akış — çizilmiş yol ---------- */
.akis{position:relative; padding-left:2.6rem; margin:0; list-style:none}
.akis::before{
  content:""; position:absolute; left:11px; top:.6rem; bottom:.6rem; width:2px;
  background:repeating-linear-gradient(to bottom, var(--aksan) 0 7px, transparent 7px 14px);
  opacity:.55;
}
.akis li{position:relative; padding-block:.85rem}
.akis li::before{
  content:""; position:absolute; left:-2.6rem; top:1.25rem;
  width:24px; height:24px; border-radius:50%;
  background:var(--kagit); border:2.5px solid var(--aksan);
}
.akis time{font-family:var(--display); font-weight:700; font-size:1.05rem; letter-spacing:-.01em; display:block}
.akis p{color:var(--murekkep-2); font-size:.95rem}

/* ---------- 11. Bantlanmış fotoğraf (veli panosu hissi) ---------- */
.pano{display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:clamp(1.6rem,3vw,2.6rem)}
.bant{position:relative; background:var(--beyaz); padding:.7rem .7rem 3rem; border-radius:3px;
  box-shadow:0 12px 28px -18px rgba(9,26,45,.55); transition:transform var(--gecis)}
.bant:nth-child(odd){transform:rotate(-1.4deg)}
.bant:nth-child(even){transform:rotate(1deg)}
.bant:hover{transform:rotate(0) translateY(-4px)}
.bant img{aspect-ratio:4/3; object-fit:cover; width:100%; border-radius:2px}
.bant figcaption{position:absolute; left:.9rem; right:.9rem; bottom:.95rem; font-size:.85rem; color:var(--murekkep-2); font-weight:600}
.bant::before{
  content:""; position:absolute; top:-11px; left:50%; translate:-50% 0;
  width:74px; height:23px; background:color-mix(in srgb, var(--gunes) 55%, #fff);
  opacity:.75; rotate:-2deg; box-shadow:0 1px 2px rgba(9,26,45,.12);
}

/* ---------- 12. Alıntı / veli sözü ---------- */
.alinti{border-left:3px solid var(--aksan); padding-left:1.4rem}
.alinti p{font-family:var(--display); font-size:clamp(1.1rem,1rem + .7vw,1.5rem); line-height:1.35; letter-spacing:-.02em}
.alinti cite{display:block; margin-top:.9rem; font-style:normal; font-size:.85rem; color:var(--murekkep-3); font-weight:600}

/* ---------- 13. SSS ---------- */
.sss details{border-bottom:1px solid var(--hairline); padding:1.15rem 0}
.sss summary{cursor:pointer; font-family:var(--display); font-size:1.08rem; font-weight:600; letter-spacing:-.015em; list-style:none; display:flex; gap:1rem; align-items:baseline}
.sss summary::-webkit-details-marker{display:none}
.sss summary::after{content:"+"; margin-left:auto; font-size:1.4rem; color:var(--aksan); transition:transform var(--gecis)}
.sss details[open] summary::after{transform:rotate(45deg)}
.sss p{margin-top:.8rem; color:var(--murekkep-2); max-width:66ch}

/* ---------- 14. Kapanış CTA ---------- */
.cagri{background:var(--murekkep); color:var(--kagit); border-radius:var(--yuvarlak-l); padding:clamp(2rem,5vw,4rem); text-align:center}
.cagri h2{color:var(--beyaz)}
.cagri p{color:color-mix(in srgb,var(--kagit) 78%, transparent); max-width:52ch; margin:1rem auto 0}
.cagri .btn{--bg:var(--gunes); --fg:#3a2400; margin-top:1.9rem}

/* ---------- 15. Alt bilgi ---------- */
.alt{background:var(--kagit-2); border-top:1px solid var(--hairline); padding-block:clamp(2.5rem,5vw,4rem) 1.5rem}
.alt__ic{display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:2.5rem}
.alt h4{font-size:.78rem; letter-spacing:.14em; text-transform:uppercase; color:var(--murekkep-3); font-family:var(--govde); font-weight:700; margin-bottom:1rem}
.alt li{margin-bottom:.5rem}
.alt a{text-decoration:none; color:var(--murekkep-2); font-size:.94rem}
.alt a:hover{color:var(--murekkep)}
.alt__son{margin-top:2.5rem; padding-top:1.4rem; border-top:1px solid var(--hairline); display:flex; flex-wrap:wrap; gap:.6rem 1.6rem; justify-content:space-between; align-items:center; font-size:.83rem; color:var(--murekkep-3)}
.imza a{color:var(--murekkep-2); font-weight:700; text-decoration:none;
  border-bottom:1.5px solid color-mix(in srgb,#ED492C 55%, transparent); padding-bottom:1px;
  transition:color var(--gecis), border-color var(--gecis)}
.imza a:hover{color:#ED492C; border-bottom-color:#ED492C}
@media (max-width:760px){.alt__ic{grid-template-columns:1fr 1fr}.alt__ic > :first-child{grid-column:1/-1}}

/* ---------- 16. Mobil eylem çubuğu ---------- */
.mobil-bar{
  position:fixed; inset:auto 0 0; z-index:70; display:none;
  background:color-mix(in srgb,var(--kagit) 94%, transparent); backdrop-filter:blur(12px);
  border-top:1px solid var(--hairline); padding:.55rem .6rem calc(.55rem + env(safe-area-inset-bottom));
}
.mobil-bar ul{display:grid; grid-template-columns:repeat(3,1fr); gap:.4rem}
.mobil-bar a{display:flex; flex-direction:column; align-items:center; gap:.25rem; text-decoration:none; font-size:.72rem; font-weight:700; color:var(--murekkep); padding:.4rem}
.mobil-bar svg{width:20px; height:20px}
@media (max-width:860px){.mobil-bar{display:block} body{padding-bottom:66px}}

/* ---------- 17. Görünürlük animasyonu ---------- */
[data-gir]{opacity:0; transform:translateY(18px); transition:opacity 700ms cubic-bezier(.22,.61,.36,1), transform 700ms cubic-bezier(.22,.61,.36,1)}
[data-gir].gorundu{opacity:1; transform:none}
[data-gir][data-gec="1"]{transition-delay:90ms}
[data-gir][data-gec="2"]{transition-delay:180ms}
[data-gir][data-gec="3"]{transition-delay:270ms}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms !important; transition-duration:.01ms !important; scroll-behavior:auto !important}
  [data-gir]{opacity:1; transform:none}
  .bant{transform:none !important}
}

/* ---------- 18. Erişilebilirlik ---------- */
:focus-visible{outline:3px solid var(--gokyuzu); outline-offset:3px; border-radius:6px}
.atla{position:absolute; left:-9999px; top:0; background:var(--murekkep); color:#fff; padding:.8rem 1.2rem; z-index:100; border-radius:0 0 8px 0}
.atla:focus{left:0}

/* ---------- 18b. Tescil rozeti (slogan) ---------- */
.tescil{
  display:inline-flex; align-items:center; gap:.55rem;
  font-size:.78rem; font-weight:700; letter-spacing:.02em; line-height:1.25;
  color:var(--murekkep);
  background:color-mix(in srgb, var(--gunes) 15%, var(--beyaz));
  border:1px solid color-mix(in srgb, var(--gunes) 55%, transparent);
  padding:.5rem .9rem .5rem .75rem; border-radius:100px;
}
.tescil::before{
  content:""; flex:none; width:16px; height:16px;
  background:var(--gunes);
  -webkit-mask:var(--muhur) center/contain no-repeat; mask:var(--muhur) center/contain no-repeat;
}
:root{
  --muhur:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1.5 14.4 4l3.4-.4.6 3.4 3 1.7-1.6 3 1.6 3-3 1.7-.6 3.4-3.4-.4L12 22.5 9.6 20l-3.4.4-.6-3.4-3-1.7 1.6-3-1.6-3 3-1.7L6.2 4l3.4.4L12 1.5Z' fill='%23000'/%3E%3C/svg%3E");
}
.tescil--hero{display:flex; width:max-content; max-width:100%; font-size:.82rem; margin-bottom:1.1rem}

/* ---------- 19. İç sayfa başlığı ---------- */
.sayfa-bas{padding-block:clamp(2rem,4vw,3.5rem) clamp(2rem,4vw,3rem); border-bottom:1px solid var(--hairline)}
.kirinti{display:flex; flex-wrap:wrap; gap:.5rem; align-items:center; font-size:.82rem; color:var(--murekkep-3); margin-bottom:1.6rem}
.kirinti a{text-decoration:none; color:var(--murekkep-3)}
.kirinti a:hover{color:var(--murekkep)}
.kirinti span[aria-hidden]{opacity:.45}
.kirinti span[aria-current]{color:var(--murekkep-2); font-weight:600}

/* Uzun metin bloğu */
.metin{max-width:68ch}
.metin > * + *{margin-top:1.15rem}
.metin h2{font-size:clamp(1.5rem,1.1rem + 1.4vw,2rem); margin-top:2.6rem}
.metin h3{font-size:clamp(1.15rem,1rem + .6vw,1.35rem); margin-top:1.9rem}
.metin p{color:var(--murekkep-2)}
.metin ul{margin-top:1rem}
.metin ul li{position:relative; padding-left:1.6rem; margin-bottom:.6rem; color:var(--murekkep-2)}
.metin ul li::before{content:""; position:absolute; left:.25rem; top:.68em; width:7px; height:7px; border-radius:2px; background:var(--aksan)}
.metin strong{color:var(--murekkep); font-weight:700}

/* Bilgi kutusu */
.kutu{background:var(--beyaz); border:1px solid var(--hairline-2); border-left:3px solid var(--aksan); border-radius:var(--yuvarlak); padding:1.4rem 1.6rem; margin-top:1.8rem}
.kutu p{color:var(--murekkep-2); font-size:.96rem}
.kutu b{display:block; margin-bottom:.35rem}

/* Basit form */
.form{display:grid; gap:1rem; max-width:520px}
.form label{display:block; font-size:.86rem; font-weight:700; margin-bottom:.4rem}
.form input,.form select,.form textarea{
  width:100%; padding:.8rem .95rem; font:inherit; font-size:.95rem;
  background:var(--beyaz); color:var(--murekkep);
  border:1.5px solid color-mix(in srgb,var(--murekkep) 16%, transparent); border-radius:10px;
  transition:border-color var(--gecis);
}
.form input:focus,.form select:focus,.form textarea:focus{border-color:var(--aksan); outline:none}
.form .ikili{display:grid; grid-template-columns:1fr 1fr; gap:1rem}
@media (max-width:520px){.form .ikili{grid-template-columns:1fr}}

/* Blog yazı görseli */
.yazi-gorsel{margin:0 0 2.2rem; border-radius:var(--yuvarlak-l); overflow:hidden; background:var(--kagit-3)}
.yazi-gorsel img{width:100%; aspect-ratio:16/9; object-fit:cover}
.yazi-gorsel figcaption{padding:.75rem 1rem 0; font-size:.85rem; color:var(--murekkep-3); background:var(--kagit)}

/* Görselli kart (blog listesi) */
.kart--foto{padding:0; overflow:hidden; display:flex; flex-direction:column; text-decoration:none}
.kart--foto img{width:100%; aspect-ratio:16/9; object-fit:cover; transition:transform 900ms cubic-bezier(.22,.61,.36,1)}
.kart--foto:hover img{transform:scale(1.045)}
.kart--foto .ic{display:block; padding:clamp(1.2rem,2.2vw,1.7rem)}
.kart--foto .mini{display:block; margin-bottom:.5rem}
.kart--foto h2,.kart--foto h3{margin-bottom:.55rem}
.kart--foto .oz{display:block; color:var(--murekkep-2); font-size:.96rem}

/* Galeri ızgarası */
.galeri{display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:1rem}
.galeri figure{margin:0; border-radius:var(--yuvarlak); overflow:hidden; background:var(--kagit-3)}
.galeri img{width:100%; aspect-ratio:4/3; object-fit:cover; transition:transform 900ms cubic-bezier(.22,.61,.36,1)}
.galeri figure:hover img{transform:scale(1.04)}
.galeri figcaption{padding:.8rem .2rem 0; font-size:.88rem; color:var(--murekkep-2); font-weight:600}

/* ---------- 20. Geçici fotoğraf yer tutucu (gerçek foto gelince silinecek) ---------- */
.yt{
  display:grid; place-items:center; width:100%; height:100%;
  background:
    linear-gradient(135deg, color-mix(in srgb,var(--aksan) 22%, var(--kagit-2)), color-mix(in srgb,var(--gokyuzu) 16%, var(--kagit-2)));
  color:var(--murekkep-2); font-size:.8rem; font-weight:700; letter-spacing:.08em;
  text-transform:uppercase; text-align:center; padding:1rem; min-height:180px;
}