.hide-on-load {
        /*z-index: 0 !important;*/
        opacity: 0; /* Скрывает, сохраняя место на странице */
        transition: opacity 0.2s ease-in-out; /* Добавляет плавное появление */
    }
    
    /* Перед загрузкой картинки */
    .place-loading {
        /*z-index: 1 !important;*/
    }    
    
    .place-loading .tn-atom {
        /*background: linear-gradient(270deg, #7D7D7D 30%, #A5A5A5 50%, #7D7D7D 60%);
        /*background-size: 200% 200%; /* Размер фона для анимации */
        /*animation: wave-animation 4s ease-in-out infinite; /* Анимация */
    }
    
    /* Анимация бегущей волны */
    @keyframes wave-animation {
        0% {
            background-position: 200% 0;
        }
        100% {
            background-position: -200% 0;
        }
}    

    .uc-breadcrumb ol {
        display: flex;
        flex-wrap: wrap;
        list-style: none;
        padding: 5px 0 !important;
        margin: 0;
        font-weight: 300;
        font-size: 16px;
        font-family: Arial, sans-serif;
    }
    
    .uc-breadcrumb li {
        display: flex;
        align-items: center;
        white-space: nowrap;
    }

    .uc-breadcrumb li a {
        display: inline-block;
        white-space: normal;
    }

    .uc-breadcrumb li span {
        color: #777777 !important;
        text-decoration: none;
    }

    .uc-breadcrumb li:not(:last-child)::after {
        content: "/";
        color: #777777;
        margin: 0 8px;
        white-space: nowrap;
    }
    
    @media screen and (max-width: 639px) {
        .uc-breadcrumb ol {
            font-size: 11px; 
        }

        .uc-breadcrumb li:not(:last-child)::after {
            margin: 0 4px;
        }
    }