html, body
{
        overflow-x: hidden;
}
   
   
   .global_red_link
   {
        border-bottom: 1px solid #ffb5b5;   
   }
   
   .global_red_link:hover
      {
           border-bottom: 1px solid transparent;   
      }
   
   
   
    @font-face {
                font-family: 'PaluiSPDemo';
                src: url('WadikSP-Bold.otf') format('opentype');
                font-weight: bold;
                font-style: normal;
                font-display: swap;
            }
    
            body {
                font-family: 'Roboto', sans-serif;
                font-size: 1.125rem;
                background-color: #ffffff;
                color: #111111;
                -webkit-font-smoothing: antialiased;
                line-height: 1.6;
               
    
            }
            
            h1, h2, h3, h4, h5, h6, .font-display {
                font-family: 'PaluiSPDemo', sans-serif;
                font-weight: bold; 
     
            }
    

    
    
    
            .special
            {
                font-family: 'PaluiSPDemo', sans-serif;
                font-weight: bold; 
            
       
            }
            
            .fade-list-item { transition: opacity 0.3s ease, color 0.3s ease; cursor: pointer; }
            .fade-list-item.active { opacity: 1; color: #E30613; }
            .fade-list-item:not(.active) { opacity: 0.2; color: #111111; }
            .fade-list-item:not(.active):hover { opacity: 0.5; }
            
            header {
                position: sticky;
                top: 0;
                z-index: 100;
    
              background-color: rgba(255, 255, 255, 0.55); /* Semi-transparent background */
                backdrop-filter: blur(12px); /* Blurs whatever is behind this element */
            }
            
            a { text-decoration: none; }
            
            .pl_of_1
            {
                    width: 100%;
                    height: 64px;
                 background: url("../images/3.png");
                   background-size: contain;
                   background-repeat: no-repeat;
            }
            
            
            .pl_of_2
            {
                    width: 100%;
                    height: 64px;
                 background: url("../images/4.png");
                   background-size: contain;
                   background-repeat: no-repeat;
            }
            
            .pl_of_3
            {
                    width: 100%;
                    height: 64px;
                 background: url("../images/5.png");
                   background-size: contain;
                   background-repeat: no-repeat;
            }
            
            
            .pl_of_4::after
            {
                  position: absolute;
                      content: "";
                     width: 350px;
                      height: 350px;
                      background: url("../images/6.png");
                      background-size: contain;
                      background-repeat: no-repeat;
            z-index: 1;
            top: -170px;
            left: -100px;
            
            
            }
            
            .wsnw
            {
             white-space: nowrap!important;       
            }
            
            .small
            {
                    font-size: 0.95rem;
            }
            
            .a_borderred
            {
                    border-bottom: 1px solid rgba(255,255,255,0.6);
            }
            .a_borderred:hover
            {
                    border-bottom: 1px solid rgba(255,255,255,0.0);
            }
    
            .text-hero-sub {
                font-size: 2.5rem;
                line-height: 2.7rem;
                font-weight: 400;
                font-family: 'Roboto', sans-serif;
            }
            
            .text-result-desc
            {
                 font-size: 1.5rem;
                 line-height: 1.7rem;
                 font-weight: 400;
                 font-family: 'Roboto', sans-serif;   
            }
            
            
            .lh1
            {
                    line-height: 1.5rem!important;
            }
            
            .pricing-card {
       
            }
            
            .pricing-card:hover {
    
            }
            
            .pricing-card.featured {
    
            }
            
            .pricing-card.featured:hover {
    
            }
            
            .pricing-text {
                font-family: 'Roboto', sans-serif !important;
            }
            
            .check-icon {
                flex-shrink: 0;
                width: 20px;
                height: 20px;
                background: linear-gradient(135deg, #E30613 0%, #ff1f32 100%);
                border-radius: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
            }
            
            .check-icon-w {
                flex-shrink: 0;
                width: 20px;
                height: 20px;
                background: white;
                border-radius: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
                color:  #E30613;
            }
            
            .check-icon svg {
                width: 12px;
                height: 12px;
                stroke: white;
            }
            
            .price-tag {
                background: linear-gradient(135deg, #111111 0%, #333333 100%);
            }
            
            .feature-list li {
                position: relative;
                padding-left: 1.5rem;
            }
            
            .feature-list li::before {
                content: '';
                position: absolute;
                left: 0;
                top: 50%;
                transform: translateY(-50%);
                width: 8px;
                height: 8px;
                background: #E30613;
                border-radius: 50%;
            }
    
            /* Стили для движущейся фигуры (Font Awesome) */
            .moving-shape {
                position: fixed;
                width: 300px;
                height: 300px;
                z-index: 0;
                pointer-events: none;
                //filter: drop-shadow(0 8px 12px rgba(0,0,0,0.15));
                will-change: transform, left, top;
                transition: opacity 0.3s ease;
                display: flex;
                align-items: center;
                justify-content: center;
                //opacity: 0.7; /* полупрозрачность */
                color: rgba(230,230,230,0.6); /* серый цвет */
                font-size: 400px; /* размер иконки */
            }
            .moving-shape i {
                transition: opacity 0.3s ease;
            }
            .moving-shape.hidden {
                opacity: 0;
            }
    
    
    .logo
    {
        width: 220px;
            height: 60px;
            background: url("../images/logo.png");
            background-size: contain;
            background-repeat: no-repeat;
            
    }
    
    
    .logo2
        {
            width: 220px;
                height: 60px;
                background: url("../images/logo2.png");
                background-size: contain;
                background-repeat: no-repeat;
                
        }
        
        
     .logo-w
     {
        width: 220px;
        height: 60px;
        background: url("../images/logow.png");
        background-size: contain;
        background-repeat: no-repeat;
     }   
    
    
    
    .pl_monets
    {
      position: relative;
      width: 100%;
      min-height: 330px;  
      
    }
    
    .pl_monets::after
    {
          position: absolute;
              content: "";
             width: 100%;
              height: 400px;
              background: url("../images/2.png");
              background-size: contain;
              background-repeat: no-repeat;
    z-index: 1;
    
    
    }
    
    
    
    
    .pl_monets::before
    {
          position: absolute;
              content: "";
             width: 100%;
              height: 400px;
              background: url("../images/2.png");
              background-size: contain;
              background-repeat: no-repeat;
    z-index: 0;
              filter: brightness(0) saturate(100%);
              opacity: 0.3;
              top: 20px;
    
    }
    
    
    
    
    .pl_arrow
    {
            position: relative;
            width: 100%;
            min-height: 200px;
           
       
    
    }
    
    
    
    
    
    .pl_arrow_after {
        position: absolute;
        content: "";
        width: 500px;
        height: 500px;
        background: url("../images/1.png");
        background-size: contain;
        background-repeat: no-repeat;
        top: -140px;
        left: 25%;
        overflow: visible; 
    
    
      
    }
    
    .pl_arrow_before {
        position: absolute;
        content: "";
        width: 500px;
        height: 500px;
        background: url("../images/1.png");
        background-size: contain;
        background-repeat: no-repeat;
        top: -130px;
        left: 30%;
        filter: brightness(0) saturate(100%);
        opacity: 0.3;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
       
        /* overflow наследуется от родителя, т.е. hidden */
     
    }
    
    
    .starf
    {
    
    background: rgba(255,255,255,0.1);
    
    }
    
    
    .starf:before
    {
         position: absolute;
             content: "";
             width: 500px;
             height: 500px;
             background: url("../images/6.png");
             background-size: contain;
             background-repeat: no-repeat;
             top: 0px;
             z-index: 0;
    
    
    
       
    }
    
    .pl-abst5
    {
    
    }
    
    .pricing-card
    {
            border: 1px solid #efefef;
    }
    
    
    .gald
    {
            
    }
    
    
    .gald:before
    {
         position: absolute;
             content: "";
             width: 700px;
             height: 350px;
             background: url("../images/7.png");
             background-size: contain;
             background-repeat: no-repeat;
             top: -20px;
             z-index: 1;
             right:-20px;
             
    
    
    
       
    }
    
    
    
    /* ===== FAQ DESKTOP ===== */
        #faq h2 {
            font-size: 3rem !important;
            line-height: 1 !important;
        }
    
        .faq-question {
            padding: 1.5rem 2rem !important;
        }
    
        .faq-question span {
            font-size: 1.25rem !important;
        }
    
        .faq-icon {
            width: 40px !important;
            height: 40px !important;
        }
    
        .faq-answer {
            padding: 0 2rem 1.5rem 2rem !important;
        }
    
        .faq-item:hover {
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
        }
        
        
        /* ===== ИСПРАВЛЕННЫЙ ЭФФЕКТ ДЛЯ КАРТОЧЕК ТАРИФОВ ===== */
        .spotlight-card {
            position: relative;
            overflow: hidden;
            transform: translateZ(0);
            /* Убираем стандартный ::before, используем отдельный элемент */
        }
        
        /* Контейнер для эффекта внутри карточки */
        .spotlight-effect {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: radial-gradient(
                600px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),
                rgba(227, 6, 19, 0.15),
                transparent 40%
            );
            opacity: 0;
            transition: opacity 0.3s;
            pointer-events: none;
            z-index: 0;
            border-radius: inherit;
        }
        
        .spotlight-card:hover .spotlight-effect {
            opacity: 1;
        }
        
        /* Для черной карточки Энтерпрайз - оранжевая подсветка */
        .spotlight-card-red .spotlight-effect {
            background: radial-gradient(
                600px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),
                rgba(69, 0, 0, 0.7),
                transparent 70%
            );
        }
        
        /* Контент карточки поверх эффекта */
        .spotlight-card > *:not(.spotlight-effect) {
            position: relative;
            z-index: 1;
        }
        
        /* Отключаем эффект на мобильных устройствах */
        @media (hover: none) {
            .spotlight-hover::before,
            .spotlight-btn::before,
            .spotlight-effect {
                display: none !important;
            }
        }
        
        
        /* ===== OVERLAY С РАЗМЫТИЕМ ===== */
        .popup-overlay {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(255,255,255,0.4);
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
            z-index: 40;
            opacity: 0;
            visibility: hidden;
            transition: all 0.3s ease;
        }
        
        .popup-overlay.active {
            opacity: 1;
            visibility: visible;
        }
        
        /* ===== POPUP MOBILE СО СТРЕЛКАМИ ===== */
            #feature-popup {
                position: fixed !important;
                top: auto !important;
                bottom: 80px !important;
                left: 50% !important;
                right: auto !important;
                transform: translateX(-50%) !important;
                width: calc(100% - 2rem) !important;
                max-width: 400px !important;
                border-radius: 1.25rem !important;
                padding: 1.5rem !important;
                background: #000 !important;
            }
            
            .popup-content-wrapper {
                display: flex;
                flex-direction: column;
                gap: 1rem;
            }
            
            /* GIF как фон div */
            .popup-gif {
                width: 150px !important;
                height: 150px !important;
   
             
            }
            
            .popup-text-content h5 {
                font-size: 1.125rem !important;
                line-height: 1.3 !important;
                margin-bottom: 0.5rem !important;
            }
            
            .popup-text-content p {
                font-size: 1rem !important;
                line-height: 1.5 !important;
            }
            
            /* Стрелки навигации */
            #popup-prev,
            #popup-next {
                width: 36px !important;
                height: 36px !important;
            }
            
            #popup-prev {
                left: 0.5rem !important;
            }
            
            #popup-next {
                right: 0.5rem !important;
            }
            
            #close-popup {
                top: 0.75rem !important;
                right: 0.75rem !important;
                width: 32px !important;
                height: 32px !important;
            }
            
            /* Индикаторы слайдов */
            .popup-dots {
                margin-top: 1rem !important;
            }
            
            .popup-dot {
                width: 6px !important;
                height: 6px !important;
            }
            
            .popup-dot.active {
                background: #E30613 !important;
                transform: scale(1.3);
            }
            
            /* Overlay с размытием mobile */
            .popup-overlay {
                position: fixed;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background: rgba(255,255,255,0.4);
                backdrop-filter: blur(12px);
                -webkit-backdrop-filter: blur(12px);
                z-index: 40;
                opacity: 0;
                visibility: hidden;
                transition: all 0.3s ease;
            }
            
            .popup-overlay.active {
                opacity: 1;
                visibility: visible;
            }
            
            
            /* ===== LIGHT POPUP SYSTEM ===== */
            .popup-overlay-light {
                position: fixed;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background: rgba(255, 255, 255, 0.6);
                backdrop-filter: blur(12px);
                -webkit-backdrop-filter: blur(12px);
                z-index: 1000;
                opacity: 0;
                visibility: hidden;
                transition: all 0.3s ease;
            }
            
            .popup-overlay-light.active {
                opacity: 1;
                visibility: visible;
            }
            
            .popup-light {
                position: fixed;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%) scale(0.95);
                background: #ffffff;
                border-radius: 2rem;
                max-width: 600px;
                width: calc(100% - 2rem);
                max-height: 90vh;
                z-index: 1001;
                opacity: 0;
                visibility: hidden;
                transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
                box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.15);
                border: 1px solid rgba(0, 0, 0, 0.08);
                display: flex;
                flex-direction: column;
                overflow: hidden;
            }
            
            .popup-light.active {
                opacity: 1;
                visibility: visible;
                transform: translate(-50%, -50%) scale(1);
            }
            
            /* Фиксированная шапка */
            .popup-light-header-fixed {
                flex-shrink: 0;
                padding: 2.5rem 2.5rem 1.5rem;
                position: relative;
                background: #ffffff;
                z-index: 10;
            }
            
            .popup-light-close {
                position: absolute;
                top: 1.25rem;
                right: 1.25rem;
                width: 40px;
                height: 40px;
                border-radius: 50%;
                background: #f5f5f5;
                border: none;
                cursor: pointer;
                display: flex;
                align-items: center;
                justify-content: center;
                transition: all 0.2s ease;
                color: #333;
                z-index: 11;
            }
            
            .popup-light-close:hover {
                background: #E30613;
                color: white;
                transform: rotate(90deg);
            }
            
            .popup-light-close svg {
                width: 20px;
                height: 20px;
            }
            
            .popup-light-title {
                font-family: 'PaluiSPDemo', sans-serif;
                font-size: 1.75rem;
                font-weight: bold;
              
                color: #111111;
                line-height: 1.2;
                letter-spacing: 0.02em;
                padding-right: 3rem;
                margin: 0;
            }
            
            .popup-light-title span {
                color: #E30613;
            }
            
            /* Скроллируемая область контента */
            .popup-light-scrollable {
                flex: 1;
                overflow-y: auto;
                padding: 0 2.5rem 2.5rem;
                
                /* Кастомный скролл */
                scrollbar-width: thin;
                scrollbar-color: #E30613 #f5f5f5;
            }
            
            /* Webkit скроллбар (Chrome, Safari, Edge) */
            .popup-light-scrollable::-webkit-scrollbar {
                width: 6px;
            }
            
            .popup-light-scrollable::-webkit-scrollbar-track {
                background: #f5f5f5;
                border-radius: 3px;
            }
            
            .popup-light-scrollable::-webkit-scrollbar-thumb {
                background: #E30613;
                border-radius: 3px;
                transition: background 0.2s ease;
            }
            
            .popup-light-scrollable::-webkit-scrollbar-thumb:hover {
                background: #c00510;
            }
            
            .popup-light-content {
                color: #333333;
                font-size: 1.125rem;
                line-height: 1.6;
            }
            
            .popup-light-content p {
                margin-bottom: 1rem;
            }
            
            .popup-light-content p:last-child {
                margin-bottom: 0;
            }
            
            /* Фиксированный футер */
            .popup-light-footer-fixed {
                flex-shrink: 0;
                padding: 1rem;
         
                background: #ffffff;
                display: flex;
                gap: 1rem;
                flex-wrap: wrap;
            }
            
            .popup-light-btn {
                padding: 0.3rem 1.75rem;
                border-radius: 2rem;
                font-family: 'Roboto', sans-serif;
                font-weight: 700;
                font-size: 1rem;
              
                letter-spacing: 0.05em;
                cursor: pointer;
                transition: all 0.2s ease;
                border: 2px solid transparent;
            }
            
            .popup-light-btn-primary {
                background: #E30613;
                color: white;
                border-color: #E30613;
            }
            
            .popup-light-btn-primary:hover {
                background: #c00510;
                border-color: #c00510;
                transform: translateY(-2px);
                box-shadow: 0 10px 20px rgba(227, 6, 19, 0.2);
            }
            
            .popup-light-btn-secondary {
                background: transparent;
                color: #111111;
                border-color: #111111;
            }
            
            .popup-light-btn-secondary:hover {
                background: #111111;
                color: white;
            }
            
            /* Анимация появления контента */
            .popup-light.active .popup-light-scrollable {
                animation: popupContentFade 0.4s ease 0.1s both;
            }
            
            @keyframes popupContentFade {
                from {
                    opacity: 0;
                    transform: translateY(10px);
                }
                to {
                    opacity: 1;
                    transform: translateY(0);
                }
            }
            
            /* ===== MOBILE ADAPTATIONS ===== */
            @media screen and (max-width: 1279px) {
                .popup-light {
                    border-radius: 1.5rem;
                    width: calc(100% - 1rem);
                    max-height: 85vh;
                }
                
                .popup-light-header-fixed {
                    padding: 1.5rem 1.5rem 1rem;
                }
                
                .popup-light-scrollable {
                    padding: 0 1.5rem 1.5rem;
                    scrollbar-width: 4px;
                    scrollbar-color: #E30613 transparent;
                }
                
                .popup-light-scrollable::-webkit-scrollbar {
                    width: 4px;
                }
                
                .popup-light-scrollable::-webkit-scrollbar-track {
                    background: transparent;
                }
                
                .popup-light-footer-fixed {
                    padding: 1rem;
                    flex-direction: column;
                }
                
                .popup-light-close {
                    top: 1rem;
                    right: 1rem;
                    width: 36px;
                    height: 36px;
                }
                
                .popup-light-close svg {
                    width: 18px;
                    height: 18px;
                }
                
                .popup-light-title {
                    font-size: 1.25rem;
                    padding-right: 2.5rem;
                    margin-bottom: 1rem;
                }
                
                .popup-light-content {
                    font-size: 1rem;
                    line-height: 1.5;
                }
                
                .popup-light-btn {
                    width: 100%;
                    text-align: center;
                }
            }
            
            @media screen and (max-width: 375px) {
                .popup-light-header-fixed {
                    padding: 1.25rem 1.25rem 0.875rem;
                }
                
                .popup-light-scrollable {
                    padding: 0 1.25rem 1.25rem;
                }
                
                .popup-light-footer-fixed {
                    padding: 1rem 1.25rem 1.25rem;
                }
                
                .popup-light-title {
                    font-size: 1.125rem;
                }
                
                .popup-light-content {
                    font-size: 0.9375rem;
                }
            }
            
            
            
            
            /* ===== NEWSLETTER POPUP ===== */
            #newsletter-popup {
                position: fixed;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                background: linear-gradient(145deg, #111111 0%, #1a1a1a 100%);
                border: 1px solid rgba(255,255,255,0.1);
            }
            
            #newsletter-popup.hidden {
                display: none !important;
            }
            
            #newsletter-form input:focus {
                box-shadow: 0 0 0 3px rgba(227, 6, 19, 0.2);
            }
            
            #newsletter-form input:valid {
                border-color: rgba(227, 6, 19, 0.5);
            }
            
            #newsletter-form input:valid ~ div #email-indicator {
                opacity: 1;
            }
            
            /* Анимация появления */
            #newsletter-popup:not(.hidden) {
                animation: popupAppear 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
            }
            
            @keyframes popupAppear {
                0% {
                    opacity: 0;
                    transform: translate(-50%, -50%) scale(0.9) translateY(20px);
                }
                100% {
                    opacity: 1;
                    transform: translate(-50%, -50%) scale(1) translateY(0);
                }
            }
            
            /* Успешная отправка */
            #newsletter-success.show {
                display: flex !important;
                animation: successAppear 0.5s ease;
            }
            
            @keyframes successAppear {
                0% {
                    opacity: 0;
                    transform: scale(0.9);
                }
                50% {
                    transform: scale(1.05);
                }
                100% {
                    opacity: 1;
                    transform: scale(1);
                }
            }
            
            /* ===== ОВЕРЛЕЙ ДЛЯ NEWSLETTER (размытие как в инфоблоках) ===== */
            #newsletter-overlay {
                position: fixed;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background: rgba(255,255,255,0.4);
                backdrop-filter: blur(12px);
                -webkit-backdrop-filter: blur(12px);
                z-index: 49; /* На 1 ниже попапа (z-50) */
                opacity: 0;
                visibility: hidden;
                transition: all 0.3s ease;
            }
            
            #newsletter-overlay.active {
                opacity: 1;
                visibility: visible;
            }
            
            /* Кнопка закрытия - фикс для кликабельности */
            #close-newsletter {
                cursor: pointer;
                pointer-events: auto;
                z-index: 30;
            }
            
            #close-newsletter:hover {
                background: rgba(255,255,255,0.2);
            }
            
            #close-newsletter:active {
                transform: scale(0.95);
            }
            
            
            /* ===== CONTACT POPUP ===== */
            #contact-popup {
                position: fixed;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                background: linear-gradient(145deg, #111111 0%, #1a1a1a 100%);
                border: 1px solid rgba(255,255,255,0.1);
            }
            
            #contact-popup.hidden {
                display: none !important;
            }
            
            #contact-form input:focus,
            #contact-form textarea:focus {
                box-shadow: 0 0 0 3px rgba(227, 6, 19, 0.2);
            }
            
            #contact-form input:valid {
                border-color: rgba(227, 6, 19, 0.3);
            }
            
            #contact-form input:valid ~ div #contact-email-indicator {
                opacity: 1;
            }
            
            #contact-form textarea {
                min-height: 120px;
                font-family: 'Roboto', sans-serif;
                line-height: 1.5;
            }
            
            /* Анимация появления */
            #contact-popup:not(.hidden) {
                animation: popupAppear 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
            }
            
            /* Успешная отправка */
            #contact-success.show {
                display: flex !important;
                animation: successAppear 0.5s ease;
            }
            
            /* Оверлей для контактной формы */
            #contact-overlay {
                position: fixed;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background: rgba(255,255,255,0.4);
                backdrop-filter: blur(12px);
                -webkit-backdrop-filter: blur(12px);
                z-index: 49;
                opacity: 0;
                visibility: hidden;
                transition: all 0.3s ease;
            }
            
            #contact-overlay.active {
                opacity: 1;
                visibility: visible;
            }
            
            /* Кнопка закрытия */
            #close-contact {
                cursor: pointer;
                pointer-events: auto;
                z-index: 30;
            }
            
            #close-contact:hover {
                background: rgba(255,255,255,0.2);
            }
            
            #close-contact:active {
                transform: scale(0.95);
            }
            
            /* Счетчик символов */
            #message-counter {
                transition: color 0.3s;
            }
            
            #message-counter.warning {
                color: #E30613;
            }
            
            /* Для страницы журнала — отключаем стандартное поведение gald::before внутри hero */
            #journal-header.gald::before {
                display: block !important;
                top: -20px;
                right: -20px;
                width: 700px;
                height: 350px;
            }
            
            /* На мобильных убираем как на главной */
            @media screen and (max-width: 1279px) {
                #journal-header .gald::before {
                    display: none !important;
                }
                
                #journal-header .journal-mobile-image {
                    display: block !important;
                    width: 193px;
                    height: 97px;
                    margin: 0 auto 0.75rem;
                    background: url("../images/7.png") center/contain no-repeat;
                    position: relative;
                    z-index: 10;
                }
            }
            
            
            /* ===== ПРОГРЕСС ЧТЕНИЯ ===== */
            .reading-progress {
                position: fixed;
                top: 0;
                left: 0;
                width: 0%;
                height: 3px;
                background-color: #E30613;
                z-index: 9999;
                transition: width 0.1s ease;
            }