/* Grid: mobile 1-col, desktop N cols via CSS var */
.osm-picks.osm-picks-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: 1fr; /* mobile first */
}

@media (min-width: 700px) {
  .osm-picks.osm-picks-grid {
    grid-template-columns: repeat(var(--osm-grid-cols, 3), minmax(0, 1fr));
  }
}

/* Glassy white-transparent card with subtle border + tiny 3D shadow */
.osm-card.osm-card--glass {
  margin: 0;
  background: rgba(255, 255, 255, 0.9);       /* white, slightly transparent */
  color: #0e0e0e;                              /* dark text for readability */
  border: 1px solid rgba(0, 0, 0, 0.12);       /* visible but subtle border */
  border-radius: 12px;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.10);  /* micro 3D */
  padding: 14px 16px;
  transition: transform .12s ease, box-shadow .12s ease;
  will-change: transform;
  font-size: 0.92rem;                          /* overall smaller text */
}

/* Hover lift */
.osm-card.osm-card--glass:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.12);
}

/* Rows & spacing */
.osm-row {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.osm-row + .osm-row { margin-top: 6px; }

/* Line 1: Teams (keep big) + kickoff (small) */
.osm-row--title { justify-content: space-between; }
.osm-card__title { font-weight: 800; letter-spacing: .2px; font-size: 1.08rem; }
.osm-card__kick  { opacity: .7; font-size: .82rem; }

/* Line 2: League · Country (smaller) */
.osm-row--meta { opacity: .85; font-size: .88rem; }
.osm-row--meta .sep { opacity: .5; }

/* Line 3: Pick @ odds (labels smaller, values bold) */
.osm-row--pick { font-size: .9rem; }
.osm-row--pick .label { opacity: .75; }
.osm-row--pick .val   { font-weight: 700; }
.osm-row--pick .at    { opacity: .7; }
.osm-row--pick .odds  { font-weight: 700; }

/* Line 4: Confidence & Profile (smaller) */
.osm-row--extra { opacity: .92; font-size: .88rem; }
.osm-row--extra .sep { opacity: .5; }

/* Optional frosted effect (browser support varies)
.osm-card.osm-card--glass { backdrop-filter: saturate(1.2) blur(3px); }
*/