.product-filters{position:relative;margin-bottom:1.5rem}.filters-toggle{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;background:linear-gradient(135deg,var(--primary-color) 0%,#7c3aed 100%);border:none;border-radius:12px;font-size:.95rem;font-weight:600;color:#fff;cursor:pointer;transition:all .3s ease;width:100%;justify-content:center;box-shadow:0 4px 15px #7c3aed4d}.filters-toggle:hover{transform:translateY(-2px);box-shadow:0 6px 20px #7c3aed66}.filters-toggle:active{transform:translateY(0)}.filters-toggle svg{color:#fff;width:20px;height:20px}.filters-badge{background:#fff;color:var(--primary-color);font-size:.75rem;font-weight:700;padding:.2rem .6rem;border-radius:50px;min-width:22px;text-align:center}.filters-panel{position:fixed;top:0;left:0;width:100%;max-width:380px;height:100vh;height:100dvh;background:#fff;z-index:1001;transform:translate(-100%);transition:transform .35s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;box-shadow:8px 0 30px #0003;overflow:hidden}.filters-panel.open{transform:translate(0)}.filters-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1000;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.filters-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;background:linear-gradient(135deg,var(--primary-color) 0%,#7c3aed 100%);color:#fff;flex-shrink:0}.filters-header h3{font-size:1.15rem;font-weight:700;color:#fff;margin:0;display:flex;align-items:center;gap:.5rem}.filters-header h3:before{content:"⚙️";font-size:1.1rem}.filters-close{background:#fff3;border:none;padding:.6rem;cursor:pointer;color:#fff;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.filters-close:hover{background:#ffffff4d;transform:rotate(90deg)}.filters-close svg{width:20px;height:20px}.filters-content{flex:1;overflow-y:auto;padding:1.25rem 1.5rem;background:#f8fafc;-webkit-overflow-scrolling:touch}.filter-group{margin-bottom:1rem;padding:1rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;border:1px solid rgba(0,0,0,.05)}.filter-group:last-child{margin-bottom:0}.filter-label{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.3px}.filter-label svg{color:var(--primary-color);width:18px;height:18px}.filter-select{width:100%;padding:.875rem 2.5rem .875rem 1rem;border:2px solid #e5e7eb;border-radius:10px;font-size:.95rem;font-weight:500;color:var(--text-primary);background:#fafafa;cursor:pointer;transition:all .2s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center}.filter-select:focus{outline:none;border-color:var(--primary-color);background-color:#fff;box-shadow:0 0 0 4px #7c3aed26}.filter-select:hover{border-color:#d1d5db;background-color:#fff}.price-range{display:flex;align-items:center;gap:.75rem}.price-input-group{flex:1;display:flex;align-items:center;border:2px solid #e5e7eb;border-radius:10px;overflow:hidden;background:#fafafa;transition:all .2s ease}.price-input-group:focus-within{border-color:var(--primary-color);background:#fff;box-shadow:0 0 0 4px #7c3aed26}.price-input-group:hover{border-color:#d1d5db;background:#fff}.price-currency{padding:.875rem .75rem;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#6b7280;font-weight:600;font-size:.9rem;border-right:1px solid #e5e7eb}.filter-input{flex:1;padding:.875rem;border:none;font-size:.95rem;font-weight:500;color:var(--text-primary);min-width:0;background:transparent}.filter-input:focus{outline:none}.filter-input::placeholder{color:#9ca3af;font-weight:400}.price-separator{color:#9ca3af;font-weight:600;font-size:.9rem}.price-quick-filters{display:flex;gap:.5rem;margin-top:.75rem;flex-wrap:wrap}.price-quick-btn{padding:.5rem 1rem;background:#fff;border:2px solid #e5e7eb;border-radius:50px;font-size:.8rem;font-weight:600;color:#6b7280;cursor:pointer;transition:all .2s ease}.price-quick-btn:hover{background:linear-gradient(135deg,var(--primary-color) 0%,#7c3aed 100%);border-color:var(--primary-color);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #7c3aed40}.price-quick-btn:active{transform:translateY(0)}.discount-options{display:flex;gap:.5rem;flex-wrap:wrap}.discount-btn{padding:.625rem 1.25rem;background:#fff;border:2px solid #e5e7eb;border-radius:10px;font-size:.875rem;font-weight:600;color:#6b7280;cursor:pointer;transition:all .2s ease}.discount-btn:hover{border-color:var(--primary-color);color:var(--primary-color);background:#7c3aed0d}.discount-btn.active{background:linear-gradient(135deg,var(--primary-color) 0%,#7c3aed 100%);border-color:transparent;color:#fff;box-shadow:0 4px 12px #7c3aed4d}.stores-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.store-checkbox{display:flex;align-items:center;gap:.625rem;padding:.75rem 1rem;background:#fff;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;transition:all .2s ease}.store-checkbox:hover{border-color:var(--primary-color);background:#7c3aed08}.store-checkbox.selected,.store-checkbox:has(input:checked){border-color:var(--primary-color);background:#7c3aed14}.store-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary-color);cursor:pointer;border-radius:4px}.store-checkbox input[type=checkbox]:checked+.store-name{color:var(--primary-color);font-weight:600}.store-name{font-size:.875rem;font-weight:500;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.filters-actions{display:flex;gap:.75rem;padding:1.25rem 1.5rem;border-top:1px solid #e5e7eb;background:#fff;box-shadow:0 -4px 20px #00000014;flex-shrink:0}.btn-reset{flex:1;padding:.875rem 1.5rem;background:#fff;border:2px solid #e5e7eb;border-radius:10px;font-size:.95rem;font-weight:600;color:#6b7280;cursor:pointer;transition:all .2s ease}.btn-reset:hover{border-color:#d1d5db;background:#f9fafb;color:#374151}.btn-apply{flex:2;padding:.875rem 1.5rem;background:linear-gradient(135deg,var(--primary-color) 0%,#7c3aed 100%);border:none;border-radius:10px;font-size:.95rem;font-weight:700;color:#fff;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px #7c3aed4d}.btn-apply:hover{transform:translateY(-2px);box-shadow:0 6px 20px #7c3aed66}.btn-apply:active{transform:translateY(0)}@media(max-width:360px){.product-filters{margin-bottom:1rem}.filters-toggle{padding:.75rem 1rem;font-size:.85rem;border-radius:10px}.filters-badge{font-size:.7rem;padding:.15rem .5rem}.filters-panel{max-width:100%}.filters-header{padding:1rem 1.25rem}.filters-header h3{font-size:1rem}.filters-content{padding:1rem}.filter-group{margin-bottom:.75rem;padding:.875rem}.filter-label{font-size:.75rem;margin-bottom:.5rem}.filter-select{padding:.75rem 2rem .75rem .875rem;font-size:.875rem;background-size:16px}.price-range{flex-direction:column;gap:.5rem}.price-input-group{width:100%}.price-currency{padding:.75rem .625rem;font-size:.85rem}.filter-input{padding:.75rem;font-size:.875rem}.price-separator{display:none}.price-quick-filters{gap:.35rem}.price-quick-btn{padding:.4rem .75rem;font-size:.75rem}.discount-options{gap:.35rem}.discount-btn{padding:.5rem .875rem;font-size:.8rem;border-radius:8px}.stores-grid{grid-template-columns:1fr;gap:.5rem}.store-checkbox{padding:.625rem .875rem;border-radius:8px}.store-checkbox input[type=checkbox]{width:16px;height:16px}.store-name{font-size:.8rem}.filters-actions{flex-direction:column;gap:.5rem;padding:1rem}.btn-reset,.btn-apply{flex:none;width:100%;padding:.875rem 1rem}.active-filters{gap:.35rem;margin-top:.75rem}.active-filter-tag{padding:.3rem .625rem;font-size:.75rem}}@media(min-width:360px)and (max-width:480px){.filters-panel{max-width:92%}.filters-content{padding:1rem 1.25rem}.filter-group{margin-bottom:.875rem;padding:1rem}.price-range{flex-direction:column;gap:.5rem}.price-separator{display:none}.stores-grid{grid-template-columns:1fr;gap:.5rem}.filters-actions{flex-direction:column;gap:.625rem;padding:1.25rem}.btn-reset,.btn-apply{width:100%;padding:.875rem 1.25rem}.discount-options{justify-content:flex-start}.discount-btn{flex:1;text-align:center;min-width:calc(50% - .25rem)}}@media(min-width:481px)and (max-width:768px){.filters-toggle{width:auto;display:inline-flex}.filters-panel{max-width:350px}.price-range{flex-direction:row}.price-separator{display:block}.stores-grid{grid-template-columns:repeat(2,1fr)}.filters-actions{flex-direction:row}.btn-reset{flex:1}.btn-apply{flex:2}}@media(min-width:769px)and (max-width:1024px){.filters-toggle{display:inline-flex;width:auto}.filters-panel{position:static;transform:none;max-width:none;height:auto;box-shadow:none;border:1px solid var(--border-color);border-radius:12px;margin-top:1rem;display:none}.filters-panel.open{display:flex}.filters-header,.filters-overlay{display:none}.filters-content{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;padding:1.25rem}.filter-group{margin-bottom:0;padding-bottom:0;border-bottom:none}.filters-actions{justify-content:flex-end;padding:1rem 1.25rem}.btn-reset,.btn-apply{flex:none;min-width:130px}.stores-grid{grid-template-columns:1fr;max-height:120px;overflow-y:auto}.price-range{flex-direction:column;align-items:stretch;gap:.5rem}.price-separator{display:none}}@media(min-width:1025px)and (max-width:1280px){.filters-toggle{display:inline-flex;width:auto}.filters-panel{position:static;transform:none;max-width:none;height:auto;box-shadow:none;border:1px solid var(--border-color);border-radius:12px;margin-top:1rem;display:none}.filters-panel.open{display:flex}.filters-header,.filters-overlay{display:none}.filters-content{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;padding:1.25rem}.filter-group{margin-bottom:0;padding-bottom:0;border-bottom:none}.filters-actions{justify-content:flex-end;padding:1rem 1.25rem}.btn-reset,.btn-apply{flex:none;min-width:150px}.stores-grid{grid-template-columns:1fr;max-height:150px;overflow-y:auto}.price-range{flex-direction:column;align-items:stretch;gap:.5rem}.price-separator{display:none}}@media(min-width:1281px){.filters-toggle{display:inline-flex;width:auto}.filters-panel{position:static;transform:none;max-width:none;height:auto;box-shadow:none;border:1px solid var(--border-color);border-radius:12px;margin-top:1rem;display:none}.filters-panel.open{display:flex}.filters-header,.filters-overlay{display:none}.filters-content{display:grid;grid-template-columns:repeat(5,1fr);gap:1.5rem;padding:1.5rem}.filter-group{margin-bottom:0;padding-bottom:0;border-bottom:none}.filters-actions{justify-content:flex-end;padding:1rem 1.5rem}.btn-reset,.btn-apply{flex:none;min-width:160px}.stores-grid{grid-template-columns:1fr;max-height:180px;overflow-y:auto}}.active-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.active-filter-tag{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;background:var(--primary-light);color:var(--primary-color);border-radius:50px;font-size:.8rem;font-weight:500}.active-filter-tag button{background:none;border:none;padding:0;margin-left:.25rem;cursor:pointer;color:inherit;opacity:.7;transition:opacity .2s ease}.active-filter-tag button:hover{opacity:1}@media(max-height:500px)and (orientation:landscape){.filters-panel{max-width:50%}.filters-content{padding:.75rem 1rem}.filter-group{margin-bottom:.75rem;padding-bottom:.75rem}.filter-label{font-size:.8rem;margin-bottom:.4rem}.filter-select{padding:.5rem .75rem}.discount-btn{padding:.35rem .75rem;font-size:.8rem}.filters-actions{padding:.75rem 1rem;flex-direction:row}}@media(hover:none)and (pointer:coarse){.filters-toggle{min-height:48px}.filters-close{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.filter-select,.filter-input{min-height:48px}.price-quick-btn{min-height:40px;padding:.5rem 1rem}.discount-btn{min-height:44px;padding:.6rem 1.25rem}.store-checkbox{min-height:44px;padding:.6rem .75rem}.store-checkbox input[type=checkbox]{width:20px;height:20px}.btn-reset,.btn-apply{min-height:48px}.active-filter-tag{min-height:36px;padding:.4rem .75rem}.active-filter-tag button{min-width:24px;min-height:24px;display:flex;align-items:center;justify-content:center}.filters-toggle:hover,.price-quick-btn:hover,.discount-btn:hover,.store-checkbox:hover{background:inherit;border-color:inherit}.filters-toggle:active,.price-quick-btn:active,.discount-btn:active,.store-checkbox:active{transform:scale(.98)}}@supports (padding: max(0px)){.filters-panel{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right));padding-bottom:max(0px,env(safe-area-inset-bottom))}.filters-actions{padding-bottom:max(1rem,calc(1rem + env(safe-area-inset-bottom)))}}@media(prefers-contrast:high){.filters-toggle{border-width:2px}.filters-panel{border:2px solid var(--text-primary)}.filter-select,.price-input-group,.discount-btn,.store-checkbox{border-width:2px}.discount-btn.active{outline:3px solid var(--primary-color);outline-offset:2px}}@media(prefers-reduced-motion:reduce){.filters-panel,.filters-toggle,.filter-select,.price-input-group,.price-quick-btn,.discount-btn,.store-checkbox,.filters-close{transition:none}@keyframes fadeIn{0%{opacity:1}to{opacity:1}}}.dark .filters-panel{background:#1f2937}.dark .filters-content{background:#111827}.dark .filters-header{background:linear-gradient(135deg,var(--primary-color) 0%,#7c3aed 100%);border-color:transparent}.dark .filters-toggle{background:linear-gradient(135deg,var(--primary-color) 0%,#7c3aed 100%);border-color:transparent;color:#fff}.dark .filter-group{background:#1f2937;border-color:#374151}.dark .filter-label{color:#e5e7eb}.dark .filter-select,.dark .price-input-group,.dark .filter-input{background:#374151;border-color:#4b5563;color:#f9fafb}.dark .filter-select:hover,.dark .price-input-group:hover{border-color:#6b7280;background:#4b5563}.dark .price-currency{background:linear-gradient(135deg,#374151,#4b5563);color:#9ca3af;border-color:#4b5563}.dark .price-quick-btn,.dark .discount-btn,.dark .store-checkbox{background:#374151;border-color:#4b5563;color:#d1d5db}.dark .price-quick-btn:hover,.dark .discount-btn:hover,.dark .store-checkbox:hover{border-color:var(--primary-color);background:#7c3aed33}.dark .discount-btn.active{background:linear-gradient(135deg,var(--primary-color) 0%,#7c3aed 100%);border-color:transparent;color:#fff}.dark .store-checkbox:has(input:checked){border-color:var(--primary-color);background:#7c3aed33}.dark .filters-actions{background:#1f2937;border-color:#374151;box-shadow:0 -4px 20px #0000004d}.dark .btn-reset{background:#374151;border-color:#4b5563;color:#d1d5db}.dark .btn-reset:hover{background:#4b5563;border-color:#6b7280;color:#f9fafb}.dark .active-filter-tag{background:#7c3aed40;color:#a78bfa}.dark .store-name{color:#e5e7eb}@media(prefers-color-scheme:dark){.filters-panel{background:var(--bg-dark)}.filters-header{background:var(--bg-darker);border-color:var(--border-dark)}.filter-select,.price-input-group,.filter-input{background:var(--bg-darker);border-color:var(--border-dark);color:var(--text-light)}.price-currency{background:var(--bg-dark)}.price-quick-btn,.discount-btn,.store-checkbox,.filters-actions{background:var(--bg-darker);border-color:var(--border-dark)}}