/* =========================================================================
   Psikolog Esra Gamgam Gökdemir — tasarım sistemi
   Palet: adaçayı yeşili · krem · kil kırmızısı
   ========================================================================= */

:root{
  /* Renkler */
  --cream:        #FBF7F0;
  --cream-2:      #F5EEE2;
  --sand:         #E8DDCB;
  --sand-2:       #DCCDB4;

  --ink:          #212F28;
  --ink-soft:     #46564C;
  --muted:        #5F7166;

  --sage-900:     #24362B;
  --sage-700:     #3B5A46;
  --sage-600:     #4A6E56;
  --sage-500:     #5F8A6C;
  --sage-300:     #9CBBA6;
  --sage-100:     #DEE9E0;
  --sage-50:      #EFF5F0;

  --clay:         #BC6448;
  --clay-600:     #A5543A;
  --clay-200:     #EFCDBF;
  --clay-50:      #FBEEE8;

  --white:        #FFFFFF;
  --line:         rgba(36,54,43,.12);
  --line-soft:    rgba(36,54,43,.07);

  /* Tipografi */
  --font-display: "Fraunces", "Iowan Old Style", Georgia, serif;
  --font-body:    "Karla", "Segoe UI", Helvetica, sans-serif;

  --step--1: clamp(.82rem, .80rem + .12vw, .90rem);
  --step-0:  clamp(1rem, .97rem + .18vw, 1.09rem);
  --step-1:  clamp(1.16rem, 1.10rem + .32vw, 1.35rem);
  --step-2:  clamp(1.38rem, 1.26rem + .60vw, 1.78rem);
  --step-3:  clamp(1.68rem, 1.44rem + 1.10vw, 2.45rem);
  --step-4:  clamp(2.05rem, 1.60rem + 2.05vw, 3.40rem);
  --step-5:  clamp(2.45rem, 1.70rem + 3.30vw, 4.60rem);

  /* Ölçü */
  --wrap: 1180px;
  --wrap-narrow: 760px;
  --r-sm: 10px;
  --r-md: 18px;
  --r-lg: 28px;
  --r-xl: 42px;

  --shadow-sm: 0 1px 2px rgba(36,54,43,.05), 0 4px 14px rgba(36,54,43,.05);
  --shadow-md: 0 2px 6px rgba(36,54,43,.06), 0 18px 44px rgba(36,54,43,.09);
  --shadow-lg: 0 30px 80px rgba(36,54,43,.14);

  --ease: cubic-bezier(.22,.61,.36,1);
}

/* ---------------------------------------------------------------- reset - */
*,*::before,*::after{ box-sizing:border-box; }
html{ -webkit-text-size-adjust:100%; scroll-behavior:smooth; scroll-padding-top:110px; }
body{
  margin:0;
  background:var(--cream);
  color:var(--ink);
  font-family:var(--font-body);
  font-size:var(--step-0);
  line-height:1.72;
  font-weight:400;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img{ max-width:100%; height:auto; display:block; }
a{ color:var(--sage-700); text-decoration-color:rgba(59,90,70,.35); text-underline-offset:3px; }
a:hover{ color:var(--clay-600); }
button{ font:inherit; }
::selection{ background:var(--clay-200); color:var(--sage-900); }

h1,h2,h3,h4{
  font-family:var(--font-display);
  font-weight:600;
  line-height:1.12;
  letter-spacing:-.015em;
  color:var(--sage-900);
  margin:0 0 .5em;
  font-variation-settings:"SOFT" 20,"WONK" 1;
}
h1{ font-size:var(--step-5); font-weight:500; }
h2{ font-size:var(--step-3); }
h3{ font-size:var(--step-2); }
h4{ font-size:var(--step-1); }
p{ margin:0 0 1.15em; }
p:last-child{ margin-bottom:0; }

/* Dokulu kağıt hissi */
body::before{
  content:"";
  position:fixed; inset:0; z-index:0; pointer-events:none;
  opacity:.5;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.045'/%3E%3C/svg%3E");
}
main,header,footer{ position:relative; z-index:1; }

/* --------------------------------------------------------------- düzen -- */
.wrap{ width:min(100% - 2.5rem, var(--wrap)); margin-inline:auto; }
.wrap-narrow{ width:min(100% - 2.5rem, var(--wrap-narrow)); margin-inline:auto; }
.section{ padding:clamp(3.5rem,7vw,6.5rem) 0; }
.section--tight{ padding:clamp(2.5rem,5vw,4rem) 0; }
.center{ text-align:center; }

.eyebrow{
  display:inline-flex; align-items:center; gap:.55rem;
  font-size:.74rem; font-weight:700; letter-spacing:.16em; text-transform:uppercase;
  color:var(--clay-600); margin:0 0 1rem;
}
.eyebrow::before{
  content:""; width:26px; height:1px; background:currentColor; opacity:.6;
}
.eyebrow--center{ justify-content:center; }
.lead{ font-size:var(--step-1); color:var(--ink-soft); line-height:1.65; }
.muted{ color:var(--muted); }

/* -------------------------------------------------------------- butonlar */
.btn{
  --btn-bg:var(--sage-700); --btn-fg:#fff; --btn-bd:var(--sage-700);
  display:inline-flex; align-items:center; justify-content:center; gap:.6rem;
  padding:.92rem 1.65rem;
  background:var(--btn-bg); color:var(--btn-fg); border:1.5px solid var(--btn-bd);
  border-radius:100px;
  font-weight:700; font-size:.96rem; letter-spacing:.005em;
  text-decoration:none; cursor:pointer;
  transition:transform .25s var(--ease), box-shadow .25s var(--ease), background .25s var(--ease), color .25s var(--ease);
  box-shadow:0 1px 2px rgba(36,54,43,.10);
}
.btn:hover{ transform:translateY(-2px); box-shadow:0 10px 24px rgba(36,54,43,.18); color:var(--btn-fg); }
.btn:active{ transform:translateY(0); }
.btn--clay{ --btn-bg:#B25A3E; --btn-bd:#B25A3E; }
.btn--clay:hover{ --btn-bg:var(--clay-600); --btn-bd:var(--clay-600); }
.btn--ghost{ --btn-bg:transparent; --btn-fg:var(--sage-700); --btn-bd:rgba(59,90,70,.35); }
.btn--ghost:hover{ --btn-bg:var(--sage-700); --btn-fg:#fff; --btn-bd:var(--sage-700); }
.btn--sm{ padding:.62rem 1.15rem; font-size:.86rem; }
.btn--wide{ width:100%; }
.btn svg{ width:18px; height:18px; flex:none; }

/* ---------------------------------------------------------------- header */
.topbar{
  background:var(--sage-900); color:rgba(255,255,255,.82);
  font-size:.8rem; letter-spacing:.01em;
}
.topbar__in{ display:flex; align-items:center; justify-content:space-between; gap:1rem; min-height:42px; flex-wrap:wrap; }
.topbar a{ color:rgba(255,255,255,.85); text-decoration:none; }
.topbar a:hover{ color:#fff; }
.topbar__offer{
  display:inline-flex; align-items:center; gap:.55rem;
  font-size:.82rem; letter-spacing:.01em;
}
.topbar__offer b{ color:#fff; border-bottom:1px solid rgba(255,255,255,.45); padding-bottom:1px; }
.topbar__offer:hover b{ border-bottom-color:#fff; }
.topbar__dot{
  width:7px; height:7px; border-radius:50%; background:var(--clay-200); flex:none;
  box-shadow:0 0 0 0 rgba(239,205,191,.65); animation:dotPulse 2.4s infinite;
}
@keyframes dotPulse{ 70%{ box-shadow:0 0 0 7px rgba(239,205,191,0);} 100%{ box-shadow:0 0 0 0 rgba(239,205,191,0);} }
.topbar__right{ display:flex; align-items:center; gap:1.4rem; }
.topbar__right a{ display:inline-flex; align-items:center; gap:.4rem; }
.topbar__right svg{ width:14px; height:14px; opacity:.65; }

.site-header{
  position:sticky; top:0; z-index:100;
  border-bottom:1px solid var(--line-soft);
  transition:box-shadow .3s var(--ease);
}
/* Bulanıklık ayrı bir katmanda: başlığa backdrop-filter verilirse içindeki
   position:fixed mobil menü başlığa göre konumlanıyor ve bozuluyor. */
.site-header::before{
  content:""; position:absolute; inset:0; z-index:-1; pointer-events:none;
  background:rgba(251,247,240,.88);
  backdrop-filter:saturate(180%) blur(14px);
  -webkit-backdrop-filter:saturate(180%) blur(14px);
  transition:background .3s var(--ease);
}
.site-header.is-stuck{ box-shadow:0 6px 26px rgba(36,54,43,.09); }
.site-header.is-stuck::before{ background:rgba(251,247,240,.96); }
/* Mobil menü açıkken başlık tamamen opak olsun ki menü altından geçsin */
body.menu-open .site-header::before{ background:var(--cream); }
.nav{ display:flex; align-items:center; justify-content:space-between; gap:1.5rem; min-height:76px; }

.brand{ display:flex; align-items:center; gap:.75rem; text-decoration:none; flex:0 1 auto; min-width:0; }
.brand__mark{
  width:44px; height:44px; border-radius:14px; flex:none;
  background:linear-gradient(145deg,var(--sage-600),var(--sage-900));
  color:#fff; display:grid; place-items:center;
  font-family:var(--font-display); font-weight:600; font-size:1.06rem; letter-spacing:.02em;
  box-shadow:0 6px 16px rgba(36,54,43,.22);
}
.brand__text{ display:flex; flex-direction:column; line-height:1.15; min-width:0; }
.brand__name{ font-family:var(--font-display); font-weight:600; font-size:1.04rem; color:var(--sage-900);
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.brand__role{ font-size:.7rem; letter-spacing:.15em; text-transform:uppercase; color:var(--clay-600); font-weight:700; }

.nav__links{ display:flex; align-items:center; gap:.15rem; list-style:none; margin:0; padding:0; }
.nav__links > li{ position:relative; }
.nav__links a{
  display:block; padding:.6rem .78rem; border-radius:99px;
  font-size:.9rem; font-weight:600; color:var(--ink-soft); text-decoration:none;
  transition:background .2s var(--ease), color .2s var(--ease);
  white-space:nowrap;
}
.nav__links a:hover, .nav__links a[aria-current="page"]{ background:var(--sage-100); color:var(--sage-900); }

.has-sub > a::after{
  content:""; display:inline-block; width:6px; height:6px; margin-left:.45rem; vertical-align:2px;
  border-right:1.6px solid currentColor; border-bottom:1.6px solid currentColor; transform:rotate(45deg);
  opacity:.55;
}
.subnav{
  position:absolute; top:calc(100% + 10px); left:50%; transform:translate(-50%,8px);
  min-width:290px; padding:.5rem; margin:0; list-style:none;
  background:var(--white); border:1px solid var(--line); border-radius:var(--r-md);
  box-shadow:var(--shadow-md);
  opacity:0; visibility:hidden; transition:.24s var(--ease);
}
.has-sub:hover .subnav, .has-sub:focus-within .subnav{ opacity:1; visibility:visible; transform:translate(-50%,0); }
.subnav a{ padding:.55rem .8rem; font-weight:600; font-size:.88rem; border-radius:var(--r-sm); }
.subnav a:hover{ background:var(--sage-50); }

.nav__cta{ display:flex; align-items:center; gap:.6rem; flex:none; position:relative; z-index:60; }
.brand{ position:relative; z-index:60; }
.lang{
  display:inline-flex; border:1px solid var(--line); border-radius:99px; overflow:hidden; background:var(--white);
}
.lang a{
  padding:.4rem .68rem; font-size:.76rem; font-weight:800; letter-spacing:.05em;
  color:var(--muted); text-decoration:none;
}
.lang a[aria-current="true"]{ background:var(--sage-700); color:#fff; }

.burger{
  display:none; position:relative; width:46px; height:46px; padding:0;
  border:1px solid var(--line); background:var(--white); border-radius:14px; cursor:pointer;
}
.burger span{
  position:absolute; left:13px; width:20px; height:1.8px;
  background:var(--sage-900); border-radius:2px;
  transition:top .22s var(--ease), transform .22s var(--ease) .06s, opacity .15s var(--ease);
}
.burger span:nth-child(1){ top:16px; }
.burger span:nth-child(2){ top:22.1px; }
.burger span:nth-child(3){ top:28.2px; }
.burger[aria-expanded="true"] span{ transition:top .22s var(--ease), transform .22s var(--ease) .06s; }
.burger[aria-expanded="true"] span:nth-child(1){ top:22.1px; transform:rotate(45deg); }
.burger[aria-expanded="true"] span:nth-child(2){ opacity:0; }
.burger[aria-expanded="true"] span:nth-child(3){ top:22.1px; transform:rotate(-45deg); }

@media (max-width:900px){
  .topbar__right a:first-child{ display:none; }
}
@media (max-width:760px){
  .topbar__in{ justify-content:center; min-height:36px; gap:.4rem; }
  .topbar__offer{ font-size:.76rem; }
  .topbar__right{ display:none; }
}
@media (max-width:600px){
  .nav{ min-height:66px; gap:.5rem; }
  .brand__role{ white-space:nowrap; }
  .brand__pre{ display:none; }
  .brand__mark{ width:38px; height:38px; border-radius:12px; font-size:.95rem; }
  .brand__name{ font-size:.9rem; }
  .brand__role{ font-size:.6rem; letter-spacing:.12em; }
  .lang a{ padding:.35rem .5rem; font-size:.7rem; }
  .dock{ right:14px; bottom:14px; }
  .dock__btn{ width:50px; height:50px; }
  .dock__btn svg{ width:25px; height:25px; }
  .chatbot{ right:12px; left:12px; bottom:78px; width:auto; }
  .cookie{ left:12px; right:12px; width:auto; bottom:12px; padding:1.15rem 1.2rem; }
  body.has-cookie .dock{ opacity:0; pointer-events:none; }
}
.dock{ transition:opacity .3s var(--ease); }
body.menu-open .dock{ opacity:0; pointer-events:none; }
@media (max-width:1040px){
  .nav__links{
    position:fixed; inset:0 0 0 auto; width:min(340px,84vw);
    flex-direction:column; align-items:stretch; gap:.2rem;
    padding:6.5rem 1.3rem 2rem; background:var(--cream);
    border-left:1px solid var(--line); box-shadow:var(--shadow-lg);
    /* Kapalıyken ekranın dışına taşmaz — mobilde yatay kaydırmayı önler */
    transform:translateY(10px); opacity:0; visibility:hidden; pointer-events:none;
    transition:transform .3s var(--ease), opacity .25s var(--ease), visibility .3s;
    overflow-y:auto; z-index:55;
  }
  .nav-backdrop{
    position:fixed; inset:0; z-index:50; background:rgba(33,47,40,.42);
    opacity:0; visibility:hidden; transition:.3s var(--ease);
  }
  .nav-backdrop.is-open{ opacity:1; visibility:visible; }
  .nav__links.is-open{ transform:none; opacity:1; visibility:visible; pointer-events:auto; }
  .nav__links a{ padding:.75rem .9rem; font-size:1rem; }
  .subnav{
    position:static; transform:none; opacity:1; visibility:visible;
    box-shadow:none; border:0; border-left:2px solid var(--sage-100);
    border-radius:0; margin:.1rem 0 .5rem .9rem; padding:0 0 0 .4rem; min-width:0;
  }
  .has-sub > a::after{ display:none; }
  .burger{ display:block; }
  .nav__cta .btn{ display:none; }
  .topbar__meta span:nth-child(n+3){ display:none; }
}

/* ------------------------------------------------------------------ hero */
.hero{
  position:relative; overflow:hidden;
  background:
    radial-gradient(1100px 620px at 82% -8%, rgba(156,187,166,.34), transparent 62%),
    radial-gradient(760px 520px at 6% 104%, rgba(239,205,191,.42), transparent 60%),
    linear-gradient(178deg,var(--cream) 0%, var(--cream-2) 100%);
  padding:clamp(3rem,6vw,5.5rem) 0 clamp(4rem,8vw,7rem);
}
.hero::after{
  content:""; position:absolute; left:0; right:0; bottom:-1px; height:70px;
  background:var(--cream);
  clip-path:ellipse(72% 100% at 50% 100%);
}
.hero__grid{
  display:grid; grid-template-columns:1.08fr .92fr; gap:clamp(2rem,5vw,4.5rem); align-items:center;
}
.hero h1{ margin-bottom:.35em; }
.hero h1 em{
  font-style:normal; color:var(--clay-600);
  font-variation-settings:"SOFT" 60,"WONK" 1;
}
.hero__lead{ font-size:var(--step-1); color:var(--ink-soft); max-width:56ch; }
.hero__actions{ display:flex; flex-wrap:wrap; gap:.8rem; margin-top:2rem; }
.hero__trust{
  display:flex; flex-wrap:wrap; gap:1.6rem; margin-top:2.4rem;
  padding-top:1.6rem; border-top:1px solid var(--line);
}
.hero__trust div{ min-width:120px; }
.hero__trust b{
  display:block; font-family:var(--font-display); font-size:1.6rem; font-weight:600; color:var(--sage-700);
  line-height:1.1;
}
.hero__trust span{ font-size:.83rem; color:var(--muted); }

.hero__media{ position:relative; }
.hero__photo{
  position:relative; z-index:2;
  border-radius:52% 48% 44% 56% / 40% 38% 62% 60%;
  overflow:hidden;
  box-shadow:0 40px 90px rgba(36,54,43,.20);
  border:8px solid rgba(255,255,255,.72);
  animation:blobMorph 22s ease-in-out infinite;
}
.hero__photo img{ width:100%; aspect-ratio:4/5; object-fit:cover; object-position:50% 22%; }
@keyframes blobMorph{
  0%,100%{ border-radius:52% 48% 44% 56% / 40% 38% 62% 60%; }
  50%    { border-radius:44% 56% 56% 44% / 52% 46% 54% 48%; }
}
.hero__badge{
  position:absolute; z-index:3; background:var(--white);
  border:1px solid var(--line); border-radius:18px; padding:.85rem 1.05rem;
  box-shadow:var(--shadow-md); display:flex; align-items:center; gap:.7rem;
  font-size:.84rem; font-weight:700; color:var(--sage-900); line-height:1.3;
}
.hero__badge small{ display:block; font-weight:500; color:var(--muted); font-size:.76rem; }
.hero__badge--1{ left:-6%; top:16%; }
.hero__badge--2{ right:-4%; bottom:14%; }
.hero__badge i{
  width:34px; height:34px; border-radius:11px; background:var(--sage-100); color:var(--sage-700);
  display:grid; place-items:center; flex:none;
}
.hero__badge svg{ width:18px; height:18px; }

@media (max-width:900px){
  .hero__grid{ grid-template-columns:1fr; }
  .hero__media{ order:-1; max-width:400px; margin-inline:auto; }
  .hero__badge--1{ left:-12px; }
  .hero__badge--2{ right:-12px; }
}
@media (max-width:520px){
  .hero__badge{ display:none; }
}

/* ------------------------------------------------------------ bölüm başı */
.sec-head{ max-width:66ch; margin-bottom:clamp(2rem,4vw,3rem); }
.sec-head--center{ margin-inline:auto; text-align:center; }

/* ---------------------------------------------------------------- kartlar */
.grid{ display:grid; gap:1.4rem; }
.grid--2{ grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); }
.grid--3{ grid-template-columns:repeat(auto-fit,minmax(310px,1fr)); }
.grid--4{ grid-template-columns:repeat(auto-fit,minmax(215px,1fr)); }

.card{
  position:relative; background:var(--white);
  border:1px solid var(--line-soft); border-radius:var(--r-lg);
  padding:1.7rem 1.6rem;
  box-shadow:var(--shadow-sm);
  transition:transform .3s var(--ease), box-shadow .3s var(--ease), border-color .3s var(--ease);
  display:flex; flex-direction:column;
}
a.card{ text-decoration:none; color:inherit; }
a.card:hover{ transform:translateY(-5px); box-shadow:var(--shadow-md); border-color:rgba(59,90,70,.22); }
.card__icon{
  width:52px; height:52px; border-radius:16px; display:grid; place-items:center;
  background:linear-gradient(150deg,var(--sage-50),var(--sage-100));
  color:var(--sage-700); margin-bottom:1.1rem;
  border:1px solid rgba(59,90,70,.12);
}
.card__icon svg{ width:25px; height:25px; }
.card h3{ font-size:var(--step-1); margin-bottom:.5rem; }
.card p{ color:var(--ink-soft); font-size:.95rem; }
.card__more{
  margin-top:auto; padding-top:1.1rem;
  font-weight:700; font-size:.87rem; color:var(--clay-600);
  display:inline-flex; align-items:center; gap:.4rem;
}
.card__more::after{ content:"→"; transition:transform .25s var(--ease); }
a.card:hover .card__more::after{ transform:translateX(4px); }
.card--tint{ background:linear-gradient(160deg,var(--sage-50),var(--white)); }
.card--clay{ background:linear-gradient(160deg,var(--clay-50),var(--white)); }
.card--clay .card__icon{ background:linear-gradient(150deg,#fbeee8,#f3d9cd); color:var(--clay-600); border-color:rgba(188,100,72,.16); }

/* etiketler */
.chips{ display:flex; flex-wrap:wrap; gap:.5rem; list-style:none; margin:0; padding:0; }
.chip{
  display:inline-flex; align-items:center; gap:.4rem;
  padding:.42rem .85rem; border-radius:99px;
  background:var(--white); border:1px solid var(--line);
  font-size:.83rem; font-weight:600; color:var(--ink-soft); text-decoration:none;
}
a.chip:hover{ background:var(--sage-700); color:#fff; border-color:var(--sage-700); }

/* --------------------------------------------------------------- şeritler */
.band{ background:var(--sage-900); color:rgba(255,255,255,.88); position:relative; overflow:hidden; }
.band h2,.band h3{ color:#fff; }
.band::before{
  content:""; position:absolute; width:520px; height:520px; border-radius:50%;
  background:radial-gradient(circle,rgba(156,187,166,.24),transparent 68%);
  top:-220px; right:-140px;
}
.band--soft{ background:var(--sage-50); color:var(--ink); }
.band--soft h2{ color:var(--sage-900); }
.band--cream{ background:var(--cream-2); }

/* --------------------------------------------------------------- adımlar */
.steps{ counter-reset:s; display:grid; gap:1.1rem; grid-template-columns:repeat(auto-fit,minmax(238px,1fr)); }
.step{
  position:relative; padding:1.6rem 1.4rem 1.4rem;
  background:var(--white); border:1px solid var(--line-soft); border-radius:var(--r-lg);
  box-shadow:var(--shadow-sm);
}
.step::before{
  counter-increment:s; content:counter(s,decimal-leading-zero);
  font-family:var(--font-display); font-size:2.4rem; font-weight:600;
  color:var(--sand-2); line-height:1; display:block; margin-bottom:.5rem;
}
.step h3{ font-size:1.1rem; margin-bottom:.35rem; }
.step p{ font-size:.92rem; color:var(--ink-soft); margin:0; }

/* ------------------------------------------------------------------- SSS */
.faq{ display:grid; gap:.75rem; }
.faq details{
  background:var(--white); border:1px solid var(--line-soft); border-radius:var(--r-md);
  padding:0 1.35rem; box-shadow:var(--shadow-sm); overflow:hidden;
}
.faq summary{
  list-style:none; cursor:pointer; padding:1.1rem 2.4rem 1.1rem 0; position:relative;
  font-family:var(--font-display); font-weight:600; font-size:1.05rem; color:var(--sage-900);
}
.faq summary::-webkit-details-marker{ display:none; }
.faq summary::after{
  content:""; position:absolute; right:.2rem; top:1.45rem;
  width:11px; height:11px; border-right:2px solid var(--sage-500); border-bottom:2px solid var(--sage-500);
  transform:rotate(45deg); transition:transform .25s var(--ease);
}
.faq details[open] summary::after{ transform:rotate(-135deg); }
.faq details[open]{ border-color:rgba(59,90,70,.2); }
.faq .faq__body{ padding:0 0 1.25rem; color:var(--ink-soft); font-size:.96rem; border-top:1px solid var(--line-soft); padding-top:1rem; }

/* -------------------------------------------------------------- iletişim */
.contact-grid{ display:grid; grid-template-columns:1fr 1fr; gap:clamp(1.5rem,4vw,3rem); align-items:start; }
@media (max-width:880px){ .contact-grid{ grid-template-columns:1fr; } }

.form{
  background:var(--white); border:1px solid var(--line-soft); border-radius:var(--r-lg);
  padding:clamp(1.5rem,3vw,2.2rem); box-shadow:var(--shadow-md);
}
.field{ margin-bottom:1.05rem; }
.field label{ display:block; font-size:.85rem; font-weight:700; color:var(--sage-900); margin-bottom:.4rem; }
.field input,.field select,.field textarea{
  width:100%; padding:.82rem 1rem; font:inherit; font-size:.95rem;
  color:var(--ink); background:var(--cream);
  border:1.5px solid var(--line); border-radius:14px;
  transition:border-color .2s var(--ease), box-shadow .2s var(--ease), background .2s var(--ease);
}
.field textarea{ min-height:120px; resize:vertical; }
.field input:focus,.field select:focus,.field textarea:focus{
  outline:none; border-color:var(--sage-500); background:var(--white);
  box-shadow:0 0 0 4px rgba(95,138,108,.15);
}
.field--check{ display:flex; gap:.65rem; align-items:flex-start; font-size:.83rem; color:var(--muted); }
.field--check input{ width:auto; margin-top:.28rem; flex:none; }
.form__note{ font-size:.8rem; color:var(--muted); margin-top:.9rem; text-align:center; }

.info-list{ list-style:none; margin:0; padding:0; display:grid; gap:1rem; }
.info-list li{ display:flex; gap:.9rem; align-items:flex-start; }
.info-list i{
  width:42px; height:42px; flex:none; border-radius:13px; display:grid; place-items:center;
  background:var(--sage-100); color:var(--sage-700);
}
.info-list svg{ width:19px; height:19px; }
.info-list b{ display:block; font-size:.8rem; letter-spacing:.06em; text-transform:uppercase; color:var(--muted); font-weight:700; }
.info-list a,.info-list span{ font-size:1rem; color:var(--ink); text-decoration:none; font-weight:600; }
.info-list a:hover{ color:var(--clay-600); }

/* -------------------------------------------------------------- makaleler */
.article{ max-width:74ch; margin-inline:auto; }
.article h2{ margin-top:2.6em; font-size:var(--step-2); }
.article h3{ margin-top:2em; font-size:var(--step-1); }
.article p,.article li{ color:var(--ink-soft); }
.article ul,.article ol{ padding-left:1.25rem; margin:0 0 1.3em; }
.article li{ margin-bottom:.5em; }
.article li::marker{ color:var(--sage-500); }
.article strong{ color:var(--sage-900); }
.article > p:first-of-type{ font-size:var(--step-1); color:var(--ink); }
.article blockquote{
  margin:2rem 0; padding:1.3rem 1.6rem;
  background:var(--sage-50); border-left:3px solid var(--sage-500);
  border-radius:0 var(--r-md) var(--r-md) 0;
  font-family:var(--font-display); font-size:1.1rem; color:var(--sage-900);
}
.article blockquote p{ color:inherit; }
.callout{
  margin:2rem 0; padding:1.4rem 1.6rem;
  background:var(--clay-50); border:1px solid var(--clay-200); border-radius:var(--r-md);
}
.callout h4{ margin-bottom:.4rem; color:var(--clay-600); font-size:1rem; }
.callout p{ margin:0; font-size:.95rem; }
.table-wrap{ overflow-x:auto; margin:1.8rem 0; border:1px solid var(--line); border-radius:var(--r-md); }
table{ width:100%; border-collapse:collapse; font-size:.92rem; background:var(--white); }
th,td{ padding:.85rem 1rem; text-align:left; border-bottom:1px solid var(--line-soft); }
th{ background:var(--sage-50); font-weight:700; color:var(--sage-900); font-size:.85rem; }
tr:last-child td{ border-bottom:0; }

.toc{
  background:var(--white); border:1px solid var(--line-soft); border-radius:var(--r-md);
  padding:1.3rem 1.5rem; margin:0 0 2.4rem; box-shadow:var(--shadow-sm);
}
.toc b{ display:block; font-family:var(--font-display); font-size:1rem; margin-bottom:.6rem; color:var(--sage-900); }
.toc ol{ margin:0; padding-left:1.15rem; font-size:.92rem; }
.toc li{ margin-bottom:.3rem; }

.page-head{
  background:
    radial-gradient(900px 460px at 88% -20%, rgba(156,187,166,.30), transparent 60%),
    linear-gradient(180deg,var(--cream-2),var(--cream));
  padding:clamp(2.4rem,5vw,4rem) 0 clamp(2rem,4vw,3rem);
  border-bottom:1px solid var(--line-soft);
}
.page-head h1{ font-size:var(--step-4); max-width:22ch; }
.page-head .lead{ max-width:62ch; }
.crumbs{ font-size:.82rem; color:var(--muted); margin-bottom:1rem; }
.crumbs a{ color:var(--muted); text-decoration:none; }
.crumbs a:hover{ color:var(--clay-600); }
.crumbs span{ margin:0 .45rem; opacity:.5; }

.meta-row{ display:flex; flex-wrap:wrap; gap:1.1rem; font-size:.84rem; color:var(--muted); margin-top:1.2rem; }
.meta-row span{ display:inline-flex; align-items:center; gap:.4rem; white-space:nowrap; }
.meta-row svg{ width:16px; height:16px; flex:none; }

/* hizmet sayfası başlığı: metin + görsel */
.page-head--split{ padding-bottom:clamp(2.4rem,4.5vw,3.6rem); overflow:hidden; }
.page-head__grid{
  display:grid; grid-template-columns:1.05fr .95fr;
  gap:clamp(1.8rem,4vw,3.4rem); align-items:center;
}
.page-head--split h1{ max-width:16ch; }
.page-head--split .lead{ max-width:46ch; }
.page-head__art{
  margin:0; position:relative; border-radius:var(--r-lg); overflow:hidden; aspect-ratio:4/3;
  box-shadow:0 24px 60px -28px rgba(31,49,40,.42);
  transform:rotate(-1.1deg);
}
.page-head__art::after{
  content:""; position:absolute; inset:0; pointer-events:none;
  box-shadow:inset 0 0 0 1px rgba(251,247,240,.30); border-radius:inherit;
}
.page-head__art > svg,
.page-head__art > picture img{ display:block; width:100%; height:100%; object-fit:cover; }
@media (max-width:860px){
  .page-head__grid{ grid-template-columns:1fr; }
  .page-head--split h1,
  .page-head--split .lead{ max-width:none; }
  .page-head__art{ transform:none; order:-1; aspect-ratio:16/9; }
}

/* --------------------------------------------------------------- yazılar */
.post-card{ overflow:hidden; padding:0; }
.post-card__img{ aspect-ratio:16/10; overflow:hidden; background:var(--sage-100); }
.post-card__img img{ width:100%; height:100%; object-fit:cover; transition:transform .5s var(--ease); }
a.post-card:hover .post-card__img img{ transform:scale(1.05); }
.post-card__body{ padding:1.5rem 1.5rem 1.7rem; display:flex; flex-direction:column; flex:1; }
.post-card__cat{ font-size:.72rem; letter-spacing:.12em; text-transform:uppercase; font-weight:800; color:var(--clay-600); margin-bottom:.6rem; }
.post-card h3{ font-size:1.16rem; line-height:1.28; }

/* ---------------------------------------------------------------- footer */
.site-footer{ background:var(--sage-900); color:rgba(255,255,255,.72); padding:clamp(3rem,6vw,4.5rem) 0 0; margin-top:0; }
.site-footer h4{ color:#fff; font-size:1rem; margin-bottom:1rem; }
.footer-grid{ display:grid; grid-template-columns:1.5fr 1fr 1fr 1.2fr; gap:2.2rem; }
@media (max-width:860px){ .footer-grid{ grid-template-columns:1fr 1fr; } }
@media (max-width:520px){ .footer-grid{ grid-template-columns:1fr; } }
.site-footer a{ color:rgba(255,255,255,.72); text-decoration:none; }
.site-footer a:hover{ color:#fff; }
.site-footer ul{ list-style:none; margin:0; padding:0; display:grid; gap:.55rem; font-size:.92rem; }
.site-footer .brand__name{ color:#fff; }
.site-footer .brand__mark{ background:rgba(255,255,255,.12); }
.site-footer .brand__role{ color:var(--clay-200); }
.site-footer .cookie__link{ color:rgba(255,255,255,.72); }
.footer-about{ font-size:.92rem; max-width:38ch; margin-top:1rem; }
.socials{ display:flex; gap:.6rem; margin-top:1.2rem; }
.socials a{
  width:40px; height:40px; border-radius:12px; display:grid; place-items:center;
  background:rgba(255,255,255,.09); border:1px solid rgba(255,255,255,.10);
  transition:background .25s var(--ease), transform .25s var(--ease);
}
.socials a:hover{ background:rgba(255,255,255,.2); transform:translateY(-2px); }
.socials svg{ width:18px; height:18px; }
.footer-bottom{
  margin-top:3rem; padding:1.4rem 0; border-top:1px solid rgba(255,255,255,.10);
  display:flex; flex-wrap:wrap; gap:.8rem 1.6rem; justify-content:space-between;
  font-size:.83rem;
}
.disclaimer{
  background:rgba(0,0,0,.18); border-radius:var(--r-md); padding:1.1rem 1.3rem;
  font-size:.83rem; line-height:1.6; margin-top:2.4rem;
}

/* ------------------------------------------------------------ yüzen araç */
.dock{ position:fixed; right:20px; bottom:20px; z-index:80; display:flex; flex-direction:column; gap:12px; align-items:flex-end; }
@media (max-width:600px){
  .dock{ right:12px; bottom:12px; gap:9px; }
  .dock .dock__btn{ width:46px; height:46px; }
  .dock .dock__btn svg{ width:23px; height:23px; }
}
.dock__btn{
  width:56px; height:56px; border-radius:50%; border:0; cursor:pointer;
  display:grid; place-items:center; color:#fff;
  box-shadow:0 10px 30px rgba(36,54,43,.28);
  transition:transform .25s var(--ease), box-shadow .25s var(--ease);
}
.dock__btn:hover{ transform:translateY(-3px) scale(1.04); }
.dock__btn svg{ width:29px; height:29px; }
.dock__wa{ background:#25D366; }
.dock__wa::after{
  content:""; position:absolute; inset:0; border-radius:50%;
  box-shadow:0 0 0 0 rgba(37,211,102,.55); animation:pulse 2.6s infinite;
}
.dock__wa{ position:relative; }
@keyframes pulse{ 70%{ box-shadow:0 0 0 16px rgba(37,211,102,0);} 100%{ box-shadow:0 0 0 0 rgba(37,211,102,0);} }
.dock__chat{ background:linear-gradient(145deg,var(--sage-600),var(--sage-900)); }
.dock__chat .x{ display:none; }
.dock__chat.is-open .ic{ display:none; }
.dock__chat.is-open .x{ display:block; }

/* --------------------------------------------------------------- chatbot */
.chatbot{
  position:fixed; right:20px; bottom:92px; z-index:81;
  width:min(378px, calc(100vw - 40px)); max-height:min(600px, calc(100vh - 130px));
  background:var(--cream); border:1px solid var(--line); border-radius:24px;
  box-shadow:0 30px 80px rgba(36,54,43,.28);
  display:flex; flex-direction:column; overflow:hidden;
  opacity:0; visibility:hidden; transform:translateY(16px) scale(.97);
  transition:.3s var(--ease);
}
.chatbot.is-open{ opacity:1; visibility:visible; transform:none; }
.chatbot__head{
  background:linear-gradient(140deg,var(--sage-700),var(--sage-900)); color:#fff;
  padding:1.05rem 1.15rem; display:flex; gap:.8rem; align-items:center;
}
.chatbot__avatar{
  width:42px; height:42px; border-radius:50%; background:rgba(255,255,255,.16);
  display:grid; place-items:center; font-family:var(--font-display); font-weight:600; flex:none;
}
.chatbot__head b{ display:block; font-size:.96rem; }
.chatbot__head small{ font-size:.76rem; opacity:.8; display:flex; align-items:center; gap:.35rem; }
.chatbot__head small::before{ content:""; width:7px; height:7px; border-radius:50%; background:#7ee2a8; }
.chatbot__close{ margin-left:auto; background:none; border:0; color:#fff; opacity:.75; cursor:pointer; font-size:1.35rem; line-height:1; padding:.2rem .35rem; }
.chatbot__close:hover{ opacity:1; }

.chatbot__body{ flex:1; overflow-y:auto; padding:1.1rem; display:flex; flex-direction:column; gap:.7rem; }
.msg{ max-width:86%; padding:.72rem .95rem; font-size:.9rem; line-height:1.55; border-radius:16px; }
.msg--bot{ background:var(--white); border:1px solid var(--line-soft); border-bottom-left-radius:5px; align-self:flex-start; box-shadow:var(--shadow-sm); }
.msg--user{ background:var(--sage-700); color:#fff; border-bottom-right-radius:5px; align-self:flex-end; }
.msg a{ color:var(--clay-600); font-weight:700; }
.msg--user a{ color:#fff; }
.msg ul{ margin:.5rem 0 0; padding-left:1.1rem; }
.typing{ display:flex; gap:4px; padding:.85rem 1rem; }
.typing i{ width:7px; height:7px; border-radius:50%; background:var(--sage-300); animation:blink 1.3s infinite; }
.typing i:nth-child(2){ animation-delay:.2s; } .typing i:nth-child(3){ animation-delay:.4s; }
@keyframes blink{ 0%,60%,100%{ opacity:.28; transform:translateY(0);} 30%{ opacity:1; transform:translateY(-3px);} }

.chatbot__chips{ display:flex; flex-wrap:wrap; gap:.4rem; padding:0 1.1rem .6rem; }
.chatbot__chips button{
  background:var(--white); border:1px solid var(--sage-300); color:var(--sage-700);
  border-radius:99px; padding:.42rem .8rem; font-size:.79rem; font-weight:700; cursor:pointer;
  transition:.2s var(--ease);
}
.chatbot__chips button:hover{ background:var(--sage-700); color:#fff; border-color:var(--sage-700); }
.chatbot__foot{ display:flex; gap:.5rem; padding:.75rem; border-top:1px solid var(--line-soft); background:var(--white); }
.chatbot__foot input{
  flex:1; border:1.5px solid var(--line); border-radius:99px; padding:.65rem .95rem;
  font:inherit; font-size:.9rem; background:var(--cream);
}
.chatbot__foot input:focus{ outline:none; border-color:var(--sage-500); }
.chatbot__foot button{
  width:42px; height:42px; border-radius:50%; border:0; background:var(--sage-700); color:#fff;
  display:grid; place-items:center; cursor:pointer; flex:none;
}
.chatbot__foot button:hover{ background:var(--sage-900); }
.chatbot__foot svg{ width:18px; height:18px; }
.chatbot__legal{ font-size:.68rem; color:var(--muted); text-align:center; padding:0 1rem .7rem; background:var(--white); }

/* ---------------------------------------------------------------- çerez  */
.cookie{
  position:fixed; left:20px; bottom:20px; z-index:90;
  width:min(430px, calc(100vw - 40px));
  background:var(--white); border:1px solid var(--line); border-radius:22px;
  box-shadow:0 26px 70px rgba(36,54,43,.26);
  padding:1.4rem 1.5rem;
  transform:translateY(140%); transition:transform .45s var(--ease);
}
.cookie.is-open{ transform:none; }
.cookie h4{ font-size:1.06rem; margin-bottom:.45rem; display:flex; align-items:center; gap:.5rem; }
.cookie h4 svg{ width:20px; height:20px; color:var(--clay); }
.cookie p{ font-size:.87rem; color:var(--ink-soft); margin-bottom:1rem; }
.cookie__actions{ display:flex; flex-wrap:wrap; gap:.55rem; }
.cookie__actions .btn{ flex:1 1 auto; padding:.7rem 1rem; font-size:.86rem; }
.cookie__link{ background:none; border:0; color:var(--muted); font-size:.8rem; text-decoration:underline; cursor:pointer; padding:.4rem 0; }

.modal{
  position:fixed; inset:0; z-index:200; display:grid; place-items:center; padding:1.2rem;
  background:rgba(33,47,40,.55); backdrop-filter:blur(4px);
  opacity:0; visibility:hidden; transition:.3s var(--ease);
}
.modal.is-open{ opacity:1; visibility:visible; }
.modal__box{
  background:var(--cream); border-radius:24px; width:min(560px,100%);
  max-height:min(86vh,700px); overflow-y:auto; padding:1.8rem;
  box-shadow:var(--shadow-lg); transform:translateY(14px); transition:.3s var(--ease);
}
.modal.is-open .modal__box{ transform:none; }
.modal__box h3{ font-size:1.3rem; }
.pref{
  background:var(--white); border:1px solid var(--line-soft); border-radius:var(--r-md);
  padding:1rem 1.15rem; margin-bottom:.75rem;
  display:flex; gap:1rem; align-items:flex-start;
}
.pref b{ display:block; font-size:.95rem; color:var(--sage-900); }
.pref p{ font-size:.84rem; color:var(--muted); margin:.25rem 0 0; }
.switch{ position:relative; width:46px; height:26px; flex:none; margin-left:auto; }
.switch input{ opacity:0; width:0; height:0; }
.switch i{
  position:absolute; inset:0; background:var(--sand); border-radius:99px; cursor:pointer; transition:.25s;
}
.switch i::before{
  content:""; position:absolute; width:20px; height:20px; left:3px; top:3px;
  background:#fff; border-radius:50%; transition:.25s; box-shadow:0 1px 3px rgba(0,0,0,.2);
}
.switch input:checked + i{ background:var(--sage-600); }
.switch input:checked + i::before{ transform:translateX(20px); }
.switch input:disabled + i{ background:var(--sage-300); cursor:not-allowed; }

/* ------------------------------------------------------------ animasyon  */
.reveal{ opacity:1; }
.js .reveal{ opacity:0; transform:translateY(22px); }
.reveal.is-in{ opacity:1; transform:none; transition:opacity .75s var(--ease), transform .75s var(--ease); }
.stagger > *{ opacity:0; transform:translateY(18px); animation:rise .8s var(--ease) forwards; }
.stagger > *:nth-child(1){ animation-delay:.05s; }
.stagger > *:nth-child(2){ animation-delay:.16s; }
.stagger > *:nth-child(3){ animation-delay:.27s; }
.stagger > *:nth-child(4){ animation-delay:.38s; }
.stagger > *:nth-child(5){ animation-delay:.49s; }
@keyframes rise{ to{ opacity:1; transform:none; } }

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{ animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; }
  .reveal{ opacity:1; transform:none; }
}

/* ---------------------------------------------------------------- yardım */
.sr-only{ position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.skip{ position:absolute; left:-9999px; top:0; background:var(--sage-900); color:#fff; padding:.8rem 1.2rem; z-index:200; border-radius:0 0 12px 0; }
.skip:focus{ left:0; }
:focus-visible{ outline:3px solid var(--clay); outline-offset:3px; border-radius:4px; }
.split{ display:grid; grid-template-columns:1fr 1fr; gap:clamp(1.8rem,4vw,3.5rem); align-items:center; }
.split--rev .split__media{ order:2; }
@media (max-width:880px){ .split{ grid-template-columns:1fr; } .split--rev .split__media{ order:0; } }
.split__media img{ border-radius:var(--r-xl); box-shadow:var(--shadow-md); width:100%; }
.frame{ position:relative; }
.frame::before{
  content:""; position:absolute; inset:18px -18px -18px 18px;
  border:1.5px solid var(--sage-300); border-radius:var(--r-xl);
  pointer-events:none;
}
.frame > *{ position:relative; z-index:1; }
@media (max-width:880px){ .frame::before{ inset:14px -14px -14px 14px; } }
.tick{ list-style:none; margin:0; padding:0; display:grid; gap:.7rem; }
.tick li{ display:flex; gap:.7rem; align-items:flex-start; font-size:.96rem; color:var(--ink-soft); }
.tick li::before{
  content:"✓"; flex:none; width:22px; height:22px; border-radius:50%;
  background:var(--sage-100); color:var(--sage-700); display:grid; place-items:center;
  font-size:.72rem; font-weight:800; margin-top:.18rem;
}
.pill-note{
  display:inline-flex; align-items:center; gap:.5rem; padding:.5rem 1rem;
  background:var(--clay-50); border:1px solid var(--clay-200); border-radius:99px;
  font-size:.82rem; font-weight:600; color:var(--clay-600);
}


/* ---------------------------------------------------------------- video  */
.video{
  position:relative; aspect-ratio:16/9; border-radius:var(--r-lg); overflow:hidden;
  background:linear-gradient(140deg,var(--sage-900),var(--sage-600) 55%,var(--clay) 140%);
  box-shadow:var(--shadow-md); border:1px solid var(--line-soft);
  display:grid; place-items:center; cursor:pointer; width:100%; padding:0;
  color:#fff; text-align:left;
}
.video::before{
  content:""; position:absolute; inset:0;
  background:
    radial-gradient(420px 300px at 82% 12%, rgba(239,205,191,.35), transparent 65%),
    radial-gradient(380px 280px at 12% 88%, rgba(156,187,166,.30), transparent 62%);
}
.video__play{
  position:relative; z-index:2; width:82px; height:82px; border-radius:50%;
  background:rgba(255,255,255,.94); color:var(--clay);
  display:grid; place-items:center;
  box-shadow:0 14px 40px rgba(0,0,0,.28);
  transition:transform .3s var(--ease), background .3s var(--ease);
}
.video__play svg{ width:34px; height:34px; margin-left:4px; }
.video:hover .video__play{ transform:scale(1.09); background:#fff; }
.video__meta{
  position:absolute; z-index:2; left:0; right:0; bottom:0; padding:1.4rem 1.6rem;
  background:linear-gradient(180deg,transparent,rgba(20,32,25,.72));
}
.video__meta b{ display:block; font-family:var(--font-display); font-size:1.15rem; line-height:1.3; }
.video__meta span{ font-size:.83rem; opacity:.85; }
.video iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; z-index:5; }
.video__note{ font-size:.8rem; color:var(--muted); margin-top:.8rem; }

/* ------------------------------------------------- ücretsiz ön görüşme -- */
.freecall{
  position:relative; overflow:hidden;
  background:linear-gradient(150deg,var(--clay) 0%, #A5543A 55%, #8E4630 100%);
  color:#fff;
}
.freecall::before{
  content:""; position:absolute; inset:0;
  background:
    radial-gradient(560px 380px at 88% 8%, rgba(255,255,255,.16), transparent 60%),
    radial-gradient(420px 320px at 6% 96%, rgba(36,54,43,.30), transparent 62%);
}
.freecall .wrap{ position:relative; z-index:1; }
.freecall h2{ color:#fff; }
.freecall__grid{ display:grid; grid-template-columns:1.05fr .95fr; gap:clamp(2rem,5vw,4rem); align-items:center; }
@media (max-width:900px){ .freecall__grid{ grid-template-columns:1fr; } }
.freecall__badge{
  display:inline-flex; align-items:center; gap:.6rem;
  background:rgba(255,255,255,.16); border:1px solid rgba(255,255,255,.28);
  border-radius:99px; padding:.45rem 1rem; font-size:.82rem; font-weight:700;
  letter-spacing:.04em; text-transform:uppercase; margin-bottom:1.2rem;
}
.freecall__badge svg{ width:16px; height:16px; }
.freecall p{ color:rgba(255,255,255,.92); }
.freecall .btn--light{
  --btn-bg:#fff; --btn-fg:var(--clay-600); --btn-bd:#fff;
}
.freecall .btn--outline{
  --btn-bg:transparent; --btn-fg:#fff; --btn-bd:rgba(255,255,255,.5);
}
.freecall .btn--outline:hover{ --btn-bg:rgba(255,255,255,.14); }
.freecall__list{ list-style:none; margin:0; padding:0; display:grid; gap:.9rem; }
.freecall__list li{
  display:flex; gap:.9rem; align-items:flex-start;
  background:rgba(255,255,255,.10); border:1px solid rgba(255,255,255,.16);
  border-radius:var(--r-md); padding:1rem 1.15rem;
  backdrop-filter:blur(2px);
}
.freecall__list b{ display:block; font-family:var(--font-display); font-size:1.02rem; margin-bottom:.15rem; }
.freecall__list span{ font-size:.9rem; color:rgba(255,255,255,.86); }
.freecall__list i{
  width:34px; height:34px; flex:none; border-radius:11px; display:grid; place-items:center;
  background:rgba(255,255,255,.18);
}
.freecall__list svg{ width:17px; height:17px; }

/* --------------------------------------------- illüstrasyonlu kart başı -- */
.card--art{ padding:0; overflow:hidden; }
.card--art .card__art{ display:block; width:100%; aspect-ratio:16/9; overflow:hidden; }
.card--art picture.card__art img{
  width:100%; height:100%; object-fit:cover; display:block;
  transition:transform .6s var(--ease);
}
.card--art:hover picture.card__art img{ transform:scale(1.045); }
.card--art .card__in{ padding:1.5rem 1.5rem 1.7rem; display:flex; flex-direction:column; flex:1; }
.card--art h3{ margin-bottom:.45rem; }

/* -------------------------------------------------- eğri bölüm ayırıcı -- */
.curve-top{ position:relative; }
.curve-top::before{
  content:""; position:absolute; top:-1px; left:0; right:0; height:52px;
  background:inherit; clip-path:ellipse(70% 100% at 50% 0%);
  transform:translateY(-51px);
}

/* ---------------------------------------------------------- foto şerit -- */
.photo-strip{ display:grid; grid-template-columns:1.1fr .9fr; gap:1rem; }
.photo-strip img{ width:100%; height:100%; object-fit:cover; border-radius:var(--r-lg); }
.photo-strip > div:first-child img{ aspect-ratio:4/5; }
.photo-strip__col{ display:grid; gap:1rem; }
.photo-strip__col img{ aspect-ratio:1/1; }
@media (max-width:600px){ .photo-strip{ grid-template-columns:1fr; } }

/* ------------------------------------------------------------ alıntı ---- */
.pull{
  border-left:3px solid var(--clay); padding:.2rem 0 .2rem 1.3rem;
  font-family:var(--font-display); font-size:var(--step-2); line-height:1.35;
  color:var(--sage-900); margin:2.2rem 0;
}

/* ---------------------------------------------------------- yazı görseli */
.post-hero{
  max-width:74ch; margin:0 auto 2.6rem;
  border-radius:var(--r-lg); overflow:hidden; box-shadow:var(--shadow-md);
  transform:translateY(-2.2rem);
}
.post-hero img{ width:100%; height:auto; display:block; aspect-ratio:16/8; object-fit:cover; }

/* ------------------------------------------------------- danışan görüşleri */
.rev-grid{
  display:grid; gap:1.2rem; margin-top:.5rem;
  grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
}
.rev{
  margin:0; background:var(--white); border:1px solid var(--line-soft);
  border-radius:var(--r-lg); padding:1.5rem 1.5rem 1.2rem;
  box-shadow:var(--shadow-sm); display:flex; flex-direction:column;
}
.rev__top{ display:flex; align-items:center; gap:.75rem; margin-bottom:1rem; }
.rev__ava{
  width:38px; height:38px; border-radius:50%; flex:none; display:grid; place-items:center;
  background:var(--sage-100); color:var(--sage-900); font-weight:700; font-size:.95rem;
}
.rev__top b{ display:block; font-size:.95rem; color:var(--ink); }
.rev__meta{ display:block; font-size:.78rem; color:var(--muted); }
.rev__stars{ margin-left:auto; color:#E0A32E; letter-spacing:.06em; font-size:.95rem; flex:none; }
.rev blockquote{
  margin:0; padding:0; border:0; font-size:.95rem; line-height:1.7; color:var(--ink-soft);
  quotes:"“" "”"; flex:1;
}
.rev blockquote::before{ content:open-quote; color:var(--sage-300); font-size:1.4em; line-height:0; margin-right:.1em; }
.rev figcaption{ margin-top:1.1rem; font-size:.82rem; }
.rev figcaption a{ color:var(--clay-600); text-decoration:none; font-weight:600; }
.rev figcaption a:hover{ text-decoration:underline; }

/* ---- kendiliğinden akan görüş şeridi ---- */
.rev-flow{
  position:relative; margin-top:2.2rem;
  overflow-x:auto; overflow-y:hidden;
  scrollbar-width:none; -webkit-overflow-scrolling:touch;
  -webkit-mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent);
          mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent);
}
.rev-flow::-webkit-scrollbar{ display:none; }
.rev-flow__track{
  display:flex; align-items:stretch; gap:1.1rem; width:max-content;
  padding:.4rem 1.4rem;
  animation:rev-marquee var(--rev-dur,70s) linear infinite;
}
.rev-flow:hover .rev-flow__track,
.rev-flow:focus-within .rev-flow__track,
.rev-flow.is-held .rev-flow__track{ animation-play-state:paused; }
@keyframes rev-marquee{ from{ transform:translate3d(0,0,0); } to{ transform:translate3d(-50%,0,0); } }

.rev-flow .rev{
  width:308px; flex:none; padding:1.3rem 1.35rem 1.05rem;
}
.rev-flow .rev blockquote{
  font-size:.9rem; line-height:1.65; flex:none;
  display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:8;
  overflow:hidden;
}
.rev-flow .rev figcaption{ margin-top:auto; padding-top:.9rem; font-size:.78rem; }

.rev-shot{
  width:196px; flex:none; align-self:center;
  display:block; text-decoration:none; color:var(--muted);
  font-size:.75rem; text-align:center;
}
.rev-shot img{
  width:100%; height:230px; object-fit:cover; object-position:top center;
  border-radius:var(--r-md); border:1px solid var(--line);
  box-shadow:var(--shadow-sm); background:var(--white); display:block;
  transition:transform .3s var(--ease), box-shadow .3s var(--ease);
}
.rev-shot:hover img{ transform:translateY(-4px); box-shadow:var(--shadow-md); }
.rev-shot span{ display:block; margin-top:.55rem; font-weight:600; }

.rev-flow__note{
  margin-top:1.1rem; text-align:center; font-size:.8rem; color:var(--muted);
}

@media (max-width:600px){
  .rev-flow__track{ gap:.85rem; padding:.3rem 1rem; }
  .rev-flow .rev{ width:266px; padding:1.15rem 1.2rem 1rem; }
  .rev-flow .rev blockquote{ -webkit-line-clamp:8; }
  .rev-shot{ width:150px; }
  .rev-shot img{ height:186px; }
}
@media (prefers-reduced-motion:reduce){
  .rev-flow__track{ animation:none; }
}

/* ---------------------------------------------------- geniş görsel şeridi */
.wide-shot{ position:relative; border-radius:var(--r-lg); overflow:hidden; box-shadow:var(--shadow-md); }
.wide-shot img{ display:block; width:100%; height:100%; object-fit:cover; aspect-ratio:16/9; }
.wide-shot figcaption{
  position:absolute; left:0; right:0; bottom:0; padding:1.4rem 1.6rem; color:#fff;
  background:linear-gradient(to top, rgba(31,49,40,.78), rgba(31,49,40,0));
  font-size:.92rem;
}
@media (max-width:600px){ .wide-shot img{ aspect-ratio:4/3; } }

/* -------------------------------------------------- şehir / ilçe sayfaları */
.link-arrow{
  color:var(--clay-600); text-decoration:none; font-weight:600; font-size:.95rem;
}
.link-arrow:hover{ text-decoration:underline; }

.card--pad{ padding:1.8rem 1.7rem; }
.card--pad h3{ margin:0 0 .7rem; font-size:1.15rem; }
.card--pad p{ margin:0 0 .8rem; color:var(--ink-soft); font-size:.95rem; line-height:1.7; }
.card--pad p:last-child{ margin-bottom:0; }

.il-grid{
  display:grid; gap:2rem 1.8rem; margin-top:.5rem;
  grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
}
.il-col h3{
  margin:0 0 .9rem; font-size:.82rem; letter-spacing:.12em; text-transform:uppercase;
  color:var(--clay-600); font-family:var(--font-body); font-weight:700;
}
.il-list{ list-style:none; margin:0; padding:0; display:grid; gap:.42rem; }
.il-list a{
  color:var(--ink-soft); text-decoration:none; font-size:.92rem;
  border-bottom:1px solid transparent; transition:color .2s var(--ease), border-color .2s var(--ease);
}
.il-list a:hover{ color:var(--sage-900); border-bottom-color:var(--sage-300); }