/* Ribbon */
/* Cucina Ribbon (Popular) */
.product-thumb{
  position: relative;
  overflow: hidden; /* keep diagonal clean */
}

.cz-ribbon{
  position: absolute;
  top: 15px;
  left: -35px;              /* pushes ribbon out for diagonal look */
  z-index: 6;
  pointer-events: none;
}

.cz-ribbon > span{
  display: block;
  width: 140px;
  padding: 7px 0;
  background: #0f0f0f;      /* maroon */
  color: #fff;
  text-align: center;
  font-weight: 800;
  font-size: 11px;
  letter-spacing: .12em;
  text-transform: uppercase;

  transform: rotate(-45deg);
  transform-origin: center;

  /* flat, but still premium */
  border: 1px solid rgba(255,255,255,.18);
}

/* optional: slight tightening for very small cards */
@media (max-width: 480px){
  .cz-ribbon{ top: 8px; left: -48px; }
  .cz-ribbon > span{ width: 132px; font-size: 10px; padding: 6px 0; }
}