/* Python integrations around the unchanged PHP residential/Mendeleev layout. */
body.mend-inner-page .smss-global-header { position: relative; background: #fff; color: #000; }
body.mend-inner-page .smss-global-header .smss-global-header__brand img { filter: none; }
body.mend-inner-page .mendeleev-inner.container { padding-top: 44px; }
body.mendeleev-page dialog::backdrop { background: #0009; }
body.mendeleev-page .mend-dialog-close { position: absolute; top: 12px; right: 16px; z-index: 2; border: 0; background: #fff; color: #111; width: 32px; height: 32px; padding: 0; font-size: 28px; line-height: 1; cursor: pointer; }
body.mendeleev-page .mendeleev-info-dialog { position: fixed; inset: 0; margin: auto; width: min(860px, calc(100% - 32px)); max-width: none; max-height: calc(100dvh - 32px); overflow: auto; padding: 44px; border: 0; color: #161616; background: #fff; }
body.mendeleev-page .mendeleev-info-dialog[open] { opacity: 1; transform: none; }
body.mendeleev-page .mendeleev-info-dialog__header h2 { margin-right: 24px; }
body.mendeleev-page .mend-image-dialog { position: fixed; inset: 0; margin: auto; width: min(1100px, calc(100% - 32px)); max-width: none; max-height: calc(100dvh - 32px); overflow: auto; padding: 48px 16px 16px; border: 0; color: #161616; background: #fff; }
body.mendeleev-page .mend-image-dialog > img { display: block; width: 100%; max-height: calc(100dvh - 160px); object-fit: contain; }
body.mendeleev-page .mend-image-controls { display: flex; align-items: center; gap: 16px; padding-top: 16px; }
body.mendeleev-page [data-image-caption] { flex: 1; font-size: 14px; }
body.mendeleev-page [data-image-counter] { white-space: nowrap; font-size: 14px; }
body.mendeleev-page .mend-image-controls button { border: 1px solid #d6d6d6; background: #fff; min-width: 40px; min-height: 40px; cursor: pointer; }
body.mendeleev-page [data-mend-image]:focus-visible, body.mendeleev-page [data-mendeleev-info]:focus-visible { outline: 2px solid #ee4237; outline-offset: 3px; }
body.mendeleev-page .kk-local-dialog { font-family: Onest, Arial, sans-serif; }
body.mendeleev-page .change-life-block .kk-local-form-note { margin-bottom: 0; }
body.mendeleev-page .footer .ft__row { margin-top: 0; }
body.mendeleev-page.kk-reference-page .kkvartal-page [data-slider].is-scroll-track {
  display: flex; flex-wrap: nowrap; overflow-x: auto; scroll-snap-type: x mandatory;
  scrollbar-width: none; width: 100%; margin-inline: 0;
}
body.mendeleev-page [data-slider].is-scroll-track::-webkit-scrollbar { display: none; }
body.mendeleev-page.kk-reference-page .kkvartal-page [data-slider].is-scroll-track > .col,
body.mendeleev-page.kk-reference-page .kkvartal-page [data-slider].is-scroll-track > .col-md-3 {
  flex: 0 0 calc(100% / var(--kk-cards-visible, 2)); max-width: none; min-width: 0; box-sizing: border-box;
}
@media (max-width: 767px) {
  body.mendeleev-page .custom-title { font-size: clamp(24px, 7.5vw, 28px); line-height: 1.2; text-wrap: balance; }
  body.mendeleev-page .kk-local-dialog h2, body.mendeleev-page .mendeleev-info-dialog__header h2 { font-size: 22px; line-height: 1.25; text-wrap: balance; margin-right: 0; }
  body.mendeleev-page .mendeleev-info-dialog { padding: 44px 24px 28px; }
  body.mendeleev-page .mendeleev-info-dialog__body h2, body.mendeleev-page .mendeleev-info-dialog__body h3 { font-size: 18px; line-height: 1.3; }
  body.mendeleev-page .slider__dots { display: flex; gap: 6px; justify-content: center; align-items: center; }
  body.mendeleev-page .slider__dots button { width: 6px; height: 6px; padding: 0; border: 0; border-radius: 50%; background: #ccc; }
  body.mendeleev-page .slider__dots button.is-active { background: #000; }
  body.mendeleev-page [data-slider].is-scroll-track .fb__box, body.mendeleev-page [data-slider].is-scroll-track .nb__box { padding: 24px 16px; height: 100%; overflow-wrap: break-word; }
  body.mendeleev-page .other-pagination, body.mendeleev-page .nb__cards-pagination { margin: 0; padding: 16px; }
  body.mendeleev-page .change-life-block > .container { padding: 44px 20px; }
  body.mendeleev-page .change-life-block .cb__form_input_position > label { width: 100%; }
  body.mendeleev-page .footer .footer-block.container { padding-inline: 0; }
}