/* ============================================================
   Diyetisyen Yaren Zorlu — stil
   Palet renkleri kontrast ölçülerek seçildi (hepsi WCAG AA).
   Kural: --macha ve --gul yalnız dolgu/çizgidir, METİN DEĞİL.
   Metin için --macha-metin ve --gul-metin kullanılır.
   ============================================================ */

@font-face{font-family:Fraunces;font-style:normal;font-weight:300 700;font-display:swap;
  src:url(/fontlar/fraunces-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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Fraunces;font-style:normal;font-weight:300 700;font-display:swap;
  src:url(/fontlar/fraunces-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:Manrope;font-style:normal;font-weight:400 700;font-display:swap;
  src:url(/fontlar/manrope-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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Manrope;font-style:normal;font-weight:400 700;font-display:swap;
  src:url(/fontlar/manrope-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}

:root{
  --kagit:#F7F5EF; --yuzey:#EFEDE4;
  --macha-koyu:#2E4034; --macha:#5B7C5A; --macha-metin:#4C6A4B; --macha-acik:#C8D8BF;
  --gul:#C97D70; --gul-metin:#A05343; --gul-soluk:#F5E3DE;
  --murekkep:#1C201D; --soluk:#63685F; --cizgi:#DCD8CB;

  --baslik:Fraunces,"Iowan Old Style",Georgia,"Times New Roman",serif;
  --govde:Manrope,-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;

  --kenar:clamp(20px,5vw,72px);
  --en:1200px;
  --yay:cubic-bezier(.16,1,.3,1);
  --kemer:50% 50% 8px 8px / 37.5% 37.5% 6px 6px;
}

*,*::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:400 1.0625rem/1.7 var(--govde);
  font-feature-settings:"kern" 1;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
  overflow-x:hidden;
}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
/* Fraunces italiğinin sağ yan boşluğu dar; başlıktaki negatif harf aralığıyla
   birleşince "ilgili bir" → "ilgilibir" gibi yapışık görünüyordu. Optik düzeltme. */
h1 em,h2 em{padding-right:.09em}
h1,h2,h3,h4{font-family:var(--baslik);font-weight:400;margin:0;
  font-variation-settings:"opsz" 100,"SOFT" 20,"WONK" 1;
  letter-spacing:-.018em;line-height:1.06;text-wrap:balance}
p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}

.atla{position:absolute;left:-9999px;top:0;z-index:100;background:var(--macha-koyu);
  color:var(--kagit);padding:.75rem 1.25rem;border-radius:0 0 6px 0;font-size:.9rem}
.atla:focus{left:0}
:focus-visible{outline:2px solid var(--macha-metin);outline-offset:3px;border-radius:2px}

.kap{max-width:var(--en);margin-inline:auto;padding-inline:var(--kenar)}
.bolum{padding-block:clamp(4.5rem,9vw,8.5rem)}

/* — küçük tipografik parçalar — */
.etiket{font:600 .72rem/1 var(--govde);letter-spacing:.2em;text-transform:uppercase;
  color:var(--macha-metin);display:flex;align-items:center;gap:.7rem}
.etiket::before{content:"";width:26px;height:1px;background:var(--macha);flex:none}
.etiket--koyu{color:var(--macha-acik)}
.etiket--koyu::before{background:var(--macha-acik)}
.olcu{max-width:62ch}
.soluk{color:var(--soluk)}

h2.bolum-basligi{font-size:clamp(1.9rem,1.2rem + 2.5vw,3.15rem);margin-top:1.1rem}
h2.bolum-basligi em{font-style:italic;font-variation-settings:"opsz" 144,"SOFT" 40,"WONK" 1}

/* — düğmeler — */
.dugme{
  display:inline-flex;align-items:center;justify-content:center;gap:.55rem;
  background:var(--macha-koyu);color:var(--kagit);
  font:600 .95rem/1 var(--govde);letter-spacing:.01em;
  padding:1.05rem 1.7rem;border:1px solid var(--macha-koyu);border-radius:999px;
  text-decoration:none;position:relative;overflow:hidden;isolation:isolate;
  transition:color .4s var(--yay),border-color .4s var(--yay);
}
.dugme::after{content:"";position:absolute;inset:0;z-index:-1;background:var(--gul);
  transform:translateY(101%);transition:transform .5s var(--yay)}
.dugme:hover{color:var(--murekkep);border-color:var(--gul)}
.dugme:hover::after{transform:translateY(0)}
.dugme--cizgi{background:transparent;color:var(--murekkep);border-color:var(--cizgi)}
.dugme--cizgi:hover{border-color:var(--gul)}
.dugme--kucuk{padding:.7rem 1.2rem;font-size:.85rem}

.bag-ok{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;
  font:600 .95rem/1 var(--govde);color:var(--macha-metin);padding-block:.35rem;
  border-bottom:1px solid var(--macha-acik);transition:border-color .35s var(--yay),color .35s var(--yay)}
.bag-ok:hover{color:var(--gul-metin);border-color:var(--gul)}
.bag-ok svg{width:15px;height:15px;transition:transform .4s var(--yay)}
.bag-ok:hover svg{transform:translateX(4px)}

/* ————————————————— üst bar ————————————————— */
.ust{position:sticky;top:0;z-index:50;background:transparent;
  transition:background .4s var(--yay),border-color .4s var(--yay);
  border-bottom:1px solid transparent}
.ust.kaydi{background:rgba(247,245,239,.88);backdrop-filter:blur(14px) saturate(1.4);
  -webkit-backdrop-filter:blur(14px) saturate(1.4);border-bottom-color:var(--cizgi)}
.ust-ic{display:flex;align-items:center;gap:2rem;min-height:76px}
/* Amblem + isim ayrı duruyor. Paketin yatay kilitlemesi kullanılmıştı ve
   orantısı bozuktu: 144 px'lik kilitlemede amblem 142 px, yazı 37 px. Üst
   barda amblem menü yazısının dört katına çıkıyor, kilitlemenin kendi yazısı
   ise menüden küçük kalıyordu. İsim gerçek yazı olunca oran buradan
   ayarlanabiliyor ve her boyutta net kalıyor. */
.marka{margin-right:auto;display:flex;align-items:center;gap:.5rem;
  text-decoration:none;min-width:0}
.marka img{height:30px;width:auto;display:block;flex:none}
.marka-ad{font:600 1.05rem/1 var(--baslik);color:var(--macha-koyu);
  white-space:nowrap;letter-spacing:.004em}
@media(max-width:820px){.marka-ad{font-size:1rem}}
@media(max-width:520px){.marka img{height:26px}.marka-ad{font-size:.94rem}}
@media(max-width:380px){.marka-ad{font-size:.86rem}}
.ust nav{display:flex;gap:1.85rem}
.ust nav a{text-decoration:none;font:500 .93rem/1 var(--govde);color:var(--murekkep);
  position:relative;padding-block:.4rem}
.ust nav a::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;
  background:var(--gul);transform:scaleX(0);transform-origin:right;transition:transform .4s var(--yay)}
.ust nav a:hover::after{transform:scaleX(1);transform-origin:left}
.ust nav a.yalniz-dar{display:none}
.menu-dugme{display:none;background:none;border:0;padding:.6rem;cursor:pointer;color:inherit}
.menu-dugme span{display:block;width:22px;height:1.5px;background:var(--murekkep);
  transition:transform .4s var(--yay),opacity .3s}
.menu-dugme span+span{margin-top:6px}
.ust[data-acik="1"] .menu-dugme span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
.ust[data-acik="1"] .menu-dugme span:nth-child(2){opacity:0}
.ust[data-acik="1"] .menu-dugme span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}

/* ————————————————— kahraman ————————————————— */
.kahraman{padding-top:clamp(2rem,5vw,4rem);padding-bottom:clamp(2.4rem,5vw,4.5rem);position:relative}
.kahraman::before{content:"";position:absolute;inset:0 0 auto;height:78%;
  background:radial-gradient(120% 90% at 78% 6%,rgba(200,216,191,.42),transparent 62%);
  pointer-events:none}
.kahraman-ic{display:grid;grid-template-columns:1fr;gap:clamp(2.6rem,5vw,4rem);
  align-items:center;position:relative}
@media(min-width:900px){.kahraman-ic{grid-template-columns:1.08fr .92fr}}
.kahraman h1{font-size:clamp(2.5rem,1.3rem + 4.2vw,4.35rem);margin:1.3rem 0 0;
  font-variation-settings:"opsz" 144,"SOFT" 30,"WONK" 1}
.kahraman h1 em{font-style:italic;color:var(--macha-metin);
  font-variation-settings:"opsz" 144,"SOFT" 60,"WONK" 1}
.kahraman .giris{margin-top:1.55rem;font-size:1.115rem;color:var(--soluk);max-width:46ch}
.eylemler{display:flex;flex-wrap:wrap;align-items:center;gap:1.1rem 1.6rem;margin-top:2.2rem}
.olgular{display:flex;flex-wrap:wrap;gap:.55rem 1.5rem;margin-top:2.6rem;
  padding-top:1.5rem;border-top:1px solid var(--cizgi)}
.olgular li{font:500 .855rem/1.5 var(--govde);color:var(--soluk);
  display:flex;align-items:center;gap:.55rem}
.olgular li::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--macha);flex:none}

.kahraman-gorsel{margin:0;position:relative;justify-self:center;width:min(100%,430px)}
.kahraman-gorsel img{width:100%;aspect-ratio:3/4;object-fit:cover;
  border-radius:var(--kemer);position:relative;z-index:1}

/* Hakkımda şeridindeki dikey portre — kemer çerçeve */
.hakkinda-portre{margin:0;position:relative;width:min(100%,340px);justify-self:center}
.hakkinda-portre img{width:100%;aspect-ratio:3/4;object-fit:cover;
  border-radius:var(--kemer);position:relative;z-index:1}

/* Arka planı alınmış kare için: kemerin kendisi matcha dolgulu bir ŞEKİL,
   Yaren onun içinde duruyor. `cover` kullanılamaz — şeffaf kare kırpılınca
   hem gövde kesilir hem arkasından bölüm zemini görünür, kemer boş bir
   çerçeveye döner. `contain` + alta hizalama figürü kemerin tabanına
   oturtuyor; alttaki düz kesim çerçeve sınırında kaldığı için kasıtlı
   duruyor (serbest duran kesimde aynı kesim "koparılmış" gibi görünüyordu,
   o yüzden orada maske geçişi gerekmişti). */
.hakkinda-portre--kesim{background:var(--macha-acik);border-radius:var(--kemer);
  overflow:hidden;aspect-ratio:3/4;display:flex;align-items:flex-end;
  justify-content:center}
/* %88: üç aday (96/88/80) gerçek boyutta yan yana kondu. %96'da baş kemerin
   tepesine yapışıyor, %80'de figür küçülüp kemer boşalıyor. %88'de başın
   üstünde ~54 px hava kalıyor, omuzlar çerçeveye oturuyor.
   Oran dosyadan sabit: `auto` bırakılınca görsel yüklenmeden genişlik 0'a
   düşüyor ve düzen yüklendiğinde sıçrıyordu. */
.hakkinda-portre--kesim img{width:auto;height:88%;aspect-ratio:680/1035;
  object-fit:contain;object-position:bottom;border-radius:0}
.kemer-golge{position:absolute;inset:0;border:1px solid var(--macha);opacity:.5;
  border-radius:var(--kemer);transform:translate(18px,18px)}

/* ————————————————— adımlar ————————————————— */
.adimlar{margin-top:clamp(2.5rem,5vw,4rem);position:relative}
.adimlar li{display:grid;grid-template-columns:auto 1fr;gap:clamp(1.2rem,3vw,3rem);
  padding-block:clamp(1.6rem,3vw,2.4rem);border-top:1px solid var(--cizgi);position:relative}
.adimlar li:last-child{border-bottom:1px solid var(--cizgi)}
.adim-no{font-family:var(--baslik);font-size:clamp(1.6rem,1rem + 1.6vw,2.3rem);
  color:var(--macha);font-variation-settings:"opsz" 144,"SOFT" 20,"WONK" 1;
  line-height:1;padding-top:.15em;min-width:2.2ch}
.adimlar h3{font-size:clamp(1.25rem,1rem + .7vw,1.6rem)}
.adimlar p{margin-top:.6rem;color:var(--soluk);max-width:58ch}
@media(min-width:820px){
  .adimlar li{grid-template-columns:auto minmax(0,22ch) minmax(0,1fr);align-items:baseline}
  .adimlar p{margin-top:0}
}

/* ————————————————— uygunluk ————————————————— */
.uygun{background:var(--yuzey)}
.uygun-ic{display:grid;gap:clamp(2.4rem,5vw,4.5rem);align-items:start}
@media(min-width:900px){.uygun-ic{grid-template-columns:1fr .82fr}}
.liste{margin-top:2rem}
.liste li{padding:.95rem 0 .95rem 2.1rem;border-bottom:1px solid var(--cizgi);position:relative}
.liste li::before{content:"";position:absolute;left:0;top:1.55rem;width:11px;height:1px;
  background:var(--macha)}
.not-kutu{background:var(--kagit);border:1px solid var(--cizgi);border-left:3px solid var(--gul);
  padding:clamp(1.6rem,3vw,2.2rem)}
.not-kutu h3{font-size:1.32rem;margin-bottom:.85rem}
.not-kutu p+p{margin-top:.9rem}
.not-kutu p{color:var(--soluk);font-size:.985rem}

/* ————————————————— koyu bölüm ————————————————— */
.koyu{background:var(--macha-koyu);color:var(--kagit)}
.koyu-ic{display:grid;gap:clamp(2.2rem,4vw,4rem)}
@media(min-width:900px){.koyu-ic{grid-template-columns:.9fr 1.1fr;align-items:center}}
.koyu h2{font-size:clamp(1.8rem,1.2rem + 2.2vw,2.9rem);margin-top:1.1rem}
.koyu p{color:rgba(247,245,239,.82);margin-top:1.25rem;max-width:52ch}
.alinti{font-family:var(--baslik);font-size:clamp(1.35rem,1rem + 1.4vw,2rem);line-height:1.32;
  font-style:italic;color:var(--kagit);border-left:1px solid var(--macha-acik);
  padding-left:clamp(1.2rem,3vw,2.2rem);font-variation-settings:"opsz" 144,"SOFT" 50,"WONK" 1}
.alinti span{display:block;font-family:var(--govde);font-style:normal;font-size:.85rem;
  font-weight:500;letter-spacing:.02em;color:var(--macha-acik);margin-top:1.2rem}
.koyu .bag-ok{color:var(--macha-acik);border-color:rgba(200,216,191,.4);margin-top:2rem}
.koyu .bag-ok:hover{color:var(--gul-soluk);border-color:var(--gul-soluk)}

/* ————————————————— tam genişlik bant — */
.bant{width:100%;overflow:hidden}
.bant img{width:100%;aspect-ratio:20/9;object-fit:cover}
@media(max-width:700px){.bant img{aspect-ratio:16/10}}

/* ————————————————— yazılar ————————————————— */
.yazi-ust{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;
  gap:1.5rem 2rem;margin-bottom:clamp(2.2rem,4vw,3.2rem)}
.kartlar{display:grid;gap:clamp(1.8rem,3vw,2.6rem);grid-template-columns:repeat(auto-fill,minmax(258px,1fr))}
.kart{text-decoration:none;display:block}
.kart-gorsel{overflow:hidden;border-radius:4px;background:var(--yuzey)}
.kart-gorsel img{aspect-ratio:4/3;object-fit:cover;width:100%;
  transition:transform 1.1s var(--yay),filter .6s var(--yay);filter:saturate(.92)}
.kart:hover .kart-gorsel img{transform:scale(1.045);filter:saturate(1)}
.kart-ust{display:flex;align-items:center;gap:.7rem;margin-top:1.15rem;
  font:600 .7rem/1 var(--govde);letter-spacing:.14em;text-transform:uppercase;color:var(--macha-metin)}
.kart-ust .ayrac{width:3px;height:3px;border-radius:50%;background:var(--cizgi)}
.kart-ust .kaynak-sayi{color:var(--soluk);letter-spacing:.06em}
.kart h3{font-size:1.28rem;margin-top:.7rem;line-height:1.24}
.kart:hover h3{text-decoration:underline;text-decoration-color:var(--gul);
  text-underline-offset:5px;text-decoration-thickness:1px}
.kart p{margin-top:.6rem;color:var(--soluk);font-size:.95rem}

/* ————————————————— hakkımda şerit ————————————————— */
.hakkinda-ic{display:grid;gap:clamp(2.2rem,5vw,4.5rem);align-items:center}
@media(min-width:860px){.hakkinda-ic{grid-template-columns:.72fr 1fr}}
.imza{font-family:var(--baslik);font-style:italic;font-size:1.5rem;color:var(--macha-metin);
  margin-top:1.8rem;font-variation-settings:"opsz" 144,"SOFT" 70,"WONK" 1}

/* ————————————————— kapanış ————————————————— */
.kapanis{background:var(--gul-soluk);text-align:center;position:relative;overflow:hidden}
.kapanis::before{content:"";position:absolute;left:50%;top:-42%;width:min(78vw,640px);
  aspect-ratio:1;transform:translateX(-50%);border:1px solid rgba(46,64,52,.14);
  border-radius:50%;pointer-events:none}
.kapanis-ic{position:relative;max-width:620px;margin-inline:auto}
.kapanis h2{font-size:clamp(2rem,1.3rem + 2.6vw,3.3rem);margin-top:1.2rem}
.kapanis .etiket{justify-content:center}
.kapanis p{margin-top:1.3rem;color:#4A4F49}
.kapanis .eylemler{justify-content:center;margin-top:2.3rem}
.kapanis .ince{margin-top:1.7rem;font-size:.85rem;color:#5A5F58}

/* ————————————————— alt bilgi ————————————————— */
.alt{background:var(--macha-koyu);color:rgba(247,245,239,.76);
  padding-block:clamp(3.5rem,6vw,5rem);font-size:.925rem}
.alt-izgara{display:grid;gap:2.4rem 2rem;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}
.alt h4{font:600 .72rem/1 var(--govde);letter-spacing:.18em;text-transform:uppercase;
  color:var(--macha-acik);margin-bottom:1.15rem}
.alt a{color:rgba(247,245,239,.86);text-decoration:none;
  border-bottom:1px solid transparent;transition:border-color .3s,color .3s}
.alt a:hover{color:var(--gul-soluk);border-bottom-color:var(--gul-soluk)}
.alt li+li{margin-top:.62rem}
.alt .marka-alt{display:flex;align-items:center;gap:.55rem;margin:0 0 .55rem}
.alt .marka-alt img{height:34px;width:auto;display:block;flex:none}
.alt .marka-alt span{font:600 1.12rem/1 var(--baslik);color:var(--kagit)}
.alt-son{margin-top:clamp(2.6rem,5vw,3.6rem);padding-top:1.7rem;
  border-top:1px solid rgba(200,216,191,.22);display:flex;flex-wrap:wrap;
  gap:.8rem 2rem;justify-content:space-between;font-size:.83rem;color:rgba(247,245,239,.58)}
.yasal-not{margin-top:clamp(2rem,4vw,2.8rem);font-size:.82rem;color:rgba(247,245,239,.55);max-width:70ch}

/* ————————————————— hareket ————————————————— */
.bel{opacity:0;transform:translateY(20px);filter:blur(7px);
  transition:opacity .95s var(--yay),transform .95s var(--yay),filter .95s var(--yay);
  transition-delay:var(--gecikme,0ms)}
.bel.gorundu{opacity:1;transform:none;filter:none}

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

/* ————————————————— dar ekran ————————————————— */
@media(max-width:820px){
  .menu-dugme{display:block;order:3}
  .ust nav a.yalniz-dar{display:block}
  .ust .dugme--kucuk{display:none}
  .ust nav{position:fixed;inset:76px 0 auto;background:var(--kagit);flex-direction:column;
    gap:0;padding:1rem var(--kenar) 2rem;border-bottom:1px solid var(--cizgi);
    transform:translateY(-8px);opacity:0;visibility:hidden;
    transition:opacity .35s var(--yay),transform .35s var(--yay),visibility .35s}
  .ust[data-acik="1"] nav{opacity:1;visibility:visible;transform:none}
  .ust nav a{padding-block:1rem;border-bottom:1px solid var(--cizgi);font-size:1.05rem}
  .ust nav a::after{display:none}
}
@media(max-width:520px){
  .eylemler .dugme{width:100%}
}

/* ============================================================
   İç sayfalar — sayfa başı, düz metin, hizmetler, SSS, form, yazı
   ============================================================ */

.sayfa-basi{padding-top:clamp(2.6rem,6vw,5rem);padding-bottom:clamp(1.8rem,4vw,3rem);
  position:relative}
.sayfa-basi::before{content:"";position:absolute;inset:0;
  background:radial-gradient(90% 120% at 12% 0%,rgba(200,216,191,.34),transparent 60%);
  pointer-events:none}
.sayfa-basi>.kap{position:relative}
.sayfa-basi h1{font-size:clamp(2.1rem,1.3rem + 3.1vw,3.7rem);margin-top:1.15rem;
  font-variation-settings:"opsz" 144,"SOFT" 30,"WONK" 1;max-width:19ch}
.sayfa-basi h1 em{font-style:italic;color:var(--macha-metin);
  font-variation-settings:"opsz" 144,"SOFT" 60,"WONK" 1}
.sayfa-giris{margin-top:1.35rem;font-size:1.09rem;color:var(--soluk);max-width:54ch}
.sayfa-giris a{color:var(--macha-metin);text-decoration:underline;
  text-underline-offset:3px;text-decoration-color:var(--macha-acik)}
.sayfa-giris a:hover{text-decoration-color:var(--gul)}
.bolum--ust0{padding-top:0}

/* — düz metin bloğu — */
.metin{max-width:66ch}
.metin--dar{max-width:56ch;margin-top:1.4rem}
.metin h2{font-size:clamp(1.5rem,1.15rem + 1.2vw,2.1rem);margin-top:2.6rem}
.metin h2:first-child{margin-top:0}
.metin h3{font-size:1.24rem;margin-top:1.9rem}
.metin p{margin-top:1.05rem}
.metin p:first-child{margin-top:0}
.metin a{color:var(--macha-metin);text-decoration:underline;text-underline-offset:3px;
  text-decoration-color:var(--macha-acik);transition:text-decoration-color .3s}
.metin a:hover{text-decoration-color:var(--gul)}
.metin blockquote{margin:2rem 0 0;padding:1.15rem 0 1.15rem 1.5rem;
  border-left:2px solid var(--macha-acik);font-family:var(--baslik);
  font-size:1.22rem;line-height:1.45;font-style:italic;color:var(--macha-koyu);
  font-variation-settings:"opsz" 144,"SOFT" 50,"WONK" 1}
.metin ul,.metin ol{margin-top:1.15rem}
.metin ul li,.metin ol li{position:relative;padding-left:1.5rem;margin-top:.6rem}
.metin ul li::before{content:"";position:absolute;left:0;top:.75em;width:9px;height:1px;
  background:var(--macha)}
.metin ol{counter-reset:sira}
.metin ol li{counter-increment:sira;padding-left:1.9rem}
.metin ol li::before{content:counter(sira) ".";position:absolute;left:0;top:0;
  font-family:var(--baslik);color:var(--macha-metin);font-size:1.02em}
.ul.isaretli,.isaretli{margin-top:1.1rem}
.isaretli li{position:relative;padding-left:1.5rem;margin-top:.6rem;color:var(--soluk)}
.isaretli li::before{content:"";position:absolute;left:0;top:.72em;width:9px;height:1px;
  background:var(--macha)}
.ince-not{margin-top:2.4rem;padding-top:1.4rem;border-top:1px solid var(--cizgi);
  font-size:.9rem;color:var(--soluk)}

/* — tablo (yazı içinde) — */
.tablo-kap{overflow-x:auto;margin-top:1.6rem;border:1px solid var(--cizgi)}
.tablo-kap table{border-collapse:collapse;width:100%;min-width:34rem;font-size:.95rem}
.tablo-kap th,.tablo-kap td{padding:.85rem 1rem;text-align:left;
  border-bottom:1px solid var(--cizgi)}
.tablo-kap th{background:var(--yuzey);font:600 .78rem/1.3 var(--govde);
  letter-spacing:.08em;text-transform:uppercase;color:var(--macha-metin)}
.tablo-kap tr:last-child td{border-bottom:0}

/* — hizmetler — */
.hizmet-grup{padding-top:clamp(2rem,4vw,3rem);margin-top:clamp(2rem,4vw,3rem);
  border-top:1px solid var(--cizgi)}
.hizmet-grup:first-child{border-top:0;margin-top:0;padding-top:0}
.hizmet-grup h2{font-size:clamp(1.5rem,1.15rem + 1.2vw,2.1rem)}
.grup-not{margin-top:1rem;max-width:62ch;font-size:.95rem;color:var(--soluk);
  padding-left:1rem;border-left:2px solid var(--gul)}
.hizmet-liste{margin-top:1.8rem;display:grid;gap:1.5rem 2.4rem;
  grid-template-columns:repeat(auto-fit,minmax(255px,1fr))}
.hizmet-liste li{padding-top:1rem;border-top:1px solid var(--cizgi)}
.hizmet-liste h3{font-size:1.14rem;line-height:1.3}
.hizmet-liste p{margin-top:.5rem;font-size:.95rem;color:var(--soluk)}

/* — sık sorulanlar — */
.sss{margin-top:clamp(1.6rem,3vw,2.4rem);max-width:74ch}
.sss-oge{border-top:1px solid var(--cizgi)}
.sss-oge:last-child{border-bottom:1px solid var(--cizgi)}
.sss-oge summary{cursor:pointer;list-style:none;padding:1.25rem 2.5rem 1.25rem 0;
  position:relative;font:600 1.06rem/1.45 var(--govde)}
.sss-oge summary::-webkit-details-marker{display:none}
.sss-oge summary::after{content:"";position:absolute;right:.4rem;top:1.65rem;
  width:11px;height:11px;border-right:1.5px solid var(--macha);
  border-bottom:1.5px solid var(--macha);transform:rotate(45deg);
  transition:transform .35s var(--yay)}
.sss-oge[open] summary::after{transform:rotate(225deg);top:1.9rem}
.sss-oge summary:hover{color:var(--macha-metin)}
.sss-cevap{padding:0 2.5rem 1.5rem 0;color:var(--soluk);max-width:64ch}

/* — başvuru formu — */
.form-kap{display:grid;gap:clamp(2.2rem,4vw,3.5rem);align-items:start}
@media(min-width:900px){.form-kap{grid-template-columns:1.35fr .65fr}}
.form{display:grid;gap:1.35rem;max-width:38rem}
.form-uyari{background:var(--gul-soluk);border-left:2px solid var(--gul);
  padding:1rem 1.15rem;font-size:.93rem;color:#4A4F49}
.alan{display:grid;gap:.5rem}
.alan label{font:600 .87rem/1.4 var(--govde);color:var(--macha-koyu)}
.zorunlu{color:var(--gul-metin)}
.alan input,.alan select,.alan textarea{
  font:400 1rem/1.5 var(--govde);color:var(--murekkep);
  background:var(--kagit);border:1px solid var(--cizgi);border-radius:3px;
  padding:.85rem .95rem;width:100%;
  transition:border-color .3s var(--yay),box-shadow .3s var(--yay)}
.alan textarea{resize:vertical;min-height:6.5rem}
.alan input:focus,.alan select:focus,.alan textarea:focus{outline:0;
  border-color:var(--macha);box-shadow:0 0 0 3px rgba(91,124,90,.16)}
.alan input::placeholder,.alan textarea::placeholder{color:#9A9E97}
.alan--onay{grid-template-columns:auto 1fr;align-items:start;gap:.75rem}
.alan--onay input{width:1.1rem;height:1.1rem;margin-top:.22rem;accent-color:var(--macha-koyu)}
.alan--onay label{font-weight:400;font-size:.93rem;color:var(--soluk);line-height:1.6}
.alan--onay a{color:var(--macha-metin);text-decoration:underline;text-underline-offset:3px}
.tuzak{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form button{justify-self:start;margin-top:.4rem}
.form-yan{background:var(--yuzey);padding:clamp(1.5rem,3vw,2rem);
  border:1px solid var(--cizgi)}
.form-yan h2{font-size:1.28rem}
.form-yan p{margin:.75rem 0 1.5rem;color:var(--soluk);font-size:.95rem}

/* — yazı sayfası — */
.yazi-basi{padding-top:clamp(2.6rem,6vw,5rem);padding-bottom:clamp(1.4rem,3vw,2.2rem)}
.yazi-basi h1{font-size:clamp(2rem,1.25rem + 2.9vw,3.4rem);margin-top:1rem;
  font-variation-settings:"opsz" 144,"SOFT" 30,"WONK" 1;max-width:22ch}
.yazi-ustbilgi{display:flex;align-items:center;gap:.75rem;
  font:600 .74rem/1 var(--govde);letter-spacing:.14em;text-transform:uppercase;
  color:var(--macha-metin)}
.yazi-ustbilgi .ayrac{width:3px;height:3px;border-radius:50%;background:var(--cizgi)}
.rozetler{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.6rem}
.rozetler li{font:500 .78rem/1 var(--govde);color:var(--soluk);
  border:1px solid var(--cizgi);border-radius:999px;padding:.45rem .85rem}
sup.atif{font-size:.62em;line-height:0;vertical-align:super}
sup.atif a{text-decoration:none;color:var(--macha-metin);font-weight:600;
  border-bottom:1px solid transparent}
sup.atif + sup.atif::before{content:",";color:var(--macha-metin)}
sup.atif a:hover{border-bottom-color:var(--gul)}

/* — kaynak künyeleri — */
.kaynaklar{margin-top:clamp(2.6rem,5vw,4rem);padding-top:clamp(1.8rem,3vw,2.4rem);
  border-top:1px solid var(--cizgi);max-width:74ch}
.kaynaklar h2{font-size:1.5rem}
.kaynak-listesi{margin-top:1.5rem}
.kaynak-listesi li{display:grid;grid-template-columns:2.2rem 1fr;gap:.4rem;
  padding:.95rem 0;border-bottom:1px solid var(--cizgi);font-size:.92rem;
  line-height:1.6;color:var(--soluk);scroll-margin-top:6rem}
.kaynak-listesi li:target{background:var(--gul-soluk);
  box-shadow:-.9rem 0 0 var(--gul-soluk),.9rem 0 0 var(--gul-soluk)}
.kaynak-no{font-family:var(--baslik);color:var(--macha-metin);font-size:1.02rem}
.kaynak-yazar{color:var(--murekkep);font-weight:600}
.kaynak-listesi em{font-style:italic;color:var(--murekkep)}
.kaynak-listesi a{color:var(--macha-metin);text-decoration:underline;
  text-underline-offset:3px;white-space:nowrap}
.kaynak-blok{padding-top:clamp(1.8rem,3vw,2.6rem);margin-top:clamp(1.8rem,3vw,2.6rem);
  border-top:1px solid var(--cizgi);max-width:74ch}
.kaynak-blok:first-child{border-top:0;margin-top:0;padding-top:0}
.kaynak-blok h2{font-size:1.34rem;line-height:1.3}
.kaynak-blok h2 a{text-decoration:none}
.kaynak-blok h2 a:hover{text-decoration:underline;text-decoration-color:var(--gul);
  text-underline-offset:5px}
.kaynak-blok .soluk{margin-top:.5rem;font-size:.85rem}

.bag-listesi{margin-top:2rem;display:grid;gap:.9rem;justify-items:start}

/* Hizmetler sayfası kapanışı — not kutusu + arka plansız portre */
.hizmet-kapanis{display:grid;gap:clamp(2rem,4vw,3.5rem);align-items:center;
  margin-top:clamp(2.5rem,5vw,4rem)}
@media(min-width:860px){.hizmet-kapanis{grid-template-columns:1fr .72fr}}
.hizmet-kapanis .not-kutu{max-width:52ch}
.kapanis-gorsel{margin:0;position:relative;width:min(100%,300px);justify-self:center}
.kapanis-gorsel img{width:100%;aspect-ratio:3/4;object-fit:cover;
  border-radius:var(--kemer);position:relative;z-index:1}