.fitness-article {
      max-width: 1200px;
      margin: 20px auto;
      padding: 20px;
      display: flex;
      gap: 20px;
      flex-wrap: wrap;
      position: relative;
    }

    .image-section {
      flex: 1 1 400px;
      position: relative;
      overflow: hidden;
    }

    .image-section img {
      width: 100%;
      height: auto;
      object-fit: cover;
      border-radius: 8px;
      box-shadow: 0 4px 12px rgba(0,0,0,0.3);
    }

    /* Текстовый блок слева — чёрный фон */
    .text-block {
      position: relative;
     
      background-color: #30757a;
      color: #ffffff;
      padding: 20px;
      border-radius: 8px;
      z-index: 10;
      max-width: 75%;
    }

    .text-block p {
      font-size: 18px;
font-weight: bold;

      margin-bottom: 10px;
      line-height: 1.4;
    }

    .text-block .author {
      font-size: 12px;
      color: #cccccc;
      margin-top: 10px;
      text-transform: uppercase;
    }

    /* Заголовок "CAZİBE MERKEZİ" */
    .main-title {
      position: relative;
     
      text-align: left;
      line-height: 1;
    }

    .main-title .line1 {
      font-size: 64px;
      font-weight: 900;
      letter-spacing: -1px;
      color: #F5E68A; /* Светло-жёлтый */
      text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
    }

    .main-title .line2 {
      font-size: 72px;
      font-weight: 900;
      letter-spacing: -1px;
      color: #FFFFFF; /* Белый */
      text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
    }

    /* Стрелка перед текстом */
    .arrow {
      color: #FFD700; /* Золотой акцент */
      font-weight: bold;
      margin-right: 8px;
    }

    /* Адаптивность — мобильные устройства */
    @media (max-width: 768px) {
      .fitness-article {
        padding: 10px;
        margin: 10px;
      }

      .text-block {
        top: 10px;
        left: 10px;
        padding: 15px;
        font-size: 12px;
        max-width: 80%;
      }

      .main-title {
        bottom: 10px;
        left: 10px;
      }

      .main-title .line1 {
        font-size: 40px;
      }

      .main-title .line2 {
        font-size: 28px;
      }
    }
.container {
      max-width: 1100px;
      margin: 0 auto;
    }

    /* Заголовок статьи */
    .article-title {
      font-size: 28px;
      font-weight: 800;
      text-align: center;
      margin: 30px 0 40px;
      color: #ffffff;
      text-transform: uppercase;
      letter-spacing: 1px;
    }

    /* Основной текст */
    .article-content p {
      margin-bottom: 20px;
      font-size: 16px;
      text-align: justify;
    }

    /* Цитата */
    .quote {
      background-color: rgba(255, 215, 0, 0.1);
      border-left: 4px solid #FFD700;
      padding: 20px;
      margin: 30px 0;
      font-size: 22px;
font-weight: bold;

      font-style: normal;
      color: #03565c;
      position: relative;
    }

    .quote::before {
      content: "«";
      position: absolute;
      top: -10px;
      left: 10px;
      font-size: 60px;
      color: #FFD700;
      opacity: 0.6;
      line-height: 1;
    }

    .quote::after {
      content: "»";
      position: absolute;
      bottom: -20px;
      right: 20px;
      font-size: 60px;
      color: #FFD700;
      opacity: 0.6;
      line-height: 1;
    }

    /* Подпись к цитате */
    .quote-author {
      display: block;
      text-align: right;
      margin-top: 15px;
      font-size: 14px;
      color: #FFD700;
      font-weight: bold;
    }

    /* Выделение имён и терминов */
    .highlight {
      color: #1E90FF;
      font-weight: bold;
    }

    /* Разделитель */
    .divider {
      height: 1px;
      background: linear-gradient(to right, transparent, #FFD700, transparent);
      margin: 40px 0;
    }

    /* Подзаголовок (например, "Искомый Титан") */
    .subtitle {
      font-size: 20px;
      font-weight: 700;
      color: #FFD700;
      margin: 30px 0 15px;
      text-align: center;
      text-transform: uppercase;
    }

    /* Адаптивность */
    @media (max-width: 768px) {
      body {
        padding: 15px;
      }

      .article-title {
        font-size: 22px;
        margin: 20px 0 30px;
      }

      .article-content p {
        font-size: 15px;
      }

      .quote {
        font-size: 16px;
        padding: 15px;
      }

      .quote::before,
      .quote::after {
        font-size: 40px;
      }

      .subtitle {
        font-size: 18px;

      }
    }
.footnote-box {
  background-color: rgba(255, 215, 0, 0.05);
  border-top: 1px solid #FFD700;
  border-bottom: 1px solid #FFD700;
  padding: 20px;
  margin-top: 40px;
  text-align: center;
}

.footnote-title {
  font-size: 28px;
  font-weight: 800;
  color: #FFD700;
  margin-bottom: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.footnote-box p {
  
font-size: 22px;
font-weight: bold;

  line-height: 1.6;
  color: #03565c;
  margin: 0;
}

/* Адаптивность */
@media (max-width: 768px) {
  .footnote-box {
    padding: 16px;
  }
  .footnote-title {
    font-size: 18px;
  }
  .footnote-box p {
    font-size: 15px;
  }
}