/* --- 1. KATMAN: yedek font metrikleri (EN ÜSTTE OLMALI — swap'te CLS koruması) --- */
@font-face{font-family:'Fraunces-fb';src:local('DejaVu Serif'),local('Georgia'),local('Times New Roman');size-adjust:103%;ascent-override:94%;descent-override:24%;line-gap-override:0%}
@font-face{font-family:'Bricolage-fb';src:local('DejaVu Sans'),local('Arial');size-adjust:96.6%;ascent-override:96%;descent-override:24%;line-gap-override:0%}
@font-face{font-family:'Inter-fb';src:local('DejaVu Sans'),local('Arial');size-adjust:94.1%;ascent-override:97%;descent-override:24%;line-gap-override:0%}

/* --- 2. KATMAN: gerçek fontlar (font-display:swap · PRELOAD YOK) --- */
@font-face{font-family:'Fraunces';font-weight:400 900;font-style:normal;font-display:swap;src:url(../fonts/fraunces-latinext.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-weight:400 900;font-style:normal;font-display:swap;src:url(../fonts/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:'Bricolage Grotesque';font-weight:400 800;font-style:normal;font-display:swap;src:url(../fonts/bricolage-latinext.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:'Bricolage Grotesque';font-weight:400 800;font-style:normal;font-display:swap;src:url(../fonts/bricolage-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:'Inter';font-weight:400 700;font-style:normal;font-display:swap;src:url(../fonts/inter-latinext.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:'Inter';font-weight:400 700;font-style:normal;font-display:swap;src:url(../fonts/inter-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{
  --krem:#FBF8F3; --ikincil:#EFE7DA; --kart:#FFFFFF; --hat:#E7DCCB;
  --tea:#477355; --tea-koyu:#2F5941; --tea-acik:#5B8C6E;
  --sandy:#E8955A;
  --metin:#2B2620; --metin2:#5A5248; --metin3:#7A7167;
  --disp:'Fraunces','Fraunces-fb',Georgia,serif;
  --sec:'Bricolage Grotesque','Bricolage-fb',Arial,sans-serif;
  --gov:'Inter','Inter-fb',Arial,sans-serif;
  --r-s:10px; --r-m:14px; --r-l:20px; --r-xl:26px;
  /* AJAN C — spacing 4/8/12/16/24/32/48/64 ölçeğine hizalandı (14→12, 22→24, 34→32, 52→48, 82→64) */
  --s1:8px; --s2:12px; --s3:24px; --s4:32px; --s5:48px; --s6:64px;
  /* AJAN C — gölge token sistemi (ad-hoc değer yok) + tek easing eğrisi */
  --shadow-sm:0 1px 2px rgba(43,38,32,.05),0 3px 10px rgba(43,38,32,.06);
  --shadow-md:0 1px 2px rgba(43,38,32,.05),0 4px 14px rgba(43,38,32,.07);
  --shadow-lg:0 4px 10px rgba(43,38,32,.07),0 14px 34px rgba(43,38,32,.13);
  --shadow-hero:0 6px 22px rgba(16,12,9,.24);          /* koyu zemin üstü (hero arama / bülten satırı) */
  --ease:cubic-bezier(.2,.8,.2,1);
  /* geriye uyum: eski adlar token'lara bağlandı (tüm kullanım yerleri tek kaynaktan) */
  --gol:var(--shadow-md);
  --gol-h:var(--shadow-lg);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--krem);color:var(--metin);font-family:var(--gov);font-size:17px;line-height:1.62;overflow-x:hidden}
img{max-width:100%;display:block}
h1,h2,h3,h4{margin:0;color:var(--metin);text-wrap:balance}
h1{font-family:var(--disp);font-weight:900;letter-spacing:-.012em;line-height:1.06}
h2{font-family:var(--disp);font-weight:900;letter-spacing:-.01em;line-height:1.12}
h3{font-family:var(--sec);font-weight:700;letter-spacing:-.008em;line-height:1.24}
.sec-kicker{font-family:var(--sec);font-weight:700;font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--tea)}
p{margin:0}
a{color:var(--tea);text-decoration:none}
button{font:inherit;color:inherit}
.ico{width:1em;height:1em;fill:none;flex:none}
.wrap{width:100%;max-width:1240px;margin:0 auto;padding:0 clamp(18px,3.4vw,34px)}
:focus-visible{outline:3px solid var(--tea-koyu);outline-offset:3px;border-radius:6px}
.skip{position:absolute;left:16px;top:-80px;z-index:300;background:var(--tea-koyu);color:#fff;padding:11px 18px;border-radius:var(--r-s);font-weight:600;transition:top .18s}
.skip:focus{top:14px}

/* MAST */
.mast{position:sticky;top:0;z-index:100;background:rgba(251,248,243,.94);border-bottom:1px solid var(--hat)}
.mast-in{display:flex;align-items:center;gap:clamp(14px,2vw,30px);min-height:70px;flex-wrap:nowrap;position:relative}
.brand{display:flex;align-items:center;gap:10px;min-height:44px;font-family:var(--sec);font-weight:800;font-size:21px;letter-spacing:-.02em;color:var(--metin);white-space:nowrap}
.brand svg:first-child{width:36px;height:36px;color:var(--tea-koyu);flex:none}
.nav{display:flex;align-items:center;gap:clamp(12px,1.5vw,26px);margin-left:auto;flex-wrap:nowrap;white-space:nowrap}
.nav a{color:var(--metin2);font-size:15px;font-weight:500;padding:10px 2px;position:relative;display:inline-flex;align-items:center;min-height:44px}
.nav a:hover{color:var(--tea)}
.nav a::after{content:"";position:absolute;left:0;right:100%;bottom:8px;height:2px;background:var(--tea-acik);transition:right .26s var(--ease)}
.nav a:hover::after{right:0}
.mast-cta{background:var(--tea);color:#fff;padding:0 20px;min-height:44px;display:inline-flex;align-items:center;border-radius:24px;font-weight:600;font-size:14.5px;white-space:nowrap;transition:background .2s var(--ease)}
.mast-cta:hover{background:var(--tea-koyu);color:#fff}
.menu-btn{display:none;margin-left:auto;background:transparent;border:1.5px solid var(--hat);border-radius:var(--r-s);width:46px;height:46px;align-items:center;justify-content:center;cursor:pointer;color:var(--metin)}
.menu-btn .ico{width:22px;height:22px}
.mnav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--krem);border-bottom:1px solid var(--hat);box-shadow:var(--gol);padding:8px clamp(18px,3.4vw,34px) 16px}
.mnav a{display:flex;align-items:center;min-height:48px;color:var(--metin2);font-weight:500;border-bottom:1px solid var(--hat)}
.mnav a:last-of-type{border-bottom:0}
.mnav .mast-cta{display:inline-flex;margin-top:10px}
.mnav.acik{display:block}
.no-js .mnav{display:block;position:static;box-shadow:none;border-bottom:0;padding-bottom:6px}
.no-js .menu-btn{display:none !important}

/* HERO — full-width görsel + katmanlı overlay + üstte tipografi
   POLISH: overlay hafifletildi (kedi görseli daha görünür); metin okunabilirliği
   text-shadow ile desteklendi. Ölçülen kontrastlar raporda. */
.hero{position:relative;isolation:isolate;min-height:clamp(500px,74vh,660px);display:flex;align-items:center;background:#241F1A;overflow:hidden}
.hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 38%;z-index:-2}
/* MOBİL (varsayılan): başlık tüm genişliği kapladığı için scrim dikey-baskın ve her yerde koyu.
   MASAÜSTÜ (≥900px): metin solda kaldığı için sol koyu tutulur, kedinin yüzünün olduğu sağ taraf
   belirgin şekilde HAFİFLETİLİR. Böylece "overlay hafiflet" isteği, kontrastı düşürmeden karşılanır. */
.hero::before{content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(180deg,rgba(18,14,11,.80) 0%,rgba(18,14,11,.72) 42%,rgba(18,14,11,.86) 100%)}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:none}
@media(min-width:900px){
  .hero::before{background:linear-gradient(96deg,rgba(20,16,13,.92) 0%,rgba(20,16,13,.90) 34%,rgba(20,16,13,.86) 50%,rgba(20,16,13,.48) 66%,rgba(20,16,13,.20) 84%,rgba(20,16,13,.08) 100%)}
  .hero::after{background:linear-gradient(180deg,rgba(20,16,13,.34) 0%,rgba(20,16,13,.08) 38%,rgba(20,16,13,.22) 100%)}
}
.hero-in{max-width:660px;padding:clamp(48px,7vh,90px) 0}
.hero-eyebrow{display:inline-flex;align-items:center;gap:9px;font-family:var(--sec);font-weight:700;font-size:12.5px;letter-spacing:.17em;text-transform:uppercase;color:#F2E3D2;margin-bottom:var(--s3);text-shadow:0 1px 6px rgba(16,12,9,.55)}
.hero-eyebrow .ico{width:17px;height:17px;color:var(--sandy)}
.hero h1{color:#fff;font-size:clamp(35px,4.9vw,62px);text-shadow:0 1px 3px rgba(16,12,9,.45),0 2px 20px rgba(16,12,9,.5);
  /* başlık metni uzasa da güvenli: taşma yok, tuhaf kırılma yok */
  overflow-wrap:break-word;hyphens:auto}
/* POLISH: sandy vurgu artık arka plandan bağımsız okunur */
.sandy-vurgu{color:var(--sandy);text-shadow:0 1px 2px rgba(16,12,9,.78),0 2px 10px rgba(16,12,9,.62),0 0 22px rgba(16,12,9,.45)}
.hero-lead{color:#EFE6DA;font-size:clamp(16.5px,1.35vw,19.5px);margin:var(--s3) 0 var(--s4);max-width:540px;text-shadow:0 1px 3px rgba(16,12,9,.5),0 1px 12px rgba(16,12,9,.42)}

/* ARAMA — davranışı korunur (kapsam dışı) */
.search{display:flex;align-items:center;gap:8px;background:#fff;border-radius:34px;padding:6px 6px 6px 18px;max-width:560px;box-shadow:var(--shadow-hero);transition:box-shadow .2s var(--ease)}
.search:focus-within{box-shadow:0 0 0 4px rgba(91,140,110,.55),var(--shadow-hero)}
.search .ico{width:20px;height:20px;color:var(--metin3)}
.search input{flex:1;min-width:0;border:0;background:transparent;outline:none;font:inherit;font-size:15.5px;color:var(--metin);min-height:44px}
.search input::placeholder{color:#8A8074;opacity:1}
.search button{background:var(--sandy);color:var(--metin);border:0;font-family:var(--sec);font-weight:700;font-size:14.5px;padding:0 22px;min-height:46px;border-radius:26px;cursor:pointer;white-space:nowrap;transition:transform .18s var(--ease),background .2s var(--ease)}
.search button:hover{background:#DF8748;transform:translateY(-1px)}

/* TÜR KARTLARI */
.turler{margin-top:calc(-1 * var(--s4));position:relative;z-index:2}
.tur-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.6vw,22px)}
.tur-card{position:relative;display:flex;flex-direction:column;background:var(--kart);border:1px solid var(--hat);border-radius:var(--r-l);overflow:hidden;box-shadow:var(--gol);transition:transform .28s var(--ease),box-shadow .28s var(--ease)}
.tur-card:hover,.tur-card:focus-within{transform:translateY(-5px);box-shadow:var(--gol-h)}
.tur-media{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--ikincil)}
.tur-media img{width:100%;height:100%;object-fit:cover;transition:transform .55s var(--ease)}
.tur-card:hover .tur-media img,.tur-card:focus-within .tur-media img{transform:scale(1.055)}
.tur-badge{position:absolute;left:14px;top:14px;display:inline-flex;align-items:center;gap:7px;background:rgba(251,248,243,.95);color:var(--tea-koyu);font-family:var(--sec);font-weight:700;font-size:13px;padding:7px 13px;border-radius:20px}
.tur-badge .ico{width:16px;height:16px;color:var(--tea)}
.tur-body{padding:var(--s3) var(--s3) calc(var(--s3) - 2px);display:flex;flex-direction:column;gap:8px;flex:1}
.tur-body h3{font-size:21px}
.tur-body p{color:var(--metin2);font-size:14.5px}
.tur-foot{margin-top:auto;padding-top:var(--s2);display:flex;align-items:center;justify-content:space-between;color:var(--tea);font-weight:600;font-size:13.5px}
.tur-foot .ico{width:19px;height:19px;transition:transform .25s var(--ease)}
.tur-card:hover .tur-foot .ico{transform:translateX(4px)}
.tur-body h3 a::after{content:"";position:absolute;inset:0}
.tur-body h3 a{color:inherit}

/* BÖLÜM BAŞLIĞI */
.sec{padding:var(--s6) 0}
.sec-head{margin-bottom:var(--s4);max-width:720px}
.sec-head h2{font-size:clamp(28px,3.3vw,42px);margin:10px 0 var(--s1)}
.sec-head p{color:var(--metin2);font-size:16.5px}

/* KEŞFET */
.tabs{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:var(--s4)}
.tab{display:inline-flex;align-items:center;gap:8px;background:var(--kart);border:1.5px solid var(--hat);color:var(--metin2);font-family:var(--sec);font-weight:600;font-size:14.5px;padding:0 18px;min-height:44px;border-radius:24px;cursor:pointer;transition:border-color .2s var(--ease),color .2s var(--ease)}
.tab .ico{width:17px;height:17px;color:var(--tea-acik)}
.tab:hover{border-color:var(--tea-acik);color:var(--metin)}
.tab[aria-selected="true"]{background:var(--tea-koyu);border-color:var(--tea-koyu);color:#fff}
.tab[aria-selected="true"] .ico{color:#F6C89A}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,1.8vw,24px)}
.card{position:relative;display:flex;flex-direction:column;background:var(--kart);border:1px solid var(--hat);border-radius:var(--r-l);overflow:hidden;box-shadow:var(--gol);transition:transform .28s var(--ease),box-shadow .28s var(--ease)}
.card:hover,.card:focus-within{transform:translateY(-5px);box-shadow:var(--gol-h)}
.card-media{aspect-ratio:16/10;overflow:hidden;background:var(--ikincil)}
.card-media img{width:100%;height:100%;object-fit:cover;transition:transform .55s var(--ease)}
.card:hover .card-media img,.card:focus-within .card-media img{transform:scale(1.055)}
.card-body{padding:var(--s3);display:flex;flex-direction:column;gap:10px;flex:1}
.chip{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;font-family:var(--sec);font-size:12px;font-weight:700;letter-spacing:.02em;padding:5px 12px;border-radius:14px;background:var(--tea);color:#fff}
.chip .ico{width:14px;height:14px}
.chip.warm{background:var(--sandy);color:var(--metin)}
.card-body h3{font-size:19.5px}
.card-body h3 a{color:inherit}
.card-body h3 a::after{content:"";position:absolute;inset:0}
.card-body p{color:var(--metin2);font-size:14.5px}
.card-foot{margin-top:auto;padding-top:var(--s2);border-top:1px solid var(--hat);display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--metin3)}
.card-foot .sure{display:inline-flex;align-items:center;gap:6px}
.card-foot .sure .ico{width:15px;height:15px;color:var(--tea-acik)}
.card-foot .ok{color:var(--tea);transition:transform .25s var(--ease)}
.card-foot .ok .ico{width:18px;height:18px}
.card:hover .card-foot .ok{transform:translateX(4px)}
.card.gizli{display:none}
.tur-basligi{display:none}
.no-js .tur-basligi{display:block;grid-column:1/-1;font-family:var(--sec);font-weight:700;font-size:18px;color:var(--tea-koyu);margin-top:var(--s2)}
.no-js .tabs{display:none}

/* BAKIM TAKVİMİ */
.bakim{background:var(--ikincil);border-top:1px solid var(--hat);border-bottom:1px solid var(--hat)}
.bakim-in{display:grid;grid-template-columns:minmax(260px,.85fr) 1.15fr;gap:clamp(24px,3vw,56px);align-items:center;padding:var(--s6) 0}
.bakim-yazi h2{font-size:clamp(26px,2.7vw,34px);margin:10px 0 var(--s2)}
.bakim-yazi p{color:var(--metin2);font-size:16px;margin-bottom:var(--s3)}
.yakinda{display:inline-flex;align-items:center;gap:7px;background:var(--sandy);color:var(--metin);font-family:var(--sec);font-weight:700;font-size:12.5px;letter-spacing:.04em;padding:6px 14px;border-radius:16px}
.panel{background:var(--kart);border:1px solid var(--hat);border-radius:var(--r-xl);padding:var(--s3);box-shadow:var(--gol)}
.panel-head{display:flex;align-items:center;justify-content:space-between;padding:0 6px var(--s2);border-bottom:1px solid var(--hat);margin-bottom:6px}
.panel-head span{font-family:var(--sec);font-weight:700;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--metin3)}
.gorev{display:flex;align-items:center;gap:14px;padding:13px 6px;border-bottom:1px solid #F1E9DC;min-height:48px}
.gorev:last-child{border-bottom:0}
.gorev-ico{width:38px;height:38px;flex:none;border-radius:11px;background:#F2F6F3;color:var(--tea);display:flex;align-items:center;justify-content:center}
.gorev-ico .ico{width:19px;height:19px}
.gorev-metin{min-width:0}
.gorev-ad{font-weight:600;font-size:15.4px;display:block}
.gorev-alt{font-size:13px;color:var(--metin3);display:block}
.gorev-sik{margin-left:auto;font-family:var(--sec);font-weight:600;font-size:12.5px;color:var(--tea);background:#EEF4F0;border-radius:13px;padding:5px 11px;white-space:nowrap}

/* DERİNLEMESİNE */
.satir{position:relative;display:grid;grid-template-columns:220px 1fr auto;align-items:center;gap:var(--s3);background:var(--kart);border:1px solid var(--hat);border-radius:var(--r-l);overflow:hidden;margin-bottom:var(--s2);box-shadow:var(--gol);transition:transform .26s var(--ease),box-shadow .26s var(--ease)}
.satir:hover,.satir:focus-within{transform:translateY(-3px);box-shadow:var(--gol-h)}
.satir-media{aspect-ratio:16/10;overflow:hidden;background:var(--ikincil);height:100%}
.satir-media img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}
.satir:hover .satir-media img{transform:scale(1.05)}
.satir-body{padding:var(--s3) 0;display:flex;flex-direction:column;gap:9px;min-width:0}
.satir-body h3{font-size:20.5px}
.satir-body h3 a{color:inherit}
.satir-body h3 a::after{content:"";position:absolute;inset:0}
.satir-body p{color:var(--metin2);font-size:14.5px}
.satir-ok{padding-right:var(--s3);color:var(--tea);display:flex;align-items:center;transition:transform .25s var(--ease)}
.satir-ok .ico{width:22px;height:22px}
.satir:hover .satir-ok{transform:translateX(5px)}

.not{display:flex;gap:12px;align-items:flex-start;background:#F4F8F5;border:1px solid #DDE9E1;border-left:3px solid var(--tea-acik);border-radius:var(--r-m);padding:14px 16px;margin-top:var(--s4);max-width:760px}
.not .ico{width:19px;height:19px;color:var(--tea);margin-top:2px}
.not p{font-size:14.6px;color:var(--metin2)}
.not b{color:var(--metin);font-family:var(--sec)}

/* REVEAL — 'translate' bağımsız özelliği; hover lift 'transform' kullanır (çakışma yok) */
.js .reveal{opacity:0;translate:0 16px;transition:opacity .6s var(--ease),translate .6s var(--ease)}
.js .reveal.gorunur{opacity:1;translate:0 0}

/* FOOTER */
footer{background:var(--metin);color:#CFC7BB;padding:var(--s6) 0 var(--s4);font-size:14.5px}
.f-grid{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:var(--s4)}
.f-brand{display:flex;align-items:center;gap:10px;font-family:var(--sec);font-weight:800;font-size:20px;color:#fff;margin-bottom:var(--s2)}
.f-brand svg:first-child{width:34px;height:34px;color:#F6C89A}
footer h4{font-family:var(--sec);color:#fff;font-size:15.5px;margin-bottom:var(--s2)}
footer a{color:#BDB3A6;display:inline-flex;min-height:44px;align-items:center}
footer a:hover{color:#F6C89A}
.f-alt{margin-top:var(--s5);padding-top:var(--s3);border-top:1px solid #3D372F;color:#9A9184;font-size:13px}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none !important;transition:none !important}
  .js .reveal{opacity:1 !important;translate:none !important;transform:none !important}
  .tur-card:hover,.card:hover,.satir:hover{transform:none !important}
  .tur-card:hover .tur-media img,.card:hover .card-media img,.satir:hover .satir-media img{transform:none !important}
}

@media(max-width:1180px){
  .nav,.mast-in > .mast-cta{display:none}
  .menu-btn{display:inline-flex}
}
@media(min-width:1181px){ .mnav{display:none !important} }
@media(max-width:980px){
  .grid{grid-template-columns:repeat(2,1fr)}
  .tur-grid{grid-template-columns:repeat(2,1fr)}
  .bakim-in{grid-template-columns:1fr}
  .f-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .satir{grid-template-columns:1fr}
  .satir-media{aspect-ratio:16/9}
  .satir-body{padding:var(--s3)}
  .satir-ok{display:none}
}
@media(max-width:640px){
  body{font-size:16.5px}
  .hero{min-height:470px}
  .hero-in{padding:var(--s5) 0 var(--s4)}
  /* Başlık metnine bağlı HİÇBİR kilit yok: ne zorunlu satır kırma (display:block) ne de satır rezervi.
     CLS, Fraunces-fb size-adjust:103% ile çözüldü — 360→1920 arasında webfont ve yedek font
     AYNI satır sayısını üretiyor, dolayısıyla swap anında yeniden sarma (ve kayma) olmuyor.
     Başlık uzarsa doğal sarar; taşma/tuhaf kırılma overflow-wrap + hyphens ile engellenir. */
  .hero h1{font-size:clamp(28px,7.2vw,34px)}
  .hero-lead{margin:var(--s2) 0 var(--s3)}
  .search{max-width:100%;padding:5px 5px 5px 14px}
  .search button{padding:0 16px}
  .grid,.tur-grid{grid-template-columns:1fr}
  .turler{margin-top:calc(-1 * var(--s3))}
  .sec{padding:var(--s5) 0}
  .f-grid{grid-template-columns:1fr}
  /* POLISH: bakım paneli mobilde dikeyde kompakt (satır ≥48px dokunma yüksekliği korunur) */
  .bakim-in{padding:var(--s5) 0}
  .panel{padding:14px;border-radius:var(--r-l)}
  .panel-head{padding:0 2px 10px}
  .gorev{padding:8px 2px;gap:11px;min-height:48px}
  .gorev-ico{width:34px;height:34px;border-radius:9px}
  .gorev-ico .ico{width:17px;height:17px}
  .gorev-ad{font-size:14.8px;line-height:1.35}
  .gorev-alt{font-size:12.5px;line-height:1.3}
  .gorev-sik{font-size:11.8px;padding:4px 9px;border-radius:11px}
}

/* ==================== AJAN B: FORM ENTEGRASYONU ====================
   Ajan A'nın kurallarına dokunulmadı; bu blok yalnız EKLER. */

/* --- Arama anlık sonuç paneli --- */
.search{position:relative}
.arama-panel{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:40;background:#fff;border:1px solid var(--hat);border-radius:var(--r-l);box-shadow:var(--gol-h);padding:6px;max-height:min(64vh,420px);overflow:auto}
.arama-panel[hidden]{display:none}
.arama-op{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:var(--r-m);color:var(--metin);min-height:48px}
.arama-op:hover,.arama-op:focus,.arama-op[aria-selected="true"]{background:#F2F6F3;outline:none}
.arama-op .ico{width:18px;height:18px;color:var(--tea-acik);flex:none}
.arama-op b{font-family:var(--sec);font-weight:600;font-size:15px;line-height:1.25;color:var(--metin)}
.arama-op .op-tur{font-size:12px;color:var(--tea);font-weight:600}
.arama-durum{display:flex;align-items:center;gap:9px;padding:14px 12px;color:var(--metin2);font-size:14.5px}
.arama-tumu{display:flex;align-items:center;gap:8px;padding:11px 12px;color:var(--tea);font-weight:600;font-size:14px;border-top:1px solid var(--hat);margin-top:4px;min-height:44px}
.arama-tumu .ico{width:16px;height:16px}

/* --- Bülten formu --- */
.bulten{display:grid;grid-template-columns:1fr minmax(320px,440px);gap:clamp(20px,3vw,48px);align-items:center;padding:0 0 var(--s5);margin-bottom:var(--s5);border-bottom:1px solid #3D372F}
.bulten-yazi h4{font-family:var(--sec);color:#fff;font-size:19px;margin-bottom:6px}
.bulten-yazi p{color:#A79E92;font-size:14.5px;max-width:360px}
.bulten-form{width:100%}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.bulten-satir{display:flex;gap:8px;background:#fff;border-radius:30px;padding:5px 5px 5px 6px}
.bulten-satir input[type=email]{flex:1;min-width:0;border:0;background:transparent;outline:none;font:inherit;font-size:15px;color:var(--metin);padding:0 12px;min-height:46px;border-radius:26px}
.bulten-satir:focus-within{box-shadow:0 0 0 3px rgba(91,140,110,.55)}
.bulten-satir button{background:var(--sandy);color:var(--metin);border:0;font-family:var(--sec);font-weight:700;font-size:14.5px;padding:0 22px;min-height:46px;border-radius:26px;cursor:pointer;white-space:nowrap;transition:transform .18s var(--ease),background .2s var(--ease)}
.bulten-satir button:hover{background:#DF8748;transform:translateY(-1px)}
.bulten-satir button:disabled{opacity:.6;cursor:default;transform:none}
.bulten-durum{min-height:20px;margin-top:10px;font-size:13.5px;color:#CFC7BB}
.bulten-durum.ok{color:#9AD9B0}
.bulten-durum.err{color:#F0A98A}
.bulten.tamam .bulten-satir{display:none}
.bulten.tamam .bulten-durum{font-size:15px;margin-top:0}
@media(max-width:760px){ .bulten{grid-template-columns:1fr} }

/* ==================== AJAN C: GÖRSEL POLISH ====================
   Kilitler: form action/method/nonce/honeypot/JS-logic DOKUNULMADI.
   Yalnız CSS + featured-kart class'ı + footer başlık ikonları. */

/* --- CTA belirginliği (fonksiyon aynı; hover/focus/active state) --- */
:root{--shadow-cta:0 3px 12px rgba(232,149,90,.38)}
.mast-cta:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}
.mast-cta,.search button,.bulten-satir button{transition:transform .18s var(--ease),background .2s var(--ease),box-shadow .2s var(--ease)}
.search button:hover,.bulten-satir button:hover{box-shadow:var(--shadow-cta)}
.mast-cta:active,.search button:active,.bulten-satir button:active,.tab:active{transform:translateY(0);box-shadow:none}

/* --- Featured kart: masonry'de görsel öncelik (gölge + üst aksan; layout aynı) --- */
.card--featured{box-shadow:var(--shadow-lg);border-color:#DCCFB8}
.card--featured::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;z-index:1;background:linear-gradient(90deg,var(--tea) 0%,var(--tea-acik) 60%,transparent 100%)}
.card--featured .card-body h3{font-size:21px}

/* --- Arama sonuç paneli: seçim aksanı + ritim --- */
.arama-op{transition:background .18s var(--ease),box-shadow .18s var(--ease)}
.arama-op:hover,.arama-op:focus,.arama-op[aria-selected="true"]{box-shadow:inset 3px 0 0 var(--tea-acik)}
.arama-durum::before{content:"";flex:none;width:17px;height:17px;background:var(--metin3);
  -webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2"><circle cx="12" cy="12" r="9"/><path d="M12 8h.01M12 11v5" stroke-linecap="round"/></svg>') center/contain no-repeat;
  mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2"><circle cx="12" cy="12" r="9"/><path d="M12 8h.01M12 11v5" stroke-linecap="round"/></svg>') center/contain no-repeat}

/* --- Bülten durum mesajları: ikonlu, Pedmar estetiği (class adları JS ile aynı) --- */
.bulten-durum{display:flex;align-items:center;gap:8px}
.bulten-durum.ok::before,.bulten-durum.err::before{content:"";flex:none;width:16px;height:16px;
  -webkit-mask:var(--durum-ikon) center/contain no-repeat;mask:var(--durum-ikon) center/contain no-repeat;background:currentColor}
.bulten-durum.ok{--durum-ikon:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2.4"><path d="m5 12.6 4.4 4.2L19 6.8" stroke-linecap="round" stroke-linejoin="round"/></svg>')}
.bulten-durum.err{--durum-ikon:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2.2"><circle cx="12" cy="12" r="9"/><path d="M12 7.5v5.5M12 16.4h.01" stroke-linecap="round"/></svg>')}

/* --- Footer zenginleştirme: başlık ikonu + aksan çizgisi + link mikro-hareketi (href sabit) --- */
footer h4{display:flex;align-items:center;gap:8px}
footer h4 .ico{width:16px;height:16px;color:#F6C89A}
footer h4::after{content:"";flex:1 0 auto;max-width:26px;height:2px;background:rgba(246,200,154,.35);margin-left:2px;border-radius:2px}
footer nav a{transition:color .2s var(--ease),transform .2s var(--ease)}
footer nav a:hover{transform:translateX(3px)}
.f-brand svg:first-child{filter:none}
.f-alt{display:flex;align-items:center;gap:8px;flex-wrap:wrap}

/* --- Mobil spacing rafine (390): bölüm ritmi nefes alsın --- */
@media(max-width:640px){
  .turler + .sec{padding-top:var(--s5)}
  .sec-head{margin-bottom:var(--s3)}
  .bulten{padding-bottom:var(--s4);margin-bottom:var(--s4)}
  .bulten-yazi p{margin-bottom:var(--s2)}
}
/* ==================== AJAN E: ARŞİV + NAV (mevcut token'larla, yeni dil YOK) ==================== */

/* Arşiv başlık bandı — sec-kicker/h2 tipografi ölçeği aynen */
.arsiv-bas{background:var(--ikincil);border-bottom:1px solid var(--hat);padding:var(--s5) 0 var(--s4)}
.arsiv-bas .sec-kicker{display:inline-flex;align-items:center;gap:8px}
.arsiv-bas .sec-kicker .ico{width:15px;height:15px;color:var(--tea)}
.arsiv-bas h1{font-family:var(--disp);font-weight:900;letter-spacing:-.01em;font-size:clamp(30px,3.6vw,44px);margin:10px 0 var(--s1)}
.arsiv-alt{color:var(--metin2);font-size:16px;max-width:720px}
.arsiv-say{display:inline-block;margin-left:8px;font-family:var(--sec);font-weight:700;font-size:12.5px;color:var(--tea);background:#EEF4F0;border-radius:13px;padding:4px 11px;vertical-align:middle}
.arsiv-bas .tabs{margin:var(--s3) 0 0}

/* Link-tab (Rehberler filtre) — button .tab görsel diliyle birebir */
.tabs--link .tab{text-decoration:none}
.tab[aria-current="true"]{background:var(--tea-koyu);border-color:var(--tea-koyu);color:#fff}

/* Empty state — .not bileşeni ailesi */
.bos-durum{display:flex;gap:14px;align-items:flex-start;background:#F4F8F5;border:1px solid #DDE9E1;border-left:3px solid var(--tea-acik);border-radius:var(--r-m);padding:var(--s3);max-width:640px}
.bos-durum .ico{width:22px;height:22px;color:var(--tea);margin-top:2px}
.bos-baslik{font-family:var(--sec);font-weight:700;font-size:16.5px;color:var(--metin)}
.bos-alt{color:var(--metin2);font-size:14.5px;margin-top:4px}

/* Sayfalama — chip/tab dili */
.sayfalama{margin-top:var(--s4)}
.sayfalama ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.sayfalama .page-numbers{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:22px;border:1.5px solid var(--hat);background:var(--kart);color:var(--metin2);font-family:var(--sec);font-weight:600;font-size:14.5px;transition:border-color .2s var(--ease),color .2s var(--ease)}
.sayfalama a.page-numbers:hover{border-color:var(--tea-acik);color:var(--metin)}
.sayfalama .page-numbers.current{background:var(--tea-koyu);border-color:var(--tea-koyu);color:#fff}
.sayfalama .page-numbers.dots{border:0;background:transparent}

/* Arşiv gövdesi: featured kart arşivde tam-satır değil, grid'e uyar (mevcut .card--featured aynen) */
.arsiv-govde{padding-top:var(--s4)}
@media(max-width:640px){ .arsiv-bas{padding:var(--s4) 0 var(--s3)} }

/* Ajan E fix: arşiv başlığında arama (açık zemin varyantı) */
.arsiv-arama{margin-top:var(--s3);max-width:560px}
.arsiv-arama .search{box-shadow:var(--shadow-md);border:1px solid var(--hat)}
.arsiv-arama .search:focus-within{box-shadow:0 0 0 4px rgba(91,140,110,.35),var(--shadow-md)}

/* ==================== F-059 (2 minimal fix) ==================== */
/* A) Dropdown, tur kartlarinin (z:2) altinda kaliyordu: hero isolation:isolate + z-auto.
   Yalniz dropdown ACIKKEN hero stacking i yukselt (:has; desteksiz eski tarayicida onceki davranis). */
.hero:has(.arama-panel:not([hidden])){z-index:30;overflow:visible}  /* overflow:hidden paneli hero sinirinda kesiyordu */
.arsiv-bas{position:relative}
.arsiv-bas:has(.arama-panel:not([hidden])){z-index:30}

/* B) .satir-media aspect-ratio:16/10 + height:100 percent cakismasi: satir 170px e buyuyunce
   AR genislik 269px dayatip 220px grid kolonundan tasiyordu (metin gorsel ustune biniyordu).
   Masaustunde AR kaldir (genislik=kolon), mobil tek-kolonda AR gerekli oldugundan yeniden bildir. */
.satir-media{aspect-ratio:auto}
@media(max-width:760px){ .satir-media{aspect-ratio:16/9;height:auto} }

/* ==================== AJAN F: İÇERİK SAYFASI — Type A Editorial Minimal ==================== */

/* --- Makale hero (sakin, ferah) --- */
.makale-bas{background:var(--ikincil);border-bottom:1px solid var(--hat);padding:var(--s5) 0 var(--s4)}
.makale-bas-in{max-width:820px}
.makale-ust{display:flex;align-items:center;gap:10px;margin-bottom:var(--s2)}
.yeni-rozet{font-family:var(--sec);font-weight:700;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:var(--tea);border-radius:12px;padding:4px 10px}
.makale-baslik{font-size:clamp(30px,3.8vw,46px);line-height:1.1}
.makale-lede{color:var(--metin2);font-size:clamp(16.5px,1.3vw,19px);margin-top:var(--s2);max-width:66ch}
.makale-meta{display:flex;align-items:center;gap:var(--s2) var(--s3);flex-wrap:wrap;margin-top:var(--s3);color:var(--metin2);font-size:14px}
.mmeta-p{display:inline-flex;align-items:center;gap:6px}
.mmeta-p .ico{width:15px;height:15px;color:var(--tea-acik)}
.mmeta-g{color:var(--tea);font-weight:600}
.makale-eylem{display:inline-flex;align-items:center;gap:8px;margin-left:auto}
.meylem{display:inline-flex;align-items:center;gap:7px;background:var(--kart);border:1.5px solid var(--hat);border-radius:20px;padding:0 14px;min-height:38px;font-family:var(--sec);font-weight:600;font-size:13px;color:var(--metin2);cursor:pointer;transition:border-color .2s var(--ease),color .2s var(--ease)}
.meylem:hover{border-color:var(--tea-acik);color:var(--metin)}
.meylem .ico{width:15px;height:15px;color:var(--tea)}
.meylem-durum{font-size:12.5px;color:var(--tea);font-weight:600}

/* --- Kapak görseli --- */
.makale-kapak{margin:var(--s4) auto 0;max-width:980px}
.makale-kapak img{width:100%;height:auto;border-radius:var(--r-l);box-shadow:var(--shadow-md)}

/* --- Gövde düzeni: içerik + koşullu TOC --- */
.makale-govde{padding:var(--s5) 0 var(--s4)}
.makale-govde.toc-var{display:grid;grid-template-columns:minmax(0,72ch) 240px;gap:var(--s5);justify-content:center}
.makale-govde:not(.toc-var) .prose{max-width:72ch;margin:0 auto}

/* --- TOC: masaüstü sticky, mobil açılır (details) — JS'siz de çalışır --- */
.toc{order:2}
.toc-mobil{position:sticky;top:90px;background:var(--kart);border:1px solid var(--hat);border-radius:var(--r-m);padding:6px 14px 12px;box-shadow:var(--shadow-sm)}
.toc-mobil summary{font-family:var(--sec);font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--metin3);padding:8px 0;cursor:pointer;list-style:none}
.toc-mobil summary::-webkit-details-marker{display:none}
.toc ol{list-style:none;margin:4px 0 0;padding:0}
.toc li{margin:0}
.toc a{display:block;padding:7px 8px;border-left:2px solid var(--hat);color:var(--metin2);font-size:13.5px;line-height:1.35;transition:color .2s var(--ease),border-color .2s var(--ease)}
.toc a:hover{color:var(--tea);border-left-color:var(--tea-acik)}

/* --- Sol okuma ilerleme çubuğu (KOŞULLU; fixed → CLS'e etkisiz; transform-only) --- */
.okuma-cubugu{position:fixed;left:0;top:0;bottom:0;width:4px;background:rgba(43,38,32,.06);z-index:90;pointer-events:none}
.okuma-cubugu span{display:block;width:100%;height:100%;background:linear-gradient(180deg,var(--tea),var(--tea-acik));transform:scaleY(0);transform-origin:top;transition:transform .12s linear}
.no-js .okuma-cubugu{display:none}   /* progressive enhancement: JS yoksa çubuk yok, kritik değil */

/* --- PROSE tipografi (72ch ölçüsü; token ritmi) --- */
.prose{font-size:17.5px;line-height:1.75;color:var(--metin)}
.prose > *{margin:0 0 var(--s3)}
.prose p{margin-bottom:var(--s3)}
.prose h2{font-family:var(--disp);font-weight:900;font-size:clamp(23px,2.4vw,29px);line-height:1.2;margin:var(--s5) 0 var(--s2);display:flex;align-items:baseline;gap:10px}
.prose h2::before{content:"\2726";font-size:.62em;color:var(--tea-acik);flex:none;transform:translateY(-2px)} /* ✦ — Type A DNA ayırıcısı */
.prose h3{font-family:var(--sec);font-weight:700;font-size:20px;margin:var(--s4) 0 var(--s2)}
.prose img{border-radius:var(--r-m);margin:var(--s4) auto;box-shadow:var(--shadow-sm)}
.prose figure{margin:var(--s4) 0}
.prose ul,.prose ol{padding-left:1.3em;margin-bottom:var(--s4)}
.prose li{margin-bottom:var(--s1)}
.prose table{width:100%;border-collapse:collapse;font-size:15px;margin-bottom:var(--s4)}
.prose a{color:var(--tea);text-decoration:underline;text-decoration-color:rgba(91,140,110,.4);text-underline-offset:3px}
.prose a:hover{text-decoration-color:var(--tea)}

/* --- Ritim blokları (pattern stilleri) --- */
.prose .pedmar-alinti{border-left:3px solid var(--sandy);background:var(--kart);border-radius:0 var(--r-m) var(--r-m) 0;padding:var(--s3) var(--s3) var(--s3) var(--s4);margin:var(--s4) 0;box-shadow:var(--shadow-sm)}
.prose .pedmar-alinti p{font-family:var(--disp);font-weight:600;font-size:19px;line-height:1.5;margin:0}
.prose .pedmar-alinti cite{display:block;margin-top:10px;font-family:var(--sec);font-style:normal;font-weight:600;font-size:13px;color:var(--metin3)}
.prose .pedmar-bilgi{background:#F4F8F5;border:1px solid #DDE9E1;border-left:3px solid var(--tea-acik);border-radius:var(--r-m);padding:var(--s3);margin:var(--s4) 0}
.prose .pedmar-bilgi p{margin:0;font-size:15.5px}
.prose .pedmar-tablo table{border:1px solid var(--hat);border-radius:var(--r-m);overflow:hidden}
.prose .pedmar-tablo th{background:var(--ikincil);font-family:var(--sec);font-weight:700;font-size:13.5px;text-align:left;padding:11px 14px}
.prose .pedmar-tablo td{padding:11px 14px;border-top:1px solid var(--hat)}
.prose .pedmar-checklist{list-style:none;padding:0}
.prose .pedmar-checklist li{position:relative;padding-left:30px;margin-bottom:var(--s2)}
.prose .pedmar-checklist li::before{content:"\2713";position:absolute;left:0;top:0;width:20px;height:20px;border-radius:50%;background:var(--tea);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}
.prose .pedmar-uzman{background:var(--kart);border:1px solid var(--hat);border-radius:var(--r-l);padding:var(--s3) var(--s4);margin:var(--s4) 0;box-shadow:var(--shadow-sm)}
.prose .pedmar-uzman-soz{font-size:16.5px;line-height:1.65;margin:0 0 var(--s2)}
.prose .pedmar-uzman-kim{margin:0;font-size:13.5px;color:var(--metin3)}
.prose .pedmar-uzman-kim strong{color:var(--tea);font-family:var(--sec)}

/* --- "Kısaca" özeti (gerçek H2'lerden türetilir) --- */
.kisaca{max-width:72ch;margin:0 auto var(--s5);background:var(--ikincil);border:1px solid var(--hat);border-radius:var(--r-l);padding:var(--s4)}
.kisaca h2{font-family:var(--sec);font-weight:800;font-size:17px;display:flex;align-items:center;gap:9px;margin:0 0 var(--s3)}
.kisaca h2 .ico{width:19px;height:19px;color:var(--tea)}
.kisaca ul{list-style:none;margin:0;padding:0}
.kisaca li{display:flex;align-items:baseline;gap:10px;padding:7px 0;font-size:15px}
.kisaca li .ico{width:15px;height:15px;color:var(--tea);flex:none;transform:translateY(2px)}
.kisaca a{color:var(--metin2)}
.kisaca a:hover{color:var(--tea)}

.ilgili{background:var(--ikincil);border-top:1px solid var(--hat)}

/* --- Responsive --- */
@media(max-width:1180px){
  .makale-govde.toc-var{grid-template-columns:minmax(0,72ch);justify-content:center}
  .toc{order:0}
  .toc-mobil{position:static}
  .toc-mobil:not([open]) ol{display:none}
}
@media(max-width:640px){
  .makale-bas{padding:var(--s4) 0 var(--s3)}
  .makale-eylem{margin-left:0;width:100%}
  .prose{font-size:16.5px}
  .okuma-cubugu{width:3px}
}

/* --- PRINT: yalnız makale içeriği (madde 4) --- */
@media print{
  .mast,.mnav,footer,.okuma-cubugu,.toc,.makale-eylem,.ilgili,.bulten,.skip,.arama-panel{display:none !important}
  body{background:#fff;color:#000}
  .makale-bas{background:#fff;border:0;padding:0}
  .prose{max-width:100%;font-size:12pt;line-height:1.6}
  .prose h2::before{color:#000}
  .makale-kapak img{box-shadow:none;max-height:70mm;width:auto}
  .kisaca{background:#fff;border:1px solid #999}
  .prose a{color:#000;text-decoration:none}
}

.f-legal{margin-top:var(--s4);padding-top:var(--s3);border-top:1px solid #3D372F;display:flex;flex-wrap:wrap;align-items:center;gap:4px 22px}
.f-legal h4{margin:0 6px 0 0}
.f-legal a{min-height:auto}