/* --- 10. SERVICES ARCHIVE SPECIFIC --- */
.services-archive-section {
    padding: 100px 0;
    background-color: #ffffff;
}

.page-header {
    margin-bottom: 60px;
    border-bottom: 2px solid #f0f0f0;
    padding-bottom: 20px;
}

/* Ensure the grid stays responsive and clean */
.services-archive-section .services-grid {
    margin-bottom: 0; /* Removing bottom margin to let the button handle spacing */
}

/* Ensure the Services Archive can use the full container width */
.post-type-archive-services #primary {
    width: 100%;
    max-width: 100%;
    float: none;
}

.post-type-archive-services .center-btn .button {
    margin-top: 60px;
    margin-bottom: 60px;
}

/* Force the grid to display even on archive pages */
.services-archive-section .services-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 30px;
}