/* Self-contained navbar for the Luxe Beauty & Spa template. */
.spa-site-header{position:sticky;top:0;z-index:1000;width:100%;background:#d0ae5e;border-bottom:1px solid rgba(255,255,255,.3);box-shadow:0 8px 24px rgba(40,31,16,.12)}
.spa-site-header .spa-nav{width:min(1180px,calc(100% - 48px));min-height:76px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:40px}
.spa-site-header .spa-brand{display:inline-flex;align-items:center;flex:0 0 auto;padding:7px 0}
.spa-site-header .spa-brand img{display:block;width:auto;max-width:230px;max-height:58px;filter:brightness(0) invert(1)}
.spa-site-header .spa-menu{display:flex;align-items:center;justify-content:flex-end;gap:clamp(14px,2vw,30px);margin:0;padding:0;list-style:none}
.spa-site-header .spa-menu li{display:block;float:none;margin:0;padding:0}
.spa-site-header .spa-menu a{position:relative;display:block;padding:27px 0 23px;color:#fff!important;background:transparent!important;font:600 13px/1.2 Montserrat,Arial,sans-serif;letter-spacing:.06em;text-decoration:none!important;text-transform:uppercase;white-space:nowrap}
.spa-site-header .spa-menu a::after{content:"";position:absolute;right:0;bottom:17px;left:0;height:2px;background:#282828;transform:scaleX(0);transition:transform .2s ease}
.spa-site-header .spa-menu a:hover,.spa-site-header .spa-menu a:focus,.spa-site-header .spa-menu .active>a{color:#282828!important}
.spa-site-header .spa-menu a:hover::after,.spa-site-header .spa-menu a:focus::after,.spa-site-header .spa-menu .active>a::after{transform:scaleX(1)}
@media(max-width:900px){.spa-site-header .spa-nav{width:min(100% - 30px,720px);min-height:auto;flex-direction:column;gap:0;padding:9px 0 11px}.spa-site-header .spa-brand img{max-height:48px}.spa-site-header .spa-menu{justify-content:center;flex-wrap:wrap;gap:2px 18px}.spa-site-header .spa-menu a{padding:8px 0 6px;font-size:11px}.spa-site-header .spa-menu a::after{bottom:2px}}
@media(max-width:520px){.spa-site-header .spa-nav{width:calc(100% - 22px)}.spa-site-header .spa-brand img{max-width:190px;max-height:42px}.spa-site-header .spa-menu{gap:1px 12px}.spa-site-header .spa-menu a{font-size:10px}}