.ribbon {
  --f: .5em; /* control the folded part*/
  --r: .8em; /* control the ribbon shape */
  position: absolute;
  right: 0px;
  top: calc(-1*var(--f));
  padding: .2em;
  background: var(--c-brand);
  border-right: var(--f) solid #0005;
  border-bottom: var(--r) solid #0000;
  clip-path: polygon(calc(100% - var(--f)) 0,0 0,0 100%,calc(50% - var(--f)/2) calc(100% - var(--r)),calc(100% - var(--f)) 100%,calc(100% - var(--f)) var(--f),100% var(--f));
}
.ribbon-2 {
  --f: .5em; /* control the folded part*/
  --r: .8em; /* control the ribbon shape */
  position: absolute;
  top: 10px;
  left: calc(-1*var(--f));
  padding-inline: .25em;
  line-height: 1.8;
  background: var(--c-brand);
  border-bottom: var(--f) solid #0005;
  border-right: var(--r) solid #0000;
  clip-path: 
    polygon(calc(100% - var(--r)) 0,0 0,0 calc(100% - var(--f)),var(--f) 100%,
      var(--f) calc(100% - var(--f)),calc(100% - var(--r)) calc(100% - var(--f)),
      100% calc(50% - var(--f)/2));
}

span.ce-cart-count {
    position: absolute;
    font-size: 10px;
    left: 0;
    right: 0;
    top: -15px;
    background: #ffffff;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

/* CSS cho chức năng vuốt đơn giản */
.swipe-item {
    position: relative;
    overflow: hidden;
    cursor: grab;
}

.swipe-content {
    background: #fff;
    position: relative;
    z-index: 1;
    transition: transform 0.3s ease;
}

.swipe-action {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    display: flex;
    align-items: center;
    z-index: 0;
}

.swipe-action .ce-remove-item {
    height: 100%;
    padding: 0 20px;
    display: flex;
    align-items: center;
}

.swipe-item.swiping {
    cursor: grabbing;
}

.bg-shopee {
  background: linear-gradient(285deg, #f53d2d, #f63);
}
.bg-zalo {
  background: linear-gradient(90deg, #0f6ab3, #03A9F4);
}
.bg-lazada {
  background: linear-gradient(86deg, #0036cc, #03A9F4);
}
.bg-facebook {
  background: linear-gradient(86deg, #1831d3, #435CFC);
}
.bg-youtube {
  background: linear-gradient(86deg, #c81f1f, #ff3600);
}
.bg-map {
  background: linear-gradient(86deg, #FF5722, #FF5722);
}
.bg-tiktok {
  background: linear-gradient(278deg, #25f4ee, #fe2c55, #000000);
}
.w-1x1 {
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}