/* Catálogo y carrito con selección por unidades, como la tienda de Titanium. */
.commerce-catalog{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));align-content:start;gap:8px}
.commerce-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 8px;text-align:center;border:1px solid #d6ded9;background:#fff;font:inherit;color:#18352a}
button.commerce-card:hover,button.commerce-card:focus-visible{border-color:#286044}
.commerce-card.is-selected{border-color:#286044;background:#fff;box-shadow:inset 0 0 0 2px #286044}
.game-menu .commerce-icon{display:block;flex:none;width:auto;max-width:52.8px;height:41.8px;object-fit:contain;margin:0 auto;border-radius:2px}
.commerce-name{font-size:.82rem;line-height:1.3;overflow-wrap:anywhere}.commerce-card strong{font-size:.8rem;color:#704800}
.commerce-stock,.commerce-quantity{font-size:.72rem;color:#4d6258}.commerce-quantity{color:#245d3e;font-weight:600}
.commerce-help{font-size:.85rem;line-height:1.5;color:var(--muted);margin:0}
.commerce-cart-items{display:flex;flex-direction:column;gap:8px;max-height:38vh;overflow:auto;margin:12px 0}
.commerce-cart-item{display:flex;align-items:center;gap:8px;padding:8px;background:#fff;color:#18352a;border:1px solid #d6ded9;border-radius:8px;text-align:left;font:inherit;font-size:.8rem}
.commerce-cart-item:hover{border-color:#286044}.commerce-cart-item>span:not(.commerce-remove){flex:1;overflow-wrap:anywhere}.commerce-remove{color:#704800;font-size:1.3rem}