/* 장바구니·바로 구매 갈래 — 공개몰 머리 «장바구니» 숫자·상품 카드 단추·상품 상세 단추·셀러 장바구니·주문서 빈 상태.
   색·모서리는 sellloop.css 토큰을 그대로 쓴다. 10/4 디자인 C+B: 모서리 0(숫자 표시·말풍선·사진 칸) · 그라데이션 0. */

.sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* 공개몰 머리 — 장바구니 아이콘 숫자·담은 뒤 말풍선 */
.uicons { position: relative; }
.uicons a.cart-ic { position: relative; }
.cart-n { position: absolute; top: -7px; left: 50%; margin-left: 6px; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 0;
  background: var(--danger); color: #fff; font-size: 11px; font-weight: 700; line-height: 18px; text-align: center; }
.uicons a.cart-pop { position: absolute; right: 0; top: calc(100% + 10px); z-index: 20; white-space: nowrap; background: var(--navy); color: #fff;
  font-size: 13px; font-weight: 600; padding: 9px 14px; border-radius: 0; flex-direction: row; }
.uicons a.cart-pop::before { content: ""; position: absolute; right: 22px; top: -6px; border: 6px solid transparent; border-top: 0; border-bottom-color: var(--navy); }

/* 상품 카드(승인 셀러) — 바깥 div.pcard 안에 링크 + 단추 */
.pcard > .pcard-link { display: flex; flex-direction: column; flex: 1; }
.pcard-act { padding: 8px 0 0; }                   /* 카드 상자가 없으니 좌우 여백 없이 사진·글자 줄에 맞춤, 위만 띄움 */
.pcard-act form { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; margin: 0; }
.pcard-act .btn { width: 100%; padding: 0 6px; }

/* 상품 상세 — 담기·바로 구매 */
.pd-buy .cart-qty-in { max-width: 180px; }
.pd-buy .cart-go { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.pd-buy .cart-go .block { grid-column: 1 / -1; }

/* 셀러 상품 찾기 — 체크 → 마켓에 올리기 */
.cart-pickbar { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; padding: 12px 16px; margin-bottom: 12px; }
.cart-pickbar-cart { margin-left: auto; }
.cart-pick { width: 17px; height: 17px; margin: 0; accent-color: var(--blue); cursor: pointer; }
.cart-optact { display: inline-flex; gap: 6px; justify-content: flex-end; }
.cart-optact form { margin: 0; }

/* 장바구니 */
.cart-sum > * { min-width: 0; }                      /* 넓은 표가 왼쪽 칸을 밀어 합계 상자가 화면 밖으로 나가지 않게 */
.cart-tools { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; padding: 12px 16px; }
.cart-tools .btn { margin-left: auto; }
.cart-warn { color: var(--danger); font-weight: 600; }
.cart-t th, .cart-t td { padding-left: 8px; padding-right: 8px; }
.cart-pcol { min-width: 200px; }
.cart-ck { width: 34px; text-align: center; }
.cart-ck input { width: 17px; height: 17px; accent-color: var(--blue); cursor: pointer; }
.cart-prod { display: flex; gap: 10px; align-items: center; }
.cart-prod a:hover { color: var(--blue); }
.cart-thumb { flex: 0 0 44px; width: 44px; height: 44px; border-radius: 0; overflow: hidden; background: var(--g6); }
.cart-thumb img { width: 100%; height: 100%; object-fit: cover; }
.cart-flags { display: flex; gap: 4px; flex-wrap: wrap; margin-top: 5px; }
.cart-qty { display: inline-flex; gap: 6px; align-items: center; }
.t tr.cart-off td { background: var(--danger-soft); }
.t tr.cart-gsum td { background: var(--g6); font-size: 13px; }

/* 주문서 — 넓은 표가 칸(격자)을 밀어 폰 폭을 넘기지 않게(표는 .tbox 안에서 가로로 민다) */
.sl-steps > * { min-width: 0; }

/* 빈 상태(장바구니·주문서) */
.cart-empty b { display: block; font-size: 16px; color: var(--navy); margin-bottom: 6px; }
.cart-empty p { margin: 0 0 16px; }
.cart-center { display: flex; gap: 8px; justify-content: center; flex-wrap: wrap; }

@media (max-width: 1100px) { .sl-pact { flex-wrap: wrap; } }   /* 상품 찾기 줄 단추 4개(관심·담기·바로 구매·문의)가 한 줄로 넘치지 않게 */
@media (max-width: 760px) {
  /* 폰 폭 — 자리가 좁아 머리 아이콘은 장바구니만 남긴다 */
  .uicons { display: flex; gap: 0; margin-left: auto; }
  .uicons > a:not(.cart-ic):not(.cart-pop) { display: none; }
  .uicons a.cart-pop { right: -8px; }
  .pcard-act form { grid-template-columns: 1fr; }
  .cart-tools .btn, .cart-pickbar-cart { margin-left: 0; }
}