.lc-header { position: fixed; inset: 0 0 auto; z-index: 60; display: flex; align-items: center; justify-content: space-between; gap: 24px; height: 78px; padding: 0 clamp(20px, 4vw, 64px); border-bottom: 1px solid rgba(110,255,219,.18); background: #020b08; font-family: "Manrope", "Segoe UI", sans-serif; }
.lc-header .lc-brand { display: block; flex: 0 0 auto; color: #f5faf8; font-family: "Unbounded", sans-serif; font-size: 14px; letter-spacing: .12em; text-decoration: none; }
.lc-brand span { color: #9aaba6; font-weight: 400; }
.lc-header .lc-nav { display: flex; align-items: center; gap: clamp(16px, 2vw, 30px); }
.lc-header .lc-nav > a, .lc-header button { color: #dce7e3; font-size: 14px; text-decoration: none; border: 0; background: none; font-family: inherit; padding: 12px 0; cursor: pointer; }
.lc-header a:hover, .lc-header button:hover { color: #92ffe5; }
.lc-header a:focus-visible, .lc-header button:focus-visible { outline: 2px solid #92ffe5; outline-offset: 4px; }
.lc-dropdown { position: relative; }
.lc-header .lc-submenu { position: absolute; top: 100%; left: 0; width: 310px; max-width: calc(100vw - 40px); padding: 10px; border: 1px solid rgba(110,255,219,.36); background: #06110e; box-shadow: 0 16px 32px #0008; }
.lc-submenu[hidden] { display: none; }
.lc-header .lc-submenu a { display: block; padding: 14px; text-decoration: none; border: 0; color: #f5faf8; }
.lc-header .lc-submenu a:hover, .lc-header .lc-submenu a:focus-visible { background: #0b231a; }
.lc-submenu strong { display: block; font-size: 15px; }
.lc-submenu span { display: block; margin-top: 5px; font-size: 12px; line-height: 1.6; color: #9aaba6; }
.lc-header .lc-menu-button { display: none; }
.commerce-page .commerce-main { margin-top: 126px; }
@media (max-width: 1050px) {
  .lc-header { height: 68px; }
  .lc-header .lc-brand { font-size: 12px; }
  .lc-header .lc-menu-button { display: block; padding: 9px 12px; border: 1px solid rgba(110,255,219,.36); }
  .lc-header .lc-nav { display: none; position: absolute; top: 68px; left: 0; right: 0; padding: 16px 20px; max-height: calc(100dvh - 68px); overflow-y: auto; background: #020b08; border-bottom: 1px solid rgba(110,255,219,.36); }
  .lc-header .lc-nav[data-open] { display: flex; flex-direction: column; align-items: stretch; gap: 2px; }
  .lc-header .lc-nav > a, .lc-header .lc-catalog-button { display: block; width: 100%; text-align: left; padding: 12px 0; }
  .lc-header .lc-submenu { position: static; width: 100%; max-width: none; box-shadow: none; }
  .commerce-page .commerce-main { margin-top: 104px; }
}
