/* V-REFLEX brand palette, shared by every public page. */
:root {
    --vreflex-brand: #006400;
    --vreflex-brand-hover: #004d00;
    --vreflex-brand-rgb: 0, 100, 0;
    --vreflex-brand-tint: #f0f7f0;
    --vreflex-brand-selected: #e6f1e5;
    --vreflex-brand-line: #c5dbc5;
    --vreflex-brand-dark: #183018;
    --bs-primary: var(--vreflex-brand);
    --bs-primary-rgb: var(--vreflex-brand-rgb);
    --bs-link-color: var(--vreflex-brand);
    --bs-link-hover-color: var(--vreflex-brand-hover);
    --bs-link-color-rgb: var(--vreflex-brand-rgb);
    --bs-link-hover-color-rgb: 0, 77, 0;
    --bs-focus-ring-color: rgba(var(--vreflex-brand-rgb), .25);
}

body.site {
    accent-color: var(--vreflex-brand);
    font: 400 17px/1.7 Helvetica, Arial, sans-serif;
}

/* All routes render one header and one footer through VReflexShell. */
body.site #sp-toolbar { border-bottom: 1px solid #eae9ee; background: #fff; }
body.site #sp-toolbar > .container { width: 100%; max-width: 1440px; padding-inline: 40px; }
body.site #sp-logo .logo-image { width: 166px; height: auto; max-height: 60px; }
body.site #sp-toolbar .sp-megamenu-parent > li > a { font-size: 15px; font-weight: 500; }
.vreflex-mega-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 60px;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--vreflex-brand);
    cursor: pointer;
}
.vreflex-mega-toggle::after {
    content: '';
    width: 7px;
    height: 7px;
    border-inline-end: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: translateY(-2px) rotate(45deg);
}
.vreflex-mega-toggle[aria-expanded="true"]::after { transform: translateY(2px) rotate(225deg); }
.vreflex-mega-toggle:is(:hover, :focus-visible) { background: var(--vreflex-brand-tint); }
.vreflex-mega-toggle:focus-visible { outline: 2px solid var(--vreflex-brand); outline-offset: -3px; }
body.site .sp-megamenu-parent > li.sp-has-child.vreflex-mega-item > a::after { display: none; }

.vr-site-footer { padding: 64px 40px 28px; background: #19191c; color: #fff; font: 400 16px/1.7 Helvetica, Arial, sans-serif; }
.vr-site-footer-main { display: grid; grid-template-columns: 1.7fr 1fr 1fr .7fr; gap: 40px; max-width: 1360px; margin-inline: auto; }
.vr-site-footer-brand img { width: 166px; height: auto; filter: grayscale(1) brightness(0) invert(1); }
.vr-site-footer-brand p { margin: 24px 0 0; color: #c2c1c9; font-size: 16px; line-height: 1.7; }
body.site .vr-site-footer h2 { margin: 4px 0 20px; color: #fff; font: 600 17px/1.5 Helvetica, Arial, sans-serif; }
.vr-site-footer nav > a { display: block; width: fit-content; margin-top: 12px; color: #c2c1c9; font-size: 15px; text-decoration: none; }
.vr-site-footer nav > a:hover { color: #fff; text-decoration: underline; text-underline-offset: 4px; }
.vr-site-footer a:focus-visible { outline: 2px solid #fff; outline-offset: 5px; }
.vr-site-footer-bottom { display: flex; justify-content: space-between; gap: 24px; max-width: 1360px; margin: 54px auto 0; padding-top: 22px; border-top: 1px solid #ffffff30; color: #c2c1c9; font-size: 16px; }

@media (min-width: 992px) {
    body.site #sp-toolbar #sp-logo { flex: 0 0 190px; max-width: 190px; }
    body.site #sp-toolbar #sp-menu { flex: 1; width: auto; min-width: 0; }
    body.site #sp-toolbar .sp-megamenu-wrapper { display: flex; justify-content: flex-end; }
    body.site #sp-toolbar .sp-megamenu-parent { display: flex !important; align-items: center; flex-wrap: nowrap; margin: 0; }
    body.site #sp-toolbar .sp-megamenu-parent > li { display: flex; align-items: center; flex: 0 0 auto; width: auto; }
    body.site #sp-toolbar .sp-megamenu-parent > li > a { padding-inline: 14px; white-space: nowrap; }
    body.site #sp-toolbar .sp-megamenu-parent > .vreflex-mega-item > a { padding-inline-end: 0; }
}

@media (min-width: 992px) and (max-width: 1199px) {
    body.site #sp-toolbar > .container { padding-inline: 24px; }
    body.site #sp-toolbar #sp-logo { flex-basis: 160px; max-width: 160px; }
    body.site #sp-logo .logo-image { width: 145px; }
    body.site #sp-toolbar .sp-megamenu-parent > li > a { padding-inline: 8px; font-size: 13px; }
    .vreflex-mega-toggle { width: 26px; }
}

@media (max-width: 991px) {
    body.site { font-size: 16px; }
    body.site #sp-toolbar > .container { padding-inline: 24px; }
    body.site #sp-logo .logo-image { width: 150px; }
    body.site #sp-toolbar .sp-megamenu-parent > .vreflex-mega-item { position: relative; }
    body.site #sp-toolbar .sp-megamenu-parent > .vreflex-mega-item > a { width: calc(100% - 52px); }
    .vreflex-mega-toggle { position: absolute; inset-inline-end: 0; top: 2px; width: 48px; height: 48px; }
    .vr-site-footer { padding: 48px 24px 24px; }
    .vr-site-footer-main { grid-template-columns: 1fr 1fr; gap: 32px; }
    .vr-site-footer-brand { grid-column: 1 / -1; }
    .vr-site-footer-bottom { flex-direction: column; gap: 10px; margin-top: 36px; }
}

@media (max-width: 575px) {
    body.site #sp-toolbar > .container { padding-inline: 20px; }
    .vr-site-footer-main { gap: 28px 20px; }
    .vr-site-footer-main nav:last-child { grid-column: 1 / -1; }
}
body.site .btn-primary,
body.site .sppb-btn-primary {
    --bs-btn-bg: var(--vreflex-brand);
    --bs-btn-border-color: var(--vreflex-brand);
    --bs-btn-hover-bg: var(--vreflex-brand-hover);
    --bs-btn-hover-border-color: var(--vreflex-brand-hover);
    --bs-btn-active-bg: var(--vreflex-brand-hover);
    --bs-btn-active-border-color: var(--vreflex-brand-hover);
    --bs-btn-disabled-bg: var(--vreflex-brand);
    --bs-btn-disabled-border-color: var(--vreflex-brand);
    --bs-btn-focus-shadow-rgb: var(--vreflex-brand-rgb);
    background-color: var(--vreflex-brand);
    border-color: var(--vreflex-brand);
    color: #fff;
}
body.site :is(.btn-primary, .sppb-btn-primary):is(:hover, :focus, :active) {
    background-color: var(--vreflex-brand-hover);
    border-color: var(--vreflex-brand-hover);
    color: #fff;
}
body.site .btn-outline-primary {
    --bs-btn-color: var(--vreflex-brand);
    --bs-btn-border-color: var(--vreflex-brand);
    --bs-btn-hover-bg: var(--vreflex-brand);
    --bs-btn-hover-border-color: var(--vreflex-brand);
    --bs-btn-active-bg: var(--vreflex-brand-hover);
    --bs-btn-active-border-color: var(--vreflex-brand-hover);
    --bs-btn-focus-shadow-rgb: var(--vreflex-brand-rgb);
}
body.site :is(.form-control, .form-select, .inputbox):focus {
    border-color: var(--vreflex-brand);
    box-shadow: 0 0 0 .2rem rgba(var(--vreflex-brand-rgb), .15);
}
body.site .form-check-input:checked { background-color: var(--vreflex-brand); border-color: var(--vreflex-brand); }
body.site .form-check-input:focus { border-color: var(--vreflex-brand); box-shadow: 0 0 0 .2rem rgba(var(--vreflex-brand-rgb), .15); }
body.site .pagination {
    --bs-pagination-active-bg: var(--vreflex-brand);
    --bs-pagination-active-border-color: var(--vreflex-brand);
    --bs-pagination-focus-box-shadow: 0 0 0 .2rem rgba(var(--vreflex-brand-rgb), .15);
}
body.site .nav-pills { --bs-nav-pills-link-active-bg: var(--vreflex-brand); }
body.site .progress { --bs-progress-bar-bg: var(--vreflex-brand); }
body.site .awesomplete > ul > li[aria-selected="true"] { background: var(--vreflex-brand); color: #fff; }
body.site .sppb-panel-primary { border-color: var(--vreflex-brand); }
body.site .sppb-panel-primary > .sppb-panel-heading { border-color: var(--vreflex-brand); background: var(--vreflex-brand); color: #fff; }

/* Full-width navigation uses the same palette on desktop and mobile. */
.vreflex-menu-header {
    position: relative;
    z-index: 100;
}

/* The header provides both desktop and mobile navigation. */
.sm-btn-288,
.sm-btn-293 {
    display: none !important;
}

.vreflex-mega-panel[hidden],
.vreflex-category-panel[hidden] {
    display: none !important;
}

.vreflex-mega-panel {
    --vreflex-accent: var(--vreflex-brand);
    --vreflex-ink: #292831;
    --vreflex-muted: #74717f;
    --vreflex-line: #eae9ee;
    --vreflex-tint: var(--vreflex-brand-tint);
    position: absolute;
    inset-inline: 0;
    top: 100%;
    z-index: 101;
    width: 100%;
    text-align: start;
    color: var(--vreflex-ink);
    border-top: 1px solid var(--vreflex-line);
    box-shadow: 0 14px 28px -14px rgb(22 20 37 / 24%);
    background: #fff;
    font-weight: 400;
    line-height: 1.5;
}

.vreflex-mega-surface {
    position: relative;
    max-height: var(--vreflex-menu-max-height, calc(100dvh - 72px));
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
}

.vreflex-mega-grid {
    display: grid;
    grid-template-columns: 280px minmax(0, 1fr);
    max-width: 1440px;
    min-height: 352px;
    margin-inline: auto;
    padding: 24px 32px 28px;
}

.vreflex-menu-eyebrow {
    margin: 0 0 14px;
    color: var(--vreflex-muted);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}

.vreflex-mega-rail {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    padding: 8px 20px 0 0;
    border-inline-end: 1px solid var(--vreflex-line);
}

.vreflex-mega-rail > .vreflex-menu-eyebrow {
    padding-inline: 14px;
}

.vreflex-category-tabs {
    display: grid;
    gap: 4px;
}

.vreflex-category-tab {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    min-height: 52px;
    margin: 0;
    padding: 12px 14px;
    border: 0;
    border-radius: 4px;
    background: transparent;
    color: var(--vreflex-ink);
    text-align: start;
    font: 500 16px/1.45 Helvetica, Arial, sans-serif;
    cursor: pointer;
    transition: background-color 160ms, color 160ms;
}

.vreflex-category-tab:hover,
.vreflex-category-tab[aria-selected="true"] {
    background: var(--vreflex-tint);
    color: var(--vreflex-accent);
}

.vreflex-category-tab[aria-selected="true"] {
    box-shadow: inset 2px 0 var(--vreflex-accent);
}

.vreflex-mega-panel svg {
    display: block;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.35;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.vreflex-category-chevron {
    margin-inline-start: auto;
    color: #a7a4b1;
    font-size: 22px;
    font-weight: 300;
    line-height: 1;
}

.vreflex-category-tab[aria-selected="true"] .vreflex-category-chevron {
    color: var(--vreflex-accent);
}

.sp-megamenu-parent .vreflex-view-all {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-top: 28px;
    padding: 12px 14px;
    border: 1px solid var(--vreflex-brand-line);
    border-radius: 5px;
    background: var(--vreflex-tint);
    color: var(--vreflex-accent);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
}

.vreflex-view-all::after,
.vreflex-collection-link::after,
.vreflex-related-card > a::after {
    content: "→";
    display: inline-block;
    margin-inline-start: 8px;
    transition: transform 160ms;
}

.vreflex-mega-content {
    min-width: 0;
    padding: 5px 28px 0;
}

.vreflex-category-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    min-height: 58px;
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--vreflex-line);
}

.vreflex-mega-panel .vreflex-category-title {
    margin: 0 0 5px;
    color: var(--vreflex-ink);
    font: 600 18px/1.4 Helvetica, Arial, sans-serif;
    letter-spacing: -.25px;
}

.vreflex-category-description {
    margin: 0;
    color: var(--vreflex-muted);
    font-size: 14px;
    line-height: 1.5;
}

.sp-megamenu-parent .vreflex-collection-link {
    flex-shrink: 0;
    color: var(--vreflex-accent);
    font-size: 14px;
    font-weight: 500;
    white-space: nowrap;
}

.vreflex-mega-links {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: repeat(var(--vreflex-link-rows), minmax(58px, auto));
    grid-auto-flow: column;
    gap: 0 24px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.vreflex-mega-links::before {
    content: "";
    position: absolute;
    inset-block: 0;
    inset-inline-start: 50%;
    width: 1px;
    background: var(--vreflex-line);
}

.sp-megamenu-parent .vreflex-mega-link {
    display: flex;
    align-items: center;
    gap: 12px;
    height: 100%;
    min-height: 58px;
    padding: 12px 8px;
    border-radius: 4px;
    color: var(--vreflex-ink);
    font-size: 15px;
    font-weight: 500;
    line-height: 1.5;
    transition: color 160ms, background-color 160ms;
}

.vreflex-link-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 26px;
    color: #888494;
}

.vreflex-link-icon svg {
    width: 18px;
    height: 18px;
}

.vreflex-link-label {
    min-width: 0;
    overflow-wrap: anywhere;
}

.vreflex-link-arrow {
    margin-inline-start: auto;
    color: var(--vreflex-accent);
    opacity: 0;
    transform: translate(-2px, 2px);
    transition: opacity 160ms, transform 160ms;
}

.sp-megamenu-parent .vreflex-mega-link:hover,
.sp-megamenu-parent .vreflex-mega-link:focus-visible,
.sp-megamenu-parent .vreflex-mega-link[aria-current="page"] {
    background: var(--vreflex-tint);
    color: var(--vreflex-accent);
}

.vreflex-mega-link:hover .vreflex-link-icon,
.vreflex-mega-link:focus-visible .vreflex-link-icon {
    color: var(--vreflex-accent);
}

.vreflex-mega-link:hover .vreflex-link-arrow,
.vreflex-mega-link:focus-visible .vreflex-link-arrow {
    opacity: 1;
    transform: none;
}

.vreflex-mega-aside {
    display: grid;
    align-content: start;
    gap: 14px;
    min-width: 0;
    margin-top: 26px;
    padding-inline-start: 22px;
    border-inline-start: 1px solid var(--vreflex-line);
}

.vreflex-related-card,
.vreflex-brand-card {
    padding: 20px;
    border: 1px solid var(--vreflex-line);
    border-radius: 5px;
    background: #f8f8fa;
}

.vreflex-mega-panel .vreflex-mega-aside h3 {
    margin: 0 0 12px;
    font: 600 17px/1.45 Helvetica, Arial, sans-serif;
    letter-spacing: -.2px;
}

.vreflex-mega-aside .vreflex-menu-eyebrow {
    margin-bottom: 8px;
    font-size: 12px;
}

.sp-megamenu-parent .vreflex-related-card > a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    min-height: 30px;
    color: #615d72;
    font-size: 14px;
    line-height: 1.5;
    text-transform: capitalize;
}

.vreflex-brand-card {
    position: relative;
    overflow: hidden;
    border-color: var(--vreflex-brand-dark);
    background: var(--vreflex-brand-dark);
    color: #fff;
}

.vreflex-brand-card::after {
    content: "✳";
    position: absolute;
    inset-inline-end: -12px;
    top: -36px;
    color: rgb(255 255 255 / 5%);
    font-size: 140px;
    line-height: 1;
    pointer-events: none;
}

.vreflex-brand-card .vreflex-menu-eyebrow {
    color: #bad1ba;
}

.sp-megamenu-parent .vreflex-about-link {
    position: relative;
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    margin-top: 4px;
    padding: 8px 12px;
    border-radius: 3px;
    background: var(--vreflex-accent);
    color: #fff;
    font-size: 14px;
    line-height: 1.5;
}

.sp-megamenu-parent .vreflex-about-link:hover {
    background: var(--vreflex-brand-hover);
    color: #fff;
}

.vreflex-mega-close {
    position: absolute;
    inset-inline-end: max(20px, calc((100% - 1376px) / 2));
    top: 6px;
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    padding: 0;
    border: 0;
    border-radius: 4px;
    background: transparent;
    color: #777380;
    font: 300 26px/1 Helvetica, Arial, sans-serif;
    cursor: pointer;
}

.vreflex-mega-close:hover {
    color: var(--vreflex-accent);
    background: var(--vreflex-tint);
}

.vreflex-mega-panel :is(a, button):focus-visible {
    outline: 2px solid var(--vreflex-accent);
    outline-offset: 2px;
}

.sp-megamenu-parent :is(.vreflex-view-all, .vreflex-collection-link, .vreflex-related-card > a):hover {
    color: var(--vreflex-accent);
}

.vreflex-view-all:hover::after,
.vreflex-collection-link:hover::after,
.vreflex-related-card > a:hover::after {
    transform: translateX(3px);
}

@media (min-width: 992px) {
    .vreflex-menu-header :is(.container, .container-inner, .row, #sp-menu, #sp-menu > .sp-column,
        .sp-megamenu-wrapper, .sp-megamenu-parent, .vreflex-mega-item) {
        position: static !important;
    }

    .vreflex-menu-header .sp-megamenu-parent > .vreflex-menu-open > a {
        color: var(--vreflex-brand);
        box-shadow: inset 0 -2px var(--vreflex-brand);
    }

    .vreflex-menu-header .sp-megamenu-parent > li.sp-has-child.vreflex-mega-item > a::after {
        content: "";
        display: inline-block;
        width: 5px;
        height: 5px;
        margin-inline-start: 8px;
        border-inline-end: 1px solid currentColor;
        border-bottom: 1px solid currentColor;
        font-family: inherit;
        vertical-align: 3px;
        transform: rotate(45deg);
        transition: transform 160ms;
    }

    .vreflex-menu-header .sp-megamenu-parent > li.sp-has-child.vreflex-menu-open > a::after {
        transform: translateY(2px) rotate(225deg);
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .vreflex-menu-header #sp-logo {
        flex: 0 0 170px;
        max-width: 170px;
    }

    .vreflex-menu-header #sp-menu {
        flex: 1;
        width: auto;
        min-width: 0;
    }

    .vreflex-menu-header .sp-megamenu-parent > li > a {
        padding-inline: 10px;
        font-size: 14px;
    }

    .vreflex-mega-grid {
        grid-template-columns: 240px minmax(0, 1fr);
        padding-inline: 20px;
    }

    .vreflex-mega-content {
        padding-inline: 20px;
    }

    .vreflex-category-heading {
        align-items: flex-start;
        flex-direction: column;
        gap: 8px;
    }

    .vreflex-mega-panel .vreflex-category-title {
        font-size: 16px;
    }

    .vreflex-mega-aside {
        padding-inline-start: 16px;
    }

    .vreflex-related-card,
    .vreflex-brand-card {
        padding: 16px;
    }
}

@media (max-width: 991px) {
    .vreflex-menu-header :is(.container, .container-inner, .row, #sp-menu, #sp-menu > .sp-column) {
        position: static !important;
    }

    .vreflex-menu-header #sp-logo > .sp-column {
        display: flex;
        align-items: center;
        justify-content: space-between;
        min-height: 60px;
    }

    .vreflex-menu-header #sp-logo .logo {
        order: 0;
    }

    .vreflex-menu-header #offcanvas-toggler {
        order: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 44px;
        height: 44px;
        margin: 0;
        border-radius: 4px;
    }

    .vreflex-menu-header #offcanvas-toggler:focus-visible {
        outline: 2px solid var(--vreflex-brand);
        outline-offset: 2px;
    }

    .vreflex-mobile-open #offcanvas-toggler .burger-icon > span:nth-child(1) {
        transform: translateY(6px) rotate(45deg);
    }

    .vreflex-mobile-open #offcanvas-toggler .burger-icon > span:nth-child(2) {
        opacity: 0;
    }

    .vreflex-mobile-open #offcanvas-toggler .burger-icon > span:nth-child(3) {
        transform: translateY(-6px) rotate(-45deg);
    }

    .vreflex-menu-header .sp-megamenu-wrapper {
        position: absolute;
        inset-inline: 0;
        top: 100%;
        z-index: 101;
        max-height: calc(100dvh - 60px);
        overflow-y: auto;
        overscroll-behavior: contain;
        background: #fff;
        box-shadow: 0 14px 28px -14px rgb(22 20 37 / 24%);
    }

    .vreflex-mobile-open .sp-megamenu-parent {
        display: block !important;
        float: none;
        width: 100%;
        margin: 0;
        padding: 8px 20px 16px;
        border-top: 1px solid #eae9ee;
    }

    .vreflex-menu-header .sp-megamenu-parent > li {
        display: block;
        width: 100%;
        border-bottom: 1px solid #eae9ee;
    }

    .vreflex-menu-header .sp-megamenu-parent > li > a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        min-height: 48px;
        padding: 14px 4px;
        font-size: 15px;
        font-weight: 500;
        line-height: 1.5;
    }

    .vreflex-menu-header .sp-megamenu-parent > li.sp-has-child.vreflex-mega-item > a::after {
        content: "+";
        margin-inline-start: 12px;
        font: 400 20px/1 Helvetica, Arial, sans-serif;
    }

    .vreflex-menu-header .sp-megamenu-parent > li.sp-has-child.vreflex-menu-open > a::after {
        content: "−";
    }

    .vreflex-mega-panel {
        display: none !important;
    }

    .vreflex-mobile-open .vreflex-mega-panel:not([hidden]) {
        position: static;
        display: block !important;
        border-top: 0;
        box-shadow: none;
    }

    .vreflex-mega-surface {
        max-height: none;
        overflow: visible;
    }

    .vreflex-mega-grid {
        grid-template-columns: minmax(0, 1fr);
        min-height: 0;
        padding: 4px 0 18px;
    }

    .vreflex-mega-rail {
        padding: 0 0 12px;
        border-inline-end: 0;
    }

    .vreflex-mega-rail > .vreflex-menu-eyebrow {
        display: none;
    }

    .vreflex-category-tabs {
        display: flex;
        gap: 6px;
        overflow-x: auto;
        padding: 3px;
        scrollbar-width: thin;
    }

    .vreflex-category-tab {
        flex-shrink: 0;
        width: auto;
        min-height: 42px;
        padding: 10px 12px;
        gap: 8px;
        background: #f8f8fa;
        font-size: 15px;
    }

    .vreflex-category-tab[aria-selected="true"] {
        box-shadow: inset 0 -2px var(--vreflex-accent);
    }

    .vreflex-category-tab > svg {
        width: 16px;
        height: 16px;
    }

    .vreflex-category-chevron {
        display: none;
    }

    .sp-megamenu-parent .vreflex-view-all {
        margin-top: 14px;
        padding: 12px 14px;
        font-size: 16px;
    }

    .vreflex-mega-content {
        padding: 0;
    }

    .vreflex-category-heading {
        gap: 8px;
        margin-bottom: 6px;
        padding-bottom: 12px;
    }

    .vreflex-mega-panel .vreflex-category-title {
        font-size: 14px;
    }

    .vreflex-category-description {
        font-size: 13px;
    }

    .sp-megamenu-parent .vreflex-collection-link {
        font-size: 13px;
    }

    .vreflex-mega-links {
        column-gap: 16px;
    }

    .sp-megamenu-parent .vreflex-mega-link {
        padding-inline: 4px;
        gap: 6px;
        font-size: 14px;
    }

    .vreflex-link-icon {
        flex-basis: 18px;
    }

    .vreflex-link-icon svg {
        width: 16px;
        height: 16px;
    }

    .vreflex-mega-aside,
    .vreflex-mega-close,
    .vreflex-link-arrow {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .vreflex-mega-panel *,
    .vreflex-mega-panel *::after,
    .vreflex-menu-header .sp-megamenu-parent > .vreflex-mega-item > a::after {
        transition: none !important;
        animation: none !important;
    }
}
