:root{
  --mm-primary:#3a3972;
  --mm-secondary:#e69130;
  --mm-text:#111827;
  --mm-muted:#6b7280;
  --mm-bg:#ffffff;
  --mm-surface:#f8fafc;
  --mm-border:rgba(17,24,39,.12);
  --mm-radius:16px;
}

/* ===== Toolbar ===== */
.mm-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--mm-border);margin-bottom:12px}
.mm-toolbar__right{display:flex;gap:10px;align-items:center}
.mm-open-drawer{
  display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--mm-border);
  border-radius:10px;background:#fff;text-decoration:none;font-weight:600;color:var(--mm-primary)
}
.mm-open-drawer__icon{display:inline-flex}
.mm-sort select{padding:10px 12px;border:1px solid var(--mm-border);border-radius:10px;background:#fff}
.mm-count{color:#707784;font-weight:600}
.mm-chipbar{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.mm-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;background:#f6f7fb;border:1px solid var(--mm-border);color:var(--mm-primary);font-weight:700}
.mm-chip i{font-style:normal;opacity:.6}

/* ===== Grid ===== */
.mm-grid{--mm-cols:4;display:grid;gap:18px;grid-template-columns:repeat(var(--mm-cols),minmax(0,1fr))}
@media (max-width:980px){.mm-grid{gap:16px}}
@media (max-width:767px){.mm-grid{gap:12px}}

/* ===== Card ===== */
.mm-card{background:#fff;border:1px solid var(--mm-border);border-radius:var(--mm-radius);overflow:hidden;box-shadow:0 4px 18px rgba(0,0,0,.06);display:flex;flex-direction:column}
.mm-card__media{position:relative;display:block;overflow:hidden;aspect-ratio:4/3;background:#f3f4f6}
.mm-carousel, .mm-carousel__track, .mm-carousel__slide{height:100%}
.mm-carousel__track{display:flex;overflow:hidden;scroll-snap-type:x mandatory;align-items:stretch}
.mm-carousel__slide{flex:0 0 100%;scroll-snap-align:center;display:flex}
.mm-card__img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block;image-rendering:auto}
.mm-carousel__nav{
  position:absolute;top:50%;transform:translateY(-50%) scale(.96);
  background:rgba(255,255,255,.85);backdrop-filter:saturate(160%) blur(6px);
  border:1px solid rgba(58,57,114,.15); width:36px;height:36px;border-radius:99999px!important;
  display:grid;place-items:center;font-size:20px;color:var(--mm-primary);
  cursor:pointer;box-shadow:0 2px 10px rgba(17,24,39,.12);
  transition:opacity .18s,transform .18s,box-shadow .18s,border-color .18s
}
.mm-carousel__nav.is-prev{left:8px} .mm-carousel__nav.is-next{right:8px}
@media (hover:hover){
  .mm-card__media .mm-carousel__nav{opacity:0;pointer-events:none}
  .mm-card__media:hover .mm-carousel__nav{opacity:1;pointer-events:auto;transform:translateY(-50%) scale(1)}
}
.mm-carousel__nav:hover{box-shadow:0 6px 16px rgba(58,57,114,.2);border-color:rgba(58,57,114,.25)}
.mm-carousel__nav:focus{outline:none}
.mm-carousel__nav:focus-visible{outline:2px solid rgba(58,57,114,.4);outline-offset:2px}
.mm-dots{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);display:flex;gap:6px;padding:4px 8px;border-radius:14px;background:rgba(255,255,255,.75);backdrop-filter:blur(5px);box-shadow:0 2px 8px rgba(17,24,39,.1)}
.mm-dot{width:6px;height:6px;border-radius:999px;background:rgba(0,0,0,.25);cursor:pointer}
.mm-dot.is-active{background:var(--mm-primary)}
.mm-card__body{padding:14px;display:flex;flex-direction:column;gap:10px}
.mm-card__title{margin:0}
.mm-card__title a{color:#3a3972;font-weight:700;text-decoration:none;font-size:clamp(1rem,.98rem + .25vw,1.15rem);line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mm-card__title a:hover{text-decoration:underline}
.mm-card__price{color:#e69130;font-weight:400;display:flex;flex-wrap:wrap;gap:6px;align-items:baseline;font-size:clamp(.98rem,.96rem + .18vw,1.06rem);line-height:1.2;letter-spacing:.005em}
.mm-card__price .woocommerce-Price-amount{color:#e69130;font-weight:400}
.mm-card__unit{color:#3a3972;font-weight:500}
.mm-card__vat{color:#e69130;font-weight:400;font-size:.95em}
.mm-card__btn{display:inline-block;text-align:center;padding:10px 12px;border-radius:10px;background:#3a3972;color:#fff;text-decoration:none;font-weight:800;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}
@media (hover:hover){.mm-card__btn:hover{filter:brightness(1.05);box-shadow:0 6px 18px rgba(58,57,114,.25);transform:translateY(-1px)}}

/* ===== Drawer ===== */
.mm-fh{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}
.mm-fh__title{margin:0;color:var(--mm-primary);font-size:22px;font-weight:800}
.mm-accordion__head{
  width:100%;display:flex;justify-content:space-between;align-items:center;gap:8px;
  padding:14px 2px;background:transparent;border:0;cursor:pointer;font-weight:600;color:var(--mm-primary);text-align:left
}
.mm-accordion__chev{transform:rotate(90deg);transition:transform .2s}
.mm-accordion.is-open .mm-accordion__chev{transform:rotate(-90deg)}
.mm-accordion__body{display:none;padding:0 2px 12px}
.mm-accordion.is-open .mm-accordion__body{display:block}

/* Campos UI */
.mm-input,.mm-select{width:100%;padding:10px 12px;border:1px solid var(--mm-border);border-radius:10px;background:#fff}
.mm-field{display:flex;flex-direction:column;gap:6px}
.mm-field--inline{flex-direction:row;align-items:center}
.mm-field__label{color:#000;min-width:84px}

/* Facetas */
.mm-options{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:8px}
.mm-opt{position:relative;display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--mm-border);border-radius:12px;background:#fff;cursor:pointer;user-select:none}
.mm-opt__chk{position:absolute;opacity:0;pointer-events:none}
.mm-opt__box{width:18px;height:18px;border:2px solid var(--mm-primary);border-radius:4px;display:inline-block}
.mm-opt__chk:checked + .mm-opt__box{background:var(--mm-primary);box-shadow:inset 0 0 0 3px #fff}
.mm-opt__label{flex:1;line-height:1.2}
.mm-opt__count{opacity:.65;font-size:12px}
.mm-opt--hidden{display:none!important}
.mm-opt--disabled{opacity:.5;cursor:not-allowed}
.mm-opt--disabled .mm-opt__box{border-color:#cfd4dc}

/* ===== Precio bonito ===== */
.mm-price-range{display:flex;flex-direction:column;gap:10px}
.mm-price-range__labels{display:flex;justify-content:space-between;gap:10px;align-items:center;color:#6b7280}
.mm-price-range__track{position:relative;height:28px}
.mm-range{
  position:absolute;left:0;right:0;top:0;bottom:0;margin:0;width:100%;height:28px;
  background:transparent;pointer-events:all;-webkit-appearance:none;appearance:none;
  z-index:1;
}
.mm-range.is-active{z-index:3;}
.mm-range::-webkit-slider-runnable-track{height:8px;background:transparent}
.mm-range::-moz-range-track{height:8px;background:transparent}
.mm-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:999px;background:#e69130;border:0;box-shadow:0 0 0 2px #fff;position:relative;margin-top:-5px}
.mm-range::-moz-range-thumb{width:18px;height:18px;border-radius:999px;background:#e69130;border:0;box-shadow:0 0 0 2px #fff}
.mm-range__track{position:absolute;left:0;right:0;top:10px;height:8px;border-radius:999px;background:linear-gradient(90deg,#f2dfc8,#f2dfc8)}
.mm-range__fill{position:absolute;top:10px;height:8px;border-radius:999px;background:#e9b47a;left:0;width:100%}
.mm-btn--ghost{background:#f5f6fb;color:#444;border:1px solid var(--mm-border);border-radius:10px;padding:8px 10px;font-weight:700}

/* Acciones footer */
.mm-no-scroll{overflow:hidden}
.mm-drawer{position:fixed;inset:0;z-index:9999;pointer-events:none}
.mm-drawer__overlay{position:absolute;inset:0;background:rgba(17,24,39,.45);opacity:0;transition:opacity .2s}
.mm-drawer__panel{
  position:absolute;right:0;top:0;bottom:0;width:min(92vw,420px);
  background:#fff;border-left:1px solid var(--mm-border);box-shadow:-10px 0 30px rgba(17,24,39,.18);
  transform:translateX(100%);transition:transform .25s;display:flex;flex-direction:column;overflow:auto;padding:16px 18px
}
.mm-filters{display:flex;flex-direction:column;min-height:100%}
.mm-actions{
  margin-top:auto;position:sticky;bottom:0;background:#fff;padding:16px 14px;display:flex;justify-content:flex-start;gap:12px;
  border-top:1px solid var(--mm-border);box-shadow:0 -6px 18px rgba(17,24,39,.08)
}
.mm-link{color:#6b7280;text-decoration:none;font-weight:600}
.mm-btn{appearance:none;border:0;padding:12px 16px;border-radius:12px;font-weight:800;cursor:pointer}
.mm-btn--primary{background:#3a3972;color:#fff}

/* Ocultar botón “Aplicar” (modo instantáneo) */
.mm-actions .mm-btn--primary{display:none}

.mm-drawer.is-open{pointer-events:auto}
.mm-drawer.is-open .mm-drawer__overlay{opacity:1}
.mm-drawer.is-open .mm-drawer__panel{transform:translateX(0)}
.mm-icon-btn{appearance:none;border:0;background:transparent;cursor:pointer}
.mm-drawer__close{color:#3a3972;font-size:20px;line-height:1;padding:6px;border-radius:8px}
.mm-drawer__close:hover{background:#f5f6fb}

/* Paginación */
.mm-pagination{display:flex;gap:10px;justify-content:center;margin-top:16px}
.mm-pagination .mm-page{
  min-width:38px;height:38px;padding:0 10px;display:grid;place-items:center;border-radius:12px;background:#fff;color:#111827;
  border:1px solid var(--mm-border);text-decoration:none;box-shadow:0 2px 8px rgba(0,0,0,.06);
  transition:transform .1s ease,box-shadow .1s ease,color .1s ease,border-color .1s ease,background .1s ease
}
.mm-pagination .mm-page:hover{border-color:var(--mm-primary);color:var(--mm-primary);box-shadow:0 3px 10px rgba(58,57,114,.12)}
.mm-pagination .mm-page.current{background:#3a3972;color:#fff;border-color:#3a3972;box-shadow:0 6px 16px rgba(58,57,114,.25)}
.mm-pagination .disabled{opacity:.5;pointer-events:none}
.mm-pagination .mm-page:focus{outline:none}
.mm-pagination .mm-page:focus-visible{outline:2px solid rgba(58,57,114,.35);outline-offset:2px}

/* Loading */
.mm-loading [data-mm-results]{opacity:.5}

/* Valoraciones */
.mm-rating{display:flex;align-items:center;gap:8px}
.mm-stars{position:relative;display:inline-block;line-height:1;font-size:16px}
.mm-stars__bg{color:#b8bdc7;opacity:.85}
.mm-stars__fg{position:absolute;left:0;top:0;white-space:nowrap;overflow:hidden;color:var(--mm-secondary)}
.mm-rating__count{font-size:.9rem;color:#6b7280}

/* ===== Drawer a pantalla completa en móvil ===== */
@media (max-width: 767px){
  .mm-drawer__panel{
    left:0;
    right:0;
    width:100%;       /* 100%, no px ni vw */
    max-width:100%;
    height:100%;
    border-left:0;
    border-radius:0;
  }
}