@layer theme,base;@layer components{.offer-grid{gap:var(--space-md);grid-template-columns:minmax(0,1fr);align-content:start;display:grid}@media (min-width:640px){.offer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1280px){.offer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.offer-grid-cell{min-width:0;display:flex}.offer-grid-cell>.offer-card{flex:1}.offer-card-skeleton{border-radius:var(--radius-card);background-color:var(--surface-card);box-shadow:var(--shadow-card);aspect-ratio:3/4;animation:1.5s ease-in-out infinite skeleton-pulse;overflow:hidden}.utility-bar{align-items:center;gap:var(--space-xs);margin-bottom:var(--space-sm);display:flex}.utility-bar-btn{border-radius:var(--radius-pill);background-color:var(--surface-card);box-shadow:var(--shadow-card);font-family:var(--font-body);font-size:var(--text-label-size);color:var(--on-surface);cursor:pointer;transition:box-shadow var(--transition-base), color var(--transition-base);white-space:nowrap;border:none;align-items:center;gap:6px;padding:8px 16px;font-weight:500;display:inline-flex}.utility-bar-btn:hover{box-shadow:var(--shadow-card-hover);color:var(--primary)}.utility-bar-btn--active{color:var(--primary);box-shadow:var(--shadow-card)}.listing-ooa-divider{gap:var(--space-xs);margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--badge-neutral-bg);flex-direction:column;grid-column:1/-1;display:flex}.listing-ooa-divider-label{text-transform:uppercase;letter-spacing:.03em;color:var(--on-surface-muted)}.filter-section-label{font-family:var(--font-heading);font-size:var(--text-body-size);color:var(--on-surface);font-weight:600;line-height:1.4}.filter-section-toggle{cursor:pointer;width:100%}.filter-checkbox{border-radius:var(--radius-badge);background-color:var(--badge-neutral-bg);width:20px;height:20px;transition:background-color var(--transition-base);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;display:flex}.filter-checkbox--active{background-color:var(--primary);color:var(--on-primary)}.filter-color-swatch{border-radius:var(--radius-badge);background-color:var(--badge-neutral-bg);border:1px solid #0000001f;flex-shrink:0;width:18px;height:18px;display:inline-block}.filter-image-swatch{border-radius:var(--radius-badge);object-fit:contain;background-color:var(--badge-neutral-bg);flex-shrink:0;width:24px;height:24px;display:inline-block}.filter-toggle{border-radius:var(--radius-pill);background-color:var(--badge-neutral-bg);cursor:pointer;width:40px;height:24px;transition:background-color var(--transition-base);flex-shrink:0;position:relative}.filter-toggle--active{background-color:var(--primary)}.filter-toggle-thumb{border-radius:var(--radius-pill);background-color:var(--on-primary);width:18px;height:18px;box-shadow:var(--shadow-card);transition:transform var(--transition-base);position:absolute;top:3px;left:3px}.filter-toggle--active .filter-toggle-thumb{transform:translate(16px)}.filter-sheet{height:100dvh;padding-left:var(--safe-l);padding-right:var(--safe-r);position:fixed;top:0;left:0;right:0}.filter-action-bar{background-color:var(--surface-card);box-shadow:var(--shadow-sticky-bottom);padding:var(--space-sm) var(--space-md);padding-bottom:max(var(--space-sm), var(--safe-b));position:sticky;bottom:0}.filter-search-wrap{background-color:var(--badge-neutral-bg);border-radius:var(--radius-control);align-items:center;gap:8px;padding:8px 12px;display:flex;overflow:hidden}.filter-search-wrap:has(input:focus-visible){outline:2px solid var(--focus-ring);outline-offset:2px}.filter-search-input:focus-visible{outline:none}.filter-search-input{font-family:var(--font-body);font-size:var(--text-body-size);color:var(--on-surface);background:0 0;border:none;flex:1;min-width:0}.filter-search-input:focus:not(:focus-visible){outline:none}.filter-search-input::placeholder{color:var(--on-surface-placeholder);font-style:italic}.filter-slider-track{border-radius:var(--radius-pill);background-color:var(--badge-neutral-bg);height:4px;position:relative}.filter-slider-fill{border-radius:var(--radius-pill);background-color:var(--primary);height:100%;position:absolute}.filter-slider-handle{border-radius:var(--radius-pill);background-color:var(--badge-muted-bg);width:20px;height:20px;box-shadow:var(--shadow-card);cursor:grab;transition:box-shadow var(--transition-base);position:absolute;top:-8px}.filter-slider-handle:active{cursor:grabbing;box-shadow:var(--shadow-card-hover)}.filter-slider-input{left:calc((20px - var(--touch-target-min)) / 2);top:calc((4px - var(--touch-target-min)) / 2);width:calc(100% + var(--touch-target-min) - 20px);height:var(--touch-target-min);appearance:none;pointer-events:none;background:0 0;margin:0;padding:0;position:absolute}.filter-slider-input:focus:not(:focus-visible){outline:none}.filter-slider-input::-webkit-slider-thumb{appearance:none;width:var(--touch-target-min);height:var(--touch-target-min);box-shadow:none;pointer-events:all;cursor:grab;background:0 0;border:none;border-radius:50%}.filter-slider-input::-webkit-slider-runnable-track{box-shadow:none;background:0 0;border:none}.filter-slider-input:active::-webkit-slider-thumb{cursor:grabbing}.filter-slider-input::-moz-range-thumb{width:var(--touch-target-min);height:var(--touch-target-min);pointer-events:all;cursor:grab;box-shadow:none;background:0 0;border:none;border-radius:50%}.filter-slider-input:active::-moz-range-thumb{cursor:grabbing}.filter-section{flex-direction:column;gap:12px;padding-top:20px;padding-bottom:20px;display:flex}.filter-divider{background-color:var(--on-surface-muted);opacity:.15;flex-shrink:0;height:1px}.filter-sidebar-scroll{max-height:calc(100dvh - var(--header-height) - var(--space-md) * 2 + 40px);margin:-20px;padding:20px;overflow-y:auto}}@layer utilities{.z-overlay{z-index:var(--z-overlay)}.z-modal{z-index:var(--z-modal)}}