/**
 * Block: Features Grid
 * 2x2 grid of feature items with icon, title, and description.
 */

.features-grid {
    padding: var(--space-3xl) 0;
}

.features-grid__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-2xl);
}

.features-grid__item {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
}

.features-grid__icon {
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    margin-bottom: var(--space-xs);
}

.features-grid__icon img,
.features-grid__icon svg {
    width: 100%;
    height: 100%;
}

.features-grid__title {
    font-size: var(--font-size-md);
    font-weight: var(--font-weight-semibold);
    color: var(--color-dark);
}

.features-grid__description {
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-light);
    color: var(--color-gray);
    line-height: 1.6;
}

/* Responsive */
@media (max-width: 768px) {
    .features-grid {
        padding: var(--space-2xl) 0;
    }

    .features-grid__list {
        grid-template-columns: 1fr;
        gap: var(--space-xl);
    }
}