.header-actions { align-items: center; display: flex; gap: 18px; margin-left: auto; position: relative; }
.catalog-nav { align-items: center; display: flex; gap: 3px; }
.catalog-nav > a,
.catalog-dropdown > summary { color: inherit; cursor: pointer; display: block; font: 600 12px "DM Mono", monospace; letter-spacing: .04em; list-style: none; padding: 10px 11px; text-decoration: none; text-transform: uppercase; white-space: nowrap; }
.catalog-dropdown > summary::-webkit-details-marker { display: none; }
.catalog-dropdown > summary span { color: var(--lime); font-size: 16px; margin-left: 4px; }
.catalog-dropdown { position: relative; }
.catalog-dropdown[open] > summary,
.catalog-nav > a:hover { background: rgba(255, 255, 255, .1); color: var(--lime); }
.dropdown-panel { background: #11121f; border: 1px solid #5d5780; box-shadow: 7px 8px 0 rgba(0, 0, 0, .25); display: grid; left: 0; min-width: 182px; padding: 7px; position: absolute; top: calc(100% + 8px); z-index: 40; }
.catalog-dropdown:not([open]) .dropdown-panel { display: none; }
.dropdown-panel a { color: #fff; font: 600 12px "DM Mono", monospace; letter-spacing: .03em; padding: 11px 12px; text-decoration: none; }
.dropdown-panel a:hover,
.dropdown-panel a:focus-visible { background: var(--lime); color: var(--ink); outline: none; }
.mobile-catalog-nav { display: none; }
.header-return { color: var(--lime); font: 600 12px "DM Mono", monospace; letter-spacing: .04em; text-decoration: none; text-transform: uppercase; white-space: nowrap; }
.header-return span { color: var(--pink); margin-left: 4px; }

@media (max-width: 960px) {
  .catalog-nav { display: none !important; }
  .mobile-catalog-nav { display: block; position: relative; }
  .mobile-catalog-nav > summary { border: 1px solid rgba(255, 255, 255, .42); color: #fff; cursor: pointer; font: 600 11px "DM Mono", monospace; letter-spacing: .08em; list-style: none; padding: 10px 11px; }
  .mobile-catalog-nav > summary::-webkit-details-marker { display: none; }
  .mobile-catalog-nav > summary span { color: var(--lime); margin-left: 6px; }
  .mobile-catalog-panel { background: #11121f; border: 1px solid #5d5780; box-shadow: 7px 8px 0 rgba(0, 0, 0, .25); display: grid; gap: 2px; padding: 12px; position: absolute; right: 0; top: calc(100% + 8px); width: min(84vw, 290px); z-index: 50; }
  .mobile-catalog-nav:not([open]) .mobile-catalog-panel { display: none; }
  .mobile-catalog-panel b { color: var(--lime); font: 11px "DM Mono", monospace; letter-spacing: .12em; margin: 6px 0 2px; }
  .mobile-catalog-panel a { color: #fff; font: 600 14px "Space Grotesk", sans-serif; padding: 9px 10px; text-decoration: none; }
  .mobile-catalog-panel a:hover,
  .mobile-catalog-panel a:focus-visible { background: var(--lime); color: var(--ink); outline: none; }
}

@media (max-width: 520px) {
  .site-header,
  .catalog-header { gap: 8px; }
  .header-actions { gap: 8px; }
  .site-header .button-small { font-size: 0; gap: 0; padding: 11px 12px; }
  .site-header .button-small span { font-size: 16px; }
  .catalog-header .header-return { display: none; }
}