/* ...existing code... */
.hc-container      { max-width: 1000px; margin: auto; padding: 2rem 1rem; }
.hc-bloc           { display: flex; gap: 2rem; margin-bottom: 3rem; align-items: flex-start; }
.hc-bloc:nth-child(even) { flex-direction: row-reverse; }
.hc-img-wrapper    { flex: 0 0 300px; }
.hc-img-wrapper img{ width:100%; border-radius:12px; box-shadow:0 4px 12px rgba(0,0,0,.1);}
.hc-text           { flex: 1; line-height: 1.7; font-size: 1.1rem; }
.fade-in           { opacity:0; transform:translateY(20px); animation:fadeUp .8s ease forwards; }
@keyframes fadeUp  { to { opacity:1; transform:translateY(0); } }

/* Facebook widget card styling to match site cards */
.fb-card { background:#fff; border:1px solid #e5e7eb; border-radius:12px; padding:10px; box-shadow:0 2px 10px rgba(0,0,0,0.06); }

/* Small Facebook posts widget */
.fb-latest-posts { font-family: inherit; color: #374151; }
.fb-posts-grid { display:flex; gap:8px; flex-wrap:wrap; justify-content:center; }
.fb-post-card { display:block; background:#fff; border:1px solid #e5e7eb; border-radius:8px; padding:6px; text-decoration:none; color:inherit; width:calc(30% - 8px); box-shadow:0 1px 4px rgba(0,0,0,0.04); font-size:0.95rem; position:relative; }
.fb-post-card:hover { box-shadow:0 6px 16px rgba(0,0,0,0.08); }
.fb-post-media img{ width:100%; height:110px; object-fit:cover; border-radius:6px; display:block; margin-bottom:6px; }
.fb-post-body { font-size:0.92rem; }
.fb-post-message { color:#374151; margin-bottom:6px; max-height:3.6em; overflow:hidden; }
.fb-post-message.expanded { max-height: none; }
.fb-see-more { display:inline-block; margin-top:6px; font-size:0.85rem; color:#0ea5e9; cursor:pointer; text-decoration:underline; }
.fb-post-meta { font-size:0.82rem; color:#6b7280; margin-bottom:6px; }
.fb-post-comment { font-size:0.82rem; color:#374151; border-top:1px dashed #eef2f6; padding-top:6px; margin-top:6px; }

@media (max-width:860px){ .fb-post-card{ width:calc(50% - 5px); } }
@media (max-width:520px){ .fb-post-card{ width:100%; } }

/* Blue wrapper and header */
.fb-widget-wrap { background: linear-gradient(180deg,#e9f1ff,#f7fbff); border:1px solid #d0e4ff; padding:8px; border-radius:12px; max-width:680px; margin:0 auto; }
.fb-widget-header { display:flex; align-items:center; gap:10px; margin-bottom:8px; }
.fb-widget-logo { width:44px; height:44px; background:#1877f2; color:#fff; border-radius:8px; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:18px; box-shadow:0 2px 6px rgba(24,119,242,0.18); }
.fb-widget-logo i { color:#fff; font-size:18px; }

/* blue stripe to visually mark posts as from Facebook */
.fb-post-card::before { content: ''; position: absolute; left:0; top:0; bottom:0; width:6px; background: linear-gradient(180deg,#165ec6,#1877f2); border-top-left-radius:8px; border-bottom-left-radius:8px; }
.fb-widget-title { font-weight:600; color:#0f172a; font-size:0.95rem; }
.fb-widget-link { font-size:0.85rem; color:#0ea5e9; text-decoration:none; margin-left:auto; }
.fb-widget-link:hover { text-decoration:underline; }