.jd-grid{display:grid;gap:14px}
.jd-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
.jd-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.jd-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.jd-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width: 960px){ .jd-cols-4{grid-template-columns:repeat(3,minmax(0,1fr))} }
@media (max-width: 720px){ .jd-cols-3,.jd-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width: 480px){ .jd-cols-2,.jd-cols-3,.jd-cols-4{grid-template-columns:repeat(1,minmax(0,1fr))} }

.jd-item-card{display:grid;grid-template-columns:38% 1fr;gap:12px;border:1px solid #ececec;border-radius:12px;overflow:hidden;background:#fff;min-height:140px}
.jd-thumb{background:#f6f7f9}
.jd-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.jd-info{padding:12px 12px 12px 0;display:flex;flex-direction:column;gap:8px}
.jd-title{font-weight:700;color:#111;text-decoration:none;line-height:1.35}
.jd-title:hover{text-decoration:underline}
.jd-price{color:#d9480f;font-weight:800;font-size:16px}

.jd-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:auto}
.jd-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;border:1px solid #eee;text-decoration:none;line-height:1}
.jd-btn-icon{width:16px;height:16px;object-fit:contain;display:block}
.jd-badge-inline{display:inline-block;width:62px;height:22px;opacity:.95}
.jd-badge-inline img{width:100%;height:100%;display:block}