/* @group @m-product-detail */

[class*="m-product-detail"] {
box-sizing: border-box;
position: relative;
display: grid;
grid-template-columns: .75rem 1fr .375rem 2.25rem .375rem auto .75rem;
grid-template-rows: .75rem .375rem 2.25rem .375rem 1fr auto .75rem;
}

[class*="a-product-favorite"] {
grid-column: 3 / 6;
grid-row: 2 / 5;
}

[class*="m-product-link"] {
grid-column: 1 / 8;
grid-row: 1 / 8;
}

/* @end @m-product-detail */

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

/* @group @variables */

[class*="m-product-link"] {
--product-budge-new-grid-column: 2 / 4;
--product-budge-new-grid-row: 2;
--product-media-grid-column: 2 / 7;
--product-media-grid-row: 2 / 5;
--product-logo-grid-column: 3 / 6;
--product-logo-grid-row: 4 / 6;
--product-category-grid-column: 3 / 6;
--product-category-grid-row: 7;
--product-label-grid-column: 3 / 6;
--product-label-grid-row: 9;
--product-outline-grid-column: 3 / 6;
--product-outline-grid-row: 11;
--product-info-grid-column: 3 / 6;
--product-info-grid-row: 13;
}

/* @end @variables */

/* @group @m-entry-detail */

[class*="m-product-link"] {
box-sizing: border-box;
position: relative;
display: grid;
grid-template-columns: .75rem .75rem .75rem 1fr .75rem .75rem .75rem;
grid-template-rows: .75rem 5.25rem 1fr minmax(4.125rem, 5.25rem) .375rem .375rem auto .375rem auto .75rem auto .75rem auto 1.125rem;
}

[class*="a-product-budge-new"] {
grid-column: var(--product-budge-new-grid-column);
grid-row: var(--product-budge-new-grid-row);
}

[class*="a-product-media"] {
grid-column: var(--product-media-grid-column);
grid-row: var(--product-media-grid-row);
}

[class*="a-product-logo"] {
grid-column: var(--product-logo-grid-column);
grid-row: var(--product-logo-grid-row);
}

[class*="a-product-category"] {
grid-column: var(--product-category-grid-column);
grid-row: var(--product-category-grid-row);
}

[class*="a-product-label"] {
grid-column: var(--product-label-grid-column);
grid-row: var(--product-label-grid-row);
}

[class*="a-product-outline"] {
grid-column: var(--product-outline-grid-column);
grid-row: var(--product-outline-grid-row);
}

[class*="a-product-info-list"] {
grid-column: var(--product-info-grid-column);
grid-row: var(--product-info-grid-row);
}

/* @end @m-entry-detail */

/* product-detail -------------------------------------------------------- */

/* @group @variables */

[class*="m-product-link"] {
--font-size: .875rem;
--line-height: 1.71428571;
--paragraph-line-height: var(--line-height);
/*--head-2-font-family: var(--font-family-heading); */
--head-2-font-size: 1.125rem;
--head-2-line-height: 1.66666667;
--head-2-font-weight: 200;
--head-2-font-variation-settings: "wght" 200;
/*--head-3-font-family: var(--font-family-heading); */
--head-3-font-size: 1.125rem;
--head-3-line-height: 1.66666667;
--head-3-font-weight: 200;
--head-3-font-variation-settings: "wght" 200;
}

[class*="m-product-link"] {
--product-detail-color: var(--color-quinary);
--head-2-color: var(--color-quinary);
--head-3-color: var(--color-quinary);
}

[class*="m-product-link"]:hover,
[class*="m-product-link"]:focus {
--product-detail-color: var(--color-premier);
--head-2-color: var(--color-premier);
--head-3-color: var(--color-premier);
}

[class*="m-product-link"]:active {
/*--product-detail-background-color: var(--color-premier-active); */
--product-detail-color: var(--color-premier-active);
--head-2-color: var(--color-premier-active);
--head-3-color: var(--color-premier-active);
}

/* @end @variables */

/* @group @m-product-link */

[class*="m-product-link"] {
position: relative;
padding: var(--campaign-detail-padding);
box-shadow: var(--campaign-detail-box-shadow);
}

[class*="m-product-link"],
[class*="m-product-link"]:hover,
[class*="m-product-link"]:focus,
[class*="m-product-link"]:active {
background-color: var(--campaign-detail-background-color);
color: var(--campaign-detail-color);
}

[class*="a-product-logo"],
[class*="a-product-budge-new"] {
position: relative;
z-index: 11;
}

/* @end @m-product-link */

/* @group @m-product-link */

[class*="m-product-link"] {
position: relative;
z-index: 2;
}

[class*="m-product-link"]:before {
content: '';
position: absolute;
inset: 0;
/*top: 0;
right: 0;
bottom: 0;
left: 0;*/
box-shadow: 0 0 0 1px var(--color-very-light-gray), .375rem .375rem 1.125rem -.375rem hsla(220, 20%, 20%, .375);
opacity: 0;
transition: var(--transition);
}

[class*="m-product-link"]:hover:before,
[class*="m-product-link"]:focus:before {
opacity: 1;
}

/* @end @m-product-link */

/* @group @a-product-media */

[class*="a-product-media"] {
background-color: var(--color-darkgray);
}

/* @end @a-product-media */

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

/* @group @a-product-label */

[class*="a-product-label"] {
transition: inherit;
}

/* @end @a-product-label */

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


/* @group @variables */

[class*="a-product-category"] {
--font-size: .75rem;
--line-height: 1.5;
--paragraph-line-height: var(--line-height);
--font-weight: 300;
--font-variation-settings: "wght" 300;
--color: var(--color-premier);
}

/* @end @variables */

/* @group @a-product-category */

[class*="a-product-category"] {
box-sizing: border-box;
position: relative;
z-index: 2;
display: grid;
justify-content: center;
align-items: center;
gap: .375rem;
min-height: 2.25rem;
padding: .375rem;
background-color: hsla(0, 0%, 100%, .975);
-webkit-backdrop-filter: blur(.125rem);
backdrop-filter: blur(.125rem);
}

/* @end @a-product-category */ 

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

/* @group @a-product-logo- */

[class*="a-product-logo"] {
display: flex;
justify-content: center;
align-items: center;
background-color: hsla(0, 0%, 100%, .9375);
-webkit-backdrop-filter: blur(.125rem);
backdrop-filter: blur(.125rem);
transition: var(--transition);
}

[class*="a-product-logo"] img {
height: 3rem;
}

/* @end @a-product-logo- */