/* =========================================================
   Claude Design v1 — iç sayfalar (review-02 D bölümü)
   Referanslar: Tedavi-Implant, Hekimlerimiz, Hekim-Profil,
   Rehber-Dis-Yapisi, Rehber-Gunluk-Bakim (.dc.html)
   Yüklenme sırası: … → claude-design.css → -fixes.css → bu dosya.
   site.css reset'lerini yenmek için seçiciler .v3 ile başlar.
   ========================================================= */

/* ---------- Ortak sayfa iskeleti ---------- */
.v3 .agd-page__top{padding-top:28px}
.v3 .breadcrumbs{font-size:14px;color:var(--agd-quiet)}
.v3 .breadcrumbs ol{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.v3 .breadcrumbs li+li::before{content:"·";margin-right:8px;color:var(--agd-line-2)}
.v3 .breadcrumbs a{color:var(--agd-quiet);text-decoration:none}
.v3 .breadcrumbs a:hover{color:var(--agd-action);text-decoration:underline}
.v3 .breadcrumbs [aria-current]{color:var(--agd-navy);font-weight:600}

/* ---------- Giriş bloğu (H1 + özet + görsel) ---------- */
.v3 .agd-lede{padding:40px 0 56px}
.v3 .agd-lede__inner{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:56px;align-items:center}
.v3 .agd-lede__copy{display:flex;flex-direction:column;gap:20px}
.v3 .agd-lede__title{margin:0;font-size:clamp(34px,5vw,60px);line-height:1.05}
.v3 .agd-lede__text{margin:0;font-size:20px;line-height:1.6;color:var(--agd-text)}
.v3 .agd-lede__fig{margin:0;display:flex;flex-direction:column;gap:10px}
.v3 .agd-lede__frame{aspect-ratio:4/3;border-radius:var(--agd-r-img);background:#F2F6FC;overflow:hidden}
.v3 .agd-lede__frame img{width:100%;height:100%;object-fit:contain;object-position:center;display:block}
.v3 .agd-lede__fig figcaption{font-size:13px;color:var(--agd-caption)}

/* Künye: yalnız gerçek veriler */
.v3 .agd-meta{display:flex;flex-direction:column;gap:2px;padding:14px 18px;background:#fff;border:1px solid var(--agd-line);border-radius:16px;max-width:460px;font-size:14px;line-height:1.5}
.v3 .agd-meta__date{color:var(--agd-quiet)}

/* ---------- İki sütun ---------- */
.v3 .agd-split{display:flex;flex-wrap:wrap;gap:56px;align-items:flex-start;padding-bottom:96px}
.v3 .agd-prose{flex:999 1 560px;min-width:0}
.v3 .agd-aside{flex:1 1 280px;display:flex;flex-direction:column;gap:20px;min-width:0}

/* ---------- Gövde metni ---------- */
.v3 .agd-prose h2{font-family:var(--agd-serif);font-weight:500;font-size:30px;line-height:1.2;margin:56px 0 16px;color:var(--agd-navy);scroll-margin-top:24px}
.v3 .agd-prose h2:first-child{margin-top:0}
.v3 .agd-prose h3{font-size:22px;margin:32px 0 12px}
.v3 .agd-prose p{font-size:17px;line-height:1.7;color:var(--agd-text);margin:0 0 16px}
.v3 .agd-prose ul,.v3 .agd-prose ol{font-size:16px;line-height:1.8;color:var(--agd-text);margin:0 0 16px;padding-left:20px}
.v3 .agd-prose li+li{margin-top:4px}
.v3 .agd-prose a{color:var(--agd-action);text-decoration-thickness:1px;text-underline-offset:.2em}
.v3 .agd-prose a:hover{color:var(--agd-navy)}
.v3 .agd-prose sup a{text-decoration:none;font-weight:700}
/* Mevcut gövdedeki feragat paragrafı kutuya dönüşür. */
.v3 .agd-prose .editorial-note{background:#fff;border:1px solid var(--agd-line);border-radius:16px;padding:18px 22px;font-size:15px;line-height:1.6;color:var(--agd-muted);margin:0 0 8px}
/* Kaynak çapaları */
.v3 .agd-prose p[id^="kaynak-"]{font-size:15px;color:var(--agd-quiet);margin:0 0 8px;scroll-margin-top:24px}
.v3 .agd-prose table{border-collapse:collapse;width:100%;font-size:15px;background:#fff;border:1px solid var(--agd-line);border-radius:16px;overflow:hidden}
.v3 .agd-prose :is(th,td){padding:14px 16px;text-align:left;border-bottom:1px solid var(--agd-line);vertical-align:top}
.v3 .agd-prose th{font-weight:700}

/* ---------- Yan sütun kartları ---------- */
.v3 .agd-side{background:#fff;border:1px solid var(--agd-line);border-radius:var(--agd-r-card);padding:24px;display:flex;flex-direction:column;gap:12px}
.v3 .agd-side__label{font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:var(--agd-quiet)}
.v3 .agd-side__title{font-size:18px;color:var(--agd-navy)}
.v3 .agd-side ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px;font-size:15px}
.v3 .agd-side a{color:var(--agd-navy);text-decoration:none}
.v3 .agd-side a:hover{color:var(--agd-action);text-decoration:underline}
.v3 .agd-side__hours{font-size:13px;color:var(--agd-quiet)}
.v3 .agd-side--appointment .agd-btn{width:100%;min-height:48px;font-size:15px}
.v3 .agd-side__marks{display:flex;gap:8px;flex-wrap:wrap}
.v3 .agd-mono--sm{width:44px;height:44px;font-size:15px}
.v3 .agd-mono--more{width:44px;height:44px;border:0;background:var(--agd-ice);font-family:var(--agd-sans);font-weight:700;font-size:14px}
.v3 .agd-mono--lg{width:96px;height:96px;font-size:32px}
.v3 a.agd-side__link{font-weight:700;color:var(--agd-navy)}
/* Geniş ekranda içindekiler yapışkan */
@media (min-width:1001px){
  .v3 .agd-toc{position:sticky;top:16px}
}

/* ---------- "Bu konuyu hekimimizle konuşun" ---------- */
.v3 .agd-cta{margin-top:56px;background:var(--agd-navy);color:#fff;border-radius:var(--agd-r-img);padding:36px;display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:space-between}
.v3 .agd-cta__copy{max-width:440px;display:flex;flex-direction:column;gap:8px}
.v3 .agd-cta__title{font-size:26px;color:#fff}
.v3 .agd-cta__copy span{color:var(--agd-on-navy);line-height:1.6}
.v3 .agd-cta__actions{display:flex;flex-wrap:wrap;gap:12px}
.v3 a.agd-btn--onnavy,.v3 a.agd-btn--onnavy:visited{border:1.5px solid #fff;color:#fff;background:transparent}
.v3 a.agd-btn--onnavy:hover{background:#fff;color:var(--agd-navy)}

/* ---------- İmplant süreci (şematik, dekoratif animasyon) ---------- */
.v3 .agd-stages{margin-top:56px}
.v3 .agd-stages h2{font-family:var(--agd-serif);font-weight:500;font-size:30px;line-height:1.2;margin:0 0 16px;color:var(--agd-navy)}
.v3 .agd-stages__box{background:var(--agd-ice);border-radius:var(--agd-r-img);padding:28px;display:flex;flex-wrap:wrap;gap:28px;align-items:center}
.v3 .agd-stages__fig{margin:0;flex:1 1 300px;min-width:0;display:flex;flex-direction:column;align-items:center;gap:12px}
.v3 .agd-stages__fig figcaption{font-size:13px;color:var(--agd-caption);text-align:center}
.v3 .agd-implant{width:100%;max-width:360px;height:auto;display:block;background:#fff;border-radius:20px}
.v3 .agd-stages__list{margin:0;padding:0;list-style:none;flex:1 1 320px;min-width:0;display:flex;flex-direction:column;gap:14px;counter-reset:agd-stage}
.v3 .agd-stages__list li{display:flex;flex-direction:column;gap:2px;padding-left:44px;position:relative;font-size:16px;line-height:1.6}
.v3 .agd-stages__list li::before{counter-increment:agd-stage;content:counter(agd-stage);position:absolute;left:0;top:0;width:32px;height:32px;border-radius:50%;background:#fff;border:1px solid var(--agd-line);display:flex;align-items:center;justify-content:center;font-family:var(--agd-serif);font-weight:600;font-size:16px;color:var(--agd-navy)}
.v3 .agd-stages__list strong{color:var(--agd-navy)}
.v3 .agd-stages__list span{color:var(--agd-muted)}

/* Dört aşamalı döngü: yalnız opacity/transform canlandırılır. */
.v3 .agd-implant > g{opacity:0}
.v3 .agd-implant__plan{animation:agd-st-plan 12s linear infinite}
.v3 .agd-implant__body{animation:agd-st-body 12s linear infinite}
.v3 .agd-implant__heal{animation:agd-st-heal 12s linear infinite}
.v3 .agd-implant__abut{animation:agd-st-abut 12s linear infinite}
.v3 .agd-implant__crown{animation:agd-st-crown 12s linear infinite}
@keyframes agd-st-plan{0%,4%{opacity:0}8%,22%{opacity:1}26%,100%{opacity:0}}
@keyframes agd-st-body{0%,24%{opacity:0;transform:translateY(-26px)}30%,100%{opacity:1;transform:none}}
@keyframes agd-st-heal{0%,48%{opacity:0}54%,68%{opacity:.5}74%,100%{opacity:0}}
@keyframes agd-st-abut{0%,70%{opacity:0;transform:translateY(-14px)}76%,100%{opacity:1;transform:none}}
@keyframes agd-st-crown{0%,80%{opacity:0;transform:translateY(-20px)}88%,100%{opacity:1;transform:none}}

/* ---------- Hekim profili başlığı ---------- */
.v3 .agd-dochead{display:flex;flex-wrap:wrap;gap:24px;align-items:center;padding:40px 0 8px}
.v3 .agd-dochead__copy{display:flex;flex-direction:column;gap:8px;min-width:0}
.v3 .agd-dochead h1{margin:0;font-size:clamp(30px,4vw,44px);line-height:1.1}
.v3 .agd-dochead__title{margin:0;font-size:17px;color:var(--agd-quiet)}
.v3 .agd-doc__facts{margin:8px 0 0;display:flex;flex-direction:column;gap:6px;font-size:15px}
.v3 .agd-doc__row{display:flex;gap:10px}
.v3 .agd-doc__row dt{color:var(--agd-quiet);min-width:110px}
.v3 .agd-doc__row dd{margin:0;color:var(--agd-text)}

/* ---------- Hekimlerimiz dizini ---------- */
.v3 .agd-docgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:0;padding:0;list-style:none}
.v3 .agd-docgrid > li{display:flex}
.v3 .agd-docgrid a{flex:1;text-decoration:none;color:var(--agd-navy);background:#fff;border:1px solid var(--agd-line);border-radius:var(--agd-r-card);padding:28px 20px;display:flex;align-items:center;gap:16px}

/* =========================================================
   Rehber modülleri
   ========================================================= */
/* ---------- Dişin yapısı: katman seçimi + patlatma ---------- */
.v3 .agd-tooth{background:var(--agd-ice);border-radius:var(--agd-r-img);padding:28px;display:flex;flex-wrap:wrap;gap:28px;align-items:flex-start;margin:24px 0}
.v3 .agd-tooth__stage{flex:1 1 300px;min-width:0;display:flex;flex-direction:column;align-items:center;gap:12px}
.v3 .agd-tooth__svg{width:100%;max-width:320px;height:auto;display:block;background:#fff;border-radius:20px}
.v3 .agd-tooth__panel{flex:1 1 320px;min-width:0;display:flex;flex-direction:column;gap:10px}
.v3 .agd-tooth__btns{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}
.v3 .agd-tooth__btn{width:100%;display:flex;gap:14px;align-items:flex-start;padding:14px 16px;border-radius:16px;border:1.5px solid transparent;background:transparent;font-family:inherit;color:var(--agd-navy);text-align:left;cursor:pointer;transition:background .25s,border-color .25s}
.v3 .agd-tooth__btn:hover{background:#fff}
.v3 .agd-tooth__btn[aria-pressed="true"]{background:#fff;border-color:var(--agd-blue)}
.v3 .agd-tooth__swatch{width:18px;height:18px;border-radius:50%;flex:0 0 18px;margin-top:3px;border:1px solid rgba(0,26,83,.18)}
.v3 .agd-tooth__btn strong{display:block;font-size:16px}
.v3 .agd-tooth__btn span.agd-tooth__desc{font-size:14px;line-height:1.55;color:var(--agd-muted)}
.v3 .agd-tooth__explode{align-self:flex-start;min-height:44px;padding:0 20px;border-radius:var(--agd-r-pill);border:1.5px solid var(--agd-navy);background:#fff;color:var(--agd-navy);font-family:inherit;font-weight:700;font-size:15px;cursor:pointer}
.v3 .agd-tooth__explode:hover{background:var(--agd-navy);color:#fff}
/* Katman vurgusu */
.v3 .agd-tooth__layer{transition:opacity .3s ease,transform .6s cubic-bezier(.2,.8,.2,1)}
.v3 .agd-tooth[data-active] .agd-tooth__layer{opacity:.28}
.v3 .agd-tooth[data-active="enamel"] .agd-tooth__layer--enamel,
.v3 .agd-tooth[data-active="dentin"] .agd-tooth__layer--dentin,
.v3 .agd-tooth[data-active="pulp"] .agd-tooth__layer--pulp,
.v3 .agd-tooth[data-active="cementum"] .agd-tooth__layer--cementum{opacity:1}
/* Patlatılmış görünüm */
.v3 .agd-tooth.is-exploded .agd-tooth__layer--enamel{transform:translate(-26px,-30px)}
.v3 .agd-tooth.is-exploded .agd-tooth__layer--dentin{transform:translate(-9px,-10px)}
.v3 .agd-tooth.is-exploded .agd-tooth__layer--pulp{transform:translate(10px,10px)}
.v3 .agd-tooth.is-exploded .agd-tooth__layer--cementum{transform:translate(26px,30px)}

/* ---------- Günlük bakım: 5 adımlı fırçalama ---------- */
.v3 .agd-brush{background:var(--agd-ice);border-radius:var(--agd-r-img);padding:28px;display:flex;flex-wrap:wrap;gap:28px;align-items:flex-start;margin:24px 0}
.v3 .agd-brush__stage{flex:1 1 300px;min-width:0;display:flex;flex-direction:column;align-items:center;gap:12px}
.v3 .agd-brush__svg{width:100%;max-width:320px;height:auto;display:block;background:#fff;border-radius:20px}
.v3 .agd-brush__fig figcaption,.v3 .agd-tooth__stage figcaption{font-size:13px;color:var(--agd-caption);text-align:center}
.v3 .agd-brush__list{flex:1 1 320px;min-width:0;margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px;counter-reset:agd-brush}
.v3 .agd-brush__list li{display:flex;flex-direction:column;gap:2px;padding-left:44px;position:relative;font-size:16px;line-height:1.6}
.v3 .agd-brush__list li::before{counter-increment:agd-brush;content:counter(agd-brush);position:absolute;left:0;top:0;width:32px;height:32px;border-radius:50%;background:#fff;border:1px solid var(--agd-line);display:flex;align-items:center;justify-content:center;font-family:var(--agd-serif);font-weight:600;font-size:16px;color:var(--agd-navy)}
.v3 .agd-brush__list strong{color:var(--agd-navy)}
.v3 .agd-brush__list span{color:var(--agd-muted)}
/* Fırça 5 aşama arasında dolaşır; dekoratiftir. */
.v3 .agd-brush__tool{animation:agd-brush-move 20s ease-in-out infinite}
@keyframes agd-brush-move{
  0%,4%{transform:translate(0,0) rotate(0deg)}
  16%,20%{transform:translate(0,-54px) rotate(-6deg)}
  36%,40%{transform:translate(42px,-16px) rotate(10deg)}
  56%,60%{transform:translate(-42px,-16px) rotate(-10deg)}
  76%,80%{transform:translate(0,26px) rotate(4deg)}
  96%,100%{transform:translate(0,0) rotate(0deg)}
}
.v3 .agd-brush__foam{animation:agd-brush-foam 20s ease-in-out infinite}
@keyframes agd-brush-foam{0%,8%{opacity:0}20%,88%{opacity:.75}100%{opacity:0}}

/* ---------- Mobil ---------- */
@media (max-width:760px){
  .v3 .agd-lede{padding:24px 0 32px}
  .v3 .agd-lede__inner{display:block}
  .v3 .agd-lede__copy{gap:14px}
  .v3 .agd-lede__title{font-size:clamp(28px,8.4vw,36px)}
  .v3 .agd-lede__text{font-size:17px}
  .v3 .agd-lede__fig{margin-top:20px}
  .v3 .agd-split{display:block;padding-bottom:40px}
  .v3 .agd-aside{margin-top:40px;gap:16px}
  .v3 .agd-prose h2{font-size:24px;margin:36px 0 12px}
  .v3 .agd-prose h3{font-size:19px}
  .v3 .agd-prose p{font-size:16px}
  .v3 .agd-cta{margin-top:36px;padding:24px;border-radius:20px}
  .v3 .agd-cta__title{font-size:21px}
  .v3 .agd-cta__actions{width:100%}
  .v3 .agd-cta__actions .agd-btn{flex:1 1 140px}
  .v3 .agd-stages__box,.v3 .agd-tooth,.v3 .agd-brush{padding:18px;gap:20px;display:block}
  .v3 .agd-stages__fig,.v3 .agd-tooth__stage,.v3 .agd-brush__stage{margin-bottom:20px}
  .v3 .agd-stages__list,.v3 .agd-brush__list{gap:12px}
  .v3 .agd-dochead{padding:24px 0 4px;gap:16px}
  .v3 .agd-mono--lg{width:72px;height:72px;font-size:24px}
  .v3 .agd-doc__row{flex-direction:column;gap:0}
  .v3 .agd-docgrid{grid-template-columns:1fr}
}

/* ---------- Hareket azaltma: son durum gösterilir ---------- */
@media (prefers-reduced-motion:reduce){
  .v3 .agd-implant > g{opacity:1;transform:none;animation:none}
  .v3 .agd-implant__plan,.v3 .agd-implant__heal{opacity:0}
  .v3 .agd-brush__tool,.v3 .agd-brush__foam{animation:none}
  .v3 .agd-brush__foam{opacity:.75}
  .v3 .agd-tooth__layer{transition:none}
}

/* =========================================================
   D2 · Bölüm sayfası girişi + Hekimlerimiz + hekim profili
   ========================================================= */
.v3 .agd-seclede{padding:48px 0 56px}
.v3 .agd-seclede__inner{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:40px;align-items:end}
.v3 .agd-seclede__title{margin:0;font-size:clamp(34px,5vw,60px);line-height:1.05}
.v3 .agd-seclede__text{margin:0;font-size:18px;line-height:1.6;color:var(--agd-muted)}
.v3 .agd-section{padding-bottom:80px}

/* Hekim kartları (hekimler bloğu) */
.v3 .agd-docgrid a{flex-direction:column;align-items:flex-start;gap:14px;padding:28px}
.v3 .agd-docgrid strong{font-size:24px;line-height:1.2}
.v3 .agd-docgrid__title{color:var(--agd-quiet);font-size:15px}
.v3 .agd-docgrid__copy{display:flex;flex-direction:column;gap:6px}
.v3 .agd-docgrid__go{color:var(--agd-action);font-weight:700;margin-top:4px}
.v3 .agd-docgrid__portrait{width:72px;height:72px;border-radius:50%;object-fit:cover}
.v3 .agd-mono--md{width:72px;height:72px;font-size:24px}
.v3 .agd-mono--xl{width:200px;height:200px;font-size:72px}

/* Hekim profili girişi */
.v3 .agd-dochero{padding:48px 0 64px}
.v3 .agd-dochero__inner{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:56px;align-items:center}
.v3 .agd-dochero__mark{aspect-ratio:1;max-width:420px;width:100%;border-radius:32px;background:var(--agd-ice);display:flex;align-items:center;justify-content:center}
.v3 .agd-dochero__portrait{max-width:70%;height:auto;border-radius:50%}
.v3 .agd-dochero__copy{display:flex;flex-direction:column;gap:20px;min-width:0}
.v3 .agd-dochero__title{margin:0;font-size:clamp(34px,5vw,60px);line-height:1.05}
.v3 .agd-dochero__text{margin:0;font-size:18px;line-height:1.65;color:var(--agd-muted)}
.v3 .agd-dochero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}

/* Eğitim bilgileri kutusu (yalnız dolu alanlar) */
.v3 .agd-box{background:#fff;border:1px solid var(--agd-line);border-radius:var(--agd-r-card);padding:28px}
.v3 .agd-box h2{margin:0 0 20px;font-size:26px;color:var(--agd-navy)}
.v3 .agd-dl{display:grid;grid-template-columns:auto 1fr;gap:10px 20px;margin:0;font-size:15px}
.v3 .agd-dl dt{color:var(--agd-quiet)}
.v3 .agd-dl dd{margin:0;color:var(--agd-text)}

/* Diğer hekimlerimiz */
.v3 .agd-others h2{margin:0 0 24px;font-size:28px;color:var(--agd-navy)}
.v3 .agd-others__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:0;padding:0;list-style:none}
.v3 .agd-others__grid a{background:#fff;border:1px solid var(--agd-line);border-radius:16px;padding:16px;display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--agd-navy)}
.v3 .agd-others__grid a:hover{border-color:#B9D3F3}
.v3 .agd-others__grid strong{font-size:15px}

@media (max-width:760px){
  .v3 .agd-seclede{padding:24px 0 32px}
  .v3 .agd-seclede__inner{display:block}
  .v3 .agd-seclede__title{font-size:clamp(28px,8.4vw,36px)}
  .v3 .agd-seclede__text{margin-top:12px;font-size:16px}
  .v3 .agd-section{padding-bottom:40px}
  .v3 .agd-dochero{padding:24px 0 32px}
  .v3 .agd-dochero__inner{display:block}
  .v3 .agd-dochero__mark{max-width:200px;border-radius:24px;margin-bottom:24px}
  .v3 .agd-mono--xl{width:132px;height:132px;font-size:44px}
  .v3 .agd-dochero__title{font-size:clamp(28px,8.4vw,36px)}
  .v3 .agd-dochero__actions .agd-btn{width:100%}
  .v3 .agd-docgrid strong{font-size:20px}
  .v3 .agd-dl{grid-template-columns:1fr;gap:2px 0}
  .v3 .agd-dl dd{margin-bottom:10px}
}

/* =========================================================
   D3/D4 · Rehber modülleri — sahne geçişi ve panel
   ========================================================= */
.v3 .agd-tooth__panel,.v3 .agd-brush__panel{flex:1 1 360px;min-width:0;display:flex;flex-direction:column;gap:14px}
.v3 .agd-bs__label{margin:0;font-size:14px;font-weight:700;color:var(--agd-quiet)}

/* Fırçalama: beş sahne tek SVG'de, etkin olan gösterilir. */
.v3 .agd-bs__svg{width:100%;max-width:460px;height:auto;display:block;background:#fff;border-radius:24px}
.v3 .agd-bs__scene{opacity:0;transition:opacity .4s ease}
.v3 .agd-bs[data-step="1"] .agd-bs__scene[data-scene="1"],
.v3 .agd-bs[data-step="2"] .agd-bs__scene[data-scene="2"],
.v3 .agd-bs[data-step="3"] .agd-bs__scene[data-scene="3"],
.v3 .agd-bs[data-step="4"] .agd-bs__scene[data-scene="4"],
.v3 .agd-bs[data-step="5"] .agd-bs__scene[data-scene="5"]{opacity:1}
/* Sahne içi dekoratif hareketler */
.v3 .agd-bs__jig{animation:agd-jig 1.6s ease-in-out infinite}
@keyframes agd-jig{0%,100%{transform:translateX(0)}50%{transform:translateX(10px)}}
.v3 .agd-bs__circ{animation:agd-circ 2.4s linear infinite}
@keyframes agd-circ{0%{transform:translate(0,0)}25%{transform:translate(8px,-6px)}50%{transform:translate(16px,0)}75%{transform:translate(8px,6px)}100%{transform:translate(0,0)}}
.v3 .agd-bs__slide{animation:agd-slide 2.6s ease-in-out infinite}
@keyframes agd-slide{0%,100%{transform:translateX(0)}50%{transform:translateX(-56px)}}
.v3 .agd-bs__updown{animation:agd-updown 2s ease-in-out infinite}
@keyframes agd-updown{0%,100%{transform:translateY(0)}50%{transform:translateY(-26px)}}
.v3 .agd-bs__floss{animation:agd-floss 2.8s ease-in-out infinite}
@keyframes agd-floss{0%,100%{transform:translateY(0)}50%{transform:translateY(16px)}}

/* Adım düğmeleri */
.v3 .agd-bs__list{counter-reset:none}
.v3 .agd-bs__list li{padding-left:0;display:block}
.v3 .agd-bs__list li::before{content:none}
.v3 .agd-bs__btn{display:flex;gap:16px;align-items:flex-start;width:100%;padding:14px 16px;border-radius:16px;border:1.5px solid transparent;background:transparent;font-family:inherit;color:var(--agd-navy);text-align:left;cursor:pointer;transition:background .25s,border-color .25s}
.v3 .agd-bs__btn:hover{background:#fff}
.v3 .agd-bs__btn[aria-pressed="true"]{background:#fff;border-color:var(--agd-blue)}
.v3 .agd-bs__n{flex:0 0 38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:17px;background:#fff;border:1px solid var(--agd-line);color:var(--agd-navy)}
.v3 .agd-bs__btn[aria-pressed="true"] .agd-bs__n{background:var(--agd-action);border-color:var(--agd-action);color:#fff}
.v3 .agd-bs__copy{font-size:16px;line-height:1.55;padding-top:6px}
.v3 .agd-bs__copy strong{color:var(--agd-navy)}
.v3 .agd-bs__copy span{color:var(--agd-muted)}
.v3 .agd-bs__play{align-self:flex-start;margin-top:8px;min-height:44px;padding:0 20px;border-radius:var(--agd-r-pill);border:1.5px solid var(--agd-navy);background:#fff;color:var(--agd-navy);font-family:inherit;font-weight:700;font-size:15px;cursor:pointer}
.v3 .agd-bs__play:hover{background:var(--agd-navy);color:#fff}

/* JS yoksa sahneler arası geçiş olmaz; ilk sahne görünür kalır
   ve beş adımın metni listede okunur. */
html:not(.js) .v3 .agd-bs__play,html:not(.js) .v3 .agd-tooth__explode{display:none}
html:not(.js) .v3 .agd-bs__btn{cursor:default}

@media (max-width:760px){
  .v3 .agd-bs__btn{padding:12px}
  .v3 .agd-bs__copy{font-size:15px}
  .v3 .agd-bs__play{width:100%;text-align:center}
}
@media (prefers-reduced-motion:reduce){
  .v3 :is(.agd-bs__jig,.agd-bs__circ,.agd-bs__slide,.agd-bs__updown,.agd-bs__floss){animation:none}
  .v3 .agd-bs__scene{transition:none}
}

/* ---------- Rehber yazısı girişi ---------- */
.v3 .agd-guidelede{padding:40px 0 32px}
.v3 .agd-guidelede__inner{max-width:860px;display:flex;flex-direction:column;gap:18px}
.v3 .agd-guidelede__title{margin:0;font-size:clamp(32px,4.6vw,56px);line-height:1.08}
.v3 .agd-guidelede__text{margin:0;font-size:19px;line-height:1.65;color:var(--agd-text)}
@media (max-width:760px){
  .v3 .agd-guidelede{padding:24px 0 24px}
  .v3 .agd-guidelede__inner{gap:14px}
  .v3 .agd-guidelede__title{font-size:clamp(26px,8.2vw,34px)}
  .v3 .agd-guidelede__text{font-size:17px}
}

/* =========================================================
   review-03 P2 düzeltmeleri
   Bu blok EN SON yüklenen kuralları içerir; claude-design-inner.css
   içindeki .agd-prose / .agd-side bağlantı renklerini yenmek için
   buton kuralları iki sınıfla (.agd-btn.agd-btn--primary) yazıldı.
   ========================================================= */

/* P2·3 · Birincil buton metni her şablonda beyaz.
   Kök neden: .v3 .agd-prose a ve .v3 .agd-side a (0,2,1) kuralları
   .v3 a.agd-btn--primary (0,2,1) ile eşit özgüllükte olup sonra
   geldiği için kazanıyordu. İki sınıf (0,3,1) ile kesin çözülür. */
.v3 a.agd-btn.agd-btn--primary,
.v3 a.agd-btn.agd-btn--primary:visited,
.v3 a.agd-btn.agd-btn--primary:hover,
.v3 a.agd-btn.agd-btn--primary:focus,
.v3 a.agd-btn.agd-btn--primary:active,
.v3 .agd-prose a.agd-btn.agd-btn--primary,
.v3 .agd-side a.agd-btn.agd-btn--primary,
.v3 .agd-cta a.agd-btn.agd-btn--primary{color:#fff;text-decoration:none}
.v3 a.agd-btn.agd-btn--primary:hover{background:var(--agd-navy)}
.v3 a.agd-btn.agd-btn--primary svg{stroke:currentColor;fill:none}
.v3 a.agd-btn.agd-btn--ghost,
.v3 a.agd-btn.agd-btn--ghost:visited,
.v3 .agd-prose a.agd-btn.agd-btn--ghost,
.v3 .agd-side a.agd-btn.agd-btn--ghost{color:var(--agd-navy);text-decoration:none;border:1.5px solid var(--agd-navy)}
.v3 a.agd-btn.agd-btn--ghost:hover{background:var(--agd-navy);color:#fff}
.v3 a.agd-btn.agd-btn--onnavy,
.v3 a.agd-btn.agd-btn--onnavy:visited,
.v3 .agd-prose a.agd-btn.agd-btn--onnavy,
.v3 .agd-cta a.agd-btn.agd-btn--onnavy{color:#fff;text-decoration:none;border:1.5px solid #fff;background:transparent}
.v3 a.agd-btn.agd-btn--onnavy:hover{background:#fff;color:var(--agd-navy)}

/* P2·4 · Dönen kelime bandı tek satır, gülüş hemen altında */
.v3 .agd-slogan__title{display:block;white-space:normal}
.v3 .agd-slogan__lead{display:inline}
.v3 .agd-rot{display:inline-block;width:auto;min-width:5.5em;height:1.1em;vertical-align:baseline;line-height:inherit}
.v3 .agd-rot__w{position:absolute;left:0;right:0;top:0;text-align:center;line-height:inherit}
.v3 .agd-smile{margin:2px auto 0}

/* P2·5 · Harita yer tutucusu dikey ortalı, ghost çerçeve geri geldi */
.v3 .agd-loc__ph{justify-content:center;gap:18px;padding:24px}
/* Boş kanvas yer kaplamasın; dolduğunda mutlak konumla kutuyu kaplar. */
.v3 .agd-loc__ph .map-canvas:empty{flex:0 0 auto;height:0;width:0}
/* multipage.css .map-load{border:0} kuralını (0,2,0) yenmek için (0,3,0). */
.v3 .agd-loc__ph .map-load{border:1.5px solid var(--agd-navy);background:#fff;color:var(--agd-navy);border-radius:var(--agd-r-pill);min-height:44px;padding:0 20px;font-weight:700}
.v3 .agd-loc__ph .map-load:hover{background:var(--agd-navy);color:#fff}

/* P2·6 · Göz üstü etiketi her yerde mavi
   .v3 .agd-clinic__copy p (0,2,1) rengi eziyordu. */
.v3 .agd-clinic__copy p.agd-eyebrow,
.v3 p.agd-eyebrow{color:var(--agd-action)}
.v3 .agd-visit p.agd-eyebrow{color:var(--agd-on-navy-2)}

/* P2·7 · Hekim kartları: eşit yükseklik, ad dengeli kırılır */
.v3 .agd-docs__grid{align-items:stretch}
.v3 .agd-docs__grid > a{height:100%}
.v3 .agd-doc__name strong{font-size:15px;text-wrap:balance;min-height:2.6em;display:flex;align-items:center;justify-content:center;text-align:center}

/* P2·10 · Hekim profili: unvan tek satır, kısa gövdede tek sütun */
.v3 .agd-dochero__title-line{margin:0;font-size:17px;color:var(--agd-quiet)}
.v3 .agd-doc-single{display:flex;flex-direction:column;gap:28px;align-items:flex-start}
.v3 .agd-doc-single .agd-prose{max-width:720px}
.v3 .agd-doc-single .agd-side{max-width:320px;width:100%}

/* P2·11 · Gezinme yolu ayırıcısı daha okunur */
.v3 .breadcrumbs li+li::before{content:"›";margin-right:8px;color:#8C9BBF;font-size:16px;line-height:1}

@media (max-width:760px){
  /* Mobilde iki satır olabilir. */
  .v3 .agd-slogan__lead{display:block}
  .v3 .agd-rot{min-width:4.5em}
  .v3 .agd-doc__name strong{min-height:0}
  .v3 .agd-doc-single .agd-side{max-width:none}
}

/* =========================================================
   review-04 / review-05 düzeltmeleri
   ========================================================= */

/* review-04 #1 · Bölüm sayfalarının içerik kabı header/footer ile hizasızdı.
   Kök neden: multipage.css `.directory-shell{max-width:1224px}` kabı daraltıyor,
   içindeki `.wrap` de `min(100% - 6rem, 1224px)` ile 1128 px'e düşüyordu;
   makale de ortalanmadığı için 100 px sola kayıyordu. */
.v3 .agd-page{max-width:none}

/* review-07 #4 · Yapışkan yan sütun kuralları kaldırıldı: tedavi, rehber ve
   hekim profili artık tek sütun, hiçbir şablonda `.agd-aside` yok. */

/* review-05 D2 · Mobil menü açıkken alt çubuk gizlenir (site.js body'ye
   `menu-open` sınıfını ekliyor; ek JS gerekmedi). */
body.menu-open .agd-mbar{display:none}

/* review-04 #3 · Tedaviler sayfası: görselli kart ızgarası */
.v3 .agd-tgroup{margin-bottom:56px}
.v3 .agd-tgroup h2{margin:0 0 20px;font-size:28px;color:var(--agd-navy)}
.v3 .agd-tgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin:0;padding:0;list-style:none;align-items:stretch}
.v3 .agd-tgrid > li{display:flex}
.v3 a.agd-tcard,.v3 a.agd-tcard:visited{flex:1;display:flex;flex-direction:column;background:#fff;border:1px solid var(--agd-line);border-radius:var(--agd-r-card);overflow:hidden;text-decoration:none;color:var(--agd-navy)}
.v3 .agd-tcard__media{display:block;aspect-ratio:4/3;background:#F2F6FC;overflow:hidden}
.v3 .agd-tcard__media img{width:100%;height:100%;object-fit:contain;object-position:center;display:block}
.v3 .agd-tcard__copy{display:flex;flex-direction:column;gap:8px;padding:20px 22px 24px}
.v3 .agd-tcard__copy strong{font-size:21px;line-height:1.25}
.v3 .agd-tcard__text{color:var(--agd-quiet);font-size:15px;line-height:1.55}
.v3 .agd-tgrid__note{margin:0;font-size:13px;color:var(--agd-caption)}

/* review-04 #3 · Kliniğimiz sayfası ek bileşenleri */
.v3 .agd-clinic__facts--page{margin:40px 0 0;max-width:520px}
.v3 .agd-clinic__cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin:32px 0 0;padding:0;list-style:none;align-items:stretch}
.v3 .agd-clinic__cards > li{display:flex}
.v3 .agd-clinic__cards a{flex:1}
.v3 .directory-shell .agd-visit{margin-top:56px;border-radius:var(--agd-r-img)}

/* review-04 #3 · Hasta Rehberi sayfası ızgarası ve çip filtresi */
.v3 .agd-gwrap{display:flex;flex-direction:column;gap:28px}
.v3 .agd-gchips{margin:0}
.v3 button.agd-chip{font-family:inherit;cursor:pointer}
.v3 button.agd-chip[aria-pressed="true"]{background:var(--agd-navy);color:#fff;border-color:var(--agd-navy)}
.v3 .agd-ggrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin:0;padding:0;list-style:none;align-items:stretch}
.v3 .agd-ggrid > li{display:flex}
.v3 .agd-ggrid a{flex:1}
.v3 .agd-ggrid > li[hidden]{display:none}
/* JS yoksa filtre düğmeleri gizlenir, tüm liste okunur kalır. */
html:not(.js) .v3 .agd-gchips{display:none}

/* review-04 #3 · İletişim sayfası: bileşen tam genişlikte otursun */
.v3 .directory-shell .agd-loc{padding:0}
.v3 .directory-shell .agd-loc__inner{padding:0}

@media (max-width:760px){
  .v3 .agd-tgroup{margin-bottom:36px}
  .v3 .agd-tgroup h2{font-size:22px;margin-bottom:14px}
  .v3 .agd-tgrid{grid-template-columns:1fr;gap:14px}
  .v3 .agd-tcard__copy{padding:16px 18px 20px}
  .v3 .agd-tcard__copy strong{font-size:19px}
  .v3 .agd-clinic__facts--page{margin-top:28px}
  .v3 .agd-clinic__cards{grid-template-columns:1fr;margin-top:24px}
  .v3 .agd-ggrid{grid-template-columns:1fr;gap:12px}
}

/* review-05 D1 · Mobil menü tek sütun, tam genişlik, 48 px dokunma hedefi */
@media (max-width:1000px){
  .v3 .site-nav ul.primary-links{display:grid;grid-template-columns:1fr;gap:2px;padding:0;margin:0;list-style:none}
  .v3 .site-nav ul.primary-links > li > a,
  .v3 .site-nav ul.primary-links > li > details > summary{display:flex;align-items:center;width:100%;min-height:48px;padding:12px 14px;font-size:17px;border-radius:12px}
  .v3 .site-nav ul.primary-links > li > a:hover{background:var(--agd-ice)}
}

/* =========================================================
   review-06 düzeltmeleri
   ========================================================= */

/* ---------------------------------------------------------
   #1 · Tedaviler: tek ızgara, SABİT sütun sayısı
   Kök neden: her grup için ayrı `auto-fit` ızgara vardı; grupta tek kart
   olduğu için boş sütunlar çöküyor (`1224px 0 0 0`) ve kart 1224×1020 px
   oluyordu. Artık tek ızgara ve sabit sütun; grup adı kart etiketi.
   --------------------------------------------------------- */
.v3 .agd-tgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.v3 .agd-tcard__media{aspect-ratio:4/3;background:#F2F6FC}
.v3 .agd-tcard__media img{width:100%;height:100%;object-fit:contain;object-position:center;display:block}
.v3 .agd-tcard__group{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--agd-action)}
.v3 .agd-tcard__copy strong{font-size:20px}
.v3 .agd-tgrid__note{margin:20px 0 0}

/* #1 · Genel kural — kart ızgaralarında `auto-fit` yerine sabit sütun.
   Not: iki sütunlu içerik/görsel ayrımları (`.agd-lede__inner`,
   `.agd-tre__inner`, `.agd-clinic__inner`, `.agd-loc__inner`,
   `.agd-dochero__inner`) bilinçli olarak `auto-fit` kalır: bir taraf
   yoksa (ör. öne çıkan görseli olmayan tedavi) kalan sütunun tam
   genişliğe yayılması istenen davranıştır. `auto-fill` orada boş sütun
   bırakıp içeriği yarıya sıkıştırırdı. */
.v3 .agd-ggrid{grid-template-columns:repeat(3,minmax(0,1fr))}
.v3 .agd-docgrid{grid-template-columns:repeat(4,minmax(0,1fr))}
.v3 .agd-others__grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.v3 .agd-clinic__cards{grid-template-columns:repeat(2,minmax(0,1fr))}
.v3 .agd-paths__grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.v3 .agd-guide__grid:not(.agd-ggrid){grid-template-columns:repeat(3,minmax(0,1fr))}
.v3 .agd-visit__steps{grid-template-columns:repeat(3,minmax(0,1fr))}
/* Ana sayfadaki yedi hekim kartı tek satırda (review-04 onayı). */
@media (min-width:1200px){ .v3 .agd-docs__grid{grid-template-columns:repeat(7,minmax(0,1fr))} }
@media (max-width:1199px){ .v3 .agd-docs__grid{grid-template-columns:repeat(4,minmax(0,1fr))} }

/* Bölüm girişi artık tek çocuk (yalnız H1); ızgaraya gerek yok. */
.v3 .agd-seclede__inner{display:block}

/* ---------------------------------------------------------
   #2 · "Gülüşünüz için …" bandı: kelime alt satırda ortalı,
   gülüş hemen altında. Masaüstü ve mobilde aynı düzen.
   --------------------------------------------------------- */
.v3 .agd-slogan__lead{display:block}
.v3 .agd-rot{display:block;position:relative;width:100%;min-width:0;height:1.2em;text-align:center;line-height:inherit}
.v3 .agd-rot__w{position:absolute;left:0;right:0;top:0;text-align:center;line-height:inherit}
.v3 .agd-smile{display:block;margin:4px auto 0}

/* ---------------------------------------------------------
   #5 · Kliniğimiz girişi iki sütun: solda metin, sağda amblem kutusu
   --------------------------------------------------------- */
.v3 .agd-clinic__intro{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:56px;align-items:start;margin-bottom:8px}
.v3 .agd-clinic__lead p{margin:0;font-size:17px;line-height:1.65;color:var(--agd-muted)}
.v3 .agd-clinic__facts--page{margin:0;max-width:none}

/* ---------------------------------------------------------
   #6 · Hasta Rehberi: tek not kutusu + tek satır çipler
   --------------------------------------------------------- */
.v3 p.agd-guidenote{margin:0 0 28px;background:var(--agd-ice-2);border-radius:16px;padding:16px 20px;font-size:15px;line-height:1.6;color:#0B3A7A;max-width:70ch}
.v3 .agd-gchips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.v3 .agd-gchips::-webkit-scrollbar{display:none}
.v3 .agd-gchips > li{flex:0 0 auto}

@media (max-width:1000px){
  .v3 .agd-tgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .v3 .agd-ggrid,.v3 .agd-guide__grid:not(.agd-ggrid){grid-template-columns:repeat(2,minmax(0,1fr))}
  .v3 .agd-others__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .v3 .agd-paths__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .v3 .agd-visit__steps{grid-template-columns:1fr}
  .v3 .agd-clinic__intro{grid-template-columns:1fr;gap:28px}
}
@media (max-width:760px){
  .v3 .agd-docgrid,.v3 .agd-others__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .v3 .agd-clinic__cards{grid-template-columns:1fr}
  .v3 .agd-ggrid,.v3 .agd-guide__grid:not(.agd-ggrid){grid-template-columns:1fr}
  .v3 p.agd-guidenote{margin-bottom:20px;padding:14px 16px;font-size:14px}
}
@media (max-width:560px){
  .v3 .agd-tgrid{grid-template-columns:1fr}
  /* review-09: mobil max-height kaldirildi; kutu 4:3 kalir. */
}
@media (max-width:420px){
  .v3 .agd-docgrid,.v3 .agd-others__grid,.v3 .agd-paths__grid{grid-template-columns:1fr}
}

/* ---------------------------------------------------------
   review-06 §6b · Tedavi sayfaları tek sütun (kullanıcı kararı)
   Yan sütun kaldırıldı; metin okunabilir genişlikte ve header ile
   aynı sol hizada. Görsel giriş bloğu (.agd-lede) değişmedi.
   --------------------------------------------------------- */
/* review-07 #1 · Gövde sola dayalıydı (760 px, sağda ~460 px boş şerit).
   Artık ortalı okuma düzeni: metin 760 px, şema ve mavi kart 960 px'e
   taşabilir, hepsi aynı dikey eksende ortalanır. */
.v3 .agd-single{padding-bottom:96px}
.v3 .agd-single > .agd-prose{max-width:960px;margin-inline:auto}
/* Metin öğeleri okunabilir genişlikte ve ortalı. */
.v3 .agd-single > .agd-prose > :is(p,h2,h3,h4,ul,ol,dl,table,blockquote,figure,.agd-meta,.related-content,.agd-box){max-width:760px;margin-inline:auto}
/* Şema ve çağrı kartı biraz taşar. */
.v3 .agd-single > .agd-prose > :is(.agd-stages,.agd-cta){max-width:960px;margin-inline:auto}
.v3 .agd-single .agd-implant{max-width:420px}
@media (max-width:760px){
  .v3 .agd-single{padding-bottom:40px}
  .v3 .agd-single > .agd-prose,
  .v3 .agd-single > .agd-prose > *{max-width:none}
}

/* ---------------------------------------------------------
   review-07 #1 · Giriş bloğu da ortalı (seçenek A)
   Üst giriş 1224 px tam genişlikken gövde 760 px sola dayalıydı;
   sayfa sola yatık görünüyordu. Giriş en fazla 1040 px, görsel ≤ 420 px.
   --------------------------------------------------------- */
.v3 .agd-lede__inner,
.v3 .agd-guidelede__inner,
.v3 .agd-dochero__inner{max-width:1040px;margin-inline:auto}
.v3 .agd-lede__fig{max-width:420px;width:100%;justify-self:end}
.v3 .agd-dochero__mark{max-width:360px}
/* review-07 #2 · Giriş görseli çerçevesi ızgaradaki kartla aynı zemin. */
.v3 .agd-lede__frame{background:#F2F6FC}
.v3 .agd-lede__frame img{object-fit:contain}

@media (max-width:1000px){
  .v3 .agd-lede__fig{max-width:none;justify-self:stretch}
}
@media (max-width:760px){
  .v3 .agd-lede__inner,
  .v3 .agd-guidelede__inner,
  .v3 .agd-dochero__inner{max-width:none}
  .v3 .agd-dochero__mark{max-width:200px}
}

/* ===== claude-design-rev08.css icinden tasindi (yol ile surumleme sayesinde ayri dosya gerekmiyor) ===== */
@media (max-width:560px){
  .v3 .agd-docs__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .v3 .agd-doc{flex-direction:column;align-items:center;text-align:center;gap:10px;padding:16px 10px}
  .v3 .agd-doc__name{align-items:center;text-align:center}
  .v3 .agd-doc__name strong{font-size:14px;line-height:1.25;min-height:0}
}
/* ≤360 px'de de iki sütun kalır (tek sütuna düşmez). */
@media (max-width:360px){
  .v3 .agd-docs__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* 3 · Mobil yatay taşma.
   Kapalı `.menu-drawer` `transform:translateX(105%)` ile ekran dışında durur
   ama `visibility:hidden` düzeni terk etmediği için belgeye taşma ekliyordu
   (oturumsuz ölçüm: scrollWidth 393 > clientWidth 375, suçlu left:392.8).
   `clip` kullanılır; `hidden` kaydırma kabı yaratıp yapışkan konumu bozardı. */
@media (max-width:1000px){
  .v3-document,.v3-document body{overflow-x:clip}
}

/* 4 · Mobil "Gülüşünüz için" bandı.
   Ölçülen boşluk 24 px idi (20 px row-gap + 4 px margin); hedef ≤8 px. */
@media (max-width:760px){
  .v3 .agd-slogan__inner{row-gap:0}
  .v3 .agd-smile{margin-top:4px}
}

/* 5 · İletişim sayfasında konum bloğunun hizası.
   `.wrap` mobilde `margin-inline:20px` kullanır; `.agd-loc__inner` iç içe bir
   `.wrap` olduğu için 20 px ikinci kez uygulanıyor ve blok H1'den 20 px içeride
   başlıyordu. Önceki `padding:0` kuralı girintiyi gidermiyordu, çünkü girinti
   padding'den değil margin'den geliyor. */
.v3 .directory-shell .agd-loc__inner{margin-inline:0;padding-inline:0;max-width:none}

/* =========================================================
   review-08 · Muayene adımları şeridi
   Kaynak: docs/design/claude-design-v1/reference/muayene-adimlari-serit.html
   Uyarlama: lacivert zemine taşındı, "N. adım" etiketleri yok, font sitenin
   Manrope'u (Google Fonts bağlantısı eklenmedi).
   Erişilebilirlik: animasyon yalnız süsleme; `animation-timeline` desteklemeyen
   tarayıcıda ve reduced-motion'da şerit TAMAMLANMIŞ hâlde durur.
   ========================================================= */
.v3 .agd-steps__list{
  list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;
  view-timeline:--agd-steps block;
}
.v3 .agd-step{position:relative;display:flex;flex-direction:column;gap:6px;min-width:0;
  border-top:0;padding-top:0}
.v3 .agd-step__dot{
  position:relative;z-index:1;width:56px;height:56px;border-radius:50%;
  display:grid;place-items:center;margin-bottom:10px;
  border:2px solid var(--agd-blue,#1277EB);background:var(--agd-blue,#1277EB);color:#fff;
}
.v3 .agd-step__dot svg{width:28px;height:28px;fill:none;stroke:currentColor;
  stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.v3 .agd-step h3{margin:0;font-size:18px;line-height:1.3;color:#fff;font-weight:700}
.v3 .agd-step p{margin:0;color:#C7D3E8;font-size:15px;line-height:1.55;max-width:32ch}
/* Bağlantı çizgisi: iz + dolan kısım. */
.v3 .agd-step:not(:last-child)::before,
.v3 .agd-step:not(:last-child)::after{
  content:"";position:absolute;left:64px;top:27px;
  width:calc(100% + 28px - 72px);height:2px;transform-origin:left center;
}
.v3 .agd-step:not(:last-child)::before{background:rgba(255,255,255,.2)}
.v3 .agd-step:not(:last-child)::after{background:var(--agd-blue,#1277EB)}

@media (max-width:760px){
  .v3 .agd-steps__list{grid-template-columns:1fr;gap:24px}
  .v3 .agd-step{display:grid;grid-template-columns:56px minmax(0,1fr);column-gap:16px;row-gap:4px}
  .v3 .agd-step__dot{grid-row:1 / span 2;margin:0}
  .v3 .agd-step p{max-width:none}
  .v3 .agd-step:not(:last-child)::before,
  .v3 .agd-step:not(:last-child)::after{
    left:27px;top:64px;width:2px;height:calc(100% + 24px - 72px);transform-origin:center top;
  }
}

/* Kaydırmaya bağlı animasyon yalnız destekleyen tarayıcıda ve hareket
   tercihi kısıtlı değilse devreye girer. Aksi halde yukarıdaki tamamlanmış
   hâl görünür; hiçbir içerik gizlenmez. */
@supports (animation-timeline:view()){
  @media (prefers-reduced-motion:no-preference){
    .v3 .agd-step__dot{animation:agd-step-reach linear both;animation-timeline:--agd-steps}
    .v3 .agd-step:not(:last-child)::after{animation:agd-step-fill-x linear both;animation-timeline:--agd-steps}
    .v3 .agd-step:nth-child(1) .agd-step__dot{animation-range:cover 12% cover 16%}
    .v3 .agd-step:nth-child(1)::after{animation-range:cover 16% cover 26%}
    .v3 .agd-step:nth-child(2) .agd-step__dot{animation-range:cover 26% cover 30%}
    .v3 .agd-step:nth-child(2)::after{animation-range:cover 30% cover 40%}
    .v3 .agd-step:nth-child(3) .agd-step__dot{animation-range:cover 40% cover 44%}
    .v3 .agd-step:nth-child(3)::after{animation-range:cover 44% cover 54%}
    .v3 .agd-step:nth-child(4) .agd-step__dot{animation-range:cover 54% cover 58%}
    @media (max-width:760px){
      .v3 .agd-step:not(:last-child)::after{animation-name:agd-step-fill-y}
    }
  }
}
@keyframes agd-step-reach{
  from{border-color:rgba(255,255,255,.2);background:transparent;color:rgba(255,255,255,.55);transform:scale(.92)}
  to{transform:scale(1)}
}
@keyframes agd-step-fill-x{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes agd-step-fill-y{from{transform:scaleY(0)}to{transform:scaleY(1)}}

/* ===== claude-design-rev09.css icinden tasindi (yol ile surumleme sayesinde ayri dosya gerekmiyor) ===== */
/* ---------------------------------------------------------
   1 · Mobil iletişim çubuğu
   Kaynak: docs/design/claude-design-v1/reference/mobil-iletisim-cubugu.html
   Mevcut `.agd-mbar` bileşeninin YERİNE geçer; ikinci bir çubuk eklenmez.
   Bağlantılar ve etiketler değişmedi (tel:+902166411551 / wa.me/905433803669,
   "Ara" / "WhatsApp"); WhatsApp ön-dolu mesajı eklenmedi.
   --------------------------------------------------------- */
@media (max-width:760px){
  .v3 .agd-mbar{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));
    background:rgba(255,255,255,.94);
    -webkit-backdrop-filter:saturate(1.4) blur(10px);
            backdrop-filter:saturate(1.4) blur(10px);
    border-top:1px solid var(--agd-line);
    box-shadow:none;
    transition:transform .32s cubic-bezier(.22,1,.36,1);
    will-change:transform;
  }
  /* Aşağı kaydırınca gizlenir. Görünürlük `transform` ile değişir; çubuk
     odaklanabilir kalsın diye `display`/`visibility` kullanılmaz. */
  .v3 .agd-mbar.is-hidden{
    transform:translateY(calc(100% + 2px));
    transition-timing-function:cubic-bezier(.7,0,.84,0);
    transition-duration:.22s;
  }
  .v3 .agd-mbar .agd-btn{
    height:48px;
    min-height:48px;
    padding:0 12px;
    border-radius:12px;
    font-size:16px;
    font-weight:600;
    gap:8px;
    transition:transform .15s ease;
  }
  .v3 .agd-mbar .agd-btn:active{transform:scale(.97)}
  /* "Ara" dolu, "WhatsApp" çerçeveli. */
  .v3 .agd-mbar a.agd-btn.agd-btn--primary{background:var(--agd-action);border-color:var(--agd-action);color:#fff}
  .v3 .agd-mbar a.agd-btn.agd-btn--primary:hover,
  .v3 .agd-mbar a.agd-btn.agd-btn--primary:active{background:var(--agd-navy);border-color:var(--agd-navy);color:#fff}
  .v3 .agd-mbar a.agd-btn.agd-btn--ghost{background:transparent;color:var(--agd-navy);border:1.5px solid var(--agd-navy)}
  .v3 .agd-mbar .agd-btn:focus-visible{outline:3px solid var(--agd-action);outline-offset:2px}

  /* Footer son satırı çubuğun altında kalmasın: çubuk yüksekliği + güvenli alan. */
  .v3-document body{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}
}
@media (prefers-reduced-motion:reduce){
  .v3 .agd-mbar,.v3 .agd-mbar.is-hidden,.v3 .agd-mbar .agd-btn{transition:none}
}

/* ---------------------------------------------------------
   2 · Hekimlerimiz sayfası, mobil kartlar
   Ana sayfadaki kartla aynı dil: iki sütun, dikey, ortalı; monogram üstte,
   ad ve unvan altında, "Profili gör" bağlantısı korunur.
   ≤420 px'de tek sütuna düşen eski kural geçersiz kılınır.
   --------------------------------------------------------- */
@media (max-width:560px){
  .v3 .agd-docgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .v3 .agd-docgrid a{
    flex-direction:column;
    align-items:center;
    text-align:center;
    gap:10px;
    padding:16px 10px;
    border-radius:16px;
  }
  .v3 .agd-docgrid__copy{align-items:center;text-align:center;gap:4px}
  .v3 .agd-docgrid strong{font-size:15px;line-height:1.25}
  .v3 .agd-docgrid__title{font-size:13px}
  .v3 .agd-docgrid__go{font-size:13px;margin-top:2px}
}
@media (max-width:420px){
  .v3 .agd-docgrid,.v3 .agd-others__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* =========================================================
   review-09 · Sağdan çekmece ve küçülen sayfa kabuğu
   Kapsam yalnız <=1024 px; masaüstü menüsü değişmez.
   Çekmece ve katman `.page-shell` DIŞINDADIR (footer.php), yoksa kabukla
   birlikte küçülürlerdi.
   ========================================================= */
@media (max-width:1024px){
  /* Mobilde başlıktaki masaüstü menüsü gizlenir; gezinme çekmeceden yapılır. */
  .v3 .site-nav--bar{display:none}

  /* Kapalı çekmece ekran dışında durur; `visibility:hidden` düzeni terk
     etmediği için taşmayı `overflow-x:clip` kapatır (review-08 ölçümü). */
  .v3-document,.v3-document body{overflow-x:clip}

  .js .v3 .page-shell{
    transform-origin:center left;
    border-radius:0;
    transition:transform .32s cubic-bezier(.22,1,.36,1),border-radius .32s cubic-bezier(.22,1,.36,1);
  }
  /* review-11 §0: `will-change:transform` SÜREKLİ açık kalırsa kabuk, hiç
     dönüştürülmese bile içindeki `position:fixed` ögeler için konumlama
     bağlamı olur. Bu yüzden ipucu yalnız menü açılıp kapanırken verilir;
     `menu-animating` sınıfını JS geçiş süresince ekler. */
  .js .v3.menu-animating .page-shell,
  .js .v3.menu-open .page-shell{will-change:transform}
  .js .v3.menu-open .page-shell{
    transform:translateX(-24%) scale(.9);
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 18px 50px rgba(0,26,83,.22);
  }

  /* Katman: dokununca menü kapanır (JS). */
  .js .v3 .menu-backdrop{
    position:fixed;inset:0;z-index:40;
    background:rgba(0,26,83,.18);
    opacity:0;transition:opacity .32s cubic-bezier(.22,1,.36,1);
  }
  .js .v3.menu-open .menu-backdrop{opacity:1}

  .js .v3 .menu-drawer{
    width:min(82vw,340px);
    box-shadow:-18px 0 50px rgba(0,26,83,.18);
    transition:transform .32s cubic-bezier(.22,1,.36,1),visibility 0s linear .32s;
  }
  .js .v3 .menu-drawer.is-open{transition-delay:0s}

  /* Yönetici çubuğu açıkken çekmece onun altından başlar. */
  .admin-bar.js .v3 .menu-drawer,
  body.admin-bar .menu-drawer{top:32px;height:calc(100dvh - 32px)}

  /* Çekmecenin altındaki Ara / WhatsApp. */
  .v3 .menu-drawer-actions{
    flex:none;display:grid;grid-template-columns:1fr 1fr;gap:10px;
    padding:14px 0 max(14px,env(safe-area-inset-bottom));
    border-top:1px solid var(--agd-line);
  }
  .v3 .menu-drawer-actions .agd-btn{min-height:46px;font-size:15px;padding:0 10px;border-radius:12px}
}
@media (max-width:782px){
  body.admin-bar .menu-drawer{top:46px;height:calc(100dvh - 46px)}
}

/* Hareket tercihi kısıtlıysa sayfa küçülmez; çekmece animasyonsuz belirir. */
@media (prefers-reduced-motion:reduce){
  .js .v3 .page-shell,
  .js .v3.menu-open .page-shell{transform:none;border-radius:0;box-shadow:none;transition:none}
  .js .v3 .menu-drawer,.js .v3 .menu-backdrop{transition:none}
}

/* ---------------------------------------------------------
   review-09 · Tedaviler sayfasi: lede metni ile ilk kart arasi bosluk
   Bolum girisi ile izgara bitisikti; mobilde kart metne yapisik duruyordu.
   --------------------------------------------------------- */
.v3 .agd-seclede + .agd-tgrid,
.v3 .agd-seclede + * > .agd-tgrid:first-child{margin-top:8px}
.v3 .agd-tgrid{margin-top:8px}
@media (max-width:760px){
  .v3 .agd-seclede{padding-bottom:20px}
  .v3 .agd-tgrid{margin-top:12px}
}

/* ---------------------------------------------------------
   review-09 · Mobilde bagimsiz baglanti dokunma hedefleri
   Olculen: ana sayfada 11, implant sayfasinda 6 hedef 44 px altinda.
   Metin icindeki satir ici baglantilar WCAG 2.5.8 kapsaminda muaftir ve
   buyutulmez; yalniz KENDI BASINA duran yonlendirme baglantilari
   (.agd-more, .agd-visit__more, .agd-docgrid__go) 44 px yuksekliğe cikarilir.
   --------------------------------------------------------- */
@media (max-width:1024px){
  .v3 :is(.agd-more,.agd-visit__more,.agd-docgrid__go,.agd-gcard__more){
    display:inline-flex;align-items:center;min-height:44px;
  }
  .v3 .agd-docgrid__go{justify-content:center}
}


/* ---------------------------------------------------------
   review-10 §2 · Alt bilgi yasal seridi
   Her sayfada ince bir serit: solda telif (yil otomatik), sagda yasal
   sayfa baglantilari. Mobilde alt alta/iki sutun, dokunma hedefleri
   44 px. Mobil Ara/WhatsApp cubugu body padding-bottom ile yer actigi
   icin serit cubugun altinda kalmaz.
   --------------------------------------------------------- */
.v3 .site-footer .footer-bottom{display:block}
.v3 .footer-legalbar{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
  gap:4px 32px;
}
.v3 .footer-legalbar__copy{margin:0;color:var(--agd-on-navy);font-size:13px;max-width:68ch}
.v3 .footer-legalbar__links ul{
  list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:0 20px;
}
.v3 .footer-legalbar__links a{
  display:inline-flex;align-items:center;min-height:44px;
  color:var(--agd-on-navy);font-size:13px;
  text-decoration:underline;text-decoration-color:rgba(199,211,232,.45);
  text-underline-offset:3px;
}
.v3 .footer-legalbar__links a:hover,
.v3 .footer-legalbar__links a:focus-visible{color:#fff;text-decoration-color:#fff}
@media (max-width:760px){
  .v3 .footer-legalbar{display:block}
  .v3 .footer-legalbar__copy{margin-bottom:4px}
  .v3 .footer-legalbar__links ul{
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;
  }
}
/* 414 px ve altinda tek sutun: 360/390/414 testlerinde ayni gorunum. */
@media (max-width:420px){
  .v3 .footer-legalbar__links ul{grid-template-columns:1fr}
}

/* ---------------------------------------------------------
   review-10 §2 · /yasal/ ust sayfasi alt sayfa listesi
   Sayfa govdesiz acilmisti ve bos gorunuyordu. Aciklamalar sayfalarin
   kendi ozetinden gelir.
   --------------------------------------------------------- */
.v3 .agd-legalindex{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:14px}
.v3 .agd-legalindex__item{
  padding:16px 20px;border:1px solid var(--agd-line);border-radius:16px;background:#fff;
}
.v3 .agd-legalindex__link{
  display:inline-flex;align-items:center;min-height:44px;
  font-weight:650;font-size:17px;color:var(--agd-navy);
}
.v3 .agd-legalindex__text{
  display:block;margin-top:-4px;color:var(--agd-quiet);font-size:15px;line-height:1.55;
}
@media (max-width:760px){
  .v3 .agd-legalindex__item{padding:14px 16px}
  .v3 .agd-legalindex__link{font-size:16px}
  .v3 .agd-legalindex__text{font-size:14px}
}

/* ---------------------------------------------------------
   review-11 §2 · Tablet genisliginde hekim kartlari
   768 px'de her iki izgara da 4 sutunda kaliyordu; sutun ~170 px'e
   dusunce isimler satir ici kirilmayla bolunuyordu. 561-1024 px
   arasinda sutun sayisi azaltilir.
   --------------------------------------------------------- */
@media (min-width:561px) and (max-width:1024px){
  .v3 .agd-docs__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .v3 .agd-docgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* site.css icindeki `:is(.v3,…){overflow-wrap:anywhere}` kurali isimleri
   kelime ortasindan boluyordu; hekim kartlarinda normal kelime kirilmasi
   kullanilir (claude-design-fixes.css:98 ile ayni yaklasim). */
.v3 :is(.agd-docgrid,.agd-docs__grid) :is(a,strong,span){
  overflow-wrap:break-word;word-break:normal;hyphens:none;
}

/* ---------------------------------------------------------
   review-11 §3 · 404 sayfasi
   --------------------------------------------------------- */
.v3 .agd-404__lead{max-width:60ch;color:var(--agd-quiet);font-size:17px;line-height:1.6}
.v3 .agd-404__links{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 28px}
.v3 .agd-404__links a{display:inline-flex;align-items:center;min-height:44px;font-size:17px}
.v3 .agd-404__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
@media (max-width:560px){
  .v3 .agd-404__lead{font-size:16px}
  .v3 .agd-404__links{flex-direction:column;gap:0}
  .v3 .agd-404__actions .agd-btn{flex:1 1 150px;justify-content:center}
}