.nav-models { position: relative; display: flex; align-items: center; }
.site-nav .nav-models-trigger { display: inline-flex; align-items: center; gap: .45rem; }
.nav-models-trigger span { color: #e2c89d; font-size: .72rem; transition: transform .2s ease; }
.nav-models-menu { position: absolute; top: calc(100% + 1rem); left: 50%; width: 285px; padding: .55rem; border: 1px solid rgba(255,255,255,.15); background: rgba(18,15,12,.98); box-shadow: 0 24px 70px rgba(0,0,0,.38); opacity: 0; visibility: hidden; transform: translate(-50%, -8px); transition: opacity .2s ease, transform .2s ease, visibility .2s ease; backdrop-filter: blur(18px); }
.nav-models-menu::before { content: ""; position: absolute; right: 0; bottom: 100%; left: 0; height: 1rem; }
.site-nav .nav-models-menu a { display: grid; grid-template-columns: 30px 1fr; gap: .55rem; align-items: center; min-height: 43px; padding: .5rem .65rem; color: #e6dfd7; border-bottom: 1px solid rgba(255,255,255,.07); font-size: .76rem; text-decoration: none; }
.site-nav .nav-models-menu a:last-child { border-bottom: 0; }
.site-nav .nav-models-menu a:hover, .site-nav .nav-models-menu a.is-current { color: white; background: rgba(226,200,157,.11); }
.nav-models-menu small { color: #c6a16a; font: 700 .64rem "Space Grotesk", sans-serif; letter-spacing: .08em; }

.nav-models-trigger span { color: #75b9e2; }
.nav-models-menu { background: rgba(0,46,90,.98); }
.site-nav .nav-models-menu a:hover,.site-nav .nav-models-menu a.is-current { background: rgba(8,124,191,.22); }
.nav-models-menu small { color: #75b9e2; }
.site-nav .nav-models-menu a { color: #e7f1f7; }
.nav-models:hover .nav-models-menu, .nav-models:focus-within .nav-models-menu { opacity: 1; visibility: visible; transform: translate(-50%, 0); }
.nav-models:hover .nav-models-trigger span, .nav-models:focus-within .nav-models-trigger span { transform: rotate(180deg); }

@media (max-width: 1180px) {
  .site-nav { gap: 1rem; }
  .site-nav > a, .site-nav .nav-models-trigger { font-size: .76rem; }
}

@media (max-width: 980px) {
  .nav-models { flex-direction: column; align-items: flex-start; width: min(520px, 100%); }
  .site-nav .nav-models-trigger { font-size: 1.4rem; }
  .nav-models-trigger span { display: none; }
  .nav-models-menu { position: static; display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: .35rem; width: 100%; margin-top: .55rem; padding: 0; border: 0; background: transparent; box-shadow: none; opacity: 1; visibility: visible; transform: none; }
  .site-nav .nav-models-menu a { min-height: 40px; padding: .4rem .5rem; border: 1px solid rgba(255,255,255,.1); font: 600 .74rem "Manrope", sans-serif; }
  .nav-models:hover .nav-models-menu, .nav-models:focus-within .nav-models-menu { transform: none; }
}

@media (max-width: 520px) {
  .nav-models-menu { grid-template-columns: 1fr; }
  .site-nav.open { justify-content: flex-start; overflow-y: auto; padding-top: 6rem; }
}