/* CTA "ZAMOW TAKI SAM" (Torty - zamiast ceny) */
.product-info-cta {
  margin-top: 1.25rem;
  padding-top: 1.25rem;
  border-top: 1px solid var(--border);
}
.product-info-cta:empty { display: none; border-top: none; margin-top: 0; padding-top: 0; }
.product-info-cta p {
  font-size: 0.9rem;
  line-height: 1.8;
  color: var(--text-muted);
  margin-bottom: 0.75rem;
}
.product-info-cta a.product-info-phone {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  font-family: var(--serif);
  font-size: 1.3rem;
  color: var(--gold);
  text-decoration: none;
  font-weight: 600;
  transition: color 0.2s;
}
.product-info-cta a.product-info-phone:hover { color: var(--gold-light); }
.product-info-cta a.product-info-phone svg {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}


/* FIX: galeria (.masonry) miala stale 64px paddingu bocznego z desktopu,
   przez co na mobile zajmowala tylko waska kolumne 247px zamiast calej szerokosci */
@media (max-width: 900px) {
  .gallery { padding: 5rem 1.5rem; }
}
@media (max-width: 520px) {
  .gallery { padding: 3.5rem 1.25rem; }
}

/* FIX: galeria (.masonry) miala klase fade-up (scroll-reveal, opacity:0 dopoki
   IntersectionObserver nie doda .visible). Kontener ma duza wysokosc, a prog
   0.12 wymaga bardzo duzej widocznej wysokosci zanim animacja sie uruchomi - na
   telefonie wygladalo to jakby galeria byla pusta/niewidoczna az do momentu,
   gdy uzytkownik przewinal bardzo daleko. Wylaczamy fade-up tylko dla samej
   siatki .masonry - naglowek galerii nadal ladnie sie animuje. */
.masonry.fade-up {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}

/* Torty: karty ukryte przez filtr kategorii (urodzinowe/dzieci/musowe/chrzciny/weselne) */
#torty-grid .product-card.is-hidden { display: none; }

/* FIX: .spec-card-bg (karty specjalnosci na stronie glownej: Croissanty,
   Kanapki, Ciasta, Monodesery, Torty, Ciasteczka) nie mialo ustawionego
   object-fit, wiec przegladarka uzywala domyslnego "fill" - rozciagajac/
   sciskajac zdjecie do wymiarow karty bez zachowania proporcji. Ujawnilo
   sie to dopiero po podmianie zdjecia czereśniowego na nowo przyciete
   (inne proporcje), przez co wygladalo "rozciagniete". Cover naprawia
   to raz na zawsze, niezaleznie od proporcji wgranego zdjecia. */
.spec-card-bg {
  object-fit: cover;
}