/* Layout for paired content sections */
.dvojicka {
  display: flex;
  align-items: center;
  gap: 2rem;
  margin-bottom: 4rem;
}
.dvojicka-image,
.dvojicka-text {
  flex: 1;
}
.dvojicka-image img {
  width: 100%;
  height: auto;
  display: block;
}
/* Heading with no extra spacing */
.h-cleaner {
  margin-top: 0;
  margin-bottom: 1rem;
}
/* Button styles */
.btn {
  display: inline-block;
  padding: 0.5rem 1rem;
  text-decoration: none;
  border-radius: 4px;
  font-weight: bold;
}
.btn-primary {
  background-color: #000;
  color: #fff;
}
.btn-primary:hover {
  background-color: #333;
  color: #fff;
}

/* Responsive layout adjustments for the image-text pair sections */
@media (max-width: 768px) {
  /* Stack the two columns on small screens */
  .dvojicka {
    flex-direction: column;
    align-items: flex-start;
  }
  .dvojicka:nth-child(even) {
    flex-direction: column;
  }
  /* Make both image and text containers full width */
  .dvojicka > * {
    width: 100%;
  }
  /* Add spacing between image and text */
  .dvojicka-image {
    margin: 0 0 1.5rem 0;
  }
  .dvojicka-text {
    margin: 0;
    text-align: left;
  }
}

/* Extra bottom margin for the first CTA button only on mobile screens */
@media (max-width: 480px) {
  .cta-group .btn:first-child {
    margin-bottom: 10px;
  }
}