/* Fresh mobile navigation geometry. Existing desktop Lara menu is unchanged.
   Include after the shared/theme overrides; native off-canvas state is retained. */
body.fr-store #apollo-menu .fr-mobile-menu{display:none}

@media(max-width:991px){
 body.fr-store #apollo-menu{top:0!important;bottom:0!important;left:-500px;width:500px;max-width:100vw;height:100dvh!important;max-height:100dvh;margin:0;padding:16px!important;box-sizing:border-box;overflow:hidden!important;background:#fff;color:#000}
 body.fr-store.off-canvas-active #apollo-menu{left:0}
 body.fr-store #apollo-menu>.m-title,
 body.fr-store #apollo-menu>.navbar-vert{display:none!important}
 body.fr-store #apollo-menu .fr-mobile-menu{display:flex;flex-direction:column;width:100%;height:100%;min-height:0;max-height:100%;margin:0;padding:0;overflow:hidden;background:#fff;color:#000;font-family:var(--fr-font,'Gilroy',Arial,sans-serif);font-weight:400;text-align:left;letter-spacing:.02em}
 body.fr-store #apollo-menu .fr-mobile-menu *,
 body.fr-store #apollo-menu .fr-mobile-menu *::before,
 body.fr-store #apollo-menu .fr-mobile-menu *::after{box-sizing:border-box}
 body.fr-store #apollo-menu .fr-mobile-menu button,
 body.fr-store #apollo-menu .fr-mobile-menu a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}
 body.fr-store #apollo-menu .fr-mobile-menu button{appearance:none;-webkit-appearance:none;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none;font-family:inherit;text-align:left;cursor:pointer}
 body.fr-store #apollo-menu .fr-mobile-menu button::before,
 body.fr-store #apollo-menu .fr-mobile-menu button::after{content:none}
 body.fr-store #apollo-menu .fr-menu-topbar{display:flex;flex:0 0 32px;align-items:center;justify-content:space-between;width:100%;height:32px;min-height:32px;margin:0 0 16px;padding:0;border:0;background:#fff}
 body.fr-store #apollo-menu .fr-menu-topbar .fr-nav-brand{display:flex;align-items:center;justify-content:flex-start;width:160px;max-width:calc(100% - 48px);height:32px;margin:0;padding:0;overflow:hidden;color:#000;text-decoration:none;white-space:nowrap;font:300 24px/32px var(--fr-font,'Gilroy',Arial,sans-serif);letter-spacing:-.035em}
 body.fr-store #apollo-menu .fr-menu-topbar .fr-nav-brand>img{display:block;width:160px;max-width:100%;height:auto;max-height:32px;object-fit:contain;object-position:left center}
 body.fr-store #apollo-menu .fr-mobile-menu .fr-nav-close{display:flex;flex:0 0 32px;align-items:center;justify-content:center;width:32px!important;min-width:32px;height:32px!important;margin:0;padding:8.8px;border:0;border-radius:50%;background:rgba(0,0,0,.1);color:#000;box-shadow:none;opacity:1}
 body.fr-store #apollo-menu .fr-mobile-menu .fr-nav-close svg{display:block;flex:0 0 14.4px;width:14.4px;height:14.4px;margin:0;padding:0;fill:none;stroke:currentColor;stroke-width:1.7}
 body.fr-store #apollo-menu .fr-mobile-menu .fr-nav-close svg>*{fill:none;stroke:currentColor}

 body.fr-store #apollo-menu .fr-menu-stage{position:relative;display:flex;flex:1 1 auto;min-width:0;min-height:0;width:100%;margin:0;padding:0;overflow:hidden;background:#fff}
 body.fr-store #apollo-menu .fr-menu-pane{position:absolute;min-width:0;margin:0;background:#fff;color:#000;transition:visibility .35s,transform .35s cubic-bezier(.55,.03,.37,.96);will-change:transform}
 body.fr-store #apollo-menu .fr-menu-pane[hidden]{display:none!important}
 body.fr-store #apollo-menu .fr-menu-pane[aria-hidden=true]{visibility:hidden;pointer-events:none}
 body.fr-store #apollo-menu .fr-menu-root{inset:16px 0 0;display:block;width:100%;height:auto;margin:0;padding:0 12px 0 0;overflow-x:hidden;overflow-y:scroll;overscroll-behavior-y:contain;scrollbar-width:auto;scrollbar-gutter:stable;list-style:none;transform:translateX(0)}
 body.fr-store #apollo-menu .fr-menu-root.is-behind{transform:translateX(-100%);pointer-events:none}
 body.fr-store #apollo-menu .fr-menu-root>li{display:block;width:100%;min-width:0;margin:0;padding:0;border:0;list-style:none}
 body.fr-store #apollo-menu .fr-mobile-menu .fr-menu-tile{position:relative;display:block;width:100%;height:115.1875px;min-height:115.1875px;max-height:115.1875px;margin:0;padding:9.6px 0;border:0;border-radius:0;background:transparent;color:#000;text-align:left;text-decoration:none;box-shadow:none;white-space:normal;font:400 20px/28px var(--fr-font,'Gilroy',Arial,sans-serif)}
 body.fr-store #apollo-menu .fr-menu-banner{position:relative;display:block;width:100%;height:96px;margin:0;padding:0;background:#fff}
 body.fr-store #apollo-menu .fr-menu-image{display:block;width:100%;height:auto;aspect-ratio:4/1;max-width:100%;margin:0;padding:0;border:0;border-radius:0;object-fit:cover;object-position:center}
 body.fr-store #apollo-menu .fr-menu-label{position:absolute;z-index:2;top:30%;left:16px;display:flex;align-items:flex-end;max-width:calc(100% - 24px);margin:0;padding:8px;color:#000;text-align:left;text-transform:uppercase;font:400 20px/28px var(--fr-font,'Gilroy',Arial,sans-serif);letter-spacing:.02em}
 /* The store's portrait assets use a neutral photographic composite; the top
    image area stays 4:1, leaving the reference's white remainder inside 96px. */
 body.fr-store #apollo-menu .fr-menu-banner.fr-menu-photo-composite::before,
 body.fr-store #apollo-menu .fr-menu-banner:has(>.fr-menu-visual.fr-menu-photo-composite)::before,
 body.fr-store #apollo-menu .fr-menu-banner:has(>.fr-menu-image.fr-menu-photo-composite)::before{content:'';position:absolute;top:0;left:0;right:0;width:100%;aspect-ratio:4/1;background:#e3e4e7;pointer-events:none}
 body.fr-store #apollo-menu .fr-menu-photo-composite>.fr-menu-image,
 body.fr-store #apollo-menu .fr-menu-image.fr-menu-photo-composite{position:absolute;top:0;right:0;left:auto;display:block;width:50%;height:auto;aspect-ratio:2/1;object-fit:cover;object-position:center 18%;background:#eee;-webkit-mask-image:linear-gradient(to right,transparent,#000 24%);mask-image:linear-gradient(to right,transparent,#000 24%)}

 body.fr-store #apollo-menu .fr-menu-child-panel{inset:0;z-index:2;display:flex;flex-direction:column;width:100%;height:100%;max-height:100%;padding:0;overflow:hidden;visibility:hidden;pointer-events:none;transform:translateX(110%)}
 body.fr-store #apollo-menu .fr-menu-child-panel.is-active{visibility:visible;pointer-events:auto;transform:translateX(0)}
 body.fr-store #apollo-menu .fr-menu-child-panel[aria-hidden=true]{visibility:hidden;pointer-events:none}
 body.fr-store #apollo-menu .fr-menu-panel-head{position:relative;display:flex;flex:0 0 32px;align-items:flex-start;justify-content:space-between;width:100%;height:32px;min-height:32px;margin:0;padding:16px 0 0;background:#fff}
 body.fr-store #apollo-menu .fr-mobile-menu .fr-menu-back{display:inline-flex;align-items:center;gap:6.4px;min-width:0;height:auto;margin:0;padding:0;border:0;border-radius:0;background:none;color:rgba(0,0,0,.5);text-align:left;text-transform:none;font:400 12px/16.8px var(--fr-font,'Gilroy',Arial,sans-serif);letter-spacing:.02em}
 body.fr-store #apollo-menu .fr-menu-back svg{display:block;flex:0 0 7px;width:7px;height:10px;fill:none;stroke:currentColor;stroke-width:1.25}
 body.fr-store #apollo-menu .fr-menu-all{position:absolute;top:16px;right:8px;z-index:4;display:inline-flex;align-items:center;gap:4.8px;margin:0;padding:0;color:#000;text-decoration:underline!important;text-underline-offset:2px;text-transform:uppercase;font:500 12px/16.8px var(--fr-font,'Gilroy',Arial,sans-serif);letter-spacing:.02em}
 body.fr-store #apollo-menu .fr-menu-all svg{display:block;width:7px;height:10px;fill:none;stroke:currentColor;stroke-width:1.25}
 body.fr-store #apollo-menu .fr-menu-child-list{display:block;flex:1 1 auto;min-height:0;width:100%;height:auto;max-height:calc(100% - 32px);margin:0;padding:16px 12px 0 0;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:auto;scrollbar-gutter:stable;list-style:none}
 body.fr-store #apollo-menu .fr-menu-child-list>li{display:block;width:100%;min-width:0;margin:0;padding:0;border:0;list-style:none}
 body.fr-store #apollo-menu .fr-mobile-menu .fr-menu-child-link{position:relative;display:flex;align-items:center;justify-content:flex-start;width:100%;min-height:59.1875px;height:auto;margin:0;padding:9.6px 0;border:0;border-radius:0;background:transparent;color:#1f2937;text-align:left;text-decoration:none;font:400 14px/20px var(--fr-font,'Gilroy',Arial,sans-serif);letter-spacing:.02em}
 body.fr-store #apollo-menu .fr-menu-avatar{display:block;flex:0 0 40px;width:40px;height:40px;min-width:40px;max-width:40px;margin:0 16px 0 0;padding:0;border:0;border-radius:50%;object-fit:cover;object-position:center;background:#eee}
 body.fr-store #apollo-menu .fr-menu-child-link>span{min-width:0;white-space:normal;font:inherit}
 body.fr-store #apollo-menu .fr-menu-child-link>span,
 body.fr-store #apollo-menu .fr-menu-back>span{text-transform:lowercase}
 body.fr-store #apollo-menu .fr-menu-child-link>span::first-letter,
 body.fr-store #apollo-menu .fr-menu-back>span::first-letter{text-transform:uppercase}
 body.fr-store #apollo-menu .fr-menu-chevron{display:block;flex:0 0 7px;width:7px;height:10px;margin-left:auto;fill:none;stroke:currentColor;stroke-width:1.25}
 body.fr-store #apollo-menu .fr-menu-child-link>.fr-menu-chevron{margin-left:auto}

 body.fr-store #apollo-menu .fr-menu-child-list>li.fr-menu-promo{display:flex;gap:12px;margin:12px 0 0;padding:16px;border-top:1px solid #d3d3d3;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}
 body.fr-store #apollo-menu .fr-menu-promo::-webkit-scrollbar{display:none}
 body.fr-store #apollo-menu .fr-menu-promo>a{display:block;flex:0 0 154px;min-width:154px;margin:0;padding:0;color:#000;text-decoration:none;scroll-snap-align:start}
 body.fr-store #apollo-menu .fr-menu-promo img{display:block;flex:0 0 154px;width:154px;height:247px;max-width:none;margin:0;padding:0;border:0;object-fit:cover;object-position:top}
 body.fr-store #apollo-menu .fr-menu-promo span{display:block;margin:0;padding:8px 0 0;color:#000;text-align:center;text-transform:uppercase;font:400 10px/14px var(--fr-font,'Gilroy',Arial,sans-serif);letter-spacing:2px}
 body.fr-store #apollo-menu .fr-menu-promo .fr-menu-promo-image{position:relative;width:154px;height:247px;margin:0;padding:0;overflow:hidden;border-radius:4px}
 body.fr-store #apollo-menu .fr-menu-promo-image::after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.6));pointer-events:none}
 body.fr-store #apollo-menu .fr-menu-promo .fr-menu-promo-image>span{position:absolute;z-index:1;bottom:20px;left:6px;right:6px;margin:0;padding:0;color:#fff;font:700 12px/17px var(--fr-font,'Gilroy',Arial,sans-serif);letter-spacing:0}
 body.fr-store #apollo-menu .fr-menu-promo .fr-menu-promo-caption{padding-top:16px}
 body.fr-store #apollo-menu .fr-menu-root::-webkit-scrollbar,
 body.fr-store #apollo-menu .fr-menu-child-list::-webkit-scrollbar{width:15px}
 body.fr-store #apollo-menu .fr-mobile-menu :is(a,button):focus-visible{outline:2px solid #000;outline-offset:-2px}
 body.fr-store #apollo-menu .fr-menu-pane[aria-hidden=true] :focus-visible{outline:none}
}
@media(max-width:767px){
 body.fr-store #apollo-menu{left:-100%;width:100vw;max-width:100vw}
 body.fr-store.off-canvas-active #apollo-menu{left:0}
}
@media(prefers-reduced-motion:reduce){
 body.fr-store #apollo-menu .fr-menu-pane{transition:none;scroll-behavior:auto}
 body.fr-store #apollo-menu:has(.fr-mobile-menu){transition:none}
}
