/* Stable across documents, before deferred interaction scripts run. */
html[data-oknolit-shell="v1"] body { overflow-y: scroll; }
/* The existing call bar stays available over the main content, then returns to
 * its own place before the footer. Intrinsic height also works without JS and
 * when text grows. Do not override page-specific display:none exceptions. */
@media (max-width: 873px) {
  html[data-oknolit-shell="v1"] body > .mobile-phone-wrap.footermobiletels.awz-footermobiletels {
    position: sticky;
    inset-inline: auto;
    inset-block-start: auto;
    inset-block-end: 0;
    margin-inline: 10px;
    flex: none;
  }
  /* Keep focused main-content controls clear on short/zoomed viewports. The bar
   * already occupies this flow space, so switching position cannot resize 3D. */
  html[data-oknolit-shell="v1"] body:has(main :focus-visible) > .mobile-phone-wrap.footermobiletels.awz-footermobiletels {
    position: relative;
  }
}
html[data-oknolit-shell="v1"] .page__content { padding-top: 170px; }
html[data-oknolit-shell="v1"] .page__header .top-drop__city .top-drop-header > a.top-drop-value {
  display: inline-block;
  min-inline-size: 7.5em;
  white-space: nowrap;
}
html[data-oknolit-shell="v1"] .page__header .top-drop__city .top-drop-header { font-size: 14px; line-height: 20px; align-items: center; }
@media (max-width: 690px) {
  html[data-oknolit-shell="v1"] .page__header .top-drop__city .top-drop-header { font-size: 0; }
  html[data-oknolit-shell="v1"] .page__header .top-drop__city .top-drop-header > a.top-drop-value { font-size: 12px; }
  html[data-oknolit-shell="v1"] .page__header .top-drop__time .top-drop-header { padding-inline: 0; font-size: 10px; }
  html[data-oknolit-shell="v1"] .page__header .top-drop__time .top-drop-value { font-size: 10px; }
}
html[data-oknolit-shell="v1"] .page__header .header-callback.bttn-shadow,
html[data-oknolit-shell="v1"] .menu-tablet .header-callback.bttn-shadow { background-color: #005a9f; }
html[data-oknolit-shell="v1"] .page__header .header-callback.bttn-shadow::before,
html[data-oknolit-shell="v1"] .menu-tablet .header-callback.bttn-shadow::before { color: #005a9f; }
@media (max-width: 800px) {
  html[data-oknolit-shell="v1"] .page__header .header-top-nav-wrap { display: none; }
}
html[data-oknolit-shell="v1"] .oknolit-shell-logo {
  display: block;
  inline-size: 100%;
  block-size: auto;
  aspect-ratio: 1023 / 100;
  object-fit: scale-down;
  object-position: center;
}

html[data-oknolit-shell="v1"] .page__header .header-main {
  padding-inline: clamp(16px, 1.5vw, 24px);
}

html[data-oknolit-shell="v1"] .page__header .header-main-inn {
  min-width: 0;
  min-inline-size: 0;
}

html[data-oknolit-shell="v1"] .page__header .header-logo {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  padding-block: 0;
  padding-inline: 0 8px;
}

html[data-oknolit-shell="v1"] .page__header .header-logo-bttn {
  display: inline-flex;
  inline-size: clamp(150px, 15vw, 204px);
  min-inline-size: 150px;
  max-inline-size: 204px;
  block-size: auto;
  align-items: center;
}

html[data-oknolit-shell="v1"] .page__header .header-main-bttns .socsetianda2 {
  flex: 0 0 max-content;
  width: auto !important;
  inline-size: auto !important;
  min-width: 125px;
  min-inline-size: 125px;
}

html[data-oknolit-shell="v1"] body {
  min-width: 0;
}

html[data-oknolit-shell="v1"] .page__header .header-hrefs {
  min-width: 180px;
  padding-left: 16px;
}

html[data-oknolit-shell="v1"] .oknolit-shell-price-calculator {
  box-sizing: border-box;
  min-height: 44px;
  margin: 0;
  padding: 10px 16px;
  border: 2px solid #005a9f;
  border-radius: 8px;
  background: #eef6fb;
  color: #005a9f;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.25;
  text-align: center;
  text-decoration: none;
  transition: border-color 160ms ease, background-color 160ms ease, color 160ms ease;
}

html[data-oknolit-shell="v1"] .oknolit-shell-price-calculator:hover {
  border-color: #004b85;
  background: #dcecf6;
  color: #004b85;
}

html[data-oknolit-shell="v1"] .oknolit-shell-price-calculator:active {
  border-color: #003f70;
  background: #cce2f0;
  color: #003f70;
}

html[data-oknolit-shell="v1"] .oknolit-shell-price-calculator:focus-visible,
html[data-oknolit-shell="v1"] .page__header .mob-menu-bttn:focus-visible {
  outline: 3px solid #157dfb;
  outline-offset: 3px;
}

html[data-oknolit-shell="v1"] #toggler.header-main-brgr:focus-visible {
  outline: 3px solid #fff;
  outline-offset: -5px;
}

html[data-oknolit-shell="v1"] #toggler.header-main-brgr.active {
  background-color: #003f70;
}

html[data-oknolit-shell="v1"] #new_menu.fc-desktop-menu--visible {
  max-height: calc(100vh - 173px);
  overflow: auto;
  background: #fff;
}

/* The desktop menu is a fully expanded catalogue, unlike the tablet/mobile
 * disclosures.  Reset the legacy fixed panel and inline columns so every
 * normalized group and its useful links remain immediately visible. */
html[data-oknolit-shell="v1"] #new_menu.fc-desktop-menu--visible .boxmenu {
  box-sizing: border-box;
  inline-size: 100%;
  block-size: auto !important;
  min-block-size: 0;
  margin: 0;
  padding: 0;
  overflow: visible !important;
}

html[data-oknolit-shell="v1"] #new_menu .menu_list {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px 32px;
  box-sizing: border-box;
  inline-size: min(100%, 1180px);
  margin: 0 auto;
  padding: 32px 76px 28px;
}

html[data-oknolit-shell="v1"] #new_menu .boxmenu > .new_menu_bottom {
  box-sizing: border-box;
  inline-size: min(100%, 1180px);
  margin: 0 auto;
  padding: 16px 76px 24px;
  text-align: center;
}

html[data-oknolit-shell="v1"] #new_menu .boxmenu > .new_menu_bottom > ul.new_menu_bottom {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px 20px;
  inline-size: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

html[data-oknolit-shell="v1"] #new_menu .boxmenu > .new_menu_bottom > ul.new_menu_bottom > .new_menu_bottom_li {
  margin: 0;
}

html[data-oknolit-shell="v1"] #new_menu .menu_item.oknolit-shell-full-menu__group {
  display: block !important;
  inline-size: auto !important;
  block-size: auto !important;
  min-block-size: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  vertical-align: initial;
}

html[data-oknolit-shell="v1"] #new_menu .menu_item.oknolit-shell-full-menu__group--direct {
  align-self: start;
}

html[data-oknolit-shell="v1"] #new_menu .oknolit-shell-full-menu__title {
  display: block;
  margin: 0;
  color: #142230;
  font-size: 16px;
  font-weight: 750;
  line-height: 1.25;
  text-decoration: none;
}

html[data-oknolit-shell="v1"] #new_menu .oknolit-shell-full-menu__group--direct .oknolit-shell-full-menu__title {
  padding: 10px 12px;
  border: 1px solid #d6e2eb;
  border-radius: 8px;
  background: #f6f9fb;
  color: #142230;
  font-size: 14px;
  line-height: 1.35;
}

html[data-oknolit-shell="v1"] #new_menu a.oknolit-shell-full-menu__title:hover,
html[data-oknolit-shell="v1"] #new_menu .oknolit-shell-full-menu__link:hover {
  color: #005a9f;
}

html[data-oknolit-shell="v1"] #new_menu .oknolit-shell-full-menu__links {
  display: grid;
  gap: 8px;
  margin: 12px 0 0;
  padding: 0;
  list-style: none;
}

html[data-oknolit-shell="v1"] #new_menu .oknolit-shell-full-menu__link {
  display: inline-block;
  color: #3f566b;
  font-size: 14px;
  line-height: 1.35;
  text-decoration: none;
}

html[data-oknolit-shell="v1"] #new_menu a.oknolit-shell-full-menu__title:focus-visible,
html[data-oknolit-shell="v1"] #new_menu .oknolit-shell-full-menu__link:focus-visible {
  outline: 3px solid #157dfb;
  outline-offset: 3px;
}

@media (max-width: 1280px) {
  html[data-oknolit-shell="v1"] #new_menu .menu_list {
    padding-inline: 64px;
  }

  html[data-oknolit-shell="v1"] #new_menu .boxmenu > .new_menu_bottom {
    padding-inline: 64px;
  }

}

html[data-oknolit-shell="v1"] #new_menu .fc-desktop-menu__close {
  position: absolute;
  z-index: 2;
  top: 16px;
  right: 16px;
  display: inline-grid;
  width: 44px;
  height: 44px;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #005a9f;
  color: #fff;
  font-size: 32px;
  line-height: 1;
  cursor: pointer;
}

html[data-oknolit-shell="v1"] #new_menu .fc-desktop-menu__close:hover {
  background: #003f70;
}

html[data-oknolit-shell="v1"] #new_menu .fc-desktop-menu__close:focus-visible {
  outline: 3px solid #157dfb;
  outline-offset: 3px;
}

html[data-oknolit-shell="v1"] .page__header .header-phone-wrap {
  width: auto;
  flex: 1 1 auto;
}

html[data-oknolit-shell="v1"] .page__header .oknolit-shell-phone {
  display: flex;
  position: relative;
  align-items: center;
  gap: 10px;
  margin: 0;
  white-space: nowrap;
}

html[data-oknolit-shell="v1"] .oknolit-shell-phone__operators {
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

html[data-oknolit-shell="v1"] .oknolit-shell-phone__operators__link,
html[data-oknolit-shell="v1"] .oknolit-shell-footer-phone__operators__link {
  display: inline-flex;
  flex: 0 0 auto;
  border-radius: 4px;
}

html[data-oknolit-shell="v1"] .oknolit-shell-phone__operators__link:focus-visible,
html[data-oknolit-shell="v1"] .oknolit-shell-footer-phone__operators__link:focus-visible {
  outline: 3px solid #157dfb;
  outline-offset: 3px;
}

html[data-oknolit-shell="v1"] .oknolit-shell-phone__operator {
  display: block;
  flex: 0 0 auto;
  width: 30px;
  height: 30px;
  aspect-ratio: 1 / 1;
  object-fit: contain;
  object-position: center;
}

html[data-oknolit-shell="v1"] .oknolit-shell-phone__number {
  padding: 0;
  border: 0;
  background: transparent;
  color: #142230 !important;
  cursor: pointer;
  font-family: inherit;
  font-size: 32px;
  font-weight: 750;
  line-height: 1.1;
  letter-spacing: 0.01em;
  text-decoration: none;
}

html[data-oknolit-shell="v1"] .oknolit-shell-phone__number:hover {
  color: #005a9f;
}

html[data-oknolit-shell="v1"] .oknolit-shell-phone__number:focus-visible {
  outline: 3px solid #157dfb;
  outline-offset: 3px;
}

html[data-oknolit-shell="v1"] .oknolit-shell-phone__chooser,
html[data-oknolit-shell="v1"] .oknolit-shell-footer-phone__chooser {
  position: fixed;
  z-index: 152;
  inset: auto;
  display: grid;
  gap: 4px;
  box-sizing: border-box;
  width: max-content;
  max-width: calc(100vw - 32px);
  max-block-size: calc(100dvh - 32px);
  padding: 10px;
  border: 1px solid #8ba9c1;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 8px 20px rgb(20 34 48 / 22%);
  overflow-y: auto;
  white-space: normal;
}

html[data-oknolit-shell="v1"] .oknolit-shell-phone__chooser[hidden],
html[data-oknolit-shell="v1"] .oknolit-shell-footer-phone__chooser[hidden] {
  display: none;
}

html[data-oknolit-shell="v1"] .oknolit-shell-phone__chooser__option,
html[data-oknolit-shell="v1"] .oknolit-shell-footer-phone__chooser__option {
  display: block;
  padding: 6px 8px;
  border-radius: 4px;
  color: #142230 !important;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.25;
  text-decoration: none;
}

html[data-oknolit-shell="v1"] .oknolit-shell-phone__chooser__option:hover,
html[data-oknolit-shell="v1"] .oknolit-shell-footer-phone__chooser__option:hover {
  background: #eef6fb;
  color: #005a9f;
}

html[data-oknolit-shell="v1"] .oknolit-shell-phone__chooser__option:focus-visible,
html[data-oknolit-shell="v1"] .oknolit-shell-footer-phone__chooser__option:focus-visible {
  outline: 3px solid #157dfb;
  outline-offset: 1px;
}

html[data-oknolit-shell="v1"] .footer-phone-wrap[data-oknolit-shell-footer-phone="v1"],
html[data-oknolit-shell="v1"] .map-info-phone[data-oknolit-shell-footer-phone="v1"],
html[data-oknolit-shell="v1"] .mobile-phone-nav[data-oknolit-shell-footer-phone="v1"] {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
}

html[data-oknolit-shell="v1"] .oknolit-shell-footer-phone {
  display: inline-flex;
  position: relative;
  align-items: center;
  flex-wrap: wrap;
  inline-size: auto;
  gap: 10px;
  max-width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Footer contacts must participate in layout, never sit over the phone row. */
html[data-oknolit-shell="v1"] .page__footer .footer-middle {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:start;
  gap:24px;
  height:auto;
  min-height:0;
}
html[data-oknolit-shell="v1"] .page__footer .footer-middle > :is(.footer-phone,.footer-middle-nav,.footer-time) {
  width:auto;
  min-width:0;
  max-width:none;
  margin:0;
  grid-row:1;
}
html[data-oknolit-shell="v1"] .page__footer .footer-middle > .footer-phone { grid-column:1; }
html[data-oknolit-shell="v1"] .page__footer .footer-middle > .footer-middle-nav { grid-column:2; }
html[data-oknolit-shell="v1"] .page__footer .footer-middle > .footer-time {
  grid-column:3;
  position:static;
  inset:auto;
  transform:none;
}
html[data-oknolit-shell="v1"] .page__footer .footer-middle > .footer-callback { grid-column:1/-1; grid-row:2; width:auto; }
html[data-oknolit-shell="v1"] .page__footer .footer-middle-nav > ul { display:grid; grid-template-columns:minmax(0,1fr); gap:8px; margin:0; padding:0; }
html[data-oknolit-shell="v1"] .page__footer .footer-middle-nav > ul > li { float:none; width:auto; margin:0; padding:0; }
@media(max-width:900px) {
  html[data-oknolit-shell="v1"] .page__footer .footer-middle { grid-template-columns:minmax(0,1fr); gap:20px; }
  html[data-oknolit-shell="v1"] .page__footer .footer-middle > :is(.footer-phone,.footer-middle-nav,.footer-time,.footer-callback) { grid-column:1; grid-row:auto; }
}

/* Legacy inline footer hover uses !important; this override stays footer-only. */
html[data-oknolit-shell="v1"] body .page__footer :is(a,a:visited,.footer-top-nav-link.active[href*="promotions"]) {
  color:#005a9f !important;
}
html[data-oknolit-shell="v1"] body .page__footer a:is(:hover,:focus-visible,.active,[aria-current="page"]) {
  text-decoration:underline;
}
html[data-oknolit-shell="v1"] body .page__footer a:focus-visible {
  outline:2px solid #005a9f;
  outline-offset:2px;
}

html[data-oknolit-shell="v1"] .oknolit-shell-footer-phone__operators {
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

html[data-oknolit-shell="v1"] .oknolit-shell-footer-phone__operators__operator {
  display: block;
  width: 22px;
  height: 22px;
  object-fit: contain;
}

html[data-oknolit-shell="v1"] .oknolit-shell-footer-phone__number {
  padding: 0;
  border: 0;
  background: transparent;
  color: #142230;
  cursor: pointer;
  font-family: inherit;
  font-size: clamp(24px, 2.2vw, 32px);
  font-weight: 750;
  line-height: 1.1;
  letter-spacing: 0.01em;
  text-decoration: none;
  white-space: normal;
  text-wrap: balance;
  max-inline-size: 100%;
  min-inline-size: 0;
}

html[data-oknolit-shell="v1"] .oknolit-shell-footer-phone__number:hover {
  color: #005a9f;
}

html[data-oknolit-shell="v1"] .oknolit-shell-footer-phone__number:focus-visible {
  outline: 3px solid #157dfb;
  outline-offset: 3px;
}

html[data-oknolit-shell="v1"] .mobile-phone-nav[data-oknolit-shell-footer-phone="v1"] {
  justify-content: center !important;
  min-height: 48px;
  padding: 4px 12px;
  border: 1px solid #c0d2e1;
  border-radius: 16px;
  background: #fff;
}

html[data-oknolit-shell="v1"] .mobile-phone-nav[data-oknolit-shell-footer-phone="v1"] .oknolit-shell-footer-phone__number {
  color: #142230 !important;
}

html[data-oknolit-shell="v1"] .menu-tablet .oknolit-shell-price-calculator {
  justify-content: center;
  color: #005a9f;
}

html[data-oknolit-shell="v1"] .menu-tablet .oknolit-shell-price-calculator:hover {
  color: #004b85;
}

html[data-oknolit-shell="v1"] .oknolit-shell-menu__trigger {
  box-sizing: border-box;
  border: 0;
  margin: 0;
  padding: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: inherit;
  cursor: pointer;
}

html[data-oknolit-shell="v1"] .oknolit-shell-menu__trigger:focus-visible,
html[data-oknolit-shell="v1"] .oknolit-shell-menu__sublist a:focus-visible {
  outline: 3px solid #157dfb;
  outline-offset: 3px;
}

html[data-oknolit-shell="v1"] .oknolit-shell-menu__sublist[hidden] {
  display: none !important;
}

html[data-oknolit-shell="v1"] .page__header .header-main-show,
html[data-oknolit-shell="v1"] .page__header .header-show {
  min-block-size: 44px;
  background-color: #157dfb;
}

html[data-oknolit-shell="v1"] .page__header .header-show > .header-show-item > .header-show-link {
  display: inline-flex;
  box-sizing: border-box;
  inline-size: auto;
  min-block-size: 44px;
  align-items: center;
  padding-block: 12px 10px;
  padding-inline: 12px;
  background-color: #157dfb;
  color: #fff;
  line-height: 1.57;
  white-space: nowrap;
}

html[data-oknolit-shell="v1"] .page__header .header-show-item:hover > .header-show-link {
  background-color: #0b68d8;
  color: #fff;
}

html[data-oknolit-shell="v1"] .header-show-item > .oknolit-shell-menu__trigger {
  width: auto;
}

html[data-oknolit-shell="v1"] .header-show-item > .oknolit-shell-menu__sublist:not([hidden]) {
  display: block;
}

html[data-oknolit-shell="v1"] .menu-tablet .oknolit-shell-menu__list,
html[data-oknolit-shell="v1"] .menu-mobile .oknolit-shell-menu__list,
html[data-oknolit-shell="v1"] #new_menu .oknolit-shell-menu__list {
  min-inline-size: 0;
}

html[data-oknolit-shell="v1"] .menu-tablet .oknolit-shell-menu__trigger,
html[data-oknolit-shell="v1"] .menu-mobile .oknolit-shell-menu__trigger,
html[data-oknolit-shell="v1"] #new_menu .oknolit-shell-menu__trigger {
  display: block;
  inline-size: 100%;
  overflow-wrap: anywhere;
}

html[data-oknolit-shell="v1"] .menu-tablet .oknolit-shell-menu__sublist:not([hidden]),
html[data-oknolit-shell="v1"] .menu-mobile .oknolit-shell-menu__sublist:not([hidden]),
html[data-oknolit-shell="v1"] #new_menu .oknolit-shell-menu__sublist:not([hidden]) {
  display: block;
}

/* The top navigation begins to clip at 820px on every route.  Keep city and
 * time visible; only the duplicated link row is safely collapsible here. */
@media (max-width: 820px) {
  html[data-oknolit-shell="v1"] .page__header .header-top-nav-wrap {
    display: none;
  }
}

@media (max-width: 1024px) {
  html[data-oknolit-shell="v1"] #new_menu {
    display: none !important;
  }

  html[data-oknolit-shell="v1"] .page__header .header-hrefs {
    min-width: 180px;
    padding-left: 10px;
  }

  html[data-oknolit-shell="v1"] .page__header .oknolit-shell-price-calculator {
    min-height: 40px;
    padding: 8px 12px;
    font-size: 14px;
  }

  html[data-oknolit-shell="v1"] .page__header .oknolit-shell-phone__number {
    font-size: 28px;
  }

  html[data-oknolit-shell="v1"] .page__header .oknolit-shell-phone {
    gap: 8px;
  }

  html[data-oknolit-shell="v1"] .page__header .oknolit-shell-phone__operators {
    flex: 0 0 max-content;
    inline-size: max-content;
    min-inline-size: max-content;
    gap: 4px;
  }

  html[data-oknolit-shell="v1"] .page__header .oknolit-shell-phone__operator {
    width: 28px;
    height: 28px;
  }
}

/*
 * The source desktop header reserves a 1,057.5px-wide action row.  With a
 * regular vertical scrollbar, that leaves less than the 16px shell inset
 * until 1090 CSS pixels, so keep the existing tablet header active through
 * 1089px instead of letting the desktop callback paint beyond the viewport.
 * Keep this tablet maximum aligned with MENU_BREAKPOINTS.tabletMax in
 * fast-clone-interactions.js; CSS media queries cannot consume that value.
 */
@media (min-width: 1025px) and (max-width: 1089px) {
  html[data-oknolit-shell="v1"] .page__header .header-main {
    padding-inline: 16px 0;
  }

  html[data-oknolit-shell="v1"] .page__header .header-logo {
    padding-block: 0;
    padding-inline: 0 8px;
  }

  html[data-oknolit-shell="v1"] .page__header .header-logo-bttn {
    inline-size: clamp(124px, 14vw, 152px);
    min-inline-size: 124px;
    max-inline-size: 152px;
    block-size: auto;
  }

  html[data-oknolit-shell="v1"] .page__header .header-phone-wrap {
    padding-right: 0;
    justify-content: flex-end;
  }

  html[data-oknolit-shell="v1"] .page__header .header-main-bttns > .header-calculate,
  html[data-oknolit-shell="v1"] .page__header .header-main-bttns > .header-callback.bttn-shadow,
  html[data-oknolit-shell="v1"] .page__header .header-main-nav {
    display: none !important;
  }

  html[data-oknolit-shell="v1"] .page__header .mob-menu-bttn.menu-tablet-bttn {
    display: block !important;
  }

  html[data-oknolit-shell="v1"] .page__header .header-main-bttns {
    align-items: center;
    height: 56px;
    padding: 14px 76px 15px 0;
  }

}

@media (max-width: 768px) {
  html[data-oknolit-shell="v1"] .page__header .header-hrefs {
    display: none;
  }
}

@media (max-width: 690px) {
  html[data-oknolit-shell="v1"] .page__header .header-main {
    padding-inline: 16px 0;
  }

  html[data-oknolit-shell="v1"] .page__header .header-logo {
    padding-block: 0;
    padding-inline: 0 8px;
  }

  html[data-oknolit-shell="v1"] .page__header .header-logo-bttn {
    inline-size: clamp(112px, 33vw, 140px);
    min-inline-size: 112px;
    max-inline-size: 140px;
    block-size: auto;
  }

  html[data-oknolit-shell="v1"] .page__header .header-main-bttns .socsetianda2 {
    gap: 2px;
    width: 100px !important;
    min-width: 100px;
    inline-size: 100px !important;
    min-inline-size: 100px;
  }

  html[data-oknolit-shell="v1"] .page__header .socsetianda2 > a {
    display: inline-grid;
    flex: 0 0 32px;
    inline-size: 32px;
    block-size: 32px;
    place-items: center;
  }

  html[data-oknolit-shell="v1"] .page__header .socsetianda2 img {
    inline-size: 28px;
    margin-inline: 0;
  }

  html[data-oknolit-shell="v1"] .menu.menu-tablet {
    display: none !important;
    visibility: hidden;
    pointer-events: none;
  }

  html[data-oknolit-shell="v1"] .page__header .menu.menu-mobile {
    z-index: 151;
  }

  html[data-oknolit-shell="v1"] .page__header .menu.menu-mobile:not(.menu--visible) > .app-menu-mobile {
    visibility: hidden;
    pointer-events: none;
    transform: scaleY(0);
    transition: none;
  }

  html[data-oknolit-shell="v1"] .page__header .menu.menu-mobile.menu--visible > .app-menu-mobile {
    visibility: visible;
    pointer-events: auto;
    transform: none;
    transform-origin: top center;
    transition: none;
  }

  html[data-oknolit-shell="v1"] .page__header .menu.menu-mobile.menu--visible > .app-menu-mobile > .app-menu-inn {
    opacity: 1;
    transition: none;
  }

  html[data-oknolit-shell="v1"] .mobile-phone-nav[data-oknolit-shell-footer-phone="v1"] {
    min-height: 44px;
    padding: 3px 10px;
  }

  html[data-oknolit-shell="v1"] .oknolit-shell-footer-phone {
    gap: 8px;
  }

  html[data-oknolit-shell="v1"] .oknolit-shell-footer-phone__number {
    font-size: 24px;
  }
}

@media (min-width: 691px) and (max-width: 1089px) {
  html[data-oknolit-shell="v1"] .page__header .header-main {
    padding-inline: 16px 0;
  }

  html[data-oknolit-shell="v1"] .page__header .header-logo {
    padding-block: 0;
    padding-inline: 0 8px;
  }

  html[data-oknolit-shell="v1"] .page__header .header-logo-bttn {
    inline-size: clamp(124px, 14vw, 152px);
    min-inline-size: 124px;
    max-inline-size: 152px;
    block-size: auto;
  }

  html[data-oknolit-shell="v1"] .menu.menu-mobile {
    display: none !important;
    visibility: hidden;
    pointer-events: none;
  }

  html[data-oknolit-shell="v1"] .menu.menu-tablet:not(.menu--visible) > .app-menu-tablet {
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-103%);
    transition: none;
  }

  html[data-oknolit-shell="v1"] .menu.menu-tablet.menu--visible > .app-menu-tablet {
    visibility: visible;
    pointer-events: auto;
    transform: none;
    transition: none;
  }
}

@media (min-width: 1090px) and (max-width: 1135px) {
  html[data-oknolit-shell="v1"] .page__header .header-show > .header-show-item > .header-show-link {
    padding-inline: 5px;
  }
}

@media (min-width: 1136px) and (max-width: 1199px) {
  html[data-oknolit-shell="v1"] .page__header .header-show > .header-show-item > .header-show-link {
    padding-inline: 8px;
  }
}

@media (min-width: 691px) and (max-width: 1024px) {
  html[data-oknolit-shell="v1"] .page__header .header-main-bttns > .header-calculate,
  html[data-oknolit-shell="v1"] .page__header .header-main-bttns > .header-callback.bttn-shadow,
  html[data-oknolit-shell="v1"] .page__header .header-main-nav {
    display: none;
  }

  html[data-oknolit-shell="v1"] .page__header .mob-menu-bttn.menu-tablet-bttn {
    display: block;
  }

  html[data-oknolit-shell="v1"] .menu.menu-tablet {
    display: flex !important;
    visibility: visible;
    pointer-events: none;
  }

  html[data-oknolit-shell="v1"] .menu.menu-tablet.menu--visible {
    pointer-events: auto;
  }
}

@media (min-width: 1025px) {
  html[data-oknolit-shell="v1"] .menu.menu-tablet,
  html[data-oknolit-shell="v1"] .menu.menu-mobile {
    display: none !important;
    visibility: hidden;
    pointer-events: none;
  }
}

/* Keep the tablet menu available after the desktop-only visibility gate above. */
@media (min-width: 1025px) and (max-width: 1089px) {
  html[data-oknolit-shell="v1"] .menu.menu-tablet {
    display: flex !important;
    visibility: visible;
    pointer-events: none;
  }

  html[data-oknolit-shell="v1"] .menu.menu-tablet.menu--visible {
    pointer-events: auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-oknolit-shell="v1"] .oknolit-shell-price-calculator {
    transition: none;
  }
}

/* One readable navigation surface for desktop, tablet and mobile. */
html[data-oknolit-shell="v1"] [data-oknolit-unified-menu="v1"]::before,
html[data-oknolit-shell="v1"] [data-oknolit-unified-menu="v1"]::after { content: none !important; display: none !important; }

html[data-oknolit-shell="v1"] [data-oknolit-unified-menu="v1"][aria-hidden="true"] {
  display: none !important;
}

html[data-oknolit-shell="v1"] #new_menu[data-oknolit-unified-menu="v1"][aria-hidden="false"],
html[data-oknolit-shell="v1"] [data-oknolit-unified-menu="v1"][aria-hidden="false"] {
  position: fixed !important;
  z-index: 10020 !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100vh !important;
  height: 100dvh !important;
  block-size: 100dvh !important;
  max-height: none !important;
  max-block-size: none !important;
  border: 0 !important;
  box-shadow: none !important;
  transform: none !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: auto !important;
  visibility: visible !important;
  pointer-events: auto !important;
  background: #f8fafb !important;
  overscroll-behavior: contain;
}

html[data-oknolit-shell="v1"] [data-oknolit-unified-menu="v1"] > .app-menu {
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
  min-height: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

html[data-oknolit-shell="v1"] .oknolit-menu-inner,
html[data-oknolit-shell="v1"] .oknolit-menu-inner * { box-sizing: border-box; }

html[data-oknolit-shell="v1"] .oknolit-menu-inner {
  display: block !important;
  width: min(100%, 1248px) !important;
  max-width: none !important;
  margin: 0 auto !important;
  padding: 32px 32px 48px !important;
  color: #142230;
  font: 1rem/1.5 "Segoe UI", Arial, sans-serif;
}

html[data-oknolit-shell="v1"] .oknolit-menu-header {
  display: flex;
  min-height: 44px;
  margin: 0 56px 40px 0;
  align-items: center;
}

html[data-oknolit-shell="v1"] .oknolit-menu-home { display: inline-flex; min-height: 44px; align-items: center; }
html[data-oknolit-shell="v1"] .oknolit-menu-home img { display: block; width: 176px; max-width: 100%; height: auto; }

html[data-oknolit-shell="v1"] [data-oknolit-unified-menu="v1"] .oknolit-menu-close {
  position: absolute !important;
  z-index: 2;
  inset: 28px 28px auto auto !important;
  display: grid !important;
  width: 44px !important;
  height: 44px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #edf2f5 !important;
  color: #075c98 !important;
  font: 32px/1 Arial, sans-serif !important;
  place-items: center;
  cursor: pointer;
}

html[data-oknolit-shell="v1"] .oknolit-menu-groups { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; }
html[data-oknolit-shell="v1"] .oknolit-menu-group { min-width: 0; padding: 0; margin: 0; }
html[data-oknolit-shell="v1"] .oknolit-menu-heading { margin: 0 0 16px; color: #082f4d; font: 650 1.25rem/1.3 "Segoe UI", Arial, sans-serif; }
html[data-oknolit-shell="v1"] .oknolit-menu-links { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
html[data-oknolit-shell="v1"] .oknolit-menu-links > li { display: block; width: auto; margin: 0; padding: 0; float: none; }
html[data-oknolit-shell="v1"] .oknolit-menu-link { display: flex; min-height: 44px; padding: 10px 12px; flex-direction: column; justify-content: center; gap: 3px; color: #142230; background: #eef2f4; font: 400 1rem/1.45 "Segoe UI", Arial, sans-serif; text-decoration: none; overflow-wrap: anywhere; }
html[data-oknolit-shell="v1"] .oknolit-menu-label { display: block; color: inherit; font: inherit; }
html[data-oknolit-shell="v1"] .oknolit-menu-detail { display: block; color: #536676; font: 400 .8125rem/1.45 "Segoe UI", Arial, sans-serif; }
html[data-oknolit-shell="v1"] .oknolit-menu-link:hover { background: #e2edf4; color: #075c98; }
html[data-oknolit-shell="v1"] .oknolit-menu-link:focus-visible,
html[data-oknolit-shell="v1"] .oknolit-menu-home:focus-visible,
html[data-oknolit-shell="v1"] [data-oknolit-unified-menu="v1"] .oknolit-menu-close:focus-visible { outline: 3px solid #075c98; outline-offset: 3px; }

@media (min-width: 550px) and (max-width: 899px) {
  html[data-oknolit-shell="v1"] .oknolit-menu-groups { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html[data-oknolit-shell="v1"] .oknolit-menu-group--customer { grid-column: 1 / -1; }
  html[data-oknolit-shell="v1"] .oknolit-menu-group--customer .oknolit-menu-links { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 549px) {
  html[data-oknolit-shell="v1"] .oknolit-menu-inner { padding: 16px 16px 32px !important; }
  html[data-oknolit-shell="v1"] .oknolit-menu-header { margin-bottom: 24px; }
  html[data-oknolit-shell="v1"] .oknolit-menu-groups { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  html[data-oknolit-shell="v1"] .oknolit-menu-heading { margin-bottom: 10px; }
  html[data-oknolit-shell="v1"] [data-oknolit-unified-menu="v1"] .oknolit-menu-close { inset: 16px 16px auto auto !important; }
}

@media (max-width: 1089px) {
  html[data-oknolit-shell="v1"] .page__content { padding-top: 106px; }
}
@media (max-width: 1024px) {
  html[data-oknolit-shell="v1"] .page__content { padding-top: 96px; }
}

/* Keep the open work-hours dropdown above the phone row without obscuring the
 * mobile menu or phone chooser.  Bound its width so the panel stays in-viewport. */
html[data-oknolit-shell="v1"] .page__header .top-drop__time {
  position:relative;
  z-index:150;
}
html[data-oknolit-shell="v1"] .page__header .top-drop__time .top-drop-body {
  z-index:151;
  box-sizing:border-box;
  max-inline-size:calc(100vw - 32px);
}
@media (max-width:690px) {
  html[data-oknolit-shell="v1"] .page__header .top-drop__time .top-drop-body {
    width:min(280px,calc(100vw - 32px));
    min-width:0;
    max-width:calc(100vw - 32px);
    padding:16px;
  }
}

/* Secondary labels remain readable without competing with primary actions. */
html[data-oknolit-shell="v1"] .page__header .top-drop-header,
html[data-oknolit-shell="v1"] .page__footer .footer-geo-header,
html[data-oknolit-shell="v1"] .page__footer .time-open-list-day {
  color: #3f566b;
}

html[data-oknolit-shell="v1"] .page__header .top-drop__city .top-drop-value {
  color: #005a9f;
}

html[data-oknolit-shell="v1"] .page__header .top-drop__city:hover .top-drop-value,
html[data-oknolit-shell="v1"] .page__header .top-drop__city .top-drop-value:focus-visible {
  color: #004b85;
}

/* Readable navigation uses the same action colors as the rest of the shell. */
html[data-oknolit-shell="v1"] .page__header .header-main-show,
html[data-oknolit-shell="v1"] .page__header .header-show,
html[data-oknolit-shell="v1"] .page__header .header-show > .header-show-item > .header-show-link,
html[data-oknolit-shell="v1"] .page__header #toggler.header-main-brgr,
html[data-oknolit-shell="v1"] .page__header .mob-menu-bttn {
  background-color: #005a9f;
}

html[data-oknolit-shell="v1"] .page__header .header-show > .header-show-item:hover > .header-show-link,
html[data-oknolit-shell="v1"] .page__header #toggler.header-main-brgr:hover,
html[data-oknolit-shell="v1"] .page__header .mob-menu-bttn:hover {
  background-color: #004b85;
}

html[data-oknolit-shell="v1"] .page__header .header-show > .header-show-item > .header-show-link:active,
html[data-oknolit-shell="v1"] .page__header #toggler.header-main-brgr:active,
html[data-oknolit-shell="v1"] .page__header .mob-menu-bttn:active {
  background-color: #003f70;
}

html[data-oknolit-shell="v1"] .page__header .header-top-nav-link {
  color: #3f566b;
  opacity: 1;
}

html[data-oknolit-shell="v1"] .page__header .header-top-nav-link:hover,
html[data-oknolit-shell="v1"] .page__header .header-top-nav-link:focus-visible {
  color: #005a9f;
}

html[data-oknolit-shell="v1"] .page__header .header-top-nav-link:active {
  color: #003f70;
}

html[data-oknolit-shell="v1"] .page__header .top-drop__time .work-time__title {
  color: #3f566b;
}

html[data-oknolit-shell="v1"] .page__header .header-show > .header-show-item > .header-show-link:focus-visible,
html[data-oknolit-shell="v1"] .page__header #toggler.header-main-brgr:focus-visible,
html[data-oknolit-shell="v1"] .page__header .mob-menu-bttn:focus-visible {
  outline: 3px solid #fff;
  /* The common interaction sheet makes its blue outline important. */
  outline-color: #fff !important;
  outline-offset: -5px;
}

html[data-oknolit-shell="v1"] .page__header .header-top-nav-link:focus-visible {
  outline: 3px solid #157dfb;
  outline-offset: 3px;
}

@media (forced-colors: active) {
  html[data-oknolit-shell="v1"] .page__header .header-show > .header-show-item > .header-show-link:focus-visible,
  html[data-oknolit-shell="v1"] .page__header #toggler.header-main-brgr:focus-visible,
  html[data-oknolit-shell="v1"] .page__header .mob-menu-bttn:focus-visible {
    outline-color: Highlight !important;
  }
}

/* Let the menu caption grow without clipping or covering adjacent controls. */
@media (max-width:1089px) {
  html[data-oknolit-shell="v1"] .page__header .header-main-bttns {
    height:auto;
    min-height:56px;
    padding-block:0;
    padding-inline-end:0;
    column-gap:20px;
  }

  html[data-oknolit-shell="v1"] .page__header .header-main-bttns > div {
    min-inline-size:0;
    flex:1 1 auto;
    flex-wrap:wrap;
  }

  html[data-oknolit-shell="v1"] .page__header .mob-menu-bttn {
    position:static;
    width:max-content;
    min-width:56px;
    height:auto;
    min-height:56px;
    padding-inline:.5em;
  }

  html[data-oknolit-shell="v1"] .page__header .mob-menu-bttn-icon__dot {
    margin-inline-start:calc(50% - 9px);
  }
}

/* Keep the existing topbar readable when its text grows. */
html[data-oknolit-shell="v1"]:not([data-oknolit-header-offset="ready"]) .page__header {
  position:relative;
  transform:none;
}
html[data-oknolit-shell="v1"] .page__header .top-drop__time button.top-drop-header {
  position:relative;
  max-inline-size:100%;
  margin:0;
  border:0;
  background:transparent;
  font-family:inherit;
  text-align:inherit;
  cursor:pointer;
}
html[data-oknolit-shell="v1"] .page__header .top-drop__time button.top-drop-header::after {
  content:"";
  position:absolute;
  inset-inline:0;
  inset-block-start:50%;
  block-size:max(100%,24px);
  transform:translateY(-50%);
}
html[data-oknolit-shell="v1"] .page__header .top-drop__time button.top-drop-header:focus-visible {
  outline-offset:-3px;
}
html[data-oknolit-shell="v1"] .page__header.hide-animate:has(:focus-visible) {
  transform:none;
}
html[data-oknolit-shell="v1"] .page__header .top-drop__time .top-drop-body {
  inset-inline-end:0;
  white-space:normal;
  overflow-wrap:anywhere;
}
html[data-oknolit-shell="v1"] .page__header .top-drop__time[data-oknolit-work-hours="v1"] .top-drop-body {
  visibility:hidden;
  opacity:0;
  pointer-events:none;
}
html[data-oknolit-shell="v1"] .page__header .top-drop__time[data-oknolit-work-hours="v1"].oknolit-work-hours-open .top-drop-body {
  visibility:visible;
  opacity:1;
  transform:none;
  pointer-events:auto;
}
@media (prefers-reduced-motion:reduce) {
  html[data-oknolit-shell="v1"] .page__header .top-drop__time[data-oknolit-work-hours="v1"] .top-drop-body {
    transition:none;
  }
}
html[data-oknolit-shell="v1"]:not([data-oknolit-header-offset="ready"]) .page__content {
  padding-top:0 !important;
}
html[data-oknolit-shell="v1"] .page__header.hide-animate {
  transform:translate3d(0,calc(-1 * var(--oknolit-topbar-height,50px)),0);
}
html[data-oknolit-shell="v1"] .page__header .header-top-bg {
  height:auto;
  min-height:50px;
}
html[data-oknolit-shell="v1"] .page__header .header-top {
  flex-wrap:wrap;
  row-gap:4px;
}
html[data-oknolit-shell="v1"] .page__header .header-top > .top-drop,
html[data-oknolit-shell="v1"] .page__header .header-top-nav-wrap {
  min-inline-size:0;
  max-inline-size:100%;
}
html[data-oknolit-shell="v1"] .page__header .header-top .top-drop-header {
  flex-wrap:wrap;
  white-space:normal;
}
html[data-oknolit-shell="v1"] .page__header .header-top-nav {
  flex-wrap:wrap;
}
@media (max-width:769px) {
  html[data-oknolit-shell="v1"] .page__header.hide-animate {
    transform:translate3d(0,calc(-1 * var(--oknolit-topbar-height,40px)),0);
  }
  html[data-oknolit-shell="v1"] .page__header .header-top-bg {
    min-height:40px;
  }
}