/* Финальный слой визуальной ревизии: единая UI-типографика и устойчивый mobile-header. */
.review-row>:is(.review-row__date, b, .review-row__email, p) {
  font-family: var(--sans) !important;
  font-size: 12px !important;
  line-height: 1.45;
  letter-spacing: normal !important
}

.review-row>b {
  font-weight: 600
}

.review-row__date,
.review-row__email {
  color: var(--muted)
}

.contacts-grid-compact .contact-card:has(.contact-value--empty) {
  display: none
}

.mobile-nav-toggle {
  display: none
}

@media(max-width:760px) {
  .site-header {
    height: 68px;
    gap: 9px;
    padding-inline: 16px;
    justify-content: flex-start
  }

  .site-header .brand {
    min-width: 0;
    gap: 7px;
    margin-right: auto
  }

  .site-header .brand-mark {
    flex: 0 0 auto
  }

  .site-header .brand-copy {
    min-width: 0
  }

  .site-header .brand-copy b {
    font-size: 12px !important
  }

  .site-header .brand-copy em {
    font-size: 15px !important
  }

  .mobile-nav-toggle {
    display: grid;
    flex: 0 0 36px;
    place-content: center;
    gap: 4px;
    width: 36px;
    height: 36px;
    padding: 0;
    border: 1px solid color-mix(in srgb, var(--wine) 28%, var(--line));
    border-radius: 50%;
    background: var(--surface);
    color: var(--ink);
    cursor: pointer
  }

  .mobile-nav-toggle span {
    display: block;
    width: 14px;
    height: 1.5px;
    background: currentColor
  }

  .site-header nav {
    position: absolute;
    top: calc(100% + 1px);
    right: 12px;
    left: 12px;
    display: none;
    padding: 8px;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: color-mix(in srgb, var(--surface) 97%, #fff);
    box-shadow: 0 16px 34px rgba(45, 31, 22, .14)
  }

  .site-header.is-mobile-nav-open nav {
    display: grid
  }

  .site-header nav a {
    padding: 11px 12px;
    border-radius: 8px;
    font: 600 13px/1.2 var(--sans)
  }

  .site-header nav a:focus-visible,
  .site-header nav a:hover {
    background: color-mix(in srgb, var(--wine) 8%, var(--surface));
    outline: none
  }

  .site-header .header-actions {
    display: flex !important;
    visibility: visible !important;
    margin-left: 0;
    flex: 0 0 auto;
    gap: 6px
  }

  .site-header .language-menu,
  .site-header .account-icon {
    display: block !important;
    visibility: visible !important;
    flex: 0 0 auto
  }

  .site-header .language-menu__trigger,
  .site-header .account-icon {
    width: 32px;
    height: 32px
  }

  .header-actions [data-shutter] {
    display: none !important
  }

  .home-hero__copy {
    max-width: 100%;
    min-width: 0;
    padding-inline: 24px
  }

  .home-hero__copy h1 {
    max-inline-size: calc(100vw - 48px);
    font-size: clamp(42px, 11.5vw, 48px);
    overflow-wrap: anywhere
  }

  .home-hero__actions {
    max-width: calc(100vw - 48px)
  }
}
