/* ===== /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: #f2f1ee;
  --canvas-deep: #e6e3dd;
  --ink: #111312;
  --muted: #6d716f;
  --line: rgba(17, 19, 18, 0.14);
  --accent: #c8b9a3;
  --accent-deep: #9b8a71;
  --cream: #faf9f7;
  --dark: #111312;
  --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: #f7f8f6;
}

body:has(.hero) .site-header {
  background: rgba(251, 250, 248, 0.88);
  border-bottom-color: rgba(17, 19, 18, 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(175, 148, 110, 0.16) 0 90px, transparent 92px),
    radial-gradient(circle at 91% 82%, rgba(200, 185, 163, 0.16) 0 150px, transparent 152px),
    #f7f8f6;
}

.hero-container {
  min-height: clamp(650px, calc(100svh - var(--header-height) - 58px), 790px);
  overflow: visible;
  border: 0;
  border-radius: 38px;
  background: #efedea;
  box-shadow: 0 28px 80px rgba(17, 19, 18, 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 #af946e;
  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(175, 148, 110,.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: #302516;
  box-shadow: -22px 0 55px rgba(17, 19, 18,.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(17, 19, 18,.12), transparent 44%),
    linear-gradient(180deg, transparent 58%, rgba(28, 21, 11,.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: #664e2d;
}

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

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

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

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

.hero .button-primary:hover,
.hero .button-primary:focus-visible {
  background: #af946e;
  color: #251c10;
}

.hero .button-text {
  color: #251c10;
}

.hero .button-text::after {
  background: #251c10;
}

.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(17, 19, 18,.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(17, 19, 18,.08);
  border-radius: 26px;
  background: rgba(255,255,255,.95);
  box-shadow: 0 20px 52px rgba(17, 19, 18,.09);
}

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

.trust-item strong {
  color: #3c301f;
}

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

.philosophy {
  padding: clamp(76px, 9vw, 140px) 0;
  overflow: hidden;
  border-radius: clamp(52px, 7vw, 110px) clamp(52px, 7vw, 110px) 0 0;
  background: #2e2313;
  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: #f0eae2;
  box-shadow: 32px 32px 0 rgba(175, 148, 110,.13);
}

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

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

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

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

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

.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(17, 19, 18,.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: #251c10;
  font-size: clamp(46px, 4.2vw, 72px);
}

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

.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: #251c10;
  font-size: 11px;
  backdrop-filter: blur(12px);
}

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

.treatments-footer {
  margin-top: 94px;
  border-radius: 22px;
  background: #f0eae2;
  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(17, 19, 18,.09);
  border-radius: 999px;
  background: #f8f5f0;
}

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

.case-selector button[aria-selected="true"] {
  background: #352817;
  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(17, 19, 18,.09);
  border-top: 0;
  border-radius: 0 0 36px 36px;
  background: #faf8f5;
}

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

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

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

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

.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(17, 19, 18,.08);
}

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

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

.international-experience {
  padding: clamp(90px, 10vw, 150px) 0;
  background: #f7f8f6;
  color: #251c10;
}

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

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

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

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

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

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

@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: #2f2f32;
  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 #2f2f32;
  border-left: 0;
  border-radius: 0 28px 28px 0;
  background: #111113;
}

.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: 13.5px;
  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 #d2d2d7;
  border-radius: 999px;
  color: #6e6e73;
  font-size: 9px;
  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: 11px;
  font-style: normal;
  font-weight: 650;
}

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

.founder-intro .founder-intro-form :is(input, select):focus {
  border-color: #1d1d1f;
  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: #6e6e73;
  font-size: 11px;
  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 #d2d2d7 !important;
  border-radius: 12px;
  background: #f5f5f7 !important;
  box-shadow: none;
  color: #1d1d1f !important;
  cursor: pointer;
  font: 500 13px/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: #1d1d1f !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 #d2d2d7;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 22px 50px rgba(0, 0, 0, .22);
  overscroll-behavior: contain;
  scrollbar-color: #86868b 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: #1d1d1f !important;
  cursor: pointer;
  font: 600 12px/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: #f0f0f2 !important;
  color: #000 !important;
}

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

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

.founder-intro .founder-language-error {
  margin: 6px 0 0;
  color: #6e6e73 !important;
  font-size: 10px;
  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 #2f2f32;
    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: #7d6a50;
  font-size: 12px;
  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(105, 82, 50, .35);
  border-radius: 999px;
}
.journey-flight-scroll-hint i::after {
  position: absolute;
  top: 7px;
  left: 50%;
  width: 3px;
  height: 7px;
  border-radius: 999px;
  background: #8f6f42;
  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: 9px; }
}

@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(200, 185, 163,.13), transparent 28%),
    linear-gradient(135deg, #241b0f 0%, #362916 58%, #41321c 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: #1e170e;
  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(22, 17, 9,.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: #d2b996; font-size: 12.5px; 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: #d9c2a2; font-size: 12.5px; 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: #c4a882; font-weight: 500; }
.founder-intro-role { margin: 0 0 26px !important; color: #d9c2a2 !important; font-size: 13px !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(249, 246, 242,.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(217, 194, 162,.6); color: #fff; font-size: 13px; 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: #111312; }
.founder-intro-form-head { margin-bottom: 26px; }
.founder-intro-form-head > span { color: #906c3a; font-size: 12px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.founder-intro-form h3 { margin: 9px 0 10px; color: #111312; 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: #837766; font-size: 13px; line-height: 1.55; }
.founder-intro-form label { display: block; margin-top: 19px; }
.founder-intro-form label > span { display: block; margin-bottom: 5px; color: #655033; font-size: 13px; 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 #a39d94; border-radius: 0 0 10px 10px; outline: 0; background: transparent; color: #111312; font: 500 15px/1.2 var(--font-body); }
.founder-intro-form :is(input, select):focus { border-bottom-color: #906c3a; }
.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, #906c3a, #5f4726); box-shadow: 0 13px 28px rgba(95, 71, 38,.24); color: #fff; cursor: pointer; font: 700 13px/1 var(--font-body); }
.founder-intro-form button:is(:hover, :focus-visible) { background: linear-gradient(135deg, #a07a45, #6e522c); transform: translateY(-2px); }
.founder-intro-form small { display: block; margin-top: 13px; color: #908678; font-size: 10px; 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(162, 125, 73, .48), transparent 30%),
    radial-gradient(circle at 8% 92%, rgba(157, 126, 82, .2), transparent 34%),
    linear-gradient(125deg, #f7faf8 0%, #f5f2ee 35%, #e4dbcf 63%, #bfa47e 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(95, 70, 36, .065) 1px, transparent 1px),
    linear-gradient(90deg, rgba(95, 70, 36, .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(120, 88, 44, .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(126, 93, 47, .14) 57.2% 57.4%, transparent 57.6%),
    radial-gradient(circle at 50% 50%, rgba(246, 240, 231, .24), transparent 65%);
  box-shadow: 0 0 0 70px rgba(255, 255, 255, .055), 0 0 0 140px rgba(126, 94, 49, .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(250, 249, 247, .48));
  box-shadow: 0 28px 80px rgba(91, 70, 41, .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, #af8243, #b89b72);
  content: "";
}

.precision-copy::after {
  position: absolute;
  right: 44px;
  bottom: 19px;
  left: 44px;
  height: 7px;
  background: repeating-linear-gradient(90deg, rgba(95, 70, 36, .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(155, 119, 69, .34), transparent 35%),
      linear-gradient(158deg, #f8faf9 0%, #f3f0eb 53%, #d5c6b0 100%) !important;
  }
  .neo-hero--precision::before {
    inset: var(--header-height) 0 0;
    width: auto;
    height: auto;
    border-radius: 0;
    background:
      linear-gradient(rgba(95, 70, 36, .055) 1px, transparent 1px),
      linear-gradient(90deg, rgba(95, 70, 36, .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(250, 249, 247, .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(238, 234, 225, 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: 12px;
  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(248, 245, 238, 0.97);
  box-shadow: 0 18px 50px rgba(35, 29, 21, 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: 12px;
}

.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: 12.5px;
  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: 12px;
  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: #434842;
  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: 12.5px;
  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: #9b8f7d;
}

.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(13, 16, 15, 0.03) 45%, rgba(13, 16, 15, 0.58) 100%),
    linear-gradient(90deg, rgba(48, 38, 27, 0.12), transparent 50%);
}

.visual-index {
  position: absolute;
  top: 28px;
  right: 28px;
  display: flex;
  align-items: center;
  gap: 9px;
  color: white;
  font-size: 9px;
  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(244, 240, 231, 0.92);
  backdrop-filter: blur(12px);
}

.visual-card-label {
  grid-column: 1 / -1;
  margin-bottom: 20px;
  color: var(--accent-deep);
  font-size: 11.5px;
  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: 11.5px;
  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: 11px;
  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: 12px;
  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(101, 71, 44, 0.26);
  border-radius: 50%;
  color: var(--accent-deep);
  font-size: 8px;
  letter-spacing: 0.08em;
}

.certificate-link {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  gap: 8px;
  color: var(--accent-deep);
  font-size: 11px;
  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: #1a1712;
}

.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(10, 9, 7, 0.72) 100%),
    linear-gradient(90deg, rgba(10, 9, 7, 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: 11px;
  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: 11px;
  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: #555a54;
  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: 11px;
  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: 12px;
  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: #555a54;
  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: #252a27;
  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(10, 13, 12, 0.03) 48%, rgba(10, 13, 12, 0.38) 100%),
    linear-gradient(90deg, rgba(24, 19, 14, 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: 11px;
  font-weight: 600;
  letter-spacing: 0.17em;
  text-transform: uppercase;
}

.treatment-story-meta span:first-child {
  padding-right: 18px;
  border-right: 1px solid rgba(101, 71, 44, 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: #555a54;
  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: #343936;
  font-size: clamp(11px, 0.83vw, 13px);
  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: 11.5px;
  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(101, 71, 44, 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: 12px;
}

.treatments-footer a {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  font-size: 11.5px;
  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: #c7a47b;
}

.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: #c7a47b;
  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(248, 245, 238, 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(248, 245, 238, 0.46);
  font-size: 12.5px;
  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: #c7a47b;
  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: #c7a47b;
  font-size: 8px;
}

.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: #141312;
}

.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(7, 10, 9, 0.03) 42%, rgba(7, 10, 9, 0.76) 100%),
    linear-gradient(90deg, rgba(7, 10, 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: #d5b38c;
  font-size: 11px;
  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: 11.5px;
  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: #c7a47b;
  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: 10px;
  line-height: 1.55;
}

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

.case-facts dd {
  color: rgba(248, 245, 238, 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: 11.5px;
  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(248, 245, 238, 0.72);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

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

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

.image-compare {
  position: relative;
  aspect-ratio: 1.35;
  overflow: hidden;
  background: #0d100f;
  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(17, 16, 15, 0.62);
  color: white;
  font-size: 11px;
  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(20, 25, 23, 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 #c7a47b;
  outline-offset: 4px;
}

.comparison-dates {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  margin-top: 14px;
  color: rgba(248, 245, 238, 0.38);
  font-size: 11px;
  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(248, 245, 238, 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(248, 245, 238, 0.38);
  font-size: 11px;
  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: 12px;
  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: #c7a47b;
  font-family: var(--font-body);
  font-size: 9px;
}

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

.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(9, 12, 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(15, 14, 13, 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: 11.5px;
  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: 10px;
  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: #0f0e0d;
  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: #c7a47b;
}

.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: #c7a47b;
  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(248, 245, 238, 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: #141311;
}

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

.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(5, 8, 7, 0.42), transparent 34%, transparent 70%, rgba(5, 8, 7, 0.25)),
    linear-gradient(180deg, rgba(5, 8, 7, 0.12), transparent 55%, rgba(5, 8, 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(222, 190, 146, 0.88) 22%, #fff 52%, rgba(222, 190, 146, 0.62) 82%, transparent);
  box-shadow: 0 0 24px rgba(222, 190, 146, 0.48), 0 -14px 38px rgba(255, 255, 255, 0.08);
}

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

.technology-focus::before,
.technology-focus::after {
  position: absolute;
  content: "";
  background: rgba(240, 212, 174, 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(248, 245, 238, 0.55);
  font-size: 11px;
  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: #c7a47b;
  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: #c7a47b;
  font-size: 8px;
  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(248, 245, 238, 0.5);
  font-size: 11px;
  font-weight: 300;
  line-height: 1.65;
  transition: color 400ms ease;
}

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

.technology-step-mark {
  color: rgba(248, 245, 238, 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: #c7a47b;
}

.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(248, 245, 238, 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: 11.5px;
  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: 10px;
  }

  .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: 11px;
  }

  .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: 8px;
    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: 7px;
    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: 7px;
  }

  .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: 7px;
  }

  .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: #c8b6a4;
}

.consultation-page .consultation-page-flow::before {
  content: "";
  position: absolute;
  z-index: -2;
  inset: -45px;
  background:
    linear-gradient(rgba(151, 120, 92, .48), rgba(91, 73, 57, .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(232, 220, 208, .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(42, 30, 21, .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(19, 30, 27, .98), rgba(29, 28, 23, .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(115, 79, 50, .24), rgba(42, 29, 19, .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(160, 112, 75, .18), rgba(37, 28, 20, .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: 10px;
  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(33, 22, 13, .34);
}

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

.consultation-page .consultation-summary-copy > p:last-child {
  max-width: 410px;
  margin: 25px auto 0;
  color: rgba(255, 255, 255, .76);
  font-size: 13px;
  line-height: 1.6;
  text-shadow: 0 1px 16px rgba(25, 17, 11, .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: #d1ac72;
}

.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: #19231f;
  box-shadow: 0 0 0 4px #19231f;
}

.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: #d0aa70;
  background: #d0aa70;
  box-shadow: 0 0 0 4px rgba(208, 170, 112, .12);
}

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

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

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

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

.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: #f7f3ec;
}

.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 #1b2420;
}

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

.consultation-page .consultation-page-form .consultation-options input:checked + span {
  border-color: #d0aa70;
  background: rgba(208, 170, 112, .13);
}

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

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

.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: #1c2521;
  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: #d0aa70;
  background: rgba(255, 255, 255, .075);
}

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

.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(208, 170, 112, .55);
  background: rgba(208, 170, 112, .1);
}

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

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

.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: 11px;
  }

  .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: 11px;
  }

  .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: #d0ac71;
  font-size: 12px;
  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: 13px;
}

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

.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: #7d7162;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.consultation-page .consultation-form-meta span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #938878;
  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: #a49a8d;
}

.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: #d9d1c6;
}

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

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

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

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

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

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

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

.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 #bfb2a1;
  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: #8f6a3b;
  background: #fff;
}

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

.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: #382f25;
  font-size: 14px;
}

.consultation-page .wizard-photo-copy small {
  color: #8c8174;
  font-size: 12px;
  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 #d1c5b6;
  color: #44382b;
  font-size: 11px;
  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 #cdbda9;
  background: #f3ece3;
}

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

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

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

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

.consultation-page .wizard-photo-preview small {
  color: #66837c;
  font-size: 11px;
}

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

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

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

@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: 10px;
  }

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

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

  .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: 10px;
}

.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: #9d7048;
  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: #d6d0c4;
}

.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: #9d7048;
  font-size: 11.5px;
  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: #9d7048;
  font-size: 12.5px;
  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: 10px;
  line-height: 1.55;
}

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

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

.credential-source {
  align-self: flex-start;
  margin-top: 30px;
  padding-bottom: 8px;
  border-bottom: 1px solid currentColor;
  font-size: 11.5px;
  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: 11.5px;
  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(22, 27, 25, 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(22, 27, 25, 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(22, 27, 25, 0.16);
}

.doctor-scroll-progress i {
  position: absolute;
  inset: 0;
  display: block;
  transform: scaleX(0.08);
  transform-origin: left center;
  background: #9d7048;
  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: #9d7048 transparent;
  scrollbar-width: auto;
  cursor: grab;
}

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

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

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

.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 #9d7048;
  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(22, 27, 25, 0.54);
  font-size: 11.5px;
  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: 9px;
  }

  .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: 9px;
    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: #d5a86f;
}

/* 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: #090c0b;
  }

  .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(245, 242, 237, 0.9);
}

.hero-intro,
.philosophy-text,
.treatments-intro,
.treatment-story-summary {
  color: var(--muted);
}

.visual-card {
  background: rgba(252, 251, 249, 0.93);
}

.hero-visual,
.philosophy-visual {
  background: #251c10;
}

.trust-index {
  border-color: rgba(134, 108, 72, 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: #251c10;
}

.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: #251c10;
}

.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: 9px;
}

@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(252, 251, 249, 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: 9px;
  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: 13px;
  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: 12px;
  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: 10px;
  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(33, 25, 13, 0.76);
  color: white;
  font-size: 11.5px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.clinical-disclaimer {
  padding-bottom: var(--section-space);
  color: var(--muted);
  font-size: 12px;
  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: 11.5px;
  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(28, 21, 11, 0.05) 25%, rgba(28, 21, 11, 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: #d7cab7;
}

.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: 11.5px;
  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 #af946e;
  background:
    radial-gradient(circle at 22% 35%, rgba(130, 106, 73, .22), transparent 34%),
    linear-gradient(135deg, #271d0f, #302414 55%, #1b140b);
  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: #af946e;
}

.footer-brand p,
.footer-bottom p {
  margin: 0;
  font-size: 11px;
  line-height: 1.7;
}

.footer-label {
  margin: 0 0 24px;
  color: #c7af8d;
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.footer-links {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.footer-links a {
  font-size: 11px;
}

.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: 11px;
  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(199, 175, 141,.5);
  border-radius: 50%;
  color: #c7af8d;
  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: 9px;
  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: #af946e;
  color: #261c0f;
  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: #f7f4ef;
}

.consultation-page .consultation-page-flow {
  margin: 0;
  padding: 0;
  overflow: visible;
  border-radius: 0 !important;
  background: #f7f4ef;
  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(191, 157, 104, .24), transparent 31%),
    radial-gradient(circle at -10% 105%, rgba(80, 126, 128, .13), transparent 32%),
    linear-gradient(145deg, #10201d 0%, #17221e 42%, #302518 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: 13px;
}

.consultation-page .consultation-summary-copy {
  position: relative;
  z-index: 1;
  max-width: 620px;
}

.consultation-page .consultation-summary-kicker {
  margin: 0 0 18px;
  color: #d1ae76;
  font-size: 11px;
}

.consultation-page .consultation-summary-copy h1 {
  margin: 0;
  color: #f9f6f0;
  font-size: clamp(64px, 5.2vw, 94px);
  font-weight: 400;
  letter-spacing: -.065em;
  line-height: .9;
}

.consultation-page .consultation-summary-copy h1 em {
  color: #caaa77;
  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: #19231e;
}

.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: 12px;
  line-height: 1.4;
}

.consultation-page .consultation-page-map li.is-active i {
  background: #d0ac71;
}

.consultation-page .consultation-page-map li.is-complete i {
  background: #73a59b;
}

.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: 11px;
}

.consultation-page .consultation-page-assurance b {
  font-size: 12px;
}

.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: 10px;
}

.consultation-page .consultation-help b {
  font-size: 12px;
}

.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(151, 121, 79, .035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(151, 121, 79, .035) 1px, transparent 1px),
    #faf8f4;
  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(121, 92, 53, .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 #ded7cd;
}

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

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

.consultation-page .consultation-form-heading i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #78a297;
  box-shadow: 0 0 0 4px rgba(120, 162, 151, .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: #967044;
  font-size: 11px;
  letter-spacing: .16em;
}

.consultation-page .consultation-page-form .consultation-step .wizard-step-title {
  max-width: 760px;
  color: #2e271f;
  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: #82776a;
  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 #ddd4c8;
  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: #bca98f;
  background: #fff;
  transform: translateY(-2px);
}

.consultation-page .consultation-page-form .consultation-options input:checked + span {
  border-color: #8a693d;
  background: #f2ebe1;
  box-shadow: none;
}

.consultation-page .consultation-page-form .consultation-options input:checked + span::before {
  background: #8a693d;
}

.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(34, 29, 23, .12);
}

.consultation-page .consultation-page-form .wizard-next,
.consultation-page .consultation-page-form .wizard-actions .button-primary {
  border-color: #14201d;
  background: #14201d;
}

.consultation-page .consultation-page-form .wizard-back {
  border-color: #cfc3b3 !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 #ded7cd;
  color: #9a9083;
  font-size: 10px;
}

@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: 12px;
  }

  .consultation-page .consultation-summary-kicker {
    max-width: 280px;
    font-size: 10px;
    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: 13px;
  }

  .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: 12px;
  }

  .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: 9px;
    line-height: 1.4;
  }

  .consultation-page .consultation-form-heading span {
    font-size: 10px;
  }

  .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: 13px;
  }

  .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(200, 185, 163, 0.24);
  background: #251c10;
}

.hero-reel {
  position: absolute;
  inset: 0;
  z-index: -2;
  overflow: hidden;
  background: #251c10;
}

.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(28, 21, 11, 0.92) 0%, rgba(28, 21, 11, 0.72) 38%, rgba(28, 21, 11, 0.18) 70%, rgba(28, 21, 11, 0.3) 100%),
    linear-gradient(180deg, rgba(28, 21, 11, 0.18), transparent 50%, rgba(28, 21, 11, 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: #d0c1ad;
}

.hero .hero-intro {
  color: rgba(252, 251, 249, 0.76);
}

.hero .button-primary {
  background: var(--cream);
  color: var(--ink);
}

.hero .button-primary:hover,
.hero .button-primary:focus-visible {
  background: var(--accent);
  color: #251c10;
}

.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(252, 251, 249, 0.76);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.hero-reel-progress {
  position: relative;
  height: 1px;
  overflow: hidden;
  background: rgba(252, 251, 249, 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(252, 251, 249, 0.58);
}

.hero .scroll-cue {
  right: auto;
  bottom: clamp(24px, 3vw, 40px);
  left: clamp(24px, 3vw, 44px);
  z-index: 5;
  color: rgba(252, 251, 249, 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(28, 21, 11, 0.86), rgba(28, 21, 11, 0.32)),
      linear-gradient(180deg, rgba(28, 21, 11, 0.28), transparent 42%, rgba(28, 21, 11, 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: #251c10;
}

.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(28, 21, 11, 0.92), rgba(28, 21, 11, 0.62) 44%, rgba(28, 21, 11, 0.08) 76%),
    linear-gradient(180deg, rgba(28, 21, 11, 0.12), transparent 55%, rgba(28, 21, 11, 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: #d0c1ad;
  font-weight: 400;
}

.international-copy > p:last-child {
  max-width: 520px;
  margin: 42px 0 0;
  color: rgba(252, 251, 249, 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: 9px;
  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(252, 251, 249, 0.58);
  font-size: 11px;
  line-height: 1.65;
}

.international-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  padding-top: 28px;
  color: rgba(252, 251, 249, 0.64);
  font-size: 11px;
}

.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: 12px;
  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: 10px;
}

.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(252, 251, 249, 0.54) !important;
  font-size: 11.5px !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: 11px;
  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(252, 251, 249, 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: 12px;
  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: 11.5px;
  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: 9px;
  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: 13px;
  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: 9px;
}

.guide-timeline li strong {
  font-family: var(--font-heading);
  font-size: 32px;
  font-weight: 400;
}

.guide-timeline li p {
  color: rgba(252, 251, 249, 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: 13px;
  }

  .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: 8px;
  }

  .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(200, 185, 163, 0.16) 0%, transparent 58%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.995) 0%, rgba(246, 243, 239, 0.99) 100%);
  box-shadow: 0 32px 90px rgba(17, 19, 18, 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%, #af946e 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(17, 19, 18, 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: 11.5px;
  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: 13px;
  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: 12px;
  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(200, 185, 163, 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(17, 19, 18, 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(17, 19, 18, 0.1) 0%, rgba(17, 19, 18, 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: 11px;
  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: 11.5px;
  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: 12px;
  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(17, 19, 18, 0.12);
}

.nav-mega-foot p {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  max-width: 52ch;
  color: var(--muted);
  font-size: 11px;
  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: 10px;
  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(199, 164, 123, 0.55);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.05);
  color: #e6d6bd;
  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(199, 164, 123, 0.9);
  background: rgba(199, 164, 123, 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(199, 164, 123, 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(199, 164, 123, 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: #e6d6bd;
  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(17, 19, 18, 0.12);
  border-right: 1px solid rgba(17, 19, 18, 0.12);
  border-radius: 24px;
  background: linear-gradient(180deg, #ffffff 0%, #f9f7f4 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(200, 185, 163, 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(200, 185, 163, 0.55);
  box-shadow: 0 22px 50px rgba(17, 19, 18, 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(200, 185, 163, 0.45);
  border-radius: 50%;
  background: rgba(200, 185, 163, 0.12);
  color: var(--accent-deep);
  font-size: 10px;
  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(17, 19, 18, 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(17, 19, 18, 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: 11.5px;
  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%, #af946e 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:#f7f4ef}
.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:#251c10;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:#705631;font-weight:400}.catalogue-heading>p{max-width:480px;margin:0 0 8px;color:#7c705e;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(17, 19, 18,.09);border-radius:26px;background:#fff;box-shadow:0 14px 38px rgba(17, 19, 18,.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(112, 86, 49,.35);box-shadow:0 24px 54px rgba(17, 19, 18,.12);outline:0}
.treatment-card figure{position:relative;height:270px;margin:0;overflow:hidden;background:#352817}
.treatment-card figure::after{position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(17, 19, 18,.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(17, 19, 18,.24);color:#fff;font-size:9px;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:#705631!important;font-size: 11.5px!important;font-weight:600!important;letter-spacing:.14em!important;text-transform:uppercase}
.treatment-card h2{margin:0;color:#251c10;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:#7c705e;font-size:13px;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(17, 19, 18,.11);color:#3f3323;font-size: 11.5px;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:#f7f8f6}.treatment-panel[hidden]{display:none!important}
.treatment-detail-hero{padding:calc(var(--header-height) + 52px) 0 clamp(56px,7vw,96px);overflow:hidden;background:#f0eae2}
.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:#6c5d47;font-size: 12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.treatment-back:hover{color:#705631}
.treatment-detail-kicker{display:flex;align-items:center;gap:14px;margin:0;color:#705631;font-size: 12px;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:#af946e}
.treatment-detail-hero h1,.treatment-detail-hero .treatment-panel-title{margin:28px 0 0;color:#251c10;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:#756855;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:#352817;box-shadow:28px 28px 0 rgba(175, 148, 110,.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(17, 19, 18,.12)}
.treatment-copy-block h2,.treatment-detail-aside h2{margin:0;color:#251c10;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:#776a58;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(17, 19, 18,.12)}
.treatment-process li{display:grid;grid-template-columns:54px 1fr;gap:22px;padding:25px 0;border-bottom:1px solid rgba(17, 19, 18,.12)}.treatment-process span{color:#705631;font-size:10px;font-weight:600;letter-spacing:.12em}.treatment-process h3{margin:0 0 8px;color:#3d3120;font-size:15px;font-weight:600}.treatment-process p{margin:0;color:#847867;font-size:13px;line-height:1.7}
.treatment-detail-aside{position:sticky;top:calc(var(--header-height) + 28px);overflow:hidden;border-radius:28px;background:#2e2313;color:#fff;box-shadow:0 24px 60px rgba(17, 19, 18,.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:13px;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:#c6b193}.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:#251c10;font-size: 11.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.treatment-detail-aside a:hover{background:#bea786}
.treatment-detail-bottom{padding:34px 0;background:#f2ede5}.treatment-detail-bottom .container{display:flex;align-items:center;justify-content:space-between;gap:24px}.treatment-detail-bottom p{margin:0;color:#3f3323;font-family:var(--font-heading);font-size:clamp(28px,3vw,42px)}.treatment-detail-bottom a{color:#664e2d;font-size: 12px;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(175, 148, 110,.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: 12px;
  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(76, 61, 40, 0.14);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.68);
  box-shadow: 0 16px 40px rgba(56, 44, 27, 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(46, 34, 18, 0.78);
  font-size: 8px;
}

.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: 11.5px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.case-meta time {
  color: var(--muted);
  font-size: 9px;
  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: #332715;
  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(29, 22, 11, 0.94) 0%, rgba(29, 22, 11, 0.78) 38%, rgba(29, 22, 11, 0.25) 72%, rgba(29, 22, 11, 0.13) 100%),
    linear-gradient(0deg, rgba(29, 22, 11, 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: #d7c6af;
}

.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: #ddceb8;
  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: 13px;
  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: 9px;
  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(29, 22, 11, 0.9) 0%, rgba(29, 22, 11, 0.48) 100%),
      linear-gradient(0deg, rgba(29, 22, 11, 0.92) 0%, rgba(29, 22, 11, 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: 12px;
    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(76, 61, 40, 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(194, 170, 137, 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: 13px;
  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(76, 61, 40, 0.13);
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.78);
  box-shadow: 0 18px 50px rgba(58, 44, 24, 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(124, 96, 57, 0.35);
  box-shadow: 0 24px 64px rgba(58, 44, 24, 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(124, 96, 57, 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: 9px;
  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: 12px;
  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: 12px;
}

.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(76, 61, 40, 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:#101311;--neo-panel:#171b18;--neo-panel-2:#1e231f;--neo-ink:#f4f3ed;--neo-muted:rgba(244,243,237,.62);--neo-line:rgba(244,243,237,.13);--neo-accent:#c9ff4a;--neo-cyan:#d3ba96}
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(10,12,10,.78),transparent);color:var(--neo-ink);backdrop-filter:blur(0)}.home-page .site-header.is-scrolled{border-bottom-color:var(--neo-line);background:rgba(12,15,13,.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(201,255,74,.7);background:rgba(201,255,74,.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:#101311}
.neo-kicker{display:flex;align-items:center;gap:14px;margin:0;color:var(--neo-muted);font-size: 12.5px;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(211, 186, 150,.08),transparent 23%),radial-gradient(circle at 82% 55%,rgba(201,255,74,.08),transparent 31%),#0d100e}.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(201,255,74,.75),transparent);box-shadow:0 0 14px rgba(201,255,74,.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(201,255,74,.52);border-radius:4px;background:rgba(255,255,255,.035);box-shadow:inset 0 0 24px rgba(201,255,74,.03),0 0 0 rgba(201,255,74,0);color:var(--neo-ink);cursor:pointer;font:600 11px/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(201,255,74,.12);box-shadow:0 0 32px rgba(201,255,74,.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:12px;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(211, 186, 150,.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(201,255,74,.13);border-radius:inherit}.neo-model-orbit span:nth-child(2){inset:25%;border-color:rgba(211, 186, 150,.18)}.neo-model-orbit span:nth-child(3){inset:42%;background:var(--neo-accent);box-shadow:0 0 24px rgba(201,255,74,.6)}.neo-model-tag{position:absolute;z-index:4;display:flex;gap:9px;padding:8px 10px;border:1px solid var(--neo-line);background:rgba(13,16,14,.64);color:var(--neo-muted);font-size: 11.5px;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: 12px;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(8,10,9,.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(14,18,15,.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: 11.5px;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: 12px;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(10,12,10,.34);backdrop-filter:blur(10px)}.neo-process b{display:block;color:var(--neo-accent);font-size: 12px;letter-spacing:.12em;text-transform:uppercase}.neo-process span{display:block;margin-top:5px;color:rgba(255,255,255,.62);font-size:9px}.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: 11.5px;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:13px;font-weight:400;line-height:1.4}
.neo-treatments{position:relative;height:3400px;background:#e8e8e1;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:#5c741c;font-weight:400}.neo-treatment-intro p{max-width:290px;margin:0;color:rgba(0,0,0,.58);font-size:13px;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:#171a17;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:10px;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: 11.5px;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:9px}.neo-treatment-copy b{display:block;margin-top:18px;color:var(--neo-accent);font-size: 12px;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: 12px;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: 11px;letter-spacing:.15em;text-transform:uppercase}
.neo-doctors{background:#111412}.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(8,10,9,.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: 11px;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:10px}.neo-doctor-card i{position:absolute;right:0;bottom:0;display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(201,255,74,.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:#e8e8e1;color:#111}.neo-transform .neo-kicker{color:rgba(0,0,0,.52)}.neo-transform-head h2{color:#111}.neo-transform-head h2 em{color:#5c741c}.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:#d8d8d0}.neo-compare-labels{display:flex;justify-content:space-between;padding:12px 8px 18px;color:rgba(0,0,0,.58);font-size: 11px;letter-spacing:.17em;text-transform:uppercase}.neo-image-compare{position:relative;height:min(73vh,760px);min-height:520px;overflow:hidden;background:#161a17}.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(201,255,74,.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(10,12,10,.72);color:#fff;font-size:8px;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: 11px;letter-spacing:.13em;text-transform:uppercase}.neo-case-strip strong{font-size:11px;font-weight:500}.neo-case-strip a{color:#111;font-size: 12px;font-weight:600;text-transform:uppercase}.neo-medical-note{margin-top:18px;color:rgba(0,0,0,.53);font-size:10px;line-height:1.5}
.neo-proof{background:#0e110f}.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: 11.5px;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: 12px;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:12px;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: 11.5px;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: 12px;text-transform:uppercase}.neo-google-card,.neo-coordination-card{display:flex;flex-direction:column;justify-content:flex-end;padding:28px;background:#eff0e8;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: 11.5px;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: 11.5px;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:#090b0a}.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: 11.5px;letter-spacing:.12em;text-transform:uppercase}.neo-contact-links strong{font-size:12px;font-weight:400}.neo-map{position:relative;min-height:610px;overflow:hidden;border:1px solid var(--neo-line);border-radius:10px;background:#151916}.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(5,7,6,.55));content:"";pointer-events:none}.neo-map>a{position:absolute;right:20px;bottom:20px;z-index:2;padding:12px 14px;border:1px solid rgba(201,255,74,.48);background:rgba(8,10,9,.78);color:var(--neo-accent);font-size: 11.5px;text-transform:uppercase;backdrop-filter:blur(10px)}
body[class] .site-footer{border-top:1px solid var(--neo-line);background:#090b0a;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:#070907}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(10,12,10,.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:7px}.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:9px}.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: 11.5px;letter-spacing:.12em;text-transform:uppercase}.neo-contact-hours strong{font-size:12px;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:#fdfaf7;--neo-panel:#f7f3ee;--neo-panel-2:#f2ede5;--neo-ink:#111312;--neo-muted:rgba(56, 43, 24,.62);--neo-line:rgba(17, 19, 18,.15);--neo-accent:#c8b9a3;--neo-cyan:#dac4a6}
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(17, 19, 18,.1);background:rgba(253, 252, 250,.9);box-shadow:0 10px 30px rgba(101, 80, 51,.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:#423420}
.home-page .desktop-nav a::after{background:#c8b9a3}
.home-page .header-cta{border-color:#856538;background:#5f4726;color:#fff}.home-page .header-cta:hover{background:#c8b9a3;color:#302414}
.home-page .menu-button span{background:#111312}
.home-page .nav-mega{border-color:rgba(93, 69, 36,.13);background:linear-gradient(135deg,#fff,#f7f3ee);color:#3f311e;box-shadow:0 28px 65px rgba(76, 59, 34,.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:#4c3d27!important}.home-page .nav-mega-label{color:#856538!important}.home-page .nav-mega-col a:hover{color:#8f672e!important}.home-page .nav-mega-foot{border-top-color:rgba(93, 69, 36,.14)}
.home-page .nav-mega-cta{background:#5f4726;color:#fff!important}.home-page .nav-mega-cta:hover{background:#906c3a;color:#fff!important}
.neo-kicker span{background:#ba9767}
.neo-hero{background:radial-gradient(circle at 78% 46%,rgba(200, 185, 163,.23),transparent 25%),radial-gradient(circle at 88% 66%,rgba(218, 196, 166,.22),transparent 31%),linear-gradient(135deg,#fff 0%,#f7f8f6 54%,#f7f2ec 100%)}
.neo-hero::before{background-image:linear-gradient(rgba(122, 92, 49,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(122, 92, 49,.045) 1px,transparent 1px)}
.neo-hero-lines i{background:linear-gradient(90deg,transparent,rgba(180, 144, 94,.66),transparent);box-shadow:0 0 14px rgba(180, 144, 94,.26)}
.neo-hero-copy h1{color:#111312}.neo-hero-copy h1 em{color:#906c3a}.neo-hero-intro{color:rgba(56, 43, 24,.68)}
.neo-glass-button{border-color:rgba(133, 101, 56,.46);background:rgba(255,255,255,.66);box-shadow:0 12px 34px rgba(146, 114, 69,.08);color:#111312}.neo-glass-button i{background:#c8b9a3;color:#312515}.neo-glass-button:hover{background:#f6efe6;box-shadow:0 15px 38px rgba(146, 114, 69,.14)}
.neo-text-link{border-bottom-color:rgba(56, 43, 24,.28);color:#111312}
.neo-model-stage::after{background:rgba(190, 155, 107,.21)}.neo-model-stage img{mix-blend-mode:normal;filter:saturate(.94) contrast(1.01);filter:drop-shadow(0 30px 42px rgba(125, 97, 57,.18))}
.neo-model-orbit{border-color:rgba(122, 92, 49,.13)}.neo-model-orbit span{border-color:rgba(172, 134, 81,.17)}.neo-model-orbit span:nth-child(2){border-color:rgba(142, 106, 55,.2)}.neo-model-orbit span:nth-child(3){background:#c4a171;box-shadow:0 0 24px rgba(196, 161, 113,.45)}
.neo-model-tag{border-color:rgba(102, 77, 41,.18);background:rgba(255,255,255,.72);color:rgba(56, 43, 24,.65);box-shadow:0 8px 24px rgba(95, 73, 42,.08)}.neo-model-tag b{color:#86602c}
.neo-hero-foot{border-top-color:rgba(17, 19, 18,.15);color:rgba(56, 43, 24,.58)}.neo-hero-foot a{color:#111312}
.neo-evidence,.neo-doctors,.neo-proof{background:#fdfaf7}
.neo-bento{border-color:rgba(17, 19, 18,.12);background:#f7f3ee;box-shadow:0 18px 46px rgba(105, 82, 50,.08)}
.neo-bento--authority{background:#d9c2a2;color:#362917}.neo-bento--authority a{color:#362917}.neo-bento--metric{background:rgba(254, 252, 250,.9);color:#111312;box-shadow:0 18px 45px rgba(98, 76, 45,.13)}.neo-bento--metric strong{color:#8d6936}
.neo-treatments{background:#f9f5f0;color:#111312}.neo-treatment-intro .neo-kicker,.neo-treatment-intro p{color:rgba(56, 43, 24,.58)}.neo-treatment-intro h2{color:#111312}.neo-treatment-intro h2 em{color:#906c3a}.neo-treatment-all{border-color:rgba(17, 19, 18,.2);background:#fff;color:#111312}.neo-treatment-all i{background:#5f4726;color:#fff}.neo-horizontal-progress>span{background:rgba(17, 19, 18,.14)}.neo-horizontal-progress i{background:#5f4726}.neo-horizontal-progress b{color:#111312}
.neo-doctors{background:linear-gradient(180deg,#fdfcfa,#f7f3ee)}.neo-doctor-card{border-color:rgba(17, 19, 18,.13);box-shadow:0 18px 42px rgba(92, 72, 43,.09)}.neo-doctor-card p,.neo-doctor-card i{color:#d3b892}.neo-doctor-card i{border-color:rgba(211, 184, 146,.65)}.neo-doctor-card:hover i{background:#d3b892;color:#362917}
.neo-transform{background:#fff;color:#111312}.neo-transform .neo-kicker,.neo-transform-head>div>p{color:rgba(56, 43, 24,.58)}.neo-transform-head h2{color:#111312}.neo-transform-head h2 em{color:#906c3a}.neo-compare-wrap{border-color:rgba(17, 19, 18,.14);background:#f6f2ed;box-shadow:0 20px 55px rgba(100, 77, 46,.1)}.neo-compare-labels{color:rgba(56, 43, 24,.58)}.neo-compare-divider{background:#c8b9a3;box-shadow:0 0 13px rgba(200, 185, 163,.7)}.neo-compare-divider i{border-color:#c8b9a3;background:#5f4726;color:#fff}.neo-case-strip a{color:#111312}.neo-case-strip span,.neo-medical-note{color:rgba(56, 43, 24,.55)}
.neo-proof{background:#f9f5f0}.neo-proof-grid>*{border-color:rgba(17, 19, 18,.14);box-shadow:0 16px 42px rgba(92, 71, 41,.08)}.neo-proof-marquee{background:#fff}.neo-proof-marquee p{color:rgba(56, 43, 24,.56)}.neo-marquee{border-block-color:rgba(17, 19, 18,.13);color:#111312}.neo-proof-marquee a{color:#86602c}.neo-google-card{background:#fff;color:#111312}.neo-google-card>span:last-child{color:#111312}.neo-coordination-card{background:#d9c2a2;color:#111312}.neo-coordination-card a{color:#111312}
.neo-contact{border-top-color:rgba(17, 19, 18,.12);background:linear-gradient(135deg,#fff,#f8f4ee)}.neo-contact-links{border-top-color:rgba(17, 19, 18,.14)}.neo-contact-links a,.neo-contact-hours{border-bottom-color:rgba(17, 19, 18,.14)}.neo-contact-links a{color:#111312}.neo-map{border-color:rgba(17, 19, 18,.16);background:#f1ece4;box-shadow:0 22px 55px rgba(91, 70, 41,.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(247, 242, 234,.35))}.neo-map>a{border-color:rgba(126, 93, 47,.38);background:rgba(255,255,255,.84);color:#78582a}
body[class] .site-footer{border-top-color:rgba(17, 19, 18,.12);background:#fdfbf9;color:#111312}body[class] .site-footer .footer-label,body[class] .site-footer p{color:rgba(56, 43, 24,.58)}body[class] .site-footer a{color:#111312}body[class] .site-footer .footer-bottom{border-top-color:rgba(17, 19, 18,.12);background:#f7f3ee}body[class] .footer-social a{border-color:rgba(17, 19, 18,.15);color:#111312}

/* Dark footer contrast */
body[class] .site-footer{border-top-color:rgba(255,255,255,.1);background:#171a19;color:#f7f8f6}body[class] .site-footer .footer-brand img{filter:invert(1) brightness(1.5) grayscale(1)}body[class] .site-footer .footer-brand i{background:#c8b9a3}body[class] .site-footer .footer-label{color:#c8b9a3}body[class] .site-footer p{color:rgba(249, 245, 239,.6)}body[class] .site-footer a{color:#f7f8f6}body[class] .site-footer a:hover{color:#d8cbb8}body[class] .site-footer .footer-contact b{border-color:rgba(200, 185, 163,.35);color:#c8b9a3}body[class] .footer-social a{border-color:rgba(255,255,255,.16);color:#f7f8f6}body[class] .footer-social a:hover{border-color:#c8b9a3;background:#c8b9a3;color:#312514}body[class] .site-footer .footer-bottom{border-top-color:rgba(255,255,255,.1);background:#0c0e0d}body[class] .site-footer .footer-bottom p{color:rgba(249, 245, 239,.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%,#fdfbf9 58%,#fbf7f1 100%);color:#251d12}
.neo-hero--precision::before{position:absolute;inset:var(--header-height) 0 0;background-image:linear-gradient(rgba(115, 87, 48,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(115, 87, 48,.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(138, 106, 61,.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:#80725f;font-size: 11.5px;font-weight:500;letter-spacing:.12em;text-transform:uppercase}
.precision-copy h1{margin:0;color:#282014;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:#af8243}
.precision-intro{margin:28px 0 0;color:#746858;font-size:12px;line-height:1.42}
.precision-arrow{display:grid;width:48px;height:48px;margin-top:24px;place-items:center;border:1px solid rgba(112, 85, 47,.22);border-radius:50%;background:rgba(255,255,255,.78);color:#af8243;cursor:pointer;font-size:17px;transition:background .3s ease,color .3s ease,transform .3s ease}.precision-arrow:hover{background:#af8243;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(92, 74, 48,.08))}
.precision-note{position:absolute;z-index:3;display:flex;align-items:flex-start;color:#4c3f2d;font-size: 11px;line-height:1.25;text-transform:uppercase}.precision-note i{display:block;height:1px;margin-top:4px;background:#b4a693}.precision-note i::after{float:right;width:4px;height:4px;margin-top:-1.5px;border-radius:50%;background:#af8243;content:""}.precision-note p{margin:0}.precision-note b{display:block;margin-bottom:3px;font-size:8px;font-weight:600}.precision-note span{display:block;color:#938a7e;font-size:7px;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(112, 85, 47,.17);color:#382c1b}.precision-metrics>div:first-child{padding-left:0}.precision-metrics strong{color:#af8243;font-size:23px;font-weight:600;letter-spacing:-.04em;line-height:1}.precision-metrics strong sup{font-size:11px}.precision-metrics span{color:#887e6f;font-size:8px;line-height:1.35}
.precision-watch{position:absolute;right:0;bottom:5%;z-index:5;display:flex;align-items:center;gap:12px;color:#887c6b;font-size: 11px;text-align:right;text-transform:uppercase}.precision-watch i{display:grid;width:64px;height:64px;place-items:center;border:1px solid rgba(175, 130, 67,.23);border-radius:50%;background:#fff;box-shadow:0 8px 26px rgba(114, 89, 54,.09);color:#af8243;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:#837767;font-size: 10px;letter-spacing:.14em;text-transform:uppercase;transform:rotate(90deg)}.precision-scroll i{display:block;width:34px;height:1px;background:#af8243}
.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:#b6afa4;font-size:8px}.precision-rail b{color:#3e3222}.precision-rail i{display:block;width:1px;height:38px;background:#b5ab9e}
@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:7px}.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:6.5px}}

/* 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:13px;line-height:1.2;letter-spacing:.035em}
.site-header .language-button{font-size:13px}
.site-header .header-cta{min-height:48px;padding-inline:19px;font-size:12px;letter-spacing:.04em}
.nav-mega-label{font-size:12px;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:12px;line-height:1.45}
.nav-mega-feature-eyebrow{font-size:12px;line-height:1.4}
.nav-mega-feature-text{font-size:13px;line-height:1.5}
.nav-mega-feature-cta{font-size:12px;line-height:1.4}
.mobile-menu-label,.mobile-menu nav span{font-size:12px;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:13px;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 #af8243;border-radius:3px;background:#af8243;color:#fff;cursor:pointer;font:600 12px/1.2 var(--font-body);letter-spacing:.045em;text-transform:uppercase;white-space:nowrap;box-shadow:0 12px 30px rgba(175, 130, 67,.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:#9a7137;box-shadow:0 15px 36px rgba(175, 130, 67,.24);transform:translateY(-2px)}
.precision-implant{right:-5%;bottom:-2%;left:27%;height:89%}
.precision-note{font-size:13px;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:13px;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:13px}
.precision-metrics span{font-size:12px;line-height:1.4}
.precision-watch{right:0;bottom:4%;gap:10px;padding:12px 15px;border:1px solid rgba(175, 130, 67,.2);border-radius:3px;background:rgba(255,255,255,.88);box-shadow:0 10px 28px rgba(114, 89, 54,.08);color:#5f4d34;font-size:12px;font-weight:600;letter-spacing:.035em;text-align:left}
.precision-watch span{color:#af8243;font-size:17px}

.neo-kicker{font-size:12px;line-height:1.45}
.neo-bento-copy p,.neo-bento--authority>p,.neo-bento--metric>p{font-size:12px;line-height:1.4}
.neo-bento--founder .neo-bento-copy a,.neo-bento--authority a{font-size:12px;line-height:1.35}
.neo-process b{font-size:12px}.neo-process span{font-size:12px;line-height:1.35}
.neo-treatment-number{font-size:12px}
.neo-treatment-copy p{font-size:12px;line-height:1.4}
.neo-treatment-detail span{font-size:12px;line-height:1.35}
.neo-treatment-copy b,.neo-treatment-all span{font-size:12px;line-height:1.35}
.neo-horizontal-progress b{display:none}
.neo-doctor-card p{font-size:12px;line-height:1.4}
.neo-doctor-card>div>span{font-size:12px;line-height:1.45}
.neo-compare-labels,.neo-before-chip,.neo-after-chip{font-size:12px;line-height:1.35}
.neo-case-strip span{font-size:12px;line-height:1.4}
.neo-case-strip strong{font-size:13px;line-height:1.4}
.neo-case-strip a{font-size:12px;line-height:1.4}
.neo-medical-note{font-size:12px;line-height:1.6}
.neo-proof-story p,.neo-proof-marquee p{font-size:12px;line-height:1.4}
.neo-proof-story>div span,.neo-proof-marquee a{font-size:12px;line-height:1.4}
.neo-google-card p,.neo-coordination-card p{font-size:12px;line-height:1.4}
.neo-google-card>span:last-child,.neo-coordination-card a{font-size:12px;line-height:1.4}
.neo-contact-links span,.neo-contact-hours span{font-size:12px;line-height:1.45}
.neo-contact-links strong,.neo-contact-hours strong{font-size:14px;line-height:1.45}
.neo-map>a{font-size:12px}
body[class] .site-footer{font-size:14px}
body[class] .site-footer .footer-label{font-size:12px;line-height:1.4}
body[class] .site-footer a,body[class] .site-footer p{font-size:13px;line-height:1.55}
body[class] .site-footer .footer-bottom p{font-size:12px}
.comparison-dates,.case-disclosure{font-size:12px;line-height:1.55}
.treatment-card figure span,.treatment-card-tag,.treatment-card strong{font-size:12px!important;line-height:1.4}
.treatment-back,.treatment-detail-kicker,.treatment-process span,.treatment-detail-aside a,.treatment-detail-bottom a{font-size:12px;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:#111312!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:11px}
  .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:11px}
  .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:11px;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:11px}
}

/* 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:12px}
  .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:12px}
  .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:12px!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:12px}
  .home-page .precision-eyebrow{font-size:12px}
  .home-page .precision-metrics span{font-size:12px;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:13px}
.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:13px!important;line-height:1.45}
.neo-bento--founder .neo-card-shade{background:linear-gradient(180deg,rgba(22, 17, 9,.02) 18%,rgba(22, 17, 9,.94) 100%)}
.neo-bento--founder .neo-bento-copy p{color:#f0e4d3!important}
.neo-bento--founder .neo-bento-copy h3{color:#fff}
.neo-bento--founder .neo-bento-copy a{color:#d3b790}
@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:13px}
}
.home-page .precision-cta{font-size:13px!important}

/* Patient reviews: reference-led, quiet card layout */
.neo-testimonials{padding:clamp(100px,9vw,150px) 0;background:linear-gradient(180deg,#fdfcfa 0%,#f9f6f1 100%);color:#111312}
.neo-testimonials-head{max-width:960px;margin:0 auto;text-align:center}
.neo-testimonials-head .neo-kicker{justify-content:center;color:#866333}
.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:#b08d5c;font-weight:400}
.neo-testimonials-head>p:last-child{margin:24px 0 0;color:rgba(56, 43, 24,.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(17, 19, 18,.13);border-radius:16px;background:#fff;box-shadow:0 18px 44px rgba(92, 72, 43,.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(176, 141, 92,.38);box-shadow:0 24px 54px rgba(92, 72, 43,.13);transform:translateY(-5px)}
.neo-review-stars{color:#7d5b2c;font-size:18px;letter-spacing:.12em;line-height:1}
.neo-review-card blockquote{margin:24px 0 34px;color:#423523;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:#f3ede5;color:#7d5a2a;font-size:13px;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:#111312;font-size:14px;font-weight:600;line-height:1.35}
.neo-review-meta div>span{margin-top:3px;color:rgba(56, 43, 24,.58);font-size:13px;line-height:1.4}
.neo-review-meta>a{display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(17, 19, 18,.18);border-radius:50%;color:#634924;font-size:18px;transition:background .25s ease,color .25s ease,transform .25s ease}
.neo-review-meta>a:hover{background:#6e522a;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(17, 19, 18,.2);border-radius:50%;background:#fff;color:#634924;cursor:pointer;font-size:20px;transition:background .25s ease,color .25s ease,transform .25s ease}
.neo-review-controls button:hover{background:#6e522a;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: #111312; background: linear-gradient(180deg, #fdfaf7 0%, #f7f3ee 100%); }
.eski-smile-map .neo-kicker { color: #9b8a71; }
.eski-smile-map .neo-kicker span { background: #9b8a71; }
.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(56, 43, 24, 0.75); stroke-width: 2; }
.sm-tooth { fill: #fff; stroke: rgba(56, 43, 24, 0.5); stroke-width: 1.5; cursor: pointer; transition: fill .3s ease, stroke .3s ease, filter .3s ease; }
.sm-tooth--low { fill: #f9f7f4; }
.sm-gum { fill: rgba(200, 185, 163, 0.12); stroke: rgba(200, 185, 163, 0.45); stroke-width: 1.2; cursor: pointer; transition: fill .3s ease, stroke .3s ease; }
.sm-tooth--ghost { fill: rgba(134, 108, 72, 0.05); stroke: #9b8a71; stroke-dasharray: 5 4; stroke-width: 1.6; }
.sm-gap { cursor: pointer; }
.sm-pin { stroke: #9b8a71; stroke-width: 2; }
.sm-pin-head { fill: #9b8a71; }
.sm-arc { fill: none; stroke: #9b8a71; 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(200, 185, 163, 0.28); stroke: #9b8a71; filter: drop-shadow(0 6px 14px rgba(134, 108, 72, 0.25)); }
.smile-svg .is-active.sm-gum { fill: rgba(200, 185, 163, 0.32); stroke: #9b8a71; }
.smile-svg .is-active.sm-arc { opacity: 1; stroke: #111312; }

.smile-chips { display: flex; flex-wrap: wrap; gap: 9px; }
.smile-chips button { padding: 11px 18px; border: 1px solid rgba(17, 19, 18, 0.22); border-radius: 999px; color: #6f5839; background: rgba(255, 255, 255, 0.7); cursor: pointer; font: 500 13px/1 var(--font-body); letter-spacing: .04em; transition: background .25s, color .25s, border-color .25s; }
.smile-chips button:hover { border-color: #9b8a71; color: #111312; }
.smile-chips button.is-active { border-color: #9b8a71; color: #fff; background: #9b8a71; }

.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(56, 43, 24, 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(17, 19, 18, 0.16); border-radius: 12px; color: #111312; 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: #9b8a71; transition: transform .25s; }
.smile-links a:hover { border-color: #9b8a71; 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: #fdfaf7; background: #111312; cursor: pointer; font: 600 13px/1 var(--font-body); letter-spacing: .05em; transition: background .25s, transform .25s; }
.smile-cta:hover { background: #9b8a71; 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(17, 19, 18, 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(134, 108, 72, 0.55);
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.55), 0 4px 14px rgba(17, 19, 18, 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(17, 19, 18, 0.35); }
  70% { box-shadow: 0 0 0 12px rgba(255, 255, 255, 0), 0 4px 14px rgba(17, 19, 18, 0.35); }
  100% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0), 0 4px 14px rgba(17, 19, 18, 0.35); }
}
.smile-hotspot::after {
  content: attr(data-etiket);
  position: absolute; left: 50%; bottom: calc(100% + 2px);
  padding: 6px 11px; border-radius: 999px;
  color: #fdfaf7; background: rgba(56, 43, 24, 0.9);
  font: 500 12px/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(134, 108, 72, 0.85); transform: scale(1.12); }
.smile-hotspot.is-active i { background: #9b8a71; 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(17, 19, 18, 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: 13px; }
.header-cta { white-space: nowrap; }

/* Completion pass: patient reviews and editorial doctor profiles */
.neo-review-bottom > p {
  margin: 0 auto 0 0;
  color: rgba(56, 43, 24, .58);
  font-size: 13px;
  line-height: 1.5;
}

.doctors-editorial-page { background: #f7f9f8; }
.doctor-index {
  position: sticky;
  z-index: 20;
  top: var(--header-height);
  border-bottom: 1px solid rgba(17, 19, 18, .13);
  background: rgba(247, 249, 248, .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(17, 19, 18, .11);
  color: #9b8a71;
  font-size: 12px;
  font-weight: 650;
}
.doctor-index a:last-child { border-right: 0; }
.doctor-index a span { overflow: hidden; color: #111312; text-overflow: ellipsis; white-space: nowrap; }
.doctor-editorial-list { background: #1f180e; 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: #281f13; }
.doctor-editorial-profile figure::after { position: absolute; inset: 0; background: linear-gradient(180deg, transparent 55%, rgba(25, 19, 11, .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: #c3ab89; font-size: 12px; font-weight: 650; letter-spacing: .12em; text-transform: uppercase; }
.doctor-editorial-copy h2 { margin: 24px 0 0; color: #fbfaf9; font-size: clamp(64px, 7.2vw, 126px); font-weight: 500; letter-spacing: -.075em; line-height: .76; }
.doctor-editorial-role { margin: 32px 0 0; color: #c7b08f; 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(248, 245, 241, .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: #c3ab89; font-size: 12.5px; font-weight: 650; letter-spacing: .09em; text-transform: uppercase; }
.doctor-editorial-copy dd { max-width: 45ch; margin: 0; color: rgba(243, 238, 232, .64); font-size: 14px; line-height: 1.6; }
.doctor-editorial-cta { padding: clamp(70px, 8vw, 110px) 0; background: #f4f0eb; }
.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: #111312; 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: #f7f9f8; }
.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(17, 19, 18, .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: #e6e3dd; }
.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: #9b8a71; font-size: 12px; font-weight: 650; letter-spacing: .1em; text-transform: uppercase; }
.insight-reading-copy h2 { margin: 0 0 32px; color: #5a462a; 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: #9b8a71; font-size: 18px; font-weight: 600; }
.insight-reading-copy p { max-width: 58ch; margin: 0 0 18px; color: #7c705e; 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: #5a462a; font-size: 13px; 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(200, 185, 163,.22), transparent 28%), #f7f9f8; }
.error-page-main .container { text-align: center; }
.error-page-main .container > p:first-child { margin: 0; color: #c8b9a3; 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: #111312; font-size: clamp(56px, 8vw, 118px); font-weight: 500; letter-spacing: -.07em; line-height: .84; }
.error-page-main h1 em { color: #9b8a71; font-style: normal; }
.error-page-main h1 + p { margin: 28px auto 30px; color: #7c705e; 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: #f6f1e8;
  --btn-line: rgba(200, 185, 163, .55);
  --btn-hover-bg: rgba(200, 185, 163, .16);
  --btn-hover-ink: #fff;
  --btn-hover-line: rgba(200, 185, 163, .9);
}
/* koyu zeminli bölümlerde aynı biçim, ters renk (okunurluk) */
.neo-doctors {
  --btn-bg: transparent;
  --btn-ink: #f6f1e8;
  --btn-line: rgba(200, 185, 163, .55);
  --btn-hover-bg: rgba(200, 185, 163, .16);
  --btn-hover-ink: #fff;
  --btn-hover-line: rgba(200, 185, 163, .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: #3c3222;
  --btn-line: rgba(122, 104, 74, .5);
  --btn-hover-bg: rgba(200, 185, 163, .22);
  --btn-hover-ink: #231d13;
  --btn-hover-line: rgba(122, 104, 74, .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(200, 185, 163, .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(200, 185, 163, .9)) !important;
  color: var(--btn-hover-ink) !important;
  background: var(--btn-hover-bg) !important;
  box-shadow: 0 8px 22px rgba(56, 43, 24, .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(17, 19, 18, 0.14); }
.home-faq summary { padding: 20px 0; cursor: pointer; font-size: 16px; font-weight: 600; color: #111312; 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(200, 185, 163, 0.1) 0%, transparent 55%),
    #fefefd;
}
.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(17, 19, 18, 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(17, 19, 18, 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(134, 108, 72, 0.4); transform: translateY(-2px); }
.home-faq-list details[open] {
  border-color: rgba(134, 108, 72, 0.55);
  box-shadow: 0 24px 55px rgba(17, 19, 18, 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: #111312;
  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(134, 108, 72, 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: #111312; border-color: #111312; transform: rotate(135deg); }
.home-faq-list details[open] summary u::before,
.home-faq-list details[open] summary u::after { background: #fdfaf7; }
.home-faq-list details > div { padding: 0 24px 24px 66px; }
.home-faq-list details p {
  max-width: 58ch;
  margin: 0;
  color: rgba(56, 43, 24, 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(200, 185, 163, 0.16) 0%, transparent 60%),
    radial-gradient(60% 50% at 0% 100%, rgba(134, 108, 72, 0.18) 0%, transparent 55%),
    linear-gradient(180deg, #2e2416 0%, #21190e 100%);
  --btn-bg: #fdfaf7;
  --btn-ink: #111312;
  --btn-hover-bg: #c8b9a3;
  --btn-hover-ink: #21190e;
}
.home-faq .eyebrow { color: #c4b093; }
.home-faq .eyebrow span { background: #c4b093; }
.home-faq h2 { color: #f2f7f5; }
.home-faq h2 em { color: #c8b9a3; }

.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(200, 185, 163, 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: #eef5f3;
  transition: color .3s ease;
}
.home-faq-list details:hover summary i,
.home-faq-list details[open] summary i { color: #c8b9a3; }
.home-faq-list details:hover summary b { color: #d3c4ae; }
.home-faq-list details[open] summary b { color: #d3c4ae; }
.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: #eae0d3; }
.home-faq-list details[open] summary u { background: #c8b9a3; border-color: #c8b9a3; }
.home-faq-list details[open] summary u::before,
.home-faq-list details[open] summary u::after { background: #21190e; }
.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, #c8b9a3, transparent);
}
.home-faq-list details p {
  color: rgba(241, 236, 228, 0.72);
  font-size: 14.5px;
  max-width: 56ch;
}
.home-faq-list details a { color: #cfbca2; }

@media (max-width: 900px) {
  .home-faq-list summary { padding: 22px 2px; gap: 14px; }
  .home-faq-list summary i { min-width: 30px; font-size: 13px; }
  .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(200, 185, 163, 0.6);
  font-style: normal;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.08em;
}
.faq-menu button b {
  flex: 1 1 auto;
  color: rgba(238, 245, 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: #c8b9a3;
  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, #c8b9a3, #9b8a71);
  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(200, 185, 163, 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(200, 185, 163, 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(241, 236, 228, 0.75);
  font-size: 15px;
  line-height: 1.8;
  max-width: 52ch;
}
.faq-stage > p a { color: #cfbca2; 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: #2c2215;
  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: #111312; 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(33, 25, 14, 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: #111312; 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: #f9f7f4; font-size: 13.5px; 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(17, 19, 18, 0.08);
  border-bottom: 1px solid rgba(17, 19, 18, 0.08);
  background: #fdfdfc;
}
.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(56, 43, 24, 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(200, 185, 163, 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(134, 108, 72, 0.55);
  border-radius: 50%;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5), 0 18px 50px rgba(56, 43, 24, 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(17, 19, 18, 0.16);
  border-radius: 999px;
  color: #6f5839;
  background: rgba(255, 255, 255, 0.82);
  backdrop-filter: blur(8px);
  font-size: 12.5px;
  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(200, 185, 163, 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(134, 108, 72, 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(200, 185, 163, 0.14) 0%, transparent 58%),
    linear-gradient(180deg, #2e2416 0%, #251d11 100%) !important;
  color: #f3efea;
}
.neo-transform h2 { color: #f2f7f5 !important; }
.neo-transform h2 em { color: #c8b9a3 !important; }
.neo-transform .eyebrow { color: #c4b093 !important; }
.neo-transform .eyebrow span { background: #c4b093 !important; }
.neo-transform p, .neo-transform span, .neo-transform time, .neo-transform figcaption {
  color: rgba(241, 236, 228, 0.78);
}
.neo-transform b, .neo-transform strong { color: #f2f7f5; }

/* 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(56, 43, 24, 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(56, 43, 24, 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(241, 236, 228, 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(217, 191, 155, 0.12), transparent 30%),
    radial-gradient(circle at 88% 82%, rgba(134, 108, 72, 0.08), transparent 34%),
    linear-gradient(135deg, #ffffff 0%, #fdfbf9 58%, #f9f5f0 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(205, 180, 146, .44), transparent 30%),
    linear-gradient(145deg, #846438 0%, #99733f 46%, #b89b72 100%);
  box-shadow: 0 42px 100px rgba(106, 79, 41, .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(248, 243, 236, .4);
  border-radius: 55% 45% 58% 42% / 44% 56% 44% 56%;
  background:
    repeating-radial-gradient(circle at 56% 47%, transparent 0 70px, rgba(251, 247, 242, .16) 71px 72px),
    linear-gradient(135deg, rgba(241, 233, 222, .28), rgba(176, 145, 102, .08));
  box-shadow: inset 0 0 52px rgba(246, 239, 230, .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(255, 247, 232, .72);
  border-radius: 50%;
  background: radial-gradient(circle at 36% 32%, #fff9ee 0%, rgba(213, 194, 169, .88) 31%, rgba(200, 185, 163, .16) 68%, transparent 70%);
  box-shadow: 0 0 0 24px rgba(255, 247, 232, .08), 0 20px 48px rgba(71, 63, 51, .12);
}
.precision-hero-banner > i {
  position: absolute;
  z-index: 2;
  top: 11%;
  right: 1%;
  bottom: 9%;
  left: 2%;
  border: 1px solid rgba(247, 242, 236, .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: #f4e2c8;
  box-shadow: 0 0 0 8px rgba(244, 226, 200, .12);
}
.precision-hero-banner > i::after {
  top: 7%;
  right: 14%;
  width: 7px;
  height: 7px;
  background: #f4eee5;
  box-shadow: 0 0 0 6px rgba(244, 238, 229, .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(149, 120, 79, 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(86, 66, 38, 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(147, 112, 62, 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(156, 124, 79, 0.62);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.72), 0 22px 62px rgba(89, 66, 34, 0.2);
}
.precision-tooth .rontgen-ipucu {
  right: 5%;
  bottom: 23%;
  left: auto;
  z-index: 4;
  color: #655136;
  background: rgba(253, 251, 249, 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(188, 164, 130, .14) 0 1px, transparent 1.5px) 0 0 / 14px 14px,
    linear-gradient(180deg, #f7f8f6 0%, #f7f6f4 54%, #f5f2ef 100%);
  color: #111312;
}

.clinic-signature::before {
  position: absolute;
  top: 16%;
  right: -11vw;
  width: 34vw;
  min-width: 380px;
  aspect-ratio: 1;
  border: 1px solid rgba(150, 119, 76, .13);
  border-radius: 50%;
  box-shadow: 0 0 0 54px rgba(255, 255, 255, .24), 0 0 0 108px rgba(169, 136, 91, .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: #8e7a5d;
  font: 600 12px/1.4 "Manrope", sans-serif;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.clinic-signature-kicker span {
  width: 34px;
  height: 1px;
  background: #b9986b;
}

.clinic-signature-head h2,
.clinic-package-head h3,
.clinic-signature-copy h3 {
  margin: 0;
  color: #211c14;
  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: #a5875d;
  font-style: normal;
}

.clinic-signature-lead {
  max-width: 470px;
  padding-bottom: 7px;
}

.clinic-signature-lead p {
  margin: 0 0 25px;
  color: #625b52;
  font: 400 16px/1.75 "Manrope", sans-serif;
}

.clinic-signature-lead a {
  display: inline-flex;
  align-items: center;
  gap: 18px;
  border-bottom: 1px solid #56462f;
  padding: 0 0 8px;
  color: #413422;
  font: 600 13px/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(73, 58, 36, .12);
  border-radius: 28px;
  background: rgba(255, 255, 255, .86);
  box-shadow: 0 32px 80px rgba(83, 66, 42, .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(22, 17, 9, .02) 40%, rgba(22, 17, 9, .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 11px/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(244, 241, 236, .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: #675f55;
  font: 400 15px/1.72 "Manrope", sans-serif;
}

.clinic-signature-copy blockquote {
  margin: 27px 0 0;
  border-left: 2px solid #c1a680;
  padding: 0 0 0 18px;
  color: #413627;
  font: 500 15px/1.58 "Manrope", sans-serif;
}

.clinic-signature-copy blockquote cite {
  display: block;
  margin-top: 9px;
  color: #958b7d;
  font-size: 12.5px;
  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(124, 97, 59, .18);
  padding-top: 12px;
}

.clinic-signature-copy li strong,
.clinic-signature-copy li span { display: block; }
.clinic-signature-copy li strong { color: #443724; font: 600 13px/1.35 "Manrope", sans-serif; }
.clinic-signature-copy li span { margin-top: 3px; color: #958d83; font: 400 11px/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: #716a60;
  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(65, 51, 32, .13);
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 22px 58px rgba(73, 57, 34, .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: #0c0b0a;
}

.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(65, 51, 32, .11);
}

.clinic-package-foot > span { color: #6c6357; font: 500 12px/1.4 "Manrope", sans-serif; }
.clinic-package-foot > span b { margin-right: 8px; color: #af9065; 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: 13px !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, #f1ebe2, #d9cbb7 105%);
  color: #3b2f1e;
  transition: transform .35s ease, box-shadow .35s ease;
}

.clinic-certificate-card:hover { transform: translateY(-4px); box-shadow: 0 28px 64px rgba(91, 72, 45, .15); }
.clinic-certificate-top { display: flex; align-items: center; justify-content: space-between; color: #726149; font: 600 11px/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(89, 70, 43, .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(93, 73, 46, .16); border-radius: 10px; background: rgba(255, 255, 255, .76); box-shadow: 0 14px 28px rgba(108, 86, 54, .1); color: #433624; 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(106, 81, 46, .46); box-shadow: 0 18px 34px rgba(93, 75, 50, .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 12px/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: #3b2f1e; font: 500 clamp(25px, 2vw, 32px)/1.03 var(--font-body); letter-spacing: -.042em; }
.clinic-certificate-copy p { margin: 15px 0 21px; color: #6e5f49; font: 400 12px/1.6 "Manrope", sans-serif; }
.clinic-certificate-copy > span { display: flex; align-items: center; justify-content: space-between; border-top: 1px solid rgba(89, 70, 43, .2); padding-top: 15px; color: #433624; font: 700 13px/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: 12px; }
  .clinic-signature-copy li span { font-size: 10px; }
  .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: 13px; }
}

@media (max-width: 430px) {
  .clinic-signature-kicker,
  .clinic-package-head > div > span,
  .clinic-signature-index { font-size: 10px; }
  .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(29, 22, 13, .94);
  box-shadow: 0 38px 110px rgba(0, 0, 0, .48);
  color: #fff;
}
.certificate-viewer::backdrop { background: rgba(16, 12, 7, .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(34, 27, 16, .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: #b9986b; 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: 13px; }
}
@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(215, 198, 175, .2);
  border-bottom: 1px solid rgba(215, 198, 175, .2);
  background:
    radial-gradient(circle at 18% 20%, rgba(179, 151, 111, .22), transparent 28%),
    radial-gradient(circle at 82% 100%, rgba(200, 185, 163, .17), transparent 28%),
    linear-gradient(90deg, #231a0e, #3d301d 48%, #271d10);
}
.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(227, 216, 201, .17);
  border-radius: 17px;
  color: #f7f8f6;
  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(16, 11, 4, .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(226, 213, 195, .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(216, 200, 178, .3);
  border-radius: 13px;
  color: #cfbca1 !important;
  background: rgba(190, 168, 135, .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: #faf9f7;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -.035em;
  line-height: 1;
}
.hero-trust-copy > span {
  color: rgba(251, 250, 248, .83);
  font-size: 13px;
  font-weight: 400;
  letter-spacing: .01em;
  line-height: 1.25;
}
.hero-trust-item--certificate {
  border-color: rgba(239, 231, 221, .75);
  background: linear-gradient(135deg, #f4f0eb, #e9e0d4);
  box-shadow: 0 10px 24px rgba(17, 12, 5, .18);
}
.hero-trust-item--certificate .hero-trust-icon {
  border-color: rgba(77, 58, 32, .2);
  color: #5f4624 !important;
  background: rgba(255, 255, 255, .46);
}
.hero-trust-item--certificate strong { color: #342715; }
.hero-trust-item--certificate .hero-trust-copy > span { color: #67543a; }
.hero-trust-item--certificate:hover,
.hero-trust-item--certificate:focus-visible { background: linear-gradient(135deg, #faf8f5, #ede7de); }

.hero-trust-group .hero-trust-item:nth-child(2) {
  border-color: rgba(198, 173, 139, .3);
  background: linear-gradient(135deg, #4e3d26, #302414);
  box-shadow: 0 10px 24px rgba(17, 12, 5, .2);
}
.hero-trust-group .hero-trust-item:nth-child(3) {
  border-color: rgba(247, 239, 226, .75);
  background: linear-gradient(135deg, #d4c2a9, #efe6d9);
  box-shadow: 0 10px 24px rgba(30, 23, 16, .17);
}
.hero-trust-group .hero-trust-item:nth-child(4) {
  border-color: rgba(248, 244, 239, .9);
  background: linear-gradient(135deg, #faf9f7, #eae0d3);
  box-shadow: 0 10px 24px rgba(41, 30, 14, .15);
}
.hero-trust-group .hero-trust-item:nth-child(5) {
  border-color: rgba(217, 190, 151, .52);
  background: linear-gradient(135deg, #b58a4e, #664b26);
  box-shadow: 0 10px 26px rgba(82, 59, 27, .3);
}
.hero-trust-group .hero-trust-item:nth-child(6) {
  border-color: rgba(240, 232, 221, .76);
  background: linear-gradient(135deg, #baa17f, #e0d4c3);
  box-shadow: 0 10px 24px rgba(67, 49, 23, .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: #342715; }
.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: #625139; }
.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(77, 57, 29, .18);
  color: #6b4f27 !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: 13px; }
}

/* ════════════════════════════════════════════════════════════
   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(182, 149, 102, 0.14), transparent 24%),
    linear-gradient(180deg, #1d160d 0%, #251c10 52%, #1b150c 100%);
  color: #f7f8f6;
}
.scan-smile::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(203, 180, 148, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(203, 180, 148, 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: #cfb694; }
.scan-smile .neo-kicker span { background: #c6a981; }
.scan-smile-intro h2 {
  margin: 0;
  color: #fdfbf9;
  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: #c6a981;
  font-weight: 400;
  text-transform: none;
}
.scan-smile-intro > div > p {
  max-width: 540px;
  margin: 38px 0 0;
  color: rgba(242, 237, 230, 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(219, 200, 174, 0.16);
  border-radius: 30px;
  background: #18130b;
  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(18, 13, 7, 0.9) 0%, rgba(18, 13, 7, 0.48) 38%, transparent 70%),
    linear-gradient(180deg, transparent 44%, rgba(17, 12, 6, 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(209, 183, 147, 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: #d0b692;
  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(245, 240, 233, 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(207, 174, 127, 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(204, 171, 125, 0.17) 50px),
    repeating-linear-gradient(90deg, transparent 0 49px, rgba(204, 171, 125, 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(214, 184, 141, 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(18, 13, 7, 0.84) 0%, rgba(18, 13, 7, 0.34) 42%, transparent 72%),
    linear-gradient(180deg, transparent 48%, rgba(17, 12, 6, 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(17, 12, 6, 0.2) 45%, rgba(17, 12, 6, 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: 13px; }
  .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: #fdfaf7;
  background: #2d2213;
}

/* 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: #d0b692;
  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: #ceb48f; }

.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(249, 245, 239, .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: #d3b995;
  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: #d3b995; 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(241, 233, 221, .16);
  border-radius: 8px;
  background: #40321f;
  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(234, 221, 202, .24), rgba(234, 221, 202, .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(22, 16, 8, .05) 28%, rgba(22, 16, 8, .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: #e7dbc9;
  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: #2d2213;
  background: #f5ede1;
}

@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: #362917;
  background: #f9f5f0;
}

.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: #816743;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: .12em;
  text-transform: none;
}

.smile-explorer-heading h2 {
  margin: 0;
  color: #362917;
  font-size: clamp(64px, 8vw, 124px);
  font-weight: 500;
  letter-spacing: -.07em;
  line-height: .82;
  text-transform: none;
}

.smile-explorer-heading h2 span { color: #997849; }

.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: #efe9e0;
  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(244, 233, 217, .34) 0%, rgba(186, 151, 102, .16) 42%, transparent 72%);
  box-shadow: 0 0 82px rgba(191, 155, 105, .18), inset 0 0 64px rgba(248, 240, 229, .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(46, 34, 17, .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: 13px; }
  .smile-explorer-photo { height: 62svh; min-height: 460px; }
}

/* ============================================================
   Editorial homepage system — neutral / ice / champagne
   ============================================================ */
:root {
  --aksu-bg: #f7f8f6;
  --aksu-white: #fff;
  --aksu-ink: #111312;
  --aksu-grey: #a9afad;
  --aksu-ice: #f4f1ec;
  --aksu-champagne: #c8b9a3;
}

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(17, 19, 18, .09);
  background: rgba(255, 255, 255, .78);
  box-shadow: 0 8px 28px rgba(17, 19, 18, .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: #2d3230; background: #2d3230; 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, #111312 0%, rgba(17,19,18,.98) 25%, rgba(17,19,18,.64) 53%, rgba(17,19,18,.06) 100%), linear-gradient(0deg, rgba(17,19,18,.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: #6f7673;
  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: #8d7c65; }
.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: #dfe2df;
  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: #4d5350;
  font-size: 16px;
}
.result-meta > * { padding: 0 30px; border-right: 1px solid rgba(17,19,18,.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: #717774; 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: #171a19; 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(17,19,18,.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(17,19,18,.28);
  background: rgba(255,255,255,.36);
}
.journey-flow li span { color: #8d7c65; 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: #8d7c65; font-size: 28px; }
.journey-languages { display: flex; flex-wrap: wrap; gap: 12px 26px; margin-top: 54px; padding-top: 28px; border-top: 1px solid rgba(17,19,18,.16); }
.journey-languages a { color: #363b39; 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: #0c0e0d; }
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(17,19,18,.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: 10px; 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(17,19,18,.42); }
.aksu-cursor.is-link:not(.is-context) { width: 58px; height: 58px; background: rgba(200,185,163,.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,#111312 0%,rgba(17,19,18,.96) 30%,rgba(17,19,18,.22) 72%,rgba(17,19,18,.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: #756a5a; }
.home-faq .eyebrow span { background: #c8b9a3; }
.home-faq h2 { color: var(--aksu-ink); }
.home-faq h2 em { color: #ad9067; }
.faq-shell {
  border-color: rgba(17,19,18,.12);
  background: #fff;
  box-shadow: 0 24px 70px rgba(17,19,18,.1);
  backdrop-filter: none;
}
.faq-menu { border-right-color: rgba(17,19,18,.1); }
.faq-menu button { border-bottom-color: rgba(17,19,18,.08); }
.faq-menu button i { color: #ad9067; font-size: 14px; }
.faq-menu button b { color: #26312e; font-size: 16px; }
.faq-menu button:hover { background: #f6f5f3; }
.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: #4f5e5a; font-size: 16px; line-height: 1.7; }
.faq-stage > p a { color: #7f6848; }
.faq-ghost { color: rgba(173, 144, 103,.13); }
.faq-stage-foto { border-color: rgba(17,19,18,.12); background: #f4f1ec; }
.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(17,19,18,.98) 0%, rgba(17,19,18,.68) 43%, rgba(17,19,18,.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(17,19,18,.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(153, 120, 73, 0.85);
  box-shadow: 0 0 0 0 rgba(153, 120, 73, 0.45), 0 4px 12px rgba(56, 43, 24, 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(191, 155, 105, 0.16), inset 0 0 36px rgba(248, 240, 229, 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(153, 120, 73, 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(153, 120, 73, 0.08) !important;
  border-color: rgba(153, 120, 73, 0.75) !important;
}
.aksu-cursor.is-context {
  width: 56px !important;
  height: 56px !important;
  background: rgba(17, 19, 18, 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: 12px !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(17, 19, 18, 0.09);
  background:
    radial-gradient(circle at 52% 48%, rgba(237, 230, 221, 0.7), transparent 33%),
    #f7f8f6;
}
.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: #575046;
  font: 600 13px/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: #161411;
  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: #b3956c; }
.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(244, 239, 231, 0.98), rgba(219, 203, 180, 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(179, 149, 108, 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: #e6e3de;
  box-shadow: 0 30px 75px rgba(71, 57, 38, 0.18);
}
.real-smiles-images::after {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 68%, rgba(17, 14, 9, 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(17, 19, 18, 0.12);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 12px 30px rgba(71, 57, 38, 0.12);
  text-align: center;
  backdrop-filter: blur(14px);
}
.real-smiles-label span {
  color: #111312;
  font: 600 15px/1.15 var(--font-sans);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.real-smiles-label small {
  margin-top: 3px;
  color: #746f67;
  font: 500 12px/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: #453f36;
  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: #746f67;
  font: 500 14px/1 var(--font-sans);
}
.real-smiles-controls b { color: #111312; font-weight: 600; }
.real-smiles-controls button {
  display: grid;
  width: 46px;
  height: 46px;
  padding: 0;
  border: 1px solid rgba(17, 19, 18, 0.18);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.72);
  color: #111312;
  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: #111312;
  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: 12px; }
  .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: #f7f8f6;
}
.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(240, 234, 226, 0.78), transparent 25%),
    #f7f8f6;
  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: #655f56;
  font-size: 13px;
}
.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: #171512;
  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: #e8e2da;
  box-shadow: 0 26px 70px rgba(63, 52, 36, 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(19, 16, 11, 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(17, 19, 18, 0.12);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.91);
  color: #111312;
  font-family: var(--font-sans);
  transform: translateX(-50%);
  backdrop-filter: blur(10px);
}
.real-smiles-card figcaption b {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.real-smiles-card figcaption span {
  padding-left: 9px;
  border-left: 1px solid rgba(17, 19, 18, 0.15);
  color: #6e6961;
  font-size: 12px;
  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: #82786a;
  font: 600 13px/1.2 var(--font-sans);
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.real-smiles-finale h3 {
  margin: 0;
  color: #161411;
  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(17, 19, 18, 0.17);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.64);
  color: #111312;
  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: #736c63;
  font: 600 12px/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(17, 19, 18, 0.18);
  border-radius: 50%;
  color: #111312;
  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(17, 19, 18, 0.12);
}
.real-smiles-progress i {
  display: block;
  width: 100%;
  height: 100%;
  background: #b3956c;
  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: 11px; }
  .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: 11px; }
  .real-smiles-card figcaption span { font-size: 10px; }
  .real-smiles-finale h3 { font-size: clamp(50px, 15vw, 68px); line-height: 0.9; }
  .real-smiles-finale > p { margin-bottom: 22px; font-size: 11px; }
  .real-smiles-finale > a { margin-top: 28px; font-size: 12px; }
  .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: #2d2213;
    isolation: isolate;
  }
  .treatment-gallery-pin {
    position: sticky;
    z-index: 1;
    top: 0;
    height: 100svh;
    min-height: 100svh;
    background: #2d2213;
  }
}

/* ── 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(161, 131, 88, .13), transparent 31%),
    #2d2213;
}

.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: 13px;
}

.treatment-carousel-intro h2 {
  margin: 0;
  color: #f7f8f6;
  font-size: clamp(48px, 5.2vw, 76px);
  font-weight: 500;
  line-height: .91;
  letter-spacing: -.06em;
}

.treatment-carousel-intro h2 span { color: #ceb48f; }

.treatment-carousel-intro > p:last-child {
  margin: 24px auto 0;
  color: rgba(244, 240, 235, .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(233, 224, 211, .18);
  border-radius: 24px;
  background: #40321f;
  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(240, 230, 217, .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(228, 217, 201, .46);
  color: #d4be9f;
  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(247, 243, 238, .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(241, 234, 225, .34);
  border-radius: 50%;
  color: #fdfaf7;
  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: #ede3d5;
  color: #2d2213;
  background: #ede3d5;
}

.treatment-carousel-footer > a {
  justify-self: end;
  padding-bottom: 7px;
  border-bottom: 1px solid rgba(244, 239, 231, .4);
  color: #fdfaf7;
  font-size: 15px;
  font-weight: 500;
}

.treatment-carousel-footer > a span { margin-left: 14px; color: #d3b995; }

@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: #f8f7f4;
  background: #231c11;
  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: #f8f7f4;
  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: #f8f7f4;
  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: #32281b;
}

.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: #f8f7f4;
  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(35, 28, 17, .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: #231c11;
  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(249, 246, 241, .62) 43%, transparent 74%),
    radial-gradient(circle at 94% 16%, rgba(177, 152, 117, .28), transparent 32%),
    linear-gradient(112deg, #fbfcfa 0%, #f7faf9 35%, #f2ede7 56%, #e2d8c9 76%, #c2b096 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, #fbfcfa 0%, #f7f4ef 47%, #dfd3c2 74%, #bfad93 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(186, 161, 125, .035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(186, 161, 125, .035) 1px, transparent 1px),
    radial-gradient(circle at 76% 8%, rgba(143, 109, 61, .2), transparent 30%),
    linear-gradient(145deg, #1b140b, #231b0f 58%, #2c2112);
  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(188, 159, 119, .12);
  border-radius: 50%;
  box-shadow: 0 0 0 72px rgba(188, 159, 119, .025), 0 0 0 144px rgba(188, 159, 119, .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: #c3aa88; font-size: 12px; font-weight: 650; letter-spacing: .11em; text-transform: uppercase; }
.doctor-showcase-head > p:first-child span { width: 32px; height: 1px; background: #c3aa88; }
.doctor-showcase-head h2 { margin: 0; color: #f7f8f6; font-size: clamp(48px, 5vw, 78px); font-weight: 500; letter-spacing: -.058em; line-height: .95; }
.doctor-showcase-head h2 em { color: #b9a07e; 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(243, 238, 231, .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(195, 170, 136, .55); padding-bottom: 7px; color: #fff; font-size: 13px; 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(198, 175, 143, .18); border-radius: 12px; background: linear-gradient(180deg, rgba(58, 45, 26, .92), rgba(33, 25, 13, .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(195, 170, 136, .62); box-shadow: 0 24px 52px rgba(0, 0, 0, .3), 0 0 30px rgba(163, 132, 89, .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: #1f180f; }
.doctor-profile-card figure::after { position: absolute; inset: auto 0 0; height: 32%; background: linear-gradient(transparent, rgba(33, 25, 13, .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(25, 18, 9, .45); color: #d0bca0; font-size: 11px; 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: #c3ac8c; font-size: 12px; font-weight: 650; letter-spacing: .075em; text-transform: uppercase; }
.doctor-profile-copy strong { display: block; max-width: 20ch; margin-top: 13px; color: rgba(243, 239, 233, .7); font-size: 13px; 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(199, 175, 142, .27); border-radius: 50%; color: #c9b497; font-size: 15px; font-style: normal; transition: background .25s ease, color .25s ease; }
.doctor-profile-card:hover .doctor-profile-copy i { background: #bba280; color: #1d160c; }
.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: 11px; }
  .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: #6c6050;
  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: #f8faf9 !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(235, 218, 195, .44), transparent 25%),
    radial-gradient(circle at 22% 76%, rgba(73, 55, 29, .48), transparent 37%),
    linear-gradient(145deg, #4b381e 0%, #936d38 45%, #a98758 100%);
  background-size: 70px 70px, 70px 70px, auto, auto, auto;
  box-shadow: -36px 34px 90px rgba(107, 82, 48, .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(246, 240, 231, .28);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(247, 241, 232, .16) 0 1px, transparent 2px);
  background-size: 19px 19px;
  box-shadow:
    0 0 0 58px rgba(247, 241, 232, .055),
    0 0 0 116px rgba(247, 241, 232, .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(55, 39, 17, .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(179, 154, 118, .38), transparent 31%),
      linear-gradient(168deg, #fbfcfa 0%, #f7f4ef 50%, #ddd0be 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(146, 111, 62, .22), rgba(172, 140, 96, .4));
    box-shadow: 0 0 0 38px rgba(176, 139, 88, .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(162, 125, 73,.48), transparent 30%), radial-gradient(circle at 8% 92%, rgba(157, 126, 82,.2), transparent 34%), linear-gradient(125deg,#f7faf8 0%,#f5f2ee 35%,#e4dbcf 63%,#bfa47e 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(95, 70, 36,.065) 1px,transparent 1px), linear-gradient(90deg,rgba(95, 70, 36,.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(120, 88, 44,.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(126, 93, 47,.14) 57.2% 57.4%,transparent 57.6%), radial-gradient(circle at 50% 50%,rgba(246, 240, 231,.24),transparent 65%);
  box-shadow: 0 0 0 70px rgba(255,255,255,.055),0 0 0 140px rgba(126, 94, 49,.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(250, 249, 247,.48)); box-shadow: 0 28px 80px rgba(91, 70, 41,.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,#af8243,#b89b72); content: ""; }
.precision-copy::after { position: absolute; right: 44px; bottom: 19px; left: 44px; height: 7px; background: repeating-linear-gradient(90deg,rgba(95, 70, 36,.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(55, 39, 17,.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(155, 119, 69,.34),transparent 35%),linear-gradient(158deg,#f8faf9 0%,#f3f0eb 53%,#d5c6b0 100%) !important; }
  .neo-hero--precision::before { inset: var(--header-height) 0 0; width: auto; height: auto; border-radius: 0; background: linear-gradient(rgba(95, 70, 36,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(95, 70, 36,.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(250, 249, 247,.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(167, 139, 99,.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,#fafbf9 0%,#f7f6f5 39%,#eee9e1 68%,#d9cdbc 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(103, 78, 42,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(103, 78, 42,.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(144, 113, 69,.2);
  border-radius: 50%;
  background: transparent;
  box-shadow: 0 0 0 72px rgba(255,255,255,.13),0 0 0 144px rgba(144, 113, 69,.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(71, 53, 29,.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(172, 135, 82,.16) 0 47%,transparent 47.5%),
      linear-gradient(158deg,#fbfcfa 0%,#f4f1ee 57%,#dacebe 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,#fafbf9 0%,#f6f5f3 43%,#eae4db 72%,#dacebd 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(69, 50, 24,.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,#fbfcfa 0%,#f5f2ef 56%,#ded3c3 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: #2b2318;
  background:
    radial-gradient(circle at 6% 14%,rgba(183, 159, 126,.13),transparent 27%),
    radial-gradient(circle at 95% 80%,rgba(200,185,163,.14),transparent 25%),
    #f7faf9;
}
.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: #8f7045; font-size: 14px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.journey-story-head > p span { width: 34px; height: 1px; background: #b69e7c; }
.journey-story-head h2 { margin: 0; color: #2b2318; font-size: clamp(48px,5.2vw,76px); font-weight: 600; letter-spacing: -.055em; line-height: .98; }
.journey-story-head h2 em { color: #b08d5c; font-style: normal; }
.journey-story-head > div { max-width: 700px; margin: 24px auto 0; color: #7d7366; 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(151, 124, 87,.22); transform: translateX(-50%); }
.journey-route > span { display: block; width: 100%; height: 100%; background: linear-gradient(#cbb699,#8f7045 82%,#a99578); 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 #cfc2af; border-radius: 50%; background: #f7faf9; box-shadow: 0 0 0 11px rgba(247,250,249,.94); color: #8f7045; 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: #42321b; background: #42321b; 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: #a58456; 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(143, 112, 69,.2);
  border-radius: 15px;
  background: linear-gradient(145deg,rgba(255,255,255,.98),rgba(243, 238, 231,.92));
  box-shadow: 0 10px 26px rgba(96, 76, 49,.09);
  color: #836842;
}
.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: #2b2318; 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: #797063; font-size: 17px; line-height: 1.62; }

.journey-review { max-width: 520px; margin: 26px 0 0; padding: 19px 21px 18px; border: 1px solid rgba(118, 96, 66,.15); border-radius: 14px; background: rgba(255,255,255,.9); box-shadow: 0 15px 40px rgba(70, 55, 33,.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 #e3ded7; 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: #3b3122; font-size: 16px; font-weight: 700; }
.journey-review-person small { color: #8f877c; font-size: 13px; }
.journey-review > p { margin: 15px 0 0; color: #655948; font-size: 15px; line-height: 1.58; }
.journey-review > a { display: inline-flex; margin-top: 12px; color: #836842; font-size: 13px; font-weight: 700; text-decoration: underline; text-decoration-color: rgba(131, 104, 66,.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: #111312; box-shadow: 0 24px 58px rgba(49, 36, 19,.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(247, 244, 239,.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: 13px; }
  .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(247,250,249,.95); font-size: 12px; }
  .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,#fafbf9 0%,#f5f2ee 46%,#e3d9cc 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(154, 118, 67,.34) 0%,rgba(178, 148, 105,.18) 34%,transparent 68%),
    radial-gradient(circle at center,rgba(203, 181, 151,.34) 0%,rgba(255,255,255,.12) 42%,transparent 70%),
    radial-gradient(circle at center,rgba(135, 104, 60,.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: #f5f2ed;
  background:
    radial-gradient(60% 50% at 78% 10%, rgba(168, 136, 91, 0.16), transparent 62%),
    linear-gradient(165deg, #211a11 0%, #2a2216 55%, #1e1810 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(19, 14, 8, 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(198, 139, 57, 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: #c68b39;
  background: rgba(198, 139, 57, 0.4);
  box-shadow: 0 0 18px rgba(198, 139, 57, 0.6);
}
.smile-dot.is-active i {
  width: 20px;
  height: 20px;
  border-color: #c68b39;
  background: #c68b39;
  box-shadow: 0 0 22px rgba(198, 139, 57, 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: #19140c;
  background: rgba(255, 255, 255, 0.94);
  font-size: 11px;
  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(25, 20, 12, .56);
  backdrop-filter: blur(8px);
  font-size: 12.5px;
  letter-spacing: 0.02em;
}
.smile-map-ipucu i {
  width: 7px; height: 7px;
  border-radius: 50%;
  background: #c68b39;
  animation: smile-nabiz 2.2s ease-out infinite;
}

/* ── SAĞ: dinamik panel ── */
.smile-map-kicker {
  margin: 0 0 10px;
  color: #d2b58c;
  font-size: 12px;
  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: #d2b58c; }

.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(210, 181, 140, 0.4);
  border-radius: 999px;
  color: #d2b58c;
  background: rgba(210, 181, 140, 0.1);
  font-size: 11px;
  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(243, 238, 231, 0.82);
  font-size: 13.5px;
  line-height: 1.55;
}
.smile-panel-fayda li::before {
  content: "";
  position: absolute;
  left: 0; top: 7px;
  width: 8px; height: 8px;
  border-radius: 50%;
  background: #c68b39;
  box-shadow: 0 0 10px rgba(198, 139, 57, 0.6);
}
.smile-panel-sure {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 18px;
  padding: 11px 14px;
  border-radius: 12px;
  background: rgba(198, 139, 57, 0.08);
  color: #eee5d8;
  font-size: 13px;
}
.smile-panel-sure svg { width: 18px; height: 18px; flex: 0 0 18px; color: #d2b58c; }
.smile-panel-sure b { font-weight: 500; color: rgba(243, 238, 231, 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: #1f180e;
}
.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: #211a11;
  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(25, 20, 12, 0.72);
  color: #fff;
  font-size: 10px;
  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: #19140c;
  background: linear-gradient(120deg, #c68b39, #d2b58c);
  cursor: pointer;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.01em;
  box-shadow: 0 14px 34px rgba(198, 139, 57, 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(198, 139, 57, 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(243, 238, 231, 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: 10.5px; }
  .smile-panel-kiyas { height: 165px; }
  .smile-map-ipucu { font-size: 12px; }
}
@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(17, 19, 18, 0.14);
  border-radius: 16px;
  background: #ffffff;
  box-shadow: 0 26px 60px rgba(17, 19, 18, 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(17, 19, 18, 0.22); }

.language-menu a {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  border-radius: 10px;
  color: #4c3d27;
  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(153, 120, 73, 0.1);
  color: #111312;
}
.language-menu a[aria-current="page"] {
  color: #111312;
  background: rgba(153, 120, 73, 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(17, 19, 18, 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(17, 19, 18, 0.16);
  background: rgba(255, 255, 255, 0.7);
  transition: border-color .2s ease, background .2s ease;
}
.language-button:hover { border-color: rgba(153, 120, 73, 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(17, 19, 18, 0.14) !important;
  border-radius: 14px !important;
  box-shadow: 0 24px 56px rgba(17, 19, 18, 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: 13.5px !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: 13px; 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: #b19368 !important;
  font-style: italic;
}
/* Koyu zeminli bölümlerde daha parlak ton */
.real-stories-heading h2 .editorial-serif { color: #d9c9a8 !important; }
.results-heading h2 .editorial-serif { color: #9b8a71 !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: #f5f2ed;
  font-size: 13px;
  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(56, 43, 24, 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, #8f734c, #6f5839);
  box-shadow: 0 3px 8px rgba(56, 43, 24, 0.35);
  transform: translateX(-50%);
}
.result-case-inner:hover { transform: rotate(0deg) translateY(-8px); box-shadow: 0 30px 60px rgba(56, 43, 24, 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: #4c3d27;
  font-size: 12.5px;
}
.result-meta strong { font-weight: 700; }
.result-meta span { color: rgba(76, 61, 39, 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: #f5f2ef; }
.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(76, 61, 39, 0.28) 12%, rgba(76, 61, 39, 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: 11.5px !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(76, 61, 39, 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(56, 43, 24, 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, #a08258, #6f5839);
}
.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: 10.5px !important;
}
.result-meta strong { font-size: 12px; }

@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(194,233,222,.7),transparent 24%),
    radial-gradient(circle at 9% 80%,rgba(240, 234, 225,.82),transparent 25%),
    linear-gradient(180deg,#fbfaf6 0%,#f7faf5 58%,#edf7e8 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(55, 43, 27,.13);
  border-radius: 999px;
  background: rgba(255,255,255,.76);
  color: #584c3b;
  font-size: 13px;
  letter-spacing: .1em;
}
.result-stories .results-heading h2 {
  margin: 0;
  color: #161411;
  font-size: clamp(54px,6.8vw,104px);
  font-weight: 600;
  letter-spacing: -.07em;
  line-height: .88;
}
.result-stories .results-heading h2 em { color: #a4865b; 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: #746c62; 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: #42321b;
  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(107, 88, 61,.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(68, 53, 33,.1);
  border-radius: 10px;
  background: rgba(255,255,255,.94);
  box-shadow: 0 17px 38px rgba(68, 53, 32,.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,#ae8b5a,#6a5231);
  box-shadow: 0 3px 8px rgba(56, 43, 24,.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(43, 33, 18,.72);
  color: #fff;
  font-size: 11px;
  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: 13px !important;
  line-height: 1.35;
}
.result-stories-list .result-meta strong { color: #3d311f; font-size: 14px; }
.result-stories .results-note { max-width: 820px; margin: 48px auto 0; padding: 0 20px; color: #7a7369; 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(158,238,112,.43),transparent 22%),
    radial-gradient(circle at 8% 88%,rgba(210,241,171,.5),transparent 22%),
    linear-gradient(180deg,#fbfaf5 0%,#fbfaf5 42%,#f2fae7 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(22,59,43,.13);
  color: #294d3b;
  font-size: 12px;
  letter-spacing: .035em;
}
.result-stories .results-heading > p span { margin-right: 6px; color: #32c96c; }
.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: #161411; font-style: normal; }
.results-heading-actions {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 19px;
}
.results-heading-actions > span { max-width: 520px; color: #4f5d55; font-size: 15px; line-height: 1.45; }
.results-heading-actions > a {
  min-height: 47px;
  padding: 0 22px;
  background: #39d66f;
  box-shadow: 0 10px 28px rgba(57,214,111,.23);
  color: #092716;
  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(63,86,72,.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(22,59,43,.12);
  border-radius: 16px;
  box-shadow: 0 17px 34px rgba(34,69,50,.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 #f6fff8;
  border-radius: 3px;
  background: #21c75b;
  box-shadow: 0 2px 6px rgba(13,87,43,.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: 10px; }
.result-stories-list .result-meta {
  min-height: 76px;
  padding: 10px 7px 12px !important;
  font-size: 12px !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(24,62,43,.14);
  border-radius: 50%;
  background: rgba(255,255,255,.88);
  box-shadow: 0 10px 24px rgba(39,82,54,.12);
  color: #102b1d;
  font-size: 25px;
  cursor: pointer;
  place-items: center;
  backdrop-filter: blur(10px);
}
.results-float-actions > *:hover { background: #39d66f; }
.result-stories .results-note { position: relative; z-index: 5; margin-top: -8px; color: #5f6e65; }

@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(200, 185, 163,.2),transparent 24%),
    radial-gradient(circle at 8% 88%,rgba(238, 232, 223,.72),transparent 24%),
    linear-gradient(180deg,#faf9f7 0%,#faf9f7 42%,#f2f1ee 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: 13px;
  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(134, 108, 72,.3); }
.result-stories-list .result-case-inner {
  border-color: var(--line);
  box-shadow: 0 17px 34px rgba(17, 19, 18,.13);
}
.result-stories-list .result-case-inner::before {
  border-color: #faf9f7;
  background: var(--accent);
  box-shadow: 0 2px 6px rgba(17, 19, 18,.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: #8c7860;
}

/* Uluslararası bölüm etiketi: adım kartlarındaki altın/bej tonla eşitlendi */
.journey-story-head > p {
  color: #8c7860 !important;
  font-weight: 750 !important;
}
.journey-story-head > p span { background: rgba(140, 120, 96, 0.5) !important; }

/* ==========================================================
   TEK VE SABIT CTA SISTEMI
   Navigasyon/slider/kapatma kontrolleri bu sistemin disindadir.
   ========================================================== */
:root {
  --aksu-cta-bg: #111312;
  --aksu-cta-bg-hover: #2a2e2c;
  --aksu-cta-text: #ffffff;
  --aksu-cta-shadow: 0 12px 26px rgba(56, 43, 24, .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(56, 43, 24, .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(56, 43, 24, .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(110, 88, 58, .13) !important;
  background: linear-gradient(110deg, #f8f5f1 0%, #f2ede6 100%) !important;
  box-shadow: 0 20px 48px rgba(77, 59, 34, .12) !important;
  color: var(--ink) !important;
}
.journey-story-foot strong { color: var(--ink) !important; }
.journey-story .journey-languages a { color: #776b59 !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: 13px !important;
  }
  .home-page .precision-cta,
  .home-page .neo-glass-button {
    font-size: 13px !important;
  }
}

/* ==========================================================
   SSS — GORSELSIZ, SADE VE METIN ODAKLI DUZEN
   ========================================================== */
.guide-faq.home-faq {
  padding: clamp(78px, 7vw, 108px) 0 !important;
  background: #f7faf9 !important;
}
.home-faq-top {
  align-items: flex-end;
  margin-bottom: clamp(38px, 4vw, 54px);
}
.home-faq-top h2 {
  margin-top: 20px;
  color: #685438 !important;
  font-size: clamp(48px, 5.2vw, 76px);
  line-height: .94;
}
.home-faq-top h2 em {
  color: #af9065 !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(56, 43, 24, .16);
  border-bottom: 1px solid rgba(56, 43, 24, .16);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.home-faq .faq-menu {
  border-right: 1px solid rgba(56, 43, 24, .14);
}
.home-faq .faq-menu button {
  min-height: 70px;
  padding: 18px 24px 18px 18px;
  border-bottom: 1px solid rgba(56, 43, 24, .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: #948c80;
  font-size: 12px;
  font-weight: 700;
}
.home-faq .faq-menu button b {
  color: #6e604c;
  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(238, 232, 223, .52);
}
.home-faq .faq-menu button.is-active i,
.home-faq .faq-menu button.is-active b {
  color: #715937;
}
.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(134, 108, 72, .24);
  border-radius: 999px;
  background: rgba(245, 242, 237, .75);
  color: var(--accent-deep);
  font-size: 12px;
  font-weight: 750;
  letter-spacing: .08em;
  line-height: 1;
}
.home-faq .faq-ghost::after {
  margin-left: 3px;
  color: #99938a;
  content: "/ 06";
  font-weight: 550;
}
.home-faq .faq-stage h3 {
  max-width: 25ch;
  margin: 0 0 20px;
  color: #725b3b;
  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: #73695c;
  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(56, 43, 24, .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(174, 147, 110, .16), transparent 28%),
    radial-gradient(circle at 94% 100%, rgba(200, 185, 163, .1), transparent 25%),
    #362917;
  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: #c2ac8d;
}
.patient-records-head .eyebrow > span {
  background: #c2ac8d;
}
.patient-records-head h2 {
  margin: 17px 0 0;
  color: #f7f8f6;
  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(247, 244, 239, .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(236, 228, 218, .19);
  border-radius: 14px;
  background: #433623;
  box-shadow: 0 18px 42px rgba(22, 16, 8, .2);
}
.patient-record-card::after {
  position: absolute;
  inset: 42% 0 0;
  background: linear-gradient(transparent, rgba(23, 17, 9, .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(247, 244, 239, .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: 13px; }
}

.clinical-records {
  padding: clamp(74px, 7vw, 112px) 0;
  background: #f7f8f6;
}
.clinical-records-head {
  margin-bottom: clamp(38px, 4vw, 58px);
}
.clinical-records-head h2 {
  max-width: 780px;
  margin: 18px 0 0;
  color: #9b8a71;
  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(105, 84, 55, .2);
}
.clinical-record-group > header > span {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  border-radius: 50%;
  background: #111312;
  color: #fff;
  font-size: 14px;
  font-weight: 720;
}
.clinical-record-group > header h3 {
  margin: 0;
  color: #473925;
  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: #807566;
  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(71, 57, 37, .13);
  border-radius: 10px;
  background: #eeebe8;
  box-shadow: 0 12px 32px rgba(69, 54, 34, .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(48, 36, 19, .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(22, 17, 9, .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(41, 31, 16, .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(89, 70, 43, .28);
  border-radius: 50%;
  background: rgba(255, 255, 255, .36);
  color: #67543a;
  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: #6b522f;
  background: #111312;
  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(89, 70, 43, .24);
  border-radius: 0;
  background: transparent;
  color: #433624;
  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: #7a5829;
}
.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(41, 31, 16, .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: #b9986b;
  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 #c8b9a3;
  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, #906c3a, #5f4726) !important;
  box-shadow: 0 16px 34px rgba(95, 71, 38,.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, #906c3a, #5f4726) !important;
  box-shadow: 0 20px 40px rgba(95, 71, 38,.38) !important;
  filter: brightness(1.05);
  color: #fff !important;
}

.menu-banner--video { background: #241b0f; }
.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(29, 22, 11, .96) 0%, rgba(29, 22, 11, .77) 44%, rgba(29, 22, 11, .42) 100%),
    linear-gradient(0deg, rgba(29, 22, 11, .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: #25d366;
  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: #1fbd59;
  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: #ebe6de;
}
.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: #3b2f1e;
  font-size: clamp(44px, 5vw, 72px);
  font-weight: 600;
  letter-spacing: -.055em;
  line-height: .98;
}
.about-human-story h2 em { color: #ac8754; font-style: normal; }
.about-human-story > div > p:last-child { max-width: 600px; color: #786f62; font-size: 17px; line-height: 1.72; }

.journey-flight-intro {
  position: absolute;
  inset: 0;
  z-index: 12;
  overflow: hidden;
  background: rgba(248, 245, 242, .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(76, 59, 36, .18));
  transform: rotate(-4deg);
}
.journey-aircraft svg { display: block; width: 100%; height: auto; }
.journey-aircraft-shadow { fill: rgba(81, 64, 41, .14); }
.journey-aircraft-body { fill: #fff; stroke: #cec2b0; stroke-width: 2; }
.journey-aircraft-accent { fill: #b09570; 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(144, 114, 72, .12);
  border-radius: 999px;
  background: rgba(255, 255, 255, .88);
  box-shadow: 0 18px 48px rgba(83, 67, 45, .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(62, 49, 31, .1);
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 7px 17px rgba(77, 62, 41, .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: #6a563a;
  font-size: 12px;
  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(71, 57, 37, .12);
  background: #fff;
  box-shadow: 0 8px 20px rgba(67, 52, 31, .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: #eae5de;
  opacity: .2;
  pointer-events: none;
}
.hero-video-background::after {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(249, 248, 247,.9) 0%, rgba(246, 243, 239,.62) 45%, rgba(225, 213, 196,.26) 100%),
    linear-gradient(0deg, rgba(242, 238, 232,.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: #25d366;
  box-shadow: 0 15px 36px rgba(14,87,49,.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: #1db957;
  box-shadow: 0 20px 42px rgba(14,87,49,.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(249, 248, 247,.58) 0%, rgba(246, 243, 239,.18) 48%, rgba(225, 213, 196,.02) 100%),
    linear-gradient(0deg, rgba(242, 238, 232,.08), transparent);
}

.menu-banner--clinic-tooth {
  background: linear-gradient(90deg, #231b0f 0 49%, #e3dacd 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(161, 131, 90,.34), transparent 38%),
    linear-gradient(138deg, #f6f3ef, #c9b395);
  content: "";
}
.menu-banner--clinic-tooth::after {
  background:
    linear-gradient(90deg, rgba(29, 22, 11,.98) 0%, rgba(29, 22, 11,.9) 39%, rgba(29, 22, 11,.4) 58%, rgba(29, 22, 11,.08) 100%),
    linear-gradient(0deg, rgba(29, 22, 11,.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(62, 46, 23,.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(36, 26, 12,.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(29, 22, 11,.96) 0%, rgba(29, 22, 11,.8) 41%, rgba(29, 22, 11,.28) 76%, rgba(29, 22, 11,.12) 100%),
    linear-gradient(0deg, rgba(29, 22, 11,.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(249, 248, 247,.56), rgba(243, 238, 232,.16)),
      linear-gradient(0deg, rgba(242, 238, 232,.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(29, 22, 11,.98) 0%, rgba(29, 22, 11,.92) 48%, rgba(29, 22, 11,.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: #f8f5f2;
  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(176, 141, 91,.08) 20%, rgba(176, 141, 91,.48));
  box-shadow: 0 12px 28px rgba(176, 141, 91,.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, #f1ece4 0%, #f7f4f0 48%, #f8fbfa 100%);
  animation: journey-flight-layer-real 10.3s both;
}
.journey-flight-intro::before {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(144, 115, 75,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(144, 115, 75,.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(144, 117, 79,.13);
  border-radius: 50%;
  box-shadow: 0 0 0 70px rgba(144, 117, 79,.035), 0 0 0 140px rgba(144, 117, 79,.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(116, 94, 63,.16);
  border-radius: 999px;
  background: rgba(255,255,255,.7);
  box-shadow: 0 12px 32px rgba(94, 74, 47,.08);
  color: #77654b;
  font-size: 12.5px;
  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,#bfaa8d,#8a6e48); }
.journey-flight-status strong { color: #47361e; font-weight: 800; }
.journey-flight-route {
  position: absolute;
  top: 57%;
  right: 5vw;
  left: 5vw;
  z-index: 1;
  height: 1px;
  border-top: 1px dashed rgba(144, 117, 79,.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: #b09672;
  box-shadow: 0 0 0 5px rgba(176, 150, 114,.12);
}
.journey-flight-route i { left: 0; }
.journey-flight-route span { right: 0; background: #47361e; }
.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(77, 62, 41,.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: #6a583e;
}
.journey-flight-destination > span {
  position: relative;
  display: grid;
  width: 38px;
  height: 38px;
  grid-row: 1 / 3;
  place-items: center;
  border: 1px solid rgba(95, 73, 43,.2);
  border-radius: 50%;
  background: rgba(255,255,255,.76);
  box-shadow: 0 10px 24px rgba(94, 75, 49,.1);
}
.journey-flight-destination > span::before {
  width: 10px;
  height: 10px;
  border: 3px solid #876535;
  border-radius: 50%;
  content: "";
}
.journey-flight-destination > span::after {
  position: absolute;
  bottom: 7px;
  left: 50%;
  width: 5px;
  height: 5px;
  border-right: 2px solid #876535;
  border-bottom: 2px solid #876535;
  content: "";
  transform: translateX(-50%) rotate(45deg);
}
.journey-flight-destination strong { font-size: 15px; letter-spacing: .035em; }
.journey-flight-destination small { color: #968c7d; font-size: 12.5px; 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: 9px; 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(178, 145, 98,.34), transparent 33%),
    radial-gradient(circle at 88% 120%, rgba(217,86,58,.35), transparent 39%),
    linear-gradient(112deg, #362815 0%, #523d20 56%, #634b2a 100%) !important;
  box-shadow: 0 28px 70px rgba(54, 40, 20,.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(215, 192, 160,.3);
  border-radius: 999px;
  background: rgba(173, 140, 94,.12);
  color: #decaaf;
  font-size: 11.5px;
  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(245, 241, 235,.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(31, 23, 11,.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(31, 23, 11,.16);
  color: #433522;
  content: attr(data-label);
  font-size: 10px;
  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, #906c3a, #5f4726) !important;
  box-shadow: 0 16px 34px rgba(95, 71, 38,.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(95, 71, 38,.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: #211c14;
  font-family: var(--font-body) !important;
  font-weight: 500;
  letter-spacing: -.055em;
  line-height: 1.02;
}
.precision-copy h1 em { color: #a5875d; }

/* Klinik bannerı: kesintisiz tek renk zemin, açıklama kolonu olmadan. */
.menu-banner--clinic-tooth {
  background: #2a1f10;
}
.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: #5f4726;
  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: #5f4726;
  content: " *";
}
.consultation-dialog .consultation-step > label > input {
  min-height: 40px;
  padding: 5px 2px 9px;
  border-bottom: 2px solid #88837b;
  border-radius: 0 0 10px 10px;
  font-size: 16px;
}
.consultation-dialog .consultation-step > label > input:focus {
  border-bottom-color: #906c3a;
}

/* 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, #906c3a, #5f4726) !important;
  box-shadow: 0 16px 34px rgba(95, 71, 38,.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, #906c3a, #5f4726) !important;
  box-shadow: 0 20px 40px rgba(95, 71, 38,.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, #906c3a, #5f4726) !important;
  box-shadow: 0 20px 40px rgba(95, 71, 38,.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: #f7f3ed;
}

.journey-story.is-scroll-flight .journey-flight-scroll {
  height: max(2480px, 285svh);
  background: #f7f3ed;
}

.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: #f7f3ed;
  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: #a6875b;
  font-size: clamp(15px, 1.35vw, 20px);
  font-weight: 700;
  letter-spacing: -.02em;
}

.journey-flight-opening h2 {
  margin: 0;
  color: #3f311e;
  font-size: clamp(44px, 4.25vw, 68px);
  font-weight: 650;
  letter-spacing: -.055em;
  line-height: 1.02;
}

.journey-flight-opening h2 em {
  color: #b29367;
  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(77, 62, 41, .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: #3f311e;
  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: #faf9f7;
  box-shadow: 0 36px 100px rgba(34, 25, 12, 0.34);
}

.consultation-wizard[open] {
  grid-template-columns: minmax(330px, 0.82fr) minmax(560px, 1.38fr);
}

.consultation-wizard::backdrop {
  background: rgba(22, 17, 9, 0.68);
  backdrop-filter: blur(10px);
}

.consultation-wizard .dialog-close {
  top: 22px;
  right: 22px;
  width: 44px;
  height: 44px;
  border-color: #dfd8ce;
  background: rgba(250, 249, 247, 0.88);
  color: #372a17;
  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: #846335;
  background: #fff;
  color: #846335;
  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(177, 149, 110, 0.2), transparent 35%),
    linear-gradient(155deg, #3b2d19 0%, #2f2312 62%, #291e0f 100%);
  color: #fff;
}

.consultation-wizard .dialog-copy .eyebrow {
  margin: 0;
  color: #c6ae8c;
  font-size: 10px;
  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: #bfa786;
}

.consultation-wizard .dialog-copy > p:not(.eyebrow):not(.wizard-count) {
  max-width: 34ch;
  margin: 0;
  color: rgba(255, 255, 255, 0.72);
  font-size: 13px;
  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: 9px;
  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: 12px;
  font-weight: 600;
  letter-spacing: 0.04em;
}

.wizard-map li small {
  font-size: 10px;
}

.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: #bfa786;
  background: #bfa786;
  color: #2f2312;
}

.wizard-map li.is-complete > span {
  border-color: rgba(191, 167, 134, 0.72);
  color: #bfa786;
}

.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: 10px;
  font-weight: 600;
}

.wizard-assurance small {
  color: rgba(255, 255, 255, 0.48);
  font-size: 9px;
}

.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: #faf9f7;
  scrollbar-width: thin;
  scrollbar-color: #d7cdbe 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: #846335;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.consultation-wizard .consultation-step legend {
  margin: 0;
  color: #372a18;
  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: #84796a;
  font-size: 12px;
  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 #e4dfd8;
  border-radius: 13px;
  background: rgba(255, 255, 255, 0.72);
  color: #3d3120;
}

.consultation-wizard .consultation-options span::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 16px;
  width: 16px;
  height: 16px;
  border: 1px solid #ccc4b9;
  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: 12.5px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.consultation-wizard .consultation-options span small {
  color: #8d8376;
  font-size: 10px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.35;
  text-transform: none;
}

.consultation-wizard .consultation-options label:hover span {
  border-color: #c0ac91;
  background: #fff;
}

.consultation-wizard .consultation-options input:checked + span {
  border-color: #846335;
  background: #f5f1ec;
  box-shadow: 0 8px 22px rgba(74, 55, 29, 0.08);
}

.consultation-wizard .consultation-options input:checked + span::after {
  border-color: #846335;
  background: #846335;
}

.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: 11px;
  letter-spacing: 0.02em;
}

.consultation-wizard .wizard-next,
.consultation-wizard .wizard-actions .button-primary {
  border-color: #3b2d19;
  background: #3b2d19;
  color: #fff;
  box-shadow: 0 12px 28px rgba(54, 40, 21, 0.14);
}

.consultation-wizard .wizard-next:hover,
.consultation-wizard .wizard-actions .button-primary:hover {
  border-color: #846335;
  background: #846335;
}

.consultation-wizard .wizard-back {
  border-color: #dbd5cc;
  background: transparent;
  color: #5d4f3c;
}

.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: #6a5d4b;
  font-size: 9px;
}

.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 #e1dcd5;
  border-radius: 10px;
  outline: none;
  background: #fff;
  color: #372a18;
  font: inherit;
  font-size: 13px;
  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: #846335;
  box-shadow: 0 0 0 3px rgba(132, 99, 53, 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: #84796a;
  font-size: 9px;
  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: #846335;
}

.consultation-wizard .wizard-consent > span::after {
  content: none;
}

.consultation-wizard .form-note {
  margin-top: 12px;
  color: #8d8376;
}

@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: 8px;
  }

  .wizard-map li b {
    font-size: 9px;
  }

  .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: 11px;
  }

  .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(184, 156, 118, 0.13), transparent 28%),
    linear-gradient(180deg, #fbfaf9 0%, #f6f3ef 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: #7a5c32;
}

.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: #a4875f;
}

.google-reviews-head > div > p:last-child {
  max-width: 58ch;
  margin: 26px 0 0;
  color: #807565;
  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(94, 71, 38, 0.13);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.84);
  box-shadow: 0 20px 55px rgba(70, 53, 29, 0.08);
  color: #111312;
  transition: transform 220ms ease, border-color 220ms ease, box-shadow 220ms ease;
}

.google-review-summary:hover {
  border-color: rgba(122, 92, 50, 0.36);
  box-shadow: 0 25px 65px rgba(70, 53, 29, 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: #cca36a;
  box-shadow: inset 0 0 0 1px #e7e3de;
  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: #958b7e;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
}

.google-review-summary small {
  color: #887e70;
  font-size: 11px;
}

.google-review-summary > strong {
  grid-column: 1 / -1;
  margin-top: 13px;
  padding-top: 15px;
  border-top: 1px solid #ebe8e3;
  color: #7a5c32;
  font-size: 12.5px;
  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(122, 92, 50, 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(84, 63, 34, 0.12);
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.93);
  box-shadow: 0 20px 55px rgba(79, 60, 34, 0.08);
}

.google-review-track .neo-review-card::before {
  position: absolute;
  top: -36px;
  right: -18px;
  color: rgba(169, 141, 102, 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(122, 92, 50, 0.35);
  box-shadow: 0 28px 70px rgba(79, 60, 34, 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: #877d6f;
  font-size: 12px;
  font-weight: 650;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.google-review-track .neo-review-stars {
  color: #f3b51b;
  font-size: 17px;
  letter-spacing: 0.08em;
}

.google-review-track .neo-review-card blockquote {
  position: relative;
  z-index: 1;
  margin: 27px 0 36px;
  color: #423523;
  font-size: clamp(17px, 1.18vw, 19px);
  line-height: 1.62;
}

.google-review-track .neo-review-avatar {
  background: #f2ede7;
  color: #7a5c32;
}

.google-review-track .neo-review-meta > a:hover {
  background: #7a5c32;
}

.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: #877d6f;
  font-size: 12px;
}

.neo-testimonials .neo-review-bottom > p span {
  color: #7a5c32;
  font-size: 18px;
}

.google-reviews-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 48px;
  padding: 0 20px;
  border: 1px solid rgba(84, 63, 34, 0.17);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.7);
  color: #574021;
  font-size: 11px;
  font-weight: 650;
  transition: color 200ms ease, background-color 200ms ease, border-color 200ms ease;
}

.google-reviews-link:hover {
  border-color: #7a5c32;
  background: #7a5c32;
  color: #fff;
}

.neo-testimonials .neo-review-controls button {
  width: 48px;
  height: 48px;
  border-color: rgba(84, 63, 34, 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(17, 19, 18, 0.14);
  border-radius: 17px;
  background: rgba(255, 255, 255, 0.68);
  color: #111312;
  box-shadow: 0 12px 34px rgba(95, 73, 43, 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(144, 108, 58, 0.48);
  background: #fff;
  box-shadow: 0 18px 42px rgba(95, 73, 43, 0.12);
  transform: translateY(-3px);
}

.neo-contact-icon {
  display: grid;
  width: 48px;
  height: 48px;
  place-items: center;
  border-radius: 14px;
  background: linear-gradient(145deg, #906c3a, #5f4726);
  box-shadow: 0 10px 24px rgba(95, 71, 38, 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: #7f7363;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1.25;
  text-transform: uppercase;
}

.neo-contact-cards strong {
  overflow-wrap: anywhere;
  color: #111312;
  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: 13px !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(166, 133, 87, 0.14), transparent 26%),
    linear-gradient(180deg, #faf9f7 0%, #f3f0ec 100%);
  color: #111312;
}

.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: #7a5c32;
}

.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: #a4875f;
  font-weight: 400;
}

.material-showcase-intro > p {
  margin: 0;
  color: #807565;
  font-size: 15px;
  line-height: 1.72;
}

.material-showcase-intro > span {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 18px;
  margin-top: 21px;
  color: #57442a;
  font-size: 12.5px;
  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: #7a5c32;
  color: #fff;
  font-size: 10px;
  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(122, 92, 50, 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(80, 61, 34, 0.12);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.86);
  box-shadow: 0 18px 48px rgba(78, 59, 32, 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(78, 59, 32, 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: #8d8477;
  font-size: 10px;
  letter-spacing: .12em;
}

.material-card-top span {
  color: var(--material-accent);
  font-size: 11px;
  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: #111312;
  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: #82786b;
  font-size: 12px;
  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(80, 61, 34, 0.1);
  color: #6e5f49;
  font-size: 12px;
  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: #837868;
  font-size: 12px;
}

.material-showcase-footer > p span {
  color: #7a5c32;
  font-size: 18px;
}

.material-progress {
  position: relative;
  height: 2px;
  overflow: hidden;
  background: rgba(91, 68, 37, 0.14);
}

.material-progress i {
  position: absolute;
  inset: 0;
  display: block;
  background: #7a5c32;
  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(91, 68, 37, 0.2);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.78);
  color: #574021;
  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: #7a5c32;
  background: #7a5c32;
  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 #edebe8;
  border-bottom: 1px solid #edebe8;
  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(144, 108, 58, .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(88, 67, 37, .08);
  background:
    radial-gradient(circle at 88% 8%, rgba(172, 143, 103, .15), transparent 28%),
    linear-gradient(180deg, #fbfaf9 0%, #f5f2ee 100%);
  color: #372a17;
}

.material-showcase-heading {
  display: block;
}

.material-showcase-heading .neo-kicker {
  margin-bottom: 22px;
  color: #7c5c30;
}

.material-showcase-heading h2 {
  max-width: 980px;
  margin: 0;
  color: #372a17;
  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: #a78a62;
  font-style: normal;
  font-weight: 420;
}

.material-showcase-copy {
  display: grid;
  gap: 28px;
}

.material-showcase-copy > p {
  max-width: 400px;
  margin: 0;
  color: #827665;
  font-size: 15px;
  line-height: 1.7;
}

.material-package-count {
  display: flex;
  align-items: center;
  gap: 12px;
  color: #958b7d;
  font-size: 13px;
  letter-spacing: .08em;
}

.material-package-count b {
  color: #73552a;
  font-family: var(--font-heading);
  font-size: 27px;
  font-weight: 600;
}

.material-package-count i {
  width: 52px;
  height: 1px;
  background: rgba(115, 85, 42, .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(155, 138, 113, .14);
  border-radius: 30px;
  background:
    radial-gradient(circle at 1px 1px, rgba(155, 138, 113, .12) 1px, transparent 1.2px) 0 0 / 18px 18px,
    radial-gradient(circle at 88% 12%, rgba(200, 185, 163, .2), transparent 30%),
    linear-gradient(135deg, rgba(238, 232, 223, .92), rgba(250, 248, 245, .88));
  box-shadow: 0 24px 68px rgba(81, 62, 36, .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(155, 138, 113, .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(102, 76, 40, .18);
  background: rgba(255, 255, 255, .94);
  box-shadow: 0 12px 34px rgba(71, 54, 29, .12);
  color: #594222;
  transform: translateY(-50%);
}

.material-arrow:hover {
  border-color: #7e5e31;
  background: #7e5e31;
  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: #6e5129;
  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(155, 138, 113, .11) 1px, transparent 1.2px) 0 0 / 15px 15px,
      radial-gradient(circle at 88% 12%, rgba(200, 185, 163, .18), transparent 34%),
      linear-gradient(145deg, #f1ebe2, #f9f6f3);
  }

  .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(177, 146, 103, .21), transparent 27%),
    radial-gradient(circle at 7% 76%, rgba(119, 93, 56, .2), transparent 30%),
    linear-gradient(145deg, #1d160d 0%, #302515 52%, #241c10 100%);
  color: #fff;
}

.material-showcase::before {
  position: absolute;
  top: -230px;
  right: -150px;
  width: 650px;
  height: 650px;
  border: 1px solid rgba(204, 180, 146, .13);
  border-radius: 50%;
  box-shadow:
    0 0 0 74px rgba(197, 170, 132, .035),
    0 0 0 148px rgba(197, 170, 132, .022);
  content: "";
  pointer-events: none;
}

.material-showcase-heading {
  position: relative;
  z-index: 2;
}

.material-showcase-heading .neo-kicker {
  color: #c6ae8c;
}

.material-showcase-heading h2 {
  color: #faf9f7;
  text-shadow: 0 15px 45px rgba(0, 0, 0, .18);
}

.material-showcase-heading h2 em {
  color: #b89e79;
}

.material-slider {
  padding: 0 72px 62px;
  border: 1px solid rgba(219, 203, 181, .15);
  border-radius: 38px;
  background:
    radial-gradient(circle at 16% 86%, rgba(175, 139, 88, .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(205, 180, 146, .13);
  border-radius: 50%;
  box-shadow: 0 0 0 56px rgba(191, 163, 123, .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(169, 131, 78, .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(242, 236, 228, .72);
  font-size: 12px;
  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: #c1a67f;
  box-shadow: 0 0 18px rgba(193, 166, 127, .85);
}

.material-slider-meta b {
  color: #c3aa88;
  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(216, 203, 184, .24);
  background: rgba(44, 33, 18, .86);
  box-shadow: 0 12px 35px rgba(0, 0, 0, .35);
  color: #f5eee5;
  backdrop-filter: blur(10px);
}

.material-arrow:hover {
  border-color: #c8b9a3;
  background: #b19772;
  color: #1a140b;
}

.material-dots {
  z-index: 4;
}

.material-dots button {
  background: #e5d9c9;
  opacity: .25;
}

.material-dots button.is-active {
  background: #c3a881;
  box-shadow: 0 0 18px rgba(195, 168, 129, .7);
  opacity: 1;
}

@media (max-width: 760px) {
  .material-showcase {
    background:
      radial-gradient(circle at 92% 5%, rgba(177, 146, 103, .2), transparent 25%),
      linear-gradient(155deg, #1d160d, #302515 62%, #241c10);
  }

  .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: 8px;
    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(122, 98, 64, .18);
  background: #ede7df;
  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(61, 46, 25, .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(58, 43, 22, .9);
  box-shadow: 0 10px 25px rgba(43, 32, 16, .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: #8b6837;
  box-shadow: 0 10px 30px rgba(139, 104, 55, .42);
  transform: translate(-50%, -50%) scale(1.1);
}

.smile-panel-kiyas {
  height: 236px;
  margin-bottom: 20px;
  border: 1px solid rgba(207, 179, 139, .24);
  border-radius: 20px;
  background: #1b150c;
  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(27, 20, 11, .62);
  color: rgba(249, 245, 239, .78);
  content: "İMLECİ HAREKET ETTİRİN  ↔";
  font-size: 8px;
  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(187, 153, 106, .34);
}

.kiyas-cizgi i {
  width: 44px;
  height: 44px;
  border: 1px solid rgba(255, 255, 255, .86);
  background: rgba(58, 43, 22, .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: #8b6837;
  box-shadow: 0 10px 30px rgba(139, 104, 55, .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(27, 20, 11, .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: 7px;
  }

  .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: #9b8a71;
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.about-editorial--revised > div:last-child p {
  max-width: 650px;
  margin: 0 0 24px;
  color: #685c4b;
  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(169, 139, 98, .18), transparent 30%),
    linear-gradient(155deg, #231a0e 0%, #392b18 58%, #2c2112 100%);
  color: #fff;
}

.clinic-support-teams::before {
  position: absolute;
  top: -220px;
  right: -180px;
  width: 560px;
  height: 560px;
  border: 1px solid rgba(203, 177, 141, .14);
  border-radius: 50%;
  box-shadow: 0 0 0 72px rgba(203, 177, 141, .04), 0 0 0 144px rgba(203, 177, 141, .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: #ccb493;
}

.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: #b89f7c;
  font-style: normal;
  font-weight: inherit;
}

.clinic-section-heading > p:last-child {
  max-width: 560px;
  margin: 0;
  color: rgba(246, 242, 236, .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: #c8b9a3;
}

.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(246, 243, 239, .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(252, 251, 249, .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: #bb9d73;
  box-shadow: 0 0 14px rgba(187, 157, 115, .8);
  content: "";
}

.clinic-spaces {
  padding-block: clamp(100px, 11vw, 170px);
}

.clinic-spaces .clinic-section-heading {
  color: #372b1b;
}

.clinic-spaces .clinic-section-heading .eyebrow {
  color: #9b8a71;
}

.clinic-spaces .clinic-section-heading > p:last-child {
  color: #82786a;
}

.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: #736757;
  font-size: 12px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.clinic-spaces-grid figcaption span {
  color: #9b8a71;
  font-weight: 700;
}

.mission-grid--revised {
  position: relative;
  overflow: hidden;
  padding-block: clamp(92px, 10vw, 150px);
  background: linear-gradient(135deg, #0c0e0d, #171a19 62%, #222624);
}

.mission-grid--revised::before {
  position: absolute;
  inset: 0;
  background-image: linear-gradient(rgba(200, 185, 163, .055) 1px, transparent 1px), linear-gradient(90deg, rgba(200, 185, 163, .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: #c8b9a3;
  font-size: 13px;
}

.mission-grid--revised h2 {
  margin-top: 74px;
  font-size: clamp(39px, 4vw, 58px);
}

.mission-grid--revised p {
  max-width: 430px;
  color: rgba(246, 243, 239, .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(200, 185, 163, .15), transparent 56%),
    linear-gradient(180deg, rgba(255, 255, 255, .995), rgba(246, 243, 239, .99));
  box-shadow: 0 14px 34px rgba(17, 19, 18, .15), 0 1px 0 rgba(255, 255, 255, .7) inset;
  color: var(--ink);
  font-family: inherit;
  font-size: 13px;
  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(166, 133, 88, .48);
  background:
    radial-gradient(120% 110% at 88% 0%, rgba(200, 185, 163, .22), transparent 56%),
    #fff;
  box-shadow: 0 18px 42px rgba(17, 19, 18, .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: 12px;
  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: #362a1a;
}



/* 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, #0c0e0d, var(--dark) 58%, #222624);
  text-align: center;
}

/* marka dokusu: ince ızgara */
.art-hero::before {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(200, 185, 163, .055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(200, 185, 163, .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(246, 243, 239, .6);
  font-size: 13px;
  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(200, 185, 163, .55);
}

.art-crumb span[aria-current] {
  color: rgba(246, 243, 239, .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(8px,.65vw,12px);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:#dddad7}
  .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(11px,1.05vw,17px);writing-mode:vertical-rl;transform:rotate(180deg);color:#111}
  .case-01 .note3{right:8.5%;top:28%;font-size:clamp(11px,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(9px,.8vw,13px);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(13px,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:#eedfe4}
  .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(150,0,32,.08) 25%,transparent 43%,rgba(120,0,25,.14) 70%,rgba(110,0,20,.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:#e9e4df}
  .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(9px,.85vw,13px);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(8px,.75vw,12px);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:#d9d2cc}
  .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(8px,.8vw,12px);color:#fff;text-align:right}

  .single-04{aspect-ratio:3.05/1;background:#eadede}
  .single-04 img{object-position:50% 54%;transform:scale(1.72)}
  .single-04 .shade{background:linear-gradient(90deg,rgba(66,0,18,.12),transparent 33%,transparent 70%,rgba(66,0,18,.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(8px,.75vw,12px);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(8px,.75vw,12px);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(8px,.7vw,11px);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:7px!important}
    .script{font-size:18px!important}.arrow{font-size:20px!important}.caps{font-size:7px!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:6px;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:#ece8e4;
  }
  .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(7px,.65vw,11px);
    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:#d9d8db}
  .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:#d7d1ca}
  .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(8px,.75vw,12px);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:6px;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:6px;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: 10px;
}

/* bağlantı satırları daha sıkı */
.desktop-nav .nav-mega-col a {
  padding: 5px 9px;
  border-radius: 9px;
  font-size: 12.5px;
}

/* ö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: 11.5px;
  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: 11px;
  line-height: 1.45;
}

.nav-mega-feature-eyebrow {
  padding: 4px 8px;
}

.nav-mega-feature-cta {
  margin-top: 2px;
  font-size: 9.5px;
}

/* ── 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: #7a684a;
}

.smile-stories-page .clinic-section-heading > p:last-child {
  color: rgba(17, 19, 18, .62);
}

.smile-stories-page .clinic-spaces-grid figcaption {
  color: rgba(17, 19, 18, .58);
}

.smile-stories-page .clinic-spaces-grid figcaption span {
  color: #7a684a;
}

/* ── 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: 11.5px;
}

.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: 12.5px;
  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: 12px;
}

/* adım sayacı */
.wizard-count {
  color: rgba(252, 251, 249, .72) !important;
  font-size: 12px !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: #846335;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .12em;
  line-height: 1.3;
  text-transform: uppercase;
}

.consultation-wizard .wizard-step-title {
  display: block;
  color: #372a18;
  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: 11px;
  }

  .consultation-wizard .wizard-step-intro {
    font-size: 13px;
  }
}

/* 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(143, 109, 61, .2), transparent 30%), linear-gradient(145deg, #1b140b, #231b0f 58%, #2c2112);
}

.doctor-showcase::after {
  background: radial-gradient(circle at 70% 22%, rgba(235, 218, 195, .44), transparent 25%), radial-gradient(circle at 22% 76%, rgba(73, 55, 29, .48), transparent 37%), linear-gradient(145deg, #4b381e 0%, #936d38 45%, #a98758 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: #a4865e;
  background: #f7faf9;
  box-shadow: 0 0 0 7px #f7faf9;
  font-size: 0;
}

.journey-step.is-active .journey-step-marker {
  background: #8f7045;
}

/* 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(13px, 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, #f7f8f6 0%, #f7f6f4 54%, #f5f2ef 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(95, 72, 39, .14);
  border-radius: 18px;
  background: #faf8f5;
}

.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(65, 49, 27, .12);
  border-radius: 24px;
  background: #241b0f;
  box-shadow: 0 18px 48px rgba(44, 32, 15, .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: 12px;
}

.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: 13px;
  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: 13px;
}

/* Konsültasyonun bütün adımlarında küçük metinler ve geri aksiyonu. */
.consultation-wizard .wizard-step-kicker {
  font-size: 13px;
}

.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: 12.5px;
  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 #bda98a !important;
  background: #fff !important;
  box-shadow: 0 8px 20px rgba(54, 40, 21, .08);
  color: #3b2d19 !important;
  opacity: 1 !important;
}

.consultation-wizard .wizard-back:is(:hover, :focus-visible) {
  border-color: #846335 !important;
  background: #f2ebe2 !important;
  color: #2f2312 !important;
}

.consultation-wizard .wizard-contact-grid label,
.consultation-wizard .wizard-consent,
.consultation-wizard .form-note {
  font-size: 12.5px;
}

.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: 12px;
  }

  .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: 13.5px;
  }

  .consultation-wizard .consultation-options span small {
    font-size: 12px;
  }

  .consultation-wizard .wizard-next,
  .consultation-wizard .wizard-back,
  .consultation-wizard .wizard-actions .button-primary {
    font-size: 13.5px !important;
  }

  .home-page .consultation-wizard .wizard-next,
  .home-page .consultation-wizard .wizard-back,
  .home-page .consultation-wizard .wizard-actions .button-primary {
    font-size: 13.5px !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: 12.5px;
  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: 13.5px;
    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: #f4f1ec;
  color: #2f271d;
}

.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(183, 148, 97, .2), transparent 29%),
    radial-gradient(circle at 68% 102%, rgba(80, 126, 128, .17), transparent 35%),
    linear-gradient(132deg, #111715 0%, #15211e 48%, #2d251a 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: 13px;
  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: #c8a977;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.consultation-page-hero h1 {
  max-width: 770px;
  margin: 0;
  color: #f8f5ef;
  font-size: clamp(64px, 7vw, 112px);
  font-weight: 500;
  letter-spacing: -.065em;
  line-height: .86;
}

.consultation-page-hero h1 em {
  color: #c3a575;
  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(36, 29, 20, .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(191, 161, 111, .25), transparent 34%),
    linear-gradient(155deg, #392b1c, #211b14 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: 13px;
  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: #2e241a;
  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: 13px;
  line-height: 1.4;
}

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

.consultation-page-map li.is-active i {
  border-color: #d0b17f;
  background: #d0b17f;
  box-shadow: 0 0 0 5px rgba(208, 177, 127, .12);
}

.consultation-page-map li.is-complete {
  color: rgba(255, 255, 255, .7);
}

.consultation-page-map li.is-complete i {
  border-color: #6e9991;
  background: #6e9991;
}

.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: #c8a977;
  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: 11px;
  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: #c8a977;
  font-size: 12px;
}

.consultation-page-assurance p {
  margin: 0;
  color: rgba(255, 255, 255, .52);
  font-size: 10px;
  line-height: 1.55;
}

.consultation-page-assurance b {
  color: rgba(255, 255, 255, .86);
  font-size: 11px;
}

.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: #8a6737;
  font-size: 12px;
}

.consultation-page-form .consultation-step .wizard-step-title {
  max-width: 800px;
  margin: 0;
  color: #2f271d;
  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: #81776a;
  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: #dfd8ce;
  border-radius: 16px;
  background: #fbfaf8;
}

.consultation-page-form .consultation-options span b {
  font-size: 14px;
}

.consultation-page-form .consultation-options span small {
  font-size: 12px;
}

.consultation-page-form .consultation-options input:checked + span {
  border-color: #927044;
  background: #f4eee5;
  box-shadow: 0 10px 25px rgba(91, 68, 37, .08);
}

.consultation-page-form .wizard-contact-grid {
  gap: 18px;
}

.consultation-page-form .wizard-contact-grid label {
  font-size: 12px;
}

.consultation-page-form .wizard-contact-grid label > span {
  color: #645849;
  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: #776b5d;
  font-size: 12px;
  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: #846335;
}

.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: 13px !important;
}

.consultation-page-form .wizard-actions .button-primary {
  min-width: 240px;
  border-color: #18201d;
  background: #18201d;
  color: #fff;
}

.consultation-page-form .form-note {
  margin: 18px 0 0;
  color: #8a8175;
  font-size: 12px;
  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: 10px;
    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: 12px;
  }

  .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: 13px;
    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: 10px;
  }

  .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: 13px;
  }

  .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: 12px;
  }

  .consultation-page-form .consultation-options span small {
    font-size: 11px;
  }

  .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: 12px !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: 11px;
    letter-spacing: .025em;
  }

  .site-header .header-actions {
    gap: 10px;
  }

  .site-header .language-button {
    font-size: 11px;
  }

  .site-header .header-cta {
    min-height: 46px;
    padding-inline: 14px !important;
    font-size: 12px !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: 10.5px !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: 13px !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: 9.5px !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: 10.5px !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: 10.5px;
}

/* 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: #1d1d1f;
  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: 13px;
  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: 12.5px;
  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: 13px;
  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 #111312;
    border-radius: 999px;
    background: #111312;
    color: #fff;
    font-size: 11px;
    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: #111312 !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(17, 19, 18, .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: #6e6e73;
    font-size: 11px;
    font-weight: 750;
    letter-spacing: .16em;
  }

  .mobile-menu-heading > p:last-child {
    margin: 0;
    color: #86868b;
    font-size: 12px;
    line-height: 1.4;
    text-align: right;
  }

  .mobile-menu nav {
    border-top: 1px solid rgba(17, 19, 18, .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(17, 19, 18, .1);
    color: #111312;
    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(17, 19, 18, .16);
    background: transparent;
    color: #111312;
  }

  .mobile-sub-toggle:hover,
  .mobile-sub-toggle[aria-expanded="true"] {
    border-color: #111312;
    background: #111312;
    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(17, 19, 18, .1);
    border-radius: 0;
    background: transparent;
  }

  .mobile-menu .mobile-sub a {
    min-height: 42px;
    padding: 9px 0;
    border: 0;
    border-radius: 0;
    color: #515154;
    font-size: 13px;
    line-height: 1.35;
  }

  .mobile-menu .mobile-sub a::before {
    width: 4px;
    height: 4px;
    background: #86868b;
  }

  .mobile-menu .mobile-sub .mobile-sub-all {
    color: #111312;
    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: #111312;
    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: 11px;
  }

  .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: 13px !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: 13px !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: 13px !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: 12px !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: #111312;
  }

  .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(17, 19, 18, .02) 8%, rgba(17, 19, 18, .18) 37%, #111312 66%, #111312 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: 12.5px;
    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: 10px;
  }

  .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;
  }
}