﻿
.section-header {
    text-align: center;
    margin-bottom: 40px;
}

.section-intro {
    font-size: 1rem;
    color: var(--text-medium);
    background-color: var(--primary-light);
    padding: 20px;
    border-radius: 8px;
}

.category-content {
    margin-bottom: 30px;
}

    .category-content h3 {
        font-size: 1.4rem;
        color: var(--accent-blue);
        margin-bottom: 15px;
        border-bottom: 2px solid var(--accent-orange);
        padding-bottom: 8px;
    }

.category-row {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.category-column {
    flex: 1;
    min-width: 200px;
}

    .category-column h4 {
        font-size: 1.2rem;
        color: var(--text-dark);
        margin: 15px 0 10px;
        display: flex;
        align-items: center;
    }

.category-icon {
    margin-right: 10px;
    color: var(--accent-orange);
    font-size: 1.4rem;
}

.category-list {
    list-style-type: disc;
    padding-left: 20px;
    margin-bottom: 20px;
}

    .category-list li {
        font-size: 1rem;
        color: var(--text-medium);
        margin-bottom: 10px;
    }

.payment-benefits {
    background-color: var(--primary-light);
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 30px;
}

    .payment-benefits h3 {
        font-size: 1.1rem;
        color: var(--primary-dark);
        margin-bottom: 15px;
    }

.benefit-list {
    list-style-type: none;
    padding: 0;
}

    .benefit-list li {
        font-size: 1rem;
        color: var(--text-dark);
        margin-bottom: 10px;
        position: relative;
        padding-left: 25px;
    }

        .benefit-list li:before {
            content: "✔";
            color: var(--accent-orange);
            position: absolute;
            left: 0;
            font-weight: bold;
        }

.call-to-action {
    text-align: center;
    margin-bottom: 40px;
}

    .call-to-action h3 {
        font-size: 1.2rem;
        color: var(--primary-dark);
        margin-bottom: 15px;
    }

    .call-to-action p {
        font-size: 1.1rem;
        color: var(--text-medium);
        margin-bottom: 15px;
    }

        .call-to-action p strong {
            color: var(--accent-orange);
        }

.cta-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: var(--accent-orange);
    color: var(--text-white);
    text-decoration: none;
    font-size: 1rem;
    border-radius: 8px;
    transition: background-color 0.3s;
}

    .cta-button:hover {
        background-color: var(--accent-blue);
    }

.mobile-section,
.appliances-section {
    margin-bottom: 60px;
}

@media (max-width: 600px) {
    .container-fluid {
        padding: 20px 15px;
    }

    .text-title {
        font-size: 2rem;
    }

    .section-intro {
        font-size: 1rem;
    }

    .category-content h3,
    .payment-benefits h3,
    .call-to-action h3 {
        font-size: 1.5rem;
    }

    .category-column h4 {
        font-size: 1.2rem;
    }

    .category-row {
        flex-direction: column;
    }

    .category-icon {
        font-size: 1.2rem;
    }

    .cta-button {
        padding: 12px 25px;
        font-size: 1rem;
    }
}
