/**
 * sensabienproducttabs — workaround Panda responsive.css
 *
 * Bug: themes/panda/assets/css/responsive.css aplica
 *   .tab-pane { display: block; border-bottom: 1px solid #e5e5e5 }
 * sin media query, sobrescribiendo la regla correcta de theme.css:
 *   .tab-content > .tab-pane { display: none }
 *
 * El JS de Panda togglea .active / .st_open pero NO toca display,
 * por lo que en desktop todos los paneles quedan visibles apilados.
 *
 * Fix: reglas con mayor especificidad + !important, limitadas a
 * .product_info_tabs (zona pestañas de producto) para no impactar
 * otros usos de .tab-pane (cuenta, checkout, etc.).
 *
 * Mobile (<=767px): Panda usa modo accordion con .st_open en
 * .tab-pane-body — NO se toca, comportamiento correcto.
 */

@media (min-width: 768px) {
    .product_info_tabs .tab-content > .tab-pane {
        display: none !important;
    }
    .product_info_tabs .tab-content > .tab-pane.active {
        display: block !important;
    }
}