/* ============================================================
   PAGE · Service detail  (.svc-*, .price-*, .steps/.step, .hub-cta)
   Auto-split from main.css (Phase 1). Load order fixed in inc/enqueue.php.
   ============================================================ */

.svc-icon{display:inline-grid;place-items:center;width:60px;height:60px;border-radius:50%;background:var(--green);color:#fff;margin-bottom:1rem;}
.svc-h{font-size:1.3rem;color:var(--sb-navy);margin:1.8rem 0 1rem;}
.svc-list{list-style:none;margin:0 0 1.4rem;padding:0;}
.svc-list li{display:flex;gap:10px;align-items:flex-start;margin:.6rem 0;color:var(--text-2);}
.svc-list--2col{display:grid;grid-template-columns:1fr 1fr;gap:.4rem 1.6rem;}
.svc-tick{color:var(--green);flex:none;margin-top:2px;}
.svc-outcome{background:var(--sb-light);border-left:4px solid var(--sb-gold);border-radius:6px;padding:1rem 1.2rem;color:var(--text-2);}
.svc-back{margin-top:1.6rem;display:flex;gap:10px;flex-wrap:wrap;}
.price-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.2rem;margin:1rem 0;}
.price-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:1.6rem;text-align:center;}
.price-card--featured{border-color:var(--sb-gold);box-shadow:var(--shadow);}
.price-card h3{margin:0 0 .4rem;color:var(--sb-navy);}
.price-card__amt{font-size:1.6rem;font-weight:800;color:var(--sb-gold);margin:0 0 1rem;}
.price-card ul{list-style:none;margin:0 0 1.2rem;padding:0;}
.price-card li{margin:.4rem 0;color:var(--text-2);font-size:.9rem;}
.price-note{font-size:.85rem;color:#5d6b73;}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1.2rem;margin:1rem 0 1.6rem;}
.step{background:#fff;border:1px solid var(--line);border-radius:10px;padding:1.4rem;}
.step__n{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--sb-navy);color:#fff;font-weight:800;margin-bottom:.6rem;}
.step h3{margin:0 0 .3rem;font-size:1rem;color:var(--sb-navy);}
.step p{margin:0;color:var(--text-2);font-size:.9rem;}
.hub-cta{background:var(--sb-light);border-radius:10px;padding:1.8rem;text-align:center;margin:1.8rem 0 0;}
.hub-cta h3{margin:0 0 1rem;color:var(--sb-navy);}
.hub-note{background:#fff8e6;border:1px solid #ecdca6;border-radius:8px;padding:1rem 1.2rem;color:#6b5a20;font-size:.9rem;}

@media (max-width:600px){
  .svc-list--2col{grid-template-columns:1fr;}
}