{"title":"Best Sellers","description":null,"products":[{"product_id":"safe-living-4g-solar-outdoor-camera","title":"Safe Living 4G Solar Outdoor Camera","description":"\u003cp class=\"sl-description\"\u003eNever worry about load shedding or Wi-Fi dead zones again. The \u003cstrong\u003eSafe Living 4G Solar Outdoor Camera\u003c\/strong\u003e runs on solar power and connects through 4G, giving you dependable surveillance wherever there is mobile signal.\u003c\/p\u003e\n\u003cdiv class=\"sl-proof\"\u003e\n\u003cdiv class=\"sl-proof__item\"\u003e\n\u003cspan class=\"sl-proof__icon\"\u003e✓\u003c\/span\u003e No criminals\u003c\/div\u003e\n\u003cdiv class=\"sl-proof__item\"\u003e\n\u003cspan class=\"sl-proof__icon\"\u003e✓\u003c\/span\u003e No wiring\u003c\/div\u003e\n\u003cdiv class=\"sl-proof__item\"\u003e\n\u003cspan class=\"sl-proof__icon\"\u003e✓\u003c\/span\u003e No power cuts\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sl-actions\"\u003e\n\u003ca class=\"sl-button sl-button--primary\" href=\"#sl-buy-box\"\u003e Secure your property \u003cspan\u003e→\u003c\/span\u003e \u003c\/a\u003e \u003ca class=\"sl-button sl-button--secondary\" href=\"#sl-features\"\u003e Explore features \u003c\/a\u003e\n\u003c\/div\u003e\n\u003cp class=\"sl-microcopy\"\u003eBuilt for homes, farms, businesses and remote properties.\u003c\/p\u003e\n\u003cdiv class=\"sl-visual sl-reveal\"\u003e\n\u003cdiv class=\"sl-orbit sl-orbit--outer\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sl-orbit sl-orbit--inner\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sl-signal sl-signal--one\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sl-signal sl-signal--two\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sl-signal sl-signal--three\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sl-product-image\"\u003e{% if product.featured_image != blank %} {{ product.featured_image | image_url: width: 1200 | image_tag: loading: 'eager', widths: '400, 600, 800, 1000, 1200', sizes: '(max-width: 900px) 90vw, 45vw', alt: product.title, class: 'sl-product-image__img' }} {% else %}\n\u003cdiv class=\"sl-placeholder\"\u003e\n\u003csvg viewbox=\"0 0 460 360\" role=\"img\"\u003e\n                \u003cdefs\u003e\n                  \u003clineargradient id=\"slCameraBody\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\"\u003e\n                    \u003cstop offset=\"0%\" stop-color=\"#ffffff\"\u003e\u003c\/stop\u003e\n                    \u003cstop offset=\"100%\" stop-color=\"#d7e0e8\"\u003e\u003c\/stop\u003e\n                  \u003c\/lineargradient\u003e\n                  \u003cradialgradient id=\"slCameraLens\"\u003e\n                    \u003cstop offset=\"0%\" stop-color=\"#42f5b3\"\u003e\u003c\/stop\u003e\n                    \u003cstop offset=\"25%\" stop-color=\"#123a42\"\u003e\u003c\/stop\u003e\n                    \u003cstop offset=\"100%\" stop-color=\"#020809\"\u003e\u003c\/stop\u003e\n                  \u003c\/radialgradient\u003e\n                \u003c\/defs\u003e\n\n                \u003crect x=\"60\" y=\"35\" width=\"340\" height=\"115\" rx=\"14\" fill=\"#17242a\"\u003e\u003c\/rect\u003e\n                \u003cg stroke=\"#2c424a\" stroke-width=\"3\"\u003e\n                  \u003cline x1=\"90\" y1=\"50\" x2=\"90\" y2=\"135\"\u003e\u003c\/line\u003e\n                  \u003cline x1=\"125\" y1=\"50\" x2=\"125\" y2=\"135\"\u003e\u003c\/line\u003e\n                  \u003cline x1=\"160\" y1=\"50\" x2=\"160\" y2=\"135\"\u003e\u003c\/line\u003e\n                  \u003cline x1=\"195\" y1=\"50\" x2=\"195\" y2=\"135\"\u003e\u003c\/line\u003e\n                  \u003cline x1=\"230\" y1=\"50\" x2=\"230\" y2=\"135\"\u003e\u003c\/line\u003e\n                  \u003cline x1=\"265\" y1=\"50\" x2=\"265\" y2=\"135\"\u003e\u003c\/line\u003e\n                  \u003cline x1=\"300\" y1=\"50\" x2=\"300\" y2=\"135\"\u003e\u003c\/line\u003e\n                  \u003cline x1=\"335\" y1=\"50\" x2=\"335\" y2=\"135\"\u003e\u003c\/line\u003e\n                  \u003cline x1=\"370\" y1=\"50\" x2=\"370\" y2=\"135\"\u003e\u003c\/line\u003e\n                \u003c\/g\u003e\n\n                \u003cpath d=\"M192 145h76l22 44H170z\" fill=\"#becbd4\"\u003e\u003c\/path\u003e\n                \u003crect x=\"135\" y=\"175\" width=\"190\" height=\"96\" rx=\"38\" fill=\"url(#slCameraBody)\"\u003e\u003c\/rect\u003e\n                \u003ccircle cx=\"230\" cy=\"220\" r=\"43\" fill=\"#0b1519\"\u003e\u003c\/circle\u003e\n                \u003ccircle cx=\"230\" cy=\"220\" r=\"31\" fill=\"url(#slCameraLens)\"\u003e\u003c\/circle\u003e\n                \u003ccircle cx=\"218\" cy=\"208\" r=\"8\" fill=\"#baffec\" opacity=\".8\"\u003e\u003c\/circle\u003e\n                \u003ccircle cx=\"164\" cy=\"219\" r=\"12\" fill=\"#17262d\"\u003e\u003c\/circle\u003e\n                \u003ccircle cx=\"296\" cy=\"219\" r=\"12\" fill=\"#17262d\"\u003e\u003c\/circle\u003e\n                \u003cpath d=\"M175 268h110v18c0 30-24 54-55 54s-55-24-55-54z\" fill=\"#e8eef2\"\u003e\u003c\/path\u003e\n                \u003ccircle cx=\"230\" cy=\"298\" r=\"25\" fill=\"#101a1e\"\u003e\u003c\/circle\u003e\n                \u003ccircle cx=\"230\" cy=\"298\" r=\"17\" fill=\"url(#slCameraLens)\"\u003e\u003c\/circle\u003e\n              \u003c\/svg\u003e\n\u003cp\u003eAdd a product featured image to replace this preview.\u003c\/p\u003e\n\u003c\/div\u003e\n{% endif %}\u003c\/div\u003e\n\u003cdiv class=\"sl-floating-card sl-floating-card--4g\"\u003e\n\u003cspan class=\"sl-floating-card__icon\"\u003e4G\u003c\/span\u003e \u003cspan\u003e \u003cstrong\u003eAlways connected\u003c\/strong\u003e No Wi-Fi required \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sl-floating-card sl-floating-card--solar\"\u003e\n\u003cspan class=\"sl-floating-card__icon\"\u003e☀\u003c\/span\u003e \u003cspan\u003e \u003cstrong\u003eSolar powered\u003c\/strong\u003e Load-shedding ready \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FEATURE STRIP --\u003e\n\u003cdiv class=\"sl-stats sl-reveal\"\u003e\n\u003cdiv class=\"sl-stat\"\u003e\n\u003cstrong\u003e4MP\u003c\/strong\u003e \u003cspan\u003eDual-lens clarity\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sl-stat\"\u003e\n\u003cstrong\u003e4G\u003c\/strong\u003e \u003cspan\u003eMobile connectivity\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sl-stat\"\u003e\n\u003cstrong\u003e360°\u003c\/strong\u003e \u003cspan\u003ePTZ coverage\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sl-stat\"\u003e\n\u003cstrong\u003eIP65\u003c\/strong\u003e \u003cspan\u003eWeather protection\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FEATURES --\u003e\n\u003cdiv class=\"sl-section\" id=\"sl-features\"\u003e\n\u003cdiv class=\"sl-section-heading sl-reveal\"\u003e\n\u003cp class=\"sl-eyebrow\"\u003eCOMPLETE PEACE OF MIND\u003c\/p\u003e\n\u003ch2\u003ePowerful protection.\u003cbr\u003e\u003cspan\u003eZero installation hassle.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eEvery feature is designed to keep you connected, informed and in control - day or night.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sl-feature-grid\"\u003e\n\u003carticle class=\"sl-feature sl-reveal\"\u003e\n\u003cdiv class=\"sl-feature__icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\n              \u003cpath d=\"M5 12.5a10 10 0 0 1 14 0M8 16a6 6 0 0 1 8 0M11 19.5a2 2 0 0 1 2 0\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M17.5 5.5 6.5 18.5\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\u003c\/div\u003e\n\u003cspan class=\"sl-feature__number\"\u003e01\u003c\/span\u003e\n\u003ch3\u003e4G Connectivity\u003c\/h3\u003e\n\u003cp\u003eInstall it wherever mobile signal is available. No Wi-Fi, router or fixed internet connection is required.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"sl-feature sl-reveal\"\u003e\n\u003cdiv class=\"sl-feature__icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\n              \u003ccircle cx=\"12\" cy=\"12\" r=\"4\"\u003e\u003c\/circle\u003e\n              \u003cpath d=\"M12 2v2M12 20v2M4.9 4.9l1.4 1.4M17.7 17.7l1.4 1.4M2 12h2M20 12h2M4.9 19.1l1.4-1.4M17.7 6.3l1.4-1.4\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\u003c\/div\u003e\n\u003cspan class=\"sl-feature__number\"\u003e02\u003c\/span\u003e\n\u003ch3\u003eSolar Powered\u003c\/h3\u003e\n\u003cp\u003eContinuous solar charging and a backup battery keep your property protected through outages and load shedding.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"sl-feature sl-reveal\"\u003e\n\u003cdiv class=\"sl-feature__icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\n              \u003cpath d=\"m3 7 3-3h12l3 3v10l-3 3H6l-3-3z\"\u003e\u003c\/path\u003e\n              \u003ccircle cx=\"12\" cy=\"12\" r=\"3\"\u003e\u003c\/circle\u003e\n              \u003cpath d=\"M7 9h1M16 9h1\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\u003c\/div\u003e\n\u003cspan class=\"sl-feature__number\"\u003e03\u003c\/span\u003e\n\u003ch3\u003e4MP Dual Lens\u003c\/h3\u003e\n\u003cp\u003eMonitor a fixed wide-angle view and a movable PTZ view at the same time, helping eliminate blind spots.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"sl-feature sl-reveal\"\u003e\n\u003cdiv class=\"sl-feature__icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\n              \u003cpath d=\"M21 12a9 9 0 1 1-9-9 7 7 0 0 0 9 9Z\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"m16 3 .5 1.5L18 5l-1.5.5L16 7l-.5-1.5L14 5l1.5-.5z\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\u003c\/div\u003e\n\u003cspan class=\"sl-feature__number\"\u003e04\u003c\/span\u003e\n\u003ch3\u003eColour Night Vision\u003c\/h3\u003e\n\u003cp\u003eMotion automatically activates the white light, switching from infrared to detailed full-colour night footage.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"sl-feature sl-reveal\"\u003e\n\u003cdiv class=\"sl-feature__icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\n              \u003ccircle cx=\"9\" cy=\"5\" r=\"2\"\u003e\u003c\/circle\u003e\n              \u003cpath d=\"m7 22 1-7-3-3 3-4 4 2 3 4M11 14l5-1 3 3M3 7l3 1\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\u003c\/div\u003e\n\u003cspan class=\"sl-feature__number\"\u003e05\u003c\/span\u003e\n\u003ch3\u003eAutomatic Tracking\u003c\/h3\u003e\n\u003cp\u003eThe PTZ camera detects and follows moving targets in real time, keeping important activity in view.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"sl-feature sl-reveal\"\u003e\n\u003cdiv class=\"sl-feature__icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\n              \u003cpath d=\"M11 5 6 9H3v6h3l5 4z\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"M15 9a4 4 0 0 1 0 6M18 6a8 8 0 0 1 0 12\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\u003c\/div\u003e\n\u003cspan class=\"sl-feature__number\"\u003e06\u003c\/span\u003e\n\u003ch3\u003eTwo-Way Audio\u003c\/h3\u003e\n\u003cp\u003eHear what is happening and speak directly through the camera using your smartphone.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"sl-feature sl-reveal\"\u003e\n\u003cdiv class=\"sl-feature__icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\n              \u003crect x=\"6\" y=\"2\" width=\"12\" height=\"20\" rx=\"2\"\u003e\u003c\/rect\u003e\n              \u003cpath d=\"M10 18h4M9 6h6\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\u003c\/div\u003e\n\u003cspan class=\"sl-feature__number\"\u003e07\u003c\/span\u003e\n\u003ch3\u003eEseeCloud App\u003c\/h3\u003e\n\u003cp\u003eWatch live footage and receive motion alerts directly on your compatible smartphone.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"sl-feature sl-reveal\"\u003e\n\u003cdiv class=\"sl-feature__icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\n              \u003cpath d=\"M12 3 4 7v5c0 5 3.5 8 8 9 4.5-1 8-4 8-9V7z\"\u003e\u003c\/path\u003e\n              \u003cpath d=\"m9 12 2 2 4-4\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\u003c\/div\u003e\n\u003cspan class=\"sl-feature__number\"\u003e08\u003c\/span\u003e\n\u003ch3\u003eIP65 Weatherproof\u003c\/h3\u003e\n\u003cp\u003eMade to handle dust, rain and demanding outdoor conditions across South Africa.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- NIGHT VISION PANEL --\u003e\n\u003cdiv class=\"sl-night sl-reveal\"\u003e\n\u003cdiv class=\"sl-night__beam\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sl-night__content\"\u003e\n\u003cp class=\"sl-eyebrow\"\u003eSEE WHAT OTHERS MISS\u003c\/p\u003e\n\u003ch2\u003eDarkness does not hide the details.\u003c\/h2\u003e\n\u003cp\u003eThe camera uses infrared monitoring after dark. When motion is detected, its built-in white light activates automatically to capture activity in clear, vivid colour.\u003c\/p\u003e\n\u003cdiv class=\"sl-night__labels\"\u003e\n\u003cspan\u003e\u003ci\u003e\u003c\/i\u003e Smart motion detection\u003c\/span\u003e \u003cspan\u003e\u003ci\u003e\u003c\/i\u003e Automatic white light\u003c\/span\u003e \u003cspan\u003e\u003ci\u003e\u003c\/i\u003e Full-colour evidence\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sl-night__target\"\u003e\n\u003cspan class=\"sl-corner sl-corner--one\"\u003e\u003c\/span\u003e \u003cspan class=\"sl-corner sl-corner--two\"\u003e\u003c\/span\u003e \u003cspan class=\"sl-corner sl-corner--three\"\u003e\u003c\/span\u003e \u003cspan class=\"sl-corner sl-corner--four\"\u003e\u003c\/span\u003e\n\u003cdiv class=\"sl-scanner\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cstrong\u003eMOTION DETECTED\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- USE CASES --\u003e\n\u003cdiv class=\"sl-use-cases sl-reveal\"\u003e\n\u003cp class=\"sl-eyebrow\"\u003ePROTECTION WHERE YOU NEED IT\u003c\/p\u003e\n\u003cdiv class=\"sl-use-cases__grid\"\u003e\n\u003cdiv class=\"sl-use-case\"\u003e\n\u003cspan\u003e01\u003c\/span\u003e\n\u003ch3\u003eGate\u003c\/h3\u003e\n\u003cp\u003eSee arrivals and speak to visitors before opening.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sl-use-case\"\u003e\n\u003cspan\u003e02\u003c\/span\u003e\n\u003ch3\u003eDriveway\u003c\/h3\u003e\n\u003cp\u003eTrack movement and keep vehicles under watch.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sl-use-case\"\u003e\n\u003cspan\u003e03\u003c\/span\u003e\n\u003ch3\u003eGarden\u003c\/h3\u003e\n\u003cp\u003eCover outdoor areas without running power cables.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sl-use-case\"\u003e\n\u003cspan\u003e04\u003c\/span\u003e\n\u003ch3\u003eRemote property\u003c\/h3\u003e\n\u003cp\u003eStay connected where fixed Wi-Fi is unavailable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- BUY BOX --\u003e\n\u003cdiv class=\"sl-buy-box sl-reveal\" id=\"sl-buy-box\"\u003e\n\u003cdiv\u003e\n\u003cp class=\"sl-eyebrow\"\u003eSECURE WHAT MATTERS\u003c\/p\u003e\n\u003ch2\u003eProfessional security.\u003cbr\u003eNo complicated installation.\u003c\/h2\u003e\n\u003cp\u003eSolar power, 4G connectivity and intelligent monitoring in one powerful outdoor security system.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sl-buy-box__action\"\u003e{% if product != blank %}\n\u003cdiv class=\"sl-price\"\u003e{% if product.compare_at_price \u0026gt; product.price %} \u003cs\u003e{{ product.compare_at_price | money }}\u003c\/s\u003e {% endif %} \u003cstrong\u003e{{ product.price | money }}\u003c\/strong\u003e\n\u003c\/div\u003e\n{% form 'product', product, class: 'sl-product-form' %} {% if product.has_only_default_variant %} \u003cinput type=\"hidden\" value=\"{{ product.selected_or_first_available_variant.id }}\"\u003e {% else %} \u003clabel class=\"sl-variant-label\" for=\"SafeLivingVariant\"\u003e Select option \u003c\/label\u003e\u003cselect class=\"sl-variant-select\" id=\"SafeLivingVariant\"\u003e{% for variant in product.variants %}\n\u003coption value=\"{{ variant.id }}\" selected disabled\u003e{{ variant.title }} {% unless variant.available %} - Sold out{% endunless %}\u003c\/option\u003e\n{% endfor %}\u003c\/select\u003e{% endif %} \u003cbutton class=\"sl-add-to-cart\" type=\"submit\" name=\"add\" disabled\u003e \u003cspan\u003e {% if product.selected_or_first_available_variant.available %} Add to cart {% else %} Sold out {% endif %} \u003c\/span\u003e \u003cspan\u003e→\u003c\/span\u003e \u003c\/button\u003e {% endform %} {% else %} \u003ca class=\"sl-add-to-cart\" href=\"\/collections\/all\"\u003e \u003cspan\u003eShop security cameras\u003c\/span\u003e \u003cspan\u003e→\u003c\/span\u003e \u003c\/a\u003e {% endif %}\n\u003cp class=\"sl-secure-note\"\u003e\u003cspan\u003e✓\u003c\/span\u003e Secure Shopify checkout\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n  #safe-living-camera {\n    --sl-bg: #07100f;\n    --sl-surface: #0d1917;\n    --sl-surface-light: #12221f;\n    --sl-line: rgba(255, 255, 255, 0.1);\n    --sl-text: #f5f7f6;\n    --sl-muted: #a6b3af;\n    --sl-green: #33e49d;\n    --sl-green-dark: #16b879;\n    --sl-white: #ffffff;\n    position: relative;\n    overflow: hidden;\n    color: var(--sl-text);\n    background:\n      radial-gradient(circle at 70% 10%, rgba(51, 228, 157, 0.1), transparent 28rem),\n      linear-gradient(180deg, #050b0a 0%, var(--sl-bg) 45%, #050a09 100%);\n    font-family: inherit;\n    isolation: isolate;\n  }\n\n  #safe-living-camera *,\n  #safe-living-camera *::before,\n  #safe-living-camera *::after {\n    box-sizing: border-box;\n  }\n\n  #safe-living-camera a {\n    color: inherit;\n    text-decoration: none;\n  }\n\n  #safe-living-camera .sl-container {\n    width: min(1240px, calc(100% - 40px));\n    margin: 0 auto;\n    padding: 84px 0;\n    position: relative;\n    z-index: 2;\n  }\n\n  #safe-living-camera .sl-glow {\n    position: absolute;\n    width: 480px;\n    height: 480px;\n    border-radius: 50%;\n    filter: blur(100px);\n    opacity: 0.12;\n    pointer-events: none;\n  }\n\n  #safe-living-camera .sl-glow--one {\n    top: 100px;\n    right: -200px;\n    background: var(--sl-green);\n  }\n\n  #safe-living-camera .sl-glow--two {\n    top: 900px;\n    left: -280px;\n    background: #1d79ff;\n  }\n\n  #safe-living-camera .sl-hero {\n    min-height: 670px;\n    display: grid;\n    grid-template-columns: 1.02fr 0.98fr;\n    gap: 64px;\n    align-items: center;\n  }\n\n  #safe-living-camera .sl-hero__content {\n    position: relative;\n    z-index: 3;\n  }\n\n  #safe-living-camera .sl-badge {\n    width: fit-content;\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    margin-bottom: 28px;\n    padding: 9px 14px;\n    border: 1px solid rgba(51, 228, 157, 0.3);\n    border-radius: 999px;\n    color: #baffdf;\n    background: rgba(51, 228, 157, 0.07);\n    font-size: 11px;\n    font-weight: 800;\n    letter-spacing: 0.14em;\n  }\n\n  #safe-living-camera .sl-badge__dot {\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    background: var(--sl-green);\n    box-shadow: 0 0 0 5px rgba(51, 228, 157, 0.13);\n    animation: slPulse 2s infinite;\n  }\n\n  #safe-living-camera .sl-eyebrow {\n    margin: 0 0 14px;\n    color: var(--sl-green);\n    font-size: 12px;\n    line-height: 1.3;\n    font-weight: 800;\n    letter-spacing: 0.2em;\n  }\n\n  #safe-living-camera .sl-title {\n    max-width: 690px;\n    margin: 0;\n    font-size: clamp(48px, 6.5vw, 88px);\n    line-height: 0.96;\n    letter-spacing: -0.055em;\n    font-weight: 800;\n  }\n\n  #safe-living-camera .sl-title span,\n  #safe-living-camera .sl-section-heading h2 span {\n    color: transparent;\n    background: linear-gradient(90deg, var(--sl-green), #a8ffe0);\n    -webkit-background-clip: text;\n    background-clip: text;\n  }\n\n  #safe-living-camera .sl-description {\n    max-width: 630px;\n    margin: 28px 0 0;\n    color: var(--sl-muted);\n    font-size: 18px;\n    line-height: 1.75;\n  }\n\n  #safe-living-camera .sl-description strong {\n    color: var(--sl-white);\n    font-weight: 700;\n  }\n\n  #safe-living-camera .sl-proof {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 20px;\n    margin-top: 26px;\n  }\n\n  #safe-living-camera .sl-proof__item {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    color: #dbe5e1;\n    font-size: 13px;\n    font-weight: 700;\n  }\n\n  #safe-living-camera .sl-proof__icon {\n    display: grid;\n    place-items: center;\n    width: 19px;\n    height: 19px;\n    border-radius: 50%;\n    color: #06110d;\n    background: var(--sl-green);\n    font-size: 11px;\n    font-weight: 900;\n  }\n\n  #safe-living-camera .sl-actions {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 12px;\n    margin-top: 34px;\n  }\n\n  #safe-living-camera .sl-button {\n    min-height: 56px;\n    display: inline-flex;\n    justify-content: center;\n    align-items: center;\n    gap: 18px;\n    padding: 0 25px;\n    border-radius: 8px;\n    font-size: 14px;\n    font-weight: 800;\n    transition:\n      transform 0.25s ease,\n      box-shadow 0.25s ease,\n      border-color 0.25s ease,\n      background 0.25s ease;\n  }\n\n  #safe-living-camera .sl-button--primary {\n    color: #04100c;\n    background: linear-gradient(135deg, #54f2b1, var(--sl-green-dark));\n    box-shadow: 0 16px 45px rgba(51, 228, 157, 0.18);\n  }\n\n  #safe-living-camera .sl-button--secondary {\n    border: 1px solid var(--sl-line);\n    background: rgba(255, 255, 255, 0.035);\n  }\n\n  #safe-living-camera .sl-button:hover {\n    transform: translateY(-3px);\n  }\n\n  #safe-living-camera .sl-button--primary:hover {\n    box-shadow: 0 20px 55px rgba(51, 228, 157, 0.28);\n  }\n\n  #safe-living-camera .sl-button--secondary:hover {\n    border-color: rgba(51, 228, 157, 0.45);\n    background: rgba(51, 228, 157, 0.07);\n  }\n\n  #safe-living-camera .sl-microcopy {\n    margin: 17px 0 0;\n    color: #73827d;\n    font-size: 12px;\n  }\n\n  #safe-living-camera .sl-visual {\n    min-height: 560px;\n    position: relative;\n    display: grid;\n    place-items: center;\n  }\n\n  #safe-living-camera .sl-visual::before {\n    content: \"\";\n    position: absolute;\n    inset: 5%;\n    border-radius: 50%;\n    background: radial-gradient(\n      circle,\n      rgba(51, 228, 157, 0.15),\n      rgba(51, 228, 157, 0.03) 44%,\n      transparent 70%\n    );\n    filter: blur(5px);\n  }\n\n  #safe-living-camera .sl-orbit {\n    position: absolute;\n    border: 1px solid rgba(51, 228, 157, 0.13);\n    border-radius: 50%;\n  }\n\n  #safe-living-camera .sl-orbit--outer {\n    width: 500px;\n    height: 500px;\n    animation: slSpin 24s linear infinite;\n  }\n\n  #safe-living-camera .sl-orbit--outer::after {\n    content: \"\";\n    position: absolute;\n    top: 32px;\n    left: 90px;\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    background: var(--sl-green);\n    box-shadow: 0 0 22px var(--sl-green);\n  }\n\n  #safe-living-camera .sl-orbit--inner {\n    width: 390px;\n    height: 390px;\n    border-style: dashed;\n    animation: slSpinReverse 18s linear infinite;\n  }\n\n  #safe-living-camera .sl-product-image {\n    width: min(520px, 88%);\n    position: relative;\n    z-index: 2;\n    filter: drop-shadow(0 34px 38px rgba(0, 0, 0, 0.45));\n    animation: slFloat 5s ease-in-out infinite;\n  }\n\n  #safe-living-camera .sl-product-image__img {\n    display: block;\n    width: 100%;\n    height: auto;\n    max-height: 550px;\n    object-fit: contain;\n  }\n\n  #safe-living-camera .sl-placeholder {\n    padding: 18px;\n    border: 1px solid rgba(255, 255, 255, 0.08);\n    border-radius: 28px;\n    background: linear-gradient(145deg, rgba(255,255,255,.07), rgba(255,255,255,.02));\n    text-align: center;\n  }\n\n  #safe-living-camera .sl-placeholder svg {\n    width: 100%;\n    height: auto;\n  }\n\n  #safe-living-camera .sl-placeholder p {\n    margin: 6px 0 12px;\n    color: var(--sl-muted);\n    font-size: 12px;\n  }\n\n  #safe-living-camera .sl-floating-card {\n    position: absolute;\n    z-index: 4;\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 13px 16px;\n    border: 1px solid rgba(255, 255, 255, 0.11);\n    border-radius: 12px;\n    background: rgba(10, 22, 19, 0.82);\n    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.3);\n    backdrop-filter: blur(14px);\n    -webkit-backdrop-filter: blur(14px);\n  }\n\n  #safe-living-camera .sl-floating-card--4g {\n    top: 19%;\n    left: 0;\n    animation: slFloatCard 4.5s ease-in-out infinite;\n  }\n\n  #safe-living-camera .sl-floating-card--solar {\n    right: -2%;\n    bottom: 17%;\n    animation: slFloatCard 4.5s 1.2s ease-in-out infinite;\n  }\n\n  #safe-living-camera .sl-floating-card__icon {\n    min-width: 42px;\n    height: 42px;\n    display: grid;\n    place-items: center;\n    border-radius: 9px;\n    color: #06100d;\n    background: var(--sl-green);\n    font-size: 14px;\n    font-weight: 900;\n  }\n\n  #safe-living-camera .sl-floating-card span:last-child {\n    display: grid;\n    gap: 2px;\n    color: var(--sl-muted);\n    font-size: 11px;\n  }\n\n  #safe-living-camera .sl-floating-card strong {\n    color: var(--sl-white);\n    font-size: 13px;\n  }\n\n  #safe-living-camera .sl-signal {\n    position: absolute;\n    z-index: 1;\n    width: 78%;\n    aspect-ratio: 1;\n    border: 1px solid rgba(51, 228, 157, 0.12);\n    border-radius: 50%;\n    animation: slSignal 3.2s ease-out infinite;\n  }\n\n  #safe-living-camera .sl-signal--two {\n    animation-delay: 1.05s;\n  }\n\n  #safe-living-camera .sl-signal--three {\n    animation-delay: 2.1s;\n  }\n\n  #safe-living-camera .sl-stats {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    margin-top: 35px;\n    border: 1px solid var(--sl-line);\n    border-radius: 14px;\n    background: rgba(255, 255, 255, 0.025);\n    overflow: hidden;\n  }\n\n  #safe-living-camera .sl-stat {\n    min-height: 126px;\n    display: grid;\n    place-content: center;\n    gap: 6px;\n    text-align: center;\n    border-right: 1px solid var(--sl-line);\n    transition: background 0.3s ease;\n  }\n\n  #safe-living-camera .sl-stat:last-child {\n    border-right: 0;\n  }\n\n  #safe-living-camera .sl-stat:hover {\n    background: rgba(51, 228, 157, 0.06);\n  }\n\n  #safe-living-camera .sl-stat strong {\n    color: var(--sl-green);\n    font-size: 28px;\n    line-height: 1;\n  }\n\n  #safe-living-camera .sl-stat span {\n    color: var(--sl-muted);\n    font-size: 12px;\n  }\n\n  #safe-living-camera .sl-section {\n    padding-top: 150px;\n  }\n\n  #safe-living-camera .sl-section-heading {\n    max-width: 760px;\n    margin-bottom: 52px;\n  }\n\n  #safe-living-camera .sl-section-heading h2,\n  #safe-living-camera .sl-night h2,\n  #safe-living-camera .sl-buy-box h2 {\n    margin: 0;\n    font-size: clamp(38px, 5vw, 64px);\n    line-height: 1.03;\n    letter-spacing: -0.045em;\n  }\n\n  #safe-living-camera .sl-section-heading \u003e p:last-child {\n    max-width: 610px;\n    margin: 22px 0 0;\n    color: var(--sl-muted);\n    font-size: 17px;\n    line-height: 1.7;\n  }\n\n  #safe-living-camera .sl-feature-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 14px;\n  }\n\n  #safe-living-camera .sl-feature {\n    min-height: 292px;\n    position: relative;\n    padding: 27px;\n    border: 1px solid var(--sl-line);\n    border-radius: 13px;\n    background:\n      linear-gradient(145deg, rgba(255, 255, 255, 0.035), transparent 60%),\n      var(--sl-surface);\n    overflow: hidden;\n    transition:\n      transform 0.35s ease,\n      border-color 0.35s ease,\n      box-shadow 0.35s ease;\n  }\n\n  #safe-living-camera .sl-feature::after {\n    content: \"\";\n    position: absolute;\n    width: 140px;\n    height: 140px;\n    top: -85px;\n    right: -85px;\n    border-radius: 50%;\n    background: var(--sl-green);\n    filter: blur(55px);\n    opacity: 0;\n    transition: opacity 0.35s ease;\n  }\n\n  #safe-living-camera .sl-feature:hover {\n    transform: translateY(-8px);\n    border-color: rgba(51, 228, 157, 0.33);\n    box-shadow: 0 25px 55px rgba(0, 0, 0, 0.25);\n  }\n\n  #safe-living-camera .sl-feature:hover::after {\n    opacity: 0.15;\n  }\n\n  #safe-living-camera .sl-feature__icon {\n    width: 48px;\n    height: 48px;\n    display: grid;\n    place-items: center;\n    border: 1px solid rgba(51, 228, 157, 0.22);\n    border-radius: 10px;\n    color: var(--sl-green);\n    background: rgba(51, 228, 157, 0.07);\n  }\n\n  #safe-living-camera .sl-feature__icon svg {\n    width: 24px;\n    height: 24px;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.7;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n  }\n\n  #safe-living-camera .sl-feature__number {\n    position: absolute;\n    top: 25px;\n    right: 25px;\n    color: rgba(255, 255, 255, 0.14);\n    font-size: 12px;\n    font-weight: 800;\n    letter-spacing: 0.15em;\n  }\n\n  #safe-living-camera .sl-feature h3 {\n    margin: 28px 0 10px;\n    font-size: 18px;\n    letter-spacing: -0.02em;\n  }\n\n  #safe-living-camera .sl-feature p {\n    margin: 0;\n    color: var(--sl-muted);\n    font-size: 13px;\n    line-height: 1.7;\n  }\n\n  #safe-living-camera .sl-night {\n    min-height: 480px;\n    position: relative;\n    display: grid;\n    grid-template-columns: 1.1fr 0.9fr;\n    align-items: center;\n    gap: 50px;\n    margin-top: 145px;\n    padding: 65px;\n    border: 1px solid var(--sl-line);\n    border-radius: 20px;\n    background:\n      radial-gradient(circle at 85% 50%, rgba(51, 228, 157, 0.17), transparent 26%),\n      linear-gradient(110deg, #0d1917 0%, #08100f 60%, #0b1714 100%);\n    overflow: hidden;\n  }\n\n  #safe-living-camera .sl-night::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    opacity: 0.23;\n    background-image:\n      linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px),\n      linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);\n    background-size: 38px 38px;\n    mask-image: linear-gradient(90deg, transparent, black);\n  }\n\n  #safe-living-camera .sl-night__beam {\n    position: absolute;\n    right: -100px;\n    width: 55%;\n    height: 130%;\n    background: linear-gradient(\n      90deg,\n      transparent,\n      rgba(51, 228, 157, 0.08),\n      transparent\n    );\n    transform: rotate(13deg);\n    animation: slBeam 5s ease-in-out infinite alternate;\n  }\n\n  #safe-living-camera .sl-night__content {\n    position: relative;\n    z-index: 2;\n  }\n\n  #safe-living-camera .sl-night__content \u003e p:not(.sl-eyebrow) {\n    max-width: 600px;\n    margin: 22px 0 0;\n    color: var(--sl-muted);\n    font-size: 16px;\n    line-height: 1.75;\n  }\n\n  #safe-living-camera .sl-night__labels {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 18px;\n    margin-top: 28px;\n  }\n\n  #safe-living-camera .sl-night__labels span {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    color: #cfdbd7;\n    font-size: 12px;\n    font-weight: 700;\n  }\n\n  #safe-living-camera .sl-night__labels i {\n    width: 7px;\n    height: 7px;\n    border-radius: 50%;\n    background: var(--sl-green);\n    box-shadow: 0 0 12px var(--sl-green);\n  }\n\n  #safe-living-camera .sl-night__target {\n    width: min(320px, 100%);\n    aspect-ratio: 1;\n    position: relative;\n    justify-self: center;\n    display: grid;\n    place-items: center;\n    border: 1px solid rgba(51, 228, 157, 0.22);\n    border-radius: 50%;\n    background: radial-gradient(circle, rgba(51, 228, 157, 0.12), transparent 62%);\n  }\n\n  #safe-living-camera .sl-night__target::before,\n  #safe-living-camera .sl-night__target::after {\n    content: \"\";\n    position: absolute;\n    background: rgba(51, 228, 157, 0.16);\n  }\n\n  #safe-living-camera .sl-night__target::before {\n    width: 1px;\n    height: 100%;\n  }\n\n  #safe-living-camera .sl-night__target::after {\n    width: 100%;\n    height: 1px;\n  }\n\n  #safe-living-camera .sl-night__target strong {\n    position: absolute;\n    bottom: 38px;\n    padding: 7px 10px;\n    border-radius: 4px;\n    color: #06100d;\n    background: var(--sl-green);\n    font-size: 9px;\n    letter-spacing: 0.12em;\n  }\n\n  #safe-living-camera .sl-corner {\n    width: 54px;\n    height: 54px;\n    position: absolute;\n    border-color: var(--sl-green);\n    border-style: solid;\n  }\n\n  #safe-living-camera .sl-corner--one {\n    top: 64px;\n    left: 64px;\n    border-width: 2px 0 0 2px;\n  }\n\n  #safe-living-camera .sl-corner--two {\n    top: 64px;\n    right: 64px;\n    border-width: 2px 2px 0 0;\n  }\n\n  #safe-living-camera .sl-corner--three {\n    right: 64px;\n    bottom: 64px;\n    border-width: 0 2px 2px 0;\n  }\n\n  #safe-living-camera .sl-corner--four {\n    bottom: 64px;\n    left: 64px;\n    border-width: 0 0 2px 2px;\n  }\n\n  #safe-living-camera .sl-scanner {\n    width: 62%;\n    height: 2px;\n    position: absolute;\n    top: 30%;\n    background: var(--sl-green);\n    box-shadow: 0 0 18px var(--sl-green);\n    animation: slScan 2.7s ease-in-out infinite alternate;\n  }\n\n  #safe-living-camera .sl-use-cases {\n    padding-top: 130px;\n  }\n\n  #safe-living-camera .sl-use-cases__grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    margin-top: 28px;\n    border-top: 1px solid var(--sl-line);\n    border-bottom: 1px solid var(--sl-line);\n  }\n\n  #safe-living-camera .sl-use-case {\n    min-height: 205px;\n    padding: 32px 26px;\n    border-right: 1px solid var(--sl-line);\n    transition: background 0.3s ease;\n  }\n\n  #safe-living-camera .sl-use-case:last-child {\n    border-right: 0;\n  }\n\n  #safe-living-camera .sl-use-case:hover {\n    background: rgba(51, 228, 157, 0.045);\n  }\n\n  #safe-living-camera .sl-use-case \u003e span {\n    color: var(--sl-green);\n    font-size: 10px;\n    font-weight: 800;\n    letter-spacing: 0.16em;\n  }\n\n  #safe-living-camera .sl-use-case h3 {\n    margin: 38px 0 8px;\n    font-size: 21px;\n  }\n\n  #safe-living-camera .sl-use-case p {\n    margin: 0;\n    color: var(--sl-muted);\n    font-size: 13px;\n    line-height: 1.65;\n  }\n\n  #safe-living-camera .sl-buy-box {\n    display: grid;\n    grid-template-columns: 1.2fr 0.8fr;\n    align-items: center;\n    gap: 70px;\n    margin-top: 130px;\n    padding: 65px;\n    border: 1px solid rgba(51, 228, 157, 0.18);\n    border-radius: 20px;\n    background:\n      radial-gradient(circle at 10% 0%, rgba(51,228,157,.12), transparent 35%),\n      linear-gradient(145deg, #10221d, #0a1311);\n    box-shadow: 0 35px 90px rgba(0, 0, 0, 0.26);\n  }\n\n  #safe-living-camera .sl-buy-box \u003e div:first-child \u003e p:last-child {\n    max-width: 590px;\n    margin: 20px 0 0;\n    color: var(--sl-muted);\n    line-height: 1.7;\n  }\n\n  #safe-living-camera .sl-price {\n    display: flex;\n    align-items: baseline;\n    justify-content: flex-end;\n    gap: 12px;\n    margin-bottom: 18px;\n  }\n\n  #safe-living-camera .sl-price s {\n    color: #76827e;\n    font-size: 16px;\n  }\n\n  #safe-living-camera .sl-price strong {\n    color: var(--sl-white);\n    font-size: 35px;\n    line-height: 1;\n  }\n\n  #safe-living-camera .sl-variant-label {\n    display: block;\n    margin-bottom: 7px;\n    color: var(--sl-muted);\n    font-size: 11px;\n    font-weight: 800;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n  }\n\n  #safe-living-camera .sl-variant-select {\n    width: 100%;\n    min-height: 49px;\n    margin-bottom: 10px;\n    padding: 0 14px;\n    border: 1px solid var(--sl-line);\n    border-radius: 7px;\n    color: var(--sl-text);\n    background: #0b1513;\n    font: inherit;\n  }\n\n  #safe-living-camera .sl-add-to-cart {\n    width: 100%;\n    min-height: 59px;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 0 22px;\n    border: 0;\n    border-radius: 8px;\n    color: #04100c;\n    background: linear-gradient(135deg, #5af4b6, var(--sl-green-dark));\n    box-shadow: 0 18px 45px rgba(51, 228, 157, 0.17);\n    font-family: inherit;\n    font-size: 14px;\n    font-weight: 900;\n    cursor: pointer;\n    transition:\n      transform 0.25s ease,\n      box-shadow 0.25s ease,\n      opacity 0.25s ease;\n  }\n\n  #safe-living-camera .sl-add-to-cart:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 23px 55px rgba(51, 228, 157, 0.27);\n  }\n\n  #safe-living-camera .sl-add-to-cart:disabled {\n    cursor: not-allowed;\n    opacity: 0.5;\n  }\n\n  #safe-living-camera .sl-secure-note {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    gap: 7px;\n    margin: 13px 0 0;\n    color: var(--sl-muted);\n    font-size: 11px;\n  }\n\n  #safe-living-camera .sl-secure-note span {\n    color: var(--sl-green);\n  }\n\n  #safe-living-camera .sl-reveal {\n    opacity: 0;\n    transform: translateY(36px);\n    transition:\n      opacity 0.85s cubic-bezier(.2,.8,.2,1),\n      transform 0.85s cubic-bezier(.2,.8,.2,1);\n  }\n\n  #safe-living-camera .sl-reveal.sl-visible {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  @keyframes slPulse {\n    0%, 100% {\n      box-shadow: 0 0 0 5px rgba(51, 228, 157, 0.13);\n    }\n    50% {\n      box-shadow: 0 0 0 9px rgba(51, 228, 157, 0);\n    }\n  }\n\n  @keyframes slFloat {\n    0%, 100% {\n      transform: translateY(0) rotate(-0.4deg);\n    }\n    50% {\n      transform: translateY(-13px) rotate(0.6deg);\n    }\n  }\n\n  @keyframes slFloatCard {\n    0%, 100% {\n      transform: translateY(0);\n    }\n    50% {\n      transform: translateY(-8px);\n    }\n  }\n\n  @keyframes slSpin {\n    to {\n      transform: rotate(360deg);\n    }\n  }\n\n  @keyframes slSpinReverse {\n    to {\n      transform: rotate(-360deg);\n    }\n  }\n\n  @keyframes slSignal {\n    0% {\n      opacity: 0;\n      transform: scale(0.55);\n    }\n    20% {\n      opacity: 0.35;\n    }\n    100% {\n      opacity: 0;\n      transform: scale(1.15);\n    }\n  }\n\n  @keyframes slBeam {\n    from {\n      transform: translateX(-35px) rotate(13deg);\n    }\n    to {\n      transform: translateX(45px) rotate(13deg);\n    }\n  }\n\n  @keyframes slScan {\n    from {\n      top: 29%;\n    }\n    to {\n      top: 68%;\n    }\n  }\n\n  @media (max-width: 1050px) {\n    #safe-living-camera .sl-hero {\n      grid-template-columns: 1fr;\n      gap: 20px;\n    }\n\n    #safe-living-camera .sl-hero__content {\n      max-width: 760px;\n    }\n\n    #safe-living-camera .sl-visual {\n      min-height: 570px;\n    }\n\n    #safe-living-camera .sl-feature-grid {\n      grid-template-columns: repeat(2, 1fr);\n    }\n\n    #safe-living-camera .sl-night {\n      grid-template-columns: 1fr;\n    }\n\n    #safe-living-camera .sl-night__target {\n      margin-top: 10px;\n    }\n\n    #safe-living-camera .sl-buy-box {\n      grid-template-columns: 1fr;\n      gap: 35px;\n    }\n\n    #safe-living-camera .sl-price {\n      justify-content: flex-start;\n    }\n  }\n\n  @media (max-width: 720px) {\n    #safe-living-camera .sl-container {\n      width: min(100% - 28px, 1240px);\n      padding: 56px 0;\n    }\n\n    #safe-living-camera .sl-hero {\n      min-height: auto;\n    }\n\n    #safe-living-camera .sl-title {\n      font-size: clamp(43px, 14vw, 64px);\n    }\n\n    #safe-living-camera .sl-description {\n      font-size: 16px;\n    }\n\n    #safe-living-camera .sl-actions {\n      display: grid;\n    }\n\n    #safe-living-camera .sl-button {\n      width: 100%;\n    }\n\n    #safe-living-camera .sl-visual {\n      min-height: 450px;\n    }\n\n    #safe-living-camera .sl-orbit--outer {\n      width: 390px;\n      height: 390px;\n    }\n\n    #safe-living-camera .sl-orbit--inner {\n      width: 290px;\n      height: 290px;\n    }\n\n    #safe-living-camera .sl-floating-card {\n      transform: scale(0.88);\n    }\n\n    #safe-living-camera .sl-floating-card--4g {\n      top: 13%;\n      left: -10px;\n    }\n\n    #safe-living-camera .sl-floating-card--solar {\n      right: -8px;\n      bottom: 9%;\n    }\n\n    #safe-living-camera .sl-stats {\n      grid-template-columns: repeat(2, 1fr);\n    }\n\n    #safe-living-camera .sl-stat {\n      border-bottom: 1px solid var(--sl-line);\n    }\n\n    #safe-living-camera .sl-stat:nth-child(2) {\n      border-right: 0;\n    }\n\n    #safe-living-camera .sl-stat:nth-child(3),\n    #safe-living-camera .sl-stat:nth-child(4) {\n      border-bottom: 0;\n    }\n\n    #safe-living-camera .sl-section,\n    #safe-living-camera .sl-use-cases {\n      padding-top: 95px;\n    }\n\n    #safe-living-camera .sl-feature-grid {\n      grid-template-columns: 1fr;\n    }\n\n    #safe-living-camera .sl-feature {\n      min-height: 250px;\n    }\n\n    #safe-living-camera .sl-night {\n      margin-top: 95px;\n      padding: 37px 24px;\n    }\n\n    #safe-living-camera .sl-night h2,\n    #safe-living-camera .sl-buy-box h2 {\n      font-size: 39px;\n    }\n\n    #safe-living-camera .sl-night__target {\n      width: 250px;\n    }\n\n    #safe-living-camera .sl-corner--one {\n      top: 50px;\n      left: 50px;\n    }\n\n    #safe-living-camera .sl-corner--two {\n      top: 50px;\n      right: 50px;\n    }\n\n    #safe-living-camera .sl-corner--three {\n      right: 50px;\n      bottom: 50px;\n    }\n\n    #safe-living-camera .sl-corner--four {\n      bottom: 50px;\n      left: 50px;\n    }\n\n    #safe-living-camera .sl-use-cases__grid {\n      grid-template-columns: 1fr 1fr;\n    }\n\n    #safe-living-camera .sl-use-case:nth-child(2) {\n      border-right: 0;\n    }\n\n    #safe-living-camera .sl-use-case:nth-child(-n+2) {\n      border-bottom: 1px solid var(--sl-line);\n    }\n\n    #safe-living-camera .sl-buy-box {\n      margin-top: 95px;\n      padding: 38px 24px;\n    }\n  }\n\n  @media (max-width: 460px) {\n    #safe-living-camera .sl-proof {\n      display: grid;\n      gap: 12px;\n    }\n\n    #safe-living-camera .sl-visual {\n      min-height: 390px;\n    }\n\n    #safe-living-camera .sl-floating-card {\n      padding: 10px;\n    }\n\n    #safe-living-camera .sl-floating-card__icon {\n      min-width: 34px;\n      height: 34px;\n    }\n\n    #safe-living-camera .sl-floating-card strong {\n      font-size: 11px;\n    }\n\n    #safe-living-camera .sl-floating-card span:last-child {\n      font-size: 9px;\n    }\n\n    #safe-living-camera .sl-use-cases__grid {\n      grid-template-columns: 1fr;\n    }\n\n    #safe-living-camera .sl-use-case {\n      min-height: 170px;\n      border-right: 0;\n      border-bottom: 1px solid var(--sl-line);\n    }\n\n    #safe-living-camera .sl-use-case:nth-child(3) {\n      border-bottom: 1px solid var(--sl-line);\n    }\n\n    #safe-living-camera .sl-use-case:last-child {\n      border-bottom: 0;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    #safe-living-camera *,\n    #safe-living-camera *::before,\n    #safe-living-camera *::after {\n      scroll-behavior: auto !important;\n      animation-duration: 0.01ms !important;\n      animation-iteration-count: 1 !important;\n      transition-duration: 0.01ms !important;\n    }\n\n    #safe-living-camera .sl-reveal {\n      opacity: 1;\n      transform: none;\n    }\n  }\n\u003c\/style\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"Safe Living","offers":[{"title":"Default Title","offer_id":47691788615851,"sku":null,"price":1500.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0792\/3508\/8555\/files\/product-with-safe-living-logo-on-box.png?v=1787688184"},{"product_id":"safe-living-smart-door-lock","title":"SafeLiving SmartLock™","description":"\u003cp\u003e```html\u003c\/p\u003e\n\u003cstyle\u003e\n.smart-lock-page {\n  --bg: #160607;\n  --card: #21090c;\n  --card-light: #2d0d11;\n  --maroon: #8B1E2D;\n  --maroon-light: #D98A95;\n  --maroon-bright: #A9273A;\n  --text: #f8f5f5;\n  --muted: #b9aaad;\n  --border: rgba(255, 255, 255, 0.1);\n\n  position: relative;\n  max-width: 1200px;\n  margin: 0 auto;\n  overflow: hidden;\n  border-radius: 20px;\n  color: var(--text);\n  background:\n    radial-gradient(circle at 85% 5%, rgba(139, 30, 45, 0.22), transparent 30%),\n    linear-gradient(180deg, #0d0304, var(--bg));\n  font-family: Arial, Helvetica, sans-serif;\n  line-height: 1.5;\n}\n\n.smart-lock-page,\n.smart-lock-page * {\n  box-sizing: border-box;\n}\n\n.smart-lock-page h1,\n.smart-lock-page h2,\n.smart-lock-page h3,\n.smart-lock-page p {\n  margin-top: 0;\n}\n\n.smart-lock-inner {\n  position: relative;\n  z-index: 2;\n  padding: 70px 48px;\n}\n\n\/* HERO *\/\n\n.smart-lock-hero {\n  display: grid;\n  grid-template-columns: 1.05fr 0.95fr;\n  gap: 50px;\n  align-items: center;\n}\n\n.smart-lock-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 9px;\n  margin-bottom: 18px;\n  padding: 8px 13px;\n  border: 1px solid rgba(139, 30, 45, 0.5);\n  border-radius: 999px;\n  color: var(--maroon-light);\n  background: rgba(139, 30, 45, 0.12);\n  font-size: 11px;\n  font-weight: 800;\n  letter-spacing: 0.12em;\n}\n\n.smart-lock-dot {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  background: var(--maroon-bright);\n  box-shadow: 0 0 0 5px rgba(139, 30, 45, 0.15);\n  animation: lock-pulse 2s infinite;\n}\n\n.smart-lock-eyebrow {\n  margin-bottom: 10px !important;\n  color: var(--maroon-bright) !important;\n  font-size: 11px;\n  font-weight: 800;\n  letter-spacing: 0.18em;\n}\n\n.smart-lock-title {\n  margin: 0 !important;\n  color: var(--text) !important;\n  font-size: clamp(44px, 6vw, 76px);\n  line-height: 0.98;\n  letter-spacing: -0.05em;\n}\n\n.smart-lock-title span,\n.smart-lock-heading span {\n  color: var(--maroon-bright);\n}\n\n.smart-lock-intro {\n  max-width: 640px;\n  margin: 24px 0 0 !important;\n  color: var(--muted) !important;\n  font-size: 17px;\n  line-height: 1.7;\n}\n\n.smart-lock-intro strong {\n  color: var(--text);\n}\n\n.smart-lock-checks {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 16px;\n  margin-top: 25px;\n}\n\n.smart-lock-check {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  color: #e8dfe1;\n  font-size: 13px;\n  font-weight: 700;\n}\n\n.smart-lock-check i {\n  display: grid;\n  place-items: center;\n  width: 19px;\n  height: 19px;\n  border-radius: 50%;\n  color: #fff;\n  background: var(--maroon);\n  font-size: 11px;\n  font-style: normal;\n}\n\n\/* 5 WAYS TO UNLOCK *\/\n\n.unlock-methods {\n  margin-top: 28px;\n  padding: 20px;\n  border: 1px solid rgba(139, 30, 45, 0.35);\n  border-radius: 14px;\n  background: rgba(139, 30, 45, 0.09);\n}\n\n.unlock-methods-title {\n  margin-bottom: 14px !important;\n  color: var(--text) !important;\n  font-size: 18px;\n}\n\n.unlock-methods-title span {\n  color: var(--maroon-bright);\n}\n\n.unlock-methods-grid {\n  display: grid;\n  grid-template-columns: repeat(5, 1fr);\n  gap: 8px;\n}\n\n.unlock-method {\n  padding: 12px 7px;\n  border: 1px solid var(--border);\n  border-radius: 9px;\n  background: rgba(255,255,255,0.035);\n  text-align: center;\n}\n\n.unlock-method-number {\n  display: grid;\n  place-items: center;\n  width: 25px;\n  height: 25px;\n  margin: 0 auto 8px;\n  border-radius: 50%;\n  color: #fff;\n  background: var(--maroon);\n  font-size: 10px;\n  font-weight: 800;\n}\n\n.unlock-method strong {\n  display: block;\n  color: var(--text);\n  font-size: 10px;\n}\n\n.unlock-method small {\n  display: block;\n  margin-top: 3px;\n  color: var(--muted);\n  font-size: 8px;\n}\n\n\/* PRODUCT VISUAL *\/\n\n.smart-lock-visual {\n  min-height: 460px;\n  position: relative;\n  display: grid;\n  place-items: center;\n}\n\n.smart-lock-visual::before,\n.smart-lock-visual::after {\n  content: \"\";\n  position: absolute;\n  border: 1px solid rgba(139, 30, 45, 0.25);\n  border-radius: 50%;\n}\n\n.smart-lock-visual::before {\n  width: 390px;\n  height: 390px;\n  animation: lock-spin 28s linear infinite;\n}\n\n.smart-lock-visual::after {\n  width: 285px;\n  height: 285px;\n  border-style: dashed;\n  animation: lock-spin-reverse 20s linear infinite;\n}\n\n.smart-lock-image {\n  position: relative;\n  z-index: 2;\n  width: min(365px, 88%);\n  animation: lock-float 5s ease-in-out infinite;\n  filter: drop-shadow(0 28px 30px rgba(0, 0, 0, 0.55));\n}\n\n.smart-lock-image img {\n  display: block;\n  width: 100%;\n  height: auto;\n  object-fit: contain;\n}\n\n.smart-lock-placeholder {\n  padding: 26px;\n  border: 1px solid var(--border);\n  border-radius: 22px;\n  background: linear-gradient(\n    145deg,\n    rgba(255, 255, 255, 0.07),\n    rgba(255, 255, 255, 0.02)\n  );\n  text-align: center;\n}\n\n.smart-lock-placeholder-icon {\n  width: 150px;\n  height: 240px;\n  margin: 0 auto 14px;\n  border: 4px solid #71333d;\n  border-radius: 25px;\n  background: linear-gradient(145deg, #4a151d, #101010);\n  box-shadow:\n    inset 0 0 25px rgba(255, 255, 255, 0.08),\n    0 0 35px rgba(139, 30, 45, 0.25);\n}\n\n.smart-lock-placeholder-icon::before {\n  content: \"◉\";\n  display: grid;\n  place-items: center;\n  width: 68px;\n  height: 68px;\n  margin: 30px auto;\n  border: 2px solid var(--maroon-bright);\n  border-radius: 50%;\n  color: var(--maroon-bright);\n  font-size: 28px;\n  box-shadow: 0 0 25px rgba(139, 30, 45, 0.5);\n}\n\n.smart-lock-placeholder p {\n  margin: 0 !important;\n  color: var(--muted) !important;\n  font-size: 12px;\n}\n\n.smart-lock-float-card {\n  position: absolute;\n  z-index: 3;\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 11px 13px;\n  border: 1px solid var(--border);\n  border-radius: 10px;\n  background: rgba(30, 8, 11, 0.94);\n  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.3);\n  backdrop-filter: blur(10px);\n}\n\n.smart-lock-float-card:first-of-type {\n  top: 14%;\n  left: 0;\n}\n\n.smart-lock-float-card:last-of-type {\n  right: 0;\n  bottom: 13%;\n}\n\n.smart-lock-float-icon {\n  min-width: 38px;\n  height: 38px;\n  display: grid;\n  place-items: center;\n  border-radius: 8px;\n  color: #fff;\n  background: var(--maroon);\n  font-size: 17px;\n  font-weight: 900;\n}\n\n.smart-lock-float-copy {\n  color: var(--muted);\n  font-size: 10px;\n}\n\n.smart-lock-float-copy strong {\n  display: block;\n  color: var(--text);\n  font-size: 12px;\n}\n\n\/* STATS *\/\n\n.smart-lock-stats {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  margin-top: 45px;\n  border: 1px solid var(--border);\n  border-radius: 13px;\n  overflow: hidden;\n}\n\n.smart-lock-stat {\n  min-height: 110px;\n  display: grid;\n  place-content: center;\n  gap: 5px;\n  padding: 16px;\n  border-right: 1px solid var(--border);\n  background: rgba(255, 255, 255, 0.025);\n  text-align: center;\n}\n\n.smart-lock-stat:last-child {\n  border-right: 0;\n}\n\n.smart-lock-stat strong {\n  color: var(--maroon-bright);\n  font-size: 25px;\n}\n\n.smart-lock-stat span {\n  color: var(--muted);\n  font-size: 11px;\n}\n\n\/* FEATURES *\/\n\n.smart-lock-section {\n  padding-top: 110px;\n}\n\n.smart-lock-heading {\n  max-width: 760px;\n  margin-bottom: 42px !important;\n  color: var(--text) !important;\n  font-size: clamp(36px, 5vw, 58px);\n  line-height: 1.04;\n  letter-spacing: -0.045em;\n}\n\n.smart-lock-section-intro {\n  max-width: 620px;\n  margin: -22px 0 35px !important;\n  color: var(--muted) !important;\n  font-size: 16px;\n  line-height: 1.7;\n}\n\n.smart-lock-features {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 12px;\n}\n\n.smart-lock-feature {\n  min-height: 245px;\n  position: relative;\n  padding: 24px;\n  border: 1px solid var(--border);\n  border-radius: 12px;\n  background:\n    linear-gradient(145deg, rgba(255, 255, 255, 0.035), transparent),\n    var(--card);\n  transition: 0.3s ease;\n}\n\n.smart-lock-feature:hover {\n  transform: translateY(-7px);\n  border-color: rgba(139, 30, 45, 0.5);\n}\n\n.smart-lock-feature-icon {\n  width: 44px;\n  height: 44px;\n  display: grid;\n  place-items: center;\n  border: 1px solid rgba(139, 30, 45, 0.35);\n  border-radius: 9px;\n  color: var(--maroon-bright);\n  background: rgba(139, 30, 45, 0.1);\n  font-size: 20px;\n}\n\n.smart-lock-number {\n  position: absolute;\n  top: 25px;\n  right: 22px;\n  color: rgba(255, 255, 255, 0.17);\n  font-size: 11px;\n  font-weight: 800;\n}\n\n.smart-lock-feature h3 {\n  margin: 22px 0 8px !important;\n  color: var(--text) !important;\n  font-size: 17px;\n}\n\n.smart-lock-feature p {\n  margin: 0 !important;\n  color: var(--muted) !important;\n  font-size: 12px;\n  line-height: 1.65;\n}\n\n\/* SECURITY SECTION *\/\n\n.smart-lock-security {\n  min-height: 400px;\n  display: grid;\n  grid-template-columns: 1.15fr 0.85fr;\n  gap: 40px;\n  align-items: center;\n  margin-top: 110px;\n  padding: 55px;\n  border: 1px solid var(--border);\n  border-radius: 18px;\n  background:\n    radial-gradient(circle at 85% 50%, rgba(139, 30, 45, 0.2), transparent 27%),\n    linear-gradient(120deg, #250a0e, #100405);\n}\n\n.smart-lock-security h2 {\n  margin: 0 !important;\n  color: var(--text) !important;\n  font-size: clamp(36px, 5vw, 57px);\n  line-height: 1.04;\n  letter-spacing: -0.045em;\n}\n\n.smart-lock-security-copy p {\n  max-width: 610px;\n  margin: 19px 0 0 !important;\n  color: var(--muted) !important;\n  font-size: 15px;\n  line-height: 1.7;\n}\n\n.smart-lock-points {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 16px;\n  margin-top: 23px;\n}\n\n.smart-lock-points span {\n  display: flex;\n  align-items: center;\n  gap: 7px;\n  color: #e5dcde;\n  font-size: 11px;\n  font-weight: 700;\n}\n\n.smart-lock-points i {\n  width: 7px;\n  height: 7px;\n  border-radius: 50%;\n  background: var(--maroon-bright);\n  box-shadow: 0 0 12px var(--maroon-bright);\n}\n\n.smart-lock-radar {\n  width: min(280px, 100%);\n  aspect-ratio: 1;\n  position: relative;\n  justify-self: center;\n  display: grid;\n  place-items: center;\n  border: 1px solid rgba(139, 30, 45, 0.35);\n  border-radius: 50%;\n  background: radial-gradient(\n    circle,\n    rgba(139, 30, 45, 0.15),\n    transparent 64%\n  );\n}\n\n.smart-lock-radar::before,\n.smart-lock-radar::after {\n  content: \"\";\n  position: absolute;\n  background: rgba(139, 30, 45, 0.25);\n}\n\n.smart-lock-radar::before {\n  width: 1px;\n  height: 100%;\n}\n\n.smart-lock-radar::after {\n  width: 100%;\n  height: 1px;\n}\n\n.smart-lock-radar-line {\n  width: 65%;\n  height: 2px;\n  position: absolute;\n  top: 30%;\n  background: var(--maroon-bright);\n  box-shadow: 0 0 17px var(--maroon-bright);\n  animation: lock-scan 2.7s ease-in-out infinite alternate;\n}\n\n.smart-lock-radar strong {\n  position: absolute;\n  bottom: 32px;\n  padding: 6px 9px;\n  border-radius: 4px;\n  color: #fff;\n  background: var(--maroon);\n  font-size: 8px;\n  letter-spacing: 0.12em;\n}\n\n\/* CTA *\/\n\n.smart-lock-cta {\n  margin-top: 105px;\n  padding: 55px;\n  border: 1px solid rgba(139, 30, 45, 0.3);\n  border-radius: 18px;\n  background:\n    radial-gradient(circle at 10% 0%, rgba(139, 30, 45, 0.18), transparent 35%),\n    linear-gradient(145deg, #260b0f, #100405);\n  text-align: center;\n}\n\n.smart-lock-cta h2 {\n  margin: 0 !important;\n  color: var(--text) !important;\n  font-size: clamp(35px, 5vw, 56px);\n  line-height: 1.04;\n  letter-spacing: -0.045em;\n}\n\n.smart-lock-cta p {\n  max-width: 670px;\n  margin: 20px auto 0 !important;\n  color: var(--muted) !important;\n  font-size: 15px;\n  line-height: 1.7;\n}\n\n.smart-lock-button {\n  display: inline-block;\n  margin-top: 28px;\n  padding: 14px 23px;\n  border: 0;\n  border-radius: 999px;\n  color: #fff;\n  background: var(--maroon);\n  font-size: 13px;\n  font-weight: 800;\n  text-decoration: none;\n  cursor: pointer;\n  transition: 0.3s ease;\n}\n\n.smart-lock-button:hover {\n  background: var(--maroon-bright);\n  transform: translateY(-3px);\n  box-shadow: 0 10px 30px rgba(139, 30, 45, 0.3);\n}\n\n\/* ANIMATIONS *\/\n\n@keyframes lock-pulse {\n  50% {\n    box-shadow: 0 0 0 9px rgba(139, 30, 45, 0);\n  }\n}\n\n@keyframes lock-spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes lock-spin-reverse {\n  to {\n    transform: rotate(-360deg);\n  }\n}\n\n@keyframes lock-float {\n  0%, 100% {\n    transform: translateY(0);\n  }\n\n  50% {\n    transform: translateY(-12px);\n  }\n}\n\n@keyframes lock-scan {\n  from {\n    top: 29%;\n  }\n\n  to {\n    top: 68%;\n  }\n}\n\n\/* TABLET *\/\n\n@media (max-width: 900px) {\n  .smart-lock-hero,\n  .smart-lock-security {\n    grid-template-columns: 1fr;\n  }\n\n  .smart-lock-features {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  .unlock-methods-grid {\n    grid-template-columns: repeat(5, 1fr);\n  }\n}\n\n\/* MOBILE *\/\n\n@media (max-width: 749px) {\n  .smart-lock-page {\n    width: 100%;\n    border-radius: 12px;\n  }\n\n  .smart-lock-inner {\n    padding: 42px 14px;\n  }\n\n  .smart-lock-hero {\n    gap: 22px;\n  }\n\n  .smart-lock-title {\n    font-size: clamp(39px, 12vw, 55px);\n  }\n\n  .smart-lock-intro {\n    margin-top: 18px !important;\n    font-size: 15px;\n    line-height: 1.62;\n  }\n\n  .smart-lock-checks {\n    display: grid;\n    gap: 10px;\n    margin-top: 20px;\n  }\n\n  .unlock-methods {\n    padding: 14px;\n  }\n\n  .unlock-methods-grid {\n    grid-template-columns: repeat(2, 1fr);\n    gap: 7px;\n  }\n\n  .unlock-method:last-child {\n    grid-column: 1 \/ -1;\n  }\n\n  .unlock-method {\n    padding: 11px 5px;\n  }\n\n  .smart-lock-visual {\n    min-height: 355px;\n  }\n\n  .smart-lock-visual::before {\n    width: min(88vw, 330px);\n    height: min(88vw, 330px);\n  }\n\n  .smart-lock-visual::after {\n    width: min(65vw, 245px);\n    height: min(65vw, 245px);\n  }\n\n  .smart-lock-image {\n    width: min(78vw, 300px);\n  }\n\n  .smart-lock-float-card {\n    max-width: 145px;\n    padding: 8px;\n    backdrop-filter: blur(6px);\n  }\n\n  .smart-lock-float-card:first-of-type {\n    top: 8%;\n    left: 0;\n  }\n\n  .smart-lock-float-card:last-of-type {\n    right: 0;\n    bottom: 7%;\n  }\n\n  .smart-lock-float-icon {\n    min-width: 32px;\n    height: 32px;\n    font-size: 13px;\n  }\n\n  .smart-lock-float-copy {\n    font-size: 8px;\n    line-height: 1.3;\n  }\n\n  .smart-lock-float-copy strong {\n    font-size: 10px;\n  }\n\n  .smart-lock-stats {\n    grid-template-columns: repeat(2, 1fr);\n    margin-top: 22px;\n  }\n\n  .smart-lock-stat {\n    min-height: 91px;\n    padding: 11px 7px;\n  }\n\n  .smart-lock-stat:nth-child(2) {\n    border-right: 0;\n  }\n\n  .smart-lock-stat:nth-child(-n + 2) {\n    border-bottom: 1px solid var(--border);\n  }\n\n  .smart-lock-stat strong {\n    font-size: clamp(18px, 5.7vw, 22px);\n  }\n\n  .smart-lock-stat span {\n    font-size: 9px;\n  }\n\n  .smart-lock-section {\n    padding-top: 78px;\n  }\n\n  .smart-lock-heading,\n  .smart-lock-security h2,\n  .smart-lock-cta h2 {\n    font-size: clamp(33px, 10vw, 44px);\n  }\n\n  .smart-lock-section-intro {\n    margin: -20px 0 27px !important;\n    font-size: 14px;\n  }\n\n  .smart-lock-features {\n    grid-template-columns: 1fr;\n    gap: 9px;\n  }\n\n  .smart-lock-feature {\n    min-height: auto;\n    padding: 21px 18px;\n  }\n\n  .smart-lock-feature:hover {\n    transform: none;\n  }\n\n  .smart-lock-security {\n    min-height: auto;\n    gap: 32px;\n    margin-top: 78px;\n    padding: 30px 18px;\n    border-radius: 13px;\n  }\n\n  .smart-lock-security-copy p {\n    font-size: 14px;\n  }\n\n  .smart-lock-points {\n    display: grid;\n    gap: 10px;\n  }\n\n  .smart-lock-radar {\n    width: min(70vw, 235px);\n  }\n\n  .smart-lock-cta {\n    margin-top: 78px;\n    padding: 31px 18px;\n    border-radius: 13px;\n  }\n\n  .smart-lock-cta p {\n    font-size: 14px;\n  }\n}\n\n@media (max-width: 390px) {\n  .smart-lock-inner {\n    padding-right: 11px;\n    padding-left: 11px;\n  }\n\n  .smart-lock-title {\n    font-size: 37px;\n  }\n\n  .smart-lock-visual {\n    min-height: 325px;\n  }\n\n  .smart-lock-float-card {\n    max-width: 125px;\n  }\n}\n\n@media (hover: none) {\n  .smart-lock-feature:hover {\n    transform: none;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .smart-lock-page *,\n  .smart-lock-page *::before,\n  .smart-lock-page *::after {\n    animation-duration: 0.01ms !important;\n    animation-iteration-count: 1 !important;\n  }\n}\n\u003c\/style\u003e\n\u003cdiv class=\"smart-lock-page\"\u003e\n\u003cdiv class=\"smart-lock-inner\"\u003e\n\u003csection class=\"smart-lock-hero\"\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"smart-lock-badge\"\u003e\n\u003cspan class=\"smart-lock-dot\"\u003e\u003c\/span\u003e SMART HOME SECURITY\u003c\/div\u003e\n\u003cp class=\"smart-lock-eyebrow\"\u003e5 WAYS TO UNLOCK\u003c\/p\u003e\n\u003ch1 class=\"smart-lock-title\"\u003eOne lock.\u003cbr\u003e\u003cspan\u003eFive ways in.\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"smart-lock-intro\"\u003eMeet the \u003cstrong\u003eSafe Living Smart Door Handle\u003c\/strong\u003e — a modern security upgrade that gives you five convenient ways to unlock your door, while letting you control access from your phone.\u003c\/p\u003e\n\u003cdiv class=\"unlock-methods\"\u003e\n\u003ch2 class=\"unlock-methods-title\"\u003e\n\u003cstrong\u003e5 Ways To Unlock\u003c\/strong\u003e \u003cspan\u003e✓\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"unlock-methods-grid\"\u003e\n\u003cdiv class=\"unlock-method\"\u003e\n\u003cdiv class=\"unlock-method-number\"\u003e1\u003c\/div\u003e\n\u003cstrong\u003eFingerprint\u003c\/strong\u003e \u003csmall\u003eYour fingerprint\u003c\/small\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"unlock-method\"\u003e\n\u003cdiv class=\"unlock-method-number\"\u003e2\u003c\/div\u003e\n\u003cstrong\u003ePasscode\u003c\/strong\u003e \u003csmall\u003ePersonal PIN\u003c\/small\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"unlock-method\"\u003e\n\u003cdiv class=\"unlock-method-number\"\u003e3\u003c\/div\u003e\n\u003cstrong\u003eNormal Key\u003c\/strong\u003e \u003csmall\u003eTraditional backup\u003c\/small\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"unlock-method\"\u003e\n\u003cdiv class=\"unlock-method-number\"\u003e4\u003c\/div\u003e\n\u003cstrong\u003ePhone App\u003c\/strong\u003e \u003csmall\u003eSmartphone access\u003c\/small\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"unlock-method\"\u003e\n\u003cdiv class=\"unlock-method-number\"\u003e5\u003c\/div\u003e\n\u003cstrong\u003eKeycard\u003c\/strong\u003e \u003csmall\u003eTap to unlock\u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"smart-lock-checks\"\u003e\n\u003cdiv class=\"smart-lock-check\"\u003e\n\u003ci\u003e✓\u003c\/i\u003e Fingerprint access\u003c\/div\u003e\n\u003cdiv class=\"smart-lock-check\"\u003e\n\u003ci\u003e✓\u003c\/i\u003e Phone controlled\u003c\/div\u003e\n\u003cdiv class=\"smart-lock-check\"\u003e\n\u003ci\u003e✓\u003c\/i\u003e Temporary access\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ca href=\"#smart-lock-order\" class=\"smart-lock-button\"\u003e Upgrade Your Door → \u003c\/a\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"smart-lock-visual\"\u003e\n\u003cdiv class=\"smart-lock-image\"\u003e\n\u003c!-- Shopify will display your product image here --\u003e \u003cimg alt=\"{{ product.title | escape }}\" width=\"700\" height=\"700\" loading=\"eager\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"smart-lock-float-card\"\u003e\n\u003cspan class=\"smart-lock-float-icon\"\u003e◉\u003c\/span\u003e \u003cspan class=\"smart-lock-float-copy\"\u003e \u003cstrong\u003eFingerprint access\u003c\/strong\u003e Instant keyless entry \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"smart-lock-float-card\"\u003e\n\u003cspan class=\"smart-lock-float-icon\"\u003e⌁\u003c\/span\u003e \u003cspan class=\"smart-lock-float-copy\"\u003e \u003cstrong\u003eMobile control\u003c\/strong\u003e Manage access from your phone \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"smart-lock-stats\"\u003e\n\u003cdiv class=\"smart-lock-stat\"\u003e\n\u003cstrong\u003e5-WAY\u003c\/strong\u003e \u003cspan\u003eUnlocking options\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"smart-lock-stat\"\u003e\n\u003cstrong\u003eAPP\u003c\/strong\u003e \u003cspan\u003eSmartphone control\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"smart-lock-stat\"\u003e\n\u003cstrong\u003e2\u003c\/strong\u003e \u003cspan\u003eColour options\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"smart-lock-stat\"\u003e\n\u003cstrong\u003eFREE\u003c\/strong\u003e \u003cspan\u003eShipping in South Africa\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"smart-lock-section\"\u003e\n\u003cp class=\"smart-lock-eyebrow\"\u003eSMARTER SECURITY\u003c\/p\u003e\n\u003ch2 class=\"smart-lock-heading\"\u003ePowerful security.\u003cbr\u003e\u003cspan\u003eEffortless access.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"smart-lock-section-intro\"\u003eForget carrying keys everywhere. Choose the access method that works for you and easily manage who can enter your home.\u003c\/p\u003e\n\u003cdiv class=\"smart-lock-features\"\u003e\n\u003cdiv class=\"smart-lock-feature\"\u003e\n\u003cdiv class=\"smart-lock-feature-icon\"\u003e◉\u003c\/div\u003e\n\u003cspan class=\"smart-lock-number\"\u003e01\u003c\/span\u003e\n\u003ch3\u003eFingerprint Access\u003c\/h3\u003e\n\u003cp\u003eUnlock your door quickly using your fingerprint. No need to search for your keys.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"smart-lock-feature\"\u003e\n\u003cdiv class=\"smart-lock-feature-icon\"\u003e#\u003c\/div\u003e\n\u003cspan class=\"smart-lock-number\"\u003e02\u003c\/span\u003e\n\u003ch3\u003ePersonal Passcodes\u003c\/h3\u003e\n\u003cp\u003eUse a PIN code to unlock your door and give trusted people their own access.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"smart-lock-feature\"\u003e\n\u003cdiv class=\"smart-lock-feature-icon\"\u003e⌁\u003c\/div\u003e\n\u003cspan class=\"smart-lock-number\"\u003e03\u003c\/span\u003e\n\u003ch3\u003ePhone App\u003c\/h3\u003e\n\u003cp\u003eLock or unlock your door through the app and manage access directly from your smartphone.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"smart-lock-feature\"\u003e\n\u003cdiv class=\"smart-lock-feature-icon\"\u003e▣\u003c\/div\u003e\n\u003cspan class=\"smart-lock-number\"\u003e04\u003c\/span\u003e\n\u003ch3\u003eKeycard Access\u003c\/h3\u003e\n\u003cp\u003eUse a convenient keycard to unlock the door without carrying a traditional key.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"smart-lock-feature\"\u003e\n\u003cdiv class=\"smart-lock-feature-icon\"\u003e🔑\u003c\/div\u003e\n\u003cspan class=\"smart-lock-number\"\u003e05\u003c\/span\u003e\n\u003ch3\u003eNormal Key Backup\u003c\/h3\u003e\n\u003cp\u003ePrefer a traditional key? You can still unlock your door normally whenever you need to.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"smart-lock-feature\"\u003e\n\u003cdiv class=\"smart-lock-feature-icon\"\u003e+\u003c\/div\u003e\n\u003cspan class=\"smart-lock-number\"\u003e06\u003c\/span\u003e\n\u003ch3\u003eFamily Access\u003c\/h3\u003e\n\u003cp\u003eGive different family members their own fingerprint, passcode or keycard access.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"smart-lock-feature\"\u003e\n\u003cdiv class=\"smart-lock-feature-icon\"\u003e⏱\u003c\/div\u003e\n\u003cspan class=\"smart-lock-number\"\u003e07\u003c\/span\u003e\n\u003ch3\u003eTemporary PINs\u003c\/h3\u003e\n\u003cp\u003eCreate temporary PIN codes for guests or service providers that can expire after a set time.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"smart-lock-feature\"\u003e\n\u003cdiv class=\"smart-lock-feature-icon\"\u003e🔔\u003c\/div\u003e\n\u003cspan class=\"smart-lock-number\"\u003e08\u003c\/span\u003e\n\u003ch3\u003eUnlock Notifications\u003c\/h3\u003e\n\u003cp\u003eReceive notifications on your phone when your door is unlocked so you can keep track of access.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"smart-lock-security\"\u003e\n\u003cdiv class=\"smart-lock-security-copy\"\u003e\n\u003cp class=\"smart-lock-eyebrow\"\u003eCONTROL YOUR ACCESS\u003c\/p\u003e\n\u003ch2\u003eYour door.\u003cbr\u003e\u003cspan\u003eYour rules.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eWhether you're at home or away, the Safe Living smart door handle gives you more control over who can access your door.\u003c\/p\u003e\n\u003cdiv class=\"smart-lock-points\"\u003e\n\u003cspan\u003e \u003ci\u003e\u003c\/i\u003e Manage fingerprints \u003c\/span\u003e \u003cspan\u003e \u003ci\u003e\u003c\/i\u003e Manage keycards \u003c\/span\u003e \u003cspan\u003e \u003ci\u003e\u003c\/i\u003e Create temporary PINs \u003c\/span\u003e \u003cspan\u003e \u003ci\u003e\u003c\/i\u003e Receive unlock notifications \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"smart-lock-radar\"\u003e\n\u003cdiv class=\"smart-lock-radar-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cstrong\u003eACCESS CONTROLLED\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"smart-lock-section\"\u003e\n\u003cp class=\"smart-lock-eyebrow\"\u003eMADE FOR EVERYDAY LIFE\u003c\/p\u003e\n\u003ch2 class=\"smart-lock-heading\"\u003eOne smart handle.\u003cbr\u003e\u003cspan\u003eMore control.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"smart-lock-features\"\u003e\n\u003cdiv class=\"smart-lock-feature\"\u003e\n\u003cdiv class=\"smart-lock-feature-icon\"\u003e⌂\u003c\/div\u003e\n\u003cspan class=\"smart-lock-number\"\u003e01\u003c\/span\u003e\n\u003ch3\u003eFor Your Family\u003c\/h3\u003e\n\u003cp\u003eGive each family member their own secure way to unlock the door.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"smart-lock-feature\"\u003e\n\u003cdiv class=\"smart-lock-feature-icon\"\u003e◌\u003c\/div\u003e\n\u003cspan class=\"smart-lock-number\"\u003e02\u003c\/span\u003e\n\u003ch3\u003eFor Guests\u003c\/h3\u003e\n\u003cp\u003eCreate temporary access when someone needs to enter your home.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"smart-lock-feature\"\u003e\n\u003cdiv class=\"smart-lock-feature-icon\"\u003e▣\u003c\/div\u003e\n\u003cspan class=\"smart-lock-number\"\u003e03\u003c\/span\u003e\n\u003ch3\u003eFor Service Providers\u003c\/h3\u003e\n\u003cp\u003eGive cleaners, maintenance workers or other trusted people temporary access.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"smart-lock-feature\"\u003e\n\u003cdiv class=\"smart-lock-feature-icon\"\u003e◷\u003c\/div\u003e\n\u003cspan class=\"smart-lock-number\"\u003e04\u003c\/span\u003e\n\u003ch3\u003eFor Peace Of Mind\u003c\/h3\u003e\n\u003cp\u003eKeep track of access and manage your smart lock from your phone.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"smart-lock-cta\" id=\"smart-lock-order\"\u003e\n\u003cp class=\"smart-lock-eyebrow\"\u003eSAFE LIVING SECURITY\u003c\/p\u003e\n\u003ch2\u003eSmarter access.\u003cbr\u003eStronger control.\u003c\/h2\u003e\n\u003cp\u003eFive ways to unlock, smartphone control, temporary access and a traditional key backup — all built into one modern smart door handle.\u003c\/p\u003e\n\u003ca href=\"#\" class=\"smart-lock-button\"\u003e Upgrade Your Door → \u003c\/a\u003e\u003c\/section\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e```\u003c\/p\u003e","brand":"Safe Living","offers":[{"title":"Sircel \/ Silver","offer_id":47963001684139,"sku":null,"price":1699.99,"currency_code":"ZAR","in_stock":true},{"title":"Sircel \/ Black","offer_id":47963001716907,"sku":null,"price":1699.99,"currency_code":"ZAR","in_stock":true},{"title":"Sqaure \/ Silver","offer_id":47980153012395,"sku":null,"price":1699.99,"currency_code":"ZAR","in_stock":true},{"title":"Sqaure \/ Black","offer_id":47980153077931,"sku":null,"price":1699.99,"currency_code":"ZAR","in_stock":true},{"title":"Rectangle \/ Silver","offer_id":47980153045163,"sku":null,"price":1699.99,"currency_code":"ZAR","in_stock":true},{"title":"Rectangle \/ Black","offer_id":47980153110699,"sku":null,"price":1699.99,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0792\/3508\/8555\/files\/black-door-lock-with-safe-living-box.png?v=1789485360"}],"url":"https:\/\/safeliving.co.za\/collections\/best-sellers.oembed","provider":"Safe Living","version":"1.0","type":"link"}