.site-breadcrumb {
            display: block;
            width: 100%;
            margin: 0 auto;
            color: #fff;
        }
        nav.site-breadcrumb.container {
            padding-top: 0 !important;
            padding-bottom: 0 !important;
        }
        .breadcrumb:has(> nav.site-breadcrumb) {
            display: block !important;
            margin: 15px 0 0 !important;
            padding: 0;
            background-color: transparent;
        }
        .site-breadcrumb__list {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            gap: 0;
            margin: 0;
            padding: 0;
            list-style: none;
            font-size: 14px;
            line-height: 1.5;
        }
        .site-breadcrumb__list li {
            display: flex;
            align-items: center;
            min-width: 0;
            max-width: 100%;
            overflow-wrap: anywhere;
        }
        .site-breadcrumb__list li > span,
        .site-breadcrumb__list li > a {
            min-width: 0;
            overflow-wrap: anywhere;
        }
        .site-breadcrumb__list li + li::before {
            content: '/';
            margin: 0 12px;
            opacity: .6;
        }
        .site-breadcrumb__list a {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            min-height: 44px;
            color: inherit;
            text-decoration: none;
        }
        .site-breadcrumb__list svg { flex-shrink: 0; }
        .site-breadcrumb__list a:hover { text-decoration: underline; }
        .site-breadcrumb__list a:focus-visible {
            outline: 2px solid currentColor;
            outline-offset: 3px;
            border-radius: 3px;
        }
        .site-breadcrumb__list [aria-current="page"] { font-weight: 600; }
        @media (max-width: 767px) {
            .breadcrumb:has(> nav.site-breadcrumb) {
                margin: 0 !important;
                padding: 15px 0 0;
            }
            .site-breadcrumb {
                color: #334155;
                padding: 0 16px;
            }
            .site-breadcrumb__list { font-size: 12px; }
            .site-breadcrumb__list { row-gap: 2px; }
            .site-breadcrumb__list li { min-height: 32px; }
            .site-breadcrumb__list a { min-height: 32px; }
            .site-breadcrumb__list li + li::before { margin: 0 8px; }
            .breadcrumb:has(> nav.site-breadcrumb) + .container {
                padding-top: 0 !important;
            }
        }