{"id":1350,"date":"2025-07-15T11:16:35","date_gmt":"2025-07-15T08:16:35","guid":{"rendered":"https:\/\/celavivo.com\/?page_id=1350"},"modified":"2026-01-07T00:25:38","modified_gmt":"2026-01-06T22:25:38","slug":"smart-matching","status":"publish","type":"page","link":"https:\/\/celavivo.com\/el\/smart-matching\/","title":{"rendered":"AI Smart Matching"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1350\" class=\"elementor elementor-1350\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2f9d940 e-flex e-con-boxed e-con e-parent\" data-id=\"2f9d940\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0814ba6 elementor-widget elementor-widget-html\" data-id=\"0814ba6\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- HERO with dark overlay + responsive text -->\r\n<section class=\"sm-hero\" id=\"sm-hero\">\r\n  <div class=\"sm-hero-content\">\r\n    <h1>\u2728 CeIavivo  AI Smart Matching \u2013 Find the Best Wedding & Christening Vendors in Cyprus<\/h1>\r\n    <p>Paste vendor links or names, add your date & budget \u2014 AI compares and recommends the best fit instantly.<\/p>\r\n    <a href=\"#smartmatch-chat\" class=\"sm-hero-btn\">\ud83d\ude80 Try Smart Matching Now<\/a>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* ===== Hero ===== *\/\r\n.sm-hero{\r\n  position: relative;\r\n  background: url('YOUR_IMAGE_URL') center\/cover no-repeat; \/* <-- swap this *\/\r\n  padding: 130px 20px;\r\n  text-align: center;\r\n  overflow: hidden;\r\n}\r\n.sm-hero::before{\r\n  content:\"\";\r\n  position:absolute; inset:0;\r\n  background: radial-gradient(circle at 50% 45%,\r\n              rgba(0,0,0,.58) 0%,\r\n              rgba(0,0,0,.50) 40%,\r\n              rgba(0,0,0,.44) 70%,\r\n              rgba(0,0,0,.38) 100%);\r\n}\r\n.sm-hero-content{\r\n  position: relative;\r\n  max-width: 900px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\/* Headline *\/\r\n.sm-hero h1{\r\n  color: #fff !important;\r\n  text-shadow: 0 2px 6px rgba(0,0,0,.45);\r\n  margin: 0 0 16px;\r\n  font-size: 44px;\r\n  font-weight: 800;\r\n  line-height: 1.15;\r\n  letter-spacing: .2px;\r\n}\r\n\r\n\/* Subline (responsive sizes) *\/\r\n.sm-hero p{\r\n  color: #fff !important;\r\n  text-shadow: 0 2px 6px rgba(0,0,0,.45);\r\n  font-size: 22px;        \/* desktop *\/\r\n  line-height: 1.65;\r\n  opacity: .98;\r\n  margin-bottom: 32px;\r\n}\r\n\r\n\/* CTA button *\/\r\n.sm-hero-btn{\r\n  display: inline-block;\r\n  background: linear-gradient(135deg,#7c3aed,#a855f7);\r\n  color: #fff !important;\r\n  padding: 14px 28px;\r\n  border-radius: 999px;\r\n  font-size: 18px;\r\n  font-weight: 700;\r\n  text-decoration: none;\r\n  box-shadow: 0 6px 18px rgba(0,0,0,.35);\r\n  transition: transform .18s ease, box-shadow .18s ease;\r\n}\r\n.sm-hero-btn:hover{\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 10px 24px rgba(0,0,0,.45);\r\n}\r\n\r\n\/* ===== Responsive ===== *\/\r\n@media (max-width: 900px){\r\n  .sm-hero{ padding: 110px 18px; }\r\n  .sm-hero h1{ font-size: 36px; }\r\n  .sm-hero p{ font-size: 20px; }   \/* tablet *\/\r\n}\r\n@media (max-width: 640px){\r\n  .sm-hero{ padding: 96px 16px; }\r\n  .sm-hero h1{ font-size: 30px; }\r\n  .sm-hero p{ font-size: 18px; }   \/* mobile *\/\r\n}\r\n<\/style>\r\n\t\t\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<div class=\"elementor-element elementor-element-ca28be0 e-flex e-con-boxed e-con e-parent\" data-id=\"ca28be0\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-80b09b5 elementor-widget elementor-widget-spacer\" data-id=\"80b09b5\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/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\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ae8df6e e-flex e-con-boxed e-con e-parent\" data-id=\"ae8df6e\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-03345d6 elementor-widget elementor-widget-html\" data-id=\"03345d6\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"how-sm-works\">\r\n  <div class=\"how-sm-wrap\">\r\n    <h2 class=\"how-sm-title\">How Smart Matching Works<\/h2>\r\n\r\n    <div class=\"how-sm-steps\">\r\n      <!-- Step 1 -->\r\n      <div class=\"how-sm-step\">\r\n        <div class=\"how-sm-icon\">\r\n          <!-- calendar + budget + link\/name cue -->\r\n          <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n            <rect x=\"8\" y=\"14\" width=\"48\" height=\"38\" rx=\"6\" fill=\"#f3e8ff\"\/>\r\n            <rect x=\"8\" y=\"22\" width=\"48\" height=\"4\" rx=\"2\" fill=\"#c4b5fd\"\/>\r\n            <rect x=\"18\" y=\"8\" width=\"6\" height=\"12\" rx=\"3\" fill=\"#7c3aed\"\/>\r\n            <rect x=\"40\" y=\"8\" width=\"6\" height=\"12\" rx=\"3\" fill=\"#7c3aed\"\/>\r\n            <circle cx=\"24\" cy=\"40\" r=\"4\" fill=\"#7c3aed\"\/>\r\n            <rect x=\"32\" y=\"36\" width=\"12\" height=\"8\" rx=\"4\" fill=\"#a78bfa\"\/>\r\n            <!-- small link chip -->\r\n            <rect x=\"36\" y=\"44\" width=\"18\" height=\"6\" rx=\"3\" fill=\"#c4b5fd\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>Share vendors & details<\/h3>\r\n        <p>Paste 2\u20134 vendor <strong>links<\/strong> <em>or<\/em> type their <strong>names<\/strong>. Add your date, location & budget.<\/p>\r\n      <\/div>\r\n\r\n      <!-- Step 2 -->\r\n      <div class=\"how-sm-step\">\r\n        <div class=\"how-sm-icon\">\r\n          <!-- AI chip icon -->\r\n          <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n            <rect x=\"10\" y=\"18\" width=\"44\" height=\"28\" rx=\"6\" fill=\"#f3e8ff\"\/>\r\n            <rect x=\"18\" y=\"26\" width=\"28\" height=\"12\" rx=\"6\" fill=\"#a78bfa\"\/>\r\n            <circle cx=\"32\" cy=\"50\" r=\"6\" fill=\"#7c3aed\"\/>\r\n            <rect x=\"14\" y=\"14\" width=\"36\" height=\"4\" rx=\"2\" fill=\"#c4b5fd\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>AI compares options<\/h3>\r\n        <p>We evaluate style, reviews, price range & availability.<\/p>\r\n      <\/div>\r\n\r\n      <!-- Step 3 -->\r\n      <div class=\"how-sm-step\">\r\n        <div class=\"how-sm-icon\">\r\n          <!-- checklist icon -->\r\n          <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n            <rect x=\"14\" y=\"10\" width=\"36\" height=\"44\" rx=\"6\" fill=\"#f3e8ff\"\/>\r\n            <circle cx=\"22\" cy=\"24\" r=\"4\" fill=\"#7c3aed\"\/>\r\n            <rect x=\"30\" y=\"22\" width=\"18\" height=\"4\" rx=\"2\" fill=\"#a78bfa\"\/>\r\n            <circle cx=\"22\" cy=\"34\" r=\"4\" fill=\"#7c3aed\"\/>\r\n            <rect x=\"30\" y=\"32\" width=\"18\" height=\"4\" rx=\"2\" fill=\"#a78bfa\"\/>\r\n            <circle cx=\"22\" cy=\"44\" r=\"4\" fill=\"#7c3aed\"\/>\r\n            <rect x=\"30\" y=\"42\" width=\"18\" height=\"4\" rx=\"2\" fill=\"#a78bfa\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>Get a clear pick<\/h3>\r\n        <p>See a side-by-side summary plus a recommendation.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.how-sm-works{\r\n  background:#faf7ff;\r\n  padding:56px 20px;\r\n  font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;\r\n}\r\n.how-sm-wrap{ max-width:1100px; margin:0 auto; }\r\n.how-sm-title{\r\n  text-align:center; font-weight:800; font-size:32px; color:#1e293b; margin-bottom:28px;\r\n}\r\n.how-sm-steps{\r\n  display:grid; grid-template-columns:repeat(3,1fr); gap:22px;\r\n}\r\n\r\n\/* Card *\/\r\n.how-sm-step{\r\n  background:#fff;\r\n  border:1px solid #eee8ff;\r\n  border-radius:16px;\r\n  padding:22px;\r\n  text-align:center;\r\n  box-shadow:0 8px 18px rgba(124,58,237,.06);\r\n  transition:\r\n    transform .18s ease,\r\n    box-shadow .18s ease,\r\n    border-color .18s ease,\r\n    background .18s ease;\r\n  cursor:default;\r\n  position:relative;\r\n  will-change: transform;\r\n}\r\n\r\n\/* Hover \/ focus \u201cpop\u201d *\/\r\n.how-sm-step:hover,\r\n.how-sm-step:focus-within{\r\n  transform: translateY(-4px) scale(1.015);\r\n  box-shadow:0 16px 30px rgba(124,58,237,.15);\r\n  border-color:#d8ccff;\r\n  background: linear-gradient(180deg,#fff 0%, #fdfbff 100%);\r\n}\r\n\r\n\/* Icon slight lift on hover *\/\r\n.how-sm-step:hover .how-sm-icon svg,\r\n.how-sm-step:focus-within .how-sm-icon svg{\r\n  transform: translateY(-2px);\r\n  filter: drop-shadow(0 6px 10px rgba(124,58,237,.12));\r\n}\r\n.how-sm-icon{ width:72px; height:72px; margin:0 auto 12px; }\r\n.how-sm-icon svg{ width:100%; height:100%; transition: transform .18s ease, filter .18s ease; }\r\n\r\n\/* Text *\/\r\n.how-sm-step h3{ font-size:18px; font-weight:800; margin:8px 0 6px; color:#111827; }\r\n.how-sm-step p{ font-size:15px; color:#475569; margin:0; }\r\n.how-sm-step p strong{ font-weight:800; color:#1f2937; }\r\n.how-sm-step p em{ font-style:normal; color:#6b7280; }\r\n\r\n\/* Keyboard accessibility *\/\r\n.how-sm-step :focus-visible{\r\n  outline: 2px solid #7c3aed;\r\n  outline-offset: 4px;\r\n  border-radius: 10px;\r\n}\r\n\r\n\/* Reduce motion *\/\r\n@media (prefers-reduced-motion: reduce){\r\n  .how-sm-step,\r\n  .how-sm-icon svg{\r\n    transition: none;\r\n  }\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width:900px){\r\n  .how-sm-steps{ grid-template-columns:1fr; }\r\n  .how-sm-step{ text-align:left; display:flex; gap:14px; align-items:center; }\r\n  .how-sm-icon{ margin:0; }\r\n}\r\n<\/style>\r\n\t\t\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<div class=\"elementor-element elementor-element-5f9ca3b e-flex e-con-boxed e-con e-parent\" data-id=\"5f9ca3b\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-68eb34f elementor-widget elementor-widget-spacer\" data-id=\"68eb34f\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/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\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cff39cf e-flex e-con-boxed e-con e-parent\" data-id=\"cff39cf\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-749c391 elementor-widget elementor-widget-html\" data-id=\"749c391\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"sm-preview\">\r\n  <div class=\"sm-preview-wrap\">\r\n    <h2>What you\u2019ll get<\/h2>\r\n\r\n    <div class=\"sm-preview-card\">\r\n      <div class=\"sm-preview-head\">\r\n        <span>Vendor comparison<\/span>\r\n        <small>Example<\/small>\r\n      <\/div>\r\n\r\n      <!-- scroll wrapper for small screens -->\r\n      <div class=\"sm-preview-table-scroll\">\r\n        <table class=\"sm-table\">\r\n          <thead>\r\n            <tr>\r\n              <th scope=\"col\">Service<\/th>\r\n              <th scope=\"col\">Vendor<\/th>\r\n              <th scope=\"col\">Style<\/th>\r\n              <th scope=\"col\">Price<\/th>\r\n              <th scope=\"col\">Reviews<\/th>\r\n              <th scope=\"col\">Languages<\/th>\r\n            <\/tr>\r\n          <\/thead>\r\n          <tbody>\r\n            <tr>\r\n              <td>Photography<\/td>\r\n              <td>PhotoCraft<\/td>\r\n              <td>Candid<\/td>\r\n              <td>\u20ac850\u2013\u20ac1,000<\/td>\r\n              <td><span class=\"rating\">\u2605 4.8<\/span> <span class=\"muted\">(120)<\/span><\/td>\r\n              <td><span class=\"tag\">EN<\/span><span class=\"tag\">EL<\/span><\/td>\r\n            <\/tr>\r\n            <tr>\r\n              <td>Photography<\/td>\r\n              <td>Lens &amp; Love<\/td>\r\n              <td>Classic<\/td>\r\n              <td>\u20ac700\u2013\u20ac900<\/td>\r\n              <td><span class=\"rating\">\u2605 4.6<\/span> <span class=\"muted\">(89)<\/span><\/td>\r\n              <td><span class=\"tag\">EN<\/span><\/td>\r\n            <\/tr>\r\n            <tr>\r\n              <td>Photography<\/td>\r\n              <td>Lightstory<\/td>\r\n              <td>Editorial<\/td>\r\n              <td>\u20ac1,000\u2013\u20ac1,300<\/td>\r\n              <td><span class=\"rating\">\u2605 4.9<\/span> <span class=\"muted\">(143)<\/span><\/td>\r\n              <td><span class=\"tag\">EN<\/span><span class=\"tag\">EL<\/span><\/td>\r\n            <\/tr>\r\n          <\/tbody>\r\n        <\/table>\r\n      <\/div>\r\n\r\n      <div class=\"sm-preview-rec\">\r\n        <strong>Recommendation:<\/strong> For a candid, outdoor look within \u20ac900, choose <em>PhotoCraft<\/em>.\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* Section shell *\/\r\n.sm-preview{background:#faf7ff;padding:40px 20px}\r\n.sm-preview-wrap{max-width:1000px;margin:0 auto}\r\n.sm-preview h2{margin:0 0 20px;font-size:26px;font-weight:800;color:#1e293b}\r\n\r\n\/* Card *\/\r\n.sm-preview-card{\r\n  background:#fff;border:1px solid #eee8ff;border-radius:16px;padding:24px;\r\n  box-shadow:0 8px 18px rgba(124,58,237,.06);\r\n}\r\n.sm-preview-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}\r\n.sm-preview-head span{font-weight:700;color:#111827;font-size:18px}\r\n.sm-preview-head small{background:#f3e8ff;color:#6b21a8;padding:4px 10px;border-radius:999px;font-size:13px}\r\n\r\n\/* Table *\/\r\n.sm-preview-table-scroll{overflow:auto}\r\n.sm-table{\r\n  width:100%;\r\n  min-width:820px;              \/* enables horizontal scroll on small screens *\/\r\n  border-collapse:separate;\r\n  border-spacing:0 10px;        \/* row gaps *\/\r\n  font-size:15px;\r\n  color:#374151;\r\n}\r\n.sm-table thead th{\r\n  background:#f6f1ff;\r\n  color:#111827;\r\n  font-weight:800;\r\n  text-align:left;\r\n  padding:14px 16px;\r\n  border:1px solid #efe7ff;\r\n  border-top-left-radius:10px;\r\n  border-top-right-radius:10px;\r\n}\r\n.sm-table tbody td{\r\n  background:#fafafa;\r\n  padding:12px 16px;\r\n  border:1px solid #f0f0f5;\r\n}\r\n.sm-table tbody tr td:first-child{border-top-left-radius:10px;border-bottom-left-radius:10px}\r\n.sm-table tbody tr td:last-child{border-top-right-radius:10px;border-bottom-right-radius:10px}\r\n\r\n\/* Bits & badges *\/\r\n.rating{color:#7c3aed;font-weight:800}\r\n.muted{color:#6b7280}\r\n.tag{\r\n  display:inline-block;background:#f3e8ff;color:#6b21a8;font-weight:700;\r\n  font-size:12px;padding:4px 8px;border-radius:999px;margin-right:6px\r\n}\r\n\r\n\/* Recommendation *\/\r\n.sm-preview-rec{\r\n  background:#faf7ff;border:1px dashed #c7b5ff;border-radius:12px;\r\n  padding:12px 16px;color:#1f2937;font-size:15px;margin-top:16px;\r\n}\r\n\r\n\/* Small screens *\/\r\n@media (max-width:640px){\r\n  .sm-preview h2{font-size:22px}\r\n  .sm-preview-card{padding:18px}\r\n  .sm-table{min-width:720px}\r\n}\r\n<\/style>\r\n\t\t\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<div class=\"elementor-element elementor-element-e924190 e-flex e-con-boxed e-con e-parent\" data-id=\"e924190\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2e5d2d9 elementor-widget elementor-widget-html\" data-id=\"2e5d2d9\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"sm-sticky-cta\" id=\"smSticky\">\r\n  <span>Ready to compare vendors?<\/span>\r\n  <a href=\"#smartmatch-chat\" class=\"sm-sticky-btn\">Open the chat<\/a>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n  const el = document.getElementById('smSticky');\r\n  let shown=false;\r\n  function onScroll(){\r\n    if(window.scrollY>600 && !shown){ el.classList.add('show'); shown=true; }\r\n    if(window.scrollY<=600 && shown){ el.classList.remove('show'); shown=false; }\r\n  }\r\n  document.addEventListener('scroll', onScroll, {passive:true});\r\n})();\r\n<\/script>\r\n\r\n<style>\r\n.sm-sticky-cta{\r\n  position:fixed;left:50%;transform:translateX(-50%);bottom:-80px;\r\n  background:#111827;color:#fff;border-radius:999px;padding:10px 14px;\r\n  display:flex;gap:10px;align-items:center;box-shadow:0 12px 28px rgba(0,0,0,.25);\r\n  transition:bottom .25s ease; z-index:9999\r\n}\r\n.sm-sticky-cta.show{ bottom:18px; }\r\n.sm-sticky-btn{background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;padding:8px 14px;border-radius:999px;text-decoration:none;font-weight:700}\r\nhtml{scroll-behavior:smooth}\r\n#smartmatch-chat{scroll-margin-top:100px}\r\n<\/style>\r\n\t\t\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<div class=\"elementor-element elementor-element-d7a83f0 e-flex e-con-boxed e-con e-parent\" data-id=\"d7a83f0\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2ca0ac1 elementor-widget elementor-widget-html\" data-id=\"2ca0ac1\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"sm-tips\">\r\n  <div class=\"tip-card\">\r\n    <h4>1. Share vendors<\/h4>\r\n    <p>Paste 2\u20134 vendor <strong>links<\/strong> or type their <strong>names<\/strong>.<\/p>\r\n  <\/div>\r\n  <div class=\"tip-card\">\r\n    <h4>2. Add details<\/h4>\r\n    <p>Include your <strong>date<\/strong>, <strong>location<\/strong>, and <strong>budget<\/strong>.<\/p>\r\n  <\/div>\r\n  <div class=\"tip-card\">\r\n    <h4>3. Use your language<\/h4>\r\n    <p>Write in <strong>English or Greek<\/strong> \u2014 the assistant will reply accordingly.<\/p>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.sm-tips{max-width:1000px;margin:40px auto;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}\r\n.tip-card{\r\n  background:#fff;\r\n  border:1px solid #eee8ff;\r\n  border-radius:16px;\r\n  padding:20px;\r\n  text-align:center;\r\n  box-shadow:0 6px 12px rgba(0,0,0,.05);\r\n  transition:transform .2s ease, box-shadow .2s ease;\r\n}\r\n.tip-card:hover{\r\n  transform:translateY(-5px);\r\n  box-shadow:0 12px 22px rgba(0,0,0,.08);\r\n}\r\n.tip-card h4{margin:0 0 8px;font-size:18px;font-weight:700;color:#1e293b}\r\n.tip-card p{margin:0;color:#475569;font-size:15px}\r\n@media(max-width:900px){.sm-tips{grid-template-columns:1fr}}\r\n<\/style>\r\n\t\t\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<div class=\"elementor-element elementor-element-981750d e-flex e-con-boxed e-con e-parent\" data-id=\"981750d\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c59685f elementor-widget elementor-widget-html\" data-id=\"c59685f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"smartmatch-chat\"><\/div>\r\n\t\t\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<div class=\"elementor-element elementor-element-1d6ec95 e-flex e-con-boxed e-con e-parent\" data-id=\"1d6ec95\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0b6a2ed elementor-widget elementor-widget-html\" data-id=\"0b6a2ed\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"sm-privacy\">\r\n  <strong>Privacy Notice:<\/strong> By using Smart Matching, your messages may be processed by third-party AI services to provide recommendations. Don\u2019t include sensitive personal data. See our <a href=\"\/privacy-policy\/\">Privacy Policy<\/a>.\r\n<\/p>\r\n\r\n<style>\r\n.sm-privacy{\r\n  max-width:960px; margin:16px auto 0; padding:12px 14px; border:1px dashed #c7b5ff; border-radius:12px;\r\n  background:#fbfaff; color:#374151; font-size:14px;\r\n}\r\n.sm-privacy a{ color:#7c3aed; text-decoration:underline; }\r\n<\/style>\r\n\t\t\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<div class=\"elementor-element elementor-element-c09eebf e-flex e-con-boxed e-con e-parent\" data-id=\"c09eebf\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-36e03fb elementor-widget elementor-widget-shortcode\" data-id=\"36e03fb\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">        <div class=\"listeo-ai-chat-wrapper\" id=\"listeo-ai-chat-1350\" style=\"height: 600px\" data-hide-images=\"1\">            <div class=\"listeo-ai-chat-container\">\n                <div class=\"listeo-ai-chat-header\">\n                    <div class=\"listeo-ai-chat-header-left\">\n                                                <div class=\"listeo-ai-chat-title\">Celavivo Assistant<\/div>\n                    <\/div>\n                <\/div>\n                <style>\n                \/* Shortcode menu positioned absolutely in container *\/\n                .listeo-ai-chat-menu-shortcode { position: absolute; top: 15px; right: 15px; z-index: 112; }\n                .listeo-ai-chat-menu-shortcode .listeo-ai-chat-menu-dropdown { right: 0; left: auto; }\n                \/* Style 2: position menu on left like old clear btn *\/\n                .elementor-chat-style .listeo-ai-chat-menu-shortcode { top: 15px; left: 15px; right: auto; }\n                .elementor-chat-style .listeo-ai-chat-menu-shortcode .listeo-ai-chat-menu-dropdown { left: 0; right: auto; }\n                \/* Style 2: hide menu when collapsed (no messages) *\/\n                .elementor-chat-style .listeo-ai-chat-wrapper:not(.expanded) .listeo-ai-chat-menu-shortcode { display: none; }\n                <\/style>\n                <div class=\"listeo-ai-chat-menu listeo-ai-chat-menu-shortcode\">\n                                                            <div class=\"listeo-ai-chat-menu-trigger\" role=\"button\" tabindex=\"0\" aria-haspopup=\"menu\" aria-expanded=\"false\">\n                        <svg width=\"18\" height=\"18\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                            <path d=\"M3 6.5C2.17 6.5 1.5 7.17 1.5 8C1.5 8.83 2.17 9.5 3 9.5C3.83 9.5 4.5 8.83 4.5 8C4.5 7.17 3.83 6.5 3 6.5ZM8 6.5C7.17 6.5 6.5 7.17 6.5 8C6.5 8.83 7.17 9.5 8 9.5C8.83 9.5 9.5 8.83 9.5 8C9.5 7.17 8.83 6.5 8 6.5ZM13 6.5C12.17 6.5 11.5 7.17 11.5 8C11.5 8.83 12.17 9.5 13 9.5C13.83 9.5 14.5 8.83 14.5 8C14.5 7.17 13.83 6.5 13 6.5Z\" fill=\"currentColor\"\/>\n                        <\/svg>\n                    <\/div>\n                    <div class=\"listeo-ai-chat-menu-dropdown\" role=\"menu\" data-state=\"closed\">\n                        <div class=\"listeo-ai-chat-menu-item listeo-ai-chat-clear-btn\" role=\"menuitem\" tabindex=\"-1\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                <path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"><\/path>\n                                <line x1=\"12\" y1=\"7\" x2=\"12\" y2=\"13\"><\/line>\n                                <line x1=\"9\" y1=\"10\" x2=\"15\" y2=\"10\"><\/line>\n                            <\/svg>\n                            Start a new chat                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"listeo-ai-chat-messages\" id=\"listeo-ai-chat-1350-messages\">\n                    <!-- Welcome message added by JavaScript to avoid flash of wrong content -->\n                <\/div>\n\n                        <div class=\"listeo-ai-chat-quick-buttons\">\n                        <div class=\"listeo-ai-quick-btn\"\n                 data-type=\"url\"\n                 data-value=\"https:\/\/celavivo.com\/help-center\/\"\n                 >\n                <span>Help Center<\/span>\n                                <svg class=\"listeo-ai-btn-icon\" style=\"margin-left:-3px\" width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"19\" x2=\"19\" y2=\"5\"\/><polyline points=\"9 5 19 5 19 15\"\/><\/svg>\n                            <\/div>\n                        <div class=\"listeo-ai-quick-btn\"\n                 data-type=\"contact\"\n                 data-value=\"\"\n                 >\n                <span>Contact Support<\/span>\n                                <svg class=\"listeo-ai-btn-icon\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><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\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg>\n                            <\/div>\n                    <\/div>\n        \n                                <div class=\"listeo-ai-chat-input-wrapper\">\n                                        <textarea\n                        id=\"listeo-ai-chat-1350-input\"\n                        class=\"listeo-ai-chat-input\"\n                        placeholder=\"Type a message\"\n                        rows=\"2\"\n                        maxlength=\"1000\"\n                    ><\/textarea>\n                                        <button\n                        id=\"listeo-ai-chat-1350-send\"\n                        class=\"listeo-ai-chat-send-btn\"\n                    >\n                        <img decoding=\"async\" src=\"https:\/\/celavivo.com\/wp-content\/plugins\/ai-chat-search\/assets\/icons\/arrow-up.svg\" alt=\"Send\" width=\"16\" height=\"16\" \/>\n                    <\/button>\n                <\/div>\n\n                                    <div class=\"listeo-ai-chat-terms-notice\">\n                                            <\/div>\n                \n                \n\n        <!-- Contact Form Overlay -->\n        <div class=\"listeo-ai-contact-form-overlay\" style=\"display: none;\">\n            <div class=\"listeo-ai-contact-form\">\n                <div class=\"listeo-ai-contact-form-header\">\n                    <h3>Contact Us<\/h3>\n                    <div class=\"listeo-ai-contact-form-close\" role=\"button\" aria-label=\"Close\">\n                        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\n                    <\/div>\n                <\/div>\n                <form class=\"listeo-ai-contact-form-body\">\n                    <div class=\"listeo-ai-contact-form-field\">\n                        <label for=\"listeo-contact-name\">Name <span class=\"required\">*<\/span><\/label>\n                        <input type=\"text\" id=\"listeo-contact-name\" name=\"name\" required \/>\n                    <\/div>\n                    <div class=\"listeo-ai-contact-form-field\">\n                        <label for=\"listeo-contact-email\">Email <span class=\"required\">*<\/span><\/label>\n                        <input type=\"email\" id=\"listeo-contact-email\" name=\"email\" required \/>\n                    <\/div>\n                    <div class=\"listeo-ai-contact-form-field\">\n                        <label for=\"listeo-contact-message\">Message <span class=\"required\">*<\/span><\/label>\n                        <textarea id=\"listeo-contact-message\" name=\"message\" rows=\"4\" required><\/textarea>\n                    <\/div>\n                    <div class=\"listeo-ai-contact-form-actions\">\n                        <button type=\"submit\" class=\"listeo-ai-contact-form-submit\">\n                            <span class=\"button-text\">Send Message<\/span>\n                            <span class=\"button-spinner\" style=\"display: none;\">\n                                <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                    <path d=\"M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z\" opacity=\"0.25\" fill=\"currentColor\"\/>\n                                    <path d=\"M12,4a8,8,0,0,1,7.89,6.7A1.53,1.53,0,0,0,21.38,12h0a1.5,1.5,0,0,0,1.48-1.75,11,11,0,0,0-21.72,0A1.5,1.5,0,0,0,2.62,12h0a1.53,1.53,0,0,0,1.49-1.3A8,8,0,0,1,12,4Z\" fill=\"currentColor\">\n                                        <animateTransform attributeName=\"transform\" dur=\"0.75s\" repeatCount=\"indefinite\" type=\"rotate\" values=\"0 12 12;360 12 12\"\/>\n                                    <\/path>\n                                <\/svg>\n                            <\/span>\n                        <\/button>\n                    <\/div>\n                    <div class=\"listeo-ai-contact-form-message\" style=\"display: none;\"><\/div>\n                <\/form>\n            <\/div>\n        <\/div>\n        \n                            <\/div>\n        <\/div>\n        <\/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\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2cd28bd e-flex e-con-boxed e-con e-parent\" data-id=\"2cd28bd\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-995cf2a elementor-widget elementor-widget-spacer\" data-id=\"995cf2a\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/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\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5129595 e-flex e-con-boxed e-con e-parent\" data-id=\"5129595\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bf29d27 elementor-widget elementor-widget-html\" data-id=\"bf29d27\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ai-faq\">\r\n  <details open>\r\n    <summary>How does Smart Matching work?<\/summary>\r\n    <p>Tell us your event date, location, budget and paste 2\u20134 vendor links. AI compares style, reviews, price range and availability to suggest the best fit.<\/p>\r\n  <\/details>\r\n  <details>\r\n    <summary>What details should I provide?<\/summary>\r\n    <p>Event type, date, location, budget range, and any preferences (e.g., candid photography, indoor venue, Greek\/English language).<\/p>\r\n  <\/details>\r\n  <details>\r\n    <summary>Can I use it in Greek?<\/summary>\r\n    <p>Yes\u2014write in English or Greek. The assistant will reply in your language.<\/p>\r\n  <\/details>\r\n  <details>\r\n    <summary>Is my data safe?<\/summary>\r\n    <p>Your info is used to generate your comparison. Messages may be reviewed to prevent fraud and resolve disputes, as stated in our policies.<\/p>\r\n  <\/details>\r\n<\/div>\r\n\r\n<style>\r\n.ai-faq details{ background:#fff; border:1px solid #eef; border-radius:12px; padding:14px 16px; margin-bottom:10px; }\r\n.ai-faq summary{ cursor:pointer; font-weight:700; color:#111827; }\r\n.ai-faq p{ margin:10px 0 0; color:#4b5563; }\r\n<\/style>\r\n\t\t\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<div class=\"elementor-element elementor-element-e531f78 e-flex e-con-boxed e-con e-parent\" data-id=\"e531f78\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6dc5b74 elementor-widget elementor-widget-spacer\" data-id=\"6dc5b74\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/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\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-907a1a4 e-flex e-con-boxed e-con e-parent\" data-id=\"907a1a4\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ba39b43 elementor-widget elementor-widget-html\" data-id=\"ba39b43\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================\r\nBOTTOM CTA + USE CASES + EXTRA FAQ\r\nPaste this near the bottom of your page, ABOVE the footer.\r\n========================= -->\r\n\r\n<!-- Use-case cards -->\r\n<section class=\"sm-usecases\">\r\n  <div class=\"sm-usecases-wrap\">\r\n    <h3 class=\"sm-sec-title\">Popular ways to use Smart Matching<\/h3>\r\n\r\n    <div class=\"sm-usecases-grid\">\r\n      <button class=\"uc-card\" data-prompt=\"Compare DJs under \u20ac500 for my event on [DATE] in [CITY]. Paste\/compare 2\u20134 options.\">\r\n        <span class=\"uc-emoji\">\ud83c\udfa7<\/span>\r\n        <span class=\"uc-title\">Compare DJs under \u20ac500<\/span>\r\n        <span class=\"uc-sub\">Share 2\u20134 links or names<\/span>\r\n      <\/button>\r\n\r\n      <button class=\"uc-card\" data-prompt=\"Find a bridal makeup artist near Larnaca for [DATE]. Compare 2\u20134 vendors by style, reviews and price.\">\r\n        <span class=\"uc-emoji\">\ud83d\udc84<\/span>\r\n        <span class=\"uc-title\">Find a bridal makeup artist near Larnaca<\/span>\r\n        <span class=\"uc-sub\">We\u2019ll highlight style & reviews<\/span>\r\n      <\/button>\r\n\r\n      <button class=\"uc-card\" data-prompt=\"Plan a christening for 60 guests in [CITY] on [DATE]. Suggest a draft timeline and vendors to compare.\">\r\n        <span class=\"uc-emoji\">\ud83d\udc76<\/span>\r\n        <span class=\"uc-title\">Plan a christening for 60 guests<\/span>\r\n        <span class=\"uc-sub\">Get a draft timeline + vendors<\/span>\r\n      <\/button>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- Bottom CTA -->\r\n<section class=\"sm-bottom-cta\">\r\n  <div class=\"sm-bottom-cta-wrap\">\r\n    <h3>Ready to try Smart Matching?<\/h3>\r\n    <p>Paste 2\u20134 vendor links or names, add your date & budget \u2014 AI compares and recommends the best fit.<\/p>\r\n    <a href=\"#smartmatch-chat\" class=\"sm-bottom-cta-btn\">\ud83d\ude80 Try Smart Matching<\/a>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- Extra FAQ (simple details) -->\r\n<section class=\"sm-faq-extra\">\r\n  <div class=\"sm-faq-wrap\">\r\n    <h3 class=\"sm-sec-title\">More questions<\/h3>\r\n\r\n    <details class=\"faq-item\">\r\n      <summary>Can I trust the recommendations?<\/summary>\r\n      <div>\r\n        We compare style, price range, reviews, and the information you provide (date, budget, location).\r\n        You still make the final choice \u2014 Smart Matching saves time by surfacing the best-fit options.\r\n      <\/div>\r\n    <\/details>\r\n\r\n    <details class=\"faq-item\">\r\n      <summary>How many vendors can I compare at once?<\/summary>\r\n      <div>We recommend 2\u20134 vendors for a clear side-by-side summary and a confident pick.<\/div>\r\n    <\/details>\r\n\r\n    <details class=\"faq-item\">\r\n      <summary>What if my preferred vendor isn\u2019t listed?<\/summary>\r\n      <div>No problem \u2014 paste their website or social link, or just type the name. We\u2019ll still include them in the comparison.<\/div>\r\n    <\/details>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* Shared *\/\r\n.sm-sec-title{\r\n  font-size:24px; font-weight:800; color:#1e293b; margin:0 0 16px;\r\n}\r\n\r\n\/* Use-cases *\/\r\n.sm-usecases{ background:#faf7ff; padding:36px 20px; }\r\n.sm-usecases-wrap{ max-width:1100px; margin:0 auto; }\r\n.sm-usecases-grid{\r\n  display:grid; grid-template-columns:repeat(3,1fr); gap:16px;\r\n}\r\n.uc-card{\r\n  background:#fff; border:1px solid #eee8ff; border-radius:16px;\r\n  padding:18px; text-align:left; cursor:pointer;\r\n  box-shadow:0 8px 18px rgba(124,58,237,.06);\r\n  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;\r\n}\r\n.uc-card:hover{ transform:translateY(-4px); box-shadow:0 16px 30px rgba(124,58,237,.12); border-color:#d8ccff; }\r\n.uc-emoji{ font-size:22px; }\r\n.uc-title{ display:block; font-weight:800; color:#111827; margin-top:4px; }\r\n.uc-sub{ display:block; color:#6b7280; margin-top:2px; font-size:14px; }\r\n\r\n\/* Bottom CTA *\/\r\n.sm-bottom-cta{ padding:38px 20px; background:#fff; }\r\n.sm-bottom-cta-wrap{ max-width:900px; margin:0 auto; text-align:center; }\r\n.sm-bottom-cta h3{ margin:0 0 6px; font-size:28px; font-weight:800; color:#111827; }\r\n.sm-bottom-cta p{ margin:0 0 18px; color:#475569; }\r\n.sm-bottom-cta-btn{\r\n  display:inline-block; padding:14px 26px; border-radius:999px;\r\n  background:linear-gradient(135deg,#7c3aed,#a855f7); color:#fff; text-decoration:none;\r\n  font-weight:800; box-shadow:0 6px 18px rgba(0,0,0,.25);\r\n  transition:transform .18s ease, box-shadow .18s ease;\r\n}\r\n.sm-bottom-cta-btn:hover{ transform:translateY(-2px); box-shadow:0 10px 24px rgba(0,0,0,.35); }\r\n\r\n\/* Extra FAQ *\/\r\n.sm-faq-extra{ background:#faf7ff; padding:30px 20px; }\r\n.sm-faq-wrap{ max-width:900px; margin:0 auto; }\r\n.faq-item{\r\n  background:#fff; border:1px solid #eee8ff; border-radius:14px; padding:14px 16px;\r\n  box-shadow:0 6px 14px rgba(124,58,237,.06); margin-bottom:10px;\r\n}\r\n.faq-item summary{\r\n  cursor:pointer; list-style:none; font-weight:800; color:#111827; outline:none;\r\n}\r\n.faq-item summary::-webkit-details-marker{ display:none; }\r\n.faq-item[open]{ border-color:#d8ccff; }\r\n.faq-item div{ color:#374151; margin-top:8px; }\r\n\r\n\/* Smooth scroll + stop under sticky header *\/\r\nhtml{ scroll-behavior:smooth; }\r\n#smartmatch-chat{ scroll-margin-top:100px; }\r\n\r\n\/* Responsive *\/\r\n@media (max-width:900px){\r\n  .sm-usecases-grid{ grid-template-columns:1fr; }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n\/* Prefill chat when a use-case card is clicked. Also scroll to the chat. *\/\r\n(function(){\r\n  function findChatInput(){\r\n    return document.querySelector('.mwai-input textarea, .mwai-input input, textarea[name=\"mwai_input\"]');\r\n  }\r\n  function prefillAndScroll(prompt){\r\n    const el = findChatInput();\r\n    if(el){ el.value = prompt; el.dispatchEvent(new Event('input', {bubbles:true})); el.focus(); }\r\n    const target = document.getElementById('smartmatch-chat');\r\n    if(target){\r\n      const y = target.getBoundingClientRect().top + window.pageYOffset - 100;\r\n      window.scrollTo({ top: y, behavior: 'smooth' });\r\n    }\r\n  }\r\n  document.querySelectorAll('.uc-card').forEach(btn=>{\r\n    btn.addEventListener('click', ()=> prefillAndScroll(btn.dataset.prompt));\r\n  });\r\n})();\r\n<\/script>\r\n\t\t\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<div class=\"elementor-element elementor-element-fe18934 e-flex e-con-boxed e-con e-parent\" data-id=\"fe18934\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3a92b14 elementor-widget elementor-widget-spacer\" data-id=\"3a92b14\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/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\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u2728 CeIavivo AI Smart Matching \u2013 Find the Best Wedding &#038; Christening Vendors in Cyprus Paste vendor links or names, add your date &#038; budget \u2014 AI compares and recommends the best fit instantly. \ud83d\ude80 Try Smart Matching Now How Smart Matching Works Share vendors &#038; details Paste 2\u20134 vendor links or type their names. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1350","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/celavivo.com\/el\/wp-json\/wp\/v2\/pages\/1350","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/celavivo.com\/el\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/celavivo.com\/el\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/celavivo.com\/el\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/celavivo.com\/el\/wp-json\/wp\/v2\/comments?post=1350"}],"version-history":[{"count":5,"href":"https:\/\/celavivo.com\/el\/wp-json\/wp\/v2\/pages\/1350\/revisions"}],"predecessor-version":[{"id":4456,"href":"https:\/\/celavivo.com\/el\/wp-json\/wp\/v2\/pages\/1350\/revisions\/4456"}],"wp:attachment":[{"href":"https:\/\/celavivo.com\/el\/wp-json\/wp\/v2\/media?parent=1350"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}