.treatment-option-card {
  border-radius: 12px;
  box-shadow: 0 0 12px rgba(85, 45, 11, 0.08);
  transition: all 0.2s ease-in-out;
}

.treatment-option-card__price-divider {
  border-bottom: 1px solid rgba(85, 45, 11, 0.1);
}

.treatment-option-card__tagline {
  top: 0;
  margin-top: -1.25rem;
}

@media (min-width: 1024px) {
  .treatment-option-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 0 16px rgba(85, 45, 11, 0.15);
  }
}

.addon-item {
  border-bottom: 1px solid rgba(85, 45, 11, 0.05);
}

.addon-item:last-child {
  border-bottom: none;
}

.addon-duration-tag {
  border: 1px solid rgba(85, 45, 11, 0.15);
  background-color: rgba(85, 45, 11, 0.04);
}

.info-accordion {
  background-color: #f5d2b4;
  border: 1px solid rgba(85, 45, 11, 0.1);
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(85, 45, 11, 0.1);
}

.info-accordion__divider {
  border-top: 1px solid rgba(85, 45, 11, 0.1);
}

.treatment-detail-h1 {
  font-size: 32px;
}

@media (min-width: 479px) {
  .treatment-detail-h1 {
    font-size: 56px;
  }
}

.treatment-detail-h2 {
  font-size: 28px;
}

@media (min-width: 479px) {
  .treatment-detail-h2 {
    font-size: 48px;
  }
}

.treatment-detail-page {
  max-width: 1280px;
}