/*!
 * Dt. Mustafa Özden — tema stilleri
 * Tokenler design-dna.json'dan türetilmiştir.
 */

/* ============================================================
   DESIGN DNA TOKENS  —  design-dna.json → CSS custom properties
   Source: ClinicMaster Dentist :root block (exact values)
   ============================================================ */
:root{
  /* color */
  --primary:#22B8C8;          /* light turquoise — wave, swoosh, accents (dental / clean) */
  --primary-ink:#0A7482;      /* same family, darkened until white text clears WCAG AA (5.48:1) */
  --primary-ink-dark:#08616C; /* its hover state */
  --primary-on-dark:#6FDCE6;  /* turquoise text on the navy grounds (7.53:1) */
  --primary-dark:#0A6E7B;
  --primary-rgb:34,184,200;
  --secondary:#12375E;        /* deep ocean navy — pairs with the turquoise */
  --secondary-dark:#0B2745;
  --secondary-rgb:18,55,94;
  --heading:#12375E;
  --body:#50667E;
  --muted:#5C6E82;
  --tint:#E2F4F7;             /* cool tint behind chips, icon tiles and check marks */
  --light:#EEF8FA;
  --light-2:#F7FCFD;
  --white:#fff;
  --line:rgba(18,55,94,.10);
  --tile:linear-gradient(180deg,#FFFFFF 0%,#DFF1F5 100%);

  /* type */
  --font:'Poppins','Segoe UI',system-ui,-apple-system,sans-serif;
  --fs-display:clamp(2.35rem,5.2vw,5rem);
  --fs-h1:clamp(2rem,3.6vw,3rem);
  --fs-h2:clamp(1.5rem,2.4vw,2.25rem);
  --fs-h3:1.25rem;
  --fs-body:1rem;
  --fs-small:.9375rem;
  --fs-caption:.8125rem;
  --fs-overline:.875rem;

  /* space + layout */
  --container:1320px;
  --gutter:30px;
  --section-y:clamp(60px,8vw,120px);

  /* shape */
  --r-sm:10px;
  --r-md:15px;
  --r-lg:24px;
  --r-pill:999px;

  /* elevation */
  --sh-low:0 0 30px rgba(18,55,94,.07);
  --sh-mid:0 10px 30px rgba(18,55,94,.11);
  --sh-high:0 20px 40px rgba(20,140,160,.22);

  /* motion */
  --ease:cubic-bezier(.22,1,.36,1);
  --t-micro:180ms;
  --t-normal:400ms;
  --t-macro:800ms;
}

/* ---------- reset ---------- */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px;-webkit-text-size-adjust:100%}
body{
  margin:0;font-family:var(--font);font-size:var(--fs-body);font-weight:400;
  line-height:1.75;color:var(--body);background:var(--white);
  overflow-x:hidden;-webkit-font-smoothing:antialiased;
}
img,svg,video,iframe{display:block;max-width:100%}
img{height:auto}
a{color:inherit;text-decoration:none;transition:color var(--t-normal) var(--ease)}
button,input,textarea,select{font:inherit;color:inherit}
button{cursor:pointer;background:none;border:0}
h1,h2,h3,h4{color:var(--heading);font-weight:600;margin:0 0 .5em;letter-spacing:-.015em}
h1{font-size:var(--fs-h1);line-height:1.2}
h2{font-size:var(--fs-h2);line-height:1.3}
h3{font-size:var(--fs-h3);font-weight:500;line-height:1.4;letter-spacing:0}
p{margin:0 0 1rem}
p:last-child{margin-bottom:0}
ul{margin:0;padding:0;list-style:none}
:focus-visible{outline:2px solid var(--primary);outline-offset:3px;border-radius:4px}

/* ---------- layout primitives ---------- */
.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:20px}
.section{padding-block:var(--section-y);position:relative}
.section--light{background:var(--light-2)}
.section--tint{background:var(--light)}
.grid{display:grid;gap:var(--gutter)}
.split{display:grid;gap:clamp(36px,5vw,70px);align-items:center}
@media(min-width:992px){.split{grid-template-columns:1fr 1fr}}

/* ---------- section header ---------- */
.eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  font-size:var(--fs-overline);font-weight:500;letter-spacing:.04em;
  color:var(--secondary);background:var(--tint);
  padding:6px 16px;border-radius:var(--r-pill);margin-bottom:18px;
}
.eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--primary)}
.sec-head{max-width:660px;margin:0 auto clamp(38px,5vw,60px);text-align:center}
.sec-head p{color:var(--body)}
.sec-head--start{margin-inline:0;text-align:start}

/* ---------- buttons ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:14px 25px;border-radius:var(--r-md);border:1px solid transparent;
  font-size:var(--fs-body);font-weight:500;line-height:1.25;white-space:nowrap;
  transition:background-color var(--t-normal) var(--ease),
             border-color var(--t-normal) var(--ease),
             color var(--t-normal) var(--ease),
             box-shadow var(--t-normal) var(--ease),
             transform var(--t-normal) var(--ease);
}
.btn svg{width:18px;height:18px;flex:none}
.btn-primary{background:var(--primary-ink);border-color:var(--primary-ink);color:#fff;box-shadow:var(--sh-high)}
.btn-primary:hover{background:var(--primary-ink-dark);border-color:var(--primary-ink-dark);color:#fff}
.btn-secondary{background:var(--secondary);border-color:var(--secondary);color:#fff}
.btn-secondary:hover{background:var(--secondary-dark);border-color:var(--secondary-dark);color:#fff}
.btn-ghost{border-color:rgba(var(--secondary-rgb),.25);color:var(--secondary)}
.btn-ghost:hover{background:var(--secondary);border-color:var(--secondary);color:#fff}
.btn-sm{padding:10px 18px;font-size:var(--fs-small)}

/* ---------- topbar ---------- */
.topbar{background:#fff;color:var(--body);font-size:var(--fs-caption);border-bottom:1px solid var(--line)}
.topbar .container{display:flex;flex-wrap:wrap;gap:10px 26px;align-items:center;min-height:44px;padding-block:8px}
.topbar a:hover{color:var(--primary-ink)}
.topbar .tb-item{display:inline-flex;align-items:center;gap:8px}
.topbar svg{width:15px;height:15px;color:var(--primary-ink);flex:none}
.topbar .tb-social{margin-inline-start:auto;display:flex;gap:6px}
.topbar .tb-social a{
  width:28px;height:28px;display:grid;place-items:center;border-radius:50%;
  color:var(--secondary);background:var(--light);
  transition:background var(--t-normal) var(--ease),color var(--t-normal) var(--ease)
}
.topbar .tb-social a:hover{background:var(--primary-ink);color:#fff}
@media(max-width:767px){.topbar .tb-hide-sm{display:none}.topbar .tb-social{margin-inline-start:auto}}

/* ---------- header ---------- */
.site-header{position:sticky;top:0;z-index:60;padding-top:16px;
  transition:padding var(--t-normal) var(--ease)}
.site-header .container{transition:max-width var(--t-normal) var(--ease),padding var(--t-normal) var(--ease)}
.site-header.is-stuck{padding-top:0}
.site-header.is-stuck .container{max-width:100%;padding-inline:clamp(20px,3vw,48px)}
.nav{display:flex;align-items:center;gap:24px;min-height:76px;
  background:var(--secondary);border-radius:var(--r-lg);padding-inline:24px 14px;
  box-shadow:0 12px 34px rgba(18,55,94,.22);
  transition:border-radius var(--t-normal) var(--ease)}
.site-header.is-stuck .nav{border-radius:0;box-shadow:0 6px 22px rgba(18,55,94,.26)}

.brand{display:flex;align-items:center;gap:12px;flex:none}
.brand__mark{width:42px;height:42px;flex:none;color:var(--primary)}
.brand__text{display:flex;flex-direction:column;line-height:1.15}
.brand__name{font-weight:600;color:#fff;font-size:1.0625rem;letter-spacing:-.01em}
.brand__sub{font-size:.6875rem;color:rgba(255,255,255,.55);letter-spacing:.06em;text-transform:uppercase}
.site-header .brand__mark{color:var(--primary)}

.nav__links{display:flex;align-items:center;gap:4px;margin-inline-start:auto}
.nav__links a{
  position:relative;padding:10px 14px;font-size:var(--fs-small);font-weight:500;color:var(--secondary);
  border-radius:var(--r-sm);
}
@media(min-width:992px){.nav__links a{color:rgba(255,255,255,.92)}
  .nav__links a:hover{color:var(--primary-on-dark)}}
.nav__links a::after{
  content:"";position:absolute;left:14px;right:14px;bottom:4px;height:2px;border-radius:2px;
  background:var(--primary);transform:scaleX(0);transform-origin:left;
  transition:transform var(--t-normal) var(--ease)
}
.nav__links a:hover{color:var(--primary)}
.nav__links a:hover::after,.nav__links a.is-active::after{transform:scaleX(1)}
.nav__links .drawer-cta{display:none}
.nav__cta{flex:none;display:flex;align-items:center;gap:10px}
.nav__toggle{display:none;width:44px;height:44px;border-radius:var(--r-sm);
  border:1px solid rgba(255,255,255,.25);align-items:center;justify-content:center;color:#fff}
.nav__toggle svg{width:22px;height:22px}
.nav__close{display:none}

@media(max-width:1199px){
  .nav__links a{padding:10px 10px}
}
@media(max-width:991px){
  .nav__toggle{display:inline-flex}
  .nav__cta .btn-lg-only{display:none}
  .nav__links{
    position:fixed;inset:0 0 0 auto;width:min(320px,86vw);background:#fff;
    flex-direction:column;align-items:stretch;gap:2px;
    padding:90px 20px 30px;margin:0;box-shadow:-10px 0 40px rgba(18,55,94,.16);
    transform:translateX(100%);transition:transform var(--t-normal) var(--ease);
    overflow-y:auto;z-index:70;
  }
  .nav__links.is-open{transform:translateX(0)}
  .nav__links a{display:block;padding:13px 14px;font-size:1rem;color:var(--secondary);border-bottom:1px solid var(--line)}
  .nav__links a::after{display:none}
  .nav__links .drawer-cta{display:block;margin-top:18px}
  /* `.nav__links a` rengi `.btn-primary` beyazını ezmesin; düğme tam genişlikte kalsın. */
  .nav__links .drawer-cta .btn{display:flex;width:100%;color:#fff;border-bottom:0}
  /* Çekmecenin sağ üst köşesi; çekmece kapalıyken odaklanamasın diye display:none. */
  .nav__close{display:none;position:fixed;top:22px;inset-inline-end:20px;z-index:71;
    width:44px;height:44px;border-radius:var(--r-sm);align-items:center;justify-content:center;
    background:var(--light);color:var(--secondary);border:1px solid var(--line);
    transition:background var(--t-micro) var(--ease),color var(--t-micro) var(--ease)}
  .nav__close svg{width:22px;height:22px}
  .nav__close:hover{background:var(--primary-ink);border-color:var(--primary-ink);color:#fff}
  .nav__links.is-open + .nav__close{display:inline-flex}
  .nav-scrim{position:fixed;inset:0;background:rgba(18,55,94,.45);opacity:0;pointer-events:none;
    transition:opacity var(--t-normal) var(--ease);z-index:65}
  .nav-scrim.is-open{opacity:1;pointer-events:auto}
}

/* ---------- hero ---------- */
.hero{position:relative;overflow:hidden;background:linear-gradient(180deg,#F6FBFD 0%,#E4F3F7 100%);
  padding-block:clamp(40px,5vw,68px) 0;margin-top:calc(-1 * (76px + 16px))}
.hero .container:first-of-type{padding-top:calc(76px + 16px)}
.hero__blob{position:absolute;border-radius:50%;filter:blur(90px);opacity:.5;pointer-events:none;z-index:0}
.hero__blob--a{width:520px;height:520px;background:var(--tint);top:-140px;inset-inline-end:-120px}
.hero__blob--b{width:420px;height:420px;background:#D6EEF3;bottom:-160px;inset-inline-start:-140px}
.hero__pattern{
  position:absolute;inset:0;z-index:0;opacity:.5;pointer-events:none;
  background-image:linear-gradient(rgba(var(--secondary-rgb),.10) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(var(--secondary-rgb),.10) 1px,transparent 1px);
  background-size:56px 56px;
  -webkit-mask-image:linear-gradient(to bottom,#000,transparent 72%);
          mask-image:linear-gradient(to bottom,#000,transparent 72%);
}
.hero .container{position:relative;z-index:1}
.hero__wave{position:absolute;inset-inline:0;bottom:-1px;width:100%;height:clamp(46px,6.2vw,98px);z-index:2;display:block}
.hero__grid{display:grid;gap:clamp(14px,4vw,50px);align-items:center}
@media(min-width:992px){.hero__grid{grid-template-columns:1.05fr .95fr}}

.hero__title{font-size:var(--fs-display);line-height:1.1;letter-spacing:-.02em;margin-bottom:38px}
.hl{position:relative;display:inline-block;white-space:nowrap}
.hl svg{position:absolute;left:50%;transform:translateX(-50%);bottom:-.30em;width:112%;height:auto}
.hl path{stroke:var(--primary);stroke-width:3;fill:none;stroke-linecap:round;
  stroke-dasharray:var(--len,260);stroke-dashoffset:var(--len,260);
  transition:stroke-dashoffset 900ms var(--ease) 300ms}
.hl.is-drawn path{stroke-dashoffset:0}

.hero__lead{
  border-inline-start:4px solid var(--secondary);
  background:linear-gradient(245deg,rgba(var(--primary-rgb),.10),transparent 80%);
  color:var(--secondary);padding:14px 20px;max-width:600px;font-size:var(--fs-small);
  margin-bottom:30px;border-radius:0 var(--r-sm) var(--r-sm) 0;
}
@media(min-width:768px){.hero__lead{font-size:1.0625rem}}

.hero__proof{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:32px}
.proof-pill{
  display:inline-flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);
  border-radius:var(--r-pill);padding:9px 22px 9px 12px;box-shadow:var(--sh-low)
}
.proof-pill__ico{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;
  background:var(--tile);color:var(--primary-ink);flex:none}
.proof-pill__ico svg{width:20px;height:20px}
.proof-pill b{display:block;color:var(--heading);font-weight:600;font-size:var(--fs-small);line-height:1.3}
.proof-pill span{display:block;font-size:var(--fs-caption);color:var(--muted);line-height:1.3}
.hero__actions{display:flex;flex-wrap:wrap;gap:14px;padding-bottom:clamp(52px,6.5vw,112px)}
/* Tek sütunda portre üstte olduğundan düğmeler hero'nun sonuna düşer:
   dalga + üste binen hızlı bilgi çubuğu kadar boşluk bırakılır. */
@media(max-width:991px){.hero__actions{padding-bottom:calc(clamp(46px,6.2vw,98px) + 28px)}}

.hero__figure{
  position:relative;align-self:end;width:100%;max-width:600px;margin-inline:auto;
  display:flex;align-items:flex-end;justify-content:center;
}
.hero__disc{
  position:absolute;bottom:0;left:50%;transform:translateX(-50%);
  width:min(94%,500px);aspect-ratio:1;border-radius:50%;
  background:radial-gradient(circle at 50% 40%,#DDF6F9,rgba(var(--primary-rgb),.16));
  z-index:0;
}
.hero__doctor{position:relative;z-index:1;display:block;width:auto;max-width:100%;
  height:min(84vh,820px);object-fit:contain;object-position:bottom}
@media(max-width:991px){
  /* Mobilde portre metnin önüne alınır ve baş-göğüs kadrajına kırpılır;
     alt kenar zemine yumuşakça karışır, başlık ilk ekranda görünür kalır. */
  .hero__doctor{width:min(72%,360px);height:auto;aspect-ratio:1100/1500;
    object-fit:cover;object-position:top;
    -webkit-mask-image:linear-gradient(to bottom,#000 76%,transparent);
            mask-image:linear-gradient(to bottom,#000 76%,transparent)}
}
.hero__card{
  position:absolute;z-index:2;background:rgba(255,255,255,.86);backdrop-filter:blur(14px);
  border:1px solid rgba(255,255,255,.6);border-radius:var(--r-lg);box-shadow:var(--sh-high);
  padding:14px 18px;display:flex;align-items:center;gap:12px;
}
.hero__card b{display:block;color:var(--heading);font-size:1.375rem;font-weight:600;line-height:1.1}
.hero__card span{font-size:var(--fs-caption);color:var(--body);line-height:1.3;display:block}
.hero__card--a{top:12%;inset-inline-start:0}
.hero__card--b{bottom:16%;inset-inline-end:0}
.hero__card .ico{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;
  background:var(--primary-ink);color:#fff;flex:none}
.hero__card .ico svg{width:22px;height:22px}
@media(max-width:991px){
  .hero__figure{max-width:520px;margin-inline:auto;width:100%;order:-1}
  /* Baş ortada, üst köşeler boş: kart yüzü değil boşluğu kaplar. */
  .hero__card--a{top:4%;inset-inline-start:-6px}
  .hero__card--b{bottom:18%;inset-inline-end:-6px}
}
@media(max-width:600px){
  /* Dar ekranda metin yığını sıkılaştırılır; masaüstü ölçüleri etkilenmiyor. */
  .hero{padding-block:16px 0}
  .hero .eyebrow{margin-bottom:12px}
  .hero__title{margin-bottom:24px}
  .hero__lead{margin-bottom:18px;padding:12px 16px}
  .hero__proof{gap:10px;margin-bottom:18px}
  .hero__actions{gap:10px}
  /* Portrenin solan alt kenarı ile rozet arasında küçük bir ayrım. */
  .hero__grid{gap:8px}
}

@media(max-width:600px){
  /* Dar ekranda kartlar daralır ve köşelere çekilir; portrenin yalnızca
     kenarına değerler, yüzünü ve gövdesinin ortasını açıkta bırakırlar. */
  .hero__card{padding:8px 12px;gap:9px;border-radius:14px;max-width:63%}
  .hero__card b{font-size:.9375rem;line-height:1.2}
  .hero__card span{font-size:.6875rem}
  .hero__card .ico{width:30px;height:30px;border-radius:9px}
  .hero__card .ico svg{width:15px;height:15px}
  .hero__card--a{top:3%;inset-inline-start:-4px}
  .hero__card--b{bottom:20%;inset-inline-end:0}
  /* Kısa ekranlarda portre sınırlanır ki başlık ilk ekranda görünsün. */
  .hero__doctor{width:min(74%,300px,calc(46vh * 1100 / 1500))}
  .hero__disc{width:min(84%,320px);bottom:10%}
}

/* ---------- quick info bar (overlaps hero) ---------- */
.quickbar{position:relative;z-index:5;margin-top:calc(-1 * clamp(12px,1.8vw,26px))}
.quickbar__inner{
  background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-mid);
  display:grid;gap:0;overflow:hidden;
}
@media(min-width:640px){.quickbar__inner{grid-template-columns:repeat(2,1fr)}}
@media(min-width:992px){.quickbar__inner{grid-template-columns:repeat(4,1fr)}}
.qi{display:flex;gap:16px;padding:26px 24px;border-bottom:1px solid var(--line);
  transition:background var(--t-normal) var(--ease)}
.qi:hover{background:var(--light-2)}
@media(min-width:640px){.qi:nth-child(odd){border-inline-end:1px solid var(--line)}}
@media(min-width:992px){
  .qi{border-bottom:0;border-inline-end:1px solid var(--line)}
  .qi:last-child{border-inline-end:0}
  .qi:nth-child(odd){border-inline-end:1px solid var(--line)}
}
.qi__ico{width:50px;height:50px;border-radius:var(--r-md);display:grid;place-items:center;
  background:var(--tile);color:var(--primary-ink);flex:none;border:1px solid var(--line)}
.qi__ico svg{width:24px;height:24px}
.qi h3{font-size:var(--fs-small);font-weight:600;margin-bottom:2px}
.qi p{font-size:var(--fs-small);color:var(--body);margin:0}
.qi a:hover{color:var(--primary-ink)}

/* ---------- stats ---------- */
.stats{display:grid;gap:24px;grid-template-columns:repeat(2,1fr);text-align:center}
@media(min-width:768px){.stats{grid-template-columns:repeat(4,1fr)}}
.stat__num{font-size:clamp(2rem,4vw,3rem);font-weight:600;color:var(--primary-ink);line-height:1;letter-spacing:-.02em}
.stat__num sup{font-size:.5em;font-weight:500;top:-.6em}
.stat p{margin:8px 0 0;font-size:var(--fs-small);color:var(--body)}

/* ---------- services ---------- */
/* one continuous patterned ground from the hero's wave down to "Neden biz" */
.post-hero{position:relative;display:flow-root;background:var(--light-2)}
.post-hero::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2728%27%20height%3D%2749%27%20viewBox%3D%270%200%2028%2049%27%3E%3Cpath%20fill%3D%27%2312375E%27%20fill-opacity%3D%270.045%27%20d%3D%27M13.99%209.25l13%207.5v15l-13%207.5L1%2031.75v-15l12.99-7.5zM3%2017.9v12.7l10.99%206.34%2011-6.35V17.9l-11-6.34L3%2017.9zM0%2015l12.98-7.5V0h-2v6.35L0%2012.69v2.3zM0%2023v2l10%205.77v11.53L2.53%2047.4l1%201.73L12%2044.23V29.61L0%2023zM28%2023L16%2029.61v14.62l8.49%204.9%201-1.73L18%2042.29V30.77L28%2025v-2zM28%2015V12.69L17.01%206.35V0h-2v7.5L28%2015z%27%2F%3E%3C%2Fsvg%3E");
  -webkit-mask-image:linear-gradient(to bottom,#000 12%,rgba(0,0,0,.45) 55%,transparent 92%);
          mask-image:linear-gradient(to bottom,#000 12%,rgba(0,0,0,.45) 55%,transparent 92%);
}
.post-hero > *{position:relative;z-index:1}
.post-hero > .quickbar{z-index:6}   /* must clear the hero's wave (z-index:2) */

.svc-head{display:grid;gap:clamp(26px,4vw,50px);align-items:center;margin-bottom:clamp(46px,5vw,66px)}
@media(min-width:992px){.svc-head{grid-template-columns:1.05fr .95fr}}
.svc-head h2{margin-bottom:14px}
.svc-head p{margin:0;max-width:560px}

.svc-video{position:relative;margin:0;border-radius:var(--r-lg);overflow:hidden;cursor:pointer;
  box-shadow:var(--sh-mid);aspect-ratio:16/7;background:var(--secondary)}
.svc-video img{width:100%;height:100%;object-fit:cover;
  transition:transform var(--t-macro) var(--ease)}
.svc-video:hover img{transform:scale(1.06)}
.svc-video::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,rgba(11,39,69,.88) 0%,rgba(11,39,69,.55) 55%,rgba(11,39,69,.30) 100%)}
.svc-video__cta{position:absolute;inset:0;z-index:1;display:flex;align-items:center;gap:18px;
  padding-inline:clamp(20px,3vw,34px);color:#fff;font-weight:500;pointer-events:none}
.svc-video__txt b{display:block;font-weight:500;color:#fff;font-size:1.0625rem;line-height:1.3}
.svc-video__txt span{display:block;font-size:var(--fs-caption);color:rgba(255,255,255,.75)}
.svc-video__btn{width:62px;height:62px;border-radius:50%;background:#fff;color:var(--primary-ink);
  display:grid;place-items:center;flex:none;box-shadow:0 0 0 0 rgba(255,255,255,.5)}
.svc-video__btn svg{width:22px;height:22px;margin-inline-start:3px}
@media(prefers-reduced-motion:no-preference){.svc-video__btn{animation:pulse 2.6s var(--ease) infinite}}

.svc-grid{display:grid;gap:clamp(30px,2.6vw,36px) var(--gutter);grid-template-columns:1fr}
@media(min-width:600px){.svc-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1100px){.svc-grid{grid-template-columns:repeat(4,1fr)}}

.svc{position:relative;display:flex;flex-direction:column;background:#fff;
  border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-low);
  transition:transform var(--t-normal) var(--ease),box-shadow var(--t-normal) var(--ease),
             border-color var(--t-normal) var(--ease),background-color var(--t-normal) var(--ease)}

/* the icon tile deliberately breaks out of the card's top-right corner */
.svc__ico{position:absolute;top:0;inset-inline-end:-14px;z-index:2;
  width:68px;height:68px;border-radius:16px;display:grid;place-items:center;
  background:var(--tile);border:1px solid var(--line);color:var(--primary-ink);
  box-shadow:0 0 0 6px var(--light-2),var(--sh-mid);
  transition:background var(--t-normal) var(--ease),color var(--t-normal) var(--ease),
             border-color var(--t-normal) var(--ease)}
.svc__ico svg{width:31px;height:31px}

.svc__body{padding:26px 24px 20px;flex:1 0 auto}
@media(max-width:599px){
  .svc__ico{top:0;inset-inline-end:-8px;width:60px;height:60px;border-radius:15px;
    box-shadow:0 0 0 5px var(--light-2),var(--sh-mid)}
  .svc__ico svg{width:27px;height:27px}
  .svc__body h3{padding-inline-end:52px}
}
.svc__body h3{font-size:1.0625rem;font-weight:600;line-height:1.35;margin:0 0 14px;
  padding-inline-end:58px;transition:color var(--t-normal) var(--ease)}
.svc__rule{display:block;height:1px;background:var(--line);margin-bottom:15px;
  transition:background var(--t-normal) var(--ease)}
.svc__body p{font-size:var(--fs-small);margin:0;transition:color var(--t-normal) var(--ease)}

.svc__media{overflow:hidden;background:var(--light)}
.svc__media{transition:background var(--t-normal) var(--ease)}
.svc__media img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;
  transition:transform var(--t-macro) var(--ease)}

.svc__foot{display:flex;align-items:center;justify-content:center;gap:9px;
  padding:15px 18px;font-size:var(--fs-small);font-weight:500;color:var(--primary-ink);
  border-radius:0 0 var(--r-lg) var(--r-lg);
  transition:background var(--t-normal) var(--ease),color var(--t-normal) var(--ease)}
.svc__foot svg{width:17px;height:17px;transition:transform var(--t-normal) var(--ease)}

/* ---- hover / keyboard-focus: the whole card darkens to indigo ---- */
@media(hover:hover){
  .svc:hover{transform:translateY(-6px);box-shadow:var(--sh-high);
    background:var(--secondary);border-color:var(--secondary)}
  .svc:hover h3{color:#fff}
  .svc:hover p{color:rgba(255,255,255,.78)}
  .svc:hover .svc__rule{background:rgba(255,255,255,.22)}
  .svc:hover .svc__ico{background:var(--primary-ink);color:#fff;border-color:var(--primary-ink)}
  .svc:hover .svc__media{background:var(--secondary-dark)}
  .svc:hover .svc__media img{transform:scale(1.06)}
  .svc:hover .svc__foot{background:var(--secondary-dark);color:#fff}
  .svc:hover .svc__foot svg{transform:translateX(4px)}
}
.svc:focus-within{transform:translateY(-6px);box-shadow:var(--sh-high);
  background:var(--secondary);border-color:var(--secondary)}
.svc:focus-within h3{color:#fff}
.svc:focus-within p{color:rgba(255,255,255,.78)}
.svc:focus-within .svc__rule{background:rgba(255,255,255,.22)}
.svc:focus-within .svc__ico{background:var(--primary-ink);color:#fff;border-color:var(--primary-ink)}
.svc:focus-within .svc__media{background:var(--secondary-dark)}
.svc:focus-within .svc__foot{background:var(--secondary-dark);color:#fff}

.svc[hidden]{display:none}
.svc-more__ico{transition:transform var(--t-normal) var(--ease)}
.svc-more.is-open .svc-more__ico{transform:rotate(180deg)}

.svc-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px;
  margin-top:clamp(38px,4vw,56px);padding:24px 28px;background:#fff;
  border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-low)}
.svc-foot p{margin:0;font-size:var(--fs-small)}

/* ---------- about ---------- */
.about__media{position:relative}
.about__img{border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh-mid)}
.about__img img{width:100%;aspect-ratio:4/5;object-fit:cover;transition:transform var(--t-macro) var(--ease)}
.about__media:hover .about__img img{transform:scale(1.05)}
.about__img--sm{
  position:absolute;bottom:-28px;inset-inline-end:-14px;width:46%;border-radius:var(--r-lg);
  overflow:hidden;border:6px solid #fff;box-shadow:var(--sh-high);
}
.about__img--sm img{width:100%;aspect-ratio:1;object-fit:cover}
.about__badge{
  position:absolute;top:24px;inset-inline-start:-14px;background:var(--secondary);color:#fff;
  border-radius:var(--r-md);padding:14px 20px;box-shadow:var(--sh-mid);text-align:center;
}
.about__badge b{display:block;font-size:1.75rem;font-weight:600;line-height:1;color:#fff}
.about__badge span{font-size:var(--fs-caption);opacity:.8}
@media(max-width:991px){.about__media{margin-bottom:44px}}

.checklist{display:grid;gap:12px 24px;margin:26px 0 30px}
@media(min-width:576px){.checklist{grid-template-columns:1fr 1fr}}
.checklist li{display:flex;align-items:flex-start;gap:12px;font-size:var(--fs-small);color:var(--secondary)}
.checklist .tick{width:24px;height:24px;border-radius:50%;background:var(--tint);color:var(--primary-ink);
  display:grid;place-items:center;flex:none;margin-top:2px}
.checklist .tick svg{width:13px;height:13px}
.credentials{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px}
.credentials li{font-size:var(--fs-caption);color:var(--secondary);background:var(--light);
  border:1px solid var(--line);border-radius:var(--r-pill);padding:6px 14px}

/* ---------- why (numbered rows) ---------- */
.why-row{display:flex;gap:22px;padding:26px 0;border-bottom:1px solid var(--line)}
.why-row:last-child{border-bottom:0}
.why-row__n{font-size:2rem;font-weight:600;color:var(--primary-ink);line-height:1;flex:none;
  width:56px;height:56px;border-radius:var(--r-md);display:grid;place-items:center;
  background:var(--tile);border:1px solid var(--line)}
.why-row h3{margin-bottom:6px}
.why-row p{font-size:var(--fs-small);margin:0}

/* ---------- gallery ---------- */
.filters{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:38px}
.filters button{
  padding:9px 20px;border-radius:var(--r-pill);border:1px solid var(--line);background:#fff;
  font-size:var(--fs-small);font-weight:500;color:var(--secondary);
  transition:background var(--t-normal) var(--ease),color var(--t-normal) var(--ease),
             border-color var(--t-normal) var(--ease)
}
.filters button:hover{border-color:var(--primary-ink);color:var(--primary-ink)}
.filters button.is-active{background:var(--primary-ink);border-color:var(--primary-ink);color:#fff;box-shadow:var(--sh-high)}

.gallery{display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.case{
  position:relative;border-radius:var(--r-lg);overflow:hidden;background:#fff;border:1px solid var(--line);
  box-shadow:var(--sh-low);cursor:zoom-in;
  transition:transform var(--t-normal) var(--ease),box-shadow var(--t-normal) var(--ease)
}
.case:hover{transform:translateY(-5px);box-shadow:var(--sh-high)}
.case__img{position:relative;overflow:hidden;aspect-ratio:1;background:var(--light)}
.case__img img{width:100%;height:100%;object-fit:cover;transition:transform var(--t-macro) var(--ease)}
.case:hover .case__img img{transform:scale(1.06)}
.case__ba{position:absolute;inset:0;pointer-events:none}
.case__ba::after{content:"";position:absolute;inset-inline:0;top:50%;height:1px;
  background:rgba(255,255,255,.55)}
.case__ba span{
  position:absolute;inset-inline-start:10px;
  font-size:.6875rem;font-weight:500;letter-spacing:.05em;color:#fff;
  background:rgba(18,55,94,.74);backdrop-filter:blur(6px);
  padding:4px 10px;border-radius:var(--r-pill)
}
.case__ba span:first-child{top:10px}
.case__ba span:last-child{top:calc(50% + 10px);background:var(--primary-ink)}
.case__zoom{
  position:absolute;inset-inline-end:12px;bottom:12px;width:38px;height:38px;border-radius:50%;
  background:rgba(255,255,255,.92);color:var(--secondary);display:grid;place-items:center;
  opacity:0;transform:scale(.8);transition:all var(--t-normal) var(--ease)
}
.case:hover .case__zoom{opacity:1;transform:scale(1)}
.case__zoom svg{width:17px;height:17px}
.case__cap{padding:16px 18px}
.case__cap h3{font-size:var(--fs-small);font-weight:600;margin:0 0 2px}
.case__cap p{font-size:var(--fs-caption);color:var(--muted);margin:0}
.gallery-note{
  margin-top:26px;font-size:var(--fs-caption);color:var(--muted);text-align:center;
  max-width:720px;margin-inline:auto
}

/* ---------- video ---------- */
.videos{display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
.vid{position:relative;border-radius:var(--r-lg);overflow:hidden;cursor:pointer;box-shadow:var(--sh-low);
  transition:transform var(--t-normal) var(--ease),box-shadow var(--t-normal) var(--ease);background:#000}
.vid:hover{transform:translateY(-5px);box-shadow:var(--sh-high)}
.vid img{width:100%;aspect-ratio:4/5;object-fit:cover;opacity:.88;transition:all var(--t-macro) var(--ease)}
.vid:hover img{opacity:1;transform:scale(1.05)}
.vid__play{
  position:absolute;inset:0;margin:auto;width:62px;height:62px;border-radius:50%;
  background:rgba(255,255,255,.94);color:var(--primary-ink);display:grid;place-items:center;
  box-shadow:0 0 0 0 rgba(255,255,255,.5);pointer-events:none
}
.vid__play svg{width:22px;height:22px;margin-inline-start:3px}
@media(prefers-reduced-motion:no-preference){
  .vid__play{animation:pulse 2.6s var(--ease) infinite}
  @keyframes pulse{
    0%{box-shadow:0 0 0 0 rgba(255,255,255,.55)}
    70%{box-shadow:0 0 0 18px rgba(255,255,255,0)}
    100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}
  }
}
.vid__cap{
  position:absolute;inset-inline:0;bottom:0;padding:36px 16px 14px;color:#fff;font-size:var(--fs-caption);
  background:linear-gradient(180deg,transparent,rgba(18,55,94,.88));pointer-events:none
}

/* ---------- testimonials ---------- */
.quotes{display:grid;gap:var(--gutter);grid-template-columns:repeat(auto-fit,minmax(290px,1fr))}
.quote{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:32px 28px;box-shadow:var(--sh-low)}
.quote__stars{display:flex;gap:3px;color:#F4A100;margin-bottom:16px}
.quote__stars svg{width:17px;height:17px}
.quote blockquote{margin:0 0 20px;font-size:1.0625rem;color:var(--heading);line-height:1.65;font-weight:400}
.quote figcaption{display:flex;align-items:center;gap:12px;font-size:var(--fs-caption);color:var(--muted)}
.quote figcaption .av{width:38px;height:38px;border-radius:50%;background:var(--tint);
  color:var(--primary-dark);display:grid;place-items:center;font-weight:600;flex:none;font-size:var(--fs-small)}
.quote figcaption b{display:block;color:var(--secondary);font-weight:500;font-size:var(--fs-small)}

.rating-strip{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 24px;
  background:var(--secondary);color:#fff;border-radius:var(--r-lg);padding:22px 28px;margin-top:34px;
  text-align:center
}
.rating-strip b{font-size:1.75rem;font-weight:600;color:#fff;line-height:1}
.rating-strip span{font-size:var(--fs-small);opacity:.82}
.rating-strip a{color:var(--primary-on-dark);font-weight:500}
.rating-strip a:hover{color:#fff}

/* ---------- dark appointment band ---------- */
.cta-band{position:relative;overflow:hidden;background:var(--secondary);color:rgba(255,255,255,.78)}
.cta-band::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
  background-size:56px 56px}
.cta-band::after{content:"";position:absolute;width:560px;height:560px;border-radius:50%;
  background:rgba(var(--primary-rgb),.30);filter:blur(120px);
  top:-240px;inset-inline-end:-140px;pointer-events:none}
.cta-band .container{position:relative;z-index:1}
.cta-band__grid{display:grid;gap:clamp(28px,4vw,56px);align-items:center}
@media(min-width:992px){.cta-band__grid{grid-template-columns:1.15fr .85fr}}
.cta-band h2{color:#fff;margin-bottom:14px}
.cta-band .eyebrow{background:rgba(255,255,255,.12);color:#fff}
.cta-band .eyebrow::before{background:var(--primary)}
.cta-band__actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
.cta-band__phone{
  display:flex;align-items:center;gap:18px;background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.14);border-radius:var(--r-lg);padding:26px 28px;
  backdrop-filter:blur(10px)
}
.cta-band__phone .ico{width:58px;height:58px;border-radius:var(--r-md);flex:none;
  background:var(--primary-ink);color:#fff;display:grid;place-items:center}
.cta-band__phone .ico svg{width:26px;height:26px}
.cta-band__phone small{display:block;font-size:var(--fs-caption);opacity:.75}
.cta-band__phone b{display:block;color:#fff;font-size:1.5rem;font-weight:600;line-height:1.2;letter-spacing:-.01em}
.cta-band .btn-light{background:#fff;border-color:#fff;color:var(--secondary)}
.cta-band .btn-light:hover{background:var(--primary);border-color:var(--primary);color:#fff}
.cta-band .btn-outline{border-color:rgba(255,255,255,.35);color:#fff}
.cta-band .btn-outline:hover{background:#fff;border-color:#fff;color:var(--secondary)}

/* ---------- faq ---------- */
.faq{max-width:860px;margin-inline:auto;display:grid;gap:14px}
.faq details{background:#fff;border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;
  transition:box-shadow var(--t-normal) var(--ease),border-color var(--t-normal) var(--ease)}
.faq details[open]{box-shadow:var(--sh-mid);border-color:rgba(var(--primary-rgb),.3)}
.faq summary{
  list-style:none;cursor:pointer;padding:20px 56px 20px 24px;position:relative;
  font-weight:500;color:var(--heading);font-size:var(--fs-small)
}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{
  content:"";position:absolute;inset-inline-end:24px;top:50%;width:11px;height:11px;
  border-inline-end:2px solid var(--primary-ink);border-bottom:2px solid var(--primary-ink);
  transform:translateY(-70%) rotate(45deg);transition:transform var(--t-normal) var(--ease)
}
.faq details[open] summary::after{transform:translateY(-30%) rotate(-135deg)}
.faq .faq__body{padding:0 24px 22px;font-size:var(--fs-small);color:var(--body)}

/* ---------- contact ---------- */
.contact-grid{display:grid;gap:var(--gutter)}
@media(min-width:992px){.contact-grid{grid-template-columns:1fr 1.15fr}}
.contact-list{display:grid;gap:14px;margin-bottom:26px}
.contact-list li{display:flex;gap:16px;background:#fff;border:1px solid var(--line);
  border-radius:var(--r-md);padding:18px 20px;box-shadow:var(--sh-low)}
.contact-list .ico{width:46px;height:46px;border-radius:var(--r-sm);display:grid;place-items:center;
  background:var(--tile);border:1px solid var(--line);color:var(--primary-ink);flex:none}
.contact-list .ico svg{width:21px;height:21px}
.contact-list b{display:block;color:var(--heading);font-size:var(--fs-small);font-weight:600}
.contact-list span,.contact-list a{font-size:var(--fs-small);color:var(--body)}
.contact-list a:hover{color:var(--primary-ink)}

.form{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(24px,3vw,38px);
  box-shadow:var(--sh-mid)}
.form__row{display:grid;gap:18px}
@media(min-width:576px){.form__row--2{grid-template-columns:1fr 1fr}}
.field{display:block;margin-bottom:18px}
.field label{display:block;font-size:var(--fs-caption);font-weight:500;color:var(--secondary);margin-bottom:7px}
.field input,.field select,.field textarea{
  width:100%;padding:13px 16px;border:1px solid var(--line);border-radius:var(--r-md);
  background:#fff;font-size:var(--fs-small);color:var(--heading);
  transition:border-color var(--t-normal) var(--ease),box-shadow var(--t-normal) var(--ease)
}
.field textarea{resize:vertical;min-height:110px}
.field input::placeholder,.field textarea::placeholder{color:var(--muted)}
.field input:focus,.field select:focus,.field textarea:focus{
  outline:0;border-color:var(--primary);box-shadow:0 0 0 4px rgba(var(--primary-rgb),.12)
}
.form__note{font-size:var(--fs-caption);color:var(--muted);margin-top:14px}

.map{border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line);box-shadow:var(--sh-low);
  margin-top:var(--gutter)}
.map iframe{width:100%;height:340px;border:0;display:block;filter:grayscale(.15)}

/* ---------- footer ---------- */
.footer{background:var(--secondary);color:rgba(255,255,255,.7);font-size:var(--fs-small);position:relative;overflow:hidden}
.footer::before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;
  background:rgba(var(--primary-rgb),.14);filter:blur(110px);top:-220px;inset-inline-end:-160px;pointer-events:none}
.footer__top{padding-block:clamp(50px,6vw,80px);position:relative;z-index:1}
.footer__cols{display:grid;gap:40px var(--gutter);grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
.footer h4{color:#fff;font-size:1.0625rem;font-weight:500;margin-bottom:20px}
.footer a:hover{color:var(--primary-on-dark)}
.footer__brand .brand__name{color:#fff}
.footer__brand .brand__sub{color:rgba(255,255,255,.5)}
.footer__brand p{margin:20px 0 22px;max-width:340px}
.footer ul li{margin-bottom:11px}
.footer .f-contact li{display:flex;gap:12px}
.footer .f-contact svg{width:17px;height:17px;color:var(--primary-on-dark);flex:none;margin-top:5px}
.footer__social{display:flex;gap:10px}
.footer__social a{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.1);
  display:grid;place-items:center;color:#fff;transition:background var(--t-normal) var(--ease)}
.footer__social a:hover{background:var(--primary-ink)}
.footer__social svg{width:18px;height:18px}
.footer__bottom{border-top:1px solid rgba(255,255,255,.12);padding-block:22px;position:relative;z-index:1}
.footer__bottom .container{display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center;
  justify-content:space-between;font-size:var(--fs-caption)}

/* ---------- floating whatsapp ---------- */
.fab{
  position:fixed;inset-inline-end:20px;bottom:20px;z-index:55;
  width:56px;height:56px;border-radius:50%;background:#25D366;color:#fff;
  display:grid;place-items:center;box-shadow:0 10px 26px rgba(37,211,102,.42);
  transition:transform var(--t-normal) var(--ease)
}
.fab:hover{transform:scale(1.08)}
.fab svg{width:28px;height:28px}

/* ---------- lightbox / modal ---------- */
.modal{
  position:fixed;inset:0;z-index:90;display:none;place-items:center;padding:20px;
  background:rgba(18,55,94,.88);backdrop-filter:blur(6px)
}
.modal.is-open{display:grid}
.modal__box{position:relative;max-width:min(900px,94vw);max-height:92vh;width:auto}
.modal__box img,.modal__box video{
  max-width:100%;max-height:84vh;width:auto;border-radius:var(--r-md);
  box-shadow:0 30px 70px rgba(0,0,0,.5);background:#000
}
.modal__cap{color:#fff;font-size:var(--fs-small);text-align:center;margin-top:14px}
.modal__close{
  position:absolute;top:-14px;inset-inline-end:-14px;width:42px;height:42px;border-radius:50%;
  background:#fff;color:var(--secondary);display:grid;place-items:center;box-shadow:var(--sh-mid)
}
.modal__close svg{width:20px;height:20px}
@media(max-width:640px){.modal__close{top:-50px;inset-inline-end:0}}

/* ---------- scroll reveal ---------- */
.reveal{opacity:0;transform:translateY(30px);
  transition:opacity var(--t-macro) var(--ease),transform var(--t-macro) var(--ease)}
.reveal.is-in{opacity:1;transform:none}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;
    transition-duration:.001ms!important}
  .reveal{opacity:1;transform:none}
  .hl path{stroke-dashoffset:0}
}

/* ============================================================
   ÇOK SAYFALI YAPI — iç sayfa bileşenleri
   ============================================================ */

/* ---------- erişilebilirlik ---------- */
.screen-reader-text{
  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
}
.skip-link:focus{
  position:fixed;top:12px;inset-inline-start:12px;z-index:200;width:auto;height:auto;
  clip:auto;clip-path:none;margin:0;padding:12px 20px;background:#fff;color:var(--secondary);
  border-radius:var(--r-md);box-shadow:var(--sh-mid);font-weight:500
}

/* ---------- menüdeki etkin sayfa ---------- */
.nav__links .current-menu-item > a::after,
.nav__links .current_page_item > a::after,
.nav__links .current-menu-ancestor > a::after{transform:scaleX(1)}
@media(min-width:992px){
  .nav__links .current-menu-item > a,
  .nav__links .current_page_item > a{color:#fff}
}
.nav__links .drawer-cta .btn{width:100%}
@media(min-width:992px){.nav__links .drawer-cta{display:none}}

/* ---------- iç sayfa banner'ı ---------- */
.page-hero{
  position:relative;overflow:hidden;isolation:isolate;
  background:linear-gradient(180deg,#F6FBFD 0%,#E4F3F7 100%);
  padding-block:clamp(46px,6vw,84px) clamp(56px,7vw,104px);
  margin-top:calc(-1 * (76px + 16px));
}
.page-hero > .container{padding-top:calc(76px + 16px);position:relative;z-index:2}
.page-hero__blob{
  position:absolute;width:520px;height:520px;border-radius:50%;filter:blur(90px);
  background:var(--tint);opacity:.75;top:-200px;inset-inline-end:-120px;z-index:0;pointer-events:none
}
.page-hero__pattern{
  position:absolute;inset:0;z-index:0;opacity:.55;pointer-events:none;
  background-image:linear-gradient(rgba(var(--secondary-rgb),.08) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(var(--secondary-rgb),.08) 1px,transparent 1px);
  background-size:56px 56px;
  -webkit-mask-image:linear-gradient(to bottom,#000,transparent 78%);
          mask-image:linear-gradient(to bottom,#000,transparent 78%);
}
.page-hero__title{font-size:clamp(1.9rem,3.6vw,3rem);margin:0 0 10px;line-height:1.15}
.page-hero__sub{max-width:640px;margin:0;color:var(--body)}
.page-hero__wave{position:absolute;inset-inline:0;bottom:-1px;width:100%;height:clamp(34px,4vw,64px);z-index:1;display:block}

/* ---------- breadcrumb ---------- */
.crumbs{
  display:flex;flex-wrap:wrap;align-items:center;gap:8px;
  font-size:var(--fs-caption);color:var(--muted);margin-bottom:16px
}
.crumbs a{color:var(--muted)}
.crumbs a:hover{color:var(--primary-ink)}
.crumbs [aria-current]{color:var(--secondary);font-weight:500}
.crumbs__sep{opacity:.5}

/* ---------- yazı bloğu ---------- */
.prose{max-width:76ch;font-size:1.0625rem}
.prose > * + *{margin-top:1.1em}
.prose h2{font-size:clamp(1.4rem,2.2vw,1.9rem);margin-top:1.8em}
.prose h3{font-size:1.25rem;margin-top:1.6em}
.prose ul,.prose ol{padding-inline-start:1.3em;list-style:disc}
.prose ol{list-style:decimal}
.prose li + li{margin-top:.4em}
.prose a{color:var(--primary-ink);text-decoration:underline;text-underline-offset:3px}
.prose a:hover{color:var(--primary-ink-dark)}
.prose blockquote{
  margin:1.6em 0;padding:18px 24px;border-inline-start:4px solid var(--primary);
  background:var(--light);border-radius:0 var(--r-md) var(--r-md) 0;color:var(--secondary)
}
.prose img{border-radius:var(--r-md)}
.prose code{background:var(--light);padding:2px 6px;border-radius:6px;font-size:.9em}
.prose table{width:100%;border-collapse:collapse}
.prose th,.prose td{border:1px solid var(--line);padding:10px 14px;text-align:start}
.prose th{background:var(--light);color:var(--secondary);font-weight:600}

/* ---------- düğme satırları ---------- */
.btn-row{display:flex;flex-wrap:wrap;gap:14px}
.center-row{display:flex;justify-content:center;margin-top:clamp(30px,4vw,44px)}
.sec-head--tight{margin-bottom:18px}

/* ---------- tek tedavi düzeni ---------- */
.single-grid{display:grid;gap:clamp(30px,4vw,50px)}
@media(min-width:992px){.single-grid{grid-template-columns:minmax(0,1fr) 340px}}
.single-hero{margin:0 0 30px;border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh-mid)}
.single-hero img{width:100%;height:auto;display:block}

.single-cta{
  display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:36px;
  background:var(--light);border:1px solid var(--line);border-radius:var(--r-lg);padding:26px 28px
}
.single-cta > div{flex:1 1 260px}
.single-cta h3{margin:0 0 6px;font-size:1.125rem}
.single-cta p{margin:0;font-size:var(--fs-small)}
.single-cta__ico{
  width:58px;height:58px;flex:none;border-radius:var(--r-md);display:grid;place-items:center;
  background:var(--tile);border:1px solid var(--line);color:var(--primary-ink)
}
.single-cta__ico svg{width:28px;height:28px}

.single-side{display:grid;gap:22px;align-content:start}
.side-card{
  background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);
  padding:26px 24px;box-shadow:var(--sh-low)
}
.side-card h3{font-size:1.0625rem;font-weight:600;margin:0 0 16px}
.side-card__btn{width:100%;margin-top:18px}
.side-list{display:grid;gap:14px;font-size:var(--fs-small)}
.side-list li{display:flex;gap:12px;align-items:flex-start}
.side-list svg{width:18px;height:18px;color:var(--primary-ink);flex:none;margin-top:4px}
.side-links{display:grid;gap:4px;margin-bottom:16px}
.side-links a{
  display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:var(--r-sm);
  font-size:var(--fs-small);color:var(--secondary);
  transition:background var(--t-normal) var(--ease),color var(--t-normal) var(--ease)
}
.side-links svg{width:20px;height:20px;color:var(--primary-ink);flex:none}
.side-links a:hover{background:var(--light);color:var(--primary-ink)}

/* ---------- tek vaka ---------- */
.case-single{display:grid;gap:clamp(28px,4vw,48px);align-items:start}
@media(min-width:992px){.case-single{grid-template-columns:1fr 1fr}}
.case-single__img{
  position:relative;margin:0;border-radius:var(--r-lg);overflow:hidden;
  border:1px solid var(--line);box-shadow:var(--sh-mid)
}
.case-single__img img{width:100%;height:auto;display:block}
.case-single__meta h2{margin-bottom:14px}
.case-single__meta .credentials{margin-bottom:22px}
.case-single__meta .btn{margin-top:22px}
.gallery-note--start{text-align:start;margin-inline:0;margin-top:20px}

/* ---------- klinik fotoğraf ızgarası ---------- */
.shot-grid{display:grid;gap:var(--gutter);grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.shot{
  margin:0;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);
  overflow:hidden;box-shadow:var(--sh-low);
  transition:transform var(--t-normal) var(--ease),box-shadow var(--t-normal) var(--ease)
}
.shot:hover{transform:translateY(-5px);box-shadow:var(--sh-high)}
.shot img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;
  transition:transform var(--t-macro) var(--ease)}
.shot:hover img{transform:scale(1.05)}
.shot figcaption{padding:14px 18px;font-size:var(--fs-small);color:var(--secondary);font-weight:500}
@media(min-width:900px){
  .shot-grid--wide > .shot:first-child{grid-column:span 2}
  .shot-grid--wide > .shot:first-child img{aspect-ratio:16/9}
}

/* ---------- yazı listesi (arama, blog) ---------- */
.post-list{display:grid;gap:var(--gutter);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.post-card{
  display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);
  border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh-low);
  transition:transform var(--t-normal) var(--ease),box-shadow var(--t-normal) var(--ease)
}
.post-card:hover{transform:translateY(-5px);box-shadow:var(--sh-high)}
.post-card__media img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}
.post-card__body{padding:24px;display:flex;flex-direction:column;flex:1}
.post-card__body h2{font-size:1.125rem;margin-bottom:10px}
.post-card__body p{font-size:var(--fs-small);margin-bottom:16px}
.post-card__body .card__more{margin-top:auto}
.card__more{
  display:inline-flex;align-items:center;gap:8px;font-size:var(--fs-small);
  font-weight:500;color:var(--primary-ink)
}
.card__more svg{width:17px;height:17px;transition:transform var(--t-normal) var(--ease)}
.card__more:hover svg{transform:translateX(4px)}

/* ---------- sayfalama ---------- */
.pager{margin-top:clamp(34px,4vw,52px)}
.pager ul{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.pager a,.pager span{
  display:grid;place-items:center;min-width:42px;height:42px;padding-inline:14px;
  border-radius:var(--r-sm);border:1px solid var(--line);background:#fff;
  font-size:var(--fs-small);font-weight:500;color:var(--secondary);
  transition:background var(--t-normal) var(--ease),color var(--t-normal) var(--ease),
             border-color var(--t-normal) var(--ease)
}
.pager a:hover{border-color:var(--primary-ink);color:var(--primary-ink)}
.pager .current{background:var(--primary-ink);border-color:var(--primary-ink);color:#fff}

/* ---------- arama formu ---------- */
.searchform{display:flex;gap:10px;max-width:460px;margin-top:20px}
.searchform input{
  flex:1;padding:13px 16px;border:1px solid var(--line);border-radius:var(--r-md);
  background:#fff;font-size:var(--fs-small);color:var(--heading)
}
.searchform input:focus{
  outline:0;border-color:var(--primary);box-shadow:0 0 0 4px rgba(var(--primary-rgb),.12)
}
.searchform button{
  width:48px;height:48px;flex:none;border-radius:var(--r-md);background:var(--primary-ink);
  color:#fff;display:grid;place-items:center;
  transition:background var(--t-normal) var(--ease)
}
.searchform button:hover{background:var(--primary-ink-dark)}
.searchform svg{width:20px;height:20px}
.search-top{margin-bottom:clamp(30px,4vw,44px)}
.notfound .searchform{margin-inline:auto}

/* ---------- 404 ---------- */
.notfound{text-align:center;max-width:640px;margin-inline:auto}
.notfound__num{
  display:block;font-size:clamp(4rem,12vw,8rem);font-weight:600;line-height:1;
  color:var(--tint);letter-spacing:-.04em;margin-bottom:-.1em
}
.notfound h2{margin-bottom:12px}
.notfound .btn-row{justify-content:center;margin-top:26px}

/* ---------- soru kutusu ---------- */
.ask-box{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;
  background:var(--light);border:1px solid var(--line);border-radius:var(--r-lg);
  padding:clamp(26px,3.4vw,42px)
}
.ask-box h2{margin-bottom:8px;font-size:clamp(1.3rem,2vw,1.7rem)}
.ask-box p{margin:0;font-size:var(--fs-small);max-width:52ch}

/* ---------- boş durum ---------- */
.empty{
  text-align:center;color:var(--muted);padding:clamp(40px,6vw,80px) 20px;
  background:var(--light);border-radius:var(--r-lg);border:1px dashed var(--line)
}

/* ---------- form düzeltmeleri ---------- */
.form h3{margin-bottom:6px}
.form__intro{font-size:var(--fs-small);margin-bottom:24px}
.form__submit{width:100%}

/* ---------- tedavi kartı başlık bağlantısı ---------- */
.svc__body h3 a{color:inherit}
.svc__media a{display:block}

/* ---------- WordPress çekirdek sınıfları ---------- */
.alignleft{float:left;margin:0 1.5em 1em 0}
.alignright{float:right;margin:0 0 1em 1.5em}
.aligncenter{display:block;margin-inline:auto}
.alignwide{width:min(100%,1100px);margin-inline:auto}
.alignfull{width:100%}
.wp-caption{max-width:100%}
.wp-caption-text,.wp-element-caption{
  font-size:var(--fs-caption);color:var(--muted);text-align:center;margin-top:8px
}
.sticky,.gallery-caption,.bypostauthor{display:block}