/* === Solutions cards: equal height === */
.solutions-grid {
  align-items: stretch !important;
}
.solution-card {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}
.solution-content {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
}
.solution-content .custom-btn {
  margin-top: auto !important;
}
/* Image area: fixed height so both cards match */
.solution-image {
  height: 280px !important;
  overflow: hidden !important;
}
.solution-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

/* === Hide phone mockup on mobile === */
@media (max-width: 768px) {
  .testimonials-phone,
  .phone-roof-container {
    display: none !important;
  }
}