/* Nail-salon copy and accessible demo controls on the shared booking layout. */
.nail-salons-page .sample-price-note {
  margin: 0;
  color: var(--book-muted);
  font-size: 10px;
  line-height: 1.5;
}

.nail-salons-page .demo-replay[hidden] {
  display: none;
}

.nail-salons-page .demo-dot {
  position: relative;
  width: 32px;
  height: 32px;
  background: transparent;
}

.nail-salons-page .demo-dot::before {
  content: "";
  position: absolute;
  inset: 12px 1px;
  border-radius: 999px;
  background: #d3e0ef;
}

.nail-salons-page .demo-dot[aria-pressed="true"]::before {
  background: var(--brand);
}

.nail-salons-page .setup-note {
  max-width: 52rem;
  margin: 28px 0 0;
  color: var(--muted);
  font-size: 0.9375rem;
  line-height: 1.65;
}

@media (max-width: 420px) {
  .nail-salons-page .brand {
    gap: 7px;
  }

  .nail-salons-page .brand span {
    font-size: 13px;
  }

  .nail-salons-page .header-cta {
    padding: 10px 12px;
    font-size: 13px;
  }

  .nail-salons-page .nav-shell {
    gap: 8px;
  }
}