/* ND Related Grid - 3 columns compact + square media */
.nd-related-grid{
  display:grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 16px !important;
  align-items: stretch;
}
@media (max-width: 1200px){
  .nd-related-grid{ grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
}
@media (max-width: 640px){
  .nd-related-grid{ grid-template-columns: 1fr !important; }
}

/* Card visuals */
.nd-card{
  display:block; background:#fff; border-radius:14px;
  border:1px solid rgba(17,24,39,.06);
  box-shadow:0 8px 24px rgba(0,0,0,.07);
  overflow:hidden;
}
.nd-card__media{ position:relative; }
.nd-card__media img{
  width:100%; aspect-ratio: 1 / 1; object-fit: cover; display:block;
}
.nd-card__body{ padding:12px 14px 14px; min-height:150px; display:flex; flex-direction:column; gap:8px; }
.nd-card__title{ font-size:15px; font-weight:700; line-height:1.25; margin:0; }
.nd-card__subtitle{ font-size:12px; color:#6b7280; line-height:1.35; margin:0; }
.nd-card__price{ display:flex; align-items:center; gap:8px; margin-top:6px; }
.nd-price-old{ color:#9CA3AF; text-decoration:line-through; }
.nd-price-new{ color:#111827; font-weight:800; }
.nd-discount-pill{ background:#22c55e; color:#fff; font-size:11px; padding:2px 8px; border-radius:999px; font-weight:700; }

/* Badges */
.nd-badge{ position:absolute; top:8px; padding:3px 8px; border-radius:999px; font-size:11px; font-weight:700; }
.nd-badge--left{ left:8px; background:#111827; color:#fff; }
.nd-badge--right{ right:8px; background:#f59e0b; color:#111827; }
.nd-badge--new{ right:8px; bottom:8px; top:auto; background:#3b82f6; color:#fff; }

/* Ribbon (contador) */
.nd-ribbon{ position:absolute; left:50%; transform:translateX(-50%); bottom:12px; background:#e11d48; color:#fff; padding:8px 18px; border-radius:999px; font-weight:800; font-size:13px; }
.nd-ribbon .time{ white-space:nowrap; }