.serial-code-validator {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.serial-code-validator h4 { margin-top: 24px; }
.serial-code-validator form {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 5px;
    max-width: 100%;
}
.scv-validator-instruction { margin-bottom: 6px; text-align: center; }
.scv-validator-instruction p { margin: 0 0 6px; }
.serial-code-validator input[type="text"] { width: 300px; max-width: 100%; }
.serial-code-validator input[type="submit"] { margin-top: 5px; }
.serial-code-validator .scv-serial-code-result { margin-top: 12px; width: 100%; }
.scv-honeypot { position:absolute !important; left:-10000px !important; top:auto !important; width:1px !important; height:1px !important; overflow:hidden !important; }
.scv-recaptcha-wrap { margin:12px 0; }
.scv-result {
    width:100%;
    box-sizing:border-box;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:center;
    gap:14px;
    padding:14px 16px;
    border:1px solid transparent;
    border-radius:10px;
    text-align:center;
}
.scv-result-message {
    flex:1 1 auto;
    min-width:0;
    text-align:center;
}
.scv-result-message p { margin:0; }
.scv-result-icon {
    flex:0 0 auto;
    display:flex;
    align-items:center;
    justify-content:center;
    width:48px;
    height:48px;
    border-radius:50%;
    font-size:30px;
    font-weight:800;
    line-height:1;
}
.scv-result-success { background:#f0faf3; border-color:#b9dfc3; color:#145c29; }
.scv-result-invalid { background:#fff1f1; border-color:#efb9b9; color:#9d2426; }
.scv-result-warning { background:#fff8e8; border-color:#ead39a; color:#745000; }
.scv-result-success .scv-result-icon { background:#def3e4; color:#1f7a38; }
.scv-result-invalid .scv-result-icon { background:#f9dddd; color:#b32d2e; }
.scv-result-warning .scv-result-icon { background:#ffedbd; color:#8a5a00; }
.scv-result-image,
.scv-result-lottie {
    flex:0 0 auto;
}
.scv-result-image { display:block; max-width:35%; height:auto; object-fit:contain; }
.scv-result-lottie { max-width:35%; overflow:hidden; }
html[dir="rtl"] .scv-result { flex-direction:row-reverse; }

@media (max-width: 520px) {
    .scv-result { gap:10px; padding:12px; }
    .scv-result-icon { width:42px; height:42px; font-size:26px; }
    .scv-result-image,
    .scv-result-lottie { max-width:30%; }
}