.pt-card{background:#fff;border-radius:12px;box-shadow:0 8px 24px rgba(2,6,23,0.06);padding:12px;}

/* Stepper */
/* Stepper */
.pt-stepper {
    display: flex;
    gap: 12px;
    align-items: center;
    flex-wrap: wrap;
}

@media (max-width: 640px) {
    .pt-stepper {
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
    }

    .pt-stepper .pt-step-item {
        width: 100%;
        justify-content: flex-start;
    }
}
 
.pt-stepper .pt-step-item{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;background:#f8fafc;color:#334155;cursor:pointer;position:relative}
.pt-stepper .pt-step-item .idx{width:28px;height:28px;border-radius:9999px;background:#e2e8f0;display:inline-flex;align-items:center;justify-content:center;font-weight:600;color:#0f172a}
.pt-stepper .pt-step-item.active{background:#eef2ff;color:#3730a3}
.pt-stepper .pt-step-item.active .idx{background:#6366f1;color:#fff}
.pt-stepper .pt-step-item.complete{background:#ecfdf5;color:#065f46}
.pt-stepper .pt-step-item.complete .idx{background:#10b981;color:#fff}

/* Steps visibility */
.pt-step{display:block}
.pt-hidden{display:none}

/* Navigation buttons */
.pt-nav{display:flex;gap:10px;margin-top:16px}
.pt-nav .pt-next,.pt-nav .pt-prev,.pt-primary{padding:10px 16px;border-radius:10px;border:1px solid transparent;cursor:pointer;font-weight:600}
.pt-nav .pt-prev{background:#f1f5f9;color:#0f172a}
.pt-nav .pt-next{background:#4f46e5;color:#fff}
.pt-primary{background:#4f46e5;color:#fff}
.pt-nav .pt-prev:hover{background:#e2e8f0}
.pt-nav .pt-next:hover,.pt-primary:hover{background:#4338ca}

/* Option cards */
.pt-options-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.pt-option-card{border:1px solid #e2e8f0;border-radius:12px;padding:14px;background:#fff;cursor:pointer;transition:all .15s ease}
.pt-option-card .title{font-weight:700;color:#0f172a;margin-bottom:4px}
.pt-option-card .desc{font-size:12px;color:#475569}
.pt-option-card:hover{box-shadow:0 6px 18px rgba(2,6,23,0.08);transform:translateY(-1px)}
.pt-option-card.selected{border-color:#6366f1;box-shadow:0 8px 22px rgba(79,70,229,0.2)}

/* Mobile adjustments */
@media (max-width: 640px) {
  .pt-options-grid { grid-template-columns: 1fr; }
}