.dark-texts-with-products {
  padding: 37.5px 52.5px;
  position: relative;
}

@media (max-width: 1024px) {
  .dark-texts-with-products {
    padding: 37.5px;
  }
}

@media (max-width: 767.98px) {
  .dark-texts-with-products {
    padding: 22.5px;
  }
}

/* ── Text Section ── */
.dark-texts-with-products .text-section {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  padding: 20px 15px !important;
  position: sticky;
  top: 0;
}

.dark-texts-with-products .label-row {
  display: flex;
}

.dark-texts-with-products .label-tag {
  font-size: 0.75rem;
  padding: 4px 14px;
  border-radius: 2px;
  letter-spacing: 0.03em;
}

.dark-texts-with-products .main-title {
  font-weight: 900;
  line-height: 1.4;
  font-size: 1.875rem;
}

.dark-texts-with-products .body-text {
  line-height: 2;
  font-size: 1rem;
}

.dark-texts-with-products .sub_title {
  font-weight: 900;
  font-size: 1.5rem;
  margin-bottom: 0.5rem;
}

.dark-texts-with-products .cta-row {
  display: flex;
  justify-content: flex-end;
  margin-top: 0.5rem;
}

.dark-texts-with-products .btn-cta {
  font-size: 0.875rem;
  font-weight: 600;
  padding: 0.625rem 2rem;
  border: none;
  border-radius: 0.25rem;
  cursor: pointer;
  transition: opacity 0.2s ease;
}

.dark-texts-with-products .btn-cta:hover {
  opacity: 0.8;
}

/* ── Responsive ── */
@media (min-width: 1024px) {
  .dark-texts-with-products .main-title {
    font-size: 2.25rem;
  }
}