.zf-mvc-wrap{
  --zf-accent:#0b5ed7;
  --zf-bg:#fff;
  --zf-card-bg:#fff;
  position:relative;
  background:var(--zf-bg);
  padding:8px 0 18px;
  width:100%;
  overflow:hidden;
}

/* Flechas flotantes: no ocupan una fila ni dejan espacio de título */
.zf-mvc-arrows{position:absolute;inset:0;pointer-events:none;z-index:6}
.zf-mvc-arrows button{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:40px;
  height:40px;
  border-radius:50%;
  border:1px solid #d7dce2;
  background:rgba(255,255,255,.94);
  color:var(--zf-accent);
  font-size:28px;
  line-height:1;
  display:grid;
  place-items:center;
  cursor:pointer;
  pointer-events:auto;
  box-shadow:0 5px 18px rgba(0,0,0,.12);
  transition:.2s ease;
}
.zf-mvc-prev{left:6px}
.zf-mvc-next{right:6px}
.zf-mvc-arrows button:hover{transform:translateY(-50%) scale(1.06);box-shadow:0 9px 24px rgba(0,0,0,.16)}

.zf-mvc-viewport{overflow:hidden;touch-action:pan-y pinch-zoom;overscroll-behavior-x:contain;cursor:grab;padding:4px 3px 10px;-webkit-user-select:none;user-select:none}
.zf-mvc-viewport.is-dragging{cursor:grabbing}
.zf-mvc-track{display:flex;gap:16px;will-change:transform;transform:translate3d(0,0,0);transition:none!important}

/* PC: exactamente 5 productos visibles */
.zf-mvc-card{
  position:relative;
  flex:0 0 calc((100% - 64px) / 5);
  min-width:0;
  background:var(--zf-card-bg);
  border:1px solid rgba(12,35,67,.08);
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 8px 24px rgba(8,29,58,.09);
  transition:transform .22s ease,box-shadow .22s ease;
}
.zf-mvc-card:hover{transform:translateY(-5px);box-shadow:0 14px 34px rgba(8,29,58,.15)}
.zf-mvc-image{position:relative;display:block;aspect-ratio:1/1;background:#fff;overflow:hidden}
.zf-mvc-image img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .3s ease}
.zf-mvc-card:hover .zf-mvc-image img{transform:scale(1.035)}
.zf-mvc-body{padding:12px 12px 14px;text-align:center}
.zf-mvc-name{margin:0 0 10px;font-size:15px;line-height:1.3;font-weight:650;min-height:39px;display:flex;align-items:flex-start;justify-content:center}
.zf-mvc-name a{color:inherit;text-decoration:none}
.zf-mvc-button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:9px 15px;border-radius:999px;background:var(--zf-accent);color:#fff!important;text-decoration:none!important;font-size:13px;font-weight:700;box-shadow:0 5px 14px rgba(11,94,215,.18);transition:.2s ease}
.zf-mvc-button:hover{transform:translateY(-1px);filter:brightness(.95)}

@media(max-width:1024px){
  .zf-mvc-card{flex-basis:calc((100% - 32px) / 3)}
}

@media(max-width:767px){
  .zf-mvc-wrap{padding:6px 0 14px}
  .zf-mvc-arrows{display:none}
  .zf-mvc-viewport{overflow:hidden;padding-right:0}
  .zf-mvc-track{gap:10px}

  /* CELULAR: 2 productos completos + media tarjeta del tercero */
  .zf-mvc-card{flex:0 0 calc((100% - 20px) / 2.5);border-radius:14px}
  .zf-mvc-body{padding:9px 7px 10px}
  .zf-mvc-name{font-size:12px;line-height:1.25;min-height:45px;margin-bottom:7px}
  .zf-mvc-button{font-size:11px;padding:7px 9px;min-height:32px}
}

.zf-mvc-image img{-webkit-user-drag:none;user-select:none;pointer-events:none}