/* ==========================================================================
   Atlantic Boat Market - Spacing utilities
   --------------------------------------------------------------------------
   Layout helpers additifs pour les nouvelles pages et migrations progressives.
   Les anciens CSS restent prioritaires car ce fichier est charge avant eux.
   ========================================================================== */

.abm-container-core {
  width: 100%;
  max-width: var(--abm-container-lg);
  margin-inline: auto;
  padding-inline: var(--abm-page-gutter);
}

.abm-container-core--narrow {
  max-width: var(--abm-container);
}

.abm-container-core--wide {
  max-width: var(--abm-container-xl);
}

.abm-shell-core {
  width: 100%;
  margin-inline: auto;
  padding-block: 24px 40px;
}

.abm-section-core {
  padding-block: 40px;
}

.abm-section-core--compact {
  padding-block: 24px;
}

.abm-gap-xs {
  gap: 6px;
}

.abm-gap-sm {
  gap: 10px;
}

.abm-gap-md {
  gap: 16px;
}

.abm-gap-lg {
  gap: 24px;
}

.abm-gap-xl {
  gap: 32px;
}

@media (max-width: 720px) {
  .abm-container-core {
    padding-inline: var(--abm-page-gutter-mobile);
  }

  .abm-section-core {
    padding-block: 28px;
  }
}