/* =========================================================================
 * 운영 페이지 「공동판매」 탭(/ops/products/) — 2026-10-07. 이 탭에서만 싣는다(functions.php).
 * 틀(목록 카드·배지·입력칸·버튼)은 ops.css 와 사이트 공용 .btn 을 쓰고, 상품 사진·폼 배치만 여기 둔다.
 * ========================================================================= */

.ops-product{align-items:center}
.ops-product-thumb{flex:none; width:64px; height:64px; border-radius:4px; overflow:hidden; background:var(--bg-2);
  display:flex; align-items:center; justify-content:center}
.ops-product-thumb img{width:100%; height:100%; object-fit:cover; display:block}
.ops-product del{color:var(--muted)}

.ops-pf .ops-item-main{display:flex; flex-direction:column; gap:12px}
.ops-pf-field{display:flex; flex-direction:column; gap:5px; min-width:0}
.ops-pf-label{font-size:13.5px; font-weight:800; color:var(--ink)}
.ops-pf-field .ops-field{width:100%}
.ops-pf-row{display:grid; grid-template-columns:1fr 1fr; gap:12px}
.ops-pf-radios{display:flex; gap:14px; flex-wrap:wrap; font-size:14.5px}
.ops-pf-radio{display:inline-flex; align-items:center; gap:4px; cursor:pointer}

.ops-pf-photos{display:flex; flex-wrap:wrap; gap:8px}
.ops-pf-photo{position:relative; width:88px; height:88px; border-radius:4px; overflow:hidden; border:2px solid var(--card-line)}
.ops-pf-photo img{width:100%; height:100%; object-fit:cover; display:block}
.ops-pf-x{position:absolute; right:3px; bottom:3px; font-size:11px; font-weight:800; padding:2px 6px; border-radius:3px;
  border:0; background:rgba(0,0,0,.65); color:#fff; cursor:pointer}
.ops-pf-add{width:88px; height:88px; border-radius:4px; border:2px dashed var(--card-line); display:flex; align-items:center;
  justify-content:center; font-size:13px; font-weight:800; color:var(--muted); cursor:pointer; text-align:center; position:relative}
.ops-pf-add input{position:absolute; inset:0; opacity:0; cursor:pointer}
.ops-pf-add:hover{border-color:var(--action); color:var(--action)}

@media (max-width:600px){
  .ops-pf-row{grid-template-columns:1fr}
  .ops-pf-field .ops-field{font-size:16px} /* 16px 미만이면 iOS 가 확대한다 */
}