body {
  font-family:
    'Helvetica', 'Noto Sans TC', 'Microsoft JhengHei', '微軟正黑體', 'Arial', 'sans-serif' !important;
  font-weight: 500;
}

.pcOnly {
  display: block !important;
}
.mobOnly {
  display: none !important;
}

.category__head--text p {
  text-align: left;
}

.productList {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px 25px;
  padding: 0 0px;
  width: 90%;
  margin: 24px auto;
}
.productList .productItem {
  width: calc(25% - 25px);
}

.sf-simpleBff_productsItemColorChips {
  gap: 2px 1px;
}

.sf-simpleBff_productsItemColorChip {
  height: 22px;
  width: 22px;
}

/* 讓單一 productItem 裡的內容可使用 flex 分配空間 */
.categoryBox .productItem a.sf-simpleBff_productsItem {
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* 讓 body（名稱＋色票＋價格）變成可撐滿的容器 */
.categoryBox .sf-simpleBff_productsItemBody {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 12px 8px;
}

/* 把價格推到最底部：全部商品的售價會對齊 */
.categoryBox .sf-simpleBff_productsItemDetail {
  margin-top: auto;
  justify-content: flex-end;
}

p.item__size {
  margin-bottom: 2rem;
}

.sockInstructionsBox {
  margin-top: 64px;
}
.sockInstructionsBox .sockInstructions {
  padding: 0px 15px;
}

.sockInstructionsBox ul {
  margin: 10px 20px;
  padding: 15px;
}
.sockInstructionsBox ul li .numtext {
  width: 26px;
  vertical-align: text-top;
  margin-right: 5px;
}

.sockInstructionsBox ul li {
  margin-bottom: 16px;
  font-size: 16px;
  font-family:
    'Helvetica', 'Noto Sans TC', 'Microsoft JhengHei', '微軟正黑體', 'Arial', 'sans-serif' !important;
  font-weight: 400;
}

.sf-simpleBff_productsItemColorChips {
  /* min-height: 55px; */
}

@media screen and (max-width: 750px) {
  .sockInstructionsBox {
    margin-top: 64px;

    background: white;
  }

  .productList {
    width: 100%;
  }

  .productList .productItem {
    width: calc(50% - 25px);
  }

  .pcOnly {
    display: none !important;
  }
  .mobOnly {
    display: block !important;
  }

  .category__head--text p {
    text-align: center;
  }
}

body.is-app #globalHeader {
  display: none !important;
}