.page-promotions { color: #333333; font-family: Arial, sans-serif; line-height: 1.6; }

.page-promotions__hero-section { position: relative; width: 100%; overflow: hidden; background-color: #333333; padding-top: 10px; }
.page-promotions__hero-image-wrapper { width: 100%; height: auto; }
.page-promotions__hero-image { display: block; width: 100%; height: auto; object-fit: cover; }
.page-promotions__hero-content { position: relative; z-index: 1; padding: 40px 20px; text-align: center; color: #ffffff; max-width: 900px; margin: 0 auto; }
.page-promotions__main-title { font-size: clamp(2.5em, 5vw, 3.5em); font-weight: bold; line-height: 1.2; margin-bottom: 15px; color: #E44D26; }
.page-promotions__hero-description { font-size: clamp(1em, 2.5vw, 1.2em); margin-bottom: 30px; }
.page-promotions__hero-button { display: inline-block; background-color: #E44D26; color: #ffffff; padding: 15px 30px; border-radius: 8px; text-decoration: none; font-weight: bold; font-size: 1.1em; transition: background-color 0.3s ease; }
.page-promotions__hero-button:hover { background-color: #c0392b; }

.page-promotions__latest-promos-section, .page-promotions__vip-club-section, .page-promotions__how-to-claim-section, .page-promotions__terms-conditions-section { padding: 60px 20px; max-width: 1200px; margin: 0 auto; }
.page-promotions__section-title { font-size: clamp(2em, 4vw, 2.8em); color: #333333; text-align: center; margin-bottom: 20px; font-weight: bold; }
.page-promotions__section-description { font-size: 1.1em; color: #555555; text-align: center; max-width: 800px; margin: 0 auto 40px; }

.page-promotions__promo-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 30px; }
.page-promotions__promo-card { background-color: #f9f9f9; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); display: flex; flex-direction: column; transition: transform 0.3s ease; }
.page-promotions__promo-card:hover { transform: translateY(-5px); }
.page-promotions__promo-image { width: 100%; height: 200px; object-fit: cover; }
.page-promotions__promo-title { font-size: 1.5em; color: #E44D26; padding: 15px; margin-bottom: 5px; }
.page-promotions__promo-text { font-size: 1em; color: #555555; padding: 0 15px 15px; flex-grow: 1; }
.page-promotions__promo-button { display: block; background-color: #333333; color: #ffffff; padding: 12px 15px; text-align: center; text-decoration: none; font-weight: bold; border-radius: 0 0 12px 12px; transition: background-color 0.3s ease; }
.page-promotions__promo-button:hover { background-color: #555555; }

.page-promotions__vip-club-section { display: flex; align-items: center; gap: 40px; background-color: #f4f4f4; border-radius: 15px; padding: 50px; margin-top: 60px; }
.page-promotions__vip-content { flex: 1; }
.page-promotions__vip-image-wrapper { flex: 1; text-align: center; }
.page-promotions__vip-image { max-width: 100%; height: auto; border-radius: 10px; }
.page-promotions__vip-benefits-list { list-style: none; padding: 0; margin-top: 20px; }
.page-promotions__vip-benefit-item { background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="%23E44D26"><path d="M9 21.035l-7.185-7.105 1.439-1.443 5.746 5.695 11.426-11.364 1.439 1.442z"/></svg>') no-repeat left center; background-size: 18px; padding-left: 30px; margin-bottom: 10px; color: #333333; font-size: 1.1em; }
.page-promotions__vip-button { display: inline-block; background-color: #E44D26; color: #ffffff; padding: 15px 30px; border-radius: 8px; text-decoration: none; font-weight: bold; font-size: 1.1em; margin-top: 30px; transition: background-color 0.3s ease; }
.page-promotions__vip-button:hover { background-color: #c0392b; }

.page-promotions__how-to-claim-section { background-color: #ffffff; padding: 60px 20px; }
.page-promotions__steps-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 30px; margin-top: 40px; }
.page-promotions__step-card { text-align: center; padding: 30px; border: 1px solid #eeeeee; border-radius: 12px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05); }
.page-promotions__step-icon { font-size: 2.5em; color: #E44D26; font-weight: bold; margin-bottom: 15px; display: inline-block; background-color: #f0f0f0; border-radius: 50%; width: 60px; height: 60px; line-height: 60px; }
.page-promotions__step-title { font-size: 1.4em; color: #333333; margin-bottom: 10px; }
.page-promotions__step-text { font-size: 1em; color: #555555; }
.page-promotions__cta-button { display: block; width: fit-content; margin: 50px auto 0; background-color: #333333; color: #ffffff; padding: 15px 40px; border-radius: 8px; text-decoration: none; font-weight: bold; font-size: 1.2em; transition: background-color 0.3s ease; }
.page-promotions__cta-button:hover { background-color: #555555; }

.page-promotions__terms-conditions-section { background-color: #f9f9f9; padding: 60px 20px; margin-top: 60px; border-radius: 15px; }
.page-promotions__tc-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; margin-top: 40px; }
.page-promotions__tc-item { background-color: #ffffff; padding: 25px; border-radius: 10px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); }
.page-promotions__tc-heading { font-size: 1.3em; color: #E44D26; margin-bottom: 10px; }
.page-promotions__tc-text { font-size: 0.95em; color: #555555; }
.page-promotions__disclaimer-text { font-size: 0.9em; color: #777777; text-align: center; margin-top: 40px; }

@media (max-width: 1024px) {
  .page-promotions__vip-club-section { flex-direction: column; text-align: center; padding: 40px; }
  .page-promotions__vip-image-wrapper { margin-top: 30px; }
  .page-promotions__vip-benefits-list { text-align: left; }
}

@media (max-width: 768px) {
  .page-promotions__hero-content { padding: 30px 15px; }
  .page-promotions__main-title { font-size: clamp(2em, 8vw, 2.8em); }
  .page-promotions__hero-description { font-size: clamp(0.9em, 3.5vw, 1.1em); }
  .page-promotions__hero-button { padding: 12px 25px; font-size: 1em; }

  .page-promotions__latest-promos-section, .page-promotions__vip-club-section, .page-promotions__how-to-claim-section, .page-promotions__terms-conditions-section { padding: 40px 15px; }
  .page-promotions__section-title { font-size: clamp(1.8em, 7vw, 2.5em); }
  .page-promotions__section-description { font-size: 1em; margin-bottom: 30px; }

  .page-promotions__promo-grid { grid-template-columns: 1fr; }
  .page-promotions__promo-image { height: 180px; }

  .page-promotions__vip-club-section { padding: 30px; }
  .page-promotions__vip-button { padding: 12px 25px; font-size: 1em; }

  .page-promotions__steps-grid { grid-template-columns: 1fr; }
  .page-promotions__cta-button { width: 100%; max-width: 300px; padding: 12px 20px; font-size: 1.1em; }

  .page-promotions__tc-grid { grid-template-columns: 1fr; }

  /* Ensure all images are responsive */
  .page-promotions img { max-width: 100% !important; height: auto !important; box-sizing: border-box; }
  /* Ensure buttons are responsive */
  .page-promotions__hero-button, .page-promotions__promo-button, .page-promotions__vip-button, .page-promotions__cta-button {
    max-width: 100%;
    box-sizing: border-box;
    white-space: normal;
    word-wrap: break-word;
  }
}