.svp-mega-menu{position:relative;z-index:100;background:var(--svp-bg, #07070A);border-bottom:1px solid var(--svp-border, #1D1D28);font-family:var(--svp-font-body, "Inter", -apple-system, sans-serif)}.svp-mega-menu__bar{display:flex;list-style:none;margin:0 auto;padding:0;gap:0;max-width:1200px;justify-content:center}.svp-mega-menu__item{position:relative}.svp-mega-menu__link{display:flex;align-items:center;min-height:44px;padding:10px 14px;font-size:11px;font-weight:600;font-family:var(--svp-font-data, "JetBrains Mono", monospace);text-transform:uppercase;letter-spacing:.06em;color:var(--svp-text-muted, #8B8BA8);text-decoration:none;transition:color .15s ease;white-space:nowrap}.svp-mega-menu__link:hover,.svp-mega-menu__item:hover>.svp-mega-menu__link{color:var(--svp-text, #EAEAF2);text-decoration:none}.svp-mega-menu__link--sale{color:var(--svp-red, #F07070)}.svp-mega-menu__link--sale:hover{color:#ff8a8a}.svp-mega-menu__dropdown{display:none;position:absolute;top:100%;left:0;min-width:200px;background:var(--svp-surface, #0E0E13);border:1px solid var(--svp-border, #1D1D28);border-top:none;padding:14px 16px;z-index:101}.svp-mega-menu__item:hover>.svp-mega-menu__dropdown{display:block}.svp-mega-menu__dropdown--full{left:50%;transform:translate(-50%);width:100vw;max-width:1200px;padding:20px 28px}.svp-mega-menu__grid{display:grid;gap:20px}.svp-mega-menu__grid--cols-1{grid-template-columns:1fr}.svp-mega-menu__grid--cols-2{grid-template-columns:repeat(2,1fr)}.svp-mega-menu__grid--cols-3{grid-template-columns:repeat(3,1fr)}.svp-mega-menu__grid--cols-4{grid-template-columns:repeat(4,1fr)}.svp-mega-menu__grid--cols-5{grid-template-columns:repeat(5,1fr)}.svp-mega-menu__grid--cols-6{grid-template-columns:repeat(6,1fr)}.svp-mega-menu__col{min-width:0}.svp-mega-menu__heading{display:block;font-size:11px;font-weight:700;font-family:var(--svp-font-data, "JetBrains Mono", monospace);text-transform:uppercase;letter-spacing:.05em;color:var(--svp-text, #EAEAF2);text-decoration:none;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid var(--svp-accent, #7B6CF0)}.svp-mega-menu__heading:hover{color:var(--svp-accent-light, #A08DF7);text-decoration:none}.svp-mega-menu__heading--spaced{margin-top:12px}.svp-mega-menu__sub{list-style:none;margin:0;padding:0}.svp-mega-menu__sub li{margin:0}.svp-mega-menu__sub a{display:block;padding:3px 0;font-size:12px;color:var(--svp-text-muted, #8B8BA8);text-decoration:none;transition:color .12s ease}.svp-mega-menu__sub a:hover{color:var(--svp-accent-light, #A08DF7);text-decoration:none}.svp-mega-menu__cta{display:inline-flex;align-items:center;gap:4px;margin-top:12px;padding:7px 14px;font-size:11px;font-weight:600;font-family:var(--svp-font-data, "JetBrains Mono", monospace);color:var(--svp-accent-light, #A08DF7);border:1px solid var(--svp-accent-border, rgba(123, 108, 240, .22));text-decoration:none;border-radius:4px;transition:background .15s ease,border-color .15s ease;text-transform:uppercase;letter-spacing:.04em}.svp-mega-menu__cta:hover{background:var(--svp-accent-glow, rgba(123, 108, 240, .1));border-color:var(--svp-accent, #7B6CF0);color:var(--svp-accent-light, #A08DF7);text-decoration:none}.svp-mega-menu__brands-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;align-items:stretch}.svp-mega-menu__brand-tile{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;padding:10px 8px;background:var(--svp-bg, #07070A);border:1px solid var(--svp-border, #1D1D28);border-radius:6px;text-decoration:none;color:var(--svp-text, #EAEAF2);transition:border-color .15s ease,transform .15s ease,background .15s ease;min-height:96px}.svp-mega-menu__brand-tile:hover{background:var(--svp-surface, #0E0E13);border-color:var(--svp-accent, #7B6CF0);transform:translateY(-1px);text-decoration:none}.svp-mega-menu__brand-thumb{display:flex;align-items:center;justify-content:center;width:100%;height:44px;overflow:hidden}.svp-mega-menu__brand-logo{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block}.svp-mega-menu__brand-fallback{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:6px;background:#ffffff0a;font-family:var(--svp-font-data, "JetBrains Mono", monospace);font-size:13px;font-weight:800;letter-spacing:.04em}.svp-mega-menu__brand-name{font-size:11px;font-weight:600;text-align:center;color:var(--svp-text, #EAEAF2);line-height:1.2;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.svp-mega-menu__brand-meta{font-size:10px;font-family:var(--svp-font-data, "JetBrains Mono", monospace);color:var(--svp-text-muted, #8B8BA8);letter-spacing:.04em}@media(min-width:769px)and (max-width:1023px){.svp-mega-menu__bar{max-width:100vw;flex-wrap:wrap;justify-content:flex-start}.svp-mega-menu__link{padding:8px 10px;font-size:10px;letter-spacing:.04em}.svp-mega-menu__item{position:static}.svp-mega-menu__dropdown--full{box-sizing:border-box;left:0;right:0;transform:none;width:auto;max-width:none;padding:16px}.svp-mega-menu__grid--cols-3,.svp-mega-menu__grid--cols-4,.svp-mega-menu__grid--cols-5,.svp-mega-menu__grid--cols-6{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.svp-mega-menu__brands-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.svp-mega-menu__dropdown--full{max-height:calc(100vh - 120px);overflow-y:auto}}@media(max-width:768px){.svp-mega-menu{border-bottom:1px solid var(--svp-border-subtle, #141420)}.svp-mega-menu__bar{flex-direction:column;display:none;border-top:1px solid var(--svp-border, #1D1D28)}.svp-mega-menu.is-open .svp-mega-menu__bar{display:flex}.svp-mega-menu__link{min-height:44px;padding:12px 16px;font-size:12px;border-bottom:1px solid var(--svp-border-subtle, #141420)}.svp-mega-menu__dropdown{position:static;border:none;border-top:1px solid var(--svp-border-subtle, #141420);padding:8px 16px 12px;background:var(--svp-bg, #07070A)}.svp-mega-menu__dropdown--full{width:100%;max-width:100%;transform:none;left:0}.svp-mega-menu__grid[class*=--cols-]{grid-template-columns:repeat(2,1fr);gap:16px}.svp-mega-menu__grid--cols-1{grid-template-columns:1fr}.svp-mega-menu__brands-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.svp-mega-menu__brand-tile{min-height:84px;padding:8px 6px}.svp-mega-menu__heading{font-size:10px;margin-bottom:6px;padding-bottom:4px}.svp-mega-menu__sub a{padding:4px 0;font-size:12px}}
/*# sourceMappingURL=/cdn/shop/t/67/assets/svp-mega-menu.css.map */