.page:where(.astro-4qupnmpr){margin-block-start:calc(var(--header-min-height-sp) + calc(var(--vw) * 80));overflow:hidden;padding-block-end:calc(var(--vw) * 100);display:grid;grid-template:"cat-list-wrapper" max-content "." calc(var(--vw) * 42) "title" max-content "." calc(var(--vw) * 32) "product-list" max-content / 1fr;@media screen and (min-width: 768px){margin-block-start:calc(var(--header-min-height-pc) + calc(var(--vw) * 130));padding-block-end:calc(var(--vw) * 200);grid-template:"title . cat-list-wrapper" max-content ". . ." calc(var(--vw) * 40) "product-list product-list product-list" max-content / max-content 1fr max-content}}:where(.page):where(.astro-4qupnmpr){.title {grid-area: title; font-family: var(--font-en); line-height: var(--leading-none); font-size: calc(var(--vw) * 24); letter-spacing: var(--tracking-wide); font-weight: var(--font-medium); padding-inline: calc(var(--vw) * 24); @media screen and (min-width: 768px) {font-size: calc(var(--vw) * 30); padding-inline: calc(var(--vw) * 60);}} .cat-list-wrapper {grid-area: cat-list-wrapper; overflow: auto;} :where(.cat-list-wrapper) {.cat-list {display: flex; gap: calc(var(--vw) * 24); font-family: var(--font-en); line-height: var(--leading-none); font-size: calc(var(--vw) * 16); letter-spacing: var(--tracking-wide); font-weight: var(--font-medium); padding-inline: calc(var(--vw) * 24); width: max-content; @media screen and (min-width: 768px) {padding-inline: calc(var(--vw) * 60); font-size: calc(var(--vw) * 18);}} :where(.cat-list .item) {.button {width: max-content; &:not([data-current="true"]) {opacity: 0.3;}}}} .product-list {grid-area: product-list; display: grid; grid-template-columns: repeat(2,1fr); @media screen and (min-width: 768px) {grid-template-columns: repeat(3,1fr);}} :where(.product-list) {.item {width: 100%; &:not([data-order="false"]) {border-color: var(--line-primary); border-style: solid; border-width: 0; @media screen and (max-width: 767px) {&[data-order="0"] {border-right-width: 1px; border-top-width: 1px; border-bottom-width: 1px;} &[data-order="1"] {border-top-width: 1px; border-bottom-width: 1px;} &[data-order]:not([data-order="0"],[data-order="1"]) {border-right-width: 1px; border-bottom-width: 1px;}} @media screen and (min-width: 768px) {&[data-order="0"],&[data-order="1"] {border-right-width: 1px; border-top-width: 1px; border-bottom-width: 1px;} &[data-order="2"] {border-top-width: 1px; border-bottom-width: 1px;} &[data-order]:not([data-order="0"]):not([data-order="1"]):nth-of-type(3n-2),&[data-order]:not([data-order="1"]):nth-of-type(3n-1) {border-right-width: 1px; border-bottom-width: 1px;} &[data-order]:not([data-order="2"]):nth-of-type(3n) {border-bottom-width: 1px;}}}}}}.js-product-item:where(.astro-4qupnmpr).inactive{pointer-events:none}.js-product-item:where(.astro-4qupnmpr).active{pointer-events:auto}