/* Margin/Padding */
.mt-0{ margin-top: 0 !important; } .mb-0{ margin-bottom: 0 !important; }
.mt-1{ margin-top: var(--space-1) !important; } .mt-2{ margin-top: var(--space-2) !important; } .mt-3{ margin-top: var(--space-3) !important; } .mt-4{ margin-top: var(--space-4) !important; } .mt-6{ margin-top: var(--space-6) !important; } .mt-8{ margin-top: var(--space-8) !important; } .mt-12{ margin-top: var(--space-12) !important; }
.mb-1{ margin-bottom: var(--space-1) !important; } .mb-2{ margin-bottom: var(--space-2) !important; } .mb-3{ margin-bottom: var(--space-3) !important; } .mb-4{ margin-bottom: var(--space-4) !important; } .mb-6{ margin-bottom: var(--space-6) !important; } .mb-8{ margin-bottom: var(--space-8) !important; } .mb-12{ margin-bottom: var(--space-12) !important; }
.p-0{ padding: 0 !important; } .p-4{ padding: var(--space-4) !important; } .p-8{ padding: var(--space-8) !important; }
.py-4{ padding-top: var(--space-4) !important; padding-bottom: var(--space-4) !important; } .py-8{ padding-top: var(--space-8) !important; padding-bottom: var(--space-8) !important; }
.px-4{ padding-left: var(--space-4) !important; padding-right: var(--space-4) !important; } .px-8{ padding-left: var(--space-8) !important; padding-right: var(--space-8) !important; }

/* Layout helpers */
.grid-2{ display:grid; grid-template-columns: 1fr 1fr; gap: var(--grid-gap); }
.grid-3{ display:grid; grid-template-columns: repeat(3, 1fr); gap: var(--grid-gap); }
.flex{ display:flex; gap: var(--space-4); }
.flex-center{ display:flex; align-items:center; justify-content:center; }
.inline-block{ display:inline-block; }

/* Visibility */
.hidden{ display:none !important; }
@media (min-width: 1024px){ .hidden-desktop{ display:none !important; } }
@media (max-width: 1023px) and (min-width: 768px){ .hidden-tablet{ display:none !important; } }
@media (max-width: 767px){ .hidden-mobile{ display:none !important; } }