.results-section {
  position: relative;
}

.results-grid {
  display: grid;
      grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
      gap: 20px;
      margin-top: 16px;
}

.result-card {
  background: var(--bg-card);
      border-radius: 16px;
      overflow: hidden;
      border: 1px solid var(--border-color);
      transition: transform 0.2s, border-color 0.2s, box-shadow 0.2s;
      cursor: pointer;
      position: relative;
}

.result-card:hover {
  transform: translateY(-4px);
      border-color: var(--orange);
      box-shadow: 0 12px 32px rgba(249, 115, 22, 0.15);
}

.result-card .poster {
  width: 100%;
      aspect-ratio: 2 / 3;
      background: var(--bg-primary);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 48px;
      color: var(--text-secondary);
      overflow: hidden;
}

.result-card .poster img {
  width: 100%; height: 100%; object-fit: cover; display: block;
}

.result-card .poster .placeholder-icon {
  opacity: 0.3;
}

.result-card .info {
  padding: 14px 16px 16px;
}

.result-card .info .title {
  font-weight: 600;
      font-size: 15px;
      line-height: 1.3;
      margin-bottom: 4px;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      color: var(--text-primary);
}

.result-card .info .meta {
  display: flex;
      align-items: center;
      gap: 8px;
      font-size: 12px;
      color: var(--text-secondary);
      flex-wrap: wrap;
}

.result-card .info .meta .year {
  background: var(--bg-primary);
      padding: 1px 10px;
      border-radius: 20px;
      font-weight: 500;
}

.result-card .info .meta .type-badge {
  background: rgba(249, 115, 22, 0.15);
      color: var(--orange);
      padding: 1px 10px;
      border-radius: 20px;
      font-weight: 500;
      font-size: 11px;
      text-transform: uppercase;
      letter-spacing: 0.3px;
}

.result-card .rating {
  position: absolute;
      top: 12px;
      right: 12px;
      background: rgba(0,0,0,0.7);
      backdrop-filter: blur(6px);
      padding: 3px 10px;
      border-radius: 30px;
      font-size: 12px;
      font-weight: 600;
      color: #fcd34d;
      display: flex;
      align-items: center;
      gap: 4px;
      border: 1px solid rgba(255,255,255,0.06);
}

.result-card .rating i {
  font-size: 11px;
}

.watchlist-btn {
  position: absolute;
      top: 12px;
      left: 12px;
      background: rgba(0,0,0,0.7);
      backdrop-filter: blur(6px);
      border: none;
      color: var(--text-primary);
      padding: 4px 10px;
      border-radius: 30px;
      font-size: 12px;
      cursor: pointer;
      transition: background 0.2s, color 0.2s;
      font-family: inherit;
      display: flex;
      align-items: center;
      gap: 4px;
}

.watchlist-btn:hover {
  background: var(--border-color);
}

.watchlist-btn.in-watchlist {
  color: #fcd34d;
}

.toast .toast-icon.info {
  color: #60a5fa;
}