/* V71.1 — unified dropdown popup with bright lime borders everywhere */

:root{
  --dropdown-lime-border: #c8ff57;
  --dropdown-lime-soft: rgba(200,255,87,.34);
  --dropdown-lime-bg: rgba(200,255,87,.08);
}

.nav .has-dropdown{position:relative;}

.nav .dropdown-panel{
  width:min(680px, calc(100vw - 36px));
  top:calc(100% + 16px);
  padding:18px;
  gap:12px 18px;
  border-radius:24px;
  border:1px solid var(--dropdown-lime-border);
  background:
    radial-gradient(120% 140% at 0% 0%, rgba(161,219,60,.12), transparent 42%),
    radial-gradient(100% 120% at 100% 100%, rgba(82,136,35,.18), transparent 48%),
    linear-gradient(135deg, rgba(28,40,33,.97) 0%, rgba(31,45,36,.96) 52%, rgba(25,37,31,.98) 100%);
  box-shadow:
    0 28px 70px rgba(0,0,0,.38),
    0 0 0 1px rgba(200,255,87,.12) inset,
    0 0 26px rgba(183,255,50,.14);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  overflow:hidden;
}

.nav .dropdown-panel a{
  min-height:64px;
  padding:13px 16px;
  border-radius:16px;
  border:1px solid var(--dropdown-lime-border);
  background:transparent;
  color:#f4f7f2;
  font-size:15px;
  font-weight:700;
  line-height:1.2;
  letter-spacing:-0.01em;
  transition:
    background .22s ease,
    border-color .22s ease,
    transform .22s ease,
    box-shadow .22s ease,
    color .22s ease;
}

.nav .dropdown-panel a:hover,
.nav .dropdown-panel a:focus-visible{
  background:linear-gradient(180deg, rgba(164,223,69,.18), rgba(116,175,44,.12));
  border-color:var(--dropdown-lime-border);
  box-shadow:0 10px 22px rgba(114,180,33,.10), 0 0 18px rgba(183,255,50,.10);
  transform:translateY(-1px);
  color:#ffffff;
}

.nav .dropdown-panel a.active{
  background:linear-gradient(180deg, rgba(133,154,116,.34) 0%, rgba(98,119,84,.42) 100%);
  border-color:var(--dropdown-lime-border);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 12px 24px rgba(0,0,0,.12),
    0 0 0 1px rgba(200,255,87,.12),
    0 0 20px rgba(183,255,50,.10);
  color:#ffffff;
}

.nav .dropdown-panel .ico{
  width:40px;
  height:40px;
  border-radius:12px;
  flex-shrink:0;
  background:linear-gradient(180deg, rgba(162,220,68,.22) 0%, rgba(119,170,46,.18) 100%);
  border:1px solid var(--dropdown-lime-border);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
  color:#b7f332;
  font-size:12px;
  font-weight:800;
  letter-spacing:.02em;
}

.nav .dropdown-panel a.active .ico,
.nav .dropdown-panel a:hover .ico,
.nav .dropdown-panel a:focus-visible .ico{
  background:linear-gradient(180deg, rgba(171,233,72,.36) 0%, rgba(122,178,45,.28) 100%);
  border-color:var(--dropdown-lime-border);
  color:#d4ff5b;
  box-shadow:0 0 16px rgba(183,255,50,.18);
}

.nav .dropdown-trigger{
  transition:color .22s ease, text-shadow .22s ease;
}
.nav .dropdown-trigger:hover,
.nav .has-dropdown.open .dropdown-trigger{
  color:#d0ff58;
  text-shadow:0 0 16px rgba(192,255,72,.16);
}

@media (max-width: 900px){
  .nav .dropdown-panel{
    width:min(600px, calc(100vw - 26px));
    gap:10px 12px;
    padding:14px;
  }
  .nav .dropdown-panel a{
    min-height:58px;
    padding:12px 13px;
    font-size:14px;
  }
}

@media (max-width: 640px){
  .nav .dropdown-panel{
    width:min(520px, calc(100vw - 18px));
    grid-template-columns:1fr;
    left:0;
    transform:translateX(0) translateY(6px);
  }
  .nav .has-dropdown.open .dropdown-panel{
    transform:translateX(0) translateY(0);
  }
}