/* ============================================================
   Finwin Travels — company-sustainability.css
   Page-specific rules for company-sustainability.html only.
   ============================================================ */

#hero-slideshow .container { max-width: var(--container-narrow); }

.su-impact-list {
  max-width: 42rem;
  margin: 0 auto;
  display: grid;
  gap: var(--spacing-3);
}
.su-impact-row {
  display: flex;
  justify-content: space-between;
  gap: var(--spacing-6);
  padding: var(--spacing-5) var(--spacing-6);
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.10);
  border-radius: var(--radius-lg);
}
.su-impact-label {
  font-family: var(--font-primary);
  font-size: var(--text-sm);
  color: var(--color-white-80, rgba(255,255,255,0.8));
}
.su-impact-value {
  font-family: var(--font-display);
  font-size: var(--text-base);
  color: var(--color-gold-light);
  font-weight: var(--font-weight-semibold);
  text-align: right;
}
@media (max-width: 560px) {
  .su-impact-row { flex-direction: column; gap: var(--spacing-2); }
  .su-impact-value { text-align: left; }
}