/* css/tabs/loja.css: Aba 2, Loja 56k */
.shop { padding: 10px 12px 16px; display: flex; flex-direction: column; gap: 10px; }
.shop-head { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; padding: 8px 12px; border-radius: 8px; background: linear-gradient(90deg, #fff1d6, #fff); border: 1px solid #f0c878; }
.shop-logo { font: bold 24px Georgia, serif; color: #c4161c; }
.shop-head span { color: #6a4a00; }
.shop-wallet { padding: 3px 12px; border-radius: 10px; background: #fff; border: 1px solid #d3a400; font-weight: bold; color: #6a4a00; }
.shop-cats { display: flex; gap: 4px; flex-wrap: wrap; }
.shop-cat { display: flex; align-items: center; gap: 6px; padding: 6px 12px; border: 1px solid #b9a36a; border-radius: 6px 6px 0 0; background: linear-gradient(#fff, #f1e6c4); cursor: pointer; font-weight: bold; color: #5a4a1a; }
.shop-cat.active { background: #fff; border-bottom-color: #fff; color: #c4161c; }
.cat-ico { width: 18px; height: 18px; }
.shop-pane { display: flex; flex-direction: column; gap: 8px; }
.shop-card { display: grid; grid-template-columns: 44px minmax(0, 1fr) 150px; gap: 10px; align-items: center; padding: 10px 12px; background: #fff; border: 1px solid #c9d3e8; border-radius: 6px; }
.shop-card.owned { background: #f1faee; border-color: #b8dcae; }
.shop-card.next { border-color: #f0a020; box-shadow: 0 0 0 2px #ffe3a8; }
.shop-card.far { opacity: .6; }
.card-ico { width: 40px; height: 40px; }
.card-info { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.card-info small { color: #555; }
.card-fx { font-size: 11px; color: #0a5a2a; }
.card-buy { display: flex; flex-direction: column; align-items: stretch; gap: 3px; text-align: center; }
.card-cost { font-weight: bold; color: #0a3aa8; }
.card-lvl, .card-status { font-size: 11px; color: #777; }
.shop-card.prov .card-status { font-weight: bold; color: #c4161c; }
@media (max-width: 700px) {
  .shop-card { grid-template-columns: 36px minmax(0, 1fr); }
  .card-buy { grid-column: 1 / -1; flex-direction: row; align-items: center; justify-content: space-between; }
}