/* Additions for service pages. Loads after styles.css and only styles new elements. */
.breadcrumb { font-size: 0.875rem; margin-bottom: 16px; opacity: 0.85; }
.breadcrumb a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.breadcrumb span[aria-current] { font-weight: 600; }

.service-icon-wrap { display: flex; justify-content: center; align-items: center; }
.service-icon {
  width: 100%; max-width: 220px; height: auto; padding: 36px;
  border: 1.5px dashed rgba(255,255,255,0.35); border-radius: 50%;
  background: rgba(255,255,255,0.08); box-sizing: border-box;
}

.fit-list { list-style: none; margin: 0; padding: 0; }
.fit-list li { padding: 14px 0 14px 28px; position: relative; border-bottom: 1px solid rgba(127,127,127,0.25); }
.fit-list li::before {
  content: ""; position: absolute; left: 4px; top: 21px; width: 10px; height: 10px;
  border-radius: 50%; border: 2px solid currentColor; opacity: 0.6;
}

.faq-list { max-width: 760px; }
.faq { border-bottom: 1px solid rgba(127,127,127,0.25); }
.faq summary {
  cursor: pointer; padding: 18px 32px 18px 0; font-weight: 600; list-style: none; position: relative;
}
.faq summary::-webkit-details-marker { display: none; }
.faq summary::after { content: "+"; position: absolute; right: 4px; top: 16px; font-size: 1.25rem; line-height: 1; }
.faq[open] summary::after { content: "\2212"; }
.faq summary:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }
.faq p { margin: 0 0 18px; max-width: 68ch; }

.header-phone { color: inherit; text-decoration: none; }
.footer-nap { font-style: normal; line-height: 1.8; }
.footer-nap a { color: inherit; }

@media (max-width: 760px) {
  .service-icon-wrap { display: none; }
}