/* One shared chip for the entire navigation trail. */
@media(max-width:1100px){
 .ec-storefront .ec-breadcrumb{display:none}
}
.ec-storefront .ec-breadcrumb { align-items:center; line-height:1.4; }
.ec-storefront .ec-breadcrumb-trail {
 display:inline-flex; align-items:center; flex-wrap:wrap; gap:10px;
 max-width:100%; padding:8px 14px; border:1px solid var(--ec-border);
 border-radius:10px; background:#fffdf9; box-shadow:0 2px 0 #702d4208;
 font-size:13px; line-height:20px;
}
.ec-storefront .ec-breadcrumb-trail>a,
.ec-storefront .ec-breadcrumb-trail>[aria-current="page"] {
 color:var(--ec-muted); font-size:13px; font-weight:500;
 text-decoration:none; overflow-wrap:anywhere; min-width:0;
}
.ec-storefront .ec-breadcrumb-trail>a:hover { color:var(--ec-wine); }
.ec-storefront .ec-breadcrumb-trail>[aria-current="page"] { color:var(--ec-wine); font-weight:600; }
.ec-storefront .ec-breadcrumb-trail>span:not([aria-current]) {
 display:inline-flex; align-items:center; justify-content:center;
 align-self:center; width:8px; height:20px; flex:0 0 8px; font-size:0; color:var(--ec-champagne);
}
.ec-storefront .ec-breadcrumb-trail>span:not([aria-current])::after {
 content:''; width:5px; height:5px; border-top:1px solid currentColor;
 border-right:1px solid currentColor; transform:rotate(45deg);
}