/* ============================================
   MOBILE & TABLET STYLES (max-width: 1279px)
   ============================================ */

@media screen and (max-width: 1279px) {
    
   /* ===== 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;
   }
    
    
    
    /* ===== FAQ SECTION ===== */
    #faq {
        padding: 0.75rem 0 !important;
    }
    
    #faq h2 {
        font-size: 1.5rem !important;
        line-height: 1.3 !important;
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }
    
    .faq-item {
        border-radius: 1.25rem !important;
        margin-bottom: 0.75rem;
    }
    
    .faq-question {
        padding: 1rem 1.25rem !important;
    }
    
    .faq-question span {
        font-size: 0.9375rem !important;
        line-height: 1.3 !important;
        padding-right: 1rem;
    }
    
    .faq-icon {
        width: 32px !important;
        height: 32px !important;
        min-width: 32px;
    }
    
    .faq-icon svg {
        width: 16px !important;
        height: 16px !important;
    }
    
    .faq-answer {
        padding: 0 1.25rem 1rem 1.25rem !important;
    }
    
    .faq-answer p {
        font-size: 1rem !important;
        line-height: 1.5 !important;
    }
    
    /* Активное состояние FAQ */
    .faq-item.active .faq-icon svg {
        transform: rotate(180deg);
    }
    
    .faq-item.active {
        box-shadow: 0 4px 20px rgba(227, 6, 19, 0.1);
    }
    
    #faq .text-center p {
        font-size: 1rem !important;
        margin-bottom: 1rem;
    }
    
    #faq button {
        width: 100%;
        padding: 0.875rem;
        font-size: 0.8125rem;
    }
    
    
    
    /* ===== HEADER ===== */
    header {
        position: fixed !important;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1000;
       background-color: rgba(255, 255, 255, 0.55); /* Semi-transparent background */
       backdrop-filter: blur(12px); /* Blurs whatever is behind this element */
        backdrop-filter: blur(12px);
        padding: 0.5rem 0;
        border-bottom: 1px solid rgba(0,0,0,0.05);
    }

    body {
        padding-top: 70px;
    }

    /* ===== ЕДИНАЯ ШИРИНА КОНТЕЙНЕРОВ КАК В HERO ===== */
    .max-w-\[1366px\] {
        max-width: 100% !important;
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
        box-sizing: border-box;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }

    /* Дополнительное выравнивание для всех секций */
    section .max-w-\[1366px\],
    footer .max-w-\[1366px\] {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
    }

    /* Сброс отступов для вложенных контейнеров */
    .max-w-\[1366px\] .max-w-\[1366px\] {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .logo {
        width: 140px;
        height: 40px;
    }

    header .flex.items-start.gap-6 > .flex.flex-col.mt-3,
    header button.bg-brand-black {
        display: none !important;
    }

    .mobile-header-actions {
        display: flex !important;
        align-items: center;
        gap: 0.5rem;
    }

    .mobile-btn {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        border: none;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        font-size: 1.25rem;
        font-weight: bold;
    }

    .mobile-btn-question {
        background: #111;
        color: white;
    }

    .mobile-btn-tg {
        background: #E30613;
        color: white;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm4.64 6.8c-.15 1.58-.8 5.42-1.13 7.19-.14.75-.42 1-.68 1.03-.58.05-1.02-.38-1.58-.75-.88-.58-1.38-.94-2.23-1.5-.99-.65-.35-1.01.22-1.59.15-.15 2.71-2.48 2.76-2.69.01-.03.01-.14-.07-.2-.08-.06-.19-.04-.27-.02-.12.02-1.96 1.25-5.54 3.68-.52.36-1 .53-1.42.52-.47-.01-1.37-.26-2.03-.48-.82-.27-1.47-.42-1.42-.88.03-.24.37-.49 1.02-.74 4-1.74 6.68-2.89 8.03-3.46 3.82-1.62 4.62-1.9 5.13-1.91.11 0 .37.03.53.17.14.12.18.28.2.45-.01.06-.01.24-.02.38z'/%3E%3C/svg%3E");
        background-size: 60%;
        background-repeat: no-repeat;
        background-position: center;
        text-indent: -9999px;
    }

    .mobile-menu-toggle {
        display: flex !important;
        flex-direction: column;
        gap: 4px;
        padding: 8px;
        background: none;
        border: none;
        cursor: pointer;
        z-index: 1001;
        width: 40px;
        height: 40px;
        align-items: center;
        justify-content: center;
    }

    .mobile-menu-toggle span {
        width: 22px;
        height: 2px;
        background: #111;
        transition: 0.3s;
    }

    .mobile-menu {
        display: none;
        position: fixed;
        top: 60px;
        left: 0;
        right: 0;
        background: rgba(255, 255, 255, 0.98);
        backdrop-filter: blur(12px);
        padding: 1.5rem;
        box-shadow: 0 4px 20px rgba(0,0,0,0.1);
        z-index: 999;
        flex-direction: column;
        gap: 1rem;
        border-bottom: 1px solid #eee;
    }

    .mobile-menu.active {
        display: flex;
    }

    .mobile-menu a {
        font-family: 'PaluiSPDemo', sans-serif;
        font-size: 1.25rem;
   
        color: #111;
        padding: 0.75rem 0;
        border-bottom: 1px solid #f0f0f0;
        font-weight: bold;
        text-decoration: none;
    }

    /* ===== HERO ===== */
    #hero {
        padding: 0.75rem 0;
    }

    /* УВЕЛИЧЕННАЯ СТРЕЛКА В HERO +20% (230px -> 276px) */
    .pl_arrow {
        position: relative;
        width: 100%;
        height: 264px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .pl_arrow::after {
        content: "";
        position: absolute;
        width: 276px;
        height: 276px;
        background: url("../images/1.png") center/contain no-repeat;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        display: block !important;
        z-index: 1;
    }

    .pl_arrow_after,
    .pl_arrow_before {
        display: none !important;
    }

    #hero h1 {
        font-size: 2rem !important;
        line-height: 1.3 !important;
        text-align: center;
        word-break: break-word;
        margin-top: 1.5rem !important;
    }

    #hero .text-hero-sub {
        font-size: 1rem;
        line-height: 1.3;
        text-align: center;
        margin-bottom: 1rem;
    }

    #hero button {
        width: auto;
        min-width: 180px;
        padding: 0.75rem 1.5rem;
        font-size: 0.8125rem;
        margin: 0 auto;
        display: block;
    }

    /* ===== VALUE PROP ===== */
    .grid.grid-cols-1.lg\:grid-cols-12 {
        display: flex;
        flex-direction: column;
        gap: 1.5rem;
    }

    /* ===== ОТСТУПЫ СВЕРХУ ДЛЯ ЗАГОЛОВКОВ ===== */
    h2 {
        margin-top: 1.5rem !important;
    }

    .lg\:col-span-7 h2 {
        font-size: 1.5rem !important;
        line-height: 1.3 !important;
        margin-top: 1.5rem !important;
    }

    /* ЕДИНЫЙ РАЗМЕР БЛОЧНОГО ТЕКСТА */
    .lg\:col-span-7 .space-y-4 p {
        font-size: 1rem;
        line-height: 1.5;
    }

    /* УВЕЛИЧЕННЫЕ МОНЕТЫ +20% (200px -> 240px) */
    .lg\:col-span-5 .bg-brand-red {
        border-radius: 1.25rem;
        padding: 1.25rem;
    }

    .pl_monets {
        min-height: 240px;
        position: relative;
        margin-bottom: 0.75rem;
    }

    .pl_monets::after {
        content: "";
        display: block !important;
        position: absolute;
        width: 100%;
        height: 240px;
        background: url("../images/2.png") center/contain no-repeat;
        top: 0;
        left: 0;
        z-index: 1;
    }

    .pl_monets::before {
        display: none !important;
    }

    /* ВЫРАВНИВАНИЕ ТЕКСТА ПО ЛЕВОМУ КРАЮ в блоке "Экономим ваши токены" */
    .lg\:col-span-5 .bg-brand-red {
        text-align: left !important;
    }

    .lg\:col-span-5 h3 {
        font-size: 1.25rem !important;
        line-height: 1.3 !important;
        margin-bottom: 0.75rem;
        text-align: left !important;
        margin-top: 1rem !important;
    }

    .lg\:col-span-5 p {
        font-size: 1rem;
        margin-bottom: 0.75rem;
        text-align: left !important;
    }

    .lg\:col-span-5 .a_borderred {
        text-align: left !important;
        display: inline-block;
    }

    /* ===== PROCESS ===== */
    #process h2 {
        font-size: 1.5rem !important;
        line-height: 1.3 !important;
        margin-bottom: 1.5rem;
        margin-top: 1.5rem !important;
    }

    #process .grid.grid-cols-1.md\:grid-cols-3 {
        display: flex;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        gap: 0.75rem;
        padding-bottom: 1rem;
        margin-bottom: 1.5rem;
        scrollbar-width: none;
    }

    #process .grid.grid-cols-1.md\:grid-cols-3::-webkit-scrollbar {
        display: none;
    }

    #process .grid.grid-cols-1.md\:grid-cols-3 > .group {
        flex: 0 0 85%;
        scroll-snap-align: start;
        background: #fff;
        border-radius: 1.25rem;
        padding: 1.25rem;
    }

    .pl_of_1, .pl_of_2, .pl_of_3 {
        height: 140px;
        margin-bottom: 0.75rem;
    }

    .group h3 {
        font-size: 1.125rem !important;
        line-height: 1.3 !important;
        margin-bottom: 0.5rem;
        margin-top: 1rem !important;
    }

    /* ЕДИНЫЙ РАЗМЕР БЛОЧНОГО ТЕКСТА */
    .group p {
        font-size: 1rem;
        line-height: 1.4;
    }

    .process-slider-dots {
        display: flex;
        justify-content: center;
        gap: 0.5rem;
        margin-bottom: 1.5rem;
    }

    .process-dot {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #ddd;
        transition: 0.3s;
    }

    .process-dot.active {
        background: #E30613;
        width: 24px;
        border-radius: 4px;
    }

    /* ===== PUBLICATION - УВЕЛИЧЕННАЯ КАРТИНКА +20% (172px -> 206px) ===== */
    .bg-brand-red.rounded-\[2rem\].p-8.lg\:p-12 {
        border-radius: 1.25rem;
        padding: 1.25rem !important;
        flex-direction: column;
        gap: 1rem;
    }

    .pl_of_4 {
        display: none !important;
    }

    /* Исключаем блок Journal из этого правила */
    section:not(#journal) .bg-brand-red.rounded-\[2rem\].p-8.lg\:p-12::before {
        content: "";
        display: block;
        width: 206px;
        height: 206px;
        background: url("../images/6.png") center/contain no-repeat;
        margin: 0 auto 0.75rem;
    }

    .bg-brand-red h3 {
        font-size: 1.25rem !important;
        line-height: 1.3 !important;
        text-align: center;
        margin-top: 1rem !important;
    }

    /* ЕДИНЫЙ РАЗМЕР БЛОЧНОГО ТЕКСТА */
    .bg-brand-red p {
        font-size: 1rem;
        text-align: center;
        padding: 0 0.25rem;
    }

    .bg-brand-red .flex.flex-col.gap-3 {
        width: 100%;
        padding: 0 0.25rem;
    }

    .bg-brand-red button {
        width: 100%;
        padding: 0.75rem;
        font-size: 0.8125rem;
        white-space: normal;
    }

    .wsnw {
        white-space: normal !important;
    }

    center .small {
        font-size: 0.95rem;
    }

    /* ===== RESULTS - ЗАГОЛОВОК С ОТСТУПОМ ===== */
    section.bg-white:nth-of-type(4) h2 {
        font-size: 1.5rem !important;
        line-height: 1.3 !important;
        margin-bottom: 1.5rem;
        margin-top: 1.5rem !important;
    }

    .lg\:w-2\/4.flex.flex-col.justify-center.relative.z-10,
    .hidden.lg\:flex.flex-col.justify-center.absolute {
        display: none !important;
    }

    .mobile-results-tabs {
        display: flex;
        overflow-x: auto;
        gap: 0.5rem;
        padding-bottom: 0.75rem;
        margin-bottom: 1rem;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .mobile-results-tabs::-webkit-scrollbar {
        display: none;
    }

    .mobile-tab {
        flex-shrink: 0;
        padding: 0.625rem 1rem;
        background: #f5f5f5;
        border-radius: 2rem;
        font-family: 'PaluiSPDemo', sans-serif;
        font-size: 0.75rem;
   
        cursor: pointer;
        white-space: nowrap;
        transition: all 0.3s;
        border: 2px solid transparent;
    }

    .mobile-tab.active {
        background: #E30613;
        color: white;
        border-color: #E30613;
    }

    /* ===== СВАЙПЕР ДЛЯ РЕЗУЛЬТАТОВ ===== */
    .lg\:w-2\/3.space-y-8.lg\:space-y-12 {
        width: 100%;
        padding-top: 0;
        min-height: auto;
        display: flex;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        gap: 1rem;
    }

    .lg\:w-2\/3.space-y-8.lg\:space-y-12::-webkit-scrollbar {
        display: none;
    }

    .result-content {
        display: none;
        flex: 0 0 100%;
        scroll-snap-align: start;
        text-align: center;
        position: relative;
        padding: 50px 1.25rem 1.25rem;
        background: #fff;
        border-radius: 1.25rem;
        margin-bottom: 0.75rem;
        min-width: 100%;
    }
    
    /* ЕДИНЫЙ РАЗМЕР БЛОЧНОГО ТЕКСТА */
    .result-content p {
        margin-top: 20px;
        font-size: 1rem;
    }   

    .result-content.block {
        display: block !important;
    }

    .result-content.hidden {
        display: none !important;
    }

    .result-content::before {
        content: "";
        position: absolute;
        top: 0.75rem;
        left: 50%;
        transform: translateX(-50%);
        width: 40px;
        height: 40px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }

    #result-content-0::before { background-image: url("/assets/images/ic1.png"); }
    #result-content-1::before { background-image: url("/assets/images/ic2.png"); }
    #result-content-2::before { background-image: url("/assets/images/ic3.png"); }
    #result-content-3::before { background-image: url("/assets/images/ic4.png"); }
    #result-content-4::before { background-image: url("/assets/images/ic6.png"); }

    .text-result-desc {
        font-size: 1rem !important;
        line-height: 1.4 !important;
    }

    .results-slider-dots {
        display: flex;
        justify-content: center;
        gap: 0.5rem;
        margin-top: 0.75rem;
    }

    .results-dot {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #ddd;
        transition: 0.3s;
        cursor: pointer;
    }

    .results-dot.active {
        background: #E30613;
        width: 24px;
        border-radius: 4px;
    }

    /* ===== PRICING ===== */
    #pricing h2 {
        font-size: 1.5rem !important;
        line-height: 1.3 !important;
        margin-top: 1.5rem !important;
    }

    /* ЕДИНЫЙ РАЗМЕР БЛОЧНОГО ТЕКСТА */
    #pricing > div > p {
        font-size: 1rem;
        padding: 0 0.5rem;
    }

    #pricing .grid.grid-cols-1.md\:grid-cols-3.gap-8 {
        display: flex;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        gap: 0.75rem;
        padding: 0.75rem 0.25rem 1.5rem;
        scrollbar-width: none;
    }

    #pricing .grid.grid-cols-1.md\:grid-cols-3.gap-8::-webkit-scrollbar {
        display: none;
    }

    .pricing-card {
        flex: 0 0 85%;
        scroll-snap-align: center;
        margin-top: 0 !important;
        border-radius: 1.25rem;
        padding: 1.25rem;
        border: 1px solid #efefef;
    }

    .pricing-card:nth-child(1) { order: 0; }
    .pricing-card:nth-child(2) { order: 1; }
    .pricing-card:nth-child(3) { order: 2; }

    .pricing-card h3 {
        font-size: 1.25rem !important;
        line-height: 1.3 !important;
        margin-bottom: 0.25rem;
        margin-top: 1rem !important;
    }

    /* ===== ВОССТАНОВЛЕНЫ РАЗМЕРЫ ЦЕН ===== */
    .pricing-card .text-5xl {
        font-size: 2rem !important;
    }

    .pricing-card .text-2xl {
        font-size: 1.25rem !important;
    }

    /* ЕДИНЫЙ РАЗМЕР БЛОЧНОГО ТЕКСТА В ПРАЙСЕ - исключая цены */
    .pricing-card p:not(.text-5xl):not(.text-2xl),
    .pricing-card .text-base,
    .pricing-card .text-sm,
    .pricing-card li {
        font-size: 1rem !important;
    }

    .pricing-card button {
        padding: 0.75rem;
        font-size: 0.8125rem;
    }

    .pricing-card .space-y-4 {
        margin-bottom: 1.5rem;
    }

    .pricing-card .space-y-4 > div {
        margin-bottom: 0.5rem;
    }

    .pricing-card .border-t {
        padding-top: 1rem;
    }

    .pricing-slider-dots {
        display: flex;
        justify-content: center;
        gap: 0.5rem;
        margin-bottom: 1.5rem;
    }

    .pricing-dot {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #ddd;
        transition: 0.3s;
    }

    .pricing-dot.active {
        background: #E30613;
        width: 24px;
        border-radius: 4px;
    }

    /* ===== ВКЛЮЧЕНО НА ВСЕХ ТАРИФАХ - line-height: 1.3 ===== */
    #included-phrase {
        font-size: 1rem;
        margin-top: 1.5rem !important;
        line-height: 1.3 !important;
    }

    /* ЕДИНЫЙ РАЗМЕР БЛОЧНОГО ТЕКСТА */
    .flex.flex-wrap.justify-center.gap-3 {
        gap: 0.375rem;
    }

    .flex.flex-wrap.justify-center.gap-3 span {
        padding: 0.375rem 0.75rem;
        font-size: 0.6875rem;
    }

    /* ===== JOURNAL - ИСПРАВЛЕННАЯ КАРТИНКА 7.PNG +20% ===== */
    #journal .relative.gald {
        position: relative;
    }

    .gald::before {
        display: none !important;
    }

    #journal .bg-brand-red.rounded-\[2rem\].p-8.lg\:p-12::before,
    #journal .bg-brand-red.rounded-\[2rem\].p-8.lg\:p-12::after {
        display: none !important;
        content: none !important;
        background: none !important;
    }

    /* УВЕЛИЧЕНА НА 20% (161px -> 193px) */
    .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;
    }

    .journal-mobile-image img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    #journal .bg-brand-red {
        border-radius: 1.25rem;
        padding: 1.25rem;
        margin-bottom: 1.5rem;
        position: relative;
    }

    #journal .bg-brand-red h2 {
        font-size: 1.25rem !important;
        line-height: 1.3 !important;
        text-align: center;
        margin-top: 1rem !important;
    }

    #journal .flex.items-center.gap-4 {
        flex-direction: column;
        align-items: center;
        gap: 0.75rem;
    }

    /* ЕДИНЫЙ РАЗМЕР БЛОЧНОГО ТЕКСТА */
    #journal .flex.items-center.gap-4 p {
        font-size: 1rem;
    }

    #journal button {
        width: 100%;
        padding: 0.75rem;
        font-size: 0.8125rem;
    }

    #journal .grid.grid-cols-1.md\:grid-cols-3.gap-8 {
        display: flex;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        gap: 0.75rem;
        padding-bottom: 1rem;
        scrollbar-width: none;
    }

    #journal .grid.grid-cols-1.md\:grid-cols-3.gap-8::-webkit-scrollbar {
        display: none;
    }

    #journal article {
        flex: 0 0 85%;
        scroll-snap-align: start;
        border-radius: 1.25rem;
    }

    article .h-56 {
        height: 140px;
    }

    article .p-8 {
        padding: 0.875rem !important;
    }

    article h3 {
        font-size: 0.9375rem !important;
        line-height: 1.3 !important;
        margin-bottom: 0.375rem;
        margin-top: 1rem !important;
    }

    /* ЕДИНЫЙ РАЗМЕР БЛОЧНОГО ТЕКСТА */
    article p {
        font-size: 1rem;
        margin-bottom: 0.75rem;
        line-height: 1.3;
    }

    article button {
        padding: 0.5rem 0.875rem;
        font-size: 0.6875rem;
    }

    /* ИНДИКАТОРЫ СТАТЕЙ */
    .articles-slider-dots {
        display: flex !important;
        justify-content: center;
        gap: 0.5rem;
        margin-top: 0.75rem;
        margin-bottom: 1rem;
    }

    .articles-dot {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #ddd;
        transition: 0.3s;
    }

    .articles-dot.active {
        background: #E30613;
        width: 24px;
        border-radius: 4px;
    }

    /* ===== FOOTER CTA ===== */
    .flex.flex-col.lg\:flex-row.items-center.gap-12.lg\:gap-20 {
        flex-direction: column;
        gap: 1.5rem;
    }

    .lg\:w-1\/3.flex.justify-center {
        order: -1;
    }

    .lg\:w-1\/3 img {
        width: 160px;
        height: 160px;
    }

    .lg\:w-2\/3 {
        text-align: center;
    }

    .lg\:w-2\/3 h2 {
        font-size: 1.5rem !important;
        line-height: 1.3 !important;
        margin-bottom: 0.75rem;
        margin-top: 1.5rem !important;
    }

    /* ЕДИНЫЙ РАЗМЕР БЛОЧНОГО ТЕКСТА */
    .lg\:w-2\/3 p {
        font-size: 1rem;
        margin-bottom: 1rem;
    }

    .lg\:w-2\/3 button {
        width: 100%;
        padding: 0.875rem;
        font-size: 0.875rem;
    }

    /* ===== BOTTOM BAR ===== */
    footer {
        padding: 1.25rem 0;
    }

    footer .flex.flex-col.md\:flex-row {
        flex-direction: column;
        gap: 1rem;
    }

    footer .flex-grow {
        order: -1;
    }

    /* ===== МЫ ИСПОЛЬЗУЕМ ВАШИ КУКИ - line-height: 1.3 ===== */
    footer h4.font-display {
        font-size: 1rem !important;
        line-height: 1.3 !important;
        margin-bottom: 0.75rem;
        margin-top: 1rem !important;
    }

    /* ЕДИНЫЙ РАЗМЕР БЛОЧНОГО ТЕКСТА */
    footer .flex.flex-wrap {
        gap: 0.75rem;
        font-size: 0.6875rem;
    }

    footer .flex.flex-wrap a {
        font-size: 0.6875rem;
    }

    /* ===== UTILITY ===== */
    .text-hero-sub, .text-result-desc {
        font-size: 1rem;
        line-height: 1.4;
    }

    html, body {
        overflow-x: hidden;
        max-width: 100vw;
    }

    p {
        max-width: 100%;
    }

    /* ===== МЕНЬШЕ РАССТОЯНИЕ МЕЖДУ БЛОКАМИ ===== */
    section {
        padding-top: 0.75rem !important;
        padding-bottom: 0.75rem !important;
    }

    #hero {
        padding: 0.5rem 0 !important;
    }

    .py-12 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .lg\:py-16, .lg\:py-20 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .mb-12, .lg\:mb-16 {
        margin-bottom: 1rem !important;
    }

    .gap-12, .lg\:gap-16, .lg\:gap-20 {
        gap: 1rem !important;
    }
}

/* ============================================
   SMALL MOBILE (max-width: 375px)
   ============================================ */

@media screen and (max-width: 375px) {
    
    
    /* ===== FAQ SMALL MOBILE ===== */
    #faq h2 {
        font-size: 1.25rem !important;
    }
    
    .faq-question span {
        font-size: 0.875rem !important;
    }
    
    .faq-icon {
        width: 28px !important;
        height: 28px !important;
        min-width: 28px;
    }
    
    body {
        padding-top: 60px;
    }

    /* ===== ЕДИНАЯ ШИРИНА КОНТЕЙНЕРОВ ДЛЯ МАЛЕНЬКИХ ЭКРАНОВ ===== */
    .max-w-\[1366px\] {
        padding-left: 0.375rem !important;
        padding-right: 0.375rem !important;
    }

    section .max-w-\[1366px\],
    footer .max-w-\[1366px\] {
        padding-left: 0.375rem !important;
        padding-right: 0.375rem !important;
    }

    .logo {
        width: 120px;
        height: 34px;
    }

    .mobile-btn {
        width: 36px;
        height: 36px;
        font-size: 1rem;
    }

    #hero h1 {
        font-size: 1.75rem !important;
        line-height: 1.3 !important;
        margin-top: 1rem !important;
    }

    .lg\:col-span-7 h2,
    #process h2,
    #pricing h2,
    section.bg-white:nth-of-type(4) h2,
    .lg\:w-2\/3 h2 {
        font-size: 1.25rem !important;
        line-height: 1.3 !important;
        margin-top: 1rem !important;
    }

    /* ===== МЫ ИСПОЛЬЗУЕМ ВАШИ КУКИ и ВКЛЮЧЕНО НА ВСЕХ ТАРИФАХ - line-height: 1.3 ===== */
    footer h4.font-display {
        font-size: 0.875rem !important;
        line-height: 1.3 !important;
        margin-top: 1rem !important;
    }

    #included-phrase {
        font-size: 0.875rem;
        line-height: 1.3 !important;
        margin-top: 1rem !important;
    }

    /* -20% для маленьких экранов */
    .journal-mobile-image {
        width: 155px;
        height: 78px;
    }

    section:not(#journal) .bg-brand-red.rounded-\[2rem\].p-8.lg\:p-12::before {
        width: 165px;
        height: 165px;
    }

    .pl_arrow {
        height: 211px;
    }

    .pl_arrow::after {
        width: 221px;
        height: 221px;
    }

    .pl_monets {
        min-height: 192px;
    }

    .pl_monets::after {
        height: 192px;
    }

    .pricing-card,
    #process .grid.grid-cols-1.md\:grid-cols-3 > .group,
    #journal article {
        flex: 0 0 88%;
    }

    .group h3,
    .bg-brand-red h3,
    .pricing-card h3,
    article h3,
    #journal .bg-brand-red h2 {
        line-height: 1.3 !important;
    }
}

/* ============================================
   DESKTOP (min-width: 1280px)
   ============================================
   
   ВАЖНО: На десктопе возвращаем оригинальные отступы
   ============================================ */

@media screen and (min-width: 1280px) {
    
    .mobile-menu-toggle,
    .mobile-menu,
    .mobile-results-tabs,
    .process-slider-dots,
    .pricing-slider-dots,
    .articles-slider-dots,
    .results-slider-dots,
    .journal-mobile-image,
    .mobile-header-actions {
        display: none !important;
    }

    /* ===== ДЕСКТОПНОЕ МЕНЮ ПРИВЯЗАНО К ВЕРХУ ===== */
    header {
        position: fixed !important;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1000;
    }

    body {
        padding-top: 80px;
    }

    /* ===== ВОЗВРАТ ОРИГИНАЛЬНЫХ ОТСТУПОВ НА ДЕСКТОПЕ ===== */
    .max-w-\[1366px\] {
        max-width: 1366px !important;
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
        margin-left: auto;
        margin-right: auto;
    }

    header .flex.items-start.gap-6 > .flex.flex-col.mt-3 {
        display: flex !important;
    }

    header button.bg-brand-black {
        display: block !important;
    }

    .pl_arrow_after,
    .pl_arrow_before {
        display: block !important;
    }

    .pl_arrow::after {
        display: none !important;
    }

    .lg\:w-2\/4.flex.flex-col.justify-center.relative.z-10,
    .hidden.lg\:flex.flex-col.justify-center.absolute {
        display: flex !important;
    }

    /* ===== ДЕСКТОПНЫЕ СТИЛИ ДЛЯ РЕЗУЛЬТАТОВ ===== */
    .lg\:w-2\/3.space-y-8.lg\:space-y-12 {
        display: block !important;
        overflow-x: visible;
    }

    .result-content {
        display: block !important;
        flex: none;
        min-width: auto;
        scroll-snap-align: none;
        padding: 0;
        background: none;
        border-radius: 0;
        text-align: left;
    }

    .result-content::before {
        display: none !important;
    }

    .result-content.hidden {
        display: none !important;
    }

    .gald::before {
        display: block !important;
    }

    #process .grid.grid-cols-1.md\:grid-cols-3,
    #pricing .grid.grid-cols-1.md\:grid-cols-3.gap-8,
    #journal .grid.grid-cols-1.md\:grid-cols-3.gap-8 {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr);
        overflow-x: visible;
    }

    .pricing-card {
        flex: none !important;
    }

    .flex.flex-col.lg\:flex-row.items-center.gap-12.lg\:gap-20 {
        flex-direction: row;
    }

    .lg\:w-1\/3.flex.justify-center {
        order: 0;
    }

    article .p-8 {
        padding: 2rem !important;
    }
    
    #journal .bg-brand-red.rounded-\[2rem\].p-8.lg\:p-12::before,
    #journal .bg-brand-red.rounded-\[2rem\].p-8.lg\:p-12::after {
        display: block !important;
    }
}



/* ===== NEWSLETTER POPUP MOBILE ===== */
#newsletter-popup {
    position: fixed !important;
    top: auto !important;
    bottom: 20px !important;
    left: 0.5rem !important;
    right: 0.5rem !important;
    transform: none !important;
    width: auto !important;
    max-width: none !important;
    padding: 1.5rem !important;
    border-radius: 1.5rem !important;
    z-index: 50 !important;
}

#newsletter-popup .font-display {
    font-size: 1.5rem !important;
}

#newsletter-popup p {
    font-size: 0.9375rem !important;
}

#newsletter-form input {
    padding: 1rem 1.25rem !important;
    font-size: 1rem !important;
}

#newsletter-form button {
    padding: 1rem !important;
    font-size: 0.875rem !important;
}

#newsletter-popup .absolute.-top-10,
#newsletter-popup .absolute.-bottom-10 {
    width: 100px !important;
    height: 100px !important;
}

/* Кнопка закрытия на мобильных */
#close-newsletter {
    top: 0.75rem !important;
    right: 0.75rem !important;
    width: 36px !important;
    height: 36px !important;
}

/* Оверлей на мобильных */
#newsletter-overlay {
    background: rgba(255,255,255,0.5);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    z-index: 49;
}



/* ===== CONTACT POPUP MOBILE ===== */
#contact-popup {
    position: fixed !important;
    top: auto !important;
    bottom: 20px !important;
    left: 0.5rem !important;
    right: 0.5rem !important;
    transform: none !important;
    width: auto !important;
    max-width: none !important;
    padding: 1.5rem !important;
    border-radius: 1.5rem !important;
    z-index: 50 !important;
    max-height: 90vh;
    overflow-y: auto;
}

#contact-popup .font-display {
    font-size: 1.5rem !important;
}

#contact-popup p {
    font-size: 0.9375rem !important;
}

#contact-form input,
#contact-form textarea {
    padding: 1rem 1.25rem !important;
    font-size: 1rem !important;
}

#contact-form textarea {
    border-radius: 1rem !important;
    min-height: 100px !important;
}

#contact-form button {
    padding: 1rem !important;
    font-size: 0.875rem !important;
}

#contact-popup .absolute.-top-10,
#contact-popup .absolute.-bottom-10 {
    width: 100px !important;
    height: 100px !important;
}

/* Кнопка закрытия на мобильных */
#close-contact {
    top: 0.75rem !important;
    right: 0.75rem !important;
    width: 36px !important;
    height: 36px !important;
}

/* Оверлей на мобильных */
#contact-overlay {
    background: rgba(255,255,255,0.5);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    z-index: 49;
}


/* ===== JOURNAL SECTION ON HOMEPAGE (новая лента) ===== */
#journal .grid {
    display: grid;
}

@media screen and (max-width: 1279px) {
    #journal .grid {
        display: flex;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        gap: 0.75rem;
        padding-bottom: 1rem;
        scrollbar-width: none;
    }
    
    #journal .grid::-webkit-scrollbar {
        display: none;
    }
    
    #journal article {
        flex: 0 0 85%;
        scroll-snap-align: start;
        min-width: 85%;
    }
    
    #journal article.md\:col-span-2 {
        flex: 0 0 90%;
        min-width: 90%;
    }
    
    /* Для featured статьи на мобильном — вертикальный layout */
    #journal article.md\:col-span-2 > div {
        flex-direction: column;
    }
    
    #journal article.md\:col-span-2 .lg\:w-1\/2 {
        width: 100%;
        height: 180px;
    }
    
    #journal article.md\:col-span-2 .lg\:w-1\/2:last-child {
        padding: 1.25rem;
    }
    
    #journal article.md\:col-span-2 h3 {
        font-size: 1.125rem;
    }
    
    /* Индикаторы для ленты журнала */
    .journal-slider-dots {
        display: flex !important;
        justify-content: center;
        gap: 0.5rem;
        margin-top: 0.75rem;
    }

    .journal-dot {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #ddd;
        transition: 0.3s;
    }

    .journal-dot.active {
        background: #E30613;
        width: 24px;
        border-radius: 4px;
    }
}

@media screen and (min-width: 1280px) {
    .journal-slider-dots {
        display: none !important;
    }
}