:root{
  --hd-card-bg:#0b1220;
  --hd-border:#1f2937;
  --hd-text:#e5e7eb;
  --hd-muted:#9ca3af;
  --hd-primary:#e61b1b;
  --hd-accent:#fcde84;
  --hd-star:#fcde84;
  --hd-radius:16px;
  --hd-shadow:0 6px 18px rgba(0,0,0,.35);
  --hd-shadow-hover:0 14px 34px rgba(0,0,0,.5);
}
.hd-reviews-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fill, minmax(280px,1fr))}
.hd-review-card{display:flex;flex-direction:column;border:1px solid var(--hd-border);border-radius:var(--hd-radius);background:var(--hd-card-bg);box-shadow:var(--hd-shadow);overflow:hidden;transition:.25s ease}
.hd-review-card:hover{transform:translateY(-4px);box-shadow:var(--hd-shadow-hover);border-color:#2b3648}
.hd-thumb{position:relative;aspect-ratio:4/3;background:#0f172a;overflow:hidden}
.hd-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.hd-thumb img.hd-fallback{opacity:.95}
.hd-ribbon{position:absolute;left:12px;top:12px;background:linear-gradient(135deg,var(--hd-primary),#b91c1c);color:#fff;font-size:12px;padding:6px 10px;border-radius:999px;box-shadow:0 6px 18px rgba(230,27,27,.35)}
.hd-body{padding:14px 14px 12px}
.hd-stars{color:var(--hd-star);font-size:14px;letter-spacing:1px;display:inline-block;margin-bottom:8px}
.hd-title{margin:2px 0 10px;line-height:1.5}
.hd-title .hd-name,.hd-title .hd-project{display:block}
.hd-title .hd-name{font-weight:900;font-size:17px;color:#fff}
.hd-title .hd-project{font-weight:700;font-size:14px;color:var(--hd-accent)}
.hd-fields{display:grid;gap:8px;margin:6px 0 0}
.hd-field{display:grid;grid-template-columns:160px 1fr;align-items:start;column-gap:12px}
.hd-field__label{font-weight:800;color:#fff;opacity:.95}
.hd-field__value{margin:0;color:#9ca3af;line-height:1.9}
@media (max-width:480px){
  .hd-field{grid-template-columns:1fr}
  .hd-field__label{margin-bottom:2px}
}
.hd-meta{display:flex;align-items:center;gap:8px;padding:10px 14px 14px;color:#9ca3af;font-size:12px}
.hd-badge{background:rgba(252,222,132,.1);color:var(--hd-accent);border:1px solid rgba(252,222,132,.35);padding:2px 8px;border-radius:999px;font-size:11px}
.hd-date{margin-right:auto}
.hd-cta{margin-left:auto;padding:6px 10px;border:1px solid var(--hd-border);border-radius:10px;text-decoration:none;color:#ffffff;font-weight:700;transition:.2s;background:linear-gradient(180deg, rgba(230,27,27,.08), rgba(230,27,27,.0))}
.hd-cta:hover{border-color:var(--hd-primary);box-shadow:0 0 0 3px rgba(230,27,27,.15) inset}
.hd-cf-pagination{display:flex;justify-content:center;margin:14px 0 24px}
.hd-cf-pagination ul{display:flex;gap:8px;list-style:none;padding:0;margin:0}
.hd-cf-pagination a,.hd-cf-pagination span{display:inline-block;padding:8px 12px;border:1px solid var(--hd-border);border-radius:10px;font-size:13px;text-decoration:none;color:#e5e7eb;background:#0f172a}
.hd-cf-pagination .current{background:var(--hd-primary);color:#fff;border-color:var(--hd-primary)}
.hd-modal[hidden]{display:none}
.hd-modal{position:fixed;inset:0;z-index:9999}
.hd-modal__overlay{position:absolute;inset:0;background:rgba(2,8,23,.65);backdrop-filter:saturate(120%) blur(6px)}
.hd-modal__dialog{position:relative;max-width:720px;margin:6vh auto;background:#0f172a;border:1px solid var(--hd-border);border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.55);padding:18px 18px 14px;direction:rtl;color:#e5e7eb}
.hd-modal__close{position:absolute;inset-inline-end:10px;top:8px;border:0;background:#111827;color:#fff;border-radius:999px;width:32px;height:32px;cursor:pointer}
.hd-modal__head{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}
.hd-modal__stars{color:var(--hd-star);font-size:15px}
.hd-modal__title{font-size:18px;margin:0;color:#fff}
.hd-modal__meta{display:flex;gap:8px;color:#9ca3af;font-size:12px}
.hd-modal__content{color:#e5e7eb;font-size:14px;line-height:1.9}