{"html":"<div class=\"ovh p-0 m-0\">\n\n    \n    <style>\n        .ovh{overflow: hidden;}\n        .p-0{padding: 0;}\n        .m-0{margin: 0;}\n        .pt-20{padding-top: 20px;}\n        .px-20{\n            padding-left: 20px;\n            padding-right: 20px;\n        }\n        .fw-700{font-weight: 700;}\n        .d-flex{display: flex;}\n        .columns--promo{\n            display: flex;\n            \/*flex-wrap: wrap;*\/\n            margin-right: -10px;\n            margin-left: -10px;\n            position: absolute;\n            z-index: 2;\n\n            top: 50%;\n            transform: translate(0%, -50%);\n            width: 100%;\n            height: 100%;\n\n            margin-right: -10px;\n            margin-left: -10px;\n        }\n        .columns--promo > div{\n            padding-left: 10px;\n            padding-right: 10px;\n        }\n        .promo-material{\n            height: auto;\n            background-repeat: no-repeat;\n            background-size: cover;\n            background-position: center top;\n            position: relative;\n        }\n        .promo-scrollable{\n            position: fixed;\n            z-index: 1;\n            min-height: 100%;\n            overflow: auto;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            height: 100%;\n            top: 50%;\n            display: flex;\n            align-items: flex-start;\n            width: 100%;\n            max-width: 1200px;\n            justify-content: center;\n        }\n        .promo-scrollable::-webkit-scrollbar{\n            display: none;\n        }\n        .promo-material::after{\n            content: \"\";\n            position: absolute;\n            width: 100%;\n            height: 100%;\n            display: block;\n            background: #fff;\n            top: 0;\n            left: 0;\n        }\n        .document{\n            height: 100%;\n            width: 100%;\n            background: #fff;\n            padding-top: 20px;\n            padding-bottom: 20px;\n            font-family: \"Tahoma\", sans-serif;\n            display: flex;\n            flex-direction: column;\n            border-top: 5px solid #8d0100;\n        }\n        .document .document-head{\n            border-bottom: 1px solid #ccc;\n            display: flex;\n            align-items: center;\n            flex-wrap: wrap;\n            justify-content: space-between;\n        }\n        .document .dop-info{\n            font-size: 14px;\n        }\n        .listing-description {\n            font-size: 0.8em;\n            color: #808080;\n        }\n        .document .document-head > *:not(:last-child){\n            margin-right: 10px;\n        }\n        .document .document-footer{\n            display: flex;\n            flex-direction: column;\n            border-top: 1px solid #ccc;\n        }\n        .gallery{\n            display: flex;\n            flex-direction: column;\n            width: 100%;\n            list-style-type: none;\n        }\n        .gallery > *:not(:last-child){\n            margin-bottom: 5px;\n        }\n        .light-gallery, .gallery{\n            margin-bottom: 0;\n        }\n        \/* .light-gallery, .gallery, .gallery .gallery--item, .gallery img{\n            width: 100%;\n            height: 100%;\n            padding-left: 0;\n            padding-right: 0;\n        } *\/\n        .doc-list{\n            padding: 0;\n            list-style-type: none;\n            display: flex;\n            flex-wrap: wrap;\n        }\n        .doc-list li{\n            margin-right: 10px;\n            text-decoration: underline;\n            color: #8d0100;\n        }\n        .mt-auto{margin-top: auto;}\n        .list-def{\n            list-style-type: none;\n            padding-left: 0;\n        }\n        .list-columns{\n            display: flex;\n            flex-wrap: wrap;\n            margin-left: -10px;\n            margin-right: -10px;\n        }\n        .list-columns .col-list{\n            padding-left: 10px;\n            padding-right: 10px;\n            flex: 0 0 50%;\n            max-width: 50%;\n        }\n        .list-def--item .val-1{\n            color: #383838;\n        }\n        .columns--promo .col-8{\n            max-width: 66.6666666667%;\n            flex: 0 0 66.6666666667%;\n        }\n        .columns--promo .col-4{\n            max-width: 33.3333333333%;\n            flex: 0 0 33.3333333333%;\n        }\n        .columns--promo > div{\n            padding-left: 10px;\n            padding-right: 10px;\n        }\n        .doc-title{color:#000;}\n\n        .gallery--item {\n            width: 100%;\n            overflow: hidden;\n            position: relative;\n            \/* maintain 16:9 aspect ratio *\/\n            aspect-ratio: 16 \/ 9;\n        }\n\n        .gallery--item img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover; \/* crop to fill 16:9 *\/\n            display: block;\n        }\n        .list-def--item .val-1{\n           font-weight: 700 !important;\n        }\n        .list-def--item .val-2{\n           color: #8f8f8f !important;\n        }\n        @media print {\n            body{\n                background: #fff !important;\n            }\n            .promo-material,\n            .promo-scrollable,\n            .columns--promo {\n                height: auto !important;\n                position: static !important;\n                transform: none !important;\n                overflow: visible !important;\n                background: #ffffff !important;\n            }\n        }\n    <\/style>\n                <section class=\"promo-material\">\n        <div class=\"container\">\n            <div class=\"promo-scrollable\">\n                <div class=\"columns--promo\">\n                    <div class=\"col-8 d-flex\">\n                        <div class=\"document\">\n                            <div class=\"document-head pb-3\">\n                                <h1 class=\"doc-title fw-700\">Sveti Ivan Na Pucini Island<\/h1>\n                                <div class=\"dop-info\">\n                                    <div>\n                                        <a href=\"\/region\/croatia\" class=\"link-default\">Croatia<\/a>, <a href=\"\/region\/europe\" class=\"link-default\">Europe<\/a>\n\n\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                            <div class=\"document-body pt-20\">\n                                <div class=\"listing-description\">\n                                    <p>Sveti Ivan na Pu\u010dini (St. John in the Open Sea) is a tiny, rugged islet built into the folklore of Rovinj. Established in 1853, the lighthouse sits on a flat stone plateau that drops sharply into the deep blue of the Adriatic. While only a few miles from one of Croatia's most popular tourist towns, the islet feels like a world apart. It is a destination for those who find luxury in the elements\u2014crashing waves, screaming gulls, and the rhythmic beam of the 23-meter lighthouse tower.<\/p><p><strong>Accommodations &amp; Design<\/strong> The apartments are housed within the robust stone base of the lighthouse. The interiors are simple, keeping with the \"pioneer\" spirit of lighthouse living, but they were updated for the 2025\/2026 season with refreshed linens and updated kitchen appliances. Each apartment has its own kitchen and bathroom. The thick limestone walls keep the rooms naturally cool during the peak of summer, and the windows offer front-row views of the horizon.<\/p><p><strong>Amenities &amp; Inclusions<\/strong> Facilities on Sveti Ivan are centered on the islet's natural rocky terrain.<\/p><p><strong>Swimming &amp; Diving:<\/strong> The islet features two shallow-water entry points, but it is most famous for its 10-meter cliffs, which are a favorite for adventurous swimmers. The surrounding seabed is a mix of rock and sand, making for exceptional visibility for snorkeling.<\/p><p><strong>Leisure:<\/strong> The 15-meter lighthouse tower (accessible by arrangement with the keeper) provides a 360-degree viewing platform that is arguably the best sunset spot in the northern Adriatic.<\/p><p><strong>Safety:<\/strong> The presence of a keeper ensures guests have a local contact for weather changes or emergencies.<\/p><p><strong>How Private Is This Island?<\/strong> Privacy at Sveti Ivan na Pu\u010dini is dictated by the sea. While it is a popular destination for day-tripping boats from Rovinj, most visitors stay only for an hour or two on the lower rocks. Once the last boat leaves in the late afternoon, the islet belongs entirely to the eight guests and the keeper. Because the islet is so small, you are never more than a few steps away from the other apartment's occupants, making a full buyout (booking both apartments) the only way to achieve true, sovereign solitude.<\/p>\n                                <\/div>\n\n                                <div class=\"list-columns\" style=\"margin-top: 20px;\">\n                                    <div class=\"col-list\">\n                                        <ul class=\"list-def\">\n                                                                                            <li class=\"list-def--item\">\n                                                    <span class=\"val-1\">Location:<\/span>\n                                                    <span class=\"val-2\">Gateway: Pula Airport (PUY). Transfer: A 30-to-45 minute boat ride departing from Rovinj\u2019s harbor.<\/span>\n                                                <\/li>\n                                            \n                                                                                            \n                                                <li class=\"list-def--item\">\n                                                    <span class=\"val-1\">Service Type:<\/span>\n                                                    <span class=\"val-2\">Self Service<\/span>\n                                                <\/li>\n                                            \n                                                                                    <\/ul>\n                                    <\/div>\n                                    <div class=\"col-list\">\n                                        <ul class=\"list-def\">\n                                                                                                                                                <li class=\"list-def--item\">\n                                                        <span class=\"val-1\">Rental Info:<\/span>\n                                                        <span class=\"val-2\">Capacity: 8 Guests.\r\n\r\nAccommodations: 2 Four-bed Apartments Within The Lighthouse Building:\r\n\r\nApartment A1 (approx. 45 Sqm).\r\n\r\nApartment A2 (approx. 55 Sqm).<\/span>\n                                                    <\/li>\n                                                \n                                                \n                                                                                            \n                                                                                    <\/ul>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                                                            <div class=\"document-footer pt-20 mt-auto\">\n                                    <h5 class=\"doc-title fw-700\">Featured Lifestyles:<\/h5>\n                                    <ul class=\"doc-list\">\n                                                                                    <li class=\"doc-list--item\">\n                                                <b>Rustic<\/b>\n                                            <\/li>\n                                                                            <\/ul>\n                                <\/div>\n                                                    <\/div>\n                    <\/div>\n                                            <div class=\"col-4 d-flex\">\n                            <div class=\"light-gallery\">\n                                <ul class=\"gallery\">\n                                                                                                                    <li class=\"gallery--item\">\n                                            <img src=\"https:\/\/www.privateislandsonline.com\/uploads\/resized\/listing\/960x540\/64d6c4d8cc8a5.jpg\" alt=\"listing image 1\">\n                                        <\/li>\n                                                                                                                    <li class=\"gallery--item\">\n                                            <img src=\"https:\/\/www.privateislandsonline.com\/uploads\/resized\/listing\/960x540\/64d6c4cb56dac.jpg\" alt=\"listing image 2\">\n                                        <\/li>\n                                                                                                                    <li class=\"gallery--item\">\n                                            <img src=\"https:\/\/www.privateislandsonline.com\/uploads\/resized\/listing\/960x540\/64d6c4cd778ad.jpg\" alt=\"listing image 3\">\n                                        <\/li>\n                                                                                                                    <li class=\"gallery--item\">\n                                            <img src=\"https:\/\/www.privateislandsonline.com\/uploads\/resized\/listing\/960x540\/64d6c4c4581a1.jpg\" alt=\"listing image 4\">\n                                        <\/li>\n                                                                                                                                                                                                                                                                                                                                                            <\/ul>\n                            <\/div>\n                        <\/div>\n                                    <\/div>\n            <\/div>\n\n        <\/div>\n    <\/section>\n<\/div>\n"}