.bartools-theme {
    min-height: 36px;
    margin: 0 12px 8px 0;
}
.bartools-theme[hidden], .bartools-sliders[hidden] { display: none; }
.bartools-ranges {
    --bt-line: #cbd0d9;
    --bt-accent: #ae2034;
    --bt-panel: #fff;
    padding: 16px;
    border: 1px solid var(--bt-line);
    border-radius: 8px;
    margin: 0 0 20px;
}
.bartools-ranges h2 { font-size: 18px; margin: 0 0 14px; }
.bartools-ranges fieldset { padding: 0; border: 0; margin: 0 0 15px; min-width: 0; }
.bartools-ranges legend { font-size: 13px; font-weight: 700; margin-bottom: 6px; }
.bartools-range-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.bartools-range-fields label { min-width: 0; font-size: 12px; }
.bartools-range-fields input { display: block; border-radius: 4px; }
.bartools-clear { display: inline-block; margin-left: 8px; }
.bartools-sliders {
    position: relative;
    height: 28px;
    margin-inline: 8px;
    --lo: 0%;
    --hi: 100%;
}
.bartools-sliders::before {
    content: '';
    position: absolute;
    inset: 12px 0 auto;
    height: 4px;
    border-radius: 4px;
    background: linear-gradient(to right,var(--bt-line) var(--lo),var(--bt-accent) var(--lo),var(--bt-accent) var(--hi),var(--bt-line) var(--hi));
}
.bartools-sliders input {
    appearance: none;
    background: transparent;
    position: absolute;
    inset: 0 -8px;
    width: calc(100% + 16px);
    height: 28px;
    margin: 0;
    pointer-events: none;
}
.bartools-sliders input::-webkit-slider-thumb {
    appearance: none;
    border: 2px solid var(--bt-accent);
    background: var(--bt-panel);
    border-radius: 50%;
    width: 16px;
    height: 16px;
    pointer-events: auto;
    cursor: grab;
}
.bartools-sliders input::-moz-range-thumb {
    border: 2px solid var(--bt-accent);
    background: var(--bt-panel);
    border-radius: 50%;
    width: 13px;
    height: 13px;
    pointer-events: auto;
    cursor: grab;
}
.bartools-sliders input:focus { z-index: 2; outline: 2px solid var(--bt-accent); }
body[data-bartools-theme=dark] { color-scheme: dark; }
body[data-bartools-theme=dark], body[data-bartools-theme=dark] .page-wrapper { background: #171a21; color: #f2f3f6; }
body[data-bartools-theme=dark] :is(.page-header,.header.panel,.navigation,.navigation ul,.page-footer,.filter-options-title,.filter-options-content,.product-item-info:hover,.action:not(.primary),.block-search input,.minicart-wrapper .block-minicart,.product.data.items > .item.content,.data.item.title > .switch) {
    background: #242832;
    border-color: #4c5360;
    color: #f2f3f6;
}
body[data-bartools-theme=dark] :is(a,a:visited,.navigation li.level0 > a,.product-item-name > a,.breadcrumbs strong,.breadcrumbs a,.sorter-label) { color: #e1e5ee; }
body[data-bartools-theme=dark] :is(input:not([type=range]),select) { background: #2d333e; color: #f2f3f6; border-color: #646c79; }
body[data-bartools-theme=dark] .bartools-ranges { --bt-line: #646c79; --bt-accent: #ff8894; --bt-panel: #242832; }
body[data-bartools-theme=dark] .product-image-wrapper { background: #f5f5f5; }
@media (max-width: 767px) {
    .bartools-ranges { order: -1; }
    .bartools-theme { margin-left: 8px; }
}

body[data-bartools-theme=dark] .logo img { background: white; border-radius: 4px; }
.bartools-filter-status { font-size: 12px; margin: 8px 0 0; }
.bartools-filter-status:empty { display: none; }
