/* PusztaPlay CRM — Trial wizard CSS (pop-art képregény stílus) */
.pp-trial-form-wrapper{max-width:560px;margin:0 auto;}

/* Blokkolt / már igényelt üzenet */
.pp-trial-blocked{
    max-width:560px;margin:0 auto;background:#1a1a2e;border:3px solid #000;border-radius:16px;
    padding:28px 26px;box-shadow:6px 6px 0 rgba(0,0,0,0.4);text-align:center;
}
.pp-trial-blocked h3{font-family:'Bangers',cursive;font-size:1.9rem;letter-spacing:1px;color:#ffcc00;text-shadow:2px 2px 0 #000;margin:0 0 12px;line-height:1.2;}
.pp-trial-blocked p{color:#b0b3c0;font-size:14px;line-height:1.6;margin:0 0 16px;}
.pp-trial-form{
    background:#1a1a2e;border:3px solid #000;border-radius:16px;
    padding:28px 26px;box-shadow:6px 6px 0 rgba(0,0,0,0.4);
    position:relative;overflow:hidden;
}
.pp-trial-form .pp-form-group{margin-bottom:16px;}
.pp-trial-form label{display:block;margin-bottom:8px;font-weight:600;font-family:'Bangers',cursive;font-size:1.15rem;letter-spacing:1px;color:#ffcc00;text-shadow:1px 1px 0 #000;}
.pp-trial-form input,.pp-trial-form textarea,.pp-trial-form select{width:100%;padding:13px 16px;border:3px solid #000;border-radius:10px;background:#0a0a0a;color:#f8f4ec;font-family:'Poppins',sans-serif;font-size:15px;box-shadow:3px 3px 0 rgba(0,0,0,0.35);box-sizing:border-box;transition:border-color 0.2s;}
.pp-trial-form input:focus,.pp-trial-form textarea:focus,.pp-trial-form select:focus{border-color:#00d4ff;outline:none;}
.pp-trial-form input.pp-invalid{border-color:#ff0044;box-shadow:0 0 0 3px rgba(255,0,68,0.25),3px 3px 0 rgba(0,0,0,0.35);}

.pp-trial-q{font-family:'Bangers',cursive;font-size:1.9rem;letter-spacing:1px;color:#ffffff;text-shadow:2px 2px 0 #000;margin:0 0 10px;line-height:1.2;}
.pp-trial-help{color:#b0b3c0;font-size:13px;margin:0 0 18px;line-height:1.5;}

.pp-trial-error{color:#ff5577;font-family:'Bangers',cursive;font-size:1.1rem;letter-spacing:1px;margin:0 0 12px;}

.pp-trial-next,.pp-trial-submit{
    display:inline-block;width:100%;margin-top:8px;
    padding:14px 30px;border:3px solid #000;border-radius:10px;
    background:linear-gradient(135deg,#ffd700,#ffaa00);color:#0a0a0a;
    font-family:'Poppins',sans-serif;font-weight:600;font-size:15px;
    text-transform:uppercase;letter-spacing:1px;cursor:pointer;
    box-shadow:4px 4px 0 rgba(0,0,0,0.4);transition:all 0.15s;
}
.pp-trial-next:hover,.pp-trial-submit:hover{transform:translateY(-3px);box-shadow:6px 6px 0 rgba(0,0,0,0.5);color:#0a0a0a;}
.pp-trial-next:disabled,.pp-trial-submit:disabled{opacity:0.6;cursor:wait;transform:none;}

/* Lépés-animációk */
.pp-trial-step{transition:opacity 0.26s ease,transform 0.26s ease;}
.pp-trial-step.pp-step-out{opacity:0;transform:translateY(-14px);}
.pp-trial-step.pp-step-in{opacity:0;transform:translateY(14px);}
.pp-trial-step.pp-step-in{opacity:1;transform:translateY(0);}

/* Eszköz-választó chipek */
.pp-trial-options{display:flex;flex-direction:column;gap:10px;margin-bottom:16px;}
.pp-trial-opt{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#0a0a0a;border:3px solid #000;border-radius:12px;cursor:pointer;box-shadow:3px 3px 0 rgba(0,0,0,0.3);transition:all 0.15s;}
.pp-trial-opt:hover{border-color:#00d4ff;}
.pp-trial-opt input{display:none;}
.pp-trial-opt span{font-family:'Poppins',sans-serif;font-size:14px;font-weight:600;color:#f8f4ec;position:relative;padding-left:26px;}
.pp-trial-opt span::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:16px;height:16px;border:2px solid #ffcc00;border-radius:50%;background:#0a0a0a;}
.pp-trial-opt input:checked + span::before{background:#ffcc00;box-shadow:inset 0 0 0 3px #0a0a0a;}
.pp-trial-opt input:checked + span{color:#ffcc00;}
.pp-trial-opt:has(input:checked){border-color:#ffcc00;background:#16162a;transform:rotate(-0.5deg);}

/* Eszköz-specifikus utasítás doboz */
.pp-trial-instruct{
    background:#0a0a0a;border:3px dashed #00d4ff;border-radius:12px;
    padding:14px 16px;margin:0 0 16px;
    color:#b0b3c0;font-size:13px;line-height:1.6;
}

/* Sikeres képernyő + pipa animáció */
.pp-trial-success{text-align:center;padding:20px 10px;}
.pp-trial-success h3{font-family:'Bangers',cursive;font-size:1.8rem;letter-spacing:1px;color:#ffcc00;text-shadow:2px 2px 0 #000;margin:16px 0 8px;line-height:1.3;}
.pp-trial-success p{color:#b0b3c0;font-size:14px;margin:0;}
.pp-trial-check{width:96px;height:96px;display:block;margin:0 auto;}
.pp-trial-check-circle{stroke:#00d4ff;stroke-width:3;stroke-dasharray:151;stroke-dashoffset:151;animation:ppDash 0.7s ease forwards;}
.pp-trial-check-mark{stroke:#ffcc00;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:36;stroke-dashoffset:36;animation:ppDash 0.4s ease 0.55s forwards;}
@keyframes ppDash{to{stroke-dashoffset:0;}}
.pp-trial-success.pp-success-in{animation:ppPop 0.4s cubic-bezier(0.16,1,0.3,1);}
@keyframes ppPop{from{transform:scale(0.85);opacity:0;}to{transform:scale(1);opacity:1;}}