/* Shared brand hierarchy; wine questions, matching and content remain unchanged. */
.site-header { --wine-header-layout: 1; }
.site-header .parent-home,
.site-header .parent-home:hover {
  border: 0;
  background: transparent;
  box-shadow: none;
}
.site-header .brand {
  position: relative;
  min-height: 48px;
  white-space: nowrap;
}
.site-header .brand::before {
  content: "";
  position: absolute;
  inset: 0 -12px;
  border: 1.5px solid #ffffff50;
  border-radius: 8px;
  pointer-events: none;
}
.site-header .brand:hover::before { border-color: #ffffffa0; }
@media (max-width: 760px) {
  .site-header {
    height: auto;
    min-height: 120px;
    padding: 14px 20px 8px;
    grid-template-columns: max-content minmax(0, 1fr);
    grid-template-rows: auto auto;
    gap: 4px 14px;
  }
  .site-header .parent-home {
    width: 118px;
    grid-column: 1;
    grid-row: 1;
    justify-self: start;
  }
  .site-header .brand {
    grid-column: 2;
    grid-row: 1;
    justify-self: end;
    min-height: 44px;
    padding: 7px 9px;
    line-height: 1.2;
  }
  .site-header .brand::before { inset: 0; }
  .site-header nav {
    grid-column: 1 / -1;
    grid-row: 2;
    justify-self: end;
    min-width: 0;
    white-space: nowrap;
    flex-wrap: nowrap;
  }
}
@media (max-width: 360px) {
  .site-header { padding-left: 14px; padding-right: 14px; gap: 4px 10px; }
  .site-header .parent-home { width: 106px; }
}