/* Museum store — store.html (reużywa .gallery-page / .gal-s4 z gallery.css) */
/* Typografia H1–H5 / p: tokeny z base.css; tu hero sklepu, tło sekcji, karty. */

.store-page > section.gal-s4 {
  background: var(--surface-cream-a);
}

.store-page .gal-art__title {
  margin: 0;
  color: var(--gal-ink);
  font-family: var(--hero-h1-font-family);
  font-size: var(--hero-h1-font-size);
  font-weight: var(--hero-h1-font-weight);
  line-height: var(--hero-h1-line-height);
  letter-spacing: var(--hero-h1-letter-spacing);
}

.store-page .gal-art__lead {
  margin: 0;
  color: var(--gal-ink-soft);
}

.store-page .gal-art__lead--note {
  font-size: var(--type-body-sm-font-size);
  line-height: var(--type-body-sm-line-height);
  color: var(--gal-ink-soft);
}

.store-page .gal-art__lead--note code {
  word-break: break-all;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 0.92em;
}

.store-page .gal-sel-card {
  background: var(--surface-cream-f);
  border-color: rgba(184, 151, 58, 0.14);
}

.store-page .gal-sel-card__h {
  color: var(--gal-ink);
}

.store-page .gal-sel-card__price {
  color: var(--gold-main);
}

/* Pełna widoczność zdjęć produktów (bez cropu cover + sztywnego aspect-ratio) */
.store-page .gal-sel-list .gal-sel-card {
  height: auto !important;
}

.store-page .gal-sel-card__media {
  flex: 0 0 auto !important;
  height: auto !important;
  aspect-ratio: auto !important;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: var(--surface-cream-h);
}

.store-page .gal-sel-card__media img {
  width: 100%;
  height: auto !important;
  min-height: 0 !important;
  object-fit: contain !important;
  object-position: center;
}

@media (min-width: 900px) {
  .store-page .gal-sel-card__media {
    width: 100% !important;
    max-width: none !important;
  }
}

@media (max-width: 899px) {
  .store-page .gal-sel-card {
    align-items: flex-start;
  }
}

@media (min-width: 641px) and (max-width: 899px) {
  .store-page .gal-sel-card__media {
    width: 50% !important;
  }
}

@media (max-width: 640px) {
  .store-page .gal-sel-card__media {
    width: 100% !important;
    max-width: none !important;
  }
}