body {
    background-color: #f7f9fc;
}

h1, h2, h3 {
    font-weight: 600;
    color: #34495e;
}

.bg-light {
    background-color: #e9edf2 !important;
}

.bg-white {
    background-color: #ffffff !important;
}

.shadow-sm {
    box-shadow: 0 4px 10px rgba(0,0,0,0.06);
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}

    .card:hover, .shadow-sm:hover {
        transform: translateY(-4px);
        box-shadow: 0 12px 24px rgba(0,0,0,0.1);
    }

.border-bottom {
    border-color: #d1d9e6 !important;
}

.rounded {
    border-radius: 12px !important;
}

.p-3 {
    padding: 1.25rem !important;
}

.mb-3 {
    margin-bottom: 1.2rem !important;
}

.category-title-red {
    color: #e74c3c; /* Daha açık kırmızı */
    position: relative;
    padding-bottom: 10px; /* Çizgiyle başlık arası boşluk */
    font-weight: 700;
    display: inline-block;
    width: 100%; /* Başlık bloğu genişliği */
}

    .category-title-red::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        height: 3px;
        width: 100%; /* Tam başlık genişliği kadar çizgi */
        background-color: #e74c3c;
        border-radius: 2px;
    }