/** Shopify CDN: Minification failed

Line 282:0 Expected "}" to go with "{"

**/
/* ==========================================================
   ECO-ONE | Filtros custom (REEMPLAZA TODO tu CSS de filtros)
   - Precio por unidad: slider + histograma
   - Mililitros: lista tipo checkbox (selección única)
   ========================================================== */

/* -----------------------------
   BASE CARD (ambos filtros)
----------------------------- */
.ecoone-facets [data-eco-unit-filter],
.ecoone-facets [data-eco-ml-filter]{
  border: 1px solid rgba(0,0,0,.12);
  border-radius: 10px;
  background: #fff;
  padding: 10px 12px;
  margin-bottom: 14px;
  overflow: hidden;
  box-sizing: border-box;
  width: 100%;
}



/* -----------------------------
   PRECIO POR UNIDAD (slider)
----------------------------- */

/* Histograma */
.ecoone-facets [data-eco-unit-filter] #ecoUnitHist{
  height: 50px;
  display: flex;
  align-items: flex-end;
  gap: 12px;
  margin: 10px 0 10px;
}
.ecoone-facets [data-eco-unit-filter] #ecoUnitHist > span{
  flex: 1 1 0;
  display: block;
  background: #cfcfcf;
  min-height: 10px;
}

/* Slider: área clic + track */
.ecoone-facets [data-eco-unit-filter] #ecoUnitRange{
  --p: 100%;
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 22px;      /* área clic */
  margin: 0;
  outline: none;
  background: transparent !important;
}

/* Track (Chrome/Safari/Edge) */
.ecoone-facets [data-eco-unit-filter] #ecoUnitRange::-webkit-slider-runnable-track{
  height: 3px;
  border-radius: 999px;
  background: linear-gradient(
    to right,
    #111 0 var(--p),
    #d6d6d6 var(--p) 100%
  ) !important;
}

/* Track (Firefox) */
.ecoone-facets [data-eco-unit-filter] #ecoUnitRange::-moz-range-track{
  height: 3px;
  border-radius: 999px;
  background: #d6d6d6 !important;
}
.ecoone-facets [data-eco-unit-filter] #ecoUnitRange::-moz-range-progress{
  height: 3px;
  border-radius: 999px;
  background: #111 !important;
}

/* Thumb */
.ecoone-facets [data-eco-unit-filter] #ecoUnitRange::-webkit-slider-thumb{
  -webkit-appearance: none;
  appearance: none;
  width: 12px;
  height: 12px;
  border-radius: 999px;
  background: #111;
  border: 2px solid #fff;
  margin-top: -4.5px;
}
.ecoone-facets [data-eco-unit-filter] #ecoUnitRange::-moz-range-thumb{
  width: 12px;
  height: 12px;
  border-radius: 999px;
  background: #111;
  border: 2px solid #fff;
}

/* Labels min/max */
.ecoone-facets [data-eco-unit-filter] .eco-range__labels{
  display: flex;
  justify-content: space-between;
  margin-top: 14px;
  font-size: 14px;
  opacity: .9;
}

.ecoone-facets [data-eco-unit-filter] #ecoUnitVal{ display: none !important; }
.ecoone-facets [data-eco-unit-filter] #ecoUnitReset,
.ecoone-facets [data-eco-unit-filter] #ecoUnitHint{ display: none !important; }


.ecoone-facets [data-eco-ml-filter] [data-eco-ml-list]{
  display: grid;
  gap: 10px;
  padding: 2px 0 0;
}

.ecoone-facets [data-eco-ml-filter] .eco-ml-row{
  display: grid;
  grid-template-columns: 18px 1fr;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  user-select: none;
}

.ecoone-facets [data-eco-ml-filter] .eco-ml-radio{
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
  pointer-events: none;
}

.ecoone-facets [data-eco-ml-filter] .eco-ml-box{
  width: 14px;
  height: 14px;
  border-radius: 3px;
  border: 1px solid rgba(0,0,0,.25);
  background: #fff;
  box-sizing: border-box;
  display: inline-block;
}

/* Texto */
.ecoone-facets [data-eco-ml-filter] .eco-ml-text{
  font-size: 13px;
  line-height: 1.2;
  opacity: .65;
}

/* Seleccionado */
.ecoone-facets [data-eco-ml-filter] .eco-ml-radio:checked + .eco-ml-box{
  background: #111;
  border-color: #111;
}
.ecoone-facets [data-eco-ml-filter] .eco-ml-radio:checked + .eco-ml-box::after{
  content: "";
  display: block;
  width: 6px;
  height: 3px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(-45deg);
  margin: 4px 0 0 3px;
}

/* Hover suave */
.ecoone-facets [data-eco-ml-filter] .eco-ml-row:hover .eco-ml-text{
  opacity: .85;
}


.ecoone-facets [data-eco-ml-filter] [data-eco-ml-reset]{
  margin-top: 10px;
  background: none;
  border: 0;
  padding: 0;
  font-size: 13px;
  cursor: pointer;
  opacity: .6;
  text-decoration: underline;
}
.ecoone-facets [data-eco-ml-filter] [data-eco-ml-reset]:hover{
  opacity: .9;
}

/* ✅ Ocultar “Restablecer” SOLO en CANTIDAD EN MILILITROS */
.ecoone-facets [data-eco-liters-filter] #ecoLitReset,
.ecoone-facets [data-eco-liters-filter] .eco-btn-link#ecoLitReset,
.ecoone-facets [data-eco-liters-filter] button[id="ecoLitReset"]{
  display:none !important;
}

/* ✅ Asegurar mismo tamaño/ancho de card que las otras */
.ecoone-facets [data-eco-unit-filter],
.ecoone-facets [data-eco-liters-filter],
.ecoone-facets details.facets__disclosure-vertical{
  width: 100% !important;
  max-width: 280px !important; /* el ancho de tu sidebar */
  box-sizing: border-box !important;
}

/* ================================
   ECO — MILILITROS (NUEVO BLOQUE)
   Target directo: <div class="eco-card eco-card--ml" data-eco-ml-filter>
   ================================ */

/* Card */
[data-eco-ml-filter].eco-card,
.eco-card[data-eco-ml-filter],
[data-eco-ml-filter]{
  border: 1px solid rgba(0,0,0,.12) !important;
  border-radius: 14px !important;
  background: #fff !important;
  padding: 18px !important;
  margin-bottom: 14px !important;
  box-shadow: none !important;

  width: 100% !important;      /* ocupa el ancho del sidebar */
  max-width: 100% !important;  /* NO lo limites acá */
  box-sizing: border-box !important;
}

/* titulo */
[data-eco-ml-filter] .eco-card__title{
  font-family: "Montserrat", sans-serif !important;
  font-weight: 300 !important;
  font-size: 12px !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  opacity: .75 !important;
  margin: 0 0 12px 0 !important;
  line-height: 1.2 !important;
}

/* Ocultar “Restablecer” (todas las variantes) */
[data-eco-ml-filter] [data-eco-ml-reset],
[data-eco-ml-filter] #ecoLitReset,
[data-eco-ml-filter] .eco-btn-link{
  display: none !important;
}

/* Lista */
[data-eco-ml-filter] .eco-ml-list{
  margin-top: 4px !important;
}

.ecoone-facets [data-eco-ml-filter],
[data-eco-ml-filter]{
  border: 1px solid rgba(0,0,0,.12) !important;
  border-radius: 14px !important;
  background: #fff !important;
  padding: 16px !important;
  margin-bottom: 14px !important;
  box-sizing: border-box !important;

  width: 90% !important;
  max-width: 360px !important; 

[data-eco-ml-filter] .eco-card__title{
  font-family: "Montserrat", sans-serif !important;
  font-weight: 300 !important;
  font-size: 12px !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  margin: 0 0 12px 0 !important;
}

[data-eco-ml-filter] [data-eco-ml-reset]{
  display: none !important;
}

[data-eco-ml-filter] .eco-ml-list{
  margin-top: 6px !important;
}