.hlg-wrap{max-width:1200px;margin:0 auto}
.hlg-search{display:flex;gap:8px;margin:10px 0}
.hlg-search input{flex:1;padding:8px;border:1px solid #ddd;border-radius:6px}
.hlg-search button{padding:8px 14px;border-radius:6px;border:none;background:#0a572a;color:#fff;cursor:pointer}

.hlg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.hlg-card{background:#fff;border:1px solid #eee;border-radius:10px;overflow:hidden;perspective:1000px;cursor:pointer}
.hlg-inner{position:relative;width:100%;height:320px;transition:transform .6s;transform-style:preserve-3d}
.hlg-card:hover .hlg-inner,.hlg-card.is-flipped .hlg-inner{transform:rotateY(180deg)}

.hlg-face{position:absolute;inset:0;backface-visibility:hidden;display:flex;flex-direction:column}
.hlg-front img{width:100%;height:100%;object-fit:cover;display:block}
.hlg-back{transform:rotateY(180deg);padding:12px;overflow:auto;background:#f9fafb}

.hlg-name{font-weight:600;margin:0 0 6px}
.hlg-small{font-size:12px;opacity:.9;line-height:1.45}
.hlg-img-placeholder{display:flex;align-items:center;justify-content:center;height:100%;background:#f5f5f5;color:#999;font-size:13px}