/* Basic styles for the Sky-Link 5G plan grid */
.sl5g-wrap { max-width: 940px; margin: 1rem auto; font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }
.sl5g-form label { font-weight: 600; display:block; margin-bottom:.25rem; }
.sl5g-row { display:flex; gap:.5rem; }
.sl5g-row input { flex:1; padding:.6rem .8rem; font-size:1rem; border:1px solid #cbd5e1; border-radius:.5rem; }
.sl5g-row button { padding:.6rem 1rem; border:0; background:#111827; color:#fff; border-radius:.5rem; cursor:pointer; }
.sl5g-row button:hover { background:#0b1220; }
.sl5g-hint { color:#64748b; margin:.5rem 0 1rem; }

.sl5g-msg { margin:.75rem 0; padding:.6rem .8rem; border-radius:.5rem; }
.sl5g-info { background:#eff6ff; color:#1e3a8a; }
.sl5g-warn { background:#fef3c7; color:#92400e; }
.sl5g-error { background:#fee2e2; color:#991b1b; }

.sl5g-grid { display:grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap:1rem; margin-top:1rem; }
.sl5g-card { position:relative; border:1px solid #e5e7eb; border-radius:1rem; padding:1rem; background:#fff; box-shadow: 0 1px 2px rgba(0,0,0,.04); }
.sl5g-badge { position:absolute; top:.75rem; right:.75rem; background:#0ea5e9; color:#fff; padding:.25rem .5rem; border-radius:.5rem; font-size:.75rem; }
.sl5g-title { margin:0 0 .25rem; font-size:1.05rem; }
.sl5g-price { display:flex; align-items:baseline; gap:.3rem; margin:.25rem 0 .75rem; }
.sl5g-price-main { font-size:1.6rem; font-weight:800; }
.sl5g-price-sub { color:#64748b; }
.sl5g-specs, .sl5g-features { margin:.5rem 0; padding-left:1.1rem; color:#334155; }
.sl5g-specs li, .sl5g-features li { margin:.15rem 0; }
.sl5g-actions { margin-top:.75rem; }
.sl5g-btn { width:100%; background:#111827; color:#fff; border:0; padding:.6rem .8rem; border-radius:.5rem; cursor:pointer; }
.sl5g-btn:hover { background:#0b1220; }