/* Shared layout for individual service pages. */
.service-detail-hero {
  background: linear-gradient(135deg, #ffd8e9 0%, #ffffff 72%);
  border-bottom: 4px solid #000;
}

.service-detail-hero h1 {
  max-width: 720px;
}
.service-detail-copy {
  max-width: 680px;
}

.service-price {
  display: inline-block;
  padding: 0.65rem 1rem;
  border: 3px solid #000;
  border-radius: 999px;
  background: #f54391;
  color: #fff;
  font-weight: 700;
}

/* PHOTO: replace the image src in this figure on each service page. */
.service-photo-frame {
  min-height: 390px;
  overflow: hidden;
  border: 4px solid #000;
  border-radius: 32px;
  background: #fff;
  box-shadow: 0 20px 36px rgba(17, 17, 17, 0.14);
}

.service-photo-frame img {
  width: 100%;
  height: 100%;
  min-height: 390px;
  object-fit: cover;
}

.service-addons {
  background: #fff5fa;
}
.service-addons .checklist-card {
  border-color: #f54391;
}

.service-detail-note {
  border-left: 5px solid #f54391;
  background: #fff;
}

@media (max-width: 767.98px) {
  .service-photo-frame,
  .service-photo-frame img {
    min-height: 280px;
  }
}