/* White Aesthetics theme for the shared individual template. */
html[data-individual-design="belaya"] {
  --be-tiffany:#81d8cf;
  --be-fill:linear-gradient(125deg,#b7eee6 0%,#81d8cf 40%,#52beb7 100%);
  --be-lacquer:linear-gradient(145deg,#41484a 0%,#191e20 28%,#080b0c 64%,#202d2d 100%);
  --be-hero:radial-gradient(ellipse at 48% 90%,#1a5c584d,transparent 54%),linear-gradient(125deg,#2a2f31 0%,#111718 24%,#080b0c 60%,#112727 100%);
  --be-heading:radial-gradient(ellipse at 98% 0,#81d8cf3d,transparent 60%),linear-gradient(120deg,#f7f9f7,#eaf3ef);
  --be-footer:radial-gradient(ellipse at 95% 0,#1e535033,transparent 48%),linear-gradient(135deg,#252b2d 0%,#101618 28%,#070b0c 65%,#101a1b 100%);
}
html[data-individual-design="belaya"]:not(.is-contrast) {
  --ink:#0b0e0f;
  --ink-rgb:11,14,15;
  --ink-deep:#080b0c;
  --ink-surface:#202d2d;
  --blue:#176b63;
  --blue-hover:#0f5650;
  --button-dark:var(--be-lacquer);
  --button-dark-hover:linear-gradient(140deg,#3c4445,#101516 53%,#071010);
  --line-dark:#3d5350;
  --paper:#f5f7f5;
  --panel-gray:#edf4f0;
  --muted:#566460;
  --line:#d5dfda;
  --muted-on-dark:#d0dbd5;
  --section-marker:#176b63;
}

/* First screen and full-width headings use the same colours as the clinic's live site. */
html[data-individual-design="belaya"]:not(.is-contrast) .home-hero .hero-message {
  background:var(--be-hero);
  color:var(--white);
}
html[data-individual-design="belaya"]:not(.is-contrast) .hero-message :is(.hero-caption,h1 em) { color:var(--be-tiffany); }
html[data-individual-design="belaya"]:not(.is-contrast) :is(.hero-caption,.hero-quote p)::before { background:var(--be-tiffany); }
html[data-individual-design="belaya"]:not(.is-contrast) .hero-message :is(.hero-quote p,.hero-actions .quiet-link,.hero-details) { color:var(--muted-on-dark); }
html[data-individual-design="belaya"]:not(.is-contrast) .home-hero .hero-visual { background:#122323; }
html[data-individual-design="belaya"] .home-hero .hero-visual>img { object-position:50% 34%; }
html[data-individual-design="belaya"]:not(.is-contrast) .hero-visual::after {
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,#10171722,transparent 30%),linear-gradient(0deg,#101717c9,transparent 34%);
}
html[data-individual-design="belaya"] .hero-visual>:is(.hero-personnel-link,.hero-video) { z-index:1; }
html[data-individual-design="belaya"]:not(.is-contrast) .preview-page-heading { background:var(--be-heading);color:var(--ink);--section-marker:var(--blue); }
html[data-individual-design="belaya"]:not(.is-contrast) .preview-page-heading :is(h1,.breadcrumbs>[aria-current]) { color:var(--ink); }
html[data-individual-design="belaya"]:not(.is-contrast) .preview-page-heading :is(.eyebrow,.preview-heading-intro,.breadcrumbs,.breadcrumbs a) { color:var(--muted); }
html[data-individual-design="belaya"]:not(.is-contrast) .preview-page-heading a:is(:hover,:focus-visible) { color:var(--blue);outline-color:var(--blue); }
html[data-individual-design="belaya"]:not(.is-contrast) :is(.site-footer,.clinic-map-head) { background:var(--be-footer); }
html[data-individual-design="belaya"]:not(.is-contrast) .footer-brand .brand-logo[src="/pilot-media/footer-logo.svg"] { filter:none; }
html[data-individual-design="belaya"]:not(.is-contrast) .clinic-map-head .eyebrow::before { background:var(--be-tiffany); }

/* Slanted action backgrounds keep text and icons upright. */
html[data-individual-design="belaya"]:not(.is-contrast) :is(
  .btn:is(.btn-dark,.btn-light,.btn-outline):not(.hero-video),
  .profile-review-link,.profile-prices-more,.preview-share-network,.preview-share-copy,
  .filter-chips button,.clinic-cookie-actions [data-cookie-acknowledge]
) {
  position:relative;isolation:isolate;background:transparent;border-color:transparent;
}
html[data-individual-design="belaya"]:not(.is-contrast) :is(
  .btn:is(.btn-dark,.btn-light,.btn-outline):not(.hero-video),
  .profile-review-link,.profile-prices-more,.preview-share-network,.preview-share-copy,
  .filter-chips button,.clinic-cookie-actions [data-cookie-acknowledge]
)::before {
  content:"";position:absolute;inset:-1px 2px;z-index:-1;pointer-events:none;
  transform:skewX(-6deg);background:var(--white);border:1px solid var(--line);
}
html[data-individual-design="belaya"]:not(.is-contrast) .btn.btn-dark:not(.hero-video) {
  --be-action-fill:var(--be-lacquer);
  --be-action-hover:var(--button-dark-hover);
  --be-action-border:#41484a;
  color:var(--white);background:transparent;border-color:transparent;
}
html[data-individual-design="belaya"]:not(.is-contrast) .home-hero .hero-actions .btn.btn-dark:not(.hero-video),
html[data-individual-design="belaya"]:not(.is-contrast) .clinic-cookie-actions [data-cookie-acknowledge] {
  --be-action-fill:var(--be-fill);
  --be-action-hover:linear-gradient(125deg,#a5e5dc,#70cbc1 40%,#49b4ac);
  --be-action-border:#78cfc4;
  color:var(--ink);background:transparent;border-color:transparent;
}
html[data-individual-design="belaya"]:not(.is-contrast) :is(
  .btn.btn-dark:not(.hero-video),.clinic-cookie-actions [data-cookie-acknowledge]
)::before {
  background:var(--be-action-fill);border-color:var(--be-action-border);box-shadow:inset 0 1px #ffffff38;
}
html[data-individual-design="belaya"]:not(.is-contrast) .filter-chips button[aria-pressed="true"]::before {
  background:var(--be-fill);border-color:#78cfc4;box-shadow:inset 0 1px #ffffffa6;
}

@media (hover:hover) {
  html[data-individual-design="belaya"]:not(.is-contrast) :is(
    .btn.btn-dark:not(.hero-video),.clinic-cookie-actions [data-cookie-acknowledge]
  ):hover::before { background:var(--be-action-hover); }
}

@media (hover:hover) and (prefers-reduced-motion:no-preference) {
  html[data-individual-design="belaya"]:not(.is-contrast,.is-reduced-motion) :is(
    .btn:is(.btn-dark,.btn-light,.btn-outline):not(.hero-video),.clinic-cookie-actions [data-cookie-acknowledge]
  ) { transition:transform .2s ease-out; }
  html[data-individual-design="belaya"]:not(.is-contrast,.is-reduced-motion) :is(
    .btn:is(.btn-dark,.btn-light,.btn-outline):not(.hero-video),.clinic-cookie-actions [data-cookie-acknowledge]
  )::after {
    content:"";position:absolute;inset:-1px 2px;pointer-events:none;transform:skewX(-6deg);
    background:linear-gradient(115deg,transparent 35%,#ffffff4d 50%,transparent 65%) 150% 0 / 250% 100% no-repeat;
    opacity:0;transition:background-position .65s ease-out,opacity .2s ease-out;
  }
  html[data-individual-design="belaya"]:not(.is-contrast,.is-reduced-motion) :is(
    .btn:is(.btn-dark,.btn-light,.btn-outline):not(.hero-video),.clinic-cookie-actions [data-cookie-acknowledge]
  ):hover { transform:translateY(-2px); }
  html[data-individual-design="belaya"]:not(.is-contrast,.is-reduced-motion) :is(
    .btn:is(.btn-dark,.btn-light,.btn-outline):not(.hero-video),.clinic-cookie-actions [data-cookie-acknowledge]
  ):hover::after { background-position:-50% 0;opacity:1; }
}
html[data-individual-design="belaya"]:not(.is-contrast) :is(
  .btn-light,.btn-outline,.profile-review-link,.profile-prices-more,.preview-share-network,.preview-share-copy,.filter-chips button
):is(:hover,:focus-visible) { color:var(--ink);background:transparent;border-color:transparent; }
html[data-individual-design="belaya"]:not(.is-contrast) :is(
  .btn-light,.btn-outline,.profile-review-link,.profile-prices-more,.preview-share-network,.preview-share-copy,.filter-chips button
):is(:hover,:focus-visible)::before { background:var(--be-heading); }
html[data-individual-design="belaya"] :is(.hero-caption,.vrw-eyebrow,.section-title .eyebrow,.preview-page-heading .eyebrow,.clinic-map-head .eyebrow)::before {
  transform:rotate(45deg);
}

html[data-individual-design="belaya"]:not(.is-contrast) :is(.direction-card,.offer-card,.promo-card) { background:var(--white); }
html[data-individual-design="belaya"]:not(.is-contrast) :is(.direction-card,.offer-card,.promo-card):is(:hover,:focus-within) {
  background:var(--be-heading);color:var(--ink);
}
html[data-individual-design="belaya"]:not(.is-contrast) .direction-card:is(:hover,:focus-visible) :is(p,.index-number,.direction-symbol,.direction-arrow) { color:var(--blue); }
html[data-individual-design="belaya"]:not(.is-contrast) :is(.preview-home-team,.preview-results,.promo-section) { background:var(--paper); }

/* Staff portraits use the 700 × 800 frame, including cards inside service articles. */
html[data-individual-design="belaya"] .preview-personnel-card .doctor-photo {
  aspect-ratio:7/8;
  background:var(--panel-gray);
}
html[data-individual-design="belaya"] .preview-personnel-card .doctor-photo > img {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  margin:0;
  object-fit:cover;
  object-position:50% 20%;
}
html[data-individual-design="belaya"] .doctor-page .profile-photo { aspect-ratio:auto; }
html[data-individual-design="belaya"]:not(.is-contrast) :is(.price-list-note,.review-publication-note,.intro-callout,.clinic-access-contact) { background:var(--panel-gray); }
html[data-individual-design="belaya"]:not(.is-contrast) :is(.search-toggle,.access-toggle,.menu-toggle,.clinic-video-play,.play-circle,.to-top,.photo-arrow) { border-radius:50%; }
html[data-individual-design="belaya"]:not(.is-contrast) :is(.search-toggle,.access-toggle,.menu-toggle):is(:hover,:focus-visible,[aria-expanded="true"]) {
  border-color:var(--blue);background:var(--panel-gray);color:var(--blue);
}
html[data-individual-design="belaya"]:not(.is-contrast) :is(.main-navigation>a[aria-current],.navigation-group:is(.is-current,[open])>summary,.navigation-links a[aria-current]) {
  color:var(--ink);background:var(--be-fill);
  clip-path:polygon(5px 0,100% 0,calc(100% - 5px) 100%,0 100%);
}
html[data-individual-design="belaya"]:not(.is-contrast) :is(.main-navigation>a,.navigation-group>summary,.navigation-links a):focus-visible { outline-offset:-3px; }

@media (max-width:1000px) {
  html[data-individual-design="belaya"] .site-header .main-navigation { width:100%;box-shadow:none; }
  html[data-individual-design="belaya"] .mobile-dock { z-index:61; }
  html[data-individual-design="belaya"] .mobile-dock .dock-call::before {
    top:-1rem;width:5.4rem;height:5.4rem;border-radius:50%;clip-path:inset(0 0 calc(100% - 1.1rem) 0);
  }
  html[data-individual-design="belaya"] .mobile-dock .dock-call-icon { border-radius:50%; }
  html[data-individual-design="belaya"]:not(.is-contrast) .mobile-dock .dock-call-icon {
    background:var(--be-fill);color:var(--ink);box-shadow:0 4px 18px #176b6340;
  }
  html[data-individual-design="belaya"]:not(.is-contrast) .mobile-dock .dock-call-icon::before,
  html[data-individual-design="belaya"]:not(.is-contrast) .mobile-dock .dock-call-icon::after {
    border-color:#289b91;border-radius:50%;
  }
}
html[data-individual-design="belaya"] :is(#clinic-license,#vakansii) { scroll-margin-top:calc(var(--header-height) + 1rem); }
@media print {
  html[data-individual-design="belaya"] .preview-page-heading { background:#fff;color:#000; }
}