.ath-live-drawer-item{
  display:grid;
  grid-template-columns:66px minmax(0,1fr) 34px;
  gap:11px;
  align-items:center;
  padding:11px 0;
  border-bottom:1px solid rgba(150,119,75,.11);
  transition:
    background-color .18s ease,
    transform .18s ease;
}

.ath-live-drawer-item.is-ath-updated{
  border-radius:13px;
  background:rgba(232,213,178,.46);
  transform:scale(.988);
}

.ath-live-drawer-item .ath-cart-mini-thumb{
  width:66px;
  aspect-ratio:4/3;
  overflow:hidden;
  display:grid;
  place-items:center;
  border-radius:11px;
  background:#f3ede4;
}

.ath-live-drawer-item .ath-cart-mini-thumb img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

.ath-live-drawer-placeholder{
  font-size:1.15rem;
}

.ath-live-drawer-item .ath-cart-mini-copy{
  min-width:0;
  display:grid;
  gap:3px;
}

.ath-live-drawer-item .ath-cart-mini-copy strong{
  overflow:hidden;
  color:#34291f;
  font-size:.84rem;
  line-height:1.35;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.ath-live-drawer-design{
  overflow:hidden;
  color:#75695d;
  font-size:.7rem;
  line-height:1.4;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.ath-live-drawer-code{
  color:#9a7540;
  font-size:.65rem;
  font-weight:800;
}

.ath-live-drawer-item form{
  margin:0;
}

.ath-live-drawer-item form button{
  width:31px;
  height:31px;
  padding:0;
  display:grid;
  place-items:center;
  border:1px solid rgba(150,75,75,.16);
  border-radius:50%;
  background:rgba(255,248,248,.9);
  color:#8c4545;
  cursor:pointer;
}

@media(max-width:620px){
  .ath-live-drawer-item{
    grid-template-columns:56px minmax(0,1fr) 32px;
    gap:9px;
  }

  .ath-live-drawer-item .ath-cart-mini-thumb{
    width:56px;
    border-radius:9px;
  }
}

@media(prefers-reduced-motion:reduce){
  .ath-live-drawer-item{
    transition:none;
  }
}