
        .pr-editorial-block { background-color: #f8fafc; border-left: 5px solid #475569; padding: 20px; border-radius: 4px; margin-bottom: 30px; }
        .pr-editorial-badge { background-color: #64748b; color: #ffffff; font-size: 12px; font-weight: bold; padding: 2px 8px; border-radius: 4px; display: inline-block; margin-bottom: 10px; text-transform: uppercase; }
        .pr-h1 { font-size: 30px; color: #1e3a8a; margin-bottom: 20px; font-weight: bold; line-height: 1.3; }
        .pr-h2 { font-size: 24px; color: #1e40af; margin-top: 35px; margin-bottom: 15px; font-weight: bold; border-bottom: 2px solid #e2e8f0; padding-bottom: 8px; }
        .pr-p { margin-bottom: 22px; text-align: justify; }
        .pr-media-placeholder { background-color: #edf2f7; border: 2px dashed #cbd5e0; border-radius: 8px; padding: 20px; text-align: center; margin: 25px 0; }
        .pr-media-placeholder img { max-width: 100%; height: auto; border-radius: 4px; }
        .pr-ingredients-card { background-color: #ffffff; border: 1px solid #e2e8f0; border-radius: 8px; padding: 25px; margin: 25px 0; box-shadow: 0 4px 6px rgba(0,0,0,0.02); }
        .pr-quiz-container { background-color: #ffffff; border: 2px solid #1e3a8a; border-radius: 12px; padding: 35px 25px; margin: 40px 0; box-shadow: 0 10px 25px rgba(0,0,0,0.05); }
        .pr-quiz-option { background-color: #f8fafc;gap: 10px; border: 1px solid #e2e8f0; border-radius: 6px; padding: 14px 18px; cursor: pointer; display: flex; align-items: center; margin-bottom: 12px; transition: background-color 0.2s; }
        .pr-quiz-option:hover { background-color: #f1f5f9; }
        .pr-quiz-radio { margin-right: 12px; transform: scale(1.2); }
        .pr-spinner { width: 40px; height: 40px; border: 4px solid #f3f3f3; border-top: 4px solid #1e3a8a; border-radius: 50%; animation: pr-spin 1s linear infinite; margin: 0 auto 15px; }
        @keyframes pr-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
        .pr-order-form { background-color: #ffffff; border: 2px solid #1e3a8a; border-radius: 12px; padding: 35px 25px; margin: 40px 0; box-shadow: 0 10px 25px rgba(0,0,0,0.05); }


        

        .pr-comments-title { font-size: 22px; color: #1e3a8a; border-bottom: 2px solid #64748b; padding-bottom: 10px; margin-bottom: 30px; font-weight: bold; }
        .pr-comments-list { display: flex; flex-direction: column; gap: 25px; height: auto; }
        .pr-comment-item { background: #ffffff; border: 1px solid #e2e8f0; border-radius: 8px; padding: 20px; box-shadow: 0 2px 5px rgba(0,0,0,0.02); display: block; }
        .pr-comment-header { display: flex; align-items: center; gap: 12px; margin-bottom: 10px; }
        .pr-comment-avatar { width: 40px; height: 40px; border-radius: 50%; text-align: center; line-height: 40px; font-weight: bold; color: #1e3a8a; background-color: #f0f4f8; flex-shrink: 0; }
        .pr-comment-author { font-weight: bold; color: #1e293b; font-size: 16px; }
        .pr-comment-date { font-size: 12px; color: #94a3b8; display: block; margin-top: 2px; }
        .pr-comment-text { font-size: 16px; color: #334155; margin: 0; line-height: 1.6; text-align: justify; }
        .pr-comment-negative { background-color: #fff5f5; border-color: #fed7d7; }
        .pr-comment-negative .pr-comment-avatar { background-color: #ffeeeb; color: #ef4444; }
        .pr-comment-item>img{
            max-width: 350px;
            margin: 10px 0 0 auto;
            display: flex;
            justify-content: end;
            width: 100%;
        }


        body,
        html{
            scroll-behavior: smooth;
        }


        .cpu{
padding: 10px 0;
text-align: center;
margin: 0 auto;
}
.cpu img{
display:block;
margin: 0 auto;
width: auto;
}
.cpu a{
display: inline-block;
margin: 5px;
color: #ffffff !important;
font-size: 14px;
}


@media (max-width: 991px) {
    /* Если аккордеон открыт, прячем плюс и показываем минус */
    .title_block.active .plus_sign {
        display: none !important;
    }
    .title_block.active .minus_sign {
        display: block !important;
    }
    /* Делаем заголовок кликабельным визуально */
    .title_block {
        cursor: pointer;
    }
    #footer-bottom{
        padding-bottom: 50px !important;
    }
}