nav.soct-breadcrumbs{font-family:Roboto,Arial,sans-serif;font-size:13px;font-weight:400;line-height:1.7;color:#64748b;text-align:left}
nav.soct-breadcrumbs ol{display:flex;flex-wrap:wrap;gap:4px 0;list-style:none!important;margin:0!important;padding:0!important}
nav.soct-breadcrumbs li{display:flex;align-items:baseline;min-width:0;margin:0;padding:0;list-style:none!important;overflow-wrap:anywhere}
nav.soct-breadcrumbs .soct-breadcrumb-separator{padding:0 12px;color:#64748b}
nav.soct-breadcrumbs a{color:#2563eb;text-decoration:none!important;border-bottom:0!important;box-shadow:none!important}
nav.soct-breadcrumbs a:hover{color:#1d4ed8;text-decoration:none!important}
nav.soct-breadcrumbs a:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.so-category-page .hero nav.soct-breadcrumbs{margin-bottom:42px}
@media(max-width:600px){.so-category-page .hero nav.soct-breadcrumbs{margin-bottom:28px}nav.soct-breadcrumbs .soct-breadcrumb-separator{padding:0 8px}}

/* 1.2.7: shared below-banner breadcrumb placement on product templates. */
.so-category-page .spdt-breadcrumb-band{background:#fff;width:100%}
.so-category-page .spdt-breadcrumb-inner{box-sizing:border-box;max-width:1200px;margin:0 auto;padding:18px 24px 0}
.so-category-page .spdt-breadcrumb-inner nav.soct-breadcrumbs{margin:0;font-family:SOCTRoboto,Roboto,Arial,sans-serif;font-size:13px;font-weight:400}
.so-category-page .spdt-breadcrumb-inner nav.soct-breadcrumbs a{color:#2563eb}
.so-category-page .spdt-breadcrumb-inner nav.soct-breadcrumbs a:hover{color:#1d4ed8}
.so-category-page .spdt-breadcrumb-band + .page-layout{padding-top:32px}
@media(max-width:544px){
 .so-category-page .spdt-breadcrumb-inner{padding:16px 20px 0}
 .so-category-page .spdt-breadcrumb-band + .page-layout{padding-top:28px}
}