.product-heading {
  min-width: 220px;
}

.product-heading h1 {
  display: flex;
  gap: 11px;
  align-items: baseline;
}

.product-heading h1 > small {
  padding-left: 11px;
  color: #bfcbd2;
  font:
    700 10px/1.2 Inter,
    'Segoe UI',
    sans-serif;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  border-left: 1px solid rgba(255, 255, 255, 0.25);
}

.nav-context {
  margin: 0 8px 20px;
  padding: 13px 12px;
  background: rgba(255, 255, 255, 0.045);
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 7px;
}

.area-nav .nav-context small,
.area-nav .nav-context strong,
.area-nav .nav-context span {
  display: block;
}

.area-nav .nav-context small {
  margin: 0 0 5px;
  color: #b9a078;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.nav-context strong {
  color: white;
  font:
    500 18px/1.15 Georgia,
    'Times New Roman',
    serif;
}

.area-nav .nav-context span {
  margin-top: 6px;
  color: #93a5b1;
  font-size: 10px;
  line-height: 1.35;
}

@media (max-width: 920px) {
  .nav-context {
    flex: 0 0 170px;
    margin: 0 8px 0 0;
    padding: 7px 10px;
  }

  .area-nav .nav-context strong {
    display: block;
    font:
      700 12px/1.2 Inter,
      'Segoe UI',
      sans-serif;
  }

  .area-nav .nav-context small,
  .area-nav .nav-context span {
    display: none;
  }
}