/* services.html only: service-row accordion (toggle icon + grid-rows expand) */

.service-toggle::before,
.service-toggle::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 14px;
  height: 1px;
  background: #182126;
  transform: translate(-50%, -50%);
  transition: transform 0.3s ease;
}

.service-toggle::after {
  transform: translate(-50%, -50%) rotate(90deg);
}

.service-row.is-open .service-toggle::after {
  transform: translate(-50%, -50%) rotate(0deg);
}

.service-details {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.45s cubic-bezier(0.2, 0.75, 0.25, 1);
}

.service-details > div {
  overflow: hidden;
}

.service-row.is-open .service-details {
  grid-template-rows: 1fr;
}