/* Aksu Clinic — Apple-inspired neutral palette
   Color-only layer: no sizing, spacing, positioning or typography changes. */

:root {
  --apple-black: #000;
  --apple-ink: #1d1d1f;
  --apple-secondary: #6e6e73;
  --apple-tertiary: #86868b;
  --apple-surface: #f5f5f7;
  --apple-surface-2: #e8e8ed;
  --apple-white: #fff;
  --apple-line: rgba(0, 0, 0, .12);
  --apple-line-dark: rgba(255, 255, 255, .16);

  --canvas: var(--apple-surface);
  --canvas-deep: var(--apple-surface-2);
  --ink: var(--apple-ink);
  --muted: var(--apple-secondary);
  --line: var(--apple-line);
  --accent: var(--apple-tertiary);
  --accent-deep: var(--apple-ink);
  --cream: var(--apple-white);
  --dark: var(--apple-black);
  --neo-bg: var(--apple-surface);
  --neo-panel: var(--apple-white);
  --neo-panel-2: var(--apple-surface-2);
  --neo-ink: var(--apple-ink);
  --neo-muted: var(--apple-secondary);
  --neo-line: var(--apple-line);
  --neo-accent: var(--apple-tertiary);
  --neo-cyan: var(--apple-tertiary);
  --aksu-bg: var(--apple-surface);
  --aksu-white: var(--apple-white);
  --aksu-ink: var(--apple-ink);
  --aksu-grey: var(--apple-tertiary);
  --aksu-ice: var(--apple-surface-2);
  --aksu-champagne: var(--apple-secondary);
  color-scheme: light;
}

html,
body,
.page-shell,
main {
  background-color: var(--apple-surface);
  color: var(--apple-ink);
}

::selection {
  background: var(--apple-ink);
  color: var(--apple-white);
}

/* Header and navigation */
.site-header,
.home-page .site-header,
.home-page .site-header.is-scrolled {
  border-bottom-color: var(--apple-line) !important;
  background: rgba(255, 255, 255, .9) !important;
  box-shadow: 0 8px 30px rgba(0, 0, 0, .06) !important;
  color: var(--apple-ink) !important;
  backdrop-filter: saturate(180%) blur(20px) !important;
}

.site-header :where(.desktop-nav > a, .nav-trigger, .language-button),
.home-page .site-header :where(.desktop-nav > a, .nav-trigger, .language-button) {
  color: var(--apple-ink) !important;
}

.site-header :where(.desktop-nav > a, .nav-trigger)::after {
  background: var(--apple-ink) !important;
}

.site-header :where(.nav-mega, .language-menu),
.mobile-menu {
  border-color: var(--apple-line) !important;
  background: rgba(255, 255, 255, .98) !important;
  background-image: none !important;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .14) !important;
  color: var(--apple-ink) !important;
}

.nav-mega :where(a, strong, .nav-mega-feature-title, .nav-mega-cta),
.language-menu a,
.mobile-menu a,
.mobile-sub-toggle {
  color: var(--apple-ink) !important;
}

.nav-mega :where(.nav-mega-label, .nav-mega-feature-eyebrow, .nav-mega-feature-text, p),
.mobile-menu-label {
  color: var(--apple-secondary) !important;
}

.nav-mega-feature,
.nav-mega-foot,
.mobile-sub {
  border-color: var(--apple-line) !important;
  background: var(--apple-surface) !important;
}

.language-button,
.menu-button {
  border-color: var(--apple-line) !important;
  background-color: var(--apple-white) !important;
}

.menu-button > span:not(.sr-only) {
  background: var(--apple-ink) !important;
}

/* Primary actions */
:where(
  .header-cta,
  .precision-cta,
  .button-primary,
  .page-cta a,
  .guide-cta a,
  .treatment-detail-aside a,
  .treatment-detail-bottom a,
  .doctor-editorial-cta .button,
  .clinic-package-foot button,
  .neo-glass-button,
  .journey-cta,
  .results-all-link,
  .google-reviews-link
) {
  border-color: var(--apple-black) !important;
  background: var(--apple-black) !important;
  background-image: none !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, .18) !important;
  color: var(--apple-white) !important;
}

:where(
  .header-cta,
  .precision-cta,
  .button-primary,
  .page-cta a,
  .guide-cta a,
  .treatment-detail-aside a,
  .treatment-detail-bottom a,
  .doctor-editorial-cta .button,
  .clinic-package-foot button,
  .neo-glass-button,
  .journey-cta,
  .results-all-link,
  .google-reviews-link
):is(:hover, :focus-visible) {
  border-color: #424245 !important;
  background: #424245 !important;
  color: var(--apple-white) !important;
}

/* Shared accents and secondary copy */
:where(
  .eyebrow,
  .neo-kicker,
  .precision-eyebrow,
  .founder-intro-kicker,
  .clinic-signature-kicker,
  .treatment-detail-kicker,
  .treatment-kicker,
  .guide-eyebrow,
  .section-kicker,
  .insight-kicker,
  .wizard-step-kicker,
  .doctor-editorial-copy > span,
  .menu-banner-number,
  .about-section-index,
  .clinic-role-copy > span
) {
  color: var(--apple-tertiary) !important;
}

:where(.eyebrow, .neo-kicker, .founder-intro-kicker, .clinic-signature-kicker) > span {
  background: var(--apple-tertiary) !important;
}

/* Full-width dark stages */
:where(
  .founder-intro,
  .material-showcase,
  .treatment-gallery,
  .smile-map,
  .doctor-showcase,
  .real-stories,
  .patient-records,
  .clinic-support-teams,
  .art-hero,
  .closing-wall,
  .site-footer
) {
  background: var(--apple-black) !important;
  background-image: none !important;
  color: var(--apple-white) !important;
}

:where(
  .founder-intro,
  .material-showcase,
  .treatment-gallery,
  .smile-map,
  .doctor-showcase,
  .real-stories,
  .patient-records,
  .clinic-support-teams,
  .art-hero,
  .closing-wall,
  .site-footer
) :where(h1, h2, h3, h4, strong, b, blockquote) {
  color: var(--apple-white) !important;
}

:where(
  .founder-intro,
  .material-showcase,
  .treatment-gallery,
  .smile-map,
  .doctor-showcase,
  .real-stories,
  .patient-records,
  .clinic-support-teams,
  .art-hero,
  .closing-wall,
  .site-footer
) :where(p, small, cite, li) {
  color: #a1a1a6 !important;
}

/* Neutral light stages */
:where(
  .clinic-signature,
  .real-smiles-intro,
  .result-stories,
  .neo-testimonials,
  .international-journey,
  .guide-faq,
  .neo-contact,
  .about-editorial,
  .about-human-story,
  .clinic-spaces,
  .mission-grid,
  .treatment-catalogue,
  .guide-content-section,
  .guide-timeline,
  .insight-grid,
  .insight-reading,
  .dental-art,
  .doctor-editorial-list,
  .case-archive,
  .clinical-records
) {
  background-color: var(--apple-surface) !important;
  background-image: none !important;
  color: var(--apple-ink) !important;
}

:where(
  .clinic-signature,
  .real-smiles-intro,
  .result-stories,
  .neo-testimonials,
  .international-journey,
  .guide-faq,
  .neo-contact,
  .about-editorial,
  .about-human-story,
  .clinic-spaces,
  .mission-grid,
  .treatment-catalogue,
  .guide-content-section,
  .guide-timeline,
  .insight-grid,
  .insight-reading,
  .dental-art,
  .doctor-editorial-list,
  .case-archive,
  .clinical-records
) :where(h1, h2, h3, h4, strong, b) {
  color: var(--apple-ink) !important;
}

:where(
  .clinic-signature,
  .real-smiles-intro,
  .result-stories,
  .neo-testimonials,
  .international-journey,
  .guide-faq,
  .neo-contact,
  .about-editorial,
  .about-human-story,
  .clinic-spaces,
  .mission-grid,
  .treatment-catalogue,
  .guide-content-section,
  .guide-timeline,
  .insight-grid,
  .insight-reading,
  .dental-art,
  .doctor-editorial-list,
  .case-archive,
  .clinical-records
) :where(p, small, cite, li) {
  color: var(--apple-secondary) !important;
}

/* Inner-page media banners retain photography with a neutral black overlay. */
.menu-banner {
  background-color: var(--apple-black) !important;
  color: var(--apple-white) !important;
}

.menu-banner::before,
.menu-banner::after {
  background: linear-gradient(90deg, rgba(0, 0, 0, .72), rgba(0, 0, 0, .2)) !important;
}

.menu-banner :where(h1, h1 em, .eyebrow, .menu-banner-copy, .menu-banner-number) {
  color: var(--apple-white) !important;
}

/* Homepage hero keeps its real footage; only its overlay and fallback are neutral. */
.neo-hero,
.neo-hero--precision,
.hero-video-background {
  background-color: var(--apple-black) !important;
  background-image: none !important;
}

.hero-video-background::after,
.neo-hero::after {
  background: linear-gradient(90deg, rgba(0, 0, 0, .72), rgba(0, 0, 0, .16)) !important;
}

.precision-copy :where(h1, h1 span, h1 em) {
  color: var(--apple-white) !important;
}

.precision-copy :where(.precision-eyebrow, .precision-intro) {
  color: #d2d2d7 !important;
}

.hero-whatsapp {
  border-color: rgba(255, 255, 255, .35) !important;
  background: rgba(0, 0, 0, .72) !important;
  color: var(--apple-white) !important;
}

/* Cards and contained surfaces */
:where(
  .clinic-package-card,
  .clinic-certificate-card,
  .neo-review-card,
  .guide-card-grid article,
  .guide-faq details,
  .treatment-card,
  .insight-card,
  .record-card,
  .result-card,
  .neo-contact-cards > a,
  .neo-contact-hours,
  .faq-shell,
  .clinic-role-card,
  .mission-grid article
) {
  border-color: var(--apple-line) !important;
  background: var(--apple-white) !important;
  background-image: none !important;
  box-shadow: 0 16px 42px rgba(0, 0, 0, .08) !important;
  color: var(--apple-ink) !important;
}

:where(
  .clinic-package-card,
  .clinic-certificate-card,
  .neo-review-card,
  .guide-card-grid article,
  .guide-faq details,
  .treatment-card,
  .insight-card,
  .record-card,
  .result-card,
  .neo-contact-cards > a,
  .neo-contact-hours,
  .faq-shell,
  .clinic-role-card,
  .mission-grid article
) :where(h2, h3, h4, strong, b) {
  color: var(--apple-ink) !important;
}

:where(
  .clinic-package-card,
  .clinic-certificate-card,
  .neo-review-card,
  .guide-card-grid article,
  .guide-faq details,
  .treatment-card,
  .insight-card,
  .record-card,
  .result-card,
  .neo-contact-cards > a,
  .neo-contact-hours,
  .faq-shell,
  .clinic-role-card,
  .mission-grid article
) :where(p, small, li, span) {
  color: var(--apple-secondary) !important;
}

.clinic-certificate-card {
  background: var(--apple-surface-2) !important;
}

.real-smiles-canvas,
.real-smiles-card,
.result-compare,
.insight-reading-media,
.neo-map,
.artboard,
.connected-strip {
  border-color: var(--apple-line) !important;
  background-color: var(--apple-surface-2) !important;
  background-image: none !important;
}

/* Dark cards */
.doctor-profile-card,
.doctor-editorial-profile,
.patient-record-card,
.treatment-gallery figure,
.material-slider,
.material-card,
.smile-panel-kiyas,
.treatment-detail-aside {
  border-color: var(--apple-line-dark) !important;
  background: var(--apple-ink) !important;
  background-image: none !important;
  color: var(--apple-white) !important;
}

:where(.doctor-profile-card, .doctor-editorial-profile, .patient-record-card, .treatment-detail-aside)
  :where(h2, h3, h4, strong, b) {
  color: var(--apple-white) !important;
}

:where(.doctor-profile-card, .doctor-editorial-profile, .patient-record-card, .treatment-detail-aside)
  :where(p, small, li, span) {
  color: #a1a1a6 !important;
}

/* Treatment pages */
.treatment-detail-hero {
  background: var(--apple-surface) !important;
  color: var(--apple-ink) !important;
}

.treatment-detail-hero :where(h1, h2, h3, strong) {
  color: var(--apple-ink) !important;
}

.treatment-detail-hero :where(p, small, span, a) {
  color: var(--apple-secondary) !important;
}

.treatment-detail-hero figure,
.treatment-card figure {
  background-color: var(--apple-surface-2) !important;
}

.treatment-detail-body,
.treatment-detail-bottom,
.page-cta,
.guide-cta,
.doctor-editorial-cta {
  border-color: var(--apple-line) !important;
  background: var(--apple-white) !important;
  color: var(--apple-ink) !important;
}

:where(.treatment-detail-bottom, .page-cta, .guide-cta, .doctor-editorial-cta)
  :where(h2, h3, p, strong, span) {
  color: var(--apple-ink) !important;
}

/* Journey section */
.journey-story,
.journey-story.is-scroll-flight,
.journey-story.is-scroll-flight .journey-flight-scroll,
.journey-story.is-scroll-flight .journey-flight-intro,
.journey-story.is-scroll-flight .journey-wide {
  background: var(--apple-surface) !important;
  background-image: none !important;
  color: var(--apple-ink) !important;
}

.journey-flight-opening :where(h2, h3),
.journey-flight-closing :where(h2, h3),
.journey-story-head :where(h2, h3) {
  color: var(--apple-ink) !important;
}

.journey-flight-opening :where(p, em),
.journey-flight-closing :where(p, em),
.journey-story-head :where(p, div, em),
.journey-step-copy > p {
  color: var(--apple-secondary) !important;
}

.journey-country-band,
.journey-review {
  border-color: var(--apple-line) !important;
  background: var(--apple-white) !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, .08) !important;
}

.journey-country-band strong,
.journey-review strong {
  color: var(--apple-ink) !important;
}

.journey-review :where(p, small) {
  color: var(--apple-secondary) !important;
}

.journey-review a {
  color: var(--apple-ink) !important;
}

.journey-story-foot {
  border-color: var(--apple-line-dark) !important;
  background: var(--apple-black) !important;
  background-image: none !important;
  color: var(--apple-white) !important;
}

.journey-story-foot :where(strong, a) {
  color: var(--apple-white) !important;
}

.journey-story-foot :where(p, small) {
  color: #a1a1a6 !important;
}

.journey-story-foot .journey-cta,
.treatment-detail-aside a {
  border-color: var(--apple-white) !important;
  background: var(--apple-white) !important;
  color: var(--apple-black) !important;
}

.journey-story-foot .journey-cta:is(:hover, :focus-visible),
.treatment-detail-aside a:is(:hover, :focus-visible) {
  border-color: #d2d2d7 !important;
  background: #d2d2d7 !important;
  color: var(--apple-black) !important;
}

/* Consultation */
.consultation-page,
.consultation-page-main,
.consultation-page-flow {
  background: var(--apple-surface) !important;
  color: var(--apple-ink) !important;
}

.consultation-page-summary {
  background-image:
    linear-gradient(rgba(0, 0, 0, .22), rgba(0, 0, 0, .68)),
    url("../img/aksu-hero-consultation.webp") !important;
  color: var(--apple-white) !important;
}

.consultation-form-stage {
  background-image:
    linear-gradient(rgba(0, 0, 0, .94), rgba(0, 0, 0, .96)),
    url("../img/aksu-hero-consultation.webp") !important;
  color: var(--apple-white) !important;
}

.consultation-form-stage :where(h1, h2, h3, b, strong, label) {
  color: var(--apple-white) !important;
}

.consultation-form-stage :where(p, small, span, .consultation-return) {
  color: #a1a1a6 !important;
}

.consultation-options span,
.wizard-contact-grid :where(input, select, textarea),
.wizard-photo-drop {
  border-color: rgba(255, 255, 255, .2) !important;
  background: rgba(255, 255, 255, .04) !important;
  color: var(--apple-white) !important;
}

.consultation-options input:checked + span {
  border-color: var(--apple-white) !important;
  background: rgba(255, 255, 255, .1) !important;
}

.consultation-page-form .wizard-actions .button,
.consultation-page-form .wizard-actions .button-primary {
  border-color: var(--apple-white) !important;
  background: var(--apple-white) !important;
  color: var(--apple-black) !important;
}

.consultation-page-form .wizard-actions .wizard-back {
  background: transparent !important;
  color: var(--apple-white) !important;
}

/* Footer */
.site-footer,
.footer-bottom {
  border-color: var(--apple-line-dark) !important;
  background: var(--apple-black) !important;
}

.site-footer :where(h2, h3, strong, a, .footer-label) {
  color: var(--apple-white) !important;
}

.site-footer :where(p, small, span) {
  color: #86868b !important;
}

.footer-social a {
  border-color: var(--apple-line-dark) !important;
}

/* High-specificity color normalization for legacy component rules. */
body .site-header .header-cta,
body.home-page .site-header .header-cta,
body .precision-cta,
body .button-primary,
body .page-cta a,
body .guide-cta a,
body .treatment-detail-bottom a,
body .doctor-editorial-cta .button,
body .clinic-package-foot button,
body .neo-glass-button,
body .results-all-link,
body .google-reviews-link,
body .founder-intro-form button {
  border-color: var(--apple-black) !important;
  background: var(--apple-black) !important;
  background-image: none !important;
  color: var(--apple-white) !important;
}

body .site-header .header-cta:is(:hover, :focus-visible),
body.home-page .site-header .header-cta:is(:hover, :focus-visible),
body .precision-cta:is(:hover, :focus-visible),
body .button-primary:is(:hover, :focus-visible),
body .page-cta a:is(:hover, :focus-visible),
body .guide-cta a:is(:hover, :focus-visible),
body .treatment-detail-bottom a:is(:hover, :focus-visible),
body .doctor-editorial-cta .button:is(:hover, :focus-visible),
body .clinic-package-foot button:is(:hover, :focus-visible),
body .neo-glass-button:is(:hover, :focus-visible),
body .results-all-link:is(:hover, :focus-visible),
body .google-reviews-link:is(:hover, :focus-visible),
body .founder-intro-form button:is(:hover, :focus-visible) {
  border-color: #424245 !important;
  background: #424245 !important;
  color: var(--apple-white) !important;
}

body .nav-mega :where(a, p, strong, span),
body .language-menu a,
body .mobile-menu :where(a, button, p, span, strong) {
  color: var(--apple-ink) !important;
}

body .nav-mega :where(.nav-mega-label, .nav-mega-feature-eyebrow, .nav-mega-feature-text),
body .mobile-menu-label {
  color: var(--apple-secondary) !important;
}

body :where(
  .clinic-signature-index,
  .clinic-role-copy > span,
  .about-section-index,
  .treatment-card-tag,
  .insight-card a,
  .doctor-editorial-copy > span,
  .doctor-editorial-role,
  .doctor-editorial-copy dt,
  .guide-card-top > strong,
  .guide-timeline strong,
  .footer-label
) {
  color: var(--apple-tertiary) !important;
}

body :where(
  .clinic-signature h2 em,
  .material-showcase-heading h2 em,
  .material-showcase-head h2 em,
  .real-smiles-intro h2 em,
  .neo-testimonials h2 em,
  .treatment-catalogue h2 em,
  .about-editorial h2 em,
  .about-human-story h2 em,
  .guide-content-section h2 em,
  .insight-grid h2 em,
  .doctor-editorial-cta em,
  .page-cta em
) {
  color: var(--apple-secondary) !important;
}

body :where(
  .founder-intro h2 em,
  .founder-intro-portrait figcaption span,
  .founder-intro-role,
  .material-showcase .neo-kicker,
  .material-showcase-heading h2 em,
  .treatment-gallery h2 em,
  .smile-map h2 em,
  .doctor-showcase h2 em,
  .real-stories h2 em,
  .patient-records h2 em,
  .clinic-support-teams h2 em,
  .closing-wall h2 em
) {
  color: #a1a1a6 !important;
}

body .founder-intro-portrait,
body .doctor-editorial-profile figure,
body .patient-record-card figure,
body .treatment-gallery figure {
  background-color: var(--apple-ink) !important;
}

body .founder-intro-form {
  border-color: var(--apple-line) !important;
  background: var(--apple-white) !important;
  box-shadow: 0 24px 60px rgba(0, 0, 0, .18) !important;
  color: var(--apple-ink) !important;
}

body .founder-intro-form :where(h3, input, select) {
  color: var(--apple-ink) !important;
}

body .founder-intro-form :where(.founder-intro-form-head > span, label > span, p, small) {
  color: var(--apple-secondary) !important;
}

body .founder-intro-form :is(input, select) {
  border-bottom-color: var(--apple-tertiary) !important;
}

body .material-showcase .material-slider {
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}

body .material-showcase .material-card,
body .material-showcase .material-card:hover {
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}

body .material-showcase .material-arrow,
body .result-stories button,
body .neo-testimonials button {
  border-color: var(--apple-line-dark) !important;
  background: rgba(29, 29, 31, .9) !important;
  color: var(--apple-white) !important;
}

body .neo-testimonials .neo-review-avatar {
  background: var(--apple-surface-2) !important;
  color: var(--apple-secondary) !important;
}

body .neo-testimonials :where(.neo-review-stars, .neo-review-card a, .neo-review-summary strong) {
  color: var(--apple-ink) !important;
}

body .journey-route,
body .journey-route > span {
  background: var(--apple-line) !important;
  background-image: none !important;
}

body .journey-step-marker,
body .journey-step.is-active .journey-step-marker {
  border-color: var(--apple-secondary) !important;
  background: var(--apple-white) !important;
  box-shadow: 0 0 0 7px var(--apple-surface) !important;
}

body .doctor-editorial-list,
body .doctors-editorial-page .doctor-editorial-list {
  background-color: var(--apple-surface) !important;
}

body .doctors-editorial-page .doctor-editorial-profile,
body .doctors-editorial-page .doctor-editorial-profile:nth-child(even) {
  border-color: var(--apple-line-dark) !important;
  background: var(--apple-ink) !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, .12) !important;
}

body .doctor-editorial-copy :where(h2, blockquote) {
  color: var(--apple-white) !important;
}

body .doctor-editorial-copy :where(dd, p) {
  color: #a1a1a6 !important;
}

body .treatment-process li {
  border-color: var(--apple-line) !important;
  background: var(--apple-white) !important;
}

body .treatment-detail-body :where(h2, h3, strong),
body .treatment-catalogue :where(h2, h3, strong) {
  color: var(--apple-ink) !important;
}

body .treatment-detail-body :where(p, li),
body .treatment-catalogue :where(p, li) {
  color: var(--apple-secondary) !important;
}

body .case-archive figcaption,
body .clinical-records figcaption {
  background: rgba(0, 0, 0, .76) !important;
  color: var(--apple-white) !important;
}

body .neo-contact-cards :where(i, svg),
body .footer-social a,
body .site-footer :where(svg, i) {
  color: var(--apple-white) !important;
  stroke: currentColor !important;
}

/* Consultation keeps the existing composition; only its color treatment changes. */
body.consultation-page,
body.consultation-page .consultation-page-main,
body.consultation-page .consultation-page-flow {
  background: var(--apple-surface) !important;
}

body.consultation-page .consultation-page-flow::before {
  background:
    linear-gradient(rgba(0, 0, 0, .58), rgba(0, 0, 0, .74)),
    url("../img/aksu-hero-consultation.webp") center 48% / cover no-repeat !important;
  filter: blur(18px) grayscale(1) !important;
}

body.consultation-page .consultation-page-flow::after {
  background: rgba(245, 245, 247, .28) !important;
}

body.consultation-page .consultation-page-layout {
  border-color: rgba(255, 255, 255, .24) !important;
  box-shadow: 0 38px 90px rgba(0, 0, 0, .28) !important;
}

body.consultation-page .consultation-form-stage {
  background-image:
    linear-gradient(rgba(0, 0, 0, .94), rgba(0, 0, 0, .96)),
    url("../img/aksu-hero-consultation.webp") !important;
}

body.consultation-page .consultation-page-summary {
  background-image:
    linear-gradient(180deg, rgba(0, 0, 0, .18), rgba(0, 0, 0, .7)),
    url("../img/aksu-hero-consultation.webp") !important;
}

body.consultation-page .consultation-page-summary::before {
  background: linear-gradient(145deg, rgba(0, 0, 0, .08), rgba(0, 0, 0, .34)) !important;
}

body.consultation-page .consultation-summary-copy h1 em,
body.consultation-page .consultation-design-note > i,
body.consultation-page .wizard-photo-icon,
body.consultation-page .wizard-photo-preview button {
  color: var(--apple-white) !important;
}

body.consultation-page .consultation-form-heading .consultation-page-map li i {
  border-color: rgba(255, 255, 255, .34) !important;
  background: var(--apple-black) !important;
  box-shadow: 0 0 0 4px var(--apple-black) !important;
}

body.consultation-page .consultation-form-heading .consultation-page-map li:is(.is-active, .is-complete) i,
body.consultation-page .consultation-page-form .consultation-options input:checked + span::after,
body.consultation-page .consultation-form-heading .consultation-page-progress i {
  border-color: var(--apple-white) !important;
  background: var(--apple-white) !important;
  box-shadow: 0 0 0 4px rgba(255, 255, 255, .12) !important;
}

body.consultation-page .consultation-page-form :where(.wizard-step-kicker, .consultation-form-meta p) {
  color: #a1a1a6 !important;
}

body.consultation-page .consultation-page-form .consultation-options label:hover span,
body.consultation-page .consultation-page-form .consultation-options input:checked + span,
body.consultation-page .wizard-photo-drop:hover,
body.consultation-page .wizard-photo-input:focus-visible + .wizard-photo-drop,
body.consultation-page .wizard-photo-preview {
  border-color: rgba(255, 255, 255, .64) !important;
  background: rgba(255, 255, 255, .1) !important;
}

body.consultation-page .consultation-page-form :where(input, select, textarea):focus {
  border-color: var(--apple-white) !important;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, .12) !important;
}

body.consultation-page .consultation-page-form .wizard-consent input {
  accent-color: var(--apple-white) !important;
}

body.home-page .precision-cta {
  border-color: var(--apple-black) !important;
  background: var(--apple-black) !important;
  background-image: none !important;
  box-shadow: 0 16px 34px rgba(0, 0, 0, .24) !important;
  color: var(--apple-white) !important;
}

body.home-page .precision-cta:is(:hover, :focus-visible) {
  border-color: #424245 !important;
  background: #424245 !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, .28) !important;
}

body .site-header .nav-mega :where(a, p, strong, span),
body .site-header .language-menu a,
body .site-header .mobile-menu :where(a, button, p, span, strong) {
  color: var(--apple-ink) !important;
}

body .site-header .nav-mega :where(.nav-mega-label, .nav-mega-feature-eyebrow, .nav-mega-feature-text),
body .site-header .mobile-menu-label {
  color: var(--apple-secondary) !important;
}

body .site-header .nav-mega .nav-mega-feature :where(
  .nav-mega-feature-eyebrow,
  .nav-mega-feature-title,
  .nav-mega-feature-text,
  .nav-mega-feature-cta,
  .nav-mega-feature-cta span
) {
  color: var(--apple-white) !important;
}

body .founder-intro .founder-intro-role,
body .founder-intro .founder-intro-portrait figcaption span {
  color: #a1a1a6 !important;
}

body .clinic-spaces .clinic-section-heading h2 em,
body .clinic-spaces-grid figcaption span,
body .mission-grid article > span {
  color: var(--apple-tertiary) !important;
}

body .clinic-spaces-grid figure,
body .doctor-showcase figure {
  background-color: var(--apple-surface-2) !important;
}

body .hero-trust-icon,
body .smile-panel-rozet,
body .smile-panel-sure {
  border-color: var(--apple-line) !important;
  background-color: rgba(0, 0, 0, .05) !important;
}

body .smile-map-ipucu,
body .kiyas-etiket,
body .smile-panel-kiyas button,
body .result-compare button {
  border-color: var(--apple-line-dark) !important;
  background-color: rgba(0, 0, 0, .72) !important;
  color: var(--apple-white) !important;
}

body .treatment-detail-body .treatment-process li > span,
body .treatment-detail-body .treatment-process span {
  color: var(--apple-tertiary) !important;
}

body .smile-map .smile-dot,
body .smile-map .smile-dot:is(:hover, :focus-visible, .is-active) {
  border: 0 !important;
  background: none !important;
  box-shadow: none !important;
  color: inherit !important;
}

body .smile-map .smile-dot i {
  border-color: rgba(255, 255, 255, .9) !important;
  background: rgba(255, 255, 255, .36) !important;
  box-shadow: none !important;
}

body .smile-map .smile-dot:is(:hover, :focus-visible, .is-active) i {
  border-color: var(--apple-white) !important;
  background: var(--apple-ink) !important;
  box-shadow: 0 0 0 6px rgba(255, 255, 255, .32) !important;
}

body .smile-map .smile-dot span {
  border-color: var(--apple-line) !important;
  background: rgba(255, 255, 255, .96) !important;
  color: var(--apple-ink) !important;
}

body .smile-map .smile-map-kicker,
body .smile-map .smile-map-panel h2 em,
body .smile-map .smile-panel-rozet {
  color: #a1a1a6 !important;
}

body .smile-map .smile-panel-fayda li::before,
body .smile-map .smile-map-ipucu i {
  background: var(--apple-tertiary) !important;
  box-shadow: none !important;
}

body .treatment-detail-body .treatment-detail-aside :where(h2, h3, strong) {
  color: var(--apple-white) !important;
}

body .treatment-detail-body .treatment-detail-aside :where(p, .detail-note) {
  color: #d2d2d7 !important;
}

body :where(
  .header-cta,
  .precision-cta,
  .button-primary,
  .page-cta a,
  .guide-cta a,
  .treatment-detail-aside a,
  .treatment-detail-bottom a,
  .doctor-editorial-cta .button,
  .clinic-package-foot button,
  .neo-glass-button,
  .journey-cta,
  .results-all-link,
  .google-reviews-link
) :where(span, b, i, svg) {
  color: inherit !important;
  stroke: currentColor !important;
}

body.error-page .error-page-main {
  background: var(--apple-surface) !important;
  background-image: none !important;
}

body.error-page .error-page-main .container > p:first-child {
  color: var(--apple-tertiary) !important;
}

body.error-page .error-page-main h1,
body.error-page .error-page-main h1 em {
  color: var(--apple-ink) !important;
}

body.error-page .error-page-main h1 + p {
  color: var(--apple-secondary) !important;
}

body.error-page .error-page-main .button {
  border-color: var(--apple-black) !important;
  background: var(--apple-black) !important;
  color: var(--apple-white) !important;
}

/* Neutralise decorative warm washes without touching photography. */
.material-showcase::before,
.doctor-showcase::before,
.result-stories::before,
.neo-testimonials::before,
.international-journey::before,
.guide-content-section::before,
.error-page-main::before,
.redwash {
  background-image: none !important;
}

.error-page-main {
  background: var(--apple-surface) !important;
  background-image: none !important;
  color: var(--apple-ink) !important;
}

/* Keyboard focus stays visible in both light and dark contexts. */
:focus-visible {
  outline-color: var(--apple-tertiary) !important;
}

/* Mega menu remains a clean, opaque reading surface over every hero image. */
body .site-header .nav-mega {
  background: #fff !important;
  background-image: none !important;
}

body .site-header .nav-mega .nav-mega-foot p {
  color: #6e6e73 !important;
}

body .site-header .nav-mega .nav-mega-cta,
body .site-header .nav-mega .nav-mega-cta span {
  color: #fff !important;
}

/* Mobil menü düğmesi cam yüzeyde kutu oluşturmadan yalnızca çizgileri gösterir. */
@media (max-width: 900px) {
  body .mobile-menu {
    background: #fff !important;
    background-color: #fff !important;
  }

  body .site-header .menu-button,
  body.home-page .site-header .menu-button {
    border: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
  }

  body .site-header .mobile-header-cta,
  body.home-page .site-header .mobile-header-cta,
  body .mobile-menu .mobile-consultation-cta {
    border-color: var(--apple-black) !important;
    background: var(--apple-black) !important;
    color: var(--apple-white) !important;
  }

  body .mobile-menu .mobile-consultation-cta span {
    color: inherit !important;
  }
}