/* =========================
   COMMON
========================= */

.btn {
    transition: 0.3s ease;
}

.btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 24px var(--primary-shadow);
}

.btn-primary {
    background: linear-gradient(135deg, var(--primary), var(--secondary));
    border: none;
}

.btn-outline-primary {
    color: var(--primary);
    border-color: var(--primary);
}

.btn-outline-primary:hover {
    background: var(--primary);
    border-color: var(--primary);
    color: var(--white);
}

.section-heading h2 {
    font-weight: 800;
    font-size: 34px;
}

.section-heading p {
    color: var(--muted);
    font-size: 17px;
}

/* =====================================================
   RESPONSIVE SHARED SECTION HEADINGS
   Moved from legacy global style.css.
===================================================== */

@media (max-width: 768px) {
    .section-heading h2 {
        font-size: 30px;
        line-height: 1.2;
    }

    .section-heading p {
        font-size: 16px;
        line-height: 1.6;
    }
}