.site-navigation{position:relative;z-index:5;justify-self:end}
.site-navigation>summary{list-style:none;display:grid;place-items:center;width:46px;height:46px;border:1px solid #bfc5cd;border-radius:14px;background:#fff;color:#292c32;cursor:pointer;box-shadow:0 10px 28px #17161c14}
.site-navigation>summary::-webkit-details-marker{display:none}
.site-navigation .menu-lines{display:grid;gap:5px;width:21px}
.site-navigation .menu-line{display:block;height:2px;width:21px;background:currentColor;border-radius:2px}
.site-navigation .menu-line:nth-child(2){width:15px;justify-self:end}
.site-navigation>nav{position:absolute;top:calc(100% + 8px);right:0;width:min(248px,calc(100vw - 36px));padding:8px;border:1px solid #d7dbe1;border-radius:8px;background:#fff;box-shadow:0 12px 30px #17161c24}
.site-navigation>nav a{display:flex;align-items:center;min-height:44px;padding:8px 12px;border-radius:5px;color:#292c32;font:700 14px/1.35 "Open Sans",Arial,sans-serif;text-decoration:none}
.site-navigation>nav a:hover,.site-navigation>nav a:focus-visible{background:#eef0f3;color:#a9463d}
@media(max-width:767px){.site-navigation>summary{width:40px;height:40px}}
@media(max-width:389px){.site-navigation>summary{width:38px;height:38px}}
/* The shared footer uses the site typefaces even on templates without font links. */
@font-face {
  font-family:"Potrebprav Open Sans";
  src:url("./site-fonts/open-sans-cyrillic.woff2");
  font-style:normal;
  font-weight:400 700;
  font-display:swap;
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

@font-face {
  font-family:"Potrebprav Open Sans";
  src:url("./site-fonts/open-sans-latin.woff2");
  font-style:normal;
  font-weight:400 700;
  font-display:swap;
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
  font-family:"Potrebprav Play";
  src:url("./site-fonts/play-bold-latin.woff2");
  font-style:normal;
  font-weight:700;
  font-display:swap;
  unicode-range:U+0020-003A;
}

.site-footer {
  --footer-muted:#c8ccd2;
  --footer-accent:#f2aa9e;
  background:#25282e;
  color:#f4f5f7;
  font:400 13px/1.4 "Potrebprav Open Sans",Arial,sans-serif;
}

.site-footer__inner {
  display:grid;
  grid-template-columns:auto minmax(220px,1fr) auto;
  grid-template-areas:"brand phone nav" "brand address nav";
  column-gap:clamp(20px,3vw,46px);
  align-items:center;
  width:min(var(--content-max,1216px),calc(100% - 2 * var(--page-gutter,18px)));
  margin-inline:auto;
  padding-block:12px max(12px,env(safe-area-inset-bottom));
}

.site-footer__brand {
  grid-area:brand;
  justify-self:start;
  display:block;
  width:clamp(120px,12vw,150px);
}

.site-footer__brand img {
  display:block;
  width:100%;
  height:auto;
  filter:brightness(0) invert(1);
}

.site-footer a {
  color:inherit;
  text-decoration:underline;
  text-decoration-color:#858b96;
  text-underline-offset:.24em;
}

.site-footer a:hover {
  color:var(--footer-accent);
  text-decoration-color:currentColor;
}

.site-footer a:focus-visible {
  outline:2px solid var(--footer-accent);
  outline-offset:2px;
  border-radius:2px;
}

.site-footer .site-footer__phone {
  grid-area:phone;
  justify-self:start;
  display:inline-flex;
  align-items:center;
  min-height:32px;
  font:700 19px/1.15 "Potrebprav Play","Potrebprav Open Sans",Arial,sans-serif;
  white-space:nowrap;
  text-decoration:none;
}

.site-footer__address {
  grid-area:address;
  display:flex;
  align-items:baseline;
  flex-wrap:wrap;
  column-gap:10px;
  color:var(--footer-muted);
  font-style:normal;
}

.site-footer .site-footer__map {
  display:inline-flex;
  align-items:center;
  min-height:28px;
  color:var(--footer-accent);
}

.site-footer__nav {
  grid-area:nav;
  display:grid;
  grid-template-columns:repeat(2,max-content);
  column-gap:18px;
  align-items:center;
}

.site-footer__nav a {
  display:inline-flex;
  align-items:center;
  justify-self:start;
  min-height:30px;
}

.site-footer__nav a:last-child { color:var(--footer-muted); }
.site-footer__nav a:last-child:hover { color:var(--footer-accent); }
#pp-dialog-dock[data-footer-visible] #pp-dialog-launcher .invite { display:none; }

@media (min-width:1200px) {
  .site-footer__nav { grid-template-columns:repeat(4,max-content); }
}

@media (min-width:861px) and (max-width:1359px) {
  .site-footer__nav { padding-inline-end:52px; }
}

@media (max-width:860px) {
  .site-footer__inner {
    grid-template-columns:auto minmax(0,1fr);
    grid-template-areas:"brand phone" "address address" "nav nav";
    row-gap:2px;
    column-gap:16px;
  }

  .site-footer__nav {
    grid-template-columns:repeat(4,max-content);
    padding-inline-end:54px;
  }
}

@media (max-width:599px) {
  .site-footer__inner { padding-block:10px max(10px,env(safe-area-inset-bottom)); }
  .site-footer__address span { flex-basis:100%; }
  .site-footer .site-footer__phone { min-height:40px; font-size:17px; }
  .site-footer .site-footer__map { min-height:34px; }
  .site-footer__nav { grid-template-columns:repeat(2,minmax(0,max-content)); gap:0 14px; }
  .site-footer__nav a { min-height:36px; }
}

.contact-drawer:not(.is-open){box-shadow:none}

body.contact-open{overflow:hidden}
.contact-drawer.is-open:has([data-contact-screen="callback"].is-active){
  --callback-gutter:20px;
  inset:0 0 0 auto;
  width:min(480px,calc(100% - 32px));
  box-shadow:-16px 0 42px #11121629;
}
.contact-drawer.is-open:has([data-contact-screen="callback"].is-active) .contact-body{
  padding:12px var(--callback-gutter) max(14px,env(safe-area-inset-bottom));
  scroll-padding-block-end:58px;
  overscroll-behavior:contain;
}
[data-contact-screen="callback"] .contact-screen-copy:empty,
[data-contact-screen="callback"] .contact-error:empty{display:none}
[data-contact-screen="callback"] .contact-back-row{margin-bottom:8px}
[data-contact-screen="callback"] .channel-grid{margin-top:10px}
[data-contact-screen="callback"] .contact-form{margin-top:12px;gap:9px}
[data-contact-screen="callback"] .contact-field{gap:4px}
[data-contact-screen="callback"] .contact-field textarea{min-height:56px}
.contact-drawer.is-open [data-contact-screen="callback"].is-active .contact-submit{
  position:sticky;
  z-index:1;
  inset-block-end:0;
  box-shadow:0 5px 0 5px var(--paper);
}
@media(max-width:767px){
  .contact-drawer.is-open:has([data-contact-screen="callback"].is-active){
    --callback-gutter:16px;
    inset:auto 0 0;
    width:100%;
    max-height:84dvh;
    border-radius:8px 8px 0 0;
    box-shadow:0 -12px 36px #11121629;
  }
}
@media(min-width:520px){
  [data-contact-screen="callback"] .channel-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  [data-contact-screen="callback"] .contact-form{grid-template-columns:repeat(2,minmax(0,1fr))}
  [data-contact-screen="callback"] .contact-form>:nth-child(n+3){grid-column:1/-1}
}