/* Everest Dental Clinic: palette and original vector identity. */
:root{--brand:#63B5B8;--brand-dark:#277A7D;--ink:#173D46;--ink-soft:#526C73;--paper:#FFFFFF;--brand-pale:#E8F3F3;--line:#D2E3E4;--brand-ice:#F3F9F9}
html{scroll-padding-top:124px}section[id],footer[id]{scroll-margin-top:122px}
:focus-visible{outline-color:var(--brand-dark)}
.site-header{height:108px;background:#FFFFFF;border-bottom-color:var(--line)}
.header-inner{min-height:108px;padding-block:8px;gap:24px}
.brand{gap:0;flex-shrink:0}
.brand .brand-logo{display:block;width:186px;max-width:100%;height:auto;flex-shrink:0}
.desktop-nav{gap:20px}
.site-footer{background:var(--ink)}
.site-footer .footer-brand{display:block;width:224px;max-width:100%;align-self:start}
.site-footer .brand-logo{width:224px;max-width:100%;height:auto}
.drawer-top{align-items:center}
.drawer-brand{width:170px;max-width:calc(100% - 64px)}
.drawer-brand .brand-logo{width:170px;height:auto}
.booking-brand-logo{display:block;width:146px;max-width:65%;height:auto;margin:0 auto 20px}
.booking-dialog{background:#FFFFFF}
.booking-service-context{background:var(--brand-pale);color:var(--ink)}
.button{background:var(--brand);color:var(--ink);border-color:var(--brand)}
.button:hover{background:var(--ink);color:#FFFFFF;border-color:var(--ink)}
.button.button--outline{background:transparent;color:var(--ink);border-color:var(--ink)}
.button.button--outline:hover{background:var(--brand);color:var(--ink);border-color:var(--brand)}
.button.button--light{background:#FFFFFF;color:var(--ink);border-color:#FFFFFF}
.button.button--light:hover{background:var(--brand);color:var(--ink);border-color:var(--brand)}
body.home-page .hero-content h1 em{color:var(--brand-dark)}
.home-page .hero-note{background:#FFFFFFF5;border-color:#FFFFFF}
.home-page .hero-note__mark{background:var(--brand-pale);color:var(--brand-dark)}
.home-page .offer-card{background:var(--ink)}
.home-page .payment-banner{background:var(--brand-pale)}
.home-page .contact-band{background:var(--ink)}
.home-page .contact-band .button.button--light{background:#FFFFFF;color:var(--ink)}
.catalog-page .page-hero,.catalog-service-hero{background:var(--brand-ice)}
.catalog-page .section--soft,.section--soft{background:var(--brand-pale)}
.catalog-hero-image{background:var(--brand-pale)}
.catalog-hero-image img{background:var(--brand-pale)}
.price-tabs [role=tab][aria-selected=true],.price-tabs[role=tablist] [role=tab][aria-selected=true]{background:var(--brand);color:var(--ink)}
.catalog-index-nav a:hover,.price-service-links a:hover{background:var(--brand-pale);color:var(--ink);border-color:var(--brand)}
.mobile-contact-bar{background:#FFFFFFF5;border-top-color:var(--line)}
.mobile-contact-bar a{background:#FFFFFF;color:var(--ink);border-color:var(--ink)}
.mobile-contact-bar .mobile-contact-booking{background:var(--brand);color:var(--ink);border-color:var(--brand)}
.mobile-contact-bar .mobile-contact-booking:hover{background:var(--ink);color:#FFFFFF;border-color:var(--ink)}
.catalog-menu>summary:hover,.catalog-menu[open]>summary{color:var(--brand-dark)}
.catalog-mobile__all,.catalog-direction-link{color:var(--brand-dark)}
.form-card,.card,.catalog-source,.catalog-service-card,.catalog-direction-card{border-color:var(--line)}

.doctor-portrait-card {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
  align-items: center;
  gap: clamp(12px, 2vw, 24px);
  padding: clamp(12px, 1.5vw, 20px);
}
.doctor-portrait-card__photo {
  position: relative;
  width: 100%;
  aspect-ratio: 4 / 5;
  margin: 0;
  overflow: hidden;
  border-radius: 14px;
  background: var(--brand-pale);
}
.doctor-portrait-card__photo img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
}
.doctor-portrait-card > .person-card__body {
  min-width: 0;
  padding: 0;
  overflow-wrap: anywhere;
}
.doctor-portrait-card .person-card__body :is(h2, h3) {
  font-size: clamp(17px, 2.2vw, 24px);
}
.doctor-portrait-card .person-card__body .button {
  min-height: 44px;
  padding-inline: 12px;
}
.doctor-card__profile {
  text-decoration: underline;
  text-decoration-color: var(--brand);
  text-underline-offset: .18em;
}
.doctor-card__profile:hover,
.doctor-card__profile:focus-visible {
  color: var(--brand-dark);
  text-decoration-color: currentColor;
}
.doctor-profile__portrait {
  position: relative;
  width: min(100%, 420px);
  height: auto;
  aspect-ratio: 4 / 5;
  justify-self: center;
}
.doctor-profile__portrait img {
  position: absolute;
  inset: 0;
  display: block;
  object-fit: cover;
  object-position: center top;
}
.doctor-service-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  max-width: 900px;
  padding: 0;
  list-style: none;
}
.doctor-service-list a {
  display: flex;
  align-items: center;
  min-height: 48px;
  height: 100%;
  padding: 12px 16px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: var(--paper);
  text-decoration: underline;
  text-decoration-color: var(--brand);
  text-underline-offset: .18em;
}
.doctor-service-list a:hover,
.doctor-service-list a:focus-visible {
  border-color: var(--brand);
  color: var(--brand-dark);
  text-decoration-color: currentColor;
}
@media (max-width: 760px) {
  .doctor-profile__portrait {
    width: min(100%, 272px);
    justify-self: start;
  }
  .doctor-service-list {
    grid-template-columns: 1fr;
  }
}

@media(max-width:1200px){.header-inner{gap:16px}.desktop-nav{gap:15px}.brand .brand-logo{width:174px}}
@media(max-width:760px){html{scroll-padding-top:110px}section[id],footer[id],.catalog-page section[id],.catalog-page [id^=direction-]{scroll-margin-top:108px}.site-header{height:92px}.header-inner{min-height:92px;padding-block:8px;gap:12px}.brand .brand-logo{width:154px}.header-actions{gap:8px}.drawer-top{margin-bottom:18px}.drawer-brand,.drawer-brand .brand-logo{width:150px}.nav-dialog{padding-top:18px}.booking-brand-logo{width:134px;margin-bottom:18px}.site-footer .footer-brand,.site-footer .brand-logo{width:210px}}
@media(prefers-reduced-motion:reduce){.brand-logo{animation:none;transition:none}}
/* White identity sits on a genuinely dark, readable footer. */
.site-footer{color:#D7E8E9}
.site-footer h2,.site-footer h3,.site-footer h4,.site-footer .footer-phones>a{color:#FFFFFF}
.site-footer p,.site-footer nav a,.site-footer .footer-address,.site-footer .footer-bottom,.site-footer .footer-bottom a,.site-footer .text-link,.site-footer .footer-grid>div>a{color:#D7E8E9}
.site-footer .eyebrow{color:var(--brand)}
.site-footer a:hover{color:#FFFFFF}
.site-footer .button{background:var(--brand);color:var(--ink);border-color:var(--brand)}
.site-footer .button:hover{background:#FFFFFF;color:var(--ink);border-color:#FFFFFF}
.site-footer .footer-address p span{color:#D7E8E9}
.site-footer .footer-consultation>a{color:#FFFFFF!important}
.site-footer .footer-grid a:not(.brand){color:#D7E8E9}
.site-footer .footer-grid a:not(.brand):hover{color:#FFFFFF}