/* Hawkins 4BC | Mobile hero polish | 2026-10-29
   Exact selectors verified from live Hawkins HTML and 4BA stylesheet.
   No desktop, forms, cookies, tracking or navigation scripting changes. */
@media (max-width:767px) {
  /* Visually center the orange bars against the HAWKINS / EXTERIORS wordmark.
     The bird silhouette extends above that wordmark, so geometric centering
     of the entire logo is visually too high. Keep the 52px touch target. */
  html body .site-header.over-hero > button.menu-toggle {
    box-sizing:border-box !important;
    flex:0 0 52px !important;
    width:52px !important;
    min-width:52px !important;
    height:52px !important;
    min-height:52px !important;
    transform:translateY(16px) !important;
    padding:0 !important;
    gap:5px !important;
    align-items:center !important;
    justify-content:center !important;
  }
  html body .site-header.over-hero > button.menu-toggle span {
    width:24px !important;
    height:2px !important;
    flex:0 0 2px !important;
    margin:0 !important;
  }
  /* One weight lighter than 4BA's sitewide 500-heading rule. */
  html body .native-content.page-2 .block-ceecf6e h2.heading {
    font-weight:400 !important;
  }
}