/* Opt-in only. No selector changes Manual/Default tables or the theme's other tables. */
.br_new_compare_block.br_compare_design {
    --br-cmp-bg: #fff;
    --br-cmp-ink: #182230;
    --br-cmp-muted: #526174;
    --br-cmp-line: #dce3eb;
    --br-cmp-head: #f5f7fa;
    --br-cmp-head-ink: #182230;
    --br-cmp-label: #f8fafc;
    --br-cmp-alt: #fff;
    --br-cmp-accent: #245bdb;
    --br-cmp-on-accent: #fff;
    --br-cmp-radius: 12px;
    --br-cmp-button-radius: 6px;
    --br-cmp-button-font: 13px;
    --br-cmp-button-padding: 8px 14px;
    --br-cmp-grid: 0px;
    --br-cmp-pad: 10px;
    --br-cmp-font: 14px;
    --br-cmp-row: 44px;
    --br-cmp-label-width: var(--br-cmp-column-width, 200px);
    color: var(--br-cmp-ink) !important;
    background: var(--br-cmp-bg) !important;
    border: 1px solid var(--br-cmp-line) !important;
    border-radius: var(--br-cmp-radius) !important;
    box-shadow: 0 4px 18px rgb(24 34 48 / 7%) !important;
    isolation: isolate;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
    text-align: start;
}
.br_new_compare_block.br_compare_design--striped {
    --br-cmp-head: #eee9fc;
    --br-cmp-head-ink: #412176;
    --br-cmp-alt: #f5f1ff;
    --br-cmp-label: #eee9fc;
    --br-cmp-accent: #673ab7;
    --br-cmp-line: #dfd6f2;
    --br-cmp-radius: 8px;
}
.br_new_compare_block.br_compare_design--outline {
    --br-cmp-head: #fff;
    --br-cmp-label: #fff;
    --br-cmp-accent: #243448;
    --br-cmp-grid: 1px;
    --br-cmp-line: #bdc9d7;
    --br-cmp-radius: 0px;
    --br-cmp-button-radius: 0px;
}
.br_new_compare_block.br_compare_design--editorial {
    --br-cmp-bg: #fffcf5;
    --br-cmp-head: #f4efe4;
    --br-cmp-head-ink: #352f27;
    --br-cmp-label: #f4efe4;
    --br-cmp-ink: #352f27;
    --br-cmp-muted: #675b4a;
    --br-cmp-line: #d9ceba;
    --br-cmp-alt: #fffcf5;
    --br-cmp-accent: #72543b;
    --br-cmp-radius: 0px;
    --br-cmp-button-radius: 0px;
    --br-cmp-pad: 13px;
}
.br_new_compare_block.br_compare_design--dark {
    --br-cmp-bg: #172130;
    --br-cmp-head: #101722;
    --br-cmp-head-ink: #f1f5f9;
    --br-cmp-label: #202e40;
    --br-cmp-alt: #1c293a;
    --br-cmp-ink: #f1f5f9;
    --br-cmp-muted: #bccbdc;
    --br-cmp-line: #3a4b60;
    --br-cmp-accent: #8ad5ff;
    --br-cmp-on-accent: #101722;
    --br-cmp-radius: 8px;
    --br-cmp-grid: 1px;
}
.br_new_compare_block.br_compare_design--ocean {
    --br-cmp-head: #163f70;
    --br-cmp-head-ink: #fff;
    --br-cmp-label: #eaf3fd;
    --br-cmp-alt: #f3f8ff;
    --br-cmp-line: #c8dcef;
    --br-cmp-accent: #135bb0;
    --br-cmp-radius: 10px;
}
.br_new_compare_block.br_compare_design--forest {
    --br-cmp-head: #234d3b;
    --br-cmp-head-ink: #fff;
    --br-cmp-label: #edf4e8;
    --br-cmp-alt: #f6f9f2;
    --br-cmp-ink: #233c2d;
    --br-cmp-line: #d2dfcb;
    --br-cmp-accent: #2c6342;
    --br-cmp-radius: 16px;
    --br-cmp-button-radius: 20px;
    --br-cmp-pad: 12px;
}
.br_new_compare_block.br_compare_design--compact {
    --br-cmp-head: #e8edf2;
    --br-cmp-label: #f0f3f6;
    --br-cmp-alt: #f8fafb;
    --br-cmp-accent: #35465a;
    --br-cmp-radius: 4px;
    --br-cmp-button-radius: 3px;
    --br-cmp-pad: 4px;
    --br-cmp-font: 12px;
    --br-cmp-row: 30px;
    --br-cmp-button-font: 12px;
    --br-cmp-button-padding: 5px 10px;
    --br-cmp-grid: 1px;
}
.br_new_compare_block.br_compare_design--outline,
.br_new_compare_block.br_compare_design--editorial,
.br_new_compare_block.br_compare_design--compact { box-shadow: none !important; }
.br_new_compare_block.br_compare_design .br_new_compare .br_left_table { display: none !important; }
.br_new_compare_block.br_compare_design .br_new_compare .br_right_table,
.br_new_compare_block.br_compare_design .br_top_table .br_main_top,
.br_new_compare_block.br_compare_design .br_top_table .br_opacity_top { margin-left: 0 !important; scrollbar-width: thin; }
.br_new_compare_block.br_compare_design .br_top_table { top: 0 !important; }
.br_new_compare_block.br_compare_design .br_top_table table,
.br_new_compare_block.br_compare_design .br_right_table table {
    border: 0 !important;
    width: 100% !important;
    min-width: calc(var(--br-cmp-products-width, 400px) + var(--br-cmp-label-width)) !important;
    table-layout: fixed !important;
    border-collapse: collapse !important;
    background: var(--br-cmp-bg) !important;
}
.br_new_compare_block.br_compare_design .br_top_table th,
.br_new_compare_block.br_compare_design .br_top_table td,
.br_new_compare_block.br_compare_design .br_right_table th,
.br_new_compare_block.br_compare_design .br_right_table td {
    border: 0 !important;
    border-bottom: 1px solid var(--br-cmp-line) !important;
    border-inline-end: var(--br-cmp-grid) solid var(--br-cmp-line) !important;
    padding: var(--br-cmp-pad) 12px !important;
    width: var(--br-cmp-column-width, 200px) !important;
    min-width: var(--br-cmp-column-width, 200px) !important;
    max-width: none !important;
    color: var(--br-cmp-ink) !important;
    background: var(--br-cmp-bg) !important;
    font-size: var(--br-cmp-font) !important;
    line-height: 1.5 !important;
    vertical-align: middle !important;
    overflow-wrap: anywhere;
    white-space: normal !important;
}
.br_new_compare_block.br_compare_design .br_top_table th,
.br_new_compare_block.br_compare_design .br_top_table td {
    background: var(--br-cmp-head) !important;
    color: var(--br-cmp-head-ink) !important;
}
.br_new_compare_block.br_compare_design .br_top_table td,
.br_new_compare_block.br_compare_design .br_right_table tbody th,
.br_new_compare_block.br_compare_design .br_right_table thead td {
    display: table-cell !important;
    width: var(--br-cmp-label-width) !important;
    min-width: var(--br-cmp-label-width) !important;
    position: sticky;
    left: 0;
    z-index: 2;
    text-align: start !important;
    font-weight: 600 !important;
}
.br_new_compare_block.br_compare_design .br_right_table tbody th { background: var(--br-cmp-label) !important; }
.br_new_compare_block.br_compare_design .br_right_table tbody tr { height: var(--br-cmp-row) !important; }
.br_new_compare_block.br_compare_design .br_right_table tbody tr:nth-child(even) td { background: var(--br-cmp-alt) !important; }
.br_new_compare_block.br_compare_design .br_right_table .br_lined_attribute_left,
.br_new_compare_block.br_compare_design .br_right_table .br_lined_attribute_right { background: var(--br-cmp-label) !important; font-size: 11px !important; text-transform: uppercase; letter-spacing: .06em; }
.br_new_compare_block.br_compare_design .br_top_table th > div { padding: 0 24px 0 0 !important; }
.br_new_compare_block.br_compare_design .br_top_table h3 { font-size: 17px !important; line-height: 1.35 !important; font-weight: 650 !important; }
.br_new_compare_block.br_compare_design .br_top_table h3 a { color: var(--br-cmp-head-ink) !important; }
.br_new_compare_block.br_compare_design--editorial .br_top_table h3 { font-family: Georgia, serif; font-size: 20px !important; font-weight: 400 !important; }
.br_new_compare_block.br_compare_design--outline .br_top_table h3 { font-size: 14px !important; text-transform: uppercase; letter-spacing: .04em; }
.br_new_compare_block.br_compare_design--compact .br_top_table h3 { font-size: 14px !important; }
.br_new_compare_block.br_compare_design .br_top_table .price { color: var(--br-cmp-head-ink) !important; line-height: 1.5 !important; font-weight: 600; margin-bottom: 8px !important; }
.br_new_compare_block.br_compare_design .price del { opacity: .7; font-size: .85em; }
.br_new_compare_block.br_compare_design .price ins { color: inherit !important; background: none !important; text-decoration: none !important; }
.br_new_compare_block.br_compare_design .br_top_table .button,
.br_new_compare_block.br_compare_design .br-compare-table-tools > * {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 0 !important;
    height: auto !important;
    padding: var(--br-cmp-button-padding) !important;
    margin: 0 !important;
    border: 1px solid var(--br-cmp-accent) !important;
    border-radius: var(--br-cmp-button-radius) !important;
    background: var(--br-cmp-accent) !important;
    color: var(--br-cmp-on-accent) !important;
    font-size: var(--br-cmp-button-font) !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    letter-spacing: normal !important;
    text-transform: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
    float: none !important;
    clear: none !important;
    width: auto !important;
    max-width: 100% !important;
    white-space: normal !important;
    text-align: center !important;
    cursor: pointer;
}
.br_new_compare_block.br_compare_design .br_top_table .button::after,
.br_new_compare_block.br_compare_design .br_top_table .button::before { display: none !important; content: none !important; }
.br_new_compare_block.br_compare_design .br_top_table .added_to_cart {
    display: block !important;
    float: none !important;
    margin: 6px 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--br-cmp-head-ink) !important;
    font-size: var(--br-cmp-button-font) !important;
    line-height: 1.4 !important;
    white-space: nowrap !important;
    text-align: center !important;
}
.br_new_compare_block.br_compare_design .br_top_table .button:hover,
.br_new_compare_block.br_compare_design .br-compare-table-tools > :hover {
    padding: var(--br-cmp-button-padding) !important;
    font-size: var(--br-cmp-button-font) !important;
    border: 1px solid var(--br-cmp-accent) !important;
    filter: brightness(.92);
}
.br_new_compare_block.br_compare_design .br_top_table .button:hover { color: var(--br-cmp-on-accent) !important; background: var(--br-cmp-accent) !important; }
.br_new_compare_block.br_compare_design .br-compare-table-tools > :hover { color: var(--br-cmp-accent) !important; background: var(--br-cmp-bg) !important; }
.br_new_compare_block.br_compare_design .br_top_table .button:focus-visible,
.br_new_compare_block.br_compare_design a:focus-visible { outline: 2px solid var(--br-cmp-accent) !important; outline-offset: 3px; }
.br_new_compare_block.br_compare_design .br_top_table a:focus-visible { outline-color: var(--br-cmp-head-ink) !important; }
.br_new_compare_block.br_compare_design .br-compare-table-tools { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; padding: 12px !important; border-bottom: 1px solid var(--br-cmp-line); }
.br_new_compare_block.br_compare_design .br-compare-table-tools > * { background: var(--br-cmp-bg) !important; color: var(--br-cmp-accent) !important; }
.br_new_compare_block.br_compare_design .br-compare-table-tools:empty { display: none; }
.br_new_compare_block.br_compare_design--compact .br_top_table .button,
.br_new_compare_block.br_compare_design--compact .br-compare-table-tools > * { padding: 5px 10px !important; font-size: 12px !important; }
.br_new_compare_block.br_compare_design .br_right_table p { color: inherit; line-height: 1.5 !important; white-space: normal !important; overflow-wrap: anywhere; }
.br_new_compare_block.br_compare_design .br_right_table .in-stock { color: #19703e !important; }
.br_new_compare_block.br_compare_design .br_right_table .out-of-stock { color: #ae2929 !important; }
.br_new_compare_block.br_compare_design--dark .br_right_table .in-stock { color: #94e5b5 !important; }
.br_new_compare_block.br_compare_design--dark .br_right_table .out-of-stock { color: #ffaeae !important; }
.br_new_compare_block.br_compare_design .br_right_table thead th,
.br_new_compare_block.br_compare_design .br_right_table thead td { padding: 0 !important; }
.br_new_compare_block.br_compare_design .br_right_table thead img { max-width: calc(100% - 24px) !important; }
.br_new_compare_block.br_compare_design .br_right_table .br_description_row { height: auto !important; }
.br_new_compare_block.br_compare_design .br_right_table .br_description_row td div { height: auto !important; max-height: 160px; overflow: auto !important; padding: 0 !important; }
.br_new_compare_block.br_compare_design .br_remove_compare_product_reload { display: block !important; background: var(--br-cmp-head) !important; color: var(--br-cmp-head-ink) !important; border-radius: 4px; width: 24px; height: 24px; line-height: 24px; font-size: 13px; }
.br-compare-design-field > select { min-width: 190px; }
.br-compare-design-preview { margin-top: 16px; max-width: 800px; }
.br-compare-design-preview[hidden] { display: none !important; }
.br-compare-design-preview .br_new_compare_block { margin-top: 8px !important; pointer-events: none; }
.br-compare-design-preview .br_main_top { top: 0 !important; }
.br-compare-design-preview .br_top_table h3 > a { cursor: default; }
@media (max-width: 767px) {
    .br_new_compare_block.br_compare_design { --br-cmp-label-width: 128px; --br-cmp-pad: 8px; }
    .br_new_compare_block.br_compare_design--compact { --br-cmp-pad: 4px; }
    .br_new_compare_block.br_compare_design .br-compare-table-tools { justify-content: flex-start; padding: 8px !important; }
}