{"id":19,"date":"2026-10-27T15:41:57","date_gmt":"2026-10-27T15:41:57","guid":{"rendered":"https:\/\/dynamic.relentless.gr\/?page_id=19"},"modified":"2026-10-27T15:41:57","modified_gmt":"2026-10-27T15:41:57","slug":"dorean-diagnosi","status":"publish","type":"page","link":"https:\/\/dynamic.relentless.gr\/?page_id=19","title":{"rendered":"\u0394\u03c9\u03c1\u03b5\u03ac\u03bd \u0394\u03b9\u03ac\u03b3\u03bd\u03c9\u03c3\u03b7"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"19\" class=\"elementor elementor-19\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f29fed1 e-con-full e-flex e-con e-parent\" data-id=\"f29fed1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a275f16 elementor-widget elementor-widget-html\" data-id=\"a275f16\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@300;400;600;800&display=swap\" rel=\"stylesheet\">\n<style>\n  :root {\n    --ink: #0D131A;\n    --ink-2: #16202b;\n    --ink-soft: #3c4650;\n    --muted: #6b7682;\n    --bg: #ffffff;\n    --bg-alt: #f2f6fb;\n    --blue: #e3ebf9;\n    --sky: #9fc3ff;\n    --green: #D8F0C7;\n    --lime: #b6f08a;\n    --accent: #2f7d32;\n    --line: #dde3ea;\n    --radius: 20px;\n    --ease: cubic-bezier(.2,.8,.2,1);\n  }\n  * { box-sizing: border-box; margin: 0; padding: 0; }\n  html { scroll-behavior: smooth; scroll-padding-top: 80px; overflow-x: clip; }\n  body {\n    font-family: \"Manrope\", system-ui, sans-serif; color: var(--ink); background: var(--bg);\n    line-height: 1.6; -webkit-font-smoothing: antialiased; overflow-x: clip;\n  }\n  img { max-width: 100%; display: block; }\n  a { color: inherit; }\n  .wrap { width: min(1200px, 100% - 32px); margin-inline: auto; }\n  h1, h2, h3 { font-weight: 800; line-height: 1.08; letter-spacing: -0.02em; }\n  h2 { font-size: clamp(2rem, 4.4vw, 3.4rem); }\n  .eyebrow {\n    display: inline-flex; align-items: center; gap: 10px; font-size: .78rem; font-weight: 600;\n    letter-spacing: .16em; text-transform: uppercase; color: var(--accent); margin-bottom: 16px;\n  }\n  .eyebrow::before { content: \"\"; width: 26px; height: 2px; background: currentColor; }\n  .lead { font-weight: 300; font-size: 1.15rem; color: var(--ink-soft); }\n  .grad-text {\n    background: linear-gradient(100deg, var(--lime), #7fe0c4 35%, var(--sky) 65%, var(--lime));\n    background-size: 300% 100%; -webkit-background-clip: text; background-clip: text; color: transparent;\n    animation: shimmer 6s linear infinite;\n  }\n  @keyframes shimmer { to { background-position: -300% 0; } }\n\n  \/* Scroll progress *\/\n  .progress { position: fixed; top: 0; left: 0; height: 3px; width: 100%; z-index: 60; transform-origin: 0 50%;\n    transform: scaleX(0); background: linear-gradient(90deg, var(--lime), var(--sky)); }\n\n  \/* Cursor glow (desktop) *\/\n  .cursor-glow { position: fixed; width: 420px; height: 420px; border-radius: 50%; pointer-events: none; z-index: 1;\n    background: radial-gradient(circle, rgba(182,240,138,.16), transparent 65%); transform: translate(-50%,-50%);\n    left: -500px; top: -500px; transition: opacity .3s; mix-blend-mode: screen; }\n  @media (hover: none) { .cursor-glow { display: none; } }\n\n  \/* Buttons *\/\n  .btn {\n    position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 10px;\n    padding: 18px 30px; border-radius: 999px; font: 600 1rem\/1 \"Manrope\", sans-serif; text-decoration: none;\n    border: 2px solid transparent; cursor: pointer; transition: background .25s, color .25s, border-color .25s, box-shadow .3s;\n    will-change: transform; overflow: hidden; isolation: isolate;\n  }\n  .btn svg { transition: transform .3s var(--ease); }\n  .btn:hover svg { transform: translateX(4px); }\n  .btn-glow { background: var(--lime); color: var(--ink); box-shadow: 0 0 0 0 rgba(182,240,138,.6); animation: pulse 2.6s infinite; }\n  .btn-glow::after { content: \"\"; position: absolute; inset: 0; z-index: -1;\n    background: linear-gradient(120deg, transparent 30%, rgba(255,255,255,.7) 50%, transparent 70%);\n    transform: translateX(-120%); animation: sweep 3.2s 1s infinite; }\n  @keyframes sweep { 60%, 100% { transform: translateX(120%); } }\n  @keyframes pulse { 0% { box-shadow: 0 0 0 0 rgba(182,240,138,.55); } 70% { box-shadow: 0 0 0 18px rgba(182,240,138,0); } 100% { box-shadow: 0 0 0 0 rgba(182,240,138,0); } }\n  .btn-dark { background: var(--ink); color: #fff; }\n  .btn-dark:hover { background: #26313d; }\n  .btn-line { border-color: rgba(255,255,255,.35); color: #fff; background: rgba(255,255,255,.04); backdrop-filter: blur(6px); }\n  .btn-line:hover { background: #fff; color: var(--ink); }\n  .btn-outline { border-color: var(--ink); color: var(--ink); background: transparent; }\n  .btn-outline:hover { background: var(--ink); color: #fff; }\n\n  \/* Header *\/\n  header { position: fixed; top: 0; left: 0; right: 0; z-index: 50; transition: background .35s, box-shadow .35s, transform .4s var(--ease); }\n  header.scrolled { background: rgba(255,255,255,.86); backdrop-filter: blur(14px) saturate(1.4); box-shadow: 0 1px 0 var(--line); }\n  .nav { display: flex; align-items: center; justify-content: space-between; height: 76px; gap: 16px; }\n  .brand { display: flex; align-items: center; gap: 12px; text-decoration: none; color: #fff; transition: color .35s; }\n  header.scrolled .brand { color: var(--ink); }\n  .brand .logo { background: #fff; border-radius: 14px; padding: 5px; display: grid; place-items: center; }\n  .brand img { height: 38px; width: auto; }\n  .brand span { font-weight: 800; font-size: 1.08rem; white-space: nowrap; line-height: 1.2; }\n  .brand small { display: block; font-weight: 300; font-size: .72rem; opacity: .7; letter-spacing: .04em; }\n  .nav-right { display: flex; align-items: center; gap: 18px; }\n  .nav-phone { font-weight: 600; text-decoration: none; white-space: nowrap; color: #fff; transition: color .35s; }\n  header.scrolled .nav-phone { color: var(--ink); }\n  .nav .btn { padding: 13px 22px; font-size: .92rem; animation: none; }\n  @media (max-width: 640px) { .nav-phone, .nav .btn { display: none; } }\n\n  \/* HERO *\/\n  .hero { position: relative; min-height: 100svh; background: var(--ink); color: #fff; overflow: hidden;\n    display: flex; align-items: center; padding: 120px 0 90px; }\n  .blobs { position: absolute; inset: 0; pointer-events: none; filter: blur(70px); opacity: .75; }\n  .blob { position: absolute; border-radius: 50%; mix-blend-mode: screen; }\n  .b1 { width: 46vmax; height: 46vmax; background: #2f7d32; left: -12vmax; top: -14vmax; animation: drift1 18s ease-in-out infinite alternate; }\n  .b2 { width: 38vmax; height: 38vmax; background: #2c5aa0; right: -10vmax; top: 10vmax; animation: drift2 22s ease-in-out infinite alternate; }\n  .b3 { width: 26vmax; height: 26vmax; background: #6fbf73; left: 30%; bottom: -14vmax; animation: drift3 16s ease-in-out infinite alternate; opacity: .6; }\n  @keyframes drift1 { to { transform: translate(18vmax, 12vmax) scale(1.15); } }\n  @keyframes drift2 { to { transform: translate(-14vmax, -8vmax) scale(.9); } }\n  @keyframes drift3 { to { transform: translate(10vmax, -10vmax) scale(1.2); } }\n  .grid-lines { position: absolute; inset: 0; pointer-events: none; opacity: .5;\n    background-image: linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px);\n    background-size: 64px 64px; mask-image: radial-gradient(ellipse at 50% 40%, #000 20%, transparent 75%); }\n  .grain { position: absolute; inset: -50%; pointer-events: none; opacity: .07; animation: grain 1s steps(4) infinite;\n    background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'\/%3E%3C\/svg%3E\"); }\n  @keyframes grain { 0% { transform: translate(0,0); } 25% { transform: translate(-3%,2%); } 50% { transform: translate(2%,-3%); } 75% { transform: translate(-2%,-1%); } }\n\n  .hero-grid { position: relative; z-index: 2; display: grid; grid-template-columns: 1.1fr .9fr; gap: 60px; align-items: center; }\n  .badge { display: inline-flex; align-items: center; gap: 10px; padding: 9px 16px 9px 12px; border-radius: 999px; font-weight: 600; font-size: .88rem;\n    background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.14); backdrop-filter: blur(8px); margin-bottom: 26px; }\n  .live { position: relative; width: 10px; height: 10px; border-radius: 50%; background: var(--lime); }\n  .live::after { content: \"\"; position: absolute; inset: 0; border-radius: 50%; background: var(--lime); animation: ping 1.6s infinite; }\n  @keyframes ping { to { transform: scale(2.8); opacity: 0; } }\n  .hero h1 { font-size: clamp(3rem, 8.4vw, 6.6rem); margin-bottom: 18px; }\n  .hero h1 .line { display: block; overflow: hidden; padding-bottom: .06em; }\n  .hero h1 .line > span { display: inline-block; transform: translateY(110%); animation: rise 1s var(--ease) forwards; }\n  .hero h1 .line:nth-child(2) > span { animation-delay: .12s; }\n  @keyframes rise { to { transform: none; } }\n  .rotator { font-size: clamp(1.25rem, 2.6vw, 1.9rem); font-weight: 300; margin-bottom: 26px; display: flex; flex-wrap: wrap; gap: .35em; align-items: baseline; }\n  .rotator .slot { position: relative; display: inline-grid; height: 1.35em; overflow: hidden; font-weight: 800; color: var(--lime); }\n  .rotator .slot b { grid-area: 1\/1; transform: translateY(110%); opacity: 0; transition: transform .6s var(--ease), opacity .6s; white-space: nowrap; }\n  .rotator .slot b.on { transform: none; opacity: 1; }\n  .rotator .slot b.out { transform: translateY(-110%); opacity: 0; }\n  .hero .lead { color: #b9c2cc; max-width: 560px; margin-bottom: 36px; }\n  .hero-ctas { display: flex; flex-wrap: wrap; gap: 14px; margin-bottom: 40px; }\n  .checks { list-style: none; display: flex; flex-wrap: wrap; gap: 10px 26px; color: #d6dde4; font-size: .95rem; }\n  .checks li { display: flex; gap: 10px; align-items: center; }\n  .fade-up { opacity: 0; transform: translateY(24px); animation: fadeUp .9s var(--ease) forwards; }\n  @keyframes fadeUp { to { opacity: 1; transform: none; } }\n\n  .hero-media { position: relative; perspective: 1000px; }\n  .tilt { transform-style: preserve-3d; transition: transform .5s var(--ease); }\n  .morph { position: relative; aspect-ratio: 4\/5; overflow: hidden; animation: morph 14s ease-in-out infinite;\n    border-radius: 42% 58% 55% 45% \/ 45% 42% 58% 55%; box-shadow: 0 40px 80px -30px rgba(0,0,0,.7); }\n  .morph img { width: 100%; height: 100%; object-fit: cover; transform: scale(1.08); }\n  .morph::after { content: \"\"; position: absolute; inset: 0; background: linear-gradient(160deg, rgba(182,240,138,.18), transparent 45%, rgba(13,19,26,.35)); }\n  @keyframes morph {\n    0%,100% { border-radius: 42% 58% 55% 45% \/ 45% 42% 58% 55%; }\n    33% { border-radius: 58% 42% 40% 60% \/ 55% 58% 42% 45%; }\n    66% { border-radius: 48% 52% 62% 38% \/ 38% 55% 45% 62%; }\n  }\n  .ring { position: absolute; inset: -6%; border-radius: 50%; border: 1px dashed rgba(182,240,138,.35); animation: spin 40s linear infinite; pointer-events: none; }\n  @keyframes spin { to { transform: rotate(360deg); } }\n  .glass { position: absolute; display: flex; gap: 12px; align-items: center; padding: 14px 18px; border-radius: 18px; color: #fff;\n    background: rgba(22,32,43,.55); border: 1px solid rgba(255,255,255,.16); backdrop-filter: blur(14px); box-shadow: 0 20px 40px -20px rgba(0,0,0,.6);\n    transform: translateZ(60px); }\n  .glass .ico { width: 42px; height: 42px; border-radius: 12px; display: grid; place-items: center; background: var(--lime); color: var(--ink); flex: none; }\n  .glass strong { display: block; font-size: .98rem; }\n  .glass span { font-size: .8rem; color: #b9c2cc; }\n  .g1 { left: -34px; bottom: 14%; animation: float 6s ease-in-out infinite; }\n  .g2 { right: -22px; top: 10%; animation: float 7s 1s ease-in-out infinite; }\n  @keyframes float { 50% { translate: 0 -14px; } }\n  .scroll-hint { position: absolute; left: 50%; bottom: 26px; z-index: 2; translate: -50% 0; width: 26px; height: 42px; border: 2px solid rgba(255,255,255,.35); border-radius: 20px; }\n  .scroll-hint::after { content: \"\"; position: absolute; left: 50%; top: 8px; width: 4px; height: 8px; margin-left: -2px; border-radius: 2px; background: #fff; animation: wheel 1.8s infinite; }\n  @keyframes wheel { to { transform: translateY(14px); opacity: 0; } }\n  @media (max-width: 900px) {\n    .hero { min-height: auto; padding: 110px 0 80px; }\n    .hero-grid { grid-template-columns: 1fr; gap: 50px; }\n    .morph { aspect-ratio: 1\/1; }\n    .g1 { left: 0; } .g2 { right: 0; }\n    .scroll-hint { display: none; }\n  }\n\n  \/* Marquee *\/\n  .marquee { background: var(--lime); color: var(--ink); overflow: hidden; transform: rotate(-2deg) scale(1.04); margin: -28px 0 0; position: relative; z-index: 3; padding: 18px 0; }\n  .marquee.alt { background: var(--ink); color: #fff; transform: rotate(1.5deg) scale(1.04); margin: -14px 0 0; z-index: 2; }\n  .track { display: flex; width: max-content; animation: marq 32s linear infinite; }\n  .marquee.alt .track { animation-direction: reverse; animation-duration: 40s; }\n  .track span { font-weight: 800; font-size: clamp(1.1rem, 2.4vw, 1.6rem); padding: 0 24px; white-space: nowrap; display: flex; align-items: center; gap: 48px; }\n  .track span::after { content: \"\u2726\"; font-size: .8em; }\n  .marquee.alt .track span { -webkit-text-stroke: 1px rgba(255,255,255,.7); color: transparent; }\n  .marquee.alt .track span::after { -webkit-text-stroke: 0; color: var(--lime); }\n  @keyframes marq { to { transform: translateX(-50%); } }\n\n  section { padding: 120px 0; position: relative; }\n  @media (max-width: 640px) { section { padding: 80px 0; } }\n  .section-head { max-width: 720px; margin-bottom: 56px; }\n  .section-head.center { margin-inline: auto; text-align: center; }\n  .section-head.center .eyebrow::after { content: \"\"; width: 26px; height: 2px; background: currentColor; }\n  .section-head p { margin-top: 16px; }\n\n  \/* Reveal *\/\n  .reveal { opacity: 0; transform: translateY(40px); transition: opacity 1s var(--ease), transform 1s var(--ease); transition-delay: var(--d, 0s); }\n  .reveal.in { opacity: 1; transform: none; }\n  .reveal-img { clip-path: inset(0 0 100% 0); transition: clip-path 1.3s var(--ease); }\n  .reveal-img.in { clip-path: inset(0 0 0 0); }\n\n  \/* Body map *\/\n  .bodymap { background: linear-gradient(180deg, #fff, var(--bg-alt)); }\n  .bm-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: 56px; align-items: center; }\n  .figure-wrap { position: relative; max-width: 380px; margin-inline: auto; width: 100%; }\n  .figure-wrap::before { content: \"\"; position: absolute; inset: 8% 0; border-radius: 50%; background: radial-gradient(circle, var(--green), transparent 65%); filter: blur(10px); }\n  .figure { position: relative; width: 100%; height: auto; overflow: visible; }\n  .figure .body path, .figure .body circle { transition: stroke .4s; }\n  .hot { cursor: pointer; outline: none; }\n  .hot .halo { fill: var(--accent); opacity: .25; transform-box: fill-box; transform-origin: center; animation: halo 2s infinite; }\n  .hot .dot { fill: #fff; stroke: var(--accent); stroke-width: 3; transition: r .3s, fill .3s; }\n  .hot:hover .dot, .hot:focus .dot, .hot.active .dot { fill: var(--accent); r: 9; }\n  .hot.active .halo { fill: var(--lime); opacity: .7; }\n  @keyframes halo { 0% { transform: scale(.6); opacity: .5; } 100% { transform: scale(2.4); opacity: 0; } }\n  .bm-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin: 26px 0 22px; }\n  .bm-tab { font: 600 .9rem \"Manrope\", sans-serif; padding: 9px 16px; border-radius: 999px; border: 1px solid var(--line); background: #fff; cursor: pointer; transition: .25s; color: var(--ink); }\n  .bm-tab:hover { border-color: var(--ink); }\n  .bm-tab.active { background: var(--ink); color: #fff; border-color: var(--ink); }\n  .bm-panel { background: #fff; border-radius: 26px; padding: 34px; box-shadow: 0 30px 60px -36px rgba(13,19,26,.35); border: 1px solid var(--line); position: relative; overflow: hidden; }\n  .bm-panel::before { content: \"\"; position: absolute; right: -60px; top: -60px; width: 200px; height: 200px; border-radius: 50%; background: var(--green); opacity: .6; }\n  .bm-panel > * { position: relative; }\n  .bm-panel h3 { font-size: 1.8rem; margin-bottom: 8px; }\n  .bm-panel .sub { color: var(--muted); margin-bottom: 22px; }\n  .bm-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; margin-bottom: 26px; }\n  .bm-cols h4 { font-size: .78rem; letter-spacing: .14em; text-transform: uppercase; color: var(--accent); margin-bottom: 10px; }\n  .bm-cols ul { list-style: none; display: grid; gap: 7px; font-size: .96rem; color: var(--ink-soft); }\n  .bm-cols li::before { content: \"\u2192 \"; color: var(--accent); font-weight: 800; }\n  .bm-swap { animation: swap .5s var(--ease); }\n  @keyframes swap { from { opacity: 0; transform: translateY(12px); } }\n  @media (max-width: 900px) { .bm-grid { grid-template-columns: 1fr; gap: 30px; } .figure-wrap { max-width: 180px; } .bm-tabs { margin-top: 0; } }\n  @media (max-width: 520px) { .bm-cols { grid-template-columns: 1fr; } .bm-panel { padding: 26px 22px; } }\n\n  \/* Stats *\/\n  .stats { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }\n  .stat { padding: 40px 24px; border-left: 1px solid var(--line); }\n  .stat:first-child { border-left: 0; }\n  .stat b { display: block; font-size: clamp(2.6rem, 5vw, 4rem); font-weight: 800; line-height: 1; letter-spacing: -.03em; margin-bottom: 10px; }\n  .stat span { color: var(--muted); }\n  @media (max-width: 800px) { .stats { grid-template-columns: 1fr 1fr; } .stat:nth-child(3) { border-left: 0; } .stat:nth-child(n+3) { border-top: 1px solid var(--line); } }\n\n  \/* Included: spotlight cards *\/\n  .cards { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }\n  .card { --mx: 50%; --my: 50%; position: relative; border-radius: var(--radius); padding: 34px 28px; background: var(--bg-alt); overflow: hidden;\n    transition: transform .5s var(--ease), box-shadow .5s; transform-style: preserve-3d; }\n  .card::before { content: \"\"; position: absolute; inset: 0; opacity: 0; transition: opacity .4s;\n    background: radial-gradient(400px circle at var(--mx) var(--my), rgba(182,240,138,.55), transparent 45%); }\n  .card:hover::before { opacity: 1; }\n  .card:hover { box-shadow: 0 30px 50px -30px rgba(13,19,26,.35); }\n  .card > * { position: relative; }\n  .card .num { font-weight: 800; font-size: 3.4rem; line-height: 1; display: block; margin-bottom: 26px; color: transparent; -webkit-text-stroke: 1.5px var(--ink); }\n  .card h3 { font-size: 1.2rem; margin-bottom: 10px; }\n  .card p { color: var(--ink-soft); font-size: .97rem; }\n  @media (max-width: 960px) { .cards { grid-template-columns: repeat(2, 1fr); } }\n  @media (max-width: 560px) { .cards { grid-template-columns: 1fr; } }\n\n  \/* Services *\/\n  .dark { background: var(--ink); color: #fff; overflow: hidden; }\n  .dark .eyebrow { color: var(--lime); }\n  .dark .lead { color: #b9c2cc; }\n  .services { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }\n  .svc { --mx: 50%; --my: 50%; position: relative; border-radius: var(--radius); overflow: hidden; aspect-ratio: 4\/5; isolation: isolate; }\n  .svc img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; transition: transform 1.2s var(--ease), filter .6s; filter: saturate(.85); }\n  .svc::before { content: \"\"; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(13,19,26,0) 30%, rgba(13,19,26,.92) 85%); transition: .5s; }\n  .svc::after { content: \"\"; position: absolute; inset: 0; z-index: -1; opacity: 0; transition: opacity .4s;\n    background: radial-gradient(300px circle at var(--mx) var(--my), rgba(182,240,138,.3), transparent 60%); }\n  .svc:hover img { transform: scale(1.1); filter: saturate(1.1); }\n  .svc:hover::after { opacity: 1; }\n  .svc .txt { position: absolute; left: 0; right: 0; bottom: 0; padding: 26px; }\n  .svc .tag { display: inline-block; font-size: .72rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; padding: 5px 10px; border-radius: 999px; background: rgba(182,240,138,.16); color: var(--lime); margin-bottom: 12px; }\n  .svc h3 { font-size: 1.3rem; margin-bottom: 4px; }\n  .svc p { color: #c9d1d9; font-size: .95rem; max-height: 0; opacity: 0; overflow: hidden; transition: max-height .6s var(--ease), opacity .5s, margin .5s; }\n  .svc:hover p, .svc:focus-within p { max-height: 120px; opacity: 1; margin-top: 8px; }\n  @media (hover: none) { .svc p { max-height: none; opacity: 1; margin-top: 8px; } }\n  @media (max-width: 900px) { .services { grid-template-columns: 1fr 1fr; } }\n  @media (max-width: 560px) { .services { grid-template-columns: 1fr; } .svc { aspect-ratio: 4\/3; } }\n\n  \/* Steps timeline *\/\n  .timeline { position: relative; max-width: 860px; margin-inline: auto; }\n  .tl-line { position: absolute; left: 31px; top: 0; bottom: 0; width: 2px; background: var(--line); }\n  .tl-fill { position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform-origin: top; transform: scaleY(0); background: linear-gradient(var(--accent), var(--lime)); }\n  .tl-step { position: relative; display: grid; grid-template-columns: 64px 1fr; gap: 28px; padding-bottom: 56px; }\n  .tl-step:last-child { padding-bottom: 0; }\n  .tl-dot { width: 64px; height: 64px; border-radius: 50%; display: grid; place-items: center; font-weight: 800; font-size: 1.2rem; background: #fff; border: 2px solid var(--line); position: relative; z-index: 1; transition: .5s var(--ease); }\n  .tl-step.lit .tl-dot { background: var(--ink); color: var(--lime); border-color: var(--ink); box-shadow: 0 0 0 8px var(--green); }\n  .tl-step h3 { font-size: clamp(1.4rem, 3vw, 2rem); margin: 10px 0 8px; }\n  .tl-step p { color: var(--ink-soft); font-size: 1.05rem; max-width: 560px; }\n\n  \/* Booking *\/\n  .booking { background: var(--green); overflow: hidden; }\n  .booking .blob-lite { position: absolute; width: 520px; height: 520px; border-radius: 50%; background: radial-gradient(circle, rgba(255,255,255,.8), transparent 60%); right: -160px; top: -160px; animation: drift2 20s ease-in-out infinite alternate; pointer-events: none; }\n  .book-grid { position: relative; display: grid; grid-template-columns: .9fr 1.1fr; gap: 60px; align-items: start; }\n  .info-list { list-style: none; display: grid; gap: 18px; margin-top: 34px; }\n  .info-list li { display: flex; gap: 14px; align-items: flex-start; }\n  .info-list .ico { width: 46px; height: 46px; border-radius: 14px; background: #fff; display: grid; place-items: center; flex: none; transition: transform .4s var(--ease); }\n  .info-list li:hover .ico { transform: rotate(-8deg) scale(1.08); }\n  .info-list strong { display: block; }\n  .info-list a { text-decoration: none; }\n  .hours { font-size: .95rem; color: var(--ink-soft); }\n  .form-shell { position: relative; border-radius: 30px; padding: 2px; overflow: hidden; }\n  .form-shell::before { content: \"\"; position: absolute; inset: -50%; background: conic-gradient(from 0deg, var(--ink), var(--accent), var(--lime), var(--sky), var(--ink)); animation: spin 6s linear infinite; }\n  form { position: relative; background: #fff; border-radius: 28px; padding: 40px; }\n  form h3 { font-size: 1.7rem; margin-bottom: 6px; }\n  form > .form-body > p { color: var(--muted); margin-bottom: 26px; font-size: .95rem; }\n  .row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }\n  .field { position: relative; margin-bottom: 16px; }\n  .field input, .field select, .field textarea {\n    font: inherit; padding: 24px 16px 10px; border: 1.5px solid var(--line); border-radius: 14px; background: #fafbfc; color: var(--ink); width: 100%;\n    transition: border-color .25s, background .25s, box-shadow .25s; appearance: none;\n  }\n  .field select { background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%230D131A' stroke-width='2' fill='none'\/%3E%3C\/svg%3E\"); background-repeat: no-repeat; background-position: right 16px center; }\n  .field textarea { min-height: 104px; resize: vertical; }\n  .field label { position: absolute; left: 17px; top: 17px; font-size: 1rem; color: var(--muted); pointer-events: none; transition: .22s var(--ease); }\n  .field input:focus, .field select:focus, .field textarea:focus { outline: none; border-color: var(--ink); background: #fff; box-shadow: 0 0 0 4px var(--green); }\n  .field input:focus + label, .field input:not(:placeholder-shown) + label,\n  .field textarea:focus + label, .field textarea:not(:placeholder-shown) + label,\n  .field select + label { top: 8px; font-size: .74rem; font-weight: 600; color: var(--ink-soft); }\n  .field.flash select { animation: flash 1.2s var(--ease); }\n  @keyframes flash { 0%,100% { box-shadow: 0 0 0 0 var(--lime); } 30% { box-shadow: 0 0 0 6px var(--lime); border-color: var(--accent); } }\n  .consent { display: flex; gap: 10px; font-size: .85rem; color: var(--ink-soft); margin: 4px 0 22px; align-items: flex-start; cursor: pointer; }\n  .consent input { width: 18px; height: 18px; margin-top: 2px; flex: none; accent-color: var(--ink); }\n  form .btn { width: 100%; }\n  .form-note { margin-top: 14px; font-size: .85rem; color: var(--muted); text-align: center; }\n  .form-ok { display: none; text-align: center; padding: 40px 0; }\n  .form-ok.show { display: block; animation: swap .6s var(--ease); }\n  .form-ok svg { margin: 0 auto 18px; }\n  .form-ok .check { stroke-dasharray: 60; stroke-dashoffset: 60; animation: draw .7s .3s var(--ease) forwards; }\n  .form-ok .circ { stroke-dasharray: 230; stroke-dashoffset: 230; animation: draw .8s var(--ease) forwards; }\n  @keyframes draw { to { stroke-dashoffset: 0; } }\n  .form-ok h3 { margin-bottom: 8px; }\n  .confetti { position: fixed; width: 10px; height: 14px; z-index: 80; pointer-events: none; border-radius: 2px; }\n  @media (max-width: 900px) { .book-grid { grid-template-columns: 1fr; gap: 44px; } }\n  @media (max-width: 520px) { form { padding: 28px 20px; } .row { grid-template-columns: 1fr; gap: 0; } }\n\n  \/* FAQ *\/\n  .faq { max-width: 860px; margin-inline: auto; }\n  .faq-item { border-bottom: 1px solid var(--line); }\n  .faq-q { width: 100%; text-align: left; background: none; border: 0; cursor: pointer; font: 600 1.12rem \"Manrope\", sans-serif; color: var(--ink);\n    display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 26px 0; }\n  .faq-q .pm { width: 36px; height: 36px; border-radius: 50%; border: 1.5px solid var(--line); position: relative; flex: none; transition: .4s var(--ease); }\n  .faq-q .pm::before, .faq-q .pm::after { content: \"\"; position: absolute; left: 50%; top: 50%; width: 12px; height: 2px; background: var(--ink); translate: -50% -50%; transition: .4s var(--ease); }\n  .faq-q .pm::after { rotate: 90deg; }\n  .faq-item.open .pm { background: var(--ink); border-color: var(--ink); rotate: 180deg; }\n  .faq-item.open .pm::before, .faq-item.open .pm::after { background: var(--lime); }\n  .faq-item.open .pm::after { rotate: 0deg; }\n  .faq-a { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .5s var(--ease); }\n  .faq-a > div { overflow: hidden; }\n  .faq-a p { color: var(--ink-soft); padding-bottom: 26px; max-width: 720px; }\n  .faq-item.open .faq-a { grid-template-rows: 1fr; }\n\n  \/* Final CTA *\/\n  .final { background: var(--ink); color: #fff; text-align: center; overflow: hidden; }\n  .final h2 { font-size: clamp(2.4rem, 7vw, 5.6rem); margin-bottom: 26px; }\n  .final .lead { color: #b9c2cc; max-width: 560px; margin: 0 auto 36px; }\n  .final .ctas { display: flex; flex-wrap: wrap; gap: 14px; justify-content: center; }\n\n  .map iframe { width: 100%; height: 400px; border: 0; display: block; filter: grayscale(.6) contrast(1.05); transition: filter .6s; }\n  .map:hover iframe { filter: none; }\n  footer { background: var(--ink); color: #b9c2cc; padding: 36px 0; font-size: .9rem; border-top: 1px solid rgba(255,255,255,.08); }\n  .foot { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 16px; }\n  footer a { color: #fff; text-decoration: none; margin-left: 18px; }\n  footer a:first-child { margin-left: 0; }\n\n  \/* Sticky mobile CTA *\/\n  .mobile-cta { display: none; }\n  @media (max-width: 640px) {\n    .mobile-cta { display: flex; gap: 10px; position: fixed; left: 12px; right: 12px; bottom: calc(12px + env(safe-area-inset-bottom)); z-index: 40;\n      padding: 8px; border-radius: 999px; background: rgba(13,19,26,.82); backdrop-filter: blur(14px); box-shadow: 0 20px 40px -14px rgba(0,0,0,.5);\n      transform: translateY(150%); transition: transform .5s var(--ease); }\n    .mobile-cta.show { transform: none; }\n    .mobile-cta .btn { flex: 1; padding: 14px 10px; font-size: .95rem; }\n    .mobile-cta .btn-line { border-color: rgba(255,255,255,.25); }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; scroll-behavior: auto !important; }\n    .reveal { opacity: 1; transform: none; } .reveal-img { clip-path: none; }\n  }\n\n  \/* ===== WordPress \/ Elementor integration ===== *\/\n  body.elementor-template-canvas { font-family: \"Manrope\", system-ui, sans-serif; color: var(--ink); background: var(--bg); line-height: 1.6; margin: 0; overflow-x: clip; }\n  .elementor .e-con:has(#dpc-main), .elementor .e-con:has(#dpc-main) > .e-con-inner {\n    --padding-top: 0px; --padding-right: 0px; --padding-bottom: 0px; --padding-left: 0px;\n    --content-width: 100%; --container-max-width: 100%; --width: 100%; --gap: 0px; --row-gap: 0px; --column-gap: 0px;\n    padding: 0 !important; margin: 0 !important; max-width: none !important; width: 100% !important; min-height: 0 !important;\n  }\n  .elementor-widget-html:has(#dpc-main), .elementor-widget-html:has(#dpc-main) > .elementor-widget-container { margin: 0 !important; padding: 0 !important; width: 100% !important; max-width: none !important; }\n  #hdr :is(h1,h2,h3,h4), #dpc-main :is(h1,h2,h3,h4) { font-family: inherit; }\n  #dpc-main :is(h1,h2,h3) { color: inherit; }\n  .admin-bar #hdr, .admin-bar #progress { top: var(--wp-admin--admin-bar--height, 32px); }\n  @media (max-width: 600px) { .admin-bar #hdr, .admin-bar #progress { top: 0; } }\n<\/style>\n\n<div class=\"progress\" id=\"progress\"><\/div>\n<div class=\"cursor-glow\" id=\"glow\"><\/div>\n\n<header id=\"hdr\">\n  <div class=\"wrap nav\">\n    <a class=\"brand\" href=\"https:\/\/dynamicphysio.gr\/\">\n      <span class=\"logo\"><img decoding=\"async\" src=\"https:\/\/assets.zyrosite.com\/cdn-cgi\/image\/format=auto,w=200,fit=crop\/AE0oEPxNg7Hpz4L1\/asset-2-72x-8-dOqyMaXwyosD1Ekp.png\" alt=\"Dynamic Physio Center\"><\/span>\n      <span>Dynamic Physio<small>\u039a\u03ad\u03bd\u03c4\u03c1\u03bf \u03a6\u03c5\u03c3\u03b9\u03ba\u03bf\u03b8\u03b5\u03c1\u03b1\u03c0\u03b5\u03af\u03b1\u03c2<\/small><\/span>\n    <\/a>\n    <div class=\"nav-right\">\n      <a class=\"nav-phone\" href=\"tel:+306980350453\">698 035 0453<\/a>\n      <a class=\"btn btn-glow magnetic\" href=\"#kratisi\">\u039a\u03bb\u03b5\u03af\u03c3\u03c4\u03b5 \u03a1\u03b1\u03bd\u03c4\u03b5\u03b2\u03bf\u03cd<\/a>\n    <\/div>\n  <\/div>\n<\/header>\n\n<main id=\"dpc-main\">\n  <!-- HERO -->\n  <section class=\"hero\" id=\"hero\">\n    <div class=\"blobs\"><div class=\"blob b1\"><\/div><div class=\"blob b2\"><\/div><div class=\"blob b3\"><\/div><\/div>\n    <div class=\"grid-lines\"><\/div>\n    <div class=\"grain\"><\/div>\n\n    <div class=\"wrap hero-grid\">\n      <div>\n        <span class=\"badge fade-up\"><span class=\"live\"><\/span>\u039d\u03ad\u03b1 \u03a6\u03b9\u03bb\u03b1\u03b4\u03ad\u03bb\u03c6\u03b5\u03b9\u03b1 \u00b7 \u0394\u03c9\u03c1\u03b5\u03ac\u03bd \u03c0\u03c1\u03ce\u03c4\u03b7 \u03b5\u03c0\u03af\u03c3\u03ba\u03b5\u03c8\u03b7<\/span>\n        <h1>\n          <span class=\"line\"><span class=\"grad-text\">\u0394\u03c9\u03c1\u03b5\u03ac\u03bd<\/span><\/span>\n          <span class=\"line\"><span>\u0394\u03b9\u03ac\u03b3\u03bd\u03c9\u03c3\u03b7<\/span><\/span>\n        <\/h1>\n        <div class=\"rotator fade-up\" style=\"animation-delay:.35s\">\n          <span>\u03a6\u03c5\u03c3\u03b9\u03ba\u03bf\u03b8\u03b5\u03c1\u03b1\u03c0\u03b5\u03af\u03b1\u03c2 \u03b3\u03b9\u03b1<\/span>\n          <span class=\"slot\" id=\"slot\">\n            <b class=\"on\">\u03c4\u03b7 \u03bc\u03ad\u03c3\u03b7 \u03c3\u03b1\u03c2<\/b><b>\u03c4\u03bf\u03bd \u03b1\u03c5\u03c7\u03ad\u03bd\u03b1 \u03c3\u03b1\u03c2<\/b><b>\u03c4\u03bf\u03bd \u03ce\u03bc\u03bf \u03c3\u03b1\u03c2<\/b><b>\u03c4\u03bf \u03b3\u03cc\u03bd\u03b1\u03c4\u03cc \u03c3\u03b1\u03c2<\/b><b>\u03c4\u03b7\u03bd \u03b1\u03b8\u03bb\u03b7\u03c4\u03b9\u03ba\u03ae \u03ba\u03ac\u03ba\u03c9\u03c3\u03b7<\/b><b>\u03c4\u03b7\u03bd \u03b1\u03c0\u03bf\u03ba\u03b1\u03c4\u03ac\u03c3\u03c4\u03b1\u03c3\u03b7<\/b>\n          <\/span>\n        <\/div>\n        <p class=\"lead fade-up\" style=\"animation-delay:.5s\">\u0392\u03c1\u03af\u03c3\u03ba\u03bf\u03c5\u03bc\u03b5 \u03c4\u03b7\u03bd \u03c0\u03c1\u03b1\u03b3\u03bc\u03b1\u03c4\u03b9\u03ba\u03ae \u03b1\u03b9\u03c4\u03af\u03b1 \u03c4\u03bf\u03c5 \u03c0\u03cc\u03bd\u03bf\u03c5 \u03c3\u03b1\u03c2 \u03ba\u03b1\u03b9 \u03c3\u03b1\u03c2 \u03b4\u03af\u03bd\u03bf\u03c5\u03bc\u03b5 \u03ad\u03bd\u03b1 \u03be\u03b5\u03ba\u03ac\u03b8\u03b1\u03c1\u03bf \u03c0\u03bb\u03ac\u03bd\u03bf \u03b1\u03c0\u03bf\u03ba\u03b1\u03c4\u03ac\u03c3\u03c4\u03b1\u03c3\u03b7\u03c2. \u039c\u03b7\u03b4\u03b5\u03bd\u03b9\u03ba\u03cc \u03ba\u03cc\u03c3\u03c4\u03bf\u03c2, \u03ba\u03b1\u03bc\u03af\u03b1 \u03b4\u03ad\u03c3\u03bc\u03b5\u03c5\u03c3\u03b7.<\/p>\n        <div class=\"hero-ctas fade-up\" style=\"animation-delay:.65s\">\n          <a class=\"btn btn-glow magnetic\" href=\"#kratisi\">\u039a\u03bb\u03b5\u03af\u03c3\u03c4\u03b5 \u03c4\u03b7 \u03b4\u03c9\u03c1\u03b5\u03ac\u03bd \u03b4\u03b9\u03ac\u03b3\u03bd\u03c9\u03c3\u03b7\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\n          <\/a>\n          <a class=\"btn btn-line magnetic\" href=\"#xartis\">\u03a0\u03bf\u03cd \u03c0\u03bf\u03bd\u03ac\u03c4\u03b5;<\/a>\n        <\/div>\n        <ul class=\"checks fade-up\" style=\"animation-delay:.8s\">\n          <li><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#b6f08a\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12.5l4.5 4.5L19 7.5\"\/><\/svg>0\u20ac \u03ba\u03cc\u03c3\u03c4\u03bf\u03c2<\/li>\n          <li><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#b6f08a\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12.5l4.5 4.5L19 7.5\"\/><\/svg>\u039a\u03b1\u03bc\u03af\u03b1 \u03b4\u03ad\u03c3\u03bc\u03b5\u03c5\u03c3\u03b7<\/li>\n          <li><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#b6f08a\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12.5l4.5 4.5L19 7.5\"\/><\/svg>\u0395\u03be\u03b1\u03c4\u03bf\u03bc\u03b9\u03ba\u03b5\u03c5\u03bc\u03ad\u03bd\u03bf \u03c0\u03bb\u03ac\u03bd\u03bf<\/li>\n        <\/ul>\n      <\/div>\n\n      <div class=\"hero-media fade-up\" style=\"animation-delay:.3s\">\n        <div class=\"tilt\" id=\"tilt\">\n          <div class=\"ring\"><\/div>\n          <div class=\"morph\">\n            <img decoding=\"async\" src=\"https:\/\/assets.zyrosite.com\/cdn-cgi\/image\/format=auto,w=1024,h=1341,fit=crop\/AE0oEPxNg7Hpz4L1\/physiotherapist-checking-patient-medium-shot-m6Lv3DNROOIpj9q4.jpg\" alt=\"\u03a6\u03c5\u03c3\u03b9\u03ba\u03bf\u03b8\u03b5\u03c1\u03b1\u03c0\u03b5\u03c5\u03c4\u03ae\u03c2 \u03b1\u03be\u03b9\u03bf\u03bb\u03bf\u03b3\u03b5\u03af \u03b1\u03c3\u03b8\u03b5\u03bd\u03ae\">\n          <\/div>\n          <div class=\"glass g1\">\n            <div class=\"ico\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"17\" rx=\"3\"\/><path d=\"M8 2v4M16 2v4M3 10h18\"\/><\/svg><\/div>\n            <div><strong>\u0394\u03b5\u03c5\u03c4\u03ad\u03c1\u03b1 \u03ad\u03c9\u03c2 \u03a0\u03b1\u03c1\u03b1\u03c3\u03ba\u03b5\u03c5\u03ae<\/strong><span>\u03a0\u03c1\u03c9\u03b9\u03bd\u03ac &amp; \u03b1\u03c0\u03bf\u03b3\u03b5\u03c5\u03bc\u03b1\u03c4\u03b9\u03bd\u03ac \u03c1\u03b1\u03bd\u03c4\u03b5\u03b2\u03bf\u03cd<\/span><\/div>\n          <\/div>\n          <div class=\"glass g2\">\n            <div class=\"ico\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20.8 4.6a5.5 5.5 0 0 0-7.8 0L12 5.7l-1-1.1a5.5 5.5 0 0 0-7.8 7.8l1 1.1L12 21l7.8-7.5 1-1.1a5.5 5.5 0 0 0 0-7.8z\"\/><\/svg><\/div>\n            <div><strong>0\u20ac<\/strong><span>\u03a0\u03c1\u03ce\u03c4\u03b7 \u03b4\u03b9\u03ac\u03b3\u03bd\u03c9\u03c3\u03b7<\/span><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    <a class=\"scroll-hint\" href=\"#xartis\" aria-label=\"\u039a\u03cd\u03bb\u03b9\u03c3\u03b7 \u03c0\u03c1\u03bf\u03c2 \u03c4\u03b1 \u03ba\u03ac\u03c4\u03c9\"><\/a>\n  <\/section>\n\n  <!-- MARQUEE -->\n  <div class=\"marquee\" aria-hidden=\"true\"><div class=\"track\" id=\"m1\"><span>\u039f\u03c3\u03c6\u03c5\u03b1\u03bb\u03b3\u03af\u03b1<\/span><span>\u0391\u03c5\u03c7\u03b5\u03bd\u03b9\u03ba\u03cc \u03c3\u03cd\u03bd\u03b4\u03c1\u03bf\u03bc\u03bf<\/span><span>\u03a0\u03cc\u03bd\u03bf\u03c2 \u03c3\u03c4\u03bf\u03bd \u03ce\u03bc\u03bf<\/span><span>\u0391\u03b8\u03bb\u03b7\u03c4\u03b9\u03ba\u03ad\u03c2 \u03ba\u03b1\u03ba\u03ce\u03c3\u03b5\u03b9\u03c2<\/span><span>\u0394\u03b9\u03b1\u03c3\u03c4\u03c1\u03ad\u03bc\u03bc\u03b1\u03c4\u03b1<\/span><span>\u03a4\u03b5\u03bd\u03bf\u03bd\u03c4\u03bf\u03c0\u03ac\u03b8\u03b5\u03b9\u03b5\u03c2<\/span><span>\u039c\u03b5\u03c4\u03b5\u03b3\u03c7\u03b5\u03b9\u03c1\u03b7\u03c4\u03b9\u03ba\u03ae \u03b1\u03c0\u03bf\u03ba\u03b1\u03c4\u03ac\u03c3\u03c4\u03b1\u03c3\u03b7<\/span><span>\u03a0\u03cc\u03bd\u03bf\u03c2 \u03c3\u03c4\u03bf \u03b3\u03cc\u03bd\u03b1\u03c4\u03bf<\/span><\/div><\/div>\n  <div class=\"marquee alt\" aria-hidden=\"true\"><div class=\"track\" id=\"m2\"><span>Dry Needling<\/span><span>Mulligan<\/span><span>\u0392\u03b5\u03bb\u03bf\u03bd\u03b9\u03c3\u03bc\u03cc\u03c2<\/span><span>Cupping<\/span><span>\u0398\u03b5\u03c1\u03b1\u03c0\u03b5\u03c5\u03c4\u03b9\u03ba\u03cc \u03bc\u03b1\u03c3\u03ac\u03b6<\/span><span>\u039b\u03b5\u03bc\u03c6\u03b9\u03ba\u03cc \u03bc\u03b1\u03c3\u03ac\u03b6<\/span><span>\u0391\u03c0\u03bf\u03ba\u03b1\u03c4\u03ac\u03c3\u03c4\u03b1\u03c3\u03b7<\/span><\/div><\/div>\n\n  <!-- BODY MAP -->\n  <section class=\"bodymap\" id=\"xartis\">\n    <div class=\"wrap\">\n      <div class=\"section-head reveal\">\n        <span class=\"eyebrow\">\u0394\u03b9\u03b1\u03b4\u03c1\u03b1\u03c3\u03c4\u03b9\u03ba\u03cc\u03c2 \u03c7\u03ac\u03c1\u03c4\u03b7\u03c2<\/span>\n        <h2>\u03a0\u03bf\u03cd \u03c0\u03bf\u03bd\u03ac\u03c4\u03b5;<\/h2>\n        <p class=\"lead\">\u03a0\u03b1\u03c4\u03ae\u03c3\u03c4\u03b5 \u03c3\u03c4\u03bf \u03c3\u03b7\u03bc\u03b5\u03af\u03bf \u03c0\u03bf\u03c5 \u03c3\u03b1\u03c2 \u03b5\u03bd\u03bf\u03c7\u03bb\u03b5\u03af. \u0394\u03b5\u03af\u03c4\u03b5 \u03c4\u03b9 \u03b5\u03bb\u03ad\u03b3\u03c7\u03bf\u03c5\u03bc\u03b5 \u03c3\u03c4\u03b7 \u03b4\u03c9\u03c1\u03b5\u03ac\u03bd \u03b4\u03b9\u03ac\u03b3\u03bd\u03c9\u03c3\u03b7 \u03ba\u03b1\u03b9 \u03c0\u03ce\u03c2 \u03bc\u03c0\u03bf\u03c1\u03bf\u03cd\u03bc\u03b5 \u03bd\u03b1 \u03b2\u03bf\u03b7\u03b8\u03ae\u03c3\u03bf\u03c5\u03bc\u03b5.<\/p>\n      <\/div>\n      <div class=\"bm-grid\">\n        <div class=\"figure-wrap reveal\">\n          <svg class=\"figure\" viewBox=\"0 0 200 420\" role=\"img\" aria-label=\"\u0391\u03bd\u03b8\u03c1\u03ce\u03c0\u03b9\u03bd\u03b7 \u03c6\u03b9\u03b3\u03bf\u03cd\u03c1\u03b1 \u03bc\u03b5 \u03c3\u03b7\u03bc\u03b5\u03af\u03b1 \u03c0\u03cc\u03bd\u03bf\u03c5\">\n            <defs>\n              <linearGradient id=\"bodyg\" gradientUnits=\"userSpaceOnUse\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"420\"><stop offset=\"0\" stop-color=\"#0D131A\"\/><stop offset=\"1\" stop-color=\"#2c3a48\"\/><\/linearGradient>\n            <\/defs>\n            <g class=\"body\" fill=\"none\" stroke=\"url(#bodyg)\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <circle cx=\"100\" cy=\"38\" r=\"24\" fill=\"url(#bodyg)\" stroke=\"none\"\/>\n              <path d=\"M100 66 V78\" stroke-width=\"16\"\/>\n              <path d=\"M100 98 V196\" stroke-width=\"52\"\/>\n              <path d=\"M70 96 L56 166 L48 232\" stroke-width=\"18\"\/>\n              <path d=\"M130 96 L144 166 L152 232\" stroke-width=\"18\"\/>\n              <path d=\"M88 214 L84 310 L80 398\" stroke-width=\"24\"\/>\n              <path d=\"M112 214 L116 310 L120 398\" stroke-width=\"24\"\/>\n            <\/g>\n            <g id=\"hots\"><\/g>\n          <\/svg>\n        <\/div>\n        <div class=\"reveal\" style=\"--d:.15s\">\n          <div class=\"bm-tabs\" id=\"bm-tabs\" role=\"tablist\"><\/div>\n          <div class=\"bm-panel\" id=\"bm-panel\" aria-live=\"polite\"><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- STATS -->\n  <section style=\"padding:0\">\n    <div class=\"wrap\">\n      <div class=\"stats\">\n        <div class=\"stat reveal\"><b><span class=\"count\" data-to=\"0\">0<\/span>\u20ac<\/b><span>\u03ba\u03cc\u03c3\u03c4\u03bf\u03c2 \u03b3\u03b9\u03b1 \u03c4\u03b7\u03bd \u03c0\u03c1\u03ce\u03c4\u03b7 \u03b4\u03b9\u03ac\u03b3\u03bd\u03c9\u03c3\u03b7<\/span><\/div>\n        <div class=\"stat reveal\" style=\"--d:.1s\"><b><span class=\"count\" data-to=\"11\">0<\/span><\/b><span>\u03b8\u03b5\u03c1\u03b1\u03c0\u03b5\u03af\u03b5\u03c2 &amp; \u03c4\u03b5\u03c7\u03bd\u03b9\u03ba\u03ad\u03c2<\/span><\/div>\n        <div class=\"stat reveal\" style=\"--d:.2s\"><b><span class=\"count\" data-to=\"5\">0<\/span><\/b><span>\u03b7\u03bc\u03ad\u03c1\u03b5\u03c2 \u03c4\u03b7\u03bd \u03b5\u03b2\u03b4\u03bf\u03bc\u03ac\u03b4\u03b1<\/span><\/div>\n        <div class=\"stat reveal\" style=\"--d:.3s\"><b><span class=\"count\" data-to=\"100\">0<\/span>%<\/b><span>\u03b5\u03be\u03b1\u03c4\u03bf\u03bc\u03b9\u03ba\u03b5\u03c5\u03bc\u03ad\u03bd\u03bf \u03c0\u03bb\u03ac\u03bd\u03bf<\/span><\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- WHAT YOU GET -->\n  <section>\n    <div class=\"wrap\">\n      <div class=\"section-head reveal\">\n        <span class=\"eyebrow\">\u03a4\u03b9 \u03c0\u03b5\u03c1\u03b9\u03bb\u03b1\u03bc\u03b2\u03ac\u03bd\u03b5\u03b9<\/span>\n        <h2>\u038c\u03c7\u03b9 \u03bc\u03b9\u03b1 \u03b3\u03c1\u03ae\u03b3\u03bf\u03c1\u03b7 \u03ba\u03bf\u03c5\u03b2\u03ad\u03bd\u03c4\u03b1. \u039c\u03b9\u03b1 \u03c0\u03c1\u03b1\u03b3\u03bc\u03b1\u03c4\u03b9\u03ba\u03ae \u03b1\u03be\u03b9\u03bf\u03bb\u03cc\u03b3\u03b7\u03c3\u03b7.<\/h2>\n        <p class=\"lead\">\u03a6\u03b5\u03cd\u03b3\u03b5\u03c4\u03b5 \u03be\u03ad\u03c1\u03bf\u03bd\u03c4\u03b1\u03c2 \u03c4\u03b9 \u03c3\u03c5\u03bc\u03b2\u03b1\u03af\u03bd\u03b5\u03b9 \u03c3\u03c4\u03bf \u03c3\u03ce\u03bc\u03b1 \u03c3\u03b1\u03c2 \u03ba\u03b1\u03b9 \u03c4\u03b9 \u03c0\u03c1\u03ad\u03c0\u03b5\u03b9 \u03bd\u03b1 \u03b3\u03af\u03bd\u03b5\u03b9.<\/p>\n      <\/div>\n      <div class=\"cards\">\n        <div class=\"card spot reveal\"><span class=\"num\">01<\/span><h3>\u0399\u03c3\u03c4\u03bf\u03c1\u03b9\u03ba\u03cc &amp; \u03c3\u03c5\u03b6\u03ae\u03c4\u03b7\u03c3\u03b7<\/h3><p>\u039a\u03b1\u03c4\u03b1\u03b3\u03c1\u03ac\u03c6\u03bf\u03c5\u03bc\u03b5 \u03c3\u03c5\u03bc\u03c0\u03c4\u03ce\u03bc\u03b1\u03c4\u03b1, \u03c4\u03c1\u03cc\u03c0\u03bf \u03b6\u03c9\u03ae\u03c2, \u03b5\u03c1\u03b3\u03b1\u03c3\u03af\u03b1 \u03ba\u03b1\u03b9 \u03ac\u03b8\u03bb\u03b7\u03c3\u03b7.<\/p><\/div>\n        <div class=\"card spot reveal\" style=\"--d:.1s\"><span class=\"num\">02<\/span><h3>\u039a\u03bb\u03b9\u03bd\u03b9\u03ba\u03ae \u03b5\u03be\u03ad\u03c4\u03b1\u03c3\u03b7<\/h3><p>\u039a\u03b9\u03bd\u03b7\u03c4\u03b9\u03ba\u03cc\u03c4\u03b7\u03c4\u03b1, \u03bc\u03c5\u03ca\u03ba\u03ae \u03b9\u03c3\u03c7\u03cd\u03c2, \u03c3\u03c4\u03ac\u03c3\u03b7 \u03c3\u03ce\u03bc\u03b1\u03c4\u03bf\u03c2 \u03ba\u03b1\u03b9 \u03bb\u03b5\u03b9\u03c4\u03bf\u03c5\u03c1\u03b3\u03b9\u03ba\u03ac \u03c4\u03b5\u03c3\u03c4.<\/p><\/div>\n        <div class=\"card spot reveal\" style=\"--d:.2s\"><span class=\"num\">03<\/span><h3>\u0395\u03bd\u03c4\u03bf\u03c0\u03b9\u03c3\u03bc\u03cc\u03c2 \u03b1\u03b9\u03c4\u03af\u03b1\u03c2<\/h3><p>\u03a3\u03b1\u03c2 \u03b5\u03be\u03b7\u03b3\u03bf\u03cd\u03bc\u03b5 \u03bc\u03b5 \u03b1\u03c0\u03bb\u03ac \u03bb\u03cc\u03b3\u03b9\u03b1 \u03b1\u03c0\u03cc \u03c0\u03bf\u03cd \u03c0\u03c1\u03bf\u03ad\u03c1\u03c7\u03b5\u03c4\u03b1\u03b9 \u03bf \u03c0\u03cc\u03bd\u03bf\u03c2.<\/p><\/div>\n        <div class=\"card spot reveal\" style=\"--d:.3s\"><span class=\"num\">04<\/span><h3>\u03a0\u03bb\u03ac\u03bd\u03bf \u03b1\u03c0\u03bf\u03ba\u03b1\u03c4\u03ac\u03c3\u03c4\u03b1\u03c3\u03b7\u03c2<\/h3><p>\u03a0\u03c1\u03bf\u03c4\u03b5\u03b9\u03bd\u03cc\u03bc\u03b5\u03bd\u03bf \u03c0\u03c1\u03cc\u03b3\u03c1\u03b1\u03bc\u03bc\u03b1 \u03b8\u03b5\u03c1\u03b1\u03c0\u03b5\u03af\u03b1\u03c2 \u03ba\u03b1\u03b9 \u03b1\u03c3\u03ba\u03ae\u03c3\u03b5\u03b9\u03c2 \u03b3\u03b9\u03b1 \u03c4\u03bf \u03c3\u03c0\u03af\u03c4\u03b9.<\/p><\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- SERVICES -->\n  <section class=\"dark\">\n    <div class=\"wrap\">\n      <div class=\"section-head reveal\">\n        <span class=\"eyebrow\">\u039f\u03b9 \u03b8\u03b5\u03c1\u03b1\u03c0\u03b5\u03af\u03b5\u03c2 \u03bc\u03b1\u03c2<\/span>\n        <h2>\u03a3\u03cd\u03b3\u03c7\u03c1\u03bf\u03bd\u03b5\u03c2 \u03c4\u03b5\u03c7\u03bd\u03b9\u03ba\u03ad\u03c2. <span class=\"grad-text\">\u03a0\u03c1\u03b1\u03b3\u03bc\u03b1\u03c4\u03b9\u03ba\u03ac \u03b1\u03c0\u03bf\u03c4\u03b5\u03bb\u03ad\u03c3\u03bc\u03b1\u03c4\u03b1.<\/span><\/h2>\n        <p class=\"lead\">\u039c\u03b5\u03c4\u03ac \u03c4\u03b7 \u03b4\u03b9\u03ac\u03b3\u03bd\u03c9\u03c3\u03b7, \u03c3\u03c5\u03bd\u03b4\u03c5\u03ac\u03b6\u03bf\u03c5\u03bc\u03b5 \u03c4\u03b9\u03c2 \u03ba\u03b1\u03c4\u03ac\u03bb\u03bb\u03b7\u03bb\u03b5\u03c2 \u03bc\u03b5\u03b8\u03cc\u03b4\u03bf\u03c5\u03c2 \u03b3\u03b9\u03b1 \u03b3\u03c1\u03ae\u03b3\u03bf\u03c1\u03b7 \u03b5\u03c0\u03b9\u03c3\u03c4\u03c1\u03bf\u03c6\u03ae \u03c3\u03c4\u03b7\u03bd \u03ba\u03b1\u03b8\u03b7\u03bc\u03b5\u03c1\u03b9\u03bd\u03cc\u03c4\u03b7\u03c4\u03b1 \u03ba\u03b1\u03b9 \u03c0\u03c1\u03cc\u03bb\u03b7\u03c8\u03b7 \u03bc\u03b5\u03bb\u03bb\u03bf\u03bd\u03c4\u03b9\u03ba\u03ce\u03bd \u03c4\u03c1\u03b1\u03c5\u03bc\u03b1\u03c4\u03b9\u03c3\u03bc\u03ce\u03bd.<\/p>\n      <\/div>\n      <div class=\"services\">\n        <div class=\"svc spot reveal\" tabindex=\"0\"><img decoding=\"async\" loading=\"lazy\" alt=\"\" src=\"https:\/\/assets.zyrosite.com\/cdn-cgi\/image\/format=auto,w=1024,h=1000,fit=crop\/AE0oEPxNg7Hpz4L1\/woman-having-physiotherapy-session-mxBralJgqDC2oqEL.jpg\"><div class=\"txt\"><span class=\"tag\">\u039a\u03b9\u03bd\u03b7\u03c4\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7<\/span><h3>\u03a4\u03b5\u03c7\u03bd\u03b9\u03ba\u03ad\u03c2 Mulligan<\/h3><p>\u039a\u03b9\u03bd\u03b7\u03c4\u03bf\u03c0\u03bf\u03b9\u03ae\u03c3\u03b5\u03b9\u03c2 \u03b3\u03b9\u03b1 \u03b1\u03c0\u03bf\u03ba\u03b1\u03c4\u03ac\u03c3\u03c4\u03b1\u03c3\u03b7 \u03c4\u03b7\u03c2 \u03c6\u03c5\u03c3\u03b9\u03bf\u03bb\u03bf\u03b3\u03b9\u03ba\u03ae\u03c2 \u03ba\u03af\u03bd\u03b7\u03c3\u03b7\u03c2 \u03c4\u03c9\u03bd \u03b1\u03c1\u03b8\u03c1\u03ce\u03c3\u03b5\u03c9\u03bd \u03c7\u03c9\u03c1\u03af\u03c2 \u03c0\u03cc\u03bd\u03bf.<\/p><\/div><\/div>\n        <div class=\"svc spot reveal\" tabindex=\"0\" style=\"--d:.1s\"><img decoding=\"async\" loading=\"lazy\" alt=\"\" src=\"https:\/\/assets.zyrosite.com\/cdn-cgi\/image\/format=auto,w=1024,h=1000,fit=crop\/AE0oEPxNg7Hpz4L1\/walking-again-YyvoOPwwLVUR5pBn.jpg\"><div class=\"txt\"><span class=\"tag\">\u0391\u03b8\u03bb\u03b7\u03c4\u03ad\u03c2<\/span><h3>\u0391\u03b8\u03bb\u03b7\u03c4\u03b9\u03ba\u03ad\u03c2 \u03ba\u03b1\u03ba\u03ce\u03c3\u03b5\u03b9\u03c2<\/h3><p>\u03a3\u03c4\u03bf\u03c7\u03b5\u03c5\u03bc\u03ad\u03bd\u03bf \u03c0\u03c1\u03cc\u03b3\u03c1\u03b1\u03bc\u03bc\u03b1 \u03b3\u03b9\u03b1 \u03b1\u03c3\u03c6\u03b1\u03bb\u03ae \u03ba\u03b1\u03b9 \u03b3\u03c1\u03ae\u03b3\u03bf\u03c1\u03b7 \u03b5\u03c0\u03b9\u03c3\u03c4\u03c1\u03bf\u03c6\u03ae \u03c3\u03c4\u03b7\u03bd \u03c0\u03c1\u03bf\u03c0\u03cc\u03bd\u03b7\u03c3\u03b7.<\/p><\/div><\/div>\n        <div class=\"svc spot reveal\" tabindex=\"0\" style=\"--d:.2s\"><img decoding=\"async\" loading=\"lazy\" alt=\"\" src=\"https:\/\/assets.zyrosite.com\/cdn-cgi\/image\/format=auto,w=1024,h=1000,fit=crop\/AE0oEPxNg7Hpz4L1\/nurse-taking-care-patient-A85p1ZZyzBsaxaOr.jpg\"><div class=\"txt\"><span class=\"tag\">\u03a7\u03b5\u03b9\u03c1\u03bf\u03c5\u03c1\u03b3\u03b5\u03af\u03bf<\/span><h3>\u03a0\u03c1\u03bf- &amp; \u03bc\u03b5\u03c4\u03b5\u03b3\u03c7\u03b5\u03b9\u03c1\u03b7\u03c4\u03b9\u03ba\u03ae<\/h3><p>\u03a0\u03c1\u03bf\u03b5\u03c4\u03bf\u03b9\u03bc\u03b1\u03c3\u03af\u03b1 \u03c0\u03c1\u03b9\u03bd \u03c4\u03bf \u03c7\u03b5\u03b9\u03c1\u03bf\u03c5\u03c1\u03b3\u03b5\u03af\u03bf \u03ba\u03b1\u03b9 \u03c0\u03bb\u03ae\u03c1\u03b7\u03c2 \u03bb\u03b5\u03b9\u03c4\u03bf\u03c5\u03c1\u03b3\u03b9\u03ba\u03ae \u03b1\u03c0\u03bf\u03ba\u03b1\u03c4\u03ac\u03c3\u03c4\u03b1\u03c3\u03b7 \u03bc\u03b5\u03c4\u03ac.<\/p><\/div><\/div>\n        <div class=\"svc spot reveal\" tabindex=\"0\"><img decoding=\"async\" loading=\"lazy\" alt=\"\" src=\"https:\/\/assets.zyrosite.com\/cdn-cgi\/image\/format=auto,w=1024,h=1000,fit=crop\/AE0oEPxNg7Hpz4L1\/dry-needling-dOqyMD5njPigDR5o.jpeg\"><div class=\"txt\"><span class=\"tag\">\u03a0\u03cc\u03bd\u03bf\u03c2<\/span><h3>\u039c\u03ad\u03b8\u03bf\u03b4\u03bf\u03c2 \u039e\u03b7\u03c1\u03ac\u03c2 \u0392\u03b5\u03bb\u03cc\u03bd\u03b7\u03c2<\/h3><p>Dry needling \u03b3\u03b9\u03b1 \u03b1\u03c0\u03b5\u03bd\u03b5\u03c1\u03b3\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7 trigger points \u03ba\u03b1\u03b9 \u03b3\u03c1\u03ae\u03b3\u03bf\u03c1\u03b7 \u03b1\u03bd\u03b1\u03ba\u03bf\u03cd\u03c6\u03b9\u03c3\u03b7.<\/p><\/div><\/div>\n        <div class=\"svc spot reveal\" tabindex=\"0\" style=\"--d:.1s\"><img decoding=\"async\" loading=\"lazy\" alt=\"\" src=\"https:\/\/assets.zyrosite.com\/cdn-cgi\/image\/format=auto,w=1024,h=1000,fit=crop\/AE0oEPxNg7Hpz4L1\/acupuncture-process-mxBZzXplvnSy62Kq.jpg\"><div class=\"txt\"><span class=\"tag\">\u03a3\u03c5\u03bc\u03c0\u03bb\u03b7\u03c1\u03c9\u03bc\u03b1\u03c4\u03b9\u03ba\u03ac<\/span><h3>\u0392\u03b5\u03bb\u03bf\u03bd\u03b9\u03c3\u03bc\u03cc\u03c2 &amp; Cupping<\/h3><p>\u03a4\u03b5\u03c7\u03bd\u03b9\u03ba\u03ad\u03c2 \u03b3\u03b9\u03b1 \u03c7\u03b1\u03bb\u03ac\u03c1\u03c9\u03c3\u03b7, \u03b2\u03b5\u03bb\u03c4\u03af\u03c9\u03c3\u03b7 \u03ba\u03c5\u03ba\u03bb\u03bf\u03c6\u03bf\u03c1\u03af\u03b1\u03c2 \u03ba\u03b1\u03b9 \u03bc\u03b5\u03af\u03c9\u03c3\u03b7 \u03c4\u03bf\u03c5 \u03c0\u03cc\u03bd\u03bf\u03c5.<\/p><\/div><\/div>\n        <div class=\"svc spot reveal\" tabindex=\"0\" style=\"--d:.2s\"><img decoding=\"async\" loading=\"lazy\" alt=\"\" src=\"https:\/\/assets.zyrosite.com\/cdn-cgi\/image\/format=auto,w=1024,h=1000,fit=crop\/AE0oEPxNg7Hpz4L1\/osteopathy-patoient-getting-tretment-massage-YanBvM6gG8UJwq7z.jpg\"><div class=\"txt\"><span class=\"tag\">\u039c\u03b1\u03c3\u03ac\u03b6<\/span><h3>\u0398\u03b5\u03c1\u03b1\u03c0\u03b5\u03c5\u03c4\u03b9\u03ba\u03cc &amp; \u03bb\u03b5\u03bc\u03c6\u03b9\u03ba\u03cc<\/h3><p>\u039c\u03c5\u03ca\u03ba\u03ae \u03b1\u03c0\u03bf\u03c6\u03cc\u03c1\u03c4\u03b9\u03c3\u03b7, \u03bb\u03b5\u03bc\u03c6\u03b9\u03ba\u03ae \u03c0\u03b1\u03c1\u03bf\u03c7\u03ad\u03c4\u03b5\u03c5\u03c3\u03b7 \u03ba\u03b1\u03b9 \u03b2\u03b1\u03b8\u03b9\u03ac \u03c7\u03b1\u03bb\u03ac\u03c1\u03c9\u03c3\u03b7.<\/p><\/div><\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- HOW IT WORKS -->\n  <section>\n    <div class=\"wrap\">\n      <div class=\"section-head center reveal\">\n        <span class=\"eyebrow\">\u03a0\u03ce\u03c2 \u03bb\u03b5\u03b9\u03c4\u03bf\u03c5\u03c1\u03b3\u03b5\u03af<\/span>\n        <h2>\u0391\u03c0\u03cc \u03c4\u03bf\u03bd \u03c0\u03cc\u03bd\u03bf \u03c3\u03c4\u03bf \u03c0\u03bb\u03ac\u03bd\u03bf, \u03c3\u03b5 3 \u03b2\u03ae\u03bc\u03b1\u03c4\u03b1<\/h2>\n      <\/div>\n      <div class=\"timeline\" id=\"timeline\">\n        <div class=\"tl-line\"><div class=\"tl-fill\" id=\"tl-fill\"><\/div><\/div>\n        <div class=\"tl-step\"><div class=\"tl-dot\">01<\/div><div><h3>\u039a\u03bb\u03b5\u03af\u03c3\u03c4\u03b5 \u03c1\u03b1\u03bd\u03c4\u03b5\u03b2\u03bf\u03cd<\/h3><p>\u03a3\u03c5\u03bc\u03c0\u03bb\u03b7\u03c1\u03ce\u03c3\u03c4\u03b5 \u03c4\u03b7 \u03c6\u03cc\u03c1\u03bc\u03b1 \u03ae \u03ba\u03b1\u03bb\u03ad\u03c3\u03c4\u03b5 \u03c3\u03c4\u03bf 698 035 0453. \u03a3\u03b1\u03c2 \u03ba\u03b1\u03bb\u03bf\u03cd\u03bc\u03b5 \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03b2\u03c1\u03bf\u03cd\u03bc\u03b5 \u03c4\u03b7\u03bd \u03ce\u03c1\u03b1 \u03c0\u03bf\u03c5 \u03c3\u03b1\u03c2 \u03b2\u03bf\u03bb\u03b5\u03cd\u03b5\u03b9.<\/p><\/div><\/div>\n        <div class=\"tl-step\"><div class=\"tl-dot\">02<\/div><div><h3>\u0395\u03bb\u03ac\u03c4\u03b5 \u03b3\u03b9\u03b1 \u03b1\u03be\u03b9\u03bf\u03bb\u03cc\u03b3\u03b7\u03c3\u03b7<\/h3><p>\u03a3\u03c4\u03bf \u03ba\u03ad\u03bd\u03c4\u03c1\u03bf \u03bc\u03b1\u03c2 \u03c3\u03c4\u03b7 \u039d\u03ad\u03b1 \u03a6\u03b9\u03bb\u03b1\u03b4\u03ad\u03bb\u03c6\u03b5\u03b9\u03b1, \u03bf \u03c6\u03c5\u03c3\u03b9\u03ba\u03bf\u03b8\u03b5\u03c1\u03b1\u03c0\u03b5\u03c5\u03c4\u03ae\u03c2 \u03c3\u03b1\u03c2 \u03b5\u03be\u03b5\u03c4\u03ac\u03b6\u03b5\u03b9 \u03ba\u03b1\u03b9 \u03b5\u03bd\u03c4\u03bf\u03c0\u03af\u03b6\u03b5\u03b9 \u03c4\u03bf \u03c0\u03c1\u03cc\u03b2\u03bb\u03b7\u03bc\u03b1.<\/p><\/div><\/div>\n        <div class=\"tl-step\"><div class=\"tl-dot\">03<\/div><div><h3>\u03a0\u03ac\u03c1\u03c4\u03b5 \u03c4\u03bf \u03c0\u03bb\u03ac\u03bd\u03bf \u03c3\u03b1\u03c2<\/h3><p>\u03a6\u03b5\u03cd\u03b3\u03b5\u03c4\u03b5 \u03bc\u03b5 \u03c3\u03b1\u03c6\u03ae \u03b5\u03b9\u03ba\u03cc\u03bd\u03b1 \u03ba\u03b1\u03b9 \u03c0\u03c1\u03cc\u03c4\u03b1\u03c3\u03b7 \u03b8\u03b5\u03c1\u03b1\u03c0\u03b5\u03af\u03b1\u03c2. \u0395\u03c3\u03b5\u03af\u03c2 \u03b1\u03c0\u03bf\u03c6\u03b1\u03c3\u03af\u03b6\u03b5\u03c4\u03b5 \u03b1\u03bd \u03b8\u03b1 \u03c3\u03c5\u03bd\u03b5\u03c7\u03af\u03c3\u03b5\u03c4\u03b5.<\/p><\/div><\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- BOOKING -->\n  <section class=\"booking\" id=\"kratisi\">\n    <div class=\"blob-lite\"><\/div>\n    <div class=\"wrap book-grid\">\n      <div class=\"reveal\">\n        <span class=\"eyebrow\">\u039a\u03c1\u03ac\u03c4\u03b7\u03c3\u03b7<\/span>\n        <h2>\u039a\u03bb\u03b5\u03af\u03c3\u03c4\u03b5 \u03c3\u03ae\u03bc\u03b5\u03c1\u03b1 \u03c4\u03b7 \u03b4\u03c9\u03c1\u03b5\u03ac\u03bd \u03b4\u03b9\u03ac\u03b3\u03bd\u03c9\u03c3\u03ae \u03c3\u03b1\u03c2<\/h2>\n        <p class=\"lead\" style=\"margin-top:16px;color:var(--ink)\">\u0391\u03c6\u03ae\u03c3\u03c4\u03b5 \u03c4\u03b1 \u03c3\u03c4\u03bf\u03b9\u03c7\u03b5\u03af\u03b1 \u03c3\u03b1\u03c2 \u03ba\u03b1\u03b9 \u03b8\u03b1 \u03c3\u03b1\u03c2 \u03ba\u03b1\u03bb\u03ad\u03c3\u03bf\u03c5\u03bc\u03b5 \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03bf\u03c1\u03af\u03c3\u03bf\u03c5\u03bc\u03b5 \u03c1\u03b1\u03bd\u03c4\u03b5\u03b2\u03bf\u03cd.<\/p>\n        <ul class=\"info-list\">\n          <li><div class=\"ico\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0D131A\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1 1 .4 1.9.7 2.8a2 2 0 0 1-.5 2.1L8 9.9a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.8.7a2 2 0 0 1 1.7 2z\"\/><\/svg><\/div><div><strong>\u03a4\u03b7\u03bb\u03ad\u03c6\u03c9\u03bd\u03bf<\/strong><a href=\"tel:+306980350453\">698 035 0453<\/a><\/div><\/li>\n          <li><div class=\"ico\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0D131A\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"2\"\/><path d=\"M22 7l-10 6L2 7\"\/><\/svg><\/div><div><strong>Email<\/strong><a href=\"mailto:dynamic.physiocenter@gmail.com\">dynamic.physiocenter@gmail.com<\/a><\/div><\/li>\n          <li><div class=\"ico\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0D131A\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s7-6.2 7-12a7 7 0 0 0-14 0c0 5.8 7 12 7 12z\"\/><circle cx=\"12\" cy=\"10\" r=\"2.5\"\/><\/svg><\/div><div><strong>\u0394\u03b9\u03b5\u03cd\u03b8\u03c5\u03bd\u03c3\u03b7<\/strong>\u0391\u03bb\u03b5\u03be\u03b1\u03bd\u03b4\u03c1\u03b5\u03af\u03b1\u03c2 10, \u039d\u03ad\u03b1 \u03a6\u03b9\u03bb\u03b1\u03b4\u03ad\u03bb\u03c6\u03b5\u03b9\u03b1 143 42<\/div><\/li>\n          <li><div class=\"ico\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0D131A\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5l3 2\"\/><\/svg><\/div><div><strong>\u03a9\u03c1\u03ac\u03c1\u03b9\u03bf<\/strong><span class=\"hours\">\u0394\u03b5\u03c5\u03c4\u03ad\u03c1\u03b1, \u03a4\u03b5\u03c4\u03ac\u03c1\u03c4\u03b7, \u03a0\u03b1\u03c1\u03b1\u03c3\u03ba\u03b5\u03c5\u03ae: 12:00 \u2013 20:00<br>\u03a4\u03c1\u03af\u03c4\u03b7, \u03a0\u03ad\u03bc\u03c0\u03c4\u03b7: 10:00 \u2013 14:00<\/span><\/div><\/li>\n        <\/ul>\n      <\/div>\n\n      <div class=\"form-shell reveal\" style=\"--d:.15s\">\n        <!-- TODO: point action at the site's form handler (e.g. Formspree, WP endpoint). Without it, the form falls back to opening an email. -->\n        <form id=\"booking-form\" action=\"\" method=\"post\" novalidate>\n          <div class=\"form-body\">\n            <h3>\u0394\u03c9\u03c1\u03b5\u03ac\u03bd \u0394\u03b9\u03ac\u03b3\u03bd\u03c9\u03c3\u03b7<\/h3>\n            <p>\u03a7\u03c1\u03b5\u03b9\u03ac\u03b6\u03b5\u03c4\u03b1\u03b9 \u03bb\u03b9\u03b3\u03cc\u03c4\u03b5\u03c1\u03bf \u03b1\u03c0\u03cc \u03ad\u03bd\u03b1 \u03bb\u03b5\u03c0\u03c4\u03cc.<\/p>\n            <div class=\"row\">\n              <div class=\"field\"><input id=\"name\" name=\"name\" autocomplete=\"name\" placeholder=\" \" required><label for=\"name\">\u039f\u03bd\u03bf\u03bc\u03b1\u03c4\u03b5\u03c0\u03ce\u03bd\u03c5\u03bc\u03bf *<\/label><\/div>\n              <div class=\"field\"><input id=\"phone\" name=\"phone\" type=\"tel\" autocomplete=\"tel\" inputmode=\"tel\" placeholder=\" \" required><label for=\"phone\">\u03a4\u03b7\u03bb\u03ad\u03c6\u03c9\u03bd\u03bf *<\/label><\/div>\n            <\/div>\n            <div class=\"field\"><input id=\"email\" name=\"email\" type=\"email\" autocomplete=\"email\" placeholder=\" \"><label for=\"email\">Email<\/label><\/div>\n            <div class=\"row\">\n              <div class=\"field\" id=\"area-field\">\n                <select id=\"area\" name=\"area\">\n                  <option value=\"\">\u0395\u03c0\u03b9\u03bb\u03ad\u03be\u03c4\u03b5\u2026<\/option>\n                  <option>\u039c\u03ad\u03c3\u03b7 \/ \u03bf\u03c3\u03c6\u03cd\u03c2<\/option><option>\u0391\u03c5\u03c7\u03ad\u03bd\u03b1\u03c2<\/option><option>\u038f\u03bc\u03bf\u03c2<\/option>\n                  <option>\u0391\u03b3\u03ba\u03ce\u03bd\u03b1\u03c2 \/ \u03ba\u03b1\u03c1\u03c0\u03cc\u03c2<\/option><option>\u0399\u03c3\u03c7\u03af\u03bf<\/option><option>\u0393\u03cc\u03bd\u03b1\u03c4\u03bf<\/option>\n                  <option>\u0391\u03c3\u03c4\u03c1\u03ac\u03b3\u03b1\u03bb\u03bf\u03c2 \/ \u03c0\u03cc\u03b4\u03b9<\/option><option>\u039c\u03b5\u03c4\u03b5\u03b3\u03c7\u03b5\u03b9\u03c1\u03b7\u03c4\u03b9\u03ba\u03cc<\/option><option>\u0386\u03bb\u03bb\u03bf<\/option>\n                <\/select><label for=\"area\">\u03a0\u03b5\u03c1\u03b9\u03bf\u03c7\u03ae \u03c0\u03cc\u03bd\u03bf\u03c5<\/label>\n              <\/div>\n              <div class=\"field\">\n                <select id=\"when\" name=\"when\">\n                  <option value=\"\">\u039f\u03c0\u03bf\u03c4\u03b5\u03b4\u03ae\u03c0\u03bf\u03c4\u03b5<\/option><option>\u03a0\u03c1\u03c9\u03af (10:00 \u2013 14:00)<\/option><option>\u0391\u03c0\u03cc\u03b3\u03b5\u03c5\u03bc\u03b1 (12:00 \u2013 20:00)<\/option>\n                <\/select><label for=\"when\">\u03a0\u03c1\u03bf\u03c4\u03b9\u03bc\u03ce\u03bc\u03b5\u03bd\u03b7 \u03ce\u03c1\u03b1<\/label>\n              <\/div>\n            <\/div>\n            <div class=\"field\"><textarea id=\"msg\" name=\"message\" placeholder=\" \"><\/textarea><label for=\"msg\">\u03a0\u03b5\u03c1\u03b9\u03b3\u03c1\u03ac\u03c8\u03c4\u03b5 \u03c3\u03cd\u03bd\u03c4\u03bf\u03bc\u03b1 \u03c4\u03bf \u03c0\u03c1\u03cc\u03b2\u03bb\u03b7\u03bc\u03b1<\/label><\/div>\n            <label class=\"consent\"><input type=\"checkbox\" id=\"consent\" required>\u03a3\u03c5\u03bc\u03c6\u03c9\u03bd\u03ce \u03bc\u03b5 \u03c4\u03b7\u03bd \u03b5\u03c0\u03b5\u03be\u03b5\u03c1\u03b3\u03b1\u03c3\u03af\u03b1 \u03c4\u03c9\u03bd \u03c3\u03c4\u03bf\u03b9\u03c7\u03b5\u03af\u03c9\u03bd \u03bc\u03bf\u03c5 \u03b3\u03b9\u03b1 \u03c4\u03b7\u03bd \u03b5\u03c0\u03b9\u03ba\u03bf\u03b9\u03bd\u03c9\u03bd\u03af\u03b1 \u03c3\u03c7\u03b5\u03c4\u03b9\u03ba\u03ac \u03bc\u03b5 \u03c4\u03bf \u03c1\u03b1\u03bd\u03c4\u03b5\u03b2\u03bf\u03cd, \u03c3\u03cd\u03bc\u03c6\u03c9\u03bd\u03b1 \u03bc\u03b5 \u03c4\u03b7\u03bd \u03a0\u03bf\u03bb\u03b9\u03c4\u03b9\u03ba\u03ae \u0391\u03c0\u03bf\u03c1\u03c1\u03ae\u03c4\u03bf\u03c5.<\/label>\n            <button class=\"btn btn-dark\" type=\"submit\">\u039a\u03bb\u03b5\u03af\u03c3\u03c4\u03b5 \u03c4\u03b7 \u03b4\u03c9\u03c1\u03b5\u03ac\u03bd \u03b4\u03b9\u03ac\u03b3\u03bd\u03c9\u03c3\u03b7\n              <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\n            <\/button>\n            <p class=\"form-note\">\u0398\u03b1 \u03b5\u03c0\u03b9\u03ba\u03bf\u03b9\u03bd\u03c9\u03bd\u03ae\u03c3\u03bf\u03c5\u03bc\u03b5 \u03bc\u03b1\u03b6\u03af \u03c3\u03b1\u03c2 \u03c4\u03bf \u03c3\u03c5\u03bd\u03c4\u03bf\u03bc\u03cc\u03c4\u03b5\u03c1\u03bf.<\/p>\n          <\/div>\n          <div class=\"form-ok\" id=\"form-ok\">\n            <svg width=\"84\" height=\"84\" viewBox=\"0 0 84 84\" fill=\"none\"><circle class=\"circ\" cx=\"42\" cy=\"42\" r=\"36\" stroke=\"#2f7d32\" stroke-width=\"4\"\/><path class=\"check\" d=\"M27 43l10 10 20-22\" stroke=\"#2f7d32\" stroke-width=\"5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n            <h3>\u0395\u03c5\u03c7\u03b1\u03c1\u03b9\u03c3\u03c4\u03bf\u03cd\u03bc\u03b5!<\/h3>\n            <p>\u039b\u03ac\u03b2\u03b1\u03bc\u03b5 \u03c4\u03bf \u03b1\u03af\u03c4\u03b7\u03bc\u03ac \u03c3\u03b1\u03c2 \u03ba\u03b1\u03b9 \u03b8\u03b1 \u03c3\u03b1\u03c2 \u03ba\u03b1\u03bb\u03ad\u03c3\u03bf\u03c5\u03bc\u03b5 \u03c3\u03cd\u03bd\u03c4\u03bf\u03bc\u03b1 \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03ba\u03b1\u03bd\u03bf\u03bd\u03af\u03c3\u03bf\u03c5\u03bc\u03b5 \u03c4\u03bf \u03c1\u03b1\u03bd\u03c4\u03b5\u03b2\u03bf\u03cd \u03c3\u03b1\u03c2.<\/p>\n          <\/div>\n        <\/form>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- FAQ -->\n  <section>\n    <div class=\"wrap\">\n      <div class=\"section-head center reveal\">\n        <span class=\"eyebrow\">\u03a3\u03c5\u03c7\u03bd\u03ad\u03c2 \u03b5\u03c1\u03c9\u03c4\u03ae\u03c3\u03b5\u03b9\u03c2<\/span>\n        <h2>\u0388\u03c7\u03b5\u03c4\u03b5 \u03b1\u03c0\u03bf\u03c1\u03af\u03b5\u03c2;<\/h2>\n      <\/div>\n      <div class=\"faq\" id=\"faq\">\n        <div class=\"faq-item reveal\"><button class=\"faq-q\" aria-expanded=\"false\">\u0395\u03af\u03bd\u03b1\u03b9 \u03c0\u03c1\u03b1\u03b3\u03bc\u03b1\u03c4\u03b9\u03ba\u03ac \u03b4\u03c9\u03c1\u03b5\u03ac\u03bd;<span class=\"pm\"><\/span><\/button><div class=\"faq-a\"><div><p>\u039d\u03b1\u03b9. \u0397 \u03c0\u03c1\u03ce\u03c4\u03b7 \u03b4\u03b9\u03ac\u03b3\u03bd\u03c9\u03c3\u03b7 \/ \u03b1\u03be\u03b9\u03bf\u03bb\u03cc\u03b3\u03b7\u03c3\u03b7 \u03b4\u03b5\u03bd \u03ad\u03c7\u03b5\u03b9 \u03ba\u03b1\u03bc\u03af\u03b1 \u03c7\u03c1\u03ad\u03c9\u03c3\u03b7 \u03ba\u03b1\u03b9 \u03b4\u03b5\u03bd \u03c3\u03b1\u03c2 \u03b4\u03b5\u03c3\u03bc\u03b5\u03cd\u03b5\u03b9 \u03bd\u03b1 \u03c3\u03c5\u03bd\u03b5\u03c7\u03af\u03c3\u03b5\u03c4\u03b5 \u03bc\u03b5 \u03b8\u03b5\u03c1\u03b1\u03c0\u03b5\u03af\u03b5\u03c2.<\/p><\/div><\/div><\/div>\n        <div class=\"faq-item reveal\"><button class=\"faq-q\" aria-expanded=\"false\">\u03a7\u03c1\u03b5\u03b9\u03ac\u03b6\u03bf\u03bc\u03b1\u03b9 \u03c0\u03b1\u03c1\u03b1\u03c0\u03b5\u03bc\u03c0\u03c4\u03b9\u03ba\u03cc \u03b1\u03c0\u03cc \u03b3\u03b9\u03b1\u03c4\u03c1\u03cc;<span class=\"pm\"><\/span><\/button><div class=\"faq-a\"><div><p>\u038c\u03c7\u03b9 \u03b3\u03b9\u03b1 \u03c4\u03b7\u03bd \u03b1\u03be\u03b9\u03bf\u03bb\u03cc\u03b3\u03b7\u03c3\u03b7. \u0391\u03bd \u03ad\u03c7\u03b5\u03c4\u03b5 \u03b9\u03b1\u03c4\u03c1\u03b9\u03ba\u03ad\u03c2 \u03b3\u03bd\u03c9\u03bc\u03b1\u03c4\u03b5\u03cd\u03c3\u03b5\u03b9\u03c2 \u03ae \u03b1\u03c0\u03b5\u03b9\u03ba\u03bf\u03bd\u03b9\u03c3\u03c4\u03b9\u03ba\u03ad\u03c2 \u03b5\u03be\u03b5\u03c4\u03ac\u03c3\u03b5\u03b9\u03c2 (\u03b1\u03ba\u03c4\u03b9\u03bd\u03bf\u03b3\u03c1\u03b1\u03c6\u03af\u03b5\u03c2, \u03bc\u03b1\u03b3\u03bd\u03b7\u03c4\u03b9\u03ba\u03ae), \u03c6\u03ad\u03c1\u03c4\u03b5 \u03c4\u03b5\u03c2 \u03bc\u03b1\u03b6\u03af \u03c3\u03b1\u03c2 \u03b3\u03b9\u03b1 \u03c0\u03bb\u03b7\u03c1\u03ad\u03c3\u03c4\u03b5\u03c1\u03b7 \u03b5\u03b9\u03ba\u03cc\u03bd\u03b1.<\/p><\/div><\/div><\/div>\n        <div class=\"faq-item reveal\"><button class=\"faq-q\" aria-expanded=\"false\">\u03a4\u03b9 \u03bd\u03b1 \u03c6\u03bf\u03c1\u03ad\u03c3\u03c9;<span class=\"pm\"><\/span><\/button><div class=\"faq-a\"><div><p>\u0386\u03bd\u03b5\u03c4\u03b1 \u03c1\u03bf\u03cd\u03c7\u03b1 \u03c0\u03bf\u03c5 \u03b5\u03c0\u03b9\u03c4\u03c1\u03ad\u03c0\u03bf\u03c5\u03bd \u03c4\u03b7\u03bd \u03ba\u03af\u03bd\u03b7\u03c3\u03b7 \u03ba\u03b1\u03b9 \u03c4\u03b7\u03bd \u03c0\u03c1\u03cc\u03c3\u03b2\u03b1\u03c3\u03b7 \u03c3\u03c4\u03b7\u03bd \u03c0\u03b5\u03c1\u03b9\u03bf\u03c7\u03ae \u03c0\u03bf\u03c5 \u03c0\u03bf\u03bd\u03ac\u03b5\u03b9, \u03c0.\u03c7. \u03c6\u03cc\u03c1\u03bc\u03b1 \u03ae \u03c3\u03bf\u03c1\u03c4\u03c3\u03ac\u03ba\u03b9.<\/p><\/div><\/div><\/div>\n        <div class=\"faq-item reveal\"><button class=\"faq-q\" aria-expanded=\"false\">\u03a4\u03b9 \u03b3\u03af\u03bd\u03b5\u03c4\u03b1\u03b9 \u03bc\u03b5\u03c4\u03ac \u03c4\u03b7 \u03b4\u03b9\u03ac\u03b3\u03bd\u03c9\u03c3\u03b7;<span class=\"pm\"><\/span><\/button><div class=\"faq-a\"><div><p>\u03a3\u03b1\u03c2 \u03b5\u03be\u03b7\u03b3\u03bf\u03cd\u03bc\u03b5 \u03c4\u03b1 \u03b5\u03c5\u03c1\u03ae\u03bc\u03b1\u03c4\u03b1 \u03ba\u03b1\u03b9 \u03c3\u03b1\u03c2 \u03c0\u03c1\u03bf\u03c4\u03b5\u03af\u03bd\u03bf\u03c5\u03bc\u03b5 \u03c0\u03bb\u03ac\u03bd\u03bf \u03b8\u03b5\u03c1\u03b1\u03c0\u03b5\u03af\u03b1\u03c2. \u0391\u03bd \u03b8\u03ad\u03bb\u03b5\u03c4\u03b5 \u03bd\u03b1 \u03c3\u03c5\u03bd\u03b5\u03c7\u03af\u03c3\u03b5\u03c4\u03b5, \u03ba\u03bb\u03b5\u03af\u03bd\u03bf\u03c5\u03bc\u03b5 \u03c4\u03b9\u03c2 \u03b5\u03c0\u03cc\u03bc\u03b5\u03bd\u03b5\u03c2 \u03c3\u03c5\u03bd\u03b5\u03b4\u03c1\u03af\u03b5\u03c2 \u03c3\u03b5 \u03ce\u03c1\u03b5\u03c2 \u03c0\u03bf\u03c5 \u03c3\u03b1\u03c2 \u03b5\u03be\u03c5\u03c0\u03b7\u03c1\u03b5\u03c4\u03bf\u03cd\u03bd.<\/p><\/div><\/div><\/div>\n        <div class=\"faq-item reveal\"><button class=\"faq-q\" aria-expanded=\"false\">\u03a0\u03bf\u03cd \u03b2\u03c1\u03af\u03c3\u03ba\u03b5\u03c3\u03c4\u03b5;<span class=\"pm\"><\/span><\/button><div class=\"faq-a\"><div><p>\u03a3\u03c4\u03b7\u03bd \u03bf\u03b4\u03cc \u0391\u03bb\u03b5\u03be\u03b1\u03bd\u03b4\u03c1\u03b5\u03af\u03b1\u03c2 10, \u03c3\u03c4\u03b7 \u039d\u03ad\u03b1 \u03a6\u03b9\u03bb\u03b1\u03b4\u03ad\u03bb\u03c6\u03b5\u03b9\u03b1 (143 42).<\/p><\/div><\/div><\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- FINAL CTA -->\n  <section class=\"final\" id=\"final\">\n    <div class=\"blobs\" style=\"opacity:.5\"><div class=\"blob b1\"><\/div><div class=\"blob b2\"><\/div><\/div>\n    <div class=\"grain\"><\/div>\n    <div class=\"wrap\" style=\"position:relative\">\n      <h2 class=\"reveal\">\u039f \u03c0\u03cc\u03bd\u03bf\u03c2 \u03b4\u03b5\u03bd \u03c0\u03b5\u03c1\u03b9\u03bc\u03ad\u03bd\u03b5\u03b9.<br><span class=\"grad-text\">\u039f\u03cd\u03c4\u03b5 \u03b5\u03c3\u03b5\u03af\u03c2.<\/span><\/h2>\n      <p class=\"lead reveal\" style=\"--d:.1s\">\u039a\u03ac\u03bd\u03c4\u03b5 \u03c4\u03bf \u03c0\u03c1\u03ce\u03c4\u03bf \u03b2\u03ae\u03bc\u03b1 \u03c3\u03ae\u03bc\u03b5\u03c1\u03b1, \u03b4\u03c9\u03c1\u03b5\u03ac\u03bd.<\/p>\n      <div class=\"ctas reveal\" style=\"--d:.2s\">\n        <a class=\"btn btn-glow magnetic\" href=\"#kratisi\">\u039a\u03bb\u03b5\u03af\u03c3\u03c4\u03b5 \u03c4\u03b7 \u03b4\u03c9\u03c1\u03b5\u03ac\u03bd \u03b4\u03b9\u03ac\u03b3\u03bd\u03c9\u03c3\u03b7\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\n        <\/a>\n        <a class=\"btn btn-line magnetic\" href=\"tel:+306980350453\">698 035 0453<\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <div class=\"map\">\n    <iframe title=\"\u03a7\u03ac\u03c1\u03c4\u03b7\u03c2 Dynamic Physio Center\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"\n      src=\"https:\/\/www.google.com\/maps?q=%CE%91%CE%BB%CE%B5%CE%BE%CE%B1%CE%BD%CE%B4%CF%81%CE%B5%CE%AF%CE%B1%CF%82%2010%2C%20%CE%9D%CE%AD%CE%B1%20%CE%A6%CE%B9%CE%BB%CE%B1%CE%B4%CE%AD%CE%BB%CF%86%CE%B5%CE%B9%CE%B1%20143%2042&output=embed\"><\/iframe>\n  <\/div>\n<\/main>\n\n<footer>\n  <div class=\"wrap foot\">\n    <span>\u00a9 <span id=\"y\"><\/span> Dynamic Physio Center \u00b7 \u039d\u03ad\u03b1 \u03a6\u03b9\u03bb\u03b1\u03b4\u03ad\u03bb\u03c6\u03b5\u03b9\u03b1<\/span>\n    <span><a href=\"https:\/\/dynamicphysio.gr\/\">dynamicphysio.gr<\/a><a href=\"https:\/\/dynamicphysio.gr\/\">\u03a0\u03bf\u03bb\u03b9\u03c4\u03b9\u03ba\u03ae \u0391\u03c0\u03bf\u03c1\u03c1\u03ae\u03c4\u03bf\u03c5<\/a><\/span>\n  <\/div>\n<\/footer>\n\n<div class=\"mobile-cta\" id=\"mcta\">\n  <a class=\"btn btn-line\" href=\"tel:+306980350453\">\u039a\u03bb\u03ae\u03c3\u03b7<\/a>\n  <a class=\"btn btn-glow\" href=\"#kratisi\">\u0394\u03c9\u03c1\u03b5\u03ac\u03bd \u0394\u03b9\u03ac\u03b3\u03bd\u03c9\u03c3\u03b7<\/a>\n<\/div>\n\n<script>\n(() => {\n  const reduce = matchMedia('(prefers-reduced-motion: reduce)').matches;\n  const fine = matchMedia('(hover: hover) and (pointer: fine)').matches;\n  document.getElementById('y').textContent = new Date().getFullYear();\n\n  \/\/ Duplicate marquee content for a seamless loop\n  ['m1', 'm2'].forEach(id => { const t = document.getElementById(id); t.innerHTML += t.innerHTML; });\n\n  \/\/ Rotating words\n  const slots = [...document.querySelectorAll('#slot b')];\n  let si = 0;\n  if (!reduce) setInterval(() => {\n    const cur = slots[si]; si = (si + 1) % slots.length; const nxt = slots[si];\n    cur.classList.remove('on'); cur.classList.add('out');\n    nxt.classList.remove('out'); nxt.classList.add('on');\n    setTimeout(() => cur.classList.remove('out'), 650);\n  }, 2200);\n\n  \/\/ Header, progress bar, mobile CTA, timeline fill\n  const hdr = document.getElementById('hdr'), bar = document.getElementById('progress'), mcta = document.getElementById('mcta');\n  const tl = document.getElementById('timeline'), fill = document.getElementById('tl-fill'), steps = [...tl.querySelectorAll('.tl-step')];\n  const booking = document.getElementById('kratisi');\n  const onScroll = () => {\n    const y = scrollY, h = document.documentElement.scrollHeight - innerHeight;\n    hdr.classList.toggle('scrolled', y > 40);\n    bar.style.transform = `scaleX(${h > 0 ? y \/ h : 0})`;\n    const b = booking.getBoundingClientRect();\n    mcta.classList.toggle('show', y > innerHeight * .6 && !(b.top < innerHeight && b.bottom > 0));\n    const r = tl.getBoundingClientRect();\n    const p = Math.min(1, Math.max(0, (innerHeight * .6 - r.top) \/ r.height));\n    fill.style.transform = `scaleY(${p})`;\n    steps.forEach(s => s.classList.toggle('lit', s.getBoundingClientRect().top < innerHeight * .6));\n  };\n  addEventListener('scroll', onScroll, { passive: true }); onScroll();\n\n  \/\/ Reveal on scroll\n  const io = new IntersectionObserver(es => es.forEach(e => { if (e.isIntersecting) { e.target.classList.add('in'); io.unobserve(e.target); } }), { threshold: .15, rootMargin: '0px 0px -40px 0px' });\n  document.querySelectorAll('.reveal, .reveal-img').forEach(el => io.observe(el));\n\n  \/\/ Count up\n  const cio = new IntersectionObserver(es => es.forEach(e => {\n    if (!e.isIntersecting) return; cio.unobserve(e.target);\n    const el = e.target, to = +el.dataset.to, t0 = performance.now(), dur = 1600;\n    if (to === 0) { el.animate([{ transform: 'scale(1.6)', opacity: 0 }, { transform: 'scale(1)', opacity: 1 }], { duration: 700, easing: 'cubic-bezier(.2,.8,.2,1)' }); return; }\n    const tick = now => { const k = Math.min(1, (now - t0) \/ dur); el.textContent = Math.round(to * (1 - Math.pow(1 - k, 3))); if (k < 1) requestAnimationFrame(tick); };\n    requestAnimationFrame(tick);\n  }), { threshold: .6 });\n  document.querySelectorAll('.count').forEach(el => cio.observe(el));\n\n  if (fine && !reduce) {\n    \/\/ Cursor glow\n    const glow = document.getElementById('glow');\n    let gx = -500, gy = -500, tx = gx, ty = gy;\n    addEventListener('pointermove', e => { tx = e.clientX; ty = e.clientY; });\n    (function loop() { gx += (tx - gx) * .12; gy += (ty - gy) * .12; glow.style.left = gx + 'px'; glow.style.top = gy + 'px'; requestAnimationFrame(loop); })();\n\n    \/\/ Magnetic buttons\n    document.querySelectorAll('.magnetic').forEach(b => {\n      b.addEventListener('pointermove', e => { const r = b.getBoundingClientRect(); b.style.transform = `translate(${(e.clientX - r.left - r.width \/ 2) * .25}px, ${(e.clientY - r.top - r.height \/ 2) * .35}px)`; });\n      b.addEventListener('pointerleave', () => { b.style.transform = ''; });\n    });\n\n    \/\/ Hero 3D tilt\n    const tilt = document.getElementById('tilt'), hero = document.getElementById('hero');\n    hero.addEventListener('pointermove', e => { const x = e.clientX \/ innerWidth - .5, y = e.clientY \/ innerHeight - .5; tilt.style.transform = `rotateY(${x * 12}deg) rotateX(${-y * 10}deg)`; });\n    hero.addEventListener('pointerleave', () => { tilt.style.transform = ''; });\n\n    \/\/ Spotlight + tilt cards\n    document.querySelectorAll('.spot').forEach(c => {\n      c.addEventListener('pointermove', e => {\n        const r = c.getBoundingClientRect(), x = e.clientX - r.left, y = e.clientY - r.top;\n        c.style.setProperty('--mx', x + 'px'); c.style.setProperty('--my', y + 'px');\n        if (c.classList.contains('card')) c.style.transform = `perspective(800px) rotateY(${(x \/ r.width - .5) * 8}deg) rotateX(${-(y \/ r.height - .5) * 8}deg) translateY(-4px)`;\n      });\n      c.addEventListener('pointerleave', () => { c.style.transform = ''; });\n    });\n  }\n\n  \/\/ FAQ accordion\n  document.querySelectorAll('.faq-q').forEach(q => q.addEventListener('click', () => {\n    const item = q.parentElement, open = !item.classList.contains('open');\n    document.querySelectorAll('.faq-item.open').forEach(i => { i.classList.remove('open'); i.querySelector('.faq-q').setAttribute('aria-expanded', 'false'); });\n    if (open) { item.classList.add('open'); q.setAttribute('aria-expanded', 'true'); }\n  }));\n\n  \/\/ Body map\n  const AREAS = [\n    { id: 'neck', label: '\u0391\u03c5\u03c7\u03ad\u03bd\u03b1\u03c2', opt: '\u0391\u03c5\u03c7\u03ad\u03bd\u03b1\u03c2', x: 100, y: 72, sub: '\u03a0\u03cc\u03bd\u03bf\u03c2, \u03b4\u03c5\u03c3\u03ba\u03b1\u03bc\u03c8\u03af\u03b1, \u03c0\u03bf\u03bd\u03bf\u03ba\u03ad\u03c6\u03b1\u03bb\u03bf\u03b9, \u03bc\u03bf\u03cd\u03b4\u03b9\u03b1\u03c3\u03bc\u03b1 \u03c3\u03c4\u03b1 \u03c7\u03ad\u03c1\u03b9\u03b1.',\n      check: ['\u039a\u03b9\u03bd\u03b7\u03c4\u03b9\u03ba\u03cc\u03c4\u03b7\u03c4\u03b1 \u03b1\u03c5\u03c7\u03b5\u03bd\u03b9\u03ba\u03ae\u03c2 \u03bc\u03bf\u03af\u03c1\u03b1\u03c2', '\u03a3\u03c4\u03ac\u03c3\u03b7 \u03c3\u03ce\u03bc\u03b1\u03c4\u03bf\u03c2 & \u03b5\u03c1\u03b3\u03bf\u03bd\u03bf\u03bc\u03af\u03b1', '\u039d\u03b5\u03c5\u03c1\u03b9\u03ba\u03ad\u03c2 \u03b4\u03bf\u03bc\u03ad\u03c2 \u03c0\u03c1\u03bf\u03c2 \u03c4\u03b1 \u03c7\u03ad\u03c1\u03b9\u03b1'],\n      help: ['\u039a\u03b9\u03bd\u03b7\u03c4\u03bf\u03c0\u03bf\u03b9\u03ae\u03c3\u03b5\u03b9\u03c2 Mulligan', 'Dry needling \u03c3\u03b5 trigger points', '\u0398\u03b5\u03c1\u03b1\u03c0\u03b5\u03c5\u03c4\u03b9\u03ba\u03cc \u03bc\u03b1\u03c3\u03ac\u03b6 & \u03b1\u03c3\u03ba\u03ae\u03c3\u03b5\u03b9\u03c2'] },\n    { id: 'shoulder', label: '\u038f\u03bc\u03bf\u03c2', opt: '\u038f\u03bc\u03bf\u03c2', x: 132, y: 98, sub: '\u03a0\u03cc\u03bd\u03bf\u03c2 \u03c3\u03c4\u03bf \u03c3\u03ae\u03ba\u03c9\u03bc\u03b1 \u03c4\u03bf\u03c5 \u03c7\u03b5\u03c1\u03b9\u03bf\u03cd, \u03c0\u03b5\u03c1\u03b9\u03bf\u03c1\u03b9\u03c3\u03bc\u03cc\u03c2, \u00ab\u03c0\u03b1\u03b3\u03c9\u03bc\u03ad\u03bd\u03bf\u03c2 \u03ce\u03bc\u03bf\u03c2\u00bb.',\n      check: ['\u0395\u03cd\u03c1\u03bf\u03c2 \u03ba\u03af\u03bd\u03b7\u03c3\u03b7\u03c2 \u03ce\u03bc\u03bf\u03c5', '\u0394\u03cd\u03bd\u03b1\u03bc\u03b7 \u03c3\u03c4\u03c1\u03bf\u03c6\u03b9\u03ba\u03bf\u03cd \u03c0\u03b5\u03c4\u03ac\u03bb\u03bf\u03c5', '\u0395\u03b9\u03b4\u03b9\u03ba\u03ac \u03ba\u03bb\u03b9\u03bd\u03b9\u03ba\u03ac \u03c4\u03b5\u03c3\u03c4'],\n      help: ['\u039a\u03b9\u03bd\u03b7\u03c4\u03bf\u03c0\u03bf\u03b9\u03ae\u03c3\u03b5\u03b9\u03c2 \u03ac\u03c1\u03b8\u03c1\u03c9\u03c3\u03b7\u03c2', '\u03a0\u03c1\u03cc\u03b3\u03c1\u03b1\u03bc\u03bc\u03b1 \u03b5\u03bd\u03b4\u03c5\u03bd\u03ac\u03bc\u03c9\u03c3\u03b7\u03c2', 'Dry needling & cupping'] },\n    { id: 'back', label: '\u039c\u03ad\u03c3\u03b7', opt: '\u039c\u03ad\u03c3\u03b7 \/ \u03bf\u03c3\u03c6\u03cd\u03c2', x: 100, y: 176, sub: '\u039f\u03c3\u03c6\u03c5\u03b1\u03bb\u03b3\u03af\u03b1, \u03b9\u03c3\u03c7\u03b9\u03b1\u03bb\u03b3\u03af\u03b1, \u03c0\u03cc\u03bd\u03bf\u03c2 \u03c0\u03bf\u03c5 \u03ba\u03b1\u03c4\u03b5\u03b2\u03b1\u03af\u03bd\u03b5\u03b9 \u03c3\u03c4\u03bf \u03c0\u03cc\u03b4\u03b9.',\n      check: ['\u039a\u03b9\u03bd\u03b7\u03c4\u03b9\u03ba\u03cc\u03c4\u03b7\u03c4\u03b1 \u03c3\u03c0\u03bf\u03bd\u03b4\u03c5\u03bb\u03b9\u03ba\u03ae\u03c2 \u03c3\u03c4\u03ae\u03bb\u03b7\u03c2', '\u039d\u03b5\u03c5\u03c1\u03bf\u03bb\u03bf\u03b3\u03b9\u03ba\u03ac \u03c4\u03b5\u03c3\u03c4', '\u03a3\u03c4\u03b1\u03b8\u03b5\u03c1\u03bf\u03c0\u03bf\u03b9\u03b7\u03c4\u03b9\u03ba\u03bf\u03af \u03bc\u03cd\u03b5\u03c2 \u03ba\u03bf\u03c1\u03bc\u03bf\u03cd'],\n      help: ['\u03a4\u03b5\u03c7\u03bd\u03b9\u03ba\u03ad\u03c2 Mulligan', '\u0391\u03c3\u03ba\u03ae\u03c3\u03b5\u03b9\u03c2 \u03c3\u03c4\u03b1\u03b8\u03b5\u03c1\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7\u03c2', '\u0398\u03b5\u03c1\u03b1\u03c0\u03b5\u03c5\u03c4\u03b9\u03ba\u03cc \u03bc\u03b1\u03c3\u03ac\u03b6 & \u03b2\u03b5\u03bb\u03bf\u03bd\u03b9\u03c3\u03bc\u03cc\u03c2'] },\n    { id: 'wrist', label: '\u0391\u03b3\u03ba\u03ce\u03bd\u03b1\u03c2 \/ \u03ba\u03b1\u03c1\u03c0\u03cc\u03c2', opt: '\u0391\u03b3\u03ba\u03ce\u03bd\u03b1\u03c2 \/ \u03ba\u03b1\u03c1\u03c0\u03cc\u03c2', x: 146, y: 176, sub: '\u0395\u03c0\u03b9\u03ba\u03bf\u03bd\u03b4\u03c5\u03bb\u03af\u03c4\u03b9\u03b4\u03b1, \u03c4\u03b5\u03bd\u03bf\u03bd\u03c4\u03af\u03c4\u03b9\u03b4\u03b1, \u03c3\u03cd\u03bd\u03b4\u03c1\u03bf\u03bc\u03bf \u03ba\u03b1\u03c1\u03c0\u03b9\u03b1\u03af\u03bf\u03c5 \u03c3\u03c9\u03bb\u03ae\u03bd\u03b1.',\n      check: ['\u0394\u03cd\u03bd\u03b1\u03bc\u03b7 \u03bb\u03b1\u03b2\u03ae\u03c2', '\u03a4\u03ad\u03bd\u03bf\u03bd\u03c4\u03b5\u03c2 \u03b1\u03bd\u03c4\u03b9\u03b2\u03c1\u03b1\u03c7\u03af\u03bf\u03c5', '\u0395\u03c0\u03b1\u03bd\u03b1\u03bb\u03b1\u03bc\u03b2\u03b1\u03bd\u03cc\u03bc\u03b5\u03bd\u03b5\u03c2 \u03ba\u03b9\u03bd\u03ae\u03c3\u03b5\u03b9\u03c2 \u03b5\u03c1\u03b3\u03b1\u03c3\u03af\u03b1\u03c2'],\n      help: ['Dry needling', '\u0398\u03b5\u03c1\u03b1\u03c0\u03b5\u03c5\u03c4\u03b9\u03ba\u03ad\u03c2 \u03b1\u03c3\u03ba\u03ae\u03c3\u03b5\u03b9\u03c2', '\u039c\u03b1\u03bb\u03b1\u03ba\u03ce\u03bd \u03bc\u03bf\u03c1\u03af\u03c9\u03bd \u03c4\u03b5\u03c7\u03bd\u03b9\u03ba\u03ad\u03c2'] },\n    { id: 'hip', label: '\u0399\u03c3\u03c7\u03af\u03bf', opt: '\u0399\u03c3\u03c7\u03af\u03bf', x: 88, y: 218, sub: '\u03a0\u03cc\u03bd\u03bf\u03c2 \u03c3\u03c4\u03b7 \u03b2\u03bf\u03c5\u03b2\u03c9\u03bd\u03b9\u03ba\u03ae \u03c7\u03ce\u03c1\u03b1 \u03ae \u03c3\u03c4\u03bf \u03c0\u03bb\u03ac\u03b9 \u03c4\u03bf\u03c5 \u03b9\u03c3\u03c7\u03af\u03bf\u03c5.',\n      check: ['\u0395\u03cd\u03c1\u03bf\u03c2 \u03ba\u03af\u03bd\u03b7\u03c3\u03b7\u03c2 \u03b9\u03c3\u03c7\u03af\u03bf\u03c5', '\u0393\u03bb\u03bf\u03c5\u03c4\u03b9\u03b1\u03af\u03bf\u03b9 \u03bc\u03cd\u03b5\u03c2', '\u0392\u03ac\u03b4\u03b9\u03c3\u03b7 & \u03b9\u03c3\u03bf\u03c1\u03c1\u03bf\u03c0\u03af\u03b1'],\n      help: ['\u039a\u03b9\u03bd\u03b7\u03c4\u03bf\u03c0\u03bf\u03b9\u03ae\u03c3\u03b5\u03b9\u03c2', '\u0395\u03bd\u03b4\u03c5\u03bd\u03ac\u03bc\u03c9\u03c3\u03b7 \u03b3\u03bb\u03bf\u03c5\u03c4\u03b9\u03b1\u03af\u03c9\u03bd', '\u03a0\u03c1\u03bf- & \u03bc\u03b5\u03c4\u03b5\u03b3\u03c7\u03b5\u03b9\u03c1\u03b7\u03c4\u03b9\u03ba\u03ae \u03c6\u03c5\u03c3\u03b9\u03ba\u03bf\u03b8\u03b5\u03c1\u03b1\u03c0\u03b5\u03af\u03b1'] },\n    { id: 'knee', label: '\u0393\u03cc\u03bd\u03b1\u03c4\u03bf', opt: '\u0393\u03cc\u03bd\u03b1\u03c4\u03bf', x: 116, y: 310, sub: '\u03a0\u03cc\u03bd\u03bf\u03c2 \u03c3\u03c4\u03b9\u03c2 \u03c3\u03ba\u03ac\u03bb\u03b5\u03c2, \u03bf\u03af\u03b4\u03b7\u03bc\u03b1, \u03bc\u03b7\u03bd\u03af\u03c3\u03ba\u03bf\u03c2, \u03c7\u03b9\u03b1\u03c3\u03c4\u03cc\u03c2.',\n      check: ['\u03a3\u03c4\u03b1\u03b8\u03b5\u03c1\u03cc\u03c4\u03b7\u03c4\u03b1 \u03c3\u03c5\u03bd\u03b4\u03ad\u03c3\u03bc\u03c9\u03bd', '\u039c\u03b7\u03bd\u03af\u03c3\u03ba\u03bf\u03b9 & \u03b5\u03c0\u03b9\u03b3\u03bf\u03bd\u03b1\u03c4\u03af\u03b4\u03b1', '\u0394\u03cd\u03bd\u03b1\u03bc\u03b7 \u03c4\u03b5\u03c4\u03c1\u03b1\u03ba\u03b5\u03c6\u03ac\u03bb\u03bf\u03c5'],\n      help: ['\u0391\u03c0\u03bf\u03ba\u03b1\u03c4\u03ac\u03c3\u03c4\u03b1\u03c3\u03b7 \u03b1\u03b8\u03bb\u03b7\u03c4\u03b9\u03ba\u03ce\u03bd \u03ba\u03b1\u03ba\u03ce\u03c3\u03b5\u03c9\u03bd', '\u039c\u03b5\u03c4\u03b5\u03b3\u03c7\u03b5\u03b9\u03c1\u03b7\u03c4\u03b9\u03ba\u03ac \u03c0\u03c1\u03c9\u03c4\u03cc\u03ba\u03bf\u03bb\u03bb\u03b1', '\u039b\u03b5\u03bc\u03c6\u03b9\u03ba\u03cc \u03bc\u03b1\u03c3\u03ac\u03b6 \u03b3\u03b9\u03b1 \u03bf\u03af\u03b4\u03b7\u03bc\u03b1'] },\n    { id: 'ankle', label: '\u0391\u03c3\u03c4\u03c1\u03ac\u03b3\u03b1\u03bb\u03bf\u03c2', opt: '\u0391\u03c3\u03c4\u03c1\u03ac\u03b3\u03b1\u03bb\u03bf\u03c2 \/ \u03c0\u03cc\u03b4\u03b9', x: 80, y: 392, sub: '\u0394\u03b9\u03ac\u03c3\u03c4\u03c1\u03b5\u03bc\u03bc\u03b1, \u03b1\u03c7\u03af\u03bb\u03bb\u03b5\u03b9\u03bf\u03c2, \u03c0\u03b5\u03bb\u03bc\u03b1\u03c4\u03b9\u03b1\u03af\u03b1 \u03b1\u03c0\u03bf\u03bd\u03b5\u03c5\u03c1\u03c9\u03c3\u03af\u03c4\u03b9\u03b4\u03b1.',\n      check: ['\u03a3\u03c4\u03b1\u03b8\u03b5\u03c1\u03cc\u03c4\u03b7\u03c4\u03b1 \u03b1\u03c3\u03c4\u03c1\u03b1\u03b3\u03ac\u03bb\u03bf\u03c5', '\u0399\u03b4\u03b9\u03bf\u03b4\u03b5\u03ba\u03c4\u03b9\u03ba\u03cc\u03c4\u03b7\u03c4\u03b1 & \u03b9\u03c3\u03bf\u03c1\u03c1\u03bf\u03c0\u03af\u03b1', '\u0391\u03c7\u03af\u03bb\u03bb\u03b5\u03b9\u03bf\u03c2 \u03c4\u03ad\u03bd\u03bf\u03bd\u03c4\u03b1\u03c2'],\n      help: ['\u03a0\u03c1\u03cc\u03b3\u03c1\u03b1\u03bc\u03bc\u03b1 \u03b9\u03b4\u03b9\u03bf\u03b4\u03b5\u03ba\u03c4\u03b9\u03ba\u03cc\u03c4\u03b7\u03c4\u03b1\u03c2', 'Dry needling', '\u0395\u03c0\u03b9\u03c3\u03c4\u03c1\u03bf\u03c6\u03ae \u03c3\u03c4\u03bf \u03c4\u03c1\u03ad\u03be\u03b9\u03bc\u03bf'] },\n  ];\n  const NS = 'http:\/\/www.w3.org\/2000\/svg', hots = document.getElementById('hots'), tabs = document.getElementById('bm-tabs'), panel = document.getElementById('bm-panel');\n  AREAS.forEach(a => {\n    const g = document.createElementNS(NS, 'g'); g.setAttribute('class', 'hot'); g.setAttribute('tabindex', '0'); g.setAttribute('role', 'button'); g.setAttribute('aria-label', a.label); g.dataset.id = a.id;\n    g.innerHTML = `<circle class=\"halo\" cx=\"${a.x}\" cy=\"${a.y}\" r=\"9\"\/><circle class=\"dot\" cx=\"${a.x}\" cy=\"${a.y}\" r=\"7\"\/>`;\n    hots.appendChild(g);\n    const t = document.createElement('button'); t.className = 'bm-tab'; t.textContent = a.label; t.dataset.id = a.id; t.setAttribute('role', 'tab'); tabs.appendChild(t);\n  });\n  const select = id => {\n    const a = AREAS.find(x => x.id === id);\n    document.querySelectorAll('.hot, .bm-tab').forEach(el => el.classList.toggle('active', el.dataset.id === id));\n    panel.innerHTML = `<div class=\"bm-swap\"><span class=\"eyebrow\">\u03a0\u03b5\u03c1\u03b9\u03bf\u03c7\u03ae<\/span><h3>${a.label}<\/h3><p class=\"sub\">${a.sub}<\/p>\n      <div class=\"bm-cols\"><div><h4>\u03a4\u03b9 \u03b5\u03bb\u03ad\u03b3\u03c7\u03bf\u03c5\u03bc\u03b5<\/h4><ul>${a.check.map(c => `<li>${c}<\/li>`).join('')}<\/ul><\/div>\n      <div><h4>\u03a0\u03ce\u03c2 \u03b2\u03bf\u03b7\u03b8\u03ac\u03bc\u03b5<\/h4><ul>${a.help.map(c => `<li>${c}<\/li>`).join('')}<\/ul><\/div><\/div>\n      <a class=\"btn btn-dark\" href=\"#kratisi\" data-opt=\"${a.opt}\">\u0394\u03c9\u03c1\u03b5\u03ac\u03bd \u03b4\u03b9\u03ac\u03b3\u03bd\u03c9\u03c3\u03b7 \u03b3\u03b9\u03b1 ${a.label.toLowerCase()}\n      <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/a><\/div>`;\n  };\n  hots.addEventListener('click', e => { const g = e.target.closest('.hot'); if (g) select(g.dataset.id); });\n  hots.addEventListener('keydown', e => { const g = e.target.closest('.hot'); if (g && (e.key === 'Enter' || e.key === ' ')) { e.preventDefault(); select(g.dataset.id); } });\n  tabs.addEventListener('click', e => { const t = e.target.closest('.bm-tab'); if (t) select(t.dataset.id); });\n  panel.addEventListener('click', e => {\n    const a = e.target.closest('[data-opt]'); if (!a) return;\n    document.getElementById('area').value = a.dataset.opt;\n    const f = document.getElementById('area-field'); f.classList.remove('flash'); void f.offsetWidth; setTimeout(() => f.classList.add('flash'), 600);\n  });\n  select('back');\n\n  \/\/ Form\n  const form = document.getElementById('booking-form');\n  const confetti = (x, y) => {\n    if (reduce) return;\n    const cols = ['#b6f08a', '#2f7d32', '#9fc3ff', '#0D131A', '#D8F0C7'];\n    for (let i = 0; i < 80; i++) {\n      const c = document.createElement('div'); c.className = 'confetti'; c.style.background = cols[i % cols.length]; c.style.left = x + 'px'; c.style.top = y + 'px';\n      document.body.appendChild(c);\n      const ang = Math.random() * Math.PI * 2, v = 120 + Math.random() * 260;\n      c.animate([{ transform: 'translate(0,0) rotate(0)', opacity: 1 },\n        { transform: `translate(${Math.cos(ang) * v}px, ${Math.sin(ang) * v - 120 + 380}px) rotate(${Math.random() * 720}deg)`, opacity: 0 }],\n        { duration: 1400 + Math.random() * 800, easing: 'cubic-bezier(.2,.7,.4,1)' }).onfinish = () => c.remove();\n    }\n  };\n  form.addEventListener('submit', async e => {\n    e.preventDefault();\n    const name = form.name.value.trim(), phone = form.phone.value.trim();\n    if (!name || !phone || !document.getElementById('consent').checked) {\n      form.animate([{ transform: 'translateX(0)' }, { transform: 'translateX(-10px)' }, { transform: 'translateX(10px)' }, { transform: 'translateX(-6px)' }, { transform: 'translateX(0)' }], { duration: 400 });\n      alert('\u03a3\u03c5\u03bc\u03c0\u03bb\u03b7\u03c1\u03ce\u03c3\u03c4\u03b5 \u03bf\u03bd\u03bf\u03bc\u03b1\u03c4\u03b5\u03c0\u03ce\u03bd\u03c5\u03bc\u03bf, \u03c4\u03b7\u03bb\u03ad\u03c6\u03c9\u03bd\u03bf \u03ba\u03b1\u03b9 \u03b1\u03c0\u03bf\u03b4\u03b5\u03c7\u03c4\u03b5\u03af\u03c4\u03b5 \u03c4\u03b7\u03bd \u03b5\u03c0\u03b5\u03be\u03b5\u03c1\u03b3\u03b1\u03c3\u03af\u03b1 \u03c3\u03c4\u03bf\u03b9\u03c7\u03b5\u03af\u03c9\u03bd.');\n      return;\n    }\n    const data = new FormData(form), action = form.getAttribute('action');\n    if (action) {\n      try { const r = await fetch(action, { method: 'POST', body: data, headers: { Accept: 'application\/json' } }); if (!r.ok) throw new Error(); }\n      catch { alert('\u039a\u03ac\u03c4\u03b9 \u03c0\u03ae\u03b3\u03b5 \u03c3\u03c4\u03c1\u03b1\u03b2\u03ac. \u039a\u03b1\u03bb\u03ad\u03c3\u03c4\u03b5 \u03bc\u03b1\u03c2 \u03c3\u03c4\u03bf 698 035 0453.'); return; }\n    } else {\n      const body = [...data.entries()].map(([k, v]) => `${k}: ${v}`).join('\\n');\n      location.href = 'mailto:dynamic.physiocenter@gmail.com?subject=' + encodeURIComponent('\u0394\u03c9\u03c1\u03b5\u03ac\u03bd \u0394\u03b9\u03ac\u03b3\u03bd\u03c9\u03c3\u03b7 - ' + name) + '&body=' + encodeURIComponent(body);\n    }\n    form.querySelector('.form-body').style.display = 'none';\n    document.getElementById('form-ok').classList.add('show');\n    const r = form.getBoundingClientRect(); confetti(r.left + r.width \/ 2, r.top + 120);\n  });\n})();\n<\/script>\n\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>Dynamic Physio\u039a\u03ad\u03bd\u03c4\u03c1\u03bf \u03a6\u03c5\u03c3\u03b9\u03ba\u03bf\u03b8\u03b5\u03c1\u03b1\u03c0\u03b5\u03af\u03b1\u03c2 698 035 0453 \u039a\u03bb\u03b5\u03af\u03c3\u03c4\u03b5 \u03a1\u03b1\u03bd\u03c4\u03b5\u03b2\u03bf\u03cd \u039d\u03ad\u03b1 \u03a6\u03b9\u03bb\u03b1\u03b4\u03ad\u03bb\u03c6\u03b5\u03b9\u03b1 \u00b7 \u0394\u03c9\u03c1\u03b5\u03ac\u03bd \u03c0\u03c1\u03ce\u03c4\u03b7 \u03b5\u03c0\u03af\u03c3\u03ba\u03b5\u03c8\u03b7 \u0394\u03c9\u03c1\u03b5\u03ac\u03bd \u0394\u03b9\u03ac\u03b3\u03bd\u03c9\u03c3\u03b7 \u03a6\u03c5\u03c3\u03b9\u03ba\u03bf\u03b8\u03b5\u03c1\u03b1\u03c0\u03b5\u03af\u03b1\u03c2 \u03b3\u03b9\u03b1 \u03c4\u03b7 \u03bc\u03ad\u03c3\u03b7 \u03c3\u03b1\u03c2\u03c4\u03bf\u03bd \u03b1\u03c5\u03c7\u03ad\u03bd\u03b1 \u03c3\u03b1\u03c2\u03c4\u03bf\u03bd \u03ce\u03bc\u03bf \u03c3\u03b1\u03c2\u03c4\u03bf \u03b3\u03cc\u03bd\u03b1\u03c4\u03cc \u03c3\u03b1\u03c2\u03c4\u03b7\u03bd \u03b1\u03b8\u03bb\u03b7\u03c4\u03b9\u03ba\u03ae \u03ba\u03ac\u03ba\u03c9\u03c3\u03b7\u03c4\u03b7\u03bd \u03b1\u03c0\u03bf\u03ba\u03b1\u03c4\u03ac\u03c3\u03c4\u03b1\u03c3\u03b7 \u0392\u03c1\u03af\u03c3\u03ba\u03bf\u03c5\u03bc\u03b5 \u03c4\u03b7\u03bd \u03c0\u03c1\u03b1\u03b3\u03bc\u03b1\u03c4\u03b9\u03ba\u03ae \u03b1\u03b9\u03c4\u03af\u03b1 \u03c4\u03bf\u03c5 \u03c0\u03cc\u03bd\u03bf\u03c5 \u03c3\u03b1\u03c2 \u03ba\u03b1\u03b9 \u03c3\u03b1\u03c2 \u03b4\u03af\u03bd\u03bf\u03c5\u03bc\u03b5 \u03ad\u03bd\u03b1 \u03be\u03b5\u03ba\u03ac\u03b8\u03b1\u03c1\u03bf \u03c0\u03bb\u03ac\u03bd\u03bf \u03b1\u03c0\u03bf\u03ba\u03b1\u03c4\u03ac\u03c3\u03c4\u03b1\u03c3\u03b7\u03c2. \u039c\u03b7\u03b4\u03b5\u03bd\u03b9\u03ba\u03cc \u03ba\u03cc\u03c3\u03c4\u03bf\u03c2, \u03ba\u03b1\u03bc\u03af\u03b1 \u03b4\u03ad\u03c3\u03bc\u03b5\u03c5\u03c3\u03b7. \u039a\u03bb\u03b5\u03af\u03c3\u03c4\u03b5 \u03c4\u03b7 \u03b4\u03c9\u03c1\u03b5\u03ac\u03bd \u03b4\u03b9\u03ac\u03b3\u03bd\u03c9\u03c3\u03b7 \u03a0\u03bf\u03cd \u03c0\u03bf\u03bd\u03ac\u03c4\u03b5; 0\u20ac [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-19","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dynamic.relentless.gr\/index.php?rest_route=\/wp\/v2\/pages\/19","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dynamic.relentless.gr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dynamic.relentless.gr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dynamic.relentless.gr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dynamic.relentless.gr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=19"}],"version-history":[{"count":4,"href":"https:\/\/dynamic.relentless.gr\/index.php?rest_route=\/wp\/v2\/pages\/19\/revisions"}],"predecessor-version":[{"id":23,"href":"https:\/\/dynamic.relentless.gr\/index.php?rest_route=\/wp\/v2\/pages\/19\/revisions\/23"}],"wp:attachment":[{"href":"https:\/\/dynamic.relentless.gr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=19"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}