/* style/promotions.css */

/* Base styles for the page content */
.page-promotions {
  font-family: Arial, sans-serif;
  line-height: 1.6;
  color: #ffffff; /* Default text color for dark body background */
  background-color: transparent; /* Body background is handled by shared.css, assuming it's dark #0a0a0a */
}

.page-promotions__container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

/* Hero Section */
.page-promotions__hero-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 80px 20px;
  background-color: #0a0a0a; /* Ensure hero section has a dark background consistent with body */
  position: relative;
  overflow: hidden;
  padding-top: var(--header-offset, 120px); /* Apply header offset here if shared doesn't do it on body */
}

.page-promotions__hero-content {
  max-width: 800px;
  z-index: 1;
  position: relative;
}}