/* Keep secondary controls out of mobile purchase and contact fields. */
@media (max-width: 991.98px) {
    .eld-scroll-top-bubble,
    body#default .eld-scroll-top-bubble {
        position: static !important;
        inset: auto !important;
        display: none !important;
        margin: 16px auto !important;
        width: 44px;
        height: 44px;
        transform: none !important;
    }
    .eld-scroll-top-bubble.is-visible:not([hidden]),
    body#default .eld-scroll-top-bubble.is-visible:not([hidden]) {
        display: flex !important;
    }
    .eld-has-mobile-purchase-bar .eld-scroll-top-bubble,
    body#default.eld-has-mobile-purchase-bar .eld-scroll-top-bubble {
        margin-bottom: calc(112px + env(safe-area-inset-bottom, 0px)) !important;
    }
}
@media (max-width: 575.98px) {
    .livechat-widget,
    body#default .livechat-widget {
        right: max(8px, env(safe-area-inset-right, 0px)) !important;
    }
    body#default.eld-has-mobile-purchase-bar:not(.eld-has-quote-dock) .livechat-widget {
        bottom: calc(122px + env(safe-area-inset-bottom, 0px)) !important;
    }
    .eld-med-product-card .price_color:not(.eld-med-price--pending) {
        font-size: 16px !important;
        line-height: 1.25;
        font-weight: 800;
    }
    html[data-eld-theme="dark"] .eld-mobile-header-brand .eld-med-brand__link {
        background: #ffffff;
        border-radius: 8px;
        padding: 3px 6px;
    }
    .eld-med-product-main .price_color.eld-med-price:not(.eld-med-price--pending) {
        font-size: clamp(24px, 7vw, 30px) !important;
        line-height: 1.25;
        font-weight: 800;
    }
    html[data-eld-theme="dark"] .eld-mobile-purchase-bar {
        background: #102b39;
        border-color: #386275;
    }
    html[data-eld-theme="dark"] .eld-mobile-purchase-bar__copy span {
        color: #f0fbff;
        font-size: 16px;
        font-weight: 800;
    }
    html[data-eld-theme="dark"] .eld-mobile-purchase-bar .eld-btn-outline,
    html[data-eld-theme="dark"] body#default .eld-mobile-purchase-bar .eld-btn-outline {
        background: #163c4d !important;
        border-color: #61d8e5 !important;
        color: #f0fbff !important;
    }
}
/* Keep catalogue and recommendation prices legible on dark cards at any width. */
html[data-eld-theme="dark"] body#default .eld-med-product-card .price_color:not(.eld-med-price--pending) {
    color: #90efb6 !important;
}
/* Keep the desktop columns while prioritizing the form in mobile DOM order. */
@media (min-width: 992px) {
    .eld-contact__layout > .eld-contact__form {
        grid-column: 2;
        grid-row: 1;
    }
    .eld-contact__layout > .eld-contact__info {
        grid-column: 1;
        grid-row: 1;
    }
}

/* Product technical-table headers: dark surfaces at every width. */
html[data-eld-theme="dark"] body#default main.container.page .eld-product-technical-details .eld-med-table th {
    background: var(--eld-surface-2, #143242) !important;
    color: var(--eld-text, #edf7fb) !important;
    border-color: var(--eld-border, #294b5c) !important;
}