.catalog-page{--primary-soft: rgba(13, 110, 253, .08);--transition-speed: .25s;--border-color: rgba(0, 0, 0, .08)}.pointer{cursor:pointer}.category-scroll-container{display:flex;overflow-x:auto;gap:1.2rem;padding:10px 5px;scrollbar-width:none;-ms-overflow-style:none}.category-scroll-container::-webkit-scrollbar{display:none}.category-circle-item{flex:0 0 auto;text-align:center;width:85px;text-decoration:none}.category-circle-item .img-wrapper{width:70px;height:70px;background:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto 8px;border:1px solid var(--border-color);transition:var(--transition-speed);overflow:hidden}.category-circle-item.active .img-wrapper{border:2px solid var(--bs-primary);box-shadow:0 0 0 3px var(--primary-soft)}.category-circle-item span{font-size:13px;font-weight:600;color:#333;display:block}.color-swatch{width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;border:2px solid #fff;box-shadow:0 0 0 1px #dee2e6;transition:transform .2s ease}.color-swatch i{display:none;color:#fff;font-size:12px;text-shadow:0 0 2px rgba(0,0,0,.5)}.btn-check:checked+.color-swatch{box-shadow:0 0 0 2px var(--bs-primary)!important}.btn-check:checked+.color-swatch i{display:block!important}.btn-check:checked+.btn-outline-dark{background-color:var(--bs-primary)!important;border-color:var(--bs-primary)!important;color:#fff!important}.sort-dropdown .btn{background:#fff;border:1px solid #eee;padding:8px 20px;border-radius:50px;font-size:14px;font-weight:500}.filter-reset-btn{color:#666;background:#f8f9fa;border:1px solid #ddd;padding:8px 16px;border-radius:4px;font-size:14px}.filter-reset-btn:hover{background:#e2e6ea;color:#dc3545}@media(max-width:768px){.desktop-filters{display:none}.mobile-filter-btn-wrapper{display:block}.offcanvas-body .filter-section{padding:1.25rem 1.5rem}}@media(min-width:769px){.mobile-filter-btn-wrapper{display:none}.desktop-filters{position:sticky;top:20px}}