.all-products-page{background-color:var(--background);min-height:100vh;padding:0 0 2rem}.products-header{color:#fff;text-align:center;background:linear-gradient(135deg,#2067ff 0%,#1a4fb8 100%);justify-content:center;align-items:center;gap:2rem;min-height:340px;margin-bottom:2rem;padding:5rem 2rem;display:flex;position:relative;overflow:hidden}.header-bg-left,.header-bg-right{opacity:.8;pointer-events:none;border-radius:15px;position:absolute;top:58%;overflow:hidden;transform:translateY(-50%)}.header-bg-left{max-width:150px;height:150px;top:35%;left:15%;transform:rotate(-15deg)}.header-bg-right{max-width:150px;height:150px;top:35%;right:15%;transform:rotate(15deg)}.header-bg-left img,.header-bg-right img{width:100%;height:auto;display:block}.header-content{z-index:2;max-width:600px;position:relative}.header-content h1{letter-spacing:-.5px;margin:0 0 .5rem;font-size:3rem;font-weight:700}.header-content p{opacity:.9;margin:0;font-size:1.1rem;font-weight:400}.products-search-container{max-width:90%;margin:0 auto 2rem;padding:0 1rem}.products-search-input{border:1px solid #e5e7eb;border-radius:.75rem;width:100%;max-width:100%;padding:.875rem 1.25rem;font-family:inherit;font-size:1rem;transition:all .3s;box-shadow:0 0 0 3px #2067ff1a}.products-search-input:focus{border-color:#2067ff;outline:none;box-shadow:0 0 0 3px #2067ff26}.products-container{grid-template-columns:280px 1fr;gap:2rem;max-width:90%;margin:0 auto;padding:0 0;display:grid}.products-filters{border-radius:.75rem;height:fit-content;padding:1.5rem;position:sticky;top:100px;box-shadow:0 0 0 3px #2067ff1a}.filter-section{margin-bottom:2rem}.filter-section:last-child{margin-bottom:0}.filter-section h3{color:#1f2937;text-transform:uppercase;letter-spacing:.5px;margin:0 0 1rem;font-size:.95rem;font-weight:700}.filter-options{scrollbar-width:none;flex-direction:column;gap:.5rem;max-height:300px;display:flex;overflow-y:auto}.filter-options::-webkit-scrollbar{display:none}.filter-checkbox{cursor:pointer;color:#6b7280;align-items:center;gap:.75rem;padding:.5rem;font-size:.9rem;transition:all .2s;display:flex}.filter-checkbox:hover{background-color:#f3f4f6;border-radius:.4rem}.filter-checkbox input{cursor:pointer;accent-color:#2067ff;width:16px;height:16px}.products-main{background:var(--background);border-radius:.75rem;flex-direction:column;align-items:start;padding:0 2rem;display:flex}.products-info{border-bottom:1px solid #e5e7eb;margin-bottom:1.5rem;padding-bottom:1rem}.products-count{background-color:var(--blue);color:#fff;border-radius:5rem;margin:0;padding:.7rem 1rem;font-size:.9rem;font-weight:500}.products-grid{grid-template-columns:1fr 1fr 1fr;gap:1.5rem;width:100%;margin-bottom:2rem;display:grid}.products-loading,.products-error,.products-empty{text-align:center;color:#6b7280;padding:3rem 1rem}.spinner{border:4px solid #e5e7eb;border-top-color:#2067ff;border-radius:50%;width:40px;height:40px;margin:0 auto 1rem;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.pagination{flex-wrap:wrap;justify-content:start;align-items:start;gap:.5rem;margin-top:0;display:flex}.pagination-btn{color:#fff;cursor:pointer;background-color:#2067ff;border:none;border-radius:.375rem;padding:.625rem 1rem;font-size:.9rem;font-weight:600;transition:background-color .2s}.pagination-btn:hover:not(:disabled){background-color:#1a52cc}.pagination-btn:disabled{cursor:not-allowed;background-color:#d1d5db}.pagination-numbers{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.pagination-number{color:#6b7280;cursor:pointer;background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;width:2.5rem;height:2.5rem;font-weight:600;transition:all .2s}.pagination-number:hover{color:#2067ff;border-color:#2067ff}.pagination-number.active{color:#fff;background-color:#2067ff;border-color:#2067ff}.mobile-filter-button-container{z-index:40;display:none;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.mobile-filter-button{color:#fff;cursor:pointer;background-color:#2067ff;border:none;border-radius:50px;align-items:center;gap:8px;padding:12px 24px;font-size:16px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 12px #2067ff4d}.mobile-filter-button:hover{background-color:#1a52cc;transform:translate(-50%)translateY(-2px);box-shadow:0 6px 16px #2067ff66}.mobile-filter-overlay{z-index:50;background-color:#00000080;animation:.3s fadeIn;display:none;position:fixed;inset:0}.mobile-filter-modal{z-index:51;background:#fff;border-radius:20px 20px 0 0;flex-direction:column;height:50vh;animation:.3s slideUp;display:flex;position:fixed;bottom:0;left:0;right:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mobile-filter-header{border-bottom:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.mobile-filter-header h2{color:#1f2937;margin:0;font-size:1.25rem;font-weight:700}.mobile-filter-close{cursor:pointer;color:#6b7280;background:0 0;border:none;font-size:1.5rem;transition:color .2s}.mobile-filter-close:hover{color:#1f2937}.mobile-filter-content{flex-direction:column;flex:1;gap:1.5rem;padding:1.5rem;display:flex;overflow-y:auto}@media (max-width:1024px){.products-container{grid-template-columns:1fr}.products-filters{position:static}.products-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.header-bg-left,.header-bg-right{max-width:120px}}@media (max-width:768px){.products-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.header-content h1{font-size:1.75rem}.header-content p{font-size:1rem}.products-container{gap:1rem;padding:0 0}.products-main{padding:0}.products-filters{display:none;position:static}.mobile-filter-button-container,.mobile-filter-overlay{display:block}.header-bg-left,.header-bg-right{display:none}.products-search-input{padding:.75rem 1rem;font-size:.95rem}}@media (max-width:480px){.products-header{min-height:250px;padding:3rem 1rem}.header-content h1{font-size:1.5rem}.header-content p{font-size:.9rem}.products-grid,.products-container{grid-template-columns:1fr}.products-filters{margin-bottom:1rem}.mobile-filter-modal{height:60vh}.mobile-filter-content{gap:1rem}.filter-options{max-height:100%}.products-search-container{max-width:100%;margin:0 auto 1.5rem;padding:0 1rem}}