{"id":8421852217535,"title":"HexaPot Waterfall Farm L","handle":"hexapot-waterfall-farm-l","description":"\u003cstyle\u003e\n \/* ================= 1. DEFENSIVE NEUTRALISER =================\n Kills common Shopify theme leaks: heading margins, list padding,\n link colours\/underlines, image max-width, font overrides, etc. *\/\n .cfq-wrap,\n .cfq-wrap *,\n .cfq-wrap *::before,\n .cfq-wrap *::after {\n box-sizing: border-box;\n }\n .cfq-wrap {\n all: initial; \/* wipe any inherited theme styling *\/\n display: block;\n width: 100%;\n margin: 0 auto;\n padding: 8px 6px 40px;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n font-size: 16px;\n line-height: 1.65;\n color: #16311f;\n text-align: left;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n --ink: #16311f;\n --green: #1f6b47;\n --leaf: #3fa45f;\n --tint: #e7f3ea;\n --mist: #f2f7f2;\n --line: #e0eade;\n --muted: #56665b;\n --amber: #f2a93b;\n --on-amber: #3a2a00;\n --amber-ink: #6b4a00;\n --note-bg: #fdf3e0;\n --note-line: #f3dfb5;\n --mono: ui-monospace, SFMono-Regular, \"SF Mono\", Menlo, Consolas, \"Liberation Mono\", monospace;\n --radius: 16px;\n --shadow: 0 6px 24px rgba(22, 49, 31, 0.07);\n }\n \/* Reset every element we use — !important so stubborn themes can't win.\n Component rules below re-apply intended values with !important where needed. *\/\n .cfq-wrap p,\n .cfq-wrap h2,\n .cfq-wrap h3,\n .cfq-wrap h4,\n .cfq-wrap ul,\n .cfq-wrap ol,\n .cfq-wrap li,\n .cfq-wrap a,\n .cfq-wrap img,\n .cfq-wrap div,\n .cfq-wrap span,\n .cfq-wrap strong,\n .cfq-wrap em,\n .cfq-wrap small {\n margin: 0 !important;\n padding: 0 !important;\n border: 0;\n outline: 0;\n font-family: inherit !important;\n font-size: inherit !important;\n font-weight: inherit !important;\n font-style: inherit !important;\n line-height: inherit !important;\n letter-spacing: normal !important;\n text-align: inherit !important;\n text-transform: none !important;\n text-decoration: none !important;\n color: inherit !important;\n box-shadow: none;\n text-shadow: none;\n }\n .cfq-wrap ul,\n .cfq-wrap ol,\n .cfq-wrap li {\n list-style: none !important;\n }\n .cfq-wrap p,\n .cfq-wrap li,\n .cfq-wrap ul,\n .cfq-wrap ol,\n .cfq-wrap a {\n background: transparent !important;\n }\n .cfq-wrap img {\n max-width: 100% !important;\n height: auto !important;\n display: block !important;\n }\n .cfq-wrap a {\n cursor: pointer;\n -webkit-tap-highlight-color: transparent;\n }\n .cfq-wrap strong { font-weight: 700 !important; }\n .cfq-wrap em { font-style: italic !important; }\n .cfq-wrap h2,\n .cfq-wrap h3,\n .cfq-wrap h4 {\n font-weight: 800 !important;\n }\n \/* ================= 2. DELIVERY NOTE ================= *\/\n .cfq-wrap .cfq-note {\n display: flex !important;\n align-items: flex-start;\n gap: 10px;\n margin-bottom: 24px !important;\n padding: 11px 14px !important;\n border-radius: 12px;\n background: var(--note-bg);\n border: 1px solid var(--note-line);\n color: var(--amber-ink) !important;\n font-size: 13.5px !important;\n line-height: 1.5 !important;\n }\n .cfq-wrap .cfq-note svg {\n flex: none;\n width: 17px;\n height: 17px;\n margin-top: 2px;\n color: #b07914 !important;\n }\n \/* ================= 3. HERO ================= *\/\n .cfq-wrap .cfq-hero { margin-bottom: 22px !important; }\n .cfq-wrap .cfq-hero-badge {\n display: inline-block !important;\n padding: 6px 12px !important;\n border-radius: 999px;\n background: var(--tint);\n color: var(--green) !important;\n font-size: 12.5px !important;\n font-weight: 700 !important;\n letter-spacing: 0.03em !important;\n margin-bottom: 14px !important;\n }\n .cfq-wrap .cfq-hero-title {\n display: block !important;\n font-size: 30px !important;\n line-height: 1.15 !important;\n font-weight: 800 !important;\n color: var(--ink) !important;\n letter-spacing: -0.02em !important;\n margin-bottom: 10px !important;\n }\n .cfq-wrap .cfq-hero-title span { color: var(--green) !important; }\n .cfq-wrap .cfq-hero-sub {\n display: block !important;\n max-width: 640px;\n font-size: 17px !important;\n color: var(--muted) !important;\n }\n \/* ================= 4. QUICK SPECS ================= *\/\n .cfq-wrap .cfq-specs {\n display: grid !important;\n grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));\n gap: 12px;\n margin-bottom: 24px !important;\n }\n .cfq-wrap .cfq-spec {\n display: block !important;\n padding: 14px 12px !important;\n border-radius: 14px;\n background: var(--mist);\n border: 1px solid var(--line);\n text-align: center !important;\n }\n .cfq-wrap .cfq-spec strong {\n display: block !important;\n font-family: var(--mono) !important;\n font-size: 19px !important;\n font-weight: 700 !important;\n letter-spacing: -0.02em !important;\n color: var(--green) !important;\n line-height: 1.2 !important;\n }\n .cfq-wrap .cfq-spec span {\n display: block !important;\n margin-top: 5px !important;\n font-family: var(--mono) !important;\n font-size: 10.5px !important;\n font-weight: 600 !important;\n letter-spacing: 0.12em !important;\n text-transform: uppercase !important;\n color: var(--muted) !important;\n }\n \/* ================= 5. GALLERY ================= *\/\n .cfq-wrap .cfq-gallery {\n display: grid !important;\n grid-template-columns: repeat(3, 1fr);\n gap: 12px;\n margin-bottom: 32px !important;\n }\n .cfq-wrap .cfq-gallery img {\n width: 100% !important;\n border-radius: var(--radius);\n border: 1px solid var(--line);\n box-shadow: var(--shadow);\n }\n \/* ================= 6. SECTION HEADER ================= *\/\n .cfq-wrap .cfq-section { margin-bottom: 36px !important; }\n .cfq-wrap .cfq-kicker {\n display: flex !important;\n align-items: center;\n gap: 10px;\n margin-bottom: 8px !important;\n font-family: var(--mono) !important;\n font-size: 11.5px !important;\n font-weight: 700 !important;\n letter-spacing: 0.14em !important;\n text-transform: uppercase !important;\n color: var(--muted) !important;\n }\n .cfq-wrap .cfq-kicker::before {\n content: \"\";\n flex: none;\n width: 26px;\n height: 3px;\n border-radius: 2px;\n background: linear-gradient(90deg, var(--green), var(--leaf));\n }\n .cfq-wrap .cfq-section-title {\n display: block !important;\n margin-bottom: 6px !important;\n font-size: 22px !important;\n line-height: 1.3 !important;\n font-weight: 800 !important;\n color: var(--ink) !important;\n letter-spacing: -0.01em !important;\n }\n .cfq-wrap .cfq-section-sub {\n display: block !important;\n margin-bottom: 18px !important;\n font-size: 15px !important;\n color: var(--muted) !important;\n }\n \/* ================= 7. HIGHLIGHTS GRID ================= *\/\n .cfq-wrap .cfq-grid {\n display: grid !important;\n grid-template-columns: repeat(2, 1fr);\n gap: 14px;\n }\n .cfq-wrap .cfq-card {\n display: block !important;\n padding: 20px 18px !important;\n border-radius: var(--radius);\n background: #ffffff;\n border: 1px solid var(--line);\n box-shadow: var(--shadow);\n }\n .cfq-wrap .cfq-icon {\n display: inline-flex !important;\n align-items: center;\n justify-content: center;\n width: 46px;\n height: 46px;\n margin-bottom: 14px !important;\n border-radius: 13px;\n background: var(--tint);\n color: var(--green) !important;\n }\n .cfq-wrap .cfq-icon svg {\n display: block !important;\n width: 24px;\n height: 24px;\n }\n .cfq-wrap .cfq-card h3 {\n display: block !important;\n margin-bottom: 6px !important;\n font-size: 16.5px !important;\n line-height: 1.35 !important;\n font-weight: 800 !important;\n color: var(--ink) !important;\n }\n .cfq-wrap .cfq-card p {\n display: block !important;\n font-size: 14.5px !important;\n color: var(--muted) !important;\n }\n \/* ================= 8. WHAT'S IN THE BOX ================= *\/\n .cfq-wrap .cfq-box {\n display: grid !important;\n grid-template-columns: 1.15fr 0.85fr;\n gap: 14px;\n }\n .cfq-wrap .cfq-box-col {\n display: block !important;\n padding: 22px 20px !important;\n border-radius: var(--radius);\n background: #ffffff;\n border: 1px solid var(--line);\n box-shadow: var(--shadow);\n }\n .cfq-wrap .cfq-box-title {\n display: block !important;\n margin-bottom: 4px !important;\n font-size: 17px !important;\n font-weight: 800 !important;\n color: var(--ink) !important;\n }\n .cfq-wrap .cfq-box-sub {\n display: block !important;\n margin-bottom: 14px !important;\n font-size: 13px !important;\n color: var(--muted) !important;\n }\n .cfq-wrap .cfq-checklist li {\n display: flex !important;\n align-items: flex-start;\n gap: 10px;\n padding: 9px 0 !important;\n border-bottom: 1px dashed var(--line);\n font-size: 14.5px !important;\n color: var(--ink) !important;\n }\n .cfq-wrap .cfq-checklist li:last-child { border-bottom: 0 !important; }\n .cfq-wrap .cfq-check {\n flex: none;\n display: inline-flex !important;\n align-items: center;\n justify-content: center;\n width: 20px;\n height: 20px;\n margin-top: 1px !important;\n border-radius: 50%;\n background: var(--leaf);\n color: #ffffff !important;\n }\n .cfq-wrap .cfq-check svg {\n display: block !important;\n width: 11px;\n height: 11px;\n }\n .cfq-wrap .cfq-item { flex: 1 1 auto; }\n .cfq-wrap .cfq-qty {\n flex: none;\n margin-left: 10px !important;\n font-family: var(--mono) !important;\n font-size: 12.5px !important;\n font-weight: 700 !important;\n color: var(--green) !important;\n white-space: nowrap;\n }\n \/* ================= 9. FEATURE SPOTLIGHT ================= *\/\n .cfq-wrap .cfq-feature {\n margin-bottom: 32px !important;\n padding: 22px !important;\n border-radius: var(--radius);\n background: var(--mist);\n border: 1px solid var(--line);\n }\n .cfq-wrap .cfq-feature--media {\n display: grid !important;\n grid-template-columns: 1fr 1fr;\n gap: 24px;\n align-items: center;\n }\n .cfq-wrap .cfq-feature-media img {\n width: 100% !important;\n border-radius: 14px;\n border: 1px solid var(--line);\n }\n .cfq-wrap .cfq-feature-body { min-width: 0; }\n .cfq-wrap .cfq-feature-body .cfq-section-title { margin-bottom: 10px !important; }\n .cfq-wrap .cfq-feature-list li {\n position: relative;\n display: block !important;\n padding: 4px 0 4px 26px !important;\n font-size: 14.5px !important;\n color: var(--ink) !important;\n }\n .cfq-wrap .cfq-feature-list li::before {\n content: \"\";\n position: absolute;\n left: 2px;\n top: 12px;\n width: 9px;\n height: 9px;\n border-radius: 50%;\n background: var(--leaf);\n border: 2px solid var(--green);\n }\n \/* ================= 10. BROCHURE CTA ================= *\/\n .cfq-wrap .cfq-cta {\n display: flex !important;\n align-items: center;\n justify-content: space-between;\n gap: 16px;\n flex-wrap: wrap;\n margin-bottom: 16px !important;\n padding: 22px 24px !important;\n border-radius: var(--radius);\n background: linear-gradient(100deg, var(--ink), var(--green));\n }\n .cfq-wrap .cfq-cta-copy { flex: 1 1 240px; }\n .cfq-wrap .cfq-cta h3 {\n display: block !important;\n margin-bottom: 4px !important;\n font-size: 18px !important;\n font-weight: 800 !important;\n color: #ffffff !important;\n }\n .cfq-wrap .cfq-cta p {\n display: block !important;\n font-size: 14px !important;\n color: rgba(255, 255, 255, 0.85) !important;\n }\n .cfq-wrap .cfq-btn {\n display: inline-flex !important;\n align-items: center;\n gap: 8px;\n padding: 12px 20px !important;\n border-radius: 999px;\n background: var(--amber) !important;\n color: var(--on-amber) !important;\n font-size: 14.5px !important;\n font-weight: 800 !important;\n white-space: nowrap;\n transition: transform 0.15s ease, box-shadow 0.15s ease;\n }\n .cfq-wrap .cfq-btn:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 18px rgba(0, 0, 0, 0.22);\n }\n .cfq-wrap .cfq-btn svg {\n display: block !important;\n width: 16px;\n height: 16px;\n }\n \/* ================= 11. KEEP EXPLORING ================= *\/\n .cfq-wrap .cfq-explore {\n text-align: center !important;\n margin-bottom: 4px !important;\n }\n .cfq-wrap .cfq-explore-link {\n display: inline-flex !important;\n align-items: center;\n gap: 6px;\n font-size: 14.5px !important;\n font-weight: 700 !important;\n color: var(--green) !important;\n }\n .cfq-wrap .cfq-explore-link:hover { text-decoration: underline !important; }\n \/* Tap targets: links get a roomy touch area *\/\n .cfq-wrap .cfq-card a,\n .cfq-wrap .cfq-checklist a,\n .cfq-wrap .cfq-feature-list a,\n .cfq-wrap .cfq-explore-link {\n display: inline-flex !important;\n align-items: center;\n min-height: 44px;\n }\n \/* ================= RESPONSIVE ================= *\/\n @media (max-width: 900px) {\n \/* Only affects 3-column highlight layouts *\/\n .cfq-wrap .cfq-grid { grid-template-columns: repeat(2, 1fr); }\n }\n @media (max-width: 760px) {\n .cfq-wrap .cfq-feature--media { grid-template-columns: 1fr; }\n }\n @media (max-width: 720px) {\n .cfq-wrap .cfq-box { grid-template-columns: 1fr; }\n }\n @media (max-width: 640px) {\n .cfq-wrap .cfq-hero-title { font-size: 24px !important; }\n .cfq-wrap .cfq-gallery { grid-template-columns: 1fr; }\n .cfq-wrap .cfq-section-title { font-size: 20px !important; }\n }\n @media (max-width: 560px) {\n .cfq-wrap .cfq-grid { grid-template-columns: 1fr; }\n }\n @media (prefers-reduced-motion: reduce) {\n .cfq-wrap *,\n .cfq-wrap *::before,\n .cfq-wrap *::after {\n transition: none !important;\n animation: none !important;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"cfq-wrap\"\u003e\n\u003c!-- Delivery note --\u003e\n\u003cdiv class=\"cfq-note\"\u003e\n\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cpath d=\"M12 16v-4M12 8h.01\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003cspan\u003eFree delivery and installation within \u003cstrong\u003eSelangor\u003c\/strong\u003e. For areas outside Selangor, please contact us.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c!-- Hero --\u003e\n\u003cdiv class=\"cfq-hero\"\u003e\n\u003cspan class=\"cfq-hero-badge\"\u003eHexaPot waterfall farm\u003c\/span\u003e\n\u003ch2 class=\"cfq-hero-title\"\u003eCityFarm HexaPot \u003cspan\u003eWaterfall Farm L\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"cfq-hero-sub\"\u003eA tall outdoor system that grows up to 40 leafy greens and herbs at home.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Quick specs --\u003e\n\u003cdiv class=\"cfq-specs\"\u003e\n\u003cdiv class=\"cfq-spec\"\u003e\n\u003cstrong\u003e228×109×205\u003c\/strong\u003e\u003cspan\u003ecm · L × W × H\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cfq-spec\"\u003e\n\u003cstrong\u003e40\u003c\/strong\u003e\u003cspan\u003eplant capacity\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cfq-spec\"\u003e\n\u003cstrong\u003e120 L\u003c\/strong\u003e\u003cspan\u003ewater tank\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cfq-spec\"\u003e\n\u003cstrong\u003e4 ft\u003c\/strong\u003e\u003cspan\u003eNFT channels\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cfq-spec\"\u003e\n\u003cstrong\u003eWith roof\u003c\/strong\u003e\u003cspan\u003ewhite rack\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Gallery --\u003e\n\u003cdiv class=\"cfq-gallery\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1129\/3552\/files\/1_e1bf2f9b-2565-414a-b733-97d4ed89af1b.png?v=1777447292\" alt=\"CityFarm HexaPot Waterfall Farm L — assembled system\" loading=\"lazy\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1129\/3552\/files\/2_23aede8d-f93c-4fa3-b415-9b8df7eff3fb.png?v=1777447292\" alt=\"CityFarm HexaPot Waterfall Farm L — growing channels with hexapots\" loading=\"lazy\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1129\/3552\/files\/4_609cd31a-cfc6-45ae-a87c-6824710b9119.png?v=1777447292\" alt=\"CityFarm HexaPot Waterfall Farm L — full setup with roofed rack\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\n\u003c!-- Highlights --\u003e\n\u003cdiv class=\"cfq-section\"\u003e\n\u003cp class=\"cfq-kicker\"\u003eHighlights\u003c\/p\u003e\n\u003ch2 class=\"cfq-section-title\"\u003eWhy it fits your home\u003c\/h2\u003e\n\u003cp class=\"cfq-section-sub\"\u003eNo soil, no garden bed, just water and power.\u003c\/p\u003e\n\u003cdiv class=\"cfq-grid\"\u003e\n\u003cdiv class=\"cfq-card\"\u003e\n\u003cspan class=\"cfq-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0z\"\u003e\u003c\/path\u003e\u003ccircle cx=\"12\" cy=\"10\" r=\"3\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\u003c\/span\u003e\n\u003ch3\u003eDesigned and built in Malaysia\u003c\/h3\u003e\n\u003cp\u003eBuilt by the CityFarm team in Malaysia, so parts and advice stay easy to reach.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cfq-card\"\u003e\n\u003cspan class=\"cfq-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 22v-8\"\u003e\u003c\/path\u003e\u003cpath d=\"M12 14c0-4 3-7 8-7 0 5-3 7-8 7z\"\u003e\u003c\/path\u003e\u003cpath d=\"M12 14c0-4-3-7-8-7 0 5 3 7 8 7z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e\n\u003ch3\u003eHolds 40 hexapots\u003c\/h3\u003e\n\u003cp\u003eForty planting cups sit across four channels, so you harvest greens in steady rotation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cfq-card\"\u003e\n\u003cspan class=\"cfq-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 22s8-3 8-10V5l-8-3-8 3v7c0 7 8 10 8 10z\"\u003e\u003c\/path\u003e\u003cpath d=\"m9 12 2 2 4-4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e\n\u003ch3\u003eRoofed white rack\u003c\/h3\u003e\n\u003cp\u003eA white rack with a roof shields the tank, so water stays cool on hot days.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cfq-card\"\u003e\n\u003cspan class=\"cfq-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M10 17h4V5H2v12h3\"\u003e\u003c\/path\u003e\u003cpath d=\"M20 17h2v-3.34a4 4 0 0 0-1.17-2.83L19 9h-5\"\u003e\u003c\/path\u003e\u003cpath d=\"M14 17h1\"\u003e\u003c\/path\u003e\u003ccircle cx=\"7.5\" cy=\"17.5\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"17.5\" cy=\"17.5\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\u003c\/span\u003e\n\u003ch3\u003eFree delivery and installation\u003c\/h3\u003e\n\u003cp\u003eWe deliver and set up the system in Selangor, so you start planting at once.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- What's in the box --\u003e\n\u003cdiv class=\"cfq-section\"\u003e\n\u003cp class=\"cfq-kicker\"\u003eWhat is included\u003c\/p\u003e\n\u003ch2 class=\"cfq-section-title\"\u003eWhat is in the box\u003c\/h2\u003e\n\u003cp class=\"cfq-section-sub\"\u003eEverything you need to plant your first crop.\u003c\/p\u003e\n\u003cdiv class=\"cfq-box\"\u003e\n\u003cdiv class=\"cfq-box-col\"\u003e\n\u003ch3 class=\"cfq-box-title\"\u003eSystem \u0026amp; hardware\u003c\/h3\u003e\n\u003cp class=\"cfq-box-sub\"\u003eThe core components of your farm.\u003c\/p\u003e\n\u003cul class=\"cfq-checklist\"\u003e\n\u003cli\u003e\n\u003cspan class=\"cfq-check\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M20 6 9 17l-5-5\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e\u003cspan class=\"cfq-item\"\u003e4 ft NFT channel\u003c\/span\u003e\u003cspan class=\"cfq-qty\"\u003e× 4\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"cfq-check\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M20 6 9 17l-5-5\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e\u003cspan class=\"cfq-item\"\u003eHexapot\u003c\/span\u003e\u003cspan class=\"cfq-qty\"\u003e× 40\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"cfq-check\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M20 6 9 17l-5-5\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e\u003cspan class=\"cfq-item\"\u003e120 L tank\u003c\/span\u003e\u003cspan class=\"cfq-qty\"\u003e× 1\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"cfq-check\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M20 6 9 17l-5-5\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e\u003cspan class=\"cfq-item\"\u003eWater pump\u003c\/span\u003e\u003cspan class=\"cfq-qty\"\u003e× 1\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"cfq-check\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M20 6 9 17l-5-5\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e\u003cspan class=\"cfq-item\"\u003eCustom-made white rack with roof\u003c\/span\u003e\u003cspan class=\"cfq-qty\"\u003e× 1\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"cfq-check\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M20 6 9 17l-5-5\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e\u003cspan class=\"cfq-item\"\u003e10 L fertiliser bucket\u003c\/span\u003e\u003cspan class=\"cfq-qty\"\u003e× 2\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cfq-box-col\"\u003e\n\u003ch3 class=\"cfq-box-title\"\u003eConsumables included\u003c\/h3\u003e\n\u003cp class=\"cfq-box-sub\"\u003eStarter supplies for your first harvest.\u003c\/p\u003e\n\u003cul class=\"cfq-checklist\"\u003e\n\u003cli\u003e\n\u003cspan class=\"cfq-check\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M20 6 9 17l-5-5\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e\u003cspan class=\"cfq-item\"\u003e2 kg solid fertiliser\u003c\/span\u003e\u003cspan class=\"cfq-qty\"\u003e× 1 set\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"cfq-check\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M20 6 9 17l-5-5\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e\u003cspan class=\"cfq-item\"\u003eOasis horticubes (176 cells)\u003c\/span\u003e\u003cspan class=\"cfq-qty\"\u003e× 2 boxes\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"cfq-check\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M20 6 9 17l-5-5\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e\u003cspan class=\"cfq-item\"\u003eCocoblock (5 kg)\u003c\/span\u003e\u003cspan class=\"cfq-qty\"\u003e× 3\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"cfq-check\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M20 6 9 17l-5-5\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e\u003cspan class=\"cfq-item\"\u003ePerlite (50 L)\u003c\/span\u003e\u003cspan class=\"cfq-qty\"\u003e× 1 bag\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature spotlight --\u003e\n\u003cdiv class=\"cfq-feature cfq-feature--media\"\u003e\n\u003cdiv class=\"cfq-feature-media\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1129\/3552\/files\/Untitled_design_4_ddfcfe04-dd60-4d78-88d2-b6b0b97b2bc9.png?v=1769662252\" alt=\"CityFarm HexaPot Waterfall Farm L — water level indicator and discharge valve close-up\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"cfq-feature-body\"\u003e\n\u003cp class=\"cfq-kicker\"\u003eSmart design\u003c\/p\u003e\n\u003ch2 class=\"cfq-section-title\"\u003eWater level indicator and discharge valve\u003c\/h2\u003e\n\u003cul class=\"cfq-feature-list\"\u003e\n\u003cli\u003eThe built-in indicator shows the water level, so you know when to top up.\u003c\/li\u003e\n\u003cli\u003eThe discharge valve drains the tank fast, so water changes stay quick and clean.\u003c\/li\u003e\n\u003cli\u003eManpower with internal transportation and installation tools included, so setup is handled for you.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Brochure CTA --\u003e\n\u003cdiv class=\"cfq-cta\"\u003e\n\u003cdiv class=\"cfq-cta-copy\"\u003e\n\u003ch3\u003eWant the full spec sheet?\u003c\/h3\u003e\n\u003cp\u003eDownload the brochure for dimensions, assembly and care details.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ca class=\"cfq-btn\" href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1129\/3552\/files\/HexaPot_Waterfall_Farm_L_1.pdf?v=1777447209\" rel=\"noopener\" target=\"_blank\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"\u003e\u003c\/path\u003e\u003cpath d=\"m7 10 5 5 5-5\"\u003e\u003c\/path\u003e\u003cpath d=\"M12 15V3\"\u003e\u003c\/path\u003e\u003c\/svg\u003e Brochure (PDF)\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c!-- Keep exploring: omitted, no comparison page for this product --\u003e\n\u003c\/div\u003e","published_at":"2026-04-29T15:37:31+08:00","created_at":"2026-04-29T14:27:46+08:00","vendor":"CityFarm Malaysia","type":"Setup","tags":["Type_Designed and Built by CityFarm"],"price":310000,"price_min":310000,"price_max":310000,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":45601828700351,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":null,"requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"HexaPot Waterfall Farm L","public_title":null,"options":["Default Title"],"price":310000,"weight":0,"compare_at_price":null,"inventory_quantity":0,"inventory_management":null,"inventory_policy":"deny","barcode":null,"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}],"images":["\/\/cityfarm.my\/cdn\/shop\/files\/Systems_11_Image_32.png?v=1777445507","\/\/cityfarm.my\/cdn\/shop\/files\/Project_Templete_32.png?v=1777447937","\/\/cityfarm.my\/cdn\/shop\/files\/Project_Templete_33.png?v=1777448308","\/\/cityfarm.my\/cdn\/shop\/files\/Project_Templete_34.png?v=1777701485"],"featured_image":"\/\/cityfarm.my\/cdn\/shop\/files\/Systems_11_Image_32.png?v=1777445507","options":["Title"],"media":[{"alt":null,"id":33411966533823,"position":1,"preview_image":{"aspect_ratio":1.0,"height":1080,"width":1080,"src":"\/\/cityfarm.my\/cdn\/shop\/files\/Systems_11_Image_32.png?v=1777445507"},"aspect_ratio":1.0,"height":1080,"media_type":"image","src":"\/\/cityfarm.my\/cdn\/shop\/files\/Systems_11_Image_32.png?v=1777445507","width":1080},{"alt":null,"id":33412631920831,"position":2,"preview_image":{"aspect_ratio":1.333,"height":768,"width":1024,"src":"\/\/cityfarm.my\/cdn\/shop\/files\/Project_Templete_32.png?v=1777447937"},"aspect_ratio":1.333,"height":768,"media_type":"image","src":"\/\/cityfarm.my\/cdn\/shop\/files\/Project_Templete_32.png?v=1777447937","width":1024},{"alt":null,"id":33412664656063,"position":3,"preview_image":{"aspect_ratio":1.0,"height":1080,"width":1080,"src":"\/\/cityfarm.my\/cdn\/shop\/files\/Project_Templete_33.png?v=1777448308"},"aspect_ratio":1.0,"height":1080,"media_type":"image","src":"\/\/cityfarm.my\/cdn\/shop\/files\/Project_Templete_33.png?v=1777448308","width":1080},{"alt":null,"id":33439506202815,"position":4,"preview_image":{"aspect_ratio":1.0,"height":1080,"width":1080,"src":"\/\/cityfarm.my\/cdn\/shop\/files\/Project_Templete_34.png?v=1777701485"},"aspect_ratio":1.0,"height":1080,"media_type":"image","src":"\/\/cityfarm.my\/cdn\/shop\/files\/Project_Templete_34.png?v=1777701485","width":1080}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cstyle\u003e\n \/* ================= 1. DEFENSIVE NEUTRALISER =================\n Kills common Shopify theme leaks: heading margins, list padding,\n link colours\/underlines, image max-width, font overrides, etc. *\/\n .cfq-wrap,\n .cfq-wrap *,\n .cfq-wrap *::before,\n .cfq-wrap *::after {\n box-sizing: border-box;\n }\n .cfq-wrap {\n all: initial; \/* wipe any inherited theme styling *\/\n display: block;\n width: 100%;\n margin: 0 auto;\n padding: 8px 6px 40px;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n font-size: 16px;\n line-height: 1.65;\n color: #16311f;\n text-align: left;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n --ink: #16311f;\n --green: #1f6b47;\n --leaf: #3fa45f;\n --tint: #e7f3ea;\n --mist: #f2f7f2;\n --line: #e0eade;\n --muted: #56665b;\n --amber: #f2a93b;\n --on-amber: #3a2a00;\n --amber-ink: #6b4a00;\n --note-bg: #fdf3e0;\n --note-line: #f3dfb5;\n --mono: ui-monospace, SFMono-Regular, \"SF Mono\", Menlo, Consolas, \"Liberation Mono\", monospace;\n --radius: 16px;\n --shadow: 0 6px 24px rgba(22, 49, 31, 0.07);\n }\n \/* Reset every element we use — !important so stubborn themes can't win.\n Component rules below re-apply intended values with !important where needed. *\/\n .cfq-wrap p,\n .cfq-wrap h2,\n .cfq-wrap h3,\n .cfq-wrap h4,\n .cfq-wrap ul,\n .cfq-wrap ol,\n .cfq-wrap li,\n .cfq-wrap a,\n .cfq-wrap img,\n .cfq-wrap div,\n .cfq-wrap span,\n .cfq-wrap strong,\n .cfq-wrap em,\n .cfq-wrap small {\n margin: 0 !important;\n padding: 0 !important;\n border: 0;\n outline: 0;\n font-family: inherit !important;\n font-size: inherit !important;\n font-weight: inherit !important;\n font-style: inherit !important;\n line-height: inherit !important;\n letter-spacing: normal !important;\n text-align: inherit !important;\n text-transform: none !important;\n text-decoration: none !important;\n color: inherit !important;\n box-shadow: none;\n text-shadow: none;\n }\n .cfq-wrap ul,\n .cfq-wrap ol,\n .cfq-wrap li {\n list-style: none !important;\n }\n .cfq-wrap p,\n .cfq-wrap li,\n .cfq-wrap ul,\n .cfq-wrap ol,\n .cfq-wrap a {\n background: transparent !important;\n }\n .cfq-wrap img {\n max-width: 100% !important;\n height: auto !important;\n display: block !important;\n }\n .cfq-wrap a {\n cursor: pointer;\n -webkit-tap-highlight-color: transparent;\n }\n .cfq-wrap strong { font-weight: 700 !important; }\n .cfq-wrap em { font-style: italic !important; }\n .cfq-wrap h2,\n .cfq-wrap h3,\n .cfq-wrap h4 {\n font-weight: 800 !important;\n }\n \/* ================= 2. DELIVERY NOTE ================= *\/\n .cfq-wrap .cfq-note {\n display: flex !important;\n align-items: flex-start;\n gap: 10px;\n margin-bottom: 24px !important;\n padding: 11px 14px !important;\n border-radius: 12px;\n background: var(--note-bg);\n border: 1px solid var(--note-line);\n color: var(--amber-ink) !important;\n font-size: 13.5px !important;\n line-height: 1.5 !important;\n }\n .cfq-wrap .cfq-note svg {\n flex: none;\n width: 17px;\n height: 17px;\n margin-top: 2px;\n color: #b07914 !important;\n }\n \/* ================= 3. HERO ================= *\/\n .cfq-wrap .cfq-hero { margin-bottom: 22px !important; }\n .cfq-wrap .cfq-hero-badge {\n display: inline-block !important;\n padding: 6px 12px !important;\n border-radius: 999px;\n background: var(--tint);\n color: var(--green) !important;\n font-size: 12.5px !important;\n font-weight: 700 !important;\n letter-spacing: 0.03em !important;\n margin-bottom: 14px !important;\n }\n .cfq-wrap .cfq-hero-title {\n display: block !important;\n font-size: 30px !important;\n line-height: 1.15 !important;\n font-weight: 800 !important;\n color: var(--ink) !important;\n letter-spacing: -0.02em !important;\n margin-bottom: 10px !important;\n }\n .cfq-wrap .cfq-hero-title span { color: var(--green) !important; }\n .cfq-wrap .cfq-hero-sub {\n display: block !important;\n max-width: 640px;\n font-size: 17px !important;\n color: var(--muted) !important;\n }\n \/* ================= 4. QUICK SPECS ================= *\/\n .cfq-wrap .cfq-specs {\n display: grid !important;\n grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));\n gap: 12px;\n margin-bottom: 24px !important;\n }\n .cfq-wrap .cfq-spec {\n display: block !important;\n padding: 14px 12px !important;\n border-radius: 14px;\n background: var(--mist);\n border: 1px solid var(--line);\n text-align: center !important;\n }\n .cfq-wrap .cfq-spec strong {\n display: block !important;\n font-family: var(--mono) !important;\n font-size: 19px !important;\n font-weight: 700 !important;\n letter-spacing: -0.02em !important;\n color: var(--green) !important;\n line-height: 1.2 !important;\n }\n .cfq-wrap .cfq-spec span {\n display: block !important;\n margin-top: 5px !important;\n font-family: var(--mono) !important;\n font-size: 10.5px !important;\n font-weight: 600 !important;\n letter-spacing: 0.12em !important;\n text-transform: uppercase !important;\n color: var(--muted) !important;\n }\n \/* ================= 5. GALLERY ================= *\/\n .cfq-wrap .cfq-gallery {\n display: grid !important;\n grid-template-columns: repeat(3, 1fr);\n gap: 12px;\n margin-bottom: 32px !important;\n }\n .cfq-wrap .cfq-gallery img {\n width: 100% !important;\n border-radius: var(--radius);\n border: 1px solid var(--line);\n box-shadow: var(--shadow);\n }\n \/* ================= 6. SECTION HEADER ================= *\/\n .cfq-wrap .cfq-section { margin-bottom: 36px !important; }\n .cfq-wrap .cfq-kicker {\n display: flex !important;\n align-items: center;\n gap: 10px;\n margin-bottom: 8px !important;\n font-family: var(--mono) !important;\n font-size: 11.5px !important;\n font-weight: 700 !important;\n letter-spacing: 0.14em !important;\n text-transform: uppercase !important;\n color: var(--muted) !important;\n }\n .cfq-wrap .cfq-kicker::before {\n content: \"\";\n flex: none;\n width: 26px;\n height: 3px;\n border-radius: 2px;\n background: linear-gradient(90deg, var(--green), var(--leaf));\n }\n .cfq-wrap .cfq-section-title {\n display: block !important;\n margin-bottom: 6px !important;\n font-size: 22px !important;\n line-height: 1.3 !important;\n font-weight: 800 !important;\n color: var(--ink) !important;\n letter-spacing: -0.01em !important;\n }\n .cfq-wrap .cfq-section-sub {\n display: block !important;\n margin-bottom: 18px !important;\n font-size: 15px !important;\n color: var(--muted) !important;\n }\n \/* ================= 7. HIGHLIGHTS GRID ================= *\/\n .cfq-wrap .cfq-grid {\n display: grid !important;\n grid-template-columns: repeat(2, 1fr);\n gap: 14px;\n }\n .cfq-wrap .cfq-card {\n display: block !important;\n padding: 20px 18px !important;\n border-radius: var(--radius);\n background: #ffffff;\n border: 1px solid var(--line);\n box-shadow: var(--shadow);\n }\n .cfq-wrap .cfq-icon {\n display: inline-flex !important;\n align-items: center;\n justify-content: center;\n width: 46px;\n height: 46px;\n margin-bottom: 14px !important;\n border-radius: 13px;\n background: var(--tint);\n color: var(--green) !important;\n }\n .cfq-wrap .cfq-icon svg {\n display: block !important;\n width: 24px;\n height: 24px;\n }\n .cfq-wrap .cfq-card h3 {\n display: block !important;\n margin-bottom: 6px !important;\n font-size: 16.5px !important;\n line-height: 1.35 !important;\n font-weight: 800 !important;\n color: var(--ink) !important;\n }\n .cfq-wrap .cfq-card p {\n display: block !important;\n font-size: 14.5px !important;\n color: var(--muted) !important;\n }\n \/* ================= 8. WHAT'S IN THE BOX ================= *\/\n .cfq-wrap .cfq-box {\n display: grid !important;\n grid-template-columns: 1.15fr 0.85fr;\n gap: 14px;\n }\n .cfq-wrap .cfq-box-col {\n display: block !important;\n padding: 22px 20px !important;\n border-radius: var(--radius);\n background: #ffffff;\n border: 1px solid var(--line);\n box-shadow: var(--shadow);\n }\n .cfq-wrap .cfq-box-title {\n display: block !important;\n margin-bottom: 4px !important;\n font-size: 17px !important;\n font-weight: 800 !important;\n color: var(--ink) !important;\n }\n .cfq-wrap .cfq-box-sub {\n display: block !important;\n margin-bottom: 14px !important;\n font-size: 13px !important;\n color: var(--muted) !important;\n }\n .cfq-wrap .cfq-checklist li {\n display: flex !important;\n align-items: flex-start;\n gap: 10px;\n padding: 9px 0 !important;\n border-bottom: 1px dashed var(--line);\n font-size: 14.5px !important;\n color: var(--ink) !important;\n }\n .cfq-wrap .cfq-checklist li:last-child { border-bottom: 0 !important; }\n .cfq-wrap .cfq-check {\n flex: none;\n display: inline-flex !important;\n align-items: center;\n justify-content: center;\n width: 20px;\n height: 20px;\n margin-top: 1px !important;\n border-radius: 50%;\n background: var(--leaf);\n color: #ffffff !important;\n }\n .cfq-wrap .cfq-check svg {\n display: block !important;\n width: 11px;\n height: 11px;\n }\n .cfq-wrap .cfq-item { flex: 1 1 auto; }\n .cfq-wrap .cfq-qty {\n flex: none;\n margin-left: 10px !important;\n font-family: var(--mono) !important;\n font-size: 12.5px !important;\n font-weight: 700 !important;\n color: var(--green) !important;\n white-space: nowrap;\n }\n \/* ================= 9. FEATURE SPOTLIGHT ================= *\/\n .cfq-wrap .cfq-feature {\n margin-bottom: 32px !important;\n padding: 22px !important;\n border-radius: var(--radius);\n background: var(--mist);\n border: 1px solid var(--line);\n }\n .cfq-wrap .cfq-feature--media {\n display: grid !important;\n grid-template-columns: 1fr 1fr;\n gap: 24px;\n align-items: center;\n }\n .cfq-wrap .cfq-feature-media img {\n width: 100% !important;\n border-radius: 14px;\n border: 1px solid var(--line);\n }\n .cfq-wrap .cfq-feature-body { min-width: 0; }\n .cfq-wrap .cfq-feature-body .cfq-section-title { margin-bottom: 10px !important; }\n .cfq-wrap .cfq-feature-list li {\n position: relative;\n display: block !important;\n padding: 4px 0 4px 26px !important;\n font-size: 14.5px !important;\n color: var(--ink) !important;\n }\n .cfq-wrap .cfq-feature-list li::before {\n content: \"\";\n position: absolute;\n left: 2px;\n top: 12px;\n width: 9px;\n height: 9px;\n border-radius: 50%;\n background: var(--leaf);\n border: 2px solid var(--green);\n }\n \/* ================= 10. BROCHURE CTA ================= *\/\n .cfq-wrap .cfq-cta {\n display: flex !important;\n align-items: center;\n justify-content: space-between;\n gap: 16px;\n flex-wrap: wrap;\n margin-bottom: 16px !important;\n padding: 22px 24px !important;\n border-radius: var(--radius);\n background: linear-gradient(100deg, var(--ink), var(--green));\n }\n .cfq-wrap .cfq-cta-copy { flex: 1 1 240px; }\n .cfq-wrap .cfq-cta h3 {\n display: block !important;\n margin-bottom: 4px !important;\n font-size: 18px !important;\n font-weight: 800 !important;\n color: #ffffff !important;\n }\n .cfq-wrap .cfq-cta p {\n display: block !important;\n font-size: 14px !important;\n color: rgba(255, 255, 255, 0.85) !important;\n }\n .cfq-wrap .cfq-btn {\n display: inline-flex !important;\n align-items: center;\n gap: 8px;\n padding: 12px 20px !important;\n border-radius: 999px;\n background: var(--amber) !important;\n color: var(--on-amber) !important;\n font-size: 14.5px !important;\n font-weight: 800 !important;\n white-space: nowrap;\n transition: transform 0.15s ease, box-shadow 0.15s ease;\n }\n .cfq-wrap .cfq-btn:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 18px rgba(0, 0, 0, 0.22);\n }\n .cfq-wrap .cfq-btn svg {\n display: block !important;\n width: 16px;\n height: 16px;\n }\n \/* ================= 11. KEEP EXPLORING ================= *\/\n .cfq-wrap .cfq-explore {\n text-align: center !important;\n margin-bottom: 4px !important;\n }\n .cfq-wrap .cfq-explore-link {\n display: inline-flex !important;\n align-items: center;\n gap: 6px;\n font-size: 14.5px !important;\n font-weight: 700 !important;\n color: var(--green) !important;\n }\n .cfq-wrap .cfq-explore-link:hover { text-decoration: underline !important; }\n \/* Tap targets: links get a roomy touch area *\/\n .cfq-wrap .cfq-card a,\n .cfq-wrap .cfq-checklist a,\n .cfq-wrap .cfq-feature-list a,\n .cfq-wrap .cfq-explore-link {\n display: inline-flex !important;\n align-items: center;\n min-height: 44px;\n }\n \/* ================= RESPONSIVE ================= *\/\n @media (max-width: 900px) {\n \/* Only affects 3-column highlight layouts *\/\n .cfq-wrap .cfq-grid { grid-template-columns: repeat(2, 1fr); }\n }\n @media (max-width: 760px) {\n .cfq-wrap .cfq-feature--media { grid-template-columns: 1fr; }\n }\n @media (max-width: 720px) {\n .cfq-wrap .cfq-box { grid-template-columns: 1fr; }\n }\n @media (max-width: 640px) {\n .cfq-wrap .cfq-hero-title { font-size: 24px !important; }\n .cfq-wrap .cfq-gallery { grid-template-columns: 1fr; }\n .cfq-wrap .cfq-section-title { font-size: 20px !important; }\n }\n @media (max-width: 560px) {\n .cfq-wrap .cfq-grid { grid-template-columns: 1fr; }\n }\n @media (prefers-reduced-motion: reduce) {\n .cfq-wrap *,\n .cfq-wrap *::before,\n .cfq-wrap *::after {\n transition: none !important;\n animation: none !important;\n }\n }\n\u003c\/style\u003e\n\u003cdiv class=\"cfq-wrap\"\u003e\n\u003c!-- Delivery note --\u003e\n\u003cdiv class=\"cfq-note\"\u003e\n\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cpath d=\"M12 16v-4M12 8h.01\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003cspan\u003eFree delivery and installation within \u003cstrong\u003eSelangor\u003c\/strong\u003e. For areas outside Selangor, please contact us.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c!-- Hero --\u003e\n\u003cdiv class=\"cfq-hero\"\u003e\n\u003cspan class=\"cfq-hero-badge\"\u003eHexaPot waterfall farm\u003c\/span\u003e\n\u003ch2 class=\"cfq-hero-title\"\u003eCityFarm HexaPot \u003cspan\u003eWaterfall Farm L\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"cfq-hero-sub\"\u003eA tall outdoor system that grows up to 40 leafy greens and herbs at home.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Quick specs --\u003e\n\u003cdiv class=\"cfq-specs\"\u003e\n\u003cdiv class=\"cfq-spec\"\u003e\n\u003cstrong\u003e228×109×205\u003c\/strong\u003e\u003cspan\u003ecm · L × W × H\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cfq-spec\"\u003e\n\u003cstrong\u003e40\u003c\/strong\u003e\u003cspan\u003eplant capacity\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cfq-spec\"\u003e\n\u003cstrong\u003e120 L\u003c\/strong\u003e\u003cspan\u003ewater tank\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cfq-spec\"\u003e\n\u003cstrong\u003e4 ft\u003c\/strong\u003e\u003cspan\u003eNFT channels\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cfq-spec\"\u003e\n\u003cstrong\u003eWith roof\u003c\/strong\u003e\u003cspan\u003ewhite rack\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Gallery --\u003e\n\u003cdiv class=\"cfq-gallery\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1129\/3552\/files\/1_e1bf2f9b-2565-414a-b733-97d4ed89af1b.png?v=1777447292\" alt=\"CityFarm HexaPot Waterfall Farm L — assembled system\" loading=\"lazy\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1129\/3552\/files\/2_23aede8d-f93c-4fa3-b415-9b8df7eff3fb.png?v=1777447292\" alt=\"CityFarm HexaPot Waterfall Farm L — growing channels with hexapots\" loading=\"lazy\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1129\/3552\/files\/4_609cd31a-cfc6-45ae-a87c-6824710b9119.png?v=1777447292\" alt=\"CityFarm HexaPot Waterfall Farm L — full setup with roofed rack\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\n\u003c!-- Highlights --\u003e\n\u003cdiv class=\"cfq-section\"\u003e\n\u003cp class=\"cfq-kicker\"\u003eHighlights\u003c\/p\u003e\n\u003ch2 class=\"cfq-section-title\"\u003eWhy it fits your home\u003c\/h2\u003e\n\u003cp class=\"cfq-section-sub\"\u003eNo soil, no garden bed, just water and power.\u003c\/p\u003e\n\u003cdiv class=\"cfq-grid\"\u003e\n\u003cdiv class=\"cfq-card\"\u003e\n\u003cspan class=\"cfq-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0z\"\u003e\u003c\/path\u003e\u003ccircle cx=\"12\" cy=\"10\" r=\"3\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\u003c\/span\u003e\n\u003ch3\u003eDesigned and built in Malaysia\u003c\/h3\u003e\n\u003cp\u003eBuilt by the CityFarm team in Malaysia, so parts and advice stay easy to reach.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cfq-card\"\u003e\n\u003cspan class=\"cfq-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 22v-8\"\u003e\u003c\/path\u003e\u003cpath d=\"M12 14c0-4 3-7 8-7 0 5-3 7-8 7z\"\u003e\u003c\/path\u003e\u003cpath d=\"M12 14c0-4-3-7-8-7 0 5 3 7 8 7z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e\n\u003ch3\u003eHolds 40 hexapots\u003c\/h3\u003e\n\u003cp\u003eForty planting cups sit across four channels, so you harvest greens in steady rotation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cfq-card\"\u003e\n\u003cspan class=\"cfq-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M12 22s8-3 8-10V5l-8-3-8 3v7c0 7 8 10 8 10z\"\u003e\u003c\/path\u003e\u003cpath d=\"m9 12 2 2 4-4\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e\n\u003ch3\u003eRoofed white rack\u003c\/h3\u003e\n\u003cp\u003eA white rack with a roof shields the tank, so water stays cool on hot days.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cfq-card\"\u003e\n\u003cspan class=\"cfq-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M10 17h4V5H2v12h3\"\u003e\u003c\/path\u003e\u003cpath d=\"M20 17h2v-3.34a4 4 0 0 0-1.17-2.83L19 9h-5\"\u003e\u003c\/path\u003e\u003cpath d=\"M14 17h1\"\u003e\u003c\/path\u003e\u003ccircle cx=\"7.5\" cy=\"17.5\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"17.5\" cy=\"17.5\" r=\"2.5\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\u003c\/span\u003e\n\u003ch3\u003eFree delivery and installation\u003c\/h3\u003e\n\u003cp\u003eWe deliver and set up the system in Selangor, so you start planting at once.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- What's in the box --\u003e\n\u003cdiv class=\"cfq-section\"\u003e\n\u003cp class=\"cfq-kicker\"\u003eWhat is included\u003c\/p\u003e\n\u003ch2 class=\"cfq-section-title\"\u003eWhat is in the box\u003c\/h2\u003e\n\u003cp class=\"cfq-section-sub\"\u003eEverything you need to plant your first crop.\u003c\/p\u003e\n\u003cdiv class=\"cfq-box\"\u003e\n\u003cdiv class=\"cfq-box-col\"\u003e\n\u003ch3 class=\"cfq-box-title\"\u003eSystem \u0026amp; hardware\u003c\/h3\u003e\n\u003cp class=\"cfq-box-sub\"\u003eThe core components of your farm.\u003c\/p\u003e\n\u003cul class=\"cfq-checklist\"\u003e\n\u003cli\u003e\n\u003cspan class=\"cfq-check\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M20 6 9 17l-5-5\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e\u003cspan class=\"cfq-item\"\u003e4 ft NFT channel\u003c\/span\u003e\u003cspan class=\"cfq-qty\"\u003e× 4\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"cfq-check\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M20 6 9 17l-5-5\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e\u003cspan class=\"cfq-item\"\u003eHexapot\u003c\/span\u003e\u003cspan class=\"cfq-qty\"\u003e× 40\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"cfq-check\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M20 6 9 17l-5-5\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e\u003cspan class=\"cfq-item\"\u003e120 L tank\u003c\/span\u003e\u003cspan class=\"cfq-qty\"\u003e× 1\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"cfq-check\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M20 6 9 17l-5-5\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e\u003cspan class=\"cfq-item\"\u003eWater pump\u003c\/span\u003e\u003cspan class=\"cfq-qty\"\u003e× 1\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"cfq-check\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M20 6 9 17l-5-5\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e\u003cspan class=\"cfq-item\"\u003eCustom-made white rack with roof\u003c\/span\u003e\u003cspan class=\"cfq-qty\"\u003e× 1\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"cfq-check\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M20 6 9 17l-5-5\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e\u003cspan class=\"cfq-item\"\u003e10 L fertiliser bucket\u003c\/span\u003e\u003cspan class=\"cfq-qty\"\u003e× 2\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cfq-box-col\"\u003e\n\u003ch3 class=\"cfq-box-title\"\u003eConsumables included\u003c\/h3\u003e\n\u003cp class=\"cfq-box-sub\"\u003eStarter supplies for your first harvest.\u003c\/p\u003e\n\u003cul class=\"cfq-checklist\"\u003e\n\u003cli\u003e\n\u003cspan class=\"cfq-check\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M20 6 9 17l-5-5\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e\u003cspan class=\"cfq-item\"\u003e2 kg solid fertiliser\u003c\/span\u003e\u003cspan class=\"cfq-qty\"\u003e× 1 set\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"cfq-check\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M20 6 9 17l-5-5\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e\u003cspan class=\"cfq-item\"\u003eOasis horticubes (176 cells)\u003c\/span\u003e\u003cspan class=\"cfq-qty\"\u003e× 2 boxes\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"cfq-check\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M20 6 9 17l-5-5\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e\u003cspan class=\"cfq-item\"\u003eCocoblock (5 kg)\u003c\/span\u003e\u003cspan class=\"cfq-qty\"\u003e× 3\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"cfq-check\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M20 6 9 17l-5-5\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/span\u003e\u003cspan class=\"cfq-item\"\u003ePerlite (50 L)\u003c\/span\u003e\u003cspan class=\"cfq-qty\"\u003e× 1 bag\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature spotlight --\u003e\n\u003cdiv class=\"cfq-feature cfq-feature--media\"\u003e\n\u003cdiv class=\"cfq-feature-media\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1129\/3552\/files\/Untitled_design_4_ddfcfe04-dd60-4d78-88d2-b6b0b97b2bc9.png?v=1769662252\" alt=\"CityFarm HexaPot Waterfall Farm L — water level indicator and discharge valve close-up\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"cfq-feature-body\"\u003e\n\u003cp class=\"cfq-kicker\"\u003eSmart design\u003c\/p\u003e\n\u003ch2 class=\"cfq-section-title\"\u003eWater level indicator and discharge valve\u003c\/h2\u003e\n\u003cul class=\"cfq-feature-list\"\u003e\n\u003cli\u003eThe built-in indicator shows the water level, so you know when to top up.\u003c\/li\u003e\n\u003cli\u003eThe discharge valve drains the tank fast, so water changes stay quick and clean.\u003c\/li\u003e\n\u003cli\u003eManpower with internal transportation and installation tools included, so setup is handled for you.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Brochure CTA --\u003e\n\u003cdiv class=\"cfq-cta\"\u003e\n\u003cdiv class=\"cfq-cta-copy\"\u003e\n\u003ch3\u003eWant the full spec sheet?\u003c\/h3\u003e\n\u003cp\u003eDownload the brochure for dimensions, assembly and care details.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ca class=\"cfq-btn\" href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1129\/3552\/files\/HexaPot_Waterfall_Farm_L_1.pdf?v=1777447209\" rel=\"noopener\" target=\"_blank\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"\u003e\u003c\/path\u003e\u003cpath d=\"m7 10 5 5 5-5\"\u003e\u003c\/path\u003e\u003cpath d=\"M12 15V3\"\u003e\u003c\/path\u003e\u003c\/svg\u003e Brochure (PDF)\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c!-- Keep exploring: omitted, no comparison page for this product --\u003e\n\u003c\/div\u003e"}