.shop-balance {
  display:flex; align-items:center; gap:8px;
  justify-content:center; 
  font-weight:bold; margin:15px 0;
}
.shop-balance .amount { font-size:1.4em; }
.shop-balance .mc-logo { width:24px; height:24px; }

.shop-grid {
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap:16px;
  max-width: 1000px;
  margin: 0 auto 40px;
}

.shop-card {
  background:#fff; border-radius:16px; padding:16px;
  box-shadow:0 4px 10px rgba(0,0,0,0.1);
  display:flex; flex-direction:column; align-items:center; text-align:center;
}
.shop-card img {
  width:80px; height:80px; object-fit:contain; margin-bottom:10px;
}
.shop-card h3 { margin:8px 0 6px; }
.shop-card .desc { font-size:0.9em; color:#555; min-height: 36px; }
.shop-card .price {
  display:flex; align-items:center; gap:6px; font-weight:bold; margin:10px 0;
}
.shop-card .price img { width:18px; height:18px; }
.shop-card button {
  background:#ec8f05; color:#fff; border:none; border-radius:10px;
  padding:8px 14px; cursor:pointer; transition: transform .05s ease;
}
.shop-card button:disabled { background:#ccc; cursor:not-allowed; }
.shop-card button:active { transform: scale(0.98); }