

/* Адаптация для мобильных устройств */
@media (max-width: 768px) {
 
     .lesson-header-block {
        background: var(--lesson-color-header-bg) !important;
        border-radius: 16px !important;
        overflow: hidden !important;
        padding: 0px !important;
        border-bottom: none !important;
        margin-bottom: 24px !important;
        display: flex !important;
        flex-direction: column !important;
        position: relative !important;
    }
    
    .row.header-view > div {
        padding: 2px !important;
        padding-top: 2px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;
        min-height: 90px !important;
    }
    
    .lesson-title-value {
        font-family: 'Days', sans-serif !important;
        font-style: normal !important;
        font-size: 22px !important;
        line-height: 99.33% !important;
        color: #126446 !important;
        text-align: center !important;
        margin-top: 20px !important;
        word-break: break-word !important;
    }
    
     .describtion-block .lt-block-wrapper {
        padding-top: 5px!important;
    }
    
    hr {
       border: none !important;
       border-top: 6px dotted #126446 !important;
       width: 33.33% !important;
       margin: 15px auto !important;
       opacity: 0.6 !important;
}

  .page-header {
            margin: 0;
    }
    
    .page-header h1 a {
    color: #126446 !important;
    font-size: 20px;
    font-weight: 700;
}
    
.page-header h1 {
    font-size: 30px;
    text-decoration: none;
    background: linear-gradient(90deg, #126446, #22b06e, #126446);
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: shimmer 3s linear infinite;
    padding: 5px;
    margin: 10px;
    border-radius: 12px;
    text-align: center;
}


.standard-page-content h1 {
    font-size: 20px;
    border: 2px solid #126446;
    text-decoration: none;
    background: linear-gradient(90deg, #126446, #22b06e, #126446);
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: shimmer 3s linear infinite;
    padding: 15px;
    margin: 10px;
    border-radius: 12px;
    text-align: center;
}

.standard-page-content h1::before {
    font-size: 20px;
    color: #126446 !important;
    content: "Назад к:";
}

@keyframes shimmer {
    0% {
        background-position: -200% 0;
    }
    100% {
        background-position: 200% 0;
    }
}
    .breadcrumb {
        display: none;
    }
    
    .breadcrumbs a {
        display: none;
    }
    
    .breadcrumbs  {
        color: transparent;
    }
      
    .breadcrumbs > *:last-child {
    display: block;
    font-family: 'Days', sans-serif !important;
    font-size: 20px;
    border: 2px solid #126446;
    text-decoration: none;
    background: linear-gradient(90deg, #126446, #22b06e, #126446);
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: shimmer 3s linear infinite;
    padding: 15px;
    margin: 10px;
    border-radius: 12px;
    text-align: center;
    }
    
    .breadcrumbs > *:last-child::before {
    font-size: 20px;
    color: #126446 !important;
    content: "Назад к: ";
}
}
