.mobile-filter-modal{position:fixed;top:0;right:0;width:100%;height:100%;background:#fff;z-index:1050;transform:translateY(100%);transition:transform 0.3s ease-in-out;overflow-y:auto;border-radius:1rem 1rem 0 0;box-shadow:0 -5px 15px rgb(0 0 0 / .1)}.mobile-filter-modal.active{transform:translateY(0%)}.filter-chip{display:inline-block;border:1px solid #ccc;border-radius:999px;padding:6px 12px;font-size:.875rem;cursor:pointer;background:#f9f9f9;transition:all 0.2s ease-in-out}.filter-chip input{display:none}.filter-chip:has(input:checked){background:#007bff;color:#fff;border-color:#007bff}.filter-radio{display:inline-block;border:1px solid #ccc;border-radius:10px;padding:6px 16px;cursor:pointer;background:#f1f1f1;transition:all 0.2s}.filter-radio input{display:none}.filter-radio:has(input:checked){background:#007bff;color:#fff;border-color:#007bff}.shadow-top{box-shadow:0 -2px 10px rgb(0 0 0 / .08)}@media (min-width:992px){.mobile-filter-modal{display:none}}.payment-info{background:#f8f9fa;border-left:4px solid #007bff;padding:15px;border-radius:8px;margin:15px 0}.insufficient-balance{background:#fff3cd;border-left:4px solid #ffc107;color:#856404}.sufficient-balance{background:#d4edda;border-left:4px solid #28a745;color:#155724}@media (min-width:992px){.mobile-filter-modal{display:none}}