/* Wrapper */
.woosw-list{
  padding: 40px 64px 128px;
}

/* Table → flex grid */
.woosw-list table{
  width: 100% !important;
  display: block !important;
  border: 0 !important;
}

.woosw-list thead{
  display: none !important;
}

.woosw-list tbody{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 16px !important;
  width: 100% !important;
}

/* Item */
.woosw-list tr.woosw-item{
  display: block !important;
  width: calc(20% - 12.8px) !important;
  position: relative !important;
}

@media (max-width: 1200px){
  .woosw-list tr.woosw-item{ width: calc(25% - 12px) !important; }
}
@media (max-width: 900px){
  .woosw-list tr.woosw-item{ width: calc(50% - 8px) !important; }
}

/* Cells */
.woosw-list td{
  display: block !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

/* REMOVE X */
.woosw-list .woosw-item--remove {
	position: absolute;
	top: 12px;
	right: 12px;
    width: 16px !important;
    height: 16px;
	z-index: 1;
}
.woosw-list .woosw-item--remove span::before{
  content: "" !important;
  width: 16px !important;
  height: 16px !important;
  background: url("../img/heart-filled.svg") no-repeat center / contain !important;
}

/* IMAGE */
.woosw-list .woosw-item--image{
  	position: relative !important;
  	width: 100% !important;
}

.woosw-list .woosw-item--image img{
	width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
    display: block !important;
    aspect-ratio: 3 / 4;
}

/* INFO (title + price) */
.woosw-list .woosw-item--info{
  	margin-top: 8px !important;
	display: flex !important;
	align-items: center;
	justify-content: space-between;
}

/* TITLE */
.woosw-list .woosw-item--name a{
	font-size: 14px !important;
    text-decoration: none !important;
    font-weight: 400 !important;
}

/* PRICE */
.woosw-list .woosw-item--price{
  	font-size: 14px !important;
	text-decoration: none !important;
	font-weight: 400 !important;
}
.woosw-list .woosw-item--price ins {
	text-decoration: none !important;
}
.woosw-list .woosw-item--price del {
  color: #ACACAC;
}

/* REMOVE DATE */
.woosw-list .woosw-item--time{
  display: none !important;
}

/* REMOVE ACTIONS (add to cart / options) */
.woosw-list .woosw-item--actions{
  display: none !important;
}

/* 1) Remove button span: kill any spinner/rotation */
.woosw-list .woosw-item--remove span,
.woosw-list .woosw-item--remove span::before,
.woosw-list .woosw-item--remove span::after{
  animation: none !important;
  transform: none !important;
  transition: none !important;
}

/* 2) If WPC adds a loading class to the span, still kill it */
.woosw-list .woosw-item--remove span[class],
.woosw-list .woosw-item--remove span[class]::before,
.woosw-list .woosw-item--remove span[class]::after{
  animation: none !important;
  transform: none !important;
}