/* มติ 822 — แถบจุดเด่นใต้แบนเนอร์ (แบบ B1) · ไฟล์ทับ โหลดหลัง home.css */
.home-features { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-top: 12px; }
.feature-box { position: relative; display: flex; align-items: center; gap: 14px; min-height: 84px; padding: 14px 16px 14px 22px; border: 1px solid var(--line); border-radius: 12px; background: linear-gradient(120deg, #fff 55%, var(--yellow-soft)); box-shadow: 0 1px 3px #0001; color: var(--ink); }
a.feature-box:hover { border-color: #d6aa12; box-shadow: var(--shadow-raised); }
.feature-icon { flex: 0 0 48px; width: 48px; height: 48px; border-radius: 50%; background: var(--yellow); display: grid; place-items: center; }
.feature-icon svg { width: 26px; height: 26px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.feature-box strong { display: block; font-size: 15px; line-height: 1.3; }
.feature-box small { display: block; font-size: 12px; color: var(--muted); margin-top: 4px; line-height: 1.4; }
@media (max-width: 600px) {
  .home-features { grid-template-columns: 1fr 1fr; gap: 8px; }
  .feature-box { flex-direction: column; text-align: center; gap: 8px; padding: 12px 8px; min-height: 0; }
  .feature-box strong { font-size: 13px; }
}