   <!DOCTYPE html>
<html lang="en">
<head>
    <base href="https://premiumdomains.ie/">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Lucky.ie is for sale | www.premiumdomains.ie</title>
    <meta name="description" content="This premium domain name is available for purchase!">

            <link rel="icon" href="/img/favicon.ico">
        
    <!-- Tailwind CSS -->
    <script src="https://cdn.tailwindcss.com"></script>

    <!-- jQuery -->
    <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>

    <!-- Google Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Noto+Sans:wght@300;400;500;600;700&display=swap" rel="stylesheet">

    <!-- Font Awesome 6 -->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" rel="stylesheet">
    <script src="https://unpkg.com/lucide@latest/dist/umd/lucide.min.js"></script>
    <link rel="stylesheet" type="text/css" href="https://premiumdomains.ie/css/page_specific/efty_market_themes/siam/style.css">

    <style>
        body {
            font-family: 'Inter', 'Noto Sans', sans-serif;
        }

        /* Overrule CSS with custom colors from Efty user */

         .lead-button {
             background: #51b7ab!important;
             color: #000000!important;
             border:none!important;
         }
        .lead-button-outline {
            border-color: #51b7ab!important;
            color: #51b7ab!important;
        }
        .lead-button-text {
            color: #51b7ab!important;
        }

                .radio-option.selected {
            background-color: #51b7ab11!important;
            border-color: #51b7ab!important;
        }
        
        /* Custom styles for mobile background positioning */
        @media (max-width: 768px) {
            .hero-bg {
                background-position: left -515px top !important;
            }
        }

        /* Smooth transitions */
        .transition-all {
            transition: all 0.2s ease-in-out;
        }

        /* Custom backdrop blur */
        .backdrop-blur-sm {
            backdrop-filter: blur(4px);
        }

		
    </style>

    <!-- Efty infrastructure UA -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-51651642-1"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());

        gtag('config', 'UA-51651642-1');
    </script>

    <!-- ./Efty infrastructure UA -->

    <!-- /Efty user GA4 / UA -->
            <!--UA -->
        <script async src="https://www.googletagmanager.com/gtag/js?id=UA-17809736-8"></script>
        <script>
            window.dataLayer = window.dataLayer || [];
            function gtag(){dataLayer.push(arguments);}
            gtag('js', new Date());

            gtag('config', 'UA-17809736-8');
        </script>
            <!-- /Efty user GA4 / UA -->


    <!-- Altcha -->
    <script async defer src="https://cdn.jsdelivr.net/gh/altcha-org/altcha/dist/altcha.min.js" type="module"></script>
    <link href="css/altcha.css" rel="stylesheet">
    <script type="text/javascript" src="https://premiumdomains.ie/odf/js/odf.js"></script><script>Odf.set('website_base_url', 'https://premiumdomains.ie/');$(document).ready(function() {Odf.init();});</script></head>
<!-- EFTY MARKET THEME SIAM -->

<body class="min-h-screen bg-cover bg-no-repeat bg-gray-100">

<!-- Navigation -->
<nav class="sticky top-0 z-50 bg-white backdrop-blur-sm border-b border-gray-200 shadow-sm">
    <div class="container mx-auto px-6 py-3 max-w-6xl mx-auto">
        <div class="flex items-center justify-between h-16">
            <!-- Logo -->
                            <a href="https://premiumdomains.ie/" class="flex items-center"><img src="https://files.efty.com/market/uploads/logo/e8d8c93569054bf8cbb27ab2650313ec.png" class="h-16 w-auto"></a>
                
            <!-- Desktop Navigation -->
            <div class="hidden md:flex items-center space-x-8">
                <a href="https://premiumdomains.ie/" class="text-gray-700 hover:text-green-600 transition-colors duration-200 font-medium">Home</a>
                <a href="https://premiumdomains.ie/search/" class="text-gray-700 hover:text-green-600 transition-colors duration-200 font-medium">Domains</a>
                                    <a href="https://premiumdomains.ie/cus/1/domain-sales/" class="text-gray-700 hover:text-green-600 transition-colors duration-200 font-medium" title="Domain Sales">Domain Sales</a>
                                    <a href="https://premiumdomains.ie/about-us/" class="text-gray-700 hover:text-green-600 transition-colors duration-200 font-medium">About Us</a>
                <a href="https://premiumdomains.ie/contact/" class="text-gray-700 hover:text-green-600 transition-colors duration-200 font-medium">Contact</a>

                <a href="https://premiumdomains.ie/shortlist/"
                   class="relative inline-flex items-center text-gray-700 hover:text-green-600 transition-colors duration-200 font-medium lead-button-text">

                    <!-- Heart icon -->
                    <i class="fa-regular fa-heart text-xl"></i>

                    <!-- Counter badge -->
                    <span class="absolute -top-1 -right-2 bg-green-600 text-white text-xs font-bold px-1.5 py-0.5 rounded-full shortlist-counter hidden lead-button">
                    </span>
                </a>

                                    <a href="tel://+353 1 539 4410" class="text-gray-700 hover:text-green-600 transition-colors duration-200 font-medium">
                        +353 1 539 4410 <i class="fa-solid fa-mobile-alt ml-2"></i>
                    </a>
                    
            </div>

            <!-- Mobile Menu Button -->
            <button id="mobile-menu-btn" class="md:hidden bg-gray-200 p-2 px-3 rounded-md">
                <i class="fa-solid fa-bars w-6 h-6 "></i>
            </button>
        </div>

        <!-- Mobile Navigation -->
        <div id="mobile-menu" class="md:hidden py-4 border-t border-gray-200 hidden">
            <div class="flex flex-col space-y-4">
                <a href="https://premiumdomains.ie/" class="text-gray-700 hover:text-green-600 transition-colors duration-200 font-medium py-2">Home</a>
                <a href="https://premiumdomains.ie/search/" class="text-gray-700 hover:text-green-600 transition-colors duration-200 font-medium py-2">Domains</a>
                                    <a href="https://premiumdomains.ie/cus/1/domain-sales/" class="text-gray-700 hover:text-green-600 transition-colors duration-200 font-medium py-2" title="Domain Sales">Domain Sales</a>
                                    <a href="https://premiumdomains.ie/about-us" class="text-gray-700 hover:text-green-600 transition-colors duration-200 font-medium py-2">About Us</a>
                <a href="https://premiumdomains.ie/contact/" class="text-gray-700 hover:text-green-600 transition-colors duration-200 font-medium py-2">Contact</a>
                <a href="https://premiumdomains.ie/shortlist/"
                   class="relative inline-flex items-center text-gray-700 hover:text-green-600 transition-colors duration-200 font-medium lead-button-text">

                    <!-- Heart icon -->
                    <i class="fa-regular fa-heart text-xl"></i>

                    <!-- Counter badge -->
                    <span class="absolute -top-1 -left-2 bg-green-600 text-white text-xs font-bold px-1.5 py-0.5 rounded-full shortlist-counter hidden lead-button">
                    </span>
                </a>
            </div>
        </div>
    </div>
</nav><style>
    body {
        font-family: 'Noto Sans', sans-serif;
    }
    #main_bg {
    }
    /* Custom styles for radio buttons */
    .radio-option {
        transition: all 0.2s ease;
    }

    .radio-option.selected {
        background-color: rgb(240 253 244);
        border-color: rgb(34 197 94);
    }

    .radio-option:hover {
        background-color: rgb(249 250 251);
    }

    /* Loading spinner animation */
    .animate-spin {
        animation: spin 1s linear infinite;
    }
    /* Algemene validator box */
    .validator_status {
        display: block;
        padding: 0.75rem 1rem;   /* vergelijkbaar met Tailwind p-3 */
        margin-bottom: 0.75rem;  /* vergelijkbaar met mb-3 */
        border-radius: 1rem;
        font-weight: 500;        /* font-medium */
        border: 1px solid transparent;
    }

    /* Error state */
    .validator_errors {
        background-color: #fee2e2; /* bg-red-100 */
        color: #991b1b;            /* text-red-800 */
        border-color: #fca5a5;     /* border-red-300 */
    }

    /* Success state */
    .validator_success {
        background-color: #dcfce7; /* bg-green-100 */
        color: #166534;            /* text-green-800 */
        border-color: #86efac;     /* border-green-300 */
    }


    @keyframes spin {
        from { transform: rotate(0deg); }
        to { transform: rotate(360deg); }
    }

    /* Modal backdrop */
    .modal-backdrop {
        background-color: rgba(0, 0, 0, 0.7);
        z-index: 9999;
    }

    #offer-modal,
    #lto-modal,
    #loading-overlay {
        z-index: 9999;
    }

    /* Background positioning for mobile */
    @media (max-width: 768px) {
        .bg-mobile {
            background-position: -650px 0;
        }
    }
</style>
<div class="min-h-screen flex flex-col bg-gray-100" id="main_bg">

    <div class="relative z-10 w-full flex-grow flex items-center justify-center">

        <!-- Loading Overlay -->
        <div id="loading-overlay" class="fixed inset-0 modal-backdrop flex items-center justify-center z-50 hidden">
            <svg class="w-16 h-16 text-white animate-spin" fill="none" viewBox="0 0 24 24">
                <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
                <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
            </svg>
        </div>

        <!-- Offer Modal -->
        <div id="offer-modal" class="fixed inset-0 modal-backdrop flex items-center justify-center z-50 p-4 hidden">
            <div class="lg:mt-16 bg-white text-gray-900 p-10 rounded-3xl shadow-2xl w-full max-w-3xl max-h-[75vh] overflow-y-auto">
                <div class="flex justify-between items-center mb-8">
                    <h2 class="text-3xl font-bold text-gray-900">Make an Offer</h2>
                    <button id="close-modal" class="p-2 hover:bg-gray-100 rounded-full">
                        <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
                        </svg>
                    </button>
                </div>

                <form id="offer-form" class="odf_ajax space-y-6" action="ajaxa/landing_themes/add_inquiry_cap/" method="post" data-target="form_feedback" autocomplete="off">

                    <input type="hidden" name="domain_id" value="5553194">
                    <input type="hidden" name="user_id" value="2306">

                    <div id="form_feedback">
                    </div>

                    <!-- First row - Name and Email -->
                    <div class="grid md:grid-cols-2 gap-6">
                        <div>
                            <label for="name" class="text-sm font-semibold text-gray-700 mb-2 block">Name *</label>
                            <input id="name" name="name" type="text" required class="w-full h-12 border-2 border-gray-200 focus:border-emerald-500 rounded-xl px-4 outline-none">
                        </div>
                        <div>
                            <label for="email" class="text-sm font-semibold text-gray-700 mb-2 block">Email *</label>
                            <input id="email" name="email" type="email" required class="w-full h-12 border-2 border-gray-200 focus:border-emerald-500 rounded-xl px-4 outline-none">
                        </div>
                    </div>

                    <!-- Second row - Phone and Offer -->
                    <div class="grid md:grid-cols-2 gap-6">
                        <div>
                            <label for="phone" class="text-sm font-semibold text-gray-700 mb-2 block">Phone</label>
                            <input id="phone" name="phone" type="tel" class="w-full h-12 border-2 border-gray-200 focus:border-emerald-500 rounded-xl px-4 outline-none">
                        </div>
                        <div>
                            <label for="offer" class="text-sm font-semibold text-gray-700 mb-2 block">Offer Amount () *</label>
                            <input id="offer" name="offer" type="number" required class="w-full h-12 border-2 border-gray-200 focus:border-emerald-500 rounded-xl px-4 font-semibold outline-none" placeholder="Offer in EUR">
                        </div>
                    </div>

                    <!-- Full width message -->
                    <div>
                        <label for="message" class="text-sm font-semibold text-gray-700 mb-2 block">Message *</label>
                        <textarea id="message" name="message" rows="4" class="w-full border-2 border-gray-200 focus:border-emerald-500 rounded-xl px-4 py-3 resize-none outline-none"></textarea>
                    </div>

                    
                        <!-- Privacy policy checkbox -->
                        <div class="flex items-start space-x-3 p-4 bg-gray-50 rounded-xl">
                            <input type="checkbox" id="request_consent" name="request_consent" required class="mt-1 bg-white border border-gray-300 rounded" value="1">
                            <label for="request_consent" class="text-sm text-gray-600 leading-relaxed">
                                With this form, we collect your name and contact information so that we can process your inquiry.
                                Please refer to our <a href="/privacy/" class="text-emerald-600 hover:underline font-medium">Privacy Policy</a>
                                to learn about how we protect and manage this data. I consent to having this information stored in
                                order to process my inquiry.
                            </label>
                        </div>

                        
                    <div class="altcha-wrapper theme-siam">
                        <altcha-widget
                                challengeurl="https://sentinel-w5bmbzne6a7cs.azurewebsites.net/v1/challenge?apiKey=key_1jcc7jkd200a1tg7mhs"
                                name="altcha"
                        ></altcha-widget>
                    </div>

                    <input
                            type="submit"
                            value="Submit Your Offer"
                            class="w-full bg-green-600 hover:bg-green-600 hover:shadow-lg transition-all duration-200 text-white py-4 rounded-xl text-lg font-medium mb-2 flex items-center justify-center gap-2 text-center cursor-pointer lead-button"
                            id="offer-modal-submit"
                    />
                </form>
            </div>
        </div>

        
        <!-- Main Content -->
        <main class="container mx-auto px-6 py-12">
            <div class="max-w-6xl mx-auto">

                <!-- Consolidated single responsive layout replacing separate mobile/desktop sections -->
                <div class="grid lg:grid-cols-2 gap-8 lg:gap-12 items-center">
                    <!-- Left Column -->
                    <div class="lg:space-y-8 lg:order-1">
                        <!-- Domain name -->
                        <div class="w-full">
                            <h1 class="font-bold my-0 lg:mb-8 lg:mt-6 logo_text">
                                Lucky.ie                            </h1>
                        </div>
                        <p class="text-lg leading-relaxed lg:mt-6 w-full">This premium domain name is available for purchase!</p>

                        <!-- Chevron USPs -->
                        <div class="lg:space-y-4 hidden lg:block">
                                                            <div class="flex items-center gap-3">
                                    <svg class="w-5 h-5 text-green-300 lead-button-text" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
                                    </svg>
                                    <span class="text-lg">Your domain name is your identity on the Internet</span>
                                </div>
                                                            <div class="flex items-center gap-3">
                                    <svg class="w-5 h-5 text-green-300 lead-button-text" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
                                    </svg>
                                    <span class="text-lg">Establish instant trust and credibility with customers</span>
                                </div>
                                                            <div class="flex items-center gap-3">
                                    <svg class="w-5 h-5 text-green-300 lead-button-text" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
                                    </svg>
                                    <span class="text-lg">Premium domain names appreciate in value over time</span>
                                </div>
                                                            <div class="flex items-center gap-3">
                                    <svg class="w-5 h-5 text-green-300 lead-button-text" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
                                    </svg>
                                    <span class="text-lg">Boost your business and invest in the right domain name</span>
                                </div>
                                                    </div>

                    </div>

                    <!-- Right Column - Purchase Card -->
                    <div class="lg:order-2 lg:ml-auto">
                        <div class="bg-white text-gray-900 p-8 pb-4 rounded-3xl shadow-2xl lg:w-xl">

                            <div class="space-y-4">

                                                                    <div class="w-full">
                                        <div class="flex w-full rounded-md shadow-sm overflow-hidden border border-gray-300 focus-within:ring-1 focus-within:ring-primary focus-within:border-primary">
                                            <span class="inline-flex items-center p-5 bg-gray-100 text-gray-700 text-lg font-medium">
                                              EUR                                            </span>
                                            <input
                                                    type="number"
                                                    name="offer_amount"
                                                    id="offer_amount"
                                                    class="w-full p-5 border-0 focus:ring-0 focus:outline-none text-lg font-medium"
                                                    placeholder="Your offer"
                                                    min="0"
                                                    step="1"
                                            >
                                        </div>
                                    </div>

                                    <button id="main-action" class="w-full bg-green-600 hover:bg-green-600 hover:shadow-lg transition-all duration-200 text-white py-4 rounded-xl text-lg font-medium mb-0 flex items-center justify-center gap-2 py-0 lead-button">
                                        <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
                                        </svg>
                                        <span>Make an offer</span>
                                    </button>
                                    
                                <div class="flex justify-center items-center gap-4 text-gray-400">
                                    <i class="fa-brands fa-cc-visa text-2xl" title="Visa"></i>
                                    <i class="fa-brands fa-cc-mastercard text-2xl" title="Mastercard"></i>
                                    <i class="fa-brands fa-cc-paypal text-2xl" title="PayPal"></i>
                                    <i class="fa-brands fa-cc-amex text-2xl hidden" title="American Express"></i>
                                    <i class="fa-solid fa-building-columns text-2xl mb-1" title="Bank Transfer"></i>
                                </div>
                            </div>

                        </div>

                        <!-- Active Buyer Interest box -->
                        <div class="bg-white p-6 rounded-2xl shadow-xs mt-6">
                            <div class="flex items-center gap-4">
                                <svg class="w-8 h-8 text-green-600 lead-button-text" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7h8m0 0v8m0-8l-8 8-4-4-6 6"></path>
                                </svg>
                                <div class="text-left">
                                    <div class="font-bold">Active Buyer Interest</div>
                                    <div class="text-sm">Over 8 potential buyers recently viewed this domain</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Bottom Features - responsive layout -->
                <div class="mt-12 lg:mt-24">
                    <!-- Mobile: stacked list -->
                    <div class="lg:hidden space-y-4">
                        <div class="flex items-center gap-3 w-full">
                            <svg class="w-8 h-8 text-green-600 lead-button-text" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"></path>
                            </svg>
                            <div>
                                <span class="text-lg font-medium">Your funds are </span>
                                <span class="font-bold text-green-600 lead-button-text">kept safe</span>
                            </div>
                        </div>
                        <div class="flex items-center gap-3 w-full">
                            <svg class="w-8 h-8 text-green-600 lead-button-text" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"></path>
                            </svg>
                            <div>
                                <span class="text-lg font-medium">Your domain is </span>
                                <span class="font-bold text-green-600 lead-button-text">delivered quickly</span>
                            </div>
                        </div>
                        <div class="flex items-center gap-3 w-full">
                            <svg class="w-8 h-8 text-green-600 lead-button-text" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"></path>
                            </svg>
                            <div>
                                <span class="text-lg font-medium">Our specialists offer free </span>
                                <span class="font-bold text-green-600 lead-button-text">expert guidance</span>
                            </div>
                        </div>
                    </div>

                    <!-- Desktop: 3-column grid -->
                    <div class="hidden lg:grid md:grid-cols-3 gap-8 max-w-4xl mx-auto">
                        <div class="text-center space-y-3">
                            <svg class="w-8 h-8 mx-auto text-green-600 lead-button-text" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"></path>
                            </svg>
                            <h3 class="text-lg font-medium">
                                Your funds are<br>
                                <span class="font-bold text-green-600 lead-button-text">kept safe</span>
                            </h3>
                        </div>
                        <div class="text-center space-y-3">
                            <svg class="w-8 h-8 mx-auto text-green-600 lead-button-text" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"></path>
                            </svg>
                            <h3 class="text-lg font-medium">
                                Your domain is<br>
                                <span class="font-bold text-green-600 lead-button-text">delivered quickly</span>
                            </h3>
                        </div>
                        <div class="text-center space-y-3">
                            <svg class="w-8 h-8 mx-auto text-green-600 lead-button-text" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"></path>
                            </svg>
                            <h3 class="text-lg font-medium">
                                Our specialists offer free<br>
                                <span class="font-bold text-green-600 lead-button-text">expert guidance</span>
                            </h3>
                        </div>
                    </div>
                </div>
            </div>
        </main>
    </div>
</div>

<script>
    $(document).ready(function() {
        const ltoUrl = 'https://premiumdomains.ie/lto/id/3b0ve/';
        const $ltoIframe = $('#lto-iframe');
        const $ltoPanel = $('#lto-modal-panel');
        const ltoHeaderHeight = 74;
        const ltoModalVerticalPadding = 32;

        function setLtoFrameHeight(contentHeight) {
            const viewportMax = Math.max(320, window.innerHeight - ltoModalVerticalPadding);
            const maxFrameHeight = Math.max(240, viewportMax - ltoHeaderHeight);
            const nextHeight = Math.max(240, Math.min(contentHeight, maxFrameHeight));

            $ltoIframe.css('height', nextHeight + 'px');
            $ltoPanel.css('max-height', viewportMax + 'px');
        }

                let selectedOption = 'make-offer';
        
        // Handle radio button changes
        $('input[name="purchase-option"]').on('change', function() {
            selectedOption = $(this).val();
            updateUI();
        });

        // Handle radio button label clicks
        $('label.radio-option').on('click', function() {
            const targetId = $(this).attr('for');
            const targetInput = $('#' + targetId);

            // Update the radio button
            targetInput.prop('checked', true);
            selectedOption = targetInput.val();
            updateUI();
        });

        function updateUI() {
            // Update radio button styles
            $('label.radio-option').removeClass('selected');
            if (selectedOption === 'buy-now') {
                $('label[for="buy-now"]').addClass('selected');
                $('#main-action span').text('Get it now');
            } else if (selectedOption === 'lto') {
                $('label[for="lto"]').addClass('selected');
                $('#main-action span').text('Get it now');
            } else {
                $('label[for="make-offer"]').addClass('selected');
                $('#main-action span').text('Make an offer');
            }
        }

        // Handle main action button click
        $('#main-action').on('click', function() {
            if (selectedOption === 'buy-now') {
                handleProceedToPayment();
            } else if (selectedOption === 'lto') {
                handleLeaseToOwn();
            } else {
                handleMakeOffer();
            }
        });
        // Verberg overlay zodra álle AJAX-requests klaar zijn (ook bij fouten)
        $(document).ajaxStop(function () {
            $('#loading-overlay').addClass('hidden');
        });

        // Extra vangnet bij fouten
        $(document).ajaxError(function () {
            $('#loading-overlay').addClass('hidden');
        });

        function handleProceedToPayment() {

            $('#loading-overlay').removeClass('hidden');
                    }



        function handleMakeOffer() {
            // Haal de waarde op uit het input veld buiten de modal
            let offerAmount = $('#offer_amount').val();

            // Toon het modal
            $('#offer-modal').removeClass('hidden');

            // Als er een waarde ingevuld is, zet die in het modal veld
            if (offerAmount) {
                $('#offer').val(offerAmount);
            }
        }

        function handleLeaseToOwn() {
            setLtoFrameHeight(Math.max(420, window.innerHeight * 0.65));
            $ltoIframe.attr('src', ltoUrl);
            $('body').css('overflow', 'hidden');
            $('#lto-modal').removeClass('hidden');
        }

        function closeLtoModal() {
            $('#lto-modal').addClass('hidden');
            $ltoIframe.attr('src', 'about:blank');
            $ltoIframe.css('height', '');
            $('body').css('overflow', '');
        }

        // Handle modal close
        $('#close-modal').on('click', function() {
            $('#offer-modal').addClass('hidden');
        });

        $('#close-lto-modal').on('click', function() {
            closeLtoModal();
        });

        // Handle modal backdrop click
        $('#offer-modal').on('click', function(e) {
            if (e.target === this) {
                $('#offer-modal').addClass('hidden');
            }
        });

        $('#lto-modal').on('click', function(e) {
            if (e.target === this) {
                closeLtoModal();
            }
        });

        // Handle escape key to close modal
        $(document).on('keydown', function(e) {
            if (e.key === 'Escape') {
                $('#offer-modal').addClass('hidden');
                closeLtoModal();
            }
        });

        window.addEventListener('message', function(event) {
            if (!event.data || event.data.type !== 'efty-lto-resize') {
                return;
            }

            if (typeof event.data.height !== 'number') {
                return;
            }

            setLtoFrameHeight(event.data.height);
        });

        window.addEventListener('resize', function() {
            const currentHeight = parseInt($ltoIframe.css('height'), 10);

            if (currentHeight) {
                setLtoFrameHeight(currentHeight);
            }
        });

        updateUI();

    });
</script>
<!-- Footer -->
<footer class="bg-gray-900 text-white py-8">
    <div class="container mx-auto text-center">
        <div class="flex justify-center space-x-4 mb-4">
                            <a href="tel://+353 1 539 4410" class="w-10 h-10 flex items-center justify-center rounded-full border border-gray-600 text-gray-300 hover:bg-green-600 hover:text-white transition">
                    <i class="fa-solid fa-phone"></i>
                </a>
            
                            <a href="https://www.premiumdomains.ie" class="w-10 h-10 flex items-center justify-center rounded-full border border-gray-600 text-gray-300 hover:bg-green-600 hover:text-white transition">
                    <i class="fa-solid fa-globe"></i>
                </a>
            
                            <a href="/cdn-cgi/l/email-protection#ed9e8c81889ead9d9f88808498808982808c84839ec38488" class="w-10 h-10 flex items-center justify-center rounded-full border border-gray-600 text-gray-300 hover:bg-green-600 hover:text-white transition">
                    <i class="fa-regular fa-envelope"></i>
                </a>
            
            
            
            
                            <a href="https://www.linkedin.com/company/premium-domains" class="w-10 h-10 flex items-center justify-center rounded-full border border-gray-600 text-gray-300 hover:bg-green-600 hover:text-white transition">
                    <i class="fa-brands fa-linkedin-in"></i>
                </a>
                    </div>

                    <a href="/privacy/" class="text-sm text-gray-400 hover:text-white underline">Privacy</a>
        
        
            <p class="flex flex-col items-center mt-7">
                Powered by
                <br>
                <a href="https://www.efty.com"
                   title="Buy and sell on the world's domain name marketplace"
                   target="_blank"
                   class="inline-block mt-1">
                    <img src="https://premiumdomains.ie/img/efty-lg.png"
                         alt="Efty"
                         class="mx-auto w-20">
                </a>
            </p>

            </div>
</footer>


<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="js/fitty.min.js"></script>
<script>
    $(document).ready(function() {

        // Mobile menu toggle
        let isMenuOpen = false;
        $('#mobile-menu-btn').click(function() {
            isMenuOpen = !isMenuOpen;
            if (isMenuOpen) {
                $('#mobile-menu').removeClass('hidden');
                $(this).find('i').attr('data-lucide', 'x');
            } else {
                $('#mobile-menu').addClass('hidden');
                $(this).find('i').attr('data-lucide', 'menu');
            }
        });

        // Close mobile menu when clicking on links
        $('#mobile-menu a').click(function() {
            $('#mobile-menu').addClass('hidden');
            $('#mobile-menu-btn').find('i').attr('data-lucide', 'menu');
            isMenuOpen = false;
        });

        // Search functionality
        $('#search-btn').click(function() {
            const searchTerm = $('#domain-search').val().trim();
            if (searchTerm) {
                window.location.href = `search/?keyword=${encodeURIComponent(searchTerm)}`;
            }
        });

        // Enter key search
        $('#domain-search').keypress(function(e) {
            if (e.which === 13) {
                $('#search-btn').click();
            }
        });

        // Filters functionality
        $('#toggle-filters').click(function() {
            const sidebar  = $('#filters-sidebar');
            sidebar.toggle("hidden");
        });
        // Tailwind breakpoint voor mobile is <640px
        function applyFittyForMobile() {
           fitty('.logo_text', {
                    maxSize: 50
            });
        }

        applyFittyForMobile(); // run on load
        $(window).on('resize', applyFittyForMobile); // run on resize
    });
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
<script src="https://premiumdomains.ie/js/shortlist.js"></script>
<!-- Cookie consent -->
<link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.0.3/cookieconsent.min.css" />
<script src="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.0.3/cookieconsent.min.js"></script>

<script>

window.addEventListener("load", function(){
window.cookieconsent.initialise({
  "palette": {
    "popup": {
      "background": "#eaeaea",
      "text": "#777777"
    },
    "button": {
      "background": "#333333",
      "text": "#ffffff"
    }
  },
  "theme": "classic",
  "position": "bottom-left",
  "content": {
    "message": "This website uses cookies to ensure you get the best experience on our website",
    "dismiss": "Got it!",
    "link": "Read more",
    "href": "/privacy/"
  }
})});
</script>
<!--Start of Tawk.to Script-->
<script type="text/javascript">
var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
(function(){
var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
s1.async=true;
s1.src='https://embed.tawk.to/5d1cc7317a48df6da242c959/default';
s1.charset='UTF-8';
s1.setAttribute('crossorigin','*');
s0.parentNode.insertBefore(s1,s0);
})();
</script>
<!--End of Tawk.to Script--></body>
</html>
<div id="stats_div" style="display:none;"></div>					
<script>

	$( document ).ready(function() {

		Odf.ajax.get('https://premiumdomains.ie/ajax/visitors/create/', 'div#stats_div', { domain_id: '5553194' });
		
	});

</script>
