/* OlivaOliva eKomi carousel (product tab) */
.oo-ekomi-wrap{margin-top:10px}
.oo-ekomi-carousel{position:relative;display:flex;align-items:center;gap:12px}
.oo-ekomi-nav{
  appearance:none;border:0;cursor:pointer;
  width:40px;height:40px;border-radius:999px;
  box-shadow:0 6px 20px rgba(0,0,0,.08);
  background:#fff;color:#222;font-size:22px;line-height:40px;
  display:flex;align-items:center;justify-content:center;
}
.oo-ekomi-nav[disabled]{opacity:.35;cursor:not-allowed}
.oo-ekomi-viewport{overflow:hidden;flex:1;min-width:0}
.oo-ekomi-cards{
  display:flex;gap:18px;
  overflow-x:auto;scroll-behavior:smooth;
  scroll-snap-type:x mandatory;
  padding:6px 2px;
}
.oo-ekomi-cards::-webkit-scrollbar{height:8px}
.oo-ekomi-card{
  flex:0 0 auto;
  width:320px;
  background:#fff;
  border-radius:14px;
  box-shadow:0 10px 30px rgba(0,0,0,.06);
  padding:16px 16px 14px;
  scroll-snap-align:start;
}
.oo-ekomi-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.oo-ekomi-name{font-weight:700;font-size:14px;color:#222}
.oo-ekomi-date{font-size:12px;color:#777;white-space:nowrap}
.oo-ekomi-stars{display:flex;gap:2px;margin:6px 0 10px}
.oo-ekomi-star{font-size:14px;line-height:1}
.oo-ekomi-star.filled{color:#f29900}
.oo-ekomi-star.empty{color:#ddd}
.oo-ekomi-text{font-size:14px;color:#333;line-height:1.45}

/* ===============================
   eKomi – MÓVIL: 1 tarjeta por vez + swipe funcional
   (pisar reglas antiguas 78vw / overflow:visible)
================================ */
@media (max-width: 600px){

  body#product .oo-ekomi-nav{display:none !important;}

  /* El wrapper NO debe dejar asomar */
  body#product .oo-ekomi-viewport{
    overflow: hidden !important;
  }

  /* ESTE es el scroll-container (tu JS usa .oo-ekomi-cards) */
  body#product .oo-ekomi-cards{
    display: flex !important;
    flex-wrap: nowrap !important;

    overflow-x: scroll !important;   /* scroll real */
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;

    gap: 12px !important;
    padding: 0 12px !important;

    /* que el gesto horizontal no se lo coma el scroll vertical */
    touch-action: pan-x !important;

    /* por si algún padre raro corta interacción */
    position: relative;
    z-index: 1;
  }

  /* 1 tarjeta por “pantalla” sin cortes */
  body#product .oo-ekomi-card{
    flex: 0 0 calc(100% - 24px) !important;
    width: calc(100% - 24px) !important;
    scroll-snap-align: start;
  }
}

@media (max-width: 600px){
  body#product .oo-ekomi-cards,
  body#product .oo-ekomi-card{
    pointer-events: auto !important;
  }
}

@media (max-width: 600px){

  body#product .oo-ekomi-cards{
    gap: 8px !important;        /* menos separación */
    padding: 0 8px !important;  /* menos aire lateral */
  }

  body#product .oo-ekomi-card{
    flex: 0 0 calc(100% - 16px) !important;
    width: calc(100% - 16px) !important;
  }
}