/* =====================================================================
   1420 — USP Bar module (rp_uspbar). Reusable full-width trust strip.
   Brand black band, 4 cells (icon + title + sub). Loaded via addStyle().
   ===================================================================== */
.rp-uspbar { --blk:#191516; --red:#db0f16; background:var(--blk); color:#fff;
  font-family:'Outfit',sans-serif; }
.rp-uspbar *, .rp-uspbar *::before, .rp-uspbar *::after { box-sizing:border-box; }

.rp-uspbar__grid { list-style:none; margin:0; padding:18px 0; display:grid;
  grid-template-columns:repeat(4,1fr); gap:14px; }

.rp-uspbar__cell { display:flex; align-items:center; gap:14px; min-width:0;
  padding:0 8px; }
.rp-uspbar__cell + .rp-uspbar__cell { border-left:1px solid rgba(255,255,255,.10); padding-left:22px; }

.rp-uspbar__icon { flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center;
  width:42px; height:42px; border-radius:10px; background:rgba(255,255,255,.06);
  color:rgba(255,255,255,.9); }
.rp-uspbar__icon svg { width:20px; height:20px; }

.rp-uspbar__text { display:flex; flex-direction:column; line-height:1.3; min-width:0; }
.rp-uspbar__text strong { font-size:15px; font-weight:700; color:#fff; }
.rp-uspbar__text span { font-size:13px; color:rgba(255,255,255,.55); }

/* responsive: 4 -> 2 -> 1 */
@media (max-width:900px){
  .rp-uspbar__grid { grid-template-columns:repeat(2,1fr); gap:18px 14px; }
  .rp-uspbar__cell:nth-child(odd) { border-left:0; padding-left:8px; }
}
@media (max-width:520px){
  .rp-uspbar__grid { grid-template-columns:1fr; }
  .rp-uspbar__cell { border-left:0 !important; padding-left:8px; }
}