/* Juke Afrique – $5 Mix Shop */
.ja-mix-grid {
  display: grid;
  grid-gap: 1.25rem;
}
.ja-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ja-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.ja-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }

@media (max-width: 1024px) {
  .ja-cols-3, .ja-cols-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .ja-cols-2, .ja-cols-3, .ja-cols-4 { grid-template-columns: 1fr; }
}

.ja-mix-card {
  background: #111;
  color: #f5f5f5;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0,0,0,.25);
  display: flex;
  flex-direction: column;
}
.ja-mix-thumb-wrap { display:block; aspect-ratio: 16/9; background:#222; }
.ja-mix-thumb { width:100%; height:100%; object-fit: cover; display:block; }
.ja-mix-thumb.placeholder { width:100%; height:100%; background: linear-gradient(135deg, #333, #222); }

.ja-mix-content { padding: 1rem; display:flex; flex-direction: column; gap: .5rem; }
.ja-mix-title { margin:0; font-size: 1.1rem; line-height:1.3; }
.ja-mix-title a { color: #fff; text-decoration: none; }
.ja-mix-duration { font-size: .9rem; opacity:.8; }
.ja-mix-price { font-weight: 700; margin:.25rem 0; }
.ja-mix-preview { margin: .5rem 0 .75rem; }
.ja-embed.yt iframe { width:100%; height: 220px; }
.ja-embed.sc iframe { width:100%; height: 166px; }

.ja-tip-jar { margin-top: .5rem; }

.ja-thankyou-upsell { margin-top: 1.5rem; text-align:center; }
.ja-thankyou-upsell .button { font-size: 1rem; padding: .7rem 1rem; }