/* Programmatic landing pages (/receive-sms/<service>/<country>).
 * Sits on top of kv_country_bw.css: only what those pages do not have -
 * the flag, the live stock badge, the at-a-glance list, the sibling chips. */

.kvp-flag { font-size: 2.6rem; line-height: 1; margin-bottom: 8px; }

.kvp-stock {
  display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 12px;
  margin: 14px 0 18px; padding: 12px 16px; border-radius: 12px;
  border: 1px solid var(--border, #e6e6e6);
  background: var(--card, #fff);
}
.kvp-stock b { font-size: 1.02rem; }
.kvp-stock span { font-size: .92rem; color: var(--muted-fg, #6b6b6b); }
.kvp-stock span em { font-style: normal; font-weight: 700; color: var(--fg, #0a0a0a); font-family: var(--mono, ui-monospace, Menlo, Consolas, monospace); }
.kvp-stock small { flex-basis: 100%; font-size: .72rem; color: var(--muted-fg, #6b6b6b); }
.kvp-stock.in { border-color: rgba(10, 125, 85, .35); }
.kvp-stock.in b::before { content: ""; display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: #0a7d55; margin-right: 8px; vertical-align: middle; }
.kvp-stock.out { border-color: rgba(138, 97, 0, .4); background: rgba(249, 192, 74, .10); }
.kvp-stock.out b::before { content: ""; display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: #8a6100; margin-right: 8px; vertical-align: middle; }

.kvp-spec { margin: 28px 0; }
.kvp-spec h2 { font-size: 1.15rem; margin: 0 0 10px; }
.kvp-spec dl { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 8px; margin: 0; }
.kvp-spec dl > div { border: 1px solid var(--border, #e6e6e6); border-radius: 10px; padding: 9px 12px; background: var(--card, #fff); }
.kvp-spec dt { font-size: .68rem; letter-spacing: .06em; text-transform: uppercase; color: var(--muted-fg, #6b6b6b); font-family: var(--mono, ui-monospace, Menlo, Consolas, monospace); }
.kvp-spec dd { margin: 2px 0 0; font-weight: 600; }

.kvp-sib { margin: 28px 0; }
.kvp-sib h2 { font-size: 1.15rem; margin: 0 0 10px; }
.kvp-chips { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 8px; }
.kvp-chips a {
  display: flex; align-items: center; gap: 8px;
  padding: 9px 12px; border-radius: 10px; text-decoration: none; color: inherit;
  border: 1px solid var(--border, #e6e6e6); background: var(--card, #fff);
}
.kvp-chips a:hover { border-color: var(--fg, #0a0a0a); }
.kvp-chips i { font-style: normal; font-size: 1.15rem; line-height: 1; }
.kvp-chips b { font-weight: 600; font-size: .92rem; }

/* 27 Sep 2026: tips, paying locally, price table, hub intro (kv_pseo_plus.php). */
.kvp-tips ul { margin: 8px 0 0; padding-left: 20px; }
.kvp-tips li { margin: 0 0 8px; line-height: 1.55; }
.kvp-pay p { margin: 8px 0 12px; }
.kvp-cmp .kvc-table { width: 100%; }
.kvp-cmp .kvc-table th a { color: inherit; }
.kvp-cmp .kvc-table small { font-weight: 400; color: var(--muted-fg, #6b6b6b); }
.kvp-cmp .kvc-table thead th:nth-child(n+2) { text-align: right; }
.kvp-cmp tr.kvp-me th, .kvp-cmp tr.kvp-me td { background: rgba(10, 125, 85, .08); }
.kvp-intro p { max-width: 70ch; line-height: 1.6; }