/* Sidebar grid */
main.section.container {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
}
@media (min-width: 1024px) {
  main.section.container {
    grid-template-columns: 1fr 340px;
  }
  /* Put everything in col 1 by default */
  main.section.container > * { grid-column: 1; }
  /* Sidebar in col 2 */
  .extras-sidebar { grid-column: 2; align-self: start; position: sticky; top: 16px; }
}

/* Cards in sidebar */
.extras-card { background: #fff; border-radius: 14px; padding: 16px; box-shadow: 0 1px 3px rgba(0,0,0,.06); margin-bottom: 16px; }
.extras-card h2 { font-size: 18px; margin: 0 0 12px; }
.extras-list { display: grid; gap: 10px; }
.extras-item { display: grid; grid-template-columns: 56px 1fr; gap: 10px; align-items: center; }
.extras-item img { width: 56px; height: 56px; object-fit: cover; border-radius: 8px; border: 1px solid #eee; background:#f7f7f7; }
.extras-item a { font: 500 14px/1.3 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; color: #111; text-decoration: none; }
.extras-item a:hover { text-decoration: underline; }
.hidden { display: none !important; }