dd-collection-refinement{display:contents}
.dd-refine-sort-trigger{width:220px}
.dd-refine{padding:32px;border:0;background:var(--dd-page);color:var(--dd-ink);font-family:var(--dd-font,Inter,Arial,sans-serif);max-height:calc(100dvh - 40px);overflow:auto}
.dd-refine::backdrop{background:rgba(13,13,13,.34)}
.dd-refine[open]{display:flex;flex-direction:column;gap:24px}
.dd-refine--filters{position:fixed;inset:0 0 0 auto;margin:0;width:480px;max-width:100vw;height:100dvh;max-height:none}
.dd-refine--sort{width:400px;max-width:calc(100vw - 40px)}
.dd-refine .dd-collection__filter-header{flex-shrink:0;margin:0;padding-bottom:24px;border-bottom:1px solid var(--dd-border);gap:16px}
.dd-refine .dd-collection__filter-header h2{font-size:32px;font-weight:800;line-height:36px;color:var(--dd-ink)}
.dd-refine .dd-collection__filter-header button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;border:0;padding:0;background:transparent;color:var(--dd-ink)}
.dd-refine--filters>form{display:flex;flex-direction:column;gap:24px;flex:1;min-height:0}
.dd-refine__options{flex:1 0 auto;display:flex;flex-direction:column;gap:24px}
.dd-refine__category{display:flex;flex-direction:column;gap:12px}
.dd-refine__category p,.dd-refine fieldset legend{font-size:12px;font-weight:500;line-height:18px;color:var(--dd-muted);text-transform:uppercase}
.dd-refine__category>span{display:flex;align-items:center;justify-content:center;min-height:48px;background:var(--dd-ink);color:white;font-size:14px;font-weight:700;line-height:20px}
.dd-refine fieldset{border:0;padding:0;margin:0;min-width:0}
.dd-refine fieldset legend{padding:0;margin-bottom:12px}
.dd-refine .dd-collection__filter-option{border:1px solid var(--dd-border);min-height:48px;padding:12px;font-size:14px;font-weight:700;line-height:20px;margin-bottom:12px;color:var(--dd-ink)}
.dd-refine .dd-collection__filter-option:has(input:checked){background:var(--dd-ink);color:white;border-color:var(--dd-ink)}
.dd-refine .dd-collection__filter-option:has(input:checked) span:last-child{color:white}
.dd-refine .dd-collection__filter-actions{display:flex;flex-direction:column;align-items:stretch;gap:24px;margin:0;flex-shrink:0}
.dd-refine .dd-collection__filter-actions>a{display:flex;align-items:center;min-height:44px;font-size:14px;font-weight:700;color:var(--dd-ink)}
.dd-refine .dd-collection__filter-actions>.dd-button{width:100%;min-height:56px}
.dd-refine--sort form{display:flex;flex-direction:column;gap:12px}
.dd-refine__option{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;padding:12px;border:1px solid var(--dd-border);background:var(--dd-page);color:var(--dd-ink);font:700 14px/20px var(--dd-font,Inter,Arial,sans-serif);cursor:pointer}
.dd-refine__option.is-active{background:var(--dd-ink);border-color:var(--dd-ink);color:white}
@media(max-width:1199px){.dd-refine--filters{width:448px}}
@media(max-width:749px){.dd-refine{padding:20px}.dd-refine--filters{width:100vw}.dd-refine--sort{width:350px}.dd-refine-sort-trigger{width:100%}}
