/* ── Shared Nav + Dropdown styles for all OPEQ pages ── */
.nav { position: sticky; top: 0; z-index: 200; background: var(--opeq-navy); border-bottom: 1px solid rgba(245,243,240,.08); }
.nav__inner { display: flex; align-items: center; justify-content: space-between; height: 72px; gap: 16px; }
.nav__logo { height: 28px; width: auto; }
.nav__links { display: none; list-style: none; gap: 4px; align-items: center; }
@media (min-width: 960px) { .nav__links { display: flex; } }

/* top-level item */
.nav__item { position: relative; }
.nav__item > a, .nav__drop-btn {
  font-family: var(--font-body); font-weight: 600; font-size: 14px;
  color: rgba(245,243,240,.82); text-decoration: none;
  background: none; border: none; cursor: pointer;
  padding: 8px 14px; border-radius: 8px;
  transition: color .15s, background .15s;
  display: flex; align-items: center; gap: 5px;
  white-space: nowrap;
}
.nav__item > a:hover, .nav__drop-btn:hover,
.nav__item > a.active, .nav__drop-btn.active { color: #fff; background: rgba(245,243,240,.08); }

/* dropdown arrow */
.nav__drop-btn::after { content: '▾'; font-size: 10px; opacity: .7; }

/* dropdown panel */
.nav__dropdown {
  display: none; position: absolute; top: calc(100% + 8px); left: 0;
  background: #fff; border-radius: 16px; box-shadow: 0 8px 32px rgba(14,40,65,.18);
  min-width: 220px; list-style: none; padding: 8px;
  z-index: 300;
}
.nav__item:hover .nav__dropdown,
.nav__item:focus-within .nav__dropdown { display: block; }
.nav__dropdown li a {
  display: flex; align-items: center; gap: 10px;
  padding: 11px 14px; border-radius: 10px;
  font-size: 14px; font-weight: 500; color: var(--opeq-navy);
  text-decoration: none; transition: background .12s;
}
.nav__dropdown li a:hover { background: var(--opeq-cream); }
.nav__dropdown li a .dd-icon { width: 32px; height: 32px; border-radius: 8px; display: flex; align-items: center; justify-content: center; flex: 0 0 32px; }
.nav__dropdown li a .dd-icon img { width: 20px; height: 20px; object-fit: contain; }
.nav__dropdown li a .dd-label { display: flex; flex-direction: column; gap: 2px; }
.nav__dropdown li a .dd-label strong { font-weight: 700; font-size: 14px; }
.nav__dropdown li a .dd-label span { font-size: 12px; color: var(--fg-muted); font-weight: 400; }

/* right side */
.nav__right { flex: 0 0 auto; display: flex; align-items: center; gap: 10px; }
.nav__lang { font-family: var(--font-body); font-size: 13px; font-weight: 600;
  color: rgba(245,243,240,.5); cursor: pointer; padding: 6px 10px; border-radius: 8px;
  border: 1px solid rgba(245,243,240,.15); transition: color .15s;
  background: none; display: none; }
@media (min-width: 960px) { .nav__lang { display: block; } }
.nav__account { width: 38px; height: 38px; border-radius: 50%;
  background: rgba(245,243,240,.1); display: flex; align-items: center; justify-content: center;
  color: rgba(245,243,240,.8); transition: background .15s; text-decoration: none; }
.nav__account:hover { background: rgba(40,170,222,.25); }
.nav__cta-btn { padding: 11px 20px; font-size: 14px; }