/* @group @variables */

[class*="o-goods-layout"] {
--grid-template-columns: repeat(1, 1fr);
--grid-template-rows: auto 1.5rem auto 1.5rem auto 2.25rem 1fr 1.5rem auto 6rem;
}

[class*="m-goods-header"] {
--goods-header-grid-column: 1;
--goods-header-grid-row: 3;
}

[class*="m-sort-info"] {
--sort-info-grid-column: 1;
--sort-info-grid-row: 5;
}

[class*="m-goods-contents"] {
--goods-contents-grid-column: 1;
--goods-contents-grid-row: 7;
}

[class*="m-filter-search"] {
--filter-search-grid-column: 1;
--filter-search-grid-row: 1;
}

[class*="m-products-filter"] {
--products-filter-grid-column: 1;
--products-filtergrid-row: 9;
}

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

[class*="m-goods-header"] {
--goods-header-grid-column: 2 / 5;
--goods-header-grid-row: 2;
}

[class*="m-sort-info"] {
--sort-info-grid-column: 2 / 5;
--sort-info-grid-row: 4;
}

[class*="m-goods-contents"] {
--goods-contents-grid-column: 4;
--goods-contents-grid-row: 6 / 10;
}

[class*="m-filter-search"] {
--filter-search-grid-column: 2;
--filter-search-grid-row: 7;
}

[class*="m-products-filter"] {
--products-filter-grid-column: 2;
--products-filter-grid-row: 9;
}

}

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

[class*="o-goods-layout"] {
--grid-template-columns: var(--x-padding-left) 1fr 2.25rem 2fr var(--x-padding-right);
--grid-template-rows: 1.5rem auto 1.5rem auto 2.25rem .75rem auto 1.5rem 1fr 3.75rem;
}

}

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

[class*="o-goods-layout"] {
--grid-template-columns: var(--x-padding-left) 1fr 2.25rem 3fr var(--x-padding-right);
}

}

/* @end @variables */

/* @group @o-goods-layout */

[class*="o-goods-layout"] {
display: grid;
grid-template-columns: var(--grid-template-columns);
grid-template-rows: var(--grid-template-rows);
}

[class*="m-goods-header"] {
grid-column: var(--goods-header-grid-column);
grid-row: var(--goods-header-grid-row);
}

[class*="m-sort-info"] {
grid-column: var(--sort-info-grid-column);
grid-row: var(--sort-info-grid-row);
}

[class*="m-goods-contents"] {
grid-column: var(--goods-contents-grid-column);
grid-row: var(--goods-contents-grid-row);
}

[class*="m-filter-search"] {
grid-column: var(--filter-search-grid-column);
grid-row: var(--filter-search-grid-row);
}

[class*="m-products-filter"] {
grid-column: var(--products-filter-grid-column);
grid-row: var(--products-filter-grid-row);
}

/* @end @o-goods-layout */

/* @group @m-goods-header */

/*[class*="m-goods-header"] {
padding-right: var(--mobile-padding-right);
padding-left: var(--mobile-padding-left);
}*/

/* @end @m-goods-header */