.cat-wrapper{display:grid;grid-template-columns:250px 1fr;gap:20px;padding:20px;max-width:1600px;margin:auto}.cat-filter{background:#fff;padding:20px;border-radius:18px;box-shadow:0 5px 20px rgba(0,0,0,.07);height:fit-content;position:sticky;top:20px}.cat-filter h3{margin-bottom:15px;font-weight:700;font-size:18px}.cat-filter label{font-size:13px;margin-top:10px;display:block}.cat-filter select{width:100%;padding:8px;border-radius:10px;border:1px solid #ccc;margin-top:5px}.cat-products{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.cat-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 3px 12px rgba(0,0,0,.08);transition:all .3s ease;cursor:pointer;opacity:1;transform:translateY(20px)}.cat-card.show{opacity:1;transform:translateY(0)}.cat-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px rgba(0,0,0,.12)}.cat-card img{width:100%;height:200px;object-fit:contain}.cat-card .info{padding:10px;text-align:center}.skeleton-card{height:250px;border-radius:16px;background:hsla(0,0%,100%,.1);backdrop-filter:blur(10px);overflow:hidden;position:relative;margin-bottom:16px}.skeleton-card:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.2) 50%,hsla(0,0%,100%,0));animation:shimmer 1.5s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.view-toggle{background:#9caf88;border:2px solid #9caf88;border-radius:10px;padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s,background .2s,color .2s;color:#d4ffe9;margin-bottom:10px}.view-toggle:hover{background:#4a90e2;color:#fff;transform:scale(1.2)}@media (max-width:768px){.cat-wrapper{grid-template-columns:1fr}.cat-filter{position:relative;top:auto;margin-bottom:20px}.cat-products{grid-template-columns:repeat(2,1fr)!important}.cat-card{width:100%;margin:5px auto}.view-toggle{display:none}}.loading-spinner1{width:100px;height:100px;border:10px solid rgba(0,0,0,.1);border-top-color:#9caf88;border-radius:50%;animation:spin 1s linear infinite;margin:10px auto;right:0;left:0;z-index:11111111}@keyframes spin{to{transform:rotate(1turn)}}.range-slider{-webkit-appearance:none;width:100%;height:6px;background:#dfe6d5;border-radius:4px;outline:none;transition:.3s}.range-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;background:#fff;border:2px solid #9caf88;border-radius:50%;cursor:pointer;transition:.25s}.range-slider::-webkit-slider-thumb:hover{transform:scale(1.2);background:#f7fff2}.range-slider::-webkit-slider-runnable-track{background:#9caf88;height:6px;border-radius:4px}.range-slider::-moz-range-thumb{width:18px;height:18px;background:#fff;border:2px solid #9caf88;border-radius:50%;cursor:pointer;transition:.25s}.range-slider::-moz-range-track{height:6px;background:#9caf88;border-radius:4px}