{"id":18,"date":"2026-04-07T12:49:25","date_gmt":"2026-04-07T12:49:25","guid":{"rendered":"http:\/\/seaspirithtml.notosweb.com\/aquaspirit-pro\/"},"modified":"2026-04-07T20:58:33","modified_gmt":"2026-04-07T20:58:33","slug":"aquaspirit-pro","status":"publish","type":"page","link":"https:\/\/seaspirithtml.notosweb.com\/en\/aquaspirit-pro\/","title":{"rendered":"AquaSpirit Pro"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"18\" class=\"elementor elementor-18\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-83f4561 elementor-section-stretched elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"83f4561\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3f4b491\" data-id=\"3f4b491\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8223d55 elementor-widget elementor-widget-html\" data-id=\"8223d55\" 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.gstatic.com\" crossorigin>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700&family=Inter:wght@300;400;500;600&family=Lora:ital,wght@0,400;0,600;0,700;1,400;1,600&display=swap\" rel=\"stylesheet\">\n<style>\n    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n    :root {\n      --gold: #EAC381;\n      --gold-dark: #C4924A;\n      --gold-deeper: #9A7030;\n      --gold-light: #F2D9A8;\n      --navy: #07101E;\n      --navy-2: #0D1828;\n      --card-bg: #0F1C2E;\n      --border: rgba(234,195,129,0.18);\n      --muted: rgba(255,255,255,0.55);\n      --white:       #FFFFFF;\n      --off-white:   #F5F0E8;\n      --navbar-scrolled-bg: rgba(7,16,30,0.95);\n      --popup-bg:    #060E1B;\n      --font-serif:  'Lora', Georgia, serif;\n      --font-display: 'Montserrat', sans-serif;\n      --font-sans:   'Inter', sans-serif;\n    }\n\n    html { scroll-behavior: smooth; }\n\n    body {\n      background: var(--navy);\n      color: #fff;\n      font-family: 'Inter', sans-serif;\n      min-height: 100vh;\n      overflow-x: hidden;\n    }\n\n    \/* \u2500\u2500\u2500 NAVBAR \u2500\u2500\u2500 *\/\n    .navbar {\n      position: fixed; top: 0; left: 0; right: 0; z-index: 1000;\n      display: grid; grid-template-columns: 1fr auto 1fr;\n      align-items: center;\n      padding: 0 2.5rem;\n      height: 90px;\n      background: rgba(7,16,30,0.0);\n      border-bottom: 1px solid rgba(234,195,129,0.0);\n      backdrop-filter: blur(0px);\n      transition: all 0.5s ease;\n    }\n    .navbar.scrolled {\n      background: var(--navbar-scrolled-bg);\n      border-bottom: 1px solid var(--border);\n      backdrop-filter: blur(20px);\n      -webkit-backdrop-filter: blur(20px);\n      height: 72px;\n    }\n    .nav-logo {\n      grid-column: 2;\n      display: flex; justify-content: center;\n    }\n    .nav-logo img {\n      height: 52px; width: auto;\n      filter: drop-shadow(0 0 14px rgba(234,195,129,0.35));\n      transition: height 0.3s ease;\n    }\n    .navbar.scrolled .nav-logo img { height: 40px; }\n    .menu-trigger {\n      grid-column: 3;\n      justify-self: end;\n      display: flex; align-items: center; gap: 12px;\n      cursor: pointer; background: none; border: none;\n      padding: 0.6rem 1.2rem;\n      border: 1px solid rgba(234,195,129,0.35);\n      transition: all 0.3s ease;\n      color: var(--gold-light);\n    }\n    .menu-trigger:hover {\n      background: rgba(234,195,129,0.08);\n      border-color: rgba(234,195,129,0.65);\n    }\n    .menu-trigger-label {\n      font-family: 'Inter', sans-serif; font-size: 0.65rem;\n      font-weight: 600; letter-spacing: 0.3em; text-transform: uppercase;\n      color: var(--gold-light);\n    }\n    .menu-trigger-bars {\n      display: flex; flex-direction: column; gap: 4px;\n    }\n    .menu-trigger-bars span {\n      display: block; height: 1.5px; background: var(--gold);\n      transition: all 0.35s ease;\n    }\n    .menu-trigger-bars span:nth-child(1) { width: 22px; }\n    .menu-trigger-bars span:nth-child(2) { width: 15px; }\n    .menu-trigger-bars span:nth-child(3) { width: 22px; }\n    .menu-trigger:hover .menu-trigger-bars span:nth-child(2) { width: 22px; }\n\n    @media (max-width: 1024px) {\n      .navbar {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        padding: 0 1.5rem;\n      }\n      .nav-logo { grid-column: unset; flex: 1; justify-content: flex-start; }\n      .menu-trigger { grid-column: unset; order: 3; }\n    }\n    @media (max-width: 768px) {\n      .navbar { padding: 0 1.2rem; }\n      .menu-trigger-label { display: none; }\n    }\n\n    \/* \u2500\u2500\u2500 POPUP MENU \u2500\u2500\u2500 *\/\n    .popup-menu {\n      position: fixed; inset: 0; z-index: 2000;\n      display: flex;\n      pointer-events: none;\n      visibility: hidden;\n    }\n    .popup-panel {\n      position: relative;\n      width: 480px; max-width: 90vw;\n      background: var(--popup-bg);\n      border-right: 1px solid var(--border);\n      display: flex; flex-direction: column; justify-content: center;\n      padding: 5rem 4rem;\n      transform: translateX(-100%);\n      transition: transform 0.6s cubic-bezier(.16,1,.3,1);\n    }\n    .popup-overlay {\n      flex: 1;\n      background: rgba(7,16,30,0.65);\n      backdrop-filter: blur(8px);\n      opacity: 0;\n      transition: opacity 0.5s ease;\n      cursor: pointer;\n    }\n    .popup-menu.open { pointer-events: all; visibility: visible; }\n    .popup-menu.open .popup-panel  { transform: translateX(0); }\n    .popup-menu.open .popup-overlay { opacity: 1; }\n    .popup-close {\n      position: absolute; top: 2rem; right: 2rem;\n      width: 48px; height: 48px;\n      border: 1px solid var(--border); background: none; cursor: pointer;\n      display: flex; align-items: center; justify-content: center;\n      color: var(--gold); transition: all 0.3s;\n    }\n    .popup-close:hover { background: rgba(234,195,129,0.1); border-color: var(--gold); }\n    .popup-close svg { width: 18px; height: 18px; stroke: currentColor; fill: none; stroke-width: 1.8; }\n    .popup-logo { margin-bottom: 3rem; }\n    .popup-logo img { height: 52px; width: auto; opacity: 0.9; }\n    .popup-nav { list-style: none; display: flex; flex-direction: column; gap: 0; }\n    .popup-nav li { border-bottom: 1px solid rgba(234,195,129,0.08); overflow: hidden; }\n    .popup-nav li:first-child { border-top: 1px solid rgba(234,195,129,0.08); }\n    .popup-nav a {\n      display: flex; align-items: center; justify-content: space-between;\n      padding: 1.35rem 0;\n      font-family: 'Lora', Georgia, serif;\n      font-size: clamp(1.4rem, 3vw, 1.9rem);\n      font-weight: 400; color: rgba(255,255,255,0.55);\n      transition: color 0.3s, padding-left 0.3s;\n      text-decoration: none;\n    }\n    .popup-nav a .nav-arrow {\n      width: 20px; height: 20px; stroke: var(--gold); fill: none;\n      stroke-width: 1.5; opacity: 0; transform: translateX(-6px);\n      transition: all 0.3s;\n    }\n    .popup-nav a:hover { color: var(--gold-light); padding-left: 10px; }\n    .popup-nav a:hover .nav-arrow { opacity: 1; transform: translateX(0); }\n    .popup-nav a::before {\n      content: attr(data-num);\n      font-family: 'Inter', sans-serif; font-size: 0.6rem;\n      letter-spacing: 0.15em; color: var(--gold-deeper);\n      margin-right: 1rem; flex-shrink: 0; margin-top: 4px;\n    }\n    .popup-footer {\n      margin-top: 3rem; padding-top: 2rem;\n      border-top: 1px solid var(--border);\n      display: flex; flex-direction: column; gap: 0;\n    }\n    .popup-footer-label {\n      font-size: 0.62rem; letter-spacing: 0.3em; text-transform: uppercase; color: var(--gold);\n      margin-bottom: 1rem; display: block;\n    }\n    .popup-contact-item {\n      display: flex; align-items: center; gap: 0.9rem;\n      padding: 0.65rem 0; border-bottom: 1px solid rgba(234,195,129,0.07);\n      text-decoration: none; transition: padding-left 0.3s;\n    }\n    .popup-contact-item:last-of-type { border-bottom: none; }\n    .popup-contact-item:hover { padding-left: 6px; }\n    .popup-contact-icon {\n      width: 32px; height: 32px; flex-shrink: 0;\n      border: 1px solid var(--border); border-radius: 2px;\n      display: flex; align-items: center; justify-content: center;\n      background: rgba(234,195,129,0.04);\n      transition: background 0.3s, border-color 0.3s;\n    }\n    .popup-contact-item:hover .popup-contact-icon { background: rgba(234,195,129,0.12); border-color: rgba(234,195,129,0.45); }\n    .popup-contact-icon svg { width: 14px; height: 14px; stroke: var(--gold); fill: none; stroke-width: 1.8; }\n    .popup-contact-text { font-size: 0.82rem; color: rgba(255,255,255,0.55); transition: color 0.3s; }\n    .popup-contact-item:hover .popup-contact-text { color: var(--gold-light); }\n    .popup-socials { display: flex; gap: 0.7rem; margin-top: 1.4rem; }\n    .popup-socials a {\n      display: flex; align-items: center; justify-content: center; gap: 0.5rem;\n      padding: 0.5rem 0.9rem;\n      border: 1px solid var(--border); border-radius: 2px;\n      font-size: 0.62rem; letter-spacing: 0.15em; text-transform: uppercase;\n      color: rgba(255,255,255,0.55); transition: all 0.3s;\n      background: rgba(234,195,129,0.02);\n    }\n    .popup-socials a svg { width: 13px; height: 13px; fill: currentColor; flex-shrink: 0; }\n    .popup-socials a:hover { color: var(--gold-light); border-color: rgba(234,195,129,0.45); background: rgba(234,195,129,0.08); }\n    .popup-menu.open .popup-nav li { animation: slideInLink 0.5s cubic-bezier(.16,1,.3,1) both; }\n    .popup-menu.open .popup-nav li:nth-child(1) { animation-delay: 0.15s; }\n    .popup-menu.open .popup-nav li:nth-child(2) { animation-delay: 0.22s; }\n    .popup-menu.open .popup-nav li:nth-child(3) { animation-delay: 0.29s; }\n    .popup-menu.open .popup-nav li:nth-child(4) { animation-delay: 0.36s; }\n    .popup-menu.open .popup-nav li:nth-child(5) { animation-delay: 0.43s; }\n    .popup-menu.open .popup-nav li:nth-child(6) { animation-delay: 0.50s; }\n    @keyframes slideInLink {\n      from { opacity: 0; transform: translateY(16px); }\n      to   { opacity: 1; transform: translateY(0); }\n    }\n\n    \/* \u2500\u2500\u2500 PRODUCT HEADER \u2500\u2500\u2500 *\/\n    .product-header {\n      min-height: 50vh;\n      background: linear-gradient(135deg, #07101E 0%, #0D1828 70%, #111F35 100%);\n      padding: 120px 2rem 80px;\n      display: flex;\n      align-items: center;\n      border-bottom: 1px solid var(--border);\n      position: relative;\n      overflow: hidden;\n    }\n    .product-header::before {\n      content: '';\n      position: absolute;\n      top: 0; left: 0; right: 0;\n      height: 3px;\n      background: linear-gradient(90deg, transparent 0%, var(--gold) 50%, transparent 100%);\n    }\n\n    .header-inner {\n      max-width: 1280px;\n      margin: 0 auto;\n      padding: 0 2rem;\n      display: grid;\n      grid-template-columns: 60% 40%;\n      gap: 4rem;\n      align-items: center;\n      width: 100%;\n    }\n\n    .header-left {}\n\n    .breadcrumb {\n      display: flex;\n      align-items: center;\n      gap: 0.5rem;\n      margin-bottom: 1.2rem;\n      font-size: 0.82rem;\n      font-family: 'Inter', sans-serif;\n    }\n    .breadcrumb a {\n      color: var(--gold);\n      text-decoration: none;\n      transition: opacity 0.2s;\n    }\n    .breadcrumb a:hover { opacity: 0.8; }\n    .breadcrumb .sep { color: var(--muted); }\n    .breadcrumb .current { color: var(--muted); }\n\n    .header-badges {\n      display: flex;\n      gap: 0.5rem;\n      flex-wrap: wrap;\n      margin-bottom: 1.4rem;\n    }\n\n    .header-badge {\n      display: inline-flex;\n      align-items: center;\n      gap: 0.5rem;\n      background: var(--gold);\n      color: var(--navy);\n      font-family: 'Montserrat', sans-serif;\n      font-size: 0.7rem;\n      font-weight: 700;\n      letter-spacing: 0.15em;\n      text-transform: uppercase;\n      padding: 0.4rem 0.9rem;\n    }\n    .badge-icon {\n      width: 14px;\n      height: 14px;\n      flex-shrink: 0;\n    }\n    .header-badge-pro {\n      display: inline-flex;\n      align-items: center;\n      background: transparent;\n      color: var(--gold);\n      font-family: 'Montserrat', sans-serif;\n      font-size: 0.7rem;\n      font-weight: 700;\n      letter-spacing: 0.15em;\n      text-transform: uppercase;\n      padding: 0.4rem 0.9rem;\n      border: 1px solid rgba(234,195,129,0.6);\n    }\n\n    .product-title {\n      font-family: 'Lora', Georgia, serif;\n      font-weight: 700;\n      font-size: clamp(2.5rem, 5vw, 4.5rem);\n      line-height: 1.08;\n      color: #fff;\n      margin-bottom: 1rem;\n    }\n\n    .product-tagline {\n      font-size: 1rem;\n      color: var(--muted);\n      font-family: 'Inter', sans-serif;\n      font-weight: 400;\n      line-height: 1.6;\n      margin-bottom: 1.5rem;\n      max-width: 480px;\n    }\n\n    .inline-specs {\n      display: flex;\n      align-items: center;\n      gap: 1rem;\n      margin-bottom: 2rem;\n      flex-wrap: wrap;\n    }\n    .inline-spec {\n      font-family: 'Montserrat', sans-serif;\n      font-size: 0.82rem;\n      font-weight: 600;\n      color: var(--gold);\n      letter-spacing: 0.05em;\n    }\n    .inline-dot {\n      color: var(--border);\n      font-size: 1.2rem;\n    }\n\n    .header-buttons {\n      display: flex;\n      gap: 1rem;\n      flex-wrap: wrap;\n    }\n\n    .btn-gold {\n      display: inline-flex;\n      align-items: center;\n      gap: 0.4rem;\n      background: linear-gradient(135deg, var(--gold) 0%, var(--gold-dark) 100%);\n      color: var(--navy);\n      font-family: 'Montserrat', sans-serif;\n      font-size: 0.82rem;\n      font-weight: 700;\n      letter-spacing: 0.08em;\n      text-transform: uppercase;\n      padding: 0.75rem 1.5rem;\n      border: none;\n      cursor: pointer;\n      text-decoration: none;\n      transition: opacity 0.2s, transform 0.2s;\n    }\n    .btn-gold:hover { opacity: 0.9; transform: translateY(-1px); }\n\n    .btn-outline {\n      display: inline-flex;\n      align-items: center;\n      gap: 0.4rem;\n      background: transparent;\n      color: var(--gold);\n      font-family: 'Montserrat', sans-serif;\n      font-size: 0.82rem;\n      font-weight: 600;\n      letter-spacing: 0.08em;\n      text-transform: uppercase;\n      padding: 0.75rem 1.5rem;\n      border: 1px solid rgba(234,195,129,0.5);\n      cursor: pointer;\n      text-decoration: none;\n      transition: background 0.2s, border-color 0.2s, transform 0.2s;\n    }\n    .btn-outline:hover {\n      background: rgba(234,195,129,0.08);\n      border-color: var(--gold);\n      transform: translateY(-1px);\n    }\n\n    .header-right {\n      position: relative;\n    }\n    .header-preview {\n      position: relative;\n      aspect-ratio: 4\/3;\n      overflow: hidden;\n      width: 100%;\n    }\n    .header-preview::before {\n      content: '';\n      position: absolute;\n      inset: -1px;\n      border: 1px solid rgba(234,195,129,0.4);\n      z-index: 1;\n      pointer-events: none;\n    }\n    .header-preview::after {\n      content: '';\n      position: absolute;\n      bottom: 0; left: 0; right: 0;\n      height: 40%;\n      background: linear-gradient(to top, rgba(7,16,30,0.6), transparent);\n      z-index: 2;\n      pointer-events: none;\n    }\n    .header-preview img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      display: block;\n    }\n\n    \n        \/* \u2500\u2500\u2500 360\u00b0 VIEWER \u2500\u2500\u2500 *\/\n    .viewer-section { background: #050D18; padding: 0; position: relative; }\n    .viewer-container { width: 100%; padding: 0; }\n    .viewer-wrap {\n      position: relative;\n      width: 100%;\n      background: #050D18;\n      cursor: grab;\n      user-select: none;\n      overflow: hidden;\n      border-top: 1px solid rgba(234,195,129,0.1);\n      border-bottom: 1px solid rgba(234,195,129,0.1);\n    }\n    .viewer-wrap:active { cursor: grabbing; }\n    .viewer-img { width: 100%; height: auto; display: block; pointer-events: none; }\n    .viewer-content { position: relative; width: 100%; }\n    .frame-indicator { display: none; }\n\n    \/* Fullscreen *\/\n    #viewer360:fullscreen,\n    #viewer360:-webkit-full-screen {\n      width: 100vw;\n      height: 100vh;\n      background: #020810;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n    #viewer360:fullscreen .viewer-content,\n    #viewer360:-webkit-full-screen .viewer-content {\n      position: relative;\n      height: 100vh;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      flex-shrink: 0;\n    }\n    #viewer360:fullscreen .viewer-img,\n    #viewer360:-webkit-full-screen .viewer-img {\n      width: auto;\n      height: 100vh;\n      max-width: 100vw;\n      object-fit: contain;\n    }\n    \/* Portrait fallback: rotate entire content (image + controls) together *\/\n    #viewer360.portrait-fs:fullscreen .viewer-content,\n    #viewer360.portrait-fs:-webkit-full-screen .viewer-content {\n      transform: rotate(90deg);\n      width: 100vh;\n      height: 100vw;\n      flex-shrink: 0;\n    }\n    #viewer360.portrait-fs:fullscreen .viewer-img,\n    #viewer360.portrait-fs:-webkit-full-screen .viewer-img {\n      width: 100%;\n      height: 100%;\n      max-width: none;\n      max-height: none;\n      object-fit: contain;\n    }\n    #viewer360:fullscreen .viewer-controls,\n    #viewer360:-webkit-full-screen .viewer-controls {\n      bottom: 24px;\n    }\n    \/* \u2500\u2500\u2500 VIEWER CONTROLS \u2500\u2500\u2500 *\/\n    \/* Corner buttons shared style *\/\n    .viewer-corner-btn {\n      position: absolute;\n      bottom: 18px;\n      width: 46px;\n      height: 46px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: rgba(5, 12, 22, 0.82);\n      backdrop-filter: blur(16px);\n      -webkit-backdrop-filter: blur(16px);\n      border: 1px solid rgba(234, 195, 129, 0.35);\n      border-radius: 50%;\n      color: #EAC381;\n      cursor: pointer;\n      z-index: 20;\n      pointer-events: all;\n      transition: background 0.18s, transform 0.15s, border-color 0.18s;\n      box-shadow: 0 4px 20px rgba(0,0,0,0.45), inset 0 1px 0 rgba(234,195,129,0.08);\n      outline: none;\n    }\n    .viewer-corner-btn:hover {\n      background: rgba(234, 195, 129, 0.14);\n      border-color: rgba(234, 195, 129, 0.65);\n      transform: scale(1.1);\n    }\n    .viewer-corner-btn:active { transform: scale(0.92); }\n    #viewerPlayBtn  { left: 18px; }\n    #viewerFsBtn    { right: 18px; }\n\n    \/* Side nav buttons *\/\n    .viewer-side-btn {\n      position: absolute;\n      top: 50%;\n      transform: translateY(-50%);\n      width: 48px;\n      height: 48px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: rgba(5, 12, 22, 0.78);\n      backdrop-filter: blur(16px);\n      -webkit-backdrop-filter: blur(16px);\n      border: 1px solid rgba(234, 195, 129, 0.3);\n      border-radius: 50%;\n      color: #EAC381;\n      cursor: pointer;\n      z-index: 20;\n      pointer-events: all;\n      transition: background 0.18s, transform 0.15s, border-color 0.18s;\n      box-shadow: 0 4px 16px rgba(0,0,0,0.4);\n      outline: none;\n    }\n    .viewer-side-btn:hover {\n      background: rgba(234, 195, 129, 0.14);\n      border-color: rgba(234, 195, 129, 0.65);\n      transform: translateY(-50%) scale(1.1);\n    }\n    .viewer-side-btn:active { transform: translateY(-50%) scale(0.92); }\n    #viewerPrevBtn { left: 16px; }\n    #viewerNextBtn { right: 16px; }\n\n    \/* Center frame counter *\/\n    .viewer-controls {\n      position: absolute;\n      bottom: 26px;\n      left: 50%;\n      transform: translateX(-50%);\n      width: fit-content;\n      white-space: nowrap;\n      display: inline-flex;\n      align-items: center;\n      background: rgba(5, 12, 22, 0.82);\n      backdrop-filter: blur(16px);\n      -webkit-backdrop-filter: blur(16px);\n      border: 1px solid rgba(234, 195, 129, 0.3);\n      border-radius: 40px;\n      padding: 6px 16px;\n      z-index: 20;\n      pointer-events: none;\n      box-shadow: 0 4px 16px rgba(0,0,0,0.4);\n    }\n    .frame-indicator {\n      display: inline-block !important;\n      font-family: 'Montserrat', sans-serif;\n      font-size: 11px;\n      font-weight: 600;\n      color: rgba(234, 195, 129, 0.65);\n      letter-spacing: 0.08em;\n      white-space: nowrap;\n      text-align: center;\n    }\n    .viewer-drag-hint {\n      position: absolute;\n      bottom: 80px;\n      left: 50%;\n      transform: translateX(-50%);\n      display: inline-flex;\n      align-items: center;\n      gap: 7px;\n      background: rgba(5, 12, 22, 0.7);\n      backdrop-filter: blur(10px);\n      -webkit-backdrop-filter: blur(10px);\n      border: 1px solid rgba(234,195,129,0.2);\n      border-radius: 40px;\n      padding: 7px 16px;\n      color: rgba(234,195,129,0.75);\n      font-family: 'Montserrat', sans-serif;\n      font-size: 11px;\n      font-weight: 500;\n      letter-spacing: 0.07em;\n      pointer-events: none;\n      z-index: 15;\n      transition: opacity 0.6s ease;\n      white-space: nowrap;\n    }\n    .viewer-drag-hint.hidden { opacity: 0; }\n    .viewer-loading {\n      position: absolute;\n      inset: 0;\n      background: #050D18;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      gap: 1rem;\n      z-index: 10;\n      transition: opacity 0.4s;\n    }\n    .loading-logo { height: 32px; opacity: 0.6; margin-bottom: 0.5rem; }\n    .loading-bar-wrap { width: 200px; height: 2px; background: rgba(234,195,129,0.2); }\n    .loading-bar { height: 100%; background: #EAC381; width: 0%; transition: width 0.1s; }\n    .loading-text { font-size: 0.75rem; letter-spacing: 0.2em; color: rgba(234,195,129,0.7); font-family: 'Inter', sans-serif; }\n\n    .viewer-controls {\n      position: absolute;\n      bottom: 1rem;\n      left: 0;\n      right: 0;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      padding: 0 1.5rem;\n      pointer-events: none;\n    }\n    .ctrl-hint {\n      display: flex;\n      align-items: center;\n      gap: 0.5rem;\n      color: rgba(255,255,255,0.55);\n      font-size: 0.72rem;\n      letter-spacing: 0.08em;\n      font-family: 'Inter', sans-serif;\n      pointer-events: none;\n    }\n    .ctrl-hint svg {\n      width: 18px; height: 18px;\n      stroke: rgba(234,195,129,0.55);\n      stroke-width: 1.5;\n      fill: none;\n      flex-shrink: 0;\n    }\n    .ctrl-btn {\n      pointer-events: all;\n      background: rgba(7,16,30,0.72);\n      border: 1px solid rgba(234,195,129,0.3);\n      color: var(--gold);\n      width: 40px;\n      height: 40px;\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      cursor: pointer;\n      transition: all 0.2s ease;\n      flex-shrink: 0;\n    }\n    .ctrl-btn svg { width: 16px; height: 16px; stroke: var(--gold); stroke-width: 2; fill: none; }\n    .ctrl-btn:hover {\n      background: rgba(234,195,129,0.15);\n      border-color: var(--gold);\n    }\n    .fill-svg { fill: #EAC381; }\n    \n    \/* \u2500\u2500\u2500 SECTION DIVIDER \u2500\u2500\u2500 *\/\n    .section-divider {\n      height: 1px;\n      background: var(--border);\n      max-width: 100%;\n      margin: 0 auto;\n    }\n\n    \/* \u2500\u2500\u2500 SPECS SECTION \u2500\u2500\u2500 *\/\n    .specs-section {\n      background: var(--navy-2);\n      padding: 5rem 2rem;\n    }\n    .specs-inner {\n      max-width: 860px;\n      margin: 0 auto;\n    }\n    .features-section {\n      background: var(--navy);\n      padding: 5rem 2rem;\n    }\n    .features-inner {\n      max-width: 1100px;\n      margin: 0 auto;\n    }\n    .features-inner .specs-block-title {\n      text-align: center;\n      margin-bottom: 2.5rem;\n    }\n    .features-grid {\n      grid-template-columns: repeat(4, 1fr);\n    }\n\n    .sc-header-label {\n      color: var(--gold);\n      font-family: 'Montserrat', sans-serif;\n      font-size: 0.7rem;\n      font-weight: 700;\n      letter-spacing: 0.3em;\n      text-transform: uppercase;\n      margin-bottom: 1rem;\n    }\n    .specs-block-title {\n      font-family: var(--font-serif);\n      font-size: clamp(2rem, 3.5vw, 3rem);\n      font-weight: 700;\n      color: #fff;\n      margin-bottom: 1rem;\n      letter-spacing: 0.01em;\n    }\n    .sc-header-sub {\n      color: var(--muted);\n      font-size: 0.95rem;\n      font-family: 'Inter', sans-serif;\n      line-height: 1.6;\n      max-width: 520px;\n      margin: 0 auto;\n    }\n    .specs-block-title span {\n      color: var(--gold);\n    }\n\n    .specs-table {\n      width: 100%;\n      border-collapse: collapse;\n      border-left: 2px solid var(--gold);\n    }\n    .specs-table tr:nth-child(odd) { background: rgba(15,28,46,0.6); }\n    .specs-table tr:nth-child(even) { background: rgba(13,24,40,0.4); }\n    .specs-table td {\n      padding: 0.7rem 1rem;\n      font-size: 0.85rem;\n      font-family: 'Inter', sans-serif;\n      border-bottom: 1px solid rgba(234,195,129,0.06);\n    }\n    .specs-table td:first-child {\n      color: var(--muted);\n      font-weight: 400;\n      width: 52%;\n    }\n    .specs-table td:last-child {\n      color: var(--gold-light);\n      font-weight: 600;\n      font-family: 'Montserrat', sans-serif;\n      font-size: 0.82rem;\n    }\n\n    \/* \u2500\u2500\u2500 FEATURES \u2500\u2500\u2500 *\/\n    .features-grid {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 1rem;\n    }\n\n    .feat-card {\n      background: var(--card-bg);\n      border: 1px solid var(--border);\n      padding: 1.4rem;\n      transition: border-color 0.3s, transform 0.3s;\n    }\n    .feat-card:hover {\n      border-color: rgba(234,195,129,0.4);\n      transform: translateY(-2px);\n    }\n    .feat-num {\n      font-family: 'Montserrat', sans-serif;\n      font-size: 0.65rem;\n      font-weight: 700;\n      color: var(--gold-deeper);\n      letter-spacing: 0.2em;\n      margin-bottom: 0.6rem;\n    }\n    .feat-title {\n      font-family: 'Montserrat', sans-serif;\n      font-size: 0.9rem;\n      font-weight: 700;\n      color: var(--gold);\n      margin-bottom: 0.5rem;\n      line-height: 1.3;\n    }\n    .feat-desc {\n      font-size: 0.78rem;\n      color: var(--muted);\n      line-height: 1.6;\n      font-family: 'Inter', sans-serif;\n    }\n\n    \/* \u2500\u2500\u2500 CTA SECTION \u2500\u2500\u2500 *\/\n    .cta-section {\n      background: var(--navy);\n      padding: 5rem 2rem;\n      text-align: center;\n      position: relative;\n      overflow: hidden;\n    }\n    .cta-bg { position: absolute; inset: 0; z-index: 0; }\n    .cta-bg img { width: 100%; height: 100%; object-fit: cover; }\n    .cta-bg::after { content: ''; position: absolute; inset: 0; background: rgba(7,16,30,0.88); }\n    .cta-inner { max-width: 640px; margin: 0 auto; position: relative; z-index: 1; }\n    .cta-title {\n      font-family: 'Montserrat', sans-serif;\n      font-size: clamp(1.5rem, 3vw, 2rem);\n      font-weight: 700;\n      color: #fff;\n      margin-bottom: 0.8rem;\n    }\n    .cta-sub {\n      color: var(--muted);\n      font-size: 0.9rem;\n      margin-bottom: 2rem;\n      font-family: 'Inter', sans-serif;\n      line-height: 1.6;\n    }\n    .cta-buttons {\n      display: flex;\n      gap: 1rem;\n      justify-content: center;\n      flex-wrap: wrap;\n    }\n\n    \/* \u2500\u2500\u2500 FOOTER \u2500\u2500\u2500 *\/\n    .container { max-width: 100%; margin: 0 auto; padding: 0 2rem; }\n    .footer { background: #050D18; border-top: 1px solid var(--border); padding: 70px 0 0; }\n    .footer-grid {\n      display: grid; grid-template-columns: 2fr 1fr 1fr 1.5fr; gap: 4rem;\n      margin-bottom: 4rem;\n    }\n    .footer-brand img { height: 38px; width: auto; margin-bottom: 1.5rem; }\n    .footer-brand p { font-size: 0.82rem; line-height: 1.85; color: rgba(255,255,255,0.55); max-width: 280px; margin-bottom: 2rem; }\n    .footer-brand-tagline {\n      font-family: 'Lora', Georgia, serif; font-style: italic;\n      font-size: 0.9rem; color: #F2D9A8; line-height: 1.5; margin-bottom: 1.5rem;\n    }\n    .footer-socials { display: flex; gap: 0.8rem; }\n    .footer-social {\n      width: 38px; height: 38px; border: 1px solid var(--border); border-radius: 2px;\n      display: flex; align-items: center; justify-content: center;\n      color: rgba(255,255,255,0.55); transition: all 0.3s;\n    }\n    .footer-social:hover { background: rgba(234,195,129,0.1); border-color: var(--gold); color: #F2D9A8; }\n    .footer-social svg { width: 16px; height: 16px; fill: currentColor; }\n    .footer-col h5 {\n      font-size: 0.7rem; font-weight: 600; letter-spacing: 0.25em;\n      text-transform: uppercase; color: var(--gold);\n      margin-bottom: 1.5rem; padding-bottom: 0.8rem;\n      border-bottom: 1px solid var(--border);\n    }\n    .footer-col ul { list-style: none; display: flex; flex-direction: column; gap: 0.6rem; }\n    .footer-col ul li a {\n      font-size: 0.82rem; color: rgba(255,255,255,0.55); transition: color 0.3s;\n      display: flex; align-items: center; gap: 6px; text-decoration: none;\n    }\n    .footer-col ul li a::before { content: '\u2014'; color: var(--gold-deeper); font-size: 0.7rem; }\n    .footer-col ul li a:hover { color: #F2D9A8; }\n    .footer-contact p { font-size: 0.82rem; color: rgba(255,255,255,0.55); line-height: 2; }\n    .footer-contact strong { color: #F5F0E8; }\n    .footer-bottom {\n      border-top: 1px solid var(--border); padding: 1.5rem 0;\n      display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 1rem;\n    }\n    .footer-bottom p { font-size: 0.72rem; color: rgba(255,255,255,0.55); }\n    .footer-bottom a { color: var(--gold); transition: color 0.3s; text-decoration: none; }\n    .footer-bottom a:hover { color: #F2D9A8; }\n    .footer-legal { display: flex; gap: 1.5rem; }\n    @media (max-width: 1024px) { .footer-grid { grid-template-columns: 1fr 1fr; gap: 3rem; } }\n    @media (max-width: 768px) { .footer-grid { grid-template-columns: 1fr; gap: 2.5rem; } .footer-bottom { flex-direction: column; text-align: center; } }\n\n    \/* \u2500\u2500\u2500 SCROLL REVEAL \u2500\u2500\u2500 *\/\n    .reveal {\n      opacity: 0;\n      transform: translateY(30px);\n      transition: opacity 0.65s ease, transform 0.65s ease;\n    }\n    .reveal.visible {\n      opacity: 1;\n      transform: translateY(0);\n    }\n    .reveal-delay-1 { transition-delay: 0.1s; }\n    .reveal-delay-2 { transition-delay: 0.2s; }\n    .reveal-delay-3 { transition-delay: 0.3s; }\n\n    \/* \u2500\u2500\u2500 MOBILE \u2500\u2500\u2500 *\/\n    @media (max-width: 768px) {\n      .header-inner {\n        grid-template-columns: 1fr;\n        gap: 2rem;\n        padding: 2rem 1.2rem;\n      }\n      .header-right { display: none; }\n\n      .features-grid {\n        grid-template-columns: 1fr 1fr;\n      }\n\n      .features-grid {\n        grid-template-columns: 1fr;\n      }\n\n\n      .cta-buttons { flex-direction: column; align-items: center; }\n      .cta-buttons .btn-gold,\n      .cta-buttons .btn-outline { width: 100%; max-width: 300px; justify-content: center; }\n\n      .specs-section { padding: 3rem 1.2rem; }\n      .cta-section { padding: 3rem 1.2rem; }\n    }\n\n  \n    \n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 SPECS CARDS \u2014 LEFT text \/ RIGHT photo \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n    .sc-section {\n      background: var(--navy-2);\n    }\n    .sc-section-header {\n      padding: 5rem 2rem 4rem;\n      text-align: center;\n      border-bottom: 1px solid var(--border);\n      position: relative;\n    }\n    .sc-section-header::after {\n      content: '';\n      position: absolute;\n      bottom: -1px; left: 50%; transform: translateX(-50%);\n      width: 60px; height: 2px;\n      background: linear-gradient(90deg, transparent, var(--gold), transparent);\n    }\n    .sc {\n      width: 100%;\n      border-bottom: 1px solid var(--border);\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      min-height: 460px;\n      overflow: hidden;\n    }\n    .sc:last-child { border-bottom: none; }\n    .sc:nth-child(odd)  { background: var(--navy-2); }\n    .sc:nth-child(even) { background: #0A1525; }\n\n    \/* LEFT panel *\/\n    .sc-left {\n      padding: 4rem 3.5rem 4rem 5rem;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      position: relative;\n      border-right: 1px solid var(--border);\n      overflow: hidden;\n    }\n    .sc-ghost {\n      position: absolute;\n      bottom: -0.1em; left: -0.02em;\n      font-family: 'Montserrat', sans-serif;\n      font-size: 15rem; font-weight: 900; line-height: 1;\n      color: rgba(234,195,129,0.04);\n      pointer-events: none; user-select: none;\n      letter-spacing: -0.04em;\n    }\n    .sc-accent {\n      position: absolute;\n      left: 0; top: 15%; bottom: 15%; width: 3px;\n      background: linear-gradient(180deg,\n        transparent 0%, var(--gold-deeper) 20%,\n        var(--gold) 50%, var(--gold-deeper) 80%, transparent 100%);\n    }\n    .sc-label {\n      display: flex; align-items: center; gap: 0.6rem;\n      margin-bottom: 1rem; position: relative;\n    }\n    .sc-label-num {\n      font-family: 'Montserrat', sans-serif;\n      font-size: 0.6rem; font-weight: 700;\n      letter-spacing: 0.3em; text-transform: uppercase;\n      color: var(--gold-deeper);\n    }\n    .sc-label-sep { width: 24px; height: 1px; background: var(--gold-deeper); flex-shrink: 0; }\n    .sc-label-name {\n      font-family: 'Inter', sans-serif;\n      font-size: 0.72rem; color: var(--muted); font-weight: 400;\n    }\n    .sc-capacity {\n      font-family: 'Lora', Georgia, serif;\n      font-size: clamp(4rem, 6.5vw, 6.5rem);\n      font-weight: 700; line-height: 1;\n      background: linear-gradient(135deg, var(--gold-deeper) 0%, var(--gold) 50%, var(--gold-light) 100%);\n      -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;\n      margin-bottom: 0.25rem; position: relative;\n    }\n    .sc-sublabel {\n      font-family: 'Montserrat', sans-serif;\n      font-size: 0.65rem; font-weight: 600;\n      letter-spacing: 0.2em; text-transform: uppercase;\n      color: rgba(255,255,255,0.28); margin-bottom: 2.2rem; position: relative;\n    }\n    .sc-specs {\n      display: grid; grid-template-columns: 1fr 1fr;\n      gap: 0 2.5rem; position: relative;\n    }\n    .sc-spec { padding: 0.65rem 0; border-bottom: 1px solid rgba(234,195,129,0.07); }\n    .sc-spec.wide { grid-column: 1 \/ -1; }\n    .sc-spec-k {\n      font-family: 'Inter', sans-serif;\n      font-size: 0.62rem; font-weight: 400;\n      color: rgba(255,255,255,0.38);\n      letter-spacing: 0.06em; text-transform: uppercase; margin-bottom: 0.22rem;\n    }\n    .sc-spec-v {\n      font-family: 'Montserrat', sans-serif;\n      font-size: 0.82rem; font-weight: 600;\n      color: var(--gold-light); line-height: 1.3;\n    }\n\n    \/* RIGHT panel *\/\n    .sc-right { position: relative; display: flex; align-items: stretch; padding: 0; overflow: hidden; }\n    .sc-right::before {\n      content: ''; position: absolute; inset: 0;\n      background: radial-gradient(ellipse at 50% 50%, rgba(234,195,129,0.06) 0%, transparent 68%);\n      pointer-events: none;\n    }\n    .sc-right::after {\n      content: ''; position: absolute;\n      left: 0; top: 0; bottom: 0; width: 80px;\n      background: linear-gradient(90deg, rgba(7,16,30,0.22) 0%, transparent 100%);\n      pointer-events: none;\n    }\n    .sc-right img { width: 100%; height: 100%; object-fit: cover; display: block; filter: none; }\n    .sc-right { position: relative; display: flex; align-items: stretch; padding: 0; overflow: hidden; }\n    .sc-right-inner { position: relative; display: flex; width: 100%; height: 100%; cursor: default; }\n    .sc-right-inner img {\n      display: block;\n      transition: transform 0.55s cubic-bezier(.16,1,.3,1), filter 0.55s ease;\n    }\n    .sc-right-inner::after { display: none; }\n    \n    .sc-zoom-icon { display: none; }\n    .sc-zoom-icon svg { width: 20px; height: 20px; color: var(--gold); }\n    \n    \n    .sc:hover .sc-right img { width: 100%; height: 100%; object-fit: cover; display: block; filter: none; }\n\n    @media (max-width: 960px) {\n      .sc { grid-template-columns: 1fr; min-height: auto; }\n      .sc-right { position: relative; display: flex; align-items: stretch; padding: 0; overflow: hidden; }\n      .sc-right::after { display: none; }\n      .sc-left { border-right: none; border-top: 1px solid var(--border); padding: 2.5rem 2rem 2.5rem 2.5rem; }\n      .sc-accent { display: none; }\n      .sc-ghost { font-size: 9rem; }\n      .sc-specs { grid-template-columns: 1fr; gap: 0; }\n      .sc-spec.wide { grid-column: 1; }\n    }\n    @media (max-width: 480px) {\n      .sc-section-header { padding: 3rem 1.5rem 2.5rem; }\n      .sc-ghost { font-size: 7rem; }\n    }\n\n    \n    \n    \/* \u2500\u2500 MEMBRANE LIGHTBOX \u2500\u2500 *\/\n    .sc-right img { width: 100%; height: 100%; object-fit: cover; display: block; filter: none; }\n    #mlbOverlay {\n      display: none; position: fixed; inset: 0; z-index: 99999;\n      background: rgba(4,9,20,0.95);\n      backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);\n      cursor: zoom-out;\n    }\n    #mlbOverlay.open { display: flex; align-items: center; justify-content: center; }\n    #mlbOverlay img {\n      max-width: 88vw; max-height: 86vh;\n      object-fit: contain; cursor: default;\n      border: 1px solid rgba(234,195,129,0.18);\n      filter: drop-shadow(0 20px 80px rgba(0,0,0,0.9));\n      animation: mlbZoom .3s cubic-bezier(.16,1,.3,1);\n    }\n    @keyframes mlbZoom { from { opacity:0; transform:scale(.9); } to { opacity:1; transform:scale(1); } }\n    #mlbClose {\n      position: fixed; top: 1.5rem; right: 2rem;\n      background: none; border: none; color: rgba(234,195,129,.8);\n      font-size: 2.5rem; line-height: 1; cursor: pointer; z-index: 100000;\n      transition: color .2s, transform .2s;\n    }\n    #mlbClose:hover { color: #EAC381; transform: rotate(90deg); }\n\n    <\/style>\n  \n\n  <!-- MEMBRANE LIGHTBOX -->\n  <div id=\"mlbOverlay\"><img decoding=\"async\" id=\"mlbImg\" src=\"\" alt=\"\"><\/div>\n  <button id=\"mlbClose\" aria-label=\"Close\" style=\"display:none\">&times;<\/button>\n  <script>\n  window.addEventListener('load', function() {\n    var ov   = document.getElementById('mlbOverlay');\n    var img  = document.getElementById('mlbImg');\n    var btn  = document.getElementById('mlbClose');\n    if (!ov) return;\n\n    function open(src) {\n      img.src = src;\n      ov.classList.add('open');\n      btn.style.display = 'block';\n      document.body.style.overflow = 'hidden';\n    }\n    function close() {\n      ov.classList.remove('open');\n      btn.style.display = 'none';\n      document.body.style.overflow = '';\n      img.src = '';\n    }\n\n    \/\/ Event delegation on document \u2014 catches all .sc-right img clicks\n    document.addEventListener('click', function(e) {\n      var t = e.target;\n      if (t.tagName === 'IMG' && t.closest && t.closest('.sc-right')) {\n        e.preventDefault(); e.stopPropagation();\n        open(t.src || t.getAttribute('src'));\n      } else if (t === ov) {\n        close();\n      }\n    }, true);\n\n    btn.addEventListener('click', close);\n    document.addEventListener('keydown', function(e) {\n      if (e.key === 'Escape') close();\n    });\n  });\n  <\/script>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-8bf4dcd elementor-section-stretched elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"8bf4dcd\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3656186\" data-id=\"3656186\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f219db1 elementor-widget elementor-widget-html\" data-id=\"f219db1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"popup-menu\" id=\"popupMenu\">\n    <div class=\"popup-panel\">\n      <button class=\"popup-close\" id=\"popupClose\">\n        <svg viewBox=\"0 0 24 24\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\n      <\/button>\n      <div class=\"popup-logo\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/logo-horizontal-gold.png\" alt=\"Sea Spirit\">\n      <\/div>\n      <ul class=\"popup-nav\">\n        <li><a href=\"\/\" data-num=\"01\">Home<svg class=\"nav-arrow\" viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a><\/li>\n        <li><a href=\"\/about\/\" data-num=\"02\">\u03a3\u03c7\u03b5\u03c4\u03b9\u03ba\u03ac \u03bc\u03b5 \u0395\u03bc\u03ac\u03c2<svg class=\"nav-arrow\" viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a><\/li>\n        <li><a href=\"\/services\/\" data-num=\"03\">\u03a5\u03c0\u03b7\u03c1\u03b5\u03c3\u03af\u03b5\u03c2<svg class=\"nav-arrow\" viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a><\/li>\n        <li><a href=\"\/aquaspirit\/\" data-num=\"04\">AquaSpirit<svg class=\"nav-arrow\" viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a><\/li>\n        <li><a href=\"\/contact\/\" data-num=\"05\">\u0395\u03c0\u03b9\u03ba\u03bf\u03b9\u03bd\u03c9\u03bd\u03af\u03b1<svg class=\"nav-arrow\" viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a><\/li>\n      <\/ul>\n      <div class=\"popup-footer\">\n        <span class=\"popup-footer-label\">\u0395\u03c0\u03b9\u03ba\u03bf\u03b9\u03bd\u03c9\u03bd\u03af\u03b1<\/span>\n        <a href=\"mailto:info@ssmarine.gr\" class=\"popup-contact-item\">\n          <div class=\"popup-contact-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg><\/div>\n          <span class=\"popup-contact-text\">info@ssmarine.gr<\/span>\n        <\/a>\n        <a href=\"tel:+302109943580\" class=\"popup-contact-item\">\n          <div class=\"popup-contact-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07A19.5 19.5 0 013.89 9.81a19.79 19.79 0 01-3.07-8.67A2 2 0 012.81 1h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L6.91 8.72a16 16 0 006.29 6.29l1.08-1.08a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 16.92z\"\/><\/svg><\/div>\n          <span class=\"popup-contact-text\">+30 210 9943580<\/span>\n        <\/a>\n        <div class=\"popup-socials\">\n          <a href=\"#\"><svg viewBox=\"0 0 24 24\"><path d=\"M18 2h-3a5 5 0 00-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 011-1h3z\"\/><\/svg>Facebook<\/a>\n          <a href=\"#\"><svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z\"\/><\/svg>Instagram<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n    <div class=\"popup-overlay\" id=\"popupOverlay\"><\/div>\n  <\/div>\n\n  <!-- NAVBAR -->\n  <nav class=\"navbar\" id=\"navbar\">\n    <a href=\"\/\" class=\"nav-logo\">\n      <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/logo-horizontal-gold.png\" alt=\"Sea Spirit\">\n    <\/a>\n    <button class=\"menu-trigger\" id=\"menuTrigger\" aria-label=\"Open Menu\">\n      <span class=\"menu-trigger-label\">Menu<\/span>\n      <div class=\"menu-trigger-bars\">\n        <span><\/span><span><\/span><span><\/span>\n      <\/div>\n    <\/button>\n  <\/nav>\n\n  <!-- PRODUCT HEADER -->\n  <section class=\"product-header\">\n    <div class=\"header-inner\">\n      <div class=\"header-left\">\n        <div class=\"breadcrumb\">\n          <a href=\"\/aquaspirit\/\">AquaSpirit<\/a>\n          <span class=\"sep\">\u2192<\/span>\n          <span class=\"current\">Pro<\/span>\n        <\/div>\n\n        <div class=\"header-badges\">\n          <div class=\"header-badge\">\n            <svg class=\"badge-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <path d=\"M12 2v4M12 18v4M4.93 4.93l2.83 2.83M16.24 16.24l2.83 2.83M2 12h4M18 12h4M4.93 19.07l2.83-2.83M16.24 7.76l2.83-2.83\"\/>\n            <\/svg>\n            360\u00b0 INTERACTIVE VIEW\n          <\/div>\n          <div class=\"header-badge-pro\">PRO<\/div>\n        <\/div>\n\n        <h1 class=\"product-title\">AquaSpirit Pro<\/h1>\n\n        <p class=\"product-tagline\">\u0395\u03c0\u03b1\u03b3\u03b3\u03b5\u03bb\u03bc\u03b1\u03c4\u03b9\u03ba\u03ae \u03b1\u03c0\u03cc\u03b4\u03bf\u03c3\u03b7 \u03b3\u03b9\u03b1 \u03bc\u03b5\u03b3\u03ac\u03bb\u03b1 \u03c3\u03ba\u03ac\u03c6\u03b7 \u03ba\u03b1\u03b9 \u03b1\u03c0\u03b1\u03b9\u03c4\u03b7\u03c4\u03b9\u03ba\u03ad\u03c2 \u03c3\u03c5\u03bd\u03b8\u03ae\u03ba\u03b5\u03c2<\/p>\n        <div class=\"header-buttons\">\n          <a href=\"\/contact\/\" class=\"btn-gold\">\u0396\u03b7\u03c4\u03ae\u03c3\u03c4\u03b5 \u03a0\u03c1\u03bf\u03c3\u03c6\u03bf\u03c1\u03ac<\/a>\n          <a href=\"#specs\" class=\"btn-outline\">\u0394\u03b5\u03af\u03c4\u03b5 Specs \u2193<\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"header-right\">\n        <div class=\"header-preview\">\n          <img decoding=\"async\" src=\"\/wp-content\/uploads\/seaspirit\/AQUASPLIT\/AquaSpirit%20Pro\/360%20model%202\/360%20model%202_00001.png\" alt=\"AquaSpirit Pro\">\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- 360\u00b0 VIEWER SECTION -->\n  <section class=\"viewer-section\">\n    <div class=\"viewer-container\">\n      <div class=\"viewer-wrap\" id=\"viewer360\">\n        <!-- Loading overlay -->\n        <div class=\"viewer-loading\" id=\"viewerLoading\">\n          <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/logo-horizontal-gold.png\" alt=\"\" class=\"loading-logo\">\n          <div class=\"loading-bar-wrap\">\n            <div class=\"loading-bar\" id=\"loadingBar\"><\/div>\n          <\/div>\n          <p class=\"loading-text\" id=\"loadingText\">\u03a6\u03cc\u03c1\u03c4\u03c9\u03c3\u03b7 0%<\/p>\n        <\/div>\n        <!-- Content wrapper (image + controls rotate together in portrait-fs) -->\n        <div class=\"viewer-content\">\n        <!-- LEFT nav arrow -->\n        <button class=\"viewer-side-btn\" id=\"viewerPrevBtn\" title=\"\u03a0\u03c1\u03bf\u03b7\u03b3\u03bf\u03cd\u03bc\u03b5\u03bd\u03bf\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" width=\"24\" height=\"24\"><polyline points=\"15 18 9 12 15 6\"\/><\/svg>\n        <\/button>\n\n        <!-- 360 canvas -->\n        <canvas class=\"viewer-img\" id=\"viewerCanvas\"><\/canvas>\n\n        <!-- PLAY button \u2014 bottom left -->\n        <button class=\"viewer-corner-btn\" id=\"viewerPlayBtn\" title=\"Play \/ Pause\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" width=\"20\" height=\"20\"><polygon points=\"5,3 19,12 5,21\"\/><\/svg>\n        <\/button>\n\n        <!-- Frame counter \u2014 bottom center -->\n        <div class=\"viewer-controls\">\n          <span class=\"frame-indicator\" id=\"frameIndicator\">1 \/ \u2014<\/span>\n        <\/div>\n\n        <!-- FULLSCREEN button \u2014 bottom right -->\n        <button class=\"viewer-corner-btn\" id=\"viewerFsBtn\" title=\"\u03a0\u03bb\u03ae\u03c1\u03b7\u03c2 \u039f\u03b8\u03cc\u03bd\u03b7\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" width=\"20\" height=\"20\"><path d=\"M8 3H5a2 2 0 0 0-2 2v3M21 8V5a2 2 0 0 0-2-2h-3M3 16v3a2 2 0 0 0 2 2h3M16 21h3a2 2 0 0 0 2-2v-3\"\/><\/svg>\n        <\/button>\n\n        <!-- Drag hint -->\n        <div class=\"viewer-drag-hint\" id=\"viewerDragHint\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" width=\"13\" height=\"13\"><path d=\"M5 9l-3 3 3 3M9 5l3-3 3 3M15 19l-3 3-3-3M19 9l3 3-3 3\"\/><\/svg>\n          \u03a3\u03cd\u03c1\u03b5 \u03b3\u03b9\u03b1 \u03c0\u03b5\u03c1\u03b9\u03c3\u03c4\u03c1\u03bf\u03c6\u03ae\n        <\/div>\n\n        <!-- RIGHT nav arrow -->\n        <button class=\"viewer-side-btn\" id=\"viewerNextBtn\" title=\"\u0395\u03c0\u03cc\u03bc\u03b5\u03bd\u03bf\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" width=\"24\" height=\"24\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg>\n        <\/button>\n        <\/div><!-- end viewer-content -->\n        <!-- Frame indicator -->\n        <div class=\"frame-indicator\" id=\"frameIndicator\">1 \/ 138<\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- SPECIFICATIONS SECTION -->\n  <section class=\"sc-section specs-section\" id=\"specs\">\n    <div class=\"sc-section-header reveal\">\n      <p class=\"sc-header-label\">\u03a0\u03c1\u03bf\u03b4\u03b9\u03b1\u03b3\u03c1\u03b1\u03c6\u03ad\u03c2 \u03a0\u03c1\u03bf\u03b9\u03cc\u03bd\u03c4\u03bf\u03c2<\/p>\n      <h2 class=\"specs-block-title\">\u03a4\u03b5\u03c7\u03bd\u03b9\u03ba\u03ac <span>\u03a7\u03b1\u03c1\u03b1\u03ba\u03c4\u03b7\u03c1\u03b9\u03c3\u03c4\u03b9\u03ba\u03ac<\/span><\/h2>\n      <p class=\"sc-header-sub\">\u03a0\u03bb\u03ae\u03c1\u03b5\u03b9\u03c2 \u03c4\u03b5\u03c7\u03bd\u03b9\u03ba\u03ad\u03c2 \u03c0\u03c1\u03bf\u03b4\u03b9\u03b1\u03b3\u03c1\u03b1\u03c6\u03ad\u03c2 \u03b1\u03bd\u03ac \u03c0\u03b1\u03c1\u03b1\u03b3\u03c9\u03b3\u03b9\u03ba\u03ae \u03b9\u03ba\u03b1\u03bd\u03cc\u03c4\u03b7\u03c4\u03b1<\/p>\n    <\/div>\n    <div class=\"sc-cards\">\n      <div class=\"sc reveal\">\n        <div class=\"sc-left\">\n          <div class=\"sc-accent\"><\/div>\n          <div class=\"sc-ghost\">70<\/div>\n          <div class=\"sc-label\">\n            <span class=\"sc-label-num\">01 \/ 04<\/span>\n            <span class=\"sc-label-sep\"><\/span>\n            <span class=\"sc-label-name\">Aqua Spirit Pro 7.0<\/span>\n          <\/div>\n          <div class=\"sc-capacity\">70 L<\/div>\n          <div class=\"sc-sublabel\">Production Per Hour<\/div>\n          <div class=\"sc-specs\">\n            <div class=\"sc-spec\">\n              <div class=\"sc-spec-k\">Amount of membranes<\/div>\n              <div class=\"sc-spec-v\">1xSW30-2540<\/div>\n            <\/div>\n            <div class=\"sc-spec\">\n              <div class=\"sc-spec-k\">Weight<\/div>\n              <div class=\"sc-spec-v\">67 kg<\/div>\n            <\/div>\n            <div class=\"sc-spec wide\">\n              <div class=\"sc-spec-k\">Voltage \/ Frequence \/ Installed Power<\/div>\n              <div class=\"sc-spec-v\">230 V AC 50Hz \/ 1.9KW<\/div>\n            <\/div>\n            <div class=\"sc-spec\">\n              <div class=\"sc-spec-k\">Max dimensions L\u00d7W\u00d7H (cm)<\/div>\n              <div class=\"sc-spec-v\">55 x 49 x 32<\/div>\n            <\/div>\n            <div class=\"sc-spec\">\n              <div class=\"sc-spec-k\">Membrane case (cm \u00d7 \u00f8.)<\/div>\n              <div class=\"sc-spec-v\">130x10<\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div class=\"sc-right\">\n          <div class=\"sc-right-inner\"><div class=\"sc-zoom-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div><img decoding=\"async\" src=\"\/wp-content\/uploads\/seaspirit\/membrane-70L.png\" alt=\"Aqua Spirit Pro 70 L\" loading=\"lazy\"><\/div>\n        <\/div>\n      <\/div>\n      <div class=\"sc reveal\">\n        <div class=\"sc-left\">\n          <div class=\"sc-accent\"><\/div>\n          <div class=\"sc-ghost\">140<\/div>\n          <div class=\"sc-label\">\n            <span class=\"sc-label-num\">02 \/ 04<\/span>\n            <span class=\"sc-label-sep\"><\/span>\n            <span class=\"sc-label-name\">Aqua Spirit Pro 14.0<\/span>\n          <\/div>\n          <div class=\"sc-capacity\">140 L<\/div>\n          <div class=\"sc-sublabel\">Production Per Hour<\/div>\n          <div class=\"sc-specs\">\n            <div class=\"sc-spec\">\n              <div class=\"sc-spec-k\">Amount of membranes<\/div>\n              <div class=\"sc-spec-v\">2xSW30-2540<\/div>\n            <\/div>\n            <div class=\"sc-spec\">\n              <div class=\"sc-spec-k\">Weight<\/div>\n              <div class=\"sc-spec-v\">73 kg<\/div>\n            <\/div>\n            <div class=\"sc-spec wide\">\n              <div class=\"sc-spec-k\">Voltage \/ Frequence \/ Installed Power<\/div>\n              <div class=\"sc-spec-v\">230 V AC 50Hz \/ 1.9KW<\/div>\n            <\/div>\n            <div class=\"sc-spec\">\n              <div class=\"sc-spec-k\">Max dimensions L\u00d7W\u00d7H (cm)<\/div>\n              <div class=\"sc-spec-v\">55 x 49 x 32<\/div>\n            <\/div>\n            <div class=\"sc-spec\">\n              <div class=\"sc-spec-k\">Membrane case (cm \u00d7 \u00f8.)<\/div>\n              <div class=\"sc-spec-v\">130x28<\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div class=\"sc-right\">\n          <div class=\"sc-right-inner\"><div class=\"sc-zoom-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div><img decoding=\"async\" src=\"\/wp-content\/uploads\/seaspirit\/membrane-140L.png\" alt=\"Aqua Spirit Pro 140 L\" loading=\"lazy\"><\/div>\n        <\/div>\n      <\/div>\n      <div class=\"sc reveal\">\n        <div class=\"sc-left\">\n          <div class=\"sc-accent\"><\/div>\n          <div class=\"sc-ghost\">180<\/div>\n          <div class=\"sc-label\">\n            <span class=\"sc-label-num\">03 \/ 04<\/span>\n            <span class=\"sc-label-sep\"><\/span>\n            <span class=\"sc-label-name\">Aqua Spirit Pro 22.0<\/span>\n          <\/div>\n          <div class=\"sc-capacity\">180 L<\/div>\n          <div class=\"sc-sublabel\">Production Per Hour<\/div>\n          <div class=\"sc-specs\">\n            <div class=\"sc-spec\">\n              <div class=\"sc-spec-k\">Amount of membranes<\/div>\n              <div class=\"sc-spec-v\">1xSW30-4040<\/div>\n            <\/div>\n            <div class=\"sc-spec\">\n              <div class=\"sc-spec-k\">Weight<\/div>\n              <div class=\"sc-spec-v\">78 kg<\/div>\n            <\/div>\n            <div class=\"sc-spec wide\">\n              <div class=\"sc-spec-k\">Voltage \/ Frequence \/ Installed Power<\/div>\n              <div class=\"sc-spec-v\">230 V AC 50Hz \/ 2.6KW<\/div>\n            <\/div>\n            <div class=\"sc-spec\">\n              <div class=\"sc-spec-k\">Max dimensions L\u00d7W\u00d7H (cm)<\/div>\n              <div class=\"sc-spec-v\">55 x 49 x 32<\/div>\n            <\/div>\n            <div class=\"sc-spec\">\n              <div class=\"sc-spec-k\">Membrane case (cm \u00d7 \u00f8.)<\/div>\n              <div class=\"sc-spec-v\">138x17<\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div class=\"sc-right\">\n          <div class=\"sc-right-inner\"><div class=\"sc-zoom-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div><img decoding=\"async\" src=\"\/wp-content\/uploads\/seaspirit\/membrane-180L.png\" alt=\"Aqua Spirit Pro 180 L\" loading=\"lazy\"><\/div>\n        <\/div>\n      <\/div>\n      <div class=\"sc reveal\">\n        <div class=\"sc-left\">\n          <div class=\"sc-accent\"><\/div>\n          <div class=\"sc-ghost\">280<\/div>\n          <div class=\"sc-label\">\n            <span class=\"sc-label-num\">04 \/ 04<\/span>\n            <span class=\"sc-label-sep\"><\/span>\n            <span class=\"sc-label-name\">Aqua Spirit Pro 28.0<\/span>\n          <\/div>\n          <div class=\"sc-capacity\">280 L<\/div>\n          <div class=\"sc-sublabel\">Production Per Hour<\/div>\n          <div class=\"sc-specs\">\n            <div class=\"sc-spec\">\n              <div class=\"sc-spec-k\">Amount of membranes<\/div>\n              <div class=\"sc-spec-v\">4xSW30-2540<\/div>\n            <\/div>\n            <div class=\"sc-spec\">\n              <div class=\"sc-spec-k\">Weight<\/div>\n              <div class=\"sc-spec-v\">85 kg<\/div>\n            <\/div>\n            <div class=\"sc-spec wide\">\n              <div class=\"sc-spec-k\">Voltage \/ Frequence \/ Installed Power<\/div>\n              <div class=\"sc-spec-v\">230 V AC 50Hz \/ 2.2KW<\/div>\n            <\/div>\n            <div class=\"sc-spec\">\n              <div class=\"sc-spec-k\">Max dimensions L\u00d7W\u00d7H (cm)<\/div>\n              <div class=\"sc-spec-v\">55 x 49 x 32<\/div>\n            <\/div>\n            <div class=\"sc-spec\">\n              <div class=\"sc-spec-k\">Membrane case (cm \u00d7 \u00f8.)<\/div>\n              <div class=\"sc-spec-v\">130x56<\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div class=\"sc-right\">\n          <div class=\"sc-right-inner\"><div class=\"sc-zoom-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div><img decoding=\"async\" src=\"\/wp-content\/uploads\/seaspirit\/membrane-280L.png\" alt=\"Aqua Spirit Pro 280 L\" loading=\"lazy\"><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  \n\n  <div style=\"background:var(--navy-2)\"><div class=\"section-divider\"><\/div><\/div>\n\n  <!-- BOTTOM CTA -->\n  <section class=\"cta-section\">\n    <div class=\"cta-bg\">\n      <img decoding=\"async\" src=\"\/wp-content\/uploads\/seaspirit\/C3253.00_02_38_94.Still043.jpg\" alt=\"\">\n    <\/div>\n    <div class=\"cta-inner reveal\">\n      <h2 class=\"cta-title\">\u0395\u03bd\u03b4\u03b9\u03b1\u03c6\u03ad\u03c1\u03b5\u03c3\u03c4\u03b5 \u03b3\u03b9\u03b1 \u03c4\u03bf AquaSpirit Pro;<\/h2>\n      <p class=\"cta-sub\">\u0395\u03c0\u03b9\u03ba\u03bf\u03b9\u03bd\u03c9\u03bd\u03ae\u03c3\u03c4\u03b5 \u03bc\u03b1\u03b6\u03af \u03bc\u03b1\u03c2 \u03b3\u03b9\u03b1 \u03c0\u03c1\u03bf\u03c3\u03c6\u03bf\u03c1\u03ac \u03ae \u03b5\u03c0\u03b9\u03c3\u03ba\u03b5\u03c6\u03b8\u03b5\u03af\u03c4\u03b5 \u03c4\u03b7 \u03c3\u03b5\u03bb\u03af\u03b4\u03b1 \u03bc\u03b5 \u03cc\u03bb\u03b1 \u03c4\u03b1 \u03bc\u03bf\u03bd\u03c4\u03ad\u03bb\u03b1 AquaSpirit.<\/p>\n      <div class=\"cta-buttons\">\n        <a href=\"\/contact\/\" class=\"btn-gold\">\u0395\u03c0\u03b9\u03ba\u03bf\u03b9\u03bd\u03c9\u03bd\u03ae\u03c3\u03c4\u03b5 \u039c\u03b1\u03b6\u03af \u03bc\u03b1\u03c2<\/a>\n        <a href=\"\/aquaspirit\/\" class=\"btn-outline\">\u0394\u03b5\u03af\u03c4\u03b5 \u0386\u03bb\u03bb\u03b1 \u039c\u03bf\u03bd\u03c4\u03ad\u03bb\u03b1<\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n\n  <script>\n    \/\/ --- Navbar scroll ---\n    var navbar = document.getElementById('navbar');\n    window.addEventListener('scroll', function() {\n      navbar.classList.toggle('scrolled', window.scrollY > 60);\n    });\n    \/\/ Always show scrolled state on inner pages (no hero)\n    navbar.classList.add('scrolled');\n\n    \/\/ --- Popup menu ---\n    var menuTrigger  = document.getElementById('menuTrigger');\n    var popupMenu    = document.getElementById('popupMenu');\n    var popupClose   = document.getElementById('popupClose');\n    var popupOverlay = document.getElementById('popupOverlay');\n    function openMenu()  { popupMenu.classList.add('open');    document.body.style.overflow = 'hidden'; }\n    function closeMenu() { popupMenu.classList.remove('open'); document.body.style.overflow = ''; }\n    menuTrigger.addEventListener('click', openMenu);\n    popupClose.addEventListener('click', closeMenu);\n    popupOverlay.addEventListener('click', closeMenu);\n    document.addEventListener('keydown', function(e) { if (e.key === 'Escape') closeMenu(); });\n\n        \/\/ \u2500\u2500\u2500 360\u00b0 VIEWER \u2500\u2500\u2500\n    (function() {\n      const TOTAL_FRAMES = 138;\n      const BASE_PATH = '\/wp-content\/uploads\/seaspirit\/AQUASPLIT\/AquaSpirit Pro\/360 model 2\/';\n      const PREFIX = '360 model 2_';\n      const frames = [];\n      let currentFrame = 0;\n      let isDragging = false;\n      let lastX = 0;\n      let autoRotating = false;\n      let rafId = null;\n      let lastRafTime = 0;\n      const AUTO_INTERVAL = 60;\n      let loadedCount = 0;\n      let allLoaded = false;\n      let canvasSized = false;\n      let hintHidden = false;\n\n      const viewerCanvas = document.getElementById('viewerCanvas');\n      const ctx = viewerCanvas.getContext('2d');\n      const viewerLoading = document.getElementById('viewerLoading');\n      const loadingBar = document.getElementById('loadingBar');\n      const loadingText = document.getElementById('loadingText');\n      const frameIndicator = document.getElementById('frameIndicator');\n      const autoRotateBtn = document.getElementById('viewerPlayBtn');\n      const viewer360 = document.getElementById('viewer360');\n\n      function pad(n) { return String(n).padStart(5, '0'); }\n\n      for (let i = 0; i < TOTAL_FRAMES; i++) {\n        const img = new Image();\n        img.onload = function() {\n          loadedCount++;\n          const pct = Math.round((loadedCount \/ TOTAL_FRAMES) * 100);\n          loadingBar.style.width = pct + '%';\n          loadingText.textContent = '\u03a6\u03cc\u03c1\u03c4\u03c9\u03c3\u03b7 ' + pct + '%';\n          if (!canvasSized && this.naturalWidth > 0) {\n            canvasSized = true;\n            viewerCanvas.width = this.naturalWidth;\n            viewerCanvas.height = this.naturalHeight;\n          }\n          if (loadedCount === TOTAL_FRAMES) {\n            allLoaded = true;\n            drawFrame(0);\n            viewerLoading.style.opacity = '0';\n            setTimeout(function() { viewerLoading.style.display = 'none'; }, 400);\n          }\n        };\n        img.onerror = function() {\n          loadedCount++;\n          if (loadedCount === TOTAL_FRAMES) {\n            allLoaded = true;\n            viewerLoading.style.opacity = '0';\n            setTimeout(function() { viewerLoading.style.display = 'none'; }, 400);\n          }\n        };\n        img.src = BASE_PATH + PREFIX + pad(i) + '.png';\n        frames.push(img);\n      }\n\n      function drawFrame(idx) {\n        const frame = frames[idx];\n        if (frame && frame.complete && frame.naturalWidth > 0) {\n          ctx.drawImage(frame, 0, 0, viewerCanvas.width, viewerCanvas.height);\n        }\n        frameIndicator.textContent = (idx + 1) + ' \/ ' + TOTAL_FRAMES;\n      }\n\n      function showFrame(idx) {\n        currentFrame = ((idx % TOTAL_FRAMES) + TOTAL_FRAMES) % TOTAL_FRAMES;\n        drawFrame(currentFrame);\n      }\n\n      var iconPlay = '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" width=\"18\" height=\"18\"><polygon points=\"5,3 19,12 5,21\"\/><\/svg>';\n      var iconPause = '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" width=\"18\" height=\"18\"><rect x=\"6\" y=\"4\" width=\"4\" height=\"16\"\/><rect x=\"14\" y=\"4\" width=\"4\" height=\"16\"\/><\/svg>';\n\n      function autoRotateTick(timestamp) {\n        if (!autoRotating) return;\n        if (timestamp - lastRafTime >= AUTO_INTERVAL) {\n          if (!isDragging) showFrame(currentFrame + 1);\n          lastRafTime = timestamp;\n        }\n        rafId = requestAnimationFrame(autoRotateTick);\n      }\n\n      function startAutoRotate() {\n        if (autoRotating) return;\n        autoRotating = true;\n        autoRotateBtn.innerHTML = iconPause;\n        lastRafTime = performance.now();\n        rafId = requestAnimationFrame(autoRotateTick);\n      }\n\n      function stopAutoRotate() {\n        autoRotating = false;\n        if (rafId) { cancelAnimationFrame(rafId); rafId = null; }\n        autoRotateBtn.innerHTML = iconPlay;\n      }\n\n      autoRotateBtn.addEventListener('click', function() {\n        if (autoRotating) stopAutoRotate(); else startAutoRotate();\n      });\n\n      viewer360.addEventListener('mousedown', function(e) {\n        isDragging = true;\n        lastX = e.clientX;\n        e.preventDefault();\n      });\n      document.addEventListener('mousemove', function(e) {\n        if (!isDragging) return;\n        const delta = e.clientX - lastX;\n        lastX = e.clientX;\n        if (Math.abs(delta) > 0) showFrame(currentFrame - Math.round(delta * 0.4));\n      });\n      document.addEventListener('mouseup', function() { isDragging = false; });\n\n      viewer360.addEventListener('touchstart', function(e) {\n        isDragging = true;\n        lastX = e.touches[0].clientX;\n      }, { passive: true });\n      viewer360.addEventListener('touchmove', function(e) {\n        if (!isDragging) return;\n        const delta = e.touches[0].clientX - lastX;\n        lastX = e.touches[0].clientX;\n        if (Math.abs(delta) > 1) showFrame(currentFrame - Math.round(delta * 0.4));\n      }, { passive: true });\n      viewer360.addEventListener('touchend', function() { isDragging = false; });\n\n      var fullscreenBtn = document.getElementById('viewerFsBtn');\n      var iconExpand = '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" width=\"18\" height=\"18\"><path d=\"M8 3H5a2 2 0 0 0-2 2v3M21 8V5a2 2 0 0 0-2-2h-3M3 16v3a2 2 0 0 0 2 2h3M16 21h3a2 2 0 0 0 2-2v-3\"\/><\/svg>';\n      var iconCollapse = '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" width=\"18\" height=\"18\"><path d=\"M8 3v3a2 2 0 0 1-2 2H3m18 0h-3a2 2 0 0 1-2-2V3M3 16h3a2 2 0 0 1 2 2v3m8-3v3a2 2 0 0 0 2 2h3\"\/><\/svg>';\n\n      fullscreenBtn.addEventListener('click', function() {\n        if (!document.fullscreenElement && !document.webkitFullscreenElement) {\n          var req = viewer360.requestFullscreen ? viewer360.requestFullscreen() : (viewer360.webkitRequestFullscreen ? viewer360.webkitRequestFullscreen() : null);\n          if (req) {\n            req.then(function() {\n              if (screen.orientation && screen.orientation.lock) {\n                screen.orientation.lock('landscape').catch(function() {\n                  if (window.innerHeight > window.innerWidth) viewer360.classList.add('portrait-fs');\n                });\n              } else if (window.innerHeight > window.innerWidth) {\n                viewer360.classList.add('portrait-fs');\n              }\n            }).catch(function(){});\n          }\n        } else {\n          viewer360.classList.remove('portrait-fs');\n          if (screen.orientation && screen.orientation.unlock) screen.orientation.unlock();\n          if (document.exitFullscreen) document.exitFullscreen();\n          else if (document.webkitExitFullscreen) document.webkitExitFullscreen();\n        }\n      });\n\n      function onFullscreenChange() {\n        var isFs = !!(document.fullscreenElement || document.webkitFullscreenElement);\n        document.getElementById('viewerFsBtn').innerHTML = isFs ? iconCollapse : iconExpand;\n        if (!isFs) {\n          viewer360.classList.remove('portrait-fs');\n          if (screen.orientation && screen.orientation.unlock) screen.orientation.unlock();\n        }\n      }\n      document.addEventListener('fullscreenchange', onFullscreenChange);\n      document.addEventListener('webkitfullscreenchange', onFullscreenChange);\n    })();\n\n    \/\/ \u2500\u2500\u2500 SCROLL REVEAL \u2500\u2500\u2500\n    (function() {\n      const observer = new IntersectionObserver(function(entries) {\n        entries.forEach(function(entry) {\n          if (entry.isIntersecting) {\n            entry.target.classList.add('visible');\n            observer.unobserve(entry.target);\n          }\n        });\n      }, { threshold: 0.12 });\n\n      document.querySelectorAll('.reveal').forEach(function(el) {\n        observer.observe(el);\n      });\n    })();\n  <\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5b58817 elementor-section-stretched elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"5b58817\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-cb78957\" data-id=\"cb78957\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2e0a93f elementor-widget elementor-widget-html\" data-id=\"2e0a93f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script>\n    \/\/ --- Navbar scroll ---\n    var navbar = document.getElementById('navbar');\n    window.addEventListener('scroll', function() {\n      navbar.classList.toggle('scrolled', window.scrollY > 60);\n    });\n    \/\/ Always show scrolled state on inner pages (no hero)\n    navbar.classList.add('scrolled');\n\n    \/\/ --- Popup menu ---\n    var menuTrigger  = document.getElementById('menuTrigger');\n    var popupMenu    = document.getElementById('popupMenu');\n    var popupClose   = document.getElementById('popupClose');\n    var popupOverlay = document.getElementById('popupOverlay');\n    function openMenu()  { popupMenu.classList.add('open');    document.body.style.overflow = 'hidden'; }\n    function closeMenu() { popupMenu.classList.remove('open'); document.body.style.overflow = ''; }\n    menuTrigger.addEventListener('click', openMenu);\n    popupClose.addEventListener('click', closeMenu);\n    popupOverlay.addEventListener('click', closeMenu);\n    document.addEventListener('keydown', function(e) { if (e.key === 'Escape') closeMenu(); });\n\n        \/\/ \u2500\u2500\u2500 360\u00b0 VIEWER \u2500\u2500\u2500\n    (function() {\n      const TOTAL_FRAMES = 138;\n      const BASE_PATH = '\/wp-content\/uploads\/seaspirit\/AQUASPLIT\/AquaSpirit Pro\/360 model 2\/';\n      const PREFIX = '360 model 2_';\n      const frames = [];\n      let currentFrame = 0;\n      let isDragging = false;\n      let lastX = 0;\n      let autoRotating = false;\n      let rafId = null;\n      let lastRafTime = 0;\n      const AUTO_INTERVAL = 60;\n      let loadedCount = 0;\n      let allLoaded = false;\n      let canvasSized = false;\n      let hintHidden = false;\n\n      const viewerCanvas = document.getElementById('viewerCanvas');\n      const ctx = viewerCanvas.getContext('2d');\n      const viewerLoading = document.getElementById('viewerLoading');\n      const loadingBar = document.getElementById('loadingBar');\n      const loadingText = document.getElementById('loadingText');\n      const frameIndicator = document.getElementById('frameIndicator');\n      const autoRotateBtn = document.getElementById('viewerPlayBtn');\n      const viewer360 = document.getElementById('viewer360');\n\n      function pad(n) { return String(n).padStart(5, '0'); }\n\n      for (let i = 0; i < TOTAL_FRAMES; i++) {\n        const img = new Image();\n        img.onload = function() {\n          loadedCount++;\n          const pct = Math.round((loadedCount \/ TOTAL_FRAMES) * 100);\n          loadingBar.style.width = pct + '%';\n          loadingText.textContent = '\u03a6\u03cc\u03c1\u03c4\u03c9\u03c3\u03b7 ' + pct + '%';\n          if (!canvasSized && this.naturalWidth > 0) {\n            canvasSized = true;\n            viewerCanvas.width = this.naturalWidth;\n            viewerCanvas.height = this.naturalHeight;\n          }\n          if (loadedCount === TOTAL_FRAMES) {\n            allLoaded = true;\n            drawFrame(0);\n            viewerLoading.style.opacity = '0';\n            setTimeout(function() { viewerLoading.style.display = 'none'; }, 400);\n          }\n        };\n        img.onerror = function() {\n          loadedCount++;\n          if (loadedCount === TOTAL_FRAMES) {\n            allLoaded = true;\n            viewerLoading.style.opacity = '0';\n            setTimeout(function() { viewerLoading.style.display = 'none'; }, 400);\n          }\n        };\n        img.src = BASE_PATH + PREFIX + pad(i) + '.png';\n        frames.push(img);\n      }\n\n      function drawFrame(idx) {\n        const frame = frames[idx];\n        if (frame && frame.complete && frame.naturalWidth > 0) {\n          ctx.drawImage(frame, 0, 0, viewerCanvas.width, viewerCanvas.height);\n        }\n        frameIndicator.textContent = (idx + 1) + ' \/ ' + TOTAL_FRAMES;\n      }\n\n      function showFrame(idx) {\n        currentFrame = ((idx % TOTAL_FRAMES) + TOTAL_FRAMES) % TOTAL_FRAMES;\n        drawFrame(currentFrame);\n      }\n\n      var iconPlay = '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" width=\"18\" height=\"18\"><polygon points=\"5,3 19,12 5,21\"\/><\/svg>';\n      var iconPause = '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" width=\"18\" height=\"18\"><rect x=\"6\" y=\"4\" width=\"4\" height=\"16\"\/><rect x=\"14\" y=\"4\" width=\"4\" height=\"16\"\/><\/svg>';\n\n      function autoRotateTick(timestamp) {\n        if (!autoRotating) return;\n        if (timestamp - lastRafTime >= AUTO_INTERVAL) {\n          if (!isDragging) showFrame(currentFrame + 1);\n          lastRafTime = timestamp;\n        }\n        rafId = requestAnimationFrame(autoRotateTick);\n      }\n\n      function startAutoRotate() {\n        if (autoRotating) return;\n        autoRotating = true;\n        autoRotateBtn.innerHTML = iconPause;\n        lastRafTime = performance.now();\n        rafId = requestAnimationFrame(autoRotateTick);\n      }\n\n      function stopAutoRotate() {\n        autoRotating = false;\n        if (rafId) { cancelAnimationFrame(rafId); rafId = null; }\n        autoRotateBtn.innerHTML = iconPlay;\n      }\n\n      autoRotateBtn.addEventListener('click', function() {\n        if (autoRotating) stopAutoRotate(); else startAutoRotate();\n      });\n\n      viewer360.addEventListener('mousedown', function(e) {\n        isDragging = true;\n        lastX = e.clientX;\n        e.preventDefault();\n      });\n      document.addEventListener('mousemove', function(e) {\n        if (!isDragging) return;\n        const delta = e.clientX - lastX;\n        lastX = e.clientX;\n        if (Math.abs(delta) > 0) showFrame(currentFrame - Math.round(delta * 0.4));\n      });\n      document.addEventListener('mouseup', function() { isDragging = false; });\n\n      viewer360.addEventListener('touchstart', function(e) {\n        isDragging = true;\n        lastX = e.touches[0].clientX;\n      }, { passive: true });\n      viewer360.addEventListener('touchmove', function(e) {\n        if (!isDragging) return;\n        const delta = e.touches[0].clientX - lastX;\n        lastX = e.touches[0].clientX;\n        if (Math.abs(delta) > 1) showFrame(currentFrame - Math.round(delta * 0.4));\n      }, { passive: true });\n      viewer360.addEventListener('touchend', function() { isDragging = false; });\n\n      var fullscreenBtn = document.getElementById('viewerFsBtn');\n      var iconExpand = '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" width=\"18\" height=\"18\"><path d=\"M8 3H5a2 2 0 0 0-2 2v3M21 8V5a2 2 0 0 0-2-2h-3M3 16v3a2 2 0 0 0 2 2h3M16 21h3a2 2 0 0 0 2-2v-3\"\/><\/svg>';\n      var iconCollapse = '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" width=\"18\" height=\"18\"><path d=\"M8 3v3a2 2 0 0 1-2 2H3m18 0h-3a2 2 0 0 1-2-2V3M3 16h3a2 2 0 0 1 2 2v3m8-3v3a2 2 0 0 0 2 2h3\"\/><\/svg>';\n\n      fullscreenBtn.addEventListener('click', function() {\n        if (!document.fullscreenElement && !document.webkitFullscreenElement) {\n          var req = viewer360.requestFullscreen ? viewer360.requestFullscreen() : (viewer360.webkitRequestFullscreen ? viewer360.webkitRequestFullscreen() : null);\n          if (req) {\n            req.then(function() {\n              if (screen.orientation && screen.orientation.lock) {\n                screen.orientation.lock('landscape').catch(function() {\n                  if (window.innerHeight > window.innerWidth) viewer360.classList.add('portrait-fs');\n                });\n              } else if (window.innerHeight > window.innerWidth) {\n                viewer360.classList.add('portrait-fs');\n              }\n            }).catch(function(){});\n          }\n        } else {\n          viewer360.classList.remove('portrait-fs');\n          if (screen.orientation && screen.orientation.unlock) screen.orientation.unlock();\n          if (document.exitFullscreen) document.exitFullscreen();\n          else if (document.webkitExitFullscreen) document.webkitExitFullscreen();\n        }\n      });\n\n      function onFullscreenChange() {\n        var isFs = !!(document.fullscreenElement || document.webkitFullscreenElement);\n        document.getElementById('viewerFsBtn').innerHTML = isFs ? iconCollapse : iconExpand;\n        if (!isFs) {\n          viewer360.classList.remove('portrait-fs');\n          if (screen.orientation && screen.orientation.unlock) screen.orientation.unlock();\n        }\n      }\n      document.addEventListener('fullscreenchange', onFullscreenChange);\n      document.addEventListener('webkitfullscreenchange', onFullscreenChange);\n    })();\n\n    \/\/ \u2500\u2500\u2500 SCROLL REVEAL \u2500\u2500\u2500\n    (function() {\n      const observer = new IntersectionObserver(function(entries) {\n        entries.forEach(function(entry) {\n          if (entry.isIntersecting) {\n            entry.target.classList.add('visible');\n            observer.unobserve(entry.target);\n          }\n        });\n      }, { threshold: 0.12 });\n\n      document.querySelectorAll('.reveal').forEach(function(el) {\n        observer.observe(el);\n      });\n\n      \/\/ Side navigation buttons\n      document.getElementById('viewerPrevBtn').addEventListener('click', function() {\n        stopAutoRotate();\n        showFrame(currentFrame - 1);\n      });\n      document.getElementById('viewerNextBtn').addEventListener('click', function() {\n        stopAutoRotate();\n        showFrame(currentFrame + 1);\n      });\n    })();\n  <\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-29f3a397 elementor-section-stretched elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"29f3a397\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-eaac9a66\" data-id=\"eaac9a66\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1edf1010 elementor-widget elementor-widget-shortcode\" data-id=\"1edf1010\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><style>\n.ss-footer{--ss-footer-bg:#050D18;--ss-border:rgba(234,195,129,0.18);--ss-muted:rgba(255,255,255,0.55);--ss-gold:#EAC381;--ss-gold-light:#F2D9A8;--ss-gold-deeper:#9A7030;--ss-off-white:#F5F0E8;--ss-font-serif:'Lora',Georgia,serif;background:var(--ss-footer-bg);border-top:1px solid var(--ss-border);padding:70px 0 0;color:#fff;font-family:'Inter',sans-serif;}\n.ss-footer .ss-container{max-width:1280px;margin:0 auto;padding:0 2rem;}\n.ss-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:4rem;margin-bottom:4rem;}\n.ss-footer-brand img{height:38px;width:auto;margin-bottom:1.5rem;}\n.ss-footer-brand p{font-size:0.82rem;line-height:1.85;color:var(--ss-muted);max-width:280px;margin-bottom:2rem;}\n.ss-footer-brand-tagline{font-family:var(--ss-font-serif);font-style:italic;font-size:0.9rem;color:var(--ss-gold-light);line-height:1.5;margin-bottom:1.5rem;}\n.ss-footer-socials{display:flex;gap:0.8rem;margin-top:1.5rem;}\n.ss-footer-social{width:38px;height:38px;border:1px solid var(--ss-border);border-radius:2px;display:flex;align-items:center;justify-content:center;color:var(--ss-muted);transition:all 0.3s;text-decoration:none;}\n.ss-footer-social:hover{background:rgba(234,195,129,0.1);border-color:var(--ss-gold);color:var(--ss-gold-light);}\n.ss-footer-social svg{width:16px;height:16px;fill:currentColor;}\n.ss-footer-col h5{font-size:0.7rem;font-weight:600;letter-spacing:0.25em;text-transform:uppercase;color:var(--ss-gold);margin-bottom:1.5rem;padding-bottom:0.8rem;border-bottom:1px solid var(--ss-border);}\n.ss-footer-col ul{display:flex;flex-direction:column;gap:0.6rem;list-style:none;padding:0;margin:0;}\n.ss-footer-col ul li a{font-size:0.82rem;color:var(--ss-muted);transition:color 0.3s;display:flex;align-items:center;gap:6px;text-decoration:none;}\n.ss-footer-col ul li a::before{content:'\u2014';color:var(--ss-gold-deeper);font-size:0.7rem;}\n.ss-footer-col ul li a:hover{color:var(--ss-gold-light);}\n.ss-footer-contact p{font-size:0.82rem;color:var(--ss-muted);line-height:2;}\n.ss-footer-contact strong{color:var(--ss-off-white);}\n.ss-footer-bottom{border-top:1px solid var(--ss-border);padding:1.5rem 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;}\n.ss-footer-bottom p{font-size:0.72rem;color:var(--ss-muted);}\n.ss-footer-bottom a{color:var(--ss-gold);transition:color 0.3s;text-decoration:none;}\n.ss-footer-bottom a:hover{color:var(--ss-gold-light);}\n.ss-footer-legal{display:flex;gap:1.5rem;}\n@media (max-width:1024px){.ss-footer-grid{grid-template-columns:1fr 1fr;gap:3rem;}}\n@media (max-width:768px){.ss-footer-grid{grid-template-columns:1fr;gap:2.5rem;}}\n@media (max-width:480px){.ss-footer-bottom{flex-direction:column;text-align:center;}}\n<\/style>\n<footer class=\"ss-footer\">\n  <div class=\"ss-container\">\n    <div class=\"ss-footer-grid\">\n      <div class=\"ss-footer-brand\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/logo-horizontal-gold.png\" alt=\"Sea Spirit\">\n        <p class=\"ss-footer-brand-tagline\">\u00ab\u0391\u03ba\u03c1\u03af\u03b2\u03b5\u03b9\u03b1. \u03a3\u03c5\u03bd\u03ad\u03c0\u03b5\u03b9\u03b1. \u0391\u03be\u03b9\u03bf\u03c0\u03b9\u03c3\u03c4\u03af\u03b1 \u03c3\u03c4\u03b7 \u03b8\u03ac\u03bb\u03b1\u03c3\u03c3\u03b1.\u00bb<\/p>\n        \n        <div class=\"ss-footer-socials\">\n          <a href=\"https:\/\/www.instagram.com\/ssmarine_\/\" class=\"ss-footer-social\" aria-label=\"Instagram\" target=\"_blank\" rel=\"noopener\">\n            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z\"\/><\/svg>\n          <\/a>\n        <\/div>\n      <\/div>\n      <div class=\"ss-footer-col\">\n        <h5>\u03a5\u03c0\u03b7\u03c1\u03b5\u03c3\u03af\u03b5\u03c2<\/h5>\n        <ul>\n          <li><a href=\"\/services\/\">\u0391\u03c6\u03b1\u03bb\u03ac\u03c4\u03c9\u03c3\u03b7 \u039d\u03b5\u03c1\u03bf\u03cd<\/a><\/li>\n          <li><a href=\"\/services\/\">\u039a\u03bb\u03b9\u03bc\u03b1\u03c4\u03b9\u03c3\u03bc\u03cc\u03c2 HVAC<\/a><\/li>\n          <li><a href=\"\/services\/\">\u03a8\u03c5\u03ba\u03c4\u03b9\u03ba\u03ac \u03a3\u03c5\u03c3\u03c4\u03ae\u03bc\u03b1\u03c4\u03b1<\/a><\/li>\n          <li><a href=\"\/services\/\">\u03a5\u03b4\u03c1\u03b1\u03c5\u03bb\u03b9\u03ba\u03ac<\/a><\/li>\n          <li><a href=\"\/services\/\">\u03a0\u03c1\u03bf\u03bb\u03b7\u03c0\u03c4\u03b9\u03ba\u03ae \u03a3\u03c5\u03bd\u03c4\u03ae\u03c1\u03b7\u03c3\u03b7<\/a><\/li>\n          <li><a href=\"\/services\/\">\u03a4\u03b5\u03c7\u03bd\u03b9\u03ba\u03ac \u0394\u03b9\u03b1\u03b3\u03bd\u03c9\u03c3\u03c4\u03b9\u03ba\u03ac<\/a><\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"ss-footer-col\">\n        <h5>\u0395\u03c4\u03b1\u03b9\u03c1\u03b5\u03af\u03b1<\/h5>\n        <ul>\n          <li><a href=\"\/about\/\">\u03a3\u03c7\u03b5\u03c4\u03b9\u03ba\u03ac \u03bc\u03b5 \u03b5\u03bc\u03ac\u03c2<\/a><\/li>\n          <li><a href=\"\/aquaspirit\/\">AquaSpirit<\/a><\/li>\n          <li><a href=\"\/contact\/\">\u0395\u03c0\u03b9\u03ba\u03bf\u03b9\u03bd\u03c9\u03bd\u03af\u03b1<\/a><\/li>\n          <li><a href=\"\/politiki-aporritou\/\">\u03a0\u03bf\u03bb\u03b9\u03c4\u03b9\u03ba\u03ae \u0391\u03c0\u03bf\u03c1\u03c1\u03ae\u03c4\u03bf\u03c5<\/a><\/li>\n          <li><a href=\"\/oroi-xrisis\/\">\u038c\u03c1\u03bf\u03b9 \u03a7\u03c1\u03ae\u03c3\u03b7\u03c2<\/a><\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"ss-footer-col ss-footer-contact\">\n        <h5>\u0395\u03c0\u03b9\u03ba\u03bf\u03b9\u03bd\u03c9\u03bd\u03af\u03b1<\/h5>\n        <p><strong>Email<\/strong><br>info@ssmarine.gr<\/p>\n        <br>\n        <p><strong>\u03a4\u03b7\u03bb\u03ad\u03c6\u03c9\u03bd\u03bf<\/strong><br>+30 210 9943580<\/p>\n        <br>\n        <p><strong>\u039a\u03b9\u03bd\u03b7\u03c4\u03cc<\/strong><br>+30 698 0682588<\/p>\n      <\/div>\n    <\/div>\n    <div class=\"ss-footer-bottom\">\n      <p>\u00a9 2026 Sea Spirit. Designed by <a href=\"https:\/\/notosweb.com\" target=\"_blank\" rel=\"noopener\">NotosWeb<\/a><\/p>\n      <div class=\"ss-footer-legal\">\n        <a href=\"\/politiki-aporritou\/\">\u03a0\u03bf\u03bb\u03b9\u03c4\u03b9\u03ba\u03ae \u0391\u03c0\u03bf\u03c1\u03c1\u03ae\u03c4\u03bf\u03c5<\/a>\n        <a href=\"\/oroi-xrisis\/\">\u038c\u03c1\u03bf\u03b9 \u03a7\u03c1\u03ae\u03c3\u03b7\u03c2<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/footer>\n\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":0,"featured_media":0,"parent":0,"menu_order":12,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-18","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/seaspirithtml.notosweb.com\/en\/wp-json\/wp\/v2\/pages\/18","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/seaspirithtml.notosweb.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/seaspirithtml.notosweb.com\/en\/wp-json\/wp\/v2\/types\/page"}],"replies":[{"embeddable":true,"href":"https:\/\/seaspirithtml.notosweb.com\/en\/wp-json\/wp\/v2\/comments?post=18"}],"version-history":[{"count":1,"href":"https:\/\/seaspirithtml.notosweb.com\/en\/wp-json\/wp\/v2\/pages\/18\/revisions"}],"predecessor-version":[{"id":67,"href":"https:\/\/seaspirithtml.notosweb.com\/en\/wp-json\/wp\/v2\/pages\/18\/revisions\/67"}],"wp:attachment":[{"href":"https:\/\/seaspirithtml.notosweb.com\/en\/wp-json\/wp\/v2\/media?parent=18"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}