\u0418\u043d\u0444\u043e\u043b\u0438\u0441\u0442: \u0413\u0440\u0443\u043f\u043f\u043e\u0432\u0438\u0439 \u0430\u0432\u0442\u043e\u0431\u0443\u0441\u043d\u044b\u0439 \u0442\u0443\u0440 \"\u0428\u0412\u0415\u0419\u0426\u0410\u0420\u0418\u042f, \u0412 \u0413\u041e\u0421\u0422\u042f\u0425 \u0423 \u0421\u041a\u0410\u0417\u041a\u0418\"<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700&display=swap\" rel=\"stylesheet\">\r\n <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\r\n <script src=\"https:\/\/cdn.jsdelivr.net\/gh\/alpinejs\/alpine@v2.x.x\/dist\/alpine.min.js\" defer><\/script>\r\n\r\n <style>\r\n body {\r\n font-family: 'Montserrat', sans-serif;\r\n }\r\n .hero-bg {\r\n background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('https:\/\/lux.floriantravel.com\/wp-content\/uploads\/2025\/07\/219.png');\r\n background-size: cover;\r\n background-position: center;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-gray-50 text-gray-800\">\r\n <header class=\"hero-bg text-white shadow-lg\">\r\n <div class=\"container mx-auto px-6 py-16 md:py-24 text-center\">\r\n <h1 class=\"text-4xl md:text-6xl font-bold leading-tight mb-4\">\u0428\u0412\u0415\u0419\u0426\u0410\u0420\u0418\u042f, \u0412 \u0413\u041e\u0421\u0422\u042f\u0425 \u0423 \u0421\u041a\u0410\u0417\u041a\u0418<\/h1>\r\n <p class=\"text-lg md:text-2xl font-light\"><\/p>\r\n <\/div>\r\n <\/header>\r\n\r\n <div class=\"container mx-auto px-4 md:px-8 py-4 flex flex-wrap justify-center md:justify-end gap-3\">\r\n <button id=\"print-btn\" class=\"w-full sm:w-auto bg-sky-600 text-white font-semibold py-2 px-5 rounded-lg shadow-md hover:bg-sky-700 transition-colors flex items-center justify-center gap-2\">\r\n <i data-lucide=\"printer\" class=\"w-5 h-5\"><\/i>\r\n \u041f\u0435\u0447\u0430\u0442\u044c \/ \u0421\u043e\u0445\u0440\u0430\u043d\u0438\u0442\u044c PDF\r\n <\/button>\r\n <\/div>\r\n\r\n <main class=\"container mx-auto p-4 md:p-8\" id=\"main-content\">\r\n <div class=\"print-title\" style=\"display: none; font-size: 22px; font-weight: bold; text-align: center; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid #0f766e; color: #0f766e;\">\u0413\u0440\u0443\u043f\u043f\u043e\u0432\u0438\u0439 \u0430\u0432\u0442\u043e\u0431\u0443\u0441\u043d\u044b\u0439 \u0442\u0443\u0440 \"\u0428\u0412\u0415\u0419\u0426\u0410\u0420\u0418\u042f, \u0412 \u0413\u041e\u0421\u0422\u042f\u0425 \u0423 \u0421\u041a\u0410\u0417\u041a\u0418\"<\/div>\r\n\r\n <section class=\"mb-8 bg-white p-6 rounded-xl shadow-md border border-gray-200\">\r\n <h2 class=\"text-2xl md:text-3xl font-bold text-teal-600 mb-6 flex items-center\">\r\n <i data-lucide=\"sparkles\" class=\"w-8 h-8 mr-3\"><\/i>\r\n \u041a\u043b\u044e\u0447\u0435\u0432\u0430\u044f \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044f\r\n <\/h2>\r\n <div class=\"grid md:grid-cols-2 lg:grid-cols-3 gap-6 key-info-grid\">\r\n <div class=\"bg-teal-50 p-4 rounded-lg flex items-center\">\r\n <i data-lucide=\"calendar-days\" class=\"w-10 h-10 text-teal-500 mr-4\"><\/i>\r\n <div>\r\n <p class=\"font-semibold text-gray-600\">\u0414\u0430\u0442\u0430 \u0442\u0443\u0440\u0430<\/p>\r\n <p class=\"text-xl font-bold\">05.08.2025<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bg-teal-50 p-4 rounded-lg flex items-center\">\r\n <i data-lucide=\"map-pin\" class=\"w-10 h-10 text-teal-500 mr-4\"><\/i>\r\n <div>\r\n <p class=\"font-semibold text-gray-600\">\u041c\u0435\u0441\u0442\u043e \u0432\u0441\u0442\u0440\u0435\u0447\u0438<\/p>\r\n <p class=\"text-lg font-bold\">\u0410\u044d\u0440\u043e\u043f\u043e\u0440\u0442 \u0411\u0443\u0434\u0430\u043f\u0435\u0448\u0442\u0430<\/p>\r\n <p class=\"text-sm text-gray-500\">\u0418\u0449\u0438\u0442\u0435 \u0442\u0430\u0431\u043b\u0438\u0447\u043a\u0443 \"FLORIAN TRAVEL\"<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bg-teal-50 p-4 rounded-lg flex items-center\">\r\n <i data-lucide=\"user-check\" class=\"w-10 h-10 text-teal-500 mr-4\"><\/i>\r\n <div>\r\n <p class=\"font-semibold text-gray-600\">\u0421\u043e\u043f\u0440\u043e\u0432\u043e\u0436\u0434\u0430\u044e\u0449\u0438\u0439 \u0433\u0440\u0443\u043f\u043f\u044b<\/p>\r\n <p class=\"text-xl font-bold\">\u0415\u043b\u0435\u043d\u0430<\/p>\r\n <p class=\"text-sm text-gray-500\">+38 096 481 23 33<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"mb-8\">\r\n <div class=\"grid md:grid-cols-1 lg:grid-cols-2 gap-8\">\r\n <div class=\"bg-white p-6 rounded-xl shadow-md border border-gray-200\">\r\n <h3 class=\"text-2xl font-bold text-amber-600 mb-4 flex items-center\">\r\n <i data-lucide=\"wallet\" class=\"w-7 h-7 mr-3\"><\/i>\r\n \u041e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u043f\u043b\u0430\u0442\u0435\u0436\u0438\r\n <\/h3>\r\n <p class=\"text-sm text-gray-500 mb-4\">\u041e\u043f\u043b\u0430\u0447\u0438\u0432\u0430\u044e\u0442\u0441\u044f \u043f\u043e \u043f\u0440\u0438\u0431\u044b\u0442\u0438\u044e \u043a\u0430\u0436\u0434\u044b\u043c \u0442\u0443\u0440\u0438\u0441\u0442\u043e\u043c.<\/p>\r\n <div class=\"space-y-4\">\r\n <div class=\"flex justify-between items-center bg-amber-50 p-3 rounded-lg\">\r\n <span class=\"font-semibold\">Checkpoint:<\/span>\r\n <span class=\"font-bold text-lg\">30.00 EUR<\/span>\r\n <\/div>\r\n <div class=\"flex justify-between items-center bg-amber-50 p-3 rounded-lg\">\r\n <div>\r\n <span class=\"font-semibold\">City Tax (\u0433\u043e\u0440\u043e\u0434\u0441\u043a\u043e\u0439 \u043d\u0430\u043b\u043e\u0433):<\/span>\r\n <p class=\"text-xs text-gray-500\">(\u0414\u0435\u0442\u0438 \u0434\u043e 16 \u043b\u0435\u0442 \u043e\u0441\u0432\u043e\u0431\u043e\u0436\u0434\u0435\u043d\u044b \u043e\u0442 \u0443\u043f\u043b\u0430\u0442\u044b)<\/p>\r\n <\/div>\r\n <span class=\"font-bold text-lg\">36.00 EUR<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bg-white p-6 rounded-xl shadow-md border border-gray-200\">\r\n <h3 class=\"text-2xl font-bold text-sky-600 mb-4 flex items-center\">\r\n <i data-lucide=\"file-text\" class=\"w-7 h-7 mr-3\"><\/i>\r\n \u0418\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044f \u0434\u043b\u044f \u0440\u043e\u0434\u0438\u0442\u0435\u043b\u0435\u0439\r\n <\/h3>\r\n <p class=\"leading-relaxed\">\u0415\u0441\u043b\u0438 \u0440\u0435\u0431\u0435\u043d\u043e\u043a \u043f\u0443\u0442\u0435\u0448\u0435\u0441\u0442\u0432\u0443\u0435\u0442 \u0431\u0435\u0437 \u0440\u043e\u0434\u0438\u0442\u0435\u043b\u044f \u0438\u043b\u0438 \u0432 \u0441\u043e\u043f\u0440\u043e\u0432\u043e\u0436\u0434\u0435\u043d\u0438\u0438 \u0434\u0440\u0443\u0433\u0438\u0445 \u043b\u0438\u0446, \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u0438\u043c\u0435\u0442\u044c \u043f\u0440\u0438 \u0441\u0435\u0431\u0435 <strong class=\"text-sky-700\">\u043d\u043e\u0442\u0430\u0440\u0438\u0430\u043b\u044c\u043d\u043e \u0437\u0430\u0432\u0435\u0440\u0435\u043d\u043d\u043e\u0435 \u0441\u043e\u0433\u043b\u0430\u0441\u0438\u0435 \u043e\u0442 \u043e\u0431\u043e\u0438\u0445 \u0440\u043e\u0434\u0438\u0442\u0435\u043b\u0435\u0439 \u043d\u0430 \u0432\u044b\u0435\u0437\u0434 \u0440\u0435\u0431\u0435\u043d\u043a\u0430 \u0437\u0430 \u0433\u0440\u0430\u043d\u0438\u0446\u0443.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"bg-white p-6 rounded-xl shadow-md border border-gray-200\" x-data=\"{ openTabs: ['bus'] }\">\r\n <h2 class=\"text-2xl md:text-3xl font-bold text-slate-600 mb-6 flex items-center\">\r\n <i data-lucide=\"book-marked\" class=\"w-8 h-8 mr-3\"><\/i>\r\n \u041f\u0440\u0430\u0432\u0438\u043b\u0430 \u0438 \u043f\u043e\u043b\u0435\u0437\u043d\u0430\u044f \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044f\r\n <\/h2>\r\n <div class=\"space-y-4\">\r\n <div class=\"border-b border-gray-200 pb-2\">\r\n <button @click=\"openTabs.includes('bus') ? openTabs = openTabs.filter(t => t !== 'bus') : openTabs.push('bus')\" class=\"w-full text-left\">\r\n <div class=\"flex justify-between items-center p-2 rounded-lg hover:bg-gray-100 transition-colors\">\r\n <h4 class=\"text-xl font-semibold flex items-center\"><i data-lucide=\"bus\" class=\"w-6 h-6 mr-3 text-slate-500\"><\/i>\u041f\u0443\u0442\u0435\u0448\u0435\u0441\u0442\u0432\u0438\u0435 \u0430\u0432\u0442\u043e\u0431\u0443\u0441\u043e\u043c<\/h4>\r\n <i data-lucide=\"chevron-down\" class=\"w-6 h-6\" :class=\"{'transform rotate-180': openTabs.includes('bus')}\"><\/i>\r\n <\/div>\r\n <\/button>\r\n <div x-show=\"openTabs.includes('bus')\" class=\"mt-2 p-4 bg-slate-50 rounded-lg\">\r\n <ul class=\"list-disc list-inside space-y-2 text-gray-700\">\r\n <li>\u0410\u0432\u0442\u043e\u0431\u0443\u0441 \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442 \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u043e\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0438 \u043a\u0430\u0436\u0434\u044b\u0435 3-4 \u0447\u0430\u0441\u0430.<\/li>\r\n <li>\u0414\u0432\u0438\u0436\u0435\u043d\u0438\u0435 \u0430\u0432\u0442\u043e\u0431\u0443\u0441\u0430 \u0447\u0435\u0442\u043a\u043e \u0440\u0435\u0433\u043b\u0430\u043c\u0435\u043d\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u043e, \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u043e\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0438 \u043d\u0435 \u043f\u0440\u0435\u0434\u0443\u0441\u043c\u043e\u0442\u0440\u0435\u043d\u044b.<\/li>\r\n <li>\u0411\u0443\u0434\u044c\u0442\u0435 \u043f\u0443\u043d\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u044b! \u0412 \u0441\u043b\u0443\u0447\u0430\u0435 \u043e\u043f\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0430\u0432\u0442\u043e\u0431\u0443\u0441 \u0436\u0434\u0435\u0442 \u043d\u0435 \u0431\u043e\u043b\u044c\u0448\u0435 10-15 \u043c\u0438\u043d\u0443\u0442.<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <div class=\"border-b border-gray-200 pb-2\">\r\n <button @click=\"openTabs.includes('hotel') ? openTabs = openTabs.filter(t => t !== 'hotel') : openTabs.push('hotel')\" class=\"w-full text-left\">\r\n <div class=\"flex justify-between items-center p-2 rounded-lg hover:bg-gray-100 transition-colors\">\r\n <h4 class=\"text-xl font-semibold flex items-center\"><i data-lucide=\"bed-double\" class=\"w-6 h-6 mr-3 text-slate-500\"><\/i>\u041f\u0440\u043e\u0436\u0438\u0432\u0430\u043d\u0438\u0435 \u0432 \u043e\u0442\u0435\u043b\u0435<\/h4>\r\n <i data-lucide=\"chevron-down\" class=\"w-6 h-6\" :class=\"{'transform rotate-180': openTabs.includes('hotel')}\"><\/i>\r\n <\/div>\r\n <\/button>\r\n <div x-show=\"openTabs.includes('hotel')\" class=\"mt-2 p-4 bg-slate-50 rounded-lg\">\r\n <ul class=\"list-disc list-inside space-y-2 text-gray-700\">\r\n <li>\u041f\u043e\u0441\u0435\u043b\u0435\u043d\u0438\u0435 \u0432 \u043e\u0442\u0435\u043b\u044f\u0445 \u2013 \u043f\u043e\u0441\u043b\u0435 14:00, \u0432\u044b\u0441\u0435\u043b\u0435\u043d\u0438\u0435 \u2013 \u0434\u043e 12:00 (\u0434\u043b\u044f \u0433\u0440\u0443\u043f\u043f \u2013 \u0434\u043e 10:00).<\/li>\r\n <li>\u0417\u0430\u0432\u0442\u0440\u0430\u043a\u0438 \u043e\u0431\u044b\u0447\u043d\u043e \u0432 \u0444\u043e\u0440\u043c\u0430\u0442\u0435 \"\u0448\u0432\u0435\u0434\u0441\u043a\u043e\u0433\u043e \u0441\u0442\u043e\u043b\u0430\".<\/li>\r\n <li>\u0426\u0435\u043d\u043d\u044b\u0435 \u0432\u0435\u0449\u0438 \u0438 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u044b \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0443\u0435\u043c \u0445\u0440\u0430\u043d\u0438\u0442\u044c \u0432 \u0441\u0435\u0439\u0444\u0435 \u043e\u0442\u0435\u043b\u044f.<\/li>\r\n <li>\u041e\u0431\u0440\u0430\u0442\u0438\u0442\u0435 \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u0435, \u0447\u0442\u043e \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0443\u0441\u043b\u0443\u0433\u0438 \u0432 \u043e\u0442\u0435\u043b\u0435 (\u043c\u0438\u043d\u0438\u0431\u0430\u0440, \u0441\u0430\u0443\u043d\u0430) \u043c\u043e\u0433\u0443\u0442 \u0431\u044b\u0442\u044c \u043f\u043b\u0430\u0442\u043d\u044b\u043c\u0438.<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <div class=\"border-b border-gray-200 pb-2\">\r\n <button @click=\"openTabs.includes('recs') ? openTabs = openTabs.filter(t => t !== 'recs') : openTabs.push('recs')\" class=\"w-full text-left\">\r\n <div class=\"flex justify-between items-center p-2 rounded-lg hover:bg-gray-100 transition-colors\">\r\n <h4 class=\"text-xl font-semibold flex items-center\"><i data-lucide=\"lightbulb\" class=\"w-6 h-6 mr-3 text-slate-500\"><\/i>\u041d\u0430\u0448\u0438 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0438<\/h4>\r\n <i data-lucide=\"chevron-down\" class=\"w-6 h-6\" :class=\"{'transform rotate-180': openTabs.includes('recs')}\"><\/i>\r\n <\/div>\r\n <\/button>\r\n <div x-show=\"openTabs.includes('recs')\" class=\"mt-2 p-4 bg-slate-50 rounded-lg\">\r\n <ul class=\"list-disc list-inside space-y-2 text-gray-700\">\r\n <li>\u0412\u043e\u0437\u044c\u043c\u0438\u0442\u0435 \u0438\u043d\u0434\u0438\u0432\u0438\u0434\u0443\u0430\u043b\u044c\u043d\u0443\u044e \u0430\u043f\u0442\u0435\u0447\u043a\u0443 \u0441 \u043b\u0435\u043a\u0430\u0440\u0441\u0442\u0432\u043e\u043c \u043f\u0435\u0440\u0432\u043e\u0439 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e\u0441\u0442\u0438.<\/li>\r\n <li>\u041d\u0435 \u0437\u0430\u0431\u0443\u0434\u044c\u0442\u0435 \u043f\u0430\u0432\u0435\u0440\u0431\u0430\u043d\u043a \u0434\u043b\u044f \u0437\u0430\u0440\u044f\u0434\u043a\u0438 \u0432\u0430\u0448\u0438\u0445 \u0433\u0430\u0434\u0436\u0435\u0442\u043e\u0432.<\/li>\r\n <li>\u0417\u0430\u0440\u0430\u043d\u0435\u0435 \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u0435 \u0444\u0438\u043b\u044c\u043c\u044b, \u043c\u0443\u0437\u044b\u043a\u0443 \u0438\u043b\u0438 \u043a\u043d\u0438\u0433\u0438 \u0434\u043b\u044f \u0440\u0430\u0437\u0432\u043b\u0435\u0447\u0435\u043d\u0438\u044f \u0432 \u0434\u043e\u0440\u043e\u0433\u0435.<\/li>\r\n <li>\u041e\u0441\u0432\u043e\u0431\u043e\u0434\u0438\u0442\u0435 \u043f\u0430\u043c\u044f\u0442\u044c \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0430 \u0434\u043b\u044f \u043d\u043e\u0432\u044b\u0445 \u0444\u043e\u0442\u043e \u0438 \u0432\u0438\u0434\u0435\u043e!<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n <\/main>\r\n\r\n <script>\r\n document.addEventListener('DOMContentLoaded', () => {\r\n lucide.createIcons();\r\n\r\n const printBtn = document.getElementById('print-btn');\r\n\r\n printBtn.addEventListener('click', () => {\r\n \/\/ ***** \u041f\u041e\u0427\u0410\u0422\u041e\u041a \u0417\u041c\u0406\u041d *****\r\n \/\/ \u041f\u0435\u0440\u0435\u0432\u0456\u0440\u043a\u0430, \u0447\u0438 \u0454 \u043f\u0440\u0438\u0441\u0442\u0440\u0456\u0439 \u043c\u043e\u0431\u0456\u043b\u044c\u043d\u0438\u043c, \u0434\u0438\u0432\u043b\u044f\u0447\u0438\u0441\u044c \u043d\u0430 User Agent \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430.\r\n const isMobile = \/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini\/i.test(navigator.userAgent);\r\n\r\n \/\/ \u042f\u043a\u0449\u043e \u043f\u0440\u0438\u0441\u0442\u0440\u0456\u0439 \u043c\u043e\u0431\u0456\u043b\u044c\u043d\u0438\u0439, \u043f\u043e\u043a\u0430\u0437\u0430\u0442\u0438 \u0441\u043f\u043e\u0432\u0456\u0449\u0435\u043d\u043d\u044f \u0456 \u0437\u0443\u043f\u0438\u043d\u0438\u0442\u0438 \u043f\u043e\u0434\u0430\u043b\u044c\u0448\u0435 \u0432\u0438\u043a\u043e\u043d\u0430\u043d\u043d\u044f \u043a\u043e\u0434\u0443.\r\n if (isMobile) {\r\n alert('\u041a \u0441\u043e\u0436\u0430\u043b\u0435\u043d\u0438\u044e, \u0444\u0443\u043d\u043a\u0446\u0438\u044f \u043f\u0435\u0447\u0430\u0442\u0438 \u0438 \u0441\u043e\u0445\u0440\u0430\u043d\u0435\u043d\u0438\u044f \u0432 PDF \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u0430 \u0442\u043e\u043b\u044c\u043a\u043e \u043d\u0430 \u043a\u043e\u043c\u043f\u044c\u044e\u0442\u0435\u0440\u0430\u0445.');\r\n return; \r\n }\r\n \/\/ ***** \u041a\u0406\u041d\u0415\u0426\u042c \u0417\u041c\u0406\u041d *****\r\n\r\n \/\/ \u042f\u043a\u0449\u043e \u0446\u0435 \u043d\u0435 \u043c\u043e\u0431\u0456\u043b\u044c\u043d\u0438\u0439 \u043f\u0440\u0438\u0441\u0442\u0440\u0456\u0439 (\u041f\u041a), \u0432\u0438\u043a\u043e\u043d\u0443\u0454\u0442\u044c\u0441\u044f \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u0430 \u043b\u043e\u0433\u0456\u043a\u0430 \u0434\u0440\u0443\u043a\u0443.\r\n const contentToPrint = `\r\n <!DOCTYPE html>\r\n <html lang=\"uk\">\r\n <head>\r\n <meta charset=\"UTF-8\">\r\n <title>\u0418\u043d\u0444\u043e\u043b\u0438\u0441\u0442: \u0413\u0440\u0443\u043f\u043f\u043e\u0432\u0438\u0439 \u0430\u0432\u0442\u043e\u0431\u0443\u0441\u043d\u044b\u0439 \u0442\u0443\u0440 \"\u0428\u0412\u0415\u0419\u0426\u0410\u0420\u0418\u042f, \u0412 \u0413\u041e\u0421\u0422\u042f\u0425 \u0423 \u0421\u041a\u0410\u0417\u041a\u0418\"<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\/\"><\\\/script>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700&display=swap\" rel=\"stylesheet\">\r\n <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\\\/script>\r\n <style>\r\n body { font-family: 'Montserrat', sans-serif; -webkit-print-color-adjust: exact; print-color-adjust: exact; background-color: #fff; }\r\n main { width: 210mm; min-height: 297mm; padding: 20mm 15mm; margin: 0 auto; box-sizing: border-box; }\r\n section { break-inside: avoid; page-break-inside: avoid; }\r\n .print-force-break { break-before: page; page-break-before: always; }\r\n .print-title { font-size: 22px; font-weight: bold; text-align: center; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid #0f766e; color: #0f766e; }\r\n .key-info-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px !important; }\r\n <\/style>\r\n <\/head>\r\n <body>\r\n <main>\r\n <div class=\"print-title\">\u0413\u0440\u0443\u043f\u043f\u043e\u0432\u0438\u0439 \u0430\u0432\u0442\u043e\u0431\u0443\u0441\u043d\u044b\u0439 \u0442\u0443\u0440 \"\u0428\u0412\u0415\u0419\u0426\u0410\u0420\u0418\u042f, \u0412 \u0413\u041e\u0421\u0422\u042f\u0425 \u0423 \u0421\u041a\u0410\u0417\u041a\u0418\"<\/div>\r\n <section class=\"mb-8\">\r\n <h2 class=\"text-2xl font-bold text-teal-600 mb-6 flex items-center\"><i data-lucide=\"sparkles\" class=\"w-8 h-8 mr-3\"><\/i>\u041a\u043b\u044e\u0447\u0435\u0432\u0430\u044f \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044f<\/h2>\r\n <div class=\"key-info-grid\">\r\n <div class=\"bg-teal-50 p-4 rounded-lg flex items-center\"><i data-lucide=\"calendar-days\" class=\"w-10 h-10 text-teal-500 mr-4\"><\/i><div><p class=\"font-semibold text-gray-600\">\u0414\u0430\u0442\u0430 \u0442\u0443\u0440\u0443<\/p><p class=\"text-xl font-bold\">05.08.2025<\/p><\/div><\/div>\r\n <div class=\"bg-teal-50 p-4 rounded-lg flex items-center\"><i data-lucide=\"map-pin\" class=\"w-10 h-10 text-teal-500 mr-4\"><\/i><div><p class=\"font-semibold text-gray-600\">\u041c\u0435\u0441\u0442\u043e \u0432\u0441\u0442\u0440\u0435\u0447\u0438<\/p><p class=\"text-lg font-bold\">\u0410\u044d\u0440\u043e\u043f\u043e\u0440\u0442 \u0411\u0443\u0434\u0430\u043f\u0435\u0448\u0442\u0430<\/p><p class=\"text-sm text-gray-500\">\u0418\u0449\u0438\u0442\u0435 \u0442\u0430\u0431\u043b\u0438\u0447\u043a\u0443 \"FLORIAN TRAVEL\"<\/p><\/div><\/div>\r\n <div class=\"bg-teal-50 p-4 rounded-lg flex items-center\"><i data-lucide=\"user-check\" class=\"w-10 h-10 text-teal-500 mr-4\"><\/i><div><p class=\"font-semibold text-gray-600\">\u0421\u043e\u043f\u0440\u043e\u0432\u043e\u0436\u0434\u0430\u044e\u0449\u0438\u0439 \u0433\u0440\u0443\u043f\u043f\u044b<\/p><p class=\"text-xl font-bold\">\u0415\u043b\u0435\u043d\u0430<\/p><p class=\"text-sm text-gray-500\">+38 096 481 23 33<\/p><\/div><\/div>\r\n <\/div>\r\n <\/section>\r\n <section class=\"mb-8\">\r\n <h3 class=\"text-2xl font-bold text-amber-600 mb-4 flex items-center\"><i data-lucide=\"wallet\" class=\"w-7 h-7 mr-3\"><\/i>\u041e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u043f\u043b\u0430\u0442\u0435\u0436\u0438<\/h3>\r\n <p class=\"text-sm text-gray-500 mb-4\">\u041e\u043f\u043b\u0430\u0447\u0438\u0432\u0430\u044e\u0442\u0441\u044f \u043f\u043e \u043f\u0440\u0438\u0431\u044b\u0442\u0438\u0438 \u043a\u0430\u0436\u0434\u044b\u043c \u0442\u0443\u0440\u0438\u0441\u0442\u043e\u043c.<\/p>\r\n <div class=\"space-y-4\">\r\n <div class=\"flex justify-between items-center bg-amber-50 p-3 rounded-lg\">\r\n <span class=\"font-semibold\">Checkpoint:<\/span>\r\n <span class=\"font-bold text-lg\">30.00 EUR<\/span>\r\n <\/div>\r\n <div class=\"flex justify-between items-center bg-amber-50 p-3 rounded-lg\">\r\n <div>\r\n <span class=\"font-semibold\">City Tax (\u0433\u043e\u0440\u043e\u0434\u0441\u043a\u043e\u0439 \u043d\u0430\u043b\u043e\u0433):<\/span>\r\n <p class=\"text-xs text-gray-500\">(\u0414\u0435\u0442\u0438 \u0434\u043e 16 \u043b\u0435\u0442 \u043e\u0441\u0432\u043e\u0431\u043e\u0436\u0434\u0435\u043d\u044b \u043e\u0442 \u0443\u043f\u043b\u0430\u0442\u044b)<\/p>\r\n <\/div>\r\n <span class=\"font-bold text-lg\">36.00 EUR<\/span>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<section class=\"mb-8\">\r\n <h3 class=\"text-2xl font-bold text-sky-600 mb-4 flex items-center\"><i data-lucide=\"file-text\" class=\"w-7 h-7 mr-3\"><\/i>\u0418\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044f \u0434\u043b\u044f \u0440\u043e\u0434\u0438\u0442\u0435\u043b\u0435\u0439<\/h3>\r\n <p class=\"leading-relaxed\">\u0415\u0441\u043b\u0438 \u0440\u0435\u0431\u0435\u043d\u043e\u043a \u043f\u0443\u0442\u0435\u0448\u0435\u0441\u0442\u0432\u0443\u0435\u0442 \u0431\u0435\u0437 \u043e\u0434\u043d\u043e\u0433\u043e \u0438\u0437 \u0440\u043e\u0434\u0438\u0442\u0435\u043b\u0435\u0439 \u0438\u043b\u0438 \u0432 \u0441\u043e\u043f\u0440\u043e\u0432\u043e\u0436\u0434\u0435\u043d\u0438\u0438 \u0434\u0440\u0443\u0433\u0438\u0445 \u043b\u0438\u0446, \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u0438\u043c\u0435\u0442\u044c \u043f\u0440\u0438 \u0441\u0435\u0431\u0435 <strong class=\"text-sky-700\">\u043d\u043e\u0442\u0430\u0440\u0438\u0430\u043b\u044c\u043d\u043e \u0437\u0430\u0432\u0435\u0440\u0435\u043d\u043d\u043e\u0435 \u0441\u043e\u0433\u043b\u0430\u0441\u0438\u0435 \u043e\u0442 \u043e\u0431\u043e\u0438\u0445 \u0440\u043e\u0434\u0438\u0442\u0435\u043b\u0435\u0439<\/strong> \u043d\u0430 \u0432\u044b\u0435\u0437\u0434 \u0440\u0435\u0431\u0435\u043d\u043a\u0430 \u0437\u0430 \u0433\u0440\u0430\u043d\u0438\u0446\u0443.<\/p>\r\n<\/section>\r\n\r\n<section class=\"print-force-break\">\r\n <h2 class=\"text-2xl font-bold text-slate-600 mb-6 flex items-center\"><i data-lucide=\"book-marked\" class=\"w-8 h-8 mr-3\"><\/i>\u041f\u0440\u0430\u0432\u0438\u043b\u0430 \u0438 \u043f\u043e\u043b\u0435\u0437\u043d\u0430\u044f \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044f<\/h2>\r\n <div class=\"space-y-4\">\r\n <div class=\"pb-2\">\r\n <h4 class=\"text-xl font-semibold flex items-center mb-2\"><i data-lucide=\"bus\" class=\"w-6 h-6 mr-3 text-slate-500\"><\/i>\u041f\u0443\u0442\u0435\u0448\u0435\u0441\u0442\u0432\u0438\u0435 \u043d\u0430 \u0430\u0432\u0442\u043e\u0431\u0443\u0441\u0435<\/h4>\r\n <div class=\"p-4 bg-slate-50 rounded-lg\">\r\n <ul class=\"list-disc list-inside space-y-2 text-gray-700\">\r\n <li>\u0410\u0432\u0442\u043e\u0431\u0443\u0441 \u0441\u043e\u0432\u0435\u0440\u0448\u0430\u0435\u0442 \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u043e\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0438 \u043a\u0430\u0436\u0434\u044b\u0435 3-4 \u0447\u0430\u0441\u0430.<\/li>\r\n <li>\u0414\u0432\u0438\u0436\u0435\u043d\u0438\u0435 \u0430\u0432\u0442\u043e\u0431\u0443\u0441\u0430 \u0447\u0435\u0442\u043a\u043e \u0440\u0435\u0433\u043b\u0430\u043c\u0435\u043d\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u043e, \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u043e\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0438 \u043d\u0435 \u043f\u0440\u0435\u0434\u0443\u0441\u043c\u043e\u0442\u0440\u0435\u043d\u044b.<\/li>\r\n <li>\u0411\u0443\u0434\u044c\u0442\u0435 \u043f\u0443\u043d\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u044b! \u0412 \u0441\u043b\u0443\u0447\u0430\u0435 \u043e\u043f\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0430\u0432\u0442\u043e\u0431\u0443\u0441 \u0436\u0434\u0435\u0442 \u043d\u0435 \u0431\u043e\u043b\u0435\u0435 10-15 \u043c\u0438\u043d\u0443\u0442.<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <div class=\"pb-2\">\r\n <h4 class=\"text-xl font-semibold flex items-center mb-2\"><i data-lucide=\"bed-double\" class=\"w-6 h-6 mr-3 text-slate-500\"><\/i>\u041f\u0440\u043e\u0436\u0438\u0432\u0430\u043d\u0438\u0435 \u0432 \u043e\u0442\u0435\u043b\u0435<\/h4>\r\n <div class=\"p-4 bg-slate-50 rounded-lg\">\r\n <ul class=\"list-disc list-inside space-y-2 text-gray-700\">\r\n <li>\u0417\u0430\u0441\u0435\u043b\u0435\u043d\u0438\u0435 \u0432 \u043e\u0442\u0435\u043b\u044f\u0445 \u2014 \u043f\u043e\u0441\u043b\u0435 14:00, \u0432\u044b\u0441\u0435\u043b\u0435\u043d\u0438\u0435 \u2014 \u0434\u043e 12:00 (\u0434\u043b\u044f \u0433\u0440\u0443\u043f\u043f \u2014 \u0434\u043e 10:00).<\/li>\r\n <li>\u0417\u0430\u0432\u0442\u0440\u0430\u043a\u0438 \u043e\u0431\u044b\u0447\u043d\u043e \u0432 \u0444\u043e\u0440\u043c\u0430\u0442\u0435 \"\u0448\u0432\u0435\u0434\u0441\u043a\u043e\u0433\u043e \u0441\u0442\u043e\u043b\u0430\".<\/li>\r\n <li>\u0426\u0435\u043d\u043d\u044b\u0435 \u0432\u0435\u0449\u0438 \u0438 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u044b \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0443\u0435\u043c \u0445\u0440\u0430\u043d\u0438\u0442\u044c \u0432 \u0441\u0435\u0439\u0444\u0435 \u043e\u0442\u0435\u043b\u044f.<\/li>\r\n <li>\u041e\u0431\u0440\u0430\u0442\u0438\u0442\u0435 \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u0435, \u0447\u0442\u043e \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0443\u0441\u043b\u0443\u0433\u0438 \u0432 \u043e\u0442\u0435\u043b\u0435 (\u043c\u0438\u043d\u0438-\u0431\u0430\u0440, \u0441\u0430\u0443\u043d\u0430) \u043c\u043e\u0433\u0443\u0442 \u0431\u044b\u0442\u044c \u043f\u043b\u0430\u0442\u043d\u044b\u043c\u0438.<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <div class=\"pb-2\">\r\n <h4 class=\"text-xl font-semibold flex items-center mb-2\"><i data-lucide=\"lightbulb\" class=\"w-6 h-6 mr-3 text-slate-500\"><\/i>\u041d\u0430\u0448\u0438 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0438<\/h4>\r\n <div class=\"p-4 bg-slate-50 rounded-lg\">\r\n <ul class=\"list-disc list-inside space-y-2 text-gray-700\">\r\n <li>\u0412\u043e\u0437\u044c\u043c\u0438\u0442\u0435 \u0438\u043d\u0434\u0438\u0432\u0438\u0434\u0443\u0430\u043b\u044c\u043d\u0443\u044e \u0430\u043f\u0442\u0435\u0447\u043a\u0443 \u0441 \u043b\u0435\u043a\u0430\u0440\u0441\u0442\u0432\u0430\u043c\u0438 \u043f\u0435\u0440\u0432\u043e\u0439 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e\u0441\u0442\u0438.<\/li>\r\n <li>\u041d\u0435 \u0437\u0430\u0431\u0443\u0434\u044c\u0442\u0435 \u043f\u0430\u0432\u0435\u0440\u0431\u0430\u043d\u043a \u0434\u043b\u044f \u0437\u0430\u0440\u044f\u0434\u043a\u0438 \u0432\u0430\u0448\u0438\u0445 \u0433\u0430\u0434\u0436\u0435\u0442\u043e\u0432.<\/li>\r\n <li>\u0417\u0430\u0440\u0430\u043d\u0435\u0435 \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u0435 \u0444\u0438\u043b\u044c\u043c\u044b, \u043c\u0443\u0437\u044b\u043a\u0443 \u0438\u043b\u0438 \u043a\u043d\u0438\u0433\u0438 \u0434\u043b\u044f \u0440\u0430\u0437\u0432\u043b\u0435\u0447\u0435\u043d\u0438\u044f \u0432 \u0434\u043e\u0440\u043e\u0433\u0435.<\/li>\r\n <li>\u041e\u0441\u0432\u043e\u0431\u043e\u0434\u0438\u0442\u0435 \u043f\u0430\u043c\u044f\u0442\u044c \u043d\u0430 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0435 \u0434\u043b\u044f \u043d\u043e\u0432\u044b\u0445 \u0444\u043e\u0442\u043e \u0438 \u0432\u0438\u0434\u0435\u043e!<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n \r\n <\/main>\r\n <script>\r\n document.addEventListener('DOMContentLoaded', () => {\r\n lucide.createIcons();\r\n setTimeout(() => window.print(), 250);\r\n });\r\n <\\\/script>\r\n <\/body>\r\n <\/html>\r\n `;\r\n\r\n const iframe = document.createElement('iframe');\r\n iframe.style.display = 'none';\r\n document.body.appendChild(iframe);\r\n\r\n const doc = iframe.contentWindow.document;\r\n doc.open();\r\n doc.write(contentToPrint);\r\n doc.close();\r\n\r\n iframe.contentWindow.onafterprint = () => {\r\n document.body.removeChild(iframe);\r\n };\r\n \r\n setTimeout(() => {\r\n if (document.body.contains(iframe)) {\r\n document.body.removeChild(iframe);\r\n }\r\n }, 3000);\r\n });\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0418\u043d\u0444\u043e\u043b\u0438\u0441\u0442: \u0413\u0440\u0443\u043f\u043f\u043e\u0432\u0438\u0439 \u0430\u0432\u0442\u043e\u0431\u0443\u0441\u043d\u044b\u0439 \u0442\u0443\u0440 “\u0428\u0412\u0415\u0419\u0426\u0410\u0420\u0418\u042f, \u0412 \u0413\u041e\u0421\u0422\u042f\u0425 \u0423 \u0421\u041a\u0410\u0417\u041a\u0418” \u0428\u0412\u0415\u0419\u0426\u0410\u0420\u0418\u042f, \u0412 \u0413\u041e\u0421\u0422\u042f\u0425 \u0423 \u0421\u041a\u0410\u0417\u041a\u0418 \u041f\u0435\u0447\u0430\u0442\u044c \/ \u0421\u043e\u0445\u0440\u0430\u043d\u0438\u0442\u044c PDF \u0413\u0440\u0443\u043f\u043f\u043e\u0432\u0438\u0439 \u0430\u0432\u0442\u043e\u0431\u0443\u0441\u043d\u044b\u0439 \u0442\u0443\u0440 “\u0428\u0412\u0415\u0419\u0426\u0410\u0420\u0418\u042f, \u0412 \u0413\u041e\u0421\u0422\u042f\u0425 \u0423 \u0421\u041a\u0410\u0417\u041a\u0418” \u041a\u043b\u044e\u0447\u0435\u0432\u0430\u044f \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044f \u0414\u0430\u0442\u0430 \u0442\u0443\u0440\u0430 05.08.2025 \u041c\u0435\u0441\u0442\u043e \u0432\u0441\u0442\u0440\u0435\u0447\u0438 \u0410\u044d\u0440\u043e\u043f\u043e\u0440\u0442 \u0411\u0443\u0434\u0430\u043f\u0435\u0448\u0442\u0430 \u0418\u0449\u0438\u0442\u0435 \u0442\u0430\u0431\u043b\u0438\u0447\u043a\u0443 “FLORIAN TRAVEL” \u0421\u043e\u043f\u0440\u043e\u0432\u043e\u0436\u0434\u0430\u044e\u0449\u0438\u0439 \u0433\u0440\u0443\u043f\u043f\u044b \u0415\u043b\u0435\u043d\u0430 +38 096 481 23 33 \u041e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u043f\u043b\u0430\u0442\u0435\u0436\u0438 \u041e\u043f\u043b\u0430\u0447\u0438\u0432\u0430\u044e\u0442\u0441\u044f \u043f\u043e \u043f\u0440\u0438\u0431\u044b\u0442\u0438\u044e \u043a\u0430\u0436\u0434\u044b\u043c \u0442\u0443\u0440\u0438\u0441\u0442\u043e\u043c. Checkpoint: […]<\/p>\n","protected":false},"author":1,"featured_media":107406,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-107402","page","type-page","status-publish","has-post-thumbnail","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/lux.floriantravel.com\/en\/wp-json\/wp\/v2\/pages\/107402","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lux.floriantravel.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lux.floriantravel.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lux.floriantravel.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lux.floriantravel.com\/en\/wp-json\/wp\/v2\/comments?post=107402"}],"version-history":[{"count":7,"href":"https:\/\/lux.floriantravel.com\/en\/wp-json\/wp\/v2\/pages\/107402\/revisions"}],"predecessor-version":[{"id":107416,"href":"https:\/\/lux.floriantravel.com\/en\/wp-json\/wp\/v2\/pages\/107402\/revisions\/107416"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/lux.floriantravel.com\/en\/wp-json\/wp\/v2\/media\/107406"}],"wp:attachment":[{"href":"https:\/\/lux.floriantravel.com\/en\/wp-json\/wp\/v2\/media?parent=107402"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\r\n\r\n\r\n \r\n \r\n \u0418\u043d\u0444\u043e\u043b\u0438\u0441\u0442: \u0413\u0440\u0443\u043f\u043f\u043e\u0432\u0438\u0439 \u0430\u0432\u0442\u043e\u0431\u0443\u0441\u043d\u044b\u0439 \u0442\u0443\u0440 \"\u0428\u0412\u0415\u0419\u0426\u0410\u0420\u0418\u042f, \u0412 \u0413\u041e\u0421\u0422\u042f\u0425 \u0423 \u0421\u041a\u0410\u0417\u041a\u0418\"<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700&display=swap\" rel=\"stylesheet\">\r\n <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\r\n <script src=\"https:\/\/cdn.jsdelivr.net\/gh\/alpinejs\/alpine@v2.x.x\/dist\/alpine.min.js\" defer><\/script>\r\n\r\n <style>\r\n body {\r\n font-family: 'Montserrat', sans-serif;\r\n }\r\n .hero-bg {\r\n background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('https:\/\/lux.floriantravel.com\/wp-content\/uploads\/2025\/07\/219.png');\r\n background-size: cover;\r\n background-position: center;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-gray-50 text-gray-800\">\r\n <header class=\"hero-bg text-white shadow-lg\">\r\n <div class=\"container mx-auto px-6 py-16 md:py-24 text-center\">\r\n <h1 class=\"text-4xl md:text-6xl font-bold leading-tight mb-4\">\u0428\u0412\u0415\u0419\u0426\u0410\u0420\u0418\u042f, \u0412 \u0413\u041e\u0421\u0422\u042f\u0425 \u0423 \u0421\u041a\u0410\u0417\u041a\u0418<\/h1>\r\n <p class=\"text-lg md:text-2xl font-light\"><\/p>\r\n <\/div>\r\n <\/header>\r\n\r\n <div class=\"container mx-auto px-4 md:px-8 py-4 flex flex-wrap justify-center md:justify-end gap-3\">\r\n <button id=\"print-btn\" class=\"w-full sm:w-auto bg-sky-600 text-white font-semibold py-2 px-5 rounded-lg shadow-md hover:bg-sky-700 transition-colors flex items-center justify-center gap-2\">\r\n <i data-lucide=\"printer\" class=\"w-5 h-5\"><\/i>\r\n \u041f\u0435\u0447\u0430\u0442\u044c \/ \u0421\u043e\u0445\u0440\u0430\u043d\u0438\u0442\u044c PDF\r\n <\/button>\r\n <\/div>\r\n\r\n <main class=\"container mx-auto p-4 md:p-8\" id=\"main-content\">\r\n <div class=\"print-title\" style=\"display: none; font-size: 22px; font-weight: bold; text-align: center; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid #0f766e; color: #0f766e;\">\u0413\u0440\u0443\u043f\u043f\u043e\u0432\u0438\u0439 \u0430\u0432\u0442\u043e\u0431\u0443\u0441\u043d\u044b\u0439 \u0442\u0443\u0440 \"\u0428\u0412\u0415\u0419\u0426\u0410\u0420\u0418\u042f, \u0412 \u0413\u041e\u0421\u0422\u042f\u0425 \u0423 \u0421\u041a\u0410\u0417\u041a\u0418\"<\/div>\r\n\r\n <section class=\"mb-8 bg-white p-6 rounded-xl shadow-md border border-gray-200\">\r\n <h2 class=\"text-2xl md:text-3xl font-bold text-teal-600 mb-6 flex items-center\">\r\n <i data-lucide=\"sparkles\" class=\"w-8 h-8 mr-3\"><\/i>\r\n \u041a\u043b\u044e\u0447\u0435\u0432\u0430\u044f \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044f\r\n <\/h2>\r\n <div class=\"grid md:grid-cols-2 lg:grid-cols-3 gap-6 key-info-grid\">\r\n <div class=\"bg-teal-50 p-4 rounded-lg flex items-center\">\r\n <i data-lucide=\"calendar-days\" class=\"w-10 h-10 text-teal-500 mr-4\"><\/i>\r\n <div>\r\n <p class=\"font-semibold text-gray-600\">\u0414\u0430\u0442\u0430 \u0442\u0443\u0440\u0430<\/p>\r\n <p class=\"text-xl font-bold\">05.08.2025<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bg-teal-50 p-4 rounded-lg flex items-center\">\r\n <i data-lucide=\"map-pin\" class=\"w-10 h-10 text-teal-500 mr-4\"><\/i>\r\n <div>\r\n <p class=\"font-semibold text-gray-600\">\u041c\u0435\u0441\u0442\u043e \u0432\u0441\u0442\u0440\u0435\u0447\u0438<\/p>\r\n <p class=\"text-lg font-bold\">\u0410\u044d\u0440\u043e\u043f\u043e\u0440\u0442 \u0411\u0443\u0434\u0430\u043f\u0435\u0448\u0442\u0430<\/p>\r\n <p class=\"text-sm text-gray-500\">\u0418\u0449\u0438\u0442\u0435 \u0442\u0430\u0431\u043b\u0438\u0447\u043a\u0443 \"FLORIAN TRAVEL\"<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bg-teal-50 p-4 rounded-lg flex items-center\">\r\n <i data-lucide=\"user-check\" class=\"w-10 h-10 text-teal-500 mr-4\"><\/i>\r\n <div>\r\n <p class=\"font-semibold text-gray-600\">\u0421\u043e\u043f\u0440\u043e\u0432\u043e\u0436\u0434\u0430\u044e\u0449\u0438\u0439 \u0433\u0440\u0443\u043f\u043f\u044b<\/p>\r\n <p class=\"text-xl font-bold\">\u0415\u043b\u0435\u043d\u0430<\/p>\r\n <p class=\"text-sm text-gray-500\">+38 096 481 23 33<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"mb-8\">\r\n <div class=\"grid md:grid-cols-1 lg:grid-cols-2 gap-8\">\r\n <div class=\"bg-white p-6 rounded-xl shadow-md border border-gray-200\">\r\n <h3 class=\"text-2xl font-bold text-amber-600 mb-4 flex items-center\">\r\n <i data-lucide=\"wallet\" class=\"w-7 h-7 mr-3\"><\/i>\r\n \u041e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u043f\u043b\u0430\u0442\u0435\u0436\u0438\r\n <\/h3>\r\n <p class=\"text-sm text-gray-500 mb-4\">\u041e\u043f\u043b\u0430\u0447\u0438\u0432\u0430\u044e\u0442\u0441\u044f \u043f\u043e \u043f\u0440\u0438\u0431\u044b\u0442\u0438\u044e \u043a\u0430\u0436\u0434\u044b\u043c \u0442\u0443\u0440\u0438\u0441\u0442\u043e\u043c.<\/p>\r\n <div class=\"space-y-4\">\r\n <div class=\"flex justify-between items-center bg-amber-50 p-3 rounded-lg\">\r\n <span class=\"font-semibold\">Checkpoint:<\/span>\r\n <span class=\"font-bold text-lg\">30.00 EUR<\/span>\r\n <\/div>\r\n <div class=\"flex justify-between items-center bg-amber-50 p-3 rounded-lg\">\r\n <div>\r\n <span class=\"font-semibold\">City Tax (\u0433\u043e\u0440\u043e\u0434\u0441\u043a\u043e\u0439 \u043d\u0430\u043b\u043e\u0433):<\/span>\r\n <p class=\"text-xs text-gray-500\">(\u0414\u0435\u0442\u0438 \u0434\u043e 16 \u043b\u0435\u0442 \u043e\u0441\u0432\u043e\u0431\u043e\u0436\u0434\u0435\u043d\u044b \u043e\u0442 \u0443\u043f\u043b\u0430\u0442\u044b)<\/p>\r\n <\/div>\r\n <span class=\"font-bold text-lg\">36.00 EUR<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bg-white p-6 rounded-xl shadow-md border border-gray-200\">\r\n <h3 class=\"text-2xl font-bold text-sky-600 mb-4 flex items-center\">\r\n <i data-lucide=\"file-text\" class=\"w-7 h-7 mr-3\"><\/i>\r\n \u0418\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044f \u0434\u043b\u044f \u0440\u043e\u0434\u0438\u0442\u0435\u043b\u0435\u0439\r\n <\/h3>\r\n <p class=\"leading-relaxed\">\u0415\u0441\u043b\u0438 \u0440\u0435\u0431\u0435\u043d\u043e\u043a \u043f\u0443\u0442\u0435\u0448\u0435\u0441\u0442\u0432\u0443\u0435\u0442 \u0431\u0435\u0437 \u0440\u043e\u0434\u0438\u0442\u0435\u043b\u044f \u0438\u043b\u0438 \u0432 \u0441\u043e\u043f\u0440\u043e\u0432\u043e\u0436\u0434\u0435\u043d\u0438\u0438 \u0434\u0440\u0443\u0433\u0438\u0445 \u043b\u0438\u0446, \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u0438\u043c\u0435\u0442\u044c \u043f\u0440\u0438 \u0441\u0435\u0431\u0435 <strong class=\"text-sky-700\">\u043d\u043e\u0442\u0430\u0440\u0438\u0430\u043b\u044c\u043d\u043e \u0437\u0430\u0432\u0435\u0440\u0435\u043d\u043d\u043e\u0435 \u0441\u043e\u0433\u043b\u0430\u0441\u0438\u0435 \u043e\u0442 \u043e\u0431\u043e\u0438\u0445 \u0440\u043e\u0434\u0438\u0442\u0435\u043b\u0435\u0439 \u043d\u0430 \u0432\u044b\u0435\u0437\u0434 \u0440\u0435\u0431\u0435\u043d\u043a\u0430 \u0437\u0430 \u0433\u0440\u0430\u043d\u0438\u0446\u0443.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"bg-white p-6 rounded-xl shadow-md border border-gray-200\" x-data=\"{ openTabs: ['bus'] }\">\r\n <h2 class=\"text-2xl md:text-3xl font-bold text-slate-600 mb-6 flex items-center\">\r\n <i data-lucide=\"book-marked\" class=\"w-8 h-8 mr-3\"><\/i>\r\n \u041f\u0440\u0430\u0432\u0438\u043b\u0430 \u0438 \u043f\u043e\u043b\u0435\u0437\u043d\u0430\u044f \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044f\r\n <\/h2>\r\n <div class=\"space-y-4\">\r\n <div class=\"border-b border-gray-200 pb-2\">\r\n <button @click=\"openTabs.includes('bus') ? openTabs = openTabs.filter(t => t !== 'bus') : openTabs.push('bus')\" class=\"w-full text-left\">\r\n <div class=\"flex justify-between items-center p-2 rounded-lg hover:bg-gray-100 transition-colors\">\r\n <h4 class=\"text-xl font-semibold flex items-center\"><i data-lucide=\"bus\" class=\"w-6 h-6 mr-3 text-slate-500\"><\/i>\u041f\u0443\u0442\u0435\u0448\u0435\u0441\u0442\u0432\u0438\u0435 \u0430\u0432\u0442\u043e\u0431\u0443\u0441\u043e\u043c<\/h4>\r\n <i data-lucide=\"chevron-down\" class=\"w-6 h-6\" :class=\"{'transform rotate-180': openTabs.includes('bus')}\"><\/i>\r\n <\/div>\r\n <\/button>\r\n <div x-show=\"openTabs.includes('bus')\" class=\"mt-2 p-4 bg-slate-50 rounded-lg\">\r\n <ul class=\"list-disc list-inside space-y-2 text-gray-700\">\r\n <li>\u0410\u0432\u0442\u043e\u0431\u0443\u0441 \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442 \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u043e\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0438 \u043a\u0430\u0436\u0434\u044b\u0435 3-4 \u0447\u0430\u0441\u0430.<\/li>\r\n <li>\u0414\u0432\u0438\u0436\u0435\u043d\u0438\u0435 \u0430\u0432\u0442\u043e\u0431\u0443\u0441\u0430 \u0447\u0435\u0442\u043a\u043e \u0440\u0435\u0433\u043b\u0430\u043c\u0435\u043d\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u043e, \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u043e\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0438 \u043d\u0435 \u043f\u0440\u0435\u0434\u0443\u0441\u043c\u043e\u0442\u0440\u0435\u043d\u044b.<\/li>\r\n <li>\u0411\u0443\u0434\u044c\u0442\u0435 \u043f\u0443\u043d\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u044b! \u0412 \u0441\u043b\u0443\u0447\u0430\u0435 \u043e\u043f\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0430\u0432\u0442\u043e\u0431\u0443\u0441 \u0436\u0434\u0435\u0442 \u043d\u0435 \u0431\u043e\u043b\u044c\u0448\u0435 10-15 \u043c\u0438\u043d\u0443\u0442.<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <div class=\"border-b border-gray-200 pb-2\">\r\n <button @click=\"openTabs.includes('hotel') ? openTabs = openTabs.filter(t => t !== 'hotel') : openTabs.push('hotel')\" class=\"w-full text-left\">\r\n <div class=\"flex justify-between items-center p-2 rounded-lg hover:bg-gray-100 transition-colors\">\r\n <h4 class=\"text-xl font-semibold flex items-center\"><i data-lucide=\"bed-double\" class=\"w-6 h-6 mr-3 text-slate-500\"><\/i>\u041f\u0440\u043e\u0436\u0438\u0432\u0430\u043d\u0438\u0435 \u0432 \u043e\u0442\u0435\u043b\u0435<\/h4>\r\n <i data-lucide=\"chevron-down\" class=\"w-6 h-6\" :class=\"{'transform rotate-180': openTabs.includes('hotel')}\"><\/i>\r\n <\/div>\r\n <\/button>\r\n <div x-show=\"openTabs.includes('hotel')\" class=\"mt-2 p-4 bg-slate-50 rounded-lg\">\r\n <ul class=\"list-disc list-inside space-y-2 text-gray-700\">\r\n <li>\u041f\u043e\u0441\u0435\u043b\u0435\u043d\u0438\u0435 \u0432 \u043e\u0442\u0435\u043b\u044f\u0445 \u2013 \u043f\u043e\u0441\u043b\u0435 14:00, \u0432\u044b\u0441\u0435\u043b\u0435\u043d\u0438\u0435 \u2013 \u0434\u043e 12:00 (\u0434\u043b\u044f \u0433\u0440\u0443\u043f\u043f \u2013 \u0434\u043e 10:00).<\/li>\r\n <li>\u0417\u0430\u0432\u0442\u0440\u0430\u043a\u0438 \u043e\u0431\u044b\u0447\u043d\u043e \u0432 \u0444\u043e\u0440\u043c\u0430\u0442\u0435 \"\u0448\u0432\u0435\u0434\u0441\u043a\u043e\u0433\u043e \u0441\u0442\u043e\u043b\u0430\".<\/li>\r\n <li>\u0426\u0435\u043d\u043d\u044b\u0435 \u0432\u0435\u0449\u0438 \u0438 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u044b \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0443\u0435\u043c \u0445\u0440\u0430\u043d\u0438\u0442\u044c \u0432 \u0441\u0435\u0439\u0444\u0435 \u043e\u0442\u0435\u043b\u044f.<\/li>\r\n <li>\u041e\u0431\u0440\u0430\u0442\u0438\u0442\u0435 \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u0435, \u0447\u0442\u043e \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0443\u0441\u043b\u0443\u0433\u0438 \u0432 \u043e\u0442\u0435\u043b\u0435 (\u043c\u0438\u043d\u0438\u0431\u0430\u0440, \u0441\u0430\u0443\u043d\u0430) \u043c\u043e\u0433\u0443\u0442 \u0431\u044b\u0442\u044c \u043f\u043b\u0430\u0442\u043d\u044b\u043c\u0438.<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <div class=\"border-b border-gray-200 pb-2\">\r\n <button @click=\"openTabs.includes('recs') ? openTabs = openTabs.filter(t => t !== 'recs') : openTabs.push('recs')\" class=\"w-full text-left\">\r\n <div class=\"flex justify-between items-center p-2 rounded-lg hover:bg-gray-100 transition-colors\">\r\n <h4 class=\"text-xl font-semibold flex items-center\"><i data-lucide=\"lightbulb\" class=\"w-6 h-6 mr-3 text-slate-500\"><\/i>\u041d\u0430\u0448\u0438 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0438<\/h4>\r\n <i data-lucide=\"chevron-down\" class=\"w-6 h-6\" :class=\"{'transform rotate-180': openTabs.includes('recs')}\"><\/i>\r\n <\/div>\r\n <\/button>\r\n <div x-show=\"openTabs.includes('recs')\" class=\"mt-2 p-4 bg-slate-50 rounded-lg\">\r\n <ul class=\"list-disc list-inside space-y-2 text-gray-700\">\r\n <li>\u0412\u043e\u0437\u044c\u043c\u0438\u0442\u0435 \u0438\u043d\u0434\u0438\u0432\u0438\u0434\u0443\u0430\u043b\u044c\u043d\u0443\u044e \u0430\u043f\u0442\u0435\u0447\u043a\u0443 \u0441 \u043b\u0435\u043a\u0430\u0440\u0441\u0442\u0432\u043e\u043c \u043f\u0435\u0440\u0432\u043e\u0439 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e\u0441\u0442\u0438.<\/li>\r\n <li>\u041d\u0435 \u0437\u0430\u0431\u0443\u0434\u044c\u0442\u0435 \u043f\u0430\u0432\u0435\u0440\u0431\u0430\u043d\u043a \u0434\u043b\u044f \u0437\u0430\u0440\u044f\u0434\u043a\u0438 \u0432\u0430\u0448\u0438\u0445 \u0433\u0430\u0434\u0436\u0435\u0442\u043e\u0432.<\/li>\r\n <li>\u0417\u0430\u0440\u0430\u043d\u0435\u0435 \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u0435 \u0444\u0438\u043b\u044c\u043c\u044b, \u043c\u0443\u0437\u044b\u043a\u0443 \u0438\u043b\u0438 \u043a\u043d\u0438\u0433\u0438 \u0434\u043b\u044f \u0440\u0430\u0437\u0432\u043b\u0435\u0447\u0435\u043d\u0438\u044f \u0432 \u0434\u043e\u0440\u043e\u0433\u0435.<\/li>\r\n <li>\u041e\u0441\u0432\u043e\u0431\u043e\u0434\u0438\u0442\u0435 \u043f\u0430\u043c\u044f\u0442\u044c \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0430 \u0434\u043b\u044f \u043d\u043e\u0432\u044b\u0445 \u0444\u043e\u0442\u043e \u0438 \u0432\u0438\u0434\u0435\u043e!<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n <\/main>\r\n\r\n <script>\r\n document.addEventListener('DOMContentLoaded', () => {\r\n lucide.createIcons();\r\n\r\n const printBtn = document.getElementById('print-btn');\r\n\r\n printBtn.addEventListener('click', () => {\r\n \/\/ ***** \u041f\u041e\u0427\u0410\u0422\u041e\u041a \u0417\u041c\u0406\u041d *****\r\n \/\/ \u041f\u0435\u0440\u0435\u0432\u0456\u0440\u043a\u0430, \u0447\u0438 \u0454 \u043f\u0440\u0438\u0441\u0442\u0440\u0456\u0439 \u043c\u043e\u0431\u0456\u043b\u044c\u043d\u0438\u043c, \u0434\u0438\u0432\u043b\u044f\u0447\u0438\u0441\u044c \u043d\u0430 User Agent \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430.\r\n const isMobile = \/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini\/i.test(navigator.userAgent);\r\n\r\n \/\/ \u042f\u043a\u0449\u043e \u043f\u0440\u0438\u0441\u0442\u0440\u0456\u0439 \u043c\u043e\u0431\u0456\u043b\u044c\u043d\u0438\u0439, \u043f\u043e\u043a\u0430\u0437\u0430\u0442\u0438 \u0441\u043f\u043e\u0432\u0456\u0449\u0435\u043d\u043d\u044f \u0456 \u0437\u0443\u043f\u0438\u043d\u0438\u0442\u0438 \u043f\u043e\u0434\u0430\u043b\u044c\u0448\u0435 \u0432\u0438\u043a\u043e\u043d\u0430\u043d\u043d\u044f \u043a\u043e\u0434\u0443.\r\n if (isMobile) {\r\n alert('\u041a \u0441\u043e\u0436\u0430\u043b\u0435\u043d\u0438\u044e, \u0444\u0443\u043d\u043a\u0446\u0438\u044f \u043f\u0435\u0447\u0430\u0442\u0438 \u0438 \u0441\u043e\u0445\u0440\u0430\u043d\u0435\u043d\u0438\u044f \u0432 PDF \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u0430 \u0442\u043e\u043b\u044c\u043a\u043e \u043d\u0430 \u043a\u043e\u043c\u043f\u044c\u044e\u0442\u0435\u0440\u0430\u0445.');\r\n return; \r\n }\r\n \/\/ ***** \u041a\u0406\u041d\u0415\u0426\u042c \u0417\u041c\u0406\u041d *****\r\n\r\n \/\/ \u042f\u043a\u0449\u043e \u0446\u0435 \u043d\u0435 \u043c\u043e\u0431\u0456\u043b\u044c\u043d\u0438\u0439 \u043f\u0440\u0438\u0441\u0442\u0440\u0456\u0439 (\u041f\u041a), \u0432\u0438\u043a\u043e\u043d\u0443\u0454\u0442\u044c\u0441\u044f \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u0430 \u043b\u043e\u0433\u0456\u043a\u0430 \u0434\u0440\u0443\u043a\u0443.\r\n const contentToPrint = `\r\n <!DOCTYPE html>\r\n <html lang=\"uk\">\r\n <head>\r\n <meta charset=\"UTF-8\">\r\n <title>\u0418\u043d\u0444\u043e\u043b\u0438\u0441\u0442: \u0413\u0440\u0443\u043f\u043f\u043e\u0432\u0438\u0439 \u0430\u0432\u0442\u043e\u0431\u0443\u0441\u043d\u044b\u0439 \u0442\u0443\u0440 \"\u0428\u0412\u0415\u0419\u0426\u0410\u0420\u0418\u042f, \u0412 \u0413\u041e\u0421\u0422\u042f\u0425 \u0423 \u0421\u041a\u0410\u0417\u041a\u0418\"<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\/\"><\\\/script>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700&display=swap\" rel=\"stylesheet\">\r\n <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\\\/script>\r\n <style>\r\n body { font-family: 'Montserrat', sans-serif; -webkit-print-color-adjust: exact; print-color-adjust: exact; background-color: #fff; }\r\n main { width: 210mm; min-height: 297mm; padding: 20mm 15mm; margin: 0 auto; box-sizing: border-box; }\r\n section { break-inside: avoid; page-break-inside: avoid; }\r\n .print-force-break { break-before: page; page-break-before: always; }\r\n .print-title { font-size: 22px; font-weight: bold; text-align: center; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid #0f766e; color: #0f766e; }\r\n .key-info-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px !important; }\r\n <\/style>\r\n <\/head>\r\n <body>\r\n <main>\r\n <div class=\"print-title\">\u0413\u0440\u0443\u043f\u043f\u043e\u0432\u0438\u0439 \u0430\u0432\u0442\u043e\u0431\u0443\u0441\u043d\u044b\u0439 \u0442\u0443\u0440 \"\u0428\u0412\u0415\u0419\u0426\u0410\u0420\u0418\u042f, \u0412 \u0413\u041e\u0421\u0422\u042f\u0425 \u0423 \u0421\u041a\u0410\u0417\u041a\u0418\"<\/div>\r\n <section class=\"mb-8\">\r\n <h2 class=\"text-2xl font-bold text-teal-600 mb-6 flex items-center\"><i data-lucide=\"sparkles\" class=\"w-8 h-8 mr-3\"><\/i>\u041a\u043b\u044e\u0447\u0435\u0432\u0430\u044f \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044f<\/h2>\r\n <div class=\"key-info-grid\">\r\n <div class=\"bg-teal-50 p-4 rounded-lg flex items-center\"><i data-lucide=\"calendar-days\" class=\"w-10 h-10 text-teal-500 mr-4\"><\/i><div><p class=\"font-semibold text-gray-600\">\u0414\u0430\u0442\u0430 \u0442\u0443\u0440\u0443<\/p><p class=\"text-xl font-bold\">05.08.2025<\/p><\/div><\/div>\r\n <div class=\"bg-teal-50 p-4 rounded-lg flex items-center\"><i data-lucide=\"map-pin\" class=\"w-10 h-10 text-teal-500 mr-4\"><\/i><div><p class=\"font-semibold text-gray-600\">\u041c\u0435\u0441\u0442\u043e \u0432\u0441\u0442\u0440\u0435\u0447\u0438<\/p><p class=\"text-lg font-bold\">\u0410\u044d\u0440\u043e\u043f\u043e\u0440\u0442 \u0411\u0443\u0434\u0430\u043f\u0435\u0448\u0442\u0430<\/p><p class=\"text-sm text-gray-500\">\u0418\u0449\u0438\u0442\u0435 \u0442\u0430\u0431\u043b\u0438\u0447\u043a\u0443 \"FLORIAN TRAVEL\"<\/p><\/div><\/div>\r\n <div class=\"bg-teal-50 p-4 rounded-lg flex items-center\"><i data-lucide=\"user-check\" class=\"w-10 h-10 text-teal-500 mr-4\"><\/i><div><p class=\"font-semibold text-gray-600\">\u0421\u043e\u043f\u0440\u043e\u0432\u043e\u0436\u0434\u0430\u044e\u0449\u0438\u0439 \u0433\u0440\u0443\u043f\u043f\u044b<\/p><p class=\"text-xl font-bold\">\u0415\u043b\u0435\u043d\u0430<\/p><p class=\"text-sm text-gray-500\">+38 096 481 23 33<\/p><\/div><\/div>\r\n <\/div>\r\n <\/section>\r\n <section class=\"mb-8\">\r\n <h3 class=\"text-2xl font-bold text-amber-600 mb-4 flex items-center\"><i data-lucide=\"wallet\" class=\"w-7 h-7 mr-3\"><\/i>\u041e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u043f\u043b\u0430\u0442\u0435\u0436\u0438<\/h3>\r\n <p class=\"text-sm text-gray-500 mb-4\">\u041e\u043f\u043b\u0430\u0447\u0438\u0432\u0430\u044e\u0442\u0441\u044f \u043f\u043e \u043f\u0440\u0438\u0431\u044b\u0442\u0438\u0438 \u043a\u0430\u0436\u0434\u044b\u043c \u0442\u0443\u0440\u0438\u0441\u0442\u043e\u043c.<\/p>\r\n <div class=\"space-y-4\">\r\n <div class=\"flex justify-between items-center bg-amber-50 p-3 rounded-lg\">\r\n <span class=\"font-semibold\">Checkpoint:<\/span>\r\n <span class=\"font-bold text-lg\">30.00 EUR<\/span>\r\n <\/div>\r\n <div class=\"flex justify-between items-center bg-amber-50 p-3 rounded-lg\">\r\n <div>\r\n <span class=\"font-semibold\">City Tax (\u0433\u043e\u0440\u043e\u0434\u0441\u043a\u043e\u0439 \u043d\u0430\u043b\u043e\u0433):<\/span>\r\n <p class=\"text-xs text-gray-500\">(\u0414\u0435\u0442\u0438 \u0434\u043e 16 \u043b\u0435\u0442 \u043e\u0441\u0432\u043e\u0431\u043e\u0436\u0434\u0435\u043d\u044b \u043e\u0442 \u0443\u043f\u043b\u0430\u0442\u044b)<\/p>\r\n <\/div>\r\n <span class=\"font-bold text-lg\">36.00 EUR<\/span>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<section class=\"mb-8\">\r\n <h3 class=\"text-2xl font-bold text-sky-600 mb-4 flex items-center\"><i data-lucide=\"file-text\" class=\"w-7 h-7 mr-3\"><\/i>\u0418\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044f \u0434\u043b\u044f \u0440\u043e\u0434\u0438\u0442\u0435\u043b\u0435\u0439<\/h3>\r\n <p class=\"leading-relaxed\">\u0415\u0441\u043b\u0438 \u0440\u0435\u0431\u0435\u043d\u043e\u043a \u043f\u0443\u0442\u0435\u0448\u0435\u0441\u0442\u0432\u0443\u0435\u0442 \u0431\u0435\u0437 \u043e\u0434\u043d\u043e\u0433\u043e \u0438\u0437 \u0440\u043e\u0434\u0438\u0442\u0435\u043b\u0435\u0439 \u0438\u043b\u0438 \u0432 \u0441\u043e\u043f\u0440\u043e\u0432\u043e\u0436\u0434\u0435\u043d\u0438\u0438 \u0434\u0440\u0443\u0433\u0438\u0445 \u043b\u0438\u0446, \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u0438\u043c\u0435\u0442\u044c \u043f\u0440\u0438 \u0441\u0435\u0431\u0435 <strong class=\"text-sky-700\">\u043d\u043e\u0442\u0430\u0440\u0438\u0430\u043b\u044c\u043d\u043e \u0437\u0430\u0432\u0435\u0440\u0435\u043d\u043d\u043e\u0435 \u0441\u043e\u0433\u043b\u0430\u0441\u0438\u0435 \u043e\u0442 \u043e\u0431\u043e\u0438\u0445 \u0440\u043e\u0434\u0438\u0442\u0435\u043b\u0435\u0439<\/strong> \u043d\u0430 \u0432\u044b\u0435\u0437\u0434 \u0440\u0435\u0431\u0435\u043d\u043a\u0430 \u0437\u0430 \u0433\u0440\u0430\u043d\u0438\u0446\u0443.<\/p>\r\n<\/section>\r\n\r\n<section class=\"print-force-break\">\r\n <h2 class=\"text-2xl font-bold text-slate-600 mb-6 flex items-center\"><i data-lucide=\"book-marked\" class=\"w-8 h-8 mr-3\"><\/i>\u041f\u0440\u0430\u0432\u0438\u043b\u0430 \u0438 \u043f\u043e\u043b\u0435\u0437\u043d\u0430\u044f \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044f<\/h2>\r\n <div class=\"space-y-4\">\r\n <div class=\"pb-2\">\r\n <h4 class=\"text-xl font-semibold flex items-center mb-2\"><i data-lucide=\"bus\" class=\"w-6 h-6 mr-3 text-slate-500\"><\/i>\u041f\u0443\u0442\u0435\u0448\u0435\u0441\u0442\u0432\u0438\u0435 \u043d\u0430 \u0430\u0432\u0442\u043e\u0431\u0443\u0441\u0435<\/h4>\r\n <div class=\"p-4 bg-slate-50 rounded-lg\">\r\n <ul class=\"list-disc list-inside space-y-2 text-gray-700\">\r\n <li>\u0410\u0432\u0442\u043e\u0431\u0443\u0441 \u0441\u043e\u0432\u0435\u0440\u0448\u0430\u0435\u0442 \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u043e\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0438 \u043a\u0430\u0436\u0434\u044b\u0435 3-4 \u0447\u0430\u0441\u0430.<\/li>\r\n <li>\u0414\u0432\u0438\u0436\u0435\u043d\u0438\u0435 \u0430\u0432\u0442\u043e\u0431\u0443\u0441\u0430 \u0447\u0435\u0442\u043a\u043e \u0440\u0435\u0433\u043b\u0430\u043c\u0435\u043d\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u043e, \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u043e\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0438 \u043d\u0435 \u043f\u0440\u0435\u0434\u0443\u0441\u043c\u043e\u0442\u0440\u0435\u043d\u044b.<\/li>\r\n <li>\u0411\u0443\u0434\u044c\u0442\u0435 \u043f\u0443\u043d\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u044b! \u0412 \u0441\u043b\u0443\u0447\u0430\u0435 \u043e\u043f\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0430\u0432\u0442\u043e\u0431\u0443\u0441 \u0436\u0434\u0435\u0442 \u043d\u0435 \u0431\u043e\u043b\u0435\u0435 10-15 \u043c\u0438\u043d\u0443\u0442.<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <div class=\"pb-2\">\r\n <h4 class=\"text-xl font-semibold flex items-center mb-2\"><i data-lucide=\"bed-double\" class=\"w-6 h-6 mr-3 text-slate-500\"><\/i>\u041f\u0440\u043e\u0436\u0438\u0432\u0430\u043d\u0438\u0435 \u0432 \u043e\u0442\u0435\u043b\u0435<\/h4>\r\n <div class=\"p-4 bg-slate-50 rounded-lg\">\r\n <ul class=\"list-disc list-inside space-y-2 text-gray-700\">\r\n <li>\u0417\u0430\u0441\u0435\u043b\u0435\u043d\u0438\u0435 \u0432 \u043e\u0442\u0435\u043b\u044f\u0445 \u2014 \u043f\u043e\u0441\u043b\u0435 14:00, \u0432\u044b\u0441\u0435\u043b\u0435\u043d\u0438\u0435 \u2014 \u0434\u043e 12:00 (\u0434\u043b\u044f \u0433\u0440\u0443\u043f\u043f \u2014 \u0434\u043e 10:00).<\/li>\r\n <li>\u0417\u0430\u0432\u0442\u0440\u0430\u043a\u0438 \u043e\u0431\u044b\u0447\u043d\u043e \u0432 \u0444\u043e\u0440\u043c\u0430\u0442\u0435 \"\u0448\u0432\u0435\u0434\u0441\u043a\u043e\u0433\u043e \u0441\u0442\u043e\u043b\u0430\".<\/li>\r\n <li>\u0426\u0435\u043d\u043d\u044b\u0435 \u0432\u0435\u0449\u0438 \u0438 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u044b \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0443\u0435\u043c \u0445\u0440\u0430\u043d\u0438\u0442\u044c \u0432 \u0441\u0435\u0439\u0444\u0435 \u043e\u0442\u0435\u043b\u044f.<\/li>\r\n <li>\u041e\u0431\u0440\u0430\u0442\u0438\u0442\u0435 \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u0435, \u0447\u0442\u043e \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0443\u0441\u043b\u0443\u0433\u0438 \u0432 \u043e\u0442\u0435\u043b\u0435 (\u043c\u0438\u043d\u0438-\u0431\u0430\u0440, \u0441\u0430\u0443\u043d\u0430) \u043c\u043e\u0433\u0443\u0442 \u0431\u044b\u0442\u044c \u043f\u043b\u0430\u0442\u043d\u044b\u043c\u0438.<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <div class=\"pb-2\">\r\n <h4 class=\"text-xl font-semibold flex items-center mb-2\"><i data-lucide=\"lightbulb\" class=\"w-6 h-6 mr-3 text-slate-500\"><\/i>\u041d\u0430\u0448\u0438 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0438<\/h4>\r\n <div class=\"p-4 bg-slate-50 rounded-lg\">\r\n <ul class=\"list-disc list-inside space-y-2 text-gray-700\">\r\n <li>\u0412\u043e\u0437\u044c\u043c\u0438\u0442\u0435 \u0438\u043d\u0434\u0438\u0432\u0438\u0434\u0443\u0430\u043b\u044c\u043d\u0443\u044e \u0430\u043f\u0442\u0435\u0447\u043a\u0443 \u0441 \u043b\u0435\u043a\u0430\u0440\u0441\u0442\u0432\u0430\u043c\u0438 \u043f\u0435\u0440\u0432\u043e\u0439 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e\u0441\u0442\u0438.<\/li>\r\n <li>\u041d\u0435 \u0437\u0430\u0431\u0443\u0434\u044c\u0442\u0435 \u043f\u0430\u0432\u0435\u0440\u0431\u0430\u043d\u043a \u0434\u043b\u044f \u0437\u0430\u0440\u044f\u0434\u043a\u0438 \u0432\u0430\u0448\u0438\u0445 \u0433\u0430\u0434\u0436\u0435\u0442\u043e\u0432.<\/li>\r\n <li>\u0417\u0430\u0440\u0430\u043d\u0435\u0435 \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u0435 \u0444\u0438\u043b\u044c\u043c\u044b, \u043c\u0443\u0437\u044b\u043a\u0443 \u0438\u043b\u0438 \u043a\u043d\u0438\u0433\u0438 \u0434\u043b\u044f \u0440\u0430\u0437\u0432\u043b\u0435\u0447\u0435\u043d\u0438\u044f \u0432 \u0434\u043e\u0440\u043e\u0433\u0435.<\/li>\r\n <li>\u041e\u0441\u0432\u043e\u0431\u043e\u0434\u0438\u0442\u0435 \u043f\u0430\u043c\u044f\u0442\u044c \u043d\u0430 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0435 \u0434\u043b\u044f \u043d\u043e\u0432\u044b\u0445 \u0444\u043e\u0442\u043e \u0438 \u0432\u0438\u0434\u0435\u043e!<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n \r\n <\/main>\r\n <script>\r\n document.addEventListener('DOMContentLoaded', () => {\r\n lucide.createIcons();\r\n setTimeout(() => window.print(), 250);\r\n });\r\n <\\\/script>\r\n <\/body>\r\n <\/html>\r\n `;\r\n\r\n const iframe = document.createElement('iframe');\r\n iframe.style.display = 'none';\r\n document.body.appendChild(iframe);\r\n\r\n const doc = iframe.contentWindow.document;\r\n doc.open();\r\n doc.write(contentToPrint);\r\n doc.close();\r\n\r\n iframe.contentWindow.onafterprint = () => {\r\n document.body.removeChild(iframe);\r\n };\r\n \r\n setTimeout(() => {\r\n if (document.body.contains(iframe)) {\r\n document.body.removeChild(iframe);\r\n }\r\n }, 3000);\r\n });\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0418\u043d\u0444\u043e\u043b\u0438\u0441\u0442: \u0413\u0440\u0443\u043f\u043f\u043e\u0432\u0438\u0439 \u0430\u0432\u0442\u043e\u0431\u0443\u0441\u043d\u044b\u0439 \u0442\u0443\u0440 “\u0428\u0412\u0415\u0419\u0426\u0410\u0420\u0418\u042f, \u0412 \u0413\u041e\u0421\u0422\u042f\u0425 \u0423 \u0421\u041a\u0410\u0417\u041a\u0418” \u0428\u0412\u0415\u0419\u0426\u0410\u0420\u0418\u042f, \u0412 \u0413\u041e\u0421\u0422\u042f\u0425 \u0423 \u0421\u041a\u0410\u0417\u041a\u0418 \u041f\u0435\u0447\u0430\u0442\u044c \/ \u0421\u043e\u0445\u0440\u0430\u043d\u0438\u0442\u044c PDF \u0413\u0440\u0443\u043f\u043f\u043e\u0432\u0438\u0439 \u0430\u0432\u0442\u043e\u0431\u0443\u0441\u043d\u044b\u0439 \u0442\u0443\u0440 “\u0428\u0412\u0415\u0419\u0426\u0410\u0420\u0418\u042f, \u0412 \u0413\u041e\u0421\u0422\u042f\u0425 \u0423 \u0421\u041a\u0410\u0417\u041a\u0418” \u041a\u043b\u044e\u0447\u0435\u0432\u0430\u044f \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044f \u0414\u0430\u0442\u0430 \u0442\u0443\u0440\u0430 05.08.2025 \u041c\u0435\u0441\u0442\u043e \u0432\u0441\u0442\u0440\u0435\u0447\u0438 \u0410\u044d\u0440\u043e\u043f\u043e\u0440\u0442 \u0411\u0443\u0434\u0430\u043f\u0435\u0448\u0442\u0430 \u0418\u0449\u0438\u0442\u0435 \u0442\u0430\u0431\u043b\u0438\u0447\u043a\u0443 “FLORIAN TRAVEL” \u0421\u043e\u043f\u0440\u043e\u0432\u043e\u0436\u0434\u0430\u044e\u0449\u0438\u0439 \u0433\u0440\u0443\u043f\u043f\u044b \u0415\u043b\u0435\u043d\u0430 +38 096 481 23 33 \u041e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u043f\u043b\u0430\u0442\u0435\u0436\u0438 \u041e\u043f\u043b\u0430\u0447\u0438\u0432\u0430\u044e\u0442\u0441\u044f \u043f\u043e \u043f\u0440\u0438\u0431\u044b\u0442\u0438\u044e \u043a\u0430\u0436\u0434\u044b\u043c \u0442\u0443\u0440\u0438\u0441\u0442\u043e\u043c. Checkpoint: […]<\/p>\n","protected":false},"author":1,"featured_media":107406,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-107402","page","type-page","status-publish","has-post-thumbnail","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/lux.floriantravel.com\/en\/wp-json\/wp\/v2\/pages\/107402","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lux.floriantravel.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lux.floriantravel.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lux.floriantravel.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lux.floriantravel.com\/en\/wp-json\/wp\/v2\/comments?post=107402"}],"version-history":[{"count":7,"href":"https:\/\/lux.floriantravel.com\/en\/wp-json\/wp\/v2\/pages\/107402\/revisions"}],"predecessor-version":[{"id":107416,"href":"https:\/\/lux.floriantravel.com\/en\/wp-json\/wp\/v2\/pages\/107402\/revisions\/107416"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/lux.floriantravel.com\/en\/wp-json\/wp\/v2\/media\/107406"}],"wp:attachment":[{"href":"https:\/\/lux.floriantravel.com\/en\/wp-json\/wp\/v2\/media?parent=107402"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}