.uggi-mm {
    --uggi-mm-accent: #df6200;
    --uggi-mm-ink: #25292e;
    --uggi-mm-muted: #f5f6f8;
    box-sizing: border-box;
    width: min(1110px, calc(100vw - 32px));
    max-height: calc(100vh - 150px);
    overflow: hidden;
    background: #fff;
    border: 1px solid #e6e8eb;
    box-shadow: 0 15px 40px rgba(24, 28, 32, .14);
    color: var(--uggi-mm-ink);
}
.uggi-mm [hidden], .uggi-mm-mobile [hidden] { display: none !important; }
.uggi-mm__layout { display: grid; grid-template-columns: 190px minmax(0, 1fr); width: 100%; min-height: 0; max-height: inherit; }
.uggi-mm__rail { list-style: none; margin: 0; padding: 10px 0; border-right: 1px solid #e6e8eb; min-height: 0; max-height: calc(100vh - 150px); overflow-y: auto; }
.uggi-mm__rail-item { margin: 0; padding: 0; }
.uggi-mm__rail-item.has-subnav { display: flex; align-items: stretch; }
.uggi-mm__rail-item.is-separated { border-top: 1px solid #e6e8eb; margin-top: 8px; padding-top: 8px; }
.uggi-mm__rail-button, .uggi-mm__rail-link { display: flex; align-items: center; justify-content: space-between; gap: 8px; width: 100%; min-height: 48px; padding: 9px 15px; border: 0; border-left: 3px solid transparent; background: #fff; color: inherit; font: inherit; font-size: 14px; text-align: left; text-decoration: none; cursor: pointer; }
.uggi-mm__rail-item.has-subnav > .uggi-mm__rail-link { flex: 1 1 auto; min-width: 0; width: auto; padding-right: 0; }
.uggi-mm__rail-item.has-subnav > .uggi-mm__rail-button { flex: 0 0 44px; width: 44px; justify-content: center; padding: 0; border-left: 1px solid #e6e8eb; }
.uggi-mm__rail-item.is-active > .uggi-mm__rail-link, .uggi-mm__rail-item.is-active > .uggi-mm__rail-button, .uggi-mm__rail-item.has-subnav:hover > .uggi-mm__rail-link, .uggi-mm__rail-item.has-subnav:hover > .uggi-mm__rail-button, .uggi-mm__rail-link:hover { background: var(--uggi-mm-muted); color: inherit; }
.uggi-mm__rail-item.is-active > .uggi-mm__rail-link, .uggi-mm__rail-item:hover > .uggi-mm__rail-link { border-left-color: var(--uggi-mm-accent); }
.uggi-mm__rail-link.is-current { cursor: default; }
.uggi-mm__rail-item > .uggi-mm__rail-link.is-current, .uggi-mm__rail-item:hover > .uggi-mm__rail-link.is-current { color: var(--uggi-mm-accent); }
.uggi-mm__rail-button > span { font-size: 19px; color: #69727d; }
.uggi-mm__panes { min-width: 0; min-height: 0; max-height: calc(100vh - 150px); overflow-y: auto; overscroll-behavior: contain; }
.uggi-mm__pane { padding: 20px 24px; }
.uggi-mm__pane-head, .uggi-mm-mobile__section-head, .uggi-mm-mobile__group-head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.uggi-mm__pane-head { margin-bottom: 14px; }
.uggi-mm__pane-head h2 { margin: 0; font-size: 23px; font-weight: 600; line-height: 1.25; }
.uggi-mm__pane-head a, .uggi-mm__all, .uggi-mm__expand, .uggi-mm-mobile__group-head a, .uggi-mm-mobile__section-head a, .uggi-mm-mobile__expand { color: var(--uggi-mm-accent); font-size: 13px; text-decoration: none; }
.uggi-mm__group-head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; min-width: 0; margin-bottom: 8px; }
.uggi-mm__group-head h3, .uggi-mm__group-head h4 { margin: 0; }
.uggi-mm__group-head .uggi-mm__all { flex: 0 0 auto; margin: 0; white-space: nowrap; }
.uggi-mm__featured { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin-bottom: 16px; }
.uggi-mm__photo-tile { display: flex; align-items: center; justify-content: space-between; gap: 4px; min-width: 0; height: 70px; padding: 6px 7px 6px 11px; border: 1px solid #e9ebee; border-radius: 6px; background: var(--uggi-mm-muted); color: inherit; text-decoration: none; font-size: 14px; line-height: 1.2; }
.uggi-mm__photo-tile > span { min-width: 0; overflow-wrap: anywhere; }
.uggi-mm__photo-tile img { flex: 0 0 80px; width: 80px; height: 60px; object-fit: contain; }
.uggi-mm__photo-tile:hover, .uggi-mm__photo-tile.is-current { border-color: var(--uggi-mm-accent); color: inherit; }
.uggi-mm__accessory-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; }
.uggi-mm__accessory-tile { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-width: 0; min-height: 82px; padding: 7px 11px; border: 1px solid #e8eaed; border-radius: 6px; background: var(--uggi-mm-muted); color: inherit; text-decoration: none; font-size: 14px; }
.uggi-mm__accessory-tile > span { min-width: 0; overflow-wrap: anywhere; }
.uggi-mm__accessory-tile img { flex: 0 0 96px; width: 96px; height: 72px; object-fit: contain; }
.uggi-mm__accessory-tile:hover, .uggi-mm__accessory-tile.is-current { border-color: var(--uggi-mm-accent); color: inherit; }
.uggi-mm__columns { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; border-top: 1px solid #e8eaec; padding-top: 15px; }
.uggi-mm__column { min-width: 0; }
.uggi-mm__column h3, .uggi-mm__feature-row h3, .uggi-mm__extras-content h3 { margin: 0 0 8px; font-size: 15px; font-weight: 600; }
.uggi-mm__text-links { display: flex; flex-direction: column; gap: 5px; }
.uggi-mm__text-links > a, .uggi-mm__text-links > span { display: flex; align-items: center; gap: 8px; width: fit-content; max-width: 100%; min-height: 33px; color: inherit; font-size: 14px; line-height: 1.3; text-decoration: none; overflow-wrap: anywhere; }
.uggi-mm__text-links img { flex: 0 0 44px; width: 44px; height: 33px; border-radius: 4px; background: var(--uggi-mm-muted); object-fit: contain; }
.uggi-mm__text-links > a:hover, .uggi-mm__feature-links > a:hover { color: var(--uggi-mm-accent); text-decoration: underline; }
.uggi-mm__all { display: inline-block; margin-top: 8px; }
.uggi-mm__expand { display: inline-block; border: 0; padding: 5px 0; background: transparent; cursor: pointer; }
.uggi-mm__quick-group + .uggi-mm__quick-group { margin-top: 13px; }
.uggi-mm__quick-group h4 { margin: 0 0 7px; font-size: 13px; font-weight: 600; }
.uggi-mm__choices { display: flex; flex-wrap: wrap; gap: 6px; }
.uggi-mm__choice { display: inline-flex; align-items: center; gap: 5px; min-height: 33px; padding: 3px 8px; border: 1px solid #e5e8eb; border-radius: 5px; color: inherit; font-size: 12px; text-decoration: none; white-space: normal; }
.uggi-mm__choice:hover, .uggi-mm__choice.is-current, .uggi-mm .is-current, .uggi-mm-mobile .is-current { color: var(--uggi-mm-accent); }
.uggi-mm__swatch { flex: 0 0 16px; display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: var(--uggi-menu-color, #fff); border: 1px solid #cbd0d5; }
.uggi-mm__feature-row { margin-top: 15px; padding: 12px 0; border-top: 1px solid #e8eaec; border-bottom: 1px solid #e8eaec; }
.uggi-mm__feature-links { display: flex; flex-wrap: wrap; gap: 6px; }
.uggi-mm__feature-links a, .uggi-mm__feature-links span { display: inline-flex; align-items: center; gap: 6px; min-height: 32px; padding: 5px 9px; border-radius: 5px; background: var(--uggi-mm-muted); color: inherit; text-decoration: none; font-size: 13px; }
.uggi-mm__feature-links i { color: #67717b; font-size: 14px; }
.uggi-mm__feature-row .uggi-mm__expand { margin-top: 4px; }
.uggi-mm__extras-toggle, .uggi-mm-mobile__extra > button { min-height: 42px; border: 0; padding: 0; background: transparent; color: var(--uggi-mm-ink); font-size: 14px; font-weight: 600; cursor: pointer; }
.uggi-mm__extras { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; padding: 15px 0 4px; }
.uggi-mm__extra-group { min-width: 0; }
.uggi-mm__extra-group--materials { grid-column: span 2; }
.uggi-mm__extra-group .uggi-mm__group-head { flex-wrap: wrap; }
.uggi-mm__extra-group .uggi-mm__group-head .uggi-mm__all { white-space: normal; }
.uggi-mm__extra-group h3 { margin: 0 0 8px; font-size: 15px; font-weight: 600; }
.uggi-mm__extra-links { display: flex; flex-wrap: wrap; gap: 6px; }
.uggi-mm__extra-links a, .uggi-mm__extra-links span { display: inline-flex; align-items: center; min-height: 33px; padding: 5px 9px; border-radius: 5px; background: var(--uggi-mm-muted); color: inherit; font-size: 13px; line-height: 1.25; text-decoration: none; }
.uggi-mm__extra-links i { width: 14px; margin-right: 6px; color: #67717b; font-size: 14px; text-align: center; }
.uggi-mm__extra-links a:hover { color: var(--uggi-mm-accent); }
.uggi-mm :is(button, a):focus-visible, .uggi-mm-mobile :is(button, a, input):focus-visible { outline: 2px solid var(--uggi-mm-accent); outline-offset: 2px; }

.uggi-mm-mobile { --uggi-mm-accent: #df6200; --uggi-mm-ink: #25292e; height: 100%; min-height: 0; background: #fff; color: var(--uggi-mm-ink); }
.uggi-mm-mobile__root, .uggi-mm-mobile__section { height: 100%; max-height: 100%; overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; }
.uggi-mm-mobile__header { position: sticky; top: 0; z-index: 2; display: flex; align-items: center; gap: 10px; height: 55px; padding: 0 16px; border-bottom: 1px solid #e8eaec; background: #fff; }
.uggi-mm-mobile__header strong { font-size: 17px; font-weight: 600; }
.uggi-mm-mobile__header button { flex: 0 0 40px; width: 40px; height: 40px; border: 0; background: transparent; color: inherit; font-size: 25px; cursor: pointer; }
.uggi-mm-mobile__header .uggi-mm-mobile__close { margin-left: auto; }
.uggi-mm-mobile__search { display: flex; height: 44px; margin: 14px 16px; border: 1px solid #dfe3e7; border-radius: 6px; }
.uggi-mm-mobile__search input { flex: 1; min-width: 0; padding: 0 10px; border: 0; background: transparent; font-size: 14px; }
.uggi-mm-mobile__search button { width: 44px; border: 0; background: transparent; font-size: 24px; }
.uggi-mm-mobile__root-links { list-style: none; margin: 0; padding: 0 16px; }
.uggi-mm-mobile__root-links li { border-bottom: 1px solid #eef0f2; }
.uggi-mm-mobile__root-links li.is-separated { margin-top: 10px; border-top: 1px solid #e3e6e9; }
.uggi-mm-mobile__root-links a, .uggi-mm-mobile__root-links button, .uggi-mm-mobile__root-links .uggi-mm-mobile__root-link { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; min-height: 48px; border: 0; padding: 8px 2px; background: #fff; color: inherit; font: inherit; font-size: 15px; text-align: left; text-decoration: none; cursor: pointer; }
.uggi-mm-mobile__root-links li.has-subnav { display: flex; align-items: stretch; }
.uggi-mm-mobile__root-links li.has-subnav > .uggi-mm-mobile__root-link { flex: 1 1 auto; min-width: 0; width: auto; }
.uggi-mm-mobile__root-links li.has-subnav > button { flex: 0 0 48px; width: 48px; justify-content: center; border-left: 1px solid #e6e8eb; font-size: 20px; }
.uggi-mm-mobile__root-links .uggi-mm-mobile__root-link.is-current { cursor: default; }
.uggi-mm-mobile__utilities { display: flex; flex-direction: column; margin: 16px; border-top: 1px solid #e3e6e9; }
.uggi-mm-mobile__utilities a { display: flex; align-items: center; min-height: 44px; color: inherit; text-decoration: none; }
.uggi-mm-mobile__body { padding: 16px 15px 30px; }
.uggi-mm-mobile__section-head { margin-bottom: 14px; }
.uggi-mm-mobile__section-head h2 { margin: 0; font-size: 20px; line-height: 1.25; }
.uggi-mm-mobile__section-head a { text-align: right; }
.uggi-mm-mobile__group { margin-bottom: 16px; }
.uggi-mm-mobile__group-head { margin-bottom: 7px; }
.uggi-mm-mobile__group-head h3 { margin: 0; font-size: 15px; font-weight: 600; }
.uggi-mm-mobile__group-head a { text-align: right; }
.uggi-mm-mobile__items { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }
.uggi-mm-mobile__item { display: flex; align-items: center; justify-content: space-between; gap: 3px; min-width: 0; min-height: 44px; padding: 6px 8px; border: 1px solid #e8eaed; border-radius: 6px; background: #f5f6f8; color: inherit; text-decoration: none; font-size: 13px; line-height: 1.2; }
.uggi-mm-mobile__item > span { min-width: 0; overflow-wrap: anywhere; }
.uggi-mm-mobile__group--models .uggi-mm-mobile__item { height: 68px; }
.uggi-mm-mobile__group--models .uggi-mm-mobile__item.is-secondary { grid-column: 1 / -1; height: 46px; justify-content: flex-start; }
.uggi-mm-mobile__group--models .uggi-mm-mobile__item.is-secondary img { order: -1; flex-basis: 42px; width: 42px; height: 32px; }
.uggi-mm-mobile__item img { flex: 0 0 64px; width: 64px; height: 48px; object-fit: contain; }
.uggi-mm-mobile__group--features .uggi-mm-mobile__item { justify-content: flex-start; }
.uggi-mm-mobile__group--features i { flex: 0 0 16px; color: #67717b; text-align: center; }
.uggi-mm-mobile__group--types .uggi-mm-mobile__item img { flex-basis: 55px; width: 55px; height: 42px; }
.uggi-mm-mobile__group--sizes .uggi-mm-mobile__items, .uggi-mm-mobile__group--colors .uggi-mm-mobile__items { display: flex; flex-wrap: wrap; gap: 6px; }
.uggi-mm-mobile__group--sizes .uggi-mm-mobile__item { justify-content: center; min-width: 44px; }
.uggi-mm-mobile__group--colors .uggi-mm-mobile__item { flex-direction: column; justify-content: center; min-width: 69px; padding: 5px; font-size: 11px; }
.uggi-mm-mobile__group--colors .uggi-mm__swatch { flex-basis: 20px; width: 20px; height: 20px; }
.uggi-mm-mobile__expand { min-height: 35px; border: 0; padding: 0; background: transparent; cursor: pointer; }
.uggi-mm-mobile__extra { padding: 13px 0; border-top: 1px solid #e8eaec; }
.uggi-mm-mobile__extra h3 { margin: 0 0 9px; font-size: 15px; font-weight: 600; }
.uggi-mm-mobile__extra-links { display: flex; flex-wrap: wrap; gap: 7px; }
.uggi-mm-mobile__extra-links a, .uggi-mm-mobile__extra-links span { display: inline-flex; align-items: center; min-height: 36px; padding: 6px 10px; border-radius: 5px; background: #f5f6f8; color: inherit; font-size: 13px; line-height: 1.25; text-decoration: none; }
#rm_sidebar.uggi-mm-sidebar .rm-sidebar-title { display: none !important; }
#rm_sidebar.uggi-mm-sidebar { top: var(--uggi-mm-viewport-top, 0px) !important; height: var(--uggi-mm-viewport-height, 100dvh) !important; max-height: var(--uggi-mm-viewport-height, 100dvh) !important; }
#rm_sidebar.uggi-mm-sidebar #rm_sidebar_content { height: var(--uggi-mm-viewport-height, 100dvh) !important; max-height: var(--uggi-mm-viewport-height, 100dvh) !important; min-height: 0; overflow: hidden; padding: 0; }

@media (max-width: 991px) { #rm-menu.uggi-mm--desktop { display: none !important; } }
@media (min-width: 992px) and (max-width: 1199px) {
    .uggi-mm__feature-links { gap: 3px; }
    .uggi-mm__feature-links a, .uggi-mm__feature-links span { gap: 3px; padding: 5px 3px; font-size: 11.5px; }
}
@media (min-width: 992px) { .uggi-mm-mobile { display: none; } }
@media (prefers-reduced-motion: reduce) { .uggi-mm *, .uggi-mm-mobile * { scroll-behavior: auto !important; transition: none !important; } }