/* Estilos base (Desktop) */
.mobile-filter-trigger-btn, .lups-sidebar-close, #mobile-sidebar-clone { display: none; }
/* Lógica para Móviles (Breakpoint 991px) */
@media (max-width: 991px) {
    #secondary, #lups-sidebar-wrapper { display: none !important; }
    .mobile-filter-trigger-btn { 
		display: block; padding: 12px; background-color: #f7931e; color: white; border: none; border-radius: 5px; font-size: 16px; font-weight: bold; cursor: pointer; margin-bottom: 20px; }
	
    #mobile-sidebar-clone.is-mobile-clone { display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99998; background-color: rgba(0, 0, 0, 0.0); visibility: hidden; transition: visibility 0.3s, background-color 0.3s; }
    #mobile-sidebar-clone.is-mobile-clone.is-active { visibility: visible; background-color: rgba(0, 0, 0, 0.5); }
    #mobile-sidebar-clone.is-mobile-clone > * { position: absolute; top: 0; left: 0; width: 80%; max-width: 300px; height: 100%; background-color: #fff; box-shadow: 2px 0 15px rgba(0,0,0,0.1); overflow-y: auto; transform: translateX(-100%); transition: transform 0.3s ease-in-out; padding: 20px; }
    #mobile-sidebar-clone.is-mobile-clone.is-active > * { transform: translateX(0); }
    #mobile-sidebar-clone .lups-sidebar-close { display: block; position: absolute; top: 10px; right: 15px; background: none; border: none; font-size: 30px; cursor: pointer; color: #333; line-height: 1; z-index: 99999; }
}