/* ==========================================================================
   Dyt. Yasemin İncal Arıkan — Tasarım Sistemi: "Sıcak Klinik"
   Sıcak krem zemin · derin adaçayı yeşili · kil kırmızısı vurgu
   Editoryal serif başlıklar + kemerli (arch) görseller
   ========================================================================== */

/* ---------- 1. Reset ---------- */
*,*::before,*::after{box-sizing:border-box}
*{margin:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:6rem}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{min-height:100vh;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,picture,svg,video{display:block;max-width:100%;height:auto}
input,button,textarea,select{font:inherit;color:inherit}
p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}
ul[class],ol[class]{list-style:none;padding:0}
:where(a){color:inherit}

/* ---------- 2. Tokenlar ---------- */
:root{
  color-scheme:light;

  /* Yüzeyler */
  --bg:#FBF8F3;
  --bg-alt:#F4EDE2;
  --bg-deep:#12312A;
  --surface:#FFFFFF;
  --surface-2:#FAF5EC;
  --border:#E4DACB;
  --border-soft:#EFE7DA;

  /* Metin */
  --ink:#17241F;
  --ink-2:#4C5C55;
  --ink-3:#6E7C75;
  --on-deep:#F3EDE2;
  --on-deep-2:#B9CBC3;

  /* Marka */
  --green-900:#12312A;
  --green-700:#1D4C41;
  --green-600:#276055;
  --green-500:#3C7A6A;
  --green-200:#BFD8CE;
  --green-100:#DCEBE4;
  --green-50:#EDF5F1;

  --clay:#BE5F3A;
  --clay-600:#A34E2C;
  --clay-300:#E8AC8C;
  --clay-100:#F8E6DA;

  --gold:#C9992B;

  /* Tipografi */
  --font-display:'Fraunces','Iowan Old Style','Palatino Linotype',Georgia,'Times New Roman',serif;
  --font-body:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;

  --fs-display:clamp(2.5rem,1.4rem + 4.6vw,4.5rem);
  --fs-h1:clamp(2.1rem,1.4rem + 3.1vw,3.35rem);
  --fs-h2:clamp(1.7rem,1.25rem + 2vw,2.5rem);
  --fs-h3:clamp(1.22rem,1.1rem + .6vw,1.5rem);
  --fs-h4:1.0625rem;
  --fs-lead:clamp(1.06rem,1rem + .4vw,1.25rem);
  --fs-body:1.0625rem;
  --fs-sm:.9375rem;
  --fs-xs:.8125rem;

  /* Ritim */
  --gutter:clamp(1.15rem,4vw,2.5rem);
  --wrap:1220px;
  --wrap-narrow:760px;
  --section-y:clamp(3.75rem,8vw,7rem);

  /* Şekil */
  --r-sm:8px;
  --r-md:14px;
  --r-lg:22px;
  --r-xl:32px;
  --r-pill:999px;
  --arch:14rem 14rem var(--r-lg) var(--r-lg);

  /* Gölge */
  --sh-sm:0 1px 2px rgba(18,49,42,.05),0 2px 6px rgba(18,49,42,.05);
  --sh-md:0 4px 10px rgba(18,49,42,.05),0 14px 34px rgba(18,49,42,.07);
  --sh-lg:0 10px 24px rgba(18,49,42,.07),0 30px 70px rgba(18,49,42,.11);

  --ring:0 0 0 3px var(--bg),0 0 0 5.5px var(--green-500);
  --ease:cubic-bezier(.22,.61,.36,1);
  --dur:.36s;
}

/* ---------- 3. Temel tipografi ---------- */
body{
  font-family:var(--font-body);
  font-size:var(--fs-body);
  line-height:1.68;
  color:var(--ink);
  background:var(--bg);
  font-feature-settings:"kern","liga","calt";
}
h1,h2,h3,h4,.display{
  font-family:var(--font-display);
  font-weight:600;
  line-height:1.1;
  letter-spacing:-.018em;
  color:var(--ink);
}
h1{font-size:var(--fs-h1)}
h2{font-size:var(--fs-h2)}
h3{font-size:var(--fs-h3);line-height:1.24}
h4{font-size:var(--fs-h4);font-family:var(--font-body);font-weight:650;letter-spacing:0;line-height:1.4}
.display{font-size:var(--fs-display);line-height:1.03;letter-spacing:-.028em}
.accent-word{color:var(--clay);font-style:italic;font-weight:500}
.lead{font-size:var(--fs-lead);line-height:1.62;color:var(--ink-2)}
strong,b{font-weight:650}
small{font-size:var(--fs-sm)}

a{color:var(--green-700);text-decoration-color:color-mix(in srgb,currentColor 35%,transparent);text-underline-offset:.18em;transition:color var(--dur) var(--ease)}
a:hover{color:var(--clay)}
:focus-visible{outline:none;box-shadow:var(--ring);border-radius:var(--r-sm)}

.eyebrow{
  display:inline-flex;align-items:center;gap:.55rem;
  font-size:var(--fs-xs);font-weight:600;letter-spacing:.13em;text-transform:uppercase;
  color:var(--clay);font-family:var(--font-body);
}
.eyebrow::before{content:"";width:1.6rem;height:1px;background:currentColor;opacity:.55}

/* ---------- 4. Yerleşim ---------- */
.wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gutter)}
.wrap--narrow{max-width:var(--wrap-narrow)}
.wrap--wide{max-width:1400px}
.section{padding-block:var(--section-y)}
.section--tight{padding-block:clamp(2.5rem,5vw,4rem)}
.section--alt{background:var(--bg-alt)}
.section--deep{background:var(--bg-deep);color:var(--on-deep)}
.section--deep h1,.section--deep h2,.section--deep h3{color:var(--on-deep)}
.section--deep .lead,.section--deep p{color:var(--on-deep-2)}
.section--deep a:not(.btn){color:var(--clay-300)}

.stack>*+*{margin-top:1rem}
.stack-lg>*+*{margin-top:1.6rem}
.grid{display:grid;gap:clamp(1.1rem,2.4vw,1.9rem)}
.grid-2{grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr))}
.grid-3{grid-template-columns:repeat(auto-fit,minmax(min(100%,17.5rem),1fr))}
.grid-4{grid-template-columns:repeat(auto-fit,minmax(min(100%,13.5rem),1fr))}
.center{text-align:center}
.measure{max-width:62ch}
.measure-sm{max-width:48ch}
.center .measure,.center .measure-sm{margin-inline:auto}

.section-head{max-width:60ch;margin-bottom:clamp(2rem,4vw,3.25rem)}
.section-head.center{margin-inline:auto}
.section-head .eyebrow{margin-bottom:1rem}
.section-head p{margin-top:1rem}

.skip-link{
  position:absolute;left:.75rem;top:-4rem;z-index:200;
  background:var(--green-900);color:#fff;padding:.7rem 1.15rem;border-radius:var(--r-sm);
  font-size:var(--fs-sm);font-weight:600;text-decoration:none;transition:top .2s
}
.skip-link:focus{top:.75rem;color:#fff}

/* ---------- 5. Butonlar ---------- */
.btn{
  --_bg:var(--green-700);--_fg:#fff;--_bd:var(--green-700);
  display:inline-flex;align-items:center;justify-content:center;gap:.55rem;
  padding:.86rem 1.5rem;border-radius:var(--r-pill);
  background:var(--_bg);color:var(--_fg);border:1.5px solid var(--_bd);
  font-size:var(--fs-sm);font-weight:600;
  text-decoration:none;cursor:pointer;white-space:nowrap;
  transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease),background var(--dur) var(--ease),border-color var(--dur) var(--ease),color var(--dur) var(--ease);
}
.btn:hover{color:var(--_fg);transform:translateY(-2px);box-shadow:var(--sh-md)}
.btn:active{transform:translateY(0)}
.btn svg{width:1.05em;height:1.05em;flex:none}
.btn--accent{--_bg:var(--clay);--_bd:var(--clay)}
.btn--accent:hover{--_bg:var(--clay-600);--_bd:var(--clay-600)}
.btn--ghost{--_bg:transparent;--_fg:var(--ink);--_bd:var(--border)}
.btn--ghost:hover{--_bd:var(--green-500);--_fg:var(--green-700);background:var(--green-50)}
.btn--light{--_bg:#fff;--_fg:#12312A;--_bd:#fff}
.btn--outline-light{--_bg:transparent;--_fg:#F3EDE2;--_bd:rgba(255,255,255,.32)}
.btn--outline-light:hover{--_bd:rgba(255,255,255,.7);background:rgba(255,255,255,.08)}
.btn--wa{--_bg:#1FA855;--_bd:#1FA855}
.btn--wa:hover{--_bg:#188544;--_bd:#188544}
.btn--lg{padding:1.02rem 1.9rem;font-size:1rem}
.btn--sm{padding:.6rem 1.05rem;font-size:var(--fs-xs)}
.btn--block{width:100%}
.btn-row{display:flex;flex-wrap:wrap;gap:.75rem}
.btn-row.center{justify-content:center}

.link-arrow{
  display:inline-flex;align-items:center;gap:.45rem;font-weight:600;font-size:var(--fs-sm);
  text-decoration:none;color:var(--green-700)
}
.link-arrow svg{width:1.05em;height:1.05em;transition:transform var(--dur) var(--ease)}
.link-arrow:hover svg{transform:translateX(4px)}

/* ---------- 6. Üst bar + header ---------- */
.topbar{background:var(--green-900);color:var(--on-deep-2);font-size:var(--fs-xs)}
.topbar .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:2.6rem;flex-wrap:nowrap}
.topbar a{color:var(--on-deep-2);text-decoration:none;display:inline-flex;align-items:center;gap:.4rem}
.topbar a:hover{color:#fff}
.topbar svg{width:.95em;height:.95em;opacity:.8}
.topbar__list{display:flex;gap:1.4rem;align-items:center;flex-wrap:nowrap;white-space:nowrap;flex:none}
.topbar__hide{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
@media (max-width:860px){.topbar__hide{display:none}}

.site-header{
  position:sticky;top:0;z-index:100;
  background:color-mix(in srgb,var(--bg) 88%,transparent);
  backdrop-filter:saturate(1.6) blur(14px);
  -webkit-backdrop-filter:saturate(1.6) blur(14px);
  border-bottom:1px solid transparent;
  transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease),background var(--dur) var(--ease)
}
.site-header.is-stuck{border-bottom-color:var(--border-soft);box-shadow:var(--sh-sm);background:color-mix(in srgb,var(--bg) 96%,transparent)}
.site-header .wrap{display:flex;align-items:center;gap:clamp(.7rem,1.6vw,1.6rem);min-height:4.6rem}

.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;flex:none}
.brand__mark{
  width:2.35rem;height:2.35rem;border-radius:50% 50% 50% 8px;flex:none;
  background:linear-gradient(145deg,#276055,#12312A);
  display:grid;place-items:center;color:#fff;
  font-family:var(--font-display);font-weight:700;font-size:1.02rem;letter-spacing:-.03em;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18)
}
.brand__text{display:flex;flex-direction:column;line-height:1.12}
.brand__name{font-family:var(--font-display);font-weight:600;font-size:1.03rem;color:var(--ink);letter-spacing:-.015em}
.brand__role{font-size:.66rem;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-3);font-weight:600}

.nav{margin-inline-start:auto;min-width:0}
.nav__list{display:flex;align-items:center;gap:.1rem;flex-wrap:nowrap}
.nav__link{
  display:inline-flex;align-items:center;gap:.3rem;white-space:nowrap;
  padding:.55rem clamp(.42rem,.85vw,.78rem);border-radius:var(--r-pill);
  font-size:var(--fs-sm);font-weight:550;color:var(--ink-2);text-decoration:none;
  transition:color var(--dur) var(--ease),background var(--dur) var(--ease)
}
.nav__link:hover,.nav__item:focus-within>.nav__link{color:var(--green-700);background:var(--green-50)}
.nav__link[aria-current="page"],.nav__link.is-active{color:var(--green-700);font-weight:650}
.nav__link svg{width:.7em;height:.7em;opacity:.6;transition:transform var(--dur) var(--ease)}
.nav__item{position:relative}
.nav__item:hover .nav__link svg,.nav__item:focus-within .nav__link svg{transform:rotate(180deg)}

.dropdown{
  position:absolute;top:calc(100% + .45rem);left:50%;
  min-width:25rem;padding:.6rem;
  background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--r-lg);
  box-shadow:var(--sh-lg);
  display:grid;grid-template-columns:1fr 1fr;gap:.12rem;
  opacity:0;visibility:hidden;translate:-50% 8px;
  transition:opacity var(--dur) var(--ease),translate var(--dur) var(--ease),visibility var(--dur)
}
.nav__item:hover .dropdown,.nav__item:focus-within .dropdown{opacity:1;visibility:visible;translate:-50% 0}
.dropdown a{
  display:block;padding:.55rem .7rem;border-radius:var(--r-sm);
  font-size:var(--fs-sm);color:var(--ink-2);text-decoration:none;line-height:1.35
}
.dropdown a:hover{background:var(--green-50);color:var(--green-700)}
.dropdown__all{grid-column:1/-1;margin-top:.3rem;padding-top:.5rem;border-top:1px solid var(--border-soft)}
.dropdown__all a{font-weight:650;color:var(--clay)}

.header-actions{display:flex;align-items:center;gap:.6rem;flex:none;margin-inline-start:.2rem}
.header-phone{
  display:inline-flex;align-items:center;gap:.45rem;font-weight:650;font-size:var(--fs-sm);
  color:var(--ink);text-decoration:none;white-space:nowrap
}
.header-phone svg{width:1em;height:1em;color:var(--clay)}
.header-phone:hover{color:var(--clay)}

.burger{
  display:none;width:2.7rem;height:2.7rem;border:1px solid var(--border);background:var(--surface);
  border-radius:var(--r-sm);cursor:pointer;padding:0;place-items:center;align-content:center
}
.burger span{display:block;width:1.05rem;height:1.5px;background:var(--ink);border-radius:2px;transition:transform .3s var(--ease),opacity .2s}
.burger span+span{margin-top:4px}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(5.5px) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-5.5px) rotate(-45deg)}

/* Ara genişlikler: önce marka alt satırı, sonra telefon, en son menü gizlenir */
@media (max-width:1240px){
  .brand__role{display:none}
  .brand__name{font-size:.98rem}
}
@media (max-width:1150px){.header-phone{display:none}}
@media (max-width:1000px){
  .nav,.header-phone{display:none}
  .brand__role{display:block}
  .burger{display:grid}
  .header-actions{margin-inline-start:auto}
}
@media (max-width:520px){.header-actions .btn{display:none}}

/* Mobil panel */
.mobile-nav{
  position:fixed;inset:0;z-index:99;
  background:var(--bg);
  padding:7.6rem var(--gutter) 4rem;
  overflow-y:auto;overscroll-behavior:contain;
  opacity:0;visibility:hidden;translate:0 -1rem;
  transition:opacity .3s var(--ease),translate .3s var(--ease),visibility .3s
}
.mobile-nav.is-open{opacity:1;visibility:visible;translate:0 0}
.site-header.is-stuck~.mobile-nav{padding-top:5.9rem}
.mobile-nav a{display:block;text-decoration:none;color:var(--ink)}
.mobile-nav__link{
  padding:.9rem 0;border-bottom:1px solid var(--border-soft);
  font-family:var(--font-display);font-size:1.35rem;font-weight:600;letter-spacing:-.02em
}
.mobile-nav__link[aria-current="page"]{color:var(--clay)}
.mobile-nav details>summary{
  list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;
  padding:.9rem 0;border-bottom:1px solid var(--border-soft);
  font-family:var(--font-display);font-size:1.35rem;font-weight:600;letter-spacing:-.02em
}
.mobile-nav details>summary::-webkit-details-marker{display:none}
.mobile-nav details>summary svg{width:1rem;height:1rem;color:var(--ink-3);transition:transform .3s var(--ease)}
.mobile-nav details[open]>summary svg{transform:rotate(180deg)}
.mobile-nav details ul{padding:.5rem 0 .8rem .9rem;border-bottom:1px solid var(--border-soft)}
.mobile-nav details ul a{padding:.5rem 0;font-size:var(--fs-sm);color:var(--ink-2)}
.mobile-nav__foot{margin-top:2rem;display:grid;gap:.7rem}
body.nav-open{overflow:hidden}

/* ---------- 7. Hero ---------- */
.hero{position:relative;overflow:clip;background:var(--bg)}
.hero::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(60rem 40rem at 88% -10%,color-mix(in srgb,var(--green-100) 70%,transparent),transparent 62%),
    radial-gradient(44rem 34rem at -8% 100%,color-mix(in srgb,var(--clay-100) 62%,transparent),transparent 60%)
}
.hero__inner{
  position:relative;z-index:1;
  display:grid;grid-template-columns:1.06fr .94fr;gap:clamp(2rem,5vw,4.5rem);align-items:center;
  padding-block:clamp(2.75rem,6vw,5.5rem)
}
.hero__copy{max-width:36rem}
.hero__title{font-size:clamp(2.35rem,1.1rem + 3.55vw,4.2rem);line-height:1.04;letter-spacing:-.03em;margin-block:1.1rem .95rem}
.hero__lead{font-size:var(--fs-lead);color:var(--ink-2);max-width:34rem}
.hero__actions{margin-top:1.9rem}
.hero__trust{
  margin-top:2.1rem;padding-top:1.6rem;border-top:1px solid var(--border);
  display:flex;flex-wrap:wrap;gap:1.4rem 2.4rem
}
.hero__trust div{display:flex;flex-direction:column;gap:.1rem}
.hero__trust b{font-family:var(--font-display);font-size:1.75rem;font-weight:600;color:var(--green-700);line-height:1}
.hero__trust span{font-size:var(--fs-xs);color:var(--ink-3);letter-spacing:.03em}

.hero__media{position:relative}
.hero__img{width:100%;aspect-ratio:5/6;max-height:min(78vh,40rem);object-fit:cover;object-position:50% 22%;border-radius:var(--arch);box-shadow:var(--sh-lg)}
.hero__badge{
  position:absolute;left:-1.25rem;bottom:2.25rem;
  background:var(--surface);border:1px solid var(--border-soft);
  border-radius:var(--r-lg);padding:.95rem 1.2rem;box-shadow:var(--sh-lg);
  display:flex;align-items:center;gap:.8rem;max-width:16.5rem
}
.hero__badge svg{width:2rem;height:2rem;flex:none;color:var(--clay)}
.hero__badge b{display:block;font-size:var(--fs-sm);font-weight:650;line-height:1.25}
.hero__badge span{font-size:var(--fs-xs);color:var(--ink-3)}
@media (max-width:900px){
  :root{--arch:11rem 11rem var(--r-lg) var(--r-lg)}
  .hero__inner{grid-template-columns:1fr;gap:2.5rem}
  .hero__media{max-width:26rem;margin-inline:auto;width:100%}
  .hero__badge{left:-.5rem;bottom:1.25rem}
}

/* ---------- 8. Sayfa başlığı (iç sayfalar) ---------- */
.page-hero{position:relative;background:var(--bg-alt);overflow:clip;padding-block:clamp(2.25rem,5vw,3.75rem) clamp(2.5rem,5vw,4rem)}
.page-hero::before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(50rem 30rem at 85% 0%,color-mix(in srgb,var(--green-100) 60%,transparent),transparent 60%)
}
.page-hero .wrap{position:relative;z-index:1}
.page-hero__grid{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(1.5rem,4vw,3.5rem);align-items:center}
.page-hero h1{margin-block:.9rem .8rem}
.page-hero__img{width:100%;aspect-ratio:4/3;max-height:22rem;object-fit:cover;border-radius:var(--r-lg);box-shadow:var(--sh-md)}
@media (max-width:820px){.page-hero__grid{grid-template-columns:1fr}.page-hero__media{display:none}}

.crumbs{font-size:var(--fs-xs);color:var(--ink-3)}
.crumbs ol{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;list-style:none;padding:0}
.crumbs li{display:flex;align-items:center;gap:.4rem}
.crumbs li+li::before{content:"/";opacity:.45}
.crumbs a{color:var(--ink-3);text-decoration:none}
.crumbs a:hover{color:var(--clay)}
.crumbs [aria-current="page"]{color:var(--ink-2);font-weight:550}

/* ---------- 9. Kartlar ---------- */
.card{
  position:relative;
  background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--r-lg);
  overflow:hidden;display:flex;flex-direction:column;
  transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease),border-color var(--dur) var(--ease)
}
.card:hover{transform:translateY(-4px);box-shadow:var(--sh-lg);border-color:var(--green-200)}
.card__media{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--bg-alt)}
.card__media img{width:100%;height:100%;object-fit:cover;transition:scale .6s var(--ease)}
.card:hover .card__media img{scale:1.045}
.card__body{padding:1.4rem 1.45rem 1.55rem;display:flex;flex-direction:column;gap:.55rem;flex:1}
.card__title{font-size:1.14rem}
.card__title a{text-decoration:none;color:inherit}
.card__title a::after{content:"";position:absolute;inset:0;z-index:1}
.card__text{font-size:var(--fs-sm);color:var(--ink-2);line-height:1.6}
.card__foot{margin-top:auto;padding-top:.9rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem}
.card__meta{font-size:var(--fs-xs);color:var(--ink-3);display:flex;gap:.7rem;flex-wrap:wrap}

.tag{
  display:inline-flex;align-items:center;
  padding:.24rem .7rem;border-radius:var(--r-pill);
  background:var(--green-50);color:var(--green-700);
  font-size:.72rem;font-weight:650;letter-spacing:.05em;text-transform:uppercase
}
.tag--clay{background:var(--clay-100);color:var(--clay-600)}
.card__media .tag{position:absolute;top:.85rem;left:.85rem;z-index:2;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(6px)}

/* İkon kart */
.icard{
  background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--r-lg);
  padding:1.6rem 1.5rem;display:flex;flex-direction:column;gap:.7rem;
  transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease),border-color var(--dur) var(--ease)
}
.icard:hover{transform:translateY(-3px);box-shadow:var(--sh-md);border-color:var(--green-200)}
.icard__icon{
  width:2.9rem;height:2.9rem;border-radius:50% 50% 50% 10px;flex:none;
  display:grid;place-items:center;background:var(--green-50);color:var(--green-700);margin-bottom:.25rem
}
.icard__icon svg{width:1.35rem;height:1.35rem}
.icard--clay .icard__icon{background:var(--clay-100);color:var(--clay-600)}
.icard h3{font-size:1.08rem}
.icard p{font-size:var(--fs-sm);color:var(--ink-2);line-height:1.6}
.section--deep .icard{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1)}
.section--deep .icard__icon{background:rgba(255,255,255,.1);color:var(--clay-300)}
.section--deep .icard p{color:var(--on-deep-2)}

/* ---------- 10. Kemerli görsel + medya bloğu ---------- */
.media-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4.5rem);align-items:center}
.media-split--reverse .media-split__media{order:2}
@media (max-width:880px){
  .media-split{grid-template-columns:1fr;gap:2.25rem}
  .media-split--reverse .media-split__media{order:0}
}
.arch-img{width:100%;aspect-ratio:1/1;max-height:34rem;object-fit:cover;object-position:50% 30%;border-radius:var(--arch);box-shadow:var(--sh-lg)}
.round-img{width:100%;aspect-ratio:3/2;max-height:26rem;object-fit:cover;object-position:50% 35%;border-radius:var(--r-lg);box-shadow:var(--sh-md)}
.media-frame{position:relative;isolation:isolate}
.media-frame::after{
  content:"";position:absolute;inset:auto -1rem -1rem auto;width:62%;height:62%;z-index:-1;
  border-radius:var(--r-lg);
  background:repeating-linear-gradient(45deg,var(--green-100) 0 2px,transparent 2px 9px);
  opacity:.8
}

/* ---------- 11. Süreç adımları ---------- */
.steps{counter-reset:step;display:grid;gap:0}
.step{counter-increment:step;position:relative;padding:1.6rem 0 1.6rem 4.4rem;border-top:1px solid var(--border)}
.step:last-child{border-bottom:1px solid var(--border)}
.step::before{
  content:counter(step,decimal-leading-zero);
  position:absolute;left:0;top:1.55rem;
  font-family:var(--font-display);font-size:1.15rem;font-weight:600;color:var(--clay);
  width:2.9rem;height:2.9rem;border-radius:50%;
  border:1px solid var(--clay-300);display:grid;place-items:center;background:var(--surface)
}
.step h3{font-size:1.1rem;margin-bottom:.35rem}
.step p{font-size:var(--fs-sm);color:var(--ink-2);max-width:52ch}
.section--deep .step{border-color:rgba(255,255,255,.14)}
.section--deep .step::before{background:transparent;border-color:var(--clay-300);color:var(--clay-300)}
.section--deep .step p{color:var(--on-deep-2)}

/* ---------- 12. İstatistik ---------- */
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:1.5rem 1rem}
.stat{text-align:center;padding:.5rem}
.stat b{display:block;font-family:var(--font-display);font-size:clamp(2rem,4vw,2.9rem);font-weight:600;line-height:1;color:var(--green-700);letter-spacing:-.03em}
.stat span{display:block;margin-top:.5rem;font-size:var(--fs-xs);color:var(--ink-3);letter-spacing:.05em;text-transform:uppercase;font-weight:600}
.section--deep .stat b{color:var(--clay-300)}
.section--deep .stat span{color:var(--on-deep-2)}

/* ---------- 13. Yorumlar ---------- */
.quote{
  background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--r-lg);
  padding:1.75rem 1.6rem;display:flex;flex-direction:column;gap:1rem;height:100%
}
.quote__stars{display:flex;gap:.14rem;color:var(--gold)}
.quote__stars svg{width:1rem;height:1rem}
.quote blockquote{font-size:var(--fs-sm);line-height:1.68;color:var(--ink-2)}
.quote__by{margin-top:auto;display:flex;align-items:center;gap:.7rem;padding-top:.4rem}
.quote__av{
  width:2.4rem;height:2.4rem;border-radius:50%;flex:none;display:grid;place-items:center;
  background:var(--green-100);color:var(--green-700);font-weight:700;font-size:.85rem
}
.quote__by b{display:block;font-size:var(--fs-sm);font-weight:650}
.quote__by span{font-size:var(--fs-xs);color:var(--ink-3)}

/* ---------- 14. SSS ---------- */
.faq{display:grid;gap:.6rem}
.faq details{
  background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--r-md);
  transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)
}
.faq details[open]{border-color:var(--green-200);box-shadow:var(--sh-sm)}
.faq summary{
  list-style:none;cursor:pointer;padding:1.1rem 3.2rem 1.1rem 1.3rem;position:relative;
  font-weight:600;font-size:1rem;line-height:1.45
}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{
  content:"";position:absolute;right:1.25rem;top:1.35rem;
  width:.6rem;height:.6rem;border-right:1.8px solid var(--clay);border-bottom:1.8px solid var(--clay);
  transform:rotate(45deg);transition:transform var(--dur) var(--ease)
}
.faq details[open] summary::after{transform:rotate(-135deg);top:1.5rem}
.faq summary:hover{color:var(--green-700)}
.faq__body{padding:0 1.3rem 1.25rem;font-size:var(--fs-sm);color:var(--ink-2);line-height:1.7}
.faq__body>*+*{margin-top:.7rem}

/* ---------- 15. CTA bandı ---------- */
.cta-band{position:relative;overflow:clip;background:#12312A;color:#F3EDE2;border-radius:var(--r-xl)}
.cta-band::before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(38rem 26rem at 88% 10%,rgba(190,95,58,.32),transparent 62%),
             radial-gradient(30rem 22rem at 4% 96%,rgba(60,122,106,.42),transparent 62%)
}
.cta-band__inner{
  position:relative;z-index:1;
  padding:clamp(2.5rem,6vw,4.5rem) clamp(1.5rem,5vw,4rem);
  display:grid;grid-template-columns:1.4fr .6fr;gap:2rem;align-items:center
}
.cta-band h2{color:#fff;max-width:20ch}
.cta-band p{color:#B9CBC3;margin-top:.9rem;max-width:46ch}
.cta-band__actions{display:flex;flex-direction:column;gap:.7rem}
@media (max-width:800px){.cta-band__inner{grid-template-columns:1fr}}

/* ---------- 16. Formlar ---------- */
.form{display:grid;gap:1.05rem}
.field{display:grid;gap:.4rem}
.field label{font-size:var(--fs-sm);font-weight:600}
.field .hint{font-size:var(--fs-xs);color:var(--ink-3);font-weight:400}
.field .req{color:var(--clay)}
.input,.textarea,.select{
  width:100%;padding:.8rem 1rem;
  background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-md);
  font-size:var(--fs-sm);color:var(--ink);
  transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)
}
.input::placeholder,.textarea::placeholder{color:var(--ink-3);opacity:.75}
.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--green-500);box-shadow:0 0 0 3.5px var(--green-50)}
.textarea{min-height:8rem;resize:vertical}
.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236E7C75' stroke-width='2.2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .9rem center;background-size:1.05rem;padding-right:2.6rem}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:1.05rem}
@media (max-width:600px){.field-row{grid-template-columns:1fr}}
.check{display:flex;gap:.65rem;align-items:flex-start;font-size:var(--fs-xs);color:var(--ink-2);line-height:1.55}
.check input{margin-top:.18rem;width:1.05rem;height:1.05rem;accent-color:var(--green-700);flex:none}
.form__note{font-size:var(--fs-xs);color:var(--ink-3)}
.form-status{padding:.85rem 1.05rem;border-radius:var(--r-md);font-size:var(--fs-sm);display:none}
.form-status.is-visible{display:block}
.form-status--ok{background:var(--green-50);border:1px solid var(--green-200);color:var(--green-700)}

/* ---------- 17. Paketler ---------- */
.plan{
  background:var(--surface);border:1.5px solid var(--border-soft);border-radius:var(--r-lg);
  padding:1.8rem 1.6rem;display:flex;flex-direction:column;gap:1rem;position:relative;height:100%
}
.plan--featured{border-color:var(--green-500);box-shadow:var(--sh-lg)}
.plan__flag{
  position:absolute;top:-.72rem;left:1.6rem;
  background:var(--clay);color:#fff;font-size:.68rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;
  padding:.3rem .75rem;border-radius:var(--r-pill)
}
.plan h3{font-size:1.2rem}
.plan__price{font-family:var(--font-display);font-size:1.05rem;color:var(--clay);font-weight:600}
.plan__desc{font-size:var(--fs-sm);color:var(--ink-2)}
.plan ul{display:grid;gap:.6rem;font-size:var(--fs-sm);color:var(--ink-2)}
.plan li{display:flex;gap:.6rem;align-items:flex-start;line-height:1.5}
.plan li svg{width:1.05rem;height:1.05rem;flex:none;margin-top:.22rem;color:var(--green-500)}
.plan .btn{margin-top:auto}

/* ---------- 18. Liste stilleri ---------- */
.ticks{display:grid;gap:.75rem}
.ticks li{display:flex;gap:.7rem;align-items:flex-start;font-size:var(--fs-sm);color:var(--ink-2);line-height:1.6}
.ticks li svg{width:1.15rem;height:1.15rem;flex:none;margin-top:.2rem;color:var(--green-500)}
.pills{display:flex;flex-wrap:wrap;gap:.5rem}
.pills li{
  padding:.42rem .9rem;border-radius:var(--r-pill);border:1px solid var(--border);
  background:var(--surface);font-size:var(--fs-xs);color:var(--ink-2);font-weight:550
}
.pills a{text-decoration:none;color:inherit}

.timeline{display:grid;gap:0}
.timeline li{
  display:grid;grid-template-columns:6.5rem 1fr;gap:1.25rem;
  padding:1.05rem 0;border-top:1px solid var(--border);align-items:baseline
}
.timeline li:last-child{border-bottom:1px solid var(--border)}
.timeline b{font-family:var(--font-display);color:var(--clay);font-size:1rem;font-weight:600}
.timeline span{font-size:var(--fs-sm);color:var(--ink-2)}
@media (max-width:560px){.timeline li{grid-template-columns:1fr;gap:.25rem}}

/* ---------- 19. Galeri ---------- */
.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,10.5rem),1fr));gap:.7rem}
.gallery a,.gallery figure{position:relative;display:block;aspect-ratio:1;border-radius:var(--r-md);overflow:hidden;margin:0}
.gallery img{width:100%;height:100%;object-fit:cover;transition:scale .6s var(--ease)}
.gallery a:hover img{scale:1.07}
.gallery a::after{content:"";position:absolute;inset:0;background:#12312A;opacity:0;transition:opacity var(--dur) var(--ease)}
.gallery a:hover::after{opacity:.18}

/* ---------- 20. Yazı (blog) tipografisi ---------- */
.prose{font-size:1.09rem;line-height:1.78;color:var(--ink-2)}
.prose>*+*{margin-top:1.25rem}
.prose h2{font-size:clamp(1.5rem,1.2rem + 1.2vw,2rem);color:var(--ink);margin-top:2.75rem}
.prose h3{font-size:1.25rem;color:var(--ink);margin-top:2rem}
.prose ul,.prose ol{padding-left:1.3rem;display:grid;gap:.6rem}
.prose ul{list-style:disc}
.prose ol{list-style:decimal}
.prose li::marker{color:var(--clay)}
.prose blockquote{
  border-left:3px solid var(--clay);padding:.3rem 0 .3rem 1.3rem;margin-block:1.9rem;
  font-family:var(--font-display);font-size:1.2rem;font-style:italic;color:var(--ink);line-height:1.5
}
.prose img{border-radius:var(--r-lg);margin-block:2rem}
.prose a{font-weight:550}
.prose table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}
.prose th,.prose td{text-align:left;padding:.7rem .85rem;border-bottom:1px solid var(--border)}
.prose th{font-weight:650;color:var(--ink);background:var(--bg-alt)}
.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-block:1.75rem}

.callout{
  background:var(--green-50);border:1px solid var(--green-200);border-left:3px solid var(--green-500);
  border-radius:var(--r-md);padding:1.15rem 1.3rem;font-size:var(--fs-sm);color:var(--ink-2)
}
.callout b{color:var(--green-700)}
.callout--clay{background:var(--clay-100);border-color:var(--clay-300);border-left-color:var(--clay)}
.callout--clay b{color:var(--clay-600)}

.article-meta{display:flex;flex-wrap:wrap;gap:.6rem 1.2rem;font-size:var(--fs-xs);color:var(--ink-3);margin-top:1rem}
.article-hero{width:100%;aspect-ratio:16/9;max-height:26rem;object-fit:cover;border-radius:var(--r-lg);box-shadow:var(--sh-md)}
.author-box{
  display:flex;gap:1.15rem;align-items:center;
  background:var(--bg-alt);border-radius:var(--r-lg);padding:1.35rem 1.4rem;margin-top:3rem
}
.author-box img{width:4.2rem;height:4.2rem;border-radius:50%;object-fit:cover;flex:none}
.author-box b{display:block;font-size:var(--fs-sm)}
.author-box p{font-size:var(--fs-xs);color:var(--ink-2);margin-top:.25rem;line-height:1.55}

.toc{background:var(--bg-alt);border-radius:var(--r-lg);padding:1.3rem 1.4rem}
.toc h2{font-size:var(--fs-xs)!important;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin:0 0 .8rem!important;font-family:var(--font-body);font-weight:700}
.toc ol{display:grid;gap:.45rem;padding-left:1.1rem;font-size:var(--fs-sm)}

/* ---------- 21. İletişim / harita ---------- */
.map-frame{
  width:100%;aspect-ratio:16/10;border:1px solid var(--border-soft);border-radius:var(--r-lg);
  overflow:hidden;background:var(--bg-alt)
}
.map-frame iframe{width:100%;height:100%;border:0;display:block;filter:saturate(.92)}
.info-list{display:grid;gap:1.15rem}
.info-list li{display:flex;gap:.9rem;align-items:flex-start}
.info-list__icon{
  width:2.5rem;height:2.5rem;border-radius:50% 50% 50% 9px;flex:none;display:grid;place-items:center;
  background:var(--green-50);color:var(--green-700)
}
.info-list__icon svg{width:1.15rem;height:1.15rem}
.info-list b{display:block;font-size:var(--fs-xs);letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3);margin-bottom:.15rem}
.info-list a,.info-list span{font-size:var(--fs-sm);color:var(--ink);text-decoration:none;line-height:1.5;font-style:normal}
.info-list a:hover{color:var(--clay)}

/* ---------- 22. Hesaplayıcı ---------- */
.calc{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--r-lg);padding:clamp(1.4rem,3vw,2rem)}
.calc__result{
  margin-top:1.3rem;padding:1.25rem;border-radius:var(--r-md);
  background:var(--green-50);border:1px solid var(--green-200);text-align:center;display:none
}
.calc__result.is-visible{display:block}
.calc__value{font-family:var(--font-display);font-size:2.5rem;font-weight:600;color:var(--green-700);line-height:1}
.calc__label{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3);margin-top:.45rem}
.calc__note{font-size:var(--fs-sm);color:var(--ink-2);margin-top:.75rem}

/* ---------- 23. Footer ---------- */
.site-footer{background:#0F2A24;color:#B9CBC3;padding-block:clamp(3rem,6vw,4.5rem) 0}
.site-footer a{color:#B9CBC3;text-decoration:none}
.site-footer a:hover{color:#fff}
.footer__grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.25fr;gap:clamp(1.75rem,4vw,3rem)}
@media (max-width:900px){.footer__grid{grid-template-columns:1fr 1fr}}
@media (max-width:540px){.footer__grid{grid-template-columns:1fr}}
.site-footer h3{font-size:var(--fs-xs);letter-spacing:.13em;text-transform:uppercase;color:#fff;margin-bottom:1.05rem;font-family:var(--font-body);font-weight:700}
.site-footer ul{display:grid;gap:.62rem;font-size:var(--fs-sm)}
.footer__brand .brand__name{color:#fff}
.footer__brand .brand__role{color:#8FA79E}
.footer__about{font-size:var(--fs-sm);line-height:1.65;margin-top:1.1rem;max-width:34ch}
.footer__social{display:flex;gap:.55rem;margin-top:1.3rem}
.footer__social a{
  width:2.4rem;height:2.4rem;border-radius:50%;display:grid;place-items:center;
  border:1px solid rgba(255,255,255,.16);transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease)
}
.footer__social a:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.35)}
.footer__social svg{width:1.05rem;height:1.05rem}
.site-footer address{font-style:normal;font-size:var(--fs-sm);line-height:1.65}
.footer__bar{
  margin-top:clamp(2.25rem,5vw,3.25rem);padding-block:1.4rem;
  border-top:1px solid rgba(255,255,255,.11);
  display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;justify-content:space-between;align-items:center;
  font-size:var(--fs-xs)
}
.footer__bar ul{display:flex;flex-wrap:wrap;gap:1.1rem}
.footer__disclaimer{font-size:.72rem;line-height:1.6;color:rgba(255,255,255,.4);padding-bottom:1.6rem;max-width:95ch}

/* ---------- 24. Mobil aksiyon barı ---------- */
.action-bar{
  position:fixed;left:0;right:0;bottom:0;z-index:95;display:none;
  background:color-mix(in srgb,var(--surface) 94%,transparent);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border-top:1px solid var(--border-soft);
  padding:.55rem var(--gutter) calc(.55rem + env(safe-area-inset-bottom));
  grid-template-columns:repeat(3,1fr);gap:.45rem;
  box-shadow:0 -6px 24px rgba(18,49,42,.09)
}
.action-bar a{
  display:flex;flex-direction:column;align-items:center;gap:.2rem;
  padding:.5rem .25rem;border-radius:var(--r-md);
  font-size:.68rem;font-weight:650;text-decoration:none;color:var(--ink-2)
}
.action-bar a svg{width:1.2rem;height:1.2rem}
.action-bar .is-primary{background:var(--clay);color:#fff}
@media (max-width:768px){
  .action-bar{display:grid}
  body{padding-bottom:4.6rem}
}

.wa-float{
  position:fixed;right:1.5rem;bottom:1.5rem;z-index:94;
  width:3.4rem;height:3.4rem;border-radius:50%;
  background:#1FA855;color:#fff;display:grid;place-items:center;
  box-shadow:0 6px 22px rgba(31,168,85,.4);
  transition:transform var(--dur) var(--ease)
}
.wa-float:hover{transform:scale(1.08);color:#fff}
.wa-float svg{width:1.7rem;height:1.7rem}
@media (max-width:768px){.wa-float{display:none}}

/* ---------- 25. Yardımcılar & animasyon ---------- */
.visually-hidden{
  position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0
}
.mt-0{margin-top:0}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}
.mt-4{margin-top:2rem}.mt-5{margin-top:3rem}
.divider{height:1px;background:var(--border);border:0;margin-block:clamp(2rem,4vw,3rem)}
.rule-top{border-top:1px solid var(--border);padding-top:clamp(1.75rem,3vw,2.5rem)}

[data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
[data-reveal].is-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  [data-reveal]{opacity:1!important;transform:none!important;transition:none}
  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}
}

@media print{
  .site-header,.site-footer,.action-bar,.wa-float,.topbar,.cta-band{display:none!important}
  body{background:#fff;color:#000;padding:0}
}