{"product_id":"solar-garden-light-ip67-auto-led","title":"Solar Garden Light – IP65\/IP67 Weatherproof Auto On\/Off LED","description":"\u003cbody\u003e\n\n\n  \u003cmeta charset=\"UTF-8\"\u003e\n  \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n  \u003ctitle\u003eSolar Garden Light – Buy Now!\u003c\/title\u003e\n  \u003cstyle\u003e\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;700;900\u0026display=swap');\n\n    * { box-sizing: border-box; margin: 0; padding: 0; }\n\n    body {\n      font-family: 'Montserrat', sans-serif;\n      background: #000;\n      color: #fff;\n      overflow-x: hidden;\n    }\n\n    \/* ===== ANIMATED BACKGROUND ===== *\/\n    .bg-animated {\n      position: fixed;\n      inset: 0;\n      z-index: 0;\n      background: linear-gradient(270deg, #0d0d0d, #1a0a00, #0a1a00, #000d1a, #1a001a, #0d0d0d);\n      background-size: 600% 600%;\n      animation: bgShift 6s ease infinite;\n    }\n    @keyframes bgShift {\n      0%   { background-position: 0% 50%; }\n      50%  { background-position: 100% 50%; }\n      100% { background-position: 0% 50%; }\n    }\n\n    \/* ===== FLASH OVERLAY ===== *\/\n    .flash-overlay {\n      position: fixed;\n      inset: 0;\n      z-index: 1;\n      pointer-events: none;\n      background: radial-gradient(ellipse at center, rgba(255,200,0,0.07) 0%, transparent 70%);\n      animation: flashPulse 3s ease-in-out infinite;\n    }\n    @keyframes flashPulse {\n      0%, 100% { opacity: 0.4; }\n      50%       { opacity: 1; }\n    }\n\n    \/* ===== CONTENT WRAPPER ===== *\/\n    .wrapper {\n      position: relative;\n      z-index: 2;\n      max-width: 900px;\n      margin: 0 auto;\n      padding: 0 20px 60px;\n    }\n\n    \/* ===== URGENCY TICKER ===== *\/\n    .ticker {\n      background: linear-gradient(90deg, #ff0000, #ff6600, #ffcc00, #ff6600, #ff0000);\n      background-size: 300% 100%;\n      animation: tickerSlide 2s linear infinite;\n      text-align: center;\n      padding: 12px;\n      font-size: 0.85rem;\n      font-weight: 900;\n      letter-spacing: 2px;\n      text-transform: uppercase;\n      color: #fff;\n      text-shadow: 0 0 10px rgba(0,0,0,0.5);\n    }\n    @keyframes tickerSlide {\n      0%   { background-position: 0% 50%; }\n      100% { background-position: 100% 50%; }\n    }\n\n    \/* ===== COUNTDOWN ===== *\/\n    .countdown-bar {\n      background: rgba(0,0,0,0.6);\n      border-bottom: 1px solid rgba(255,200,0,0.3);\n      text-align: center;\n      padding: 14px 20px;\n      font-size: 0.8rem;\n      color: #ffd200;\n      letter-spacing: 1px;\n      text-transform: uppercase;\n    }\n    .countdown-bar span {\n      font-size: 1.4rem;\n      font-weight: 900;\n      color: #fff;\n      margin: 0 4px;\n    }\n    #timer { display: inline-flex; gap: 6px; align-items: center; }\n    .time-block {\n      background: linear-gradient(135deg, #ff4500, #ff0000);\n      border-radius: 6px;\n      padding: 4px 10px;\n      font-size: 1.3rem;\n      font-weight: 900;\n      color: #fff;\n      min-width: 48px;\n      text-align: center;\n      box-shadow: 0 0 12px rgba(255,69,0,0.6);\n    }\n    .time-label { font-size: 0.6rem; color: #aaa; display: block; text-align: center; margin-top: 2px; }\n\n    \/* ===== HERO ===== *\/\n    .hero {\n      text-align: center;\n      padding: 50px 20px 30px;\n    }\n    .badge-row { margin-bottom: 18px; display: flex; justify-content: center; gap: 10px; flex-wrap: wrap; }\n    .badge {\n      display: inline-block;\n      padding: 6px 16px;\n      border-radius: 50px;\n      font-size: 0.7rem;\n      font-weight: 900;\n      letter-spacing: 1.5px;\n      text-transform: uppercase;\n    }\n    .badge-fire { background: linear-gradient(90deg, #ff4500, #ff0000); color: #fff; box-shadow: 0 0 15px rgba(255,69,0,0.7); animation: glow-red 1.5s ease-in-out infinite; }\n    .badge-gold { background: linear-gradient(90deg, #f7971e, #ffd200); color: #1a1a1a; }\n    .badge-green { background: linear-gradient(90deg, #00c853, #69f0ae); color: #1a1a1a; }\n    @keyframes glow-red {\n      0%, 100% { box-shadow: 0 0 15px rgba(255,69,0,0.7); }\n      50%       { box-shadow: 0 0 30px rgba(255,69,0,1); }\n    }\n\n    h1 {\n      font-size: clamp(2rem, 5.5vw, 3.5rem);\n      font-weight: 900;\n      line-height: 1.1;\n      margin-bottom: 16px;\n      background: linear-gradient(90deg, #ffd200, #ffffff, #ffd200, #ff6600);\n      background-size: 300% auto;\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n      animation: shimmer 3s linear infinite;\n    }\n    @keyframes shimmer {\n      0%   { background-position: 0% center; }\n      100% { background-position: 300% center; }\n    }\n\n    .hero-sub {\n      font-size: 1.1rem;\n      color: #c9d1d9;\n      max-width: 620px;\n      margin: 0 auto 30px;\n      line-height: 1.7;\n    }\n    .hero-sub strong { color: #ffd200; }\n\n    \/* ===== LOADSHEDDING BANNER ===== *\/\n    .loadshedding {\n      background: linear-gradient(135deg, rgba(255,69,0,0.2), rgba(255,200,0,0.1));\n      border: 1px solid rgba(255,100,0,0.5);\n      border-radius: 14px;\n      padding: 18px 24px;\n      margin-bottom: 32px;\n      text-align: center;\n      animation: borderGlow 2s ease-in-out infinite;\n    }\n    @keyframes borderGlow {\n      0%, 100% { border-color: rgba(255,100,0,0.5); box-shadow: 0 0 10px rgba(255,100,0,0.2); }\n      50%       { border-color: rgba(255,200,0,0.8); box-shadow: 0 0 25px rgba(255,200,0,0.4); }\n    }\n    .loadshedding p { font-size: 0.95rem; font-weight: 700; color: #ffd200; }\n    .loadshedding span { color: #fff; }\n\n    \/* ===== FEATURES GRID ===== *\/\n    .features-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n      gap: 16px;\n      margin-bottom: 36px;\n    }\n    .feature-card {\n      background: rgba(255,255,255,0.04);\n      border: 1px solid rgba(255,210,0,0.15);\n      border-radius: 16px;\n      padding: 22px 20px;\n      transition: transform 0.25s, box-shadow 0.25s;\n      position: relative;\n      overflow: hidden;\n    }\n    .feature-card::before {\n      content: '';\n      position: absolute;\n      top: 0; left: 0; right: 0;\n      height: 2px;\n      background: linear-gradient(90deg, #f7971e, #ffd200, #f7971e);\n      background-size: 200% auto;\n      animation: shimmer 2s linear infinite;\n    }\n    .feature-card:hover {\n      transform: translateY(-6px);\n      box-shadow: 0 12px 40px rgba(255,210,0,0.2);\n    }\n    .feature-icon { font-size: 2.2rem; margin-bottom: 12px; }\n    .feature-title { font-size: 0.95rem; font-weight: 900; color: #ffd200; margin-bottom: 8px; text-transform: uppercase; letter-spacing: 0.5px; }\n    .feature-desc { font-size: 0.85rem; color: #c9d1d9; line-height: 1.6; }\n\n    \/* ===== SOCIAL PROOF ===== *\/\n    .social-proof {\n      display: flex;\n      justify-content: center;\n      gap: 30px;\n      flex-wrap: wrap;\n      margin-bottom: 36px;\n      text-align: center;\n    }\n    .proof-item { }\n    .proof-number {\n      font-size: 2rem;\n      font-weight: 900;\n      background: linear-gradient(90deg, #ffd200, #ff6600);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n    }\n    .proof-label { font-size: 0.75rem; color: #8b949e; text-transform: uppercase; letter-spacing: 1px; }\n\n    \/* ===== STOCK WARNING ===== *\/\n    .stock-warning {\n      background: rgba(255, 0, 0, 0.1);\n      border: 1px solid rgba(255,0,0,0.4);\n      border-radius: 12px;\n      padding: 16px 24px;\n      text-align: center;\n      margin-bottom: 32px;\n      animation: stockPulse 1.5s ease-in-out infinite;\n    }\n    @keyframes stockPulse {\n      0%, 100% { background: rgba(255,0,0,0.08); }\n      50%       { background: rgba(255,0,0,0.18); }\n    }\n    .stock-warning p { font-size: 0.9rem; font-weight: 700; color: #ff6b6b; }\n    .stock-bar-wrap { background: rgba(255,255,255,0.1); border-radius: 50px; height: 8px; margin-top: 10px; overflow: hidden; }\n    .stock-bar { height: 100%; width: 22%; background: linear-gradient(90deg, #ff4500, #ff0000); border-radius: 50px; animation: stockBarPulse 1.5s ease-in-out infinite; }\n    @keyframes stockBarPulse {\n      0%, 100% { opacity: 1; }\n      50%       { opacity: 0.6; }\n    }\n\n    \/* ===== CTA ===== *\/\n    .cta-section {\n      text-align: center;\n      background: linear-gradient(135deg, rgba(247,151,30,0.12), rgba(255,210,0,0.08));\n      border: 1px solid rgba(255,210,0,0.35);\n      border-radius: 24px;\n      padding: 48px 30px;\n    }\n    .cta-urgency { font-size: 0.8rem; color: #ff6b6b; font-weight: 900; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 10px; animation: blink 1s step-end infinite; }\n    @keyframes blink { 0%, 100% { opacity: 1; } 50% { opacity: 0; } }\n    .cta-headline { font-size: clamp(1.5rem, 3.5vw, 2.2rem); font-weight: 900; margin-bottom: 8px; }\n    .cta-sub { font-size: 0.9rem; color: #c9d1d9; margin-bottom: 30px; }\n\n    .cta-btn {\n      display: inline-block;\n      background: linear-gradient(90deg, #ff4500, #ff6600, #ffd200, #ff6600, #ff4500);\n      background-size: 300% auto;\n      animation: btnShimmer 2s linear infinite, btnBounce 1s ease-in-out infinite;\n      color: #fff;\n      font-size: 1.15rem;\n      font-weight: 900;\n      padding: 20px 56px;\n      border-radius: 50px;\n      text-decoration: none;\n      letter-spacing: 1px;\n      text-transform: uppercase;\n      box-shadow: 0 8px 30px rgba(255,100,0,0.6);\n      cursor: pointer;\n      border: none;\n      text-shadow: 0 1px 3px rgba(0,0,0,0.4);\n    }\n    @keyframes btnShimmer {\n      0%   { background-position: 0% center; }\n      100% { background-position: 300% center; }\n    }\n    @keyframes btnBounce {\n      0%, 100% { transform: scale(1); }\n      50%       { transform: scale(1.04); }\n    }\n\n    .trust-row {\n      margin-top: 22px;\n      display: flex;\n      justify-content: center;\n      gap: 20px;\n      flex-wrap: wrap;\n      font-size: 0.8rem;\n      color: #8b949e;\n    }\n    .trust-row span { display: flex; align-items: center; gap: 5px; }\n\n    footer {\n      text-align: center;\n      padding: 30px 20px;\n      font-size: 0.75rem;\n      color: #444;\n      position: relative;\n      z-index: 2;\n    }\n  \u003c\/style\u003e\n\n\n\n  \u003c!-- ANIMATED BACKGROUND --\u003e\n  \u003cdiv class=\"bg-animated\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"flash-overlay\"\u003e\u003c\/div\u003e\n\n  \u003c!-- URGENCY TICKER --\u003e\n  \u003cdiv class=\"ticker\"\u003e\n    🔥 FLASH SALE LIVE NOW  |  ⚡ LIMITED UNITS LEFT  |  🌙 NEVER PAY FOR OUTDOOR LIGHTING AGAIN  |  🔥 FLASH SALE LIVE NOW\n  \u003c\/div\u003e\n\n  \u003c!-- COUNTDOWN TIMER --\u003e\n  \u003cdiv class=\"countdown-bar\"\u003e\n    ⏰ Sale ends in  \n    \u003cdiv id=\"timer\"\u003e\n      \u003cdiv\u003e\n\u003cdiv class=\"time-block\" id=\"hours\"\u003e00\u003c\/div\u003e\n\u003cdiv class=\"time-label\"\u003eHRS\u003c\/div\u003e\n\u003c\/div\u003e\n      \u003cspan\u003e:\u003c\/span\u003e\n      \u003cdiv\u003e\n\u003cdiv class=\"time-block\" id=\"minutes\"\u003e00\u003c\/div\u003e\n\u003cdiv class=\"time-label\"\u003eMIN\u003c\/div\u003e\n\u003c\/div\u003e\n      \u003cspan\u003e:\u003c\/span\u003e\n      \u003cdiv\u003e\n\u003cdiv class=\"time-block\" id=\"seconds\"\u003e00\u003c\/div\u003e\n\u003cdiv class=\"time-label\"\u003eSEC\u003c\/div\u003e\n\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"wrapper\"\u003e\n\n    \u003c!-- HERO --\u003e\n    \u003cdiv class=\"hero\"\u003e\n      \u003cdiv class=\"badge-row\"\u003e\n        \u003cspan class=\"badge badge-fire\"\u003e🔥 Flash Sale\u003c\/span\u003e\n        \u003cspan class=\"badge badge-gold\"\u003e☀️ Solar Powered\u003c\/span\u003e\n        \u003cspan class=\"badge badge-green\"\u003e🌱 Zero Electricity\u003c\/span\u003e\n      \u003c\/div\u003e\n\n      \u003ch1\u003eThe Last Outdoor Light\u003cbr\u003eYou'll Ever Need to Buy ✨\u003c\/h1\u003e\n\n      \u003cp class=\"hero-sub\"\u003e\n        Imagine your garden, driveway, and pathways \u003cstrong\u003eglowing beautifully every single night\u003c\/strong\u003e — automatically — without touching a switch or paying a cent in electricity. That's exactly what this solar light delivers. 🌙\n      \u003c\/p\u003e\n\n      \u003c!-- LOADSHEDDING CALLOUT --\u003e\n      \u003cdiv class=\"loadshedding\"\u003e\n        \u003cp\u003e🇿🇦 \u003cspan\u003eSouth African Special:\u003c\/span\u003e Load-shedding proof. \u003cspan\u003eNo grid. No problem.\u003c\/span\u003e This light works through every stage — automatically. 💪\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- SOCIAL PROOF --\u003e\n    \u003cdiv class=\"social-proof\"\u003e\n      \u003cdiv class=\"proof-item\"\u003e\n        \u003cdiv class=\"proof-number\"\u003e4.9⭐\u003c\/div\u003e\n        \u003cdiv class=\"proof-label\"\u003eCustomer Rating\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"proof-item\"\u003e\n        \u003cdiv class=\"proof-number\"\u003e2,400+\u003c\/div\u003e\n        \u003cdiv class=\"proof-label\"\u003eHappy Customers\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"proof-item\"\u003e\n        \u003cdiv class=\"proof-number\"\u003e8–12h\u003c\/div\u003e\n        \u003cdiv class=\"proof-label\"\u003eAll-Night Runtime\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"proof-item\"\u003e\n        \u003cdiv class=\"proof-number\"\u003eR0\u003c\/div\u003e\n        \u003cdiv class=\"proof-label\"\u003eElectricity Cost\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- FEATURES GRID --\u003e\n    \u003cdiv class=\"features-grid\"\u003e\n\n      \u003cdiv class=\"feature-card\"\u003e\n        \u003cdiv class=\"feature-icon\"\u003e☀️\u003c\/div\u003e\n        \u003cdiv class=\"feature-title\"\u003eSolar-Powered \u0026amp; Free to Run\u003c\/div\u003e\n        \u003cdiv class=\"feature-desc\"\u003eBuilt-in monocrystalline solar panel charges all day. No wiring, no electrician, no electricity bill — ever. Pure, clean, free energy.\u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"feature-card\"\u003e\n        \u003cdiv class=\"feature-icon\"\u003e🌅\u003c\/div\u003e\n        \u003cdiv class=\"feature-title\"\u003eAuto On\/Off — Hands-Free\u003c\/div\u003e\n        \u003cdiv class=\"feature-desc\"\u003eSmart light sensor turns it on at dusk and off at dawn. Set it once, forget it forever. It just works — every single night.\u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"feature-card\"\u003e\n        \u003cdiv class=\"feature-icon\"\u003e🛡️\u003c\/div\u003e\n        \u003cdiv class=\"feature-title\"\u003eIP65\/IP67 Weatherproof Beast\u003c\/div\u003e\n        \u003cdiv class=\"feature-desc\"\u003eRain, hail, dust, frost — this light laughs at all of it. Rated IP65\/IP67 for year-round, all-weather outdoor reliability.\u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"feature-card\"\u003e\n        \u003cdiv class=\"feature-icon\"\u003e💡\u003c\/div\u003e\n        \u003cdiv class=\"feature-title\"\u003eWarm or Cool White LED Glow\u003c\/div\u003e\n        \u003cdiv class=\"feature-desc\"\u003eSoft, inviting light that transforms your pathways, flower beds, decks, and\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/body\u003e","brand":"Deo Volente \u0026 Co","offers":[{"title":"Default Title","offer_id":48021039775895,"sku":"SGL-IP67-AUTO-001","price":549.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0719\/0721\/3463\/files\/WhatsApp_Image_2026-07-15_at_21.11.04_2.jpg?v=1784222323","url":"https:\/\/deovolentecogodfirst.co.za\/products\/solar-garden-light-ip67-auto-led","provider":"Deo Volente \u0026 Co","version":"1.0","type":"link"}