.navigation{position:relative;display:flex;align-items:center;gap:0}.navigation__list{display:flex;align-items:center;gap:0;list-style:none;margin:0;padding:0}.navigation__item{position:relative}.navigation__link{display:flex;align-items:center;padding:1rem 1.5rem;color:var(--header-text-color);text-decoration:none;font-weight:500;font-size:.9375rem;transition:color .2s ease;min-height:44px}.navigation__link:hover,.navigation__link--active{color:var(--header-accent-color)}.mega-menu{position:absolute;top:100%;left:50%;transform:translate(-50%);width:100vw;max-width:1440px;background-color:#fff;box-shadow:0 4px 16px #0000001a;opacity:0;visibility:hidden;transition:opacity .15s ease,visibility .15s ease;z-index:100}.mega-menu.active{opacity:1;visibility:visible}.mega-menu__inner{display:grid;grid-template-columns:2fr 1fr;gap:2rem;padding:2rem}.mega-menu__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem 1.5rem}.mega-menu__column{min-width:0}.mega-menu__category{margin-bottom:.75rem;font-size:1rem;font-weight:600;line-height:1.4}.mega-menu__category a{color:var(--color-text);text-decoration:none;transition:color .2s ease}.mega-menu__category a:hover{color:var(--color-primary)}.mega-menu__links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.25rem}.mega-menu__links li{line-height:1.6}.mega-menu__links a{color:var(--color-text-light, #666666);text-decoration:none;font-size:.9375rem;transition:color .2s ease;display:block;padding:.25rem 0}.mega-menu__links a:hover{color:var(--color-primary)}.mega-menu__view-all{margin-top:.5rem;font-size:.875rem;font-weight:600}.mega-menu__view-all a{color:var(--color-primary)!important;display:inline-flex;align-items:center;gap:.25rem}.mega-menu__view-all a:hover{text-decoration:underline}.mega-menu__link--active{color:var(--ds-color-accent, var(--color-primary))!important;font-weight:600}.mega-menu__category .mega-menu__link--active,.mega-menu__links .mega-menu__link--active{position:relative}.mega-menu__links .mega-menu__link--active:before{content:"";position:absolute;left:-.75rem;top:50%;transform:translateY(-50%);width:4px;height:4px;background-color:var(--ds-color-accent, var(--color-primary));border-radius:50%}.mega-menu__promo{padding:1.5rem;border-radius:8px;display:flex;flex-direction:column;gap:.75rem}.mega-menu__promo-tag{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--color-text);background-color:#0000000d;padding:.25rem .75rem;border-radius:4px;width:fit-content}.mega-menu__promo-title{font-size:1.25rem;font-weight:600;line-height:1.3;color:var(--color-text);margin:0}.mega-menu__promo-description{font-size:.9375rem;line-height:1.6;color:var(--color-text)}.mega-menu__promo-description p{margin:0 0 .75rem}.mega-menu__promo-description p:last-child{margin-bottom:0}.mega-menu__promo-button{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;background-color:var(--color-primary);color:#fff;text-decoration:none;font-weight:600;border-radius:4px;transition:all .2s ease;min-height:44px;width:fit-content}.mega-menu__promo-button:hover{filter:brightness(.9);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}@media (min-width: 768px){.mobile-drawer,.mobile-drawer__overlay{display:none!important}}@media (max-width: 767px){.navigation,.mega-menu{display:none!important}.mobile-drawer{position:fixed;top:0;right:0;width:85%;max-width:400px;height:100vh;background-color:var(--color-background, #FFFFFF);transform:translate(100%);transition:transform .3s ease;z-index:1000;overflow-y:auto;-webkit-overflow-scrolling:touch}.mobile-drawer.drawer-open{transform:translate(0)}.mobile-drawer__overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#00000080;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;z-index:999}.mobile-drawer__overlay.active{opacity:1;visibility:visible}.mobile-drawer__content{padding:0}.mobile-drawer__header{display:flex;align-items:center;justify-content:flex-end;padding:1rem;border-bottom:1px solid rgba(0,0,0,.1)}.mobile-drawer__close{display:flex;align-items:center;justify-content:center;color:var(--color-text);min-width:44px;min-height:44px;padding:.5rem;background:none;border:none;cursor:pointer}.mobile-drawer__nav{padding:0}.mobile-drawer__list{list-style:none;margin:0;padding:0}.mobile-drawer__item{border-bottom:1px solid rgba(0,0,0,.1)}.mobile-drawer__link{display:block;padding:1rem;color:var(--color-text);text-decoration:none;font-weight:500;min-height:44px;transition:background-color .2s ease}.mobile-drawer__link:active{background-color:#0000000d}.accordion{display:flex;flex-direction:column}.accordion__trigger{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:44px;padding:1rem;background:none;border:none;text-align:left;cursor:pointer;font-weight:500;color:var(--color-text);transition:background-color .2s ease}.accordion__trigger:active{background-color:#0000000d}.accordion__link{color:var(--color-text);text-decoration:none;flex:1;pointer-events:none}.accordion__icon{font-size:.75rem;transition:transform .3s ease;margin-left:.5rem}.accordion__trigger[aria-expanded=true] .accordion__icon{transform:rotate(90deg)}.accordion__content{overflow:hidden;transition:height .3s ease}.accordion__content[hidden]{display:none}.accordion__list{list-style:none;margin:0;padding:0;background-color:#00000005}.accordion__list li{border-top:1px solid rgba(0,0,0,.05)}.accordion__list a{display:block;padding:.875rem 1rem .875rem 2rem;color:var(--color-text-light, #666666);text-decoration:none;font-size:.9375rem;min-height:44px;transition:background-color .2s ease}.accordion__list a:active{background-color:#0000000d}.accordion__parent-link{font-weight:600;color:var(--color-text)!important}.accordion__content .mega-menu__promo{margin:1rem}}@media (prefers-reduced-motion: reduce){.mega-menu,.navigation__link,.mobile-drawer,.mobile-drawer__overlay,.accordion__trigger,.accordion__content,.accordion__icon{transition:none!important}}.navigation__link:focus-visible,.mega-menu__category a:focus-visible,.mega-menu__links a:focus-visible,.mega-menu__promo-button:focus-visible,.mobile-drawer__link:focus-visible,.mobile-drawer__close:focus-visible,.accordion__trigger:focus-visible,.accordion__list a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}
/*# sourceMappingURL=/cdn/shop/t/5/assets/mega-menu.css.map */
