/* @group @variables */

[class*="m-goods-list"] {
--grid-template-columns: repeat(2, 1fr);
--gap: .75rem 0;
--grid-push-right: -.75rem;
--grid-push-left: -.75rem;
}

@media all and (min-width:48em) {

[class*="m-goods-list"] {
--grid-template-columns: repeat(3, 1fr);
}

}

@media all and (min-width:62em) {

[class*="m-goods-list"] {
--grid-template-columns: repeat(4, 1fr);
}

}

/* @end @variables */

/* @group @m-goods-list */

[class*="m-goods-list"] {
display: grid;
grid-template-columns: var(--grid-template-columns);
gap: var(--gap);
max-width: var(--grid-max-width);
margin-right: var(--grid-push-right);
margin-left: var(--grid-push-left);
}

/* @end @m-goods-list */

/* -------------------------------------------------------- */

/* @group @variables */

[class*="m-goods-list-item"] {
--grid-template-columns: repeat(2, 1fr);
}

@media all and (min-width:48em) {

[class*="m-goods-list-item"] {
--grid-template-columns: repeat(3, 1fr);
}

}

@media all and (min-width:62em) {

[class*="m-goods-list-item"] {
--grid-template-columns: repeat(4, 1fr);
}

}

/* @end @variables */

/* @group @m-goods-list-item */

[class*="m-goods-list-item"]>li:nth-of-type(1) {
grid-column: var(--grid-first-column);
grid-row: var(--grid-first-row);
}

[class*="m-goods-list-item"]>li:nth-of-type(10) {
grid-column: var(--grid-ten-column);
grid-row: var(--grid-ten-row);
}

/* @end @m-goods-list-item */