/* ============================================================
   Tema çekirdeği — NÖTR ön yüz stili (yer tutucu).
   Her tema bu dosyayı kendi tasarımıyla baştan yazar; aşağıdaki sınıf adları çekirdek şablonlarının
   (includes/layout.php, pages/*.php) kullandığı sözleşmedir. Token adları newsletter.css ve prose-blocks.css
   tarafından da okunur (--bg, --fg, --line, --accent, --btn-*); tema bunları tanımlı tutmalıdır.
   Dış yazı tipi / CDN yok: sistem yazı tipi. Tema yerel yazı tipini assets/fonts/ altına koyar.
   ============================================================ */
:root {
    --bg: #ffffff; --bg-elev: #ffffff; --bg-sunk: #f5f5f4; --bg-alt: #fafaf9;
    --fg: #1c1917; --fg-2: #44403c; --fg-3: #78716c;
    --line: #e7e5e4; --line-2: #d6d3d1;
    --accent: #2563eb;
    --btn-bg: #1c1917; --btn-bg-h: #000000; --btn-fg: #ffffff;
    --ok: #15803d; --ok-bg: #f0fdf4; --err: #b91c1c; --err-bg: #fef2f2;
    --f-body: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --f-display: var(--f-body);
    --radius: 6px;
    --wrap: 1200px;
    --gutter: clamp(16px, 4vw, 32px);
    color-scheme: light;
}
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
html.no-scroll { overflow: hidden; }
body { margin: 0; background: var(--bg); color: var(--fg-2); font: 16px/1.6 var(--f-body); }
img, svg, video { max-width: 100%; height: auto; }
svg { flex: none; }
a { color: inherit; }
h1, h2, h3, .h1, .h3 { color: var(--fg); font-family: var(--f-display); line-height: 1.2; margin: 0 0 .5em; font-weight: 700; }
h1, .h1 { font-size: clamp(2rem, 4.5vw, 3.2rem); letter-spacing: -.01em; }
h2 { font-size: clamp(1.5rem, 3vw, 2.2rem); }
h3, .h3 { font-size: 1.2rem; }
p { margin: 0 0 1em; }
.lead { font-size: 1.15rem; color: var(--fg-2); max-width: 40em; }
.eyebrow { display: inline-block; font-size: .78rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--fg-3); margin-bottom: .8em; }
.muted { color: var(--fg-3); }
.small { font-size: .875rem; }
.empty { color: var(--fg-3); padding: 24px 0; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }
.skip { position: absolute; left: 8px; top: -60px; z-index: 100; background: var(--fg); color: var(--bg); padding: 8px 14px; border-radius: var(--radius); }
.skip:focus { top: 8px; }
:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }

.wrap { width: 100%; max-width: var(--wrap); margin-inline: auto; padding-inline: var(--gutter); }
.wrap--md { max-width: 980px; }
.wrap--sm { max-width: 720px; }
.section { padding-block: clamp(48px, 7vw, 96px); }
.section--alt { background: var(--bg-alt); }
.section--center { text-align: center; }
.section--center .lead { margin-inline: auto; }
.head { margin-bottom: 32px; }
.head--row { display: flex; justify-content: space-between; align-items: flex-end; gap: 16px; flex-wrap: wrap; }
.split { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(28px, 5vw, 64px); align-items: center; }
.split--top { align-items: start; }
.split__media img { display: block; width: 100%; height: auto; border-radius: var(--radius); }
.actions { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 24px; }
.section--center .actions { justify-content: center; }

/* Düğmeler */
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 46px; padding: 0 22px; border: 1px solid var(--btn-bg); border-radius: var(--radius);
    background: var(--btn-bg); color: var(--btn-fg); font: 600 .95rem/1 var(--f-body); text-decoration: none; cursor: pointer; }
.btn:hover { background: var(--btn-bg-h); border-color: var(--btn-bg-h); }
.btn--ghost { background: transparent; color: var(--fg); border-color: var(--line-2); }
.btn--ghost:hover { background: var(--bg-sunk); border-color: var(--fg-3); }
.btn--sm { min-height: 38px; padding: 0 16px; font-size: .875rem; }
.link-arrow { display: inline-flex; align-items: center; gap: 6px; font-weight: 600; color: var(--fg); text-decoration: none; }
.link-arrow:hover { text-decoration: underline; }
.link-arrow svg { width: 16px; height: 16px; }

/* Üst bölüm */
.site-header { position: sticky; top: 0; z-index: 40; background: var(--bg); border-bottom: 1px solid var(--line); }
.site-header__in { display: flex; align-items: center; gap: 24px; min-height: 68px; }
.brand { display: inline-flex; align-items: center; text-decoration: none; color: var(--fg); }
.brand__img { display: block; width: auto; max-height: 48px; }
.brand__name { font-weight: 800; font-size: 1.15rem; letter-spacing: -.01em; }
.nav { display: flex; align-items: center; gap: 4px; margin-inline-start: auto; }
.nav > a, .nav__btn { display: inline-flex; align-items: center; gap: 4px; padding: 10px 12px; border: 0; background: none; color: var(--fg-2); font: 500 .95rem var(--f-body); text-decoration: none; cursor: pointer; border-radius: var(--radius); }
.nav > a:hover, .nav__btn:hover, .nav > a[aria-current="page"], .nav__btn.is-current { color: var(--fg); background: var(--bg-sunk); }
.nav__btn svg { width: 14px; height: 14px; }
.nav__item--dd { position: relative; }
.nav-dd { position: absolute; top: 100%; inset-inline-start: 0; min-width: 220px; margin: 6px 0 0; padding: 6px; list-style: none; background: var(--bg-elev); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: 0 12px 32px rgba(0,0,0,.08); display: none; }
.nav__btn[aria-expanded="true"] + .nav-dd, .nav__item--dd:hover .nav-dd { display: block; }
.nav-dd a { display: block; padding: 9px 12px; border-radius: 4px; text-decoration: none; color: var(--fg-2); }
.nav-dd a:hover, .nav-dd a[aria-current="page"] { background: var(--bg-sunk); color: var(--fg); }
.tools { display: flex; align-items: center; gap: 8px; }
.tool { display: inline-grid; place-items: center; width: 40px; height: 40px; border: 0; background: none; color: var(--fg); border-radius: var(--radius); cursor: pointer; text-decoration: none; }
.tool:hover { background: var(--bg-sunk); }
.lang-switch { display: flex; gap: 2px; }
.lang-switch a { padding: 6px 8px; font-size: .8rem; font-weight: 600; color: var(--fg-3); text-decoration: none; border-radius: 4px; }
.lang-switch a[aria-current="true"] { color: var(--fg); background: var(--bg-sunk); }
.burger { display: none; }

/* Çekmece (mobil menü) */
.drawer { position: fixed; inset: 0; z-index: 60; visibility: hidden; }
.drawer.is-open { visibility: visible; }
.drawer__scrim { position: absolute; inset: 0; background: rgba(0,0,0,.4); opacity: 0; transition: opacity .2s; }
.drawer.is-open .drawer__scrim { opacity: 1; }
.drawer__panel { position: absolute; top: 0; bottom: 0; inset-inline-end: 0; width: min(360px, 88vw); background: var(--bg); padding: 16px 20px; overflow-y: auto; transform: translateX(100%); transition: transform .25s; }
[dir="rtl"] .drawer__panel { transform: translateX(-100%); }
.drawer.is-open .drawer__panel { transform: none; }
.drawer__head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; }
.drawer__nav { display: grid; }
.drawer__nav a { padding: 12px 4px; border-bottom: 1px solid var(--line); text-decoration: none; color: var(--fg); font-weight: 500; }
.drawer__nav a.drawer__sub { padding-inline-start: 18px; font-weight: 400; color: var(--fg-2); }
.drawer__langs { display: flex; gap: 8px; margin-top: 20px; }
.drawer__langs a { padding: 6px 10px; border: 1px solid var(--line); border-radius: 4px; text-decoration: none; font-size: .85rem; }
.drawer__langs a[aria-current="true"] { border-color: var(--fg); }

/* Sayfa başı + sayfa yolu */
.page-head { padding-block: clamp(36px, 6vw, 72px) clamp(24px, 4vw, 40px); border-bottom: 1px solid var(--line); }
.page-head--post { border-bottom: 0; }
.crumbs { display: flex; flex-wrap: wrap; gap: 8px; font-size: .85rem; color: var(--fg-3); margin-bottom: 20px; }
.crumbs a { color: var(--fg-3); text-decoration: none; }
.crumbs a:hover { color: var(--fg); }
.page-crumbs { padding-top: 26px; }

/* Slider */
.hero { position: relative; overflow: hidden; background: var(--bg-sunk); }
.hero__track { position: relative; min-height: clamp(420px, 70vh, 680px); }
.slide { position: absolute; inset: 0; display: flex; align-items: center; opacity: 0; visibility: hidden; transition: opacity .6s, visibility .6s; }
.slide.is-active { opacity: 1; visibility: visible; }
.slide__media, .slide__media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.slide__media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(255,255,255,.85), rgba(255,255,255,.2)); }
.slide--dark .slide__media::after { background: linear-gradient(90deg, rgba(0,0,0,.65), rgba(0,0,0,.15)); }
.slide__text { position: relative; z-index: 1; }
.slide__text h1, .slide__text .h1 { max-width: 14em; }
.slide--dark .slide__text, .slide--dark .slide__text h1, .slide--dark .slide__text .h1, .slide--dark .slide__text .lead, .slide--dark .eyebrow { color: #fff; }
.hero__dots { position: absolute; bottom: 20px; inset-inline-start: 50%; transform: translateX(-50%); display: flex; gap: 8px; z-index: 2; }
.hero__dots button { width: 28px; height: 4px; padding: 0; border: 0; border-radius: 2px; background: rgba(0,0,0,.25); cursor: pointer; }
.hero__dots button[aria-selected="true"] { background: var(--fg); }

/* Kartlar, yazılar, çağrı kutusu */
.cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 24px; }
.card { display: block; padding: 20px; background: var(--bg-elev); border: 1px solid var(--line); border-radius: var(--radius); text-decoration: none; color: var(--fg-2); }
.card:hover { border-color: var(--fg-3); }
.card__media { margin: -20px -20px 16px; aspect-ratio: 4 / 3; overflow: hidden; border-radius: var(--radius) var(--radius) 0 0; background: var(--bg-sunk); }
.card__media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.posts { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 28px; }
.post { display: block; text-decoration: none; color: var(--fg-2); }
.post__media { aspect-ratio: 3 / 2; overflow: hidden; border-radius: var(--radius); background: var(--bg-sunk); margin-bottom: 14px; }
.post__media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.post__meta { display: block; font-size: .82rem; color: var(--fg-3); margin-bottom: 6px; }
.post__meta a { color: inherit; }
.post:hover h2, .post:hover h3 { text-decoration: underline; }
.cta-box { display: flex; justify-content: space-between; align-items: center; gap: 24px; flex-wrap: wrap; padding: clamp(28px, 4vw, 48px); border: 1px solid var(--line); border-radius: var(--radius); background: var(--bg-alt); }
.cta-box .actions { margin-top: 0; }
.facts { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 24px; }
.facts li { padding: 20px; border-top: 2px solid var(--fg); }
.facts b { display: block; color: var(--fg); margin-bottom: 6px; }

/* Blog: kategoriler, sayfalama, yazı düzeni */
.chips { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 28px; }
.chips--pager { justify-content: center; margin: 48px 0 0; }
.chip { display: inline-flex; gap: 6px; align-items: center; padding: 7px 14px; border: 1px solid var(--line); border-radius: 999px; text-decoration: none; font-size: .88rem; color: var(--fg-2); }
.chip[aria-current="page"] { background: var(--fg); color: var(--bg); border-color: var(--fg); }
.chip span { opacity: .6; }
.post-cover { aspect-ratio: 2 / 1; overflow: hidden; border-radius: var(--radius); background: var(--bg-sunk); }
.post-cover img { width: 100%; height: 100%; object-fit: cover; display: block; }
.post-layout { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 48px; padding-block: 40px 80px; }
.prose { font-size: 1.05rem; line-height: 1.75; }
.prose h2 { margin-top: 1.6em; }
.prose a { color: var(--accent); }
.post-side { display: grid; gap: 20px; align-content: start; }
.side-box { padding: 18px; border: 1px solid var(--line); border-radius: var(--radius); }
.side-box__h { font-weight: 700; color: var(--fg); margin: 0 0 10px; }
.side-list ul, .side-toc ol { margin: 0; padding: 0; list-style: none; display: grid; gap: 8px; }
.side-list a, .side-toc a { text-decoration: none; display: flex; justify-content: space-between; gap: 8px; font-size: .92rem; }
.side-list time { display: block; font-size: .78rem; color: var(--fg-3); }
.side-author { display: flex; gap: 12px; align-items: center; }
.side-author p { margin: 0; }
.author-card { display: flex; gap: 16px; margin-top: 40px; padding: 20px; border: 1px solid var(--line); border-radius: var(--radius); }
.author-card__avatar { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 50%; background: var(--bg-sunk); flex: none; }
.author-card__avatar--sm { width: 36px; height: 36px; }
.author-card__kicker { font-size: .75rem; text-transform: uppercase; letter-spacing: .1em; color: var(--fg-3); }
.author-card__name { font-weight: 700; color: var(--fg); margin: 2px 0; }
.author-card p { margin: 0 0 4px; }

/* İletişim + formlar */
.contact-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 22px; }
.contact-list li { display: flex; gap: 14px; }
.contact-list small { display: block; font-size: .78rem; text-transform: uppercase; letter-spacing: .1em; color: var(--fg-3); margin-bottom: 2px; }
.contact-list a { color: var(--fg); }
.co-info { margin-top: 36px; padding-top: 24px; border-top: 1px solid var(--line); }
.co-info dl { display: grid; grid-template-columns: minmax(0, auto) minmax(0, 1fr); gap: 6px 16px; margin: 0 0 12px; font-size: .95rem; }
.co-info dt { color: var(--fg-3); }
.co-info dd { margin: 0; overflow-wrap: anywhere; }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.form-grid .full, .form-grid .f.full { grid-column: 1 / -1; }
.f label { display: block; font-size: .88rem; font-weight: 600; color: var(--fg); margin-bottom: 6px; }
.f input, .f select, .f textarea, .search-form input { width: 100%; min-height: 46px; padding: 10px 14px; border: 1px solid var(--line-2); border-radius: var(--radius); background: var(--bg); color: var(--fg); font: inherit; }
.f textarea { min-height: 140px; resize: vertical; }
.f .err { display: block; color: var(--err); font-size: .82rem; margin-top: 4px; }
.alert { padding: 14px 16px; border-radius: var(--radius); margin-bottom: 18px; }
.alert--ok { background: var(--ok-bg); color: var(--ok); }
.alert--err { background: var(--err-bg); color: var(--err); }
.tsp-form-note { font-size: .8rem; color: var(--fg-3); margin-top: 12px; }
.search-form { display: flex; gap: 10px; max-width: 640px; margin-top: 20px; }
.search-results { list-style: none; margin: 24px 0 0; padding: 0; display: grid; gap: 14px; }
.search-results a { display: grid; gap: 4px; padding: 16px; border: 1px solid var(--line); border-radius: var(--radius); text-decoration: none; }
.search-results small { color: var(--fg-3); font-size: .78rem; }
.search-results b { color: var(--fg); }

/* Alt bölüm (alt bar standardı: sol ©, orta ALFADIZAYN slotu, sağ yasal) */
.site-footer { margin-top: clamp(48px, 7vw, 96px); background: var(--bg-alt); border-top: 1px solid var(--line); font-size: .92rem; }
.f-top { display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: 32px; padding-block: 48px; }
.f-brand p { max-width: 30em; margin-top: 12px; }
.f-social { display: flex; gap: 6px; margin-top: 12px; }
.f-social a { display: inline-grid; place-items: center; width: 36px; height: 36px; border: 1px solid var(--line); border-radius: 50%; color: var(--fg); }
.f-h { font-size: .8rem; text-transform: uppercase; letter-spacing: .12em; color: var(--fg-3); margin: 0 0 14px; }
.f-col ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.f-col a { text-decoration: none; }
.f-col a:hover { text-decoration: underline; }
.f-contact li { display: flex; gap: 10px; align-items: flex-start; }
.f-contact svg { width: 18px; height: 18px; margin-top: 2px; }
.f-base { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; padding-block: 18px; border-top: 1px solid var(--line); font-size: .82rem; color: var(--fg-3); }
.f-copy { text-align: left; }
.f-legal { display: flex; flex-wrap: wrap; gap: 14px; }
.f-legal a { text-decoration: none; }
.f-legal a:hover { text-decoration: underline; }

/* Bildirim */
.toast { position: fixed; bottom: 20px; inset-inline-start: 50%; transform: translate(-50%, 20px); z-index: 80; padding: 12px 18px; border-radius: var(--radius); background: var(--fg); color: var(--bg); opacity: 0; pointer-events: none; transition: .2s; }
.toast.is-on { opacity: 1; transform: translate(-50%, 0); }

@media (max-width: 960px) {
    .nav, .hide-sm { display: none; }
    .burger { display: inline-grid; }
    .tools { margin-inline-start: auto; }
    .split, .post-layout { grid-template-columns: 1fr; }
    .f-top { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
    .form-grid { grid-template-columns: 1fr; }
    .search-form { flex-direction: column; }
}
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { transition: none !important; scroll-behavior: auto !important; } }
.slide--dark { background: #1c1917; }

/* ==========================================================================
   NATURA DENTAL — tema katmanı · Grafik konsept: HERBARYUM
   Botanik levhalar (Gentic), föy kartları, bant, etiket, mühür, el yazısı not.
   Renk: koyu orman yeşili alanlar + sıcak kâğıt + tek aksan hardal/okra.
   Yazı: Gambetta (başlık, Latince adlar italik) + Author (gövde) + Kalam (el yazısı not). Fontshare, yerel woff2.
   ========================================================================== */
@font-face { font-family: 'Gambetta'; src: url(../fonts/gambetta-400.woff2) format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Gambetta'; src: url(../fonts/gambetta-400i.woff2) format('woff2'); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: 'Gambetta'; src: url(../fonts/gambetta-500.woff2) format('woff2'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'Gambetta'; src: url(../fonts/gambetta-500i.woff2) format('woff2'); font-weight: 500; font-style: italic; font-display: swap; }
@font-face { font-family: 'Gambetta'; src: url(../fonts/gambetta-600.woff2) format('woff2'); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: 'Gambetta'; src: url(../fonts/gambetta-700.woff2) format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'Author'; src: url(../fonts/author-400.woff2) format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Author'; src: url(../fonts/author-500.woff2) format('woff2'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'Author'; src: url(../fonts/author-600.woff2) format('woff2'); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: 'Kalam'; src: url(../fonts/kalam-400.woff2) format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Kalam'; src: url(../fonts/kalam-700.woff2) format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }

:root {
    --forest: #1E3527; --forest-2: #284531; --forest-3: #142519;
    --paper: #F2E9D6; --paper-2: #E7DBC1; --paper-3: #FBF6EA;
    --ink: #1D291F; --ink-2: #3C483D; --ink-3: #5B6559;
    --okra: #C9912C; --okra-d: #8F6114; --okra-l: #E7C27A;
    --bg: var(--paper); --bg-elev: var(--paper-3); --bg-sunk: var(--paper-2); --bg-alt: var(--paper-2);
    --fg: var(--ink); --fg-2: var(--ink-2); --fg-3: var(--ink-3);
    --line: rgba(29, 41, 31, .16); --line-2: rgba(29, 41, 31, .28);
    --accent: var(--forest); --btn-bg: var(--forest); --btn-bg-h: var(--forest-3); --btn-fg: var(--paper-3);
    --f-body: 'Author', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
    --f-display: 'Gambetta', Georgia, 'Times New Roman', serif;
    --f-hand: 'Kalam', 'Segoe Print', cursive;
    --radius: 3px;
    --wrap: 1280px;
    --ease: cubic-bezier(.22, .8, .24, 1);
    --head-h: 80px;
    --grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .28 0 0 0 0 .16 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
body { background: var(--paper) var(--grain); color: var(--ink-2); font: 17px/1.62 var(--f-body); -webkit-font-smoothing: antialiased; }
::selection { background: var(--okra); color: var(--forest-3); }
h1, h2, h3, .h1, .h3 { font-family: var(--f-display); font-weight: 500; letter-spacing: -.01em; color: inherit; }
a { color: inherit; }
:focus-visible { outline: 2px solid var(--okra); outline-offset: 3px; }
.nd-wrap { width: 100%; max-width: var(--wrap); margin-inline: auto; padding-inline: clamp(16px, 4vw, 40px); }
.nd-display { font: 500 clamp(2.4rem, 5.4vw, 4.6rem)/1.02 var(--f-display); letter-spacing: -.02em; margin: 0 0 .35em; color: var(--ink); }
.nd-h2 { font: 500 clamp(1.9rem, 3.6vw, 3rem)/1.06 var(--f-display); letter-spacing: -.015em; margin: 0 0 .45em; color: var(--ink); }
.nd-h3 { font: 500 clamp(1.2rem, 1.6vw, 1.45rem)/1.22 var(--f-display); margin: 0 0 .4em; color: var(--ink); }
.nd-lead { font-size: clamp(1.05rem, 1.3vw, 1.18rem); line-height: 1.6; color: var(--ink-2); max-width: 38em; }
.nd-kicker { margin: 0 0 22px; font: 600 .78rem/1.3 var(--f-body); letter-spacing: .16em; text-transform: uppercase; color: var(--okra-l); }
.nd-note { font: 400 1.22rem/1.3 var(--f-hand); color: var(--okra-d); transform: rotate(-1.5deg); transform-origin: left center; margin: 0; }
.nd-note--light { color: var(--okra-l); }
.nd-fine { font-size: .84rem; color: var(--ink-3); max-width: 62em; }
.nd-mini { font: 600 .82rem/1.3 var(--f-body); color: var(--ink-3); margin: 0 0 8px; }
.nd-mt { margin-top: 24px; } .nd-mt-l { margin-top: clamp(40px, 5vw, 64px); }
.nd-arrow { width: 20px; height: 12px; transition: transform .35s var(--ease); }
.nd-link { display: inline-flex; align-items: center; gap: 10px; font-weight: 600; color: var(--forest); text-decoration: underline; text-decoration-color: var(--okra); text-decoration-thickness: 2px; text-underline-offset: 6px; }
.nd-link:hover { color: var(--okra-d); }
.nd-link:hover .nd-arrow { transform: translateX(5px); }
.nd-link--light { color: var(--paper-3); }
.nd-link--light:hover { color: var(--okra-l); }
.nd-defs { position: absolute; width: 0; height: 0; overflow: hidden; }

/* Etiket düğme (herbaryum etiketi: sivri uç + ip deliği) */
.nd-tag { position: relative; display: inline-flex; align-items: center; gap: 10px; min-height: 50px; padding: 0 26px 0 36px; border: 0; background: var(--okra); color: var(--forest-3);
    font: 600 1rem/1 var(--f-body); text-decoration: none; cursor: pointer; white-space: nowrap;
    clip-path: polygon(16px 0, 100% 0, 100% 100%, 16px 100%, 0 50%); transition: background .3s, transform .35s var(--ease); }
.nd-tag::before { content: ""; position: absolute; left: 14px; top: 50%; width: 9px; height: 9px; margin-top: -4.5px; border-radius: 50%; background: var(--paper); box-shadow: inset 0 0 0 1.5px rgba(0,0,0,.18); }
.nd-tag:hover { background: var(--okra-l); transform: rotate(-1.5deg); }
.nd-tag--forest { background: var(--forest); color: var(--paper-3); }
.nd-tag--forest:hover { background: var(--forest-2); }
.nd-tag--sm { min-height: 42px; padding: 0 18px 0 30px; font-size: .92rem; }
.nd-tag--sm::before { left: 11px; width: 7px; height: 7px; margin-top: -3.5px; }
.nd-tag--block { width: 100%; justify-content: center; }
.nd-round { display: inline-grid; place-items: center; width: 52px; height: 52px; border-radius: 50%; border: 1.5px solid currentColor; background: transparent; color: inherit; cursor: pointer; transition: background .3s, color .3s; }
.nd-round:hover { background: var(--okra); color: var(--forest-3); border-color: var(--okra); }
.nd-round svg { width: 20px; height: 12px; }

/* Föy, bant, etiket, mühür */
.nd-sheet { position: relative; background: var(--paper-3) var(--grain); box-shadow: 0 1px 0 rgba(0,0,0,.04), 0 18px 40px -26px rgba(20, 37, 25, .55); }
.nd-tape { position: absolute; z-index: 3; width: 92px; height: 26px; background: rgba(231, 219, 193, .78); box-shadow: 0 1px 2px rgba(0,0,0,.08); pointer-events: none; }
.nd-tape--tl { left: -18px; top: 12px; transform: rotate(-38deg); }
.nd-tape--tr { right: -18px; top: 12px; transform: rotate(38deg); }
.nd-tape--br { right: -16px; bottom: 16px; transform: rotate(-36deg); }
.nd-tape--tc { left: 50%; top: -11px; margin-left: -46px; transform: rotate(-3deg); }
.nd-label { display: grid; gap: 2px; padding: 10px 14px 12px; background: var(--paper-3); border: 1.5px solid var(--ink); font: 500 .86rem/1.35 var(--f-body); color: var(--ink-2); }
.nd-label b { font: 500 1.05rem/1.25 var(--f-display); color: var(--ink); }
.nd-label i { font: italic 500 1.05rem/1.25 var(--f-display); color: var(--ink); }
.nd-label small { font-size: .82rem; color: var(--ink-3); }
.nd-label__row { margin-top: 4px; padding-top: 6px; border-top: 1px dashed var(--line-2); font-size: .82rem; color: var(--ink-2); }
.nd-label__loc { font: 400 1rem var(--f-hand); color: var(--okra-d); }
.nd-stamp { position: absolute; display: grid; place-items: center; width: 74px; height: 74px; border: 2px solid var(--okra); border-radius: 50%; color: var(--okra);
    font: 600 .62rem/1.15 var(--f-body); letter-spacing: .08em; text-transform: uppercase; text-align: center; transform: rotate(-14deg); opacity: .8; }
.nd-stamp::before { content: ""; position: absolute; inset: 4px; border: 1px dashed var(--okra); border-radius: 50%; }

/* Görünürlük animasyonları */
.js .nd-rv { opacity: 0; transform: translateY(24px); transition: opacity .9s var(--ease), transform .9s var(--ease); }
.js .nd-rv.is-in { opacity: 1; transform: none; }
.js .nd-wipe > img { clip-path: inset(0 0 100% 0); transition: clip-path 1.2s var(--ease), transform 1.2s var(--ease); }
.js .nd-wipe.is-in > img { clip-path: inset(0 0 0 0); }
.js [data-split] .w { display: inline-block; overflow: hidden; vertical-align: top; padding-bottom: .08em; margin-bottom: -.08em; }
.js [data-split] .w > span { display: inline-block; transform: translateY(105%); transition: transform 1s var(--ease); }
.js [data-split].is-in .w > span { transform: none; }

/* ---------------------------------------------------------------- Üst bölüm */
.nd-head { position: sticky; top: 0; z-index: 50; background: var(--paper) var(--grain); border-bottom: 1px solid transparent; transition: border-color .3s, box-shadow .3s; }
.nd-head.is-scrolled { border-color: var(--line); box-shadow: 0 10px 30px -24px rgba(20, 37, 25, .6); }
.nd-head__in { display: flex; align-items: center; gap: 26px; min-height: var(--head-h); }
.nd-logo { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; color: var(--forest); flex: none; }
.nd-mark { width: 38px; height: 38px; }
.nd-mark__o { fill: var(--forest); }
.nd-mark__i { fill: none; stroke: var(--okra-l); stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.nd-logo__t { display: grid; line-height: 1; }
.nd-logo__t b { font: 600 1.55rem/1 var(--f-display); letter-spacing: -.01em; }
.nd-logo__t small { font: 400 .95rem/1 var(--f-hand); color: var(--okra-d); margin-top: 3px; }
.nd-nav { display: flex; gap: 2px; margin-inline: auto; }
.nd-nav > a, .nd-nav__dd > button { position: relative; padding: 10px 12px; border: 0; background: none; font: 500 .98rem var(--f-body); color: var(--ink-2); text-decoration: none; cursor: pointer; }
.nd-nav > a::after { content: ""; position: absolute; left: 12px; right: 12px; bottom: 4px; height: 2px; background: var(--okra); transform: scaleX(0); transform-origin: left; transition: transform .35s var(--ease); }
.nd-nav > a:hover { color: var(--forest); }
.nd-nav > a:hover::after, .nd-nav > a[aria-current="page"]::after { transform: scaleX(1); }
.nd-nav > a[aria-current="page"] { color: var(--forest); }
.nd-nav__dd { position: relative; }
.nd-nav__dd ul { display: none; position: absolute; top: 100%; left: 0; min-width: 230px; margin: 8px 0 0; padding: 8px; list-style: none; background: var(--paper-3); box-shadow: 0 20px 50px -20px rgba(0,0,0,.35); }
.nd-nav__dd button[aria-expanded="true"] + ul, .nd-nav__dd:hover ul { display: block; }
.nd-nav__dd ul a { display: block; padding: 10px 14px; text-decoration: none; }
.nd-head__tools { display: flex; align-items: center; gap: 14px; flex: none; }
.nd-head__tel { font-weight: 600; font-size: .92rem; text-decoration: none; color: var(--forest); white-space: nowrap; }
.nd-lang { display: flex; gap: 2px; }
.nd-lang a { padding: 6px 8px; font: 600 .8rem var(--f-body); color: var(--ink-3); text-decoration: none; }
.nd-lang a[aria-current="true"] { color: var(--forest); text-decoration: underline; text-decoration-color: var(--okra); text-underline-offset: 4px; }
.nd-burger { display: none; width: 46px; height: 46px; border: 1.5px solid var(--forest); border-radius: 50%; background: transparent; cursor: pointer; place-items: center; }
.nd-burger span, .nd-burger span::before { display: block; width: 18px; height: 1.6px; background: var(--forest); position: relative; }
.nd-burger span::before { content: ""; position: absolute; top: 6px; width: 12px; }
.nd-burger span { transform: translateY(-3px); }
.nd-drawer .drawer__panel { width: min(420px, 100vw); background: var(--forest); color: var(--paper); padding: 20px 24px 28px; display: flex; flex-direction: column; }
.nd-drawer::before { content: ""; position: absolute; inset: 0; background: rgba(20, 37, 25, .55); opacity: 0; transition: opacity .3s; }
.nd-drawer.is-open::before { opacity: 1; }
.nd-drawer .nd-logo { color: var(--paper); }
.nd-drawer .nd-mark__o { fill: var(--okra); }
.nd-drawer .nd-mark__i { stroke: var(--forest); }
.nd-drawer .nd-logo__t small { color: var(--okra-l); }
.nd-drawer__top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 26px; }
.nd-drawer__x { width: 46px; height: 46px; border: 1.5px solid var(--paper); border-radius: 50%; background: none; cursor: pointer; display: grid; place-items: center; }
.nd-drawer__x svg { width: 18px; height: 18px; stroke: var(--paper); stroke-width: 1.6; fill: none; }
.nd-drawer__nav { display: grid; }
.nd-drawer__nav a { padding: 11px 0; font: 500 1.7rem/1.15 var(--f-display); color: var(--paper); text-decoration: none; border-bottom: 1px solid rgba(242, 233, 214, .14); }
.nd-drawer__nav a.is-sub { font: 500 1rem var(--f-body); padding-left: 16px; }
.nd-drawer__nav a[aria-current="page"] { color: var(--okra-l); }
.nd-drawer__foot { margin-top: auto; padding-top: 24px; display: grid; gap: 14px; justify-items: start; }
.nd-drawer__foot > a:not(.nd-tag) { font-weight: 600; text-decoration: none; }
.nd-drawer .nd-lang a { color: rgba(242, 233, 214, .7); }
.nd-drawer .nd-lang a[aria-current="true"] { color: var(--paper); }

/* ---------------------------------------------------------------- İç sayfa başlığı */
.nd-crumb { display: flex; flex-wrap: wrap; gap: 8px; font-size: .86rem; color: var(--ink-3); margin-bottom: 24px; }
.nd-crumb a { color: var(--ink-3); text-decoration: none; }
.nd-crumb a:hover { color: var(--forest); }
.nd-crumb [aria-current] { color: var(--ink-2); }
.nd-ph { padding-block: clamp(32px, 5vw, 72px) clamp(28px, 4vw, 56px); border-bottom: 1px solid var(--line); }
.nd-ph__in { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr); gap: clamp(28px, 5vw, 72px); align-items: center; }
.nd-ph .nd-display { max-width: 14em; }
.nd-ph__note { margin-top: 14px; }
.nd-ph__img { margin: 0; justify-self: center; }
.nd-ph__img img { display: block; width: 100%; height: auto; }
.nd-ph__img--plate { width: min(100%, 340px); }
.nd-ph__img--plate img { mix-blend-mode: multiply; }
.nd-ph__img--plate figcaption { text-align: center; font: italic 500 1.05rem var(--f-display); color: var(--ink-3); margin-top: -10px; }
.nd-ph__img.nd-sheet { padding: 14px 14px 18px; transform: rotate(1.5deg); width: min(100%, 440px); }
.nd-ph__pair { position: relative; display: grid; justify-items: end; }
.nd-ph__herb { position: absolute; left: -6%; bottom: -18%; width: 46%; z-index: 2; pointer-events: none; }
.nd-ph__herb img { width: 100%; height: auto; mix-blend-mode: multiply; display: block; }

/* ---------------------------------------------------------------- 1. Açılış (koyu yeşil alan + föy) */
.nd-hero { position: relative; background: var(--forest); color: var(--paper); padding-block: clamp(40px, 6vw, 88px) clamp(60px, 7vw, 100px); overflow: clip; }
.nd-hero__grid { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: clamp(32px, 5vw, 80px); align-items: center; }
.nd-hero__copy { display: grid; }
.nd-hero__kicker { grid-area: 1 / 1; }
.nd-hero__slide { grid-area: 2 / 1; opacity: 0; visibility: hidden; transition: opacity .6s, visibility .6s; }
.nd-hero__slide.is-on { opacity: 1; visibility: visible; }
.nd-hero__title { font: 500 clamp(2.6rem, 5.2vw, 4.8rem)/1.02 var(--f-display); letter-spacing: -.02em; color: var(--paper-3); margin: 0 0 .4em; }
.js .nd-hero__slide .w > span { transform: translateY(105%); transition: transform 1s var(--ease); }
.js .nd-hero__slide.is-on .w > span { transform: none; }
.nd-hero__sub { font-size: 1.15rem; color: rgba(242, 233, 214, .82); max-width: 30em; margin: 0; }
.nd-hero__cta { display: flex; flex-wrap: wrap; align-items: center; gap: 20px 30px; margin-top: 34px; }
.nd-hero__art { position: relative; }
.nd-hero__sheet { padding: 18px 18px 22px; transform: rotate(-2deg); width: min(100%, 470px); margin-left: auto; }
.nd-hero__frame { position: relative; aspect-ratio: 4 / 4.6; overflow: hidden; background: var(--paper-2); }
.nd-hero__img { position: absolute; inset: 0; margin: 0; opacity: 0; transition: opacity 1.1s var(--ease); }
.nd-hero__img.is-on { opacity: 1; }
.nd-hero__img img { width: 100%; height: 100%; object-fit: cover; display: block; transform: scale(1.05); transition: transform 7s linear; }
.nd-hero__img.is-on img { transform: scale(1); }
.nd-hero__label { position: absolute; right: -26px; bottom: 54px; width: 260px; transform: rotate(3deg); z-index: 4; color: var(--ink-2); }
.nd-hero__ltxt { display: none; margin: 0; }
.nd-hero__ltxt.is-on { display: grid; gap: 2px; }
.nd-hero__ltxt b { font: italic 500 1.1rem/1.25 var(--f-display); color: var(--ink); }
.nd-hero__ltxt span { font-size: .8rem; color: var(--ink-3); line-height: 1.35; }
.nd-hero__note { position: absolute; left: 22px; bottom: -40px; color: var(--okra-l); font-size: 1.3rem; }
.nd-hero__tabs { display: flex; justify-content: flex-end; gap: 10px; margin-top: 64px; }
.nd-hero__tabs button { position: relative; padding: 10px 14px 12px; border: 0; background: rgba(242, 233, 214, .08); color: rgba(242, 233, 214, .72); font: 500 .9rem var(--f-body); cursor: pointer; min-width: 120px; text-align: left; transition: background .3s, color .3s; }
.nd-hero__tabs button:hover { background: rgba(242, 233, 214, .16); }
.nd-hero__tabs button.is-on { background: var(--paper); color: var(--forest); }
.nd-hero__tabs i { position: absolute; left: 0; right: 0; bottom: 0; height: 3px; overflow: hidden; }
.nd-hero__tabs i::after { content: ""; position: absolute; inset: 0; background: var(--okra); transform: scaleX(0); transform-origin: left; }
.nd-hero__tabs button.is-on i::after { animation: ndBar var(--hero-ms, 7000ms) linear forwards; }
.nd-hero.is-paused .nd-hero__tabs button.is-on i::after { animation-play-state: paused; }
@keyframes ndBar { to { transform: scaleX(1); } }

/* ---------------------------------------------------------------- 2. Diş kesiti levhası */
.nd-layers { padding-block: clamp(72px, 9vw, 130px) clamp(40px, 6vw, 80px); }
.nd-layers__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(28px, 5vw, 88px); }
.nd-layers__stage { position: relative; }
.nd-layers__sticky { position: sticky; top: calc(var(--head-h) + 16px); height: calc(100svh - var(--head-h) - 40px); max-height: 760px; display: grid; place-items: center; }
.nd-plate { margin: 0; padding: 16px 16px 14px; width: min(100%, 470px); transform: rotate(-1deg); }
.nd-plate__in { position: relative; }
.nd-plate__img { display: block; width: 100%; height: auto; mix-blend-mode: multiply; }
.nd-plate__cap { margin-top: 8px; text-align: center; font-size: .9rem; color: var(--ink-3); }
.nd-plate__cap i { font: italic 500 1.05rem var(--f-display); color: var(--ink); }
.nd-mk { position: absolute; transform: translate(-50%, -50%); opacity: 0; transition: opacity .6s, transform .8s var(--ease); pointer-events: none; }
.nd-mk--lesion { left: 50%; top: 15.6%; width: 4%; aspect-ratio: 1; border-radius: 45% 55% 50% 50%; background: #5A3320; box-shadow: 0 0 0 2px rgba(90, 51, 32, .25); }
.nd-mk--wide { left: 50%; top: 18.5%; width: 36%; height: 13%; border: 2px dashed var(--okra-d); border-radius: 40% 40% 50% 50%; background: rgba(201, 145, 44, .12); }
.nd-mk--cav { left: 50%; top: 16%; width: 5.4%; height: 4.4%; border-radius: 40% 40% 55% 55%; background: var(--paper-3); box-shadow: inset 0 1px 3px rgba(0,0,0,.35); }
.nd-mk--fill { left: 50%; top: 16%; width: 5.4%; height: 4.4%; border-radius: 40% 40% 55% 55%; background: #F4EEDC; border: 2px solid var(--forest); }
[data-st="2"] .nd-mk--lesion, [data-st="3"] .nd-mk--lesion { opacity: 1; }
[data-st="3"] .nd-mk--wide { opacity: 1; }
[data-st="4"] .nd-mk--wide { opacity: .35; transform: translate(-50%, -50%) scale(.2); }
[data-st="4"] .nd-mk--cav { opacity: 1; }
[data-st="5"] .nd-mk--fill { opacity: 1; }
.nd-pin { position: absolute; display: flex; align-items: center; gap: 0; white-space: nowrap; font: 700 1.05rem/1 var(--f-hand); color: var(--ink); opacity: 0; transition: opacity .5s; pointer-events: none; transform: translateY(-50%); }
.nd-pin::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--ink); margin-left: -3.5px; }
.nd-pin::after { content: ""; order: 0; width: 34px; height: 1.5px; background: var(--ink); margin-right: 8px; }
.nd-pin { flex-direction: row; }
.nd-pin--okra { color: var(--okra-d); }
.nd-pin--okra::before, .nd-pin--okra::after { background: var(--okra-d); }
.nd-pin--enamel, .nd-pin--pulp, .nd-pin--wide { flex-direction: row-reverse; transform: translate(-100%, -50%); }
.nd-pin--enamel::before, .nd-pin--pulp::before, .nd-pin--wide::before { margin: 0 -3.5px 0 0; }
.nd-pin--enamel::after, .nd-pin--pulp::after, .nd-pin--wide::after { margin: 0 0 0 8px; }
.nd-pin--enamel { left: 29%; top: 19%; } .nd-pin--dentin { left: 70%; top: 31%; } .nd-pin--pulp { left: 47%; top: 37%; }
.nd-pin--gum { left: 78%; top: 37%; } .nd-pin--bone { left: 74%; top: 72%; } .nd-pin--les { left: 51.5%; top: 15.6%; } .nd-pin--wide { left: 32%; top: 18.5%; }
.nd-pin--les::after { width: 58px; }
[data-st="1"] .nd-pin[data-l="1"], [data-st="2"] .nd-pin[data-l="2"], [data-st="3"] .nd-pin[data-l="3"], [data-st="5"] .nd-pin[data-l="5"] { opacity: 1; }
.nd-layers__title { font-size: clamp(2rem, 3.6vw, 3rem); max-width: 13em; }
.nd-layers__hint { margin-bottom: 18px; }
.nd-layers__steps { list-style: none; margin: 0; padding: 0; }
.nd-layers__step { position: relative; min-height: 64svh; display: flex; flex-direction: column; justify-content: center; padding: 30px 0 30px 34px; opacity: .3; transition: opacity .5s; }
.nd-layers__step:last-child { min-height: 52svh; }
.nd-layers__step::before { content: ""; position: absolute; left: 0; top: 50%; width: 18px; height: 9px; margin-top: -40px; border-radius: 0 100% 0 100%; background: var(--ink-3); transform: rotate(-20deg); transition: background .4s; }
.nd-layers__step.is-on { opacity: 1; }
.nd-layers__step.is-on::before { background: var(--okra); }
.nd-layers__step .nd-h3 { font-size: clamp(1.5rem, 2.4vw, 2.1rem); }
.nd-layers__step p { font-size: 1.08rem; max-width: 30em; }

/* ---------------------------------------------------------------- 3. Tedavi föyleri (koyu yeşil dolap) */
.nd-cabinet { background: var(--forest); color: var(--paper); padding-block: clamp(72px, 9vw, 130px); overflow: clip; }
.nd-cabinet--sub { padding-block: clamp(56px, 7vw, 96px); }
.nd-cabinet--page { padding-top: clamp(48px, 6vw, 80px); }
.nd-cabinet__head { display: grid; grid-template-columns: auto 1fr; gap: 6px 30px; align-items: end; margin-bottom: clamp(36px, 5vw, 64px); }
.nd-cabinet__title { color: var(--paper-3); font-size: clamp(2.6rem, 6vw, 5.2rem); margin: 0; }
.nd-cabinet__note { align-self: center; transform: rotate(-4deg); }
.nd-cabinet__lead { grid-column: 1 / -1; max-width: 36em; color: rgba(242, 233, 214, .8); margin: 18px 0 0; font-size: 1.1rem; }
.nd-cabinet--sub .nd-cabinet__title { font-size: clamp(2rem, 3.6vw, 3rem); margin-bottom: 36px; }
.nd-cabinet__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(28px, 3.4vw, 52px) clamp(20px, 3vw, 44px); align-items: start; }
.nd-cabinet__all { margin: clamp(40px, 5vw, 64px) 0 0; text-align: center; }
.nd-spm { position: relative; }
.nd-spm--1 { margin-top: clamp(20px, 4vw, 60px); }
.nd-spm__link { position: relative; display: flex; flex-direction: column; gap: 10px; min-height: 100%; padding: 22px 22px 24px; background: var(--paper-3) var(--grain); color: var(--ink-2); text-decoration: none;
    box-shadow: 0 22px 44px -28px rgba(0,0,0,.65); transform: rotate(var(--rot, -1deg)); transition: transform .5s var(--ease), box-shadow .5s; }
.nd-spm--1 .nd-spm__link { --rot: .8deg; } .nd-spm--2 .nd-spm__link { --rot: -.4deg; }
.nd-spm__link:hover { transform: rotate(0) translateY(-6px); box-shadow: 0 34px 60px -30px rgba(0,0,0,.75); }
.nd-spm .nd-tape { z-index: 4; }
.nd-spm__herb { position: absolute; right: -6px; top: -8px; width: 36%; z-index: 2; pointer-events: none; }
.nd-spm__herb img { display: block; width: 100%; height: auto; mix-blend-mode: multiply; }
.nd-spm__photo { display: block; width: 74%; aspect-ratio: 4 / 3; overflow: hidden; box-shadow: 0 6px 14px -8px rgba(0,0,0,.4); transform: rotate(-1.5deg); position: relative; z-index: 1; }
.nd-spm__photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
.nd-spm__t { margin: 8px 0 0; font: 500 1.5rem/1.15 var(--f-display); color: var(--ink); position: relative; z-index: 3; }
.nd-spm__s { font-size: .95rem; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.nd-spm__label { align-self: flex-start; margin-top: auto; max-width: 78%; transform: rotate(-.8deg); }
.nd-spm .nd-stamp { right: 16px; bottom: 18px; }
.nd-spm__link:hover .nd-stamp { opacity: 1; transform: rotate(-4deg); transition: transform .5s var(--ease); }

/* ---------------------------------------------------------------- 4. Güvenebileceğiniz sonuçlar */
.nd-results { background: var(--paper-2) var(--grain); padding-block: clamp(80px, 10vw, 140px); overflow: clip; }
.nd-results__grid { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: clamp(28px, 4vw, 64px); align-items: center; }
.nd-results__title { font: 500 clamp(2.4rem, 4.4vw, 4.2rem)/1 var(--f-display); letter-spacing: -.025em; color: var(--forest); margin: 0 0 28px; }
.nd-results__txt p { font-size: 1.1rem; max-width: 30em; margin-bottom: 30px; }
.nd-results__art { position: relative; min-height: 600px; }
.nd-results__plate { position: absolute; left: 22%; top: 0; width: 52%; margin: 0; }
.nd-results__plate img { display: block; width: 100%; height: auto; mix-blend-mode: multiply; }
.nd-spec { position: absolute; margin: 0; width: 210px; padding: 10px 10px 12px; background: var(--paper-3) var(--grain); box-shadow: 0 18px 30px -22px rgba(0,0,0,.55); }
.nd-spec .nd-tape { width: 70px; height: 20px; left: 50%; top: -9px; margin-left: -35px; transform: rotate(-4deg); }
.nd-spec__img { aspect-ratio: 1; overflow: hidden; }
.nd-spec__img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.nd-spec figcaption { display: grid; gap: 2px; padding-top: 10px; }
.nd-spec figcaption b { font: 500 1.08rem/1.2 var(--f-display); color: var(--ink); }
.nd-spec figcaption span { font: 400 1rem/1.25 var(--f-hand); color: var(--okra-d); }
.nd-spec--1 { left: 0; top: 6%; transform: rotate(-4deg); }
.nd-spec--2 { right: 0; top: 30%; transform: rotate(3deg); }
.nd-spec--3 { left: 18%; bottom: 0; transform: rotate(-1deg); }

/* ---------------------------------------------------------------- 5. Saha notları (tedavi hikâyeleri) */
.nd-cases { background: var(--forest-2); color: var(--paper); padding-block: clamp(72px, 9vw, 128px); overflow: clip; }
.nd-cases__head { display: flex; justify-content: space-between; align-items: flex-end; gap: 24px 48px; flex-wrap: wrap; margin-bottom: clamp(32px, 4vw, 52px); }
.nd-cases__head .nd-h2 { color: var(--paper-3); max-width: 16em; margin: 0; }
.nd-cases__ctrl { display: flex; gap: 10px; color: var(--paper); }
.nd-cases__track { display: flex; gap: clamp(18px, 2.4vw, 32px); overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding: 20px max(clamp(16px, 4vw, 40px), calc((100vw - var(--wrap)) / 2 + 40px)) 36px; cursor: grab; outline: none; }
.nd-cases__track::-webkit-scrollbar { display: none; }
.nd-cases__track.is-drag { cursor: grabbing; scroll-snap-type: none; }
.nd-case { position: relative; flex: 0 0 min(500px, 84vw); scroll-snap-align: start; background: var(--paper-3) var(--grain); color: var(--ink-2); padding: clamp(26px, 3vw, 36px); display: flex; flex-direction: column; gap: 18px; user-select: none;
    transform: rotate(var(--r, -.8deg)); transition: transform .6s var(--ease); box-shadow: 0 26px 50px -34px rgba(0,0,0,.7); }
.nd-case:nth-child(even) { --r: .9deg; }
.nd-case.is-on { --r: 0deg; }
.nd-case__top { display: flex; gap: 16px; align-items: flex-start; }
.nd-glyph { position: relative; flex: none; width: 60px; height: 60px; border: 1.5px solid var(--ink); border-radius: 50%; overflow: hidden; background: #FBF2E0; }
.nd-glyph img { position: absolute; width: 300%; max-width: none; height: auto; left: -100%; top: -12%; mix-blend-mode: multiply; }
.nd-glyph--proximal img { left: -150%; top: -20%; } .nd-glyph--front img { width: 220%; left: -60%; top: -5%; }
.nd-glyph--gum img { left: -170%; top: -78%; } .nd-glyph--implant img { left: -110%; top: -175%; } .nd-glyph--align img { width: 120%; left: -10%; top: -6%; }
.nd-case__zone { display: block; font: 400 1.05rem/1.1 var(--f-hand); color: var(--okra-d); margin-bottom: 2px; }
.nd-case__top .nd-h3 { margin-bottom: 4px; }
.nd-case__prof { margin: 0; font-size: .9rem; color: var(--ink-3); }
.nd-case__path { margin: 0; display: grid; gap: 12px; }
.nd-case__path div { display: grid; grid-template-columns: 116px minmax(0, 1fr); gap: 12px; }
.nd-case__path dt { font: italic 500 .98rem/1.35 var(--f-display); color: var(--ink-3); }
.nd-case__path dd { margin: 0; font-size: .96rem; line-height: 1.5; }
.nd-case__kept { margin: 0; font: 400 1.2rem/1.3 var(--f-hand); color: var(--forest); transform: rotate(-1deg); }
.nd-case__kept span { color: var(--okra-d); }
.nd-case__dur { margin: auto 0 0; align-self: flex-start; padding: 5px 12px; border: 1.5px solid var(--ink); font-size: .84rem; font-weight: 600; color: var(--ink); }
.nd-case--all { flex-basis: 230px; justify-content: center; align-items: center; text-decoration: none; color: var(--forest); background: var(--okra); font: 500 1.5rem/1.2 var(--f-display); gap: 14px; text-align: center; }
.nd-case--all:hover { background: var(--okra-l); }
.nd-cases .nd-fine { color: rgba(242, 233, 214, .7); }

/* ---------------------------------------------------------------- 6. Hekim föyleri */
.nd-docs { padding-block: clamp(72px, 9vw, 128px); }
.nd-docs__title { max-width: 15em; margin-bottom: clamp(40px, 5vw, 70px); }
.nd-docs__row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(20px, 3vw, 48px); align-items: start; }
.nd-dsheet { position: relative; display: block; padding: 20px 20px 22px; background: var(--paper-3) var(--grain); text-decoration: none; color: var(--ink-2); box-shadow: 0 20px 40px -30px rgba(20, 37, 25, .7); transform: rotate(var(--r, -1deg)); transition: transform .5s var(--ease); }
.nd-dsheet--1 { --r: 1.2deg; margin-top: clamp(30px, 5vw, 80px); } .nd-dsheet--2 { --r: -.5deg; margin-top: clamp(10px, 2vw, 30px); }
.nd-dsheet:hover { transform: rotate(0) translateY(-6px); }
.nd-dsheet__herb { position: absolute; right: -10px; bottom: 70px; width: 42%; z-index: 2; pointer-events: none; }
.nd-dsheet__herb img { display: block; width: 100%; height: auto; mix-blend-mode: multiply; }
.nd-dsheet__photo { position: relative; display: block; width: 80%; aspect-ratio: 4 / 5; }
.nd-dsheet__photo img { width: 100%; height: 100%; object-fit: cover; object-position: top; display: block; filter: grayscale(1) sepia(.35) hue-rotate(45deg) saturate(.75) contrast(1.05); transition: filter .6s; }
.nd-dsheet:hover .nd-dsheet__photo img { filter: grayscale(.2) sepia(.15); }
.nd-dsheet__q { display: block; margin: 16px 0 14px; font: 400 1.18rem/1.3 var(--f-hand); color: var(--forest); transform: rotate(-1deg); }
.nd-dsheet__label { position: relative; z-index: 3; max-width: 86%; }
.nd-docs__all { margin: clamp(32px, 4vw, 52px) 0 0; }

/* ---------------------------------------------------------------- 7. İlk ziyaret (okra alan, gelişim evreleri) */
.nd-visit { background: var(--okra); color: var(--forest-3); padding-block: clamp(72px, 9vw, 120px); overflow: clip; }
.nd-visit__title { color: var(--forest-3); max-width: 14em; }
.nd-visit__lead { max-width: 36em; font-size: 1.12rem; margin-bottom: clamp(36px, 5vw, 64px); }
.nd-visit__path { position: relative; }
.nd-visit__line { position: absolute; left: 0; right: 0; top: 4px; width: 100%; height: 56px; overflow: visible; }
.nd-visit__line path { fill: none; stroke: var(--forest); stroke-width: 1.6; stroke-dasharray: 1 0; vector-effect: non-scaling-stroke; }
.nd-visit ol { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(20px, 3vw, 44px); position: relative; }
.nd-visit .nd-h3 { color: var(--forest-3); }
.nd-visit__st p { font-size: .98rem; color: #2A2412; }
.nd-stage { display: grid; place-items: center; width: 64px; height: 64px; border-radius: 50%; background: var(--paper-3); border: 1.5px solid var(--forest); margin-bottom: 20px; position: relative; z-index: 1; }
.nd-stage svg { width: 40px; height: 40px; fill: none; stroke: var(--forest); stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }

/* ---------------------------------------------------------------- 8. Klinikten */
.nd-clinic { padding-block: clamp(72px, 9vw, 128px); }
.nd-clinic__grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); grid-auto-rows: clamp(150px, 15vw, 210px); gap: clamp(10px, 1.4vw, 18px); }
.nd-clinic__txt { grid-column: 1 / 6; grid-row: 1 / 3; align-self: center; padding-right: 20px; }
.nd-clinic__f { position: relative; margin: 0; overflow: hidden; background: var(--paper-2); cursor: zoom-in; }
.nd-clinic__f img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 1.2s var(--ease); }
.nd-clinic__f:hover img { transform: scale(1.05); }
.nd-clinic__f figcaption, .nd-bento__i figcaption { position: absolute; left: 10px; bottom: 10px; max-width: calc(100% - 20px); padding: 6px 12px; background: var(--paper-3); font: 400 1rem/1.2 var(--f-hand); color: var(--ink); transform: rotate(-1.5deg) translateY(6px); opacity: 0; transition: opacity .4s, transform .4s var(--ease); }
.nd-clinic__f:hover figcaption, .nd-clinic__f:focus-visible figcaption, .nd-bento__i:hover figcaption, .nd-bento__i:focus-visible figcaption { opacity: 1; transform: rotate(-1.5deg); }
.nd-clinic__f--1 { grid-column: 6 / 13; grid-row: 1 / 3; }
.nd-clinic__f--2 { grid-column: 1 / 4; grid-row: 3 / 5; }
.nd-clinic__f--3 { grid-column: 4 / 8; grid-row: 3 / 4; }
.nd-clinic__f--4 { grid-column: 8 / 13; grid-row: 3 / 5; }
.nd-clinic__f--5 { grid-column: 4 / 8; grid-row: 4 / 5; }

/* ---------------------------------------------------------------- 9. Soru fişleri */
.nd-faq { background: var(--forest); color: var(--paper); padding-block: clamp(72px, 9vw, 128px); }
.nd-faq__head { max-width: 640px; margin-bottom: clamp(32px, 4vw, 52px); }
.nd-faq__head .nd-h2 { color: var(--paper-3); }
.nd-faq__head p { color: rgba(242, 233, 214, .8); }
.nd-cards { columns: 3 280px; column-gap: clamp(18px, 2.4vw, 32px); }
.nd-cards--2 { columns: 2 280px; }
.nd-qcard { position: relative; break-inside: avoid; margin: 0 0 clamp(18px, 2.4vw, 30px); background: var(--paper-3) var(--grain); color: var(--ink-2); box-shadow: 0 18px 34px -26px rgba(0,0,0,.7); transform: rotate(var(--r, -.6deg)); transition: transform .4s var(--ease); }
.nd-qcard--1 { --r: .7deg; } .nd-qcard--2 { --r: -.2deg; } .nd-qcard--3 { --r: 1deg; }
.nd-qcard::before { content: ""; position: absolute; left: 22px; top: -9px; width: 64px; height: 20px; background: rgba(231, 219, 193, .8); transform: rotate(-4deg); }
.nd-qcard[open] { --r: 0deg; }
.nd-qcard summary { display: grid; gap: 8px; padding: 26px 24px 20px; cursor: pointer; list-style: none; }
.nd-qcard summary::-webkit-details-marker { display: none; }
.nd-qcard__q { font: 500 1.24rem/1.3 var(--f-display); color: var(--ink); }
.nd-qcard__hint { font: 400 1.02rem/1 var(--f-hand); color: var(--okra-d); }
.nd-qcard[open] .nd-qcard__hint { display: none; }
.nd-qcard__a { overflow: hidden; }
.nd-qcard__a p { margin: 0; padding: 0 24px 24px; border-top: 1px dashed var(--line-2); padding-top: 14px; margin-inline: 24px; padding-inline: 0; font-size: .98rem; }
.nd-faq__foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; margin: clamp(20px, 3vw, 36px) 0 0; }
.nd-faq .nd-note { color: var(--okra-l); }
.nd-faq .nd-note a { color: var(--paper-3); }
.nd-faq .nd-link { color: var(--paper-3); }

/* ---------------------------------------------------------------- 10. Blog */
.nd-journal { padding-block: clamp(72px, 9vw, 128px); }
.nd-journal__title { max-width: 14em; margin-bottom: clamp(28px, 4vw, 48px); }
.nd-journal__grid { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); grid-template-rows: auto auto; gap: clamp(18px, 2.4vw, 32px) clamp(20px, 3vw, 48px); }
.nd-post { display: grid; grid-template-columns: minmax(0, 150px) minmax(0, 1fr); gap: 20px; align-items: center; text-decoration: none; color: var(--ink); }
.nd-post--lead { grid-row: 1 / 3; grid-template-columns: 1fr; align-items: start; }
.nd-post__img { aspect-ratio: 1; overflow: hidden; background: var(--paper-2); }
.nd-post--lead .nd-post__img { aspect-ratio: 3 / 2; }
.nd-post__img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 1.2s var(--ease); }
.nd-post:hover .nd-post__img img { transform: scale(1.05); }
.nd-post__date { display: block; font: 400 1rem var(--f-hand); color: var(--okra-d); margin-bottom: 4px; }
.nd-post:hover .nd-h3 { text-decoration: underline; text-decoration-color: var(--okra); text-underline-offset: 5px; }
.nd-post--lead .nd-h3 { font-size: clamp(1.5rem, 2.4vw, 2.1rem); }
.nd-post p { color: var(--ink-2); margin: 0; }
.nd-journal__all { margin: clamp(28px, 4vw, 44px) 0 0; }

/* ---------------------------------------------------------------- 11. Randevu çağrısı + bant */
.nd-cta { background: var(--forest-2); color: var(--paper); padding-block: clamp(72px, 9vw, 120px); }
.nd-cta__grid { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: clamp(32px, 5vw, 88px); align-items: center; }
.nd-cta__title { font: 500 clamp(2.3rem, 4.6vw, 4rem)/1.04 var(--f-display); color: var(--paper-3); margin: 0 0 20px; max-width: 12em; }
.nd-cta__txt p { color: rgba(242, 233, 214, .82); font-size: 1.1rem; max-width: 30em; }
.nd-cta__form { display: grid; gap: 14px; padding: 30px 28px 26px; color: var(--ink-2); transform: rotate(1.2deg); }
.nd-cta__form label { font: 500 1.25rem/1.3 var(--f-display); color: var(--ink); }
.nd-cta__form select { min-height: 52px; padding: 0 14px; border: 1.5px solid var(--ink); background: var(--paper-3); font: 500 1rem var(--f-body); color: var(--ink); border-radius: 0; }
.nd-band { background: var(--forest); color: var(--paper); padding-block: clamp(48px, 6vw, 80px); }
.nd-band__in { display: flex; align-items: center; justify-content: space-between; gap: 24px 48px; flex-wrap: wrap; }
.nd-band__t { font: 500 clamp(1.8rem, 3.4vw, 2.8rem)/1.08 var(--f-display); color: var(--paper-3); margin: 0; max-width: 16em; }
.nd-band__act { display: flex; align-items: center; gap: 14px 24px; flex-wrap: wrap; }
.nd-band__tel { color: var(--paper-3); font: 500 1.4rem var(--f-display); text-decoration: none; }

/* ---------------------------------------------------------------- Bülten şeridi */
.nd-news { background: var(--okra); color: var(--forest-3); padding-block: 28px; }
.nd-news__in { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: 10px 40px; align-items: center; }
.nd-news__h { margin: 0; font: 500 clamp(1.3rem, 2vw, 1.7rem)/1.2 var(--f-display); color: var(--forest-3); }
.nd-news__form { display: grid; gap: 10px; }
.nd-news__row { display: flex; gap: 10px; }
.nd-news__row .nl-input { flex: 1; min-width: 0; min-height: 50px; padding: 0 16px; border: 1.5px solid var(--forest); background: var(--paper-3); font: 500 1rem var(--f-body); color: var(--ink); border-radius: 0; }
.nd-news__row .nd-tag { background: var(--forest); color: var(--paper-3); }
.nd-news__row .nd-tag::before { background: var(--okra); }
.nd-news__ok { display: flex; gap: 8px; align-items: flex-start; font-size: .88rem; line-height: 1.4; cursor: pointer; }
.nd-news__ok input { margin-top: 3px; accent-color: var(--forest); }
.nd-news__ok a { color: var(--forest-3); font-weight: 600; }
.nd-news .nl-msg { margin: 0; font-size: .9rem; font-weight: 600; }
.nd-news .nl-msg:empty { display: none; }

/* ---------------------------------------------------------------- Alt bölüm: basılı herbaryum föyü */
.nd-foot { background: var(--forest); color: rgba(242, 233, 214, .78); padding-top: clamp(56px, 7vw, 96px); font-size: .95rem; }
.nd-foot__sheet { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 20px clamp(28px, 4vw, 64px); padding: clamp(28px, 4vw, 56px); color: var(--ink-2); transform: rotate(-.5deg); }
.nd-foot__plate { margin: 0; align-self: center; }
.nd-foot__plate img { display: block; width: 100%; max-width: 380px; height: auto; mix-blend-mode: multiply; margin-inline: auto; }
.nd-foot__plate figcaption { text-align: center; font: italic 500 1.1rem var(--f-display); color: var(--ink-3); }
.nd-foot__body { position: relative; display: grid; gap: 22px; align-content: start; }
.nd-foot__claim { margin: 0; font: 500 clamp(1.7rem, 3vw, 2.5rem)/1.1 var(--f-display); color: var(--forest); max-width: 15em; }
.nd-foot__body > .nd-tag { justify-self: start; }
.nd-foot__label { margin: 0; border: 1.5px solid var(--ink); background: var(--paper-3); }
.nd-foot__label > div { display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 14px; padding: 12px 16px; }
.nd-foot__label > div + div { border-top: 1px dashed var(--line-2); }
.nd-foot__label dt { font: italic 500 1rem/1.4 var(--f-display); color: var(--ink-3); }
.nd-foot__label dd { margin: 0; color: var(--ink); }
.nd-foot__label address { font-style: normal; }
.nd-foot__label a { color: var(--ink); text-decoration: none; }
.nd-foot__label a:hover { color: var(--okra-d); text-decoration: underline; }
.nd-foot__inline { display: flex; flex-wrap: wrap; gap: 4px 18px; }
.nd-foot__label .nd-logo { color: var(--forest); }
.nd-foot__label .nd-mark { width: 28px; height: 28px; }
.nd-foot__label .nd-logo__t b { font-size: 1.2rem; }
.nd-foot__stamp { right: -6px; top: auto; bottom: 10px; }
.nd-foot__note { grid-column: 1 / -1; margin: 0; }
.nd-social { display: flex; gap: 8px; }
.nd-social:empty { display: none; }
.nd-social a { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; border: 1.5px solid var(--ink); color: var(--ink); }
.nd-social svg { width: 18px; height: 18px; }
.nd-foot__bar { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 20px; padding-block: 26px; margin-top: clamp(36px, 4vw, 56px); border-top: 1px solid rgba(242, 233, 214, .14); font-size: .86rem; color: rgba(242, 233, 214, .66); }
.nd-foot__bar .f-copy { text-align: left; }
.nd-foot__bar .f-powered { display: flex; justify-content: center; }
.nd-foot__legal { display: flex; flex-wrap: wrap; gap: 6px 18px; justify-content: flex-end; }
.nd-foot__legal a, .nd-foot__legal button { color: rgba(242, 233, 214, .74); font: inherit; background: none; border: 0; padding: 0; cursor: pointer; text-decoration: none; }
.nd-foot__legal a:hover, .nd-foot__legal button:hover { color: var(--paper-3); }

/* ---------------------------------------------------------------- Tedavi sayfası */
.nd-sec { padding-block: clamp(56px, 8vw, 110px); }
.nd-sec--flush { padding-top: clamp(32px, 4vw, 56px); }
.nd-ph--treat { border-bottom: 0; }
.nd-detail { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: clamp(32px, 5vw, 88px); align-items: start; }
.nd-keep { position: relative; margin: 0 0 40px; padding: 22px 26px 20px; background: var(--okra); color: var(--forest-3); font: 400 1.35rem/1.4 var(--f-hand); transform: rotate(-.8deg); }
.nd-keep__k { font: italic 500 1.05rem var(--f-display); display: block; color: var(--forest-3); opacity: .8; }
.prose { font-size: 1.07rem; line-height: 1.78; color: var(--ink-2); }
.prose h2 { font: 500 clamp(1.5rem, 2.4vw, 2rem)/1.2 var(--f-display); color: var(--ink); margin: 1.6em 0 .5em; }
.prose h3 { font: 500 1.3rem/1.3 var(--f-display); color: var(--ink); }
.prose a { color: var(--forest); text-decoration-color: var(--okra); text-underline-offset: 4px; }
.prose ul { padding-left: 1.2em; }
.prose li { margin-bottom: .5em; }
.prose li::marker { color: var(--okra-d); }
.prose strong { color: var(--ink); }
.nd-timeline { list-style: none; margin: 26px 0 0; padding: 0; position: relative; }
.nd-timeline::before { content: ""; position: absolute; left: 31px; top: 32px; bottom: 32px; width: 1.5px; background: var(--line-2); }
.nd-timeline::after { content: ""; position: absolute; left: 31px; top: 32px; width: 1.5px; height: calc(var(--tl, 0) * (100% - 64px)); background: var(--forest); }
.nd-timeline li { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 22px; padding-bottom: 28px; position: relative; z-index: 1; }
.nd-timeline li:last-child { padding-bottom: 0; }
.nd-timeline .nd-stage { margin: 0; }
.nd-timeline li.is-in .nd-stage { background: var(--okra-l); }
.nd-timeline li p { margin: 0; color: var(--ink-2); }
.nd-timeline .nd-h3 { margin-top: 14px; }
.nd-detail__aside { position: sticky; top: calc(var(--head-h) + 28px); display: grid; gap: 16px; }
.nd-side { padding: 30px 24px 24px; display: grid; gap: 18px; transform: rotate(.8deg); }
.nd-side__dl { margin: 0; display: grid; gap: 0; border: 1.5px solid var(--ink); }
.nd-side__dl div { display: grid; gap: 2px; padding: 10px 14px; }
.nd-side__dl div + div { border-top: 1px dashed var(--line-2); }
.nd-side__dl dt { font: italic 500 .95rem var(--f-display); color: var(--ink-3); }
.nd-side__dl dd { margin: 0; font-weight: 600; color: var(--ink); }
.nd-side__tel { display: grid; text-decoration: none; text-align: center; }
.nd-side__tel small { font: 400 1rem var(--f-hand); color: var(--okra-d); }
.nd-side__tel b { font: 500 1.35rem var(--f-display); color: var(--forest); }
.nd-side__doc { display: flex; gap: 14px; align-items: center; padding: 10px; border: 1px dashed var(--line-2); text-decoration: none; }
.nd-side__doc img { width: 60px; height: 72px; object-fit: cover; object-position: top; flex: none; filter: grayscale(1) sepia(.35) hue-rotate(45deg) saturate(.75); }
.nd-side__doc span { display: grid; line-height: 1.3; }
.nd-side__doc small { font: 400 .95rem var(--f-hand); color: var(--okra-d); }
.nd-side__doc b { font: 500 1.05rem var(--f-display); color: var(--ink); }
.nd-side__doc em { font-style: normal; font-size: .84rem; color: var(--ink-3); }
.nd-cabinet__grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }

/* ---------------------------------------------------------------- Hekimler sayfası */
.nd-prof { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: clamp(32px, 6vw, 96px); align-items: start; padding-block: clamp(48px, 6vw, 88px); scroll-margin-top: calc(var(--head-h) + 20px); }
.nd-prof + .nd-prof { border-top: 1px solid var(--line); }
.nd-prof--flip .nd-prof__img { order: 2; }
.nd-prof__img { position: sticky; top: calc(var(--head-h) + 28px); margin: 0; padding: 22px 22px 24px; background: var(--paper-3) var(--grain); box-shadow: 0 20px 40px -30px rgba(20, 37, 25, .7); transform: rotate(-1deg); }
.nd-prof--flip .nd-prof__img { transform: rotate(1deg); }
.nd-prof__photo { position: relative; display: block; width: 82%; aspect-ratio: 4 / 5; }
.nd-prof__photo img { width: 100%; height: 100%; object-fit: cover; object-position: top; display: block; filter: grayscale(1) sepia(.35) hue-rotate(45deg) saturate(.75) contrast(1.05); }
.nd-prof__herb { position: absolute; right: -8px; bottom: 80px; width: 44%; z-index: 2; pointer-events: none; }
.nd-prof__herb img { width: 100%; height: auto; mix-blend-mode: multiply; display: block; }
.nd-prof__img .nd-label { position: relative; z-index: 3; margin-top: 16px; max-width: 88%; }
.nd-prof__spec { font-weight: 600; color: var(--forest); margin-top: -6px; }
.nd-prof__q { margin: 24px 0; padding: 0; }
.nd-prof__q p { font: 400 clamp(1.4rem, 2.2vw, 1.8rem)/1.3 var(--f-hand); color: var(--forest); margin: 0; transform: rotate(-1deg); }
.nd-prof__cols { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 26px; margin: 30px 0; }
.nd-prof__cols .nd-mini { font: italic 500 1.05rem var(--f-display); color: var(--ink-3); }
.nd-prof__cols ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; font-size: .95rem; }
.nd-prof__cols a { color: var(--forest); text-decoration-color: var(--okra); }

/* ---------------------------------------------------------------- Hikâyeler sayfası */
.nd-files { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(28px, 3.4vw, 52px); align-items: start; padding-top: 20px; }
.nd-file { scroll-margin-top: calc(var(--head-h) + 20px); display: grid; gap: 14px; }
.nd-file:nth-child(even) { margin-top: clamp(0px, 5vw, 70px); }
.nd-file .nd-case { flex: none; }
.nd-file__tr { justify-self: start; margin-left: 12px; }

/* ---------------------------------------------------------------- Galeri */
.nd-filter { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 30px; }
.nd-filter button { padding: 10px 18px; border: 1.5px solid var(--ink); background: transparent; font: 500 .94rem var(--f-body); color: var(--ink); cursor: pointer; transition: background .3s, color .3s; }
.nd-filter button small { font: 400 .95rem var(--f-hand); color: var(--okra-d); margin-left: 4px; }
.nd-filter button[aria-pressed="true"] { background: var(--forest); color: var(--paper-3); border-color: var(--forest); }
.nd-filter button[aria-pressed="true"] small { color: var(--okra-l); }
.nd-bento { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-rows: clamp(170px, 19vw, 270px); grid-auto-flow: dense; gap: clamp(10px, 1.4vw, 18px); padding-bottom: clamp(56px, 8vw, 110px); }
.nd-bento__i { position: relative; margin: 0; overflow: hidden; background: var(--paper-2); cursor: zoom-in; }
.nd-bento__i--wide { grid-column: span 2; }
.nd-bento__i--tall { grid-row: span 2; }
.nd-bento__i--big { grid-column: span 2; grid-row: span 2; }
.nd-bento__i img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 1.2s var(--ease); }
.nd-bento__i:hover img { transform: scale(1.05); }
.nd-bento__i.is-out { display: none; }
.nd-lb { position: fixed; inset: 0; z-index: 90; display: grid; grid-template-columns: 70px minmax(0, 1fr) 70px; align-items: center; background: rgba(20, 37, 25, .96); opacity: 0; visibility: hidden; transition: opacity .35s, visibility .35s; }
.nd-lb.is-open { opacity: 1; visibility: visible; }
.nd-lb figure { margin: 0; display: grid; justify-items: center; gap: 14px; grid-column: 2; }
.nd-lb img { max-height: 82vh; width: auto; max-width: 100%; border: 10px solid var(--paper-3); }
.nd-lb figcaption { color: var(--okra-l); font: 400 1.2rem var(--f-hand); text-align: center; }
.nd-lb button { width: 52px; height: 52px; border-radius: 50%; border: 1.5px solid rgba(242, 233, 214, .5); background: none; cursor: pointer; display: grid; place-items: center; justify-self: center; }
.nd-lb button svg { width: 20px; height: 20px; fill: none; stroke: var(--paper); stroke-width: 1.6; }
.nd-lb__x { position: absolute; top: 18px; right: 18px; }
.nd-lb__p { grid-column: 1; grid-row: 1; } .nd-lb__n { grid-column: 3; grid-row: 1; }

/* ---------------------------------------------------------------- SSS sayfası */
.nd-faqpage { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: clamp(28px, 5vw, 72px); align-items: start; padding-bottom: clamp(56px, 8vw, 110px); }
.nd-faqpage__nav { position: sticky; top: calc(var(--head-h) + 24px); display: grid; gap: 4px; }
.nd-faqpage__nav > a:not(.nd-faq__call) { display: flex; justify-content: space-between; padding: 10px 0; border-bottom: 1px dashed var(--line-2); text-decoration: none; color: var(--ink-2); font: 500 1.08rem var(--f-display); }
.nd-faqpage__nav > a:not(.nd-faq__call):hover { color: var(--okra-d); }
.nd-faqpage__nav small { font: 400 1rem var(--f-hand); color: var(--okra-d); }
.nd-faq__call { display: grid; gap: 2px; margin-top: 20px; padding: 16px 18px; background: var(--forest); color: var(--paper-3); text-decoration: none; }
.nd-faq__call small { font: 400 1rem var(--f-hand); color: var(--okra-l); }
.nd-faq__call b { font: 500 1.4rem var(--f-display); }
.nd-faqpage__grp { scroll-margin-top: calc(var(--head-h) + 24px); margin-bottom: 40px; }
.nd-faqpage__grp > .nd-h3 { font-size: 1.8rem; margin-bottom: 26px; }

/* ---------------------------------------------------------------- Randevu */
.nd-appt { padding-block: clamp(36px, 5vw, 72px) clamp(64px, 8vw, 120px); }
.nd-appt__grid { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: clamp(32px, 5vw, 88px); align-items: start; }
.nd-appt__intro { position: sticky; top: calc(var(--head-h) + 24px); }
.nd-appt__notes { list-style: none; margin: 26px 0; padding: 0; display: grid; gap: 10px; }
.nd-appt__notes li { position: relative; padding-left: 28px; color: var(--ink-2); }
.nd-appt__notes li::before { content: ""; position: absolute; left: 0; top: .5em; width: 16px; height: 8px; border-radius: 0 100% 0 100%; background: var(--okra); transform: rotate(-20deg); }
.nd-appt__hours { display: grid; gap: 2px; margin-bottom: 8px; }
.nd-appt__hours small { font: 400 1.05rem var(--f-hand); color: var(--okra-d); }
.nd-appt__card { padding: clamp(26px, 3.4vw, 48px); }
.nd-appt__step { border: 0; margin: 0 0 30px; padding: 0; min-width: 0; }
.nd-appt__step legend { display: flex; align-items: center; gap: 14px; margin-bottom: 18px; padding: 0; font: 500 1.4rem var(--f-display); color: var(--ink); }
.nd-appt__step .nd-stage { width: 48px; height: 48px; margin: 0; }
.nd-appt__step .nd-stage svg { width: 30px; height: 30px; }
.nd-appt__lbl { display: block; font-size: .9rem; font-weight: 600; color: var(--ink); margin-bottom: 8px; }
.f label { color: var(--ink); font-weight: 600; }
.f input, .f select, .f textarea { border-radius: 0; border: 1.5px solid var(--line-2); background: #FFFDF7; min-height: 52px; font-size: 1rem; transition: border-color .3s, box-shadow .3s; }
.f input:focus, .f select:focus, .f textarea:focus { outline: none; border-color: var(--forest); box-shadow: 0 0 0 3px rgba(201, 145, 44, .25); }
.nd-dpick { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.nd-dpick label, .nd-chips label { position: relative; cursor: pointer; }
.nd-dpick input, .nd-chips input { position: absolute; opacity: 0; pointer-events: none; }
.nd-dpick label { display: flex; align-items: center; gap: 12px; padding: 10px 14px; border: 1.5px solid var(--line-2); background: #FFFDF7; transition: border-color .3s, background .3s; min-height: 72px; }
.nd-dpick img { width: 46px; height: 56px; object-fit: cover; object-position: top; flex: none; filter: grayscale(1) sepia(.35) hue-rotate(45deg) saturate(.75); }
.nd-dpick span { display: grid; line-height: 1.3; }
.nd-dpick b { font-weight: 600; color: var(--ink); font-size: .95rem; }
.nd-dpick small { font-size: .8rem; color: var(--ink-3); }
.nd-dpick label:has(input:checked) { border-color: var(--forest); background: #EEF0E2; box-shadow: inset 4px 0 0 var(--okra); }
.nd-dpick label:has(input:focus-visible), .nd-chips label:has(input:focus-visible) { outline: 2px solid var(--okra); outline-offset: 2px; }
.nd-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.nd-chips span { display: inline-flex; align-items: center; min-height: 44px; padding: 0 16px; border: 1.5px solid var(--line-2); background: #FFFDF7; font-size: .92rem; transition: all .3s; }
.nd-chips input:checked + span { border-color: var(--forest); background: var(--forest); color: var(--paper-3); }
.nd-check { display: flex !important; align-items: center; gap: 10px; font-weight: 500 !important; cursor: pointer; }
.nd-check input { width: 20px !important; height: 20px; min-height: 0 !important; accent-color: var(--forest); }
.nd-done { text-align: center; display: grid; justify-items: center; gap: 6px; padding: 30px 0; }
.nd-done svg { width: 76px; height: 76px; fill: none; stroke: var(--forest); stroke-width: 2; margin-bottom: 10px; }
.nd-done path { stroke-dasharray: 40; stroke-dashoffset: 40; animation: ndDraw .9s .3s var(--ease) forwards; }
@keyframes ndDraw { to { stroke-dashoffset: 0; } }
.alert { border-radius: 0; }

/* ---------------------------------------------------------------- Hakkımızda */
.nd-story { padding-block: clamp(64px, 8vw, 120px); }
.nd-story__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(32px, 5vw, 88px); align-items: center; }
.nd-story__img { margin: 0; padding: 14px 14px 18px; transform: rotate(-1.5deg); }
.nd-story__img img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; display: block; }
.nd-story__img figcaption { margin-top: 12px; }
.nd-principles { background: var(--forest); color: var(--paper); padding-block: clamp(64px, 8vw, 120px); }
.nd-principles__h { color: var(--paper-3); margin-bottom: clamp(36px, 4vw, 56px); }
.nd-principles__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(18px, 2.4vw, 32px); align-items: start; }
.nd-principle { padding: 24px 22px 22px; color: var(--ink-2); transform: rotate(var(--r, -1deg)); }
.nd-principle:nth-child(even) { --r: 1deg; margin-top: 40px; }
.nd-principle__herb { display: block; width: 62%; margin: -6px auto 6px; }
.nd-principle__herb img { width: 100%; height: auto; display: block; mix-blend-mode: multiply; }
.nd-principle p { font-size: .96rem; margin: 0 0 12px; }
.nd-principle__lat { display: block; padding-top: 10px; border-top: 1px dashed var(--line-2); font: italic 500 .98rem var(--f-display); color: var(--ink-3); }
.nd-split2 { padding-block: clamp(56px, 8vw, 110px); }
.nd-split2__grid { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(32px, 6vw, 96px); align-items: center; }
.nd-split2__img { margin: 0; padding: 14px 14px 18px; transform: rotate(1.5deg); }
.nd-split2__img img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; display: block; }

/* ---------------------------------------------------------------- İletişim */
.nd-contact { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); min-height: calc(100svh - var(--head-h)); }
.nd-contact__dark { background: var(--forest); color: rgba(242, 233, 214, .8); }
.nd-contact__dark .nd-display, .nd-contact__dark .nd-crumb [aria-current] { color: var(--paper-3); }
.nd-contact__dark .nd-lead { color: rgba(242, 233, 214, .82); }
.nd-contact__dark .nd-crumb, .nd-contact__dark .nd-crumb a { color: rgba(242, 233, 214, .62); }
.nd-contact__light { background: var(--paper) var(--grain); }
.nd-contact__in { max-width: 600px; padding: clamp(40px, 6vw, 96px) clamp(16px, 5vw, 72px); margin-left: auto; }
.nd-contact__light .nd-contact__in { margin-left: 0; }
.nd-contact__dl { margin: 40px 0 0; display: grid; gap: 0; border: 1.5px solid rgba(242, 233, 214, .4); }
.nd-contact__dl div { display: grid; grid-template-columns: 130px minmax(0, 1fr); gap: 16px; padding: 14px 18px; }
.nd-contact__dl div + div { border-top: 1px dashed rgba(242, 233, 214, .22); }
.nd-contact__dl dt { font: italic 500 1rem var(--f-display); color: var(--okra-l); }
.nd-contact__dl dd { margin: 0; color: var(--paper-3); font-size: 1.02rem; }
.nd-contact__dl a { color: var(--paper-3); text-decoration: none; }
.nd-contact__dl a:hover { color: var(--okra-l); }
.nd-contact__dl .nd-link { margin-top: 8px; font-size: .92rem; color: var(--okra-l); text-decoration-color: var(--okra); }
.nd-contact__h { display: block; }
.nd-contact__co { margin-top: 28px; font-size: .9rem; }
.nd-contact__co summary { cursor: pointer; color: var(--okra-l); font: 400 1.1rem var(--f-hand); }
.nd-contact__co dl { display: grid; grid-template-columns: auto 1fr; gap: 6px 14px; margin: 14px 0; }
.nd-contact__co dt { color: rgba(242, 233, 214, .6); } .nd-contact__co dd { margin: 0; color: var(--paper-3); overflow-wrap: anywhere; }
.nd-contact__co .nd-link { color: var(--okra-l); }
.nd-contact__alt { color: var(--ink-3); margin-bottom: 28px; }
.nd-contact__alt a { color: var(--forest); font-weight: 600; text-decoration-color: var(--okra); }
.nd-map iframe { display: block; width: 100%; height: 420px; border: 0; filter: grayscale(.4) sepia(.2); }

/* ---------------------------------------------------------------- 404 (boş föy) */
.nd-404 { padding-block: clamp(64px, 10vw, 140px); }
.nd-404__in { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: clamp(32px, 6vw, 96px); align-items: center; }
.nd-404__sheet { margin: 0; padding: 22px; transform: rotate(-2deg); }
.nd-404__empty { display: block; aspect-ratio: 4 / 5; border: 1.5px dashed var(--line-2); margin-bottom: 16px; }
.nd-404__sheet .nd-label { max-width: 80%; }
.nd-404__sheet .nd-label b { font-size: 2rem; }
.nd-404__act { display: flex; gap: 22px; flex-wrap: wrap; align-items: center; margin-top: 18px; }

/* ---------------------------------------------------------------- Blog + yasal (çekirdek şablonları) */
.page-head { border-bottom: 1px solid var(--line); padding-block: clamp(36px, 6vw, 80px) clamp(20px, 3vw, 36px); }
.page-head h1 { font: 500 clamp(2.4rem, 5.2vw, 4.4rem)/1.04 var(--f-display); letter-spacing: -.02em; color: var(--ink); max-width: 15em; }
.page-head--post h1 { font-size: clamp(2rem, 4.2vw, 3.4rem); }
.page-head .eyebrow { display: none; }
.crumbs { font-size: .86rem; }
.crumbs a { color: var(--ink-3); }
.chip { border: 1.5px solid var(--ink); border-radius: 0; padding: 8px 16px; color: var(--ink); }
.chip[aria-current="page"] { background: var(--forest); color: var(--paper-3); border-color: var(--forest); }
.posts { gap: clamp(28px, 3vw, 48px); grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); }
.post { color: var(--ink-2); padding: 14px 14px 18px; background: var(--paper-3) var(--grain); box-shadow: 0 18px 34px -28px rgba(20, 37, 25, .6); transform: rotate(-.6deg); transition: transform .4s var(--ease); }
.post:nth-child(even) { transform: rotate(.6deg); }
.post:hover { transform: rotate(0) translateY(-4px); }
.post__media { border-radius: 0; aspect-ratio: 4 / 3; }
.post__meta { font: 400 1rem var(--f-hand); color: var(--okra-d); }
.post .h3, .post h2 { font: 500 1.4rem/1.25 var(--f-display); color: var(--ink); }
.post:hover h2, .post:hover h3 { text-decoration: none; color: var(--forest); }
.post-cover { border-radius: 0; aspect-ratio: 21 / 9; }
.side-box { border: 1.5px solid var(--ink); background: var(--paper-3); border-radius: 0; padding: 20px; }
.side-box__h { font-family: var(--f-display); font-weight: 500; font-style: italic; }
.author-card { border: 1.5px solid var(--ink); background: var(--paper-3); border-radius: 0; }
.btn { border-radius: 0; background: var(--forest); border-color: var(--forest); color: var(--paper-3); }
.btn:hover { background: var(--forest-3); border-color: var(--forest-3); }
.lp-wrap { max-width: 900px; margin-inline: auto; padding: 0 clamp(16px, 4vw, 40px) clamp(56px, 8vw, 110px); }
.lp-wrap h1 { font: 500 clamp(2.2rem, 5vw, 3.6rem)/1.06 var(--f-display); color: var(--ink); letter-spacing: -.02em; }
.lp-wrap h2 { font: 500 1.5rem/1.25 var(--f-display); color: var(--ink); margin-top: 1.8em; }
.page-crumbs { padding-top: 34px; max-width: 900px; }

/* ---------------------------------------------------------------- Duyarlı */
@media (max-width: 1180px) {
    .nd-head__tel { display: none; }
    .nd-nav > a { padding-inline: 9px; font-size: .94rem; }
}
@media (max-width: 1040px) {
    .nd-nav { display: none; }
    .nd-burger { display: grid; }
    .nd-head__tools { margin-left: auto; }
    .nd-cabinet__grid, .nd-cabinet__grid--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .nd-spm--1 { margin-top: 0; }
    .nd-spm:nth-child(even) { margin-top: 40px; }
    .nd-foot__bar { grid-template-columns: 1fr; text-align: center; justify-items: center; }
    .nd-foot__bar .f-copy { text-align: center; }
    .nd-foot__legal { justify-content: center; }
    .nd-detail { grid-template-columns: minmax(0, 1fr) 290px; }
    .nd-principles__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
    :root { --head-h: 68px; }
    .nd-head .nd-tag--sm { display: none; }
    .nd-hero__grid { grid-template-columns: 1fr; }
    .nd-hero__art { order: -1; }
    .nd-hero__sheet { width: min(86%, 420px); margin: 0 auto; }
    .nd-hero__label { right: -10px; width: 220px; bottom: 40px; }
    .nd-hero__tabs { justify-content: center; margin-top: 54px; }
    .nd-hero__tabs button { min-width: 0; flex: 1; }
    .nd-ph__in { grid-template-columns: 1fr; }
    .nd-ph__img { order: -1; justify-self: start; }
    .nd-ph__img--plate { width: 46%; max-width: 220px; }
    .nd-ph__pair { order: -1; justify-items: start; }
    .nd-ph__img.nd-sheet { width: 82%; }
    .nd-ph__herb { left: auto; right: 0; width: 34%; }
    .nd-layers__grid { grid-template-columns: 1fr; }
    .nd-layers__stage { position: sticky; top: var(--head-h); z-index: 2; background: var(--paper) var(--grain); margin-inline: -16px; padding: 6px 16px 0; }
    .nd-layers__sticky { position: relative; top: 0; height: 44svh; max-height: 380px; }
    .nd-plate { width: auto; height: 100%; aspect-ratio: 1200 / 1500; padding: 8px; }
    .nd-plate__cap { display: none; }
    .nd-pin { font-size: .86rem; }
    .nd-pin::after { width: 18px; }
    .nd-layers__text { position: relative; z-index: 1; }
    .nd-layers__step { min-height: 50svh; padding-block: 24px; }
    .nd-cabinet__head { grid-template-columns: 1fr; }
    .nd-results__grid { grid-template-columns: 1fr; }
    .nd-results__art { min-height: 520px; }
    .nd-spec { width: 150px; }
    .nd-spec figcaption span { display: none; }
    .nd-docs__row { grid-template-columns: 1fr; gap: 36px; max-width: 440px; }
    .nd-dsheet--1, .nd-dsheet--2 { margin-top: 0; }
    .nd-visit ol { grid-template-columns: 1fr 1fr; row-gap: 40px; }
    .nd-visit__line { display: none; }
    .nd-clinic__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: 180px; }
    .nd-clinic__txt { grid-column: 1 / -1; grid-row: auto; padding: 0 0 12px; }
    .nd-clinic__f--1 { grid-column: 1 / -1; grid-row: span 2; }
    .nd-clinic__f--2, .nd-clinic__f--3, .nd-clinic__f--4, .nd-clinic__f--5 { grid-column: auto; grid-row: auto; }
    .nd-journal__grid { grid-template-columns: 1fr; }
    .nd-post--lead { grid-row: auto; }
    .nd-cta__grid { grid-template-columns: 1fr; }
    .nd-news__in { grid-template-columns: 1fr; }
    .nd-foot__sheet { grid-template-columns: 1fr; transform: none; }
    .nd-foot__plate img { max-width: 220px; }
    .nd-detail { grid-template-columns: 1fr; }
    .nd-detail__aside { position: static; }
    .nd-prof, .nd-prof--flip { grid-template-columns: 1fr; }
    .nd-prof--flip .nd-prof__img { order: 0; }
    .nd-prof__img { position: relative; top: 0; max-width: 420px; }
    .nd-files { grid-template-columns: 1fr; }
    .nd-file:nth-child(even) { margin-top: 0; }
    .nd-bento { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: 170px; }
    .nd-faqpage { grid-template-columns: 1fr; }
    .nd-faqpage__nav { position: static; }
    .nd-appt__grid { grid-template-columns: 1fr; }
    .nd-appt__intro { position: static; }
    .nd-story__grid, .nd-split2__grid { grid-template-columns: 1fr; }
    .nd-contact { grid-template-columns: 1fr; }
    .nd-contact__in { margin: 0; max-width: none; }
    .nd-404__in { grid-template-columns: 1fr; }
    .nd-404__sheet { max-width: 300px; }
    .nd-lb { grid-template-columns: 1fr; }
    .nd-lb figure { grid-column: 1; padding: 0 12px; }
    .nd-lb__p, .nd-lb__n { position: absolute; bottom: 24px; }
    .nd-lb__p { left: calc(50% - 64px); } .nd-lb__n { left: calc(50% + 12px); }
}
@media (max-width: 600px) {
    body { font-size: 16px; }
    .nd-head__tools { gap: 8px; }
    .nd-logo__t b { font-size: 1.35rem; }
    .nd-mark { width: 32px; height: 32px; }
    .nd-cabinet__grid, .nd-cabinet__grid--3 { grid-template-columns: 1fr; }
    .nd-spm:nth-child(even) { margin-top: 0; }
    .nd-visit ol { grid-template-columns: 1fr; }
    .nd-news__row { flex-direction: column; }
    .nd-dpick { grid-template-columns: 1fr; }
    .nd-contact__dl div, .nd-foot__label > div { grid-template-columns: 1fr; gap: 2px; }
    .nd-case { flex-basis: 86vw; }
    .nd-case__path div { grid-template-columns: 1fr; gap: 0; }
    .nd-principles__grid { grid-template-columns: 1fr; }
    .nd-principle:nth-child(even) { margin-top: 0; }
    .nd-results__art { min-height: 460px; }
    .nd-results__plate { left: 18%; width: 64%; }
    .nd-spec { width: 128px; padding: 6px 6px 8px; }
    .nd-spec figcaption b { font-size: .88rem; }
    .nd-cards, .nd-cards--2 { columns: 1; }
    .nd-hero__label, .nd-hero__note, .nd-foot__stamp { display: none; }
}
@media (prefers-reduced-motion: reduce) {
    .js .nd-rv, .js .nd-wipe > img, .js [data-split] .w > span, .js .nd-hero__slide .w > span { opacity: 1 !important; transform: none !important; clip-path: none !important; }
    .nd-hero__tabs button.is-on i::after { animation: none; transform: scaleX(1); }
}

/* Açılır listeler — tarayıcı destekliyorsa seçenek paneli de tema renginde (desteklemeyende sistem listesi kalır) */
@supports (appearance: base-select) {
  select:not(#_), ::picker(select) { appearance: base-select; }
  select::picker-icon { display: none; }
  select:not(#_) { align-items: center; }
  ::picker(select) { margin-block: 6px; padding: 6px; border: 1px solid var(--line-2); border-radius: var(--radius, 4px); background: var(--bg-elev, #fff); color: var(--fg); box-shadow: 0 18px 40px -20px rgba(0,0,0,.35); max-height: min(340px, 60vh); }
  select option { padding: 10px 14px 10px 12px; font: inherit; font-size: 15.5px; line-height: 1.35; font-weight: 400; background: transparent; color: var(--fg); border-left: 2px solid transparent; border-radius: calc(var(--radius, 4px) / 2); transition: background-color .15s; }
  select option::checkmark { display: none; }
  select optgroup { padding: 4px 0; font: inherit; font-size: 11.5px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--fg-3, currentColor); }
  select optgroup option { text-transform: none; letter-spacing: 0; }
  select optgroup legend { padding: 8px 12px 4px; }
  select option:hover, select option:focus-visible { outline: 0; background: var(--bg-sunk); }
  select option:checked { border-left-color: var(--accent); font-weight: 600; }
  select option:disabled { opacity: .5; }
}

/* Çerez kutusu — gömülü varsayılan stil (beyaz kart, siyah düğme) tema diline çekilir */
#tsp-consent.tsp { background: var(--bg-elev, var(--bg)); color: var(--fg); border-color: var(--line-2); border-radius: var(--radius, 6px); box-shadow: 0 24px 60px -24px rgba(0,0,0,.35), 0 2px 6px rgba(0,0,0,.06); font-family: var(--f-body, inherit); padding: 20px 20px 18px; }
#tsp-consent .tsp-t { font-family: var(--f-head, var(--f-display, inherit)); font-size: 18px; font-weight: 600; letter-spacing: -.005em; margin-bottom: 8px; }
#tsp-consent .tsp-m, #tsp-consent .tsp-x, #tsp-consent .tsp-c small { color: var(--fg-2); }
#tsp-consent .tsp-b button { background: var(--btn-bg); border-color: var(--btn-bg); color: var(--btn-fg); border-radius: var(--radius, 6px); font-family: var(--f-body, inherit); }
#tsp-consent .tsp-b button:hover { background: var(--btn-bg-h); border-color: var(--btn-bg-h); }
#tsp-consent .tsp-b2 button { background: transparent; border-color: var(--line-2); color: var(--fg); }
#tsp-consent .tsp-b2 button:hover { background: var(--line); border-color: var(--line-2); }
#tsp-consent .tsp-s, #tsp-consent .tsp-c { border-color: var(--line); }
#tsp-consent .tsp-c input { accent-color: var(--btn-bg); }