:root{
  --grad: linear-gradient(135deg, #5b7cfa, #7b3df0);
  --text: #0f172a;
  --muted: #64748b;
  --card: #ffffff;
}
.svp-hero{
  background: var(--grad);
  color: #fff;
  padding: 48px 24px 80px;
  text-align:center;
  border-radius: 0 0 28px 28px;
}
.svp-avatar{
  width:110px;height:110px;border-radius:50%;
  border:4px solid rgba(255,255,255,.7); object-fit:cover; background:#eee; margin:0 auto 12px;
}
.svp-container{ max-width:900px; margin: -64px auto 40px; padding: 0 16px; }
.svp-card{ background: var(--card); border-radius:24px; padding:22px; box-shadow: 0 10px 30px rgba(20,20,60,.08); margin-bottom:16px; }
.svp-actions{ display:flex; flex-wrap:wrap; gap:10px; justify-content:center; margin-top:12px; }
.svp-btn{ padding:10px 14px; border-radius:12px; border:1px solid #e2e8f0; background:#fff; text-decoration:none; display:inline-flex; align-items:center; gap:8px; font-weight:600; }
.svp-section-title{ font-weight:800; font-size:1.1rem; color:var(--text); margin-bottom:12px; }
.svp-about{ color: var(--muted); line-height:1.7; }
.svp-grid{ display:grid; grid-template-columns: repeat(3, 1fr); gap:12px; }
@media (max-width: 640px){ .svp-grid{ grid-template-columns: 1fr; } }
.svp-service{ border:1px solid #e2e8f0; padding:14px; border-radius:16px; display:flex; align-items:center; justify-content:space-between; gap:10px; }
.svp-price{ font-weight:700; }
.svp-gallery{ display:grid; grid-template-columns: repeat(3, 1fr); gap:8px; }
.svp-gallery img{ width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:14px; }
.svp-footer{ text-align:center; color:#94a3b8; padding:16px; }

/* admin helpers */
.svp-grid .svp-col{ margin-bottom:10px; }
.svp-col-full{ grid-column: 1 / -1; }
.svp-label{ display:block; font-weight:600; margin-bottom:6px; }
.svp-input, .svp-textarea{ width:100%; }
.svp-gallery-admin img{ width:64px; height:64px; object-fit:cover; border-radius:8px; margin:4px; }