/* InfoGrunt — serduszko „Zapisz ogłoszenie” (S24, 26.09.2026). Karta /ogloszenia = .og-card-cell
   (link karty + przycisk obok, nie w środku linku). Przycisk siedzi w prawym górnym rogu, nad kolumną
   strzałki karty, więc nie zasłania tytułu ani ceny. */
.og-card-cell { position: relative; display: flex; min-width: 0; }
.og-card-cell > .og-card { flex: 1 1 auto; min-width: 0; }
.og-save {
  position: absolute; top: 8px; right: 8px; z-index: 2;
  width: 34px; height: 34px; padding: 0;
  display: grid; place-items: center;
  border: 1px solid #dbe4dc; border-radius: 10px;
  background: rgba(255, 255, 255, .96); color: #7b877f;
  cursor: pointer; box-shadow: 0 2px 8px rgba(16, 37, 26, .06);
  transition: transform .12s, color .15s, background .15s, border-color .15s;
}
.og-save svg { display: block; fill: none; stroke: currentColor; stroke-width: 2; }
.og-save:hover { color: #d2445f; border-color: #efc2cb; transform: scale(1.06); }
.og-save:focus-visible { outline: 3px solid #1769aa; outline-offset: 2px; }
.og-save.is-on { color: #d2445f; background: #fdf0f2; border-color: #f2c6cf; }
.og-save.is-on svg { fill: currentColor; }
.og-save:disabled { opacity: .55; cursor: default; transform: none; }
/* karta: zostaw miejsce na serduszko w kolumnie strzałki */
.og-card-cell > .og-card .og-card-kicker { padding-right: 30px; }
.og-card-cell > .og-card .og-card-arrow { align-self: end; margin-bottom: 6px; }

/* wariant w nagłówku ogłoszenia: „♡ Zapisz” obok plakietek */
.og-save.og-save--inline {
  position: static; width: auto; height: auto; min-height: 34px;
  display: inline-flex; align-items: center; gap: 6px; padding: 5px 12px;
  border-radius: 999px; font: inherit; font-size: 13px; font-weight: 800; box-shadow: none;
}
.og-save.og-save--inline:hover { transform: none; }
@media (max-width: 520px) {
  .og-save { top: 6px; right: 6px; width: 32px; height: 32px; }
}
@media (prefers-reduced-motion: reduce) { .og-save { transition: none; } }
@media print { .og-save { display: none !important; } }