/* vars: --c-border,--c-dark,--c-primary,--radius */

/* oferta.css — strona oferty: wyważanie, czas naprawy, karty */

.dlaczego h2 { text-align: center; }

.wywazanie {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.wywazanie h2, .wywazanie h3, .wywazanie p, .wywazanie li { color: #fff; }

.oferta__cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.25rem;
  margin-top: 2rem;
}
.oferta__card {
  background: #fff;
  border: 1px solid var(--c-border);
  border-left: 4px solid var(--c-primary);
  border-radius: 0 var(--radius) var(--radius) 0;
  padding: 1.5rem 1.5rem 1.5rem 1.25rem;
  box-shadow: 0 2px 10px rgba(0,0,0,.05);
  transition: box-shadow .2s, transform .2s;
}
.oferta__card:hover {
  box-shadow: 0 6px 20px rgba(0,0,0,.1);
  transform: translateY(-2px);
}
.oferta__card h3 {
  margin: 0 0 .5rem;
  color: var(--c-dark);
  display: flex;
  align-items: center;
  gap: .5rem;
}
.oferta__card h3::before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  background: var(--c-primary);
  border-radius: 50%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
  background-size: 12px;
  background-repeat: no-repeat;
  background-position: center;
}
.oferta__card p { margin: 0; color: var(--c-text-mut); font-size: .95rem; }

@media (max-width: 600px) {
  .oferta__cards { grid-template-columns: 1fr; }
}