/* Blog public (UI inspirée des captures) */
.blog{padding-top:22px;padding-bottom:34px}
.blog-hero{background:linear-gradient(90deg,#f2e6d6 0%,#efe2d2 55%,#eadfce 100%);border-radius:18px;padding:20px 22px 18px;position:relative;overflow:hidden;border:1px solid #eadfce}
.blog-hero__kicker{margin:0 0 10px;letter-spacing:.14em;text-transform:uppercase;font-size:12px;color:#b45309}
.blog-hero__grid{display:grid;gap:18px;grid-template-columns:1fr}
@media(min-width:900px){.blog-hero__grid{grid-template-columns:1.1fr .9fr;align-items:center}}
.blog-hero__title{margin:0;color:#3b2a1a;font-family:\"Cormorant Garamond\",serif;font-weight:700;font-size:clamp(1.85rem,3.2vw,2.6rem);line-height:1.08}
.blog-hero__subtitle{margin:10px 0 0;max-width:52ch;color:#6b4e34;font-size:0.9375rem;line-height:1.6}
.blog-hero__actions{
  margin-top:12px;
  text-align:right;
}
.blog-hero__actions .blog-btn{
  font-size:0.875rem;
  padding:9px 14px;
  border-radius:10px;
}
.blog-hero__visual{justify-self:stretch;align-self:stretch;display:flex;align-items:stretch;justify-content:flex-end}
.blog-hero__visual-card{
  width:100%;
  max-width:460px;
  aspect-ratio:4/3;
  border-radius:22px;
  border:0;
  background:transparent;
  box-shadow:none;
  overflow:hidden;
}
.blog-hero__visual-img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center;
}
.blog-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;padding:12px 16px;border:1px solid #d1d5db;background:#fff;color:#111827;font-weight:600;text-decoration:none}
.blog-btn--ghost{background:transparent;border:1px solid #c8b6a5;color:#3b2a1a}
.blog-btn--ghost:hover{background:rgba(255,255,255,.35)}

.blog-tabs{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:center;margin:16px 0 18px}
.blog-tab{padding:9px 14px;border-radius:999px;border:1px solid #e5e7eb;background:#fff;text-decoration:none;color:#3b2a1a;font-weight:600;font-size:13px}
.blog-tab.is-active{background:#c57c3b;color:#fff;border-color:#c57c3b}
.blog-tab:hover{border-color:#c57c3b}

.blog-section{margin-top:18px}
.blog-section__head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.blog-section__title{margin:0;color:#3b2a1a;font-family:\"Cormorant Garamond\",serif;font-size:clamp(1.5rem,2.2vw,2rem)}
.blog-section__more{text-decoration:none;color:#c57c3b;font-weight:700;font-size:13px}

.blog-grid{display:grid;gap:14px;grid-template-columns:1fr}
@media(min-width:760px){.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.blog-card{background:#fff;border-radius:16px;border:1px solid #eee7df;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.blog-card__media{display:block;background:#faf7f3}
.blog-card__media img{display:block;width:100%;height:160px;object-fit:cover}
.blog-card__mediaFallback{height:160px;background:linear-gradient(135deg,#fbf0df,#f1efe9)}
.blog-card__body{padding:14px 14px 12px}
.blog-card__title{margin:10px 0 8px;font-size:16px;color:#2b1d12}
.blog-card__title a{text-decoration:none;color:inherit}
.blog-card__excerpt{margin:0;color:#6b4e34;font-size:13px;line-height:1.45}
.blog-card__foot{display:flex;align-items:center;justify-content:space-between;margin-top:12px;font-size:12px;color:#8b6a4c}
.blog-card__read{text-decoration:none;color:#c57c3b;font-weight:700}
.blog-card__date{color:#8b6a4c}

.blog-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:800;letter-spacing:.08em}
.blog-pill--nouveautes{background:#fff7ed;color:#9a3412;border:1px solid #fed7aa}
.blog-pill--guides{background:#ecfdf5;color:#166534;border:1px solid #bbf7d0}
.blog-pill--atelier{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}
.blog-pill--collection{background:#fdf4ff;color:#86198f;border:1px solid #f5d0fe}
.blog-pill--all{background:#f3f4f6;color:#374151;border:1px solid #e5e7eb}

.blog-feature{margin-top:22px}
.blog-feature__title{margin:0 0 12px;color:#3b2a1a;font-family:\"Cormorant Garamond\",serif;font-size:clamp(1.5rem,2.2vw,2rem)}
.blog-feature__grid{display:grid;gap:14px;grid-template-columns:1fr}
@media(min-width:900px){.blog-feature__grid{grid-template-columns:1.1fr .9fr}}
.blog-featureCard{background:#fbf2e6;border:1px solid #eee2d4;border-radius:18px;padding:18px}
.blog-featureCard__title{margin:10px 0 8px;color:#2b1d12;font-family:\"Cormorant Garamond\",serif;font-size:clamp(1.4rem,2vw,2.1rem)}
.blog-featureCard__excerpt{margin:0;color:#6b4e34}
.blog-featureCard__cta{margin-top:14px;display:inline-flex}
.blog-quote{background:#f4eee6;border:1px solid #eee2d4;border-radius:18px;padding:18px;position:relative}
.blog-quote__mark{position:absolute;left:16px;top:10px;font-size:42px;color:#c8b6a5}
.blog-quote__text{margin:18px 0 10px;color:#5b4633;font-style:italic;line-height:1.5}
.blog-quote__meta{margin:0;color:#6b4e34;font-size:13px}

.blog-pagination{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:16px}

/* Mobile: give sections more breathing room */
@media (max-width: 760px){
  .blog-tabs{margin:18px 0 24px;gap:12px}
  .blog-section{margin-top:28px}
  .blog-feature{margin-top:30px}
  .blog-grid{gap:18px}
  .blog-section__head{gap:14px;flex-wrap:wrap}
  .blog-section__more{padding-top:4px}
}

.blog-post{padding-top:6px}
.blog-back{display:inline-flex;margin-bottom:14px;text-decoration:none;color:#c57c3b;font-weight:800}
.blog-post__head{max-width:850px}
.blog-post__meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.blog-post__date{color:#8b6a4c;font-size:13px}
.blog-post__title{margin:0;color:#2b1d12;font-family:\"Cormorant Garamond\",serif;font-size:clamp(2rem,3vw,3rem);line-height:1.05}
.blog-post__excerpt{margin:12px 0 0;color:#6b4e34;font-size:15px;line-height:1.5}
.blog-post__cover{margin:16px 0 0}
.blog-post__cover{
  border-radius:18px;
  border:1px solid #eee7df;
  overflow:hidden;
  background:#faf7f3;
}
.blog-post__cover img{
  width:100%;
  max-height:360px;
  height:auto;
  object-fit:contain;
  display:block;
}
.blog-post__content{max-width:850px;margin-top:18px;color:#3b2a1a}
.blog-post__content p{line-height:1.7;color:#4a3322}
.blog-post__content h2,.blog-post__content h3{font-family:\"Cormorant Garamond\",serif;color:#2b1d12}
.blog-post__content img{
  max-width:100%;
  height:auto;
  max-height:520px;
  border-radius:14px;
  border:1px solid #eee7df;
  display:block;
  margin:14px auto;
  object-fit:contain;
}

.blog-embed{
  margin:16px 0;
  border-radius:16px;
  overflow:hidden;
  border:1px solid #eee7df;
  background:#000;
}
.blog-embed iframe{
  width:100%;
  height:420px;
  display:block;
  border:0;
}
.blog-embed video{
  width:100%;
  height:auto;
  max-height:520px;
  display:block;
  background:#000;
}
.blog-post__content a{color:#c57c3b;font-weight:700}
.blog-post__content blockquote{border-left:4px solid #e6d7c8;margin:16px 0;padding:6px 14px;color:#5b4633;background:#fbf2e6;border-radius:10px}
.blog-post__content table{width:100%;border-collapse:collapse;margin:16px 0;background:#fff;border:1px solid #eee7df;border-radius:12px;overflow:hidden}
.blog-post__content th,.blog-post__content td{border:1px solid #eee7df;padding:10px 12px;text-align:left;vertical-align:top}
.blog-post__content th{background:#fbf2e6;color:#2b1d12;font-weight:800}
.blog-post__content tr:nth-child(even) td{background:#faf7f3}