/* Shop (src/app/collection-shop.js): dieselbe Portal-Karte wie im Beschwoerungs-Tab
   (pack-portal.css). Statt Siegel und Stapel: Preis-Marke an der Bogenspitze, Kaufen
   mit Preis, darunter der Satz, der zum Kauf fuehrt (reicht fuer n / fehlen noch n). */
.gpk-store .shelf.offers { gap: 40px 76px; padding: 34px 32px 0; }
.gpk .pack.pk.offer { width: 300px; max-width: calc(100% - 44px); }

/* Preis-Marke am Bogen, wo im Beschwoerungs-Tab die Zahl im Schlussstein sitzt. */
.gpk .offer-tag {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 6;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 12px;
  border: 1px solid #f0d693;
  background: linear-gradient(180deg, #f6e1a4, #c09a44);
  box-shadow: 0 0 0 4px #07080b, 0 0 0 5px rgba(216, 177, 90, .3), 0 6px 14px rgba(0, 0, 0, .6);
  color: #271c08;
  font-family: var(--serif);
  font-size: 14px;
  font-weight: 700;
  transform: translate(-50%, -50%);
}
.gpk .offer-tag .soul-gem { width: 10px; height: 12px; box-shadow: 0 0 5px var(--mp-soul-glow); }

.gpk .pk.offer .pack-body { display: flex; flex-direction: column; gap: 10px; padding: 24px 0 0; text-align: center; }
.gpk .offer-buy { padding: 15px; }
.gpk .offer-buy .buy-price { display: inline-flex; align-items: center; gap: 6px; margin-left: 4px; }
.gpk .offer-buy .buy-price .soul-gem { width: 11px; height: 13px; box-shadow: 0 0 5px var(--mp-soul-glow); }
.gpk .offer-foot {
  min-height: 20px;
  margin: 0;
  color: var(--ink-dim);
  font-family: var(--serif-body);
  font-size: 14.5px;
  font-style: italic;
}
.gpk .offer-link {
  padding: 0 0 0 4px;
  border: 0;
  background: none;
  color: var(--gold-1);
  font: inherit;
  font-style: normal;
  cursor: var(--mp-cur-pointer);
}
.gpk .offer-link:hover { color: var(--gold-hi); }
.gpk .offer-short { color: #e0a17c; }
.gpk .offer-what { margin: 0; color: var(--ink); font-family: var(--serif-body); font-size: 15px; font-style: italic; }
.gpk .pk.offer .pack-odds { margin-top: 2px; }
/* Zu wenig Seelen: Bild bleibt wach, nur der Knopf ist gesperrt. */
.gpk .pk.offer.is-short .offer-buy:disabled { opacity: .55; }

@media (hover: hover) {
  .gpk .pk.offer:is(:hover, .pk-awake) .pk-card { transform: translateY(-6px); }
  .gpk .pk.offer:is(:hover, .pk-awake) .pk-img { transform: scale(1.04); }
  .gpk .pk.offer:is(:hover, .pk-awake) .pk-portal > .pk-line path:not(.in) { stroke: var(--gold-hi); }
  .gpk .pk.offer:hover .pk-ring { animation-duration: 2.3s; }
}
@media (max-width: 520px) {
  .gpk-store .shelf.offers { padding-inline: 0; }
  .gpk .pack.pk.offer { max-width: calc(100% - 64px); }
}