.donates-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin-bottom:18px;
}

.donates-header h1{
    margin:0;
    color:var(--text-primary);
}

.donates-header p{
    color:var(--text-muted);
    margin-top:4px;
}

.donate-filters{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-bottom:18px;
}

.donate-filter{
    border:1px solid var(--border);
    background:var(--bg-card);
    color:var(--text-secondary);
    padding:8px 13px;
    border-radius:999px;
    cursor:pointer;
    font-weight:800;
}

.donate-filter.active{
    background:var(--accent);
    color:white;
    border-color:var(--accent);
}

.donates-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(320px,1fr));
    gap:18px;
}

.donate-card{
    position:relative;
    overflow:hidden;
    background:var(--bg-card);
    border:1px solid var(--border);
    border-radius:var(--radius-lg);
    transition:.2s;
}

.donate-card:hover{
    transform:translateY(-4px);
    border-color:var(--accent);
    box-shadow:var(--shadow-lg);
}

.donate-muted{
    filter:grayscale(1);
    opacity:.72;
}

.donate-preview-wrap{
    position:relative;
    aspect-ratio:16/9;
    background:#000;
}

.donate-preview{
    width:100%;
    height:100%;
    object-fit:cover;
}

.donate-status{
    position:absolute;
    right:10px;
    bottom:10px;
    padding:5px 9px;
    border-radius:999px;
    font-size:.75rem;
    font-weight:900;
    color:white;
    background:#22c55e;
}

.status-closed{
    background:#64748b!important;
}

.status-completed{
    background:#7c3aed!important;
}

.donate-pin-badge{
    position:absolute;
    top:10px;
    left:10px;
    z-index:5;
    background:rgba(0,0,0,.65);
    color:#facc15;
    padding:5px 9px;
    border-radius:999px;
    font-size:.75rem;
    font-weight:900;
}

.donate-proof-center{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    border:none;
    border-radius:999px;
    padding:10px 16px;
    background:rgba(124,58,237,.92);
    color:white;
    font-weight:900;
    cursor:pointer;
    box-shadow:0 0 24px rgba(124,58,237,.45);
}

.donate-body{
    padding:15px;
}

.donate-author{
    display:flex;
    align-items:center;
    gap:8px;
    color:var(--text-muted);
    font-size:.85rem;
    margin-bottom:10px;
}

.donate-body h3{
    margin-bottom:8px;
    color:var(--text-primary);
}

.donate-body p{
    color:var(--text-secondary);
}

.donate-actions{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:14px;
}

.donate-close-reason{
    margin-top:10px;
    padding:10px;
    border-radius:var(--radius-md);
    background:rgba(239,68,68,.12);
    color:#fecaca;
    font-size:.85rem;
}

.donate-detail-status{
    display:inline-flex;
    margin-bottom:12px;
    padding:6px 10px;
    border-radius:999px;
    color:white;
    font-weight:900;
    background:#22c55e;
}

.donate-detail-actions{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:18px;
}

.proofs-list{
    display:flex;
    flex-direction:column;
    gap:10px;
    margin-bottom:16px;
}

.proof-item{
    display:flex;
    align-items:center;
    gap:8px;
    padding:10px;
    border-radius:var(--radius-md);
    border:1px solid var(--border);
    color:var(--accent);
    text-decoration:none;
    background:var(--bg-secondary);
    font-weight:800;
}

.donates-empty{
    grid-column:1/-1;
    text-align:center;
    padding:50px 20px;
    color:var(--text-muted);
}

.donates-empty div{
    font-size:3rem;
    margin-bottom:12px;
}

@media(max-width:700px){
    .donates-header{
        flex-direction:column;
        align-items:stretch;
    }
}

.donate-participate-btn{
    position:relative;
    overflow:hidden;

    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;

    min-height:38px;
    padding:0 15px;

    border-radius:999px;
    border:none;

    background:linear-gradient(135deg,#22c55e,#16a34a,#84cc16);
    color:white;

    text-decoration:none;
    font-size:.82rem;
    font-weight:900;

    box-shadow:
        0 0 0 1px rgba(255,255,255,.12) inset,
        0 10px 24px rgba(34,197,94,.28);

    transition:.18s ease;
}

.donate-participate-btn::before{
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,.35),
        transparent
    );
    transform:translateX(-120%);
    transition:.45s ease;
}

.donate-participate-btn:hover{
    transform:translateY(-2px);
    box-shadow:
        0 0 0 1px rgba(255,255,255,.18) inset,
        0 14px 30px rgba(34,197,94,.35);
}

.donate-participate-btn:hover::before{
    transform:translateX(120%);
}

.donate-upload-preview{
    display:flex;
    flex-direction:column;
    gap:8px;
    margin-bottom:1rem;
    color:var(--text-muted);
}

.donate-preview-preview{
    width:100%;
    max-height:180px;
    object-fit:cover;
    border-radius:var(--radius-md);
    border:1px solid var(--border);
}

.hidden{
    display:none!important;
}

.donate-progress{
    margin-top:14px;
}

.donate-progress-top{
    display:flex;
    justify-content:space-between;
    gap:10px;
    font-size:.82rem;
    font-weight:800;
    color:var(--text-secondary);
    margin-bottom:7px;
}

.donate-progress-bar{
    height:10px;
    overflow:hidden;
    border-radius:999px;
    background:rgba(148,163,184,.18);
}

.donate-progress-bar div{
    height:100%;
    border-radius:999px;
    background:linear-gradient(135deg,#22c55e,#84cc16);
    box-shadow:0 0 14px rgba(34,197,94,.35);
}

.donate-progress-percent{
    margin-top:6px;
    font-size:.78rem;
    color:var(--text-muted);
}

/* =========================================================
   DONATES — INDUSTRIAL
   ========================================================= */

body.industrial-theme .donates-page,
body.industrial-theme #donatesPage {
    color: #1b1d1e;
}

body.industrial-theme .donates-header,
body.industrial-theme .donate-page-header {
    margin-bottom: 18px;
    padding: 13px 15px;

    background:
        linear-gradient(
            180deg,
            #1c1f22,
            #111315
        );

    border: 1px solid #3e4246;
    border-left: 5px solid var(--accent);

    box-shadow:
        4px 4px 0 rgba(0, 0, 0, 0.17);
}

body.industrial-theme .donates-header h2,
body.industrial-theme .donate-page-header h2 {
    color: #f0eee7;

    font-family: "Russo One", sans-serif;
    font-weight: 400;
    text-transform: uppercase;
}

body.industrial-theme .donates-grid,
body.industrial-theme .donate-grid {
    display: grid;

    grid-template-columns:
        repeat(auto-fill, minmax(330px, 1fr));

    gap: 15px;
}

body.industrial-theme .donate-card {
    color: #191b1c;
    background:
        linear-gradient(
            180deg,
            #e9e7e0,
            #d9d7d0
        );

    border: 1px solid #8f8e88;
    border-top: 4px solid #2a2d30;

    box-shadow:
        5px 5px 0 rgba(0, 0, 0, 0.15);

    overflow: hidden;

    transition:
        transform 0.14s ease,
        border-color 0.14s ease,
        box-shadow 0.14s ease;
}

body.industrial-theme .donate-card:hover {
    transform: translate(-2px, -2px);

    border-top-color: var(--accent);

    box-shadow:
        8px 8px 0 rgba(0, 0, 0, 0.19);
}

body.industrial-theme .donate-card img,
body.industrial-theme .donate-preview {
    filter:
        saturate(0.84)
        contrast(1.05);

    border-bottom: 2px solid #24272a;
}

body.industrial-theme .donate-card-title {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 900;
}

body.industrial-theme .donate-status {
    color: #fff;
    background: #292c2f;

    border-left: 4px solid var(--accent);

    font-family: "Roboto Condensed", sans-serif;
    font-weight: 900;
    text-transform: uppercase;
}

body.industrial-theme .donate-progress-bar {
    height: 10px;

    background: #b9b7b0;

    border: 1px solid #8e8d87;
}

body.industrial-theme .donate-progress-bar > div {
    background:
        repeating-linear-gradient(
            135deg,
            #d92f25 0 8px,
            #a81710 8px 15px
        );
}

body.industrial-theme .donate-participate-btn {
    color: #fff;
    background:
        linear-gradient(
            180deg,
            #dc342a,
            #b31811
        );

    border: 1px solid #ed4c42;
    border-left: 5px solid #79100b;

    font-family: "Roboto Condensed", sans-serif;
    font-weight: 900;
    letter-spacing: 0.05em;
    text-transform: uppercase;

    box-shadow:
        3px 3px 0 rgba(0, 0, 0, 0.25);
}

body.industrial-theme .donate-participate-btn:hover {
    transform: translate(-1px, -1px);

    box-shadow:
        5px 5px 0 rgba(0, 0, 0, 0.22);
}

body.industrial-theme .donate-card.is-closed,
body.industrial-theme .donate-card.is-completed {
    filter: grayscale(1);

    opacity: 0.76;
}

body.industrial-theme .donate-close-reason {
    padding: 8px 10px;

    color: #3b2a28;
    background: #d8c5c1;

    border: 1px solid #b9958e;
    border-left: 4px solid var(--accent);
}

/* =========================================================
   ОДИНАКОВАЯ ВЫСОТА КАРТОЧЕК ДОНАТОВ
   ========================================================= */

body.industrial-theme .donates-grid,
body.industrial-theme .donate-grid {
    align-items: stretch !important;
}

body.industrial-theme .donate-card {
    display: flex;
    flex-direction: column;

    height: 100%;
    min-height: 0;
}

/*
   Использованы оба варианта названия,
   поэтому сработает donate-card-body
   или donate-card-content.
*/
body.industrial-theme .donate-card-body,
body.industrial-theme .donate-card-content {
    display: flex;
    flex-direction: column;
    flex: 1;

    min-height: 0;
}

/* Название сбора — максимум две строки */
body.industrial-theme .donate-card-title {
    height: 2.55em;
    min-height: 2.55em;
    max-height: 2.55em;

    display: -webkit-box;
    overflow: hidden;

    line-height: 1.27;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

/* Короткое описание — максимум две строки */
body.industrial-theme .donate-card-description,
body.industrial-theme .donate-short-description {
    height: 3em;
    min-height: 3em;
    max-height: 3em;

    display: -webkit-box;
    overflow: hidden;

    line-height: 1.5;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

/* Одна фиксированная строка под теги */
body.industrial-theme .donate-tags {
    width: 100%;
    height: 26px;
    min-height: 26px;
    max-height: 26px;

    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 4px;

    overflow: hidden;
}

body.industrial-theme .donate-tags .tag {
    flex: 0 0 auto;

    max-width: 130px;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Кнопки доната всегда внизу */
body.industrial-theme .donate-actions {
    margin-top: auto;
    padding-top: 10px;
}

/* =========================================================
   DONATES — FINAL THEME FIXES
   ========================================================= */

/* Верхний блок страницы донатов */
body.industrial-theme #donatesPage .donates-header,
body.industrial-theme #donatesPage .donate-page-header,
body.industrial-theme #donatesPage .donates-page-header,
body.industrial-theme #donatesPage .donates-hero,
body.industrial-theme #donatesPage .donates-page-head {
    color: var(--i-text) !important;
    background: var(--i-surface) !important;

    border: 1px solid var(--i-border) !important;
    border-left: 5px solid var(--accent) !important;

    padding: 14px 16px;
}

/* БАГ 3 — слово "Донати" */
body.industrial-theme #donatesPage .donates-header h1,
body.industrial-theme #donatesPage .donates-header h2,
body.industrial-theme #donatesPage .donate-page-header h1,
body.industrial-theme #donatesPage .donate-page-header h2,
body.industrial-theme #donatesPage .donates-page-header h1,
body.industrial-theme #donatesPage .donates-page-header h2,
body.industrial-theme #donatesPage .donates-title,
body.industrial-theme #donatesPage .donate-title,
body.industrial-theme #donatesPage .page-title {
    color: var(--i-text) !important;

    margin: 0;

    font-family: "Russo One", sans-serif;
    font-weight: 400;
    text-transform: uppercase;
}

/* Подзаголовок */
body.industrial-theme #donatesPage .donates-header p,
body.industrial-theme #donatesPage .donate-page-header p,
body.industrial-theme #donatesPage .donates-page-header p,
body.industrial-theme #donatesPage .donates-subtitle,
body.industrial-theme #donatesPage .page-subtitle {
    color: var(--i-text-secondary) !important;

    margin-top: 5px;
}

/* =========================================================
   БАГ 4 — КНОПКА "ДОДАТИ ЗБІР"
   ========================================================= */

body.industrial-theme #addDonateBtn,
body.industrial-theme #openAddDonateBtn,
body.industrial-theme #openAddDonateModal,
body.industrial-theme .add-donate-btn,
body.industrial-theme .donate-add-btn {
    min-height: 40px;
    padding: 8px 18px !important;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    color: #ffffff !important;
    background:
        linear-gradient(
            180deg,
            #e33a30 0%,
            #b71912 100%
        ) !important;

    border: 1px solid #f04e44 !important;
    border-left: 5px solid #76100b !important;
    border-radius: 0 !important;

    font-family: "Roboto Condensed", sans-serif !important;
    font-size: 0.82rem !important;
    font-weight: 900 !important;
    letter-spacing: 0.055em;
    text-decoration: none !important;
    text-transform: uppercase;

    box-shadow:
        4px 4px 0 rgba(0, 0, 0, 0.28) !important;

    cursor: pointer;

    transition:
        transform 0.14s ease,
        background 0.14s ease,
        box-shadow 0.14s ease !important;
}

body.industrial-theme #addDonateBtn:hover,
body.industrial-theme #openAddDonateBtn:hover,
body.industrial-theme #openAddDonateModal:hover,
body.industrial-theme .add-donate-btn:hover,
body.industrial-theme .donate-add-btn:hover {
    color: #ffffff !important;
    background:
        linear-gradient(
            180deg,
            #f04a40 0%,
            #c61c14 100%
        ) !important;

    transform: translate(-1px, -1px) !important;

    box-shadow:
        6px 6px 0 rgba(0, 0, 0, 0.24) !important;
}

/* Карточки донатов под обе темы */
body.industrial-theme .donate-card {
    color: var(--i-text) !important;
    background: var(--i-card-bg) !important;

    border-color: var(--i-border) !important;
}

body.industrial-theme .donate-card-title {
    color: var(--i-text) !important;
}

body.industrial-theme .donate-card-description,
body.industrial-theme .donate-short-description,
body.industrial-theme .donate-author,
body.industrial-theme .donate-created-at {
    color: var(--i-text-secondary) !important;
}

body.industrial-theme .donate-progress-top,
body.industrial-theme .donate-progress-percent {
    color: var(--i-text-secondary) !important;
}

body.industrial-theme .donate-progress-bar {
    background: var(--i-surface-secondary) !important;

    border-color: var(--i-border) !important;
}

/* =========================================================
   DONATES HEADER — ACTION ONLY
   ========================================================= */

.donates-header.donates-header-actions-only,
body.industrial-theme #donatesPage .donates-header.donates-header-actions-only {
    min-height: 0;
    margin-bottom: 14px;
    padding: 0 !important;
    justify-content: flex-end;
    color: inherit !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

@media (max-width: 700px) {
    .donates-header.donates-header-actions-only {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .donates-header-actions-only #openAddDonateBtn {
        width: 100%;
    }
}