/* ========== Utility Classes ========== */

/* ===== Screen Reader Only ===== */
/* Hides content visually but keeps it accessible to screen readers.
   Useful for providing semantic heading structure (<h1>, <h2>, etc.) 
   that complies with W3C validation while keeping the visual design clean.
   */

   .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0); /* Legacy support */
  clip-path: inset(50%);
  white-space: nowrap;
  border-width: 0;
}

/* ===== Text Transforms ===== */
/* Used on CTA buttons in Maybach Wheels and Appointment sections. */

.uppercase {
  text-transform: uppercase;
  letter-spacing: 0.05em; /* Improved readability for uppercase text */
}