{"id":42,"date":"2025-10-23T20:07:08","date_gmt":"2025-10-23T17:07:08","guid":{"rendered":"https:\/\/floworacreativelab.com\/?page_id=42"},"modified":"2026-06-13T06:27:32","modified_gmt":"2026-06-13T03:27:32","slug":"contact","status":"publish","type":"page","link":"https:\/\/floworacreativelab.com\/tr\/contact\/","title":{"rendered":"Contact"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"42\" class=\"elementor elementor-42\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6e01c58 e-con-full e-flex e-con e-parent\" data-id=\"6e01c58\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f32078c elementor-widget elementor-widget-html\" data-id=\"f32078c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n  <meta charset=\"UTF-8\">\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n  <title>Hero \u2014 Flowora Creative Lab<\/title>\r\n  <style>\r\n    \/* Google Fonts via @import (Elementor-compatible) *\/\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;1,700&family=Inter:wght@300;400;500;600&display=swap');\r\n\r\n    \/* \u2500\u2500 Reset scoped to .flo-hero only \u2500\u2500 *\/\r\n    .flo-hero *,\r\n    .flo-hero *::before,\r\n    .flo-hero *::after {\r\n      box-sizing: border-box !important;\r\n      margin: 0 !important;\r\n      padding: 0 !important;\r\n    }\r\n\r\n    \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n       HERO WRAPPER\r\n    \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    .flo-hero {\r\n      background: #F0EAFF !important;\r\n      min-height: 78vh;\r\n      display: flex !important;\r\n      align-items: center !important;\r\n      justify-content: center !important;\r\n      text-align: center !important;\r\n      padding: 100px 24px 90px !important;\r\n      position: relative !important;\r\n      overflow: hidden !important;\r\n      width: 100% !important;\r\n      font-family: 'Inter', sans-serif !important;\r\n      -webkit-font-smoothing: antialiased;\r\n    }\r\n\r\n    \/* \u2500\u2500 Aura layers \u2500\u2500 *\/\r\n    .flo-aura-wrap {\r\n      position: absolute !important;\r\n      inset: 0 !important;\r\n      pointer-events: none !important;\r\n      overflow: hidden !important;\r\n    }\r\n\r\n    .flo-aura {\r\n      position: absolute !important;\r\n      top: 50% !important;\r\n      left: 50% !important;\r\n      border-radius: 50% !important;\r\n      will-change: transform, opacity;\r\n    }\r\n\r\n    \/* Layer 1 \u2014 large breathing core, drifts left \u2194 right *\/\r\n    .flo-aura-1 {\r\n      width: 860px !important;\r\n      height: 600px !important;\r\n      background: radial-gradient(ellipse,\r\n        rgba(90, 30, 180, 0.22) 0%,\r\n        rgba(120, 45, 210, 0.08) 48%,\r\n        transparent 66%\r\n      ) !important;\r\n      animation: flo-drift-core 13s ease-in-out infinite !important;\r\n    }\r\n\r\n    @keyframes flo-drift-core {\r\n      0%   { transform: translate(calc(-50% - 180px), calc(-50% + 20px))  scale(1);    opacity: 0.8;  }\r\n      50%  { transform: translate(calc(-50% + 180px), calc(-50% - 30px))  scale(1.22); opacity: 1;    }\r\n      100% { transform: translate(calc(-50% - 180px), calc(-50% + 20px))  scale(1);    opacity: 0.8;  }\r\n    }\r\n\r\n    \/* Layer 2 \u2014 wide triangle orbit *\/\r\n    .flo-aura-2 {\r\n      width: 500px !important;\r\n      height: 380px !important;\r\n      background: radial-gradient(ellipse,\r\n        rgba(120, 40, 220, 0.20) 0%,\r\n        transparent 60%\r\n      ) !important;\r\n      animation: flo-orbit-tri 16s ease-in-out infinite !important;\r\n    }\r\n\r\n    @keyframes flo-orbit-tri {\r\n      0%   { transform: translate(calc(-50% - 260px), calc(-50% - 140px)); opacity: 0.75; }\r\n      33%  { transform: translate(calc(-50% + 230px), calc(-50% + 160px)); opacity: 1;    }\r\n      66%  { transform: translate(calc(-50% +  40px), calc(-50% - 200px)); opacity: 0.5;  }\r\n      100% { transform: translate(calc(-50% - 260px), calc(-50% - 140px)); opacity: 0.75; }\r\n    }\r\n\r\n    \/* Layer 3 \u2014 small bright spark, fast *\/\r\n    .flo-aura-3 {\r\n      width: 260px !important;\r\n      height: 260px !important;\r\n      background: radial-gradient(circle,\r\n        rgba(140, 50, 240, 0.28) 0%,\r\n        transparent 56%\r\n      ) !important;\r\n      animation: flo-spark 8s ease-in-out infinite !important;\r\n    }\r\n\r\n    @keyframes flo-spark {\r\n      0%   { transform: translate(calc(-50% + 240px), calc(-50% +  90px)); opacity: 1;    }\r\n      30%  { transform: translate(calc(-50% - 220px), calc(-50% - 140px)); opacity: 0.5;  }\r\n      65%  { transform: translate(calc(-50% -  50px), calc(-50% + 190px)); opacity: 0.85; }\r\n      100% { transform: translate(calc(-50% + 240px), calc(-50% +  90px)); opacity: 1;    }\r\n    }\r\n\r\n    \/* Layer 4 \u2014 bottom-right accent, rises diagonally *\/\r\n    .flo-aura-4 {\r\n      width: 400px !important;\r\n      height: 260px !important;\r\n      background: radial-gradient(ellipse,\r\n        rgba(100, 30, 200, 0.16) 0%,\r\n        transparent 56%\r\n      ) !important;\r\n      animation: flo-rise 11s ease-in-out infinite !important;\r\n    }\r\n\r\n    @keyframes flo-rise {\r\n      0%   { transform: translate(calc(-50% + 160px), calc(-50% + 200px)); opacity: 0.5;  }\r\n      45%  { transform: translate(calc(-50% - 200px), calc(-50% - 150px)); opacity: 0.85; }\r\n      100% { transform: translate(calc(-50% + 160px), calc(-50% + 200px)); opacity: 0.5;  }\r\n    }\r\n\r\n    \/* \u2500\u2500 Hero inner content \u2500\u2500 *\/\r\n    .flo-inner {\r\n      position: relative !important;\r\n      z-index: 1 !important;\r\n      display: flex !important;\r\n      flex-direction: column !important;\r\n      align-items: center !important;\r\n      width: 100% !important;\r\n      max-width: 800px !important;\r\n    }\r\n\r\n    \/* \u2500\u2500 Badge \u2014 glass morphism \u2500\u2500 *\/\r\n    .flo-badge {\r\n      display: inline-flex !important;\r\n      align-items: center !important;\r\n      gap: 8px !important;\r\n      background: rgba(255, 255, 255, 0.35) !important;\r\n      backdrop-filter: blur(16px) !important;\r\n      -webkit-backdrop-filter: blur(16px) !important;\r\n      border: 1px solid rgba(255, 255, 255, 0.65) !important;\r\n      border-radius: 100px !important;\r\n      padding: 8px 20px 8px 12px !important;\r\n      font-family: 'Inter', sans-serif !important;\r\n      font-size: 11px !important;\r\n      font-weight: 600 !important;\r\n      color: #2D1654 !important;\r\n      letter-spacing: 0.09em !important;\r\n      text-transform: uppercase !important;\r\n      margin-bottom: 36px !important;\r\n      text-decoration: none !important;\r\n      line-height: 1 !important;\r\n      box-shadow: 0 4px 20px rgba(100, 40, 200, 0.10), inset 0 1px 0 rgba(255,255,255,0.8) !important;\r\n    }\r\n\r\n    .flo-badge-dot {\r\n      width: 8px !important;\r\n      height: 8px !important;\r\n      border-radius: 50% !important;\r\n      background: #84CC16 !important;\r\n      flex-shrink: 0 !important;\r\n      display: inline-block !important;\r\n      animation: flo-pulse-dot 2.4s ease-in-out infinite !important;\r\n    }\r\n\r\n    @keyframes flo-pulse-dot {\r\n      0%, 100% { opacity: 1;    box-shadow: 0 0 0 0   rgba(132, 204, 22, 0.6); }\r\n      50%       { opacity: 0.75; box-shadow: 0 0 0 6px rgba(132, 204, 22, 0);   }\r\n    }\r\n\r\n    \/* \u2500\u2500 Headline \u2014 explicit px sizes for Elementor \u2500\u2500 *\/\r\n    .flo-headline {\r\n      font-family: 'Playfair Display', serif !important;\r\n      font-weight: 400 !important;\r\n      font-style: normal !important;\r\n      line-height: 1.08 !important;\r\n      letter-spacing: -0.025em !important;\r\n      color: #18181B !important;\r\n      max-width: 720px !important;\r\n      margin: 0 auto 24px !important;\r\n      font-size: 88px !important;    \/* desktop *\/\r\n      text-align: center !important;\r\n    }\r\n\r\n    .flo-headline em {\r\n      display: block !important;\r\n      font-style: italic !important;\r\n      font-weight: 700 !important;\r\n      color: #FFFFFF !important;\r\n      font-size: inherit !important;\r\n      font-family: inherit !important;\r\n      text-shadow:\r\n        0 2px 16px rgba(80, 20, 180, 0.55),\r\n        0 0  60px rgba(120, 50, 230, 0.40),\r\n        0 0 110px rgba(140, 60, 240, 0.22) !important;\r\n    }\r\n\r\n    \/* \u2500\u2500 Subtitle \u2500\u2500 *\/\r\n    .flo-sub {\r\n      font-family: 'Inter', sans-serif !important;\r\n      font-size: 17px !important;\r\n      font-weight: 300 !important;\r\n      color: #6B6B78 !important;\r\n      max-width: 420px !important;\r\n      margin: 0 auto !important;\r\n      line-height: 1.75 !important;\r\n      text-align: center !important;\r\n    }\r\n\r\n    \/* \u2500\u2500 Breakpoints \u2500\u2500 *\/\r\n    @media (max-width: 1280px) {\r\n      .flo-headline { font-size: 76px !important; }\r\n    }\r\n\r\n    @media (max-width: 1024px) {\r\n      .flo-headline { font-size: 64px !important; }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n      .flo-headline  { font-size: 52px !important; }\r\n      .flo-hero      { padding: 80px 20px 70px !important; }\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n      .flo-headline  { font-size: 40px !important; }\r\n      .flo-hero      { padding: 60px 20px 60px !important; min-height: 60vh; }\r\n      .flo-aura-1    { width: 460px !important; height: 320px !important; }\r\n      .flo-aura-2    { width: 300px !important; height: 220px !important; }\r\n      .flo-aura-3    { width: 160px !important; height: 160px !important; }\r\n      .flo-aura-4    { display: none !important; }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      .flo-aura      { animation: none !important; }\r\n      .flo-badge-dot { animation: none !important; }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n  <section class=\"flo-hero\">\r\n\r\n    <!-- Animated aura -->\r\n    <div class=\"flo-aura-wrap\">\r\n      <div class=\"flo-aura flo-aura-1\"><\/div>\r\n      <div class=\"flo-aura flo-aura-2\"><\/div>\r\n      <div class=\"flo-aura flo-aura-3\"><\/div>\r\n      <div class=\"flo-aura flo-aura-4\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- Content -->\r\n    <div class=\"flo-inner\">\r\n\r\n      <div class=\"flo-badge\">\r\n        <span class=\"flo-badge-dot\"><\/span>\r\n        Replies within 48 hours\r\n      <\/div>\r\n\r\n      <h1 class=\"flo-headline\">\r\n        Let's create something<br>\r\n        <em>exceptional<\/em>\r\n      <\/h1>\r\n\r\n      <p class=\"flo-sub\">\r\n        Whether you have a full brief or just a spark of an idea, we're ready to listen.\r\n      <\/p>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n<\/body>\r\n<\/html>\r\n\r\n<!--\r\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n  ELEMENTOR KULLANIMI\r\n  HTML widget'a a\u015fa\u011f\u0131daki iki blo\u011fu yap\u0131\u015ft\u0131r:\r\n\r\n  1. <style> ... <\/style> i\u00e7eri\u011fini\r\n  2. <section class=\"flo-hero\"> ... <\/section> i\u00e7eri\u011fini\r\n\r\n  Google Fonts i\u00e7in Elementor > Theme Builder veya\r\n  wp_enqueue_style ile de y\u00fckleyebilirsin.\r\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n-->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ff261bb e-con-full e-flex e-con e-parent\" data-id=\"ff261bb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-03ccfe5 elementor-widget elementor-widget-html\" data-id=\"03ccfe5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n  <meta charset=\"UTF-8\">\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n  <title>Get in Touch \u2014 Flowora Creative Lab<\/title>\r\n  <style>\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,700;1,700&family=Inter:wght@300;400;500;600&display=swap');\r\n\r\n    .fci-section *,\r\n    .fci-section *::before,\r\n    .fci-section *::after {\r\n      box-sizing: border-box !important;\r\n      margin: 0 !important;\r\n      padding: 0 !important;\r\n    }\r\n\r\n    \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n       SECTION \u2014 white\r\n    \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    .fci-section {\r\n      background: #FFFFFF !important;\r\n      padding: 88px 24px 96px !important;\r\n      width: 100% !important;\r\n      font-family: 'Inter', sans-serif !important;\r\n      -webkit-font-smoothing: antialiased;\r\n    }\r\n\r\n    .fci-inner {\r\n      max-width: 960px !important;\r\n      margin: 0 auto !important;\r\n    }\r\n\r\n    \/* \u2500\u2500 Heading \u2500\u2500 *\/\r\n    .fci-heading-block {\r\n      text-align: center !important;\r\n      margin-bottom: 52px !important;\r\n    }\r\n\r\n    .fci-heading {\r\n      font-family: 'Playfair Display', serif !important;\r\n      font-size: 52px !important;\r\n      font-weight: 700 !important;\r\n      line-height: 1.08 !important;\r\n      letter-spacing: -0.025em !important;\r\n      color: #18181B !important;\r\n    }\r\n\r\n    .fci-heading em {\r\n      font-style: italic !important;\r\n      font-weight: 700 !important;\r\n      color: #9F4DFF !important;\r\n      font-family: inherit !important;\r\n      font-size: inherit !important;\r\n    }\r\n\r\n    \/* \u2500\u2500 Grid \u2500\u2500 *\/\r\n    .fci-grid {\r\n      display: grid !important;\r\n      grid-template-columns: repeat(3, 1fr) !important;\r\n      gap: 18px !important;\r\n    }\r\n\r\n    \/* \u2500\u2500 Card \u2014 white on white \u2500\u2500 *\/\r\n    .fci-card {\r\n      background: #FFFFFF !important;\r\n      border: 1px solid rgba(124, 20, 246, 0.14) !important;\r\n      border-radius: 18px !important;\r\n      padding: 32px 28px 30px !important;\r\n      transition: transform 0.26s ease, box-shadow 0.26s ease, border-color 0.26s ease !important;\r\n    }\r\n\r\n    .fci-card:hover {\r\n      transform: scale(1.03) !important;\r\n      box-shadow: 0 20px 56px rgba(124, 20, 246, 0.11) !important;\r\n      border-color: rgba(124, 20, 246, 0.26) !important;\r\n    }\r\n\r\n    \/* \u2500\u2500 Icon box \u2500\u2500 *\/\r\n    .fci-card-icon {\r\n      width: 46px !important;\r\n      height: 46px !important;\r\n      border-radius: 12px !important;\r\n      background: rgba(124, 20, 246, 0.08) !important;\r\n      display: flex !important;\r\n      align-items: center !important;\r\n      justify-content: center !important;\r\n      margin-bottom: 18px !important;\r\n    }\r\n\r\n    .fci-card-icon svg {\r\n      width: 20px !important;\r\n      height: 20px !important;\r\n      stroke: #7C14F6 !important;\r\n      fill: none !important;\r\n      stroke-width: 1.75 !important;\r\n      stroke-linecap: round !important;\r\n      stroke-linejoin: round !important;\r\n    }\r\n\r\n    \/* \u2500\u2500 Label \u2500\u2500 *\/\r\n    .fci-card-label {\r\n      font-family: 'Inter', sans-serif !important;\r\n      font-size: 10.5px !important;\r\n      font-weight: 700 !important;\r\n      text-transform: uppercase !important;\r\n      letter-spacing: 0.12em !important;\r\n      color: #9CA3AF !important;\r\n      margin-bottom: 10px !important;\r\n      display: block !important;\r\n    }\r\n\r\n    \/* \u2500\u2500 Value links \u2500\u2500 *\/\r\n    .fci-card-value {\r\n      font-family: 'Inter', sans-serif !important;\r\n      font-size: 14.5px !important;\r\n      font-weight: 500 !important;\r\n      color: #18181B !important;\r\n      text-decoration: none !important;\r\n      display: block !important;\r\n      line-height: 1.55 !important;\r\n      transition: color 0.18s !important;\r\n      word-break: break-all !important;\r\n    }\r\n\r\n    .fci-card-value + .fci-card-value {\r\n      margin-top: 4px !important;\r\n    }\r\n\r\n    .fci-card-value:hover { color: #7C14F6 !important; }\r\n\r\n    \/* \u2500\u2500 WhatsApp badge \u2500\u2500 *\/\r\n    .fci-wa-badge {\r\n      display: inline-flex !important;\r\n      align-items: center !important;\r\n      gap: 5px !important;\r\n      font-family: 'Inter', sans-serif !important;\r\n      font-size: 11px !important;\r\n      font-weight: 600 !important;\r\n      color: #16A34A !important;\r\n      background: rgba(22, 163, 74, 0.09) !important;\r\n      border-radius: 100px !important;\r\n      padding: 4px 10px !important;\r\n      margin-top: 12px !important;\r\n    }\r\n\r\n    \/* \u2500\u2500 Social icon row \u2500\u2500 *\/\r\n    .fci-socials-row {\r\n      display: flex !important;\r\n      gap: 10px !important;\r\n      margin-top: 14px !important;\r\n      flex-wrap: wrap !important;\r\n    }\r\n\r\n    .fci-social-btn {\r\n      width: 40px !important;\r\n      height: 40px !important;\r\n      border-radius: 10px !important;\r\n      border: 1px solid rgba(124, 20, 246, 0.16) !important;\r\n      display: flex !important;\r\n      align-items: center !important;\r\n      justify-content: center !important;\r\n      text-decoration: none !important;\r\n      background: #FFFFFF !important;\r\n      transition: background 0.2s, border-color 0.2s, transform 0.2s !important;\r\n    }\r\n\r\n    .fci-social-btn:hover {\r\n      background: #9F4DFF !important;\r\n      border-color: #9F4DFF !important;\r\n      transform: translateY(-3px) !important;\r\n    }\r\n\r\n    .fci-social-btn svg {\r\n      width: 17px !important;\r\n      height: 17px !important;\r\n      stroke: #9CA3AF !important;\r\n      fill: none !important;\r\n      stroke-width: 1.75 !important;\r\n      stroke-linecap: round !important;\r\n      stroke-linejoin: round !important;\r\n      transition: stroke 0.2s !important;\r\n    }\r\n\r\n    .fci-social-btn:hover svg { stroke: #FFFFFF !important; }\r\n\r\n    .fci-social-btn .be-text {\r\n      font-size: 12px !important;\r\n      font-weight: 700 !important;\r\n      color: #9CA3AF !important;\r\n      font-family: 'Inter', sans-serif !important;\r\n      letter-spacing: -0.03em !important;\r\n      transition: color 0.2s !important;\r\n    }\r\n\r\n    .fci-social-btn:hover .be-text { color: #FFFFFF !important; }\r\n\r\n    \/* \u2500\u2500 Responsive \u2500\u2500 *\/\r\n    @media (max-width: 720px) {\r\n      .fci-grid    { grid-template-columns: 1fr !important; }\r\n      .fci-heading { font-size: 38px !important; }\r\n      .fci-section { padding: 64px 20px 72px !important; }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"fci-section\">\r\n  <div class=\"fci-inner\">\r\n\r\n    <div class=\"fci-heading-block\">\r\n      <h2 class=\"fci-heading\">Get in <em>Touch<\/em><\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"fci-grid\">\r\n\r\n      <!-- Email -->\r\n      <div class=\"fci-card\">\r\n        <div class=\"fci-card-icon\">\r\n          <svg viewBox=\"0 0 24 24\">\r\n            <rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"2.5\"\/>\r\n            <path d=\"M2 7.5l10 6.5 10-6.5\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <p class=\"fci-card-label\">Email Us<\/p>\r\n        <a class=\"fci-card-value\" href=\"mailto:hello@floworacreativelab.com\">hello@floworacreativelab.com<\/a>\r\n        <a class=\"fci-card-value\" href=\"mailto:deyyan@floworastudio.com\">deyyan@floworastudio.com<\/a>\r\n      <\/div>\r\n\r\n      <!-- WhatsApp -->\r\n      <div class=\"fci-card\">\r\n        <div class=\"fci-card-icon\">\r\n          <svg viewBox=\"0 0 24 24\">\r\n            <path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <p class=\"fci-card-label\">WhatsApp<\/p>\r\n        <a class=\"fci-card-value\" href=\"https:\/\/wa.me\/905454201239\" target=\"_blank\" rel=\"noopener\">+90 545 420 12 39<\/a>\r\n        <span class=\"fci-wa-badge\">\r\n          <svg width=\"7\" height=\"7\" viewBox=\"0 0 10 10\"><circle cx=\"5\" cy=\"5\" r=\"5\" fill=\"#16A34A\"\/><\/svg>\r\n          Available on WhatsApp\r\n        <\/span>\r\n      <\/div>\r\n\r\n      <!-- Socials -->\r\n      <div class=\"fci-card\">\r\n        <div class=\"fci-card-icon\">\r\n          <svg viewBox=\"0 0 24 24\">\r\n            <circle cx=\"18\" cy=\"5\" r=\"3\"\/>\r\n            <circle cx=\"6\" cy=\"12\" r=\"3\"\/>\r\n            <circle cx=\"18\" cy=\"19\" r=\"3\"\/>\r\n            <path d=\"M8.59 13.51l6.83 3.98M15.41 6.51l-6.82 3.98\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <p class=\"fci-card-label\">Follow the Work<\/p>\r\n        <div class=\"fci-socials-row\">\r\n\r\n          <a href=\"https:\/\/www.instagram.com\/flowora.creative.lab\/\" class=\"fci-social-btn\" aria-label=\"Instagram\" target=\"_blank\" rel=\"noopener\">\r\n            <svg viewBox=\"0 0 24 24\">\r\n              <rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\"\/>\r\n              <circle cx=\"12\" cy=\"12\" r=\"4\"\/>\r\n              <circle cx=\"17.5\" cy=\"6.5\" r=\"0.75\" fill=\"#9CA3AF\" stroke=\"none\"\/>\r\n            <\/svg>\r\n          <\/a>\r\n\r\n          <a href=\"https:\/\/www.linkedin.com\/company\/flowora-creative-lab\" class=\"fci-social-btn\" aria-label=\"LinkedIn\" target=\"_blank\" rel=\"noopener\">\r\n            <svg viewBox=\"0 0 24 24\">\r\n              <rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"3\"\/>\r\n              <path d=\"M8 11v5M8 8v.01M12 16v-5m0 0c0-1.1.9-2 2-2a2 2 0 0 1 2 2v5\"\/>\r\n            <\/svg>\r\n          <\/a>\r\n\r\n          <a href=\"https:\/\/www.behance.net\/floworacreativelab\" class=\"fci-social-btn\" aria-label=\"Behance\" target=\"_blank\" rel=\"noopener\">\r\n            <span class=\"be-text\">B\u0113<\/span>\r\n          <\/a>\r\n\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ebd7ff6 e-flex e-con-boxed e-con e-parent\" data-id=\"ebd7ff6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-bf53ec2 e-con-full e-flex e-con e-child\" data-id=\"bf53ec2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-13a3002 elementor-widget elementor-widget-html\" data-id=\"13a3002\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n  <meta charset=\"UTF-8\">\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n  <title>Book a Call \u2014 Flowora Creative Lab<\/title>\r\n  <style>\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,700;1,700&family=Inter:wght@300;400;500;600&display=swap');\r\n\r\n    .fbk-section *,\r\n    .fbk-section *::before,\r\n    .fbk-section *::after {\r\n      box-sizing: border-box !important;\r\n      margin: 0 !important;\r\n      padding: 0 !important;\r\n    }\r\n\r\n    \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n       SECTION\r\n    \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    .fbk-section {\r\n      background: #F5EDFF !important;\r\n      padding: 88px 24px 56px !important;\r\n      width: 100% !important;\r\n      font-family: 'Inter', sans-serif !important;\r\n      -webkit-font-smoothing: antialiased;\r\n      text-align: center !important;\r\n    }\r\n\r\n    .fbk-inner {\r\n      max-width: 640px !important;\r\n      margin: 0 auto !important;\r\n      display: flex !important;\r\n      flex-direction: column !important;\r\n      align-items: center !important;\r\n    }\r\n\r\n    \/* \u2500\u2500 Eyebrow \u2500\u2500 *\/\r\n    .fbk-eyebrow {\r\n      display: inline-flex !important;\r\n      align-items: center !important;\r\n      gap: 10px !important;\r\n      font-family: 'Inter', sans-serif !important;\r\n      font-size: 11px !important;\r\n      font-weight: 600 !important;\r\n      text-transform: uppercase !important;\r\n      letter-spacing: 0.16em !important;\r\n      color: rgba(124, 20, 246, 0.5) !important;\r\n      margin-bottom: 18px !important;\r\n    }\r\n\r\n    .fbk-eyebrow::before,\r\n    .fbk-eyebrow::after {\r\n      content: '' !important;\r\n      display: block !important;\r\n      width: 28px !important;\r\n      height: 1px !important;\r\n      background: rgba(124, 20, 246, 0.20) !important;\r\n      flex-shrink: 0 !important;\r\n    }\r\n\r\n    \/* \u2500\u2500 Heading \u2500\u2500 *\/\r\n    .fbk-heading {\r\n      font-family: 'Playfair Display', serif !important;\r\n      font-size: 52px !important;\r\n      font-weight: 700 !important;\r\n      line-height: 1.08 !important;\r\n      letter-spacing: -0.025em !important;\r\n      color: #18181B !important;\r\n      margin-bottom: 18px !important;\r\n    }\r\n\r\n    .fbk-heading em {\r\n      font-style: italic !important;\r\n      font-weight: 700 !important;\r\n      color: #9F4DFF !important;\r\n      font-family: inherit !important;\r\n      font-size: inherit !important;\r\n    }\r\n\r\n    \/* \u2500\u2500 Sub \u2500\u2500 *\/\r\n    .fbk-sub {\r\n      font-family: 'Inter', sans-serif !important;\r\n      font-size: 16px !important;\r\n      font-weight: 300 !important;\r\n      color: #71717A !important;\r\n      line-height: 1.75 !important;\r\n      max-width: 420px !important;\r\n      margin-bottom: 0 !important;\r\n    }\r\n\r\n    \/* \u2500\u2500 Responsive \u2500\u2500 *\/\r\n    @media (max-width: 768px) {\r\n      .fbk-heading  { font-size: 38px !important; }\r\n      .fbk-section  { padding: 64px 20px 40px !important; }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"fbk-section\">\r\n  <div class=\"fbk-inner\">\r\n\r\n    <p class=\"fbk-eyebrow\">30-Min Free Consultation<\/p>\r\n\r\n    <h2 class=\"fbk-heading\">Book a <em>Call<\/em><\/h2>\r\n\r\n    <p class=\"fbk-sub\">\r\n      Pick a time that works for you. We'll align on your project, goals, and next steps together.\r\n    <\/p>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-318ed80 e-con-full e-flex e-con e-child\" data-id=\"318ed80\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2763137 elementor-widget elementor-widget-shortcode\" data-id=\"2763137\" 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\"><div class=\"fcal_cal_wrap fcal-light-mode\">\n    <div class=\"fluent_booking_app\" data-calendar_id=\"1\"\n         data-event_id=\"2\"><\/div>\n    <\/div>\n\n<style>\n    .fcal_phone_wrapper .flag {\n        background: url(https:\/\/floworacreativelab.com\/wp-content\/plugins\/fluent-booking\/assets\/images\/flags_responsive.png) no-repeat;\n        background-size: 100%;\n    }\n<\/style>\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d072a73 e-flex e-con-boxed e-con e-parent\" data-id=\"d072a73\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4c300c7 elementor-widget elementor-widget-html\" data-id=\"4c300c7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"ffm-section\">\n  <div class=\"ffm-inner\">\n\n    <div class=\"ffm-heading-block\">\n      <span class=\"ffm-eyebrow\">Project Brief<\/span>\n      <h2 class=\"ffm-heading\">Tell Us About Your <em>Project<\/em><\/h2>\n    <\/div>\n\n    <form class=\"ffm-card\"\n          id=\"ffm-form\"\n          action=\"\/wp-admin\/admin-post.php\"\n          method=\"POST\">\n\n      <!-- WordPress handler action -->\n      <input type=\"hidden\" name=\"action\" value=\"flowora_contact_form\">\n\n      <!-- Email meta -->\n      <input type=\"hidden\" name=\"_subject\" value=\"New project inquiry \u2014 Flowora Creative Lab\">\n      <input type=\"hidden\" name=\"service\" id=\"ffm-service-val\" value=\"\">\n\n      <!-- Honeypot spam protection: users will not see this -->\n      <div class=\"ffm-hp-wrap\" aria-hidden=\"true\">\n        <label for=\"ffm-company\">Company<\/label>\n        <input id=\"ffm-company\" name=\"company\" type=\"text\" tabindex=\"-1\" autocomplete=\"off\">\n      <\/div>\n\n      <!-- Name + Email -->\n      <div class=\"ffm-row\">\n        <div class=\"ffm-group\">\n          <label class=\"ffm-label\" for=\"ffm-name\">Name<\/label>\n          <input class=\"ffm-input\" id=\"ffm-name\" name=\"name\" type=\"text\" placeholder=\"Your name\" required>\n        <\/div>\n        <div class=\"ffm-group\">\n          <label class=\"ffm-label\" for=\"ffm-email\">Email<\/label>\n          <input class=\"ffm-input\" id=\"ffm-email\" name=\"email\" type=\"email\" placeholder=\"your@email.com\" required>\n        <\/div>\n      <\/div>\n\n      <!-- Service custom dropdown -->\n      <div class=\"ffm-group\">\n        <label class=\"ffm-label\">Service Needed<\/label>\n        <div class=\"ffm-dropdown\" id=\"ffm-dd\">\n          <div class=\"ffm-dropdown-trigger\" id=\"ffm-trigger\" tabindex=\"0\" role=\"button\" aria-haspopup=\"listbox\" aria-expanded=\"false\">\n            <span id=\"ffm-trigger-label\">Choose a service<\/span>\n            <svg class=\"ffm-chevron\" viewBox=\"0 0 24 24\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>\n          <\/div>\n          <div class=\"ffm-options-panel\" id=\"ffm-panel\" role=\"listbox\">\n            <div class=\"ffm-opt\" data-val=\"Logo Design\" role=\"option\">Logo Design<\/div>\n            <div class=\"ffm-opt\" data-val=\"Digital Branding\" role=\"option\">Digital Branding<\/div>\n            <div class=\"ffm-opt\" data-val=\"FDA Label & Packaging\" role=\"option\">FDA Label &amp; Packaging<\/div>\n            <div class=\"ffm-opt\" data-val=\"Website Design\" role=\"option\">Website Design<\/div>\n            <div class=\"ffm-opt\" data-val=\"SaaS \/ App Design\" role=\"option\">SaaS \/ App Design<\/div>\n            <div class=\"ffm-opt\" data-val=\"Social Media Design\" role=\"option\">Social Media Design<\/div>\n            <div class=\"ffm-opt\" data-val=\"Printing Materials Design\" role=\"option\">Printing Materials Design<\/div>\n            <div class=\"ffm-opt\" data-val=\"Other\" role=\"option\">Other<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Timeline + Budget -->\n      <div class=\"ffm-row\">\n        <div class=\"ffm-group\">\n          <label class=\"ffm-label\" for=\"ffm-timeline\">Project Timeline<\/label>\n          <input class=\"ffm-input\" id=\"ffm-timeline\" name=\"timeline\" type=\"text\" placeholder=\"e.g. 2 months, by July\u2026\">\n        <\/div>\n        <div class=\"ffm-group\">\n          <label class=\"ffm-label\" for=\"ffm-budget\">Project Budget<\/label>\n          <input class=\"ffm-input\" id=\"ffm-budget\" name=\"budget\" type=\"text\" placeholder=\"e.g. $2,000, flexible\u2026\">\n        <\/div>\n      <\/div>\n\n      <!-- Message -->\n      <div class=\"ffm-group\">\n        <label class=\"ffm-label\" for=\"ffm-msg\">Tell Us More<\/label>\n        <textarea class=\"ffm-textarea\" id=\"ffm-msg\" name=\"message\"\n                  placeholder=\"Briefly describe your project, goals, or anything we should know\u2026\"><\/textarea>\n      <\/div>\n\n      <button class=\"ffm-submit\" type=\"submit\">\n        Send Message\n        <svg viewBox=\"0 0 24 24\"><path d=\"M22 2L11 13M22 2l-7 20-4-9-9-4 20-7z\"\/><\/svg>\n      <\/button>\n\n      <span class=\"ffm-footnote\">We'll get back to you within 48 hours.<\/span>\n\n    <\/form>\n  <\/div>\n<\/section>\n\n<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,700;1,700&family=Inter:wght@300;400;500;600&display=swap');\n\n  .ffm-section *,\n  .ffm-section *::before,\n  .ffm-section *::after {\n    box-sizing: border-box !important;\n    margin: 0 !important;\n    padding: 0 !important;\n  }\n\n  .ffm-section {\n    background: #FFFFFF !important;\n    padding: 96px 24px 104px !important;\n    width: 100% !important;\n    font-family: 'Inter', sans-serif !important;\n    -webkit-font-smoothing: antialiased;\n  }\n\n  .ffm-inner {\n    max-width: 680px !important;\n    margin: 0 auto !important;\n  }\n\n  .ffm-heading-block {\n    text-align: center !important;\n    margin-bottom: 48px !important;\n  }\n\n  .ffm-eyebrow {\n    font-size: 11px !important;\n    font-weight: 600 !important;\n    text-transform: uppercase !important;\n    letter-spacing: 0.16em !important;\n    color: rgba(124, 20, 246, 0.45) !important;\n    margin-bottom: 12px !important;\n    display: block !important;\n    font-family: 'Inter', sans-serif !important;\n  }\n\n  .ffm-heading {\n    font-family: 'Playfair Display', serif !important;\n    font-size: 48px !important;\n    font-weight: 700 !important;\n    line-height: 1.1 !important;\n    letter-spacing: -0.025em !important;\n    color: #18181B !important;\n  }\n\n  .ffm-heading em {\n    font-style: italic !important;\n    font-weight: 700 !important;\n    color: #9F4DFF !important;\n    font-family: inherit !important;\n    font-size: inherit !important;\n  }\n\n  .ffm-card {\n    background: #F5EDFF !important;\n    border: 1px solid rgba(124, 20, 246, 0.10) !important;\n    border-radius: 24px !important;\n    padding: 48px 44px !important;\n  }\n\n  .ffm-row {\n    display: grid !important;\n    grid-template-columns: 1fr 1fr !important;\n    gap: 16px !important;\n  }\n\n  .ffm-group {\n    display: flex !important;\n    flex-direction: column !important;\n    gap: 7px !important;\n    margin-bottom: 20px !important;\n  }\n\n  .ffm-label {\n    font-size: 11px !important;\n    font-weight: 700 !important;\n    text-transform: uppercase !important;\n    letter-spacing: 0.10em !important;\n    color: rgba(124, 20, 246, 0.55) !important;\n    display: block !important;\n    font-family: 'Inter', sans-serif !important;\n  }\n\n  .ffm-input,\n  .ffm-textarea {\n    background: #FFFFFF !important;\n    border: 1.5px solid rgba(124, 20, 246, 0.13) !important;\n    border-radius: 12px !important;\n    padding: 13px 16px !important;\n    font-family: 'Inter', sans-serif !important;\n    font-size: 14px !important;\n    color: #18181B !important;\n    outline: none !important;\n    width: 100% !important;\n    transition: border-color 0.2s, box-shadow 0.2s !important;\n  }\n\n  .ffm-input::placeholder,\n  .ffm-textarea::placeholder {\n    color: #C4B5D4 !important;\n  }\n\n  .ffm-input:focus,\n  .ffm-textarea:focus {\n    border-color: #7C14F6 !important;\n    box-shadow: 0 0 0 4px rgba(124, 20, 246, 0.10) !important;\n  }\n\n  .ffm-textarea {\n    min-height: 130px !important;\n    resize: vertical !important;\n    line-height: 1.65 !important;\n  }\n\n  .ffm-dropdown {\n    position: relative !important;\n    width: 100% !important;\n  }\n\n  .ffm-dropdown-trigger {\n    width: 100% !important;\n    background: #FFFFFF !important;\n    border: 1.5px solid rgba(124, 20, 246, 0.13) !important;\n    border-radius: 12px !important;\n    padding: 13px 16px !important;\n    font-family: 'Inter', sans-serif !important;\n    font-size: 14px !important;\n    color: #C4B5D4 !important;\n    cursor: pointer !important;\n    display: flex !important;\n    align-items: center !important;\n    justify-content: space-between !important;\n    gap: 8px !important;\n    transition: border-color 0.2s, box-shadow 0.2s !important;\n    outline: none !important;\n    user-select: none !important;\n    -webkit-user-select: none !important;\n  }\n\n  .ffm-dropdown-trigger.ffm-has-value {\n    color: #18181B !important;\n  }\n\n  .ffm-dropdown-trigger.ffm-open,\n  .ffm-dropdown-trigger:focus {\n    border-color: #7C14F6 !important;\n    box-shadow: 0 0 0 4px rgba(124, 20, 246, 0.10) !important;\n  }\n\n  .ffm-chevron {\n    width: 16px !important;\n    height: 16px !important;\n    stroke: #C4B5D4 !important;\n    fill: none !important;\n    stroke-width: 2 !important;\n    stroke-linecap: round !important;\n    stroke-linejoin: round !important;\n    flex-shrink: 0 !important;\n    transition: transform 0.22s ease, stroke 0.2s !important;\n  }\n\n  .ffm-dropdown-trigger.ffm-open .ffm-chevron {\n    transform: rotate(180deg) !important;\n    stroke: #7C14F6 !important;\n  }\n\n  .ffm-options-panel {\n    position: absolute !important;\n    top: calc(100% + 6px) !important;\n    left: 0 !important;\n    right: 0 !important;\n    background: #FFFFFF !important;\n    border: 1.5px solid rgba(124, 20, 246, 0.18) !important;\n    border-radius: 12px !important;\n    box-shadow: 0 8px 32px rgba(124, 20, 246, 0.12) !important;\n    z-index: 9999 !important;\n    overflow: hidden !important;\n    display: none !important;\n  }\n\n  .ffm-options-panel.ffm-open {\n    display: block !important;\n    max-height: 260px !important;\n    overflow-y: auto !important;\n  }\n\n  .ffm-options-panel::-webkit-scrollbar {\n    width: 4px !important;\n  }\n\n  .ffm-options-panel::-webkit-scrollbar-thumb {\n    background: rgba(124, 20, 246, 0.18) !important;\n    border-radius: 4px !important;\n  }\n\n  .ffm-opt {\n    padding: 12px 16px !important;\n    font-family: 'Inter', sans-serif !important;\n    font-size: 14px !important;\n    color: #3D3D3D !important;\n    cursor: pointer !important;\n    transition: background 0.15s, color 0.15s !important;\n  }\n\n  .ffm-opt:hover {\n    background: rgba(124, 20, 246, 0.07) !important;\n    color: #7C14F6 !important;\n  }\n\n  .ffm-opt.ffm-selected {\n    background: #7C14F6 !important;\n    color: #FFFFFF !important;\n  }\n\n  .ffm-submit {\n    width: 100% !important;\n    background: #18181B !important;\n    color: #FFFFFF !important;\n    font-family: 'Inter', sans-serif !important;\n    font-size: 14.5px !important;\n    font-weight: 600 !important;\n    padding: 16px 24px !important;\n    border-radius: 12px !important;\n    border: none !important;\n    cursor: pointer !important;\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    gap: 9px !important;\n    margin-top: 32px !important;\n    transition: background 0.22s, transform 0.15s !important;\n    letter-spacing: 0.02em !important;\n  }\n\n  .ffm-submit:hover {\n    background: #9F4DFF !important;\n    transform: translateY(-1px) !important;\n  }\n\n  .ffm-submit svg {\n    width: 16px !important;\n    height: 16px !important;\n    stroke: #FFFFFF !important;\n    fill: none !important;\n    stroke-width: 1.8 !important;\n    stroke-linecap: round !important;\n    stroke-linejoin: round !important;\n    flex-shrink: 0 !important;\n  }\n\n  .ffm-footnote {\n    text-align: center !important;\n    font-family: 'Inter', sans-serif !important;\n    font-size: 12px !important;\n    color: #B0A8C0 !important;\n    margin-top: 16px !important;\n    display: block !important;\n  }\n\n  .ffm-hp-wrap {\n    position: absolute !important;\n    left: -99999px !important;\n    top: auto !important;\n    width: 1px !important;\n    height: 1px !important;\n    overflow: hidden !important;\n    opacity: 0 !important;\n    pointer-events: none !important;\n  }\n\n  @media (max-width: 640px) {\n    .ffm-row {\n      grid-template-columns: 1fr !important;\n    }\n\n    .ffm-card {\n      padding: 32px 20px !important;\n    }\n\n    .ffm-heading {\n      font-size: 34px !important;\n    }\n\n    .ffm-section {\n      padding: 72px 16px 80px !important;\n    }\n  }\n<\/style>\n\n<script>\n  function ffmDropdownInit() {\n    var trigger = document.getElementById('ffm-trigger');\n    var panel = document.getElementById('ffm-panel');\n    var hidden = document.getElementById('ffm-service-val');\n    var label = document.getElementById('ffm-trigger-label');\n\n    if (!trigger || !panel || !hidden || !label) {\n      setTimeout(ffmDropdownInit, 150);\n      return;\n    }\n\n    function ffmOpen() {\n      trigger.classList.add('ffm-open');\n      panel.classList.add('ffm-open');\n      trigger.setAttribute('aria-expanded', 'true');\n    }\n\n    function ffmClose() {\n      trigger.classList.remove('ffm-open');\n      panel.classList.remove('ffm-open');\n      trigger.setAttribute('aria-expanded', 'false');\n    }\n\n    function ffmToggle() {\n      panel.classList.contains('ffm-open') ? ffmClose() : ffmOpen();\n    }\n\n    trigger.addEventListener('click', ffmToggle);\n\n    trigger.addEventListener('keydown', function(e) {\n      if (e.key === 'Enter' || e.key === ' ') {\n        e.preventDefault();\n        ffmToggle();\n      }\n\n      if (e.key === 'Escape') {\n        ffmClose();\n      }\n    });\n\n    var opts = panel.querySelectorAll('.ffm-opt');\n\n    for (var i = 0; i < opts.length; i++) {\n      opts[i].addEventListener('click', (function(opt) {\n        return function() {\n          for (var j = 0; j < opts.length; j++) {\n            opts[j].classList.remove('ffm-selected');\n            opts[j].setAttribute('aria-selected', 'false');\n          }\n\n          opt.classList.add('ffm-selected');\n          opt.setAttribute('aria-selected', 'true');\n\n          label.textContent = opt.getAttribute('data-val');\n          trigger.classList.add('ffm-has-value');\n          hidden.value = opt.getAttribute('data-val');\n\n          ffmClose();\n        };\n      })(opts[i]));\n    }\n\n    document.addEventListener('click', function(e) {\n      var dd = document.getElementById('ffm-dd');\n      if (dd && !dd.contains(e.target)) {\n        ffmClose();\n      }\n    });\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', ffmDropdownInit);\n  } else {\n    ffmDropdownInit();\n  }\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8721d15 e-flex e-con-boxed e-con e-parent\" data-id=\"8721d15\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-894678c elementor-widget elementor-widget-html\" data-id=\"894678c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n  <meta charset=\"UTF-8\">\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n  <title>Studio Hours \u2014 Flowora Creative Lab<\/title>\r\n  <style>\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@700&family=Inter:wght@300;400;500;600&display=swap');\r\n\r\n    .fsh-section *,\r\n    .fsh-section *::before,\r\n    .fsh-section *::after {\r\n      box-sizing: border-box !important;\r\n      margin: 0 !important;\r\n      padding: 0 !important;\r\n    }\r\n\r\n    .fsh-section {\r\n      background: #FFFFFF !important;\r\n      padding: 80px 40px !important;\r\n      width: 100% !important;\r\n      font-family: 'Inter', sans-serif !important;\r\n      -webkit-font-smoothing: antialiased;\r\n    }\r\n\r\n    .fsh-inner {\r\n      max-width: 960px !important;\r\n      margin: 0 auto !important;\r\n      display: grid !important;\r\n      grid-template-columns: 1fr 1.6fr !important;\r\n      gap: 80px !important;\r\n      align-items: center !important;\r\n    }\r\n\r\n    .fsh-heading {\r\n      font-family: 'Playfair Display', serif !important;\r\n      font-size: 48px !important;\r\n      font-weight: 700 !important;\r\n      color: #18181B !important;\r\n      letter-spacing: -0.02em !important;\r\n      line-height: 1.1 !important;\r\n      margin-bottom: 18px !important;\r\n    }\r\n\r\n    .fsh-slash {\r\n      display: block !important;\r\n      width: 100% !important;\r\n      height: 16px !important;\r\n      margin-bottom: 20px !important;\r\n      background-image: repeating-linear-gradient(\r\n        -65deg,\r\n        #18181B 0px,\r\n        #18181B 1.2px,\r\n        transparent 1.2px,\r\n        transparent 9px\r\n      ) !important;\r\n      opacity: 0.18 !important;\r\n    }\r\n\r\n    .fsh-tz {\r\n      font-family: 'Inter', sans-serif !important;\r\n      font-size: 14px !important;\r\n      font-weight: 400 !important;\r\n      color: #18181B !important;\r\n    }\r\n\r\n    .fsh-tz strong { font-weight: 600 !important; }\r\n\r\n    .studio-hours { width: 100% !important; }\r\n\r\n    .fsh-row {\r\n      display: flex !important;\r\n      align-items: center !important;\r\n      justify-content: space-between !important;\r\n      padding: 13px 0 !important;\r\n      border-bottom: 1px solid rgba(0,0,0,0.07) !important;\r\n      gap: 12px !important;\r\n    }\r\n\r\n    .fsh-row-left {\r\n      display: flex !important;\r\n      align-items: center !important;\r\n      gap: 10px !important;\r\n    }\r\n\r\n    .fsh-star {\r\n      font-size: 10px !important;\r\n      color: #18181B !important;\r\n      flex-shrink: 0 !important;\r\n      line-height: 1 !important;\r\n    }\r\n\r\n    .day {\r\n      font-family: 'Inter', sans-serif !important;\r\n      font-size: 15px !important;\r\n      font-weight: 400 !important;\r\n      color: #18181B !important;\r\n      display: inline-flex !important;\r\n      align-items: center !important;\r\n      gap: 10px !important;\r\n    }\r\n\r\n    .fsh-time {\r\n      font-family: 'Inter', sans-serif !important;\r\n      font-size: 15px !important;\r\n      font-weight: 600 !important;\r\n      color: #18181B !important;\r\n      font-variant-numeric: tabular-nums !important;\r\n      white-space: nowrap !important;\r\n    }\r\n\r\n    .fsh-time.is-closed {\r\n      font-weight: 400 !important;\r\n      font-style: italic !important;\r\n      color: #9CA3AF !important;\r\n    }\r\n\r\n    \/* Available now chip \u2014 matches existing site style *\/\r\n    .available-now-chip {\r\n      display: inline-flex !important;\r\n      align-items: center !important;\r\n      gap: 8px !important;\r\n      padding: 6px 10px !important;\r\n      border-radius: 999px !important;\r\n      background: #fff !important;\r\n      color: rgba(0,0,0,.78) !important;\r\n      font-size: 12px !important;\r\n      font-weight: 600 !important;\r\n      letter-spacing: .2px !important;\r\n      border: 1px solid rgba(0,0,0,.08) !important;\r\n      box-shadow: 0 10px 30px rgba(0,0,0,.06) !important;\r\n      text-decoration: none !important;\r\n      line-height: 1 !important;\r\n      transform: translateY(-1px) !important;\r\n      transition: transform .2s ease, box-shadow .2s ease !important;\r\n      white-space: nowrap !important;\r\n    }\r\n\r\n    .available-now-chip::before {\r\n      content: \"\" !important;\r\n      width: 7px !important;\r\n      height: 7px !important;\r\n      border-radius: 999px !important;\r\n      background: #16a34a !important;\r\n      box-shadow: 0 0 0 4px rgba(22,163,74,.12) !important;\r\n      display: inline-block !important;\r\n      flex-shrink: 0 !important;\r\n    }\r\n\r\n    .available-now-chip:hover {\r\n      transform: translateY(-2px) !important;\r\n      box-shadow: 0 14px 38px rgba(0,0,0,.10) !important;\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n      .fsh-inner   { grid-template-columns: 1fr !important; gap: 36px !important; }\r\n      .fsh-heading { font-size: 36px !important; }\r\n      .fsh-section { padding: 64px 24px !important; }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"fsh-section\">\r\n  <div class=\"fsh-inner\">\r\n\r\n    <div>\r\n      <h2 class=\"fsh-heading\">Studio Hours<\/h2>\r\n      <span class=\"fsh-slash\"><\/span>\r\n      <p class=\"fsh-tz\">All times are shown in <strong>(UTC+3)<\/strong><\/p>\r\n    <\/div>\r\n\r\n    <div class=\"studio-hours\">\r\n      <div class=\"fsh-row\"><div class=\"fsh-row-left\"><span class=\"fsh-star\">\u2726<\/span><span class=\"day\">Monday<\/span><\/div><span class=\"fsh-time\">10:00 \u2013 02:30<\/span><\/div>\r\n      <div class=\"fsh-row\"><div class=\"fsh-row-left\"><span class=\"fsh-star\">\u2726<\/span><span class=\"day\">Tuesday<\/span><\/div><span class=\"fsh-time\">10:00 \u2013 02:30<\/span><\/div>\r\n      <div class=\"fsh-row\"><div class=\"fsh-row-left\"><span class=\"fsh-star\">\u2726<\/span><span class=\"day\">Wednesday<\/span><\/div><span class=\"fsh-time\">10:00 \u2013 02:30<\/span><\/div>\r\n      <div class=\"fsh-row\"><div class=\"fsh-row-left\"><span class=\"fsh-star\">\u2726<\/span><span class=\"day\">Thursday<\/span><\/div><span class=\"fsh-time\">10:00 \u2013 02:30<\/span><\/div>\r\n      <div class=\"fsh-row\"><div class=\"fsh-row-left\"><span class=\"fsh-star\">\u2726<\/span><span class=\"day\">Friday<\/span><\/div><span class=\"fsh-time\">10:00 \u2013 02:30<\/span><\/div>\r\n      <div class=\"fsh-row\"><div class=\"fsh-row-left\"><span class=\"fsh-star\">\u2726<\/span><span class=\"day\">Saturday<\/span><\/div><span class=\"fsh-time\">10:00 \u2013 02:30<\/span><\/div>\r\n      <div class=\"fsh-row\"><div class=\"fsh-row-left\"><span class=\"fsh-star\">\u2726<\/span><span class=\"day\">Sunday<\/span><\/div><span class=\"fsh-time is-closed\">Closed<\/span><\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n  var TZ          = \"Europe\/Istanbul\";\r\n  var CONTACT_URL = \"\/contact\/\";\r\n  var LABEL       = \"Available now\";\r\n\r\n  \/* 10:00 \u2013 02:30 cross-midnight for Mon\u2013Sat, closed Sun *\/\r\n  var SCHEDULE = {\r\n    1: [\"10:00\",\"02:30\"],\r\n    2: [\"10:00\",\"02:30\"],\r\n    3: [\"10:00\",\"02:30\"],\r\n    4: [\"10:00\",\"02:30\"],\r\n    5: [\"10:00\",\"02:30\"],\r\n    6: [\"10:00\",\"02:30\"],\r\n    0: null\r\n  };\r\n\r\n  var DAY_KEYS = [\"sunday\",\"monday\",\"tuesday\",\"wednesday\",\"thursday\",\"friday\",\"saturday\"];\r\n\r\n  function toMin(hhmm) {\r\n    var p = hhmm.split(\":\").map(Number);\r\n    return p[0] * 60 + p[1];\r\n  }\r\n\r\n  function getNow() {\r\n    var dtf = new Intl.DateTimeFormat(\"en-US\", {\r\n      timeZone: TZ,\r\n      weekday: \"long\",\r\n      hour: \"2-digit\",\r\n      minute: \"2-digit\",\r\n      hour12: false\r\n    });\r\n    var parts = {};\r\n    dtf.formatToParts(new Date()).forEach(function(p){ parts[p.type] = p.value; });\r\n    var idx = DAY_KEYS.indexOf(parts.weekday.toLowerCase());\r\n    var min = parseInt(parts.hour,10) * 60 + parseInt(parts.minute,10);\r\n    return { idx: idx, min: min };\r\n  }\r\n\r\n  function isOpen(idx, nowMin) {\r\n    var slot = SCHEDULE[idx];\r\n    if (!slot) return false;\r\n    var o = toMin(slot[0]);\r\n    var c = toMin(slot[1]);\r\n    if (c === 0) c = 1440;\r\n    \/* Cross-midnight (e.g. 10:00 \u2013 02:30) *\/\r\n    if (c < o) return nowMin >= o || nowMin < c;\r\n    return nowMin >= o && nowMin < c;\r\n  }\r\n\r\n  function removeChips(root) {\r\n    root.querySelectorAll(\".available-now-chip\").forEach(function(el){ el.remove(); });\r\n  }\r\n\r\n  function run() {\r\n    var root = document.querySelector(\".studio-hours\");\r\n    if (!root) { setTimeout(run, 200); return; }\r\n\r\n    removeChips(root);\r\n\r\n    var now = getNow();\r\n\r\n    \/* Also check previous day for cross-midnight sessions *\/\r\n    var checkIdx  = now.idx;\r\n    var checkMin  = now.min;\r\n\r\n    \/* If current time is in early hours (before 03:00), check yesterday too *\/\r\n    if (now.min < 180) {\r\n      var prevIdx = (now.idx + 6) % 7; \/* yesterday *\/\r\n      if (isOpen(prevIdx, now.min + 1440)) {\r\n        checkIdx = prevIdx;\r\n      }\r\n    }\r\n\r\n    var isCurrentlyOpen = isOpen(checkIdx, checkMin) || (now.min < 180 && isOpen((now.idx + 6) % 7, now.min + 1440));\r\n\r\n    if (!isCurrentlyOpen) return;\r\n\r\n    \/* Find today's (or yesterday's session's) day element *\/\r\n    var targetKey = isOpen(now.idx, now.min) ? DAY_KEYS[now.idx] : DAY_KEYS[(now.idx + 6) % 7];\r\n\r\n    var dayEls = root.querySelectorAll(\".day\");\r\n    var target = null;\r\n    dayEls.forEach(function(el){\r\n      if (el.textContent.trim().toLowerCase() === targetKey) target = el;\r\n    });\r\n    if (!target) return;\r\n\r\n    var chip = document.createElement(\"a\");\r\n    chip.className = \"available-now-chip\";\r\n    chip.href = CONTACT_URL;\r\n    chip.setAttribute(\"aria-label\", LABEL + \" \u2014 Contact\");\r\n    chip.textContent = LABEL;\r\n    target.appendChild(chip);\r\n  }\r\n\r\n  if (document.readyState === \"loading\") document.addEventListener(\"DOMContentLoaded\", run);\r\n  else run();\r\n\r\n  setInterval(run, 60000);\r\n})();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Hero \u2014 Flowora Creative Lab Replies within 48 hours Let&#8217;s create something exceptional Whether you have a full brief or just a spark of an idea, we&#8217;re ready to listen. Get in Touch \u2014 Flowora Creative Lab Get in Touch Email Us hello@floworacreativelab.com deyyan@floworastudio.com WhatsApp +90 545 420 12 39 Available on WhatsApp Follow the [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-42","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/floworacreativelab.com\/tr\/wp-json\/wp\/v2\/pages\/42","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/floworacreativelab.com\/tr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/floworacreativelab.com\/tr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/floworacreativelab.com\/tr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/floworacreativelab.com\/tr\/wp-json\/wp\/v2\/comments?post=42"}],"version-history":[{"count":5,"href":"https:\/\/floworacreativelab.com\/tr\/wp-json\/wp\/v2\/pages\/42\/revisions"}],"predecessor-version":[{"id":5714,"href":"https:\/\/floworacreativelab.com\/tr\/wp-json\/wp\/v2\/pages\/42\/revisions\/5714"}],"wp:attachment":[{"href":"https:\/\/floworacreativelab.com\/tr\/wp-json\/wp\/v2\/media?parent=42"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}