/** Shopify CDN: Minification failed

Line 182:0 Unexpected "}"
Line 280:0 Unexpected "}"

**/

/* ============================= /
/ Toolbar (unchanged) /
/ ============================= */


.products-toolbar {
position: relative;
padding-bottom: calc(4 * var(--space-unit));
border: solid rgba(var(--text-color)/0.15);
border-width: 0 0 1px;
}


.products-toolbar__filter .icon {
margin-inline-start: calc(4 * var(--space-unit));
fill: rgba(var(--bg-color));
}


.products-toolbar__layout {
margin-inline-end: -8px;
}
.products-toolbar__layout .label {
margin-inline-end: 4px;
}
.products-toolbar__layout > label {
padding: 8px;
transition: color 0.3s;
color: rgba(var(--text-color)/0.5);
line-height: 1em;
cursor: pointer;
}
.products-toolbar__layout input:checked + label {
color: rgb(var(--text-color));
}


.grid.gapless .card--product-contained .card__quick-add {
padding-bottom: var(--space-unit);
}


.main-products-grid[data-layout=list] .grid {
grid-template-columns: none;
}
.main-products-grid:not(.main-products-grid--contained)[data-layout=list] .grid {
row-gap: 0;
}
.main-products-grid:not(.main-products-grid--contained)[data-layout=list] .grid > li {
padding-bottom: calc(10 * var(--space-unit));
border-bottom: 1px solid rgba(var(--text-color)/0.15);
}


.products-toolbar__filter-btn circle {
transition: transform 0.3s, color 0.3s;
}
.products-toolbar__filter-btn:not(.is-active) circle:nth-of-type(1) {
transform: translateX(6px);
color: rgba(var(--text-color)/0.8);
}
.products-toolbar__filter-btn:not(.is-active) circle:nth-of-type(2) {
transform: translateX(-6px);
color: rgba(var(--text-color)/0.8);
}


.products-toolbar__sort .custom-select__btn {
margin-inline-end: 30px;
padding: 0;
font-weight: normal;
}
.products-toolbar__sort .custom-select__btn > .icon {
margin-inline-start: 0;
margin-inline-end: 0;
padding-inline-start: 0;
}
body:not(.tab-used) .products-toolbar__sort .custom-select__btn {
border: 0;
box-shadow: none;
}


@media (max-width: 768.98px) {
.products-toolbar {
justify-content: space-between;
}
.products-toolbar__filter {
padding-inline-end: 10px;
}
.products-toolbar__filter-btn {
padding: 8px 20px;
border: var(--btn-border-width) solid rgba(var(--text-color)/0.15);
border-radius: var(--btn-border-radius, 0);
font-size: var(--btn-text-size);
font-weight: 700;
line-height: 1.2em;
text-align: start;
}
.main-products-grid:not(.main-products-grid--contained)[data-layout=list] .grid {
margin-top: calc(8 * var(--space-unit) * -1 - 1px);
column-gap: 0;
}
.main-products-grid:not(.main-products-grid--contained)[data-layout=list] .grid > li {
padding-bottom: calc(6 * var(--space-unit));
}
}
@media (min-width: 600px) {
.products-toolbar .label,
.products-toolbar label,
.products-toolbar .switch + label,
.products-toolbar .custom-select__btn,
.products-toolbar .products-toolbar__filter-btn {
font-size: 1em;
}
.products-toolbar__sort {
white-space: nowrap;
}
.products-toolbar__sort custom-select {
display: flex;
align-items: center;
}
.products-toolbar__sort .custom-select {
position: relative;
top: 0.04em;
}
.products-toolbar__sort label {
margin: 0;
padding-inline-end: 12px;
}
.products-toolbar__sort .custom-select__btn {
height: 35px;
}
}
@media (min-width: 769px) {
.products-toolbar {
padding-top: calc(4 * var(--space-unit));
border-width: 1px 0;
}
.products-toolbar__filter + .products-toolbar__sort {
margin-inline-start: calc(6 * var(--space-unit));
padding-inline-start: calc(6 * var(--space-unit));
border-inline-start: 1px solid rgba(var(--text-color)/0.15);
}
}
@media (min-width: 1024px) {
.js .lg:js-hidden {
display: none;
}
}
@media (max-width: 1023.98px) {
.products-toolbar__layout .label {
display: none;
}
}

.main-products-grid__filters {
  padding-right: 16px; /* increased from 6px so scrollbar doesn't overlap content */
}
.facets .drawer__content {
  padding-right: 16px; /* same change for mobile drawer */
}

/* ============================= /
/ FILTER SCROLLBAR: single outer, hover-reveal /
/ ============================= */


/* Desktop sidebar: one scroll area /
.main-products-grid__filters {
max-height: 80vh;
overflow-y: auto;
padding-right: 6px;
scrollbar-gutter: stable both-edges; / prevent layout shift */
}


/* Standards-first: hide by default, still scrollable /
.main-products-grid__filters {
scrollbar-width: none; / Firefox/modern browsers */
}


/* Reveal thin scrollbar on hover and focus-within /
.main-products-grid__filters:hover,
.main-products-grid__filters:focus-within {
scrollbar-width: thin;
scrollbar-color: rgba(0,0,0,.5) transparent; / optional colors */
}


/* WebKit/Blink fallback: hide by default */
.main-products-grid__filters::-webkit-scrollbar {
width: 0;
height: 0;
}


/* WebKit/Blink fallback: show on hover/focus */
.main-products-grid__filters:hover::-webkit-scrollbar,
.main-products-grid__filters:focus-within::-webkit-scrollbar {
width: 8px;
}
.main-products-grid__filters:hover::-webkit-scrollbar-thumb,
.main-products-grid__filters:focus-within::-webkit-scrollbar-thumb {
background: rgba(0,0,0,.5);
border-radius: 8px;
}
.main-products-grid__filters:hover::-webkit-scrollbar-track,
.main-products-grid__filters:focus-within::-webkit-scrollbar-track {
background: transparent;
}


/* ============================= /
/ Mobile drawer: touch-friendly /
/ ============================= */


/* Outer mobile drawer scroll */
.facets .drawer__content {
max-height: 90vh;
overflow-y: auto !important;
padding-right: 6px;
scrollbar-gutter: stable both-edges;
}


/* Devices with hover: hide by default, reveal on hover/focus */
@media (hover: hover) {
.facets .drawer__content { scrollbar-width: none; }
.facets .drawer__content:hover,
.facets .drawer__content:focus-within { scrollbar-width: thin; scrollbar-color: rgba(0,0,0,.3) transparent; }


.facets .drawer__content::-webkit-scrollbar { width: 0; height: 0; }
.facets .drawer__content:hover::-webkit-scrollbar,
.facets .drawer__content:focus-within::-webkit-scrollbar { width: 6px; }
.facets .drawer__content:hover::-webkit-scrollbar-thumb,
.facets .drawer__content:focus-within::-webkit-scrollbar-thumb { background: rgba(0,0,0,.3); border-radius: 6px; }
.facets .drawer__content:hover::-webkit-scrollbar-track,
.facets .drawer__content:focus-within::-webkit-scrollbar-track { background: transparent; }
}


/* Touch devices (no hover): show a thin scrollbar for discoverability */
@media (hover: none) {
.facets .drawer__content { scrollbar-width: thin; scrollbar-color: rgba(0,0,0,.3) transparent; }
.facets .drawer__content::-webkit-scrollbar { width: 6px; height: 6px; }
.facets .drawer__content::-webkit-scrollbar-thumb { background: rgba(0,0,0,.3); border-radius: 6px; }
.facets .drawer__content::-webkit-scrollbar-track { background: transparent; }
}


/* ============================= /
/ Kill nested facet scrollbars /
/ ============================= */


/* Generic inner facet lists: disable inner scrollbars /
.main-products-grid__filters .facets__list,
.main-products-grid__filters .facets__list--within-drawer,
.main-products-grid__filters .facets__list-wrapper,
.main-products-grid__filters .facets__content,
.main-products-grid__filters .facets__disclosure,
.main-products-grid__filters .filter-group__body,
.main-products-grid__filters .filter__list,
.main-products-grid__filters .filter__list-container {
max-height: none !important;
overflow: visible !important;
scrollbar-width: none; / standards /
-ms-overflow-style: none; / legacy IE/Edge */
}
.main-products-grid__filters .facets__list::-webkit-scrollbar { display: none; }


/* Brand/vendor specific lists */
.main-products-grid__filters [data-index="filter.v.vendor"] .facets__list,
.main-products-grid__filters [data-filter-key="filter.v.vendor"] .facets__list,
.main-products-grid__filters [aria-label="Brand"] .facets__list,
.main-products-grid__filters [data-facet-name="Brand"] .facets__list {
max-height: none !important;
overflow: visible !important;
scrollbar-width: none;
}
.main-products-grid__filters [data-index="filter.v.vendor"] .facets__list::-webkit-scrollbar,
.main-products-grid__filters [data-filter-key="filter.v.vendor"] .facets__list::-webkit-scrollbar,
.main-products-grid__filters [aria-label="Brand"] .facets__list::-webkit-scrollbar,
.main-products-grid__filters [data-facet-name="Brand"] .facets__list::-webkit-scrollbar {
display: none;
}