/* =========================================================
   唐楓－商品尺寸與重量 v2.4｜OpenCart 3.0.5.1
========================================================= */

/* 若舊修改仍有快取或 Twig 殘留，商品卡只保留 v2.4。 */
body #content .product-thumb ul.me-extra-infos,
body #content .product-thumb .me-extra-infos,
body #content .product-thumb .product-dimension,
body #content .product-thumb .product-weight,
body #content .product-thumb .product-size,
body #content .product-thumb .product-spec,
body #content .product-thumb .tf-product-spec,
body #content .product-thumb .tf-product-spec-v21,
body #content .product-thumb .tf-product-spec-v22,
body #content .product-thumb .tf-product-spec-v23 {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

/* 桌機：一行規格，沒有資料時仍保留 20px。 */
body #content .product-thumb .tf-product-spec-v24 {
  display: flex !important;
  flex: 0 0 20px !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 20px !important;
  min-height: 20px !important;
  max-height: 20px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  color: #38b0e3 !important;
  font-size: 12.5px !important;
  font-weight: 400 !important;
  line-height: 20px !important;
  text-align: center !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
}

body #content .product-thumb .tf-product-spec-v24 > span {
  display: inline !important;
  color: inherit !important;
  font: inherit !important;
  line-height: inherit !important;
  white-space: nowrap !important;
}

body #content .product-thumb .tf-spec-v24-dimension:not(:empty)
  + .tf-spec-v24-weight:not(:empty)::before {
  content: " , ";
}

/* 商品內頁。 */
#product-product .tf-product-page-specs-v24 {
  margin: 0 0 10px !important;
  padding: 0 !important;
  color: #38b0e3 !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  list-style: none !important;
}

#product-product .tf-product-page-specs-v24 > li {
  margin: 0 !important;
  padding: 0 !important;
  color: inherit !important;
}

#product-product .tf-page-spec-v24-label {
  color: inherit !important;
  font-weight: 600 !important;
}

/* 手機：固定兩行，各 18px；空白資料仍保留高度。 */
@media (max-width: 767px) {
  body #content .product-thumb .tf-product-spec-v24 {
    display: block !important;
    flex: 0 0 36px !important;
    width: 100% !important;
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    font-size: 12px !important;
    line-height: 18px !important;
    text-align: left !important;
    white-space: normal !important;
  }

  body #content .product-thumb .tf-product-spec-v24 > span {
    display: block !important;
    width: 100% !important;
    height: 18px !important;
    min-height: 18px !important;
    max-height: 18px !important;
    line-height: 18px !important;
    text-align: left !important;
    white-space: nowrap !important;
  }

  body #content .product-thumb .tf-spec-v24-dimension:not(:empty)::before {
    content: "尺寸：";
    font-weight: 600;
  }

  body #content .product-thumb .tf-spec-v24-weight:not(:empty)::before {
    content: "重量：";
    font-weight: 600;
  }

  body #content .product-thumb .tf-spec-v24-dimension:not(:empty)
    + .tf-spec-v24-weight:not(:empty)::before {
    content: "重量：";
  }
}

@media (max-width: 380px) {
  body #content .product-thumb .tf-product-spec-v24 {
    font-size: 11.5px !important;
  }
}