.scp-success-wrapper{

    max-width:900px;

    margin:60px auto;

    padding:20px;

    box-sizing:border-box;

}

.scp-success-card{

    background:#fff;

    border-radius:18px;

    padding:45px;

    box-shadow:0 15px 45px rgba(0,0,0,.08);

    text-align:center;

}

.scp-success-icon{

    width:90px;

    height:90px;

    margin:0 auto 25px;

    border-radius:50%;

    background:#22c55e;

    color:#fff;

    font-size:50px;

    display:flex;

    align-items:center;

    justify-content:center;

}

.scp-failed-icon{

    width:90px;

    height:90px;

    margin:0 auto 25px;

    border-radius:50%;

    background:#dc2626;

    color:#fff;

    font-size:50px;

    font-weight:bold;

    display:flex;

    align-items:center;

    justify-content:center;

}

.scp-success-card h1{

    margin:0;

    font-size:clamp(19px, 4vw, 42px);

    line-height:1.25;

    color:#222;

}

.scp-success-subtitle{

    margin-top:15px;

    color:#666;

    font-size:18px;

}

.scp-booking-number{

    margin:35px auto;

    padding:20px;

    border:2px dashed #900001;

    border-radius:12px;

    font-size:20px;

}

.scp-booking-number strong{

    display:block;

    margin-top:8px;

    font-size:30px;

    color:#900001;

}

.scp-booking-details{

    margin-top:35px;

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:18px;

}

.scp-booking-details div{

    background:#fafafa;

    border:1px solid #eee;

    border-radius:12px;

    padding:20px;

    text-align:left;

}

.scp-booking-details span{

    display:block;

    color:#888;

    font-size:14px;

    margin-bottom:8px;

}

.scp-booking-details strong{

    font-size:19px;

    color:#222;

}

.scp-paid{

    color:#16a34a!important;

}

.scp-info-box{

    margin-top:35px;

    background:#f8fafc;

    border-left:5px solid #900001;

    padding:20px;

    border-radius:10px;

    text-align:left;

    line-height:1.8;

}

.scp-buttons{

    margin-top:40px;

    display:flex;

    justify-content:center;

    gap:20px;

    flex-wrap:wrap;

}

.scp-btn{

    background:#900001;

    color:#fff;

    text-decoration:none;

    padding:14px 30px;

    border-radius:10px;

    font-weight:600;

    transition:.3s;

}

.scp-btn:hover{

    background:#6d0001;

    color:#fff;

}

.scp-btn-outline{

    background:#fff;

    color:#900001;

    border:2px solid #900001;

}

.scp-btn-outline:hover{

    background:#900001;

    color:#fff;

}

@media(max-width:1024px){

    .scp-success-card{

        padding:35px 30px;

    }

    .scp-success-subtitle{

        font-size:16px;

    }

    .scp-booking-number{

        font-size:18px;

    }

    .scp-booking-number strong{

        font-size:26px;

    }

    .scp-booking-details strong{

        font-size:17px;

    }

    .scp-btn{

        padding:12px 24px;

        font-size:15px;

    }

}

@media(max-width:768px){

    .scp-success-card{

        padding:28px 20px;

    }

    .scp-booking-details{

        grid-template-columns:1fr;

    }

    .scp-success-icon,
    .scp-failed-icon{

        width:60px;

        height:60px;

        font-size:28px;

    }

    .scp-success-subtitle{

        font-size:14px;

    }

    .scp-booking-number{

        font-size:15px;

        padding:16px;

    }

    .scp-booking-number strong{

        font-size:19px;

    }

    .scp-booking-details strong{

        font-size:15px;

    }

    .scp-btn{

        padding:11px 20px;

        font-size:14px;

    }

}

@media(max-width:600px){

    .scp-success-wrapper{

        margin:16px auto;

        padding:10px;

    }

    .scp-success-card{

        padding:28px 18px;

        border-radius:16px;

        box-shadow:0 8px 24px rgba(0,0,0,.08);

    }

    .scp-success-icon,
    .scp-failed-icon{

        width:48px;

        height:48px;

        font-size:22px;

        margin-bottom:14px;

    }

    .scp-success-card h1{

        letter-spacing:-.01em;

    }

    .scp-success-subtitle{

        font-size:13px;

        line-height:1.5;

        margin-top:6px;

        padding:0 4px;

    }

    .scp-booking-number{

        margin:16px auto 0;

        padding:12px;

        font-size:12px;

    }

    .scp-booking-number strong{

        margin-top:4px;

        font-size:16px;

    }

    .scp-booking-details{

        margin-top:16px;

        gap:8px;

    }

    .scp-booking-details div{

        padding:10px 12px;

        border-radius:10px;

    }

    .scp-booking-details span{

        font-size:11px;

        margin-bottom:4px;

    }

    .scp-booking-details strong{

        font-size:13px;

    }

    .scp-paid{

        font-size:11px;

        padding:3px 9px;

    }

    .scp-info-box{

        margin-top:16px;

        padding:12px;

        font-size:12px;

        line-height:1.7;

    }

    .scp-buttons{

        margin-top:20px;

        gap:8px;

    }

    .scp-btn{

        padding:9px 14px;

        font-size:12.5px;

        border-radius:8px;

    }

}

.scp-paid{

    display:inline-block!important;

    width:fit-content!important;

    max-width:max-content!important;

    background:#dcfce7;

    color:#15803d !important;

    padding:6px 14px;

    border-radius:50px;

    font-size:15px;

    font-weight:600;

}