/* ============ page-cart.css : CHI TRANG GIO HANG ============
   Duoc nap khi controller dat $page_css[] = 'cart'. */
.page-cart-section { background: #F6F6F6; }
/* Chữ theo mẫu: tiêu đề/đơn giá xám, tổng đen */
.cart-item-price p { color: #898989; }
.cart-item-subtotal p { color: var(--black); }
.box-order-summary h6 { color: #4b5563; }
.box-order-summary .total, .box-order-summary .total-order .total { color: var(--black); }
.box-order-summary .total-order { font-family: 'Barlow Condensed', 'Afacad', sans-serif; font-size: 20px; }
/* ============ Trang giỏ hàng kiểu Nexfit: rows phân cách + thumb 85px ============ */
.cart-item-table { margin-bottom: 30px; }
.cart-item-header, .cart-item-table .cart-item { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; border-bottom: 1px solid rgba(0,0,0,.10); }
.cart-item-header { padding-bottom: 15px; margin-bottom: 30px; }
.cart-item-header span { font-family: 'Barlow Condensed', 'Afacad', sans-serif; font-size: 18px; font-weight: 600; line-height: 1.4; color: var(--black); }
.product-header-tag { width: calc(46% - 7.5px); }
.price-header-tag { width: calc(18% - 7.5px); }
.quantity-header-tag { width: calc(21% - 7.5px); }
.subtotal-header-tag { width: calc(15% - 7.5px); }
.cart-item-table .cart-item { margin-bottom: 20px; padding-bottom: 20px; }
.cart-item-table .cart-item:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }
.cart-item-image-content { width: calc(63% - 5px); display: flex; align-items: center; gap: 15px 30px; }
.cart-item-image { position: relative; flex: 0 0 85px; width: 85px; height: 85px; background: #fff; border: 0; border-radius: 5px; display: flex; align-items: center; justify-content: center; margin: 5px 5px 0 0; }
.cart-item-image figure { display: block; border-radius: 5px; margin: 0; }
.cart-item-image img { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; border-radius: 5px; }
.cart-item-remove { position: absolute; top: -5px; right: -5px; width: 18px; height: 18px; border-radius: 50%; background: #fff; border: 1px solid rgba(0,0,0,.10); color: #898989; font-size: 12px; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; padding: 0; }
.cart-item-remove:hover { background: var(--black); border-color: var(--black); color: #fff; }
.cart-item-info-content { flex: 1; display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.cart-item-title { max-width: 205px; }
.cart-item-title p { margin: 0; font-weight: 600; line-height: 1.4; }
.cart-item-price { width: 35%; }
.cart-item-price p { margin: 0; font-weight: 600; }
.cart-item-quantity-total { width: calc(37% - 5px); display: flex; align-items: center; justify-content: space-between; gap: 15px; }
.cart-item-quantity .qty-box { height: 35px; padding: 5px 10px; gap: 5px; border: 1px solid rgba(0,0,0,.10); border-radius: 5px; background: #fff; display: flex; align-items: center; }
.cart-item-quantity .qty-box .qty-btn { width: 28px; height: 28px; border: 0; background: transparent; color: #374151; display: inline-flex; align-items: center; justify-content: center; font-size: 13px; cursor: pointer; padding: 0; }
.cart-item-quantity .qty-box .qty-btn:hover { color: var(--organic-primary); }
.cart-item-quantity .qty-box .qty-input { width: 40px; border: 0; background: transparent; text-align: center; font-weight: 600; outline: none; box-shadow: none; padding: 0; }
.cart-item-subtotal { width: 40%; }
.cart-item-subtotal p { margin: 0; font-weight: 700; color: var(--black); }
/* Sidebar tổng đơn kiểu mẫu: card viền */
.box-order-summary { border: 1px solid rgba(0,0,0,.10); border-radius: 6px; padding: 30px; }
.box-order-summary .title { font-family: 'Barlow Condensed', 'Afacad', sans-serif; font-size: 18px; font-weight: 600; border-bottom: 1px solid rgba(0,0,0,.10); padding-bottom: 20px; margin-bottom: 30px; }
.box-order-summary .list-ver .tf-btn { justify-content: center; }
.box-order-summary .list-ver { margin-top: 20px; }
.box-order-summary .ship { margin-bottom: 30px; }
.box-order-summary .subtotal, .box-order-summary .discount { margin-bottom: 15px; padding-bottom: 15px; }
/* Khối gợi ý kiểu mẫu */
.interested-products-box { margin-top: 80px; }
.interested-products-box-title h2 { font-family: 'Barlow Condensed', 'Afacad', sans-serif; font-size: 36px; font-weight: 600; margin-bottom: 0; }
.interested-products-box .product-item-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.interested-products-box-title { margin-bottom: 30px; }
@media (max-width: 767px) {
  .interested-products-box .product-item-list { grid-template-columns: repeat(2, 1fr); }
  .cart-item-header { display: none; }
  .cart-item-image-content { width: 100%; }
  .cart-item-quantity-total { width: 100%; }
}