.mega-menu{position:static}.mega-menu__content{background-color:rgb(var(--color-background));border-left:0;border-radius:0;border-right:0;left:0;overflow-y:visible;padding-bottom:4rem;position:absolute;right:0;top:100%;box-shadow:none;border-top:1px solid rgba(var(--color-foreground),.15);margin-top:0;padding-top:4rem;z-index:10}.shopify-section-header-sticky .mega-menu__content{max-height:calc(100vh - var(--header-bottom-position-desktop, 20rem) - 4rem)}.js .mega-menu__content{opacity:0;transform:translateY(-1.5rem);transition:opacity .3s ease,transform .3s ease,visibility 0s linear .3s;visibility:hidden}.mega-menu[open] .mega-menu__content{opacity:1;transform:translateY(0);transition:opacity .3s ease,transform .3s ease;visibility:visible}.mega-menu:hover .mega-menu__content,.mega-menu[open] .mega-menu__content{opacity:1;transform:translateY(0);visibility:visible}.mega-menu details summary{position:relative}.mega-menu details summary:after{content:"";position:absolute;top:100%;left:0;right:0;height:10px;background:transparent;z-index:10}.mega-menu details{transition:all .1s ease}.mega-menu__list{display:grid;gap:3rem 2rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));list-style:none;max-width:1600px;margin:0 auto;padding:0 2rem;align-items:start}@media screen and (min-width: 990px){.mega-menu__list{grid-template-columns:repeat(4,1fr);gap:2rem 1.5rem}}@media screen and (min-width: 1200px){.mega-menu__list{grid-template-columns:repeat(3,1fr);gap:2rem 2rem}}.mega-menu__container{display:grid;grid-template-columns:320px 1fr;gap:0;align-items:start;background:rgb(var(--color-background));border-radius:0;padding:0;transition:all .3s ease;border:none;overflow:hidden;max-width:1400px;margin:0 auto;position:relative;z-index:11}.mega-menu__container:hover{transform:none;box-shadow:none;border-color:transparent}.mega-menu__list>li{display:contents}.mega-menu__menu-section{display:flex;flex-direction:column;width:320px;background:rgb(var(--color-background));border-right:none;padding:0}.mega-menu__category-list{margin:0;padding:0;list-style:none;height:100%}.mega-menu__category-list li{border-bottom:none;position:relative}.mega-menu__category-list li:last-child{border-bottom:none}.mega-menu__category-item{display:flex;align-items:center;justify-content:space-between;padding:1.2rem 1.5rem;color:rgba(var(--color-foreground),.9);text-decoration:none;font-size:1.4rem;font-weight:700;transition:all .3s ease;position:relative;background:rgb(var(--color-background));border-top:.5px solid rgba(var(--color-foreground),.2);border-bottom:.5px solid rgba(var(--color-foreground),.2)}.mega-menu__category-list li:first-child .mega-menu__category-item{border-top:none}.mega-menu__category-list li:last-child .mega-menu__category-item{border-bottom:none}.mega-menu__category-item:after{content:"";display:block;width:8px;height:8px;border-right:2px solid rgba(var(--color-foreground),.4);border-top:2px solid rgba(var(--color-foreground),.4);transform:rotate(45deg);transition:all .3s ease}.mega-menu__category-item:hover,.mega-menu__category-item.active{background-color:rgba(var(--color-foreground),.06);color:rgb(var(--color-foreground));padding-left:2rem;border-color:transparent}.mega-menu__category-item:hover:after,.mega-menu__category-item.active:after{border-color:rgb(var(--color-foreground));transform:rotate(45deg) translate(2px)}.mega-menu__link{color:rgba(var(--color-foreground),.75);display:block;line-height:calc(1 + .3 / var(--font-body-scale));padding-bottom:.6rem;padding-top:.6rem;text-decoration:none;transition:all var(--duration-short) ease;word-wrap:break-word;width:100%}.mega-menu__link--level-2{font-weight:600;font-size:1.1rem;color:rgb(var(--color-foreground));margin-bottom:1.5rem;padding:2rem 2rem 1rem;border-bottom:1px solid rgba(var(--color-foreground),.1);text-transform:uppercase;letter-spacing:.5px;line-height:1.3;background:rgb(var(--color-background))}.mega-menu__link--level-2:before{content:"";display:inline-block;width:20px;height:20px;margin-right:8px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px;vertical-align:middle;margin-top:-2px}.mega-menu__list>li:nth-child(1) .mega-menu__link--level-2:before{background:linear-gradient(135deg,#ff9a56,#ff6b9d)}.mega-menu__list>li:nth-child(2) .mega-menu__link--level-2:before{background:linear-gradient(135deg,#ffeaa7,#fab1a0)}.mega-menu__list>li:nth-child(3) .mega-menu__link--level-2:before{background:linear-gradient(135deg,#6c5ce7,#a29bfe)}.mega-menu__list>li:nth-child(4) .mega-menu__link--level-2:before{background:linear-gradient(135deg,#00b894,#55efc4)}.mega-menu__list>li:nth-child(5) .mega-menu__link--level-2:before{background:linear-gradient(135deg,#fd79a8,#fdcb6e)}.mega-menu__link:not(.mega-menu__link--level-2){font-size:.9rem;padding:.4rem 0;color:rgba(var(--color-foreground),.7);transition:all .2s ease;border-radius:4px;margin-bottom:.2rem}.mega-menu__link:not(.mega-menu__link--level-2):hover{color:rgb(var(--color-foreground));background-color:rgba(var(--color-foreground),.03);padding-left:.5rem;transform:translate(4px)}.header--top-center .mega-menu__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));justify-content:center;gap:2rem;max-width:1600px;margin:0 auto}.header--top-center .mega-menu__list>li{padding:0}.mega-menu__link:hover,.mega-menu__link--active{color:rgb(var(--color-foreground))}.mega-menu__link--level-2:hover{color:rgb(var(--color-foreground));text-decoration:none}.mega-menu__link--active:hover{text-decoration:none}.mega-menu .mega-menu__list--condensed{display:block}.mega-menu__list--condensed .mega-menu__link{font-weight:400}.mega-menu__images{display:flex;flex-direction:column;height:100%;padding:2rem;background:rgb(var(--color-background));border:none}.mega-menu__images-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;flex-grow:1}@media screen and (min-width: 990px){.mega-menu__images-grid{grid-template-columns:repeat(3,1fr)}}@media screen and (min-width: 1200px){.mega-menu__images-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}}@media screen and (min-width: 1400px){.mega-menu__images-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem}}.mega-menu__image-item{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .3s ease;padding:1rem;border-radius:8px;background:transparent}.mega-menu__image-item--clickable{text-decoration:none;color:inherit;cursor:pointer}.mega-menu__image-item--clickable:hover,.mega-menu__image-item--clickable:focus{text-decoration:none;color:inherit;transform:translateY(-2px)}.mega-menu__image-wrapper{width:100%;aspect-ratio:1;margin-bottom:1rem;border-radius:8px;overflow:hidden;background:transparent;transition:all .3s ease}.mega-menu__image-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.mega-menu__image-wrapper img:hover{transform:scale(1.05)}.mega-menu__image-label{font-size:1.4rem;font-weight:400;color:rgba(var(--color-foreground),.9);text-transform:uppercase;letter-spacing:.3px;line-height:1.3}.mega-menu__image-wrapper:empty:before{content:"";display:block;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2' ry='2'/%3E%3Ccircle cx='9' cy='9' r='2'/%3E%3Cpath d='m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:24px 24px}@media screen and (max-width: 768px){.mega-menu__container{grid-template-columns:1fr;gap:0;min-height:auto;border:none}.mega-menu__menu-section{width:100%;min-height:auto;border-right:none;border-bottom:none;background:rgb(var(--color-background))}.mega-menu__images{padding:1.5rem;border:none;background:rgb(var(--color-background))}.mega-menu__images-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}@media screen and (min-width: 990px){.mega-menu__container{max-width:1200px}}@media screen and (min-width: 1200px){.mega-menu__container{max-width:1400px}}.mega-menu .modal-overlay{display:none}.mega-menu[open] .modal-overlay{display:block;position:absolute;top:100%;left:0;right:0;height:100vh;background-color:rgba(var(--color-foreground),.5);z-index:1;pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-mega-menu.css.map */