/* Reference card layout only. Existing theme/custom card colours stay live. */
[data-game-catalog] .bingo-list-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
.card.bingo-list-card{position:relative;display:flex;flex-direction:column;gap:14px;min-width:0;padding:16px;text-align:left;border-radius:var(--bingo-card-radius,16px);background:var(--bingo-card-bg,var(--card));color:var(--bingo-card-text,var(--text))}
.bingo-list-card .bingo-card-number{position:absolute;right:12px;top:10px;padding:0 6px;border-radius:4px;font-size:11px;font-weight:700;background:#f58a14;color:#fff}
.bingo-list-card .bingo-card-number[data-number-tone="1"]{background:#155740}
.bingo-list-card .bingo-card-number[data-number-tone="2"]{background:#9a7000}
.bingo-list-card .bingo-card-number[data-number-tone="3"]{background:#000}
.bingo-list-card .bingo-card-top{display:grid;grid-template-columns:70px minmax(0,1fr);align-items:center;gap:12px;min-height:76px}
.card.bingo-list-card .card-img{display:block;min-width:0}
.card.bingo-list-card .card-img img,.bingo-list-card .bingo-ve-noimg{display:block;width:70px;height:70px;aspect-ratio:1;object-fit:cover;border-radius:16px}
.bingo-list-card .bingo-card-info{min-width:0;padding-right:14px}
.card.bingo-list-card h3{margin:0 0 6px;font-size:18px;line-height:1.25;overflow-wrap:anywhere}
.bingo-list-card .bingo-card-metrics{display:flex;flex-wrap:wrap;gap:5px 8px;font-size:11px;line-height:1.4;color:var(--bingo-card-text,var(--muted))}
.bingo-list-card .bingo-card-metrics>span{display:inline-flex;align-items:center;gap:4px}
.bingo-list-card .bingo-stat-icon{width:15px;height:15px;flex:0 0 15px;color:var(--bingo-card-text,var(--primary))}
.bingo-list-card .bingo-card-offers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.bingo-list-card .bingo-card-offers p{display:flex;align-items:center;justify-content:center;gap:4px;margin:0;min-width:0;min-height:32px;padding:6px 4px;border-radius:10px;font-size:clamp(10px,3.1vw,12px);font-weight:700;line-height:1;white-space:nowrap}
.bingo-list-card .bingo-card-offers .bingo-stat-icon{width:12px;height:12px;flex-basis:12px}
.bingo-list-card .bingo-card-bonus{background:var(--bingo-card-bonus-bg,#f58a14);color:var(--bingo-card-bonus-text,#fff)}
.bingo-list-card .bingo-card-bonus .bingo-stat-icon,.bingo-list-card .bingo-card-min .bingo-stat-icon{color:inherit}
.bingo-list-card .bingo-card-min{background:var(--bingo-card-min-bg,var(--bg));color:var(--bingo-card-min-text,#155740)}
.card.bingo-list-card .btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:48px;margin-top:auto;font-size:15px;font-weight:800;text-align:center}
.bingo-list-card .btn svg{flex-shrink:0}
.card.bingo-list-card,.card.bingo-list-card:hover{border:1px solid var(--bingo-card-border,#f58a14)}
.bingo-visual-catalog .catalog-controls{background:var(--bingo-filterBackground,#f58a14);color:var(--bingo-filterText,inherit)}
.bingo-visual-catalog .catalog-order button.on{background:var(--bingo-activeBackground,var(--primary));color:var(--bingo-activeText,#fff)}
.bingo-visual-catalog .catalog-order button,.bingo-visual-catalog .catalog-controls select{color:var(--bingo-filterText,var(--text))}
@media(min-width:1024px){.bingo-visual-catalog[style*="--bingo-layoutColumns"] .bingo-list-grid,.bingo-visual-catalog[style*="--bingo-layoutColumns"] .bingo-ve-grid{grid-template-columns:repeat(var(--bingo-layoutColumns),minmax(0,1fr))}}
@media(min-width:641px) and (max-width:1023px){.bingo-visual-catalog[style*="--bingo-layoutTabletColumns"] .bingo-list-grid,.bingo-visual-catalog[style*="--bingo-layoutTabletColumns"] .bingo-ve-grid{grid-template-columns:repeat(var(--bingo-layoutTabletColumns),minmax(0,1fr))}}
@media(max-width:640px){.bingo-visual-catalog[style*="--bingo-layoutMobileColumns"] .bingo-list-grid,.bingo-visual-catalog[style*="--bingo-layoutMobileColumns"] .bingo-ve-grid{grid-template-columns:repeat(var(--bingo-layoutMobileColumns),minmax(0,1fr))}}
.card.bingo-list-card .btn{background:var(--bingo-card-button,#000);border-color:var(--bingo-card-button,#000);color:var(--bingo-card-button-text,#fff)}
.card.bingo-list-card .btn:hover{filter:brightness(.9)}
.bingo-card-top:not(:has(.card-img)){grid-template-columns:minmax(0,1fr)}
@media(min-width:768px){[data-game-catalog] .bingo-list-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1024px){[data-game-catalog] .bingo-list-grid{grid-template-columns:repeat(min(3,var(--bingo-card-columns,3)),minmax(0,1fr))}}