/* ============================================================
   settings.css — GymBI by Statvo
   PURPOSE: Styles for the settings module sections.
   ============================================================ */

.settings-section {
  margin-bottom: var(--sp-5);
}

/* Color swatch hover */
.color-swatch:hover {
  transform: scale(1.15);
}

/* Mobile: PIN grid stacks */
@media (max-width: 600px) {
  #section-profile [style*="grid-template-columns: 1fr 1fr"],
  .settings-section [style*="grid-template-columns: 1fr 1fr"] {
    grid-template-columns: 1fr !important;
  }
}