<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="refresh" content="5;url=https://savshop.bh">
    <title>Redirecting...</title>
    <style>
        body {
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            margin: 0;
            background-color: #f9f9f9;
            color: #333;
            text-align: center;
        }
        .container {
            padding: 20px;
            background: #ffffff;
            border-radius: 8px;
            box-shadow: 0 4px 12px rgba(0,0,0,0.05);
            max-width: 400px;
        }
        h1 { font-size: 24px; margin-bottom: 10px; }
        p { font-size: 16px; color: #666; }
        a { color: #0066cc; text-decoration: none; }
        a:hover { text-decoration: underline; }
    </style>
</head>
<body>
    <div class="container">
        <h1>We have moved!</h1>
        <p>You are being redirected to <strong>new domain</strong> in <span id="countdown">5</span> seconds...</p>
        <p>If you are not redirected automatically, <a href="https://savshop.bh">click here</a>.</p>
    </div>
    <script>
        var seconds = 5;
        var countdownEl = document.getElementById("countdown");
        var interval = setInterval(function() {
            seconds--;
            if (countdownEl) {
                countdownEl.textContent = seconds;
            }
            if (seconds <= 0) {
                clearInterval(interval);
            }
        }, 1000);
    </script>
</body>
</html>