/* Card stile "angoli XXL" + ombra morbida */
.wccc-card {
  background: #fff;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 8px 28px rgba(0,0,0,.08);
  height: 100%;
  display: flex;
  flex-direction: column;
  border: 1px solid #e5e7eb;
}
.wccc-thumb { position: relative; display:block; }
.wccc-thumb img { width: 100%; height: auto; display:block; }

/* Badge promo */
.wccc-badge {
  position: absolute;
  top: 12px; left: 12px;
  background: #111827;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  padding: 6px 10px;
  border-radius: 999px;
  z-index: 2;
  box-shadow: 0 8px 20px rgba(0,0,0,.14);
}

.wccc-body { padding: 14px 16px 18px; display:flex; flex-direction:column; gap:10px; }
.wccc-title { font-size: 16px; line-height: 1.3; margin:0; }
.wccc-title a { text-decoration:none; color: inherit; }

.wccc-price { font-weight: 800; margin-top: 2px; }

.wccc-actions { margin-top: auto; }
.wccc-btn {
  display:inline-block; padding:10px 14px; border-radius:999px;
  background:#f3f4f6; text-decoration:none; font-weight:700; color:#111827;
  transition: transform .15s ease, box-shadow .15s ease;
}
.wccc-btn:hover { transform: translateY(-1px); box-shadow: 0 8px 18px rgba(0,0,0,.08); }

/* Swatches colore (se disponibili) */
.wccc-swatches { list-style:none; margin:0 0 6px 0; padding:0; display:flex; gap:8px; align-items:center; }
.wccc-swatch { width:16px; height:16px; border-radius:999px; border:2px solid #fff; box-shadow: 0 0 0 1px rgba(0,0,0,.12); overflow:hidden; }
.wccc-swatch span { display:block; width:100%; height:100%; }

/* Frecce circolari */
.wccc-swiper .swiper-button-prev,
.wccc-swiper .swiper-button-next {
  width: 44px; height: 44px; border-radius: 999px; background:#fff;
  box-shadow: 0 4px 16px rgba(0,0,0,.15);
}
.wccc-swiper .swiper-button-prev:after,
.wccc-swiper .swiper-button-next:after {
  font-size:18px; color:#111;
}

/* Distanze & adattamento */
.wccc-swiper .swiper-slide { height: auto; }