:root { --gutter: 20px; }

.edPreviewPrdListBlk .title {
    display: flex;
    justify-content: center;
    font-weight: bold;
    color: #222222;
    font-size: 20px;
    margin-top: 15px;
}

.edPreviewPrdListBlk .card-title {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    font-size: 13.6435px;
    color: #585757;
    margin-left: 10px;
    overflow: hidden;
/*    white-space: nowrap;*/
    text-overflow: ellipsis;
    max-height: 50px;
}

.edPreviewPrdListBlk .price {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 14.7097px;
    color: #585757;
    margin-left: 10px;
}


.edPreviewPrdListBlk .content-wrapper {
    height: auto !important;
    padding: 10px 0 !important;
    display:flex;
    flex-direction:column;
}

.edPreviewPrdListBlk .cart {
    display: flex;
    justify-content: space-between;
    margin-right: 15px;
    margin-top: 5px;
}

.edPreviewPrdListBlk .cart .price::before {
    content: '$';
}

.card-wrapper > .full {
    grid-column: 1 / -1;
}

.edPreviewPrdListBlk ul {
    list-style: none;
    padding: 0;
}


.edPreviewPrdListBlk-card-list {
    display: flex;
    flex-wrap: wrap;
    cursor: grab;
    margin-bottom: 10px;
    justify-content: space-between;
}

.edPreviewPrdListBlk-card-wrapper {
    align-items: center;
    justify-content: center;
    display: flex;
    margin-bottom: 10px;
}
/*dd增新商品頁面呈現畫面*/
.edPreviewPrdListBlk {
  display: flex;
  flex-wrap: wrap; /* 新增这一行，使 card 换行显示 */
  justify-content: space-between; /* 如果你希望 card 之间有空隙，可以使用 space-between，如果不需要空隙则可以删除这一行 */
}

.edPreviewPrdListBlk .card-list > .card {
  scroll-snap-align: center;
  display: flex;
  flex-direction: column;
  margin: 5px;
  background: white;
  border-radius: 5px;
  overflow: hidden;
  width: 44%; /* 将宽度设为50% */
  box-shadow: 0px 1px 2px #bfbdbd;
}

/*
.edPreviewPrdListBlk {
    overflow-x: hidden;
}

.edPreviewPrdListBlk .card-list > .card {
    scroll-snap-align: center;
    display: flex;
    flex-direction: column;
    margin: 5px;
    background: white;
    border-radius: 5px;
    overflow: hidden;
     width: 45%; 
	 /*width: 100%;*/
    box-shadow: 0px 1px 2px #bfbdbd;
}
*/
.edPreviewPrdListBlk {
    background: #F8F8F8;
}

.edClassListBlkDrag .card.isClick {
    border: 1px solid #84565E;
}

.edPreviewPrdListBlk .card img {
    aspect-ratio: 1 / 1;
    object-fit: contain;
}

.edPreviewPrdListBlk .no-scrollbar {
    scrollbar-width: none;
    padding-bottom: 0;
    margin-bottom: 20px;
    padding-left: 11px;
    padding-right: 11px;
}

.edPreviewPrdListBlk .no-scrollbar::-webkit-scrollbar {
    display: none;
}

#prdModal .image {
    width: 100%;
}

#prdModal .price::before {
    content: "$";
}

@media screen and (max-width: 768px)  {
.edPreviewPrdListBlk .card-list > .card {
    scroll-snap-align: center;
    display: flex;
    flex-direction: column;
    margin: 5px;
    background: white;
    border-radius: 5px;
    overflow: hidden;
    width: 44vw;
    box-shadow: 0px 1px 2px #bfbdbd;
}
}