.crea-wrap{box-sizing:border-box;line-height:1.6}
.crea-wrap *,.crea-wrap *::before,.crea-wrap *::after{box-sizing:border-box}
.crea-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;margin-bottom:32px}
.crea-card{border:1px solid #e0e0e0;border-radius:8px;padding:20px;background:#fff;transition:box-shadow .2s}
.crea-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.08)}
.crea-stars .crea-on { font-size: 15px; }
.crea-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}
.crea-ava{width:48px;height:48px;border-radius:50%;object-fit:cover;flex-shrink:0}
.crea-ava-ph{display:flex;align-items:center;justify-content:center;background:#e8e8e8;font-weight:700;font-size:1.2em}
.crea-meta{display:flex;flex-direction:column}
.crea-name{display:block}
.crea-pos{opacity:.7;font-size:.9em}
.crea-date{opacity:.5;font-size:.8em}
.crea-stars{margin-bottom:10px;letter-spacing:2px}
.crea-off{opacity:.25}
.crea-body p{margin:0 0 12px}
.crea-more{display:inline-block;text-decoration:none;font-weight:600;opacity:.8;transition:opacity .2s}
.crea-more:hover{opacity:1}
.crea-pag{display:flex;gap:6px;justify-content:center;margin:24px 0;flex-wrap:wrap}
.crea-pg{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 10px;border:1px solid #ddd;border-radius:4px;text-decoration:none;transition:background .2s}
.crea-pg:hover{background:#f5f5f5}
.crea-cur{font-weight:700}
.crea-form-box{max-width:600px;margin:40px auto 0;padding:24px;border:1px solid #e0e0e0;border-radius:8px}
.crea-form-title{margin:0 0 20px}
.crea-fld{margin-bottom:16px}
.crea-fld>label{display:block;margin-bottom:4px;font-weight:600}
.crea-fld input[type=text],.crea-fld textarea{width:100%;padding:8px 12px;border:1px solid #ccc;border-radius:4px;font:inherit}
.crea-fld textarea{resize:vertical}
.crea-hint{margin:4px 0 0;font-size:.85em;opacity:.6}
.crea-star-sel{display:inline-flex;gap:4px;cursor:pointer}
.crea-pick{font-size:25px;opacity:.3;transition:opacity .15s;user-select:none}
.crea-pick.crea-active{opacity:1}
.crea-priv label{display:flex;align-items:baseline;gap:8px;font-weight:400;cursor:pointer}
.crea-priv input[type=checkbox]{margin-top:3px;flex-shrink:0}
.crea-submit{display:inline-block;padding:10px 28px;border:none;border-radius:4px;cursor:pointer;font:inherit;font-weight:600;background:#333;color:#fff;transition:background .2s}
.crea-submit:hover{background:#555}
.crea-submit:disabled{opacity:.5;cursor:not-allowed}
.crea-msg{margin-bottom:12px;padding:0;border-radius:4px;font-weight:500}
.crea-msg.crea-ok{padding:10px 14px;background:#e8f5e9;color:#2e7d32}
.crea-msg.crea-err{padding:10px 14px;background:#fce4ec;color:#c62828}
.crea-empty{text-align:center;padding:40px 0;opacity:.6}
.crea-single{padding:24px 30px}
.crea-single .crea-ava{width:64px;height:64px}
.crea-single .crea-body p{white-space:pre-wrap}
.crea-snippets .crea-grid{margin-bottom:0}

/* ─ Переопределяем ограничения темы для нашего контейнера ─ */
.container.single-container {
    max-width: 100% !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* ── Режим сайдбара ── */
.crea-wall-layout {
    display: flex;
    gap: 30px;
    align-items: flex-start;
    width: 100%;
    max-width: 100%;
}
.crea-wall-main {
    flex: 0 0 75%;
    min-width: 0;
    max-width: 75%;
}

.crea-wall-sidebar {
    flex: 0 0 25%;
    max-width: 25%;
    position: sticky;
    top: 20px;
}
.crea-wall-sidebar .crea-form-box {
    margin: 0;
    max-width: 100%;
    width: 100%;
}

/* Адаптивность: на узких экранах сайдбар уходит вниз */
@media (max-width: 900px) {
    .crea-wall-layout {
        flex-direction: column;
    }
    .crea-wall-main,
    .crea-wall-sidebar {
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
    }
    .crea-wall-sidebar {
        position: static;
    }
}

/* ── Страница одного отзыва: отзыв слева, форма справа ── */
.crea-single-layout {
    display: flex;
    gap: 30px;
    align-items: flex-start;
    width: 100%;
    max-width: 100%;
}
.crea-single-main {
    flex: 2;
    min-width: 0;
    width: 66.666%;
}
.crea-single-sidebar {
    flex: 1;
    width: 33.333%;
    max-width: 400px;
    flex-shrink: 0;
    position: sticky;
    top: 20px;
}
.crea-single-sidebar .crea-form-box {
    margin: 0;
    width: 100%;
}

/* Карточка отзыва на всю ширину */
.crea-single .crea-card {
    max-width: 100%;
    width: 100%;
}

/* Адаптивность: на узких экранах форма уходит вниз */
@media (max-width: 900px) {
    .crea-single-layout {
        flex-direction: column;
    }
    .crea-single-main,
    .crea-single-sidebar {
        width: 100%;
        max-width: 100%;
    }
    .crea-single-sidebar {
        position: static;
    }
}

@media (max-width: 768px) {
    .crea-single {
        padding: 24px 15px;
    }
}

@media (max-width: 480px) {
    .crea-single {
        padding: 24px 10px;
    }
}

/* ═════════════════════════════════════════════════════════
   ФОРМА СНИЗУ: поля в две колонки, без ограничения ширины
   ══════════════════════════════════════════════════════════ */

/* Форма снизу — растягиваем на всю ширину, убираем max-width */
.crea-form-section .crea-form-box {
    max-width: 100%;
    margin: 40px 0 0 0;
}

/* Форма снизу — grid в 2 колонки */
.crea-form-section .crea-form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px 16px;
}

.crea-form-section .crea-form .crea-fld {
    margin-bottom: 0;
}

/* Имя - левая колонка */
.crea-form-section .crea-form .crea-fld:has(#crea_name) {
    grid-column: 1;
}

/* Должность - правая колонка */
.crea-form-section .crea-form .crea-fld:has(#crea_position) {
    grid-column: 2;
}

/* Текст отзыва - на всю ширину */
.crea-form-section .crea-form .crea-fld:has(#crea_text) {
    grid-column: 1 / -1;
}

/* Оценка - левая колонка */
.crea-form-section .crea-form .crea-fld:has(#creaStarsVal) {
    grid-column: 1;
}

/* Аватарка - правая колонка */
.crea-form-section .crea-form .crea-fld:has(#crea_avatar) {
    grid-column: 2;
}

/* Политика конфиденциальности - на всю ширину */
.crea-form-section .crea-form .crea-fld.crea-priv {
    grid-column: 1 / -1;
}

/* Сообщение - на всю ширину */
.crea-form-section .crea-form .crea-msg {
    grid-column: 1 / -1;
}

/* Кнопка - компактная, в левой колонке */
.crea-form-section .crea-form .crea-submit {
    grid-column: 1;
    justify-self: start;
}

/* ══════════════════════════════════════════════════════════
   ФОРМА В САЙДБАРЕ: поля в столбик (как было изначально)
   ══════════════════════════════════════════════════════════ */

/* Сайдбар — форма обычная, поля друг под другом */
.crea-wall-sidebar .crea-form,
.crea-single-sidebar .crea-form {
    display: block;
}

.crea-wall-sidebar .crea-form .crea-fld,
.crea-single-sidebar .crea-form .crea-fld {
    margin-bottom: 16px;
    grid-column: auto;
}

.crea-wall-sidebar .crea-form .crea-msg,
.crea-wall-sidebar .crea-form .crea-submit,
.crea-single-sidebar .crea-form .crea-msg,
.crea-single-sidebar .crea-form .crea-submit {
    grid-column: auto;
}

/* ══════════════════════════════════════════════════════════
   МОБИЛЬНАЯ ВЕРСИЯ: всё в одну колонку
   ══════════════════════════════════════════════════════════ */

@media (max-width: 900px) {
    /* Форма снизу — в одну колонку */
    .crea-form-section .crea-form {
        grid-template-columns: 1fr !important;
    }
    
    .crea-form-section .crea-form .crea-fld,
    .crea-form-section .crea-form .crea-msg {
        grid-column: 1 / -1 !important;
    }
    
    /* Кнопка остаётся компактной и на мобильном */
    .crea-form-section .crea-form .crea-submit {
        grid-column: 1 !important;
        justify-self: start !important;
    }
    
    /* Сетка отзывов в одну колонку — усиленный селектор */
    body .crea-wrap .crea-grid,
    body .crea-wrap .crea-wall-grid {
        grid-template-columns: 1fr !important;
    }
}