.has-menu-panel,.menu-panel{--panelPad: 12px;--panelRadius: 12px;--panelGap: 14px;--panelLine: color-mix(in srgb, var(--textColor, #fff) 35%, transparent);padding:0 var(--panelGap);--menuArrow: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='24' viewBox='0 0 72 24'%3E%3Cpath d='M61 3 L70 12 H1' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='butt' stroke-linejoin='miter'/%3E%3C/svg%3E")}.menu-promo{position:relative;display:flex;align-items:center;min-height:170px;border-radius:var(--panelRadius);overflow:hidden;isolation:isolate;background:#e9b64f;color:var(--promoText, #0a174c);text-decoration:none}.menu-promo-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.menu-promo-product{position:absolute;right:8px;top:50%;transform:translateY(-50%);height:92%;width:auto;max-width:52%;object-fit:contain;object-position:right center;z-index:1;pointer-events:none}.menu-promo-copy{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:22px 0 22px 30px;max-width:50%}.menu-promo-heading{font-family:var(--headingFontFamily);font-weight:800;font-size:18px;line-height:1.15;text-transform:uppercase;color:var(--promoText, #0a174c)}.menu-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:999px;font-family:var(--headingFontFamily);font-weight:700;font-size:12px;line-height:1;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap}.menu-btn--promo{background:var(--promoBtnBg, #0044c0);color:var(--promoBtnText, #fff)}.menu-tiles-heading{margin:22px calc(-1 * var(--panelGap)) 16px;padding:26px var(--panelGap) 0;border-top:1px solid var(--panelLine);font-family:var(--headingFontFamily);font-weight:800;font-size:18px;line-height:1.2;text-transform:uppercase;color:var(--textColor, #fff)}.menu-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:auto;column-gap:var(--panelGap);row-gap:0}.menu-tile{display:grid;grid-row:span 2;grid-template-rows:subgrid;min-width:0;margin-block-end:var(--panelGap);color:var(--textColor, #fff);text-decoration:none;text-align:center}.menu-tile-media{position:relative;display:block;aspect-ratio:1 / 1;border-radius:var(--panelRadius);overflow:hidden;background:#000;isolation:isolate}.menu-tile-media img{width:100%;height:100%;object-fit:cover;display:block}.menu-tile-label{display:block;padding-top:12px;font-family:var(--headingFontFamily);font-weight:600;font-size:11px;line-height:1.2;letter-spacing:.02em;text-transform:uppercase;color:var(--textColor, #fff);opacity:.85}.menu-tile--wide{grid-column:span 2}.menu-tile--wide .menu-tile-media{aspect-ratio:auto;align-self:stretch;min-height:0}.menu-tile--wide .menu-tile-media>img{position:absolute;top:0;right:0;bottom:0;left:0}@supports not (grid-template-rows: subgrid){.menu-tile{display:block}.menu-tile--wide .menu-tile-media{aspect-ratio:2.1 / 1}}.menu-tile-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:12px;padding:16px;text-align:right;background:linear-gradient(90deg,transparent 45%,rgba(0,0,0,.35) 100%)}.menu-tile-overlay-heading{max-width:45%;font-family:var(--headingFontFamily);font-weight:800;font-size:18px;line-height:1;text-transform:uppercase;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.5)}.menu-btn--tile{background:var(--tileBtnBg, #fede00);color:var(--tileBtnText, #0a174c)}.has-menu-panel .mobile-menu-box,.has-menu-panel .hamburger-navigation-wrapper{margin-top:40px}.has-menu-panel .mobile-menu-list,.has-menu-panel .hamburger-navigation-list{border-top:1px solid var(--panelLine)}.has-menu-panel .mobile-menu-list>.mobile-menu-item,.has-menu-panel .hamburger-navigation-list>.hamburger-menu-item{border-bottom:1px solid var(--panelLine)}.has-menu-panel .mobile-menu-list>.mobile-menu-item>.mobile-menu-link,.has-menu-panel .hamburger-navigation-list>.hamburger-menu-item .hamburger-menu-link{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:19px 16px 19px 20px;font-family:var(--headingFontFamily);font-weight:800;font-size:18px;line-height:1;letter-spacing:.005em;text-transform:uppercase;color:var(--textColor, #fff)}.has-menu-panel .mobile-menu-list>.mobile-menu-item>.mobile-menu-link>svg,.has-menu-panel .hamburger-navigation-list>.hamburger-menu-item .hamburger-menu-link>svg{display:none}.has-menu-panel .mobile-menu-list>.mobile-menu-item>.mobile-menu-link:after,.has-menu-panel .hamburger-navigation-list>.hamburger-menu-item .hamburger-menu-link:after{content:"";flex:0 0 auto;width:44px;height:24px;background:currentColor;-webkit-mask:var(--menuArrow) right center / auto 100% no-repeat;mask:var(--menuArrow) right center / auto 100% no-repeat;transition:width .28s cubic-bezier(.22,.61,.36,1)}.has-menu-panel .mobile-menu-list>.mobile-menu-item:hover>.mobile-menu-link:after,.has-menu-panel .mobile-menu-list>.mobile-menu-item>.mobile-menu-link:focus-visible:after,.has-menu-panel .hamburger-navigation-list>.hamburger-menu-item:hover .hamburger-menu-link:after,.has-menu-panel .hamburger-navigation-list>.hamburger-menu-item .hamburger-menu-link:focus-visible:after{width:60px}@supports not ((-webkit-mask-image: url()) or (mask-image: url())){.has-menu-panel .mobile-menu-list>.mobile-menu-item>.mobile-menu-link:after,.has-menu-panel .hamburger-navigation-list>.hamburger-menu-item .hamburger-menu-link:after{height:0;background:none;border-top:1.5px solid currentColor}}@media(prefers-reduced-motion:reduce){.has-menu-panel .mobile-menu-list>.mobile-menu-item>.mobile-menu-link:after,.has-menu-panel .hamburger-navigation-list>.hamburger-menu-item .hamburger-menu-link:after{transition:none}}.mobile-menu-drawer.has-menu-panel .drawer-contentwrap{margin:0}.mobile-menu-drawer.has-menu-panel .drawer-content{border-radius:0}.mobile-menu-drawer.has-menu-panel .drawer-head-inner{background:transparent}.has-menu-panel .mobile-menu-drawer-content-inner{padding:0 0 20px}.hamburger-wrapper.has-menu-panel{padding:0}.hamburger-wrapper.has-menu-panel .hamburger-navigation-main{border-radius:0}.has-menu-panel .hamburger-top{border-bottom:0}.has-menu-panel .hamburger-navigation-wrapper{margin-top:0;padding-block-end:20px}.has-menu-panel .hamburger-navigation-list{margin-top:40px}.mobile-menu-drawer.has-menu-panel .drawer-close-btn,.hamburger-wrapper.has-menu-panel .hamburger-close{background:transparent;border:0;color:var(--textColor, #fff)}.drawer-title{font-family:var(--headingFontFamily);font-weight:800;font-size:25px;line-height:1;text-transform:uppercase;color:var(--textColor, #fff)}@media(prefers-reduced-motion:no-preference){.menu-tile-media img{transition:transform .25s ease}.menu-tile:hover .menu-tile-media img{transform:scale(1.03)}}.menu-panel--promo-below .menu-tiles-heading{margin-top:0;padding-top:24px}.menu-promo-slot--below{margin:8px calc(-1 * var(--panelGap)) 0;padding:16px var(--panelGap) 0;border-top:1px solid var(--panelLine)}.menu-promo-heading{max-width:8.5em}.drawer-title--back{display:inline-flex;align-items:center;gap:12px;font-size:18px;text-decoration:none}.drawer-title-arrow{width:24px;height:24px;border:1.5px solid currentColor;border-radius:50%;display:inline-grid;place-items:center;flex:0 0 auto;box-sizing:border-box}.drawer-title-arrow:before{content:"";width:6px;height:6px;border-left:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translate(1px) rotate(45deg)}
/*# sourceMappingURL=/cdn/shop/t/24/assets/menu-panel.css.map */