.breadcrumb{width:100%;background-color:transparent;box-sizing:border-box}
.breadcrumb ol{list-style:none;display:flex;flex-wrap:wrap;padding:0;margin:0;gap:.5em;width:100%}
.breadcrumb li{display:inline-flex;align-items:center;white-space:nowrap;flex-shrink:1;min-width:0;overflow:hidden;font-family:Petco Circular CAP;font-weight:500;font-style:normal;font-size:12px;leading-trim:both;text-edge:cap;line-height:17px;letter-spacing:.4px}
.breadcrumb li::after{content:"/";margin:0 .5em;flex-shrink:0}
.breadcrumb li:last-child::after{content:""}
.breadcrumb a{color:#001952;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;max-width:100%;transition:text-decoration .2s ease}
.breadcrumb a:hover{text-decoration:underline}
.breadcrumb li[aria-current="page"] .breadcrumb-title{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;text-decoration:none}
.breadcrumb li[aria-current="page"]{max-width:clamp(120px,30vw,300px)}
.breadcrumb--banner{max-width:1220px;padding:0 24px;margin:24px auto}
.breadcrumb--content{max-width:972px;padding:0 24px;margin:10px auto}
@media(max-width:932px){.breadcrumb--banner{padding:0 16px;margin:20px auto}
.breadcrumb a{max-width:120px}
}
@media(max-width:500px){.breadcrumb ol{flex-wrap:nowrap;gap:.25em;overflow:hidden}
.breadcrumb li{font-size:12px;min-width:0;flex-shrink:1;overflow:hidden}
.breadcrumb li:first-child a{max-width:none;overflow:visible;text-overflow:unset;white-space:nowrap;text-decoration:none}
.breadcrumb li:not(:first-child):not([aria-current="page"]) a{max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;text-decoration:none}
.breadcrumb li[aria-current="page"]{flex:1 1 auto;min-width:0;overflow:hidden;max-width:100%}
.breadcrumb li[aria-current="page"] .breadcrumb-title{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;text-decoration:none}
}