/* style/promotions.css */

/* Global page styles within .page-promotions scope */
.page-promotions {
  font-family: Arial, sans-serif;
  color: #333333; /* Text Main */
  background-color: #F5F7FA; /* Background */
  line-height: 1.6;
}

/* Hero Section */
.page-promotions__hero-section {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column; /* Image on top, content below */
  align-items: center;
  padding-bottom: 60px; /* Space below content */
  padding-top: 10px; /* Small top padding, body handles --header-offset */
  overflow: hidden; /* Ensure content doesn't overflow */
}

.page-promotions__hero-image {
  width: 100%;
  max-height: 500px; /* Adjust as needed */
  object-fit: cover;
  display: block;
  margin-bottom: 30px; /* Space between image and content */
  min-width: 200px; /* Minimum image size */
  min-height: 200px; /* Minimum image size */
}