{"id":6334,"date":"2026-01-18T11:04:56","date_gmt":"2026-01-18T09:04:56","guid":{"rendered":"https:\/\/aromakiveri.com\/?page_id=6334"},"modified":"2026-01-19T12:23:14","modified_gmt":"2026-01-19T10:23:14","slug":"secure-online-payments-with-stripe","status":"publish","type":"page","link":"https:\/\/aromakiveri.com\/el\/secure-online-payments-with-stripe\/","title":{"rendered":"Secure Online Payments with Stripe upgrade"},"content":{"rendered":"
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Secure & Flexible Payments - Aroma Accommodations<\/title>\r\n <!-- Load Stripe Buy Button script ONCE in the head -->\r\n <script async src=\"https:\/\/js.stripe.com\/v3\/buy-button.js\"><\/script>\r\n <style>\r\n :root {\r\n --primary-blue: #0066b2;\r\n --primary-blue-light: #4a9fd8;\r\n --accent-teal: #00a19a;\r\n --neutral-dark: #2c3e50;\r\n --neutral-medium: #7f8c8d;\r\n --neutral-light: #ecf0f1;\r\n --background-white: #ffffff;\r\n --background-light: #f8f9fa;\r\n --border-color: #e1e8ed;\r\n --success-green: #27ae60;\r\n --warning-yellow: #ffc107;\r\n --warning-background: rgba(255, 193, 7, 0.1);\r\n }\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n line-height: 1.6;\r\n color: var(--neutral-dark);\r\n background-color: var(--background-light);\r\n }\r\n\r\n .container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 60px 20px;\r\n }\r\n\r\n \/* Hero Section *\/\r\n .hero-section {\r\n text-align: center;\r\n margin-bottom: 60px; \/* This will now be part of welcome\/klarna section *\/\r\n }\r\n\r\n .badge {\r\n display: inline-flex;\r\n align-items: center;\r\n padding: 6px 16px;\r\n background-color: rgba(0, 102, 178, 0.05);\r\n border: 2px solid var(--primary-blue);\r\n border-radius: 20px;\r\n color: var(--primary-blue);\r\n font-size: 14px;\r\n font-weight: 600;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .badge svg {\r\n margin-right: 8px;\r\n }\r\n\r\n h1 {\r\n font-size: 3em;\r\n color: var(--neutral-dark);\r\n margin-bottom: 20px;\r\n font-weight: 700;\r\n }\r\n\r\n .hero-subtitle {\r\n font-size: 1.3em;\r\n color: var(--neutral-medium);\r\n max-width: 800px;\r\n margin: 0 auto;\r\n line-height: 1.6;\r\n }\r\n\r\n .hero-subtitle .highlight {\r\n color: var(--primary-blue);\r\n font-weight: 600;\r\n }\r\n\r\n \/* Card Styles *\/\r\n .card {\r\n background: var(--background-white);\r\n border-radius: 12px;\r\n padding: 30px;\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\r\n margin-bottom: 30px;\r\n border: 1px solid var(--border-color);\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .card:hover {\r\n box-shadow: 0 4px 16px rgba(0, 102, 178, 0.15);\r\n border-color: var(--primary-blue-light);\r\n }\r\n\r\n .card-header {\r\n margin-bottom: 20px;\r\n }\r\n\r\n .card-title {\r\n font-size: 1.8em;\r\n color: var(--neutral-dark);\r\n margin-bottom: 10px;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .card-title svg {\r\n margin-right: 12px;\r\n color: var(--primary-blue);\r\n }\r\n\r\n .card-description {\r\n color: var(--neutral-medium);\r\n font-size: 1.05em;\r\n }\r\n\r\n \/* Features Grid *\/\r\n .features-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n gap: 20px;\r\n margin-bottom: 50px;\r\n }\r\n\r\n .feature-card {\r\n background: var(--background-white);\r\n border-radius: 10px;\r\n padding: 25px;\r\n border: 1px solid var(--border-color);\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .feature-card:hover {\r\n border-color: var(--primary-blue);\r\n transform: translateY(-3px);\r\n }\r\n\r\n .feature-content {\r\n display: flex;\r\n align-items: flex-start;\r\n }\r\n\r\n .feature-icon {\r\n flex-shrink: 0;\r\n margin-right: 15px;\r\n margin-top: 3px;\r\n }\r\n\r\n .feature-title {\r\n font-weight: 600;\r\n color: var(--neutral-dark);\r\n margin-bottom: 6px;\r\n font-size: 1.05em;\r\n }\r\n\r\n .feature-description {\r\n color: var(--neutral-medium);\r\n font-size: 0.9em;\r\n }\r\n\r\n \/* Klarna Section *\/\r\n .klarna-section {\r\n background: linear-gradient(135deg, rgba(0, 102, 178, 0.03) 0%, rgba(74, 159, 216, 0.03) 100%);\r\n border: 1px solid rgba(0, 102, 178, 0.2);\r\n }\r\n\r\n .section-content {\r\n margin-top: 25px;\r\n }\r\n\r\n .subsection {\r\n margin-bottom: 30px;\r\n }\r\n\r\n .subsection-title {\r\n font-size: 1.2em;\r\n font-weight: 600;\r\n color: var(--neutral-dark);\r\n margin-bottom: 15px;\r\n }\r\n\r\n .payment-type {\r\n background: var(--background-light);\r\n padding: 20px;\r\n border-radius: 8px;\r\n margin-bottom: 15px;\r\n border-left: 4px solid var(--primary-blue);\r\n }\r\n\r\n .payment-type-title {\r\n color: var(--primary-blue);\r\n font-weight: 600;\r\n margin-bottom: 8px;\r\n }\r\n\r\n .payment-type-description {\r\n color: var(--neutral-medium);\r\n font-size: 0.95em;\r\n margin-bottom: 8px;\r\n }\r\n\r\n .payment-example {\r\n font-weight: 600;\r\n color: var(--neutral-dark);\r\n font-size: 0.95em;\r\n }\r\n\r\n .separator {\r\n height: 1px;\r\n background: var(--border-color);\r\n margin: 20px 0;\r\n }\r\n\r\n \/* Benefits List *\/\r\n .benefits-list {\r\n display: grid;\r\n gap: 12px;\r\n }\r\n\r\n .benefit-item {\r\n display: flex;\r\n align-items: flex-start;\r\n }\r\n\r\n .benefit-item svg {\r\n flex-shrink: 0;\r\n margin-right: 12px;\r\n margin-top: 2px;\r\n }\r\n\r\n \/* Eligibility List *\/\r\n .eligibility-list {\r\n list-style: none;\r\n }\r\n\r\n .eligibility-list li {\r\n padding-left: 20px;\r\n position: relative;\r\n color: var(--neutral-medium);\r\n margin-bottom: 10px;\r\n }\r\n\r\n .eligibility-list li:before {\r\n content: \"\u2022\";\r\n position: absolute;\r\n left: 0;\r\n color: var(--primary-blue);\r\n font-weight: bold;\r\n }\r\n\r\n \/* Table *\/\r\n .table-container {\r\n overflow-x: auto;\r\n margin-top: 20px;\r\n }\r\n\r\n table {\r\n width: 100%;\r\n border-collapse: collapse;\r\n }\r\n\r\n th {\r\n text-align: left;\r\n padding: 15px;\r\n font-weight: 600;\r\n color: var(--neutral-dark);\r\n border-bottom: 2px solid var(--border-color);\r\n font-size: 0.95em;\r\n }\r\n\r\n td {\r\n padding: 15px;\r\n border-bottom: 1px solid var(--border-color);\r\n font-size: 0.95em;\r\n }\r\n\r\n tr:last-child td {\r\n font-weight: 600;\r\n background: rgba(0, 102, 178, 0.03);\r\n }\r\n\r\n .table-note {\r\n font-size: 0.85em;\r\n color: var(--neutral-medium);\r\n font-style: italic;\r\n margin-top: 15px;\r\n }\r\n\r\n \/* CTA Section *\/\r\n .cta-section {\r\n background: linear-gradient(135deg, rgba(0, 102, 178, 0.05) 0%, rgba(0, 161, 154, 0.05) 100%);\r\n border: 1px solid rgba(0, 102, 178, 0.2);\r\n }\r\n\r\n .cta-content {\r\n margin-top: 25px;\r\n }\r\n\r\n .cta-subsection {\r\n margin-bottom: 30px;\r\n }\r\n\r\n .cta-label {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-weight: 600;\r\n margin-bottom: 15px;\r\n color: var(--neutral-dark);\r\n }\r\n\r\n .cta-label svg {\r\n margin-right: 10px;\r\n }\r\n\r\n .button-group {\r\n display: flex;\r\n justify-content: center;\r\n gap: 15px;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .btn {\r\n display: inline-flex;\r\n align-items: center;\r\n padding: 12px 30px;\r\n border-radius: 6px;\r\n text-decoration: none;\r\n font-weight: 600;\r\n transition: all 0.3s ease;\r\n border: 2px solid;\r\n cursor: pointer;\r\n }\r\n\r\n .btn-outline {\r\n background: var(--background-white);\r\n color: var(--primary-blue);\r\n border-color: var(--primary-blue);\r\n }\r\n\r\n .btn-outline:hover {\r\n background: var(--primary-blue);\r\n color: white;\r\n }\r\n\r\n .btn-primary {\r\n background: var(--primary-blue);\r\n color: white;\r\n border-color: var(--primary-blue);\r\n font-size: 1.1em;\r\n padding: 15px 40px;\r\n }\r\n\r\n .btn-primary:hover {\r\n background: var(--primary-blue-light);\r\n border-color: var(--primary-blue-light);\r\n }\r\n\r\n .btn svg {\r\n margin-right: 8px;\r\n }\r\n\r\n .payment-methods-list {\r\n max-width: 500px;\r\n margin: 0 auto;\r\n }\r\n\r\n .payment-method-item {\r\n display: flex;\r\n align-items: center;\r\n padding: 10px 0;\r\n font-size: 0.95em;\r\n }\r\n\r\n .payment-method-item svg {\r\n margin-right: 10px;\r\n flex-shrink: 0;\r\n }\r\n\r\n .cta-note {\r\n text-align: center;\r\n color: var(--neutral-medium);\r\n font-size: 0.9em;\r\n margin-top: 20px;\r\n }\r\n\r\n \/* Icons *\/\r\n .icon-shield { color: var(--primary-blue); }\r\n .icon-check { color: var(--primary-blue); }\r\n .icon-sparkles { color: var(--primary-blue); }\r\n .icon-credit { color: var(--primary-blue); }\r\n .icon-calendar { color: var(--primary-blue); }\r\n .icon-home { color: var(--primary-blue); }\r\n\r\n \/* Other Payment Options Section Specific Styles *\/\r\n .other-payments-section .card-title {\r\n color: var(--neutral-dark);\r\n }\r\n .payment-options-grid {\r\n display: grid;\r\n \/* Default for larger screens than mobile: Try to fit 2 columns *\/\r\n grid-template-columns: repeat(2, 1fr); \/* FORCES 2 COLUMNS ON DESKTOP *\/\r\n gap: 20px;\r\n margin-top: 25px;\r\n }\r\n .payment-option-card {\r\n background: var(--background-light);\r\n border-radius: 10px;\r\n padding: 20px;\r\n border: 1px solid var(--border-color);\r\n transition: all 0.3s ease;\r\n text-align: center;\r\n }\r\n .payment-option-card:hover {\r\n border-color: var(--primary-blue-light);\r\n box-shadow: 0 2px 8px rgba(0, 102, 178, 0.1);\r\n cursor: pointer; \/* Indicate it's clickable for copy *\/\r\n }\r\n .payment-option-card .card-icon {\r\n font-size: 2.2em;\r\n margin-bottom: 15px;\r\n color: var(--accent-teal);\r\n }\r\n .payment-option-card h3 {\r\n font-size: 1.2em;\r\n color: var(--neutral-dark);\r\n margin-bottom: 10px;\r\n }\r\n .payment-option-card p {\r\n font-size: 0.9em;\r\n color: var(--neutral-medium);\r\n margin-bottom: 6px;\r\n line-height: 1.4;\r\n }\r\n .payment-option-card p strong {\r\n color: var(--neutral-dark);\r\n }\r\n .payment-option-card code {\r\n background-color: var(--background-white);\r\n border-radius: 4px;\r\n padding: 2px 5px;\r\n font-family: 'Courier New', Courier, monospace;\r\n font-size: 0.85em;\r\n color: var(--neutral-dark);\r\n display: block;\r\n word-break: break-all;\r\n margin: 5px 0;\r\n cursor: pointer; \/* Indicate it's clickable for copy *\/\r\n position: relative;\r\n }\r\n .payment-option-card code:after {\r\n content: \"Copy\";\r\n position: absolute;\r\n right: 5px;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n font-size: 0.7em;\r\n color: var(--primary-blue);\r\n opacity: 0;\r\n transition: opacity 0.2s ease-in-out;\r\n }\r\n .payment-option-card code:hover:after {\r\n opacity: 1;\r\n }\r\n .payment-option-card a {\r\n color: var(--primary-blue);\r\n text-decoration: none;\r\n font-weight: 600;\r\n }\r\n .payment-option-card a:hover {\r\n text-decoration: underline;\r\n }\r\n \/* Important Notes Section *\/\r\n .important-notes-section {\r\n background-color: var(--warning-background);\r\n border-left: 5px solid var(--warning-yellow);\r\n border-radius: 8px;\r\n padding: 20px 25px;\r\n margin-top: 30px;\r\n margin-bottom: 20px;\r\n color: var(--neutral-dark);\r\n }\r\n .important-notes-section p {\r\n font-weight: 600;\r\n margin-bottom: 10px;\r\n display: flex;\r\n align-items: center;\r\n color: var(--neutral-dark);\r\n }\r\n .important-notes-section p svg {\r\n color: var(--warning-yellow);\r\n font-size: 1.2em;\r\n margin-right: 10px;\r\n flex-shrink: 0;\r\n }\r\n .important-notes-section ul {\r\n list-style: none;\r\n padding-left: 0;\r\n margin-left: 0;\r\n }\r\n .important-notes-section ul li {\r\n position: relative;\r\n padding-left: 25px;\r\n margin-bottom: 8px;\r\n font-size: 0.9em;\r\n color: var(--neutral-medium);\r\n }\r\n .important-notes-section ul li:before {\r\n content: \"\u2022\";\r\n position: absolute;\r\n left: 0;\r\n color: var(--warning-yellow);\r\n font-weight: bold;\r\n font-size: 1.2em;\r\n line-height: 1;\r\n }\r\n\r\n \/* Styling for new welcome section text *\/\r\n .welcome-section .card-title {\r\n font-size: 2.5em;\r\n }\r\n .welcome-section .card-description {\r\n font-size: 1.1em;\r\n max-width: 900px;\r\n margin: 0 auto 20px auto;\r\n }\r\n .welcome-section .subsection-title {\r\n font-size: 1.5em;\r\n margin-bottom: 15px;\r\n }\r\n .welcome-section p {\r\n font-size: 1em;\r\n color: var(--neutral-dark);\r\n line-height: 1.6;\r\n }\r\n .welcome-section .important-note {\r\n background-color: var(--warning-background);\r\n border-left: 5px solid var(--warning-yellow);\r\n border-radius: 8px;\r\n padding: 15px 20px;\r\n margin-top: 25px !important;\r\n font-size: 0.95em;\r\n color: var(--neutral-dark);\r\n }\r\n .welcome-section .important-note strong {\r\n color: var(--neutral-dark);\r\n }\r\n\r\n \/* Stripe Buy Button Section Specific Styles *\/\r\n .stripe-buy-button-section stripe-buy-button {\r\n display: block;\r\n margin: 20px auto;\r\n width: 100%; \/* Ensure it always takes 100% of its *parent's* available width *\/\r\n max-width: 350px; \/* A slightly wider max-width for aesthetic, but it will scale down *\/\r\n \/* Added responsive styles for the button itself if needed, but the web component usually handles this *\/\r\n --stripe-buy-button-base-font-size: 16px; \/* Example of custom property *\/\r\n --stripe-buy-button-base-padding: 15px 25px;\r\n }\r\n .stripe-buy-button-section ul {\r\n list-style: none;\r\n padding-left: 0;\r\n }\r\n .stripe-buy-button-section ul li {\r\n position: relative;\r\n padding-left: 25px;\r\n margin-bottom: 8px;\r\n font-size: 0.95em;\r\n color: var(--neutral-medium);\r\n }\r\n .stripe-buy-button-section ul li:before {\r\n content: \"\u2705\";\r\n position: absolute;\r\n left: 0;\r\n color: var(--success-green);\r\n font-weight: bold;\r\n font-size: 1.2em;\r\n line-height: 1;\r\n }\r\n\r\n \/* Contact Us Section Specific Styles *\/\r\n .contact-section .contact-info {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 15px;\r\n margin-top: 20px;\r\n }\r\n .contact-section .contact-item {\r\n display: flex;\r\n align-items: center;\r\n font-size: 1.1em;\r\n color: var(--neutral-dark);\r\n text-decoration: none; \/* For the link text *\/\r\n }\r\n .contact-section .contact-item:hover {\r\n text-decoration: underline;\r\n color: var(--primary-blue);\r\n }\r\n .contact-section .contact-item svg {\r\n margin-right: 10px;\r\n color: var(--primary-blue); \/* Accent color for icons *\/\r\n flex-shrink: 0;\r\n }\r\n .contact-section .contact-name {\r\n font-size: 1.4em;\r\n font-weight: 600;\r\n color: var(--primary-blue);\r\n margin-bottom: 15px;\r\n text-align: center; \/* Added for centering *\/\r\n }\r\n\r\n \/* Responsive *\/\r\n @media (max-width: 768px) {\r\n h1 {\r\n font-size: 2.2em;\r\n }\r\n .hero-subtitle {\r\n font-size: 1.1em;\r\n }\r\n .features-grid, .payment-options-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n .card {\r\n padding: 20px;\r\n }\r\n .button-group {\r\n flex-direction: column;\r\n }\r\n .btn {\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n .payment-option-card code {\r\n font-size: 0.8em;\r\n }\r\n .welcome-section .card-title {\r\n font-size: 1.8em;\r\n }\r\n .welcome-section .card-description, .welcome-section p {\r\n font-size: 0.9em;\r\n }\r\n .welcome-section .subsection-title {\r\n font-size: 1.3em;\r\n }\r\n .stripe-buy-button-section stripe-buy-button {\r\n max-width: none; \/* Crucial: Overrides the desktop max-width *\/\r\n width: 100%; \/* Ensure it takes full width *\/\r\n margin-left: 0; \/* Ensure no auto left margin on mobile *\/\r\n margin-right: 0; \/* Ensure no auto right margin on mobile *\/\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body data-rsssl=1 data-rsssl=\"1\">\r\n <div class=\"container\">\r\n <!-- Section 1: Hero and Quick & Flexible Payment (Custom Amount) -->\r\n <div class=\"card welcome-section\">\r\n <div class=\"card-header\" style=\"text-align: center;\">\r\n <h1 class=\"card-title\" style=\"justify-content: center;\">\u039a\u03b1\u03bb\u03ce\u03c2 \u03ae\u03bb\u03b8\u03b1\u03c4\u03b5 \u03c3\u03c4\u03b7 \u03a3\u03b5\u03bb\u03af\u03b4\u03b1 \u03c0\u03bb\u03b7\u03c1\u03c9\u03bc\u03ce\u03bd \u03c4\u03bf\u03c5 Aroma<\/h1>\r\n <p class=\"card-description\">\u0395\u03af\u03bc\u03b1\u03c3\u03c4\u03b5 \u03c3\u03c4\u03b7\u03bd \u03b5\u03c5\u03c7\u03ac\u03c1\u03b9\u03c3\u03c4\u03b7 \u03b8\u03ad\u03c3\u03b7 \u03bd\u03b1 \u03c3\u03b1\u03c2 \u03c0\u03c1\u03bf\u03c3\u03c6\u03ad\u03c1\u03bf\u03c5\u03bc\u03b5 \u03ad\u03bd\u03b1\u03bd \u03b1\u03c3\u03c6\u03b1\u03bb\u03ae \u03ba\u03b1\u03b9 \u03b2\u03bf\u03bb\u03b9\u03ba\u03cc \u03c4\u03c1\u03cc\u03c0\u03bf \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03ba\u03ac\u03bd\u03b5\u03c4\u03b5 \u03c0\u03bb\u03b7\u03c1\u03c9\u03bc\u03ad\u03c2 \u03bc\u03ad\u03c3\u03c9 \u03c4\u03b7\u03c2 \u03c6\u03cc\u03c1\u03bc\u03b1\u03c2 \u03c0\u03bb\u03b7\u03c1\u03c9\u03bc\u03ae\u03c2 Stripe. \u0391\u03c5\u03c4\u03ae \u03b7 \u03c3\u03b5\u03bb\u03af\u03b4\u03b1 \u03ad\u03c7\u03b5\u03b9 \u03c3\u03c7\u03b5\u03b4\u03b9\u03b1\u03c3\u03c4\u03b5\u03af \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03b4\u03b9\u03b1\u03c3\u03c6\u03b1\u03bb\u03af\u03b6\u03b5\u03b9 \u03cc\u03c4\u03b9 \u03bf\u03b9 \u03c3\u03c5\u03bd\u03b1\u03bb\u03bb\u03b1\u03b3\u03ad\u03c2 \u03c3\u03b1\u03c2 \u03b4\u03b9\u03b5\u03ba\u03c0\u03b5\u03c1\u03b1\u03b9\u03ce\u03bd\u03bf\u03bd\u03c4\u03b1\u03b9 \u03bf\u03bc\u03b1\u03bb\u03ac \u03ba\u03b1\u03b9 \u03bc\u03b5 \u03b1\u03c3\u03c6\u03ac\u03bb\u03b5\u03b9\u03b1.<\/p>\r\n <\/div>\r\n <div class=\"section-content\">\r\n <h2 class=\"subsection-title\">\u03a0\u03ce\u03c2 \u03bd\u03b1 \u03ba\u03ac\u03bd\u03b5\u03c4\u03b5 \u03bc\u03b9\u03b1 \u03c0\u03bb\u03b7\u03c1\u03c9\u03bc\u03ae<\/h2>\r\n <p>\u0397 \u03c0\u03c1\u03b1\u03b3\u03bc\u03b1\u03c4\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7 \u03bc\u03b9\u03b1\u03c2 \u03c0\u03bb\u03b7\u03c1\u03c9\u03bc\u03ae\u03c2 \u03b5\u03af\u03bd\u03b1\u03b9 \u03b1\u03c0\u03bb\u03ae. \u0391\u03c0\u03bb\u03ce\u03c2 \u03c3\u03c5\u03bc\u03c0\u03bb\u03b7\u03c1\u03ce\u03c3\u03c4\u03b5 \u03c4\u03b1 \u03b1\u03c0\u03b1\u03b9\u03c4\u03bf\u03cd\u03bc\u03b5\u03bd\u03b1 \u03c0\u03b5\u03b4\u03af\u03b1 \u03c3\u03c4\u03b7 \u03c6\u03cc\u03c1\u03bc\u03b1 \u03c0\u03bb\u03b7\u03c1\u03c9\u03bc\u03ae\u03c2 Stripe, \u03c3\u03c5\u03bc\u03c0\u03b5\u03c1\u03b9\u03bb\u03b1\u03bc\u03b2\u03b1\u03bd\u03bf\u03bc\u03ad\u03bd\u03bf\u03c5 \u03c4\u03bf\u03c5 ID \u03ba\u03c1\u03ac\u03c4\u03b7\u03c3\u03b7\u03c2 \u03c3\u03b1\u03c2 \u03ba\u03b1\u03b9 \u03c0\u03b1\u03c4\u03ae\u03c3\u03c4\u03b5 \"\u039f\u03bb\u03bf\u03ba\u03bb\u03ae\u03c1\u03c9\u03c3\u03b7\" \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03bf\u03bb\u03bf\u03ba\u03bb\u03b7\u03c1\u03c9\u03b8\u03b5\u03af \u03b7 \u03c3\u03c5\u03bd\u03b1\u03bb\u03bb\u03b1\u03b3\u03ae. \u0398\u03b1 \u03bb\u03ac\u03b2\u03b5\u03c4\u03b5 \u03ad\u03bd\u03b1 email \u03b5\u03c0\u03b9\u03b2\u03b5\u03b2\u03b1\u03af\u03c9\u03c3\u03b7\u03c2 \u03bc\u03cc\u03bb\u03b9\u03c2 \u03b4\u03b9\u03b5\u03ba\u03c0\u03b5\u03c1\u03b1\u03b9\u03c9\u03b8\u03b5\u03af \u03bc\u03b5 \u03b5\u03c0\u03b9\u03c4\u03c5\u03c7\u03af\u03b1 \u03b7 \u03c0\u03bb\u03b7\u03c1\u03c9\u03bc\u03ae \u03c3\u03b1\u03c2.<\/p>\r\n <p class=\"important-note\" style=\"margin-top: 20px;\"><strong>\u03a3\u03b7\u03bc\u03b1\u03bd\u03c4\u03b9\u03ba\u03cc:<\/strong> \u03a0\u03b1\u03c1\u03b1\u03ba\u03b1\u03bb\u03bf\u03cd\u03bc\u03b5 \u03b5\u03bb\u03ad\u03b3\u03be\u03c4\u03b5 \u03ba\u03b1\u03b9 \u03b1\u03c0\u03bf\u03b4\u03b5\u03c7\u03c4\u03b5\u03af\u03c4\u03b5 \u03c4\u03b7 \u03c3\u03c5\u03bc\u03c6\u03c9\u03bd\u03af\u03b1 \u03c3\u03c5\u03bd\u03b1\u03af\u03bd\u03b5\u03c3\u03b7\u03c2 \u03c0\u03c1\u03b9\u03bd \u03c0\u03c1\u03bf\u03c7\u03c9\u03c1\u03ae\u03c3\u03b5\u03c4\u03b5 \u03c3\u03c4\u03b7\u03bd \u03c0\u03bb\u03b7\u03c1\u03c9\u03bc\u03ae \u03c3\u03b1\u03c2. \u0397 \u03c3\u03c5\u03b3\u03ba\u03b1\u03c4\u03ac\u03b8\u03b5\u03c3\u03ae \u03c3\u03b1\u03c2 \u03b5\u03af\u03bd\u03b1\u03b9 \u03b1\u03c0\u03b1\u03c1\u03b1\u03af\u03c4\u03b7\u03c4\u03b7 \u03b3\u03b9\u03b1 \u03c4\u03b7\u03bd \u03bf\u03c1\u03b8\u03ae \u03bb\u03b5\u03b9\u03c4\u03bf\u03c5\u03c1\u03b3\u03af\u03b1 \u03b1\u03c5\u03c4\u03ae\u03c2 \u03c4\u03b7\u03c2 \u03c3\u03b5\u03bb\u03af\u03b4\u03b1\u03c2 \u03ba\u03b1\u03b9 \u03b3\u03b9\u03b1 \u03c4\u03b7\u03bd \u03c0\u03c1\u03bf\u03c3\u03c4\u03b1\u03c3\u03af\u03b1 \u03c4\u03b7\u03c2 \u03c3\u03c5\u03bd\u03b1\u03bb\u03bb\u03b1\u03b3\u03ae\u03c2 \u03c3\u03b1\u03c2.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"card stripe-buy-button-section\">\r\n <div class=\"card-header\" style=\"text-align: center;\">\r\n <div class=\"card-title\" style=\"justify-content: center;\">\r\n <svg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <rect x=\"1\" y=\"4\" width=\"22\" height=\"16\" rx=\"2\" ry=\"2\"\/>\r\n <line x1=\"1\" y1=\"10\" x2=\"23\" y2=\"10\"\/>\r\n <\/svg>\r\n \u0393\u03c1\u03ae\u03b3\u03bf\u03c1\u03b7 \u03ba\u03b1\u03b9 \u03b5\u03c5\u03ad\u03bb\u03b9\u03ba\u03c4\u03b7 \u03c0\u03bb\u03b7\u03c1\u03c9\u03bc\u03ae (\u03a0\u03c1\u03bf\u03c3\u03b1\u03c1\u03bc\u03bf\u03c3\u03bc\u03ad\u03bd\u03bf \u03c0\u03bf\u03c3\u03cc)\r\n <\/div>\r\n <div class=\"card-description\">\r\n \u03a7\u03c1\u03b5\u03b9\u03ac\u03b6\u03b5\u03c4\u03b1\u03b9 \u03bd\u03b1 \u03c0\u03bb\u03b7\u03c1\u03ce\u03c3\u03b5\u03c4\u03b5 \u03ad\u03bd\u03b1 \u03c3\u03c5\u03b3\u03ba\u03b5\u03ba\u03c1\u03b9\u03bc\u03ad\u03bd\u03bf \u03c0\u03bf\u03c3\u03cc \u03c0\u03bf\u03c5 \u03b4\u03b5\u03bd \u03ba\u03b1\u03bb\u03cd\u03c0\u03c4\u03b5\u03c4\u03b1\u03b9 \u03b1\u03c0\u03cc \u03bc\u03b9\u03b1 \u03c4\u03c5\u03c0\u03b9\u03ba\u03ae \u03ba\u03c1\u03ac\u03c4\u03b7\u03c3\u03b7; \u03a7\u03c1\u03b7\u03c3\u03b9\u03bc\u03bf\u03c0\u03bf\u03b9\u03ae\u03c3\u03c4\u03b5 \u03c4\u03bf \u03b1\u03c3\u03c6\u03b1\u03bb\u03ad\u03c2 \u03ba\u03bf\u03c5\u03bc\u03c0\u03af \"Payment to Aroma\" \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03b5\u03b9\u03c3\u03b1\u03b3\u03ac\u03b3\u03b5\u03c4\u03b5 \u03bf\u03c0\u03bf\u03b9\u03bf\u03b4\u03ae\u03c0\u03bf\u03c4\u03b5 \u03c0\u03c1\u03bf\u03c3\u03b1\u03c1\u03bc\u03bf\u03c3\u03bc\u03ad\u03bd\u03bf \u03c0\u03bf\u03c3\u03cc \u03b3\u03b9\u03b1 \u03c4\u03b7\u03bd \u03c0\u03c1\u03bf\u03ba\u03b1\u03c4\u03b1\u03b2\u03bf\u03bb\u03ae, \u03c4\u03bf \u03c5\u03c0\u03cc\u03bb\u03bf\u03b9\u03c0\u03bf \u03c4\u03b7\u03c2 \u03ba\u03c1\u03ac\u03c4\u03b7\u03c3\u03ae\u03c2 \u03c3\u03b1\u03c2 \u03ae \u03bf\u03c0\u03bf\u03b9\u03b1\u03b4\u03ae\u03c0\u03bf\u03c4\u03b5 \u03ac\u03bb\u03bb\u03b7 \u03c5\u03c0\u03b7\u03c1\u03b5\u03c3\u03af\u03b1.\r\n <\/div>\r\n <\/div>\r\n <div class=\"section-content\" style=\"text-align: center; padding-top: 20px;\">\r\n <stripe-buy-button\r\n buy-button-id=\"buy_btn_1SqIGcE80ywVRO07kpwRxLPK\"\r\n publishable-key=\"pk_live_51ExITgE80ywVRO07n5ChizZj1EcNPbS4bi6oCXK0SmvOLLZsjr4d4PQk2PykcEbbKdT5fIDiaQAkGFgCaMTMWxLr00CDfvR11b\"\r\n >\r\n <\/stripe-buy-button>\r\n <div style=\"margin-top: 20px; text-align: left; max-width: 400px; margin-left: auto; margin-right: auto;\">\r\n <p><strong>\u0393\u03b9\u03b1\u03c4\u03af \u03bd\u03b1 \u03c4\u03bf \u03c7\u03c1\u03b7\u03c3\u03b9\u03bc\u03bf\u03c0\u03bf\u03b9\u03ae\u03c3\u03b5\u03c4\u03b5;<\/strong><\/p>\r\n <ul>\r\n <li>\u0399\u03b4\u03b1\u03bd\u03b9\u03ba\u03cc \u03b3\u03b9\u03b1 \u03bc\u03b5\u03c1\u03b9\u03ba\u03ad\u03c2 \u03c0\u03bb\u03b7\u03c1\u03c9\u03bc\u03ad\u03c2 \u03ae \u03c3\u03c5\u03b3\u03ba\u03b5\u03ba\u03c1\u03b9\u03bc\u03ad\u03bd\u03b5\u03c2 \u03c7\u03c1\u03b5\u03ce\u03c3\u03b5\u03b9\u03c2 \u03c5\u03c0\u03b7\u03c1\u03b5\u03c3\u03b9\u03ce\u03bd<\/li>\r\n <li>\u0395\u03c3\u03b5\u03af\u03c2 \u03b1\u03c0\u03bf\u03c6\u03b1\u03c3\u03af\u03b6\u03b5\u03c4\u03b5 \u03c4\u03bf \u03c0\u03bf\u03c3\u03cc<\/li>\r\n <li>\u0391\u03c3\u03c6\u03b1\u03bb\u03ae\u03c2 \u03b5\u03c0\u03b5\u03be\u03b5\u03c1\u03b3\u03b1\u03c3\u03af\u03b1 \u03bc\u03ad\u03c3\u03c9 Stripe (\u03c3\u03c5\u03bc\u03c0\u03b5\u03c1\u03b9\u03bb\u03b1\u03bc\u03b2\u03b1\u03bd\u03bf\u03bc\u03ad\u03bd\u03b7\u03c2 \u03c4\u03b7\u03c2 Klarna \u03b5\u03ac\u03bd \u03b5\u03af\u03bd\u03b1\u03b9 \u03b4\u03b9\u03b1\u03b8\u03ad\u03c3\u03b9\u03bc\u03b7)<\/li>\r\n <li>\u0386\u03bc\u03b5\u03c3\u03b7 \u03b5\u03c0\u03b9\u03b2\u03b5\u03b2\u03b1\u03af\u03c9\u03c3\u03b7<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Section 2: Alternative Payment Methods -->\r\n <div class=\"card other-payments-section\">\r\n <div class=\"card-header\">\r\n <div class=\"card-title\">\r\n <svg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"><\/path>\r\n <polyline points=\"22,6 12,13 2,6\"><\/polyline>\r\n <\/svg>\r\n \u039b\u03bf\u03b9\u03c0\u03bf\u03af \u03a4\u03c1\u03cc\u03c0\u03bf\u03b9 \u03a0\u03bb\u03b7\u03c1\u03c9\u03bc\u03ae\u03c2\r\n <\/div>\r\n <div class=\"card-description\">\r\n \u0393\u03b9\u03b1 \u03c4\u03b7\u03bd \u03ba\u03b1\u03bb\u03cd\u03c4\u03b5\u03c1\u03b7 \u03b5\u03be\u03c5\u03c0\u03b7\u03c1\u03ad\u03c4\u03b7\u03c3\u03ae \u03c3\u03b1\u03c2, \u03c0\u03c1\u03bf\u03c3\u03c6\u03ad\u03c1\u03bf\u03c5\u03bc\u03b5 \u03b5\u03c0\u03af\u03c3\u03b7\u03c2 \u03c4\u03b9\u03c2 \u03b1\u03ba\u03cc\u03bb\u03bf\u03c5\u03b8\u03b5\u03c2 \u03b5\u03c0\u03b9\u03bb\u03bf\u03b3\u03ad\u03c2. \u039b\u03ac\u03b2\u03b5\u03c4\u03b5 \u03c5\u03c0\u03cc\u03c8\u03b7 \u03cc\u03c4\u03b9 \u03b1\u03c5\u03c4\u03ad\u03c2 \u03bf\u03b9 \u03bc\u03ad\u03b8\u03bf\u03b4\u03bf\u03b9 \u03b4\u03b5\u03bd \u03c5\u03c0\u03bf\u03c3\u03c4\u03b7\u03c1\u03af\u03b6\u03bf\u03c5\u03bd \u03b4\u03cc\u03c3\u03b5\u03b9\u03c2 Klarna.\r\n <\/div>\r\n <\/div>\r\n <div class=\"section-content\">\r\n <div class=\"payment-options-grid\">\r\n <div class=\"payment-option-card\">\r\n <div class=\"card-icon\">\r\n <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <rect x=\"3\" y=\"6\" width=\"18\" height=\"12\" rx=\"2\"><\/rect>\r\n <path d=\"M3 10h18M7 15h1M7 11h1\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n <h3>\u03a4\u03c1\u03b1\u03c0\u03b5\u03b6\u03b9\u03ba\u03ae \u039c\u03b5\u03c4\u03b1\u03c6\u03bf\u03c1\u03ac (\u03a4\u03c1\u03ac\u03c0\u03b5\u03b6\u03b1 \u03a0\u03b5\u03b9\u03c1\u03b1\u03b9\u03ce\u03c2)<\/h3>\r\n <p><strong>\u0394\u03b9\u03ba\u03b1\u03b9\u03bf\u03cd\u03c7\u03bf\u03c2:<\/strong> \u03a0\u03b1\u03bd\u03b1\u03b3\u03b9\u03ce\u03c4\u03b7\u03c2 \u039a\u03bf\u03c5\u03c1\u03bf\u03c5\u03bd\u03b9\u03ce\u03c4\u03b7\u03c2<\/p>\r\n <p><strong>IBAN:<\/strong> <code data-copy=\"GR35 0172 5180 0055 1810 9358 824\">GR35 0172 5180 0055 1810 9358 824<\/code><\/p>\r\n <p><strong>BIC:<\/strong> <code data-copy=\"PIRBGRAA\">PIRBGRAA<\/code><\/p>\r\n <\/div>\r\n <div class=\"payment-option-card\">\r\n <div class=\"card-icon\">\r\n <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\r\n <path d=\"M12 11h-2v2h2v2h-2v-2h-2V9h4v2z\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n <h3>\u039c\u03b5\u03c4\u03b1\u03c6\u03bf\u03c1\u03ac Revolut<\/h3>\r\n <p><strong>\u0394\u03b9\u03ba\u03b1\u03b9\u03bf\u03cd\u03c7\u03bf\u03c2:<\/strong> \u03a0\u03b1\u03bd\u03b1\u03b3\u03b9\u03ce\u03c4\u03b7\u03c2 \u039a\u03bf\u03c5\u03c1\u03bf\u03c5\u03bd\u03b9\u03ce\u03c4\u03b7\u03c2<\/p>\r\n <p><strong>IBAN:<\/strong> <code data-copy=\"LT25 3250 0354 7578 5854\">LT25 3250 0354 7578 5854<\/code><\/p>\r\n <p><strong>BIC:<\/strong> <code data-copy=\"REVOLT21\">REVOLT21<\/code><\/p>\r\n <\/div>\r\n <div class=\"payment-option-card\">\r\n <div class=\"card-icon\">\r\n <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M7 10h4V7H7zM13 10h4V7h-4zM7 17h4v-3H7zM13 17h4v-3h-4z\"><\/path>\r\n <path d=\"M22 6c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6z\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n <h3>PayPal<\/h3>\r\n <p>\u03a3\u03c4\u03b5\u03af\u03bb\u03c4\u03b5 \u03c4\u03b7\u03bd \u03c0\u03bb\u03b7\u03c1\u03c9\u03bc\u03ae \u03b1\u03c0\u03b5\u03c5\u03b8\u03b5\u03af\u03b1\u03c2 \u03c3\u03c4\u03bf\u03bd \u03bb\u03bf\u03b3\u03b1\u03c1\u03b9\u03b1\u03c3\u03bc\u03cc \u03bc\u03b1\u03c2:<\/p>\r\n <p><strong>\u039b\u03bf\u03b3\u03b1\u03c1\u03b9\u03b1\u03c3\u03bc\u03cc\u03c2:<\/strong> <a href=\"https:\/\/www.paypal.me\/AromaPayme\" target=\"_blank\" rel=\"noopener noreferrer\">AromaPay.me<\/a><\/p>\r\n <\/div>\r\n <div class=\"payment-option-card\">\r\n <div class=\"card-icon\">\r\n <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M13 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z\"><\/path>\r\n <polyline points=\"13 2 13 9 20 9\"><\/polyline>\r\n <\/svg>\r\n <\/div>\r\n <h3>\u03a0\u03bb\u03b7\u03c1\u03c9\u03bc\u03ae IRIS (\u039c\u03cc\u03bd\u03bf \u03b3\u03b9\u03b1 \u0395\u03bb\u03bb\u03ac\u03b4\u03b1)<\/h3>\r\n <p>\u0393\u03b9\u03b1 \u03ac\u03bc\u03b5\u03c3\u03b5\u03c2 \u03c0\u03bb\u03b7\u03c1\u03c9\u03bc\u03ad\u03c2 \u03b5\u03bd\u03c4\u03cc\u03c2 \u0395\u03bb\u03bb\u03ac\u03b4\u03b1\u03c2:<\/p>\r\n <p><strong>\u0391\u03a6\u039c \u0394\u03b9\u03ba\u03b1\u03b9\u03bf\u03cd\u03c7\u03bf\u03c5:<\/strong> <code data-copy=\"061310175\">061310175<\/code><\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"important-notes-section\">\r\n <p>\r\n <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z\"><\/path>\r\n <line x1=\"12\" y1=\"9\" x2=\"12\" y2=\"13\"><\/line>\r\n <line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"><\/line>\r\n <\/svg>\r\n <strong>\u03a3\u03b7\u03bc\u03b1\u03bd\u03c4\u03b9\u03ba\u03ad\u03c2 \u03a3\u03b7\u03bc\u03b5\u03b9\u03ce\u03c3\u03b5\u03b9\u03c2:<\/strong>\r\n <\/p>\r\n <ul>\r\n <li>\u0394\u03b5\u03bd \u03b5\u03af\u03bc\u03b1\u03c3\u03c4\u03b5 \u03c3\u03b5 \u03b8\u03ad\u03c3\u03b7 \u03bd\u03b1 \u03b5\u03ba\u03b4\u03af\u03b4\u03bf\u03c5\u03bc\u03b5 \u03c4\u03b9\u03bc\u03bf\u03bb\u03cc\u03b3\u03b9\u03b1 \u03b3\u03b9\u03b1 \u03c0\u03bb\u03b7\u03c1\u03c9\u03bc\u03ad\u03c2.<\/li>\r\n <li>\u039f\u03b9 \u03b5\u03c0\u03b9\u03c3\u03c4\u03c1\u03bf\u03c6\u03ad\u03c2 \u03c7\u03c1\u03b7\u03bc\u03ac\u03c4\u03c9\u03bd \u03b5\u03c0\u03b5\u03be\u03b5\u03c1\u03b3\u03ac\u03b6\u03bf\u03bd\u03c4\u03b1\u03b9 \u03bc\u03ad\u03c3\u03c9 Stripe \u03b3\u03b9\u03b1 \u03c0\u03bb\u03b7\u03c1\u03c9\u03bc\u03ad\u03c2 \u03bc\u03b5 \u03ba\u03ac\u03c1\u03c4\u03b1\/Klarna. \u039c\u03cc\u03bb\u03b9\u03c2 \u03be\u03b5\u03ba\u03b9\u03bd\u03ae\u03c3\u03bf\u03c5\u03bd, \u03bf\u03b9 \u03b5\u03c0\u03b9\u03c3\u03c4\u03c1\u03bf\u03c6\u03ad\u03c2 \u03c3\u03c5\u03bd\u03ae\u03b8\u03c9\u03c2 \u03c7\u03c1\u03b5\u03b9\u03ac\u03b6\u03bf\u03bd\u03c4\u03b1\u03b9 5-10 \u03b5\u03c1\u03b3\u03ac\u03c3\u03b9\u03bc\u03b5\u03c2 \u03b7\u03bc\u03ad\u03c1\u03b5\u03c2 \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03b5\u03bc\u03c6\u03b1\u03bd\u03b9\u03c3\u03c4\u03bf\u03cd\u03bd \u03c3\u03c4\u03bf\u03bd \u03bb\u03bf\u03b3\u03b1\u03c1\u03b9\u03b1\u03c3\u03bc\u03cc \u03c3\u03b1\u03c2, \u03b1\u03bd\u03ac\u03bb\u03bf\u03b3\u03b1 \u03bc\u03b5 \u03c4\u03bf\u03c5\u03c2 \u03c7\u03c1\u03cc\u03bd\u03bf\u03c5\u03c2 \u03b5\u03c0\u03b5\u03be\u03b5\u03c1\u03b3\u03b1\u03c3\u03af\u03b1\u03c2 \u03c4\u03b7\u03c2 \u03c4\u03c1\u03ac\u03c0\u03b5\u03b6\u03ac\u03c2 \u03c3\u03b1\u03c2.<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Section 3: Secure & Flexible Online Payments (Klarna & Features) -->\r\n <div class=\"card klarna-section\">\r\n <div class=\"card-header hero-section\" style=\"margin-bottom: 30px;\">\r\n <div class=\"badge\">\r\n <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M12 2L15 8L22 9L17 14L19 22L12 18L5 22L7 14L2 9L9 8L12 2Z\"\/>\r\n <\/svg>\r\n \u0394\u03b9\u03b1\u03b8\u03ad\u03c3\u03b9\u03bc\u03bf\u03c2 \u039d\u03ad\u03bf\u03c2 \u03a4\u03c1\u03cc\u03c0\u03bf\u03c2 \u03a0\u03bb\u03b7\u03c1\u03c9\u03bc\u03ce\u03bd\r\n <\/div>\r\n <h1 class=\"card-title\" style=\"justify-content: center;\">\u0391\u03c3\u03c6\u03b1\u03bb\u03b5\u03af\u03c2 \u03ba\u03b1\u03b9 \u0395\u03c5\u03ad\u03bb\u03b9\u03ba\u03c4\u03b5\u03c2 \u0397\u03bb\u03b5\u03ba\u03c4\u03c1\u03bf\u03bd\u03b9\u03ba\u03ad\u03c2 \u03a0\u03bb\u03b7\u03c1\u03c9\u03bc\u03ad\u03c2<\/h1>\r\n <p class=\"hero-subtitle\">\r\n \u03a0\u03bb\u03b7\u03c1\u03ce\u03c3\u03c4\u03b5 \u03c4\u03bf\u03bd \u03c4\u03c1\u03cc\u03c0\u03bf \u03c3\u03b1\u03c2: \u03a0\u03b9\u03c3\u03c4\u03c9\u03c4\u03b9\u03ba\u03ae \u03ba\u03ac\u03c1\u03c4\u03b1, \u03a7\u03c1\u03b5\u03c9\u03c3\u03c4\u03b9\u03ba\u03ae \u03ba\u03ac\u03c1\u03c4\u03b1 \u03ae \r\n <span class=\"highlight\">\u03a7\u03c9\u03c1\u03af\u03c3\u03c4\u03b5 \u03c3\u03b5 3 \u03ac\u03c4\u03bf\u03ba\u03b5\u03c2 \u03c0\u03bb\u03b7\u03c1\u03c9\u03bc\u03ad\u03c2 \u03bc\u03b5 \u03c4\u03b7\u03bd Klarna<\/span>\r\n <\/p>\r\n <\/div>\r\n\r\n <!-- Features Grid (moved here) -->\r\n <div class=\"features-grid\" style=\"margin-top: 20px; margin-bottom: 30px;\">\r\n <div class=\"feature-card\">\r\n <div class=\"feature-content\">\r\n <div class=\"feature-icon\">\r\n <svg class=\"icon-shield\" width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div>\r\n <div class=\"feature-title\">\u03a5\u03c8\u03b7\u03bb\u03cc \u03b5\u03c0\u03af\u03c0\u03b5\u03b4\u03bf \u03b1\u03c3\u03c6\u03ac\u03bb\u03b5\u03b9\u03b1\u03c2 \u03bc\u03b5 Stripe<\/div>\r\n <div class=\"feature-description\">\u03a4\u03b1 \u03c3\u03c4\u03bf\u03b9\u03c7\u03b5\u03af\u03b1 \u03c0\u03bb\u03b7\u03c1\u03c9\u03bc\u03ae\u03c2 \u03c3\u03b1\u03c2 \u03b5\u03af\u03bd\u03b1\u03b9 \u03ba\u03c1\u03c5\u03c0\u03c4\u03bf\u03b3\u03c1\u03b1\u03c6\u03b7\u03bc\u03ad\u03bd\u03b1 \u03ba\u03b1\u03b9 \u03b1\u03c3\u03c6\u03b1\u03bb\u03ae<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <div class=\"feature-content\">\r\n <div class=\"feature-icon\">\r\n <svg class=\"icon-check\" width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/>\r\n <polyline points=\"22 4 12 14.01 9 11.01\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div>\r\n <div class=\"feature-title\">\u0394\u03b5\u03bd \u03c5\u03c0\u03ac\u03c1\u03c7\u03bf\u03c5\u03bd \u03b5\u03c0\u03b9\u03c0\u03bb\u03ad\u03bf\u03bd \u03c7\u03c1\u03b5\u03ce\u03c3\u03b5\u03b9\u03c2 \u03b3\u03b9\u03b1 \u03c4\u03c5\u03c0\u03b9\u03ba\u03ad\u03c2 \u03c0\u03bb\u03b7\u03c1\u03c9\u03bc\u03ad\u03c2<\/div>\r\n <div class=\"feature-description\">\u03a0\u03bb\u03b7\u03c1\u03ce\u03c3\u03c4\u03b5 \u03c4\u03b7\u03bd \u03c4\u03b9\u03bc\u03ae \u03c0\u03bf\u03c5 \u03b2\u03bb\u03ad\u03c0\u03b5\u03c4\u03b5 \u03c7\u03c9\u03c1\u03af\u03c2 \u03ba\u03c1\u03c5\u03c6\u03ad\u03c2 \u03c7\u03c1\u03b5\u03ce\u03c3\u03b5\u03b9\u03c2<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"feature-card\">\r\n <div class=\"feature-content\">\r\n <div class=\"feature-icon\">\r\n <svg class=\"icon-sparkles\" width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M12 2L15 8L22 9L17 14L19 22L12 18L5 22L7 14L2 9L9 8L12 2Z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <div>\r\n <div class=\"feature-title\">\u03a0\u03bb\u03b7\u03c1\u03c9\u03bc\u03ae \u03c3\u03b5 3 \u03b4\u03cc\u03c3\u03b5\u03b9\u03c2 \u03bc\u03b5 0% \u03b5\u03c0\u03b9\u03c4\u03cc\u03ba\u03b9\u03bf \u03bc\u03ad\u03c3\u03c9 Klarna<\/div>\r\n <div class=\"feature-description\">\u03a7\u03c9\u03c1\u03af\u03c3\u03c4\u03b5 \u03c4\u03b7\u03bd \u03c0\u03bb\u03b7\u03c1\u03c9\u03bc\u03ae \u03c3\u03b1\u03c2 \u03c3\u03b5 \u03b4\u03cc\u03c3\u03b5\u03b9\u03c2<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"section-content\">\r\n <!-- How It Works -->\r\n <div class=\"subsection\">\r\n <h3 class=\"subsection-title\">\u03a0\u03ce\u03c2 \u03bb\u03b5\u03b9\u03c4\u03bf\u03c5\u03c1\u03b3\u03b5\u03af:<\/h3>\r\n \r\n <div class=\"payment-type\">\r\n <div class=\"payment-type-title\">\u0393\u03b9\u03b1 \u03c0\u03c1\u03bf\u03ba\u03b1\u03c4\u03b1\u03b2\u03bf\u03bb\u03ae (\u03c0\u03c1\u03bf\u03ba\u03b1\u03c4\u03b1\u03b2\u03bf\u03bb\u03ae):<\/div>\r\n <div class=\"payment-type-description\">\r\n \u038c\u03c4\u03b1\u03bd \u03ba\u03ac\u03bd\u03b5\u03c4\u03b5 \u03c4\u03b7\u03bd \u03b1\u03c1\u03c7\u03b9\u03ba\u03ae \u03c0\u03bb\u03b7\u03c1\u03c9\u03bc\u03ae \u03c4\u03b7\u03c2 \u03ba\u03c1\u03ac\u03c4\u03b7\u03c3\u03ae\u03c2 \u03c3\u03b1\u03c2, \u03bc\u03c0\u03bf\u03c1\u03b5\u03af\u03c4\u03b5 \u03bd\u03b1 \u03c4\u03b7\u03bd \u03c7\u03c9\u03c1\u03af\u03c3\u03b5\u03c4\u03b5 \u03c3\u03b5 \r\n <strong>3 \u03b9\u03c3\u03cc\u03c0\u03bf\u03c3\u03b5\u03c2, \u03ac\u03c4\u03bf\u03ba\u03b5\u03c2 \u03b4\u03cc\u03c3\u03b5\u03b9\u03c2<\/strong> \u03c7\u03c1\u03b7\u03c3\u03b9\u03bc\u03bf\u03c0\u03bf\u03b9\u03ce\u03bd\u03c4\u03b1\u03c2 \u03c4\u03bf Klarna \u03c3\u03c4\u03bf \u03c4\u03b1\u03bc\u03b5\u03af\u03bf.\r\n <\/div>\r\n <div class=\"payment-example\">\u03a0\u03b1\u03c1\u03ac\u03b4\u03b5\u03b9\u03b3\u03bc\u03b1: \u03a0\u03c1\u03bf\u03ba\u03b1\u03c4\u03b1\u03b2\u03bf\u03bb\u03ae 300\u20ac = 3 \u03b4\u03cc\u03c3\u03b5\u03b9\u03c2 \u03c4\u03c9\u03bd 100\u20ac \u03b7 \u03ba\u03b1\u03b8\u03b5\u03bc\u03af\u03b1<\/div>\r\n <\/div>\r\n\r\n <div class=\"separator\"><\/div>\r\n\r\n <div class=\"payment-type\">\r\n <div class=\"payment-type-title\">\u0393\u03b9\u03b1 \u03a5\u03c0\u03cc\u03bb\u03bf\u03b9\u03c0\u03bf:<\/div>\r\n <div class=\"payment-type-description\">\r\n \u03a4\u03bf \u03c5\u03c0\u03cc\u03bb\u03bf\u03b9\u03c0\u03bf \u03c0\u03bb\u03b7\u03c1\u03ce\u03bd\u03b5\u03c4\u03b1\u03b9 <strong>2 \u03b7\u03bc\u03ad\u03c1\u03b5\u03c2 \u03c0\u03c1\u03b9\u03bd \u03c4\u03b7\u03bd \u03ac\u03c6\u03b9\u03be\u03b7.<\/strong>\u039a\u03b1\u03b9 \u03b3\u03b9\u03b1 \u03b1\u03c5\u03c4\u03cc \u03c4\u03bf \u03c0\u03bf\u03c3\u03cc, \u03bc\u03c0\u03bf\u03c1\u03b5\u03af\u03c4\u03b5 \u03bd\u03b1 \u03b5\u03c0\u03b9\u03bb\u03ad\u03be\u03b5\u03c4\u03b5 \u03be\u03b1\u03bd\u03ac \u03c4\u03b7\u03bd Klarna \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03c4\u03bf \u03c7\u03c9\u03c1\u03af\u03c3\u03b5\u03c4\u03b5 \u03c3\u03b5 <strong>3 \u03b5\u03c0\u03b9\u03c0\u03bb\u03ad\u03bf\u03bd \u03c4\u03cc\u03ba\u03bf-\u03bc\u03b7\u03b4\u03b5\u03bd\u03b9\u03ba\u03ad\u03c2 \u03c0\u03bb\u03b7\u03c1\u03c9\u03bc\u03ad\u03c2<\/strong>.\r\n <\/div>\r\n <div class=\"payment-example\">\u03a0\u03b1\u03c1\u03ac\u03b4\u03b5\u03b9\u03b3\u03bc\u03b1: \u03a5\u03c0\u03cc\u03bb\u03bf\u03b9\u03c0\u03bf 480 \u20ac = 3 \u03c0\u03bb\u03b7\u03c1\u03c9\u03bc\u03ad\u03c2 \u03c4\u03c9\u03bd 160 \u20ac \u03b7 \u03ba\u03b1\u03b8\u03b5\u03bc\u03af\u03b1<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Key Benefits -->\r\n <div class=\"subsection\">\r\n <h3 class=\"subsection-title\">\u039a\u03cd\u03c1\u03b9\u03b1 \u039f\u03c6\u03ad\u03bb\u03b7:<\/h3>\r\n <div class=\"benefits-list\">\r\n <div class=\"benefit-item\">\r\n <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/>\r\n <polyline points=\"22 4 12 14.01 9 11.01\"\/>\r\n <\/svg>\r\n <span>0% \u03c4\u03cc\u03ba\u03bf\u03c2 \u2013 \u03a7\u03c9\u03c1\u03af\u03c2 \u03ba\u03c1\u03c5\u03c6\u03ad\u03c2 \u03c7\u03c1\u03b5\u03ce\u03c3\u03b5\u03b9\u03c2<\/span>\r\n <\/div>\r\n <div class=\"benefit-item\">\r\n <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/>\r\n <polyline points=\"22 4 12 14.01 9 11.01\"\/>\r\n <\/svg>\r\n <span>\u0386\u03bc\u03b5\u03c3\u03b7 \u03ad\u03b3\u03ba\u03c1\u03b9\u03c3\u03b7<\/span>\r\n <\/div>\r\n <div class=\"benefit-item\">\r\n <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/>\r\n <polyline points=\"22 4 12 14.01 9 11.01\"\/>\r\n <\/svg>\r\n <span>\u0395\u03c5\u03ad\u03bb\u03b9\u03ba\u03c4\u03bf\u03c2 \u03c0\u03c1\u03bf\u03cb\u03c0\u03bf\u03bb\u03bf\u03b3\u03b9\u03c3\u03bc\u03cc\u03c2 \u2013 \u039a\u03b1\u03c4\u03b1\u03bd\u03bf\u03bc\u03ae \u03ba\u03cc\u03c3\u03c4\u03bf\u03c5\u03c2 \u03c3\u03b5 6 \u03bc\u03ae\u03bd\u03b5\u03c2 \u03b1\u03bd\u03ac \u03c0\u03bb\u03b7\u03c1\u03c9\u03bc\u03ae<\/span>\r\n <\/div>\r\n <div class=\"benefit-item\">\r\n <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/>\r\n <polyline points=\"22 4 12 14.01 9 11.01\"\/>\r\n <\/svg>\r\n <span>\u0391\u03c3\u03c6\u03b1\u03bb\u03ae\u03c2 \u03ba\u03b1\u03b9 \u03a0\u03bb\u03ae\u03c1\u03b5\u03c2 \u03c0\u03b5\u03c1\u03b9\u03b2\u03ac\u03bb\u03bb\u03bf\u03bd \u03bc\u03b5 \u03c4\u03bf \u03c3\u03cd\u03c3\u03c4\u03b7\u03bc\u03b1 \u03c0\u03bb\u03b7\u03c1\u03c9\u03bc\u03ce\u03bd Stripe<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Eligibility -->\r\n <div class=\"subsection\">\r\n <h3 class=\"subsection-title\">\u0394\u03c5\u03bd\u03b1\u03c4\u03cc\u03c4\u03b7\u03c4\u03b5\u03c2 \u03a0\u03bb\u03b7\u03c1\u03c9\u03bc\u03ae\u03c2:<\/h3>\r\n <ul class=\"eligibility-list\">\r\n <li>\u0394\u03b9\u03b1\u03b8\u03ad\u03c3\u03b9\u03bc\u03bf \u03b3\u03b9\u03b1 \u03ba\u03c1\u03b1\u03c4\u03ae\u03c3\u03b5\u03b9\u03c2 \u03c0\u03bf\u03c5 \u03c0\u03bb\u03b7\u03c1\u03ce\u03bd\u03bf\u03bd\u03c4\u03b1\u03b9 \u03bc\u03ad\u03c3\u03c9 \u03c4\u03b7\u03c2 \u03b9\u03c3\u03c4\u03bf\u03c3\u03b5\u03bb\u03af\u03b4\u03b1\u03c2 \u03bc\u03b1\u03c2<\/li>\r\n <li>\u03a5\u03c0\u03cc\u03ba\u03b5\u03b9\u03c4\u03b1\u03b9 \u03c3\u03c4\u03b7 \u03b4\u03b9\u03b1\u03b4\u03b9\u03ba\u03b1\u03c3\u03af\u03b1 \u03ad\u03b3\u03ba\u03c1\u03b9\u03c3\u03b7\u03c2 \u03c4\u03b7\u03c2 Klarna<\/li>\r\n <li>\u0399\u03c3\u03c7\u03cd\u03b5\u03b9 \u03c4\u03cc\u03c3\u03bf \u03b3\u03b9\u03b1 \u03ba\u03b1\u03c4\u03b1\u03b8\u03ad\u03c3\u03b5\u03b9\u03c2 \u03cc\u03c3\u03bf \u03ba\u03b1\u03b9 \u03b3\u03b9\u03b1 \u03c0\u03bb\u03b7\u03c1\u03c9\u03bc\u03ad\u03c2 \u03c4\u03b5\u03bb\u03b9\u03ba\u03bf\u03cd \u03c5\u03c0\u03bf\u03bb\u03bf\u03af\u03c0\u03bf\u03c5<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Payment Flexibility Example -->\r\n <div class=\"card\">\r\n <div class=\"card-header\">\r\n <div class=\"card-title\">\u03a0\u03b1\u03c1\u03ac\u03b4\u03b5\u03b9\u03b3\u03bc\u03b1 \u0395\u03c5\u03b5\u03bb\u03b9\u03be\u03af\u03b1\u03c2 \u03a0\u03bb\u03b7\u03c1\u03c9\u03bc\u03ce\u03bd<\/div>\r\n <div class=\"card-description\">\u0394\u03b5\u03af\u03c4\u03b5 \u03c0\u03ce\u03c2 \u03bc\u03c0\u03bf\u03c1\u03b5\u03af\u03c4\u03b5 \u03bd\u03b1 \u03ba\u03b1\u03c4\u03b1\u03bd\u03b5\u03af\u03bc\u03b5\u03c4\u03b5 \u03c4\u03b9\u03c2 \u03c0\u03bb\u03b7\u03c1\u03c9\u03bc\u03ad\u03c2 \u03c3\u03b1\u03c2 \u03c3\u03b5 \u03b2\u03ac\u03b8\u03bf\u03c2 \u03c7\u03c1\u03cc\u03bd\u03bf\u03c5<\/div>\r\n <\/div>\r\n\r\n <div class=\"table-container\">\r\n <table>\r\n <thead>\r\n <tr>\r\n <th>\u03a3\u03c4\u03ac\u03b4\u03b9\u03bf \u03c0\u03bb\u03b7\u03c1\u03c9\u03bc\u03ae\u03c2<\/th>\r\n <th>\u03a0\u03bf\u03c3\u03cc:<\/th>\r\n <th>\u0395\u03c0\u03b9\u03bb\u03bf\u03b3\u03ae Klarna<\/th>\r\n <th>\u03a7\u03c1\u03bf\u03bd\u03bf\u03bb\u03cc\u03b3\u03b9\u03bf<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody>\r\n <tr>\r\n <td>\u03a0\u03c1\u03bf\u03ba\u03b1\u03c4\u03b1\u03b2\u03bf\u03bb\u03ae (\u03ba\u03b1\u03c4\u03ac \u03c4\u03b7\u03bd \u03ba\u03c1\u03ac\u03c4\u03b7\u03c3\u03b7)<\/td>\r\n <td>\u20ac300<\/td>\r\n <td>3 x \u20ac100<\/td>\r\n <td>\u039c\u03ae\u03bd\u03b1\u03c2 1\u03bf\u03c2 ~ 3\u03bf\u03c2<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>\u03a5\u03c0\u03cc\u03bb\u03bf\u03b9\u03c0\u03bf (2 \u03b7\u03bc\u03ad\u03c1\u03b5\u03c2 \u03c0\u03c1\u03b9\u03bd \u03b1\u03c0\u03cc \u03c4\u03b7\u03bd \u03ac\u03c6\u03b9\u03be\u03b7)<\/td>\r\n <td>\u20ac480<\/td>\r\n <td>3 x \u20ac160<\/td>\r\n <td>\u039c\u03ae\u03bd\u03b1\u03c2 4\u03bf\u03c2 ~ 6\u03bf\u03c2<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>\u03a3\u03cd\u03bd\u03bf\u03bb\u03bf<\/td>\r\n <td>\u20ac780<\/td>\r\n <td>6 \u03b4\u03b9\u03b1\u03c7\u03b5\u03b9\u03c1\u03af\u03c3\u03b9\u03bc\u03b5\u03c2 \u03c0\u03bb\u03b7\u03c1\u03c9\u03bc\u03ad\u03c2<\/td>\r\n <td>~ 6 \u03bc\u03ae\u03bd\u03b5\u03c2<\/td>\r\n <\/tr>\r\n <\/tbody>\r\n <\/table>\r\n <p class=\"table-note\">*\u03a3\u03b7\u03bc\u03b5\u03af\u03c9\u03c3\u03b7: \u03a4\u03b1 \u03b1\u03ba\u03c1\u03b9\u03b2\u03ae \u03c7\u03c1\u03bf\u03bd\u03bf\u03b4\u03b9\u03b1\u03b3\u03c1\u03ac\u03bc\u03bc\u03b1\u03c4\u03b1 \u03b4\u03cc\u03c3\u03b5\u03c9\u03bd \u03b5\u03be\u03b1\u03c1\u03c4\u03ce\u03bd\u03c4\u03b1\u03b9 \u03b1\u03c0\u03cc \u03c4\u03b7\u03bd \u03b7\u03bc\u03b5\u03c1\u03bf\u03bc\u03b7\u03bd\u03af\u03b1 \u03ba\u03c1\u03ac\u03c4\u03b7\u03c3\u03ae\u03c2 \u03c3\u03b1\u03c2 \u03ba\u03b1\u03b9 \u03c4\u03b7\u03bd \u03b7\u03bc\u03b5\u03c1\u03bf\u03bc\u03b7\u03bd\u03af\u03b1 \u03ac\u03c6\u03b9\u03be\u03b7\u03c2.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- CTA Section -->\r\n <div class=\"card cta-section\">\r\n <div class=\"card-header\" style=\"text-align: center;\">\r\n <div class=\"card-title\" style=\"justify-content: center;\">\u0388\u03c4\u03bf\u03b9\u03bc\u03bf\u03b9 \u03b3\u03b9\u03b1 \u03ba\u03c1\u03ac\u03c4\u03b7\u03c3\u03b7;<\/div>\r\n <\/div>\r\n\r\n <div class=\"cta-content\">\r\n <div class=\"cta-subsection\">\r\n <div class=\"cta-label\">\r\n <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/>\r\n <polyline points=\"9 22 9 12 15 12 15 22\"\/>\r\n <\/svg>\r\n \u0395\u03c0\u03b9\u03bb\u03ad\u03be\u03c4\u03b5 \u03c4\u03b7 \u03b4\u03b9\u03b1\u03bc\u03bf\u03bd\u03ae \u03c3\u03b1\u03c2:\r\n <\/div>\r\n <div class=\"button-group\">\r\n <a href=\"https:\/\/aromakiveri.com\/el\/accommodation\/studio-page\/\" class=\"btn btn-outline\" target=\"_blank\" rel=\"noopener\">\r\n \u03a3\u03c4\u03bf\u03cd\u03bd\u03c4\u03b9\u03bf\r\n <\/a>\r\n <a href=\"https:\/\/aromakiveri.com\/el\/accommodation\/apartment_page\/\" class=\"btn btn-outline\" target=\"_blank\" rel=\"noopener\">\r\n \u0394\u03b9\u03b1\u03bc\u03ad\u03c1\u03b9\u03c3\u03bc\u03b1\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"separator\"><\/div>\r\n\r\n <div class=\"cta-subsection\">\r\n <div class=\"cta-label\">\r\n <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <rect x=\"1\" y=\"4\" width=\"22\" height=\"16\" rx=\"2\" ry=\"2\"\/>\r\n <line x1=\"1\" y1=\"10\" x2=\"23\" y2=\"10\"\/>\r\n <\/svg>\r\n \u03a0\u03bb\u03b7\u03c1\u03ce\u03c3\u03c4\u03b5 \u03bc\u03b5 \u03cc\u03c0\u03bf\u03b9\u03bf\u03bd \u03c4\u03c1\u03cc\u03c0\u03bf \u03c3\u03b1\u03c2 \u03b1\u03c1\u03ad\u03c3\u03b5\u03b9:\r\n <\/div>\r\n <div class=\"payment-methods-list\">\r\n <div class=\"payment-method-item\">\r\n <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/>\r\n <polyline points=\"22 4 12 14.01 9 11.01\"\/>\r\n <\/svg>\r\n <span>\u03a0\u03bb\u03ae\u03c1\u03b7\u03c2 \u03c0\u03bb\u03b7\u03c1\u03c9\u03bc\u03ae (\u03b5\u03c6\u03ac\u03c0\u03b1\u03be)<\/span>\r\n <\/div>\r\n <div class=\"payment-method-item\">\r\n <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/>\r\n <polyline points=\"22 4 12 14.01 9 11.01\"\/>\r\n <\/svg>\r\n <span>\u0394\u03b9\u03b1\u03c7\u03c9\u03c1\u03b9\u03c3\u03bc\u03cc\u03c2 \u03c4\u03b7\u03c2 \u03c0\u03c1\u03bf\u03ba\u03b1\u03c4\u03b1\u03b2\u03bf\u03bb\u03ae\u03c2 \u03c3\u03b5 3 \u03b4\u03cc\u03c3\u03b5\u03b9\u03c2 (Klarna)<\/span>\r\n <\/div>\r\n <div class=\"payment-method-item\">\r\n <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/>\r\n <polyline points=\"22 4 12 14.01 9 11.01\"\/>\r\n <\/svg>\r\n <span>\u0394\u03b9\u03b1\u03c7\u03c9\u03c1\u03b9\u03c3\u03bc\u03cc\u03c2 \u03c5\u03c0\u03bf\u03bb\u03bf\u03af\u03c0\u03bf\u03c5 \u03c3\u03b5 3 \u03c0\u03bb\u03b7\u03c1\u03c9\u03bc\u03ad\u03c2 (Klarna)<\/span>\r\n <\/div>\r\n <div class=\"payment-method-item\">\r\n <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/>\r\n <polyline points=\"22 4 12 14.01 9 11.01\"\/>\r\n <\/svg>\r\n <span>\u03a3\u03cd\u03bd\u03bf\u03bb\u03bf \u03ad\u03c9\u03c2 6 \u03ac\u03c4\u03bf\u03ba\u03b5\u03c2 \u03b4\u03cc\u03c3\u03b5\u03b9\u03c2!<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div style=\"text-align: center; padding-top: 20px;\">\r\n <a href=\"https:\/\/aromakiveri.com\/el\/search-availability\/\" class=\"btn btn-primary\">\r\n <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"\/>\r\n <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/>\r\n <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/>\r\n <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/>\r\n <\/svg>\r\n \u039a\u03c1\u03ac\u03c4\u03b7\u03c3\u03b7\r\n <\/a>\r\n <\/div>\r\n\r\n <p class=\"cta-note\">\u0395\u03c0\u03b9\u03bb\u03ad\u03be\u03c4\u03b5 \u03c4\u03b7\u03bd \u03c0\u03c1\u03bf\u03c4\u03b9\u03bc\u03ce\u03bc\u03b5\u03bd\u03b7 \u03bc\u03ad\u03b8\u03bf\u03b4\u03bf \u03c0\u03bb\u03b7\u03c1\u03c9\u03bc\u03ae\u03c2 \u03c3\u03b1\u03c2 \u03ba\u03b1\u03c4\u03ac \u03c4\u03b7\u03bd \u03bf\u03bb\u03bf\u03ba\u03bb\u03ae\u03c1\u03c9\u03c3\u03b7 \u03c4\u03b7\u03c2 \u03b1\u03b3\u03bf\u03c1\u03ac\u03c2<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Section 5: Need Assistance? Contact Us -->\r\n <div class=\"card contact-section\">\r\n <div class=\"card-header\" style=\"text-align: center;\">\r\n <h2 class=\"card-title\" style=\"justify-content: center;\">\u0395\u03c0\u03b9\u03ba\u03bf\u03b9\u03bd\u03c9\u03bd\u03ae\u03c3\u03c4\u03b5 \u03bc\u03b1\u03b6\u03af \u03bc\u03b1\u03c2<\/h2>\r\n <p class=\"card-description\">\u0397 \u03bf\u03bc\u03ac\u03b4\u03b1 \u03bc\u03b1\u03c2 \u03b5\u03af\u03bd\u03b1\u03b9 \u03b5\u03b4\u03ce \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03c3\u03b1\u03c2 \u03b2\u03bf\u03b7\u03b8\u03ae\u03c3\u03b5\u03b9 \u03bd\u03b1 \u03b4\u03b9\u03b1\u03c3\u03c6\u03b1\u03bb\u03af\u03c3\u03b5\u03c4\u03b5 \u03cc\u03c4\u03b9 \u03b7 \u03b5\u03bc\u03c0\u03b5\u03b9\u03c1\u03af\u03b1 \u03c0\u03bb\u03b7\u03c1\u03c9\u03bc\u03ce\u03bd \u03c3\u03b1\u03c2 \u03b8\u03b1 \u03b5\u03af\u03bd\u03b1\u03b9 \u03b1\u03c0\u03c1\u03cc\u03c3\u03ba\u03bf\u03c0\u03c4\u03b7 \u03ba\u03b1\u03b9 \u03c7\u03c9\u03c1\u03af\u03c2 \u03ac\u03b3\u03c7\u03bf\u03c2.<\/p>\r\n <\/div>\r\n <div class=\"section-content\">\r\n <h3 class=\"contact-name\">\u03a0\u03ac\u03bd\u03bf\u03c2 \u039a\u03bf\u03c5\u03c1\u03bf\u03c5\u03bd\u03b9\u03ce\u03c4\u03b7\u03c2<\/h3>\r\n <div class=\"contact-info\">\r\n <a href=\"tel:+306937114685\" class=\"contact-item\">\r\n <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-phone\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-3.07-8.63A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72L9.73 8.1c.07.2.04.38-.04.56l-2.6 8.11a2 2 0 0 0 2.07 2.07l8.11-2.6c.18-.08.36-.11.56-.04l4.38 1.48a2 2 0 0 1 1.72 2z\"><\/path><\/svg>\r\n +30 693 711 4685\r\n <\/a>\r\n <a href=\"mailto:info@aromakiveri.com\" class=\"contact-item\">\r\n <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-mail\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"><\/path><polyline points=\"22,6 12,13 2,6\"><\/polyline><\/svg>\r\n info@aromakiveri.com\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n document.addEventListener('DOMContentLoaded', () => {\r\n \/\/ Add copy functionality to code elements\r\n document.querySelectorAll('.payment-option-card code').forEach(codeBlock => {\r\n codeBlock.addEventListener('click', () => {\r\n const textToCopy = codeBlock.getAttribute('data-copy');\r\n if (textToCopy) {\r\n navigator.clipboard.writeText(textToCopy).then(() => {\r\n \/\/ Optional: Provide visual feedback to the user\r\n const originalContent = codeBlock.innerHTML;\r\n codeBlock.innerHTML = 'Copied!';\r\n setTimeout(() => {\r\n codeBlock.innerHTML = originalContent;\r\n }, 1500);\r\n }).catch(err => {\r\n console.error('Failed to copy text: ', err);\r\n alert('Failed to copy text. Please try again or copy manually.');\r\n });\r\n }\r\n });\r\n });\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-337e64c elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"337e64c\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7a7187d\" data-id=\"7a7187d\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-9bc7cc3 elementor-widget elementor-widget-text-editor\" data-id=\"9bc7cc3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>\u03a3\u03b7\u03bc\u03b1\u03bd\u03c4\u03b9\u03ba\u03cc:<\/strong> \u03a0\u03b1\u03c1\u03b1\u03ba\u03b1\u03bb\u03bf\u03cd\u03bc\u03b5 \u03b5\u03bb\u03ad\u03b3\u03be\u03c4\u03b5 \u03ba\u03b1\u03b9 <strong>\u03b1\u03c0\u03bf\u03b4\u03b5\u03c7\u03c4\u03b5\u03af\u03c4\u03b5 \u03c4\u03b7 \u03c3\u03c5\u03bc\u03c6\u03c9\u03bd\u03af\u03b1 \u03c3\u03c5\u03bd\u03b1\u03af\u03bd\u03b5\u03c3\u03b7\u03c2<\/strong> \u03c0\u03c1\u03b9\u03bd \u03c0\u03c1\u03bf\u03c7\u03c9\u03c1\u03ae\u03c3\u03b5\u03c4\u03b5 \u03c3\u03c4\u03b7\u03bd \u03c0\u03bb\u03b7\u03c1\u03c9\u03bc\u03ae \u03c3\u03b1\u03c2. \u0397 \u03c3\u03c5\u03b3\u03ba\u03b1\u03c4\u03ac\u03b8\u03b5\u03c3\u03ae \u03c3\u03b1\u03c2 \u03b5\u03af\u03bd\u03b1\u03b9 \u03b1\u03c0\u03b1\u03c1\u03b1\u03af\u03c4\u03b7\u03c4\u03b7 \u03b3\u03b9\u03b1 \u03c4\u03b7\u03bd \u03bf\u03c1\u03b8\u03ae \u03bb\u03b5\u03b9\u03c4\u03bf\u03c5\u03c1\u03b3\u03af\u03b1 \u03b1\u03c5\u03c4\u03ae\u03c2 \u03c4\u03b7\u03c2 \u03c3\u03b5\u03bb\u03af\u03b4\u03b1\u03c2 \u03ba\u03b1\u03b9 \u03b3\u03b9\u03b1 \u03c4\u03b7\u03bd \u03c0\u03c1\u03bf\u03c3\u03c4\u03b1\u03c3\u03af\u03b1 \u03c4\u03b7\u03c2 \u03c3\u03c5\u03bd\u03b1\u03bb\u03bb\u03b1\u03b3\u03ae\u03c2 \u03c3\u03b1\u03c2.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Secure & Flexible Payments – Aroma Accommodations Welcome to Aroma’s Payment Page We are pleased to offer you a secure and convenient way to make payments through our Stripe payment form. This page is designed to ensure your transactions are … <a href=\"https:\/\/aromakiveri.com\/el\/secure-online-payments-with-stripe\/\">Read More<\/a><\/p>","protected":false},"author":1,"featured_media":4020,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-6334","page","type-page","status-publish","has-post-thumbnail","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/aromakiveri.com\/el\/wp-json\/wp\/v2\/pages\/6334","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aromakiveri.com\/el\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/aromakiveri.com\/el\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/aromakiveri.com\/el\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aromakiveri.com\/el\/wp-json\/wp\/v2\/comments?post=6334"}],"version-history":[{"count":53,"href":"https:\/\/aromakiveri.com\/el\/wp-json\/wp\/v2\/pages\/6334\/revisions"}],"predecessor-version":[{"id":6423,"href":"https:\/\/aromakiveri.com\/el\/wp-json\/wp\/v2\/pages\/6334\/revisions\/6423"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/aromakiveri.com\/el\/wp-json\/wp\/v2\/media\/4020"}],"wp:attachment":[{"href":"https:\/\/aromakiveri.com\/el\/wp-json\/wp\/v2\/media?parent=6334"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}