.lxw-filter-wrap {
	--lxw-accent: #F6B40A;
	--lxw-text: #111111;
	--lxw-muted: #8a8a8a;
	--lxw-line: #e2e2e2;
	--lxw-sidebar-bg: #f3f3f3;
	display: grid;
	grid-template-columns: 300px 1fr;
	gap: 36px;
	align-items: start;
	font-family: inherit;
	color: var(--lxw-text);
}
.lxw-filter-wrap.lxw-grid-no { display: block; }
.lxw-filter-wrap.lxw-grid-no .lxw-sidebar { max-width: 320px; }
.lxw-sidebar { background: var(--lxw-sidebar-bg); border-radius: 20px; padding: 26px 24px 30px; }
.lxw-sort-box { margin-bottom: 20px; }
.lxw-sort {
	width: 100%; appearance: none; -webkit-appearance: none;
	background-color: #fff; border: 1px solid #dcdcdc; border-radius: 40px;
	padding: 16px 44px 16px 22px; font-size: 15px; font-weight: 500; color: var(--lxw-text); cursor: pointer;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
	background-repeat: no-repeat; background-position: right 18px center;
}
.lxw-sort:focus { outline: none; border-color: var(--lxw-text); }
.lxw-acc { border-bottom: 1px solid var(--lxw-line); }
.lxw-acc:last-of-type { border-bottom: 0; }
.lxw-acc-head {
	width: 100%; display: flex; align-items: center; justify-content: space-between;
	background: none; border: 0; padding: 17px 2px; margin: 0; cursor: pointer;
	font-size: 17px; font-weight: 700; color: var(--lxw-text); text-align: left; font-family: inherit;
}
.lxw-chevron { flex: none; transition: transform .25s ease; color: #333; }
.lxw-acc.open .lxw-chevron { transform: rotate(180deg); }
.lxw-acc.open { border-bottom: 0; }
.lxw-acc.open .lxw-acc-head { border: 1.5px solid #111; border-radius: 10px; padding: 14px 18px; margin-bottom: 8px; }
.lxw-acc-body { max-height: 0; overflow: hidden; transition: max-height .3s ease; }
.lxw-acc.open .lxw-acc-body { max-height: 520px; overflow-y: auto; }
.lxw-acc-body ul { list-style: none; margin: 0; padding: 2px 0 12px; }
.lxw-acc-body li { margin: 0; }
.lxw-check { display: flex; align-items: center; gap: 9px; padding: 7px 2px; cursor: pointer; font-size: 15px; }
.lxw-check input[type="checkbox"] { width: 17px; height: 17px; flex: none; accent-color: var(--lxw-accent); cursor: pointer; margin: 0; }
.lxw-name { color: #2b2b2b; }
.lxw-count { color: var(--lxw-muted); font-size: 14px; }
.lxw-check.lxw-disabled { opacity: .55; cursor: not-allowed; pointer-events: none; }
.lxw-check.lxw-disabled .lxw-name, .lxw-check.lxw-disabled .lxw-count { color: #b4b4b4; }
.lxw-reset {
	margin-top: 24px; width: 100%; border: 0; background: #111; color: #fff;
	border-radius: 44px; padding: 18px 20px; font-size: 15px; font-weight: 700; letter-spacing: .2px;
	cursor: pointer; transition: background .2s ease, transform .05s ease; font-family: inherit;
}
.lxw-reset:hover { background: #000; }
.lxw-reset:active { transform: translateY(1px); }
.lxw-results { min-width: 0; }
.lxw-result-meta { font-size: 14px; color: var(--lxw-muted); margin-bottom: 16px; }
.lxw-products { position: relative; min-height: 80px; transition: opacity .2s ease; }
.lxw-products.lxw-loading { opacity: .4; pointer-events: none; }
.lxw-products.lxw-loading::after {
	content: ""; position: absolute; top: 28px; left: 50%; width: 34px; height: 34px; margin-left: -17px;
	border: 3px solid #ddd; border-top-color: var(--lxw-accent); border-radius: 50%; animation: lxw-spin .7s linear infinite;
}
@keyframes lxw-spin { to { transform: rotate(360deg); } }
.lxw-no-results { padding: 40px 0; color: var(--lxw-muted); font-size: 16px; }
.lxw-loadmore-wrap { text-align: center; margin-top: 30px; }
.lxw-loadmore {
	border: 1px solid #111; background: #fff; color: #111; border-radius: 44px; padding: 14px 34px;
	font-size: 15px; font-weight: 700; cursor: pointer; transition: all .2s ease; font-family: inherit;
}
.lxw-loadmore:hover { background: #111; color: #fff; }
@media (max-width: 900px) { .lxw-filter-wrap { grid-template-columns: 1fr; gap: 24px; } }
.lxw-dark .lxw-sidebar, body.lxw-dark .lxw-sidebar { --lxw-sidebar-bg: #1a1a1a; --lxw-text: #f2f2f2; --lxw-line: #333; --lxw-muted: #9a9a9a; }
.lxw-dark .lxw-sort, body.lxw-dark .lxw-sort { background-color: #262626; border-color: #3a3a3a; color: #f2f2f2; }
.lxw-dark .lxw-acc.open .lxw-acc-head, body.lxw-dark .lxw-acc.open .lxw-acc-head { border-color: #fff; }
.lxw-dark .lxw-name, body.lxw-dark .lxw-name { color: #e7e7e7; }
.lxw-dark .lxw-reset, body.lxw-dark .lxw-reset { background: var(--lxw-accent); color: #111; }
