.cart-item__product-drawer {
  /* display: flex;
        align-items: center; */
  padding: 12px 15px;
  border-top: 1px solid #ddd;
}

.cart-item__picture {
  flex: 0 0 80px;
  margin-right: 15px;
}

.cart-item__picture img {
  width: 90px;
  object-fit: cover;
}

.cart-item__product-infos {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex: 1;
}

.cart-item__product-infos-text {
  flex: 1;
}

.cart-item__title {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 8px;
}

.cart-item__title a {
  text-decoration: none;
  color: #222;
}

.cart-item__quantity-and-actions {
  display: flex;
  align-items: center;
  gap: 12px;
}

.cart-item__total {
  font-size: 16px;
  font-weight: bold;
  white-space: nowrap;
}

.cart-item__property,
.cart-item__option,
.cart-item__discount {
  font-size: 14px;
  color: #555;
  margin-top: 4px;
}

.cart-item__quantity-wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
  /* 这里设置后距离就正常了 */
  width: 100%;
  border: 1px solid #3C3C3C;
}

.cart-item__quantity-wrapper input[type="number"] {
  width: 40px;
  height: 36px;
  padding: 4px;
  text-align: center;
  /* border: 1px solid #ccc; */
  border-radius: 4px;
  font-size: 1rem;
  border: none;
  outline: none;
}

.cart-item__quantity-wrapper a {
  font-size: 14px;
  color: #000;
  text-decoration: none;
}

.cart-drawer-title-mobile {
  display: none;
}

@media screen and (max-width: 959px) {
  .cart-item__picture .cart-drawer-title-mobile {
    display: block;
  }

  .cart-drawer-title-PC {
    display: none;
  }
}

.cart-item__property {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  /* margin-block-start: 4px;
  padding-top: 16px; */
}

.cart-item__property-name {
  display: flex;
  align-items: center;
  font-size: 12px;
  line-height: 20px;
  gap: 8px;
  margin-inline-end: 3px;
}

.cart-item__property-name svg {
  width: 25px;
  height: 25px;
}

.cart-item__property-text {
  display: block;
  max-width: 100%;
  word-break: break-all;
}

.cart-item__property-images {
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
}

.cart-item__property-link {
  display: block;
}

.cart-item__property-image {
  display: block;
  width: 30px;
  height: 30px;
  object-fit: contain;
}

/* 白手套 */
.cart-item_white-glove {
  font-family: Lato;
  font-weight: 300;
  font-size: 15px;
  color: #222222;
  cursor: pointer;
  line-height: 22px;
  text-align: center;
  font-style: normal;
  text-transform: capitalize;
  text-decoration-line: underline;
}

/* 平板 */
@media (max-width: 1199px) and (min-width: 768px) {
  .container {
    width: 90%;
  }
  .zg-drawer-cart-item-white-glove-plan-row-mobile,
  .zg-drawer-cart-item-extend-plan-row-mobile {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 40px 56px 80px;
    align-items: center;
    column-gap: 8px;
    width: 100%;
    box-sizing: border-box;
  }

  /* 左侧标题列 */
  .zg-drawer-cart-item-white-glove-plan-info,
  .zg-cart-item-extend-plan-text-mobile {
    min-width: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }

  /* 标题文字 */
  .zg-drawer-cart-item-white-glove-text-mobile,
  .zg-cart-item-extend-plan-text-mobile,
  .zg-cart-item-extend-plan-text-mobile span {
    display: block;
    width: 100%;
    min-width: 0;
    line-height: 1.4;
    word-break: break-word;
    white-space: normal;
  }

  /* 右侧 wrapper 打平，避免白手套结构把标题挤没 */
  .zg-drawer-cart-item-white-glove-plan-quantity-box-wrapper,
  .zg-drawer-cart-item-extend-plan-quantity-container {
    display: contents;
  }

  .zg-drawer-cart-item-white-glove-plan-quantity,
  .zg-drawer-cart-item-extend-plan-quantity {
    width: 40px;
    min-width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    justify-self: center;
  }

  .zg-drawer-cart-item-white-glove-plan-delete,
  .zg-cart-drawer-item-extend-plan-delete-mobile {
    width: 56px;
    min-width: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    justify-self: center;
    white-space: nowrap;
  }

  .zgdrawer-cart-item-white-glove-plan-price,
  .zgdrawer-cart-item-extend-plan-price,
  .zg-drawer-cart-item-white-glove-plan-row-mobile .cart-item__total {
    width: 80px;
    min-width: 80px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    justify-self: end;
    text-align: right;
    white-space: nowrap;
    margin: 0;
  }

  .zg-drawer-cart-item-white-glove-plan-row-mobile .cart-item__total-loading {
    display: none;
  }
}

/* 手机 */
@media (max-width: 767px) {
  .cart-item__product-drawer {
    padding: 12px 0;
  }
  .cart-item__property {
    margin: 5px 0;
    padding: 0 5px;
  }
  .cart-drawer-item-product-right-wrapper .zg-cart-item-product-title-wrapper .cart-item__title a {
    font-size: 12px;
  }
  .cart-drawer-item-product-right-wrapper .cart-item__amount .zg-cart-drawer-item-product-quantity-wrapper-mobile {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    width: 100%;
    justify-content: flex-start;
    align-items: center;
  }

  .zg-cart-drawer-item-product-quantity-wrapper-mobile-total {
    flex: 1;
    /* margin-right: 30px; */
  }
  .cart-item__title {
    width: 100%;
    text-align: left;
  }
  .cart-item__title a {
    font-size: 12px;
  }
  .zg-drawer-cart-item-white-glove-text-mobile{ 
    font-size: 12px;
  }

  /* 白手套 / extend 整行统一成 4 列 */
  .zg-drawer-cart-item-white-glove-plan-row-mobile,
  .zg-drawer-cart-item-extend-plan-row-mobile {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 32px 56px 72px;
    align-items: center;
    column-gap: 8px;
    width: 100%;
    box-sizing: border-box;
  }

  /* 左侧标题区域 */
  .zg-drawer-cart-item-white-glove-plan-info,
  .zg-cart-item-extend-plan-text-mobile {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }

  /* 标题文本本身 */
  .zg-drawer-cart-item-white-glove-text-mobile,
  .zg-cart-item-extend-plan-text-mobile span,
  .zg-cart-item-extend-plan-text-mobile {
    min-width: 0;
    font-size: 12px;
    line-height: 1.4;
    white-space: normal;
    word-break: break-word;
  }

  /* 白手套右侧容器不要再自己撑布局 */
  .zg-drawer-cart-item-white-glove-plan-quantity-box-wrapper,
  .zg-drawer-cart-item-extend-plan-quantity-container {
    display: contents;
  }

  /* 数量 */
  .zg-drawer-cart-item-white-glove-plan-quantity,
  .zg-drawer-cart-item-extend-plan-quantity {
    width: 32px;
    min-width: 32px;
    text-align: center;
    justify-self: center;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  /* delete */
  .zg-drawer-cart-item-white-glove-plan-delete,
  .zg-cart-drawer-item-extend-plan-delete-mobile {
    width: 56px;
    min-width: 56px;
    justify-self: center;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
  }

  .zg-drawer-cart-item-white-glove-plan-delete span,
  .zg-cart-drawer-item-extend-plan-delete-mobile span {
    line-height: 1;
    white-space: nowrap;
  }

  /* price */
  .zgdrawer-cart-item-white-glove-plan-price,
  .zgdrawer-cart-item-extend-plan-price,
  .zg-drawer-cart-item-white-glove-plan-row-mobile .cart-item__total {
    width: 72px;
    min-width: 72px;
    justify-self: end;
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    white-space: nowrap;
    margin: 0;
  }

  .zg-drawer-cart-item-white-glove-plan-row-mobile .cart-item__total-loading {
    display: none;
  }
}