.success-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.success-modal{background:var(--bg-white);border-radius:20px;max-width:650px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:slideUp .3s ease-out;box-shadow:var(--shadow-lg);border:1px solid var(--border-color)}.success-content{padding:3rem 2rem 2rem;text-align:center}.success-icon{width:100px;height:100px;margin:0 auto 2rem;animation:scaleIn .5s ease-out .2s both}.success-icon svg{width:100%;height:100%}.success-icon path{animation:drawCheck .5s ease-out .4s both;stroke-dasharray:70;stroke-dashoffset:70}.success-content h2{color:#10b981;font-size:2rem;margin-bottom:1rem;animation:fadeInUp .5s ease-out .3s both}.success-message{color:var(--text-light);font-size:1.1rem;margin-bottom:2rem;line-height:1.6;animation:fadeInUp .5s ease-out .4s both}.order-details{background:var(--bg-light);padding:2rem;border-radius:15px;margin-bottom:2rem;text-align:left;animation:fadeInUp .5s ease-out .5s both}.order-details h3{font-size:1.25rem;margin-bottom:1.5rem;color:var(--text-dark);text-align:center}.detail-row{display:flex;justify-content:space-between;align-items:flex-start;padding:.75rem 0;border-bottom:1px solid var(--border-color)}.detail-row:last-child{border-bottom:none}.detail-label{font-weight:600;color:var(--text-dark)}.detail-value{color:var(--text-light);text-align:right}.products-row .detail-value{max-width:60%}.detail-value ul{list-style:none;padding:0;margin:0}.detail-value li{padding:.25rem 0}.detail-value li:before{content:"• ";color:var(--primary-color);font-weight:700;margin-right:.5rem}.next-steps{margin-bottom:2rem;animation:fadeInUp .5s ease-out .6s both}.next-steps h3{font-size:1.25rem;margin-bottom:1.5rem;color:var(--text-dark)}.steps-list{display:flex;flex-direction:column;gap:1rem}.step-item{display:flex;align-items:center;gap:1rem;text-align:left;padding:1rem;background:var(--bg-white);border-radius:12px;border:1px solid var(--border-color);transition:all .2s ease}.step-item:hover{transform:translateX(4px);box-shadow:var(--shadow-sm)}.step-number{width:35px;height:35px;flex-shrink:0;background:var(--primary-color);color:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem}.step-item p{margin:0;color:var(--text-dark);line-height:1.5}.success-actions{display:flex;gap:1rem;animation:fadeInUp .5s ease-out .7s both}.btn-close-success,.btn-whatsapp{flex:1 1;padding:1rem 2rem;border-radius:10px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease;border:none;font-family:inherit;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn-whatsapp{background:var(--whatsapp-green);color:#fff;text-decoration:none}.btn-whatsapp:hover{background:var(--whatsapp-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-whatsapp .whatsapp-icon{width:20px;height:20px}.btn-close-success{background:var(--bg-white);color:var(--text-dark);border:1px solid var(--border-color)}.btn-close-success:hover{background:var(--bg-light)}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes drawCheck{to{stroke-dashoffset:0}}@media (max-width:640px){.success-modal{max-height:100vh;border-radius:20px 20px 0 0}.success-content{padding:2rem 1.5rem 1.5rem}.success-content h2{font-size:1.5rem}.success-message{font-size:1rem}.order-details{padding:1.5rem}.detail-row{flex-direction:column;gap:.5rem}.detail-value{text-align:left}.products-row .detail-value{max-width:100%}.success-actions{flex-direction:column}.btn-close-success,.btn-whatsapp{width:100%}}