@layer components{.breadcrumbs{padding:var(--space-4) 0 var(--space-3);font-family:var(--font-ui);font-size:var(--text-sm);font-weight:var(--weight-regular, 400);letter-spacing:.01em;color:var(--color-text-secondary)}.breadcrumbs--product{box-sizing:border-box;width:100%;max-width:var(--layout-max-width);margin-inline:auto;padding-top:var(--space-6);padding-bottom:var(--space-2);padding-inline:var(--layout-gutter);font-size:.875rem;color:var(--color-text-secondary, #3b3a38)}@media (width < 1024px){.breadcrumbs--product{padding-top:var(--space-3);padding-bottom:var(--space-2);font-size:.8125rem;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:var(--layout-gutter)}@media (prefers-reduced-motion: reduce){.breadcrumbs--product{scroll-snap-type:none}}}.breadcrumbs--collection,.breadcrumbs--search{max-width:var(--layout-max-width);margin-inline:auto;padding:var(--space-6) var(--layout-gutter) var(--space-4)}.breadcrumbs__list{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-2);list-style:none;margin:0;padding:0}@media (width < 1024px){.breadcrumbs--product .breadcrumbs__list{flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:var(--space-1);width:max-content;min-height:1.5rem;padding-block:.125rem}.breadcrumbs--product .breadcrumbs__item{scroll-snap-align:center;scroll-snap-stop:normal}}.breadcrumbs__item{display:flex;align-items:center;gap:var(--space-1)}.breadcrumbs__item:not(:last-child):after{content:"";display:block;width:1px;height:.875rem;margin-inline-start:var(--space-2);background:var(--color-text-secondary);opacity:.35;flex-shrink:0}.breadcrumbs__item:not(.breadcrumbs__item--current){opacity:.5}.breadcrumbs__item--current{opacity:1}.breadcrumbs__link{color:inherit;text-decoration:none;transition:color var(--duration-normal) var(--ease-default)}@media (hover: hover){.breadcrumbs__link:hover{color:var(--color-text);text-decoration:underline;text-underline-offset:.15em}}.breadcrumbs__item:not(.breadcrumbs__item--current){transition:opacity var(--duration-normal) var(--ease-default)}@media (hover: hover){.breadcrumbs__item:not(.breadcrumbs__item--current):has(.breadcrumbs__link:hover){opacity:.92}}@media (prefers-reduced-motion: reduce){.breadcrumbs__link{transition:none}.breadcrumbs__item:not(.breadcrumbs__item--current){transition:none}}}