/**
 * Convert font-size from px to rem with px fallback
 *
 * @param $size - the value in pixel you want to convert
 *
 * e.g. p {@include fontSize(12px);}
 * 
 */
.products__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 60px;
  list-style: none;
}
.products__item {
  width: 100%;
  padding: 0;
}
.products__item:before {
  content: none;
}
.products__img {
  overflow: hidden;
  margin-bottom: clamp(5px, 3.0434782609px + 0.5434782609vw, 10px);
}
.products__img img {
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.products__txt > * {
  margin: 0;
}
.products__name {
  font-size: clamp(0.9375rem, 0.8152173913rem + 0.5434782609vw, 1.25rem);
  margin-bottom: 5px;
}
.products__detailTxt {
  margin-bottom: 15px;
}
.products__linkTxt {
  font-family: "Cormorant Garamond", serif;
}
.products__anchor {
  text-decoration: none;
}
.products__anchor:hover .products__img img {
  -webkit-transform: scale(1.03);
          transform: scale(1.03);
  -webkit-filter: brightness(1.05) contrast(120%);
          filter: brightness(1.05) contrast(120%);
}
@media (min-width: 46.25em) {
  .products__item {
    width: calc(50% - 30px);
  }
}
@media (min-width: 80em) {
  .products__list {
    gap: 50px;
  }
  .products__item {
    width: calc(33.333% - 50px);
  }
}

.detail {
  max-width: 640px;
  margin: 0 auto clamp(60px, 40.4347826087px + 5.4347826087vw, 110px);
}
.detail__img {
  margin-bottom: clamp(30px, 22.1739130435px + 2.1739130435vw, 50px);
}
.detail__name {
  font-size: clamp(1.125rem, 0.9782608696rem + 0.652173913vw, 1.5rem);
  padding: 0 0 clamp(30px, 26.0869565217px + 1.0869565217vw, 40px);
  margin: 0 auto clamp(30px, 26.0869565217px + 1.0869565217vw, 40px);
  border-bottom: 1px solid var(--color-border-weak);
  text-align: center;
}
.detail__nameEn {
  font-size: 12px;
  display: block;
  text-transform: uppercase;
  margin-top: 5px;
}
.detail__txtBlock {
  margin-bottom: clamp(20px, 8.2608695652px + 3.2608695652vw, 50px);
}
.detail__heading {
  font-size: clamp(1rem, 0.902173913rem + 0.4347826087vw, 1.25rem);
  margin-top: 0;
}

.listBack {
  max-width: 640px;
  margin: 0 auto;
  text-align: center;
}

.mainContents {
  background-image: url(../../../../assets/img/global/img_localbg1-sp.png);
}

@media (min-width: 80em) {
  .mainContents {
    background-image: url(../../../../assets/img/global/img_localbg2-pc.png);
  }
}