/* =========================================================================
   Service-page column grid 
   Three equal cards, each one feature-list shortcode (with its own heading).
   Used by the "For companies" service templates (webshop-services,
   export-services). Feature-line styling lives in feature-list.css.
   ========================================================================= */

.mp-service-columns {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--space-8);
    margin: var(--space-8) 0 var(--space-12);
}

.mp-service-column {
    display: flex;
    flex-direction: column;
    background: var(--white);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-sm);
    padding: var(--space-8);
}

.mp-service-column .mp-feature-list-wrap {
    margin: 0;
}

.mp-service-column .mp-feature-list__heading {
    color: var(--primary);
    padding-bottom: var(--space-3);
    border-bottom: 1px solid var(--border-light);
}

@media (max-width: 880px) {
    .mp-service-columns {
        grid-template-columns: 1fr;
        gap: var(--space-6);
        margin: var(--space-8) 0;
    }

    .mp-service-column {
        padding: var(--space-6);
    }
}