.products-page .product-overview-actions { flex-wrap: wrap; }
.products-page .overview-range-link { color: #2381b8; }
.products-page .btn-range-calculator {
    background: #14243a;
    border: 1px solid #14243a;
    border-radius: 3px;
    color: #fff;
    font-weight: 600;
}
.products-page .btn-range-calculator:hover,
.products-page .btn-range-calculator:focus { background: #2381b8; border-color: #2381b8; color: #fff; }
body.range-calculator-open { overflow: hidden; }
.range-calculator-dialog:not([open]) { display: none; }
.range-calculator-dialog {
    background: #fff;
    border: 0;
    border-radius: 4px;
    box-shadow: 0 20px 80px rgba(0, 0, 0, .35);
    color: #444;
    height: calc(100vh - 48px);
    height: calc(100dvh - 48px);
    margin: auto;
    max-height: 100%;
    max-width: 1440px;
    overflow: hidden;
    padding: 0;
    width: calc(100% - 48px);
}
.range-calculator-dialog[open] { display: flex; flex-direction: column; }
.range-calculator-dialog::backdrop { background: rgba(10, 22, 37, .78); }
.range-calculator-header {
    align-items: center;
    background: #14243a;
    color: #fff;
    display: flex;
    flex: 0 0 auto;
    gap: 20px;
    justify-content: space-between;
    padding: 17px 22px;
}
.range-calculator-header h2 { color: #fff; font-size: 22px; font-weight: 500; line-height: 1.2; margin: 0 0 5px; }
.range-calculator-header p { color: #d6e2ed; font-size: 13px; line-height: 1.45; margin: 0; }
.range-calculator-tools { align-items: center; display: flex; flex-shrink: 0; gap: 20px; }
.range-calculator-tools a { color: #fff; font-size: 13px; text-decoration: underline; white-space: nowrap; }
.range-calculator-tools button { background: transparent; border: 1px solid #718296; border-radius: 3px; color: #fff; cursor: pointer; font-size: 28px; height: 44px; line-height: 1; width: 44px; }
.range-calculator-dialog a:focus-visible,
.range-calculator-dialog button:focus-visible { outline: 3px solid #d98021; outline-offset: 3px; }
.range-calculator-content { background: #e8eef4; flex: 1 1 auto; min-height: 0; position: relative; }
.range-calculator-content iframe { border: 0; display: block; height: 100%; width: 100%; }
.range-calculator-loading { background: #fff; border-radius: 4px; color: #14243a; font-size: 14px; left: 50%; margin: 0; padding: 15px 20px; position: absolute; top: 20px; transform: translateX(-50%); z-index: 2; }
@media (max-width: 767px) {
    .range-calculator-dialog { border-radius: 0; height: 100vh; height: 100dvh; max-height: 100%; max-width: 100%; width: 100%; }
    .range-calculator-header { align-items: flex-start; gap: 12px; padding: 12px; }
    .range-calculator-header h2 { font-size: 17px; }
    .range-calculator-header p { font-size: 11px; }
    .range-calculator-tools { flex-direction: column-reverse; gap: 5px; }
    .range-calculator-tools a { font-size: 11px; }
    .range-calculator-tools button { font-size: 26px; height: 38px; width: 38px; }
}