/* MedOnix public style contract. Source: Figma Frame 9 (117:22800).
   Keep approved page/header backgrounds; see docs/site-style-guide.html. */
:root {
  --mx-font: 'Inter', Arial, sans-serif;
  --mx-green: #21ab1a;
  --mx-red: #e5060a;
  --mx-accent: #0e8d07;
  --mx-green-bright: #1fc016;
  --mx-green-medium: #229b1b;
  --mx-green-deep: #1a6b16;
  --mx-text: #2a2a2a;
  --mx-white: #fff;
  --mx-neutral: #f4f4f4;
  --mx-page: #f4f8f5;
  --mx-header: #f4f8f3;
  --mx-utility: #f3f3f3;
  --mx-border: #dce7dc;
  --mx-title-size: 46px;
  --mx-subtitle-size: 26px;
  --mx-body-size: 20px;
  --mx-card-title-size: 20px;
  --mx-title-weight: 700;
  --mx-subtitle-weight: 600;
  --mx-body-weight: 300;
  --mx-title-leading: 1.22;
  --mx-body-leading: 1.5;
  --mx-content-width: 1218px;
  --mx-page-gap: 72px;
  --mx-heading-gap: 32px;
  --mx-card-radius: 24px;
  --mx-button-radius: 5px;
  --mx-control-height: 54px;
  --mx-shadow: 0 4px 18px #1835200a;
}
@media(max-width:1199px) {
  :root { --mx-title-size:36px; --mx-subtitle-size:20px; --mx-body-size:16px; --mx-card-title-size:18px; --mx-page-gap:48px; }
}
@media(max-width:767px) {
  :root { --mx-title-size:26px; --mx-subtitle-size:18px; --mx-body-size:14px; --mx-card-title-size:16px; --mx-page-gap:32px; --mx-heading-gap:24px; --mx-card-radius:18px; --mx-control-height:48px; }
}
body[data-public-ui] {
  --site-green:var(--mx-green);
  --site-green-dark:var(--mx-green-deep);
  --site-ink:var(--mx-text);
  font-family:var(--mx-font);
  color:var(--mx-text);
  background:var(--mx-page);
}
/* Classes express visual hierarchy independently from semantic h1/h2 levels. */
#main-content :is(.mx-page-title,.mx-section-title) {
  font-family:var(--mx-font);
  font-size:var(--mx-title-size);
  font-weight:var(--mx-title-weight);
  line-height:var(--mx-title-leading);
  letter-spacing:0;
  color:var(--mx-green);
  text-transform:uppercase;
  overflow-wrap:anywhere;
  text-wrap:balance;
}
#main-content :is(.mx-subtitle,.contacts_container_left h2,.about_text > h2,
  .service_container_content_right > h2,.service_container_content_right-price > h2,
  .doctor_container_right-block > h2,.doctor_reviews > h2) {
  font-family:var(--mx-font);
  font-size:var(--mx-subtitle-size);
  font-weight:var(--mx-subtitle-weight);
  line-height:var(--mx-title-leading);
  color:var(--mx-green);
  text-transform:uppercase;
  letter-spacing:0;
  overflow-wrap:anywhere;
}
#main-content :is(.services-intro,.contacts_container_left p,.about_text > p) {
  font-family:var(--mx-font);
  font-size:var(--mx-body-size);
  font-weight:var(--mx-body-weight);
  line-height:var(--mx-body-leading);
  color:var(--mx-text);
}
body[data-public-ui] :is(.services,.contacts,.about,.doctor_list) { margin-top:var(--mx-page-gap); }
body[data-public-ui] .services_container { padding-top:0; }
body[data-public-ui] .stocks .main__offers { margin-top:var(--mx-page-gap); }
#main-content .mx-page-title { margin-bottom:var(--mx-heading-gap); }
#main-content .site-page-heading { margin-top:0; }
#main-content .doctor_list > .mx-section-title { margin-top:var(--mx-heading-gap); }
#main-content .stocks_name { padding-bottom:24px; margin-bottom:0; }
body[data-public-ui] .services-intro { margin-top:0; }
body[data-public-ui] #main-content :is(.direction-card__name,.direction-card__hint) { color:var(--mx-accent); }
body[data-public-ui] :is(.site-header__desktop-nav a,.site-header__location,.site-header__phone,.site-header__account) { color:var(--mx-accent); }
body[data-public-ui] .site-header__channels a,
body[data-public-ui] .site-header__channels button { background:var(--mx-green); border-radius:var(--mx-button-radius); }
body[data-public-ui] .site-header__channels :is(a,button):hover { background:var(--mx-accent); }
body[data-public-ui] .site-header__utility { color:var(--mx-accent); }
body[data-public-ui] .clinic-hero__offer h2 { font-family:var(--mx-font); color:var(--mx-accent); }
body[data-public-ui] .clinic-hero { font-family:var(--mx-font); }
body[data-public-ui] .clinic-hero__number { color:var(--mx-red); }
body[data-public-ui] .stocks .main__offers__container { border-color:var(--mx-border); border-radius:var(--mx-card-radius); box-shadow:var(--mx-shadow); }
body[data-public-ui] :is(.site-section h3,.site-search__results a,.site-breadcrumbs a) { color:var(--mx-green-deep); }
body[data-public-ui] .clinic-news-item h3 { font-family:var(--mx-font); font-size:var(--mx-card-title-size); font-weight:var(--mx-subtitle-weight); line-height:var(--mx-title-leading); }
body[data-public-ui] :is(a,button,input,textarea):focus-visible { outline:2px solid var(--mx-green-deep) !important; outline-offset:3px; }
body[data-public-ui] .site-search__input-wrap:focus-within { border-color:var(--mx-green-deep); box-shadow:0 0 0 1px var(--mx-green-deep); }
body[data-public-ui] .site-search__input-wrap input:focus-visible { outline:none !important; }
@media(min-width:992px) {
  body[data-public-ui] .site-header { background:var(--mx-header); }
  body[data-public-ui] .site-header__utility { background:var(--mx-utility); }
}