/* row grid -------------------------------------------------------- */

/* @group @variables */

[class*="m-row-grid"],
[class*="m-riga-grid"],
[class*="m-ligne-grid"] {
--grid-template-columns: repeat(1, 1fr);
}

[class*="m-row-grid"] {
--gap: .75rem;
}

[class*="m-riga-grid"] {
--gap: 1.5rem;
}

[class*="m-ligne-grid"] {
--gap: 2.25rem;
}

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

[class*="m-row-grid-secondary"],
[class*="m-riga-grid-secondary"],
[class*="m-ligne-grid-secondary"] {
--grid-template-columns: repeat(2, 1fr);
}

[class*="m-row-grid-tertiary"],
[class*="m-riga-grid-tertiary"],
[class*="m-ligne-grid-tertiary"] {
--grid-template-columns: repeat(3, 1fr);
}

}

/* @end @variables */

/* @group @m-row-grid */

[class*="m-row-grid"],
[class*="m-riga-grid"],
[class*="m-ligne-grid"] {
display: grid;
grid-template-columns: var(--grid-template-columns);
gap: var(--gap);
}

/* @end @m-row-grid */

/* column grid -------------------------------------------------------- */

/* @group @variables */

[class*="m-column-grid"] {
--align-items: start;
--grid-template-columns: repeat(1, 1fr);
--gap: 2.25rem;
}

/*@media all and (max-width:47.9375em) {

[class*="m-column-grid"] {
--column-group-max-width: 30rem;
--column-group-margin-right: auto;
--column-group-margin-left: auto;
}

}*/

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

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

}

/* @end @variables */

/* @group @m-column-grid */

[class*="m-column-grid"] {
display: grid;
justify-content: var(--justify-content);
align-items: var(--align-items);
align-content: var(--align-content);
grid-template-columns: var(--grid-template-columns);
grid-template-rows: var(--grid-template-rows);
gap: var(--gap);
max-width: var(--column-group-max-width);
margin-right: var(--column-group-margin-right);
margin-left: var(--column-group-margin-left);
direction: var(--grid-direction);
}

/* @end @m-column-grid */

/* column grid -------------------------------------------------------- */

/* @group @variables */

[class*="m-colun-grid"] {
--grid-template-columns: repeat(1, 1fr);
--gap: 2.25rem;
}

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

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

}

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

[class*="m-colun-grid-proto"] {
--grid-template-columns: 2fr 3fr;
--grid-direction: rtl;
--column-direction: ltr;
}

}

/* @end @variables */

/* @group @m-column-grid */

[class*="m-colun-grid"] {
display: grid;
justify-content: var(--justify-content);
align-items: var(--align-items);
align-content: var(--align-content);
grid-template-columns: var(--grid-template-columns);
grid-template-rows: var(--grid-template-rows);
gap: var(--gap);
max-width: var(--column-group-max-width);
margin-right: var(--column-group-margin-right);
margin-left: var(--column-group-margin-left);
direction: var(--grid-direction);
}

[class*="m-colonna-row-proto"] {
direction: var(--column-direction);
}

/* @end @m-column-grid */

/* @group @variables */

[class*="m-about-list"] {
--gap: .75rem;
}

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

/* @group @m-about-detail */

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

}

/* @end @variables */

/* @group @variables */

[class*="m-product-submit"] {
--grid-template-columns: repeat(1, 1fr);
--gap: 1.125rem;
}

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

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

}

/* @end @variables */

/* @group @m-column-grid */

[class*="m-colonne-grid"] {
display: grid;
justify-content: var(--justify-content);
align-items: var(--align-items);
align-content: var(--align-content);
grid-template-columns: var(--grid-template-columns);
grid-template-rows: var(--grid-template-rows);
gap: var(--gap);
max-width: var(--column-group-max-width);
margin-right: var(--column-group-margin-right);
margin-left: var(--column-group-margin-left);
}

/* @end @m-column-grid */