/* Applied only to matching interior-page headers. */
.dg-head-place {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
  line-height: 1.25;
}
.dg-head-place svg { flex: none; display: block; width: 18px; height: 18px; }
.dg-head-pin { color: #16637b; }
.dg-head-metro { color: #c83230; }
.dg-head-sr {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

header.granov-header[data-dg-head] .granov-header__details {
  column-gap: 12px;
  row-gap: 5px;
  align-items: center;
}
header.granov-header[data-dg-head] .granov-header__logo {
  width: clamp(280px, 31vw, 448px);
}
@media (max-width: 1150px) {
  html:has(body > header.granov-header[data-dg-head]) {
    --granov-mobile-top: calc(86px + env(safe-area-inset-top, 0px));
  }
  header.granov-header[data-dg-head] .granov-header__row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 2px 8px;
    align-content: center;
    padding-bottom: 8px;
  }
  header.granov-header[data-dg-head] .granov-header__brand { display: contents; }
  header.granov-header[data-dg-head] .granov-header__logo {
    grid-row: 1;
    grid-column: 1;
    width: clamp(190px, 57vw, 285px);
  }
  header.granov-header[data-dg-head] .granov-header__actions { grid-row: 1; grid-column: 2; }
  header.granov-header[data-dg-head] .granov-header__details {
    display: flex;
    grid-row: 2;
    grid-column: 1 / -1;
    margin: 0;
    font-size: 12px;
  }
  header.granov-header[data-dg-head] .granov-header__menu { grid-column: 1 / -1; }
}
@media (max-width: 720px) {
  header.granov-header[data-dg-head] .dg-head-hours { display: none; }
  header.granov-header[data-dg-head] .dg-head-place svg { width: 16px; height: 16px; }
}

body header.top[data-dg-head] .top__inner {
  gap: clamp(14px, 1.8vw, 30px);
  height: 92px;
}
body header.top[data-dg-head] .brand { flex: none; }
body header.top[data-dg-head] .brand img { height: 58px; width: auto; }
body header.top[data-dg-head] .top__where {
  display: flex;
  align-items: center;
  gap: clamp(12px, 1.4vw, 22px);
  color: var(--ink, #173b50);
  font-size: 15px;
  margin: 0 0 0 auto;
}
body header.top[data-dg-head] .top__where span { margin: 0; }
body header.top[data-dg-head] .top__phone { flex: none; margin-left: 0; white-space: nowrap; }
body header.top[data-dg-head] .btn--small { flex: none; }
html:has(body > header.top[data-dg-head]) { scroll-padding-top: 104px; }
@media (max-width: 1100px) {
  body header.top[data-dg-head] .brand img { height: 49px; }
  body header.top[data-dg-head] .top__where { font-size: 14px; }
}
@media (max-width: 940px) {
  body header.top[data-dg-head] .btn--small { display: none; }
}
@media (max-width: 720px) {
  body header.top[data-dg-head] .top__inner {
    height: auto;
    min-height: 0;
    flex-wrap: wrap;
    gap: 0 10px;
    padding-block: 8px 9px;
  }
  body header.top[data-dg-head] .brand img { height: clamp(38px, 10vw, 46px); }
  body header.top[data-dg-head] .top__where {
    order: 3;
    flex-basis: 100%;
    margin: 3px 0 0;
    font-size: 13px;
  }
  body header.top[data-dg-head] .top__phone { margin-left: auto; }
  body header.top[data-dg-head] .dg-head-place svg { width: 17px; height: 17px; }
}

body header.ped-head[data-dg-head] .ped-wrap { flex-wrap: wrap; padding-block: 12px; gap: 8px 20px; }
body header.ped-head[data-dg-head] img { width: min(280px, 66vw); }
body header.ped-head[data-dg-head] .dg-head-places {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
  margin: 0;
  font-size: 13px;
}
@media (max-width: 760px) {
  body header.ped-head[data-dg-head] .dg-head-places { order: 3; flex: 1 0 100%; }
  body header.ped-head[data-dg-head] img { width: min(245px, 61vw); }
}
body header[data-dg-head] a.dg-head-place { color: inherit; text-decoration: none; }
body header[data-dg-head] a.dg-head-place:hover { text-decoration: underline; text-underline-offset: 3px; }
body header[data-dg-head] a.dg-head-place:focus-visible { outline: 2px solid #176480; outline-offset: 3px; }