/* ===== BORDER WIDTH VARIABLES ===== */
:root {
  --border-0: 0px;
  --border-1: 1px;
}

/* ===== TABLET + MOBILE COMBINED OVERRIDE CLASSES ===== */
/* tm- aplicam-se em tablet E mobile (abaixo de 1024px) */

/* TM Margins - All sides */
.tm-margin-0 { }
.tm-margin-3xs { }
.tm-margin-2xs { }
.tm-margin-xs { }
.tm-margin-s { }
.tm-margin-m { }
.tm-margin-l { }
.tm-margin-xl { }
.tm-margin-2xl { }
.tm-margin-3xl { }

/* TM Margins - Individual sides */
.tm-margin-top-0 { }
.tm-margin-top-3xs { }
.tm-margin-top-2xs { }
.tm-margin-top-xs { }
.tm-margin-top-s { }
.tm-margin-top-m { }
.tm-margin-top-l { }
.tm-margin-top-xl { }
.tm-margin-top-2xl { }
.tm-margin-top-3xl { }

.tm-margin-right-0 { }
.tm-margin-right-3xs { }
.tm-margin-right-2xs { }
.tm-margin-right-xs { }
.tm-margin-right-s { }
.tm-margin-right-m { }
.tm-margin-right-l { }
.tm-margin-right-xl { }
.tm-margin-right-2xl { }
.tm-margin-right-3xl { }

.tm-margin-bottom-0 { }
.tm-margin-bottom-3xs { }
.tm-margin-bottom-2xs { }
.tm-margin-bottom-xs { }
.tm-margin-bottom-s { }
.tm-margin-bottom-m { }
.tm-margin-bottom-l { }
.tm-margin-bottom-xl { }
.tm-margin-bottom-2xl { }
.tm-margin-bottom-3xl { }

.tm-margin-left-0 { }
.tm-margin-left-3xs { }
.tm-margin-left-2xs { }
.tm-margin-left-xs { }
.tm-margin-left-s { }
.tm-margin-left-m { }
.tm-margin-left-l { }
.tm-margin-left-xl { }
.tm-margin-left-2xl { }
.tm-margin-left-3xl { }

/* TM Margins - Inline/Block */
.tm-margin-inline-0 { }
.tm-margin-inline-3xs { }
.tm-margin-inline-2xs { }
.tm-margin-inline-xs { }
.tm-margin-inline-s { }
.tm-margin-inline-m { }
.tm-margin-inline-l { }
.tm-margin-inline-xl { }
.tm-margin-inline-2xl { }
.tm-margin-inline-3xl { }

.tm-margin-block-0 { }
.tm-margin-block-3xs { }
.tm-margin-block-2xs { }
.tm-margin-block-xs { }
.tm-margin-block-s { }
.tm-margin-block-m { }
.tm-margin-block-l { }
.tm-margin-block-xl { }
.tm-margin-block-2xl { }
.tm-margin-block-3xl { }

/* TM Paddings - All sides */
.tm-padding-0 { }
.tm-padding-3xs { }
.tm-padding-2xs { }
.tm-padding-xs { }
.tm-padding-s { }
.tm-padding-m { }
.tm-padding-l { }
.tm-padding-xl { }
.tm-padding-2xl { }
.tm-padding-3xl { }

/* TM Paddings - Individual sides */
.tm-padding-top-0 { }
.tm-padding-top-3xs { }
.tm-padding-top-2xs { }
.tm-padding-top-xs { }
.tm-padding-top-s { }
.tm-padding-top-m { }
.tm-padding-top-l { }
.tm-padding-top-xl { }
.tm-padding-top-2xl { }
.tm-padding-top-3xl { }

.tm-padding-right-0 { }
.tm-padding-right-3xs { }
.tm-padding-right-2xs { }
.tm-padding-right-xs { }
.tm-padding-right-s { }
.tm-padding-right-m { }
.tm-padding-right-l { }
.tm-padding-right-xl { }
.tm-padding-right-2xl { }
.tm-padding-right-3xl { }

.tm-padding-bottom-0 { }
.tm-padding-bottom-3xs { }
.tm-padding-bottom-2xs { }
.tm-padding-bottom-xs { }
.tm-padding-bottom-s { }
.tm-padding-bottom-m { }
.tm-padding-bottom-l { }
.tm-padding-bottom-xl { }
.tm-padding-bottom-2xl { }
.tm-padding-bottom-3xl { }

.tm-padding-left-0 { }
.tm-padding-left-3xs { }
.tm-padding-left-2xs { }
.tm-padding-left-xs { }
.tm-padding-left-s { }
.tm-padding-left-m { }
.tm-padding-left-l { }
.tm-padding-left-xl { }
.tm-padding-left-2xl { }
.tm-padding-left-3xl { }

/* TM Paddings - Inline/Block */
.tm-padding-inline-0 { }
.tm-padding-inline-3xs { }
.tm-padding-inline-2xs { }
.tm-padding-inline-xs { }
.tm-padding-inline-s { }
.tm-padding-inline-m { }
.tm-padding-inline-l { }
.tm-padding-inline-xl { }
.tm-padding-inline-2xl { }
.tm-padding-inline-3xl { }

.tm-padding-block-0 { }
.tm-padding-block-3xs { }
.tm-padding-block-2xs { }
.tm-padding-block-xs { }
.tm-padding-block-s { }
.tm-padding-block-m { }
.tm-padding-block-l { }
.tm-padding-block-xl { }
.tm-padding-block-2xl { }
.tm-padding-block-3xl { }

/* ===== TABLET OVERRIDE CLASSES ===== */
/* t- aplicam-se apenas em tablet (768px - 1024px) */

/* Tablet Margins - All sides */
.t-margin-0 { }
.t-margin-3xs { }
.t-margin-2xs { }
.t-margin-xs { }
.t-margin-s { }
.t-margin-m { }
.t-margin-l { }
.t-margin-xl { }
.t-margin-2xl { }
.t-margin-3xl { }

/* Tablet Margins - Individual sides */
.t-margin-top-0 { }
.t-margin-top-3xs { }
.t-margin-top-2xs { }
.t-margin-top-xs { }
.t-margin-top-s { }
.t-margin-top-m { }
.t-margin-top-l { }
.t-margin-top-xl { }
.t-margin-top-2xl { }
.t-margin-top-3xl { }

.t-margin-right-0 { }
.t-margin-right-3xs { }
.t-margin-right-2xs { }
.t-margin-right-xs { }
.t-margin-right-s { }
.t-margin-right-m { }
.t-margin-right-l { }
.t-margin-right-xl { }
.t-margin-right-2xl { }
.t-margin-right-3xl { }

.t-margin-bottom-0 { }
.t-margin-bottom-3xs { }
.t-margin-bottom-2xs { }
.t-margin-bottom-xs { }
.t-margin-bottom-s { }
.t-margin-bottom-m { }
.t-margin-bottom-l { }
.t-margin-bottom-xl { }
.t-margin-bottom-2xl { }
.t-margin-bottom-3xl { }

.t-margin-left-0 { }
.t-margin-left-3xs { }
.t-margin-left-2xs { }
.t-margin-left-xs { }
.t-margin-left-s { }
.t-margin-left-m { }
.t-margin-left-l { }
.t-margin-left-xl { }
.t-margin-left-2xl { }
.t-margin-left-3xl { }

/* Tablet Margins - Inline/Block */
.t-margin-inline-0 { }
.t-margin-inline-3xs { }
.t-margin-inline-2xs { }
.t-margin-inline-xs { }
.t-margin-inline-s { }
.t-margin-inline-m { }
.t-margin-inline-l { }
.t-margin-inline-xl { }
.t-margin-inline-2xl { }
.t-margin-inline-3xl { }

.t-margin-block-0 { }
.t-margin-block-3xs { }
.t-margin-block-2xs { }
.t-margin-block-xs { }
.t-margin-block-s { }
.t-margin-block-m { }
.t-margin-block-l { }
.t-margin-block-xl { }
.t-margin-block-2xl { }
.t-margin-block-3xl { }

/* Tablet Paddings - All sides */
.t-padding-0 { }
.t-padding-3xs { }
.t-padding-2xs { }
.t-padding-xs { }
.t-padding-s { }
.t-padding-m { }
.t-padding-l { }
.t-padding-xl { }
.t-padding-2xl { }
.t-padding-3xl { }

/* Tablet Paddings - Individual sides */
.t-padding-top-0 { }
.t-padding-top-3xs { }
.t-padding-top-2xs { }
.t-padding-top-xs { }
.t-padding-top-s { }
.t-padding-top-m { }
.t-padding-top-l { }
.t-padding-top-xl { }
.t-padding-top-2xl { }
.t-padding-top-3xl { }

.t-padding-right-0 { }
.t-padding-right-3xs { }
.t-padding-right-2xs { }
.t-padding-right-xs { }
.t-padding-right-s { }
.t-padding-right-m { }
.t-padding-right-l { }
.t-padding-right-xl { }
.t-padding-right-2xl { }
.t-padding-right-3xl { }

.t-padding-bottom-0 { }
.t-padding-bottom-3xs { }
.t-padding-bottom-2xs { }
.t-padding-bottom-xs { }
.t-padding-bottom-s { }
.t-padding-bottom-m { }
.t-padding-bottom-l { }
.t-padding-bottom-xl { }
.t-padding-bottom-2xl { }
.t-padding-bottom-3xl { }

.t-padding-left-0 { }
.t-padding-left-3xs { }
.t-padding-left-2xs { }
.t-padding-left-xs { }
.t-padding-left-s { }
.t-padding-left-m { }
.t-padding-left-l { }
.t-padding-left-xl { }
.t-padding-left-2xl { }
.t-padding-left-3xl { }

/* Tablet Paddings - Inline/Block */
.t-padding-inline-0 { }
.t-padding-inline-3xs { }
.t-padding-inline-2xs { }
.t-padding-inline-xs { }
.t-padding-inline-s { }
.t-padding-inline-m { }
.t-padding-inline-l { }
.t-padding-inline-xl { }
.t-padding-inline-2xl { }
.t-padding-inline-3xl { }

.t-padding-block-0 { }
.t-padding-block-3xs { }
.t-padding-block-2xs { }
.t-padding-block-xs { }
.t-padding-block-s { }
.t-padding-block-m { }
.t-padding-block-l { }
.t-padding-block-xl { }
.t-padding-block-2xl { }
.t-padding-block-3xl { }

/* ===== MOBILE OVERRIDE CLASSES ===== */
/* m- aplicam-se apenas em mobile (até 767px) */

/* Mobile Margins - All sides */
.m-margin-0 { }
.m-margin-3xs { }
.m-margin-2xs { }
.m-margin-xs { }
.m-margin-s { }
.m-margin-m { }
.m-margin-l { }
.m-margin-xl { }
.m-margin-2xl { }
.m-margin-3xl { }

/* Mobile Margins - Individual sides */
.m-margin-top-0 { }
.m-margin-top-3xs { }
.m-margin-top-2xs { }
.m-margin-top-xs { }
.m-margin-top-s { }
.m-margin-top-m { }
.m-margin-top-l { }
.m-margin-top-xl { }
.m-margin-top-2xl { }
.m-margin-top-3xl { }

.m-margin-right-0 { }
.m-margin-right-3xs { }
.m-margin-right-2xs { }
.m-margin-right-xs { }
.m-margin-right-s { }
.m-margin-right-m { }
.m-margin-right-l { }
.m-margin-right-xl { }
.m-margin-right-2xl { }
.m-margin-right-3xl { }

.m-margin-bottom-0 { }
.m-margin-bottom-3xs { }
.m-margin-bottom-2xs { }
.m-margin-bottom-xs { }
.m-margin-bottom-s { }
.m-margin-bottom-m { }
.m-margin-bottom-l { }
.m-margin-bottom-xl { }
.m-margin-bottom-2xl { }
.m-margin-bottom-3xl { }

.m-margin-left-0 { }
.m-margin-left-3xs { }
.m-margin-left-2xs { }
.m-margin-left-xs { }
.m-margin-left-s { }
.m-margin-left-m { }
.m-margin-left-l { }
.m-margin-left-xl { }
.m-margin-left-2xl { }
.m-margin-left-3xl { }

/* Mobile Margins - Inline/Block */
.m-margin-inline-0 { }
.m-margin-inline-3xs { }
.m-margin-inline-2xs { }
.m-margin-inline-xs { }
.m-margin-inline-s { }
.m-margin-inline-m { }
.m-margin-inline-l { }
.m-margin-inline-xl { }
.m-margin-inline-2xl { }
.m-margin-inline-3xl { }

.m-margin-block-0 { }
.m-margin-block-3xs { }
.m-margin-block-2xs { }
.m-margin-block-xs { }
.m-margin-block-s { }
.m-margin-block-m { }
.m-margin-block-l { }
.m-margin-block-xl { }
.m-margin-block-2xl { }
.m-margin-block-3xl { }

/* Mobile Paddings - All sides */
.m-padding-0 { }
.m-padding-3xs { }
.m-padding-2xs { }
.m-padding-xs { }
.m-padding-s { }
.m-padding-m { }
.m-padding-l { }
.m-padding-xl { }
.m-padding-2xl { }
.m-padding-3xl { }

/* Mobile Paddings - Individual sides */
.m-padding-top-0 { }
.m-padding-top-3xs { }
.m-padding-top-2xs { }
.m-padding-top-xs { }
.m-padding-top-s { }
.m-padding-top-m { }
.m-padding-top-l { }
.m-padding-top-xl { }
.m-padding-top-2xl { }
.m-padding-top-3xl { }

.m-padding-right-0 { }
.m-padding-right-3xs { }
.m-padding-right-2xs { }
.m-padding-right-xs { }
.m-padding-right-s { }
.m-padding-right-m { }
.m-padding-right-l { }
.m-padding-right-xl { }
.m-padding-right-2xl { }
.m-padding-right-3xl { }

.m-padding-bottom-0 { }
.m-padding-bottom-3xs { }
.m-padding-bottom-2xs { }
.m-padding-bottom-xs { }
.m-padding-bottom-s { }
.m-padding-bottom-m { }
.m-padding-bottom-l { }
.m-padding-bottom-xl { }
.m-padding-bottom-2xl { }
.m-padding-bottom-3xl { }

.m-padding-left-0 { }
.m-padding-left-3xs { }
.m-padding-left-2xs { }
.m-padding-left-xs { }
.m-padding-left-s { }
.m-padding-left-m { }
.m-padding-left-l { }
.m-padding-left-xl { }
.m-padding-left-2xl { }
.m-padding-left-3xl { }

/* Mobile Paddings - Inline/Block */
.m-padding-inline-0 { }
.m-padding-inline-3xs { }
.m-padding-inline-2xs { }
.m-padding-inline-xs { }
.m-padding-inline-s { }
.m-padding-inline-m { }
.m-padding-inline-l { }
.m-padding-inline-xl { }
.m-padding-inline-2xl { }
.m-padding-inline-3xl { }

.m-padding-block-0 { }
.m-padding-block-3xs { }
.m-padding-block-2xs { }
.m-padding-block-xs { }
.m-padding-block-s { }
.m-padding-block-m { }
.m-padding-block-l { }
.m-padding-block-xl { }
.m-padding-block-2xl { }
.m-padding-block-3xl { }

/* ===== MEDIA QUERIES - TABLET + MOBILE COMBINED ===== */
@media (max-width: 1024px) {
  /* TM Margins - All sides */
  .tm-margin-0 { margin: 0 !important; }
  .tm-margin-3xs { margin: var(--space-3xs) !important; }
  .tm-margin-2xs { margin: var(--space-2xs) !important; }
  .tm-margin-xs { margin: var(--space-xs) !important; }
  .tm-margin-s { margin: var(--space-s) !important; }
  .tm-margin-m { margin: var(--space-m) !important; }
  .tm-margin-l { margin: var(--space-l) !important; }
  .tm-margin-xl { margin: var(--space-xl) !important; }
  .tm-margin-2xl { margin: var(--space-2xl) !important; }
  .tm-margin-3xl { margin: var(--space-3xl) !important; }

  /* TM Margins - Individual sides */
  .tm-margin-top-0 { margin-top: 0 !important; }
  .tm-margin-top-3xs { margin-top: var(--space-3xs) !important; }
  .tm-margin-top-2xs { margin-top: var(--space-2xs) !important; }
  .tm-margin-top-xs { margin-top: var(--space-xs) !important; }
  .tm-margin-top-s { margin-top: var(--space-s) !important; }
  .tm-margin-top-m { margin-top: var(--space-m) !important; }
  .tm-margin-top-l { margin-top: var(--space-l) !important; }
  .tm-margin-top-xl { margin-top: var(--space-xl) !important; }
  .tm-margin-top-2xl { margin-top: var(--space-2xl) !important; }
  .tm-margin-top-3xl { margin-top: var(--space-3xl) !important; }

  .tm-margin-right-0 { margin-right: 0 !important; }
  .tm-margin-right-3xs { margin-right: var(--space-3xs) !important; }
  .tm-margin-right-2xs { margin-right: var(--space-2xs) !important; }
  .tm-margin-right-xs { margin-right: var(--space-xs) !important; }
  .tm-margin-right-s { margin-right: var(--space-s) !important; }
  .tm-margin-right-m { margin-right: var(--space-m) !important; }
  .tm-margin-right-l { margin-right: var(--space-l) !important; }
  .tm-margin-right-xl { margin-right: var(--space-xl) !important; }
  .tm-margin-right-2xl { margin-right: var(--space-2xl) !important; }
  .tm-margin-right-3xl { margin-right: var(--space-3xl) !important; }

  .tm-margin-bottom-0 { margin-bottom: 0 !important; }
  .tm-margin-bottom-3xs { margin-bottom: var(--space-3xs) !important; }
  .tm-margin-bottom-2xs { margin-bottom: var(--space-2xs) !important; }
  .tm-margin-bottom-xs { margin-bottom: var(--space-xs) !important; }
  .tm-margin-bottom-s { margin-bottom: var(--space-s) !important; }
  .tm-margin-bottom-m { margin-bottom: var(--space-m) !important; }
  .tm-margin-bottom-l { margin-bottom: var(--space-l) !important; }
  .tm-margin-bottom-xl { margin-bottom: var(--space-xl) !important; }
  .tm-margin-bottom-2xl { margin-bottom: var(--space-2xl) !important; }
  .tm-margin-bottom-3xl { margin-bottom: var(--space-3xl) !important; }

  .tm-margin-left-0 { margin-left: 0 !important; }
  .tm-margin-left-3xs { margin-left: var(--space-3xs) !important; }
  .tm-margin-left-2xs { margin-left: var(--space-2xs) !important; }
  .tm-margin-left-xs { margin-left: var(--space-xs) !important; }
  .tm-margin-left-s { margin-left: var(--space-s) !important; }
  .tm-margin-left-m { margin-left: var(--space-m) !important; }
  .tm-margin-left-l { margin-left: var(--space-l) !important; }
  .tm-margin-left-xl { margin-left: var(--space-xl) !important; }
  .tm-margin-left-2xl { margin-left: var(--space-2xl) !important; }
  .tm-margin-left-3xl { margin-left: var(--space-3xl) !important; }

  /* TM Margins - Inline/Block */
  .tm-margin-inline-0 { margin-left: 0 !important; margin-right: 0 !important; }
  .tm-margin-inline-3xs { margin-left: var(--space-3xs) !important; margin-right: var(--space-3xs) !important; }
  .tm-margin-inline-2xs { margin-left: var(--space-2xs) !important; margin-right: var(--space-2xs) !important; }
  .tm-margin-inline-xs { margin-left: var(--space-xs) !important; margin-right: var(--space-xs) !important; }
  .tm-margin-inline-s { margin-left: var(--space-s) !important; margin-right: var(--space-s) !important; }
  .tm-margin-inline-m { margin-left: var(--space-m) !important; margin-right: var(--space-m) !important; }
  .tm-margin-inline-l { margin-left: var(--space-l) !important; margin-right: var(--space-l) !important; }
  .tm-margin-inline-xl { margin-left: var(--space-xl) !important; margin-right: var(--space-xl) !important; }
  .tm-margin-inline-2xl { margin-left: var(--space-2xl) !important; margin-right: var(--space-2xl) !important; }
  .tm-margin-inline-3xl { margin-left: var(--space-3xl) !important; margin-right: var(--space-3xl) !important; }

  .tm-margin-block-0 { margin-top: 0 !important; margin-bottom: 0 !important; }
  .tm-margin-block-3xs { margin-top: var(--space-3xs) !important; margin-bottom: var(--space-3xs) !important; }
  .tm-margin-block-2xs { margin-top: var(--space-2xs) !important; margin-bottom: var(--space-2xs) !important; }
  .tm-margin-block-xs { margin-top: var(--space-xs) !important; margin-bottom: var(--space-xs) !important; }
  .tm-margin-block-s { margin-top: var(--space-s) !important; margin-bottom: var(--space-s) !important; }
  .tm-margin-block-m { margin-top: var(--space-m) !important; margin-bottom: var(--space-m) !important; }
  .tm-margin-block-l { margin-top: var(--space-l) !important; margin-bottom: var(--space-l) !important; }
  .tm-margin-block-xl { margin-top: var(--space-xl) !important; margin-bottom: var(--space-xl) !important; }
  .tm-margin-block-2xl { margin-top: var(--space-2xl) !important; margin-bottom: var(--space-2xl) !important; }
  .tm-margin-block-3xl { margin-top: var(--space-3xl) !important; margin-bottom: var(--space-3xl) !important; }

  /* TM Paddings - All sides */
  .tm-padding-0 { padding: 0 !important; }
  .tm-padding-3xs { padding: var(--space-3xs) !important; }
  .tm-padding-2xs { padding: var(--space-2xs) !important; }
  .tm-padding-xs { padding: var(--space-xs) !important; }
  .tm-padding-s { padding: var(--space-s) !important; }
  .tm-padding-m { padding: var(--space-m) !important; }
  .tm-padding-l { padding: var(--space-l) !important; }
  .tm-padding-xl { padding: var(--space-xl) !important; }
  .tm-padding-2xl { padding: var(--space-2xl) !important; }
  .tm-padding-3xl { padding: var(--space-3xl) !important; }

  /* TM Paddings - Individual sides */
  .tm-padding-top-0 { padding-top: 0 !important; }
  .tm-padding-top-3xs { padding-top: var(--space-3xs) !important; }
  .tm-padding-top-2xs { padding-top: var(--space-2xs) !important; }
  .tm-padding-top-xs { padding-top: var(--space-xs) !important; }
  .tm-padding-top-s { padding-top: var(--space-s) !important; }
  .tm-padding-top-m { padding-top: var(--space-m) !important; }
  .tm-padding-top-l { padding-top: var(--space-l) !important; }
  .tm-padding-top-xl { padding-top: var(--space-xl) !important; }
  .tm-padding-top-2xl { padding-top: var(--space-2xl) !important; }
  .tm-padding-top-3xl { padding-top: var(--space-3xl) !important; }

  .tm-padding-right-0 { padding-right: 0 !important; }
  .tm-padding-right-3xs { padding-right: var(--space-3xs) !important; }
  .tm-padding-right-2xs { padding-right: var(--space-2xs) !important; }
  .tm-padding-right-xs { padding-right: var(--space-xs) !important; }
  .tm-padding-right-s { padding-right: var(--space-s) !important; }
  .tm-padding-right-m { padding-right: var(--space-m) !important; }
  .tm-padding-right-l { padding-right: var(--space-l) !important; }
  .tm-padding-right-xl { padding-right: var(--space-xl) !important; }
  .tm-padding-right-2xl { padding-right: var(--space-2xl) !important; }
  .tm-padding-right-3xl { padding-right: var(--space-3xl) !important; }

  .tm-padding-bottom-0 { padding-bottom: 0 !important; }
  .tm-padding-bottom-3xs { padding-bottom: var(--space-3xs) !important; }
  .tm-padding-bottom-2xs { padding-bottom: var(--space-2xs) !important; }
  .tm-padding-bottom-xs { padding-bottom: var(--space-xs) !important; }
  .tm-padding-bottom-s { padding-bottom: var(--space-s) !important; }
  .tm-padding-bottom-m { padding-bottom: var(--space-m) !important; }
  .tm-padding-bottom-l { padding-bottom: var(--space-l) !important; }
  .tm-padding-bottom-xl { padding-bottom: var(--space-xl) !important; }
  .tm-padding-bottom-2xl { padding-bottom: var(--space-2xl) !important; }
  .tm-padding-bottom-3xl { padding-bottom: var(--space-3xl) !important; }

  .tm-padding-left-0 { padding-left: 0 !important; }
  .tm-padding-left-3xs { padding-left: var(--space-3xs) !important; }
  .tm-padding-left-2xs { padding-left: var(--space-2xs) !important; }
  .tm-padding-left-xs { padding-left: var(--space-xs) !important; }
  .tm-padding-left-s { padding-left: var(--space-s) !important; }
  .tm-padding-left-m { padding-left: var(--space-m) !important; }
  .tm-padding-left-l { padding-left: var(--space-l) !important; }
  .tm-padding-left-xl { padding-left: var(--space-xl) !important; }
  .tm-padding-left-2xl { padding-left: var(--space-2xl) !important; }
  .tm-padding-left-3xl { padding-left: var(--space-3xl) !important; }

  /* TM Paddings - Inline/Block */
  .tm-padding-inline-0 { padding-left: 0 !important; padding-right: 0 !important; }
  .tm-padding-inline-3xs { padding-left: var(--space-3xs) !important; padding-right: var(--space-3xs) !important; }
  .tm-padding-inline-2xs { padding-left: var(--space-2xs) !important; padding-right: var(--space-2xs) !important; }
  .tm-padding-inline-xs { padding-left: var(--space-xs) !important; padding-right: var(--space-xs) !important; }
  .tm-padding-inline-s { padding-left: var(--space-s) !important; padding-right: var(--space-s) !important; }
  .tm-padding-inline-m { padding-left: var(--space-m) !important; padding-right: var(--space-m) !important; }
  .tm-padding-inline-l { padding-left: var(--space-l) !important; padding-right: var(--space-l) !important; }
  .tm-padding-inline-xl { padding-left: var(--space-xl) !important; padding-right: var(--space-xl) !important; }
  .tm-padding-inline-2xl { padding-left: var(--space-2xl) !important; padding-right: var(--space-2xl) !important; }
  .tm-padding-inline-3xl { padding-left: var(--space-3xl) !important; padding-right: var(--space-3xl) !important; }

  .tm-padding-block-0 { padding-top: 0 !important; padding-bottom: 0 !important; }
  .tm-padding-block-3xs { padding-top: var(--space-3xs) !important; padding-bottom: var(--space-3xs) !important; }
  .tm-padding-block-2xs { padding-top: var(--space-2xs) !important; padding-bottom: var(--space-2xs) !important; }
  .tm-padding-block-xs { padding-top: var(--space-xs) !important; padding-bottom: var(--space-xs) !important; }
  .tm-padding-block-s { padding-top: var(--space-s) !important; padding-bottom: var(--space-s) !important; }
  .tm-padding-block-m { padding-top: var(--space-m) !important; padding-bottom: var(--space-m) !important; }
  .tm-padding-block-l { padding-top: var(--space-l) !important; padding-bottom: var(--space-l) !important; }
  .tm-padding-block-xl { padding-top: var(--space-xl) !important; padding-bottom: var(--space-xl) !important; }
  .tm-padding-block-2xl { padding-top: var(--space-2xl) !important; padding-bottom: var(--space-2xl) !important; }
  .tm-padding-block-3xl { padding-top: var(--space-3xl) !important; padding-bottom: var(--space-3xl) !important; }

  /* TM Display & Visibility */
  .tm-hide { display: none !important; }
  .tm-show { display: block !important; }
  .tm-flex { display: flex !important; }
  .tm-inline { display: inline !important; }
  .tm-inline-block { display: inline-block !important; }
}

/* ===== MEDIA QUERIES - TABLET ONLY ===== */
@media (min-width: 768px) and (max-width: 1024px) {
  /* Tablet Margins - All sides */
  .t-margin-0 { margin: 0 !important; }
  .t-margin-3xs { margin: var(--space-3xs) !important; }
  .t-margin-2xs { margin: var(--space-2xs) !important; }
  .t-margin-xs { margin: var(--space-xs) !important; }
  .t-margin-s { margin: var(--space-s) !important; }
  .t-margin-m { margin: var(--space-m) !important; }
  .t-margin-l { margin: var(--space-l) !important; }
  .t-margin-xl { margin: var(--space-xl) !important; }
  .t-margin-2xl { margin: var(--space-2xl) !important; }
  .t-margin-3xl { margin: var(--space-3xl) !important; }

  /* Tablet Margins - Individual sides */
  .t-margin-top-0 { margin-top: 0 !important; }
  .t-margin-top-3xs { margin-top: var(--space-3xs) !important; }
  .t-margin-top-2xs { margin-top: var(--space-2xs) !important; }
  .t-margin-top-xs { margin-top: var(--space-xs) !important; }
  .t-margin-top-s { margin-top: var(--space-s) !important; }
  .t-margin-top-m { margin-top: var(--space-m) !important; }
  .t-margin-top-l { margin-top: var(--space-l) !important; }
  .t-margin-top-xl { margin-top: var(--space-xl) !important; }
  .t-margin-top-2xl { margin-top: var(--space-2xl) !important; }
  .t-margin-top-3xl { margin-top: var(--space-3xl) !important; }

  .t-margin-right-0 { margin-right: 0 !important; }
  .t-margin-right-3xs { margin-right: var(--space-3xs) !important; }
  .t-margin-right-2xs { margin-right: var(--space-2xs) !important; }
  .t-margin-right-xs { margin-right: var(--space-xs) !important; }
  .t-margin-right-s { margin-right: var(--space-s) !important; }
  .t-margin-right-m { margin-right: var(--space-m) !important; }
  .t-margin-right-l { margin-right: var(--space-l) !important; }
  .t-margin-right-xl { margin-right: var(--space-xl) !important; }
  .t-margin-right-2xl { margin-right: var(--space-2xl) !important; }
  .t-margin-right-3xl { margin-right: var(--space-3xl) !important; }

  .t-margin-bottom-0 { margin-bottom: 0 !important; }
  .t-margin-bottom-3xs { margin-bottom: var(--space-3xs) !important; }
  .t-margin-bottom-2xs { margin-bottom: var(--space-2xs) !important; }
  .t-margin-bottom-xs { margin-bottom: var(--space-xs) !important; }
  .t-margin-bottom-s { margin-bottom: var(--space-s) !important; }
  .t-margin-bottom-m { margin-bottom: var(--space-m) !important; }
  .t-margin-bottom-l { margin-bottom: var(--space-l) !important; }
  .t-margin-bottom-xl { margin-bottom: var(--space-xl) !important; }
  .t-margin-bottom-2xl { margin-bottom: var(--space-2xl) !important; }
  .t-margin-bottom-3xl { margin-bottom: var(--space-3xl) !important; }

  .t-margin-left-0 { margin-left: 0 !important; }
  .t-margin-left-3xs { margin-left: var(--space-3xs) !important; }
  .t-margin-left-2xs { margin-left: var(--space-2xs) !important; }
  .t-margin-left-xs { margin-left: var(--space-xs) !important; }
  .t-margin-left-s { margin-left: var(--space-s) !important; }
  .t-margin-left-m { margin-left: var(--space-m) !important; }
  .t-margin-left-l { margin-left: var(--space-l) !important; }
  .t-margin-left-xl { margin-left: var(--space-xl) !important; }
  .t-margin-left-2xl { margin-left: var(--space-2xl) !important; }
  .t-margin-left-3xl { margin-left: var(--space-3xl) !important; }

  /* Tablet Margins - Inline/Block */
  .t-margin-inline-0 { margin-left: 0 !important; margin-right: 0 !important; }
  .t-margin-inline-3xs { margin-left: var(--space-3xs) !important; margin-right: var(--space-3xs) !important; }
  .t-margin-inline-2xs { margin-left: var(--space-2xs) !important; margin-right: var(--space-2xs) !important; }
  .t-margin-inline-xs { margin-left: var(--space-xs) !important; margin-right: var(--space-xs) !important; }
  .t-margin-inline-s { margin-left: var(--space-s) !important; margin-right: var(--space-s) !important; }
  .t-margin-inline-m { margin-left: var(--space-m) !important; margin-right: var(--space-m) !important; }
  .t-margin-inline-l { margin-left: var(--space-l) !important; margin-right: var(--space-l) !important; }
  .t-margin-inline-xl { margin-left: var(--space-xl) !important; margin-right: var(--space-xl) !important; }
  .t-margin-inline-2xl { margin-left: var(--space-2xl) !important; margin-right: var(--space-2xl) !important; }
  .t-margin-inline-3xl { margin-left: var(--space-3xl) !important; margin-right: var(--space-3xl) !important; }

  .t-margin-block-0 { margin-top: 0 !important; margin-bottom: 0 !important; }
  .t-margin-block-3xs { margin-top: var(--space-3xs) !important; margin-bottom: var(--space-3xs) !important; }
  .t-margin-block-2xs { margin-top: var(--space-2xs) !important; margin-bottom: var(--space-2xs) !important; }
  .t-margin-block-xs { margin-top: var(--space-xs) !important; margin-bottom: var(--space-xs) !important; }
  .t-margin-block-s { margin-top: var(--space-s) !important; margin-bottom: var(--space-s) !important; }
  .t-margin-block-m { margin-top: var(--space-m) !important; margin-bottom: var(--space-m) !important; }
  .t-margin-block-l { margin-top: var(--space-l) !important; margin-bottom: var(--space-l) !important; }
  .t-margin-block-xl { margin-top: var(--space-xl) !important; margin-bottom: var(--space-xl) !important; }
  .t-margin-block-2xl { margin-top: var(--space-2xl) !important; margin-bottom: var(--space-2xl) !important; }
  .t-margin-block-3xl { margin-top: var(--space-3xl) !important; margin-bottom: var(--space-3xl) !important; }

  /* Tablet Paddings - All sides */
  .t-padding-0 { padding: 0 !important; }
  .t-padding-3xs { padding: var(--space-3xs) !important; }
  .t-padding-2xs { padding: var(--space-2xs) !important; }
  .t-padding-xs { padding: var(--space-xs) !important; }
  .t-padding-s { padding: var(--space-s) !important; }
  .t-padding-m { padding: var(--space-m) !important; }
  .t-padding-l { padding: var(--space-l) !important; }
  .t-padding-xl { padding: var(--space-xl) !important; }
  .t-padding-2xl { padding: var(--space-2xl) !important; }
  .t-padding-3xl { padding: var(--space-3xl) !important; }

  /* Tablet Paddings - Individual sides */
  .t-padding-top-0 { padding-top: 0 !important; }
  .t-padding-top-3xs { padding-top: var(--space-3xs) !important; }
  .t-padding-top-2xs { padding-top: var(--space-2xs) !important; }
  .t-padding-top-xs { padding-top: var(--space-xs) !important; }
  .t-padding-top-s { padding-top: var(--space-s) !important; }
  .t-padding-top-m { padding-top: var(--space-m) !important; }
  .t-padding-top-l { padding-top: var(--space-l) !important; }
  .t-padding-top-xl { padding-top: var(--space-xl) !important; }
  .t-padding-top-2xl { padding-top: var(--space-2xl) !important; }
  .t-padding-top-3xl { padding-top: var(--space-3xl) !important; }

  .t-padding-right-0 { padding-right: 0 !important; }
  .t-padding-right-3xs { padding-right: var(--space-3xs) !important; }
  .t-padding-right-2xs { padding-right: var(--space-2xs) !important; }
  .t-padding-right-xs { padding-right: var(--space-xs) !important; }
  .t-padding-right-s { padding-right: var(--space-s) !important; }
  .t-padding-right-m { padding-right: var(--space-m) !important; }
  .t-padding-right-l { padding-right: var(--space-l) !important; }
  .t-padding-right-xl { padding-right: var(--space-xl) !important; }
  .t-padding-right-2xl { padding-right: var(--space-2xl) !important; }
  .t-padding-right-3xl { padding-right: var(--space-3xl) !important; }

  .t-padding-bottom-0 { padding-bottom: 0 !important; }
  .t-padding-bottom-3xs { padding-bottom: var(--space-3xs) !important; }
  .t-padding-bottom-2xs { padding-bottom: var(--space-2xs) !important; }
  .t-padding-bottom-xs { padding-bottom: var(--space-xs) !important; }
  .t-padding-bottom-s { padding-bottom: var(--space-s) !important; }
  .t-padding-bottom-m { padding-bottom: var(--space-m) !important; }
  .t-padding-bottom-l { padding-bottom: var(--space-l) !important; }
  .t-padding-bottom-xl { padding-bottom: var(--space-xl) !important; }
  .t-padding-bottom-2xl { padding-bottom: var(--space-2xl) !important; }
  .t-padding-bottom-3xl { padding-bottom: var(--space-3xl) !important; }

  .t-padding-left-0 { padding-left: 0 !important; }
  .t-padding-left-3xs { padding-left: var(--space-3xs) !important; }
  .t-padding-left-2xs { padding-left: var(--space-2xs) !important; }
  .t-padding-left-xs { padding-left: var(--space-xs) !important; }
  .t-padding-left-s { padding-left: var(--space-s) !important; }
  .t-padding-left-m { padding-left: var(--space-m) !important; }
  .t-padding-left-l { padding-left: var(--space-l) !important; }
  .t-padding-left-xl { padding-left: var(--space-xl) !important; }
  .t-padding-left-2xl { padding-left: var(--space-2xl) !important; }
  .t-padding-left-3xl { padding-left: var(--space-3xl) !important; }

  /* Tablet Paddings - Inline/Block */
  .t-padding-inline-0 { padding-left: 0 !important; padding-right: 0 !important; }
  .t-padding-inline-3xs { padding-left: var(--space-3xs) !important; padding-right: var(--space-3xs) !important; }
  .t-padding-inline-2xs { padding-left: var(--space-2xs) !important; padding-right: var(--space-2xs) !important; }
  .t-padding-inline-xs { padding-left: var(--space-xs) !important; padding-right: var(--space-xs) !important; }
  .t-padding-inline-s { padding-left: var(--space-s) !important; padding-right: var(--space-s) !important; }
  .t-padding-inline-m { padding-left: var(--space-m) !important; padding-right: var(--space-m) !important; }
  .t-padding-inline-l { padding-left: var(--space-l) !important; padding-right: var(--space-l) !important; }
  .t-padding-inline-xl { padding-left: var(--space-xl) !important; padding-right: var(--space-xl) !important; }
  .t-padding-inline-2xl { padding-left: var(--space-2xl) !important; padding-right: var(--space-2xl) !important; }
  .t-padding-inline-3xl { padding-left: var(--space-3xl) !important; padding-right: var(--space-3xl) !important; }

  .t-padding-block-0 { padding-top: 0 !important; padding-bottom: 0 !important; }
  .t-padding-block-3xs { padding-top: var(--space-3xs) !important; padding-bottom: var(--space-3xs) !important; }
  .t-padding-block-2xs { padding-top: var(--space-2xs) !important; padding-bottom: var(--space-2xs) !important; }
  .t-padding-block-xs { padding-top: var(--space-xs) !important; padding-bottom: var(--space-xs) !important; }
  .t-padding-block-s { padding-top: var(--space-s) !important; padding-bottom: var(--space-s) !important; }
  .t-padding-block-m { padding-top: var(--space-m) !important; padding-bottom: var(--space-m) !important; }
  .t-padding-block-l { padding-top: var(--space-l) !important; padding-bottom: var(--space-l) !important; }
  .t-padding-block-xl { padding-top: var(--space-xl) !important; padding-bottom: var(--space-xl) !important; }
  .t-padding-block-2xl { padding-top: var(--space-2xl) !important; padding-bottom: var(--space-2xl) !important; }
  .t-padding-block-3xl { padding-top: var(--space-3xl) !important; padding-bottom: var(--space-3xl) !important; }

  /* Tablet Display & Visibility */
  .t-hide { display: none !important; }
  .t-show { display: block !important; }
  .t-flex { display: flex !important; }
  .t-inline { display: inline !important; }
  .t-inline-block { display: inline-block !important; }
}

/* ===== MEDIA QUERIES - MOBILE ONLY ===== */
@media (max-width: 767px) {
  /* Mobile Margins - All sides */
  .m-margin-0 { margin: 0 !important; }
  .m-margin-3xs { margin: var(--space-3xs) !important; }
  .m-margin-2xs { margin: var(--space-2xs) !important; }
  .m-margin-xs { margin: var(--space-xs) !important; }
  .m-margin-s { margin: var(--space-s) !important; }
  .m-margin-m { margin: var(--space-m) !important; }
  .m-margin-l { margin: var(--space-l) !important; }
  .m-margin-xl { margin: var(--space-xl) !important; }
  .m-margin-2xl { margin: var(--space-2xl) !important; }
  .m-margin-3xl { margin: var(--space-3xl) !important; }

  /* Mobile Margins - Individual sides */
  .m-margin-top-0 { margin-top: 0 !important; }
  .m-margin-top-3xs { margin-top: var(--space-3xs) !important; }
  .m-margin-top-2xs { margin-top: var(--space-2xs) !important; }
  .m-margin-top-xs { margin-top: var(--space-xs) !important; }
  .m-margin-top-s { margin-top: var(--space-s) !important; }
  .m-margin-top-m { margin-top: var(--space-m) !important; }
  .m-margin-top-l { margin-top: var(--space-l) !important; }
  .m-margin-top-xl { margin-top: var(--space-xl) !important; }
  .m-margin-top-2xl { margin-top: var(--space-2xl) !important; }
  .m-margin-top-3xl { margin-top: var(--space-3xl) !important; }

  .m-margin-right-0 { margin-right: 0 !important; }
  .m-margin-right-3xs { margin-right: var(--space-3xs) !important; }
  .m-margin-right-2xs { margin-right: var(--space-2xs) !important; }
  .m-margin-right-xs { margin-right: var(--space-xs) !important; }
  .m-margin-right-s { margin-right: var(--space-s) !important; }
  .m-margin-right-m { margin-right: var(--space-m) !important; }
  .m-margin-right-l { margin-right: var(--space-l) !important; }
  .m-margin-right-xl { margin-right: var(--space-xl) !important; }
  .m-margin-right-2xl { margin-right: var(--space-2xl) !important; }
  .m-margin-right-3xl { margin-right: var(--space-3xl) !important; }

  .m-margin-bottom-0 { margin-bottom: 0 !important; }
  .m-margin-bottom-3xs { margin-bottom: var(--space-3xs) !important; }
  .m-margin-bottom-2xs { margin-bottom: var(--space-2xs) !important; }
  .m-margin-bottom-xs { margin-bottom: var(--space-xs) !important; }
  .m-margin-bottom-s { margin-bottom: var(--space-s) !important; }
  .m-margin-bottom-m { margin-bottom: var(--space-m) !important; }
  .m-margin-bottom-l { margin-bottom: var(--space-l) !important; }
  .m-margin-bottom-xl { margin-bottom: var(--space-xl) !important; }
  .m-margin-bottom-2xl { margin-bottom: var(--space-2xl) !important; }
  .m-margin-bottom-3xl { margin-bottom: var(--space-3xl) !important; }

  .m-margin-left-0 { margin-left: 0 !important; }
  .m-margin-left-3xs { margin-left: var(--space-3xs) !important; }
  .m-margin-left-2xs { margin-left: var(--space-2xs) !important; }
  .m-margin-left-xs { margin-left: var(--space-xs) !important; }
  .m-margin-left-s { margin-left: var(--space-s) !important; }
  .m-margin-left-m { margin-left: var(--space-m) !important; }
  .m-margin-left-l { margin-left: var(--space-l) !important; }
  .m-margin-left-xl { margin-left: var(--space-xl) !important; }
  .m-margin-left-2xl { margin-left: var(--space-2xl) !important; }
  .m-margin-left-3xl { margin-left: var(--space-3xl) !important; }

  /* Mobile Margins - Inline/Block */
  .m-margin-inline-0 { margin-left: 0 !important; margin-right: 0 !important; }
  .m-margin-inline-3xs { margin-left: var(--space-3xs) !important; margin-right: var(--space-3xs) !important; }
  .m-margin-inline-2xs { margin-left: var(--space-2xs) !important; margin-right: var(--space-2xs) !important; }
  .m-margin-inline-xs { margin-left: var(--space-xs) !important; margin-right: var(--space-xs) !important; }
  .m-margin-inline-s { margin-left: var(--space-s) !important; margin-right: var(--space-s) !important; }
  .m-margin-inline-m { margin-left: var(--space-m) !important; margin-right: var(--space-m) !important; }
  .m-margin-inline-l { margin-left: var(--space-l) !important; margin-right: var(--space-l) !important; }
  .m-margin-inline-xl { margin-left: var(--space-xl) !important; margin-right: var(--space-xl) !important; }
  .m-margin-inline-2xl { margin-left: var(--space-2xl) !important; margin-right: var(--space-2xl) !important; }
  .m-margin-inline-3xl { margin-left: var(--space-3xl) !important; margin-right: var(--space-3xl) !important; }

  .m-margin-block-0 { margin-top: 0 !important; margin-bottom: 0 !important; }
  .m-margin-block-3xs { margin-top: var(--space-3xs) !important; margin-bottom: var(--space-3xs) !important; }
  .m-margin-block-2xs { margin-top: var(--space-2xs) !important; margin-bottom: var(--space-2xs) !important; }
  .m-margin-block-xs { margin-top: var(--space-xs) !important; margin-bottom: var(--space-xs) !important; }
  .m-margin-block-s { margin-top: var(--space-s) !important; margin-bottom: var(--space-s) !important; }
  .m-margin-block-m { margin-top: var(--space-m) !important; margin-bottom: var(--space-m) !important; }
  .m-margin-block-l { margin-top: var(--space-l) !important; margin-bottom: var(--space-l) !important; }
  .m-margin-block-xl { margin-top: var(--space-xl) !important; margin-bottom: var(--space-xl) !important; }
  .m-margin-block-2xl { margin-top: var(--space-2xl) !important; margin-bottom: var(--space-2xl) !important; }
  .m-margin-block-3xl { margin-top: var(--space-3xl) !important; margin-bottom: var(--space-3xl) !important; }

  /* Mobile Paddings - All sides */
  .m-padding-0 { padding: 0 !important; }
  .m-padding-3xs { padding: var(--space-3xs) !important; }
  .m-padding-2xs { padding: var(--space-2xs) !important; }
  .m-padding-xs { padding: var(--space-xs) !important; }
  .m-padding-s { padding: var(--space-s) !important; }
  .m-padding-m { padding: var(--space-m) !important; }
  .m-padding-l { padding: var(--space-l) !important; }
  .m-padding-xl { padding: var(--space-xl) !important; }
  .m-padding-2xl { padding: var(--space-2xl) !important; }
  .m-padding-3xl { padding: var(--space-3xl) !important; }

  /* Mobile Paddings - Individual sides */
  .m-padding-top-0 { padding-top: 0 !important; }
  .m-padding-top-3xs { padding-top: var(--space-3xs) !important; }
  .m-padding-top-2xs { padding-top: var(--space-2xs) !important; }
  .m-padding-top-xs { padding-top: var(--space-xs) !important; }
  .m-padding-top-s { padding-top: var(--space-s) !important; }
  .m-padding-top-m { padding-top: var(--space-m) !important; }
  .m-padding-top-l { padding-top: var(--space-l) !important; }
  .m-padding-top-xl { padding-top: var(--space-xl) !important; }
  .m-padding-top-2xl { padding-top: var(--space-2xl) !important; }
  .m-padding-top-3xl { padding-top: var(--space-3xl) !important; }

  .m-padding-right-0 { padding-right: 0 !important; }
  .m-padding-right-3xs { padding-right: var(--space-3xs) !important; }
  .m-padding-right-2xs { padding-right: var(--space-2xs) !important; }
  .m-padding-right-xs { padding-right: var(--space-xs) !important; }
  .m-padding-right-s { padding-right: var(--space-s) !important; }
  .m-padding-right-m { padding-right: var(--space-m) !important; }
  .m-padding-right-l { padding-right: var(--space-l) !important; }
  .m-padding-right-xl { padding-right: var(--space-xl) !important; }
  .m-padding-right-2xl { padding-right: var(--space-2xl) !important; }
  .m-padding-right-3xl { padding-right: var(--space-3xl) !important; }

  .m-padding-bottom-0 { padding-bottom: 0 !important; }
  .m-padding-bottom-3xs { padding-bottom: var(--space-3xs) !important; }
  .m-padding-bottom-2xs { padding-bottom: var(--space-2xs) !important; }
  .m-padding-bottom-xs { padding-bottom: var(--space-xs) !important; }
  .m-padding-bottom-s { padding-bottom: var(--space-s) !important; }
  .m-padding-bottom-m { padding-bottom: var(--space-m) !important; }
  .m-padding-bottom-l { padding-bottom: var(--space-l) !important; }
  .m-padding-bottom-xl { padding-bottom: var(--space-xl) !important; }
  .m-padding-bottom-2xl { padding-bottom: var(--space-2xl) !important; }
  .m-padding-bottom-3xl { padding-bottom: var(--space-3xl) !important; }

  .m-padding-left-0 { padding-left: 0 !important; }
  .m-padding-left-3xs { padding-left: var(--space-3xs) !important; }
  .m-padding-left-2xs { padding-left: var(--space-2xs) !important; }
  .m-padding-left-xs { padding-left: var(--space-xs) !important; }
  .m-padding-left-s { padding-left: var(--space-s) !important; }
  .m-padding-left-m { padding-left: var(--space-m) !important; }
  .m-padding-left-l { padding-left: var(--space-l) !important; }
  .m-padding-left-xl { padding-left: var(--space-xl) !important; }
  .m-padding-left-2xl { padding-left: var(--space-2xl) !important; }
  .m-padding-left-3xl { padding-left: var(--space-3xl) !important; }

  /* Mobile Paddings - Inline/Block */
  .m-padding-inline-0 { padding-left: 0 !important; padding-right: 0 !important; }
  .m-padding-inline-3xs { padding-left: var(--space-3xs) !important; padding-right: var(--space-3xs) !important; }
  .m-padding-inline-2xs { padding-left: var(--space-2xs) !important; padding-right: var(--space-2xs) !important; }
  .m-padding-inline-xs { padding-left: var(--space-xs) !important; padding-right: var(--space-xs) !important; }
  .m-padding-inline-s { padding-left: var(--space-s) !important; padding-right: var(--space-s) !important; }
  .m-padding-inline-m { padding-left: var(--space-m) !important; padding-right: var(--space-m) !important; }
  .m-padding-inline-l { padding-left: var(--space-l) !important; padding-right: var(--space-l) !important; }
  .m-padding-inline-xl { padding-left: var(--space-xl) !important; padding-right: var(--space-xl) !important; }
  .m-padding-inline-2xl { padding-left: var(--space-2xl) !important; padding-right: var(--space-2xl) !important; }
  .m-padding-inline-3xl { padding-left: var(--space-3xl) !important; padding-right: var(--space-3xl) !important; }

  .m-padding-block-0 { padding-top: 0 !important; padding-bottom: 0 !important; }
  .m-padding-block-3xs { padding-top: var(--space-3xs) !important; padding-bottom: var(--space-3xs) !important; }
  .m-padding-block-2xs { padding-top: var(--space-2xs) !important; padding-bottom: var(--space-2xs) !important; }
  .m-padding-block-xs { padding-top: var(--space-xs) !important; padding-bottom: var(--space-xs) !important; }
  .m-padding-block-s { padding-top: var(--space-s) !important; padding-bottom: var(--space-s) !important; }
  .m-padding-block-m { padding-top: var(--space-m) !important; padding-bottom: var(--space-m) !important; }
  .m-padding-block-l { padding-top: var(--space-l) !important; padding-bottom: var(--space-l) !important; }
  .m-padding-block-xl { padding-top: var(--space-xl) !important; padding-bottom: var(--space-xl) !important; }
  .m-padding-block-2xl { padding-top: var(--space-2xl) !important; padding-bottom: var(--space-2xl) !important; }
  .m-padding-block-3xl { padding-top: var(--space-3xl) !important; padding-bottom: var(--space-3xl) !important; }

  /* Mobile Display & Visibility */
  .m-hide { display: none !important; }
  .m-show { display: block !important; }
  .m-flex { display: flex !important; }
  .m-inline { display: inline !important; }
  .m-inline-block { display: inline-block !important; }
  
  /* Mobile-specific text alignment */
  .m-text-center { text-align: center !important; }
  .m-text-left { text-align: left !important; }
  .m-text-right { text-align: right !important; }
  
  /* Mobile-specific width controls */
  .m-width-100 { width: 100% !important; }
  .m-width-auto { width: auto !important; }
}

/* ===== TABLET + MOBILE COMBINED BORDER CLASSES ===== */
/* tm- aplicam-se em tablet E mobile (abaixo de 1024px) */

/* TM Border Width - All sides */
.tm-border-0 { }
.tm-border-1 { }

/* TM Border Width - Individual sides */
.tm-border-top-0 { }
.tm-border-top-1 { }

.tm-border-right-0 { }
.tm-border-right-1 { }

.tm-border-bottom-0 { }
.tm-border-bottom-1 { }

.tm-border-left-0 { }
.tm-border-left-1 { }

/* TM Border Width - Inline/Block */
.tm-border-inline-0 { }
.tm-border-inline-1 { }

.tm-border-block-0 { }
.tm-border-block-1 { }

/* ===== TABLET BORDER CLASSES ===== */
/* t- aplicam-se apenas em tablet (768px - 1024px) */

/* Tablet Border Width - All sides */
.t-border-0 { }
.t-border-1 { }

/* Tablet Border Width - Individual sides */
.t-border-top-0 { }
.t-border-top-1 { }

.t-border-right-0 { }
.t-border-right-1 { }

.t-border-bottom-0 { }
.t-border-bottom-1 { }

.t-border-left-0 { }
.t-border-left-1 { }

/* Tablet Border Width - Inline/Block */
.t-border-inline-0 { }
.t-border-inline-1 { }

.t-border-block-0 { }
.t-border-block-1 { }

/* ===== MOBILE BORDER CLASSES ===== */
/* m- aplicam-se apenas em mobile (até 767px) */

/* Mobile Border Width - All sides */
.m-border-0 { }
.m-border-1 { }

/* Mobile Border Width - Individual sides */
.m-border-top-0 { }
.m-border-top-1 { }

.m-border-right-0 { }
.m-border-right-1 { }

.m-border-bottom-0 { }
.m-border-bottom-1 { }

.m-border-left-0 { }
.m-border-left-1 { }

/* Mobile Border Width - Inline/Block */
.m-border-inline-0 { }
.m-border-inline-1 { }

.m-border-block-0 { }
.m-border-block-1 { }

/* ===== BASE BORDER WIDTH CLASSES ===== */
/* Classes base para desktop */

/* Border Width - All sides */
.border-0 { border-width: var(--border-0) !important; }
.border-1 { border-width: var(--border-1) !important; }

/* Border Width - Individual sides */
.border-top-0 { border-top-width: var(--border-0) !important; }
.border-top-1 { border-top-width: var(--border-1) !important; }

.border-right-0 { border-right-width: var(--border-0) !important; }
.border-right-1 { border-right-width: var(--border-1) !important; }

.border-bottom-0 { border-bottom-width: var(--border-0) !important; }
.border-bottom-1 { border-bottom-width: var(--border-1) !important; }

.border-left-0 { border-left-width: var(--border-0) !important; }
.border-left-1 { border-left-width: var(--border-1) !important; }

/* Border Width - Inline/Block */
.border-inline-0 { 
  border-left-width: var(--border-0) !important; 
  border-right-width: var(--border-0) !important; 
}
.border-inline-1 { 
  border-left-width: var(--border-1) !important; 
  border-right-width: var(--border-1) !important; 
}

.border-block-0 { 
  border-top-width: var(--border-0) !important; 
  border-bottom-width: var(--border-0) !important; 
}
.border-block-1 { 
  border-top-width: var(--border-1) !important; 
  border-bottom-width: var(--border-1) !important; 
}

/* ===== MEDIA QUERIES - TABLET + MOBILE COMBINED ===== */
@media (max-width: 1024px) {
  /* TM Border Width - All sides */
  .tm-border-0 { border-width: var(--border-0) !important; }
  .tm-border-1 { border-width: var(--border-1) !important; }

  /* TM Border Width - Individual sides */
  .tm-border-top-0 { border-top-width: var(--border-0) !important; }
  .tm-border-top-1 { border-top-width: var(--border-1) !important; }

  .tm-border-right-0 { border-right-width: var(--border-0) !important; }
  .tm-border-right-1 { border-right-width: var(--border-1) !important; }

  .tm-border-bottom-0 { border-bottom-width: var(--border-0) !important; }
  .tm-border-bottom-1 { border-bottom-width: var(--border-1) !important; }

  .tm-border-left-0 { border-left-width: var(--border-0) !important; }
  .tm-border-left-1 { border-left-width: var(--border-1) !important; }

  /* TM Border Width - Inline/Block */
  .tm-border-inline-0 { 
    border-left-width: var(--border-0) !important; 
    border-right-width: var(--border-0) !important; 
  }
  .tm-border-inline-1 { 
    border-left-width: var(--border-1) !important; 
    border-right-width: var(--border-1) !important; 
  }

  .tm-border-block-0 { 
    border-top-width: var(--border-0) !important; 
    border-bottom-width: var(--border-0) !important; 
  }
  .tm-border-block-1 { 
    border-top-width: var(--border-1) !important; 
    border-bottom-width: var(--border-1) !important; 
  }
}

/* ===== MEDIA QUERIES - TABLET ONLY ===== */
@media (min-width: 768px) and (max-width: 1024px) {
  /* Tablet Border Width - All sides */
  .t-border-0 { border-width: var(--border-0) !important; }
  .t-border-1 { border-width: var(--border-1) !important; }

  /* Tablet Border Width - Individual sides */
  .t-border-top-0 { border-top-width: var(--border-0) !important; }
  .t-border-top-1 { border-top-width: var(--border-1) !important; }

  .t-border-right-0 { border-right-width: var(--border-0) !important; }
  .t-border-right-1 { border-right-width: var(--border-1) !important; }

  .t-border-bottom-0 { border-bottom-width: var(--border-0) !important; }
  .t-border-bottom-1 { border-bottom-width: var(--border-1) !important; }

  .t-border-left-0 { border-left-width: var(--border-0) !important; }
  .t-border-left-1 { border-left-width: var(--border-1) !important; }

  /* Tablet Border Width - Inline/Block */
  .t-border-inline-0 { 
    border-left-width: var(--border-0) !important; 
    border-right-width: var(--border-0) !important; 
  }
  .t-border-inline-1 { 
    border-left-width: var(--border-1) !important; 
    border-right-width: var(--border-1) !important; 
  }

  .t-border-block-0 { 
    border-top-width: var(--border-0) !important; 
    border-bottom-width: var(--border-0) !important; 
  }
  .t-border-block-1 { 
    border-top-width: var(--border-1) !important; 
    border-bottom-width: var(--border-1) !important; 
  }
}

/* ===== MEDIA QUERIES - MOBILE ONLY ===== */
@media (max-width: 767px) {
  /* Mobile Border Width - All sides */
  .m-border-0 { border-width: var(--border-0) !important; }
  .m-border-1 { border-width: var(--border-1) !important; }

  /* Mobile Border Width - Individual sides */
  .m-border-top-0 { border-top-width: var(--border-0) !important; }
  .m-border-top-1 { border-top-width: var(--border-1) !important; }

  .m-border-right-0 { border-right-width: var(--border-0) !important; }
  .m-border-right-1 { border-right-width: var(--border-1) !important; }

  .m-border-bottom-0 { border-bottom-width: var(--border-0) !important; }
  .m-border-bottom-1 { border-bottom-width: var(--border-1) !important; }

  .m-border-left-0 { border-left-width: var(--border-0) !important; }
  .m-border-left-1 { border-left-width: var(--border-1) !important; }

  /* Mobile Border Width - Inline/Block */
  .m-border-inline-0 { 
    border-left-width: var(--border-0) !important; 
    border-right-width: var(--border-0) !important; 
  }
  .m-border-inline-1 { 
    border-left-width: var(--border-1) !important; 
    border-right-width: var(--border-1) !important; 
  }

  .m-border-block-0 { 
    border-top-width: var(--border-0) !important; 
    border-bottom-width: var(--border-0) !important; 
  }
  .m-border-block-1 { 
    border-top-width: var(--border-1) !important; 
    border-bottom-width: var(--border-1) !important; 
  }
}

/* ===== BORDER STYLE HELPERS ===== */
/* Úteis para trabalhar com border-width */
.border-solid { border-style: solid !important; }
.border-dashed { border-style: dashed !important; }
.border-dotted { border-style: dotted !important; }
.border-none { border-style: none !important; }