.gambit-filter-form { margin: 0 0 30px; }
.gambit-sidebar { width: 270px; flex-shrink: 0; }
.gambit-filter-fieldset { min-width: 0; margin: 0 0 30px; padding: 0; border: 0; }
.gambit-filter-fieldset legend,
.gambit-filter-header { color: #232323; font: 600 15px/24px Roboto, sans-serif; }
.gambit-filter-group { margin: 0 0 20px; }
button.gambit-filter-header { display: flex; width: 100%; min-height: 32px; align-items: center; gap: 8px; padding: 4px 0; border: 0; background: transparent; text-align: left; cursor: pointer; }
.gambit-filter-arrow { width: 16px; height: 16px; margin-left: auto; background: url('../img/arrow-down2.svg') no-repeat center/contain; transition: transform .2s ease; }
.gambit-filter-header[aria-expanded="true"] .gambit-filter-arrow { transform: rotate(180deg); }
.gambit-filter-content { margin-top: 8px; }
.gambit-filter-js .gambit-filter-content[hidden] { display: none; }
.gambit-checkbox { position: relative; display: flex; min-height: 32px; align-items: center; gap: 8px; margin: 0 0 2px; cursor: pointer; }
.gambit-checkbox input { position: absolute; width: 1px; height: 1px; overflow: hidden; opacity: 0; }
.gambit-checkbox span { width: 20px; height: 20px; flex: 0 0 20px; border-radius: 4px; background: url('../img/checkbox-inactive.svg') no-repeat center/contain; }
.gambit-checkbox input:checked + span { background-image: url('../img/checkbox-active.svg'); }
.gambit-checkbox input:focus-visible + span { outline: 2px solid #04af53; outline-offset: 2px; }
.price-values { display: flex; gap: 10px; margin: 0 0 18px; }
.price-values label { min-width: 0; flex: 1; }
.price-values input { box-sizing: border-box; width: 100%; padding: 10px 12px; border: 1px solid #dbdbdb; border-radius: 8px; color: #565656; font: 400 15px/24px Roboto, sans-serif; text-align: center; }
.gambit-native-range { --range-start: 0%; --range-end: 100%; position: relative; height: 28px; margin: 4px 2px 10px; }
.gambit-filter-price legend { width: 100%; }
.gambit-native-range::before,
.gambit-native-range::after { content: ""; position: absolute; top: 13px; right: 0; left: 0; height: 2px; border-radius: 2px; background: #dbdbdb; }
.gambit-native-range::after { right: calc(100% - var(--range-end)); left: var(--range-start); background: #04af53; }
.gambit-native-range input[type="range"] { position: absolute; z-index: 1; inset: 0; width: 100%; height: 28px; margin: 0; padding: 0; border: 0; background: transparent; pointer-events: none; appearance: none; }
.gambit-native-range input[type="range"]::-webkit-slider-runnable-track { height: 2px; background: transparent; }
.gambit-native-range input[type="range"]::-webkit-slider-thumb { width: 22px; height: 22px; margin-top: -10px; border: 1px solid #b8b8b8; border-radius: 50%; background: #fff; box-shadow: none; pointer-events: auto; appearance: none; }
.gambit-native-range input[type="range"]::-moz-range-track { height: 2px; background: transparent; }
.gambit-native-range input[type="range"]::-moz-range-thumb { width: 20px; height: 20px; border: 1px solid #b8b8b8; border-radius: 50%; background: #fff; box-shadow: none; pointer-events: auto; }
.gambit-filter-actions { display: grid; gap: 10px; }
.gambit-filter-actions button,
#gambit-filter-reset { box-sizing: border-box; width: 100%; padding: 10px 15px; border-radius: 8px; font: 500 14px/24px Roboto, sans-serif; text-align: center; cursor: pointer; }
.gambit-filter-actions button { border: 1px solid #04af53; background: #04af53; color: #fff; }
.gambit-filter-js .gambit-filter-actions button { display: none; }
#gambit-filter-reset { border: 1px solid #dbdbdb; background: #fff; color: #232323; text-decoration: none; }
.gambit-filter-slider-wrapper .price-values label { position: relative; }
.gambit-filter-slider-wrapper .price-values input { padding-right: 34px; }
.gambit-filter-unit { position: absolute; top: 50%; right: 12px; color: #868686; font: 400 13px/18px Roboto, sans-serif; transform: translateY(-50%); pointer-events: none; }
.gambit-category-chips { display: flex; flex-wrap: wrap; gap: 10px; margin: 20px 0 28px; }
.gambit-category-chips__heading { margin: 44px 0 18px; }
.gambit-category-chips a { box-sizing: border-box; min-height: 32px; padding: 4px 8px; border-radius: 5px; background: rgb(0 0 0 / 3%); color: #868686; font: 400 14px/24px Roboto, sans-serif; text-decoration: none; white-space: nowrap; }
.gambit-category-chips a:hover,
.gambit-category-chips a:focus-visible { background: #e9f7ee; color: #087d3c; }
.gambit-category-chips a.is-active { background: #28272c; color: #fff; }
.gambit-category-chips__toggle { display: inline-flex; min-height: 32px; align-items: center; gap: 5px; padding: 4px 8px; border: 0; border-radius: 5px; background: transparent; color: #232323; font: 400 14px/24px Roboto, sans-serif; cursor: pointer; }
.gambit-category-chips__toggle[hidden],
.gambit-category-chips [hidden] { display: none !important; }
.gambit-category-chips__chevron { width: 16px; height: 16px; background: url('../img/arrow-down2.svg') no-repeat center/contain; transition: transform .2s ease; }
.gambit-category-chips__toggle[aria-expanded="true"] .gambit-category-chips__chevron { transform: rotate(180deg); }
.gambit-category-gallery-legacy { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 12px; margin-bottom: 34px; }
.gambit-category-gallery-legacy a { display: block; overflow: hidden; border-radius: 12px; }
.gambit-category-gallery-legacy a:first-child { grid-row: span 2; }
.gambit-category-gallery-legacy img { width: 100%; height: 180px; object-fit: cover; }
.gambit-category-gallery-legacy a:first-child img { height: 372px; }
.gambit-view-switch { display: flex; align-items: center; margin-left: auto; padding: 4px; border-radius: 7px; background: rgb(0 0 0 / 3%); }
.gambit-view-switch a { display: grid; width: 32px; height: 32px; place-items: center; border: 0; border-radius: 5px; }
.gambit-view-switch a.active { background: #fff; }
.gambit-active-filters { display: flex; flex-wrap: wrap; gap: 8px; }
.gambit-active-filters a { display: inline-flex; align-items: center; gap: 7px; padding: 7px 11px; border-radius: 999px; background: #f3f5f3; color: #232323; font-size: 13px; text-decoration: none; }
.gambit-active-filters__reset { background: transparent !important; color: #087d3c !important; }
#gambit-products-wrapper { min-height: 120px; transition: opacity .15s ease; }
#gambit-products-wrapper.is-loading { opacity: .42; pointer-events: none; }
.gambit-filter-status { margin: 0 0 18px; padding: 12px; border: 1px solid #b3261e; border-radius: 8px; background: #fff5f4; color: #8c1d18; }
.gambit-filter-status button { margin-left: 6px; }
.gambit-filter-close,
.gambit-filter-backdrop { display: none; }

@media (max-width: 767px) {
	body.gambit-filter-open { overflow: hidden; }
	.gambit-category-chips { flex-wrap: nowrap; margin-right: -20px; padding-right: 20px; overflow-x: auto; scrollbar-width: none; }
	.gambit-category-gallery-legacy { grid-template-columns: 1fr 1fr; }
	.gambit-category-gallery-legacy a:first-child { grid-row: auto; }
	.gambit-category-gallery-legacy img,
	.gambit-category-gallery-legacy a:first-child img { height: 150px; }
	#gambit-filter-panel.gambit-sidebar { display: block; width: auto; }
	.gambit-filter-js #gambit-filter-panel.gambit-sidebar { position: fixed; z-index: 100004; inset: 0 10% 0 0; display: none; overflow-y: auto; padding: 54px 20px 24px; background: #fff; box-shadow: 10px 0 30px rgb(0 0 0 / 24%); }
	.gambit-filter-js #gambit-filter-panel.gambit-sidebar.is-open { display: block; }
	.gambit-filter-close { position: absolute; top: 12px; right: 14px; display: block; border: 0; background: transparent; font-size: 32px; }
	.gambit-filter-backdrop { position: fixed; z-index: 100003; inset: 0; display: block; background: rgb(0 0 0 / 45%); }
	.gambit-filter-backdrop[hidden] { display: none; }
}
.gambit-product-item{position:relative}.gambit-card-compare{position:absolute;z-index:4;right:0;top:0;display:inline-flex;align-items:center;gap:6px;font-size:13px;cursor:pointer}.gambit-card-compare input{position:absolute;opacity:0}.gambit-card-compare>span{position:relative;width:18px;height:18px;border:1px solid #b8b8b8;border-radius:4px;background:#fff}.gambit-card-compare input:checked+span{border-color:#04af53;background:#04af53}.gambit-card-compare input:checked+span::after{content:'';position:absolute;left:5px;top:2px;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.gambit-product-tag-badges{position:absolute;z-index:2;left:0;top:0;display:flex;flex-direction:column;gap:3px}.gambit-product-tag-badges span{width:max-content;max-width:150px;padding:4px 7px;border-radius:5px;background:#04af53;color:#fff;font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.gambit-filter-toolbar { display: none; }
@media (max-width: 767px) {
 .gambit-filter-js #gambit-filter-panel.gambit-sidebar { padding-top: 12px; }
 .gambit-filter-toolbar { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; margin-bottom: 28px; gap: 8px; }
 .gambit-filter-toolbar > strong { color: #232323; font: 600 18px/24px Roboto,sans-serif; }
 .gambit-filter-toolbar > [data-filter-reset] { justify-self: start; padding: 10px 0; border: 0; background: transparent; color: #868686; font: 400 14px/20px Roboto,sans-serif; cursor: pointer; }
 .gambit-filter-toolbar > .gambit-filter-close { position: relative; top: auto; right: auto; justify-self: end; }
}

@media (max-width: 767px) {
 .gambit-filter-price.gambit-filter-fieldset { margin-bottom: 20px; }
 .gambit-filter-price .price-values { margin-bottom: 0; }
 .gambit-filter-actions { padding-top: 20px; }
 #gambit-filter-reset { margin-top: 0; }
 .gambit-filter-js .gambit-filter-actions button[type=submit] { display: block; min-height: 44px; }
}

.gambit-native-range input[type="range"]:focus-visible::-webkit-slider-thumb { outline: 2px solid #04af53; outline-offset: 3px; }
.gambit-native-range input[type="range"]:focus-visible::-moz-range-thumb { outline: 2px solid #04af53; outline-offset: 3px; }

.gambit-sort-direction { display: inline-block; margin-left: 6px; }