/* Typography and colors follow the merchant's existing header and menu schemes. */
.zr-nav{display:block;font-family:var(--button-type-font-link,var(--font-body--family));font-size:var(--button-font-size-link);font-weight:var(--button-font-weight-link);line-height:1.6;color:var(--color-primary);letter-spacing:normal}
.zr-nav *{box-sizing:border-box}.zr-nav [hidden]{display:none!important}
.zr-nav ul,.zr-nav li{padding:0;margin:0;list-style:none}
.zr-nav a{color:inherit;text-decoration:none;letter-spacing:normal}
.zr-nav a:hover{color:var(--color-primary-hover,var(--color-primary))}
.zr-nav a:focus-visible,.zr-nav button:focus-visible{outline:1px solid var(--color-primary);outline-offset:4px}
.zr-nav-top{display:flex;align-items:center;justify-content:space-between;min-height:40px}
.zr-nav .zr-nav-parent{display:flex;align-items:center;min-height:40px;padding:10px 0;font-family:var(--button-type-font-link);font-size:var(--button-font-size-link);font-weight:var(--button-font-weight-link);line-height:1.6;text-transform:var(--text-transform);white-space:nowrap;color:var(--color-primary)}
.zr-nav .zr-nav-parent:hover{color:var(--color-primary-hover,var(--color-primary))}
.zr-nav .zr-nav-toggle{display:flex;align-items:center;justify-content:center;flex:0 0 24px;width:24px;min-height:40px;padding:0;border:0;border-radius:0;background:transparent;color:inherit;box-shadow:none;cursor:pointer;appearance:none}
.zr-nav .zr-nav-toggle-mark{display:block;position:relative;width:8px;height:8px;opacity:.72;pointer-events:none}
.zr-nav .zr-nav-toggle-mark::before{content:"";position:absolute;background:none;box-sizing:content-box;inset:auto;transition:transform .16s ease}
.zr-nav .zr-nav-toggle-mark::after{display:none}
.zr-nav .zr-nav-toggle-mark::before{width:4px;height:4px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;left:50%;top:50%;transform:translate(-50%,-70%) rotate(45deg)}
.zr-nav .zr-nav-toggle[aria-expanded="true"] .zr-nav-toggle-mark::before{transform:translate(-50%,-30%) rotate(225deg)}
.zr-nav .zr-nav-toggle:hover .zr-nav-toggle-mark,.zr-nav .zr-nav-toggle:focus-visible .zr-nav-toggle-mark{opacity:1}
.zr-nav-panel{--zr-submenu-ink:#36332E;background:var(--color-background);color:var(--zr-submenu-ink);font-weight:400;padding:25px 30px 29px;border:1px solid rgb(var(--color-foreground-rgb)/.12);box-shadow:0 8px 18px rgb(var(--color-foreground-rgb)/.045)}
.zr-nav .zr-nav-view{display:block;font-family:var(--button-type-font-link-3,var(--font-body--family));font-size:var(--button-font-size-link-3,1.4rem);font-weight:400;line-height:1.6;padding:0 0 15px;margin:0 0 22px;border-bottom:1px solid rgb(var(--color-foreground-rgb)/.12);text-transform:none}
.zr-nav-columns{display:grid;grid-template-columns:repeat(var(--zr-nav-columns,3),minmax(0,1fr));gap:30px}
.zr-nav .zr-nav-column h3{font-family:var(--button-type-font-link-2,var(--font-body--family));font-size:var(--button-font-size-link-2,1.4rem);font-weight:var(--button-font-weight-link-2,600);line-height:1.6;color:var(--zr-submenu-ink);margin:0 0 12px;letter-spacing:normal;text-transform:var(--text-transform-link-2)}
.zr-nav .zr-nav-leaf{display:block;font-family:var(--button-type-font-link-3,var(--font-body--family));font-size:var(--button-font-size-link-3,1.4rem);font-weight:400;font-weight:var(--button-font-weight-link-3,400);line-height:1.65;padding:6px 0;white-space:normal;overflow-wrap:anywhere;text-transform:var(--text-transform-link-3)}
.zr-nav .zr-nav-featured{font-weight:var(--button-font-weight-link-3,400)}
.zr-nav--desktop{position:relative;width:100%}.zr-nav--desktop>.zr-nav-list{display:flex;align-items:center;justify-content:center;gap:24px}
.zr-nav--desktop .zr-nav-panel{position:absolute;top:100%;left:50%;transform:translateX(-50%);width:min(1100px,calc(100vw - 48px));z-index:30;max-height:calc(100vh - 155px);overflow:auto;overscroll-behavior:contain}
.zr-nav--desktop .zr-nav-panel[data-column-count="1"]{width:min(380px,calc(100vw - 48px))}
.zr-nav--desktop .zr-nav-panel[data-column-count="2"]{width:min(760px,calc(100vw - 48px))}
.zr-nav--mobile{width:100%;padding:0 15px;font-weight:400;color:var(--color-foreground)}
.zr-nav--mobile>.zr-nav-list{display:block}.zr-nav--mobile .zr-nav-item{border-bottom:1px solid rgb(var(--color-foreground-rgb)/.12)}
.zr-nav--mobile .zr-nav-parent{white-space:normal;flex:1;min-height:48px;padding:11px 0;font-family:var(--font-body--family);font-size:1.4rem;font-weight:400;line-height:1.6;text-transform:none;color:var(--color-foreground)}
.zr-nav--mobile button.zr-nav-parent{justify-content:space-between;width:100%;border:0;background:transparent;box-shadow:none;cursor:pointer;appearance:none;text-align:left}
.zr-nav--mobile button.zr-nav-parent .zr-nav-toggle-mark{flex:0 0 10px}
.zr-nav .zr-nav-parent-toggle[aria-expanded="true"] .zr-nav-toggle-mark::before{transform:translate(-50%,-30%) rotate(225deg)}
.zr-nav--mobile .zr-nav-toggle{width:44px;min-height:48px;flex-basis:44px;color:var(--color-foreground)}
.zr-nav--mobile .zr-nav-toggle-mark{width:10px;height:10px}.zr-nav--mobile .zr-nav-toggle-mark::before{width:5px;height:5px}
.zr-nav--mobile .zr-nav-panel{position:static;padding:8px 0 24px;border:0;box-shadow:none;color:var(--zr-submenu-ink)}
.zr-nav--mobile .zr-nav-columns{grid-template-columns:minmax(0,1fr);gap:23px}
.zr-nav--mobile .zr-nav-view{padding:7px 0 14px;margin-bottom:20px}.zr-nav--mobile .zr-nav-leaf{min-height:44px;padding:10px 0}
.zr-nav--mobile .zr-nav-column h3{margin-bottom:5px}
@media(min-width:990px) and (max-width:1199px){.zr-nav--desktop>.zr-nav-list{gap:18px}}
@media(prefers-reduced-motion:reduce){.zr-nav .zr-nav-toggle-mark::before{transition:none}}

.zr-nav .zr-nav-panel a,.zr-nav .zr-nav-panel a:hover{color:var(--zr-submenu-ink)}
.zr-nav .zr-nav-panel a:hover{text-decoration:underline;text-underline-offset:4px}
.zr-nav .zr-nav-more{display:block;width:100%;min-height:44px;margin-top:4px;padding:10px 0;border:0;background:none;box-shadow:none;color:var(--zr-submenu-ink);font-family:var(--font-body--family);font-size:1.3rem;font-weight:400;line-height:1.6;letter-spacing:normal;text-align:left;text-decoration:underline;text-underline-offset:4px;cursor:pointer;appearance:none}
.zr-nav .zr-nav-more:hover{text-decoration:underline}
.zr-nav .zr-nav-more:focus-visible{outline:1px solid currentColor;outline-offset:2px}