/** Repair Center — Group kỹ thuật & Liên hệ (module 10).
 * Sits paired with case-studies inside the page's 7/8/9/10 composite grid
 * — own bordered WHITE card (mockup, checked against the saved image: this
 * whole area is light, not the dark full-bleed section used before). */
.vnt39-rc-community { display: flex; flex-direction: column; padding: 20px; border: 1px solid #e5e7eb; border-radius: 12px; background: #fff; }
.vnt39-rc-community .container { padding: 0; max-width: none; }
.vnt39-rc-community h2 { margin: 0 0 16px; color: #111318; font-size: 18px; font-weight: 800; }
.vnt39-rc-community__card { display: flex; min-width: 0; flex: 1 1 auto; overflow: hidden; border-radius: 10px; background: #f7f7f8; }
.vnt39-rc-community__thumb { flex: 0 0 96px; min-width: 0; overflow: hidden; background: linear-gradient(135deg, #34373f, #1c1f26); }
/* Real photo (Repair Center → Group & Contact → Ảnh Group) replaces the
 * dark placeholder gradient entirely. */
.vnt39-rc-community__thumb.has-image { background: none; }
.vnt39-rc-community__thumb-img { display: block; width: 100%; height: 100%; object-fit: cover; }
.vnt39-rc-community__body { display: flex; min-width: 0; flex: 1 1 auto; flex-direction: column; justify-content: center; gap: 6px; padding: 16px; }
.vnt39-rc-community__body b { min-width: 0; overflow-wrap: anywhere; color: #111318; font-size: 14.5px; font-weight: 800; }
.vnt39-rc-community__body span { min-width: 0; overflow-wrap: anywhere; color: #667085; font-size: 12px; line-height: 1.5; }
.vnt39-rc-community__join { display: inline-flex; width: fit-content; align-items: center; margin-top: 6px; border-radius: 7px; padding: 9px 18px; background: #a30d1b; color: #fff; font-size: 13px; font-weight: 700; text-decoration: none; }
.vnt39-rc-community__join:hover { background: #8f0b18; }
/* 3 contact channels — was 2 (missing the middle one). */
.vnt39-rc-community__contact { display: flex; min-width: 0; gap: 10px; margin-top: 14px; }
.vnt39-rc-community__contact-btn { display: flex; flex: 1 1 0; min-width: 0; align-items: center; justify-content: center; gap: 6px; border-radius: 999px; padding: 10px 8px; font-size: 12.5px; font-weight: 700; text-decoration: none; white-space: nowrap; }
.vnt39-rc-community__contact-btn .vnt39-rc-icon { flex-shrink: 0; width: 15px; height: 15px; }
.vnt39-rc-community__contact-btn.is-zalo { background: #eef0f3; color: #344054; }
.vnt39-rc-community__contact-btn.is-messenger { border: 1px solid #d0d5dd; color: #344054; }
.vnt39-rc-community__contact-btn.is-call { border: 1px solid #a30d1b; color: #a30d1b; }
.vnt39-rc-community__contact-btn.is-call:hover { background: #fdecee; }
/* 4th channel — off by default (Repair Center → Group & Contact), same
 * neutral treatment as Zalo's since it isn't the shop's primary channel. */
.vnt39-rc-community__contact-btn.is-tiktok { background: #eef0f3; color: #344054; }

@media (max-width: 849px) {
	.vnt39-rc-community { padding: 16px; }
	.vnt39-rc-community__card { flex-direction: column; }
	.vnt39-rc-community__thumb { flex-basis: 110px; }
	.vnt39-rc-community__contact { flex-wrap: wrap; }
	.vnt39-rc-community__contact-btn { flex: 1 1 30%; }
}