:root{--dr-primary-dark:#503130;--dr-primary-darker:#3d1b19;--dr-cream:#f2e8d5;--dr-cream-light:#f8f4eb;--dr-white:#fff;--dr-text-dark:#2c1810;--dr-text-muted:#8b7355;--dr-success:#5d8a4a;--dr-error:#c04040;--dr-gold:#c9a96e;--dr-shadow-sm:0 2px 8px rgba(80,49,48,0.08);--dr-shadow-md:0 4px 16px rgba(80,49,48,0.12);--dr-shadow-lg:0 8px 32px rgba(80,49,48,0.16);--dr-shadow-xl:0 16px 48px rgba(80,49,48,0.24);--dr-radius-sm:10px;--dr-radius-md:15px;--dr-radius-lg:20px;--dr-radius-xl:30px;--dr-radius-full:9999px;--dr-transition-fast:150ms ease;--dr-transition-normal:250ms ease;--dr-transition-slow:400ms cubic-bezier(0.4,0,0.2,1);--dr-space-1:4px;--dr-space-2:8px;--dr-space-3:12px;--dr-space-4:16px;--dr-space-5:20px;--dr-space-6:24px;--dr-space-8:32px}*{box-sizing:border-box}.floating-filter-btn:hover{transform:scale(1.05);box-shadow:var(--dr-shadow-xl);background:var(--dr-white)}.floating-filter-btn:active{transform:scale(0.95)}.floating-filter-btn .filter-icon,.floating-filter-btn .close-icon{position:absolute;transition:all var(--dr-transition-normal);stroke-width:2.5}.floating-filter-btn .filter-icon{opacity:1;transform:rotate(0) scale(1)}.floating-filter-btn .close-icon{opacity:0;transform:rotate(-90deg) scale(0.5)}.floating-filter-btn.active .filter-icon{opacity:0;transform:rotate(90deg) scale(0.5)}.floating-filter-btn.active .close-icon{opacity:1;transform:rotate(0) scale(1)}.floating-filter-btn.active{background:var(--dr-primary-dark);color:var(--dr-cream)}.filter-count.visible{opacity:1;transform:scale(1)}.filter-overlay{position:fixed;inset:0;background:rgba(44,24,16,0.5);backdrop-filter:blur(6px);opacity:0;visibility:hidden;transition:all var(--dr-transition-normal);z-index:999}.filter-overlay.visible{opacity:1;visibility:visible}.floating-filter-panel{position:fixed;bottom:140px;left:24px;width:380px;max-width:calc(100vw - 48px);max-height:calc(100vh - 140px);background:var(--dr-white);border-radius:var(--dr-radius-xl);box-shadow:var(--dr-shadow-xl);opacity:0;visibility:hidden;transform:translateY(20px) scale(0.95);transform-origin:bottom left;transition:all var(--dr-transition-slow);z-index:1001;display:flex;flex-direction:column;overflow:hidden}.floating-filter-panel.visible{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--dr-space-4) var(--dr-space-5);background:var(--dr-primary-dark);color:var(--dr-cream)}.panel-title-wrapper{display:flex;align-items:center;gap:var(--dr-space-3)}.panel-title-wrapper h3{font-size:1.1rem;font-weight:600}.panel-close-btn{width:38px;height:38px;border-radius:var(--dr-radius-sm);border:0;background:rgba(242,232,213,0.15);color:var(--dr-cream);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--dr-transition-fast)}.panel-close-btn:hover{background:rgba(242,232,213,0.25)}.panel-body{padding:var(--dr-space-5);display:flex;flex-direction:column;gap:var(--dr-space-4);overflow-y:auto;flex:1}.panel-body::-webkit-scrollbar{width:6px}.panel-body::-webkit-scrollbar-track{background:transparent}.panel-body::-webkit-scrollbar-thumb{background:var(--dr-cream);border-radius:var(--dr-radius-full)}.sort-section{display:flex;align-items:center;gap:var(--dr-space-3);padding:var(--dr-space-3);background:var(--dr-cream-light);border-radius:var(--dr-radius-md);margin-bottom:var(--dr-space-2)}.sort-label{font-size:.875rem;font-weight:600;color:var(--dr-text-dark);white-space:nowrap}.sort-select{flex:1;padding:var(--dr-space-2) var(--dr-space-3);border:1px solid rgba(80,49,48,0.15);border-radius:var(--dr-radius-sm);background:var(--dr-white);font-family:inherit;font-size:.875rem;color:var(--dr-text-dark);cursor:pointer;outline:0;transition:all var(--dr-transition-fast)}.sort-select:focus{border-color:var(--dr-primary-dark);box-shadow:0 0 0 3px rgba(80,49,48,0.1)}.price-range-section{padding:var(--dr-space-4);background:var(--dr-cream);border-radius:var(--dr-radius-md);margin-bottom:var(--dr-space-2)}.price-range-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--dr-space-4)}.price-range-title{display:flex;align-items:center;gap:var(--dr-space-2);font-size:.9rem;font-weight:600;color:var(--dr-text-dark)}.price-range-title svg{color:var(--dr-gold)}.price-range-values{display:flex;align-items:center;gap:var(--dr-space-2);font-size:.8rem;color:var(--dr-text-muted)}.price-value{padding:var(--dr-space-1) var(--dr-space-2);background:var(--dr-white);border-radius:var(--dr-radius-sm);font-weight:500;color:var(--dr-primary-dark)}.price-slider-container{position:relative;height:40px}.price-slider-track{position:absolute;top:50%;left:0;right:0;height:6px;background:rgba(80,49,48,0.15);border-radius:var(--dr-radius-full);transform:translateY(-50%)}.price-slider-range{position:absolute;top:50%;height:6px;background:linear-gradient(90deg,var(--dr-gold),var(--dr-primary-dark));border-radius:var(--dr-radius-full);transform:translateY(-50%);transition:all var(--dr-transition-fast)}.price-slider-input{position:absolute;top:50%;width:100%;height:6px;background:transparent;-webkit-appearance:none;appearance:none;pointer-events:none;transform:translateY(-50%)}.price-slider-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:var(--dr-white);border:3px solid var(--dr-primary-dark);cursor:pointer;pointer-events:all;box-shadow:var(--dr-shadow-md);transition:all var(--dr-transition-fast)}.price-slider-input::-webkit-slider-thumb:hover{transform:scale(1.15);background:var(--dr-cream)}.price-slider-input::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--dr-white);border:3px solid var(--dr-primary-dark);cursor:pointer;pointer-events:all;box-shadow:var(--dr-shadow-md)}.quick-actions{display:flex;gap:var(--dr-space-3)}.action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--dr-space-2);padding:var(--dr-space-3) var(--dr-space-4);border:0;border-radius:var(--dr-radius-sm);font-family:inherit;font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--dr-transition-fast)}.apply-btn{background:var(--dr-primary-dark);color:var(--dr-cream);box-shadow:var(--dr-shadow-sm)}.apply-btn:hover{background:var(--dr-primary-darker);transform:translateY(-1px);box-shadow:var(--dr-shadow-md)}.filter-sections{display:flex;flex-direction:column;gap:var(--dr-space-3)}.filter-section{border:1px solid rgba(80,49,48,0.1);border-radius:var(--dr-radius-md);overflow:hidden;transition:all var(--dr-transition-fast);background:var(--dr-white)}.filter-section:hover{border-color:rgba(80,49,48,0.2)}.filter-section.active{border-color:var(--dr-primary-dark);box-shadow:0 0 0 3px rgba(80,49,48,0.08)}.section-header{display:flex;align-items:center;justify-content:space-between;padding:var(--dr-space-3) var(--dr-space-4);background:var(--dr-cream-light);cursor:pointer;transition:all var(--dr-transition-fast)}.section-header:hover{background:var(--dr-cream)}.section-title-group{display:flex;align-items:center;gap:var(--dr-space-3)}.section-icon{width:34px;height:34px;border-radius:var(--dr-radius-sm);display:flex;align-items:center;justify-content:center}.section-icon.model-icon{background:var(--dr-cream);color:var(--dr-primary-dark)}.section-icon.body-color-icon{background:#f5e6e6;color:#c04040}.section-icon.wood-color-icon{background:#fff3e0;color:var(--dr-gold)}.section-title{font-size:.9rem;font-weight:600;color:var(--dr-text-dark)}.selected-badge{min-width:22px;height:22px;padding:0 7px;background:var(--dr-primary-dark);color:var(--dr-cream);font-size:.75rem;font-weight:700;border-radius:var(--dr-radius-full);display:none;align-items:center;justify-content:center}.selected-badge.visible{display:flex;animation:popIn .3s ease}@keyframes popIn{0%{transform:scale(0)}50%{transform:scale(1.2)}100%{transform:scale(1)}}.chevron{color:var(--dr-text-muted);transition:transform var(--dr-transition-normal)}.filter-section.open .chevron{transform:rotate(180deg);color:var(--dr-primary-dark)}.section-content{max-height:0;overflow:hidden;transition:max-height var(--dr-transition-slow)}.filter-section.open .section-content{max-height:280px}.search-box{display:flex;align-items:center;gap:var(--dr-space-2);padding:var(--dr-space-3);background:var(--dr-cream);border-bottom:1px solid rgba(80,49,48,0.1)}.search-box svg{color:var(--dr-text-muted);flex-shrink:0}.search-box input{flex:1;border:0;background:transparent;font-family:inherit;font-size:.875rem;color:var(--dr-text-dark);outline:0}.search-box input::placeholder{color:var(--dr-text-muted)}.options-list{padding:var(--dr-space-3);display:flex;flex-direction:column;gap:var(--dr-space-1);max-height:200px;overflow-y:auto}.option-item{display:flex;align-items:center;gap:var(--dr-space-3);padding:var(--dr-space-2) var(--dr-space-3);border-radius:var(--dr-radius-sm);cursor:pointer;transition:all var(--dr-transition-fast)}.option-item:hover{background:var(--dr-cream-light)}.option-item.selected{background:var(--dr-cream)}.option-checkbox{width:20px;height:20px;border:2px solid rgba(80,49,48,0.3);border-radius:var(--dr-radius-sm);display:flex;align-items:center;justify-content:center;transition:all var(--dr-transition-fast);flex-shrink:0}.option-item.selected .option-checkbox{background:var(--dr-primary-dark);border-color:var(--dr-primary-dark)}.option-checkbox svg{opacity:0;color:var(--dr-cream);width:12px;height:12px}.option-item.selected .option-checkbox svg{opacity:1}.option-label{font-size:.875rem;color:var(--dr-text-dark)}.option-item.selected .option-label{color:var(--dr-primary-dark);font-weight:600}.color-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:var(--dr-space-3);padding:var(--dr-space-4)}.color-option{display:flex;flex-direction:column;align-items:center;gap:var(--dr-space-1);cursor:pointer;transition:transform var(--dr-transition-fast)}.color-option:hover{transform:scale(1.05)}.color-swatch{width:48px;height:48px;border-radius:var(--dr-radius-md);border:3px solid transparent;box-shadow:var(--dr-shadow-sm);transition:all var(--dr-transition-fast)}.color-option.selected .color-swatch{border-color:var(--dr-primary-dark);box-shadow:0 0 0 3px rgba(80,49,48,0.2)}.color-name{font-size:.7rem;color:var(--dr-text-muted);text-align:center;white-space:nowrap}.color-option.selected .color-name{color:var(--dr-primary-dark);font-weight:600}.color-swatch[data-color="مشکی"]{background:linear-gradient(135deg,#1a1a1a,#3d3d3d)}.color-swatch[data-color="سفید"]{background:linear-gradient(135deg,#fff,#f5f5f5);border:1px solid #e0e0e0}.color-swatch[data-color="کرم"]{background:linear-gradient(135deg,#f5f5dc,#ffe4c4)}.color-swatch[data-color="طوسی"]{background:linear-gradient(135deg,#808080,#a0a0a0)}.color-swatch[data-color="قهوه‌ای"]{background:linear-gradient(135deg,#8b4513,#a0522d)}.color-swatch[data-color="بژ"]{background:linear-gradient(135deg,#d4a574,#c4956a)}.color-swatch[data-color="نقره‌ای"]{background:linear-gradient(135deg,#c0c0c0,#d3d3d3)}.color-swatch[data-color="طلایی"]{background:linear-gradient(135deg,#ffd700,#daa520)}.color-swatch[data-color="PVD"]{background:linear-gradient(135deg,#b8860b,#cd853f)}.color-swatch[data-color="خودرنگ"]{background:linear-gradient(135deg,#deb887,#d2b48c)}.color-swatch[data-color="فندقی روشن"]{background:linear-gradient(135deg,#b8860b,#daa520)}.color-swatch[data-color="گردویی روشن"]{background:linear-gradient(135deg,#8b7355,#a0826d)}.color-swatch[data-color="فندقی تیره"]{background:linear-gradient(135deg,#8b4513,#a0522d)}.color-swatch[data-color="گردویی تیره"]{background:linear-gradient(135deg,#5d4037,#6d4c41)}.color-swatch[data-color="چوب مشکی"]{background:linear-gradient(135deg,#2c2c2c,#3d3d3d)}.color-swatch[data-color="عسلی روشن"]{background:linear-gradient(135deg,#ffd700,#ffc107)}.color-swatch[data-color="عسلی تیره"]{background:linear-gradient(135deg,#daa520,#b8860b)}.color-swatch[data-color="چوب سفید"]{background:linear-gradient(135deg,#faf0e6,#f5f5dc);border:1px solid #e0e0e0}.active-tags{display:none;flex-wrap:wrap;gap:var(--dr-space-2);padding-top:var(--dr-space-3);border-top:1px solid rgba(80,49,48,0.1)}.active-tags.visible{display:flex}.filter-tag{display:inline-flex;align-items:center;gap:var(--dr-space-2);padding:var(--dr-space-1) var(--dr-space-3);background:var(--dr-cream);border:1px solid rgba(80,49,48,0.15);border-radius:var(--dr-radius-full);font-size:.8rem;color:var(--dr-primary-dark)}.tag-remove{width:18px;height:18px;display:flex;align-items:center;justify-content:center;background:rgba(80,49,48,0.1);border-radius:var(--dr-radius-full);cursor:pointer;transition:all var(--dr-transition-fast)}.tag-remove:hover{background:var(--dr-error);color:white}.tag-remove svg{width:10px;height:10px}@media(max-width:480px){.floating-filter-btn{bottom:80px;right:16px;width:56px;height:56px}.floating-filter-panel{bottom:88px;left:16px;right:16px;width:auto;max-height:calc(100vh - 120px)}.color-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr))}.color-swatch{width:40px;height:40px}.price-range-header{flex-direction:column;align-items:flex-start;gap:var(--dr-space-2)}}@keyframes pulse-subtle{0%,100%{box-shadow:var(--dr-shadow-lg)}50%{box-shadow:var(--dr-shadow-xl),0 0 0 8px rgba(80,49,48,0.1)}}.floating-filter-btn.pulse{animation:pulse-subtle 2s infinite}