.product-filter{padding:30px 0}.filter-title{color:#184363;align-items:center;margin-bottom:0;margin-right:20px;font-family:Arial;font-size:15px;font-style:normal;font-weight:700;display:flex}.product-skeleton-wrapper{padding:8px 10px}.product-skeleton-item{padding:10px 0}.skeleton-line{background:linear-gradient(90deg,#eee 25%,#f5f5f5 50%,#eee 75%) 0 0/200% 100%;border-radius:6px;width:80%;height:12px;animation:1.2s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.filter-dropdowns{flex-wrap:wrap;align-items:center;gap:30px;display:flex}.mobile-header-row{display:none}.product-dropdown-container{flex:none;min-width:250px;position:relative;overflow:visible}.desktop-clear-btn{color:#333;cursor:pointer;background:#edf4f6;border:1px solid #edf4f6;border-radius:40px;padding:8px 18px;font-size:14px;font-weight:500;transition:all .2s}.desktop-clear-btn:hover{background:#ddebef}.product-dropdown-button{cursor:pointer;color:#333;background:#edf4f6;border:1px solid #edf4f6;border-radius:40px;justify-content:space-between;align-items:center;width:100%;padding:8px 12px;font-size:14px;transition:background-color .2s;display:flex}.product-dropdown-button:hover{background-color:#ddebef}.product-dropdown-icon{color:#4d4d4d;transition:transform .2s}.product-dropdown-icon.open{transform:rotate(180deg)}.product-dropdown-menu{z-index:9999;background-color:#fff;border:1px solid #e0e0e0;border-radius:10px;max-height:150px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #0000001a;visibility:visible!important;display:block!important}.product-dropdown-item{cursor:pointer;color:#263238;border-bottom:1px solid #e0e0e0;margin:5px 10px;padding:12px 16px;font-family:Arial;font-size:14px;transition:background-color .2s}.product-dropdown-item:last-child{border-bottom:none}.product-dropdown-item:hover,.product-dropdown-item.selected{background-color:#edf4f6}.product-dropdown-item.disabled{color:#999;cursor:not-allowed;background-color:#0000}.product-dropdown-item.disabled:hover{background-color:#0000}@media (max-width:1024px){.product-dropdown-container,.product-dropdown-button{width:200px;min-width:200px;padding:6px 12px}.product-filter{padding:20px}.filter-title{font-size:14px}.filter-dropdowns{gap:10px}}@media (max-width:767px){.mobile-header-row{justify-content:space-between;align-items:center;padding:15px;display:flex}.mobile-header-row .section-title{margin:0;font-size:18px}.mobile-header-row .product-filter{margin:0;padding:0}.filter-toggle-btn{color:#fff;cursor:pointer;background:#184363;border:none;border-radius:25px;align-items:center;gap:8px;margin-left:auto;padding:12px 20px;font-size:14px;font-weight:500;transition:all .3s;display:flex;box-shadow:0 2px 8px #18436333}.filter-toggle-btn:hover{background:#0f2d44;transform:translateY(-1px);box-shadow:0 4px 12px #1843634d}.filter-icon{font-size:16px}.filter-count{color:#fff;background:#08b65d;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;margin-left:4px;font-size:11px;font-weight:700;display:flex}.mobile-filter-backdrop{z-index:9999;background:#00000080;animation:.3s fadeIn;position:fixed;inset:0}.mobile-filter-panel{z-index:10000;background:#fff;border-radius:40px 40px 0 0;max-height:85vh;animation:.3s slideUp;position:fixed;bottom:0;left:0;right:0;overflow:hidden;box-shadow:0 -4px 20px #00000026}.mobile-filter-header{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:20px 20px 15px;display:flex}.mobile-filter-title{color:#184363;margin:0;font-size:18px;font-weight:600}.mobile-filter-close{color:#666;cursor:pointer;background:0 0;border:none;border-radius:50%;padding:5px;font-size:20px;transition:all .2s}.mobile-filter-close:hover{color:#333;background:#f5f5f5}.mobile-filter-content{max-height:calc(85vh - 140px);padding:20px;overflow-y:auto}.filter-section{margin-bottom:25px}.filter-section:last-child{margin-bottom:0}.filter-section-title{color:#184363;margin:0 0 15px;font-size:16px;font-weight:600}.filter-options{flex-direction:column;gap:12px;display:flex}.filter-option{cursor:pointer;border-bottom:1px solid #e0e0e0;align-items:center;gap:12px;padding:12px 16px;transition:all .2s;display:flex}.filter-option:last-child{border-bottom:none;margin-bottom:0}.filter-option:hover,.filter-option.selected{background-color:#edf4f6}.filter-option input[type=radio],.filter-option input[type=checkbox]{accent-color:#184363;cursor:pointer;width:18px;height:18px}.filter-option input[type=radio]:disabled{accent-color:#ccc;cursor:not-allowed}.filter-option-text{color:#333;-webkit-user-select:none;user-select:none;font-size:14px}.filter-option input[type=radio]:disabled+.filter-option-text{color:#999}.filter-option-text.disabled{color:#999;font-style:italic}.mobile-filter-footer{background:#fff;border-top:1px solid #f0f0f0;gap:12px;padding:20px;display:flex}.clear-btn,.apply-btn{cursor:pointer;border:none;border-radius:40px;flex:1;padding:14px 20px;font-size:14px;font-weight:600;transition:all .2s}.clear-btn{color:#666;background:#f0f0f0}.clear-btn:hover{background:#e0e0e0}.apply-btn{color:#fff;background:#184363}.apply-btn:hover{background:#0f2d44;transform:translateY(-1px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}}