/* Временный поп-ап после технического инцидента. Размеры в px: на сайте html{font-size:.5208vw}, rem не использовать. */
html.lci-lock, html.lci-lock body { overflow: hidden; }
.lci[hidden] { display: none !important; }
.lci { position: fixed; inset: 0; z-index: 10002; display: flex; align-items: center; justify-content: center; padding: 16px; box-sizing: border-box; }
.lci *, .lci *::before, .lci *::after { box-sizing: border-box; letter-spacing: 0; }
.lci__backdrop { position: absolute; inset: 0; background: rgba(10, 15, 17, .64); }
.lci__card {
  position: relative; width: 100%; max-width: 560px; max-height: calc(100vh - 32px); overflow-y: auto;
  padding: 40px 44px 36px; border-radius: 8px; background: #fff; color: #1e1d1d;
  box-shadow: 0 22px 70px rgba(0, 0, 0, .32); font-family: "Roboto", Arial, sans-serif; text-align: left;
  border-top: 6px solid #5088a5;
}
.lci__card:focus { outline: none; }
.lci__brand { margin: 0 0 14px; font: 500 13px/1.3 "Oswald", "Arial Narrow", sans-serif; text-transform: uppercase; color: #5088a5; }
.lci__title { margin: 0 0 18px; padding: 0; font: 700 32px/1.15 "Oswald", "Arial Narrow", sans-serif; text-transform: uppercase; color: #1e1d1d; }
.lci__text { margin: 0 0 12px; font-size: 15px; line-height: 1.55; color: #3d4447; }
.lci__contacts { list-style: none; margin: 18px 0 0; padding: 16px 18px; border-radius: 6px; background: #edf3f6; }
.lci__contacts li { display: flex; align-items: flex-start; gap: 10px; margin: 0; padding: 6px 0; font-size: 16px; line-height: 1.4; }
.lci__contacts li::before { content: none; }
.lci__ico { flex: 0 0 22px; text-align: center; }
.lci__contacts a { color: #1e1d1d; font-weight: 500; text-decoration: none; border-bottom: 1px solid #b2dae3; word-break: break-all; }
.lci__contacts a:hover { color: #2d6680; border-bottom-color: #2d6680; }
.lci__note { color: #50595c; font-size: 14px; }
.lci__phone { font: 700 20px/1.2 "Oswald", "Arial Narrow", sans-serif !important; border-bottom: 0 !important; }
.lci__hours { display: block; margin-top: 2px; color: #50595c; font-size: 14px; }
.lci__thanks { margin: 18px 0 0; font-size: 15px; line-height: 1.5; color: #1e1d1d; }
.lci__ok {
  display: block; width: 100%; min-height: 52px; margin: 24px 0 0; padding: 12px 20px; border: 0; border-radius: 3px; cursor: pointer;
  color: #fff; background: #1e1d1d; font: 700 18px/1.2 "Oswald", "Arial Narrow", sans-serif; text-transform: uppercase;
  transition: background-color .2s ease;
}
.lci__ok:hover { background: #2d6680; }
.lci__close {
  position: absolute; top: 12px; right: 12px; display: grid; place-items: center; width: 38px; height: 38px;
  margin: 0; padding: 0; border: 0; border-radius: 50%; cursor: pointer; color: #1e1d1d; background: #edf3f6;
}
.lci__close svg { width: 20px; height: 20px; }
.lci__ok:focus-visible, .lci__close:focus-visible, .lci__contacts a:focus-visible { outline: 3px solid #247d9e; outline-offset: 3px; }
@media (max-width: 767px) {
  .lci { padding: 12px; align-items: flex-end; }
  .lci__card { max-height: calc(100vh - 24px); padding: 30px 20px 22px; }
  .lci__title { font-size: 25px; margin-bottom: 14px; padding-right: 36px; }
  .lci__text, .lci__thanks { font-size: 14px; }
  .lci__contacts { padding: 12px 14px; }
  .lci__contacts li { font-size: 15px; }
  .lci__ok { min-height: 48px; font-size: 16px; margin-top: 18px; }
  .lci__close { top: 8px; right: 8px; width: 36px; height: 36px; }
}