/* Mega menu (megamenu.php): the department bar under the header and its drop-down panels. */

.mm{position:relative;z-index:40;background:#fff;border-bottom:1px solid var(--site-line,#e4e2dd)}
.mm-bar{display:flex;justify-content:center;gap:4px;max-width:1280px;margin:0 auto;padding:0 16px;list-style:none}
.mm-top>a{display:block;padding:14px 16px;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;
  color:var(--site-ink,#1d1d1f);text-decoration:none;white-space:nowrap;border-bottom:2px solid transparent}
.mm-top>a:hover,.mm-top.mm-open>a{border-bottom-color:var(--site-ink,#1d1d1f)}

/* The panel: full width under the bar */
.mm-panel{position:absolute;left:0;right:0;top:100%;visibility:hidden;opacity:0;transform:translateY(-6px);
  transition:opacity .16s,transform .16s,visibility 0s .16s;background:#fff;border-top:1px solid var(--site-line,#e4e2dd);
  box-shadow:0 24px 40px rgba(29,29,31,.08)}
.mm-open .mm-panel{visibility:visible;opacity:1;transform:none;transition:opacity .16s,transform .16s}
.mm-panel-in{display:flex;gap:48px;max-width:1280px;margin:0 auto;padding:28px 32px 36px}

/* Photo with the brand's name on a button */
.mm-photo{position:relative;flex:none;width:240px;aspect-ratio:3/4;border-radius:20px;overflow:hidden;background:#f1ede6}
.mm-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}
.mm-photo:hover img{transform:scale(1.04)}
.mm-photo-btn{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);padding:9px 18px;border-radius:999px;
  background:rgba(255,255,255,.92);color:var(--site-ink,#1d1d1f);font-size:13px;font-weight:600;white-space:nowrap;
  max-width:85%;overflow:hidden;text-overflow:ellipsis}

/* Columns of links */
.mm-col{min-width:170px}
.mm-head{margin:4px 0 14px;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;
  color:var(--site-muted,#6b6b70)}
.mm-col ul{margin:0;padding:0;list-style:none}
.mm-col li{margin:0 0 9px}
.mm-col a{color:var(--site-ink,#1d1d1f);text-decoration:none;font-size:15px}
.mm-col a:hover{text-decoration:underline;text-underline-offset:3px}
.mm-two ul{columns:2;column-gap:40px}
.mm-two li{break-inside:avoid}
.mm-three{columns:3;column-gap:40px}
.mm-three li{break-inside:avoid;margin-bottom:12px}
.mm-col-wide{flex:1}
.mm-n{margin-left:6px;font-size:12px;color:var(--site-muted,#6b6b70)}
.mm-strong{font-weight:600}
.mm-sub{display:block;font-size:12px;color:var(--site-muted,#6b6b70)}
.mm-all{margin-top:14px}
.mm-all a{font-weight:600;color:var(--site-red,#b3261e)}

/* Narrower screens: smaller photo */
@media (max-width:1100px){
  .mm-panel-in{gap:32px;padding:24px}
  .mm-photo{width:180px}
}

/* Phones and small tablets: a row of plain links you can swipe sideways; no panels */
@media (max-width:900px){
  .mm-bar{justify-content:flex-start;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .mm-bar::-webkit-scrollbar{display:none}
  .mm-top>a{padding:12px 12px;font-size:12px}
  .mm-panel{display:none}
}