html:not(.hotsource-menu-open) .header-menu {visibility:hidden}
html.hotsource-menu-open .header-menu {visibility:visible; opacity:1; pointer-events:auto; transform:none; z-index:999}
html.hotsource-menu-open .header-menu-nav-folder {transform:none; opacity:1}
html.hotsource-menu-open .header-menu-nav-folder-content {opacity:1}
.hotsource-form {display:grid; gap:.85rem}
.hotsource-form label {display:grid; gap:.35rem}
.hotsource-form input, .hotsource-form textarea {font:inherit; color:#171717; background:#fff; padding:.55rem; width:100%; box-sizing:border-box; border:1px solid #777}
.hotsource-form button {justify-self:start}
.hotsource-cart {padding:6rem 1.5rem; text-align:center}

#quote-form { scroll-margin-top: 8rem; }
#quote-manufacturer[hidden] { display: none; }


/* Shared background for the site's light content and footer sections. */
:root {
  --hotsource-watermark: url("/assets/hotsource-watermark.svg");
  --hotsource-light-surface: #f6f6f7;
}
#page,
#page .about-profile,
#page .brand-profile,
#page .home-availability,
#page .featured-brands,
#page .page-section[data-section-theme="light"] .section-background,
#footer-sections .page-section[data-section-theme="light"] .section-background,
#footer-sections .contact-footer-grid {
  background-color: var(--hotsource-light-surface);
  background-image: var(--hotsource-watermark);
}
#footer-sections:has(.contact-footer-grid) {
  background: var(--hotsource-watermark) repeat var(--hotsource-light-surface);
}
#footer-sections .contact-footer-grid {
  background: transparent;
}


/* Reserve the header's actual height in the page layout at every viewport size. */
#siteWrapper > #header {
  position: sticky;
  top: 0;
}