/* Aksu Clinic — tema stilleri (site.css, consultation.css, apple-palette.css, burgundy-home.css, burgundy-site.css, revisions.css birleştirildi) */
/* Temel tema (LESS) .container kuralları bu tasarımla çakışmasın */
.container { max-width: none; padding-left: 0; padding-right: 0; }
html, body { line-height: normal; }

/* ===== site.css ===== */

/* ===== /home/nt0ixzje/domains/subdomains/sandbox/proje/Aksu Clinic/style.css ===== */

:root {
  --font-heading: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", "Segoe UI", system-ui, Roboto, Arial, sans-serif;
  --font-body: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", "Segoe UI", system-ui, Roboto, Arial, sans-serif;
  --font-sans: var(--font-heading);
  /* Koyu / şampanya palet — ana sayfanın editoryal bölümleriyle aynı dil */
  --canvas: #f1f1f1;
  --canvas-deep: #e3e3e3;
  --ink: #131313;
  --muted: #707070;
  --line: rgba(19, 19, 19, 0.14);
  --accent: #bbbbbb;
  --accent-deep: #8c8c8c;
  --cream: #f9f9f9;
  --dark: #131313;
  --container: 1280px;
  --section-space: clamp(76px, 8vw, 124px);
  --header-height: 94px;
  --page-pad: clamp(24px, 4vw, 72px);
  color-scheme: light;
}

/* ========================================================================== */
/* 2026 homepage refresh — organic boutique dental direction                  */
/* ========================================================================== */

body:has(.hero) {
  background: #f8f8f8;
}

body:has(.hero) .site-header {
  background: rgba(250, 250, 250, 0.88);
  border-bottom-color: rgba(19, 19, 19, 0.08);
  backdrop-filter: blur(18px);
}

.hero {
  position: relative;
  overflow: hidden;
  padding: calc(var(--header-height) + 28px) 0 66px;
  background:
    radial-gradient(circle at 7% 18%, rgba(151, 151, 151, 0.16) 0 90px, transparent 92px),
    radial-gradient(circle at 91% 82%, rgba(187, 187, 187, 0.16) 0 150px, transparent 152px),
    #f8f8f8;
}

.hero-container {
  min-height: clamp(650px, calc(100svh - var(--header-height) - 58px), 790px);
  overflow: visible;
  border: 0;
  border-radius: 38px;
  background: #ededed;
  box-shadow: 0 28px 80px rgba(19, 19, 19, 0.1);
}

.hero-container::before,
.hero-container::after {
  position: absolute;
  z-index: 2;
  border-radius: 999px;
  content: "";
  pointer-events: none;
}

.hero-container::before {
  top: -20px;
  right: 45%;
  width: 88px;
  height: 88px;
  border: 18px solid #979797;
  opacity: 0.72;
}

.hero-container::after {
  right: -20px;
  bottom: 56px;
  width: 104px;
  height: 104px;
  border: 1px solid rgba(255,255,255,.75);
  box-shadow: 0 0 0 18px rgba(151, 151, 151, .16);
}

.hero-reel {
  top: 0;
  right: 0;
  bottom: 0;
  left: auto;
  z-index: 1;
  width: 52%;
  border-radius: 47% 38px 38px 47% / 18% 38px 38px 18%;
  background: #262626;
  box-shadow: -22px 0 55px rgba(19, 19, 19, .12);
}

.hero-shot {
  clip-path: inset(0 8% round 38px);
  filter: saturate(.84) contrast(1.02);
}

.hero-shot.is-active {
  clip-path: inset(0 round 38px);
}

.hero-shot:first-child img {
  object-position: 56% 37%;
}

.hero-reel-wash {
  background:
    linear-gradient(90deg, rgba(19, 19, 19, .12), transparent 44%),
    linear-gradient(180deg, transparent 58%, rgba(22, 22, 22, .5));
}

.hero .hero-copy {
  z-index: 4;
  width: 52%;
  min-height: clamp(650px, calc(100svh - var(--header-height) - 58px), 790px);
  padding: clamp(58px, 6vw, 92px);
}

.hero .eyebrow {
  color: #515151;
}

.hero h1 {
  max-width: 650px;
  color: #1d1d1d;
  font-size: clamp(64px, 6.2vw, 104px);
  line-height: .87;
  letter-spacing: -.055em;
}

.hero h1 em {
  display: block;
  color: #595959;
}

.hero .hero-intro {
  max-width: 480px;
  color: rgba(19, 19, 19, .72);
  font-size: clamp(16px, 1.25vw, 20px);
}

.hero .button-primary {
  border-radius: 999px;
  background: #1d1d1d;
  color: #fff;
  box-shadow: 0 10px 28px rgba(19, 19, 19, .15);
}

.hero .button-primary:hover,
.hero .button-primary:focus-visible {
  background: #979797;
  color: #1d1d1d;
}

.hero .button-text {
  color: #1d1d1d;
}

.hero .button-text::after {
  background: #1d1d1d;
}

.hero-reel-meta {
  right: clamp(28px, 3vw, 48px);
  bottom: 30px;
  z-index: 5;
  color: rgba(255,255,255,.82);
}

.hero .scroll-cue {
  bottom: 26px;
  left: clamp(54px, 6vw, 92px);
  color: rgba(19, 19, 19, .64);
}

.trust-bar {
  position: relative;
  z-index: 6;
  margin-top: -36px;
  padding: 0 0 clamp(84px, 9vw, 130px);
  background: transparent;
}

.trust-grid {
  overflow: hidden;
  border: 1px solid rgba(19, 19, 19, .08);
  border-radius: 26px;
  background: rgba(255,255,255,.95);
  box-shadow: 0 20px 52px rgba(19, 19, 19, .09);
}

.trust-item {
  min-height: 132px;
  padding: 28px clamp(20px, 2.4vw, 38px);
  border-color: rgba(19, 19, 19, .09);
}

.trust-item strong {
  color: #313131;
}

.trust-index {
  display: grid;
  width: 32px;
  height: 32px;
  place-items: center;
  border-radius: 50%;
  background: #ebebeb;
  color: #515151;
}

.philosophy {
  padding: clamp(76px, 9vw, 140px) 0;
  overflow: hidden;
  border-radius: clamp(52px, 7vw, 110px) clamp(52px, 7vw, 110px) 0 0;
  background: #242424;
  color: #fff;
}

.philosophy-grid {
  gap: clamp(50px, 8vw, 128px);
}

.philosophy-visual {
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.17);
  border-radius: 48% 48% 30px 30px / 22% 22% 30px 30px;
  background: #ebebeb;
  box-shadow: 32px 32px 0 rgba(151, 151, 151, .13);
}

.philosophy-visual img {
  object-position: center top;
}

.philosophy-content h2,
.philosophy-content .philosophy-text,
.founder-mark,
.philosophy-link {
  color: #f8f8f8;
}

.philosophy-content h2 em,
.philosophy-content .eyebrow {
  color: #ababab;
}

.philosophy-link {
  border-color: rgba(255,255,255,.35);
}

.treatments {
  padding: clamp(90px, 10vw, 156px) 0;
  background: #f5f5f5;
}

.treatments-heading {
  margin-bottom: clamp(48px, 6vw, 86px);
}

.treatments-heading h2,
.real-smiles-heading h2,
.doctors-heading h2 {
  letter-spacing: -.045em;
}

.treatments-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(20px, 2.4vw, 34px);
}

.treatment-story {
  position: relative;
  display: grid;
  min-height: 650px;
  grid-template-columns: 1fr;
  overflow: hidden;
  border: 0;
  border-radius: 32px;
  background: #fff;
  box-shadow: 0 18px 52px rgba(19, 19, 19, .07);
}

.treatment-story:nth-child(even) {
  transform: translateY(58px);
}

.treatment-story-visual {
  min-height: 330px;
  height: 46%;
  border-radius: 0 0 42% 0 / 0 0 22% 0;
}

.treatment-story-visual img {
  object-position: center 42%;
}

.treatment-story-content {
  align-self: end;
  padding: clamp(28px, 3.5vw, 52px);
}

.treatment-story-content h3 {
  color: #1d1d1d;
  font-size: clamp(46px, 4.2vw, 72px);
}

.treatment-story-content h3 em {
  color: #595959;
}

.treatment-story-number {
  top: 24px;
  right: 24px;
  display: grid;
  width: 52px;
  height: 52px;
  place-items: center;
  border-radius: 50%;
  background: rgba(255,255,255,.9);
  color: #1d1d1d;
  font-size: 14px;
  backdrop-filter: blur(12px);
}

.treatment-services {
  columns: 2;
  column-gap: 24px;
}

.treatments-footer {
  margin-top: 94px;
  border-radius: 22px;
  background: #ebebeb;
  padding-inline: 28px;
}

.real-smiles {
  padding: clamp(92px, 10vw, 160px) 0;
  background: #fff;
}

.case-selector {
  margin-top: 46px;
  padding: 8px;
  overflow: hidden;
  border: 1px solid rgba(19, 19, 19, .09);
  border-radius: 999px;
  background: #f5f5f5;
}

.case-selector button {
  border: 0;
  border-radius: 999px;
}

.case-selector button[aria-selected="true"] {
  background: #2a2a2a;
  color: #fff;
}

.smile-case {
  padding-top: 32px;
}

.case-portrait {
  max-width: var(--container);
  margin-inline: auto;
  overflow: hidden;
  border-radius: 36px 36px 0 0;
}

.case-portrait img {
  border-radius: inherit;
}

.case-detail-grid {
  overflow: hidden;
  border: 1px solid rgba(19, 19, 19, .09);
  border-top: 0;
  border-radius: 0 0 36px 36px;
  background: #f8f8f8;
}

.image-compare {
  overflow: hidden;
  border-radius: 24px;
}

.doctors {
  padding: clamp(92px, 10vw, 156px) 0;
  overflow: hidden;
  background: #ededed;
}

.doctor-feature {
  overflow: hidden;
  border: 0;
  border-radius: 36px;
  background: #fff;
  box-shadow: 0 24px 64px rgba(19, 19, 19, .09);
}

.doctor-feature-portrait {
  min-height: 580px;
  overflow: hidden;
  border-radius: 0 48% 48% 0 / 0 20% 20% 0;
  background: #e1e1e1;
}

.doctor-feature-portrait img,
.doctor-card figure img {
  object-position: center top;
}

.doctor-feature-copy {
  padding: clamp(42px, 6vw, 88px);
}

.doctor-card {
  overflow: hidden;
  border: 0;
  border-radius: 28px;
  background: #fff;
  box-shadow: 0 14px 38px rgba(19, 19, 19, .08);
}

.doctor-card figure {
  margin: 12px;
  overflow: hidden;
  border-radius: 24px;
  background: #e6e6e6;
}

.doctor-scroll-controls button {
  border-radius: 50%;
  background: #fff;
}

.international-experience {
  padding: clamp(90px, 10vw, 150px) 0;
  background: #f8f8f8;
  color: #1d1d1d;
}

.international-visual {
  overflow: hidden;
  border: 0;
  border-radius: 42px;
  box-shadow: 0 28px 72px rgba(19, 19, 19, .12);
}

.international-steps {
  margin-top: 24px;
  overflow: hidden;
  border: 1px solid rgba(19, 19, 19, .08);
  border-radius: 28px;
  background: #fff;
}

.international-steps article {
  border-color: rgba(19, 19, 19, .09);
}

.international-steps article span {
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  border-radius: 50%;
  background: #ebebeb;
  color: #515151;
}

.international-footer {
  margin-top: 24px;
  padding: 26px 30px;
  border-radius: 24px;
  background: #2a2a2a;
  color: #fff;
}

.international-footer a {
  color: #bbbbbb;
}

@media (max-width: 980px) {
  .hero-reel {
    width: 48%;
  }

  .hero .hero-copy {
    width: 58%;
    padding: 54px;
  }

  .hero h1 {
    font-size: clamp(58px, 8vw, 82px);
  }

  .treatments-list {
    gap: 20px;
  }

  .treatment-story {
    min-height: 610px;
  }
}

@media (max-width: 760px) {
  .hero {
    padding: calc(var(--header-height) + 16px) 0 50px;
  }

  .hero-container {
    display: flex;
    min-height: 760px;
    flex-direction: column;
    overflow: hidden;
    border-radius: 28px;
  }

  .hero-container::before {
    top: 44%;
    right: -20px;
    width: 72px;
    height: 72px;
    border-width: 14px;
  }

  .hero-container::after {
    display: none;
  }

  .hero .hero-copy {
    width: 100%;
    min-height: 390px;
    padding: 48px 26px 34px;
  }

  .hero h1 {
    max-width: 540px;
    margin-top: 24px;
    font-size: clamp(54px, 15vw, 76px);
  }

  .hero .hero-intro {
    margin-top: 22px;
  }

  .hero-actions {
    margin-top: 26px;
  }

  .hero-reel {
    position: relative;
    inset: auto;
    width: 100%;
    min-height: 370px;
    border-radius: 48% 48% 0 0 / 18% 18% 0 0;
  }

  .hero-reel-meta {
    right: 24px;
    bottom: 20px;
  }

  .hero .scroll-cue {
    display: none;
  }

  .trust-bar {
    margin-top: -22px;
  }

  .trust-grid {
    border-radius: 22px;
  }

  .treatments-list {
    grid-template-columns: 1fr;
  }

  .treatment-story,
  .treatment-story:nth-child(even) {
    min-height: 590px;
    transform: none;
  }

  .treatment-story-visual {
    min-height: 300px;
  }

  .treatment-services {
    columns: 1;
  }

  .case-selector {
    border-radius: 20px;
  }

  .case-selector button {
    border-radius: 14px;
  }

  .case-portrait {
    border-radius: 26px 26px 0 0;
  }

  .case-detail-grid {
    border-radius: 0 0 26px 26px;
  }

  .doctor-feature {
    border-radius: 28px;
  }

  .doctor-feature-portrait {
    min-height: 430px;
    border-radius: 0 0 48% 48% / 0 0 16% 16%;
  }

  .international-visual {
    border-radius: 28px;
  }
}

/* Founder contact: one editorial composition plus a focused multilingual form. */
.founder-intro .founder-intro-grid {
  grid-template-columns: minmax(280px, .82fr) minmax(390px, 1.18fr) minmax(330px, .82fr);
  gap: 0;
}

.founder-intro .founder-intro-portrait {
  min-height: 560px;
  border-color: #2f2f2f;
  border-radius: 28px 0 0 28px;
  box-shadow: none;
}

.founder-intro .founder-intro-copy {
  min-height: 560px;
  padding: 46px clamp(34px, 3vw, 54px);
  border: 1px solid #2f2f2f;
  border-left: 0;
  border-radius: 0 28px 28px 0;
  background: #111111;
}

.founder-intro .founder-intro-copy h2 {
  font-size: clamp(46px, 3.8vw, 62px);
  letter-spacing: -.05em;
  line-height: .98;
}

.founder-intro .founder-intro-copy > p:not(.founder-intro-kicker):not(.founder-intro-role) {
  font-size: 14px;
  line-height: 1.65;
}

.founder-intro .founder-intro-form-wrap {
  margin-left: clamp(22px, 2.4vw, 38px);
}

.founder-intro .founder-intro-form {
  padding: 30px;
  border-radius: 24px;
  box-shadow: 0 28px 70px rgba(0, 0, 0, .32);
}

.founder-intro .founder-intro-form-head {
  margin-bottom: 18px;
}

.founder-intro .founder-intro-form h3 {
  max-width: 9ch;
  margin-top: 10px;
  font-size: clamp(29px, 2.2vw, 36px);
  line-height: .98;
}

.founder-intro .founder-intro-form-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-bottom: 20px;
}

.founder-intro .founder-intro-form-meta span {
  padding: 6px 9px;
  border: 1px solid #d2d2d2;
  border-radius: 999px;
  color: #6e6e6e;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .06em;
  line-height: 1;
  text-transform: uppercase;
}

.founder-intro .founder-intro-form label {
  margin-top: 12px;
}

.founder-intro .founder-intro-form label > span {
  margin: 0 0 7px;
  font-size: 14px;
  font-style: normal;
  font-weight: 650;
}

.founder-intro .founder-intro-form :is(input, select) {
  min-height: 46px;
  padding: 0 13px;
  border: 1px solid #d2d2d2;
  border-radius: 12px;
  background: #f5f5f5;
  font-size: 14px;
}

.founder-intro .founder-intro-form :is(input, select):focus {
  border-color: #1d1d1d;
  box-shadow: 0 0 0 3px rgba(0, 0, 0, .08);
}

.founder-intro .founder-intro-form button {
  min-height: 50px;
  margin-top: 20px;
}

.founder-intro .founder-language-field {
  position: relative;
  margin-top: 12px;
}

.founder-intro .founder-language-field > span {
  display: block;
  margin-bottom: 7px;
  color: #6e6e6e;
  font-size: 14px;
  font-weight: 650;
}

.founder-intro .founder-language-select {
  position: relative;
}

body .founder-intro .founder-intro-form .founder-language-trigger {
  display: flex;
  width: 100%;
  min-height: 46px;
  align-items: center;
  justify-content: space-between;
  margin: 0;
  padding: 0 13px;
  border: 1px solid #d2d2d2 !important;
  border-radius: 12px;
  background: #f5f5f5 !important;
  box-shadow: none;
  color: #1d1d1d !important;
  cursor: pointer;
  font: 500 14px/1.2 var(--font-body);
  text-align: left;
}

.founder-intro .founder-language-trigger > span:last-child {
  font-size: 15px;
  transition: transform 180ms ease;
}

.founder-intro .founder-language-trigger[aria-expanded="true"] {
  border-color: #1d1d1d !important;
  box-shadow: 0 0 0 3px rgba(0, 0, 0, .08);
}

.founder-intro .founder-language-trigger[aria-expanded="true"] > span:last-child {
  transform: rotate(180deg);
}

.founder-intro .founder-language-menu {
  position: absolute;
  top: calc(100% + 7px);
  right: 0;
  left: 0;
  z-index: 80;
  max-height: 214px;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 6px;
  border: 1px solid #d2d2d2;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 22px 50px rgba(0, 0, 0, .22);
  overscroll-behavior: contain;
  scrollbar-color: #868686 transparent;
  scrollbar-width: thin;
}

.founder-intro .founder-language-menu[hidden] {
  display: none;
}

body .founder-intro .founder-intro-form .founder-language-menu button {
  display: flex;
  width: 100%;
  min-height: 38px;
  align-items: center;
  justify-content: space-between;
  margin: 0;
  padding: 0 10px;
  border: 0 !important;
  border-radius: 9px;
  background: #fff !important;
  box-shadow: none;
  color: #1d1d1d !important;
  cursor: pointer;
  font: 600 14px/1.2 var(--font-body);
  text-align: left;
}

body .founder-intro .founder-intro-form .founder-language-menu button:is(:hover, :focus-visible),
body .founder-intro .founder-intro-form .founder-language-menu button[aria-selected="true"] {
  background: #f0f0f0 !important;
  color: #000 !important;
}

.founder-intro .founder-language-menu button small {
  margin: 0;
  color: #868686 !important;
  font-size: 14px;
  letter-spacing: .08em;
}

.founder-intro .founder-language-field.is-invalid .founder-language-trigger {
  border-color: #6e6e6e !important;
  box-shadow: 0 0 0 3px rgba(110, 110, 110, .12);
}

.founder-intro .founder-language-error {
  margin: 6px 0 0;
  color: #6e6e6e !important;
  font-size: 14px;
  text-align: left;
}

@media (max-width: 1180px) {
  .founder-intro .founder-intro-grid {
    grid-template-columns: minmax(270px, .82fr) minmax(0, 1.18fr);
    gap: 0;
  }

  .founder-intro .founder-intro-form-wrap {
    grid-column: 1 / -1;
    margin: 22px 0 0;
  }

  .founder-intro .founder-intro-form {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 16px;
  }

  .founder-intro .founder-intro-form-head,
  .founder-intro .founder-intro-form-meta,
  .founder-intro .founder-intro-form button,
  .founder-intro .founder-intro-form > small {
    grid-column: 1 / -1;
  }

  .founder-intro .founder-intro-form h3 {
    max-width: none;
  }
}

@media (max-width: 760px) {
  .founder-intro .founder-intro-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .founder-intro .founder-intro-portrait {
    min-height: 0;
    border-radius: 22px;
  }

  .founder-intro .founder-intro-copy {
    min-height: 0;
    padding: 34px 24px;
    border: 1px solid #2f2f2f;
    border-radius: 22px;
  }

  .founder-intro .founder-intro-copy h2 {
    font-size: clamp(40px, 11vw, 52px);
  }

  .founder-intro .founder-intro-form-wrap {
    grid-column: auto;
    margin-top: 0;
  }

  .founder-intro .founder-intro-form {
    display: block;
    padding: 26px 20px;
    border-radius: 22px;
  }

  .founder-intro .founder-intro-form h3 {
    max-width: 10ch;
  }
}

/* International flight v3 — the aircraft follows scroll instead of a timer. */
body.journey-flight-playing { overflow: auto; }
.journey-story.is-scroll-flight {
  --flight-route-progress: 0;
  --flight-aircraft-left: -38vw;
  --flight-aircraft-y: -38%;
  --flight-aircraft-angle: -2.4deg;
  --flight-aircraft-opacity: 1;
  --flight-scene-opacity: 1;
  --flight-destination-opacity: .42;
  --flight-hint-opacity: 1;
  overflow: clip;
}
.journey-story.is-scroll-flight .journey-flight-scroll {
  position: relative;
  height: max(1120px, 190svh);
}
.journey-story.is-scroll-flight .journey-flight-intro {
  position: sticky;
  top: var(--header-height);
  right: auto;
  bottom: auto;
  left: auto;
  display: block;
  width: 100%;
  height: calc(100svh - var(--header-height));
  visibility: visible;
  opacity: var(--flight-scene-opacity);
  animation: none !important;
}
.journey-story.is-scroll-flight .journey-aircraft {
  top: 50%;
  left: var(--flight-aircraft-left);
  width: clamp(1050px, 90vw, 1480px);
  opacity: var(--flight-aircraft-opacity);
  transform: translateY(var(--flight-aircraft-y)) rotate(var(--flight-aircraft-angle)) scale(.94);
  animation: none !important;
  will-change: left, opacity, transform;
}
.journey-story.is-scroll-flight .journey-flight-route {
  transform: scaleX(var(--flight-route-progress));
  animation: none !important;
}
.journey-story.is-scroll-flight .journey-flight-destination {
  opacity: var(--flight-destination-opacity);
  transform: translateY(calc((1 - var(--flight-destination-opacity)) * 14px));
}
.journey-story.is-scroll-flight .journey-wide {
  visibility: visible;
  opacity: 1;
  animation: none !important;
}
.journey-flight-scroll-hint {
  position: absolute;
  bottom: 28px;
  left: 50%;
  z-index: 5;
  display: flex;
  align-items: center;
  gap: 12px;
  color: #6c6c6c;
  font-size: 14px;
  font-weight: 750;
  letter-spacing: .11em;
  opacity: var(--flight-hint-opacity, 0);
  text-transform: uppercase;
  transform: translateX(-50%);
  white-space: nowrap;
}
.journey-flight-scroll-hint i {
  position: relative;
  width: 22px;
  height: 34px;
  border: 1px solid rgba(85, 85, 85, .35);
  border-radius: 999px;
}
.journey-flight-scroll-hint i::after {
  position: absolute;
  top: 7px;
  left: 50%;
  width: 3px;
  height: 7px;
  border-radius: 999px;
  background: #737373;
  content: "";
  transform: translateX(-50%);
}

@media (max-width: 760px) {
  .journey-story.is-scroll-flight .journey-flight-scroll { height: max(980px, 175svh); }
  .journey-story.is-scroll-flight .journey-aircraft { width: min(195vw, 820px); }
  .journey-flight-scroll-hint { bottom: 20px; font-size: 14px; }
}

@media (prefers-reduced-motion: reduce) {
  .journey-flight-scroll { height: auto !important; }
  .journey-flight-scroll .journey-flight-intro { display: none !important; }
}

/* Video altı kurucu hekim ve hızlı ön değerlendirme alanı. */
.founder-intro {
  position: relative;
  overflow: hidden;
  padding: clamp(72px, 7vw, 112px) 0;
  background:
    radial-gradient(circle at 17% 18%, rgba(187, 187, 187, .13), transparent 28%),
    linear-gradient(135deg, #1c1c1c 0%, #2a2a2a 58%, #343434 100%);
  color: #fff;
}
.founder-intro::before {
  position: absolute;
  inset: 0;
  background-image: radial-gradient(rgba(255,255,255,.12) .7px, transparent .7px);
  background-size: 20px 20px;
  content: "";
  opacity: .11;
  pointer-events: none;
}
.founder-intro-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(280px, .9fr) minmax(350px, 1.08fr) minmax(320px, .82fr);
  align-items: stretch;
  gap: clamp(28px, 3vw, 52px);
}
.founder-intro-portrait {
  position: relative;
  min-height: 610px;
  margin: 0;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 28px;
  background: #181818;
  box-shadow: 0 24px 62px rgba(0,0,0,.24);
}
.founder-intro-portrait::after {
  position: absolute;
  inset: 48% 0 0;
  background: linear-gradient(transparent, rgba(17, 17, 17, .88));
  content: "";
  pointer-events: none;
}
.founder-intro-portrait img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 34%; }
.founder-intro-portrait figcaption { position: absolute; right: 28px; bottom: 26px; left: 28px; z-index: 2; }
.founder-intro-portrait figcaption span { display: block; margin-bottom: 7px; color: #bcbcbc; font-size: 14px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.founder-intro-portrait figcaption strong { display: block; color: #fff; font-family: var(--font-heading); font-size: clamp(35px, 3vw, 52px); font-weight: 500; letter-spacing: -.045em; }
.founder-intro-copy { display: flex; min-width: 0; flex-direction: column; justify-content: center; padding-block: 18px; }
.founder-intro-kicker { display: flex; align-items: center; gap: 12px; margin: 0 0 26px; color: #c5c5c5; font-size: 14px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.founder-intro-kicker span { width: 30px; height: 1px; background: currentColor; }
.founder-intro-copy h2 { margin: 0 0 20px; color: #fff; font-size: clamp(43px, 4.3vw, 72px); font-weight: 500; letter-spacing: -.06em; line-height: .96; }
.founder-intro-copy h2 em { color: #ababab; font-weight: 500; }
.founder-intro-role { margin: 0 0 26px !important; color: #c5c5c5 !important; font-size: 14px !important; font-weight: 700; letter-spacing: .045em; }
.founder-intro-copy > p:not(.founder-intro-kicker):not(.founder-intro-role) { max-width: 58ch; margin: 0 0 17px; color: rgba(246, 246, 246, .72); font-size: 14px; line-height: 1.72; }
.founder-intro-copy > a { display: inline-flex; width: max-content; align-items: center; gap: 12px; margin-top: 14px; padding-bottom: 7px; border-bottom: 1px solid rgba(197, 197, 197, .6); color: #fff; font-size: 14px; font-weight: 700; }
.founder-intro-form-wrap { display: flex; align-items: center; }
.founder-intro-form { width: 100%; padding: clamp(28px, 2.7vw, 42px); border: 1px solid rgba(255,255,255,.55); border-radius: 28px; background: #fff; box-shadow: 0 28px 70px rgba(0,0,0,.24); color: #131313; }
.founder-intro-form-head { margin-bottom: 26px; }
.founder-intro-form-head > span { color: #707070; font-size: 14px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.founder-intro-form h3 { margin: 9px 0 10px; color: #131313; font-size: clamp(27px, 2.2vw, 36px); font-weight: 600; letter-spacing: -.04em; line-height: 1.02; }
.founder-intro-form-head p { margin: 0; color: #787878; font-size: 14px; line-height: 1.55; }
.founder-intro-form label { display: block; margin-top: 19px; }
.founder-intro-form label > span { display: block; margin-bottom: 5px; color: #525252; font-size: 14px; font-style: italic; font-weight: 500; }
.founder-intro-form :is(input, select) { width: 100%; min-height: 42px; padding: 6px 2px 9px; border: 0; border-bottom: 2px solid #9e9e9e; border-radius: 0 0 10px 10px; outline: 0; background: transparent; color: #131313; font: 500 15px/1.2 var(--font-body); }
.founder-intro-form :is(input, select):focus { border-bottom-color: #707070; }
.founder-intro-form button { display: inline-flex; width: 100%; min-height: 54px; align-items: center; justify-content: space-between; gap: 16px; margin-top: 28px; padding: 0 22px; border: 0; border-radius: 999px; background: linear-gradient(135deg, #707070, #4a4a4a); box-shadow: 0 13px 28px rgba(74, 74, 74, .24); color: #fff; cursor: pointer; font: 700 14px/1 var(--font-body); }
.founder-intro-form button:is(:hover, :focus-visible) { background: linear-gradient(135deg, #7e7e7e, #555555); transform: translateY(-2px); }
.founder-intro-form small { display: block; margin-top: 13px; color: #878787; font-size: 14px; line-height: 1.45; text-align: center; }

@media (max-width: 1120px) {
  .founder-intro-grid { grid-template-columns: minmax(280px, .82fr) minmax(370px, 1.18fr); }
  .founder-intro-form-wrap { grid-column: 1 / -1; }
  .founder-intro-form { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 0 24px; }
  .founder-intro-form-head, .founder-intro-form button, .founder-intro-form small { grid-column: 1 / -1; }
}
@media (max-width: 760px) {
  .founder-intro { padding: 64px 0; }
  .founder-intro-grid { grid-template-columns: 1fr; gap: 30px; }
  .founder-intro-portrait { min-height: 0; aspect-ratio: 4 / 4.6; }
  .founder-intro-copy { padding: 4px 4px 12px; }
  .founder-intro-copy h2 { font-size: clamp(42px, 12vw, 58px); }
  .founder-intro-form-wrap { grid-column: auto; }
  .founder-intro-form { display: block; padding: 28px 22px; border-radius: 22px; }
}

/* Hero v7 — one continuous digital interface, without an empty left field. */
.neo-hero--precision {
  background:
    radial-gradient(circle at 78% 46%, rgba(255, 255, 255, .88) 0 18%, transparent 42%),
    radial-gradient(circle at 92% 8%, rgba(129, 129, 129, .48), transparent 30%),
    radial-gradient(circle at 8% 92%, rgba(129, 129, 129, .2), transparent 34%),
    linear-gradient(125deg, #f9f9f9 0%, #f2f2f2 35%, #dcdcdc 63%, #a7a7a7 100%) !important;
}

.neo-hero--precision::before {
  inset: var(--header-height) 0 0;
  width: auto;
  height: auto;
  border: 0;
  border-radius: 0;
  background:
    linear-gradient(rgba(73, 73, 73, .065) 1px, transparent 1px),
    linear-gradient(90deg, rgba(73, 73, 73, .065) 1px, transparent 1px),
    linear-gradient(115deg, transparent 0 56%, rgba(255, 255, 255, .42) 56.1% 56.25%, transparent 56.35%),
    linear-gradient(115deg, transparent 0 68%, rgba(92, 92, 92, .11) 68.1% 68.2%, transparent 68.3%);
  background-size: 64px 64px, 64px 64px, auto, auto;
  box-shadow: inset 0 1px rgba(255, 255, 255, .8);
}

.neo-hero--precision::after {
  top: 12%;
  right: 1.5%;
  width: min(57vw, 820px);
  border-color: rgba(255, 255, 255, .52);
  background:
    radial-gradient(circle, transparent 0 39%, rgba(255, 255, 255, .2) 39.2% 39.5%, transparent 39.7%),
    radial-gradient(circle, transparent 0 57%, rgba(97, 97, 97, .14) 57.2% 57.4%, transparent 57.6%),
    radial-gradient(circle at 50% 50%, rgba(241, 241, 241, .24), transparent 65%);
  box-shadow: 0 0 0 70px rgba(255, 255, 255, .055), 0 0 0 140px rgba(98, 98, 98, .03);
}

.precision-copy {
  top: clamp(46px, 6.5vh, 76px);
  width: min(44vw, 610px);
  padding: clamp(30px, 2.7vw, 42px) clamp(30px, 3vw, 46px) clamp(38px, 3.2vw, 50px);
  border: 1px solid rgba(255, 255, 255, .76);
  border-radius: 4px 34px 4px 4px;
  background: linear-gradient(135deg, rgba(255, 255, 255, .76), rgba(249, 249, 249, .48));
  box-shadow: 0 28px 80px rgba(72, 72, 72, .12), inset 0 1px rgba(255, 255, 255, .9);
  backdrop-filter: blur(18px) saturate(1.12);
}

.precision-copy::before {
  position: absolute;
  top: -1px;
  left: -1px;
  width: 42%;
  height: 3px;
  background: linear-gradient(90deg, #878787, #9e9e9e);
  content: "";
}

.precision-copy::after {
  position: absolute;
  right: 44px;
  bottom: 19px;
  left: 44px;
  height: 7px;
  background: repeating-linear-gradient(90deg, rgba(73, 73, 73, .42) 0 1px, transparent 1px 15px);
  content: "";
  opacity: .52;
}

.precision-copy h1 { font-size: clamp(54px, 5.2vw, 82px) !important; }
.precision-intro { max-width: 38ch; }
.precision-tooth {
  right: -2%;
  bottom: -11%;
  left: 48%;
  height: 108%;
  translate: 0 -54px;
}

@media (max-width: 1100px) and (min-width: 761px) {
  .precision-copy { width: min(45vw, 520px); padding-inline: 30px; }
  .precision-copy h1 { font-size: clamp(50px, 5.7vw, 68px) !important; }
}

@media (max-width: 760px) {
  .neo-hero--precision {
    background:
      radial-gradient(circle at 75% 77%, rgba(255, 255, 255, .78), transparent 28%),
      radial-gradient(circle at 95% 58%, rgba(123, 123, 123, .34), transparent 35%),
      linear-gradient(158deg, #fafafa 0%, #f0f0f0 53%, #c8c8c8 100%) !important;
  }
  .neo-hero--precision::before {
    inset: var(--header-height) 0 0;
    width: auto;
    height: auto;
    border-radius: 0;
    background:
      linear-gradient(rgba(73, 73, 73, .055) 1px, transparent 1px),
      linear-gradient(90deg, rgba(73, 73, 73, .055) 1px, transparent 1px);
    background-size: 44px 44px;
    box-shadow: none;
  }
  .neo-hero--precision::after { top: 51%; right: -45%; width: 132vw; }
  .precision-hero-inner { min-height: 1080px; }
  .precision-copy {
    width: 100%;
    padding: 25px 23px 38px;
    border-radius: 3px 27px 3px 3px;
    background: linear-gradient(135deg, rgba(255, 255, 255, .78), rgba(249, 249, 249, .53));
  }
  .precision-copy::after { right: 23px; left: 23px; }
  .precision-copy h1 { font-size: clamp(40px, 11.8vw, 50px) !important; }
  .precision-intro { max-width: 31ch; }
  .precision-tooth {
    top: 570px;
    right: -25%;
    bottom: auto;
    left: 17%;
    height: 57%;
    translate: 0;
  }
}

@media (max-width: 480px) {
  .hero-container {
    min-height: 720px;
  }

  .hero .hero-copy {
    min-height: 410px;
    padding: 40px 20px 26px;
  }

  .hero-actions {
    align-items: stretch;
  }

  .hero .button {
    justify-content: center;
    width: 100%;
  }

  .hero-reel {
    min-height: 310px;
  }

  .hero-reel-meta {
    grid-template-columns: auto 74px auto;
  }

  .trust-item {
    min-height: 108px;
  }

  .treatment-story {
    border-radius: 24px;
  }

  .treatment-story-content {
    padding: 26px 22px 32px;
  }

  .treatment-story-content h3 {
    font-size: 46px;
  }

  .doctor-card {
    border-radius: 22px;
  }

  .international-footer {
    padding: 24px;
  }
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

section[id] {
  scroll-margin-top: 76px;
}

body {
  margin: 0;
  min-width: 320px;
  overflow-x: hidden;
  background: var(--canvas);
  color: var(--ink);
  font-family: var(--font-body);
  -webkit-font-smoothing: antialiased;
}

body.menu-open,
body.dialog-open {
  overflow: hidden;
}

button,
input,
textarea {
  font: inherit;
}

button,
a {
  -webkit-tap-highlight-color: transparent;
}

a {
  color: inherit;
  text-decoration: none;
}

button {
  color: inherit;
}

.skip-link {
  position: fixed;
  top: 10px;
  left: 10px;
  z-index: 1000;
  padding: 12px 18px;
  transform: translateY(-150%);
  background: var(--ink);
  color: white;
}

.skip-link:focus {
  transform: translateY(0);
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.page-shell {
  position: relative;
  z-index: 1;
}

.container {
  width: min(calc(100% - (var(--page-pad) * 2)), var(--container));
  margin-inline: auto;
}

.site-header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: var(--header-height);
  border-bottom: 1px solid transparent;
  animation: header-enter 700ms cubic-bezier(0.22, 1, 0.36, 1) both;
  transition: height 350ms ease, background-color 350ms ease, border-color 350ms ease, backdrop-filter 350ms ease;
}

@keyframes header-enter {
  from {
    opacity: 0;
    transform: translateY(-18px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.header-container {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  height: 100%;
}

.site-header.is-scrolled {
  height: 76px;
  border-bottom-color: var(--line);
  background: rgba(234, 234, 234, 0.86);
  backdrop-filter: blur(18px);
}

.brand {
  display: flex;
  align-items: center;
  width: 122px;
  height: 70px;
}

.brand img {
  display: block;
  width: 100%;
  height: 58px;
  object-fit: contain;
}

.desktop-nav {
  display: flex;
  align-items: center;
  gap: clamp(24px, 2.6vw, 46px);
}

.desktop-nav a,
.language-button {
  position: relative;
  border: 0;
  background: transparent;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.desktop-nav a::after {
  position: absolute;
  right: 0;
  bottom: -7px;
  left: 0;
  height: 1px;
  content: "";
  transform: scaleX(0);
  transform-origin: right;
  background: currentColor;
  transition: transform 250ms ease;
}

.desktop-nav a:hover::after,
.desktop-nav a:focus-visible::after {
  transform: scaleX(1);
  transform-origin: left;
}

.header-actions {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 22px;
}

.language-button {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 10px 0;
  cursor: pointer;
}

.language-button svg {
  width: 11px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.4;
  transition: transform 220ms ease;
}

.language-button[aria-expanded="true"] svg {
  transform: rotate(180deg);
}

.language-menu {
  position: absolute;
  top: 52px;
  right: 184px;
  min-width: 150px;
  padding: 10px;
  border: 1px solid var(--line);
  background: rgba(245, 245, 245, 0.97);
  box-shadow: 0 18px 50px rgba(30, 30, 30, 0.1);
  transform-origin: top right;
  animation: popover-enter 220ms ease both;
}

@keyframes popover-enter {
  from {
    opacity: 0;
    transform: translateY(-7px) scale(0.98);
  }

  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

.language-menu a {
  display: block;
  padding: 9px 10px;
  font-size: 14px;
}

.language-menu a:hover,
.language-menu a:focus-visible {
  background: var(--canvas-deep);
}

.header-cta {
  display: inline-flex;
  align-items: center;
  gap: 15px;
  padding: 13px 17px;
  border: 1px solid var(--ink);
  background: transparent;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  cursor: pointer;
  transition: color 220ms ease, background 220ms ease;
}

.header-cta:hover,
.header-cta:focus-visible {
  background: var(--ink);
  color: var(--cream);
}

.menu-button {
  display: none;
  width: 42px;
  height: 42px;
  padding: 11px 7px;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.menu-button > span:not(.sr-only) {
  display: block;
  width: 27px;
  height: 1px;
  margin: 7px 0;
  background: currentColor;
  transition: transform 250ms ease;
}

.menu-button[aria-expanded="true"] > span:nth-child(2) {
  transform: translateY(4px) rotate(45deg);
}

.menu-button[aria-expanded="true"] > span:nth-child(3) {
  transform: translateY(-4px) rotate(-45deg);
}

.hero {
  position: relative;
  min-height: calc(100svh - 126px);
  padding: calc(var(--header-height) + 28px) 0 30px;
  overflow: hidden;
}

.hero-container {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 0.97fr) minmax(480px, 0.83fr);
  min-height: calc(100svh - var(--header-height) - 184px);
}

.hero::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 1px;
  content: "";
  background: linear-gradient(to bottom, transparent 4%, var(--line) 18%, var(--line) 82%, transparent 96%);
  opacity: 0.6;
}

.hero-copy {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 2vh clamp(34px, 5vw, 96px) 2vh 0;
}

.eyebrow {
  display: flex;
  align-items: center;
  gap: 11px;
  margin: 0;
  color: var(--accent-deep);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}

.eyebrow span {
  width: 30px;
  height: 1px;
  background: currentColor;
}

.hero h1 {
  max-width: 760px;
  margin: clamp(30px, 4vh, 56px) 0 0;
  font-family: var(--font-heading);
  font-size: clamp(74px, 7.8vw, 136px);
  font-weight: 400;
  letter-spacing: -0.055em;
  line-height: 0.82;
}

.hero h1 em {
  display: block;
  margin-top: 0.14em;
  color: var(--accent-deep);
  font-weight: 400;
}

.hero-intro {
  max-width: 500px;
  margin: clamp(34px, 5vh, 62px) 0 0;
  color: #474747;
  font-size: clamp(16px, 1.3vw, 20px);
  font-weight: 300;
  line-height: 1.55;
}

.hero-actions {
  display: flex;
  align-items: center;
  gap: 34px;
  margin-top: clamp(32px, 4.8vh, 58px);
}

.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.075em;
  text-transform: uppercase;
  cursor: pointer;
}

.button-primary {
  min-height: 57px;
  padding: 6px 7px 6px 23px;
  gap: 24px;
  background: var(--ink);
  color: var(--cream);
  transition: background 250ms ease, transform 250ms ease;
}

.button-primary:hover,
.button-primary:focus-visible {
  transform: translateY(-2px);
  background: var(--accent-deep);
}

.button-icon {
  display: grid;
  width: 43px;
  height: 43px;
  place-items: center;
  background: rgba(255, 255, 255, 0.13);
  font-size: 18px;
}

.button-text {
  position: relative;
  gap: 15px;
  padding: 16px 0;
}

.button-text::after {
  position: absolute;
  right: 0;
  bottom: 8px;
  left: 0;
  height: 1px;
  content: "";
  transform-origin: left;
  background: var(--ink);
  transition: transform 250ms ease;
}

.button-text:hover::after {
  transform: scaleX(0.45);
}

.button-arrow {
  font-size: 17px;
  transition: transform 250ms ease;
}

.button-text:hover .button-arrow {
  transform: translateX(5px);
}

.hero-visual {
  position: relative;
  min-height: min(68vh, 760px);
  margin-left: clamp(14px, 2.5vw, 46px);
  overflow: hidden;
  background: #909090;
}

.hero-image-wrap {
  position: absolute;
  inset: 0;
  margin: 0;
  overflow: hidden;
}

.hero-image-wrap img {
  width: 100%;
  height: 112%;
  object-fit: cover;
  object-position: 52% 46%;
  transform: translate3d(0, var(--image-shift, -3%), 0) scale(1.03);
  filter: saturate(0.77) contrast(0.94);
  transition: transform 120ms linear;
}

.image-wash {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(15, 15, 15, 0.03) 45%, rgba(15, 15, 15, 0.58) 100%),
    linear-gradient(90deg, rgba(39, 39, 39, 0.12), transparent 50%);
}

.visual-index {
  position: absolute;
  top: 28px;
  right: 28px;
  display: flex;
  align-items: center;
  gap: 9px;
  color: white;
  font-size: 14px;
  letter-spacing: 0.13em;
}

.index-line {
  width: 34px;
  height: 1px;
  background: rgba(255, 255, 255, 0.55);
}

.visual-card {
  position: absolute;
  right: 0;
  bottom: 0;
  display: grid;
  grid-template-columns: 1fr auto;
  width: min(350px, 68%);
  padding: 22px 22px 21px;
  background: rgba(240, 240, 240, 0.92);
  backdrop-filter: blur(12px);
}

.visual-card-label {
  grid-column: 1 / -1;
  margin-bottom: 20px;
  color: var(--accent-deep);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.visual-card-text {
  font-family: var(--font-heading);
  font-size: clamp(21px, 2vw, 29px);
  line-height: 1.02;
}

.visual-card-icon {
  display: grid;
  width: 44px;
  height: 44px;
  align-self: end;
  place-items: center;
  border: 1px solid var(--line);
  border-radius: 50%;
}

.visual-card-icon svg {
  width: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.4;
}

.visual-caption {
  position: absolute;
  bottom: 27px;
  left: 25px;
  margin: 0;
  color: rgba(255, 255, 255, 0.78);
  font-size: 14px;
  letter-spacing: 0.13em;
  line-height: 1.55;
  text-transform: uppercase;
}

.scroll-cue {
  position: absolute;
  right: calc(min(42vw, 650px) + 26px);
  bottom: 42px;
  z-index: 4;
  display: flex;
  align-items: center;
  gap: 16px;
  writing-mode: vertical-rl;
  color: var(--muted);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}

.scroll-cue svg {
  width: 14px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1;
}

.trust-bar {
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background: var(--canvas-deep);
}

.trust-grid {
  display: grid;
  grid-template-columns: minmax(360px, 1.65fr) repeat(3, 1fr);
  min-height: 126px;
}

.trust-item {
  position: relative;
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 25px clamp(20px, 2.5vw, 38px);
  border-left: 1px solid var(--line);
}

.trust-item:last-child {
  border-right: 1px solid var(--line);
}

.trust-authority {
  padding-left: 0;
  border-left: 0;
}

.healthturkiye-mark {
  display: grid;
  flex: 0 0 112px;
  min-height: 66px;
  place-items: center;
  padding: 8px 15px;
  border-right: 1px solid var(--line);
}

.healthturkiye-mark img {
  display: block;
  width: 82px;
  height: auto;
}

.trust-copy {
  display: flex;
  flex-direction: column;
  gap: 11px;
}

.trust-item strong {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.035em;
  line-height: 1.38;
}

.trust-index {
  display: grid;
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  place-items: center;
  border: 1px solid rgba(75, 75, 75, 0.26);
  border-radius: 50%;
  color: var(--accent-deep);
  font-size: 14px;
  letter-spacing: 0.08em;
}

.certificate-link {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  gap: 8px;
  color: var(--accent-deep);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.certificate-link::after {
  width: 0;
  height: 1px;
  content: "";
  background: currentColor;
  transition: width 220ms ease;
}

.certificate-link:hover::after,
.certificate-link:focus-visible::after {
  width: 18px;
}

.philosophy {
  padding: clamp(92px, 9vw, 164px) 0;
  background: var(--cream);
}

.philosophy-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(420px, 0.92fr);
  min-height: min(76vh, 820px);
}

.philosophy-visual {
  position: relative;
  min-height: 720px;
  margin: 0;
  overflow: hidden;
  background: #171717;
}

.philosophy-visual img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 44%;
  filter: saturate(0.7) contrast(0.96);
  transition: transform 900ms cubic-bezier(0.22, 1, 0.36, 1), filter 500ms ease;
}

.philosophy-visual:hover img {
  transform: scale(1.025);
  filter: saturate(0.82) contrast(0.98);
}

.philosophy-image-wash {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, transparent 56%, rgba(9, 9, 9, 0.72) 100%),
    linear-gradient(90deg, rgba(9, 9, 9, 0.14), transparent 60%);
  pointer-events: none;
}

.philosophy-image-index {
  position: absolute;
  top: 26px;
  left: 28px;
  color: rgba(255, 255, 255, 0.68);
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.17em;
  text-transform: uppercase;
}

.philosophy-visual figcaption {
  position: absolute;
  right: 28px;
  bottom: 27px;
  left: 28px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
  color: white;
}

.philosophy-visual figcaption strong {
  font-family: var(--font-heading);
  font-size: 29px;
  font-weight: 400;
}

.philosophy-visual figcaption span {
  color: rgba(255, 255, 255, 0.66);
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.philosophy-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(54px, 6.2vw, 112px);
  border-top: 1px solid var(--line);
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.philosophy-content h2 {
  margin: clamp(34px, 4vw, 62px) 0 0;
  font-family: var(--font-heading);
  font-size: clamp(68px, 6.2vw, 108px);
  font-weight: 400;
  letter-spacing: -0.05em;
  line-height: 0.88;
}

.philosophy-content h2 em {
  display: block;
  color: var(--accent-deep);
  font-weight: 400;
}

.philosophy-text {
  max-width: 500px;
  margin: clamp(34px, 4.4vw, 64px) 0 0;
  color: #595959;
  font-size: clamp(15px, 1.1vw, 18px);
  font-weight: 300;
  line-height: 1.72;
}

.founder-mark {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: clamp(34px, 4vw, 56px);
}

.founder-name {
  padding-right: 20px;
  border-right: 1px solid var(--line);
  color: var(--accent-deep);
  font-family: var(--font-heading);
  font-size: clamp(34px, 3vw, 49px);
  font-style: italic;
  line-height: 1;
}

.founder-role {
  max-width: 105px;
  color: var(--muted);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.13em;
  line-height: 1.55;
  text-transform: uppercase;
}

.philosophy-link {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  gap: 18px;
  margin-top: clamp(36px, 4.5vw, 66px);
  padding-bottom: 9px;
  border-bottom: 1px solid var(--ink);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}

.philosophy-link-arrow {
  font-size: 17px;
  transition: transform 230ms ease;
}

.philosophy-link:hover .philosophy-link-arrow,
.philosophy-link:focus-visible .philosophy-link-arrow {
  transform: translateX(6px);
}

.treatments {
  padding: clamp(100px, 10vw, 176px) 0;
  background: var(--canvas);
}

.treatments-heading {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(300px, 0.65fr);
  align-items: end;
  gap: clamp(48px, 8vw, 140px);
  margin-bottom: clamp(54px, 6vw, 90px);
}

.treatments-heading h2 {
  margin: clamp(30px, 3.4vw, 48px) 0 0;
  font-family: var(--font-heading);
  font-size: clamp(68px, 7.2vw, 118px);
  font-weight: 400;
  letter-spacing: -0.05em;
  line-height: 0.88;
}

.treatments-heading h2 em {
  color: var(--accent-deep);
  font-weight: 400;
}

.treatments-intro {
  max-width: 440px;
  margin: 0 0 7px;
  padding-left: 28px;
  border-left: 1px solid var(--line);
  color: #595959;
  font-size: clamp(14px, 1.05vw, 17px);
  font-weight: 300;
  line-height: 1.75;
}

.treatments-list {
  display: grid;
  gap: clamp(116px, 11vw, 190px);
}

.treatment-story {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.13fr) minmax(390px, 0.87fr);
  align-items: center;
  min-height: 720px;
  border-top: 1px solid var(--line);
}

.treatment-story-visual {
  position: relative;
  z-index: 1;
  width: calc(100% + clamp(24px, 4vw, 64px));
  height: clamp(650px, 54vw, 820px);
  margin: 0 0 0 clamp(-64px, -4vw, -24px);
  overflow: hidden;
  clip-path: inset(100% 0 0 0);
  background: #292929;
  transition: clip-path 1100ms cubic-bezier(0.22, 1, 0.36, 1) 100ms;
}

.treatment-story.is-visible .treatment-story-visual {
  clip-path: inset(0 0 0 0);
}

.treatment-story:nth-child(even) .treatment-story-visual {
  grid-column: 2;
  width: calc(100% + clamp(24px, 4vw, 64px));
  margin-right: clamp(-64px, -4vw, -24px);
  margin-left: 0;
}

.treatment-story-visual img {
  display: block;
  width: 100%;
  height: 112%;
  object-fit: cover;
  transform: translate3d(0, var(--treatment-shift, -5%), 0) scale(var(--treatment-scale, 1.045));
  filter: saturate(0.75) contrast(0.96);
  transition: transform 180ms linear, filter 500ms ease;
  will-change: transform;
}

.treatment-story-visual:hover {
  --treatment-scale: 1.075;
}

.treatment-story-wash {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(12, 12, 12, 0.03) 48%, rgba(12, 12, 12, 0.38) 100%),
    linear-gradient(90deg, rgba(20, 20, 20, 0.13), transparent 58%);
  pointer-events: none;
}

.treatment-story-content {
  position: relative;
  z-index: 2;
  padding: clamp(48px, 6.2vw, 104px);
}

.treatment-story:nth-child(even) .treatment-story-content {
  grid-column: 1;
  grid-row: 1;
  padding-left: 0;
}

.treatment-story-meta {
  display: flex;
  align-items: center;
  gap: 18px;
  color: var(--accent-deep);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.17em;
  text-transform: uppercase;
}

.treatment-story-meta span:first-child {
  padding-right: 18px;
  border-right: 1px solid rgba(75, 75, 75, 0.35);
}

.treatment-story h3 {
  margin: clamp(28px, 3.5vw, 50px) 0 0;
  font-family: var(--font-heading);
  font-size: clamp(68px, 7vw, 112px);
  font-weight: 400;
  letter-spacing: -0.05em;
  line-height: 0.84;
}

.treatment-story h3 em {
  color: var(--accent-deep);
  font-weight: 400;
}

.treatment-story-summary {
  max-width: 430px;
  margin: clamp(28px, 3.3vw, 48px) 0 0;
  color: #595959;
  font-size: clamp(14px, 1vw, 16px);
  font-weight: 300;
  line-height: 1.72;
}

.treatment-services {
  max-width: 470px;
  padding: 0;
  margin: clamp(30px, 3.4vw, 48px) 0 0;
  list-style: none;
  border-bottom: 1px solid var(--line);
}

.treatment-services li {
  position: relative;
  padding: 12px 28px 12px 0;
  border-top: 1px solid var(--line);
  color: #383838;
  font-size: clamp(14px, 0.83vw, 14px);
  font-weight: 400;
  letter-spacing: 0.035em;
  opacity: 0;
  transform: translateX(-18px);
  transition:
    opacity 550ms ease var(--item-delay),
    transform 650ms cubic-bezier(0.22, 1, 0.36, 1) var(--item-delay);
}

.treatment-services li::after {
  position: absolute;
  top: 50%;
  right: 2px;
  width: 4px;
  height: 4px;
  content: "";
  border-radius: 50%;
  background: var(--accent);
}

.treatment-story.is-visible .treatment-services li {
  opacity: 1;
  transform: translateX(0);
}

.treatment-services li:nth-child(1) { --item-delay: 280ms; }
.treatment-services li:nth-child(2) { --item-delay: 350ms; }
.treatment-services li:nth-child(3) { --item-delay: 420ms; }
.treatment-services li:nth-child(4) { --item-delay: 490ms; }
.treatment-services li:nth-child(5) { --item-delay: 560ms; }

.treatment-story-link {
  display: inline-flex;
  align-items: center;
  gap: 18px;
  margin-top: clamp(30px, 3.5vw, 50px);
  padding-bottom: 9px;
  border-bottom: 1px solid var(--ink);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.treatment-story-link span:last-child {
  font-size: 16px;
  transition: transform 250ms ease;
}

.treatment-story-link:hover span:last-child,
.treatment-story-link:focus-visible span:last-child {
  transform: translateX(6px);
}

.treatment-story-number {
  position: absolute;
  top: -0.18em;
  right: 0;
  z-index: 0;
  color: rgba(75, 75, 75, 0.055);
  font-family: var(--font-heading);
  font-size: clamp(150px, 18vw, 280px);
  line-height: 1;
  pointer-events: none;
}

.treatment-story:nth-child(even) .treatment-story-number {
  right: auto;
  left: 0;
}

.treatments-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  margin-top: clamp(100px, 10vw, 170px);
  padding: 28px 0;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.treatments-footer > span {
  color: var(--muted);
  font-size: 14px;
}

.treatments-footer a {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.treatments-footer a span {
  font-size: 16px;
  transition: transform 250ms ease;
}

.treatments-footer a:hover span,
.treatments-footer a:focus-visible span {
  transform: translateX(6px);
}

.section-reveal,
.reveal {
  opacity: 0;
  transform: translateY(34px);
  transition:
    opacity 800ms ease var(--reveal-delay, 0ms),
    transform 900ms cubic-bezier(0.22, 1, 0.36, 1) var(--reveal-delay, 0ms),
    clip-path 1000ms cubic-bezier(0.22, 1, 0.36, 1) var(--reveal-delay, 0ms);
}

.section-reveal.is-visible,
.reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.reveal-media {
  clip-path: inset(0 0 14% 0);
  transform: translateY(24px);
}

.reveal-media.is-visible {
  clip-path: inset(0 0 0 0);
}

.reveal-content {
  --reveal-delay: 120ms;
}

.trust-item.section-reveal:nth-child(1) { --reveal-delay: 0ms; }
.trust-item.section-reveal:nth-child(2) { --reveal-delay: 80ms; }
.trust-item.section-reveal:nth-child(3) { --reveal-delay: 160ms; }
.trust-item.section-reveal:nth-child(4) { --reveal-delay: 240ms; }

.real-smiles {
  padding: clamp(110px, 10vw, 176px) 0 0;
  background: var(--dark);
  color: var(--cream);
}

.real-smiles .eyebrow {
  color: #a8a8a8;
}

.real-smiles-title-row {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(300px, 0.7fr);
  align-items: end;
  gap: clamp(48px, 8vw, 140px);
  margin-top: clamp(34px, 4vw, 58px);
}

.real-smiles h2 {
  margin: 0;
  font-family: var(--font-heading);
  font-size: clamp(74px, 8vw, 132px);
  font-weight: 400;
  letter-spacing: -0.05em;
  line-height: 0.86;
}

.real-smiles h2 em {
  color: #a8a8a8;
  font-weight: 400;
}

.real-smiles-title-row > p {
  max-width: 430px;
  margin: 0 0 8px;
  padding-left: 28px;
  border-left: 1px solid rgba(255, 255, 255, 0.18);
  color: rgba(245, 245, 245, 0.62);
  font-size: clamp(14px, 1vw, 16px);
  font-weight: 300;
  line-height: 1.75;
}

.case-selector {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: clamp(64px, 7vw, 104px);
  border-top: 1px solid rgba(255, 255, 255, 0.16);
  border-bottom: 1px solid rgba(255, 255, 255, 0.16);
}

.case-selector button {
  position: relative;
  display: flex;
  align-items: center;
  gap: 18px;
  min-height: 78px;
  padding: 20px clamp(20px, 2.6vw, 38px);
  border: 0;
  border-right: 1px solid rgba(255, 255, 255, 0.16);
  background: transparent;
  color: rgba(245, 245, 245, 0.46);
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.11em;
  text-align: left;
  text-transform: uppercase;
  cursor: pointer;
  transition: color 280ms ease, background-color 280ms ease;
}

.case-selector button:last-child {
  border-right: 0;
}

.case-selector button::after {
  position: absolute;
  right: 0;
  bottom: -1px;
  left: 0;
  height: 2px;
  content: "";
  transform: scaleX(0);
  background: #a8a8a8;
  transition: transform 350ms cubic-bezier(0.22, 1, 0.36, 1);
}

.case-selector button:hover,
.case-selector button:focus-visible,
.case-selector button[aria-selected="true"] {
  background: rgba(255, 255, 255, 0.045);
  color: var(--cream);
}

.case-selector button[aria-selected="true"]::after {
  transform: scaleX(1);
}

.case-selector button span {
  color: #a8a8a8;
  font-size: 14px;
}

.smile-case[hidden] {
  display: none;
}

.smile-case.is-active {
  animation: case-enter 700ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

@keyframes case-enter {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.case-portrait {
  position: relative;
  height: min(78svh, 900px);
  min-height: 680px;
  margin: 0;
  overflow: hidden;
  background: #131313;
}

.case-portrait > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 38%;
  filter: saturate(0.82) contrast(0.96);
}

.case-portrait-wash {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(9, 9, 9, 0.03) 42%, rgba(9, 9, 9, 0.76) 100%),
    linear-gradient(90deg, rgba(9, 9, 9, 0.22), transparent 62%);
}

.case-portrait figcaption {
  position: absolute;
  right: 0;
  bottom: clamp(34px, 5vw, 72px);
  left: 0;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: end;
  gap: 12px 40px;
}

.case-count {
  grid-column: 1 / -1;
  color: #b7b7b7;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.case-portrait figcaption strong {
  font-family: var(--font-heading);
  font-size: clamp(58px, 6vw, 96px);
  font-weight: 400;
  letter-spacing: -0.035em;
  line-height: 0.9;
}

.case-portrait figcaption > span:last-child {
  padding-bottom: 7px;
  color: rgba(255, 255, 255, 0.62);
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}

.case-detail-grid {
  display: grid;
  grid-template-columns: minmax(320px, 0.72fr) minmax(0, 1.28fr);
  gap: clamp(60px, 8vw, 140px);
  padding-top: clamp(82px, 8vw, 130px);
  padding-bottom: clamp(90px, 9vw, 150px);
}

.case-copy {
  align-self: start;
  padding-top: 32px;
}

.case-copy h3 {
  margin: clamp(30px, 3vw, 46px) 0 0;
  font-family: var(--font-heading);
  font-size: clamp(56px, 5.2vw, 84px);
  font-weight: 400;
  letter-spacing: -0.045em;
  line-height: 0.88;
}

.case-copy h3 em {
  color: #a8a8a8;
  font-weight: 400;
}

.case-facts {
  margin: clamp(38px, 4vw, 58px) 0 0;
}

.case-facts div {
  display: grid;
  grid-template-columns: 90px 1fr;
  gap: 20px;
  padding: 14px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.16);
}

.case-facts div:last-child {
  border-bottom: 1px solid rgba(255, 255, 255, 0.16);
}

.case-facts dt,
.case-facts dd {
  margin: 0;
  font-size: 14px;
  line-height: 1.55;
}

.case-facts dt {
  color: rgba(245, 245, 245, 0.42);
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.case-facts dd {
  color: rgba(245, 245, 245, 0.72);
  font-weight: 300;
}

.case-journey-link {
  display: inline-flex;
  align-items: center;
  gap: 18px;
  margin-top: clamp(34px, 4vw, 56px);
  padding-bottom: 9px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.7);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}

.case-journey-link span {
  font-size: 16px;
  transition: transform 250ms ease;
}

.case-journey-link:hover span,
.case-journey-link:focus-visible span {
  transform: translateX(6px);
}

.comparison-heading {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  margin-bottom: 15px;
  color: rgba(245, 245, 245, 0.72);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.comparison-heading span:nth-child(2) {
  color: rgba(245, 245, 245, 0.36);
  font-weight: 400;
}

.comparison-heading span:last-child {
  text-align: right;
}

.image-compare {
  position: relative;
  aspect-ratio: 1.35;
  overflow: hidden;
  background: #0f0f0f;
  isolation: isolate;
  touch-action: pan-y;
}

.compare-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  user-select: none;
  pointer-events: none;
}

.compare-before {
  z-index: 2;
  clip-path: inset(0 calc(100% - var(--compare-position)) 0 0);
}

.compare-label {
  position: absolute;
  top: 18px;
  z-index: 4;
  padding: 8px 10px;
  background: rgba(16, 16, 16, 0.62);
  color: white;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  backdrop-filter: blur(8px);
}

.compare-label-before {
  left: 18px;
}

.compare-label-after {
  right: 18px;
}

.compare-divider {
  position: absolute;
  top: 0;
  bottom: 0;
  left: var(--compare-position);
  z-index: 5;
  width: 1px;
  background: rgba(255, 255, 255, 0.9);
  pointer-events: none;
}

.compare-divider i {
  position: absolute;
  top: 50%;
  left: 50%;
  display: grid;
  width: 48px;
  height: 48px;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.72);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  background: rgba(24, 24, 24, 0.72);
  color: white;
  font-family: var(--font-body);
  font-size: 16px;
  font-style: normal;
  backdrop-filter: blur(9px);
}

.image-compare input[type="range"] {
  position: absolute;
  inset: 0;
  z-index: 6;
  width: 100%;
  height: 100%;
  margin: 0;
  opacity: 0;
  cursor: ew-resize;
}

.image-compare:focus-within {
  outline: 2px solid #a8a8a8;
  outline-offset: 4px;
}

.comparison-dates {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  margin-top: 14px;
  color: rgba(245, 245, 245, 0.38);
  font-size: 14px;
  letter-spacing: 0.08em;
  line-height: 1.5;
  text-transform: uppercase;
}

.comparison-dates span:last-child {
  text-align: right;
}

.comparison-dates strong {
  display: block;
  margin-top: 3px;
  color: rgba(245, 245, 245, 0.62);
  font-weight: 400;
}

.case-disclosure {
  display: flex;
  justify-content: space-between;
  gap: 32px;
  padding: 27px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  color: rgba(245, 245, 245, 0.38);
  font-size: 14px;
  letter-spacing: 0.09em;
  line-height: 1.55;
  text-transform: uppercase;
}

.mobile-menu {
  position: fixed;
  inset: 0;
  z-index: 90;
  visibility: hidden;
  transform: translateY(-100%);
  background: var(--dark);
  color: var(--cream);
  transition: visibility 0s linear 600ms, transform 600ms cubic-bezier(0.77, 0, 0.18, 1);
}

.mobile-menu.is-open {
  visibility: visible;
  transform: translateY(0);
  transition-delay: 0s;
}

.mobile-menu-inner {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 125px var(--page-pad) 42px;
}

.mobile-menu-label {
  margin: 0 0 36px;
  color: rgba(255, 255, 255, 0.48);
  font-size: 14px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}

.mobile-menu nav {
  display: flex;
  flex-direction: column;
}

.mobile-menu nav a {
  display: flex;
  align-items: baseline;
  gap: 18px;
  padding: 12px 0;
  font-family: var(--font-heading);
  font-size: clamp(44px, 10vw, 72px);
  line-height: 1;
  opacity: 0;
  transform: translateY(18px);
  transition: opacity 420ms ease, transform 520ms cubic-bezier(0.22, 1, 0.36, 1);
}

.mobile-menu.is-open nav a {
  opacity: 1;
  transform: translateY(0);
}

.mobile-menu.is-open nav a:nth-child(1) { transition-delay: 170ms; }
.mobile-menu.is-open nav a:nth-child(2) { transition-delay: 220ms; }
.mobile-menu.is-open nav a:nth-child(3) { transition-delay: 270ms; }
.mobile-menu.is-open nav a:nth-child(4) { transition-delay: 320ms; }

.mobile-menu nav span {
  color: #a8a8a8;
  font-family: var(--font-body);
  font-size: 14px;
}

.mobile-contact {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 30px;
  margin-top: auto;
  color: rgba(255, 255, 255, 0.63);
  font-size: 14px;
}

.consultation-dialog {
  width: min(1040px, calc(100% - 36px));
  max-height: calc(100vh - 36px);
  padding: 0;
  overflow: auto;
  border: 0;
  background: var(--cream);
  color: var(--ink);
  box-shadow: 0 40px 100px rgba(11, 11, 11, 0.3);
}

.consultation-dialog[open] {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  animation: dialog-enter 420ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

.consultation-dialog[open]::backdrop {
  animation: backdrop-enter 300ms ease both;
}

@keyframes dialog-enter {
  from {
    opacity: 0;
    transform: translateY(24px) scale(0.985);
  }

  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@keyframes backdrop-enter {
  from { opacity: 0; }
  to { opacity: 1; }
}

.consultation-dialog::backdrop {
  background: rgba(14, 14, 14, 0.72);
  backdrop-filter: blur(6px);
}

.dialog-close {
  position: absolute;
  top: 20px;
  right: 23px;
  z-index: 2;
  width: 42px;
  height: 42px;
  border: 1px solid var(--line);
  border-radius: 50%;
  background: transparent;
  font-size: 24px;
  font-weight: 300;
  cursor: pointer;
}

.dialog-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 600px;
  padding: clamp(38px, 6vw, 76px);
  background: var(--canvas-deep);
}

.dialog-copy h2 {
  margin: 34px 0 26px;
  font-family: var(--font-heading);
  font-size: clamp(52px, 5.5vw, 80px);
  font-weight: 400;
  letter-spacing: -0.04em;
  line-height: 0.9;
}

.dialog-copy h2 em {
  color: var(--accent-deep);
  font-weight: 400;
}

.dialog-copy > p:last-child {
  max-width: 330px;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.7;
}

.consultation-form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 22px;
  padding: clamp(44px, 6vw, 78px);
}

.consultation-form label {
  display: flex;
  flex-direction: column;
  gap: 8px;
  color: var(--muted);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.consultation-form input,
.consultation-form textarea {
  width: 100%;
  padding: 8px 0 12px;
  border: 0;
  border-bottom: 1px solid var(--line);
  border-radius: 0;
  outline: 0;
  background: transparent;
  color: var(--ink);
  font-size: 16px;
  resize: vertical;
  transition: border-color 200ms ease;
}

.consultation-form input:focus,
.consultation-form textarea:focus {
  border-bottom-color: var(--accent-deep);
}

.consultation-form .button {
  align-self: flex-start;
  margin-top: 4px;
}

.form-note {
  margin: 0;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.5;
}

.reveal-delay-1 { --reveal-delay: 100ms; }
.reveal-delay-2 { --reveal-delay: 210ms; }
.reveal-delay-3 { --reveal-delay: 320ms; }
.reveal-delay-4 { --reveal-delay: 430ms; }

.technology {
  position: relative;
  padding: clamp(112px, 11vw, 190px) 0 clamp(92px, 9vw, 150px);
  overflow: hidden;
  background: #0e0e0e;
  color: var(--cream);
}

.technology::before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 1px;
  content: "";
  background: rgba(255, 255, 255, 0.15);
}

.technology .eyebrow {
  color: #a8a8a8;
}

.technology-title-row {
  display: grid;
  grid-template-columns: minmax(0, 1.32fr) minmax(300px, 0.68fr);
  align-items: end;
  gap: clamp(48px, 8vw, 140px);
  margin-top: clamp(34px, 4vw, 60px);
}

.technology h2 {
  max-width: 980px;
  margin: 0;
  font-family: var(--font-heading);
  font-size: clamp(72px, 7.7vw, 126px);
  font-weight: 400;
  letter-spacing: -0.05em;
  line-height: 0.87;
}

.technology h2 em {
  color: #a8a8a8;
  font-weight: 400;
}

.technology-title-row > p {
  max-width: 420px;
  margin: 0 0 7px;
  padding-left: 28px;
  border-left: 1px solid rgba(255, 255, 255, 0.18);
  color: rgba(245, 245, 245, 0.62);
  font-size: clamp(14px, 1vw, 16px);
  font-weight: 300;
  line-height: 1.75;
}

.technology-stage {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(330px, 0.34fr);
  min-height: min(1120px, 118svh);
  margin-top: clamp(72px, 8vw, 124px);
  border: 1px solid rgba(255, 255, 255, 0.15);
  background: #131313;
}

.technology-visual {
  position: relative;
  min-width: 0;
  min-height: 780px;
  margin: 0;
  overflow: hidden;
  background: #0a0a0a;
}

.technology-visual > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 54% center;
  transform: scale(1.04);
  transform-origin: center;
  filter: saturate(0.78) contrast(1.05);
  will-change: transform;
}

.technology-shade,
.technology-grid,
.technology-scan-line,
.technology-focus {
  position: absolute;
  pointer-events: none;
}

.technology-shade {
  inset: 0;
  background:
    linear-gradient(90deg, rgba(7, 7, 7, 0.42), transparent 34%, transparent 70%, rgba(7, 7, 7, 0.25)),
    linear-gradient(180deg, rgba(7, 7, 7, 0.12), transparent 55%, rgba(7, 7, 7, 0.54));
}

.technology-grid {
  inset: 0;
  opacity: 0.17;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.14) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.14) 1px, transparent 1px);
  background-size: 12.5% 12.5%;
  mask-image: linear-gradient(90deg, black, transparent 58%);
}

.technology-scan-line {
  top: 12%;
  right: 0;
  left: 0;
  z-index: 3;
  height: 1px;
  opacity: 0.5;
  background: linear-gradient(90deg, transparent, rgba(194, 194, 194, 0.88) 22%, #fff 52%, rgba(194, 194, 194, 0.62) 82%, transparent);
  box-shadow: 0 0 24px rgba(194, 194, 194, 0.48), 0 -14px 38px rgba(255, 255, 255, 0.08);
}

.technology-focus {
  z-index: 2;
  width: 18px;
  height: 18px;
  border: 1px solid rgba(215, 215, 215, 0.7);
  border-radius: 50%;
  box-shadow: 0 0 0 8px rgba(215, 215, 215, 0.08);
}

.technology-focus::before,
.technology-focus::after {
  position: absolute;
  content: "";
  background: rgba(215, 215, 215, 0.62);
}

.technology-focus::before {
  top: 8px;
  left: -22px;
  width: 60px;
  height: 1px;
}

.technology-focus::after {
  top: -22px;
  left: 8px;
  width: 1px;
  height: 60px;
}

.technology-focus-one {
  top: 34%;
  left: 45%;
}

.technology-focus-two {
  right: 17%;
  bottom: 27%;
  transform: scale(0.65);
}

.technology-visual figcaption {
  position: absolute;
  right: 26px;
  bottom: 24px;
  left: 26px;
  z-index: 4;
  display: flex;
  justify-content: space-between;
  gap: 24px;
  color: rgba(245, 245, 245, 0.55);
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.technology-sequence {
  display: grid;
  grid-template-rows: repeat(4, 1fr);
  border-left: 1px solid rgba(255, 255, 255, 0.15);
}

.technology-step {
  position: relative;
  display: grid;
  grid-template-columns: 34px 1fr auto;
  align-items: center;
  gap: 18px;
  min-height: 190px;
  padding: clamp(28px, 3vw, 48px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  opacity: 0.76;
  transition: opacity 500ms ease, background-color 500ms ease;
}

.technology-step:last-child {
  border-bottom: 0;
}

.technology.has-gsap .technology-step {
  opacity: 0.27;
}

.technology-step.is-active,
.technology.has-gsap .technology-step.is-active {
  opacity: 1;
  background: rgba(255, 255, 255, 0.045);
}

.technology-step::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -1px;
  width: 2px;
  content: "";
  transform: scaleY(0);
  transform-origin: top;
  background: #a8a8a8;
  transition: transform 520ms cubic-bezier(0.22, 1, 0.36, 1);
}

.technology-step.is-active::before {
  transform: scaleY(1);
}

.technology-step-number {
  align-self: start;
  padding-top: 10px;
  color: #a8a8a8;
  font-size: 14px;
  letter-spacing: 0.14em;
}

.technology-step strong {
  display: block;
  font-family: var(--font-heading);
  font-size: clamp(43px, 3.8vw, 62px);
  font-weight: 400;
  letter-spacing: -0.035em;
  line-height: 0.92;
}

.technology-step p {
  max-width: 270px;
  margin: 17px 0 0;
  color: rgba(245, 245, 245, 0.5);
  font-size: 14px;
  font-weight: 300;
  line-height: 1.65;
  transition: color 400ms ease;
}

.technology-step.is-active p {
  color: rgba(245, 245, 245, 0.74);
}

.technology-step-mark {
  color: rgba(245, 245, 245, 0.28);
  font-family: var(--font-heading);
  font-size: 24px;
  transition: color 400ms ease, transform 400ms ease;
}

.technology-step.is-active .technology-step-mark {
  transform: translateY(5px);
  color: #a8a8a8;
}

.technology-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  padding: 30px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.technology-footer p {
  margin: 0;
  color: rgba(245, 245, 245, 0.54);
  font-family: var(--font-heading);
  font-size: clamp(22px, 2vw, 30px);
}

.technology-footer a {
  display: inline-flex;
  align-items: center;
  gap: 18px;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.technology-footer a span {
  font-size: 17px;
  transition: transform 250ms ease;
}

.technology-footer a:hover span,
.technology-footer a:focus-visible span {
  transform: translateX(6px);
}

@media (max-width: 1180px) {
  :root {
    --header-height: 82px;
  }

  .desktop-nav,
  .header-cta {
    display: none;
  }

  .header-container {
    grid-template-columns: 1fr auto;
  }

  .menu-button {
    display: block;
  }

  .language-menu {
    right: 52px;
  }

  .hero-container {
    grid-template-columns: minmax(0, 0.94fr) minmax(400px, 0.76fr);
  }

  .hero h1 {
    font-size: clamp(68px, 8.4vw, 104px);
  }

  .trust-grid {
    grid-template-columns: minmax(330px, 1.4fr) repeat(3, 1fr);
  }

  .philosophy-grid {
    grid-template-columns: minmax(0, 1fr) minmax(390px, 0.9fr);
  }

  .philosophy-visual {
    min-height: 650px;
  }

  .philosophy-content {
    padding: 52px;
  }

  .philosophy-content h2 {
    font-size: clamp(64px, 7vw, 84px);
  }

  .treatment-story {
    grid-template-columns: minmax(0, 1.04fr) minmax(360px, 0.96fr);
  }

  .treatment-story-visual {
    height: clamp(620px, 59vw, 760px);
  }

  .treatment-story-content {
    padding: 48px;
  }

  .treatment-story h3 {
    font-size: clamp(64px, 7.4vw, 88px);
  }

  .technology-stage {
    grid-template-columns: minmax(0, 1fr) 330px;
  }

  .technology-step {
    padding: 32px 26px;
  }
}

@media (max-width: 820px) {
  .site-header,
  .site-header.is-scrolled {
    height: 76px;
  }

  .brand {
    width: 102px;
    height: 58px;
  }

  .brand img {
    height: 50px;
  }

  .hero {
    min-height: auto;
    padding-top: calc(var(--header-height) + 50px);
    padding-bottom: 24px;
  }

  .hero-container {
    display: flex;
    flex-direction: column;
    min-height: 0;
  }

  .trust-grid {
    grid-template-columns: 1fr 1fr;
  }

  .trust-authority {
    padding-left: 0;
  }

  .trust-item:nth-child(3) {
    border-top: 1px solid var(--line);
    border-left: 0;
  }

  .trust-item:nth-child(4) {
    border-top: 1px solid var(--line);
    border-right: 0;
  }

  .philosophy-grid {
    grid-template-columns: 1fr;
  }

  .philosophy-visual {
    min-height: 720px;
  }

  .philosophy-content {
    padding: 68px clamp(28px, 8vw, 64px);
    border-top: 0;
    border-left: 1px solid var(--line);
  }

  .philosophy-content h2 {
    font-size: clamp(65px, 13vw, 94px);
  }

  .treatments-heading {
    grid-template-columns: 1fr;
    gap: 38px;
  }

  .treatments-intro {
    max-width: 540px;
  }

  .treatments-list {
    grid-template-columns: 1fr;
    gap: 104px;
  }

  .treatment-story {
    grid-template-columns: 1fr;
    min-height: 0;
    padding-top: 28px;
  }

  .treatment-story-visual,
  .treatment-story:nth-child(even) .treatment-story-visual {
    grid-column: 1;
    grid-row: 1;
    width: calc(100% + (var(--page-pad) * 2));
    height: min(790px, 112vw);
    margin-right: 0;
    margin-left: calc(var(--page-pad) * -1);
  }

  .treatment-story-content,
  .treatment-story:nth-child(even) .treatment-story-content {
    grid-column: 1;
    grid-row: 2;
    padding: 58px 0 0;
  }

  .treatment-story-summary,
  .treatment-services {
    max-width: 580px;
  }

  .treatment-story-number,
  .treatment-story:nth-child(even) .treatment-story-number {
    top: calc(min(790px, 112vw) + 0.1em);
    right: 0;
    left: auto;
    font-size: clamp(130px, 28vw, 210px);
  }

  .real-smiles-title-row {
    grid-template-columns: 1fr;
    gap: 38px;
  }

  .real-smiles-title-row > p {
    max-width: 560px;
  }

  .case-selector button {
    min-height: 72px;
    padding-inline: 18px;
  }

  .case-portrait {
    height: 72svh;
    min-height: 620px;
  }

  .case-portrait figcaption {
    grid-template-columns: 1fr;
  }

  .case-portrait figcaption > span:last-child {
    padding-bottom: 0;
  }

  .case-detail-grid {
    grid-template-columns: 1fr;
    gap: 72px;
  }

  .case-copy {
    max-width: 560px;
    padding-top: 0;
  }

  .image-compare {
    aspect-ratio: 1.18;
  }

  .case-disclosure {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
  }

  .technology-title-row {
    grid-template-columns: 1fr;
    gap: 38px;
  }

  .technology-title-row > p {
    max-width: 560px;
  }

  .technology-stage {
    grid-template-columns: 1fr;
    min-height: 0;
  }

  .technology-visual {
    min-height: 650px;
    height: 76svh;
  }

  .technology-sequence {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    border-left: 0;
  }

  .technology-step {
    min-height: 260px;
    border-right: 1px solid rgba(255, 255, 255, 0.15);
  }

  .technology-step:nth-child(2n) {
    border-right: 0;
  }

  .technology-step:nth-child(3) {
    border-bottom: 0;
  }

  .hero::before,
  .scroll-cue {
    display: none;
  }

  .hero-copy {
    display: block;
    padding: 0;
  }

  .hero h1 {
    margin-top: 34px;
    font-size: clamp(61px, 16vw, 108px);
    line-height: 0.86;
  }

  .hero-intro {
    max-width: 440px;
    margin-top: 32px;
  }

  .hero-actions {
    margin-top: 30px;
  }

  .hero-visual {
    margin-top: 34px;
    min-height: 720px;
    margin: 0;
  }
}

@media (max-width: 560px) {
  :root {
    --page-pad: 20px;
  }

  .language-button {
    font-size: 14px;
  }

  .header-actions {
    gap: 12px;
  }

  .hero {
    padding-top: 112px;
  }

  .hero h1 {
    font-size: clamp(58px, 17vw, 82px);
  }

  .hero-intro {
    font-size: 16px;
  }

  .hero-actions {
    align-items: stretch;
    flex-direction: column;
    gap: 6px;
  }

  .button-primary {
    justify-content: space-between;
    width: 100%;
  }

  .button-text {
    align-self: flex-start;
  }

  .hero-visual {
    min-height: 610px;
  }

  .trust-grid {
    grid-template-columns: 1fr;
  }

  .trust-item,
  .trust-authority,
  .trust-item:nth-child(3),
  .trust-item:nth-child(4) {
    min-height: 92px;
    padding: 18px 0;
    border-top: 1px solid var(--line);
    border-right: 0;
    border-left: 0;
  }

  .trust-authority {
    border-top: 0;
  }

  .healthturkiye-mark {
    flex-basis: 104px;
    padding-left: 0;
  }

  .philosophy {
    padding: 72px 0;
  }

  .philosophy-visual {
    min-height: 540px;
  }

  .philosophy-visual figcaption {
    align-items: flex-start;
    flex-direction: column;
    gap: 6px;
  }

  .philosophy-content {
    padding: 52px 24px;
  }

  .philosophy-content h2 {
    font-size: clamp(58px, 17vw, 76px);
  }

  .philosophy-text {
    font-size: 15px;
  }

  .founder-mark {
    align-items: flex-start;
    flex-direction: column;
    gap: 12px;
  }

  .founder-name {
    padding: 0 0 12px;
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }

  .treatments {
    padding: 82px 0;
  }

  .treatments-heading h2 {
    font-size: clamp(58px, 16.5vw, 76px);
  }

  .treatments-intro {
    padding-left: 20px;
    font-size: 14px;
  }

  .treatments-list {
    gap: 86px;
  }

  .treatment-story {
    padding-top: 20px;
  }

  .treatment-story-visual,
  .treatment-story:nth-child(even) .treatment-story-visual {
    height: min(590px, 132vw);
  }

  .treatment-story-content,
  .treatment-story:nth-child(even) .treatment-story-content {
    padding-top: 42px;
  }

  .treatment-story h3 {
    font-size: clamp(58px, 17vw, 76px);
  }

  .treatment-story-summary {
    font-size: 14px;
  }

  .treatment-services li {
    padding-block: 11px;
    font-size: 14px;
  }

  .treatment-story-number,
  .treatment-story:nth-child(even) .treatment-story-number {
    top: calc(min(590px, 132vw) + 0.18em);
    font-size: 120px;
  }

  .treatments-footer {
    align-items: flex-start;
    flex-direction: column;
    gap: 18px;
  }

  .hero-image-wrap img {
    object-position: 57% 48%;
  }

  .visual-card {
    width: 78%;
  }

  .visual-caption {
    display: none;
  }

  .real-smiles {
    padding-top: 82px;
  }

  .real-smiles h2 {
    font-size: clamp(61px, 17vw, 78px);
  }

  .real-smiles-title-row > p {
    padding-left: 20px;
    font-size: 14px;
  }

  .case-selector {
    width: calc(100% - 24px);
    margin-top: 58px;
  }

  .case-selector button {
    display: grid;
    align-content: center;
    gap: 7px;
    min-width: 0;
    min-height: 70px;
    padding: 12px 9px;
    font-size: 14px;
    letter-spacing: 0.07em;
  }

  .case-portrait {
    height: 68svh;
    min-height: 530px;
  }

  .case-portrait > img {
    object-position: center 35%;
  }

  .case-portrait figcaption {
    bottom: 32px;
  }

  .case-portrait figcaption strong {
    font-size: clamp(49px, 14vw, 62px);
  }

  .case-portrait figcaption > span:last-child {
    max-width: 300px;
    font-size: 14px;
    line-height: 1.5;
  }

  .case-detail-grid {
    gap: 58px;
    padding-top: 62px;
    padding-bottom: 82px;
  }

  .case-copy h3 {
    font-size: clamp(54px, 15vw, 68px);
  }

  .case-facts div {
    grid-template-columns: 76px 1fr;
    gap: 14px;
  }

  .image-compare {
    aspect-ratio: 1;
  }

  .compare-label {
    top: 12px;
  }

  .compare-label-before {
    left: 12px;
  }

  .compare-label-after {
    right: 12px;
  }

  .comparison-heading span:nth-child(2) {
    font-size: 14px;
  }

  .comparison-dates {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .comparison-dates span:last-child {
    text-align: left;
  }

  .case-disclosure {
    padding-block: 22px;
  }

  .technology {
    padding: 82px 0 76px;
  }

  .technology h2 {
    font-size: clamp(57px, 15.8vw, 74px);
  }

  .technology-title-row > p {
    padding-left: 20px;
    font-size: 14px;
  }

  .technology-stage {
    width: 100%;
    margin-top: 58px;
    border-right: 0;
    border-left: 0;
  }

  .technology-visual {
    min-height: 480px;
    height: 64svh;
  }

  .technology-visual > img {
    object-position: 58% center;
  }

  .technology-visual figcaption {
    right: 20px;
    bottom: 18px;
    left: 20px;
    align-items: flex-start;
    flex-direction: column;
    gap: 6px;
    font-size: 14px;
  }

  .technology-sequence {
    grid-template-columns: 1fr;
  }

  .technology-step,
  .technology-step:nth-child(2n),
  .technology-step:nth-child(3) {
    min-height: 210px;
    padding: 30px 20px;
    border-right: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  }

  .technology-step:last-child {
    border-bottom: 0;
  }

  .technology-step strong {
    font-size: 47px;
  }

  .technology-footer {
    align-items: flex-start;
    flex-direction: column;
    gap: 24px;
  }

  .consultation-dialog {
    width: calc(100% - 20px);
    max-height: calc(100vh - 20px);
  }

  .consultation-dialog[open] {
    display: block;
  }

  .dialog-copy {
    min-height: auto;
    padding: 72px 28px 38px;
  }

  .dialog-copy h2 {
    font-size: 54px;
  }

  .consultation-form {
    padding: 38px 28px;
  }
}

/* Konsültasyon: referans odaklı çift panelli kompozisyon */
.consultation-page .consultation-page-flow {
  position: relative;
  isolation: isolate;
  padding: clamp(34px, 5vh, 68px) clamp(22px, 4vw, 70px);
  overflow: hidden;
  background: #b9b9b9;
}

.consultation-page .consultation-page-flow::before {
  content: "";
  position: absolute;
  z-index: -2;
  inset: -45px;
  background:
    linear-gradient(rgba(125, 125, 125, .48), rgba(76, 76, 76, .55)),
    url("../img/aksu-hero-consultation.webp") center 48% / cover no-repeat;
  filter: blur(18px) saturate(.68);
  transform: scale(1.05);
}

.consultation-page .consultation-page-flow::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  background: rgba(222, 222, 222, .32);
  pointer-events: none;
}

.consultation-page .consultation-page-layout {
  width: min(100%, 1450px);
  min-height: 830px;
  margin: 0 auto;
  grid-template-columns: minmax(0, 58%) minmax(380px, 42%);
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .22);
  border-radius: 3px;
  box-shadow: 0 38px 90px rgba(32, 32, 32, .3);
}

.consultation-page .consultation-form-stage {
  order: 1;
  min-height: 830px;
  padding: clamp(44px, 5vw, 76px) clamp(44px, 6vw, 92px);
  background:
    linear-gradient(145deg, rgba(27, 27, 27, .98), rgba(28, 28, 28, .97)),
    url("../img/aksu-hero-consultation.webp") center / cover;
}

.consultation-page .consultation-form-stage::after {
  top: -360px;
  right: -340px;
  border-color: rgba(255, 255, 255, .055);
}

.consultation-page .consultation-page-summary {
  order: 2;
  min-height: 830px;
  padding: clamp(38px, 4vw, 62px);
  background:
    linear-gradient(180deg, rgba(85, 85, 85, .24), rgba(31, 31, 31, .62)),
    url("../img/aksu-hero-consultation.webp") center 44% / cover no-repeat;
}

.consultation-page .consultation-page-summary::before {
  z-index: 0;
  inset: 0;
  width: auto;
  height: auto;
  border: 0;
  border-radius: 0;
  background: linear-gradient(145deg, rgba(120, 120, 120, .18), rgba(29, 29, 29, .3));
}

.consultation-page .consultation-page-summary::after {
  right: -170px;
  bottom: -190px;
  width: 420px;
  height: 420px;
  border-color: rgba(255, 255, 255, .1);
}

.consultation-page .consultation-visual-top {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  color: rgba(255, 255, 255, .86);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.consultation-page .consultation-visual-top i {
  color: rgba(255, 255, 255, .6);
  font-style: normal;
  font-weight: 500;
}

.consultation-page .consultation-page-summary .consultation-summary-copy {
  position: relative;
  z-index: 2;
  max-width: 500px;
  margin: auto;
  padding: 80px 0 40px;
  text-align: center;
}

.consultation-page .consultation-quote-mark {
  display: block;
  height: 70px;
  color: rgba(255, 255, 255, .42);
  font-family: Georgia, serif;
  font-size: 112px;
  line-height: 1;
}

.consultation-page .consultation-summary-copy h1 {
  color: #fff;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(42px, 3.3vw, 60px);
  font-weight: 400;
  letter-spacing: -.035em;
  line-height: 1.04;
  text-shadow: 0 2px 25px rgba(24, 24, 24, .34);
}

.consultation-page .consultation-summary-copy h1 em {
  color: #e9e9e9;
}

.consultation-page .consultation-summary-copy > p:last-child {
  max-width: 410px;
  margin: 25px auto 0;
  color: rgba(255, 255, 255, .76);
  font-size: 14px;
  line-height: 1.6;
  text-shadow: 0 1px 16px rgba(18, 18, 18, .4);
}

.consultation-page .consultation-visual-dots {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: -12px;
}

.consultation-page .consultation-visual-dots i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .42);
}

.consultation-page .consultation-visual-dots i:first-child {
  background: #fff;
}

.consultation-page .consultation-design-note {
  z-index: 2;
  margin-top: auto;
  border-top-color: rgba(255, 255, 255, .22);
}

.consultation-page .consultation-form-heading {
  margin-bottom: clamp(38px, 5vh, 58px);
  padding: 0 0 16px;
  border-color: rgba(255, 255, 255, .14);
}

.consultation-page .consultation-form-heading .consultation-return {
  margin: 0 0 34px;
  color: rgba(255, 255, 255, .68);
}

.consultation-page .consultation-form-meta p,
.consultation-page .consultation-form-meta span {
  color: rgba(255, 255, 255, .62);
}

.consultation-page .consultation-form-meta p {
  color: #b0b0b0;
}

.consultation-page .consultation-form-heading .consultation-page-map li {
  color: rgba(255, 255, 255, .38);
}

.consultation-page .consultation-form-heading .consultation-page-map li:not(:last-child)::after {
  background: rgba(255, 255, 255, .16);
}

.consultation-page .consultation-form-heading .consultation-page-map li i {
  border-color: rgba(255, 255, 255, .3);
  background: #212121;
  box-shadow: 0 0 0 4px #212121;
}

.consultation-page .consultation-form-heading .consultation-page-map li.is-active {
  color: #fff;
}

.consultation-page .consultation-form-heading .consultation-page-map li.is-active i {
  border-color: #aeaeae;
  background: #aeaeae;
  box-shadow: 0 0 0 4px rgba(174, 174, 174, .12);
}

.consultation-page .consultation-form-heading .consultation-page-map li.is-complete {
  color: #b4b4b4;
}

.consultation-page .consultation-form-heading .consultation-page-progress {
  background: rgba(255, 255, 255, .14);
}

.consultation-page .consultation-form-heading .consultation-page-progress i {
  background: #aeaeae;
}

.consultation-page .consultation-page-form .wizard-step-kicker {
  color: #aeaeae;
}

.consultation-page .consultation-page-form .consultation-step .wizard-step-title {
  color: #fff;
  font-size: clamp(46px, 3.7vw, 66px);
}

.consultation-page .consultation-page-form .wizard-step-intro {
  color: rgba(255, 255, 255, .58);
}

.consultation-page .consultation-page-form .consultation-options span {
  border-color: rgba(255, 255, 255, .16);
  background: rgba(255, 255, 255, .045);
  color: #fff;
}

.consultation-page .consultation-page-form .consultation-options span b {
  color: #f3f3f3;
}

.consultation-page .consultation-page-form .consultation-options span small {
  color: rgba(255, 255, 255, .47);
}

.consultation-page .consultation-page-form .consultation-options span::after {
  border-color: rgba(255, 255, 255, .4);
  box-shadow: inset 0 0 0 4px #222222;
}

.consultation-page .consultation-page-form .consultation-options label:hover span {
  border-color: rgba(174, 174, 174, .72);
  background: rgba(255, 255, 255, .08);
}

.consultation-page .consultation-page-form .consultation-options input:checked + span {
  border-color: #aeaeae;
  background: rgba(174, 174, 174, .13);
}

.consultation-page .consultation-page-form .consultation-options input:checked + span::after {
  border-color: #aeaeae;
  background: #aeaeae;
}

.consultation-page .consultation-page-form .wizard-next,
.consultation-page .consultation-page-form .wizard-actions .button-primary {
  border-color: #aeaeae;
  background: #aeaeae;
  box-shadow: 0 14px 34px rgba(0, 0, 0, .22);
  color: #202020;
}

.consultation-page .consultation-page-form .wizard-back {
  border-color: rgba(255, 255, 255, .26) !important;
  background: rgba(255, 255, 255, .04) !important;
  color: #fff !important;
}

.consultation-page .consultation-page-form .wizard-contact-grid label > span,
.consultation-page .consultation-page-form .wizard-consent {
  color: rgba(255, 255, 255, .68);
}

.consultation-page .consultation-page-form .wizard-contact-grid input,
.consultation-page .consultation-page-form .wizard-contact-grid select,
.consultation-page .consultation-page-form .wizard-contact-grid textarea {
  border-color: rgba(255, 255, 255, .16);
  background: rgba(255, 255, 255, .055);
  color: #fff;
}

.consultation-page .consultation-page-form .wizard-contact-grid input::placeholder,
.consultation-page .consultation-page-form .wizard-contact-grid textarea::placeholder {
  color: rgba(255, 255, 255, .34);
}

.consultation-page .consultation-page-form .wizard-contact-grid select option {
  background: #232323;
  color: #fff;
}

.consultation-page .wizard-photo-drop {
  border-color: rgba(255, 255, 255, .25);
  background: rgba(255, 255, 255, .04);
}

.consultation-page .wizard-photo-drop:hover,
.consultation-page .wizard-photo-input:focus-visible + .wizard-photo-drop {
  border-color: #aeaeae;
  background: rgba(255, 255, 255, .075);
}

.consultation-page .wizard-photo-icon {
  border-color: rgba(255, 255, 255, .19);
  color: #aeaeae;
}

.consultation-page .wizard-photo-copy b {
  color: #fff;
}

.consultation-page .wizard-photo-copy small,
.consultation-page .wizard-photo-help,
.consultation-page .form-note {
  color: rgba(255, 255, 255, .5);
}

.consultation-page .wizard-photo-action {
  border-color: rgba(255, 255, 255, .22);
  color: #fff;
}

.consultation-page .wizard-photo-preview {
  border-color: rgba(174, 174, 174, .55);
  background: rgba(174, 174, 174, .1);
}

.consultation-page .wizard-photo-preview b {
  color: #fff;
}

.consultation-page .wizard-photo-preview button {
  color: #c0c0c0;
}

.consultation-page .consultation-form-footer {
  border-color: rgba(255, 255, 255, .12);
  color: rgba(255, 255, 255, .36);
}

@media (max-width: 1100px) {
  .consultation-page .consultation-page-layout {
    grid-template-columns: minmax(0, 61%) minmax(340px, 39%);
  }

  .consultation-page .consultation-form-stage {
    padding-inline: 42px;
  }

  .consultation-page .consultation-page-summary {
    padding-inline: 34px;
  }
}

@media (max-width: 900px) {
  .consultation-page .consultation-page-flow {
    padding: 22px;
  }

  .consultation-page .consultation-page-layout {
    display: flex;
    min-height: 0;
    flex-direction: column;
  }

  .consultation-page .consultation-page-summary {
    order: 1;
    min-height: 470px;
    padding: 30px;
  }

  .consultation-page .consultation-form-stage {
    order: 2;
    min-height: 0;
    padding: 42px 34px 64px;
  }

  .consultation-page .consultation-page-summary .consultation-summary-copy {
    padding: 60px 0 28px;
  }

  .consultation-page .consultation-summary-copy h1 {
    font-size: clamp(42px, 8vw, 62px);
  }

  .consultation-page .consultation-design-note {
    margin-top: auto;
  }
}

@media (max-width: 560px) {
  .consultation-page .consultation-page-flow {
    padding: 0;
  }

  .consultation-page .consultation-page-layout {
    border: 0;
    box-shadow: none;
  }

  .consultation-page .consultation-page-summary {
    min-height: 410px;
    padding: 25px 20px;
  }

  .consultation-page .consultation-page-summary .consultation-summary-copy {
    margin: auto;
    padding: 36px 0 20px;
  }

  .consultation-page .consultation-quote-mark {
    height: 48px;
    font-size: 82px;
  }

  .consultation-page .consultation-summary-copy h1 {
    font-size: clamp(36px, 10.5vw, 46px);
  }

  .consultation-page .consultation-summary-copy > p:last-child {
    margin-top: 17px;
    font-size: 14px;
  }

  .consultation-page .consultation-design-note {
    margin-top: 20px;
    padding-top: 16px;
  }

  .consultation-page .consultation-design-note > i {
    width: 32px;
    height: 32px;
  }

  .consultation-page .consultation-design-note b {
    font-size: 14px;
  }

  .consultation-page .consultation-form-stage {
    padding: 30px 20px 52px;
  }

  .consultation-page .consultation-form-heading .consultation-return {
    margin-bottom: 30px;
  }

  .consultation-page .consultation-page-form .consultation-step .wizard-step-title {
    font-size: clamp(40px, 11.5vw, 50px);
  }
}

/* Konsültasyon sadeleştirme ve fotoğraf yükleme alanı */
.consultation-page .consultation-design-note {
  position: relative;
  z-index: 2;
  display: flex;
  gap: 14px;
  align-items: center;
  width: fit-content;
  margin-top: auto;
  padding-top: 34px;
  border-top: 1px solid rgba(255, 255, 255, .12);
}

.consultation-page .consultation-design-note > i {
  display: grid;
  width: 38px;
  height: 38px;
  flex: 0 0 auto;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: 50%;
  color: #afafaf;
  font-size: 14px;
  font-style: normal;
}

.consultation-page .consultation-design-note p {
  display: grid;
  gap: 4px;
  margin: 0;
}

.consultation-page .consultation-design-note b {
  color: rgba(255, 255, 255, .9);
  font-size: 14px;
}

.consultation-page .consultation-design-note span {
  color: rgba(255, 255, 255, .52);
  font-size: 14px;
}

.consultation-page .consultation-form-heading {
  display: block;
  margin-bottom: clamp(46px, 6vh, 72px);
}

.consultation-page .consultation-form-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.consultation-page .consultation-form-meta p,
.consultation-page .consultation-form-meta span {
  margin: 0;
  color: #727272;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.consultation-page .consultation-form-meta span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #898989;
  font-weight: 500;
  letter-spacing: .02em;
  text-transform: none;
}

.consultation-page .consultation-form-heading .consultation-page-map {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  width: 100%;
  max-width: none;
  margin: 30px 0 15px;
  padding: 0;
}

.consultation-page .consultation-form-heading .consultation-page-map li {
  position: relative;
  display: block;
  min-height: 0;
  padding: 22px 10px 0 0;
  color: #9b9b9b;
}

.consultation-page .consultation-form-heading .consultation-page-map li:not(:last-child)::after {
  top: 6px;
  right: 0;
  bottom: auto;
  left: 7px;
  width: calc(100% - 1px);
  height: 1px;
  background: #d2d2d2;
}

.consultation-page .consultation-form-heading .consultation-page-map li i {
  position: absolute;
  top: 0;
  left: 0;
  width: 13px;
  height: 13px;
  margin: 0;
  border-color: #b5b5b5;
  background: #f8f8f8;
  box-shadow: 0 0 0 4px #f8f8f8;
}

.consultation-page .consultation-form-heading .consultation-page-map li b {
  color: inherit;
  font-size: 14px;
  letter-spacing: .03em;
}

.consultation-page .consultation-form-heading .consultation-page-map li.is-active {
  color: #2a2a2a;
}

.consultation-page .consultation-form-heading .consultation-page-map li.is-active i {
  border-color: #808080;
  background: #808080;
  box-shadow: 0 0 0 4px rgba(128, 128, 128, .1);
}

.consultation-page .consultation-form-heading .consultation-page-map li.is-complete {
  color: #707070;
}

.consultation-page .consultation-form-heading .consultation-page-map li.is-complete i {
  border-color: #8e8e8e;
  background: #8e8e8e;
}

.consultation-page .consultation-form-heading .consultation-page-progress {
  width: 100%;
  max-width: none;
  height: 2px;
  margin: 0;
  background: #d6d6d6;
}

.consultation-page .wizard-photo-field {
  margin-top: 22px;
}

.consultation-page .wizard-photo-input {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
}

.consultation-page .wizard-photo-drop[hidden] {
  display: none !important;
}

.consultation-page .wizard-photo-drop {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) auto;
  gap: 16px;
  align-items: center;
  min-height: 104px;
  padding: 18px 20px;
  border: 1px dashed #b4b4b4;
  border-radius: 3px;
  background: rgba(255, 255, 255, .5);
  cursor: pointer;
  transition: border-color .2s ease, background-color .2s ease;
}

.consultation-page .wizard-photo-drop:hover,
.consultation-page .wizard-photo-input:focus-visible + .wizard-photo-drop {
  border-color: #6e6e6e;
  background: #fff;
}

.consultation-page .wizard-photo-icon {
  display: grid;
  width: 48px;
  height: 48px;
  place-items: center;
  border: 1px solid #d4d4d4;
  border-radius: 50%;
  color: #5b5b5b;
}

.consultation-page .wizard-photo-icon svg {
  width: 21px;
  height: 21px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.5;
}

.consultation-page .wizard-photo-copy {
  display: grid;
  gap: 5px;
}

.consultation-page .wizard-photo-copy b {
  color: #303030;
  font-size: 14px;
}

.consultation-page .wizard-photo-copy small {
  color: #828282;
  font-size: 14px;
  line-height: 1.45;
}

.consultation-page .wizard-photo-action {
  display: inline-flex;
  gap: 12px;
  align-items: center;
  min-height: 42px;
  padding: 0 15px;
  border: 1px solid #c6c6c6;
  color: #3a3a3a;
  font-size: 14px;
  font-weight: 700;
}

.consultation-page .wizard-photo-action i {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
}

.consultation-page .wizard-photo-preview {
  display: grid;
  grid-template-columns: 76px minmax(0, 1fr) auto;
  gap: 15px;
  align-items: center;
  min-height: 96px;
  padding: 10px;
  border: 1px solid #bfbfbf;
  background: #ededed;
}

.consultation-page .wizard-photo-preview[hidden] {
  display: none !important;
}

.consultation-page .wizard-photo-preview img {
  width: 76px;
  height: 76px;
  object-fit: cover;
  background: #dfdfdf;
}

.consultation-page .wizard-photo-preview > span {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.consultation-page .wizard-photo-preview b {
  overflow: hidden;
  color: #303030;
  font-size: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.consultation-page .wizard-photo-preview small {
  color: #7c7c7c;
  font-size: 14px;
}

.consultation-page .wizard-photo-preview button {
  padding: 10px 13px;
  border: 0;
  background: transparent;
  color: #5b5b5b;
  font: inherit;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
}

.consultation-page .wizard-photo-help {
  margin: 9px 0 0;
  color: #898989;
  font-size: 14px;
  line-height: 1.5;
}

.consultation-page .wizard-photo-help.is-error {
  color: #545454;
}

@media (max-width: 1180px) {
  .consultation-page .consultation-form-heading .consultation-page-map {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    max-width: none;
    padding-top: 0;
  }

  .consultation-page .consultation-form-heading .consultation-page-map li {
    display: block;
    min-height: 0;
    padding: 22px 8px 0 0;
  }
}

@media (max-width: 860px) {
  .consultation-page .consultation-design-note {
    margin-top: 48px;
  }

  .consultation-page .consultation-form-heading .consultation-page-map {
    margin-top: 25px;
  }
}

@media (max-width: 560px) {
  .consultation-page .consultation-design-note {
    margin-top: 34px;
    padding-top: 24px;
  }

  .consultation-page .consultation-design-note span {
    font-size: 14px;
  }

  .consultation-page .consultation-form-meta p {
    max-width: 140px;
    font-size: 14px;
    line-height: 1.4;
  }

  .consultation-page .consultation-form-heading .consultation-page-map li b {
    font-size: 14px;
  }

  .consultation-page .wizard-photo-drop {
    grid-template-columns: 43px minmax(0, 1fr);
    gap: 13px;
    padding: 15px;
  }

  .consultation-page .wizard-photo-icon {
    width: 43px;
    height: 43px;
  }

  .consultation-page .wizard-photo-action {
    grid-column: 1 / -1;
    justify-content: space-between;
  }

  .consultation-page .wizard-photo-preview {
    grid-template-columns: 64px minmax(0, 1fr) auto;
    gap: 10px;
  }

  .consultation-page .wizard-photo-preview img {
    width: 64px;
    height: 64px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}

/* Compact editorial sections and clinical team */
.real-smiles {
  padding-top: clamp(76px, 7vw, 112px);
}

.real-smiles-title-row {
  gap: clamp(34px, 6vw, 84px);
  margin-top: clamp(24px, 3vw, 38px);
}

.real-smiles h2 {
  font-size: clamp(60px, 6.2vw, 98px);
}

.case-selector {
  margin-top: clamp(42px, 5vw, 68px);
}

.case-selector button {
  min-height: 64px;
  padding-block: 15px;
}

.case-portrait {
  height: min(54svh, 610px);
  min-height: 460px;
}

.case-portrait figcaption {
  bottom: clamp(26px, 3vw, 44px);
}

.case-portrait figcaption strong {
  font-size: clamp(46px, 4.6vw, 72px);
}

.case-detail-grid {
  grid-template-columns: minmax(260px, 0.62fr) minmax(0, 1.38fr);
  gap: clamp(42px, 6vw, 90px);
  padding-top: clamp(52px, 5vw, 76px);
  padding-bottom: clamp(62px, 6vw, 90px);
}

.case-copy {
  padding-top: 18px;
}

.case-copy h3 {
  margin-top: 24px;
  font-size: clamp(46px, 4vw, 66px);
}

.case-facts {
  margin-top: 30px;
}

.case-journey-link {
  margin-top: 30px;
}

.image-compare {
  aspect-ratio: 1.7;
  max-height: 520px;
}

.technology {
  padding: clamp(78px, 7vw, 112px) 0 clamp(66px, 6vw, 96px);
}

.technology-title-row {
  gap: clamp(38px, 6vw, 88px);
  margin-top: clamp(24px, 3vw, 38px);
}

.technology h2 {
  font-size: clamp(60px, 6.3vw, 98px);
}

.technology-stage {
  grid-template-columns: minmax(0, 1fr) minmax(310px, 0.42fr);
  min-height: 0;
  margin-top: clamp(46px, 5vw, 72px);
}

.technology-visual {
  min-height: 560px;
  height: min(68svh, 680px);
}

.technology-step {
  min-height: 0;
  padding: clamp(20px, 2vw, 30px);
}

.technology-step strong {
  font-size: clamp(34px, 2.8vw, 46px);
}

.technology-step p {
  margin-top: 10px;
  font-size: 14px;
}

.doctors {
  padding: clamp(92px, 9vw, 148px) 0 clamp(82px, 8vw, 128px);
  overflow: hidden;
  background: var(--cream);
  color: var(--ink);
}

.doctors-heading h2 {
  max-width: 1040px;
  margin: clamp(28px, 3.5vw, 48px) 0 0;
  font-family: var(--font-heading);
  font-size: clamp(68px, 7.4vw, 118px);
  font-weight: 400;
  letter-spacing: -0.05em;
  line-height: 0.88;
}

.doctors-heading h2 em {
  color: #777777;
  font-weight: 400;
}

.doctor-feature {
  display: grid;
  grid-template-columns: minmax(0, 1.16fr) minmax(360px, 0.84fr);
  min-height: 650px;
  margin-top: clamp(54px, 6vw, 88px);
  border: 1px solid var(--line);
}

.doctor-feature-portrait {
  min-width: 0;
  margin: 0;
  overflow: hidden;
  background: #d0d0d0;
}

.doctor-feature-portrait img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  filter: saturate(0.78) contrast(0.98);
}

.doctor-feature-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(42px, 5vw, 78px);
  border-left: 1px solid var(--line);
}

.doctor-index {
  margin: 0;
  color: #777777;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.doctor-feature-copy h3,
.doctor-card h3 {
  margin: 22px 0 0;
  font-family: var(--font-heading);
  font-size: clamp(48px, 4.2vw, 70px);
  font-weight: 400;
  letter-spacing: -0.04em;
  line-height: 0.92;
}

.doctor-role {
  margin: 14px 0 0;
  color: #777777;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}

.doctor-credentials {
  margin: clamp(32px, 4vw, 48px) 0 0;
}

.doctor-credentials div {
  display: grid;
  grid-template-columns: 112px 1fr;
  gap: 18px;
  padding: 13px 0;
  border-top: 1px solid var(--line);
}

.doctor-credentials div:last-child {
  border-bottom: 1px solid var(--line);
}

.doctor-credentials dt,
.doctor-credentials dd {
  margin: 0;
  font-size: 14px;
  line-height: 1.55;
}

.doctor-credentials dt {
  color: rgba(26, 26, 26, 0.46);
  font-weight: 600;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.doctor-credentials dd {
  color: rgba(26, 26, 26, 0.76);
  font-weight: 400;
}

.credential-source {
  align-self: flex-start;
  margin-top: 30px;
  padding-bottom: 8px;
  border-bottom: 1px solid currentColor;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.doctor-roster-heading {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  margin-top: clamp(70px, 7vw, 104px);
  padding-bottom: 18px;
  border-bottom: 1px solid var(--line);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.doctor-roster {
  width: min(var(--container), calc(100% - (var(--page-pad) * 2)));
  margin: clamp(70px, 7vw, 104px) auto 0;
}

.doctor-roster .doctor-roster-heading {
  margin-top: 0;
}

.doctor-roster-heading p {
  margin: 0;
}

.doctor-roster-heading span {
  color: rgba(26, 26, 26, 0.46);
}

.doctor-scroll-controls {
  display: grid;
  grid-template-columns: 38px minmax(100px, 190px) 38px;
  align-items: center;
  gap: 12px;
}

.doctor-scroll-controls button {
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  border: 1px solid rgba(26, 26, 26, 0.35);
  border-radius: 50%;
  background: transparent;
  color: var(--ink);
  font-size: 17px;
  cursor: pointer;
  transition: background-color 200ms ease, color 200ms ease, opacity 200ms ease;
}

.doctor-scroll-controls button:hover,
.doctor-scroll-controls button:focus-visible {
  background: var(--ink);
  color: var(--cream);
}

.doctor-scroll-controls button:disabled {
  opacity: 0.28;
  cursor: default;
}

.doctor-scroll-progress {
  position: relative;
  display: block;
  height: 2px;
  overflow: hidden;
  background: rgba(26, 26, 26, 0.16);
}

.doctor-scroll-progress i {
  position: absolute;
  inset: 0;
  display: block;
  transform: scaleX(0.08);
  transform-origin: left center;
  background: #777777;
  transition: transform 100ms linear;
}

.doctor-scroll {
  display: flex;
  gap: 22px;
  width: 100%;
  padding: 28px 0 36px;
  overflow-x: scroll;
  overflow-y: hidden;
  overscroll-behavior-inline: contain;
  scroll-padding-inline: var(--page-pad);
  scroll-snap-type: inline mandatory;
  scrollbar-color: #777777 transparent;
  scrollbar-width: auto;
  cursor: grab;
}

.doctor-scroll::-webkit-scrollbar {
  height: 12px;
}

.doctor-scroll::-webkit-scrollbar-track {
  background: rgba(26, 26, 26, 0.1);
}

.doctor-scroll::-webkit-scrollbar-thumb {
  border: 3px solid var(--cream);
  border-radius: 999px;
  background: #777777;
}

.doctor-scroll.is-dragging {
  cursor: grabbing;
  scroll-snap-type: none;
  user-select: none;
}

.doctor-roster.is-scroll-pinned .doctor-scroll {
  cursor: default;
}

.doctor-scroll:focus-visible {
  outline: 2px solid #777777;
  outline-offset: -2px;
}

/* Content remains visible even if browser animation timing is interrupted. */
.section-reveal {
  opacity: 1;
  transform: none;
}

.section-reveal.reveal-media {
  clip-path: inset(0);
}

.mobile-menu.is-open nav a:nth-child(5) {
  transition-delay: 370ms;
}

.doctor-card {
  flex: 0 0 min(880px, 72vw);
  display: grid;
  grid-template-columns: minmax(300px, 0.82fr) minmax(390px, 1.18fr);
  grid-template-rows: 560px;
  border: 1px solid var(--line);
  scroll-snap-align: start;
  background: rgba(255, 255, 255, 0.22);
}

.doctor-card figure {
  margin: 0;
  overflow: hidden;
  /* matches the black the portraits fade out to, once the img filter below has
     lifted their pure black by a hair, so the picture has no visible edge */
  background: #030303;
}

.doctor-card figure img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  filter: saturate(0.78) contrast(0.98);
  transition: transform 700ms cubic-bezier(0.22, 1, 0.36, 1);
}

.doctor-card:hover figure img {
  transform: scale(1.025);
}

.doctor-card-copy {
  align-self: stretch;
  padding: 34px;
  overflow: auto;
}

.doctor-card h3 {
  min-height: 2em;
  font-size: clamp(38px, 3vw, 52px);
}

.doctor-card .doctor-credentials {
  margin-top: 28px;
}

.doctors-note {
  display: flex;
  justify-content: space-between;
  gap: 40px;
  padding-top: 24px;
  border-top: 1px solid var(--line);
  color: rgba(26, 26, 26, 0.54);
  font-size: 14px;
  letter-spacing: 0.07em;
  line-height: 1.6;
  text-transform: uppercase;
}

.doctors-note p {
  max-width: 720px;
  margin: 0;
}

.doctors-note a {
  flex: 0 0 auto;
  color: var(--ink);
  font-weight: 600;
}

@media (max-width: 820px) {
  .case-portrait {
    height: min(52svh, 540px);
    min-height: 420px;
  }

  .case-detail-grid {
    gap: 42px;
  }

  .image-compare {
    aspect-ratio: 1.45;
  }

  .technology-visual {
    height: min(58svh, 560px);
    min-height: 440px;
  }

  .technology-sequence {
    grid-template-columns: 1fr 1fr;
  }

  .technology-step {
    min-height: 180px;
    padding: 24px;
  }

  .doctor-feature {
    grid-template-columns: 1fr;
    min-height: 0;
  }

  .doctor-feature-portrait {
    height: min(74svh, 720px);
  }

  .doctor-feature-copy {
    border-top: 1px solid var(--line);
    border-left: 0;
  }

  .doctor-scroll {
    grid-auto-columns: none;
  }

  .doctor-card {
    flex-basis: min(76vw, 520px);
    grid-template-columns: 1fr;
    grid-template-rows: minmax(430px, 58svh) auto;
  }
}

@media (max-width: 560px) {
  .real-smiles h2,
  .technology h2 {
    font-size: clamp(50px, 13vw, 66px);
  }

  .case-portrait {
    height: 46svh;
    min-height: 370px;
  }

  .case-detail-grid {
    padding-top: 46px;
    padding-bottom: 60px;
  }

  .case-copy h3 {
    font-size: clamp(46px, 13vw, 58px);
  }

  .image-compare {
    aspect-ratio: 1.2;
  }

  .technology {
    padding: 70px 0 64px;
  }

  .technology-visual {
    height: 46svh;
    min-height: 370px;
  }

  .technology-sequence {
    grid-template-columns: 1fr 1fr;
  }

  .technology-step,
  .technology-step:nth-child(2n),
  .technology-step:nth-child(3) {
    min-height: 170px;
    padding: 20px 16px;
    border-right: 1px solid rgba(255, 255, 255, 0.15);
  }

  .technology-step:nth-child(2n) {
    border-right: 0;
  }

  .technology-step strong {
    font-size: 36px;
  }

  .technology-step p {
    font-size: 14px;
  }

  .doctors {
    padding: 76px 0 72px;
  }

  .doctors-heading h2 {
    font-size: clamp(56px, 15vw, 74px);
  }

  .doctor-feature-portrait {
    height: 58svh;
    min-height: 470px;
  }

  .doctor-feature-copy {
    padding: 38px 24px;
  }

  .doctor-feature-copy h3 {
    font-size: 50px;
  }

  .doctor-credentials div {
    grid-template-columns: 90px 1fr;
    gap: 12px;
  }

  .doctor-scroll {
    grid-auto-columns: none;
    gap: 14px;
  }

  .doctor-card {
    flex-basis: 86vw;
  }

  .doctor-roster-heading {
    align-items: flex-start;
    flex-direction: column;
  }

  .doctor-scroll-controls {
    width: 100%;
    grid-template-columns: 38px 1fr 38px;
  }

  .doctor-card {
    grid-template-rows: 64svh auto;
  }

  .doctor-card-copy {
    padding: 24px 20px;
  }

  .doctor-card h3 {
    min-height: 0;
    font-size: 40px;
  }

  .doctors-note {
    align-items: flex-start;
    flex-direction: column;
    gap: 18px;
  }
}

/* Definitive compact sizing for the story and digital workflow sections. */
@media (min-width: 821px) {
  .real-smiles {
    padding-top: 64px;
  }

  .real-smiles-title-row {
    margin-top: 22px;
  }

  .real-smiles h2 {
    font-size: clamp(54px, 4.8vw, 76px);
  }

  .case-selector {
    margin-top: 38px;
  }

  .case-portrait {
    height: 380px;
    min-height: 0;
  }

  .case-portrait figcaption strong {
    font-size: clamp(42px, 3.7vw, 60px);
  }

  .case-detail-grid {
    gap: clamp(36px, 4vw, 64px);
    padding-top: 42px;
    padding-bottom: 56px;
  }

  .case-copy {
    padding-top: 8px;
  }

  .case-copy h3 {
    font-size: clamp(42px, 3.4vw, 56px);
  }

  .image-compare {
    aspect-ratio: 1.9;
    max-height: 390px;
  }

  .technology {
    padding: 62px 0 58px;
  }

  .technology-title-row {
    margin-top: 22px;
  }

  .technology h2 {
    font-size: clamp(52px, 4.7vw, 76px);
  }

  .technology-stage {
    grid-template-columns: minmax(0, 1fr) 360px;
    height: 600px;
    margin-top: 40px;
    will-change: transform;
  }

  .technology-visual {
    height: 598px;
    min-height: 0;
  }

  .technology-sequence {
    height: 598px;
  }

  .technology-step {
    min-height: 0;
    padding: 18px 22px;
  }

  .technology-step strong {
    font-size: 34px;
  }

  .technology-step p {
    margin-top: 7px;
    font-size: 14px;
    line-height: 1.45;
  }

  .technology-footer {
    padding-block: 22px;
  }
}

.technology.has-gsap .technology-step {
  opacity: 0.16;
}

.technology.has-gsap .technology-step.is-active {
  opacity: 1;
  background: rgba(255, 255, 255, 0.055);
}

.technology.has-gsap .technology-step.is-active strong,
.technology.has-gsap .technology-step.is-active p {
  color: var(--cream);
}

.technology.has-gsap .technology-step.is-active .technology-step-number,
.technology.has-gsap .technology-step.is-active .technology-step-mark {
  color: #adadad;
}

/* Compact, container-aligned team carousel with manual horizontal control. */
.doctors-heading,
.doctor-feature,
.doctor-roster,
.doctors-note {
  width: min(1180px, calc(100% - (var(--page-pad) * 2)));
  margin-right: auto;
  margin-left: auto;
}

.doctor-roster {
  margin-top: clamp(52px, 5vw, 72px);
}

.doctor-scroll {
  gap: 16px;
  padding: 22px 0 28px;
}

@media (min-width: 821px) {
  .doctor-feature {
    grid-template-columns: minmax(0, 0.9fr) minmax(380px, 1.1fr);
    min-height: 500px;
  }

  .doctor-feature-portrait {
    height: 500px;
  }

  .doctor-feature-copy {
    padding: 42px 48px;
  }

  .doctor-card {
    flex-basis: 360px;
    grid-template-columns: 1fr;
    grid-template-rows: 360px auto;
  }

  .doctor-card figure {
    height: 360px;
    aspect-ratio: 1;
    background: #0b0b0b;
  }

  .doctor-card figure img {
    width: 100%;
    max-width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    transform: none;
  }

  .doctor-card:hover figure img {
    transform: none;
  }

  .doctor-card-copy {
    padding: 24px;
    overflow: visible;
  }

  .doctor-card h3 {
    min-height: 0;
    margin-top: 14px;
    font-size: 38px;
  }

  .doctor-card .doctor-credentials {
    margin-top: 20px;
  }

  .doctor-card .doctor-credentials div {
    grid-template-columns: 92px 1fr;
    gap: 12px;
    padding: 10px 0;
  }
}

/* Unified dental-clinic layout and colour system. */
.site-header.is-scrolled {
  background: rgba(242, 242, 242, 0.9);
}

.hero-intro,
.philosophy-text,
.treatments-intro,
.treatment-story-summary {
  color: var(--muted);
}

.visual-card {
  background: rgba(251, 251, 251, 0.93);
}

.hero-visual,
.philosophy-visual {
  background: #1d1d1d;
}

.trust-index {
  border-color: rgba(111, 111, 111, 0.3);
}

.philosophy,
.doctors {
  padding-block: var(--section-space);
  background: var(--cream);
}

.treatments {
  padding-block: var(--section-space);
  background: var(--canvas);
}

.real-smiles {
  padding-top: var(--section-space);
  background: var(--dark);
}

.real-smiles .eyebrow,
.real-smiles h2 em,
.case-copy h3 em,
.doctors-heading h2 em,
.doctor-index,
.doctor-role {
  color: var(--accent);
}

.case-selector button[aria-selected="true"],
.credential-source,
.doctors-note a {
  color: var(--accent-deep);
}

.case-selector button[aria-selected="true"] {
  color: var(--cream);
}

.case-selector button::after,
.doctor-scroll-progress i,
.doctor-scroll::-webkit-scrollbar-thumb {
  background: var(--accent);
}

.case-selector button span {
  color: var(--accent);
}

.treatment-story-visual,
.treatment-story:nth-child(even) .treatment-story-visual {
  width: 100%;
  margin-right: 0;
  margin-left: 0;
}

.case-portrait {
  width: min(var(--container), calc(100% - (var(--page-pad) * 2)));
  margin-inline: auto;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: #1d1d1d;
}

.case-portrait figcaption.container {
  width: calc(100% - (var(--page-pad) * 2));
}

.doctors-heading,
.doctor-feature,
.doctor-roster,
.doctors-note {
  width: min(var(--container), calc(100% - (var(--page-pad) * 2)));
}

.doctor-feature-portrait {
  background: var(--canvas-deep);
}

.doctor-feature-portrait img,
.doctor-card figure img {
  object-position: center center;
}

.doctor-scroll {
  scrollbar-color: var(--accent-deep) transparent;
}

.doctor-scroll:focus-visible {
  outline-color: var(--accent-deep);
}

/* Team cards keep the portrait clean while credentials sit below it. */
.doctor-card {
  flex: 0 0 clamp(250px, 24vw, 310px);
  display: flex;
  flex-direction: column;
  aspect-ratio: auto;
  border: 0;
  background: transparent;
}

.doctor-card figure {
  width: 100%;
  height: auto;
  flex: 0 0 auto;
  aspect-ratio: 1;
  border: 1px solid var(--line);
  background: #1d1d1d;
}

.doctor-card figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(0.86) contrast(0.98);
}

.doctor-card-copy {
  display: block;
  padding: 18px 2px 0;
  overflow: visible;
}

.doctor-card h3 {
  min-height: 0;
  margin-top: 10px;
  font-size: clamp(28px, 2.2vw, 36px);
  line-height: 0.96;
}

.doctor-card .doctor-credentials {
  margin-top: 18px;
}

.doctor-card .doctor-credentials div {
  grid-template-columns: 82px 1fr;
  gap: 10px;
  padding: 9px 0;
}

.doctor-card .doctor-credentials dt,
.doctor-card .doctor-credentials dd {
  font-size: 14px;
}

@media (max-width: 820px) {
  .case-portrait,
  .case-selector,
  .doctors-heading,
  .doctor-feature,
  .doctor-roster,
  .doctors-note {
    width: min(var(--container), calc(100% - (var(--page-pad) * 2)));
  }

  .doctor-card {
    flex-basis: min(72vw, 300px);
  }
}

@media (max-width: 560px) {
  :root {
    --page-pad: 18px;
    --section-space: 70px;
  }

  .doctor-card {
    flex-basis: min(76vw, 280px);
  }
}

/* Shared inner pages and footer */
.inner-page {
  background: var(--cream);
}

.inner-page main {
  padding-top: var(--header-height);
}

.inner-site-header {
  background: rgba(251, 251, 251, 0.95);
}

.page-hero {
  padding: clamp(70px, 9vw, 130px) 0;
  background: var(--canvas);
}

.page-hero.compact {
  padding-block: clamp(62px, 7vw, 100px);
}

.page-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(420px, 0.78fr);
  align-items: center;
  gap: clamp(54px, 8vw, 130px);
}

.page-hero h1,
.clinic-banner h1,
.about-editorial h2 {
  margin: 34px 0 0;
  font-family: var(--font-heading);
  font-size: clamp(72px, 7vw, 116px);
  font-weight: 400;
  letter-spacing: -0.055em;
  line-height: 0.86;
}

.page-hero h1 em,
.clinic-banner h1 em,
.about-editorial h2 em {
  color: var(--accent-deep);
  font-weight: 400;
}

.page-hero-grid > div > p:last-child {
  max-width: 610px;
  margin: 38px 0 0;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.8;
}

.page-hero figure {
  height: clamp(480px, 52vw, 700px);
  margin: 0;
  overflow: hidden;
}

.page-hero.compact figure {
  height: clamp(420px, 44vw, 580px);
}

.page-hero figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.treatment-directory,
.people-grid,
.insight-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  padding-block: var(--section-space);
}

.treatment-directory article {
  min-height: 330px;
  padding: clamp(36px, 5vw, 66px);
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.treatment-directory article:nth-child(2n) {
  border-right: 0;
}

.treatment-directory article > span,
.mission-grid article > span {
  color: var(--accent-deep);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.15em;
}

.treatment-directory h2,
.people-grid h2,
.mission-grid h2,
.insight-grid h2 {
  margin: 54px 0 0;
  font-family: var(--font-heading);
  font-size: clamp(38px, 4vw, 58px);
  font-weight: 400;
  line-height: 0.98;
}

.treatment-directory p,
.people-grid p,
.people-grid dd,
.mission-grid p,
.insight-grid p,
.about-editorial p {
  color: var(--muted);
  font-size: 14px;
  line-height: 1.75;
}

.page-cta {
  padding: 52px 0;
  background: var(--canvas-deep);
}

.page-cta .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}

.page-cta p {
  margin: 0;
  font-family: var(--font-heading);
  font-size: clamp(30px, 3vw, 46px);
}

.page-cta a,
.insight-grid a {
  padding-bottom: 8px;
  border-bottom: 1px solid currentColor;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.official-case-grid {
  display: grid;
  gap: clamp(70px, 10vw, 140px);
  padding-block: var(--section-space);
}

.official-case-grid article > p {
  margin: 20px 0 0;
  color: var(--muted);
  font-size: 14px;
  letter-spacing: 0.1em;
}

.official-pair {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2px;
  background: var(--line);
}

.official-pair figure {
  position: relative;
  height: clamp(360px, 42vw, 620px);
  margin: 0;
  overflow: hidden;
  background: #111;
}

.official-pair img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.official-pair figcaption {
  position: absolute;
  bottom: 18px;
  left: 18px;
  padding: 7px 10px;
  background: rgba(26, 26, 26, 0.76);
  color: white;
  font-size: 14px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.clinical-disclaimer {
  padding-bottom: var(--section-space);
  color: var(--muted);
  font-size: 14px;
  text-transform: uppercase;
}

.people-grid {
  gap: 64px 22px;
}

.people-grid article {
  padding-bottom: 36px;
  border-bottom: 1px solid var(--line);
}

.people-grid article:first-child {
  grid-column: span 2;
}

.people-grid img {
  width: 100%;
  aspect-ratio: 1 / 0.82;
  object-fit: cover;
  object-position: center 18%;
  background: var(--canvas-deep);
}

.people-grid article:first-child img {
  aspect-ratio: 1 / 0.58;
  object-position: center 20%;
}

.people-grid h2 {
  margin-top: 28px;
}

.people-grid dl {
  display: grid;
  grid-template-columns: 90px 1fr;
  gap: 10px;
  margin: 24px 0 0;
}

.people-grid dt {
  color: var(--accent-deep);
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
}

.people-grid dd {
  margin: 0;
}

.clinic-banner {
  position: relative;
  min-height: min(780px, 82vh);
  display: flex;
  align-items: flex-end;
  overflow: hidden;
  background: var(--dark);
  color: white;
}

.clinic-banner::after {
  position: absolute;
  inset: 0;
  content: "";
  background: linear-gradient(180deg, rgba(22, 22, 22, 0.05) 25%, rgba(22, 22, 22, 0.88));
}

.clinic-banner > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.clinic-banner .container {
  position: relative;
  z-index: 2;
  padding-bottom: clamp(54px, 8vw, 110px);
}

.clinic-banner h1 em {
  color: #cbcbcb;
}

.about-editorial {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: clamp(60px, 10vw, 150px);
  padding-block: var(--section-space);
}

.about-editorial h2 {
  font-size: clamp(58px, 6vw, 92px);
}

.about-editorial > div:last-child {
  padding-top: 80px;
}

.clinic-gallery {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  padding-bottom: var(--section-space);
}

.clinic-gallery .wide {
  grid-column: span 2;
}

.clinic-gallery figure {
  margin: 0;
}

.clinic-gallery img {
  width: 100%;
  height: clamp(380px, 46vw, 680px);
  object-fit: cover;
}

.clinic-gallery figure:not(.wide) img {
  height: clamp(340px, 38vw, 540px);
}

.clinic-gallery figcaption {
  padding-top: 12px;
  color: var(--muted);
  font-size: 14px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.mission-grid {
  padding: var(--section-space) 0;
  background: var(--dark);
  color: white;
}

.mission-grid .container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

.mission-grid article {
  min-height: 330px;
  padding: 40px;
  border-right: 1px solid rgba(255,255,255,.14);
}

.mission-grid article:last-child {
  border-right: 0;
}

.mission-grid p {
  color: rgba(255,255,255,.6);
}

.insight-grid {
  gap: 70px 22px;
}

.insight-grid article {
  border-bottom: 1px solid var(--line);
}

.insight-grid img {
  width: 100%;
  aspect-ratio: 1.35;
  object-fit: cover;
}

.insight-grid article > div {
  padding: 26px 0 38px;
}

.insight-grid h2 {
  margin: 20px 0 0;
}

.insight-grid a {
  display: inline-block;
  margin-top: 24px;
}

.site-footer {
  position: relative;
  overflow: hidden;
  border-top: 4px solid #979797;
  background:
    radial-gradient(circle at 22% 35%, rgba(109, 109, 109, .22), transparent 34%),
    linear-gradient(135deg, #1e1e1e, #252525 55%, #151515);
  color: rgba(255,255,255,.72);
}

.footer-main {
  display: grid;
  grid-template-columns: 1.05fr .8fr 1.5fr .65fr;
  gap: clamp(36px, 5vw, 80px);
  padding-block: clamp(60px, 7vw, 92px);
}

.footer-brand img {
  width: 150px;
  height: 72px;
  object-fit: contain;
  /* Koyu zeminde okunması için koyu logo beyaza çevrilir. */
  filter: brightness(0) invert(1);
  opacity: 0.94;
  transition: opacity 240ms ease;
}

.footer-brand a:hover img {
  opacity: 1;
}

.footer-brand i {
  display: block;
  width: 54px;
  height: 2px;
  margin: 20px 0;
  background: #979797;
}

.footer-brand p,
.footer-bottom p {
  margin: 0;
  font-size: 14px;
  line-height: 1.7;
}

.footer-label {
  margin: 0 0 24px;
  color: #b2b2b2;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.footer-links {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.footer-links a {
  font-size: 14px;
}

.footer-contact {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.footer-contact > a {
  display: grid;
  grid-template-columns: 38px 1fr;
  align-items: start;
  gap: 12px;
  font-size: 14px;
  line-height: 1.5;
}

/* ikon, metnin ILK SATIR kutusunun ortasina hizalanir (tasma yapmadan) */
.footer-contact > a > b {
  align-self: start;
  transform: translateY(calc((1.5em - 36px) / 2));
}

.footer-contact b {
  display: grid;
  flex: 0 0 auto;
  width: 36px;
  height: 36px;
  place-items: center;
  border: 1px solid rgba(178, 178, 178, .5);
  border-radius: 50%;
  color: #b2b2b2;
  font-size: 15px;
}

/* ikon ve metin ayni hizadan baslasin */
.footer-contact > a > span {
  display: block;
  padding-top: 0;
}

.footer-social > div {
  display: flex;
  gap: 8px;
}

.footer-social a {
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 50%;
  font-size: 14px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.82);
  transition: border-color 240ms ease, background-color 240ms ease, color 240ms ease, transform 320ms cubic-bezier(0.22, 1, 0.36, 1);
}

.footer-social a svg {
  width: 17px;
  height: 17px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.footer-social a:hover,
.footer-social a:focus-visible {
  border-color: transparent;
  background: #979797;
  color: #1d1d1d;
  transform: translateY(-3px);
}

.footer-bottom {
  border-top: 1px solid rgba(255,255,255,.12);
}

.footer-bottom .container {
  position: relative;
  min-height: 76px;
  display: flex;
  align-items: center;
  padding-right: 120px;
}

.agency-signature {
  position: absolute;
  top: 50%;
  right: 0;
  bottom: auto;
  width: 130px;
  height: 22px;
  perspective: 100px;
  transform: translateY(-50%);
}

.agency-card {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
}

.agency-card i {
  position: absolute;
  inset: 0;
  display: block;
  background-position: right center;
  background-repeat: no-repeat;
  background-size: contain;
  backface-visibility: hidden;
  transition: transform .4s ease;
}

.agency-front {
  background-image: url("../img/ajans360-white.svg");
}

.agency-back {
  background-image: url("../img/ajans360-url-back.svg");
  transform: rotateY(180deg);
}

.agency-signature:hover .agency-front {
  transform: rotateY(180deg);
}

.agency-signature:hover .agency-back {
  transform: rotateY(360deg);
}

@media (max-width: 980px) {
  .page-hero-grid,
  .about-editorial {
    grid-template-columns: 1fr;
  }

  .page-hero figure {
    height: 560px;
  }

  .about-editorial > div:last-child {
    padding-top: 0;
  }

  .mission-grid .container,
  .footer-main {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 640px) {
  .page-hero h1,
  .clinic-banner h1 {
    font-size: clamp(56px, 16vw, 76px);
  }

  .page-hero figure {
    height: 430px;
  }

  .treatment-directory,
  .people-grid,
  .insight-grid,
  .official-pair,
  .clinic-gallery,
  .mission-grid .container,
  .footer-main {
    grid-template-columns: 1fr;
  }

  .treatment-directory article,
  .people-grid article:first-child,
  .clinic-gallery .wide {
    grid-column: auto;
  }

  .treatment-directory article {
    border-right: 0;
  }

  .official-pair figure {
    height: 360px;
  }

  .clinic-gallery figure:not(.wide) img,
  .clinic-gallery img {
    height: 400px;
  }

  .mission-grid article {
    border-right: 0;
    border-bottom: 1px solid rgba(255,255,255,.14);
  }

  .footer-bottom .container {
    min-height: 106px;
    padding-right: 0;
  }

  .footer-bottom .agency-signature {
    right: auto;
    left: 0;
  }
}

/* ── Konsültasyon sayfası: tam sayfa editoryal düzen ── */
.consultation-page .consultation-page-main {
  min-height: 100svh;
  background: #f4f4f4;
}

.consultation-page .consultation-page-flow {
  margin: 0;
  padding: 0;
  overflow: visible;
  border-radius: 0 !important;
  background: #f4f4f4;
  opacity: 1 !important;
  transform: none !important;
}

.consultation-page .consultation-page-layout {
  display: grid;
  width: 100%;
  max-width: none;
  min-height: calc(100svh - var(--header-height, 86px));
  grid-template-columns: minmax(420px, 42%) minmax(0, 58%);
  align-items: stretch;
  gap: 0;
  padding: 0;
  border-radius: 0;
}

.consultation-page .consultation-page-summary {
  position: relative;
  top: auto;
  display: flex;
  min-height: calc(100svh - var(--header-height, 86px));
  flex-direction: column;
  padding: clamp(46px, 5.1vw, 84px) clamp(44px, 6.4vw, 112px) clamp(40px, 4.6vw, 72px);
  overflow: hidden;
  border-radius: 0;
  background:
    radial-gradient(circle at 105% 3%, rgba(160, 160, 160, .24), transparent 31%),
    radial-gradient(circle at -10% 105%, rgba(116, 116, 116, .13), transparent 32%),
    linear-gradient(145deg, #1c1c1c 0%, #1f1f1f 42%, #262626 100%);
  box-shadow: none;
  color: #fff;
}

.consultation-page .consultation-page-summary::before,
.consultation-page .consultation-page-summary::after {
  content: "";
  position: absolute;
  border: 1px solid rgba(255, 255, 255, .07);
  border-radius: 50%;
  pointer-events: none;
}

.consultation-page .consultation-page-summary::before {
  top: -280px;
  right: -290px;
  width: 680px;
  height: 680px;
}

.consultation-page .consultation-page-summary::after {
  right: -165px;
  bottom: -210px;
  width: 440px;
  height: 440px;
}

.consultation-page .consultation-return {
  position: relative;
  z-index: 2;
  width: fit-content;
  margin: 0 0 clamp(48px, 7vh, 86px);
  color: rgba(255, 255, 255, .7);
  font-size: 14px;
}

.consultation-page .consultation-summary-copy {
  position: relative;
  z-index: 1;
  max-width: 620px;
}

.consultation-page .consultation-summary-kicker {
  margin: 0 0 18px;
  color: #b1b1b1;
  font-size: 14px;
}

.consultation-page .consultation-summary-copy h1 {
  margin: 0;
  color: #f6f6f6;
  font-size: clamp(64px, 5.2vw, 94px);
  font-weight: 400;
  letter-spacing: -.065em;
  line-height: .9;
}

.consultation-page .consultation-summary-copy h1 em {
  color: #adadad;
  font-style: normal;
}

.consultation-page .consultation-summary-copy > p:last-child {
  max-width: 500px;
  margin: 30px 0 0;
  color: rgba(255, 255, 255, .64);
  font-size: 15px;
  line-height: 1.65;
}

.consultation-page .consultation-page-map {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  width: 100%;
  max-width: 620px;
  margin: auto 0 26px;
  padding-top: clamp(45px, 7vh, 90px);
}

.consultation-page .consultation-page-map li {
  display: block;
  min-height: 0;
  padding: 28px 18px 0 0;
  color: rgba(255, 255, 255, .52);
}

.consultation-page .consultation-page-map li:not(:last-child)::after {
  top: 6px;
  right: 0;
  bottom: auto;
  left: 7px;
  width: calc(100% - 1px);
  height: 1px;
  background: rgba(255, 255, 255, .18);
}

.consultation-page .consultation-page-map li i {
  position: absolute;
  top: 0;
  left: 0;
  width: 13px;
  height: 13px;
  margin: 0;
  background: #212121;
}

.consultation-page .consultation-page-map li span {
  display: block;
}

.consultation-page .consultation-page-map li b {
  display: block;
  font-size: 15px;
  line-height: 1.25;
}

.consultation-page .consultation-page-map li small {
  display: block;
  margin-top: 7px;
  font-size: 14px;
  line-height: 1.4;
}

.consultation-page .consultation-page-map li.is-active i {
  background: #afafaf;
}

.consultation-page .consultation-page-map li.is-complete i {
  background: #9a9a9a;
}

.consultation-page .consultation-page-progress {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 620px;
  margin: 0;
}

.consultation-page .consultation-page-assurance {
  width: 100%;
  max-width: 620px;
  margin-top: 22px;
  padding-top: 20px;
}

.consultation-page .consultation-page-assurance p {
  font-size: 14px;
}

.consultation-page .consultation-page-assurance b {
  font-size: 14px;
}

.consultation-page .consultation-help {
  position: absolute;
  z-index: 3;
  right: clamp(32px, 4vw, 70px);
  bottom: clamp(40px, 4.6vw, 72px);
  display: grid;
  gap: 3px;
  padding-left: 18px;
  border-left: 1px solid rgba(255, 255, 255, .18);
  color: #fff;
  text-align: right;
  text-decoration: none;
}

.consultation-page .consultation-help span {
  color: rgba(255, 255, 255, .5);
  font-size: 14px;
}

.consultation-page .consultation-help b {
  font-size: 14px;
}

.consultation-page .consultation-form-stage {
  position: relative;
  display: grid;
  min-width: 0;
  place-items: center;
  padding: clamp(42px, 5.5vw, 92px) clamp(40px, 7vw, 120px);
  overflow: hidden;
  border-radius: 0;
  background:
    linear-gradient(rgba(124, 124, 124, .035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(124, 124, 124, .035) 1px, transparent 1px),
    #f8f8f8;
  background-size: 48px 48px;
}

.consultation-page .consultation-form-stage::after {
  content: "";
  position: absolute;
  top: -290px;
  right: -330px;
  width: 680px;
  height: 680px;
  border: 1px solid rgba(95, 95, 95, .08);
  border-radius: 50%;
  pointer-events: none;
}

.consultation-page .consultation-form-stage-inner {
  position: relative;
  z-index: 1;
  width: min(100%, 820px);
}

.consultation-page .consultation-form-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: clamp(58px, 8vh, 98px);
  padding-bottom: 18px;
  border-bottom: 1px solid #d8d8d8;
}

.consultation-page .consultation-form-heading p,
.consultation-page .consultation-form-heading span {
  margin: 0;
  color: #727272;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.consultation-page .consultation-form-heading span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #898989;
  font-weight: 500;
  letter-spacing: .02em;
  text-transform: none;
}

.consultation-page .consultation-form-heading i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #989898;
  box-shadow: 0 0 0 4px rgba(152, 152, 152, .12);
}

.consultation-page .consultation-page-form.wizard-form {
  display: block;
  min-height: 0;
  padding: 0;
  overflow: visible;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.consultation-page .consultation-page-form .wizard-step-kicker {
  margin: 0 0 13px;
  color: #757575;
  font-size: 14px;
  letter-spacing: .16em;
}

.consultation-page .consultation-page-form .consultation-step .wizard-step-title {
  max-width: 760px;
  color: #282828;
  font-size: clamp(52px, 4.3vw, 74px);
  letter-spacing: -.06em;
  line-height: .94;
}

.consultation-page .consultation-page-form .wizard-step-intro {
  max-width: 620px;
  margin: 22px 0 38px;
  color: #787878;
  font-size: 15px;
}

.consultation-page .consultation-page-form .consultation-options--grid {
  gap: 11px;
}

.consultation-page .consultation-page-form .consultation-options span {
  min-height: 88px;
  padding: 20px 58px 20px 20px;
  border: 1px solid #d5d5d5;
  border-radius: 4px;
  background: rgba(255, 255, 255, .68);
  box-shadow: none;
  transition: border-color .2s ease, background-color .2s ease, transform .2s ease;
}

.consultation-page .consultation-page-form .consultation-options span::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 3px;
  background: transparent;
  transition: background-color .2s ease;
}

.consultation-page .consultation-page-form .consultation-options label:hover span {
  border-color: #ababab;
  background: #fff;
  transform: translateY(-2px);
}

.consultation-page .consultation-page-form .consultation-options input:checked + span {
  border-color: #6d6d6d;
  background: #ececec;
  box-shadow: none;
}

.consultation-page .consultation-page-form .consultation-options input:checked + span::before {
  background: #6d6d6d;
}

.consultation-page .consultation-page-form .wizard-actions {
  margin-top: 34px;
}

.consultation-page .consultation-page-form .wizard-actions .button {
  min-height: 58px;
  border-radius: 3px;
  box-shadow: 0 14px 30px rgba(30, 30, 30, .12);
}

.consultation-page .consultation-page-form .wizard-next,
.consultation-page .consultation-page-form .wizard-actions .button-primary {
  border-color: #1d1d1d;
  background: #1d1d1d;
}

.consultation-page .consultation-page-form .wizard-back {
  border-color: #c4c4c4 !important;
  border-radius: 3px;
  background: transparent !important;
  box-shadow: none;
}

.consultation-page .consultation-page-form .wizard-contact-grid input,
.consultation-page .consultation-page-form .wizard-contact-grid select,
.consultation-page .consultation-page-form .wizard-contact-grid textarea {
  border-radius: 3px;
  background: rgba(255, 255, 255, .75);
}

.consultation-page .consultation-form-footer {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  margin-top: clamp(62px, 9vh, 110px);
  padding-top: 18px;
  border-top: 1px solid #d8d8d8;
  color: #919191;
  font-size: 14px;
}

@media (max-width: 1180px) {
  .consultation-page .consultation-page-layout {
    grid-template-columns: minmax(370px, 40%) minmax(0, 60%);
  }

  .consultation-page .consultation-page-summary {
    padding-inline: 44px;
  }

  .consultation-page .consultation-summary-copy h1 {
    font-size: clamp(58px, 6vw, 76px);
  }

  .consultation-page .consultation-page-map {
    grid-template-columns: 1fr;
    gap: 0;
    max-width: 330px;
    padding-top: 44px;
  }

  .consultation-page .consultation-page-map li {
    display: grid;
    min-height: 70px;
    grid-template-columns: 25px minmax(0, 1fr);
    padding: 0;
  }

  .consultation-page .consultation-page-map li i {
    position: relative;
    top: 3px;
    left: 0;
  }

  .consultation-page .consultation-page-map li:not(:last-child)::after {
    top: 17px;
    right: auto;
    bottom: 0;
    left: 6px;
    width: 1px;
    height: auto;
  }

  .consultation-page .consultation-page-map li small {
    margin-top: 4px;
  }

  .consultation-page .consultation-help {
    display: none;
  }

  .consultation-page .consultation-form-stage {
    padding-inline: clamp(34px, 5vw, 64px);
  }
}

@media (max-width: 860px) {
  .consultation-page .consultation-page-flow {
    padding-top: 0;
  }

  .consultation-page .consultation-page-layout {
    display: block;
    min-height: 0;
  }

  .consultation-page .consultation-page-summary {
    display: block;
    min-height: 0;
    padding: 42px 34px 34px;
  }

  .consultation-page .consultation-return {
    margin-bottom: 46px;
  }

  .consultation-page .consultation-summary-copy {
    max-width: 650px;
  }

  .consultation-page .consultation-summary-copy h1 {
    font-size: clamp(62px, 11vw, 88px);
  }

  .consultation-page .consultation-summary-copy > p:last-child {
    max-width: 560px;
  }

  .consultation-page .consultation-page-map {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    max-width: 650px;
    margin: 42px 0 24px;
    padding-top: 0;
  }

  .consultation-page .consultation-page-map li {
    display: block;
    min-height: 0;
    padding: 28px 12px 0 0;
  }

  .consultation-page .consultation-page-map li i {
    position: absolute;
    top: 0;
  }

  .consultation-page .consultation-page-map li:not(:last-child)::after {
    top: 6px;
    right: 0;
    bottom: auto;
    left: 7px;
    width: calc(100% - 1px);
    height: 1px;
  }

  .consultation-page .consultation-page-progress,
  .consultation-page .consultation-page-assurance {
    max-width: 650px;
  }

  .consultation-page .consultation-form-stage {
    display: block;
    padding: 42px 34px 64px;
  }

  .consultation-page .consultation-form-heading {
    margin-bottom: 58px;
  }
}

@media (max-width: 560px) {
  .consultation-page .consultation-page-summary {
    padding: 30px 20px 27px;
  }

  .consultation-page .consultation-return {
    margin-bottom: 38px;
    font-size: 14px;
  }

  .consultation-page .consultation-summary-kicker {
    max-width: 280px;
    font-size: 14px;
    line-height: 1.5;
  }

  .consultation-page .consultation-summary-copy h1 {
    font-size: clamp(54px, 16vw, 72px);
  }

  .consultation-page .consultation-summary-copy > p:last-child {
    margin-top: 24px;
    font-size: 14px;
  }

  .consultation-page .consultation-page-map {
    margin-top: 36px;
  }

  .consultation-page .consultation-page-map li {
    padding-right: 6px;
  }

  .consultation-page .consultation-page-map li b {
    font-size: 14px;
  }

  .consultation-page .consultation-page-map li small {
    display: none;
  }

  .consultation-page .consultation-page-assurance {
    margin-top: 17px;
    padding-top: 17px;
  }

  .consultation-page .consultation-form-stage {
    padding: 30px 20px 52px;
    background-size: 38px 38px;
  }

  .consultation-page .consultation-form-heading {
    margin-bottom: 46px;
    padding-bottom: 15px;
  }

  .consultation-page .consultation-form-heading p {
    max-width: 135px;
    font-size: 14px;
    line-height: 1.4;
  }

  .consultation-page .consultation-form-heading span {
    font-size: 14px;
  }

  .consultation-page .consultation-page-form .consultation-step .wizard-step-title {
    font-size: clamp(42px, 12vw, 55px);
  }

  .consultation-page .consultation-page-form .wizard-step-intro {
    margin: 18px 0 30px;
    font-size: 14px;
  }

  .consultation-page .consultation-page-form .consultation-options--grid {
    grid-template-columns: 1fr;
  }

  .consultation-page .consultation-page-form .consultation-options span {
    min-height: 78px;
    border-radius: 3px;
  }

  .consultation-page .consultation-page-form .wizard-actions {
    margin-top: 28px;
  }

  .consultation-page .consultation-form-footer {
    display: grid;
    gap: 6px;
    margin-top: 64px;
  }
}

/* Cinematic hero reel: four self-contained visual chapters. */
.hero {
  min-height: auto;
  padding: calc(var(--header-height) + 24px) 0 32px;
}

.hero::before {
  display: none;
}

.hero-container {
  position: relative;
  display: block;
  min-height: clamp(620px, calc(100svh - var(--header-height) - 56px), 820px);
  overflow: hidden;
  isolation: isolate;
  border: 1px solid rgba(187, 187, 187, 0.24);
  background: #1d1d1d;
}

.hero-reel {
  position: absolute;
  inset: 0;
  z-index: -2;
  overflow: hidden;
  background: #1d1d1d;
}

.hero-shot {
  position: absolute;
  inset: 0;
  margin: 0;
  opacity: 0;
  clip-path: inset(0 7% 0 7%);
  transform: scale(1.085);
  filter: saturate(0.72) contrast(1.04);
  transition:
    opacity 1050ms ease,
    clip-path 1200ms cubic-bezier(0.22, 1, 0.36, 1),
    transform 5200ms cubic-bezier(0.2, 0.6, 0.2, 1);
}

.hero-shot.is-active {
  z-index: 1;
  opacity: 1;
  clip-path: inset(0);
  transform: scale(1.015);
}

.hero-shot img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.hero-shot:first-child img {
  object-position: 58% 43%;
}

.hero-reel-wash,
.hero-reel-grain {
  position: absolute;
  inset: 0;
  z-index: 3;
  pointer-events: none;
}

.hero-reel-wash {
  background:
    linear-gradient(90deg, rgba(22, 22, 22, 0.92) 0%, rgba(22, 22, 22, 0.72) 38%, rgba(22, 22, 22, 0.18) 70%, rgba(22, 22, 22, 0.3) 100%),
    linear-gradient(180deg, rgba(22, 22, 22, 0.18), transparent 50%, rgba(22, 22, 22, 0.66));
}

.hero-reel-grain {
  opacity: 0.14;
  background-image:
    radial-gradient(circle at 20% 30%, rgba(255, 255, 255, 0.16) 0 0.6px, transparent 0.8px),
    radial-gradient(circle at 70% 60%, rgba(255, 255, 255, 0.12) 0 0.5px, transparent 0.8px);
  background-size: 7px 7px, 11px 11px;
  mix-blend-mode: soft-light;
}

.hero .hero-copy {
  position: relative;
  z-index: 4;
  width: min(820px, 72%);
  min-height: clamp(620px, calc(100svh - var(--header-height) - 56px), 820px);
  justify-content: center;
  padding: clamp(56px, 7vw, 104px);
}

.hero .eyebrow {
  color: var(--accent);
}

.hero h1 {
  max-width: 760px;
  color: var(--cream);
  font-size: clamp(72px, 7vw, 118px);
}

.hero h1 em {
  color: #c3c3c3;
}

.hero .hero-intro {
  color: rgba(251, 251, 251, 0.76);
}

.hero .button-primary {
  background: var(--cream);
  color: var(--ink);
}

.hero .button-primary:hover,
.hero .button-primary:focus-visible {
  background: var(--accent);
  color: #1d1d1d;
}

.hero .button-text {
  color: var(--cream);
}

.hero .button-text::after {
  background: var(--cream);
}

.hero-reel-meta {
  position: absolute;
  right: clamp(24px, 3vw, 44px);
  bottom: clamp(24px, 3vw, 40px);
  z-index: 5;
  display: grid;
  grid-template-columns: auto minmax(86px, 150px) auto;
  align-items: center;
  gap: 11px;
  color: rgba(251, 251, 251, 0.76);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.hero-reel-progress {
  position: relative;
  height: 1px;
  overflow: hidden;
  background: rgba(251, 251, 251, 0.28);
}

.hero-reel-progress i {
  position: absolute;
  inset: 0;
  display: block;
  transform: scaleX(0);
  transform-origin: left center;
  background: var(--accent);
}

.hero-reel-progress i.is-running {
  animation: hero-reel-progress 4200ms linear forwards;
}

@keyframes hero-reel-progress {
  to { transform: scaleX(1); }
}

.hero-reel-caption {
  grid-column: 1 / -1;
  justify-self: end;
  color: rgba(251, 251, 251, 0.58);
}

.hero .scroll-cue {
  right: auto;
  bottom: clamp(24px, 3vw, 40px);
  left: clamp(24px, 3vw, 44px);
  z-index: 5;
  color: rgba(251, 251, 251, 0.72);
}

@media (max-width: 820px) {
  .hero {
    padding-top: calc(var(--header-height) + 16px);
  }

  .hero-container,
  .hero .hero-copy {
    min-height: min(760px, calc(100svh - var(--header-height) - 36px));
  }

  .hero .hero-copy {
    width: 100%;
    padding: 64px clamp(24px, 7vw, 48px) 150px;
  }

  .hero h1 {
    max-width: 620px;
    font-size: clamp(64px, 12vw, 94px);
  }

  .hero-reel-wash {
    background:
      linear-gradient(90deg, rgba(22, 22, 22, 0.86), rgba(22, 22, 22, 0.32)),
      linear-gradient(180deg, rgba(22, 22, 22, 0.28), transparent 42%, rgba(22, 22, 22, 0.82));
  }
}

@media (max-width: 560px) {
  .hero-container,
  .hero .hero-copy {
    min-height: 690px;
  }

  .hero .hero-copy {
    padding: 58px 22px 160px;
  }

  .hero h1 {
    margin-top: 30px;
    font-size: clamp(56px, 17vw, 76px);
  }

  .hero .hero-intro {
    max-width: 330px;
    margin-top: 30px;
    font-size: 15px;
  }

  .hero-actions {
    align-items: flex-start;
    flex-direction: column;
    gap: 14px;
    margin-top: 30px;
  }

  .hero-reel-meta {
    right: 20px;
    bottom: 24px;
    grid-template-columns: auto minmax(72px, 110px) auto;
  }

  .hero .scroll-cue {
    display: none;
  }

  .hero-shot:first-child img {
    object-position: 62% 40%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hero-shot {
    transition: none;
  }

  .hero-reel-progress i {
    animation: none !important;
    transform: scaleX(1);
  }
}

/* International patient experience */
.scroll-reveal {
  opacity: 0;
  transform: translateY(44px);
  transition: opacity 720ms cubic-bezier(0.22, 1, 0.36, 1), transform 720ms cubic-bezier(0.22, 1, 0.36, 1);
  will-change: opacity, transform;
}

.scroll-reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
  .scroll-reveal,
  .scroll-reveal.is-visible {
    opacity: 1;
    transform: none;
    transition: none;
  }
}

.international-experience {
  padding: var(--section-space) 0;
  overflow: hidden;
  background: var(--dark);
  color: var(--cream);
}

.international-visual {
  position: relative;
  min-height: clamp(540px, 64vw, 720px);
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: #1d1d1d;
}

.international-visual > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  filter: saturate(0.78) contrast(1.02);
}

.international-visual-wash {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(22, 22, 22, 0.92), rgba(22, 22, 22, 0.62) 44%, rgba(22, 22, 22, 0.08) 76%),
    linear-gradient(180deg, rgba(22, 22, 22, 0.12), transparent 55%, rgba(22, 22, 22, 0.62));
}

.international-copy {
  position: relative;
  z-index: 2;
  display: flex;
  width: min(680px, 62%);
  min-height: clamp(540px, 64vw, 720px);
  flex-direction: column;
  justify-content: center;
  padding: clamp(46px, 7vw, 96px);
}

.international-copy .eyebrow {
  color: var(--accent);
}

.international-copy h2 {
  margin: 34px 0 0;
  font-family: var(--font-heading);
  font-size: clamp(68px, 7vw, 112px);
  font-weight: 400;
  letter-spacing: -0.05em;
  line-height: 0.87;
}

.international-copy h2 em {
  color: #c3c3c3;
  font-weight: 400;
}

.international-copy > p:last-child {
  max-width: 520px;
  margin: 42px 0 0;
  color: rgba(251, 251, 251, 0.72);
  font-size: 15px;
  font-weight: 300;
  line-height: 1.75;
}

.international-steps {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border-right: 1px solid rgba(255, 255, 255, 0.14);
  border-bottom: 1px solid rgba(255, 255, 255, 0.14);
  border-left: 1px solid rgba(255, 255, 255, 0.14);
}

.international-steps article {
  min-height: 250px;
  padding: clamp(28px, 3vw, 42px);
  border-right: 1px solid rgba(255, 255, 255, 0.14);
}

.international-steps article:last-child {
  border-right: 0;
}

.international-steps article > span {
  color: var(--accent);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.16em;
}

.international-steps h3 {
  margin: 42px 0 0;
  font-family: var(--font-heading);
  font-size: clamp(29px, 2.5vw, 40px);
  font-weight: 400;
  line-height: 1;
}

.international-steps p {
  margin: 22px 0 0;
  color: rgba(251, 251, 251, 0.58);
  font-size: 14px;
  line-height: 1.65;
}

.international-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  padding-top: 28px;
  color: rgba(251, 251, 251, 0.64);
  font-size: 14px;
}

.international-footer p {
  margin: 0;
}

.international-footer a,
.guide-cta a {
  display: inline-flex;
  align-items: center;
  gap: 18px;
  padding-bottom: 8px;
  border-bottom: 1px solid currentColor;
  color: var(--cream);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

/* Header language list mirrors the clinic's published languages. */
.desktop-nav {
  gap: clamp(14px, 1.45vw, 24px);
}

.desktop-nav a {
  font-size: 14px;
}

.language-menu {
  width: min(340px, calc(100vw - 32px));
  max-height: min(68vh, 520px);
  grid-template-columns: 1fr 1fr;
  overflow-y: auto;
}

/* Three-step WhatsApp consultation */
.consultation-wizard[open] {
  grid-template-columns: minmax(300px, 0.82fr) minmax(480px, 1.18fr);
}

.consultation-wizard .dialog-copy {
  background: var(--dark);
  color: var(--cream);
}

.consultation-wizard .dialog-copy .eyebrow,
.consultation-wizard .dialog-copy h2 em {
  color: var(--accent);
}

.wizard-progress {
  position: relative;
  height: 2px;
  margin-top: 44px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.16);
}

.wizard-progress i {
  position: absolute;
  inset: 0;
  display: block;
  transform: scaleX(0.333);
  transform-origin: left center;
  background: var(--accent);
  transition: transform 350ms ease;
}

.wizard-count {
  margin: 14px 0 0 !important;
  color: rgba(251, 251, 251, 0.54) !important;
  font-size: 14px !important;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.wizard-form {
  min-height: 610px;
  padding: clamp(42px, 5vw, 72px);
}

.consultation-step {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

.consultation-step[hidden] {
  display: none;
}

.consultation-step legend {
  width: 100%;
  margin-bottom: 30px;
  font-family: var(--font-heading);
  font-size: clamp(40px, 4vw, 58px);
  line-height: 0.98;
}

.consultation-options {
  display: grid;
  gap: 9px;
}

.consultation-options label {
  position: relative;
  display: block;
  margin: 0;
}

.consultation-options input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.consultation-options span {
  display: flex;
  min-height: 48px;
  align-items: center;
  padding: 12px 16px;
  border: 1px solid var(--line);
  color: var(--ink);
  font-size: 14px;
  cursor: pointer;
  transition: border-color 180ms ease, background-color 180ms ease;
}

.consultation-options input:checked + span {
  border-color: var(--accent-deep);
  background: var(--canvas-deep);
}

.consultation-options input:focus-visible + span {
  outline: 2px solid var(--accent-deep);
  outline-offset: 2px;
}

.wizard-next,
.wizard-back {
  min-height: 48px;
  margin-top: 28px;
  padding: 12px 18px;
  border: 1px solid var(--ink);
  background: transparent;
}

.wizard-next {
  background: var(--ink);
  color: var(--cream);
}

.wizard-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.wizard-actions .button-primary {
  margin-top: 28px;
}

/* International patient guide */
.guide-page {
  background: var(--cream);
}

.guide-header {
  border-bottom: 1px solid var(--line);
  background: rgba(251, 251, 251, 0.94);
}

.guide-header-inner {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  min-height: 88px;
}

.guide-header .header-cta {
  justify-self: end;
}

.guide-back {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.guide-hero {
  padding: var(--section-space) 0 clamp(54px, 6vw, 84px);
  background: var(--canvas);
}

.guide-hero-grid,
.guide-faq-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(340px, 0.8fr);
  align-items: end;
  gap: clamp(48px, 8vw, 130px);
}

.guide-hero h1,
.guide-timeline h2,
.guide-faq h2 {
  margin: 36px 0 0;
  font-family: var(--font-heading);
  font-size: clamp(68px, 7vw, 112px);
  font-weight: 400;
  letter-spacing: -0.05em;
  line-height: 0.88;
}

.guide-hero h1 em,
.guide-timeline h2 em,
.guide-faq h2 em {
  color: var(--accent-deep);
  font-weight: 400;
}

.guide-hero-grid > p {
  margin: 0;
  color: var(--muted);
  font-size: 15px;
  line-height: 1.75;
}

.guide-index {
  display: grid;
  grid-template-columns: repeat(9, auto);
  overflow-x: auto;
  border-bottom: 1px solid var(--line);
  scrollbar-width: none;
}

.guide-index a {
  padding: 24px 18px;
  border-right: 1px solid var(--line);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.08em;
  white-space: nowrap;
  text-transform: uppercase;
}

.guide-card-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  padding-block: var(--section-space);
  border-top: 1px solid var(--line);
}

.guide-card-grid article {
  min-height: 300px;
  padding: clamp(34px, 4vw, 56px);
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.guide-card-grid article:nth-child(2n) {
  border-right: 0;
}

.guide-card-grid article > span {
  color: var(--accent-deep);
  font-size: 14px;
  font-weight: 600;
}

.guide-card-grid h2 {
  margin: 50px 0 0;
  font-family: var(--font-heading);
  font-size: clamp(40px, 4vw, 60px);
  font-weight: 400;
}

.guide-card-grid p,
.guide-timeline li p,
.guide-faq details p {
  max-width: 520px;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.75;
}

.guide-timeline {
  padding: var(--section-space) 0;
  background: var(--dark);
  color: var(--cream);
}

.guide-timeline .eyebrow,
.guide-timeline h2 em {
  color: var(--accent);
}

.guide-timeline ol {
  padding: 0;
  margin: 70px 0 0;
  list-style: none;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
}

.guide-timeline li {
  display: grid;
  grid-template-columns: 100px minmax(0, 1fr);
  padding: 28px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.guide-timeline li > span {
  color: var(--accent);
  font-size: 14px;
}

.guide-timeline li strong {
  font-family: var(--font-heading);
  font-size: 32px;
  font-weight: 400;
}

.guide-timeline li p {
  color: rgba(251, 251, 251, 0.58);
}

.guide-faq {
  padding: var(--section-space) 0;
}

.guide-faq-grid {
  align-items: start;
}

.guide-faq details {
  border-top: 1px solid var(--line);
}

.guide-faq details:last-child {
  border-bottom: 1px solid var(--line);
}

.guide-faq summary {
  padding: 24px 36px 24px 0;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
}

.guide-faq details p {
  padding: 0 36px 24px 0;
  margin: 0;
}

.guide-cta {
  padding: 50px 0;
  background: var(--canvas-deep);
}

.guide-cta .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
}

.guide-cta p {
  margin: 0;
  font-family: var(--font-heading);
  font-size: clamp(28px, 3vw, 44px);
}

.guide-cta a {
  color: var(--ink);
}

@media (max-width: 1180px) {
  .desktop-nav > a:nth-child(5),
  .desktop-nav > a:nth-child(6) {
    display: none;
  }
}

@media (max-width: 820px) {
  .international-copy {
    width: 100%;
    padding: 48px 36px 140px;
  }

  .international-steps {
    grid-template-columns: 1fr 1fr;
  }

  .international-steps article:nth-child(2) {
    border-right: 0;
  }

  .international-steps article:nth-child(-n + 2) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.14);
  }

  .consultation-wizard[open] {
    display: block;
  }

  .wizard-form {
    min-height: 0;
  }

  .guide-header-inner {
    grid-template-columns: 1fr auto;
  }

  .guide-back {
    display: none;
  }

  .guide-hero-grid,
  .guide-faq-grid {
    grid-template-columns: 1fr;
  }

  .guide-card-grid {
    grid-template-columns: 1fr;
  }

  .guide-card-grid article {
    border-right: 0;
  }
}

@media (max-width: 560px) {
  .international-visual,
  .international-copy {
    min-height: 620px;
  }

  .international-copy {
    padding: 46px 22px 170px;
  }

  .international-copy h2 {
    font-size: clamp(56px, 16vw, 74px);
  }

  .international-copy > p:last-child {
    margin-top: 30px;
    font-size: 14px;
  }

  .international-steps {
    grid-template-columns: 1fr;
  }

  .international-steps article,
  .international-steps article:nth-child(2) {
    min-height: 210px;
    border-right: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.14);
  }

  .international-footer,
  .guide-cta .container {
    align-items: flex-start;
    flex-direction: column;
  }

  .wizard-form {
    padding: 34px 20px;
  }

  .consultation-step legend {
    font-size: 40px;
  }

  .wizard-actions {
    align-items: stretch;
    flex-direction: column-reverse;
  }

  .wizard-actions .button,
  .wizard-actions .button-primary {
    width: 100%;
    margin-top: 12px;
  }

  .guide-header .header-cta {
    min-height: 44px;
    padding: 10px 12px;
    font-size: 14px;
  }

  .guide-hero h1,
  .guide-timeline h2,
  .guide-faq h2 {
    font-size: clamp(54px, 15vw, 72px);
  }

  .guide-card-grid article {
    min-height: 260px;
    padding: 32px 22px;
  }

  .guide-timeline li {
    grid-template-columns: 48px minmax(0, 1fr);
  }
}

/* ── Navigasyon: tedavi mega menüsü ve mobil alt menü ───────────────── */
/* Panel, tek bir menü öğesine değil navigasyonun tamamına göre ortalanır. */
.desktop-nav {
  position: relative;
}

.nav-item {
  position: static;
  display: flex;
  align-items: center;
}

.desktop-nav .nav-trigger {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.desktop-nav .nav-trigger svg {
  width: 10px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.4;
  transition: transform 220ms ease;
}

.nav-item.is-open .nav-trigger svg {
  transform: rotate(180deg);
}

.nav-mega {
  position: absolute;
  top: calc(100% + 20px);
  left: 50%;
  z-index: 120;
  overflow: hidden;
  width: min(1040px, calc(100vw - 40px));
  padding: 34px 34px 22px;
  border: 1px solid rgba(255, 255, 255, 0.7);
  border-radius: 28px;
  background:
    radial-gradient(120% 90% at 88% 0%, rgba(187, 187, 187, 0.16) 0%, transparent 58%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.995) 0%, rgba(243, 243, 243, 0.99) 100%);
  box-shadow: 0 32px 90px rgba(19, 19, 19, 0.18), 0 2px 0 rgba(255, 255, 255, 0.6) inset;
  backdrop-filter: blur(22px);
  visibility: hidden;
  opacity: 0;
  transform: translate(-50%, -10px) scale(0.985);
  pointer-events: none;
  transition: visibility 0s linear 260ms, opacity 240ms ease, transform 340ms cubic-bezier(0.22, 1, 0.36, 1);
}

.nav-item.is-open .nav-mega {
  visibility: visible;
  opacity: 1;
  transform: translate(-50%, 0) scale(1);
  pointer-events: auto;
  transition-delay: 0s;
}

/* Üst kenardaki ince aksan şeridi */
.nav-mega::after {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 3px;
  background: linear-gradient(90deg, transparent, var(--accent) 22%, #979797 55%, transparent);
  content: "";
  opacity: 0.85;
}

/* Menü ile panel arasındaki boşlukta hover kopmasın */
.nav-mega::before {
  position: absolute;
  top: -20px;
  right: 0;
  left: 0;
  height: 20px;
  content: "";
}

.nav-mega-inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 254px;
  gap: 30px;
  align-items: stretch;
}

.nav-mega-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px 26px;
}

.nav-mega-col {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding-right: 20px;
  border-right: 1px solid rgba(19, 19, 19, 0.1);
}

.nav-mega-col:last-child {
  padding-right: 0;
  border-right: 0;
}

.nav-mega-label {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 12px;
  padding-left: 12px;
  color: var(--accent-deep);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.nav-mega-label::before {
  width: 14px;
  height: 1px;
  background: var(--accent);
  content: "";
}

.nav-mega-col a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 8px 12px;
  border-radius: 11px;
  color: var(--ink);
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.01em;
  line-height: 1.25;
  text-transform: none;
  transition: background-color 220ms ease, color 220ms ease, transform 260ms cubic-bezier(0.22, 1, 0.36, 1);
}

.nav-mega-col a::after {
  position: static;
  height: auto;
  background: none;
  color: var(--accent-deep);
  content: "→";
  font-size: 14px;
  opacity: 0;
  transform: translateX(-6px);
  transition: opacity 200ms ease, transform 240ms ease;
}

.nav-mega-col a:hover,
.nav-mega-col a:focus-visible {
  background: rgba(187, 187, 187, 0.15);
  color: var(--accent-deep);
  transform: translateX(2px);
}

.nav-mega-col a:hover::after,
.nav-mega-col a:focus-visible::after {
  opacity: 1;
  transform: translateX(0);
}

/* Öne çıkan görsel kart */
.desktop-nav .nav-mega-feature {
  position: relative;
  display: flex;
  overflow: hidden;
  min-height: 260px;
  padding: 0;
  border-radius: 20px;
  background: var(--dark);
  box-shadow: 0 18px 44px rgba(19, 19, 19, 0.24);
}

.nav-mega-feature::after {
  content: none;
}

.nav-mega-feature img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.62;
  transform: scale(1.02);
  transition: transform 700ms cubic-bezier(0.22, 1, 0.36, 1), opacity 400ms ease;
}

.nav-mega-feature:hover img {
  opacity: 0.72;
  transform: scale(1.08);
}

.nav-mega-feature-body {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 7px;
  width: 100%;
  padding: 22px;
  background: linear-gradient(180deg, rgba(19, 19, 19, 0.1) 0%, rgba(19, 19, 19, 0.82) 62%);
  color: #fff;
  justify-content: flex-end;
}

.nav-mega-feature-eyebrow {
  padding: 5px 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 999px;
  font-size: 14px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.nav-mega-feature-title {
  font-family: var(--font-heading);
  font-size: 25px;
  letter-spacing: 0.01em;
  line-height: 1.1;
  text-transform: none;
}

.nav-mega-feature-text {
  color: rgba(255, 255, 255, 0.76);
  font-size: 14px;
  letter-spacing: 0;
  line-height: 1.5;
  text-transform: none;
}

.nav-mega-feature-cta {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-top: 4px;
  font-size: 14px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.nav-mega-feature-cta span {
  transition: transform 260ms cubic-bezier(0.22, 1, 0.36, 1);
}

.nav-mega-feature:hover .nav-mega-feature-cta span {
  transform: translate(3px, -3px);
}

.nav-mega-foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-top: 22px;
  padding-top: 16px;
  border-top: 1px solid rgba(19, 19, 19, 0.12);
}

.nav-mega-foot p {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  max-width: 52ch;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.6;
}

.nav-mega-foot p::before {
  flex: none;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--accent);
  content: "";
}

.desktop-nav .nav-mega-cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 11px 20px;
  border-radius: 999px;
  background: var(--ink);
  color: var(--cream);
  font-size: 14px;
  white-space: nowrap;
  transition: background-color 240ms ease, transform 260ms cubic-bezier(0.22, 1, 0.36, 1);
}

.desktop-nav .nav-mega-cta::after {
  content: none;
}

.desktop-nav .nav-mega-cta:hover {
  background: var(--accent-deep);
  transform: translateY(-2px);
}

@media (max-width: 980px) {
  .nav-mega-inner {
    grid-template-columns: minmax(0, 1fr);
  }

  .desktop-nav .nav-mega-feature {
    display: none;
  }
}

/* Mobil menü: tedavi grubu */
.mobile-nav-group {
  position: relative;
  display: flex;
  flex-direction: column;
}

/* Uzun tedavi listesi menü yüksekliğini aşabilir. */
.mobile-menu-inner {
  overflow-y: auto;
}

.mobile-menu nav > .mobile-nav-group > a {
  opacity: 0;
  transform: translateY(18px);
  transition: opacity 420ms ease, transform 520ms cubic-bezier(0.22, 1, 0.36, 1);
}

.mobile-menu.is-open nav > .mobile-nav-group > a {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 170ms;
}

.mobile-sub-toggle {
  position: absolute;
  top: 12px;
  right: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  padding: 0;
  border: 1px solid rgba(168, 168, 168, 0.55);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.05);
  color: #d8d8d8;
  cursor: pointer;
  transition: border-color 220ms ease, background-color 220ms ease, transform 320ms cubic-bezier(0.22, 1, 0.36, 1);
}

.mobile-sub-toggle:hover,
.mobile-sub-toggle[aria-expanded="true"] {
  border-color: rgba(168, 168, 168, 0.9);
  background: rgba(168, 168, 168, 0.16);
}

.mobile-sub-toggle svg {
  width: 14px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5;
  transition: transform 300ms cubic-bezier(0.22, 1, 0.36, 1);
}

.mobile-sub-toggle[aria-expanded="true"] svg {
  transform: rotate(180deg);
}

.mobile-sub[hidden] {
  display: none;
}

.mobile-sub {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 16px;
  margin: 10px 0 22px;
  padding: 16px 18px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 20px;
  background:
    radial-gradient(90% 120% at 100% 0%, rgba(168, 168, 168, 0.14) 0%, transparent 62%),
    rgba(255, 255, 255, 0.045);
  animation: mobile-sub-in 420ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

@keyframes mobile-sub-in {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 480px) {
  .mobile-sub {
    grid-template-columns: minmax(0, 1fr);
  }
}

.mobile-menu .mobile-sub a {
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 10px 10px 10px 4px;
  border-radius: 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.82);
  font-family: var(--font-body);
  font-size: 14px;
  letter-spacing: 0.02em;
  line-height: 1.35;
  opacity: 1;
  transform: none;
  transition: color 200ms ease, background-color 220ms ease, padding-left 260ms cubic-bezier(0.22, 1, 0.36, 1);
}

.mobile-menu .mobile-sub a::before {
  flex: none;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: rgba(168, 168, 168, 0.75);
  content: "";
  transition: transform 260ms ease, background-color 220ms ease;
}

.mobile-menu .mobile-sub a:hover,
.mobile-menu .mobile-sub a:focus-visible {
  padding-left: 10px;
  background: rgba(255, 255, 255, 0.06);
  color: #fff;
}

.mobile-menu .mobile-sub a:hover::before {
  background: #d8d8d8;
  transform: scale(1.5);
}

@media (min-width: 1025px) {
  .footer-main {
    grid-template-columns: 1fr 0.75fr 0.8fr 1.3fr 0.6fr;
  }

  .footer-bottom .container {
    display: grid;
    grid-template-columns: 1fr 0.75fr 0.8fr 1.3fr 0.6fr;
    gap: clamp(36px, 5vw, 80px);
    padding-right: 0;
  }

  .footer-bottom .container > p {
    grid-column: 1 / 5;
  }

  .footer-bottom .agency-signature {
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    grid-column: 5;
    align-self: center;
    justify-self: start;
    transform: none;
  }
}

@media (max-width: 1200px) {
  .nav-mega {
    width: min(920px, calc(100vw - 32px));
    padding: 28px 26px 20px;
  }

  .nav-mega-inner {
    grid-template-columns: minmax(0, 1fr) 214px;
    gap: 22px;
  }
}

/* ── Tedavi kartları: düz tablo yerine kart ızgarası ────────────────── */
.container.treatment-directory {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

.container.treatment-directory article {
  position: relative;
  z-index: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  min-height: 258px;
  padding: 30px 30px 30px;
  border: 1px solid rgba(19, 19, 19, 0.12);
  border-right: 1px solid rgba(19, 19, 19, 0.12);
  border-radius: 24px;
  background: linear-gradient(180deg, #ffffff 0%, #f7f7f7 100%);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) inset;
  scroll-margin-top: 130px;
  transition: transform 420ms cubic-bezier(0.22, 1, 0.36, 1), box-shadow 420ms ease, border-color 320ms ease;
}

/* Sağ üstte yumuşak aksan parıltısı */
.container.treatment-directory article::before {
  position: absolute;
  top: -70px;
  right: -60px;
  z-index: -1;
  width: 190px;
  height: 190px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(187, 187, 187, 0.28) 0%, transparent 70%);
  content: "";
  opacity: 0;
  transform: scale(0.7);
  transition: opacity 420ms ease, transform 620ms cubic-bezier(0.22, 1, 0.36, 1);
}

.container.treatment-directory article:hover {
  border-color: rgba(187, 187, 187, 0.55);
  box-shadow: 0 22px 50px rgba(19, 19, 19, 0.13);
  transform: translateY(-6px);
}

.container.treatment-directory article:hover::before {
  opacity: 1;
  transform: scale(1);
}

/* Numara: küçük aksan kapsülü */
.container.treatment-directory article > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  margin-bottom: 20px;
  border: 1px solid rgba(187, 187, 187, 0.45);
  border-radius: 50%;
  background: rgba(187, 187, 187, 0.12);
  color: var(--accent-deep);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.06em;
  transition: background-color 320ms ease, color 320ms ease, border-color 320ms ease;
}

.container.treatment-directory article:hover > span {
  border-color: transparent;
  background: var(--accent-deep);
  color: #fff;
}

.container.treatment-directory article h2 {
  margin: 0 0 12px;
  font-size: clamp(22px, 1.9vw, 27px);
  line-height: 1.14;
  transition: color 260ms ease;
}

.container.treatment-directory article:hover h2 {
  color: var(--accent-deep);
}

.container.treatment-directory article p {
  margin: 0;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.62;
}

/* Sağ üstteki görsel madalyon */
.treatment-thumb {
  position: absolute;
  top: 26px;
  right: 26px;
  width: 62px;
  height: 62px;
  border: 3px solid rgba(255, 255, 255, 0.9);
  border-radius: 50%;
  object-fit: cover;
  box-shadow: 0 10px 24px rgba(19, 19, 19, 0.16);
  transition: transform 520ms cubic-bezier(0.22, 1, 0.36, 1), box-shadow 420ms ease;
}

.container.treatment-directory article:hover .treatment-thumb {
  box-shadow: 0 16px 32px rgba(19, 19, 19, 0.22);
  transform: scale(1.08) rotate(-3deg);
}

/* Kart altındaki kategori etiketi */
.container.treatment-directory article .treatment-tag {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: auto;
  padding-top: 20px;
  color: var(--accent-deep);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.container.treatment-directory article .treatment-tag::before {
  flex: none;
  width: 16px;
  height: 1px;
  background: var(--accent);
  content: "";
  transition: width 420ms cubic-bezier(0.22, 1, 0.36, 1);
}

.container.treatment-directory article:hover .treatment-tag::before {
  width: 30px;
}

/* Alt kenarda hover ile açılan aksan çizgisi */
.container.treatment-directory article::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, var(--accent) 0%, #979797 100%);
  content: "";
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 520ms cubic-bezier(0.22, 1, 0.36, 1);
}

.container.treatment-directory article:hover::after {
  transform: scaleX(1);
}

@media (max-width: 1024px) {
  .container.treatment-directory {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .container.treatment-directory {
    grid-template-columns: minmax(0, 1fr);
  }

  .container.treatment-directory article {
    min-height: 0;
    padding: 26px 24px;
  }
}

/* ===== /home/nt0ixzje/domains/subdomains/sandbox/proje/Aksu Clinic/treatments.css ===== */

/* Treatment catalogue and content pages */
.treatment-catalogue{padding:clamp(72px,8vw,124px) 0;background:#f4f4f4}
.catalogue-heading{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);align-items:end;gap:48px;margin-bottom:clamp(42px,5vw,72px)}
.catalogue-heading h2{margin:22px 0 0;color:#1d1d1d;font-family:var(--font-heading);font-size:clamp(56px,6vw,92px);font-weight:400;letter-spacing:-.05em;line-height:.9}
.catalogue-heading h2 em{color:#595959;font-weight:400}.catalogue-heading>p{max-width:480px;margin:0 0 8px;color:#717171;font-size:15px;line-height:1.75}
.treatment-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2vw,28px)}
.treatment-card{display:flex;min-width:0;min-height:510px;flex-direction:column;overflow:hidden;border:1px solid rgba(19, 19, 19, .09);border-radius:26px;background:#fff;box-shadow:0 14px 38px rgba(19, 19, 19, .06);transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}
.treatment-card:hover,.treatment-card:focus-visible{transform:translateY(-8px);border-color:rgba(89, 89, 89, .35);box-shadow:0 24px 54px rgba(19, 19, 19, .12);outline:0}
.treatment-card figure{position:relative;height:270px;margin:0;overflow:hidden;background:#2a2a2a}
.treatment-card figure::after{position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(19, 19, 19, .38));content:""}
.treatment-card figure img{width:100%;height:100%;object-fit:cover;filter:saturate(.82) contrast(1.02);transition:transform .65s cubic-bezier(.22,1,.36,1),filter .35s ease}
.treatment-card:hover figure img{transform:scale(1.045);filter:saturate(.96)}
.treatment-card figure span{position:absolute;top:18px;left:18px;z-index:2;display:grid;width:38px;height:38px;place-items:center;border:1px solid rgba(255,255,255,.55);border-radius:50%;background:rgba(19, 19, 19, .24);color:#fff;font-size:14px;letter-spacing:.1em;backdrop-filter:blur(10px)}
.treatment-card>div{display:flex;min-height:240px;flex:1;flex-direction:column;padding:26px 28px 28px}
.treatment-card-tag{margin:0 0 14px!important;color:#595959!important;font-size: 14px!important;font-weight:600!important;letter-spacing:.14em!important;text-transform:uppercase}
.treatment-card h2{margin:0;color:#1d1d1d;font-family:var(--font-heading);font-size:clamp(32px,2.7vw,43px);font-weight:400;letter-spacing:-.035em;line-height:.95}
.treatment-card>div>p:not(.treatment-card-tag){margin:18px 0 26px;color:#717171;font-size:14px;line-height:1.65}
.treatment-card strong{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:16px;border-top:1px solid rgba(19, 19, 19, .11);color:#343434;font-size: 14px;font-style:normal;font-weight:600;letter-spacing:.13em;text-transform:uppercase}
.treatment-card strong i{font-size:17px;font-style:normal;transition:transform .25s ease}.treatment-card:hover strong i{transform:translateX(5px)}

.treatment-detail-page{background:#f8f8f8}.treatment-panel[hidden]{display:none!important}
.treatment-detail-hero{padding:calc(var(--header-height) + 52px) 0 clamp(56px,7vw,96px);overflow:hidden;background:#ebebeb}
.treatment-detail-hero-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(460px,1.18fr);align-items:center;gap:clamp(46px,7vw,110px)}
.treatment-back{display:inline-flex;align-items:center;gap:12px;margin-bottom:48px;color:#5f5f5f;font-size: 14px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.treatment-back:hover{color:#595959}
.treatment-detail-kicker{display:flex;align-items:center;gap:14px;margin:0;color:#595959;font-size: 14px;font-weight:600;letter-spacing:.15em;text-transform:uppercase}.treatment-detail-kicker b{font-weight:600}.treatment-detail-kicker i{width:34px;height:1px;background:#979797}
.treatment-detail-hero h1,.treatment-detail-hero .treatment-panel-title{margin:28px 0 0;color:#1d1d1d;font-family:var(--font-heading);font-size:clamp(64px,7vw,108px);font-weight:400;letter-spacing:-.055em;line-height:.86}
.treatment-detail-lead{max-width:600px;margin:34px 0 0;color:#696969;font-size:clamp(15px,1.15vw,18px);line-height:1.75}
.treatment-detail-hero figure{position:relative;height:clamp(480px,49vw,680px);margin:0;overflow:hidden;border-radius:48% 48% 28px 28px/18% 18% 28px 28px;background:#2a2a2a;box-shadow:28px 28px 0 rgba(151, 151, 151, .18)}
.treatment-detail-hero figure img{width:100%;height:100%;object-fit:cover;filter:saturate(.85)}
.treatment-detail-body{padding:clamp(76px,9vw,140px) 0;background:#fff}
.treatment-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:clamp(58px,9vw,140px);align-items:start}
.treatment-copy-block+.treatment-copy-block{margin-top:72px;padding-top:66px;border-top:1px solid rgba(19, 19, 19, .12)}
.treatment-copy-block h2,.treatment-detail-aside h2{margin:0;color:#1d1d1d;font-family:var(--font-heading);font-size:clamp(42px,4vw,64px);font-weight:400;letter-spacing:-.04em;line-height:.95}
.treatment-copy-block>p{max-width:760px;margin:26px 0 0;color:#6b6b6b;font-size:15px;line-height:1.85}
.treatment-process{display:grid;gap:0;padding:0;margin:36px 0 0;list-style:none;border-top:1px solid rgba(19, 19, 19, .12)}
.treatment-process li{display:grid;grid-template-columns:54px 1fr;gap:22px;padding:25px 0;border-bottom:1px solid rgba(19, 19, 19, .12)}.treatment-process span{color:#595959;font-size:14px;font-weight:600;letter-spacing:.12em}.treatment-process h3{margin:0 0 8px;color:#323232;font-size:15px;font-weight:600}.treatment-process p{margin:0;color:#797979;font-size:14px;line-height:1.7}
.treatment-detail-aside{position:sticky;top:calc(var(--header-height) + 28px);overflow:hidden;border-radius:28px;background:#242424;color:#fff;box-shadow:0 24px 60px rgba(19, 19, 19, .14)}
.treatment-aside-inner{padding:36px}.treatment-detail-aside h2{color:#fff;font-size:38px}.treatment-detail-aside p{margin:20px 0 0;color:rgba(255,255,255,.7);font-size:14px;line-height:1.75}.treatment-detail-aside hr{height:1px;margin:30px 0;border:0;background:rgba(255,255,255,.14)}.treatment-detail-aside .detail-note{color:#b3b3b3}.treatment-detail-aside a{display:flex;align-items:center;justify-content:space-between;margin-top:30px;padding:18px 20px;border-radius:999px;background:#fff;color:#1d1d1d;font-size: 14px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.treatment-detail-aside a:hover{background:#aaaaaa}
.treatment-detail-bottom{padding:34px 0;background:#ededed}.treatment-detail-bottom .container{display:flex;align-items:center;justify-content:space-between;gap:24px}.treatment-detail-bottom p{margin:0;color:#343434;font-family:var(--font-heading);font-size:clamp(28px,3vw,42px)}.treatment-detail-bottom a{color:#515151;font-size: 14px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}

@media(max-width:1050px){.treatment-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.treatment-detail-hero-grid{grid-template-columns:minmax(0,.9fr) minmax(380px,1.1fr)}.treatment-detail-grid{grid-template-columns:minmax(0,1fr) 320px;gap:54px}}
@media(max-width:760px){.catalogue-heading{grid-template-columns:1fr;gap:24px}.treatment-card-grid{grid-template-columns:1fr}.treatment-card{min-height:0}.treatment-card figure{height:240px}.treatment-card>div{min-height:220px}.treatment-detail-hero{padding-top:calc(var(--header-height) + 28px)}.treatment-detail-hero-grid,.treatment-detail-grid{grid-template-columns:1fr}.treatment-back{margin-bottom:30px}.treatment-detail-hero figure{height:430px;order:-1;border-radius:38% 38% 24px 24px/13% 13% 24px 24px;box-shadow:14px 14px 0 rgba(151, 151, 151, .18)}.treatment-detail-aside{position:relative;top:auto}.treatment-detail-bottom .container{align-items:flex-start;flex-direction:column}}
@media(max-width:480px){.treatment-card-grid{gap:16px}.treatment-card{border-radius:22px}.treatment-card figure{height:215px}.treatment-card>div{padding:23px 22px 25px}.treatment-detail-hero figure{height:330px}.treatment-detail-hero h1,.treatment-detail-hero .treatment-panel-title{font-size:58px}.treatment-copy-block+.treatment-copy-block{margin-top:50px;padding-top:48px}.treatment-aside-inner{padding:28px 24px}}

/* ===== /home/nt0ixzje/domains/subdomains/sandbox/proje/Aksu Clinic/smile-stories.css ===== */

.smile-stories-page .page-hero.compact {
  padding-block: clamp(44px, 5.2vw, 76px);
}

.smile-stories-page .page-hero-grid {
  grid-template-columns: minmax(0, 1fr) minmax(340px, 0.62fr);
  gap: clamp(42px, 7vw, 104px);
}

.smile-stories-page .page-hero h1 {
  margin-top: 26px;
  font-size: clamp(62px, 6.2vw, 96px);
}

.smile-stories-page .page-hero.compact figure {
  height: clamp(300px, 31vw, 430px);
  border-radius: 22px;
}

.case-archive {
  padding: clamp(64px, 7vw, 108px) 0;
  background: var(--cream);
}

.case-archive-intro {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 28px;
  margin-bottom: clamp(28px, 3vw, 44px);
}

.case-archive-intro h2 {
  margin: 22px 0 0;
  font-family: var(--font-heading);
  font-size: clamp(42px, 4.4vw, 66px);
  font-weight: 400;
  letter-spacing: -0.035em;
  line-height: 0.95;
}

.case-archive-intro .eyebrow b,
.case-meta b {
  font: inherit;
}

.case-archive-intro > p {
  margin: 0 0 4px;
  color: var(--muted);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.smile-stories-page .official-case-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(18px, 2vw, 28px);
  padding-block: 0;
}

.smile-stories-page .official-case-grid article {
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(63, 63, 63, 0.14);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.68);
  box-shadow: 0 16px 40px rgba(45, 45, 45, 0.06);
}

.smile-stories-page .official-pair {
  gap: 1px;
  background: rgba(255, 255, 255, 0.7);
}

.smile-stories-page .official-pair figure {
  height: auto;
  aspect-ratio: 1 / 1;
}

.smile-stories-page .official-pair img {
  object-position: center;
}

.smile-stories-page .official-pair figcaption {
  bottom: 10px;
  left: 10px;
  padding: 5px 7px;
  border-radius: 999px;
  background: rgba(35, 35, 35, 0.78);
  font-size: 14px;
}

.case-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 58px;
  padding: 14px 16px;
}

.case-meta span {
  flex: 0 0 auto;
  color: var(--accent-deep);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.case-meta time {
  color: var(--muted);
  font-size: 14px;
  letter-spacing: 0.04em;
  text-align: right;
}

.smile-stories-page .clinical-disclaimer {
  padding-top: 0;
}

@media (max-width: 1050px) {
  .smile-stories-page .official-case-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 820px) {
  .smile-stories-page .page-hero-grid {
    grid-template-columns: 1fr;
  }

  .smile-stories-page .page-hero.compact figure {
    height: min(78vw, 460px);
  }
}

@media (max-width: 620px) {
  .case-archive-intro {
    display: block;
  }

  .case-archive-intro > p {
    margin-top: 18px;
  }

  .smile-stories-page .official-case-grid {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .case-meta {
    min-height: 54px;
  }
}

/* ===== /home/nt0ixzje/domains/subdomains/sandbox/proje/Aksu Clinic/menu-banners.css ===== */

.menu-banner {
  position: relative;
  isolation: isolate;
  height: 540px;
  overflow: hidden;
  background: #282828;
  color: #fff;
}

.menu-banner-media,
.menu-banner::after {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.menu-banner-media {
  z-index: -2;
  object-fit: cover;
  transform: scale(1.01);
}

.menu-banner::after {
  z-index: -1;
  content: "";
  background:
    linear-gradient(90deg, rgba(23, 23, 23, 0.94) 0%, rgba(23, 23, 23, 0.78) 38%, rgba(23, 23, 23, 0.25) 72%, rgba(23, 23, 23, 0.13) 100%),
    linear-gradient(0deg, rgba(23, 23, 23, 0.7) 0%, transparent 46%);
}

.menu-banner-content {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(300px, 0.55fr);
  align-items: end;
  gap: clamp(48px, 8vw, 132px);
  height: 100%;
  padding-block: 64px;
}

.menu-banner .eyebrow {
  color: rgba(255, 255, 255, 0.78);
}

.menu-banner .eyebrow span {
  background: #c8c8c8;
}

.menu-banner h1 {
  max-width: 880px;
  margin: 28px 0 0;
  color: #fff;
  font-family: var(--font-heading);
  font-size: clamp(64px, 6.2vw, 96px);
  font-weight: 400;
  letter-spacing: -0.052em;
  line-height: 0.88;
}

.menu-banner h1 em {
  color: #d0d0d0;
  font-weight: 400;
}

.menu-banner-copy {
  max-width: 440px;
  margin: 0 0 4px;
  padding: 4px 0 4px 28px;
  border-left: 1px solid rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.78);
  font-size: 14px;
  line-height: 1.75;
}

.menu-banner-number {
  position: absolute;
  top: 34px;
  right: max(24px, calc((100vw - var(--container)) / 2));
  color: rgba(255, 255, 255, 0.55);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.16em;
}

.menu-banner--treatments .menu-banner-media { object-position: center 54%; }
.menu-banner--stories .menu-banner-media { object-position: center 42%; }
.menu-banner--doctors .menu-banner-media { object-position: 72% 34%; }
.menu-banner--clinic .menu-banner-media { object-position: center 49%; }
.menu-banner--international .menu-banner-media { object-position: 60% 50%; }
.menu-banner--insights .menu-banner-media { object-position: 68% 52%; }

@media (max-width: 900px) {
  .menu-banner {
    height: 500px;
  }

  .menu-banner-content {
    grid-template-columns: 1fr;
    align-content: end;
    gap: 28px;
    padding-block: 46px;
  }

  .menu-banner h1 {
    font-size: clamp(56px, 10vw, 78px);
  }

  .menu-banner-copy {
    max-width: 600px;
    padding-left: 20px;
  }

  .menu-banner::after {
    background:
      linear-gradient(90deg, rgba(23, 23, 23, 0.9) 0%, rgba(23, 23, 23, 0.48) 100%),
      linear-gradient(0deg, rgba(23, 23, 23, 0.92) 0%, rgba(23, 23, 23, 0.08) 74%);
  }

  .menu-banner--treatments .menu-banner-media { object-position: 70% center; }
  .menu-banner--stories .menu-banner-media { object-position: 72% center; }
  .menu-banner--doctors .menu-banner-media { object-position: 75% center; }
  .menu-banner--clinic .menu-banner-media { object-position: 76% center; }
  .menu-banner--international .menu-banner-media { object-position: 75% center; }
  .menu-banner--insights .menu-banner-media { object-position: 73% center; }
}

@media (max-width: 560px) {
  .menu-banner {
    height: 510px;
  }

  .menu-banner-content {
    gap: 24px;
    padding-block: 38px;
  }

  .menu-banner h1 {
    margin-top: 22px;
    font-size: clamp(50px, 15vw, 66px);
  }

  .menu-banner-copy {
    font-size: 14px;
    line-height: 1.65;
  }

  .menu-banner-number {
    top: 24px;
  }
}

/* ===== /home/nt0ixzje/domains/subdomains/sandbox/proje/Aksu Clinic/international-guide.css ===== */

.guide-page .guide-index {
  display: flex;
  gap: 8px;
  padding-block: 18px;
  border: 0;
  scrollbar-width: none;
}

.guide-page .guide-index a {
  flex: 0 0 auto;
  padding: 11px 16px;
  border: 1px solid rgba(63, 63, 63, 0.14);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.72);
  color: var(--muted);
  transition: 180ms ease;
}

.guide-page .guide-index a:hover,
.guide-page .guide-index a:focus-visible {
  border-color: var(--accent-deep);
  background: var(--accent-deep);
  color: #fff;
}

.guide-content-section {
  padding: clamp(72px, 8vw, 118px) 0;
  background:
    radial-gradient(circle at 90% 8%, rgba(173, 173, 173, 0.14), transparent 26%),
    var(--cream);
}

.guide-section-heading {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(280px, 0.5fr);
  align-items: end;
  gap: clamp(44px, 8vw, 120px);
  margin-bottom: clamp(34px, 4vw, 58px);
}

.guide-section-heading h2 {
  margin: 26px 0 0;
  font-family: var(--font-heading);
  font-size: clamp(54px, 5.8vw, 84px);
  font-weight: 400;
  letter-spacing: -0.045em;
  line-height: 0.9;
}

.guide-section-heading h2 em {
  color: var(--accent-deep);
  font-weight: 400;
}

.guide-section-heading > p {
  max-width: 420px;
  margin: 0 0 4px;
  padding-left: 24px;
  border-left: 1px solid var(--line);
  color: var(--muted);
  font-size: 14px;
  line-height: 1.75;
}

.guide-page .guide-card-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 18px;
  padding-block: 0;
  border: 0;
}

.guide-page .guide-card-grid article {
  grid-column: span 3;
  display: flex;
  min-height: 330px;
  padding: clamp(28px, 3vw, 40px);
  overflow: hidden;
  flex-direction: column;
  border: 1px solid rgba(63, 63, 63, 0.13);
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.78);
  box-shadow: 0 18px 50px rgba(46, 46, 46, 0.06);
  transition: transform 220ms ease, border-color 220ms ease, box-shadow 220ms ease;
}

.guide-page .guide-card-grid article:nth-child(n + 5) {
  grid-column: span 4;
}

.guide-page .guide-card-grid article:hover {
  border-color: rgba(99, 99, 99, 0.35);
  box-shadow: 0 24px 64px rgba(46, 46, 46, 0.11);
  transform: translateY(-4px);
}

.guide-card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.guide-card-top i {
  display: grid;
  width: 48px;
  height: 48px;
  border: 1px solid rgba(99, 99, 99, 0.18);
  border-radius: 50%;
  place-items: center;
  background: var(--canvas);
  color: var(--accent-deep);
  font-family: var(--font-body);
  font-size: 18px;
  font-style: normal;
}

.guide-card-top span {
  color: var(--accent-deep);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.14em;
}

.guide-page .guide-card-grid h2 {
  margin: auto 0 18px;
  font-size: clamp(34px, 3.1vw, 48px);
  line-height: 0.98;
}

.guide-page .guide-card-grid p {
  margin: 0;
  font-size: 14px;
  line-height: 1.7;
}

.guide-page .guide-timeline ol {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
  border: 0;
}

.guide-page .guide-timeline li {
  display: flex;
  min-height: 250px;
  padding: 26px;
  flex-direction: column;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.035);
}

.guide-page .guide-timeline li > span {
  margin-bottom: auto;
}

.guide-page .guide-timeline li strong {
  display: block;
  font-size: 28px;
  line-height: 1;
}

.guide-page .guide-timeline li p {
  margin: 16px 0 0;
  font-size: 14px;
}

.guide-page .guide-faq-grid > div:last-child {
  display: grid;
  gap: 10px;
}

.guide-page .guide-faq details,
.guide-page .guide-faq details:last-child {
  overflow: hidden;
  border: 1px solid rgba(63, 63, 63, 0.13);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.72);
}

.guide-page .guide-faq summary {
  position: relative;
  padding: 20px 58px 20px 22px;
  list-style: none;
}

.guide-page .guide-faq summary::-webkit-details-marker {
  display: none;
}

.guide-page .guide-faq summary::after {
  position: absolute;
  top: 50%;
  right: 22px;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  content: "+";
  display: grid;
  place-items: center;
  background: var(--canvas);
  color: var(--accent-deep);
  transform: translateY(-50%);
}

.guide-page .guide-faq details[open] summary::after {
  content: "−";
}

.guide-page .guide-faq details p {
  padding: 0 58px 22px 22px;
}

@media (max-width: 1100px) {
  .guide-page .guide-card-grid article,
  .guide-page .guide-card-grid article:nth-child(n + 5) {
    grid-column: span 6;
  }

  .guide-page .guide-timeline ol {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .guide-section-heading {
    grid-template-columns: 1fr;
    gap: 26px;
  }

  .guide-section-heading > p {
    padding-left: 18px;
  }

  .guide-page .guide-card-grid article,
  .guide-page .guide-card-grid article:nth-child(n + 5) {
    grid-column: 1 / -1;
    min-height: 285px;
  }
}

@media (max-width: 560px) {
  .guide-page .guide-timeline ol {
    grid-template-columns: 1fr;
  }

  .guide-page .guide-timeline li {
    min-height: 220px;
  }
}

/* ===== /home/nt0ixzje/domains/subdomains/sandbox/proje/Aksu Clinic/homepage-refresh.css ===== */

/* Aksu Clinic homepage — dark digital atelier direction */
:root{--neo-bg:#121212;--neo-panel:#1a1a1a;--neo-panel-2:#222222;--neo-ink:#f3f3f3;--neo-muted:rgba(243, 243, 243, .62);--neo-line:rgba(243, 243, 243, .13);--neo-accent:#e6e6e6;--neo-cyan:#bdbdbd}
html{scroll-behavior:smooth}body.home-page{background:var(--neo-bg);color:var(--neo-ink)}.home-page .page-shell{overflow:clip}.home-page .container{width:min(calc(100% - 48px),var(--container));margin-inline:auto}.home-page main{background:var(--neo-bg)}
.home-page .site-header{border-bottom:1px solid transparent;background:linear-gradient(180deg,rgba(11, 11, 11, .78),transparent);color:var(--neo-ink);backdrop-filter:blur(0)}.home-page .site-header.is-scrolled{border-bottom-color:var(--neo-line);background:rgba(14, 14, 14, .84);box-shadow:0 12px 40px rgba(0,0,0,.18);backdrop-filter:blur(18px)}.home-page .brand img{filter:invert(1) brightness(1.35) grayscale(1)}.home-page .desktop-nav a,.home-page .desktop-nav .nav-trigger,.home-page .language-button{color:rgba(255,255,255,.78)}.home-page .desktop-nav a::after{background:var(--neo-accent)}.home-page .desktop-nav svg,.home-page .language-button svg{stroke:currentColor}.home-page .header-cta{border-color:rgba(230, 230, 230, .7);background:rgba(230, 230, 230, .08);color:var(--neo-ink)}.home-page .header-cta:hover{background:var(--neo-accent);color:#111}.home-page .menu-button span{background:#fff}.home-page .nav-mega{color:#121212}
.neo-kicker{display:flex;align-items:center;gap:14px;margin:0;color:var(--neo-muted);font-size: 14px;font-weight:600;letter-spacing:.18em;line-height:1.4;text-transform:uppercase}.neo-kicker span{width:36px;height:1px;background:var(--neo-accent)}
.neo-hero{position:relative;min-height:100svh;overflow:hidden;background:radial-gradient(circle at 74% 48%,rgba(189, 189, 189, .08),transparent 23%),radial-gradient(circle at 82% 55%,rgba(230, 230, 230, .08),transparent 31%),#0f0f0f}.neo-hero::before{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:72px 72px;content:"";mask-image:linear-gradient(to bottom,#000,transparent 88%);pointer-events:none}.neo-hero-lines{position:absolute;inset:0;pointer-events:none}.neo-hero-lines i{position:absolute;display:block;height:1px;background:linear-gradient(90deg,transparent,rgba(230, 230, 230, .75),transparent);box-shadow:0 0 14px rgba(230, 230, 230, .45);animation:neo-line-sweep 7s ease-in-out infinite;opacity:.35}.neo-hero-lines i:nth-child(1){top:21%;left:-20%;width:68%}.neo-hero-lines i:nth-child(2){top:66%;right:-22%;width:76%;animation-delay:-2.2s}.neo-hero-lines i:nth-child(3){top:82%;left:13%;width:32%;animation-delay:-4.4s}.neo-hero-lines i:nth-child(4){top:39%;right:3%;width:22%;animation-delay:-5.6s}@keyframes neo-line-sweep{0%,100%{transform:translateX(-8%);opacity:.12}50%{transform:translateX(22%);opacity:.58}}
.neo-hero-grid{position:relative;display:grid;min-height:100svh;grid-template-columns:minmax(0,.96fr) minmax(400px,.74fr);grid-template-rows:1fr auto;align-items:center;gap:24px 5vw;padding-top:calc(var(--header-height) + 56px);padding-bottom:28px}.neo-hero-copy{position:relative;z-index:3;padding-bottom:3vh}.neo-hero-copy h1{max-width:760px;margin:36px 0 0;color:var(--neo-ink);font-family:var(--font-heading);font-size:clamp(72px,7.5vw,132px);font-weight:400;letter-spacing:-.06em;line-height:.82}.neo-hero-copy h1 em{display:block;color:var(--neo-accent);font-weight:400}.neo-hero-intro{max-width:570px;margin:38px 0 0;color:var(--neo-muted);font-size:clamp(16px,1.2vw,20px);line-height:1.65}.neo-hero-actions{display:flex;align-items:center;gap:34px;margin-top:34px}
.neo-glass-button{display:inline-flex;min-height:62px;align-items:center;gap:24px;justify-content:space-between;padding:7px 8px 7px 24px;border:1px solid rgba(230, 230, 230, .52);border-radius:4px;background:rgba(255,255,255,.035);box-shadow:inset 0 0 24px rgba(230, 230, 230, .03),0 0 0 rgba(230, 230, 230, 0);color:var(--neo-ink);cursor:pointer;font:600 14px/1 var(--font-body);letter-spacing:.08em;text-transform:uppercase;transition:background .35s ease,box-shadow .35s ease,color .35s ease}.neo-glass-button i{display:grid;width:46px;height:46px;place-items:center;background:var(--neo-accent);color:#111;font-style:normal;font-size:18px}.neo-glass-button:hover{background:rgba(230, 230, 230, .12);box-shadow:0 0 32px rgba(230, 230, 230, .13)}.neo-text-link{display:inline-flex;gap:16px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.28);color:var(--neo-ink);font-size:14px;letter-spacing:.06em;text-transform:uppercase}
.neo-model-stage{position:relative;z-index:2;display:grid;min-height:min(76vh,780px);place-items:center;perspective:1000px}.neo-model-stage::after{position:absolute;bottom:9%;left:19%;width:62%;height:7%;border-radius:50%;background:rgba(189, 189, 189, .13);filter:blur(26px);content:""}.neo-model-stage img{position:relative;z-index:2;width:min(93%,650px);height:min(78vh,800px);object-fit:contain;mix-blend-mode:screen;filter:saturate(.88) contrast(1.06);transform:translate3d(var(--model-x,0),var(--model-y,0),0) rotateY(var(--model-rotate-y,-6deg)) rotateX(var(--model-rotate-x,2deg)) rotateZ(var(--model-rotate-z,0deg));transform-origin:50% 52%;transition:transform .18s ease-out;will-change:transform}.neo-model-orbit{position:absolute;z-index:1;width:min(36vw,560px);aspect-ratio:1;border:1px solid rgba(255,255,255,.09);border-radius:50%;transform:rotateX(67deg) rotateZ(-11deg)}.neo-model-orbit span{position:absolute;inset:11%;border:1px solid rgba(230, 230, 230, .13);border-radius:inherit}.neo-model-orbit span:nth-child(2){inset:25%;border-color:rgba(189, 189, 189, .18)}.neo-model-orbit span:nth-child(3){inset:42%;background:var(--neo-accent);box-shadow:0 0 24px rgba(230, 230, 230, .6)}.neo-model-tag{position:absolute;z-index:4;display:flex;gap:9px;padding:8px 10px;border:1px solid var(--neo-line);background:rgba(15, 15, 15, .64);color:var(--neo-muted);font-size: 14px;letter-spacing:.12em;text-transform:uppercase;backdrop-filter:blur(10px)}.neo-model-tag b{color:var(--neo-accent);font-weight:500}.neo-model-tag--one{bottom:21%;left:3%}.neo-model-tag--two{top:53%;right:-1%}.neo-model-tag--three{top:23%;left:4%}.neo-hero-foot{z-index:3;display:flex;grid-column:1/-1;align-items:center;justify-content:space-between;padding-top:20px;border-top:1px solid var(--neo-line);color:var(--neo-muted);font-size: 14px;letter-spacing:.1em;text-transform:uppercase}.neo-hero-foot p{display:flex;gap:34px;margin:0}.neo-hero-foot a{color:var(--neo-ink)}
.neo-evidence,.neo-doctors,.neo-proof{padding:clamp(100px,10vw,168px) 0;background:var(--neo-bg)}.neo-section-head,.neo-transform-head{display:grid;grid-template-columns:minmax(200px,.46fr) minmax(0,1fr);gap:48px;align-items:start;margin-bottom:clamp(52px,7vw,94px)}.neo-section-head>div,.neo-transform-head>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.54fr);gap:50px;align-items:end}.neo-section-head h2,.neo-transform-head h2,.neo-contact-copy h2{margin:0;color:var(--neo-ink);font-family:var(--font-heading);font-size:clamp(60px,6.4vw,104px);font-weight:400;letter-spacing:-.055em;line-height:.88}.neo-section-head h2 em,.neo-transform-head h2 em,.neo-contact-copy h2 em{color:var(--neo-accent);font-weight:400}.neo-section-head>div>p,.neo-transform-head>div>p{margin:0;color:var(--neo-muted);font-size:15px;line-height:1.7}
.neo-bento-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:320px 320px;gap:16px}.neo-bento{position:relative;overflow:hidden;border:1px solid var(--neo-line);border-radius:12px;background:var(--neo-panel)}.neo-bento>img{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.8,.2,1)}.neo-bento:hover>img{transform:scale(1.045)}.neo-card-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 25%,rgba(10, 10, 10, .9));pointer-events:none}.neo-bento--lab{grid-column:1/4;grid-row:1/3}.neo-bento--founder{grid-column:4;grid-row:1}.neo-bento--authority{grid-column:4;grid-row:2;padding:28px;background:var(--neo-accent);color:#111}.neo-bento--metric{grid-column:3;grid-row:2;z-index:3;align-self:end;height:240px;padding:26px;background:rgba(17, 17, 17, .82);color:var(--neo-ink);backdrop-filter:blur(16px)}.neo-bento-copy{position:absolute;right:30px;bottom:30px;left:30px;z-index:2}.neo-bento-copy p,.neo-bento--authority>p,.neo-bento--metric>p{margin:0 0 14px;font-size: 14px;letter-spacing:.14em;text-transform:uppercase}.neo-bento-copy h3{max-width:620px;margin:0;color:#fff;font-family:var(--font-heading);font-size:clamp(36px,4vw,66px);font-weight:400;line-height:.95}.neo-bento--founder .neo-bento-copy h3{font-size:24px;line-height:1.06}.neo-bento--founder .neo-bento-copy a{display:inline-block;margin-top:18px;color:var(--neo-accent);font-size: 14px;text-transform:uppercase}
.neo-process{position:absolute;top:28px;left:28px;z-index:3;display:flex;gap:6px;margin:0;padding:0;list-style:none}.neo-process li{min-width:106px;padding:12px;border:1px solid rgba(255,255,255,.17);background:rgba(11, 11, 11, .34);backdrop-filter:blur(10px)}.neo-process b{display:block;color:var(--neo-accent);font-size: 14px;letter-spacing:.12em;text-transform:uppercase}.neo-process span{display:block;margin-top:5px;color:rgba(255,255,255,.62);font-size:14px}.neo-metric-icon{display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(0,0,0,.22);border-radius:50%}.neo-bento--authority h3{margin:24px 0 20px;font-family:var(--font-heading);font-size:28px;font-weight:400;line-height:1}.neo-bento--authority>div{display:flex;align-items:center;justify-content:space-between;gap:14px}.neo-bento--authority img{width:72px;height:auto;filter:grayscale(1) contrast(1.4)}.neo-bento--authority a{color:#111;font-size: 14px;font-weight:600;text-transform:uppercase}.neo-bento--metric strong{display:block;color:var(--neo-accent);font-family:var(--font-heading);font-size:90px;font-weight:400;letter-spacing:-.06em;line-height:.65}.neo-bento--metric sup{font-family:var(--font-body);font-size:22px}.neo-bento--metric h3{max-width:180px;margin:22px 0 0;font-size:14px;font-weight:400;line-height:1.4}
.neo-treatments{position:relative;height:3400px;background:#e7e7e7;color:#111}.neo-horizontal-viewport{position:sticky;top:0;height:100svh;overflow:hidden;padding-top:clamp(28px,4vh,50px)}.neo-treatment-intro{display:grid;grid-template-columns:.46fr 1fr;gap:48px;margin-bottom:28px}.neo-treatment-intro .neo-kicker{color:rgba(0,0,0,.52)}.neo-treatment-intro>div{display:flex;align-items:end;justify-content:space-between;gap:28px}.neo-treatment-intro h2{margin:0;font-family:var(--font-heading);font-size:clamp(52px,5.2vw,84px);font-weight:400;letter-spacing:-.055em;line-height:.84}.neo-treatment-intro h2 em{color:#696969;font-weight:400}.neo-treatment-intro p{max-width:290px;margin:0;color:rgba(0,0,0,.58);font-size:14px;line-height:1.55}.neo-horizontal-track{display:flex;width:max-content;gap:14px;padding-inline:max(24px,calc((100vw - var(--container))/2));will-change:transform}.neo-treatment-card{position:relative;display:block;width:clamp(310px,31vw,500px);height:clamp(390px,58vh,600px);overflow:hidden;border-radius:10px;background:#191919;color:#fff}.neo-treatment-card img{width:100%;height:100%;object-fit:cover;filter:saturate(.72);transition:transform .8s cubic-bezier(.2,.8,.2,1),filter .8s ease}.neo-treatment-card:hover img{transform:scale(1.06);filter:saturate(1)}.neo-treatment-card .neo-card-shade{background:linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.14) 45%,rgba(0,0,0,.92))}.neo-treatment-number{position:absolute;top:20px;right:20px;z-index:2;display:grid;width:44px;height:44px;place-items:center;border:1px solid rgba(255,255,255,.34);border-radius:50%;font-size:14px;backdrop-filter:blur(9px)}.neo-treatment-copy{position:absolute;right:26px;bottom:26px;left:26px;z-index:2;transform:translateY(66px);transition:transform .55s cubic-bezier(.2,.8,.2,1)}.neo-treatment-card:hover .neo-treatment-copy,.neo-treatment-card:focus-visible .neo-treatment-copy{transform:translateY(0)}.neo-treatment-copy p{margin:0 0 10px;color:var(--neo-accent);font-size: 14px;letter-spacing:.14em;text-transform:uppercase}.neo-treatment-copy h3{margin:0;color:#fff;font-family:var(--font-heading);font-size:clamp(42px,4vw,64px);font-weight:400;letter-spacing:-.04em;line-height:.86}.neo-treatment-detail{display:flex;flex-wrap:wrap;gap:7px;margin-top:22px;opacity:0;transition:opacity .4s ease .08s}.neo-treatment-detail span{padding:8px 10px;border:1px solid rgba(255,255,255,.2);background:rgba(0,0,0,.22);font-size:14px}.neo-treatment-copy b{display:block;margin-top:18px;color:var(--neo-accent);font-size: 14px;font-weight:500;text-transform:uppercase;opacity:0;transition:opacity .4s ease .13s}.neo-treatment-card:hover .neo-treatment-detail,.neo-treatment-card:hover .neo-treatment-copy b,.neo-treatment-card:focus-visible .neo-treatment-detail,.neo-treatment-card:focus-visible .neo-treatment-copy b{opacity:1}.neo-treatment-all{display:flex;width:clamp(300px,26vw,420px);height:clamp(390px,58vh,600px);flex-direction:column;justify-content:space-between;padding:32px;border:1px solid rgba(0,0,0,.18);border-radius:10px;color:#111}.neo-treatment-all span{font-size: 14px;letter-spacing:.12em;text-transform:uppercase}.neo-treatment-all strong{font-family:var(--font-heading);font-size:48px;font-weight:400;line-height:.94}.neo-treatment-all i{display:grid;width:62px;height:62px;place-items:center;border-radius:50%;background:#111;color:var(--neo-accent);font-style:normal;font-size:22px}.neo-horizontal-progress{display:flex;align-items:center;gap:20px;margin-top:18px}.neo-horizontal-progress>span{flex:1;height:1px;background:rgba(0,0,0,.14)}.neo-horizontal-progress i{display:block;width:100%;height:1px;background:#111;transform:scaleX(.04);transform-origin:left}.neo-horizontal-progress b{font-size: 14px;letter-spacing:.15em;text-transform:uppercase}
.neo-doctors{background:#131313}.neo-doctor-grid{display:grid;min-height:980px;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(3,1fr);gap:14px}.neo-doctor-card{position:relative;overflow:hidden;border:1px solid var(--neo-line);border-radius:10px;background:var(--neo-panel);color:#fff}.neo-doctor-card--lead{grid-column:span 7;grid-row:span 3}.neo-doctor-card:not(.neo-doctor-card--lead){grid-column:span 5}.neo-doctor-card img{width:100%;height:100%;object-fit:cover;object-position:center top;filter:grayscale(.72) saturate(.75) brightness(.75);transition:transform .8s cubic-bezier(.2,.8,.2,1),filter .8s ease}.neo-doctor-card:hover img{transform:scale(1.035);filter:grayscale(.15) saturate(.9) brightness(.88)}.neo-doctor-card .neo-card-shade{background:linear-gradient(180deg,transparent 35%,rgba(10, 10, 10, .94))}.neo-doctor-card>div{position:absolute;right:22px;bottom:22px;left:22px;z-index:2}.neo-doctor-card p{margin:0 0 8px;color:var(--neo-accent);font-size: 14px;letter-spacing:.14em;text-transform:uppercase}.neo-doctor-card h3{max-width:80%;margin:0;font-family:var(--font-heading);font-size:clamp(27px,3vw,48px);font-weight:400;line-height:.96}.neo-doctor-card--lead h3{font-size:clamp(48px,5vw,78px)}.neo-doctor-card>div>span{display:block;margin-top:11px;color:rgba(255,255,255,.66);font-size:14px}.neo-doctor-card i{position:absolute;right:0;bottom:0;display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(230, 230, 230, .5);border-radius:50%;color:var(--neo-accent);font-style:normal;transition:background .3s ease,color .3s ease}.neo-doctor-card:hover i{background:var(--neo-accent);color:#111}
.neo-transform{padding:clamp(100px,10vw,168px) 0;background:#e7e7e7;color:#111}.neo-transform .neo-kicker{color:rgba(0,0,0,.52)}.neo-transform-head h2{color:#111}.neo-transform-head h2 em{color:#696969}.neo-transform-head>div>p{color:rgba(0,0,0,.58)}.neo-compare-wrap{padding:10px;border:1px solid rgba(0,0,0,.13);background:#d7d7d7}.neo-compare-labels{display:flex;justify-content:space-between;padding:12px 8px 18px;color:rgba(0,0,0,.58);font-size: 14px;letter-spacing:.17em;text-transform:uppercase}.neo-image-compare{position:relative;height:min(73vh,760px);min-height:520px;overflow:hidden;background:#191919}.neo-compare-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.neo-compare-before{z-index:2;clip-path:inset(0 calc(100% - var(--compare-position)) 0 0)}.neo-compare-divider{position:absolute;top:0;bottom:0;left:var(--compare-position);z-index:4;width:1px;background:var(--neo-accent);box-shadow:0 0 13px rgba(230, 230, 230, .7);transform:translateX(-50%)}.neo-compare-divider i{position:absolute;top:50%;left:50%;display:grid;width:54px;height:54px;place-items:center;border:1px solid var(--neo-accent);border-radius:50%;background:#111;color:var(--neo-accent);font-style:normal;transform:translate(-50%,-50%)}.neo-image-compare input{position:absolute;inset:0;z-index:6;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}.neo-before-chip,.neo-after-chip{position:absolute;top:20px;z-index:3;padding:9px 11px;background:rgba(11, 11, 11, .72);color:#fff;font-size:14px;letter-spacing:.14em;backdrop-filter:blur(8px)}.neo-before-chip{left:20px}.neo-after-chip{right:20px}.neo-case-strip{display:grid;grid-template-columns:.45fr 1fr 1fr auto;gap:20px;align-items:center;padding:22px 10px 12px}.neo-case-strip div{display:flex;flex-direction:column;gap:5px}.neo-case-strip span{color:rgba(0,0,0,.48);font-size: 14px;letter-spacing:.13em;text-transform:uppercase}.neo-case-strip strong{font-size:14px;font-weight:500}.neo-case-strip a{color:#111;font-size: 14px;font-weight:600;text-transform:uppercase}.neo-medical-note{margin-top:18px;color:rgba(0,0,0,.53);font-size:14px;line-height:1.5}
.neo-proof{background:#101010}.neo-proof-grid{display:grid;grid-template-columns:1.35fr .75fr .9fr;grid-template-rows:280px 280px;gap:14px}.neo-proof-grid>*{position:relative;overflow:hidden;border:1px solid var(--neo-line);border-radius:10px}.neo-proof-story{grid-row:1/3;color:#fff}.neo-proof-story img{width:100%;height:100%;object-fit:cover;filter:saturate(.72);transition:transform .8s ease}.neo-proof-story:hover img{transform:scale(1.04)}.neo-proof-story>div{position:absolute;right:28px;bottom:28px;left:28px;z-index:2}.neo-proof-story p{margin:0 0 9px;color:var(--neo-accent);font-size: 14px;letter-spacing:.13em;text-transform:uppercase}.neo-proof-story h3{margin:0 0 13px;font-family:var(--font-heading);font-size:52px;font-weight:400;line-height:.9}.neo-proof-story>div span{font-size: 14px;text-transform:uppercase}.neo-play{position:absolute;top:28px;right:28px;z-index:3;display:grid;width:56px;height:56px;place-items:center;border:1px solid rgba(255,255,255,.48);border-radius:50%;background:rgba(0,0,0,.2);color:var(--neo-accent);font-size:14px;backdrop-filter:blur(10px)}.neo-proof-marquee{display:flex;grid-column:2/4;flex-direction:column;justify-content:space-between;padding:28px;background:var(--neo-panel)}.neo-proof-marquee p{margin:0;color:var(--neo-muted);font-size: 14px;letter-spacing:.14em;text-transform:uppercase}.neo-marquee{width:calc(100% + 56px);margin-left:-28px;overflow:hidden;border-block:1px solid var(--neo-line);padding:22px 0;color:var(--neo-ink);font-family:var(--font-heading);font-size:36px;white-space:nowrap}.neo-marquee span{display:inline-block;animation:neo-marquee 23s linear infinite}@keyframes neo-marquee{to{transform:translateX(-50%)}}.neo-proof-marquee a{align-self:flex-end;color:var(--neo-accent);font-size: 14px;text-transform:uppercase}.neo-google-card,.neo-coordination-card{display:flex;flex-direction:column;justify-content:flex-end;padding:28px;background:#efefef;color:#111}.neo-google-g{position:absolute;top:25px;left:28px;font-family:var(--font-heading);font-size:54px}.neo-google-card p,.neo-coordination-card p{margin:0 0 12px;color:rgba(0,0,0,.54);font-size: 14px;letter-spacing:.13em;text-transform:uppercase}.neo-google-card h3{margin:0 0 20px;font-family:var(--font-heading);font-size:27px;font-weight:400;line-height:1}.neo-google-card>span:last-child,.neo-coordination-card a{color:#111;font-size: 14px;font-weight:600;text-transform:uppercase}.neo-coordination-card{background:var(--neo-accent)}.neo-coordination-card strong{font-family:var(--font-heading);font-size:80px;font-weight:400;line-height:.7}.neo-coordination-card sup{font-family:var(--font-body);font-size:19px}.neo-coordination-card h3{margin:18px 0 24px;font-size:14px;font-weight:500}
.neo-contact{padding:clamp(88px,9vw,144px) 0;border-top:1px solid var(--neo-line);background:#0b0b0b}.neo-contact-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(46px,7vw,110px);align-items:stretch}.neo-contact-copy h2{margin-top:36px;font-size:clamp(58px,6vw,94px)}.neo-contact-links{margin:50px 0 34px;border-top:1px solid var(--neo-line)}.neo-contact-links a{display:grid;grid-template-columns:150px 1fr;gap:24px;padding:18px 0;border-bottom:1px solid var(--neo-line);color:var(--neo-ink)}.neo-contact-links span{color:var(--neo-muted);font-size: 14px;letter-spacing:.12em;text-transform:uppercase}.neo-contact-links strong{font-size:14px;font-weight:400}.neo-map{position:relative;min-height:610px;overflow:hidden;border:1px solid var(--neo-line);border-radius:10px;background:#181818}.neo-map iframe{width:100%;height:100%;border:0;filter:grayscale(1) invert(.9) hue-rotate(77deg) brightness(.72) contrast(1.15)}.neo-map::after{position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(7, 7, 7, .55));content:"";pointer-events:none}.neo-map>a{position:absolute;right:20px;bottom:20px;z-index:2;padding:12px 14px;border:1px solid rgba(230, 230, 230, .48);background:rgba(10, 10, 10, .78);color:var(--neo-accent);font-size: 14px;text-transform:uppercase;backdrop-filter:blur(10px)}
body[class] .site-footer{border-top:1px solid var(--neo-line);background:#0b0b0b;color:var(--neo-ink)}body[class] .site-footer .footer-label,body[class] .site-footer p{color:var(--neo-muted)}body[class] .site-footer a{color:var(--neo-ink)}body[class] .site-footer .footer-brand img{filter:invert(1) brightness(1.4) grayscale(1)}body[class] .site-footer .footer-bottom{border-top-color:var(--neo-line);background:#080808}body[class] .footer-social a{border-color:var(--neo-line);color:var(--neo-ink)}
@media(max-width:1180px){.neo-hero-grid{grid-template-columns:minmax(0,1fr) minmax(360px,.72fr)}.neo-hero-copy h1{font-size:clamp(66px,8vw,104px)}.neo-section-head>div,.neo-transform-head>div{grid-template-columns:1fr;gap:24px}.neo-bento-grid{grid-template-columns:repeat(3,1fr)}.neo-bento--lab{grid-column:1/3}.neo-bento--founder,.neo-bento--authority{grid-column:3}.neo-bento--metric{grid-column:2}.neo-doctor-grid{min-height:850px}}
@media(max-width:900px){.home-page .container{width:min(calc(100% - 32px),var(--container))}.neo-hero-grid{grid-template-columns:1fr;grid-template-rows:auto auto auto;align-items:start;padding-top:calc(var(--header-height) + 72px)}.neo-hero-copy{padding:0}.neo-model-stage{min-height:48vh;margin-top:-28px}.neo-model-stage img{width:min(80%,520px);height:54vh}.neo-model-orbit{width:min(70vw,500px)}.neo-model-tag--one{left:9%}.neo-model-tag--two{right:7%}.neo-model-tag--three{left:9%}.neo-hero-foot{grid-column:1}.neo-section-head,.neo-transform-head{grid-template-columns:1fr;gap:24px}.neo-bento-grid{grid-template-columns:1fr 1fr;grid-template-rows:520px 340px 280px}.neo-bento--lab{grid-column:1/3;grid-row:1}.neo-bento--founder{grid-column:1;grid-row:2}.neo-bento--authority{grid-column:2;grid-row:2}.neo-bento--metric{grid-column:1/3;grid-row:3;width:100%;height:auto}.neo-treatment-intro{grid-template-columns:1fr;gap:18px}.neo-doctor-grid{min-height:0;grid-template-columns:1fr 1fr;grid-template-rows:620px repeat(2,390px)}.neo-doctor-card--lead{grid-column:1/3;grid-row:1}.neo-doctor-card:not(.neo-doctor-card--lead){grid-column:auto}.neo-proof-grid{grid-template-columns:1fr 1fr;grid-template-rows:520px 250px 280px}.neo-proof-story{grid-column:1/3;grid-row:1}.neo-proof-marquee{grid-column:1/3;grid-row:2}.neo-contact-grid{grid-template-columns:1fr}.neo-map{min-height:480px}}
@media(max-width:760px){.home-page .site-header{background:rgba(11, 11, 11, .76);backdrop-filter:blur(14px)}.neo-hero-copy h1{margin-top:26px;font-size:clamp(58px,16vw,82px)}.neo-hero-intro{margin-top:26px}.neo-hero-actions{align-items:flex-start;flex-direction:column;gap:22px}.neo-hero-foot{align-items:flex-start;flex-direction:column;gap:13px}.neo-hero-foot p{flex-wrap:wrap;gap:9px 20px}.neo-model-stage{min-height:420px}.neo-model-stage img{height:460px}.neo-model-tag{font-size:14px}.neo-evidence,.neo-doctors,.neo-proof{padding:86px 0}.neo-section-head h2,.neo-transform-head h2,.neo-contact-copy h2{font-size:clamp(54px,15vw,72px)}.neo-section-head>div,.neo-transform-head>div{grid-template-columns:1fr}.neo-bento-grid{display:grid;grid-template-columns:1fr;grid-template-rows:460px 430px auto auto}.neo-bento--lab,.neo-bento--founder,.neo-bento--authority,.neo-bento--metric{grid-column:1;grid-row:auto}.neo-bento--metric{min-height:230px}.neo-process{top:16px;right:16px;left:16px;overflow-x:auto}.neo-process li{min-width:94px}.neo-bento-copy{right:20px;bottom:20px;left:20px}.neo-treatments{height:auto!important;padding:82px 0}.neo-horizontal-viewport{position:relative;height:auto;overflow:visible;padding:0}.neo-treatment-intro>div{align-items:flex-start;flex-direction:column}.neo-horizontal-track{max-width:100vw;overflow-x:auto;padding-bottom:16px;scroll-snap-type:x mandatory;scrollbar-width:none;transform:none!important}.neo-horizontal-track::-webkit-scrollbar{display:none}.neo-treatment-card,.neo-treatment-all{width:min(82vw,360px);height:510px;scroll-snap-align:center}.neo-treatment-copy{transform:translateY(0)}.neo-treatment-detail,.neo-treatment-copy b{opacity:1}.neo-horizontal-progress{display:none}.neo-doctor-grid{display:grid;grid-template-columns:1fr;grid-template-rows:560px repeat(4,430px)}.neo-doctor-card--lead,.neo-doctor-card:not(.neo-doctor-card--lead){grid-column:1;grid-row:auto}.neo-transform{padding:86px 0}.neo-compare-wrap{width:100%;padding:5px}.neo-compare-labels span:nth-child(2){display:none}.neo-image-compare{height:64vh;min-height:440px}.neo-case-strip{grid-template-columns:1fr 1fr}.neo-case-strip a{grid-column:1/3}.neo-proof-grid{display:grid;grid-template-columns:1fr;grid-template-rows:520px 240px auto auto}.neo-proof-story,.neo-proof-marquee{grid-column:1;grid-row:auto}.neo-google-card,.neo-coordination-card{min-height:270px}.neo-contact-links a{grid-template-columns:1fr;gap:7px}.neo-map{min-height:410px}}
@media(max-width:480px){.home-page .container{width:min(calc(100% - 24px),var(--container))}.neo-hero-grid{padding-top:calc(var(--header-height) + 48px)}.neo-hero-copy h1{font-size:clamp(52px,15.5vw,68px)}.neo-glass-button{width:100%}.neo-model-stage{min-height:350px}.neo-model-stage img{width:92%;height:390px}.neo-model-tag--two{right:0}.neo-model-tag--one,.neo-model-tag--three{left:0}.neo-section-head,.neo-transform-head{margin-bottom:42px}.neo-bento-grid{grid-template-rows:410px 390px auto auto}.neo-process li{min-width:82px;padding:9px}.neo-process span{display:none}.neo-treatment-card,.neo-treatment-all{width:86vw;height:470px}.neo-doctor-grid{grid-template-rows:500px repeat(4,390px)}.neo-image-compare{height:52vh;min-height:390px}.neo-case-strip{grid-template-columns:1fr}.neo-case-strip a{grid-column:1}.neo-medical-note{font-size:14px}.neo-proof-story h3{font-size:43px}}
.neo-contact-hours{display:grid;grid-template-columns:150px 1fr;gap:24px;padding:18px 0;border-bottom:1px solid var(--neo-line)}.neo-contact-hours span{color:var(--neo-muted);font-size: 14px;letter-spacing:.12em;text-transform:uppercase}.neo-contact-hours strong{font-size:14px;font-weight:400}
@media(min-width:901px){.neo-doctor-grid{min-height:1040px;grid-template-rows:repeat(4,1fr)}.neo-doctor-card--lead{grid-row:span 4}}
@media(max-width:760px){.neo-contact-hours{grid-template-columns:1fr;gap:7px}}
@media(prefers-reduced-motion:reduce){.neo-hero-lines i,.neo-marquee span{animation:none}.neo-model-stage img,.neo-treatment-card img,.neo-doctor-card img{transition:none}.neo-horizontal-track{transform:none!important}}

/* Light blue / white palette revision */
:root{--neo-bg:#fafafa;--neo-panel:#f3f3f3;--neo-panel-2:#ededed;--neo-ink:#131313;--neo-muted:rgba(44, 44, 44, .62);--neo-line:rgba(19, 19, 19, .15);--neo-accent:#bbbbbb;--neo-cyan:#c7c7c7}
body.home-page,.home-page main{background:var(--neo-bg);color:var(--neo-ink)}
.home-page .site-header,.home-page .site-header.is-scrolled{border-bottom-color:rgba(19, 19, 19, .1);background:rgba(252, 252, 252, .9);box-shadow:0 10px 30px rgba(82, 82, 82, .07);color:var(--neo-ink);backdrop-filter:blur(18px)}
.home-page .brand img,body[class] .site-footer .footer-brand img{filter:none}
.home-page .desktop-nav>a,.home-page .desktop-nav>.nav-item>.nav-trigger,.home-page .language-button{color:#363636}
.home-page .desktop-nav a::after{background:#bbbbbb}
.home-page .header-cta{border-color:#696969;background:#4a4a4a;color:#fff}.home-page .header-cta:hover{background:#bbbbbb;color:#252525}
.home-page .menu-button span{background:#131313}
.home-page .nav-mega{border-color:rgba(72, 72, 72, .13);background:linear-gradient(135deg,#fff,#f3f3f3);color:#333333;box-shadow:0 28px 65px rgba(61, 61, 61, .16)}
.home-page .nav-mega-col a,.home-page .nav-mega-col p,.home-page .nav-mega-foot p,.home-page .nav-mega-cta{color:#3f3f3f!important}.home-page .nav-mega-label{color:#696969!important}.home-page .nav-mega-col a:hover{color:#6b6b6b!important}.home-page .nav-mega-foot{border-top-color:rgba(72, 72, 72, .14)}
.home-page .nav-mega-cta{background:#4a4a4a;color:#fff!important}.home-page .nav-mega-cta:hover{background:#707070;color:#fff!important}
.neo-kicker span{background:#9b9b9b}
.neo-hero{background:radial-gradient(circle at 78% 46%,rgba(187, 187, 187, .23),transparent 25%),radial-gradient(circle at 88% 66%,rgba(199, 199, 199, .22),transparent 31%),linear-gradient(135deg,#fff 0%,#f8f8f8 54%,#f3f3f3 100%)}
.neo-hero::before{background-image:linear-gradient(rgba(95, 95, 95, .045) 1px,transparent 1px),linear-gradient(90deg,rgba(95, 95, 95, .045) 1px,transparent 1px)}
.neo-hero-lines i{background:linear-gradient(90deg,transparent,rgba(148, 148, 148, .66),transparent);box-shadow:0 0 14px rgba(148, 148, 148, .26)}
.neo-hero-copy h1{color:#131313}.neo-hero-copy h1 em{color:#707070}.neo-hero-intro{color:rgba(44, 44, 44, .68)}
.neo-glass-button{border-color:rgba(105, 105, 105, .46);background:rgba(255,255,255,.66);box-shadow:0 12px 34px rgba(118, 118, 118, .08);color:#131313}.neo-glass-button i{background:#bbbbbb;color:#262626}.neo-glass-button:hover{background:#f0f0f0;box-shadow:0 15px 38px rgba(118, 118, 118, .14)}
.neo-text-link{border-bottom-color:rgba(44, 44, 44, .28);color:#131313}
.neo-model-stage::after{background:rgba(159, 159, 159, .21)}.neo-model-stage img{mix-blend-mode:normal;filter:saturate(.94) contrast(1.01);filter:drop-shadow(0 30px 42px rgba(100, 100, 100, .18))}
.neo-model-orbit{border-color:rgba(95, 95, 95, .13)}.neo-model-orbit span{border-color:rgba(138, 138, 138, .17)}.neo-model-orbit span:nth-child(2){border-color:rgba(110, 110, 110, .2)}.neo-model-orbit span:nth-child(3){background:#a5a5a5;box-shadow:0 0 24px rgba(165, 165, 165, .45)}
.neo-model-tag{border-color:rgba(80, 80, 80, .18);background:rgba(255,255,255,.72);color:rgba(44, 44, 44, .65);box-shadow:0 8px 24px rgba(75, 75, 75, .08)}.neo-model-tag b{color:#646464}
.neo-hero-foot{border-top-color:rgba(19, 19, 19, .15);color:rgba(44, 44, 44, .58)}.neo-hero-foot a{color:#131313}
.neo-evidence,.neo-doctors,.neo-proof{background:#fafafa}
.neo-bento{border-color:rgba(19, 19, 19, .12);background:#f3f3f3;box-shadow:0 18px 46px rgba(85, 85, 85, .08)}
.neo-bento--authority{background:#c5c5c5;color:#2a2a2a}.neo-bento--authority a{color:#2a2a2a}.neo-bento--metric{background:rgba(252, 252, 252, .9);color:#131313;box-shadow:0 18px 45px rgba(78, 78, 78, .13)}.neo-bento--metric strong{color:#6d6d6d}
.neo-treatments{background:#f5f5f5;color:#131313}.neo-treatment-intro .neo-kicker,.neo-treatment-intro p{color:rgba(44, 44, 44, .58)}.neo-treatment-intro h2{color:#131313}.neo-treatment-intro h2 em{color:#707070}.neo-treatment-all{border-color:rgba(19, 19, 19, .2);background:#fff;color:#131313}.neo-treatment-all i{background:#4a4a4a;color:#fff}.neo-horizontal-progress>span{background:rgba(19, 19, 19, .14)}.neo-horizontal-progress i{background:#4a4a4a}.neo-horizontal-progress b{color:#131313}
.neo-doctors{background:linear-gradient(180deg,#fcfcfc,#f3f3f3)}.neo-doctor-card{border-color:rgba(19, 19, 19, .13);box-shadow:0 18px 42px rgba(74, 74, 74, .09)}.neo-doctor-card p,.neo-doctor-card i{color:#bbbbbb}.neo-doctor-card i{border-color:rgba(187, 187, 187, .65)}.neo-doctor-card:hover i{background:#bbbbbb;color:#2a2a2a}
.neo-transform{background:#fff;color:#131313}.neo-transform .neo-kicker,.neo-transform-head>div>p{color:rgba(44, 44, 44, .58)}.neo-transform-head h2{color:#131313}.neo-transform-head h2 em{color:#707070}.neo-compare-wrap{border-color:rgba(19, 19, 19, .14);background:#f2f2f2;box-shadow:0 20px 55px rgba(80, 80, 80, .1)}.neo-compare-labels{color:rgba(44, 44, 44, .58)}.neo-compare-divider{background:#bbbbbb;box-shadow:0 0 13px rgba(187, 187, 187, .7)}.neo-compare-divider i{border-color:#bbbbbb;background:#4a4a4a;color:#fff}.neo-case-strip a{color:#131313}.neo-case-strip span,.neo-medical-note{color:rgba(44, 44, 44, .55)}
.neo-proof{background:#f5f5f5}.neo-proof-grid>*{border-color:rgba(19, 19, 19, .14);box-shadow:0 16px 42px rgba(73, 73, 73, .08)}.neo-proof-marquee{background:#fff}.neo-proof-marquee p{color:rgba(44, 44, 44, .56)}.neo-marquee{border-block-color:rgba(19, 19, 19, .13);color:#131313}.neo-proof-marquee a{color:#646464}.neo-google-card{background:#fff;color:#131313}.neo-google-card>span:last-child{color:#131313}.neo-coordination-card{background:#c5c5c5;color:#131313}.neo-coordination-card a{color:#131313}
.neo-contact{border-top-color:rgba(19, 19, 19, .12);background:linear-gradient(135deg,#fff,#f4f4f4)}.neo-contact-links{border-top-color:rgba(19, 19, 19, .14)}.neo-contact-links a,.neo-contact-hours{border-bottom-color:rgba(19, 19, 19, .14)}.neo-contact-links a{color:#131313}.neo-map{border-color:rgba(19, 19, 19, .16);background:#ececec;box-shadow:0 22px 55px rgba(72, 72, 72, .12)}.neo-map iframe{filter:grayscale(.55) sepia(.08) hue-rotate(150deg) saturate(.75) brightness(1.08) contrast(.88)}.neo-map::after{background:linear-gradient(180deg,transparent 68%,rgba(242, 242, 242, .35))}.neo-map>a{border-color:rgba(97, 97, 97, .38);background:rgba(255,255,255,.84);color:#5b5b5b}
body[class] .site-footer{border-top-color:rgba(19, 19, 19, .12);background:#fbfbfb;color:#131313}body[class] .site-footer .footer-label,body[class] .site-footer p{color:rgba(44, 44, 44, .58)}body[class] .site-footer a{color:#131313}body[class] .site-footer .footer-bottom{border-top-color:rgba(19, 19, 19, .12);background:#f3f3f3}body[class] .footer-social a{border-color:rgba(19, 19, 19, .15);color:#131313}

/* Dark footer contrast */
body[class] .site-footer{border-top-color:rgba(255,255,255,.1);background:#191919;color:#f8f8f8}body[class] .site-footer .footer-brand img{filter:invert(1) brightness(1.5) grayscale(1)}body[class] .site-footer .footer-brand i{background:#bbbbbb}body[class] .site-footer .footer-label{color:#bbbbbb}body[class] .site-footer p{color:rgba(245, 245, 245, .6)}body[class] .site-footer a{color:#f8f8f8}body[class] .site-footer a:hover{color:#cccccc}body[class] .site-footer .footer-contact b{border-color:rgba(187, 187, 187, .35);color:#bbbbbb}body[class] .footer-social a{border-color:rgba(255,255,255,.16);color:#f8f8f8}body[class] .footer-social a:hover{border-color:#bbbbbb;background:#bbbbbb;color:#262626}body[class] .site-footer .footer-bottom{border-top-color:rgba(255,255,255,.1);background:#0e0e0e}body[class] .site-footer .footer-bottom p{color:rgba(245, 245, 245, .55)}

/* Reference-led precision hero */
.neo-hero--precision{position:relative;min-height:100svh;overflow:hidden;padding-top:var(--header-height);background:linear-gradient(135deg,#fff 0%,#fbfbfb 58%,#f7f7f7 100%);color:#1e1e1e}
.neo-hero--precision::before{position:absolute;inset:var(--header-height) 0 0;background-image:linear-gradient(rgba(90, 90, 90, .035) 1px,transparent 1px),linear-gradient(90deg,rgba(90, 90, 90, .035) 1px,transparent 1px);background-size:72px 72px;content:"";pointer-events:none}
.precision-hero-inner{position:relative;min-height:calc(100svh - var(--header-height));isolation:isolate}
.precision-background-type{position:absolute;top:calc(var(--header-height) + 34px);left:31%;z-index:0;color:rgba(110, 110, 110, .035);font-family:var(--font-body);font-size:clamp(88px,12vw,190px);font-weight:600;letter-spacing:-.08em;line-height:.68;text-transform:uppercase;white-space:nowrap;pointer-events:none}
.precision-copy{position:absolute;top:clamp(72px,10vh,118px);left:0;z-index:4;width:min(37vw,500px)}
.precision-eyebrow{margin:0 0 24px;color:#747474;font-size: 14px;font-weight:500;letter-spacing:.12em;text-transform:uppercase}
.precision-copy h1{margin:0;color:#212121;font-family:var(--font-body);font-size:clamp(72px,7.1vw,112px);font-weight:600;letter-spacing:-.078em;line-height:.77}
.precision-copy h1 span,.precision-copy h1 em{display:block;font-style:normal}.precision-copy h1 em{color:#878787}
.precision-intro{margin:28px 0 0;color:#696969;font-size:14px;line-height:1.42}
.precision-arrow{display:grid;width:48px;height:48px;margin-top:24px;place-items:center;border:1px solid rgba(88, 88, 88, .22);border-radius:50%;background:rgba(255,255,255,.78);color:#878787;cursor:pointer;font-size:17px;transition:background .3s ease,color .3s ease,transform .3s ease}.precision-arrow:hover{background:#878787;color:#fff;transform:translateY(3px)}
.precision-implant{position:absolute;right:-6%;bottom:-3%;left:18%;z-index:1;height:92%;margin:0;pointer-events:none}.precision-implant img{width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 30px 50px rgba(76, 76, 76, .08))}
.precision-note{position:absolute;z-index:3;display:flex;align-items:flex-start;color:#404040;font-size: 14px;line-height:1.25;text-transform:uppercase}.precision-note i{display:block;height:1px;margin-top:4px;background:#a8a8a8}.precision-note i::after{float:right;width:4px;height:4px;margin-top:-1.5px;border-radius:50%;background:#878787;content:""}.precision-note p{margin:0}.precision-note b{display:block;margin-bottom:3px;font-size:14px;font-weight:600}.precision-note span{display:block;color:#8b8b8b;font-size:14px;text-transform:none}.precision-note--crown{top:17%;right:24%}.precision-note--crown i{width:90px;margin-right:8px}.precision-note--abutment{top:36%;right:1%}.precision-note--abutment i{width:122px;margin-right:8px}.precision-note--integration{top:50%;right:24%}.precision-note--integration i{width:90px;margin-right:8px}
.precision-metrics{position:absolute;bottom:12%;left:0;z-index:5;display:flex;align-items:flex-end}.precision-metrics.scroll-reveal{opacity:1;transform:none}.precision-metrics>div,.precision-metrics>a{display:grid;min-width:148px;grid-template-columns:auto 1fr;gap:8px;align-items:end;padding:0 24px;border-right:1px solid rgba(88, 88, 88, .17);color:#2d2d2d}.precision-metrics>div:first-child{padding-left:0}.precision-metrics strong{color:#878787;font-size:23px;font-weight:600;letter-spacing:-.04em;line-height:1}.precision-metrics strong sup{font-size:14px}.precision-metrics span{color:#7f7f7f;font-size:14px;line-height:1.35}
.precision-watch{position:absolute;right:0;bottom:5%;z-index:5;display:flex;align-items:center;gap:12px;color:#7d7d7d;font-size: 14px;text-align:right;text-transform:uppercase}.precision-watch i{display:grid;width:64px;height:64px;place-items:center;border:1px solid rgba(135, 135, 135, .23);border-radius:50%;background:#fff;box-shadow:0 8px 26px rgba(92, 92, 92, .09);color:#878787;font-style:normal;font-size:15px;transition:transform .3s ease}.precision-watch:hover i{transform:scale(1.06)}
.precision-scroll{position:absolute;top:46%;right:-42px;z-index:5;display:flex;align-items:center;gap:10px;color:#787878;font-size: 14px;letter-spacing:.14em;text-transform:uppercase;transform:rotate(90deg)}.precision-scroll i{display:block;width:34px;height:1px;background:#878787}
.precision-rail{position:absolute;top:40%;left:max(12px,calc((100vw - var(--container))/2 - 58px));z-index:5;display:flex;flex-direction:column;align-items:center;gap:8px;color:#b0b0b0;font-size:14px}.precision-rail b{color:#333333}.precision-rail i{display:block;width:1px;height:38px;background:#acacac}
@media(max-width:1100px){.precision-copy{width:43vw}.precision-copy h1{font-size:clamp(64px,8vw,88px)}.precision-implant{right:-13%;left:15%;height:87%}.precision-note--crown{right:16%}.precision-note--integration{right:14%}.precision-metrics>div,.precision-metrics>a{min-width:125px;padding-inline:15px}.precision-watch span{display:none}}
@media(max-width:760px){.neo-hero--precision{min-height:auto;padding-top:var(--header-height)}.precision-hero-inner{display:flex;min-height:930px;flex-direction:column;padding-top:58px;padding-bottom:30px}.precision-background-type{top:calc(var(--header-height) + 210px);left:6%;font-size:82px;line-height:.75}.precision-copy{position:relative;top:auto;left:auto;width:100%;z-index:4}.precision-eyebrow{margin-bottom:18px}.precision-copy h1{font-size:clamp(58px,16vw,76px);line-height:.78}.precision-intro{margin-top:22px}.precision-arrow{margin-top:18px}.precision-implant{right:-29%;bottom:96px;left:-29%;height:58%}.precision-implant img{object-position:center bottom}.precision-note{display:none}.precision-metrics{right:0;bottom:22px;justify-content:center}.precision-metrics>div,.precision-metrics>a{min-width:0;flex:1;grid-template-columns:1fr;gap:5px;padding:0 10px}.precision-metrics>div:first-child{padding-left:0}.precision-metrics strong{font-size:18px}.precision-metrics span{font-size:14px}.precision-watch,.precision-scroll,.precision-rail{display:none}}
@media(max-width:430px){.precision-hero-inner{min-height:880px;padding-top:44px}.precision-copy h1{font-size:clamp(54px,15.4vw,66px)}.precision-implant{right:-40%;bottom:92px;left:-40%;height:55%}.precision-background-type{font-size:68px}.precision-metrics strong{font-size:16px}.precision-metrics span{font-size:14px}}

/* Readability pass: larger navigation, clear hero typography and legible media captions */
.site-header .desktop-nav>a,
.site-header .desktop-nav>.nav-item>.nav-trigger{font-size:14px;line-height:1.2;letter-spacing:.035em}
.site-header .language-button{font-size:14px}
.site-header .header-cta{min-height:48px;padding-inline:19px;font-size:14px;letter-spacing:.04em}
.nav-mega-label{font-size:14px;line-height:1.4}
.nav-mega-col a{font-size:14px;line-height:1.45}
.nav-mega-feature p,.nav-mega-foot p,.nav-mega-cta{font-size:14px;line-height:1.45}
.nav-mega-feature-eyebrow{font-size:14px;line-height:1.4}
.nav-mega-feature-text{font-size:14px;line-height:1.5}
.nav-mega-feature-cta{font-size:14px;line-height:1.4}
.mobile-menu-label,.mobile-menu nav span{font-size:14px;line-height:1.4}

.precision-background-type,.precision-rail,.precision-scroll{display:none}
.precision-copy{top:clamp(72px,9vh,108px);width:min(42vw,620px)}
.precision-eyebrow{margin-bottom:22px;font-size:14px;line-height:1.45;letter-spacing:.085em}
.precision-copy h1{font-size:clamp(76px,7.2vw,120px);letter-spacing:-.052em;line-height:.92}
.precision-intro{max-width:390px;margin-top:26px;font-size:17px;line-height:1.55}
.precision-cta{display:inline-flex;min-height:54px;align-items:center;justify-content:space-between;gap:22px;margin-top:27px;padding:0 20px;border:1px solid #878787;border-radius:3px;background:#878787;color:#fff;cursor:pointer;font:600 14px/1.2 var(--font-body);letter-spacing:.045em;text-transform:uppercase;white-space:nowrap;box-shadow:0 12px 30px rgba(135, 135, 135, .16);transition:transform .25s ease,background .25s ease,box-shadow .25s ease}
.precision-cta span{font-size:17px;font-weight:400}
.precision-cta:hover{background:#767676;box-shadow:0 15px 36px rgba(135, 135, 135, .24);transform:translateY(-2px)}
.precision-implant{right:-5%;bottom:-2%;left:27%;height:89%}
.precision-note{font-size:14px;line-height:1.4;text-transform:none}
.precision-note i{margin-top:7px}
.precision-note b{margin-bottom:4px;font-size:14px;line-height:1.3;text-transform:uppercase}
.precision-note span{font-size:14px;line-height:1.45}
.precision-note--crown{top:16%;right:20%}
.precision-note--crown i{width:74px}
.precision-note--abutment{top:36%;right:0}
.precision-note--abutment i{width:92px}
.precision-note--integration{top:51%;right:18%}
.precision-note--integration i{width:72px}
.precision-metrics{bottom:9%}
.precision-metrics>div,.precision-metrics>a{min-width:172px;gap:10px;padding-inline:22px}
.precision-metrics strong{font-size:27px}
.precision-metrics strong sup{font-size:14px}
.precision-metrics span{font-size:14px;line-height:1.4}
.precision-watch{right:0;bottom:4%;gap:10px;padding:12px 15px;border:1px solid rgba(135, 135, 135, .2);border-radius:3px;background:rgba(255,255,255,.88);box-shadow:0 10px 28px rgba(92, 92, 92, .08);color:#4f4f4f;font-size:14px;font-weight:600;letter-spacing:.035em;text-align:left}
.precision-watch span{color:#878787;font-size:17px}

.neo-kicker{font-size:14px;line-height:1.45}
.neo-bento-copy p,.neo-bento--authority>p,.neo-bento--metric>p{font-size:14px;line-height:1.4}
.neo-bento--founder .neo-bento-copy a,.neo-bento--authority a{font-size:14px;line-height:1.35}
.neo-process b{font-size:14px}.neo-process span{font-size:14px;line-height:1.35}
.neo-treatment-number{font-size:14px}
.neo-treatment-copy p{font-size:14px;line-height:1.4}
.neo-treatment-detail span{font-size:14px;line-height:1.35}
.neo-treatment-copy b,.neo-treatment-all span{font-size:14px;line-height:1.35}
.neo-horizontal-progress b{display:none}
.neo-doctor-card p{font-size:14px;line-height:1.4}
.neo-doctor-card>div>span{font-size:14px;line-height:1.45}
.neo-compare-labels,.neo-before-chip,.neo-after-chip{font-size:14px;line-height:1.35}
.neo-case-strip span{font-size:14px;line-height:1.4}
.neo-case-strip strong{font-size:14px;line-height:1.4}
.neo-case-strip a{font-size:14px;line-height:1.4}
.neo-medical-note{font-size:14px;line-height:1.6}
.neo-proof-story p,.neo-proof-marquee p{font-size:14px;line-height:1.4}
.neo-proof-story>div span,.neo-proof-marquee a{font-size:14px;line-height:1.4}
.neo-google-card p,.neo-coordination-card p{font-size:14px;line-height:1.4}
.neo-google-card>span:last-child,.neo-coordination-card a{font-size:14px;line-height:1.4}
.neo-contact-links span,.neo-contact-hours span{font-size:14px;line-height:1.45}
.neo-contact-links strong,.neo-contact-hours strong{font-size:14px;line-height:1.45}
.neo-map>a{font-size:14px}
body[class] .site-footer{font-size:14px}
body[class] .site-footer .footer-label{font-size:14px;line-height:1.4}
body[class] .site-footer a,body[class] .site-footer p{font-size:14px;line-height:1.55}
body[class] .site-footer .footer-bottom p{font-size:14px}
.comparison-dates,.case-disclosure{font-size:14px;line-height:1.55}
.treatment-card figure span,.treatment-card-tag,.treatment-card strong{font-size:14px!important;line-height:1.4}
.treatment-back,.treatment-detail-kicker,.treatment-process span,.treatment-detail-aside a,.treatment-detail-bottom a{font-size:14px;line-height:1.4}

@media(max-width:1100px) and (min-width:761px){
  .precision-copy{width:44vw}
  .precision-copy h1{font-size:clamp(65px,7.8vw,86px)}
  .precision-implant{right:-12%;left:26%;height:86%}
  .precision-note--crown{right:12%}.precision-note--integration{right:10%}
  .precision-metrics>div,.precision-metrics>a{min-width:140px;padding-inline:14px}
}
@media(max-width:760px){
  .home-page .site-header{display:block!important;visibility:visible!important;opacity:1!important;transform:none!important;animation:none}
  .home-page .header-container{display:grid!important}
  .home-page .brand{position:relative;z-index:2;display:flex!important;visibility:visible!important;opacity:1!important}
  .home-page .brand img{display:block!important;visibility:visible!important;opacity:1!important}
  .home-page .header-actions{position:relative;z-index:2;display:flex!important}
  .home-page .menu-button{display:block!important;color:#131313!important}
  .precision-hero-inner{min-height:1040px;padding-top:54px}
  .precision-copy h1{font-size:clamp(52px,14.2vw,66px);letter-spacing:-.045em;line-height:.92}
  .precision-eyebrow{font-size:14px}
  .precision-intro{margin-top:21px;font-size:15px;line-height:1.5}
  .precision-cta{min-width:202px;min-height:50px;margin-top:22px;padding-inline:17px;font-size:14px}
  .precision-implant{right:-30%;bottom:116px;left:-30%;height:53%}
  .precision-metrics{bottom:24px}
  .precision-metrics>div,.precision-metrics>a{width:33.333%;min-width:0;grid-template-columns:1fr;gap:6px;padding-inline:8px}
  .precision-metrics>div:first-child{padding-left:0}
  .precision-metrics strong{font-size:19px}
  .precision-metrics span{font-size:14px;line-height:1.35}
  .neo-treatment-copy h3{line-height:.96}
  .neo-doctor-card h3{line-height:1.02}
}
@media(max-width:430px){
  .precision-hero-inner{min-height:980px;padding-top:40px}
  .precision-copy h1{font-size:clamp(49px,13.8vw,60px)}
  .precision-implant{right:-39%;bottom:112px;left:-39%;height:51%}
  .precision-metrics strong{font-size:17px}
  .precision-metrics span{font-size:14px}
}

/* Precision hero alignment: annotations follow the visual instead of the viewport */
.precision-implant{overflow:visible}
.precision-implant img{display:block;mix-blend-mode:multiply}
.precision-implant .precision-note{z-index:3}
.precision-implant .precision-note--crown{top:8%;right:auto;left:47%}
.precision-implant .precision-note--crown i{width:74px}
.precision-implant .precision-note--abutment{top:31%;right:1%;left:auto}
.precision-implant .precision-note--abutment i{width:92px}
.precision-implant .precision-note--integration{top:52%;right:auto;left:42%}
.precision-implant .precision-note--integration i{width:72px}

.neo-hero--precision{background:#fff}
.neo-hero--precision::before{display:none}
.precision-implant .precision-note--integration{left:58%}

@media(min-width:761px) and (max-height:850px){
  .precision-copy{top:clamp(46px,7vh,62px)}
  .precision-copy h1{font-size:clamp(84px,12vh,98px);line-height:.91}
  .precision-eyebrow{margin-bottom:18px;font-size:14px}
  .precision-intro{margin-top:22px;font-size:16px;line-height:1.5}
  .precision-cta{min-height:50px;margin-top:22px}
  .precision-implant{right:-3%;bottom:0;left:29%;height:88%}
  .precision-metrics{bottom:7%}
  .precision-metrics>div,.precision-metrics>a{min-width:158px;padding-inline:18px}
  .precision-metrics strong{font-size:25px}
  .precision-metrics span{font-size:14px}
  .precision-watch{bottom:4%}
}

/* Site readability floor: visible interface copy never drops below 12px */
.home-page .precision-cta,
.home-page .neo-glass-button,
.home-page .neo-text-link,
.home-page .mobile-menu-label,
.home-page .mobile-contact,
.home-page .language-menu a,
.home-page .consultation-dialog .eyebrow,
.home-page .consultation-dialog .wizard-count,
.home-page .consultation-dialog .consultation-form label,
.home-page .consultation-dialog .consultation-options span,
.home-page .consultation-dialog .form-note,
.home-page .consultation-dialog .button{font-size:14px!important;line-height:1.45}
.home-page .neo-bento-copy h3,
.home-page .neo-treatment-copy h3,
.home-page .neo-doctor-card h3,
.home-page .neo-proof-story h3{overflow-wrap:normal;word-break:normal}
@media(max-width:760px){
  .home-page .precision-cta{font-size:14px}
  .home-page .precision-eyebrow{font-size:14px}
  .home-page .precision-metrics span{font-size:14px;line-height:1.35}
}

/* Final type scale: compact but comfortably readable */
.site-header .header-cta,
.nav-mega-label,
.nav-mega-feature-eyebrow,
.nav-mega-feature-cta{font-size:14px}
.precision-eyebrow,
.precision-cta,
.precision-watch,
.precision-metrics span,
.neo-kicker,
.neo-bento-copy p,
.neo-bento--authority>p,
.neo-bento--metric>p,
.neo-bento--founder .neo-bento-copy a,
.neo-bento--authority a,
.neo-process b,
.neo-process span,
.neo-treatment-copy p,
.neo-treatment-detail span,
.neo-treatment-copy b,
.neo-treatment-all span,
.neo-doctor-card p,
.neo-doctor-card>div>span,
.neo-compare-labels,
.neo-before-chip,
.neo-after-chip,
.neo-case-strip span,
.neo-case-strip strong,
.neo-case-strip a,
.neo-medical-note,
.neo-proof-story p,
.neo-proof-story>div span,
.neo-proof-marquee p,
.neo-proof-marquee a,
.neo-google-card p,
.neo-coordination-card p,
.neo-google-card>span:last-child,
.neo-coordination-card a,
.neo-contact-links span,
.neo-contact-hours span,
.neo-map>a,
body[class] .site-footer,
body[class] .site-footer .footer-label,
body[class] .site-footer a,
body[class] .site-footer p,
body[class] .site-footer .footer-bottom p,
.home-page .neo-glass-button,
.home-page .neo-text-link,
.home-page .mobile-menu-label,
.home-page .mobile-contact,
.home-page .language-menu a,
.home-page .consultation-dialog .eyebrow,
.home-page .consultation-dialog .wizard-count,
.home-page .consultation-dialog .consultation-form label,
.home-page .consultation-dialog .consultation-options span,
.home-page .consultation-dialog .form-note,
.home-page .consultation-dialog .button{font-size:14px!important;line-height:1.45}
.neo-bento--founder .neo-card-shade{background:linear-gradient(180deg,rgba(17, 17, 17, .02) 18%,rgba(17, 17, 17, .94) 100%)}
.neo-bento--founder .neo-bento-copy p{color:#e5e5e5!important}
.neo-bento--founder .neo-bento-copy h3{color:#fff}
.neo-bento--founder .neo-bento-copy a{color:#bababa}
@media(min-width:761px){
  .neo-horizontal-viewport{top:76px;height:calc(100svh - 76px);padding-top:clamp(24px,3vh,36px)}
  .neo-treatment-intro{margin-bottom:22px}
}
@media(max-width:760px){
  .home-page .precision-cta,
  .home-page .precision-eyebrow,
  .home-page .precision-metrics span{font-size:14px}
}
.home-page .precision-cta{font-size:14px!important}

/* Patient reviews: reference-led, quiet card layout */
.neo-testimonials{padding:clamp(100px,9vw,150px) 0;background:linear-gradient(180deg,#fcfcfc 0%,#f6f6f6 100%);color:#131313}
.neo-testimonials-head{max-width:960px;margin:0 auto;text-align:center}
.neo-testimonials-head .neo-kicker{justify-content:center;color:#676767}
.neo-testimonials-head h2{margin:26px 0 0;font-family:var(--font-heading);font-size:clamp(58px,6.2vw,96px);font-weight:400;letter-spacing:-.052em;line-height:.88}
.neo-testimonials-head h2 em{color:#919191;font-weight:400}
.neo-testimonials-head>p:last-child{margin:24px 0 0;color:rgba(44, 44, 44, .64);font-size:15px;line-height:1.6}
.neo-review-grid{display:flex;gap:18px;margin-top:clamp(48px,6vw,76px);overflow-x:auto;padding:5px 3px 18px;cursor:grab;scroll-behavior:auto;scroll-snap-type:none;scrollbar-width:none;touch-action:pan-y}
.neo-review-grid::-webkit-scrollbar{display:none}
.neo-review-grid.is-dragging{cursor:grabbing;user-select:none}
.neo-review-card{display:flex;min-height:240px;flex:0 0 calc((100% - 36px)/3);flex-direction:column;padding:28px;border:1px solid rgba(19, 19, 19, .13);border-radius:16px;background:#fff;box-shadow:0 18px 44px rgba(74, 74, 74, .08);scroll-snap-align:start;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,border-color .35s ease}
.neo-review-card:hover{border-color:rgba(145, 145, 145, .38);box-shadow:0 24px 54px rgba(74, 74, 74, .13);transform:translateY(-5px)}
.neo-review-stars{color:#5f5f5f;font-size:18px;letter-spacing:.12em;line-height:1}
.neo-review-card blockquote{margin:24px 0 34px;color:#363636;font-family:var(--font-body);font-size:clamp(17px,1.25vw,20px);font-style:normal;font-weight:400;line-height:1.55}
.neo-review-meta{display:grid;grid-template-columns:48px minmax(0,1fr) 42px;gap:13px;align-items:center;margin-top:auto}
.neo-review-avatar{display:grid;width:48px;height:48px;place-items:center;border-radius:50%;background:#eeeeee;color:#5e5e5e;font-size:14px;font-weight:600;letter-spacing:.04em}
.neo-review-meta div{min-width:0}
.neo-review-meta strong,.neo-review-meta div>span{display:block}
.neo-review-meta strong{color:#131313;font-size:14px;font-weight:600;line-height:1.35}
.neo-review-meta div>span{margin-top:3px;color:rgba(44, 44, 44, .58);font-size:14px;line-height:1.4}
.neo-review-meta>a{display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(19, 19, 19, .18);border-radius:50%;color:#4c4c4c;font-size:18px;transition:background .25s ease,color .25s ease,transform .25s ease}
.neo-review-meta>a:hover{background:#555555;color:#fff;transform:translate(2px,-2px)}
.neo-review-bottom{display:flex;align-items:center;justify-content:flex-end;gap:24px;margin-top:24px}
.neo-review-controls{display:flex;gap:10px}
.neo-review-controls button{display:grid;width:52px;height:52px;place-items:center;border:1px solid rgba(19, 19, 19, .2);border-radius:50%;background:#fff;color:#4c4c4c;cursor:pointer;font-size:20px;transition:background .25s ease,color .25s ease,transform .25s ease}
.neo-review-controls button:hover{background:#555555;color:#fff;transform:translateY(-2px)}
.neo-review-controls button:disabled{cursor:default;opacity:.35;transform:none}
@media(max-width:1100px) and (min-width:761px){.neo-review-card{flex-basis:calc((100% - 18px)/2)}}
@media(max-width:760px){
  .neo-testimonials{padding:84px 0}
  .neo-testimonials-head{text-align:left}
  .neo-testimonials-head .neo-kicker{justify-content:flex-start}
  .neo-testimonials-head h2{font-size:clamp(50px,14vw,66px);line-height:.92}
  .neo-testimonials-head>p:last-child{font-size:15px}
  .neo-review-grid{max-width:100vw;gap:12px;margin-top:40px;padding-bottom:14px}
  .neo-review-card,.neo-review-card:last-child{min-width:0;min-height:250px;flex:0 0 min(86vw,370px);padding:24px;scroll-snap-align:center}
  .neo-review-card blockquote{font-size:17px}
  .neo-review-bottom{margin-top:20px}
}

/* ── Revizeler (2026-08-24) ─────────────────────────────────── */
/* Vizyon/Misyon, uluslararası rehber kartları ve tedavi takvimi
   numaraları (01/02/03) büyütüldü. */
.mission-grid article > span { font-size: 22px; }
.guide-card-top span { font-size: 22px; }
.guide-timeline li > span { font-size: 20px; }

/* Ana sayfa ekip bölümü: soldaki büyük fotoğraf küçültüldü —
   kart 7 sütun yerine 5 sütun, ızgara yüksekliği azaltıldı. */
@media (min-width: 901px) {
  .neo-doctor-grid { min-height: 820px; }
  .neo-doctor-card--lead { grid-column: span 5; }
  .neo-doctor-card:not(.neo-doctor-card--lead) { grid-column: span 7; }
  .neo-doctor-card--lead h3 { font-size: clamp(38px, 3.6vw, 56px); }
}

/* Fotoğrafların doğal (kare) boyutu ızgara satırlarını 3000px'e
   kadar şişiriyordu; mutlak konumla karta hapsedilince bölüm
   gerçek yüksekliğine (820px) döndü. */
@media (min-width: 901px) {
  .neo-doctor-grid { min-height: 0; height: 820px; }
  .neo-doctor-card img { position: absolute; inset: 0; }
}

/* Revize: sağdaki hekim kartları 2×2 kare düzene geçti —
   küçük kartlarda yüzler görünür şekilde. */
@media (min-width: 901px) {
  .neo-doctor-grid { grid-template-columns: repeat(10, 1fr); }
  .neo-doctor-card--lead { grid-column: span 4; grid-row: span 4; }
  .neo-doctor-card:not(.neo-doctor-card--lead) {
    grid-column: span 3;
    grid-row: span 2;
  }
  .neo-doctor-card:not(.neo-doctor-card--lead) h3 { font-size: clamp(24px, 2vw, 34px); }
  .neo-doctor-card:not(.neo-doctor-card--lead) img { object-position: center 18%; }
}

/* ── Gülüş Haritası (interaktif bölüm) ─────────────────────── */
.eski-smile-map { padding: clamp(100px, 10vw, 168px) 0; color: #131313; background: linear-gradient(180deg, #fafafa 0%, #f3f3f3 100%); }
.eski-smile-map .neo-kicker { color: #8c8c8c; }
.eski-smile-map .neo-kicker span { background: #8c8c8c; }
.eski-smile-map-grid { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(320px, 0.85fr); gap: clamp(36px, 5vw, 80px); align-items: center; margin-top: clamp(40px, 5vw, 64px); }
.eski-smile-stage { position: relative; }
.eski-smile-svg { display: block; width: 100%; height: auto; }

.sm-lip { fill: none; stroke: rgba(44, 44, 44, 0.75); stroke-width: 2; }
.sm-tooth { fill: #fff; stroke: rgba(44, 44, 44, 0.5); stroke-width: 1.5; cursor: pointer; transition: fill .3s ease, stroke .3s ease, filter .3s ease; }
.sm-tooth--low { fill: #f7f7f7; }
.sm-gum { fill: rgba(187, 187, 187, 0.12); stroke: rgba(187, 187, 187, 0.45); stroke-width: 1.2; cursor: pointer; transition: fill .3s ease, stroke .3s ease; }
.sm-tooth--ghost { fill: rgba(111, 111, 111, 0.05); stroke: #8c8c8c; stroke-dasharray: 5 4; stroke-width: 1.6; }
.sm-gap { cursor: pointer; }
.sm-pin { stroke: #8c8c8c; stroke-width: 2; }
.sm-pin-head { fill: #8c8c8c; }
.sm-arc { fill: none; stroke: #8c8c8c; stroke-dasharray: 2 7; stroke-width: 2.4; stroke-linecap: round; cursor: pointer; opacity: .55; transition: opacity .3s ease, stroke .3s ease; }

/* aktif bölge vurguları */
.smile-svg .is-active.sm-tooth,
.smile-svg .is-active .sm-tooth { fill: rgba(187, 187, 187, 0.28); stroke: #8c8c8c; filter: drop-shadow(0 6px 14px rgba(111, 111, 111, 0.25)); }
.smile-svg .is-active.sm-gum { fill: rgba(187, 187, 187, 0.32); stroke: #8c8c8c; }
.smile-svg .is-active.sm-arc { opacity: 1; stroke: #131313; }

.smile-chips { display: flex; flex-wrap: wrap; gap: 9px; }
.smile-chips button { padding: 11px 18px; border: 1px solid rgba(19, 19, 19, 0.22); border-radius: 999px; color: #5b5b5b; background: rgba(255, 255, 255, 0.7); cursor: pointer; font: 500 14px/1 var(--font-body); letter-spacing: .04em; transition: background .25s, color .25s, border-color .25s; }
.smile-chips button:hover { border-color: #8c8c8c; color: #131313; }
.smile-chips button.is-active { border-color: #8c8c8c; color: #fff; background: #8c8c8c; }

.smile-info h3 { margin: 26px 0 12px; font-family: var(--font-heading); font-size: clamp(30px, 2.6vw, 42px); font-weight: 400; line-height: 1; }
.smile-info > p { margin: 0 0 20px; max-width: 40ch; color: rgba(44, 44, 44, 0.68); font-size: 15px; line-height: 1.7; }
.smile-links { display: grid; gap: 8px; margin-bottom: 26px; }
.smile-links a { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 13px 16px; border: 1px solid rgba(19, 19, 19, 0.16); border-radius: 12px; color: #131313; background: rgba(255, 255, 255, 0.75); font-size: 14px; font-weight: 500; transition: border-color .25s, transform .25s, background .25s; }
.smile-links a::after { content: "→"; color: #8c8c8c; transition: transform .25s; }
.smile-links a:hover { border-color: #8c8c8c; background: #fff; transform: translateX(3px); }
.smile-links a:hover::after { transform: translateX(3px); }
.smile-cta { display: inline-flex; align-items: center; gap: 10px; padding: 15px 24px; border: 0; border-radius: 999px; color: #fafafa; background: #131313; cursor: pointer; font: 600 14px/1 var(--font-body); letter-spacing: .05em; transition: background .25s, transform .25s; }
.smile-cta:hover { background: #8c8c8c; transform: translateY(-2px); }

.smile-info.is-swapping h3,
.smile-info.is-swapping > p,
.smile-info.is-swapping .smile-links { opacity: 0; transform: translateY(8px); }
.smile-info h3, .smile-info > p, .smile-links { transition: opacity .28s ease, transform .28s ease; }

@media (max-width: 900px) {
  .smile-map { padding: 86px 0; }
  .smile-map-grid { grid-template-columns: 1fr; gap: 30px; }
  .smile-chips { justify-content: flex-start; }
  .smile-info h3 { margin-top: 18px; }
}

/* Gülüş haritası: illüstrasyon yerine gerçek fotoğraf + noktalar */
.smile-photo { position: relative; margin: 0; border-radius: 24px; overflow: hidden; box-shadow: 0 30px 80px rgba(19, 19, 19, 0.18); }
.smile-photo img { display: block; width: 100%; height: auto; }
.smile-hotspot { position: absolute; left: var(--hx); top: var(--hy); z-index: 3; width: 44px; height: 44px; padding: 0; border: 0; background: none; cursor: pointer; transform: translate(-50%, -50%); }
.smile-hotspot i {
  position: absolute; inset: 8px; display: block; border-radius: 50%;
  border: 2px solid #fff; background: rgba(111, 111, 111, 0.55);
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.55), 0 4px 14px rgba(19, 19, 19, 0.35);
  transition: background .25s, transform .25s;
  animation: smile-pulse 2.4s infinite;
}
@keyframes smile-pulse {
  0% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.55), 0 4px 14px rgba(19, 19, 19, 0.35); }
  70% { box-shadow: 0 0 0 12px rgba(255, 255, 255, 0), 0 4px 14px rgba(19, 19, 19, 0.35); }
  100% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0), 0 4px 14px rgba(19, 19, 19, 0.35); }
}
.smile-hotspot::after {
  content: attr(data-etiket);
  position: absolute; left: 50%; bottom: calc(100% + 2px);
  padding: 6px 11px; border-radius: 999px;
  color: #fafafa; background: rgba(44, 44, 44, 0.9);
  font: 500 14px/1 var(--font-body); letter-spacing: .03em; white-space: nowrap;
  opacity: 0; transform: translate(-50%, 4px); pointer-events: none;
  transition: opacity .25s, transform .25s;
}
.smile-hotspot:hover::after, .smile-hotspot.is-active::after { opacity: 1; transform: translate(-50%, 0); }
.smile-hotspot:hover i { background: rgba(111, 111, 111, 0.85); transform: scale(1.12); }
.smile-hotspot.is-active i { background: #8c8c8c; border-color: #fff; transform: scale(1.25); animation: none; box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.35), 0 4px 16px rgba(19, 19, 19, 0.4); }
@media (max-width: 900px) {
  .smile-photo { border-radius: 16px; }
  .smile-hotspot::after { display: none; }
}
@media (prefers-reduced-motion: reduce) { .smile-hotspot i { animation: none; } }

/* Revize: üst menü ferahlatıldı — öğe araları açıldı, menü ile
   sağdaki TR/konsültasyon grubu arasına nefes payı kondu,
   link boyutu tetikleyiciyle eşitlendi. */
.desktop-nav { gap: clamp(18px, 1.8vw, 32px); }
.header-container { column-gap: clamp(16px, 2.2vw, 52px); }
.desktop-nav a, .language-button { font-size: 14px; }
.header-cta { white-space: nowrap; }

/* Completion pass: patient reviews and editorial doctor profiles */
.neo-review-bottom > p {
  margin: 0 auto 0 0;
  color: rgba(44, 44, 44, .58);
  font-size: 14px;
  line-height: 1.5;
}

.doctors-editorial-page { background: #f9f9f9; }
.doctor-index {
  position: sticky;
  z-index: 20;
  top: var(--header-height);
  border-bottom: 1px solid rgba(19, 19, 19, .13);
  background: rgba(249, 249, 249, .9);
  backdrop-filter: blur(16px);
}
.doctor-index .container { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); }
.doctor-index a {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 10px;
  padding: 20px 16px;
  border-right: 1px solid rgba(19, 19, 19, .11);
  color: #8c8c8c;
  font-size: 14px;
  font-weight: 650;
}
.doctor-index a:last-child { border-right: 0; }
.doctor-index a span { overflow: hidden; color: #131313; text-overflow: ellipsis; white-space: nowrap; }
.doctor-editorial-list { background: #191919; color: #fff; }
.doctor-editorial-profile {
  display: grid;
  min-height: min(820px, calc(100svh - var(--header-height)));
  grid-template-columns: minmax(0, 1.08fr) minmax(430px, .92fr);
  scroll-margin-top: calc(var(--header-height) + 60px);
  border-bottom: 1px solid rgba(255, 255, 255, .11);
}
.doctor-editorial-profile:nth-child(even) { grid-template-columns: minmax(430px, .92fr) minmax(0, 1.08fr); }
.doctor-editorial-profile:nth-child(even) figure { grid-column: 2; }
.doctor-editorial-profile:nth-child(even) .doctor-editorial-copy { grid-column: 1; grid-row: 1; }
.doctor-editorial-profile figure { position: relative; min-height: 660px; margin: 0; overflow: hidden; background: #202020; }
.doctor-editorial-profile figure::after { position: absolute; inset: 0; background: linear-gradient(180deg, transparent 55%, rgba(20, 20, 20, .44)); content: ""; }
.doctor-editorial-profile figure img { width: 100%; height: 100%; object-fit: cover; object-position: center 18%; filter: grayscale(.82) saturate(.45) contrast(1.04); transition: filter .7s ease, transform 1.2s cubic-bezier(.2,.75,.2,1); }
.doctor-editorial-profile.is-current figure img,
.doctor-editorial-profile:hover figure img { filter: grayscale(.18) saturate(.72) contrast(1.02); transform: scale(1.018); }
.doctor-editorial-copy { display: flex; max-width: 720px; flex-direction: column; justify-content: center; padding: clamp(54px, 7vw, 120px); }
.doctor-editorial-copy > span { color: #aeaeae; font-size: 14px; font-weight: 650; letter-spacing: .12em; text-transform: uppercase; }
.doctor-editorial-copy h2 { margin: 24px 0 0; color: #fafafa; font-size: clamp(64px, 7.2vw, 126px); font-weight: 500; letter-spacing: -.075em; line-height: .76; }
.doctor-editorial-role { margin: 32px 0 0; color: #b3b3b3; font-size: 14px; font-weight: 650; letter-spacing: .06em; text-transform: uppercase; }
.doctor-editorial-copy blockquote { max-width: 27ch; margin: clamp(40px, 5vw, 72px) 0 0; color: rgba(245, 245, 245, .82); font-size: clamp(21px, 2vw, 32px); font-weight: 400; letter-spacing: -.025em; line-height: 1.25; }
.doctor-editorial-copy dl { display: grid; gap: 18px; margin: clamp(38px, 5vw, 66px) 0 0; }
.doctor-editorial-copy dl div { display: grid; grid-template-columns: 86px 1fr; gap: 18px; padding-top: 16px; border-top: 1px solid rgba(255,255,255,.13); }
.doctor-editorial-copy dt { color: #aeaeae; font-size: 14px; font-weight: 650; letter-spacing: .09em; text-transform: uppercase; }
.doctor-editorial-copy dd { max-width: 45ch; margin: 0; color: rgba(239, 239, 239, .64); font-size: 14px; line-height: 1.6; }
.doctor-editorial-cta { padding: clamp(70px, 8vw, 110px) 0; background: #f0f0f0; }
.doctor-editorial-cta .container { display: flex; align-items: center; justify-content: space-between; gap: 36px; }
.doctor-editorial-cta p { max-width: 22ch; margin: 0; color: #131313; font-size: clamp(30px, 3.6vw, 54px); font-weight: 500; letter-spacing: -.045em; line-height: 1.02; }

@media (max-width: 900px) {
  .doctor-index { top: 72px; overflow-x: auto; scrollbar-width: none; }
  .doctor-index::-webkit-scrollbar { display: none; }
  .doctor-index .container { width: max-content; grid-template-columns: repeat(5, auto); }
  .doctor-index a { min-width: 162px; padding: 16px; }
  .doctor-editorial-profile,
  .doctor-editorial-profile:nth-child(even) { min-height: 0; grid-template-columns: 1fr; }
  .doctor-editorial-profile:nth-child(even) figure,
  .doctor-editorial-profile:nth-child(even) .doctor-editorial-copy { grid-column: 1; grid-row: auto; }
  .doctor-editorial-profile figure { min-height: 0; aspect-ratio: 4 / 4.5; }
  .doctor-editorial-copy { max-width: none; padding: 52px 24px 68px; }
  .doctor-editorial-copy h2 { font-size: clamp(58px, 17vw, 92px); }
  .doctor-editorial-cta .container { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 760px) {
  .neo-review-bottom { align-items: center; }
  .neo-review-bottom > p { max-width: 18ch; }
}

.insight-reading { background: #f9f9f9; }
.insight-reading > article {
  display: grid;
  min-height: 720px;
  grid-template-columns: minmax(0, 1fr) minmax(420px, .9fr);
  scroll-margin-top: calc(var(--header-height) + 28px);
  border-top: 1px solid rgba(19, 19, 19, .14);
}
.insight-reading > article:nth-child(even) { grid-template-columns: minmax(420px, .9fr) minmax(0, 1fr); }
.insight-reading > article:nth-child(even) .insight-reading-media { grid-column: 2; }
.insight-reading > article:nth-child(even) .insight-reading-copy { grid-column: 1; grid-row: 1; }
.insight-reading-media { min-height: 620px; overflow: hidden; background: #e3e3e3; }
.insight-reading-media img { width: 100%; height: 100%; object-fit: cover; }
.insight-reading-copy { display: flex; max-width: 760px; flex-direction: column; justify-content: center; padding: clamp(50px, 7vw, 110px); }
.insight-reading-copy > p:first-child { margin: 0 0 24px; color: #8c8c8c; font-size: 14px; font-weight: 650; letter-spacing: .1em; text-transform: uppercase; }
.insight-reading-copy h2 { margin: 0 0 32px; color: #484848; font-size: clamp(46px, 4.8vw, 78px); font-weight: 500; letter-spacing: -.06em; line-height: .95; }
.insight-reading-copy h3 { margin: 32px 0 10px; color: #8c8c8c; font-size: 18px; font-weight: 600; }
.insight-reading-copy p { max-width: 58ch; margin: 0 0 18px; color: #717171; font-size: 15px; line-height: 1.75; }
.insight-reading-copy a { align-self: flex-start; margin-top: 24px; padding-bottom: 7px; border-bottom: 1px solid currentColor; color: #484848; font-size: 14px; font-weight: 650; }

@media (max-width: 900px) {
  .insight-reading > article,
  .insight-reading > article:nth-child(even) { min-height: 0; grid-template-columns: 1fr; }
  .insight-reading > article:nth-child(even) .insight-reading-media,
  .insight-reading > article:nth-child(even) .insight-reading-copy { grid-column: 1; grid-row: auto; }
  .insight-reading-media { min-height: 0; aspect-ratio: 4 / 3; }
  .insight-reading-copy { padding: 52px 24px 72px; }
}

.error-page-main { display: grid; min-height: 78svh; place-items: center; padding: calc(var(--header-height) + 70px) 0 90px; background: radial-gradient(circle at 75% 22%, rgba(187, 187, 187, .22), transparent 28%), #f9f9f9; }
.error-page-main .container { text-align: center; }
.error-page-main .container > p:first-child { margin: 0; color: #bbbbbb; font-size: clamp(84px, 15vw, 220px); font-weight: 600; letter-spacing: -.08em; line-height: .72; opacity: .34; }
.error-page-main h1 { margin: -8px 0 0; color: #131313; font-size: clamp(56px, 8vw, 118px); font-weight: 500; letter-spacing: -.07em; line-height: .84; }
.error-page-main h1 em { color: #8c8c8c; font-style: normal; }
.error-page-main h1 + p { margin: 28px auto 30px; color: #717171; font-size: 15px; }

/* ════════════════════════════════════════════════════════════
   REVİZE: TEK TİP BUTON SİSTEMİ
   Sitedeki tüm CTA butonları aynı biçim ve efekte bağlandı:
   hap formu, DM Sans 600 13px, hover'da renk + hafif yükselme.
   Koyu zeminli bölümlerde aynı şekil korunur, renk tersine
   döner (beyaz hap / koyu yazı) — okunurluk için.
   ════════════════════════════════════════════════════════════ */
:root {
  --btn-bg: transparent;
  --btn-ink: #f1f1f1;
  --btn-line: rgba(187, 187, 187, .55);
  --btn-hover-bg: rgba(187, 187, 187, .16);
  --btn-hover-ink: #fff;
  --btn-hover-line: rgba(187, 187, 187, .9);
}
/* koyu zeminli bölümlerde aynı biçim, ters renk (okunurluk) */
.neo-doctors {
  --btn-bg: transparent;
  --btn-ink: #f1f1f1;
  --btn-line: rgba(187, 187, 187, .55);
  --btn-hover-bg: rgba(187, 187, 187, .16);
  --btn-hover-ink: #fff;
  --btn-hover-line: rgba(187, 187, 187, .9);
}

/* açık zeminli bölümlerde kenarlık ve metin koyulaşır (okunurluk) */
body.inner-page,
.neo-treatments,
.neo-transform,
.smile-explorer,
.neo-testimonials,
.guide-faq.home-faq,
.material-showcase {
  --btn-ink: #333333;
  --btn-line: rgba(106, 106, 106, .5);
  --btn-hover-bg: rgba(187, 187, 187, .22);
  --btn-hover-ink: #1e1e1e;
  --btn-hover-line: rgba(106, 106, 106, .85);
}

.header-cta,
.neo-glass-button,
.smile-cta,
.page-cta:is(a, button),
.page-cta a,
.guide-cta:is(a, button),
.guide-cta a,
.precision-cta,
.clinic-package-foot button,
.nav-mega-cta,
.nav-mega-feature-cta,
.journey-cta,
.smile-panel-cta,
.button,
.button-primary {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 14px !important;
  padding: 15px 30px !important;
  border: 1px solid var(--btn-line, rgba(187, 187, 187, .55)) !important;
  border-radius: 999px !important;
  color: var(--btn-ink) !important;
  background: var(--btn-bg) !important;
  box-shadow: none !important;
  cursor: pointer;
  font: 600 14px/1.2 var(--font-body) !important;
  letter-spacing: 0.01em !important;
  text-transform: none !important;
  text-decoration: none !important;
  backdrop-filter: none !important;
  transition: background 0.25s ease, color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease !important;
}
.header-cta:hover, .header-cta:focus-visible,
.neo-glass-button:hover, .neo-glass-button:focus-visible,
.smile-cta:hover, .smile-cta:focus-visible,
.page-cta:is(a, button):hover, .page-cta:is(a, button):focus-visible,
.page-cta a:hover, .page-cta a:focus-visible,
.guide-cta:is(a, button):hover, .guide-cta:is(a, button):focus-visible,
.guide-cta a:hover, .guide-cta a:focus-visible,
.precision-cta:hover, .precision-cta:focus-visible,
.clinic-package-foot button:hover, .clinic-package-foot button:focus-visible,
.nav-mega-cta:hover, .nav-mega-cta:focus-visible,
.nav-mega-feature-cta:hover, .nav-mega-feature-cta:focus-visible,
.journey-cta:hover, .journey-cta:focus-visible,
.smile-panel-cta:hover, .smile-panel-cta:focus-visible,
.button:hover, .button:focus-visible,
.button-primary:hover, .button-primary:focus-visible {
  border-color: var(--btn-hover-line, rgba(187, 187, 187, .9)) !important;
  color: var(--btn-hover-ink) !important;
  background: var(--btn-hover-bg) !important;
  box-shadow: 0 8px 22px rgba(44, 44, 44, .16) !important;
  transform: translateY(-2px);
}
.header-cta:active, .neo-glass-button:active, .smile-cta:active,
.page-cta:is(a, button):active, .page-cta a:active,
.guide-cta:is(a, button):active, .guide-cta a:active,
.precision-cta:active, .nav-mega-cta:active,
.clinic-package-foot button:active,
.nav-mega-feature-cta:active, .button:active, .button-primary:active {
  transform: translateY(0);
}

/* Revize: bölüm başlıkları altındaki açıklama alt yazıları
   site genelinde kaldırıldı (kart/tedavi içerikleri korunur). */
.neo-section-head h2 + p,
.neo-treatment-intro h2 + p,
.neo-transform-head h2 + p,
.neo-testimonials-head h2 + p,
.catalogue-heading p:not(.eyebrow),
.guide-section-heading p:not(.eyebrow),
.case-archive-intro > p {
  display: none !important;
}

/* Ana sayfa SSS bölümü — rehberdeki desenle aynı dil */
.home-faq { padding: clamp(96px, 10vw, 160px) 0; background: #fff; }
.home-faq .guide-faq-grid { align-items: start; }
.home-faq-cta { margin-top: 34px; }
.home-faq details { border-bottom: 1px solid rgba(19, 19, 19, 0.14); }
.home-faq summary { padding: 20px 0; cursor: pointer; font-size: 16px; font-weight: 600; color: #131313; list-style: none; position: relative; padding-right: 40px; }
.home-faq summary::-webkit-details-marker { display: none; }
.home-faq summary::after { content: "+"; position: absolute; right: 4px; top: 50%; transform: translateY(-50%); color: var(--accent-deep); font-size: 22px; font-weight: 400; transition: transform .25s ease; }
.home-faq details[open] summary::after { content: "–"; }
.home-faq details p { padding: 0 0 20px; margin: 0; }
.home-faq details a { color: var(--accent-deep); text-decoration: underline; }
@media (max-width: 900px) { .home-faq .guide-faq-grid { grid-template-columns: 1fr; gap: 34px; } }

/* ── SSS: kart akordiyonlu premium düzen ───────────────────── */
.home-faq {
  position: relative;
  padding: clamp(96px, 10vw, 160px) 0;
  background:
    radial-gradient(90% 70% at 8% 0%, rgba(187, 187, 187, 0.1) 0%, transparent 55%),
    #fefefe;
}
.home-faq-grid {
  display: grid;
  grid-template-columns: minmax(300px, 0.85fr) minmax(0, 1.15fr);
  gap: clamp(48px, 7vw, 110px);
  align-items: start;
}
.home-faq-side { position: sticky; top: 130px; }
.home-faq-cta { margin-top: 36px; }
.home-faq-figure {
  margin: 40px 0 0;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 26px 60px rgba(19, 19, 19, 0.16);
}
.home-faq-figure img { display: block; width: 100%; height: 250px; object-fit: cover; }

.home-faq-list { display: grid; gap: 14px; }
.home-faq-list details {
  border: 1px solid rgba(19, 19, 19, 0.12);
  border-radius: 18px;
  background: #fff;
  overflow: hidden;
  transition: border-color .3s ease, box-shadow .3s ease, transform .3s ease;
}
.home-faq-list details:hover { border-color: rgba(111, 111, 111, 0.4); transform: translateY(-2px); }
.home-faq-list details[open] {
  border-color: rgba(111, 111, 111, 0.55);
  box-shadow: 0 24px 55px rgba(19, 19, 19, 0.12);
}
.home-faq-list summary {
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 22px 24px;
  cursor: pointer;
  list-style: none;
}
.home-faq-list summary::-webkit-details-marker { display: none; }
.home-faq-list summary i {
  flex: 0 0 auto;
  color: var(--accent-deep);
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  letter-spacing: .08em;
}
.home-faq-list summary b {
  flex: 1 1 auto;
  color: #131313;
  font-size: 16.5px;
  font-weight: 600;
  line-height: 1.35;
}
.home-faq-list summary u {
  position: relative;
  flex: 0 0 36px;
  width: 36px;
  height: 36px;
  border: 1px solid rgba(111, 111, 111, 0.4);
  border-radius: 50%;
  text-decoration: none;
  transition: background .3s ease, border-color .3s ease, transform .35s ease;
}
.home-faq-list summary u::before,
.home-faq-list summary u::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 13px;
  height: 1.6px;
  background: var(--accent-deep);
  transform: translate(-50%, -50%);
  transition: background .3s ease, transform .35s ease;
}
.home-faq-list summary u::after { transform: translate(-50%, -50%) rotate(90deg); }
.home-faq-list details[open] summary u { background: #131313; border-color: #131313; transform: rotate(135deg); }
.home-faq-list details[open] summary u::before,
.home-faq-list details[open] summary u::after { background: #fafafa; }
.home-faq-list details > div { padding: 0 24px 24px 66px; }
.home-faq-list details p {
  max-width: 58ch;
  margin: 0;
  color: rgba(44, 44, 44, 0.68);
  font-size: 14px;
  line-height: 1.75;
  animation: faq-acilis .35s ease both;
}
@keyframes faq-acilis {
  from { opacity: 0; transform: translateY(-6px); }
  to { opacity: 1; transform: translateY(0); }
}
.home-faq-list details a { color: var(--accent-deep); text-decoration: underline; }

@media (max-width: 900px) {
  .home-faq-grid { grid-template-columns: 1fr; gap: 36px; }
  .home-faq-side { position: static; }
  .home-faq-figure { display: none; }
  .home-faq-list summary { padding: 18px 16px; gap: 12px; }
  .home-faq-list summary b { font-size: 15px; }
  .home-faq-list details > div { padding: 0 16px 20px 47px; }
}
/* eski SSS tasarımından kalan artı/eksi işaretini kaldır */
.home-faq summary::after { content: none !important; }
.home-faq details { border-bottom: 0; }

/* ════════════════════════════════════════════════════════════
   SSS v3 — koyu, editoryal tasarım
   Açık sayfanın ortasında derin lacivert bir blok; kart yerine
   büyük serif tipografili satırlar ve hayalet numaralar.
   ════════════════════════════════════════════════════════════ */
.home-faq {
  position: relative;
  padding: clamp(110px, 11vw, 180px) 0;
  background:
    radial-gradient(75% 55% at 88% 8%, rgba(187, 187, 187, 0.16) 0%, transparent 60%),
    radial-gradient(60% 50% at 0% 100%, rgba(111, 111, 111, 0.18) 0%, transparent 55%),
    linear-gradient(180deg, #252525 0%, #1a1a1a 100%);
  --btn-bg: #fafafa;
  --btn-ink: #131313;
  --btn-hover-bg: #bbbbbb;
  --btn-hover-ink: #1a1a1a;
}
.home-faq .eyebrow { color: #b2b2b2; }
.home-faq .eyebrow span { background: #b2b2b2; }
.home-faq h2 { color: #f6f6f6; }
.home-faq h2 em { color: #bbbbbb; }

.home-faq-figure {
  border: 1px solid rgba(255, 255, 255, 0.14);
  box-shadow: 0 34px 80px rgba(0, 0, 0, 0.45);
}

/* kart görünümü tamamen kaldırıldı — editoryal satırlar */
.home-faq-list { gap: 0; }
.home-faq-list details {
  border: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 0;
  background: transparent;
  box-shadow: none !important;
  transform: none !important;
}
.home-faq-list details:first-child { border-top: 1px solid rgba(255, 255, 255, 0.13); }
.home-faq-list summary { padding: 30px 6px; gap: 26px; }
.home-faq-list summary i {
  font-size: 15px;
  font-weight: 600;
  color: rgba(187, 187, 187, 0.55);
  letter-spacing: .08em;
  min-width: 40px;
  transition: color .3s ease;
}
.home-faq-list summary b {
  font-size: 17px;
  font-weight: 600;
  line-height: 1.4;
  color: #f3f3f3;
  transition: color .3s ease;
}
.home-faq-list details:hover summary i,
.home-faq-list details[open] summary i { color: #bbbbbb; }
.home-faq-list details:hover summary b { color: #c6c6c6; }
.home-faq-list details[open] summary b { color: #c6c6c6; }
.home-faq-list summary u {
  border-color: rgba(255, 255, 255, 0.28);
}
.home-faq-list summary u::before,
.home-faq-list summary u::after { background: #e1e1e1; }
.home-faq-list details[open] summary u { background: #bbbbbb; border-color: #bbbbbb; }
.home-faq-list details[open] summary u::before,
.home-faq-list details[open] summary u::after { background: #1a1a1a; }
.home-faq-list details > div {
  position: relative;
  padding: 0 6px 30px 72px;
}
.home-faq-list details > div::before {
  content: "";
  position: absolute;
  left: 58px;
  top: 4px;
  bottom: 36px;
  width: 1px;
  background: linear-gradient(180deg, #bbbbbb, transparent);
}
.home-faq-list details p {
  color: rgba(236, 236, 236, 0.72);
  font-size: 14.5px;
  max-width: 56ch;
}
.home-faq-list details a { color: #bebebe; }

@media (max-width: 900px) {
  .home-faq-list summary { padding: 22px 2px; gap: 14px; }
  .home-faq-list summary i { min-width: 30px; font-size: 14px; }
  .home-faq-list summary b { font-size: 15px; }
  .home-faq-list details > div { padding: 0 2px 26px 50px; }
  .home-faq-list details > div::before { left: 34px; }
}

/* Tek tip butonların içindeki ok/ikon öğeleri: eski tasarımlardan
   kalan kutu/zemin stilleri sıfırlanır (ör. hero okunun mavi karesi). */
.header-cta > span, .header-cta > b, .header-cta > i,
.neo-glass-button > span, .neo-glass-button > b, .neo-glass-button > i,
.smile-cta > span, .page-cta > span, .guide-cta > span,
.precision-cta > span, .precision-cta > b, .precision-cta > i,
.nav-mega-cta > span, .nav-mega-feature-cta > span,
.button > span, .button-primary > span {
  display: inline !important;
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: none !important;
  box-shadow: none !important;
  color: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
  transform: none !important;
}

/* ════════════════════════════════════════════════════════════
   SSS v4 — seçici + cevap sahnesi (gülüş haritasıyla aynı dil)
   ════════════════════════════════════════════════════════════ */
.home-faq-top {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 40px;
  margin-bottom: clamp(44px, 5vw, 70px);
}
.home-faq-top h2 { margin-top: 34px; }

.faq-shell {
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(0, 0.98fr);
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 26px;
  background: rgba(255, 255, 255, 0.045);
  backdrop-filter: blur(14px);
  overflow: hidden;
  box-shadow: 0 44px 110px rgba(0, 0, 0, 0.38);
}
.faq-menu { display: flex; flex-direction: column; border-right: 1px solid rgba(255, 255, 255, 0.12); }
.faq-menu button {
  position: relative;
  display: flex;
  align-items: center;
  gap: 18px;
  flex: 1 1 auto;
  padding: 22px 26px;
  border: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.09);
  background: transparent;
  cursor: pointer;
  text-align: left;
  transition: background 0.3s ease;
}
.faq-menu button:last-child { border-bottom: 0; }
.faq-menu button i {
  flex: 0 0 auto;
  min-width: 30px;
  color: rgba(187, 187, 187, 0.6);
  font-style: normal;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.08em;
}
.faq-menu button b {
  flex: 1 1 auto;
  color: rgba(243, 243, 243, 0.82);
  font-size: 15.5px;
  font-weight: 600;
  line-height: 1.4;
  transition: color 0.3s ease;
}
.faq-menu button span {
  flex: 0 0 auto;
  color: #bbbbbb;
  font-size: 16px;
  opacity: 0;
  transform: translateX(-8px);
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.faq-menu button::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background: linear-gradient(180deg, #bbbbbb, #8c8c8c);
  opacity: 0;
  transition: opacity 0.3s ease;
}
.faq-menu button:hover { background: rgba(255, 255, 255, 0.045); }
.faq-menu button:hover b { color: #fff; }
.faq-menu button.is-active { background: rgba(187, 187, 187, 0.12); }
.faq-menu button.is-active::before { opacity: 1; }
.faq-menu button.is-active b { color: #fff; }
.faq-menu button.is-active span { opacity: 1; transform: translateX(0); }

.faq-stage {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: clamp(30px, 3.4vw, 48px);
  overflow: hidden;
}
.faq-ghost {
  position: absolute;
  top: -14px;
  right: 10px;
  color: rgba(187, 187, 187, 0.13);
  font-size: clamp(120px, 12vw, 190px);
  font-weight: 700;
  letter-spacing: -0.05em;
  line-height: 1;
  pointer-events: none;
  user-select: none;
}
.faq-stage h3 {
  position: relative;
  margin: 8px 0 16px;
  color: #fff;
  font-size: clamp(20px, 1.8vw, 26px);
  font-weight: 600;
  line-height: 1.3;
  max-width: 30ch;
}
.faq-stage > p {
  position: relative;
  margin: 0 0 28px;
  color: rgba(236, 236, 236, 0.75);
  font-size: 15px;
  line-height: 1.8;
  max-width: 52ch;
}
.faq-stage > p a { color: #bebebe; text-decoration: underline; }
.faq-stage-foto {
  margin: auto 0 0;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 16px;
  overflow: hidden;
  background: #232323;
  transition: opacity 0.3s ease, transform 0.45s cubic-bezier(.2,.8,.2,1);
}
.faq-stage-foto img { display: block; width: 100%; height: 220px; object-fit: cover; object-position: center; transition: transform 0.7s cubic-bezier(.2,.8,.2,1); }
.faq-stage-foto:hover img { transform: scale(1.025); }

.faq-stage.is-swapping h3,
.faq-stage.is-swapping > p,
.faq-stage.is-swapping .faq-stage-foto { opacity: 0; transform: translateY(10px); }
.faq-stage h3, .faq-stage > p { transition: opacity 0.28s ease, transform 0.28s ease; }

@media (max-width: 980px) {
  .home-faq-top { flex-direction: column; align-items: flex-start; gap: 26px; }
  .faq-shell { grid-template-columns: 1fr; }
  .faq-menu { border-right: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.12); }
  .faq-menu button { padding: 17px 18px; }
  .faq-menu button b { font-size: 14px; }
  .faq-stage { padding: 24px 18px 26px; }
  .faq-ghost { font-size: 96px; top: -6px; }
  .faq-stage-foto { display: block; margin-top: 24px; }
  .faq-stage-foto img { height: clamp(170px, 48vw, 220px); }
}

/* Revize: implant bilgi çubukları görselin doğru noktalarına
   hizalandı (kron, abutment, vida yivleri) ve kemik dokusu
   üzerinde okunurluk için hafif beyaz ışıma eklendi. */
.precision-implant .precision-note--crown { top: 23.8%; right: auto; left: 55.3%; }
.precision-implant .precision-note--abutment { top: 43.9%; right: auto; left: 54.1%; }
.precision-implant .precision-note--integration { top: 65.3%; right: auto; left: 55.9%; }
.precision-note p {
  text-shadow:
    0 0 6px rgba(255, 255, 255, 0.9),
    0 0 14px rgba(255, 255, 255, 0.75);
}

/* ── Video hikâyeler (YouTube, tıklayınca yüklenen hafif kartlar) ── */
.video-stories { padding: clamp(80px, 9vw, 140px) 0; background: #fff; }
.video-stories-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; margin-bottom: clamp(36px, 4vw, 56px); }
.video-stories-head h2 { margin: 30px 0 0; font-family: var(--font-heading); font-size: clamp(44px, 4.6vw, 72px); font-weight: 400; letter-spacing: -0.04em; line-height: 0.92; }
.video-stories-head h2 em { color: var(--accent-deep); }
.video-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.video-kart { position: relative; display: block; padding: 0; border: 0; border-radius: 16px; overflow: hidden; background: #131313; cursor: pointer; aspect-ratio: 16 / 10; }
.video-kart img { width: 100%; height: 100%; object-fit: cover; opacity: 0.92; transition: transform 0.5s ease, opacity 0.3s ease; }
.video-kart:hover img { transform: scale(1.04); opacity: 1; }
.video-kart::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 45%, rgba(26, 26, 26, 0.85)); pointer-events: none; }
.video-oynat { position: absolute; top: 50%; left: 50%; z-index: 2; display: grid; place-items: center; width: 58px; height: 58px; border-radius: 50%; background: rgba(255, 255, 255, 0.92); transform: translate(-50%, -60%); transition: background 0.25s, transform 0.25s; }
.video-oynat svg { width: 22px; height: 22px; fill: #131313; margin-left: 3px; }
.video-kart:hover .video-oynat { background: var(--accent-deep); transform: translate(-50%, -60%) scale(1.08); }
.video-kart:hover .video-oynat svg { fill: #fff; }
.video-kart > b { position: absolute; right: 16px; bottom: 14px; left: 16px; z-index: 2; color: #f7f7f7; font-size: 14px; font-weight: 600; line-height: 1.35; text-align: left; pointer-events: none; }
.video-kart iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
@media (max-width: 980px) { .video-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 640px) {
  .video-stories-head { flex-direction: column; align-items: flex-start; }
  .video-grid { grid-template-columns: 1fr; }
}

/* ════════════════════════════════════════════════════════════
   WOW PAKETİ — hareket katmanı
   ════════════════════════════════════════════════════════════ */

/* 1) Akan tedavi şeridi (hero ile kanıt bölümü arasında) */
.aksu-serit {
  overflow: hidden;
  padding: clamp(26px, 3vw, 44px) 0;
  border-top: 1px solid rgba(19, 19, 19, 0.08);
  border-bottom: 1px solid rgba(19, 19, 19, 0.08);
  background: #fdfdfd;
}
.aksu-serit-ic {
  display: inline-flex;
  align-items: center;
  gap: 34px;
  white-space: nowrap;
  will-change: transform;
  animation: aksu-akis 36s linear infinite;
}
.aksu-serit span {
  color: transparent;
  -webkit-text-stroke: 1px rgba(44, 44, 44, 0.34);
  font-family: var(--font-heading);
  font-size: clamp(34px, 3.6vw, 58px);
  letter-spacing: -0.02em;
  text-transform: none;
}
.aksu-serit i { color: var(--accent-deep); font-style: normal; font-size: 18px; opacity: 0.7; }
@keyframes aksu-akis { from { transform: translateX(0); } to { transform: translateX(-50%); } }

/* 2) İmplant üzerinde periyodik ışık süpürmesi */
.precision-implant::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  background: linear-gradient(115deg, transparent 42%, rgba(255, 255, 255, 0.55) 50%, transparent 58%);
  background-size: 280% 100%;
  background-position: 120% 0;
  mix-blend-mode: soft-light;
  pointer-events: none;
  animation: aksu-parilti 7s ease-in-out infinite;
}
@keyframes aksu-parilti {
  0%, 55% { background-position: 130% 0; }
  75%, 100% { background-position: -50% 0; }
}

/* 3) Gülüş fotoğrafında yaşayan Ken-Burns + bölge odak vurgusu */
.smile-photo img { animation: aksu-kenburns 22s ease-in-out infinite alternate; }
@keyframes aksu-kenburns {
  from { transform: scale(1) translate(0, 0); }
  to { transform: scale(1.06) translate(-1.2%, -1%); }
}
.smile-photo::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  background: radial-gradient(220px 220px at var(--fx, 50%) var(--fy, 50%), rgba(187, 187, 187, 0.38), transparent 70%);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.45s ease;
}
.smile-photo.is-focus::after { opacity: 1; }

/* 4) Mıknatıs butonlar */
.aksu-magnet { transition: transform 0.22s cubic-bezier(0.2, 0.8, 0.3, 1) !important; will-change: transform; }

@media (prefers-reduced-motion: reduce) {
  .aksu-serit-ic, .precision-implant::after, .smile-photo img { animation: none !important; }
}
@media (max-width: 760px) {
  .aksu-serit { padding: 18px 0; }
  .aksu-serit span { font-size: 26px; }
}

/* ── Dijital röntgen merceği (hero implant görseli) ─────────── */
.rontgen-katman {
  position: absolute;
  inset: 0;
  z-index: 2;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.35s ease;
}
.precision-implant.rontgen-acik .rontgen-katman { opacity: 1; }
.rontgen-katman img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center bottom;
  mix-blend-mode: normal;
  filter: invert(0.93) hue-rotate(190deg) saturate(1.5) contrast(1.2) brightness(1.02);
  -webkit-mask-image: radial-gradient(circle 128px at var(--lx, 50%) var(--ly, 50%), #000 58%, transparent 64%);
  mask-image: radial-gradient(circle 128px at var(--lx, 50%) var(--ly, 50%), #000 58%, transparent 64%);
}
.rontgen-katman::after {
  content: "";
  position: absolute;
  left: var(--lx, 50%);
  top: var(--ly, 50%);
  width: 256px;
  height: 256px;
  border: 1.5px solid rgba(111, 111, 111, 0.55);
  border-radius: 50%;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5), 0 18px 50px rgba(44, 44, 44, 0.18);
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.rontgen-ipucu {
  position: absolute;
  left: 4%;
  bottom: 6%;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 15px;
  border: 1px solid rgba(19, 19, 19, 0.16);
  border-radius: 999px;
  color: #5b5b5b;
  background: rgba(255, 255, 255, 0.82);
  backdrop-filter: blur(8px);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.rontgen-ipucu i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--accent-deep);
  animation: smile-pulse 2.4s infinite;
}
.precision-implant.rontgen-acik .rontgen-ipucu { opacity: 0; }
@media (max-width: 760px) { .rontgen-ipucu, .rontgen-katman { display: none; } }

/* ════════════════════════════════════════════════════════════
   DERİNLİK KATMANI — düzlük kırıcı görsel ritim
   ════════════════════════════════════════════════════════════ */

/* 1) Hero: süzülen renk bulutları (aurora) */
.neo-hero--precision { position: relative; }
.neo-hero--precision::before,
.neo-hero--precision::after {
  content: "";
  position: absolute;
  z-index: 0;
  width: 46vw;
  height: 46vw;
  border-radius: 50%;
  filter: blur(90px);
  pointer-events: none;
}
.neo-hero--precision::before {
  top: -18%;
  left: -12%;
  background: radial-gradient(circle, rgba(187, 187, 187, 0.32), transparent 65%);
  animation: aksu-bulut-a 16s ease-in-out infinite alternate;
}
.neo-hero--precision::after {
  right: -14%;
  bottom: -22%;
  background: radial-gradient(circle, rgba(111, 111, 111, 0.22), transparent 65%);
  animation: aksu-bulut-b 19s ease-in-out infinite alternate;
}
@keyframes aksu-bulut-a { from { transform: translate(0, 0) scale(1); } to { transform: translate(6vw, 4vh) scale(1.15); } }
@keyframes aksu-bulut-b { from { transform: translate(0, 0) scale(1.1); } to { transform: translate(-5vw, -5vh) scale(0.95); } }

/* 2) Önce/Sonra: sayfanın ortasında koyu sinematik bant */
.neo-transform {
  background:
    radial-gradient(70% 55% at 90% 6%, rgba(187, 187, 187, 0.14) 0%, transparent 58%),
    linear-gradient(180deg, #252525 0%, #1e1e1e 100%) !important;
  color: #efefef;
}
.neo-transform h2 { color: #f6f6f6 !important; }
.neo-transform h2 em { color: #bbbbbb !important; }
.neo-transform .eyebrow { color: #b2b2b2 !important; }
.neo-transform .eyebrow span { background: #b2b2b2 !important; }
.neo-transform p, .neo-transform span, .neo-transform time, .neo-transform figcaption {
  color: rgba(236, 236, 236, 0.78);
}
.neo-transform b, .neo-transform strong { color: #f6f6f6; }

/* 3) Katmanlı sayfa: bölümler önceki bölümün üstüne yuvarlak
   köşeyle biner — sayfa üst üste dizilmiş paneller gibi okunur */
.smile-map, .neo-transform, .neo-testimonials, .home-faq, .neo-contact {
  position: relative;
  z-index: 1;
  margin-top: -42px;
  border-radius: 42px 42px 0 0;
  box-shadow: 0 -26px 60px rgba(44, 44, 44, 0.1);
}

/* 4) Dev hayalet bölüm numaraları */
.neo-evidence, .neo-treatments, .smile-map, .neo-doctors,
.neo-transform, .video-stories, .neo-testimonials { position: relative; }
.neo-evidence::after, .neo-treatments::after, .smile-map::after,
.neo-doctors::after, .neo-transform::after, .video-stories::after,
.neo-testimonials::after {
  position: absolute;
  top: clamp(28px, 4vw, 60px);
  right: clamp(16px, 3vw, 54px);
  z-index: 0;
  color: transparent;
  -webkit-text-stroke: 1.5px rgba(44, 44, 44, 0.14);
  font-family: var(--font-heading);
  font-size: clamp(110px, 13vw, 210px);
  line-height: 0.8;
  pointer-events: none;
  user-select: none;
}
.neo-evidence::after { content: "01"; }
.neo-treatments::after { content: "02"; }
.smile-map::after { content: "03"; }
.neo-doctors::after { content: "04"; }
.neo-transform::after { content: "05"; -webkit-text-stroke-color: rgba(236, 236, 236, 0.16); }
.video-stories::after { content: "06"; }
.neo-testimonials::after { content: "07"; }

@media (prefers-reduced-motion: reduce) {
  .neo-hero--precision::before, .neo-hero--precision::after { animation: none; }
}
@media (max-width: 760px) {
  .smile-map, .neo-transform, .neo-testimonials, .home-faq, .neo-contact { margin-top: -24px; border-radius: 24px 24px 0 0; }
  .neo-evidence::after, .neo-treatments::after, .smile-map::after, .neo-doctors::after,
  .neo-transform::after, .video-stories::after, .neo-testimonials::after { font-size: 84px; }
}

/* ════════════════════════════════════════════════════════════
   HERO v2 — büyük interaktif molar / röntgen merceği
   ════════════════════════════════════════════════════════════ */
.neo-hero--precision {
  background:
    radial-gradient(circle at 76% 40%, rgba(194, 194, 194, 0.12), transparent 30%),
    radial-gradient(circle at 88% 82%, rgba(111, 111, 111, 0.08), transparent 34%),
    linear-gradient(135deg, #ffffff 0%, #fbfbfb 58%, #f5f5f5 100%);
}
.precision-hero-banner {
  --banner-rotate: 0deg;
  position: absolute;
  z-index: 0;
  top: 3%;
  right: -8%;
  bottom: 2%;
  left: 46%;
  overflow: visible;
  transform: rotate(var(--banner-rotate));
  transform-origin: center;
  pointer-events: none;
}
.precision-hero-banner.reveal { transform: translateY(28px) rotate(var(--banner-rotate)); }
.precision-hero-banner.reveal.is-visible { transform: translateY(0) rotate(var(--banner-rotate)); }
.precision-hero-banner::before {
  position: absolute;
  inset: 4% 1% 3% 3%;
  border: 1px solid rgba(255, 255, 255, .72);
  border-radius: 43% 57% 46% 54% / 34% 39% 61% 66%;
  background:
    radial-gradient(circle at 70% 17%, rgba(255, 255, 255, .42), transparent 24%),
    radial-gradient(circle at 19% 78%, rgba(183, 183, 183, .44), transparent 30%),
    linear-gradient(145deg, #686868 0%, #777777 46%, #9e9e9e 100%);
  box-shadow: 0 42px 100px rgba(82, 82, 82, .23), inset 0 1px 0 rgba(255, 255, 255, .4);
  content: "";
  transform: rotate(5deg);
}
.precision-hero-banner::after {
  position: absolute;
  inset: 11% 7% 8% 13%;
  border: 1px solid rgba(244, 244, 244, .4);
  border-radius: 55% 45% 58% 42% / 44% 56% 44% 56%;
  background:
    repeating-radial-gradient(circle at 56% 47%, transparent 0 70px, rgba(247, 247, 247, .16) 71px 72px),
    linear-gradient(135deg, rgba(234, 234, 234, .28), rgba(148, 148, 148, .08));
  box-shadow: inset 0 0 52px rgba(240, 240, 240, .1);
  content: "";
  transform: rotate(-3deg);
}
.precision-hero-banner > span {
  position: absolute;
  z-index: 3;
  right: -3%;
  bottom: 3%;
  width: 190px;
  height: 190px;
  border: 1px solid rgba(248, 248, 248, .72);
  border-radius: 50%;
  background: radial-gradient(circle at 36% 32%, #f9f9f9 0%, rgba(196, 196, 196, .88) 31%, rgba(187, 187, 187, .16) 68%, transparent 70%);
  box-shadow: 0 0 0 24px rgba(248, 248, 248, .08), 0 20px 48px rgba(64, 64, 64, .12);
}
.precision-hero-banner > i {
  position: absolute;
  z-index: 2;
  top: 11%;
  right: 1%;
  bottom: 9%;
  left: 2%;
  border: 1px solid rgba(243, 243, 243, .3);
  border-radius: 50%;
  transform: rotate(-13deg);
}
.precision-hero-banner > i::before,
.precision-hero-banner > i::after {
  position: absolute;
  border-radius: 50%;
  content: "";
}
.precision-hero-banner > i::before {
  bottom: 16%;
  left: 3%;
  width: 13px;
  height: 13px;
  background: #e4e4e4;
  box-shadow: 0 0 0 8px rgba(228, 228, 228, .12);
}
.precision-hero-banner > i::after {
  top: 7%;
  right: 14%;
  width: 7px;
  height: 7px;
  background: #efefef;
  box-shadow: 0 0 0 6px rgba(239, 239, 239, .1);
}
.precision-tooth {
  z-index: 2;
  right: -4%;
  bottom: -13%;
  left: 48%;
  height: 112%;
  isolation: isolate;
  overflow: visible;
  pointer-events: none;
  transform-origin: 62% 48%;
  will-change: transform;
}
.precision-tooth::before {
  content: "";
  position: absolute;
  inset: 9% -8% 8% 1%;
  z-index: 0;
  border-radius: 50%;
  background: repeating-radial-gradient(circle at 58% 49%, transparent 0 68px, rgba(123, 123, 123, 0.12) 69px 70px);
  opacity: 0.72;
  -webkit-mask-image: radial-gradient(circle at 58% 49%, #000 10%, transparent 72%);
  mask-image: radial-gradient(circle at 58% 49%, #000 10%, transparent 72%);
  pointer-events: none;
}
.precision-tooth > .precision-tooth-image,
.precision-tooth .rontgen-katman img {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  mix-blend-mode: normal;
}
.precision-tooth > .precision-tooth-image {
  filter: drop-shadow(0 32px 52px rgba(68, 68, 68, 0.2));
  animation: aksu-tooth-float 7s ease-in-out infinite alternate;
}
@keyframes aksu-tooth-float {
  from { transform: translate3d(0, -5px, 0) rotate(-0.8deg); }
  to { transform: translate3d(0, 9px, 0) rotate(0.8deg); }
}
.precision-tooth::after {
  z-index: 2;
  border-radius: 48%;
  opacity: 0.8;
}
.precision-tooth .rontgen-katman {
  z-index: 3;
}
.precision-tooth .rontgen-katman img {
  filter: drop-shadow(0 22px 46px rgba(116, 116, 116, 0.22));
  -webkit-mask-image: radial-gradient(circle 138px at var(--lx, 50%) var(--ly, 50%), #000 58%, transparent 64%);
  mask-image: radial-gradient(circle 138px at var(--lx, 50%) var(--ly, 50%), #000 58%, transparent 64%);
}
.precision-tooth .rontgen-katman::after {
  width: 276px;
  height: 276px;
  border-color: rgba(128, 128, 128, 0.62);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.72), 0 22px 62px rgba(69, 69, 69, 0.2);
}
.precision-tooth .rontgen-ipucu {
  right: 5%;
  bottom: 23%;
  left: auto;
  z-index: 4;
  color: #535353;
  background: rgba(251, 251, 251, 0.88);
}
@media (max-width: 1100px) and (min-width: 761px) {
  .precision-hero-banner { right: -14%; left: 43%; }
  .precision-tooth { right: -11%; bottom: -11%; left: 47%; height: 108%; }
}
@media (max-width: 760px) {
  .precision-hero-banner {
    --banner-rotate: 0deg;
    top: auto;
    right: -30%;
    bottom: 52px;
    left: -20%;
    height: 52%;
  }
  .precision-hero-banner > span { top: auto; right: 3%; bottom: 1%; width: 122px; height: 122px; }
  .precision-hero-banner > i { top: 11%; right: 2%; bottom: 9%; left: 4%; width: auto; height: auto; }
  .precision-tooth {
    right: -15%;
    bottom: 92px;
    left: 5%;
    height: 55%;
    opacity: 0.96;
  }
  .precision-tooth::before { inset: 5% -5% 4%; }
}
@media (max-width: 430px) {
  .precision-hero-banner { right: -37%; bottom: 48px; left: -27%; height: 51%; }
  .precision-hero-banner > span { right: 5%; width: 104px; height: 104px; }
  .precision-tooth { right: -22%; bottom: 90px; left: -2%; height: 53%; }
}

/* Homepage clinic summary: story, official packages and authorization. */
.clinic-signature {
  position: relative;
  overflow: hidden;
  padding: clamp(92px, 9vw, 138px) 0 clamp(96px, 9vw, 142px);
  background:
    radial-gradient(circle at 7% 22%, rgba(167, 167, 167, .14) 0 1px, transparent 1.5px) 0 0 / 14px 14px,
    linear-gradient(180deg, #f8f8f8 0%, #f6f6f6 54%, #f2f2f2 100%);
  color: #131313;
}

.clinic-signature::before {
  position: absolute;
  top: 16%;
  right: -11vw;
  width: 34vw;
  min-width: 380px;
  aspect-ratio: 1;
  border: 1px solid rgba(122, 122, 122, .13);
  border-radius: 50%;
  box-shadow: 0 0 0 54px rgba(255, 255, 255, .24), 0 0 0 108px rgba(140, 140, 140, .035);
  content: "";
  pointer-events: none;
}

.clinic-signature-inner { position: relative; z-index: 1; }

.clinic-signature-head {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(300px, .65fr);
  gap: clamp(48px, 8vw, 130px);
  align-items: end;
  padding-bottom: clamp(42px, 5vw, 72px);
}

.clinic-signature-kicker,
.clinic-package-head > div > span,
.clinic-signature-index {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 19px;
  color: #7c7c7c;
  font: 600 14px/1.4 "Manrope", sans-serif;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.clinic-signature-kicker span {
  width: 34px;
  height: 1px;
  background: #9c9c9c;
}

.clinic-signature-head h2,
.clinic-package-head h3,
.clinic-signature-copy h3 {
  margin: 0;
  color: #1c1c1c;
  font-family: var(--font-body);
  font-weight: 500;
  letter-spacing: -.055em;
}

.clinic-signature-head h2 {
  max-width: 920px;
  font-size: clamp(48px, 5.45vw, 88px);
  line-height: .96;
}

.clinic-signature-head h2 em,
.clinic-package-head h3 em,
.clinic-signature-copy h3 em {
  color: #8a8a8a;
  font-style: normal;
}

.clinic-signature-lead {
  max-width: 470px;
  padding-bottom: 7px;
}

.clinic-signature-lead p {
  margin: 0 0 25px;
  color: #5c5c5c;
  font: 400 16px/1.75 "Manrope", sans-serif;
}

.clinic-signature-lead a {
  display: inline-flex;
  align-items: center;
  gap: 18px;
  border-bottom: 1px solid #484848;
  padding: 0 0 8px;
  color: #353535;
  font: 600 14px/1.3 "Manrope", sans-serif;
  letter-spacing: .035em;
  text-transform: uppercase;
}

.clinic-signature-story {
  display: grid;
  min-height: 475px;
  grid-template-columns: minmax(0, 1.1fr) minmax(380px, .9fr);
  overflow: hidden;
  border: 1px solid rgba(60, 60, 60, .12);
  border-radius: 28px;
  background: rgba(255, 255, 255, .86);
  box-shadow: 0 32px 80px rgba(68, 68, 68, .09);
}

.clinic-signature-visual {
  position: relative;
  min-height: 475px;
  margin: 0;
  overflow: hidden;
}

.clinic-signature-visual::after {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(17, 17, 17, .02) 40%, rgba(17, 17, 17, .78) 100%);
  content: "";
}

.clinic-signature-visual > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 1.2s cubic-bezier(.2, .75, .2, 1);
}

.clinic-signature-visual:hover > img { transform: scale(1.025); }

.clinic-signature-visual figcaption {
  position: absolute;
  right: clamp(24px, 3vw, 48px);
  bottom: clamp(24px, 3vw, 44px);
  left: clamp(24px, 3vw, 48px);
  z-index: 2;
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 24px;
  color: #fff;
}

.clinic-signature-visual figcaption span {
  font: 600 14px/1.4 "Manrope", sans-serif;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.clinic-signature-visual figcaption strong {
  font: 500 clamp(27px, 2.2vw, 38px)/.98 var(--font-body);
  letter-spacing: -.045em;
  text-align: right;
}

.clinic-signature-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(34px, 4vw, 68px);
  background:
    linear-gradient(135deg, rgba(241, 241, 241, .6), rgba(255, 255, 255, .96) 52%),
    #fff;
}

.clinic-signature-copy h3 {
  font-size: clamp(39px, 3.45vw, 56px);
  line-height: .98;
}

.clinic-signature-copy > p {
  max-width: 610px;
  margin: 24px 0 0;
  color: #606060;
  font: 400 15px/1.72 "Manrope", sans-serif;
}

.clinic-signature-copy blockquote {
  margin: 27px 0 0;
  border-left: 2px solid #a9a9a9;
  padding: 0 0 0 18px;
  color: #373737;
  font: 500 15px/1.58 "Manrope", sans-serif;
}

.clinic-signature-copy blockquote cite {
  display: block;
  margin-top: 9px;
  color: #8c8c8c;
  font-size: 14px;
  font-style: normal;
  letter-spacing: .045em;
  text-transform: uppercase;
}

.clinic-signature-copy ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 9px;
  margin: 30px 0 0;
  padding: 0;
  list-style: none;
}

.clinic-signature-copy li {
  min-width: 0;
  border-top: 1px solid rgba(100, 100, 100, .18);
  padding-top: 12px;
}

.clinic-signature-copy li strong,
.clinic-signature-copy li span { display: block; }
.clinic-signature-copy li strong { color: #383838; font: 600 14px/1.35 "Manrope", sans-serif; }
.clinic-signature-copy li span { margin-top: 3px; color: #8e8e8e; font: 400 14px/1.4 "Manrope", sans-serif; }

.clinic-package-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  align-items: end;
  padding: clamp(78px, 8vw, 116px) 0 35px;
}

.clinic-package-head h3 { font-size: clamp(42px, 4.2vw, 66px); line-height: .94; }
.clinic-package-head > p {
  margin: 0 0 5px;
  color: #6b6b6b;
  font: 400 15px/1.7 "Manrope", sans-serif;
}

.clinic-package-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(285px, .78fr);
  gap: 18px;
  align-items: stretch;
}

.clinic-package-card,
.clinic-certificate-card {
  overflow: hidden;
  border: 1px solid rgba(53, 53, 53, .13);
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 22px 58px rgba(59, 59, 59, .08);
}

.clinic-package-card {
  display: grid;
  grid-template-rows: 1fr auto;
}

.clinic-package-card figure {
  aspect-ratio: 4 / 4.72;
  margin: 0;
  overflow: hidden;
  background: #0b0b0b;
}

.clinic-package-card figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: filter .55s ease, transform .8s cubic-bezier(.2, .75, .2, 1);
}

.clinic-package-card:hover figure img { filter: brightness(1.04); transform: scale(1.012); }

.clinic-package-foot {
  display: flex;
  min-height: 76px;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 15px 18px 15px 20px;
  border-top: 1px solid rgba(53, 53, 53, .11);
}

.clinic-package-foot > span { color: #646464; font: 500 14px/1.4 "Manrope", sans-serif; }
.clinic-package-foot > span b { margin-right: 8px; color: #939393; font-weight: 700; }
.clinic-package-foot button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 15px 26px;
  border: 1px solid transparent;
  border-radius: 999px;
  background: var(--btn-bg);
  color: var(--btn-ink);
  font-size: 14px !important;
  font-weight: 600;
  line-height: 1.15;
  letter-spacing: .05em;
  text-transform: uppercase;
  white-space: nowrap;
}
.clinic-package-foot button i { color: currentColor; font-style: normal; font-size: 16px; }

.clinic-certificate-card {
  position: relative;
  display: flex;
  min-height: 100%;
  flex-direction: column;
  padding: 22px;
  background:
    radial-gradient(circle at 80% 12%, rgba(255, 255, 255, .85), transparent 28%),
    linear-gradient(145deg, #ececec, #cdcdcd 105%);
  color: #303030;
  transition: transform .35s ease, box-shadow .35s ease;
}

.clinic-certificate-card:hover { transform: translateY(-4px); box-shadow: 0 28px 64px rgba(74, 74, 74, .15); }
.clinic-certificate-top { display: flex; align-items: center; justify-content: space-between; color: #636363; font: 600 14px/1.4 "Manrope", sans-serif; letter-spacing: .09em; text-transform: uppercase; }
.clinic-certificate-top i { display: grid; width: 36px; height: 36px; place-items: center; border: 1px solid rgba(72, 72, 72, .25); border-radius: 50%; font-style: normal; font-size: 15px; }
.clinic-certificate-top i svg,
.clinic-certificate-copy > span b svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.clinic-certificate-docs { display: grid; grid-template-columns: 1.3fr .7fr; gap: 10px; align-items: stretch; margin: 24px 0 22px; }
.clinic-certificate-paper { display: grid; min-width: 0; grid-template-rows: 142px auto; gap: 9px; margin: 0; padding: 8px; border: 1px solid rgba(75, 75, 75, .16); border-radius: 10px; background: rgba(255, 255, 255, .76); box-shadow: 0 14px 28px rgba(88, 88, 88, .1); color: #373737; cursor: zoom-in; transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease; }
.clinic-certificate-paper:nth-child(1) { transform: rotate(-1.2deg); }
.clinic-certificate-paper:nth-child(2) { transform: rotate(1.2deg); }
.clinic-certificate-paper:hover, .clinic-certificate-paper:focus-visible { border-color: rgba(84, 84, 84, .46); box-shadow: 0 18px 34px rgba(77, 77, 77, .18); transform: translateY(-3px) rotate(0); }
.clinic-certificate-paper img { display: block; width: 100%; height: 142px; object-fit: contain; border-radius: 5px; background: #fff; }
.clinic-certificate-paper span { font: 650 14px/1.35 "Manrope", sans-serif; text-align: left; }
.clinic-certificate-copy { margin-top: auto; }
.clinic-certificate-copy > img { width: 91px; height: auto; margin-bottom: 17px; opacity: .77; }
.clinic-certificate-copy h3 { margin: 0; color: #303030; font: 500 clamp(25px, 2vw, 32px)/1.03 var(--font-body); letter-spacing: -.042em; }
.clinic-certificate-copy p { margin: 15px 0 21px; color: #616161; font: 400 14px/1.6 "Manrope", sans-serif; }
.clinic-certificate-copy > span { display: flex; align-items: center; justify-content: space-between; border-top: 1px solid rgba(72, 72, 72, .2); padding-top: 15px; color: #373737; font: 700 14px/1.3 "Manrope", sans-serif; letter-spacing: .04em; text-transform: uppercase; }
.clinic-certificate-copy > span b { font-size: 15px; }
.clinic-certificate-copy > span b { display: grid; place-items: center; }

.clinic-package-grid .section-reveal:nth-child(2) { --reveal-delay: 90ms; }
.clinic-package-grid .section-reveal:nth-child(3) { --reveal-delay: 180ms; }

@media (max-width: 1080px) {
  .clinic-signature-head { grid-template-columns: 1fr; gap: 28px; }
  .clinic-signature-lead { max-width: 680px; }
  .clinic-signature-story { grid-template-columns: 1fr 1fr; }
  .clinic-package-grid { grid-template-columns: 1fr 1fr; }
  .clinic-certificate-card { grid-column: 1 / -1; min-height: 390px; display: grid; grid-template-columns: .75fr 1fr; grid-template-rows: auto 1fr; gap: 10px 38px; }
  .clinic-certificate-top { grid-column: 1 / -1; }
  .clinic-certificate-docs { grid-column: 1; grid-row: 2; align-self: center; margin: 18px 0 0; }
  .clinic-certificate-copy { grid-column: 2; grid-row: 2; align-self: center; }
}

@media (max-width: 760px) {
  .clinic-signature { padding: 76px 0 86px; }
  .clinic-signature::before { display: none; }
  .clinic-signature-head { padding-bottom: 35px; }
  .clinic-signature-head h2 { font-size: clamp(42px, 12vw, 58px); }
  .clinic-signature-lead p { font-size: 15px; line-height: 1.65; }
  .clinic-signature-story { display: block; min-height: 0; border-radius: 20px; }
  .clinic-signature-visual { min-height: 370px; }
  .clinic-signature-visual figcaption { display: block; }
  .clinic-signature-visual figcaption strong { display: block; margin-top: 12px; text-align: left; }
  .clinic-signature-copy { padding: 32px 24px 28px; }
  .clinic-signature-copy h3 { font-size: clamp(37px, 10.5vw, 48px); }
  .clinic-signature-copy > p { font-size: 14px; }
  .clinic-signature-copy blockquote { font-size: 14px; }
  .clinic-signature-copy ul { gap: 7px; }
  .clinic-signature-copy li strong { font-size: 14px; }
  .clinic-signature-copy li span { font-size: 14px; }
  .clinic-package-head { grid-template-columns: 1fr; gap: 18px; padding: 72px 0 29px; }
  .clinic-package-head h3 { font-size: clamp(40px, 11.5vw, 54px); }
  .clinic-package-head > p { font-size: 14px; }
  .clinic-package-grid { grid-template-columns: 1fr; gap: 14px; }
  .clinic-package-card figure { aspect-ratio: 4 / 4.82; }
  .clinic-package-foot { min-height: 70px; padding-inline: 15px; }
  .clinic-package-foot > span { max-width: 130px; }
  .clinic-certificate-card { grid-column: auto; display: flex; min-height: 0; padding: 20px; }
  .clinic-certificate-docs { width: 100%; margin: 24px 0 27px; }
  .clinic-certificate-paper { width: 100%; }
  .clinic-certificate-copy h3 { font-size: 29px; }
  .clinic-certificate-copy p { font-size: 14px; }
}

@media (max-width: 430px) {
  .clinic-signature-kicker,
  .clinic-package-head > div > span,
  .clinic-signature-index { font-size: 14px; }
  .clinic-signature-copy ul { grid-template-columns: 1fr; gap: 11px; }
  .clinic-signature-copy li { display: grid; grid-template-columns: 90px 1fr; align-items: center; gap: 8px; }
  .clinic-signature-copy li span { margin-top: 0; }
  .clinic-package-foot { align-items: flex-start; flex-direction: column; }
  .clinic-package-foot > span { max-width: none; }
  .clinic-package-foot button { width: 100%; justify-content: space-between; }
}

.certificate-viewer {
  width: min(94vw, 1320px);
  max-width: none;
  max-height: 94vh;
  overflow: visible;
  border: 1px solid rgba(255, 255, 255, .22);
  border-radius: 20px;
  padding: 18px;
  background: rgba(23, 23, 23, .94);
  box-shadow: 0 38px 110px rgba(0, 0, 0, .48);
  color: #fff;
}
.certificate-viewer::backdrop { background: rgba(12, 12, 12, .78); backdrop-filter: blur(9px); }
.certificate-viewer figure { display: flex; max-height: calc(94vh - 36px); flex-direction: column; align-items: center; gap: 13px; margin: 0; }
.certificate-viewer figure img { display: block; max-width: 100%; max-height: calc(94vh - 92px); object-fit: contain; border-radius: 8px; background: #fff; box-shadow: 0 18px 55px rgba(0, 0, 0, .36); }
.certificate-viewer figcaption { max-width: calc(100% - 100px); color: rgba(255, 255, 255, .84); font: 600 14px/1.4 "Manrope", sans-serif; text-align: center; }
.certificate-viewer-close { position: absolute; top: 12px; right: 12px; z-index: 2; display: grid; width: 44px; height: 44px; place-items: center; border: 1px solid rgba(255, 255, 255, .36); border-radius: 50%; background: rgba(28, 28, 28, .82); color: #fff; cursor: pointer; font-size: 27px; font-weight: 300; line-height: 1; transition: background .25s ease, transform .25s ease; }
.certificate-viewer-close:hover, .certificate-viewer-close:focus-visible { background: #9c9c9c; transform: rotate(5deg); }

@media (max-width: 760px) {
  .certificate-viewer { width: calc(100vw - 18px); max-height: calc(100svh - 18px); border-radius: 14px; padding: 12px; }
  .certificate-viewer figure { max-height: calc(100svh - 42px); }
  .certificate-viewer figure img { max-height: calc(100svh - 98px); }
  .certificate-viewer-close { top: 8px; right: 8px; width: 42px; height: 42px; }
  .certificate-viewer figcaption { max-width: calc(100% - 80px); font-size: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  .precision-tooth > .precision-tooth-image { animation: none; }
}

/* HERO v4 — imagegen ile üretilen sinematik cam-seramik malzeme sahnesi */
.precision-hero-banner,
.precision-hero-banner.reveal,
.precision-hero-banner.reveal.is-visible {
  --banner-rotate: 0deg;
  top: 0;
  right: calc((100vw - 100%) / -2);
  bottom: 0;
  left: calc((100vw - 100%) / -2);
  height: auto;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  background: url("../img/hero-material-banner-v1.webp") center / cover no-repeat;
  box-shadow: none;
  filter: saturate(.94) contrast(.99);
  transform: translateY(0) scale(1.005);
}
.precision-hero-banner::before,
.precision-hero-banner::after,
.precision-hero-banner > span,
.precision-hero-banner > i { display: none; }

@media (max-width: 1100px) and (min-width: 761px) {
  .precision-hero-banner,
  .precision-hero-banner.reveal,
  .precision-hero-banner.reveal.is-visible {
    right: -34%;
    left: -16%;
    background-position: 53% center;
  }
}
@media (max-width: 760px) {
  .precision-hero-banner,
  .precision-hero-banner.reveal,
  .precision-hero-banner.reveal.is-visible {
    top: auto;
    right: -42%;
    bottom: 48px;
    left: -10%;
    height: 54%;
    background-position: 69% center;
    -webkit-mask-image: linear-gradient(180deg, transparent 0%, #000 14%, #000 100%);
    mask-image: linear-gradient(180deg, transparent 0%, #000 14%, #000 100%);
    transform: none;
  }
}
@media (max-width: 430px) {
  .precision-hero-banner,
  .precision-hero-banner.reveal,
  .precision-hero-banner.reveal.is-visible {
    right: -48%;
    bottom: 44px;
    left: -14%;
    height: 53%;
    background-position: 71% center;
  }
}

/* Hero sonrası kompakt ve kesintisiz güven şeridi */
.hero-trust-line {
  position: relative;
  z-index: 2;
  overflow: hidden;
  height: 86px;
  border-top: 1px solid rgba(200, 200, 200, .2);
  border-bottom: 1px solid rgba(200, 200, 200, .2);
  background:
    radial-gradient(circle at 18% 20%, rgba(154, 154, 154, .22), transparent 28%),
    radial-gradient(circle at 82% 100%, rgba(187, 187, 187, .17), transparent 28%),
    linear-gradient(90deg, #1b1b1b, #313131 48%, #1e1e1e);
}
.hero-trust-line::before {
  position: absolute;
  inset: 0;
  background-image: linear-gradient(90deg, rgba(255, 255, 255, .025) 1px, transparent 1px);
  background-size: 72px 100%;
  content: "";
  pointer-events: none;
}
.hero-trust-line--signature {
  position: relative;
  left: 50%;
  width: 100vw;
  max-width: none;
  margin-top: clamp(30px, 3.5vw, 52px);
  margin-left: -50vw;
  border-radius: 0;
  clip-path: none;
}
.hero-trust-marquee {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.hero-trust-track {
  display: flex;
  width: max-content;
  height: 100%;
  align-items: center;
  animation: aksu-trust-marquee 42s linear infinite;
  will-change: transform;
}
.hero-trust-group {
  display: flex;
  height: 100%;
  flex: 0 0 auto;
  align-items: center;
  gap: 10px;
  padding-right: 10px;
}
.hero-trust-item {
  position: relative;
  display: flex;
  width: clamp(290px, 18vw, 360px);
  height: 66px;
  flex: 0 0 clamp(290px, 18vw, 360px);
  align-items: center;
  gap: 14px;
  padding: 0 18px;
  overflow: hidden;
  border: 1px solid rgba(217, 217, 217, .17);
  border-radius: 17px;
  color: #f8f8f8;
  background: linear-gradient(135deg, rgba(255, 255, 255, .085), rgba(255, 255, 255, .035));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 8px 20px rgba(12, 12, 12, .13);
  white-space: nowrap;
  transition: border-color .3s ease, background-color .3s ease, transform .3s ease;
}
.hero-trust-item::before {
  position: absolute;
  top: -36px;
  right: -26px;
  width: 112px;
  height: 112px;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 50%;
  box-shadow: 0 0 0 18px rgba(255, 255, 255, .035);
  content: "";
  pointer-events: none;
}
.hero-trust-item:hover,
.hero-trust-item:focus-visible {
  border-color: rgba(214, 214, 214, .42);
  background-color: rgba(255, 255, 255, .085);
  transform: translateY(-1px);
}
.hero-trust-icon {
  position: relative;
  z-index: 1;
  display: grid;
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  border: 1px solid rgba(202, 202, 202, .3);
  border-radius: 13px;
  color: #bebebe !important;
  background: rgba(170, 170, 170, .09);
  place-items: center;
}
.hero-trust-icon svg {
  width: 21px;
  height: 21px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.hero-trust-copy {
  position: relative;
  z-index: 1;
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 5px;
}
.hero-trust-item strong {
  color: #f9f9f9;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -.035em;
  line-height: 1;
}
.hero-trust-copy > span {
  color: rgba(250, 250, 250, .83);
  font-size: 14px;
  font-weight: 400;
  letter-spacing: .01em;
  line-height: 1.25;
}
.hero-trust-item--certificate {
  border-color: rgba(232, 232, 232, .75);
  background: linear-gradient(135deg, #f0f0f0, #e1e1e1);
  box-shadow: 0 10px 24px rgba(13, 13, 13, .18);
}
.hero-trust-item--certificate .hero-trust-icon {
  border-color: rgba(60, 60, 60, .2);
  color: #494949 !important;
  background: rgba(255, 255, 255, .46);
}
.hero-trust-item--certificate strong { color: #282828; }
.hero-trust-item--certificate .hero-trust-copy > span { color: #565656; }
.hero-trust-item--certificate:hover,
.hero-trust-item--certificate:focus-visible { background: linear-gradient(135deg, #f8f8f8, #e8e8e8); }

.hero-trust-group .hero-trust-item:nth-child(2) {
  border-color: rgba(176, 176, 176, .3);
  background: linear-gradient(135deg, #3f3f3f, #252525);
  box-shadow: 0 10px 24px rgba(13, 13, 13, .2);
}
.hero-trust-group .hero-trust-item:nth-child(3) {
  border-color: rgba(240, 240, 240, .75);
  background: linear-gradient(135deg, #c4c4c4, #e7e7e7);
  box-shadow: 0 10px 24px rgba(24, 24, 24, .17);
}
.hero-trust-group .hero-trust-item:nth-child(4) {
  border-color: rgba(244, 244, 244, .9);
  background: linear-gradient(135deg, #f9f9f9, #e1e1e1);
  box-shadow: 0 10px 24px rgba(31, 31, 31, .15);
}
.hero-trust-group .hero-trust-item:nth-child(5) {
  border-color: rgba(193, 193, 193, .52);
  background: linear-gradient(135deg, #8f8f8f, #4e4e4e);
  box-shadow: 0 10px 26px rgba(62, 62, 62, .3);
}
.hero-trust-group .hero-trust-item:nth-child(6) {
  border-color: rgba(233, 233, 233, .76);
  background: linear-gradient(135deg, #a4a4a4, #d5d5d5);
  box-shadow: 0 10px 24px rgba(51, 51, 51, .2);
}
.hero-trust-group .hero-trust-item:nth-child(3) strong,
.hero-trust-group .hero-trust-item:nth-child(4) strong,
.hero-trust-group .hero-trust-item:nth-child(6) strong { color: #282828; }
.hero-trust-group .hero-trust-item:nth-child(3) .hero-trust-copy > span,
.hero-trust-group .hero-trust-item:nth-child(4) .hero-trust-copy > span,
.hero-trust-group .hero-trust-item:nth-child(6) .hero-trust-copy > span { color: #535353; }
.hero-trust-group .hero-trust-item:nth-child(3) .hero-trust-icon,
.hero-trust-group .hero-trust-item:nth-child(4) .hero-trust-icon,
.hero-trust-group .hero-trust-item:nth-child(6) .hero-trust-icon {
  border-color: rgba(59, 59, 59, .18);
  color: #525252 !important;
  background: rgba(255, 255, 255, .42);
}
.hero-trust-group .hero-trust-item:nth-child(5) .hero-trust-icon {
  border-color: rgba(255, 255, 255, .32);
  color: #fff !important;
  background: rgba(255, 255, 255, .1);
}
@keyframes aksu-trust-marquee {
  to { transform: translate3d(-50%, 0, 0); }
}
@media (max-width: 760px) {
  .hero-trust-line { height: 74px; }
  .hero-trust-line--signature { margin-top: 24px; }
  .hero-trust-track { animation-duration: 36s; }
  .hero-trust-item {
    width: 270px;
    height: 58px;
    flex-basis: 270px;
    gap: 12px;
    padding: 0 14px;
    border-radius: 15px;
  }
  .hero-trust-icon { width: 36px; height: 36px; flex-basis: 36px; border-radius: 11px; }
  .hero-trust-icon svg { width: 19px; height: 19px; }
  .hero-trust-item strong { font-size: 17px; }
  .hero-trust-copy > span { font-size: 14px; }
}

/* ════════════════════════════════════════════════════════════
   FROM SCAN → TO SMILE — doğal scroll sinematik sekans
   ════════════════════════════════════════════════════════════ */
.scan-smile {
  position: relative;
  overflow: clip;
  padding: clamp(110px, 11vw, 180px) 0 clamp(120px, 13vw, 210px);
  background:
    radial-gradient(circle at 85% 6%, rgba(153, 153, 153, 0.14), transparent 24%),
    linear-gradient(180deg, #171717 0%, #1d1d1d 52%, #161616 100%);
  color: #f8f8f8;
}
.scan-smile::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(183, 183, 183, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(183, 183, 183, 0.035) 1px, transparent 1px);
  background-size: 80px 80px;
  pointer-events: none;
}
.scan-smile-intro {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(180px, 0.38fr) minmax(0, 1fr);
  gap: clamp(38px, 6vw, 100px);
  align-items: start;
  margin-bottom: clamp(70px, 9vw, 130px);
}
.scan-smile .neo-kicker { color: #b9b9b9; }
.scan-smile .neo-kicker span { background: #acacac; }
.scan-smile-intro h2 {
  margin: 0;
  color: #fbfbfb;
  font-family: var(--font-heading);
  font-size: clamp(82px, 10vw, 164px);
  font-weight: 400;
  letter-spacing: -0.055em;
  line-height: 0.78;
  text-transform: uppercase;
}
.scan-smile-intro h2 em {
  color: #acacac;
  font-weight: 400;
  text-transform: none;
}
.scan-smile-intro > div > p {
  max-width: 540px;
  margin: 38px 0 0;
  color: rgba(238, 238, 238, 0.7);
  font-size: 17px;
  line-height: 1.6;
}
.scan-smile-sequence {
  position: relative;
  z-index: 1;
  display: grid;
  gap: clamp(80px, 12vh, 150px);
}
.scan-stage {
  position: relative;
  height: min(78svh, 820px);
  min-height: 620px;
  clip-path: inset(0 round 30px);
  will-change: clip-path, opacity, transform;
}
.scan-stage:nth-child(even) {
  width: calc(100% - clamp(0px, 4vw, 58px));
  margin-left: auto;
}
.scan-stage-frame {
  position: absolute;
  inset: 0;
  overflow: hidden;
  border: 1px solid rgba(202, 202, 202, 0.16);
  border-radius: 30px;
  background: #131313;
  box-shadow: 0 40px 100px rgba(0, 0, 0, 0.34);
}
.scan-stage-frame > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  will-change: transform, opacity, filter;
}
.scan-stage--craft .scan-stage-frame > img { object-position: center 48%; }
.scan-stage--smile .scan-smile-reveal { object-position: center 44%; }
.scan-stage-shade {
  position: absolute;
  inset: 0;
  z-index: 2;
  background:
    linear-gradient(90deg, rgba(14, 14, 14, 0.9) 0%, rgba(14, 14, 14, 0.48) 38%, transparent 70%),
    linear-gradient(180deg, transparent 44%, rgba(13, 13, 13, 0.72) 100%);
  pointer-events: none;
}
.scan-stage-copy {
  position: absolute;
  bottom: clamp(34px, 5vw, 72px);
  left: clamp(30px, 5vw, 76px);
  z-index: 5;
  max-width: min(540px, 54%);
}
.scan-stage-copy > span {
  position: absolute;
  bottom: -0.18em;
  left: -0.08em;
  z-index: -1;
  color: transparent;
  -webkit-text-stroke: 1px rgba(186, 186, 186, 0.28);
  font-family: var(--font-heading);
  font-size: clamp(128px, 16vw, 250px);
  line-height: 0.7;
}
.scan-stage-copy > p {
  margin: 0 0 18px;
  color: #b9b9b9;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.18em;
}
.scan-stage-copy h3 {
  margin: 0;
  color: #fff;
  font-family: var(--font-heading);
  font-size: clamp(58px, 6.2vw, 98px);
  font-weight: 400;
  letter-spacing: -0.045em;
  line-height: 0.86;
}
.scan-stage-copy small {
  display: block;
  margin-top: 24px;
  color: rgba(241, 241, 241, 0.78);
  font-size: 16px;
  line-height: 1.5;
}
.scan-particles,
.scan-design-grid,
.scan-craft-sweep {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}
.scan-particles {
  background-image: radial-gradient(circle, rgba(178, 178, 178, 0.72) 0 1px, transparent 1.5px);
  background-size: 32px 32px;
  opacity: 0.2;
  -webkit-mask-image: radial-gradient(circle at 67% 48%, #000 0%, transparent 58%);
  mask-image: radial-gradient(circle at 67% 48%, #000 0%, transparent 58%);
  animation: scan-particle-drift 13s linear infinite;
}
@keyframes scan-particle-drift { to { background-position: 64px 32px; } }
.scan-design-grid {
  background:
    repeating-linear-gradient(0deg, transparent 0 49px, rgba(175, 175, 175, 0.17) 50px),
    repeating-linear-gradient(90deg, transparent 0 49px, rgba(175, 175, 175, 0.17) 50px);
  mix-blend-mode: screen;
  opacity: 0.55;
  clip-path: inset(0 100% 0 0);
}
.scan-craft-sweep {
  width: 34%;
  right: auto;
  background: linear-gradient(90deg, transparent, rgba(187, 187, 187, 0.2), transparent);
  filter: blur(12px);
  transform: translateX(-150%);
}
.scan-smile-base { z-index: 0; }
.scan-smile-reveal {
  z-index: 1;
  opacity: 0;
  filter: blur(18px) saturate(0.72);
  transform: scale(1.06);
}
.scan-stage--smile .scan-stage-shade {
  background:
    linear-gradient(90deg, rgba(14, 14, 14, 0.84) 0%, rgba(14, 14, 14, 0.34) 42%, transparent 72%),
    linear-gradient(180deg, transparent 48%, rgba(13, 13, 13, 0.58) 100%);
}
@media (max-width: 760px) {
  .scan-smile { padding: 88px 0 110px; }
  .scan-smile-intro { grid-template-columns: 1fr; gap: 28px; margin-bottom: 58px; }
  .scan-smile-intro h2 { font-size: clamp(62px, 19vw, 84px); line-height: 0.84; }
  .scan-smile-intro > div > p { margin-top: 26px; font-size: 16px; }
  .scan-smile-sequence { gap: 58px; }
  .scan-stage,
  .scan-stage:nth-child(even) { width: 100%; height: 68svh; min-height: 540px; margin-left: 0; clip-path: inset(0 round 22px); }
  .scan-stage-frame { border-radius: 22px; }
  .scan-stage-frame > img { object-position: center; }
  .scan-stage--craft .scan-stage-frame > img { object-position: 62% center; }
  .scan-stage--smile .scan-smile-reveal { object-position: center; }
  .scan-stage-shade,
  .scan-stage--smile .scan-stage-shade {
    background: linear-gradient(180deg, transparent 22%, rgba(13, 13, 13, 0.2) 45%, rgba(13, 13, 13, 0.9) 100%);
  }
  .scan-stage-copy { right: 24px; bottom: 34px; left: 24px; max-width: none; }
  .scan-stage-copy > span { font-size: 126px; }
  .scan-stage-copy > p { margin-bottom: 12px; font-size: 14px; }
  .scan-stage-copy h3 { font-size: clamp(48px, 14vw, 66px); }
  .scan-stage-copy small { margin-top: 18px; font-size: 15px; }
}
@media (prefers-reduced-motion: reduce) {
  .scan-particles { animation: none; }
  .scan-design-grid { clip-path: inset(0); }
  .scan-craft-sweep { display: none; }
  .scan-smile-reveal { opacity: 1; filter: none; transform: none; }
}

/* Site genelinde başlık fontu: Fraunces (iki fontlu sistem) */
h1, h2, h3, h4, h5, h6,
h1 em, h2 em, h3 em, h4 em, h5 em, h6 em {
  font-family: var(--font-heading) !important;
  font-style: normal;
  letter-spacing: -0.02em;
}
/* Küçük etiket ve rozetler gövde fontunda kalır */
.neo-kicker, .eyebrow, .hero-trust-copy span, .blog-etiket,
.kapak-rozet, .filtre, .btn, button, .paket-etiket {
  font-family: var(--font-body) !important;
  letter-spacing: 0.04em;
}

/* Ana sayfa — sakin, pinned treatment gallery */
.treatment-gallery {
  position: relative;
  color: #fafafa;
  background: #232323;
}

/* Genel section reveal transform'u fixed pin için containing block
   oluşturur; galeri kendi scroll animasyonunu yönettiği için kapatılır. */
.treatment-gallery.scroll-reveal,
.treatment-gallery.scroll-reveal.is-visible {
  opacity: 1;
  transform: none;
  transition: none;
  will-change: auto;
}

.treatment-gallery-pin {
  display: flex;
  min-height: 100svh;
  align-items: center;
  overflow: hidden;
  padding: calc(var(--header-height) + 24px) 0 34px;
}

.treatment-gallery-layout {
  display: grid;
  grid-template-columns: minmax(270px, .34fr) minmax(0, 1fr);
  align-items: center;
  gap: clamp(34px, 5vw, 78px);
}

.treatment-gallery-heading {
  position: relative;
  z-index: 3;
  min-width: 0;
}

.treatment-gallery-kicker {
  margin: 0 0 26px;
  color: #b9b9b9;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.treatment-gallery-heading h2 {
  margin: 0;
  color: #fff;
  font-size: clamp(56px, 4.9vw, 84px);
  font-weight: 500;
  letter-spacing: -.065em;
  line-height: .87;
  text-transform: uppercase;
}

.treatment-gallery-heading h2 span { color: #b7b7b7; }

.treatment-gallery-status {
  display: grid;
  grid-template-columns: 30px minmax(80px, 1fr) 30px;
  align-items: center;
  gap: 14px;
  width: min(100%, 260px);
  margin-top: 50px;
  color: rgba(245, 245, 245, .7);
  font-size: 14px;
}

.treatment-gallery-status strong,
.treatment-gallery-status b { font-weight: 500; }
.treatment-gallery-status b { text-align: right; }
.treatment-gallery-status > span {
  height: 1px;
  overflow: hidden;
  background: rgba(255, 255, 255, .2);
}
.treatment-gallery-status i {
  display: block;
  width: 100%;
  height: 1px;
  background: #bcbcbc;
  transform: scaleX(.25);
  transform-origin: left;
}

.treatment-gallery-heading > a {
  display: inline-flex;
  align-items: center;
  gap: 18px;
  margin-top: 34px;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(255, 255, 255, .4);
  color: #fff;
  font-size: 14px;
  font-weight: 500;
}
.treatment-gallery-heading > a span { color: #bcbcbc; font-size: 20px; }

.treatment-gallery-viewport {
  min-width: 0;
  overflow: hidden;
}

.treatment-gallery-track {
  display: flex;
  width: max-content;
  gap: clamp(18px, 1.6vw, 28px);
  will-change: transform;
}

.treatment-gallery-card {
  --light-x: 50%;
  --light-y: 25%;
  position: relative;
  display: block;
  width: clamp(500px, 57vw, 900px);
  height: min(70vh, 720px);
  min-height: 520px;
  overflow: hidden;
  border: 1px solid rgba(234, 234, 234, .16);
  border-radius: 8px;
  background: #343434;
  color: #fff;
  isolation: isolate;
}

.treatment-gallery-card > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(.76) contrast(1.03);
}

.treatment-gallery-card:nth-child(3) > img { object-position: center 52%; }

.treatment-gallery-card::after {
  position: absolute;
  z-index: 1;
  inset: -20%;
  pointer-events: none;
  background: radial-gradient(circle at var(--light-x) var(--light-y), rgba(222, 222, 222, .24), rgba(222, 222, 222, .05) 24%, transparent 52%);
  content: "";
  opacity: .35;
  transition: opacity .7s ease;
}

.treatment-gallery-card:hover::after,
.treatment-gallery-card:focus-visible::after { opacity: 1; }

.treatment-gallery-shade {
  position: absolute;
  z-index: 1;
  inset: 0;
  background: linear-gradient(180deg, rgba(17, 17, 17, .05) 28%, rgba(17, 17, 17, .78) 100%);
}

.treatment-gallery-copy {
  position: absolute;
  z-index: 2;
  right: clamp(24px, 3vw, 46px);
  bottom: clamp(24px, 3vw, 42px);
  left: clamp(24px, 3vw, 46px);
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr) auto;
  align-items: end;
  column-gap: 18px;
}

.treatment-gallery-copy > span {
  grid-row: 1 / 3;
  align-self: start;
  padding-top: 8px;
  border-top: 1px solid rgba(255, 255, 255, .6);
  color: #dcdcdc;
  font-size: 14px;
  font-weight: 500;
}

.treatment-gallery-copy h3 {
  margin: 0;
  color: #fff;
  font-size: clamp(40px, 4.5vw, 74px);
  font-weight: 500;
  letter-spacing: -.055em;
  line-height: .95;
}

.treatment-gallery-copy p {
  grid-column: 2;
  margin: 12px 0 0;
  color: rgba(255, 255, 255, .8);
  font-size: 16px;
  line-height: 1.4;
}

.treatment-gallery-copy i {
  grid-column: 3;
  grid-row: 1 / 3;
  display: grid;
  width: 54px;
  height: 54px;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, .55);
  border-radius: 50%;
  color: #fff;
  font-size: 20px;
  font-style: normal;
  transition: color .3s ease, background .3s ease;
}

.treatment-gallery-card:hover .treatment-gallery-copy i,
.treatment-gallery-card:focus-visible .treatment-gallery-copy i {
  color: #232323;
  background: #eeeeee;
}

@media (max-width: 900px) {
  .treatment-gallery { padding: 96px 0; overflow: hidden; }
  .treatment-gallery-pin { display: block; min-height: 0; overflow: visible; padding: 0; }
  .treatment-gallery-layout { display: block; width: 100%; }
  .treatment-gallery-heading { width: min(calc(100% - 32px), var(--container)); margin: 0 auto 42px; }
  .treatment-gallery-heading h2 { font-size: clamp(52px, 13vw, 78px); }
  .treatment-gallery-status { display: none; }
  .treatment-gallery-heading > a { margin-top: 28px; }
  .treatment-gallery-viewport { width: 100%; overflow-x: auto; padding: 0 16px 16px; scroll-snap-type: x mandatory; scrollbar-width: none; }
  .treatment-gallery-viewport::-webkit-scrollbar { display: none; }
  .treatment-gallery-track { gap: 14px; transform: none !important; }
  .treatment-gallery-card { width: min(84vw, 560px); height: 68svh; min-height: 500px; scroll-snap-align: center; }
}

@media (max-width: 520px) {
  .treatment-gallery { padding: 78px 0; }
  .treatment-gallery-heading { width: calc(100% - 24px); margin-bottom: 34px; }
  .treatment-gallery-kicker { margin-bottom: 20px; }
  .treatment-gallery-heading h2 { font-size: clamp(48px, 15vw, 64px); }
  .treatment-gallery-viewport { padding-inline: 12px; }
  .treatment-gallery-card { width: 87vw; height: 66svh; min-height: 470px; }
  .treatment-gallery-copy { right: 22px; bottom: 24px; left: 22px; grid-template-columns: 34px minmax(0, 1fr); column-gap: 12px; }
  .treatment-gallery-copy h3 { font-size: clamp(36px, 11vw, 48px); }
  .treatment-gallery-copy p { font-size: 14px; }
  .treatment-gallery-copy i { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .treatment-gallery-track { transform: none !important; }
  .treatment-gallery-card::after { display: none; }
}

/* Ana sayfa — deneysel, hotspostsuz gülüş keşfi */
.smile-explorer {
  padding: clamp(104px, 11vw, 180px) 0;
  overflow: hidden;
  color: #2a2a2a;
  background: #f5f5f5;
}

.smile-explorer-heading {
  display: grid;
  grid-template-columns: minmax(180px, .32fr) 1fr;
  align-items: end;
  gap: clamp(30px, 5vw, 78px);
  margin-bottom: clamp(44px, 6vw, 82px);
}

.smile-explorer-heading p {
  margin: 0 0 9px;
  color: #6a6a6a;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: .12em;
  text-transform: none;
}

.smile-explorer-heading h2 {
  margin: 0;
  color: #2a2a2a;
  font-size: clamp(64px, 8vw, 124px);
  font-weight: 500;
  letter-spacing: -.07em;
  line-height: .82;
  text-transform: none;
}

.smile-explorer-heading h2 span { color: #7c7c7c; }

.smile-explorer-photo {
  --focus-x: 50%;
  --focus-y: 48%;
  position: relative;
  height: min(72vw, 780px);
  min-height: 570px;
  margin: 0;
  overflow: hidden;
  border-radius: 8px;
  background: #eaeaea;
  cursor: crosshair;
  isolation: isolate;
}

.smile-explorer-photo > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(.86) contrast(1.02);
  transition: filter .55s ease;
}

.smile-explorer-photo.is-exploring > img {
  filter: saturate(.78) contrast(1.03) brightness(.93);
}

.smile-explorer-focus {
  position: absolute;
  z-index: 1;
  width: clamp(190px, 25vw, 390px);
  aspect-ratio: 1.25;
  left: var(--focus-x);
  top: var(--focus-y);
  border: 0;
  border-radius: 50%;
  background: radial-gradient(ellipse, rgba(234, 234, 234, .34) 0%, rgba(155, 155, 155, .16) 42%, transparent 72%);
  box-shadow: 0 0 82px rgba(159, 159, 159, .18), inset 0 0 64px rgba(241, 241, 241, .2);
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, -50%) scale(.78);
  transition: left .5s cubic-bezier(.22, 1, .36, 1), top .5s cubic-bezier(.22, 1, .36, 1), opacity .35s ease, transform .5s cubic-bezier(.22, 1, .36, 1);
  backdrop-filter: brightness(1.18) saturate(1.12);
}

.smile-explorer-label {
  position: absolute;
  z-index: 2;
  left: var(--focus-x);
  top: calc(var(--focus-y) - clamp(96px, 10vw, 142px));
  padding: 13px 18px;
  border: 1px solid rgba(255, 255, 255, .65);
  border-radius: 999px;
  color: #fff;
  background: rgba(35, 35, 35, .72);
  font-size: clamp(15px, 1.2vw, 18px);
  font-weight: 600;
  letter-spacing: .1em;
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, 10px);
  transition: left .5s cubic-bezier(.22, 1, .36, 1), top .5s cubic-bezier(.22, 1, .36, 1), opacity .3s ease, transform .45s cubic-bezier(.22, 1, .36, 1);
  white-space: nowrap;
  backdrop-filter: blur(12px);
}

.smile-explorer-photo.is-exploring .smile-explorer-focus { opacity: 1; transform: translate(-50%, -50%) scale(1); }
.smile-explorer-photo.is-exploring .smile-explorer-label { opacity: 1; transform: translate(-50%, 0); }

@media (max-width: 760px) {
  .smile-explorer { padding: 88px 0; }
  .smile-explorer-heading { grid-template-columns: 1fr; gap: 22px; margin-bottom: 38px; }
  .smile-explorer-heading h2 { font-size: clamp(54px, 16vw, 76px); line-height: .87; }
  .smile-explorer-photo { height: 68svh; min-height: 500px; border-radius: 6px; cursor: pointer; }
  .smile-explorer-photo > img { object-position: center; }
  .smile-explorer-focus { width: min(56vw, 240px); }
  .smile-explorer-label { top: calc(var(--focus-y) - 90px); font-size: 14px; }
}

@media (max-width: 480px) {
  .smile-explorer-heading p { font-size: 14px; }
  .smile-explorer-photo { height: 62svh; min-height: 460px; }
}

/* ============================================================
   Editorial homepage system — neutral / ice / champagne
   ============================================================ */
:root {
  --aksu-bg: #f8f8f8;
  --aksu-white: #fff;
  --aksu-ink: #131313;
  --aksu-grey: #aeaeae;
  --aksu-ice: #f1f1f1;
  --aksu-champagne: #bbbbbb;
}

body.home-page,
.home-page main { color: var(--aksu-ink); background: var(--aksu-bg); }

.editorial-serif {
  font-family: var(--font-heading) !important;
  font-style: italic !important;
  font-weight: 400 !important;
}

/* Header: transparent at the top, restrained frosted white on scroll */
.home-page .site-header {
  border-bottom-color: transparent;
  background: transparent;
  box-shadow: none;
  backdrop-filter: blur(0);
}
.home-page .site-header.is-scrolled {
  border-bottom-color: rgba(19, 19, 19, .09);
  background: rgba(255, 255, 255, .78);
  box-shadow: 0 8px 28px rgba(19, 19, 19, .055);
  backdrop-filter: blur(18px) saturate(1.15);
}
.home-page .desktop-nav > a,
.home-page .desktop-nav > .nav-item > .nav-trigger,
.home-page .language-button { color: var(--aksu-ink); }
.home-page .header-cta { border-color: var(--aksu-ink); background: var(--aksu-ink); color: #fff; }
.home-page .header-cta:hover { border-color: #313131; background: #313131; color: #fff; }

/* Doctors — full-screen fashion/editorial sequence */
.editorial-doctors { color: #fff; background: var(--aksu-ink); }
.editorial-doctors.scroll-reveal,
.editorial-doctors.scroll-reveal.is-visible { opacity: 1; transform: none; transition: none; }
.editorial-doctor {
  position: relative;
  display: flex;
  min-height: 100svh;
  align-items: flex-end;
  overflow: hidden;
  border-bottom: 1px solid rgba(255, 255, 255, .12);
  background: var(--aksu-ink);
  isolation: isolate;
}
.editorial-doctor > img {
  position: absolute;
  z-index: -2;
  top: 0;
  right: 0;
  width: 64%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  filter: grayscale(.92) saturate(.2) contrast(1.04) brightness(.9);
  opacity: .72;
  transform: scale(1.035);
  transition: opacity 1s ease, transform 1.35s cubic-bezier(.22, 1, .36, 1), filter 1s ease;
}
.editorial-doctor.is-current > img { opacity: 1; transform: scale(1); filter: grayscale(.88) saturate(.22) contrast(1.03) brightness(.94); }
.editorial-doctor-shade {
  position: absolute;
  z-index: -1;
  inset: 0;
  background: linear-gradient(90deg, #131313 0%, rgba(19, 19, 19, .98) 25%, rgba(19, 19, 19, .64) 53%, rgba(19, 19, 19, .06) 100%), linear-gradient(0deg, rgba(19, 19, 19, .5), transparent 55%);
}
.editorial-doctor-copy { position: relative; padding-bottom: clamp(54px, 7vh, 92px); }
.editorial-doctor-hit { position: absolute; z-index: 4; inset: 0; }
.editorial-doctor-copy { z-index: 5; pointer-events: none; }
.editorial-doctor-copy > span {
  display: block;
  margin-bottom: 22px;
  color: var(--aksu-champagne);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: .13em;
}
.editorial-doctor-copy h2 {
  max-width: 10ch;
  margin: 0;
  color: #fff;
  font-size: clamp(72px, 8.5vw, 142px);
  font-weight: 500;
  letter-spacing: -.075em;
  line-height: .8;
  text-transform: uppercase;
}
.editorial-doctor-copy > p {
  margin: 28px 0 0;
  color: rgba(255,255,255,.76);
  font-size: clamp(15px, 1.2vw, 18px);
  line-height: 1.55;
}
.editorial-doctor-copy blockquote {
  max-width: 680px;
  margin: 38px 0 0;
  color: #fff;
  font-size: clamp(26px, 2.5vw, 42px);
  font-weight: 400;
  letter-spacing: -.035em;
  line-height: 1.05;
}
.editorial-doctor-copy > * { opacity: .25; transform: translateY(30px); transition: opacity .58s ease, transform .68s cubic-bezier(.22, 1, .36, 1); }
.editorial-doctor.is-current .editorial-doctor-copy > * { opacity: 1; transform: translateY(0); }
.editorial-doctor.is-current .editorial-doctor-copy > :nth-child(2) { transition-delay: .06s; }
.editorial-doctor.is-current .editorial-doctor-copy > :nth-child(3) { transition-delay: .12s; }
.editorial-doctor.is-current .editorial-doctor-copy > :nth-child(4) { transition-delay: .18s; }

/* Results — three restrained, full-scale clinical comparisons */
.result-stories { padding: clamp(110px, 11vw, 180px) 0 70px; color: var(--aksu-ink); background: var(--aksu-bg); }
.results-heading { margin-bottom: clamp(70px, 9vw, 130px); }
.results-heading > p,
.real-stories-heading > p,
.international-heading > p {
  margin: 0 0 24px;
  color: #747474;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: .14em;
}
.results-heading h2,
.real-stories-heading h2,
.international-heading h2 {
  margin: 0;
  font-size: clamp(68px, 9.2vw, 150px);
  font-weight: 500;
  letter-spacing: -.075em;
  line-height: .82;
}
.results-heading h2 em,
.international-heading h2 em { color: #7e7e7e; }
.result-case { display: flex; min-height: 100svh; align-items: center; padding: 44px 0 72px; }
.result-case-inner { width: 100%; }
.result-compare {
  --compare-position: 50%;
  position: relative;
  height: min(76svh, 820px);
  min-height: 600px;
  overflow: hidden;
  background: #e1e1e1;
  touch-action: pan-y;
}
.result-image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.result-before { z-index: 1; clip-path: inset(0 calc(100% - var(--compare-position)) 0 0); }
.result-divider {
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
  left: var(--compare-position);
  width: 1px;
  background: rgba(255,255,255,.96);
  transform: translateX(-50%);
  pointer-events: none;
}
.result-compare input { position: absolute; z-index: 3; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: ew-resize; }
.result-meta {
  display: flex;
  align-items: center;
  gap: 0;
  margin-top: 24px;
  color: #525252;
  font-size: 16px;
}
.result-meta > * { padding: 0 30px; border-right: 1px solid rgba(19, 19, 19, .17); }
.result-meta > :first-child { padding-left: 0; color: var(--aksu-ink); }
.result-meta > :last-child { border-right: 0; }
.results-note { max-width: 900px; margin-top: 44px; color: #767676; font-size: 14px; line-height: 1.7; }

/* Real people / real stories — silent autoplay films */
.real-stories { color: #fff; background: var(--aksu-ink); }
.real-stories.scroll-reveal,
.real-stories.scroll-reveal.is-visible { opacity: 1; transform: none; transition: none; }
.real-stories-heading { padding-top: clamp(110px, 11vw, 180px); padding-bottom: clamp(70px, 8vw, 120px); }
.real-stories-heading h2 { color: #fff; }
.real-stories-heading h2 em { color: var(--aksu-champagne); }
.real-stories-heading > p { color: var(--aksu-champagne); }
.story-film { position: relative; min-height: 100svh; overflow: hidden; border-top: 1px solid rgba(255,255,255,.14); background: #191919; isolation: isolate; }
.story-film-video { position: absolute; z-index: -2; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: grayscale(.48) saturate(.58) contrast(1.03); transform: scale(1.025); transition: filter 1.2s ease, transform 8s linear; }
.story-film.is-playing .story-film-video { filter: grayscale(.12) saturate(.84) contrast(1.02); transform: scale(1.07); }
.story-film-shade { position: absolute; z-index: -1; inset: 0; background: linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.04) 45%,rgba(0,0,0,.72)); }
.story-play {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  display: grid;
  width: 86px;
  height: 86px;
  place-items: center;
  border: 1px solid rgba(255,255,255,.75);
  border-radius: 50%;
  color: #fff;
  background: rgba(19, 19, 19, .22);
  transform: translate(-50%,-50%);
  backdrop-filter: blur(8px);
}
.story-play span { margin-left: 4px; font-size: 17px; }
.story-film-copy { position: absolute; right: 0; bottom: 58px; left: 0; z-index: 1; }
.story-film-copy h3 { margin: 0; color: #fff; font-size: clamp(42px, 5vw, 78px); font-weight: 500; letter-spacing: -.06em; line-height: .95; }
.story-film-copy p { margin: 12px 0 0; color: rgba(255,255,255,.78); font-size: 17px; }

/* International journey — no map, only a clear horizontal path */
.international-journey { padding: clamp(110px, 11vw, 180px) 0; overflow: hidden; color: var(--aksu-ink); background: var(--aksu-ice); }
.international-heading h2 { max-width: 12ch; }
.journey-flow {
  display: flex;
  align-items: stretch;
  gap: 20px;
  margin: clamp(70px, 8vw, 120px) 0 0;
  padding: 0;
  list-style: none;
}
.journey-flow li:not(.journey-arrow) {
  display: flex;
  min-width: 170px;
  flex: 1;
  flex-direction: column;
  justify-content: space-between;
  min-height: 170px;
  padding: 22px;
  border-top: 1px solid rgba(19, 19, 19, .28);
  background: rgba(255,255,255,.36);
}
.journey-flow li span { color: #7e7e7e; font-size: 14px; font-weight: 600; }
.journey-flow li strong { max-width: 12ch; font-size: 18px; font-weight: 500; line-height: 1.2; }
.journey-arrow { display: grid; place-items: center; color: #7e7e7e; font-size: 28px; }
.journey-languages { display: flex; flex-wrap: wrap; gap: 12px 26px; margin-top: 54px; padding-top: 28px; border-top: 1px solid rgba(19, 19, 19, .16); }
.journey-languages a { color: #3a3a3a; font-size: 16px; }
.journey-cta { margin-top: 42px; }  /* görünüm ortak buton sisteminden gelir */

/* Existing lower homepage sections brought into the new palette */
.smile-explorer,
.neo-testimonials { background: var(--aksu-bg); }
.guide-faq.home-faq { background: #fff; }
.neo-contact { background: var(--aksu-ice); }
.treatment-gallery { background: var(--aksu-ink); }
body[class] .site-footer { border-top-color: rgba(255,255,255,.1); color: #fff; background: var(--aksu-ink); }
body[class] .site-footer .footer-label,
body[class] .site-footer p { color: rgba(255,255,255,.56); }
body[class] .site-footer a { color: #fff; }
body[class] .site-footer .footer-brand img { filter: invert(1) grayscale(1) brightness(1.4); }
body[class] .site-footer .footer-bottom { border-top-color: rgba(255,255,255,.1); background: #0e0e0e; }
body[class] .footer-social a { border-color: rgba(255,255,255,.18); color: #fff; }

/* Contextual desktop cursor */
.aksu-cursor {
  position: fixed;
  z-index: 10000;
  top: 0;
  left: 0;
  display: grid;
  width: 48px;
  height: 48px;
  place-items: center;
  border: 1px solid rgba(19, 19, 19, .58);
  border-radius: 50%;
  color: var(--aksu-ink);
  background: rgba(255,255,255,.3);
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%,-50%) scale(.78);
  transition: width .25s ease, height .25s ease, opacity .2s ease, transform .25s ease, color .25s ease, background .25s ease, border-color .25s ease;
  backdrop-filter: blur(8px);
}
.aksu-cursor span { font-size: 14px; font-weight: 700; letter-spacing: .08em; }
.aksu-cursor.is-visible { opacity: 1; transform: translate(-50%,-50%) scale(1); }
.aksu-cursor.is-context { width: 66px; height: 66px; border-color: rgba(255,255,255,.72); color: #fff; background: rgba(19, 19, 19, .42); }
.aksu-cursor.is-link:not(.is-context) { width: 58px; height: 58px; background: rgba(187, 187, 187, .24); }

@media (pointer: fine) {
  body.has-aksu-cursor,
  body.has-aksu-cursor a,
  body.has-aksu-cursor button,
  body.has-aksu-cursor input,
  body.has-aksu-cursor [data-cursor] { cursor: none !important; }

  /* Native cursor remains visible while a top-layer consultation dialog is open. */
  body.has-aksu-cursor.dialog-open,
  body.has-aksu-cursor.dialog-open .consultation-dialog,
  body.has-aksu-cursor.dialog-open .consultation-dialog * { cursor: default !important; }
  body.has-aksu-cursor.dialog-open .consultation-dialog button,
  body.has-aksu-cursor.dialog-open .consultation-dialog a,
  body.has-aksu-cursor.dialog-open .consultation-options label,
  body.has-aksu-cursor.dialog-open .consultation-options span { cursor: pointer !important; }
  body.has-aksu-cursor.dialog-open .consultation-dialog input,
  body.has-aksu-cursor.dialog-open .consultation-dialog textarea { cursor: text !important; }
}

@media (max-width: 900px) {
  .site-header .desktop-nav,
  .site-header .header-cta { display: none !important; }
  .site-header .menu-button { display: block !important; }
  .editorial-doctor > img { width: 72%; }
  .editorial-doctor-copy h2 { font-size: clamp(62px, 11vw, 96px); }
  .result-compare { height: 68svh; min-height: 520px; }
  .journey-flow { width: max-content; min-width: 100%; overflow: visible; }
  .international-journey .container { overflow: visible; }
}

@media (max-width: 760px) {
  .home-page .site-header,
  .home-page .site-header.is-scrolled { background: rgba(255,255,255,.86); backdrop-filter: blur(16px); }
  .home-page .header-container { grid-template-columns: 1fr auto !important; }
  .home-page .menu-button > span:not(.sr-only) { background: var(--aksu-ink) !important; }
  .editorial-doctor { min-height: 100svh; }
  .editorial-doctor > img { top: 0; width: 100%; height: 74%; object-position: center top; }
  .editorial-doctor-shade { background: linear-gradient(0deg,#131313 0%,rgba(19, 19, 19, .96) 30%,rgba(19, 19, 19, .22) 72%,rgba(19, 19, 19, .06)); }
  .editorial-doctor-copy { padding-bottom: 42px; }
  .editorial-doctor-copy > span { margin-bottom: 14px; }
  .editorial-doctor-copy h2 { max-width: 12ch; font-size: clamp(52px, 14vw, 74px); line-height: .84; }
  .editorial-doctor-copy > p { margin-top: 18px; font-size: 14px; }
  .editorial-doctor-copy blockquote { margin-top: 24px; font-size: 26px; }
  .result-stories { padding-top: 90px; }
  .results-heading h2,
  .real-stories-heading h2,
  .international-heading h2 { font-size: clamp(54px, 15vw, 76px); line-height: .86; }
  .result-case { min-height: auto; padding: 34px 0 74px; }
  .result-compare { height: 62svh; min-height: 440px; }
  .result-meta { flex-wrap: wrap; gap: 8px 0; font-size: 14px; }
  .result-meta > * { padding-inline: 14px; }
  .story-film { min-height: 88svh; }
  .story-play { width: 72px; height: 72px; }
  .story-film-copy { bottom: 34px; }
  .story-film-copy h3 { font-size: 40px; }
  .international-journey { padding: 90px 0; }
  .journey-flow { width: 100%; min-width: 0; gap: 12px; margin-top: 58px; overflow-x: auto; overflow-y: hidden; padding-bottom: 16px; scroll-snap-type: x mandatory; scrollbar-width: none; }
  .journey-flow::-webkit-scrollbar { display: none; }
  .journey-flow li:not(.journey-arrow) { width: 72vw; min-width: 250px; scroll-snap-align: start; }
  .journey-arrow { min-width: 28px; }
  .journey-languages { display: grid; grid-template-columns: 1fr 1fr; gap: 18px 12px; }
  .aksu-cursor { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .editorial-doctor > img,
  .editorial-doctor-copy > * { transition: none; }
}

/* 2026-08 compact pass — keep the editorial character without full-screen scale */
.editorial-doctors {
  padding: clamp(72px, 7vw, 108px) 0;
}
.editorial-doctor {
  width: min(calc(100% - (var(--page-pad) * 2)), 1080px);
  min-height: 0;
  height: clamp(460px, 38vw, 520px);
  margin: 0 auto 28px;
  border: 1px solid rgba(255, 255, 255, .13);
  border-radius: 26px;
}
.editorial-doctor:last-child { margin-bottom: 0; }
.editorial-doctor > img { width: 50%; }
.editorial-doctor-copy { padding-bottom: clamp(38px, 4.5vw, 64px); }
.editorial-doctor-copy h2 { font-size: clamp(48px, 5.2vw, 76px); }
.editorial-doctor-copy blockquote { max-width: 480px; margin-top: 24px; font-size: clamp(22px, 1.8vw, 29px); }

.result-stories { padding: clamp(82px, 8vw, 120px) 0 82px; }
.results-heading { margin-bottom: clamp(48px, 5vw, 72px); }
.results-heading h2,
.real-stories-heading h2,
.international-heading h2 { font-size: clamp(54px, 6vw, 88px); }
.result-case { min-height: 0; padding: 20px 0 46px; }
.result-case-inner { max-width: 1080px; }
.result-compare { height: clamp(380px, 36vw, 480px); min-height: 0; border-radius: 22px; }

.real-stories { padding-bottom: clamp(72px, 7vw, 108px); }
.real-stories-heading { padding-top: clamp(82px, 8vw, 120px); padding-bottom: clamp(48px, 5vw, 74px); }
.story-film {
  width: min(calc(100% - (var(--page-pad) * 2)), 1080px);
  min-height: 0;
  height: clamp(430px, 38vw, 520px);
  margin: 0 auto 28px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 26px;
}
.story-film:last-child { margin-bottom: 0; }
.story-film-copy { bottom: 38px; }
.story-film-copy h3 { font-size: clamp(34px, 3.5vw, 50px); }

/* FAQ contrast repair — the section is light, so every text layer is dark. */
.guide-faq.home-faq {
  padding: clamp(82px, 8vw, 120px) 0;
  color: var(--aksu-ink);
  background: var(--aksu-bg);
}
.home-faq .eyebrow { color: #6b6b6b; }
.home-faq .eyebrow span { background: #bbbbbb; }
.home-faq h2 { color: var(--aksu-ink); }
.home-faq h2 em { color: #939393; }
.faq-shell {
  border-color: rgba(19, 19, 19, .12);
  background: #fff;
  box-shadow: 0 24px 70px rgba(19, 19, 19, .1);
  backdrop-filter: none;
}
.faq-menu { border-right-color: rgba(19, 19, 19, .1); }
.faq-menu button { border-bottom-color: rgba(19, 19, 19, .08); }
.faq-menu button i { color: #939393; font-size: 14px; }
.faq-menu button b { color: #2e2e2e; font-size: 16px; }
.faq-menu button:hover { background: #f5f5f5; }
.faq-menu button:hover b,
.faq-menu button.is-active b { color: var(--aksu-ink); }
.faq-menu button.is-active { background: var(--aksu-ice); }
.faq-stage h3 { color: var(--aksu-ink); font-size: clamp(22px, 1.8vw, 28px); }
.faq-stage > p { color: #5b5b5b; font-size: 16px; line-height: 1.7; }
.faq-stage > p a { color: #6b6b6b; }
.faq-ghost { color: rgba(147, 147, 147, .13); }
.faq-stage-foto { border-color: rgba(19, 19, 19, .12); background: #f1f1f1; }
.faq-stage-foto img { height: 190px; }

/* Structural rhythm: the first interactive chapters no longer consume several
   full screens each. Motion stays, but the page advances at a calmer pace. */
.scan-smile { padding: 88px 0 100px; }
.scan-smile-intro { margin-bottom: 56px; }
.scan-smile-intro h2 { font-size: clamp(68px, 8vw, 112px); }
.scan-smile-sequence { gap: 42px; }
.scan-stage,
.scan-stage:nth-child(even) {
  width: min(100%, 1080px);
  height: clamp(400px, 34vw, 460px);
  min-height: 0;
  margin-inline: auto;
}
.scan-stage-copy { bottom: 42px; left: 48px; }
.scan-stage-copy h3 { font-size: clamp(46px, 4.5vw, 66px); }
.scan-stage-copy > span { font-size: clamp(100px, 12vw, 170px); }

.treatment-gallery-pin { min-height: 760px; padding-top: 96px; }
.treatment-gallery-layout { grid-template-columns: minmax(240px, .3fr) minmax(0, 1fr); gap: 46px; }
.treatment-gallery-heading h2 { font-size: clamp(50px, 4.4vw, 68px); }
.treatment-gallery-card { width: clamp(420px, 45vw, 620px); height: 500px; min-height: 0; }
.treatment-gallery-copy h3 { font-size: clamp(36px, 3.6vw, 54px); }

.smile-explorer { padding: 82px 0; }
.smile-explorer-heading { margin-bottom: 48px; }
.smile-explorer-heading h2 { font-size: clamp(54px, 6vw, 88px); }
.smile-explorer-photo { width: min(100%, 1080px); height: clamp(400px, 38vw, 500px); min-height: 0; margin-inline: auto; border-radius: 22px; }
.international-journey { padding: 88px 0; }
.journey-flow { margin-top: 64px; }

@media (min-width: 901px) {
  .editorial-doctors {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    padding-right: max(var(--page-pad), calc((100vw - 1080px) / 2));
    padding-left: max(var(--page-pad), calc((100vw - 1080px) / 2));
  }
  .editorial-doctor { width: 100%; height: 470px; margin: 0; }
  .editorial-doctor:first-child { grid-column: 1 / -1; height: 520px; }
  .editorial-doctor:not(:first-child) > img { width: 100%; opacity: .58; }
  .editorial-doctor:not(:first-child) .editorial-doctor-shade {
    background: linear-gradient(0deg, rgba(19, 19, 19, .98) 0%, rgba(19, 19, 19, .68) 43%, rgba(19, 19, 19, .08) 82%);
  }
  .editorial-doctor:not(:first-child) .editorial-doctor-copy { padding: 0 32px 32px; }
  .editorial-doctor:not(:first-child) .editorial-doctor-copy h2 { font-size: clamp(38px, 3.4vw, 50px); }
  .editorial-doctor:not(:first-child) .editorial-doctor-copy > p { margin-top: 14px; font-size: 14px; }
  .editorial-doctor:not(:first-child) .editorial-doctor-copy blockquote { margin-top: 16px; font-size: 22px; }

  .result-stories {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
    padding-inline: max(var(--page-pad), calc((100vw - var(--container)) / 2));
  }
  .results-heading,
  .results-note { grid-column: 1 / -1; width: 100%; }
  .result-case { display: block; width: 100%; padding: 0; }
  .result-case-inner { width: 100%; }
  .result-compare { height: 390px; border-radius: 18px; }
  .result-meta { flex-wrap: wrap; row-gap: 9px; margin-top: 18px; font-size: 14px; }
  .result-meta > * { padding-inline: 12px; }
  .results-note { margin-top: 20px; }

  .real-stories {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
    padding-right: max(var(--page-pad), calc((100vw - var(--container)) / 2));
    padding-left: max(var(--page-pad), calc((100vw - var(--container)) / 2));
  }
  .real-stories-heading { grid-column: 1 / -1; width: 100%; padding-right: 0; padding-left: 0; }
  .story-film { width: 100%; height: 440px; margin: 0; border-radius: 18px; }
  .story-film-copy { right: 24px; bottom: 26px; left: 24px; width: auto; }
  .story-film-copy h3 { max-width: 10ch; font-size: clamp(34px, 3vw, 44px); }
}

@media (max-width: 900px) {
  .editorial-doctor { width: min(calc(100% - 32px), 720px); height: 560px; }
  .editorial-doctor > img { width: 66%; }
  .result-compare { height: min(54svh, 460px); min-height: 360px; }
  .story-film { width: min(calc(100% - 32px), 720px); height: min(60svh, 500px); min-height: 420px; }
  .scan-stage,
  .scan-stage:nth-child(even) { height: 440px; }
  .treatment-gallery-pin { min-height: 0; }
  .treatment-gallery-card { height: 470px; min-height: 0; }
}

@media (max-width: 760px) {
  .editorial-doctors {
    display: flex;
    gap: 12px;
    overflow-x: auto;
    padding: 58px 12px;
    scroll-padding-inline: 12px;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }
  .editorial-doctors::-webkit-scrollbar { display: none; }
  .editorial-doctor { width: auto; height: 520px; margin: 0; flex: 0 0 86vw; border-radius: 20px; scroll-snap-align: center; }
  .editorial-doctor > img { width: 100%; height: 64%; }
  .editorial-doctor-copy { padding-bottom: 30px; }
  .editorial-doctor-copy h2 { font-size: clamp(42px, 12vw, 58px); }
  .editorial-doctor-copy > p { font-size: 15px; }
  .editorial-doctor-copy blockquote { margin-top: 18px; font-size: 23px; }
  .result-stories { padding-top: 72px; }
  .results-heading h2,
  .real-stories-heading h2,
  .international-heading h2 { font-size: clamp(48px, 13vw, 64px); }
  .result-case { padding: 20px 0 48px; }
  .result-compare { height: 46svh; min-height: 330px; max-height: 390px; border-radius: 16px; }
  .real-stories-heading { padding-top: 72px; padding-bottom: 42px; }
  .story-film { width: calc(100% - 24px); height: 440px; min-height: 0; margin-bottom: 16px; border-radius: 20px; }
  .story-film-copy { bottom: 28px; }
  .story-film-copy h3 { max-width: 9ch; font-size: 36px; }
  .guide-faq.home-faq { padding: 72px 0; }
  .home-faq-top h2 { margin-top: 20px; }
  .faq-shell { border-radius: 18px; }
  .faq-menu { border-bottom-color: rgba(19, 19, 19, .1); }
  .faq-menu button { padding: 18px 16px; }
  .faq-menu button b { font-size: 16px; }
  .faq-stage { padding: 24px 18px 24px; }
  .faq-stage-foto img { height: 170px; }
  .scan-smile { padding: 72px 0 82px; }
  .scan-smile-intro { margin-bottom: 40px; }
  .scan-smile-intro h2 { font-size: clamp(50px, 14vw, 66px); }
  .scan-smile-sequence { gap: 26px; }
  .scan-stage,
  .scan-stage:nth-child(even) { width: 100%; height: 390px; min-height: 0; }
  .scan-stage-copy { right: 22px; bottom: 28px; left: 22px; }
  .scan-stage-copy h3 { font-size: 44px; }
  .treatment-gallery { padding: 68px 0; }
  .treatment-gallery-heading h2 { font-size: clamp(44px, 13vw, 56px); }
  .treatment-gallery-card { width: 82vw; height: 430px; min-height: 0; }
  .smile-explorer { padding: 72px 0; }
  .smile-explorer-heading h2 { font-size: clamp(46px, 13vw, 58px); }
  .smile-explorer-photo { height: 380px; min-height: 0; }
}

/* ── Gülüş haritası düzeltmeleri (2026-08-25) ───────────────
   · bölge yerleri artık görünür noktalarla işaretli
   · odak dairesi küçültüldü
   · etiket dairenin altına alındı, fotoğraf dışına taşamaz
   · bölüm başlığı ve ölçüler sakinleştirildi                  */
.smile-zone-dot {
  position: absolute;
  z-index: 2;
  width: 14px;
  height: 14px;
  border: 2px solid #fff;
  border-radius: 50%;
  background: rgba(124, 124, 124, 0.85);
  box-shadow: 0 0 0 0 rgba(124, 124, 124, 0.45), 0 4px 12px rgba(44, 44, 44, 0.35);
  transform: translate(-50%, -50%);
  pointer-events: none;
  animation: smile-pulse 2.6s infinite;
}
.smile-explorer-photo.is-exploring .smile-zone-dot { opacity: 0.45; animation: none; }
.smile-explorer-photo { overflow: hidden; }
.smile-explorer-focus {
  width: clamp(130px, 14vw, 200px) !important;
  box-shadow: 0 0 46px rgba(159, 159, 159, 0.16), inset 0 0 36px rgba(241, 241, 241, 0.18) !important;
}
.smile-explorer-label {
  top: calc(var(--focus-y) + clamp(58px, 6vw, 84px)) !important;
}
.smile-explorer-heading h2 { font-size: clamp(38px, 4.4vw, 62px) !important; }
.smile-explorer-heading { margin-bottom: 34px !important; }
.smile-explorer { padding: 64px 0 !important; }
.smile-explorer-photo { height: clamp(340px, 30vw, 430px) !important; }
@media (max-width: 760px) {
  .smile-explorer-photo { height: 340px !important; }
  .smile-explorer-heading h2 { font-size: clamp(34px, 10vw, 46px) !important; }
}

/* ── Revize (2026-08-25): önce/sonra ve ekip bölümleri sıkılaştı ── */
/* Her vaka tam ekran kaplıyordu; artık kompakt kartlar */
.result-case { min-height: 0 !important; padding: 26px 0 44px !important; }
.result-compare { height: clamp(320px, 44svh, 470px) !important; min-height: 320px !important; }
.results-heading h2 { font-size: clamp(38px, 4.4vw, 62px) !important; }
.result-stories { padding-bottom: 30px !important; }

/* Hekim kartları: tam ekrandan kompakt karta */
.editorial-doctor { min-height: clamp(340px, 50svh, 470px) !important; }
.editorial-doctor-copy { padding-bottom: clamp(30px, 4vh, 52px) !important; }
.editorial-doctor-copy h2 { font-size: clamp(34px, 3.6vw, 56px) !important; }

@media (max-width: 760px) {
  .result-compare { height: 300px !important; min-height: 0 !important; }
  .editorial-doctor { min-height: 300px !important; }
}

/* Revize: özel imleç okunurluğu bozuyordu — buzlu disk yerine
   küçük ince halka; metin üzerinde artık leke bırakmaz */
.aksu-cursor {
  width: 16px !important;
  height: 16px !important;
  border: 1.5px solid rgba(124, 124, 124, 0.9) !important;
  background: transparent !important;
  backdrop-filter: none !important;
}
.aksu-cursor.is-link:not(.is-context) {
  width: 34px !important;
  height: 34px !important;
  background: rgba(124, 124, 124, 0.08) !important;
  border-color: rgba(124, 124, 124, 0.75) !important;
}
.aksu-cursor.is-context {
  width: 56px !important;
  height: 56px !important;
  background: rgba(19, 19, 19, 0.78) !important;
  backdrop-filter: none !important;
}

/* Revize: tedavi menüsündeki ok mavi kare olarak görünüyordu —
   üst kuraldan gelen arka plan temizlendi, yalnız ok görünür */
.nav-mega-col a::after {
  position: static !important;
  width: auto !important;
  height: auto !important;
  background: none !important;
  color: var(--accent-deep) !important;
  content: "→" !important;
  font-size: 14px !important;
  opacity: 0;
  transform: translateX(-6px) !important;
  transition: opacity 200ms ease, transform 240ms ease !important;
}
.nav-mega-col a:hover::after,
.nav-mega-col a:focus-visible::after {
  opacity: 1;
  transform: translateX(0) !important;
}

/* ── Real smiles intro ───────────────────────────────────────
   Pinterest referansındaki büyük tipografi + tek portre sistemi.
   Önceki dört sahnelik uzun teknoloji alanının kompakt karşılığı. */
.real-smiles-intro {
  position: relative;
  overflow: hidden;
  padding: 52px 0 64px;
  border-bottom: 1px solid rgba(19, 19, 19, 0.09);
  background:
    radial-gradient(circle at 52% 48%, rgba(231, 231, 231, 0.7), transparent 33%),
    #f8f8f8;
}
.real-smiles-canvas {
  position: relative;
  min-height: 650px;
  isolation: isolate;
}
.real-smiles-kicker {
  position: absolute;
  z-index: 5;
  top: 6px;
  left: 0;
  margin: 0;
  color: #515151;
  font: 600 14px/1.2 var(--font-sans);
  letter-spacing: 0.15em;
  text-transform: uppercase;
}
.real-smiles-wordmark {
  position: absolute;
  z-index: 0;
  inset: 74px 0 auto;
  margin: 0;
  color: #141414;
  font-family: var(--font-sans);
  font-size: clamp(104px, 14.8vw, 220px);
  font-weight: 500;
  line-height: 0.73;
  letter-spacing: -0.075em;
  text-transform: uppercase;
  pointer-events: none;
}
.real-smiles-wordmark span { display: block; }
.real-smiles-wordmark span:last-child { text-align: right; color: #989898; }
.real-smiles-orbit {
  position: absolute;
  z-index: 1;
  top: 122px;
  left: 50%;
  width: 420px;
  height: 440px;
  border-radius: 48% 52% 61% 39% / 43% 38% 62% 57%;
  background: linear-gradient(145deg, rgba(239, 239, 239, 0.98), rgba(205, 205, 205, 0.72));
  filter: blur(0.2px);
  transform: translateX(-50%) rotate(-8deg);
  animation: smile-orbit 11s ease-in-out infinite alternate;
}
.real-smiles-orbit::after {
  position: absolute;
  inset: 10% -18% -4% 12%;
  border: 1px solid rgba(152, 152, 152, 0.38);
  border-radius: 50%;
  content: "";
  transform: rotate(14deg);
}
.real-smiles-portrait {
  position: absolute;
  z-index: 3;
  top: 68px;
  left: 50%;
  width: 342px;
  margin: 0;
  transform: translateX(-50%);
}
.real-smiles-images {
  position: relative;
  height: 486px;
  overflow: hidden;
  border: 8px solid rgba(255, 255, 255, 0.88);
  border-radius: 170px 170px 28px 28px;
  background: #e3e3e3;
  box-shadow: 0 30px 75px rgba(59, 59, 59, 0.18);
}
.real-smiles-images::after {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 68%, rgba(14, 14, 14, 0.14));
  content: "";
  pointer-events: none;
}
.real-smiles-images img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  opacity: 0;
  transform: scale(1.035) translateY(8px);
  transition: opacity 520ms ease, transform 760ms cubic-bezier(0.2, 0.75, 0.2, 1);
}
.real-smiles-images img.is-active { opacity: 1; transform: scale(1) translateY(0); }
.real-smiles-label {
  display: grid;
  position: relative;
  z-index: 4;
  width: max-content;
  min-width: 210px;
  margin: -25px auto 0;
  padding: 12px 22px 13px;
  border: 1px solid rgba(19, 19, 19, 0.12);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 12px 30px rgba(59, 59, 59, 0.12);
  text-align: center;
  backdrop-filter: blur(14px);
}
.real-smiles-label span {
  color: #131313;
  font: 600 15px/1.15 var(--font-sans);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.real-smiles-label small {
  margin-top: 3px;
  color: #6f6f6f;
  font: 500 14px/1.2 var(--font-sans);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.real-smiles-note {
  position: absolute;
  z-index: 5;
  right: 0;
  bottom: 38px;
  max-width: 250px;
  margin: 0;
  color: #404040;
  font: 500 16px/1.55 var(--font-sans);
}
.real-smiles-controls {
  display: flex;
  position: absolute;
  z-index: 5;
  bottom: 34px;
  left: 0;
  align-items: center;
  gap: 9px;
}
.real-smiles-controls > span {
  min-width: 72px;
  margin-right: 8px;
  color: #6f6f6f;
  font: 500 14px/1 var(--font-sans);
}
.real-smiles-controls b { color: #131313; font-weight: 600; }
.real-smiles-controls button {
  display: grid;
  width: 46px;
  height: 46px;
  padding: 0;
  border: 1px solid rgba(19, 19, 19, 0.18);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.72);
  color: #131313;
  font-size: 20px;
  cursor: pointer;
  place-items: center;
  transition: color 180ms ease, background 180ms ease, transform 180ms ease;
}
.real-smiles-controls button:hover,
.real-smiles-controls button:focus-visible {
  background: #131313;
  color: #fff;
  transform: translateY(-2px);
}
@keyframes smile-orbit {
  to { border-radius: 57% 43% 42% 58% / 36% 56% 44% 64%; transform: translateX(-50%) rotate(5deg) scale(1.035); }
}

@media (max-width: 900px) {
  .real-smiles-intro { padding: 42px 0 54px; }
  .real-smiles-canvas { min-height: 610px; }
  .real-smiles-wordmark { top: 92px; font-size: clamp(78px, 16vw, 132px); line-height: 0.78; }
  .real-smiles-portrait { top: 90px; width: 310px; }
  .real-smiles-images { height: 440px; }
  .real-smiles-orbit { top: 142px; width: 370px; height: 390px; }
  .real-smiles-note { max-width: 205px; font-size: 15px; }
}
@media (max-width: 620px) {
  .real-smiles-intro { padding: 34px 0 40px; }
  .real-smiles-canvas { min-height: 600px; }
  .real-smiles-kicker { position: relative; top: auto; font-size: 14px; }
  .real-smiles-wordmark { inset: 82px -2px auto; font-size: clamp(62px, 19.5vw, 88px); line-height: 0.82; }
  .real-smiles-portrait { top: 105px; width: min(72vw, 280px); }
  .real-smiles-images { height: min(101vw, 390px); border-width: 6px; border-radius: 140px 140px 24px 24px; }
  .real-smiles-orbit { top: 150px; width: 82vw; height: 350px; }
  .real-smiles-label { min-width: 190px; padding: 11px 18px 12px; }
  .real-smiles-note { display: none; }
  .real-smiles-controls { right: 0; bottom: 0; left: 0; justify-content: center; }
  .real-smiles-controls > span { min-width: 58px; }
  .real-smiles-controls button { width: 44px; height: 44px; }
}
@media (prefers-reduced-motion: reduce) {
  .real-smiles-orbit { animation: none; }
  .real-smiles-images img { transition: none; }
}

/* ── Real smiles / scroll storyboard ─────────────────────────
   Pinterest videosundaki kart destesi → tipografik final akışı. */
.real-smiles-intro.real-smiles-scroll {
  height: 760svh;
  min-height: 5600px;
  padding: 0;
  overflow: clip;
  border: 0;
  background: #f8f8f8;
}
.real-smiles-scroll .real-smiles-canvas {
  position: sticky;
  top: 0;
  width: 100%;
  max-width: none;
  height: 100svh;
  min-height: 620px;
  overflow: hidden;
  padding: 0 max(var(--page-pad), calc((100vw - var(--container)) / 2));
  background:
    radial-gradient(circle at 50% 51%, rgba(235, 235, 235, 0.78), transparent 25%),
    #f8f8f8;
  isolation: isolate;
}
.real-smiles-scroll .real-smiles-kicker {
  position: absolute;
  z-index: 10;
  top: calc(var(--header-height) + 24px);
  left: max(var(--page-pad), calc((100vw - var(--container)) / 2));
  color: #606060;
  font-size: 14px;
}
.real-smiles-scene {
  position: absolute;
  z-index: 2;
  inset: 0;
  opacity: 1;
  transform: translateY(0);
  transition: opacity 100ms linear;
  pointer-events: none;
}
.real-smiles-scroll .real-smiles-wordmark {
  display: flex;
  position: absolute;
  z-index: 1;
  inset: 50% max(var(--page-pad), calc((100vw - var(--container)) / 2)) auto;
  align-items: center;
  justify-content: space-between;
  margin: 0;
  color: #151515;
  font-family: var(--font-sans);
  font-size: clamp(72px, 8vw, 124px);
  font-weight: 400;
  line-height: 0.92;
  letter-spacing: -0.07em;
  text-transform: uppercase;
  transform: translateY(-50%);
  white-space: nowrap;
}
.real-smiles-scroll .real-smiles-wordmark span,
.real-smiles-scroll .real-smiles-wordmark span:last-child {
  display: inline;
  color: inherit;
  text-align: left;
}
.real-smiles-stack {
  position: absolute;
  z-index: 4;
  top: 50%;
  left: 50%;
  width: clamp(270px, 23vw, 350px);
  height: clamp(330px, 29vw, 440px);
  transform: translate(-50%, -50%);
  perspective: 1200px;
}
.real-smiles-card {
  --card-x: 0px;
  --card-y: 0px;
  --card-r: 0deg;
  --card-s: 1;
  --card-o: 1;
  position: absolute;
  inset: 0;
  margin: 0;
  overflow: hidden;
  border: 6px solid rgba(255, 255, 255, 0.94);
  border-radius: 26px;
  background: #e3e3e3;
  box-shadow: 0 26px 70px rgba(53, 53, 53, 0.2);
  opacity: var(--card-o);
  transform: translate3d(var(--card-x), var(--card-y), 0) rotate(var(--card-r)) scale(var(--card-s));
  transform-origin: 50% 82%;
  will-change: transform, opacity;
}
.real-smiles-card::before {
  position: absolute;
  z-index: 2;
  inset: 0;
  background: linear-gradient(180deg, transparent 65%, rgba(16, 16, 16, 0.36));
  content: "";
  pointer-events: none;
}
.real-smiles-card:nth-child(1) { z-index: 3; }
.real-smiles-card:nth-child(2) { z-index: 2; --card-x: 18px; --card-y: -13px; --card-r: 7deg; --card-s: .965; }
.real-smiles-card:nth-child(3) { z-index: 1; --card-x: -18px; --card-y: -18px; --card-r: -7deg; --card-s: .94; }
.real-smiles-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.real-smiles-card figcaption {
  display: flex;
  position: absolute;
  z-index: 3;
  bottom: 16px;
  left: 50%;
  align-items: center;
  gap: 9px;
  width: max-content;
  max-width: calc(100% - 24px);
  padding: 8px 13px;
  border: 1px solid rgba(19, 19, 19, 0.12);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.91);
  color: #131313;
  font-family: var(--font-sans);
  transform: translateX(-50%);
  backdrop-filter: blur(10px);
}
.real-smiles-card figcaption b {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.real-smiles-card figcaption span {
  padding-left: 9px;
  border-left: 1px solid rgba(19, 19, 19, 0.15);
  color: #696969;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
}
.real-smiles-finale {
  display: grid;
  position: absolute;
  z-index: 6;
  inset: 0;
  align-content: center;
  justify-items: center;
  padding: 0 var(--page-pad);
  opacity: 0;
  text-align: center;
  transform: translateY(54px) scale(0.97);
  pointer-events: none;
  will-change: transform, opacity;
}
.real-smiles-finale > p {
  margin: 0 0 28px;
  color: #797979;
  font: 600 14px/1.2 var(--font-sans);
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.real-smiles-finale h3 {
  margin: 0;
  color: #141414;
  font-family: var(--font-sans);
  font-size: clamp(68px, 8.4vw, 132px);
  font-weight: 400;
  line-height: 0.88;
  letter-spacing: -0.075em;
  text-transform: uppercase;
}
.real-smiles-finale h3 > span { display: block; }
.real-smiles-finale h3 i {
  display: inline-block;
  width: 0.88em;
  height: 0.58em;
  overflow: hidden;
  border-radius: 0.29em;
  vertical-align: 0.03em;
  transform: rotate(-5deg);
}
.real-smiles-finale h3 i img {
  position: relative;
  left: 50%;
  display: block;
  width: 180%;
  height: auto;
  max-width: none;
  transform: translate(-50%, -52%);
}
.real-smiles-finale > a {
  display: inline-flex;
  align-items: center;
  gap: 18px;
  margin-top: 38px;
  padding: 14px 20px;
  border: 1px solid rgba(19, 19, 19, 0.17);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.64);
  color: #131313;
  font: 600 14px/1 var(--font-sans);
  text-transform: uppercase;
  pointer-events: auto;
}
.real-smiles-scroll-cue {
  display: flex;
  position: absolute;
  z-index: 10;
  bottom: 28px;
  left: 50%;
  align-items: center;
  gap: 12px;
  color: #6d6d6d;
  font: 600 14px/1 var(--font-sans);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  transform: translateX(-50%);
}
.real-smiles-scroll-cue i {
  display: grid;
  width: 42px;
  height: 42px;
  border: 1px solid rgba(19, 19, 19, 0.18);
  border-radius: 50%;
  color: #131313;
  font-size: 17px;
  font-style: normal;
  place-items: center;
}
.real-smiles-progress {
  position: absolute;
  z-index: 10;
  right: max(var(--page-pad), calc((100vw - var(--container)) / 2));
  bottom: 34px;
  width: 86px;
  height: 2px;
  overflow: hidden;
  background: rgba(19, 19, 19, 0.12);
}
.real-smiles-progress i {
  display: block;
  width: 100%;
  height: 100%;
  background: #989898;
  transform: scaleX(0);
  transform-origin: left;
}

@media (max-width: 760px) {
  .real-smiles-intro.real-smiles-scroll { height: 680svh; min-height: 4800px; }
  .real-smiles-scroll .real-smiles-canvas { min-height: 560px; padding-inline: 12px; }
  .real-smiles-scroll .real-smiles-kicker { top: calc(var(--header-height) + 18px); left: 14px; font-size: 14px; }
  .real-smiles-scroll .real-smiles-wordmark {
    display: block;
    inset: 48% 12px auto;
    height: 1em;
    font-size: clamp(40px, 11.5vw, 52px);
    line-height: 0.9;
    white-space: nowrap;
  }
  .real-smiles-scroll .real-smiles-wordmark span { position: absolute; top: 0; display: block; }
  .real-smiles-scroll .real-smiles-wordmark span:first-child { left: 0; }
  .real-smiles-scroll .real-smiles-wordmark span:last-child { right: 0; text-align: right; }
  .real-smiles-stack { top: 49%; width: min(58vw, 250px); height: min(72vw, 310px); }
  .real-smiles-card { border-width: 5px; border-radius: 22px; }
  .real-smiles-card figcaption { bottom: 12px; gap: 7px; padding: 7px 10px; }
  .real-smiles-card figcaption b { font-size: 14px; }
  .real-smiles-card figcaption span { font-size: 14px; }
  .real-smiles-finale h3 { font-size: clamp(50px, 15vw, 68px); line-height: 0.9; }
  .real-smiles-finale > p { margin-bottom: 22px; font-size: 14px; }
  .real-smiles-finale > a { margin-top: 28px; font-size: 14px; }
  .real-smiles-scroll-cue { bottom: 18px; }
  .real-smiles-scroll-cue span { display: none; }
  .real-smiles-progress { right: 14px; bottom: 37px; width: 58px; }
}

@media (prefers-reduced-motion: reduce) {
  .real-smiles-intro.real-smiles-scroll { height: auto; min-height: 0; }
  .real-smiles-scroll .real-smiles-canvas { position: relative; height: 720px; }
  .real-smiles-card:nth-child(n+2) { display: none; }
  .real-smiles-scroll-cue,
  .real-smiles-progress { display: none; }
}

/* Pinned tedavi galerisi kendi tam zeminini taşır. Böylece GSAP'in
   fixed katmanı önceki hero / hasta sahnesini hiçbir anda göstermez. */
@media (min-width: 901px) {
  .treatment-gallery {
    z-index: 4;
    background: #232323;
    isolation: isolate;
  }
  .treatment-gallery-pin {
    position: sticky;
    z-index: 1;
    top: 0;
    height: 100svh;
    min-height: 100svh;
    background: #232323;
  }
}

/* ── Full-width treatment carousel ───────────────────────────
   Referanstaki sakin, yukarı-aşağı ritimli kart şeridinin Aksu yorumu. */
.treatment-gallery--carousel {
  display: flex;
  min-height: 100svh;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  padding: clamp(118px, 14vh, 150px) 0 48px;
  background:
    radial-gradient(circle at 50% 32%, rgba(134, 134, 134, .13), transparent 31%),
    #232323;
}

.treatment-carousel-intro {
  width: min(760px, calc(100% - 48px));
  margin: 0 auto clamp(38px, 5vh, 58px);
  text-align: center;
}

.treatment-gallery--carousel .treatment-gallery-kicker {
  margin-bottom: 17px;
  font-size: 14px;
}

.treatment-carousel-intro h2 {
  margin: 0;
  color: #f8f8f8;
  font-size: clamp(48px, 5.2vw, 76px);
  font-weight: 500;
  line-height: .91;
  letter-spacing: -.06em;
}

.treatment-carousel-intro h2 span { color: #b7b7b7; }

.treatment-carousel-intro > p:last-child {
  margin: 24px auto 0;
  color: rgba(240, 240, 240, .72);
  font-size: 17px;
  line-height: 1.5;
}

.treatment-gallery--carousel .treatment-gallery-viewport {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 10px 5vw 30px;
  cursor: grab;
  scroll-behavior: smooth;
  scroll-padding-inline: 5vw;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  touch-action: pan-x pan-y;
}

.treatment-gallery--carousel .treatment-gallery-viewport::-webkit-scrollbar { display: none; }
.treatment-gallery--carousel .treatment-gallery-viewport.is-dragging { cursor: grabbing; scroll-behavior: auto; scroll-snap-type: none; }

.treatment-gallery--carousel .treatment-gallery-track {
  display: flex;
  align-items: flex-start;
  gap: clamp(28px, 5vw, 76px);
  width: max-content;
  transform: none !important;
}

.treatment-gallery--carousel .treatment-gallery-card {
  display: flex;
  width: clamp(350px, 31vw, 470px);
  height: 510px;
  min-height: 0;
  flex-direction: column;
  flex-shrink: 0;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  scroll-snap-align: center;
}

.treatment-gallery--carousel .treatment-gallery-card.is-even {
  flex-direction: column-reverse;
  transform: translateY(54px);
}

.treatment-gallery--carousel .treatment-gallery-card::after { display: none; }

.treatment-gallery--carousel .treatment-gallery-card figure {
  position: relative;
  height: 320px;
  flex: 0 0 320px;
  margin: 0;
  overflow: hidden;
  border: 1px solid rgba(225, 225, 225, .18);
  border-radius: 24px;
  background: #343434;
  isolation: isolate;
}

.treatment-gallery--carousel .treatment-gallery-card figure::after {
  position: absolute;
  z-index: 1;
  inset: -20%;
  background: radial-gradient(circle at var(--light-x) var(--light-y), rgba(231, 231, 231, .28), transparent 42%);
  content: "";
  opacity: .25;
  transition: opacity .55s ease;
  pointer-events: none;
}

.treatment-gallery--carousel .treatment-gallery-card:hover figure::after,
.treatment-gallery--carousel .treatment-gallery-card:focus-visible figure::after { opacity: .85; }

.treatment-gallery--carousel .treatment-gallery-card figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(.76) contrast(1.04);
}

.treatment-gallery--carousel .treatment-gallery-card:nth-child(2) figure img { object-position: center 57%; }

.treatment-gallery--carousel .treatment-gallery-copy {
  position: relative;
  inset: auto;
  display: grid;
  min-height: 176px;
  grid-template-columns: 36px minmax(0, 1fr) 48px;
  align-content: center;
  align-items: center;
  gap: 8px 15px;
  padding: 25px 8px;
}

.treatment-gallery--carousel .treatment-gallery-copy > span {
  grid-row: 1 / 3;
  align-self: start;
  padding-top: 7px;
  border-top: 1px solid rgba(218, 218, 218, .46);
  color: #c0c0c0;
  font-size: 14px;
}

.treatment-gallery--carousel .treatment-gallery-copy h3 {
  overflow-wrap: anywhere;
  font-size: clamp(32px, 3vw, 44px);
  line-height: .96;
}

.treatment-gallery--carousel .treatment-gallery-copy p {
  grid-column: 2;
  margin-top: 3px;
  color: rgba(243, 243, 243, .67);
  font-size: 15px;
}

.treatment-gallery--carousel .treatment-gallery-copy i {
  grid-column: 3;
  grid-row: 1 / 3;
  width: 46px;
  height: 46px;
  font-size: 18px;
}

.treatment-carousel-footer {
  display: grid;
  width: calc(100% - 10vw);
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 24px;
  margin: 22px auto 0;
}

.treatment-gallery--carousel .treatment-gallery-status {
  width: min(250px, 100%);
  margin: 0;
}

.treatment-carousel-actions { display: flex; gap: 10px; }

.treatment-carousel-actions button {
  display: grid;
  width: 48px;
  height: 48px;
  border: 1px solid rgba(235, 235, 235, .34);
  border-radius: 50%;
  color: #fafafa;
  background: rgba(255, 255, 255, .035);
  font-size: 19px;
  cursor: pointer;
  place-items: center;
  transition: color .25s ease, border-color .25s ease, background .25s ease;
}

.treatment-carousel-actions button:hover,
.treatment-carousel-actions button:focus-visible {
  border-color: #e4e4e4;
  color: #232323;
  background: #e4e4e4;
}

.treatment-carousel-footer > a {
  justify-self: end;
  padding-bottom: 7px;
  border-bottom: 1px solid rgba(239, 239, 239, .4);
  color: #fafafa;
  font-size: 15px;
  font-weight: 500;
}

.treatment-carousel-footer > a span { margin-left: 14px; color: #bcbcbc; }

@media (max-width: 900px) {
  .treatment-gallery--carousel { min-height: 0; padding: 102px 0 58px; }
  .treatment-carousel-intro { width: min(620px, calc(100% - 32px)); margin-bottom: 38px; }
  .treatment-carousel-intro h2 { font-size: clamp(46px, 12vw, 68px); }
  .treatment-carousel-intro > p:last-child { margin-top: 20px; font-size: 16px; }
  .treatment-gallery--carousel .treatment-gallery-viewport { padding: 4px 16px 24px; scroll-padding-inline: 16px; }
  .treatment-gallery--carousel .treatment-gallery-track { gap: 18px; }
  .treatment-gallery--carousel .treatment-gallery-card,
  .treatment-gallery--carousel .treatment-gallery-card.is-even {
    width: min(82vw, 430px);
    height: 490px;
    flex-direction: column;
    transform: none;
  }
  .treatment-gallery--carousel .treatment-gallery-card figure { height: 300px; flex-basis: 300px; border-radius: 20px; }
  .treatment-gallery--carousel .treatment-gallery-copy { min-height: 170px; padding: 22px 4px; }
  .treatment-gallery--carousel .treatment-gallery-copy h3 { font-size: clamp(34px, 10vw, 44px); }
  .treatment-carousel-footer { width: calc(100% - 32px); grid-template-columns: 1fr auto; margin-top: 18px; }
  .treatment-carousel-actions { justify-self: end; }
  .treatment-carousel-footer > a { grid-column: 1 / -1; justify-self: start; margin-top: 14px; }
}

@media (max-width: 520px) {
  .treatment-gallery--carousel { padding-top: 96px; }
  .treatment-carousel-intro { width: calc(100% - 24px); }
  .treatment-carousel-intro h2 { font-size: clamp(43px, 12.7vw, 58px); }
  .treatment-gallery--carousel .treatment-gallery-viewport { padding-inline: 12px; scroll-padding-inline: 12px; }
  .treatment-gallery--carousel .treatment-gallery-card { width: 86vw; height: 460px; }
  .treatment-gallery--carousel .treatment-gallery-card figure { height: 280px; flex-basis: 280px; }
  .treatment-gallery--carousel .treatment-gallery-copy { grid-template-columns: 32px minmax(0, 1fr) 42px; gap: 7px 11px; }
  .treatment-gallery--carousel .treatment-gallery-copy h3 { font-size: 34px; }
  .treatment-gallery--carousel .treatment-gallery-copy p { font-size: 14px; }
  .treatment-gallery--carousel .treatment-gallery-copy i { width: 42px; height: 42px; }
  .treatment-carousel-footer { width: calc(100% - 24px); }
}

/* Reference-accurate treatment slider: Total Dental Care section geometry. */
.treatment-gallery--carousel {
  position: relative;
  display: block;
  width: 100%;
  height: calc(1007px + var(--header-height));
  min-height: calc(1007px + var(--header-height));
  overflow: hidden;
  padding: 0;
  color: #f7f7f7;
  background: #1d1d1d;
  font-family: var(--font-body);
}

.treatment-gallery--carousel .treatment-carousel-intro {
  width: min(900px, calc(100% - 40px));
  margin: 0 auto;
  padding-top: calc(56px + var(--header-height));
  text-align: center;
}

.treatment-gallery--carousel .treatment-carousel-intro h2 {
  margin: 0 0 20px;
  color: #f7f7f7;
  font-family: var(--font-heading) !important;
  font-size: 54px;
  font-weight: 400;
  line-height: 1.04;
  letter-spacing: -.055em;
}

.treatment-gallery--carousel .treatment-carousel-intro > p:last-child {
  margin: 0;
  color: rgba(255, 255, 255, .94);
  font-size: 18px;
  line-height: 1.5;
}

.treatment-gallery--carousel .treatment-gallery-viewport {
  position: absolute;
  top: calc(327px + var(--header-height));
  left: 0;
  width: 100%;
  height: 680px;
  overflow: hidden;
  padding: 0;
  cursor: grab;
  touch-action: pan-y;
  overscroll-behavior-inline: contain;
  user-select: none;
  -webkit-user-select: none;
}

.treatment-gallery--carousel .treatment-gallery-viewport.is-dragging { cursor: grabbing; }

.treatment-gallery--carousel .treatment-gallery-track {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: flex-start;
  gap: 0;
  width: max-content;
  padding: 0 0 100px;
  will-change: transform;
}

.treatment-gallery--carousel .treatment-gallery-card {
  display: flex;
  width: 620px;
  height: auto;
  min-height: 0;
  flex: 0 0 620px;
  flex-direction: column;
  gap: 16px;
  margin: 0 120px 0 0;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #f7f7f7;
  opacity: .32;
  transform: translateY(0);
  transition: opacity .55s ease, transform .7s cubic-bezier(.22,.7,.2,1);
  user-select: none;
  -webkit-user-select: none;
}

.treatment-gallery--carousel .treatment-gallery-card.is-even {
  flex-direction: column-reverse;
  transform: translateY(50px);
}

.treatment-gallery--carousel .treatment-gallery-card.is-active {
  opacity: 1;
  transform: translateY(0);
}

.treatment-gallery--carousel .treatment-gallery-card figure {
  position: relative;
  width: 620px;
  height: 430px;
  flex: 0 0 430px;
  margin: 0;
  overflow: hidden;
  border: 0;
  border-radius: 30px;
  background: #292929;
}

.treatment-gallery--carousel .treatment-gallery-card figure::after { display: none; }

.treatment-gallery--carousel .treatment-gallery-card figure img,
.treatment-gallery--carousel .treatment-gallery-card:nth-child(2) figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  filter: none;
  pointer-events: none;
  -webkit-user-drag: none;
}

.treatment-gallery--carousel .treatment-gallery-copy {
  position: static;
  display: block;
  width: 92%;
  min-height: 0;
  margin: 32px auto 0;
  padding: 0;
  text-align: center;
}

.treatment-gallery--carousel .treatment-gallery-copy h3 {
  margin: 0;
  color: #f7f7f7;
  font-family: var(--font-heading) !important;
  font-size: 36px;
  font-weight: 400;
  line-height: 1.08;
  letter-spacing: -.045em;
}

.treatment-gallery--carousel .treatment-gallery-copy p {
  display: block;
  margin: 12px 0 0;
  color: rgba(255, 255, 255, .9);
  font-family: var(--font-body);
  font-size: 17px;
  line-height: 1.5;
}

.treatment-gallery--carousel .treatment-carousel-actions {
  position: absolute;
  z-index: 8;
  top: calc(632px + var(--header-height));
  right: 0;
  left: 0;
  display: flex;
  justify-content: space-between;
  padding: 0 calc(50% - 576px);
  pointer-events: none;
}

.treatment-gallery--carousel .treatment-carousel-actions button {
  display: grid;
  width: 50px;
  height: 50px;
  border: 1px solid rgba(255, 255, 255, .9);
  border-radius: 50%;
  color: #fff;
  background: rgba(29, 29, 29, .22);
  font-size: 24px;
  cursor: pointer;
  place-items: center;
  pointer-events: auto;
  backdrop-filter: blur(5px);
}

.treatment-gallery--carousel .treatment-carousel-actions button:hover,
.treatment-gallery--carousel .treatment-carousel-actions button:focus-visible {
  border-color: #fff;
  color: #1d1d1d;
  background: #fff;
}

@media (max-width: 900px) {
  .treatment-gallery--carousel {
    height: calc(966px + var(--header-height));
    min-height: calc(966px + var(--header-height));
    padding: 0;
  }

  .treatment-gallery--carousel .treatment-carousel-intro {
    width: calc(100% - 39px);
    padding-top: calc(48px + var(--header-height));
  }

  .treatment-gallery--carousel .treatment-carousel-intro h2 {
    margin-bottom: 17px;
    font-size: 36px;
    line-height: 1.08;
  }

  .treatment-gallery--carousel .treatment-carousel-intro > p:last-child {
    font-size: 18px;
    line-height: 1.32;
  }

  .treatment-gallery--carousel .treatment-gallery-viewport {
    top: calc(306px + var(--header-height));
    height: 660px;
    padding: 0;
  }

  .treatment-gallery--carousel .treatment-gallery-card,
  .treatment-gallery--carousel .treatment-gallery-card.is-even {
    width: calc(100vw - 40px);
    height: auto;
    flex: 0 0 calc(100vw - 40px);
    flex-direction: column;
    gap: 16px;
    margin-right: 30px;
    opacity: .24;
    transform: none;
  }

  .treatment-gallery--carousel .treatment-gallery-card.is-active { opacity: 1; }

  .treatment-gallery--carousel .treatment-gallery-card figure {
    width: 100%;
    height: 400px;
    flex-basis: 400px;
    border-radius: 30px;
  }

  .treatment-gallery--carousel .treatment-gallery-copy {
    width: 100%;
    margin-top: 32px;
  }

  .treatment-gallery--carousel .treatment-gallery-copy h3 { font-size: 30px; }
  .treatment-gallery--carousel .treatment-gallery-copy p { margin-top: 14px; font-size: 16px; }

  .treatment-gallery--carousel .treatment-carousel-actions {
    top: calc(603px + var(--header-height));
    padding: 0 40px;
  }
}

/* ========================================================================== */
/* Global typography — exactly two type families across every site page       */
/* ========================================================================== */

body,
body * {
  font-family: var(--font-body) !important;
}

body :is(h1, h2, h3, h4, h5, h6, .editorial-serif, .real-smiles-wordmark, .precision-background-type, .hero-trust-item strong),
body :is(h1, h2, h3, h4, h5, h6, .editorial-serif, .real-smiles-wordmark, .precision-background-type, .hero-trust-item strong) * {
  font-family: var(--font-heading) !important;
}

button,
input,
textarea,
select,
option {
  font-family: var(--font-body) !important;
}

/* Native cursor inside top-layer document viewer; the custom cursor stays below dialogs. */
@media (pointer: fine) {
  body.has-aksu-cursor .certificate-viewer,
  body.has-aksu-cursor .certificate-viewer * {
    cursor: default !important;
  }

  body.has-aksu-cursor .certificate-viewer figure img {
    cursor: zoom-out !important;
  }

  body.has-aksu-cursor .certificate-viewer button {
    cursor: pointer !important;
  }
}

/* Hero v5: colour-only art direction and a slightly higher tooth position. */
.neo-hero--precision {
  background:
    radial-gradient(ellipse 36% 64% at 76% 42%, rgba(255, 255, 255, .94) 0%, rgba(246, 246, 246, .62) 43%, transparent 74%),
    radial-gradient(circle at 94% 16%, rgba(155, 155, 155, .28), transparent 32%),
    linear-gradient(112deg, #fcfcfc 0%, #f9f9f9 35%, #eeeeee 56%, #d9d9d9 76%, #b2b2b2 100%) !important;
}

.precision-hero-banner { display: none !important; }
.precision-implant { translate: 0 -42px; }

@media (max-width: 760px) {
  .neo-hero--precision {
    background:
      radial-gradient(ellipse 72% 42% at 58% 72%, rgba(255, 255, 255, .92), transparent 72%),
      linear-gradient(168deg, #fcfcfc 0%, #f4f4f4 47%, #d4d4d4 74%, #afafaf 100%) !important;
  }
  .precision-implant { translate: 0 -30px; }
}

/* Compact specialist section inspired by the supplied medical profile reference. */
.doctor-showcase {
  position: relative;
  overflow: hidden;
  padding: clamp(92px, 8vw, 132px) 0 clamp(96px, 8vw, 138px);
  background:
    linear-gradient(rgba(164, 164, 164, .035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(164, 164, 164, .035) 1px, transparent 1px),
    radial-gradient(circle at 76% 8%, rgba(113, 113, 113, .2), transparent 30%),
    linear-gradient(145deg, #151515, #1c1c1c 58%, #222222);
  background-size: 54px 54px, 54px 54px, auto, auto;
  color: #fff;
}

.doctor-showcase::after {
  position: absolute;
  right: -10vw;
  bottom: -42%;
  width: 48vw;
  min-width: 520px;
  aspect-ratio: 1;
  border: 1px solid rgba(162, 162, 162, .12);
  border-radius: 50%;
  box-shadow: 0 0 0 72px rgba(162, 162, 162, .025), 0 0 0 144px rgba(162, 162, 162, .018);
  content: "";
  pointer-events: none;
}

.doctor-showcase-inner { position: relative; z-index: 1; }
.doctor-showcase-head { max-width: 950px; margin: 0 auto clamp(44px, 5vw, 70px); text-align: center; }
.doctor-showcase-head > p:first-child { display: flex; align-items: center; justify-content: center; gap: 12px; margin: 0 0 17px; color: #adadad; font-size: 14px; font-weight: 650; letter-spacing: .11em; text-transform: uppercase; }
.doctor-showcase-head > p:first-child span { width: 32px; height: 1px; background: #adadad; }
.doctor-showcase-head h2 { margin: 0; color: #f8f8f8; font-size: clamp(48px, 5vw, 78px); font-weight: 500; letter-spacing: -.058em; line-height: .95; }
.doctor-showcase-head h2 em { color: #a3a3a3; font-style: normal; }
.doctor-showcase-head > div { display: flex; max-width: 720px; align-items: center; justify-content: center; gap: 32px; margin: 25px auto 0; }
.doctor-showcase-head > div p { max-width: 540px; margin: 0; color: rgba(239, 239, 239, .68); font-size: 15px; line-height: 1.65; }
.doctor-showcase-head > div a { display: inline-flex; flex: 0 0 auto; align-items: center; gap: 12px; border-bottom: 1px solid rgba(173, 173, 173, .55); padding-bottom: 7px; color: #fff; font-size: 14px; font-weight: 650; letter-spacing: .045em; text-transform: uppercase; }

.doctor-showcase-rail { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 13px; }
.doctor-profile-card { min-width: 0; overflow: hidden; border: 1px solid rgba(178, 178, 178, .18); border-radius: 12px; background: linear-gradient(180deg, rgba(46, 46, 46, .92), rgba(26, 26, 26, .98)); box-shadow: 0 18px 44px rgba(0, 0, 0, .18); transition: border-color .35s ease, box-shadow .35s ease, transform .35s ease; }
.doctor-profile-card:hover { border-color: rgba(173, 173, 173, .62); box-shadow: 0 24px 52px rgba(0, 0, 0, .3), 0 0 30px rgba(135, 135, 135, .09); transform: translateY(-5px); }
.doctor-profile-card > a { display: block; height: 100%; color: #fff; }
.doctor-profile-card figure { position: relative; aspect-ratio: 1 / .94; margin: 0; overflow: hidden; background: #191919; }
.doctor-profile-card figure::after { position: absolute; inset: auto 0 0; height: 32%; background: linear-gradient(transparent, rgba(26, 26, 26, .9)); content: ""; }
.doctor-profile-card figure img { width: 100%; height: 100%; object-fit: cover; object-position: center 24%; filter: saturate(.84) contrast(1.03); transition: filter .45s ease, transform .7s cubic-bezier(.2, .75, .2, 1); }
.doctor-profile-card:hover figure img { filter: saturate(.98) contrast(1.02); transform: scale(1.025); }
.doctor-profile-card figure > span { position: absolute; top: 13px; left: 13px; z-index: 2; display: grid; width: 30px; height: 30px; place-items: center; border: 1px solid rgba(255, 255, 255, .26); border-radius: 50%; background: rgba(19, 19, 19, .45); color: #bebebe; font-size: 14px; font-weight: 700; backdrop-filter: blur(8px); }
.doctor-profile-copy { position: relative; min-height: 158px; padding: 19px 18px 20px; }
.doctor-profile-copy h3 { max-width: calc(100% - 30px); margin: 0; color: #fff; font-size: clamp(18px, 1.25vw, 22px); font-weight: 550; letter-spacing: -.028em; line-height: 1.08; }
.doctor-profile-copy p { margin: 8px 0 0; color: #afafaf; font-size: 14px; font-weight: 650; letter-spacing: .075em; text-transform: uppercase; }
.doctor-profile-copy strong { display: block; max-width: 20ch; margin-top: 13px; color: rgba(239, 239, 239, .7); font-size: 14px; font-weight: 450; line-height: 1.45; }
.doctor-profile-copy i { position: absolute; right: 17px; bottom: 18px; display: grid; width: 34px; height: 34px; place-items: center; border: 1px solid rgba(178, 178, 178, .27); border-radius: 50%; color: #b6b6b6; font-size: 15px; font-style: normal; transition: background .25s ease, color .25s ease; }
.doctor-profile-card:hover .doctor-profile-copy i { background: #a5a5a5; color: #171717; }
.doctor-showcase-rail .doctor-profile-card:nth-child(2) { --reveal-delay: 70ms; }
.doctor-showcase-rail .doctor-profile-card:nth-child(3) { --reveal-delay: 140ms; }
.doctor-showcase-rail .doctor-profile-card:nth-child(4) { --reveal-delay: 210ms; }
.doctor-showcase-rail .doctor-profile-card:nth-child(5) { --reveal-delay: 280ms; }

@media (max-width: 1180px) {
  .doctor-showcase .container { width: 100%; max-width: none; }
  .doctor-showcase-head { width: min(calc(100% - 48px), 900px); }
  .doctor-showcase-rail { display: flex; gap: 14px; overflow-x: auto; padding: 0 24px 18px; scroll-padding-inline: 24px; scroll-snap-type: x mandatory; scrollbar-width: none; }
  .doctor-showcase-rail::-webkit-scrollbar { display: none; }
  .doctor-profile-card { flex: 0 0 min(292px, 78vw); scroll-snap-align: center; }
}

@media (max-width: 760px) {
  .doctor-showcase { padding: 78px 0 82px; }
  .doctor-showcase-head { width: calc(100% - 32px); margin-bottom: 38px; text-align: left; }
  .doctor-showcase-head > p:first-child { justify-content: flex-start; font-size: 14px; }
  .doctor-showcase-head h2 { font-size: clamp(43px, 12.5vw, 58px); }
  .doctor-showcase-head > div { align-items: flex-start; flex-direction: column; gap: 20px; margin-top: 21px; }
  .doctor-showcase-head > div p { font-size: 14px; }
  .doctor-showcase-rail { padding-inline: 16px; scroll-padding-inline: 16px; }
  .doctor-profile-card { flex-basis: min(292px, 82vw); }
  .doctor-profile-copy { min-height: 153px; }
}

/* Revize (2026-08-28): Gerçek gülüşler bölümünün dev kelime
   başlığı Türkçe metinle ekrandan taşıyordu — ölçek küçültüldü
   ve satır kırma serbest bırakıldı. */
.real-smiles-wordmark {
  font-size: clamp(48px, 9.4vw, 104px) !important;
  line-height: 0.94;
  white-space: normal !important;
  word-break: normal;
  hyphens: none;
  padding-inline: 4vw;
}
@media (max-width: 900px) {
  .real-smiles-wordmark { font-size: clamp(38px, 11vw, 62px) !important; }
}

/* Revize (2026-08-28): Hero tanıtım cümlesi tek satırlık listeden
   akıcı bir vaat cümlesine dönüştü; okuma genişliği ayarlandı. */
.precision-intro {
  max-width: 44ch;
  margin-top: 24px;
  color: #616161;
  font-size: clamp(15px, 1.15vw, 17px);
  line-height: 1.62;
}
.precision-eyebrow {
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
@media (max-width: 900px) {
  .precision-intro { max-width: 38ch; font-size: 15px; }
}
/* Hero başlığı: 3 satırda dengeli kalsın, tanıtım ve butonu itmesin */
.precision-copy h1 { font-size: clamp(46px, 5.4vw, 88px) !important; line-height: 0.98; }
@media (max-width: 900px) { .precision-copy h1 { font-size: clamp(38px, 11vw, 58px) !important; } }

/* ════════════════════════════════════════════════════════════
   APPLE TİPOGRAFİSİ (2026-08-28)
   San Francisco (SF Pro) web'e gömülemez — Apple lisansı yalnız
   Apple cihazlarında kullanıma izin verir. Bu yüzden sistem font
   yığını kullanılır: Apple cihazlarda gerçek SF Pro, diğerlerinde
   en yakın eşdeğeri (Segoe UI / Roboto) devreye girer.
   ════════════════════════════════════════════════════════════ */
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "kern" 1, "liga" 1;
  letter-spacing: -0.011em;      /* SF'nin doğal sıkılığı */
}

/* Başlıklar: Apple'ın "display" karakteri — büyük punto, sıkı
   harf aralığı, yarı-kalın ağırlık. */
h1, h2, h3, h4, h5, h6,
h1 em, h2 em, h3 em, h4 em, h5 em, h6 em {
  font-family: var(--font-heading) !important;
  font-weight: 600;
  letter-spacing: -0.025em;
}
h1, .precision-copy h1 { font-weight: 700; letter-spacing: -0.035em; }

/* Apple ölçeğinde punto büyüdükçe harf aralığı daralır */
.precision-copy h1 { letter-spacing: -0.04em; }
.real-smiles-wordmark { letter-spacing: -0.035em; font-weight: 700; }

/* Gövde ve arayüz: SF Text karakteri */
p, li, a, span, small, label, input, textarea, button {
  font-feature-settings: "kern" 1;
}
.precision-intro { letter-spacing: -0.006em; }

/* Küçük etiketler: Apple'da büyük harf etiketler hafif açık durur */
.precision-eyebrow, .neo-kicker, .eyebrow {
  font-weight: 600;
  letter-spacing: 0.06em;
}

/* Tüm site tek font sisteminde: hiçbir öğe dışarı kaçmasın.
   (Apple sistem yığını — SF Pro / Segoe UI / Roboto) */
html, body, input, select, textarea, button, optgroup,
blockquote, figcaption, cite, q, em, strong, b, i, u, small,
time, address, th, td, legend, summary, details {
  font-family: var(--font-body);
}
h1, h2, h3, h4, h5, h6 { font-family: var(--font-heading); }

/* Hero v6 — the tooth sits in front of a deliberate digital colour stage. */
.neo-hero--precision {
  isolation: isolate;
  background: #fafafa !important;
}

.neo-hero--precision::before {
  display: block;
  top: var(--header-height);
  right: -8%;
  bottom: 0;
  left: auto;
  z-index: 0;
  width: 63%;
  height: auto;
  border-radius: 52% 0 0 42% / 58% 0 0 42%;
  background:
    linear-gradient(rgba(255, 255, 255, .07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .07) 1px, transparent 1px),
    radial-gradient(circle at 70% 22%, rgba(220, 220, 220, .44), transparent 25%),
    radial-gradient(circle at 22% 76%, rgba(57, 57, 57, .48), transparent 37%),
    linear-gradient(145deg, #3a3a3a 0%, #717171 45%, #8b8b8b 100%);
  background-size: 70px 70px, 70px 70px, auto, auto, auto;
  box-shadow: -36px 34px 90px rgba(85, 85, 85, .16);
  filter: none;
  animation: none;
}

.neo-hero--precision::after {
  display: block;
  top: 17%;
  right: 3.5%;
  bottom: auto;
  left: auto;
  z-index: 1;
  width: min(48vw, 690px);
  height: auto;
  aspect-ratio: 1;
  border: 1px solid rgba(241, 241, 241, .28);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(242, 242, 242, .16) 0 1px, transparent 2px);
  background-size: 19px 19px;
  box-shadow:
    0 0 0 58px rgba(242, 242, 242, .055),
    0 0 0 116px rgba(242, 242, 242, .035);
  filter: none;
  animation: none;
}

.precision-hero-inner { z-index: 2; }
.precision-copy { z-index: 5; }
.precision-tooth {
  right: -1.5%;
  bottom: -12%;
  left: 49%;
  z-index: 3;
  height: 109%;
  translate: 0 -58px;
}
.precision-tooth > .precision-tooth-image {
  filter: drop-shadow(0 34px 58px rgba(41, 41, 41, .28));
}
.precision-tooth::before { opacity: .46; }

@media (max-width: 1100px) and (min-width: 761px) {
  .neo-hero--precision::before { right: -15%; width: 68%; }
  .precision-tooth { right: -8%; left: 46%; height: 106%; }
}

@media (max-width: 760px) {
  .neo-hero--precision {
    background:
      radial-gradient(circle at 78% 72%, rgba(157, 157, 157, .38), transparent 31%),
      linear-gradient(168deg, #fcfcfc 0%, #f4f4f4 50%, #d1d1d1 100%) !important;
  }
  .neo-hero--precision::before {
    top: 47%;
    right: -42%;
    bottom: -18%;
    width: 122%;
    height: auto;
    border-radius: 50%;
    background:
      radial-gradient(circle at 48% 40%, rgba(255, 255, 255, .38), transparent 31%),
      linear-gradient(145deg, rgba(115, 115, 115, .22), rgba(144, 144, 144, .4));
    box-shadow: 0 0 0 38px rgba(143, 143, 143, .065);
  }
  .neo-hero--precision::after {
    top: 54%;
    right: -26%;
    width: 116vw;
    border-color: rgba(255, 255, 255, .35);
    background: none;
    box-shadow: 0 0 0 42px rgba(255, 255, 255, .055), 0 0 0 84px rgba(255, 255, 255, .035);
  }
  .precision-tooth {
    right: -19%;
    bottom: -8%;
    left: 1%;
    height: 62%;
    translate: 0 -34px;
  }
}

/* Final hero composition: continuous digital stage. */
.neo-hero--precision {
  isolation: isolate;
  background: radial-gradient(circle at 78% 46%, rgba(255,255,255,.88) 0 18%, transparent 42%), radial-gradient(circle at 92% 8%, rgba(129, 129, 129, .48), transparent 30%), radial-gradient(circle at 8% 92%, rgba(129, 129, 129, .2), transparent 34%), linear-gradient(125deg,#f9f9f9 0%,#f2f2f2 35%,#dcdcdc 63%,#a7a7a7 100%) !important;
}
.neo-hero--precision::before {
  display: block; inset: var(--header-height) 0 0; z-index: 0; width: auto; height: auto; border: 0; border-radius: 0;
  background: linear-gradient(rgba(73, 73, 73, .065) 1px,transparent 1px), linear-gradient(90deg,rgba(73, 73, 73, .065) 1px,transparent 1px), linear-gradient(115deg,transparent 0 56%,rgba(255,255,255,.42) 56.1% 56.25%,transparent 56.35%), linear-gradient(115deg,transparent 0 68%,rgba(92, 92, 92, .11) 68.1% 68.2%,transparent 68.3%);
  background-size: 64px 64px,64px 64px,auto,auto; box-shadow: inset 0 1px rgba(255,255,255,.8); filter: none; animation: none;
}
.neo-hero--precision::after {
  display: block; top: 12%; right: 1.5%; bottom: auto; left: auto; z-index: 1; width: min(57vw,820px); height: auto; aspect-ratio: 1; border: 1px solid rgba(255,255,255,.52); border-radius: 50%;
  background: radial-gradient(circle,transparent 0 39%,rgba(255,255,255,.2) 39.2% 39.5%,transparent 39.7%), radial-gradient(circle,transparent 0 57%,rgba(97, 97, 97, .14) 57.2% 57.4%,transparent 57.6%), radial-gradient(circle at 50% 50%,rgba(241, 241, 241, .24),transparent 65%);
  box-shadow: 0 0 0 70px rgba(255,255,255,.055),0 0 0 140px rgba(98, 98, 98, .03); filter: none; animation: none;
}
.precision-hero-inner { z-index: 2; }
.precision-copy {
  top: clamp(46px,6.5vh,76px); z-index: 5; width: min(44vw,610px); padding: clamp(30px,2.7vw,42px) clamp(30px,3vw,46px) clamp(38px,3.2vw,50px); border: 1px solid rgba(255,255,255,.76); border-radius: 4px 34px 4px 4px;
  background: linear-gradient(135deg,rgba(255,255,255,.76),rgba(249, 249, 249, .48)); box-shadow: 0 28px 80px rgba(72, 72, 72, .12),inset 0 1px rgba(255,255,255,.9); backdrop-filter: blur(18px) saturate(1.12);
}
.precision-copy::before { position: absolute; top: -1px; left: -1px; width: 42%; height: 3px; background: linear-gradient(90deg,#878787,#9e9e9e); content: ""; }
.precision-copy::after { position: absolute; right: 44px; bottom: 19px; left: 44px; height: 7px; background: repeating-linear-gradient(90deg,rgba(73, 73, 73, .42) 0 1px,transparent 1px 15px); content: ""; opacity: .52; }
.precision-copy h1 { font-size: clamp(54px,5.2vw,82px) !important; }
.precision-intro { max-width: 38ch; }
.precision-tooth { right: -2%; bottom: -11%; left: 48%; z-index: 3; height: 108%; translate: 0 -54px; }
.precision-tooth > .precision-tooth-image { filter: drop-shadow(0 34px 58px rgba(41, 41, 41, .28)); }

@media (max-width: 1100px) and (min-width: 761px) {
  .precision-copy { width: min(45vw,520px); padding-inline: 30px; }
  .precision-copy h1 { font-size: clamp(50px,5.7vw,68px) !important; }
}
@media (max-width: 760px) {
  .neo-hero--precision { background: radial-gradient(circle at 75% 77%,rgba(255,255,255,.78),transparent 28%),radial-gradient(circle at 95% 58%,rgba(123, 123, 123, .34),transparent 35%),linear-gradient(158deg,#fafafa 0%,#f0f0f0 53%,#c8c8c8 100%) !important; }
  .neo-hero--precision::before { inset: var(--header-height) 0 0; width: auto; height: auto; border-radius: 0; background: linear-gradient(rgba(73, 73, 73, .055) 1px,transparent 1px),linear-gradient(90deg,rgba(73, 73, 73, .055) 1px,transparent 1px); background-size: 44px 44px; box-shadow: none; }
  .neo-hero--precision::after { top: 51%; right: -45%; width: 132vw; }
  .precision-hero-inner { min-height: 1080px; }
  .precision-copy { width: 100%; padding: 25px 23px 38px; border-radius: 3px 27px 3px 3px; background: linear-gradient(135deg,rgba(255,255,255,.78),rgba(249, 249, 249, .53)); }
  .precision-copy::after { right: 23px; left: 23px; }
  .precision-copy h1 { font-size: clamp(40px,11.8vw,50px) !important; }
  .precision-intro { max-width: 31ch; }
  .precision-tooth { top: 570px; right: -25%; bottom: auto; left: 17%; height: 57%; translate: 0; }
}

/* Hero v8 — quiet support, one clear focal point: the tooth. */
.neo-hero--precision {
  background:
    radial-gradient(circle at 77% 50%, rgba(255,255,255,.9) 0 25%, transparent 25.5%),
    radial-gradient(circle at 77% 50%, rgba(142, 142, 142, .16) 0 42%, transparent 42.5%),
    linear-gradient(142deg, transparent 0 39%, rgba(255,255,255,.5) 39.2% 51%, transparent 51.2%),
    linear-gradient(118deg,#fbfbfb 0%,#f6f6f6 39%,#e9e9e9 68%,#cecece 100%) !important;
}
.neo-hero--precision::before {
  display: block;
  inset: var(--header-height) 0 0;
  width: auto;
  height: auto;
  border: 0;
  border-radius: 0;
  background:
    linear-gradient(rgba(81, 81, 81, .035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(81, 81, 81, .035) 1px,transparent 1px);
  background-size: 76px 76px;
  box-shadow: none;
  filter: none;
  opacity: 1;
  animation: none;
}
.neo-hero--precision::after {
  display: block;
  top: 13%;
  right: 3.2%;
  bottom: auto;
  left: auto;
  z-index: 1;
  width: min(55vw,790px);
  height: auto;
  aspect-ratio: 1;
  border: 1px solid rgba(116, 116, 116, .2);
  border-radius: 50%;
  background: transparent;
  box-shadow: 0 0 0 72px rgba(255,255,255,.13),0 0 0 144px rgba(116, 116, 116, .028);
  filter: none;
  opacity: 1;
  animation: none;
}
.precision-copy {
  top: clamp(78px,10vh,112px);
  width: min(43vw,590px);
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
}
.precision-copy::before,
.precision-copy::after { display: none; }
.precision-copy h1 { font-size: clamp(58px,5.5vw,88px) !important; }
.precision-intro { max-width: 40ch; }
.precision-tooth {
  top: auto;
  right: -1%;
  bottom: -10%;
  left: 47%;
  height: 110%;
  translate: 0 -56px;
}
.precision-tooth > .precision-tooth-image { filter: drop-shadow(0 32px 52px rgba(55, 55, 55, .2)); }

@media (max-width: 1100px) and (min-width: 761px) {
  .precision-copy { width: 44vw; padding: 0; }
  .precision-copy h1 { font-size: clamp(52px,6vw,72px) !important; }
  .precision-tooth { right: -9%; left: 44%; }
}
@media (max-width: 760px) {
  .neo-hero--precision {
    background:
      radial-gradient(circle at 70% 76%,rgba(255,255,255,.86) 0 27%,transparent 27.5%),
      radial-gradient(circle at 70% 76%,rgba(139, 139, 139, .16) 0 47%,transparent 47.5%),
      linear-gradient(158deg,#fcfcfc 0%,#f1f1f1 57%,#cfcfcf 100%) !important;
  }
  .neo-hero--precision::before { background-size: 54px 54px; }
  .neo-hero--precision::after { top: 55%; right: -44%; width: 128vw; box-shadow: 0 0 0 48px rgba(255,255,255,.1); }
  .precision-hero-inner { min-height: 1060px; }
  .precision-copy { top: auto; width: 100%; padding: 0; }
  .precision-copy h1 { font-size: clamp(42px,12vw,51px) !important; }
  .precision-intro { max-width: 30ch; }
  .precision-tooth { top: 585px; right: -24%; bottom: auto; left: 13%; height: 58%; translate: 0; }
}

/* Hero v9 — custom generated banner artwork, with the tooth kept in front. */
.neo-hero--precision {
  isolation: isolate;
  background: linear-gradient(112deg,#fbfbfb 0%,#f5f5f5 43%,#e5e5e5 72%,#cfcfcf 100%) !important;
}
.neo-hero--precision::before {
  display: block;
  inset: var(--header-height) 0 0;
  z-index: 0;
  width: auto;
  height: auto;
  border: 0;
  border-radius: 0;
  background: url("../img/hero-digital-banner-v1.webp") center center / cover no-repeat;
  box-shadow: none;
  filter: none;
  opacity: .94;
  animation: none;
}
.neo-hero--precision::after { display: none; }
.precision-copy {
  top: clamp(82px,10vh,116px);
  width: min(43vw,590px);
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
}
.precision-copy::before,
.precision-copy::after { display: none; }
.precision-copy h1 { font-size: clamp(58px,5.5vw,88px) !important; }
.precision-tooth {
  top: auto;
  right: -1%;
  bottom: -10%;
  left: 47%;
  z-index: 3;
  height: 110%;
  translate: 0 -56px;
}
.precision-tooth > .precision-tooth-image { filter: drop-shadow(0 32px 54px rgba(52, 52, 52, .24)); }

@media (max-width: 1100px) and (min-width: 761px) {
  .precision-copy { width: 44vw; }
  .precision-copy h1 { font-size: clamp(52px,6vw,72px) !important; }
  .precision-tooth { right: -9%; left: 44%; }
}
@media (max-width: 760px) {
  .neo-hero--precision { background: linear-gradient(158deg,#fcfcfc 0%,#f2f2f2 56%,#d4d4d4 100%) !important; }
  .neo-hero--precision::before {
    inset: var(--header-height) 0 0;
    background-size: auto 72%;
    background-position: 47% 100%;
    opacity: .72;
  }
  .precision-hero-inner { min-height: 1060px; }
  .precision-copy { top: auto; width: 100%; padding: 0; }
  .precision-copy h1 { font-size: clamp(42px,12vw,51px) !important; }
  .precision-tooth { top: 578px; right: -24%; bottom: auto; left: 13%; height: 58%; translate: 0; }
}

/* Full-width international patient journey. */
.journey-story {
  position: relative;
  overflow: hidden;
  padding: clamp(84px,7vw,112px) 0 clamp(82px,7vw,108px);
  color: #242424;
  background:
    radial-gradient(circle at 6% 14%,rgba(162, 162, 162, .13),transparent 27%),
    radial-gradient(circle at 95% 80%,rgba(187, 187, 187, .14),transparent 25%),
    #f9f9f9;
}
.journey-wide { width: 100%; }
.journey-story-head {
  position: relative;
  z-index: 1;
  width: min(calc(100% - 40px),1040px);
  margin: 0 auto 72px;
  text-align: center;
}
.journey-story-head > p { display: flex; align-items: center; justify-content: center; gap: 14px; margin: 0 0 18px; color: #737373; font-size: 14px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.journey-story-head > p span { width: 34px; height: 1px; background: #a1a1a1; }
.journey-story-head h2 { margin: 0; color: #242424; font-size: clamp(48px,5.2vw,76px); font-weight: 600; letter-spacing: -.055em; line-height: .98; }
.journey-story-head h2 em { color: #919191; font-style: normal; }
.journey-story-head > div { max-width: 700px; margin: 24px auto 0; color: #747474; font-size: 17px; line-height: 1.65; }

.journey-timeline { position: relative; z-index: 1; width: 100%; margin: 0; padding: 0 clamp(42px,6vw,118px); }
.journey-route { position: absolute; top: 29px; bottom: 29px; left: 50%; width: 1px; overflow: hidden; background: rgba(127, 127, 127, .22); transform: translateX(-50%); }
.journey-route > span { display: block; width: 100%; height: 100%; background: linear-gradient(#b8b8b8,#737373 82%,#979797); transform: scaleY(0); transform-origin: top; will-change: transform; }
.journey-step { position: relative; display: grid; min-height: 330px; grid-template-columns: minmax(0,1fr) 112px minmax(0,1fr); align-items: center; opacity: .46; transition: opacity .55s ease; }
.journey-step + .journey-step { margin-top: 12px; }
.journey-step.is-active { opacity: 1; }
.journey-step-marker { position: relative; z-index: 3; display: grid; width: 58px; height: 58px; grid-column: 2; grid-row: 1; place-items: center; justify-self: center; border: 1px solid #c3c3c3; border-radius: 50%; background: #f9f9f9; box-shadow: 0 0 0 11px rgba(249, 249, 249, .94); color: #737373; font-size: 14px; font-weight: 750; transition: color .4s ease,background .4s ease,border-color .4s ease,transform .4s ease; }
.journey-step.is-active .journey-step-marker { border-color: #343434; background: #343434; color: #fff; transform: scale(1.06); }
.journey-step-card { position: relative; width: min(100%,600px); min-height: 0; overflow: visible; border: 0; border-radius: 0; background: transparent; box-shadow: none; transform: translateY(28px); transition: transform .65s cubic-bezier(.2,.75,.2,1); }
.journey-step.is-active .journey-step-card { transform: translateY(0); }
.journey-step--left .journey-step-card { grid-column: 1; justify-self: end; padding-right: clamp(22px,3vw,58px); }
.journey-step--right .journey-step-card { grid-column: 3; justify-self: start; padding-left: clamp(22px,3vw,58px); }
.journey-step-card::before,
.journey-step-card::after,
.journey-step--left .journey-step-card::before,
.journey-step--left .journey-step-card::after,
.journey-step--right .journey-step-card::before,
.journey-step--right .journey-step-card::after { display: none !important; content: none !important; }
.journey-step-copy { padding: 0; }
.journey-step-copy > small { display: block; margin-bottom: 11px; color: #888888; font-size: 14px; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }
.journey-step-copy > .journey-step-icon {
  display: grid;
  width: 48px;
  height: 48px;
  margin-bottom: 17px;
  place-items: center;
  border: 1px solid rgba(115, 115, 115, .2);
  border-radius: 15px;
  background: linear-gradient(145deg,rgba(255,255,255,.98),rgba(239, 239, 239, .92));
  box-shadow: 0 10px 26px rgba(78, 78, 78, .09);
  color: #6b6b6b;
}
.journey-step-copy > .journey-step-icon svg {
  width: 24px;
  height: 24px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.65;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.journey-step-copy h3 { margin: 0; color: #242424; font-size: clamp(31px,3.1vw,48px); font-weight: 600; letter-spacing: -.045em; line-height: 1.02; }
.journey-step-copy > p { max-width: 540px; margin: 17px 0 0; color: #717171; font-size: 17px; line-height: 1.62; }

.journey-review { max-width: 520px; margin: 26px 0 0; padding: 19px 21px 18px; border: 1px solid rgba(99, 99, 99, .15); border-radius: 14px; background: rgba(255,255,255,.9); box-shadow: 0 15px 40px rgba(57, 57, 57, .075); }
.journey-review-person { display: flex; align-items: center; gap: 13px; }
.journey-review-person > img { width: 50px; height: 50px; flex: 0 0 50px; border: 1px solid #dfdfdf; border-radius: 50%; background: #fff; object-fit: cover; }
.journey-review-person > img[src$=".svg"] { padding: 8px; object-fit: contain; }
.journey-review-person > span { display: grid; gap: 2px; }
.journey-review-person strong { color: #323232; font-size: 16px; font-weight: 700; }
.journey-review-person small { color: #888888; font-size: 14px; }
.journey-review > p { margin: 15px 0 0; color: #5a5a5a; font-size: 15px; line-height: 1.58; }
.journey-review > a { display: inline-flex; margin-top: 12px; color: #6b6b6b; font-size: 14px; font-weight: 700; text-decoration: underline; text-decoration-color: rgba(107, 107, 107, .3); text-underline-offset: 4px; }

.journey-story-foot { position: relative; z-index: 1; display: grid; width: min(calc(100% - 40px),1240px); grid-template-columns: 1fr auto; gap: 34px; align-items: center; margin: 70px auto 0; padding: 30px 34px; border-radius: 18px; background: #131313; box-shadow: 0 24px 58px rgba(38, 38, 38, .18); color: #fff; }
.journey-story-foot strong { display: block; margin-bottom: 13px; color: #fff; font-size: 18px; font-weight: 650; }
.journey-story .journey-languages { display: flex; flex-wrap: wrap; gap: 9px 20px; margin: 0; padding: 0; border: 0; }
.journey-story .journey-languages a { color: rgba(244, 244, 244, .78); font-size: 14px; transition: color .2s ease; }
.journey-story .journey-languages a:hover { color: #fff; }
.journey-story .journey-cta { display: inline-flex; min-height: 54px; align-items: center; gap: 18px; margin: 0; padding: 0 24px; border: 1px solid rgba(255,255,255,.32); border-radius: 999px; color: #fff; font-size: 14px; font-weight: 700; letter-spacing: .025em; }
.journey-story .journey-cta span { font-size: 18px; }

@media (max-width: 860px) {
  .journey-story-head { margin-bottom: 58px; }
  .journey-timeline { padding: 0 24px 0 80px; }
  .journey-route { top: 25px; bottom: 25px; left: 43px; transform: none; }
  .journey-step { display: block; min-height: 0; opacity: .62; }
  .journey-step + .journey-step { margin-top: 60px; }
  .journey-step-marker { position: absolute; top: 13px; left: -66px; width: 50px; height: 50px; }
  .journey-step-card,.journey-step--left .journey-step-card,.journey-step--right .journey-step-card { width: min(100%,620px); max-width: none; padding: 0; }
  .journey-story-foot { grid-template-columns: 1fr; }
  .journey-story .journey-cta { justify-content: center; justify-self: start; }
}
@media (max-width: 600px) {
  .journey-story { padding: 74px 0 78px; }
  .journey-story-head { width: calc(100% - 36px); margin-bottom: 50px; text-align: left; }
  .journey-story-head > p { justify-content: flex-start; font-size: 14px; }
  .journey-story-head > p span:last-child { display: none; }
  .journey-story-head h2 { font-size: clamp(42px,12vw,54px); }
  .journey-story-head > div { margin-top: 20px; font-size: 16px; }
  .journey-timeline { padding: 0 18px 0 60px; }
  .journey-route { top: 21px; bottom: 21px; left: 30px; }
  .journey-step + .journey-step { margin-top: 52px; }
  .journey-step-marker { top: 5px; left: -49px; width: 42px; height: 42px; box-shadow: 0 0 0 7px rgba(249, 249, 249, .95); font-size: 14px; }
  .journey-step-copy h3 { font-size: 30px; }
  .journey-step-copy > p { font-size: 16px; }
  .journey-review { margin-top: 22px; padding: 17px; }
  .journey-review > p { font-size: 15px; }
  .journey-story-foot { width: calc(100% - 36px); gap: 26px; margin-top: 56px; padding: 25px 22px; }
  .journey-story .journey-languages { gap: 12px 18px; }
  .journey-story .journey-languages a { font-size: 14px; }
  .journey-story .journey-cta { width: 100%; padding-inline: 18px; }
}

/* Banner artwork removed; keep the foreground tooth on a clean colour field. */
.neo-hero--precision {
  background: linear-gradient(125deg,#fbfbfb 0%,#f2f2f2 46%,#dadada 100%) !important;
}
.neo-hero--precision::before {
  display: block;
  inset: var(--header-height) 0 0;
  width: auto;
  height: auto;
  border: 0;
  border-radius: 0;
  background-image:
    radial-gradient(circle at center,rgba(122, 122, 122, .34) 0%,rgba(151, 151, 151, .18) 34%,transparent 68%),
    radial-gradient(circle at center,rgba(184, 184, 184, .34) 0%,rgba(255,255,255,.12) 42%,transparent 70%),
    radial-gradient(circle at center,rgba(107, 107, 107, .18) 0%,transparent 66%) !important;
  background-size: 68% 96%,54% 76%,46% 68%;
  background-position: 112% 42%,-18% 90%,72% -22%;
  background-repeat: no-repeat;
  filter: blur(2px);
  opacity: .9;
  animation: aksu-hero-colour-drift 13s cubic-bezier(.45,.05,.55,.95) infinite alternate;
}
@keyframes aksu-hero-colour-drift {
  0% { background-position: 112% 42%,-18% 90%,72% -22%; }
  50% { background-position: 96% 55%,4% 72%,84% 4%; }
  100% { background-position: 106% 30%,-6% 58%,62% 14%; }
}
@media (max-width: 760px) {
  .neo-hero--precision::before {
    background-size: 128% 64%,110% 55%,92% 48%;
    background-position: 38% 92%,110% 65%,-34% 52%;
    opacity: .68;
    animation-duration: 16s;
  }
  @keyframes aksu-hero-colour-drift {
    0% { background-position: 38% 92%,110% 65%,-34% 52%; }
    50% { background-position: 58% 80%,88% 76%,-12% 64%; }
    100% { background-position: 45% 70%,104% 88%,2% 54%; }
  }
}
@media (prefers-reduced-motion: reduce) {
  .neo-hero--precision::before { animation: none; }
}

/* ════════════════════════════════════════════════════════════
   GÜLÜŞ HARİTASI — Split Screen interaktif tedavi keşfi
   Sol %60 görsel + hotspot, Sağ %40 dinamik panel
   ════════════════════════════════════════════════════════════ */
.smile-map {
  position: relative;
  padding: clamp(70px, 7vw, 110px) 0;
  color: #f2f2f2;
  background:
    radial-gradient(60% 50% at 78% 10%, rgba(140, 140, 140, 0.16), transparent 62%),
    linear-gradient(165deg, #1b1b1b 0%, #232323 55%, #191919 100%);
  overflow: hidden;
}
.smile-map-grid {
  display: grid;
  grid-template-columns: 60% 40%;
  align-items: stretch;
  gap: clamp(24px, 3vw, 54px);
  width: min(1420px, 100% - clamp(24px, 4vw, 72px));
  margin-inline: auto;
}

/* ── SOL: görsel sahne ── */
.smile-map-stage {
  position: relative;
  min-width: 0;
  align-self: stretch;
}
.smile-map-photo {
  position: relative;
  height: 100%;
  margin: 0;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 40px 90px rgba(15, 15, 15, 0.55);
}
.smile-map-photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.smile-map-glow {
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at var(--gx, 50%) var(--gy, 50%), rgba(146, 146, 146, 0.22), transparent 34%);
  opacity: 0;
  pointer-events: none;
  transition: opacity .4s ease, background .4s ease;
}
.smile-map-photo.is-focus .smile-map-glow { opacity: 1; }

/* Hotspot noktaları */
.smile-dot {
  position: absolute;
  left: var(--dx);
  top: var(--dy);
  z-index: 3;
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
  transform: translate(-50%, -50%);
}
.smile-dot i {
  position: relative;
  display: block;
  width: 12px;
  height: 12px;
  border: 2px solid rgba(255, 255, 255, 0.85);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.35);
  transition: width .25s ease, height .25s ease, background .25s ease, border-color .25s ease;
}
/* Nabız (pulse) efekti */
.smile-dot i::after {
  content: "";
  position: absolute;
  inset: -4px;
  border: 2px solid rgba(255, 255, 255, 0.55);
  border-radius: 50%;
  animation: smile-nabiz 2.2s ease-out infinite;
}
@keyframes smile-nabiz {
  0%   { transform: scale(0.85); opacity: 0.9; }
  70%  { transform: scale(1.9);  opacity: 0; }
  100% { transform: scale(1.9);  opacity: 0; }
}
.smile-dot:hover i,
.smile-dot:focus-visible i {
  width: 20px;
  height: 20px;
  border-color: #929292;
  background: rgba(146, 146, 146, 0.4);
  box-shadow: 0 0 18px rgba(146, 146, 146, 0.6);
}
.smile-dot.is-active i {
  width: 20px;
  height: 20px;
  border-color: #929292;
  background: #929292;
  box-shadow: 0 0 22px rgba(146, 146, 146, 0.75);
}
.smile-dot.is-active i::after { animation: none; opacity: 0; }
/* Nokta etiketi */
.smile-dot span {
  position: absolute;
  bottom: calc(100% + 2px);
  left: 50%;
  padding: 5px 11px;
  border-radius: 999px;
  color: #141414;
  background: rgba(255, 255, 255, 0.94);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.03em;
  white-space: nowrap;
  opacity: 0;
  transform: translate(-50%, 5px);
  pointer-events: none;
  transition: opacity .25s ease, transform .25s ease;
}
.smile-dot:hover span, .smile-dot.is-active span { opacity: 1; transform: translate(-50%, 0); }

.smile-map-ipucu {
  position: absolute;
  left: 18px;
  bottom: 16px;
  z-index: 5;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  padding: 8px 12px;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 999px;
  color: rgba(255, 255, 255, .82);
  background: rgba(20, 20, 20, .56);
  backdrop-filter: blur(8px);
  font-size: 14px;
  letter-spacing: 0.02em;
}
.smile-map-ipucu i {
  width: 7px; height: 7px;
  border-radius: 50%;
  background: #929292;
  animation: smile-nabiz 2.2s ease-out infinite;
}

/* ── SAĞ: dinamik panel ── */
.smile-map-kicker {
  margin: 0 0 10px;
  color: #b8b8b8;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.14em;
}
.smile-map-panel h2 {
  margin: 0 0 24px;
  color: #fff;
  font-size: clamp(32px, 3vw, 46px);
  line-height: 1.05;
}
.smile-map-panel h2 em { font-style: normal; color: #b8b8b8; }

.smile-panel-kart {
  padding: clamp(20px, 1.8vw, 28px);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(10px);
}
.smile-panel-kart.is-degisiyor > * { opacity: 0; transform: translateX(14px); }
.smile-panel-kart > * { transition: opacity .3s ease, transform .3s ease; }

.smile-panel-rozet {
  display: inline-block;
  padding: 5px 12px;
  border: 1px solid rgba(184, 184, 184, 0.4);
  border-radius: 999px;
  color: #b8b8b8;
  background: rgba(184, 184, 184, 0.1);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.08em;
}
.smile-panel-kart h3 {
  margin: 14px 0 14px;
  color: #fff;
  font-size: clamp(23px, 2vw, 30px);
  font-weight: 600;
  line-height: 1.2;
}
.smile-panel-fayda { margin: 0 0 18px; padding: 0; list-style: none; display: grid; gap: 9px; }
.smile-panel-fayda li {
  position: relative;
  padding-left: 24px;
  color: rgba(239, 239, 239, 0.82);
  font-size: 14px;
  line-height: 1.55;
}
.smile-panel-fayda li::before {
  content: "";
  position: absolute;
  left: 0; top: 7px;
  width: 8px; height: 8px;
  border-radius: 50%;
  background: #929292;
  box-shadow: 0 0 10px rgba(146, 146, 146, 0.6);
}
.smile-panel-sure {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 18px;
  padding: 11px 14px;
  border-radius: 12px;
  background: rgba(146, 146, 146, 0.08);
  color: #e6e6e6;
  font-size: 14px;
}
.smile-panel-sure svg { width: 18px; height: 18px; flex: 0 0 18px; color: #b8b8b8; }
.smile-panel-sure b { font-weight: 500; color: rgba(239, 239, 239, 0.7); }
.smile-panel-sure em { font-style: normal; font-weight: 700; color: #fff; }

/* Önce / Sonra kaydırıcı */
.smile-panel-kiyas {
  position: relative;
  height: 190px;
  margin-bottom: 18px;
  border-radius: 14px;
  overflow: hidden;
  background: #191919;
}
.smile-panel-kiyas img {
  position: absolute;
  inset: 0;
  width: 100%; height: 100%;
  object-fit: cover;
}
.kiyas-once-sar {
  position: absolute;
  inset: 0;
  width: var(--kiyas, 50%);
  overflow: hidden;
}
.kiyas-once-sar img { width: var(--kiyas-ic, 200%); max-width: none; }
.kiyas-cizgi {
  position: absolute;
  top: 0; bottom: 0;
  left: var(--kiyas, 50%);
  z-index: 3;
  width: 2px;
  background: rgba(255, 255, 255, 0.9);
  pointer-events: none;
}
.kiyas-cizgi i {
  position: absolute;
  top: 50%; left: 50%;
  display: grid;
  place-items: center;
  width: 32px; height: 32px;
  border-radius: 50%;
  background: #fff;
  transform: translate(-50%, -50%);
}
.kiyas-cizgi i::before {
  content: "↔";
  color: #1b1b1b;
  font-size: 14px;
  font-weight: 700;
}
.smile-panel-kiyas input[type="range"] {
  position: absolute;
  inset: 0;
  z-index: 4;
  width: 100%; height: 100%;
  margin: 0;
  opacity: 0;
  cursor: ew-resize;
}
.kiyas-etiket {
  position: absolute;
  top: 10px;
  z-index: 3;
  padding: 4px 10px;
  border-radius: 999px;
  background: rgba(20, 20, 20, 0.72);
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.1em;
  pointer-events: none;
}
.kiyas-etiket--once { left: 10px; }
.kiyas-etiket--sonra { right: 10px; }

.smile-panel-cta {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  padding: 15px 20px;
  border: 0;
  border-radius: 999px;
  color: #141414;
  background: linear-gradient(120deg, #929292, #b8b8b8);
  cursor: pointer;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.01em;
  box-shadow: 0 14px 34px rgba(146, 146, 146, 0.28);
  transition: transform .22s ease, box-shadow .22s ease, filter .22s ease;
}
.smile-panel-cta:hover { transform: translateY(-2px); box-shadow: 0 20px 44px rgba(146, 146, 146, 0.42); filter: brightness(1.06); }

/* ── Mobil: dikey akış + kart carousel ── */
@media (max-width: 900px) {
  .smile-map { padding: 56px 0; }
  .smile-map-grid { grid-template-columns: 1fr; gap: 22px; }
  .smile-map-stage { align-self: auto; }
  .smile-map-photo { height: auto; }
  .smile-map-photo img { height: auto; object-fit: initial; }
  .smile-map-ipucu {
    position: static;
    margin: 14px 0 0;
    padding: 0;
    border: 0;
    color: rgba(239, 239, 239, 0.62);
    background: none;
    backdrop-filter: none;
  }
  .smile-map-panel h2 { font-size: clamp(28px, 8vw, 36px); margin-bottom: 18px; }
  .smile-dot { width: 44px; height: 44px; }
  .smile-dot span { font-size: 14px; }
  .smile-panel-kiyas { height: 165px; }
  .smile-map-ipucu { font-size: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  .smile-dot i::after, .smile-map-ipucu i { animation: none; }
}

/* ════════════════════════════════════════════════════════════
   DİL MENÜSÜ — bayraklı liste (site kimliğine uygun açık tema)
   ════════════════════════════════════════════════════════════ */
.language-menu {
  min-width: 232px;
  max-height: min(70vh, 520px);
  padding: 8px;
  border: 1px solid rgba(19, 19, 19, 0.14);
  border-radius: 16px;
  background: #ffffff;
  box-shadow: 0 26px 60px rgba(19, 19, 19, 0.16), 0 2px 0 rgba(255, 255, 255, 0.8) inset;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
}
.language-menu::-webkit-scrollbar { width: 6px; }
.language-menu::-webkit-scrollbar-thumb { border-radius: 99px; background: rgba(19, 19, 19, 0.22); }

.language-menu a {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  border-radius: 10px;
  color: #3f3f3f;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  text-align: left;
  transition: background .18s ease, color .18s ease;
}
.language-menu a:hover,
.language-menu a:focus-visible {
  background: rgba(124, 124, 124, 0.1);
  color: #131313;
}
.language-menu a[aria-current="page"] {
  color: #131313;
  background: rgba(124, 124, 124, 0.14);
  font-weight: 700;
}
.language-menu .flag-emoji {
  flex: 0 0 auto;
  width: 24px;
  font-size: 17px;
  line-height: 1;
  text-align: center;
  filter: drop-shadow(0 1px 2px rgba(19, 19, 19, 0.18));
}
.language-menu .lang-adi { flex: 1 1 auto; }
/* Arapça satırı da soldan hizalı kalsın */
.language-menu a[lang="ar"] { direction: ltr; }
.language-menu a[lang="ar"] .lang-adi { direction: rtl; text-align: left; }

/* Tetikleyici düğme: seçili dilin bayrağı + kodu */
.language-button {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 7px 11px;
  border-radius: 999px;
  border: 1px solid rgba(19, 19, 19, 0.16);
  background: rgba(255, 255, 255, 0.7);
  transition: border-color .2s ease, background .2s ease;
}
.language-button:hover { border-color: rgba(124, 124, 124, 0.5); background: #fff; }
.language-button .flag-emoji { font-size: 15px; line-height: 1; }

@media (max-width: 900px) {
  .language-menu { min-width: 208px; max-height: 62vh; }
  .language-menu a { padding: 11px 12px; font-size: 14.5px; }
}

/* Dil menüsü: son söz — opak zemin, kompakt genişlik, tek sütun */
.language-menu:not([hidden]),
.home-page .language-menu:not([hidden]) {
  display: block !important;
  grid-template-columns: none !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 214px !important;
  max-height: min(64vh, 460px) !important;
  padding: 6px !important;
  background: #ffffff !important;
  backdrop-filter: none !important;
  border: 1px solid rgba(19, 19, 19, 0.14) !important;
  border-radius: 14px !important;
  box-shadow: 0 24px 56px rgba(19, 19, 19, 0.2) !important;
}
.language-menu a,
.home-page .language-menu a {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 8px 10px !important;
  border-radius: 9px !important;
  font-size: 14px !important;
  line-height: 1.25 !important;
  white-space: nowrap;
}
.language-menu .flag-emoji { width: 20px !important; font-size: 15px !important; }
@media (max-width: 900px) {
  .language-menu, .home-page .language-menu { max-width: 200px !important; }
}


/* Dil menüsü kapalıyken kesinlikle gizli kalsın */
.language-menu[hidden],
.home-page .language-menu[hidden] { display: none !important; }

/* Dil menüsü — hizalama ve ritim düzeltmeleri */
.language-menu:not([hidden]) {
  max-width: 196px !important;
  padding: 5px !important;
}
.language-menu a {
  gap: 11px !important;
  padding: 9px 11px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
}
/* Bayraklar sabit sütunda, dikey ortalı; farklı emoji genişlikleri hizayı bozmasın */
.language-menu .flag-emoji {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 22px !important;
  height: 16px;
  font-size: 15px !important;
  line-height: 1 !important;
  filter: none;
}
.language-menu .lang-adi {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* Seçili dil satırı */
.language-menu a[aria-current="page"] { font-weight: 700 !important; }

/* Tetikleyici düğme dengesi */
.language-button {
  gap: 8px !important;
  padding: 6px 10px 6px 8px !important;
}
.language-button .flag-emoji {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 15px;
  font-size: 15px !important;
}
.language-button [data-language-current] { font-size: 14px; font-weight: 600; letter-spacing: 0.04em; }

/* Dil menüsü konumu: sabit piksel yerine düğmeye göre hizalanır.
   Düğme ile menü tek sarmalayıcıda olduğu için sarmalayıcı
   konumlandırma bağlamı yapılır ve menü düğmenin sağ kenarına
   yaslanarak hemen altında açılır. */
.header-actions { position: relative; }
.language-menu:not([hidden]),
.home-page .language-menu:not([hidden]) {
  position: absolute !important;
  top: calc(100% + 10px) !important;
  right: 0 !important;
  left: auto !important;
  transform-origin: top right;
  z-index: 140;
}
@media (max-width: 900px) {
  .language-menu:not([hidden]),
  .home-page .language-menu:not([hidden]) {
    right: 0 !important;
    top: calc(100% + 8px) !important;
  }
}

/* Dil menüsü artık kendi sarmalayıcısına (düğmeye) hizalanır */
.language-wrap { position: relative; display: inline-flex; }
.header-actions { position: static; }
.language-menu:not([hidden]),
.home-page .language-menu:not([hidden]) {
  position: absolute !important;
  top: calc(100% + 10px) !important;
  right: 0 !important;
  left: auto !important;
}

/* Dil menüsü: düğmenin tam ortasında, altında açılır */
.language-menu:not([hidden]),
.home-page .language-menu:not([hidden]) {
  right: auto !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  transform-origin: top center !important;
}

/* ════════════════════════════════════════════════════════════
   REVİZE (2026-08-28) — başlık renkleri, hekim düzeni,
   polaroid vaka kartları
   ════════════════════════════════════════════════════════════ */

/* ── 1) Bölüm başlıklarında ikinci satır vurgu rengiyle ── */
.results-heading h2 .editorial-serif,
.real-stories-heading h2 .editorial-serif,
.international-heading h2 em,
.doctor-showcase-head h2 em,
.smile-map-panel h2 em {
  color: #969696 !important;
  font-style: italic;
}
/* Koyu zeminli bölümlerde daha parlak ton */
.real-stories-heading h2 .editorial-serif { color: #cacaca !important; }
.results-heading h2 .editorial-serif { color: #8c8c8c !important; }

/* ── 2) Hekimler: tam genişlik, büyük kartlar, altta buton ── */
.doctor-showcase-inner { width: min(1600px, 100% - clamp(24px, 4vw, 64px)) !important; max-width: none !important; }
.doctor-showcase-rail {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: clamp(14px, 1.4vw, 22px) !important;
  overflow: visible !important;
}
.doctor-profile-card { width: auto !important; min-width: 0 !important; flex: none !important; }
.doctor-profile-card figure { aspect-ratio: 1 / 1.08; height: auto !important; }
.doctor-profile-card figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 20%;
}
.doctor-profile-copy {
  min-height: 132px;
  padding: 15px 17px 16px;
}
.doctor-profile-copy p { margin-top: 5px; }
.doctor-profile-copy strong { margin-top: 10px; }
.doctor-profile-copy i {
  right: 14px;
  bottom: 14px;
}
.doctor-profile-copy h3 { font-size: clamp(17px, 1.25vw, 22px) !important; }
.doctor-showcase-foot { margin-top: clamp(28px, 3vw, 44px); text-align: center; }
.doctor-tumu {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 14px 28px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 999px;
  color: #f2f2f2;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  transition: background .22s ease, border-color .22s ease, transform .22s ease;
}
.doctor-tumu:hover { background: rgba(255, 255, 255, 0.12); border-color: #fff; transform: translateY(-2px); }

/* ── 3) Hasta videoları: ızgara düzeni, daha fazla kart ── */
.real-stories .story-film { border-radius: 18px; overflow: hidden; }
.real-stories .story-film img.story-film-video { width: 100%; height: 100%; object-fit: cover; }

/* ── 4) Vakalar: ipe asılı polaroid kartlar ── */
.result-stories { position: relative; }
.result-stories .result-case {
  min-height: 0 !important;
  padding: 0 !important;
  display: block !important;
}
.result-case-inner {
  position: relative;
  width: auto !important;
  max-width: none !important;
  padding: 12px 12px 0 !important;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 18px 42px rgba(44, 44, 44, 0.16);
  transform: rotate(var(--egim, 0deg));
  transition: transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s ease;
}
.result-case-inner::before {                 /* mandal */
  content: "";
  position: absolute;
  top: -13px;
  left: 50%;
  width: 16px;
  height: 26px;
  border-radius: 4px;
  background: linear-gradient(180deg, #767676, #5b5b5b);
  box-shadow: 0 3px 8px rgba(44, 44, 44, 0.35);
  transform: translateX(-50%);
}
.result-case-inner:hover { transform: rotate(0deg) translateY(-8px); box-shadow: 0 30px 60px rgba(44, 44, 44, 0.24); }
.result-compare { height: clamp(230px, 22vw, 300px) !important; min-height: 0 !important; border-radius: 4px; }
.result-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 6px 12px;
  padding: 14px 8px 16px;
  color: #3f3f3f;
  font-size: 14px;
}
.result-meta strong { font-weight: 700; }
.result-meta span { color: rgba(63, 63, 63, 0.7); }

/* Vakaları ipe dizili ızgaraya al */
.result-stories .results-grid,
.result-stories-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: clamp(26px, 3vw, 46px);
  width: min(1560px, 100% - clamp(24px, 4vw, 64px));
  margin: clamp(30px, 4vw, 56px) auto 0;
}
/* Doğal ritim: kartlar sırayla hafif eğik */
.result-case:nth-child(3n+1) .result-case-inner { --egim: -1.6deg; }
.result-case:nth-child(3n+2) .result-case-inner { --egim: 1.2deg; margin-top: 22px; }
.result-case:nth-child(3n+3) .result-case-inner { --egim: -0.8deg; margin-top: 10px; }

@media (max-width: 1100px) {
  .doctor-showcase-rail { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}
@media (max-width: 760px) {
  .doctor-showcase-rail { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .result-case-inner { --egim: 0deg !important; margin-top: 0 !important; }
  .result-compare { height: 230px !important; }
}

/* Vaka ızgarası: eski tam-ekran kartlar yerine polaroid grid (son söz) */
.result-stories-list {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(28px, 3vw, 52px) !important;
  width: min(1560px, 100% - clamp(24px, 4vw, 64px)) !important;
  margin: clamp(34px, 4vw, 60px) auto 0 !important;
  align-items: start;
}
.result-stories-list .result-case {
  display: block !important;
  min-height: 0 !important;
  padding: 0 !important;
  width: auto !important;
}
.result-stories-list .result-case-inner {
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 12px 12px 0 !important;
}
.result-stories-list .result-case:nth-child(3n+2) .result-case-inner { margin-top: 26px !important; }
.result-stories-list .result-case:nth-child(3n+3) .result-case-inner { margin-top: 12px !important; }
.result-stories-list .result-compare { height: clamp(230px, 20vw, 290px) !important; }
@media (max-width: 1000px) {
  .result-stories-list { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .result-stories-list .result-case-inner { margin-top: 0 !important; }
}
@media (max-width: 640px) {
  .result-stories-list { grid-template-columns: 1fr !important; }
}

/* Vaka ızgarası genişliği: ebeveyn sıkıştırmasını iptal et */
.result-stories { display: block !important; }
.result-stories-list {
  box-sizing: border-box;
  width: min(1560px, calc(100vw - clamp(24px, 4vw, 64px))) !important;
  max-width: none !important;
  flex: none !important;
  justify-self: stretch;
}

/* Polaroid içindeki önce/sonra görselleri kutuyu tam doldursun */
.result-stories-list .result-compare { position: relative; overflow: hidden; background: #f2f2f2; }
.result-stories-list .result-image {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center 42% !important;
}

/* Polaroid çerçevesi kare görsellerle tam örtüşsün */
.result-stories-list .result-compare {
  height: auto !important;
  aspect-ratio: 1 / 1;
  min-height: 0 !important;
}
.result-stories-list .result-image { object-position: center center !important; }

/* Vaka ızgarası ortalansın (sağa kaymasın) */
.result-stories-list {
  margin-inline: auto !important;
  justify-content: center;
  justify-items: stretch;
}
.result-stories-list .result-case-inner { margin-inline: auto !important; }

/* Vaka ızgarası: kenar payları eşit, taşma yok */
.result-stories-list {
  width: min(1440px, calc(100% - clamp(32px, 5vw, 96px))) !important;
  padding-inline: 0 !important;
}
.result-stories-list .result-case-inner { transform-origin: center top; }

/* ── Vaka polaroidleri: daha kompakt + üstlerinde asılı ip ── */
.result-stories-list {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: clamp(20px, 2.2vw, 34px) !important;
  row-gap: clamp(44px, 4vw, 68px) !important;
  position: relative;
}
/* Kartların üstünden geçen ip (her satır için) */
.result-stories-list .result-case { position: relative; }
.result-stories-list .result-case::before {
  content: "";
  position: absolute;
  top: 6px;
  left: -50%;
  right: -50%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(63, 63, 63, 0.28) 12%, rgba(63, 63, 63, 0.28) 88%, transparent);
  pointer-events: none;
}
/* Kart gövdesi ipin altına sarksın */
.result-stories-list .result-case-inner {
  margin-top: 14px !important;
  padding: 9px 9px 0 !important;
  border-radius: 6px;
}
.result-stories-list .result-case:nth-child(4n+2) .result-case-inner { margin-top: 24px !important; }
.result-stories-list .result-case:nth-child(4n+3) .result-case-inner { margin-top: 18px !important; }
.result-stories-list .result-case:nth-child(4n+4) .result-case-inner { margin-top: 28px !important; }
/* Eğimler daha ölçülü */
.result-stories-list .result-case:nth-child(4n+1) .result-case-inner { --egim: -1.4deg; }
.result-stories-list .result-case:nth-child(4n+2) .result-case-inner { --egim: 1deg; }
.result-stories-list .result-case:nth-child(4n+3) .result-case-inner { --egim: -0.7deg; }
.result-stories-list .result-case:nth-child(4n+4) .result-case-inner { --egim: 1.3deg; }
/* Mandal ipin üstüne otursun */
.result-stories-list .result-case-inner::before { top: -18px; height: 24px; width: 13px; }
.result-meta { padding: 10px 6px 12px !important; font-size: 14px !important; gap: 4px 9px !important; }

@media (max-width: 1200px) { .result-stories-list { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } }
@media (max-width: 860px)  { .result-stories-list { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }
@media (max-width: 560px)  {
  .result-stories-list { grid-template-columns: 1fr !important; }
  .result-stories-list .result-case::before { display: none; }
}

/* ════════════════════════════════════════════════════════════
   VAKALAR — kavisli ipe asılı tek sıra polaroid (referans düzen)
   ════════════════════════════════════════════════════════════ */
.result-stories-list {
  position: relative;
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: flex-start !important;
  justify-content: center;
  gap: clamp(8px, 1.4vw, 26px) !important;
  grid-template-columns: none !important;
  width: min(1500px, calc(100% - clamp(20px, 3vw, 56px))) !important;
  margin: clamp(60px, 6vw, 96px) auto 0 !important;
  padding-top: 34px !important;
}
/* Kartların üstünden geçen tek kavisli ip */
.result-stories-list::before {
  content: "";
  position: absolute;
  top: 0;
  left: -4%;
  right: -4%;
  height: 120px;
  border-top: 1.5px solid rgba(63, 63, 63, 0.3);
  border-radius: 50% / 100% 100% 0 0;
  pointer-events: none;
}
/* Kartlar ipe asılı: satır boyunca kavise uyacak şekilde kayar */
.result-stories-list .result-case {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  position: relative;
}
.result-stories-list .result-case::before { display: none !important; }
.result-stories-list .result-case-inner {
  margin: 0 auto !important;
  padding: 10px 10px 0 !important;
  border-radius: 5px;
  box-shadow: 0 16px 34px rgba(44, 44, 44, 0.16);
}
/* Kavise oturan dikey kaydırma + doğal eğim (uçlar aşağıda, orta yukarıda) */
.result-stories-list .result-case:nth-child(1) .result-case-inner { --egim: -4deg;  margin-top: 62px !important; }
.result-stories-list .result-case:nth-child(2) .result-case-inner { --egim: -2deg;  margin-top: 26px !important; }
.result-stories-list .result-case:nth-child(3) .result-case-inner { --egim: 0.5deg; margin-top: 8px  !important; }
.result-stories-list .result-case:nth-child(4) .result-case-inner { --egim: 2.5deg; margin-top: 26px !important; }
.result-stories-list .result-case:nth-child(5) .result-case-inner { --egim: 4deg;   margin-top: 62px !important; }
/* Mandal: ipin üstünde */
.result-stories-list .result-case-inner::before {
  top: -19px;
  width: 12px;
  height: 26px;
  border-radius: 3px;
  background: linear-gradient(180deg, #858585, #5b5b5b);
}
.result-stories-list .result-compare { aspect-ratio: 1 / 1; height: auto !important; }
.result-meta {
  flex-direction: column;
  align-items: flex-start !important;
  gap: 2px !important;
  padding: 9px 4px 11px !important;
  font-size: 14px !important;
}
.result-meta strong { font-size: 14px; }

@media (max-width: 900px) {
  .result-stories-list {
    flex-wrap: wrap !important;
    padding-top: 20px !important;
    gap: 22px !important;
  }
  .result-stories-list::before { display: none; }
  .result-stories-list .result-case { flex: 0 0 calc(50% - 11px) !important; }
  .result-stories-list .result-case-inner { --egim: 0deg !important; margin-top: 0 !important; }
}
@media (max-width: 560px) {
  .result-stories-list .result-case { flex: 0 0 100% !important; }
}

/* Before / after stage — centered message with a curved case gallery. */
.result-stories {
  min-height: 820px;
  padding: clamp(86px,7vw,118px) 0 clamp(64px,6vw,92px) !important;
  overflow: hidden;
  background:
    radial-gradient(circle at 88% 92%,rgba(224, 224, 224, .7),transparent 24%),
    radial-gradient(circle at 9% 80%,rgba(235, 235, 235, .82),transparent 25%),
    linear-gradient(180deg,#fafafa 0%,#f9f9f9 58%,#f4f4f4 100%);
}
.result-stories .results-heading {
  width: min(calc(100% - 40px),960px);
  max-width: 960px;
  margin: 0 auto !important;
  text-align: center;
}
.result-stories .results-heading > p {
  display: inline-flex;
  min-height: 30px;
  align-items: center;
  margin: 0 0 20px;
  padding: 6px 13px;
  border: 1px solid rgba(44, 44, 44, .13);
  border-radius: 999px;
  background: rgba(255,255,255,.76);
  color: #4d4d4d;
  font-size: 14px;
  letter-spacing: .1em;
}
.result-stories .results-heading h2 {
  margin: 0;
  color: #141414;
  font-size: clamp(54px,6.8vw,104px);
  font-weight: 600;
  letter-spacing: -.07em;
  line-height: .88;
}
.result-stories .results-heading h2 em { color: #898989; font-style: normal; }
.results-heading-actions {
  display: flex;
  max-width: 720px;
  align-items: center;
  justify-content: center;
  gap: 24px;
  margin: 28px auto 0;
}
.results-heading-actions > span { max-width: 410px; color: #6d6d6d; font-size: 16px; line-height: 1.55; }
.results-heading-actions > a {
  display: inline-flex;
  min-height: 52px;
  flex: 0 0 auto;
  align-items: center;
  gap: 14px;
  padding: 0 20px;
  border-radius: 999px;
  background: #343434;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}
.results-heading-actions > a b { font-size: 17px; font-weight: 500; }

.result-stories .result-stories-list {
  position: relative;
  display: flex !important;
  width: min(1680px,calc(100% - 24px)) !important;
  max-width: none !important;
  flex-wrap: nowrap !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: clamp(12px,1.35vw,25px) !important;
  margin: clamp(54px,5vw,78px) auto 0 !important;
  padding: 38px 0 0 !important;
  overflow: visible;
}
.result-stories .result-stories-list::before {
  display: block;
  position: absolute;
  top: 0;
  right: -4%;
  left: -4%;
  height: 105px;
  border: 0;
  border-top: 1px solid rgba(90, 90, 90, .3);
  border-radius: 50% / 100% 100% 0 0;
  content: "";
}
.result-stories-list .result-case { flex: 0 1 300px !important; min-width: 0 !important; scroll-snap-align: center; }
.result-stories-list .result-case-inner {
  width: 100% !important;
  max-width: 300px !important;
  padding: 9px 9px 0 !important;
  border: 1px solid rgba(55, 55, 55, .1);
  border-radius: 10px;
  background: rgba(255,255,255,.94);
  box-shadow: 0 17px 38px rgba(55, 55, 55, .15);
}
.result-stories-list .result-case:nth-child(1) .result-case-inner { --egim: -5deg; margin-top: 64px !important; }
.result-stories-list .result-case:nth-child(2) .result-case-inner { --egim: -2.5deg; margin-top: 29px !important; }
.result-stories-list .result-case:nth-child(3) .result-case-inner { --egim: 0deg; margin-top: 10px !important; }
.result-stories-list .result-case:nth-child(4) .result-case-inner { --egim: 2.5deg; margin-top: 29px !important; }
.result-stories-list .result-case:nth-child(5) .result-case-inner { --egim: 5deg; margin-top: 64px !important; }
.result-stories-list .result-case-inner::before {
  top: -20px;
  width: 13px;
  height: 27px;
  border-radius: 3px;
  background: linear-gradient(180deg,#8f8f8f,#555555);
  box-shadow: 0 3px 8px rgba(44, 44, 44, .2);
}
.result-stories-list .result-compare {
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: 4 / 3 !important;
  border-radius: 7px;
}
.result-stories-list .result-compare::before,
.result-stories-list .result-compare::after {
  position: absolute;
  z-index: 3;
  top: 9px;
  padding: 5px 7px;
  border-radius: 999px;
  background: rgba(34, 34, 34, .72);
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .06em;
  pointer-events: none;
  backdrop-filter: blur(8px);
}
.result-stories-list .result-compare::before { left: 9px; content: "ÖNCE"; }
.result-stories-list .result-compare::after { right: 9px; content: "SONRA"; }
.result-stories-list .result-meta {
  min-height: 72px;
  align-items: flex-start !important;
  justify-content: center;
  padding: 11px 5px 13px !important;
  font-size: 14px !important;
  line-height: 1.35;
}
.result-stories-list .result-meta strong { color: #323232; font-size: 14px; }
.result-stories .results-note { max-width: 820px; margin: 48px auto 0; padding: 0 20px; color: #747474; text-align: center; font-size: 14px; }

@media (max-width: 900px) {
  .result-stories { min-height: 0; }
  .results-heading-actions { flex-direction: column; gap: 20px; }
  .result-stories .result-stories-list {
    width: 100% !important;
    justify-content: flex-start !important;
    gap: 18px !important;
    padding: 24px 20px 28px !important;
    overflow-x: auto;
    scroll-padding-inline: 20px;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }
  .result-stories .result-stories-list::-webkit-scrollbar { display: none; }
  .result-stories .result-stories-list::before { display: none; }
  .result-stories-list .result-case { flex: 0 0 min(72vw,330px) !important; }
  .result-stories-list .result-case-inner { --egim: 0deg !important; max-width: none !important; margin-top: 0 !important; }
}
@media (max-width: 560px) {
  .result-stories { padding-top: 72px !important; }
  .result-stories .results-heading { width: calc(100% - 32px); }
  .result-stories .results-heading h2 { font-size: clamp(46px,14vw,62px); }
  .results-heading-actions > span { font-size: 15px; }
  .result-stories-list .result-case { flex-basis: 82vw !important; }
}

/* Reference composition: centered headline, deep smile-curve and five clipped cards. */
.result-stories {
  position: relative;
  min-height: clamp(760px,78vw,980px);
  padding: clamp(52px,4.5vw,76px) 0 46px !important;
  background:
    radial-gradient(circle at 92% 92%,rgba(212, 212, 212, .43),transparent 22%),
    radial-gradient(circle at 8% 88%,rgba(229, 229, 229, .5),transparent 22%),
    linear-gradient(180deg,#fafafa 0%,#fafafa 42%,#f7f7f7 100%);
}
.result-stories .results-heading {
  position: relative;
  z-index: 4;
  width: min(calc(100% - 32px),780px);
  max-width: 780px;
}
.result-stories .results-heading > p {
  min-height: 27px;
  margin-bottom: 14px;
  padding: 5px 11px;
  border-color: rgba(50, 50, 50, .13);
  color: #444444;
  font-size: 14px;
  letter-spacing: .035em;
}
.result-stories .results-heading > p span { margin-right: 6px; color: #a2a2a2; }
.result-stories .results-heading h2 {
  font-size: clamp(48px,5vw,78px);
  font-weight: 800;
  letter-spacing: -.065em;
  line-height: .82;
  text-transform: uppercase;
}
.result-stories .results-heading h2 em { color: #141414; font-style: normal; }
.results-heading-actions {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 19px;
}
.results-heading-actions > span { max-width: 520px; color: #595959; font-size: 15px; line-height: 1.45; }
.results-heading-actions > a {
  min-height: 47px;
  padding: 0 22px;
  background: #adadad;
  box-shadow: 0 10px 28px rgba(173, 173, 173, .23);
  color: #1f1f1f;
  font-size: 14px;
}

.result-stories .result-stories-list {
  position: relative;
  z-index: 2;
  box-sizing: border-box;
  width: 100% !important;
  max-width: none !important;
  height: clamp(310px,27vw,430px);
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: clamp(14px,1.4vw,26px) !important;
  margin: clamp(22px,2vw,34px) auto 0 !important;
  padding: 0 clamp(34px,4vw,72px) !important;
  overflow: visible;
}
.result-stories .result-stories-list::before { display: none !important; }
.results-case-arc {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 205px;
  overflow: visible;
  pointer-events: none;
}
.results-case-arc path { fill: none; stroke: rgba(80, 80, 80, .34); stroke-width: 1.2; vector-effect: non-scaling-stroke; }
.result-stories-list .result-case {
  position: relative;
  z-index: 2;
  flex: 0 1 clamp(220px,17vw,305px) !important;
  min-width: 0 !important;
}
.result-stories-list .result-case-inner {
  max-width: 305px !important;
  padding: 9px 9px 0 !important;
  border: 1px solid rgba(50, 50, 50, .12);
  border-radius: 16px;
  box-shadow: 0 17px 34px rgba(60, 60, 60, .14);
  transform-origin: 50% -24px;
}
.result-stories-list .result-case:nth-of-type(1) .result-case-inner { --egim: 8deg; margin-top: 30px !important; }
.result-stories-list .result-case:nth-of-type(2) .result-case-inner { --egim: 5deg; margin-top: 82px !important; }
.result-stories-list .result-case:nth-of-type(3) .result-case-inner { --egim: 0deg; margin-top: 100px !important; }
.result-stories-list .result-case:nth-of-type(4) .result-case-inner { --egim: -5deg; margin-top: 82px !important; }
.result-stories-list .result-case:nth-of-type(5) .result-case-inner { --egim: -8deg; margin-top: 30px !important; }
.result-stories-list .result-case-inner::before {
  top: -20px;
  width: 15px;
  height: 27px;
  border: 3px solid #fdfdfd;
  border-radius: 3px;
  background: #9c9c9c;
  box-shadow: 0 2px 6px rgba(68, 68, 68, .18);
}
.result-stories-list .result-compare {
  aspect-ratio: 1.48 / 1 !important;
  border-radius: 11px;
}
.result-stories-list .result-compare::before,
.result-stories-list .result-compare::after { top: 8px; padding: 4px 7px; font-size: 14px; }
.result-stories-list .result-meta {
  min-height: 76px;
  padding: 10px 7px 12px !important;
  font-size: 14px !important;
}
.result-stories-list .result-meta strong { font-size: 15px; }
.result-stories-list .result-meta > * { max-width: 100%; overflow-wrap: anywhere; }
.results-float-actions {
  position: absolute;
  z-index: 6;
  right: clamp(18px,3vw,50px);
  bottom: clamp(92px,9vw,132px);
  display: grid;
  gap: 12px;
}
.results-float-actions > * {
  display: grid;
  width: 58px;
  height: 58px;
  padding: 0;
  border: 1px solid rgba(53, 53, 53, .14);
  border-radius: 50%;
  background: rgba(255,255,255,.88);
  box-shadow: 0 10px 24px rgba(71, 71, 71, .12);
  color: #242424;
  font-size: 25px;
  cursor: pointer;
  place-items: center;
  backdrop-filter: blur(10px);
}
.results-float-actions > *:hover { background: #adadad; }
.result-stories .results-note { position: relative; z-index: 5; margin-top: -8px; color: #6a6a6a; }

@media (max-width: 1100px) {
  .result-stories { min-height: 760px; }
  .result-stories .result-stories-list {
    width: 100% !important;
    height: auto;
    margin: 34px 0 0 !important;
    padding: 26px 18px 34px !important;
    overflow-x: auto;
  }
  .results-case-arc { display: none; }
  .result-stories-list .result-case { flex: 0 0 min(72vw,310px) !important; }
  .result-stories-list .result-case-inner { --egim: 0deg !important; margin-top: 0 !important; }
  .results-float-actions { display: none; }
  .result-stories .results-note { margin-top: 12px; }
}
@media (max-width: 560px) {
  .result-stories .results-heading h2 { font-size: clamp(43px,12.7vw,58px); line-height: .84; }
  .result-stories-list .result-case { flex-basis: 82vw !important; }
}

/* Aksu visual system: Apple-style type, dental ice palette, no extra controls. */
.result-stories {
  min-height: clamp(760px,70vw,900px);
  color: var(--ink);
  font-family: var(--font-body);
  background:
    radial-gradient(circle at 92% 92%,rgba(187, 187, 187, .2),transparent 24%),
    radial-gradient(circle at 8% 88%,rgba(233, 233, 233, .72),transparent 24%),
    linear-gradient(180deg,#f9f9f9 0%,#f9f9f9 42%,#f1f1f1 100%);
}
.result-stories .results-heading > p:first-child {
  display: block;
  min-height: 0;
  margin: 0 0 15px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--accent-deep);
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 650;
  letter-spacing: .12em;
}
.result-stories .results-heading h2 {
  color: var(--ink);
  font-family: var(--font-heading) !important;
  font-weight: 600;
  line-height: .88;
}
.result-stories .results-heading h2 em { color: var(--accent-deep); }
.result-stories .results-heading .results-intro {
  max-width: 560px;
  margin: 22px auto 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--muted);
  font-family: var(--font-body);
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.55;
  text-transform: none;
}
.results-case-arc path { stroke: rgba(111, 111, 111, .3); }
.result-stories-list .result-case-inner {
  border-color: var(--line);
  box-shadow: 0 17px 34px rgba(19, 19, 19, .13);
}
.result-stories-list .result-case-inner::before {
  border-color: #f9f9f9;
  background: var(--accent);
  box-shadow: 0 2px 6px rgba(19, 19, 19, .18);
}
.result-stories-list .result-case:nth-of-type(1) .result-case-inner::before { top: -14px; transform: translateX(-50%) rotate(-8deg); }
.result-stories-list .result-case:nth-of-type(2) .result-case-inner::before { top: -23px; transform: translateX(-50%) rotate(-5deg); }
.result-stories-list .result-case:nth-of-type(3) .result-case-inner::before { top: -30px; transform: translateX(-50%); }
.result-stories-list .result-case:nth-of-type(4) .result-case-inner::before { top: -23px; transform: translateX(-50%) rotate(5deg); }
.result-stories-list .result-case:nth-of-type(5) .result-case-inner::before { top: -14px; transform: translateX(-50%) rotate(8deg); }
.result-stories-list .result-meta {
  align-items: center !important;
  color: var(--muted);
  font-family: var(--font-body);
  text-align: center;
}
.result-stories-list .result-meta strong { color: var(--ink); }
.result-stories-list .result-meta > * {
  padding-right: 0 !important;
  padding-left: 0 !important;
  border-right: 0 !important;
}
.result-stories .results-note {
  color: var(--muted);
  font-family: var(--font-body);
}
.results-all-link {
  position: relative;
  z-index: 6;
  display: flex;
  width: max-content;
  min-height: 54px;
  align-items: center;
  justify-content: center;
  gap: 16px;
  margin: 28px auto 0;
  padding: 0 24px;
  border: 1px solid var(--dark);
  border-radius: 999px;
  background: var(--dark);
  color: #fff;
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .025em;
  transition: color .25s ease,background .25s ease,transform .25s ease;
}
.results-all-link span { font-size: 18px; font-weight: 400; }
.results-all-link:hover { background: transparent; color: var(--dark); transform: translateY(-2px); }

/* International journey step headings use the Aksu accent colour. */
.journey-story .journey-step-copy h3 {
  color: var(--accent-deep);
}
.journey-story .journey-step-copy > small {
  color: #7b7b7b;
}

/* Uluslararası bölüm etiketi: adım kartlarındaki altın/bej tonla eşitlendi */
.journey-story-head > p {
  color: #7b7b7b !important;
  font-weight: 750 !important;
}
.journey-story-head > p span { background: rgba(123, 123, 123, 0.5) !important; }

/* ==========================================================
   TEK VE SABIT CTA SISTEMI
   Navigasyon/slider/kapatma kontrolleri bu sistemin disindadir.
   ========================================================== */
:root {
  --aksu-cta-bg: #131313;
  --aksu-cta-bg-hover: #2d2d2d;
  --aksu-cta-text: #ffffff;
  --aksu-cta-shadow: 0 12px 26px rgba(44, 44, 44, .18);
}

:is(
  .header-cta,
  .precision-cta,
  .clinic-signature-lead a,
  .clinic-package-foot button,
  .nav-mega-cta,
  .smile-panel-cta,
  .doctor-tumu,
  .results-all-link,
  .journey-cta,
  .page-cta:is(a, button),
  .page-cta a,
  .neo-glass-button,
  .guide-cta:is(a, button),
  .guide-cta a,
  .treatment-detail-aside a,
  .treatment-detail-bottom a,
  .wizard-next,
  .button-primary
) {
  display: inline-flex !important;
  width: max-content;
  min-width: 0;
  min-height: 54px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 15px !important;
  padding: 0 25px !important;
  border: 1px solid var(--aksu-cta-bg) !important;
  border-radius: 999px !important;
  background: var(--aksu-cta-bg) !important;
  box-shadow: var(--aksu-cta-shadow) !important;
  color: var(--aksu-cta-text) !important;
  font-family: var(--font-body) !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: .015em !important;
  text-align: center;
  text-decoration: none !important;
  text-transform: none !important;
  white-space: nowrap;
  cursor: pointer;
  backdrop-filter: none !important;
  filter: none !important;
  transition: background-color .24s ease, border-color .24s ease,
              box-shadow .24s ease, transform .24s ease !important;
}

:is(
  .header-cta,
  .precision-cta,
  .clinic-signature-lead a,
  .clinic-package-foot button,
  .nav-mega-cta,
  .smile-panel-cta,
  .doctor-tumu,
  .results-all-link,
  .journey-cta,
  .page-cta:is(a, button),
  .page-cta a,
  .neo-glass-button,
  .guide-cta:is(a, button),
  .guide-cta a,
  .treatment-detail-aside a,
  .treatment-detail-bottom a,
  .wizard-next,
  .button-primary
):is(:hover, :focus-visible) {
  border-color: var(--aksu-cta-bg-hover) !important;
  background: var(--aksu-cta-bg-hover) !important;
  box-shadow: 0 16px 32px rgba(44, 44, 44, .24) !important;
  color: #fff !important;
  transform: translateY(-2px) !important;
}

:is(
  .header-cta,
  .precision-cta,
  .clinic-signature-lead a,
  .clinic-package-foot button,
  .nav-mega-cta,
  .smile-panel-cta,
  .doctor-tumu,
  .results-all-link,
  .journey-cta,
  .page-cta:is(a, button),
  .page-cta a,
  .neo-glass-button,
  .guide-cta:is(a, button),
  .guide-cta a,
  .treatment-detail-aside a,
  .treatment-detail-bottom a,
  .wizard-next,
  .button-primary
):active {
  box-shadow: 0 7px 16px rgba(44, 44, 44, .18) !important;
  transform: translateY(0) !important;
}

/* Onceki ozel ikon kutularini ortak butondaki sade oka cevir. */
:is(.neo-glass-button, .smile-panel-cta, .clinic-package-foot button) > i {
  display: inline !important;
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: currentColor !important;
  font-size: 18px !important;
  font-style: normal !important;
  font-weight: 400 !important;
}

:is(.header-cta, .precision-cta, .doctor-tumu, .results-all-link, .journey-cta,
    .page-cta a, .guide-cta a, .treatment-detail-aside a, .wizard-next,
    .button-primary) > span[aria-hidden="true"],
.button-primary > .button-icon {
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
}

/* Koyu footer yerine acik dental-ice alan: sabit lacivert CTA kaybolmaz. */
.journey-story-foot {
  border: 1px solid rgba(91, 91, 91, .13) !important;
  background: linear-gradient(110deg, #f5f5f5 0%, #eeeeee 100%) !important;
  box-shadow: 0 20px 48px rgba(61, 61, 61, .12) !important;
  color: var(--ink) !important;
}
.journey-story-foot strong { color: var(--ink) !important; }
.journey-story .journey-languages a { color: #6c6c6c !important; }
.journey-story .journey-languages a:hover { color: var(--aksu-cta-bg) !important; }
.journey-story .journey-cta { margin: 0 !important; }

/* Vaka arsivi CTA'si her ekran genisliginde bolumun tam ortasinda kalir. */
.result-stories .results-all-link {
  display: flex !important;
  margin: 28px auto 0 !important;
}

/* Ana sayfadaki onceki yuksek ozgulluklu kurallari da ayni fonta sabitle. */
.home-page .precision-cta,
.home-page .neo-glass-button {
  font-size: 14px !important;
}

/* Bolum kabuklari buton degildir; yerlesimleri normal blok olarak kalir. */
section.page-cta,
section.guide-cta {
  display: block !important;
  min-height: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: inherit !important;
  font: inherit !important;
  letter-spacing: normal !important;
  text-transform: none !important;
}

@media (max-width: 720px) {
  :is(.journey-story .journey-cta, .guide-cta a, .page-cta a,
      .smile-panel-cta, .clinic-package-foot button, .wizard-next,
      .button-primary) {
    width: 100%;
  }
  :is(.header-cta, .precision-cta, .clinic-signature-lead a,
      .clinic-package-foot button, .nav-mega-cta, .smile-panel-cta,
      .doctor-tumu, .results-all-link, .journey-cta, .page-cta a,
      .neo-glass-button, .guide-cta a, .treatment-detail-aside a,
      .treatment-detail-bottom a, .wizard-next, .button-primary) {
    min-height: 52px !important;
    padding-inline: 21px !important;
    font-size: 14px !important;
  }
  .home-page .precision-cta,
  .home-page .neo-glass-button {
    font-size: 14px !important;
  }
}

/* ==========================================================
   SSS — GORSELSIZ, SADE VE METIN ODAKLI DUZEN
   ========================================================== */
.guide-faq.home-faq {
  padding: clamp(78px, 7vw, 108px) 0 !important;
  background: #f9f9f9 !important;
}
.home-faq-top {
  align-items: flex-end;
  margin-bottom: clamp(38px, 4vw, 54px);
}
.home-faq-top h2 {
  margin-top: 20px;
  color: #565656 !important;
  font-size: clamp(48px, 5.2vw, 76px);
  line-height: .94;
}
.home-faq-top h2 em {
  color: #939393 !important;
}
.home-faq .faq-shell {
  grid-template-columns: minmax(0, .9fr) minmax(360px, 1.1fr);
  min-height: 430px;
  overflow: visible;
  border: 0;
  border-top: 1px solid rgba(44, 44, 44, .16);
  border-bottom: 1px solid rgba(44, 44, 44, .16);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.home-faq .faq-menu {
  border-right: 1px solid rgba(44, 44, 44, .14);
}
.home-faq .faq-menu button {
  min-height: 70px;
  padding: 18px 24px 18px 18px;
  border-bottom: 1px solid rgba(44, 44, 44, .09);
  background: transparent;
}
.home-faq .faq-menu button::before {
  top: 14px;
  bottom: 14px;
  width: 2px;
  border-radius: 2px;
  background: var(--accent-deep);
}
.home-faq .faq-menu button i {
  min-width: 27px;
  color: #8d8d8d;
  font-size: 14px;
  font-weight: 700;
}
.home-faq .faq-menu button b {
  color: #626262;
  font-size: 16px;
  font-weight: 550;
  line-height: 1.35;
}
.home-faq .faq-menu button span {
  color: var(--accent-deep);
  font-size: 17px;
}
.home-faq .faq-menu button:hover,
.home-faq .faq-menu button.is-active {
  background: rgba(233, 233, 233, .52);
}
.home-faq .faq-menu button.is-active i,
.home-faq .faq-menu button.is-active b {
  color: #5c5c5c;
}
.home-faq .faq-stage {
  min-height: 430px;
  justify-content: center;
  padding: clamp(42px, 5vw, 76px);
  overflow: visible;
}
.home-faq .faq-ghost {
  position: static;
  display: inline-flex;
  width: max-content;
  min-width: 46px;
  height: 28px;
  align-items: center;
  justify-content: center;
  margin-bottom: 24px;
  border: 1px solid rgba(111, 111, 111, .24);
  border-radius: 999px;
  background: rgba(242, 242, 242, .75);
  color: var(--accent-deep);
  font-size: 14px;
  font-weight: 750;
  letter-spacing: .08em;
  line-height: 1;
}
.home-faq .faq-ghost::after {
  margin-left: 3px;
  color: #949494;
  content: "/ 06";
  font-weight: 550;
}
.home-faq .faq-stage h3 {
  max-width: 25ch;
  margin: 0 0 20px;
  color: #5e5e5e;
  font-size: clamp(28px, 2.5vw, 40px);
  font-weight: 600;
  letter-spacing: -.035em;
  line-height: 1.12;
}
.home-faq .faq-stage > p {
  max-width: 56ch;
  margin: 0;
  color: #6a6a6a;
  font-size: 17px;
  line-height: 1.72;
}
.home-faq .faq-stage-foto { display: none !important; }
.home-faq .faq-stage.is-swapping h3,
.home-faq .faq-stage.is-swapping > p {
  opacity: 0;
  transform: translateY(6px);
}

@media (max-width: 900px) {
  .home-faq .faq-shell {
    grid-template-columns: 1fr;
    min-height: 0;
  }
  .home-faq .faq-menu {
    border-right: 0;
    border-bottom: 1px solid rgba(44, 44, 44, .14);
  }
  .home-faq .faq-stage {
    min-height: 310px;
    padding: 38px 24px 42px;
  }
}

@media (max-width: 600px) {
  .guide-faq.home-faq { padding: 68px 0 !important; }
  .home-faq-top { gap: 24px; margin-bottom: 34px; }
  .home-faq-top h2 { font-size: clamp(43px, 13vw, 56px); }
  .home-faq .faq-menu button { min-height: 64px; padding: 15px 12px; gap: 10px; }
  .home-faq .faq-menu button b { font-size: 15px; }
  .home-faq .faq-menu button span { display: none; }
  .home-faq .faq-stage { min-height: 280px; padding: 32px 18px 36px; }
  .home-faq .faq-ghost { margin-bottom: 20px; }
  .home-faq .faq-stage h3 { font-size: 28px; }
  .home-faq .faq-stage > p { font-size: 16px; line-height: 1.65; }
}

/* Ust navigasyon: aktif sayfa sade bir alt cizgiyle belirtilir. */
.site-header .desktop-nav > a[aria-current="page"],
.site-header .desktop-nav > .nav-item > a[aria-current="page"] {
  color: var(--accent-deep) !important;
}
.site-header .desktop-nav > a[aria-current="page"]::after,
.site-header .desktop-nav > .nav-item > a[aria-current="page"]::after {
  transform: scaleX(1);
}
.mobile-menu nav > a[aria-current="page"],
.mobile-nav-group > a[aria-current="page"] {
  color: var(--accent-deep);
}

/* Galeri: resmi sitede yayinlanan hasta portreleri. */
.patient-records {
  position: relative;
  overflow: hidden;
  padding: clamp(72px, 7vw, 108px) 0;
  background:
    radial-gradient(circle at 9% 0%, rgba(150, 150, 150, .16), transparent 28%),
    radial-gradient(circle at 94% 100%, rgba(187, 187, 187, .1), transparent 25%),
    #2a2a2a;
  color: #fff;
}
.patient-records::before {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(120deg, transparent 0 48%, rgba(255, 255, 255, .035) 48.1% 48.2%, transparent 48.3%);
  content: "";
}
.patient-records-head {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 30px;
  margin-bottom: clamp(30px, 3vw, 46px);
}
.patient-records-head .eyebrow {
  color: #aeaeae;
}
.patient-records-head .eyebrow > span {
  background: #aeaeae;
}
.patient-records-head h2 {
  margin: 17px 0 0;
  color: #f8f8f8;
  font-size: clamp(44px, 4.7vw, 70px);
  font-weight: 620;
  letter-spacing: -.05em;
  line-height: .96;
}
.patient-records-head > p {
  margin: 0 0 5px;
  color: rgba(244, 244, 244, .72);
  font-size: 15px;
  font-weight: 650;
}
.patient-records-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: clamp(12px, 1.25vw, 20px);
}
.patient-record-card {
  position: relative;
  min-width: 0;
  aspect-ratio: 4 / 5;
  overflow: hidden;
  border: 1px solid rgba(229, 229, 229, .19);
  border-radius: 14px;
  background: #373737;
  box-shadow: 0 18px 42px rgba(17, 17, 17, .2);
}
.patient-record-card::after {
  position: absolute;
  inset: 42% 0 0;
  background: linear-gradient(transparent, rgba(18, 18, 18, .84));
  pointer-events: none;
  content: "";
}
.patient-record-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 24%;
}
.patient-record-card > div {
  position: absolute;
  right: 18px;
  bottom: 18px;
  left: 18px;
  z-index: 1;
}
.patient-record-card h3 {
  margin: 0;
  color: #fff;
  font-family: var(--font-body);
  font-size: clamp(16px, 1.05vw, 19px);
  font-weight: 720;
  letter-spacing: -.025em;
  line-height: 1.15;
}
.patient-record-card p {
  margin: 7px 0 0;
  color: rgba(244, 244, 244, .76);
  font-size: 14px;
  line-height: 1.25;
}

@media (max-width: 1120px) {
  .patient-records-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 820px) {
  .patient-records-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
  .patient-records-head { align-items: start; flex-direction: column; }
  .patient-records-head > p { margin: 0; }
}
@media (max-width: 460px) {
  .patient-records { padding: 64px 0; }
  .patient-records-grid { gap: 10px; }
  .patient-record-card { border-radius: 10px; }
  .patient-record-card > div { right: 12px; bottom: 13px; left: 12px; }
  .patient-record-card h3 { font-size: 16px; }
  .patient-record-card p { font-size: 14px; }
}

.clinical-records {
  padding: clamp(74px, 7vw, 112px) 0;
  background: #f8f8f8;
}
.clinical-records-head {
  margin-bottom: clamp(38px, 4vw, 58px);
}
.clinical-records-head h2 {
  max-width: 780px;
  margin: 18px 0 0;
  color: #8c8c8c;
  font-size: clamp(42px, 4.6vw, 68px);
  font-weight: 620;
  letter-spacing: -.05em;
  line-height: .98;
}
.clinical-record-groups {
  display: grid;
  gap: clamp(58px, 6vw, 88px);
}
.clinical-record-group {
  min-width: 0;
}
.clinical-record-group > header {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr) auto;
  gap: 16px;
  align-items: center;
  margin-bottom: 20px;
  padding-bottom: 17px;
  border-bottom: 1px solid rgba(86, 86, 86, .2);
}
.clinical-record-group > header > span {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  border-radius: 50%;
  background: #131313;
  color: #fff;
  font-size: 14px;
  font-weight: 720;
}
.clinical-record-group > header h3 {
  margin: 0;
  color: #3b3b3b;
  font-family: var(--font-body);
  font-size: clamp(24px, 2vw, 32px);
  font-weight: 700;
  letter-spacing: -.035em;
}
.clinical-record-group > header p {
  margin: 0;
  color: #767676;
  font-size: 15px;
  font-weight: 600;
}
.clinical-record-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 12px;
}
.clinical-record-grid--five {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.patient-record-shot {
  position: relative;
  min-width: 0;
  aspect-ratio: 1;
  overflow: hidden;
  padding: 0;
  border: 1px solid rgba(59, 59, 59, .13);
  border-radius: 10px;
  background: #ebebeb;
  box-shadow: 0 12px 32px rgba(56, 56, 56, .07);
  cursor: pointer;
}
.patient-record-shot::after {
  position: absolute;
  right: 12px;
  bottom: 12px;
  display: grid;
  width: 36px;
  height: 36px;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, .72);
  border-radius: 50%;
  background: rgba(37, 37, 37, .72);
  color: #fff;
  content: "+";
  font-size: 21px;
  font-weight: 350;
  opacity: 0;
  transition: opacity .25s ease, transform .25s ease;
  transform: translateY(5px);
}
.patient-record-shot:hover::after,
.patient-record-shot:focus-visible::after {
  opacity: 1;
  transform: translateY(0);
}
.patient-record-shot img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.patient-lightbox[hidden] { display: none; }
.patient-lightbox {
  position: fixed;
  inset: 0;
  z-index: 24000;
  display: grid;
  padding: clamp(20px, 4vw, 64px);
  place-items: center;
  background: rgba(17, 17, 17, .9);
  backdrop-filter: blur(16px);
}
.patient-lightbox figure {
  display: grid;
  width: min(92vw, 1180px);
  height: min(86vh, 900px);
  margin: 0;
  place-items: center;
}
.patient-lightbox figure img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  border-radius: 8px;
  box-shadow: 0 28px 90px rgba(0, 0, 0, .38);
  object-fit: contain;
}
.patient-lightbox-close {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 1;
  display: grid;
  width: 48px;
  height: 48px;
  padding: 0;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, .45);
  border-radius: 50%;
  background: rgba(32, 32, 32, .86);
  color: #fff;
  cursor: pointer;
  font-size: 28px;
  font-weight: 320;
}
body.patient-lightbox-open { overflow: hidden; }

@media (pointer: fine) {
  body.has-aksu-cursor.patient-lightbox-open,
  body.has-aksu-cursor.patient-lightbox-open .patient-lightbox,
  body.has-aksu-cursor.patient-lightbox-open .patient-lightbox * { cursor: default !important; }
  body.has-aksu-cursor.patient-lightbox-open .patient-lightbox button { cursor: pointer !important; }
  body.has-aksu-cursor.patient-lightbox-open .aksu-cursor { opacity: 0 !important; }
}
@media (max-width: 1120px) {
  .clinical-record-grid,
  .clinical-record-grid--five { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 620px) {
  .clinical-records { padding: 64px 0 72px; }
  .clinical-record-group > header { grid-template-columns: 46px minmax(0, 1fr); gap: 12px; }
  .clinical-record-group > header > span { width: 40px; height: 40px; }
  .clinical-record-group > header p { display: none; }
  .clinical-record-grid,
  .clinical-record-grid--five { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
  .patient-record-shot::after { right: 8px; bottom: 8px; width: 32px; height: 32px; opacity: 1; transform: none; }
  .patient-lightbox { padding: 16px; }
  .patient-lightbox-close { top: 14px; right: 14px; }
}

/* Guvence kartindaki tum buyutme isaretleri gercek kontrol olarak calisir. */
.clinic-certificate-trigger {
  display: grid;
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  padding: 0;
  place-items: center;
  border: 1px solid rgba(72, 72, 72, .28);
  border-radius: 50%;
  background: rgba(255, 255, 255, .36);
  color: #565656;
  cursor: zoom-in;
  transition: color .22s ease, background .22s ease, border-color .22s ease, transform .22s ease;
}
.clinic-certificate-trigger svg,
.clinic-certificate-select b svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.clinic-certificate-trigger:hover,
.clinic-certificate-trigger:focus-visible {
  border-color: #555555;
  background: #131313;
  color: #fff;
  transform: translateY(-2px);
}
.clinic-certificate-copy > .clinic-certificate-select {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 16px 0 0;
  border: 0;
  border-top: 1px solid rgba(72, 72, 72, .24);
  border-radius: 0;
  background: transparent;
  color: #373737;
  cursor: zoom-in;
  font-size: 14px;
  font-weight: 720;
  letter-spacing: .045em;
  line-height: 1.3;
  text-align: left;
  text-transform: uppercase;
  transition: color .22s ease;
}
.clinic-certificate-copy > .clinic-certificate-select b {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
}
.clinic-certificate-copy > .clinic-certificate-select:hover,
.clinic-certificate-copy > .clinic-certificate-select:focus-visible {
  color: #5c5c5c;
}
.certificate-viewer figure img { cursor: zoom-out; }
body.certificate-viewer-open { overflow: hidden; }
.certificate-viewer-nav {
  position: absolute;
  top: 50%;
  z-index: 3;
  display: grid;
  width: 52px;
  height: 52px;
  padding: 0;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, .5);
  border-radius: 50%;
  background: rgba(32, 32, 32, .86);
  box-shadow: 0 12px 32px rgba(0, 0, 0, .24);
  color: #fff;
  cursor: pointer;
  font-size: 23px;
  line-height: 1;
  transform: translateY(-50%);
  transition: background .22s ease, transform .22s ease;
}
.certificate-viewer-nav--prev { left: 16px; }
.certificate-viewer-nav--next { right: 16px; }
.certificate-viewer-nav:hover,
.certificate-viewer-nav:focus-visible {
  background: #9c9c9c;
  transform: translateY(-50%) scale(1.06);
}

@media (pointer: fine) {
  body.has-aksu-cursor.certificate-viewer-open .certificate-viewer,
  body.has-aksu-cursor.certificate-viewer-open .certificate-viewer * { cursor: default !important; }
  body.has-aksu-cursor.certificate-viewer-open .certificate-viewer figure img { cursor: zoom-out !important; }
  body.has-aksu-cursor.certificate-viewer-open .certificate-viewer button { cursor: pointer !important; }
  body.has-aksu-cursor.certificate-viewer-open .aksu-cursor { opacity: 0 !important; }
}
@media (max-width: 760px) {
  .certificate-viewer-nav { top: auto; bottom: 14px; width: 46px; height: 46px; transform: none; }
  .certificate-viewer-nav--prev { left: 14px; }
  .certificate-viewer-nav--next { right: 14px; }
  .certificate-viewer-nav:hover,
  .certificate-viewer-nav:focus-visible { transform: scale(1.05); }
}

/* Release QA: responsive safety, keyboard focus and touch-cursor fallback. */
html,
body {
  max-width: 100%;
  overflow-x: clip;
}

img,
video,
svg {
  max-width: 100%;
}

:where(a, button, input, textarea, select, summary, [tabindex]):focus-visible {
  outline: 3px solid #bbbbbb;
  outline-offset: 4px;
}

@media (max-width: 760px) {
  .doctor-showcase-inner {
    width: 100% !important;
  }

  .doctor-showcase-rail {
    display: flex !important;
    grid-template-columns: none !important;
    gap: 14px !important;
    padding: 0 20px 18px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-padding-inline: 20px;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }

  .doctor-showcase-rail::-webkit-scrollbar {
    display: none;
  }

  .doctor-profile-card {
    flex: 0 0 min(82vw, 320px) !important;
    scroll-snap-align: center;
  }

  .doctor-profile-card figure {
    aspect-ratio: 1 / 1.04;
  }

  .doctor-profile-copy {
    min-height: 128px;
  }

  .consultation-dialog,
  .certificate-viewer {
    max-width: calc(100vw - 18px);
  }
}

@media (pointer: coarse) {
  .aksu-cursor {
    display: none !important;
  }

  body.has-aksu-cursor,
  body.has-aksu-cursor a,
  body.has-aksu-cursor button,
  body.has-aksu-cursor input,
  body.has-aksu-cursor textarea,
  body.has-aksu-cursor select,
  body.has-aksu-cursor [data-cursor] {
    cursor: auto !important;
  }
}

/* Multiline heading rhythm: prevent Turkish capitals and italic lines overlapping. */
:is(
  .neo-section-head h2,
  .neo-transform-head h2,
  .neo-contact-copy h2,
  .clinic-signature-head h2,
  .clinic-signature-copy h3,
  .clinic-package-head h3,
  .scan-smile-intro h2,
  .scan-stage-copy h3,
  .treatment-gallery-heading h2,
  .treatment-carousel-intro h2,
  .smile-explorer-heading h2,
  .editorial-doctor-copy h2,
  .results-heading h2,
  .real-stories-heading h2,
  .international-heading h2,
  .journey-story-head h2,
  .home-faq-top h2,
  .doctor-showcase-head h2,
  .menu-banner h1,
  .treatment-detail-hero h1,
  .treatment-detail-hero .treatment-panel-title,
  .patient-records-head h2,
  .clinical-records-head h2,
  .real-smiles-finale h3
) {
  line-height: 1.02 !important;
}

.real-smiles-wordmark {
  line-height: .88 !important;
}

:is(
  .results-heading h2,
  .real-stories-heading h2,
  .international-heading h2,
  .clinic-signature-head h2,
  .journey-story-head h2,
  .home-faq-top h2,
  .doctor-showcase-head h2,
  .menu-banner h1
) br + em {
  display: inline-block;
  padding-top: .05em;
}

@media (max-width: 760px) {
  :is(
    .neo-section-head h2,
    .neo-transform-head h2,
    .neo-contact-copy h2,
    .clinic-signature-head h2,
    .clinic-signature-copy h3,
    .clinic-package-head h3,
    .scan-smile-intro h2,
    .scan-stage-copy h3,
    .treatment-gallery-heading h2,
    .treatment-carousel-intro h2,
    .smile-explorer-heading h2,
    .editorial-doctor-copy h2,
    .results-heading h2,
    .real-stories-heading h2,
    .international-heading h2,
    .journey-story-head h2,
    .home-faq-top h2,
    .doctor-showcase-head h2,
    .menu-banner h1,
    .treatment-detail-hero .treatment-panel-title,
    .real-smiles-finale h3
  ) {
    line-height: 1.08 !important;
  }

  .real-smiles-wordmark {
    line-height: .94 !important;
  }
}

/* Footer agency mark: keep the URL reveal proportional to the compact 360 icon. */
.agency-signature {
  width: 92px;
  height: 24px;
}

.agency-card i {
  background-position: left center;
}

.agency-front {
  background-size: 54px auto !important;
}

.agency-back {
  background-size: 74px auto !important;
}

/* 2026-09 gallery film, international flight intro and highlighted header CTA. */
.site-header .header-cta {
  border-color: rgba(255,255,255,.18) !important;
  background: linear-gradient(135deg, #707070, #4a4a4a) !important;
  box-shadow: 0 16px 34px rgba(74, 74, 74, .3) !important;
  color: #fff !important;
}
.site-header .header-cta:is(:hover, :focus-visible) {
  border-color: rgba(255,255,255,.24) !important;
  background: linear-gradient(135deg, #707070, #4a4a4a) !important;
  box-shadow: 0 20px 40px rgba(74, 74, 74, .38) !important;
  filter: brightness(1.05);
  color: #fff !important;
}

.menu-banner--video { background: #1c1c1c; }
.menu-banner-video {
  position: absolute;
  inset: 0;
  z-index: -2;
  overflow: hidden;
  opacity: .38;
  pointer-events: none;
}
.menu-banner-video iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  width: max(100vw, 177.78vh);
  height: max(56.25vw, 100vh);
  border: 0;
  transform: translate(-50%, -50%) scale(1.025);
  pointer-events: none;
}
.menu-banner--video::after {
  background:
    linear-gradient(90deg, rgba(23, 23, 23, .96) 0%, rgba(23, 23, 23, .77) 44%, rgba(23, 23, 23, .42) 100%),
    linear-gradient(0deg, rgba(23, 23, 23, .78), transparent 64%);
}
.menu-banner-whatsapp {
  position: absolute;
  right: max(24px, calc((100vw - var(--container)) / 2));
  bottom: 42px;
  z-index: 3;
  display: grid;
  width: 60px;
  height: 60px;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, .56);
  border-radius: 50%;
  background: #a6a6a6;
  box-shadow: 0 16px 36px rgba(0, 0, 0, .24);
  color: #fff;
  cursor: pointer;
  transition: transform .25s ease, box-shadow .25s ease, background .25s ease;
}
.menu-banner-whatsapp svg { width: 29px; height: 29px; fill: currentColor; }
.menu-banner-whatsapp:is(:hover, :focus-visible) {
  background: #949494;
  box-shadow: 0 19px 42px rgba(0, 0, 0, .32);
  transform: translateY(-3px) scale(1.03);
}

.about-human-story {
  display: grid;
  grid-template-columns: minmax(320px, .92fr) minmax(340px, 1.08fr);
  gap: clamp(42px, 7vw, 112px);
  align-items: center;
  padding-block: clamp(22px, 4vw, 64px) clamp(88px, 9vw, 140px);
}
.about-human-story figure {
  height: clamp(440px, 54vw, 700px);
  margin: 0;
  overflow: hidden;
  border-radius: 4px 92px 4px 4px;
  background: #e6e6e6;
}
.about-human-story figure img { width: 100%; height: 100%; object-fit: cover; object-position: 68% center; }
.about-human-story h2 {
  margin: 22px 0 28px;
  color: #303030;
  font-size: clamp(44px, 5vw, 72px);
  font-weight: 600;
  letter-spacing: -.055em;
  line-height: .98;
}
.about-human-story h2 em { color: #8b8b8b; font-style: normal; }
.about-human-story > div > p:last-child { max-width: 600px; color: #707070; font-size: 17px; line-height: 1.72; }

.journey-flight-intro {
  position: absolute;
  inset: 0;
  z-index: 12;
  overflow: hidden;
  background: rgba(245, 245, 245, .9);
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}
.journey-aircraft {
  position: absolute;
  top: clamp(150px, 15vw, 235px);
  left: -30vw;
  width: clamp(390px, 43vw, 690px);
  filter: drop-shadow(0 28px 30px rgba(61, 61, 61, .18));
  transform: rotate(-4deg);
}
.journey-aircraft svg { display: block; width: 100%; height: auto; }
.journey-aircraft-shadow { fill: rgba(66, 66, 66, .14); }
.journey-aircraft-body { fill: #fff; stroke: #c3c3c3; stroke-width: 2; }
.journey-aircraft-accent { fill: #989898; opacity: .92; }
.journey-aircraft img {
  position: absolute;
  top: 37%;
  left: 47%;
  width: 22%;
  height: auto;
  object-fit: contain;
  transform: rotate(-1deg);
}
.journey-story.is-flight-started .journey-flight-intro {
  visibility: visible;
  animation: journey-flight-layer 2.15s both;
}
.journey-story.is-flight-started .journey-aircraft { animation: journey-aircraft-pass 2s cubic-bezier(.2,.68,.2,1) both; }
.journey-story.is-flight-started .journey-wide { animation: journey-page-open .9s .92s both; }
.journey-story.is-flight-complete .journey-flight-intro { display: none; }

.journey-country-band {
  position: relative;
  z-index: 2;
  display: flex;
  width: min(calc(100% - 40px), 900px);
  min-height: 72px;
  align-items: center;
  justify-content: center;
  gap: clamp(14px, 2.5vw, 30px);
  margin: -36px auto 60px;
  padding: 12px 26px;
  border: 1px solid rgba(117, 117, 117, .12);
  border-radius: 999px;
  background: rgba(255, 255, 255, .88);
  box-shadow: 0 18px 48px rgba(69, 69, 69, .08);
  backdrop-filter: blur(14px);
}
.journey-country-band > span {
  display: grid;
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  place-items: center;
  border: 1px solid rgba(50, 50, 50, .1);
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 7px 17px rgba(64, 64, 64, .08);
  overflow: hidden;
}
.journey-country-band > span img,
.clinical-record-group > header > .patient-country-flag img { display: block; width: 100%; height: 100%; border-radius: 50%; object-fit: cover; }
.journey-country-band strong {
  padding-inline: 10px;
  color: #585858;
  font-size: 14px;
  font-weight: 750;
  letter-spacing: .1em;
  text-transform: uppercase;
  white-space: nowrap;
}

.clinical-record-group > header { grid-template-columns: 58px minmax(0, 1fr); }
.clinical-record-group > header > .patient-country-flag {
  width: 48px;
  height: 48px;
  border: 1px solid rgba(59, 59, 59, .12);
  background: #fff;
  box-shadow: 0 8px 20px rgba(54, 54, 54, .09);
  overflow: hidden;
  padding: 3px;
}

@keyframes journey-aircraft-pass {
  0% { left: -30vw; transform: translateY(42px) rotate(-8deg) scale(.94); }
  56% { transform: translateY(-10px) rotate(-2deg) scale(1); }
  100% { left: 108vw; transform: translateY(-92px) rotate(4deg) scale(.92); }
}
@keyframes journey-flight-layer {
  0% { opacity: 0; }
  5%, 76% { opacity: 1; }
  100% { opacity: 0; }
}
@keyframes journey-page-open {
  0% { opacity: 0; clip-path: inset(0 50% 0 50%); transform: scale(.985); }
  100% { opacity: 1; clip-path: inset(0); transform: scale(1); }
}

@media (max-width: 760px) {
  .menu-banner-video iframe { width: max(177.78vw, 100vh); height: max(100vw, 56.25vh); }
  .menu-banner-whatsapp { right: 20px; bottom: 28px; width: 54px; height: 54px; }
  .menu-banner-copy { padding-right: 68px; }
  .about-human-story { grid-template-columns: 1fr; padding-inline: 18px; }
  .about-human-story figure { height: min(118vw, 590px); border-radius: 3px 60px 3px 3px; }
  .journey-aircraft { top: 195px; width: 420px; }
  .journey-country-band { width: calc(100% - 36px); gap: 8px; margin: -22px auto 50px; padding: 10px 13px; overflow: hidden; }
  .journey-country-band > span { width: 36px; height: 36px; flex-basis: 36px; font-size: 20px; }
  .journey-country-band strong { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .journey-flight-intro { display: none !important; }
  .journey-story .journey-wide { animation: none !important; }
}

/* 2026-09 homepage revision: restrained YouTube hero, direct WhatsApp and
   a deterministic international-flight reveal. */
.neo-hero--precision {
  isolation: isolate;
  overflow: hidden;
}
.hero-video-background {
  position: absolute;
  inset: var(--header-height) 0 0;
  z-index: 0;
  overflow: hidden;
  background: #e6e6e6;
  opacity: .2;
  pointer-events: none;
}
.hero-video-background::after {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(248, 248, 248, .9) 0%, rgba(243, 243, 243, .62) 45%, rgba(214, 214, 214, .26) 100%),
    linear-gradient(0deg, rgba(238, 238, 238, .45), rgba(255,255,255,.08));
  content: "";
}
.hero-video-background iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  width: max(100vw, 177.78vh);
  height: max(56.25vw, 100vh);
  border: 0;
  transform: translate(-50%, -50%) scale(1.04);
  pointer-events: none;
}
.neo-hero--precision::before { z-index: 1; opacity: .42; }
.precision-hero-inner { position: relative; z-index: 2; }
.hero-whatsapp {
  position: absolute;
  right: max(24px, calc((100vw - var(--container)) / 2));
  bottom: 30px;
  z-index: 7;
  display: grid;
  width: 62px;
  height: 62px;
  place-items: center;
  border: 1px solid rgba(255,255,255,.72);
  border-radius: 50%;
  background: #a6a6a6;
  box-shadow: 0 15px 36px rgba(69, 69, 69, .27);
  color: #fff;
  transition: background .22s ease, box-shadow .22s ease, transform .22s ease;
}
.hero-whatsapp svg { width: 31px; height: 31px; fill: currentColor; }
.hero-whatsapp:is(:hover, :focus-visible) {
  background: #919191;
  box-shadow: 0 20px 42px rgba(69, 69, 69, .34);
  transform: translateY(-4px) scale(1.03);
}

.journey-story.is-journey-pending .journey-wide {
  visibility: hidden;
  opacity: 0;
}
.journey-story.is-flight-started .journey-flight-intro {
  animation-duration: 2.4s;
}
.journey-story.is-flight-started .journey-aircraft {
  animation-duration: 2.18s;
}
.journey-story.is-flight-started .journey-wide {
  visibility: visible;
  animation: journey-page-open .9s 1.28s both;
}

@media (max-width: 760px) {
  .hero-video-background { opacity: .15; }
  .hero-video-background iframe {
    width: max(177.78vw, 100vh);
    height: max(100vw, 56.25vh);
  }
  .hero-whatsapp { top: min(60vh, 520px); right: 18px; bottom: auto; width: 56px; height: 56px; }
  .hero-whatsapp svg { width: 28px; height: 28px; }
}

@media (prefers-reduced-motion: reduce) {
  .hero-video-background { display: none; }
  .journey-story.is-journey-pending .journey-wide { visibility: visible; opacity: 1; }
}

/* Homepage video now carries the hero on its own; the tooth installation lives
   on the Clinic / About page. */
.neo-hero--video-only .precision-copy { width: min(48vw, 650px); }
.neo-hero--video-only .hero-video-background { opacity: .75; }
.neo-hero--video-only .hero-video-background::after {
  background:
    linear-gradient(90deg, rgba(248, 248, 248, .58) 0%, rgba(243, 243, 243, .18) 48%, rgba(214, 214, 214, .02) 100%),
    linear-gradient(0deg, rgba(238, 238, 238, .08), transparent);
}

.menu-banner--clinic-tooth {
  background: linear-gradient(90deg, #1c1c1c 0 49%, #dbdbdb 49% 100%);
}
.menu-banner--clinic-tooth::before {
  position: absolute;
  inset: 0 0 0 45%;
  z-index: -3;
  background:
    radial-gradient(circle at 62% 42%, rgba(255,255,255,.94), transparent 33%),
    radial-gradient(circle at 87% 12%, rgba(134, 134, 134, .34), transparent 38%),
    linear-gradient(138deg, #f3f3f3, #b6b6b6);
  content: "";
}
.menu-banner--clinic-tooth::after {
  background:
    linear-gradient(90deg, rgba(23, 23, 23, .98) 0%, rgba(23, 23, 23, .9) 39%, rgba(23, 23, 23, .4) 58%, rgba(23, 23, 23, .08) 100%),
    linear-gradient(0deg, rgba(23, 23, 23, .7), transparent 52%);
}
.about-tooth-visual {
  position: absolute;
  top: -14%;
  right: 1%;
  bottom: -25%;
  left: auto;
  z-index: -2;
  width: 57%;
  height: auto;
  margin: 0;
  overflow: visible;
  pointer-events: none;
  translate: 0;
}
.about-tooth-visual > .about-tooth-image,
.about-tooth-visual .rontgen-katman img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: 64% center;
  mix-blend-mode: normal;
  filter: drop-shadow(0 26px 42px rgba(48, 48, 48, .22));
}
.about-tooth-visual .rontgen-ipucu { top: 15%; right: 5%; bottom: auto; left: auto; }
.menu-banner--clinic-tooth .menu-banner-copy {
  justify-self: end;
  max-width: 390px;
  padding: 17px 20px;
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 12px;
  background: rgba(27, 27, 27, .48);
  backdrop-filter: blur(12px);
}

.menu-banner--stories-restored .menu-banner-media {
  transform: scale(1.015);
}
.menu-banner--stories-restored::after {
  background:
    linear-gradient(90deg, rgba(23, 23, 23, .96) 0%, rgba(23, 23, 23, .8) 41%, rgba(23, 23, 23, .28) 76%, rgba(23, 23, 23, .12) 100%),
    linear-gradient(0deg, rgba(23, 23, 23, .72), transparent 52%);
}

@media (max-width: 900px) {
  .menu-banner--clinic-tooth::before { inset: 0 0 0 24%; }
  .about-tooth-visual { top: -10%; right: -14%; bottom: 4%; width: 92%; }
  .menu-banner--clinic-tooth .menu-banner-copy { justify-self: start; max-width: 560px; }
}

@media (max-width: 760px) {
  .neo-hero--video-only .precision-hero-inner { min-height: calc(100svh - var(--header-height)); }
  .neo-hero--video-only .precision-copy { width: 100%; }
  .neo-hero--video-only .hero-video-background { opacity: .62; }
  .neo-hero--video-only .hero-video-background::after {
    background:
      linear-gradient(90deg, rgba(248, 248, 248, .56), rgba(239, 239, 239, .16)),
      linear-gradient(0deg, rgba(238, 238, 238, .06), transparent);
  }
  .neo-hero--video-only .hero-video-background iframe {
    width: max(100%, 177.78vh);
    height: 100%;
  }
}

@media (max-width: 560px) {
  .menu-banner--clinic-tooth::before { inset: 0 0 28% 0; }
  .menu-banner--clinic-tooth::after {
    background: linear-gradient(0deg, rgba(23, 23, 23, .98) 0%, rgba(23, 23, 23, .92) 48%, rgba(23, 23, 23, .2) 100%);
  }
  .about-tooth-visual { top: -18%; right: -32%; bottom: 22%; width: 138%; }
  .about-tooth-visual .rontgen-ipucu,
  .about-tooth-visual .rontgen-katman { display: none; }
  .menu-banner--clinic-tooth .menu-banner-copy {
    max-width: 100%;
    padding: 0 0 0 18px;
    border: 0;
    border-left: 1px solid rgba(255,255,255,.32);
    border-radius: 0;
    background: transparent;
    backdrop-filter: none;
  }
  .menu-banner--stories-restored .menu-banner-media { object-position: 64% center; }
}

/* Slower, viewport-held international arrival sequence. The page stays in
   place until the aircraft has cleared the screen, then the journey opens. */
body.journey-flight-playing { overflow: hidden; }
.journey-story.is-flight-started {
  transform: none !important;
  transition: none !important;
  will-change: auto;
}
.journey-story.is-flight-started .journey-flight-intro {
  position: fixed;
  inset: var(--header-height) 0 0;
  display: block;
  visibility: visible;
  background: #f5f5f5;
  animation: journey-flight-layer-slow 6.05s both;
}
.journey-story.is-flight-started .journey-aircraft {
  top: clamp(150px, 22vh, 230px);
  animation: journey-aircraft-pass-slow 5.35s cubic-bezier(.34,.05,.18,1) both;
}
.journey-aircraft::before {
  position: absolute;
  top: 54%;
  right: 86%;
  width: min(48vw, 680px);
  height: 2px;
  background: linear-gradient(90deg, transparent, rgba(145, 145, 145, .08) 20%, rgba(145, 145, 145, .48));
  box-shadow: 0 12px 28px rgba(145, 145, 145, .13);
  content: "";
}
.journey-story.is-flight-started .journey-wide {
  visibility: visible;
  animation: journey-page-open 1s 5.25s both;
}

@keyframes journey-aircraft-pass-slow {
  0% {
    left: -48vw;
    opacity: 0;
    transform: translateY(48px) rotate(-7deg) scale(.9);
  }
  9% { opacity: 1; }
  34% {
    left: 4vw;
    transform: translateY(8px) rotate(-3deg) scale(.98);
  }
  68% {
    left: 46vw;
    transform: translateY(-12px) rotate(-1deg) scale(1);
  }
  91% { opacity: 1; }
  100% {
    left: 112vw;
    opacity: 0;
    transform: translateY(-76px) rotate(4deg) scale(.94);
  }
}
@keyframes journey-flight-layer-slow {
  0% { opacity: 0; }
  4%, 86% { opacity: 1; }
  100% { opacity: 0; }
}

@media (max-width: 760px) {
  .journey-story.is-flight-started .journey-aircraft {
    top: clamp(170px, 27vh, 250px);
    width: min(112vw, 470px);
  }
  .journey-aircraft::before { width: 58vw; }
}

@media (prefers-reduced-motion: reduce) {
  body.journey-flight-playing { overflow: auto; }
}

.hero-video-background video {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transform: scale(1.025);
  pointer-events: none;
}

/* International arrival v2 — photoreal aircraft and a calm, legible route. */
.journey-story.is-flight-started .journey-flight-intro {
  background:
    radial-gradient(circle at 72% 22%, rgba(255,255,255,.98) 0 9%, transparent 30%),
    linear-gradient(180deg, #ececec 0%, #f4f4f4 48%, #fafafa 100%);
  animation: journey-flight-layer-real 10.3s both;
}
.journey-flight-intro::before {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(118, 118, 118, .045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(118, 118, 118, .045) 1px, transparent 1px);
  background-size: 72px 72px;
  content: "";
  mask-image: linear-gradient(180deg, #000, transparent 78%);
}
.journey-flight-intro::after {
  position: absolute;
  right: -8%;
  bottom: -36%;
  width: 54vw;
  min-width: 650px;
  aspect-ratio: 1;
  border: 1px solid rgba(120, 120, 120, .13);
  border-radius: 50%;
  box-shadow: 0 0 0 70px rgba(120, 120, 120, .035), 0 0 0 140px rgba(120, 120, 120, .02);
  content: "";
}
.journey-flight-atmosphere,
.journey-flight-atmosphere::before,
.journey-flight-atmosphere::after {
  position: absolute;
  border-radius: 999px;
  background: rgba(255,255,255,.66);
  filter: blur(22px);
  content: "";
}
.journey-flight-atmosphere { top: 17%; left: -8%; width: 34vw; height: 92px; }
.journey-flight-atmosphere::before { top: 31vh; left: 28vw; width: 28vw; height: 76px; }
.journey-flight-atmosphere::after { top: 8vh; left: 77vw; width: 24vw; height: 64px; }
.journey-flight-status {
  position: absolute;
  top: clamp(32px, 6vh, 58px);
  left: 50%;
  z-index: 3;
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 12px 18px;
  border: 1px solid rgba(96, 96, 96, .16);
  border-radius: 999px;
  background: rgba(255,255,255,.7);
  box-shadow: 0 12px 32px rgba(76, 76, 76, .08);
  color: #676767;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  transform: translateX(-50%);
  backdrop-filter: blur(12px);
}
.journey-flight-status i { width: 42px; height: 1px; background: linear-gradient(90deg,#acacac,#717171); }
.journey-flight-status strong { color: #383838; font-weight: 800; }
.journey-flight-route {
  position: absolute;
  top: 57%;
  right: 5vw;
  left: 5vw;
  z-index: 1;
  height: 1px;
  border-top: 1px dashed rgba(120, 120, 120, .3);
  transform: scaleX(0);
  transform-origin: left;
}
.journey-story.is-flight-started .journey-flight-route { animation: journey-route-draw 8.7s .2s ease-out both; }
.journey-flight-route i,
.journey-flight-route span {
  position: absolute;
  top: -5px;
  width: 9px;
  height: 9px;
  border: 2px solid #fff;
  border-radius: 50%;
  background: #999999;
  box-shadow: 0 0 0 5px rgba(153, 153, 153, .12);
}
.journey-flight-route i { left: 0; }
.journey-flight-route span { right: 0; background: #383838; }
.journey-story.is-flight-started .journey-aircraft {
  top: 50%;
  left: -38vw;
  z-index: 4;
  width: clamp(1050px, 90vw, 1480px);
  filter: drop-shadow(0 36px 34px rgba(64, 64, 64, .2));
  animation: journey-aircraft-pass-real 9s cubic-bezier(.32,.08,.18,1) both;
}
.journey-aircraft::before { display: none; }
.journey-aircraft .journey-aircraft-image {
  position: relative;
  inset: auto;
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  transform: none;
}
.journey-flight-destination {
  position: absolute;
  right: 6vw;
  bottom: clamp(54px, 9vh, 90px);
  z-index: 3;
  display: grid;
  grid-template-columns: 38px auto;
  column-gap: 12px;
  align-items: center;
  color: #5a5a5a;
}
.journey-flight-destination > span {
  position: relative;
  display: grid;
  width: 38px;
  height: 38px;
  grid-row: 1 / 3;
  place-items: center;
  border: 1px solid rgba(76, 76, 76, .2);
  border-radius: 50%;
  background: rgba(255,255,255,.76);
  box-shadow: 0 10px 24px rgba(77, 77, 77, .1);
}
.journey-flight-destination > span::before {
  width: 10px;
  height: 10px;
  border: 3px solid #696969;
  border-radius: 50%;
  content: "";
}
.journey-flight-destination > span::after {
  position: absolute;
  bottom: 7px;
  left: 50%;
  width: 5px;
  height: 5px;
  border-right: 2px solid #696969;
  border-bottom: 2px solid #696969;
  content: "";
  transform: translateX(-50%) rotate(45deg);
}
.journey-flight-destination strong { font-size: 15px; letter-spacing: .035em; }
.journey-flight-destination small { color: #8d8d8d; font-size: 14px; letter-spacing: .08em; text-transform: uppercase; }
.journey-story.is-flight-started .journey-wide {
  visibility: visible;
  animation: journey-page-open 1s 9.2s both;
}

@keyframes journey-aircraft-pass-real {
  0% { left: -38vw; opacity: 1; transform: translateY(-38%) rotate(-2.4deg) scale(.9); }
  3% { opacity: 1; }
  30% { left: -5vw; transform: translateY(-48%) rotate(-1deg) scale(.97); }
  67% { left: 43vw; transform: translateY(-52%) rotate(.2deg) scale(1); }
  95% { opacity: 1; }
  100% { left: 112vw; opacity: 0; transform: translateY(-60%) rotate(2deg) scale(.96); }
}
@keyframes journey-route-draw { to { transform: scaleX(1); } }
@keyframes journey-flight-layer-real {
  0%, 94% { opacity: 1; }
  100% { opacity: 0; }
}

@media (max-width: 760px) {
  .journey-flight-status { top: 28px; gap: 10px; padding: 10px 13px; font-size: 14px; white-space: nowrap; }
  .journey-flight-status i { width: 24px; }
  .journey-flight-route { top: 56%; right: 7vw; left: 7vw; }
  .journey-story.is-flight-started .journey-aircraft {
    top: 50%;
    width: min(195vw, 820px);
  }
  .journey-flight-destination { right: 7vw; bottom: 54px; }
  .journey-flight-intro::after { right: -80%; bottom: -24%; min-width: 560px; }
  @keyframes journey-aircraft-pass-real {
    0% { left: -100vw; opacity: 1; transform: translateY(-40%) rotate(-2.4deg) scale(.9); }
    3% { opacity: 1; }
    34% { left: -43vw; transform: translateY(-49%) rotate(-1deg) scale(.98); }
    69% { left: 20vw; transform: translateY(-52%) rotate(.2deg) scale(1); }
    95% { opacity: 1; }
    100% { left: 112vw; opacity: 0; transform: translateY(-58%) rotate(2deg) scale(.96); }
  }
}

/* Uçuş sahnesi: yalnızca beyaz zemin ve uçak. */
.journey-story.is-scroll-flight { background: #fff; }
.journey-story.is-scroll-flight .journey-flight-intro {
  background: #fff;
}
.journey-story.is-scroll-flight .journey-flight-intro::before,
.journey-story.is-scroll-flight .journey-flight-intro::after,
.journey-story.is-scroll-flight .journey-flight-atmosphere,
.journey-story.is-scroll-flight .journey-flight-status,
.journey-story.is-scroll-flight .journey-flight-route,
.journey-story.is-scroll-flight .journey-flight-destination,
.journey-story.is-scroll-flight .journey-flight-scroll-hint {
  display: none !important;
}

/* Uluslararası yolculuk finali — renkli dil ve iletişim kartı. */
.journey-story .journey-story-foot {
  position: relative;
  isolation: isolate;
  min-height: 190px;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: clamp(34px, 6vw, 90px);
  margin-top: 86px;
  padding: clamp(34px, 4vw, 50px) clamp(30px, 4vw, 58px);
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.2) !important;
  border-radius: 28px;
  background:
    radial-gradient(circle at 8% 12%, rgba(149, 149, 149, .34), transparent 33%),
    radial-gradient(circle at 88% 120%, rgba(112, 112, 112, .35), transparent 39%),
    linear-gradient(112deg, #2a2a2a 0%, #3f3f3f 56%, #4e4e4e 100%) !important;
  box-shadow: 0 28px 70px rgba(42, 42, 42, .2) !important;
  color: #fff !important;
}
.journey-story .journey-story-foot::before {
  position: absolute;
  top: -120px;
  right: 24%;
  z-index: -1;
  width: 330px;
  height: 330px;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 50%;
  box-shadow: 0 0 0 54px rgba(255,255,255,.025), 0 0 0 108px rgba(255,255,255,.018);
  content: "";
}
.journey-foot-copy > small {
  display: inline-flex;
  margin-bottom: 13px;
  padding: 6px 10px;
  border: 1px solid rgba(195, 195, 195, .3);
  border-radius: 999px;
  background: rgba(144, 144, 144, .12);
  color: #cccccc;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.journey-story .journey-story-foot strong {
  margin-bottom: 7px;
  color: #fff !important;
  font-size: clamp(25px, 2.3vw, 34px);
  letter-spacing: -.025em;
}
.journey-foot-copy > p {
  max-width: 560px;
  margin: 0 0 22px;
  color: rgba(241, 241, 241, .72);
  font-size: 14px;
  line-height: 1.55;
}
.journey-story .journey-languages {
  display: flex;
  align-items: center;
  gap: 11px;
}
.journey-story .journey-languages a {
  position: relative;
  display: grid;
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
  place-items: center;
  padding: 4px;
  border: 1px solid rgba(255,255,255,.28);
  border-radius: 50%;
  background: rgba(255,255,255,.12);
  box-shadow: 0 8px 20px rgba(24, 24, 24, .16);
  transition: transform .2s ease, background .2s ease, border-color .2s ease;
}
.journey-story .journey-languages a img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}
.journey-story .journey-languages a::after {
  position: absolute;
  top: calc(100% + 8px);
  left: 50%;
  padding: 5px 8px;
  border-radius: 6px;
  background: #fff;
  box-shadow: 0 8px 20px rgba(24, 24, 24, .16);
  color: #373737;
  content: attr(data-label);
  font-size: 14px;
  font-weight: 700;
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, -3px);
  transition: opacity .18s ease, transform .18s ease;
  white-space: nowrap;
}
.journey-story .journey-languages a:is(:hover, :focus-visible) {
  border-color: rgba(255,255,255,.7);
  background: rgba(255,255,255,.24);
  transform: translateY(-4px);
}
.journey-story .journey-languages a:is(:hover, :focus-visible)::after {
  opacity: 1;
  transform: translate(-50%, 0);
}
.journey-story .journey-cta {
  min-width: 258px;
  min-height: 62px;
  justify-content: center;
  border: 1px solid rgba(255,255,255,.18) !important;
  background: linear-gradient(135deg, #707070, #4a4a4a) !important;
  box-shadow: 0 16px 34px rgba(74, 74, 74, .3);
  color: #fff !important;
  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}
.journey-story .journey-cta:is(:hover, :focus-visible) {
  box-shadow: 0 20px 40px rgba(74, 74, 74, .38);
  filter: brightness(1.05);
  transform: translateY(-3px);
}

@media (max-width: 760px) {
  .journey-story .journey-story-foot {
    min-height: 0;
    grid-template-columns: 1fr;
    gap: 30px;
    margin-top: 64px;
    padding: 30px 22px 24px;
    border-radius: 22px;
  }
  .journey-story .journey-languages { gap: 9px; }
  .journey-story .journey-languages a { width: 42px; height: 42px; flex-basis: 42px; }
  .journey-story .journey-cta { width: 100%; min-width: 0; }
}

/* Hero başlığı: alt bölümdeki “Size göre tasarlanan” tipografisiyle aynı dil. */
.precision-copy h1 {
  color: #1c1c1c;
  font-family: var(--font-body) !important;
  font-weight: 500;
  letter-spacing: -.055em;
  line-height: 1.02;
}
.precision-copy h1 em { color: #8a8a8a; }

/* Klinik bannerı: kesintisiz tek renk zemin, açıklama kolonu olmadan. */
.menu-banner--clinic-tooth {
  background: #202020;
}
.menu-banner--clinic-tooth::before,
.menu-banner--clinic-tooth::after {
  display: none;
}
.menu-banner--clinic-tooth .menu-banner-content {
  grid-template-columns: 1fr;
}
.menu-banner--clinic-tooth .menu-banner-content > div {
  max-width: 700px;
}
@media (min-width: 901px) {
  .menu-banner--clinic-tooth .about-tooth-visual {
    top: -7%;
    right: 3%;
    bottom: 0;
    width: 52%;
  }
}
.about-editorial > div:last-child p {
  font-size: 16px;
  line-height: 1.75;
}

/* Hasta yorumları alanında dekoratif bölüm numarası gösterilmez. */
.neo-testimonials::after {
  display: none;
  content: none;
}

/* Konsültasyon finalinde iki aksiyon aynı hizada ve aynı yükseklikte. */
.consultation-dialog .wizard-actions {
  align-items: stretch;
}
.consultation-dialog .wizard-actions > .button {
  min-height: 54px !important;
  margin-top: 28px !important;
  padding-block: 0 !important;
}

/* İletişim alanları: örnekteki sade, alt çizgili form düzeni. */
.consultation-dialog .consultation-step > label {
  gap: 4px;
  margin-bottom: 22px;
  color: #4a4a4a;
  font-size: 15px !important;
  font-style: italic;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.3;
  text-transform: none;
}
.consultation-dialog .consultation-step > label > span::after {
  color: #4a4a4a;
  content: " *";
}
.consultation-dialog .consultation-step > label > input {
  min-height: 40px;
  padding: 5px 2px 9px;
  border-bottom: 2px solid #838383;
  border-radius: 0 0 10px 10px;
  font-size: 16px;
}
.consultation-dialog .consultation-step > label > input:focus {
  border-bottom-color: #707070;
}

/* Hero CTA, header CTA ile aynı mavi/turkuaz sistemde. */
.home-page .precision-cta {
  border-color: rgba(255,255,255,.18) !important;
  background: linear-gradient(135deg, #707070, #4a4a4a) !important;
  box-shadow: 0 16px 34px rgba(74, 74, 74, .3) !important;
  color: #fff !important;
}
.home-page .precision-cta:is(:hover, :focus-visible) {
  border-color: rgba(255,255,255,.24) !important;
  background: linear-gradient(135deg, #707070, #4a4a4a) !important;
  box-shadow: 0 20px 40px rgba(74, 74, 74, .38) !important;
  filter: brightness(1.05);
  color: #fff !important;
}

/* Header ve yolculuk CTA'sı hover sırasında aynı mavi/turkuaz tonu korur. */
:is(.site-header .header-cta, .journey-story .journey-cta):is(:hover, :focus-visible) {
  border-color: rgba(255,255,255,.24) !important;
  background: linear-gradient(135deg, #707070, #4a4a4a) !important;
  box-shadow: 0 20px 40px rgba(74, 74, 74, .38) !important;
  color: #fff !important;
  filter: none !important;
  transform: translateY(-2px) !important;
}

/* 2026-09 mobil uyarlama: uzun başlıklar, yatay gezinmeler ve form akışı. */
@media (max-width: 760px) {
  /* Grid çocuklarının metin genişliği yüzünden ekran dışına taşmasını engelle. */
  .menu-banner-content,
  .menu-banner-content > *,
  .insight-reading > article,
  .insight-reading > article > *,
  .insight-reading-copy,
  .guide-section-heading > *,
  .guide-faq-grid > * {
    min-width: 0;
  }

  .menu-banner--international h1 {
    max-width: 100%;
    font-size: clamp(42px, 12vw, 54px);
    letter-spacing: -.06em;
  }

  .menu-banner--international .menu-banner-copy {
    width: 100%;
  }

  /* Hekim ve rehber indeksleri mobilde kontrollü, parmakla kaydırılan şeritlerdir. */
  .doctor-index,
  .guide-page .guide-index {
    overscroll-behavior-inline: contain;
    scroll-snap-type: x proximity;
    -webkit-overflow-scrolling: touch;
  }

  .doctor-index .container {
    width: max-content;
    padding-inline: 16px;
  }

  .doctor-index a,
  .guide-page .guide-index a {
    scroll-snap-align: start;
  }

  .guide-page .guide-index {
    width: 100%;
    padding: 16px 18px;
    scroll-padding-inline: 18px;
  }

  /* Hasta portreleri sahnesinde başlık artık görselin arkasında kesilmez. */
  .real-smiles-scroll .real-smiles-wordmark {
    display: flex;
    inset: 28% 18px auto;
    height: auto;
    flex-direction: column;
    align-items: center;
    gap: 0;
    padding: 0;
    font-size: clamp(38px, 11vw, 48px) !important;
    line-height: .94 !important;
    text-align: center;
    transform: none;
    white-space: normal !important;
  }

  .real-smiles-scroll .real-smiles-wordmark span,
  .real-smiles-scroll .real-smiles-wordmark span:first-child,
  .real-smiles-scroll .real-smiles-wordmark span:last-child {
    position: static;
    display: block;
    text-align: center;
  }

  .real-smiles-scroll .real-smiles-stack {
    top: 64%;
    width: min(58vw, 240px);
    height: min(72vw, 300px);
  }

  /* Uzun Türkçe kelimeler içgörü kartlarının kolonunu genişletmez. */
  .insight-grid,
  .insight-grid article,
  .insight-grid article > div {
    min-width: 0;
  }

  .insight-reading-copy h2,
  .insight-grid h2 {
    overflow-wrap: anywhere;
  }

  .insight-reading-copy h2 {
    font-size: clamp(38px, 11.5vw, 50px);
    line-height: 1;
  }

  .consultation-dialog .wizard-actions > .button {
    width: 100%;
    min-height: 54px !important;
    margin-top: 12px !important;
  }

  .page-cta .container {
    align-items: stretch;
    flex-direction: column;
    gap: 24px;
  }

  .page-cta .container > a {
    width: 100%;
  }
}

@media (max-width: 390px) {
  .menu-banner-content {
    padding-block: 34px;
  }

  .doctor-editorial-copy {
    padding-inline: 20px;
  }

  .doctor-editorial-copy dl div {
    grid-template-columns: 74px minmax(0, 1fr);
    gap: 14px;
  }

  .insight-reading-copy {
    padding: 46px 20px 64px;
  }
}

/* DentSpa referanslı uluslararası yolculuk: giriş, uçuş ve sonuç olmak üzere
   üç aşamalı; tamamı kullanıcının scroll konumuna bağlı sabit sahne. */
.journey-story.is-scroll-flight {
  --flight-aircraft-left: -112vw;
  --flight-aircraft-y: -43%;
  --flight-aircraft-angle: 0deg;
  --flight-aircraft-scale: .92;
  --flight-aircraft-opacity: 0;
  --flight-opening-opacity: 1;
  --flight-opening-y: 0px;
  --flight-closing-opacity: 0;
  --flight-closing-y: 22px;
  padding-top: 0;
  background: #f3f3f3;
}

.journey-story.is-scroll-flight .journey-flight-scroll {
  height: max(2480px, 285svh);
  background: #f3f3f3;
}

.journey-story.is-scroll-flight .journey-flight-intro {
  position: sticky;
  top: var(--header-height);
  display: block;
  width: 100%;
  height: calc(100svh - var(--header-height));
  overflow: hidden;
  visibility: visible;
  opacity: 1;
  background: #f3f3f3;
  animation: none !important;
}

.journey-flight-opening,
.journey-flight-closing {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  width: min(calc(100% - 48px), 980px);
  text-align: center;
  pointer-events: none;
}

.journey-flight-opening {
  opacity: var(--flight-opening-opacity);
  transform: translate(-50%, calc(-50% + var(--flight-opening-y)));
  will-change: opacity, transform;
}

.journey-flight-opening p,
.journey-flight-closing p {
  margin: 0 0 25px;
  color: #8a8a8a;
  font-size: clamp(15px, 1.35vw, 20px);
  font-weight: 700;
  letter-spacing: -.02em;
}

.journey-flight-opening h2 {
  margin: 0;
  color: #333333;
  font-size: clamp(44px, 4.25vw, 68px);
  font-weight: 650;
  letter-spacing: -.055em;
  line-height: 1.02;
}

.journey-flight-opening h2 em {
  color: #969696;
  font-style: normal;
}

.journey-story.is-scroll-flight .journey-aircraft {
  position: absolute;
  top: 50%;
  left: var(--flight-aircraft-left);
  z-index: 4;
  width: clamp(1120px, 98vw, 1640px);
  opacity: var(--flight-aircraft-opacity);
  filter: drop-shadow(0 36px 34px rgba(64, 64, 64, .17));
  transform: translateY(var(--flight-aircraft-y)) rotate(var(--flight-aircraft-angle)) scale(var(--flight-aircraft-scale));
  animation: none !important;
  will-change: left, opacity, transform;
}

.journey-story.is-scroll-flight .journey-aircraft-image {
  position: relative;
  inset: auto;
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  image-rendering: auto;
  backface-visibility: hidden;
  transform: none;
}

.journey-flight-closing {
  opacity: var(--flight-closing-opacity);
  transform: translate(-50%, calc(-50% + var(--flight-closing-y)));
  will-change: opacity, transform;
}

.journey-flight-closing h3 {
  max-width: 940px;
  margin: 0 auto;
  color: #333333;
  font-size: clamp(34px, 3.4vw, 54px);
  font-weight: 650;
  letter-spacing: -.05em;
  line-height: 1.06;
}

.journey-story.is-scroll-flight .journey-wide {
  visibility: visible;
  opacity: 1;
  animation: none !important;
}

@media (max-width: 760px) {
  .journey-story.is-scroll-flight .journey-flight-scroll {
    height: max(1760px, 230svh);
  }

  .journey-flight-opening,
  .journey-flight-closing {
    width: calc(100% - 36px);
  }

  .journey-flight-opening p,
  .journey-flight-closing p {
    margin-bottom: 18px;
    font-size: 14px;
  }

  .journey-flight-opening h2 {
    font-size: clamp(37px, 10.7vw, 47px);
    line-height: 1.06;
  }

  .journey-flight-opening h2 br {
    display: none;
  }

  .journey-story.is-scroll-flight .journey-aircraft {
    width: min(138vw, 1040px);
  }

  .journey-flight-closing h3 {
    max-width: 20ch;
    font-size: clamp(31px, 9vw, 40px);
    line-height: 1.08;
  }
}

/* Telefon yatay kullanıldığında kanatlar da kadrajda kalsın. */
@media (max-width: 960px) and (max-height: 520px) and (orientation: landscape) {
  .journey-story.is-scroll-flight .journey-flight-scroll {
    height: max(1320px, 310svh);
  }

  .journey-story.is-scroll-flight .journey-aircraft {
    width: min(78vw, 700px);
  }

  .journey-flight-opening h2 {
    font-size: clamp(31px, 5.5vw, 43px);
  }

  .journey-flight-opening p,
  .journey-flight-closing p {
    margin-bottom: 12px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .journey-story.is-scroll-flight {
    padding-top: clamp(74px, 7vw, 100px);
  }

  .journey-story.is-scroll-flight .journey-flight-scroll {
    display: none;
    height: auto;
  }
}

/* Konsültasyon sihirbazı — kapsamlı, okunaklı ve mobil uyumlu son tasarım */
.consultation-wizard {
  width: min(1120px, calc(100% - 40px));
  max-height: min(820px, calc(100dvh - 40px));
  overflow: hidden;
  border-radius: 28px;
  background: #f9f9f9;
  box-shadow: 0 36px 100px rgba(26, 26, 26, 0.34);
}

.consultation-wizard[open] {
  grid-template-columns: minmax(330px, 0.82fr) minmax(560px, 1.38fr);
}

.consultation-wizard::backdrop {
  background: rgba(17, 17, 17, 0.68);
  backdrop-filter: blur(10px);
}

.consultation-wizard .dialog-close {
  top: 22px;
  right: 22px;
  width: 44px;
  height: 44px;
  border-color: #d9d9d9;
  background: rgba(249, 249, 249, 0.88);
  color: #2b2b2b;
  font-size: 23px;
  line-height: 1;
  transition: color 180ms ease, border-color 180ms ease, transform 180ms ease, background-color 180ms ease;
}

.consultation-wizard .dialog-close:hover {
  border-color: #676767;
  background: #fff;
  color: #676767;
  transform: rotate(6deg);
}

.consultation-wizard .dialog-copy {
  min-height: 680px;
  justify-content: flex-start;
  padding: 58px 54px 42px;
  background:
    radial-gradient(circle at 0 0, rgba(152, 152, 152, 0.2), transparent 35%),
    linear-gradient(155deg, #2f2f2f 0%, #242424 62%, #1f1f1f 100%);
  color: #fff;
}

.consultation-wizard .dialog-copy .eyebrow {
  margin: 0;
  color: #b1b1b1;
  font-size: 14px;
  letter-spacing: 0.14em;
}

.consultation-wizard .dialog-copy h2 {
  margin: 28px 0 20px;
  color: #fff;
  font-size: clamp(50px, 4.4vw, 68px);
  line-height: 0.94;
}

.consultation-wizard .dialog-copy h2 em {
  color: #aaaaaa;
}

.consultation-wizard .dialog-copy > p:not(.eyebrow):not(.wizard-count) {
  max-width: 34ch;
  margin: 0;
  color: rgba(255, 255, 255, 0.72);
  font-size: 14px;
  line-height: 1.55;
}

.wizard-map {
  display: grid;
  gap: 13px;
  padding: 0;
  margin: 35px 0 28px;
  list-style: none;
}

.wizard-map li {
  display: grid;
  grid-template-columns: 36px 1fr;
  gap: 12px;
  align-items: center;
  color: rgba(255, 255, 255, 0.42);
  transition: color 220ms ease, transform 220ms ease;
}

.wizard-map li > span {
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 50%;
  font-size: 14px;
  letter-spacing: 0.08em;
  transition: background-color 220ms ease, border-color 220ms ease;
}

.wizard-map li div {
  display: grid;
  gap: 2px;
}

.wizard-map li b {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.04em;
}

.wizard-map li small {
  font-size: 14px;
}

.wizard-map li.is-active,
.wizard-map li.is-complete {
  color: #fff;
}

.wizard-map li.is-active {
  transform: translateX(5px);
}

.wizard-map li.is-active > span {
  border-color: #aaaaaa;
  background: #aaaaaa;
  color: #242424;
}

.wizard-map li.is-complete > span {
  border-color: rgba(170, 170, 170, 0.72);
  color: #aaaaaa;
}

.wizard-assurance {
  display: grid;
  grid-template-columns: 1fr 1.45fr;
  gap: 10px;
  margin-top: auto;
}

.wizard-assurance > span {
  display: grid;
  gap: 2px;
  padding: 11px 13px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.045);
}

.wizard-assurance b {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
}

.wizard-assurance small {
  color: rgba(255, 255, 255, 0.48);
  font-size: 14px;
}

.consultation-wizard .wizard-progress {
  margin-top: 22px;
}

.consultation-wizard .wizard-form {
  min-height: 680px;
  justify-content: flex-start;
  overflow-y: auto;
  padding: 62px 70px 48px;
  background: #f9f9f9;
  scrollbar-width: thin;
  scrollbar-color: #cecece transparent;
}

.consultation-wizard .consultation-step {
  width: 100%;
  animation: wizard-step-enter 280ms ease both;
}

@keyframes wizard-step-enter {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}

.consultation-wizard .wizard-step-kicker {
  margin: 0 0 12px;
  color: #676767;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.consultation-wizard .consultation-step legend {
  margin: 0;
  color: #2b2b2b;
  font-size: clamp(38px, 3.25vw, 52px);
  letter-spacing: -0.035em;
  line-height: 0.98;
  outline: none;
}

.consultation-wizard .wizard-step-intro {
  max-width: 53ch;
  margin: 14px 0 26px;
  color: #7a7a7a;
  font-size: 14px;
  line-height: 1.55;
}

.consultation-wizard .consultation-options--grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.consultation-wizard .consultation-options label {
  text-transform: none;
}

.consultation-wizard .consultation-options span {
  position: relative;
  display: grid;
  min-height: 74px;
  align-content: center;
  gap: 5px;
  padding: 14px 42px 14px 16px;
  border: 1px solid #e0e0e0;
  border-radius: 13px;
  background: rgba(255, 255, 255, 0.72);
  color: #323232;
}

.consultation-wizard .consultation-options span::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 16px;
  width: 16px;
  height: 16px;
  border: 1px solid #c5c5c5;
  border-radius: 50%;
  transform: translateY(-50%);
  box-shadow: inset 0 0 0 4px #fff;
  transition: background-color 180ms ease, border-color 180ms ease;
}

.consultation-wizard .consultation-options span b {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.consultation-wizard .consultation-options span small {
  color: #848484;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.35;
  text-transform: none;
}

.consultation-wizard .consultation-options label:hover span {
  border-color: #aeaeae;
  background: #fff;
}

.consultation-wizard .consultation-options input:checked + span {
  border-color: #676767;
  background: #f1f1f1;
  box-shadow: 0 8px 22px rgba(57, 57, 57, 0.08);
}

.consultation-wizard .consultation-options input:checked + span::after {
  border-color: #676767;
  background: #676767;
}

.consultation-wizard .wizard-next,
.consultation-wizard .wizard-back,
.consultation-wizard .wizard-actions .button-primary {
  min-height: 52px;
  margin-top: 24px;
  border-radius: 999px;
  font-size: 14px;
  letter-spacing: 0.02em;
}

.consultation-wizard .wizard-next,
.consultation-wizard .wizard-actions .button-primary {
  border-color: #2f2f2f;
  background: #2f2f2f;
  color: #fff;
  box-shadow: 0 12px 28px rgba(42, 42, 42, 0.14);
}

.consultation-wizard .wizard-next:hover,
.consultation-wizard .wizard-actions .button-primary:hover {
  border-color: #676767;
  background: #676767;
}

.consultation-wizard .wizard-back {
  border-color: #d6d6d6;
  background: transparent;
  color: #515151;
}

.consultation-wizard .wizard-actions {
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}

.consultation-wizard .wizard-contact-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px 18px;
}

.consultation-wizard .wizard-contact-grid label {
  gap: 7px;
  margin: 0;
  color: #5e5e5e;
  font-size: 14px;
}

.consultation-wizard .wizard-contact-grid input,
.consultation-wizard .wizard-contact-grid select,
.consultation-wizard .wizard-contact-grid textarea {
  width: 100%;
  min-height: 47px;
  padding: 11px 13px;
  border: 1px solid #dddddd;
  border-radius: 10px;
  outline: none;
  background: #fff;
  color: #2b2b2b;
  font: inherit;
  font-size: 14px;
  letter-spacing: 0;
  text-transform: none;
  transition: border-color 180ms ease, box-shadow 180ms ease;
}

.consultation-wizard .wizard-contact-grid textarea {
  min-height: 68px;
  resize: vertical;
}

.consultation-wizard .wizard-contact-grid input:focus,
.consultation-wizard .wizard-contact-grid select:focus,
.consultation-wizard .wizard-contact-grid textarea:focus {
  border-color: #676767;
  box-shadow: 0 0 0 3px rgba(103, 103, 103, 0.1);
}

.consultation-wizard .wizard-contact-wide {
  grid-column: 1 / -1;
}

.consultation-wizard .wizard-consent {
  display: grid;
  grid-template-columns: 18px 1fr;
  gap: 9px;
  align-items: start;
  margin-top: 15px;
  color: #7a7a7a;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.45;
  text-transform: none;
}

.consultation-wizard .wizard-consent input {
  width: 16px;
  height: 16px;
  padding: 0;
  margin: 0;
  accent-color: #676767;
}

.consultation-wizard .wizard-consent > span::after {
  content: none;
}

.consultation-wizard .form-note {
  margin-top: 12px;
  color: #848484;
}

@media (max-width: 900px) {
  .consultation-wizard {
    width: min(720px, calc(100% - 28px));
    max-height: calc(100dvh - 28px);
    overflow-y: auto;
    border-radius: 22px;
  }

  .consultation-wizard[open] {
    display: block;
  }

  .consultation-wizard .dialog-copy {
    min-height: 0;
    padding: 34px 68px 28px 32px;
  }

  .consultation-wizard .dialog-copy h2 {
    margin: 18px 0 12px;
    font-size: 43px;
  }

  .consultation-wizard .dialog-copy h2 br {
    display: none;
  }

  .consultation-wizard .dialog-copy > p:not(.eyebrow):not(.wizard-count) {
    max-width: 58ch;
  }

  .wizard-map {
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    margin: 22px 0 18px;
  }

  .wizard-map li {
    grid-template-columns: 28px 1fr;
    gap: 8px;
  }

  .wizard-map li > span {
    width: 27px;
    height: 27px;
  }

  .wizard-map li small,
  .wizard-assurance {
    display: none;
  }

  .consultation-wizard .wizard-progress {
    margin-top: 14px;
  }

  .consultation-wizard .wizard-form {
    min-height: 0;
    overflow: visible;
    padding: 36px 32px 34px;
  }
}

@media (max-width: 560px) {
  .consultation-wizard {
    width: calc(100% - 16px);
    max-height: calc(100dvh - 16px);
    border-radius: 18px;
  }

  .consultation-wizard .dialog-close {
    top: 14px;
    right: 14px;
    width: 38px;
    height: 38px;
  }

  .consultation-wizard .dialog-copy {
    padding: 27px 56px 22px 22px;
  }

  .consultation-wizard .dialog-copy h2 {
    margin-top: 14px;
    font-size: clamp(35px, 10.5vw, 43px);
  }

  .consultation-wizard .dialog-copy > p:not(.eyebrow):not(.wizard-count) {
    display: none;
  }

  .wizard-map {
    margin: 18px 0 12px;
  }

  .wizard-map li {
    grid-template-columns: 24px 1fr;
    gap: 6px;
  }

  .wizard-map li > span {
    width: 23px;
    height: 23px;
    font-size: 14px;
  }

  .wizard-map li b {
    font-size: 14px;
  }

  .consultation-wizard .wizard-count {
    margin-top: 9px !important;
  }

  .consultation-wizard .wizard-form {
    padding: 28px 20px 25px;
  }

  .consultation-wizard .consultation-step legend {
    padding-right: 10px;
    font-size: clamp(31px, 9vw, 39px);
  }

  .consultation-wizard .wizard-step-intro {
    margin: 10px 0 20px;
    font-size: 14px;
  }

  .consultation-wizard .consultation-options--grid,
  .consultation-wizard .wizard-contact-grid {
    grid-template-columns: 1fr;
  }

  .consultation-wizard .consultation-options span {
    min-height: 61px;
  }

  .consultation-wizard .wizard-contact-wide {
    grid-column: auto;
  }

  .consultation-wizard .wizard-actions {
    display: grid;
    grid-template-columns: auto 1fr;
  }

  .consultation-wizard .wizard-actions .button {
    width: 100%;
    padding-inline: 16px;
  }
}

@media (min-width: 901px) and (max-height: 720px) {
  .consultation-wizard .dialog-copy,
  .consultation-wizard .wizard-form {
    min-height: calc(100dvh - 40px);
    max-height: calc(100dvh - 40px);
  }

  .consultation-wizard .dialog-copy {
    overflow-y: auto;
  }
}

/* Google yorumları — kaydırılabilir ve yeni yorum eklemeye hazır bölüm */
.neo-testimonials {
  overflow: hidden;
  padding: clamp(96px, 9vw, 148px) 0;
  background:
    radial-gradient(circle at 88% 12%, rgba(159, 159, 159, 0.13), transparent 28%),
    linear-gradient(180deg, #fafafa 0%, #f3f3f3 100%);
}

.google-reviews-head {
  display: grid;
  max-width: none;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
  gap: clamp(36px, 7vw, 110px);
  align-items: end;
  text-align: left;
}

.google-reviews-head .neo-kicker {
  justify-content: flex-start;
  color: #5f5f5f;
}

.google-reviews-head h2 {
  max-width: 850px;
  margin-top: 22px;
  font-size: clamp(58px, 6.4vw, 98px);
  line-height: 0.88;
}

.google-reviews-head h2 em {
  color: #8a8a8a;
}

.google-reviews-head > div > p:last-child {
  max-width: 58ch;
  margin: 26px 0 0;
  color: #767676;
  font-size: 15px;
  line-height: 1.65;
}

.google-review-summary {
  display: grid;
  grid-template-columns: 48px 1fr;
  gap: 6px 16px;
  align-items: center;
  padding: 24px;
  border: 1px solid rgba(74, 74, 74, 0.13);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.84);
  box-shadow: 0 20px 55px rgba(55, 55, 55, 0.08);
  color: #131313;
  transition: transform 220ms ease, border-color 220ms ease, box-shadow 220ms ease;
}

.google-review-summary:hover {
  border-color: rgba(95, 95, 95, 0.36);
  box-shadow: 0 25px 65px rgba(55, 55, 55, 0.13);
  transform: translateY(-3px);
}

.google-g {
  grid-row: 1 / 3;
  display: grid;
  width: 48px;
  height: 48px;
  place-items: center;
  border-radius: 50%;
  background: #fff;
  color: #a8a8a8;
  box-shadow: inset 0 0 0 1px #e3e3e3;
  font: 700 25px/1 Arial, sans-serif;
}

.google-review-summary > span:nth-child(2) {
  display: grid;
  gap: 3px;
}

.google-review-summary b {
  font-size: 23px;
  line-height: 1;
}

.google-review-summary b i {
  color: #8c8c8c;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
}

.google-review-summary small {
  color: #7f7f7f;
  font-size: 14px;
}

.google-review-summary > strong {
  grid-column: 1 / -1;
  margin-top: 13px;
  padding-top: 15px;
  border-top: 1px solid #e8e8e8;
  color: #5f5f5f;
  font-size: 14px;
  font-weight: 650;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.google-review-track {
  gap: 20px;
  margin-top: clamp(48px, 6vw, 78px);
  padding: 8px 3px 24px;
  scroll-snap-type: none;
  outline: none;
}

.google-review-track:focus-visible {
  border-radius: 22px;
  box-shadow: 0 0 0 3px rgba(95, 95, 95, 0.18);
}

.google-review-track .neo-review-card {
  position: relative;
  min-height: 320px;
  flex-basis: calc((100% - 40px) / 3);
  padding: 30px;
  overflow: hidden;
  border-color: rgba(65, 65, 65, 0.12);
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.93);
  box-shadow: 0 20px 55px rgba(62, 62, 62, 0.08);
}

.google-review-track .neo-review-card::before {
  position: absolute;
  top: -36px;
  right: -18px;
  color: rgba(144, 144, 144, 0.09);
  content: "“";
  font-family: Georgia, serif;
  font-size: 160px;
  line-height: 1;
  pointer-events: none;
}

.google-review-track .neo-review-card:hover {
  border-color: rgba(95, 95, 95, 0.35);
  box-shadow: 0 28px 70px rgba(62, 62, 62, 0.14);
}

.google-review-card-top {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.google-review-card-top > span {
  color: #7e7e7e;
  font-size: 14px;
  font-weight: 650;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.google-review-track .neo-review-stars {
  color: #b7b7b7;
  font-size: 17px;
  letter-spacing: 0.08em;
}

.google-review-track .neo-review-card blockquote {
  position: relative;
  z-index: 1;
  margin: 27px 0 36px;
  color: #363636;
  font-size: clamp(17px, 1.18vw, 19px);
  line-height: 1.62;
}

.google-review-track .neo-review-avatar {
  background: #eeeeee;
  color: #5f5f5f;
}

.google-review-track .neo-review-meta > a:hover {
  background: #5f5f5f;
}

.neo-testimonials .neo-review-bottom {
  display: grid;
  grid-template-columns: 1fr auto auto;
  gap: 18px;
  align-items: center;
  margin-top: 22px;
}

.neo-testimonials .neo-review-bottom > p {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  color: #7e7e7e;
  font-size: 14px;
}

.neo-testimonials .neo-review-bottom > p span {
  color: #5f5f5f;
  font-size: 18px;
}

.google-reviews-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 48px;
  padding: 0 20px;
  border: 1px solid rgba(65, 65, 65, 0.17);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.7);
  color: #434343;
  font-size: 14px;
  font-weight: 650;
  transition: color 200ms ease, background-color 200ms ease, border-color 200ms ease;
}

.google-reviews-link:hover {
  border-color: #5f5f5f;
  background: #5f5f5f;
  color: #fff;
}

.neo-testimonials .neo-review-controls button {
  width: 48px;
  height: 48px;
  border-color: rgba(65, 65, 65, 0.17);
}

@media (max-width: 1100px) and (min-width: 761px) {
  .google-reviews-head {
    grid-template-columns: minmax(0, 1fr) 300px;
  }

  .google-review-track .neo-review-card {
    flex-basis: calc((100% - 20px) / 2);
  }
}

@media (max-width: 760px) {
  .neo-testimonials {
    padding: 82px 0;
  }

  .google-reviews-head {
    grid-template-columns: 1fr;
    gap: 30px;
  }

  .google-reviews-head h2 {
    font-size: clamp(48px, 13vw, 64px);
    line-height: 0.92;
  }

  .google-reviews-head > div > p:last-child {
    margin-top: 20px;
    font-size: 14px;
  }

  .google-review-summary {
    width: 100%;
    padding: 20px;
  }

  .google-review-track {
    gap: 13px;
    margin-top: 38px;
    padding-bottom: 18px;
  }

  .google-review-track .neo-review-card,
  .google-review-track .neo-review-card:last-child {
    min-height: 300px;
    flex-basis: min(86vw, 370px);
    padding: 24px;
  }

  .neo-testimonials .neo-review-bottom {
    grid-template-columns: 1fr auto;
    gap: 14px;
  }

  .neo-testimonials .neo-review-bottom > p {
    display: none;
  }

  .google-reviews-link {
    justify-self: start;
    padding-inline: 17px;
  }

  .neo-testimonials .neo-review-controls {
    justify-self: end;
  }
}

@media (max-width: 430px) {
  .neo-testimonials .neo-review-bottom {
    grid-template-columns: 1fr;
  }

  .google-reviews-link {
    width: 100%;
    justify-content: center;
  }

  .neo-testimonials .neo-review-controls {
    justify-self: center;
  }
}

/* Uluslararası hasta alanı — tüm desteklenen diller için bayrak şeridi */
.journey-story .journey-languages {
  max-width: 880px;
  flex-wrap: wrap;
  gap: 10px;
  padding-bottom: 8px;
}

.journey-story .journey-languages a {
  width: 44px;
  height: 44px;
  flex-basis: 44px;
  padding: 3px;
}

@media (min-width: 761px) {
  .journey-story .journey-languages {
    max-width: none;
    flex-wrap: nowrap;
    gap: 7px;
  }

  .journey-story .journey-languages a {
    width: 39px;
    height: 39px;
    flex-basis: 39px;
  }
}

@media (max-width: 760px) {
  .journey-story .journey-languages {
    gap: 8px;
  }

  .journey-story .journey-languages a {
    width: 39px;
    height: 39px;
    flex-basis: 39px;
  }
}

/* İletişim alanı — liste yerine ikonlu bilgi kartları */
.neo-contact-cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 42px 0 32px;
  border: 0;
}

.neo-contact-cards a,
.neo-contact-cards .neo-contact-hours {
  display: grid;
  min-width: 0;
  min-height: 126px;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 15px;
  align-content: center;
  align-items: center;
  padding: 20px;
  border: 1px solid rgba(19, 19, 19, 0.14);
  border-radius: 17px;
  background: rgba(255, 255, 255, 0.68);
  color: #131313;
  box-shadow: 0 12px 34px rgba(76, 76, 76, 0.06);
  transition: border-color 200ms ease, box-shadow 200ms ease, transform 200ms ease, background-color 200ms ease;
}

.neo-contact-cards a:hover {
  border-color: rgba(112, 112, 112, 0.48);
  background: #fff;
  box-shadow: 0 18px 42px rgba(76, 76, 76, 0.12);
  transform: translateY(-3px);
}

.neo-contact-icon {
  display: grid;
  width: 48px;
  height: 48px;
  place-items: center;
  border-radius: 14px;
  background: linear-gradient(145deg, #707070, #4a4a4a);
  box-shadow: 0 10px 24px rgba(74, 74, 74, 0.2);
  color: #fff;
  font-style: normal;
}

.neo-contact-icon svg {
  width: 22px;
  height: 22px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.neo-contact-cards a > span,
.neo-contact-cards .neo-contact-hours > span {
  display: grid;
  min-width: 0;
  gap: 7px;
  color: inherit;
  font-size: inherit;
  letter-spacing: 0;
  text-transform: none;
}

.neo-contact-cards small {
  color: #747474;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1.25;
  text-transform: uppercase;
}

.neo-contact-cards strong {
  overflow-wrap: anywhere;
  color: #131313;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.012em;
  line-height: 1.42;
}

@media (max-width: 1100px) and (min-width: 901px) {
  .neo-contact-cards {
    grid-template-columns: 1fr;
  }

  .neo-contact-cards a,
  .neo-contact-cards .neo-contact-hours {
    min-height: 104px;
  }
}

@media (max-width: 620px) {
  .neo-contact-cards {
    grid-template-columns: 1fr;
    margin-top: 34px;
  }

  .neo-contact-cards a,
  .neo-contact-cards .neo-contact-hours {
    min-height: 100px;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 14px;
    padding: 17px;
  }

  .neo-contact-icon {
    width: 44px;
    height: 44px;
    border-radius: 13px;
  }
}

/* Footer okunabilirliği — küçük kalan metin ve ikon ölçüleri */
@media (min-width: 981px) {
  .site-footer .footer-main {
    grid-template-columns: 1.12fr 0.72fr 1.08fr 1.42fr 0.58fr;
    gap: clamp(28px, 3vw, 54px);
  }
}

.site-footer .footer-brand img {
  width: 178px;
  height: 84px;
}

body[class] .site-footer .footer-brand p {
  max-width: 29ch;
  font-size: 15px !important;
  font-weight: 500;
  line-height: 1.65 !important;
}

body[class] .site-footer .footer-label {
  margin-bottom: 22px;
  font-size: 14px !important;
  font-weight: 750;
  letter-spacing: 0.12em;
  line-height: 1.35 !important;
}

body[class] .site-footer .footer-links {
  gap: 14px;
}

body[class] .site-footer .footer-links a {
  font-size: 15px !important;
  font-weight: 550;
  line-height: 1.45 !important;
}

body[class] .site-footer .footer-contact {
  gap: 16px;
}

body[class] .site-footer .footer-contact > a {
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 14px;
  font-size: 14px !important;
  font-weight: 550;
  line-height: 1.5 !important;
}

body[class] .site-footer .footer-contact b {
  width: 42px;
  height: 42px;
  font-size: 17px;
  transform: translateY(calc((1.5em - 42px) / 2));
}

body[class] .site-footer .footer-contact span {
  overflow-wrap: anywhere;
  padding-top: 0;
}

body[class] .site-footer .footer-social a {
  width: 44px;
  height: 44px;
}

body[class] .site-footer .footer-social a svg {
  width: 19px;
  height: 19px;
}

body[class] .site-footer .footer-bottom p {
  font-size: 14px !important;
  font-weight: 500;
  line-height: 1.5 !important;
}

@media (max-width: 640px) {
  .site-footer .footer-main {
    gap: 38px;
    padding-block: 56px;
  }

  body[class] .site-footer .footer-label {
    margin-bottom: 17px;
  }

  body[class] .site-footer .footer-links a,
  body[class] .site-footer .footer-contact > a {
    font-size: 14px !important;
  }

  body[class] .site-footer .footer-bottom p {
    padding-bottom: 36px;
  }
}

/* Resmî eski siteden taşınan marka ve materyal vitrini */
.material-showcase {
  position: relative;
  overflow: hidden;
  padding: clamp(82px, 8vw, 124px) 0 clamp(72px, 7vw, 108px);
  background:
    radial-gradient(circle at 88% 9%, rgba(137, 137, 137, 0.14), transparent 26%),
    linear-gradient(180deg, #f9f9f9 0%, #f0f0f0 100%);
  color: #131313;
}

.material-showcase-head {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(300px, 0.8fr);
  gap: clamp(40px, 8vw, 120px);
  align-items: end;
}

.material-showcase .neo-kicker {
  color: #5f5f5f;
}

.material-showcase-head h2 {
  margin: 25px 0 0;
  font-family: var(--font-heading);
  font-size: clamp(52px, 5.2vw, 82px);
  font-weight: 400;
  letter-spacing: -0.055em;
  line-height: 0.9;
}

.material-showcase-head h2 em {
  color: #8a8a8a;
  font-weight: 400;
}

.material-showcase-intro > p {
  margin: 0;
  color: #767676;
  font-size: 15px;
  line-height: 1.72;
}

.material-showcase-intro > span {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 18px;
  margin-top: 21px;
  color: #464646;
  font-size: 14px;
  font-weight: 650;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.material-showcase-intro > span i {
  display: inline-grid;
  width: 19px;
  height: 19px;
  margin-right: -11px;
  place-items: center;
  border-radius: 50%;
  background: #5f5f5f;
  color: #fff;
  font-size: 14px;
  font-style: normal;
}

.material-viewport {
  margin-top: clamp(42px, 5vw, 66px);
  overflow-x: auto;
  overflow-y: hidden;
  cursor: grab;
  outline: none;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  touch-action: pan-y;
}

.material-viewport::-webkit-scrollbar {
  display: none;
}

.material-viewport.is-dragging {
  cursor: grabbing;
  scroll-behavior: auto;
  scroll-snap-type: none;
  user-select: none;
}

.material-viewport:focus-visible {
  box-shadow: inset 0 0 0 3px rgba(95, 95, 95, 0.2);
}

.material-track {
  display: flex;
  width: max-content;
  align-items: stretch;
  gap: clamp(14px, 1.35vw, 22px);
  padding: 8px max(24px, calc((100vw - var(--container)) / 2)) 34px;
}

.material-card {
  position: relative;
  display: flex;
  width: clamp(250px, 20vw, 292px);
  min-height: 334px;
  flex: 0 0 auto;
  flex-direction: column;
  margin: 0;
  overflow: hidden;
  padding: 25px 25px 21px;
  border: 1px solid rgba(63, 63, 63, 0.12);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.86);
  box-shadow: 0 18px 48px rgba(61, 61, 61, 0.09);
  scroll-snap-align: center;
  isolation: isolate;
  transition: transform 280ms ease, box-shadow 280ms ease, border-color 280ms ease;
}

.material-card::before {
  position: absolute;
  z-index: -1;
  top: -78px;
  right: -64px;
  width: 190px;
  height: 190px;
  border-radius: 50%;
  background: var(--material-soft);
  content: "";
  transition: transform 400ms cubic-bezier(.2,.75,.2,1);
}

.material-card:hover {
  border-color: color-mix(in srgb, var(--material-accent) 32%, transparent);
  box-shadow: 0 25px 60px rgba(61, 61, 61, 0.14);
  transform: translateY(-7px);
}

.material-card:hover::before {
  transform: scale(1.14);
}

.material-card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: #858585;
  font-size: 14px;
  letter-spacing: .12em;
}

.material-card-top span {
  color: var(--material-accent);
  font-size: 14px;
  font-weight: 750;
}

.material-card-top b {
  font-weight: 700;
}

.material-monogram {
  display: grid;
  width: 72px;
  height: 72px;
  margin: 34px 0 27px;
  place-items: center;
  border: 1px solid color-mix(in srgb, var(--material-accent) 20%, transparent);
  border-radius: 22px;
  background: var(--material-soft);
  color: var(--material-accent);
  font-family: var(--font-heading);
  font-size: 25px;
  font-weight: 650;
  letter-spacing: -.04em;
}

.material-card h3 {
  margin: 0;
  color: #131313;
  font-family: var(--font-heading);
  font-size: clamp(23px, 1.7vw, 28px);
  font-weight: 560;
  letter-spacing: -.035em;
  line-height: 1.02;
}

.material-card > p {
  margin: 12px 0 23px;
  color: #797979;
  font-size: 14px;
  line-height: 1.55;
}

.material-card-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: auto;
  padding-top: 15px;
  border-top: 1px solid rgba(63, 63, 63, 0.1);
  color: #616161;
  font-size: 14px;
  font-weight: 680;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.material-card-foot i {
  color: var(--material-accent);
  font-size: 18px;
  font-style: normal;
}

.material-showcase-footer {
  display: grid;
  grid-template-columns: auto minmax(120px, 1fr) auto;
  gap: 26px;
  align-items: center;
  margin-top: 18px;
}

.material-showcase-footer > p {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  color: #797979;
  font-size: 14px;
}

.material-showcase-footer > p span {
  color: #5f5f5f;
  font-size: 18px;
}

.material-progress {
  position: relative;
  height: 2px;
  overflow: hidden;
  background: rgba(71, 71, 71, 0.14);
}

.material-progress i {
  position: absolute;
  inset: 0;
  display: block;
  background: #5f5f5f;
  transform: scaleX(0.1);
  transform-origin: left center;
  transition: transform 180ms ease;
}

.material-controls {
  display: flex;
  gap: 9px;
}

.material-controls button {
  display: grid;
  width: 48px;
  height: 48px;
  place-items: center;
  border: 1px solid rgba(71, 71, 71, 0.2);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.78);
  color: #434343;
  cursor: pointer;
  font-size: 19px;
  transition: background-color 200ms ease, border-color 200ms ease, color 200ms ease, transform 200ms ease;
}

.material-controls button:hover:not(:disabled) {
  border-color: #5f5f5f;
  background: #5f5f5f;
  color: #fff;
  transform: translateY(-2px);
}

.material-controls button:disabled {
  cursor: default;
  opacity: 0.32;
}

@media (max-width: 760px) {
  .material-showcase {
    padding: 82px 0 76px;
  }

  .material-showcase-head {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .material-showcase-head h2 {
    font-size: clamp(49px, 13.5vw, 66px);
  }

  .material-showcase-intro > p {
    font-size: 14px;
  }

  .material-viewport {
    margin-top: 40px;
  }

  .material-track {
    gap: 14px;
    padding-inline: 18px;
    padding-bottom: 24px;
  }

  .material-card {
    width: min(78vw, 300px);
    min-height: 318px;
    padding: 22px 21px 19px;
  }

  .material-card:hover {
    transform: none;
  }

  .material-monogram {
    margin: 29px 0 23px;
  }

  .material-showcase-footer {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 18px;
    margin-top: 20px;
  }

  .material-showcase-footer > p {
    display: none;
  }
}

/* Resmî sitedeki marka vitrininin birebir yerleşimi */
.material-showcase {
  padding: 0 0 48px;
  background: #f4f4f4;
  color: #111;
}

.material-stats {
  position: relative;
  overflow: hidden;
  padding: 12px 0;
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
  background: #fff;
}

.material-stats-track {
  display: flex;
  width: max-content;
  will-change: transform;
  animation: material-stats-scroll 30s linear infinite;
}

.material-stats:hover .material-stats-track {
  animation-play-state: paused;
}

.material-stats-group {
  display: flex;
  flex: 0 0 auto;
  gap: 28px;
  padding-right: 28px;
}

.material-stats-group span {
  display: flex;
  width: clamp(310px, 21vw, 410px);
  min-height: 58px;
  align-items: center;
  justify-content: center;
  padding: 12px 24px;
  border-radius: 8px;
  background: #232323;
  box-shadow: 0 0 8px rgba(112, 112, 112, .72);
  color: #fff;
  font-size: 17px;
  font-weight: 500;
  white-space: nowrap;
}

@keyframes material-stats-scroll {
  to { transform: translateX(-50%); }
}

.material-slider {
  position: relative;
  width: min(1000px, calc(100% - 48px));
  margin: 88px auto 0;
  padding-bottom: 52px;
}

.material-showcase .material-viewport {
  margin: 0;
  overflow-x: auto;
  overflow-y: hidden;
  border-radius: 10px;
  cursor: grab;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  touch-action: pan-y;
}

.material-showcase .material-viewport::-webkit-scrollbar {
  display: none;
}

.material-showcase .material-viewport.is-dragging {
  cursor: grabbing;
  scroll-behavior: auto;
  scroll-snap-type: none;
  user-select: none;
}

.material-showcase .material-track {
  display: flex;
  width: auto;
  align-items: center;
  gap: 20px;
  padding: 10px;
}

.material-showcase .material-card {
  display: block;
  width: auto;
  min-height: 0;
  flex: 0 0 calc((100% - 20px) / 2);
  margin: 0;
  overflow: visible;
  padding: 0;
  border: 0;
  border-radius: 10px;
  background: transparent;
  box-shadow: none;
  scroll-snap-align: start;
  transition: none;
}

.material-showcase .material-card::before {
  display: none;
}

.material-showcase .material-card:hover {
  border-color: transparent;
  box-shadow: none;
  transform: none;
}

.material-showcase .material-card img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 5;
  border: 0;
  border-radius: 10px;
  background: transparent;
  box-shadow: none;
  object-fit: contain;
}

.material-arrow {
  position: absolute;
  z-index: 3;
  top: calc(50% - 26px);
  display: grid;
  width: 46px;
  height: 46px;
  place-items: center;
  padding: 0 0 4px;
  border: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, .9);
  box-shadow: 0 8px 28px rgba(0, 0, 0, .08);
  color: #444;
  cursor: pointer;
  font-family: Arial, sans-serif;
  font-size: 31px;
  line-height: 1;
  transition: background-color 180ms ease, color 180ms ease, transform 180ms ease;
}

.material-arrow:hover {
  background: #fff;
  color: #000;
  transform: scale(1.06);
}

.material-arrow--prev { left: -14px; }
.material-arrow--next { right: -14px; }

.material-dots {
  position: absolute;
  bottom: 6px;
  left: 50%;
  display: flex;
  gap: 6px;
  transform: translateX(-50%);
}

.material-dots button {
  width: 12px;
  height: 12px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #111;
  cursor: pointer;
  opacity: .28;
  transition: opacity 180ms ease, transform 180ms ease;
}

.material-dots button.is-active {
  opacity: 1;
  transform: scale(1.05);
}

@media (max-width: 760px) {
  .material-showcase {
    padding-bottom: 34px;
  }

  .material-stats {
    padding: 9px 0;
  }

  .material-stats-track {
    animation-duration: 24s;
  }

  .material-stats-group {
    gap: 12px;
    padding-right: 12px;
  }

  .material-stats-group span {
    width: 280px;
    min-height: 52px;
    padding: 10px 16px;
    font-size: 14px;
  }

  .material-slider {
    width: 100%;
    margin-top: 38px;
    padding: 0 18px 48px;
  }

  .material-showcase .material-track {
    gap: 12px;
    padding: 4px 0;
  }

  .material-showcase .material-card {
    flex-basis: 100%;
  }

  .material-arrow {
    top: calc(50% - 24px);
    width: 42px;
    height: 42px;
    font-size: 28px;
  }

  .material-arrow--prev { left: 8px; }
  .material-arrow--next { right: 8px; }
}

@media (prefers-reduced-motion: reduce) {
  .material-stats-track {
    animation-play-state: paused;
  }
}

/* Beş paketli, site akışına uyarlanmış materyal slider'ı */
.material-showcase {
  padding: clamp(82px, 8vw, 122px) 0 clamp(72px, 7vw, 104px);
  border-top: 1px solid rgba(69, 69, 69, .08);
  background:
    radial-gradient(circle at 88% 8%, rgba(146, 146, 146, .15), transparent 28%),
    linear-gradient(180deg, #fafafa 0%, #f2f2f2 100%);
  color: #2b2b2b;
}

.material-showcase-heading {
  display: block;
}

.material-showcase-heading .neo-kicker {
  margin-bottom: 22px;
  color: #606060;
}

.material-showcase-heading h2 {
  max-width: 980px;
  margin: 0;
  color: #2b2b2b;
  font-family: var(--font-heading);
  font-size: clamp(49px, 5.2vw, 78px);
  font-weight: 420;
  letter-spacing: -.052em;
  line-height: .96;
}

.material-showcase-heading h2 em {
  color: #8d8d8d;
  font-style: normal;
  font-weight: 420;
}

.material-showcase-copy {
  display: grid;
  gap: 28px;
}

.material-showcase-copy > p {
  max-width: 400px;
  margin: 0;
  color: #777777;
  font-size: 15px;
  line-height: 1.7;
}

.material-package-count {
  display: flex;
  align-items: center;
  gap: 12px;
  color: #8c8c8c;
  font-size: 14px;
  letter-spacing: .08em;
}

.material-package-count b {
  color: #585858;
  font-family: var(--font-heading);
  font-size: 27px;
  font-weight: 600;
}

.material-package-count i {
  width: 52px;
  height: 1px;
  background: rgba(88, 88, 88, .3);
}

.material-slider {
  position: relative;
  width: min(var(--container), calc(100% - 48px));
  margin: clamp(46px, 5vw, 68px) auto 0;
  overflow: hidden;
  padding: 30px 68px 58px;
  border: 1px solid rgba(140, 140, 140, .14);
  border-radius: 30px;
  background:
    radial-gradient(circle at 1px 1px, rgba(140, 140, 140, .12) 1px, transparent 1.2px) 0 0 / 18px 18px,
    radial-gradient(circle at 88% 12%, rgba(187, 187, 187, .2), transparent 30%),
    linear-gradient(135deg, rgba(233, 233, 233, .92), rgba(248, 248, 248, .88));
  box-shadow: 0 24px 68px rgba(64, 64, 64, .08);
  isolation: isolate;
}

.material-showcase .material-viewport {
  position: relative;
  z-index: 1;
  margin: 0;
  overflow: hidden;
  border-radius: 22px;
  cursor: grab;
  touch-action: pan-y;
}

.material-showcase .material-viewport.is-dragging {
  cursor: grabbing;
  user-select: none;
}

.material-showcase .material-track {
  display: flex;
  width: 100%;
  align-items: stretch;
  gap: 0;
  padding: 0;
  will-change: transform;
  transform: translate3d(0, 0, 0);
}

.material-showcase .material-track.is-animating {
  transition: transform 760ms cubic-bezier(.22, .72, .24, 1);
}

.material-package {
  display: grid;
  min-width: 0;
  flex: 0 0 100%;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(22px, 3vw, 42px);
  align-items: center;
  padding: 0 8px;
}

.material-showcase .material-card {
  display: block;
  width: 100%;
  min-height: 0;
  flex: none;
  margin: 0;
  overflow: visible;
  padding: 0;
  border: 0;
  border-radius: 20px;
  background: transparent;
  box-shadow: none;
  transform: none;
}

.material-showcase .material-card::before {
  display: none;
}

.material-showcase .material-card img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 5;
  border: 1px solid rgba(140, 140, 140, .1);
  border-radius: 20px;
  background: #f4f4f4;
  box-shadow: none;
  object-fit: contain;
  -webkit-user-drag: none;
  user-select: none;
}

.material-arrow {
  top: 50%;
  width: 50px;
  height: 50px;
  border: 1px solid rgba(79, 79, 79, .18);
  background: rgba(255, 255, 255, .94);
  box-shadow: 0 12px 34px rgba(56, 56, 56, .12);
  color: #454545;
  transform: translateY(-50%);
}

.material-arrow:hover {
  border-color: #626262;
  background: #626262;
  color: #fff;
  transform: translateY(-50%) scale(1.05);
}

.material-arrow--prev { left: 20px; }
.material-arrow--next { right: 20px; }

.material-dots {
  bottom: 23px;
  gap: 8px;
}

.material-dots button {
  width: 8px;
  height: 8px;
  background: #545454;
  opacity: .22;
}

.material-dots button.is-active {
  opacity: 1;
  transform: scale(1.35);
}

@media (max-width: 760px) {
  .material-showcase {
    padding: 72px 0 68px;
  }

  .material-showcase-heading {
    display: block;
  }

  .material-showcase-heading h2 {
    font-size: clamp(42px, 12.2vw, 58px);
  }

  .material-slider {
    width: calc(100% - 24px);
    margin-top: 34px;
    padding: 18px 26px 48px;
    border-radius: 24px;
    background:
      radial-gradient(circle at 1px 1px, rgba(140, 140, 140, .11) 1px, transparent 1.2px) 0 0 / 15px 15px,
      radial-gradient(circle at 88% 12%, rgba(187, 187, 187, .18), transparent 34%),
      linear-gradient(145deg, #ececec, #f6f6f6);
  }

  .material-showcase .material-viewport {
    border-radius: 16px;
  }

  .material-package {
    gap: 8px;
    padding: 0;
  }

  .material-showcase .material-card,
  .material-showcase .material-card img {
    border-radius: 13px;
  }

  .material-arrow {
    top: 48%;
    width: 40px;
    height: 40px;
    font-size: 26px;
  }

  .material-arrow--prev { left: 7px; }
  .material-arrow--next { right: 7px; }

  .material-dots {
    bottom: 20px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .material-showcase .material-track.is-animating {
    transition-duration: 1ms;
  }
}

/* Premium koyu sahne — slider davranışı korunur */
.material-showcase {
  position: relative;
  overflow: hidden;
  border-top: 0;
  background:
    radial-gradient(circle at 87% 7%, rgba(149, 149, 149, .21), transparent 27%),
    radial-gradient(circle at 7% 76%, rgba(96, 96, 96, .2), transparent 30%),
    linear-gradient(145deg, #171717 0%, #262626 52%, #1d1d1d 100%);
  color: #fff;
}

.material-showcase::before {
  position: absolute;
  top: -230px;
  right: -150px;
  width: 650px;
  height: 650px;
  border: 1px solid rgba(183, 183, 183, .13);
  border-radius: 50%;
  box-shadow:
    0 0 0 74px rgba(173, 173, 173, .035),
    0 0 0 148px rgba(173, 173, 173, .022);
  content: "";
  pointer-events: none;
}

.material-showcase-heading {
  position: relative;
  z-index: 2;
}

.material-showcase-heading .neo-kicker {
  color: #b1b1b1;
}

.material-showcase-heading h2 {
  color: #f9f9f9;
  text-shadow: 0 15px 45px rgba(0, 0, 0, .18);
}

.material-showcase-heading h2 em {
  color: #a1a1a1;
}

.material-slider {
  padding: 0 72px 62px;
  border: 1px solid rgba(205, 205, 205, .15);
  border-radius: 38px;
  background:
    radial-gradient(circle at 16% 86%, rgba(143, 143, 143, .17), transparent 28%),
    linear-gradient(135deg, rgba(255, 255, 255, .095), rgba(255, 255, 255, .025));
  box-shadow:
    0 34px 90px rgba(0, 0, 0, .3),
    inset 0 1px 0 rgba(255, 255, 255, .11);
  backdrop-filter: blur(13px);
}

.material-slider::before {
  position: absolute;
  z-index: 0;
  top: -190px;
  right: -110px;
  width: 470px;
  height: 470px;
  border: 1px solid rgba(183, 183, 183, .13);
  border-radius: 50%;
  box-shadow: 0 0 0 56px rgba(166, 166, 166, .025);
  content: "";
  pointer-events: none;
}

.material-slider::after {
  position: absolute;
  z-index: 0;
  bottom: -110px;
  left: 7%;
  width: 330px;
  height: 210px;
  border-radius: 50%;
  background: rgba(135, 135, 135, .14);
  content: "";
  filter: blur(75px);
  pointer-events: none;
}

.material-slider-meta {
  position: relative;
  z-index: 2;
  display: flex;
  min-height: 78px;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  color: rgba(237, 237, 237, .72);
  font-size: 14px;
  font-weight: 650;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.material-slider-meta span {
  display: flex;
  align-items: center;
  gap: 11px;
}

.material-slider-meta i {
  display: block;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #a9a9a9;
  box-shadow: 0 0 18px rgba(169, 169, 169, .85);
}

.material-slider-meta b {
  color: #adadad;
  font-size: 17px;
  font-weight: 400;
  letter-spacing: 0;
}

.material-showcase .material-viewport {
  z-index: 2;
  border-radius: 26px;
}

.material-package {
  gap: clamp(24px, 3.8vw, 54px);
  padding: 14px 12px 25px;
  justify-items: center;
}

.material-showcase .material-card {
  max-width: 460px;
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 27px;
  background: linear-gradient(145deg, rgba(255, 255, 255, .15), rgba(255, 255, 255, .055));
  box-shadow:
    0 30px 55px rgba(0, 0, 0, .28),
    inset 0 1px 0 rgba(255, 255, 255, .12);
  transition: transform 450ms cubic-bezier(.2, .75, .2, 1), box-shadow 450ms ease;
}

.material-package .material-card:first-child {
  transform: translateY(11px) rotate(-.35deg);
}

.material-package .material-card:last-child {
  transform: translateY(-7px) rotate(.35deg);
}

.material-package .material-card:first-child:hover {
  box-shadow: 0 38px 68px rgba(0, 0, 0, .36);
  transform: translateY(2px) rotate(0);
}

.material-package .material-card:last-child:hover {
  box-shadow: 0 38px 68px rgba(0, 0, 0, .36);
  transform: translateY(-16px) rotate(0);
}

.material-showcase .material-card img {
  border: 1px solid rgba(255, 255, 255, .22);
  border-radius: 20px;
  box-shadow: 0 14px 30px rgba(0, 0, 0, .12);
}

.material-arrow {
  z-index: 4;
  border-color: rgba(204, 204, 204, .24);
  background: rgba(34, 34, 34, .86);
  box-shadow: 0 12px 35px rgba(0, 0, 0, .35);
  color: #efefef;
  backdrop-filter: blur(10px);
}

.material-arrow:hover {
  border-color: #bbbbbb;
  background: #9a9a9a;
  color: #151515;
}

.material-dots {
  z-index: 4;
}

.material-dots button {
  background: #dadada;
  opacity: .25;
}

.material-dots button.is-active {
  background: #ababab;
  box-shadow: 0 0 18px rgba(171, 171, 171, .7);
  opacity: 1;
}

@media (max-width: 760px) {
  .material-showcase {
    background:
      radial-gradient(circle at 92% 5%, rgba(149, 149, 149, .2), transparent 25%),
      linear-gradient(155deg, #171717, #262626 62%, #1d1d1d);
  }

  .material-showcase::before {
    top: -130px;
    right: -180px;
    width: 420px;
    height: 420px;
  }

  .material-slider {
    padding: 0 25px 51px;
    border-radius: 28px;
  }

  .material-slider-meta {
    min-height: 58px;
    font-size: 14px;
    letter-spacing: .1em;
  }

  .material-slider-meta span:last-child {
    display: none;
  }

  .material-package {
    gap: 9px;
    padding: 5px 0 15px;
  }

  .material-showcase .material-card {
    max-width: none;
    padding: 5px;
    border-radius: 17px;
  }

  .material-package .material-card:first-child,
  .material-package .material-card:last-child,
  .material-package .material-card:first-child:hover,
  .material-package .material-card:last-child:hover {
    transform: none;
  }

  .material-showcase .material-card img {
    border-radius: 12px;
  }
}

/* Tıklamasız önce/sonra etkileşimi ve ortak görsel dil */
.is-direct-compare,
.is-direct-compare input[type="range"] {
  cursor: ew-resize !important;
}

.is-direct-compare {
  touch-action: pan-y;
}

.result-stories-list .result-compare {
  border: 1px solid rgba(101, 101, 101, .18);
  background: #e8e8e8;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .38);
}

.result-divider {
  width: 2px;
  background: rgba(255, 255, 255, .98);
  box-shadow: 0 0 18px rgba(48, 48, 48, .28);
}

.result-divider::after {
  position: absolute;
  top: 50%;
  left: 50%;
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, .85);
  border-radius: 50%;
  background: rgba(45, 45, 45, .9);
  box-shadow: 0 10px 25px rgba(33, 33, 33, .28);
  color: #fff;
  content: "↔";
  font-size: 15px;
  font-weight: 700;
  transform: translate(-50%, -50%);
  transition: background-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
  backdrop-filter: blur(8px);
}

.result-compare.is-interacting .result-divider::after {
  background: #6c6c6c;
  box-shadow: 0 10px 30px rgba(108, 108, 108, .42);
  transform: translate(-50%, -50%) scale(1.1);
}

.smile-panel-kiyas {
  height: 236px;
  margin-bottom: 20px;
  border: 1px solid rgba(182, 182, 182, .24);
  border-radius: 20px;
  background: #161616;
  box-shadow:
    0 20px 42px rgba(0, 0, 0, .22),
    inset 0 1px 0 rgba(255, 255, 255, .08);
}

.smile-panel-kiyas::after {
  position: absolute;
  z-index: 3;
  bottom: 11px;
  left: 50%;
  padding: 6px 10px;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 999px;
  background: rgba(21, 21, 21, .62);
  color: rgba(245, 245, 245, .78);
  content: "İMLECİ HAREKET ETTİRİN  ↔";
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .11em;
  pointer-events: none;
  transform: translateX(-50%);
  white-space: nowrap;
  backdrop-filter: blur(8px);
}

.kiyas-cizgi {
  width: 2px;
  box-shadow: 0 0 18px rgba(157, 157, 157, .34);
}

.kiyas-cizgi i {
  width: 44px;
  height: 44px;
  border: 1px solid rgba(255, 255, 255, .86);
  background: rgba(45, 45, 45, .92);
  box-shadow: 0 10px 28px rgba(0, 0, 0, .3);
  transition: background-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
  backdrop-filter: blur(8px);
}

.kiyas-cizgi i::before {
  color: #fff;
  font-size: 15px;
}

.smile-panel-kiyas.is-interacting .kiyas-cizgi i {
  background: #6c6c6c;
  box-shadow: 0 10px 30px rgba(108, 108, 108, .45);
  transform: translate(-50%, -50%) scale(1.1);
}

.kiyas-etiket {
  top: 12px;
  padding: 6px 11px;
  border: 1px solid rgba(255, 255, 255, .14);
  background: rgba(21, 21, 21, .72);
  backdrop-filter: blur(8px);
}

@media (max-width: 760px) {
  .smile-panel-kiyas {
    height: 210px;
    border-radius: 16px;
  }

  .smile-panel-kiyas::after {
    content: "PARMAĞINIZLA KAYDIRIN  ↔";
    font-size: 14px;
  }

  .result-divider::after {
    width: 38px;
    height: 38px;
  }
}

/* Klinik / Hakkımızda sayfası — okunurluk, ekip rolleri ve mekân galerisi */
.about-editorial--revised {
  align-items: start;
  padding-block: clamp(92px, 10vw, 158px);
}

.about-editorial--revised > div:last-child {
  padding-top: clamp(58px, 8vw, 112px);
}

.about-section-index,
.clinic-role-copy > span {
  display: block;
  margin-bottom: 24px;
  color: #8c8c8c;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.about-editorial--revised > div:last-child p {
  max-width: 650px;
  margin: 0 0 24px;
  color: #5d5d5d;
  font-size: clamp(18px, 1.4vw, 21px);
  line-height: 1.72;
}

.about-human-story--revised {
  padding-bottom: clamp(100px, 11vw, 170px);
}

.about-human-story--revised > div > p:last-child {
  max-width: 640px;
  font-size: clamp(18px, 1.4vw, 21px);
  line-height: 1.72;
}

.clinic-support-teams {
  position: relative;
  overflow: hidden;
  padding: clamp(96px, 10vw, 160px) 0;
  background:
    radial-gradient(circle at 92% 8%, rgba(142, 142, 142, .18), transparent 30%),
    linear-gradient(155deg, #1b1b1b 0%, #2d2d2d 58%, #222222 100%);
  color: #fff;
}

.clinic-support-teams::before {
  position: absolute;
  top: -220px;
  right: -180px;
  width: 560px;
  height: 560px;
  border: 1px solid rgba(180, 180, 180, .14);
  border-radius: 50%;
  box-shadow: 0 0 0 72px rgba(180, 180, 180, .04), 0 0 0 144px rgba(180, 180, 180, .025);
  content: "";
  pointer-events: none;
}

.clinic-section-heading {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, .55fr);
  column-gap: clamp(50px, 8vw, 120px);
  align-items: end;
  margin-bottom: clamp(58px, 7vw, 96px);
}

.clinic-section-heading .eyebrow {
  grid-column: 1 / -1;
  margin-bottom: 24px;
  color: #b7b7b7;
}

.clinic-section-heading h2 {
  margin: 0;
  font-size: clamp(48px, 5.3vw, 82px);
  font-weight: 500;
  letter-spacing: -.055em;
  line-height: .98;
}

.clinic-section-heading h2 em {
  color: #a2a2a2;
  font-style: normal;
  font-weight: inherit;
}

.clinic-section-heading > p:last-child {
  max-width: 560px;
  margin: 0;
  color: rgba(242, 242, 242, .75);
  font-size: 19px;
  line-height: 1.72;
}

.clinic-team-roles {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 28px;
}

.clinic-role-card {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(360px, .95fr);
  min-height: 510px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 34px;
  background: rgba(255, 255, 255, .075);
  box-shadow: 0 30px 70px rgba(0, 0, 0, .22), inset 0 1px 0 rgba(255, 255, 255, .08);
  backdrop-filter: blur(12px);
}

.clinic-role-card--reverse figure {
  order: 2;
}

.clinic-role-card figure {
  min-height: 510px;
  margin: 0;
  overflow: hidden;
}

.clinic-role-card figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .8s cubic-bezier(.2, .75, .2, 1);
}

.clinic-role-card:hover figure img {
  transform: scale(1.025);
}

.clinic-role-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(40px, 5vw, 74px);
}

.clinic-role-copy > span {
  color: #bbbbbb;
}

.clinic-role-copy h3 {
  max-width: 580px;
  margin: 0 0 24px;
  font-size: clamp(35px, 3.6vw, 54px);
  font-weight: 500;
  letter-spacing: -.045em;
  line-height: 1.02;
}

.clinic-role-copy > p {
  max-width: 620px;
  margin: 0;
  color: rgba(243, 243, 243, .78);
  font-size: 19px;
  line-height: 1.74;
}

.clinic-role-copy ul {
  display: grid;
  gap: 0;
  margin: 30px 0 0;
  padding: 0;
  list-style: none;
}

.clinic-role-copy li {
  position: relative;
  padding: 14px 0 14px 25px;
  border-top: 1px solid rgba(255, 255, 255, .11);
  color: rgba(251, 251, 251, .9);
  font-size: 15.5px;
  letter-spacing: .01em;
}

.clinic-role-copy li::before {
  position: absolute;
  top: 20px;
  left: 3px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #a0a0a0;
  box-shadow: 0 0 14px rgba(160, 160, 160, .8);
  content: "";
}

.clinic-spaces {
  padding-block: clamp(100px, 11vw, 170px);
}

.clinic-spaces .clinic-section-heading {
  color: #2c2c2c;
}

.clinic-spaces .clinic-section-heading .eyebrow {
  color: #8c8c8c;
}

.clinic-spaces .clinic-section-heading > p:last-child {
  color: #797979;
}

.clinic-spaces-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 22px;
  align-items: end;
}

/* ilk iki kare ust sirada genis dursun, kalan uc kare alt sirayi paylassin */
.clinic-spaces-grid > figure:nth-child(1) { grid-column: span 3; }
.clinic-spaces-grid > figure:nth-child(2) { grid-column: span 3; }
.clinic-spaces-grid > figure:nth-child(n+3) { grid-column: span 2; }

.clinic-spaces-grid figure {
  margin: 0;
}

.clinic-spaces-grid img {
  display: block;
  width: 100%;
  height: clamp(430px, 42vw, 650px);
  border-radius: 4px 70px 4px 4px;
  object-fit: cover;
}

.clinic-spaces-grid figure:not(.clinic-space-main) img {
  height: clamp(360px, 34vw, 540px);
  border-radius: 70px 4px 4px 4px;
}

.clinic-spaces-grid > figure:nth-child(n+3) img {
  height: clamp(240px, 21vw, 330px);
  border-radius: 4px 46px 4px 4px;
}

.clinic-spaces-grid figcaption {
  display: flex;
  gap: 16px;
  align-items: center;
  padding: 18px 4px 0;
  color: #686868;
  font-size: 14px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.clinic-spaces-grid figcaption span {
  color: #8c8c8c;
  font-weight: 700;
}

.mission-grid--revised {
  position: relative;
  overflow: hidden;
  padding-block: clamp(92px, 10vw, 150px);
  background: linear-gradient(135deg, #0e0e0e, #191919 62%, #252525);
}

.mission-grid--revised::before {
  position: absolute;
  inset: 0;
  background-image: linear-gradient(rgba(187, 187, 187, .055) 1px, transparent 1px), linear-gradient(90deg, rgba(187, 187, 187, .055) 1px, transparent 1px);
  background-size: 56px 56px;
  content: "";
  mask-image: linear-gradient(to bottom, transparent, #000 25%, #000);
  pointer-events: none;
}

.mission-grid--revised .container {
  position: relative;
}

.mission-grid--revised article {
  min-height: 390px;
  padding: clamp(34px, 4vw, 58px);
}

.mission-grid--revised article > span {
  color: #bbbbbb;
  font-size: 14px;
}

.mission-grid--revised h2 {
  margin-top: 74px;
  font-size: clamp(39px, 4vw, 58px);
}

.mission-grid--revised p {
  max-width: 430px;
  color: rgba(243, 243, 243, .78);
  font-size: 18px;
  line-height: 1.75;
}

@media (max-width: 980px) {
  .clinic-section-heading {
    grid-template-columns: 1fr;
    gap: 26px;
  }

  .clinic-role-card {
    grid-template-columns: 1fr;
  }

  .clinic-role-card--reverse figure {
    order: 0;
  }

  .clinic-role-card figure {
    min-height: 430px;
    max-height: 560px;
  }

  .clinic-spaces-grid {
    grid-template-columns: 1fr;
  }

  .clinic-spaces-grid > figure,
  .clinic-spaces-grid > figure:nth-child(n+3) {
    grid-column: 1 / -1;
  }

  .clinic-spaces-grid figure:not(.clinic-space-main) img,
  .clinic-spaces-grid > figure:nth-child(n+3) img {
    height: clamp(390px, 68vw, 590px);
  }
}

@media (max-width: 640px) {
  .about-editorial--revised {
    gap: 28px;
    padding-block: 78px;
  }

  .about-editorial--revised h2 {
    font-size: clamp(46px, 14vw, 64px);
  }

  .about-editorial--revised > div:last-child {
    padding-top: 0;
  }

  .about-editorial--revised > div:last-child p,
  .about-human-story--revised > div > p:last-child {
    font-size: 17px;
  }

  .about-human-story--revised {
    padding-bottom: 90px;
  }

  .clinic-support-teams {
    padding-block: 82px;
  }

  .clinic-section-heading {
    margin-bottom: 44px;
  }

  .clinic-section-heading h2 {
    font-size: clamp(42px, 13vw, 58px);
  }

  .clinic-section-heading > p:last-child,
  .clinic-role-copy > p {
    font-size: 16px;
  }

  .clinic-role-card {
    min-height: 0;
    border-radius: 23px;
  }

  .clinic-role-card figure {
    min-height: 0;
    height: 72vw;
  }

  .clinic-role-copy {
    padding: 34px 24px 30px;
  }

  .clinic-role-copy h3 {
    font-size: 36px;
  }

  .clinic-spaces {
    padding-block: 86px;
  }

  .clinic-spaces-grid img,
  .clinic-spaces-grid figure:not(.clinic-space-main) img {
    height: 78vw;
    min-height: 330px;
    border-radius: 4px 42px 4px 4px;
  }

  .clinic-spaces-grid figure:not(.clinic-space-main) img {
    border-radius: 42px 4px 4px 4px;
  }

  .mission-grid--revised article {
    min-height: 300px;
    padding: 40px 24px;
  }

  .mission-grid--revised h2 {
    margin-top: 44px;
  }
}

/* ═══ Sade açılır menü (Dental Art) ═══════════════════════════ */
.nav-item.has-drop {
  position: relative;
}

.nav-drop {
  position: absolute;
  top: calc(100% + 18px);
  left: 50%;
  z-index: 120;
  display: grid;
  gap: 9px;
  width: 210px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  visibility: hidden;
  opacity: 0;
  transform: translate(-50%, -10px) scale(.985);
  pointer-events: none;
  transition: visibility 0s linear 260ms, opacity 240ms ease, transform 340ms cubic-bezier(.22, 1, .36, 1);
}

.nav-item.is-open .nav-drop {
  visibility: visible;
  opacity: 1;
  transform: translate(-50%, 0) scale(1);
  pointer-events: auto;
  transition-delay: 0s;
}

/* açılır menü ile tetik arasındaki boşlukta imleç kaybolmasın */
.nav-drop::before {
  position: absolute;
  top: -18px;
  right: 0;
  left: 0;
  height: 18px;
  content: "";
}

.nav-drop > a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 48px;
  padding: 10px 15px;
  border: 1px solid rgba(255, 255, 255, .82);
  border-radius: 15px;
  background:
    radial-gradient(120% 110% at 88% 0%, rgba(187, 187, 187, .15), transparent 56%),
    linear-gradient(180deg, rgba(255, 255, 255, .995), rgba(243, 243, 243, .99));
  box-shadow: 0 14px 34px rgba(19, 19, 19, .15), 0 1px 0 rgba(255, 255, 255, .7) inset;
  color: var(--ink);
  font-family: inherit;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: .01em;
  line-height: 1.25;
  text-decoration: none;
  text-transform: none;
  transition: border-color 220ms ease, background-color 220ms ease, box-shadow 220ms ease, color 220ms ease, transform 260ms cubic-bezier(.22, 1, .36, 1);
}

.nav-drop > a:hover,
.nav-drop > a:focus-visible {
  border-color: rgba(137, 137, 137, .48);
  background:
    radial-gradient(120% 110% at 88% 0%, rgba(187, 187, 187, .22), transparent 56%),
    #fff;
  box-shadow: 0 18px 42px rgba(19, 19, 19, .2), 0 1px 0 rgba(255, 255, 255, .85) inset;
  color: var(--accent-deep);
  transform: translateY(-2px);
}

/* mega menudeki gibi hover'da ok isareti */
.desktop-nav .nav-drop > a::after {
  position: static;
  height: auto;
  background: none;
  color: var(--accent-deep);
  content: "\2192";
  font-size: 14px;
  opacity: 0;
  transform: translateX(-6px);
  transition: opacity 200ms ease, transform 240ms ease;
}

.desktop-nav .nav-drop > a:hover::after,
.desktop-nav .nav-drop > a:focus-visible::after {
  opacity: 1;
  transform: translateX(0);
}

/* ana sayfanın koyu başlığında da okunur kalsın */
.home-page .nav-drop > a {
  color: #2b2b2b;
}



/* kolaj butonları site buton stillerinden etkilenmesin */
.dental-art * {
  box-sizing: border-box;
}

/* ── Dental Art üst başlık bandı ── */
.art-hero {
  position: relative;
  overflow: hidden;
  padding: clamp(46px, 6vw, 84px) 0 clamp(40px, 5vw, 70px);
  background: linear-gradient(135deg, #0e0e0e, var(--dark) 58%, #252525);
  text-align: center;
}

/* marka dokusu: ince ızgara */
.art-hero::before {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(187, 187, 187, .055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(187, 187, 187, .055) 1px, transparent 1px);
  background-size: 56px 56px;
  content: "";
  mask-image: linear-gradient(to bottom, transparent, #000 35%, #000);
  pointer-events: none;
}

.art-hero .container {
  position: relative;
}

.art-hero h1 {
  margin: 0;
  color: var(--cream);
  font-family: var(--font-heading);
  font-size: clamp(32px, 4vw, 56px);
  font-weight: 500;
  letter-spacing: -.035em;
  line-height: 1.08;
}

.art-crumb {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  margin-top: 16px;
  color: rgba(243, 243, 243, .6);
  font-size: 14px;
  letter-spacing: .02em;
}

.art-crumb a {
  color: var(--accent);
  text-decoration: none;
  transition: color 200ms ease;
}

.art-crumb a:hover {
  color: var(--cream);
}

.art-crumb span[aria-hidden] {
  color: rgba(187, 187, 187, .55);
}

.art-crumb span[aria-current] {
  color: rgba(243, 243, 243, .6);
}

/* ── Materyal markaları: ölçek küçültme ── */
.material-slider {
  /* başlıkla aynı sol kenardan başlasın: container ile aynı genişlik */
  width: min(calc(100% - (var(--page-pad) * 2)), var(--container));
  margin-top: clamp(34px, 3.6vw, 48px);
  padding: 24px 54px 44px;
  border-radius: 26px;
}

.material-package {
  gap: clamp(18px, 2.2vw, 30px);
  padding: 0 6px;
}

/* kartlar daha az dikey yer kaplasın */
.material-showcase .material-card img {
  aspect-ratio: 1 / 1.16;
  border-radius: 16px;
}

.material-showcase-heading h2 {
  font-size: clamp(30px, 3.4vw, 50px);
}

@media (max-width: 1100px) {
  .material-slider {
    width: calc(100% - 36px);
    padding: 22px 46px 38px;
  }
}

@media (max-width: 760px) {
  .material-slider {
    padding: 18px 16px 34px;
  }

  .material-showcase .material-card img {
    aspect-ratio: 1 / 1.22;
  }
}

/* oklar daraltılmış kutuya göre */
.material-slider .material-arrow {
  width: 42px;
  height: 42px;
}

.material-slider .material-arrow--prev { left: 13px; }
.material-slider .material-arrow--next { right: 13px; }

@media (max-width: 760px) {
  .material-slider .material-arrow {
    width: 36px;
    height: 36px;
  }
  .material-slider .material-arrow--prev { left: 5px; }
  .material-slider .material-arrow--next { right: 5px; }
}


/* ═══ Dental Art — kolaj kompozisyonları (v5) ═════════════════ */
.dental-art-page main { padding-top: var(--header-height); }
.dental-art-page .dental-art { padding-top: 26px; }

  
  
  
  
  .dental-art{width:100%;padding:20px 0 70px}
  .artboard{position:relative;width:min(94vw,1500px);margin:0 auto 22px;overflow:hidden;isolation:isolate;background:#ddd}
  .artboard > div{position:absolute;border:0;padding:0;margin:0;background:none;overflow:hidden}
  .artboard img{width:100%;height:100%;display:block;object-fit:cover;user-select:none;-webkit-user-drag:none}
  .layer{position:absolute;inset:0;pointer-events:none}
  .script{position:absolute;z-index:30;font-family:"Segoe Script","Brush Script MT",cursive;font-style:italic;font-weight:500;line-height:.9;letter-spacing:-.04em;pointer-events:none}
  .caps{position:absolute;z-index:30;font-size:clamp(14px,.65vw,14px);letter-spacing:.22em;text-transform:uppercase;pointer-events:none}
  .torn{position:absolute;z-index:24;background:white;filter:drop-shadow(0 0 1px rgba(0,0,0,.08));pointer-events:none}
  .arrow{position:absolute;z-index:31;font-family:"Segoe Script","Brush Script MT",cursive;font-size:clamp(20px,2vw,34px);pointer-events:none}

  /* =============================
     CASE 01 — bright editorial strip
     matches reference's first row proportions
     ============================= */
  .case-01{aspect-ratio:3.82/1;background:#dadada}
  .case-01 .p1{left:0;top:0;width:20.5%;height:100%;clip-path:polygon(0 0,96% 0,100% 13%,95% 27%,100% 41%,96% 57%,100% 73%,94% 100%,0 100%)}
  .case-01 .p1 img{object-position:46% 50%;transform:scale(1.08)}
  .case-01 .p2{left:17.4%;top:0;width:24%;height:100%;z-index:3;clip-path:polygon(5% 0,100% 0,95% 15%,100% 31%,95% 46%,100% 61%,96% 78%,100% 100%,0 100%,5% 82%,0 64%,5% 47%,0 28%)}
  .case-01 .p2 img{object-position:50% 34%;transform:scale(1.42)}
  .case-01 .p3{left:38.5%;top:0;width:27.5%;height:100%;z-index:7;clip-path:polygon(8% 0,92% 0,100% 10%,94% 21%,100% 35%,94% 48%,100% 62%,95% 76%,100% 91%,93% 100%,3% 100%,8% 88%,2% 75%,8% 61%,2% 48%,8% 34%,3% 19%)}
  .case-01 .p3 img{object-position:48% 28%;transform:scale(1.22)}
  .case-01 .p4{left:63%;top:0;width:29%;height:100%;z-index:4;clip-path:polygon(4% 0,100% 0,100% 100%,4% 100%,8% 86%,2% 70%,7% 53%,2% 36%,8% 17%)}
  .case-01 .p4 img{object-position:52% 55%;transform:scale(1.9)}
  .case-01 .p5{right:0;top:0;width:10.2%;height:50%;z-index:9;border-left:4px solid rgba(255,255,255,.25)}
  .case-01 .p6{right:0;bottom:0;width:10.2%;height:50%;z-index:9;border-left:4px solid rgba(255,255,255,.25);border-top:4px solid rgba(255,255,255,.25)}
  .case-01 .p5 img{object-position:50% 35%;transform:scale(1.33);filter:saturate(.72) hue-rotate(165deg) contrast(1.06)}
  .case-01 .p6 img{object-position:50% 34%;transform:scale(1.28);filter:saturate(1.18) hue-rotate(305deg)}
  .case-01 .rip-a{left:19.2%;top:-4%;width:16px;height:108%;clip-path:polygon(54% 0,90% 4%,43% 9%,77% 14%,34% 21%,88% 27%,46% 33%,80% 40%,31% 46%,89% 53%,44% 59%,78% 66%,35% 72%,92% 79%,42% 86%,75% 92%,49% 100%,0 100%,0 0)}
  .case-01 .rip-b{left:39%;top:-4%;width:22px;height:108%;transform:rotate(1.2deg);clip-path:polygon(60% 0,100% 5%,39% 11%,84% 17%,43% 24%,100% 32%,42% 39%,78% 47%,30% 55%,93% 63%,45% 70%,87% 78%,36% 85%,90% 92%,54% 100%,0 100%,0 0)}
  .case-01 .rip-c{left:63.6%;top:-3%;width:16px;height:106%;clip-path:polygon(55% 0,100% 6%,44% 14%,83% 21%,33% 29%,92% 37%,47% 44%,82% 52%,36% 59%,96% 67%,44% 74%,82% 82%,35% 90%,75% 96%,53% 100%,0 100%,0 0)}
  .case-01 .note1{left:49%;top:5%;font-size:clamp(17px,2vw,32px);transform:rotate(-8deg);color:#111}
  .case-01 .note2{left:15.4%;bottom:6%;font-size:clamp(14px,1.05vw,17px);writing-mode:vertical-rl;transform:rotate(180deg);color:#111}
  .case-01 .note3{right:8.5%;top:28%;font-size:clamp(14px,1vw,16px);writing-mode:vertical-rl;transform:rotate(180deg);color:#111}
  .case-01 .a1{left:56.2%;top:9%;transform:rotate(25deg);color:#111}
  .case-01 .a2{right:8.7%;top:49%;transform:rotate(-18deg);color:#111}
  .case-01 .scribble-ring{position:absolute;z-index:28;border:2px solid rgba(20,20,20,.7);border-radius:50%;width:10%;height:34%;left:17.2%;top:42%;transform:rotate(-11deg);pointer-events:none}

  /* =============================
     CASE 02 — black dramatic collage
     mirrors reference's second row: lip strip + multiple portraits + ghost face + torn diagonal
     ============================= */
  .case-02{aspect-ratio:3.45/1;background:#050505}
  .case-02::after{content:"";position:absolute;inset:0;z-index:22;background:linear-gradient(90deg,rgba(0,0,0,.05),transparent 15%,rgba(0,0,0,.12) 64%,rgba(0,0,0,.03));pointer-events:none}
  .case-02 .b1{left:0;top:0;width:15.7%;height:100%;z-index:5}
  .case-02 .b1 img{object-position:52% 53%;transform:scale(2.0);filter:saturate(1.6) contrast(1.16) brightness(.68) hue-rotate(320deg)}
  .case-02 .b2{left:15.8%;top:0;width:17.5%;height:100%;z-index:5;clip-path:polygon(0 0,100% 0,94% 18%,100% 34%,95% 53%,100% 71%,94% 100%,0 100%)}
  .case-02 .b2 img{object-position:50% 34%;transform:scale(1.24);filter:brightness(.77) saturate(.82)}
  .case-02 .ghost{left:31%;top:-12%;width:42%;height:124%;z-index:1;opacity:.31;mix-blend-mode:screen}
  .case-02 .ghost img{object-position:53% 28%;transform:rotate(-14deg) scale(1.35);filter:grayscale(.2) brightness(.45)}
  .case-02 .b3{left:30%;top:0;width:25%;height:100%;z-index:9;clip-path:polygon(8% 0,100% 0,95% 18%,100% 37%,94% 55%,100% 76%,95% 100%,0 100%,5% 79%,0 58%,6% 35%,0 14%)}
  .case-02 .b3 img{object-position:49% 31%;transform:scale(1.24);filter:brightness(.95) contrast(1.05)}
  .case-02 .b4{left:57%;top:0;width:24%;height:100%;z-index:7;clip-path:polygon(7% 0,100% 0,94% 21%,100% 43%,95% 62%,100% 100%,0 100%,5% 80%,0 59%,6% 35%)}
  .case-02 .b4 img{object-position:49% 28%;transform:scale(1.13);filter:brightness(.78) saturate(.92)}
  .case-02 .b5{right:0;top:0;width:20%;height:100%;z-index:8;clip-path:polygon(8% 0,100% 0,100% 100%,0 100%,5% 82%,0 62%,5% 42%,0 21%)}
  .case-02 .b5 img{object-position:51% 54%;transform:scale(1.58);filter:brightness(.72) saturate(.84)}
  .case-02 .diag-rip{right:16.7%;top:-20%;width:3.2%;height:145%;background:#fff;transform:rotate(26deg);z-index:25;clip-path:polygon(38% 0,100% 0,74% 6%,100% 12%,63% 18%,91% 24%,55% 31%,100% 37%,66% 44%,95% 50%,58% 57%,100% 63%,69% 70%,93% 76%,53% 83%,100% 90%,63% 96%,70% 100%,0 100%,12% 94%,0 87%,19% 80%,0 73%,15% 66%,0 59%,17% 52%,0 45%,15% 38%,0 31%,18% 24%,0 17%,13% 10%,0 4%,0 0)}
  .case-02 .logo-text{left:2.2%;top:5%;color:#fff;font-weight:700;font-size:clamp(14px,.8vw,14px);letter-spacing:.28em;line-height:1.2;text-align:center}
  .case-02 .note1{left:43%;top:42%;color:#fff;font-size:clamp(25px,3.1vw,48px);transform:rotate(-11deg);text-align:center}
  .case-02 .note2{right:20%;top:6%;color:#fff;font-size:clamp(14px,1.55vw,23px);transform:rotate(-14deg)}
  .case-02 .note3{right:3.3%;top:3%;color:#fff;font-size:clamp(14px,1.4vw,22px);transform:rotate(-9deg)}
  .case-02 .a1{left:55%;top:26%;color:#fff;transform:rotate(37deg)}
  .case-02 .a2{right:9%;top:5%;color:#fff;transform:rotate(16deg)}

  /* CASE 03 — pink/red fashion collage */
  .case-03{aspect-ratio:3.65/1;background:#e3e3e3}
  .case-03 .c1{left:0;top:0;width:29%;height:100%;z-index:2}
  .case-03 .c1 img{object-position:50% 33%;transform:scale(1.1)}
  .case-03 .c2{left:25%;top:-7%;width:30%;height:114%;z-index:8;clip-path:polygon(7% 0,97% 0,100% 12%,95% 25%,100% 39%,96% 53%,100% 67%,95% 81%,100% 100%,0 100%,6% 83%,0 66%,6% 49%,0 31%,6% 14%)}
  .case-03 .c2 img{object-position:50% 36%;transform:scale(1.38)}
  .case-03 .c3{left:51%;top:0;width:31%;height:100%;z-index:4}
  .case-03 .c3 img{object-position:54% 58%;transform:scale(1.8)}
  .case-03 .c4{right:0;top:0;width:21%;height:50%;z-index:6}
  .case-03 .c5{right:0;bottom:0;width:21%;height:50%;z-index:6}
  .case-03 .c4 img,.case-03 .c5 img{object-position:50% 35%;transform:scale(1.35)}
  .case-03 .c4 img{filter:saturate(.75) hue-rotate(160deg)}
  .case-03 .c5 img{filter:saturate(1.25) hue-rotate(315deg)}
  .case-03 .rip-a{left:25.4%;top:-4%;width:18px;height:108%;clip-path:polygon(50% 0,100% 6%,38% 13%,89% 19%,42% 26%,100% 35%,35% 42%,90% 49%,40% 56%,100% 63%,46% 70%,91% 77%,34% 84%,100% 92%,57% 100%,0 100%,0 0)}
  .case-03 .rip-b{left:52%;top:-3%;width:17px;height:106%;clip-path:polygon(60% 0,100% 7%,45% 15%,87% 22%,33% 30%,100% 39%,43% 47%,90% 55%,37% 62%,100% 71%,48% 79%,89% 87%,38% 94%,65% 100%,0 100%,0 0)}
  .case-03 .note1{left:32%;top:6%;font-size:clamp(18px,2.1vw,34px);color:#181818;transform:rotate(-7deg)}
  .case-03 .note2{left:66%;bottom:8%;font-size:clamp(15px,1.7vw,28px);color:#181818;transform:rotate(5deg)}
  .case-03 .caps1{left:3%;bottom:5%;color:#111}

  /* CASE 04 — black/red magazine closer */
  .case-04{aspect-ratio:3.55/1;background:#090909}
  .case-04 .d1{left:0;top:0;width:24%;height:100%;z-index:2}
  .case-04 .d1 img{object-position:50% 30%;transform:scale(1.1)}
  .case-04 .d2{left:21%;top:0;width:28%;height:100%;z-index:8;clip-path:polygon(8% 0,100% 0,94% 18%,100% 38%,95% 57%,100% 78%,94% 100%,0 100%,5% 82%,0 63%,5% 42%,0 21%)}
  .case-04 .d2 img{object-position:50% 52%;transform:scale(1.82);filter:saturate(1.15)}
  .case-04 .d3{left:46%;top:0;width:28%;height:100%;z-index:4}
  .case-04 .d3 img{object-position:50% 29%;transform:scale(1.18);filter:brightness(.78)}
  .case-04 .d4{right:0;top:0;width:29%;height:100%;z-index:5}
  .case-04 .d4 img{object-position:50% 54%;transform:scale(1.65);filter:brightness(.63) saturate(1.12) hue-rotate(330deg)}
  .case-04 .redwash{position:absolute;inset:0;z-index:15;background:linear-gradient(90deg,transparent 0 19%,rgba(34, 34, 34, .08) 25%,transparent 43%,rgba(27, 27, 27, .14) 70%,rgba(25, 25, 25, .3) 100%);mix-blend-mode:screen;pointer-events:none}
  .case-04 .rip-a{left:21.7%;top:-4%;width:18px;height:108%;background:#fff;clip-path:polygon(50% 0,100% 7%,36% 13%,90% 20%,41% 28%,100% 36%,43% 43%,91% 51%,37% 58%,100% 67%,45% 75%,88% 82%,34% 90%,75% 100%,0 100%,0 0)}
  .case-04 .note1{left:54%;top:9%;font-size:clamp(22px,2.4vw,38px);color:#fff;transform:rotate(-8deg)}
  .case-04 .note2{right:7%;bottom:8%;font-size:clamp(15px,1.6vw,26px);color:#fff;transform:rotate(8deg)}

  /* =========================================
     SINGLE EDITORIAL FRAMES — breathing spaces
     same visual language, one dominant image
     ========================================= */
  .single-frame{position:relative;width:min(94vw,1500px);margin:0 auto 22px;overflow:hidden;isolation:isolate;background:#111}
  .single-frame > div{display:block;width:100%;height:100%;border:0;padding:0;margin:0;background:none}
  .single-frame img{width:100%;height:100%;display:block;object-fit:cover;user-select:none;-webkit-user-drag:none}
  .single-frame .shade{position:absolute;inset:0;pointer-events:none;z-index:5}
  .single-frame .single-script{position:absolute;z-index:10;font-family:"Segoe Script","Brush Script MT",cursive;font-style:italic;line-height:.92;letter-spacing:-.04em;pointer-events:none}
  .single-frame .single-caps{position:absolute;z-index:10;text-transform:uppercase;letter-spacing:.24em;font-weight:600;pointer-events:none}
  .single-frame .line{position:absolute;z-index:10;height:1px;background:currentColor;transform-origin:left center;pointer-events:none}

  .single-01{aspect-ratio:2.35/1;background:#e5e5e5}
  .single-01 img{object-position:50% 34%;transform:scale(1.02)}
  .single-01 .shade{background:linear-gradient(90deg,rgba(0,0,0,.28),transparent 37%,transparent 76%,rgba(0,0,0,.08))}
  .single-01 .single-script{left:5.5%;bottom:10%;font-size:clamp(30px,4.4vw,72px);color:#fff;transform:rotate(-6deg)}
  .single-01 .single-caps{left:6%;top:9%;font-size:clamp(14px,.85vw,14px);color:#fff}
  .single-01 .line{left:6%;top:15%;width:12%;color:#fff;transform:rotate(-2deg)}

  .single-02{aspect-ratio:2.7/1;background:#090909}
  .single-02 img{object-position:50% 56%;transform:scale(1.48);filter:contrast(1.04) saturate(.9)}
  .single-02 .shade{background:linear-gradient(90deg,rgba(0,0,0,.45),transparent 28%,transparent 72%,rgba(0,0,0,.45)),linear-gradient(0deg,rgba(0,0,0,.18),transparent 40%)}
  .single-02 .single-script{right:6%;top:11%;font-size:clamp(25px,3.5vw,56px);color:#fff;transform:rotate(-7deg);text-align:right}
  .single-02 .single-caps{left:5%;bottom:8%;font-size:clamp(14px,.75vw,14px);color:#fff}
  .single-02::after{content:"";position:absolute;left:8%;top:-10%;width:18px;height:120%;background:#fff;z-index:8;clip-path:polygon(50% 0,100% 5%,35% 11%,90% 18%,40% 25%,100% 33%,39% 41%,92% 49%,36% 56%,100% 64%,43% 72%,89% 80%,34% 88%,75% 100%,0 100%,0 0);transform:rotate(4deg);opacity:.95;pointer-events:none}

  .single-03{aspect-ratio:1.72/1;background:#d3d3d3}
  .single-03 img{object-position:50% 29%;transform:scale(1.08)}
  .single-03 .shade{background:linear-gradient(90deg,rgba(0,0,0,.07),transparent 42%,rgba(0,0,0,.23))}
  .single-03 .single-script{right:5%;bottom:9%;font-size:clamp(28px,4vw,64px);color:#fff;transform:rotate(4deg);text-align:right}
  .single-03 .single-caps{right:5.5%;top:9%;font-size:clamp(14px,.8vw,14px);color:#fff;text-align:right}

  .single-04{aspect-ratio:3.05/1;background:#e1e1e1}
  .single-04 img{object-position:50% 54%;transform:scale(1.72)}
  .single-04 .shade{background:linear-gradient(90deg,rgba(15, 15, 15, .12),transparent 33%,transparent 70%,rgba(15, 15, 15, .15))}
  .single-04 .single-script{left:50%;top:50%;transform:translate(-50%,-50%) rotate(-5deg);font-size:clamp(28px,4.2vw,68px);color:#fff;text-align:center;text-shadow:0 2px 16px rgba(0,0,0,.18)}
  .single-04 .single-caps{left:50%;bottom:8%;transform:translateX(-50%);font-size:clamp(14px,.75vw,14px);color:#fff;white-space:nowrap}


  /* FINAL FRAME — restrained portrait + smile detail */
  .single-final{aspect-ratio:3.15/1;background:#0a0a0a}
  .single-final .final-portrait{position:absolute;left:0;top:0;width:61%;height:100%;z-index:1}
  .single-final .final-smile{position:absolute;right:0;top:0;width:43%;height:100%;z-index:2}
  .single-final .final-portrait img{object-position:50% 33%;transform:scale(1.04);filter:saturate(.92) contrast(1.02)}
  .single-final .final-smile img{object-position:50% 55%;transform:scale(1.62);filter:contrast(1.06) saturate(.9)}
  .single-final .final-rip{position:absolute;left:58.8%;top:-8%;width:28px;height:116%;z-index:7;background:#fff;transform:rotate(2deg);clip-path:polygon(55% 0,100% 5%,38% 11%,91% 18%,42% 25%,100% 33%,36% 41%,92% 49%,40% 56%,100% 64%,45% 72%,90% 80%,34% 88%,78% 95%,52% 100%,0 100%,0 0);pointer-events:none}
  .single-final .final-shade{position:absolute;inset:0;z-index:5;background:linear-gradient(90deg,rgba(0,0,0,.12),transparent 30%,transparent 60%,rgba(0,0,0,.18));pointer-events:none}
  .single-final .single-caps{left:4.5%;top:8%;font-size:clamp(14px,.75vw,14px);color:#fff;letter-spacing:.28em}
  .single-final .single-script{left:4.5%;bottom:9%;font-size:clamp(22px,2.7vw,42px);color:#fff;transform:rotate(-4deg);max-width:35%;text-align:left}
  .single-final .final-mark{position:absolute;right:4.5%;bottom:8%;z-index:10;color:#fff;font-size:clamp(14px,.7vw,14px);letter-spacing:.22em;text-transform:uppercase;pointer-events:none}

  @media(max-width:900px){
    .dental-art{padding-top:8px}
    .artboard{width:calc(100vw - 16px);margin-bottom:10px;aspect-ratio:1.45/1!important}
    .single-frame{width:calc(100vw - 16px);margin-bottom:10px}
    .single-01{aspect-ratio:1.35/1}.single-02{aspect-ratio:1.35/1}.single-03{aspect-ratio:1.15/1}.single-04{aspect-ratio:1.45/1}
    .single-01 img{object-position:52% 35%;transform:scale(1.14)}
    .single-02 img{transform:scale(1.72)}
    .single-03 img{transform:scale(1.18)}
    .single-04 img{transform:scale(1.95)}
    .case-01 .p1{width:31%;}.case-01 .p2{left:26%;width:39%}.case-01 .p3{display:none}.case-01 .p4{left:60%;width:40%}.case-01 .p5,.case-01 .p6{display:none}
    .case-01 .rip-a{left:27%}.case-01 .rip-b{display:none}.case-01 .rip-c{left:61%}.case-01 .note3,.case-01 .a2{display:none}.case-01 .note1{left:45%;top:5%}.case-01 .note2{left:19%}
    .case-02 .b1{width:24%}.case-02 .b2{display:none}.case-02 .ghost{left:15%;width:55%}.case-02 .b3{left:20%;width:38%}.case-02 .b4{left:53%;width:31%}.case-02 .b5{right:0;width:24%}.case-02 .diag-rip{right:21%;}.case-02 .note1{left:37%;}.case-02 .note2{display:none}
    .case-03 .c1{width:34%}.case-03 .c2{left:28%;width:40%}.case-03 .c3{left:62%;width:38%}.case-03 .c4,.case-03 .c5{display:none}.case-03 .rip-a{left:29%}.case-03 .rip-b{left:63%}
    .case-04 .d1{width:32%}.case-04 .d2{left:27%;width:42%}.case-04 .d3{display:none}.case-04 .d4{right:0;width:36%}.case-04 .rip-a{left:28%}.case-04 .note1{left:45%}
  }
  @media(max-width:560px){
    .artboard{aspect-ratio:1.12/1!important}
    .single-01,.single-02,.single-03,.single-04{aspect-ratio:1/1}
    .single-frame .single-script{font-size:24px!important}
    .single-frame .single-caps{font-size:14px!important}
    .script{font-size:18px!important}.arrow{font-size:20px!important}.caps{font-size:14px!important}
    .case-01 .p1{width:38%}.case-01 .p2{left:31%;width:45%}.case-01 .p4{left:69%;width:31%}.case-01 .rip-a{left:32%}.case-01 .rip-c{left:70%}.case-01 .note1{left:43%}.case-01 .note2{display:none}
    .case-02 .b1{width:27%}.case-02 .ghost{left:10%;width:62%}.case-02 .b3{left:20%;width:45%}.case-02 .b4{left:57%;width:43%}.case-02 .b5{display:none}.case-02 .diag-rip{right:39%;}.case-02 .note3{display:none}
    .case-03 .c1{width:41%}.case-03 .c2{left:34%;width:50%}.case-03 .c3{left:76%;width:24%}.case-03 .rip-a{left:35%}.case-03 .rip-b{left:77%}
    .case-04 .d1{width:40%}.case-04 .d2{left:32%;width:50%}.case-04 .d4{right:0;width:26%}.case-04 .rip-a{left:33%}
  }
  @media(max-width:900px){
    .single-final{aspect-ratio:1.55/1!important}
    .single-final .final-portrait{width:64%}
    .single-final .final-smile{width:42%}
    .single-final .final-rip{left:61.5%}
    .single-final .single-script{max-width:45%;font-size:clamp(20px,4vw,34px)}
  }
  @media(max-width:560px){
    .single-final{aspect-ratio:1.05/1!important}
    .single-final .final-portrait{width:68%}
    .single-final .final-smile{width:38%}
    .single-final .final-rip{left:65.5%;width:18px}
    .single-final .single-script{max-width:52%;font-size:22px!important;bottom:8%}
    .single-final .final-mark{font-size:14px;right:3.5%;bottom:5%;letter-spacing:.14em}
  }



  /* TRUE standalone images — no collage, no banner crop */
  .solo-image{width:min(94vw,1500px);margin:0 auto 22px;background:#fff;display:flex;justify-content:center;overflow:hidden;position:relative}
  .solo-image > div{border:0;padding:0;margin:0;background:none;display:block;line-height:0;max-width:100%}
  .solo-image img{display:block;width:auto;max-width:100%;height:auto;max-height:900px;object-fit:contain;user-select:none;-webkit-user-drag:none}
  .solo-image.full img{width:100%;max-height:none;object-fit:cover}
  .solo-image.narrow{padding:0 10%}
  .solo-image.narrow > div{width:100%}
  .solo-image.narrow img{width:100%;object-fit:contain}
  .solo-image.left{justify-content:flex-start;padding-right:16%}
  .solo-image.right{justify-content:flex-end;padding-left:16%}
  .solo-image.smile img{width:100%;max-height:620px;object-fit:cover;object-position:center 52%}
  @media(max-width:900px){
    .solo-image{width:calc(100vw - 16px);margin-bottom:10px}
    .solo-image.narrow,.solo-image.left,.solo-image.right{padding:0}
    .solo-image img{width:100%;max-height:none}
  }



  /* =========================================
     CONNECTED EDITORIAL STRIPS
     Every image touches/overlaps another image.
     ========================================= */
  .connected-strip,
  .closing-wall{
    position:relative;
    width:min(94vw,1500px);
    margin:0 auto 22px;
    overflow:hidden;
    isolation:isolate;
    background:#e9e9e9;
  }
  .connected-strip > div,
  .closing-wall > div{
    position:absolute;
    border:0;
    padding:0;
    margin:0;
    background:none;
    overflow:hidden;
  }
  .connected-strip img,
  .closing-wall img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    user-select:none;
    -webkit-user-drag:none;
  }
  .connected-strip .mini-label{
    position:absolute;
    z-index:30;
    font-size:clamp(14px,.65vw,14px);
    letter-spacing:.22em;
    text-transform:uppercase;
    color:#fff;
    background:rgba(0,0,0,.45);
    backdrop-filter:blur(6px);
    padding:8px 10px;
    pointer-events:none;
  }
  .connected-strip .hand{
    position:absolute;
    z-index:31;
    font-family:"Segoe Script","Brush Script MT",cursive;
    font-style:italic;
    color:#fff;
    font-size:clamp(18px,2.3vw,36px);
    line-height:.95;
    text-shadow:0 2px 16px rgba(0,0,0,.18);
    pointer-events:none;
  }
  .connected-strip .paper-rip,
  .closing-wall .paper-rip{
    position:absolute;
    z-index:20;
    background:#fff;
    pointer-events:none;
    clip-path:polygon(45% 0,100% 5%,40% 11%,90% 17%,35% 25%,100% 32%,43% 39%,91% 47%,35% 55%,100% 63%,44% 71%,92% 79%,38% 87%,82% 94%,48% 100%,0 100%,0 0);
  }

  /* Magdalena Maximovic — portrait + smile + portrait crop */
  .connected-a{aspect-ratio:3.35/1;background:#d8d8d8}
  .connected-a .x1{left:0;top:0;width:43%;height:100%;z-index:2}
  .connected-a .x1 img{object-position:50% 32%;transform:scale(1.08)}
  .connected-a .x2{left:39%;top:0;width:38%;height:100%;z-index:5;clip-path:polygon(8% 0,100% 0,95% 17%,100% 35%,95% 54%,100% 73%,94% 100%,0 100%,5% 81%,0 62%,6% 42%,0 21%)}
  .connected-a .x2 img{object-position:54% 50%;transform:scale(1.48)}
  .connected-a .x3{right:0;top:0;width:28%;height:100%;z-index:3}
  .connected-a .x3 img{object-position:47% 28%;transform:scale(1.32)}
  .connected-a .paper-rip{left:40.3%;top:-4%;width:18px;height:108%;transform:rotate(1deg)}
  .connected-a .mini-label{left:2.5%;top:7%}
  .connected-a .hand{right:4%;bottom:8%;transform:rotate(-7deg)}

  /* Iryina Ryes — offset editorial split */
  .connected-b{aspect-ratio:3.15/1;background:#d2d2d2}
  .connected-b .x1{left:0;top:0;width:52%;height:100%;z-index:2}
  .connected-b .x1 img{object-position:50% 30%;transform:scale(1.05)}
  .connected-b .x2{left:47%;top:0;width:38%;height:100%;z-index:5;clip-path:polygon(7% 0,100% 0,95% 20%,100% 41%,94% 61%,100% 82%,94% 100%,0 100%,5% 79%,0 56%,6% 34%,0 14%)}
  .connected-b .x2 img{object-position:52% 48%;transform:scale(1.36)}
  .connected-b .x3{right:0;top:0;width:20%;height:100%;z-index:4}
  .connected-b .x3 img{object-position:64% 38%;transform:scale(1.75)}
  .connected-b .paper-rip{left:48.8%;top:-5%;width:20px;height:110%;transform:rotate(-1deg)}
  .connected-b .mini-label{right:2.5%;top:7%}
  .connected-b .hand{left:4%;bottom:8%;transform:rotate(-4deg)}

  /* Vladimir Trubenko — darker, tighter crop */
  .connected-c{aspect-ratio:3.4/1;background:#111}
  .connected-c::after{content:"";position:absolute;inset:0;z-index:18;background:linear-gradient(90deg,rgba(0,0,0,.08),transparent 28%,transparent 65%,rgba(0,0,0,.18));pointer-events:none}
  .connected-c .x1{left:0;top:0;width:39%;height:100%;z-index:2}
  .connected-c .x1 img{object-position:50% 26%;transform:scale(1.08);filter:saturate(.9) contrast(1.03)}
  .connected-c .x2{left:34%;top:0;width:39%;height:100%;z-index:6;clip-path:polygon(9% 0,100% 0,95% 19%,100% 39%,94% 60%,100% 80%,95% 100%,0 100%,6% 81%,0 61%,6% 41%,0 20%)}
  .connected-c .x2 img{object-position:50% 55%;transform:scale(1.58);filter:contrast(1.08)}
  .connected-c .x3{right:0;top:0;width:34%;height:100%;z-index:3}
  .connected-c .x3 img{object-position:50% 24%;transform:scale(1.35);filter:brightness(.8) saturate(.82)}
  .connected-c .paper-rip{left:35.5%;top:-4%;width:19px;height:108%;transform:rotate(1deg)}
  .connected-c .mini-label{left:2.5%;top:7%}
  .connected-c .hand{right:4%;bottom:8%;transform:rotate(-6deg)}

  /* Closing wall — three different patients, all touching */
  .closing-wall{aspect-ratio:3.55/1;background:#111}
  .closing-wall .z1{left:0;top:0;width:36%;height:100%;z-index:2}
  .closing-wall .z2{left:32%;top:0;width:39%;height:100%;z-index:5;clip-path:polygon(8% 0,100% 0,95% 18%,100% 37%,95% 56%,100% 76%,94% 100%,0 100%,5% 81%,0 62%,6% 42%,0 21%)}
  .closing-wall .z3{right:0;top:0;width:34%;height:100%;z-index:3}
  .closing-wall .z1 img{object-position:50% 52%;transform:scale(1.34)}
  .closing-wall .z2 img{object-position:50% 51%;transform:scale(1.28)}
  .closing-wall .z3 img{object-position:50% 52%;transform:scale(1.34)}
  .closing-wall .rip-a{left:33.1%;top:-5%;width:18px;height:110%;transform:rotate(1deg)}
  .closing-wall .rip-b{left:68.2%;top:-5%;width:18px;height:110%;transform:rotate(-1deg)}
  .closing-wall .end-label{position:absolute;left:50%;bottom:7%;transform:translateX(-50%);z-index:30;color:#fff;font-size:clamp(14px,.75vw,14px);letter-spacing:.28em;text-transform:uppercase;background:rgba(0,0,0,.4);backdrop-filter:blur(7px);padding:8px 12px;white-space:nowrap;pointer-events:none}

  @media(max-width:900px){
    .connected-strip,.closing-wall{width:calc(100vw - 16px);margin-bottom:10px;aspect-ratio:1.55/1}
    .connected-a .x1,.connected-b .x1,.connected-c .x1{width:53%}
    .connected-a .x2,.connected-b .x2,.connected-c .x2{left:47%;width:35%}
    .connected-a .x3,.connected-b .x3,.connected-c .x3{width:25%}
    .connected-a .paper-rip,.connected-b .paper-rip,.connected-c .paper-rip{left:48.5%}
    .closing-wall .z1{width:39%}.closing-wall .z2{left:34%;width:38%}.closing-wall .z3{width:33%}
    .closing-wall .rip-a{left:35.2%}.closing-wall .rip-b{left:69.1%}
  }
  @media(max-width:560px){
    .connected-strip,.closing-wall{aspect-ratio:1.18/1}
    .connected-a .x1,.connected-b .x1,.connected-c .x1{width:58%}
    .connected-a .x2,.connected-b .x2,.connected-c .x2{left:50%;width:37%}
    .connected-a .x3,.connected-b .x3,.connected-c .x3{width:21%}
    .connected-a .paper-rip,.connected-b .paper-rip,.connected-c .paper-rip{left:51.5%;width:14px}
    .connected-strip .hand{font-size:20px}.connected-strip .mini-label{font-size:14px;padding:6px 7px}
    .closing-wall .z1{width:42%}.closing-wall .z2{left:36%;width:40%}.closing-wall .z3{width:30%}
    .closing-wall .rip-a{left:37.2%;width:14px}.closing-wall .rip-b{left:72.2%;width:14px}
    .closing-wall .end-label{font-size:14px;letter-spacing:.16em;padding:6px 8px}
  }


  /* v5.1 — no repeated source image inside the new client strips */
  .connected-a .x1,.connected-b .x1,.connected-c .x1{left:0;width:58%;height:100%}
  .connected-a .x2,.connected-b .x2,.connected-c .x2{left:52%;right:0;width:48%;height:100%}
  .connected-a .paper-rip,.connected-b .paper-rip,.connected-c .paper-rip{left:53.5%}
  .connected-a .x1 img{object-position:50% 28%;transform:scale(1.04)}
  .connected-a .x2 img{object-position:56% 50%;transform:scale(1.32)}
  .connected-b .x1 img{object-position:50% 27%;transform:scale(1.03)}
  .connected-b .x2 img{object-position:54% 49%;transform:scale(1.28)}
  .connected-c .x1 img{object-position:50% 25%;transform:scale(1.04)}
  .connected-c .x2 img{object-position:50% 54%;transform:scale(1.38)}
  @media(max-width:900px){
    .connected-a .x1,.connected-b .x1,.connected-c .x1{width:61%}
    .connected-a .x2,.connected-b .x2,.connected-c .x2{left:55%;width:45%}
    .connected-a .paper-rip,.connected-b .paper-rip,.connected-c .paper-rip{left:56.5%}
  }
  @media(max-width:560px){
    .connected-a .x1,.connected-b .x1,.connected-c .x1{width:64%}
    .connected-a .x2,.connected-b .x2,.connected-c .x2{left:57%;width:43%}
    .connected-a .paper-rip,.connected-b .paper-rip,.connected-c .paper-rip{left:58.5%}
  }

/* ── Tedaviler mega menüsü: ölçek küçültme ── */
.nav-mega {
  top: calc(100% + 12px);
  width: min(880px, calc(100vw - 40px));
  padding: 22px 24px 14px;
  border-radius: 22px;
}

.nav-mega-inner {
  grid-template-columns: minmax(0, 1fr) 210px;
  gap: 22px;
}

.nav-mega-grid {
  gap: 4px 18px;
}

.nav-mega-col {
  padding-right: 14px;
}

/* sütun başlıkları */
.nav-mega-label {
  margin-bottom: 4px;
  font-size: 14px;
}

/* bağlantı satırları daha sıkı */
.desktop-nav .nav-mega-col a {
  padding: 5px 9px;
  border-radius: 9px;
  font-size: 14px;
}

/* öne çıkan kart */
.desktop-nav .nav-mega-feature {
  min-height: 0;
  border-radius: 16px;
}

/* alt bilgi şeridi */
.nav-mega-foot {
  margin-top: 12px;
  padding-top: 12px;
}

.nav-mega-foot p {
  font-size: 14px;
  line-height: 1.45;
}

@media (max-width: 1180px) {
  .nav-mega {
    width: calc(100vw - 32px);
    padding: 20px 20px 13px;
  }

  .nav-mega-inner {
    grid-template-columns: minmax(0, 1fr) 190px;
    gap: 18px;
  }
}

/* öne çıkan kart içeriği daraltılmış kutuya göre */
.nav-mega-feature-body {
  gap: 5px;
  padding: 16px;
}

.nav-mega-feature-title {
  font-size: 20px;
}

.nav-mega-feature-text {
  font-size: 14px;
  line-height: 1.45;
}

.nav-mega-feature-eyebrow {
  padding: 4px 8px;
}

.nav-mega-feature-cta {
  margin-top: 2px;
  font-size: 14px;
}

/* ── Galeri sayfasındaki klinik bölümü: açık zemine uyarlama ── */
.smile-stories-page .clinic-spaces {
  padding-block: clamp(70px, 8vw, 118px);
}

.smile-stories-page .clinic-section-heading h2 {
  color: var(--aksu-ink);
}

.smile-stories-page .clinic-section-heading h2 em {
  color: var(--aksu-champagne);
}

.smile-stories-page .clinic-section-heading .eyebrow {
  color: #6a6a6a;
}

.smile-stories-page .clinic-section-heading > p:last-child {
  color: rgba(19, 19, 19, .62);
}

.smile-stories-page .clinic-spaces-grid figcaption {
  color: rgba(19, 19, 19, .58);
}

.smile-stories-page .clinic-spaces-grid figcaption span {
  color: #6a6a6a;
}

/* ── Materyal slider'ı: başlıkla aynı hizada, normal iç dolgulu ── */
.material-slider {
  box-sizing: border-box;
  width: min(calc(100% - (var(--page-pad) * 2)), var(--container));
  padding: 26px 30px 44px;
  margin-inline: auto;
}

.material-package {
  padding: 0;
}

.material-slider .material-arrow--prev { left: 10px; }
.material-slider .material-arrow--next { right: 10px; }

@media (max-width: 760px) {
  .material-slider {
    padding: 20px 16px 34px;
  }

  .material-slider .material-arrow--prev { left: 4px; }
  .material-slider .material-arrow--next { right: 4px; }
}


/* ── Materyal kartları: üst/alt kesilmesin ──
   Kesme kutusu dikeyde negatif kenarla büyütülür, aynı kadar iç dolgu
   geri verilir: yatay kesme korunur, kart köşeleri kırpılmaz. */
.material-showcase .material-viewport {
  margin-block: -34px;
  padding-block: 34px;
  border-radius: 0;
}

/* kartların dikeyde rahat durması için iç boşluk */
.material-package {
  padding-block: 18px 26px;
}

/* kutu alt boşluğu, büyüyen kesme kutusuna göre düzeltilir */
.material-slider {
  padding-bottom: 20px;
}

@media (max-width: 760px) {
  .material-showcase .material-viewport {
    margin-block: -22px;
    padding-block: 22px;
  }

  .material-slider {
    padding-bottom: 16px;
  }
}

/* ── Konsültasyon formu: adım yazıları okunur boyuta ── */
.wizard-map {
  gap: 16px;
}

.wizard-map li {
  grid-template-columns: 42px 1fr;
  gap: 14px;
  color: rgba(255, 255, 255, .58);
}

.wizard-map li > span {
  width: 40px;
  height: 40px;
  font-size: 14px;
}

.wizard-map li div {
  gap: 3px;
}

.wizard-map li b {
  font-size: 15px;
  letter-spacing: .01em;
}

.wizard-map li small {
  color: rgba(255, 255, 255, .62);
  font-size: 14px;
  line-height: 1.4;
}

.wizard-map li.is-active small,
.wizard-map li.is-complete small {
  color: rgba(255, 255, 255, .78);
}

/* alt bilgi kutuları */
.wizard-assurance > span {
  padding: 13px 15px;
  gap: 3px;
}

.wizard-assurance b {
  font-size: 14px;
}

.wizard-assurance small {
  color: rgba(255, 255, 255, .62);
  font-size: 14px;
}

/* adım sayacı */
.wizard-count {
  color: rgba(251, 251, 251, .72) !important;
  font-size: 14px !important;
  letter-spacing: .1em;
}

/* form yüksekliği içeriğe göre — altta boşluk kalmasın */
.consultation-wizard .wizard-form {
  min-height: 0;
  padding-bottom: 40px;
}

/* butondan sonra fazladan boşluk bırakma */
.consultation-wizard .wizard-actions {
  margin-top: 26px;
  margin-bottom: 0;
}

/* ── Konsültasyon adımı başlığı ──
   Etiket legend'in içine alındı: böylece <legend>'in fieldset tepesine
   sabitlenmesi sorun olmuyor, sıra doğru görünüyor. */
.consultation-wizard .consultation-step legend {
  display: block;
}

.consultation-wizard .wizard-step-kicker {
  display: block;
  margin: 0 0 10px;
  color: #676767;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .12em;
  line-height: 1.3;
  text-transform: uppercase;
}

.consultation-wizard .wizard-step-title {
  display: block;
  color: #2b2b2b;
  font-size: clamp(38px, 3.25vw, 52px);
  letter-spacing: -.035em;
  line-height: .98;
}

.consultation-wizard .wizard-step-intro {
  font-size: 14px;
  line-height: 1.6;
}

@media (max-width: 640px) {
  .consultation-wizard .wizard-step-title {
    font-size: clamp(31px, 9vw, 39px);
  }

  .consultation-wizard .wizard-step-kicker {
    font-size: 14px;
  }

  .consultation-wizard .wizard-step-intro {
    font-size: 14px;
  }
}

/* Genel revize: nokta/ızgara dokuları yerine temiz zeminler. */
.founder-intro::before,
.hero-reel-grain,
.scan-smile::before,
.scan-particles,
.journey-flight-intro::before,
.art-hero::before,
.mission-grid--revised::before,
.neo-hero::before {
  display: none !important;
  background-image: none !important;
}

.doctor-showcase {
  background: radial-gradient(circle at 76% 8%, rgba(113, 113, 113, .2), transparent 30%), linear-gradient(145deg, #151515, #1c1c1c 58%, #222222);
}

.doctor-showcase::after {
  background: radial-gradient(circle at 70% 22%, rgba(220, 220, 220, .44), transparent 25%), radial-gradient(circle at 22% 76%, rgba(57, 57, 57, .48), transparent 37%), linear-gradient(145deg, #3a3a3a 0%, #717171 45%, #8b8b8b 100%);
}

.neo-hero--precision::after {
  background-image: none !important;
}

/* Dekoratif bölüm sıraları kaldırıldı; gerçek tarih, süre ve puanlar korunur. */
:is(.neo-evidence, .neo-treatments, .smile-map, .neo-doctors, .neo-transform, .video-stories, .neo-testimonials)::after,
.menu-banner-number,
.treatment-card figure > span,
.treatment-detail-kicker > b,
.treatment-process li > span,
.guide-card-top > span,
.guide-timeline li > span,
.clinic-spaces-grid figcaption > span,
.doctor-card figure > span,
.doctor-profile-card figure > span,
.doctor-editorial-portrait > span,
.clinic-package-foot > span > b,
.home-faq [data-faq] > i,
.faq-ghost,
.wizard-map li > span,
.wizard-count,
.mobile-menu nav > a > span:first-child,
.mobile-nav-group > a > span:first-child,
.case-meta b,
.material-package-count {
  display: none !important;
  content: none !important;
}

.journey-step-marker {
  width: 18px;
  height: 18px;
  border-color: #898989;
  background: #f9f9f9;
  box-shadow: 0 0 0 7px #f9f9f9;
  font-size: 0;
}

.journey-step.is-active .journey-step-marker {
  background: #737373;
}

/* Materyaller: tek katman, masaüstünde dört görsel ve kesintisiz döngü. */
.material-showcase {
  padding-bottom: clamp(90px, 9vw, 130px);
}

.material-slider {
  width: min(1510px, calc(100% - 52px));
  margin-top: clamp(46px, 5vw, 72px);
  overflow: visible;
  padding: 0 55px;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  backdrop-filter: none;
}

.material-slider::before,
.material-slider::after,
.material-slider-meta,
.material-dots {
  display: none !important;
}

.material-showcase .material-viewport {
  overflow: hidden;
  border-radius: 0;
}

.material-showcase .material-track {
  gap: 18px;
}

.material-showcase .material-track.is-animating {
  transition-duration: 560ms;
}

.material-showcase .material-card,
.material-package .material-card:first-child,
.material-package .material-card:last-child {
  display: block;
  width: calc((100% - 54px) / 4);
  max-width: none;
  flex: 0 0 calc((100% - 54px) / 4);
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 18px;
  background: transparent;
  box-shadow: none;
  transform: none;
}

.material-showcase .material-card:hover {
  transform: none;
}

.material-showcase .material-card img {
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 5;
  border: 0;
  border-radius: 18px;
  background: transparent;
  box-shadow: none;
  object-fit: contain;
}

.material-arrow {
  top: 50%;
  width: 43px;
  height: 43px;
}

.material-arrow--prev { left: 0; }
.material-arrow--next { right: 0; }

/* İletişim: metin için daha geniş kartlar, daha küçük ve dengeli harita. */
.neo-contact-grid {
  grid-template-columns: minmax(0, 1.06fr) minmax(0, .94fr);
  gap: clamp(36px, 4vw, 70px);
  align-items: center;
}

.neo-contact-cards {
  gap: 14px;
}

.neo-contact-cards a,
.neo-contact-cards .neo-contact-hours {
  min-height: 145px;
  grid-template-columns: 46px minmax(0, 1fr);
  gap: 15px;
  padding: 22px;
}

.neo-contact-cards strong {
  overflow-wrap: anywhere;
  word-break: normal;
  font-size: clamp(14px, 1vw, 15px);
  line-height: 1.48;
}

.neo-map {
  height: clamp(450px, 43vw, 580px);
  min-height: 0;
  align-self: center;
}

.neo-review-bottom > p {
  display: none !important;
}

.clinic-package-foot,
.clinic-certificate-top {
  justify-content: flex-end;
}

.clinic-signature {
  background: linear-gradient(180deg, #f8f8f8 0%, #f6f6f6 54%, #f2f2f2 100%);
}

/* 2026-09-23 okunabilirlik ve yerleşim revizesi */

/* Gülüş haritası: karar vermek için gereken en kısa içerik. */
.smile-panel-fayda {
  margin-block: 18px;
}

.smile-panel-fayda li {
  padding-block: 3px;
  font-size: 14px;
  line-height: 1.5;
}

.smile-panel-sure {
  margin-top: 16px;
}

/* Tedavi detayında numara kolonu kalkınca metin artık dar kolona düşmez. */
.treatment-process {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  border-top: 0;
}

.treatment-process li {
  display: block;
  min-width: 0;
  padding: 24px;
  border: 1px solid rgba(75, 75, 75, .14);
  border-radius: 18px;
  background: #f8f8f8;
}

.treatment-process li > div,
.treatment-process h3,
.treatment-process p {
  width: auto;
  min-width: 0;
}

.treatment-process h3 {
  margin-bottom: 11px;
  font-size: 18px;
  line-height: 1.2;
}

.treatment-process p {
  font-size: 15px;
  line-height: 1.65;
}

/* Doktorlar: simetrik, dik duran ve aynı görsel dilde kartlar. */
.doctors-editorial-page .doctor-editorial-list {
  display: grid;
  width: min(1380px, calc(100% - 48px));
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 22px;
  margin: 0 auto;
  padding: clamp(74px, 7vw, 108px) 0;
  background: transparent;
}

.doctors-editorial-page .doctor-editorial-profile,
.doctors-editorial-page .doctor-editorial-profile:nth-child(even) {
  display: flex;
  min-width: 0;
  min-height: 0;
  grid-column: span 2;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid rgba(51, 51, 51, .12);
  border-radius: 24px;
  background: #1c1c1c;
  box-shadow: 0 18px 48px rgba(33, 33, 33, .09);
}

.doctors-editorial-page .doctor-editorial-profile:nth-child(n + 4) {
  grid-column: span 3;
}

.doctors-editorial-page .doctor-editorial-profile figure,
.doctors-editorial-page .doctor-editorial-profile:nth-child(even) figure {
  width: 100%;
  min-height: 0;
  max-height: none;
  aspect-ratio: 4 / 4.6;
  grid-column: auto;
  grid-row: auto;
}

.doctors-editorial-page .doctor-editorial-profile figure img {
  object-position: center top;
  filter: none;
  transform: none;
}

.doctors-editorial-page .doctor-editorial-profile:is(:hover, .is-current) figure img {
  filter: none;
  transform: scale(1.018);
}

.doctors-editorial-page .doctor-editorial-copy,
.doctors-editorial-page .doctor-editorial-profile:nth-child(even) .doctor-editorial-copy {
  width: 100%;
  max-width: none;
  grid-column: auto;
  grid-row: auto;
  flex: 1;
  justify-content: flex-start;
  padding: 28px 28px 32px;
}

.doctors-editorial-page .doctor-editorial-copy > span {
  font-size: 14px;
}

.doctors-editorial-page .doctor-editorial-copy h2 {
  margin-top: 15px;
  font-size: clamp(38px, 3.35vw, 56px);
  letter-spacing: -.055em;
  line-height: .88;
}

.doctors-editorial-page .doctor-editorial-role {
  margin-top: 20px;
  font-size: 14px;
  line-height: 1.5;
}

.doctors-editorial-page .doctor-editorial-copy blockquote {
  margin-top: 24px;
  font-size: 18px;
  line-height: 1.45;
}

.doctors-editorial-page .doctor-editorial-copy dl {
  gap: 12px;
  margin-top: 26px;
}

.doctors-editorial-page .doctor-editorial-copy dl div {
  grid-template-columns: 78px minmax(0, 1fr);
  gap: 14px;
  padding-top: 13px;
}

.doctors-editorial-page .doctor-editorial-copy dt,
.doctors-editorial-page .doctor-editorial-copy dd {
  font-size: 14px;
}

/* Konsültasyonun bütün adımlarında küçük metinler ve geri aksiyonu. */
.consultation-wizard .wizard-step-kicker {
  font-size: 14px;
}

.consultation-wizard .wizard-step-title {
  font-size: clamp(42px, 3.55vw, 56px);
  line-height: 1;
}

.consultation-wizard .wizard-step-intro {
  margin-bottom: 28px;
  font-size: 16px;
  line-height: 1.55;
}

.consultation-wizard .consultation-options span {
  min-height: 84px;
  gap: 7px;
  padding: 17px 46px 17px 18px;
}

.consultation-wizard .consultation-options span b {
  font-size: 14px;
}

.consultation-wizard .consultation-options span small {
  font-size: 14px;
  line-height: 1.45;
}

.consultation-wizard .wizard-next,
.consultation-wizard .wizard-back,
.consultation-wizard .wizard-actions .button-primary {
  min-height: 56px;
  font-size: 14px !important;
}

.home-page .consultation-wizard .wizard-next,
.home-page .consultation-wizard .wizard-back,
.home-page .consultation-wizard .wizard-actions .button-primary {
  font-size: 14px !important;
}

.consultation-wizard .wizard-actions {
  align-items: stretch;
  gap: 12px;
  margin-top: 28px;
}

.consultation-wizard .wizard-actions > .button {
  min-height: 56px !important;
  margin-top: 0 !important;
}

.consultation-wizard .wizard-back {
  border: 1px solid #ababab !important;
  background: #fff !important;
  box-shadow: 0 8px 20px rgba(42, 42, 42, .08);
  color: #2f2f2f !important;
  opacity: 1 !important;
}

.consultation-wizard .wizard-back:is(:hover, :focus-visible) {
  border-color: #676767 !important;
  background: #ececec !important;
  color: #242424 !important;
}

.consultation-wizard .wizard-contact-grid label,
.consultation-wizard .wizard-consent,
.consultation-wizard .form-note {
  font-size: 14px;
}

.consultation-wizard .wizard-contact-grid input,
.consultation-wizard .wizard-contact-grid select,
.consultation-wizard .wizard-contact-grid textarea {
  min-height: 50px;
  font-size: 15px;
}

@media (max-width: 1180px) {
  .treatment-detail-grid {
    grid-template-columns: 1fr;
    gap: 54px;
  }

  .treatment-detail-aside {
    position: relative;
    top: auto;
  }

  .doctors-editorial-page .doctor-editorial-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .doctors-editorial-page .doctor-editorial-profile,
  .doctors-editorial-page .doctor-editorial-profile:nth-child(even),
  .doctors-editorial-page .doctor-editorial-profile:nth-child(n + 4) {
    grid-column: auto;
  }

  .doctors-editorial-page .doctor-editorial-profile:last-child {
    width: calc(50% - 11px);
    grid-column: 1 / -1;
    justify-self: center;
  }
}

@media (max-width: 760px) {
  .treatment-process {
    grid-template-columns: 1fr;
  }

  .treatment-process li {
    padding: 21px;
  }

  .treatment-process h3 {
    font-size: 18px;
  }

  .treatment-process p {
    font-size: 15px;
  }

  .doctors-editorial-page .doctor-editorial-list {
    width: calc(100% - 28px);
    grid-template-columns: 1fr;
    gap: 18px;
    padding: 54px 0 70px;
  }

  .doctors-editorial-page .doctor-editorial-profile:last-child {
    width: 100%;
    grid-column: auto;
  }

  .doctors-editorial-page .doctor-editorial-copy {
    padding: 25px 22px 28px;
  }

  .doctors-editorial-page .doctor-editorial-copy h2 {
    font-size: clamp(42px, 13vw, 58px);
  }

  .consultation-wizard .wizard-step-kicker {
    font-size: 14px;
  }

  .consultation-wizard .wizard-step-title {
    font-size: clamp(34px, 9.6vw, 43px);
  }

  .consultation-wizard .wizard-step-intro {
    font-size: 14px;
  }

  .consultation-wizard .consultation-options span b {
    font-size: 14px;
  }

  .consultation-wizard .consultation-options span small {
    font-size: 14px;
  }

  .consultation-wizard .wizard-next,
  .consultation-wizard .wizard-back,
  .consultation-wizard .wizard-actions .button-primary {
    font-size: 14px !important;
  }

  .home-page .consultation-wizard .wizard-next,
  .home-page .consultation-wizard .wizard-back,
  .home-page .consultation-wizard .wizard-actions .button-primary {
    font-size: 14px !important;
  }
}

@media (max-width: 1100px) {
  .neo-contact-grid {
    grid-template-columns: 1fr;
  }

  .neo-map {
    height: 460px;
  }
}

@media (max-width: 900px) {
  .material-showcase .material-card {
    width: calc((100% - 18px) / 2);
    flex-basis: calc((100% - 18px) / 2);
  }
}

@media (max-width: 620px) {
  .material-slider {
    width: 100%;
    padding: 0 16px;
  }

  .material-showcase .material-track {
    gap: 12px;
  }

  .material-showcase .material-card {
    width: 78%;
    flex-basis: 78%;
  }

  .material-showcase .material-card img {
    border-radius: 15px;
  }

  .material-arrow {
    top: auto;
    bottom: -58px;
    width: 42px;
    height: 42px;
    transform: none;
  }

  .material-arrow--prev { left: calc(50% - 50px); }
  .material-arrow--next { right: calc(50% - 50px); }

  .material-showcase {
    padding-bottom: 140px;
  }

  .neo-contact-cards {
    grid-template-columns: 1fr;
  }

  .neo-contact-cards a,
  .neo-contact-cards .neo-contact-hours {
    min-height: 100px;
  }

  .neo-map {
    height: 390px;
  }
}

/* ── Bölüm etiketleri: okunur boyut ── */
.eyebrow {
  font-size: 14px;
  letter-spacing: .16em;
}

.neo-kicker,
.precision-eyebrow,
.founder-intro-kicker,
.treatment-detail-kicker {
  letter-spacing: .15em;
}

/* ── Header menüsü: daha belirgin ── */
.desktop-nav a,
.desktop-nav .nav-trigger,
.language-button {
  font-weight: 650;
  letter-spacing: .06em;
}

.site-header .desktop-nav > .nav-item > .nav-trigger {
  font-weight: 650;
}

/* aktif sayfa bir tık daha baskın */
.site-header .desktop-nav > a[aria-current="page"],
.site-header .desktop-nav > .nav-item > a[aria-current="page"] {
  font-weight: 700;
}

/* mobil menü de aynı ağırlıkta */
.mobile-menu nav > a,
.mobile-nav-group > a {
  font-weight: 650;
}

/* ── Bölüm etiketleri: gövde metniyle orantılı boyut ── */
.about-section-index,
.clinic-role-copy > span,
.eyebrow,
.neo-kicker,
.precision-eyebrow,
.founder-intro-kicker,
.treatment-detail-kicker,
.clinic-section-heading .eyebrow {
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .13em;
}

/* etiketle başlık/metin arasındaki nefes payı */
.about-section-index,
.clinic-role-copy > span {
  margin-bottom: 20px;
}

@media (max-width: 640px) {
  .about-section-index,
  .clinic-role-copy > span,
  .eyebrow,
  .neo-kicker,
  .precision-eyebrow,
  .founder-intro-kicker,
  .treatment-detail-kicker {
    font-size: 14px;
    letter-spacing: .11em;
  }
}

/* ── Bölüm başlığı altındaki açıklama satırları kaldırıldı ──
   Etiket ve başlık kalır; altındaki tanıtım paragrafı gizlenir.
   (Kart içerikleri, tedavi açıklamaları ve gövde metinleri korunur.) */
.clinic-section-heading > p:last-child,
.clinic-signature-lead > p,
.doctor-showcase-head > div > p,
.neo-testimonials-head h2 ~ p,
.guide-intro-heading > p:not(.eyebrow),
.results-heading > p:not(.eyebrow) {
  display: none !important;
}

/* açıklama gidince bağlantı tek başına kalır — boşluğu toparla */
.clinic-signature-lead {
  display: flex;
  align-items: flex-end;
}

/* ── Doktorlar sayfası: ölçek ve geçişler ── */

/* numaralı şerit kaldırıldı */
.doctor-index {
  display: none !important;
}

/* profiller ekranı kaplamasın */
.doctor-editorial-profile {
  min-height: 0;
  grid-template-columns: minmax(0, 1fr) minmax(400px, .86fr);
}

.doctor-editorial-profile figure {
  min-height: 0;
  aspect-ratio: 4 / 4.1;
  max-height: 560px;
}

.doctor-editorial-copy {
  padding: clamp(42px, 4.6vw, 78px);
}

.doctor-editorial-copy h2 {
  font-size: clamp(48px, 5vw, 88px);
}

.doctor-editorial-copy blockquote {
  font-size: clamp(18px, 1.5vw, 25px);
  margin-top: clamp(28px, 3.4vw, 46px);
}

.doctor-editorial-copy dl {
  gap: 14px;
  margin-top: clamp(28px, 3.4vw, 44px);
}

/* ── Kaydırıldıkça açılma efekti ── */
.reveal-on-scroll.scroll-reveal,
.reveal-on-scroll {
  opacity: 0;
  transform: translateY(34px);
  transition: opacity .85s cubic-bezier(.22, .68, .28, 1),
              transform .95s cubic-bezier(.22, .68, .28, 1);
  will-change: opacity, transform;
}

.reveal-on-scroll.is-visible {
  opacity: 1;
  transform: none;
}

/* fotoğraf ve metin hafif gecikmeyle gelsin — katmanlı his */
.reveal-on-scroll figure img {
  transform: scale(1.06);
  transition: transform 1.5s cubic-bezier(.2, .75, .2, 1), filter .7s ease;
}

.reveal-on-scroll.is-visible figure img {
  transform: scale(1);
}

.reveal-on-scroll .doctor-editorial-copy > * {
  opacity: 0;
  transform: translateY(18px);
  transition: opacity .7s ease, transform .8s cubic-bezier(.22, .68, .28, 1);
}

.reveal-on-scroll.is-visible .doctor-editorial-copy > * {
  opacity: 1;
  transform: none;
}

.reveal-on-scroll.is-visible .doctor-editorial-copy > *:nth-child(1) { transition-delay: .10s; }
.reveal-on-scroll.is-visible .doctor-editorial-copy > *:nth-child(2) { transition-delay: .18s; }
.reveal-on-scroll.is-visible .doctor-editorial-copy > *:nth-child(3) { transition-delay: .26s; }
.reveal-on-scroll.is-visible .doctor-editorial-copy > *:nth-child(4) { transition-delay: .34s; }
.reveal-on-scroll.is-visible .doctor-editorial-copy > *:nth-child(5) { transition-delay: .42s; }

@media (prefers-reduced-motion: reduce) {
  .reveal-on-scroll,
  .reveal-on-scroll .doctor-editorial-copy > *,
  .reveal-on-scroll figure img {
    opacity: 1;
    transform: none;
    transition: none;
  }
}

@media (max-width: 900px) {
  .doctor-editorial-profile figure {
    aspect-ratio: 4 / 4.3;
    max-height: none;
  }
}

/* ── Bağımsız konsültasyon sayfası ── */
.consultation-page {
  overflow-x: clip;
  background: #f1f1f1;
  color: #282828;
}

.consultation-page-main {
  min-height: 100vh;
}

.consultation-page-hero {
  position: relative;
  min-height: 530px;
  padding: calc(var(--header-height, 86px) + 78px) 0 150px;
  overflow: hidden;
  background:
    radial-gradient(circle at 83% 28%, rgba(152, 152, 152, .2), transparent 29%),
    radial-gradient(circle at 68% 102%, rgba(116, 116, 116, .17), transparent 35%),
    linear-gradient(132deg, #161616 0%, #1e1e1e 48%, #262626 100%);
  color: #fff;
}

.consultation-page-hero::before,
.consultation-page-hero::after {
  content: "";
  position: absolute;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 50%;
  pointer-events: none;
}

.consultation-page-hero::before {
  top: -340px;
  right: -160px;
  width: 760px;
  height: 760px;
}

.consultation-page-hero::after {
  top: -205px;
  right: -20px;
  width: 520px;
  height: 520px;
}

.consultation-page-hero-inner {
  position: relative;
  z-index: 1;
}

.consultation-return {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 54px;
  color: rgba(255, 255, 255, .68);
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  transition: color .2s ease, transform .2s ease;
}

.consultation-return:hover {
  color: #fff;
  transform: translateX(-3px);
}

.consultation-page-kicker,
.consultation-summary-kicker {
  margin: 0 0 20px;
  color: #acacac;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.consultation-page-hero h1 {
  max-width: 770px;
  margin: 0;
  color: #f5f5f5;
  font-size: clamp(64px, 7vw, 112px);
  font-weight: 500;
  letter-spacing: -.065em;
  line-height: .86;
}

.consultation-page-hero h1 em {
  color: #a8a8a8;
  font-style: normal;
  font-weight: 400;
}

.consultation-page-lead {
  max-width: 620px;
  margin: 34px 0 0;
  color: rgba(255, 255, 255, .64);
  font-size: 17px;
  line-height: 1.65;
}

.consultation-page-flow {
  position: relative;
  z-index: 2;
  margin-top: -86px;
  padding: 0 0 clamp(90px, 10vw, 150px);
}

.consultation-page-layout {
  display: grid;
  grid-template-columns: minmax(300px, 360px) minmax(0, 1fr);
  align-items: start;
  gap: 24px;
}

.consultation-page-summary,
.consultation-page-form {
  border-radius: 28px;
  box-shadow: 0 30px 80px rgba(30, 30, 30, .13);
}

.consultation-page-summary {
  position: sticky;
  top: calc(var(--header-height, 86px) + 22px);
  display: flex;
  min-height: 650px;
  flex-direction: column;
  padding: 40px 36px 34px;
  overflow: hidden;
  background:
    radial-gradient(circle at 110% 6%, rgba(164, 164, 164, .25), transparent 34%),
    linear-gradient(155deg, #2d2d2d, #1c1c1c 72%);
  color: #fff;
}

.consultation-page-summary::after {
  content: "";
  position: absolute;
  right: -120px;
  bottom: -120px;
  width: 290px;
  height: 290px;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 50%;
}

.consultation-page-summary h2 {
  position: relative;
  z-index: 1;
  margin: 0;
  color: #fff;
  font-size: clamp(34px, 3vw, 47px);
  font-weight: 500;
  letter-spacing: -.045em;
  line-height: .98;
}

.consultation-page-summary > p:not(.consultation-summary-kicker):not(.consultation-page-count) {
  position: relative;
  z-index: 1;
  margin: 22px 0 0;
  color: rgba(255, 255, 255, .6);
  font-size: 14px;
  line-height: 1.6;
}

.consultation-page-map {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 0;
  margin: 38px 0 30px;
  padding: 0;
  list-style: none;
}

.consultation-page-map li {
  position: relative;
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  gap: 14px;
  min-height: 82px;
  margin: 0;
  color: rgba(255, 255, 255, .55);
  transition: color .25s ease;
}

.consultation-page-map li:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 21px;
  bottom: 0;
  left: 6px;
  width: 1px;
  background: rgba(255, 255, 255, .12);
}

.consultation-page-map li i {
  position: relative;
  z-index: 1;
  width: 13px;
  height: 13px;
  margin-top: 3px;
  border: 1px solid rgba(255, 255, 255, .3);
  border-radius: 50%;
  background: #252525;
  box-shadow: 0 0 0 5px transparent;
  transition: all .25s ease;
}

.consultation-page-map li span {
  display: grid;
  gap: 4px;
}

.consultation-page-map li b {
  color: inherit;
  font-size: 16px;
  line-height: 1.25;
  letter-spacing: .025em;
}

.consultation-page-map li small {
  color: inherit;
  font-size: 14px;
  line-height: 1.4;
}

.consultation-page-map li.is-active {
  color: #fff;
}

.consultation-page-map li.is-active i {
  border-color: #b4b4b4;
  background: #b4b4b4;
  box-shadow: 0 0 0 5px rgba(180, 180, 180, .12);
}

.consultation-page-map li.is-complete {
  color: rgba(255, 255, 255, .7);
}

.consultation-page-map li.is-complete i {
  border-color: #8f8f8f;
  background: #8f8f8f;
}

.consultation-page-progress {
  position: relative;
  z-index: 1;
  height: 2px;
  margin-top: auto;
  overflow: hidden;
  background: rgba(255, 255, 255, .12);
}

.consultation-page-progress i {
  display: block;
  width: 100%;
  height: 100%;
  background: #acacac;
  transform: scaleX(.3333);
  transform-origin: left center;
  transition: transform .35s ease;
}

.consultation-page-count {
  position: relative;
  z-index: 1;
  margin: 12px 0 0;
  color: rgba(255, 255, 255, .58);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.consultation-page-assurance {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  margin-top: 24px;
  padding-top: 22px;
  border-top: 1px solid rgba(255, 255, 255, .1);
}

.consultation-page-assurance > span {
  display: grid;
  width: 30px;
  height: 30px;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 50%;
  color: #acacac;
  font-size: 14px;
}

.consultation-page-assurance p {
  margin: 0;
  color: rgba(255, 255, 255, .52);
  font-size: 14px;
  line-height: 1.55;
}

.consultation-page-assurance b {
  color: rgba(255, 255, 255, .86);
  font-size: 14px;
}

.consultation-page-form.wizard-form {
  display: block;
  min-height: 650px;
  padding: clamp(42px, 5vw, 74px);
  overflow: visible;
  background: rgba(255, 255, 255, .97);
}

.consultation-page-form .consultation-step {
  min-width: 0;
  padding: 0;
  border: 0;
}

.consultation-page-form .consultation-step[hidden] {
  display: none !important;
}

.consultation-page-form .wizard-step-kicker {
  margin-bottom: 14px;
  color: #6b6b6b;
  font-size: 14px;
}

.consultation-page-form .consultation-step .wizard-step-title {
  max-width: 800px;
  margin: 0;
  color: #282828;
  font-size: clamp(42px, 4.4vw, 67px);
  font-weight: 500;
  letter-spacing: -.055em;
  line-height: .98;
  outline: none;
}

.consultation-page-form .wizard-step-intro {
  max-width: 650px;
  margin: 19px 0 34px;
  color: #787878;
  font-size: 15px;
  line-height: 1.6;
}

.consultation-page-form .consultation-options--grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.consultation-page-form .consultation-options span {
  min-height: 92px;
  padding: 20px 54px 20px 20px;
  border-color: #d9d9d9;
  border-radius: 16px;
  background: #fafafa;
}

.consultation-page-form .consultation-options span b {
  font-size: 14px;
}

.consultation-page-form .consultation-options span small {
  font-size: 14px;
}

.consultation-page-form .consultation-options input:checked + span {
  border-color: #747474;
  background: #efefef;
  box-shadow: 0 10px 25px rgba(71, 71, 71, .08);
}

.consultation-page-form .wizard-contact-grid {
  gap: 18px;
}

.consultation-page-form .wizard-contact-grid label {
  font-size: 14px;
}

.consultation-page-form .wizard-contact-grid label > span {
  color: #595959;
  font-weight: 700;
  letter-spacing: .04em;
}

.consultation-page-form .wizard-contact-grid input,
.consultation-page-form .wizard-contact-grid select,
.consultation-page-form .wizard-contact-grid textarea {
  min-height: 54px;
  border-radius: 12px;
  font-size: 15px;
}

.consultation-page-form .wizard-contact-note {
  grid-column: 1 / -1;
}

.consultation-page-form .wizard-contact-note textarea {
  min-height: 92px;
}

.consultation-page-form .wizard-consent {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  margin-top: 20px;
  color: #6d6d6d;
  font-size: 14px;
  line-height: 1.5;
  text-transform: none;
}

.consultation-page-form .wizard-consent input {
  width: 17px;
  height: 17px;
  flex: 0 0 auto;
  margin-top: 1px;
  accent-color: #676767;
}

.consultation-page-form .wizard-actions {
  display: flex;
  margin-top: 30px;
}

.consultation-page-form .wizard-actions .button {
  display: inline-flex;
  min-width: 148px;
  min-height: 56px;
  align-items: center;
  justify-content: center;
  gap: 22px;
  padding: 0 25px;
  border-radius: 999px;
  font-size: 14px !important;
}

.consultation-page-form .wizard-actions .button-primary {
  min-width: 240px;
  border-color: #1e1e1e;
  background: #1e1e1e;
  color: #fff;
}

.consultation-page-form .form-note {
  margin: 18px 0 0;
  color: #828282;
  font-size: 14px;
  line-height: 1.5;
}

@media (max-width: 980px) {
  .consultation-page-hero {
    min-height: 500px;
    padding-bottom: 126px;
  }

  .consultation-page-layout {
    grid-template-columns: 1fr;
  }

  .consultation-page-summary {
    position: relative;
    top: auto;
    display: grid;
    min-height: 0;
    grid-template-columns: minmax(220px, .8fr) minmax(0, 1.2fr);
    gap: 20px 40px;
    padding: 34px;
  }

  .consultation-page-summary > p:not(.consultation-summary-kicker):not(.consultation-page-count) {
    margin-top: 16px;
  }

  .consultation-page-summary .consultation-summary-kicker,
  .consultation-page-summary h2,
  .consultation-page-summary > p:not(.consultation-page-count) {
    grid-column: 1;
  }

  .consultation-page-map {
    grid-column: 2;
    grid-row: 1 / span 4;
    align-self: center;
    margin: 0;
  }

  .consultation-page-progress,
  .consultation-page-count,
  .consultation-page-assurance {
    grid-column: 1 / -1;
  }

  .consultation-page-progress {
    margin-top: 8px;
  }

  .consultation-page-form.wizard-form {
    min-height: 620px;
  }
}

@media (max-width: 640px) {
  .consultation-page-hero {
    min-height: 460px;
    padding: calc(var(--header-height, 74px) + 46px) 0 105px;
  }

  .consultation-return {
    margin-bottom: 38px;
  }

  .consultation-page-kicker {
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 1.5;
  }

  .consultation-page-hero h1 {
    font-size: clamp(51px, 16vw, 72px);
  }

  .consultation-page-lead {
    margin-top: 25px;
    font-size: 14px;
    line-height: 1.55;
  }

  .consultation-page-flow {
    margin-top: -58px;
    padding-bottom: 72px;
  }

  .consultation-page-layout {
    gap: 14px;
    padding-inline: 14px;
  }

  .consultation-page-summary,
  .consultation-page-form {
    border-radius: 21px;
  }

  .consultation-page-summary {
    display: block;
    padding: 27px 24px 25px;
  }

  .consultation-page-summary h2 {
    font-size: 32px;
  }

  .consultation-page-summary > p:not(.consultation-summary-kicker):not(.consultation-page-count) {
    font-size: 14px;
  }

  .consultation-page-map {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    margin: 26px 0 22px;
  }

  .consultation-page-map li {
    display: block;
    min-height: 0;
    padding-top: 19px;
  }

  .consultation-page-map li:not(:last-child)::after {
    top: 6px;
    right: -7px;
    bottom: auto;
    left: 9px;
    width: calc(100% + 5px);
    height: 1px;
  }

  .consultation-page-map li i {
    position: absolute;
    top: 0;
    left: 3px;
    width: 12px;
    height: 12px;
    margin: 0;
  }

  .consultation-page-map li span {
    gap: 3px;
  }

  .consultation-page-map li b {
    font-size: 14px;
    letter-spacing: 0;
  }

  .consultation-page-map li small {
    display: none;
  }

  .consultation-page-assurance {
    margin-top: 18px;
    padding-top: 18px;
  }

  .consultation-page-form.wizard-form {
    min-height: 0;
    padding: 32px 20px 28px;
  }

  .consultation-page-form .wizard-step-kicker {
    font-size: 14px;
  }

  .consultation-page-form .consultation-step .wizard-step-title {
    font-size: clamp(34px, 10.5vw, 46px);
    line-height: 1.01;
  }

  .consultation-page-form .wizard-step-intro {
    margin: 16px 0 25px;
    font-size: 14px;
  }

  .consultation-page-form .consultation-options--grid,
  .consultation-page-form .wizard-contact-grid {
    grid-template-columns: 1fr;
  }

  .consultation-page-form .consultation-options span {
    min-height: 76px;
    padding: 15px 45px 15px 15px;
  }

  .consultation-page-form .consultation-options span b {
    font-size: 14px;
  }

  .consultation-page-form .consultation-options span small {
    font-size: 14px;
  }

  .consultation-page-form .wizard-actions {
    display: grid;
    grid-template-columns: minmax(105px, .7fr) minmax(0, 1.3fr);
    gap: 9px;
  }

  .consultation-page-form .wizard-actions:has(> :only-child) {
    display: block;
  }

  .consultation-page-form .wizard-actions .button,
  .consultation-page-form .wizard-actions .button-primary {
    width: 100%;
    min-width: 0;
    min-height: 54px;
    gap: 10px;
    padding-inline: 16px;
    font-size: 14px !important;
  }
}

/* Keep the six independent desktop navigation items clear on compact laptops. */
.site-header .desktop-nav > a,
.site-header .desktop-nav > .nav-item > .nav-trigger {
  white-space: nowrap;
}

@media (min-width: 1181px) and (max-width: 1280px) {
  .site-header .header-container {
    column-gap: 12px;
  }

  .site-header .desktop-nav {
    gap: 12px;
  }

  .site-header .desktop-nav > a,
  .site-header .desktop-nav > .nav-item > .nav-trigger {
    font-size: 14px;
    letter-spacing: .025em;
  }

  .site-header .header-actions {
    gap: 10px;
  }

  .site-header .language-button {
    font-size: 14px;
  }

  .site-header .header-cta {
    min-height: 46px;
    padding-inline: 14px !important;
    font-size: 14px !important;
    letter-spacing: .02em;
  }
}

/* Footer navigation mirrors the desktop header's underline interaction. */
.site-footer .footer-links > a {
  position: relative;
  width: fit-content;
  align-self: flex-start;
}

.site-footer .footer-links > a::after {
  position: absolute;
  right: 0;
  bottom: -5px;
  left: 0;
  height: 1px;
  background: currentColor;
  content: "";
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 250ms ease;
}

@media (hover: hover) and (pointer: fine) {
  .site-footer .footer-links > a:hover::after,
  .site-footer .footer-links > a:focus-visible::after {
    transform: scaleX(1);
    transform-origin: left;
  }
}

/* Treatment mega menu: consistent type rhythm and a legible monochrome feature. */
.site-header .nav-mega {
  top: calc(100% + 8px);
  width: min(760px, calc(100vw - 32px));
  padding: 14px 14px 10px;
  border-radius: 18px;
}

.site-header .nav-mega-inner {
  grid-template-columns: minmax(0, 1fr) 170px;
  gap: 14px;
}

.site-header .nav-mega-grid {
  align-items: start;
  gap: 0 12px;
}

.site-header .nav-mega-col {
  gap: 0;
  height: 100%;
  padding-right: 10px;
}

.site-header .nav-mega-label {
  min-height: 31px;
  align-items: flex-start;
  margin: 0 0 4px;
  padding: 2px 10px 0 0;
  font-size: 14px !important;
  font-weight: 700;
  letter-spacing: .13em;
  line-height: 1.4 !important;
}

.site-header .nav-mega-label::before {
  flex: 0 0 10px;
  margin-top: .7em;
}

.site-header .nav-mega-col > a {
  height: 38px;
  min-height: 38px;
  align-items: center;
  padding: 5px 7px;
  font-size: 14px !important;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.3 !important;
}

.site-header .nav-mega-feature {
  min-height: 0;
  border: 1px solid rgba(0, 0, 0, .14);
  border-radius: 14px;
  background: #000;
  box-shadow: 0 18px 42px rgba(0, 0, 0, .18);
}

.site-header .nav-mega-feature img,
.site-header .nav-mega-feature:hover img {
  opacity: .46;
  filter: grayscale(1) contrast(1.08);
  transform: scale(1.02);
}

.site-header .nav-mega-feature-body {
  justify-content: flex-end;
  gap: 5px;
  padding: 13px;
  background: linear-gradient(180deg, rgba(0, 0, 0, .08) 8%, rgba(0, 0, 0, .9) 64%, #000 100%);
}

.site-header .nav-mega-feature-eyebrow {
  padding: 0;
  border: 0;
  border-radius: 0;
  font-size: 14px !important;
  font-weight: 700;
  letter-spacing: .16em;
  line-height: 1.4 !important;
}

.site-header .nav-mega-feature-title {
  font-size: 18px !important;
  font-weight: 600;
  letter-spacing: -.025em;
  line-height: 1.05 !important;
}

.site-header .nav-mega-feature-text {
  display: none;
}

.site-header .nav-mega-feature-cta {
  margin-top: 3px;
  font-size: 14px !important;
  line-height: 1.4 !important;
}

.site-header .nav-mega-foot {
  display: none;
}

.site-header .nav-mega-foot > p {
  display: none;
}

.site-header .nav-mega-cta {
  min-height: 34px;
  padding: 0 15px;
  font-size: 14px;
}

/* The chevron permanently communicates that Treatments opens a panel. */
.site-header .desktop-nav .nav-trigger {
  gap: 7px;
}

.site-header .desktop-nav .nav-trigger svg {
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  stroke-width: 1.8;
}

/* Doctors: one compact profile per row, revealed naturally while scrolling. */
.doctors-editorial-page .doctor-editorial-list {
  display: grid;
  width: min(1040px, calc(100% - 48px));
  grid-template-columns: 1fr;
  gap: 20px;
  margin: 0 auto;
  padding: clamp(64px, 6vw, 92px) 0;
}

.doctors-editorial-page .doctor-editorial-profile,
.doctors-editorial-page .doctor-editorial-profile:nth-child(even),
.doctors-editorial-page .doctor-editorial-profile:nth-child(n + 4),
.doctors-editorial-page .doctor-editorial-profile:last-child {
  display: grid;
  width: 100%;
  height: 430px;
  min-height: 0;
  grid-column: auto;
  grid-template-columns: minmax(300px, .72fr) minmax(0, 1.28fr);
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 24px;
  background: #1d1d1d;
  box-shadow: 0 18px 46px rgba(0, 0, 0, .12);
}

.doctors-editorial-page .doctor-editorial-profile:nth-child(even) {
  grid-template-columns: minmax(0, 1.28fr) minmax(300px, .72fr);
}

.doctors-editorial-page .doctor-editorial-profile:nth-child(even) figure {
  grid-column: 2;
  grid-row: 1;
}

.doctors-editorial-page .doctor-editorial-profile:nth-child(even) .doctor-editorial-copy {
  grid-column: 1;
  grid-row: 1;
}

.doctors-editorial-page .doctor-editorial-profile figure,
.doctors-editorial-page .doctor-editorial-profile:nth-child(even) figure {
  width: 100%;
  height: 100%;
  min-height: 0;
  aspect-ratio: auto;
  margin: 0;
  background: #000;
}

.doctors-editorial-page .doctor-editorial-profile figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  filter: none;
}

.doctors-editorial-page .doctor-editorial-copy,
.doctors-editorial-page .doctor-editorial-profile:nth-child(even) .doctor-editorial-copy {
  width: 100%;
  max-width: none;
  justify-content: center;
  padding: 32px 38px;
}

.doctors-editorial-page .doctor-editorial-copy > span {
  display: none !important;
}

.doctors-editorial-page .doctor-editorial-copy h2 {
  margin: 0;
  font-size: clamp(42px, 3.6vw, 56px);
  letter-spacing: -.035em;
  line-height: 1.02;
}

.doctors-editorial-page .doctor-editorial-role {
  margin-top: 14px;
  font-size: 14px;
  line-height: 1.5;
}

.doctors-editorial-page .doctor-editorial-copy blockquote {
  max-width: 40ch;
  margin-top: 16px;
  font-size: 16px;
  line-height: 1.45;
}

.doctors-editorial-page .doctor-editorial-copy dl {
  gap: 6px;
  margin-top: 18px;
}

.doctors-editorial-page .doctor-editorial-copy dl div {
  grid-template-columns: 80px minmax(0, 1fr);
  gap: 14px;
  padding-top: 8px;
}

.doctors-editorial-page .doctor-editorial-copy :where(dt, dd) {
  font-size: 14px;
  line-height: 1.5;
}

@media (max-width: 760px) {
  .doctors-editorial-page .doctor-editorial-list {
    width: calc(100% - 28px);
    gap: 18px;
    padding: 50px 0 68px;
  }

  .doctors-editorial-page .doctor-editorial-profile,
  .doctors-editorial-page .doctor-editorial-profile:nth-child(even),
  .doctors-editorial-page .doctor-editorial-profile:nth-child(n + 4),
  .doctors-editorial-page .doctor-editorial-profile:last-child {
    height: auto;
    min-height: 0;
    grid-template-columns: 1fr;
  }

  .doctors-editorial-page .doctor-editorial-profile:nth-child(even) figure,
  .doctors-editorial-page .doctor-editorial-profile:nth-child(even) .doctor-editorial-copy {
    grid-column: 1;
    grid-row: auto;
  }

  .doctors-editorial-page .doctor-editorial-profile figure,
  .doctors-editorial-page .doctor-editorial-profile:nth-child(even) figure {
    height: auto;
    min-height: 0;
    aspect-ratio: 16 / 11;
  }

  .doctors-editorial-page .doctor-editorial-copy,
  .doctors-editorial-page .doctor-editorial-profile:nth-child(even) .doctor-editorial-copy {
    padding: 28px 22px 32px;
  }

  .doctors-editorial-page .doctor-editorial-copy h2 {
    font-size: clamp(39px, 11.5vw, 50px);
    letter-spacing: -.025em;
    line-height: 1.04;
  }
}

/* ==========================================================
   2026-09 mobil navigasyon, footer ve Klinik banner düzeltmesi
   ========================================================== */
.mobile-header-cta {
  display: none;
}

.footer-accordion-trigger {
  width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: left;
}

.footer-accordion-trigger .footer-label {
  display: block;
}

.footer-accordion-icon {
  display: none;
}

.footer-accordion-panel {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.site-footer .footer-links .footer-accordion-panel > a {
  position: relative;
  width: fit-content;
  align-self: flex-start;
}

.site-footer .footer-links .footer-accordion-panel > a::after {
  position: absolute;
  right: 0;
  bottom: -5px;
  left: 0;
  height: 1px;
  background: currentColor;
  content: "";
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 250ms ease;
}

@media (hover: hover) and (pointer: fine) {
  .site-footer .footer-links .footer-accordion-panel > a:hover::after,
  .site-footer .footer-links .footer-accordion-panel > a:focus-visible::after {
    transform: scaleX(1);
    transform-origin: left;
  }
}

.footer-contact .footer-accordion-panel {
  gap: 16px;
}

.consultation-page .consultation-form-footer {
  font-size: 14px;
  line-height: 1.55;
}

body[class] .site-footer .footer-contact .footer-accordion-panel > a {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  align-items: start;
  gap: 14px;
  font-size: 14px !important;
  font-weight: 550;
  line-height: 1.5 !important;
}

body[class] .site-footer .footer-contact .footer-accordion-panel > a > b {
  align-self: start;
  transform: translateY(calc((1.5em - 42px) / 2));
}

@media (max-width: 900px) {
  .site-header .header-container {
    grid-template-columns: minmax(86px, 1fr) auto;
    column-gap: 8px;
  }

  .site-header .brand {
    width: 104px;
    height: 58px;
  }

  .site-header .brand img {
    height: 48px;
  }

  .site-header .header-actions {
    gap: 7px;
  }

  .site-header .language-button {
    min-height: 38px;
    padding: 8px 7px;
  }

  .mobile-header-cta {
    display: inline-flex;
    min-height: 38px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 0 12px;
    border: 1px solid #131313;
    border-radius: 999px;
    background: #131313;
    color: #fff;
    font-size: 14px;
    font-weight: 750;
    letter-spacing: .02em;
    line-height: 1;
    white-space: nowrap;
  }

  .mobile-header-cta span {
    font-size: 14px;
  }

  body .site-header .menu-button {
    display: block !important;
    width: 38px;
    height: 38px;
    padding: 8px 5px;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #131313 !important;
  }

  .site-header .menu-button > span:not(.sr-only) {
    width: 26px;
    margin: 6px 0;
  }

  .mobile-menu {
    inset: 76px 0 0;
    height: auto;
    border-top: 1px solid rgba(19, 19, 19, .1);
    transform: translateY(-105%);
  }

  .site-header.is-scrolled + .mobile-menu {
    inset-block-start: 76px;
  }

  .mobile-menu-inner {
    height: 100%;
    padding: 22px max(20px, var(--page-pad)) 26px;
    overscroll-behavior: contain;
  }

  .mobile-menu-heading {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 20px;
    padding-bottom: 14px;
  }

  .mobile-menu-heading .mobile-menu-label {
    margin: 0;
    color: #6e6e6e;
    font-size: 14px;
    font-weight: 750;
    letter-spacing: .16em;
  }

  .mobile-menu-heading > p:last-child {
    margin: 0;
    color: #868686;
    font-size: 14px;
    line-height: 1.4;
    text-align: right;
  }

  .mobile-menu nav {
    border-top: 1px solid rgba(19, 19, 19, .1);
  }

  .mobile-menu nav > a,
  .mobile-menu nav > .mobile-nav-group > a {
    min-height: 54px;
    align-items: center;
    padding: 13px 50px 13px 0;
    border-bottom: 1px solid rgba(19, 19, 19, .1);
    color: #131313;
    font-family: var(--font-body);
    font-size: clamp(20px, 5.6vw, 25px);
    font-weight: 650;
    letter-spacing: -.025em;
    line-height: 1.15;
  }

  .mobile-sub-toggle {
    top: 8px;
    width: 38px;
    height: 38px;
    border-color: rgba(19, 19, 19, .16);
    background: transparent;
    color: #131313;
  }

  .mobile-sub-toggle:hover,
  .mobile-sub-toggle[aria-expanded="true"] {
    border-color: #131313;
    background: #131313;
    color: #fff !important;
  }

  .mobile-sub {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 14px;
    margin: 0;
    padding: 10px 0 13px;
    border: 0;
    border-bottom: 1px solid rgba(19, 19, 19, .1);
    border-radius: 0;
    background: transparent;
  }

  .mobile-menu .mobile-sub a {
    min-height: 42px;
    padding: 9px 0;
    border: 0;
    border-radius: 0;
    color: #515151;
    font-size: 14px;
    line-height: 1.35;
  }

  .mobile-menu .mobile-sub a::before {
    width: 4px;
    height: 4px;
    background: #868686;
  }

  .mobile-menu .mobile-sub .mobile-sub-all {
    color: #131313;
    font-weight: 750;
  }

  .mobile-menu .mobile-sub .mobile-sub-all span {
    color: inherit;
    font-size: 14px;
  }

  .mobile-consultation-cta {
    display: flex;
    width: 100%;
    min-height: 52px;
    align-items: center;
    justify-content: space-between;
    margin-top: 18px;
    padding: 0 20px;
    border-radius: 999px;
    background: #131313;
    color: #fff !important;
    font-size: 14px;
    font-weight: 750;
    line-height: 1;
  }

  .mobile-consultation-cta span {
    color: inherit !important;
    font-size: 18px;
  }
}

@media (max-width: 640px) {
  .site-header .container {
    width: calc(100% - 24px);
  }

  .site-header .brand {
    width: 94px;
  }

  .site-header .language-button {
    font-size: 14px;
  }

  .mobile-header-cta {
    padding-inline: 10px;
  }

  .site-footer .footer-main {
    display: block;
    padding-block: 44px 32px;
  }

  .site-footer .footer-brand {
    padding-bottom: 30px;
  }

  .site-footer .footer-brand img {
    width: 150px;
    height: 70px;
  }

  body[class] .site-footer .footer-brand p {
    max-width: 30ch;
    font-size: 14px !important;
  }

  .site-footer .footer-accordion {
    display: block;
    border-top: 1px solid rgba(255, 255, 255, .14);
  }

  .site-footer .footer-accordion-trigger {
    display: flex;
    min-height: 58px;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    cursor: pointer;
  }

  body[class] .site-footer .footer-accordion-trigger .footer-label {
    margin: 0;
    color: #fff !important;
    font-size: 14px !important;
  }

  .site-footer .footer-accordion-icon {
    position: relative;
    display: block;
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
  }

  .site-footer .footer-accordion-icon::before,
  .site-footer .footer-accordion-icon::after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12px;
    height: 1px;
    background: #fff;
    content: "";
    transform: translate(-50%, -50%);
    transition: transform 220ms ease;
  }

  .site-footer .footer-accordion-icon::after {
    transform: translate(-50%, -50%) rotate(90deg);
  }

  .site-footer .footer-accordion-trigger[aria-expanded="true"] .footer-accordion-icon::after {
    transform: translate(-50%, -50%) rotate(0deg);
  }

  .site-footer .footer-accordion-panel {
    gap: 0;
    padding: 0 0 18px;
  }

  .site-footer .footer-accordion-panel[hidden] {
    display: none;
  }

  body[class] .site-footer .footer-links .footer-accordion-panel > a {
    width: 100%;
    padding: 8px 0;
    font-size: 14px !important;
    line-height: 1.45 !important;
  }

  body[class] .site-footer .footer-contact .footer-accordion-panel {
    gap: 5px;
  }

  body[class] .site-footer .footer-contact .footer-accordion-panel > a {
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 12px;
    padding: 7px 0;
    font-size: 14px !important;
  }

  body[class] .site-footer .footer-contact .footer-accordion-panel > a > b {
    width: 36px;
    height: 36px;
    font-size: 14px;
    transform: none;
  }

  .site-footer .footer-social {
    padding-top: 28px;
    border-top: 1px solid rgba(255, 255, 255, .14);
  }

  body[class] .site-footer .footer-social .footer-label {
    margin-bottom: 16px;
    color: #fff !important;
    font-size: 14px !important;
  }

  .site-footer .footer-bottom .container {
    position: static;
    display: flex;
    min-height: 0;
    flex-direction: column;
    align-items: flex-start;
    gap: 18px;
    padding: 22px 0 24px;
  }

  body[class] .site-footer .footer-bottom p {
    max-width: 100%;
    padding: 0;
    font-size: 14px !important;
    line-height: 1.5 !important;
  }

  .site-footer .footer-bottom .agency-signature {
    position: relative;
    inset: auto;
    width: 82px;
    height: 24px;
    transform: none;
  }

  .menu-banner--clinic-tooth {
    height: min(680px, calc(100svh - var(--header-height)));
    min-height: 590px;
    background: #131313;
  }

  .menu-banner--clinic-tooth .about-tooth-visual {
    position: absolute;
    top: 0;
    right: 0;
    bottom: auto;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 62%;
    overflow: hidden;
  }

  .menu-banner--clinic-tooth .about-tooth-visual > .about-tooth-image {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center top;
    filter: none;
  }

  .menu-banner--clinic-tooth::after {
    position: absolute;
    inset: 0;
    z-index: 1;
    display: block;
    background: linear-gradient(180deg, rgba(19, 19, 19, .02) 8%, rgba(19, 19, 19, .18) 37%, #131313 66%, #131313 100%);
    content: "";
  }

  .menu-banner--clinic-tooth .menu-banner-content {
    position: relative;
    z-index: 2;
    align-content: end;
    padding-block: 36px;
  }

  .menu-banner--clinic-tooth .menu-banner-content > div {
    max-width: 100%;
  }

  .menu-banner--clinic-tooth h1 {
    max-width: 8ch;
    font-size: clamp(48px, 14vw, 62px);
    line-height: .95;
  }

  .consultation-page .consultation-form-footer {
    gap: 10px;
    font-size: 14px;
    line-height: 1.55;
  }
}

@media (max-width: 380px) {
  .site-header .container {
    width: calc(100% - 18px);
  }

  .site-header .brand {
    width: 84px;
  }

  .site-header .header-actions {
    gap: 4px;
  }

  .mobile-header-cta {
    min-height: 36px;
    padding-inline: 8px;
    font-size: 14px;
  }

  .site-header .language-button {
    padding-inline: 5px;
  }

  body .site-header .menu-button {
    width: 36px;
  }

  .mobile-menu-heading > p:last-child {
    display: none;
  }

  .mobile-sub {
    grid-template-columns: 1fr;
  }
}

/* 2026-09 mobil ekran doğrulaması: hero, SSS ve yorum sliderı */
.google-review-track {
  scroll-behavior: smooth;
  scroll-padding-inline: 3px;
  scroll-snap-type: x mandatory;
  overscroll-behavior-inline: contain;
  touch-action: pan-x pan-y;
  -webkit-overflow-scrolling: touch;
}

.google-review-track .neo-review-card {
  scroll-snap-align: start;
  scroll-snap-stop: always;
}

.neo-testimonials .neo-review-controls[hidden] {
  display: none !important;
}

@media (max-width: 640px) {
  .menu-banner--clinic-tooth {
    height: clamp(520px, 78svh, 590px);
    min-height: 0;
  }

  .menu-banner--clinic-tooth .about-tooth-visual {
    top: 8px;
    height: 55%;
  }

  .menu-banner--clinic-tooth .menu-banner-content {
    padding-block: 28px;
  }

  .menu-banner--clinic-tooth h1 {
    max-width: 100%;
    margin-top: 16px;
    font-size: clamp(40px, 10.5vw, 46px);
    letter-spacing: -.045em;
    line-height: 1.02 !important;
    white-space: nowrap;
  }

  .menu-banner--clinic-tooth h1 em {
    white-space: nowrap;
  }

  .guide-faq.home-faq {
    padding: 54px 0 62px !important;
  }

  .home-faq-top {
    width: 100%;
    gap: 22px;
    margin-bottom: 30px;
  }

  .home-faq-top h2 {
    max-width: 100%;
    margin-top: 16px;
    font-size: clamp(38px, 10.5vw, 45px);
    letter-spacing: -.05em;
    line-height: 1.04 !important;
  }

  .home-faq-top .page-cta:is(button, a) {
    width: 100% !important;
    min-height: 50px !important;
    justify-content: space-between !important;
    padding-inline: 20px !important;
    font-size: 14px !important;
  }

  .home-faq .faq-menu button {
    min-height: 58px;
    padding: 13px 10px;
  }

  .home-faq .faq-menu button b {
    font-size: 14px;
    line-height: 1.4;
  }

  .google-review-track {
    width: 100%;
    max-width: 100%;
    gap: 12px;
    padding: 4px 1px 16px;
  }

  .google-review-track .neo-review-card,
  .google-review-track .neo-review-card:last-child {
    min-width: 0;
    min-height: 280px;
    flex: 0 0 calc(100% - 2px);
    padding: 22px;
  }

  .google-review-track .neo-review-card blockquote {
    margin-block: 23px 30px;
    font-size: 16px;
    line-height: 1.55;
  }

  .neo-testimonials .neo-review-controls button {
    width: 46px;
    height: 46px;
  }

  .site-footer .footer-brand img {
    width: 138px;
    height: 64px;
  }
}

/* ===== consultation.css ===== */
/* Aksu Clinic — standalone consultation composition */
.consultation-page {
  overflow-x: clip;
  background: #b9b9b9;
}

.consultation-page .consultation-page-main {
  min-height: 100svh;
}

.consultation-page .consultation-page-flow {
  position: relative;
  isolation: isolate;
  margin: 0;
  padding: clamp(34px, 5vh, 68px) clamp(22px, 4vw, 70px);
  overflow: hidden;
  border-radius: 0 !important;
  background: #b9b9b9;
  opacity: 1 !important;
  transform: none !important;
}

.consultation-page .consultation-page-flow::before {
  content: "";
  position: absolute;
  z-index: -2;
  inset: -45px;
  background:
    linear-gradient(rgba(125, 125, 125, .48), rgba(76, 76, 76, .55)),
    url("../img/aksu-hero-consultation.webp") center 48% / cover no-repeat;
  filter: blur(18px) saturate(.68);
  transform: scale(1.05);
}

.consultation-page .consultation-page-flow::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  background: rgba(222, 222, 222, .32);
  pointer-events: none;
}

.consultation-page .consultation-page-layout {
  display: grid;
  width: min(100%, 1450px);
  max-width: none;
  min-height: 940px;
  grid-template-columns: minmax(0, 58%) minmax(380px, 42%);
  align-items: stretch;
  gap: 0;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .22);
  border-radius: 3px;
  box-shadow: 0 38px 90px rgba(32, 32, 32, .3);
}

/* Sayfa düzeni, eski dialog bileşeniyle aynı sınıfı taşıyor. Dialogun
   viewport yüksekliği sınırı burada geçerli olmamalı. */
.consultation-page .consultation-page-layout.consultation-wizard {
  max-height: none;
  overflow: visible;
}

.consultation-page .consultation-page-layout:has(.consultation-step:nth-of-type(3):not([hidden])),
.consultation-page .consultation-page-layout:has(.consultation-step:nth-of-type(3):not([hidden])) .consultation-form-stage,
.consultation-page .consultation-page-layout:has(.consultation-step:nth-of-type(3):not([hidden])) .consultation-page-summary {
  min-height: 1120px;
}

/* Form panel */
.consultation-page .consultation-form-stage {
  position: relative;
  order: 1;
  display: grid;
  min-width: 0;
  min-height: 940px;
  place-items: center;
  padding: clamp(44px, 5vw, 76px) clamp(44px, 6vw, 92px);
  overflow: visible;
  border-radius: 0;
  background:
    linear-gradient(145deg, rgba(27, 27, 27, .98), rgba(28, 28, 28, .97)),
    url("../img/aksu-hero-consultation.webp") center / cover;
}

.consultation-page .consultation-form-stage::after {
  content: "";
  position: absolute;
  top: -360px;
  right: -340px;
  width: 680px;
  height: 680px;
  border: 1px solid rgba(255, 255, 255, .055);
  border-radius: 50%;
  pointer-events: none;
}

.consultation-page .consultation-form-stage-inner {
  position: relative;
  z-index: 1;
  width: min(100%, 760px);
}

.consultation-page .consultation-form-heading {
  display: block;
  margin: 0 0 clamp(38px, 5vh, 58px);
  padding: 0;
  border-bottom: 0;
}

.consultation-page .consultation-return {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  width: fit-content;
  margin: 0 0 34px;
  color: rgba(255, 255, 255, .68);
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
}

.consultation-page .consultation-return:hover {
  color: #fff;
}

.consultation-page .consultation-form-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.consultation-page .consultation-form-meta p,
.consultation-page .consultation-form-meta span {
  margin: 0;
  color: rgba(255, 255, 255, .62);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.consultation-page .consultation-form-meta p {
  color: #b0b0b0;
}

.consultation-page .consultation-form-meta span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  letter-spacing: .02em;
  text-transform: none;
}

.consultation-page .consultation-form-meta span i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #9d9d9d;
  box-shadow: 0 0 0 4px rgba(157, 157, 157, .12);
}

.consultation-page .consultation-form-heading .consultation-page-map {
  display: grid;
  width: 100%;
  max-width: none;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin: 8px 0 0;
  padding: 0;
  list-style: none;
}

.consultation-page .consultation-form-heading .consultation-page-map li {
  position: relative;
  display: block;
  min-height: 0;
  padding: 22px 8px 0 0;
  color: rgba(255, 255, 255, .38);
}

.consultation-page .consultation-form-heading .consultation-page-map li:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 6px;
  right: 0;
  left: 7px;
  width: calc(100% - 1px);
  height: 1px;
  background: rgba(255, 255, 255, .16);
}

.consultation-page .consultation-form-heading .consultation-page-map li i {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 13px;
  height: 13px;
  margin: 0;
  border: 1px solid rgba(255, 255, 255, .3);
  border-radius: 50%;
  background: #212121;
  box-shadow: 0 0 0 4px #212121;
}

.consultation-page .consultation-form-heading .consultation-page-map li b {
  color: inherit;
  font-size: 14px;
  letter-spacing: .03em;
}

.consultation-page .consultation-form-heading .consultation-page-map li.is-active {
  color: #fff;
}

.consultation-page .consultation-form-heading .consultation-page-map li.is-active i {
  border-color: #aeaeae;
  background: #aeaeae;
  box-shadow: 0 0 0 4px rgba(174, 174, 174, .12);
}

.consultation-page .consultation-form-heading .consultation-page-map li.is-complete {
  color: #b4b4b4;
}

.consultation-page .consultation-form-heading .consultation-page-map li.is-complete i {
  border-color: #8e8e8e;
  background: #8e8e8e;
}

.consultation-page .consultation-form-heading .consultation-page-progress {
  width: 100%;
  max-width: none;
  height: 2px;
  margin: 0;
  overflow: hidden;
  background: rgba(255, 255, 255, .14);
}

.consultation-page .consultation-form-heading .consultation-page-progress i {
  display: block;
  width: 100%;
  height: 100%;
  background: #aeaeae;
  transform: scaleX(.3333);
  transform-origin: left center;
  transition: transform .35s ease;
}

.consultation-page .consultation-page-form.wizard-form {
  display: block;
  min-height: 0;
  padding: 0;
  overflow: visible;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.consultation-page .consultation-page-form .consultation-step {
  width: 100%;
  min-width: 0;
  padding: 0;
  border: 0;
}

.consultation-page .consultation-page-form .consultation-step[hidden] {
  display: none !important;
}

.consultation-page .consultation-page-form .wizard-step-kicker {
  margin: 0 0 12px;
  color: #aeaeae;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .15em;
  text-transform: uppercase;
}

.consultation-page .consultation-page-form .consultation-step .wizard-step-title {
  max-width: 720px;
  margin: 0;
  color: #fff !important;
  font-size: clamp(46px, 3.7vw, 66px);
  font-weight: 500;
  letter-spacing: -.06em;
  line-height: .94;
  outline: none;
}

.consultation-page .consultation-page-form .wizard-step-intro {
  max-width: 610px;
  margin: 20px 0 32px;
  color: rgba(255, 255, 255, .58);
  font-size: 16px;
  line-height: 1.6;
}

.consultation-page .consultation-page-form .consultation-options--grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.consultation-page .consultation-page-form .consultation-step:first-child .consultation-options {
  margin-top: 32px;
}

.consultation-page .consultation-page-form .consultation-options label {
  text-transform: none;
}

.consultation-page .consultation-page-form .consultation-options input {
  position: absolute;
  opacity: 0;
}

.consultation-page .consultation-page-form .consultation-options span {
  position: relative;
  display: grid;
  min-height: 96px;
  align-content: center;
  gap: 7px;
  padding: 20px 54px 20px 20px;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 2px;
  background: rgba(255, 255, 255, .045);
  color: #fff;
  transition: border-color .2s ease, background-color .2s ease;
}

.consultation-page .consultation-page-form .consultation-options span::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 16px;
  width: 16px;
  height: 16px;
  border: 1px solid rgba(255, 255, 255, .4);
  border-radius: 50%;
  transform: translateY(-50%);
  box-shadow: inset 0 0 0 4px #222222;
}

.consultation-page .consultation-page-form .consultation-options span b {
  color: #f3f3f3;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .055em;
  text-transform: uppercase;
}

.consultation-page .consultation-page-form .consultation-options span small {
  color: rgba(255, 255, 255, .6);
  font-size: 14px;
  line-height: 1.45;
}

.consultation-page .consultation-page-form .consultation-options label:hover span {
  border-color: rgba(174, 174, 174, .72);
  background: rgba(255, 255, 255, .08);
}

.consultation-page .consultation-page-form .consultation-options input:checked + span {
  border-color: #aeaeae;
  background: rgba(174, 174, 174, .13);
}

.consultation-page .consultation-page-form .consultation-options input:checked + span::after {
  border-color: #aeaeae;
  background: #aeaeae;
}

.consultation-page .consultation-page-form .wizard-actions {
  display: flex;
  gap: 10px;
  margin-top: 28px;
}

.consultation-page .consultation-page-form .wizard-actions .button {
  display: inline-flex;
  min-width: 144px;
  min-height: 52px;
  align-items: center;
  justify-content: center;
  gap: 18px;
  margin: 0;
  padding: 0 22px;
  border-radius: 2px;
  font-size: 14px !important;
}

.consultation-page .consultation-page-form .wizard-next,
.consultation-page .consultation-page-form .wizard-actions .button-primary {
  border-color: #aeaeae;
  background: #aeaeae;
  box-shadow: 0 14px 34px rgba(0, 0, 0, .22);
  color: #202020;
}

.consultation-page .consultation-page-form .wizard-back {
  border: 1px solid rgba(255, 255, 255, .26) !important;
  background: rgba(255, 255, 255, .04) !important;
  box-shadow: none;
  color: #fff !important;
}

/* Contact step */
.consultation-page .consultation-page-form .wizard-contact-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.consultation-page .consultation-page-form .wizard-contact-grid label {
  display: grid;
  gap: 7px;
  margin: 0;
  color: rgba(255, 255, 255, .68);
  font-size: 14px;
  text-transform: none;
}

.consultation-page .consultation-page-form .wizard-contact-grid label > span {
  color: rgba(255, 255, 255, .68);
  font-weight: 600;
}

.consultation-page .consultation-page-form .wizard-contact-grid input,
.consultation-page .consultation-page-form .wizard-contact-grid select,
.consultation-page .consultation-page-form .wizard-contact-grid textarea {
  width: 100%;
  min-height: 48px;
  padding: 11px 13px;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 2px;
  outline: none;
  background: rgba(255, 255, 255, .055);
  color: #fff;
  font: inherit;
  font-size: 14px;
}

.consultation-page .consultation-page-form .wizard-contact-grid textarea {
  min-height: 72px;
  resize: vertical;
}

.consultation-page .consultation-page-form .wizard-contact-grid input:focus,
.consultation-page .consultation-page-form .wizard-contact-grid select:focus,
.consultation-page .consultation-page-form .wizard-contact-grid textarea:focus {
  border-color: #aeaeae;
  box-shadow: 0 0 0 3px rgba(174, 174, 174, .1);
}

.consultation-page .consultation-page-form .wizard-contact-grid input::placeholder,
.consultation-page .consultation-page-form .wizard-contact-grid textarea::placeholder {
  color: rgba(255, 255, 255, .34);
}

.consultation-page .consultation-page-form .wizard-contact-grid select option {
  background: #232323;
  color: #fff;
}

.consultation-page .consultation-page-form .wizard-contact-note {
  grid-column: 1 / -1;
}

.consultation-page .consultation-page-form .wizard-consent {
  display: flex;
  gap: 9px;
  align-items: flex-start;
  margin-top: 17px;
  color: rgba(255, 255, 255, .6);
  font-size: 14px;
  line-height: 1.5;
  text-transform: none;
}

.consultation-page .consultation-page-form .wizard-consent input {
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
  accent-color: #aeaeae;
}

.consultation-page .form-note {
  margin: 14px 0 0;
  color: rgba(255, 255, 255, .5);
  font-size: 14px;
}

/* Photo selection */
.consultation-page .wizard-photo-field {
  margin-top: 20px;
}

.consultation-page .wizard-photo-input {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
}

.consultation-page .wizard-photo-drop[hidden],
.consultation-page .wizard-photo-preview[hidden] {
  display: none !important;
}

.consultation-page .wizard-photo-drop {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  min-height: 94px;
  padding: 16px 18px;
  border: 1px dashed rgba(255, 255, 255, .25);
  border-radius: 2px;
  background: rgba(255, 255, 255, .04);
  cursor: pointer;
}

.consultation-page .wizard-photo-drop:hover,
.consultation-page .wizard-photo-input:focus-visible + .wizard-photo-drop {
  border-color: #aeaeae;
  background: rgba(255, 255, 255, .075);
}

.consultation-page .wizard-photo-icon {
  display: grid;
  width: 46px;
  height: 46px;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, .19);
  border-radius: 50%;
  color: #aeaeae;
}

.consultation-page .wizard-photo-icon svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5;
}

.consultation-page .wizard-photo-copy {
  display: grid;
  gap: 4px;
}

.consultation-page .wizard-photo-copy b {
  color: #fff;
  font-size: 14px;
}

.consultation-page .wizard-photo-copy small {
  color: rgba(255, 255, 255, .5);
  font-size: 14px;
  line-height: 1.4;
}

.consultation-page .wizard-photo-action {
  display: inline-flex;
  min-height: 40px;
  align-items: center;
  gap: 10px;
  padding: 0 13px;
  border: 1px solid rgba(255, 255, 255, .22);
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}

.consultation-page .wizard-photo-action i {
  font-size: 15px;
  font-style: normal;
}

.consultation-page .wizard-photo-preview {
  display: grid;
  grid-template-columns: 70px minmax(0, 1fr) auto;
  gap: 13px;
  align-items: center;
  padding: 9px;
  border: 1px solid rgba(174, 174, 174, .55);
  background: rgba(174, 174, 174, .1);
}

.consultation-page .wizard-photo-preview img {
  width: 70px;
  height: 70px;
  object-fit: cover;
}

.consultation-page .wizard-photo-preview > span {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.consultation-page .wizard-photo-preview b {
  overflow: hidden;
  color: #fff;
  font-size: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.consultation-page .wizard-photo-preview small {
  color: #bababa;
  font-size: 14px;
}

.consultation-page .wizard-photo-preview button {
  padding: 9px;
  border: 0;
  background: transparent;
  color: #c0c0c0;
  font: inherit;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
}

.consultation-page .wizard-photo-help {
  margin: 8px 0 0;
  color: rgba(255, 255, 255, .43);
  font-size: 14px;
  line-height: 1.5;
}

.consultation-page .wizard-photo-help.is-error {
  color: #ababab;
}

.consultation-page .consultation-form-footer {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin-top: clamp(48px, 7vh, 82px);
  padding-top: 15px;
  border-top: 1px solid rgba(255, 255, 255, .12);
  color: rgba(255, 255, 255, .36);
  font-size: 14px;
  line-height: 1.55;
}

/* Visual panel */
.consultation-page .consultation-page-summary {
  position: relative;
  top: auto;
  order: 2;
  display: flex;
  min-height: 940px;
  flex-direction: column;
  padding: clamp(38px, 4vw, 62px);
  overflow: hidden;
  border-radius: 0;
  background:
    linear-gradient(180deg, rgba(85, 85, 85, .24), rgba(31, 31, 31, .62)),
    url("../img/aksu-hero-consultation.webp") center 44% / cover no-repeat;
  box-shadow: none;
  color: #fff;
}

.consultation-page .consultation-page-summary::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  border: 0;
  border-radius: 0;
  background: linear-gradient(145deg, rgba(120, 120, 120, .18), rgba(29, 29, 29, .3));
}

.consultation-page .consultation-page-summary::after {
  content: "";
  position: absolute;
  right: -170px;
  bottom: -190px;
  width: 420px;
  height: 420px;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 50%;
}

.consultation-page .consultation-visual-top {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  color: rgba(255, 255, 255, .86);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.consultation-page .consultation-visual-top i {
  color: rgba(255, 255, 255, .6);
  font-style: normal;
  font-weight: 500;
}

.consultation-page .consultation-page-summary .consultation-summary-copy {
  position: relative;
  z-index: 2;
  max-width: 500px;
  margin: auto;
  padding: 80px 0 40px;
  text-align: center;
}

.consultation-page .consultation-quote-mark {
  display: block;
  height: 70px;
  color: rgba(255, 255, 255, .42);
  font-family: Georgia, serif;
  font-size: 112px;
  line-height: 1;
}

.consultation-page .consultation-summary-copy h1 {
  margin: 0;
  color: #fff;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(42px, 3.3vw, 60px);
  font-weight: 400;
  letter-spacing: -.035em;
  line-height: 1.04;
  text-shadow: 0 2px 25px rgba(24, 24, 24, .34);
}

.consultation-page .consultation-summary-copy h1 em {
  color: #e9e9e9;
  font-style: italic;
  font-weight: 400;
}

.consultation-page .consultation-summary-copy > p:last-child {
  max-width: 410px;
  margin: 25px auto 0;
  color: rgba(255, 255, 255, .76);
  font-size: 14px;
  line-height: 1.6;
  text-shadow: 0 1px 16px rgba(18, 18, 18, .4);
}

.consultation-page .consultation-visual-dots {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: -12px;
}

.consultation-page .consultation-visual-dots i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .42);
}

.consultation-page .consultation-visual-dots i:first-child {
  background: #fff;
}

.consultation-page .consultation-design-note {
  position: relative;
  z-index: 2;
  display: flex;
  gap: 13px;
  align-items: center;
  width: fit-content;
  margin-top: auto;
  padding-top: 24px;
  border-top: 1px solid rgba(255, 255, 255, .22);
}

.consultation-page .consultation-design-note > i {
  display: grid;
  width: 36px;
  height: 36px;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, .25);
  border-radius: 50%;
  color: #d4d4d4;
  font-size: 14px;
  font-style: normal;
}

.consultation-page .consultation-design-note p {
  display: grid;
  gap: 3px;
  margin: 0;
}

.consultation-page .consultation-design-note b {
  color: #fff;
  font-size: 14px;
}

.consultation-page .consultation-design-note span {
  color: rgba(255, 255, 255, .6);
  font-size: 14px;
}

@media (max-width: 1100px) {
  .consultation-page .consultation-page-layout {
    grid-template-columns: minmax(0, 61%) minmax(340px, 39%);
  }

  .consultation-page .consultation-form-stage {
    padding-inline: 42px;
  }

  .consultation-page .consultation-page-summary {
    padding-inline: 34px;
  }
}

@media (max-width: 900px) {
  .consultation-page .consultation-page-flow {
    padding: 22px;
  }

  .consultation-page .consultation-page-layout {
    display: block;
    min-height: 0;
  }

  .consultation-page .consultation-page-layout:has(.consultation-step:nth-of-type(3):not([hidden])) {
    min-height: 0;
  }

  .consultation-page .consultation-page-layout:has(.consultation-step:nth-of-type(3):not([hidden])) .consultation-page-summary {
    min-height: 470px;
  }

  .consultation-page .consultation-page-layout:has(.consultation-step:nth-of-type(3):not([hidden])) .consultation-form-stage {
    min-height: 0;
  }

  .consultation-page .consultation-page-summary {
    order: 1;
    flex: 0 0 auto;
    min-height: 470px;
    padding: 30px;
  }

  .consultation-page .consultation-form-stage {
    display: block;
    height: auto;
    min-height: 0;
    padding: 42px 34px 64px;
  }

  .consultation-page .consultation-form-stage-inner {
    width: 100%;
  }

  .consultation-page .consultation-page-summary .consultation-summary-copy {
    padding: 60px 0 28px;
  }

  .consultation-page .consultation-summary-copy h1 {
    font-size: clamp(42px, 8vw, 62px);
  }
}

@media (max-width: 560px) {
  .consultation-page .consultation-page-flow {
    padding: 0;
  }

  .consultation-page .consultation-page-layout {
    border: 0;
    border-radius: 0;
    box-shadow: none;
  }

  .consultation-page .consultation-page-summary {
    min-height: 410px;
    padding: 25px 20px;
  }

  .consultation-page .consultation-page-summary .consultation-summary-copy {
    padding: 36px 0 20px;
  }

  .consultation-page .consultation-quote-mark {
    height: 48px;
    font-size: 82px;
  }

  .consultation-page .consultation-summary-copy h1 {
    font-size: clamp(36px, 10.5vw, 46px);
  }

  .consultation-page .consultation-summary-copy > p:last-child {
    margin-top: 17px;
    font-size: 14px;
  }

  .consultation-page .consultation-design-note {
    padding-top: 16px;
  }

  .consultation-page .consultation-form-stage {
    padding: 30px 20px 52px;
  }

  .consultation-page .consultation-form-heading {
    margin-bottom: 38px;
  }

  .consultation-page .consultation-form-meta p {
    max-width: 130px;
    font-size: 14px;
    line-height: 1.4;
  }

  .consultation-page .consultation-form-heading .consultation-page-map li b {
    font-size: 14px;
  }

  .consultation-page .consultation-page-form .wizard-step-title {
    font-size: clamp(39px, 11.5vw, 50px);
  }

  .consultation-page .consultation-page-form .wizard-step-intro {
    font-size: 14px;
  }

  .consultation-page .consultation-page-form .consultation-options--grid,
  .consultation-page .consultation-page-form .wizard-contact-grid {
    grid-template-columns: 1fr;
  }

  .consultation-page .consultation-page-form .wizard-contact-note {
    grid-column: auto;
  }

  .consultation-page .consultation-page-form .wizard-actions {
    display: grid;
    grid-template-columns: minmax(105px, .7fr) minmax(0, 1.3fr);
  }

  .consultation-page .consultation-page-form .wizard-actions:has(> :only-child) {
    display: block;
  }

  .consultation-page .consultation-page-form .wizard-actions .button,
  .consultation-page .consultation-page-form .wizard-actions .button-primary {
    width: 100%;
    min-width: 0;
  }

  .consultation-page .wizard-photo-drop {
    grid-template-columns: 43px minmax(0, 1fr);
  }

  .consultation-page .wizard-photo-action {
    grid-column: 1 / -1;
    justify-content: space-between;
  }

  .consultation-page .consultation-form-footer {
    display: grid;
    gap: 10px;
    font-size: 14px;
    line-height: 1.55;
  }
}

/* ===== apple-palette.css ===== */
/* Aksu Clinic — Apple-inspired neutral palette
   Color-only layer: no sizing, spacing, positioning or typography changes. */

:root {
  --apple-black: #000;
  --apple-ink: #1d1d1d;
  --apple-secondary: #6e6e6e;
  --apple-tertiary: #868686;
  --apple-surface: #f5f5f5;
  --apple-surface-2: #e8e8e8;
  --apple-white: #fff;
  --apple-line: rgba(0, 0, 0, .12);
  --apple-line-dark: rgba(255, 255, 255, .16);

  --canvas: var(--apple-surface);
  --canvas-deep: var(--apple-surface-2);
  --ink: var(--apple-ink);
  --muted: var(--apple-secondary);
  --line: var(--apple-line);
  --accent: var(--apple-tertiary);
  --accent-deep: var(--apple-ink);
  --cream: var(--apple-white);
  --dark: var(--apple-black);
  --neo-bg: var(--apple-surface);
  --neo-panel: var(--apple-white);
  --neo-panel-2: var(--apple-surface-2);
  --neo-ink: var(--apple-ink);
  --neo-muted: var(--apple-secondary);
  --neo-line: var(--apple-line);
  --neo-accent: var(--apple-tertiary);
  --neo-cyan: var(--apple-tertiary);
  --aksu-bg: var(--apple-surface);
  --aksu-white: var(--apple-white);
  --aksu-ink: var(--apple-ink);
  --aksu-grey: var(--apple-tertiary);
  --aksu-ice: var(--apple-surface-2);
  --aksu-champagne: var(--apple-secondary);
  color-scheme: light;
}

html,
body,
.page-shell,
main {
  background-color: var(--apple-surface);
  color: var(--apple-ink);
}

::selection {
  background: var(--apple-ink);
  color: var(--apple-white);
}

/* Header and navigation */
.site-header,
.home-page .site-header,
.home-page .site-header.is-scrolled {
  border-bottom-color: var(--apple-line) !important;
  background: rgba(255, 255, 255, .9) !important;
  box-shadow: 0 8px 30px rgba(0, 0, 0, .06) !important;
  color: var(--apple-ink) !important;
  backdrop-filter: saturate(180%) blur(20px) !important;
}

.site-header :where(.desktop-nav > a, .nav-trigger, .language-button),
.home-page .site-header :where(.desktop-nav > a, .nav-trigger, .language-button) {
  color: var(--apple-ink) !important;
}

.site-header :where(.desktop-nav > a, .nav-trigger)::after {
  background: var(--apple-ink) !important;
}

.site-header :where(.nav-mega, .language-menu),
.mobile-menu {
  border-color: var(--apple-line) !important;
  background: rgba(255, 255, 255, .98) !important;
  background-image: none !important;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .14) !important;
  color: var(--apple-ink) !important;
}

.nav-mega :where(a, strong, .nav-mega-feature-title, .nav-mega-cta),
.language-menu a,
.mobile-menu a,
.mobile-sub-toggle {
  color: var(--apple-ink) !important;
}

.nav-mega :where(.nav-mega-label, .nav-mega-feature-eyebrow, .nav-mega-feature-text, p),
.mobile-menu-label {
  color: var(--apple-secondary) !important;
}

.nav-mega-feature,
.nav-mega-foot,
.mobile-sub {
  border-color: var(--apple-line) !important;
  background: var(--apple-surface) !important;
}

.language-button,
.menu-button {
  border-color: var(--apple-line) !important;
  background-color: var(--apple-white) !important;
}

.menu-button > span:not(.sr-only) {
  background: var(--apple-ink) !important;
}

/* Primary actions */
:where(
  .header-cta,
  .precision-cta,
  .button-primary,
  .page-cta a,
  .guide-cta a,
  .treatment-detail-aside a,
  .treatment-detail-bottom a,
  .doctor-editorial-cta .button,
  .clinic-package-foot button,
  .neo-glass-button,
  .journey-cta,
  .results-all-link,
  .google-reviews-link
) {
  border-color: var(--apple-black) !important;
  background: var(--apple-black) !important;
  background-image: none !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, .18) !important;
  color: var(--apple-white) !important;
}

:where(
  .header-cta,
  .precision-cta,
  .button-primary,
  .page-cta a,
  .guide-cta a,
  .treatment-detail-aside a,
  .treatment-detail-bottom a,
  .doctor-editorial-cta .button,
  .clinic-package-foot button,
  .neo-glass-button,
  .journey-cta,
  .results-all-link,
  .google-reviews-link
):is(:hover, :focus-visible) {
  border-color: #424242 !important;
  background: #424242 !important;
  color: var(--apple-white) !important;
}

/* Shared accents and secondary copy */
:where(
  .eyebrow,
  .neo-kicker,
  .precision-eyebrow,
  .founder-intro-kicker,
  .clinic-signature-kicker,
  .treatment-detail-kicker,
  .treatment-kicker,
  .guide-eyebrow,
  .section-kicker,
  .insight-kicker,
  .wizard-step-kicker,
  .doctor-editorial-copy > span,
  .menu-banner-number,
  .about-section-index,
  .clinic-role-copy > span
) {
  color: var(--apple-tertiary) !important;
}

:where(.eyebrow, .neo-kicker, .founder-intro-kicker, .clinic-signature-kicker) > span {
  background: var(--apple-tertiary) !important;
}

/* Full-width dark stages */
:where(
  .founder-intro,
  .material-showcase,
  .treatment-gallery,
  .smile-map,
  .doctor-showcase,
  .real-stories,
  .patient-records,
  .clinic-support-teams,
  .art-hero,
  .closing-wall,
  .site-footer
) {
  background: var(--apple-black) !important;
  background-image: none !important;
  color: var(--apple-white) !important;
}

:where(
  .founder-intro,
  .material-showcase,
  .treatment-gallery,
  .smile-map,
  .doctor-showcase,
  .real-stories,
  .patient-records,
  .clinic-support-teams,
  .art-hero,
  .closing-wall,
  .site-footer
) :where(h1, h2, h3, h4, strong, b, blockquote) {
  color: var(--apple-white) !important;
}

:where(
  .founder-intro,
  .material-showcase,
  .treatment-gallery,
  .smile-map,
  .doctor-showcase,
  .real-stories,
  .patient-records,
  .clinic-support-teams,
  .art-hero,
  .closing-wall,
  .site-footer
) :where(p, small, cite, li) {
  color: #a1a1a1 !important;
}

/* Neutral light stages */
:where(
  .clinic-signature,
  .real-smiles-intro,
  .result-stories,
  .neo-testimonials,
  .international-journey,
  .guide-faq,
  .neo-contact,
  .about-editorial,
  .about-human-story,
  .clinic-spaces,
  .mission-grid,
  .treatment-catalogue,
  .guide-content-section,
  .guide-timeline,
  .insight-grid,
  .insight-reading,
  .dental-art,
  .doctor-editorial-list,
  .case-archive,
  .clinical-records
) {
  background-color: var(--apple-surface) !important;
  background-image: none !important;
  color: var(--apple-ink) !important;
}

:where(
  .clinic-signature,
  .real-smiles-intro,
  .result-stories,
  .neo-testimonials,
  .international-journey,
  .guide-faq,
  .neo-contact,
  .about-editorial,
  .about-human-story,
  .clinic-spaces,
  .mission-grid,
  .treatment-catalogue,
  .guide-content-section,
  .guide-timeline,
  .insight-grid,
  .insight-reading,
  .dental-art,
  .doctor-editorial-list,
  .case-archive,
  .clinical-records
) :where(h1, h2, h3, h4, strong, b) {
  color: var(--apple-ink) !important;
}

:where(
  .clinic-signature,
  .real-smiles-intro,
  .result-stories,
  .neo-testimonials,
  .international-journey,
  .guide-faq,
  .neo-contact,
  .about-editorial,
  .about-human-story,
  .clinic-spaces,
  .mission-grid,
  .treatment-catalogue,
  .guide-content-section,
  .guide-timeline,
  .insight-grid,
  .insight-reading,
  .dental-art,
  .doctor-editorial-list,
  .case-archive,
  .clinical-records
) :where(p, small, cite, li) {
  color: var(--apple-secondary) !important;
}

/* Inner-page media banners retain photography with a neutral black overlay. */
.menu-banner {
  background-color: var(--apple-black) !important;
  color: var(--apple-white) !important;
}

.menu-banner::before,
.menu-banner::after {
  background: linear-gradient(90deg, rgba(0, 0, 0, .72), rgba(0, 0, 0, .2)) !important;
}

.menu-banner :where(h1, h1 em, .eyebrow, .menu-banner-copy, .menu-banner-number) {
  color: var(--apple-white) !important;
}

/* Homepage hero keeps its real footage; only its overlay and fallback are neutral. */
.neo-hero,
.neo-hero--precision,
.hero-video-background {
  background-color: var(--apple-black) !important;
  background-image: none !important;
}

.hero-video-background::after,
.neo-hero::after {
  background: linear-gradient(90deg, rgba(0, 0, 0, .72), rgba(0, 0, 0, .16)) !important;
}

.precision-copy :where(h1, h1 span, h1 em) {
  color: var(--apple-white) !important;
}

.precision-copy :where(.precision-eyebrow, .precision-intro) {
  color: #d2d2d2 !important;
}

.hero-whatsapp {
  border-color: rgba(255, 255, 255, .35) !important;
  background: rgba(0, 0, 0, .72) !important;
  color: var(--apple-white) !important;
}

/* Cards and contained surfaces */
:where(
  .clinic-package-card,
  .clinic-certificate-card,
  .neo-review-card,
  .guide-card-grid article,
  .guide-faq details,
  .treatment-card,
  .insight-card,
  .record-card,
  .result-card,
  .neo-contact-cards > a,
  .neo-contact-hours,
  .faq-shell,
  .clinic-role-card,
  .mission-grid article
) {
  border-color: var(--apple-line) !important;
  background: var(--apple-white) !important;
  background-image: none !important;
  box-shadow: 0 16px 42px rgba(0, 0, 0, .08) !important;
  color: var(--apple-ink) !important;
}

:where(
  .clinic-package-card,
  .clinic-certificate-card,
  .neo-review-card,
  .guide-card-grid article,
  .guide-faq details,
  .treatment-card,
  .insight-card,
  .record-card,
  .result-card,
  .neo-contact-cards > a,
  .neo-contact-hours,
  .faq-shell,
  .clinic-role-card,
  .mission-grid article
) :where(h2, h3, h4, strong, b) {
  color: var(--apple-ink) !important;
}

:where(
  .clinic-package-card,
  .clinic-certificate-card,
  .neo-review-card,
  .guide-card-grid article,
  .guide-faq details,
  .treatment-card,
  .insight-card,
  .record-card,
  .result-card,
  .neo-contact-cards > a,
  .neo-contact-hours,
  .faq-shell,
  .clinic-role-card,
  .mission-grid article
) :where(p, small, li, span) {
  color: var(--apple-secondary) !important;
}

.clinic-certificate-card {
  background: var(--apple-surface-2) !important;
}

.real-smiles-canvas,
.real-smiles-card,
.result-compare,
.insight-reading-media,
.neo-map,
.artboard,
.connected-strip {
  border-color: var(--apple-line) !important;
  background-color: var(--apple-surface-2) !important;
  background-image: none !important;
}

/* Dark cards */
.doctor-profile-card,
.doctor-editorial-profile,
.patient-record-card,
.treatment-gallery figure,
.material-slider,
.material-card,
.smile-panel-kiyas,
.treatment-detail-aside {
  border-color: var(--apple-line-dark) !important;
  background: var(--apple-ink) !important;
  background-image: none !important;
  color: var(--apple-white) !important;
}

:where(.doctor-profile-card, .doctor-editorial-profile, .patient-record-card, .treatment-detail-aside)
  :where(h2, h3, h4, strong, b) {
  color: var(--apple-white) !important;
}

:where(.doctor-profile-card, .doctor-editorial-profile, .patient-record-card, .treatment-detail-aside)
  :where(p, small, li, span) {
  color: #a1a1a1 !important;
}

/* Treatment pages */
.treatment-detail-hero {
  background: var(--apple-surface) !important;
  color: var(--apple-ink) !important;
}

.treatment-detail-hero :where(h1, h2, h3, strong) {
  color: var(--apple-ink) !important;
}

.treatment-detail-hero :where(p, small, span, a) {
  color: var(--apple-secondary) !important;
}

.treatment-detail-hero figure,
.treatment-card figure {
  background-color: var(--apple-surface-2) !important;
}

.treatment-detail-body,
.treatment-detail-bottom,
.page-cta,
.guide-cta,
.doctor-editorial-cta {
  border-color: var(--apple-line) !important;
  background: var(--apple-white) !important;
  color: var(--apple-ink) !important;
}

:where(.treatment-detail-bottom, .page-cta, .guide-cta, .doctor-editorial-cta)
  :where(h2, h3, p, strong, span) {
  color: var(--apple-ink) !important;
}

/* Journey section */
.journey-story,
.journey-story.is-scroll-flight,
.journey-story.is-scroll-flight .journey-flight-scroll,
.journey-story.is-scroll-flight .journey-flight-intro,
.journey-story.is-scroll-flight .journey-wide {
  background: var(--apple-surface) !important;
  background-image: none !important;
  color: var(--apple-ink) !important;
}

.journey-flight-opening :where(h2, h3),
.journey-flight-closing :where(h2, h3),
.journey-story-head :where(h2, h3) {
  color: var(--apple-ink) !important;
}

.journey-flight-opening :where(p, em),
.journey-flight-closing :where(p, em),
.journey-story-head :where(p, div, em),
.journey-step-copy > p {
  color: var(--apple-secondary) !important;
}

.journey-country-band,
.journey-review {
  border-color: var(--apple-line) !important;
  background: var(--apple-white) !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, .08) !important;
}

.journey-country-band strong,
.journey-review strong {
  color: var(--apple-ink) !important;
}

.journey-review :where(p, small) {
  color: var(--apple-secondary) !important;
}

.journey-review a {
  color: var(--apple-ink) !important;
}

.journey-story-foot {
  border-color: var(--apple-line-dark) !important;
  background: var(--apple-black) !important;
  background-image: none !important;
  color: var(--apple-white) !important;
}

.journey-story-foot :where(strong, a) {
  color: var(--apple-white) !important;
}

.journey-story-foot :where(p, small) {
  color: #a1a1a1 !important;
}

.journey-story-foot .journey-cta,
.treatment-detail-aside a {
  border-color: var(--apple-white) !important;
  background: var(--apple-white) !important;
  color: var(--apple-black) !important;
}

.journey-story-foot .journey-cta:is(:hover, :focus-visible),
.treatment-detail-aside a:is(:hover, :focus-visible) {
  border-color: #d2d2d2 !important;
  background: #d2d2d2 !important;
  color: var(--apple-black) !important;
}

/* Consultation */
.consultation-page,
.consultation-page-main,
.consultation-page-flow {
  background: var(--apple-surface) !important;
  color: var(--apple-ink) !important;
}

.consultation-page-summary {
  background-image:
    linear-gradient(rgba(0, 0, 0, .22), rgba(0, 0, 0, .68)),
    url("../img/aksu-hero-consultation.webp") !important;
  color: var(--apple-white) !important;
}

.consultation-form-stage {
  background-image:
    linear-gradient(rgba(0, 0, 0, .94), rgba(0, 0, 0, .96)),
    url("../img/aksu-hero-consultation.webp") !important;
  color: var(--apple-white) !important;
}

.consultation-form-stage :where(h1, h2, h3, b, strong, label) {
  color: var(--apple-white) !important;
}

.consultation-form-stage :where(p, small, span, .consultation-return) {
  color: #a1a1a1 !important;
}

.consultation-options span,
.wizard-contact-grid :where(input, select, textarea),
.wizard-photo-drop {
  border-color: rgba(255, 255, 255, .2) !important;
  background: rgba(255, 255, 255, .04) !important;
  color: var(--apple-white) !important;
}

.consultation-options input:checked + span {
  border-color: var(--apple-white) !important;
  background: rgba(255, 255, 255, .1) !important;
}

.consultation-page-form .wizard-actions .button,
.consultation-page-form .wizard-actions .button-primary {
  border-color: var(--apple-white) !important;
  background: var(--apple-white) !important;
  color: var(--apple-black) !important;
}

.consultation-page-form .wizard-actions .wizard-back {
  background: transparent !important;
  color: var(--apple-white) !important;
}

/* Footer */
.site-footer,
.footer-bottom {
  border-color: var(--apple-line-dark) !important;
  background: var(--apple-black) !important;
}

.site-footer :where(h2, h3, strong, a, .footer-label) {
  color: var(--apple-white) !important;
}

.site-footer :where(p, small, span) {
  color: #868686 !important;
}

.footer-social a {
  border-color: var(--apple-line-dark) !important;
}

/* High-specificity color normalization for legacy component rules. */
body .site-header .header-cta,
body.home-page .site-header .header-cta,
body .precision-cta,
body .button-primary,
body .page-cta a,
body .guide-cta a,
body .treatment-detail-bottom a,
body .doctor-editorial-cta .button,
body .clinic-package-foot button,
body .neo-glass-button,
body .results-all-link,
body .google-reviews-link,
body .founder-intro-form button {
  border-color: var(--apple-black) !important;
  background: var(--apple-black) !important;
  background-image: none !important;
  color: var(--apple-white) !important;
}

body .site-header .header-cta:is(:hover, :focus-visible),
body.home-page .site-header .header-cta:is(:hover, :focus-visible),
body .precision-cta:is(:hover, :focus-visible),
body .button-primary:is(:hover, :focus-visible),
body .page-cta a:is(:hover, :focus-visible),
body .guide-cta a:is(:hover, :focus-visible),
body .treatment-detail-bottom a:is(:hover, :focus-visible),
body .doctor-editorial-cta .button:is(:hover, :focus-visible),
body .clinic-package-foot button:is(:hover, :focus-visible),
body .neo-glass-button:is(:hover, :focus-visible),
body .results-all-link:is(:hover, :focus-visible),
body .google-reviews-link:is(:hover, :focus-visible),
body .founder-intro-form button:is(:hover, :focus-visible) {
  border-color: #424242 !important;
  background: #424242 !important;
  color: var(--apple-white) !important;
}

body .nav-mega :where(a, p, strong, span),
body .language-menu a,
body .mobile-menu :where(a, button, p, span, strong) {
  color: var(--apple-ink) !important;
}

body .nav-mega :where(.nav-mega-label, .nav-mega-feature-eyebrow, .nav-mega-feature-text),
body .mobile-menu-label {
  color: var(--apple-secondary) !important;
}

body :where(
  .clinic-signature-index,
  .clinic-role-copy > span,
  .about-section-index,
  .treatment-card-tag,
  .insight-card a,
  .doctor-editorial-copy > span,
  .doctor-editorial-role,
  .doctor-editorial-copy dt,
  .guide-card-top > strong,
  .guide-timeline strong,
  .footer-label
) {
  color: var(--apple-tertiary) !important;
}

body :where(
  .clinic-signature h2 em,
  .material-showcase-heading h2 em,
  .material-showcase-head h2 em,
  .real-smiles-intro h2 em,
  .neo-testimonials h2 em,
  .treatment-catalogue h2 em,
  .about-editorial h2 em,
  .about-human-story h2 em,
  .guide-content-section h2 em,
  .insight-grid h2 em,
  .doctor-editorial-cta em,
  .page-cta em
) {
  color: var(--apple-secondary) !important;
}

body :where(
  .founder-intro h2 em,
  .founder-intro-portrait figcaption span,
  .founder-intro-role,
  .material-showcase .neo-kicker,
  .material-showcase-heading h2 em,
  .treatment-gallery h2 em,
  .smile-map h2 em,
  .doctor-showcase h2 em,
  .real-stories h2 em,
  .patient-records h2 em,
  .clinic-support-teams h2 em,
  .closing-wall h2 em
) {
  color: #a1a1a1 !important;
}

body .founder-intro-portrait,
body .doctor-editorial-profile figure,
body .patient-record-card figure,
body .treatment-gallery figure {
  background-color: var(--apple-ink) !important;
}

body .founder-intro-form {
  border-color: var(--apple-line) !important;
  background: var(--apple-white) !important;
  box-shadow: 0 24px 60px rgba(0, 0, 0, .18) !important;
  color: var(--apple-ink) !important;
}

body .founder-intro-form :where(h3, input, select) {
  color: var(--apple-ink) !important;
}

body .founder-intro-form :where(.founder-intro-form-head > span, label > span, p, small) {
  color: var(--apple-secondary) !important;
}

body .founder-intro-form :is(input, select) {
  border-bottom-color: var(--apple-tertiary) !important;
}

body .material-showcase .material-slider {
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}

body .material-showcase .material-card,
body .material-showcase .material-card:hover {
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}

body .material-showcase .material-arrow,
body .result-stories button,
body .neo-testimonials button {
  border-color: var(--apple-line-dark) !important;
  background: rgba(29, 29, 29, .9) !important;
  color: var(--apple-white) !important;
}

body .neo-testimonials .neo-review-avatar {
  background: var(--apple-surface-2) !important;
  color: var(--apple-secondary) !important;
}

body .neo-testimonials :where(.neo-review-stars, .neo-review-card a, .neo-review-summary strong) {
  color: var(--apple-ink) !important;
}

body .journey-route,
body .journey-route > span {
  background: var(--apple-line) !important;
  background-image: none !important;
}

body .journey-step-marker,
body .journey-step.is-active .journey-step-marker {
  border-color: var(--apple-secondary) !important;
  background: var(--apple-white) !important;
  box-shadow: 0 0 0 7px var(--apple-surface) !important;
}

body .doctor-editorial-list,
body .doctors-editorial-page .doctor-editorial-list {
  background-color: var(--apple-surface) !important;
}

body .doctors-editorial-page .doctor-editorial-profile,
body .doctors-editorial-page .doctor-editorial-profile:nth-child(even) {
  border-color: var(--apple-line-dark) !important;
  background: var(--apple-ink) !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, .12) !important;
}

body .doctor-editorial-copy :where(h2, blockquote) {
  color: var(--apple-white) !important;
}

body .doctor-editorial-copy :where(dd, p) {
  color: #a1a1a1 !important;
}

body .treatment-process li {
  border-color: var(--apple-line) !important;
  background: var(--apple-white) !important;
}

body .treatment-detail-body :where(h2, h3, strong),
body .treatment-catalogue :where(h2, h3, strong) {
  color: var(--apple-ink) !important;
}

body .treatment-detail-body :where(p, li),
body .treatment-catalogue :where(p, li) {
  color: var(--apple-secondary) !important;
}

body .case-archive figcaption,
body .clinical-records figcaption {
  background: rgba(0, 0, 0, .76) !important;
  color: var(--apple-white) !important;
}

body .neo-contact-cards :where(i, svg),
body .footer-social a,
body .site-footer :where(svg, i) {
  color: var(--apple-white) !important;
  stroke: currentColor !important;
}

/* Consultation keeps the existing composition; only its color treatment changes. */
body.consultation-page,
body.consultation-page .consultation-page-main,
body.consultation-page .consultation-page-flow {
  background: var(--apple-surface) !important;
}

body.consultation-page .consultation-page-flow::before {
  background:
    linear-gradient(rgba(0, 0, 0, .58), rgba(0, 0, 0, .74)),
    url("../img/aksu-hero-consultation.webp") center 48% / cover no-repeat !important;
  filter: blur(18px) grayscale(1) !important;
}

body.consultation-page .consultation-page-flow::after {
  background: rgba(245, 245, 245, .28) !important;
}

body.consultation-page .consultation-page-layout {
  border-color: rgba(255, 255, 255, .24) !important;
  box-shadow: 0 38px 90px rgba(0, 0, 0, .28) !important;
}

body.consultation-page .consultation-form-stage {
  background-image:
    linear-gradient(rgba(0, 0, 0, .94), rgba(0, 0, 0, .96)),
    url("../img/aksu-hero-consultation.webp") !important;
}

body.consultation-page .consultation-page-summary {
  background-image:
    linear-gradient(180deg, rgba(0, 0, 0, .18), rgba(0, 0, 0, .7)),
    url("../img/aksu-hero-consultation.webp") !important;
}

body.consultation-page .consultation-page-summary::before {
  background: linear-gradient(145deg, rgba(0, 0, 0, .08), rgba(0, 0, 0, .34)) !important;
}

body.consultation-page .consultation-summary-copy h1 em,
body.consultation-page .consultation-design-note > i,
body.consultation-page .wizard-photo-icon,
body.consultation-page .wizard-photo-preview button {
  color: var(--apple-white) !important;
}

body.consultation-page .consultation-form-heading .consultation-page-map li i {
  border-color: rgba(255, 255, 255, .34) !important;
  background: var(--apple-black) !important;
  box-shadow: 0 0 0 4px var(--apple-black) !important;
}

body.consultation-page .consultation-form-heading .consultation-page-map li:is(.is-active, .is-complete) i,
body.consultation-page .consultation-page-form .consultation-options input:checked + span::after,
body.consultation-page .consultation-form-heading .consultation-page-progress i {
  border-color: var(--apple-white) !important;
  background: var(--apple-white) !important;
  box-shadow: 0 0 0 4px rgba(255, 255, 255, .12) !important;
}

body.consultation-page .consultation-page-form :where(.wizard-step-kicker, .consultation-form-meta p) {
  color: #a1a1a1 !important;
}

body.consultation-page .consultation-page-form .consultation-options label:hover span,
body.consultation-page .consultation-page-form .consultation-options input:checked + span,
body.consultation-page .wizard-photo-drop:hover,
body.consultation-page .wizard-photo-input:focus-visible + .wizard-photo-drop,
body.consultation-page .wizard-photo-preview {
  border-color: rgba(255, 255, 255, .64) !important;
  background: rgba(255, 255, 255, .1) !important;
}

body.consultation-page .consultation-page-form :where(input, select, textarea):focus {
  border-color: var(--apple-white) !important;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, .12) !important;
}

body.consultation-page .consultation-page-form .wizard-consent input {
  accent-color: var(--apple-white) !important;
}

body.home-page .precision-cta {
  border-color: var(--apple-black) !important;
  background: var(--apple-black) !important;
  background-image: none !important;
  box-shadow: 0 16px 34px rgba(0, 0, 0, .24) !important;
  color: var(--apple-white) !important;
}

body.home-page .precision-cta:is(:hover, :focus-visible) {
  border-color: #424242 !important;
  background: #424242 !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, .28) !important;
}

body .site-header .nav-mega :where(a, p, strong, span),
body .site-header .language-menu a,
body .site-header .mobile-menu :where(a, button, p, span, strong) {
  color: var(--apple-ink) !important;
}

body .site-header .nav-mega :where(.nav-mega-label, .nav-mega-feature-eyebrow, .nav-mega-feature-text),
body .site-header .mobile-menu-label {
  color: var(--apple-secondary) !important;
}

body .site-header .nav-mega .nav-mega-feature :where(
  .nav-mega-feature-eyebrow,
  .nav-mega-feature-title,
  .nav-mega-feature-text,
  .nav-mega-feature-cta,
  .nav-mega-feature-cta span
) {
  color: var(--apple-white) !important;
}

body .founder-intro .founder-intro-role,
body .founder-intro .founder-intro-portrait figcaption span {
  color: #a1a1a1 !important;
}

body .clinic-spaces .clinic-section-heading h2 em,
body .clinic-spaces-grid figcaption span,
body .mission-grid article > span {
  color: var(--apple-tertiary) !important;
}

body .clinic-spaces-grid figure,
body .doctor-showcase figure {
  background-color: var(--apple-surface-2) !important;
}

body .hero-trust-icon,
body .smile-panel-rozet,
body .smile-panel-sure {
  border-color: var(--apple-line) !important;
  background-color: rgba(0, 0, 0, .05) !important;
}

body .smile-map-ipucu,
body .kiyas-etiket,
body .smile-panel-kiyas button,
body .result-compare button {
  border-color: var(--apple-line-dark) !important;
  background-color: rgba(0, 0, 0, .72) !important;
  color: var(--apple-white) !important;
}

body .treatment-detail-body .treatment-process li > span,
body .treatment-detail-body .treatment-process span {
  color: var(--apple-tertiary) !important;
}

body .smile-map .smile-dot,
body .smile-map .smile-dot:is(:hover, :focus-visible, .is-active) {
  border: 0 !important;
  background: none !important;
  box-shadow: none !important;
  color: inherit !important;
}

body .smile-map .smile-dot i {
  border-color: rgba(255, 255, 255, .9) !important;
  background: rgba(255, 255, 255, .36) !important;
  box-shadow: none !important;
}

body .smile-map .smile-dot:is(:hover, :focus-visible, .is-active) i {
  border-color: var(--apple-white) !important;
  background: var(--apple-ink) !important;
  box-shadow: 0 0 0 6px rgba(255, 255, 255, .32) !important;
}

body .smile-map .smile-dot span {
  border-color: var(--apple-line) !important;
  background: rgba(255, 255, 255, .96) !important;
  color: var(--apple-ink) !important;
}

body .smile-map .smile-map-kicker,
body .smile-map .smile-map-panel h2 em,
body .smile-map .smile-panel-rozet {
  color: #a1a1a1 !important;
}

body .smile-map .smile-panel-fayda li::before,
body .smile-map .smile-map-ipucu i {
  background: var(--apple-tertiary) !important;
  box-shadow: none !important;
}

body .treatment-detail-body .treatment-detail-aside :where(h2, h3, strong) {
  color: var(--apple-white) !important;
}

body .treatment-detail-body .treatment-detail-aside :where(p, .detail-note) {
  color: #d2d2d2 !important;
}

body :where(
  .header-cta,
  .precision-cta,
  .button-primary,
  .page-cta a,
  .guide-cta a,
  .treatment-detail-aside a,
  .treatment-detail-bottom a,
  .doctor-editorial-cta .button,
  .clinic-package-foot button,
  .neo-glass-button,
  .journey-cta,
  .results-all-link,
  .google-reviews-link
) :where(span, b, i, svg) {
  color: inherit !important;
  stroke: currentColor !important;
}

body.error-page .error-page-main {
  background: var(--apple-surface) !important;
  background-image: none !important;
}

body.error-page .error-page-main .container > p:first-child {
  color: var(--apple-tertiary) !important;
}

body.error-page .error-page-main h1,
body.error-page .error-page-main h1 em {
  color: var(--apple-ink) !important;
}

body.error-page .error-page-main h1 + p {
  color: var(--apple-secondary) !important;
}

body.error-page .error-page-main .button {
  border-color: var(--apple-black) !important;
  background: var(--apple-black) !important;
  color: var(--apple-white) !important;
}

/* Neutralise decorative warm washes without touching photography. */
.material-showcase::before,
.doctor-showcase::before,
.result-stories::before,
.neo-testimonials::before,
.international-journey::before,
.guide-content-section::before,
.error-page-main::before,
.redwash {
  background-image: none !important;
}

.error-page-main {
  background: var(--apple-surface) !important;
  background-image: none !important;
  color: var(--apple-ink) !important;
}

/* Keyboard focus stays visible in both light and dark contexts. */
:focus-visible {
  outline-color: var(--apple-tertiary) !important;
}

/* Mega menu remains a clean, opaque reading surface over every hero image. */
body .site-header .nav-mega {
  background: #fff !important;
  background-image: none !important;
}

body .site-header .nav-mega .nav-mega-foot p {
  color: #6e6e6e !important;
}

body .site-header .nav-mega .nav-mega-cta,
body .site-header .nav-mega .nav-mega-cta span {
  color: #fff !important;
}

/* Mobil menü düğmesi cam yüzeyde kutu oluşturmadan yalnızca çizgileri gösterir. */
@media (max-width: 900px) {
  body .mobile-menu {
    background: #fff !important;
    background-color: #fff !important;
  }

  body .site-header .menu-button,
  body.home-page .site-header .menu-button {
    border: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
  }

  body .site-header .mobile-header-cta,
  body.home-page .site-header .mobile-header-cta,
  body .mobile-menu .mobile-consultation-cta {
    border-color: var(--apple-black) !important;
    background: var(--apple-black) !important;
    color: var(--apple-white) !important;
  }

  body .mobile-menu .mobile-consultation-cta span {
    color: inherit !important;
  }
}

/* ===== burgundy-home.css ===== */
/* Aksu Clinic — Burgundy homepage palette
   Homepage-only color layer. Layout, typography and photography stay intact. */

body.home-page {
  --burgundy: #0e0e0e;
  --burgundy-deep: #070707;
  --burgundy-raised: #151515;
  --burgundy-hover: #1e1e1e;
  --burgundy-soft: #e5e5e5;
  --burgundy-pale: #f5f5f5;
  --burgundy-paper: #fdfdfd;
  --burgundy-muted: #646464;
  --burgundy-line: rgba(14, 14, 14, .14);
  --burgundy-line-dark: rgba(255, 255, 255, .18);
  --canvas: var(--burgundy-pale);
  --canvas-deep: var(--burgundy-soft);
  --ink: var(--burgundy);
  --muted: var(--burgundy-muted);
  --line: var(--burgundy-line);
  --accent: #747474;
  --accent-deep: var(--burgundy);
  --aksu-cta-bg: var(--burgundy);
  --aksu-cta-bg-hover: var(--burgundy-hover);
  --aksu-cta-text: #fff;
  --aksu-cta-shadow: 0 12px 28px rgba(14, 14, 14, .2);
  background: var(--burgundy-pale);
  color: var(--burgundy);
}

body.home-page .page-shell,
body.home-page main {
  background: var(--burgundy-pale);
}

/* Header: light, quiet and highly legible. */
body.home-page .site-header,
body.home-page .site-header.is-scrolled {
  border-bottom-color: var(--burgundy-line) !important;
  background: rgba(253, 253, 253, .94) !important;
  box-shadow: 0 10px 32px rgba(14, 14, 14, .07) !important;
  color: var(--burgundy) !important;
}

body.home-page .site-header :where(.desktop-nav > a, .nav-trigger, .language-button) {
  color: var(--burgundy) !important;
}

body.home-page .site-header :where(.desktop-nav > a, .nav-trigger)::after {
  background: var(--burgundy) !important;
}

body.home-page .site-header .header-cta,
body.home-page .site-header .mobile-header-cta,
body.home-page .mobile-menu .mobile-consultation-cta {
  border-color: var(--burgundy) !important;
  background: var(--burgundy) !important;
  color: #fff !important;
  box-shadow: 0 12px 26px rgba(14, 14, 14, .18) !important;
}

body.home-page .site-header .header-cta:is(:hover, :focus-visible),
body.home-page .site-header .mobile-header-cta:is(:hover, :focus-visible),
body.home-page .mobile-menu .mobile-consultation-cta:is(:hover, :focus-visible) {
  border-color: var(--burgundy-hover) !important;
  background: var(--burgundy-hover) !important;
}

body.home-page .site-header .language-button,
body.home-page .site-header .menu-button {
  border-color: var(--burgundy-line) !important;
}

body.home-page .site-header .menu-button > span:not(.sr-only) {
  background: var(--burgundy) !important;
}

body.home-page .site-header .nav-mega,
body.home-page .site-header .language-menu,
body.home-page .mobile-menu {
  border-color: var(--burgundy-line) !important;
  background: rgba(253, 253, 253, .99) !important;
  box-shadow: 0 26px 72px rgba(14, 14, 14, .16) !important;
}

body.home-page .site-header .nav-mega :where(a, p, strong, span),
body.home-page .site-header .language-menu a,
body.home-page .site-header .mobile-menu :where(a, button, p, span, strong) {
  color: var(--burgundy) !important;
}

body.home-page .site-header .nav-mega :where(.nav-mega-label, .nav-mega-feature-eyebrow),
body.home-page .site-header .mobile-menu-label {
  color: var(--burgundy-muted) !important;
}

body.home-page .site-header .nav-mega-col > a:is(:hover, :focus-visible) {
  background: var(--burgundy-soft) !important;
}

body.home-page .site-header .nav-mega .nav-mega-feature :where(
  .nav-mega-feature-eyebrow,
  .nav-mega-feature-title,
  .nav-mega-feature-text,
  .nav-mega-feature-cta,
  .nav-mega-feature-cta span
) {
  color: #fff !important;
}

/* Hero: real footage remains visible under a controlled burgundy film. */
body.home-page .neo-hero,
body.home-page .neo-hero--precision,
body.home-page .hero-video-background {
  background-color: var(--burgundy) !important;
}

body.home-page .hero-video-background::after,
body.home-page .neo-hero::after {
  background: linear-gradient(90deg, rgba(7, 7, 7, .88) 0%, rgba(14, 14, 14, .68) 48%, rgba(14, 14, 14, .2) 100%) !important;
}

body.home-page .precision-copy :where(h1, h1 span, h1 em) {
  color: #fff !important;
}

body.home-page .precision-copy :where(.precision-eyebrow, .precision-intro) {
  color: #e0e0e0 !important;
}

body.home-page .precision-cta {
  border-color: #fff !important;
  background: #fff !important;
  color: var(--burgundy) !important;
  box-shadow: 0 18px 38px rgba(7, 7, 7, .28) !important;
}

body.home-page .precision-cta:is(:hover, :focus-visible) {
  border-color: var(--burgundy-soft) !important;
  background: var(--burgundy-soft) !important;
  color: var(--burgundy) !important;
}

body.home-page .hero-whatsapp {
  border-color: rgba(255, 255, 255, .32) !important;
  background: rgba(14, 14, 14, .84) !important;
  color: #fff !important;
}

/* Alternating stages create hierarchy without recolouring photography. */
body.home-page :where(
  .founder-intro,
  .material-showcase,
  .treatment-gallery,
  .smile-map,
  .doctor-showcase,
  .real-stories
) {
  background-color: var(--burgundy) !important;
  color: #fff !important;
}

body.home-page :where(
  .founder-intro,
  .material-showcase,
  .treatment-gallery,
  .smile-map,
  .doctor-showcase,
  .real-stories
) :where(h1, h2, h3, h4, strong, b, blockquote) {
  color: #fff !important;
}

body.home-page :where(
  .founder-intro,
  .material-showcase,
  .treatment-gallery,
  .smile-map,
  .doctor-showcase,
  .real-stories
) :where(p, small, cite, li) {
  color: #cacaca !important;
}

body.home-page :where(
  .clinic-signature,
  .real-smiles-intro,
  .result-stories,
  .neo-testimonials,
  .international-journey,
  .guide-faq
) {
  background-color: var(--burgundy-pale) !important;
  color: var(--burgundy) !important;
}

body.home-page :where(
  .clinic-signature,
  .real-smiles-intro,
  .result-stories,
  .neo-testimonials,
  .international-journey,
  .guide-faq
) :where(h1, h2, h3, h4, strong, b) {
  color: var(--burgundy) !important;
}

body.home-page :where(
  .clinic-signature,
  .real-smiles-intro,
  .result-stories,
  .neo-testimonials,
  .international-journey,
  .guide-faq
) :where(p, small, cite, li) {
  color: var(--burgundy-muted) !important;
}

body.home-page :where(
  .precision-eyebrow,
  .founder-intro-kicker,
  .clinic-signature-kicker,
  .neo-kicker,
  .eyebrow,
  .material-showcase .neo-kicker,
  .smile-map-kicker
) {
  color: #b4b4b4 !important;
}

body.home-page :where(.clinic-signature-kicker, .neo-kicker, .eyebrow) > span {
  background: currentColor !important;
}

body.home-page :where(
  .clinic-signature h2 em,
  .real-smiles-intro h2 em,
  .result-stories h2 em,
  .neo-testimonials h2 em,
  .international-journey h2 em,
  .guide-faq h2 em
) {
  color: #474747 !important;
}

body.home-page :where(
  .founder-intro h2 em,
  .material-showcase h2 em,
  .treatment-gallery h2 em,
  .smile-map h2 em,
  .doctor-showcase h2 em,
  .real-stories h2 em
) {
  color: #b0b0b0 !important;
}

/* Light cards and controls. */
body.home-page :where(
  .clinic-package-card,
  .clinic-certificate-card,
  .neo-review-card,
  .faq-shell,
  .guide-faq details,
  .journey-step-card
) {
  border-color: var(--burgundy-line) !important;
  background: var(--burgundy-paper) !important;
  color: var(--burgundy) !important;
  box-shadow: 0 18px 46px rgba(14, 14, 14, .08) !important;
}

body.home-page :where(
  .clinic-package-card,
  .clinic-certificate-card,
  .neo-review-card,
  .faq-shell,
  .guide-faq details,
  .journey-step-card
) :where(h2, h3, h4, strong, b, blockquote) {
  color: var(--burgundy) !important;
}

body.home-page :where(
  .clinic-package-card,
  .clinic-certificate-card,
  .neo-review-card,
  .faq-shell,
  .guide-faq details,
  .journey-step-card
) :where(p, small, cite, li) {
  color: var(--burgundy-muted) !important;
}

body.home-page .founder-intro-form {
  border-color: rgba(255, 255, 255, .22) !important;
  background: #fff !important;
  color: var(--burgundy) !important;
  box-shadow: 0 26px 64px rgba(7, 7, 7, .32) !important;
}

body.home-page .founder-intro-form :where(h3, input, select),
body.home-page .founder-language-trigger,
body.home-page .founder-language-menu button {
  color: var(--burgundy) !important;
}

body.home-page .founder-intro-form :where(.founder-intro-form-head > span, label > span, p, small) {
  color: var(--burgundy-muted) !important;
}

body.home-page .founder-language-menu {
  border-color: var(--burgundy-line) !important;
  background: #fff !important;
}

body.home-page .founder-language-menu button:is(:hover, :focus-visible) {
  background: var(--burgundy-soft) !important;
}

body.home-page :where(
  .founder-intro-form > button,
  .clinic-package-foot button,
  .smile-panel-cta,
  .doctor-tumu,
  .results-all-link,
  .google-reviews-link,
  .journey-cta,
  .home-faq .page-cta,
  .neo-glass-button
) {
  border-color: var(--burgundy) !important;
  background: var(--burgundy) !important;
  color: #fff !important;
  box-shadow: 0 14px 32px rgba(14, 14, 14, .2) !important;
}

body.home-page :where(
  .founder-intro-form > button,
  .clinic-package-foot button,
  .smile-panel-cta,
  .doctor-tumu,
  .results-all-link,
  .google-reviews-link,
  .journey-cta,
  .home-faq .page-cta,
  .neo-glass-button
):is(:hover, :focus-visible) {
  border-color: var(--burgundy-hover) !important;
  background: var(--burgundy-hover) !important;
  color: #fff !important;
}

body.home-page :where(.smile-map, .doctor-showcase) :where(.smile-panel-cta, .doctor-tumu) {
  border-color: #fff !important;
  background: #fff !important;
  color: var(--burgundy) !important;
}

body.home-page .smile-panel-kart {
  border-color: rgba(255, 255, 255, .18) !important;
  background: rgba(7, 7, 7, .5) !important;
  box-shadow: 0 24px 56px rgba(7, 7, 7, .3) !important;
}

body.home-page .smile-map .smile-dot,
body.home-page .smile-map .smile-dot:is(:hover, :focus-visible, .is-active) {
  border-color: rgba(255, 255, 255, .62) !important;
  background: var(--burgundy) !important;
}

body.home-page .smile-map .smile-dot i,
body.home-page .smile-map .smile-dot:is(:hover, :focus-visible, .is-active) i {
  background: #fff !important;
}

body.home-page .material-arrow,
body.home-page .treatment-gallery button,
body.home-page .neo-testimonials button,
body.home-page .result-stories button {
  border-color: var(--burgundy-line) !important;
  background: var(--burgundy) !important;
  color: #fff !important;
}

body.home-page .neo-review-avatar {
  background: var(--burgundy-soft) !important;
  color: var(--burgundy) !important;
}

body.home-page .neo-testimonials :where(.neo-review-stars, .neo-review-card a, .neo-review-summary strong) {
  color: var(--burgundy) !important;
}

body.home-page .journey-route,
body.home-page .journey-route > span {
  background: var(--burgundy-line) !important;
}

body.home-page .journey-step-marker,
body.home-page .journey-step.is-active .journey-step-marker {
  border-color: var(--burgundy) !important;
  background: var(--burgundy) !important;
  box-shadow: 0 0 0 7px var(--burgundy-pale) !important;
}

body.home-page .journey-country-band {
  border-color: var(--burgundy-line) !important;
  background: var(--burgundy-paper) !important;
  box-shadow: 0 14px 38px rgba(14, 14, 14, .07) !important;
}

body.home-page .home-faq .faq-menu button[aria-selected="true"] {
  border-color: var(--burgundy) !important;
  background: var(--burgundy-soft) !important;
}

body.home-page .home-faq .faq-menu button[aria-selected="true"] :where(i, b, span),
body.home-page .home-faq .faq-stage :where(h3, .faq-ghost) {
  color: var(--burgundy) !important;
}

/* Contact and footer close the homepage on one deep, consistent tone. */
body.home-page .neo-contact {
  background: var(--burgundy) !important;
  color: #fff !important;
}

body.home-page .neo-contact :where(h2, h3, strong, b) {
  color: #fff !important;
}

body.home-page .neo-contact :where(p, small) {
  color: #cacaca !important;
}

body.home-page .neo-contact h2 em {
  color: #b0b0b0 !important;
}

body.home-page .neo-contact-cards > a,
body.home-page .neo-contact-hours {
  border-color: var(--burgundy-line-dark) !important;
  background: rgba(255, 255, 255, .07) !important;
  box-shadow: none !important;
}

body.home-page .neo-contact-cards :where(i, svg) {
  color: #fff !important;
  stroke: currentColor !important;
}

body.home-page .neo-contact .neo-glass-button {
  border-color: #fff !important;
  background: #fff !important;
  color: var(--burgundy) !important;
}

body.home-page .neo-map {
  border-color: rgba(255, 255, 255, .18) !important;
  background: var(--burgundy-deep) !important;
}

body.home-page .neo-map iframe {
  filter: grayscale(1) contrast(1.06);
}

body.home-page .site-footer {
  border-top-color: rgba(255, 255, 255, .12) !important;
  background: var(--burgundy-deep) !important;
  color: #fff !important;
}

body.home-page .site-footer :where(h2, h3, strong, a, .footer-label) {
  color: #fff !important;
}

body.home-page .site-footer :where(p, small, span) {
  color: #acacac !important;
}

body.home-page .site-footer .footer-social a {
  border-color: rgba(255, 255, 255, .18) !important;
}

body.home-page :focus-visible {
  outline-color: #747474 !important;
}

/* Remove the previous warm-gold accents from homepage-only components. */
body.home-page .clinic-signature {
  background: var(--burgundy-pale) !important;
}

body.home-page .clinic-signature-head h2,
body.home-page .clinic-signature-copy h3,
body.home-page .clinic-package-head h3,
body.home-page .results-heading h2,
body.home-page .home-faq-top h2 {
  color: var(--burgundy) !important;
}

body.home-page .clinic-signature-head h2 em,
body.home-page .clinic-signature-copy h3 em,
body.home-page .clinic-package-head h3 em,
body.home-page .results-heading h2 em,
body.home-page .home-faq-top h2 em {
  color: #474747 !important;
}

body.home-page .clinic-signature :where(
  .clinic-signature-lead > p,
  .clinic-signature-copy > p,
  .clinic-signature-copy blockquote,
  .clinic-signature-copy blockquote cite,
  .clinic-certificate-copy > p
) {
  color: var(--burgundy-muted) !important;
}

body.home-page .clinic-signature-story,
body.home-page .clinic-certificate-card,
body.home-page .clinic-package-card {
  border-color: var(--burgundy-line) !important;
  background: var(--burgundy-paper) !important;
  box-shadow: 0 18px 46px rgba(14, 14, 14, .08) !important;
}

body.home-page .clinic-signature .hero-trust-line {
  border-color: var(--burgundy-line) !important;
  background: var(--burgundy-soft) !important;
}

body.home-page .clinic-signature .hero-trust-item {
  border-color: var(--burgundy-line) !important;
  background: rgba(253, 253, 253, .92) !important;
  color: var(--burgundy) !important;
}

body.home-page .clinic-signature .hero-trust-icon {
  border-color: var(--burgundy-line) !important;
  background: var(--burgundy-soft) !important;
  color: #474747 !important;
}

body.home-page .clinic-signature .hero-trust-copy strong {
  color: var(--burgundy) !important;
}

body.home-page .clinic-signature .hero-trust-copy > span {
  color: var(--burgundy-muted) !important;
}

body.home-page .clinic-certificate-trigger,
body.home-page .clinic-certificate-paper {
  border-color: var(--burgundy-line) !important;
  background: var(--burgundy-paper) !important;
  color: var(--burgundy) !important;
}

body.home-page .clinic-signature-lead a,
body.home-page .clinic-package-foot button,
body.home-page .founder-intro-form > button,
body.home-page .result-stories .results-all-link,
body.home-page .neo-testimonials .google-reviews-link,
body.home-page .journey-story .journey-cta,
body.home-page .home-faq-top .page-cta,
body.home-page .neo-contact .neo-glass-button {
  border-color: var(--burgundy) !important;
  background: var(--burgundy) !important;
  color: #fff !important;
  box-shadow: 0 14px 32px rgba(14, 14, 14, .2) !important;
}

body.home-page .result-stories-list .result-case-inner {
  border-color: var(--burgundy-line) !important;
  box-shadow: 0 17px 34px rgba(14, 14, 14, .11) !important;
}

body.home-page .result-stories-list .result-case-inner::before {
  border-color: var(--burgundy-paper) !important;
  background: #747474 !important;
}

body.home-page .results-case-arc path {
  stroke: rgba(14, 14, 14, .2) !important;
}

body.home-page .result-stories-list .result-meta strong {
  color: var(--burgundy) !important;
}

body.home-page .result-stories-list .result-meta span,
body.home-page .result-stories .results-note,
body.home-page .results-heading .results-intro {
  color: var(--burgundy-muted) !important;
}

body.home-page .google-review-summary,
body.home-page .google-review-track .neo-review-card {
  border-color: var(--burgundy-line) !important;
  background: var(--burgundy-paper) !important;
  box-shadow: 0 18px 46px rgba(14, 14, 14, .08) !important;
}

body.home-page .google-review-summary .google-g,
body.home-page .google-review-summary b,
body.home-page .google-review-summary > strong,
body.home-page .google-review-track .neo-review-stars {
  color: var(--burgundy) !important;
}

body.home-page .international-journey {
  background: var(--burgundy-pale) !important;
}

body.home-page .journey-story-head > p,
body.home-page .journey-story .journey-step-copy > small {
  color: #717171 !important;
}

body.home-page .journey-story-head > p span {
  background: rgba(14, 14, 14, .28) !important;
}

body.home-page .journey-story .journey-step-copy h3,
body.home-page .journey-review-person strong {
  color: var(--burgundy) !important;
}

body.home-page .journey-review,
body.home-page .journey-story .journey-story-foot {
  border-color: var(--burgundy-line) !important;
  background: var(--burgundy-paper) !important;
  box-shadow: 0 20px 48px rgba(14, 14, 14, .09) !important;
  color: var(--burgundy) !important;
}

body.home-page .journey-story .journey-step-card {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.home-page .journey-review :where(p, small),
body.home-page .journey-story-foot p {
  color: var(--burgundy-muted) !important;
}

body.home-page .journey-review > a,
body.home-page .journey-story .journey-languages a {
  color: #474747 !important;
}

body.home-page .journey-story .journey-story-foot strong {
  color: var(--burgundy) !important;
}

body.home-page .guide-faq.home-faq {
  background: var(--burgundy-pale) !important;
}

body.home-page .home-faq .faq-shell,
body.home-page .home-faq .faq-menu,
body.home-page .home-faq .faq-menu button {
  border-color: var(--burgundy-line) !important;
}

body.home-page .home-faq .faq-menu button b,
body.home-page .home-faq .faq-menu button span,
body.home-page .home-faq .faq-stage h3 {
  color: var(--burgundy) !important;
}

body.home-page .home-faq .faq-menu button i,
body.home-page .home-faq .faq-stage > p,
body.home-page .home-faq .faq-ghost::after {
  color: var(--burgundy-muted) !important;
}

body.home-page .home-faq .faq-menu button:is(:hover, .is-active) {
  background: var(--burgundy-soft) !important;
}

body.home-page .home-faq .faq-menu button::before {
  background: var(--burgundy) !important;
}

body.home-page .home-faq .faq-ghost {
  border-color: var(--burgundy-line) !important;
  background: var(--burgundy-soft) !important;
  color: var(--burgundy) !important;
}

body.home-page .neo-contact .neo-contact-icon {
  background: rgba(255, 255, 255, .12) !important;
  box-shadow: none !important;
  color: #fff !important;
}

body.home-page .neo-contact .neo-contact-cards a:hover {
  border-color: rgba(255, 255, 255, .32) !important;
  background: rgba(255, 255, 255, .11) !important;
  box-shadow: none !important;
}

body.home-page .neo-contact .neo-glass-button {
  border-color: #fff !important;
  background: #fff !important;
  color: var(--burgundy) !important;
}

@media (max-width: 900px) {
  body.home-page .mobile-menu {
    background: #fdfdfd !important;
  }
}

/* Final palette pass: burgundy + pure white, without beige/brown surfaces. */
body.home-page {
  --burgundy-soft: #f3f3f3;
  --burgundy-pale: #fff;
  --burgundy-paper: #fff;
  background: #fff !important;
}

body.home-page .page-shell,
body.home-page main,
body.home-page :where(
  .clinic-signature,
  .real-smiles-intro,
  .result-stories,
  .neo-testimonials,
  .international-journey,
  .guide-faq
) {
  background-color: #fff !important;
}

/* 1 — Journey steps have no outer card surface at any breakpoint. */
body.home-page .journey-story :where(.journey-step, .journey-step-card, .journey-step-copy) {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

body.home-page .journey-story :where(.journey-step-card, .journey-step-copy)::before,
body.home-page .journey-story :where(.journey-step-card, .journey-step-copy)::after {
  display: none !important;
  background: none !important;
  content: none !important;
}

/* 2 — Language/support band uses the exact burgundy palette. */
body.home-page .journey-story .journey-story-foot {
  border-color: rgba(255, 255, 255, .18) !important;
  background: #0e0e0e !important;
  background-color: #0e0e0e !important;
  background-image: none !important;
  box-shadow: 0 24px 58px rgba(14, 14, 14, .18) !important;
  color: #fff !important;
}

body.home-page .journey-story .journey-story-foot::before {
  display: none !important;
  content: none !important;
}

body.home-page .journey-story .journey-story-foot :where(small, strong, p) {
  color: #fff !important;
}

body.home-page .journey-story .journey-story-foot strong {
  color: #fff !important;
}

body.home-page .journey-story .journey-foot-copy > small {
  border-color: rgba(255, 255, 255, .32) !important;
  background: rgba(255, 255, 255, .08) !important;
}

body.home-page .journey-story .journey-languages a {
  border-color: rgba(255, 255, 255, .34) !important;
  background: rgba(255, 255, 255, .1) !important;
  box-shadow: none !important;
  color: #fff !important;
}

body.home-page .journey-story .journey-cta,
body.home-page .journey-story .journey-cta:is(:hover, :focus-visible) {
  border-color: #fff !important;
  background: #fff !important;
  background-image: none !important;
  box-shadow: none !important;
  color: #0e0e0e !important;
}

/* 3 — Footer contact and supporting copy are fully white. */
body.home-page .site-footer :where(
  p,
  small,
  span,
  a,
  strong,
  .footer-label,
  .footer-contact > a,
  .footer-contact > a > span,
  .footer-bottom p
) {
  color: #fff !important;
}

body.home-page .site-footer .footer-contact b {
  border-color: rgba(255, 255, 255, .34) !important;
  color: #fff !important;
}

/* 4 — Trust strip and every trust tile return to pure white. */
body.home-page .clinic-signature .hero-trust-line,
body.home-page .hero-trust-line {
  border-color: #0e0e0e !important;
  background: #0e0e0e !important;
  background-color: #0e0e0e !important;
  background-image: none !important;
}

body.home-page .hero-trust-line::before,
body.home-page .hero-trust-item::before {
  display: none !important;
  content: none !important;
}

body.home-page .clinic-signature .hero-trust-item,
body.home-page .hero-trust-group .hero-trust-item,
body.home-page .hero-trust-group .hero-trust-item:nth-child(n) {
  border-color: rgba(14, 14, 14, .14) !important;
  background: #fff !important;
  background-color: #fff !important;
  background-image: none !important;
  box-shadow: none !important;
  color: #0e0e0e !important;
}

body.home-page .clinic-signature .hero-trust-icon,
body.home-page .hero-trust-group .hero-trust-item:nth-child(n) .hero-trust-icon {
  border-color: rgba(14, 14, 14, .16) !important;
  background: #fff !important;
  color: #0e0e0e !important;
}

body.home-page .clinic-signature .hero-trust-copy strong,
body.home-page .hero-trust-group .hero-trust-item:nth-child(n) strong {
  color: #0e0e0e !important;
}

body.home-page .clinic-signature .hero-trust-copy > span,
body.home-page .hero-trust-group .hero-trust-item:nth-child(n) .hero-trust-copy > span {
  color: #646464 !important;
}

body.home-page .doctor-profile-card figure > span {
  border-color: rgba(14, 14, 14, .14) !important;
  background: #fff !important;
  color: #0e0e0e !important;
}

body.home-page .language-menu a[aria-current="page"] {
  background: #f3f3f3 !important;
}

body.home-page .certificate-viewer-nav {
  border-color: rgba(14, 14, 14, .14) !important;
  background: #fff !important;
  color: #0e0e0e !important;
}

body.home-page .clinic-package-head span {
  color: #0e0e0e !important;
}

/* Smile map hotspots: clean circular markers, no square button blocks. */
body.home-page .smile-map button.smile-dot,
body.home-page .smile-map button.smile-dot:is(:hover, :focus-visible, .is-active) {
  width: 46px;
  height: 46px;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

body.home-page .smile-map button.smile-dot i,
body.home-page .smile-map button.smile-dot:is(:hover, :focus-visible, .is-active) i {
  width: 16px;
  height: 16px;
  border: 4px solid #0e0e0e !important;
  border-radius: 50% !important;
  background: #fff !important;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, .94), 0 5px 14px rgba(14, 14, 14, .28) !important;
}

body.home-page .smile-map button.smile-dot:is(:hover, :focus-visible, .is-active) i {
  width: 20px;
  height: 20px;
}

body.home-page .smile-map button.smile-dot i::after {
  inset: -7px;
  border-color: rgba(14, 14, 14, .42) !important;
}

body.home-page .smile-map button.smile-dot span {
  bottom: calc(100% + 4px);
  border: 1px solid rgba(14, 14, 14, .14) !important;
  background: #fff !important;
  box-shadow: 0 8px 20px rgba(14, 14, 14, .14) !important;
  color: #0e0e0e !important;
}

body.home-page .smile-map-glow {
  background: radial-gradient(circle at var(--gx, 50%) var(--gy, 50%), rgba(14, 14, 14, .16), transparent 34%) !important;
}

/* Hero photography stays colour-accurate; burgundy must not tint skin or clinic footage. */
body.home-page .neo-hero,
body.home-page .neo-hero--precision,
body.home-page .hero-video-background {
  background: #000 !important;
  background-color: #000 !important;
  background-image: none !important;
}

body.home-page .neo-hero--video-only .hero-video-background {
  opacity: 1 !important;
}

body.home-page .hero-video-background video {
  filter: none !important;
}

body.home-page .hero-video-background::after {
  background:
    linear-gradient(90deg, rgba(0, 0, 0, .76) 0%, rgba(0, 0, 0, .42) 46%, rgba(0, 0, 0, .1) 100%),
    linear-gradient(0deg, rgba(0, 0, 0, .2), rgba(0, 0, 0, .04)) !important;
}

body.home-page .neo-hero::after {
  background: transparent !important;
  background-image: none !important;
}

@media (max-width: 760px) {
  body.home-page .hero-video-background::after {
    background:
      linear-gradient(90deg, rgba(0, 0, 0, .66), rgba(0, 0, 0, .22)),
      linear-gradient(0deg, rgba(0, 0, 0, .26), rgba(0, 0, 0, .08)) !important;
  }
}

/* Restrained final palette: burgundy is an action accent, not a page surface. */
body.home-page {
  --canvas: #fff;
  --canvas-deep: #f5f5f5;
  --ink: #1d1d1d;
  --muted: #6e6e6e;
  --line: rgba(0, 0, 0, .12);
  --accent: #868686;
  --accent-deep: #1d1d1d;
  --burgundy-soft: #f5f5f5;
  --burgundy-pale: #fff;
  --burgundy-paper: #fff;
  --burgundy-muted: #6e6e6e;
  --burgundy-line: rgba(0, 0, 0, .12);
  --aksu-cta-bg: #0e0e0e;
  --aksu-cta-bg-hover: #181818;
  --aksu-cta-text: #fff;
  background: #fff !important;
  color: #1d1d1d;
}

/* Header and reading surfaces stay monochrome. */
body.home-page .site-header,
body.home-page .site-header.is-scrolled {
  border-bottom-color: rgba(0, 0, 0, .12) !important;
  background: rgba(255, 255, 255, .94) !important;
  box-shadow: 0 10px 32px rgba(0, 0, 0, .07) !important;
  color: #1d1d1d !important;
}

body.home-page .site-header :where(.desktop-nav > a, .nav-trigger, .language-button) {
  color: #1d1d1d !important;
}

body.home-page .site-header :where(.desktop-nav > a, .nav-trigger)::after {
  background: #1d1d1d !important;
}

body.home-page .site-header .menu-button > span:not(.sr-only) {
  background: #1d1d1d !important;
}

body.home-page .site-header .nav-mega,
body.home-page .site-header .language-menu,
body.home-page .mobile-menu {
  border-color: rgba(0, 0, 0, .12) !important;
  background: rgba(255, 255, 255, .99) !important;
  box-shadow: 0 26px 72px rgba(0, 0, 0, .14) !important;
}

body.home-page .site-header .nav-mega :where(a, p, strong, span),
body.home-page .site-header .language-menu a,
body.home-page .site-header .mobile-menu :where(a, button, p, span, strong) {
  color: #1d1d1d !important;
}

body.home-page .site-header .nav-mega :where(.nav-mega-label, .nav-mega-feature-eyebrow),
body.home-page .site-header .mobile-menu-label {
  color: #6e6e6e !important;
}

body.home-page .site-header .nav-mega-col > a:is(:hover, :focus-visible),
body.home-page .language-menu a[aria-current="page"] {
  background: #f5f5f5 !important;
}

/* Burgundy is reserved for primary actions. */
body.home-page :is(
  .site-header .header-cta,
  .site-header .mobile-header-cta,
  .mobile-menu .mobile-consultation-cta,
  .precision-cta,
  .founder-intro-form > button,
  .clinic-signature-lead a,
  .clinic-package-foot button,
  .smile-panel-cta,
  .doctor-tumu,
  .results-all-link,
  .google-reviews-link,
  .journey-cta,
  .home-faq-top .page-cta,
  .neo-glass-button
) {
  border-color: #0e0e0e !important;
  background: #0e0e0e !important;
  background-image: none !important;
  box-shadow: 0 13px 30px rgba(14, 14, 14, .2) !important;
  color: #fff !important;
}

body.home-page :is(
  .site-header .header-cta,
  .site-header .mobile-header-cta,
  .mobile-menu .mobile-consultation-cta,
  .precision-cta,
  .founder-intro-form > button,
  .clinic-signature-lead a,
  .clinic-package-foot button,
  .smile-panel-cta,
  .doctor-tumu,
  .results-all-link,
  .google-reviews-link,
  .journey-cta,
  .home-faq-top .page-cta,
  .neo-glass-button
):is(:hover, :focus-visible) {
  border-color: #181818 !important;
  background: #181818 !important;
  color: #fff !important;
}

/* Dark editorial stages use true black instead of burgundy. */
body.home-page :where(
  .founder-intro,
  .material-showcase,
  .treatment-gallery,
  .smile-map,
  .doctor-showcase,
  .real-stories
) {
  background: #000 !important;
  background-color: #000 !important;
  background-image: none !important;
  color: #fff !important;
}

body.home-page :where(
  .founder-intro,
  .material-showcase,
  .treatment-gallery,
  .smile-map,
  .doctor-showcase,
  .real-stories
) :where(h1, h2, h3, h4, strong, b, blockquote) {
  color: #fff !important;
}

body.home-page :where(
  .founder-intro,
  .material-showcase,
  .treatment-gallery,
  .smile-map,
  .doctor-showcase,
  .real-stories
) :where(p, small, cite, li) {
  color: #a1a1a1 !important;
}

body.home-page :where(
  .founder-intro h2 em,
  .material-showcase h2 em,
  .treatment-gallery h2 em,
  .smile-map h2 em,
  .doctor-showcase h2 em,
  .real-stories h2 em
) {
  color: #a1a1a1 !important;
}

body.home-page :where(
  .founder-intro-kicker,
  .material-showcase .neo-kicker,
  .smile-map-kicker,
  .doctor-showcase-head > p,
  .real-stories-heading > p
) {
  color: #a1a1a1 !important;
}

/* Light stages are white with black/grey typography. */
body.home-page :where(
  .clinic-signature,
  .real-smiles-intro,
  .result-stories,
  .neo-testimonials,
  .international-journey,
  .guide-faq,
  .neo-contact
) {
  background: #fff !important;
  background-color: #fff !important;
  background-image: none !important;
  color: #1d1d1d !important;
}

body.home-page :where(
  .clinic-signature,
  .real-smiles-intro,
  .result-stories,
  .neo-testimonials,
  .international-journey,
  .guide-faq,
  .neo-contact
) :where(h1, h2, h3, h4, strong, b) {
  color: #1d1d1d !important;
}

body.home-page :where(
  .clinic-signature,
  .real-smiles-intro,
  .result-stories,
  .neo-testimonials,
  .international-journey,
  .guide-faq,
  .neo-contact
) :where(p, small, cite, li) {
  color: #6e6e6e !important;
}

body.home-page :where(
  .clinic-signature h2 em,
  .clinic-signature-copy h3 em,
  .clinic-package-head h3 em,
  .real-smiles-intro h2 em,
  .result-stories h2 em,
  .neo-testimonials h2 em,
  .international-journey h2 em,
  .guide-faq h2 em,
  .neo-contact h2 em
) {
  color: #6e6e6e !important;
}

body.home-page :where(
  .clinic-signature-kicker,
  .clinic-package-head span,
  .neo-testimonials .neo-kicker,
  .journey-story-head > p,
  .home-faq .eyebrow,
  .neo-contact .neo-kicker
) {
  color: #6e6e6e !important;
}

body.home-page :where(.clinic-signature-kicker, .neo-kicker, .eyebrow) > span {
  background: #868686 !important;
}

/* Neutral cards; no pink, beige or brown washes. */
body.home-page :where(
  .founder-intro-form,
  .clinic-signature-story,
  .clinic-package-card,
  .clinic-certificate-card,
  .clinic-certificate-paper,
  .google-review-summary,
  .google-review-track .neo-review-card,
  .journey-review,
  .faq-shell,
  .neo-contact-cards > a,
  .neo-contact-hours
) {
  border-color: rgba(0, 0, 0, .12) !important;
  background: #fff !important;
  background-image: none !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, .08) !important;
  color: #1d1d1d !important;
}

body.home-page .smile-panel-kart {
  border-color: rgba(255, 255, 255, .16) !important;
  background: #111111 !important;
  box-shadow: 0 24px 56px rgba(0, 0, 0, .3) !important;
}

body.home-page .smile-map button.smile-dot i,
body.home-page .smile-map button.smile-dot:is(:hover, :focus-visible, .is-active) i {
  border-color: #000 !important;
  background: #fff !important;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, .94), 0 5px 14px rgba(0, 0, 0, .28) !important;
}

body.home-page .smile-map button.smile-dot i::after {
  border-color: rgba(0, 0, 0, .42) !important;
}

body.home-page .smile-map button.smile-dot span {
  border-color: rgba(0, 0, 0, .14) !important;
  background: #fff !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, .14) !important;
  color: #1d1d1d !important;
}

body.home-page .smile-map-glow {
  background: radial-gradient(circle at var(--gx, 50%) var(--gy, 50%), rgba(255, 255, 255, .14), transparent 34%) !important;
}

/* Secondary controls remain monochrome; they are not primary CTAs. */
body.home-page :where(
  .material-arrow,
  .treatment-gallery button,
  .neo-testimonials button,
  .result-stories button
) {
  border-color: rgba(255, 255, 255, .22) !important;
  background: #1d1d1d !important;
  color: #fff !important;
  box-shadow: none !important;
}

body.home-page .neo-testimonials :where(button, .neo-review-avatar) {
  border-color: rgba(0, 0, 0, .12) !important;
  background: #f5f5f5 !important;
  color: #1d1d1d !important;
}

body.home-page .neo-testimonials :where(.neo-review-stars, .neo-review-card a, .neo-review-summary strong),
body.home-page .google-review-summary :where(.google-g, b, strong) {
  color: #1d1d1d !important;
}

/* Journey and trust areas use black/white; only their CTA stays burgundy. */
body.home-page .journey-route,
body.home-page .journey-route > span {
  background: rgba(0, 0, 0, .14) !important;
}

body.home-page .journey-step-marker,
body.home-page .journey-step.is-active .journey-step-marker {
  border-color: #1d1d1d !important;
  background: #1d1d1d !important;
  box-shadow: 0 0 0 7px #fff !important;
}

body.home-page .journey-story .journey-story-foot {
  border-color: rgba(255, 255, 255, .16) !important;
  background: #000 !important;
  background-image: none !important;
  box-shadow: 0 24px 58px rgba(0, 0, 0, .16) !important;
  color: #fff !important;
}

body.home-page .journey-story .journey-story-foot :where(small, strong, p) {
  color: #fff !important;
}

body.home-page .journey-story .journey-languages a {
  border-color: rgba(255, 255, 255, .3) !important;
  background: rgba(255, 255, 255, .08) !important;
  box-shadow: none !important;
  color: #fff !important;
}

body.home-page .clinic-signature .hero-trust-line,
body.home-page .hero-trust-line {
  border-color: #000 !important;
  background: #000 !important;
  background-image: none !important;
}

body.home-page .clinic-signature .hero-trust-item,
body.home-page .hero-trust-group .hero-trust-item,
body.home-page .hero-trust-group .hero-trust-item:nth-child(n) {
  border-color: rgba(0, 0, 0, .14) !important;
  background: #fff !important;
  background-image: none !important;
  box-shadow: none !important;
  color: #1d1d1d !important;
}

body.home-page .clinic-signature .hero-trust-icon,
body.home-page .hero-trust-group .hero-trust-item:nth-child(n) .hero-trust-icon {
  border-color: rgba(0, 0, 0, .14) !important;
  background: #fff !important;
  color: #1d1d1d !important;
}

body.home-page .clinic-signature .hero-trust-copy strong,
body.home-page .hero-trust-group .hero-trust-item:nth-child(n) strong {
  color: #1d1d1d !important;
}

body.home-page .clinic-signature .hero-trust-copy > span,
body.home-page .hero-trust-group .hero-trust-item:nth-child(n) .hero-trust-copy > span {
  color: #6e6e6e !important;
}

/* FAQ and contact close on clean white before the black footer. */
body.home-page .home-faq .faq-menu button:is(:hover, .is-active, [aria-selected="true"]) {
  background: #f5f5f5 !important;
}

body.home-page .home-faq .faq-menu button::before {
  background: #1d1d1d !important;
}

body.home-page .home-faq .faq-ghost {
  border-color: rgba(0, 0, 0, .12) !important;
  background: #f5f5f5 !important;
  color: #1d1d1d !important;
}

body.home-page .neo-contact .neo-contact-icon {
  border-color: #1d1d1d !important;
  background: #1d1d1d !important;
  color: #fff !important;
}

body.home-page .neo-contact .neo-contact-cards a:hover {
  border-color: rgba(0, 0, 0, .22) !important;
  background: #f5f5f5 !important;
  box-shadow: 0 16px 38px rgba(0, 0, 0, .08) !important;
}

body.home-page .site-footer {
  border-top-color: rgba(255, 255, 255, .12) !important;
  background: #000 !important;
  color: #fff !important;
}

body.home-page .site-footer :where(h2, h3, strong, a, p, small, span, .footer-label) {
  color: #fff !important;
}

body.home-page :focus-visible {
  outline-color: #1d1d1d !important;
}

/* International support: an open white band, not a heavy dark card. */
body.home-page .journey-story .journey-story-foot {
  padding: 34px 0 !important;
  border: 0 !important;
  border-top: 1px solid rgba(0, 0, 0, .12) !important;
  border-bottom: 1px solid rgba(0, 0, 0, .12) !important;
  border-radius: 0 !important;
  background: #fff !important;
  background-image: none !important;
  box-shadow: none !important;
  color: #1d1d1d !important;
}

body.home-page .journey-story .journey-story-foot::before {
  display: none !important;
  content: none !important;
}

body.home-page .journey-story .journey-story-foot strong {
  color: #1d1d1d !important;
}

body.home-page .journey-story .journey-story-foot p {
  color: #6e6e6e !important;
}

body.home-page .journey-story .journey-foot-copy > small {
  border-color: rgba(0, 0, 0, .14) !important;
  background: #f5f5f5 !important;
  color: #1d1d1d !important;
}

body.home-page .journey-story .journey-languages a {
  border-color: rgba(0, 0, 0, .14) !important;
  background: #fff !important;
  box-shadow: none !important;
  color: #1d1d1d !important;
}

body.home-page .journey-story .journey-languages a:is(:hover, :focus-visible) {
  border-color: #1d1d1d !important;
  background: #f5f5f5 !important;
}

body.home-page .journey-story .journey-cta,
body.home-page .journey-story .journey-cta:is(:hover, :focus-visible) {
  border-color: #0e0e0e !important;
  background: #0e0e0e !important;
  color: #fff !important;
}

/* Contact: white content stage, burgundy appears only on the appointment CTA. */
body.home-page .neo-contact {
  background: #fff !important;
  background-color: #fff !important;
  background-image: none !important;
  color: #1d1d1d !important;
}

body.home-page .neo-contact :where(h2, h3, strong, b) {
  color: #1d1d1d !important;
}

body.home-page .neo-contact :where(p, small) {
  color: #6e6e6e !important;
}

body.home-page .neo-contact h2 em,
body.home-page .neo-contact .neo-kicker {
  color: #6e6e6e !important;
}

body.home-page .neo-contact-cards > a,
body.home-page .neo-contact-hours {
  border-color: rgba(0, 0, 0, .12) !important;
  background: #f5f5f5 !important;
  box-shadow: none !important;
  color: #1d1d1d !important;
}

body.home-page .neo-contact-cards :where(strong, small, span) {
  color: #1d1d1d !important;
}

body.home-page .neo-contact .neo-contact-icon {
  border-color: #1d1d1d !important;
  background: #1d1d1d !important;
  color: #fff !important;
}

body.home-page .neo-map {
  border-color: rgba(0, 0, 0, .12) !important;
  background: #f5f5f5 !important;
}

/* Slider controls and small progress details stay neutral. */
body.home-page .material-showcase .material-arrow,
body.home-page .treatment-carousel-actions button,
body.home-page .neo-review-controls button {
  border-color: rgba(255, 255, 255, .26) !important;
  background: #1d1d1d !important;
  color: #fff !important;
  box-shadow: none !important;
}

body.home-page .neo-review-controls button {
  border-color: rgba(0, 0, 0, .14) !important;
}

body.home-page .real-smiles-progress > i {
  background: #1d1d1d !important;
}

body.home-page .site-footer .footer-brand > i {
  background: #fff !important;
  opacity: .7;
}

/* ===== burgundy-site.css ===== */
/* Aksu Clinic — site-wide neutral palette with restrained burgundy actions.
   This file intentionally loads last so legacy warm/brown component rules cannot
   reappear in hover, focus or mobile states. */

:root {
  --aksu-burgundy: #0e0e0e;
  --aksu-burgundy-hover: #181818;
  --aksu-black: #000;
  --aksu-ink: #1d1d1d;
  --aksu-grey: #6e6e6e;
  --aksu-soft-grey: #f5f5f5;
  --aksu-white: #fff;
  --aksu-line: rgba(0, 0, 0, .14);
  --aksu-line-dark: rgba(255, 255, 255, .2);
  --aksu-cta-bg: var(--aksu-burgundy);
  --aksu-cta-bg-hover: var(--aksu-burgundy-hover);
  --aksu-cta-text: var(--aksu-white);
}

html,
body,
.page-shell,
main {
  background-color: var(--aksu-soft-grey);
  color: var(--aksu-ink);
}

/* Burgundy is reserved for actions. Every state keeps a white label. */
body :is(
  .header-cta,
  .mobile-header-cta,
  .mobile-consultation-cta,
  .precision-cta,
  .clinic-signature-lead a,
  .smile-panel-cta,
  .doctor-tumu,
  .home-faq-top .page-cta,
  .button-primary,
  .nav-mega-cta,
  .page-cta a,
  .guide-cta a,
  .treatment-detail-aside a,
  .treatment-detail-bottom a,
  .doctor-editorial-cta .button,
  .clinic-package-foot button,
  .neo-glass-button,
  .journey-cta,
  .results-all-link,
  .google-reviews-link,
  .founder-intro-form button,
  .wizard-next
) {
  border-color: var(--aksu-burgundy) !important;
  background: var(--aksu-burgundy) !important;
  background-image: none !important;
  box-shadow: 0 12px 30px rgba(14, 14, 14, .2) !important;
  color: var(--aksu-white) !important;
}

body :is(
  .header-cta,
  .mobile-header-cta,
  .mobile-consultation-cta,
  .precision-cta,
  .clinic-signature-lead a,
  .smile-panel-cta,
  .doctor-tumu,
  .home-faq-top .page-cta,
  .button-primary,
  .nav-mega-cta,
  .page-cta a,
  .guide-cta a,
  .treatment-detail-aside a,
  .treatment-detail-bottom a,
  .doctor-editorial-cta .button,
  .clinic-package-foot button,
  .neo-glass-button,
  .journey-cta,
  .results-all-link,
  .google-reviews-link,
  .founder-intro-form button,
  .wizard-next
):is(:hover, :focus-visible) {
  border-color: var(--aksu-burgundy-hover) !important;
  background: var(--aksu-burgundy-hover) !important;
  background-image: none !important;
  box-shadow: 0 16px 34px rgba(14, 14, 14, .28) !important;
  color: var(--aksu-white) !important;
}

body :is(
  .header-cta,
  .mobile-header-cta,
  .mobile-consultation-cta,
  .precision-cta,
  .clinic-signature-lead a,
  .smile-panel-cta,
  .doctor-tumu,
  .home-faq-top .page-cta,
  .button-primary,
  .nav-mega-cta,
  .page-cta a,
  .guide-cta a,
  .treatment-detail-aside a,
  .treatment-detail-bottom a,
  .doctor-editorial-cta .button,
  .clinic-package-foot button,
  .neo-glass-button,
  .journey-cta,
  .results-all-link,
  .google-reviews-link,
  .founder-intro-form button,
  .wizard-next
) :where(span, small, strong, b, i, svg),
body :is(
  .header-cta,
  .mobile-header-cta,
  .mobile-consultation-cta,
  .precision-cta,
  .clinic-signature-lead a,
  .smile-panel-cta,
  .doctor-tumu,
  .home-faq-top .page-cta,
  .button-primary,
  .nav-mega-cta,
  .page-cta a,
  .guide-cta a,
  .treatment-detail-aside a,
  .treatment-detail-bottom a,
  .doctor-editorial-cta .button,
  .clinic-package-foot button,
  .neo-glass-button,
  .journey-cta,
  .results-all-link,
  .google-reviews-link,
  .founder-intro-form button,
  .wizard-next
):is(:hover, :focus-visible) :where(span, small, strong, b, i, svg) {
  color: inherit !important;
  stroke: currentColor !important;
}

/* Header and menus remain neutral. */
body .site-header :where(.desktop-nav > a, .nav-trigger, .language-button) {
  color: var(--aksu-ink) !important;
}

body .site-header :where(.desktop-nav > a, .nav-trigger)::after {
  background: var(--aksu-ink) !important;
}

body .site-header .nav-mega-col > a:is(:hover, :focus-visible),
body .site-header .language-menu a:is(:hover, :focus-visible),
body .mobile-menu a:is(:hover, :focus-visible),
body .mobile-sub-toggle:is(:hover, :focus-visible) {
  background: var(--aksu-soft-grey) !important;
  color: var(--aksu-black) !important;
}

body .site-header .nav-mega-feature-cta,
body .mobile-sub-toggle {
  border-color: var(--aksu-line) !important;
}

body .neo-hero,
body .neo-hero .hero-video-background,
body .neo-hero .precision-hero-inner,
body .neo-hero .precision-copy {
  color: var(--aksu-white) !important;
}

/* Contact cards: do not allow the old white-on-white hover regression. */
body .neo-contact-cards > a,
body .neo-contact-hours {
  border-color: var(--aksu-line) !important;
  background: var(--aksu-soft-grey) !important;
  box-shadow: none !important;
  color: var(--aksu-ink) !important;
}

body .neo-contact-cards > a :where(small, strong, span),
body .neo-contact-hours :where(small, strong, span) {
  color: var(--aksu-ink) !important;
}

body.home-page .neo-contact .neo-contact-cards > a:is(:hover, :focus-visible),
body .neo-contact-cards > a:is(:hover, :focus-visible),
body .neo-contact-hours:is(:hover, :focus-visible) {
  border-color: rgba(0, 0, 0, .28) !important;
  background: var(--aksu-white) !important;
  box-shadow: 0 16px 38px rgba(0, 0, 0, .09) !important;
  color: var(--aksu-ink) !important;
}

body.home-page .neo-contact .neo-contact-cards > a:is(:hover, :focus-visible) :where(small, strong, span),
body .neo-contact-cards > a:is(:hover, :focus-visible) :where(small, strong, span),
body .neo-contact-hours:is(:hover, :focus-visible) :where(small, strong, span) {
  color: var(--aksu-ink) !important;
}

body .neo-contact .neo-contact-icon,
body .neo-contact-cards .neo-contact-icon {
  border-color: var(--aksu-ink) !important;
  background: var(--aksu-ink) !important;
  background-image: none !important;
  box-shadow: none !important;
  color: var(--aksu-white) !important;
}

body .neo-contact .neo-contact-icon svg,
body .neo-contact-cards .neo-contact-icon svg {
  color: inherit !important;
  stroke: currentColor !important;
}

body .neo-map > a {
  border-color: var(--aksu-ink) !important;
  background: var(--aksu-white) !important;
  color: var(--aksu-ink) !important;
}

body .neo-map > a:is(:hover, :focus-visible) {
  border-color: var(--aksu-ink) !important;
  background: var(--aksu-ink) !important;
  color: var(--aksu-white) !important;
}

/* Neutral controls use grey/black, including hover and keyboard focus. */
body :is(
  .material-arrow,
  .treatment-carousel-actions button,
  .neo-review-controls button,
  .result-stories button,
  .precision-arrow
) {
  border-color: var(--aksu-line) !important;
  background: var(--aksu-ink) !important;
  background-image: none !important;
  color: var(--aksu-white) !important;
}

body :is(
  .material-arrow,
  .treatment-carousel-actions button,
  .neo-review-controls button,
  .result-stories button,
  .precision-arrow
):is(:hover, :focus-visible) {
  border-color: #424242 !important;
  background: #424242 !important;
  color: var(--aksu-white) !important;
}

/* Footer links use an underline for feedback; social icons invert cleanly. */
body .site-footer .footer-links a:is(:hover, :focus-visible) {
  color: var(--aksu-white) !important;
}

body .site-footer .footer-social a:is(:hover, :focus-visible) {
  border-color: var(--aksu-white) !important;
  background: var(--aksu-white) !important;
  color: var(--aksu-black) !important;
}

body .site-footer .footer-social a:is(:hover, :focus-visible) :where(svg, path) {
  color: inherit !important;
  stroke: currentColor !important;
}

body .site-footer .footer-brand > i {
  background: var(--aksu-white) !important;
}

body .site-footer .footer-contact b {
  border-color: var(--aksu-line-dark) !important;
  color: var(--aksu-white) !important;
}

/* Remove the remaining legacy champagne/brown detail colours. */
body .clinic-package-foot,
body .patient-country-flag,
body .patient-record-shot,
body .official-case-grid article,
body .guide-index a,
body .guide-card-top > i,
body .journey-step-icon,
body .journey-languages > span {
  border-color: var(--aksu-line) !important;
}

body :where(
  .clinic-certificate-top,
  .clinic-section-heading,
  .clinic-spaces-grid figcaption,
  .rontgen-ipucu,
  .rontgen-ipucu i,
  .journey-step-marker,
  .insight-reading-copy a
) {
  color: var(--aksu-grey) !important;
}

body .clinic-section-heading :where(h2, h3, strong) {
  color: var(--aksu-ink) !important;
}

body .clinic-certificate-top > i,
body .clinic-certificate-top button > i {
  background: var(--aksu-ink) !important;
  color: var(--aksu-white) !important;
}

body .journey-step-icon {
  color: var(--aksu-grey) !important;
}

body .smile-panel-kiyas .kiyas-cizgi > i {
  background: var(--aksu-ink) !important;
}

body .doctor-showcase-head h2 em {
  color: #a1a1a1 !important;
}

body .doctor-profile-card a i {
  border-color: var(--aksu-line-dark) !important;
  color: var(--aksu-white) !important;
}

body .journey-country-band > span {
  border-color: var(--aksu-line) !important;
}

body .art-crumb > span {
  color: var(--aksu-grey) !important;
}

body :is(a, button) > i[aria-hidden="true"] {
  color: inherit !important;
}

body.home-page .journey-story .journey-cta:is(:hover, :focus-visible) {
  border-color: var(--aksu-burgundy-hover) !important;
  background: var(--aksu-burgundy-hover) !important;
}

body.consultation-page .consultation-page-form .wizard-actions :is(.wizard-next, .button-primary) {
  border-color: var(--aksu-burgundy) !important;
  background: var(--aksu-burgundy) !important;
  color: var(--aksu-white) !important;
}

body.consultation-page .consultation-page-form .wizard-actions :is(.wizard-next, .button-primary):is(:hover, :focus-visible) {
  border-color: var(--aksu-burgundy-hover) !important;
  background: var(--aksu-burgundy-hover) !important;
  color: var(--aksu-white) !important;
}

/* Consultation typography: readable at desktop and mobile sizes. */
body.consultation-page .wizard-contact-grid label > span,
body.consultation-page .wizard-photo-field > span,
body.consultation-page .wizard-consent,
body.consultation-page .form-note {
  font-size: 14px !important;
  line-height: 1.45 !important;
}

body.consultation-page .wizard-contact-grid :where(input, select, textarea) {
  min-height: 52px;
  font-size: 15px !important;
  line-height: 1.45 !important;
}

body.consultation-page .wizard-contact-grid textarea {
  min-height: 96px;
}

body.consultation-page .wizard-photo-copy strong,
body.consultation-page .wizard-photo-action {
  font-size: 14px !important;
}

body.consultation-page .wizard-photo-copy small,
body.consultation-page .wizard-photo-help,
body.consultation-page .consultation-form-meta p {
  font-size: 14px !important;
  line-height: 1.5 !important;
}

/* Small legal/footer copy remains readable everywhere. */
body .site-footer .footer-bottom :where(p, small, a, span) {
  font-size: 14px !important;
  line-height: 1.55 !important;
}

@media (max-width: 900px) {
  body .site-header .mobile-header-cta {
    display: inline-flex !important;
  }

  body .mobile-menu .mobile-consultation-cta {
    display: flex !important;
  }

  body.consultation-page .wizard-contact-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 620px) {
  body.consultation-page .wizard-contact-grid label > span,
  body.consultation-page .wizard-photo-field > span,
  body.consultation-page .wizard-consent,
  body.consultation-page .form-note {
    font-size: 14px !important;
  }

  body.consultation-page .wizard-contact-grid :where(input, select, textarea) {
    font-size: 16px !important; /* prevents iOS focus zoom */
  }

  body.consultation-page .wizard-photo-drop {
    grid-template-columns: 44px minmax(0, 1fr) !important;
    gap: 13px !important;
    padding: 16px !important;
  }

  body.consultation-page .wizard-photo-action {
    grid-column: 1 / -1;
    width: 100%;
    justify-content: center;
  }
}

/* ===== revisions.css ===== */
/* October revisions: contact strip, welcome card and compact photo consultation. */
/* Both header rows keep their full height when the scroll state changes. */
body .site-header,
body .site-header.is-scrolled { height: auto; }
body .site-header .header-container { height: 78px; min-height: 78px; }
.clinic-contact-strip { background: #080808; color: #fff; }
.contact-strip-inner { display:flex; align-items:center; justify-content:space-between; height:38px; gap:16px; }
.contact-strip-phone { color:#ddd; font-size:14px; letter-spacing:.05em; }
.contact-strip-actions, .contact-strip-social { display:flex; align-items:center; }
.contact-strip-social { gap:10px; }
.contact-strip-social a { display:grid; place-items:center; width:32px; height:34px; color:#fff; }
.contact-strip-social svg { width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:1.8; }
.contact-strip-cta { display:flex; align-items:center; gap:20px; margin-left:22px; padding-left:22px; border-left:1px solid #555; color:#fff; font-size:14px; font-weight:650; }
.contact-strip-social a:hover, .contact-strip-cta:hover { color:#c7c7c7; }
.clinic-contact-strip a:focus-visible { outline:2px solid #fff; outline-offset:2px; }
body .mobile-menu, body .site-header.is-scrolled + .mobile-menu { inset-block-start:var(--header-height); }
.welcome-open { overflow:hidden; }
.welcome-dialog { position:fixed; inset:0; width:min(380px, calc(100vw - 36px), calc((100dvh - 40px) * .655)); max-width:none; max-height:calc(100dvh - 32px); margin:auto; padding:0; border:0; background:transparent; color:white; overflow:visible; }
.welcome-dialog::backdrop { background:rgba(0,0,0,.72); backdrop-filter:blur(4px); }
.welcome-dialog > img { display:block; width:100%; height:auto; }
.welcome-close { position:absolute; top:15%; right:0; display:grid; place-items:center; width:38px; height:38px; border:1px solid #ffffff66; border-radius:50%; background:#111; color:#fff; font-size:26px; cursor:pointer; }
.welcome-cta { position:absolute; bottom:3.5%; left:20%; right:12%; display:flex; justify-content:center; align-items:center; gap:15px; min-height:42px; border-radius:4px; padding:8px; background:#fff; color:#191919; font-size:14px; font-weight:700; }
.welcome-cta:hover { background:#e1e1e1; }
.welcome-dialog :focus-visible { outline:3px solid #b3b3b3; outline-offset:4px; }

body.consultation-page .consultation-page-main { min-height:0; padding-top:var(--header-height); }
body.consultation-page .consultation-page-flow { padding:16px 24px; }
body.consultation-page .consultation-page-layout { width:min(1160px,100%); grid-template-columns:minmax(0,1.35fr) minmax(0,1fr); }
body.consultation-page .consultation-page-layout,
body.consultation-page .consultation-form-stage,
body.consultation-page .consultation-page-summary,
body.consultation-page .consultation-page-layout:has(.consultation-step:nth-of-type(3):not([hidden])),
body.consultation-page .consultation-page-layout:has(.consultation-step:nth-of-type(3):not([hidden])) .consultation-form-stage,
body.consultation-page .consultation-page-layout:has(.consultation-step:nth-of-type(3):not([hidden])) .consultation-page-summary { min-height:0; }
body.consultation-page .consultation-form-stage { padding:24px 32px; }
body.consultation-page .consultation-form-heading { margin-bottom:18px; }
body.consultation-page .consultation-return { margin-bottom:12px; }
body.consultation-page .consultation-page-form .wizard-step-kicker { margin-bottom:8px; }
body.consultation-page .consultation-page-form .consultation-step .wizard-step-title { font-size:clamp(28px,2.5vw,38px); line-height:1.08; letter-spacing:-.045em; }
body.consultation-page .consultation-page-form .wizard-step-intro { margin:10px 0 16px; font-size:14px; line-height:1.45; }
body.consultation-page .consultation-page-form .consultation-step:first-child .consultation-options { margin-top:22px; }
body.consultation-page .consultation-page-form .consultation-options span { min-height:72px; padding:12px 36px 12px 14px; gap:4px; }
body.consultation-page .consultation-page-form .consultation-options span b { font-size:14px; letter-spacing:.02em; }
body.consultation-page .consultation-page-form .consultation-options span small { font-size:14px; }
body.consultation-page .consultation-page-form .wizard-contact-grid { gap:10px 14px; }
body.consultation-page .consultation-page-form .wizard-contact-grid label { gap:4px; }
body.consultation-page .consultation-page-form .wizard-contact-grid :is(input,select,textarea) { min-height:40px; padding:8px 10px; }
body.consultation-page .consultation-page-form .wizard-contact-note { grid-column:auto; }
body.consultation-page .consultation-page-form .wizard-contact-grid textarea { min-height:40px; height:40px; }
body.consultation-page .wizard-photo-field { margin-top:12px; }
body.consultation-page .wizard-photo-drop { min-height:64px; padding:10px 12px; gap:10px; grid-template-columns:32px minmax(0,1fr) auto; }
body.consultation-page .wizard-photo-icon { width:32px; height:32px; }
body.consultation-page .wizard-photo-copy small { font-size:14px !important; }
body.consultation-page .wizard-photo-help { margin-top:5px; font-size:14px !important; }
body.consultation-page .consultation-page-form .wizard-consent { margin-top:10px; }
body.consultation-page .consultation-page-form .wizard-actions { margin-top:16px; }
body.consultation-page .consultation-page-form .wizard-actions .button { min-height:44px; padding:0 16px; }
body.consultation-page .form-note { margin-top:8px; font-size:14px !important; }
body.consultation-page .consultation-form-footer { margin-top:16px; padding-top:10px; font-size:14px; gap:10px; }
body.consultation-page .consultation-page-summary { padding:28px; background:radial-gradient(ellipse at 50% 30%,#2a2a2a,#141414 75%); }
body.consultation-page .consultation-page-summary::before, body.consultation-page .consultation-page-summary::after { display:none; }
.consultation-photo-guide { position:relative; margin:auto 0; padding-top:24px; }
.photo-guide-kicker { margin:0 0 10px; text-transform:uppercase; letter-spacing:.16em; color:#bbbbbb; font-size:14px; font-weight:700; }
.consultation-photo-guide h1 { margin:0; color:#fff; font-size:34px; line-height:1.08; font-weight:500; letter-spacing:-.04em; }
.consultation-photo-guide h1 em { color:#cecece; font-family:Georgia,serif; font-weight:400; }
.consultation-photo-guide > p:not(.photo-guide-kicker) { color:#bebebe; font-size:14px; line-height:1.5; }
.photo-guide-steps { list-style:none; margin:18px 0; padding:0; display:grid; gap:8px; }
.photo-guide-steps li { display:grid; grid-template-columns:42% 1fr; align-items:center; gap:14px; padding:8px 10px; border:1px solid #ffffff17; border-radius:8px; background:#ffffff04; }
.photo-guide-steps img { display:block; width:100%; height:94px; object-fit:contain; }
.photo-guide-steps li span { color:#a8a8a8; font-size:14px; letter-spacing:.1em; }
.photo-guide-steps h2 { margin:3px 0; color:#fff; font-size:17px; font-weight:600; }
.photo-guide-steps li p { margin:0; color:#bebebe; font-size:14px; line-height:1.45; }
.consultation-photo-guide .photo-guide-tip { padding-top:12px; border-top:1px solid #ffffff20; }
body.consultation-page .wizard-photo-preview { grid-template-columns:minmax(0,1fr) auto; }
.wizard-photo-thumbnails { display:flex; gap:6px; grid-column:1 / -1; }
body.consultation-page .wizard-photo-thumbnails img { width:55px; height:45px; border-radius:3px; object-fit:cover; }
@media (max-width:900px) {
  body .site-header .header-container { height:68px; min-height:68px; }
  .contact-strip-inner { height:40px; }
  .contact-strip-phone { font-size:14px; }
  .contact-strip-social { gap:2px; }
  .contact-strip-social a { width:28px; height:36px; }
  .contact-strip-cta { gap:8px; margin-left:10px; padding-left:10px; font-size:14px; }
  body.consultation-page .consultation-page-layout { display:grid; grid-template-columns:minmax(0,1fr); }
  body.consultation-page .consultation-page-summary { order:2; padding:24px; }
  body.consultation-page .consultation-form-stage { order:1; padding:24px; }
  body.consultation-page .consultation-page-form .wizard-contact-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  .consultation-photo-guide { padding-top:20px; }
  .photo-guide-steps { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .photo-guide-steps li { display:block; }
  .photo-guide-steps img { height:100px; }
}
@media (max-width:560px) {
  .contact-strip-inner { width:100%; padding-inline:16px; }
  .contact-strip-phone { display:none; }
  .contact-strip-actions { justify-content:space-between; width:100%; }
  .contact-strip-social { gap:6px; }
  .contact-strip-cta { font-size:14px; }
  body.consultation-page .consultation-page-flow { padding:0; }
  body.consultation-page .consultation-form-stage { padding:22px 20px; }
  body.consultation-page .consultation-page-form .wizard-contact-grid { grid-template-columns:1fr !important; }
  body.consultation-page .consultation-page-form .consultation-options--grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body.consultation-page .consultation-page-form .consultation-options span { min-height:92px; padding:12px 26px 12px 10px; }
  body.consultation-page .consultation-page-form .consultation-options span::after { width:12px; height:12px; right:8px; }
  body.consultation-page .consultation-page-form .wizard-contact-grid textarea { height:60px; }
  body.consultation-page .consultation-form-footer { display:flex; flex-wrap:wrap; }
  .photo-guide-steps { grid-template-columns:1fr; }
  .photo-guide-steps li { display:grid; }
  body.consultation-page .consultation-page-form .wizard-actions { grid-template-columns:auto minmax(0,1fr); }
}
@media (min-width:901px) and (max-height:800px) {
  body.consultation-page .consultation-page-flow { padding-block:10px; }
  body.consultation-page .consultation-form-stage { padding:16px 26px; }
  body.consultation-page .consultation-form-heading { margin-bottom:12px; }
  body.consultation-page .consultation-page-summary { padding:20px 26px; }
  .consultation-photo-guide { padding-top:16px; }
  .photo-guide-steps img { height:76px; }
  .photo-guide-steps { margin:12px 0; }
  body.consultation-page .consultation-form-footer { margin-top:12px; }
}
/* The primary CTA now lives in the black strip, freeing room for navigation. */
body .site-header .header-actions > .header-cta,
body .site-header .header-actions > .mobile-header-cta { display:none !important; }
body.consultation-page .consultation-page-summary { background:radial-gradient(ellipse at 50% 30%,#2a2a2a,#141414 75%) !important; }
body.consultation-page .consultation-form-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; }
body.consultation-page .consultation-return { flex-shrink:0; margin:0 !important; }
body.consultation-page .consultation-form-heading .consultation-page-map { width:55%; margin:0 !important; }
body.consultation-page .consultation-page-form .wizard-step-kicker { display:none; }
body.consultation-page .consultation-page-form .wizard-actions .button { height:44px !important; min-height:44px !important; padding:0 18px !important; }
body.consultation-page .consultation-page-form .consultation-options input:focus-visible + span { outline:2px solid #c7c7c7; outline-offset:3px; }
.photo-guide-link { display:none; }
@media (max-width:900px) {
  .photo-guide-link { display:inline-block; margin-top:8px; color:#c7c7c7; font-size:14px; text-decoration:underline; text-underline-offset:3px; }
  #photo-guide { scroll-margin-top:calc(var(--header-height) + 20px); }
}
@media (max-width:560px) {
  body.consultation-page .consultation-form-heading { display:block; }
  body.consultation-page .consultation-form-heading .consultation-page-map { width:100%; margin-top:18px !important; }
}
/* Form language menu: inset arrow, bounded scrolling and clear selected state. */
body.consultation-page .consultation-language-field { position:relative; display:grid; grid-column:auto; gap:4px; min-width:0; }
body.consultation-page .consultation-language-field > label { color:rgba(255,255,255,.68); font-size:14px; font-weight:600; line-height:1.45; }
body.consultation-page .consultation-language-field select[hidden] { display:none !important; }
body.consultation-page .consultation-language-trigger {
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  width:100%; min-height:42px; margin:0; padding:9px 16px;
  border:1px solid rgba(255,255,255,.2); border-radius:3px;
  background:rgba(255,255,255,.055); color:#fff;
  font:inherit; font-size:15px; line-height:1.45; text-align:start; cursor:pointer;
}
body.consultation-page .consultation-language-trigger svg { flex:0 0 16px; width:16px; height:16px; margin:0; fill:none; stroke:currentColor; stroke-width:1.5; transition:transform .15s; }
body.consultation-page .consultation-language-trigger[aria-expanded="true"] { border-color:#a8a8a8; }
body.consultation-page .consultation-language-trigger[aria-expanded="true"] svg { transform:rotate(180deg); }
body.consultation-page .consultation-language-trigger:focus-visible { outline:2px solid #a8a8a8; outline-offset:2px; }
body.consultation-page .consultation-language-options {
  position:absolute; z-index:30; inset-inline:0; top:calc(100% + 6px);
  overflow-y:auto; overscroll-behavior:contain; max-height:240px; padding:5px;
  border:1px solid #494949; border-radius:6px; background:#1c1c1c;
  box-shadow:0 14px 32px #0008; scrollbar-width:thin; scrollbar-color:#696969 #1c1c1c;
}
body.consultation-page .consultation-language-options[hidden] { display:none !important; }
body.consultation-page .consultation-language-options.opens-up { top:auto; bottom:48px; }
body.consultation-page .consultation-language-options [role="option"] { position:relative; padding:10px 34px 10px 12px; border-radius:3px; color:#f2f2f2; font-size:14px; line-height:1.5; text-align:start; cursor:pointer; }
body.consultation-page .consultation-language-options [role="option"]:is(:hover,.is-active) { background:#373737; }
body.consultation-page .consultation-language-options [aria-selected="true"] { background:#323232; color:#fff; }
body.consultation-page .consultation-language-options [aria-selected="true"]::after { content:'✓'; position:absolute; inset-inline-end:12px; }
@media (max-width:620px) {
  body.consultation-page .consultation-language-trigger { font-size:16px; }
}
body.consultation-page .consultation-language-field > label { font-size:14px !important; color:rgba(255,255,255,.68) !important; letter-spacing:.04em; }
body.consultation-page .consultation-language-trigger > span { color:#fff !important; }
body.consultation-page .consultation-language-trigger svg { transform:none; }
body.consultation-page .consultation-language-trigger[aria-expanded="true"] svg { transform:rotate(180deg); }

/* Homepage review: coloured facts, larger credentials and a curved transition. */
body.home-page .clinic-signature .hero-trust-group .hero-trust-item:nth-child(6n + 1) { --fact-colour:#236a5d; }
body.home-page .clinic-signature .hero-trust-group .hero-trust-item:nth-child(6n + 2) { --fact-colour:#285e8d; }
body.home-page .clinic-signature .hero-trust-group .hero-trust-item:nth-child(6n + 3) { --fact-colour:#86581e; }
body.home-page .clinic-signature .hero-trust-group .hero-trust-item:nth-child(6n + 4) { --fact-colour:#772e46; }
body.home-page .clinic-signature .hero-trust-group .hero-trust-item:nth-child(6n + 5) { --fact-colour:#5d4a8b; }
body.home-page .clinic-signature .hero-trust-group .hero-trust-item:nth-child(6n + 6) { --fact-colour:#237080; }
body.home-page .clinic-signature .hero-trust-group .hero-trust-item:nth-child(n) {
  background:var(--fact-colour) !important; border-color:var(--fact-colour) !important; color:#fff !important;
}
body.home-page .clinic-signature .hero-trust-group .hero-trust-item:nth-child(n) .hero-trust-icon {
  background:rgba(255,255,255,.13) !important; border-color:rgba(255,255,255,.28) !important; color:#fff !important;
}
body.home-page .clinic-signature .hero-trust-group .hero-trust-item:nth-child(n) .hero-trust-copy strong,
body.home-page .clinic-signature .hero-trust-group .hero-trust-item:nth-child(n) .hero-trust-copy > span { color:#fff !important; }
body.home-page .clinic-package-foot { justify-content:center; }
body.home-page .clinic-package-card figure { aspect-ratio:819 / 1024; }
body.home-page .clinic-certificate-copy { text-align:center; }
body.home-page .clinic-certificate-copy > img { display:block; width:180px; max-width:65%; height:auto; margin:0 auto 20px; opacity:1; }
body.home-page .clinic-certificate-copy p { max-width:340px; margin-inline:auto; }
@media (min-width:1081px) {
  body.home-page .clinic-package-grid { grid-template-columns:minmax(0,.88fr) minmax(0,.88fr) minmax(0,1.24fr); align-items:center; gap:22px; }
  body.home-page .clinic-package-card { align-self:center; }
  body.home-page .clinic-certificate-card { align-self:stretch; min-height:0; padding:24px 28px; }
  body.home-page .clinic-certificate-docs { grid-template-columns:1.15fr .85fr; gap:14px; margin:18px 0 28px; }
  body.home-page .clinic-certificate-paper { grid-template-rows:170px auto; }
  body.home-page .clinic-certificate-paper img { height:170px; }
  body.home-page .clinic-certificate-copy { margin-block:auto; }
}
@media (max-width:760px) {
  body.home-page .clinic-package-card { width:min(100%,360px); justify-self:center; }
  body.home-page .clinic-certificate-card { width:100%; }
  body.home-page .clinic-certificate-copy > img { width:160px; }
}
body.home-page .material-showcase .material-track.is-animating { transition-duration:440ms; }
body.home-page .material-showcase { position:relative; padding-bottom:clamp(110px,10vw,150px); }
body.home-page .material-section-curve { position:absolute; inset:auto 0 -1px; display:block; width:100%; height:clamp(38px,5vw,72px); pointer-events:none; }
@media (prefers-reduced-motion:reduce) {
  body.home-page .material-showcase .material-track.is-animating { transition:none; }
}

/* Stronger section labels and clearer shared footer contacts. */
body :is([class*="-kicker"], [class*="-eyebrow"], .eyebrow, .mini-label, .footer-label, .nav-mega-label, .mobile-menu-label),
body .clinic-package-head > div > span,
body .journey-story-head > p,
body .journey-flight-opening > p,
body .journey-flight-closing > p { font-weight:750 !important; }
body[class] .site-footer .footer-contact .footer-accordion-panel > a { grid-template-columns:48px minmax(0,1fr); align-items:center; gap:14px; }
body[class] .site-footer .footer-contact .footer-accordion-panel > a > b {
  width:46px; height:46px; border-width:2px; border-color:rgba(255,255,255,.46) !important;
  background:rgba(255,255,255,.05); transform:none; align-self:center;
}
body .site-footer .footer-contact b svg { display:block; width:23px; height:23px; fill:none; stroke:currentColor; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; }
body .site-footer .footer-social > div { display:grid; grid-template-columns:repeat(3,44px); gap:10px; }
body .site-footer .footer-social a { width:44px; height:44px; border-width:1.5px; }
body .site-footer .footer-social a svg { width:20px; height:20px; stroke-width:1.9; }
body .site-footer .footer-social a:focus-visible { outline:2px solid #fff; outline-offset:4px; }

/* Final review: readable copy, neutral surfaces and subtle image motion. */
body .mission-grid article p,
body .clinic-role-copy p,
body .clinic-role-copy li,
body .guide-card-grid article p,
body .treatment-card > div > p:not(.treatment-card-tag),
body .doctor-editorial-copy :is(dt,dd) { font-size:16px !important; line-height:1.7; }
body .mission-grid article > span { font-size:18px; font-weight:700; line-height:1.5; }
body .site-footer .footer-bottom :where(p,small,a,span) { font-size:14px !important; }
.footer-update { border-top:1px solid #ffffff30; background:#000; color:#fff; }
.footer-update > .container { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:10px 24px; padding-block:18px; }
.footer-update p { margin:0; font-size:16px; line-height:1.5; }
.footer-update a { color:#fff; font-size:16px; font-weight:600; }
.footer-update a:hover { text-decoration:underline; text-underline-offset:4px; }
body .photo-motion-frame { overflow:hidden; }
body .photo-motion-image { transform-origin:center; transition:transform 850ms cubic-bezier(.2,.7,.2,1); }
@media (hover:hover) and (pointer:fine) {
  body .photo-motion-frame:is(:hover,:focus-within) .photo-motion-image { transform:scale(1.035); }
}
.international-team { display:grid; grid-template-columns:1.15fr 1fr; gap:40px 70px; padding-block:70px; scroll-margin-top:calc(var(--header-height) + 24px); }
.international-team h2 { margin:16px 0 22px; font-size:clamp(32px,3.6vw,52px); line-height:1.1; letter-spacing:-.04em; }
.international-team h2 em { color:#666; }
.international-team-heading > p:not(.eyebrow) { max-width:540px; font-size:17px; line-height:1.7; color:#555; }
.international-team-heading > a { margin-top:24px; }
.international-team-services { display:grid; }
.international-team-services article { padding:20px 0; border-bottom:1px solid #ddd; }
.international-team-services h3 { margin:0 0 8px; font-size:22px; }
.international-team-services p { margin:0; font-size:16px; line-height:1.65; color:#555; }
.international-team-grid { grid-column:1 / -1; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.international-team-grid[hidden] { display:none; }
@media (max-width:760px) {
  .international-team { grid-template-columns:1fr; gap:24px; padding-block:44px; }
  .international-team-grid { grid-template-columns:1fr; }
  .footer-update > .container { gap:4px 14px; }
  .footer-update p, .footer-update a { font-size:14px; }
  .contact-strip-social { gap:2px; }
  .contact-strip-cta { font-size:14px; gap:6px; padding-left:8px; margin-left:8px; }
}
@media (prefers-reduced-motion:reduce) {
  body .photo-motion-image { animation:none !important; transition:none !important; transform:none !important; }
}
body input[type="range"] { color:#999; accent-color:#111; }

/* Keep photo captions legible when the surrounding section uses dark headings. */
body.home-page .clinic-signature .clinic-signature-visual::after {
  background:linear-gradient(180deg,rgba(0,0,0,.02) 30%,rgba(0,0,0,.6) 65%,rgba(0,0,0,.88) 100%);
}
body.home-page .clinic-signature .clinic-signature-visual figcaption,
body.home-page .clinic-signature .clinic-signature-visual figcaption :is(strong,span),
body.home-page .founder-intro-portrait figcaption :is(strong,span) {
  color:#fff !important;
  text-shadow:0 2px 8px rgba(0,0,0,.55);
}

/* Readability audit: preserve contrast on each component's actual surface. */
body.home-page .real-smiles-kicker,
body .about-section-index,
body .clinic-role-copy > span,
body .clinic-spaces-grid figcaption,
body .mission-grid article > span,
body .international-team-heading > .eyebrow,
body.home-page .google-review-summary b > i { color:#595959 !important; }
body .clinic-support-teams .clinic-section-heading h2 { color:#fff !important; }
body .clinic-support-teams .clinic-section-heading :is(p,em) { color:#d0d0d0 !important; }
body .art-hero .art-crumb :is(a,span) { color:#ddd !important; }
body.error-page .error-page-main > .container > p:first-child { color:#666 !important; }
/* Adjacent carousel cards must remain readable before they become active. */
body.home-page .treatment-gallery--carousel .treatment-gallery-card { opacity:1; }
body.home-page .treatment-gallery--carousel .treatment-gallery-card figure { opacity:.7; transition:opacity .3s; }
body.home-page .treatment-gallery--carousel .treatment-gallery-card:is(.is-active,:hover,:focus-within) figure { opacity:1; }

/* Leave room for flags, focus rings, tooltips and the action's shadow. */
body.home-page .journey-story .journey-story-foot {
  padding:34px clamp(22px,3vw,40px) !important;
  border-radius:28px !important;
  overflow:visible;
  gap:32px;
}
body.home-page .journey-foot-copy { min-width:0; }
body.home-page .journey-story .journey-languages { flex-wrap:wrap; }
body.home-page .journey-story .journey-languages a { flex-shrink:0; }
body.home-page .journey-story .journey-cta { max-width:100%; white-space:normal; text-align:center; }
@media (max-width:1000px) {
  body.home-page .journey-story .journey-story-foot { grid-template-columns:minmax(0,1fr); }
  body.home-page .journey-story .journey-cta { justify-self:start; }
}
@media (max-width:560px) {
  body.home-page .journey-foot-copy > small { font-size:14px; letter-spacing:.07em; line-height:1.5; }
}

/* The final footer row follows the supplied credit line and keeps the agency at right. */
body .footer-update > .container { display:flex; justify-content:space-between; flex-wrap:nowrap; gap:24px; padding-block:22px; }
body .footer-update .footer-credit { display:flex; align-items:baseline; flex-wrap:wrap; gap:4px 8px; min-width:0; margin:0; }
body .footer-update .footer-credit,
body .footer-update .footer-credit :is(span,a,time) { color:#ddd !important; font-size:14px; line-height:1.65; font-weight:400; }
body .footer-update .footer-editor { margin-left:8px; padding-left:14px; border-left:1px solid #777; }
body .footer-update .agency-signature { position:relative; inset:auto; flex:0 0 92px; width:92px; height:24px; transform:none; }
body .footer-update .agency-card i { background-position:right center; }
@media (max-width:760px) {
  body .footer-update > .container { align-items:flex-start; gap:16px; }
  body .footer-update .footer-credit { display:block; }
  body .footer-update .footer-credit > span,
  body .footer-update .footer-credit > a { display:block; }
  body .footer-update .footer-editor { margin:4px 0 0; padding:0; border:0; }
  body .footer-update .agency-signature { flex-basis:74px; width:74px; margin-top:4px; }
}
body.error-page .error-page-main > .container > p:first-child { opacity:1; }
body.home-page .founder-language-menu [role="option"] small { color:#595959 !important; }
body.home-page .founder-language-menu [role="option"]:is(:hover,:focus-visible,[aria-selected="true"]) small { color:inherit !important; }
body .site-header .nav-mega { width:min(960px,calc(100vw - 48px)); }
body .site-header .nav-mega-grid { gap:0 20px; }
body .site-header .nav-mega-label { min-height:42px; margin-bottom:10px; letter-spacing:.08em; }
body .site-header .nav-mega-col > a { min-height:44px; padding:8px 7px; line-height:1.45 !important; }
/* Narrow screens: allow text and cards to shrink within their grid columns. */
body .smile-map-grid > *,
body .smile-panel-kart { min-width:0; max-width:100%; }
body .smile-panel-kart h3 { overflow-wrap:break-word; }
body .smile-panel-cta { max-width:100%; white-space:normal; text-align:center; }
body .closing-wall .end-label { width:max-content; max-width:calc(100% - 32px); white-space:normal; text-align:center; line-height:1.5; }
body .treatment-detail-aside h2 { overflow-wrap:break-word; }
@media (max-width:900px) {
  body .smile-map-grid { grid-template-columns:minmax(0,1fr); }
  body .menu-banner--clinic-tooth .rontgen-ipucu { right:20%; max-width:70%; white-space:normal; }
}
@media (max-width:560px) {
  body .clinic-section-heading { grid-template-columns:minmax(0,1fr); }
  body .clinic-section-heading h2 { font-size:clamp(32px,8vw,44px); overflow-wrap:break-word; }
  body .treatment-detail-aside h2 { font-size:26px; line-height:1.2; }
  body .smile-panel-kiyas::after { max-width:calc(100% - 24px); white-space:normal; text-align:center; }
}
/* Inputs and helper copy stay legible over the consultation photograph. */
body.consultation-page .consultation-page-form :is(input,textarea)::placeholder { color:#bdbdbd !important; opacity:1; }
body.consultation-page :is(.wizard-step-intro,.wizard-photo-help,.wizard-photo-copy small,.wizard-consent > span,.wizard-photo-action) { color:#ccc !important; }
body.consultation-page .wizard-actions :is(.wizard-next,.button-primary) { border-color:#777 !important; }
@media (prefers-reduced-motion:reduce) {
  body .mobile-menu.is-open nav a { opacity:1; transform:none; transition:none; }
}
/* Opaque menu surfaces keep page content from showing through their labels. */
body .site-header :is(.nav-mega,.language-menu) { background:#fff !important; }
body .story-film-shade { background:linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.08) 40%,rgba(0,0,0,.82)); }
body .story-film-copy p { color:#e0e0e0 !important; text-shadow:0 1px 4px #000; }
@media (max-width:560px) {
  body.consultation-page .consultation-form-heading .consultation-page-map li b {
    font-size:14px !important; font-weight:600; letter-spacing:0 !important; line-height:1.4; white-space:normal;
  }
}
@media (max-width:560px) {
  body.consultation-page .consultation-form-heading .consultation-page-map {
    grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) minmax(0,.8fr);
    gap:12px;
  }
}

/* ===== WordPress uyumu ===== */
.admin-bar .site-header { top: 32px; }
@media screen and (max-width: 782px) { .admin-bar .site-header { top: 46px; } }
.treatment-detail-page .treatment-panel[hidden] { display: block; }