/* === Próxima publicación (badge) — tamaño igual a NOVEDAD === */
/* Ajusta aquí si necesitas 2–4 px más/menos */
:root{
  --cs-size-desktop: 200px;   /* tamaño base desktop */
  --cs-size-tablet:  160px;   /* tablets */
  --cs-size-mobile:  128px;   /* móviles */
}

/* SINGLE PRODUCT (galería) */
.product-media-wrap .img-label--coming-soon{
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 15;
  width: var(--cs-size-desktop) !important;
  height: var(--cs-size-desktop) !important;
  pointer-events: none;
}

.product-media-wrap .img-label--coming-soon img{
  width: 100% !important;
  height: 100% !important;
  display: block;
  transform-origin: 50% 50%;
  animation: ct-spin 14s linear infinite;
  will-change: transform;
}

/* LOOP (tienda / categorías) */
.img-holder{ position: relative; } /* seguridad por si el tema no lo tiene */
.img-holder .img-label--coming-soon{
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 10;
  width: var(--cs-size-desktop) !important;
  height: var(--cs-size-desktop) !important;
  pointer-events: none;
}

.img-holder .img-label--coming-soon img{
  width: 100% !important;
  height: 100% !important;
  display: block;
  transform-origin: 50% 50%;
  animation: ct-spin 14s linear infinite;
  will-change: transform;
}

/* Animación */
@keyframes ct-spin{ to{ transform: rotate(360deg); } }

/* Responsivo */
@media (max-width: 1024px){
  .product-media-wrap .img-label--coming-soon,
  .img-holder .img-label--coming-soon{
    width: var(--cs-size-tablet) !important;
    height: var(--cs-size-tablet) !important;
  }
}
@media (max-width: 767px){
  .product-media-wrap .img-label--coming-soon,
  .img-holder .img-label--coming-soon{
    width: var(--cs-size-mobile) !important;
    height: var(--cs-size-mobile) !important;
  }
}

.product-media-wrap .img-label--coming-soon{ display:none !important; }