/* Storefront navigation: calm typography, generous targets and a persistent top bar. */
.its-menu{position:fixed;inset:0 auto 0 0;margin:0;width:min(420px,100%);max-width:100%;height:100%;height:100dvh;max-height:100%;max-height:100dvh;padding:0;border:0;border-radius:0;background:#fff;color:#20252d;font-family:Arial,Helvetica,sans-serif;font-size:16px;font-weight:400;line-height:1.5;overflow:hidden;box-shadow:8px 0 40px #20252d26}
.its-menu:not([open]){display:none}.its-menu::backdrop{background:#20252d66}
.its-menu-layout{display:flex;flex-direction:column;height:100%;min-width:0}
.its-menu-heading{display:flex;align-items:center;flex-shrink:0;gap:8px;min-height:64px;padding:8px 12px 8px 20px;border-bottom:1px solid #d9dce1;background:#fff}
.its-menu .its-menu-heading h2{flex:1;min-width:0;padding:0;margin:0;font-size:22px;font-weight:400;line-height:1.3;overflow-wrap:anywhere}
.its-menu-heading h2:focus{outline:0}
.its-menu :is(a,button):focus-visible{outline:2px solid #b92f36;outline-offset:-3px}
.its-menu :is(button,a){-webkit-tap-highlight-color:transparent}
.its-menu button{font-family:inherit;cursor:pointer}
.its-menu-back,.its-menu-close{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:#20252d}
.its-menu-back{margin-left:-12px}.its-menu-close{margin-left:auto}
.its-menu-back:hover,.its-menu-close:hover{background:#f2f3f5}
.its-menu-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 16px max(24px,env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch}
.its-menu-highlights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0 24px}
.its-menu .its-menu-promo{display:flex;align-items:center;justify-content:flex-start;gap:8px;width:100%;min-height:60px;margin:0;padding:12px;border:1px solid #e4d0d1;border-radius:10px;background:#fbf1f1;color:#90272d;font-size:16px;font-weight:400;line-height:1.3;text-decoration:none}
.its-menu .its-menu-promo-outlet{background:#b92f36;border-color:#b92f36;color:#fff}
.its-menu-promo>svg{flex-shrink:0}.its-menu-promo>span:last-child{margin-left:auto;font-size:20px}
.its-menu .its-menu-promo:hover{background:#f4e1e2;color:#90272d}.its-menu .its-menu-promo-outlet:hover{background:#9f252c;color:#fff}
.its-menu .its-menu-view-all{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0 20px;padding:14px 12px;min-height:52px;border:1px solid #d9dce1;border-radius:8px;background:#f5f5f4;color:#90272d;text-decoration:none;font-size:15px;font-weight:400;line-height:1.5;overflow-wrap:anywhere}
.its-menu .its-menu-view-all:hover{background:#ececea}
.its-menu .its-menu-section-label{margin:0 4px 8px;padding:0;font-size:13px;font-weight:400;line-height:1.5;color:#606772}
.its-menu-list{list-style:none;margin:0;padding:0}.its-menu-list>li{margin:0;padding:0;border-bottom:1px solid #e6e8eb}
.its-menu .its-menu-row{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:56px;padding:15px 4px;border:0;border-radius:0;background:#fff;color:#20252d;text-decoration:none;font-size:16px;font-weight:400;line-height:1.5;text-align:left;overflow-wrap:anywhere}
.its-menu .its-menu-row>svg{flex-shrink:0;color:#606772}.its-menu .its-menu-row:hover{background:#f5f5f4;color:#20252d}.its-menu .its-menu-row[aria-current=page]{color:#90272d;background:#fbf1f1}.its-menu-leaf{flex-shrink:0;color:#9c242c;font-size:18px}
@media(max-width:350px){.its-menu-highlights{gap:8px}.its-menu .its-menu-promo{gap:6px;padding:10px;font-size:15px}.its-menu-promo>svg{width:18px;height:18px}}
@media(prefers-reduced-motion:reduce){.its-menu *{transition:none!important;scroll-behavior:auto!important}}
