@scope ([data-poc-design="home"]) {
/* Montserrat — latin-ext */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500 800;
  font-display: swap;
  src: url("https://petridis-orthopedikos.gr/wp-content/themes/petridis-authoring-poc/assets/fonts/montserrat-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* Montserrat — latin */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500 800;
  font-display: swap;
  src: url("https://petridis-orthopedikos.gr/wp-content/themes/petridis-authoring-poc/assets/fonts/montserrat-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Open Sans — greek-ext */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400 800;
  font-stretch: 100%;
  font-display: swap;
  src: url("https://petridis-orthopedikos.gr/wp-content/themes/petridis-authoring-poc/assets/fonts/open-sans-greek-ext.woff2") format("woff2");
  unicode-range: U+1F00-1FFF;
}

/* Open Sans — greek */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400 800;
  font-stretch: 100%;
  font-display: swap;
  src: url("https://petridis-orthopedikos.gr/wp-content/themes/petridis-authoring-poc/assets/fonts/open-sans-greek.woff2") format("woff2");
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

/* Open Sans — latin-ext */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400 800;
  font-stretch: 100%;
  font-display: swap;
  src: url("https://petridis-orthopedikos.gr/wp-content/themes/petridis-authoring-poc/assets/fonts/open-sans-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* Open Sans — latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400 800;
  font-stretch: 100%;
  font-display: swap;
  src: url("https://petridis-orthopedikos.gr/wp-content/themes/petridis-authoring-poc/assets/fonts/open-sans-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


    :scope {
      /* Adapted from uploaded palette */
      --navy: #1F4E79;
      --navy-deep: #143552;
      --soft: #DFEAF4;
      --gold: #F5C842;
      --ink: #1B2733;
      --muted: #56677A;
      --line: #C9D8E7;
      --white: #FFFFFF;

      /* Compatibility aliases used by v5 structure */
      --trust-blue: var(--navy);
      --deep-navy: var(--navy-deep);
      --navy-900: #0F2840;
      --soft-blue: var(--soft);
      --soft-blue-2: #F3F7FB;
      --text: var(--ink);
      --border: var(--line);

      --display: "Montserrat", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      --body: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      --shadow: 0 10px 34px rgba(20, 53, 82, 0.12);
      --soft-shadow: 0 7px 22px rgba(20, 53, 82, 0.085);
      --radius-lg: 18px;
      --radius-md: 14px;
      --radius-sm: 10px;
      --container: 1140px;
      --deep: var(--navy-deep);
      --darker: var(--navy-900);
    }

    * { box-sizing: border-box; }

    html { scroll-behavior: smooth; }

    @media (prefers-reduced-motion: reduce) {
      html { scroll-behavior: auto; }
      *, *::before, *::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
      }
    }

    body {
      margin: 0;
      font-family: var(--body);
      color: var(--ink);
      background: var(--white);
      line-height: 1.65;
      font-size: 16.5px;
      -webkit-font-smoothing: antialiased;
    }

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

    a:focus-visible,
    button:focus-visible,
    summary:focus-visible {
      outline: 3px solid var(--gold);
      outline-offset: 3px;
      border-radius: 6px;
    }

    .container {
      width: min(var(--container), calc(100% - 40px));
      margin: 0 auto;
    }

    .skip-link {
      position: absolute;
      left: -999px;
      top: 10px;
      z-index: 999;
      background: var(--navy-deep);
      color: var(--white);
      padding: 10px 14px;
      border-radius: 8px;
    }

    .skip-link:focus { left: 10px; }

    .topbar {
      background: var(--navy-deep);
      color: #CFE0F0;
      padding: 9px 0;
      font-size: 13px;
    }

    .topbar-inner {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 18px;
    }

    .topbar strong { color: var(--white); }

    .header {
      position: sticky;
      top: 0;
      z-index: 90;
      background: rgba(255,255,255,.96);
      border-bottom: 1px solid var(--line);
      backdrop-filter: blur(8px);
    }

    .header-inner {
      min-height: 74px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 22px;
    }

    .brand {
      display: flex;
      flex-direction: column;
      line-height: 1.15;
      min-width: 224px;
    }

    .brand-name {
      font-family: var(--display);
      color: var(--navy-deep);
      font-weight: 800;
      letter-spacing: -.015em;
      font-size: 18px;
    }

    .brand-sub {
      margin-top: 4px;
      color: var(--muted);
      font-size: 11px;
      font-weight: 700;
      letter-spacing: .10em;
      text-transform: uppercase;
    }

    .nav {
      display: flex;
      align-items: center;
      gap: 18px;
      font-family: var(--display);
      font-size: 13px;
      color: var(--ink);
      font-weight: 600;
      white-space: nowrap;
    }

    .nav a {
      padding: 6px 0;
      border-bottom: 2px solid transparent;
      transition: border-color .18s ease, color .18s ease;
    }

    .nav a:hover {
      color: var(--navy);
      border-color: var(--gold);
    }

    .header-cta {
      font-family: var(--display);
      background: var(--navy);
      color: var(--white);
      padding: 12px 21px;
      border-radius: 999px;
      font-weight: 700;
      font-size: 14px;
      box-shadow: 0 10px 22px rgba(31,78,121,.18);
      white-space: nowrap;
      transition: background .18s ease, transform .18s ease;
    }

    .header-cta:hover {
      background: var(--navy-deep);
      transform: translateY(-1px);
    }

    .menu-toggle {
      display: none;
      border: 1px solid var(--line);
      background: var(--soft);
      color: var(--navy-deep);
      padding: 10px 13px;
      border-radius: 999px;
      font-family: var(--display);
      font-weight: 700;
      cursor: pointer;
    }

    .hero {
      background: linear-gradient(180deg, #DFEAF4 0%, #F7FAFD 62%, #FFFFFF 100%);
      padding: 72px 0 46px;
      border-bottom: 1px solid var(--line);
      overflow: hidden;
      position: relative;
    }

    .hero::after {
      content: "";
      position: absolute;
      right: -140px;
      top: -160px;
      width: 420px;
      height: 420px;
      border-radius: 50%;
      border: 1.5px solid rgba(245,200,66,.30);
      pointer-events: none;
    }

    .hero-grid {
      display: grid;
      grid-template-columns: 1.04fr .96fr;
      gap: 50px;
      align-items: center;
      position: relative;
      z-index: 1;
    }

    .eyebrow,
    .kicker {
      font-family: var(--display);
      color: var(--navy);
      font-size: 12.5px;
      font-weight: 700;
      letter-spacing: .16em;
      text-transform: uppercase;
      display: flex;
      align-items: center;
      gap: 10px;
    }

    .eyebrow { margin-bottom: 16px; }

    .eyebrow::before,
    .kicker::before {
      content: "";
      width: 34px;
      height: 2px;
      background: var(--gold);
      display: inline-block;
      flex: 0 0 auto;
    }

    .section-head.center .kicker {
      justify-content: center;
    }

    h1,
    h2,
    h3 {
      font-family: var(--display);
      color: var(--navy-deep);
      line-height: 1.18;
    }

    h1 {
      margin: 0;
      font-size: clamp(34px, 4.7vw, 54px);
      letter-spacing: -.025em;
      font-weight: 800;
    }

    h2 {
      margin: 0;
      font-size: clamp(27px, 3.6vw, 40px);
      letter-spacing: -.018em;
      font-weight: 800;
    }

    h3 {
      margin: 0;
      font-weight: 700;
    }

    p { margin: 0; }

    .hero-text {
      margin-top: 19px;
      color: var(--muted);
      font-size: 18px;
      max-width: 690px;
    }

    .hero-text strong { color: var(--ink); }

    .hero-actions,
    .actions {
      display: flex;
      flex-wrap: wrap;
      gap: 13px;
      margin-top: 28px;
      align-items: center;
    }

    .btn {
      font-family: var(--display);
      display: inline-flex;
      justify-content: center;
      align-items: center;
      min-height: 48px;
      padding: 13px 21px;
      border-radius: 999px;
      font-size: 15px;
      font-weight: 700;
      text-align: center;
      border: 1px solid transparent;
      transition: transform .16s ease, background .16s ease, box-shadow .16s ease;
    }

    .btn:hover { transform: translateY(-1px); }

    .btn-primary {
      color: var(--white);
      background: var(--navy);
      box-shadow: 0 12px 24px rgba(31,78,121,.22);
    }

    .btn-primary:hover { background: var(--navy-deep); }

    .btn-secondary {
      color: var(--navy-deep);
      background: var(--white);
      border-color: var(--line);
      box-shadow: var(--soft-shadow);
    }

    .btn-light {
      background: var(--white);
      color: var(--navy-deep);
      box-shadow: 0 10px 24px rgba(0,0,0,.12);
    }

    .btn-outline-light {
      color: var(--white);
      background: transparent;
      border-color: rgba(255,255,255,.55);
    }

    .trust-list {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 11px;
      margin-top: 28px;
      max-width: 680px;
    }

    .trust-item {
      display: flex;
      gap: 9px;
      align-items: center;
      font-size: 14px;
      color: var(--ink);
      font-family: var(--display);
      font-weight: 600;
    }

    .check {
      width: 22px;
      height: 22px;
      border-radius: 50%;
      background: var(--white);
      border: 1px solid var(--line);
      color: var(--navy);
      display: flex;
      align-items: center;
      justify-content: center;
      flex: 0 0 auto;
      font-size: 13px;
      font-weight: 900;
    }

    .hero-photo-card {
      border-radius: 20px;
      background: var(--white);
      padding: 12px;
      border: 1px solid var(--line);
      box-shadow: var(--shadow);
    }

    .hero-photo {
      min-height: 430px;
      border-radius: 15px;
      position: relative;
      overflow: hidden;
      background:
        linear-gradient(rgba(20,53,82,.06), rgba(20,53,82,.10)),
        url("https://petridis-orthopedikos.gr/wp-content/themes/petridis-authoring-poc/assets/images/homepage-hero.webp") center 26%/cover;
    }

    .photo-caption {
      position: absolute;
      left: 18px;
      right: 18px;
      bottom: 18px;
      padding: 16px;
      border-radius: 12px;
      background: rgba(255,255,255,.95);
      border: 1px solid var(--line);
      box-shadow: var(--soft-shadow);
    }

    .photo-caption strong {
      display: block;
      color: var(--navy-deep);
      margin-bottom: 4px;
      font-family: var(--display);
      font-weight: 800;
    }

    .photo-caption span {
      display: block;
      color: var(--muted);
      font-size: 14px;
      line-height: 1.5;
    }

    .hero-photo::after {
      content: "";
      position: absolute;
      inset: 40% 0 0;
      border-radius: inherit;
      background: linear-gradient(180deg, transparent, rgba(15,40,64,.86));
    }

    .photo-caption {
      left: 24px;
      right: 24px;
      bottom: 22px;
      z-index: 1;
      padding: 0;
      border: 0;
      background: transparent;
      box-shadow: none;
    }

    .photo-caption strong {
      margin-bottom: 0;
      color: #fff;
      font-size: 18px;
    }

    .photo-caption span {
      margin-top: 5px;
      color: #d5e2ee;
      font-size: 12.5px;
    }

    .quicknav {
      display: none;
      background: var(--white);
      padding: 16px 0 0;
    }

    .quicknav-grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 10px;
    }

    .quicknav a {
      border: 1px solid var(--line);
      background: var(--white);
      color: var(--navy-deep);
      border-radius: 14px;
      text-align: center;
      padding: 13px 8px;
      font-family: var(--display);
      font-size: 14px;
      font-weight: 700;
      box-shadow: var(--soft-shadow);
    }

    .quicknav a.primary {
      background: var(--navy);
      color: var(--white);
      border-color: var(--navy);
    }

    .section {
      padding: 78px 0;
      position: relative;
    }

    .section + .section {
      border-top: 1px solid rgba(20, 53, 82, 0.10);
    }

    .section-soft {
      background:
        linear-gradient(180deg, #DFEAF4 0%, #EAF1F8 100%);
      border-top: 1px solid #C9D8E7;
      border-bottom: 1px solid #C9D8E7;
    }

    .section-light {
      background:
        linear-gradient(180deg, #F3F7FB 0%, #FFFFFF 100%);
      border-top: 1px solid rgba(20, 53, 82, 0.08);
      border-bottom: 1px solid rgba(20, 53, 82, 0.08);
    }

    .section-head {
      position: relative;
    }

    .section-head::after {
      content: "";
      display: block;
      width: 72px;
      height: 3px;
      background: var(--gold);
      border-radius: 999px;
      margin-top: 22px;
    }

    .section-head.center::after {
      margin-left: auto;
      margin-right: auto;
    }

    .section-head {
      max-width: 800px;
      margin-bottom: 34px;
    }

    .section-head.center {
      margin-left: auto;
      margin-right: auto;
      text-align: center;
    }

    .section-head p {
      margin-top: 15px;
      color: var(--muted);
      font-size: 17px;
    }

    .help-panel {
      background: var(--white);
      border: 1px solid #BFD0E1;
      border-radius: 18px;
      box-shadow: var(--shadow);
      padding: 28px;
    }

    .help-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 16px;
    }

    .help-card {
      border: 1px solid #C4D5E6;
      background: var(--white);
      border-radius: 14px;
      padding: 24px 22px;
      min-height: 230px;
      display: flex;
      flex-direction: column;
      transition: border-color .16s ease, transform .16s ease, box-shadow .16s ease;
    }

    .help-card:hover {
      border-color: rgba(31,78,121,.32);
      transform: translateY(-3px);
      box-shadow: var(--soft-shadow);
    }

    .help-number {
      width: 38px;
      height: 38px;
      border-radius: 11px;
      background: var(--soft);
      color: var(--navy);
      font-family: var(--display);
      font-weight: 800;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 16px;
    }

    .help-card h3,
    .hub-card h3,
    .panel h3,
    .clinic-card h3,
    .faq-card h3 {
      font-size: 18px;
      margin-bottom: 8px;
    }

    .help-card p,
    .hub-card p,
    .panel p,
    .clinic-card p,
    .faq-card p {
      color: var(--muted);
      font-size: 15px;
    }

    .card-link {
      margin-top: auto;
      padding-top: 18px;
      color: var(--navy);
      font-family: var(--display);
      font-weight: 700;
      font-size: 14px;
    }

    .card-link::after { content: " →"; }

    .doctor-band {
      background: linear-gradient(135deg, #1F4E79 0%, #143552 62%, #0F2840 100%);
      color: var(--white);
      border-radius: 22px;
      border-top: 4px solid var(--gold);
      overflow: hidden;
      display: grid;
      grid-template-columns: .9fr 1.1fr;
      box-shadow: var(--shadow);
      position: relative;
    }

    .doctor-band::before {
      content: "";
      position: absolute;
      right: -100px;
      top: -100px;
      width: 320px;
      height: 320px;
      border-radius: 50%;
      border: 1px solid rgba(245,200,66,.26);
      pointer-events: none;
    }

    .doctor-image {
      min-height: 440px;
      background:
        linear-gradient(rgba(20,53,82,.04), rgba(20,53,82,.18)),
        url("https://petridis-orthopedikos.gr/wp-content/themes/petridis-authoring-poc/assets/images/georgios-petridis-portrait.webp") center top/cover;
    }

    .doctor-content {
      padding: 48px;
      position: relative;
      z-index: 1;
    }

    .doctor-content .kicker { color: var(--gold); }

    .doctor-content .kicker::before { background: var(--gold); }

    .doctor-content h2 { color: var(--white); }

    .doctor-content p {
      margin-top: 16px;
      color: rgba(255,255,255,.84);
      font-size: 16.5px;
    }

    .credentials {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 10px;
      margin-top: 24px;
    }

    .credential {
      background: rgba(255,255,255,.10);
      border: 1px solid rgba(255,255,255,.18);
      border-radius: 12px;
      padding: 12px 13px;
      color: var(--white);
      font-family: var(--display);
      font-size: 13px;
      font-weight: 600;
    }

    .hub-grid,
    .academy-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 18px;
    }

    .hub-card,
    .academy-card,
    .panel,
    .clinic-card,
    .review-card,
    .faq-card {
      background: var(--white);
      border: 1px solid var(--line);
      border-radius: 14px;
      box-shadow: var(--soft-shadow);
      padding: 26px;
    }

    .hub-card {
      min-height: 250px;
      display: flex;
      flex-direction: column;
      transition: transform .18s ease, box-shadow .18s ease;
    }

    .hub-card:hover {
      transform: translateY(-3px);
      box-shadow: var(--shadow);
    }

    .hub-card.featured {
      border-top: 5px solid var(--navy-deep);
      background: linear-gradient(180deg, #FFFFFF, #F8FBFE);
    }

    .pill {
      display: inline-flex;
      align-self: flex-start;
      margin-bottom: 16px;
      padding: 6px 10px;
      border-radius: 999px;
      background: var(--soft);
      color: var(--navy);
      font-family: var(--display);
      font-size: 12px;
      font-weight: 700;
    }

    .treatment-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 22px;
    }

    .panel {
      padding: 32px;
    }

    .panel h3 { font-size: 23px; }

    .panel p { margin-top: 10px; }

    .panel-links {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin-top: 20px;
    }

    .panel-links a {
      background: var(--soft-blue-2);
      border: 1px solid var(--line);
      color: var(--navy-deep);
      padding: 9px 12px;
      border-radius: 999px;
      font-family: var(--display);
      font-size: 13px;
      font-weight: 700;
    }

    .academy-card {
      min-height: 170px;
    }

    .clinics-grid,
    .reviews-grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 22px;
    }

    .clinic-card {
      border-top: 5px solid var(--navy-deep);
    }

    .clinic-card:nth-child(2) {
      border-top-color: var(--gold);
    }

    .tags {
      display: flex;
      gap: 9px;
      flex-wrap: wrap;
      margin: 18px 0 22px;
    }

    .tag {
      padding: 6px 10px;
      background: var(--soft);
      color: var(--navy);
      border-radius: 999px;
      font-family: var(--display);
      font-size: 12px;
      font-weight: 700;
    }

    .source-badge {
      display: inline-flex;
      padding: 6px 10px;
      background: var(--soft);
      color: var(--navy);
      border-radius: 999px;
      font-family: var(--display);
      font-size: 12px;
      font-weight: 700;
      margin-bottom: 14px;
    }

    .compliance-note {
      margin-top: 18px;
      color: var(--muted);
      font-size: 13px;
    }

    .faq-grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 14px;
      max-width: 980px;
    }

    details.faq-card {
      padding: 0;
      overflow: hidden;
    }

    details summary {
      cursor: pointer;
      list-style: none;
      padding: 20px 22px;
      color: var(--navy-deep);
      font-family: var(--display);
      font-weight: 700;
      display: flex;
      justify-content: space-between;
      gap: 14px;
    }

    details summary::-webkit-details-marker { display: none; }

    details summary::after {
      content: "+";
      color: var(--navy);
      font-size: 22px;
      line-height: 1;
      font-weight: 700;
    }

    details[open] summary::after { content: "–"; }

    .faq-answer {
      padding: 0 22px 20px;
      color: var(--muted);
      font-size: 15px;
    }

    .final {
      padding: 72px 0;
      background: linear-gradient(135deg, #1F4E79 0%, #143552 62%, #0F2840 100%);
      color: var(--white);
      position: relative;
      overflow: hidden;
    }

    .final::before {
      content: "";
      position: absolute;
      right: -90px;
      top: -100px;
      width: 320px;
      height: 320px;
      border-radius: 50%;
      border: 1px solid rgba(245,200,66,.25);
      pointer-events: none;
    }

    .final-grid {
      display: grid;
      grid-template-columns: 1.25fr .75fr;
      gap: 34px;
      align-items: center;
      position: relative;
      z-index: 1;
    }

    .final h2 { color: var(--white); }

    .final p {
      margin-top: 16px;
      color: rgba(255,255,255,.82);
      font-size: 17px;
      max-width: 760px;
    }

    .final-actions {
      display: flex;
      justify-content: flex-end;
      gap: 14px;
      flex-wrap: wrap;
    }

    .footer {
      background: #0F2840;
      color: rgba(255,255,255,.76);
      padding: 52px 0 28px;
      font-size: 14px;
    }

    .footer-grid {
      display: grid;
      grid-template-columns: 1.4fr 1fr 1fr 1.15fr;
      gap: 32px;
      margin-bottom: 34px;
    }

    .footer-title {
      color: var(--white);
      font-family: var(--display);
      font-weight: 800;
      font-size: 16px;
      margin-bottom: 12px;
      letter-spacing: .02em;
    }

    .footer-list {
      list-style: none;
      padding: 0;
      margin: 0;
      display: grid;
      gap: 8px;
    }

    .footer a:hover { color: var(--gold); }

    .footer-bottom {
      border-top: 1px solid rgba(255,255,255,.12);
      padding-top: 22px;
      color: rgba(255,255,255,.56);
      display: flex;
      justify-content: space-between;
      gap: 20px;
      flex-wrap: wrap;
    }

    .stickybar {
      position: fixed;
      left: 14px;
      right: 14px;
      bottom: 14px;
      z-index: 120;
      display: none;
      gap: 10px;
      padding: 8px;
      border-radius: 999px;
      background: rgba(255,255,255,.96);
      border: 1px solid var(--line);
      box-shadow: 0 -4px 24px rgba(20,53,82,.15);
    }

    .stickybar > a.btn { flex: 1; }

    .stickybar .btn {
      min-height: 44px;
      padding: 10px 14px;
      font-size: 14px;
      cursor: pointer;
    }

    .call-sheet{position:absolute;bottom:calc(100% + 10px);left:0;right:0;display:grid;gap:8px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:10px;box-shadow:var(--shadow)}
    .call-sheet[hidden]{display:none}
    .call-sheet a{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px 14px;border-radius:11px;background:var(--soft-blue-2);border:1px solid var(--line);font-family:var(--display);font-weight:700;color:var(--navy-deep);font-size:14px}
    .call-sheet a span{color:var(--navy);font-weight:700}

    @media (max-width: 1080px) {
      .nav,
      .header-cta { display: none; }

      .menu-toggle { display: inline-flex; }

      .nav.open {
        position: absolute;
        top: 74px;
        left: 0;
        right: 0;
        display: grid;
        background: var(--white);
        padding: 10px 20px 18px;
        border-bottom: 1px solid var(--line);
        box-shadow: var(--shadow);
      }

      .nav.open a {
        padding: 13px 4px;
        border-bottom: 2px solid transparent;
      }

      .nav.open a:hover,
      .nav.open a:active,
      .nav.open a.active {
        color: var(--navy);
        border-color: var(--gold);
      }

      .hero-grid,
      .doctor-band,
      .final-grid {
        grid-template-columns: 1fr;
      }

      .final-actions { justify-content: flex-start; }

      .help-grid,
      .hub-grid,
      .academy-grid,
      .footer-grid {
        grid-template-columns: repeat(2, 1fr);
      }
    }

    @media (max-width: 760px) {
      body { padding-bottom: 78px; }

      .container { width: min(100% - 28px, var(--container)); }

      .topbar { display: none; }

      .header-inner { min-height: 68px; }
      .nav.open { top: 68px; }

      .brand-name { font-size: 16px; }
      .brand-sub { font-size: 10px; }

      .hero { padding: 36px 0 32px; }

      .hero-grid { gap: 28px; }

      .hero-photo-card {
        order: -1;
        border-radius: 18px;
        padding: 10px;
      }

      .hero-photo {
        min-height: 310px;
        border-radius: 13px;
      }

      .hero-text { font-size: 16.5px; }

      .hero-actions .btn,
      .actions .btn,
      .final-actions .btn {
        width: 100%;
      }

      .trust-list,
      .help-grid,
      .hub-grid,
      .treatment-grid,
      .credentials,
      .academy-grid,
      .clinics-grid,
      .reviews-grid,
      .faq-grid,
      .footer-grid {
        grid-template-columns: 1fr;
      }

      .quicknav { display: block; }

      .section { padding: 58px 0; }

      .help-panel { padding: 18px; }

      .doctor-content { padding: 32px 24px; }

      .doctor-image { min-height: 320px; }

      .footer-bottom { flex-direction: column; }

      .stickybar.visible { display: flex; }
    }
  
/* Petridis logo integration — corrected */
.header .brand{
  display:flex;
  flex-direction:row;
  align-items:center;
  gap:11px;
  min-width:255px;
}
.brand-logo{
  width:34px;
  height:44px;
  object-fit:contain;
  flex:0 0 auto;
}
.brand-copy{
  display:flex;
  flex-direction:column;
  line-height:1.15;
}
.footer-identity-row{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:13px;
}
.footer-identity-row .footer-title{
  margin:0;
}
.footer-logo{
  width:36px;
  height:46px;
  object-fit:contain;
  flex:0 0 auto;
}
@media (max-width:680px){
  .header .brand{min-width:0;gap:9px}
  .brand-logo{width:30px;height:39px}
  .footer-logo{width:32px;height:41px}
}

/* Patient testimonials (Google) + Doctoranytime widget */
.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:26px}
.testimonial{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;box-shadow:var(--soft-shadow);display:flex;flex-direction:column;gap:12px}
.testimonial-stars{color:var(--gold);font-size:15px;letter-spacing:3px;line-height:1;text-shadow:0 1px 0 rgba(20,53,82,.12)}
.testimonial p{color:var(--muted);font-size:14.5px;line-height:1.6;margin:0;flex:1}
.testimonial p::before,.testimonial p::after{color:var(--gold);font-family:var(--display);font-size:26px;line-height:0;vertical-align:-8px}
.testimonial p::before{content:"“";margin-right:4px}
.testimonial p::after{content:"”";margin-left:4px}
.testimonial-meta{display:flex;justify-content:space-between;align-items:center;font-family:var(--display);font-size:12px;font-weight:700;color:var(--navy-deep)}
.testimonial-meta .src{color:var(--muted);font-weight:600}
.dat-widget{margin:16px 0 6px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}
.dat-widget iframe{display:block;width:100%;height:300px;border:0}
@media(max-width:1080px){.testimonial-grid{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.testimonial-grid{grid-template-columns:1fr}}

/* ===== O-Iatros header & footer parity ===== */
.topbar{background:var(--deep);color:#CFE0F0;padding:8px 0;font-size:13px}
.topbar-inner{display:flex;justify-content:space-between;align-items:center;gap:24px}
.topbar-clinic{display:flex;align-items:center;gap:15px}
.topbar-clinic a:first-child{display:inline-flex;align-items:center;gap:6px;color:#CFE0F0}
.topbar-clinic a:last-child{color:#fff;font-weight:700}
.location-pin{display:inline-flex;align-items:center;justify-content:center;font-size:13px;line-height:1;filter:saturate(.88)}
.mobile-clinic-bar{display:none}
.header{position:sticky;top:0;z-index:90;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);backdrop-filter:blur(8px)}
.header-inner{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.header .brand{display:flex;flex-direction:row;align-items:center;gap:11px;min-width:255px}
.brand-logo{width:34px;height:44px;object-fit:contain;flex:0 0 auto}
.brand-copy{display:flex;flex-direction:column;line-height:1.15}
.brand-name{font-family:var(--display);font-weight:800;color:var(--deep);font-size:18px}
.brand-sub{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:700;margin-top:4px}
.nav{display:flex;gap:20px;align-items:center;font-family:var(--display);font-size:13px;font-weight:600;white-space:nowrap}
.nav a{padding:7px 0;border-bottom:2px solid transparent}
.nav a:hover,.nav a.active{color:var(--navy);border-color:var(--gold)}
.header-cta{padding:11px 20px;background:var(--navy);color:#fff;box-shadow:0 10px 22px rgba(31,78,121,.18)}
.header-cta:hover{background:var(--deep);transform:translateY(-1px)}
.menu-toggle{display:none;border:1px solid var(--line);background:var(--soft);color:var(--deep);padding:10px 14px;border-radius:999px;font-family:var(--display);font-weight:700;cursor:pointer}
.footer{background:var(--darker);color:#AFC2D4;padding:52px 0 26px;font-size:14px}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.1fr;gap:30px;margin-bottom:0}
.footer-title{font-family:var(--display);color:#fff;font-weight:700;margin-bottom:13px;font-size:16px}
.footer-identity-row{display:flex;align-items:center;gap:12px;margin-bottom:13px}
.footer-identity-row .footer-title{margin:0}
.footer-logo{width:36px;height:46px;object-fit:contain;flex:0 0 auto}
.footer ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:32px;padding-top:20px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:12px;color:rgba(255,255,255,.56)}
.footer-clinic{display:grid;gap:3px;margin-bottom:16px;text-align:left}
.footer-clinic strong{font-family:var(--display);color:#fff}
.footer-clinic span,.footer-clinic a{font-size:13px}
.footer-clinic-link{margin-top:3px;color:#fff!important;font-family:var(--display);font-weight:700}
.footer-booking-link{display:inline-flex;margin-top:5px;color:#fff;font-family:var(--display);font-weight:700}
.footer-socials{margin-top:20px}
.footer-socials-label{margin-bottom:10px;color:#fff;font-family:var(--display);font-size:12px;font-weight:700}
.footer-social-links{display:flex;flex-wrap:wrap;gap:9px}
.footer-social-links a{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:7px 10px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.06);color:#D8E4EF;font-family:var(--display);font-size:11px;font-weight:700}
.footer-social-links a:hover{border-color:var(--gold);color:#fff}
.social-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#fff;color:var(--deep);font-size:10px;font-weight:800}
@media(max-width:1080px){
  .nav,.header-cta{display:none}
  .menu-toggle{display:block}
  .nav.open{position:absolute;top:74px;left:0;right:0;display:grid;background:#fff;padding:10px 20px 18px;border-bottom:1px solid var(--line);box-shadow:var(--shadow)}
  .nav.open a{padding:13px 4px;border-bottom:2px solid transparent}
  .nav.open a:hover,.nav.open a:active,.nav.open a.active{color:var(--navy);border-color:var(--gold)}
  .footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:720px){
  .topbar{display:none}
  .header-inner{min-height:68px;gap:10px;padding:7px 0}
  .header .brand{min-width:0;max-width:calc(100% - 88px);gap:8px;flex:1 1 auto}
  .brand-logo{width:27px;height:35px}
  .brand-copy{min-width:0}
  .brand-name{font-size:13.5px;line-height:1.2;white-space:normal}
  .brand-sub{font-size:8.5px;letter-spacing:.07em;margin-top:2px;white-space:normal}
  .menu-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:72px;min-height:40px;padding:9px 12px;font-size:12px;flex:0 0 auto}
  .nav.open{top:68px;z-index:120;padding:10px 18px 16px;max-height:calc(100vh - 110px);overflow-y:auto}
  .nav.open a{font-size:13px;padding:12px 4px}
  .mobile-clinic-bar{display:grid;grid-template-columns:1fr 1fr 1fr;background:var(--deep);border-bottom:1px solid rgba(255,255,255,.14)}
  .mobile-clinic-bar a{min-height:42px;display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--display);font-size:11px;font-weight:700;border-right:1px solid rgba(255,255,255,.14)}
  .mobile-clinic-bar a:last-child{border-right:0}
  .footer-social-links{display:grid;grid-template-columns:1fr 1fr}
  .footer-social-links a{justify-content:center}
  .footer-grid{grid-template-columns:1fr}
}
@media(max-width:390px){
  .brand-name{font-size:12.5px}
  .brand-sub{display:none}
  .header .brand{max-width:calc(100% - 78px)}
  .menu-toggle{min-width:66px;padding:8px 10px}
}

.nav .language-switch{color:var(--navy);font-weight:800}
@media (min-width:1081px){.nav .language-switch{border-left:1px solid var(--line);padding-left:18px}}

    /* Mobile sticky CTA: equal 50/50 actions */
    .stickybar > .btn,.sticky > .btn{flex:1 1 0;min-width:0}


@media(min-width:1081px){.topbar-inner.email-enabled{display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:18px}.topbar-inner.email-enabled .topbar-clinic:first-child{justify-self:start}.topbar-inner.email-enabled .topbar-clinic:last-child{justify-self:end}}
.topbar-email{display:inline-flex;align-items:center;justify-content:center;color:#fff!important;font-family:var(--display);font-size:12px;font-weight:700;white-space:nowrap;letter-spacing:.01em}.topbar-email:hover{text-decoration:underline;text-underline-offset:3px}
.footer-email{display:flex;flex-direction:column;align-items:flex-start;gap:1px;margin:2px 0 12px;color:#fff!important;font-family:var(--display);font-size:12px;font-weight:700;line-height:1.4}.footer-email-label{color:#AFC2D4;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.footer-email-address{overflow-wrap:anywhere}.footer-email:hover .footer-email-address{text-decoration:underline;text-underline-offset:3px}
.clinic-email-note{margin:18px 0 0;text-align:center;color:var(--muted);font-size:13px}.clinic-email-note a{color:var(--navy);font-family:var(--display);font-weight:800;overflow-wrap:anywhere}
@media(max-width:1080px){.topbar-email{display:none!important}.topbar-inner.email-enabled{display:flex!important}}

/* Shared clinics dropdown: the label is intentionally not a landing-page link. */
.nav-clinics{position:relative;display:flex;align-items:center}
.nav-clinics-toggle{display:inline-flex;align-items:center;gap:6px;padding:7px 0;border:0;border-bottom:2px solid transparent;background:transparent;color:inherit;font:inherit;font-weight:inherit;white-space:nowrap;cursor:pointer}
.nav-clinics-toggle:hover,.nav-clinics.is-current>.nav-clinics-toggle{color:var(--navy,#1f4e79);border-color:var(--gold,#f5c842)}
.nav-clinics-chevron{width:7px;height:7px;border-right:1.8px solid currentColor;border-bottom:1.8px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .18s ease}
.nav-clinics.is-open .nav-clinics-chevron{transform:translateY(2px) rotate(225deg)}
.nav-clinics-menu{position:absolute;top:calc(100% + 9px);right:-12px;z-index:110;display:grid;min-width:228px;padding:8px;border:1px solid var(--line,#c9d8e7);border-radius:14px;background:#fff;box-shadow:0 14px 40px rgba(20,53,82,.16);opacity:0;visibility:hidden;transform:translateY(-7px);transition:.18s ease}
.nav-clinics-menu:before{content:"";position:absolute;left:0;right:0;top:-11px;height:12px}
.nav-clinics-menu a{padding:11px 12px!important;border:0!important;border-radius:9px;color:var(--deep,var(--navy-deep,#143552));white-space:normal}
.nav-clinics-menu a:hover,.nav-clinics-menu a[aria-current="page"]{background:var(--soft,#dfeaf4);color:var(--navy,#1f4e79)}
.nav-clinics:hover .nav-clinics-menu,.nav-clinics:focus-within .nav-clinics-menu,.nav-clinics.is-open .nav-clinics-menu{opacity:1;visibility:visible;transform:none}
@media(max-width:1080px){
  .nav.open .nav-clinics{display:block;width:100%}
  .nav.open .nav-clinics-toggle{width:100%;min-height:44px;justify-content:space-between;padding:12px 4px;border-bottom:1px solid var(--line,#c9d8e7)}
  .nav-clinics-menu{position:static;display:none;min-width:0;margin-top:4px;padding:5px 8px 8px;border:0;border-left:3px solid var(--gold,#f5c842);border-radius:0;background:var(--soft-2,#f3f7fb);box-shadow:none;opacity:1;visibility:visible;transform:none}
  .nav-clinics.is-open .nav-clinics-menu{display:grid}
  .nav-clinics:hover .nav-clinics-menu:not(:focus-within){display:none}
  .nav-clinics.is-open:hover .nav-clinics-menu{display:grid}
}
@media(max-width:720px){.mobile-clinic-bar{grid-template-columns:1fr 1fr!important}}

/* Shared mobile navigation and CTA behaviour for every legacy template. */
.menu-toggle{cursor:pointer}
@media(min-width:721px) and (max-width:1080px){
  .topbar-inner.email-enabled{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
    align-items:center;
    gap:12px;
  }
  .topbar-email{
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    color:#fff!important;
    font-size:11.5px;
    font-weight:700;
    white-space:nowrap;
  }
  .topbar-clinic{min-width:0}
  .topbar-clinic:first-child{justify-self:start}
  .topbar-clinic:last-child{justify-self:end}
  .topbar-clinic a{font-size:11px}
}
@media(min-width:721px) and (max-width:900px){
  .topbar-clinic a:first-child{display:none}
}
@media(max-width:1080px){
  body.menu-open{overflow:hidden}
  .header-inner{position:relative}
  .nav.open{
    position:absolute;
    top:100%;
    left:50%;
    right:auto;
    z-index:140;
    display:grid;
    width:100vw;
    max-height:calc(100vh - 96px);
    overflow-y:auto;
    overscroll-behavior:contain;
    padding:10px max(20px,calc((100vw - var(--max,1140px))/2)) 18px;
    border-bottom:1px solid var(--line,#c9d8e7);
    background:#fff;
    box-shadow:0 14px 40px rgba(20,53,82,.16);
    transform:translateX(-50%);
  }
  .nav.open>a,.nav.open .nav-clinics-toggle{
    width:100%;
    min-height:44px;
    justify-content:flex-start;
    padding:12px 4px;
    border-bottom:1px solid var(--line,#c9d8e7);
  }
  .nav.open .nav-clinics-toggle{justify-content:space-between}
  .nav.open .language-switch{padding-left:4px!important;border-left:0!important}
}

@media(max-width:820px){
  body{padding-bottom:88px}
  .stickybar,.sticky{
    position:fixed;
    left:12px;
    right:12px;
    bottom:calc(12px + env(safe-area-inset-bottom));
    z-index:140;
    display:none;
    width:auto;
    max-width:420px;
    margin-inline:auto;
    gap:8px;
    padding:8px;
    overflow:visible;
    border:1px solid var(--line,#c9d8e7);
    border-radius:999px;
    background:rgba(255,255,255,.98);
    box-shadow:0 14px 34px rgba(15,40,64,.28);
    transform:none;
  }
  .stickybar.visible,.sticky.visible{display:flex}
  .stickybar>.btn,.sticky>.btn{
    flex:1 1 0;
    width:50%;
    min-width:0;
    min-height:44px;
    margin:0;
    padding:10px 12px;
    justify-content:center;
    white-space:nowrap;
  }
  .stickybar .call-sheet,.sticky .call-sheet{
    position:absolute;
    left:0;
    right:0;
    bottom:calc(100% + 10px);
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:0;
    overflow:hidden;
    padding:0;
    border:1px solid var(--line,#c9d8e7);
    border-radius:14px;
    background:#fff;
    box-shadow:0 14px 40px rgba(20,53,82,.16);
  }
  .stickybar .call-sheet[hidden],.sticky .call-sheet[hidden]{display:none}
  .stickybar .call-sheet a,.sticky .call-sheet a{
    display:grid;
    gap:2px;
    padding:13px 10px;
    border:0;
    border-radius:0;
    background:#fff;
    text-align:center;
  }
  .stickybar .call-sheet a+a,.sticky .call-sheet a+a{border-left:1px solid var(--line,#c9d8e7)}
  .stickybar .call-sheet strong,.sticky .call-sheet strong{color:var(--deep,var(--navy-deep,#143552));font-size:12px}
  .stickybar .call-sheet span,.sticky .call-sheet span{color:var(--navy,#1f4e79);font-size:11px}
}


/* Approved shared header, footer and mobile controls — 2026-07-28. */
.topbar,.header,.mobile-clinic-bar,.footer,.stickybar{box-sizing:border-box}
.topbar *,.header *,.mobile-clinic-bar *,.footer *,.stickybar *{box-sizing:border-box}
.topbar .container,.header .container,.footer .container{width:min(1160px,calc(100% - 40px));margin-inline:auto}
body.menu-open{overflow:hidden}

.topbar{display:block;padding:0;background:var(--darker,#0f2840);color:#d5e2ee;font-size:12px}
.topbar-inner{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:18px;min-height:36px}
.topbar-clinic{display:flex;align-items:center;gap:14px;min-width:0}
.topbar-clinic:last-child{justify-self:end}
.topbar-clinic>a{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.topbar-clinic>a:first-child{color:#cfe0f0}
.topbar-clinic>a:last-child{position:relative;padding-left:15px;border-left:1px solid rgba(255,255,255,.32);color:#fff;font-weight:700}
.topbar-email{display:inline-flex;align-items:center;justify-content:center;color:#fff!important;font-family:var(--display,Arial,sans-serif);font-size:12px;font-weight:700;white-space:nowrap}
.topbar a:hover{text-decoration:underline;text-underline-offset:3px}
.location-pin{display:inline-flex;align-items:center;justify-content:center;font-size:13px;line-height:1;filter:saturate(.88)}
.mobile-clinic-bar{display:none}

.header{position:sticky;top:0;z-index:90;border-bottom:1px solid var(--line,#c9d8e7);background:rgba(255,255,255,.97);backdrop-filter:blur(10px)}
.header-inner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:74px}
.header .brand{display:flex;flex:none;align-items:center;gap:11px;min-width:255px;text-decoration:none}
.header .brand-logo{width:34px;height:44px;flex:none;object-fit:contain}
.header .brand-copy{display:flex;min-width:0;flex-direction:column;line-height:1.15}
.header .brand-name{color:var(--deep,var(--navy-deep,#143552));font-family:var(--display,Arial,sans-serif);font-size:18px;font-weight:800;letter-spacing:-.015em;line-height:1.15;white-space:nowrap}
.header .brand-sub{margin-top:4px;color:var(--muted,#557086);font-size:11px;font-weight:700;letter-spacing:.1em;line-height:1.2;text-transform:uppercase;white-space:nowrap}
.nav{display:flex;align-items:center;gap:17px;color:var(--deep,var(--navy-deep,#143552));font-family:var(--display,Arial,sans-serif);font-size:12.5px;font-weight:700;white-space:nowrap}
.nav>a,.nav-clinics-toggle{display:inline-flex;min-height:40px;align-items:center;padding:7px 0;border:0;border-bottom:2px solid transparent;background:transparent;color:inherit;font:inherit;font-weight:inherit;text-decoration:none;cursor:pointer}
.nav>a:hover,.nav>a[aria-current="page"],.nav-clinics-toggle:hover,.nav-clinics.is-current>.nav-clinics-toggle{color:var(--navy,#1f4e79);border-bottom-color:var(--gold,#f5c842)}
.nav-clinics{position:relative;display:flex;align-items:center}
.nav-clinics-toggle{gap:6px;white-space:nowrap}
.nav-clinics-chevron{width:7px;height:7px;border-right:1.8px solid currentColor;border-bottom:1.8px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .18s ease}
.nav-clinics.is-open .nav-clinics-chevron{transform:translateY(2px) rotate(225deg)}
.nav-clinics-menu{position:absolute;top:calc(100% + 9px);right:-12px;z-index:110;display:grid;min-width:228px;padding:8px;border:1px solid var(--line,#c9d8e7);border-radius:14px;background:#fff;box-shadow:0 14px 40px rgba(20,53,82,.16);opacity:0;visibility:hidden;transform:translateY(-7px);transition:.18s ease}
.nav-clinics-menu:before{content:"";position:absolute;top:-11px;right:0;left:0;height:12px}
.nav-clinics-menu a{padding:11px 12px!important;border:0!important;border-radius:9px;color:var(--deep,var(--navy-deep,#143552));font-size:12.5px;text-decoration:none;white-space:normal}
.nav-clinics-menu a:hover,.nav-clinics-menu a[aria-current="page"]{background:var(--soft,var(--soft-blue,#dfeaf4));color:var(--navy,#1f4e79)}
.nav-clinics:hover .nav-clinics-menu,.nav-clinics:focus-within .nav-clinics-menu,.nav-clinics.is-open .nav-clinics-menu{opacity:1;visibility:visible;transform:none}
.header-cta{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:11px 19px;border-radius:999px;background:var(--navy,#1f4e79);box-shadow:0 10px 22px rgba(31,78,121,.18);color:#fff;font-family:var(--display,Arial,sans-serif);font-size:13px;font-weight:800;text-decoration:none;white-space:nowrap}
.header-cta:hover{background:var(--deep,var(--navy-deep,#143552));color:#fff;transform:translateY(-1px)}
.menu-toggle{display:none;min-width:72px;min-height:40px;align-items:center;justify-content:center;border:1px solid var(--line,#c9d8e7);border-radius:999px;background:var(--soft,var(--soft-blue,#dfeaf4));color:var(--deep,var(--navy-deep,#143552));font-family:var(--display,Arial,sans-serif);font-size:12px;font-weight:800;cursor:pointer}

.footer{padding:50px 0 24px;background:var(--darker,#0c2237);color:#afc2d4}
.footer-grid{display:grid;grid-template-columns:1.2fr .75fr .75fr 1.05fr;gap:34px}
.footer-title{margin-bottom:13px;color:#fff;font-family:var(--display,Arial,sans-serif);font-size:14px;font-weight:800}
.footer-identity{display:flex;align-items:center;gap:11px;margin-bottom:14px}
.footer-identity .footer-title{margin-bottom:0}
.footer-logo{width:36px;height:46px;flex:none;object-fit:contain}
.footer p,.footer a,.footer span{font-size:12.5px}
.footer p{margin:0;color:#afc2d4;line-height:1.65}
.footer a{color:inherit;text-decoration:none}
.footer a:hover{color:#fff}
.footer ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.footer-socials{display:block;margin-top:20px}
.footer-socials-label{margin-bottom:10px;color:#fff;font-family:var(--display,Arial,sans-serif);font-size:12px;font-weight:700}
.footer-social-links{display:grid;grid-template-columns:repeat(2,minmax(0,116px));gap:9px}
.footer-social-links a{display:inline-flex;width:116px;min-height:36px;align-items:center;justify-content:flex-start;gap:7px;padding:7px 10px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.06);color:#d8e4ef;font-family:var(--display,Arial,sans-serif);font-size:11px;font-weight:700}
.footer-social-links a:hover{border-color:var(--gold,#f5c842);color:#fff}
.social-icon{display:inline-flex;width:20px;height:20px;flex:none;align-items:center;justify-content:center;border-radius:50%;background:#fff;color:var(--deep,var(--navy-deep,#143552));font-size:10px!important;font-weight:800}
.footer-clinic{display:grid;gap:3px;margin-bottom:14px}
.footer-clinic strong{color:#fff;font-family:var(--display,Arial,sans-serif)}
.footer-clinic-link,.footer-email,.footer-booking-link{color:#fff!important;font-family:var(--display,Arial,sans-serif);font-weight:800}
.footer-email{display:block;margin:13px 0;overflow-wrap:anywhere}
.footer-booking-link{display:inline-flex;margin-top:5px}
.footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:15px;margin-top:30px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.56);font-size:11.5px}

.stickybar{position:fixed;left:50%;bottom:14px;z-index:120;display:none;width:min(420px,calc(100% - 24px));overflow:visible;border:1px solid rgba(255,255,255,.5);border-radius:999px;background:#fff;box-shadow:0 14px 34px rgba(15,40,64,.28);transform:translate(-50%,130%);transition:transform .25s ease}
.stickybar.visible{transform:translate(-50%,0)}
.stickybar>.btn{width:100%;min-width:0;border-radius:999px}
.stickybar .call-sheet strong{color:var(--deep,var(--navy-deep,#143552));font-family:var(--display,Arial,sans-serif);font-size:12px}
.stickybar .call-sheet span{color:var(--muted,#557086);font-size:11px}

html[lang^="en"] .header-inner{gap:12px}
html[lang^="en"] .header .brand{min-width:242px}
html[lang^="en"] .header .brand-name{font-size:16.5px}
html[lang^="en"] .nav{gap:10px;font-size:11.5px}
html[lang^="en"] .header-cta{padding-inline:13px;font-size:12.5px}

@media(min-width:1081px) and (max-width:1100px){
  .nav{display:flex!important}
  .header-cta{display:inline-flex!important}
  .menu-toggle{display:none!important}
}

@media(max-width:1080px){
  .topbar-email{display:none!important}
  .topbar-inner.email-enabled{display:flex!important;justify-content:space-between}
  .nav,.header-cta{display:none!important}
  .menu-toggle{display:inline-flex!important}
  .nav.open{position:absolute!important;top:100%!important;right:auto!important;left:50%!important;z-index:140!important;display:grid!important;width:100vw!important;max-height:calc(100vh - 96px)!important;overflow-y:auto!important;overscroll-behavior:contain;padding:10px max(20px,calc((100vw - 1160px)/2)) 18px!important;border-bottom:1px solid var(--line,#c9d8e7)!important;background:#fff!important;box-shadow:0 14px 40px rgba(20,53,82,.16)!important;transform:translateX(-50%)!important}
  .nav.open>a,.nav.open .nav-clinics-toggle{width:100%!important;min-height:44px!important;justify-content:flex-start!important;padding:12px 4px!important;border-bottom:1px solid var(--line,#c9d8e7)!important}
  .nav.open>a[aria-current="page"]{color:var(--navy,#1f4e79);border-bottom-color:var(--gold,#f5c842)!important;box-shadow:inset 0 -2px 0 var(--gold,#f5c842)}
  .nav.open .nav-clinics{display:block;width:100%}
  .nav.open .nav-clinics-toggle{justify-content:space-between!important}
  .nav.open .language-switch{padding-left:4px!important;border-left:0!important}
  .nav-clinics-menu{position:static;display:none;min-width:0;margin-top:4px;padding:5px 8px 8px;border:0;border-left:3px solid var(--gold,#f5c842);border-radius:0;background:var(--soft-2,var(--soft-blue-2,#f3f7fb));box-shadow:none;opacity:1;visibility:visible;transform:none}
  .nav-clinics.is-open .nav-clinics-menu{display:grid}
  .nav-clinics:hover .nav-clinics-menu:not(:focus-within){display:none}
  .nav-clinics.is-open:hover .nav-clinics-menu{display:grid}
  .nav.open .nav-clinics.is-current>.nav-clinics-toggle{color:var(--navy,#1f4e79);border-bottom-color:var(--gold,#f5c842)!important;box-shadow:inset 0 -2px 0 var(--gold,#f5c842)}
}

@media(max-width:1080px) and (hover:hover){
  .nav.open>a:hover:not([aria-current="page"]),.nav.open .nav-clinics:hover>.nav-clinics-toggle{color:var(--navy,#1f4e79);border-bottom-color:var(--gold,#f5c842)!important;box-shadow:inset 0 -2px 0 var(--gold,#f5c842)}
}

@media(max-width:820px){
  body{padding-bottom:96px}
  .topbar{display:none}
  .mobile-clinic-bar{display:grid;grid-template-columns:1fr 1fr!important;border-bottom:1px solid rgba(255,255,255,.14);background:var(--darker,#0f2840)}
  .mobile-clinic-bar a{display:flex;min-height:42px;align-items:center;justify-content:center;color:#fff;font-family:var(--display,Arial,sans-serif);font-size:11px;font-weight:800;text-decoration:none}
  .mobile-clinic-bar a+a{border-left:1px solid rgba(255,255,255,.14)}
  .header-inner{min-height:68px;padding:7px 0}
  .header .brand{min-width:0;max-width:calc(100% - 88px);flex:1 1 auto;gap:8px}
  .header .brand-logo{width:27px;height:35px}
  .header .brand-name{font-size:clamp(11.25px,3.3vw,13.5px);line-height:1.2;white-space:nowrap}
  .header .brand-sub{margin-top:2px;font-size:8.5px;letter-spacing:.07em}
  html[lang^="en"] .header .brand{min-width:0}
  html[lang^="en"] .header .brand-name{font-size:clamp(10.75px,3.05vw,13px)}
  .footer{padding-bottom:98px}
  .footer-grid{grid-template-columns:1fr 1fr}
  .stickybar{position:fixed!important;right:12px!important;bottom:calc(12px + env(safe-area-inset-bottom))!important;left:12px!important;z-index:140!important;display:none!important;width:auto!important;max-width:420px!important;height:auto!important;margin-inline:auto!important;grid-template-columns:none!important;gap:8px!important;padding:8px!important;overflow:visible!important;border:1px solid var(--line,#c9d8e7)!important;border-radius:999px!important;background:rgba(255,255,255,.98)!important;box-shadow:0 14px 34px rgba(15,40,64,.28)!important;transform:none!important}
  .stickybar.visible{display:flex!important;transform:none!important}
  .stickybar>.btn{display:inline-flex!important;width:50%!important;min-width:0!important;min-height:44px!important;flex:1 1 0!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:10px 12px!important;white-space:nowrap!important}
  .stickybar .call-sheet{position:absolute!important;right:0!important;bottom:calc(100% + 10px)!important;left:0!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:0!important;overflow:hidden!important;padding:0!important;border:1px solid var(--line,#c9d8e7)!important;border-radius:14px!important;background:#fff!important;box-shadow:0 14px 40px rgba(20,53,82,.16)!important}
  .stickybar .call-sheet[hidden]{display:none!important}
  .stickybar .call-sheet a{display:grid!important;gap:2px!important;padding:13px 10px!important;border:0!important;border-radius:0!important;background:#fff!important;text-align:center!important;text-decoration:none!important}
  .stickybar .call-sheet a+a{border-left:1px solid var(--line,#c9d8e7)!important}
}

@media(max-width:600px){
  .topbar .container,.header .container,.footer .container{width:min(1160px,calc(100% - 28px))}
  .header .brand-sub{display:none}
  .footer-grid{grid-template-columns:1fr}
  .footer-socials{display:block}
  .footer-social-links{display:grid;grid-template-columns:repeat(2,minmax(0,116px))}
  .footer-social-links a{justify-content:flex-start}
}
  
/* Site search: isolated from symptom filtering and page-specific legacy styles. */
html body .header .site-search-toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex:0 0 44px;padding:0;border:1px solid #c9d8e7;border-radius:50%;background:#f3f7fb;color:#143552;cursor:pointer}
html body .header .site-search-toggle[hidden]{display:none!important}
html body .site-search-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
html body .header .site-search-toggle:hover{background:#dfeaf4}
html body .site-search-dialog{box-sizing:border-box;width:min(720px,calc(100% - 28px));max-width:none;max-height:calc(100dvh - 40px);margin:auto;padding:0;border:1px solid #c9d8e7;border-radius:22px;background:#fff;color:#143552;box-shadow:0 22px 80px #0f28404d;font-family:"Open Sans",system-ui,sans-serif;line-height:1.6;text-align:left;overflow:auto;overscroll-behavior:contain}
html body .site-search-dialog:not([open]){display:none}
html body .site-search-dialog::backdrop{background:rgba(15,40,64,.65)}
html body .site-search-dialog *{box-sizing:border-box}
html body .site-search-shell{padding:28px}
html body .site-search-top{display:flex;align-items:center;justify-content:space-between;gap:18px}
html body .site-search-dialog h2{margin:0;font:800 23px/1.3 Montserrat,system-ui,sans-serif;letter-spacing:-.02em;color:#143552}
html body .site-search-dialog button{font:700 13px/1.4 "Open Sans",system-ui,sans-serif;cursor:pointer;min-height:44px;border-radius:10px;letter-spacing:normal;text-transform:none}
html body .site-search-close{border:1px solid #c9d8e7;background:#f3f7fb;color:#143552;padding:8px 12px;flex-shrink:0}
html body .site-search-hint{margin:14px 0 20px;font-size:14px;color:#56677a}
html body .site-search-form{margin:0}
html body .site-search-label{display:block;margin-bottom:8px;font-size:14px;font-weight:700}
html body .site-search-field{display:flex;gap:8px}
html body .site-search-field input{width:100%;min-width:0;flex:1;padding:13px 14px;border:1px solid #a5b9cd;border-radius:10px;background:#fff;color:#143552;font:400 16px/1.5 "Open Sans",system-ui,sans-serif;appearance:auto}
html body .site-search-submit{padding:12px 18px;border:1px solid #1f4e79;background:#1f4e79;color:#fff}
html body .site-search-clear{margin-top:7px;padding:4px 0;border:0;background:transparent;color:#1f4e79;text-decoration:underline;text-underline-offset:3px}
html body .site-search-status{margin:18px 0 12px;color:#56677a;font-size:14px}
html body .site-search-results{list-style:none;margin:0;padding:0;display:grid;gap:9px}
html body .site-search-results li{margin:0;padding:0}
html body .site-search-results li::before{content:none}
html body .site-search-result{display:block;padding:15px 17px;border:1px solid #d9e3ed;border-radius:12px;background:#fff;text-decoration:none;color:#143552}
html body .site-search-result:hover{background:#f3f7fb;border-color:#9db6ce}
html body .site-search-kind{display:block;margin:0 0 5px;font-size:11px;font-weight:700;letter-spacing:.04em;color:#50657a}
html body .site-search-result-title{display:block;font:700 16px/1.5 Montserrat,system-ui,sans-serif;color:#1f4e79}
html body .site-search-description{display:block;margin-top:6px;font-size:13px;line-height:1.6;color:#56677a}
html body .site-search-more{display:block;margin:18px auto 0;padding:10px 18px;border:1px solid #c9d8e7;background:#f3f7fb;color:#143552}
html body .site-search-dialog [hidden]{display:none!important}
html body .site-search-dialog :focus-visible,html body .header .site-search-toggle:focus-visible{outline:3px solid #1f4e79;outline-offset:3px}
@media(max-width:480px){
 html body .site-search-shell{padding:19px 16px}
 html body .site-search-dialog h2{font-size:19px}
 html body .site-search-top{align-items:flex-start;gap:8px}
 html body .site-search-close{max-width:108px;font-size:12px;padding:6px 9px}
 html body .site-search-field{flex-wrap:wrap}
 html body .site-search-field input{flex-basis:100%}
 html body .site-search-submit{width:100%}
}

/* Shared header: clinic reference, 2026-09-21. Load LAST in every Final HTML. */
html body .header,html body .topbar,html body .mobile-clinic-bar{--navy:#1F4E79;--navy-deep:#143552;--navy-darker:#0F2840;--deep:#143552;--darker:#0F2840;--soft:#DFEAF4;--soft-2:#F3F7FB;--gold:#F5C842;--muted:#56677A;--line:#C9D8E7;--display:Montserrat,system-ui,sans-serif;font-family:"Open Sans",system-ui,sans-serif;line-height:1.66}
html body .topbar{background:var(--navy-darker);color:#D5E2EE;font-size:12px}
html body .topbar-inner{min-height:34px;display:flex;justify-content:space-between;align-items:center;gap:24px}
html body .topbar-clinic{display:flex;align-items:center;gap:15px}
html body .topbar-clinic a:first-child{display:inline-flex;align-items:center;gap:6px;color:#CFE0F0}
html body .topbar-clinic a:last-child{color:#fff;font-weight:700}
html body .mobile-clinic-bar{display:none}
html body .header{position:sticky;top:0;z-index:90;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);backdrop-filter:blur(9px)}
html body .header-inner{min-height:74px;display:flex;justify-content:space-between;align-items:center;gap:22px}
html body .header .brand{display:flex;align-items:center;gap:11px;min-width:255px}
html body .header .brand-logo{width:34px;height:44px;object-fit:contain;flex:0 0 auto}
html body .header .brand-copy{display:flex;flex-direction:column;line-height:1.15}
html body .header .brand-name{font-family:var(--display);color:var(--navy-deep);font-weight:800;letter-spacing:-.015em;font-size:18px}
html body .header .brand-sub{margin-top:4px;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.10em;text-transform:uppercase}
html body .nav{display:flex;align-items:center;gap:18px;font-family:var(--display);font-size:13px;font-weight:600;white-space:nowrap}
html body .nav a{padding:7px 0;border-bottom:2px solid transparent;transition:.18s ease}
html body .nav a:hover,html body .nav a[aria-current="page"]{color:var(--navy);border-color:var(--gold)}
html body .header-cta{font-family:var(--display);background:var(--navy);color:#fff;padding:12px 21px;border-radius:999px;font-weight:700;font-size:14px;box-shadow:0 10px 22px rgba(31,78,121,.18);white-space:nowrap;transition:.18s ease}
html body .header-cta:hover{background:var(--navy-deep);transform:translateY(-1px)}
html body .menu-toggle{display:none;border:1px solid var(--line);background:var(--soft);color:var(--navy-deep);padding:10px 13px;border-radius:999px;font-family:var(--display);font-weight:700;cursor:pointer}
@media(max-width:1080px){
html body .nav{display:none}
html body .menu-toggle{display:block}
html body .header-cta{padding:10px 16px;font-size:13px}
html body .nav.open{position:absolute;top:74px;left:0;right:0;display:grid;background:#fff;padding:10px 20px 18px;border-bottom:1px solid var(--line);box-shadow:var(--shadow)}
html body .nav.open a{padding:13px 4px}
}
@media(max-width:720px){
html body .topbar{display:none}
html body .header-cta{display:none}
html body .mobile-clinic-bar{display:flex;background:var(--navy-darker);color:#fff;font-size:11px;justify-content:center}
html body .mobile-clinic-bar a{flex:1;text-align:center;padding:8px 4px;border-right:1px solid rgba(255,255,255,.13)}
html body .header-inner{min-height:68px;gap:10px;padding:7px 0}
html body .header .brand{min-width:0;max-width:calc(100% - 88px);gap:8px;flex:1 1 auto}
html body .header .brand-logo{width:27px;height:35px}
html body .header .brand-copy{min-width:0}
html body .header .brand-name{font-size:13.5px;line-height:1.2;white-space:normal}
html body .header .brand-sub{font-size:8.5px;letter-spacing:.07em;margin-top:2px;white-space:normal}
html body .menu-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:72px;min-height:40px;padding:9px 12px;font-size:12px;flex:0 0 auto}
html body .nav.open{top:68px;z-index:120;padding:10px 18px 16px;max-height:calc(100vh - 110px);overflow-y:auto}
html body .nav.open a{font-size:13px;padding:12px 4px}
}
@media(min-width:1081px){
html body .nav .language-switch{border-left:1px solid var(--line);padding-left:18px}
}
@media(max-width:1080px){
html body .nav.open .language-switch{border-top:1px solid var(--line);margin-top:4px;padding-top:13px}
}
@media(min-width:1081px){
html body .topbar-inner.email-enabled{display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:18px}
html body .topbar-inner.email-enabled .topbar-clinic:first-child{justify-self:start}
html body .topbar-inner.email-enabled .topbar-clinic:last-child{justify-self:end}
}
html body .topbar-email{display:inline-flex;align-items:center;justify-content:center;color:#fff!important;font-family:var(--display);font-size:12px;font-weight:700;white-space:nowrap;letter-spacing:.01em}
html body .topbar-email:hover{text-decoration:underline;text-underline-offset:3px}
@media(max-width:1080px){
html body .topbar-email{display:none!important}
html body .topbar-inner.email-enabled{display:flex!important}
}
html body .nav-clinics{position:relative;display:flex;align-items:center}
html body .nav-clinics-toggle{display:inline-flex;align-items:center;gap:6px;padding:7px 0;border:0;border-bottom:2px solid transparent;background:transparent;color:inherit;font:inherit;font-weight:inherit;white-space:nowrap;cursor:pointer}
html body .nav-clinics-toggle:hover,html body .nav-clinics.is-current>.nav-clinics-toggle{color:var(--navy,#1f4e79);border-color:var(--gold,#f5c842)}
html body .nav-clinics-chevron{width:7px;height:7px;border-right:1.8px solid currentColor;border-bottom:1.8px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .18s ease}
html body .nav-clinics.is-open .nav-clinics-chevron{transform:translateY(2px) rotate(225deg)}
html body .nav-clinics-menu{position:absolute;top:calc(100% + 9px);right:-12px;z-index:110;display:grid;min-width:228px;padding:8px;border:1px solid var(--line,#c9d8e7);border-radius:14px;background:#fff;box-shadow:0 14px 40px rgba(20,53,82,.16);opacity:0;visibility:hidden;transform:translateY(-7px);transition:.18s ease}
html body .nav-clinics-menu:before{content:"";position:absolute;left:0;right:0;top:-11px;height:12px}
html body .nav-clinics-menu a{padding:11px 12px!important;border:0!important;border-radius:9px;color:var(--deep,var(--navy-deep,#143552));white-space:normal}
html body .nav-clinics-menu a:hover,html body .nav-clinics-menu a[aria-current="page"]{background:var(--soft,#dfeaf4);color:var(--navy,#1f4e79)}
html body .nav-clinics:hover .nav-clinics-menu,html body .nav-clinics:focus-within .nav-clinics-menu,html body .nav-clinics.is-open .nav-clinics-menu{opacity:1;visibility:visible;transform:none}
@media(max-width:1080px){
html body .nav.open .nav-clinics{display:block;width:100%}
html body .nav.open .nav-clinics-toggle{width:100%;min-height:44px;justify-content:space-between;padding:12px 4px;border-bottom:1px solid var(--line,#c9d8e7)}
html body .nav-clinics-menu{position:static;display:none;min-width:0;margin-top:4px;padding:5px 8px 8px;border:0;border-left:3px solid var(--gold,#f5c842);border-radius:0;background:var(--soft-2,#f3f7fb);box-shadow:none;opacity:1;visibility:visible;transform:none}
html body .nav-clinics.is-open .nav-clinics-menu{display:grid}
html body .nav-clinics:hover .nav-clinics-menu:not(:focus-within){display:none}
html body .nav-clinics.is-open:hover .nav-clinics-menu{display:grid}
}
@media(max-width:720px){
html body .mobile-clinic-bar{grid-template-columns:1fr 1fr!important}
}
html body .menu-toggle{cursor:pointer}
@media(min-width:721px) and (max-width:1080px){
html body .topbar-inner.email-enabled{display:grid!important;
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
    align-items:center;
    gap:12px;}
html body .topbar-email{display:inline-flex!important;
    align-items:center;
    justify-content:center;
    color:#fff!important;
    font-size:11.5px;
    font-weight:700;
    white-space:nowrap;}
html body .topbar-clinic{min-width:0}
html body .topbar-clinic:first-child{justify-self:start}
html body .topbar-clinic:last-child{justify-self:end}
html body .topbar-clinic a{font-size:11px}
}
@media(min-width:721px) and (max-width:900px){
html body .topbar-clinic a:first-child{display:none}
}
@media(max-width:1080px){
html body .header-inner{position:relative}
html body .nav.open{position:absolute;
    top:100%;
    left:50%;
    right:auto;
    z-index:140;
    display:grid;
    width:100vw;
    max-height:calc(100vh - 96px);
    overflow-y:auto;
    overscroll-behavior:contain;
    padding:10px max(20px,calc((100vw - var(--max,1140px))/2)) 18px;
    border-bottom:1px solid var(--line,#c9d8e7);
    background:#fff;
    box-shadow:0 14px 40px rgba(20,53,82,.16);
    transform:translateX(-50%);}
html body .nav.open>a,html body .nav.open .nav-clinics-toggle{width:100%;
    min-height:44px;
    justify-content:flex-start;
    padding:12px 4px;
    border-bottom:1px solid var(--line,#c9d8e7);}
html body .nav.open .nav-clinics-toggle{justify-content:space-between}
html body .nav.open .language-switch{padding-left:4px!important;border-left:0!important}
}
html body .topbar,html body .header,html body .mobile-clinic-bar{box-sizing:border-box}
html body .topbar *,html body .header *,html body .mobile-clinic-bar *{box-sizing:border-box}
html body .topbar .container,html body .header .container{width:min(1160px,calc(100% - 40px));margin-inline:auto}
html body .topbar{display:block;padding:0;background:var(--darker,#0f2840);color:#d5e2ee;font-size:12px}
html body .topbar-inner{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:18px;min-height:36px}
html body .topbar-clinic{display:flex;align-items:center;gap:14px;min-width:0}
html body .topbar-clinic:last-child{justify-self:end}
html body .topbar-clinic>a{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
html body .topbar-clinic>a:first-child{color:#cfe0f0}
html body .topbar-clinic>a:last-child{position:relative;padding-left:15px;border-left:1px solid rgba(255,255,255,.32);color:#fff;font-weight:700}
html body .topbar-email{display:inline-flex;align-items:center;justify-content:center;color:#fff!important;font-family:var(--display,Arial,sans-serif);font-size:12px;font-weight:700;white-space:nowrap}
html body .topbar a:hover{text-decoration:underline;text-underline-offset:3px}
html body .mobile-clinic-bar{display:none}
html body .header{position:sticky;top:0;z-index:90;border-bottom:1px solid var(--line,#c9d8e7);background:rgba(255,255,255,.97);backdrop-filter:blur(10px)}
html body .header-inner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:74px}
html body .header .brand{display:flex;flex:none;align-items:center;gap:11px;min-width:255px;text-decoration:none}
html body .header .brand-logo{width:34px;height:44px;flex:none;object-fit:contain}
html body .header .brand-copy{display:flex;min-width:0;flex-direction:column;line-height:1.15}
html body .header .brand-name{color:var(--deep,var(--navy-deep,#143552));font-family:var(--display,Arial,sans-serif);font-size:18px;font-weight:800;letter-spacing:-.015em;line-height:1.15;white-space:nowrap}
html body .header .brand-sub{margin-top:4px;color:var(--muted,#557086);font-size:11px;font-weight:700;letter-spacing:.1em;line-height:1.2;text-transform:uppercase;white-space:nowrap}
html body .nav{display:flex;align-items:center;gap:17px;color:var(--deep,var(--navy-deep,#143552));font-family:var(--display,Arial,sans-serif);font-size:12.5px;font-weight:700;white-space:nowrap}
html body .nav>a,html body .nav-clinics-toggle{display:inline-flex;min-height:40px;align-items:center;padding:7px 0;border:0;border-bottom:2px solid transparent;background:transparent;color:inherit;font:inherit;font-weight:inherit;text-decoration:none;cursor:pointer}
html body .nav>a:hover,html body .nav>a[aria-current="page"],html body .nav-clinics-toggle:hover,html body .nav-clinics.is-current>.nav-clinics-toggle{color:var(--navy,#1f4e79);border-bottom-color:var(--gold,#f5c842)}
html body .nav-clinics{position:relative;display:flex;align-items:center}
html body .nav-clinics-toggle{gap:6px;white-space:nowrap}
html body .nav-clinics-chevron{width:7px;height:7px;border-right:1.8px solid currentColor;border-bottom:1.8px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .18s ease}
html body .nav-clinics.is-open .nav-clinics-chevron{transform:translateY(2px) rotate(225deg)}
html body .nav-clinics-menu{position:absolute;top:calc(100% + 9px);right:-12px;z-index:110;display:grid;min-width:228px;padding:8px;border:1px solid var(--line,#c9d8e7);border-radius:14px;background:#fff;box-shadow:0 14px 40px rgba(20,53,82,.16);opacity:0;visibility:hidden;transform:translateY(-7px);transition:.18s ease}
html body .nav-clinics-menu:before{content:"";position:absolute;top:-11px;right:0;left:0;height:12px}
html body .nav-clinics-menu a{padding:11px 12px!important;border:0!important;border-radius:9px;color:var(--deep,var(--navy-deep,#143552));font-size:12.5px;text-decoration:none;white-space:normal}
html body .nav-clinics-menu a:hover,html body .nav-clinics-menu a[aria-current="page"]{background:var(--soft,var(--soft-blue,#dfeaf4));color:var(--navy,#1f4e79)}
html body .nav-clinics:hover .nav-clinics-menu,html body .nav-clinics:focus-within .nav-clinics-menu,html body .nav-clinics.is-open .nav-clinics-menu{opacity:1;visibility:visible;transform:none}
html body .header-cta{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:11px 19px;border-radius:999px;background:var(--navy,#1f4e79);box-shadow:0 10px 22px rgba(31,78,121,.18);color:#fff;font-family:var(--display,Arial,sans-serif);font-size:13px;font-weight:800;text-decoration:none;white-space:nowrap}
html body .header-cta:hover{background:var(--deep,var(--navy-deep,#143552));color:#fff;transform:translateY(-1px)}
html body .menu-toggle{display:none;min-width:72px;min-height:40px;align-items:center;justify-content:center;border:1px solid var(--line,#c9d8e7);border-radius:999px;background:var(--soft,var(--soft-blue,#dfeaf4));color:var(--deep,var(--navy-deep,#143552));font-family:var(--display,Arial,sans-serif);font-size:12px;font-weight:800;cursor:pointer}
html[lang^="en"] body .header-inner{gap:12px}
html[lang^="en"] body .header .brand{min-width:242px}
html[lang^="en"] body .header .brand-name{font-size:16.5px}
html[lang^="en"] body .nav{gap:10px;font-size:11.5px}
html[lang^="en"] body .header-cta{padding-inline:13px;font-size:12.5px}
@media(min-width:1081px) and (max-width:1100px){
html body .nav{display:flex!important}
html body .header-cta{display:inline-flex!important}
html body .menu-toggle{display:none!important}
}
@media(max-width:1080px){
html body .topbar-email{display:none!important}
html body .topbar-inner.email-enabled{display:flex!important;justify-content:space-between}
html body .nav,html body .header-cta{display:none!important}
html body .menu-toggle{display:inline-flex!important}
html body .nav.open{position:absolute!important;top:100%!important;right:auto!important;left:50%!important;z-index:140!important;display:grid!important;width:100vw!important;max-height:calc(100vh - 96px)!important;overflow-y:auto!important;overscroll-behavior:contain;padding:10px max(20px,calc((100vw - 1160px)/2)) 18px!important;border-bottom:1px solid var(--line,#c9d8e7)!important;background:#fff!important;box-shadow:0 14px 40px rgba(20,53,82,.16)!important;transform:translateX(-50%)!important}
html body .nav.open>a,html body .nav.open .nav-clinics-toggle{width:100%!important;min-height:44px!important;justify-content:flex-start!important;padding:12px 4px!important;border-bottom:1px solid var(--line,#c9d8e7)!important}
html body .nav.open>a[aria-current="page"]{color:var(--navy,#1f4e79);border-bottom-color:var(--gold,#f5c842)!important;box-shadow:inset 0 -2px 0 var(--gold,#f5c842)}
html body .nav.open .nav-clinics{display:block;width:100%}
html body .nav.open .nav-clinics-toggle{justify-content:space-between!important}
html body .nav.open .language-switch{padding-left:4px!important;border-left:0!important}
html body .nav-clinics-menu{position:static;display:none;min-width:0;margin-top:4px;padding:5px 8px 8px;border:0;border-left:3px solid var(--gold,#f5c842);border-radius:0;background:var(--soft-2,var(--soft-blue-2,#f3f7fb));box-shadow:none;opacity:1;visibility:visible;transform:none}
html body .nav-clinics.is-open .nav-clinics-menu{display:grid}
html body .nav-clinics:hover .nav-clinics-menu:not(:focus-within){display:none}
html body .nav-clinics.is-open:hover .nav-clinics-menu{display:grid}
html body .nav.open .nav-clinics.is-current>.nav-clinics-toggle{color:var(--navy,#1f4e79);border-bottom-color:var(--gold,#f5c842)!important;box-shadow:inset 0 -2px 0 var(--gold,#f5c842)}
}
@media(max-width:1080px) and (hover:hover){
html body .nav.open>a:hover:not([aria-current="page"]),html body .nav.open .nav-clinics:hover>.nav-clinics-toggle{color:var(--navy,#1f4e79);border-bottom-color:var(--gold,#f5c842)!important;box-shadow:inset 0 -2px 0 var(--gold,#f5c842)}
}
@media(max-width:820px){
html body .topbar{display:none}
html body .mobile-clinic-bar{display:grid;grid-template-columns:1fr 1fr!important;border-bottom:1px solid rgba(255,255,255,.14);background:var(--darker,#0f2840)}
html body .mobile-clinic-bar a{display:flex;min-height:42px;align-items:center;justify-content:center;color:#fff;font-family:var(--display,Arial,sans-serif);font-size:11px;font-weight:800;text-decoration:none}
html body .mobile-clinic-bar a+a{border-left:1px solid rgba(255,255,255,.14)}
html body .header-inner{min-height:68px;padding:7px 0}
html body .header .brand{min-width:0;max-width:calc(100% - 88px);flex:1 1 auto;gap:8px}
html body .header .brand-logo{width:27px;height:35px}
html body .header .brand-name{font-size:clamp(11.25px,3.3vw,13.5px);line-height:1.2;white-space:nowrap}
html body .header .brand-sub{margin-top:2px;font-size:8.5px;letter-spacing:.07em}
html[lang^="en"] body .header .brand{min-width:0}
html[lang^="en"] body .header .brand-name{font-size:clamp(10.75px,3.05vw,13px)}
}
@media(max-width:600px){
html body .topbar .container,html body .header .container{width:min(1160px,calc(100% - 28px))}
html body .header .brand-sub{display:none}
}

/* Header-only defaults prevent inherited legacy page styles from drifting. */
html body .header .brand-sub{display:block}
html body .header .nav{letter-spacing:normal;line-height:1.66}
html body .header .language-switch{margin-top:0;border-top:0;color:var(--navy);font-weight:800}
@media(max-width:1080px){html body .header .language-switch{margin-top:4px;border-top:1px solid var(--line);padding-top:13px}}
@media(max-width:600px){html body .header .brand-sub{display:none}}
html body .header a:focus-visible,html body .header button:focus-visible,html body .topbar a:focus-visible{outline:2px solid #1F4E79;outline-offset:4px}
html body .topbar a:focus-visible{outline-color:#F5C842}

/* Minimal icon family, taken from the approved clinic pages. */

    /* Stable CSS icons: consistent across operating systems without emoji glyphs */
    .contact-icon,.topbar-pin,.hero-location-icon,.inline-external-icon,.icon-check{position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}
    .contact-icon:before,.contact-icon:after,.topbar-pin:before,.topbar-pin:after,.hero-location-icon:before,.hero-location-icon:after,.inline-external-icon:before,.icon-check:before{content:"";position:absolute;box-sizing:border-box}
    .topbar-pin{width:16px;height:16px;flex:0 0 16px;color:#CFE0F0}
    .icon-location:before{width:12px;height:12px;border:2px solid currentColor;border-radius:50% 50% 50% 0;transform:rotate(-45deg);top:8px;left:13px}
    .icon-location:after{width:3px;height:3px;border-radius:50%;background:currentColor;top:12px;left:17px}
    .topbar-pin.icon-location:before{width:10px;height:10px;top:2px;left:3px}
    .topbar-pin.icon-location:after{width:2px;height:2px;top:6px;left:7px}
    .hero-location-icon{width:27px;height:27px;flex:0 0 27px;border-radius:50%;background:var(--soft,#DFEAF4);color:var(--navy,#1F4E79)}
    .hero-location-icon.icon-location:before{width:10px;height:10px;top:6px;left:8px}
    .hero-location-icon.icon-location:after{width:2px;height:2px;top:10px;left:12px}
    .icon-phone:before,.icon-phone:after{content:none}
    .icon-phone svg{display:block;width:22px;height:22px;flex:none}
    .icon-mail:before{width:19px;height:14px;border:2px solid currentColor;border-radius:2px;top:13px;left:10px}
    .icon-mail:after{width:12px;height:12px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);top:8px;left:14px}
    .icon-clock:before{width:20px;height:20px;border:2px solid currentColor;border-radius:50%;top:10px;left:10px}
    .icon-clock:after{width:6px;height:7px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;top:14px;left:19px}
    .icon-external:before{width:16px;height:16px;border:2px solid currentColor;border-radius:2px;top:14px;left:10px}
    .icon-external:after{width:10px;height:10px;border-top:2px solid currentColor;border-right:2px solid currentColor;top:9px;left:20px}
    .inline-external-icon{width:11px;height:11px;flex:0 0 11px;margin-left:2px}
    .inline-external-icon:before{width:9px;height:9px;border-top:2px solid currentColor;border-right:2px solid currentColor;top:0;right:0}
    .icon-check{width:27px;height:27px;border-radius:50%;background:rgba(255,255,255,.1);color:var(--gold,#F5C842)}
    .icon-check:before{width:7px;height:12px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);top:6px;left:10px}

/* Same pin/check/handset geometry in cards, inline links and lists. */
.clinic-icon.icon-location,.map-mark.icon-location{display:inline-flex;align-items:center;justify-content:center}
.clinic-icon.icon-location{position:relative}
.map-mark.icon-location{position:absolute}
.clinic-icon.icon-location:before,.map-mark.icon-location:before,.clinic-icon.icon-location:after,.map-mark.icon-location:after{content:"";position:absolute;box-sizing:border-box}
.clinic-icon.icon-location:before,.map-mark.icon-location:before{top:calc(50% - 8px);left:calc(50% - 6px)}
.clinic-icon.icon-location:after,.map-mark.icon-location:after{top:calc(50% - 4px);left:calc(50% - 2px)}
.site-phone-icon{display:inline-flex;width:22px;height:22px;flex:0 0 22px;align-items:center;justify-content:center;vertical-align:middle}
.site-phone-icon svg{display:block;width:22px;height:22px}
.check.icon-check,.notice-mark.icon-check{display:inline-flex;position:relative;width:27px;height:27px;flex:0 0 27px;align-items:center;justify-content:center;background:var(--soft,#DFEAF4);color:var(--navy,#1F4E79);border-radius:50%}
.inline-external-icon{vertical-align:middle}
html[data-shared-checks~="feature-points"] .feature-points li::before,html[data-shared-checks~="hero-points"] .hero-points>span::before,html[data-shared-checks~="availability-explainer"] .availability-explainer li::before,html[data-shared-checks~="check-list"] .check-list li::before,html[data-shared-checks~="us-overlay"] .us-overlay span::before{content:"";display:inline-block;width:22px;height:22px;min-width:22px;flex:0 0 22px;vertical-align:middle;background:currentColor;border:0;border-radius:0;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 27'%3E%3Cpath d='M7 13l5 5 8-10' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 27'%3E%3Cpath d='M7 13l5 5 8-10' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E") center/contain no-repeat}

/* Search controls: base spacing and mobile room. */
@media(min-width:1081px){
 html body .header.site-search-enabled .header-inner{justify-content:flex-start;gap:10px}
 html body .header.site-search-enabled .nav{gap:9px;margin-left:auto}
 html body .header.site-search-enabled .header-cta{padding-inline:12px;flex-shrink:0}
 html body .header.site-search-enabled .site-search-toggle{margin-left:-4px}
 html body .header.site-search-enabled .language-switch{padding-left:9px}
}
@media(max-width:820px){
 html body .header.site-search-enabled .header-inner{gap:8px}
 html body .header.site-search-enabled .brand{min-width:0;max-width:calc(100% - 132px);flex:1 1 auto}
 html body .header.site-search-enabled .brand-name{white-space:normal}
}


/* APPROVED-HEADER-SPACING-2026-09-22: single site-wide source, EL/EN. */
@media(min-width:1081px){
  html body .header.site-search-enabled :is(#site-nav,[data-poc-anchor="site-nav"]){font-size:13.5px}
  html body .header.site-search-enabled :is(#site-nav,[data-poc-anchor="site-nav"])>a,html body .header.site-search-enabled .nav-clinics-toggle{min-height:44px}
}
@media(min-width:1280px){
  html body .topbar .container,html body .header.site-search-enabled .container{width:min(1320px,calc(100% - 64px))}
  html body .header.site-search-enabled .header-inner{display:flex;min-height:88px;gap:22px;justify-content:flex-start}
  html body .header.site-search-enabled .brand{min-width:0;gap:12px;flex:0 0 auto}
  html body .header.site-search-enabled :is(#site-nav,[data-poc-anchor="site-nav"]){flex:1 1 auto;justify-content:space-between;gap:12px;margin:0}
  html body .header.site-search-enabled .language-switch{padding-left:13px}
  html body .header.site-search-enabled .site-search-toggle{margin-left:-14px}
}
@media(min-width:1081px) and (max-width:1279px){
  html body .header.site-search-enabled .header-inner{display:grid;grid-template-columns:minmax(0,1fr) auto 44px;gap:8px 12px;padding:12px 0 5px}
  html body .header.site-search-enabled .brand{grid-column:1;grid-row:1}
  html body .header.site-search-enabled .header-cta{grid-column:2;grid-row:1}
  html body .header.site-search-enabled .site-search-toggle{grid-column:3;grid-row:1;margin:0}
  html body .header.site-search-enabled :is(#site-nav,[data-poc-anchor="site-nav"]){grid-column:1/-1;grid-row:2;justify-content:space-between;gap:14px;margin:0;padding-top:5px}
}
@media(max-width:1080px){
  html body .header.site-search-enabled .header-inner{gap:10px}
  html body .header.site-search-enabled :is(#site-nav,[data-poc-anchor="site-nav"]){margin:0}
}

@media(min-width:1081px){
 html body .header.site-search-enabled .brand-name{font-size:18px}
 html body .header.site-search-enabled .brand-sub{font-size:11px}
 html body .header.site-search-enabled .header-cta{font-size:13px}
}
@media(max-width:820px){
 html body .header.site-search-enabled .brand-name{font-size:clamp(11.25px,3.3vw,13.5px)}
}
}
@scope ([data-poc-design="academy"]) {
/* Montserrat — latin-ext */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500 800;
  font-display: swap;
  src: url("https://petridis-orthopedikos.gr/wp-content/themes/petridis-authoring-poc/assets/fonts/montserrat-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* Montserrat — latin */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500 800;
  font-display: swap;
  src: url("https://petridis-orthopedikos.gr/wp-content/themes/petridis-authoring-poc/assets/fonts/montserrat-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Open Sans — greek-ext */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400 800;
  font-stretch: 100%;
  font-display: swap;
  src: url("https://petridis-orthopedikos.gr/wp-content/themes/petridis-authoring-poc/assets/fonts/open-sans-greek-ext.woff2") format("woff2");
  unicode-range: U+1F00-1FFF;
}

/* Open Sans — greek */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400 800;
  font-stretch: 100%;
  font-display: swap;
  src: url("https://petridis-orthopedikos.gr/wp-content/themes/petridis-authoring-poc/assets/fonts/open-sans-greek.woff2") format("woff2");
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

/* Open Sans — latin-ext */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400 800;
  font-stretch: 100%;
  font-display: swap;
  src: url("https://petridis-orthopedikos.gr/wp-content/themes/petridis-authoring-poc/assets/fonts/open-sans-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* Open Sans — latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400 800;
  font-stretch: 100%;
  font-display: swap;
  src: url("https://petridis-orthopedikos.gr/wp-content/themes/petridis-authoring-poc/assets/fonts/open-sans-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:scope {
  --navy:#1f4e79;
  --deep:#143552;
  --darker:#0f2840;
  --soft:#dfeaf4;
  --soft-2:#f3f7fb;
  --gold:#f5c842;
  --ink:#1b2733;
  --muted:#56677a;
  --line:#c9d8e7;
  --white:#fff;
  --display:'Montserrat',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --body:'Open Sans',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --shadow:0 14px 40px rgba(20,53,82,.13);
  --soft-shadow:0 8px 24px rgba(20,53,82,.08);
  --radius:20px;
  --max:1160px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:132px}
body{margin:0;background:#fff;color:var(--ink);font-family:var(--body);line-height:1.66;-webkit-font-smoothing:antialiased}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button{color:inherit}
img{display:block;max-width:100%;height:auto}
h1,h2,h3,h4{margin:0;color:var(--deep);font-family:var(--display);line-height:1.18}
h1{max-width:850px;font-size:clamp(38px,5.2vw,64px);letter-spacing:-.045em}
h2{font-size:clamp(29px,3.8vw,44px);letter-spacing:-.035em}
h3{font-size:21px;letter-spacing:-.02em}
p{margin:0}
.container{width:min(var(--max),calc(100% - 40px));margin-inline:auto}
.skip-link{position:fixed;left:16px;top:-90px;z-index:300;background:#fff;color:var(--deep);padding:12px 16px;border-radius:8px;box-shadow:var(--shadow);font-weight:800}
.skip-link:focus{top:16px}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

.topbar{background:var(--darker);color:#d5e2ee;font-size:12px}
.topbar-inner{min-height:36px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:18px}
.topbar-clinic{display:flex;align-items:center;gap:14px}
.topbar-clinic:last-child{justify-self:end}
.topbar-clinic a:first-child{color:#cfe0f0}
.topbar-clinic a:last-child,.topbar-email{color:#fff;font-weight:700}
.topbar a:hover{text-decoration:underline;text-underline-offset:3px}
.mobile-clinic-bar{display:none}

.header{position:sticky;top:0;z-index:90;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}
.header-inner{position:relative;min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;align-items:center;gap:11px;min-width:255px}
.brand-logo{width:34px;height:44px;object-fit:contain;flex:none}
.brand-copy{display:flex;min-width:0;flex-direction:column;line-height:1.15}
.brand-name{color:var(--deep);font-family:var(--display);font-size:18px;font-weight:800;letter-spacing:-.015em;white-space:nowrap}
.brand-sub{margin-top:4px;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.nav{display:flex;align-items:center;gap:17px;color:var(--deep);font-family:var(--display);font-size:12.5px;font-weight:700;white-space:nowrap}
.nav>a,.nav-dropdown-toggle{min-height:40px;display:inline-flex;align-items:center;border:0;border-bottom:2px solid transparent;background:transparent;padding:7px 0;cursor:pointer}
.nav>a:hover,.nav>a[aria-current="page"],.nav-dropdown-toggle:hover,.nav-dropdown.is-active>.nav-dropdown-toggle{color:var(--navy);border-color:var(--gold)}
.language-switch{padding-left:16px!important;border-left:1px solid var(--line)!important;color:var(--navy)}
.nav-dropdown{position:relative}
.nav-dropdown-toggle{gap:6px}
.nav-chevron{width:7px;height:7px;border-right:1.8px solid currentColor;border-bottom:1.8px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .18s ease}
.nav-dropdown-menu{position:absolute;top:calc(100% + 9px);right:-12px;display:grid;min-width:226px;padding:8px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(-7px);transition:.18s ease}
.nav-dropdown-menu:before{content:"";position:absolute;left:0;right:0;top:-11px;height:12px}
.nav-dropdown-menu a{padding:11px 12px;border-radius:9px;color:var(--deep);font-size:12.5px;white-space:normal}
.nav-dropdown-menu a:hover,.nav-dropdown-menu a[aria-current="page"]{background:var(--soft);color:var(--navy)}
.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu,.nav-dropdown.is-open .nav-dropdown-menu{opacity:1;visibility:visible;transform:none}
.nav-dropdown.is-open .nav-chevron{transform:translateY(2px) rotate(225deg)}
.header-cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 19px;border-radius:999px;background:var(--navy);color:#fff;font-family:var(--display);font-size:13px;font-weight:800;white-space:nowrap;box-shadow:0 10px 22px rgba(31,78,121,.18)}
.header-cta:hover{background:var(--deep);transform:translateY(-1px)}
.menu-toggle{display:none;min-width:72px;min-height:40px;border:1px solid var(--line);border-radius:999px;background:var(--soft);color:var(--deep);font-family:var(--display);font-size:12px;font-weight:800;cursor:pointer}

.breadcrumbs{border-bottom:1px solid rgba(20,53,82,.08);background:var(--soft-2);color:var(--muted);font-size:12px}
.breadcrumbs .container{padding-block:9px}
.breadcrumbs a{color:var(--navy);font-weight:800}
.hero{position:relative;overflow:hidden;padding:68px 0 62px;background:linear-gradient(135deg,#fff 0%,#fff 48%,var(--soft-2) 100%)}
.hero:before{content:"";position:absolute;width:520px;height:520px;right:-220px;top:-265px;border-radius:50%;background:rgba(223,234,244,.72)}
.hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.06fr) minmax(360px,.94fr);gap:58px;align-items:center}
.eyebrow,.kicker{color:var(--navy);font-family:var(--display);font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.eyebrow{display:inline-flex;align-items:center;gap:9px;margin-bottom:21px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:var(--soft)}
.eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px rgba(245,200,66,.2)}
.hero h1 em{color:var(--navy);font-style:normal}
.hero-copy>p{max-width:760px;margin-top:20px;color:var(--muted);font-size:18px}
.hero-actions,.actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:27px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:47px;padding:12px 19px;border:1px solid transparent;border-radius:999px;font-family:var(--display);font-size:13px;font-weight:800;cursor:pointer;transition:.18s ease}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:var(--navy);color:#fff;box-shadow:0 10px 22px rgba(31,78,121,.17)}
.btn-primary:hover{background:var(--deep)}
.btn-secondary{border-color:var(--line);background:#fff;color:var(--deep)}
.btn-light{background:#fff;color:var(--deep)}
.btn-outline-light{border-color:rgba(255,255,255,.5);background:transparent;color:#fff}
.hero-points{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.hero-points span{padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--deep);font-size:12px;font-weight:700}
.hero-media{position:relative;min-height:430px;overflow:hidden;border-radius:24px;border-top:4px solid var(--gold);background:var(--deep);box-shadow:var(--shadow)}
.hero-media img{width:100%;height:430px;object-fit:cover}
.hero-media:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(180deg,transparent,rgba(15,40,64,.86))}
.hero-caption{position:absolute;left:24px;right:24px;bottom:22px;z-index:2;color:#fff}
.hero-caption strong{display:block;font-family:var(--display);font-size:18px}
.hero-caption span{display:block;margin-top:5px;color:#d5e2ee;font-size:12.5px}
.hero-media.focus-right img{object-position:64% center}
.hero-media.focus-left img{object-position:34% center}

.localnav{position:sticky;top:74px;z-index:60;border-bottom:1px solid var(--line);background:rgba(255,255,255,.97);box-shadow:0 6px 18px rgba(20,53,82,.05)}
.localnav-inner{display:flex;gap:6px;overflow-x:auto;padding:10px 0;scrollbar-width:none}
.localnav-inner::-webkit-scrollbar{display:none}
.localnav a{white-space:nowrap;padding:9px 13px;border-radius:999px;color:var(--deep);font-family:var(--display);font-size:12px;font-weight:800}
.localnav a:hover{background:var(--soft);color:var(--navy)}

.section{padding:78px 0}
.section+.section{border-top:1px solid rgba(20,53,82,.09)}
.section-soft{background:linear-gradient(180deg,var(--soft),#eaf1f8)}
.section-light{background:linear-gradient(180deg,var(--soft-2),#fff)}
.section-dark{background:linear-gradient(145deg,var(--deep),var(--darker));color:#fff}
.section-head{max-width:820px;margin-bottom:34px}
.section-head.center{margin-inline:auto;text-align:center}
.section-head h2{margin-top:8px}
.section-head p{max-width:790px;margin-top:13px;color:var(--muted);font-size:16.5px}
.section-head.center p{margin-inline:auto}
.section-head:after{content:"";display:block;width:72px;height:3px;margin-top:20px;border-radius:999px;background:var(--gold)}
.section-head.center:after{margin-inline:auto}
.section-dark h2,.section-dark h3{color:#fff}
.section-dark .section-head p{color:#d5e2ee}

.journey{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}
.journey-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.journey-item{display:grid;grid-template-columns:39px 1fr;gap:12px;align-items:center;padding:19px 21px;border-right:1px solid var(--line)}
.journey-item:last-child{border-right:0}
.journey-num{width:39px;height:39px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--soft);color:var(--navy);font-family:var(--display);font-weight:800}
.journey-item strong{display:block;color:var(--deep);font-family:var(--display);font-size:12.5px}
.journey-item > div > span{display:block;margin-top:2px;color:var(--muted);font-size:11.5px}

.hub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}
.hub-grid.two{grid-template-columns:repeat(2,1fr)}
.hub-grid.four{grid-template-columns:repeat(4,1fr)}
.card{display:flex;min-width:0;flex-direction:column;padding:24px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--soft-shadow);transition:.18s ease}
.card:hover{transform:translateY(-2px);border-color:#a9bfd4;box-shadow:var(--shadow)}
.card-label{color:var(--navy);font-family:var(--display);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.card h3{margin-top:8px;font-size:19px}
.card p{margin-top:9px;color:var(--muted);font-size:13.5px}
.card-link{display:inline-flex;align-items:center;margin-top:auto;padding-top:16px;color:var(--navy);font-family:var(--display);font-size:12px;font-weight:800}
.card-link:after{content:"→";margin-left:7px;transition:transform .18s ease}
.card:hover .card-link:after{transform:translateX(3px)}
.card-featured{padding:0;overflow:hidden}
.card-featured img{width:100%;height:210px;object-fit:cover}
.card-featured .card-body{display:flex;flex:1;flex-direction:column;padding:23px}
.card-primary{border-top:4px solid var(--gold)}
.card-compact{min-height:180px}
.card-muted{background:var(--soft-2)}
.anatomy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.anatomy-card{position:relative;min-height:420px;overflow:hidden;border-radius:20px;background:var(--deep);box-shadow:var(--shadow)}
.anatomy-card img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;opacity:.64;transition:transform .3s ease}
.anatomy-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,40,64,.08),rgba(15,40,64,.95))}
.anatomy-content{position:absolute;left:24px;right:24px;bottom:23px;z-index:2;color:#fff}
.anatomy-content h3{color:#fff;font-size:27px}
.anatomy-content p{margin-top:8px;color:#d5e2ee;font-size:13px}
.anatomy-content .card-link{color:#fff}
.anatomy-card:hover img{transform:scale(1.025)}

.topic-section{display:grid;grid-template-columns:220px 1fr;gap:34px;align-items:start}
.topic-aside{position:sticky;top:142px;padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--soft-2)}
.topic-aside h3{font-size:22px}
.topic-aside p{margin-top:8px;color:var(--muted);font-size:13px}
.topic-aside a{display:inline-flex;margin-top:15px;color:var(--navy);font-family:var(--display);font-size:12px;font-weight:800}
.topic-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.topic-item{min-height:158px;padding:21px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--soft-shadow)}
.topic-item h3{font-size:17px}
.topic-item p{margin-top:7px;color:var(--muted);font-size:12.5px}
.topic-item a{display:inline-flex;margin-top:12px;color:var(--navy);font-family:var(--display);font-size:11.5px;font-weight:800}
.topic-item a:after{content:"→";margin-left:6px}

.search-panel{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;margin-bottom:24px}
.search-box{position:relative}
.search-box input{width:100%;min-height:50px;padding:12px 19px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);outline:0;box-shadow:var(--soft-shadow)}
.search-box input:focus{border-color:var(--navy);box-shadow:0 0 0 4px rgba(31,78,121,.1)}
.search-status{min-width:110px;color:var(--muted);font-size:12px;text-align:right}
.filter-row{display:flex;flex-wrap:wrap;gap:8px;margin:-10px 0 24px}
.filter-button{min-height:38px;padding:8px 13px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--deep);font-family:var(--display);font-size:11.5px;font-weight:800;cursor:pointer}
.filter-button[aria-pressed="true"]{border-color:var(--navy);background:var(--navy);color:#fff}
.academy-card[hidden]{display:none}
.no-results{display:none;padding:19px 21px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--muted)}
.no-results.is-visible{display:block}

.decision-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.decision-step{position:relative;padding:24px 20px;border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:var(--soft-shadow)}
.decision-step:not(:last-child):after{content:"";position:absolute;right:-15px;top:38px;width:15px;height:2px;background:var(--gold)}
.decision-num{width:38px;height:38px;display:flex;align-items:center;justify-content:center;margin-bottom:14px;border-radius:50%;background:var(--navy);color:#fff;font-family:var(--display);font-weight:800}
.decision-step h3{font-size:16px}
.decision-step p{margin-top:7px;color:var(--muted);font-size:12.5px}

.notice{display:grid;grid-template-columns:auto 1fr;gap:15px;align-items:start;margin-top:25px;padding:20px 22px;border:1px solid var(--line);border-left:5px solid var(--gold);border-radius:15px;background:#fff;box-shadow:var(--soft-shadow)}
.notice-mark{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--soft);color:var(--navy);font-family:var(--display);font-weight:800}
.notice h3{font-size:16px}
.notice p{margin-top:5px;color:var(--muted);font-size:13px}
.red-flag{border-left-color:#b44a4a}
.red-flag .notice-mark{background:#faeded;color:#8a3030}

.feature-band{display:grid;grid-template-columns:.92fr 1.08fr;overflow:hidden;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--shadow)}
.feature-band img{width:100%;height:100%;min-height:410px;object-fit:cover}
.feature-copy{padding:38px}
.feature-copy h2{margin-top:7px}
.feature-copy p{margin-top:14px;color:var(--muted)}
.feature-list{display:grid;gap:10px;margin:20px 0 0;padding:0;list-style:none}
.feature-list li{position:relative;padding-left:25px;color:var(--muted);font-size:13.5px}
.feature-list li:before{content:"";position:absolute;left:0;top:.55em;width:9px;height:9px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px rgba(245,200,66,.18)}

.faq-list{display:grid;gap:12px}
.faq-card{border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:var(--soft-shadow)}
.faq-card summary{position:relative;padding:19px 50px 19px 20px;color:var(--deep);font-family:var(--display);font-size:14px;font-weight:800;cursor:pointer;list-style:none}
.faq-card summary::-webkit-details-marker{display:none}
.faq-card summary:after{content:"+";position:absolute;right:19px;top:50%;transform:translateY(-50%);color:var(--navy);font-size:23px;font-weight:400}
.faq-card[open] summary:after{content:"−"}
.faq-answer{padding:0 20px 20px;color:var(--muted);font-size:13.5px}
.faq-answer a,.evidence a{color:var(--navy);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.evidence{margin-top:24px;padding:18px 20px;border-radius:14px;background:var(--soft-2);color:var(--muted);font-size:11.5px}
.evidence strong{color:var(--deep)}

.doctor-note{display:grid;grid-template-columns:105px 1fr;gap:22px;align-items:center;padding:25px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--soft-shadow)}
.doctor-note img{width:105px;height:105px;border-radius:50%;object-fit:cover;object-position:center 30%}
.doctor-note h3{font-size:19px}
.doctor-note p{margin-top:7px;color:var(--muted);font-size:13px}
.doctor-note .card-link{margin-top:10px;padding-top:0}

.final{padding:58px 0;background:linear-gradient(145deg,var(--deep),var(--darker));color:#fff}
.final-grid{display:grid;grid-template-columns:1fr auto;gap:34px;align-items:center}
.final h2{color:#fff}
.final p{max-width:760px;margin-top:12px;color:#d5e2ee}
.final-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}

.footer{padding:50px 0 24px;background:#0c2237;color:#afc2d4}
.footer-grid{display:grid;grid-template-columns:1.2fr .75fr .75fr 1.05fr;gap:34px}
.footer-title{margin-bottom:13px;color:#fff;font-family:var(--display);font-size:14px;font-weight:800}
.footer-identity{display:flex;align-items:center;gap:11px;margin-bottom:14px}
.footer-logo{width:36px;height:46px;object-fit:contain}
.footer p,.footer a,.footer span{font-size:12.5px}
.footer a:hover{color:#fff}
.footer ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.footer-socials{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.footer-socials a{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:6px 9px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.05);color:#d8e4ef;font-family:var(--display);font-size:10.5px;font-weight:800}
.footer-clinic{display:grid;gap:3px;margin-bottom:14px}
.footer-clinic strong{color:#fff;font-family:var(--display)}
.footer-clinic-link,.footer-email,.footer-booking{color:#fff!important;font-family:var(--display);font-weight:800}
.footer-email{display:block;margin:13px 0;overflow-wrap:anywhere}
.footer-bottom{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;margin-top:30px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.56);font-size:11.5px}

.stickybar{position:fixed;left:50%;bottom:14px;z-index:120;display:none;grid-template-columns:1fr 1fr;width:min(420px,calc(100% - 24px));transform:translate(-50%,130%);overflow:visible;border:1px solid rgba(255,255,255,.5);border-radius:999px;background:#fff;box-shadow:0 14px 34px rgba(15,40,64,.28);transition:transform .25s ease}
.stickybar.visible{transform:translate(-50%,0)}
.stickybar>.btn{width:100%;min-width:0;border-radius:999px}
.call-sheet{position:absolute;left:0;right:0;bottom:calc(100% + 9px);display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:var(--shadow)}
.call-sheet[hidden]{display:none}
.call-sheet a{display:grid;padding:13px;text-align:center}
.call-sheet a+a{border-left:1px solid var(--line)}
.call-sheet strong{color:var(--deep);font-family:var(--display);font-size:12px}
.call-sheet span{color:var(--muted);font-size:11px}

@media(max-width:1100px){
  .nav,.header-cta{display:none}
  .menu-toggle{display:inline-flex;align-items:center;justify-content:center}
  .nav.open{position:absolute;top:74px;left:-20px;right:-20px;display:grid;max-height:calc(100vh - 110px);overflow-y:auto;padding:10px 20px 18px;border-bottom:1px solid var(--line);background:#fff;box-shadow:var(--shadow)}
  .nav.open>a,.nav.open .nav-dropdown-toggle{width:100%;justify-content:flex-start;padding:12px 4px;border-bottom:1px solid var(--line)}
  .nav.open .language-switch{padding-left:4px!important;border-left:0!important}
  .nav-dropdown{width:100%}
  .nav-dropdown-toggle{justify-content:space-between!important}
  .nav-dropdown-menu{position:static;display:none;min-width:0;margin-top:4px;padding:5px 8px 8px;border:0;border-left:3px solid var(--gold);border-radius:0;background:var(--soft-2);box-shadow:none;opacity:1;visibility:visible;transform:none}
  .nav-dropdown.is-open .nav-dropdown-menu{display:grid}
  .nav-dropdown:hover .nav-dropdown-menu:not(:focus-within){display:none}
  .nav-dropdown.is-open:hover .nav-dropdown-menu{display:grid}
  .nav-dropdown-menu a{padding:11px 12px}
  .hero-grid{grid-template-columns:1fr .82fr;gap:36px}
  .hub-grid.four{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1fr 1fr}
}

@media(max-width:820px){
  .topbar{display:none}
  .mobile-clinic-bar{display:grid;grid-template-columns:1fr 1fr;background:var(--darker);border-bottom:1px solid rgba(255,255,255,.14)}
  .mobile-clinic-bar a{min-height:42px;display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--display);font-size:11px;font-weight:800}
  .mobile-clinic-bar a+a{border-left:1px solid rgba(255,255,255,.14)}
  .header-inner{min-height:68px;padding:7px 0}
  .header .brand{min-width:0;max-width:calc(100% - 88px);gap:8px;flex:1}
  .brand-logo{width:27px;height:35px}
  .brand-copy{min-width:0}
  .brand-name{font-size:13.5px;white-space:normal}
  .brand-sub{font-size:8.5px;letter-spacing:.07em;margin-top:2px}
  .nav.open{top:68px}
  .localnav{top:68px}
  .hero{padding:48px 0}
  .hero-grid{grid-template-columns:1fr}
  .hero-media{min-height:360px}
  .hero-media img{height:360px}
  .journey-grid{grid-template-columns:repeat(2,1fr)}
  .journey-item:nth-child(2){border-right:0}
  .journey-item:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .hub-grid,.anatomy-grid{grid-template-columns:1fr}
  .hub-grid.two{grid-template-columns:1fr}
  .anatomy-card{min-height:360px}
  .topic-section{grid-template-columns:1fr}
  .topic-aside{position:static}
  .decision-grid{grid-template-columns:repeat(2,1fr)}
  .decision-step:nth-child(2):after{display:none}
  .feature-band{grid-template-columns:1fr}
  .feature-band img{min-height:330px;max-height:430px}
  .final-grid{grid-template-columns:1fr}
  .final-actions{justify-content:flex-start}
  .stickybar{display:grid}
  .footer{padding-bottom:98px}
}

@media(max-width:600px){
  .container{width:min(var(--max),calc(100% - 28px))}
  h1{font-size:clamp(34px,11vw,46px)}
  h2{font-size:30px}
  .hero-copy>p{font-size:16px}
  .hero-media,.hero-media img{height:320px;min-height:320px}
  .section{padding:58px 0}
  .journey-grid{grid-template-columns:1fr}
  .journey-item{border-right:0;border-bottom:1px solid var(--line)!important}
  .journey-item:last-child{border-bottom:0!important}
  .hub-grid.four,.topic-list,.decision-grid{grid-template-columns:1fr}
  .decision-step:after{display:none}
  .search-panel{grid-template-columns:1fr}
  .search-status{text-align:left}
  .feature-copy{padding:27px 22px}
  .doctor-note{grid-template-columns:76px 1fr;gap:15px;padding:20px}
  .doctor-note img{width:76px;height:76px}
  .footer-grid{grid-template-columns:1fr}
  .footer-socials{display:grid;grid-template-columns:1fr 1fr}
  .brand-sub{display:none}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*:before,*:after{transition:none!important;animation:none!important}
}

/* Approved medical-review portrait, 2026-09-06. */
:scope .doctor-note{grid-template-columns:115px minmax(0,1fr)}
:scope .doctor-note img{width:115px;height:115px;border-radius:50%;object-fit:cover;object-position:50% 0%}
@media(max-width:600px){:scope .doctor-note{grid-template-columns:82px minmax(0,1fr)}:scope .doctor-note img{width:82px;height:82px}}


/* Approved shared header, footer and mobile controls — 2026-07-28. */
.topbar,.header,.mobile-clinic-bar,.footer,.stickybar{box-sizing:border-box}
.topbar *,.header *,.mobile-clinic-bar *,.footer *,.stickybar *{box-sizing:border-box}
.topbar .container,.header .container,.footer .container{width:min(1160px,calc(100% - 40px));margin-inline:auto}
body.menu-open{overflow:hidden}

.topbar{display:block;padding:0;background:var(--darker,#0f2840);color:#d5e2ee;font-size:12px}
.topbar-inner{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:18px;min-height:36px}
.topbar-clinic{display:flex;align-items:center;gap:14px;min-width:0}
.topbar-clinic:last-child{justify-self:end}
.topbar-clinic>a{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.topbar-clinic>a:first-child{color:#cfe0f0}
.topbar-clinic>a:last-child{position:relative;padding-left:15px;border-left:1px solid rgba(255,255,255,.32);color:#fff;font-weight:700}
.topbar-email{display:inline-flex;align-items:center;justify-content:center;color:#fff!important;font-family:var(--display,Arial,sans-serif);font-size:12px;font-weight:700;white-space:nowrap}
.topbar a:hover{text-decoration:underline;text-underline-offset:3px}
.location-pin{display:inline-flex;align-items:center;justify-content:center;font-size:13px;line-height:1;filter:saturate(.88)}
.mobile-clinic-bar{display:none}

.header{position:sticky;top:0;z-index:90;border-bottom:1px solid var(--line,#c9d8e7);background:rgba(255,255,255,.97);backdrop-filter:blur(10px)}
.header-inner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:74px}
.header .brand{display:flex;flex:none;align-items:center;gap:11px;min-width:255px;text-decoration:none}
.header .brand-logo{width:34px;height:44px;flex:none;object-fit:contain}
.header .brand-copy{display:flex;min-width:0;flex-direction:column;line-height:1.15}
.header .brand-name{color:var(--deep,var(--navy-deep,#143552));font-family:var(--display,Arial,sans-serif);font-size:18px;font-weight:800;letter-spacing:-.015em;line-height:1.15;white-space:nowrap}
.header .brand-sub{margin-top:4px;color:var(--muted,#557086);font-size:11px;font-weight:700;letter-spacing:.1em;line-height:1.2;text-transform:uppercase;white-space:nowrap}
.nav{display:flex;align-items:center;gap:17px;color:var(--deep,var(--navy-deep,#143552));font-family:var(--display,Arial,sans-serif);font-size:12.5px;font-weight:700;white-space:nowrap}
.nav>a,.nav-clinics-toggle{display:inline-flex;min-height:40px;align-items:center;padding:7px 0;border:0;border-bottom:2px solid transparent;background:transparent;color:inherit;font:inherit;font-weight:inherit;text-decoration:none;cursor:pointer}
.nav>a:hover,.nav>a[aria-current="page"],.nav-clinics-toggle:hover,.nav-clinics.is-current>.nav-clinics-toggle{color:var(--navy,#1f4e79);border-bottom-color:var(--gold,#f5c842)}
.nav-clinics{position:relative;display:flex;align-items:center}
.nav-clinics-toggle{gap:6px;white-space:nowrap}
.nav-clinics-chevron{width:7px;height:7px;border-right:1.8px solid currentColor;border-bottom:1.8px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .18s ease}
.nav-clinics.is-open .nav-clinics-chevron{transform:translateY(2px) rotate(225deg)}
.nav-clinics-menu{position:absolute;top:calc(100% + 9px);right:-12px;z-index:110;display:grid;min-width:228px;padding:8px;border:1px solid var(--line,#c9d8e7);border-radius:14px;background:#fff;box-shadow:0 14px 40px rgba(20,53,82,.16);opacity:0;visibility:hidden;transform:translateY(-7px);transition:.18s ease}
.nav-clinics-menu:before{content:"";position:absolute;top:-11px;right:0;left:0;height:12px}
.nav-clinics-menu a{padding:11px 12px!important;border:0!important;border-radius:9px;color:var(--deep,var(--navy-deep,#143552));font-size:12.5px;text-decoration:none;white-space:normal}
.nav-clinics-menu a:hover,.nav-clinics-menu a[aria-current="page"]{background:var(--soft,var(--soft-blue,#dfeaf4));color:var(--navy,#1f4e79)}
.nav-clinics:hover .nav-clinics-menu,.nav-clinics:focus-within .nav-clinics-menu,.nav-clinics.is-open .nav-clinics-menu{opacity:1;visibility:visible;transform:none}
.header-cta{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:11px 19px;border-radius:999px;background:var(--navy,#1f4e79);box-shadow:0 10px 22px rgba(31,78,121,.18);color:#fff;font-family:var(--display,Arial,sans-serif);font-size:13px;font-weight:800;text-decoration:none;white-space:nowrap}
.header-cta:hover{background:var(--deep,var(--navy-deep,#143552));color:#fff;transform:translateY(-1px)}
.menu-toggle{display:none;min-width:72px;min-height:40px;align-items:center;justify-content:center;border:1px solid var(--line,#c9d8e7);border-radius:999px;background:var(--soft,var(--soft-blue,#dfeaf4));color:var(--deep,var(--navy-deep,#143552));font-family:var(--display,Arial,sans-serif);font-size:12px;font-weight:800;cursor:pointer}

.footer{padding:50px 0 24px;background:var(--darker,#0c2237);color:#afc2d4}
.footer-grid{display:grid;grid-template-columns:1.2fr .75fr .75fr 1.05fr;gap:34px}
.footer-title{margin-bottom:13px;color:#fff;font-family:var(--display,Arial,sans-serif);font-size:14px;font-weight:800}
.footer-identity{display:flex;align-items:center;gap:11px;margin-bottom:14px}
.footer-identity .footer-title{margin-bottom:0}
.footer-logo{width:36px;height:46px;flex:none;object-fit:contain}
.footer p,.footer a,.footer span{font-size:12.5px}
.footer p{margin:0;color:#afc2d4;line-height:1.65}
.footer a{color:inherit;text-decoration:none}
.footer a:hover{color:#fff}
.footer ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.footer-socials{display:block;margin-top:20px}
.footer-socials-label{margin-bottom:10px;color:#fff;font-family:var(--display,Arial,sans-serif);font-size:12px;font-weight:700}
.footer-social-links{display:grid;grid-template-columns:repeat(2,minmax(0,116px));gap:9px}
.footer-social-links a{display:inline-flex;width:116px;min-height:36px;align-items:center;justify-content:flex-start;gap:7px;padding:7px 10px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.06);color:#d8e4ef;font-family:var(--display,Arial,sans-serif);font-size:11px;font-weight:700}
.footer-social-links a:hover{border-color:var(--gold,#f5c842);color:#fff}
.social-icon{display:inline-flex;width:20px;height:20px;flex:none;align-items:center;justify-content:center;border-radius:50%;background:#fff;color:var(--deep,var(--navy-deep,#143552));font-size:10px!important;font-weight:800}
.footer-clinic{display:grid;gap:3px;margin-bottom:14px}
.footer-clinic strong{color:#fff;font-family:var(--display,Arial,sans-serif)}
.footer-clinic-link,.footer-email,.footer-booking-link{color:#fff!important;font-family:var(--display,Arial,sans-serif);font-weight:800}
.footer-email{display:block;margin:13px 0;overflow-wrap:anywhere}
.footer-booking-link{display:inline-flex;margin-top:5px}
.footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:15px;margin-top:30px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.56);font-size:11.5px}

.stickybar{position:fixed;left:50%;bottom:14px;z-index:120;display:none;width:min(420px,calc(100% - 24px));overflow:visible;border:1px solid rgba(255,255,255,.5);border-radius:999px;background:#fff;box-shadow:0 14px 34px rgba(15,40,64,.28);transform:translate(-50%,130%);transition:transform .25s ease}
.stickybar.visible{transform:translate(-50%,0)}
.stickybar>.btn{width:100%;min-width:0;border-radius:999px}
.stickybar .call-sheet strong{color:var(--deep,var(--navy-deep,#143552));font-family:var(--display,Arial,sans-serif);font-size:12px}
.stickybar .call-sheet span{color:var(--muted,#557086);font-size:11px}

html[lang^="en"] .header-inner{gap:12px}
html[lang^="en"] .header .brand{min-width:242px}
html[lang^="en"] .header .brand-name{font-size:16.5px}
html[lang^="en"] .nav{gap:10px;font-size:11.5px}
html[lang^="en"] .header-cta{padding-inline:13px;font-size:12.5px}

@media(min-width:1081px) and (max-width:1100px){
  .nav{display:flex!important}
  .header-cta{display:inline-flex!important}
  .menu-toggle{display:none!important}
}

@media(max-width:1080px){
  .topbar-email{display:none!important}
  .topbar-inner.email-enabled{display:flex!important;justify-content:space-between}
  .nav,.header-cta{display:none!important}
  .menu-toggle{display:inline-flex!important}
  .nav.open{position:absolute!important;top:100%!important;right:auto!important;left:50%!important;z-index:140!important;display:grid!important;width:100vw!important;max-height:calc(100vh - 96px)!important;overflow-y:auto!important;overscroll-behavior:contain;padding:10px max(20px,calc((100vw - 1160px)/2)) 18px!important;border-bottom:1px solid var(--line,#c9d8e7)!important;background:#fff!important;box-shadow:0 14px 40px rgba(20,53,82,.16)!important;transform:translateX(-50%)!important}
  .nav.open>a,.nav.open .nav-clinics-toggle{width:100%!important;min-height:44px!important;justify-content:flex-start!important;padding:12px 4px!important;border-bottom:1px solid var(--line,#c9d8e7)!important}
  .nav.open>a[aria-current="page"]{color:var(--navy,#1f4e79);border-bottom-color:var(--gold,#f5c842)!important;box-shadow:inset 0 -2px 0 var(--gold,#f5c842)}
  .nav.open .nav-clinics{display:block;width:100%}
  .nav.open .nav-clinics-toggle{justify-content:space-between!important}
  .nav.open .language-switch{padding-left:4px!important;border-left:0!important}
  .nav-clinics-menu{position:static;display:none;min-width:0;margin-top:4px;padding:5px 8px 8px;border:0;border-left:3px solid var(--gold,#f5c842);border-radius:0;background:var(--soft-2,var(--soft-blue-2,#f3f7fb));box-shadow:none;opacity:1;visibility:visible;transform:none}
  .nav-clinics.is-open .nav-clinics-menu{display:grid}
  .nav-clinics:hover .nav-clinics-menu:not(:focus-within){display:none}
  .nav-clinics.is-open:hover .nav-clinics-menu{display:grid}
  .nav.open .nav-clinics.is-current>.nav-clinics-toggle{color:var(--navy,#1f4e79);border-bottom-color:var(--gold,#f5c842)!important;box-shadow:inset 0 -2px 0 var(--gold,#f5c842)}
}

@media(max-width:1080px) and (hover:hover){
  .nav.open>a:hover:not([aria-current="page"]),.nav.open .nav-clinics:hover>.nav-clinics-toggle{color:var(--navy,#1f4e79);border-bottom-color:var(--gold,#f5c842)!important;box-shadow:inset 0 -2px 0 var(--gold,#f5c842)}
}

@media(max-width:820px){
  body{padding-bottom:96px}
  .topbar{display:none}
  .mobile-clinic-bar{display:grid;grid-template-columns:1fr 1fr!important;border-bottom:1px solid rgba(255,255,255,.14);background:var(--darker,#0f2840)}
  .mobile-clinic-bar a{display:flex;min-height:42px;align-items:center;justify-content:center;color:#fff;font-family:var(--display,Arial,sans-serif);font-size:11px;font-weight:800;text-decoration:none}
  .mobile-clinic-bar a+a{border-left:1px solid rgba(255,255,255,.14)}
  .header-inner{min-height:68px;padding:7px 0}
  .header .brand{min-width:0;max-width:calc(100% - 88px);flex:1 1 auto;gap:8px}
  .header .brand-logo{width:27px;height:35px}
  .header .brand-name{font-size:clamp(11.25px,3.3vw,13.5px);line-height:1.2;white-space:nowrap}
  .header .brand-sub{margin-top:2px;font-size:8.5px;letter-spacing:.07em}
  html[lang^="en"] .header .brand{min-width:0}
  html[lang^="en"] .header .brand-name{font-size:clamp(10.75px,3.05vw,13px)}
  .footer{padding-bottom:98px}
  .footer-grid{grid-template-columns:1fr 1fr}
  .stickybar{position:fixed!important;right:12px!important;bottom:calc(12px + env(safe-area-inset-bottom))!important;left:12px!important;z-index:140!important;display:none!important;width:auto!important;max-width:420px!important;height:auto!important;margin-inline:auto!important;grid-template-columns:none!important;gap:8px!important;padding:8px!important;overflow:visible!important;border:1px solid var(--line,#c9d8e7)!important;border-radius:999px!important;background:rgba(255,255,255,.98)!important;box-shadow:0 14px 34px rgba(15,40,64,.28)!important;transform:none!important}
  .stickybar.visible{display:flex!important;transform:none!important}
  .stickybar>.btn{display:inline-flex!important;width:50%!important;min-width:0!important;min-height:44px!important;flex:1 1 0!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:10px 12px!important;white-space:nowrap!important}
  .stickybar .call-sheet{position:absolute!important;right:0!important;bottom:calc(100% + 10px)!important;left:0!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:0!important;overflow:hidden!important;padding:0!important;border:1px solid var(--line,#c9d8e7)!important;border-radius:14px!important;background:#fff!important;box-shadow:0 14px 40px rgba(20,53,82,.16)!important}
  .stickybar .call-sheet[hidden]{display:none!important}
  .stickybar .call-sheet a{display:grid!important;gap:2px!important;padding:13px 10px!important;border:0!important;border-radius:0!important;background:#fff!important;text-align:center!important;text-decoration:none!important}
  .stickybar .call-sheet a+a{border-left:1px solid var(--line,#c9d8e7)!important}
}

@media(max-width:600px){
  .topbar .container,.header .container,.footer .container{width:min(1160px,calc(100% - 28px))}
  .header .brand-sub{display:none}
  .footer-grid{grid-template-columns:1fr}
  .footer-socials{display:block}
  .footer-social-links{display:grid;grid-template-columns:repeat(2,minmax(0,116px))}
  .footer-social-links a{justify-content:flex-start}
}
  

/* Approved medical-review portrait, 2026-09-06. */
:scope .doctor-note{grid-template-columns:115px minmax(0,1fr)}
:scope .doctor-note img{width:115px;height:115px;border-radius:50%;object-fit:cover;object-position:50% 0%}
@media(max-width:600px){:scope .doctor-note{grid-template-columns:82px minmax(0,1fr)}:scope .doctor-note img{width:82px;height:82px}}

/* Site search: isolated from symptom filtering and page-specific legacy styles. */
html body .header .site-search-toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex:0 0 44px;padding:0;border:1px solid #c9d8e7;border-radius:50%;background:#f3f7fb;color:#143552;cursor:pointer}
html body .header .site-search-toggle[hidden]{display:none!important}
html body .site-search-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
html body .header .site-search-toggle:hover{background:#dfeaf4}
html body .site-search-dialog{box-sizing:border-box;width:min(720px,calc(100% - 28px));max-width:none;max-height:calc(100dvh - 40px);margin:auto;padding:0;border:1px solid #c9d8e7;border-radius:22px;background:#fff;color:#143552;box-shadow:0 22px 80px #0f28404d;font-family:"Open Sans",system-ui,sans-serif;line-height:1.6;text-align:left;overflow:auto;overscroll-behavior:contain}
html body .site-search-dialog:not([open]){display:none}
html body .site-search-dialog::backdrop{background:rgba(15,40,64,.65)}
html body .site-search-dialog *{box-sizing:border-box}
html body .site-search-shell{padding:28px}
html body .site-search-top{display:flex;align-items:center;justify-content:space-between;gap:18px}
html body .site-search-dialog h2{margin:0;font:800 23px/1.3 Montserrat,system-ui,sans-serif;letter-spacing:-.02em;color:#143552}
html body .site-search-dialog button{font:700 13px/1.4 "Open Sans",system-ui,sans-serif;cursor:pointer;min-height:44px;border-radius:10px;letter-spacing:normal;text-transform:none}
html body .site-search-close{border:1px solid #c9d8e7;background:#f3f7fb;color:#143552;padding:8px 12px;flex-shrink:0}
html body .site-search-hint{margin:14px 0 20px;font-size:14px;color:#56677a}
html body .site-search-form{margin:0}
html body .site-search-label{display:block;margin-bottom:8px;font-size:14px;font-weight:700}
html body .site-search-field{display:flex;gap:8px}
html body .site-search-field input{width:100%;min-width:0;flex:1;padding:13px 14px;border:1px solid #a5b9cd;border-radius:10px;background:#fff;color:#143552;font:400 16px/1.5 "Open Sans",system-ui,sans-serif;appearance:auto}
html body .site-search-submit{padding:12px 18px;border:1px solid #1f4e79;background:#1f4e79;color:#fff}
html body .site-search-clear{margin-top:7px;padding:4px 0;border:0;background:transparent;color:#1f4e79;text-decoration:underline;text-underline-offset:3px}
html body .site-search-status{margin:18px 0 12px;color:#56677a;font-size:14px}
html body .site-search-results{list-style:none;margin:0;padding:0;display:grid;gap:9px}
html body .site-search-results li{margin:0;padding:0}
html body .site-search-results li::before{content:none}
html body .site-search-result{display:block;padding:15px 17px;border:1px solid #d9e3ed;border-radius:12px;background:#fff;text-decoration:none;color:#143552}
html body .site-search-result:hover{background:#f3f7fb;border-color:#9db6ce}
html body .site-search-kind{display:block;margin:0 0 5px;font-size:11px;font-weight:700;letter-spacing:.04em;color:#50657a}
html body .site-search-result-title{display:block;font:700 16px/1.5 Montserrat,system-ui,sans-serif;color:#1f4e79}
html body .site-search-description{display:block;margin-top:6px;font-size:13px;line-height:1.6;color:#56677a}
html body .site-search-more{display:block;margin:18px auto 0;padding:10px 18px;border:1px solid #c9d8e7;background:#f3f7fb;color:#143552}
html body .site-search-dialog [hidden]{display:none!important}
html body .site-search-dialog :focus-visible,html body .header .site-search-toggle:focus-visible{outline:3px solid #1f4e79;outline-offset:3px}
@media(max-width:480px){
 html body .site-search-shell{padding:19px 16px}
 html body .site-search-dialog h2{font-size:19px}
 html body .site-search-top{align-items:flex-start;gap:8px}
 html body .site-search-close{max-width:108px;font-size:12px;padding:6px 9px}
 html body .site-search-field{flex-wrap:wrap}
 html body .site-search-field input{flex-basis:100%}
 html body .site-search-submit{width:100%}
}

/* Shared header: clinic reference, 2026-09-21. Load LAST in every Final HTML. */
html body .header,html body .topbar,html body .mobile-clinic-bar{--navy:#1F4E79;--navy-deep:#143552;--navy-darker:#0F2840;--deep:#143552;--darker:#0F2840;--soft:#DFEAF4;--soft-2:#F3F7FB;--gold:#F5C842;--muted:#56677A;--line:#C9D8E7;--display:Montserrat,system-ui,sans-serif;font-family:"Open Sans",system-ui,sans-serif;line-height:1.66}
html body .topbar{background:var(--navy-darker);color:#D5E2EE;font-size:12px}
html body .topbar-inner{min-height:34px;display:flex;justify-content:space-between;align-items:center;gap:24px}
html body .topbar-clinic{display:flex;align-items:center;gap:15px}
html body .topbar-clinic a:first-child{display:inline-flex;align-items:center;gap:6px;color:#CFE0F0}
html body .topbar-clinic a:last-child{color:#fff;font-weight:700}
html body .mobile-clinic-bar{display:none}
html body .header{position:sticky;top:0;z-index:90;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);backdrop-filter:blur(9px)}
html body .header-inner{min-height:74px;display:flex;justify-content:space-between;align-items:center;gap:22px}
html body .header .brand{display:flex;align-items:center;gap:11px;min-width:255px}
html body .header .brand-logo{width:34px;height:44px;object-fit:contain;flex:0 0 auto}
html body .header .brand-copy{display:flex;flex-direction:column;line-height:1.15}
html body .header .brand-name{font-family:var(--display);color:var(--navy-deep);font-weight:800;letter-spacing:-.015em;font-size:18px}
html body .header .brand-sub{margin-top:4px;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.10em;text-transform:uppercase}
html body .nav{display:flex;align-items:center;gap:18px;font-family:var(--display);font-size:13px;font-weight:600;white-space:nowrap}
html body .nav a{padding:7px 0;border-bottom:2px solid transparent;transition:.18s ease}
html body .nav a:hover,html body .nav a[aria-current="page"]{color:var(--navy);border-color:var(--gold)}
html body .header-cta{font-family:var(--display);background:var(--navy);color:#fff;padding:12px 21px;border-radius:999px;font-weight:700;font-size:14px;box-shadow:0 10px 22px rgba(31,78,121,.18);white-space:nowrap;transition:.18s ease}
html body .header-cta:hover{background:var(--navy-deep);transform:translateY(-1px)}
html body .menu-toggle{display:none;border:1px solid var(--line);background:var(--soft);color:var(--navy-deep);padding:10px 13px;border-radius:999px;font-family:var(--display);font-weight:700;cursor:pointer}
@media(max-width:1080px){
html body .nav{display:none}
html body .menu-toggle{display:block}
html body .header-cta{padding:10px 16px;font-size:13px}
html body .nav.open{position:absolute;top:74px;left:0;right:0;display:grid;background:#fff;padding:10px 20px 18px;border-bottom:1px solid var(--line);box-shadow:var(--shadow)}
html body .nav.open a{padding:13px 4px}
}
@media(max-width:720px){
html body .topbar{display:none}
html body .header-cta{display:none}
html body .mobile-clinic-bar{display:flex;background:var(--navy-darker);color:#fff;font-size:11px;justify-content:center}
html body .mobile-clinic-bar a{flex:1;text-align:center;padding:8px 4px;border-right:1px solid rgba(255,255,255,.13)}
html body .header-inner{min-height:68px;gap:10px;padding:7px 0}
html body .header .brand{min-width:0;max-width:calc(100% - 88px);gap:8px;flex:1 1 auto}
html body .header .brand-logo{width:27px;height:35px}
html body .header .brand-copy{min-width:0}
html body .header .brand-name{font-size:13.5px;line-height:1.2;white-space:normal}
html body .header .brand-sub{font-size:8.5px;letter-spacing:.07em;margin-top:2px;white-space:normal}
html body .menu-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:72px;min-height:40px;padding:9px 12px;font-size:12px;flex:0 0 auto}
html body .nav.open{top:68px;z-index:120;padding:10px 18px 16px;max-height:calc(100vh - 110px);overflow-y:auto}
html body .nav.open a{font-size:13px;padding:12px 4px}
}
@media(min-width:1081px){
html body .nav .language-switch{border-left:1px solid var(--line);padding-left:18px}
}
@media(max-width:1080px){
html body .nav.open .language-switch{border-top:1px solid var(--line);margin-top:4px;padding-top:13px}
}
@media(min-width:1081px){
html body .topbar-inner.email-enabled{display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:18px}
html body .topbar-inner.email-enabled .topbar-clinic:first-child{justify-self:start}
html body .topbar-inner.email-enabled .topbar-clinic:last-child{justify-self:end}
}
html body .topbar-email{display:inline-flex;align-items:center;justify-content:center;color:#fff!important;font-family:var(--display);font-size:12px;font-weight:700;white-space:nowrap;letter-spacing:.01em}
html body .topbar-email:hover{text-decoration:underline;text-underline-offset:3px}
@media(max-width:1080px){
html body .topbar-email{display:none!important}
html body .topbar-inner.email-enabled{display:flex!important}
}
html body .nav-clinics{position:relative;display:flex;align-items:center}
html body .nav-clinics-toggle{display:inline-flex;align-items:center;gap:6px;padding:7px 0;border:0;border-bottom:2px solid transparent;background:transparent;color:inherit;font:inherit;font-weight:inherit;white-space:nowrap;cursor:pointer}
html body .nav-clinics-toggle:hover,html body .nav-clinics.is-current>.nav-clinics-toggle{color:var(--navy,#1f4e79);border-color:var(--gold,#f5c842)}
html body .nav-clinics-chevron{width:7px;height:7px;border-right:1.8px solid currentColor;border-bottom:1.8px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .18s ease}
html body .nav-clinics.is-open .nav-clinics-chevron{transform:translateY(2px) rotate(225deg)}
html body .nav-clinics-menu{position:absolute;top:calc(100% + 9px);right:-12px;z-index:110;display:grid;min-width:228px;padding:8px;border:1px solid var(--line,#c9d8e7);border-radius:14px;background:#fff;box-shadow:0 14px 40px rgba(20,53,82,.16);opacity:0;visibility:hidden;transform:translateY(-7px);transition:.18s ease}
html body .nav-clinics-menu:before{content:"";position:absolute;left:0;right:0;top:-11px;height:12px}
html body .nav-clinics-menu a{padding:11px 12px!important;border:0!important;border-radius:9px;color:var(--deep,var(--navy-deep,#143552));white-space:normal}
html body .nav-clinics-menu a:hover,html body .nav-clinics-menu a[aria-current="page"]{background:var(--soft,#dfeaf4);color:var(--navy,#1f4e79)}
html body .nav-clinics:hover .nav-clinics-menu,html body .nav-clinics:focus-within .nav-clinics-menu,html body .nav-clinics.is-open .nav-clinics-menu{opacity:1;visibility:visible;transform:none}
@media(max-width:1080px){
html body .nav.open .nav-clinics{display:block;width:100%}
html body .nav.open .nav-clinics-toggle{width:100%;min-height:44px;justify-content:space-between;padding:12px 4px;border-bottom:1px solid var(--line,#c9d8e7)}
html body .nav-clinics-menu{position:static;display:none;min-width:0;margin-top:4px;padding:5px 8px 8px;border:0;border-left:3px solid var(--gold,#f5c842);border-radius:0;background:var(--soft-2,#f3f7fb);box-shadow:none;opacity:1;visibility:visible;transform:none}
html body .nav-clinics.is-open .nav-clinics-menu{display:grid}
html body .nav-clinics:hover .nav-clinics-menu:not(:focus-within){display:none}
html body .nav-clinics.is-open:hover .nav-clinics-menu{display:grid}
}
@media(max-width:720px){
html body .mobile-clinic-bar{grid-template-columns:1fr 1fr!important}
}
html body .menu-toggle{cursor:pointer}
@media(min-width:721px) and (max-width:1080px){
html body .topbar-inner.email-enabled{display:grid!important;
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
    align-items:center;
    gap:12px;}
html body .topbar-email{display:inline-flex!important;
    align-items:center;
    justify-content:center;
    color:#fff!important;
    font-size:11.5px;
    font-weight:700;
    white-space:nowrap;}
html body .topbar-clinic{min-width:0}
html body .topbar-clinic:first-child{justify-self:start}
html body .topbar-clinic:last-child{justify-self:end}
html body .topbar-clinic a{font-size:11px}
}
@media(min-width:721px) and (max-width:900px){
html body .topbar-clinic a:first-child{display:none}
}
@media(max-width:1080px){
html body .header-inner{position:relative}
html body .nav.open{position:absolute;
    top:100%;
    left:50%;
    right:auto;
    z-index:140;
    display:grid;
    width:100vw;
    max-height:calc(100vh - 96px);
    overflow-y:auto;
    overscroll-behavior:contain;
    padding:10px max(20px,calc((100vw - var(--max,1140px))/2)) 18px;
    border-bottom:1px solid var(--line,#c9d8e7);
    background:#fff;
    box-shadow:0 14px 40px rgba(20,53,82,.16);
    transform:translateX(-50%);}
html body .nav.open>a,html body .nav.open .nav-clinics-toggle{width:100%;
    min-height:44px;
    justify-content:flex-start;
    padding:12px 4px;
    border-bottom:1px solid var(--line,#c9d8e7);}
html body .nav.open .nav-clinics-toggle{justify-content:space-between}
html body .nav.open .language-switch{padding-left:4px!important;border-left:0!important}
}
html body .topbar,html body .header,html body .mobile-clinic-bar{box-sizing:border-box}
html body .topbar *,html body .header *,html body .mobile-clinic-bar *{box-sizing:border-box}
html body .topbar .container,html body .header .container{width:min(1160px,calc(100% - 40px));margin-inline:auto}
html body .topbar{display:block;padding:0;background:var(--darker,#0f2840);color:#d5e2ee;font-size:12px}
html body .topbar-inner{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:18px;min-height:36px}
html body .topbar-clinic{display:flex;align-items:center;gap:14px;min-width:0}
html body .topbar-clinic:last-child{justify-self:end}
html body .topbar-clinic>a{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
html body .topbar-clinic>a:first-child{color:#cfe0f0}
html body .topbar-clinic>a:last-child{position:relative;padding-left:15px;border-left:1px solid rgba(255,255,255,.32);color:#fff;font-weight:700}
html body .topbar-email{display:inline-flex;align-items:center;justify-content:center;color:#fff!important;font-family:var(--display,Arial,sans-serif);font-size:12px;font-weight:700;white-space:nowrap}
html body .topbar a:hover{text-decoration:underline;text-underline-offset:3px}
html body .mobile-clinic-bar{display:none}
html body .header{position:sticky;top:0;z-index:90;border-bottom:1px solid var(--line,#c9d8e7);background:rgba(255,255,255,.97);backdrop-filter:blur(10px)}
html body .header-inner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:74px}
html body .header .brand{display:flex;flex:none;align-items:center;gap:11px;min-width:255px;text-decoration:none}
html body .header .brand-logo{width:34px;height:44px;flex:none;object-fit:contain}
html body .header .brand-copy{display:flex;min-width:0;flex-direction:column;line-height:1.15}
html body .header .brand-name{color:var(--deep,var(--navy-deep,#143552));font-family:var(--display,Arial,sans-serif);font-size:18px;font-weight:800;letter-spacing:-.015em;line-height:1.15;white-space:nowrap}
html body .header .brand-sub{margin-top:4px;color:var(--muted,#557086);font-size:11px;font-weight:700;letter-spacing:.1em;line-height:1.2;text-transform:uppercase;white-space:nowrap}
html body .nav{display:flex;align-items:center;gap:17px;color:var(--deep,var(--navy-deep,#143552));font-family:var(--display,Arial,sans-serif);font-size:12.5px;font-weight:700;white-space:nowrap}
html body .nav>a,html body .nav-clinics-toggle{display:inline-flex;min-height:40px;align-items:center;padding:7px 0;border:0;border-bottom:2px solid transparent;background:transparent;color:inherit;font:inherit;font-weight:inherit;text-decoration:none;cursor:pointer}
html body .nav>a:hover,html body .nav>a[aria-current="page"],html body .nav-clinics-toggle:hover,html body .nav-clinics.is-current>.nav-clinics-toggle{color:var(--navy,#1f4e79);border-bottom-color:var(--gold,#f5c842)}
html body .nav-clinics{position:relative;display:flex;align-items:center}
html body .nav-clinics-toggle{gap:6px;white-space:nowrap}
html body .nav-clinics-chevron{width:7px;height:7px;border-right:1.8px solid currentColor;border-bottom:1.8px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .18s ease}
html body .nav-clinics.is-open .nav-clinics-chevron{transform:translateY(2px) rotate(225deg)}
html body .nav-clinics-menu{position:absolute;top:calc(100% + 9px);right:-12px;z-index:110;display:grid;min-width:228px;padding:8px;border:1px solid var(--line,#c9d8e7);border-radius:14px;background:#fff;box-shadow:0 14px 40px rgba(20,53,82,.16);opacity:0;visibility:hidden;transform:translateY(-7px);transition:.18s ease}
html body .nav-clinics-menu:before{content:"";position:absolute;top:-11px;right:0;left:0;height:12px}
html body .nav-clinics-menu a{padding:11px 12px!important;border:0!important;border-radius:9px;color:var(--deep,var(--navy-deep,#143552));font-size:12.5px;text-decoration:none;white-space:normal}
html body .nav-clinics-menu a:hover,html body .nav-clinics-menu a[aria-current="page"]{background:var(--soft,var(--soft-blue,#dfeaf4));color:var(--navy,#1f4e79)}
html body .nav-clinics:hover .nav-clinics-menu,html body .nav-clinics:focus-within .nav-clinics-menu,html body .nav-clinics.is-open .nav-clinics-menu{opacity:1;visibility:visible;transform:none}
html body .header-cta{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:11px 19px;border-radius:999px;background:var(--navy,#1f4e79);box-shadow:0 10px 22px rgba(31,78,121,.18);color:#fff;font-family:var(--display,Arial,sans-serif);font-size:13px;font-weight:800;text-decoration:none;white-space:nowrap}
html body .header-cta:hover{background:var(--deep,var(--navy-deep,#143552));color:#fff;transform:translateY(-1px)}
html body .menu-toggle{display:none;min-width:72px;min-height:40px;align-items:center;justify-content:center;border:1px solid var(--line,#c9d8e7);border-radius:999px;background:var(--soft,var(--soft-blue,#dfeaf4));color:var(--deep,var(--navy-deep,#143552));font-family:var(--display,Arial,sans-serif);font-size:12px;font-weight:800;cursor:pointer}
html[lang^="en"] body .header-inner{gap:12px}
html[lang^="en"] body .header .brand{min-width:242px}
html[lang^="en"] body .header .brand-name{font-size:16.5px}
html[lang^="en"] body .nav{gap:10px;font-size:11.5px}
html[lang^="en"] body .header-cta{padding-inline:13px;font-size:12.5px}
@media(min-width:1081px) and (max-width:1100px){
html body .nav{display:flex!important}
html body .header-cta{display:inline-flex!important}
html body .menu-toggle{display:none!important}
}
@media(max-width:1080px){
html body .topbar-email{display:none!important}
html body .topbar-inner.email-enabled{display:flex!important;justify-content:space-between}
html body .nav,html body .header-cta{display:none!important}
html body .menu-toggle{display:inline-flex!important}
html body .nav.open{position:absolute!important;top:100%!important;right:auto!important;left:50%!important;z-index:140!important;display:grid!important;width:100vw!important;max-height:calc(100vh - 96px)!important;overflow-y:auto!important;overscroll-behavior:contain;padding:10px max(20px,calc((100vw - 1160px)/2)) 18px!important;border-bottom:1px solid var(--line,#c9d8e7)!important;background:#fff!important;box-shadow:0 14px 40px rgba(20,53,82,.16)!important;transform:translateX(-50%)!important}
html body .nav.open>a,html body .nav.open .nav-clinics-toggle{width:100%!important;min-height:44px!important;justify-content:flex-start!important;padding:12px 4px!important;border-bottom:1px solid var(--line,#c9d8e7)!important}
html body .nav.open>a[aria-current="page"]{color:var(--navy,#1f4e79);border-bottom-color:var(--gold,#f5c842)!important;box-shadow:inset 0 -2px 0 var(--gold,#f5c842)}
html body .nav.open .nav-clinics{display:block;width:100%}
html body .nav.open .nav-clinics-toggle{justify-content:space-between!important}
html body .nav.open .language-switch{padding-left:4px!important;border-left:0!important}
html body .nav-clinics-menu{position:static;display:none;min-width:0;margin-top:4px;padding:5px 8px 8px;border:0;border-left:3px solid var(--gold,#f5c842);border-radius:0;background:var(--soft-2,var(--soft-blue-2,#f3f7fb));box-shadow:none;opacity:1;visibility:visible;transform:none}
html body .nav-clinics.is-open .nav-clinics-menu{display:grid}
html body .nav-clinics:hover .nav-clinics-menu:not(:focus-within){display:none}
html body .nav-clinics.is-open:hover .nav-clinics-menu{display:grid}
html body .nav.open .nav-clinics.is-current>.nav-clinics-toggle{color:var(--navy,#1f4e79);border-bottom-color:var(--gold,#f5c842)!important;box-shadow:inset 0 -2px 0 var(--gold,#f5c842)}
}
@media(max-width:1080px) and (hover:hover){
html body .nav.open>a:hover:not([aria-current="page"]),html body .nav.open .nav-clinics:hover>.nav-clinics-toggle{color:var(--navy,#1f4e79);border-bottom-color:var(--gold,#f5c842)!important;box-shadow:inset 0 -2px 0 var(--gold,#f5c842)}
}
@media(max-width:820px){
html body .topbar{display:none}
html body .mobile-clinic-bar{display:grid;grid-template-columns:1fr 1fr!important;border-bottom:1px solid rgba(255,255,255,.14);background:var(--darker,#0f2840)}
html body .mobile-clinic-bar a{display:flex;min-height:42px;align-items:center;justify-content:center;color:#fff;font-family:var(--display,Arial,sans-serif);font-size:11px;font-weight:800;text-decoration:none}
html body .mobile-clinic-bar a+a{border-left:1px solid rgba(255,255,255,.14)}
html body .header-inner{min-height:68px;padding:7px 0}
html body .header .brand{min-width:0;max-width:calc(100% - 88px);flex:1 1 auto;gap:8px}
html body .header .brand-logo{width:27px;height:35px}
html body .header .brand-name{font-size:clamp(11.25px,3.3vw,13.5px);line-height:1.2;white-space:nowrap}
html body .header .brand-sub{margin-top:2px;font-size:8.5px;letter-spacing:.07em}
html[lang^="en"] body .header .brand{min-width:0}
html[lang^="en"] body .header .brand-name{font-size:clamp(10.75px,3.05vw,13px)}
}
@media(max-width:600px){
html body .topbar .container,html body .header .container{width:min(1160px,calc(100% - 28px))}
html body .header .brand-sub{display:none}
}

/* Header-only defaults prevent inherited legacy page styles from drifting. */
html body .header .brand-sub{display:block}
html body .header .nav{letter-spacing:normal;line-height:1.66}
html body .header .language-switch{margin-top:0;border-top:0;color:var(--navy);font-weight:800}
@media(max-width:1080px){html body .header .language-switch{margin-top:4px;border-top:1px solid var(--line);padding-top:13px}}
@media(max-width:600px){html body .header .brand-sub{display:none}}
html body .header a:focus-visible,html body .header button:focus-visible,html body .topbar a:focus-visible{outline:2px solid #1F4E79;outline-offset:4px}
html body .topbar a:focus-visible{outline-color:#F5C842}

/* Minimal icon family, taken from the approved clinic pages. */

    /* Stable CSS icons: consistent across operating systems without emoji glyphs */
    .contact-icon,.topbar-pin,.hero-location-icon,.inline-external-icon,.icon-check{position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}
    .contact-icon:before,.contact-icon:after,.topbar-pin:before,.topbar-pin:after,.hero-location-icon:before,.hero-location-icon:after,.inline-external-icon:before,.icon-check:before{content:"";position:absolute;box-sizing:border-box}
    .topbar-pin{width:16px;height:16px;flex:0 0 16px;color:#CFE0F0}
    .icon-location:before{width:12px;height:12px;border:2px solid currentColor;border-radius:50% 50% 50% 0;transform:rotate(-45deg);top:8px;left:13px}
    .icon-location:after{width:3px;height:3px;border-radius:50%;background:currentColor;top:12px;left:17px}
    .topbar-pin.icon-location:before{width:10px;height:10px;top:2px;left:3px}
    .topbar-pin.icon-location:after{width:2px;height:2px;top:6px;left:7px}
    .hero-location-icon{width:27px;height:27px;flex:0 0 27px;border-radius:50%;background:var(--soft,#DFEAF4);color:var(--navy,#1F4E79)}
    .hero-location-icon.icon-location:before{width:10px;height:10px;top:6px;left:8px}
    .hero-location-icon.icon-location:after{width:2px;height:2px;top:10px;left:12px}
    .icon-phone:before,.icon-phone:after{content:none}
    .icon-phone svg{display:block;width:22px;height:22px;flex:none}
    .icon-mail:before{width:19px;height:14px;border:2px solid currentColor;border-radius:2px;top:13px;left:10px}
    .icon-mail:after{width:12px;height:12px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);top:8px;left:14px}
    .icon-clock:before{width:20px;height:20px;border:2px solid currentColor;border-radius:50%;top:10px;left:10px}
    .icon-clock:after{width:6px;height:7px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;top:14px;left:19px}
    .icon-external:before{width:16px;height:16px;border:2px solid currentColor;border-radius:2px;top:14px;left:10px}
    .icon-external:after{width:10px;height:10px;border-top:2px solid currentColor;border-right:2px solid currentColor;top:9px;left:20px}
    .inline-external-icon{width:11px;height:11px;flex:0 0 11px;margin-left:2px}
    .inline-external-icon:before{width:9px;height:9px;border-top:2px solid currentColor;border-right:2px solid currentColor;top:0;right:0}
    .icon-check{width:27px;height:27px;border-radius:50%;background:rgba(255,255,255,.1);color:var(--gold,#F5C842)}
    .icon-check:before{width:7px;height:12px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);top:6px;left:10px}

/* Same pin/check/handset geometry in cards, inline links and lists. */
.clinic-icon.icon-location,.map-mark.icon-location{display:inline-flex;align-items:center;justify-content:center}
.clinic-icon.icon-location{position:relative}
.map-mark.icon-location{position:absolute}
.clinic-icon.icon-location:before,.map-mark.icon-location:before,.clinic-icon.icon-location:after,.map-mark.icon-location:after{content:"";position:absolute;box-sizing:border-box}
.clinic-icon.icon-location:before,.map-mark.icon-location:before{top:calc(50% - 8px);left:calc(50% - 6px)}
.clinic-icon.icon-location:after,.map-mark.icon-location:after{top:calc(50% - 4px);left:calc(50% - 2px)}
.site-phone-icon{display:inline-flex;width:22px;height:22px;flex:0 0 22px;align-items:center;justify-content:center;vertical-align:middle}
.site-phone-icon svg{display:block;width:22px;height:22px}
.check.icon-check,.notice-mark.icon-check{display:inline-flex;position:relative;width:27px;height:27px;flex:0 0 27px;align-items:center;justify-content:center;background:var(--soft,#DFEAF4);color:var(--navy,#1F4E79);border-radius:50%}
.inline-external-icon{vertical-align:middle}
html[data-shared-checks~="feature-points"] .feature-points li::before,html[data-shared-checks~="hero-points"] .hero-points>span::before,html[data-shared-checks~="availability-explainer"] .availability-explainer li::before,html[data-shared-checks~="check-list"] .check-list li::before,html[data-shared-checks~="us-overlay"] .us-overlay span::before{content:"";display:inline-block;width:22px;height:22px;min-width:22px;flex:0 0 22px;vertical-align:middle;background:currentColor;border:0;border-radius:0;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 27'%3E%3Cpath d='M7 13l5 5 8-10' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 27'%3E%3Cpath d='M7 13l5 5 8-10' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E") center/contain no-repeat}

/* Search controls: base spacing and mobile room. */
@media(min-width:1081px){
 html body .header.site-search-enabled .header-inner{justify-content:flex-start;gap:10px}
 html body .header.site-search-enabled .nav{gap:9px;margin-left:auto}
 html body .header.site-search-enabled .header-cta{padding-inline:12px;flex-shrink:0}
 html body .header.site-search-enabled .site-search-toggle{margin-left:-4px}
 html body .header.site-search-enabled .language-switch{padding-left:9px}
}
@media(max-width:820px){
 html body .header.site-search-enabled .header-inner{gap:8px}
 html body .header.site-search-enabled .brand{min-width:0;max-width:calc(100% - 132px);flex:1 1 auto}
 html body .header.site-search-enabled .brand-name{white-space:normal}
}


/* APPROVED-HEADER-SPACING-2026-09-22: single site-wide source, EL/EN. */
@media(min-width:1081px){
  html body .header.site-search-enabled :is(#site-nav,[data-poc-anchor="site-nav"]){font-size:13.5px}
  html body .header.site-search-enabled :is(#site-nav,[data-poc-anchor="site-nav"])>a,html body .header.site-search-enabled .nav-clinics-toggle{min-height:44px}
}
@media(min-width:1280px){
  html body .topbar .container,html body .header.site-search-enabled .container{width:min(1320px,calc(100% - 64px))}
  html body .header.site-search-enabled .header-inner{display:flex;min-height:88px;gap:22px;justify-content:flex-start}
  html body .header.site-search-enabled .brand{min-width:0;gap:12px;flex:0 0 auto}
  html body .header.site-search-enabled :is(#site-nav,[data-poc-anchor="site-nav"]){flex:1 1 auto;justify-content:space-between;gap:12px;margin:0}
  html body .header.site-search-enabled .language-switch{padding-left:13px}
  html body .header.site-search-enabled .site-search-toggle{margin-left:-14px}
}
@media(min-width:1081px) and (max-width:1279px){
  html body .header.site-search-enabled .header-inner{display:grid;grid-template-columns:minmax(0,1fr) auto 44px;gap:8px 12px;padding:12px 0 5px}
  html body .header.site-search-enabled .brand{grid-column:1;grid-row:1}
  html body .header.site-search-enabled .header-cta{grid-column:2;grid-row:1}
  html body .header.site-search-enabled .site-search-toggle{grid-column:3;grid-row:1;margin:0}
  html body .header.site-search-enabled :is(#site-nav,[data-poc-anchor="site-nav"]){grid-column:1/-1;grid-row:2;justify-content:space-between;gap:14px;margin:0;padding-top:5px}
}
@media(max-width:1080px){
  html body .header.site-search-enabled .header-inner{gap:10px}
  html body .header.site-search-enabled :is(#site-nav,[data-poc-anchor="site-nav"]){margin:0}
}

@media(min-width:1081px){
 html body .header.site-search-enabled .brand-name{font-size:18px}
 html body .header.site-search-enabled .brand-sub{font-size:11px}
 html body .header.site-search-enabled .header-cta{font-size:13px}
}
@media(max-width:820px){
 html body .header.site-search-enabled .brand-name{font-size:clamp(11.25px,3.3vw,13.5px)}
}
}
@scope ([data-poc-design="article"]) {
/* Montserrat — latin-ext */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500 800;
  font-display: swap;
  src: url("https://petridis-orthopedikos.gr/wp-content/themes/petridis-authoring-poc/assets/fonts/montserrat-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* Montserrat — latin */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500 800;
  font-display: swap;
  src: url("https://petridis-orthopedikos.gr/wp-content/themes/petridis-authoring-poc/assets/fonts/montserrat-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Open Sans — greek-ext */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400 800;
  font-stretch: 100%;
  font-display: swap;
  src: url("https://petridis-orthopedikos.gr/wp-content/themes/petridis-authoring-poc/assets/fonts/open-sans-greek-ext.woff2") format("woff2");
  unicode-range: U+1F00-1FFF;
}

/* Open Sans — greek */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400 800;
  font-stretch: 100%;
  font-display: swap;
  src: url("https://petridis-orthopedikos.gr/wp-content/themes/petridis-authoring-poc/assets/fonts/open-sans-greek.woff2") format("woff2");
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

/* Open Sans — latin-ext */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400 800;
  font-stretch: 100%;
  font-display: swap;
  src: url("https://petridis-orthopedikos.gr/wp-content/themes/petridis-authoring-poc/assets/fonts/open-sans-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* Open Sans — latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400 800;
  font-stretch: 100%;
  font-display: swap;
  src: url("https://petridis-orthopedikos.gr/wp-content/themes/petridis-authoring-poc/assets/fonts/open-sans-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:scope {
  --navy:#1f4e79;
  --deep:#143552;
  --darker:#0f2840;
  --soft:#dfeaf4;
  --soft-2:#f3f7fb;
  --gold:#f5c842;
  --ink:#1b2733;
  --muted:#56677a;
  --line:#c9d8e7;
  --white:#fff;
  --display:'Montserrat',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --body:'Open Sans',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --shadow:0 14px 40px rgba(20,53,82,.13);
  --soft-shadow:0 8px 24px rgba(20,53,82,.08);
  --radius:20px;
  --max:1160px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:132px}
body{margin:0;background:#fff;color:var(--ink);font-family:var(--body);line-height:1.66;-webkit-font-smoothing:antialiased}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button{color:inherit}
img{display:block;max-width:100%;height:auto}
h1,h2,h3,h4{margin:0;color:var(--deep);font-family:var(--display);line-height:1.18}
h1{max-width:850px;font-size:clamp(38px,5.2vw,64px);letter-spacing:-.045em}
h2{font-size:clamp(29px,3.8vw,44px);letter-spacing:-.035em}
h3{font-size:21px;letter-spacing:-.02em}
p{margin:0}
.container{width:min(var(--max),calc(100% - 40px));margin-inline:auto}
.skip-link{position:fixed;left:16px;top:-90px;z-index:300;background:#fff;color:var(--deep);padding:12px 16px;border-radius:8px;box-shadow:var(--shadow);font-weight:800}
.skip-link:focus{top:16px}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

.topbar{background:var(--darker);color:#d5e2ee;font-size:12px}
.topbar-inner{min-height:36px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:18px}
.topbar-clinic{display:flex;align-items:center;gap:14px}
.topbar-clinic:last-child{justify-self:end}
.topbar-clinic a:first-child{color:#cfe0f0}
.topbar-clinic a:last-child,.topbar-email{color:#fff;font-weight:700}
.topbar a:hover{text-decoration:underline;text-underline-offset:3px}
.mobile-clinic-bar{display:none}

.header{position:sticky;top:0;z-index:90;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}
.header-inner{position:relative;min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;align-items:center;gap:11px;min-width:255px}
.brand-logo{width:34px;height:44px;object-fit:contain;flex:none}
.brand-copy{display:flex;min-width:0;flex-direction:column;line-height:1.15}
.brand-name{color:var(--deep);font-family:var(--display);font-size:18px;font-weight:800;letter-spacing:-.015em;white-space:nowrap}
.brand-sub{margin-top:4px;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.nav{display:flex;align-items:center;gap:17px;color:var(--deep);font-family:var(--display);font-size:12.5px;font-weight:700;white-space:nowrap}
.nav>a,.nav-dropdown-toggle{min-height:40px;display:inline-flex;align-items:center;border:0;border-bottom:2px solid transparent;background:transparent;padding:7px 0;cursor:pointer}
.nav>a:hover,.nav>a[aria-current="page"],.nav-dropdown-toggle:hover,.nav-dropdown.is-active>.nav-dropdown-toggle{color:var(--navy);border-color:var(--gold)}
.language-switch{padding-left:16px!important;border-left:1px solid var(--line)!important;color:var(--navy)}
.nav-dropdown{position:relative}
.nav-dropdown-toggle{gap:6px}
.nav-chevron{width:7px;height:7px;border-right:1.8px solid currentColor;border-bottom:1.8px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .18s ease}
.nav-dropdown-menu{position:absolute;top:calc(100% + 9px);right:-12px;display:grid;min-width:226px;padding:8px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(-7px);transition:.18s ease}
.nav-dropdown-menu:before{content:"";position:absolute;left:0;right:0;top:-11px;height:12px}
.nav-dropdown-menu a{padding:11px 12px;border-radius:9px;color:var(--deep);font-size:12.5px;white-space:normal}
.nav-dropdown-menu a:hover,.nav-dropdown-menu a[aria-current="page"]{background:var(--soft);color:var(--navy)}
.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu,.nav-dropdown.is-open .nav-dropdown-menu{opacity:1;visibility:visible;transform:none}
.nav-dropdown.is-open .nav-chevron{transform:translateY(2px) rotate(225deg)}
.header-cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 19px;border-radius:999px;background:var(--navy);color:#fff;font-family:var(--display);font-size:13px;font-weight:800;white-space:nowrap;box-shadow:0 10px 22px rgba(31,78,121,.18)}
.header-cta:hover{background:var(--deep);transform:translateY(-1px)}
.menu-toggle{display:none;min-width:72px;min-height:40px;border:1px solid var(--line);border-radius:999px;background:var(--soft);color:var(--deep);font-family:var(--display);font-size:12px;font-weight:800;cursor:pointer}

.breadcrumbs{border-bottom:1px solid rgba(20,53,82,.08);background:var(--soft-2);color:var(--muted);font-size:12px}
.breadcrumbs .container{padding-block:9px}
.breadcrumbs a{color:var(--navy);font-weight:800}
.hero{position:relative;overflow:hidden;padding:68px 0 62px;background:linear-gradient(135deg,#fff 0%,#fff 48%,var(--soft-2) 100%)}
.hero:before{content:"";position:absolute;width:520px;height:520px;right:-220px;top:-265px;border-radius:50%;background:rgba(223,234,244,.72)}
.hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.06fr) minmax(360px,.94fr);gap:58px;align-items:center}
.eyebrow,.kicker{color:var(--navy);font-family:var(--display);font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.eyebrow{display:inline-flex;align-items:center;gap:9px;margin-bottom:21px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:var(--soft)}
.eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px rgba(245,200,66,.2)}
.hero h1 em{color:var(--navy);font-style:normal}
.hero-copy>p{max-width:760px;margin-top:20px;color:var(--muted);font-size:18px}
.hero-actions,.actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:27px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:47px;padding:12px 19px;border:1px solid transparent;border-radius:999px;font-family:var(--display);font-size:13px;font-weight:800;cursor:pointer;transition:.18s ease}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:var(--navy);color:#fff;box-shadow:0 10px 22px rgba(31,78,121,.17)}
.btn-primary:hover{background:var(--deep)}
.btn-secondary{border-color:var(--line);background:#fff;color:var(--deep)}
.btn-light{background:#fff;color:var(--deep)}
.btn-outline-light{border-color:rgba(255,255,255,.5);background:transparent;color:#fff}
.hero-points{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.hero-points span{padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--deep);font-size:12px;font-weight:700}
.hero-media{position:relative;min-height:430px;overflow:hidden;border-radius:24px;border-top:4px solid var(--gold);background:var(--deep);box-shadow:var(--shadow)}
.hero-media img{width:100%;height:430px;object-fit:cover}
.hero-media:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(180deg,transparent,rgba(15,40,64,.86))}
.hero-caption{position:absolute;left:24px;right:24px;bottom:22px;z-index:2;color:#fff}
.hero-caption strong{display:block;font-family:var(--display);font-size:18px}
.hero-caption span{display:block;margin-top:5px;color:#d5e2ee;font-size:12.5px}
.hero-media.focus-right img{object-position:64% center}
.hero-media.focus-left img{object-position:34% center}

.localnav{position:sticky;top:74px;z-index:60;border-bottom:1px solid var(--line);background:rgba(255,255,255,.97);box-shadow:0 6px 18px rgba(20,53,82,.05)}
.localnav-inner{display:flex;gap:6px;overflow-x:auto;padding:10px 0;scrollbar-width:none}
.localnav-inner::-webkit-scrollbar{display:none}
.localnav a{white-space:nowrap;padding:9px 13px;border-radius:999px;color:var(--deep);font-family:var(--display);font-size:12px;font-weight:800}
.localnav a:hover{background:var(--soft);color:var(--navy)}

.section{padding:78px 0}
.section+.section{border-top:1px solid rgba(20,53,82,.09)}
.section-soft{background:linear-gradient(180deg,var(--soft),#eaf1f8)}
.section-light{background:linear-gradient(180deg,var(--soft-2),#fff)}
.section-dark{background:linear-gradient(145deg,var(--deep),var(--darker));color:#fff}
.section-head{max-width:820px;margin-bottom:34px}
.section-head.center{margin-inline:auto;text-align:center}
.section-head h2{margin-top:8px}
.section-head p{max-width:790px;margin-top:13px;color:var(--muted);font-size:16.5px}
.section-head.center p{margin-inline:auto}
.section-head:after{content:"";display:block;width:72px;height:3px;margin-top:20px;border-radius:999px;background:var(--gold)}
.section-head.center:after{margin-inline:auto}
.section-dark h2,.section-dark h3{color:#fff}
.section-dark .section-head p{color:#d5e2ee}

.journey{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}
.journey-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.journey-item{display:grid;grid-template-columns:39px 1fr;gap:12px;align-items:center;padding:19px 21px;border-right:1px solid var(--line)}
.journey-item:last-child{border-right:0}
.journey-num{width:39px;height:39px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--soft);color:var(--navy);font-family:var(--display);font-weight:800}
.journey-item strong{display:block;color:var(--deep);font-family:var(--display);font-size:12.5px}
.journey-item > div > span{display:block;margin-top:2px;color:var(--muted);font-size:11.5px}

.hub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}
.hub-grid.two{grid-template-columns:repeat(2,1fr)}
.hub-grid.four{grid-template-columns:repeat(4,1fr)}
.card{display:flex;min-width:0;flex-direction:column;padding:24px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--soft-shadow);transition:.18s ease}
.card:hover{transform:translateY(-2px);border-color:#a9bfd4;box-shadow:var(--shadow)}
.card-label{color:var(--navy);font-family:var(--display);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.card h3{margin-top:8px;font-size:19px}
.card p{margin-top:9px;color:var(--muted);font-size:13.5px}
.card-link{display:inline-flex;align-items:center;margin-top:auto;padding-top:16px;color:var(--navy);font-family:var(--display);font-size:12px;font-weight:800}
.card-link:after{content:"→";margin-left:7px;transition:transform .18s ease}
.card:hover .card-link:after{transform:translateX(3px)}
.card-featured{padding:0;overflow:hidden}
.card-featured img{width:100%;height:210px;object-fit:cover}
.card-featured .card-body{display:flex;flex:1;flex-direction:column;padding:23px}
.card-primary{border-top:4px solid var(--gold)}
.card-compact{min-height:180px}
.card-muted{background:var(--soft-2)}
.anatomy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.anatomy-card{position:relative;min-height:420px;overflow:hidden;border-radius:20px;background:var(--deep);box-shadow:var(--shadow)}
.anatomy-card img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;opacity:.64;transition:transform .3s ease}
.anatomy-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,40,64,.08),rgba(15,40,64,.95))}
.anatomy-content{position:absolute;left:24px;right:24px;bottom:23px;z-index:2;color:#fff}
.anatomy-content h3{color:#fff;font-size:27px}
.anatomy-content p{margin-top:8px;color:#d5e2ee;font-size:13px}
.anatomy-content .card-link{color:#fff}
.anatomy-card:hover img{transform:scale(1.025)}

.topic-section{display:grid;grid-template-columns:220px 1fr;gap:34px;align-items:start}
.topic-aside{position:sticky;top:142px;padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--soft-2)}
.topic-aside h3{font-size:22px}
.topic-aside p{margin-top:8px;color:var(--muted);font-size:13px}
.topic-aside a{display:inline-flex;margin-top:15px;color:var(--navy);font-family:var(--display);font-size:12px;font-weight:800}
.topic-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.topic-item{min-height:158px;padding:21px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--soft-shadow)}
.topic-item h3{font-size:17px}
.topic-item p{margin-top:7px;color:var(--muted);font-size:12.5px}
.topic-item a{display:inline-flex;margin-top:12px;color:var(--navy);font-family:var(--display);font-size:11.5px;font-weight:800}
.topic-item a:after{content:"→";margin-left:6px}

.search-panel{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;margin-bottom:24px}
.search-box{position:relative}
.search-box input{width:100%;min-height:50px;padding:12px 19px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);outline:0;box-shadow:var(--soft-shadow)}
.search-box input:focus{border-color:var(--navy);box-shadow:0 0 0 4px rgba(31,78,121,.1)}
.search-status{min-width:110px;color:var(--muted);font-size:12px;text-align:right}
.filter-row{display:flex;flex-wrap:wrap;gap:8px;margin:-10px 0 24px}
.filter-button{min-height:38px;padding:8px 13px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--deep);font-family:var(--display);font-size:11.5px;font-weight:800;cursor:pointer}
.filter-button[aria-pressed="true"]{border-color:var(--navy);background:var(--navy);color:#fff}
.academy-card[hidden]{display:none}
.no-results{display:none;padding:19px 21px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--muted)}
.no-results.is-visible{display:block}

.decision-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.decision-step{position:relative;padding:24px 20px;border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:var(--soft-shadow)}
.decision-step:not(:last-child):after{content:"";position:absolute;right:-15px;top:38px;width:15px;height:2px;background:var(--gold)}
.decision-num{width:38px;height:38px;display:flex;align-items:center;justify-content:center;margin-bottom:14px;border-radius:50%;background:var(--navy);color:#fff;font-family:var(--display);font-weight:800}
.decision-step h3{font-size:16px}
.decision-step p{margin-top:7px;color:var(--muted);font-size:12.5px}

.notice{display:grid;grid-template-columns:auto 1fr;gap:15px;align-items:start;margin-top:25px;padding:20px 22px;border:1px solid var(--line);border-left:5px solid var(--gold);border-radius:15px;background:#fff;box-shadow:var(--soft-shadow)}
.notice-mark{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--soft);color:var(--navy);font-family:var(--display);font-weight:800}
.notice h3{font-size:16px}
.notice p{margin-top:5px;color:var(--muted);font-size:13px}
.red-flag{border-left-color:#b44a4a}
.red-flag .notice-mark{background:#faeded;color:#8a3030}

.feature-band{display:grid;grid-template-columns:.92fr 1.08fr;overflow:hidden;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--shadow)}
.feature-band img{width:100%;height:100%;min-height:410px;object-fit:cover}
.feature-copy{padding:38px}
.feature-copy h2{margin-top:7px}
.feature-copy p{margin-top:14px;color:var(--muted)}
.feature-list{display:grid;gap:10px;margin:20px 0 0;padding:0;list-style:none}
.feature-list li{position:relative;padding-left:25px;color:var(--muted);font-size:13.5px}
.feature-list li:before{content:"";position:absolute;left:0;top:.55em;width:9px;height:9px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px rgba(245,200,66,.18)}

.faq-list{display:grid;gap:12px}
.faq-card{border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:var(--soft-shadow)}
.faq-card summary{position:relative;padding:19px 50px 19px 20px;color:var(--deep);font-family:var(--display);font-size:14px;font-weight:800;cursor:pointer;list-style:none}
.faq-card summary::-webkit-details-marker{display:none}
.faq-card summary:after{content:"+";position:absolute;right:19px;top:50%;transform:translateY(-50%);color:var(--navy);font-size:23px;font-weight:400}
.faq-card[open] summary:after{content:"−"}
.faq-answer{padding:0 20px 20px;color:var(--muted);font-size:13.5px}
.faq-answer a,.evidence a{color:var(--navy);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.evidence{margin-top:24px;padding:18px 20px;border-radius:14px;background:var(--soft-2);color:var(--muted);font-size:11.5px}
.evidence strong{color:var(--deep)}

.doctor-note{display:grid;grid-template-columns:105px 1fr;gap:22px;align-items:center;padding:25px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--soft-shadow)}
.doctor-note img{width:105px;height:105px;border-radius:50%;object-fit:cover;object-position:center 30%}
.doctor-note h3{font-size:19px}
.doctor-note p{margin-top:7px;color:var(--muted);font-size:13px}
.doctor-note .card-link{margin-top:10px;padding-top:0}

.final{padding:58px 0;background:linear-gradient(145deg,var(--deep),var(--darker));color:#fff}
.final-grid{display:grid;grid-template-columns:1fr auto;gap:34px;align-items:center}
.final h2{color:#fff}
.final p{max-width:760px;margin-top:12px;color:#d5e2ee}
.final-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}

.footer{padding:50px 0 24px;background:#0c2237;color:#afc2d4}
.footer-grid{display:grid;grid-template-columns:1.2fr .75fr .75fr 1.05fr;gap:34px}
.footer-title{margin-bottom:13px;color:#fff;font-family:var(--display);font-size:14px;font-weight:800}
.footer-identity{display:flex;align-items:center;gap:11px;margin-bottom:14px}
.footer-logo{width:36px;height:46px;object-fit:contain}
.footer p,.footer a,.footer span{font-size:12.5px}
.footer a:hover{color:#fff}
.footer ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.footer-socials{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.footer-socials a{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:6px 9px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.05);color:#d8e4ef;font-family:var(--display);font-size:10.5px;font-weight:800}
.footer-clinic{display:grid;gap:3px;margin-bottom:14px}
.footer-clinic strong{color:#fff;font-family:var(--display)}
.footer-clinic-link,.footer-email,.footer-booking{color:#fff!important;font-family:var(--display);font-weight:800}
.footer-email{display:block;margin:13px 0;overflow-wrap:anywhere}
.footer-bottom{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;margin-top:30px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.56);font-size:11.5px}

.stickybar{position:fixed;left:50%;bottom:14px;z-index:120;display:none;grid-template-columns:1fr 1fr;width:min(420px,calc(100% - 24px));transform:translate(-50%,130%);overflow:visible;border:1px solid rgba(255,255,255,.5);border-radius:999px;background:#fff;box-shadow:0 14px 34px rgba(15,40,64,.28);transition:transform .25s ease}
.stickybar.visible{transform:translate(-50%,0)}
.stickybar>.btn{width:100%;min-width:0;border-radius:999px}
.call-sheet{position:absolute;left:0;right:0;bottom:calc(100% + 9px);display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:var(--shadow)}
.call-sheet[hidden]{display:none}
.call-sheet a{display:grid;padding:13px;text-align:center}
.call-sheet a+a{border-left:1px solid var(--line)}
.call-sheet strong{color:var(--deep);font-family:var(--display);font-size:12px}
.call-sheet span{color:var(--muted);font-size:11px}

@media(max-width:1100px){
  .nav,.header-cta{display:none}
  .menu-toggle{display:inline-flex;align-items:center;justify-content:center}
  .nav.open{position:absolute;top:74px;left:-20px;right:-20px;display:grid;max-height:calc(100vh - 110px);overflow-y:auto;padding:10px 20px 18px;border-bottom:1px solid var(--line);background:#fff;box-shadow:var(--shadow)}
  .nav.open>a,.nav.open .nav-dropdown-toggle{width:100%;justify-content:flex-start;padding:12px 4px;border-bottom:1px solid var(--line)}
  .nav.open .language-switch{padding-left:4px!important;border-left:0!important}
  .nav-dropdown{width:100%}
  .nav-dropdown-toggle{justify-content:space-between!important}
  .nav-dropdown-menu{position:static;display:none;min-width:0;margin-top:4px;padding:5px 8px 8px;border:0;border-left:3px solid var(--gold);border-radius:0;background:var(--soft-2);box-shadow:none;opacity:1;visibility:visible;transform:none}
  .nav-dropdown.is-open .nav-dropdown-menu{display:grid}
  .nav-dropdown:hover .nav-dropdown-menu:not(:focus-within){display:none}
  .nav-dropdown.is-open:hover .nav-dropdown-menu{display:grid}
  .nav-dropdown-menu a{padding:11px 12px}
  .hero-grid{grid-template-columns:1fr .82fr;gap:36px}
  .hub-grid.four{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1fr 1fr}
}

@media(max-width:820px){
  .topbar{display:none}
  .mobile-clinic-bar{display:grid;grid-template-columns:1fr 1fr;background:var(--darker);border-bottom:1px solid rgba(255,255,255,.14)}
  .mobile-clinic-bar a{min-height:42px;display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--display);font-size:11px;font-weight:800}
  .mobile-clinic-bar a+a{border-left:1px solid rgba(255,255,255,.14)}
  .header-inner{min-height:68px;padding:7px 0}
  .header .brand{min-width:0;max-width:calc(100% - 88px);gap:8px;flex:1}
  .brand-logo{width:27px;height:35px}
  .brand-copy{min-width:0}
  .brand-name{font-size:13.5px;white-space:normal}
  .brand-sub{font-size:8.5px;letter-spacing:.07em;margin-top:2px}
  .nav.open{top:68px}
  .localnav{top:68px}
  .hero{padding:48px 0}
  .hero-grid{grid-template-columns:1fr}
  .hero-media{min-height:360px}
  .hero-media img{height:360px}
  .journey-grid{grid-template-columns:repeat(2,1fr)}
  .journey-item:nth-child(2){border-right:0}
  .journey-item:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .hub-grid,.anatomy-grid{grid-template-columns:1fr}
  .hub-grid.two{grid-template-columns:1fr}
  .anatomy-card{min-height:360px}
  .topic-section{grid-template-columns:1fr}
  .topic-aside{position:static}
  .decision-grid{grid-template-columns:repeat(2,1fr)}
  .decision-step:nth-child(2):after{display:none}
  .feature-band{grid-template-columns:1fr}
  .feature-band img{min-height:330px;max-height:430px}
  .final-grid{grid-template-columns:1fr}
  .final-actions{justify-content:flex-start}
  .stickybar{display:grid}
  .footer{padding-bottom:98px}
}

@media(max-width:600px){
  .container{width:min(var(--max),calc(100% - 28px))}
  h1{font-size:clamp(34px,11vw,46px)}
  h2{font-size:30px}
  .hero-copy>p{font-size:16px}
  .hero-media,.hero-media img{height:320px;min-height:320px}
  .section{padding:58px 0}
  .journey-grid{grid-template-columns:1fr}
  .journey-item{border-right:0;border-bottom:1px solid var(--line)!important}
  .journey-item:last-child{border-bottom:0!important}
  .hub-grid.four,.topic-list,.decision-grid{grid-template-columns:1fr}
  .decision-step:after{display:none}
  .search-panel{grid-template-columns:1fr}
  .search-status{text-align:left}
  .feature-copy{padding:27px 22px}
  .doctor-note{grid-template-columns:76px 1fr;gap:15px;padding:20px}
  .doctor-note img{width:76px;height:76px}
  .footer-grid{grid-template-columns:1fr}
  .footer-socials{display:grid;grid-template-columns:1fr 1fr}
  .brand-sub{display:none}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*:before,*:after{transition:none!important;animation:none!important}
}

/* Approved medical-review portrait, 2026-09-06. */
:scope .doctor-note{grid-template-columns:115px minmax(0,1fr)}
:scope .doctor-note img{width:115px;height:115px;border-radius:50%;object-fit:cover;object-position:50% 0%}
@media(max-width:600px){:scope .doctor-note{grid-template-columns:82px minmax(0,1fr)}:scope .doctor-note img{width:82px;height:82px}}


    .condition-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;overflow:hidden;border:1px solid var(--line);border-radius:20px;background:var(--line);box-shadow:var(--soft-shadow)}
    .condition-summary article{min-height:155px;padding:23px;background:#fff}
    .condition-summary small{display:block;color:var(--navy);font-family:var(--display);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
    .condition-summary strong{display:block;margin-top:9px;color:var(--deep);font-family:var(--display);font-size:16px;line-height:1.3}
    .condition-summary p{margin-top:7px;color:var(--muted);font-size:12.5px}
    .article-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(270px,.55fr);gap:34px;align-items:start}
    .article-copy{max-width:760px}
    .article-copy h3{margin:29px 0 10px;font-size:23px}
    .article-copy h3:first-child{margin-top:0}
    .article-copy p+p{margin-top:15px}
    .article-copy ul{display:grid;gap:10px;margin:18px 0 0;padding-left:21px}
    .article-copy li{padding-left:3px;color:var(--muted)}
    .hero-media.knee-exam{min-height:520px}
    .hero-media.knee-exam img{height:520px;object-position:50% 56%}
    .section-visual{margin:30px 0 36px;overflow:hidden;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--soft-shadow)}
    .section-visual img{display:block;width:100%;height:auto}
    .section-visual figcaption{padding:13px 18px;border-top:1px solid var(--line);color:var(--muted);font-size:12px;line-height:1.5}
    .aside-stack{display:grid;gap:15px}
    .aside-card{padding:23px;border:1px solid var(--line);border-radius:18px;background:var(--soft-2);box-shadow:var(--soft-shadow)}
    .aside-card h3{font-size:17px}
    .aside-card p{margin-top:8px;color:var(--muted);font-size:12.5px}
    .aside-card ul{display:grid;gap:8px;margin:14px 0 0;padding-left:18px;color:var(--muted);font-size:12.5px}
    .aside-card a{display:inline-flex;margin-top:14px;color:var(--navy);font-family:var(--display);font-size:12px;font-weight:800}
    .symptom-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}
    .symptom-card{padding:22px;border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:var(--soft-shadow)}
    .symptom-card h3{font-size:17px}
    .symptom-card p{margin-top:8px;color:var(--muted);font-size:13px}
    .diagnosis-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
    .diagnosis-step{padding:24px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--soft-shadow)}
    .diagnosis-step span{display:flex;width:40px;height:40px;align-items:center;justify-content:center;margin-bottom:15px;border-radius:50%;background:var(--navy);color:#fff;font-family:var(--display);font-weight:800}
    .diagnosis-step h3{font-size:17px}
    .diagnosis-step p{margin-top:8px;color:var(--muted);font-size:12.5px}
    .treatment-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}
    .treatment-card{padding:25px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--soft-shadow)}
    .treatment-card h3{font-size:19px}
    .treatment-card p{margin-top:9px;color:var(--muted);font-size:13.5px}
    .treatment-card .card-link{margin-top:14px;padding-top:0}
    .surgery-choices{display:grid;grid-template-columns:1.08fr .92fr;gap:18px;margin-top:20px}
    .surgery-choice{display:flex;min-height:245px;flex-direction:column;padding:28px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--shadow)}
    .surgery-choice.primary{border-top:4px solid var(--gold);background:linear-gradient(145deg,var(--deep),var(--darker));color:#fff}
    .surgery-choice.primary h3{color:#fff}
    .surgery-choice h3{font-size:24px}
    .surgery-choice p{margin-top:11px;color:var(--muted);font-size:13.5px}
    .surgery-choice.primary p{color:#d5e2ee}
    .surgery-choice .actions{margin-top:auto;padding-top:20px}
    .surgery-media{height:260px;margin:-28px -28px 24px;overflow:hidden;border-bottom:1px solid var(--line);background:#eef3f8}
    .surgery-media img{display:block;width:100%;height:100%}
    .surgery-media--mako{border-bottom-color:rgba(255,255,255,.16);background:#102d48}
    .surgery-media--mako img{object-fit:cover;object-position:50% top}
    .surgery-media--amis img{object-fit:contain;background:#fff}
    .myth-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
    .myth-card{padding:23px;border:1px solid rgba(255,255,255,.16);border-radius:17px;background:rgba(255,255,255,.07)}
    .myth-card h3{color:#fff;font-size:16px}
    .myth-card p{margin-top:8px;color:#d5e2ee;font-size:12.5px}
    @media(max-width:900px){.condition-summary{grid-template-columns:repeat(2,1fr)}.article-grid,.surgery-choices{grid-template-columns:1fr}.article-copy{max-width:none}.diagnosis-flow,.myth-grid{grid-template-columns:1fr}.hero-media.knee-exam,.hero-media.knee-exam img{height:440px;min-height:440px}.hero-media.knee-exam img{object-position:50% 59%}}
    @media(max-width:600px){.condition-summary,.symptom-grid,.treatment-grid{grid-template-columns:1fr}.section-visual{margin:24px 0 30px;border-radius:16px}.section-visual figcaption{padding:11px 14px}.surgery-media{height:220px}.hero-media.knee-exam,.hero-media.knee-exam img{height:380px;min-height:380px}.hero-media.knee-exam img{object-position:50% 64%}}
  

/* Approved shared header, footer and mobile controls — 2026-07-28. */
.topbar,.header,.mobile-clinic-bar,.footer,.stickybar{box-sizing:border-box}
.topbar *,.header *,.mobile-clinic-bar *,.footer *,.stickybar *{box-sizing:border-box}
.topbar .container,.header .container,.footer .container{width:min(1160px,calc(100% - 40px));margin-inline:auto}
body.menu-open{overflow:hidden}

.topbar{display:block;padding:0;background:var(--darker,#0f2840);color:#d5e2ee;font-size:12px}
.topbar-inner{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:18px;min-height:36px}
.topbar-clinic{display:flex;align-items:center;gap:14px;min-width:0}
.topbar-clinic:last-child{justify-self:end}
.topbar-clinic>a{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.topbar-clinic>a:first-child{color:#cfe0f0}
.topbar-clinic>a:last-child{position:relative;padding-left:15px;border-left:1px solid rgba(255,255,255,.32);color:#fff;font-weight:700}
.topbar-email{display:inline-flex;align-items:center;justify-content:center;color:#fff!important;font-family:var(--display,Arial,sans-serif);font-size:12px;font-weight:700;white-space:nowrap}
.topbar a:hover{text-decoration:underline;text-underline-offset:3px}
.location-pin{display:inline-flex;align-items:center;justify-content:center;font-size:13px;line-height:1;filter:saturate(.88)}
.mobile-clinic-bar{display:none}

.header{position:sticky;top:0;z-index:90;border-bottom:1px solid var(--line,#c9d8e7);background:rgba(255,255,255,.97);backdrop-filter:blur(10px)}
.header-inner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:74px}
.header .brand{display:flex;flex:none;align-items:center;gap:11px;min-width:255px;text-decoration:none}
.header .brand-logo{width:34px;height:44px;flex:none;object-fit:contain}
.header .brand-copy{display:flex;min-width:0;flex-direction:column;line-height:1.15}
.header .brand-name{color:var(--deep,var(--navy-deep,#143552));font-family:var(--display,Arial,sans-serif);font-size:18px;font-weight:800;letter-spacing:-.015em;line-height:1.15;white-space:nowrap}
.header .brand-sub{margin-top:4px;color:var(--muted,#557086);font-size:11px;font-weight:700;letter-spacing:.1em;line-height:1.2;text-transform:uppercase;white-space:nowrap}
.nav{display:flex;align-items:center;gap:17px;color:var(--deep,var(--navy-deep,#143552));font-family:var(--display,Arial,sans-serif);font-size:12.5px;font-weight:700;white-space:nowrap}
.nav>a,.nav-clinics-toggle{display:inline-flex;min-height:40px;align-items:center;padding:7px 0;border:0;border-bottom:2px solid transparent;background:transparent;color:inherit;font:inherit;font-weight:inherit;text-decoration:none;cursor:pointer}
.nav>a:hover,.nav>a[aria-current="page"],.nav-clinics-toggle:hover,.nav-clinics.is-current>.nav-clinics-toggle{color:var(--navy,#1f4e79);border-bottom-color:var(--gold,#f5c842)}
.nav-clinics{position:relative;display:flex;align-items:center}
.nav-clinics-toggle{gap:6px;white-space:nowrap}
.nav-clinics-chevron{width:7px;height:7px;border-right:1.8px solid currentColor;border-bottom:1.8px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .18s ease}
.nav-clinics.is-open .nav-clinics-chevron{transform:translateY(2px) rotate(225deg)}
.nav-clinics-menu{position:absolute;top:calc(100% + 9px);right:-12px;z-index:110;display:grid;min-width:228px;padding:8px;border:1px solid var(--line,#c9d8e7);border-radius:14px;background:#fff;box-shadow:0 14px 40px rgba(20,53,82,.16);opacity:0;visibility:hidden;transform:translateY(-7px);transition:.18s ease}
.nav-clinics-menu:before{content:"";position:absolute;top:-11px;right:0;left:0;height:12px}
.nav-clinics-menu a{padding:11px 12px!important;border:0!important;border-radius:9px;color:var(--deep,var(--navy-deep,#143552));font-size:12.5px;text-decoration:none;white-space:normal}
.nav-clinics-menu a:hover,.nav-clinics-menu a[aria-current="page"]{background:var(--soft,var(--soft-blue,#dfeaf4));color:var(--navy,#1f4e79)}
.nav-clinics:hover .nav-clinics-menu,.nav-clinics:focus-within .nav-clinics-menu,.nav-clinics.is-open .nav-clinics-menu{opacity:1;visibility:visible;transform:none}
.header-cta{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:11px 19px;border-radius:999px;background:var(--navy,#1f4e79);box-shadow:0 10px 22px rgba(31,78,121,.18);color:#fff;font-family:var(--display,Arial,sans-serif);font-size:13px;font-weight:800;text-decoration:none;white-space:nowrap}
.header-cta:hover{background:var(--deep,var(--navy-deep,#143552));color:#fff;transform:translateY(-1px)}
.menu-toggle{display:none;min-width:72px;min-height:40px;align-items:center;justify-content:center;border:1px solid var(--line,#c9d8e7);border-radius:999px;background:var(--soft,var(--soft-blue,#dfeaf4));color:var(--deep,var(--navy-deep,#143552));font-family:var(--display,Arial,sans-serif);font-size:12px;font-weight:800;cursor:pointer}

.footer{padding:50px 0 24px;background:var(--darker,#0c2237);color:#afc2d4}
.footer-grid{display:grid;grid-template-columns:1.2fr .75fr .75fr 1.05fr;gap:34px}
.footer-title{margin-bottom:13px;color:#fff;font-family:var(--display,Arial,sans-serif);font-size:14px;font-weight:800}
.footer-identity{display:flex;align-items:center;gap:11px;margin-bottom:14px}
.footer-identity .footer-title{margin-bottom:0}
.footer-logo{width:36px;height:46px;flex:none;object-fit:contain}
.footer p,.footer a,.footer span{font-size:12.5px}
.footer p{margin:0;color:#afc2d4;line-height:1.65}
.footer a{color:inherit;text-decoration:none}
.footer a:hover{color:#fff}
.footer ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.footer-socials{display:block;margin-top:20px}
.footer-socials-label{margin-bottom:10px;color:#fff;font-family:var(--display,Arial,sans-serif);font-size:12px;font-weight:700}
.footer-social-links{display:grid;grid-template-columns:repeat(2,minmax(0,116px));gap:9px}
.footer-social-links a{display:inline-flex;width:116px;min-height:36px;align-items:center;justify-content:flex-start;gap:7px;padding:7px 10px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.06);color:#d8e4ef;font-family:var(--display,Arial,sans-serif);font-size:11px;font-weight:700}
.footer-social-links a:hover{border-color:var(--gold,#f5c842);color:#fff}
.social-icon{display:inline-flex;width:20px;height:20px;flex:none;align-items:center;justify-content:center;border-radius:50%;background:#fff;color:var(--deep,var(--navy-deep,#143552));font-size:10px!important;font-weight:800}
.footer-clinic{display:grid;gap:3px;margin-bottom:14px}
.footer-clinic strong{color:#fff;font-family:var(--display,Arial,sans-serif)}
.footer-clinic-link,.footer-email,.footer-booking-link{color:#fff!important;font-family:var(--display,Arial,sans-serif);font-weight:800}
.footer-email{display:block;margin:13px 0;overflow-wrap:anywhere}
.footer-booking-link{display:inline-flex;margin-top:5px}
.footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:15px;margin-top:30px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.56);font-size:11.5px}

.stickybar{position:fixed;left:50%;bottom:14px;z-index:120;display:none;width:min(420px,calc(100% - 24px));overflow:visible;border:1px solid rgba(255,255,255,.5);border-radius:999px;background:#fff;box-shadow:0 14px 34px rgba(15,40,64,.28);transform:translate(-50%,130%);transition:transform .25s ease}
.stickybar.visible{transform:translate(-50%,0)}
.stickybar>.btn{width:100%;min-width:0;border-radius:999px}
.stickybar .call-sheet strong{color:var(--deep,var(--navy-deep,#143552));font-family:var(--display,Arial,sans-serif);font-size:12px}
.stickybar .call-sheet span{color:var(--muted,#557086);font-size:11px}

html[lang^="en"] .header-inner{gap:12px}
html[lang^="en"] .header .brand{min-width:242px}
html[lang^="en"] .header .brand-name{font-size:16.5px}
html[lang^="en"] .nav{gap:10px;font-size:11.5px}
html[lang^="en"] .header-cta{padding-inline:13px;font-size:12.5px}

@media(min-width:1081px) and (max-width:1100px){
  .nav{display:flex!important}
  .header-cta{display:inline-flex!important}
  .menu-toggle{display:none!important}
}

@media(max-width:1080px){
  .topbar-email{display:none!important}
  .topbar-inner.email-enabled{display:flex!important;justify-content:space-between}
  .nav,.header-cta{display:none!important}
  .menu-toggle{display:inline-flex!important}
  .nav.open{position:absolute!important;top:100%!important;right:auto!important;left:50%!important;z-index:140!important;display:grid!important;width:100vw!important;max-height:calc(100vh - 96px)!important;overflow-y:auto!important;overscroll-behavior:contain;padding:10px max(20px,calc((100vw - 1160px)/2)) 18px!important;border-bottom:1px solid var(--line,#c9d8e7)!important;background:#fff!important;box-shadow:0 14px 40px rgba(20,53,82,.16)!important;transform:translateX(-50%)!important}
  .nav.open>a,.nav.open .nav-clinics-toggle{width:100%!important;min-height:44px!important;justify-content:flex-start!important;padding:12px 4px!important;border-bottom:1px solid var(--line,#c9d8e7)!important}
  .nav.open>a[aria-current="page"]{color:var(--navy,#1f4e79);border-bottom-color:var(--gold,#f5c842)!important;box-shadow:inset 0 -2px 0 var(--gold,#f5c842)}
  .nav.open .nav-clinics{display:block;width:100%}
  .nav.open .nav-clinics-toggle{justify-content:space-between!important}
  .nav.open .language-switch{padding-left:4px!important;border-left:0!important}
  .nav-clinics-menu{position:static;display:none;min-width:0;margin-top:4px;padding:5px 8px 8px;border:0;border-left:3px solid var(--gold,#f5c842);border-radius:0;background:var(--soft-2,var(--soft-blue-2,#f3f7fb));box-shadow:none;opacity:1;visibility:visible;transform:none}
  .nav-clinics.is-open .nav-clinics-menu{display:grid}
  .nav-clinics:hover .nav-clinics-menu:not(:focus-within){display:none}
  .nav-clinics.is-open:hover .nav-clinics-menu{display:grid}
  .nav.open .nav-clinics.is-current>.nav-clinics-toggle{color:var(--navy,#1f4e79);border-bottom-color:var(--gold,#f5c842)!important;box-shadow:inset 0 -2px 0 var(--gold,#f5c842)}
}

@media(max-width:1080px) and (hover:hover){
  .nav.open>a:hover:not([aria-current="page"]),.nav.open .nav-clinics:hover>.nav-clinics-toggle{color:var(--navy,#1f4e79);border-bottom-color:var(--gold,#f5c842)!important;box-shadow:inset 0 -2px 0 var(--gold,#f5c842)}
}

@media(max-width:820px){
  body{padding-bottom:96px}
  .topbar{display:none}
  .mobile-clinic-bar{display:grid;grid-template-columns:1fr 1fr!important;border-bottom:1px solid rgba(255,255,255,.14);background:var(--darker,#0f2840)}
  .mobile-clinic-bar a{display:flex;min-height:42px;align-items:center;justify-content:center;color:#fff;font-family:var(--display,Arial,sans-serif);font-size:11px;font-weight:800;text-decoration:none}
  .mobile-clinic-bar a+a{border-left:1px solid rgba(255,255,255,.14)}
  .header-inner{min-height:68px;padding:7px 0}
  .header .brand{min-width:0;max-width:calc(100% - 88px);flex:1 1 auto;gap:8px}
  .header .brand-logo{width:27px;height:35px}
  .header .brand-name{font-size:clamp(11.25px,3.3vw,13.5px);line-height:1.2;white-space:nowrap}
  .header .brand-sub{margin-top:2px;font-size:8.5px;letter-spacing:.07em}
  html[lang^="en"] .header .brand{min-width:0}
  html[lang^="en"] .header .brand-name{font-size:clamp(10.75px,3.05vw,13px)}
  .footer{padding-bottom:98px}
  .footer-grid{grid-template-columns:1fr 1fr}
  .stickybar{position:fixed!important;right:12px!important;bottom:calc(12px + env(safe-area-inset-bottom))!important;left:12px!important;z-index:140!important;display:none!important;width:auto!important;max-width:420px!important;height:auto!important;margin-inline:auto!important;grid-template-columns:none!important;gap:8px!important;padding:8px!important;overflow:visible!important;border:1px solid var(--line,#c9d8e7)!important;border-radius:999px!important;background:rgba(255,255,255,.98)!important;box-shadow:0 14px 34px rgba(15,40,64,.28)!important;transform:none!important}
  .stickybar.visible{display:flex!important;transform:none!important}
  .stickybar>.btn{display:inline-flex!important;width:50%!important;min-width:0!important;min-height:44px!important;flex:1 1 0!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:10px 12px!important;white-space:nowrap!important}
  .stickybar .call-sheet{position:absolute!important;right:0!important;bottom:calc(100% + 10px)!important;left:0!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:0!important;overflow:hidden!important;padding:0!important;border:1px solid var(--line,#c9d8e7)!important;border-radius:14px!important;background:#fff!important;box-shadow:0 14px 40px rgba(20,53,82,.16)!important}
  .stickybar .call-sheet[hidden]{display:none!important}
  .stickybar .call-sheet a{display:grid!important;gap:2px!important;padding:13px 10px!important;border:0!important;border-radius:0!important;background:#fff!important;text-align:center!important;text-decoration:none!important}
  .stickybar .call-sheet a+a{border-left:1px solid var(--line,#c9d8e7)!important}
}

@media(max-width:600px){
  .topbar .container,.header .container,.footer .container{width:min(1160px,calc(100% - 28px))}
  .header .brand-sub{display:none}
  .footer-grid{grid-template-columns:1fr}
  .footer-socials{display:block}
  .footer-social-links{display:grid;grid-template-columns:repeat(2,minmax(0,116px))}
  .footer-social-links a{justify-content:flex-start}
}
  

.condition-page .doctor-note{grid-template-columns:115px minmax(0,1fr)}
.condition-page .doctor-note img{width:115px;height:115px;object-fit:cover;object-position:50% 0%}
@media(max-width:600px){.condition-page .doctor-note{grid-template-columns:82px minmax(0,1fr)}.condition-page .doctor-note img{width:82px;height:82px}}
.condition-page .article-copy p,.condition-page .symptom-card p,.condition-page .treatment-card p,.condition-page .aside-card p,.condition-page .diagnosis-step p,.condition-page .faq-answer{font-size:1rem;line-height:1.75}
.condition-page .card-link,.condition-page .aside-card a,.condition-page .evidence{font-size:.875rem}
.condition-page [id]{scroll-margin-top:145px}.condition-page h1{overflow-wrap:break-word}.urgent-card{border-left:4px solid var(--gold)}


/* Approved medical-review portrait, 2026-09-06. */
:scope .doctor-note{grid-template-columns:115px minmax(0,1fr)}
:scope .doctor-note img{width:115px;height:115px;border-radius:50%;object-fit:cover;object-position:50% 0%}
@media(max-width:600px){:scope .doctor-note{grid-template-columns:82px minmax(0,1fr)}:scope .doctor-note img{width:82px;height:82px}}

.replacement-photo{width:100%;max-width:360px;min-height:0!important;margin:0 auto;background:#fff}.replacement-photo img{display:block;width:100%!important;height:auto!important;max-height:none;object-fit:contain!important}.replacement-photo figcaption{position:static;padding:12px 16px;color:var(--navy);font-size:14px;line-height:1.5}.article-copy{font-size:17px;line-height:1.8}.article-copy a{text-decoration:underline;text-underline-offset:3px}.article-copy p+p{margin-top:18px}.evidence li{margin-bottom:12px}@media(max-width:600px){.replacement-photo{max-width:290px}.article-copy{font-size:16px}}
/* Site search: isolated from symptom filtering and page-specific legacy styles. */
html body .header .site-search-toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex:0 0 44px;padding:0;border:1px solid #c9d8e7;border-radius:50%;background:#f3f7fb;color:#143552;cursor:pointer}
html body .header .site-search-toggle[hidden]{display:none!important}
html body .site-search-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
html body .header .site-search-toggle:hover{background:#dfeaf4}
html body .site-search-dialog{box-sizing:border-box;width:min(720px,calc(100% - 28px));max-width:none;max-height:calc(100dvh - 40px);margin:auto;padding:0;border:1px solid #c9d8e7;border-radius:22px;background:#fff;color:#143552;box-shadow:0 22px 80px #0f28404d;font-family:"Open Sans",system-ui,sans-serif;line-height:1.6;text-align:left;overflow:auto;overscroll-behavior:contain}
html body .site-search-dialog:not([open]){display:none}
html body .site-search-dialog::backdrop{background:rgba(15,40,64,.65)}
html body .site-search-dialog *{box-sizing:border-box}
html body .site-search-shell{padding:28px}
html body .site-search-top{display:flex;align-items:center;justify-content:space-between;gap:18px}
html body .site-search-dialog h2{margin:0;font:800 23px/1.3 Montserrat,system-ui,sans-serif;letter-spacing:-.02em;color:#143552}
html body .site-search-dialog button{font:700 13px/1.4 "Open Sans",system-ui,sans-serif;cursor:pointer;min-height:44px;border-radius:10px;letter-spacing:normal;text-transform:none}
html body .site-search-close{border:1px solid #c9d8e7;background:#f3f7fb;color:#143552;padding:8px 12px;flex-shrink:0}
html body .site-search-hint{margin:14px 0 20px;font-size:14px;color:#56677a}
html body .site-search-form{margin:0}
html body .site-search-label{display:block;margin-bottom:8px;font-size:14px;font-weight:700}
html body .site-search-field{display:flex;gap:8px}
html body .site-search-field input{width:100%;min-width:0;flex:1;padding:13px 14px;border:1px solid #a5b9cd;border-radius:10px;background:#fff;color:#143552;font:400 16px/1.5 "Open Sans",system-ui,sans-serif;appearance:auto}
html body .site-search-submit{padding:12px 18px;border:1px solid #1f4e79;background:#1f4e79;color:#fff}
html body .site-search-clear{margin-top:7px;padding:4px 0;border:0;background:transparent;color:#1f4e79;text-decoration:underline;text-underline-offset:3px}
html body .site-search-status{margin:18px 0 12px;color:#56677a;font-size:14px}
html body .site-search-results{list-style:none;margin:0;padding:0;display:grid;gap:9px}
html body .site-search-results li{margin:0;padding:0}
html body .site-search-results li::before{content:none}
html body .site-search-result{display:block;padding:15px 17px;border:1px solid #d9e3ed;border-radius:12px;background:#fff;text-decoration:none;color:#143552}
html body .site-search-result:hover{background:#f3f7fb;border-color:#9db6ce}
html body .site-search-kind{display:block;margin:0 0 5px;font-size:11px;font-weight:700;letter-spacing:.04em;color:#50657a}
html body .site-search-result-title{display:block;font:700 16px/1.5 Montserrat,system-ui,sans-serif;color:#1f4e79}
html body .site-search-description{display:block;margin-top:6px;font-size:13px;line-height:1.6;color:#56677a}
html body .site-search-more{display:block;margin:18px auto 0;padding:10px 18px;border:1px solid #c9d8e7;background:#f3f7fb;color:#143552}
html body .site-search-dialog [hidden]{display:none!important}
html body .site-search-dialog :focus-visible,html body .header .site-search-toggle:focus-visible{outline:3px solid #1f4e79;outline-offset:3px}
@media(max-width:480px){
 html body .site-search-shell{padding:19px 16px}
 html body .site-search-dialog h2{font-size:19px}
 html body .site-search-top{align-items:flex-start;gap:8px}
 html body .site-search-close{max-width:108px;font-size:12px;padding:6px 9px}
 html body .site-search-field{flex-wrap:wrap}
 html body .site-search-field input{flex-basis:100%}
 html body .site-search-submit{width:100%}
}


:is(#hero,[data-poc-anchor="hero"]) .hero-media.replacement-photo{height:auto!important;min-height:0!important;background:#fff}
:is(#hero,[data-poc-anchor="hero"]) .hero-media.replacement-photo::after{display:none;content:none}
:is(#hero,[data-poc-anchor="hero"]) .hero-media.replacement-photo img{min-height:0}
:is(#hero,[data-poc-anchor="hero"]) .hero-media.replacement-photo figcaption{position:static;display:block;margin:0;padding:16px 20px;background:#fff;color:#173b59;font-size:16px;font-weight:500;line-height:1.6;text-shadow:none;opacity:1}

/* Shared header: clinic reference, 2026-09-21. Load LAST in every Final HTML. */
html body .header,html body .topbar,html body .mobile-clinic-bar{--navy:#1F4E79;--navy-deep:#143552;--navy-darker:#0F2840;--deep:#143552;--darker:#0F2840;--soft:#DFEAF4;--soft-2:#F3F7FB;--gold:#F5C842;--muted:#56677A;--line:#C9D8E7;--display:Montserrat,system-ui,sans-serif;font-family:"Open Sans",system-ui,sans-serif;line-height:1.66}
html body .topbar{background:var(--navy-darker);color:#D5E2EE;font-size:12px}
html body .topbar-inner{min-height:34px;display:flex;justify-content:space-between;align-items:center;gap:24px}
html body .topbar-clinic{display:flex;align-items:center;gap:15px}
html body .topbar-clinic a:first-child{display:inline-flex;align-items:center;gap:6px;color:#CFE0F0}
html body .topbar-clinic a:last-child{color:#fff;font-weight:700}
html body .mobile-clinic-bar{display:none}
html body .header{position:sticky;top:0;z-index:90;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);backdrop-filter:blur(9px)}
html body .header-inner{min-height:74px;display:flex;justify-content:space-between;align-items:center;gap:22px}
html body .header .brand{display:flex;align-items:center;gap:11px;min-width:255px}
html body .header .brand-logo{width:34px;height:44px;object-fit:contain;flex:0 0 auto}
html body .header .brand-copy{display:flex;flex-direction:column;line-height:1.15}
html body .header .brand-name{font-family:var(--display);color:var(--navy-deep);font-weight:800;letter-spacing:-.015em;font-size:18px}
html body .header .brand-sub{margin-top:4px;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.10em;text-transform:uppercase}
html body .nav{display:flex;align-items:center;gap:18px;font-family:var(--display);font-size:13px;font-weight:600;white-space:nowrap}
html body .nav a{padding:7px 0;border-bottom:2px solid transparent;transition:.18s ease}
html body .nav a:hover,html body .nav a[aria-current="page"]{color:var(--navy);border-color:var(--gold)}
html body .header-cta{font-family:var(--display);background:var(--navy);color:#fff;padding:12px 21px;border-radius:999px;font-weight:700;font-size:14px;box-shadow:0 10px 22px rgba(31,78,121,.18);white-space:nowrap;transition:.18s ease}
html body .header-cta:hover{background:var(--navy-deep);transform:translateY(-1px)}
html body .menu-toggle{display:none;border:1px solid var(--line);background:var(--soft);color:var(--navy-deep);padding:10px 13px;border-radius:999px;font-family:var(--display);font-weight:700;cursor:pointer}
@media(max-width:1080px){
html body .nav{display:none}
html body .menu-toggle{display:block}
html body .header-cta{padding:10px 16px;font-size:13px}
html body .nav.open{position:absolute;top:74px;left:0;right:0;display:grid;background:#fff;padding:10px 20px 18px;border-bottom:1px solid var(--line);box-shadow:var(--shadow)}
html body .nav.open a{padding:13px 4px}
}
@media(max-width:720px){
html body .topbar{display:none}
html body .header-cta{display:none}
html body .mobile-clinic-bar{display:flex;background:var(--navy-darker);color:#fff;font-size:11px;justify-content:center}
html body .mobile-clinic-bar a{flex:1;text-align:center;padding:8px 4px;border-right:1px solid rgba(255,255,255,.13)}
html body .header-inner{min-height:68px;gap:10px;padding:7px 0}
html body .header .brand{min-width:0;max-width:calc(100% - 88px);gap:8px;flex:1 1 auto}
html body .header .brand-logo{width:27px;height:35px}
html body .header .brand-copy{min-width:0}
html body .header .brand-name{font-size:13.5px;line-height:1.2;white-space:normal}
html body .header .brand-sub{font-size:8.5px;letter-spacing:.07em;margin-top:2px;white-space:normal}
html body .menu-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:72px;min-height:40px;padding:9px 12px;font-size:12px;flex:0 0 auto}
html body .nav.open{top:68px;z-index:120;padding:10px 18px 16px;max-height:calc(100vh - 110px);overflow-y:auto}
html body .nav.open a{font-size:13px;padding:12px 4px}
}
@media(min-width:1081px){
html body .nav .language-switch{border-left:1px solid var(--line);padding-left:18px}
}
@media(max-width:1080px){
html body .nav.open .language-switch{border-top:1px solid var(--line);margin-top:4px;padding-top:13px}
}
@media(min-width:1081px){
html body .topbar-inner.email-enabled{display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:18px}
html body .topbar-inner.email-enabled .topbar-clinic:first-child{justify-self:start}
html body .topbar-inner.email-enabled .topbar-clinic:last-child{justify-self:end}
}
html body .topbar-email{display:inline-flex;align-items:center;justify-content:center;color:#fff!important;font-family:var(--display);font-size:12px;font-weight:700;white-space:nowrap;letter-spacing:.01em}
html body .topbar-email:hover{text-decoration:underline;text-underline-offset:3px}
@media(max-width:1080px){
html body .topbar-email{display:none!important}
html body .topbar-inner.email-enabled{display:flex!important}
}
html body .nav-clinics{position:relative;display:flex;align-items:center}
html body .nav-clinics-toggle{display:inline-flex;align-items:center;gap:6px;padding:7px 0;border:0;border-bottom:2px solid transparent;background:transparent;color:inherit;font:inherit;font-weight:inherit;white-space:nowrap;cursor:pointer}
html body .nav-clinics-toggle:hover,html body .nav-clinics.is-current>.nav-clinics-toggle{color:var(--navy,#1f4e79);border-color:var(--gold,#f5c842)}
html body .nav-clinics-chevron{width:7px;height:7px;border-right:1.8px solid currentColor;border-bottom:1.8px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .18s ease}
html body .nav-clinics.is-open .nav-clinics-chevron{transform:translateY(2px) rotate(225deg)}
html body .nav-clinics-menu{position:absolute;top:calc(100% + 9px);right:-12px;z-index:110;display:grid;min-width:228px;padding:8px;border:1px solid var(--line,#c9d8e7);border-radius:14px;background:#fff;box-shadow:0 14px 40px rgba(20,53,82,.16);opacity:0;visibility:hidden;transform:translateY(-7px);transition:.18s ease}
html body .nav-clinics-menu:before{content:"";position:absolute;left:0;right:0;top:-11px;height:12px}
html body .nav-clinics-menu a{padding:11px 12px!important;border:0!important;border-radius:9px;color:var(--deep,var(--navy-deep,#143552));white-space:normal}
html body .nav-clinics-menu a:hover,html body .nav-clinics-menu a[aria-current="page"]{background:var(--soft,#dfeaf4);color:var(--navy,#1f4e79)}
html body .nav-clinics:hover .nav-clinics-menu,html body .nav-clinics:focus-within .nav-clinics-menu,html body .nav-clinics.is-open .nav-clinics-menu{opacity:1;visibility:visible;transform:none}
@media(max-width:1080px){
html body .nav.open .nav-clinics{display:block;width:100%}
html body .nav.open .nav-clinics-toggle{width:100%;min-height:44px;justify-content:space-between;padding:12px 4px;border-bottom:1px solid var(--line,#c9d8e7)}
html body .nav-clinics-menu{position:static;display:none;min-width:0;margin-top:4px;padding:5px 8px 8px;border:0;border-left:3px solid var(--gold,#f5c842);border-radius:0;background:var(--soft-2,#f3f7fb);box-shadow:none;opacity:1;visibility:visible;transform:none}
html body .nav-clinics.is-open .nav-clinics-menu{display:grid}
html body .nav-clinics:hover .nav-clinics-menu:not(:focus-within){display:none}
html body .nav-clinics.is-open:hover .nav-clinics-menu{display:grid}
}
@media(max-width:720px){
html body .mobile-clinic-bar{grid-template-columns:1fr 1fr!important}
}
html body .menu-toggle{cursor:pointer}
@media(min-width:721px) and (max-width:1080px){
html body .topbar-inner.email-enabled{display:grid!important;
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
    align-items:center;
    gap:12px;}
html body .topbar-email{display:inline-flex!important;
    align-items:center;
    justify-content:center;
    color:#fff!important;
    font-size:11.5px;
    font-weight:700;
    white-space:nowrap;}
html body .topbar-clinic{min-width:0}
html body .topbar-clinic:first-child{justify-self:start}
html body .topbar-clinic:last-child{justify-self:end}
html body .topbar-clinic a{font-size:11px}
}
@media(min-width:721px) and (max-width:900px){
html body .topbar-clinic a:first-child{display:none}
}
@media(max-width:1080px){
html body .header-inner{position:relative}
html body .nav.open{position:absolute;
    top:100%;
    left:50%;
    right:auto;
    z-index:140;
    display:grid;
    width:100vw;
    max-height:calc(100vh - 96px);
    overflow-y:auto;
    overscroll-behavior:contain;
    padding:10px max(20px,calc((100vw - var(--max,1140px))/2)) 18px;
    border-bottom:1px solid var(--line,#c9d8e7);
    background:#fff;
    box-shadow:0 14px 40px rgba(20,53,82,.16);
    transform:translateX(-50%);}
html body .nav.open>a,html body .nav.open .nav-clinics-toggle{width:100%;
    min-height:44px;
    justify-content:flex-start;
    padding:12px 4px;
    border-bottom:1px solid var(--line,#c9d8e7);}
html body .nav.open .nav-clinics-toggle{justify-content:space-between}
html body .nav.open .language-switch{padding-left:4px!important;border-left:0!important}
}
html body .topbar,html body .header,html body .mobile-clinic-bar{box-sizing:border-box}
html body .topbar *,html body .header *,html body .mobile-clinic-bar *{box-sizing:border-box}
html body .topbar .container,html body .header .container{width:min(1160px,calc(100% - 40px));margin-inline:auto}
html body .topbar{display:block;padding:0;background:var(--darker,#0f2840);color:#d5e2ee;font-size:12px}
html body .topbar-inner{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:18px;min-height:36px}
html body .topbar-clinic{display:flex;align-items:center;gap:14px;min-width:0}
html body .topbar-clinic:last-child{justify-self:end}
html body .topbar-clinic>a{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
html body .topbar-clinic>a:first-child{color:#cfe0f0}
html body .topbar-clinic>a:last-child{position:relative;padding-left:15px;border-left:1px solid rgba(255,255,255,.32);color:#fff;font-weight:700}
html body .topbar-email{display:inline-flex;align-items:center;justify-content:center;color:#fff!important;font-family:var(--display,Arial,sans-serif);font-size:12px;font-weight:700;white-space:nowrap}
html body .topbar a:hover{text-decoration:underline;text-underline-offset:3px}
html body .mobile-clinic-bar{display:none}
html body .header{position:sticky;top:0;z-index:90;border-bottom:1px solid var(--line,#c9d8e7);background:rgba(255,255,255,.97);backdrop-filter:blur(10px)}
html body .header-inner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:74px}
html body .header .brand{display:flex;flex:none;align-items:center;gap:11px;min-width:255px;text-decoration:none}
html body .header .brand-logo{width:34px;height:44px;flex:none;object-fit:contain}
html body .header .brand-copy{display:flex;min-width:0;flex-direction:column;line-height:1.15}
html body .header .brand-name{color:var(--deep,var(--navy-deep,#143552));font-family:var(--display,Arial,sans-serif);font-size:18px;font-weight:800;letter-spacing:-.015em;line-height:1.15;white-space:nowrap}
html body .header .brand-sub{margin-top:4px;color:var(--muted,#557086);font-size:11px;font-weight:700;letter-spacing:.1em;line-height:1.2;text-transform:uppercase;white-space:nowrap}
html body .nav{display:flex;align-items:center;gap:17px;color:var(--deep,var(--navy-deep,#143552));font-family:var(--display,Arial,sans-serif);font-size:12.5px;font-weight:700;white-space:nowrap}
html body .nav>a,html body .nav-clinics-toggle{display:inline-flex;min-height:40px;align-items:center;padding:7px 0;border:0;border-bottom:2px solid transparent;background:transparent;color:inherit;font:inherit;font-weight:inherit;text-decoration:none;cursor:pointer}
html body .nav>a:hover,html body .nav>a[aria-current="page"],html body .nav-clinics-toggle:hover,html body .nav-clinics.is-current>.nav-clinics-toggle{color:var(--navy,#1f4e79);border-bottom-color:var(--gold,#f5c842)}
html body .nav-clinics{position:relative;display:flex;align-items:center}
html body .nav-clinics-toggle{gap:6px;white-space:nowrap}
html body .nav-clinics-chevron{width:7px;height:7px;border-right:1.8px solid currentColor;border-bottom:1.8px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .18s ease}
html body .nav-clinics.is-open .nav-clinics-chevron{transform:translateY(2px) rotate(225deg)}
html body .nav-clinics-menu{position:absolute;top:calc(100% + 9px);right:-12px;z-index:110;display:grid;min-width:228px;padding:8px;border:1px solid var(--line,#c9d8e7);border-radius:14px;background:#fff;box-shadow:0 14px 40px rgba(20,53,82,.16);opacity:0;visibility:hidden;transform:translateY(-7px);transition:.18s ease}
html body .nav-clinics-menu:before{content:"";position:absolute;top:-11px;right:0;left:0;height:12px}
html body .nav-clinics-menu a{padding:11px 12px!important;border:0!important;border-radius:9px;color:var(--deep,var(--navy-deep,#143552));font-size:12.5px;text-decoration:none;white-space:normal}
html body .nav-clinics-menu a:hover,html body .nav-clinics-menu a[aria-current="page"]{background:var(--soft,var(--soft-blue,#dfeaf4));color:var(--navy,#1f4e79)}
html body .nav-clinics:hover .nav-clinics-menu,html body .nav-clinics:focus-within .nav-clinics-menu,html body .nav-clinics.is-open .nav-clinics-menu{opacity:1;visibility:visible;transform:none}
html body .header-cta{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:11px 19px;border-radius:999px;background:var(--navy,#1f4e79);box-shadow:0 10px 22px rgba(31,78,121,.18);color:#fff;font-family:var(--display,Arial,sans-serif);font-size:13px;font-weight:800;text-decoration:none;white-space:nowrap}
html body .header-cta:hover{background:var(--deep,var(--navy-deep,#143552));color:#fff;transform:translateY(-1px)}
html body .menu-toggle{display:none;min-width:72px;min-height:40px;align-items:center;justify-content:center;border:1px solid var(--line,#c9d8e7);border-radius:999px;background:var(--soft,var(--soft-blue,#dfeaf4));color:var(--deep,var(--navy-deep,#143552));font-family:var(--display,Arial,sans-serif);font-size:12px;font-weight:800;cursor:pointer}
html[lang^="en"] body .header-inner{gap:12px}
html[lang^="en"] body .header .brand{min-width:242px}
html[lang^="en"] body .header .brand-name{font-size:16.5px}
html[lang^="en"] body .nav{gap:10px;font-size:11.5px}
html[lang^="en"] body .header-cta{padding-inline:13px;font-size:12.5px}
@media(min-width:1081px) and (max-width:1100px){
html body .nav{display:flex!important}
html body .header-cta{display:inline-flex!important}
html body .menu-toggle{display:none!important}
}
@media(max-width:1080px){
html body .topbar-email{display:none!important}
html body .topbar-inner.email-enabled{display:flex!important;justify-content:space-between}
html body .nav,html body .header-cta{display:none!important}
html body .menu-toggle{display:inline-flex!important}
html body .nav.open{position:absolute!important;top:100%!important;right:auto!important;left:50%!important;z-index:140!important;display:grid!important;width:100vw!important;max-height:calc(100vh - 96px)!important;overflow-y:auto!important;overscroll-behavior:contain;padding:10px max(20px,calc((100vw - 1160px)/2)) 18px!important;border-bottom:1px solid var(--line,#c9d8e7)!important;background:#fff!important;box-shadow:0 14px 40px rgba(20,53,82,.16)!important;transform:translateX(-50%)!important}
html body .nav.open>a,html body .nav.open .nav-clinics-toggle{width:100%!important;min-height:44px!important;justify-content:flex-start!important;padding:12px 4px!important;border-bottom:1px solid var(--line,#c9d8e7)!important}
html body .nav.open>a[aria-current="page"]{color:var(--navy,#1f4e79);border-bottom-color:var(--gold,#f5c842)!important;box-shadow:inset 0 -2px 0 var(--gold,#f5c842)}
html body .nav.open .nav-clinics{display:block;width:100%}
html body .nav.open .nav-clinics-toggle{justify-content:space-between!important}
html body .nav.open .language-switch{padding-left:4px!important;border-left:0!important}
html body .nav-clinics-menu{position:static;display:none;min-width:0;margin-top:4px;padding:5px 8px 8px;border:0;border-left:3px solid var(--gold,#f5c842);border-radius:0;background:var(--soft-2,var(--soft-blue-2,#f3f7fb));box-shadow:none;opacity:1;visibility:visible;transform:none}
html body .nav-clinics.is-open .nav-clinics-menu{display:grid}
html body .nav-clinics:hover .nav-clinics-menu:not(:focus-within){display:none}
html body .nav-clinics.is-open:hover .nav-clinics-menu{display:grid}
html body .nav.open .nav-clinics.is-current>.nav-clinics-toggle{color:var(--navy,#1f4e79);border-bottom-color:var(--gold,#f5c842)!important;box-shadow:inset 0 -2px 0 var(--gold,#f5c842)}
}
@media(max-width:1080px) and (hover:hover){
html body .nav.open>a:hover:not([aria-current="page"]),html body .nav.open .nav-clinics:hover>.nav-clinics-toggle{color:var(--navy,#1f4e79);border-bottom-color:var(--gold,#f5c842)!important;box-shadow:inset 0 -2px 0 var(--gold,#f5c842)}
}
@media(max-width:820px){
html body .topbar{display:none}
html body .mobile-clinic-bar{display:grid;grid-template-columns:1fr 1fr!important;border-bottom:1px solid rgba(255,255,255,.14);background:var(--darker,#0f2840)}
html body .mobile-clinic-bar a{display:flex;min-height:42px;align-items:center;justify-content:center;color:#fff;font-family:var(--display,Arial,sans-serif);font-size:11px;font-weight:800;text-decoration:none}
html body .mobile-clinic-bar a+a{border-left:1px solid rgba(255,255,255,.14)}
html body .header-inner{min-height:68px;padding:7px 0}
html body .header .brand{min-width:0;max-width:calc(100% - 88px);flex:1 1 auto;gap:8px}
html body .header .brand-logo{width:27px;height:35px}
html body .header .brand-name{font-size:clamp(11.25px,3.3vw,13.5px);line-height:1.2;white-space:nowrap}
html body .header .brand-sub{margin-top:2px;font-size:8.5px;letter-spacing:.07em}
html[lang^="en"] body .header .brand{min-width:0}
html[lang^="en"] body .header .brand-name{font-size:clamp(10.75px,3.05vw,13px)}
}
@media(max-width:600px){
html body .topbar .container,html body .header .container{width:min(1160px,calc(100% - 28px))}
html body .header .brand-sub{display:none}
}

/* Header-only defaults prevent inherited legacy page styles from drifting. */
html body .header .brand-sub{display:block}
html body .header .nav{letter-spacing:normal;line-height:1.66}
html body .header .language-switch{margin-top:0;border-top:0;color:var(--navy);font-weight:800}
@media(max-width:1080px){html body .header .language-switch{margin-top:4px;border-top:1px solid var(--line);padding-top:13px}}
@media(max-width:600px){html body .header .brand-sub{display:none}}
html body .header a:focus-visible,html body .header button:focus-visible,html body .topbar a:focus-visible{outline:2px solid #1F4E79;outline-offset:4px}
html body .topbar a:focus-visible{outline-color:#F5C842}

/* Minimal icon family, taken from the approved clinic pages. */

    /* Stable CSS icons: consistent across operating systems without emoji glyphs */
    .contact-icon,.topbar-pin,.hero-location-icon,.inline-external-icon,.icon-check{position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}
    .contact-icon:before,.contact-icon:after,.topbar-pin:before,.topbar-pin:after,.hero-location-icon:before,.hero-location-icon:after,.inline-external-icon:before,.icon-check:before{content:"";position:absolute;box-sizing:border-box}
    .topbar-pin{width:16px;height:16px;flex:0 0 16px;color:#CFE0F0}
    .icon-location:before{width:12px;height:12px;border:2px solid currentColor;border-radius:50% 50% 50% 0;transform:rotate(-45deg);top:8px;left:13px}
    .icon-location:after{width:3px;height:3px;border-radius:50%;background:currentColor;top:12px;left:17px}
    .topbar-pin.icon-location:before{width:10px;height:10px;top:2px;left:3px}
    .topbar-pin.icon-location:after{width:2px;height:2px;top:6px;left:7px}
    .hero-location-icon{width:27px;height:27px;flex:0 0 27px;border-radius:50%;background:var(--soft,#DFEAF4);color:var(--navy,#1F4E79)}
    .hero-location-icon.icon-location:before{width:10px;height:10px;top:6px;left:8px}
    .hero-location-icon.icon-location:after{width:2px;height:2px;top:10px;left:12px}
    .icon-phone:before,.icon-phone:after{content:none}
    .icon-phone svg{display:block;width:22px;height:22px;flex:none}
    .icon-mail:before{width:19px;height:14px;border:2px solid currentColor;border-radius:2px;top:13px;left:10px}
    .icon-mail:after{width:12px;height:12px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);top:8px;left:14px}
    .icon-clock:before{width:20px;height:20px;border:2px solid currentColor;border-radius:50%;top:10px;left:10px}
    .icon-clock:after{width:6px;height:7px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;top:14px;left:19px}
    .icon-external:before{width:16px;height:16px;border:2px solid currentColor;border-radius:2px;top:14px;left:10px}
    .icon-external:after{width:10px;height:10px;border-top:2px solid currentColor;border-right:2px solid currentColor;top:9px;left:20px}
    .inline-external-icon{width:11px;height:11px;flex:0 0 11px;margin-left:2px}
    .inline-external-icon:before{width:9px;height:9px;border-top:2px solid currentColor;border-right:2px solid currentColor;top:0;right:0}
    .icon-check{width:27px;height:27px;border-radius:50%;background:rgba(255,255,255,.1);color:var(--gold,#F5C842)}
    .icon-check:before{width:7px;height:12px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);top:6px;left:10px}

/* Same pin/check/handset geometry in cards, inline links and lists. */
.clinic-icon.icon-location,.map-mark.icon-location{display:inline-flex;align-items:center;justify-content:center}
.clinic-icon.icon-location{position:relative}
.map-mark.icon-location{position:absolute}
.clinic-icon.icon-location:before,.map-mark.icon-location:before,.clinic-icon.icon-location:after,.map-mark.icon-location:after{content:"";position:absolute;box-sizing:border-box}
.clinic-icon.icon-location:before,.map-mark.icon-location:before{top:calc(50% - 8px);left:calc(50% - 6px)}
.clinic-icon.icon-location:after,.map-mark.icon-location:after{top:calc(50% - 4px);left:calc(50% - 2px)}
.site-phone-icon{display:inline-flex;width:22px;height:22px;flex:0 0 22px;align-items:center;justify-content:center;vertical-align:middle}
.site-phone-icon svg{display:block;width:22px;height:22px}
.check.icon-check,.notice-mark.icon-check{display:inline-flex;position:relative;width:27px;height:27px;flex:0 0 27px;align-items:center;justify-content:center;background:var(--soft,#DFEAF4);color:var(--navy,#1F4E79);border-radius:50%}
.inline-external-icon{vertical-align:middle}
html[data-shared-checks~="feature-points"] .feature-points li::before,html[data-shared-checks~="hero-points"] .hero-points>span::before,html[data-shared-checks~="availability-explainer"] .availability-explainer li::before,html[data-shared-checks~="check-list"] .check-list li::before,html[data-shared-checks~="us-overlay"] .us-overlay span::before{content:"";display:inline-block;width:22px;height:22px;min-width:22px;flex:0 0 22px;vertical-align:middle;background:currentColor;border:0;border-radius:0;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 27'%3E%3Cpath d='M7 13l5 5 8-10' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 27'%3E%3Cpath d='M7 13l5 5 8-10' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E") center/contain no-repeat}

/* Search controls: base spacing and mobile room. */
@media(min-width:1081px){
 html body .header.site-search-enabled .header-inner{justify-content:flex-start;gap:10px}
 html body .header.site-search-enabled .nav{gap:9px;margin-left:auto}
 html body .header.site-search-enabled .header-cta{padding-inline:12px;flex-shrink:0}
 html body .header.site-search-enabled .site-search-toggle{margin-left:-4px}
 html body .header.site-search-enabled .language-switch{padding-left:9px}
}
@media(max-width:820px){
 html body .header.site-search-enabled .header-inner{gap:8px}
 html body .header.site-search-enabled .brand{min-width:0;max-width:calc(100% - 132px);flex:1 1 auto}
 html body .header.site-search-enabled .brand-name{white-space:normal}
}


/* APPROVED-HEADER-SPACING-2026-09-22: single site-wide source, EL/EN. */
@media(min-width:1081px){
  html body .header.site-search-enabled :is(#site-nav,[data-poc-anchor="site-nav"]){font-size:13.5px}
  html body .header.site-search-enabled :is(#site-nav,[data-poc-anchor="site-nav"])>a,html body .header.site-search-enabled .nav-clinics-toggle{min-height:44px}
}
@media(min-width:1280px){
  html body .topbar .container,html body .header.site-search-enabled .container{width:min(1320px,calc(100% - 64px))}
  html body .header.site-search-enabled .header-inner{display:flex;min-height:88px;gap:22px;justify-content:flex-start}
  html body .header.site-search-enabled .brand{min-width:0;gap:12px;flex:0 0 auto}
  html body .header.site-search-enabled :is(#site-nav,[data-poc-anchor="site-nav"]){flex:1 1 auto;justify-content:space-between;gap:12px;margin:0}
  html body .header.site-search-enabled .language-switch{padding-left:13px}
  html body .header.site-search-enabled .site-search-toggle{margin-left:-14px}
}
@media(min-width:1081px) and (max-width:1279px){
  html body .header.site-search-enabled .header-inner{display:grid;grid-template-columns:minmax(0,1fr) auto 44px;gap:8px 12px;padding:12px 0 5px}
  html body .header.site-search-enabled .brand{grid-column:1;grid-row:1}
  html body .header.site-search-enabled .header-cta{grid-column:2;grid-row:1}
  html body .header.site-search-enabled .site-search-toggle{grid-column:3;grid-row:1;margin:0}
  html body .header.site-search-enabled :is(#site-nav,[data-poc-anchor="site-nav"]){grid-column:1/-1;grid-row:2;justify-content:space-between;gap:14px;margin:0;padding-top:5px}
}
@media(max-width:1080px){
  html body .header.site-search-enabled .header-inner{gap:10px}
  html body .header.site-search-enabled :is(#site-nav,[data-poc-anchor="site-nav"]){margin:0}
}

@media(min-width:1081px){
 html body .header.site-search-enabled .brand-name{font-size:18px}
 html body .header.site-search-enabled .brand-sub{font-size:11px}
 html body .header.site-search-enabled .header-cta{font-size:13px}
}
@media(max-width:820px){
 html body .header.site-search-enabled .brand-name{font-size:clamp(11.25px,3.3vw,13.5px)}
}
}
@scope ([data-poc-design="conditions"]) {
/* Montserrat — latin-ext */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500 800;
  font-display: swap;
  src: url("https://petridis-orthopedikos.gr/wp-content/themes/petridis-authoring-poc/assets/fonts/montserrat-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* Montserrat — latin */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500 800;
  font-display: swap;
  src: url("https://petridis-orthopedikos.gr/wp-content/themes/petridis-authoring-poc/assets/fonts/montserrat-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Open Sans — greek-ext */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400 800;
  font-stretch: 100%;
  font-display: swap;
  src: url("https://petridis-orthopedikos.gr/wp-content/themes/petridis-authoring-poc/assets/fonts/open-sans-greek-ext.woff2") format("woff2");
  unicode-range: U+1F00-1FFF;
}

/* Open Sans — greek */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400 800;
  font-stretch: 100%;
  font-display: swap;
  src: url("https://petridis-orthopedikos.gr/wp-content/themes/petridis-authoring-poc/assets/fonts/open-sans-greek.woff2") format("woff2");
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

/* Open Sans — latin-ext */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400 800;
  font-stretch: 100%;
  font-display: swap;
  src: url("https://petridis-orthopedikos.gr/wp-content/themes/petridis-authoring-poc/assets/fonts/open-sans-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* Open Sans — latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400 800;
  font-stretch: 100%;
  font-display: swap;
  src: url("https://petridis-orthopedikos.gr/wp-content/themes/petridis-authoring-poc/assets/fonts/open-sans-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:scope {
  --navy:#1f4e79;
  --deep:#143552;
  --darker:#0f2840;
  --soft:#dfeaf4;
  --soft-2:#f3f7fb;
  --gold:#f5c842;
  --ink:#1b2733;
  --muted:#56677a;
  --line:#c9d8e7;
  --white:#fff;
  --display:'Montserrat',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --body:'Open Sans',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --shadow:0 14px 40px rgba(20,53,82,.13);
  --soft-shadow:0 8px 24px rgba(20,53,82,.08);
  --radius:20px;
  --max:1160px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:132px}
body{margin:0;background:#fff;color:var(--ink);font-family:var(--body);line-height:1.66;-webkit-font-smoothing:antialiased}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button{color:inherit}
img{display:block;max-width:100%;height:auto}
h1,h2,h3,h4{margin:0;color:var(--deep);font-family:var(--display);line-height:1.18}
h1{max-width:850px;font-size:clamp(38px,5.2vw,64px);letter-spacing:-.045em}
h2{font-size:clamp(29px,3.8vw,44px);letter-spacing:-.035em}
h3{font-size:21px;letter-spacing:-.02em}
p{margin:0}
.container{width:min(var(--max),calc(100% - 40px));margin-inline:auto}
.skip-link{position:fixed;left:16px;top:-90px;z-index:300;background:#fff;color:var(--deep);padding:12px 16px;border-radius:8px;box-shadow:var(--shadow);font-weight:800}
.skip-link:focus{top:16px}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

.topbar{background:var(--darker);color:#d5e2ee;font-size:12px}
.topbar-inner{min-height:36px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:18px}
.topbar-clinic{display:flex;align-items:center;gap:14px}
.topbar-clinic:last-child{justify-self:end}
.topbar-clinic a:first-child{color:#cfe0f0}
.topbar-clinic a:last-child,.topbar-email{color:#fff;font-weight:700}
.topbar a:hover{text-decoration:underline;text-underline-offset:3px}
.mobile-clinic-bar{display:none}

.header{position:sticky;top:0;z-index:90;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}
.header-inner{position:relative;min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;align-items:center;gap:11px;min-width:255px}
.brand-logo{width:34px;height:44px;object-fit:contain;flex:none}
.brand-copy{display:flex;min-width:0;flex-direction:column;line-height:1.15}
.brand-name{color:var(--deep);font-family:var(--display);font-size:18px;font-weight:800;letter-spacing:-.015em;white-space:nowrap}
.brand-sub{margin-top:4px;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.nav{display:flex;align-items:center;gap:17px;color:var(--deep);font-family:var(--display);font-size:12.5px;font-weight:700;white-space:nowrap}
.nav>a,.nav-dropdown-toggle{min-height:40px;display:inline-flex;align-items:center;border:0;border-bottom:2px solid transparent;background:transparent;padding:7px 0;cursor:pointer}
.nav>a:hover,.nav>a[aria-current="page"],.nav-dropdown-toggle:hover,.nav-dropdown.is-active>.nav-dropdown-toggle{color:var(--navy);border-color:var(--gold)}
.language-switch{padding-left:16px!important;border-left:1px solid var(--line)!important;color:var(--navy)}
.nav-dropdown{position:relative}
.nav-dropdown-toggle{gap:6px}
.nav-chevron{width:7px;height:7px;border-right:1.8px solid currentColor;border-bottom:1.8px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .18s ease}
.nav-dropdown-menu{position:absolute;top:calc(100% + 9px);right:-12px;display:grid;min-width:226px;padding:8px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(-7px);transition:.18s ease}
.nav-dropdown-menu:before{content:"";position:absolute;left:0;right:0;top:-11px;height:12px}
.nav-dropdown-menu a{padding:11px 12px;border-radius:9px;color:var(--deep);font-size:12.5px;white-space:normal}
.nav-dropdown-menu a:hover,.nav-dropdown-menu a[aria-current="page"]{background:var(--soft);color:var(--navy)}
.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu,.nav-dropdown.is-open .nav-dropdown-menu{opacity:1;visibility:visible;transform:none}
.nav-dropdown.is-open .nav-chevron{transform:translateY(2px) rotate(225deg)}
.header-cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 19px;border-radius:999px;background:var(--navy);color:#fff;font-family:var(--display);font-size:13px;font-weight:800;white-space:nowrap;box-shadow:0 10px 22px rgba(31,78,121,.18)}
.header-cta:hover{background:var(--deep);transform:translateY(-1px)}
.menu-toggle{display:none;min-width:72px;min-height:40px;border:1px solid var(--line);border-radius:999px;background:var(--soft);color:var(--deep);font-family:var(--display);font-size:12px;font-weight:800;cursor:pointer}

.breadcrumbs{border-bottom:1px solid rgba(20,53,82,.08);background:var(--soft-2);color:var(--muted);font-size:12px}
.breadcrumbs .container{padding-block:9px}
.breadcrumbs a{color:var(--navy);font-weight:800}
.hero{position:relative;overflow:hidden;padding:68px 0 62px;background:linear-gradient(135deg,#fff 0%,#fff 48%,var(--soft-2) 100%)}
.hero:before{content:"";position:absolute;width:520px;height:520px;right:-220px;top:-265px;border-radius:50%;background:rgba(223,234,244,.72)}
.hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.06fr) minmax(360px,.94fr);gap:58px;align-items:center}
.eyebrow,.kicker{color:var(--navy);font-family:var(--display);font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.eyebrow{display:inline-flex;align-items:center;gap:9px;margin-bottom:21px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:var(--soft)}
.eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px rgba(245,200,66,.2)}
.hero h1 em{color:var(--navy);font-style:normal}
.hero-copy>p{max-width:760px;margin-top:20px;color:var(--muted);font-size:18px}
.hero-actions,.actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:27px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:47px;padding:12px 19px;border:1px solid transparent;border-radius:999px;font-family:var(--display);font-size:13px;font-weight:800;cursor:pointer;transition:.18s ease}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:var(--navy);color:#fff;box-shadow:0 10px 22px rgba(31,78,121,.17)}
.btn-primary:hover{background:var(--deep)}
.btn-secondary{border-color:var(--line);background:#fff;color:var(--deep)}
.btn-light{background:#fff;color:var(--deep)}
.btn-outline-light{border-color:rgba(255,255,255,.5);background:transparent;color:#fff}
.hero-points{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.hero-points span{padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--deep);font-size:12px;font-weight:700}
.hero-media{position:relative;min-height:430px;overflow:hidden;border-radius:24px;border-top:4px solid var(--gold);background:var(--deep);box-shadow:var(--shadow)}
.hero-media img{width:100%;height:430px;object-fit:cover}
.hero-media:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(180deg,transparent,rgba(15,40,64,.86))}
.hero-caption{position:absolute;left:24px;right:24px;bottom:22px;z-index:2;color:#fff}
.hero-caption strong{display:block;font-family:var(--display);font-size:18px}
.hero-caption span{display:block;margin-top:5px;color:#d5e2ee;font-size:12.5px}
.hero-media.focus-right img{object-position:64% center}
.hero-media.focus-left img{object-position:34% center}

.localnav{position:sticky;top:74px;z-index:60;border-bottom:1px solid var(--line);background:rgba(255,255,255,.97);box-shadow:0 6px 18px rgba(20,53,82,.05)}
.localnav-inner{display:flex;gap:6px;overflow-x:auto;padding:10px 0;scrollbar-width:none}
.localnav-inner::-webkit-scrollbar{display:none}
.localnav a{white-space:nowrap;padding:9px 13px;border-radius:999px;color:var(--deep);font-family:var(--display);font-size:12px;font-weight:800}
.localnav a:hover{background:var(--soft);color:var(--navy)}

.section{padding:78px 0}
.section+.section{border-top:1px solid rgba(20,53,82,.09)}
.section-soft{background:linear-gradient(180deg,var(--soft),#eaf1f8)}
.section-light{background:linear-gradient(180deg,var(--soft-2),#fff)}
.section-dark{background:linear-gradient(145deg,var(--deep),var(--darker));color:#fff}
.section-head{max-width:820px;margin-bottom:34px}
.section-head.center{margin-inline:auto;text-align:center}
.section-head h2{margin-top:8px}
.section-head p{max-width:790px;margin-top:13px;color:var(--muted);font-size:16.5px}
.section-head.center p{margin-inline:auto}
.section-head:after{content:"";display:block;width:72px;height:3px;margin-top:20px;border-radius:999px;background:var(--gold)}
.section-head.center:after{margin-inline:auto}
.section-dark h2,.section-dark h3{color:#fff}
.section-dark .section-head p{color:#d5e2ee}

.journey{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}
.journey-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.journey-item{display:grid;grid-template-columns:39px 1fr;gap:12px;align-items:center;padding:19px 21px;border-right:1px solid var(--line)}
.journey-item:last-child{border-right:0}
.journey-num{width:39px;height:39px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--soft);color:var(--navy);font-family:var(--display);font-weight:800}
.journey-item strong{display:block;color:var(--deep);font-family:var(--display);font-size:12.5px}
.journey-item > div > span{display:block;margin-top:2px;color:var(--muted);font-size:11.5px}

.hub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}
.hub-grid.two{grid-template-columns:repeat(2,1fr)}
.hub-grid.four{grid-template-columns:repeat(4,1fr)}
.card{display:flex;min-width:0;flex-direction:column;padding:24px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--soft-shadow);transition:.18s ease}
.card:hover{transform:translateY(-2px);border-color:#a9bfd4;box-shadow:var(--shadow)}
.card-label{color:var(--navy);font-family:var(--display);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.card h3{margin-top:8px;font-size:19px}
.card p{margin-top:9px;color:var(--muted);font-size:13.5px}
.card-link{display:inline-flex;align-items:center;margin-top:auto;padding-top:16px;color:var(--navy);font-family:var(--display);font-size:12px;font-weight:800}
.card-link:after{content:"→";margin-left:7px;transition:transform .18s ease}
.card:hover .card-link:after{transform:translateX(3px)}
.card-featured{padding:0;overflow:hidden}
.card-featured img{width:100%;height:210px;object-fit:cover}
.card-featured .card-body{display:flex;flex:1;flex-direction:column;padding:23px}
.card-primary{border-top:4px solid var(--gold)}
.card-compact{min-height:180px}
.card-muted{background:var(--soft-2)}
.anatomy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.anatomy-card{position:relative;min-height:420px;overflow:hidden;border-radius:20px;background:var(--deep);box-shadow:var(--shadow)}
.anatomy-card img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;opacity:.64;transition:transform .3s ease}
.anatomy-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,40,64,.08),rgba(15,40,64,.95))}
.anatomy-content{position:absolute;left:24px;right:24px;bottom:23px;z-index:2;color:#fff}
.anatomy-content h3{color:#fff;font-size:27px}
.anatomy-content p{margin-top:8px;color:#d5e2ee;font-size:13px}
.anatomy-content .card-link{color:#fff}
.anatomy-card:hover img{transform:scale(1.025)}

.topic-section{display:grid;grid-template-columns:220px 1fr;gap:34px;align-items:start}
.topic-aside{position:sticky;top:142px;padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--soft-2)}
.topic-aside h3{font-size:22px}
.topic-aside p{margin-top:8px;color:var(--muted);font-size:13px}
.topic-aside a{display:inline-flex;margin-top:15px;color:var(--navy);font-family:var(--display);font-size:12px;font-weight:800}
.topic-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.topic-item{min-height:158px;padding:21px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--soft-shadow)}
.topic-item h3{font-size:17px}
.topic-item p{margin-top:7px;color:var(--muted);font-size:12.5px}
.topic-item a{display:inline-flex;margin-top:12px;color:var(--navy);font-family:var(--display);font-size:11.5px;font-weight:800}
.topic-item a:after{content:"→";margin-left:6px}

.search-panel{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;margin-bottom:24px}
.search-box{position:relative}
.search-box input{width:100%;min-height:50px;padding:12px 19px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);outline:0;box-shadow:var(--soft-shadow)}
.search-box input:focus{border-color:var(--navy);box-shadow:0 0 0 4px rgba(31,78,121,.1)}
.search-status{min-width:110px;color:var(--muted);font-size:12px;text-align:right}
.filter-row{display:flex;flex-wrap:wrap;gap:8px;margin:-10px 0 24px}
.filter-button{min-height:38px;padding:8px 13px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--deep);font-family:var(--display);font-size:11.5px;font-weight:800;cursor:pointer}
.filter-button[aria-pressed="true"]{border-color:var(--navy);background:var(--navy);color:#fff}
.academy-card[hidden]{display:none}
.no-results{display:none;padding:19px 21px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--muted)}
.no-results.is-visible{display:block}

.decision-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.decision-step{position:relative;padding:24px 20px;border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:var(--soft-shadow)}
.decision-step:not(:last-child):after{content:"";position:absolute;right:-15px;top:38px;width:15px;height:2px;background:var(--gold)}
.decision-num{width:38px;height:38px;display:flex;align-items:center;justify-content:center;margin-bottom:14px;border-radius:50%;background:var(--navy);color:#fff;font-family:var(--display);font-weight:800}
.decision-step h3{font-size:16px}
.decision-step p{margin-top:7px;color:var(--muted);font-size:12.5px}

.notice{display:grid;grid-template-columns:auto 1fr;gap:15px;align-items:start;margin-top:25px;padding:20px 22px;border:1px solid var(--line);border-left:5px solid var(--gold);border-radius:15px;background:#fff;box-shadow:var(--soft-shadow)}
.notice-mark{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--soft);color:var(--navy);font-family:var(--display);font-weight:800}
.notice h3{font-size:16px}
.notice p{margin-top:5px;color:var(--muted);font-size:13px}
.red-flag{border-left-color:#b44a4a}
.red-flag .notice-mark{background:#faeded;color:#8a3030}

.feature-band{display:grid;grid-template-columns:.92fr 1.08fr;overflow:hidden;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--shadow)}
.feature-band img{width:100%;height:100%;min-height:410px;object-fit:cover}
.feature-copy{padding:38px}
.feature-copy h2{margin-top:7px}
.feature-copy p{margin-top:14px;color:var(--muted)}
.feature-list{display:grid;gap:10px;margin:20px 0 0;padding:0;list-style:none}
.feature-list li{position:relative;padding-left:25px;color:var(--muted);font-size:13.5px}
.feature-list li:before{content:"";position:absolute;left:0;top:.55em;width:9px;height:9px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px rgba(245,200,66,.18)}

.faq-list{display:grid;gap:12px}
.faq-card{border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:var(--soft-shadow)}
.faq-card summary{position:relative;padding:19px 50px 19px 20px;color:var(--deep);font-family:var(--display);font-size:14px;font-weight:800;cursor:pointer;list-style:none}
.faq-card summary::-webkit-details-marker{display:none}
.faq-card summary:after{content:"+";position:absolute;right:19px;top:50%;transform:translateY(-50%);color:var(--navy);font-size:23px;font-weight:400}
.faq-card[open] summary:after{content:"−"}
.faq-answer{padding:0 20px 20px;color:var(--muted);font-size:13.5px}
.faq-answer a,.evidence a{color:var(--navy);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.evidence{margin-top:24px;padding:18px 20px;border-radius:14px;background:var(--soft-2);color:var(--muted);font-size:11.5px}
.evidence strong{color:var(--deep)}

.doctor-note{display:grid;grid-template-columns:105px 1fr;gap:22px;align-items:center;padding:25px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--soft-shadow)}
.doctor-note img{width:105px;height:105px;border-radius:50%;object-fit:cover;object-position:center 30%}
.doctor-note h3{font-size:19px}
.doctor-note p{margin-top:7px;color:var(--muted);font-size:13px}
.doctor-note .card-link{margin-top:10px;padding-top:0}

.final{padding:58px 0;background:linear-gradient(145deg,var(--deep),var(--darker));color:#fff}
.final-grid{display:grid;grid-template-columns:1fr auto;gap:34px;align-items:center}
.final h2{color:#fff}
.final p{max-width:760px;margin-top:12px;color:#d5e2ee}
.final-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}

.footer{padding:50px 0 24px;background:#0c2237;color:#afc2d4}
.footer-grid{display:grid;grid-template-columns:1.2fr .75fr .75fr 1.05fr;gap:34px}
.footer-title{margin-bottom:13px;color:#fff;font-family:var(--display);font-size:14px;font-weight:800}
.footer-identity{display:flex;align-items:center;gap:11px;margin-bottom:14px}
.footer-logo{width:36px;height:46px;object-fit:contain}
.footer p,.footer a,.footer span{font-size:12.5px}
.footer a:hover{color:#fff}
.footer ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.footer-socials{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.footer-socials a{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:6px 9px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.05);color:#d8e4ef;font-family:var(--display);font-size:10.5px;font-weight:800}
.footer-clinic{display:grid;gap:3px;margin-bottom:14px}
.footer-clinic strong{color:#fff;font-family:var(--display)}
.footer-clinic-link,.footer-email,.footer-booking{color:#fff!important;font-family:var(--display);font-weight:800}
.footer-email{display:block;margin:13px 0;overflow-wrap:anywhere}
.footer-bottom{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;margin-top:30px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.56);font-size:11.5px}

.stickybar{position:fixed;left:50%;bottom:14px;z-index:120;display:none;grid-template-columns:1fr 1fr;width:min(420px,calc(100% - 24px));transform:translate(-50%,130%);overflow:visible;border:1px solid rgba(255,255,255,.5);border-radius:999px;background:#fff;box-shadow:0 14px 34px rgba(15,40,64,.28);transition:transform .25s ease}
.stickybar.visible{transform:translate(-50%,0)}
.stickybar>.btn{width:100%;min-width:0;border-radius:999px}
.call-sheet{position:absolute;left:0;right:0;bottom:calc(100% + 9px);display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:var(--shadow)}
.call-sheet[hidden]{display:none}
.call-sheet a{display:grid;padding:13px;text-align:center}
.call-sheet a+a{border-left:1px solid var(--line)}
.call-sheet strong{color:var(--deep);font-family:var(--display);font-size:12px}
.call-sheet span{color:var(--muted);font-size:11px}

@media(max-width:1100px){
  .nav,.header-cta{display:none}
  .menu-toggle{display:inline-flex;align-items:center;justify-content:center}
  .nav.open{position:absolute;top:74px;left:-20px;right:-20px;display:grid;max-height:calc(100vh - 110px);overflow-y:auto;padding:10px 20px 18px;border-bottom:1px solid var(--line);background:#fff;box-shadow:var(--shadow)}
  .nav.open>a,.nav.open .nav-dropdown-toggle{width:100%;justify-content:flex-start;padding:12px 4px;border-bottom:1px solid var(--line)}
  .nav.open .language-switch{padding-left:4px!important;border-left:0!important}
  .nav-dropdown{width:100%}
  .nav-dropdown-toggle{justify-content:space-between!important}
  .nav-dropdown-menu{position:static;display:none;min-width:0;margin-top:4px;padding:5px 8px 8px;border:0;border-left:3px solid var(--gold);border-radius:0;background:var(--soft-2);box-shadow:none;opacity:1;visibility:visible;transform:none}
  .nav-dropdown.is-open .nav-dropdown-menu{display:grid}
  .nav-dropdown:hover .nav-dropdown-menu:not(:focus-within){display:none}
  .nav-dropdown.is-open:hover .nav-dropdown-menu{display:grid}
  .nav-dropdown-menu a{padding:11px 12px}
  .hero-grid{grid-template-columns:1fr .82fr;gap:36px}
  .hub-grid.four{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1fr 1fr}
}

@media(max-width:820px){
  .topbar{display:none}
  .mobile-clinic-bar{display:grid;grid-template-columns:1fr 1fr;background:var(--darker);border-bottom:1px solid rgba(255,255,255,.14)}
  .mobile-clinic-bar a{min-height:42px;display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--display);font-size:11px;font-weight:800}
  .mobile-clinic-bar a+a{border-left:1px solid rgba(255,255,255,.14)}
  .header-inner{min-height:68px;padding:7px 0}
  .header .brand{min-width:0;max-width:calc(100% - 88px);gap:8px;flex:1}
  .brand-logo{width:27px;height:35px}
  .brand-copy{min-width:0}
  .brand-name{font-size:13.5px;white-space:normal}
  .brand-sub{font-size:8.5px;letter-spacing:.07em;margin-top:2px}
  .nav.open{top:68px}
  .localnav{top:68px}
  .hero{padding:48px 0}
  .hero-grid{grid-template-columns:1fr}
  .hero-media{min-height:360px}
  .hero-media img{height:360px}
  .journey-grid{grid-template-columns:repeat(2,1fr)}
  .journey-item:nth-child(2){border-right:0}
  .journey-item:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .hub-grid,.anatomy-grid{grid-template-columns:1fr}
  .hub-grid.two{grid-template-columns:1fr}
  .anatomy-card{min-height:360px}
  .topic-section{grid-template-columns:1fr}
  .topic-aside{position:static}
  .decision-grid{grid-template-columns:repeat(2,1fr)}
  .decision-step:nth-child(2):after{display:none}
  .feature-band{grid-template-columns:1fr}
  .feature-band img{min-height:330px;max-height:430px}
  .final-grid{grid-template-columns:1fr}
  .final-actions{justify-content:flex-start}
  .stickybar{display:grid}
  .footer{padding-bottom:98px}
}

@media(max-width:600px){
  .container{width:min(var(--max),calc(100% - 28px))}
  h1{font-size:clamp(34px,11vw,46px)}
  h2{font-size:30px}
  .hero-copy>p{font-size:16px}
  .hero-media,.hero-media img{height:320px;min-height:320px}
  .section{padding:58px 0}
  .journey-grid{grid-template-columns:1fr}
  .journey-item{border-right:0;border-bottom:1px solid var(--line)!important}
  .journey-item:last-child{border-bottom:0!important}
  .hub-grid.four,.topic-list,.decision-grid{grid-template-columns:1fr}
  .decision-step:after{display:none}
  .search-panel{grid-template-columns:1fr}
  .search-status{text-align:left}
  .feature-copy{padding:27px 22px}
  .doctor-note{grid-template-columns:76px 1fr;gap:15px;padding:20px}
  .doctor-note img{width:76px;height:76px}
  .footer-grid{grid-template-columns:1fr}
  .footer-socials{display:grid;grid-template-columns:1fr 1fr}
  .brand-sub{display:none}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*:before,*:after{transition:none!important;animation:none!important}
}

/* Approved medical-review portrait, 2026-09-06. */
:scope .doctor-note{grid-template-columns:115px minmax(0,1fr)}
:scope .doctor-note img{width:115px;height:115px;border-radius:50%;object-fit:cover;object-position:50% 0%}
@media(max-width:600px){:scope .doctor-note{grid-template-columns:82px minmax(0,1fr)}:scope .doctor-note img{width:82px;height:82px}}


/* Approved shared header, footer and mobile controls — 2026-07-28. */
.topbar,.header,.mobile-clinic-bar,.footer,.stickybar{box-sizing:border-box}
.topbar *,.header *,.mobile-clinic-bar *,.footer *,.stickybar *{box-sizing:border-box}
.topbar .container,.header .container,.footer .container{width:min(1160px,calc(100% - 40px));margin-inline:auto}
body.menu-open{overflow:hidden}

.topbar{display:block;padding:0;background:var(--darker,#0f2840);color:#d5e2ee;font-size:12px}
.topbar-inner{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:18px;min-height:36px}
.topbar-clinic{display:flex;align-items:center;gap:14px;min-width:0}
.topbar-clinic:last-child{justify-self:end}
.topbar-clinic>a{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.topbar-clinic>a:first-child{color:#cfe0f0}
.topbar-clinic>a:last-child{position:relative;padding-left:15px;border-left:1px solid rgba(255,255,255,.32);color:#fff;font-weight:700}
.topbar-email{display:inline-flex;align-items:center;justify-content:center;color:#fff!important;font-family:var(--display,Arial,sans-serif);font-size:12px;font-weight:700;white-space:nowrap}
.topbar a:hover{text-decoration:underline;text-underline-offset:3px}
.location-pin{display:inline-flex;align-items:center;justify-content:center;font-size:13px;line-height:1;filter:saturate(.88)}
.mobile-clinic-bar{display:none}

.header{position:sticky;top:0;z-index:90;border-bottom:1px solid var(--line,#c9d8e7);background:rgba(255,255,255,.97);backdrop-filter:blur(10px)}
.header-inner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:74px}
.header .brand{display:flex;flex:none;align-items:center;gap:11px;min-width:255px;text-decoration:none}
.header .brand-logo{width:34px;height:44px;flex:none;object-fit:contain}
.header .brand-copy{display:flex;min-width:0;flex-direction:column;line-height:1.15}
.header .brand-name{color:var(--deep,var(--navy-deep,#143552));font-family:var(--display,Arial,sans-serif);font-size:18px;font-weight:800;letter-spacing:-.015em;line-height:1.15;white-space:nowrap}
.header .brand-sub{margin-top:4px;color:var(--muted,#557086);font-size:11px;font-weight:700;letter-spacing:.1em;line-height:1.2;text-transform:uppercase;white-space:nowrap}
.nav{display:flex;align-items:center;gap:17px;color:var(--deep,var(--navy-deep,#143552));font-family:var(--display,Arial,sans-serif);font-size:12.5px;font-weight:700;white-space:nowrap}
.nav>a,.nav-clinics-toggle{display:inline-flex;min-height:40px;align-items:center;padding:7px 0;border:0;border-bottom:2px solid transparent;background:transparent;color:inherit;font:inherit;font-weight:inherit;text-decoration:none;cursor:pointer}
.nav>a:hover,.nav>a[aria-current="page"],.nav-clinics-toggle:hover,.nav-clinics.is-current>.nav-clinics-toggle{color:var(--navy,#1f4e79);border-bottom-color:var(--gold,#f5c842)}
.nav-clinics{position:relative;display:flex;align-items:center}
.nav-clinics-toggle{gap:6px;white-space:nowrap}
.nav-clinics-chevron{width:7px;height:7px;border-right:1.8px solid currentColor;border-bottom:1.8px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .18s ease}
.nav-clinics.is-open .nav-clinics-chevron{transform:translateY(2px) rotate(225deg)}
.nav-clinics-menu{position:absolute;top:calc(100% + 9px);right:-12px;z-index:110;display:grid;min-width:228px;padding:8px;border:1px solid var(--line,#c9d8e7);border-radius:14px;background:#fff;box-shadow:0 14px 40px rgba(20,53,82,.16);opacity:0;visibility:hidden;transform:translateY(-7px);transition:.18s ease}
.nav-clinics-menu:before{content:"";position:absolute;top:-11px;right:0;left:0;height:12px}
.nav-clinics-menu a{padding:11px 12px!important;border:0!important;border-radius:9px;color:var(--deep,var(--navy-deep,#143552));font-size:12.5px;text-decoration:none;white-space:normal}
.nav-clinics-menu a:hover,.nav-clinics-menu a[aria-current="page"]{background:var(--soft,var(--soft-blue,#dfeaf4));color:var(--navy,#1f4e79)}
.nav-clinics:hover .nav-clinics-menu,.nav-clinics:focus-within .nav-clinics-menu,.nav-clinics.is-open .nav-clinics-menu{opacity:1;visibility:visible;transform:none}
.header-cta{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:11px 19px;border-radius:999px;background:var(--navy,#1f4e79);box-shadow:0 10px 22px rgba(31,78,121,.18);color:#fff;font-family:var(--display,Arial,sans-serif);font-size:13px;font-weight:800;text-decoration:none;white-space:nowrap}
.header-cta:hover{background:var(--deep,var(--navy-deep,#143552));color:#fff;transform:translateY(-1px)}
.menu-toggle{display:none;min-width:72px;min-height:40px;align-items:center;justify-content:center;border:1px solid var(--line,#c9d8e7);border-radius:999px;background:var(--soft,var(--soft-blue,#dfeaf4));color:var(--deep,var(--navy-deep,#143552));font-family:var(--display,Arial,sans-serif);font-size:12px;font-weight:800;cursor:pointer}

.footer{padding:50px 0 24px;background:var(--darker,#0c2237);color:#afc2d4}
.footer-grid{display:grid;grid-template-columns:1.2fr .75fr .75fr 1.05fr;gap:34px}
.footer-title{margin-bottom:13px;color:#fff;font-family:var(--display,Arial,sans-serif);font-size:14px;font-weight:800}
.footer-identity{display:flex;align-items:center;gap:11px;margin-bottom:14px}
.footer-identity .footer-title{margin-bottom:0}
.footer-logo{width:36px;height:46px;flex:none;object-fit:contain}
.footer p,.footer a,.footer span{font-size:12.5px}
.footer p{margin:0;color:#afc2d4;line-height:1.65}
.footer a{color:inherit;text-decoration:none}
.footer a:hover{color:#fff}
.footer ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.footer-socials{display:block;margin-top:20px}
.footer-socials-label{margin-bottom:10px;color:#fff;font-family:var(--display,Arial,sans-serif);font-size:12px;font-weight:700}
.footer-social-links{display:grid;grid-template-columns:repeat(2,minmax(0,116px));gap:9px}
.footer-social-links a{display:inline-flex;width:116px;min-height:36px;align-items:center;justify-content:flex-start;gap:7px;padding:7px 10px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.06);color:#d8e4ef;font-family:var(--display,Arial,sans-serif);font-size:11px;font-weight:700}
.footer-social-links a:hover{border-color:var(--gold,#f5c842);color:#fff}
.social-icon{display:inline-flex;width:20px;height:20px;flex:none;align-items:center;justify-content:center;border-radius:50%;background:#fff;color:var(--deep,var(--navy-deep,#143552));font-size:10px!important;font-weight:800}
.footer-clinic{display:grid;gap:3px;margin-bottom:14px}
.footer-clinic strong{color:#fff;font-family:var(--display,Arial,sans-serif)}
.footer-clinic-link,.footer-email,.footer-booking-link{color:#fff!important;font-family:var(--display,Arial,sans-serif);font-weight:800}
.footer-email{display:block;margin:13px 0;overflow-wrap:anywhere}
.footer-booking-link{display:inline-flex;margin-top:5px}
.footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:15px;margin-top:30px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.56);font-size:11.5px}

.stickybar{position:fixed;left:50%;bottom:14px;z-index:120;display:none;width:min(420px,calc(100% - 24px));overflow:visible;border:1px solid rgba(255,255,255,.5);border-radius:999px;background:#fff;box-shadow:0 14px 34px rgba(15,40,64,.28);transform:translate(-50%,130%);transition:transform .25s ease}
.stickybar.visible{transform:translate(-50%,0)}
.stickybar>.btn{width:100%;min-width:0;border-radius:999px}
.stickybar .call-sheet strong{color:var(--deep,var(--navy-deep,#143552));font-family:var(--display,Arial,sans-serif);font-size:12px}
.stickybar .call-sheet span{color:var(--muted,#557086);font-size:11px}

html[lang^="en"] .header-inner{gap:12px}
html[lang^="en"] .header .brand{min-width:242px}
html[lang^="en"] .header .brand-name{font-size:16.5px}
html[lang^="en"] .nav{gap:10px;font-size:11.5px}
html[lang^="en"] .header-cta{padding-inline:13px;font-size:12.5px}

@media(min-width:1081px) and (max-width:1100px){
  .nav{display:flex!important}
  .header-cta{display:inline-flex!important}
  .menu-toggle{display:none!important}
}

@media(max-width:1080px){
  .topbar-email{display:none!important}
  .topbar-inner.email-enabled{display:flex!important;justify-content:space-between}
  .nav,.header-cta{display:none!important}
  .menu-toggle{display:inline-flex!important}
  .nav.open{position:absolute!important;top:100%!important;right:auto!important;left:50%!important;z-index:140!important;display:grid!important;width:100vw!important;max-height:calc(100vh - 96px)!important;overflow-y:auto!important;overscroll-behavior:contain;padding:10px max(20px,calc((100vw - 1160px)/2)) 18px!important;border-bottom:1px solid var(--line,#c9d8e7)!important;background:#fff!important;box-shadow:0 14px 40px rgba(20,53,82,.16)!important;transform:translateX(-50%)!important}
  .nav.open>a,.nav.open .nav-clinics-toggle{width:100%!important;min-height:44px!important;justify-content:flex-start!important;padding:12px 4px!important;border-bottom:1px solid var(--line,#c9d8e7)!important}
  .nav.open>a[aria-current="page"]{color:var(--navy,#1f4e79);border-bottom-color:var(--gold,#f5c842)!important;box-shadow:inset 0 -2px 0 var(--gold,#f5c842)}
  .nav.open .nav-clinics{display:block;width:100%}
  .nav.open .nav-clinics-toggle{justify-content:space-between!important}
  .nav.open .language-switch{padding-left:4px!important;border-left:0!important}
  .nav-clinics-menu{position:static;display:none;min-width:0;margin-top:4px;padding:5px 8px 8px;border:0;border-left:3px solid var(--gold,#f5c842);border-radius:0;background:var(--soft-2,var(--soft-blue-2,#f3f7fb));box-shadow:none;opacity:1;visibility:visible;transform:none}
  .nav-clinics.is-open .nav-clinics-menu{display:grid}
  .nav-clinics:hover .nav-clinics-menu:not(:focus-within){display:none}
  .nav-clinics.is-open:hover .nav-clinics-menu{display:grid}
  .nav.open .nav-clinics.is-current>.nav-clinics-toggle{color:var(--navy,#1f4e79);border-bottom-color:var(--gold,#f5c842)!important;box-shadow:inset 0 -2px 0 var(--gold,#f5c842)}
}

@media(max-width:1080px) and (hover:hover){
  .nav.open>a:hover:not([aria-current="page"]),.nav.open .nav-clinics:hover>.nav-clinics-toggle{color:var(--navy,#1f4e79);border-bottom-color:var(--gold,#f5c842)!important;box-shadow:inset 0 -2px 0 var(--gold,#f5c842)}
}

@media(max-width:820px){
  body{padding-bottom:96px}
  .topbar{display:none}
  .mobile-clinic-bar{display:grid;grid-template-columns:1fr 1fr!important;border-bottom:1px solid rgba(255,255,255,.14);background:var(--darker,#0f2840)}
  .mobile-clinic-bar a{display:flex;min-height:42px;align-items:center;justify-content:center;color:#fff;font-family:var(--display,Arial,sans-serif);font-size:11px;font-weight:800;text-decoration:none}
  .mobile-clinic-bar a+a{border-left:1px solid rgba(255,255,255,.14)}
  .header-inner{min-height:68px;padding:7px 0}
  .header .brand{min-width:0;max-width:calc(100% - 88px);flex:1 1 auto;gap:8px}
  .header .brand-logo{width:27px;height:35px}
  .header .brand-name{font-size:clamp(11.25px,3.3vw,13.5px);line-height:1.2;white-space:nowrap}
  .header .brand-sub{margin-top:2px;font-size:8.5px;letter-spacing:.07em}
  html[lang^="en"] .header .brand{min-width:0}
  html[lang^="en"] .header .brand-name{font-size:clamp(10.75px,3.05vw,13px)}
  .footer{padding-bottom:98px}
  .footer-grid{grid-template-columns:1fr 1fr}
  .stickybar{position:fixed!important;right:12px!important;bottom:calc(12px + env(safe-area-inset-bottom))!important;left:12px!important;z-index:140!important;display:none!important;width:auto!important;max-width:420px!important;height:auto!important;margin-inline:auto!important;grid-template-columns:none!important;gap:8px!important;padding:8px!important;overflow:visible!important;border:1px solid var(--line,#c9d8e7)!important;border-radius:999px!important;background:rgba(255,255,255,.98)!important;box-shadow:0 14px 34px rgba(15,40,64,.28)!important;transform:none!important}
  .stickybar.visible{display:flex!important;transform:none!important}
  .stickybar>.btn{display:inline-flex!important;width:50%!important;min-width:0!important;min-height:44px!important;flex:1 1 0!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:10px 12px!important;white-space:nowrap!important}
  .stickybar .call-sheet{position:absolute!important;right:0!important;bottom:calc(100% + 10px)!important;left:0!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:0!important;overflow:hidden!important;padding:0!important;border:1px solid var(--line,#c9d8e7)!important;border-radius:14px!important;background:#fff!important;box-shadow:0 14px 40px rgba(20,53,82,.16)!important}
  .stickybar .call-sheet[hidden]{display:none!important}
  .stickybar .call-sheet a{display:grid!important;gap:2px!important;padding:13px 10px!important;border:0!important;border-radius:0!important;background:#fff!important;text-align:center!important;text-decoration:none!important}
  .stickybar .call-sheet a+a{border-left:1px solid var(--line,#c9d8e7)!important}
}

@media(max-width:600px){
  .topbar .container,.header .container,.footer .container{width:min(1160px,calc(100% - 28px))}
  .header .brand-sub{display:none}
  .footer-grid{grid-template-columns:1fr}
  .footer-socials{display:block}
  .footer-social-links{display:grid;grid-template-columns:repeat(2,minmax(0,116px))}
  .footer-social-links a{justify-content:flex-start}
}
  

/* Approved medical-review portrait, 2026-09-06. */
:scope .doctor-note{grid-template-columns:115px minmax(0,1fr)}
:scope .doctor-note img{width:115px;height:115px;border-radius:50%;object-fit:cover;object-position:50% 0%}
@media(max-width:600px){:scope .doctor-note{grid-template-columns:82px minmax(0,1fr)}:scope .doctor-note img{width:82px;height:82px}}

/* Site search: isolated from symptom filtering and page-specific legacy styles. */
html body .header .site-search-toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex:0 0 44px;padding:0;border:1px solid #c9d8e7;border-radius:50%;background:#f3f7fb;color:#143552;cursor:pointer}
html body .header .site-search-toggle[hidden]{display:none!important}
html body .site-search-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
html body .header .site-search-toggle:hover{background:#dfeaf4}
html body .site-search-dialog{box-sizing:border-box;width:min(720px,calc(100% - 28px));max-width:none;max-height:calc(100dvh - 40px);margin:auto;padding:0;border:1px solid #c9d8e7;border-radius:22px;background:#fff;color:#143552;box-shadow:0 22px 80px #0f28404d;font-family:"Open Sans",system-ui,sans-serif;line-height:1.6;text-align:left;overflow:auto;overscroll-behavior:contain}
html body .site-search-dialog:not([open]){display:none}
html body .site-search-dialog::backdrop{background:rgba(15,40,64,.65)}
html body .site-search-dialog *{box-sizing:border-box}
html body .site-search-shell{padding:28px}
html body .site-search-top{display:flex;align-items:center;justify-content:space-between;gap:18px}
html body .site-search-dialog h2{margin:0;font:800 23px/1.3 Montserrat,system-ui,sans-serif;letter-spacing:-.02em;color:#143552}
html body .site-search-dialog button{font:700 13px/1.4 "Open Sans",system-ui,sans-serif;cursor:pointer;min-height:44px;border-radius:10px;letter-spacing:normal;text-transform:none}
html body .site-search-close{border:1px solid #c9d8e7;background:#f3f7fb;color:#143552;padding:8px 12px;flex-shrink:0}
html body .site-search-hint{margin:14px 0 20px;font-size:14px;color:#56677a}
html body .site-search-form{margin:0}
html body .site-search-label{display:block;margin-bottom:8px;font-size:14px;font-weight:700}
html body .site-search-field{display:flex;gap:8px}
html body .site-search-field input{width:100%;min-width:0;flex:1;padding:13px 14px;border:1px solid #a5b9cd;border-radius:10px;background:#fff;color:#143552;font:400 16px/1.5 "Open Sans",system-ui,sans-serif;appearance:auto}
html body .site-search-submit{padding:12px 18px;border:1px solid #1f4e79;background:#1f4e79;color:#fff}
html body .site-search-clear{margin-top:7px;padding:4px 0;border:0;background:transparent;color:#1f4e79;text-decoration:underline;text-underline-offset:3px}
html body .site-search-status{margin:18px 0 12px;color:#56677a;font-size:14px}
html body .site-search-results{list-style:none;margin:0;padding:0;display:grid;gap:9px}
html body .site-search-results li{margin:0;padding:0}
html body .site-search-results li::before{content:none}
html body .site-search-result{display:block;padding:15px 17px;border:1px solid #d9e3ed;border-radius:12px;background:#fff;text-decoration:none;color:#143552}
html body .site-search-result:hover{background:#f3f7fb;border-color:#9db6ce}
html body .site-search-kind{display:block;margin:0 0 5px;font-size:11px;font-weight:700;letter-spacing:.04em;color:#50657a}
html body .site-search-result-title{display:block;font:700 16px/1.5 Montserrat,system-ui,sans-serif;color:#1f4e79}
html body .site-search-description{display:block;margin-top:6px;font-size:13px;line-height:1.6;color:#56677a}
html body .site-search-more{display:block;margin:18px auto 0;padding:10px 18px;border:1px solid #c9d8e7;background:#f3f7fb;color:#143552}
html body .site-search-dialog [hidden]{display:none!important}
html body .site-search-dialog :focus-visible,html body .header .site-search-toggle:focus-visible{outline:3px solid #1f4e79;outline-offset:3px}
@media(max-width:480px){
 html body .site-search-shell{padding:19px 16px}
 html body .site-search-dialog h2{font-size:19px}
 html body .site-search-top{align-items:flex-start;gap:8px}
 html body .site-search-close{max-width:108px;font-size:12px;padding:6px 9px}
 html body .site-search-field{flex-wrap:wrap}
 html body .site-search-field input{flex-basis:100%}
 html body .site-search-submit{width:100%}
}

/* Shared header: clinic reference, 2026-09-21. Load LAST in every Final HTML. */
html body .header,html body .topbar,html body .mobile-clinic-bar{--navy:#1F4E79;--navy-deep:#143552;--navy-darker:#0F2840;--deep:#143552;--darker:#0F2840;--soft:#DFEAF4;--soft-2:#F3F7FB;--gold:#F5C842;--muted:#56677A;--line:#C9D8E7;--display:Montserrat,system-ui,sans-serif;font-family:"Open Sans",system-ui,sans-serif;line-height:1.66}
html body .topbar{background:var(--navy-darker);color:#D5E2EE;font-size:12px}
html body .topbar-inner{min-height:34px;display:flex;justify-content:space-between;align-items:center;gap:24px}
html body .topbar-clinic{display:flex;align-items:center;gap:15px}
html body .topbar-clinic a:first-child{display:inline-flex;align-items:center;gap:6px;color:#CFE0F0}
html body .topbar-clinic a:last-child{color:#fff;font-weight:700}
html body .mobile-clinic-bar{display:none}
html body .header{position:sticky;top:0;z-index:90;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);backdrop-filter:blur(9px)}
html body .header-inner{min-height:74px;display:flex;justify-content:space-between;align-items:center;gap:22px}
html body .header .brand{display:flex;align-items:center;gap:11px;min-width:255px}
html body .header .brand-logo{width:34px;height:44px;object-fit:contain;flex:0 0 auto}
html body .header .brand-copy{display:flex;flex-direction:column;line-height:1.15}
html body .header .brand-name{font-family:var(--display);color:var(--navy-deep);font-weight:800;letter-spacing:-.015em;font-size:18px}
html body .header .brand-sub{margin-top:4px;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.10em;text-transform:uppercase}
html body .nav{display:flex;align-items:center;gap:18px;font-family:var(--display);font-size:13px;font-weight:600;white-space:nowrap}
html body .nav a{padding:7px 0;border-bottom:2px solid transparent;transition:.18s ease}
html body .nav a:hover,html body .nav a[aria-current="page"]{color:var(--navy);border-color:var(--gold)}
html body .header-cta{font-family:var(--display);background:var(--navy);color:#fff;padding:12px 21px;border-radius:999px;font-weight:700;font-size:14px;box-shadow:0 10px 22px rgba(31,78,121,.18);white-space:nowrap;transition:.18s ease}
html body .header-cta:hover{background:var(--navy-deep);transform:translateY(-1px)}
html body .menu-toggle{display:none;border:1px solid var(--line);background:var(--soft);color:var(--navy-deep);padding:10px 13px;border-radius:999px;font-family:var(--display);font-weight:700;cursor:pointer}
@media(max-width:1080px){
html body .nav{display:none}
html body .menu-toggle{display:block}
html body .header-cta{padding:10px 16px;font-size:13px}
html body .nav.open{position:absolute;top:74px;left:0;right:0;display:grid;background:#fff;padding:10px 20px 18px;border-bottom:1px solid var(--line);box-shadow:var(--shadow)}
html body .nav.open a{padding:13px 4px}
}
@media(max-width:720px){
html body .topbar{display:none}
html body .header-cta{display:none}
html body .mobile-clinic-bar{display:flex;background:var(--navy-darker);color:#fff;font-size:11px;justify-content:center}
html body .mobile-clinic-bar a{flex:1;text-align:center;padding:8px 4px;border-right:1px solid rgba(255,255,255,.13)}
html body .header-inner{min-height:68px;gap:10px;padding:7px 0}
html body .header .brand{min-width:0;max-width:calc(100% - 88px);gap:8px;flex:1 1 auto}
html body .header .brand-logo{width:27px;height:35px}
html body .header .brand-copy{min-width:0}
html body .header .brand-name{font-size:13.5px;line-height:1.2;white-space:normal}
html body .header .brand-sub{font-size:8.5px;letter-spacing:.07em;margin-top:2px;white-space:normal}
html body .menu-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:72px;min-height:40px;padding:9px 12px;font-size:12px;flex:0 0 auto}
html body .nav.open{top:68px;z-index:120;padding:10px 18px 16px;max-height:calc(100vh - 110px);overflow-y:auto}
html body .nav.open a{font-size:13px;padding:12px 4px}
}
@media(min-width:1081px){
html body .nav .language-switch{border-left:1px solid var(--line);padding-left:18px}
}
@media(max-width:1080px){
html body .nav.open .language-switch{border-top:1px solid var(--line);margin-top:4px;padding-top:13px}
}
@media(min-width:1081px){
html body .topbar-inner.email-enabled{display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:18px}
html body .topbar-inner.email-enabled .topbar-clinic:first-child{justify-self:start}
html body .topbar-inner.email-enabled .topbar-clinic:last-child{justify-self:end}
}
html body .topbar-email{display:inline-flex;align-items:center;justify-content:center;color:#fff!important;font-family:var(--display);font-size:12px;font-weight:700;white-space:nowrap;letter-spacing:.01em}
html body .topbar-email:hover{text-decoration:underline;text-underline-offset:3px}
@media(max-width:1080px){
html body .topbar-email{display:none!important}
html body .topbar-inner.email-enabled{display:flex!important}
}
html body .nav-clinics{position:relative;display:flex;align-items:center}
html body .nav-clinics-toggle{display:inline-flex;align-items:center;gap:6px;padding:7px 0;border:0;border-bottom:2px solid transparent;background:transparent;color:inherit;font:inherit;font-weight:inherit;white-space:nowrap;cursor:pointer}
html body .nav-clinics-toggle:hover,html body .nav-clinics.is-current>.nav-clinics-toggle{color:var(--navy,#1f4e79);border-color:var(--gold,#f5c842)}
html body .nav-clinics-chevron{width:7px;height:7px;border-right:1.8px solid currentColor;border-bottom:1.8px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .18s ease}
html body .nav-clinics.is-open .nav-clinics-chevron{transform:translateY(2px) rotate(225deg)}
html body .nav-clinics-menu{position:absolute;top:calc(100% + 9px);right:-12px;z-index:110;display:grid;min-width:228px;padding:8px;border:1px solid var(--line,#c9d8e7);border-radius:14px;background:#fff;box-shadow:0 14px 40px rgba(20,53,82,.16);opacity:0;visibility:hidden;transform:translateY(-7px);transition:.18s ease}
html body .nav-clinics-menu:before{content:"";position:absolute;left:0;right:0;top:-11px;height:12px}
html body .nav-clinics-menu a{padding:11px 12px!important;border:0!important;border-radius:9px;color:var(--deep,var(--navy-deep,#143552));white-space:normal}
html body .nav-clinics-menu a:hover,html body .nav-clinics-menu a[aria-current="page"]{background:var(--soft,#dfeaf4);color:var(--navy,#1f4e79)}
html body .nav-clinics:hover .nav-clinics-menu,html body .nav-clinics:focus-within .nav-clinics-menu,html body .nav-clinics.is-open .nav-clinics-menu{opacity:1;visibility:visible;transform:none}
@media(max-width:1080px){
html body .nav.open .nav-clinics{display:block;width:100%}
html body .nav.open .nav-clinics-toggle{width:100%;min-height:44px;justify-content:space-between;padding:12px 4px;border-bottom:1px solid var(--line,#c9d8e7)}
html body .nav-clinics-menu{position:static;display:none;min-width:0;margin-top:4px;padding:5px 8px 8px;border:0;border-left:3px solid var(--gold,#f5c842);border-radius:0;background:var(--soft-2,#f3f7fb);box-shadow:none;opacity:1;visibility:visible;transform:none}
html body .nav-clinics.is-open .nav-clinics-menu{display:grid}
html body .nav-clinics:hover .nav-clinics-menu:not(:focus-within){display:none}
html body .nav-clinics.is-open:hover .nav-clinics-menu{display:grid}
}
@media(max-width:720px){
html body .mobile-clinic-bar{grid-template-columns:1fr 1fr!important}
}
html body .menu-toggle{cursor:pointer}
@media(min-width:721px) and (max-width:1080px){
html body .topbar-inner.email-enabled{display:grid!important;
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
    align-items:center;
    gap:12px;}
html body .topbar-email{display:inline-flex!important;
    align-items:center;
    justify-content:center;
    color:#fff!important;
    font-size:11.5px;
    font-weight:700;
    white-space:nowrap;}
html body .topbar-clinic{min-width:0}
html body .topbar-clinic:first-child{justify-self:start}
html body .topbar-clinic:last-child{justify-self:end}
html body .topbar-clinic a{font-size:11px}
}
@media(min-width:721px) and (max-width:900px){
html body .topbar-clinic a:first-child{display:none}
}
@media(max-width:1080px){
html body .header-inner{position:relative}
html body .nav.open{position:absolute;
    top:100%;
    left:50%;
    right:auto;
    z-index:140;
    display:grid;
    width:100vw;
    max-height:calc(100vh - 96px);
    overflow-y:auto;
    overscroll-behavior:contain;
    padding:10px max(20px,calc((100vw - var(--max,1140px))/2)) 18px;
    border-bottom:1px solid var(--line,#c9d8e7);
    background:#fff;
    box-shadow:0 14px 40px rgba(20,53,82,.16);
    transform:translateX(-50%);}
html body .nav.open>a,html body .nav.open .nav-clinics-toggle{width:100%;
    min-height:44px;
    justify-content:flex-start;
    padding:12px 4px;
    border-bottom:1px solid var(--line,#c9d8e7);}
html body .nav.open .nav-clinics-toggle{justify-content:space-between}
html body .nav.open .language-switch{padding-left:4px!important;border-left:0!important}
}
html body .topbar,html body .header,html body .mobile-clinic-bar{box-sizing:border-box}
html body .topbar *,html body .header *,html body .mobile-clinic-bar *{box-sizing:border-box}
html body .topbar .container,html body .header .container{width:min(1160px,calc(100% - 40px));margin-inline:auto}
html body .topbar{display:block;padding:0;background:var(--darker,#0f2840);color:#d5e2ee;font-size:12px}
html body .topbar-inner{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:18px;min-height:36px}
html body .topbar-clinic{display:flex;align-items:center;gap:14px;min-width:0}
html body .topbar-clinic:last-child{justify-self:end}
html body .topbar-clinic>a{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
html body .topbar-clinic>a:first-child{color:#cfe0f0}
html body .topbar-clinic>a:last-child{position:relative;padding-left:15px;border-left:1px solid rgba(255,255,255,.32);color:#fff;font-weight:700}
html body .topbar-email{display:inline-flex;align-items:center;justify-content:center;color:#fff!important;font-family:var(--display,Arial,sans-serif);font-size:12px;font-weight:700;white-space:nowrap}
html body .topbar a:hover{text-decoration:underline;text-underline-offset:3px}
html body .mobile-clinic-bar{display:none}
html body .header{position:sticky;top:0;z-index:90;border-bottom:1px solid var(--line,#c9d8e7);background:rgba(255,255,255,.97);backdrop-filter:blur(10px)}
html body .header-inner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:74px}
html body .header .brand{display:flex;flex:none;align-items:center;gap:11px;min-width:255px;text-decoration:none}
html body .header .brand-logo{width:34px;height:44px;flex:none;object-fit:contain}
html body .header .brand-copy{display:flex;min-width:0;flex-direction:column;line-height:1.15}
html body .header .brand-name{color:var(--deep,var(--navy-deep,#143552));font-family:var(--display,Arial,sans-serif);font-size:18px;font-weight:800;letter-spacing:-.015em;line-height:1.15;white-space:nowrap}
html body .header .brand-sub{margin-top:4px;color:var(--muted,#557086);font-size:11px;font-weight:700;letter-spacing:.1em;line-height:1.2;text-transform:uppercase;white-space:nowrap}
html body .nav{display:flex;align-items:center;gap:17px;color:var(--deep,var(--navy-deep,#143552));font-family:var(--display,Arial,sans-serif);font-size:12.5px;font-weight:700;white-space:nowrap}
html body .nav>a,html body .nav-clinics-toggle{display:inline-flex;min-height:40px;align-items:center;padding:7px 0;border:0;border-bottom:2px solid transparent;background:transparent;color:inherit;font:inherit;font-weight:inherit;text-decoration:none;cursor:pointer}
html body .nav>a:hover,html body .nav>a[aria-current="page"],html body .nav-clinics-toggle:hover,html body .nav-clinics.is-current>.nav-clinics-toggle{color:var(--navy,#1f4e79);border-bottom-color:var(--gold,#f5c842)}
html body .nav-clinics{position:relative;display:flex;align-items:center}
html body .nav-clinics-toggle{gap:6px;white-space:nowrap}
html body .nav-clinics-chevron{width:7px;height:7px;border-right:1.8px solid currentColor;border-bottom:1.8px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .18s ease}
html body .nav-clinics.is-open .nav-clinics-chevron{transform:translateY(2px) rotate(225deg)}
html body .nav-clinics-menu{position:absolute;top:calc(100% + 9px);right:-12px;z-index:110;display:grid;min-width:228px;padding:8px;border:1px solid var(--line,#c9d8e7);border-radius:14px;background:#fff;box-shadow:0 14px 40px rgba(20,53,82,.16);opacity:0;visibility:hidden;transform:translateY(-7px);transition:.18s ease}
html body .nav-clinics-menu:before{content:"";position:absolute;top:-11px;right:0;left:0;height:12px}
html body .nav-clinics-menu a{padding:11px 12px!important;border:0!important;border-radius:9px;color:var(--deep,var(--navy-deep,#143552));font-size:12.5px;text-decoration:none;white-space:normal}
html body .nav-clinics-menu a:hover,html body .nav-clinics-menu a[aria-current="page"]{background:var(--soft,var(--soft-blue,#dfeaf4));color:var(--navy,#1f4e79)}
html body .nav-clinics:hover .nav-clinics-menu,html body .nav-clinics:focus-within .nav-clinics-menu,html body .nav-clinics.is-open .nav-clinics-menu{opacity:1;visibility:visible;transform:none}
html body .header-cta{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:11px 19px;border-radius:999px;background:var(--navy,#1f4e79);box-shadow:0 10px 22px rgba(31,78,121,.18);color:#fff;font-family:var(--display,Arial,sans-serif);font-size:13px;font-weight:800;text-decoration:none;white-space:nowrap}
html body .header-cta:hover{background:var(--deep,var(--navy-deep,#143552));color:#fff;transform:translateY(-1px)}
html body .menu-toggle{display:none;min-width:72px;min-height:40px;align-items:center;justify-content:center;border:1px solid var(--line,#c9d8e7);border-radius:999px;background:var(--soft,var(--soft-blue,#dfeaf4));color:var(--deep,var(--navy-deep,#143552));font-family:var(--display,Arial,sans-serif);font-size:12px;font-weight:800;cursor:pointer}
html[lang^="en"] body .header-inner{gap:12px}
html[lang^="en"] body .header .brand{min-width:242px}
html[lang^="en"] body .header .brand-name{font-size:16.5px}
html[lang^="en"] body .nav{gap:10px;font-size:11.5px}
html[lang^="en"] body .header-cta{padding-inline:13px;font-size:12.5px}
@media(min-width:1081px) and (max-width:1100px){
html body .nav{display:flex!important}
html body .header-cta{display:inline-flex!important}
html body .menu-toggle{display:none!important}
}
@media(max-width:1080px){
html body .topbar-email{display:none!important}
html body .topbar-inner.email-enabled{display:flex!important;justify-content:space-between}
html body .nav,html body .header-cta{display:none!important}
html body .menu-toggle{display:inline-flex!important}
html body .nav.open{position:absolute!important;top:100%!important;right:auto!important;left:50%!important;z-index:140!important;display:grid!important;width:100vw!important;max-height:calc(100vh - 96px)!important;overflow-y:auto!important;overscroll-behavior:contain;padding:10px max(20px,calc((100vw - 1160px)/2)) 18px!important;border-bottom:1px solid var(--line,#c9d8e7)!important;background:#fff!important;box-shadow:0 14px 40px rgba(20,53,82,.16)!important;transform:translateX(-50%)!important}
html body .nav.open>a,html body .nav.open .nav-clinics-toggle{width:100%!important;min-height:44px!important;justify-content:flex-start!important;padding:12px 4px!important;border-bottom:1px solid var(--line,#c9d8e7)!important}
html body .nav.open>a[aria-current="page"]{color:var(--navy,#1f4e79);border-bottom-color:var(--gold,#f5c842)!important;box-shadow:inset 0 -2px 0 var(--gold,#f5c842)}
html body .nav.open .nav-clinics{display:block;width:100%}
html body .nav.open .nav-clinics-toggle{justify-content:space-between!important}
html body .nav.open .language-switch{padding-left:4px!important;border-left:0!important}
html body .nav-clinics-menu{position:static;display:none;min-width:0;margin-top:4px;padding:5px 8px 8px;border:0;border-left:3px solid var(--gold,#f5c842);border-radius:0;background:var(--soft-2,var(--soft-blue-2,#f3f7fb));box-shadow:none;opacity:1;visibility:visible;transform:none}
html body .nav-clinics.is-open .nav-clinics-menu{display:grid}
html body .nav-clinics:hover .nav-clinics-menu:not(:focus-within){display:none}
html body .nav-clinics.is-open:hover .nav-clinics-menu{display:grid}
html body .nav.open .nav-clinics.is-current>.nav-clinics-toggle{color:var(--navy,#1f4e79);border-bottom-color:var(--gold,#f5c842)!important;box-shadow:inset 0 -2px 0 var(--gold,#f5c842)}
}
@media(max-width:1080px) and (hover:hover){
html body .nav.open>a:hover:not([aria-current="page"]),html body .nav.open .nav-clinics:hover>.nav-clinics-toggle{color:var(--navy,#1f4e79);border-bottom-color:var(--gold,#f5c842)!important;box-shadow:inset 0 -2px 0 var(--gold,#f5c842)}
}
@media(max-width:820px){
html body .topbar{display:none}
html body .mobile-clinic-bar{display:grid;grid-template-columns:1fr 1fr!important;border-bottom:1px solid rgba(255,255,255,.14);background:var(--darker,#0f2840)}
html body .mobile-clinic-bar a{display:flex;min-height:42px;align-items:center;justify-content:center;color:#fff;font-family:var(--display,Arial,sans-serif);font-size:11px;font-weight:800;text-decoration:none}
html body .mobile-clinic-bar a+a{border-left:1px solid rgba(255,255,255,.14)}
html body .header-inner{min-height:68px;padding:7px 0}
html body .header .brand{min-width:0;max-width:calc(100% - 88px);flex:1 1 auto;gap:8px}
html body .header .brand-logo{width:27px;height:35px}
html body .header .brand-name{font-size:clamp(11.25px,3.3vw,13.5px);line-height:1.2;white-space:nowrap}
html body .header .brand-sub{margin-top:2px;font-size:8.5px;letter-spacing:.07em}
html[lang^="en"] body .header .brand{min-width:0}
html[lang^="en"] body .header .brand-name{font-size:clamp(10.75px,3.05vw,13px)}
}
@media(max-width:600px){
html body .topbar .container,html body .header .container{width:min(1160px,calc(100% - 28px))}
html body .header .brand-sub{display:none}
}

/* Header-only defaults prevent inherited legacy page styles from drifting. */
html body .header .brand-sub{display:block}
html body .header .nav{letter-spacing:normal;line-height:1.66}
html body .header .language-switch{margin-top:0;border-top:0;color:var(--navy);font-weight:800}
@media(max-width:1080px){html body .header .language-switch{margin-top:4px;border-top:1px solid var(--line);padding-top:13px}}
@media(max-width:600px){html body .header .brand-sub{display:none}}
html body .header a:focus-visible,html body .header button:focus-visible,html body .topbar a:focus-visible{outline:2px solid #1F4E79;outline-offset:4px}
html body .topbar a:focus-visible{outline-color:#F5C842}

/* Minimal icon family, taken from the approved clinic pages. */

    /* Stable CSS icons: consistent across operating systems without emoji glyphs */
    .contact-icon,.topbar-pin,.hero-location-icon,.inline-external-icon,.icon-check{position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}
    .contact-icon:before,.contact-icon:after,.topbar-pin:before,.topbar-pin:after,.hero-location-icon:before,.hero-location-icon:after,.inline-external-icon:before,.icon-check:before{content:"";position:absolute;box-sizing:border-box}
    .topbar-pin{width:16px;height:16px;flex:0 0 16px;color:#CFE0F0}
    .icon-location:before{width:12px;height:12px;border:2px solid currentColor;border-radius:50% 50% 50% 0;transform:rotate(-45deg);top:8px;left:13px}
    .icon-location:after{width:3px;height:3px;border-radius:50%;background:currentColor;top:12px;left:17px}
    .topbar-pin.icon-location:before{width:10px;height:10px;top:2px;left:3px}
    .topbar-pin.icon-location:after{width:2px;height:2px;top:6px;left:7px}
    .hero-location-icon{width:27px;height:27px;flex:0 0 27px;border-radius:50%;background:var(--soft,#DFEAF4);color:var(--navy,#1F4E79)}
    .hero-location-icon.icon-location:before{width:10px;height:10px;top:6px;left:8px}
    .hero-location-icon.icon-location:after{width:2px;height:2px;top:10px;left:12px}
    .icon-phone:before,.icon-phone:after{content:none}
    .icon-phone svg{display:block;width:22px;height:22px;flex:none}
    .icon-mail:before{width:19px;height:14px;border:2px solid currentColor;border-radius:2px;top:13px;left:10px}
    .icon-mail:after{width:12px;height:12px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);top:8px;left:14px}
    .icon-clock:before{width:20px;height:20px;border:2px solid currentColor;border-radius:50%;top:10px;left:10px}
    .icon-clock:after{width:6px;height:7px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;top:14px;left:19px}
    .icon-external:before{width:16px;height:16px;border:2px solid currentColor;border-radius:2px;top:14px;left:10px}
    .icon-external:after{width:10px;height:10px;border-top:2px solid currentColor;border-right:2px solid currentColor;top:9px;left:20px}
    .inline-external-icon{width:11px;height:11px;flex:0 0 11px;margin-left:2px}
    .inline-external-icon:before{width:9px;height:9px;border-top:2px solid currentColor;border-right:2px solid currentColor;top:0;right:0}
    .icon-check{width:27px;height:27px;border-radius:50%;background:rgba(255,255,255,.1);color:var(--gold,#F5C842)}
    .icon-check:before{width:7px;height:12px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);top:6px;left:10px}

/* Same pin/check/handset geometry in cards, inline links and lists. */
.clinic-icon.icon-location,.map-mark.icon-location{display:inline-flex;align-items:center;justify-content:center}
.clinic-icon.icon-location{position:relative}
.map-mark.icon-location{position:absolute}
.clinic-icon.icon-location:before,.map-mark.icon-location:before,.clinic-icon.icon-location:after,.map-mark.icon-location:after{content:"";position:absolute;box-sizing:border-box}
.clinic-icon.icon-location:before,.map-mark.icon-location:before{top:calc(50% - 8px);left:calc(50% - 6px)}
.clinic-icon.icon-location:after,.map-mark.icon-location:after{top:calc(50% - 4px);left:calc(50% - 2px)}
.site-phone-icon{display:inline-flex;width:22px;height:22px;flex:0 0 22px;align-items:center;justify-content:center;vertical-align:middle}
.site-phone-icon svg{display:block;width:22px;height:22px}
.check.icon-check,.notice-mark.icon-check{display:inline-flex;position:relative;width:27px;height:27px;flex:0 0 27px;align-items:center;justify-content:center;background:var(--soft,#DFEAF4);color:var(--navy,#1F4E79);border-radius:50%}
.inline-external-icon{vertical-align:middle}
html[data-shared-checks~="feature-points"] .feature-points li::before,html[data-shared-checks~="hero-points"] .hero-points>span::before,html[data-shared-checks~="availability-explainer"] .availability-explainer li::before,html[data-shared-checks~="check-list"] .check-list li::before,html[data-shared-checks~="us-overlay"] .us-overlay span::before{content:"";display:inline-block;width:22px;height:22px;min-width:22px;flex:0 0 22px;vertical-align:middle;background:currentColor;border:0;border-radius:0;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 27'%3E%3Cpath d='M7 13l5 5 8-10' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 27'%3E%3Cpath d='M7 13l5 5 8-10' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E") center/contain no-repeat}

/* Search controls: base spacing and mobile room. */
@media(min-width:1081px){
 html body .header.site-search-enabled .header-inner{justify-content:flex-start;gap:10px}
 html body .header.site-search-enabled .nav{gap:9px;margin-left:auto}
 html body .header.site-search-enabled .header-cta{padding-inline:12px;flex-shrink:0}
 html body .header.site-search-enabled .site-search-toggle{margin-left:-4px}
 html body .header.site-search-enabled .language-switch{padding-left:9px}
}
@media(max-width:820px){
 html body .header.site-search-enabled .header-inner{gap:8px}
 html body .header.site-search-enabled .brand{min-width:0;max-width:calc(100% - 132px);flex:1 1 auto}
 html body .header.site-search-enabled .brand-name{white-space:normal}
}


/* APPROVED-HEADER-SPACING-2026-09-22: single site-wide source, EL/EN. */
@media(min-width:1081px){
  html body .header.site-search-enabled :is(#site-nav,[data-poc-anchor="site-nav"]){font-size:13.5px}
  html body .header.site-search-enabled :is(#site-nav,[data-poc-anchor="site-nav"])>a,html body .header.site-search-enabled .nav-clinics-toggle{min-height:44px}
}
@media(min-width:1280px){
  html body .topbar .container,html body .header.site-search-enabled .container{width:min(1320px,calc(100% - 64px))}
  html body .header.site-search-enabled .header-inner{display:flex;min-height:88px;gap:22px;justify-content:flex-start}
  html body .header.site-search-enabled .brand{min-width:0;gap:12px;flex:0 0 auto}
  html body .header.site-search-enabled :is(#site-nav,[data-poc-anchor="site-nav"]){flex:1 1 auto;justify-content:space-between;gap:12px;margin:0}
  html body .header.site-search-enabled .language-switch{padding-left:13px}
  html body .header.site-search-enabled .site-search-toggle{margin-left:-14px}
}
@media(min-width:1081px) and (max-width:1279px){
  html body .header.site-search-enabled .header-inner{display:grid;grid-template-columns:minmax(0,1fr) auto 44px;gap:8px 12px;padding:12px 0 5px}
  html body .header.site-search-enabled .brand{grid-column:1;grid-row:1}
  html body .header.site-search-enabled .header-cta{grid-column:2;grid-row:1}
  html body .header.site-search-enabled .site-search-toggle{grid-column:3;grid-row:1;margin:0}
  html body .header.site-search-enabled :is(#site-nav,[data-poc-anchor="site-nav"]){grid-column:1/-1;grid-row:2;justify-content:space-between;gap:14px;margin:0;padding-top:5px}
}
@media(max-width:1080px){
  html body .header.site-search-enabled .header-inner{gap:10px}
  html body .header.site-search-enabled :is(#site-nav,[data-poc-anchor="site-nav"]){margin:0}
}

@media(min-width:1081px){
 html body .header.site-search-enabled .brand-name{font-size:18px}
 html body .header.site-search-enabled .brand-sub{font-size:11px}
 html body .header.site-search-enabled .header-cta{font-size:13px}
}
@media(max-width:820px){
 html body .header.site-search-enabled .brand-name{font-size:clamp(11.25px,3.3vw,13.5px)}
}
}