body.skill-frontend-design {
  --workflow-focus-ring: 0 0 0 4px rgba(185, 117, 126, 0.18);
}

.skill-frontend-design .site-nav a,
.skill-frontend-design .footer-contact-card,
.skill-frontend-design .quiet-contact-row a,
.skill-frontend-design .mobile-sticky-bar a {
  -webkit-tap-highlight-color: transparent;
}

.skill-frontend-design .site-nav .nav-cta {
  min-width: 9.5rem;
  box-shadow: 0 10px 28px rgba(23, 17, 14, 0.14);
}

.skill-frontend-design .hero-actions .button,
.skill-frontend-design .button-row .button {
  min-width: 9rem;
}

.skill-frontend-design .contact-action-row .button,
.skill-frontend-design .direct-contact-row .button {
  min-width: 0;
}

.skill-frontend-design .booking-panel {
  display: grid;
  gap: 0.2rem;
}

.skill-frontend-design .booking-panel .button-row {
  margin-top: 1.35rem;
}

.skill-frontend-design .mobile-sticky-bar {
  grid-template-columns: minmax(0, 1.15fr) minmax(84px, 0.58fr) minmax(68px, 0.42fr);
  align-items: center;
  border-radius: 24px;
}

.skill-frontend-design .mobile-sticky-bar a {
  min-width: 0;
  white-space: nowrap;
}

.skill-frontend-design .mobile-sticky-mini {
  color: rgba(255, 253, 248, 0.92);
}

.skill-frontend-design .mobile-sticky-bar a:focus-visible {
  outline: 2px solid rgba(255, 253, 248, 0.92);
  outline-offset: 2px;
}

.skill-frontend-design .review-summary div,
.skill-frontend-design .price-row,
.skill-frontend-design .faq-item {
  min-width: 0;
}

@media (max-width: 679px) {
  .skill-frontend-design .hero-actions {
    grid-template-columns: 1fr;
  }

  .skill-frontend-design .mobile-sticky-bar {
    grid-template-columns: minmax(0, 1fr) minmax(92px, 0.48fr);
    max-width: 430px;
    border-radius: 22px;
  }

  .skill-frontend-design .mobile-sticky-route {
    display: none;
  }
}

@media (min-width: 900px) {
  .skill-frontend-design .site-nav a {
    justify-content: center;
  }
}