/* Annonces Page */
    .marketplace-hero {
      background: linear-gradient(135deg, var(--blue-800), var(--blue-950));
      border-radius: var(--radius-xl);
      padding: 40px;
      margin-bottom: 28px;
      position: relative; overflow: hidden;
      box-shadow: var(--shadow-blue);
    }
    .marketplace-hero::before {
      content: '';
      position: absolute; inset: 0;
      background-image: radial-gradient(circle at 20% 80%, rgba(0,198,255,.15) 0%, transparent 50%),
                        radial-gradient(circle at 80% 20%, rgba(124,58,237,.15) 0%, transparent 50%);
    }
    .marketplace-hero-content { position: relative; z-index: 1; }
    .marketplace-hero h1 {
      font-family: 'Verdana', sans-serif;
      font-size: 2rem; font-weight: 800; color: white;
      letter-spacing: -1px; margin-bottom: 8px;
    }
    .marketplace-hero p { color: rgba(255,255,255,.65); font-size: .9rem; margin-bottom: 24px; }
    .hero-search-wrap {
      display: flex; gap: 10px; max-width: 520px;
    }
    .hero-search-input {
      flex: 1; height: 48px;
      background: rgba(255,255,255,.12);
      border: 1.5px solid rgba(255,255,255,.2);
      border-radius: var(--radius-md);
      padding: 0 16px 0 44px;
      color: white; font-size: .9rem;
      backdrop-filter: blur(10px);
      transition: all var(--transition);
    }
    .hero-search-input::placeholder { color: rgba(255,255,255,.45); }
    .hero-search-input:focus { background: rgba(255,255,255,.2); border-color: rgba(255,255,255,.4); outline: none; }
    .hero-search-icon {
      position: absolute; left: 14px; top: 50%; transform: translateY(-50%);
      color: rgba(255,255,255,.5); font-size: .9rem;
    }
    .hero-search-pos { position: relative; flex: 1; }
    .hero-search-btn {
      height: 48px; padding: 0 24px;
      background: white; color: var(--blue-800);
      border-radius: var(--radius-md);
      font-weight: 700; font-size: .875rem;
      transition: all var(--transition);
      border: none; cursor: pointer;
      display: flex; align-items: center; gap: 6px;
    }
    .hero-search-btn:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(0,0,0,.2); }
    .hero-stats {
      display: flex; gap: 24px; margin-top: 24px; flex-wrap: wrap;
    }
    .hero-stat { color: rgba(255,255,255,.7); font-size: .8rem; }
    .hero-stat strong { color: white; font-weight: 700; margin-right: 4px; }

    /* Sort row */
    .sort-row {
      display: flex; align-items: center; justify-content: space-between;
      margin-bottom: 20px; flex-wrap: wrap; gap: 12px;
    }
    .results-count { font-size: .875rem; color: var(--text-secondary); }
    .results-count strong { color: var(--text-primary); }
    .view-btns { display: flex; gap: 4px; }
    .view-btn {
      width: 34px; height: 34px;
      border-radius: var(--radius-sm);
      background: var(--card-bg);
      border: 1px solid var(--border-color);
      display: flex; align-items: center; justify-content: center;
      color: var(--text-secondary); font-size: .9rem;
      transition: all var(--transition); cursor: pointer;
    }
    .view-btn.active, .view-btn:hover { background: var(--blue-600); color: white; border-color: var(--blue-600); }

    /* Card level colors */
    .level-master   { background: rgba(124,58,237,.2);  color: #a78bfa; border-color: rgba(124,58,237,.3); }
    .level-licence  { background: rgba(33,150,243,.2);  color: var(--blue-400); border-color: rgba(33,150,243,.3); }
    .level-bts      { background: rgba(16,185,129,.2);  color: #34d399; border-color: rgba(16,185,129,.3); }
    .level-doctorat { background: rgba(245,158,11,.2);  color: #fcd34d; border-color: rgba(245,158,11,.3); }

    /* Cover colors */
    .cover-purple  { background: linear-gradient(135deg, #3b0764, #6d28d9) !important; }
    .cover-teal    { background: linear-gradient(135deg, #042f2e, #0f766e) !important; }
    .cover-rose    { background: linear-gradient(135deg, #500724, #be185d) !important; }
    .cover-amber   { background: linear-gradient(135deg, #431407, #b45309) !important; }
    .cover-indigo  { background: linear-gradient(135deg, #1e1b4b, #4338ca) !important; }
    .cover-cyan    { background: linear-gradient(135deg, #083344, #0891b2) !important; }

    /* Violet */
    .cover-violet  { background: linear-gradient(135deg, #2e1065, #7c3aed) !important; }
    /* Sky */
    .cover-sky     { background: linear-gradient(135deg, #082f49, #0284c7) !important; }
    /* Pink */
    .cover-pink    { background: linear-gradient(135deg, #500724, #db2777) !important; }
    /* Jaune */
    .cover-yellow  { background: linear-gradient(135deg, #422006, #ca8a04) !important; }
    /* Gris */
    .cover-gray    { background: linear-gradient(135deg, #111827, #6b7280) !important; }
    /* Stone */
    .cover-stone   { background: linear-gradient(135deg, #1c1917, #78716c) !important; }
    /* Zinc */
    .cover-zinc    { background: linear-gradient(135deg, #18181b, #52525b) !important; }
    /* Neutral */
    .cover-neutral { background: linear-gradient(135deg, #171717, #737373) !important; }
    /* Rouge */
    .cover-red     { background: linear-gradient(135deg, #450a0a, #dc2626) !important; }
    /* Bleu */
    .cover-blue    { background: linear-gradient(135deg, #172554, #2563eb) !important; }
    /* Vert */
    .cover-green   { background: linear-gradient(135deg, #052e16, #16a34a) !important; }
    /* Orange */
    .cover-orange  { background: linear-gradient(135deg, #431407, #ea580c) !important; }
    /* Émeraude */
    .cover-emerald { background: linear-gradient(135deg, #022c22, #059669) !important; }
    /* Lime */
    .cover-lime    { background: linear-gradient(135deg, #1a2e05, #65a30d) !important; }
    /* Slate (gris bleuté) */
    .cover-slate   { background: linear-gradient(135deg, #0f172a, #475569) !important; }
    /* Fuchsia */
    .cover-fuchsia { background: linear-gradient(135deg, #4a044e, #c026d3) !important; }

    @media (max-width: 640px) {
      .marketplace-hero { padding: 24px 20px; }
      .marketplace-hero h1 { font-size: 1.5rem; }
      .hero-search-wrap { flex-direction: column; }
    }