/* 엔푸드 제품 전용 리스트 스킨 스타일 */
:root{ --nf-green:#8cc63f; --nf-green-d:#6ba428; }
.nf-prod-cate{border:2px solid var(--nf-green);margin:0 0 20px}
.nf-prod-cate h2{background:var(--nf-green);color:#fff;font-size:15px;font-weight:700;padding:9px 16px;margin:0}
#bo_cate_ul{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;margin:0;padding:0}
#bo_cate_ul li{border-top:1px solid #e5e5e5;border-left:1px solid #e5e5e5}
#bo_cate_ul li:nth-child(4n+1){border-left:0}
#bo_cate_ul li a{display:block;padding:11px 10px;text-align:center;font-size:14px;color:#555}
#bo_cate_ul li a:hover,#bo_cate_ul li.on a{color:var(--nf-green-d);font-weight:700;background:#f4f9ec}
.nf-prod-tbl table{width:100%;border-collapse:collapse;table-layout:fixed}
.nf-prod-tbl thead th{background:#f3f5ee;border-top:2px solid #999;border-bottom:1px solid #ddd;padding:12px 8px;font-size:15px;color:#444}
.nf-prod-tbl tbody td{border-bottom:1px solid #eee;padding:16px 10px;font-size:14px;vertical-align:middle;text-align:center}
.nf-pd-img img{width:100px;height:75px;object-fit:cover;border:1px solid #eee;border-radius:4px}
.nf-noimg{display:inline-block;width:100px;height:75px;line-height:75px;font-size:12px;color:#aaa;border:1px solid #eee;border-radius:4px;background:#fafafa;text-align:center}
.nf-pd-name{text-align:left !important}
.nf-pd-cate{display:block;color:var(--nf-green-d);font-size:13px;margin-bottom:3px}
.nf-pd-subject{font-size:16px;font-weight:600;color:#333;line-height:1.4}
.nf-pd-name a:hover .nf-pd-subject{color:var(--nf-green-d)}
.nf-pd-price{color:var(--nf-green-d);font-weight:700;white-space:nowrap}
.nf-pd-spec{text-align:left !important;color:#666;font-size:13px;line-height:1.5}
#bo_btn_top{overflow:hidden;margin-bottom:10px}
#bo_list_total{float:left;padding-top:6px;color:#666}
#bo_btn_top .btn_bo_user{float:right;list-style:none;display:flex;gap:6px;margin:0;padding:0}
@media (max-width:768px){
  #bo_cate_ul{grid-template-columns:repeat(2,1fr)}
  #bo_cate_ul li:nth-child(4n+1){border-left:1px solid #e5e5e5}
  #bo_cate_ul li:nth-child(2n+1){border-left:0}
  .nf-prod-tbl table{table-layout:auto}
  .nf-prod-tbl thead{display:none}
  .nf-prod-tbl tbody td{display:block;text-align:left !important;border:0;padding:4px 10px}
  .nf-prod-tbl tbody tr{display:block;border-bottom:1px solid #eee;padding:12px 0}
  .nf-pd-price:before{content:"단가 : ";color:#999;font-weight:400}
  .nf-pd-spec:before{content:"규격 : ";color:#999}
}