/* Görsel denge — ana sayfaya özel, içerik ve panel alanları korunur. */
.masal-denge .bolum { padding-block: clamp(3.5rem, 6vw, 6rem); }
.masal-denge .giris { min-height: min(800px, 88svh); padding-block: 6rem 4rem; }
.masal-denge .giris__baslik { font-size: clamp(3.1rem, 6.4vw, 6.4rem); line-height: .98; letter-spacing: -.035em; }
.masal-denge .giris__alt { align-items: start; max-width: 58rem; gap: 1.5rem; margin-top: 2rem; }
.masal-denge .giris__metin { max-width: 47ch; font-size: clamp(1rem, 1.3vw, 1.125rem); }
.masal-denge .giris__dugmeler { align-items: center; }
.masal-denge .giris__dugmeler .dugme { min-height: 48px; border-radius: 4px; }
.masal-denge .giris__dugmeler .dugme--acik { background: transparent; color: #fff; border-color: rgb(255 255 255 / .65); }
.masal-denge .giris__dugmeler .dugme--acik:hover { background: rgb(255 255 255 / .14); border-color: #fff; }
.masal-denge .giris::after { background: linear-gradient(90deg, rgb(22 19 15 / .84), rgb(22 19 15 / .55) 48%, rgb(22 19 15 / .15)); }
.masal-denge .manifesto__ic { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(2rem, 7vw, 7rem); }
.masal-denge .denge-etiket { margin-bottom: 1.5rem; color: var(--metin-yumusak); }
.masal-denge .manifesto__baslik .display { max-width: 9ch; font-size: clamp(2.8rem, 4.5vw, 4.8rem); line-height: 1.03; }
.masal-denge .manifesto__metin { font-size: clamp(1.05rem, 1.45vw, 1.25rem); }
.masal-denge .sayilar { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.2rem; margin-top: 2rem; }
.masal-denge .sayi { border-color: var(--cizgi-tema-koyu); padding-top: 1rem; }
.masal-denge .sayi__deger { font-size: clamp(1.8rem, 3.2vw, 3rem); }
.masal-denge .sayi__etiket { font-size: .8125rem; line-height: 1.5; }
.masal-denge .bant { margin-inline: var(--kenar); padding-block: clamp(3rem, 5vw, 5rem); border-radius: 4px; }
.masal-denge .bant__ic { padding-inline: clamp(1.5rem, 4vw, 4rem); }
.masal-denge .bant__soz { font-size: clamp(2rem, 3.7vw, 3.6rem); }
.masal-denge .secilmis-isler .bolum-basligi { grid-template-columns: 1fr auto; align-items: end; gap: .6rem 2rem; margin-bottom: 2rem; }
.masal-denge .secilmis-isler .bolum-basligi > .etiket { grid-column: 1 / -1; }
.masal-denge .secilmis-isler .bolum-basligi__hepsi { justify-self: end; min-height: 44px; display: inline-flex; align-items: center; }
/* Numaralı liste korunuyor; mutfak fotoğrafları artık küçük ikon ölçeğinde değil. */
.masal-denge .secilmis-isler .proje__ic { grid-template-columns: 2rem minmax(12rem, 23rem) minmax(0, 1fr) 10rem 1.5rem; gap: clamp(1rem, 2.5vw, 2.5rem); padding-block: 1.5rem; }
.masal-denge .secilmis-isler .proje__gorsel { width: 100%; aspect-ratio: 16 / 10; border-radius: 3px; }
.masal-denge .secilmis-isler .proje__ad { font-size: clamp(1.5rem, 2.2vw, 2.1rem); }
.masal-denge .secilmis-isler .proje__ozet { max-width: 38ch; line-height: 1.6; }
.masal-denge .atolye-cagri { background: var(--zemin-kart); }
.masal-denge .atolye-cagri .plan-ozet { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.masal-denge .plan-ozet__oge { display: flex; flex-direction: column; align-items: stretch; gap: .75rem; padding: 1.25rem .75rem; border: 1px solid var(--cizgi-tema); background: var(--zemin); }
.masal-denge .plan-ozet__cizim { width: 100%; max-width: 10rem; margin-inline: auto; }
.masal-denge .plan-ozet__ad, .masal-denge .plan-ozet__not { align-self: auto; }
.masal-denge .plan-ozet__ad { font-size: 1.125rem; }
.masal-denge .plan-ozet__not { font-size: .8125rem; line-height: 1.5; }
.masal-denge .surec__gorsel { border-radius: 3px; }
.masal-denge .surec-adim__no { display: grid; place-items: center; width: 2.25rem; height: 2.25rem; border: 1px solid var(--cizgi-tema-koyu); border-radius: 50%; }
/* Sürekli renkli üç odak yerine tek, sakin iletişim dili. Paneller aynı kalır. */
.wa .form-balon, .wa .balon--ig, .wa .wa__dugme, .balonlar .balon--ig {
  width: 48px; height: 48px; background: var(--zemin-kart); color: var(--metin);
  border: 1px solid var(--cizgi-tema-koyu); box-shadow: 0 3px 12px rgb(0 0 0 / .09);
}
.wa .wa__dugme { background: var(--metin); color: var(--zemin); }
.wa .balon--ig:hover, .wa .form-balon:hover { background: var(--zemin-dolgu); }
/* Yatay galerideki sonraki kartlar kaydırılana kadar soluk kalmasın. */
:root.hareket-hazir .masal-denge .ac { opacity: 1; transform: none; }
.masal-denge .beliren-baslik--kaydirma .bb__harf { opacity: 1; animation: none; }
@media (max-width: 1100px) and (min-width: 701px) {
  .masal-denge .secilmis-isler .proje__ic { grid-template-columns: 1.5rem minmax(10rem, 18rem) minmax(0, 1fr) 1.5rem; }
  .masal-denge .secilmis-isler .proje__meta { display: none; }
}
@media (max-width: 900px) {
  .masal-denge .surec__gorsel { top: auto; }
  .masal-denge .giris { min-height: auto; padding-block: 4.5rem 3rem; }
  .masal-denge .manifesto__ic { grid-template-columns: 1fr; gap: 2rem; }
  .masal-denge .manifesto__baslik .display { max-width: 15ch; }
  .masal-denge .atolye-cagri__ic { gap: 2rem; }
}
@media (max-width: 700px) {
  .wa { display: flex; align-items: end; gap: 8px; right: 12px; bottom: max(12px, env(safe-area-inset-bottom)); }
  .wa .wa__pencere, .wa .ig__pencere { position: absolute; right: 0; bottom: 60px; max-height: calc(100svh - 170px); overflow-y: auto; }
  .masal-denge .dipnot { padding-bottom: 5rem; }
  .masal-denge .giris__baslik { font-size: clamp(3rem, 10.5vw, 4.5rem); }
  .masal-denge .giris__alt { gap: 1.5rem; margin-top: 1.75rem; padding-top: 1.5rem; }
  .masal-denge .giris::after { background: linear-gradient(90deg, rgb(22 19 15 / .85), rgb(22 19 15 / .62)); }
  .masal-denge .giris__dugmeler { display: flex; width: 100%; gap: .75rem; }
  .masal-denge .giris__dugmeler .dugme { width: auto; padding-inline: 1.1rem; font-size: .6875rem; }
  .masal-denge .manifesto__baslik .display { font-size: clamp(2.4rem, 8vw, 3.4rem); }
  .masal-denge .sayilar { gap: .75rem; }
  .masal-denge .sayi__ek { font-size: .55em; }
  .masal-denge .bant { margin-inline: 0; border-radius: 0; }
  .masal-denge .bant__ic { padding-inline: var(--kenar); }
  .masal-denge .secilmis-isler .bolum-basligi { gap: .5rem 1rem; }
  .masal-denge .secilmis-isler .bolum-basligi .display { font-size: clamp(1.65rem, 5vw, 2.3rem); }
  .masal-denge .secilmis-isler .bolum-basligi__hepsi { font-size: .625rem; letter-spacing: .06em; }
  .masal-denge .secilmis-isler .proje__ic { grid-template-columns: none; gap: .75rem; padding: 0; }
  .masal-denge .secilmis-isler .proje__ad { font-size: 1.3rem; }
  .masal-denge .secilmis-isler .proje__ozet { font-size: .875rem; }
  .masal-denge .atolye-cagri .plan-ozet { gap: .5rem; }
  .masal-denge .plan-ozet__oge { padding: .85rem .6rem; gap: .5rem; }
  .masal-denge .plan-ozet__ad { font-size: 1rem; }
  .masal-denge .plan-ozet__not { display: none; }
  .masal-denge .surec__gorsel { max-height: 220px; aspect-ratio: 16 / 9; }
  .masal-denge .surec-adim { padding-block: 1.2rem; }
}
@media (prefers-reduced-motion: reduce) {
  .wa .form-balon, .wa .balon--ig, .wa .wa__dugme { transition: none; }
}

/* Buton ailesi — ceviz, krem ve ince doğrama çizgileri. */
:root {
  --buton-zemin: #49382D;
  --buton-yazi: #F7F3EC;
  --buton-hover: #35271F;
  --buton-cerceve: #A99A89;
}
:root[data-tema='koyu'] {
  --buton-zemin: #E4C5A5;
  --buton-yazi: #30251E;
  --buton-hover: #F0D9C0;
  --buton-cerceve: #9F8D78;
}
body .dugme, body .ustbar__cta, body .ek__dugme, body .ig__dugme {
  min-height: 48px;
  border-radius: 4px;
  font-family: var(--f-metin);
  font-size: .875rem;
  font-weight: 550;
  line-height: 1.3;
  letter-spacing: .01em;
  text-transform: none;
  transition: background-color 200ms ease, color 200ms ease, border-color 200ms ease, box-shadow 180ms ease;
}
body .dugme, body .ustbar__cta {
  background: var(--buton-zemin);
  color: var(--buton-yazi);
  border: 1px solid var(--buton-zemin);
  box-shadow: none;
}
body .dugme::before, body .ustbar__cta::before,
body .dugme:hover::before, body .ustbar__cta:hover::before,
body .dugme:focus-visible::before, body .ustbar__cta:focus-visible::before {
  content: none; display: none; animation: none; transition: none;
}
body .dugme:hover, body .ustbar__cta:hover {
  background: var(--buton-hover); color: var(--buton-yazi);
  border-color: var(--buton-hover); box-shadow: none; transform: none;
}
body .dugme:active, body .ustbar__cta:active { transform: none; box-shadow: inset 0 2px 4px rgb(0 0 0 / .18); }
body .dugme--hayalet, body .dugme--acik, body .ustbar__cta--katalog, body .mobil-menu__cta--katalog {
  background: transparent; border-color: var(--buton-cerceve); color: var(--metin); box-shadow: none;
}
body .dugme--hayalet:hover, body .dugme--acik:hover, body .ustbar__cta--katalog:hover, body .mobil-menu__cta--katalog:hover {
  background: var(--zemin-dolgu); border-color: var(--metin); color: var(--metin);
}
body .dugme--ates .ok {
  position: relative; display: inline-grid; place-items: center;
  min-width: 1.75rem; margin-left: .5rem; padding-left: 1rem;
  transition: transform 200ms ease;
}
body .dugme--ates .ok::before {
  content: ''; position: absolute; left: 0; top: -.4rem; bottom: -.4rem;
  width: 1px; background: currentColor; opacity: .3;
}
body .dugme:hover .ok { transform: translateX(3px); }
body .dugme:focus-visible, body .ustbar__cta:focus-visible, body .ek__dugme:focus-visible, body .ig__dugme:focus-visible {
  outline: 2px solid var(--metin); outline-offset: 4px;
}
.masal-denge .giris__dugmeler .dugme {
  background: #F7F3EC; color: #49382D; border-color: #F7F3EC;
  font-size: .875rem;
}
.masal-denge .giris__dugmeler .dugme:hover { background: #E8DECE; color: #35271F; border-color: #E8DECE; }
.masal-denge .giris__dugmeler .dugme--acik { background: rgb(22 19 15 / .25); color: #F7F3EC; border-color: rgb(247 243 236 / .7); }
.masal-denge .giris__dugmeler .dugme--acik:hover { background: rgb(22 19 15 / .5); color: #F7F3EC; border-color: #F7F3EC; }
.masal-denge .giris__dugmeler .dugme:focus-visible { outline-color: #F7F3EC; }
body .ig__dugme--ana { background: var(--buton-zemin); color: var(--buton-yazi); border-color: var(--buton-zemin); }
body .ig__dugme--ana:hover { background: var(--buton-hover); color: var(--buton-yazi); }
body .dugme:disabled { opacity: .4; cursor: not-allowed; transform: none; box-shadow: none; }
@media (max-width: 700px) {
  .masal-denge .giris__dugmeler .dugme { padding-inline: 1rem; font-size: .8125rem; }
}
@media (prefers-reduced-motion: reduce) {
  body .dugme, body .ustbar__cta, body .ek__dugme, body .ig__dugme, body .dugme .ok { transition: none; }
  body .dugme:hover .ok { transform: none; }
}

/* Buton ailesinde atlanan iki yer.
   1) Instagram penceresinin ikincil düğmesi ("Mesaj at"): --ana olanına
      renk verilmiş ama ikincile verilmemişti, tarayıcının kendi gri
      düğmesi kalıyordu.
   2) Medya sayfasının sayfa numaraları: buton ailesine hiç girmemişti,
      eski yuvarlak köşeli ve farklı çerçeveliydi. */
/* :not() ile yazıyoruz — duzeltmeler.css'te aynı seçici var ve o kural
   Instagram'ın kendi gri düğmesini taklit ediyordu; buradaki düz
   "body .ig__dugme" onu ezemiyordu. Ana düğmeye dokunulmuyor. */
body .ig__dugme:not(.ig__dugme--ana) {
  background: transparent;
  color: var(--metin);
  border: 1px solid var(--buton-cerceve);
}
body .ig__dugme:not(.ig__dugme--ana):hover {
  background: var(--zemin-dolgu); border-color: var(--metin); color: var(--metin);
}
body .ig__dugme--ana { border-color: var(--buton-zemin); }

body .sayfalama__no, body .sayfalama__ok {
  border-radius: 4px;
  border: 1px solid var(--buton-cerceve);
  color: var(--metin);
  font-size: .875rem;
  transition: background-color 200ms ease, color 200ms ease, border-color 200ms ease;
}
body a.sayfalama__no:hover, body a.sayfalama__ok:hover {
  background: var(--zemin-dolgu); border-color: var(--metin); color: var(--metin);
}
body .sayfalama__no--simdi,
body .sayfalama__no--simdi:hover {
  background: var(--buton-zemin);
  color: var(--buton-yazi);
  border-color: var(--buton-zemin);
}