/* Product page breadcrumb (template 3080, widget 267b999), design "Echuan Breadcrumb" 1a + 1d:
 * house icon › category › product name; grey links, no underline; the product name stays on one line
 * and is cut with an ellipsis (the full name is the H1 right below). Markup: echuan-breadcrumb.php. */
.echuan-bc { display: flex; align-items: center; gap: 10px; min-width: 0; font-size: 14px; line-height: 1.5; color: #6b7684; white-space: nowrap; }
.echuan-bc a { color: #6b7684; text-decoration: none; flex-shrink: 0; }
.echuan-bc a:hover, .echuan-bc a:focus-visible { color: #253993; }
.echuan-bc__cat:hover, .echuan-bc__cat:focus-visible { text-decoration: underline; }
.echuan-bc__home { display: flex; align-items: center; padding: 4px; margin: -4px; }
.echuan-bc__home svg { width: 16px; height: 16px; display: block; }
.echuan-bc__sep { color: #b5bcc6; font-size: 16px; flex-shrink: 0; }
.echuan-bc__current { min-width: 0; overflow: hidden; text-overflow: ellipsis; color: #1b2430; font-weight: 600; }
.echuan-bc .screen-reader-text { position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); border: 0; white-space: nowrap; }
@media (max-width: 767px) { .echuan-bc { gap: 8px; } }

/* The main row a556d6a has margin-top:-60px and used to sit on top of the breadcrumb bar, so none of its links
 * could be clicked. Lift the breadcrumb container above it (the overlap holds no content of the row). */
.single-product .elementor-element-5303331 { position: relative; z-index: 3; }