.banner {
      max-width: 100%;
      background: #333;
      color: white;
      padding: 2rem 1.5rem;
      text-align: center;
      box-shadow: 0 6px 20px rgba(0,0,0,0.2);
      position: relative;
      overflow: hidden;
    }

    /* Верхняя полоса */
    .top-bar {
      background: #00b0ff;
      height: 8px;
      width: 100%;
      position: absolute;
      top: 0;
      left: 0;
    }

    /* Заголовок "FULL-BODY FAT LOSS" */
    .headline {
      color: white;
      text-align: center;
      margin: 0;
      line-height: 1;
      padding: 1rem 0;
    }

    .headline-line {
      font-size: clamp(3rem, 12vw, 6rem);
      font-weight: 900;
      letter-spacing: -1px;
      margin: 0.5rem 0;
      text-transform: uppercase;
      display: block;
      position: relative;
    }

    .line-full-body {
      color: #00b0ff;
      background: linear-gradient(135deg, #00b0ff 45%, #0091ea 45%);
      background-clip: text;
      -webkit-background-clip: text;
      color: transparent;
    }

    .line-fat-loss {
      color: #dce775;
      background: linear-gradient(135deg, #dce775 45%, #cddc39 45%);
      background-clip: text;
      -webkit-background-clip: text;
      color: transparent;
    }

    @media (max-width: 600px) {
      .headline-line {
        font-size: 2.5rem;
      }
    }
 .intro {
      font-size: 1.1rem;
      margin-bottom: 2rem;
    }
    .credit {
      font-size: 0.9rem;
      color: #555;
      margin-top: 2rem;
      border-top: 1px solid #eee;
      padding-top: 1rem;
    }
/* Базовые стили для всего блока */
.workout-teaser {
  font-family: 'Helvetica Neue', Arial, sans-serif;
  max-width: 600px;
  margin: 0 auto;
  padding: 2rem;
  color: #333;
  line-height: 1.6;
}

/* Стили для слогана */
.workout-teaser__tagline {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 1.5rem;
  text-transform: uppercase;
}

/* Выделение ключевых слов */
.workout-teaser__highlight {
  color: #e63946; /* Яркий акцентный цвет */
}

/* Стиль для вводной части */
.workout-teaser__intro {
  font-size: 1.4rem;
  font-weight: 500;
  margin-bottom: 1.5rem;
  font-style: italic;
}

/* Стиль основного описания */
.workout-teaser__description {
  font-size: 1.1rem;
  margin-bottom: 2rem;
}

/* Выделение инвентаря и имени */
.workout-teaser__description strong {
  color: #2a9d8f; /* Цвет для снарядов */
}
.workout-teaser__description em {
  font-weight: 600;
  color: #1d3557; /* Цвет для имени */
}

/* Блок с кредитами */
.workout-teaser__credits {
  font-size: 0.75rem;
  letter-spacing: 1px;
  border-top: 1px solid #ddd;
  padding-top: 1rem;
}

.workout-teaser__credits span {
  display: block;
  margin-bottom: 0.3rem;
}

/* Адаптивность для мобильных */
@media (max-width: 768px) {
  .workout-teaser {
    padding: 1rem;
  }
  .workout-teaser__tagline {
    font-size: 1.5rem;
  }
  .workout-teaser__intro {
    font-size: 1.2rem;
  }
}
 .exercise-card {
      background: white;
      border: 1px solid #ddd;
      border-radius: 6px;
      padding: 1.2rem;
      margin: 1rem 0;
      transition: transform 0.2s ease, box-shadow 0.2s ease;
      cursor: default;
    }

    .exercise-card:hover {
      transform: translateY(-3px);
      box-shadow: 0 4px 12px rgba(0,0,0,0.12);
    }

    .exercise-title {
      font-weight: bold;
      font-size: 1.2rem;
      margin: 0 0 0.4rem;
    }

    .exercise-works {
      font-size: 0.95rem;
      color: #555;
      margin: 0 0 0.6rem;
    }

    .exercise-desc {
      font-size: 0.95rem;
      margin: 0 0 0.6rem;
    }

    .exercise-perform {
      font-weight: bold;
      color: #2e7d32;
      margin: 0;
    }