lfdt-filters{display:block;grid-column:1/-1;width:100%;margin-bottom:24px;color:var(--color-foreground);font-family:var(--font-body--family)}
.lfdt-filter-toolbar{display:flex;align-items:center;gap:24px;flex-wrap:wrap;font-size:14px;line-height:1.4}.lfdt-filter-toolbar>span{margin-left:auto}.lfdt-filter-toolbar label{display:flex;gap:10px;align-items:center}.lfdt-filter-toolbar select{font:inherit;color:inherit;background:transparent;border:0;max-width:200px;min-height:36px;padding:8px}
.lfdt-filter-dialog{position:fixed;inset:0 0 0 auto;margin:0;width:min(520px,100%);height:100dvh;max-height:100dvh;max-width:100%;border:0;padding:0;background:var(--color-background,#fff);color:var(--color-foreground,#28231e);box-shadow:-8px 0 40px #0001}
.lfdt-filter-dialog[open]{display:flex;flex-direction:column}.lfdt-filter-dialog::backdrop{background:#0006}.lfdt-filter-dialog header{display:flex;align-items:center;justify-content:space-between;padding:24px 30px;border-bottom:1px solid #8884;flex-shrink:0}.lfdt-filter-dialog h2{font-family:var(--font-heading--family);font-size:28px;margin:0}.lfdt-filter-dialog [data-close]{font:inherit;font-size:32px;border:0;background:none;color:inherit;cursor:pointer;width:44px;height:44px}.lfdt-filter-body{overflow:auto;flex:1;padding:0 30px 24px}.lfdt-filter-body details{border-bottom:1px solid #8884}.lfdt-filter-body summary{display:flex;align-items:center;justify-content:space-between;list-style:none;cursor:pointer;padding:24px 0;font-weight:600}.lfdt-filter-body summary::-webkit-details-marker{display:none}.lfdt-filter-body summary:after{content:'+';font-size:24px;font-weight:400}.lfdt-filter-body details[open]>summary:after{content:'−'}.lfdt-filter-options{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding-bottom:24px}.lfdt-filter-options label{display:flex;gap:10px;align-items:center;cursor:pointer}.lfdt-filter-options input{accent-color:currentColor;width:18px;height:18px}.lfdt-filter-dialog footer{display:flex;gap:12px;padding:20px 30px;border-top:1px solid #8884;flex-shrink:0}.lfdt-filter-dialog footer button{flex:1;padding:14px 12px;min-height:48px}.lfdt-filter-dialog button:disabled{opacity:.5;cursor:wait}.lfdt-range{padding:8px 0 28px}.lfdt-range-track{position:relative;height:36px;margin:0 10px}.lfdt-range-track:before{content:'';position:absolute;left:0;right:0;top:17px;height:2px;background:currentColor}.lfdt-range input[type=range]{position:absolute;inset:0;width:100%;margin:0;appearance:none;-webkit-appearance:none;background:transparent;pointer-events:none;height:36px;color:inherit}.lfdt-range input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:currentColor;border:2px solid var(--color-background,#fff);pointer-events:auto;cursor:grab}.lfdt-range input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:currentColor;border:2px solid var(--color-background,#fff);pointer-events:auto;cursor:grab}.lfdt-range input:focus-visible{outline:2px solid currentColor;outline-offset:4px}.lfdt-range-values{display:flex;justify-content:space-between;margin-top:8px}.lfdt-filter-pagination{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;padding:32px 0;grid-column:1/-1}.lfdt-filter-pagination button{font:inherit;padding:8px 13px;border:1px solid #8885;background:transparent;color:inherit;cursor:pointer}.lfdt-filter-pagination button[aria-current=page]{background:var(--color-foreground,#28231e);color:var(--color-background,#fff)}.lfdt-filter-empty{padding:36px 0;grid-column:1/-1}.lfdt-filter-lock{overflow:hidden}
@media(min-width:990px){collection-component:has(lfdt-filters) .product-grid--grid{--product-grid-columns-desktop:repeat(4,minmax(0,1fr))}}
@media(max-width:749px){.lfdt-filter-toolbar{gap:12px}.lfdt-filter-toolbar label{width:100%;justify-content:space-between}.lfdt-filter-dialog header{padding:18px 20px}.lfdt-filter-body{padding:0 20px 20px}.lfdt-filter-dialog footer{padding:16px 20px}.lfdt-filter-options{gap:16px 10px}}

collection-component:has(lfdt-filters) .pagination[hidden]{display:none!important}


.lfdt-filter-trigger{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:0;background:transparent;border:0;box-shadow:none;color:inherit;font-family:var(--font-body--family);font-size:inherit;font-weight:400;line-height:inherit;white-space:nowrap;letter-spacing:.01em;text-transform:uppercase;cursor:pointer}
.lfdt-filter-trigger svg{width:18px;height:18px;flex:none}.lfdt-filter-trigger:focus-visible{outline:2px solid currentColor;outline-offset:5px}
.lfdt-filter-dialog,.lfdt-filter-dialog :is(button,input,select,summary,label,output,p),.lfdt-filter-toolbar :is(button,select,label,span){font-family:var(--font-body--family)}
.lfdt-filter-dialog h2{font-family:var(--font-heading--family)}
.lfdt-filter-swatch{display:inline-block;width:23px;height:23px;border-radius:50%;border:1px solid #0002;background:var(--swatch-color);flex:none}
.lfdt-filter-options label{gap:9px;min-height:32px}.lfdt-dimension-label{display:block;margin:8px 0 8px;font-weight:500}.lfdt-range-values{font-variant-numeric:tabular-nums}.lfdt-filter-dialog [data-dimensions] .lfdt-range{padding-bottom:22px}


@media(max-width:749px){.lfdt-filter-trigger{min-height:44px}}