/**
 * MsM WooCore glass interface layer.
 * Loaded after component styles so the visual language stays consistent.
 */

.msm-glass-ui {
    --msm-glass-surface: color-mix(in srgb, var(--msm-content-bg) 68%, transparent);
    --msm-glass-surface-strong: color-mix(in srgb, var(--msm-content-bg) 84%, transparent);
    --msm-glass-edge: rgba(255, 255, 255, .72);
    --msm-glass-edge-muted: color-mix(in srgb, var(--msm-border) 72%, transparent);
    --msm-glass-shadow: 0 18px 46px rgba(17, 17, 17, var(--msm-glass-shadow-opacity)), 0 4px 12px rgba(17, 17, 17, .08);
    --msm-glass-shadow-soft: 0 10px 28px rgba(17, 17, 17, calc(var(--msm-glass-shadow-opacity) * .62)), 0 2px 7px rgba(17, 17, 17, .06);
    background:
        radial-gradient(circle at 8% 4%, color-mix(in srgb, var(--msm-primary) 7%, transparent), transparent 30rem),
        radial-gradient(circle at 92% 16%, color-mix(in srgb, var(--msm-secondary) 8%, transparent), transparent 28rem),
        linear-gradient(180deg, var(--msm-body-bg), var(--msm-body-bg-2));
    background-attachment: fixed;
}

.msm-glass-ui .msm-header {
    border-bottom: 1px solid var(--msm-glass-edge-muted) !important;
    background: color-mix(in srgb, var(--msm-header-bg) 80%, transparent) !important;
    box-shadow: 0 8px 28px rgba(17, 17, 17, .07) !important;
    -webkit-backdrop-filter: blur(calc(var(--msm-glass-blur) + 3px)) saturate(145%);
    backdrop-filter: blur(calc(var(--msm-glass-blur) + 3px)) saturate(145%);
}

.msm-glass-ui :where(.msm-nav, .msm-minimal-nav, .msm-campaign-nav, .msm-premium-nav) {
    border-top: 1px solid rgba(255, 255, 255, .1) !important;
    border-bottom: 1px solid rgba(0, 0, 0, .22) !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .08), transparent 48%),
        linear-gradient(135deg, color-mix(in srgb, var(--msm-menu-bg) 92%, var(--msm-primary)), var(--msm-menu-bg)) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .07), 0 8px 20px rgba(17, 17, 17, .13) !important;
}

.msm-glass-ui .msm-header-search input[type="search"] {
    background: transparent !important;
}

.msm-glass-ui :where(
    .msm-header-action,
    .msm-header-search,
    .msm-premium-category-heading,
    .msm-account-pagination .button,
    .woocommerce-pagination .button,
    .msm-footer-blog-all
) {
    border: 1px solid var(--msm-glass-edge-muted) !important;
    background: linear-gradient(145deg, rgba(255, 255, 255, .76), rgba(255, 255, 255, .44)) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9), inset 0 -1px 0 rgba(17, 17, 17, .05), var(--msm-glass-shadow-soft) !important;
    -webkit-backdrop-filter: blur(var(--msm-glass-blur)) saturate(145%);
    backdrop-filter: blur(var(--msm-glass-blur)) saturate(145%);
}

.msm-glass-ui :where(
    .msm-hero-button,
    .msm-premium-deal-button,
    .msm-deal-card-button,
    .msm-md-button,
    .msm-header-search button,
    .woocommerce ul.products li.product .button,
    .single_add_to_cart_button,
    .woocommerce a.button.alt,
    .woocommerce button.button.alt,
    .woocommerce input.button.alt,
    .woocommerce #respond input#submit.alt,
    .woocommerce-checkout #place_order,
    .msm-account-empty .button
) {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .68) !important;
    color: var(--msm-product-cart-text, #111) !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .24), transparent 46%),
        linear-gradient(135deg, color-mix(in srgb, var(--msm-secondary) 86%, transparent), color-mix(in srgb, var(--msm-primary) 84%, transparent)) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .78),
        inset 0 -2px 0 rgba(17, 17, 17, .13),
        0 12px 24px color-mix(in srgb, var(--msm-primary) 20%, transparent),
        0 5px 10px rgba(17, 17, 17, .14) !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .3);
    transform: translateY(0);
    transition: transform .2s ease, box-shadow .2s ease, filter .2s ease !important;
}

.msm-glass-ui :where(
    .msm-hero-button,
    .msm-premium-deal-button,
    .msm-deal-card-button,
    .msm-md-button,
    .msm-header-search button,
    .woocommerce ul.products li.product .button,
    .single_add_to_cart_button,
    .woocommerce a.button.alt,
    .woocommerce button.button.alt,
    .woocommerce input.button.alt,
    .woocommerce #respond input#submit.alt,
    .woocommerce-checkout #place_order,
    .msm-account-empty .button
)::before {
    position: absolute;
    z-index: -1;
    top: -85%;
    left: -20%;
    width: 62%;
    height: 220%;
    border-radius: 50%;
    background: rgba(255, 255, 255, .28);
    content: "";
    transform: rotate(24deg);
    pointer-events: none;
}

.msm-glass-ui :where(
    .msm-hero-button,
    .msm-premium-deal-button,
    .msm-deal-card-button,
    .msm-md-button,
    .msm-header-search button,
    .woocommerce ul.products li.product .button,
    .single_add_to_cart_button,
    .woocommerce a.button.alt,
    .woocommerce button.button.alt,
    .woocommerce input.button.alt,
    .woocommerce #respond input#submit.alt,
    .woocommerce-checkout #place_order,
    .msm-account-empty .button
):hover {
    filter: saturate(1.08) brightness(1.025);
    transform: translateY(-2px);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .86),
        inset 0 -2px 0 rgba(17, 17, 17, .11),
        0 16px 30px color-mix(in srgb, var(--msm-primary) 25%, transparent),
        0 7px 13px rgba(17, 17, 17, .15) !important;
}

.msm-glass-ui :where(
    .msm-hero-button,
    .msm-premium-deal-button,
    .msm-deal-card-button,
    .msm-md-button,
    .msm-header-search button,
    .woocommerce ul.products li.product .button,
    .single_add_to_cart_button,
    .woocommerce a.button.alt,
    .woocommerce button.button.alt,
    .woocommerce input.button.alt,
    .woocommerce #respond input#submit.alt,
    .woocommerce-checkout #place_order,
    .msm-account-empty .button
):active {
    filter: saturate(1.02);
    transform: translateY(1px) scale(.992);
    box-shadow: inset 0 2px 5px rgba(17, 17, 17, .16), 0 4px 9px rgba(17, 17, 17, .13) !important;
}

.msm-glass-ui :where(
    .woocommerce-account .woocommerce-MyAccount-content .button,
    .woocommerce-cart button[name="apply_coupon"],
    .woocommerce-cart button[name="update_cart"]
) {
    border: 1px solid var(--msm-glass-edge-muted) !important;
    color: var(--msm-text) !important;
    background: linear-gradient(145deg, rgba(255, 255, 255, .94), rgba(255, 255, 255, .64)) !important;
    box-shadow: inset 0 1px 0 #fff, inset 0 -1px 0 rgba(17, 17, 17, .07), var(--msm-glass-shadow-soft) !important;
    transition: transform .2s ease, box-shadow .2s ease !important;
}

.msm-glass-ui :where(
    .woocommerce-account .woocommerce-MyAccount-content .button,
    .woocommerce-cart button[name="apply_coupon"],
    .woocommerce-cart button[name="update_cart"]
):hover {
    transform: translateY(-2px);
    box-shadow: inset 0 1px 0 #fff, var(--msm-glass-shadow) !important;
}

.msm-glass-ui :where(a, button, input, select, textarea):focus-visible {
    outline: 3px solid color-mix(in srgb, var(--msm-primary) 42%, white) !important;
    outline-offset: 3px;
}

.msm-glass-ui :where(button, input[type="submit"], .button)[disabled],
.msm-glass-ui :where(button, input[type="submit"], .button).disabled {
    cursor: not-allowed !important;
    filter: grayscale(.25) !important;
    opacity: .58 !important;
    transform: none !important;
    box-shadow: none !important;
}

.msm-glass-ui :where(
    .woocommerce ul.products li.product,
    .msm-deal-card,
    .msm-testimonial-card,
    .msm-trust-banner,
    .msm-category-promo-card,
    .msm-brand-item,
    .msm-account-panel,
    .msm-premium-category-card,
    .msm-premium-slider-card,
    .msm-single-product-summary,
    .msm-search-result-card
) {
    border: 1px solid var(--msm-glass-edge-muted) !important;
    background: linear-gradient(145deg, var(--msm-glass-surface-strong), var(--msm-glass-surface)) !important;
    box-shadow: inset 0 1px 0 var(--msm-glass-edge), var(--msm-glass-shadow-soft) !important;
    -webkit-backdrop-filter: blur(var(--msm-glass-blur)) saturate(135%);
    backdrop-filter: blur(var(--msm-glass-blur)) saturate(135%);
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.msm-glass-ui :where(
    .woocommerce ul.products li.product,
    .msm-deal-card,
    .msm-testimonial-card,
    .msm-category-promo-card,
    .msm-brand-item,
    .msm-search-result-card
):hover {
    border-color: color-mix(in srgb, var(--msm-primary) 32%, var(--msm-border)) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .82), var(--msm-glass-shadow) !important;
    transform: translateY(-4px);
}

.msm-glass-ui .msm-home-seo-section {
    position: relative;
    overflow: hidden;
    padding: clamp(22px, 4vw, 42px) !important;
    border: 1px solid var(--msm-glass-edge-muted) !important;
    border-radius: max(var(--msm-radius), 22px) !important;
    background:
        radial-gradient(circle at 100% 0, color-mix(in srgb, var(--msm-secondary) 12%, transparent), transparent 18rem),
        linear-gradient(145deg, color-mix(in srgb, var(--msm-home-seo-bg) 94%, transparent), color-mix(in srgb, var(--msm-home-seo-bg) 80%, transparent)) !important;
    box-shadow: inset 0 1px 0 var(--msm-glass-edge), var(--msm-glass-shadow) !important;
    -webkit-backdrop-filter: blur(var(--msm-glass-blur)) saturate(135%);
    backdrop-filter: blur(var(--msm-glass-blur)) saturate(135%);
}

.msm-glass-ui .msm-home-seo-section > :is(h1, h2) {
    margin: 0 0 10px !important;
    color: var(--msm-home-seo-title-color) !important;
    font-size: var(--msm-home-seo-title-size) !important;
    font-weight: var(--msm-home-seo-title-weight) !important;
}

.msm-glass-ui .msm-seo-scroll-hint {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 0 0 12px;
    padding: 9px 13px;
    border: 1px solid color-mix(in srgb, var(--msm-primary) 18%, var(--msm-border));
    border-radius: 12px;
    color: var(--msm-muted);
    background: color-mix(in srgb, var(--msm-primary) 5%, rgba(255, 255, 255, .72));
    font-size: 12px;
    font-weight: 700;
}

.msm-glass-ui .msm-seo-scroll-hint span:last-child {
    display: grid;
    width: 26px;
    height: 26px;
    place-items: center;
    border-radius: 50%;
    color: #fff;
    background: var(--msm-primary);
    box-shadow: 0 5px 12px color-mix(in srgb, var(--msm-primary) 28%, transparent);
}

.msm-glass-ui .msm-home-seo-section.is-scrollable .msm-seo-text-content {
    max-height: var(--msm-home-seo-scroll-height);
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 4px 18px 18px 2px;
    scroll-behavior: smooth;
    scrollbar-color: color-mix(in srgb, var(--msm-primary) 72%, white) rgba(17, 17, 17, .07);
    scrollbar-width: thin;
}

.msm-glass-ui .msm-home-seo-section.is-scrollable .msm-seo-text-content::-webkit-scrollbar {
    width: 10px;
}

.msm-glass-ui .msm-home-seo-section.is-scrollable .msm-seo-text-content::-webkit-scrollbar-track {
    border-radius: 999px;
    background: rgba(17, 17, 17, .06);
}

.msm-glass-ui .msm-home-seo-section.is-scrollable .msm-seo-text-content::-webkit-scrollbar-thumb {
    border: 2px solid transparent;
    border-radius: 999px;
    background: linear-gradient(var(--msm-primary), color-mix(in srgb, var(--msm-primary) 70%, var(--msm-secondary))) padding-box;
}

.msm-glass-ui .msm-home-seo-section .msm-seo-text-content {
    color: var(--msm-home-seo-text-color) !important;
    font-size: var(--msm-home-seo-text-size) !important;
    font-weight: var(--msm-home-seo-text-weight) !important;
    line-height: 1.78;
}

.msm-glass-ui .msm-home-seo-section .msm-seo-text-content :where(h2, h3) {
    margin-top: 1.55em;
    color: var(--msm-home-seo-title-color);
}

.msm-glass-ui .msm-home-seo-section .msm-seo-text-content :where(a, strong) {
    color: color-mix(in srgb, var(--msm-primary) 84%, #111);
}

.msm-glass-ui .msm-mobile-sticky,
.msm-glass-ui .msm-sticky-phone {
    border: 1px solid rgba(255, 255, 255, .52) !important;
    background: color-mix(in srgb, var(--msm-content-bg) 70%, transparent) !important;
    box-shadow: 0 12px 35px rgba(17, 17, 17, .2), inset 0 1px 0 rgba(255, 255, 255, .74) !important;
    -webkit-backdrop-filter: blur(calc(var(--msm-glass-blur) + 4px)) saturate(155%);
    backdrop-filter: blur(calc(var(--msm-glass-blur) + 4px)) saturate(155%);
}

.msm-glass-ui .msm-md-home {
    --msm-glass-edge-muted: rgba(255, 255, 255, .12);
    --msm-glass-edge: rgba(255, 255, 255, .13);
    --msm-glass-surface: rgba(21, 21, 29, .62);
    --msm-glass-surface-strong: rgba(29, 29, 39, .80);
}

/* v8.39 - compact white trust buttons, bright deals and translucent jelly controls */
.msm-glass-ui .msm-header-topline .msm-language-current {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    min-width: 64px;
    height: 32px !important;
    padding: 0 11px !important;
    border: 1px solid rgba(255, 255, 255, .68) !important;
    color: var(--msm-search-button-text, #111) !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .28), transparent 48%),
        linear-gradient(135deg, color-mix(in srgb, var(--msm-secondary) 86%, transparent), color-mix(in srgb, var(--msm-primary) 84%, transparent)) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .82),
        inset 0 -2px 0 rgba(17, 17, 17, .12),
        0 8px 18px color-mix(in srgb, var(--msm-primary) 19%, transparent),
        0 3px 8px rgba(17, 17, 17, .12) !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .3);
    -webkit-backdrop-filter: blur(var(--msm-glass-blur)) saturate(150%);
    backdrop-filter: blur(var(--msm-glass-blur)) saturate(150%);
    transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}

.msm-glass-ui .msm-header-topline .msm-language-current::before {
    position: absolute;
    z-index: -1;
    top: -90%;
    left: -18%;
    width: 58%;
    height: 230%;
    border-radius: 50%;
    background: rgba(255, 255, 255, .28);
    content: "";
    transform: rotate(24deg);
    pointer-events: none;
}

.msm-glass-ui .msm-header-topline .msm-language-current:hover {
    filter: saturate(1.08) brightness(1.03);
    transform: translateY(-1px);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .88),
        inset 0 -2px 0 rgba(17, 17, 17, .1),
        0 11px 22px color-mix(in srgb, var(--msm-primary) 24%, transparent),
        0 4px 9px rgba(17, 17, 17, .13) !important;
}

.msm-language-current .msm-flag-en.msm-flag-svg,
.msm-language-dropdown .msm-flag-en.msm-flag-svg {
    background: transparent !important;
}

.msm-flag-svg svg {
    display: block;
    width: 100%;
    height: 100%;
}

.msm-glass-ui .msm-trust-banners {
    gap: 10px;
    margin-top: 12px;
    margin-bottom: 22px;
}

.msm-glass-ui .msm-trust-banner,
.msm-glass-ui .msm-trust-banner:nth-child(2),
.msm-glass-ui .msm-trust-banner:nth-child(3),
.msm-glass-ui .msm-trust-banner:nth-child(4) {
    display: flex !important;
    min-height: 74px !important;
    align-items: center !important;
    gap: 11px !important;
    overflow: hidden;
    padding: 11px 13px !important;
    border: 1px solid rgba(255, 255, 255, .76) !important;
    border-radius: 18px !important;
    color: var(--msm-text) !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .18), transparent 52%),
        linear-gradient(145deg, rgba(255, 255, 255, .76), rgba(255, 255, 255, .44)) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .94),
        inset 0 -1px 0 rgba(17, 17, 17, .04),
        0 9px 22px rgba(17, 17, 17, .09) !important;
    -webkit-backdrop-filter: blur(var(--msm-glass-blur)) saturate(145%);
    backdrop-filter: blur(var(--msm-glass-blur)) saturate(145%);
}

.msm-glass-ui .msm-trust-banner::before {
    content: none !important;
    display: none !important;
}

.msm-glass-ui .msm-trust-banner-icon {
    position: relative;
    z-index: 2;
    display: inline-flex;
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, .86);
    border-radius: 50%;
    color: var(--msm-primary);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .38), transparent 50%),
        color-mix(in srgb, var(--msm-content-bg) 66%, transparent);
    box-shadow: inset 0 1px 0 #fff, 0 6px 14px rgba(17, 17, 17, .1);
}

.msm-glass-ui .msm-trust-banner-icon svg {
    display: block;
    width: 21px;
    height: 21px;
}

.msm-glass-ui .msm-trust-banner-copy {
    position: relative;
    z-index: 2;
    min-width: 0;
}

.msm-glass-ui .msm-trust-banner strong {
    margin: 0 0 2px !important;
    color: var(--msm-text) !important;
    font-size: 13.5px !important;
    font-weight: 850 !important;
    line-height: 1.15 !important;
}

.msm-glass-ui .msm-trust-banner small {
    color: var(--msm-muted) !important;
    font-size: 10.5px !important;
    line-height: 1.25 !important;
}

.msm-glass-ui .msm-deals-section {
    border: 1px solid rgba(255, 255, 255, .78) !important;
    color: var(--msm-text) !important;
    background:
        radial-gradient(circle at 98% 0, color-mix(in srgb, var(--msm-secondary) 16%, transparent), transparent 19rem),
        radial-gradient(circle at 0 100%, color-mix(in srgb, var(--msm-primary) 8%, transparent), transparent 23rem),
        linear-gradient(145deg, rgba(255, 255, 255, .82), rgba(255, 255, 255, .55)) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .96),
        0 20px 52px rgba(17, 17, 17, .11) !important;
    -webkit-backdrop-filter: blur(calc(var(--msm-glass-blur) + 2px)) saturate(140%);
    backdrop-filter: blur(calc(var(--msm-glass-blur) + 2px)) saturate(140%);
}

.msm-glass-ui .msm-deals-section::before {
    background: color-mix(in srgb, var(--msm-secondary) 18%, transparent) !important;
    opacity: .42 !important;
}

.msm-glass-ui .msm-deals-head h2 {
    color: var(--msm-text) !important;
}

.msm-glass-ui .msm-deals-head p {
    color: var(--msm-muted) !important;
}

.msm-glass-ui .msm-countdown {
    gap: 7px;
}

.msm-glass-ui .msm-countdown span {
    min-width: 68px;
    padding: 10px 8px;
    border: 1px solid color-mix(in srgb, var(--msm-primary) 22%, rgba(255, 255, 255, .78)) !important;
    border-radius: 15px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .3), transparent 48%),
        linear-gradient(145deg, rgba(255, 255, 255, .78), rgba(255, 255, 255, .46)) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .96),
        inset 0 -1px 0 rgba(17, 17, 17, .05),
        0 8px 18px rgba(17, 17, 17, .1) !important;
    -webkit-backdrop-filter: blur(var(--msm-glass-blur)) saturate(145%);
    backdrop-filter: blur(var(--msm-glass-blur)) saturate(145%);
}

.msm-glass-ui .msm-countdown strong {
    color: color-mix(in srgb, var(--msm-primary) 82%, #111) !important;
    font-size: 23px;
    font-variant-numeric: tabular-nums;
    text-shadow: 0 1px 0 #fff;
}

.msm-glass-ui .msm-countdown em {
    color: var(--msm-muted) !important;
    font-weight: 800;
}

.msm-glass-ui .msm-deal-card {
    background: color-mix(in srgb, var(--msm-content-bg) 82%, transparent) !important;
}

.msm-glass-ui .msm-deal-card-img {
    background: rgba(255, 255, 255, .68) !important;
}

@media (max-width: 620px) {
    .msm-glass-ui .msm-header-topline .msm-language-current {
        min-width: 58px;
        height: 28px !important;
        padding: 0 8px !important;
    }

    .msm-glass-ui .msm-trust-banner,
    .msm-glass-ui .msm-trust-banner:nth-child(2),
    .msm-glass-ui .msm-trust-banner:nth-child(3),
    .msm-glass-ui .msm-trust-banner:nth-child(4) {
        min-height: 68px !important;
        gap: 8px !important;
        padding: 9px 10px !important;
        border-radius: 15px !important;
    }

    .msm-glass-ui .msm-trust-banner-icon {
        width: 36px;
        height: 36px;
        flex-basis: 36px;
    }

    .msm-glass-ui .msm-trust-banner-icon svg {
        width: 18px;
        height: 18px;
    }

    .msm-glass-ui .msm-trust-banner strong {
        font-size: 12px !important;
    }

    .msm-glass-ui .msm-trust-banner small {
        font-size: 9.5px !important;
    }

    .msm-glass-ui .msm-countdown span {
        min-width: 0;
        padding: 8px 4px;
        border-radius: 12px;
    }

    .msm-glass-ui .msm-countdown strong {
        font-size: 19px;
    }
}

.msm-glass-ui .msm-md-home :where(
    .msm-md-sidebar,
    .msm-md-hero-card,
    .msm-md-mini-banner,
    .msm-md-trust-item
) {
    border: 1px solid rgba(255, 255, 255, .12) !important;
    background: linear-gradient(145deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .035)) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12), 0 18px 42px rgba(0, 0, 0, .28) !important;
    -webkit-backdrop-filter: blur(var(--msm-glass-blur)) saturate(135%);
    backdrop-filter: blur(var(--msm-glass-blur)) saturate(135%);
}

@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
    .msm-glass-ui :where(.msm-header-action, .msm-language-current, .msm-header-search),
    .msm-glass-ui :where(.woocommerce ul.products li.product, .msm-deal-card, .msm-testimonial-card, .msm-home-seo-section) {
        background-color: var(--msm-content-bg) !important;
    }
}

@media (max-width: 767px) {
    .msm-glass-ui {
        background-attachment: scroll;
    }

    .msm-glass-ui .msm-home-seo-section {
        padding: 20px 17px !important;
        border-radius: 20px !important;
    }

    .msm-glass-ui .msm-home-seo-section.is-scrollable .msm-seo-text-content {
        max-height: min(var(--msm-home-seo-scroll-height), 58vh);
        padding-right: 12px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .msm-glass-ui *,
    .msm-glass-ui *::before,
    .msm-glass-ui *::after {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
    }
}

@media (forced-colors: active) {
    .msm-glass-ui :where(a, button, input, select, textarea, .msm-home-seo-section, .msm-deal-card, .msm-testimonial-card) {
        border: 1px solid CanvasText !important;
        box-shadow: none !important;
    }
}