/* ============================================================
   SHOP & FOOD — Blog (s'appuie sur main.css)
   ============================================================ */
.blog-hero{background:linear-gradient(160deg,#0e7c9b,#073b54);color:#fff;
  padding:clamp(2.4rem,6vw,4rem) 1.2rem;text-align:center}
.blog-hero .section__kicker{background:rgba(255,255,255,.12);border-color:var(--straw-yellow);color:var(--straw-yellow)}
.blog-hero h1{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.4rem);margin:.6rem 0 .4rem}
.blog-hero p{opacity:.92;max-width:60ch;margin:0 auto;font-weight:500}

.posts{max-width:1100px;margin:0 auto;padding:clamp(2.4rem,5vw,4rem) 1.2rem;
  display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.4rem}
.post-card{display:flex;flex-direction:column;background:var(--white);border:1px solid var(--parchment-dark);
  border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:transform .25s}
.post-card:hover{transform:translateY(-6px)}
.post-card__media{height:150px;display:grid;place-items:center;font-size:3.6rem;
  background:linear-gradient(140deg,var(--ph-a,#1fc8e3),var(--ph-b,#ff4f9e))}
.post-card__body{padding:1.2rem;display:flex;flex-direction:column;gap:.5rem;flex:1}
.post-card__tag{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:var(--brand-magenta)}
.post-card h2{font-size:1.2rem;line-height:1.2}
.post-card p{font-size:.9rem;color:var(--ink-soft);flex:1}
.post-card .btn{align-self:flex-start;margin-top:.4rem;padding:.6rem 1.1rem;font-size:.9rem}

/* article */
.article{max-width:760px;margin:0 auto;padding:clamp(2rem,5vw,3.4rem) 1.2rem 4rem}
.article__meta{color:var(--ink-soft);font-weight:600;font-size:.9rem;margin-bottom:1rem;display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}
.article__meta .pill{background:#fff;border:2px solid var(--brand-magenta);color:var(--brand-magenta);
  padding:.2rem .7rem;border-radius:999px;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px}
.article h1{font-family:var(--font-display);font-size:clamp(1.9rem,5vw,3rem);line-height:1.05;margin-bottom:.8rem;color:var(--ink)}
.article__lead{font-size:1.15rem;color:var(--ink-soft);font-weight:600;margin-bottom:1.6rem;line-height:1.5}
.article h2{font-family:var(--font-display);font-size:1.7rem;margin:2rem 0 .7rem;color:var(--brand-magenta)}
.article h3{font-size:1.2rem;margin:1.4rem 0 .5rem;color:var(--ink)}
.article p{margin:.7rem 0;line-height:1.7;color:#3a2e20}
.article ul{margin:.7rem 0 .7rem 1.2rem;line-height:1.7}
.article li{margin:.3rem 0}
.article a.inline{color:var(--brand-magenta);font-weight:700;text-decoration:underline}
.article__cta{margin:2.2rem 0;padding:1.6rem;border-radius:var(--radius);text-align:center;
  background:linear-gradient(135deg,rgba(31,200,227,.16),rgba(255,79,158,.16));border:2px dashed var(--brand-magenta)}
.article__cta h3{font-family:var(--font-display);font-size:1.5rem;color:var(--ink);margin-bottom:.4rem}
blockquote{margin:1.4rem 0;padding:1rem 1.3rem;border-left:5px solid var(--straw-yellow);
  background:#fff;border-radius:0 14px 14px 0;font-style:italic;color:var(--ink-soft)}
.article__more{margin-top:2.6rem;border-top:2px dashed var(--parchment-dark);padding-top:1.4rem}
.article__more h3{font-family:var(--font-display);color:var(--ink)}
.article__more a{display:block;color:var(--brand-magenta);font-weight:700;padding:.3rem 0}
.breadcrumb{max-width:760px;margin:0 auto;padding:1rem 1.2rem 0;font-size:.85rem;color:var(--ink-soft)}
.breadcrumb a{color:var(--brand-magenta);font-weight:700}