/* Product artwork keeps its original brand colors and natural horizontal proportions. */
html body[data-ops-brand] #lhd .lhd-logo:not(#_):not(#__){width:220px!important;height:auto!important;flex:0 0 220px!important}
html body[data-ops-brand] #lhd .lhd-logo img:not(#_):not(#__){width:220px!important;height:auto!important;max-height:72px!important;object-fit:contain!important;margin:0!important;filter:none!important}
@media(max-width:1100px){html body[data-ops-brand] #lhd .lhd-logo:not(#_):not(#__){width:180px!important;flex-basis:180px!important}html body[data-ops-brand] #lhd .lhd-logo img:not(#_):not(#__){width:180px!important}}
@media(max-width:720px){html body[data-ops-brand] #lhd .lhd-logo:not(#_):not(#__){width:150px!important;flex-basis:150px!important}html body[data-ops-brand] #lhd .lhd-logo img:not(#_):not(#__){width:150px!important;max-height:52px!important}}

/* Align the product mark and navigation on the same centerline and hero gutter. */
html body[data-ops-brand] #lhd .lhd-in:not(#_):not(#__){width:min(1240px,calc(100% - 80px))!important;max-width:1240px!important;align-items:center!important}
html body[data-ops-brand] #lhd :is(.lhd-logo,.lhd-links,.lhd-right,.hdr-contact):not(#_):not(#__){align-self:center!important;margin-top:0!important;margin-bottom:0!important}
@media(max-width:760px){html body[data-ops-brand] #lhd .lhd-in:not(#_):not(#__){width:calc(100% - 36px)!important}}

@media(min-width:761px) and (max-width:1050px){html body[data-ops-brand] #lhd .lhd-in:not(#_):not(#__){width:calc(100% - 48px)!important}}
html body[data-ops-brand] #lhd :is(.lhd-links,.lhd-right):not(#_):not(#__):not(#___){transform:none!important}

html body[data-ops-brand] #lhd .hdr-contact .gi:not(#_):not(#__){background:var(--ops-header-color)!important;color:#fff!important;box-shadow:0 4px 10px rgba(0,0,0,.22)!important}
html body[data-ops-brand] #lhd .hdr-contact .gi svg{color:#fff!important;stroke:#fff!important}
html body[data-ops-brand] #lhd .lhd-links{gap:clamp(12px,1.4vw,22px)}
html body[data-ops-brand] #lhd .lhd-links a{white-space:nowrap}
html body[data-ops-brand] #lhd .hdr-contact .nav-ghost:focus-visible{outline:3px solid #fff;outline-offset:3px}
body[data-ops-brand="insuranceops"]{--ops-header-color:#947319}
body[data-ops-brand="dealerops"]{--ops-header-color:#3655c5}
body[data-ops-brand="fundingops"]{--ops-header-color:#167540}
body[data-ops-brand="agencyops"]{--ops-header-color:#c2410c}
body[data-ops-brand="taxops"]{--ops-header-color:#0f766e}
body[data-ops-brand="serviceops"]{--ops-header-color:#b91c1c}
body[data-ops-brand="legalops"]{--ops-header-color:#826728}
body[data-ops-brand="creditops"]{--ops-header-color:#6d28d9}

/* Corey 2026-10-04: product-family navigation visible and centered on every screen. */
html body[data-ops-brand] #lhd .lhd-links:not(#_):not(#__):not(#___){display:flex!important;justify-content:space-evenly!important;align-items:center!important;margin:0!important;width:100%!important;gap:20px!important}
html body[data-ops-brand] #lhd .lhd-right>.lhd-burger:not(#_):not(#__):not(#___){display:none!important}
@media(min-width:1024px){
 html body[data-ops-brand] #lhd .lhd-in:not(#_):not(#__):not(#___){display:grid!important;grid-template-columns:220px minmax(0,1fr) 220px!important;column-gap:40px!important}
 html body[data-ops-brand] #lhd .lhd-right:not(#_):not(#__):not(#___){justify-self:end!important;margin-left:0!important}
}
@media(max-width:1023px){
 html body[data-ops-brand] #lhd .lhd-in:not(#_):not(#__):not(#___){display:flex!important;flex-wrap:wrap!important;row-gap:14px!important;padding-bottom:14px!important}
 html body[data-ops-brand] #lhd .lhd-links:not(#_):not(#__):not(#___){order:3!important;flex:0 0 100%!important;width:100%!important;gap:clamp(12px,3vw,24px)!important}
 html body[data-ops-brand] #lhd .lhd-links a:not(#_):not(#__):not(#___){font-size:clamp(.69rem,2.8vw,.88rem)!important;letter-spacing:.2px!important}
}

@media(min-width:1024px) and (max-width:1100px){html body[data-ops-brand] #lhd .lhd-in:not(#_):not(#__):not(#___){grid-template-columns:194px minmax(0,1fr) 194px!important;column-gap:22px!important}}
