/* Responsive Typography Classes */
h1, .style-h1 {
  font-family: 'Kanit', sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  color: var(--color-forest-900);
  line-height: 1.2;

  font-size: 44px;
  font-weight: 600;
}

@media (min-width: 768px) {
  h1, .style-h1 {
    font-size: 60px;
  }
}

@media (min-width: 1280px) {
  h1, .style-h1 {
    font-size: 72px;
  }
}

@media (min-width: 1441px) {
  h1, .style-h1 {
    font-size: 74px;
  }
}

h2, .style-h2 {
  font-family: 'Kanit', sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  color: var(--color-forest-900);
  line-height: 1.2;

  font-size: 36px;
  font-weight: 600;
}

@media (min-width: 768px) {
  h2, .style-h2 {
    font-size: 50px;
  }
}

@media (min-width: 1280px) {
  h2, .style-h2 {

  }
}

@media (min-width: 1441px) {
  h2, .style-h2 {

  }
}

h3, .style-h3,
h4, .style-h4,
h5, .style-h5,
h6, .style-h6 {
  font-family: 'Kanit', sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  color: var(--color-forest-900);
  line-height: 1.2;

  font-size: 20px;
  font-weight: 600;
}

@media (min-width: 768px) {
  h3, .style-h3,
  h4, .style-h4,
  h5, .style-h5,
  h6, .style-h6  {
    font-size: 32px;
    font-weight: 600;
  }
}

@media (min-width: 1280px) {
  h3, .style-h3,
  h4, .style-h4,
  h5, .style-h5,
  h6, .style-h6  {

  }
}

@media (min-width: 1441px) {
  h3, .style-h3,
  h4, .style-h4,
  h5, .style-h5,
  h6, .style-h6  {

  }
}

p,
.style-p1,
.style-p1.rte * {
  font-family: 'Poppins', sans-serif;
  line-height: 1.5;

  font-size: 14px;
}

@media (min-width: 768px) {
  p,
  .style-p1,
  .style-p1.rte * {
    font-size: 16px;
  }
}

@media (min-width: 1280px) {
  p,
  .style-p1,
  .style-p1.rte * {

  }
}

@media (min-width: 1441px) {
  p,
  .style-p1,
  .style-p1.rte * {

  }
}

.style-p2,
.style-p2.rte * {
  font-family: 'Poppins', sans-serif;
  line-height: 1.2;

  font-size: 22px;
}

@media (min-width: 768px) {
  .style-p2,
  .style-p2.rte * {
    font-size: 28px;
  }
}

@media (min-width: 1280px) {
  .style-p2,
  .style-p2.rte * {

  }
}

@media (min-width: 1441px) {
  .style-p2,
  .style-p2.rte * {

  }
}

.style-p3,
.style-p3.rte * {
  font-family: 'Poppins', sans-serif;
  line-height: 1.2;

  font-size: 18px;
}

@media (min-width: 768px) {
  .style-p3,
  .style-p3.rte * {
    font-size: 24px;
  }
}

@media (min-width: 1280px) {
  .style-p3,
  .style-p3.rte * {

  }
}

@media (min-width: 1441px) {
  .style-p3,
  .style-p3.rte * {

  }
}

.style-p4,
.style-p4.rte * {
  font-family: 'Poppins', sans-serif;
  line-height: 1.3;

  font-size: 18px;
}

@media (min-width: 768px) {
  .style-p4,
  .style-p4.rte * {
    
  }
}

@media (min-width: 1280px) {
  .style-p4,
  .style-p4.rte * {

  }
}

@media (min-width: 1441px) {
  .style-p4,
  .style-p4.rte * {

  }
}

.style-p5,
.style-p5.rte * {
  font-family: 'Poppins', sans-serif;
  line-height: 1.3;

  font-size: 12px;
}

@media (min-width: 768px) {
  .style-p5,
  .style-p5.rte * {
    
  }
}

@media (min-width: 1280px) {
  .style-p5,
  .style-p5.rte * {

  }
}

@media (min-width: 1441px) {
  .style-p5,
  .style-p5.rte * {

  }
}

.style-note,
.style-note.rte * {
  font-family: 'Poppins', sans-serif;
  line-height: 1;

  font-size: 10px;
}

@media (min-width: 768px) {
  .style-note,
  .style-note.rte * {
    
  }
}

@media (min-width: 1280px) {
  .style-note,
  .style-note.rte * {

  }
}

@media (min-width: 1441px) {
  .style-note,
  .style-note.rte * {

  }
}

.eyebrow,
.eyebrow.rte *,
.style-eyebrow,
.style-eyebrow.rte * {
  font-family: 'Poppins', sans-serif;
  line-height: 1.5;
  font-size: 18px;
  font-weight: 600;
}

@media (min-width: 768px) {
  .eyebrow,
  .eyebrow.rte *,
  .style-eyebrow,
  .style-eyebrow.rte * {

  }
}

@media (min-width: 1280px) {
  .eyebrow,
  .eyebrow.rte *,
  .style-eyebrow,
  .style-eyebrow.rte * {

  }
}

@media (min-width: 1441px) {
  .eyebrow,
  .eyebrow.rte *,
  .style-eyebrow,
  .style-eyebrow.rte * {

  }
}

.container {
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--gutter);
  padding-right: var(--gutter);
}


@media (min-width: 1441px) {
  .container {
    max-width: 1320px;
  }

  .\32xl\:container {
    max-width: 1320px;
  }
}

section {
  position: relative;
}

/* Todas as sections dentro de .main-content têm padding por padrão */
.main-content section {
  padding-top: 50px;
  padding-bottom: 50px;
}

/* Remove padding da primeira section APENAS se ela for o primeiro filho direto do container */
.main-content > div:has(> section:first-child) > section:first-child {
  padding-top: 0;
  padding-bottom: 0;
}

/* Default grid column settings */
.grid-cols-1 {
  grid-template-columns: repeat(1, 1fr);
}
.grid-cols-2 {
  grid-template-columns: repeat(2, 1fr);
}

.grid-cols-3 {
  grid-template-columns: repeat(3, 1fr);
}

.grid-cols-4 {
  grid-template-columns: repeat(4, 1fr);
}

.grid-cols-5 {
  grid-template-columns: repeat(5, 1fr);
}

.grid-cols-6 {
  grid-template-columns: repeat(6, 1fr);
}

.grid-cols-7 {
  grid-template-columns: repeat(7, 1fr);
}

.grid-cols-8 {
  grid-template-columns: repeat(8, 1fr);
}

.grid-cols-9 {
  grid-template-columns: repeat(9, 1fr);
}

.grid-cols-10 {
  grid-template-columns: repeat(10, 1fr);
}

.grid-cols-11 {
  grid-template-columns: repeat(11, 1fr);
}

.grid-cols-12 {
  grid-template-columns: repeat(12, 1fr);
}

/* Responsive column settings */
@media (min-width: 768px) {
  .md\:grid-cols-1 {
    grid-template-columns: repeat(1, 1fr);
  }

  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, 1fr);
  }

  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, 1fr);
  }

  .md\:grid-cols-4 {
    grid-template-columns: repeat(4, 1fr);
  }

  .md\:grid-cols-5 {
    grid-template-columns: repeat(5, 1fr);
  }

  .md\:grid-cols-6 {
    grid-template-columns: repeat(6, 1fr);
  }

  .md\:grid-cols-7 {
    grid-template-columns: repeat(7, 1fr);
  }

  .md\:grid-cols-8 {
    grid-template-columns: repeat(8, 1fr);
  }

  .md\:grid-cols-9 {
    grid-template-columns: repeat(9, 1fr);
  }

  .md\:grid-cols-10 {
    grid-template-columns: repeat(10, 1fr);
  }

  .md\:grid-cols-11 {
    grid-template-columns: repeat(11, 1fr);
  }

  .md\:grid-cols-12 {
    grid-template-columns: repeat(12, 1fr);
  }
}

@media (min-width: 1280px) {
  .xl\:grid-cols-1 {
    grid-template-columns: repeat(1, 1fr);
  }

  .xl\:grid-cols-2 {
    grid-template-columns: repeat(2, 1fr);
  }

  .xl\:grid-cols-3 {
    grid-template-columns: repeat(3, 1fr);
  }

  .xl\:grid-cols-4 {
    grid-template-columns: repeat(4, 1fr);
  }

  .xl\:grid-cols-5 {
    grid-template-columns: repeat(5, 1fr);
  }

  .xl\:grid-cols-6 {
    grid-template-columns: repeat(6, 1fr);
  }

  .xl\:grid-cols-7 {
    grid-template-columns: repeat(7, 1fr);
  }

  .xl\:grid-cols-8 {
    grid-template-columns: repeat(8, 1fr);
  }

  .xl\:grid-cols-9 {
    grid-template-columns: repeat(9, 1fr);
  }

  .xl\:grid-cols-10 {
    grid-template-columns: repeat(10, 1fr);
  }

  .xl\:grid-cols-11 {
    grid-template-columns: repeat(11, 1fr);
  }

  .xl\:grid-cols-12 {
    grid-template-columns: repeat(12, 1fr);
  }
}

@media (min-width: 1441px) {
  .\32xl\:grid-cols-1 {
    grid-template-columns: repeat(1, 1fr);
  }

  .\32xl\:grid-cols-2 {
    grid-template-columns: repeat(2, 1fr);
  }

  .\32xl\:grid-cols-3 {
    grid-template-columns: repeat(3, 1fr);
  }

  .\32xl\:grid-cols-4 {
    grid-template-columns: repeat(4, 1fr);
  }

  .\32xl\:grid-cols-5 {
    grid-template-columns: repeat(5, 1fr);
  }

  .\32xl\:grid-cols-6 {
    grid-template-columns: repeat(6, 1fr);
  }

  .\32xl\:grid-cols-7 {
    grid-template-columns: repeat(7, 1fr);
  }

  .\32xl\:grid-cols-8 {
    grid-template-columns: repeat(8, 1fr);
  }

  .\32xl\:grid-cols-9 {
    grid-template-columns: repeat(9, 1fr);
  }

  .\32xl\:grid-cols-10 {
    grid-template-columns: repeat(10, 1fr);
  }

  .\32xl\:grid-cols-11 {
    grid-template-columns: repeat(11, 1fr);
  }

  .\32xl\:grid-cols-12 {
    grid-template-columns: repeat(12, 1fr);
  }
}

/* Hide/show elements based on breakpoints */
.hidden {
  display: none !important;
}

.block {
  display: block;
}

.inline {
  display: inline-block;
}

.inline-flex {
  display: inline-flex;
}

.flex {
  display: flex;
}

.grid {
  display: grid;
  gap: var(--grid-gap);
}

@media (min-width: 768px) {
  .md\:hidden {
    display: none !important;
  }
  .md\:block {
    display: block !important;
  }
  .md\:inline {
    display: inline-block !important;
  }
  .md\:inline-flex {
    display: inline-flex !important;
  }
  .md\:flex {
    display: flex !important;
  }
  .md\:grid {
    display: grid !important;;
    gap: var(--grid-gap);
  }
}

@media (min-width: 1280px) {
  .xl\:hidden {
    display: none !important;
  }
  .xl\:block {
    display: block !important;
  }
  .xl\:inline {
    display: inline-block !important;
  }
  .xl\:inline-flex {
    display: inline-flex !important;
  }
  .xl\:flex {
    display: flex !important;
  }
  .xl\:grid {
    display: grid !important;
    gap: var(--grid-gap);
  }
}

@media (min-width: 1441px) {
  .\32xl\:hidden {
    display: none !important;
  }
  .\32xl\:block {
    display: block !important;
  }
  .\32xl\:inline {
    display: inline-block !important;
  }
  .\32xl\:inline-flex {
    display: inline-flex !important;
  }
  .\32xl\:flex {
    display: flex !important;
  }
  .\32xl\:grid {
    display: grid !important;
    gap: var(--grid-gap);
  }
}

/* Grid column span (controls width of elements) */
.col-span-1 { grid-column: span 1 / span 1; }
.col-span-2 { grid-column: span 2 / span 2; }
.col-span-3 { grid-column: span 3 / span 3; }
.col-span-4 { grid-column: span 4 / span 4; }
.col-span-5 { grid-column: span 5 / span 5; }
.col-span-6 { grid-column: span 6 / span 6; }
.col-span-7 { grid-column: span 7 / span 7; }
.col-span-8 { grid-column: span 8 / span 8; }
.col-span-9 { grid-column: span 9 / span 9; }
.col-span-10 { grid-column: span 10 / span 10; }
.col-span-11 { grid-column: span 11 / span 11; }
.col-span-12 { grid-column: span 12 / span 12; }

@media (min-width: 768px) {
  .md\:col-span-1 { grid-column: span 1 / span 1; }
  .md\:col-span-2 { grid-column: span 2 / span 2; }
  .md\:col-span-3 { grid-column: span 3 / span 3; }
  .md\:col-span-4 { grid-column: span 4 / span 4; }
  .md\:col-span-5 { grid-column: span 5 / span 5; }
  .md\:col-span-6 { grid-column: span 6 / span 6; }
  .md\:col-span-7 { grid-column: span 7 / span 7; }
  .md\:col-span-8 { grid-column: span 8 / span 8; }
  .md\:col-span-9 { grid-column: span 9 / span 9; }
  .md\:col-span-10 { grid-column: span 10 / span 10; }
  .md\:col-span-11 { grid-column: span 11 / span 11; }
  .md\:col-span-12 { grid-column: span 12 / span 12; }
}

@media (min-width: 1280px) {
  .xl\:col-span-1 { grid-column: span 1 / span 1; }
  .xl\:col-span-2 { grid-column: span 2 / span 2; }
  .xl\:col-span-3 { grid-column: span 3 / span 3; }
  .xl\:col-span-4 { grid-column: span 4 / span 4; }
  .xl\:col-span-5 { grid-column: span 5 / span 5; }
  .xl\:col-span-6 { grid-column: span 6 / span 6; }
  .xl\:col-span-7 { grid-column: span 7 / span 7; }
  .xl\:col-span-8 { grid-column: span 8 / span 8; }
  .xl\:col-span-9 { grid-column: span 9 / span 9; }
  .xl\:col-span-10 { grid-column: span 10 / span 10; }
  .xl\:col-span-11 { grid-column: span 11 / span 11; }
  .xl\:col-span-12 { grid-column: span 12 / span 12; }
}

@media (min-width: 1441px) {
  .\32xl\:col-span-1 { grid-column: span 1 / span 1; }
  .\32xl\:col-span-2 { grid-column: span 2 / span 2; }
  .\32xl\:col-span-3 { grid-column: span 3 / span 3; }
  .\32xl\:col-span-4 { grid-column: span 4 / span 4; }
  .\32xl\:col-span-5 { grid-column: span 5 / span 5; }
  .\32xl\:col-span-6 { grid-column: span 6 / span 6; }
  .\32xl\:col-span-7 { grid-column: span 7 / span 7; }
  .\32xl\:col-span-8 { grid-column: span 8 / span 8; }
  .\32xl\:col-span-9 { grid-column: span 9 / span 9; }
  .\32xl\:col-span-10 { grid-column: span 10 / span 10; }
  .\32xl\:col-span-11 { grid-column: span 11 / span 11; }
  .\32xl\:col-span-12 { grid-column: span 12 / span 12; }
}

/* Column offset (moves columns forward without occupying space) */
.offset-0 { grid-column-start: 1; }
.offset-1 { grid-column-start: 2; }
.offset-2 { grid-column-start: 3; }
.offset-3 { grid-column-start: 4; }
.offset-4 { grid-column-start: 5; }
.offset-5 { grid-column-start: 6; }
.offset-6 { grid-column-start: 7; }
.offset-7 { grid-column-start: 8; }
.offset-8 { grid-column-start: 9; }
.offset-9 { grid-column-start: 10; }
.offset-10 { grid-column-start: 11; }
.offset-11 { grid-column-start: 12; }

@media (min-width: 768px) {
  .md\:offset-0 { grid-column-start: 1; }
  .md\:offset-1 { grid-column-start: 2; }
  .md\:offset-2 { grid-column-start: 3; }
  .md\:offset-3 { grid-column-start: 4; }
  .md\:offset-4 { grid-column-start: 5; }
  .md\:offset-5 { grid-column-start: 6; }
  .md\:offset-6 { grid-column-start: 7; }
  .md\:offset-7 { grid-column-start: 8; }
  .md\:offset-8 { grid-column-start: 9; }
  .md\:offset-9 { grid-column-start: 10; }
  .md\:offset-10 { grid-column-start: 11; }
  .md\:offset-11 { grid-column-start: 12; }
}

@media (min-width: 1280px) {
  .xl\:offset-0 { grid-column-start: 1; }
  .xl\:offset-1 { grid-column-start: 2; }
  .xl\:offset-2 { grid-column-start: 3; }
  .xl\:offset-3 { grid-column-start: 4; }
  .xl\:offset-4 { grid-column-start: 5; }
  .xl\:offset-5 { grid-column-start: 6; }
  .xl\:offset-6 { grid-column-start: 7; }
  .xl\:offset-7 { grid-column-start: 8; }
  .xl\:offset-8 { grid-column-start: 9; }
  .xl\:offset-9 { grid-column-start: 10; }
  .xl\:offset-10 { grid-column-start: 11; }
  .xl\:offset-11 { grid-column-start: 12; }
}

@media (min-width: 1441px) {
  .\32xl\:offset-0 { grid-column-start: 1; }
  .\32xl\:offset-1 { grid-column-start: 2; }
  .\32xl\:offset-2 { grid-column-start: 3; }
  .\32xl\:offset-3 { grid-column-start: 4; }
  .\32xl\:offset-4 { grid-column-start: 5; }
  .\32xl\:offset-5 { grid-column-start: 6; }
  .\32xl\:offset-6 { grid-column-start: 7; }
  .\32xl\:offset-7 { grid-column-start: 8; }
  .\32xl\:offset-8 { grid-column-start: 9; }
  .\32xl\:offset-9 { grid-column-start: 10; }
  .\32xl\:offset-10 { grid-column-start: 11; }
  .\32xl\:offset-11 { grid-column-start: 12; }
}

.row-start-1 { grid-row-start: 1; }
.row-start-2 { grid-row-start: 2; }
.row-start-3 { grid-row-start: 3; }

@media (min-width: 768px) {
  .md\:row-start-1 { grid-row-start: 1; }
  .md\:row-start-2 { grid-row-start: 2; }
  .md\:row-start-3 { grid-row-start: 3; }
}

@media (min-width: 1280px) {
  .xl\:row-start-1 { grid-row-start: 1; }
  .xl\:row-start-2 { grid-row-start: 2; }
  .xl\:row-start-3 { grid-row-start: 3; }
  .xl\:row-span-2 { grid-row: span 2 / span 2; }
}

@media (min-width: 1441px) {
  .\32xl\:row-start-1 { grid-row-start: 1; }
  .\32xl\:row-start-2 { grid-row-start: 2; }
  .\32xl\:row-start-3 { grid-row-start: 3; }
}

/* Gap  */

.gap-0{
  gap: 0;
}

.gap-sm {
  gap: var(--space-sm);
}

.gap-y-xl{
  row-gap: var(--space-xl);
}

.gap-row-0{
  row-gap: 0;
}

.gap-row-xl {
  row-gap: var(--space-xl);
}

.gap-row-sm {
  row-gap: var(--space-sm);
}

@media (min-width: 768px) {
  .md\:gap-0{
    gap: 0;
  }

  .md\:gap-sm {
    gap: var(--space-sm);
  }

  .md\:gap-y-xl{
    row-gap: var(--space-xl);
  }

  .md\:gap-row-0 {
    row-gap: 0;
  }

  .md\:gap-row-xl {
    row-gap: var(--space-xl);
  }

  .md\:gap-row-sm {
    row-gap: var(--space-sm);
  }
}

@media (min-width: 1280px) {
  .xl\:gap-0{
    gap: 0;
  }

  .xl\:gap-y-xl{
    row-gap: var(--space-xl);
  }

  .xl\:gap-row-0 {
    row-gap: 0;
  }

  .xl\:gap-row-xl {
    row-gap: var(--space-xl);
  }

  .xl\:gap-row-sm {
    row-gap: var(--space-sm);
  }
}

@media (min-width: 1441px) {
  .\32xl\:gap-0{
    gap: 0;
  }

  .\32xl\:gap-y-xl {
    row-gap: var(--space-xl);
  }

  .\32xl\:gap-row-0 {
    row-gap: 0;
  }

  .\32xl\:gap-row-xl {
    row-gap: var(--space-xl);
  }

  .\32xl\:gap-row-sm {
    row-gap: var(--space-sm);
  }
}

/* Margin Top Utilities */
.mt-auto { margin-top: auto; }
.mt-initial { margin-top: initial; }
.mt-0 { margin-top: 0; }
.mt-micro { margin-top: var(--space-micro); }
.mt-tiny { margin-top: var(--space-tiny); }
.mt-xs { margin-top: var(--space-xs); }
.mt-sm { margin-top: var(--space-sm); }
.mt-md { margin-top: var(--space-md); }
.mt-ml { margin-top: var(--space-ml); }
.mt-lg { margin-top: var(--space-lg); }
.mt-xl { margin-top: var(--space-xl); }
.mt-2xl { margin-top: var(--space-2xl); }
.mt-3xl { margin-top: var(--space-3xl); }
.mt-4xl { margin-top: var(--space-4xl); }
.mt-5xl { margin-top: var(--space-5xl); }
.mt-6xl { margin-top: var(--space-6xl); }
.mt-7xl { margin-top: var(--space-7xl); }
.mt-8xl { margin-top: var(--space-8xl); }
.mt-9xl { margin-top: var(--space-9xl); }
.mt-10xl { margin-top: var(--space-10xl); }
.mt-11xl { margin-top: var(--space-11xl); }

/* Margin Bottom Utilities */
.mb-auto { margin-bottom: auto; }
.mb-initial { margin-bottom: initial; }
.mb-0 { margin-bottom: 0; }
.mb-micro { margin-bottom: var(--space-micro); }
.mb-tiny { margin-bottom: var(--space-tiny); }
.mb-xs { margin-bottom: var(--space-xs); }
.mb-sm { margin-bottom: var(--space-sm); }
.mb-md { margin-bottom: var(--space-md); }
.mb-ml { margin-bottom: var(--space-ml); }
.mb-lg { margin-bottom: var(--space-lg); }
.mb-xl { margin-bottom: var(--space-xl); }
.mb-2xl { margin-bottom: var(--space-2xl); }
.mb-3xl { margin-bottom: var(--space-3xl); }
.mb-4xl { margin-bottom: var(--space-4xl); }
.mb-5xl { margin-bottom: var(--space-5xl); }
.mb-6xl { margin-bottom: var(--space-6xl); }
.mb-7xl { margin-bottom: var(--space-7xl); }
.mb-8xl { margin-bottom: var(--space-8xl); }
.mb-9xl { margin-bottom: var(--space-9xl); }
.mb-10xl { margin-bottom: var(--space-10xl); }
.mb-11xl { margin-bottom: var(--space-11xl); }

/* Margin Left Utilities */
.ml-auto { margin-left: auto; }
.ml-initial { margin-left: initial; }
.ml-0 { margin-left: 0; }
.ml-micro { margin-left: var(--space-micro); }
.ml-tiny { margin-left: var(--space-tiny); }
.ml-xs { margin-left: var(--space-xs); }
.ml-sm { margin-left: var(--space-sm); }
.ml-md { margin-left: var(--space-md); }
.ml-ml { margin-left: var(--space-ml); }
.ml-lg { margin-left: var(--space-lg); }
.ml-xl { margin-left: var(--space-xl); }
.ml-2xl { margin-left: var(--space-2xl); }
.ml-3xl { margin-left: var(--space-3xl); }
.ml-4xl { margin-left: var(--space-4xl); }
.ml-5xl { margin-left: var(--space-5xl); }
.ml-6xl { margin-left: var(--space-6xl); }
.ml-7xl { margin-left: var(--space-7xl); }
.ml-8xl { margin-left: var(--space-8xl); }
.ml-9xl { margin-left: var(--space-9xl); }
.ml-10xl { margin-left: var(--space-10xl); }
.ml-11xl { margin-left: var(--space-11xl); }

/* Margin Right Utilities */
.mr-auto { margin-right: auto; }
.mr-initial { margin-right: initial; }
.mr-0 { margin-right: 0; }
.mr-micro { margin-right: var(--space-micro); }
.mr-tiny { margin-right: var(--space-tiny); }
.mr-xs { margin-right: var(--space-xs); }
.mr-sm { margin-right: var(--space-sm); }
.mr-md { margin-right: var(--space-md); }
.mr-ml { margin-right: var(--space-ml); }
.mr-lg { margin-right: var(--space-lg); }
.mr-xl { margin-right: var(--space-xl); }
.mr-2xl { margin-right: var(--space-2xl); }
.mr-3xl { margin-right: var(--space-3xl); }
.mr-4xl { margin-right: var(--space-4xl); }
.mr-5xl { margin-right: var(--space-5xl); }
.mr-6xl { margin-right: var(--space-6xl); }
.mr-7xl { margin-right: var(--space-7xl); }
.mr-8xl { margin-right: var(--space-8xl); }
.mr-9xl { margin-right: var(--space-9xl); }
.mr-10xl { margin-right: var(--space-10xl); }
.mr-11xl { margin-right: var(--space-11xl); }

/* Margin All Sides */
.m-auto { margin: auto; }
.m-initial { margin: initial; }
.m-0 { margin: 0; }
.m-micro { margin: var(--space-micro); }
.m-tiny { margin: var(--space-tiny); }
.m-xs { margin: var(--space-xs); }
.m-sm { margin: var(--space-sm); }
.m-md { margin: var(--space-md); }
.m-ml { margin: var(--space-ml); }
.m-lg { margin: var(--space-lg); }
.m-xl { margin: var(--space-xl); }
.m-2xl { margin: var(--space-2xl); }
.m-3xl { margin: var(--space-3xl); }
.m-4xl { margin: var(--space-4xl); }
.m-5xl { margin: var(--space-5xl); }
.m-6xl { margin: var(--space-6xl); }
.m-7xl { margin: var(--space-7xl); }
.m-8xl { margin: var(--space-8xl); }
.m-9xl { margin: var(--space-9xl); }
.m-10xl { margin: var(--space-10xl); }
.m-11xl { margin: var(--space-11xl); }

/* Margin Horizontal (left + right) */
.mx-auto { margin-left: auto; margin-right: auto; }
.mx-initial { margin-left: initial; margin-right: initial; }
.mx-0 { margin-left: 0; margin-right: 0; }
.mx-micro { margin-left: var(--space-micro); margin-right: var(--space-micro); }
.mx-tiny { margin-left: var(--space-tiny); margin-right: var(--space-tiny); }
.mx-xs { margin-left: var(--space-xs); margin-right: var(--space-xs); }
.mx-sm { margin-left: var(--space-sm); margin-right: var(--space-sm); }
.mx-md { margin-left: var(--space-md); margin-right: var(--space-md); }
.mx-ml { margin-left: var(--space-ml); margin-right: var(--space-ml); }
.mx-lg { margin-left: var(--space-lg); margin-right: var(--space-lg); }
.mx-xl { margin-left: var(--space-xl); margin-right: var(--space-xl); }
.mx-2xl { margin-left: var(--space-2xl); margin-right: var(--space-2xl); }
.mx-3xl { margin-left: var(--space-3xl); margin-right: var(--space-3xl); }
.mx-4xl { margin-left: var(--space-4xl); margin-right: var(--space-4xl); }
.mx-5xl { margin-left: var(--space-5xl); margin-right: var(--space-5xl); }
.mx-6xl { margin-left: var(--space-6xl); margin-right: var(--space-6xl); }
.mx-7xl { margin-left: var(--space-7xl); margin-right: var(--space-7xl); }
.mx-8xl { margin-left: var(--space-8xl); margin-right: var(--space-8xl); }
.mx-9xl { margin-left: var(--space-9xl); margin-right: var(--space-9xl); }
.mx-10xl { margin-left: var(--space-10xl); margin-right: var(--space-10xl); }
.mx-11xl { margin-left: var(--space-11xl); margin-right: var(--space-11xl); }

/* Margin Vertical (top + bottom) */
.my-auto { margin-top: auto; margin-bottom: auto; }
.my-0 { margin-top: 0; margin-bottom: 0; }
.my-micro { margin-top: var(--space-micro); margin-bottom: var(--space-micro); }
.my-tiny { margin-top: var(--space-tiny); margin-bottom: var(--space-tiny); }
.my-xs { margin-top: var(--space-xs); margin-bottom: var(--space-xs); }
.my-sm { margin-top: var(--space-sm); margin-bottom: var(--space-sm); }
.my-md { margin-top: var(--space-md); margin-bottom: var(--space-md); }
.my-ml { margin-top: var(--space-ml); margin-bottom: var(--space-ml); }
.my-lg { margin-top: var(--space-lg); margin-bottom: var(--space-lg); }
.my-xl { margin-top: var(--space-xl); margin-bottom: var(--space-xl); }
.my-2xl { margin-top: var(--space-2xl); margin-bottom: var(--space-2xl); }
.my-3xl { margin-top: var(--space-3xl); margin-bottom: var(--space-3xl); }
.my-4xl { margin-top: var(--space-4xl); margin-bottom: var(--space-4xl); }
.my-5xl { margin-top: var(--space-5xl); margin-bottom: var(--space-5xl); }
.my-6xl { margin-top: var(--space-6xl); margin-bottom: var(--space-6xl); }
.my-7xl { margin-top: var(--space-7xl); margin-bottom: var(--space-7xl); }
.my-8xl { margin-top: var(--space-8xl); margin-bottom: var(--space-8xl); }
.my-9xl { margin-top: var(--space-9xl); margin-bottom: var(--space-9xl); }
.my-10xl { margin-top: var(--space-10xl); margin-bottom: var(--space-10xl); }
.my-11xl { margin-top: var(--space-11xl); margin-bottom: var(--space-11xl); }

/* Negative Margins */
.-mt-micro { margin-top: calc(-1 * var(--space-micro)); }
.-mt-tiny { margin-top: calc(-1 * var(--space-tiny)); }
.-mt-xs { margin-top: calc(-1 * var(--space-xs)); }
.-mt-sm { margin-top: calc(-1 * var(--space-sm)); }
.-mt-md { margin-top: calc(-1 * var(--space-md)); }
.-mt-ml { margin-top: calc(-1 * var(--space-ml)); }
.-mt-lg { margin-top: calc(-1 * var(--space-lg)); }
.-mt-xl { margin-top: calc(-1 * var(--space-xl)); }
.-mt-2xl { margin-top: calc(-1 * var(--space-2xl)); }
.-mt-3xl { margin-top: calc(-1 * var(--space-3xl)); }
.-mt-4xl { margin-top: calc(-1 * var(--space-4xl)); }
.-mt-5xl { margin-top: calc(-1 * var(--space-5xl)); }
.-mt-6xl { margin-top: calc(-1 * var(--space-6xl)); }
.-mt-7xl { margin-top: calc(-1 * var(--space-7xl)); }
.-mt-8xl { margin-top: calc(-1 * var(--space-8xl)); }
.-mt-9xl { margin-top: calc(-1 * var(--space-9xl)); }
.-mt-10xl { margin-top: calc(-1 * var(--space-10xl)); }
.-mt-11xl { margin-top: calc(-1 * var(--space-11xl)); }

.-mb-micro { margin-bottom: calc(-1 * var(--space-micro)); }
.-mb-tiny { margin-bottom: calc(-1 * var(--space-tiny)); }
.-mb-xs { margin-bottom: calc(-1 * var(--space-xs)); }
.-mb-sm { margin-bottom: calc(-1 * var(--space-sm)); }
.-mb-md { margin-bottom: calc(-1 * var(--space-md)); }
.-mb-ml { margin-bottom: calc(-1 * var(--space-ml)); }
.-mb-lg { margin-bottom: calc(-1 * var(--space-lg)); }
.-mb-xl { margin-bottom: calc(-1 * var(--space-xl)); }
.-mb-2xl { margin-bottom: calc(-1 * var(--space-2xl)); }
.-mb-3xl { margin-bottom: calc(-1 * var(--space-3xl)); }
.-mb-4xl { margin-bottom: calc(-1 * var(--space-4xl)); }
.-mb-5xl { margin-bottom: calc(-1 * var(--space-5xl)); }
.-mb-6xl { margin-bottom: calc(-1 * var(--space-6xl)); }
.-mb-7xl { margin-bottom: calc(-1 * var(--space-7xl)); }
.-mb-8xl { margin-bottom: calc(-1 * var(--space-8xl)); }
.-mb-9xl { margin-bottom: calc(-1 * var(--space-9xl)); }
.-mb-10xl { margin-bottom: calc(-1 * var(--space-10xl)); }
.-mb-11xl { margin-bottom: calc(-1 * var(--space-11xl)); }

.-ml-micro { margin-left: calc(-1 * var(--space-micro)); }
.-ml-tiny { margin-left: calc(-1 * var(--space-tiny)); }
.-ml-xs { margin-left: calc(-1 * var(--space-xs)); }
.-ml-sm { margin-left: calc(-1 * var(--space-sm)); }
.-ml-md { margin-left: calc(-1 * var(--space-md)); }
.-ml-ml { margin-left: calc(-1 * var(--space-ml)); }
.-ml-lg { margin-left: calc(-1 * var(--space-lg)); }
.-ml-xl { margin-left: calc(-1 * var(--space-xl)); }
.-ml-2xl { margin-left: calc(-1 * var(--space-2xl)); }
.-ml-3xl { margin-left: calc(-1 * var(--space-3xl)); }
.-ml-4xl { margin-left: calc(-1 * var(--space-4xl)); }
.-ml-5xl { margin-left: calc(-1 * var(--space-5xl)); }
.-ml-6xl { margin-left: calc(-1 * var(--space-6xl)); }
.-ml-7xl { margin-left: calc(-1 * var(--space-7xl)); }
.-ml-8xl { margin-left: calc(-1 * var(--space-8xl)); }
.-ml-9xl { margin-left: calc(-1 * var(--space-9xl)); }
.-ml-10xl { margin-left: calc(-1 * var(--space-10xl)); }
.-ml-11xl { margin-left: calc(-1 * var(--space-11xl)); }

.-mr-micro { margin-right: calc(-1 * var(--space-micro)); }
.-mr-tiny { margin-right: calc(-1 * var(--space-tiny)); }
.-mr-xs { margin-right: calc(-1 * var(--space-xs)); }
.-mr-sm { margin-right: calc(-1 * var(--space-sm)); }
.-mr-md { margin-right: calc(-1 * var(--space-md)); }
.-mr-ml { margin-right: calc(-1 * var(--space-ml)); }
.-mr-lg { margin-right: calc(-1 * var(--space-lg)); }
.-mr-xl { margin-right: calc(-1 * var(--space-xl)); }
.-mr-2xl { margin-right: calc(-1 * var(--space-2xl)); }
.-mr-3xl { margin-right: calc(-1 * var(--space-3xl)); }
.-mr-4xl { margin-right: calc(-1 * var(--space-4xl)); }
.-mr-5xl { margin-right: calc(-1 * var(--space-5xl)); }
.-mr-6xl { margin-right: calc(-1 * var(--space-6xl)); }
.-mr-7xl { margin-right: calc(-1 * var(--space-7xl)); }
.-mr-8xl { margin-right: calc(-1 * var(--space-8xl)); }
.-mr-9xl { margin-right: calc(-1 * var(--space-9xl)); }
.-mr-10xl { margin-right: calc(-1 * var(--space-10xl)); }
.-mr-11xl { margin-right: calc(-1 * var(--space-11xl)); }

/* Responsive Margins */
@media (min-width: 768px) {
  .md\:mt-auto { margin-top: auto; }
  .md\:mt-initial { margin-top: initial; }
  .md\:mt-0 { margin-top: 0; }
  .md\:mt-micro { margin-top: var(--space-micro); }
  .md\:mt-tiny { margin-top: var(--space-tiny); }
  .md\:mt-xs { margin-top: var(--space-xs); }
  .md\:mt-sm { margin-top: var(--space-sm); }
  .md\:mt-md { margin-top: var(--space-md); }
  .md\:mt-ml { margin-top: var(--space-ml); }
  .md\:mt-lg { margin-top: var(--space-lg); }
  .md\:mt-xl { margin-top: var(--space-xl); }
  .md\:mt-2xl { margin-top: var(--space-2xl); }
  .md\:mt-3xl { margin-top: var(--space-3xl); }
  .md\:mt-4xl { margin-top: var(--space-4xl); }
  .md\:mt-5xl { margin-top: var(--space-5xl); }
  .md\:mt-6xl { margin-top: var(--space-6xl); }
  .md\:mt-7xl { margin-top: var(--space-7xl); }
  .md\:mt-8xl { margin-top: var(--space-8xl); }
  .md\:mt-9xl { margin-top: var(--space-9xl); }
  .md\:mt-10xl { margin-top: var(--space-10xl); }
  .md\:mt-11xl { margin-top: var(--space-11xl); }

  .md\:mb-auto { margin-bottom: auto; }
  .md\:mb-initial { margin-bottom: initial; }
  .md\:mb-0 { margin-bottom: 0; }
  .md\:mb-micro { margin-bottom: var(--space-micro); }
  .md\:mb-tiny { margin-bottom: var(--space-tiny); }
  .md\:mb-xs { margin-bottom: var(--space-xs); }
  .md\:mb-sm { margin-bottom: var(--space-sm); }
  .md\:mb-md { margin-bottom: var(--space-md); }
  .md\:mb-ml { margin-bottom: var(--space-ml); }
  .md\:mb-lg { margin-bottom: var(--space-lg); }
  .md\:mb-xl { margin-bottom: var(--space-xl); }
  .md\:mb-2xl { margin-bottom: var(--space-2xl); }
  .md\:mb-3xl { margin-bottom: var(--space-3xl); }
  .md\:mb-4xl { margin-bottom: var(--space-4xl); }
  .md\:mb-5xl { margin-bottom: var(--space-5xl); }
  .md\:mb-6xl { margin-bottom: var(--space-6xl); }
  .md\:mb-7xl { margin-bottom: var(--space-7xl); }
  .md\:mb-8xl { margin-bottom: var(--space-8xl); }
  .md\:mb-9xl { margin-bottom: var(--space-9xl); }
  .md\:mb-10xl { margin-bottom: var(--space-10xl); }
  .md\:mb-11xl { margin-bottom: var(--space-11xl); }

  .md\:ml-auto { margin-left: auto; }
  .md\:ml-initial { margin-left: initial; }
  .md\:ml-0 { margin-left: 0; }
  .md\:ml-micro { margin-left: var(--space-micro); }
  .md\:ml-tiny { margin-left: var(--space-tiny); }
  .md\:ml-xs { margin-left: var(--space-xs); }
  .md\:ml-sm { margin-left: var(--space-sm); }
  .md\:ml-md { margin-left: var(--space-md); }
  .md\:ml-ml { margin-left: var(--space-ml); }
  .md\:ml-lg { margin-left: var(--space-lg); }
  .md\:ml-xl { margin-left: var(--space-xl); }
  .md\:ml-2xl { margin-left: var(--space-2xl); }
  .md\:ml-3xl { margin-left: var(--space-3xl); }
  .md\:ml-4xl { margin-left: var(--space-4xl); }
  .md\:ml-5xl { margin-left: var(--space-5xl); }
  .md\:ml-6xl { margin-left: var(--space-6xl); }
  .md\:ml-7xl { margin-left: var(--space-7xl); }
  .md\:ml-8xl { margin-left: var(--space-8xl); }
  .md\:ml-9xl { margin-left: var(--space-9xl); }
  .md\:ml-10xl { margin-left: var(--space-10xl); }
  .md\:ml-11xl { margin-left: var(--space-11xl); }

  /* Margin Right Utilities */
  .md\:mr-auto { margin-right: auto; }
  .md\:mr-initial { margin-right: initial; }
  .md\:mr-0 { margin-right: 0; }
  .md\:mr-micro { margin-right: var(--space-micro); }
  .md\:mr-tiny { margin-right: var(--space-tiny); }
  .md\:mr-xs { margin-right: var(--space-xs); }
  .md\:mr-sm { margin-right: var(--space-sm); }
  .md\:mr-md { margin-right: var(--space-md); }
  .md\:mr-ml { margin-right: var(--space-ml); }
  .md\:mr-lg { margin-right: var(--space-lg); }
  .md\:mr-xl { margin-right: var(--space-xl); }
  .md\:mr-2xl { margin-right: var(--space-2xl); }
  .md\:mr-3xl { margin-right: var(--space-3xl); }
  .md\:mr-4xl { margin-right: var(--space-4xl); }
  .md\:mr-5xl { margin-right: var(--space-5xl); }
  .md\:mr-6xl { margin-right: var(--space-6xl); }
  .md\:mr-7xl { margin-right: var(--space-7xl); }
  .md\:mr-8xl { margin-right: var(--space-8xl); }
  .md\:mr-9xl { margin-right: var(--space-9xl); }
  .md\:mr-10xl { margin-right: var(--space-10xl); }
  .md\:mr-11xl { margin-right: var(--space-11xl); }

  /* Margin All Sides */
  .md\:m-auto { margin: auto; }
  .md\:m-initial { margin: initial; }
  .md\:m-0 { margin: 0; }
  .md\:m-micro { margin: var(--space-micro); }
  .md\:m-tiny { margin: var(--space-tiny); }
  .md\:m-xs { margin: var(--space-xs); }
  .md\:m-sm { margin: var(--space-sm); }
  .md\:m-md { margin: var(--space-md); }
  .md\:m-ml { margin: var(--space-ml); }
  .md\:m-lg { margin: var(--space-lg); }
  .md\:m-xl { margin: var(--space-xl); }
  .md\:m-2xl { margin: var(--space-2xl); }
  .md\:m-3xl { margin: var(--space-3xl); }
  .md\:m-4xl { margin: var(--space-4xl); }
  .md\:m-5xl { margin: var(--space-5xl); }
  .md\:m-6xl { margin: var(--space-6xl); }
  .md\:m-7xl { margin: var(--space-7xl); }
  .md\:m-8xl { margin: var(--space-8xl); }
  .md\:m-9xl { margin: var(--space-9xl); }
  .md\:m-10xl { margin: var(--space-10xl); }
  .md\:m-11xl { margin: var(--space-11xl); }

  /* Margin Horizontal (left + right) */
  .md\:mx-auto { margin-left: auto; margin-right: auto; }
  .md\:mx-0 { margin-left: 0; margin-right: 0; }
  .md\:mx-micro { margin-left: var(--space-micro); margin-right: var(--space-micro); }
  .md\:mx-tiny { margin-left: var(--space-tiny); margin-right: var(--space-tiny); }
  .md\:mx-xs { margin-left: var(--space-xs); margin-right: var(--space-xs); }
  .md\:mx-sm { margin-left: var(--space-sm); margin-right: var(--space-sm); }
  .md\:mx-md { margin-left: var(--space-md); margin-right: var(--space-md); }
  .md\:mx-ml { margin-left: var(--space-ml); margin-right: var(--space-ml); }
  .md\:mx-lg { margin-left: var(--space-lg); margin-right: var(--space-lg); }
  .md\:mx-xl { margin-left: var(--space-xl); margin-right: var(--space-xl); }
  .md\:mx-2xl { margin-left: var(--space-2xl); margin-right: var(--space-2xl); }
  .md\:mx-3xl { margin-left: var(--space-3xl); margin-right: var(--space-3xl); }
  .md\:mx-4xl { margin-left: var(--space-4xl); margin-right: var(--space-4xl); }
  .md\:mx-5xl { margin-left: var(--space-5xl); margin-right: var(--space-5xl); }
  .md\:mx-6xl { margin-left: var(--space-6xl); margin-right: var(--space-6xl); }
  .md\:mx-7xl { margin-left: var(--space-7xl); margin-right: var(--space-7xl); }
  .md\:mx-8xl { margin-left: var(--space-8xl); margin-right: var(--space-8xl); }
  .md\:mx-9xl { margin-left: var(--space-9xl); margin-right: var(--space-9xl); }
  .md\:mx-10xl { margin-left: var(--space-10xl); margin-right: var(--space-10xl); }
  .md\:mx-11xl { margin-left: var(--space-11xl); margin-right: var(--space-11xl); }

  /* Margin Vertical (top + bottom) */
  .md\:my-auto { margin-top: auto; margin-bottom: auto; }
  .md\:my-0 { margin-top: 0; margin-bottom: 0; }
  .md\:my-micro { margin-top: var(--space-micro); margin-bottom: var(--space-micro); }
  .md\:my-tiny { margin-top: var(--space-tiny); margin-bottom: var(--space-tiny); }
  .md\:my-xs { margin-top: var(--space-xs); margin-bottom: var(--space-xs); }
  .md\:my-sm { margin-top: var(--space-sm); margin-bottom: var(--space-sm); }
  .md\:my-md { margin-top: var(--space-md); margin-bottom: var(--space-md); }
  .md\:my-ml { margin-top: var(--space-ml); margin-bottom: var(--space-ml); }
  .md\:my-lg { margin-top: var(--space-lg); margin-bottom: var(--space-lg); }
  .md\:my-xl { margin-top: var(--space-xl); margin-bottom: var(--space-xl); }
  .md\:my-2xl { margin-top: var(--space-2xl); margin-bottom: var(--space-2xl); }
  .md\:my-3xl { margin-top: var(--space-3xl); margin-bottom: var(--space-3xl); }
  .md\:my-4xl { margin-top: var(--space-4xl); margin-bottom: var(--space-4xl); }
  .md\:my-5xl { margin-top: var(--space-5xl); margin-bottom: var(--space-5xl); }
  .md\:my-6xl { margin-top: var(--space-6xl); margin-bottom: var(--space-6xl); }
  .md\:my-7xl { margin-top: var(--space-7xl); margin-bottom: var(--space-7xl); }
  .md\:my-8xl { margin-top: var(--space-8xl); margin-bottom: var(--space-8xl); }
  .md\:my-9xl { margin-top: var(--space-9xl); margin-bottom: var(--space-9xl); }
  .md\:my-10xl { margin-top: var(--space-10xl); margin-bottom: var(--space-10xl); }
  .md\:my-11xl { margin-top: var(--space-11xl); margin-bottom: var(--space-11xl); }

  /* Negative Margins */
  .md\:-mt-micro { margin-top: calc(-1 * var(--space-micro)); }
  .md\:-mt-tiny { margin-top: calc(-1 * var(--space-tiny)); }
  .md\:-mt-xs { margin-top: calc(-1 * var(--space-xs)); }
  .md\:-mt-sm { margin-top: calc(-1 * var(--space-sm)); }
  .md\:-mt-md { margin-top: calc(-1 * var(--space-md)); }
  .md\:-mt-ml { margin-top: calc(-1 * var(--space-ml)); }
  .md\:-mt-lg { margin-top: calc(-1 * var(--space-lg)); }
  .md\:-mt-xl { margin-top: calc(-1 * var(--space-xl)); }
  .md\:-mt-2xl { margin-top: calc(-1 * var(--space-2xl)); }
  .md\:-mt-3xl { margin-top: calc(-1 * var(--space-3xl)); }
  .md\:-mt-4xl { margin-top: calc(-1 * var(--space-4xl)); }
  .md\:-mt-5xl { margin-top: calc(-1 * var(--space-5xl)); }
  .md\:-mt-6xl { margin-top: calc(-1 * var(--space-6xl)); }
  .md\:-mt-7xl { margin-top: calc(-1 * var(--space-7xl)); }
  .md\:-mt-8xl { margin-top: calc(-1 * var(--space-8xl)); }
  .md\:-mt-9xl { margin-top: calc(-1 * var(--space-9xl)); }
  .md\:-mt-10xl { margin-top: calc(-1 * var(--space-10xl)); }
  .md\:-mt-11xl { margin-top: calc(-1 * var(--space-11xl)); }

  .md\:-mb-micro { margin-bottom: calc(-1 * var(--space-micro)); }
  .md\:-mb-tiny { margin-bottom: calc(-1 * var(--space-tiny)); }
  .md\:-mb-xs { margin-bottom: calc(-1 * var(--space-xs)); }
  .md\:-mb-sm { margin-bottom: calc(-1 * var(--space-sm)); }
  .md\:-mb-md { margin-bottom: calc(-1 * var(--space-md)); }
  .md\:-mb-ml { margin-bottom: calc(-1 * var(--space-ml)); }
  .md\:-mb-lg { margin-bottom: calc(-1 * var(--space-lg)); }
  .md\:-mb-xl { margin-bottom: calc(-1 * var(--space-xl)); }
  .md\:-mb-2xl { margin-bottom: calc(-1 * var(--space-2xl)); }
  .md\:-mb-3xl { margin-bottom: calc(-1 * var(--space-3xl)); }
  .md\:-mb-4xl { margin-bottom: calc(-1 * var(--space-4xl)); }
  .md\:-mb-5xl { margin-bottom: calc(-1 * var(--space-5xl)); }
  .md\:-mb-6xl { margin-bottom: calc(-1 * var(--space-6xl)); }
  .md\:-mb-7xl { margin-bottom: calc(-1 * var(--space-7xl)); }
  .md\:-mb-8xl { margin-bottom: calc(-1 * var(--space-8xl)); }
  .md\:-mb-9xl { margin-bottom: calc(-1 * var(--space-9xl)); }
  .md\:-mb-10xl { margin-bottom: calc(-1 * var(--space-10xl)); }
  .md\:-mb-11xl { margin-bottom: calc(-1 * var(--space-11xl)); }

  .md\:-ml-micro { margin-left: calc(-1 * var(--space-micro)); }
  .md\:-ml-tiny { margin-left: calc(-1 * var(--space-tiny)); }
  .md\:-ml-xs { margin-left: calc(-1 * var(--space-xs)); }
  .md\:-ml-sm { margin-left: calc(-1 * var(--space-sm)); }
  .md\:-ml-md { margin-left: calc(-1 * var(--space-md)); }
  .md\:-ml-ml { margin-left: calc(-1 * var(--space-ml)); }
  .md\:-ml-lg { margin-left: calc(-1 * var(--space-lg)); }
  .md\:-ml-xl { margin-left: calc(-1 * var(--space-xl)); }
  .md\:-ml-2xl { margin-left: calc(-1 * var(--space-2xl)); }
  .md\:-ml-3xl { margin-left: calc(-1 * var(--space-3xl)); }
  .md\:-ml-4xl { margin-left: calc(-1 * var(--space-4xl)); }
  .md\:-ml-5xl { margin-left: calc(-1 * var(--space-5xl)); }
  .md\:-ml-6xl { margin-left: calc(-1 * var(--space-6xl)); }
  .md\:-ml-7xl { margin-left: calc(-1 * var(--space-7xl)); }
  .md\:-ml-8xl { margin-left: calc(-1 * var(--space-8xl)); }
  .md\:-ml-9xl { margin-left: calc(-1 * var(--space-9xl)); }
  .md\:-ml-10xl { margin-left: calc(-1 * var(--space-10xl)); }
  .md\:-ml-11xl { margin-left: calc(-1 * var(--space-11xl)); }

  .md\:-mr-micro { margin-right: calc(-1 * var(--space-micro)); }
  .md\:-mr-tiny { margin-right: calc(-1 * var(--space-tiny)); }
  .md\:-mr-xs { margin-right: calc(-1 * var(--space-xs)); }
  .md\:-mr-sm { margin-right: calc(-1 * var(--space-sm)); }
  .md\:-mr-md { margin-right: calc(-1 * var(--space-md)); }
  .md\:-mr-ml { margin-right: calc(-1 * var(--space-ml)); }
  .md\:-mr-lg { margin-right: calc(-1 * var(--space-lg)); }
  .md\:-mr-xl { margin-right: calc(-1 * var(--space-xl)); }
  .md\:-mr-2xl { margin-right: calc(-1 * var(--space-2xl)); }
  .md\:-mr-3xl { margin-right: calc(-1 * var(--space-3xl)); }
  .md\:-mr-4xl { margin-right: calc(-1 * var(--space-4xl)); }
  .md\:-mr-5xl { margin-right: calc(-1 * var(--space-5xl)); }
  .md\:-mr-6xl { margin-right: calc(-1 * var(--space-6xl)); }
  .md\:-mr-7xl { margin-right: calc(-1 * var(--space-7xl)); }
  .md\:-mr-8xl { margin-right: calc(-1 * var(--space-8xl)); }
  .md\:-mr-9xl { margin-right: calc(-1 * var(--space-9xl)); }
  .md\:-mr-10xl { margin-right: calc(-1 * var(--space-10xl)); }
  .md\:-mr-11xl { margin-right: calc(-1 * var(--space-11xl)); }
}

@media (min-width: 1280px) {
  .xl\:mt-auto { margin-top: auto; }
  .xl\:mt-initial { margin-top: initial; }
  .xl\:mt-0 { margin-top: 0; }
  .xl\:mt-micro { margin-top: var(--space-micro); }
  .xl\:mt-tiny { margin-top: var(--space-tiny); }
  .xl\:mt-xs { margin-top: var(--space-xs); }
  .xl\:mt-sm { margin-top: var(--space-sm); }
  .xl\:mt-md { margin-top: var(--space-md); }
  .xl\:mt-ml { margin-top: var(--space-ml); }
  .xl\:mt-lg { margin-top: var(--space-lg); }
  .xl\:mt-xl { margin-top: var(--space-xl); }
  .xl\:mt-2xl { margin-top: var(--space-2xl); }
  .xl\:mt-3xl { margin-top: var(--space-3xl); }
  .xl\:mt-4xl { margin-top: var(--space-4xl); }
  .xl\:mt-5xl { margin-top: var(--space-5xl); }
  .xl\:mt-6xl { margin-top: var(--space-6xl); }
  .xl\:mt-7xl { margin-top: var(--space-7xl); }
  .xl\:mt-8xl { margin-top: var(--space-8xl); }
  .xl\:mt-9xl { margin-top: var(--space-9xl); }
  .xl\:mt-10xl { margin-top: var(--space-10xl); }
  .xl\:mt-11xl { margin-top: var(--space-11xl); }

  .xl\:mb-auto { margin-bottom: auto; }
  .xl\:mb-initial { margin-bottom: initial; }
  .xl\:mb-0 { margin-bottom: 0; }
  .xl\:mb-micro { margin-bottom: var(--space-micro); }
  .xl\:mb-tiny { margin-bottom: var(--space-tiny); }
  .xl\:mb-xs { margin-bottom: var(--space-xs); }
  .xl\:mb-sm { margin-bottom: var(--space-sm); }
  .xl\:mb-md { margin-bottom: var(--space-md); }
  .xl\:mb-ml { margin-bottom: var(--space-ml); }
  .xl\:mb-lg { margin-bottom: var(--space-lg); }
  .xl\:mb-xl { margin-bottom: var(--space-xl); }
  .xl\:mb-2xl { margin-bottom: var(--space-2xl); }
  .xl\:mb-3xl { margin-bottom: var(--space-3xl); }
  .xl\:mb-4xl { margin-bottom: var(--space-4xl); }
  .xl\:mb-5xl { margin-bottom: var(--space-5xl); }
  .xl\:mb-6xl { margin-bottom: var(--space-6xl); }
  .xl\:mb-7xl { margin-bottom: var(--space-7xl); }
  .xl\:mb-8xl { margin-bottom: var(--space-8xl); }
  .xl\:mb-9xl { margin-bottom: var(--space-9xl); }
  .xl\:mb-10xl { margin-bottom: var(--space-10xl); }
  .xl\:mb-11xl { margin-bottom: var(--space-11xl); }


  /* Margin Left Utilities */
  .xl\:ml-auto { margin-left: auto; }
  .xl\:ml-initial { margin-left: initial; }
  .xl\:ml-0 { margin-left: 0; }
  .xl\:ml-micro { margin-left: var(--space-micro); }
  .xl\:ml-tiny { margin-left: var(--space-tiny); }
  .xl\:ml-xs { margin-left: var(--space-xs); }
  .xl\:ml-sm { margin-left: var(--space-sm); }
  .xl\:ml-md { margin-left: var(--space-md); }
  .xl\:ml-ml { margin-left: var(--space-ml); }
  .xl\:ml-lg { margin-left: var(--space-lg); }
  .xl\:ml-xl { margin-left: var(--space-xl); }
  .xl\:ml-2xl { margin-left: var(--space-2xl); }
  .xl\:ml-3xl { margin-left: var(--space-3xl); }
  .xl\:ml-4xl { margin-left: var(--space-4xl); }
  .xl\:ml-5xl { margin-left: var(--space-5xl); }
  .xl\:ml-6xl { margin-left: var(--space-6xl); }
  .xl\:ml-7xl { margin-left: var(--space-7xl); }
  .xl\:ml-8xl { margin-left: var(--space-8xl); }
  .xl\:ml-9xl { margin-left: var(--space-9xl); }
  .xl\:ml-10xl { margin-left: var(--space-10xl); }
  .xl\:ml-11xl { margin-left: var(--space-11xl); }

  /* Margin Right Utilities */
  .xl\:mr-auto { margin-right: auto; }
  .xl\:mr-initial { margin-right: initial; }
  .xl\:mr-0 { margin-right: 0; }
  .xl\:mr-micro { margin-right: var(--space-micro); }
  .xl\:mr-tiny { margin-right: var(--space-tiny); }
  .xl\:mr-xs { margin-right: var(--space-xs); }
  .xl\:mr-sm { margin-right: var(--space-sm); }
  .xl\:mr-md { margin-right: var(--space-md); }
  .xl\:mr-ml { margin-right: var(--space-ml); }
  .xl\:mr-lg { margin-right: var(--space-lg); }
  .xl\:mr-xl { margin-right: var(--space-xl); }
  .xl\:mr-2xl { margin-right: var(--space-2xl); }
  .xl\:mr-3xl { margin-right: var(--space-3xl); }
  .xl\:mr-4xl { margin-right: var(--space-4xl); }
  .xl\:mr-5xl { margin-right: var(--space-5xl); }
  .xl\:mr-6xl { margin-right: var(--space-6xl); }
  .xl\:mr-7xl { margin-right: var(--space-7xl); }
  .xl\:mr-8xl { margin-right: var(--space-8xl); }
  .xl\:mr-9xl { margin-right: var(--space-9xl); }
  .xl\:mr-10xl { margin-right: var(--space-10xl); }
  .xl\:mr-11xl { margin-right: var(--space-11xl); }

  /* Margin All Sides */
  .xl\:m-auto { margin: auto; }
  .xl\:m-initial { margin: initial; }
  .xl\:m-0 { margin: 0; }
  .xl\:m-micro { margin: var(--space-micro); }
  .xl\:m-tiny { margin: var(--space-tiny); }
  .xl\:m-xs { margin: var(--space-xs); }
  .xl\:m-sm { margin: var(--space-sm); }
  .xl\:m-md { margin: var(--space-md); }
  .xl\:m-ml { margin: var(--space-ml); }
  .xl\:m-lg { margin: var(--space-lg); }
  .xl\:m-xl { margin: var(--space-xl); }
  .xl\:m-2xl { margin: var(--space-2xl); }
  .xl\:m-3xl { margin: var(--space-3xl); }
  .xl\:m-4xl { margin: var(--space-4xl); }
  .xl\:m-5xl { margin: var(--space-5xl); }
  .xl\:m-6xl { margin: var(--space-6xl); }
  .xl\:m-7xl { margin: var(--space-7xl); }
  .xl\:m-8xl { margin: var(--space-8xl); }
  .xl\:m-9xl { margin: var(--space-9xl); }
  .xl\:m-10xl { margin: var(--space-10xl); }
  .xl\:m-11xl { margin: var(--space-11xl); }

  /* Margin Horizontal (left + right) */
  .xl\:mx-auto { margin-left: auto; margin-right: auto; }
  .xl\:mx-initial { margin-left: initial; margin-right: initial; }
  .xl\:mx-0 { margin-left: 0; margin-right: 0; }
  .xl\:mx-micro { margin-left: var(--space-micro); margin-right: var(--space-micro); }
  .xl\:mx-tiny { margin-left: var(--space-tiny); margin-right: var(--space-tiny); }
  .xl\:mx-xs { margin-left: var(--space-xs); margin-right: var(--space-xs); }
  .xl\:mx-sm { margin-left: var(--space-sm); margin-right: var(--space-sm); }
  .xl\:mx-md { margin-left: var(--space-md); margin-right: var(--space-md); }
  .xl\:mx-ml { margin-left: var(--space-ml); margin-right: var(--space-ml); }
  .xl\:mx-lg { margin-left: var(--space-lg); margin-right: var(--space-lg); }
  .xl\:mx-xl { margin-left: var(--space-xl); margin-right: var(--space-xl); }
  .xl\:mx-2xl { margin-left: var(--space-2xl); margin-right: var(--space-2xl); }
  .xl\:mx-3xl { margin-left: var(--space-3xl); margin-right: var(--space-3xl); }
  .xl\:mx-4xl { margin-left: var(--space-4xl); margin-right: var(--space-4xl); }
  .xl\:mx-5xl { margin-left: var(--space-5xl); margin-right: var(--space-5xl); }
  .xl\:mx-6xl { margin-left: var(--space-6xl); margin-right: var(--space-6xl); }
  .xl\:mx-7xl { margin-left: var(--space-7xl); margin-right: var(--space-7xl); }
  .xl\:mx-8xl { margin-left: var(--space-8xl); margin-right: var(--space-8xl); }
  .xl\:mx-9xl { margin-left: var(--space-9xl); margin-right: var(--space-9xl); }
  .xl\:mx-10xl { margin-left: var(--space-10xl); margin-right: var(--space-10xl); }
  .xl\:mx-11xl { margin-left: var(--space-11xl); margin-right: var(--space-11xl); }

  /* Margin Vertical (top + bottom) */
  .xl\:my-auto { margin-top: auto; margin-bottom: auto; }
  .xl\:my-0 { margin-top: 0; margin-bottom: 0; }
  .xl\:my-micro { margin-top: var(--space-micro); margin-bottom: var(--space-micro); }
  .xl\:my-tiny { margin-top: var(--space-tiny); margin-bottom: var(--space-tiny); }
  .xl\:my-xs { margin-top: var(--space-xs); margin-bottom: var(--space-xs); }
  .xl\:my-sm { margin-top: var(--space-sm); margin-bottom: var(--space-sm); }
  .xl\:my-md { margin-top: var(--space-md); margin-bottom: var(--space-md); }
  .xl\:my-ml { margin-top: var(--space-ml); margin-bottom: var(--space-ml); }
  .xl\:my-lg { margin-top: var(--space-lg); margin-bottom: var(--space-lg); }
  .xl\:my-xl { margin-top: var(--space-xl); margin-bottom: var(--space-xl); }
  .xl\:my-2xl { margin-top: var(--space-2xl); margin-bottom: var(--space-2xl); }
  .xl\:my-3xl { margin-top: var(--space-3xl); margin-bottom: var(--space-3xl); }
  .xl\:my-4xl { margin-top: var(--space-4xl); margin-bottom: var(--space-4xl); }
  .xl\:my-5xl { margin-top: var(--space-5xl); margin-bottom: var(--space-5xl); }
  .xl\:my-6xl { margin-top: var(--space-6xl); margin-bottom: var(--space-6xl); }
  .xl\:my-7xl { margin-top: var(--space-7xl); margin-bottom: var(--space-7xl); }
  .xl\:my-8xl { margin-top: var(--space-8xl); margin-bottom: var(--space-8xl); }
  .xl\:my-9xl { margin-top: var(--space-9xl); margin-bottom: var(--space-9xl); }
  .xl\:my-10xl { margin-top: var(--space-10xl); margin-bottom: var(--space-10xl); }
  .xl\:my-11xl { margin-top: var(--space-11xl); margin-bottom: var(--space-11xl); }

  /* Negative Margins */
  .xl\:-mt-micro { margin-top: calc(-1 * var(--space-micro)); }
  .xl\:-mt-tiny { margin-top: calc(-1 * var(--space-tiny)); }
  .xl\:-mt-xs { margin-top: calc(-1 * var(--space-xs)); }
  .xl\:-mt-sm { margin-top: calc(-1 * var(--space-sm)); }
  .xl\:-mt-md { margin-top: calc(-1 * var(--space-md)); }
  .xl\:-mt-ml { margin-top: calc(-1 * var(--space-ml)); }
  .xl\:-mt-lg { margin-top: calc(-1 * var(--space-lg)); }
  .xl\:-mt-xl { margin-top: calc(-1 * var(--space-xl)); }
  .xl\:-mt-2xl { margin-top: calc(-1 * var(--space-2xl)); }
  .xl\:-mt-3xl { margin-top: calc(-1 * var(--space-3xl)); }
  .xl\:-mt-4xl { margin-top: calc(-1 * var(--space-4xl)); }
  .xl\:-mt-5xl { margin-top: calc(-1 * var(--space-5xl)); }
  .xl\:-mt-6xl { margin-top: calc(-1 * var(--space-6xl)); }
  .xl\:-mt-7xl { margin-top: calc(-1 * var(--space-7xl)); }
  .xl\:-mt-8xl { margin-top: calc(-1 * var(--space-8xl)); }
  .xl\:-mt-9xl { margin-top: calc(-1 * var(--space-9xl)); }
  .xl\:-mt-10xl { margin-top: calc(-1 * var(--space-10xl)); }
  .xl\:-mt-11xl { margin-top: calc(-1 * var(--space-11xl)); }

  .xl\:-mb-micro { margin-bottom: calc(-1 * var(--space-micro)); }
  .xl\:-mb-tiny { margin-bottom: calc(-1 * var(--space-tiny)); }
  .xl\:-mb-xs { margin-bottom: calc(-1 * var(--space-xs)); }
  .xl\:-mb-sm { margin-bottom: calc(-1 * var(--space-sm)); }
  .xl\:-mb-md { margin-bottom: calc(-1 * var(--space-md)); }
  .xl\:-mb-ml { margin-bottom: calc(-1 * var(--space-ml)); }
  .xl\:-mb-lg { margin-bottom: calc(-1 * var(--space-lg)); }
  .xl\:-mb-xl { margin-bottom: calc(-1 * var(--space-xl)); }
  .xl\:-mb-2xl { margin-bottom: calc(-1 * var(--space-2xl)); }
  .xl\:-mb-3xl { margin-bottom: calc(-1 * var(--space-3xl)); }
  .xl\:-mb-4xl { margin-bottom: calc(-1 * var(--space-4xl)); }
  .xl\:-mb-5xl { margin-bottom: calc(-1 * var(--space-5xl)); }
  .xl\:-mb-6xl { margin-bottom: calc(-1 * var(--space-6xl)); }
  .xl\:-mb-7xl { margin-bottom: calc(-1 * var(--space-7xl)); }
  .xl\:-mb-8xl { margin-bottom: calc(-1 * var(--space-8xl)); }
  .xl\:-mb-9xl { margin-bottom: calc(-1 * var(--space-9xl)); }
  .xl\:-mb-10xl { margin-bottom: calc(-1 * var(--space-10xl)); }
  .xl\:-mb-11xl { margin-bottom: calc(-1 * var(--space-11xl)); }

  .xl\:-ml-micro { margin-left: calc(-1 * var(--space-micro)); }
  .xl\:-ml-tiny { margin-left: calc(-1 * var(--space-tiny)); }
  .xl\:-ml-xs { margin-left: calc(-1 * var(--space-xs)); }
  .xl\:-ml-sm { margin-left: calc(-1 * var(--space-sm)); }
  .xl\:-ml-md { margin-left: calc(-1 * var(--space-md)); }
  .xl\:-ml-ml { margin-left: calc(-1 * var(--space-ml)); }
  .xl\:-ml-lg { margin-left: calc(-1 * var(--space-lg)); }
  .xl\:-ml-xl { margin-left: calc(-1 * var(--space-xl)); }
  .xl\:-ml-2xl { margin-left: calc(-1 * var(--space-2xl)); }
  .xl\:-ml-3xl { margin-left: calc(-1 * var(--space-3xl)); }
  .xl\:-ml-4xl { margin-left: calc(-1 * var(--space-4xl)); }
  .xl\:-ml-5xl { margin-left: calc(-1 * var(--space-5xl)); }
  .xl\:-ml-6xl { margin-left: calc(-1 * var(--space-6xl)); }
  .xl\:-ml-7xl { margin-left: calc(-1 * var(--space-7xl)); }
  .xl\:-ml-8xl { margin-left: calc(-1 * var(--space-8xl)); }
  .xl\:-ml-9xl { margin-left: calc(-1 * var(--space-9xl)); }
  .xl\:-ml-10xl { margin-left: calc(-1 * var(--space-10xl)); }
  .xl\:-ml-11xl { margin-left: calc(-1 * var(--space-11xl)); }

  .xl\:-mr-micro { margin-right: calc(-1 * var(--space-micro)); }
  .xl\:-mr-tiny { margin-right: calc(-1 * var(--space-tiny)); }
  .xl\:-mr-xs { margin-right: calc(-1 * var(--space-xs)); }
  .xl\:-mr-sm { margin-right: calc(-1 * var(--space-sm)); }
  .xl\:-mr-md { margin-right: calc(-1 * var(--space-md)); }
  .xl\:-mr-ml { margin-right: calc(-1 * var(--space-ml)); }
  .xl\:-mr-lg { margin-right: calc(-1 * var(--space-lg)); }
  .xl\:-mr-xl { margin-right: calc(-1 * var(--space-xl)); }
  .xl\:-mr-2xl { margin-right: calc(-1 * var(--space-2xl)); }
  .xl\:-mr-3xl { margin-right: calc(-1 * var(--space-3xl)); }
  .xl\:-mr-4xl { margin-right: calc(-1 * var(--space-4xl)); }
  .xl\:-mr-5xl { margin-right: calc(-1 * var(--space-5xl)); }
  .xl\:-mr-6xl { margin-right: calc(-1 * var(--space-6xl)); }
  .xl\:-mr-7xl { margin-right: calc(-1 * var(--space-7xl)); }
  .xl\:-mr-8xl { margin-right: calc(-1 * var(--space-8xl)); }
  .xl\:-mr-9xl { margin-right: calc(-1 * var(--space-9xl)); }
  .xl\:-mr-10xl { margin-right: calc(-1 * var(--space-10xl)); }
  .xl\:-mr-11xl { margin-right: calc(-1 * var(--space-11xl)); }
}

@media (min-width: 1441px) {
  .\32xl\:mt-auto { margin-top: auto; }
  .\32xl\:mt-initial { margin-top: initial; }
  .\32xl\:mt-0 { margin-top: 0; }
  .\32xl\:mt-micro { margin-top: var(--space-micro); }
  .\32xl\:mt-tiny { margin-top: var(--space-tiny); }
  .\32xl\:mt-xs { margin-top: var(--space-xs); }
  .\32xl\:mt-sm { margin-top: var(--space-sm); }
  .\32xl\:mt-md { margin-top: var(--space-md); }
  .\32xl\:mt-ml { margin-top: var(--space-ml); }
  .\32xl\:mt-lg { margin-top: var(--space-lg); }
  .\32xl\:mt-xl { margin-top: var(--space-xl); }
  .\32xl\:mt-2xl { margin-top: var(--space-2xl); }
  .\32xl\:mt-3xl { margin-top: var(--space-3xl); }
  .\32xl\:mt-4xl { margin-top: var(--space-4xl); }
  .\32xl\:mt-5xl { margin-top: var(--space-5xl); }
  .\32xl\:mt-6xl { margin-top: var(--space-6xl); }
  .\32xl\:mt-7xl { margin-top: var(--space-7xl); }
  .\32xl\:mt-8xl { margin-top: var(--space-8xl); }
  .\32xl\:mt-9xl { margin-top: var(--space-9xl); }
  .\32xl\:mt-10xl { margin-top: var(--space-10xl); }
  .\32xl\:mt-11xl { margin-top: var(--space-11xl); }

  .\32xl\:mb-auto { margin-bottom: auto; }
  .\32xl\:mb-initial { margin-bottom: initial; }
  .\32xl\:mb-0 { margin-bottom: 0; }
  .\32xl\:mb-micro { margin-bottom: var(--space-micro); }
  .\32xl\:mb-tiny { margin-bottom: var(--space-tiny); }
  .\32xl\:mb-xs { margin-bottom: var(--space-xs); }
  .\32xl\:mb-sm { margin-bottom: var(--space-sm); }
  .\32xl\:mb-md { margin-bottom: var(--space-md); }
  .\32xl\:mb-ml { margin-bottom: var(--space-ml); }
  .\32xl\:mb-lg { margin-bottom: var(--space-lg); }
  .\32xl\:mb-xl { margin-bottom: var(--space-xl); }
  .\32xl\:mb-2xl { margin-bottom: var(--space-2xl); }
  .\32xl\:mb-3xl { margin-bottom: var(--space-3xl); }
  .\32xl\:mb-4xl { margin-bottom: var(--space-4xl); }
  .\32xl\:mb-5xl { margin-bottom: var(--space-5xl); }
  .\32xl\:mb-6xl { margin-bottom: var(--space-6xl); }
  .\32xl\:mb-7xl { margin-bottom: var(--space-7xl); }
  .\32xl\:mb-8xl { margin-bottom: var(--space-8xl); }
  .\32xl\:mb-9xl { margin-bottom: var(--space-9xl); }
  .\32xl\:mb-10xl { margin-bottom: var(--space-10xl); }
  .\32xl\:mb-11xl { margin-bottom: var(--space-11xl); }

  /* Margin Left Utilities */
  .\32xl\:ml-auto { margin-left: auto; }
  .\32xl\:ml-initial { margin-left: initial; }
  .\32xl\:ml-0 { margin-left: 0; }
  .\32xl\:ml-micro { margin-left: var(--space-micro); }
  .\32xl\:ml-tiny { margin-left: var(--space-tiny); }
  .\32xl\:ml-xs { margin-left: var(--space-xs); }
  .\32xl\:ml-sm { margin-left: var(--space-sm); }
  .\32xl\:ml-md { margin-left: var(--space-md); }
  .\32xl\:ml-ml { margin-left: var(--space-ml); }
  .\32xl\:ml-lg { margin-left: var(--space-lg); }
  .\32xl\:ml-xl { margin-left: var(--space-xl); }
  .\32xl\:ml-2xl { margin-left: var(--space-2xl); }
  .\32xl\:ml-3xl { margin-left: var(--space-3xl); }
  .\32xl\:ml-4xl { margin-left: var(--space-4xl); }
  .\32xl\:ml-5xl { margin-left: var(--space-5xl); }
  .\32xl\:ml-6xl { margin-left: var(--space-6xl); }
  .\32xl\:ml-7xl { margin-left: var(--space-7xl); }
  .\32xl\:ml-8xl { margin-left: var(--space-8xl); }
  .\32xl\:ml-9xl { margin-left: var(--space-9xl); }
  .\32xl\:ml-10xl { margin-left: var(--space-10xl); }
  .\32xl\:ml-11xl { margin-left: var(--space-11xl); }

  /* Margin Right Utilities */
  .\32xl\:mr-auto { margin-right: auto; }
  .\32xl\:mr-initial { margin-right: initial; }
  .\32xl\:mr-0 { margin-right: 0; }
  .\32xl\:mr-micro { margin-right: var(--space-micro); }
  .\32xl\:mr-tiny { margin-right: var(--space-tiny); }
  .\32xl\:mr-xs { margin-right: var(--space-xs); }
  .\32xl\:mr-sm { margin-right: var(--space-sm); }
  .\32xl\:mr-md { margin-right: var(--space-md); }
  .\32xl\:mr-ml { margin-right: var(--space-ml); }
  .\32xl\:mr-lg { margin-right: var(--space-lg); }
  .\32xl\:mr-xl { margin-right: var(--space-xl); }
  .\32xl\:mr-2xl { margin-right: var(--space-2xl); }
  .\32xl\:mr-3xl { margin-right: var(--space-3xl); }
  .\32xl\:mr-4xl { margin-right: var(--space-4xl); }
  .\32xl\:mr-5xl { margin-right: var(--space-5xl); }
  .\32xl\:mr-6xl { margin-right: var(--space-6xl); }
  .\32xl\:mr-7xl { margin-right: var(--space-7xl); }
  .\32xl\:mr-8xl { margin-right: var(--space-8xl); }
  .\32xl\:mr-9xl { margin-right: var(--space-9xl); }
  .\32xl\:mr-10xl { margin-right: var(--space-10xl); }
  .\32xl\:mr-11xl { margin-right: var(--space-11xl); }

  /* Margin All Sides */
  .\32xl\:m-auto { margin: auto; }
  .\32xl\:m-initial { margin: initial; }
  .\32xl\:m-0 { margin: 0; }
  .\32xl\:m-micro { margin: var(--space-micro); }
  .\32xl\:m-tiny { margin: var(--space-tiny); }
  .\32xl\:m-xs { margin: var(--space-xs); }
  .\32xl\:m-sm { margin: var(--space-sm); }
  .\32xl\:m-md { margin: var(--space-md); }
  .\32xl\:m-ml { margin: var(--space-ml); }
  .\32xl\:m-lg { margin: var(--space-lg); }
  .\32xl\:m-xl { margin: var(--space-xl); }
  .\32xl\:m-2xl { margin: var(--space-2xl); }
  .\32xl\:m-3xl { margin: var(--space-3xl); }
  .\32xl\:m-4xl { margin: var(--space-4xl); }
  .\32xl\:m-5xl { margin: var(--space-5xl); }
  .\32xl\:m-6xl { margin: var(--space-6xl); }
  .\32xl\:m-7xl { margin: var(--space-7xl); }
  .\32xl\:m-8xl { margin: var(--space-8xl); }
  .\32xl\:m-9xl { margin: var(--space-9xl); }
  .\32xl\:m-10xl { margin: var(--space-10xl); }
  .\32xl\:m-11xl { margin: var(--space-11xl); }

  /* Margin Horizontal (left + right) */
  .\32xl\:mx-auto { margin-left: auto; margin-right: auto; }
  .\32xl\:mx-initial { margin-left: initial; margin-right: initial; }
  .\32xl\:mx-0 { margin-left: 0; margin-right: 0; }
  .\32xl\:mx-micro { margin-left: var(--space-micro); margin-right: var(--space-micro); }
  .\32xl\:mx-tiny { margin-left: var(--space-tiny); margin-right: var(--space-tiny); }
  .\32xl\:mx-xs { margin-left: var(--space-xs); margin-right: var(--space-xs); }
  .\32xl\:mx-sm { margin-left: var(--space-sm); margin-right: var(--space-sm); }
  .\32xl\:mx-md { margin-left: var(--space-md); margin-right: var(--space-md); }
  .\32xl\:mx-ml { margin-left: var(--space-ml); margin-right: var(--space-ml); }
  .\32xl\:mx-lg { margin-left: var(--space-lg); margin-right: var(--space-lg); }
  .\32xl\:mx-xl { margin-left: var(--space-xl); margin-right: var(--space-xl); }
  .\32xl\:mx-2xl { margin-left: var(--space-2xl); margin-right: var(--space-2xl); }
  .\32xl\:mx-3xl { margin-left: var(--space-3xl); margin-right: var(--space-3xl); }
  .\32xl\:mx-4xl { margin-left: var(--space-4xl); margin-right: var(--space-4xl); }
  .\32xl\:mx-5xl { margin-left: var(--space-5xl); margin-right: var(--space-5xl); }
  .\32xl\:mx-6xl { margin-left: var(--space-6xl); margin-right: var(--space-6xl); }
  .\32xl\:mx-7xl { margin-left: var(--space-7xl); margin-right: var(--space-7xl); }
  .\32xl\:mx-8xl { margin-left: var(--space-8xl); margin-right: var(--space-8xl); }
  .\32xl\:mx-9xl { margin-left: var(--space-9xl); margin-right: var(--space-9xl); }
  .\32xl\:mx-10xl { margin-left: var(--space-10xl); margin-right: var(--space-10xl); }
  .\32xl\:mx-11xl { margin-left: var(--space-11xl); margin-right: var(--space-11xl); }

  /* Margin Vertical (top + bottom) */
  .\32xl\:my-auto { margin-top: auto; margin-bottom: auto; }
  .\32xl\:my-0 { margin-top: 0; margin-bottom: 0; }
  .\32xl\:my-micro { margin-top: var(--space-micro); margin-bottom: var(--space-micro); }
  .\32xl\:my-tiny { margin-top: var(--space-tiny); margin-bottom: var(--space-tiny); }
  .\32xl\:my-xs { margin-top: var(--space-xs); margin-bottom: var(--space-xs); }
  .\32xl\:my-sm { margin-top: var(--space-sm); margin-bottom: var(--space-sm); }
  .\32xl\:my-md { margin-top: var(--space-md); margin-bottom: var(--space-md); }
  .\32xl\:my-ml { margin-top: var(--space-ml); margin-bottom: var(--space-ml); }
  .\32xl\:my-lg { margin-top: var(--space-lg); margin-bottom: var(--space-lg); }
  .\32xl\:my-xl { margin-top: var(--space-xl); margin-bottom: var(--space-xl); }
  .\32xl\:my-2xl { margin-top: var(--space-2xl); margin-bottom: var(--space-2xl); }
  .\32xl\:my-3xl { margin-top: var(--space-3xl); margin-bottom: var(--space-3xl); }
  .\32xl\:my-4xl { margin-top: var(--space-4xl); margin-bottom: var(--space-4xl); }
  .\32xl\:my-5xl { margin-top: var(--space-5xl); margin-bottom: var(--space-5xl); }
  .\32xl\:my-6xl { margin-top: var(--space-6xl); margin-bottom: var(--space-6xl); }
  .\32xl\:my-7xl { margin-top: var(--space-7xl); margin-bottom: var(--space-7xl); }
  .\32xl\:my-8xl { margin-top: var(--space-8xl); margin-bottom: var(--space-8xl); }
  .\32xl\:my-9xl { margin-top: var(--space-9xl); margin-bottom: var(--space-9xl); }
  .\32xl\:my-10xl { margin-top: var(--space-10xl); margin-bottom: var(--space-10xl); }
  .\32xl\:my-11xl { margin-top: var(--space-11xl); margin-bottom: var(--space-11xl); }

  /* Negative Margins */
  .\32xl\:-mt-micro { margin-top: calc(-1 * var(--space-micro)); }
  .\32xl\:-mt-tiny { margin-top: calc(-1 * var(--space-tiny)); }
  .\32xl\:-mt-xs { margin-top: calc(-1 * var(--space-xs)); }
  .\32xl\:-mt-sm { margin-top: calc(-1 * var(--space-sm)); }
  .\32xl\:-mt-md { margin-top: calc(-1 * var(--space-md)); }
  .\32xl\:-mt-ml { margin-top: calc(-1 * var(--space-ml)); }
  .\32xl\:-mt-lg { margin-top: calc(-1 * var(--space-lg)); }
  .\32xl\:-mt-xl { margin-top: calc(-1 * var(--space-xl)); }
  .\32xl\:-mt-2xl { margin-top: calc(-1 * var(--space-2xl)); }
  .\32xl\:-mt-3xl { margin-top: calc(-1 * var(--space-3xl)); }
  .\32xl\:-mt-4xl { margin-top: calc(-1 * var(--space-4xl)); }
  .\32xl\:-mt-5xl { margin-top: calc(-1 * var(--space-5xl)); }
  .\32xl\:-mt-6xl { margin-top: calc(-1 * var(--space-6xl)); }
  .\32xl\:-mt-7xl { margin-top: calc(-1 * var(--space-7xl)); }
  .\32xl\:-mt-8xl { margin-top: calc(-1 * var(--space-8xl)); }
  .\32xl\:-mt-9xl { margin-top: calc(-1 * var(--space-9xl)); }
  .\32xl\:-mt-10xl { margin-top: calc(-1 * var(--space-10xl)); }
  .\32xl\:-mt-11xl { margin-top: calc(-1 * var(--space-11xl)); }

  .\32xl\:-mb-micro { margin-bottom: calc(-1 * var(--space-micro)); }
  .\32xl\:-mb-tiny { margin-bottom: calc(-1 * var(--space-tiny)); }
  .\32xl\:-mb-xs { margin-bottom: calc(-1 * var(--space-xs)); }
  .\32xl\:-mb-sm { margin-bottom: calc(-1 * var(--space-sm)); }
  .\32xl\:-mb-md { margin-bottom: calc(-1 * var(--space-md)); }
  .\32xl\:-mb-ml { margin-bottom: calc(-1 * var(--space-ml)); }
  .\32xl\:-mb-lg { margin-bottom: calc(-1 * var(--space-lg)); }
  .\32xl\:-mb-xl { margin-bottom: calc(-1 * var(--space-xl)); }
  .\32xl\:-mb-2xl { margin-bottom: calc(-1 * var(--space-2xl)); }
  .\32xl\:-mb-3xl { margin-bottom: calc(-1 * var(--space-3xl)); }
  .\32xl\:-mb-4xl { margin-bottom: calc(-1 * var(--space-4xl)); }
  .\32xl\:-mb-5xl { margin-bottom: calc(-1 * var(--space-5xl)); }
  .\32xl\:-mb-6xl { margin-bottom: calc(-1 * var(--space-6xl)); }
  .\32xl\:-mb-7xl { margin-bottom: calc(-1 * var(--space-7xl)); }
  .\32xl\:-mb-8xl { margin-bottom: calc(-1 * var(--space-8xl)); }
  .\32xl\:-mb-9xl { margin-bottom: calc(-1 * var(--space-9xl)); }
  .\32xl\:-mb-10xl { margin-bottom: calc(-1 * var(--space-10xl)); }
  .\32xl\:-mb-11xl { margin-bottom: calc(-1 * var(--space-11xl)); }

  .\32xl\:-ml-micro { margin-left: calc(-1 * var(--space-micro)); }
  .\32xl\:-ml-tiny { margin-left: calc(-1 * var(--space-tiny)); }
  .\32xl\:-ml-xs { margin-left: calc(-1 * var(--space-xs)); }
  .\32xl\:-ml-sm { margin-left: calc(-1 * var(--space-sm)); }
  .\32xl\:-ml-md { margin-left: calc(-1 * var(--space-md)); }
  .\32xl\:-ml-ml { margin-left: calc(-1 * var(--space-ml)); }
  .\32xl\:-ml-lg { margin-left: calc(-1 * var(--space-lg)); }
  .\32xl\:-ml-xl { margin-left: calc(-1 * var(--space-xl)); }
  .\32xl\:-ml-2xl { margin-left: calc(-1 * var(--space-2xl)); }
  .\32xl\:-ml-3xl { margin-left: calc(-1 * var(--space-3xl)); }
  .\32xl\:-ml-4xl { margin-left: calc(-1 * var(--space-4xl)); }
  .\32xl\:-ml-5xl { margin-left: calc(-1 * var(--space-5xl)); }
  .\32xl\:-ml-6xl { margin-left: calc(-1 * var(--space-6xl)); }
  .\32xl\:-ml-7xl { margin-left: calc(-1 * var(--space-7xl)); }
  .\32xl\:-ml-8xl { margin-left: calc(-1 * var(--space-8xl)); }
  .\32xl\:-ml-9xl { margin-left: calc(-1 * var(--space-9xl)); }
  .\32xl\:-ml-10xl { margin-left: calc(-1 * var(--space-10xl)); }
  .\32xl\:-ml-11xl { margin-left: calc(-1 * var(--space-11xl)); }

  .\32xl\:-mr-micro { margin-right: calc(-1 * var(--space-micro)); }
  .\32xl\:-mr-tiny { margin-right: calc(-1 * var(--space-tiny)); }
  .\32xl\:-mr-xs { margin-right: calc(-1 * var(--space-xs)); }
  .\32xl\:-mr-sm { margin-right: calc(-1 * var(--space-sm)); }
  .\32xl\:-mr-md { margin-right: calc(-1 * var(--space-md)); }
  .\32xl\:-mr-ml { margin-right: calc(-1 * var(--space-ml)); }
  .\32xl\:-mr-lg { margin-right: calc(-1 * var(--space-lg)); }
  .\32xl\:-mr-xl { margin-right: calc(-1 * var(--space-xl)); }
  .\32xl\:-mr-2xl { margin-right: calc(-1 * var(--space-2xl)); }
  .\32xl\:-mr-3xl { margin-right: calc(-1 * var(--space-3xl)); }
  .\32xl\:-mr-4xl { margin-right: calc(-1 * var(--space-4xl)); }
  .\32xl\:-mr-5xl { margin-right: calc(-1 * var(--space-5xl)); }
  .\32xl\:-mr-6xl { margin-right: calc(-1 * var(--space-6xl)); }
  .\32xl\:-mr-7xl { margin-right: calc(-1 * var(--space-7xl)); }
  .\32xl\:-mr-8xl { margin-right: calc(-1 * var(--space-8xl)); }
  .\32xl\:-mr-9xl { margin-right: calc(-1 * var(--space-9xl)); }
  .\32xl\:-mr-10xl { margin-right: calc(-1 * var(--space-10xl)); }
  .\32xl\:-mr-11xl { margin-right: calc(-1 * var(--space-11xl)); }
}

/* Padding Top Utilities */
.pt-0 { padding-top: 0; }
.pt-micro { padding-top: var(--space-micro); }
.pt-tiny { padding-top: var(--space-tiny); }
.pt-xs { padding-top: var(--space-xs); }
.pt-sm { padding-top: var(--space-sm); }
.pt-md { padding-top: var(--space-md); }
.pt-ml { padding-top: var(--space-ml); }
.pt-lg { padding-top: var(--space-lg); }
.pt-xl { padding-top: var(--space-xl); }
.pt-2xl { padding-top: var(--space-2xl); }
.pt-3xl { padding-top: var(--space-3xl); }
.pt-4xl { padding-top: var(--space-4xl); }
.pt-5xl { padding-top: var(--space-5xl); }
.pt-6xl { padding-top: var(--space-6xl); }
.pt-7xl { padding-top: var(--space-7xl); }
.pt-8xl { padding-top: var(--space-8xl); }
.pt-9xl { padding-top: var(--space-9xl); }
.pt-10xl { padding-top: var(--space-10xl); }
.pt-11xl { padding-top: var(--space-11xl); }

/* Padding Bottom Utilities */
.pb-0 { padding-bottom: 0; }
.pb-micro { padding-bottom: var(--space-micro); }
.pb-tiny { padding-bottom: var(--space-tiny); }
.pb-xs { padding-bottom: var(--space-xs); }
.pb-sm { padding-bottom: var(--space-sm); }
.pb-md { padding-bottom: var(--space-md); }
.pb-ml { padding-bottom: var(--space-ml); }
.pb-lg { padding-bottom: var(--space-lg); }
.pb-xl { padding-bottom: var(--space-xl); }
.pb-2xl { padding-bottom: var(--space-2xl); }
.pb-3xl { padding-bottom: var(--space-3xl); }
.pb-4xl { padding-bottom: var(--space-4xl); }
.pb-5xl { padding-bottom: var(--space-5xl); }
.pb-6xl { padding-bottom: var(--space-6xl); }
.pb-7xl { padding-bottom: var(--space-7xl); }
.pb-8xl { padding-bottom: var(--space-8xl); }
.pb-9xl { padding-bottom: var(--space-9xl); }
.pb-10xl { padding-bottom: var(--space-10xl); }
.pb-11xl { padding-bottom: var(--space-11xl); }

/* Padding Left Utilities */
.pl-0 { padding-left: 0; }
.pl-micro { padding-left: var(--space-micro); }
.pl-tiny { padding-left: var(--space-tiny); }
.pl-xs { padding-left: var(--space-xs); }
.pl-sm { padding-left: var(--space-sm); }
.pl-md { padding-left: var(--space-md); }
.pl-ml { padding-left: var(--space-ml); }
.pl-lg { padding-left: var(--space-lg); }
.pl-xl { padding-left: var(--space-xl); }
.pl-2xl { padding-left: var(--space-2xl); }
.pl-3xl { padding-left: var(--space-3xl); }
.pl-4xl { padding-left: var(--space-4xl); }
.pl-5xl { padding-left: var(--space-5xl); }
.pl-6xl { padding-left: var(--space-6xl); }
.pl-7xl { padding-left: var(--space-7xl); }
.pl-8xl { padding-left: var(--space-8xl); }
.pl-9xl { padding-left: var(--space-9xl); }
.pl-10xl { padding-left: var(--space-10xl); }
.pl-11xl { padding-left: var(--space-11xl); }

/* Padding Right Utilities */
.pr-0 { padding-right: 0; }
.pr-micro { padding-right: var(--space-micro); }
.pr-tiny { padding-right: var(--space-tiny); }
.pr-xs { padding-right: var(--space-xs); }
.pr-sm { padding-right: var(--space-sm); }
.pr-md { padding-right: var(--space-md); }
.pr-ml { padding-right: var(--space-ml); }
.pr-lg { padding-right: var(--space-lg); }
.pr-xl { padding-right: var(--space-xl); }
.pr-2xl { padding-right: var(--space-2xl); }
.pr-3xl { padding-right: var(--space-3xl); }
.pr-4xl { padding-right: var(--space-4xl); }
.pr-5xl { padding-right: var(--space-5xl); }
.pr-6xl { padding-right: var(--space-6xl); }
.pr-7xl { padding-right: var(--space-7xl); }
.pr-8xl { padding-right: var(--space-8xl); }
.pr-9xl { padding-right: var(--space-9xl); }
.pr-10xl { padding-right: var(--space-10xl); }
.pr-11xl { padding-right: var(--space-11xl); }

/* Padding All Sides */
.p-0 { padding: 0; }
.p-micro { padding: var(--space-micro); }
.p-tiny { padding: var(--space-tiny); }
.p-xs { padding: var(--space-xs); }
.p-sm { padding: var(--space-sm); }
.p-md { padding: var(--space-md); }
.p-ml { padding: var(--space-ml); }
.p-lg { padding: var(--space-lg); }
.p-xl { padding: var(--space-xl); }
.p-2xl { padding: var(--space-2xl); }
.p-3xl { padding: var(--space-3xl); }
.p-4xl { padding: var(--space-4xl); }
.p-5xl { padding: var(--space-5xl); }
.p-6xl { padding: var(--space-6xl); }
.p-7xl { padding: var(--space-7xl); }
.p-8xl { padding: var(--space-8xl); }
.p-9xl { padding: var(--space-9xl); }
.p-10xl { padding: var(--space-10xl); }
.p-11xl { padding: var(--space-11xl); }

/* Padding Horizontal (left + right) */
.px-0 { padding-left: 0; padding-right: 0; }
.px-micro { padding-left: var(--space-micro); padding-right: var(--space-micro); }
.px-tiny { padding-left: var(--space-tiny); padding-right: var(--space-tiny); }
.px-xs { padding-left: var(--space-xs); padding-right: var(--space-xs); }
.px-sm { padding-left: var(--space-sm); padding-right: var(--space-sm); }
.px-md { padding-left: var(--space-md); padding-right: var(--space-md); }
.px-ml { padding-left: var(--space-ml); padding-right: var(--space-ml); }
.px-lg { padding-left: var(--space-lg); padding-right: var(--space-lg); }
.px-xl { padding-left: var(--space-xl); padding-right: var(--space-xl); }
.px-2xl { padding-left: var(--space-2xl); padding-right: var(--space-2xl); }
.px-3xl { padding-left: var(--space-3xl); padding-right: var(--space-3xl); }
.px-4xl { padding-left: var(--space-4xl); padding-right: var(--space-4xl); }
.px-5xl { padding-left: var(--space-5xl); padding-right: var(--space-5xl); }
.px-6xl { padding-left: var(--space-6xl); padding-right: var(--space-6xl); }
.px-7xl { padding-left: var(--space-7xl); padding-right: var(--space-7xl); }
.px-8xl { padding-left: var(--space-8xl); padding-right: var(--space-8xl); }
.px-9xl { padding-left: var(--space-9xl); padding-right: var(--space-9xl); }
.px-10xl { padding-left: var(--space-10xl); padding-right: var(--space-10xl); }
.px-11xl { padding-left: var(--space-11xl); padding-right: var(--space-11xl); }

/* Padding Vertical (top + bottom) */
.py-0 { padding-top: 0; padding-bottom: 0; }
.py-micro { padding-top: var(--space-micro); padding-bottom: var(--space-micro); }
.py-tiny { padding-top: var(--space-tiny); padding-bottom: var(--space-tiny); }
.py-xs { padding-top: var(--space-xs); padding-bottom: var(--space-xs); }
.py-sm { padding-top: var(--space-sm); padding-bottom: var(--space-sm); }
.py-md { padding-top: var(--space-md); padding-bottom: var(--space-md); }
.py-ml { padding-top: var(--space-ml); padding-bottom: var(--space-ml); }
.py-lg { padding-top: var(--space-lg); padding-bottom: var(--space-lg); }
.py-xl { padding-top: var(--space-xl); padding-bottom: var(--space-xl); }
.py-2xl { padding-top: var(--space-2xl); padding-bottom: var(--space-2xl); }
.py-3xl { padding-top: var(--space-3xl); padding-bottom: var(--space-3xl); }
.py-4xl { padding-top: var(--space-4xl); padding-bottom: var(--space-4xl); }
.py-5xl { padding-top: var(--space-5xl); padding-bottom: var(--space-5xl); }
.py-6xl { padding-top: var(--space-6xl); padding-bottom: var(--space-6xl); }
.py-7xl { padding-top: var(--space-7xl); padding-bottom: var(--space-7xl); }
.py-8xl { padding-top: var(--space-8xl); padding-bottom: var(--space-8xl); }
.py-9xl { padding-top: var(--space-9xl); padding-bottom: var(--space-9xl); }
.py-10xl { padding-top: var(--space-10xl); padding-bottom: var(--space-10xl); }
.py-11xl { padding-top: var(--space-11xl); padding-bottom: var(--space-11xl); }

/* Responsive Padding */
@media (min-width: 768px) {
  .md\:pt-0 { padding-top: 0; }
  .md\:pt-micro { padding-top: var(--space-micro); }
  .md\:pt-tiny { padding-top: var(--space-tiny); }
  .md\:pt-xs { padding-top: var(--space-xs); }
  .md\:pt-sm { padding-top: var(--space-sm); }
  .md\:pt-md { padding-top: var(--space-md); }
  .md\:pt-ml { padding-top: var(--space-ml); }
  .md\:pt-lg { padding-top: var(--space-lg); }
  .md\:pt-xl { padding-top: var(--space-xl); }
  .md\:pt-2xl { padding-top: var(--space-2xl); }
  .md\:pt-3xl { padding-top: var(--space-3xl); }
  .md\:pt-4xl { padding-top: var(--space-4xl); }
  .md\:pt-5xl { padding-top: var(--space-5xl); }
  .md\:pt-6xl { padding-top: var(--space-6xl); }
  .md\:pt-7xl { padding-top: var(--space-7xl); }
  .md\:pt-8xl { padding-top: var(--space-8xl); }
  .md\:pt-9xl { padding-top: var(--space-9xl); }
  .md\:pt-10xl { padding-top: var(--space-10xl); }
  .md\:pt-11xl { padding-top: var(--space-11xl); }

  .md\:pb-0 { padding-bottom: 0; }
  .md\:pb-micro { padding-bottom: var(--space-micro); }
  .md\:pb-tiny { padding-bottom: var(--space-tiny); }
  .md\:pb-xs { padding-bottom: var(--space-xs); }
  .md\:pb-sm { padding-bottom: var(--space-sm); }
  .md\:pb-md { padding-bottom: var(--space-md); }
  .md\:pb-ml { padding-bottom: var(--space-ml); }
  .md\:pb-lg { padding-bottom: var(--space-lg); }
  .md\:pb-xl { padding-bottom: var(--space-xl); }
  .md\:pb-2xl { padding-bottom: var(--space-2xl); }
  .md\:pb-3xl { padding-bottom: var(--space-3xl); }
  .md\:pb-4xl { padding-bottom: var(--space-4xl); }
  .md\:pb-5xl { padding-bottom: var(--space-5xl); }
  .md\:pb-6xl { padding-bottom: var(--space-6xl); }
  .md\:pb-7xl { padding-bottom: var(--space-7xl); }
  .md\:pb-8xl { padding-bottom: var(--space-8xl); }
  .md\:pb-9xl { padding-bottom: var(--space-9xl); }
  .md\:pb-10xl { padding-bottom: var(--space-10xl); }
  .md\:pb-11xl { padding-bottom: var(--space-11xl); }

  .md\:pl-0 { padding-left: 0; }
  .md\:pl-micro { padding-left: var(--space-micro); }
  .md\:pl-tiny { padding-left: var(--space-tiny); }
  .md\:pl-xs { padding-left: var(--space-xs); }
  .md\:pl-sm { padding-left: var(--space-sm); }
  .md\:pl-md { padding-left: var(--space-md); }
  .md\:pl-ml { padding-left: var(--space-ml); }
  .md\:pl-lg { padding-left: var(--space-lg); }
  .md\:pl-xl { padding-left: var(--space-xl); }
  .md\:pl-2xl { padding-left: var(--space-2xl); }
  .md\:pl-3xl { padding-left: var(--space-3xl); }
  .md\:pl-4xl { padding-left: var(--space-4xl); }
  .md\:pl-5xl { padding-left: var(--space-5xl); }
  .md\:pl-6xl { padding-left: var(--space-6xl); }
  .md\:pl-7xl { padding-left: var(--space-7xl); }
  .md\:pl-8xl { padding-left: var(--space-8xl); }
  .md\:pl-9xl { padding-left: var(--space-9xl); }
  .md\:pl-10xl { padding-left: var(--space-10xl); }
  .md\:pl-11xl { padding-left: var(--space-11xl); }

  .md\:pr-0 { padding-right: 0; }
  .md\:pr-micro { padding-right: var(--space-micro); }
  .md\:pr-tiny { padding-right: var(--space-tiny); }
  .md\:pr-xs { padding-right: var(--space-xs); }
  .md\:pr-sm { padding-right: var(--space-sm); }
  .md\:pr-md { padding-right: var(--space-md); }
  .md\:pr-ml { padding-right: var(--space-ml); }
  .md\:pr-lg { padding-right: var(--space-lg); }
  .md\:pr-xl { padding-right: var(--space-xl); }
  .md\:pr-2xl { padding-right: var(--space-2xl); }
  .md\:pr-4xl { padding-right: var(--space-4xl); }
  .md\:pr-3xl { padding-right: var(--space-3xl); }
  .md\:pr-5xl { padding-right: var(--space-5xl); }
  .md\:pr-6xl { padding-right: var(--space-6xl); }
  .md\:pr-7xl { padding-right: var(--space-7xl); }
  .md\:pr-8xl { padding-right: var(--space-8xl); }
  .md\:pr-9xl { padding-right: var(--space-9xl); }
  .md\:pr-10xl { padding-right: var(--space-10xl); }
  .md\:pr-11xl { padding-right: var(--space-11xl); }

  /* Padding All Sides */
  .md\:p-0 { padding: 0; }
  .md\:p-micro { padding: var(--space-micro); }
  .md\:p-tiny { padding: var(--space-tiny); }
  .md\:p-xs { padding: var(--space-xs); }
  .md\:p-sm { padding: var(--space-sm); }
  .md\:p-md { padding: var(--space-md); }
  .md\:p-ml { padding: var(--space-ml); }
  .md\:p-lg { padding: var(--space-lg); }
  .md\:p-xl { padding: var(--space-xl); }
  .md\:p-2xl { padding: var(--space-2xl); }
  .md\:p-3xl { padding: var(--space-3xl); }
  .md\:p-4xl { padding: var(--space-4xl); }
  .md\:p-5xl { padding: var(--space-5xl); }
  .md\:p-6xl { padding: var(--space-6xl); }
  .md\:p-7xl { padding: var(--space-7xl); }
  .md\:p-8xl { padding: var(--space-8xl); }
  .md\:p-9xl { padding: var(--space-9xl); }
  .md\:p-10xl { padding: var(--space-10xl); }
  .md\:p-11xl { padding: var(--space-11xl); }

  /* Padding Horizontal (left + right) */
  .md\:px-0 { padding-left: 0; padding-right: 0; }
  .md\:px-micro { padding-left: var(--space-micro); padding-right: var(--space-micro); }
  .md\:px-tiny { padding-left: var(--space-tiny); padding-right: var(--space-tiny); }
  .md\:px-xs { padding-left: var(--space-xs); padding-right: var(--space-xs); }
  .md\:px-sm { padding-left: var(--space-sm); padding-right: var(--space-sm); }
  .md\:px-md { padding-left: var(--space-md); padding-right: var(--space-md); }
  .md\:px-ml { padding-left: var(--space-ml); padding-right: var(--space-ml); }
  .md\:px-lg { padding-left: var(--space-lg); padding-right: var(--space-lg); }
  .md\:px-xl { padding-left: var(--space-xl); padding-right: var(--space-xl); }
  .md\:px-2xl { padding-left: var(--space-2xl); padding-right: var(--space-2xl); }
  .md\:px-3xl { padding-left: var(--space-3xl); padding-right: var(--space-3xl); }
  .md\:px-4xl { padding-left: var(--space-4xl); padding-right: var(--space-4xl); }
  .md\:px-5xl { padding-left: var(--space-5xl); padding-right: var(--space-5xl); }
  .md\:px-6xl { padding-left: var(--space-6xl); padding-right: var(--space-6xl); }
  .md\:px-7xl { padding-left: var(--space-7xl); padding-right: var(--space-7xl); }
  .md\:px-8xl { padding-left: var(--space-8xl); padding-right: var(--space-8xl); }
  .md\:px-9xl { padding-left: var(--space-9xl); padding-right: var(--space-9xl); }
  .md\:px-10xl { padding-left: var(--space-10xl); padding-right: var(--space-10xl); }
  .md\:px-11xl { padding-left: var(--space-11xl); padding-right: var(--space-11xl); }

  /* Padding Vertical (top + bottom) */
  .md\:py-0 { padding-top: 0; padding-bottom: 0; }
  .md\:py-micro { padding-top: var(--space-micro); padding-bottom: var(--space-micro); }
  .md\:py-tiny { padding-top: var(--space-tiny); padding-bottom: var(--space-tiny); }
  .md\:py-xs { padding-top: var(--space-xs); padding-bottom: var(--space-xs); }
  .md\:py-sm { padding-top: var(--space-sm); padding-bottom: var(--space-sm); }
  .md\:py-md { padding-top: var(--space-md); padding-bottom: var(--space-md); }
  .md\:py-ml { padding-top: var(--space-ml); padding-bottom: var(--space-ml); }
  .md\:py-lg { padding-top: var(--space-lg); padding-bottom: var(--space-lg); }
  .md\:py-xl { padding-top: var(--space-xl); padding-bottom: var(--space-xl); }
  .md\:py-2xl { padding-top: var(--space-2xl); padding-bottom: var(--space-2xl); }
  .md\:py-3xl { padding-top: var(--space-3xl); padding-bottom: var(--space-3xl); }
  .md\:py-4xl { padding-top: var(--space-4xl); padding-bottom: var(--space-4xl); }
  .md\:py-5xl { padding-top: var(--space-5xl); padding-bottom: var(--space-5xl); }
  .md\:py-6xl { padding-top: var(--space-6xl); padding-bottom: var(--space-6xl); }
  .md\:py-7xl { padding-top: var(--space-7xl); padding-bottom: var(--space-7xl); }
  .md\:py-8xl { padding-top: var(--space-8xl); padding-bottom: var(--space-8xl); }
  .md\:py-9xl { padding-top: var(--space-9xl); padding-bottom: var(--space-9xl); }
  .md\:py-10xl { padding-top: var(--space-10xl); padding-bottom: var(--space-10xl); }
  .md\:py-11xl { padding-top: var(--space-11xl); padding-bottom: var(--space-11xl); }
}

@media (min-width: 1280px) {
  .xl\:pt-0 { padding-top: 0; }
  .xl\:pt-micro { padding-top: var(--space-micro); }
  .xl\:pt-tiny { padding-top: var(--space-tiny); }
  .xl\:pt-xs { padding-top: var(--space-xs); }
  .xl\:pt-sm { padding-top: var(--space-sm); }
  .xl\:pt-md { padding-top: var(--space-md); }
  .xl\:pt-ml { padding-top: var(--space-ml); }
  .xl\:pt-lg { padding-top: var(--space-lg); }
  .xl\:pt-xl { padding-top: var(--space-xl); }
  .xl\:pt-2xl { padding-top: var(--space-2xl); }
  .xl\:pt-3xl { padding-top: var(--space-3xl); }
  .xl\:pt-4xl { padding-top: var(--space-4xl); }
  .xl\:pt-5xl { padding-top: var(--space-5xl); }
  .xl\:pt-6xl { padding-top: var(--space-6xl); }
  .xl\:pt-7xl { padding-top: var(--space-7xl); }
  .xl\:pt-8xl { padding-top: var(--space-8xl); }
  .xl\:pt-9xl { padding-top: var(--space-9xl); }
  .xl\:pt-10xl { padding-top: var(--space-10xl); }
  .xl\:pt-11xl { padding-top: var(--space-11xl); }

  .xl\:pb-0 { padding-bottom: 0; }
  .xl\:pb-micro { padding-bottom: var(--space-micro); }
  .xl\:pb-tiny { padding-bottom: var(--space-tiny); }
  .xl\:pb-xs { padding-bottom: var(--space-xs); }
  .xl\:pb-sm { padding-bottom: var(--space-sm); }
  .xl\:pb-md { padding-bottom: var(--space-md); }
  .xl\:pb-ml { padding-bottom: var(--space-ml); }
  .xl\:pb-lg { padding-bottom: var(--space-lg); }
  .xl\:pb-xl { padding-bottom: var(--space-xl); }
  .xl\:pb-2xl { padding-bottom: var(--space-2xl); }
  .xl\:pb-3xl { padding-bottom: var(--space-3xl); }
  .xl\:pb-4xl { padding-bottom: var(--space-4xl); }
  .xl\:pb-5xl { padding-bottom: var(--space-5xl); }
  .xl\:pb-6xl { padding-bottom: var(--space-6xl); }
  .xl\:pb-7xl { padding-bottom: var(--space-7xl); }
  .xl\:pb-8xl { padding-bottom: var(--space-8xl); }
  .xl\:pb-9xl { padding-bottom: var(--space-9xl); }
  .xl\:pb-10xl { padding-bottom: var(--space-10xl); }
  .xl\:pb-11xl { padding-bottom: var(--space-11xl); }

  .xl\:pl-0 { padding-left: 0; }
  .xl\:pl-micro { padding-left: var(--space-micro); }
  .xl\:pl-tiny { padding-left: var(--space-tiny); }
  .xl\:pl-xs { padding-left: var(--space-xs); }
  .xl\:pl-sm { padding-left: var(--space-sm); }
  .xl\:pl-md { padding-left: var(--space-md); }
  .xl\:pl-ml { padding-left: var(--space-ml); }
  .xl\:pl-lg { padding-left: var(--space-lg); }
  .xl\:pl-xl { padding-left: var(--space-xl); }
  .xl\:pl-2xl { padding-left: var(--space-2xl); }
  .xl\:pl-3xl { padding-left: var(--space-3xl); }
  .xl\:pl-4xl { padding-left: var(--space-4xl); }
  .xl\:pl-5xl { padding-left: var(--space-5xl); }
  .xl\:pl-6xl { padding-left: var(--space-6xl); }
  .xl\:pl-7xl { padding-left: var(--space-7xl); }
  .xl\:pl-8xl { padding-left: var(--space-8xl); }
  .xl\:pl-9xl { padding-left: var(--space-9xl); }
  .xl\:pl-10xl { padding-left: var(--space-10xl); }
  .xl\:pl-11xl { padding-left: var(--space-11xl); }

  .xl\:pr-0 { padding-right: 0; }
  .xl\:pr-micro { padding-right: var(--space-micro); }
  .xl\:pr-tiny { padding-right: var(--space-tiny); }
  .xl\:pr-xs { padding-right: var(--space-xs); }
  .xl\:pr-sm { padding-right: var(--space-sm); }
  .xl\:pr-md { padding-right: var(--space-md); }
  .xl\:pr-ml { padding-right: var(--space-ml); }
  .xl\:pr-lg { padding-right: var(--space-lg); }
  .xl\:pr-xl { padding-right: var(--space-xl); }
  .xl\:pr-2xl { padding-right: var(--space-2xl); }
  .xl\:pr-7xl { padding-right: var(--space-7xl); }
  .xl\:pr-3xl { padding-right: var(--space-3xl); }
  .xl\:pr-4xl { padding-right: var(--space-4xl); }
  .xl\:pr-5xl { padding-right: var(--space-5xl); }
  .xl\:pr-6xl { padding-right: var(--space-6xl); }
  .xl\:pr-8xl { padding-right: var(--space-8xl); }
  .xl\:pr-9xl { padding-right: var(--space-9xl); }
  .xl\:pr-10xl { padding-right: var(--space-10xl); }
  .xl\:pr-11xl { padding-right: var(--space-11xl); }

  /* Padding All Sides */
  .xl\:p-0 { padding: 0; }
  .xl\:p-micro { padding: var(--space-micro); }
  .xl\:p-tiny { padding: var(--space-tiny); }
  .xl\:p-xs { padding: var(--space-xs); }
  .xl\:p-sm { padding: var(--space-sm); }
  .xl\:p-md { padding: var(--space-md); }
  .xl\:p-ml { padding: var(--space-ml); }
  .xl\:p-lg { padding: var(--space-lg); }
  .xl\:p-xl { padding: var(--space-xl); }
  .xl\:p-2xl { padding: var(--space-2xl); }
  .xl\:p-3xl { padding: var(--space-3xl); }
  .xl\:p-4xl { padding: var(--space-4xl); }
  .xl\:p-5xl { padding: var(--space-5xl); }
  .xl\:p-6xl { padding: var(--space-6xl); }
  .xl\:p-7xl { padding: var(--space-7xl); }
  .xl\:p-8xl { padding: var(--space-8xl); }
  .xl\:p-9xl { padding: var(--space-9xl); }
  .xl\:p-10xl { padding: var(--space-10xl); }
  .xl\:p-11xl { padding: var(--space-11xl); }

  /* Padding Horizontal (left + right) */
  .xl\:px-0 { padding-left: 0; padding-right: 0; }
  .xl\:px-micro { padding-left: var(--space-micro); padding-right: var(--space-micro); }
  .xl\:px-tiny { padding-left: var(--space-tiny); padding-right: var(--space-tiny); }
  .xl\:px-xs { padding-left: var(--space-xs); padding-right: var(--space-xs); }
  .xl\:px-sm { padding-left: var(--space-sm); padding-right: var(--space-sm); }
  .xl\:px-md { padding-left: var(--space-md); padding-right: var(--space-md); }
  .xl\:px-ml { padding-left: var(--space-ml); padding-right: var(--space-ml); }
  .xl\:px-lg { padding-left: var(--space-lg); padding-right: var(--space-lg); }
  .xl\:px-xl { padding-left: var(--space-xl); padding-right: var(--space-xl); }
  .xl\:px-2xl { padding-left: var(--space-2xl); padding-right: var(--space-2xl); }
  .xl\:px-3xl { padding-left: var(--space-3xl); padding-right: var(--space-3xl); }
  .xl\:px-4xl { padding-left: var(--space-4xl); padding-right: var(--space-4xl); }
  .xl\:px-5xl { padding-left: var(--space-5xl); padding-right: var(--space-5xl); }
  .xl\:px-6xl { padding-left: var(--space-6xl); padding-right: var(--space-6xl); }
  .xl\:px-7xl { padding-left: var(--space-7xl); padding-right: var(--space-7xl); }
  .xl\:px-8xl { padding-left: var(--space-8xl); padding-right: var(--space-8xl); }
  .xl\:px-9xl { padding-left: var(--space-9xl); padding-right: var(--space-9xl); }
  .xl\:px-10xl { padding-left: var(--space-10xl); padding-right: var(--space-10xl); }
  .xl\:px-11xl { padding-left: var(--space-11xl); padding-right: var(--space-11xl); }

  /* Padding Vertical (top + bottom) */
  .xl\:py-0 { padding-top: 0; padding-bottom: 0; }
  .xl\:py-micro { padding-top: var(--space-micro); padding-bottom: var(--space-micro); }
  .xl\:py-tiny { padding-top: var(--space-tiny); padding-bottom: var(--space-tiny); }
  .xl\:py-xs { padding-top: var(--space-xs); padding-bottom: var(--space-xs); }
  .xl\:py-sm { padding-top: var(--space-sm); padding-bottom: var(--space-sm); }
  .xl\:py-md { padding-top: var(--space-md); padding-bottom: var(--space-md); }
  .xl\:py-ml { padding-top: var(--space-ml); padding-bottom: var(--space-ml); }
  .xl\:py-lg { padding-top: var(--space-lg); padding-bottom: var(--space-lg); }
  .xl\:py-xl { padding-top: var(--space-xl); padding-bottom: var(--space-xl); }
  .xl\:py-2xl { padding-top: var(--space-2xl); padding-bottom: var(--space-2xl); }
  .xl\:py-3xl { padding-top: var(--space-3xl); padding-bottom: var(--space-3xl); }
  .xl\:py-4xl { padding-top: var(--space-4xl); padding-bottom: var(--space-4xl); }
  .xl\:py-5xl { padding-top: var(--space-5xl); padding-bottom: var(--space-5xl); }
  .xl\:py-6xl { padding-top: var(--space-6xl); padding-bottom: var(--space-6xl); }
  .xl\:py-7xl { padding-top: var(--space-7xl); padding-bottom: var(--space-7xl); }
  .xl\:py-8xl { padding-top: var(--space-8xl); padding-bottom: var(--space-8xl); }
  .xl\:py-9xl { padding-top: var(--space-9xl); padding-bottom: var(--space-9xl); }
  .xl\:py-10xl { padding-top: var(--space-10xl); padding-bottom: var(--space-10xl); }
  .xl\:py-11xl { padding-top: var(--space-11xl); padding-bottom: var(--space-11xl); }
}

@media (min-width: 1441px) {
  .\32xl\:pt-0 { padding-top: 0; }
  .\32xl\:pt-micro { padding-top: var(--space-micro); }
  .\32xl\:pt-tiny { padding-top: var(--space-tiny); }
  .\32xl\:pt-xs { padding-top: var(--space-xs); }
  .\32xl\:pt-sm { padding-top: var(--space-sm); }
  .\32xl\:pt-md { padding-top: var(--space-md); }
  .\32xl\:pt-ml { padding-top: var(--space-ml); }
  .\32xl\:pt-lg { padding-top: var(--space-lg); }
  .\32xl\:pt-xl { padding-top: var(--space-xl); }
  .\32xl\:pt-2xl { padding-top: var(--space-2xl); }
  .\32xl\:pt-3xl { padding-top: var(--space-3xl); }
  .\32xl\:pt-4xl { padding-top: var(--space-4xl); }
  .\32xl\:pt-5xl { padding-top: var(--space-5xl); }
  .\32xl\:pt-6xl { padding-top: var(--space-6xl); }
  .\32xl\:pt-7xl { padding-top: var(--space-7xl); }
  .\32xl\:pt-8xl { padding-top: var(--space-8xl); }
  .\32xl\:pt-9xl { padding-top: var(--space-9xl); }
  .\32xl\:pt-10xl { padding-top: var(--space-10xl); }
  .\32xl\:pt-11xl { padding-top: var(--space-11xl); }

  .\32xl\:pb-0 { padding-bottom: 0; }
  .\32xl\:pb-micro { padding-bottom: var(--space-micro); }
  .\32xl\:pb-tiny { padding-bottom: var(--space-tiny); }
  .\32xl\:pb-xs { padding-bottom: var(--space-xs); }
  .\32xl\:pb-sm { padding-bottom: var(--space-sm); }
  .\32xl\:pb-md { padding-bottom: var(--space-md); }
  .\32xl\:pb-ml { padding-bottom: var(--space-ml); }
  .\32xl\:pb-lg { padding-bottom: var(--space-lg); }
  .\32xl\:pb-xl { padding-bottom: var(--space-xl); }
  .\32xl\:pb-2xl { padding-bottom: var(--space-2xl); }
  .\32xl\:pb-3xl { padding-bottom: var(--space-3xl); }
  .\32xl\:pb-4xl { padding-bottom: var(--space-4xl); }
  .\32xl\:pb-5xl { padding-bottom: var(--space-5xl); }
  .\32xl\:pb-6xl { padding-bottom: var(--space-6xl); }
  .\32xl\:pb-7xl { padding-bottom: var(--space-7xl); }
  .\32xl\:pb-8xl { padding-bottom: var(--space-8xl); }
  .\32xl\:pb-9xl { padding-bottom: var(--space-9xl); }
  .\32xl\:pb-10xl { padding-bottom: var(--space-10xl); }
  .\32xl\:pb-11xl { padding-bottom: var(--space-11xl); }

  .\32xl\:pl-0 { padding-left: 0; }
  .\32xl\:pl-micro { padding-left: var(--space-micro); }
  .\32xl\:pl-tiny { padding-left: var(--space-tiny); }
  .\32xl\:pl-xs { padding-left: var(--space-xs); }
  .\32xl\:pl-sm { padding-left: var(--space-sm); }
  .\32xl\:pl-md { padding-left: var(--space-md); }
  .\32xl\:pl-ml { padding-left: var(--space-ml); }
  .\32xl\:pl-lg { padding-left: var(--space-lg); }
  .\32xl\:pl-xl { padding-left: var(--space-xl); }
  .\32xl\:pl-2xl { padding-left: var(--space-2xl); }
  .\32xl\:pl-3xl { padding-left: var(--space-3xl); }
  .\32xl\:pl-4xl { padding-left: var(--space-4xl); }
  .\32xl\:pl-5xl { padding-left: var(--space-5xl); }
  .\32xl\:pl-6xl { padding-left: var(--space-6xl); }
  .\32xl\:pl-7xl { padding-left: var(--space-7xl); }
  .\32xl\:pl-8xl { padding-left: var(--space-8xl); }
  .\32xl\:pl-9xl { padding-left: var(--space-9xl); }
  .\32xl\:pl-10xl { padding-left: var(--space-10xl); }
  .\32xl\:pl-11xl { padding-left: var(--space-11xl); }

  .\32xl\:pr-0 { padding-right: 0; }
  .\32xl\:pr-micro { padding-right: var(--space-micro); }
  .\32xl\:pr-tiny { padding-right: var(--space-tiny); }
  .\32xl\:pr-xs { padding-right: var(--space-xs); }
  .\32xl\:pr-sm { padding-right: var(--space-sm); }
  .\32xl\:pr-md { padding-right: var(--space-md); }
  .\32xl\:pr-ml { padding-right: var(--space-ml); }
  .\32xl\:pr-lg { padding-right: var(--space-lg); }
  .\32xl\:pr-xl { padding-right: var(--space-xl); }
  .\32xl\:pr-2xl { padding-right: var(--space-2xl); }
  .\32xl\:pr-3xl { padding-right: var(--space-3xl); }
  .\32xl\:pr-4xl { padding-right: var(--space-4xl); }
  .\32xl\:pr-5xl { padding-right: var(--space-5xl); }
  .\32xl\:pr-6xl { padding-right: var(--space-6xl); }
  .\32xl\:pr-7xl { padding-right: var(--space-7xl); }
  .\32xl\:pr-8xl { padding-right: var(--space-8xl); }
  .\32xl\:pr-9xl { padding-right: var(--space-9xl); }
  .\32xl\:pr-10xl { padding-right: var(--space-10xl); }
  .\32xl\:pr-11xl { padding-right: var(--space-11xl); }

  /* Padding All Sides */
  .\32xl\:p-0 { padding: 0; }
  .\32xl\:p-micro { padding: var(--space-micro); }
  .\32xl\:p-tiny { padding: var(--space-tiny); }
  .\32xl\:p-xs { padding: var(--space-xs); }
  .\32xl\:p-sm { padding: var(--space-sm); }
  .\32xl\:p-md { padding: var(--space-md); }
  .\32xl\:p-ml { padding: var(--space-ml); }
  .\32xl\:p-lg { padding: var(--space-lg); }
  .\32xl\:p-xl { padding: var(--space-xl); }
  .\32xl\:p-2xl { padding: var(--space-2xl); }
  .\32xl\:p-3xl { padding: var(--space-3xl); }
  .\32xl\:p-4xl { padding: var(--space-4xl); }
  .\32xl\:p-5xl { padding: var(--space-5xl); }
  .\32xl\:p-6xl { padding: var(--space-6xl); }
  .\32xl\:p-7xl { padding: var(--space-7xl); }
  .\32xl\:p-8xl { padding: var(--space-8xl); }
  .\32xl\:p-9xl { padding: var(--space-9xl); }
  .\32xl\:p-10xl { padding: var(--space-10xl); }
  .\32xl\:p-11xl { padding: var(--space-11xl); }

  /* Padding Horizontal (left + right) */
  .\32xl\:px-0 { padding-left: 0; padding-right: 0; }
  .\32xl\:px-micro { padding-left: var(--space-micro); padding-right: var(--space-micro); }
  .\32xl\:px-tiny { padding-left: var(--space-tiny); padding-right: var(--space-tiny); }
  .\32xl\:px-xs { padding-left: var(--space-xs); padding-right: var(--space-xs); }
  .\32xl\:px-sm { padding-left: var(--space-sm); padding-right: var(--space-sm); }
  .\32xl\:px-md { padding-left: var(--space-md); padding-right: var(--space-md); }
  .\32xl\:px-ml { padding-left: var(--space-ml); padding-right: var(--space-ml); }
  .\32xl\:px-lg { padding-left: var(--space-lg); padding-right: var(--space-lg); }
  .\32xl\:px-xl { padding-left: var(--space-xl); padding-right: var(--space-xl); }
  .\32xl\:px-2xl { padding-left: var(--space-2xl); padding-right: var(--space-2xl); }
  .\32xl\:px-3xl { padding-left: var(--space-3xl); padding-right: var(--space-3xl); }
  .\32xl\:px-4xl { padding-left: var(--space-4xl); padding-right: var(--space-4xl); }
  .\32xl\:px-5xl { padding-left: var(--space-5xl); padding-right: var(--space-5xl); }
  .\32xl\:px-6xl { padding-left: var(--space-6xl); padding-right: var(--space-6xl); }
  .\32xl\:px-7xl { padding-left: var(--space-7xl); padding-right: var(--space-7xl); }
  .\32xl\:px-8xl { padding-left: var(--space-8xl); padding-right: var(--space-8xl); }
  .\32xl\:px-9xl { padding-left: var(--space-9xl); padding-right: var(--space-9xl); }
  .\32xl\:px-10xl { padding-left: var(--space-10xl); padding-right: var(--space-10xl); }
  .\32xl\:px-11xl { padding-left: var(--space-11xl); padding-right: var(--space-11xl); }

  /* Padding Vertical (top + bottom) */
  .\32xl\:py-0 { padding-top: 0; padding-bottom: 0; }
  .\32xl\:py-micro { padding-top: var(--space-micro); padding-bottom: var(--space-micro); }
  .\32xl\:py-tiny { padding-top: var(--space-tiny); padding-bottom: var(--space-tiny); }
  .\32xl\:py-xs { padding-top: var(--space-xs); padding-bottom: var(--space-xs); }
  .\32xl\:py-sm { padding-top: var(--space-sm); padding-bottom: var(--space-sm); }
  .\32xl\:py-md { padding-top: var(--space-md); padding-bottom: var(--space-md); }
  .\32xl\:py-ml { padding-top: var(--space-ml); padding-bottom: var(--space-ml); }
  .\32xl\:py-lg { padding-top: var(--space-lg); padding-bottom: var(--space-lg); }
  .\32xl\:py-xl { padding-top: var(--space-xl); padding-bottom: var(--space-xl); }
  .\32xl\:py-2xl { padding-top: var(--space-2xl); padding-bottom: var(--space-2xl); }
  .\32xl\:py-3xl { padding-top: var(--space-3xl); padding-bottom: var(--space-3xl); }
  .\32xl\:py-4xl { padding-top: var(--space-4xl); padding-bottom: var(--space-4xl); }
  .\32xl\:py-5xl { padding-top: var(--space-5xl); padding-bottom: var(--space-5xl); }
  .\32xl\:py-6xl { padding-top: var(--space-6xl); padding-bottom: var(--space-6xl); }
  .\32xl\:py-7xl { padding-top: var(--space-7xl); padding-bottom: var(--space-7xl); }
  .\32xl\:py-8xl { padding-top: var(--space-8xl); padding-bottom: var(--space-8xl); }
  .\32xl\:py-9xl { padding-top: var(--space-9xl); padding-bottom: var(--space-9xl); }
  .\32xl\:py-10xl { padding-top: var(--space-10xl); padding-bottom: var(--space-10xl); }
  .\32xl\:py-11xl { padding-top: var(--space-11xl); padding-bottom: var(--space-11xl); }
}

/* Aspect Ratio */

.aspect-4-5 { width: 100%; aspect-ratio: 4 / 5; }
.aspect-4-4 { width: 100%; aspect-ratio: 4 / 4; }
.aspect-5-4 { width: 100%; aspect-ratio: 5 / 4; }
.aspect-2-3 { width: 100%; aspect-ratio: 2 / 3; }
.aspect-3-2 { width: 100%; aspect-ratio: 3 / 2; }
.aspect-9-16 { width: 100%; aspect-ratio: 9 / 16; }
.aspect-16-9 { width: 100%; aspect-ratio: 16 / 9; }
.aspect-21-9 { width: 100%; aspect-ratio: 21 / 9; }

/* Screen Sizing */
.w-screen { width: 100vw; }
.h-screen { height: 100vh; }

/* Desktop Half & Third View */
.desktop-1-2 { width: 50vw; height: 50vh; }
.desktop-1-3 { width: 33.33vw; height: 33.33vh; }

/* Mobile Full Screen */
.mobile-full { width: 100vw; height: 100vh; }

/* Desktop Full Screen */
.desktop-full { width: 100vw; height: 100vh; }

/* Responsive Aspect Ratios */
@media (min-width: 768px) {
  .md\:aspect-4-5 { aspect-ratio: 4 / 5; }
  .md\:aspect-4-4 { aspect-ratio: 4 / 4; }
  .md\:aspect-5-4 { aspect-ratio: 5 / 4; }
  .md\:aspect-2-3 { aspect-ratio: 2 / 3; }
  .md\:aspect-3-2 { aspect-ratio: 3 / 2; }
  .md\:aspect-9-16 { aspect-ratio: 9 / 16; }
  .md\:aspect-16-9 { aspect-ratio: 16 / 9; }
  .md\:aspect-21-9 { aspect-ratio: 21 / 9; }
  
  .md\:w-screen { width: 100vw; }
  .md\:h-screen { height: 100vh; }

  .md\:desktop-1-2 { width: 50vw; height: 50vh; }
  .md\:desktop-1-3 { width: 33.33vw; height: 33.33vh; }

  .md\:mobile-full { width: 100vw; height: 100vh; }
  .md\:desktop-full { width: 100vw; height: 100vh; }
}

@media (min-width: 1280px) {
  .xl\:aspect-4-5 { aspect-ratio: 4 / 5; }
  .xl\:aspect-4-4 { aspect-ratio: 4 / 4; }
  .xl\:aspect-5-4 { aspect-ratio: 5 / 4; }
  .xl\:aspect-2-3 { aspect-ratio: 2 / 3; }
  .xl\:aspect-3-2 { aspect-ratio: 3 / 2; }
  .xl\:aspect-9-16 { aspect-ratio: 9 / 16; }
  .xl\:aspect-16-9 { aspect-ratio: 16 / 9; }
  .xl\:aspect-21-9 { aspect-ratio: 21 / 9; }

  .xl\:w-screen { width: 100vw; }
  .xl\:h-screen { height: 100vh; }

  .xl\:desktop-1-2 { width: 50vw; height: 50vh; }
  .xl\:desktop-1-3 { width: 33.33vw; height: 33.33vh; }

  .xl\:mobile-full { width: 100vw; height: 100vh; }
  .xl\:desktop-full { width: 100vw; height: 100vh; }
}

@media (min-width: 1441px) {
  .\32xl\:aspect-4-5 { aspect-ratio: 4 / 5; }
  .\32xl\:aspect-4-4 { aspect-ratio: 4 / 4; }
  .\32xl\:aspect-5-4 { aspect-ratio: 5 / 4; }
  .\32xl\:aspect-2-3 { aspect-ratio: 2 / 3; }
  .\32xl\:aspect-3-2 { aspect-ratio: 3 / 2; }
  .\32xl\:aspect-9-16 { aspect-ratio: 9 / 16; }
  .\32xl\:aspect-16-9 { aspect-ratio: 16 / 9; }
  .\32xl\:aspect-21-9 { aspect-ratio: 21 / 9; }

  .\32xl\:w-screen { width: 100vw; }
  .\32xl\:h-screen { height: 100vh; }

  .\32xl\:desktop-1-2 { width: 50vw; height: 50vh; }
  .\32xl\:desktop-1-3 { width: 33.33vw; height: 33.33vh; }

  .\32xl\:mobile-full { width: 100vw; height: 100vh; }
  .\32xl\:desktop-full { width: 100vw; height: 100vh; }
}

/* Helpers */

.h-full {
  height: 100%;
}

.h-auto {
  height: auto;
}

.w-full {
  width: 100%;
}

.w-auto {
  width: auto;
}

.flex-row {
  flex-direction: row;
}

.flex-column {
  flex-direction: column;
}

.flex-column-reverse {
  flex-direction: column-reverse;
}

.justify-around {
  justify-content: space-around;
}

.justify-end {
  justify-content: flex-end;
}

.justify-between {
  justify-content: space-between;
}

.justify-center {
  justify-content: center;
}

.justify-start {
  justify-content: flex-start;
}

.place-content-end {
  place-content: end;
}

.items-start {
  align-items: flex-start;
}

.items-center {
  align-items: center;
}

.items-end {
  align-items: flex-end;
}

.items-baseline {
  align-items: baseline;
}

.underline {
  text-decoration: underline;
}

/* Border border-radius */
.rounded-md {
  border-radius: 10px;
}

.rounded-lg {
  border-radius: 20px;
}

.rounded-xl{
  border-radius: 50px;
}

@media (min-width: 768px) {
  .md\:h-full {
    height: 100%;
  }
  
  .md\:h-auto {
    height: auto;
  }

  .md\:w-full {
    width: 100%;
  }
  
  .md\:w-auto {
    width: auto;
  }

  .md\:flex-row {
    flex-direction: row;
  }

  .md\:flex-column {
    flex-direction: column;
  }

  .md\:flex-column-reverse {
    flex-direction: column-reverse;
  }

  .md\:justify-around {
    justify-content: space-around;
  }

  .md\:justify-end {
    justify-content: flex-end;
  }

  .md\:justify-between {
    justify-content: space-between;
  }
  
  .md\:justify-center{
    justify-content: center;
  }

  .md\:justify-start {
    justify-content: flex-start;
  }

  .md\:place-content-end{
    place-content: end;
  }

  .md\:items-start{
    align-items: flex-start;
  }
  
  .md\:items-center{
    align-items: center;
  }
  
  .md\:items-end{
    align-items: flex-end;
  }

  .md\:items-baseline {
    align-items: baseline;
  }

  .md\:underline {
    text-decoration: underline;
  }

  /* Border border-radius */
  .md\:rounded-md {
    border-radius: 10px;
  }

  .md\:rounded-lg {
    border-radius: 20px;
  }

  .md\:rounded-xl{
    border-radius: 50px;
  }
}

@media (min-width: 1280px) {
  .xl\:w-full {
    width: 100%;
  }
  
  .xl\:w-auto {
    width: auto;
  }

  .xl\:h-full {
    height: 100%;
  }
  
  .xl\:h-auto {
    height: auto;
  }
  
  .xl\:flex-row {
    flex-direction: row;
  }

  .xl\:flex-column {
    flex-direction: column;
  }

  .xl\:flex-column-reverse {
    flex-direction: column-reverse;
  }

  .xl\:justify-around {
    justify-content: space-around;
  }

  .xl\:justify-end {
    justify-content: flex-end;
  }

  .xl\:justify-between {
    justify-content: space-between;
  }
  
  .xl\:justify-center{
    justify-content: center;
  }

  .xl\:justify-start {
    justify-content: flex-start;
  }

  .xl\:place-content-end{
    place-content: end;
  }
  
  .xl\:items-start{
    align-items: flex-start;
  }
  
  .xl\:items-center{
    align-items: center;
  }
  
  .xl\:items-end{
    align-items: flex-end;
  }

  .xl\:items-baseline {
    align-items: baseline;
  }

  .xl\:underline {
    text-decoration: underline;
  }

  /* Border border-radius */
  .xl\:rounded-md {
    border-radius: 10px;
  }

  .xl\:rounded-lg {
    border-radius: 20px;
  }

  .xl\:rounded-xl{
    border-radius: 50px;
  }
}

@media (min-width: 1441px) {
  .\32xl\:w-full {
    width: 100%;
  }
  
  .\32xl\:w-auto {
    width: auto;
  }

  .\32xl\:h-full {
    height: 100%;
  }
  
  .\32xl\:h-auto {
    height: auto;
  }
  
  .\32xl\:flex-row {
    flex-direction: row;
  }

  .\32xl\:flex-column {
    flex-direction: column;
  }

  .\32xl\:flex-column-reverse {
    flex-direction: column-reverse;
  }

  .\32xl\:justify-around {
    justify-content: space-around;
  }

  .\32xl\:justify-end {
    justify-content: flex-end;
  }

  .\32xl\:justify-between {
    justify-content: space-between;
  }
  
  .\32xl\:justify-center{
    justify-content: center;
  }

  .\32xl\:justify-start {
    justify-content: flex-start;
  }

  .\32xl\:place-content-end{
    place-content: end;
  }

  .\32xl\:items-start{
    align-items: flex-start;
  }
  
  .\32xl\:items-center{
    align-items: center;
  }
  
  .\32xl\:items-end{
    align-items: flex-end;
  }

  .\32xl\:items-baseline {
    align-items: baseline;
  }

  .\32xl\:underline {
    text-decoration: underline;
  }

  /* Border border-radius */
  .\32xl\:rounded-md {
    border-radius: 10px;
  }

  .\32xl\:rounded-lg {
    border-radius: 20px;
  }

  .\32xl\:rounded-xl{
    border-radius: 50px;
  }
}

.uppercase {
  text-transform: uppercase;
}

.normal-case {
  text-transform: none;
}

.rotate {
  transform: rotate(0deg);
}

.rotate-90 {
  transform: rotate(90deg);
}

.rotate-180 {
  transform: rotate(180deg);
}

.rotate-270 {
  transform: rotate(270deg);
}

.list-none {
  list-style: none;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.fixed {
  position: fixed;
}

.sticky {
  position: sticky;
}

.top-0 {
  top: 0;
}

.left-0 {
  left: 0;
}

.right-0 {
  right: 0;
}

.bottom-0 {
  bottom: 0;
}

.overflow-hidden {
  overflow: hidden;
}

@media (min-width: 768px) {
  .md\:uppercase {
    text-transform: uppercase;
  }

  .md\:normal-case {
    text-transform: none;
  }
  
  .md\:rotate {
    transform: rotate(0deg);
  }

  .md\:rotate-90 {
    transform: rotate(90deg);
  }

  .md\:rotate-180 {
    transform: rotate(180deg);
  }

  .md\:rotate-270 {
    transform: rotate(270deg);
  }

  .md\:list-none {
    list-style: none;
  }

  .md\:text-left {
    text-align: left;
  }

  .md\:text-center {
    text-align: center;
  }

  .md\:text-right {
    text-align: right;
  }
  
  .md\:absolute {
    position: absolute;
  }

  .md\:relative {
    position: relative;
  }

  .md\:fixed {
    position: fixed;
  }

  .md\:sticky {
    position: sticky;
  }

  .md\:top-0 {
    top: 0;
  }

  .md\:left-0 {
    left: 0;
  }

  .md\:right-0 {
    right: 0;
  }

  .md\:bottom-0 {
    bottom: 0;
  }

  .md\:overflow-hidden {
    overflow: hidden;
  }
}

@media (min-width: 1280px) {
  .xl\:uppercase {
    text-transform: uppercase;
  }

  .xl\:normal-case {
    text-transform: none;
  }
  
  .xl\:rotate {
    transform: rotate(0deg);
  }

  .xl\:rotate-90 {
    transform: rotate(90deg);
  }

  .xl\:rotate-180 {
    transform: rotate(180deg);
  }

  .xl\:rotate-270 {
    transform: rotate(270deg);
  }

  .xl\:list-none {
    list-style: none;
  }

  .xl\:text-left {
    text-align: left;
  }

  .xl\:text-center {
    text-align: center;
  }

  .xl\:text-right {
    text-align: right;
  }
  
  .xl\:absolute {
    position: absolute;
  }

  .xl\:relative {
    position: relative;
  }

  .xl\:fixed {
    position: fixed;
  }

  .xl\:sticky {
    position: sticky;
  }

  .xl\:top-0 {
    top: 0;
  }

  .xl\:left-0 {
    left: 0;
  }

  .xl\:right-0 {
    right: 0;
  }

  .xl\:bottom-0 {
    bottom: 0;
  }

  .xl\:overflow-hidden {
    overflow: hidden;
  }
}

@media (min-width: 1441px) {
  .\32xl\:uppercase {
    text-transform: uppercase;
  }

  .\32xl\:normal-case {
    text-transform: none;
  }
  
  .\32xl\:rotate {
    transform: rotate(0deg);
  }

  .\32xl\:rotate-90 {
    transform: rotate(90deg);
  }

  .\32xl\:rotate-180 {
    transform: rotate(180deg);
  }

  .\32xl\:rotate-270 {
    transform: rotate(270deg);
  }

  .\32xl\:list-none {
    list-style: none;
  }

  .\32xl\:text-left {
    text-align: left;
  }

  .\32xl\:text-center {
    text-align: center;
  }

  .\32xl\:text-right {
    text-align: right;
  }

  .\32xl\:absolute {
    position: absolute;
  }

  .\32xl\:relative {
    position: relative;
  }

  .\32xl\:fixed {
    position: fixed;
  }

  .\32xl\:sticky {
    position: sticky;
  }

  .\32xl\:top-0 {
    top: 0;
  }

  .\32xl\:left-0 {
    left: 0;
  }

  .\32xl\:right-0 {
    right: 0;
  }

  .\32xl\:bottom-0 {
    bottom: 0;
  }

  .\32xl\:overflow-hidden {
    overflow: hidden;
  }
}

.bold {
  font-weight: 700;
}

.semi-bold {
  font-weight: 600;
}

.medium {
  font-weight: 500;
}

img {
  width: 100%;
  height: auto;
  object-fit: contain;
}

/* Zindex */
.z-1{
  z-index: 1;
}

.z-2{
  z-index: 2;
}

.z-3{
  z-index: 3;
}

.z-4{
  z-index: 4;
}

.z-5{
  z-index: 5;
}

.z-10{
  z-index: 10;
}

/* Colors Background */
.bg-forest-900    { background-color: var(--color-forest-900); }
.bg-sage-700      { background-color: var(--color-sage-700); }
.bg-rose-300      { background-color: var(--color-rose-300); }
.bg-ivory-50      { background-color: var(--color-ivory-50); }
.bg-apricot-400   { background-color: var(--color-apricot-400); }
.bg-sage-500      { background-color: var(--color-sage-500); }
.bg-white         { background-color: var(--color-white); }

/* Colors Texts */
.text-forest-900  { color: var(--color-forest-900); }
.text-sage-700    { color: var(--color-sage-700); }
.text-rose-300    { color: var(--color-rose-300); }
.text-ivory-50    { color: var(--color-ivory-50); }
.text-apricot-400 { color: var(--color-apricot-400); }
.text-sage-500    { color: var(--color-sage-500); }
.text-white       { color: var(--color-white); }