@charset "utf-8";

/* ============================================================
   MAIN SECTION 4 — 후원 배너 섹션
   ============================================================ */

.donate-section {
    background-color: var(--primary);
    width: 100%;
}

.donate-inner {
    padding: 37px 0;
}

/* ===== 텍스트 ===== */
.donate-title {
    color: var(--white);
    margin-bottom: 15px;
}

.donate-desc {
    color: rgba(255, 255, 255, 0.85);
}

/* ===== 버튼 ===== */
.donate-btns {
    gap: 10px;
    flex-shrink: 0;
}

.btn-donate {
    display: inline-block;
    padding: 15px 65px;
    border-radius: 10px;
    transition: all var(--transition);
    cursor: pointer;
    white-space: nowrap;
    background: var(--white);
}


/* ============================================================
   TABLET  769px ~ 1024px
   ============================================================ */
@media screen and (min-width: 769px) and (max-width: 1024px) {
    .donate-inner {
        padding: 28px 0;
    }

    .btn-donate {
        padding: 12px 40px;
    }
}

/* ============================================================
   MOBILE  ~ 768px
   ============================================================ */
@media screen and (max-width: 768px) {
    .donate-inner {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
        padding: 24px 0;
    }

    .donate-btns {
        width: 100%;
    }

    .btn-donate {
        flex: 1;
        text-align: center;
        padding: 12px 0;
    }
}

/* ============================================================
   SMALL MOBILE  ~ 480px
   ============================================================ */
@media screen and (max-width: 480px) {
    .donate-inner {
        padding: 20px 0;
        gap: 16px;
    }

    .btn-donate {
        padding: 10px 0;
    }
}