@layer components{.ds-filter-drawer{z-index:var(--z-filter-drawer);visibility:hidden;position:fixed;inset:0}.ds-filter-drawer--open{visibility:visible}.ds-filter-drawer__overlay{background:rgb(var(--color-black-rgb) / .6);-webkit-backdrop-filter:blur(4px);opacity:0;transition:opacity var(--transition-duration-300);position:fixed;inset:0}.ds-filter-drawer--open .ds-filter-drawer__overlay{opacity:1}.ds-filter-drawer__panel{background:var(--color-white);width:100%;max-width:420px;box-shadow:var(--shadow-2xl);transition:translate var(--transition-duration-300);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0;translate:100%}@media (width>=421px){.ds-filter-drawer__panel{width:380px}}.ds-filter-drawer--open .ds-filter-drawer__panel{translate:0}.ds-filter-drawer__header{padding:1.25rem 1.5rem;padding-top:calc(1.25rem + env(safe-area-inset-top,0px));border-bottom:1px solid var(--color-gray-100);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.ds-filter-drawer__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-gray-900)}.ds-filter-drawer__close{border-radius:var(--radius-full);background:var(--color-gray-50);cursor:pointer;width:2.75rem;min-width:44px;height:2.75rem;min-height:44px;transition:background var(--transition-fast);border:none;justify-content:center;align-items:center;display:flex}.ds-filter-drawer__close:hover{background:var(--color-gray-100)}.ds-filter-drawer__close:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.ds-filter-drawer__body{flex:1;padding:1.5rem;overflow-y:auto}.ds-filter-drawer__footer{padding:1rem 1.5rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom,0px));border-top:1px solid var(--color-gray-100);flex-shrink:0;gap:.75rem;display:flex}.ds-filter-drawer__apply{background:var(--color-gray-900);color:var(--color-white);border-radius:var(--radius-full);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:background var(--transition-fast);border:none;flex:1;padding:.875rem}.ds-filter-drawer__apply:hover{background:var(--color-black)}.ds-filter-drawer__clear{background:var(--color-gray-50);color:var(--color-gray-600);border-radius:var(--radius-full);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);cursor:pointer;transition:background var(--transition-fast);border:none;padding:.875rem 1.5rem}.ds-filter-drawer__clear:hover{background:var(--color-gray-100)}.ds-price-slider{flex-direction:column;gap:2rem;width:100%;padding:1rem .5rem 0;display:flex}.ds-price-slider__pills{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.ds-price-pill{background:var(--color-white);border:1px solid var(--color-gray-100);border-radius:var(--radius-xl);transition:border-color var(--transition-fast);flex-direction:column;flex:1;align-items:flex-start;gap:.125rem;padding:.5rem 1rem;display:flex}.ds-price-pill:hover{border-color:rgb(var(--color-terracotta-rgb) / .2)}.ds-price-pill--end{align-items:flex-end}.ds-price-pill__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-gray-500);text-transform:uppercase;letter-spacing:var(--tracking-extrawide)}.ds-price-pill__value{font-size:var(--font-size-sm);color:var(--color-gray-900);font-weight:900;line-height:1}.ds-price-separator{color:rgb(var(--color-terracotta-rgb) / .4);flex-shrink:0;justify-content:center;align-items:center;display:flex}.ds-price-slider__track-wrap{cursor:pointer;align-items:center;width:100%;height:.5rem;margin-bottom:1rem;display:flex;position:relative}.ds-price-slider__track-bg{background:var(--color-gray-100);border-radius:var(--radius-full);width:100%;height:.375rem;position:absolute}.ds-price-slider__range{background:var(--color-terracotta);border-radius:var(--radius-full);height:.375rem;transition:background-position var(--transition-duration-300);position:absolute;overflow:hidden}.ds-price-slider__range-shimmer{background:linear-gradient(90deg, transparent, rgb(var(--color-white-rgb) / .4), transparent);width:200%;height:100%;animation:2s infinite ds-shimmer-slide;position:absolute;inset:0}@keyframes ds-shimmer-slide{0%{translate:-100%}to{translate:0}}.ds-price-slider__input{appearance:none;pointer-events:none;background:0 0;outline:none;width:100%;height:.375rem;position:absolute}.ds-price-slider__input::-webkit-slider-thumb{appearance:none;border-radius:var(--radius-full);background:var(--color-white);border:2px solid var(--color-terracotta);cursor:pointer;pointer-events:auto;touch-action:none;width:1.75rem;height:1.75rem;transition:scale var(--transition-fast)}.ds-price-slider__input::-webkit-slider-thumb:active{scale:1.25}.ds-price-slider__input::-moz-range-thumb{border-radius:var(--radius-full);background:var(--color-white);border:2px solid var(--color-terracotta);cursor:pointer;pointer-events:auto;touch-action:none;width:1.75rem;height:1.75rem}.ds-price-slider__presets{flex-wrap:wrap;gap:.5rem;display:flex}.ds-preset-btn{min-width:80px;min-height:44px;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wider);border-radius:var(--radius-full);border:1px solid var(--color-gray-100);background:var(--color-white);color:var(--color-gray-600);cursor:pointer;transition:border-color var(--transition-duration-300), color var(--transition-duration-300), background-color var(--transition-duration-300), scale var(--transition-duration-300);flex:1;justify-content:center;align-items:center;padding:.5rem .75rem;display:inline-flex}.ds-preset-btn:hover{border-color:rgb(var(--color-terracotta-rgb) / .3);color:var(--color-primary-text)}.ds-preset-btn--active{border-color:var(--color-terracotta);background:var(--color-primary-deep);color:var(--color-white);scale:1.05}.ds-filter-section{margin-bottom:1.5rem}.ds-filter-section__title{font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.15em;color:var(--color-gray-900);margin-bottom:1rem;font-weight:900}.ds-filter-list{flex-direction:column;gap:.5rem;display:flex}.ds-filter-list--horizontal{flex-wrap:wrap;gap:.5rem;display:flex}.ds-filter-chip{border-radius:var(--radius-xl);background:var(--color-gray-50);color:var(--color-gray-700);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:background-color var(--transition-fast), color var(--transition-fast);cursor:pointer;border:none;align-items:center;gap:.5rem;padding:.5rem 1rem;display:inline-flex}.ds-filter-chip:hover,.ds-filter-chip:focus-visible{background:var(--color-gray-100)}.ds-filter-chip--active{background:var(--color-primary-deep);color:var(--color-white)}.ds-filter-tag{min-height:44px}.ds-filter-item{cursor:pointer;transition:opacity var(--transition-fast);align-items:center;gap:.75rem;padding:.625rem 0;display:flex}.ds-filter-item:hover{opacity:.8}.ds-filter-item--active{background:var(--color-primary-deep);color:var(--color-white);border-radius:var(--radius-lg)}.ds-filter-item--active:hover{opacity:1}.ds-filter-item__avatar{border-radius:100%;flex-shrink:0;width:2.5rem;height:2.5rem}.ds-filter-item__row,.ds-filter-item__name{min-width:0}.ds-filter-item__checkbox{border-radius:var(--radius-md);border:2px solid var(--color-gray-200);width:1.25rem;height:1.25rem;transition:background-color var(--transition-fast), border-color var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.ds-filter-item__label{font-size:var(--font-size-sm);color:var(--color-gray-700);font-weight:var(--font-weight-medium)}.ds-filter-item__count{font-size:var(--font-size-xs);color:var(--color-gray-500);margin-left:auto}.ds-filter-item__count--active{color:var(--color-white)}.ds-filter-skeleton{top:var(--header-height,140px);flex-direction:column;gap:2.5rem;display:flex;position:sticky}.ds-skeleton{background:var(--color-gray-100);border-radius:var(--radius-md);animation:2s ease-in-out infinite dsPulse}.ds-skeleton--sm{width:6rem;height:.75rem}.ds-skeleton--full{width:100%}.ds-skeleton--bar{width:100%;height:.5rem}.ds-skeleton--chip{border-radius:var(--radius-full);width:5rem;height:2.25rem}.ds-skeleton--row{border-radius:var(--radius-lg);width:100%;height:2.5rem}.ds-skeleton__group{flex-direction:column;gap:1rem;display:flex}.ds-skeleton__row{justify-content:space-between;display:flex}.ds-skeleton__chips{flex-wrap:wrap;gap:.5rem;display:flex}.ds-skeleton__grid{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}}