.rmsa-srp{ margin-top: 28px; }
.rmsa-srp__head{ display:flex; align-items:center; justify-content:space-between; margin-bottom: 12px; }
.rmsa-srp__title{ font-size: 1.25rem; font-weight: 800; margin: 0; }
.rmsa-srp__grid{ display:grid; gap: 14px; }
.rmsa-srp__grid.single-row{ display:flex; gap:14px; overflow:auto; padding-bottom:8px; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch; }
.rmsa-srp__grid.single-row .rmsa-srp__card{ flex: 0 0 calc((100% - (var(--cols) - 1)*14px)/var(--cols)); scroll-snap-align:start; }
.rmsa-srp__card{ background:#fff; border:1px solid #e5e7eb; border-radius:14px; overflow:hidden; transition: transform .12s ease, box-shadow .12s ease; }
.rmsa-srp__card:hover{ transform: translateY(-2px); box-shadow:0 10px 24px rgba(0,0,0,.08); }
.rmsa-srp__link{ display:block; text-decoration:none; color:inherit; }
.rmsa-srp__thumb{ position:relative; background:#f1f5f9; overflow:hidden; }
.rmsa-srp__thumb img{ width:100%; height:100%; object-fit:cover; display:block; }
.rmsa-srp__thumb--ph{ width:100%; height:100%; background:repeating-linear-gradient(45deg,#f3f4f6,#f3f4f6 10px,#eee 10px,#eee 20px); }
.rmsa-srp__badge{ position:absolute; left:10px; top:10px; background:#111827; color:#fff; font-size:12px; font-weight:700; padding:4px 8px; border-radius:999px; }
.rmsa-srp__h3{ font-size: 1rem; font-weight: 800; line-height:1.4; margin: 10px 12px 6px; }
.rmsa-srp__meta{ display:flex; gap:6px; align-items:center; color:#6b7280; font-size: 12px; margin: 0 12px 14px; }
/* Ratios */
.rmsa-srp--ratio-16x9 .rmsa-srp__thumb{ aspect-ratio: 16/9; }
.rmsa-srp--ratio-4x3  .rmsa-srp__thumb{ aspect-ratio: 4/3; }
.rmsa-srp--ratio-1x1  .rmsa-srp__thumb{ aspect-ratio: 1/1; }


/* Smart colored badges */
.rmsa-srp__badge.badge-new{ background:#10B981; }       /* green */
.rmsa-srp__badge.badge-hot{ background:#EF4444; }       /* red */
.rmsa-srp__badge.badge-pop{ background:#F59E0B; }       /* amber */
.rmsa-srp__badge.badge-rec{ background:#3B82F6; }       /* blue */
.rmsa-srp__badge.badge-personal{ background:#8B5CF6; }  /* violet */


/* H11 badge color force */
.rmsa-srp .rmsa-srp__badge{ position:absolute; left:8px; top:8px; z-index:5;
  padding:6px 10px; border-radius:999px; font-weight:700; font-size:13px; display:inline-block;
}
.rmsa-srp .rmsa-srp__badge.badge-new{ background:#10B981 !important; color:#fff !important; }
.rmsa-srp .rmsa-srp__badge.badge-hot{ background:#EF4444 !important; color:#fff !important; }
.rmsa-srp .rmsa-srp__badge.badge-pop{ background:#F59E0B !important; color:#111 !important; }
.rmsa-srp .rmsa-srp__badge.badge-rec{ background:#3B82F6 !important; color:#fff !important; }
.rmsa-srp .rmsa-srp__badge.badge-personal{ background:#8B5CF6 !important; color:#fff !important; }