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

/* @group @m-goods-detail */

[class*="m-goods-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-goods-favorite"] {
grid-column: 3 / 6;
grid-row: 2 / 5;
}

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

/* @end @m-goods-detail */

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

/* @group @variables */

[class*="m-goods-link"] {
--paragraph-line-height: var(--line-height);
--paragraph-line-height: var(--line-height);
/*--head-2-font-family: var(--font-family-heading); */
/*--head-2-font-size: 1rem;
--head-2-line-height: 1.5;*/
--head-2-font-size: .875re;
--head-2-line-height: 1.71428571;
--head-2-font-weight: 300;
--head-2-font-variation-settings: "wght" 300;
/*--head-3-font-family: var(--font-family-heading); */
--head-3-font-size: .75rem;
--head-3-line-height: 1.5;
--head-3-font-weight: 300;
--head-3-font-variation-settings: "wght" 300;
--font-size: .75rem;
--line-height: 1.5;
--paragraph-line-height: var(--line-height);
--font-weight: 400;
--font-variation-settings: "wght" 425;

--goods-discount-rate-grid-column: 2 / 4;
--goods-discount-rate-grid-row: 4;
--goods-link-shadow-grid-column: 2 / 5;
--goods-link-shadow-grid-row: 2 / 5;
--goods-media-grid-column: 2 / 5;
--goods-media-grid-row: 2 / 6;
--goods-label-grid-column: 2 / 5;
--goods-label-grid-row: 7;
--goods-brand-en-grid-column: 2 / 5;
--goods-brand-en-grid-row: 9;
--goods-price-grid-column: 2 / 5;
--goods-price-grid-row: 11;
--goods-budge-new-grid-column: 2 / 6;
--goods-budge-new-grid-row: 2 / 4;

--goods-ranking-grid-column: 3 / 5;
--goods-ranking-grid-row: 3;
}

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

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

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

/* @end @variables */

/* @group @m-goods-link */

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

[class*="a-goods-discount-rate"] {
grid-column: var(--goods-discount-rate-grid-column);
grid-row: var(--goods-discount-rate-grid-row);
}

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

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

[class*="a-ranking-count"] {
grid-column: var(--goods-ranking-grid-column);
grid-row: var(--goods-ranking-grid-row);
}

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

[class*="a-goods-brand-en"] {
grid-column: var(--goods-brand-en-grid-column);
grid-row: var(--goods-brand-en-grid-row);
}

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

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

/* @end @m-goods-link */

/* @group @m-goods-link */

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

[class*="m-goods-link"]:before {
content: '';
position: absolute;
z-index: -1;
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-goods-link"]:hover:before,
[class*="m-goods-link"]:focus:before {
opacity: 1;
}

/* @end @m-goods-link */

/* @group @m-goods-link */

[class*="m-goods-link"]:after {
content: '';
position: relative;
z-index: 2;
display: block;
width: 100%;
height: 100%;
background-image: linear-gradient(
0deg, hsla(0, 0%, 0%, 0) 0%, hsla(0, 0%, 0%, .125) 100%);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}

/* @end @m-goods-link */

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

/* @group @a-goods-discount-rate */

[class*="a-goods-discount-rate"] {
position: relative;
z-index: 11;
display: inline-grid;
justify-content: center;
align-items: center;
height: 1.125rem;
padding: 0 .375rem;
background-color: var(--color-sale-primary);
font-size: .625rem;
line-height: 1.2;
color: var(--color-white);
}

/* @end @a-goods-discount-rate */

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

/* @group @variables */

[class*="a-goods-price"] {
--font-weight: 500;
--font-variation-settings: "wght" 500;
}

/* @end @variables */

/* @group @a-goods-price */

[class*="a-goods-price"] del {
font-weight: 300;
font-variation-settings: "wght" 300;
}

[class*="a-goods-price"] del+span {
margin-left: .25rem;
color: var(--color-sale-primary);
}

/* @end @a-goods-price */

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

/* @group @a-goods-media */

[class*="a-goods-media"] {
overflow: hidden;
align-self: start;
display: block;
}

/* @end @a-goods-media */