.head nav {
  font-size: 15px;
}

.head nav .menu li {
  line-height: 1.1;
  margin-bottom: 2px;
}

.head nav .menu li > a {
  font-family: 'HelveticaNeueCustom', Arial, sans-serif;
  font-weight: 300;
}


.head nav .menu small,
.head nav .menu .menu-desc,
.head nav .menu .desc {
  display: block;
  margin: 2px 0 6px 0;
  font-size: 14px;
  line-height: 1.2;
  color: rgba(255,255,255,0.85);
  max-width: 100%;
  white-space: normal;
  word-break: break-word;
}


.menu-select-wrap,
.menu-subselect {
  margin-top: 6px;
  padding: 0 6px;
  box-sizing: border-box;
}

/* Сами select */
.menu-select,
.menu select {
  display: block;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  min-height: 30px;
  height: 30px;
  padding: 4px 8px;
  font-size: 16px;
  line-height: 1.2;
  color: #424242;
  background: #fff;
  border: 1px solid #d8d8d8;
  border-radius: 8px;
  box-sizing: border-box;
  outline: none;
}

.menu-select:focus,
.menu select:focus {
  border-color: #111;
}


.is-hidden {
  display: none;
}


.menu-select-wrap,
.menu-subselect {
  margin-top: 2px;
  padding: 0 2px; 
  box-sizing: border-box;
}


.menu-select,
.menu select {
  display: block;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;

  height: 32px;
  min-height: 32px;

  padding: 4px 6px; 
  font-size: 16px;
  line-height: 1.2;

  color: #424242;
  background: #fff;

  border: 1px solid #d8d8d8;
  border-radius: 8px;
}




/* контейнер меню */
.head nav {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transform: translateY(-18px);
  transition:
    max-height 0.9s ease-out,
    opacity 0.45s ease-out,
    transform 0.45s ease-out;
}

/* открытое меню */
.head #explore:checked + label + nav {
  max-height: 1200px;
  opacity: 1;
  transform: translateY(0);
}

/* список */
.head nav .menu {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* все категории внутри */
.head nav .menu > li {
  opacity: 0;
  transform: translateY(-14px);
  transition:
    opacity 0.45s ease-out,
    transform 0.45s ease-out;
}

/* когда меню открыто — категории тоже "спускаются" */
.head #explore:checked + label + nav .menu > li {
  opacity: 1;
  transform: translateY(0);
}

/* каскадная задержка */
.head #explore:checked + label + nav .menu > li:nth-child(1) { transition-delay: 0.05s; }
.head #explore:checked + label + nav .menu > li:nth-child(2) { transition-delay: 0.10s; }
.head #explore:checked + label + nav .menu > li:nth-child(3) { transition-delay: 0.15s; }
.head #explore:checked + label + nav .menu > li:nth-child(4) { transition-delay: 0.20s; }
.head #explore:checked + label + nav .menu > li:nth-child(5) { transition-delay: 0.25s; }
.head #explore:checked + label + nav .menu > li:nth-child(6) { transition-delay: 0.30s; }
.head #explore:checked + label + nav .menu > li:nth-child(7) { transition-delay: 0.35s; }
.head #explore:checked + label + nav .menu > li:nth-child(8) { transition-delay: 0.40s; }
.head #explore:checked + label + nav .menu > li:nth-child(9)  { transition-delay: 0.45s; }
.head #explore:checked + label + nav .menu > li:nth-child(10) { transition-delay: 0.50s; }
.head #explore:checked + label + nav .menu > li:nth-child(11) { transition-delay: 0.55s; }


.head nav {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transform: translateY(-18px);

  background: rgba(17, 34, 51, 0.75);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);

  border-bottom: 1px solid rgba(255,255,255,0.08);
  box-shadow: 0 10px 40px rgba(0, 234, 255, 0.08);

  transition:
    max-height 1.2s ease-out,
    opacity 0.4s ease-out,
    transform 0.4s ease-out;
}.head .l img {
}