.mnnav{position:absolute;left:0;right:0;top:100%;z-index:50;width:100%;background:#fff;color:#111;border-top:1px solid #ececea;box-shadow:0 16px 32px rgba(0,0,0,.07)}
.mnnav__inner{display:grid;grid-template-columns:clamp(178px,14vw,220px) 1fr;gap:clamp(20px,2.4vw,44px);width:100%;padding:24px var(--mn-premium-gutter,48px) 30px}
.mnnav__rail{min-width:0}
.mnnav__rail-h{font-family:var(--heading-font-family);font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#8b837c;margin:0 0 10px}
.mnnav__rail-h+.mnnav__rail-h,.mnnav__rail-h--mt{margin-top:24px}
.mnnav__tabs{display:flex;flex-direction:column;gap:5px}
.mnnav__tab{display:block;width:100%;padding:9px 16px;border-radius:999px;font-size:13.5px;font-weight:600;color:#111;background:transparent;border:0;text-align:left;cursor:pointer;font-family:inherit;transition:background .14s,color .14s}
.mnnav__tab:hover{background:#f3f2f0}
.mnnav__tab[aria-selected="true"]{background:#111;color:#fff}
.mnnav__quick{display:flex;flex-direction:column;gap:2px}
.mnnav__quick a{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:4px 0;font-size:13.5px;color:#3b3630;text-decoration:none}
.mnnav__quick a:hover{color:#000;text-decoration:underline;text-underline-offset:3px}
.mnnav__quick a.mnnav__quick--sale{color:#b83b3a}
.mnnav__sizes{display:flex;flex-direction:column;gap:1px}
.mnnav__size{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:5px 8px;margin:0 -8px;border-radius:4px;font-size:13px;color:#3b3630;text-decoration:none}
.mnnav__size:hover{background:#f3f2f0;color:#000}
.mnnav__size b{font-weight:600;color:#111;font-variant-numeric:tabular-nums}
.mnnav__size span{font-size:11.5px;color:#8b837c}
.mnnav__panes{min-width:0}
.mnnav__pane{display:none;grid-template-columns:1fr clamp(210px,17vw,300px);gap:clamp(20px,2.4vw,44px)}
.mnnav__pane[data-active="true"]{display:grid}
.mnnav__cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 clamp(16px,1.8vw,30px);min-width:0}
.mnnav__col{display:flex;flex-direction:column;gap:22px;min-width:0}
.mnnav__grp{min-width:0}
.mnnav__col-title{display:block;margin:0 0 9px;padding-bottom:8px;border-bottom:1px solid #e6e4e1;font-family:var(--heading-font-family);font-size:10.5px;line-height:1.2;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#111;text-decoration:none}
a.mnnav__col-title:hover{color:#000;border-bottom-color:#111}
.mnnav__grp ul{list-style:none;margin:0;padding:0}
.mnnav__grp li a{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:4.5px 0;font-size:13.5px;line-height:1.4;color:#3b3630;text-decoration:none;transition:color .12s}
.mnnav__grp li a:hover{color:#000;text-decoration:underline;text-underline-offset:3px}
.mnnav__lead a{font-weight:700;color:#111}
.mnnav__link--sale{color:#b83b3a}
.mnnav__n{font-size:11px;color:#b0aaa4;font-variant-numeric:tabular-nums}
.mnnav__media{min-width:0;display:flex;flex-direction:column}
.mnnav__tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 9px}
.mnnav__tile{display:block;text-decoration:none;color:#111;min-width:0}
.mnnav__tile img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block;border-radius:2px;transition:opacity .2s}
.mnnav__tile:hover img{opacity:.85}
.mnnav__tile span{display:block;font-size:11.5px;line-height:1.3;margin-top:6px;color:#3b3630}
.mnnav__tile:hover span{color:#000;text-decoration:underline;text-underline-offset:2px}
.mnnav__cta{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:16px;border:1px solid #111;padding:13px 16px;text-decoration:none;font-family:var(--heading-font-family);font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:#111;transition:background .15s,color .15s;text-align:center}
.mnnav__cta:hover{background:#111;color:#fff}
.mnnav__hero{display:block;text-decoration:none;color:#111}
.mnnav__hero img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block}
.mnnav__hero span{display:block;font-size:11.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;margin-top:9px}
.mnnav a:focus-visible,.mnnav button:focus-visible{outline:2px solid #111;outline-offset:2px}
@media screen and (max-width:1279px){
  .mnnav__inner{padding:20px 28px 24px;gap:20px}
  .mnnav__cols{grid-template-columns:repeat(3,minmax(0,1fr))}
  .mnnav__grp li a{font-size:12.75px}
  .mnnav__tiles{grid-template-columns:repeat(2,1fr)}
}
@media screen and (max-width:999px){.mnnav{display:none!important}}
@media (prefers-reduced-motion:reduce){.mnnav *{transition:none!important}}