/* Rating widget near title */
.hxmr-rating{
  display:inline-flex;
  gap:8px;
  align-items:center;
  padding:6px 10px;
  border-radius:12px;
  border:1px solid rgba(0,0,0,.10);
  background: rgba(0,0,0,.02);
  cursor:pointer;
  user-select:none;
}
.hxmr-rating:focus{ outline: 2px solid rgba(13,110,253,.25); outline-offset: 2px; }
.hxmr-rating__txt{ font-weight:900; }
.hxmr-rating__cnt{ opacity:.6; font-weight:800; }

.hxmr{ border:1px solid rgba(0,0,0,.08); border-radius:16px; padding:14px; background:#fff; }
.hxmr-head{ display:flex; align-items:flex-end; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.hxmr-title{ font-size:1.15rem; font-weight:900; }
.hxmr-filters{ display:flex; gap:10px; flex-wrap:wrap; }
.hxmr-filters select{ border-radius:12px; padding:8px 10px; border:1px solid rgba(0,0,0,.10); }

.hxmr-list{ margin-top:12px; display:flex; flex-direction:column; gap:10px; }
.hxmr-loading,.hxmr-empty{ opacity:.75; padding:12px; }

.hxmr-item{ border:1px solid rgba(0,0,0,.08); border-radius:14px; padding:12px; background:#fff; }
.hxmr-item__head{ display:flex; justify-content:space-between; gap:12px; align-items:center; flex-wrap:wrap; }
.hxmr-item__author{ font-weight:900; display:flex; gap:10px; align-items:center; flex-wrap:wrap; }
.hxmr-item__date{ font-size:12px; opacity:.65; }
.hxmr-item__rating{ display:flex; gap:8px; align-items:center; font-weight:900; }
.hxmr-stars{ display:inline-flex; gap:2px; }
.hxmr-star{ font-size:16px; line-height:1; }
.hxmr-star.is-full{ opacity:1; }
.hxmr-star.is-empty{ opacity:.35; }
.hxmr-star.is-half{ opacity:.75; }
.hxmr-item__r{ font-size:12px; opacity:.65; }

.hxmr-verified{
  display:inline-flex;
  padding:4px 8px;
  border-radius:999px;
  font-size:12px;
  font-weight:900;
  background: rgba(25,135,84,.10);
  border:1px solid rgba(25,135,84,.18);
  color:#198754;
}

.hxmr-item__body{ margin-top:10px; font-size:14px; line-height:1.55; opacity:.95; }

.hxmr-photos-grid{
  margin-top:10px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.hxmr-photo img{
  width:76px;
  height:76px;
  object-fit:cover;
  border-radius:14px;
  border:1px solid rgba(0,0,0,.08);
}

.hxmr-pager{ margin-top:12px; display:flex; justify-content:center; }
.hxmr-loadmore{
  padding:10px 14px; border-radius:14px;
  border:1px solid rgba(0,0,0,.10); background:rgba(0,0,0,.03);
  font-weight:900; cursor:pointer;
}

.hxmr-formwrap{ margin-top:16px; padding-top:12px; border-top:1px dashed rgba(0,0,0,.10); }
.hxmr-formtitle{ font-weight:900; margin-bottom:10px; }

.hxmr-lock{
  border:1px solid rgba(220,53,69,.18);
  background: rgba(220,53,69,.06);
  border-radius:14px;
  padding:12px;
}
.hxmr-lock__row{ font-weight:800; }

.hxmr-form{ display:grid; gap:10px; }
.hxmr-formrow label{ display:block; font-size:13px; opacity:.75; margin-bottom:6px; font-weight:800; }
.hxmr-formrow input, .hxmr-formrow select, .hxmr-formrow textarea{
  width:100%; border-radius:12px; padding:10px 12px;
  border:1px solid rgba(0,0,0,.10);
}
.hxmr-formrow-2{ display:grid; grid-template-columns: 1fr 1fr; gap:10px; }
@media(max-width:640px){ .hxmr-formrow-2{ grid-template-columns:1fr; } }

.hxmr-submit{
  padding:11px 14px; border-radius:14px; border:0;
  background:#111; color:#fff; font-weight:900;
}
.hxmr-note{ font-size:12px; opacity:.6; }

.hxmr-photo-hint{ font-size:12px; opacity:.6; margin-top:6px; }
.hxmr-photo-preview{
  margin-top:10px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.hxmr-prev img{
  width:64px; height:64px; object-fit:cover;
  border-radius:14px;
  border:1px solid rgba(0,0,0,.08);
}