/* === FEATURE ROW (Image + Text side-by-side) === */
.feature-row {
    display: flex;
    /*gap: var(--space-lg);*/
    max-width: var(--max-width);
    margin: 0 auto;
    /*padding: var(--space-xl) var(--space-xl);*/
    align-items: center;
}

.feature-row > div {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.feature-row img {
    width: 90%;
    height: auto;
    border-radius: 4px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.feature-row h3 {
    margin-bottom: var(--space-sm);
}

.feature-row p {
    font-size: var(--text-md);
}


/* === Centered panel/button ROW (Image + Text side-by-side) === */
.centered-panels-row {
    display: flex;
    gap: var(--space-md);
    max-width: var(--max-width);
    margin: 0 auto;
    padding: var(--space-lg) var(--space-lg) var(--space-md) var(--space-lg);
    align-items: center;
}

.centered-panels-row > div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;  /* centers without stretching */
}

.centered-panels-row p {
    font-size: var(--text-md);
    padding: var(--space-sm) 0;
}