/* Legacy Bitrix markup mapped to the accepted ui2 service and price components. */
.mama-service-site {
  width: min(100% - 48px, var(--mama-container-max));
  min-width: 0;
  margin: 24px auto 48px;
}
.section-services .subsubnav { display: none !important; }
body.section-prices .subsubnav,
body.section-prices .subnav:empty { display: none !important; }
body.section-prices .mama-price-branch-nav { box-sizing: border-box; max-width: var(--mama-container-max); margin: 0 auto var(--mama-space-5); padding: 0 var(--mama-page-gutter); }
body.section-prices .mama-price-branch-nav .mama-tabs { width: fit-content; }
body.section-prices .mama-price-branch-nav a.mama-tabs__item { color: var(--mama-color-text); text-decoration: none; text-shadow: none; }
body.section-prices .mama-price-branch-nav a.mama-tabs__item:is(:hover, :focus-visible, [aria-current='page']) { color: var(--mama-color-selected-text); }
@media (max-width: 767px) {
  body.section-prices .mama-price-branch-nav .mama-tabs { width: 100%; }
}
/* The legacy price carousel keeps its JS; UI2 draws its arrows without the old icon font. */
.mama-service-site .slidesjs-navigation i { display: inline-block; width: 10px; height: 10px; border: solid currentColor; border-width: 2px 2px 0 0; }
.mama-service-site .icon-chevron-left { transform: rotate(225deg); }
.mama-service-site .icon-chevron-right { transform: rotate(45deg); }
.mama-ui2-nav-booted .mama-service-site--root .b-service__nav,
.mama-service-site[data-ui2-tabs-ready] .b-service__nav,
.mama-service-site[data-ui2-tabs-ready] .b-service__breadcrums,
.mama-service-site .b-service__sidebar { display: none !important; }
/* Keep the old right rail out of the first frame until C02T moves its content. */
.mama-ui2-reading-booted .mama-service-site:not(.mama-service-site--reading-top):not(.mama-service-site--reading-fallback) { display: grid; grid-template-columns: 270px minmax(0, 1fr); }
.mama-ui2-reading-booted .mama-service-site:not(.mama-service-site--reading-top):not(.mama-service-site--reading-fallback) > .mama-section-ui2__side { display: grid; grid-column: 1; grid-row: 1; }
.mama-ui2-reading-booted .mama-service-site:not(.mama-service-site--reading-top):not(.mama-service-site--reading-fallback) > .mama-section-ui2__mobile-toggle { display: none; }
.mama-ui2-reading-booted .mama-service-site:not(.mama-service-site--reading-top):not(.mama-service-site--reading-fallback) .mama-section-ui2__main { box-sizing: border-box; grid-column: 2; grid-row: 1; min-height: 360px; visibility: hidden; }
.mama-ui2-reading-booted .mama-service-site:not(.mama-service-site--reading-top):not(.mama-service-site--reading-fallback) .b-service__rightbar,
.mama-ui2-reading-booted .mama-service-site:not(.mama-service-site--reading-top):not(.mama-service-site--reading-fallback) :where(.hidden-tablet.hidden-mobile, .hidden-md.hidden-lg):has(.action-rightbar) { display: none !important; }
.mama-ui2-reading-booted body.section-services:not(:has(.mama-service-site--reading-top)):not(:has(.mama-service-site--reading-fallback)) .b-service__rightbar,
.mama-ui2-reading-booted body.section-services:not(:has(.mama-service-site--reading-top)):not(:has(.mama-service-site--reading-fallback)) .b-service__row > .hidden-md.hidden-lg:has(.action-rightbar) { visibility: hidden; }
.mama-ui2-reading-booted .mama-service-site:not(.mama-service-site--reading-top):not(.mama-service-site--reading-fallback) .b-service__rightbar,
.mama-ui2-reading-booted .mama-service-site:not(.mama-service-site--reading-top):not(.mama-service-site--reading-fallback) .b-service__row > .hidden-md.hidden-lg:has(.action-rightbar) { visibility: hidden; }
.mama-ui2-reading-booted .mama-service-site--section:not(.mama-service-site--reading-top):not(.mama-service-site--reading-fallback) .b-service__row:has(> div > .b-service__rightbar) { display: block; }
.mama-ui2-reading-booted .mama-service-site--section:not(.mama-service-site--reading-top):not(.mama-service-site--reading-fallback) .b-service__row > div:has(> .b-service__rightbar) { display: none; }
.mama-ui2-reading-booted .mama-service-site--root:not(.mama-service-site--reading-top):not(.mama-service-site--reading-fallback) .b-service__row:has(> .b-service__rightbar) { display: block; }
.mama-ui2-reading-booted .mama-service-site--root:not(.mama-service-site--reading-top):not(.mama-service-site--reading-fallback) .b-service__row > .b-service__rightbar { display: none; }
.mama-ui2-reading-booted .mama-service-site--section:not(.mama-service-site--reading-top):not(.mama-service-site--reading-fallback) > .mama-section-ui2__mobile-toggle { display: none; }
.mama-service-site--reading-top > .mama-section-ui2__mobile-toggle { display: none; }
@media (max-width: 991px) {
  .mama-ui2-reading-booted .mama-service-site:not(.mama-service-site--reading-top):not(.mama-service-site--reading-fallback) { display: block; }
  .mama-ui2-reading-booted .mama-service-site:not(.mama-service-site--reading-top):not(.mama-service-site--reading-fallback) > .mama-section-ui2__side { display: none; }
}
/* The legacy mobile breadcrumbs still occupy space after C02 supplies crumbs and tabs. */
.mama-service-site[data-ui2-tabs-ready] .b-service__top > .visible-mobile.visible-tablet,
.mama-service-site[data-ui2-tabs-ready] .b-service__top > br { display: none !important; }
.mama-service-site .mama-section-ui2__main {
  min-width: 0;
  width: 100%;
  max-width: 100%;
  padding: 24px 40px 40px;
}
.mama-service-site .mama-section-ui2__main .b-service,
.mama-service-site .mama-section-ui2__main .b-service__top {
  min-width: 0;
  max-width: 100%;
}
.mama-service-site .mama-section-ui2__main :where(img, iframe, video) {
  max-width: 100%;
}
.mama-service-site .mama-section-ui2__tabs { margin: 0 0 var(--mama-space-6); }
.mama-service-site .mama-section-ui2__side a { border: 0 !important; }
.mama-service-site .mama-section-ui2__tabs a { color: var(--mama-color-text) !important; }
.mama-service-site .mama-section-ui2__crumbs { margin-bottom: var(--mama-space-3); }
.mama-service-site h1:not(.mama-service-site__title) { display: none !important; }
.mama-service-site .mama-service-site__title {
  margin: var(--mama-space-5) 0 var(--mama-space-6);
  color: var(--mama-color-heading);
  font: 600 clamp(32px, 4vw, 52px)/1.1 var(--mama-font-sans);
}
.mama-service-site .mama-section-ui2__main :where(h1, h2, h3) {
  overflow-wrap: anywhere;
}
.mama-service-site .b-service__row {
  display: block;
  min-width: 0;
  margin: 0;
}
.mama-service-site--section .b-service__row:has(> div > .b-service__rightbar) {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 270px;
  gap: 24px;
  align-items: start;
}
.mama-service-site--section .b-service__row:has(> div > .b-service__rightbar) > .b-service__content--wrapper { grid-column: 1; grid-row: 1; width: 100%; }
.mama-service-site--section .b-service__row:has(> div > .b-service__rightbar) > div:has(> .b-service__rightbar) { grid-column: 2; grid-row: 1; min-width: 0; width: 100%; }
.mama-service-site--section .b-service__row:has(> div > .b-service__rightbar) .b-service__rightbar { position: static !important; float: none; width: 100% !important; }
.mama-service-site--root:not(.mama-service-site--reading-top) .b-service__row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(230px, 270px);
  gap: var(--mama-space-5);
}
.mama-service-site--root .b-service__row > div:has(> .b-service__rightbar) {
  min-width: 0;
  width: 100%;
}
.mama-service-site--root .b-service__rightbar {
  position: static !important;
  float: none;
  width: 100% !important;
}
.mama-service-site .b-service__content--wrapper,
.mama-service-site .b-service__rightbar {
  float: none;
  min-width: 0;
  width: auto;
  margin: 0;
}
.mama-service-site .b-service__content {
  min-width: 0;
  margin: 0;
}
.mama-service-site .b-service__content--has-rightbar { margin-right: 0; }
.mama-service-site--detail .b-service__content--wrapper {
  float: left;
  width: calc(100% - 294px);
}
.mama-service-site--detail .b-service__rightbar {
  float: right;
  width: 270px;
}
.mama-service-site .b-service__content--article {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--mama-color-text);
  font: 400 16px/1.65 var(--mama-font-sans);
}
.mama-service-site .b-service__content--article p { color: var(--mama-color-text); }
.mama-service-site .b-service__content--article :where(p, div, span, a) {
  max-width: 100%;
  overflow-wrap: anywhere;
}
.mama-service-site .b-service__content--article :where(h2, h3, a) { color: var(--mama-color-link); }
.mama-service-site .b-service__content--article a { color: var(--mama-color-link) !important; }
.mama-service-site .b-button:not(.mama-first-step *),
.mama-service-site .b-button .b-button__content:not(.mama-first-step *) {
  border-radius: var(--mama-radius-sm) !important;
  background: var(--mama-color-action) !important;
  color: var(--mama-color-action-text) !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

body.section-prices .orange-border[data-noindex] {
  border: 0 !important;
  border-radius: var(--mama-radius-lg) !important;
  background: var(--mama-color-action) !important;
  color: var(--mama-color-action-text) !important;
  box-shadow: none !important;
  font-family: var(--mama-font-sans);
}
body.section-prices .orange-border[data-noindex] .b-button,
body.section-prices .orange-border[data-noindex] .b-button__content {
  border-radius: var(--mama-radius-sm) !important;
  background: var(--mama-color-surface) !important;
  color: var(--mama-color-text) !important;
  box-shadow: none !important;
  text-shadow: none !important;
}
.mama-service-site .b-service__rightbar {
  align-self: start;
  padding: var(--mama-space-4);
  border: 1px solid var(--mama-color-border);
  border-radius: var(--mama-radius-lg);
  box-shadow: none;
  background: var(--mama-color-selected-surface);
}
.mama-service-site .b-service__rightbar__button {
  border-bottom: 1px solid var(--mama-color-border-subtle);
  background: transparent;
}
.mama-service-site .rightbar_text,
.mama-service-site .rightbar_price { font-family: var(--mama-font-sans); }
.mama-service-site .rightbar_price { color: var(--mama-color-text) !important; }
.mama-service-site .b-service__content--article__nav-item {
  color: var(--mama-color-link);
  border-bottom-color: var(--mama-color-link);
}
@media (max-width: 991px) {
  .mama-service-site { width: min(100% - 24px, var(--mama-container-max)); }
  .mama-service-site .mama-section-ui2__mobile-toggle { width: calc(100% - 32px); margin: 16px; }
  .mama-service-site .mama-section-ui2__main { padding: 0 16px 24px; }
  .mama-service-site .b-service__row { grid-template-columns: minmax(0, 1fr); }
  .mama-service-site--section .b-service__row:has(> div > .b-service__rightbar) { grid-template-columns: minmax(0, 1fr); }
  .mama-service-site--section .b-service__row:has(> div > .b-service__rightbar) > div:has(> .b-service__rightbar) { grid-column: 1; grid-row: 2; }
  .mama-service-site--detail .b-service__content--wrapper,
  .mama-service-site--detail .b-service__rightbar { float: none; width: 100%; }
}

.mama-prices-site {
  width: min(100%, var(--mama-container-max));
  min-width: 0;
  margin-inline: auto;
  padding: 0 var(--mama-page-gutter) 48px;
}
body.section-prices.mama-ui2-shell .b-content > h1.inner_page {
  box-sizing: border-box;
  width: min(100%, var(--mama-container-max));
  margin: var(--mama-space-6) auto var(--mama-space-5);
  padding-inline: var(--mama-page-gutter);
  color: var(--mama-color-heading);
  font: 600 clamp(32px, 4vw, 52px)/1.1 var(--mama-font-sans);
  text-align: left;
}
.mama-prices-page--ui2 { color: var(--mama-color-text); font-family: var(--mama-font-sans); }
.mama-prices-page--ui2 .mama-prices-lead { box-sizing: border-box; max-width: var(--mama-container-max); margin: 0 auto var(--mama-space-5); padding-inline: var(--mama-page-gutter); font: 400 16px/1.6 var(--mama-font-sans); }
.mama-prices-page--ui2 .mama-prices-lead :where(p, span) { color: var(--mama-color-text); font-family: inherit; }
.mama-prices-page--ui2 .mama-prices-lead p { max-width: 68ch; }
.mama-prices-page--ui2 .mama-prices-offer { box-sizing: border-box; width: min(100%, var(--mama-container-max)); margin: 0 auto var(--mama-space-6); padding: var(--mama-space-6) var(--mama-page-gutter); background: var(--mama-color-surface); border-radius: var(--mama-radius-lg); }
.mama-prices-page--ui2 .mama-prices-offer .orange-border { box-sizing: border-box; width: 100%; padding: 0; font: 500 20px/1.45 var(--mama-font-sans); }
.mama-prices-page--ui2 .mama-prices-offer .orange-border b { font-size: 28px; font-weight: 700; }
.mama-prices-page--ui2 .mama-prices-offer .orange-border a.b-button { display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; width: fit-content; min-height: var(--mama-hit-area); margin-top: var(--mama-space-4); padding: 10px 20px; border: 1px solid transparent; font: 600 16px/1.4 var(--mama-font-sans); text-decoration: none; }
.mama-prices-page--ui2 .mama-prices-offer .orange-border a.b-button:focus-visible { outline: 3px solid var(--mama-color-focus); outline-offset: 3px; }
.mama-prices-page--ui2 .mama-prices-offer .orange-left { max-width: 80ch; margin: var(--mama-space-3) 0 0; padding: 0; color: var(--mama-color-text-muted); font: 400 14px/1.5 var(--mama-font-sans); }
body.section-prices .mama-prices-page--ui2 .mama-prices-offer .orange-border[data-noindex] { background: transparent !important; color: var(--mama-color-text) !important; }
body.section-prices .mama-prices-page--ui2 .mama-prices-offer .orange-border[data-noindex] .b-button,
body.section-prices .mama-prices-page--ui2 .mama-prices-offer .orange-border[data-noindex] .b-button__content { background: var(--mama-color-action) !important; color: var(--mama-color-action-text) !important; }
body.section-prices .mama-prices-page--ui2 .mama-prices-offer .orange-border[data-noindex] span[style] { color: var(--mama-color-text-muted) !important; }
@media (max-width: 639px) {
  .mama-prices-site { padding-bottom: 32px; }
}
