/* positions.html — финальные правки: шапка как font + тема обращения слева */

html.oai-modal-scroll-locked:has(body.page-positions),
html:has(body.page-positions.oai-modal-scroll-locked) {
  scrollbar-gutter: stable;
  overflow: hidden !important;
}

/* Блоки 1–5: ширина как у .header-inner шапки (через positions-page-stack) */
html body.page-positions {
  --positions-block-side-gap: clamp(12px, 2vw, 20px);
  --positions-block-max-w: var(--m-content-w, 1240px);
}

html body.page-positions .positions-page-stack {
  padding-left: var(--positions-block-side-gap) !important;
  padding-right: var(--positions-block-side-gap) !important;
}

html body.page-positions .positions-page-stack > section.modern-hero,
html body.page-positions .positions-page-stack > .positions-block,
html body.page-positions .positions-page-stack > main.container {
  max-width: var(--positions-block-max-w) !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

html body.page-positions .positions-page-stack > main.container {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Hero: декоративное изображение справа — фон, без сдвига текста и без изменения цвета */
html body.page-positions section.modern-hero .modern-hero-bg::before,
html body.page-positions section.modern-hero.positions-modern-hero .modern-hero-bg::before,
html.m-next-ready body.page-positions section.modern-hero .modern-hero-bg::before,
html.m-next-ready body.page-positions section.modern-hero.positions-modern-hero .modern-hero-bg::before,
html.site-blocks body.page-positions section.modern-hero .modern-hero-bg::before,
html.site-blocks body.page-positions section.modern-hero.positions-modern-hero .modern-hero-bg::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background-image: url("../../images/positions_fa.png") !important;
  background-repeat: no-repeat !important;
  background-position: right 1cm center !important;
  background-size: auto 88% !important;
  pointer-events: none !important;
  z-index: 0 !important;
  filter: none !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
}

html body.page-positions .positions-page-stack > main.container #positionsHistory {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html body.page-positions .positions-page-stack > main.container #positionsHistory::before {
  display: none !important;
  content: none !important;
}

/* Шапка — перебивает поздние правила positions.css */
html body.page-positions .site-header .header-actions {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: nowrap !important;
  width: auto !important;
  max-width: none !important;
}

html body.page-positions .site-header .header-actions > .home-link.top-news-btn,
html body.page-positions .site-header .header-actions > a.home-link.top-news-btn {
  width: var(--index-news-btn-width, 6.4cm) !important;
  min-width: var(--index-news-btn-width, 6.4cm) !important;
  max-width: var(--index-news-btn-width, 6.4cm) !important;
  inline-size: var(--index-news-btn-width, 6.4cm) !important;
  height: var(--index-news-btn-height, 1.3cm) !important;
  min-height: var(--index-news-btn-height, 1.3cm) !important;
  max-height: var(--index-news-btn-height, 1.3cm) !important;
  block-size: var(--index-news-btn-height, 1.3cm) !important;
  flex: 0 0 var(--index-news-btn-width, 6.4cm) !important;
  padding: 0 0.32cm !important;
  margin: 0 !important;
  border: none !important;
  border-radius: var(--index-news-btn-radius, 14px) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  line-height: 1.12 !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  font-family: Arial, Helvetica, sans-serif !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  background: var(--site-stable-header-blue-gradient, linear-gradient(135deg, #143844 0%, #1e5a6e 38%, #2a8aad 72%, #5ec4d8 100%)) !important;
  background-image: var(--site-stable-header-blue-gradient, linear-gradient(135deg, #143844 0%, #1e5a6e 38%, #2a8aad 72%, #5ec4d8 100%)) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: var(--site-stable-header-blue-shadow, 0 8px 32px rgba(42, 138, 173, 0.28)) !important;
  filter: none !important;
  transform: none !important;
  text-decoration: none !important;
}

html body.page-positions .site-header .header-actions > .home-link.top-news-btn:hover,
html body.page-positions .site-header .header-actions > .home-link.top-news-btn:focus-visible,
html body.page-positions .site-header .header-actions > a.home-link.top-news-btn:hover,
html body.page-positions .site-header .header-actions > a.home-link.top-news-btn:focus-visible {
  background: var(--site-stable-header-blue-gradient-hover, linear-gradient(135deg, #0f2d36 0%, #184e60 38%, #247a96 72%, #52b4c8 100%)) !important;
  background-image: var(--site-stable-header-blue-gradient-hover, linear-gradient(135deg, #0f2d36 0%, #184e60 38%, #247a96 72%, #52b4c8 100%)) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: var(--site-stable-header-blue-shadow-hover, 0 12px 40px rgba(42, 138, 173, 0.38)) !important;
  transform: translateY(-2px) !important;
}

html body.page-positions .site-header .header-actions .burger {
  width: 48px !important;
  min-width: 48px !important;
  max-width: 48px !important;
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
  flex: 0 0 48px !important;
  padding: 0 !important;
  gap: 6px !important;
  border: none !important;
  border-radius: 14px !important;
  background: var(--site-stable-header-blue-gradient, linear-gradient(135deg, #143844 0%, #1e5a6e 38%, #2a8aad 72%, #5ec4d8 100%)) !important;
  background-image: var(--site-stable-header-blue-gradient, linear-gradient(135deg, #143844 0%, #1e5a6e 38%, #2a8aad 72%, #5ec4d8 100%)) !important;
  box-shadow: var(--site-stable-header-blue-shadow, 0 8px 32px rgba(42, 138, 173, 0.28)) !important;
}

@media (max-width: 768px) {
  html body.page-positions .site-header .header-inner .header-actions > .home-link.top-news-btn,
  html body.page-positions .site-header .header-inner .header-actions > a.home-link.top-news-btn {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    inline-size: auto !important;
    flex: 1 1 0 !important;
    height: 1.3cm !important;
    min-height: 1.3cm !important;
    max-height: 1.3cm !important;
    padding: 0 10px !important;
    font-size: 14px !important;
  }

  html body.page-positions .site-header .header-actions {
    width: auto !important;
    justify-content: flex-end !important;
  }
}

/* «ВЫБОР ДОЛЖНОСТИ» поверх модалки подразделения */
html body.page-positions #divisionDocsModal.active {
  z-index: 1200 !important;
}

html body.page-positions #divisionDocsModal.active.division-docs-under-contract {
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: none !important;
}

html body.page-positions #contractModal.contract-modal-from-division {
  position: fixed !important;
  inset: 0 !important;
  z-index: 1500 !important;
  pointer-events: auto !important;
}

html body.page-positions.contract-modal-over-division #contractModal.contract-modal-from-division.active {
  display: flex !important;
}

/* #divisionDocsModal — шапка и подвал 1.45 см */
html body.page-positions #divisionDocsModal#divisionDocsModal .social-legal-modal-header,
html body.page-positions #divisionDocsModal#divisionDocsModal .division-docs-modal-header {
  height: 1.45cm !important;
  min-height: 1.45cm !important;
  max-height: 1.45cm !important;
  flex: 0 0 1.45cm !important;
  padding: 0 54px 0 22px !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

html body.page-positions #divisionDocsModal#divisionDocsModal .social-legal-modal-header h2,
html body.page-positions #divisionDocsModal#divisionDocsModal #divisionDocsModalTitle {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  font-size: var(--index-font-block-title, 1.08rem) !important;
  line-height: 1.2 !important;
  letter-spacing: 0.01em !important;
  font-weight: 700 !important;
  text-align: center !important;
}

html body.page-positions #divisionDocsModal#divisionDocsModal .social-legal-modal-footer,
html body.page-positions #divisionDocsModal#divisionDocsModal .division-docs-modal-footer {
  height: 1.45cm !important;
  min-height: 1.45cm !important;
  max-height: 1.45cm !important;
  flex: 0 0 1.45cm !important;
  padding: 0 22px !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  background: #ffffff !important;
  border-top: 1px solid #e7edf5 !important;
  box-shadow: 0 -8px 18px rgba(0, 0, 0, 0.04) !important;
}

html body.page-positions #divisionDocsModal#divisionDocsModal .division-docs-footer-left {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body.page-positions #divisionDocsModal#divisionDocsModal .social-legal-modal-body,
html body.page-positions #divisionDocsModal#divisionDocsModal .division-doc-modal-body {
  flex: 1 1 auto !important;
  min-height: 0 !important;
}

@media (max-width: 768px) {
  html body.page-positions #divisionDocsModal#divisionDocsModal .social-legal-modal-header,
  html body.page-positions #divisionDocsModal#divisionDocsModal .division-docs-modal-header {
    height: 1.45cm !important;
    min-height: 1.45cm !important;
    max-height: 1.45cm !important;
    flex: 0 0 1.45cm !important;
    padding: 0 54px !important;
  }

  html body.page-positions #divisionDocsModal#divisionDocsModal .social-legal-modal-footer,
  html body.page-positions #divisionDocsModal#divisionDocsModal .division-docs-modal-footer {
    height: 1.45cm !important;
    min-height: 1.45cm !important;
    max-height: 1.45cm !important;
    flex: 0 0 1.45cm !important;
    padding: 0 14px !important;
  }
}

/* #calcModal / #divisionDocsModal — кнопки как «ВЫБРАТЬ РЕГИОН» */
html body.page-positions #calcModal .calc-tabs > .calc-tab-btn,
html body.page-positions #calcModal .calc-tabs > button.calc-tab-btn,
html body.page-positions #calcModal #moneyCalcReset.money-reset-btn,
html body.page-positions #calcModal button#moneyCalcReset.money-reset-btn,
html body.page-positions #calcModal #moneyCalcReset,
html body.page-positions #divisionDocsModal#divisionDocsModal #divisionDocsContractBtn.calc-tab-btn {
  width: var(--site-fund-btn-width, 240px) !important;
  min-width: var(--site-fund-btn-width, 240px) !important;
  max-width: var(--site-fund-btn-width, 240px) !important;
  inline-size: var(--site-fund-btn-width, 240px) !important;
  flex: 0 0 var(--site-fund-btn-width, 240px) !important;
  height: 1.3cm !important;
  min-height: 1.3cm !important;
  max-height: 1.3cm !important;
  block-size: 1.3cm !important;
  padding: 0 20px !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  border-radius: var(--site-fund-btn-radius, 14px) !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1.2 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

@media (max-width: 768px) {
  html body.page-positions #calcModal .calc-tabs > .calc-tab-btn,
  html body.page-positions #calcModal .calc-tabs > button.calc-tab-btn,
  html body.page-positions #calcModal #moneyCalcReset.money-reset-btn,
  html body.page-positions #calcModal button#moneyCalcReset.money-reset-btn,
  html body.page-positions #calcModal #moneyCalcReset {
    width: min(var(--site-fund-btn-width, 240px), 100%) !important;
    min-width: 0 !important;
    max-width: min(var(--site-fund-btn-width, 240px), 100%) !important;
    inline-size: min(var(--site-fund-btn-width, 240px), 100%) !important;
    flex: 0 0 auto !important;
    height: 1.3cm !important;
    min-height: 1.3cm !important;
    max-height: 1.3cm !important;
    block-size: 1.3cm !important;
    padding: 0 10px !important;
    font-size: 14px !important;
  }

  /* «КОНТРАКТ с ВС РФ» = «ОТПРАВИТЬ ЗАЯВКУ» в модалке «ОСТАВИТЬ ЗАЯВКУ» */
  html body.page-positions #divisionDocsModal#divisionDocsModal #divisionDocsContractBtn.calc-tab-btn {
    inline-size: var(--index-news-btn-width, 6.4cm) !important;
    width: var(--index-news-btn-width, 6.4cm) !important;
    min-width: var(--index-news-btn-width, 6.4cm) !important;
    max-width: min(var(--index-news-btn-width, 6.4cm), 100%) !important;
    flex: 0 0 var(--index-news-btn-width, 6.4cm) !important;
    height: calc(1.5cm - 4px) !important;
    min-height: 0 !important;
    max-height: calc(1.5cm - 4px) !important;
    block-size: calc(1.5cm - 4px) !important;
    padding: 0 0.32cm !important;
    font-size: 15px !important;
    line-height: 1.12 !important;
    border-radius: var(--index-news-btn-radius, 14px) !important;
  }
}

/* #calcModal — шапка и подвал 1.45 см */
html body.page-positions #calcModal#calcModal .calc-modal-header-sticky {
  height: 1.45cm !important;
  min-height: 1.45cm !important;
  max-height: 1.45cm !important;
  flex: 0 0 1.45cm !important;
  padding: 0 54px 0 22px !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

html body.page-positions #calcModal#calcModal .calc-modal-header-sticky h2 {
  margin: 0 !important;
  padding: 0 !important;
  font-size: var(--index-font-block-title, 1.08rem) !important;
  line-height: 1.2 !important;
  letter-spacing: 0.01em !important;
}

html body.page-positions #calcModal#calcModal .calc-modal-footer-sticky {
  height: 1.45cm !important;
  min-height: 1.45cm !important;
  max-height: 1.45cm !important;
  flex: 0 0 1.45cm !important;
  padding: 0 22px !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

@media (max-width: 768px) {
  html body.page-positions #calcModal#calcModal .calc-modal-header-sticky {
    height: 1.45cm !important;
    min-height: 1.45cm !important;
    max-height: 1.45cm !important;
    flex: 0 0 1.45cm !important;
    padding: 0 54px !important;
  }

  html body.page-positions #calcModal#calcModal .calc-modal-footer-sticky {
    height: 1.45cm !important;
    min-height: 1.45cm !important;
    max-height: 1.45cm !important;
    flex: 0 0 1.45cm !important;
    padding: 0 14px !important;
  }
}

/* #calcModal — hover как у «КОНТРАКТ с ВС РФ» в карточках истории */
html body.page-positions #calcModal#calcModal :is(
  .calc-tabs > .calc-tab-btn,
  .calc-tabs > button.calc-tab-btn,
  .calc-modal-footer-sticky .calc-tabs > .calc-tab-btn,
  .calc-modal-footer-sticky .calc-tabs > button.calc-tab-btn,
  #moneyCalcReset.money-reset-btn,
  button#moneyCalcReset.money-reset-btn,
  #moneyCalcReset
) {
  border: none !important;
  background: var(--oai-picture-blue-gradient, var(--positions-history-brand-gradient, linear-gradient(135deg, #2f7085 0%, #3f93ad 52%, #92cbdb 100%))) !important;
  background-image: var(--oai-picture-blue-gradient, var(--positions-history-brand-gradient, linear-gradient(135deg, #2f7085 0%, #3f93ad 52%, #92cbdb 100%))) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: var(--oai-picture-blue-shadow, 0 12px 30px rgba(37, 84, 100, 0.28)) !important;
  filter: none !important;
  transform: none !important;
  transition: transform 0.2s ease, background 0.2s ease, box-shadow 0.2s ease !important;
  animation: none !important;
  cursor: pointer !important;
}

html body.page-positions #calcModal#calcModal :is(
  .calc-tabs > .calc-tab-btn,
  .calc-tabs > button.calc-tab-btn,
  .calc-modal-footer-sticky .calc-tabs > .calc-tab-btn,
  .calc-modal-footer-sticky .calc-tabs > button.calc-tab-btn,
  #moneyCalcReset.money-reset-btn,
  button#moneyCalcReset.money-reset-btn,
  #moneyCalcReset
):hover,
html body.page-positions #calcModal#calcModal :is(
  .calc-tabs > .calc-tab-btn,
  .calc-tabs > button.calc-tab-btn,
  .calc-modal-footer-sticky .calc-tabs > .calc-tab-btn,
  .calc-modal-footer-sticky .calc-tabs > button.calc-tab-btn,
  #moneyCalcReset.money-reset-btn,
  button#moneyCalcReset.money-reset-btn,
  #moneyCalcReset
):focus-visible {
  background: var(--oai-picture-blue-gradient-hover, linear-gradient(135deg, #1f4b5b 0%, #2f7892 52%, #75adbc 100%)) !important;
  background-image: var(--oai-picture-blue-gradient-hover, linear-gradient(135deg, #1f4b5b 0%, #2f7892 52%, #75adbc 100%)) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: var(--oai-picture-blue-shadow-hover, 0 16px 36px rgba(37, 84, 100, 0.36)) !important;
  transform: translateY(-2px) !important;
  filter: none !important;
}

html body.page-positions #divisionDocsModal#divisionDocsModal #divisionDocsContractBtn.calc-tab-btn {
  border: none !important;
  background: var(--oai-picture-blue-gradient, var(--positions-history-brand-gradient, linear-gradient(135deg, #2f7085 0%, #3f93ad 52%, #92cbdb 100%))) !important;
  background-image: var(--oai-picture-blue-gradient, var(--positions-history-brand-gradient, linear-gradient(135deg, #2f7085 0%, #3f93ad 52%, #92cbdb 100%))) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: var(--oai-picture-blue-shadow, 0 12px 30px rgba(37, 84, 100, 0.28)) !important;
  filter: none !important;
  transform: none !important;
  transition: transform 0.2s ease, background 0.2s ease, box-shadow 0.2s ease !important;
  animation: none !important;
  cursor: pointer !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

html body.page-positions #divisionDocsModal#divisionDocsModal #divisionDocsContractBtn.calc-tab-btn:hover,
html body.page-positions #divisionDocsModal#divisionDocsModal #divisionDocsContractBtn.calc-tab-btn:focus-visible {
  background: var(--oai-picture-blue-gradient-hover, linear-gradient(135deg, #1f4b5b 0%, #2f7892 52%, #75adbc 100%)) !important;
  background-image: var(--oai-picture-blue-gradient-hover, linear-gradient(135deg, #1f4b5b 0%, #2f7892 52%, #75adbc 100%)) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: var(--oai-picture-blue-shadow-hover, 0 16px 36px rgba(37, 84, 100, 0.36)) !important;
  transform: translateY(-2px) !important;
  filter: none !important;
}

html body.page-positions #calcModal#calcModal .calc-tabs > .calc-tab-btn.active,
html body.page-positions #calcModal#calcModal .calc-modal-footer-sticky .calc-tabs > .calc-tab-btn.active {
  background: var(--oai-picture-blue-gradient, var(--positions-history-brand-gradient, linear-gradient(135deg, #2f7085 0%, #3f93ad 52%, #92cbdb 100%))) !important;
  background-image: var(--oai-picture-blue-gradient, var(--positions-history-brand-gradient, linear-gradient(135deg, #2f7085 0%, #3f93ad 52%, #92cbdb 100%))) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: var(--oai-picture-blue-shadow, 0 12px 30px rgba(37, 84, 100, 0.28)) !important;
  border: none !important;
  transform: none !important;
  filter: none !important;
}

html body.page-positions #calcModal#calcModal .calc-tabs > .calc-tab-btn.active:hover,
html body.page-positions #calcModal#calcModal .calc-tabs > .calc-tab-btn.active:focus-visible,
html body.page-positions #calcModal#calcModal .calc-modal-footer-sticky .calc-tabs > .calc-tab-btn.active:hover,
html body.page-positions #calcModal#calcModal .calc-modal-footer-sticky .calc-tabs > .calc-tab-btn.active:focus-visible {
  background: var(--oai-picture-blue-gradient-hover, linear-gradient(135deg, #1f4b5b 0%, #2f7892 52%, #75adbc 100%)) !important;
  background-image: var(--oai-picture-blue-gradient-hover, linear-gradient(135deg, #1f4b5b 0%, #2f7892 52%, #75adbc 100%)) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: var(--oai-picture-blue-shadow-hover, 0 16px 36px rgba(37, 84, 100, 0.36)) !important;
  transform: translateY(-2px) !important;
  filter: none !important;
}

/* Карточки истории — «КОНТРАКТ с ВС РФ» = размер «НОВОСТИ» в шапке */
html body.page-positions main.container #positionsHistory#positionsHistory#positionsHistory :is(
  .fund-action-row .contract-btn,
  .fund-action-row .history-action-btn,
  .home-activity-card-actions-mob .contract-btn,
  .home-activity-card-actions-mob .history-action-btn
) {
  width: var(--index-news-btn-width, 6.4cm) !important;
  min-width: var(--index-news-btn-width, 6.4cm) !important;
  max-width: var(--index-news-btn-width, 6.4cm) !important;
  inline-size: var(--index-news-btn-width, 6.4cm) !important;
  height: var(--index-news-btn-height, 1.3cm) !important;
  min-height: var(--index-news-btn-height, 1.3cm) !important;
  max-height: var(--index-news-btn-height, 1.3cm) !important;
  block-size: var(--index-news-btn-height, 1.3cm) !important;
  flex: 0 0 var(--index-news-btn-width, 6.4cm) !important;
  padding: 0 0.32cm !important;
  margin: 0 !important;
  border: none !important;
  border-radius: var(--index-news-btn-radius, 14px) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  line-height: 1.12 !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  font-family: Arial, Helvetica, sans-serif !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  cursor: pointer !important;
  filter: none !important;
  transform: none !important;
}

@media (max-width: 768px) {
  html body.page-positions main.container #positionsHistory#positionsHistory#positionsHistory :is(
    .home-activity-card-actions-mob .contract-btn,
    .home-activity-card-actions-mob .history-action-btn
  ) {
    width: var(--index-news-btn-width, 6.4cm) !important;
    min-width: var(--index-news-btn-width, 6.4cm) !important;
    max-width: min(var(--index-news-btn-width, 6.4cm), 100%) !important;
    inline-size: var(--index-news-btn-width, 6.4cm) !important;
    flex: 0 0 var(--index-news-btn-width, 6.4cm) !important;
    height: var(--index-news-btn-height, 1.3cm) !important;
    min-height: var(--index-news-btn-height, 1.3cm) !important;
    max-height: var(--index-news-btn-height, 1.3cm) !important;
    block-size: var(--index-news-btn-height, 1.3cm) !important;
    padding: 0 0.28cm !important;
    font-size: 14px !important;
  }
}

/* #calcModal — kalkylyator_modal: снизу листа, симметрично по краям, на всю ширину */
html body.page-positions #calcModal[data-calc-flow-mode="choice"] .calc-modal-content,
html body.page-positions #calcModal.calc-mode-choice .calc-modal-content {
  overflow: hidden !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

html body.page-positions #calcModal[data-calc-flow-mode="choice"] .calc-modal-content::-webkit-scrollbar,
html body.page-positions #calcModal.calc-mode-choice .calc-modal-content::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

html body.page-positions #calcModal[data-calc-flow-mode="choice"] .calc-modal-header-sticky,
html body.page-positions #calcModal.calc-mode-choice .calc-modal-header-sticky,
html body.page-positions #calcModal[data-calc-flow-mode="choice"] .calc-modal-body-sticky,
html body.page-positions #calcModal.calc-mode-choice .calc-modal-body-sticky,
html body.page-positions #calcModal[data-calc-flow-mode="choice"] .calc-modal-footer-sticky,
html body.page-positions #calcModal.calc-mode-choice .calc-modal-footer-sticky {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

html body.page-positions #calcModal .calc-choice-image-wrap {
  display: none;
  flex: 0 0 auto;
  width: 100%;
  max-width: 100%;
  align-self: stretch;
  align-items: flex-end;
  justify-content: center;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

html body.page-positions #calcModal[data-calc-flow-mode="choice"] .calc-modal-body-sticky,
html body.page-positions #calcModal.calc-mode-choice .calc-modal-body-sticky {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  align-items: stretch !important;
  width: 100% !important;
  max-width: 100% !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

html body.page-positions #calcModal[data-calc-flow-mode="choice"] .calc-choice-image-wrap,
html body.page-positions #calcModal.calc-mode-choice .calc-choice-image-wrap {
  display: flex !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

html body.page-positions #calcModal[data-calc-flow-mode="choice"] .calc-choice-image-wrap::-webkit-scrollbar,
html body.page-positions #calcModal.calc-mode-choice .calc-choice-image-wrap::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

html body.page-positions #calcModal .calc-choice-image {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  border: 0;
  object-fit: contain;
  object-position: bottom center;
  vertical-align: bottom;
}

html body.page-positions #calcModal[data-calc-flow-mode="region"] .calc-choice-image-wrap,
html body.page-positions #calcModal[data-calc-flow-mode="money"] .calc-choice-image-wrap,
html body.page-positions #calcModal.calc-mode-region .calc-choice-image-wrap,
html body.page-positions #calcModal.calc-mode-money .calc-choice-image-wrap {
  display: none !important;
}

html body.page-positions #calcModal[data-calc-flow-mode="region"] .calc-modal-body-sticky,
html body.page-positions #calcModal[data-calc-flow-mode="money"] .calc-modal-body-sticky,
html body.page-positions #calcModal.calc-mode-region .calc-modal-body-sticky,
html body.page-positions #calcModal.calc-mode-money .calc-modal-body-sticky {
  display: block !important;
  padding: 22px !important;
  overflow-y: auto !important;
  scrollbar-width: auto !important;
  -ms-overflow-style: auto !important;
}

@media (max-width: 768px) {
  html body.page-positions #calcModal[data-calc-flow-mode="region"] .calc-modal-body-sticky,
  html body.page-positions #calcModal[data-calc-flow-mode="money"] .calc-modal-body-sticky,
  html body.page-positions #calcModal.calc-mode-region .calc-modal-body-sticky,
  html body.page-positions #calcModal.calc-mode-money .calc-modal-body-sticky {
    padding: 14px !important;
  }
}