/* ========================================
   COMKING: Customer reassurance 模块调整
   产品详情页 & 购物车页：只保留图标，隐藏文字，横向排列
   ======================================== */

/* --- 外层容器：横向 flex 布局 --- */
body#product .blockreassurance_product,
body#cart #block-reassurance,
body#cart .cart-grid-right #block-reassurance {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 22px !important;
  width: auto !important;
  max-width: 100% !important;
  margin-top: 18px !important;
  margin-bottom: 10px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
/* --- 隐藏产品页的 .clearfix (清除浮动不需要了) --- */
body#product .blockreassurance_product .clearfix {
  display: none !important;
/* --- 产品页：每个子 div 块 --- */
body#product .blockreassurance_product > div {
  justify-content: center !important;
  margin: 0 !important;
/* --- 购物车页：ul/li 结构横向 --- */
body#cart #block-reassurance ul,
body#cart .cart-grid-right #block-reassurance ul {
  list-style: none !important;
body#cart #block-reassurance li,
body#cart .cart-grid-right #block-reassurance li {
body#cart #block-reassurance li .block-reassurance-item,
body#cart .cart-grid-right #block-reassurance li .block-reassurance-item {
/* --- 隐藏所有文字，保留图标 --- */
/* 产品页 */
body#product .blockreassurance_product .block-title,
body#product .blockreassurance_product p,
body#product .blockreassurance_product span {
/* 购物车页 */
body#cart #block-reassurance span,
body#cart #block-reassurance p,
body#cart .cart-grid-right #block-reassurance span,
body#cart .cart-grid-right #block-reassurance p {
/* --- 但确保图标本身不被隐藏 --- */
body#product .blockreassurance_product .item-product,
body#product .blockreassurance_product .item-product img,
body#product .blockreassurance_product img[src*="reassurance"],
body#cart #block-reassurance img,
body#cart .cart-grid-right #block-reassurance img {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
/* --- 图标尺寸：统一为 34px --- */
body#product #block-reassurance img,
body#product #block-reassurance svg,
body#product .blockreassurance_product img,
body#product .blockreassurance_product svg,
body#cart #block-reassurance svg,
body#cart .blockreassurance_product img,
body#cart .blockreassurance_product svg,
body#cart .cart-grid-right #block-reassurance img,
body#cart .cart-grid-right #block-reassurance svg,
body#cart .cart-grid-right .blockreassurance_product img,
body#cart .cart-grid-right .blockreassurance_product svg {
  display: block !important;
  width: 34px !important;
  height: 34px !important;
  max-width: 34px !important;
  max-height: 34px !important;
/* --- 手机端：居中 + 间距微调 --- */
@media (max-width: 767px) {

/* COMKING: checkout payment method icons */
.checkout-payment-icon {
  display: block;
  margin-top: 10px;
  height: auto;
}
.checkout-crypto-icon {
  max-height: 18px;
  max-width: 55px;
}
.checkout-wise-icon {
  max-height: 14px;
  max-width: 50px;
}
@media (max-width: 767px) {
  .checkout-crypto-icon {
    max-height: 16px;
    max-width: 50px;
  }
  .checkout-wise-icon {
    max-height: 12px;
    max-width: 45px;
  }
}

/* COMKING: hide reassurance on checkout page */
body#order #block-reassurance,
body#order .blockreassurance_product,
body#order .blockreassurance,
body#order .cart-grid-right #block-reassurance,
body#order .cart-grid-right .blockreassurance {
  display: none !important;
}

/* COMKING: force icon size on checkout */
body#order .checkout-payment-icon,
body#checkout .checkout-payment-icon {
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
}
body#order .checkout-crypto-icon,
body#checkout .checkout-crypto-icon {
  width: 70px !important;
  max-width: 70px !important;
  max-height: 45px !important;
}
body#order .checkout-wise-icon,
body#checkout .checkout-wise-icon {
  width: 60px !important;
  max-width: 60px !important;
  max-height: 35px !important;
}

/* COMKING: force hide reassurance on checkout/order page */
body#order #block-reassurance,
body#order div[id*="reassurance"],
body#order div[class*="reassurance"],
body#order .block-reassurance-item,
body#checkout #block-reassurance,
body#checkout div[id*="reassurance"],
body#checkout div[class*="reassurance"],
body#checkout .block-reassurance-item {
  display: none !important;
}