html * {
        -webkit-tap-highlight-color: transparent; 
        -webkit-focus-ring-color: transparent;Ï
    }

    
    
    :root {
        
        --padding-section: 24px;
        --padding-section-rem: 24rem;
        --border-radius-block: 28px;
        
        --my-slider-gap: 12px;
        
        
        /*--myzoom: calc(100vw / 1440px);*/
    }
    
    @media (max-width: 767.9px) {
        :root {
            --padding-section: 12px;
            --border-radius-block: 20px;
            --my-slider-gap: 8px;
        }
    }


    html,
    body {
        font-size: calc((100 / 1440) * 1vw);
    }

    @media screen and (max-width: 1023.9px) {
        html,
        body  {
            font-size: calc((100 / 768) * 1vw);
        }
        
        :root {
            /*--myzoom: calc(100vw / 768px);*/
        }
    }

    @media screen and (max-width: 767.9px) {
        html,
        body  {
            font-size: calc((100 / 375) * 1vw);
            --padding-section-rem: 12rem;
        }
        
        :root {
            /*--myzoom: calc(100vw / 375px);*/
        }
    }
    

    .my-zoom {
        transform: scale(var(--myzoom));
        transform-origin: 0 0;
        width: calc(100% / var(--myzoom));
        
        will-change: transform; /* помогает в Firefox */
    }



/* хлебные крошки */

.uc-breadcrumbs .t-container,
.uc-breadcrumbs .t-col_12 {
    max-width: none !important;
}

.uc-breadcrumbs  .t-col {
    margin: 0!important;
    padding: 0 24px !important;
}

@media (max-width: 1439px) {
    .uc-breadcrumbs  .t-col {
        padding: 0 45rem !important;
    }

}

@media (max-width: 1023px) {
    .uc-breadcrumbs  .t-col {
        padding: 0 24rem !important;
    }

}


@media (max-width: 767px) {
    .uc-breadcrumbs  .t-col {
        padding: 0 12rem !important;
    }

}