/* BPS5 Loop#4 — 상품 그리드 1-item 풀폭 + BPS4 .pgrid 톤 */

/* 모든 상품 진열 ul 강제 4-column grid */
.ec-base-product .prdList,
.ec-base-product .prdList.grid4,
ul.prdList.grid4,
.fusion-pgrid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 28px 22px !important;
  list-style: none;
  margin: 0;
  padding: 0;
}

/* li가 1~3개여도 첫 칸들이 풀폭으로 자리잡도록 — 빈 칸은 비워둠 (grid가 알아서) */
.ec-base-product .prdList > li,
ul.prdList.grid4 > li,
.fusion-pgrid > li {
  width: 100% !important;
  min-width: 0;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
}

/* BPS4 .pcard 톤 */
.ec-base-product .prdList article.pcard,
ul.prdList.grid4 article.pcard,
.fusion-pgrid article.pcard {
  display: flex;
  flex-direction: column;
  width: 100%;
  background: transparent;
}
.ec-base-product .prdList .pcard .ph,
.fusion-pgrid .pcard .ph {
  display: block;
  position: relative;
  aspect-ratio: 1 / 1;
  background: #F5F5F5;
  overflow: hidden;
  border-radius: 2px;
}
.ec-base-product .prdList .pcard .ph img,
.fusion-pgrid .pcard .ph img {
  width: 100%; height: 100%; object-fit: cover;
  transition: transform .55s cubic-bezier(.16,.84,.3,1);
}
.ec-base-product .prdList .pcard:hover .ph img,
.fusion-pgrid .pcard:hover .ph img { transform: scale(1.04); }
.ec-base-product .prdList .pcard .badge,
.fusion-pgrid .pcard .badge {
  position: absolute; top: 12px; left: 12px;
  background: #0A0A0A; color: #fff;
  font-family: 'Albert Sans', sans-serif;
  font-size: 10px; font-weight: 700; letter-spacing: .08em;
  padding: 4px 9px; text-transform: uppercase; z-index: 2;
}
.ec-base-product .prdList .pcard .badge.best,
.fusion-pgrid .pcard .badge.best { background: #2A7A94; }
.ec-base-product .prdList .pcard .info,
.fusion-pgrid .pcard .info {
  padding: 16px 4px 0;
  display: flex; flex-direction: column; gap: 4px;
}
.ec-base-product .prdList .pcard .hook,
.fusion-pgrid .pcard .hook {
  font-family: 'Albert Sans', 'Pretendard', sans-serif;
  font-size: 11px; font-weight: 600; color: #2A7A94;
  letter-spacing: .04em; text-transform: uppercase;
}
.ec-base-product .prdList .pcard .brand,
.fusion-pgrid .pcard .brand {
  font-size: 11px; color: #999; letter-spacing: .02em;
}
.ec-base-product .prdList .pcard .nm,
.fusion-pgrid .pcard .nm {
  font-family: 'Pretendard', sans-serif;
  font-size: 14px; font-weight: 600; color: #0A0A0A;
  text-decoration: none; line-height: 1.4;
  display: block; margin: 2px 0;
}
.ec-base-product .prdList .pcard .pr,
.fusion-pgrid .pcard .pr {
  font-family: 'Albert Sans', 'Pretendard', sans-serif;
  font-size: 14px; font-weight: 700; color: #0A0A0A;
  margin-top: 6px;
}

/* Cafe24 li 안 description/price 기본 — 우리 pcard와 충돌 막기 */
.ec-base-product .prdList > li .description { padding: 0 !important; }

/* 반응형 */
@media (max-width: 1023px) {
  .ec-base-product .prdList,
  ul.prdList.grid4,
  .fusion-pgrid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 18px 14px !important;
  }
}
@media (max-width: 480px) {
  .ec-base-product .prdList,
  ul.prdList.grid4,
  .fusion-pgrid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 14px 10px !important;
  }
  .ec-base-product .prdList .pcard .info,
  .fusion-pgrid .pcard .info { padding: 12px 2px 0; }
  .ec-base-product .prdList .pcard .nm,
  .fusion-pgrid .pcard .nm { font-size: 13px; }
}