/* LobangNow brand kit helpers */
.ln-logo {
  display: inline-flex; align-items: center; gap: 10px;
  text-decoration: none; color: #063F2E; font-weight: 800;
  font-size: 1.05rem; letter-spacing: -.02em;
}
.ln-logo img, .ln-logo .ln-logo-mark {
  width: 32px; height: 32px; display: block; flex-shrink: 0;
}
.ln-logo-word { color: #063F2E; }
.ln-logo-tag {
  display: none; font-size: .75rem; font-weight: 500;
  color: rgba(0,140,69,.85);
}
@media (min-width: 640px) { .ln-logo-tag { display: inline; } }

.ln-illu {
  display: block; width: 100%; height: auto; max-width: 100%;
  border-radius: 16px;
}
.ln-illu-wrap {
  position: relative; overflow: hidden; border-radius: 18px;
  background: #E8F7EF; border: 1px solid #d1eadb;
}
.ln-divider-illu {
  display: block; width: 100%; height: auto; margin: 28px 0;
  opacity: .95;
}
.ln-badge-sg {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 6px 12px; border-radius: 999px;
  background: #E8F7EF; color: #008C45;
  border: 1px solid #bbf7d0;
  font-size: .78rem; font-weight: 700;
}
.ln-icon {
  width: 22px; height: 22px; color: #008C45; display: inline-block; vertical-align: middle;
}
.ln-icon-btn {
  width: 44px; height: 44px; border-radius: 50%;
  display: grid; place-items: center;
  background: #E8F7EF; color: #008C45;
  border: 1px solid #bbf7d0;
}
.ln-icon-btn img, .ln-icon-btn svg { width: 22px; height: 22px; }