/* ── Cards article ─────────────────────────── */
    .article-card {
      background: #fff;
      border-radius: var(--radius-card);
      box-shadow: var(--shadow-card);
      overflow: hidden;
      height: 100%;
      transition: transform var(--transition), box-shadow var(--transition);
      cursor: pointer;
    }
    .article-card:hover {
      transform: translateY(-6px);
      box-shadow: 0 14px 40px rgba(0,0,0,.13);
    }
    .article-card .card-thumb {
      height: 210px;
      overflow: hidden;
      position: relative;
    }
    .article-card .card-thumb img {
      width: 100%; height: 100%;
      object-fit: cover;
      transition: transform .5s ease;
    }
    .article-card:hover .card-thumb img { transform: scale(1.07); }

    .article-card .cat-badge {
      position: absolute;
      top: .85rem; left: .85rem;
      border-radius: 20px;
      padding: .25rem .8rem;
      font-size: .72rem;
      font-weight: 700;
      color: #fff;
    }
    .article-card .card-body { padding: 1.4rem; }
    .article-card .card-title {
      font-family: 'Playfair Display', serif;
      font-size: 1.08rem;
      font-weight: 700;
      line-height: 1.35;
      margin-bottom: .5rem;
      color: var(--color-dark);
    }
    .article-card .card-excerpt {
      font-size: .85rem;
      color: var(--color-muted);
      line-height: 1.65;
      margin-bottom: 1rem;
    }
    .article-card .card-meta {
      display: flex;
      align-items: center;
      gap: .75rem;
      font-size: .75rem;
      color: var(--color-muted);
    }
    .article-card .card-meta .author-ava {
      width: 26px; height: 26px;
      border-radius: 50%;
      object-fit: cover;
      border: 2px solid var(--color-beige);
    }
    .article-card .read-time {
      margin-left: auto;
      background: var(--color-beige);
      border-radius: 10px;
      padding: .15rem .55rem;
      font-size: .72rem;
      font-weight: 600;
      color: var(--color-muted);
    }
    .article-card .read-link {
      display: block;
      margin-top: 1rem;
      font-size: .83rem;
      font-weight: 600;
      color: var(--color-sage);
      text-decoration: none;
    }
    .article-card .read-link:hover { color: var(--color-terra); }

    /* Article mis en avant */
    .featured-card {
      background: #fff;
      border-radius: var(--radius-card);
      box-shadow: var(--shadow-card);
      overflow: hidden;
      transition: box-shadow var(--transition);
    }
    .featured-card:hover { box-shadow: 0 16px 48px rgba(0,0,0,.14); }
    .featured-card .feat-img {
      height: 360px; overflow: hidden;
    }
    .featured-card .feat-img img {
      width: 100%; height: 100%;
      object-fit: cover;
      transition: transform .5s ease;
    }
    .featured-card:hover .feat-img img { transform: scale(1.04); }
    .featured-card .feat-body { padding: 2rem 2.25rem; }
    .featured-card .feat-title {
      font-family: 'Playfair Display', serif;
      font-size: clamp(1.4rem, 2.5vw, 1.9rem);
      font-weight: 700; line-height: 1.25;
      margin-bottom: .75rem;
    }
    .featured-card .feat-excerpt {
      font-size: .93rem;
      color: var(--color-muted);
      line-height: 1.75;
      margin-bottom: 1.25rem;
    }
    .featured-tag {
      display: inline-block;
      background: var(--color-terra);
      color: #fff;
      font-size: .68rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: .8px;
      border-radius: 20px;
      padding: .22rem .75rem;
      margin-bottom: .85rem;
    }

    /* ── Filtres catégories (même style produits) ─ */
    .filter-bar {
      background: #fff;
      border-radius: var(--radius-card);
      box-shadow: var(--shadow-card);
      padding: 1.25rem 1.5rem;
      margin-bottom: 2rem;
    }
    .filter-bar .filter-label {
      font-size: .78rem; font-weight: 600;
      text-transform: uppercase; letter-spacing: .5px;
      color: var(--color-muted); margin-bottom: .4rem;
    }
    .filter-btn {
      border-radius: 20px !important;
      padding: .3rem .9rem !important;
      font-size: .83rem !important;
      margin: .2rem !important;
      border: 1.5px solid var(--color-sage) !important;
      color: var(--color-sage) !important;
      background: #fff !important;
      transition: all var(--transition) !important;
    }
    .filter-btn.active, .filter-btn:hover {
      background: var(--color-sage) !important;
      color: #fff !important;
    }
    .article-count { font-size: .9rem; color: var(--color-muted); font-weight: 500; }

    /* ── Sidebar ────────────────────────────────── */
    .sidebar-widget {
      background: #fff;
      border-radius: var(--radius-card);
      box-shadow: var(--shadow-card);
      padding: 1.5rem;
      margin-bottom: 1.5rem;
    }
    .sidebar-widget h5 {
      font-family: 'Playfair Display', serif;
      font-size: 1rem; font-weight: 700;
      margin-bottom: 1.1rem;
      padding-bottom: .65rem;
      border-bottom: 2px solid var(--color-beige);
    }
    .popular-item {
      display: flex; gap: .85rem; align-items: flex-start;
      padding: .6rem 0; border-bottom: 1px solid #f5f5f5;
    }
    .popular-item:last-child { border-bottom: none; }
    .popular-item img {
      width: 54px; height: 54px; border-radius: 10px;
      object-fit: cover; flex-shrink: 0;
    }
    .popular-item .pop-title {
      font-size: .82rem; font-weight: 600;
      line-height: 1.35; color: var(--color-dark);
      text-decoration: none;
    }
    .popular-item .pop-title:hover { color: var(--color-sage); }
    .popular-item .pop-cat { font-size: .72rem; color: var(--color-muted); margin-top: .2rem; }

    .tag-cloud { display: flex; flex-wrap: wrap; gap: .4rem; }
    .tag-pill {
      border-radius: 20px; padding: .25rem .7rem;
      font-size: .78rem; font-weight: 500;
      background: var(--color-beige);
      color: var(--color-dark);
      text-decoration: none;
      transition: background var(--transition), color var(--transition);
      cursor: pointer;
    }
    .tag-pill:hover { background: var(--color-sage); color: #fff; }

    /* ── Pagination ─────────────────────────────── */
    .page-link {
      color: var(--color-sage); border-color: #e5e5e5;
      border-radius: 8px !important; margin: 0 2px;
    }
    .page-link:hover, .page-item.active .page-link {
      background: var(--color-sage); border-color: var(--color-sage); color: #fff;
    }

    /* ── Newsletter inline ──────────────────────── */
    .nl-widget {
      background: linear-gradient(135deg, var(--color-sage) 0%, #5a8560 100%);
      border-radius: var(--radius-card);
      padding: 1.75rem;
      color: #fff;
    }
    .nl-widget h5 { color: #fff; font-family:'Playfair Display',serif; margin-bottom: .5rem; }
    .nl-widget p  { color: rgba(255,255,255,.82); font-size: .85rem; margin-bottom: 1rem; }
    .nl-widget .form-control { border-radius: 10px; border: none; font-size: .88rem; }
    .nl-widget .btn { background: var(--color-terra); border: none; border-radius: 10px; font-weight: 600; font-size: .85rem; }
    .nl-widget .btn:hover { background: #b0603a; }

    /* Couleurs catégories */
    .cat-nutrition   { background: var(--color-sage); }
    .cat-sante       { background: var(--color-terra); }
    .cat-bien-etre   { background: #7B68EE; }
    .cat-prevention  { background: #20a8a3; }
    .cat-senior      { background: #d4900a; }
    .cat-comportement{ background: #e06b8b; }