/* Features & Benefits - FORCE Side-by-Side on Mobile */

/* GRID - Always Side-by-Side */
.features-grid-2-col {
    display: grid;
    grid-template-columns: 1fr 1fr; /* LEFT | RIGHT */
    gap: 2rem;
    max-width: 1200px;
    margin: 0 auto;
}

/* Desktop - Normal */
@media (min-width: 769px) {
    .features-grid-2-col {
        gap: 2rem;
    }
}

/* Mobile - Side-by-Side (NOT Stacked) */
@media (max-width: 768px) {
    .features-grid-2-2 {
        /* FORCE side-by-side */
        grid-template-columns: 1fr 1fr; /* !Important - overrides! */
        gap: 1rem; /* Smaller gap for mobile */
    }
    
    /* Columns - Both use features styling */
    .features-column {
        padding: 1.5rem;
    }
}