/* Shared header. Source of truth: page/QRcode_dlya_oplaty.html. */
.site-header.site-header--unified {
  position: sticky;
  top: 0;
  z-index: 1030;
  border-bottom: 1px solid #d5d9de;
  background: #fff;
  box-shadow: 0 4px 12px rgb(17 17 17 / 8%);
  color: #111;
  font: 16px/1.5 system-ui, -apple-system, "Segoe UI", sans-serif;
}
.site-header--unified .site-container { width: calc(100vw - 32px); max-width: 1152px; margin-inline: auto; padding-inline: 0; }
.site-header--unified .site-header__inner { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px; min-height:64px; padding-block:8px; }
.site-header--unified .site-header__brand {
  display:block;
  flex:0 0 auto;
  width:142px;
  height:49px;
  overflow:hidden;
  background:url("../img/sbqr-logo-metal.png") no-repeat center / contain;
  color:#111;
  font-size:0;
  font-weight:700;
  text-indent:-9999px;
  text-decoration:none;
}
.site-header--unified .site-header__brand:hover,
.site-header--unified .site-header__brand:focus { opacity:.82; }
.site-header--unified .site-header__menu-btn { display:inline-flex; width:44px; height:44px; align-items:center; justify-content:center; padding:0; border:0; border-radius:8px; background:transparent; color:#111; }
.site-header--unified .site-header__menu-icon { display:block; width:22px; height:2px; border-radius:1px; background:currentColor; box-shadow:0 -7px 0 currentColor,0 7px 0 currentColor; }
.site-header--unified .site-nav { display:none; flex-basis:100%; padding-block:8px 16px; }
.site-header--unified .site-nav.site-nav--open { display:block; }
.site-header--unified .site-nav__list { display:flex; flex-direction:column; gap:4px; margin:0; padding:0; list-style:none; }
.site-header--unified .site-nav__link { display:block; min-height:44px; padding:11px 12px; border-radius:8px; color:#111; font-weight:500; text-decoration:none; }
.site-header--unified .site-nav__link:hover,
.site-header--unified .site-nav__link:focus { background:rgb(180 35 24 / 8%); color:#8f1d15; }
.site-header--unified .site-nav__link[aria-current="page"] { box-shadow:inset 0 -2px 0 #b42318; font-weight:700; }
.site-header--unified .site-nav__link--accent { background:#b42318; color:#fff; }
.site-header--unified .site-nav__link--accent:hover,
.site-header--unified .site-nav__link--accent:focus { background:#8f1d15; color:#fff; }
@media (max-width:1099px) {
  .site-header--unified .site-header__menu-btn { display:inline-flex !important; }
}
@media (min-width:1100px) {
  .site-header.site-header--unified { position:static; top:auto; }
  .site-header--unified .site-header__menu-btn { display:none; }
  .site-header--unified .site-nav { display:block; flex-basis:auto; padding-block:0; }
  .site-header--unified .site-nav__list { flex-direction:row; flex-wrap:wrap; align-items:center; }
}