html[data-community-page="directions"],
html[data-community-page="directions"] body,
html[data-community-page="directions"] .community-main,
html[data-community-page="directions"] .community-hero {
  background: #fdfbf7 !important;
}

/* Match page paper — beat #main-header community gray rules */
html[data-community-page="directions"] body.community-page #main-header,
html[data-community-page="directions"] body.community-page #main-header.global-site-header,
html[data-community-page="directions"] body.community-page .global-site-header {
  background: #fdfbf7 !important;
  color: #6b615b !important;
}

/* Compact text hero (header clearance comes from syncHeaderClearance on main) */
html[data-community-page="directions"] .community-hero {
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 40px 24px 36px !important;
  text-align: center !important;
}

html[data-community-page="directions"] .community-hero .eyebrow {
  margin: 0 0 10px !important;
  font-size: 18px !important;
  line-height: 1.5 !important;
}

html[data-community-page="directions"] .community-hero h1 {
  margin: 0 !important;
  font-size: 64px !important;
  line-height: 1.18 !important;
}

html[data-community-page="directions"] .directions-detail {
  padding-top: 40px !important;
}

html[data-community-page="directions"] .directions-map iframe.beautyple-gmap {
  width: 100%;
  height: 100%;
  min-height: 520px;
  border: 0;
}

@media (max-width: 900px) {
  html[data-community-page="directions"] .community-hero {
    padding: 32px 20px 28px !important;
  }

  html[data-community-page="directions"] .community-hero h1 {
    font-size: clamp(40px, 10vw, 52px) !important;
  }

  html[data-community-page="directions"] .directions-detail {
    padding-top: 28px !important;
  }

  html[data-community-page="directions"] .directions-map iframe.beautyple-gmap {
    min-height: 360px;
  }
}