.menu-list__submenu-inner:has(>.fr-roofnav--desktop)>.mega-menu,.menu-drawer__inner-submenu:has(>.fr-roofnav--drawer)>.menu-drawer__menu--childlist{display:none}.fr-roofnav{--fr-roofnav-muted: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text));--fr-roofnav-radius: var(--menu-image-border-radius, 0px);white-space:normal}.fr-roofnav__tile{display:flex;color:var(--menu-child-font-color);text-decoration:none}.fr-roofnav__media{position:relative;display:block;overflow:hidden;aspect-ratio:16 / 9;background-color:rgb(var(--color-foreground-rgb) / .06);border-radius:var(--fr-roofnav-radius)}.fr-roofnav__img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s var(--ease-out-cubic, ease)}.fr-roofnav__text{display:flex;flex-direction:column;gap:.2rem;min-width:0}.fr-roofnav__title{font-family:var(--menu-child-font-family);font-style:var(--menu-child-font-style);font-weight:var(--menu-child-font-weight);font-size:var(--menu-child-font-size);line-height:var(--menu-child-font-line-height);text-transform:var(--menu-child-font-case);color:var(--menu-child-font-color);transition:color .18s ease}.fr-roofnav__desc{font-family:var(--menu-parent-font-family);font-size:var(--menu-parent-font-size);line-height:var(--menu-parent-font-line-height);color:var(--fr-roofnav-muted)}.fr-roofnav--desktop{flex:0 0 100%;width:100%}.fr-roofnav--desktop .fr-roofnav__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--menu-vertical-gap) var(--menu-horizontal-gap);padding-block-start:var(--padding-xs)}@media screen and (min-width:990px){.fr-roofnav--desktop .fr-roofnav__list{grid-template-columns:repeat(4,minmax(0,1fr))}}.fr-roofnav--desktop .fr-roofnav__tile{flex-direction:column;gap:var(--padding-sm);height:100%}.fr-roofnav--desktop .fr-roofnav__tile:hover .fr-roofnav__title,.fr-roofnav--desktop .fr-roofnav__tile:focus-visible .fr-roofnav__title{color:var(--menu-child-active-font-color)}.fr-roofnav--desktop .fr-roofnav__tile:hover .fr-roofnav__img,.fr-roofnav--desktop .fr-roofnav__tile:focus-visible .fr-roofnav__img{transform:scale(1.04)}.fr-roofnav--drawer{padding-inline:var(--drawer-padding);margin-block-end:var(--margin-xs)}.fr-roofnav--drawer .fr-roofnav__item+.fr-roofnav__item{border-block-start:1px solid var(--color-border)}.fr-roofnav--drawer .fr-roofnav__tile{align-items:center;gap:var(--padding-md);width:100%;min-height:var(--minimum-touch-target, 44px);padding-block:var(--padding-md)}.fr-roofnav--drawer .fr-roofnav__media{flex:0 0 5.25rem;width:5.25rem;aspect-ratio:4 / 3}.fr-roofnav--drawer .fr-roofnav__text{flex:1 1 auto;gap:.1rem}.fr-roofnav--drawer .fr-roofnav__desc{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.fr-roofnav--drawer .fr-roofnav__caret{flex:0 0 auto;color:var(--fr-roofnav-muted)}@media(prefers-reduced-motion:reduce){.fr-roofnav__img,.fr-roofnav__title{transition:none}.fr-roofnav--desktop .fr-roofnav__tile:hover .fr-roofnav__img,.fr-roofnav--desktop .fr-roofnav__tile:focus-visible .fr-roofnav__img{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/fr-roofnav.css.map */