/* Keep the legacy template's header and form rules out of the shared navigation. */
        #siteHeader,
        #mobileMenuOverlay {
            font-family: 'DM Sans', sans-serif;
            line-height: 1.6;
            color: #1A1A2E;
        }
        #siteHeader {
            height: auto;
        }
        #siteHeader > .container {
            width: 100%;
            max-width: 1320px;
            padding-inline: 24px;
        }
        #siteHeader span,
        #mobileMenuOverlay span {
            color: inherit;
            font-size: inherit;
            font-weight: inherit;
        }
        #siteHeader .logo-text,
        #mobileMenuOverlay .logo-text {
            font-size: 1.4rem;
            font-weight: 700;
            color: #1A1A2E;
        }
        #siteHeader .logo-text span,
        #mobileMenuOverlay .logo-text span {
            color: #C0392B;
        }
        #siteHeader .cart-badge {
            color: #fff;
            font-size: .58rem;
            font-weight: 700;
        }
        #siteHeader .header-search-form {
            flex-wrap: nowrap;
            margin: 0;
            line-height: 1.6;
        }
        #siteHeader .header-search-input,
        #mobileMenuOverlay .mobile-search-wrap input {
            width: 0;
            min-width: 0;
            padding: 0;
            font-weight: 400;
            line-height: 1.6;
        }
        #siteHeader .header-search-submit {
            position: static;
            line-height: 1;
        }
        @media (max-width: 768px) {
            #siteHeader > .container { padding-inline: 16px; }
            #siteHeader .logo-text,
            #mobileMenuOverlay .logo-text { font-size: 1.2rem; }
        }