/* ===================================================================
   FICHEIRO 3: TABLET + MOBILE-TABLET - Classes tm- e t-
   TM: ≤1024px (tablet + mobile combined)
   T: 768-1024px (tablet only)
   =================================================================== */

/* ===== TM PLACEHOLDER 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 { }

/* TM Border Width */
.tm-border-0 { }
.tm-border-1 { }
.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-inline-0 { }
.tm-border-inline-1 { }
.tm-border-block-0 { }
.tm-border-block-1 { }

/* ===== TABLET PLACEHOLDER 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 { }

/* Tablet Border Width */
.t-border-0 { }
.t-border-1 { }
.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 { }
.t-border-inline-0 { }
.t-border-inline-1 { }
.t-border-block-0 { }
.t-border-block-1 { }

/* ===== TM MEDIA QUERY (TABLET + MOBILE COMBINED) ===== */
@media (max-width: var(--breakpoint-tablet-max)) {
  /* TM Margins */
  .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-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-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 */
  .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-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-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 Borders */
  .tm-border-0 { border-width: var(--border-0) !important; }
  .tm-border-1 { border-width: var(--border-1) !important; }
  .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-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; }

  /* TM Display */
  .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; }
}

/* ===== TABLET ONLY MEDIA QUERY ===== */
@media (min-width: var(--breakpoint-tablet-min)) and (max-width: var(--breakpoint-tablet-max)) {
  /* Tablet Margins */
  .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; }

  .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; }

  .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 */
  .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; }

  .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; }

  .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 Borders */
  .t-border-0 { border-width: var(--border-0) !important; }
  .t-border-1 { border-width: var(--border-1) !important; }
  .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; }
  .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; }

  /* Tablet Display */
  .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; }
}