/* Black Luxury global dynamic header */
.header{
  position:sticky!important;top:0;z-index:9000!important;
  min-height:86px;height:86px!important;display:flex!important;align-items:center;
  background:linear-gradient(180deg,rgba(5,5,5,.82),rgba(5,5,5,.66))!important;
  border-bottom:1px solid rgba(227,200,134,.08)!important;
  backdrop-filter:blur(16px) saturate(125%);-webkit-backdrop-filter:blur(16px) saturate(125%);
  box-shadow:0 8px 28px rgba(0,0,0,.10);
  transition:min-height .35s ease,height .35s ease,background .35s ease,border-color .35s ease,box-shadow .35s ease,backdrop-filter .35s ease;
}
.header.scrolled{
  min-height:72px;height:72px!important;
  background:linear-gradient(180deg,rgba(7,7,7,.94),rgba(5,5,5,.88))!important;
  border-bottom-color:rgba(227,200,134,.16)!important;
  backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%);
  box-shadow:0 16px 42px rgba(0,0,0,.30),0 1px 0 rgba(255,255,255,.02) inset;
}
.header-inner{
  width:min(var(--max,1180px),calc(100% - 40px))!important;margin:auto!important;
  display:grid!important;grid-template-columns:170px 1fr auto auto!important;align-items:center!important;gap:20px!important;
}
.brand-logo{width:128px!important;height:62px!important;object-fit:contain!important;background:transparent!important;transition:height .35s ease,transform .35s ease,filter .35s ease}
.header.scrolled .brand-logo{height:51px!important;filter:drop-shadow(0 5px 14px rgba(201,165,95,.08))}
.brand-logo:hover{transform:translateY(-1px) scale(1.015)}
.nav{display:flex!important;align-items:center!important;justify-content:center!important;gap:30px!important;font-size:11px!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.055em!important}
.nav a{position:relative;color:rgba(239,234,225,.78)!important;transition:color .25s ease,transform .25s ease!important;padding:10px 0!important}
.nav a:after{content:"";position:absolute;left:50%;right:50%;bottom:2px;height:1px;background:linear-gradient(90deg,transparent,#d8b66b,transparent);transition:left .3s ease,right .3s ease;opacity:.8}
.nav a:hover{color:#fff6e6!important;transform:translateY(-1px)}
.nav a:hover:after,.nav a.active:after{left:0;right:0}
.nav a.active{color:#e3c886!important}
.header-cta{
  min-width:138px!important;min-height:46px!important;border-radius:999px!important;
  padding:0 20px!important;position:relative;overflow:hidden!important;
  background:linear-gradient(115deg,#b88b3f 0%,#d7b45f 44%,#f0d990 100%)!important;
  border:1px solid rgba(255,239,192,.26)!important;color:#11100d!important;
  box-shadow:0 10px 28px rgba(201,165,95,.16),0 2px 8px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.42)!important;
  transition:transform .28s ease,box-shadow .28s ease,filter .28s ease!important;
}
.header-cta:before{content:"";position:absolute;top:-80%;left:-50%;width:42%;height:250%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent);transform:rotate(18deg);transition:left .55s ease}
.header-cta:hover{transform:translateY(-2px)!important;filter:brightness(1.035);box-shadow:0 15px 36px rgba(201,165,95,.22),0 3px 10px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.52)!important}
.header-cta:hover:before{left:120%}
.header-cta .icon{width:17px!important;height:17px!important;stroke:#17140e!important}
.menu-toggle{display:none;width:44px;height:44px;border-radius:50%;border:1px solid rgba(227,200,134,.16);background:rgba(255,255,255,.025);align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer;backdrop-filter:blur(10px)}
.menu-toggle span{display:block;width:18px;height:1px;background:#d8b66b;transition:transform .25s ease,opacity .25s ease}
.menu-toggle.open span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.menu-toggle.open span:nth-child(2){opacity:0}
.menu-toggle.open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
@media(max-width:980px){
 .header-inner{grid-template-columns:1fr auto auto!important}
 .menu-toggle{display:flex}
 .nav{position:absolute!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:2px!important;top:calc(100% + 10px);left:20px;right:20px;padding:14px!important;border-radius:20px;background:rgba(8,8,8,.94)!important;border:1px solid rgba(227,200,134,.14);box-shadow:0 24px 60px rgba(0,0,0,.42);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .25s ease,transform .25s ease,visibility .25s ease}
 .nav.open{opacity:1;visibility:visible;transform:translateY(0)}
 .nav a{padding:12px 14px!important;border-radius:12px}
 .nav a:hover{background:rgba(201,165,95,.055)}
 .nav a:after{display:none}
}
@media(max-width:620px){
 .header,.header.scrolled{height:68px!important;min-height:68px!important}
 .header-inner{width:min(100% - 24px,var(--max,1180px))!important;grid-template-columns:1fr auto auto!important;gap:9px!important}
 .brand-logo{width:104px!important;height:48px!important}.header.scrolled .brand-logo{height:46px!important}
 .header-cta{min-width:0!important;min-height:42px!important;padding:0 14px!important;font-size:10px!important}
 .header-cta span{display:none}
 .header-cta .icon{width:18px!important;height:18px!important}
 .menu-toggle{width:42px;height:42px}
 .nav{left:12px;right:12px}
}

/* Mobile header reliability + visible call CTA */
@media(max-width:620px){
  .header-inner{
    grid-template-columns:minmax(82px,1fr) auto auto!important;
    gap:8px!important;
  }
  .header-cta{
    display:inline-flex!important;
    min-width:auto!important;
    min-height:40px!important;
    padding:0 12px!important;
    gap:7px!important;
    font-size:9.5px!important;
    letter-spacing:.045em!important;
    white-space:nowrap!important;
  }
  .header-cta span{display:inline!important}
  .header-cta .icon{width:15px!important;height:15px!important;flex:0 0 15px!important}
  .menu-toggle{display:flex!important;position:relative!important;z-index:3!important}
  .nav{z-index:2!important}
}
@media(max-width:390px){
  .header-inner{width:calc(100% - 18px)!important;gap:6px!important}
  .brand-logo{width:88px!important}
  .header-cta{padding:0 10px!important;font-size:9px!important}
  .menu-toggle{width:40px!important;height:40px!important}
}