/* Cart badge only. Icon markup stays exactly as page HTML defines it. */
.site-header a[href*="cart"],
.zr-cart-count-target {
  position: relative;
}

.cart-count,
.cart-badge,
[data-cart-count] {
  position: absolute;
  top: -7px;
  right: -8px;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 999px;
  background: #c48a1f;
  color: #fff;
  font-size: 11px;
  line-height: 18px;
  font-weight: 800;
  text-align: center;
  box-shadow: 0 2px 8px rgba(0,0,0,.16);
  pointer-events: none;
  z-index: 5;
}

@media(max-width:760px){
  .mobile-icons a[href*="cart"] .cart-count,
  .mobile-icons a[href*="cart"] .cart-badge {
    top: -6px;
    right: -7px;
    min-width: 17px;
    height: 17px;
    line-height: 17px;
    font-size: 10px;
  }
}