.mscross-megamenu{--ms-orange:#ff6900;--ms-ink:#171717;--ms-muted:#777;width:100%;max-width:100%;min-width:0;font-family:inherit;container-type:inline-size}
.mscross-megamenu *{box-sizing:border-box}
.mscross-megamenu__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(15px,2vw,35px)}
.mscross-megamenu__column{min-width:0}
.mscross-megamenu__title{font-size:13px;line-height:1.3;font-weight:750;color:var(--ms-ink);letter-spacing:.06em;text-transform:uppercase;border-bottom:2px solid var(--ms-orange);padding:0 0 12px;margin:0 0 10px}
.mscross-megamenu__items{display:flex;flex-direction:column;gap:2px}
.mscross-megamenu__item{display:flex;align-items:center;gap:12px;padding:10px 7px;text-decoration:none!important;color:var(--ms-ink)!important;border-radius:3px;transition:background-color .18s ease}
.mscross-megamenu__item:hover,.mscross-megamenu__item:focus-visible{background:#fff2e7}
.mscross-megamenu__image{width:58px;height:58px;flex:0 0 58px;object-fit:contain;mix-blend-mode:multiply}
.mscross-megamenu__info{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}
.mscross-megamenu__name{font-size:14px;font-weight:650;line-height:1.3;overflow-wrap:anywhere}
.mscross-megamenu__item:hover .mscross-megamenu__name{color:var(--ms-orange)}
.mscross-megamenu__count{font-size:12px;font-weight:400;color:var(--ms-muted);line-height:1.2}
.mscross-megamenu__arrow{font-size:23px;line-height:1;color:var(--ms-orange);opacity:0;transform:translateX(-3px);transition:opacity .18s,transform .18s}
.mscross-megamenu__item:hover .mscross-megamenu__arrow,.mscross-megamenu__item:focus-visible .mscross-megamenu__arrow{opacity:1;transform:translateX(0)}
@container (max-width:950px){.mscross-megamenu__grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:24px}}
@container (max-width:530px){.mscross-megamenu__grid{grid-template-columns:minmax(0,1fr);row-gap:18px}.mscross-megamenu__image{width:50px;height:50px;flex-basis:50px}.mscross-megamenu__item{padding:8px 4px}}
.mscross-megamenu--stack .mscross-megamenu__grid{grid-template-columns:minmax(0,1fr);row-gap:18px}
.mscross-megamenu--stack .mscross-megamenu__image{width:50px;height:50px;flex-basis:50px}
@supports not (container-type:inline-size){@media(max-width:1024px){.mscross-megamenu__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.mscross-megamenu__grid{grid-template-columns:minmax(0,1fr)}}}
@media(prefers-reduced-motion:reduce){.mscross-megamenu__item,.mscross-megamenu__arrow{transition:none}}