/* ==========================================================================
   MAKAW — Services Page Styles
   ========================================================================== */

/* ---- Services Detail Grid ---- */
.services-detail-grid .card__body {
  padding: var(--space-8);
}

.service-features {
  list-style: none;
  margin-top: var(--space-4);
}

.service-features li {
  position: relative;
  padding: var(--space-2) 0;
  padding-left: var(--space-6);
  font-size: var(--text-sm);
  color: var(--neutral-600);
}

.service-features li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--gradient-cta);
}

/* ---- Pricing Grid ---- */
.pricing-grid {
  align-items: start;
}

.pricing-grid .btn {
  width: 100%;
}