/* @group @variables */

[class*="m-article-product"] {
--grid-template-columns: repeat(1, 1fr);
--gap: 1.5rem;
--article-product-padding: 1.5rem;
--providit-link-background-color: var(--color-white);

--head-3-font-size: 1.125rem;
--head-3-line-height: 1.5;
--head-3-color: var(--color-black);

--head-4-font-size: .75rem;
--head-4-line-height: 1.5;
--head-4-font-weight: 300;;

--font-size: .75rem;
--line-height: 2;
--paragraph-line-height: var(--line-height);
}

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

[class*="a-products-media"] {
order: -2;
}

}

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

[class*="m-article-product"] {
--grid-template-columns: 7.5rem 1fr;
--grid-template-rows: auto 1fr auto auto auto;
}

[class*="a-products-name"] {
grid-column: 1 / 3;
grid-row: 1;
}

[class*="a-products-media"] {
grid-column: 1;
grid-row: 2;
}


[class*="a-products-summary"] {
grid-column: 2;
grid-row: 2;
}

[class*="m-products-price"] {
grid-column: 1 / 3;
grid-row: 3;
}

[class*="m-products-info"] {
grid-column: 1 / 3;
grid-row: 4;
}

[class*="m-products-link"] {
grid-column: 1 / 3;
grid-row: 5;
}

}

/* @end @variables */

/* @group @m-article-product */

[class*="m-article-product"] {
box-sizing: border-box;
position: relative;
display: grid;
grid-template-columns: var(--grid-template-columns);
grid-template-rows: var(--grid-template-rows);
gap: var(--gap);
padding: var(--article-product-padding);
background-color: var(--color-whitesmoke);
}

/* @end @m-article-product */