strix-mega-menu{--strix-mega-menu-content-gap: 16px;--strix-mega-menu-close-button-height: 33px;--strix-mega-menu-padding-top: 32px;--strix-mega-menu-padding-right: 32px;--strix-mega-menu-padding-bottom: 64px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--mega-menu-content-gap);overflow:hidden;background-color:var(--background-color-mobile, #FAF9F6);color:var(--color-text-mobile, #121212)!important;padding:16px;position:absolute;top:0;left:0;width:100%;height:100dvh;z-index:5}@media(min-width:768px){strix-mega-menu{height:calc(100dvh - var(--strix-main-header-height, 0px));position:relative;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:0;padding:0;background-color:#00000059;color:rgba(var(--color-foreground))!important}strix-mega-menu .strix-mega-menu__entry-level,strix-mega-menu .previous-button--li{display:none}}strix-mega-menu nav.page-width{position:relative;display:grid;grid-template-columns:1fr;width:100%;max-height:calc(100dvh - var(--strix-mega-menu-close-button-height) - var(--strix-mega-menu-content-gap));overflow-y:auto;padding:0}@media(min-width:768px){strix-mega-menu nav.page-width{overflow-y:visible;display:grid;grid-template-areas:"root-level first-level second-level";grid-template-columns:minmax(0,200px) 1fr minmax(0,200px);row-gap:0;max-height:none;padding:0 var(--page-width-padding-desktop)}}@media(min-width:1024px){strix-mega-menu nav.page-width{grid-template-columns:minmax(0,320px) 1fr minmax(0,450px)}}strix-mega-menu .strix-mega-menu__action-bar{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end}@media(min-width:768px){strix-mega-menu .strix-mega-menu__action-bar{display:none}}strix-mega-menu .strix-mega-menu__action-bar button{background:transparent;border:none;height:var(--strix-mega-menu-close-button-height)}strix-mega-menu .strix-mega-menu__action-bar .icon{width:20px;height:20px}strix-mega-menu .previous-button.link,strix-mega-menu .category-text{margin:0;padding-top:0;padding-bottom:24px}@media(min-width:768px){strix-mega-menu .previous-button.link,strix-mega-menu .category-text{display:none}}strix-mega-menu .previous-button span{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}strix-mega-menu .all-about-category{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media(min-width:768px){strix-mega-menu .all-about-category svg{display:none}}strix-mega-menu .strix-mega-menu__menu menu{-webkit-transition-timing-function:cubic-bezier(.4,0,1,1);transition-timing-function:cubic-bezier(.4,0,1,1);--strix-translate-y: 0;--strix-rotate: 0;--strix-skew-x: 0;--strix-skew-y: 0;--strix-scale-x: 1;--strix-scale-y: 1;-webkit-transform:translateX(var(--strix-translate-x)) translateY(var(--strix-translate-y)) rotate(var(--strix-rotate)) skewX(var(--strix-skew-x)) skewY(var(--strix-skew-y)) scaleX(var(--strix-scale-x)) scaleY(var(--strix-scale-y));transform:translate(var(--strix-translate-x)) translateY(var(--strix-translate-y)) rotate(var(--strix-rotate)) skew(var(--strix-skew-x)) skewY(var(--strix-skew-y)) scaleX(var(--strix-scale-x)) scaleY(var(--strix-scale-y));--strix-translate-x: 0;background-color:var(--background-color-mobile, white);color:var(--color-text-mobile, #121212);-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%;grid-column:1;grid-row:1;padding:0;overflow:auto}@media(min-width:768px){strix-mega-menu .strix-mega-menu__menu menu{--strix-translate-x: 0;min-width:0;background-color:transparent;color:rgba(var(--color-foreground));grid-column:auto;padding-top:var(--strix-mega-menu-padding-top, 32px);padding-bottom:var(--strix-mega-menu-padding-bottom, 40px)}strix-mega-menu .strix-mega-menu__menu.strix-mega-menu__first-level menu{--strix-translate-x: 0;padding-top:102px}}strix-mega-menu .strix-mega-menu__menu.show{height:100%}strix-mega-menu .strix-mega-menu__entry-level menu{margin-bottom:58px}@media(orientation:landscape)and (max-width:767px){strix-mega-menu .strix-mega-menu__entry-level menu{margin-bottom:10px}}strix-mega-menu .strix-mega-menu__entry-level>menu{-webkit-box-flex:0;-ms-flex:none;flex:none}strix-mega-menu .strix-mega-menu__entry-level>.strix-main-header__service-menu{margin-top:auto}strix-mega-menu .strix-mega-menu__menu .strix-main-header__service-menu menu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media(min-width:768px){strix-mega-menu .strix-mega-menu__menu .strix-main-header__service-menu menu{display:none}}strix-mega-menu .strix-mega-menu__menu .strix-main-header__service-menu .strix-menu-item span{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;font-size:var(--strix-service-menu-font-size-mobile),14px}@media(min-width:768px){strix-mega-menu .strix-mega-menu__menu .strix-main-header__service-menu .strix-menu-item span{font-size:var(--strix-service-menu-font-size-desktop),13px}strix-mega-menu .strix-mega-menu__menu .strix-main-header__service-menu .strix-menu-item .icon{display:none}}strix-mega-menu .strix-mega-menu__entry-level,strix-mega-menu .show{grid-column:1;grid-row:1;--strix-translate-y: 0;--strix-rotate: 0;--strix-skew-x: 0;--strix-skew-y: 0;--strix-scale-x: 1;--strix-scale-y: 1;-webkit-transform:translateX(var(--strix-translate-x)) translateY(var(--strix-translate-y)) rotate(var(--strix-rotate)) skewX(var(--strix-skew-x)) skewY(var(--strix-skew-y)) scaleX(var(--strix-scale-x)) scaleY(var(--strix-scale-y));transform:translate(var(--strix-translate-x)) translateY(var(--strix-translate-y)) rotate(var(--strix-rotate)) skew(var(--strix-skew-x)) skewY(var(--strix-skew-y)) scaleX(var(--strix-scale-x)) scaleY(var(--strix-scale-y));--strix-translate-x: 0;-webkit-transition-timing-function:cubic-bezier(.4,0,1,1);transition-timing-function:cubic-bezier(.4,0,1,1)}@media(min-width:768px){strix-mega-menu .strix-mega-menu__root-level{grid-area:root-level}strix-mega-menu .strix-mega-menu__root-level menu{padding-right:32px}strix-mega-menu .strix-mega-menu__first-level{grid-area:first-level}strix-mega-menu .strix-mega-menu__first-level menu{padding-inline:32px}strix-mega-menu .strix-mega-menu__first-level.is--expanded{grid-column:2/4;z-index:5}strix-mega-menu .strix-mega-menu__first-level.is--expanded menu:not(.hidden){display:grid;grid-template-columns:1fr 1fr;gap:0 32px}strix-mega-menu .strix-mega-menu__first-level.is--expanded .strix-mega-menu__hover-information{width:50%}strix-mega-menu .strix-mega-menu__first-level:not(.show),strix-mega-menu .strix-mega-menu__second-level:not(.show){opacity:0}strix-mega-menu .strix-mega-menu__first-level:not(.show)~.background-color-expander,strix-mega-menu .strix-mega-menu__second-level:not(.show)+.background-color-expander--after{opacity:0}}strix-mega-menu .strix-mega-menu__second-level{position:relative;grid-area:second-level}strix-mega-menu .strix-mega-menu__second-level.is--invisible{-webkit-box-flex:0;-ms-flex:0;flex:0;padding:0}strix-mega-menu .background-color-expander{display:none;position:absolute;top:0;left:50%;height:100%;width:100vw}@media(min-width:768px){strix-mega-menu .background-color-expander{display:block;width:50vw;z-index:-1;background-color:rgba(var(--color-background),var(--strix-main-header-opacity, 1))}}strix-mega-menu .background-color-expander--before{left:auto;right:80%}strix-mega-menu .background-color-expander--after{left:50%;right:auto}.strix-mega-menu__hover-information{display:none}@media(min-width:768px){.strix-mega-menu__hover-information{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:100%;overflow-y:auto;padding:34px 0 0}.strix-mega-menu__hover-information img{aspect-ratio:3/4;-o-object-fit:cover;object-fit:cover}}strix-mega-menu .strix-mega-menu__menu .strix-main-header__service-menu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media(min-width:768px){strix-mega-menu .strix-mega-menu__menu:not(.strix-mega-menu__root-level) li:not(:last-child):not(:first-child):not(:nth-child(2)){margin-bottom:12px}}strix-mega-menu .strix-mega-menu__menu .link{-webkit-appearance:button;background-color:transparent;background-image:none;border:none;cursor:pointer;width:100%;text-align:left;text-decoration:none;font-size:2rem;line-height:1.3;letter-spacing:0;padding:0}@media(min-width:768px){strix-mega-menu .strix-mega-menu__menu .link{width:-webkit-max-content;width:-moz-max-content;width:max-content}}strix-mega-menu .strix-mega-menu__menu li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;width:100%}@media(min-width:768px){strix-mega-menu .strix-mega-menu__menu li:not(:last-child):not(:first-child){margin-bottom:8px}strix-mega-menu .strix-mega-menu__menu li:first-child{margin:0}strix-mega-menu .strix-mega-menu__menu li:nth-child(2) .link{font-size:2rem;line-height:1.3;letter-spacing:0}}strix-mega-menu .strix-mega-menu__menu li svg{pointer-events:none}strix-mega-menu .strix-mega-menu__menu li .icon:not(.icon-arrow){-webkit-transform:none;transform:none;min-width:20px}strix-mega-menu .first-level-menu .link{font-size:1.6rem;line-height:1.3;letter-spacing:0}strix-header .link,strix-mega-menu .link{position:relative}strix-header .link span,strix-mega-menu .link span{position:relative;pointer-events:none;line-height:1.3em;border:none}strix-header .link:hover span,strix-header .link.active span,strix-mega-menu .link:hover span,strix-mega-menu .link.active span{border:none}strix-header .link:hover,strix-mega-menu .link:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.5rem}strix-header button.link.active,strix-mega-menu button.link.active{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.5rem}
/*# sourceMappingURL=/cdn/shop/t/7/assets/strix-mega-menu.css.map */