/* Shutteris navigation refinement — professional mega menus + hover stability */
:root{--nav-panel:#0d0d0d;--nav-panel-2:#151515;--nav-line:#292929;--nav-red:#AD2826;--nav-gold:#C5A45D;--nav-text:#f7f7f7;--nav-muted:#aaa}

/* Top-level navigation */
.stage7-nav{align-items:center!important;gap:4px!important}
.stage7-nav>.nav-dropdown,.stage7-nav>a{flex:0 0 auto}
.stage7-nav>.nav-dropdown>.nav-trigger,.stage7-nav>a{min-height:46px!important;padding:0 12px!important;border-radius:10px!important;font-weight:760!important;letter-spacing:-.01em!important}
.stage7-nav>.nav-dropdown>.nav-trigger[aria-expanded="true"],.stage7-nav>.nav-dropdown.is-open>.nav-trigger{background:#211516!important;color:#fff!important}

/* Invisible bridge closes the hover gap between the trigger and panel. */
.stage7-nav>.nav-dropdown::after{content:"";position:absolute;z-index:1299;left:-16px;right:-16px;top:100%;height:20px;background:transparent;pointer-events:auto}

/* Mega menu shell */
.stage7-nav .nav-mega{top:calc(100% + 12px)!important;width:min(900px,calc(100vw - 48px))!important;padding:18px!important;background:var(--nav-panel)!important;border:1px solid var(--nav-line)!important;border-top:2px solid var(--nav-red)!important;border-radius:16px!important;box-shadow:0 24px 58px rgba(0,0,0,.34)!important;gap:8px!important;opacity:0;visibility:hidden;pointer-events:none;transform:translateX(-50%) translateY(7px)!important;transition:opacity .16s ease,transform .16s ease,visibility 0s linear .18s!important;z-index:1300!important}
.stage7-nav>.nav-dropdown:hover>.nav-mega,.stage7-nav>.nav-dropdown:focus-within>.nav-mega,.stage7-nav>.nav-dropdown.is-open>.nav-mega{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateX(-50%) translateY(0)!important;transition-delay:0s!important}

.stage7-nav>.nav-dropdown.photography>.nav-mega{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.stage7-nav>.nav-dropdown.spaces>.nav-mega{width:min(620px,calc(100vw - 48px))!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
.stage7-nav>.nav-dropdown.makeup>.nav-mega{width:min(610px,calc(100vw - 48px))!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
.stage7-nav>.nav-dropdown.training>.nav-mega{width:min(610px,calc(100vw - 48px))!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}

/* Dropdown content */
.stage7-nav .nav-mega-group{padding:8px 10px!important;min-width:0!important}
.stage7-nav .nav-mega-group>b{display:block!important;margin:0 0 10px!important;color:var(--nav-gold)!important;font-size:10px!important;font-weight:900!important;letter-spacing:.14em!important;text-transform:uppercase!important}
.stage7-nav .nav-mega-group>a{display:flex!important;align-items:center!important;min-height:34px!important;padding:7px 8px!important;margin:1px -8px!important;border-radius:8px!important;color:var(--nav-text)!important;font-size:12px!important;font-weight:680!important;line-height:1.25!important;white-space:normal!important;overflow-wrap:anywhere!important;transition:background-color .14s ease,color .14s ease!important}
.stage7-nav .nav-mega-group>a:hover,.stage7-nav .nav-mega-group>a:focus-visible{background:#191919!important;color:#ff6b67!important;outline:none!important}
.stage7-nav .nav-mega-group>a::after{display:none!important}
.stage7-nav .nav-mega .nav-feature{display:block!important;margin-top:7px!important;padding:13px 14px!important;background:var(--nav-panel-2)!important;border:1px solid #2b2b2b!important;border-radius:11px!important}
.stage7-nav .nav-mega .nav-feature strong{display:block!important;margin:0 0 4px!important;color:#fff!important;font-size:13px!important;line-height:1.25!important;white-space:normal!important}
.stage7-nav .nav-mega .nav-feature span{display:block!important;color:var(--nav-muted)!important;font-size:11px!important;line-height:1.45!important;white-space:normal!important;overflow-wrap:anywhere!important}

/* Cleaner chevrons */
.stage7-nav .nav-dropdown>.nav-trigger::before{width:6px!important;height:6px!important;margin-left:9px!important;border-width:0 1.5px 1.5px 0!important;transition:transform .16s ease!important}
.stage7-nav .nav-dropdown.is-open>.nav-trigger::before,.stage7-nav .nav-dropdown:focus-within>.nav-trigger::before{transform:rotate(225deg) translate(-1px,-1px)!important}

/* Keep panels inside the desktop viewport on narrower laptops. */
@media(max-width:1280px){
  .stage7-nav>.nav-dropdown>.nav-trigger,.stage7-nav>a{padding:0 8px!important;font-size:11px!important}
  .stage7-nav .nav-mega{width:min(820px,calc(100vw - 32px))!important}
  .stage7-nav>.nav-dropdown.spaces>.nav-mega,.stage7-nav>.nav-dropdown.makeup>.nav-mega,.stage7-nav>.nav-dropdown.training>.nav-mega{width:min(560px,calc(100vw - 32px))!important}
}
@media(max-width:1080px){
  .brand{width:150px!important}
  .stage7-nav>.nav-dropdown>.nav-trigger,.stage7-nav>a{padding:0 6px!important;font-size:10.5px!important}
  .header-actions .btn-small{padding:0 14px!important}
}
@media(max-width:980px){.stage7-nav .nav-mega{display:none!important}}

/* Mobile menu: clearer hierarchy */
.mobile-menu .mobile-menu-group>span{color:var(--nav-gold)!important}
.mobile-menu .mobile-menu-group a{border-radius:8px!important;padding:9px 8px!important;margin:0 -8px!important}
.mobile-menu .mobile-menu-group a:active{background:#171717!important}
