/* HairSync brand refresh — non-destructive overrides for existing hairsync-public.css */
:root{--hs-brand:#7025da;--hs-brand-deep:#220d45}
.hs12-header{background:rgba(255,255,255,.97);box-shadow:0 8px 36px rgba(25,10,55,.07)}
.hs12-header .hs12-brand{display:flex;align-items:center;flex-shrink:0;text-decoration:none;min-width:0}
.hs-brand-logo-image{display:block;width:clamp(164px,19vw,244px);height:auto;max-height:78px;object-fit:contain;object-position:left center}
.hs14-topbar a{white-space:nowrap}
.hs12-nav a.active{color:#7126da}
.hs-brand-footer{position:relative;overflow:hidden;background:linear-gradient(135deg,#0d0d25 0%,#22103e 60%,#33135b 100%);color:#fff}
.hs-brand-footer .hs12-brand-footer{display:inline-flex;align-items:center;gap:14px;text-decoration:none}
.hs-footer-icon{width:68px;height:68px;border-radius:16px;object-fit:cover}
.hs-brand-footer .hs12-brand-text strong{font-size:24px;color:#fff}
.hs-brand-footer .hs12-brand-text small{font-size:10px;letter-spacing:.17em;color:#d9c4f7}
.hs-brand-footer .hs12-footer-brand p{max-width:390px;line-height:1.8;color:#c8bfda}
.hs-brand-footer .hs12-footer-links h3{color:#fff}
.hs-brand-footer .hs12-footer-links a,.hs-brand-footer .hs12-footer-contact a{color:#e4dcef;text-decoration:none}
.hs-brand-footer .hs12-footer-links a:hover,.hs-brand-footer .hs12-footer-contact a:hover{color:#d9acff}
.hs-brand-footer .hs12-footer-bottom{border-top:1px solid rgba(255,255,255,.15);color:#c5b9da}
.hs-brand-footer [data-hs12-top]{cursor:pointer}
/* hidden must be authoritative even when base CSS applies display */
[data-hs12-account-menu][hidden],[data-hs12-mobile-panel][hidden]{display:none!important}
@media(max-width:1080px){.hs-brand-logo-image{width:175px}.hs12-header-shell{gap:14px}}
@media(max-width:760px){.hs-brand-logo-image{width:172px;max-height:58px}.hs14-topbar-right{gap:8px}.hs14-topbar-right a{font-size:12px}}
@media(max-width:420px){.hs-brand-logo-image{width:142px}.hs14-topbar-left{gap:8px}}