{"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\">Susac 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>Su\u0161ac is an island of dramatic contrasts, appearing from a distance as two separate landmasses due to its two large hills. Located 13 nautical miles west of Lastovo, it is one of the most exotic Robinson Crusoe-style destinations in the Adriatic. The 19th-century lighthouse sits at the island\u2019s highest point on the sheer southern cliffs, providing a vantage point so high that the Italian and Croatian coasts can sometimes be seen simultaneously. It is a sovereign world of limestone, endemic birds, and absolute maritime silence.<\/p><p><strong>Accommodations &amp; Design<\/strong> The lighthouse building is a sturdy, ground-floor stone structure built in 1878. The two apartments are simply furnished to suit the rugged lifestyle of the island. Following the 2026 standards for offshore lighthouses, they are powered by solar panels and wind generators, meaning high-power appliances like hair dryers are prohibited. <strong>Apartment A2<\/strong> is the more spacious option, featuring a separate dining room. Both units offer staggering views of the open sea and the sheer cliffs that plunge 100 meters into the abyss.<\/p><p><strong>Amenities &amp; Inclusions<\/strong> Facilities on Su\u0161ac are primitive, tailored for those seeking a deep disconnect.<\/p><p><strong>Gastronomy:<\/strong> Guests must be entirely self-sufficient. However, the lighthouse keepers are often happy to provide fresh fish or arrange for lamb from the resident shepherd, who maintains a small flock on the island\u2019s unique grazing lands.<\/p><p><strong>Marine Exploration:<\/strong> The northern side features the <strong>Te Vega<\/strong> sea lake\u2014a hidden pool in the cliffs that can only be reached by diving through a 15-meter-deep cave siphon.<\/p><p><strong>Beaches:<\/strong> While the lighthouse sits on cliffs, the eastern side of the island offers shallow, secluded bays and pebble beaches like <strong>Porti\u0107 Cove<\/strong>, reached via a 30-to-50 minute walk along well-kept trails.<\/p><p><strong>Archaeology:<\/strong> The island is home to a Neolithic sanctuary and remains of a 4th-century church, offering a haunting sense of the island's long history as a navigational \"trophy.\"<\/p><p><strong>How Private Is This Island?<\/strong> Privacy at Su\u0161ac is a geographic reality. With only a few inhabitants (keepers and a shepherd), you are effectively the ruler of 4 square kilometers of wilderness. While the two apartments are in the same building, the island is large enough that you can spend an entire day exploring the ridges and coves without seeing another human soul. For a complete sovereign experience, booking both apartments is the standard practice for groups, leaving you alone with the rhythmic sweep of the lighthouse beam and the sound of the open sea.<\/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: Split Airport (SPU) or Vela Luka (Kor\u010dula). Transfer: A 45-minute to 1.5-hour speedboat crossingar<\/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. 43 Sqm, 2 Double Rooms).\r\n\r\nApartment A2 (approx. 68 Sqm, 2 Double Rooms + Dining Room).<\/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\/64d6c3aed6822.jpg\" alt=\"listing image 1\">\n                                        <\/li>\n                                                                                                                    <li class=\"gallery--item\">\n                                            <img src=\"https:\/\/www.privateislandsonline.com\/uploads\/resized\/listing\/960x540\/64d6c274e5566.jpg\" alt=\"listing image 2\">\n                                        <\/li>\n                                                                                                                    <li class=\"gallery--item\">\n                                            <img src=\"https:\/\/www.privateislandsonline.com\/uploads\/resized\/listing\/960x540\/64d6c274999ba.jpg\" alt=\"listing image 3\">\n                                        <\/li>\n                                                                                                                    <li class=\"gallery--item\">\n                                            <img src=\"https:\/\/www.privateislandsonline.com\/uploads\/resized\/listing\/960x540\/64d6c26fee620.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"}