{"product_id":"cosmos-sulphureus","title":"Bright Lights Cosmos Seeds - 200 Seeds (0.05 oz)","description":"\u003cbody\u003e\n\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n    \u003ctitle\u003eSeed Product Details - Premium Design\u003c\/title\u003e\n    \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e\n    \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n    \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n    \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Great+Vibes\u0026amp;family=Inter:wght@400;500;600;700\u0026amp;family=Playfair+Display:wght@600;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n    \n    \u003cscript\u003e\n        tailwind.config = {\n            theme: {\n                extend: {\n                    colors: {\n                        'brand-green': '#8BA63D', \n                        'brand-dark': '#4A3B32',  \n                        'tab-bg': '#F4F3EF',      \n                        'text-main': '#333333',\n                    },\n                    fontFamily: {\n                        sans: ['Inter', 'sans-serif'],\n                        serif: ['Playfair Display', 'serif'],\n                        script: ['Great Vibes', 'cursive'], \n                    }\n                }\n            }\n        }\n    \u003c\/script\u003e\n    \n    \u003cstyle\u003e\n        body { background-color: #FAFAFA; }\n        .tab-content { display: none; animation: fadeIn 0.4s ease-out forwards; opacity: 0; }\n        .tab-content.active { display: block; }\n        @keyframes fadeIn {\n            from { opacity: 0; transform: translateY(8px); }\n            to { opacity: 1; transform: translateY(0); }\n        }\n        \n        .tab-btn {\n            position: relative;\n            background-color: #F4F3EF;\n            color: #888;\n            font-weight: 600;\n            letter-spacing: 0.05em;\n            transition: all 0.2s;\n        }\n        .tab-btn:hover { color: #4A3B32; }\n        .tab-btn.active {\n            background-color: white;\n            color: #4A3B32;\n        }\n        .tab-btn.active::after {\n            content: '';\n            position: absolute;\n            bottom: -8px;\n            left: 50%;\n            transform: translateX(-50%);\n            border-width: 8px 8px 0;\n            border-style: solid;\n            border-color: white transparent transparent transparent;\n            z-index: 10;\n        }\n        .tab-btn.active::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 3px;\n            background-color: #D3E081; \n        }\n        \n        .icon-primary { color: #6D822B; } \n        .icon-secondary { color: #A4C055; } \n\n        .smart-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n            gap: 1.5rem; \n        }\n        \n        .prevent-squish {\n            min-width: 0;\n            word-wrap: break-word;\n            overflow-wrap: break-word;\n        }\n    \u003c\/style\u003e\n\n    \u003cdiv class=\"w-full max-w-4xl bg-white shadow-xl md:rounded-2xl overflow-hidden border border-gray-100 mx-auto\"\u003e\n        \n        \u003cdiv class=\"flex w-full bg-tab-bg border-b border-gray-200\"\u003e\n            \u003cbutton class=\"tab-btn active flex-1 py-4 text-xs md:text-sm uppercase focus:outline-none\" onclick=\"switchTab('about')\"\u003e\n                ABOUT\n            \u003c\/button\u003e\n            \u003cbutton class=\"tab-btn flex-1 py-4 text-xs md:text-sm uppercase focus:outline-none\" onclick=\"switchTab('planting')\"\u003e\n                PLANTING\n            \u003c\/button\u003e\n            \u003cbutton class=\"tab-btn flex-1 py-4 text-xs md:text-sm uppercase focus:outline-none border-l border-white border-opacity-30\" onclick=\"switchTab('specs')\"\u003e\n                SPECS\n            \u003c\/button\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"p-5 md:p-10 relative z-0\"\u003e\n\n            \u003c!-- ABOUT TAB --\u003e\n            \u003cdiv id=\"about\" class=\"tab-content active\"\u003e\n                \n                \u003cdiv class=\"mb-8 text-gray-700 leading-relaxed text-[15px]\"\u003e\n                    \u003cp class=\"mb-4\"\u003e\n                        \u003cstrong class=\"text-brand-dark\"\u003eCosmos sulphureus - Easy-to-grow cosmos for gardens and pollinator plantings.\u003c\/strong\u003e\u003cbr\u003e\n                        Vigorous plants flower over a long season, creating rich color in the garden and a vibrant food source for bees, butterflies, and other pollinators. Plant architecture is tall but open and airy, making them less prone to lodging (falling over) than \u003cem\u003eCosmos bipinnatus\u003c\/em\u003e types. Produces 1 1\/2–2″ wide, double and semidouble blooms in brilliant shades of orange and gold.\n                    \u003c\/p\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"text-center mb-8 relative\"\u003e\n                    \u003cdiv class=\"absolute inset-0 flex items-center\" aria-hidden=\"true\"\u003e\n                        \u003cdiv class=\"w-full border-t border-gray-200\"\u003e\u003c\/div\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"relative flex justify-center\"\u003e\n                        \u003cspan class=\"bg-white px-4 font-script text-4xl md:text-5xl text-brand-dark tracking-wide\"\u003eFeatures\u003c\/span\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"smart-grid w-full\"\u003e\n                    \n                    \u003cdiv class=\"flex items-start prevent-squish\"\u003e\n                        \u003cdiv class=\"flex-shrink-0 mr-4\"\u003e\n                            \u003c!-- Life Cycle Icon --\u003e\n                            \u003csvg class=\"w-10 h-10\" viewbox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n                                \u003cpath class=\"icon-primary\" d=\"M24 6C14.0589 6 6 14.0589 6 24C6 33.9411 14.0589 42 24 42C33.9411 42 42 33.9411 42 24\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n                                \u003cpath class=\"icon-secondary\" d=\"M33 11L42 15L38 24\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n                                \u003cpath class=\"icon-primary\" d=\"M24 16C19.5817 16 16 19.5817 16 24C16 28.4183 19.5817 32 24 32C28.4183 32 32 28.4183 32 24\" stroke=\"currentColor\" stroke-width=\"2.5\"\u003e\u003c\/path\u003e\n                                \u003cpath class=\"icon-secondary\" fill=\"currentColor\" d=\"M24 16C28.4183 16 32 19.5817 32 24H16C16 19.5817 19.5817 16 24 16Z\"\u003e\u003c\/path\u003e\n                            \u003c\/svg\u003e\n                        \u003c\/div\u003e\n                        \u003cdiv class=\"pt-1 prevent-squish\"\u003e\n                            \u003ch4 class=\"text-[11px] font-bold text-brand-green tracking-[0.1em] uppercase mb-1\"\u003eLife Cycle\u003c\/h4\u003e\n                            \u003cp class=\"text-gray-800 text-sm font-medium\"\u003eAnnual \u003cspan class=\"block text-[12px] text-gray-500 font-normal mt-0.5\"\u003ePlants readily self-seed in the garden.\u003c\/span\u003e\u003c\/p\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"flex items-start prevent-squish\"\u003e\n                        \u003cdiv class=\"flex-shrink-0 mr-4\"\u003e\n                            \u003c!-- Days to Maturity Icon --\u003e\n                            \u003csvg class=\"w-10 h-10\" viewbox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n                                \u003cpath class=\"icon-secondary\" d=\"M24 38V22\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n                                \u003cpath class=\"icon-primary\" d=\"M24 28C18 28 14 22 14 16C20 16 24 20 24 28Z\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n                                \u003cpath class=\"icon-primary\" d=\"M24 32C30 32 34 26 34 20C28 20 24 24 24 32Z\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n                                \u003cpath class=\"icon-secondary\" d=\"M10 40H38\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n                            \u003c\/svg\u003e\n                        \u003c\/div\u003e\n                        \u003cdiv class=\"pt-1 prevent-squish\"\u003e\n                            \u003ch4 class=\"text-[11px] font-bold text-brand-green tracking-[0.1em] uppercase mb-1\"\u003eDays To Bloom\u003c\/h4\u003e\n                            \u003cp class=\"text-gray-800 text-sm font-medium\"\u003e65 - 75 days \u003cspan class=\"block text-[12px] text-gray-500 font-normal mt-0.5\"\u003eVigorous, flowering over a long season.\u003c\/span\u003e\u003c\/p\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"flex items-start prevent-squish\"\u003e\n                        \u003cdiv class=\"flex-shrink-0 mr-4\"\u003e\n                            \u003c!-- Sun Preference Icon --\u003e\n                            \u003csvg class=\"w-10 h-10\" viewbox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n                                \u003ccircle class=\"icon-primary\" cx=\"24\" cy=\"24\" r=\"9\" stroke=\"currentColor\" stroke-width=\"2.5\"\u003e\u003c\/circle\u003e\n                                \u003cpath class=\"icon-secondary\" d=\"M24 8V4M24 44V40M38 24H42M6 24H10M33.8995 14.1005L36.7279 11.2721M11.2721 36.7279L14.1005 33.8995M33.8995 33.8995L36.7279 36.7279M11.2721 11.2721L14.1005 14.1005\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n                            \u003c\/svg\u003e\n                        \u003c\/div\u003e\n                        \u003cdiv class=\"pt-1 prevent-squish\"\u003e\n                            \u003ch4 class=\"text-[11px] font-bold text-brand-green tracking-[0.1em] uppercase mb-1\"\u003eLight Preference\u003c\/h4\u003e\n                            \u003cp class=\"text-gray-800 text-sm font-medium\"\u003eFull Sun\u003c\/p\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"flex items-start prevent-squish\"\u003e\n                        \u003cdiv class=\"flex-shrink-0 mr-4\"\u003e\n                            \u003c!-- Plant Height Icon --\u003e\n                            \u003csvg class=\"w-10 h-10\" viewbox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n                                \u003cpath class=\"icon-secondary\" d=\"M16 10H32M16 38H32\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n                                \u003cpath class=\"icon-primary\" d=\"M24 10V38M24 10L18 16M24 10L30 16M24 38L18 32M24 38L30 32\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n                            \u003c\/svg\u003e\n                        \u003c\/div\u003e\n                        \u003cdiv class=\"pt-1 prevent-squish\"\u003e\n                            \u003ch4 class=\"text-[11px] font-bold text-brand-green tracking-[0.1em] uppercase mb-1\"\u003ePlant Height\u003c\/h4\u003e\n                            \u003cp class=\"text-gray-800 text-sm font-medium\"\u003e40–48″ \u003cspan class=\"block text-[12px] text-gray-500 font-normal mt-0.5\"\u003eTall but open and airy architecture.\u003c\/span\u003e\u003c\/p\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n                    \n                    \u003cdiv class=\"flex items-start prevent-squish\"\u003e\n                        \u003cdiv class=\"flex-shrink-0 mr-4\"\u003e\n                            \u003c!-- Product Features Icon --\u003e\n                            \u003csvg class=\"w-10 h-10\" viewbox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n                                \u003ccircle class=\"icon-primary\" cx=\"24\" cy=\"24\" r=\"8\" stroke=\"currentColor\" stroke-width=\"2.5\"\u003e\u003c\/circle\u003e\n                                \u003cpath class=\"icon-secondary\" d=\"M24 10V6M24 42V38M38 24H42M6 24H10M33.8995 14.1005L36.7279 11.2721M11.2721 36.7279L14.1005 33.8995M33.8995 33.8995L36.7279 36.7279M11.2721 11.2721L14.1005 14.1005\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n                            \u003c\/svg\u003e\n                        \u003c\/div\u003e\n                        \u003cdiv class=\"pt-1 prevent-squish\"\u003e\n                            \u003ch4 class=\"text-[11px] font-bold text-brand-green tracking-[0.1em] uppercase mb-1\"\u003eProduct Features\u003c\/h4\u003e\n                            \u003cp class=\"text-gray-800 text-sm font-medium leading-snug\"\u003eAttracts Beneficial Insects, Heirloom \u003cspan class=\"block text-[12px] text-gray-500 font-normal mt-0.5\"\u003eEdible flowers; grows well in containers.\u003c\/span\u003e\u003c\/p\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"flex items-start prevent-squish\"\u003e\n                        \u003cdiv class=\"flex-shrink-0 mr-4\"\u003e\n                            \u003c!-- Latin Name Icon --\u003e\n                            \u003csvg class=\"w-10 h-10\" viewbox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n                                \u003cpath class=\"icon-primary\" d=\"M8 12C8 10.8954 8.89543 10 10 10H38C39.1046 10 40 10.8954 40 12V36C40 37.1046 39.1046 38 38 38H10C8.89543 38 8 37.1046 8 36V12Z\" stroke=\"currentColor\" stroke-width=\"2.5\"\u003e\u003c\/path\u003e\n                                \u003cpath class=\"icon-secondary\" d=\"M16 10V38\" stroke=\"currentColor\" stroke-width=\"2.5\"\u003e\u003c\/path\u003e\n                                \u003cpath class=\"icon-secondary\" d=\"M22 18H32\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n                                \u003cpath class=\"icon-secondary\" d=\"M22 26H28\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n                            \u003c\/svg\u003e\n                        \u003c\/div\u003e\n                        \u003cdiv class=\"pt-1 prevent-squish\"\u003e\n                            \u003ch4 class=\"text-[11px] font-bold text-brand-green tracking-[0.1em] uppercase mb-1\"\u003eLatin Name\u003c\/h4\u003e\n                            \u003cp class=\"text-gray-800 text-sm font-medium italic\"\u003eCosmos sulphureus\u003c\/p\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003c!-- PLANTING TAB --\u003e\n            \u003cdiv id=\"planting\" class=\"tab-content\"\u003e\n                \n                \u003cdiv class=\"mb-6\"\u003e\n                    \u003ch2 class=\"text-2xl font-serif text-brand-dark mb-1\"\u003ePlanting Guide\u003c\/h2\u003e\n                    \u003cp class=\"text-gray-500 text-[11px] font-bold tracking-widest uppercase\"\u003eCosmos Instructions\u003c\/p\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"flex flex-col space-y-6 w-full\"\u003e\n                    \n                    \u003cdiv class=\"flex items-start prevent-squish\"\u003e\n                        \u003cdiv class=\"flex-shrink-0 mr-4\"\u003e\n                            \u003c!-- Soil\/Hardiness Icon --\u003e\n                            \u003csvg class=\"w-9 h-9\" viewbox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n                                \u003cpath class=\"icon-primary\" d=\"M24 40C24 40 36 29 36 17C36 10.3726 30.6274 5 24 5C17.3726 5 12 10.3726 12 17C12 29 24 40 24 40Z\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n                                \u003ccircle class=\"icon-secondary\" cx=\"24\" cy=\"17\" r=\"5\" stroke=\"currentColor\" stroke-width=\"2.5\"\u003e\u003c\/circle\u003e\n                                \u003cpath class=\"icon-secondary\" d=\"M14 44H34\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n                            \u003c\/svg\u003e\n                        \u003c\/div\u003e\n                        \u003cdiv class=\"pt-1 prevent-squish\"\u003e\n                            \u003ch4 class=\"text-[11px] font-bold text-brand-green tracking-[0.1em] uppercase mb-1\"\u003eHardiness Zones \u0026amp; Soil\u003c\/h4\u003e\n                            \u003cp class=\"text-gray-800 text-[13px] leading-relaxed\"\u003e\u003cstrong\u003eUSDA Zones 2–11.\u003c\/strong\u003e Grown as a warm-season annual across all US regions. Highly adaptable; thrives in almost any soil type. Excellent for beds, containers, and vibrant mass plantings.\u003c\/p\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"flex items-start prevent-squish\"\u003e\n                        \u003cdiv class=\"flex-shrink-0 mr-4\"\u003e\n                            \u003c!-- Seedling\/Sowing Icon --\u003e\n                            \u003csvg class=\"w-9 h-9\" viewbox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n                                \u003cpath class=\"icon-primary\" d=\"M24 44V24M24 24C24 24 16 16 16 10C24 10 24 24 24 24ZM24 24C24 24 32 16 32 10C24 10 24 24 24 24Z\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n                                \u003cpath class=\"icon-secondary\" d=\"M12 44H36\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n                            \u003c\/svg\u003e\n                        \u003c\/div\u003e\n                        \u003cdiv class=\"pt-1 prevent-squish\"\u003e\n                            \u003ch4 class=\"text-[11px] font-bold text-brand-green tracking-[0.1em] uppercase mb-1\"\u003eSowing Method\u003c\/h4\u003e\n                            \u003cp class=\"text-gray-800 text-[13px] leading-relaxed\"\u003e\n                                \u003cstrong\u003eTransplant (Recommended):\u003c\/strong\u003e Sow into 50-cell plug flats 5-7 weeks before planting out, covering seeds lightly. Harden off and transplant out after danger of frost.\u003cbr\u003e\n                                \u003cstrong\u003eDirect Seed:\u003c\/strong\u003e Sow after last frost, covering seeds lightly.\n                            \u003c\/p\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"flex items-start prevent-squish\"\u003e\n                        \u003cdiv class=\"flex-shrink-0 mr-4\"\u003e\n                            \u003c!-- Thermometer Icon --\u003e\n                            \u003csvg class=\"w-9 h-9\" viewbox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n                                \u003cpath class=\"icon-primary\" d=\"M24 10V32\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n                                \u003ccircle class=\"icon-secondary\" cx=\"24\" cy=\"36\" r=\"6\" stroke=\"currentColor\" stroke-width=\"2.5\"\u003e\u003c\/circle\u003e\n                                \u003cpath class=\"icon-secondary\" d=\"M24 16H30M24 22H28\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n                            \u003c\/svg\u003e\n                        \u003c\/div\u003e\n                        \u003cdiv class=\"pt-1 prevent-squish\"\u003e\n                            \u003ch4 class=\"text-[11px] font-bold text-brand-green tracking-[0.1em] uppercase mb-1\"\u003eTemperatures \u0026amp; Germination\u003c\/h4\u003e\n                            \u003cp class=\"text-gray-800 text-[13px] leading-relaxed\"\u003e\n                                \u003cstrong\u003eGermination:\u003c\/strong\u003e 7-10 days at 68-72°F (20-22°C).\u003cbr\u003e\n                                \u003cstrong\u003eDirect Sowing:\u003c\/strong\u003e Wait until soil temperature is consistently above 60°F (16°C).\n                            \u003c\/p\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"flex items-start prevent-squish\"\u003e\n                        \u003cdiv class=\"flex-shrink-0 mr-4\"\u003e\n                            \u003c!-- Spacing Icon --\u003e\n                            \u003csvg class=\"w-9 h-9\" viewbox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n                                \u003cpath class=\"icon-secondary\" d=\"M10 24H38\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n                                \u003cpath class=\"icon-primary\" d=\"M16 18L10 24L16 30M32 18L38 24L32 30\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n                                \u003cpath class=\"icon-primary\" d=\"M10 12V36M38 12V36\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n                            \u003c\/svg\u003e\n                        \u003c\/div\u003e\n                        \u003cdiv class=\"pt-1 prevent-squish\"\u003e\n                            \u003ch4 class=\"text-[11px] font-bold text-brand-green tracking-[0.1em] uppercase mb-1\"\u003ePlant Spacing \u0026amp; Support\u003c\/h4\u003e\n                            \u003cp class=\"text-gray-800 text-[13px] leading-relaxed\"\u003eSpace plants 9-12\" apart. \u003cstrong\u003eExpert Tip:\u003c\/strong\u003e Wider spacing creates stronger, thicker stems. Tall varieties may occasionally benefit from wind protection or horizontal support (like Hortonova netting).\u003c\/p\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n                    \n                    \u003cdiv class=\"flex items-start prevent-squish\"\u003e\n                        \u003cdiv class=\"flex-shrink-0 mr-4\"\u003e\n                            \u003c!-- Scissors\/Pruning Icon --\u003e\n                            \u003csvg class=\"w-9 h-9\" viewbox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n                                \u003cpath class=\"icon-primary\" d=\"M8 24L24 10L40 24V40H8V24Z\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n                                \u003cpath class=\"icon-secondary\" d=\"M24 40V24\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n                                \u003cpath class=\"icon-secondary\" d=\"M16 20V40M32 20V40\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n                            \u003c\/svg\u003e\n                        \u003c\/div\u003e\n                        \u003cdiv class=\"pt-1 prevent-squish\"\u003e\n                            \u003ch4 class=\"text-[11px] font-bold text-brand-green tracking-[0.1em] uppercase mb-1\"\u003ePinching \u0026amp; Deadheading\u003c\/h4\u003e\n                            \u003cp class=\"text-gray-800 text-[13px] leading-relaxed\"\u003e\u003cstrong\u003ePinching\u003c\/strong\u003e young plants encourages branching and produces a bushier plant with more blooms. \u003cstrong\u003eDeadheading\u003c\/strong\u003e (removing spent flowers) is required to ensure continuous blooming all summer long.\u003c\/p\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"flex items-start prevent-squish\"\u003e\n                        \u003cdiv class=\"flex-shrink-0 mr-4\"\u003e\n                            \u003c!-- Harvest\/Basket Icon --\u003e\n                            \u003csvg class=\"w-9 h-9\" viewbox=\"0 0 48 48\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n                                \u003cpath class=\"icon-secondary\" d=\"M12 16H36L32 40H16L12 16Z\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n                                \u003cpath class=\"icon-primary\" d=\"M18 16C18 12.6863 20.6863 10 24 10C27.3137 10 30 12.6863 30 16\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n                                \u003cpath class=\"icon-secondary\" d=\"M24 24V32\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n                            \u003c\/svg\u003e\n                        \u003c\/div\u003e\n                        \u003cdiv class=\"pt-1 prevent-squish\"\u003e\n                            \u003ch4 class=\"text-[11px] font-bold text-brand-green tracking-[0.1em] uppercase mb-1\"\u003eHarvest \u0026amp; Alternate Uses\u003c\/h4\u003e\n                            \u003cp class=\"text-gray-800 text-[13px] leading-relaxed\"\u003e\n                                \u003cstrong\u003eCut Flowers:\u003c\/strong\u003e Harvest when petals are just opening, but not yet flattened. (Note: Cosmos do not have a long vase life, typically dropping petals after 5 days).\u003cbr\u003e\n                                \u003cstrong\u003eNatural Dyes:\u003c\/strong\u003e Flowers are famously used to create rich natural dyes for fiber and fabrics!\n                            \u003c\/p\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003c!-- SPECS TAB --\u003e\n            \u003cdiv id=\"specs\" class=\"tab-content\"\u003e\n                \n                \u003cdiv class=\"mb-8 mt-2\"\u003e\n                    \u003ch2 class=\"text-2xl font-serif text-brand-dark text-center mb-6\"\u003eSeed Specifications\u003c\/h2\u003e\n                    \n                    \u003cdiv class=\"flex flex-col space-y-4\"\u003e\n                        \u003cdiv class=\"flex justify-between items-center border-b border-gray-200 pb-4\"\u003e\n                            \u003cspan class=\"text-[11px] font-bold text-brand-green tracking-widest uppercase pr-4\"\u003eAvg. Seeding Rate\u003c\/span\u003e\n                            \u003cspan class=\"text-[13px] md:text-sm text-gray-700 text-right\"\u003e5 oz.\/1,000 sq.ft. or 14 lb.\/acre (for mass plantings)\u003c\/span\u003e\n                        \u003c\/div\u003e\n                        \u003cdiv class=\"flex justify-between items-center border-b border-gray-200 pb-4\"\u003e\n                            \u003cspan class=\"text-[11px] font-bold text-brand-green tracking-widest uppercase pr-4\"\u003eSeeds \/ OZ. (Avg.)\u003c\/span\u003e\n                            \u003cspan class=\"text-[13px] md:text-sm text-gray-700 text-right\"\u003e3,800\u003c\/span\u003e\n                        \u003c\/div\u003e\n                        \u003cdiv class=\"flex justify-between items-center pb-2\"\u003e\n                            \u003cspan class=\"text-[11px] font-bold text-brand-green tracking-widest uppercase pr-4\"\u003ePacket\u003c\/span\u003e\n                            \u003cspan class=\"text-[13px] md:text-sm text-gray-700 text-right\"\u003e200 seeds\u003c\/span\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"bg-[#F9FAEB] rounded-xl p-6 text-center border border-brand-green border-opacity-20 mt-4\"\u003e\n                    \u003cdiv class=\"flex justify-center mb-3\"\u003e\n                        \u003csvg class=\"w-7 h-7 text-brand-green\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\"\u003e\n                            \u003cpath stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"\u003e\u003c\/path\u003e\n                        \u003c\/svg\u003e\n                    \u003c\/div\u003e\n                    \u003ch3 class=\"text-lg font-serif text-brand-dark mb-3\"\u003eKaKaSeeds Guarantee\u003c\/h3\u003e\n                    \u003cp class=\"text-[13px] text-gray-600 leading-relaxed\"\u003e\n                        KaKaSeeds is committed to your success, every step of the way. We want you, our customer, to be 100% satisfied with all of our seeds, tools, and supplies. If anything you purchase from us proves unsatisfactory, we will either replace the item or refund the purchase price.\n                    \u003c\/p\u003e\n                \u003c\/div\u003e\n\n            \u003c\/div\u003e\n\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cscript\u003e\n        function switchTab(tabId) {\n            const contents = document.querySelectorAll('.tab-content');\n            contents.forEach(el =\u003e el.classList.remove('active'));\n\n            const buttons = document.querySelectorAll('.tab-btn');\n            buttons.forEach(el =\u003e el.classList.remove('active'));\n\n            const targetContent = document.getElementById(tabId);\n            targetContent.classList.remove('active'); \n            void targetContent.offsetWidth; \n            targetContent.classList.add('active');\n            \n            const activeBtn = event.currentTarget;\n            activeBtn.classList.add('active');\n        }\n    \u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"kkseeds","offers":[{"title":"1 Packet 200 Seeds (0.05 oz)","offer_id":53742880489786,"sku":null,"price":3.9,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1010\/9707\/9098\/files\/7-1.png?v=1784278837","url":"https:\/\/kakaseeds.com\/products\/cosmos-sulphureus","provider":"kakaseeds","version":"1.0","type":"link"}