/* okno ogłoszenia: cale zdjecie + przewijany opis */
.detail-dialog { max-height: calc(100dvh - 32px); }
.detail-shell  { max-height: calc(100dvh - 32px); }

.detail-photo { background: #0b121a; min-height: 0; }
.detail-photo #detailImage {
  object-fit: contain;      /* bylo cover, ktore ucina zdjecie */
  width: 100%;
  height: 100%;
  background: #0b121a;
}

.detail-content {
  overflow-y: auto;         /* przewijanie opisu */
  min-height: 0;
  max-height: calc(100dvh - 32px);
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}

@media (max-width: 800px) {
  .detail-dialog { max-height: 100dvh; }
  .detail-shell  { overflow-y: auto; max-height: 100dvh; }
  .detail-photo  { height: min(70vw, 380px); }
  .detail-content { overflow: visible; max-height: none; }
    /* czcionki w stylu Otomoto: jedna prosta, pogrubiona bezszeryfowa */
h1, h2, h3, h4,
.brand, .brand span,
.detail-price, .price, .card-title,
.trust-strip strong {
  font-family: "DM Sans", system-ui, -apple-system, "Segoe UI", Arial, sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em !important;
}
h1 { letter-spacing: -0.02em !important; }
}
/* dane auta: równe kafelki, każdy osobno */
.detail-specs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.detail-specs span { display: block; min-width: 0; overflow-wrap: anywhere; }

/* przyciski (numer telefonu) zawsze widoczne na dole okna */
.detail-actions {
  position: sticky;
  bottom: 0;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 14px 0 6px;
  background: #fff;
  box-shadow: 0 -10px 12px -10px rgba(0, 0, 0, .15);
}