.alert-success.alert-success-cart{
    position: fixed;
    bottom: -100%;
    left: 20px;
    z-index: 9999;
    padding: 8px;
    border-radius: 4px;
    box-shadow: 0 5px 10px -5px rgba(0, 0, 0, .15), 0 10px 10px -5px rgba(0, 0, 0, .1);
    font-size: 14px !important;
    width: 300px;
    visibility: hidden;
    opacity: 0;
    transition: all 1s ease;
    background:#41b93d;
    color:#fff;
}

.alert-success.alert-success-cart.active{
    bottom: 80px;
    visibility: visible;
    opacity: 1;
}

.alert-success.alert-success-cart a{
    color: var(--link_color) !important;
}

.alert-success.alert-success-cart a:hover{
    text-decoration: underline;
}
      /* ========== Header Cart (icon + badge) ========== */
.sudes-header-cart {
  position: relative;
  display: inline-flex;
  align-items: center;
  height: 48px;
  padding: 0 8px;
  z-index: 50;
}

.sudes-header-cart .box-icon {
  display: inline-flex;
  width: 28px; height: 28px;
  align-items: center; justify-content: center;
  margin-right: 6px;
}
.sudes-header-cart .box-icon .svg-icon{
  width: 28px; height: 28px;
}

.sudes-header-cart .item-title{
  font-size: 14px; line-height: 1;
  margin-left: 2px;
}

/* Badge số lượng (màu xanh sáng) */
.sudes-header-cart .count_item {
  position: absolute;
  top: -4px; left: 18px; /* bám vào icon */
  min-width: 18px; height: 18px;
  padding: 0 4px;
  border-radius: 999px;
  background:#41b93d;
  color:#fff;
  font-weight:700;
  font-size: 12px;
  display: inline-flex; align-items:center; justify-content:center;
  box-shadow: 0 0 0 2px rgba(0,0,0,.25); /* viền nổi trên nền header */
}

/* ========== Dropdown container ========== */
.sudes-header-cart .top-cart-content{
  position: absolute;
  top: 100%; right: 0; /* mở sát icon như ảnh */
  width: 360px;
  transform: translateY(10px);
  opacity: 0; visibility: hidden;
  transition: all .22s ease;
}

.sudes-header-cart:hover .top-cart-content,
.sudes-header-cart:focus-within .top-cart-content{
  transform: translateY(0);
  opacity: 1; visibility: visible;
}

/* khung nổi màu trắng với bóng & bo góc */
.CartHeaderContainer{
  background:#fff;
  border-radius: 4px;
  box-shadow: 0 10px 24px rgba(0,0,0,.22);
  overflow: hidden;
  position: relative;
}

/* mũi tam giác (caret) như ảnh */
.CartHeaderContainer::before{
  content:"";
  position:absolute;
  top:-10px; left:36px;
  border-width: 0 10px 10px 10px;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
  filter: drop-shadow(0 -2px 2px rgba(0,0,0,.06));
}

/* ========== Title (GIỎ HÀNG) ========== */
.title_cart_hea{
  font-weight:700;
  font-size: 16px;
  letter-spacing:.2px;
  padding: 14px 16px;
  border-bottom: 1px solid #eee;
  cursor:pointer;
}

/* ========== List sản phẩm ========== */
.ajaxcart__inner{
  max-height: 360px;       /* scroll nếu nhiều dòng */
  overflow:auto;
  padding: 8px 0;
}

.ajaxcart__row{
  padding: 10px 16px;
  border-bottom: 1px solid #f0f0f0;
}
.ajaxcart__row:last-child{ border-bottom: none; }

.ajaxcart__product{
  display: grid;
  grid-template-columns: 64px 1fr;
  grid-gap: 12px;
  align-items: start;
}

.ajaxcart__product-image{
  display: block;
  width: 64px; height: 64px;
  border-radius: 4px;
  overflow: hidden;
  background: #fafafa;
}
.ajaxcart__product-image img{
  width:100%; height:100%; object-fit: cover;
}

/* Thông tin bên phải */
.cart_info{ display:block; }

.ajaxcart__product-name-wrapper{
  position: relative;
  padding-right: 20px;
}
.ajaxcart__product-name{
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 14px;
  line-height: 1.3;
  color:#222;
  margin: 0 0 2px;
  text-decoration: none;
}
.ajaxcart__product-meta{
  display:block;
  font-size:12px; color:#666;
}

/* nút xoá (dấu x) góc phải mỗi item */
.cart__btn-remove{
  position:absolute; top:0; right:0;
  width:16px; height:16px;
}
.cart__btn-remove::before, .cart__btn-remove::after{
  content:""; position:absolute; inset:7px 0 0 0; height:2px; background:#bbb; transform: rotate(45deg);
}
.cart__btn-remove::after{ transform: rotate(-45deg); }
.cart__btn-remove:hover::before, .cart__btn-remove:hover::after{ background:#333; }

.grid{ display:flex; align-items:center; margin-top:6px; }
.cart_item_name{ font-size:13px; color:#333; }
.number-sidebar{ font-weight:600; }
.cart_prices{
  margin-left:auto;
  text-align:right;
  font-size:14px;
  white-space: nowrap;
}
.cart_prices del{
  display:inline-block;
  font-size:12px; color:#999; margin-left:6px;
}

/* ========== Footer (tổng tiền + nút) ========== */
.cart-footer{
  border-top: 1px solid #eee;
  padding: 10px 16px 14px;
  background:#fff;
}

.ajaxcart__subtotal .cart__subtotal{
  display:flex; align-items:center;
  padding: 6px 0;
}
.ajaxcart__subtotal .cart__col-6{
  color:#555; font-size:14px;
}
.ajaxcart__subtotal .cart__totle{
  margin-left:auto; font-weight:700; font-size:16px; color:#111;
}

/* Nút Thanh toán */
.cart__btn-proceed-checkout-dt{ margin-top: 10px; }
.cart__btn-proceed-checkout{
  width:100%; height:44px;
  border:0; border-radius:3px;
  background:#41b93d; /* nền xanh đậm như ảnh */
  color:#fff; font-weight:700;
  text-transform: uppercase; letter-spacing:.3px;
  cursor:pointer;
}
.cart__btn-proceed-checkout:hover{ filter: brightness(1.05); }

/* ========== Trạng thái giỏ hàng trống ========== */
.cart--empty-message{
  text-align:center;
  padding: 16px;
}
.cart--empty-message .img-empty{
  width: 240px; max-width: 100%;
  margin: 8px auto 12px;
}
.cart--empty-message img{
  width:100%; height:auto; display:block;
  max-width:100px;margin:0 auto;
}
.cart--empty-message p{
  margin: 0 0 6px;
  color:#222; font-size:14px;
}

/* ========== Tương thích khung hẹp ========== */
@media (max-width: 400px){
  .sudes-header-cart .top-cart-content{ width: 320px; }
}
.product_to_cart{
    margin-top:20px;
}
@media (max-width:767px){
    .product_to_cart{
        margin-bottom:20px;
    }
}