/* Shared, visible landing-page navigation; no changes to hero, catalog or contact UI. */
.breadcrumbs { padding: 0 0 14px; color: #654c70; font-size: 12px; line-height: 1.5; }
.breadcrumbs ol, .site-links ul { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; }
.breadcrumbs ol { gap: 4px 10px; align-items: center; }
.breadcrumbs li { display: flex; align-items: center; gap: 10px; }
.breadcrumbs li + li::before { content: '/'; color: #9b819f; }
.breadcrumbs a { color: inherit; text-decoration: none; padding: 6px 0; }
.breadcrumbs [aria-current="page"] { color: var(--ink); }
.site-links { display: grid; gap: 22px; margin-top: 36px; padding-top: 24px; border-top: 1px solid #af56b040; }
.site-links h2 { margin: 0 0 8px; font-size: 11px; line-height: 1.5; text-transform: uppercase; letter-spacing: .14em; font-weight: 900; }
.site-links ul { gap: 4px 24px; }
.site-links a { display: inline-block; padding: 7px 0; line-height: 1.5; }
.breadcrumbs a:hover, .site-links a:hover { text-decoration: underline; text-underline-offset: 3px; }
.breadcrumbs a:focus-visible, .site-links a:focus-visible { outline: 2px solid var(--lilac-dark); outline-offset: 4px; border-radius: 2px; }
@media (max-width: 620px) {
  .breadcrumbs { padding-bottom: 10px; }
  .site-links { margin-top: 28px; }
  .site-links ul { gap: 2px 22px; }
  .site-links a { padding: 9px 0; }
}