@layer marielco-product-grid {
    .marielco-product-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: var(--marielco-grid-column-gap, 0.625rem);
        row-gap: var(--marielco-grid-row-gap, 2.5rem);
        margin: 0;
        padding: 0;
        list-style: none;
    }
    @media (min-width: 48rem) {
        .marielco-product-grid { column-gap: var(--marielco-grid-column-gap, 1.125rem); row-gap: var(--marielco-grid-row-gap, 3.5rem); }
    }
    @media (min-width: 64rem) {
        .marielco-product-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    }
    @media (min-width: 90rem) {
        .marielco-product-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    }
}