:root{
  --skyja-primary: #4C7DFF;
  --skyja-accent: #8B5CF6;
  --skyja-border: rgba(255,255,255,.10);
  --skyja-card: rgba(10,12,18,.85);
  --skyja-shadow: 0 24px 70px rgba(0,0,0,.55);
}
.skyja-grid{
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap:14px;
}
.skyja-tile{
  border:1px solid var(--skyja-border);
  background: rgba(255,255,255,.04);
  border-radius: 18px;
  overflow:hidden;
}
.skyja-tile img{ width:100%; height:220px; object-fit:cover; display:block; }
.skyja-tile .pad{ padding:12px; }
.skyja-btn{
  display:inline-flex; align-items:center; justify-content:center;
  padding: 10px 14px;
  border-radius: 999px;
  border:1px solid var(--skyja-border);
  background: rgba(255,255,255,.04);
  color:#fff; text-decoration:none;
}
.skyja-btn.primary{ background: var(--skyja-primary); border-color: transparent; }
.skyja-actions{ display:flex; gap:10px; flex-wrap:wrap; margin: 10px 0; }

/* Listen modal */
.skyja-modal-backdrop{
  position:fixed; inset:0; background: rgba(0,0,0,.62);
  display:none; align-items:center; justify-content:center;
  z-index: 99999;
}
.skyja-modal{
  width:min(920px, calc(100vw - 28px));
  background: var(--skyja-card);
  border:1px solid var(--skyja-border);
  border-radius: 22px;
  overflow:hidden;
  box-shadow: var(--skyja-shadow);
}
.skyja-modal-head{
  padding:14px 16px;
  display:flex; align-items:center; justify-content:space-between;
  border-bottom:1px solid var(--skyja-border);
}
.skyja-modal-body{ padding:16px; display:grid; gap:14px; }
.skyja-services{ display:grid; gap:10px; }
.skyja-service{
  display:flex; align-items:center; justify-content:space-between;
  padding:12px 14px;
  border-radius: 14px;
  border:1px solid var(--skyja-border);
  background: rgba(255,255,255,.03);
}
.skyja-modal-close{
  background: transparent; border:0; color:#fff; font-size:18px; cursor:pointer;
}