/* Filled Cards Light and Dark */
.filled-card,
.filled-card-d {
  border-radius: 8px;
}

.filled-card {
  background: var(--wp--preset--color--paper-raised);
}

.filled-card:hover,
.filled-card-d:hover {
  box-shadow: var(--wp--preset--shadow--lvl-1);
  background: linear-gradient(var(--wp--preset--color--paper-raised), var(--wp--preset--color--paper-raised));
}

.filled-card:hover {
  background-color: var(--wp--preset--color--paper);
}

/* Additional Styles */
:where(.is-layout-flex) {
  gap: var(--wp--preset--spacing--20);
}

/* Karty „Jak to działa" na stronie głównej (t-3756): ikona + uniesienie na hover */
.fi-karta {
  transition: box-shadow 0.2s ease, transform 0.2s ease, background-color 0.2s ease;
}

.fi-karta:hover {
  transform: translateY(-3px);
}

.fi-karta__ikona {
  line-height: 0;
  margin-bottom: var(--wp--preset--spacing--10);
}

.fi-karta__ikona svg {
  width: 48px;
  height: 48px;
}

@media (prefers-reduced-motion: reduce) {
  .fi-karta,
  .fi-karta:hover {
    transition: none;
    transform: none;
  }
}

/* Hero (obraz, harmonijka kart, nagłówek): assets/css/pages/front-page.css (t-3756). */