body[data-load="false"] header {opacity: 0;}
body[data-load="false"] main {opacity: 0;}
body[data-load="false"] footer {opacity: 0;}

/*
PRODUCTS GRID
*/
.grid-products {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: var(--size);
    row-gap: var(--size-l);
}
@media only screen and (min-width: 768px) {
    .grid-products {grid-template-columns: repeat(4, 1fr);}
}
@media only screen and (min-width: 2048px) {
    .grid-products {grid-template-columns: repeat(6, 1fr);}
}