/* ============ FILTROS DE TIENDA REFINADOS ============ */

      /* --- chips de categoria: de pildora de 56px a ficha de 10px --- */
      .o_wsale_filmstrip_item {
        border-radius:10px !important;
        border:1px solid #e7e4f0 !important;
        background:#fff !important;
        padding:.5rem 1rem !important;
        min-height:0 !important;
        font-size:.84rem !important;
        font-weight:600 !important;
        letter-spacing:.01em !important;
        color:#141018 !important;
        /* ⚠️ nowrap: la tira es .o_wsale_filmstrip con align-items:stretch, asi
           que TODOS los chips crecen hasta el mas alto. Como "Salsas, Aderezos y
           Sazonadores" partia en dos lineas, la fila entera quedaba en 58px
           aunque el resto fuera de una linea. Con nowrap ninguno parte y la fila
           baja a ~34px. La tira ya desplaza en horizontal, no se pierde nada. */
        white-space:nowrap !important;
        transition:border-color .15s ease, color .15s ease, box-shadow .15s ease; }
      /* ⚠️ El span de dentro viene display:flex con height:40px CLAVADO, o sea
         dos renglones de 20.16px reservados aunque el texto ocupe uno. Ese era
         el verdadero motivo de los 58px de alto, no el ajuste de linea: poner
         nowrap en el chip no servia de nada mientras el hijo midiera 40px. */
      .o_wsale_filmstrip_item > span {
        display:block !important;
        height:auto !important;
        min-height:0 !important;
        line-height:1.35 !important; }
      /* el div de imagen del chip va vacio (las categorias no tienen foto aqui) */
      .o_wsale_filmstrip_item .o_wsale_filmstrip_image:empty { display:none !important; }

      .o_wsale_filmstrip_link { text-decoration:none !important; }
      .o_wsale_filmstrip_link:hover .o_wsale_filmstrip_item {
        border-color:#490AA0 !important;
        color:#490AA0 !important;
        box-shadow:0 3px 10px rgba(29,23,43,.07) !important; }
      .o_wsale_filmstrip { gap:.5rem !important; }

      /* --- titulos de la barra lateral: etiquetas, no protagonistas --- */
      #products_grid_before .o_categories_collapse_title,
      #products_grid_before .accordion-button,
      #products_grid_before h5, #products_grid_before h6 {
        font-size:.72rem !important;
        font-weight:700 !important;
        text-transform:uppercase !important;
        letter-spacing:.09em !important;
        color:#8b86a0 !important; }

      /* --- enlaces de categoria --- */
      #products_grid_before a {
        font-size:.84rem !important;
        color:#56516b !important;
        text-decoration:none !important;
        transition:color .15s ease; }
      #products_grid_before a:hover { color:#490AA0 !important; }

      /* --- etiquetas de marca --- */
      #products_grid_before .form-check-label {
        font-size:.82rem !important;
        color:#56516b !important; }
      #products_grid_before .form-check-input:checked {
        background-color:#490AA0 !important;
        border-color:#490AA0 !important; }

      /* --- campos: el mismo radio que todo lo demas --- */
      #products_grid_before input.form-control,
      #products_grid_before .o_wsale_attribute_search_bar,
      .products_header input.form-control,
      .products_header .o_searchbar_form input {
        border-radius:10px !important;
        border-color:#e7e4f0 !important;
        font-size:.84rem !important; }

      /* --- Ordenar por --- */
      .products_header .dropdown-toggle,
      .o_sortby_dropdown .dropdown-toggle {
        border-radius:10px !important;
        font-size:.84rem !important; }
      .products_header .dropdown-menu,
      .o_sortby_dropdown .dropdown-menu {
        border-radius:10px !important;
        border:1px solid #e7e4f0 !important;
        box-shadow:0 12px 30px rgba(29,23,43,.13) !important;
        font-size:.84rem !important; }

      @media (max-width: 991.98px) {
        .o_wsale_filmstrip_item {
          padding:.42rem .8rem !important;
          font-size:.78rem !important; }
      }

      @media (prefers-reduced-motion: reduce) {
        .o_wsale_filmstrip_item, #products_grid_before a { transition:none; }
      }