.shop-container{padding:20px;display:grid;grid-template-columns:320px 1fr;gap:20px}#shop-heading{grid-column:1 / -1;font-size:32px;color:var(--secondary-color);margin-bottom:30px;padding-bottom:15px;border-bottom:2px solid var(--border-color);text-align:center;font-weight:600}.filter-sidebar{background:#fff;padding:15px;border-radius:12px;box-shadow:0 4px 20px #00000014;height:fit-content;position:sticky;top:20px}.filter-section{margin-bottom:10px}.filter-section:last-child{margin-bottom:0}.filter-title{font-size:15px;font-weight:600;color:var(--primary-color);margin-bottom:10px;padding-bottom:10px;border-bottom:2px solid var(--primary-color);text-transform:uppercase;letter-spacing:.5px}.filter-options{display:flex;flex-direction:column;gap:0px}.filter-option{display:flex;align-items:center;gap:7px;padding:2px 5px;border-radius:8px;cursor:pointer;transition:all .3s ease;border:1px solid transparent;margin:3px}.filter-options .filter-option:first-child{margin-bottom:5px;padding:5px}.filter-option:hover{background:#fff5f2;border-color:var(--primary-color)}.filter-option.active{background:var(--primary-color);color:#fff}.filter-checkbox{width:18px;height:18px;border:2px solid #ddd;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;position:relative}.filter-option.active .filter-checkbox{background:#fff;border-color:#fff}.brand-logo-filter{width:16px;height:16px;object-fit:contain;border-radius:3px;margin-right:4px;vertical-align:middle}.filter-option.active .filter-checkbox:after{content:"✓";color:var(--primary-color);font-weight:700;font-size:12px}.filter-label{flex:1;font-size:14px;font-weight:500}.filter-count{background:#f0f0f0;color:#666;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600;min-width:30px;text-align:center}.filter-option.active .filter-count{background:#0000002e;color:#fff}.rating-stars-display{display:flex;align-items:center;gap:2px}.rating-stars-display .star-icon{flex-shrink:0}.rating-stars-display .star-icon.filled{color:#f59e0b}.rating-stars-display .star-icon.empty{color:#e5e7eb}.rating-text{margin-left:4px;font-size:12px;color:inherit}.filter-option.active .rating-text{color:#fff}.price-range-container{padding:10px 0}.price-range-slider{width:100%;height:6px;border-radius:3px;background:#e0e0e0;outline:none;-webkit-appearance:none;margin:10px 0}.price-range-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--primary-color);cursor:pointer;box-shadow:0 2px 6px #0003}.price-range-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--primary-color);cursor:pointer;border:none;box-shadow:0 2px 6px #0003}.price-range-values{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.price-input{width:80px;padding:8px 12px;border:1px solid #ddd;border-radius:6px;text-align:center;font-size:14px}.price-input:focus{outline:none;border-color:var(--primary-color)}.product-result-right{background:#fff;padding:7px;border-radius:12px;box-shadow:0 4px 20px #00000014}.product-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #eee}.product-count{font-size:16px;color:#666;font-weight:500}.product-controls{display:flex;align-items:center;gap:15px}.clear-filters-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#f8f9fa;color:#666;border:1px solid #ddd;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.clear-filters-btn:hover{background:#e9ecef;color:#333;border-color:#adb5bd}.clear-filters-btn svg{width:14px;height:14px}.selected-filters{display:flex;align-items:center;gap:15px;margin-bottom:20px;padding:15px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.selected-filters-label{font-size:14px;font-weight:600;color:#495057;white-space:nowrap}.selected-filters-tags{display:flex;flex-wrap:wrap;gap:8px}.filter-tag{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--primary-color);color:#fff;border-radius:20px;font-size:12px;font-weight:500;cursor:pointer;transition:all .3s ease;border:none}.filter-tag:hover{background:#e55a2b;transform:translateY(-1px)}.filter-tag .remove-icon{width:12px;height:12px;opacity:.8;transition:opacity .3s ease}.filter-tag:hover .remove-icon{opacity:1}.sort-select{padding:8px 11px;border:2px solid #eee;border-radius:8px;color:#333;outline:none;cursor:pointer;font-size:14px;font-weight:500;background:#fff;transition:all .3s ease}.sort-select:focus{border-color:var(--primary-color)}.category-products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px}.category-product{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px #0000001a;transition:all .3s ease;position:relative}.category-product:hover{transform:translateY(-8px);box-shadow:0 8px 25px #00000026}.category-product .product-image{width:100%;height:280px;object-fit:cover;transition:transform .5s ease}.category-product:hover .product-image{transform:scale(1.05)}.category-product .product-info{padding:20px}.category-product .product-title{font-size:16px;font-weight:600;color:#333;margin-bottom:15px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-align:center}.category-product .product-price{display:flex;gap:12px;align-items:center;justify-content:center;margin-bottom:20px}.category-product .current-price{font-size:20px;font-weight:700;color:var(--primary-color)}.category-product .original-price{font-size:16px;color:#6b7280;text-decoration:line-through}.category-product .add-to-cart{display:block;width:100%;padding:14px;background:linear-gradient(135deg,var(--primary-color),#FF8C42);color:#fff;text-align:center;font-weight:600;text-decoration:none;border-radius:8px;transition:all .3s ease;border:none;cursor:pointer}.category-product .add-to-cart:hover{background:linear-gradient(135deg,#E55A2B,var(--primary-color));transform:translateY(-2px)}.no-products{grid-column:1 / -1;text-align:center;padding:60px 20px;color:#666;font-size:18px;background:#f9f9f9;border-radius:12px}.loading{display:none;text-align:center;padding:40px;color:#666}.loading.show{display:block}.spinner{border:3px solid #f3f3f3;border-top:3px solid var(--primary-color);border-radius:50%;width:30px;height:30px;animation:spin 1s linear infinite;margin:0 auto 15px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mobile-filter-btn{display:none;position:fixed;bottom:20px;right:20px;background:var(--primary-color);color:#fff;width:60px;height:60px;border-radius:50%;justify-content:center;align-items:center;box-shadow:0 4px 20px #ff6b354d;z-index:1000;border:none;cursor:pointer;transition:all .3s ease}.mobile-filter-btn:hover{transform:scale(1.1)}.mobile-filter-btn svg{width:24px;height:24px}@media (max-width: 1200px){.shop-container{grid-template-columns:280px 1fr;gap:20px;padding:15px}}@media (max-width: 992px){.shop-container{grid-template-columns:1fr}.mobile-filter-btn{display:flex}.filter-sidebar{display:none;position:fixed;left:0;bottom:0;width:100%;max-height:85vh;overflow-y:auto;z-index:999;border-radius:20px 20px 0 0;padding-bottom:30px;background:#fff;box-shadow:0 -4px 20px #0000001a}.filter-sidebar.show{display:block;animation:slideUp .3s ease-out forwards}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:998}.overlay.show{display:block}.category-products-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}}@media (max-width: 768px){.category-products-grid{grid-template-columns:repeat(2,1fr);gap:15px}.product-header{flex-direction:column;gap:15px;align-items:stretch}.product-controls{flex-direction:column;gap:10px}.clear-filters-btn{width:100%;justify-content:center}.sort-select{width:100%}.selected-filters{flex-direction:column;align-items:flex-start;gap:10px}.selected-filters-label{font-size:13px}.selected-filters-tags{width:100%}.filter-tag{font-size:11px;padding:5px 10px}}@media (max-width: 576px){.shop-container{padding:0}#shop-heading{font-size:24px;margin-bottom:20px}.category-products-grid{grid-template-columns:repeat(2,1fr);gap:12px}.category-product .product-image{height:200px}.category-product .product-info{padding:15px}.category-product .product-title{font-size:14px;margin-bottom:10px}.category-product .current-price{font-size:16px}.category-product .original-price{font-size:14px}.category-product .add-to-cart{padding:12px;font-size:14px}}.category-hero{position:relative;max-width:1920px;margin:0 auto;height:320px;background-size:cover;background-position:center;display:flex;align-items:center;margin-bottom:2rem}.category-hero-overlay{width:100%;height:100%;background:#1e1e1e73;display:flex;align-items:center;justify-content:center}.category-hero-content{color:#fff;max-width:1340px;padding:1rem 0;text-align:center}.category-hero-content h1{font-size:3rem;font-weight:600;margin-bottom:1rem}.category-hero-content p{font-size:1.2rem;line-height:1.5;margin-bottom:1.5rem}@media only screen and (max-width: 800px){.category-hero-content{padding:1rem}.category-hero-content h1{font-size:1.8rem;margin-bottom:.5rem}.category-hero-content p{font-size:1rem;margin-bottom:1rem}.category-hero{height:auto;min-height:200px}}
