@media(max-width:768.98px){.main-nav__badge{display:none}.mega-nav__view-all{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;margin-top:8px;padding:12px 0;border-top:1px solid var(--nav-line-color);color:rgb(var(--nav-child-text-color));font-weight:700;text-decoration:none}.mega-nav__view-all .icon{width:12px;height:12px}.mega-nav__view-all:focus-visible{outline:2px solid var(--header-focus-ring);outline-offset:2px}}@media(min-width:769px){.main-nav__badge--1{background-color:rgba(var(--badge-1-color)/.1);color:rgb(var(--badge-1-color))}.main-nav__badge--2{background-color:rgba(var(--badge-2-color)/.1);color:rgb(var(--badge-2-color))}.main-nav__badge--3{background-color:rgba(var(--badge-3-color)/.1);color:rgb(var(--badge-3-color))}.mega-nav--columns .main-nav__item--go{display:none}.mega-nav--columns .child-nav__item,.mega-nav--columns .main-nav__grandchild{padding-right:0;padding-left:0}.mega-nav--columns .child-nav__collection-image{min-height:54px;pointer-events:inherit}.mega-nav--columns .child-nav__item--toggle{pointer-events:none}.mega-nav--columns .child-nav__item--toggle a{pointer-events:initial}.mega-nav--columns .child-nav__item--toggle:not(.nav__item--no-underline){margin-bottom:calc(2 * var(--space-unit));border-bottom:1px solid var(--nav-line-color)}.mega-nav--columns .child-nav__item--toggle .icon{display:none}.mega-nav--columns .main-nav__grandchild .main-nav__item{padding:.4em 0;font-size:.88em}.mega-nav--columns .main-nav__collection-image{margin-inline-end:1rem}.main-nav__child.mega-nav--two-column{top:calc(100% - 1px);left:50%;box-sizing:border-box;width:min(calc(100vw - 32px),760px);max-height:calc(100vh - var(--content-start, 150px) - 16px);padding:18px 24px 20px;overflow-y:auto;overscroll-behavior:contain;transform:translate(-50%,-10px);border:1px solid var(--nav-line-color);border-top:2px solid rgb(var(--header-accent-color));border-radius:0 0 12px 12px;background-color:rgb(var(--nav-child-bg-color));box-shadow:0 18px 44px #00000029}.is-open>.main-nav__child.mega-nav--two-column,.no-js details[open]>.main-nav__child.mega-nav--two-column{transform:translate(-50%)}.is-closing>.main-nav__child.mega-nav--two-column{transform:translate(-50%,-10px)}.mega-nav--two-column>.container{width:100%;max-width:none;padding-inline:0}.mega-nav--two-column .mega-nav__two-column-grid{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;margin-inline:0;column-gap:0}.mega-nav--two-column .mega-nav__two-column-grid>li{min-width:0}.mega-nav--two-column .mega-nav__two-column-grid>li:first-child{padding-inline-end:clamp(24px,3vw,40px)}.mega-nav--two-column .mega-nav__two-column-grid>li+li{padding-inline-start:clamp(24px,3vw,40px);border-inline-start:1px solid var(--nav-line-color)}.mega-nav--two-column .mega-nav__two-column-grid .child-nav__item--toggle:not(.nav__item--no-underline){margin-bottom:6px;border-bottom-color:rgb(var(--header-accent-color) / .65)}.mega-nav--two-column .child-nav__item--toggle .child-nav__item{padding-top:0;padding-bottom:12px}.mega-nav--two-column .main-nav__grandchild .main-nav__item{margin-inline:-8px;padding:4px 8px;border-radius:6px;font-size:.92em;line-height:1.4;transition:background-color .16s var(--header-ease),color .16s var(--header-ease)}.mega-nav--two-column .main-nav__grandchild .main-nav__item:hover{background-color:var(--header-hover-bg);color:rgb(var(--nav-child-text-color))}.mega-nav--two-column .main-nav__grandchild .main-nav__item:focus-visible{outline:2px solid var(--header-focus-ring);outline-offset:1px}.mega-nav--two-column .mega-nav__view-all{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;margin-top:12px;padding:12px 8px 0;border-top:1px solid var(--nav-line-color);color:rgb(var(--nav-child-text-color));font-size:.92em;font-weight:700;text-decoration:none}.mega-nav--two-column .mega-nav__view-all .icon{width:12px;height:12px;transition:transform .16s var(--header-ease)}.mega-nav--two-column .mega-nav__view-all:hover{color:rgb(var(--header-accent-color))}.mega-nav--two-column .mega-nav__view-all:hover .icon{transform:translate(3px)}.mega-nav--two-column .mega-nav__view-all:focus-visible{outline:2px solid var(--header-focus-ring);outline-offset:2px}.md\:nav-gap-x-16{column-gap:calc(16 * var(--space-unit))}.md\:nav-gap-y-4{row-gap:calc(4 * var(--space-unit))}}
/*# sourceMappingURL=/cdn/shop/t/157/assets/navigation-mega-columns.css.map */