/* assets/css/detail_ui.css - Enhancements for detail page */

/* Reuse core UI vars from ui_main.css */
.detail-page {
  background: var(--bg-light);
  padding: 2rem 0;
}

.detail-grid {
  backdrop-filter: blur(8px);
  background: rgba(255,255,255,0.8);
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.1);
}

/* Adjust badge colors to match theme */
.new-badge, .stock-badge {
  background: var(--primary);
  color: #fff;
}

.sold-badge {
  background: rgba(0,0,0,0.6);
  color: #fff;
}