@charset "UTF-8";
/*變數*/
:root {
  --sm-accent: #cc0000;
  --sm-bg: #f5f5f5;
  --sm-accent-sub: #ff6600;
  --sm-accent-sub-10: rgba(255, 102, 0,0.1);
  --sm-order: #eeeeee;
  --sm-text-color-light: #666666;
  --sm-text-color:#333;
}

/*------------------------------------*\
   通用類的
\*------------------------------------*/
.btn.sm-accent-btn {
  /*accent色彩的按鈕-吃樣板顏色*/
  background-color: var(--accent);
  color: #fff;
}
.btn.sm-accent-btn:hover {
  color: #fff;
  opacity: 0.8;
}

.sm-product-d__cart .soldout-btn {
  /*已售完的按鈕*/
  opacity: 0.65;
  max-width: 380px;
  margin: auto;
}

/*-- 每個區塊裡面有標題的排版  --*/
.section {
  display: flex;
  gap: 8px;
}
.section__title {
  min-width: 32px;
  font-size: 0.875rem;
}
.section__info {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1;
}
.section__info .d-flex {
  position: relative;
}

/*------------------------------------*\
   產品詳細頁編排
\*------------------------------------*/
/*採BEM寫法*/
/*包住全部詳細的上面大區塊，可能會視情況改.sm-product-d*/
.sm-product-d__picture {
  /*產品大圖*/
  position: relative;
}
.sm-product-d__picture__tag {
  /*產品大圖上的tag*/
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
}
.sm-product-d__picture__tag span {
  border-radius: 8px 0px 0px 0px;
  color: #fff;
  background: var(--sm-accent);
  padding: 4px 6px;
  line-height: 1.4;
  text-align: center;
  font-size: 12px;
}
.sm-product-d__picture__counter {
  /*手機版上才會出現的輪播計數*/
  position: absolute;
  left: 8px;
  bottom: 4px;
  display: flex;
  padding: 2px 6px;
  z-index: 1;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.3);
  color: #fff;
  font-size: 11px;
  line-height: 1.3;
}
.sm-product-d__picture--spec {
  /*產品小圖*/
}
.sm-product-d__picture--spec ul {
  display: flex;
  gap: 6px;
  list-style-type: none;
  padding: 0px;
  margin: 12px 0 0 0px;
}
.sm-product-d__picture--spec ul li {
  border: 1px solid var(--sm-order);
}
.sm-product-d__comments {
  /*評價區塊*/
  display: flex;
  padding: 8px 0;
}
.sm-product-d__comments .star-source {
  margin-left: auto;
}
.sm-product-d__title {
  /*標題區塊*/
  /*次標*/
  /*貨號品號*/
}
.sm-product-d__title--row {
  display: flex;
  justify-content: space-between;
}
.sm-product-d__title h4 {
  font-size: 22px;
  line-height: 28px;
  margin-bottom: 0;
}
@media (max-width: 767.98px) {
  .sm-product-d__title h4 {
    font-size: 20px;
    line-height: 26px;
  }
}
.sm-product-d__title .subtitle {
  font-size: 14px;
  color: var(--sm-text-color-light);
}
.sm-product-d__title .product-number {
  font-size: 14px;
  color: var(--sm-text-color-light);
}
.sm-product-d__price,
.sm-product-d .format-header__title__price {
  /*---價格區塊---*/
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 8px;
  border-radius: 8px;
  background-color: var(--sm-bg);
  /*包住價格和點數*/
  /*兌換金額*/
  /*兌換點數或價格的數字*/
  /*兌換點數*/
}
.sm-product-d__price .product-default-price,
.sm-product-d .format-header__title__price .product-default-price {
  /*原價(群組)*/
  color: var(--sm-text-color-light);
  font-size: 16px;
  line-height: 1;
  letter-spacing: 0.5px;
}
.sm-product-d__price .product-detail-price,
.sm-product-d .format-header__title__price .product-detail-price {
  /*促銷價(群組)*/
  display: flex;
  align-items: center;
  color: var(--sm-accent);
  font-size: 42px;
  font-weight: 700;
  line-height: 1;
}
@media (max-width: 767.98px) {
  .sm-product-d__price .product-detail-price,
  .sm-product-d .format-header__title__price .product-detail-price {
    font-size: 28px;
  }
}
.sm-product-d__price .product-price-title,
.sm-product-d .format-header__title__price .product-price-title {
  /*價格標題-如市價會員價*/
  font-size: 0.875rem;
  color: var(--sm-text-color);
  font-weight: 400;
}
.sm-product-d__price .product-price-symbol,
.sm-product-d .format-header__title__price .product-price-symbol {
  /*幣別單位-如$*/
}
.sm-product-d__price .product-price-unit,
.sm-product-d .format-header__title__price .product-price-unit {
  /*元*/
}
.sm-product-d__price .default-price,
.sm-product-d .format-header__title__price .default-price {
  /*原價數字*/
  text-decoration: line-through;
}
.sm-product-d__price .sale-price,
.sm-product-d .format-header__title__price .sale-price {
  /*促銷數字*/
}
.sm-product-d__price .discount,
.sm-product-d__price .bonus-point-title,
.sm-product-d .format-header__title__price .discount,
.sm-product-d .format-header__title__price .bonus-point-title {
  display: flex;
  padding: 4px 6px;
  justify-content: center;
  align-items: center;
  background: var(--sm-accent);
  color: #ffffff;
  text-align: center;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.5px;
  border-radius: 4px;
}
.sm-product-d__price .discount,
.sm-product-d .format-header__title__price .discount {
  font-size: 12px;
  /*折扣*/
  background: var(--sm-accent);
  margin-left: 6px;
  white-space: nowrap;
}
.sm-product-d__price #currency,
.sm-product-d .format-header__title__price #currency {
  /*幣別*/
}
.sm-product-d__price .bonus-point,
.sm-product-d .format-header__title__price .bonus-point {
  /*可得紅利*/
  display: flex;
  align-items: center;
  gap: 4px;
}
.sm-product-d__price .bonus-point-title,
.sm-product-d .format-header__title__price .bonus-point-title {
  background: var(--sm-accent-sub);
}
.sm-product-d__price .bonus-point-number,
.sm-product-d .format-header__title__price .bonus-point-number {
  color: var(--sm-accent);
}
.sm-product-d__price .bonus-title,
.sm-product-d .format-header__title__price .bonus-title {
  /*--- 紅利兌換商品  ---*/
  display: table;
  background: var(--sm-accent);
  color: #ffffff;
  border-radius: 4px;
  padding: 2px 8px;
  font-size: 17px;
  font-weight: bold;
}
.sm-product-d__price .bonus-block,
.sm-product-d .format-header__title__price .bonus-block {
  display: flex;
  justify-content: flex-end;
  color: var(--sm-text-color-light);
  word-break: keep-all;
}
.sm-product-d__price .bonus-price,
.sm-product-d .format-header__title__price .bonus-price {
  display: flex;
  align-items: center;
  gap: 4px;
}
.sm-product-d__price .bonus-price:after,
.sm-product-d .format-header__title__price .bonus-price:after {
  content: "+";
  font-size: 32px;
  margin: 0 8px;
}
.sm-product-d__price .bonus-price-number,
.sm-product-d .format-header__title__price .bonus-price-number {
  font-size: 32px;
  color: var(--sm-accent-sub);
}
.sm-product-d__price .bonus-price-point,
.sm-product-d .format-header__title__price .bonus-price-point {
  display: flex;
  align-items: center;
  gap: 4px;
}
.sm-product-d__price__block {
  /*只有包住價格的區塊*/
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  flex: 1;
}
.sm-product-d__sale {
  /*促銷tag*/
  /*贈品說明*/
}
.sm-product-d__sale__tag {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.sm-product-d__sale__tag li span {
  display: flex;
  padding: 6px 8px;
  font-size: 13px;
  line-height: 1.4;
  border-radius: 4px;
  border: 1px solid var(--sm-accent-sub);
  color: var(--sm-accent-sub);
}
@media (max-width: 767.98px) {
  .sm-product-d__sale__tag li span {
    border: 0;
    background: var(--sm-accent-sub-10);
    color: var(--sm-accent-sub);
  }
}
.sm-product-d__sale__tag li a span {
  display: flex;
  align-items: center;
  gap: 2px;
}
.sm-product-d__sale__tag li a span::before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 8px;
  border-color: transparent transparent transparent var(--sm-accent-sub);
}
.sm-product-d__sale__tag li a:hover span {
  border: 1px solid var(--sm-accent-sub);
  background: var(--sm-accent-sub);
  color: #ffffff;
}
.sm-product-d__sale__tag li a:hover span::before {
  border-color: transparent transparent transparent #ffffff;
}
.sm-product-d__sale__add-product {
  font-size: 14px;
}
.sm-product-d__countdown {
  /*倒數計時*/
  display: flex;
  align-items: center;
  color: var(--sm-accent);
  font-size: 13px;
  line-height: 1.2;
  padding: 4px 0;
}
.sm-product-d__spec {
  /*電腦版規格區塊*/
}
.sm-product-d__spec__color, .sm-product-d__spec__size {
  /*雙規格顏色和規格一起設定*/
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.sm-product-d__spec__color li button, .sm-product-d__spec__size li button {
  display: block;
  overflow: hidden;
  line-height: 1;
  font-size: 16px;
  border-radius: 4px;
  border: 2px solid transparent;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  max-width: calc(100vw - 32px);
}
.sm-product-d__spec__color li button.current, .sm-product-d__spec__color li button:hover, .sm-product-d__spec__color li button:active, .sm-product-d__spec__size li button.current, .sm-product-d__spec__size li button:hover, .sm-product-d__spec__size li button:active {
  /*有選到的*/
  border: 2px solid var(--primary);
}
.sm-product-d__spec__color li button img, .sm-product-d__spec__size li button img {
  height: 32px;
  width: auto;
}
.sm-product-d__spec__color {
  /*雙規格顏色特別設定*/
}
.sm-product-d__spec__color li button {
  padding: 0;
  background-color: transparent;
}
.sm-product-d__spec__size {
  /*單雙規格可用的尺寸規格'*/
  white-space: nowrap;
  /*沒有尺寸時*/
}
.sm-product-d__spec__size li button {
  background-color: var(--sm-bg);
  color: #333;
  padding: 8px;
}
.sm-product-d__spec__size .disabled {
  opacity: 0.65;
  cursor: default;
}
.sm-product-d__spec__size .disabled:hover, .sm-product-d__spec__size .disabled:active {
  border: 2px solid transparent;
}
.sm-product-d__spec--mobile {
  display: none;
  /*手機版小規格區塊*/
}
@media (max-width: 767.98px) {
  .sm-product-d__spec--mobile {
    display: flex;
    align-items: center;
  }
  .sm-product-d__spec--mobile li button {
    max-width: calc(100vw - 100px);
  }
}
.sm-product-d__spec--mobile .section__info {
  overflow: hidden;
}
.sm-product-d__spec--mobile .sm-product-d__spec__color {
  flex-wrap: nowrap;
}
.sm-product-d__spec--mobile .sm-product-d__spec__color li button img {
  height: 24px;
}
.sm-product-d__spec--mobile .sm-product-d__spec__size {
  flex-wrap: nowrap;
}
.sm-product-d__spec--mobile .sm-product-d__spec__size li button {
  padding: 4px;
  font-size: 13px;
}
.sm-product-d__try {
  /*試穿報告*/
  display: flex;
  gap: 8px;
  margin: 0 0 0 auto;
  padding: 0;
  list-style-type: none;
  position: absolute;
  right: 0;
  top: -32px;
}
.sm-product-d__try a {
  overflow: hidden;
  line-height: 1;
  font-size: 14px;
  border-radius: 4px;
  color: #333;
  padding: 8px 3px;
}
.sm-product-d__try a:hover {
  color: var(--primary);
  background-color: var(--sm-bg);
}
.sm-product-d__try--mobile {
  display: none;
  /*手機版試穿報告*/
}
@media (max-width: 767.98px) {
  .sm-product-d__try--mobile {
    display: block;
  }
  .sm-product-d__try--mobile .sm-product-d__try {
    position: relative;
    right: auto;
    top: auto;
  }
}
.sm-product-d__try--mobile .sm-product-d__try a {
  color: var(--secondary);
}
.sm-product-d__info {
  /*簡述*/
}
.sm-product-d__info > * {
  /*不管下一層是div還是p都有作用*/
  display: block;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 200px;
}
@media (max-width: 767.98px) {
  .sm-product-d__info > * {
    max-height: none;
  }
}
.sm-product-d__info p {
  margin-bottom: 0;
}
.sm-product-d__number {
  /*數量和待出貨*/
}
.sm-product-d__add {
  /*加購商品*/
}
.sm-product-d__cart {
  /*購物車按鈕*/
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.sm-product-d__cart .btn {
  flex: 1;
  white-space: nowrap;
}
.sm-product-d__deliver {
  /*預計出貨日*/
  color: var(--sm-accent);
  font-size: 16px;
  font-weight: 700;
}
.sm-product-d-content {
  /*===包住全部資訊的大區塊===*/
  display: flex;
  flex-direction: column;
  gap: 22px;
  margin-bottom: 1rem;
}
@media (max-width: 767.98px) {
  .sm-product-d-content {
    gap: 16px;
  }
}
.sm-product-d-format {
  /*包住手機版跳出的區塊*/
}
.sm-product-d-format__header {
  /*手機版跳出的區塊-頭部*/
  display: none;
  gap: 8px;
  padding: 16px 10px;
  margin-bottom: 16px;
}
@media (max-width: 767.98px) {
  .sm-product-d-format__header {
    display: flex;
    border-bottom: 1px solid var(--sm-order);
  }
}
.sm-product-d-format .format-header__img {
  width: 55px;
  height: auto;
}
.sm-product-d-format .format-header__title {
  flex: 1;
}
.sm-product-d-format .format-header__title h4 {
  font-size: 18px;
}
.sm-product-d-format .format-header__title__price {
  background: transparent;
}
.sm-product-d-format .format-header__title__price .product-default-price {
  font-size: 12px;
  text-decoration: line-through;
}
.sm-product-d-format .format-header__title__price .product-detail-price {
  font-size: 24px;
  font-weight: 600;
}
.sm-product-d-format .format-header__close {
  display: flex;
  align-items: flex-start;
  padding: 0 1rem;
  font-size: 1.5rem;
  background-color: transparent;
  border: 0;
  line-height: 1;
  margin-right: -0.5rem;
}
.sm-product-d-format__body {
  /*手機版跳出的區塊-內容*/
  display: flex;
  flex-direction: column;
  gap: 28px;
}
@media (max-width: 767.98px) {
  .sm-product-d-format__body {
    gap: 16px;
  }
}
.sm-product-d__tab-content {
  /*包住下方tab和內容的區塊*/
  padding-top: 48px;
}

/*如果產品詳細頁裡面有三個價格時要變成一列--沒有用到*/
/*如果開啟時加上此class*/
.format-open {
  display: block;
  position: fixed;
  z-index: 99;
  bottom: 0;
  left: 0;
  margin: 0;
  width: 100%;
  background-color: #fff;
  overflow: hidden;
  padding: 10px 10px 0 10px;
  border: 1px solid #ddd;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
  max-height: 96vh;
  /* overflow-y: auto; */
}

/*背景顏色變暗*/
.format-open-body {
  overflow: hidden;
}

.format-open-bg {
  position: fixed;
  width: 100vh;
  height: 100vh;
  display: none;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 90;
  background-color: rgba(0, 0, 0, 0.5);
}

/*=========   拆開特別區塊   ==========*/
.sm-qty-block {
  display: flex;
  flex-wrap: wrap;
}

/*--新的數量加減--*/
.sm-qty {
  display: flex;
  align-items: stretch;
  border-radius: 6px;
  border: 1px solid var(--sm-bg);
  overflow: hidden;
}
.sm-qty__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 6px 10px;
  background: var(--sm-bg);
  border: 0;
}
.sm-qty__btn svg {
  width: 18px;
}
.sm-qty__number {
  display: flex;
  align-items: center;
  width: 56px;
}
.sm-qty__number input[type=number] {
  border: 0;
  width: 100%;
  text-align: center;
}
.sm-qty__number input[type=number]::-webkit-inner-spin-button, .sm-qty__number input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/*-- 銷售數量 --*/
.sm-sold-block {
  display: flex;
  align-items: center;
  font-size: 16px;
  margin-left: 8px;
  white-space: nowrap;
}
.sm-sold-block__stock-number {
  color: var(--sm-accent);
}

/*加入最愛*/
.sm-product-addwish {
  display: flex;
  justify-content: flex-end;
  align-self: center; /*新增愛心置中*/
  min-width: 48px;
}
.sm-product-addwish button {
  border: 0;
  background-color: transparent;
  padding: 0 4px;
}
.sm-product-addwish .clear-wish svg path {
  fill: var(--primary);
}
.sm-product-addwish .add-wish svg path {
  fill: var(--sm-text-color-light);
}

/*---- 加購商品區塊  ----*/
.add-product {
  background-color: var(--sm-bg);
  border-radius: 8px;
  padding: 8px 12px;
}
.add-product__title {
  font-size: 16px;
  font-weight: bold;
}
.add-product__title:before {
  content: "✚";
  margin-right: 4px;
}
.add-product ul {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.add-product li {
  padding-left: 0rem;
}
.add-product__item {
  position: relative;
  display: flex;
  align-items: flex-start;
  font-size: 14px;
}
.add-product__item .form-check-input {
  position: relative;
  margin-top: 10px;
  margin-left: 0;
}
.add-product__info {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
.add-product__spec_select .form-control {
  height: calc(1em + 0.75rem + 2px);
  line-height: 1;
  padding: 0 0.5rem;
}
.add-product__price {
  font-size: 1.125rem;
  color: var(--accent);
}

/*google評價*/
.sm-product-fraction {
  max-height: 56px;
}

/*===  評價區塊(搬舊的)///start  ===*/
/*=== 星星評價設定///start ===*/
:root {
  --star-color:#febf01 ;
}

/*預設的星星svg*/
.star-source {
  position: absolute;
  width: 0;
  height: 0;
  top: 0;
}

/*預設所有星星顏色、大小*/
.icon-star-group {
  fill: #cccccc;
  height: 16px;
}

/*半顆星星設定在html裡*/
.star--half {
  fill: url(#halfGradient);
}

.star--active {
  fill: var(--star-color);
}

/*星星打分數-10*/
.star-fraction-10 use:nth-child(1) {
  fill: var(--star-color);
}

.star-fraction-15 use:nth-child(1) {
  fill: var(--star-color);
}

.star-fraction-15 use:nth-child(2) {
  fill: url(#halfGradient);
}

.star-fraction-20 use:nth-child(1) {
  fill: var(--star-color);
}

.star-fraction-20 use:nth-child(2) {
  fill: var(--star-color);
}

.star-fraction-25 use:nth-child(1) {
  fill: var(--star-color);
}

.star-fraction-25 use:nth-child(2) {
  fill: var(--star-color);
}

.star-fraction-25 use:nth-child(3) {
  fill: url(#halfGradient);
}

.star-fraction-30 use:nth-child(1) {
  fill: var(--star-color);
}

.star-fraction-30 use:nth-child(2) {
  fill: var(--star-color);
}

.star-fraction-30 use:nth-child(3) {
  fill: var(--star-color);
}

.star-fraction-35 use:nth-child(1) {
  fill: var(--star-color);
}

.star-fraction-35 use:nth-child(2) {
  fill: var(--star-color);
}

.star-fraction-35 use:nth-child(3) {
  fill: var(--star-color);
}

.star-fraction-35 use:nth-child(4) {
  fill: url(#halfGradient);
}

.star-fraction-40 use:nth-child(1) {
  fill: var(--star-color);
}

.star-fraction-40 use:nth-child(2) {
  fill: var(--star-color);
}

.star-fraction-40 use:nth-child(3) {
  fill: var(--star-color);
}

.star-fraction-40 use:nth-child(4) {
  fill: var(--star-color);
}

.star-fraction-45 use:nth-child(1) {
  fill: var(--star-color);
}

.star-fraction-45 use:nth-child(2) {
  fill: var(--star-color);
}

.star-fraction-45 use:nth-child(3) {
  fill: var(--star-color);
}

.star-fraction-45 use:nth-child(4) {
  fill: var(--star-color);
}

.star-fraction-45 use:nth-child(5) {
  fill: url(#halfGradient);
}

.star-fraction-50 use:nth-child(1) {
  fill: var(--star-color);
}

.star-fraction-50 use:nth-child(2) {
  fill: var(--star-color);
}

.star-fraction-50 use:nth-child(3) {
  fill: var(--star-color);
}

.star-fraction-50 use:nth-child(4) {
  fill: var(--star-color);
}

.star-fraction-50 use:nth-child(5) {
  fill: var(--star-color);
}

/*=== 星星評價設定///end ===*/
#product_comments {
  max-width: 760px;
  margin: auto;
  padding: 1rem 0;
}

/*=== 長度列表設定///start ===*/
/*表單*/
ul.comment-statistics__bar {
  margin: 0;
  padding: 0 0 1rem 0;
  list-style-type: none;
  font-size: 0.875rem;
}

/*每列統計表--設計為以後其他地方也可以通用*/
.sm-progress {
  display: flex;
  align-items: center;
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
  color: #666666;
}

.sm-progress__star {
  width: 2rem;
  margin-right: 0.5rem;
  text-align: right;
  line-height: 1.3;
}

.sm-progress__star a {
  color: #333333;
}

.sm-progress__star a:hover {
  color: var(--primary);
}

.sm-progress__bar {
  display: flex;
  -webkit-box-flex: 1;
  overflow: hidden;
  white-space: nowrap;
  height: 1rem;
  line-height: 0;
  font-size: 0.75rem;
  background-color: #e9ecef;
  border-radius: 0.25rem;
}
.sm-progress__bar span {
  display: block;
  background-color: var(--primary);
}

.sm-progress__num {
  display: block;
  padding-left: 5px;
  width: 2rem;
  white-space: nowrap;
}

/*=== 長度列設定///end ===*/
.comment {
  /*統整簡表*/
  /*包住列表+按鈕等等*/
}

.comment-statistics {
  display: flex;
  flex-wrap: wrap;
}

.comment-statistics__star {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  color: #666666;
  width: 50%;
  height: -moz-min-content;
  height: min-content;
  margin-bottom: 1rem;
  /*星星+*/
}

.comment-statistics__star .h6 {
  margin-bottom: 0;
}

.comment-statistics__star .icon-star-group {
  height: 24px;
  margin-right: 8px;
}

.comment-statistics__bar {
  width: 50%;
}

@media (max-width: 991.98px) {
  .comment-statistics__star, .comment-statistics__bar {
    width: 100%;
  }
  .comment-statistics__bar {
    margin-top: 1rem;
  }
}
.comment-list {
  /*評論幾則標題*/
}

.comment-list-title {
  background-color: #eeeeee;
  padding: 0.25rem;
  border-radius: 4px;
}

.comment-item {
  display: flex;
  padding: 0.5rem 0 1rem 0;
  border-bottom: 1px solid #cccccc;
}

.comment-item__img {
  margin: 0.5rem 0.5rem 0 0;
  max-width: 100px;
}

.comment-item__info {
  display: grid;
  grid-template-rows: auto;
  /*定義行高*/
  grid-template-columns: 1fr 1fr;
  /*定義欄寬*/
  gap: 0.25rem;
  width: 100%;
  line-height: 1.6;
}

.comment-item__info .order-number, .comment-item__info .date, .comment-item__info .size {
  font-size: 0.875rem;
  color: #999999;
}

.comment-item__info .star {
  color: var(--star-color);
  line-height: 1;
}

.comment-item__info .order-number {
  grid-column: 1/2;
  grid-row: 1/2;
}

.comment-item__info .date {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  text-align: right;
}

.comment-item__info .size {
  grid-column: span 2;
}

.comment-item__info .content {
  grid-column: span 2;
}

/*====最快到貨日 end====*/
/*-詳細頁圖片下方的評價-*/
.product_comments--small {
  margin-left: auto;
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  line-height: 1;
  white-space: nowrap;
}

/*===  評價區塊(搬舊的)///end  ===*/
/*------------------------------------*\
電腦版區塊順序調換
\*------------------------------------*/
@media (min-width: 768px) {
  .sm-product-d__title {
    order: 1;
  }
  .sm-product-d__sale {
    order: 2;
  }
  .sm-product-d__price {
    order: 3;
  }
  .sm-product-d__info {
    order: 4;
    margin-bottom: 0.5rem;
  }
  .sm-product-d-format {
    order: 5;
  }
}
/*------------------------------------*\
手機板上特別加的
\*------------------------------------*/
.product-main-pic {
  /*手機版上包住大圖的區塊*/
  position: relative;
}
.product-main-pic .owl-theme .owl-nav {
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 50%;
}

/*手機版上才會出現的頭部和頁尾*/
.sm-product-d-header, .sm-product-d-float-cart, .sm-product-d-format__body .sm-product-d__countdown {
  display: none;
}

@media (max-width: 767.98px) {
  body {
    background-color: var(--sm-bg) !important;
  }
  .sm-product-d.row {
    overflow: hidden;
  }
  main#content {
    /*內容有背景色+拿掉旁邊距離*/
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
    overflow: hidden;
  }
  .sm-product-d__picture--spec {
    /*輪播小圖*/
    display: none;
  }
  .sm-product-d-content {
    gap: 0.5rem;
    margin-bottom: 0.5rem;
  }
  .sm-product-d__sale .sm-product-d__countdown {
    /*列表裡面的倒數計時隱藏*/
    display: none;
  }
  .sm-product-d-format__body .sm-product-d__countdown {
    /*跳出的倒數計時*/
    display: flex;
    border-radius: 8px;
    background-color: var(--sm-accent-sub-10);
    justify-content: center;
  }
  .sm-product-d-format {
    /*手機版上準備跳出的區塊*/
    display: none;
  }
  .sm-product-d-format .section {
    flex-direction: column;
  }
  .sm-product-d-format .sm-sold-block {
    font-size: 13px;
  }
  .sm-product-d-header {
    /*手機版上才會出現的頭部*/
    position: sticky;
    top: 0;
    z-index: 2;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 18px;
    height: 56px;
    background: #FFF;
  }
  .sm-product-d-float-cart {
    /*手機版上才會出現的頁尾選單*/
    white-space: nowrap;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 9;
    display: flex;
    gap: 4px;
    background: #FFF;
    padding: 8px 4px;
    box-shadow: 0px 4px 8px 3px rgba(0, 0, 0, 0.15), 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
  }
  .sm-product-d-float-cart .item {
    position: relative;
    font-size: 13px;
    padding: 0 4px;
    flex: 1;
    text-align: center;
    color: #333;
  }
  .sm-product-d-float-cart .item svg {
    width: 24px;
    height: 24px;
    display: block;
    margin: auto;
  }
  .sm-product-d-float-cart .item svg path {
    fill: var(--sm-text-color-light);
  }
  .sm-product-d-float-cart .float-cart-num {
    /*紅色提醒數字*/
    position: absolute;
    right: calc(50% - 22px);
    top: 0px;
    display: flex;
    min-width: 16px;
    padding: 0px 4px;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    line-height: 1.4;
    font-size: 12px;
    border-radius: 100px;
    background: var(--sm-accent);
  }
  .sm-product-d-float-cart .btn {
    padding: 0.35rem 0.5rem;
    flex: 2;
  }
  .sm-product-d-card {
    /*產品詳細頁裡面手機上會出現卡片區塊*/
    background-color: #ffffff;
    padding: 12px 16px;
    border-radius: 0;
  }
  .sm-product-d-format {
    /* 包住手機版跳出的區塊*/
    background-color: #ffffff;
    border-radius: 8px 8px 0 0;
    border-bottom: 1px solid #ccc;
  }
  .sm-product-d-format__body {
    overflow-y: auto;
    max-height: 50vh;
    min-height: 80px;
    margin-bottom: 16px;
    padding: 8px 16px 56px 16px;
  }
  .sm-product-d-format .sm-product-d__deliver {
    /*預計出貨日期*/
    text-align: center;
  }
  .sm-product-d-format .sm-product-d__cart {
    /*跳出裡面的加入購物車和直接購買*/
    gap: 1px;
  }
  .sm-product-d-format .sm-product-d__cart .btn-lg {
    padding: 0.5rem 0.25rem;
    border-radius: 0;
  }
  .sm-product-d .format-header__title__price {
    align-items: center;
  }
  .sm-product-d__price .bonus-point,
  .sm-product-d__price .sm-product-addwish {
    /*電腦版上價格區的紅利和加入最愛拿掉*/
    display: none;
  }
  .sm-product-d__cart {
    /*在跳出視窗裡面的購物車*/
    margin: 8px -16px 0 -16px;
    width: calc(100vw + 32px);
    position: fixed;
    bottom: 0;
    left: 0;
  }
  .sm-product-d__cart .sm-product-fraction {
    display: none;
  }
  .format-open {
    /* 包住手機版跳出的區塊--開啟*/
    display: block;
    position: fixed;
    z-index: 99;
    bottom: 0;
    left: 0;
    margin: 0;
    width: 100%;
    background-color: #fff;
    overflow: hidden;
    padding: 0;
    border: 1px solid #ddd;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
    max-height: 96vh;
    /* overflow-y: auto; */
  }
}
/*------------------------------------*\
組合商品頁特別修改處，增加了.sm-product-group
\*------------------------------------*/
@media (min-width: 768px) {
  .sm-product-d.sm-product-group {
    /*電腦版上簡述佔滿*/
  }
  .sm-product-d.sm-product-group .sm-product-d__info > * {
    max-height: 260px;
  }
}