/* CATALOG-09. Existing STYLE-01/02 tokens, scoped to the catalogue only. */
body.dj-modular .dj-sort-popover {padding:8px;width:290px}
body.dj-modular .dj-sort-option {min-height:44px}
body.dj-modular .dj-compact-filter {
  width:calc(100% - 24px);max-width:420px;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);
  padding:0;margin:auto;border-radius:var(--dj-radius-panel,20px);overflow-y:auto;overscroll-behavior:contain;
}
body.dj-modular .dj-compact-filter .ldp-modal {padding:18px 20px 20px}
body.dj-modular .dj-filter-heading {display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 8px}
body.dj-modular .dj-filter-heading .ldp-modal-title {font:400 26px/1.25 Georgia,serif;margin:0;padding:0}
body.dj-modular .dj-filter-heading .ldp-modal-close {position:static;display:flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;margin:0;padding:10px}
body.dj-modular .dj-compact-filter .ldc-stock-check--filter {min-height:44px;margin:0 0 12px;font:400 14px/1.45 Arial,sans-serif;gap:10px}
body.dj-modular .dj-compact-filter .ldc-price-fields {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 12px;padding:0;border:0;min-width:0}
body.dj-modular .dj-compact-filter .ldc-price-fields legend {font:400 14px/1.45 Arial,sans-serif;margin:0 0 8px;padding:0;color:var(--dj-color-ink,#2D302C)}
body.dj-modular .dj-compact-filter .ldc-price-fields label {position:relative;display:block;margin:0;min-width:0}
body.dj-modular .dj-compact-filter .ldc-price-fields label span {position:absolute;inset-inline-start:12px;top:50%;transform:translateY(-50%);font:400 13px/1.4 Arial,sans-serif;color:var(--dj-color-muted,#686D63);pointer-events:none}
body.dj-modular .dj-compact-filter .ldc-price-fields input {box-sizing:border-box;width:100%;min-width:0;height:46px;min-height:46px;padding:10px 9px 10px 34px;font:400 16px/1.5 Arial,sans-serif;border:1px solid var(--dj-color-control,#878C80);border-radius:var(--dj-radius-control,14px);box-shadow:none;background:var(--dj-color-paper,#FFF)}
body.dj-modular .dj-compact-filter .ldc-price-fields input::placeholder {font-size:12px;color:var(--dj-color-muted,#686D63);opacity:1}
body.dj-modular .dj-budget-tags {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0 0 16px}
body.dj-modular .dj-budget-tags[hidden] {display:none!important}
body.dj-modular .dj-budget-tag {box-sizing:border-box;min-width:0;min-height:44px;margin:0;padding:8px 5px;border:1px solid var(--dj-color-line,#E3E0D8);border-radius:var(--dj-radius-compact,12px);background:var(--dj-color-paper,#FFF);color:var(--dj-color-body,#4D514B);font:400 13px/1.4 Arial,sans-serif;cursor:pointer;text-align:center;white-space:normal;box-shadow:none}
body.dj-modular .dj-budget-tag:hover {background:var(--dj-color-warm,#F7F5F0)}
body.dj-modular .dj-budget-tag[aria-pressed=true] {border-color:var(--dj-color-accent,#78684F);color:var(--dj-color-accent,#78684F);background:var(--dj-color-warm,#F7F5F0)}
body.dj-modular .dj-compact-filter .ldc-filter-actions {display:grid;grid-template-columns:minmax(80px,.8fr) minmax(0,1.6fr);gap:12px;align-items:center;margin:0;padding:12px 0 0;border-top:1px solid var(--dj-color-line,#E3E0D8)}
body.dj-modular .dj-compact-filter .ldc-filter-actions a {display:flex;min-height:46px;align-items:center;justify-content:center;color:var(--dj-color-body,#4D514B);font:400 14px/1.45 Arial,sans-serif;text-decoration:underline;text-underline-offset:3px;border-radius:var(--dj-radius-compact,12px)}
body.dj-modular .dj-compact-filter .ldc-filter-actions .ldp-btn {display:flex;align-items:center;justify-content:center;min-height:46px;margin:0;padding:10px 12px;font:400 14px/1.45 Arial,sans-serif;border-radius:var(--dj-radius-control,14px);min-width:0;white-space:normal;text-align:center}
body.dj-modular .dj-compact-filter :is(input,button,a):focus-visible {outline:2px solid var(--dj-color-accent,#78684F);outline-offset:2px}
@media(max-width:359px) {
 body.dj-modular .dj-compact-filter .ldp-modal {padding:14px 16px 16px}
 body.dj-modular .dj-budget-tags {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(forced-colors:active) {
 body.dj-modular .dj-budget-tag {border-color:ButtonText}
 body.dj-modular .dj-budget-tag[aria-pressed=true] {border:2px solid Highlight}
}