/* === WooCommerce Cart 卡片式样式覆盖 === */


/* 移动端优化 */
@media screen and (max-width: 767px) {
	dl.variation, dl.variation dt, dl.variation dd, dl.variation p {
    line-height: 1.4;
}
	
	td.product-subtotal {
    display: none !important;
}
	.woocommerce-cart table.shop_table {
    border: 1px solid #fff;
}
	.woocommerce-js #content table.cart td, .woocommerce-page #content table.cart td {
    min-height: 2.25em !important;
		padding-left:0px !important;
}
	
.woocommerce-js .quantity.buttons_added {
    display: inline-flex;
    transform: scale(0.7);
	 transform-origin: right;
}
	.custom-cart-form__cart-item {
		padding-bottom:10px;
		padding-top: 10px;
		padding-left: 100px;
		background: #fff;
		position: relative;
		border-top: 1px solid #f1f1f1;
	}

	.custom-cart-form__cart-item td {
		font-size:12px;
		border: none!important;
		padding: 2px 10px 0!important;
		margin: 0!important;
		min-height: 1.2em !important:
	}

	.custom-cart-form__cart-item .product-thumbnail {
		position: absolute;
		left: 0;
		top: 14px;
		width: 110px;
		border: none!important;
	}

	.custom-cart-form__cart-item .product-thumbnail img {
	  border-radius: 2px;
	}

	.custom-cart-form__cart-item .product-name {
		border: none!important;
	}
	
	.custom-cart-form__cart-item .product-name::before {
		display: none;
	}
	.custom-cart-form__cart-item .product-name a {
		text-decoration: none;
		color: #222;
		text-align: left;
	}

	.custom-cart-form__cart-item .product-name dl.variation {
	  font-size: 11px;
	  color: #666;
	  margin: 2px 0;
	}

	.custom-cart-form__cart-item .product-name br {
		display: none;
	}
	.custom-cart-form__cart-item .product-price::before,
	.custom-cart-form__cart-item .product-quantity::before,
	.custom-cart-form__cart-item .product-subtotal::before {
		font-size: 12px;
		margin-top: 2px;
	}

	.custom-cart-form__cart-item .product-quantity {
	  margin-top: 6px;
	}

	.custom-cart-form__cart-item .product-subtotal {
	  font-weight: bold;
	  color: #111;
	  margin-top: 6px;
	}

	.custom-cart-form__cart-item .product-remove {
		right: 0;
		top: 6px;
		width: 110px!important;
		opacity: 0.6;
		color: #ccc;
	}

	.custom-cart-form__cart-item .product-remove a:hover {
	  opacity: 1;
	  color: red;
	}

}
