/* Megamart common breadcrumb and editable static pages. */
:root {
    --mm-content-blue: #0050dd;
    --mm-content-ink: #17212b;
    --mm-content-muted: #747b8c;
    --mm-content-line: #e7ebf1;
    --mm-content-surface: #fff;
}

.breadcrumbWrapper.mm-breadcrumb-wrapper {
    width: 100%;
    min-height: 38px;
    margin: 10px 0 12px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.mm-breadcrumb-inner {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 12px;
}

.mm-breadcrumb-back-link {
    display: inline-flex;
    width: 26px;
    height: 32px;
    flex: 0 0 26px;
    align-items: center;
    justify-content: flex-start;
    padding: 0;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #222a35;
    text-decoration: none !important;
}

.mm-breadcrumb-back-link svg {
    display: block;
    width: 24px;
    height: 24px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.mm-breadcrumb-back-link:hover,
.mm-breadcrumb-back-link:focus {
    color: var(--mm-content-blue);
    outline: 0;
}

.mm-breadcrumb-back-link:focus-visible {
    outline: 2px solid rgba(0, 80, 221, .35);
    outline-offset: 3px;
}

.mm-breadcrumb-content,
.mm-breadcrumb-nav {
    min-width: 0;
    flex: 1 1 auto;
}

.mm-breadcrumb-list {
    display: flex;
    min-width: 0;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

.mm-breadcrumb-item {
    display: inline-flex;
    min-width: 0;
    align-items: center;
    float: none !important;
    padding: 0 !important;
    color: var(--mm-content-muted) !important;
    font-family: Arial, sans-serif !important;
    font-size: 14px !important;
    line-height: 22px;
}

.mm-breadcrumb-item:not(:last-child)::after {
    margin: 0 10px;
    color: #c2c7d0;
    content: "/";
}

.mm-breadcrumb-item a,
.mm-breadcrumb-item--active {
    overflow-wrap: anywhere;
    color: var(--mm-content-muted) !important;
    text-decoration: none !important;
}

.mm-breadcrumb-item a:hover,
.mm-breadcrumb-item a:focus {
    color: #4d5565 !important;
    text-decoration: underline !important;
    text-underline-offset: 3px;
}

.mm-static-page {
    margin: 8px 0 44px !important;
    padding: clamp(22px, 3vw, 42px) !important;
    border: 0 !important;
    border-radius: 18px !important;
    background: var(--mm-content-surface) !important;
    box-shadow: 0 12px 38px rgba(17, 47, 86, .07);
    color: var(--mm-content-ink);
}

.mm-static-page-header {
    margin: 0 0 24px;
    padding: 0 0 18px;
    border-bottom: 1px solid var(--mm-content-line);
    background: transparent;
}

.mm-static-page-header h1 {
    margin: 0 !important;
    color: var(--mm-content-ink) !important;
    font-family: Montserrat-Bold, Arial, sans-serif !important;
    font-size: clamp(25px, 3vw, 32px) !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    text-transform: none !important;
}

.mm-static-page-content {
    color: #3f4856;
    font-family: Arial, sans-serif !important;
    font-size: 16px !important;
    line-height: 1.75 !important;
    overflow-wrap: anywhere;
}

.mm-static-page-content p,
.mm-static-page-content div,
.mm-static-page-content span,
.mm-static-page-content li,
.mm-static-page-content td,
.mm-static-page-content th {
    font-family: inherit !important;
    font-size: 16px !important;
    line-height: 1.75 !important;
}

.mm-static-page-content h1,
.mm-static-page-content h2,
.mm-static-page-content h3,
.mm-static-page-content h4,
.mm-static-page-content h5,
.mm-static-page-content h6 {
    margin: 1.45em 0 .65em !important;
    color: var(--mm-content-ink) !important;
    font-family: Montserrat-Bold, Arial, sans-serif !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    text-transform: none !important;
}

.mm-static-page-content h1 { font-size: 27px !important; }
.mm-static-page-content h2 { font-size: 23px !important; }
.mm-static-page-content h3 { font-size: 20px !important; }
.mm-static-page-content h4,
.mm-static-page-content h5,
.mm-static-page-content h6 { font-size: 18px !important; }
.mm-static-page-content h1 *,
.mm-static-page-content h2 *,
.mm-static-page-content h3 *,
.mm-static-page-content h4 *,
.mm-static-page-content h5 *,
.mm-static-page-content h6 * {
    color: inherit !important;
    font-family: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
}
.mm-static-page-content > :first-child { margin-top: 0 !important; }
.mm-static-page-content > :last-child { margin-bottom: 0 !important; }
.mm-static-page-content p { margin: 0 0 1em !important; }
.mm-static-page-content ul,
.mm-static-page-content ol { margin: 0 0 1.15em; padding-left: 24px; }
.mm-static-page-content li + li { margin-top: .35em; }
.mm-static-page-content a { color: var(--mm-content-blue); text-decoration: underline; text-underline-offset: 3px; }
.mm-static-page-content img { max-width: 100% !important; height: auto !important; }
.mm-static-page-content iframe { max-width: 100%; }
.mm-static-page-content table { max-width: 100%; border-collapse: collapse; }
.mm-static-page-content td,
.mm-static-page-content th { padding: 9px 11px; border: 1px solid var(--mm-content-line); }
.mm-static-page-content blockquote { margin: 1.25em 0; padding: 14px 18px; border-left: 4px solid var(--mm-content-blue); background: #f5f8fd; }

@media (max-width: 767px) {
    .breadcrumbWrapper.mm-breadcrumb-wrapper { margin: 8px 0 10px !important; }
    .mm-breadcrumb-inner { gap: 8px; }
    .mm-breadcrumb-list { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 2px; scrollbar-width: none; }
    .mm-breadcrumb-list::-webkit-scrollbar { display: none; }
    .mm-breadcrumb-item { flex: 0 0 auto; font-size: 12px !important; white-space: nowrap; }
    .mm-breadcrumb-item:not(:last-child)::after { margin: 0 7px; }
    .mm-static-page { margin-bottom: 28px !important; padding: 20px 16px !important; border-radius: 14px !important; }
    .mm-static-page-header { margin-bottom: 18px; padding-bottom: 14px; }
    .mm-static-page-header h1 { font-size: 24px !important; }
    .mm-static-page-content,
    .mm-static-page-content p,
    .mm-static-page-content div,
    .mm-static-page-content span,
    .mm-static-page-content li,
    .mm-static-page-content td,
    .mm-static-page-content th { font-size: 15px !important; line-height: 1.7 !important; }
}