body {
  background-color: #000;
  color: #fff; /* щоб текст був читабельним */
}

.custom-title {
  color: #ffde59; /* ваш кастомний колір */
}

.hero-img {
  width: 100%;
  max-width: 850px;
  height: auto;
  max-height: 580px;  /* 👈 картинка ніколи не буде вищою за 300px */
  object-fit: contain;
  border-radius: 15px;
}

.btn-primary {
  background-color: #ffde59;   /* золото */
  border-color: #FFD700;
  color: #000;                 /* чорний текст для контрасту */
}

.btn-primary:hover {
  background-color: #e6c200;   /* темніше золото при наведенні */
  border-color: #e6c200;
}


@media (min-width: 992px) {
  .hero-img {
    max-width: 600px; /* більша картинка на десктопі */
  }
}