/* Green Cards — bucket, promo, and game XL cards */
.bucket-card .shine { position:absolute; inset:0; background:linear-gradient(120deg, transparent, rgba(255,255,255,.16), transparent); transform:translateX(-60%) }
.bucket-card:hover .shine { animation: shine 1100ms ease forwards }
@keyframes shine { to { transform: translateX(120%) } }

/* Promo */
.promo-card .badge { position:absolute; top:10px; left:12px; z-index:2 }
.promo-card .cta { position:absolute; bottom:12px; left:12px; z-index:2 }

/* Game XL */
.game-card-xl { position:relative; border-radius:8px; overflow:hidden; background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.02)); border:1px solid var(--border-1); box-shadow:0 14px 44px rgba(34,197,94,.25); min-height:180px }
.game-card-xl .media { position:relative }
.game-card-xl .media img { display:block; width:100%; height:auto; object-fit:contain }
.game-card-xl .overlay { position:absolute; inset:auto 0 0 0; display:flex; align-items:center; justify-content:space-between; padding:14px; background:linear-gradient(180deg, transparent, rgba(0,0,0,.65)) }
.game-card-xl .info { display:flex; flex-direction:column; gap:2px }
.game-card-xl .title { font-weight:900; letter-spacing:.3px }
.game-card-xl .vendor { color:var(--text-2); font-weight:700 }
.game-card-xl .right { display:flex; align-items:center; gap:10px }
.game-card-xl .badge { border:1px solid var(--border-1) }
.game-card-xl .cta { background:linear-gradient(90deg,var(--accent-1),var(--accent-2)); color:#fff; border:none; border-radius:999px; padding:8px 14px; font-weight:800 }

.section .cards-row { margin-top:14px }
.section .cards-row .game-card-xl { min-height:0; width:240px; flex:0 0 240px }
@media (max-width:1200px){ .section .cards-row .game-card-xl { width:220px; flex:0 0 220px } }
@media (max-width:900px){ .header{font-size:10px} .section .cards-row .game-card-xl { width:200px; flex:0 0 200px } }
@media (max-width:620px){ .section .cards-row .game-card-xl { width:180px; flex:0 0 180px } }
.section .cards-row .game-card-xl .overlay { padding:10px }
.section .cards-row .game-card-xl .title { font-size:12px }
.section .cards-row .game-card-xl .vendor { font-size:10px }
.section .cards-row .game-card-xl .cta { padding:6px 10px; font-size:12px }
@media (max-width:900px){ .section .cards-row .game-card-xl .title{font-size:11px} .section .cards-row .game-card-xl .vendor{font-size:9px} .section .cards-row .game-card-xl .cta{font-size:11px; padding:5px 10px} }
@media (max-width:620px){ .section .cards-row .game-card-xl .title{font-size:10.5px} .section .cards-row .game-card-xl .vendor{font-size:8.5px} .section .cards-row .game-card-xl .cta{font-size:10px; padding:5px 9px} }

.game-card-xl:hover { transform: translateY(-4px) }

/* responsive */
@media (max-width:900px){ .bucket-grid{grid-template-columns:repeat(2,1fr)} .promo-grid{grid-template-columns:repeat(2,1fr)} }
@media (max-width:620px){ .bucket-grid, .promo-grid{grid-template-columns:1fr} }

/* ===== Mini-banners en fila (móvil) ===== */
@media (max-width: 900px) {
  .bucket-grid {
    display: flex;
    gap: 12px;
    padding: 6px 8px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    justify-content: flex-start;
  }
  .bucket-grid::-webkit-scrollbar { height: 8px; }
  .bucket-grid::-webkit-scrollbar-track { background: rgba(255,255,255,0.06); border-radius: 6px; }
  .bucket-grid::-webkit-scrollbar-thumb { background: linear-gradient(90deg, var(--accent-1), var(--accent-2)); border-radius: 6px; }

  .bucket-card {
    flex: 0 0 auto;
    width: 170px !important;
    min-height: 100px !important;
    border-radius: 16px;
    scroll-snap-align: start;
    aspect-ratio: auto !important;
  }
  .bucket-card .bucket-bg { object-fit: cover; }
}
@media (max-width: 620px) {
  .bucket-card { width: 160px !important; min-height: 96px !important; }
}

/* Lucky Chicken / Crash / Spaceman cards (images only) */
.chicken-card, .crash-card, .spaceman-card { position:relative; overflow:hidden }
.chicken-card .bg, .crash-card .bg, .spaceman-card .bg { position:absolute; inset:0; width:100%; height:100%; z-index:1; transition: transform .3s ease }
.chicken-card .brand-icon, .spaceman-card .brand-icon { position:absolute; left:16%; top:49%; transform:translate(-50%,-50%); width:40%; max-width:280px; filter:drop-shadow(0 10px 28px rgba(0,0,0,.35)); z-index:2; transition: transform .3s ease }
.chicken-card .brand-text, .spaceman-card .brand-text { position:absolute; right:15%; top:25%; transform:translateY(-50%); width:45%; max-width:320px; filter:drop-shadow(0 10px 28px rgba(0,0,0,.35)); z-index:2; transition: transform .3s ease }
.chicken-card .promo-content, .spaceman-card .promo-content { justify-content:center; z-index:3 }
.chicken-card .promo-media, .spaceman-card .promo-media, .chicken-card .badge, .spaceman-card .badge, .chicken-card .promo-title, .spaceman-card .promo-title, .chicken-card .left, .spaceman-card .left { display:none !important }
.chicken-card:hover .bg, .spaceman-card:hover .bg { transform: scale(1.05) }
.chicken-card:hover .brand-text, .spaceman-card:hover .brand-icon { transform: translateY(-46%) scale(1.05) }