LawnLogic Hero<\/title>\n\n<style>\nhtml,\nbody {\n margin: 0 !important;\n padding: 0 !important;\n width: 100% !important;\n max-width: 100% !important;\n overflow-x: clip !important;\n}\n\n\/* FULL-WIDTH HERO *\/\n#glowHero {\n position: relative;\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(50% - 50vw) !important;\n margin-right: calc(50% - 50vw) !important;\n min-height: 800px;\n overflow: hidden;\n isolation: isolate;\n box-sizing: border-box;\n\n background:\n linear-gradient(\n 90deg,\n rgba(3, 15, 8, 0.78) 0%,\n rgba(3, 15, 8, 0.48) 42%,\n rgba(3, 15, 8, 0.08) 100%\n ),\n url(\"https:\/\/lawnlogic.shop\/wp-content\/uploads\/2026\/10\/Realistic-Lawn-Mower-in-Backyard-Garden1.png\")\n center center \/ cover no-repeat;\n}\n\n\/* MOUSE-FOLLOWING GREEN GLOW *\/\n#glowHero .mouse-glow {\n position: absolute;\n z-index: 0;\n left: 0;\n top: 0;\n width: 440px;\n height: 440px;\n border-radius: 50%;\n pointer-events: none;\n\n background: radial-gradient(\n circle,\n rgba(126, 211, 33, 0.25) 0%,\n rgba(72, 180, 20, 0.14) 30%,\n rgba(45, 150, 20, 0.06) 52%,\n transparent 72%\n );\n\n filter: blur(28px);\n opacity: 0;\n transform: translate(-50%, -50%);\n will-change: transform;\n mix-blend-mode: screen;\n}\n\n\/* HERO CONTENT *\/\n#glowHero .hero-content {\n position: relative;\n z-index: 1;\n width: min(calc(100% - 48px), 1240px);\n margin: 0 auto;\n padding: 100px 0;\n color: #fff;\n box-sizing: border-box;\n}\n\n#glowHero h1 {\n max-width: 650px;\n margin: 0 0 22px;\n color: #fff;\n font-family: Arial, sans-serif;\n font-size: clamp(42px, 5.5vw, 76px);\n font-weight: 800;\n line-height: 1.06;\n letter-spacing: -1.5px;\n}\n\n#glowHero h1 span {\n color: #7ed321;\n}\n\n#glowHero p {\n max-width: 520px;\n margin: 0;\n color: #f0f5ee;\n font-family: Arial, sans-serif;\n font-size: 17px;\n line-height: 1.8;\n}\n\n\/* BUTTON CONTAINER *\/\n#glowHero .hero-buttons {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: 18px;\n margin-top: 32px;\n}\n\n\/* SHARED BUTTON STYLING *\/\n#glowHero .hero-btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 20px;\n min-height: 56px;\n padding: 0 26px;\n box-sizing: border-box;\n border: 1px solid transparent;\n border-radius: 7px;\n\n font-family: Arial, sans-serif;\n font-size: 15px;\n font-weight: 700;\n letter-spacing: 0.2px;\n text-decoration: none !important;\n cursor: pointer;\n\n transition:\n transform 0.3s ease,\n background-color 0.3s ease,\n border-color 0.3s ease,\n box-shadow 0.3s ease,\n color 0.3s ease;\n}\n\n\/* SHOP NOW BUTTON *\/\n#glowHero .shop-btn {\n background: #7ed321;\n color: #102016 !important;\n box-shadow: 0 5px 18px rgba(126, 211, 33, 0.2);\n}\n\n#glowHero .shop-btn:hover {\n background: #91ed2e;\n color: #102016 !important;\n transform: translateY(-4px);\n box-shadow: 0 10px 28px rgba(126, 211, 33, 0.35);\n}\n\n\/* CONTACT US BUTTON *\/\n#glowHero .contact-btn {\n background: rgba(255, 255, 255, 0.05);\n color: #fff !important;\n border-color: rgba(255, 255, 255, 0.7);\n backdrop-filter: blur(6px);\n}\n\n#glowHero .contact-btn:hover {\n background: rgba(126, 211, 33, 0.13);\n color: #a6f45a !important;\n border-color: #7ed321;\n transform: translateY(-4px);\n}\n\n\/* ANIMATED ARROWS *\/\n#glowHero .btn-arrow {\n display: inline-block;\n font-size: 22px;\n line-height: 1;\n transition: transform 0.3s ease;\n}\n\n#glowHero .hero-btn:hover .btn-arrow {\n transform: translateX(6px);\n}\n\n\/* BUTTON ENTRANCE ANIMATION *\/\n@media (prefers-reduced-motion: no-preference) {\n #glowHero .hero-buttons {\n animation: lawnButtonsIn 0.8s ease 0.15s both;\n }\n\n @keyframes lawnButtonsIn {\n from {\n opacity: 0;\n transform: translateY(16px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n}\n\n\/* KEYBOARD ACCESSIBILITY *\/\n#glowHero .hero-btn:focus-visible {\n outline: 3px solid #b5f77a;\n outline-offset: 4px;\n}\n\n\/* TABLET AND MOBILE *\/\n@media (max-width: 768px) {\n #glowHero {\n min-height: 650px;\n background-position: 58% center;\n }\n\n #glowHero .hero-content {\n width: calc(100% - 40px);\n padding: 90px 0 70px;\n }\n\n #glowHero h1 {\n font-size: clamp(38px, 9vw, 54px);\n letter-spacing: -0.8px;\n }\n\n #glowHero p {\n max-width: 400px;\n font-size: 15px;\n }\n\n #glowHero .mouse-glow {\n width: 300px;\n height: 300px;\n }\n}\n\n\/* SMALL MOBILE BUTTONS *\/\n@media (max-width: 480px) {\n #glowHero .hero-buttons {\n gap: 12px;\n margin-top: 26px;\n }\n\n #glowHero .hero-btn {\n min-height: 52px;\n padding: 0 18px;\n gap: 12px;\n font-size: 14px;\n }\n}\n\n\/* REDUCED MOTION ACCESSIBILITY *\/\n@media (prefers-reduced-motion: reduce) {\n #glowHero .mouse-glow {\n display: none;\n }\n}\n<\/style>\n<\/head>\n\n<body>\n\n<section id=\"glowHero\" aria-label=\"LawnLogic outdoor equipment\">\n\n <div class=\"mouse-glow\" id=\"mouseGlow\"><\/div>\n\n <div class=\"hero-content\">\n\n <h1>\n Power Your Outdoors.<br>\n <span>Perfect Every Lawn.<\/span>\n <\/h1>\n\n <p>\n Discover premium equipment for lawn care, gardening,\n cleaning and property maintenance.\n <\/p>\n\n \n <div class=\"hero-buttons\">\n\n <a\n href=\"https:\/\/lawnlogic.shop\/?product_cat=best-selling\"\n class=\"hero-btn shop-btn\"\n >\n <span>Shop Now<\/span>\n <span class=\"btn-arrow\" aria-hidden=\"true\">\u2192<\/span>\n <\/a>\n\n <a\n href=\"https:\/\/lawnlogic.shop\/?page_id=33\"\n class=\"hero-btn contact-btn\"\n >\n <span>Contact Us<\/span>\n <span class=\"btn-arrow\" aria-hidden=\"true\">\u2192<\/span>\n <\/a>\n\n <\/div>\n\n <\/div>\n<\/section>\n\n<script>\n(() => {\n const hero = document.getElementById(\"glowHero\");\n const glow = document.getElementById(\"mouseGlow\");\n\n if (!hero || !glow) return;\n\n const reducedMotion = window.matchMedia(\n \"(prefers-reduced-motion: reduce)\"\n );\n\n if (reducedMotion.matches) return;\n\n let targetX = 0;\n let targetY = 0;\n let currentX = 0;\n let currentY = 0;\n let frame = null;\n\n function animate() {\n currentX += (targetX - currentX) * 0.09;\n currentY += (targetY - currentY) * 0.09;\n\n glow.style.transform =\n `translate3d(${currentX}px, ${currentY}px, 0) translate(-50%, -50%)`;\n\n if (\n Math.abs(targetX - currentX) > 0.15 ||\n Math.abs(targetY - currentY) > 0.15\n ) {\n frame = requestAnimationFrame(animate);\n } else {\n currentX = targetX;\n currentY = targetY;\n frame = null;\n }\n }\n\n hero.addEventListener(\"pointerenter\", () => {\n glow.style.opacity = \"1\";\n });\n\n hero.addEventListener(\"pointermove\", (event) => {\n const rect = hero.getBoundingClientRect();\n\n targetX = event.clientX - rect.left;\n targetY = event.clientY - rect.top;\n\n if (frame === null) {\n frame = requestAnimationFrame(animate);\n }\n });\n\n hero.addEventListener(\"pointerleave\", () => {\n glow.style.opacity = \"0\";\n });\n})();\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7154dd8 e-con e-atomic-element e-flexbox-base e-default-div e-d925a8d \" data-id=\"7154dd8\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"7154dd8\">\n \t\t<div class=\"elementor-element elementor-element-b07ab20 elementor-widget elementor-widget-html\" data-id=\"b07ab20\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n\n<section class=\"ll-benefits\">\n <div class=\"ll-benefits-bg\"><\/div>\n <div class=\"ll-benefits-overlay\"><\/div>\n\n <div class=\"ll-benefits-inner\">\n\n <div class=\"ll-benefits-heading\">\n <h2>WHY CHOOSE <span>LAWNLOGIC<\/span><\/h2>\n <p>Quality Tools. Greener Spaces. Better Living.<\/p>\n <div class=\"ll-heading-line\"><\/div>\n <\/div>\n\n <div class=\"ll-benefits-panel\">\n\n \n <div class=\"ll-benefit\">\n <div class=\"ll-benefit-icon ll-green\">\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n <path d=\"M12 3 2.8 7.5 12 21l9.2-13.5L12 3Z\"\/>\n <path d=\"m2.8 7.5 6.1.2L12 3l3.1 4.7 6.1-.2M8.9 7.7 12 21l3.1-13.3\"\/>\n <\/svg>\n <\/div>\n <h3>PREMIUM QUALITY<\/h3>\n <p>Reliable outdoor equipment<br>\n built for lasting performance.<\/p>\n <\/div>\n\n \n <div class=\"ll-benefit\">\n <div class=\"ll-benefit-icon ll-orange\">\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n <path d=\"M3 7h11v11H3zM14 11h4l3 4v3h-7\"\/>\n <path d=\"M6 18a2 2 0 1 0 4 0M16 18a2 2 0 1 0 4 0M1 10h5M1 13h4\"\/>\n <\/svg>\n <\/div>\n <h3>FAST DELIVERY<\/h3>\n <p>Quick and reliable shipping<br>\n straight to your doorstep.<\/p>\n <\/div>\n\n \n <div class=\"ll-benefit\">\n <div class=\"ll-benefit-icon ll-green\">\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n <path d=\"m12 2 9 5-9 5-9-5 9-5Z\"\/>\n <path d=\"M3 7v10l9 5 9-5V7M12 12v10\"\/>\n <path d=\"m9 5 9 5M15 15l2 2 4-4\"\/>\n <\/svg>\n <\/div>\n <h3>EASY SUPPORT<\/h3>\n <p>Helpful service and guidance<br>\n when you need assistance.<\/p>\n <\/div>\n\n \n <div class=\"ll-benefit\">\n <div class=\"ll-benefit-icon ll-orange\">\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n <path d=\"M12 22s8-4 8-11V5l-8-3-8 3v6c0 7 8 11 8 11Z\"\/>\n <path d=\"m9 12 2 2 4-5\"\/>\n <\/svg>\n <\/div>\n <h3>SECURE CHECKOUT<\/h3>\n <p>Shop with confidence using<br>\n secure payment processing.<\/p>\n <\/div>\n\n <\/div>\n <\/div>\n<\/section>\n\n<style>\n\/* LAWNLOGIC BENEFITS SECTION *\/\n.ll-benefits {\n --ll-green: #0B6623;\n --ll-lime: #7ED321;\n --ll-orange: #FF8500;\n\n position: relative;\n isolation: isolate;\n width: 100%;\n padding: 64px 24px 76px;\n overflow: hidden;\n background: #101b14;\n box-sizing: border-box;\n font-family: inherit;\n}\n\n```css\n\/* LAWNLOGIC \u2014 SUBTLE ANIMATED HEADING LINE *\/\n.ll-heading-line {\n position: relative;\n overflow: hidden;\n box-shadow: 0 0 8px rgba(126, 211, 33, 0.25);\n}\n\n.ll-heading-line::after {\n content: \"\";\n position: absolute;\n top: 0;\n left: -40%;\n width: 40%;\n height: 100%;\n background: linear-gradient(\n 90deg,\n transparent,\n rgba(255, 255, 255, 0.9),\n transparent\n );\n animation: ll-line-shimmer 3s ease-in-out infinite;\n}\n\n@keyframes ll-line-shimmer {\n 0% {\n left: -40%;\n }\n 55%, 100% {\n left: 110%;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .ll-heading-line::after {\n animation: none;\n }\n}\n```\n.ll-benefits *,\n.ll-benefits *::before,\n.ll-benefits *::after {\n box-sizing: border-box;\n}\n\n\/* UPDATED LAWNLOGIC BACKGROUND IMAGE *\/\n.ll-benefits-bg {\n position: absolute;\n inset: -10px;\n z-index: -2;\n background-image: url(\"https:\/\/lawnlogic.shop\/wp-content\/uploads\/2026\/10\/LawnLogic-Mower-in-a-Sunny-Garden.png\");\n background-size: cover;\n background-position: center 55%;\n filter: blur(3px);\n transform: scale(1.03);\n}\n\n.ll-benefits-overlay {\n position: absolute;\n inset: 0;\n z-index: -1;\n background: linear-gradient(\n 100deg,\n rgba(4, 17, 9, .76),\n rgba(7, 25, 10, .58),\n rgba(5, 18, 8, .72)\n );\n}\n\n.ll-benefits-inner {\n width: 100%;\n max-width: 1450px;\n margin: 0 auto;\n}\n\n.ll-benefits-heading {\n text-align: center;\n margin: 0 auto 36px;\n}\n\n.ll-benefits-heading h2 {\n margin: 0 0 10px;\n color: #fff;\n font-size: clamp(30px, 3.2vw, 54px);\n font-weight: 800;\n line-height: 1.15;\n letter-spacing: -1.3px;\n}\n\n.ll-benefits-heading h2 span {\n color: var(--ll-lime);\n}\n\n.ll-benefits-heading p {\n margin: 0;\n color: #fff;\n font-size: 15px;\n font-weight: 500;\n line-height: 1.7;\n}\n\n.ll-heading-line {\n width: 75px;\n height: 3px;\n margin: 18px auto 0;\n border-radius: 4px;\n background: var(--ll-lime);\n}\n\n\/* GLASS PANEL *\/\n.ll-benefits-panel {\n display: grid;\n grid-template-columns: repeat(4, minmax(0, 1fr));\n overflow: hidden;\n border: 1px solid rgba(255,255,255,.24);\n border-radius: 22px;\n background: rgba(7, 20, 10, .58);\n box-shadow: 0 16px 50px rgba(0,0,0,.2);\n -webkit-backdrop-filter: blur(16px);\n backdrop-filter: blur(16px);\n}\n\n.ll-benefit {\n position: relative;\n display: flex;\n min-width: 0;\n flex-direction: column;\n align-items: center;\n justify-content: flex-start;\n padding: 30px 18px 32px;\n text-align: center;\n}\n\n.ll-benefit:not(:last-child)::after {\n content: \"\";\n position: absolute;\n right: 0;\n top: 22%;\n height: 56%;\n width: 1px;\n background: linear-gradient(\n to bottom,\n transparent,\n rgba(126,211,33,.6),\n transparent\n );\n}\n\n.ll-benefit-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 68px;\n height: 68px;\n margin-bottom: 19px;\n border: 1px solid rgba(255,255,255,.25);\n border-radius: 50%;\n transition: transform .25s ease, box-shadow .25s ease;\n}\n\n.ll-benefit:hover .ll-benefit-icon {\n transform: translateY(-4px);\n box-shadow: 0 8px 25px rgba(0,0,0,.2);\n}\n\n.ll-green {\n background: #087D32;\n}\n\n.ll-orange {\n background: var(--ll-orange);\n}\n\n.ll-benefit-icon svg {\n width: 28px;\n height: 28px;\n fill: none;\n stroke: #fff;\n stroke-width: 1.7;\n stroke-linecap: round;\n stroke-linejoin: round;\n}\n\n.ll-benefit h3 {\n margin: 0 0 11px;\n color: #fff;\n font-size: 15px;\n font-weight: 800;\n line-height: 1.4;\n}\n\n.ll-benefit p {\n margin: 0;\n color: rgba(255,255,255,.94);\n font-size: 14px;\n font-weight: 400;\n line-height: 1.6;\n}\n\n\/* TABLET *\/\n@media (max-width: 900px) {\n .ll-benefits {\n padding: 52px 20px 58px;\n }\n\n .ll-benefits-panel {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n\n .ll-benefit {\n padding: 28px 14px;\n }\n\n .ll-benefit:nth-child(2)::after {\n display: none;\n }\n\n .ll-benefit:nth-child(-n+2) {\n border-bottom: 1px solid rgba(255,255,255,.13);\n }\n}\n\n\/* MOBILE *\/\n@media (max-width: 520px) {\n .ll-benefits {\n padding: 42px 14px 46px;\n }\n\n .ll-benefits-heading {\n margin-bottom: 27px;\n }\n\n .ll-benefits-heading h2 {\n font-size: 29px;\n letter-spacing: -.7px;\n }\n\n .ll-benefits-heading p {\n font-size: 13px;\n }\n\n .ll-benefits-panel {\n border-radius: 16px;\n }\n\n .ll-benefit {\n padding: 23px 7px;\n }\n\n .ll-benefit-icon {\n width: 54px;\n height: 54px;\n margin-bottom: 14px;\n }\n\n .ll-benefit-icon svg {\n width: 24px;\n height: 24px;\n }\n\n .ll-benefit h3 {\n font-size: 11px;\n margin-bottom: 8px;\n }\n\n .ll-benefit p {\n font-size: 11px;\n line-height: 1.55;\n }\n}\n```css\n\/* SOFT LIGHT GLOW ON HOVER *\/\n.ll-benefit {\n overflow: hidden;\n isolation: isolate;\n transition: background .35s ease;\n}\n\n.ll-benefit::before {\n content: \"\";\n position: absolute;\n inset: 0;\n z-index: -1;\n opacity: 0;\n pointer-events: none;\n background: radial-gradient(\n circle at var(--mouse-x, 50%) var(--mouse-y, 50%),\n rgba(126, 211, 33, 0.24) 0%,\n rgba(11, 102, 35, 0.12) 38%,\n transparent 75%\n );\n transition: opacity .3s ease;\n}\n\n.ll-benefit:hover::before {\n opacity: 1;\n}\n\n.ll-benefit:hover {\n background-color: rgba(126, 211, 33, 0.06);\n}\n```\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-6a3e689 e-flex e-con-boxed e-con e-parent\" data-id=\"6a3e689\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fb85b65 elementor-widget elementor-widget-html\" data-id=\"fb85b65\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<section class=\"lawnlogic-showcase\" aria-label=\"LawnLogic shop categories\">\n\n \n <div class=\"lls-hero\">\n <div class=\"lls-hero-photo\"><\/div>\n <div class=\"lls-hero-shade\"><\/div>\n\n <div class=\"lls-hero-content\">\n\n <div class=\"lls-eyebrow\">\n <span><\/span> LAWN EQUIPMENT & OUTDOOR POWER\n <\/div>\n\n <h2 class=\"lls-hero-title\">\n Lawn<br><span>Mowers<\/span>\n <\/h2>\n\n <p class=\"lls-hero-copy\">\n Power and Precision<br>for a Greener Lawn.\n <\/p>\n\n <a class=\"lls-shop-button\" href=\"\/product-category\/lawn-mowers\/\">\n SHOP COLLECTION <span>\u2192<\/span>\n <\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"lls-category-list\">\n\n <a class=\"lls-category is-active\" href=\"\/product-category\/hardware-tools\/\">\n <div class=\"lls-category-image\">\n <img decoding=\"async\" src=\"https:\/\/lawnlogic.shop\/wp-content\/uploads\/2026\/10\/Screenshot-2026-10-18-212131.png\" alt=\"Hardware tools\">\n <\/div>\n\n <div class=\"lls-category-copy\">\n <span class=\"lls-brand\">LawnLogic<\/span>\n <div class=\"lls-category-meta\">\n <span>01<\/span>\n <h3>Hardware Tools<\/h3>\n <\/div>\n <p>Reliable tools for every project.<\/p>\n <\/div>\n\n <span class=\"lls-arrow\">\u2192<\/span>\n <\/a>\n\n <a class=\"lls-category\" href=\"\/product-category\/blowers\/\">\n <div class=\"lls-category-image\">\n <img decoding=\"async\" src=\"https:\/\/lawnlogic.shop\/wp-content\/uploads\/2026\/10\/Screenshot-2026-10-18-212140.png\" alt=\"Garden blower\">\n <\/div>\n\n <div class=\"lls-category-copy\">\n <span class=\"lls-brand\">LawnLogic<\/span>\n <div class=\"lls-category-meta\">\n <span>02<\/span>\n <h3>Blowers<\/h3>\n <\/div>\n <p>Cleaner outdoors. Healthier spaces.<\/p>\n <\/div>\n\n <span class=\"lls-arrow\">\u2192<\/span>\n <\/a>\n\n <a class=\"lls-category\" href=\"\/product-category\/vacuum-cleaners\/\">\n <div class=\"lls-category-image\">\n <img decoding=\"async\" src=\"https:\/\/lawnlogic.shop\/wp-content\/uploads\/2026\/10\/Screenshot-2026-10-18-212152.png\" alt=\"Vacuum cleaner\">\n <\/div>\n\n <div class=\"lls-category-copy\">\n <span class=\"lls-brand\">LawnLogic<\/span>\n <div class=\"lls-category-meta\">\n <span>03<\/span>\n <h3>Vacuum Cleaners<\/h3>\n <\/div>\n <p>Efficient cleaning for brighter spaces.<\/p>\n <\/div>\n\n <span class=\"lls-arrow\">\u2192<\/span>\n <\/a>\n\n <\/div>\n<\/section>\n\n<style>\n\/* =====================================\n LAWNLOGIC SHOWCASE (all classes use lls-)\n===================================== *\/\n\n.lawnlogic-showcase {\n --lls-green: #48bd18;\n --lls-orange: #ff852d;\n\n display: grid;\n grid-template-columns: minmax(0, 2.05fr) minmax(0, 1.4fr);\n gap: 16px;\n\n width: 100vw;\n max-width: none;\n margin-left: calc(50% - 50vw);\n margin-right: calc(50% - 50vw);\n padding: 16px 20px;\n\n box-sizing: border-box;\n font-family: Inter, Arial, sans-serif;\n color: #12351f;\n}\n\n.lawnlogic-showcase *,\n.lawnlogic-showcase *::before,\n.lawnlogic-showcase *::after {\n box-sizing: border-box;\n}\n\n.lawnlogic-showcase a {\n -webkit-tap-highlight-color: transparent;\n}\n\n\/* HERO *\/\n\n.lawnlogic-showcase .lls-hero {\n position: relative;\n isolation: isolate;\n overflow: hidden;\n min-width: 0;\n min-height: 540px;\n border-radius: 17px;\n background: #073b20;\n display: flex;\n align-items: flex-end;\n}\n\n.lls-hero-photo {\n position: absolute;\n inset: 0;\n z-index: -2;\n\n background-image: url('https:\/\/lawnlogic.shop\/wp-content\/uploads\/2026\/10\/LawnLogic-Mower-in-Sunlit-Garden.png');\n background-position: center;\n background-size: cover;\n background-repeat: no-repeat;\n\n transform: scale(1.01);\n transition: transform 1s cubic-bezier(.2,.75,.25,1);\n}\n\n@media (hover: hover) {\n .lls-hero:hover .lls-hero-photo {\n transform: scale(1.045);\n }\n}\n\n.lls-hero-shade {\n position: absolute;\n inset: 0;\n z-index: -1;\n\n background:\n linear-gradient(90deg,\n rgba(0,37,19,.91) 0%,\n rgba(0,37,19,.76) 38%,\n rgba(0,37,19,.15) 100%),\n linear-gradient(0deg,\n rgba(0,25,12,.3),\n transparent 60%);\n}\n\n.lls-hero-content {\n width: 100%;\n padding: clamp(28px, 4vw, 58px);\n color: #fff;\n animation: llsRise .8s both;\n}\n\n\/* EYEBROW + ANIMATED GREEN LINE *\/\n\n.lls-eyebrow {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n gap: 12px;\n margin-bottom: 25px;\n\n font-size: clamp(9px, .8vw, 12px);\n letter-spacing: 1.6px;\n font-weight: 800;\n color: #fff;\n}\n\n.lls-eyebrow > span {\n position: relative;\n display: block;\n width: 32px;\n height: 3px;\n flex-shrink: 0;\n overflow: hidden;\n background: rgba(72,189,24,.25);\n border-radius: 5px;\n}\n\n.lls-eyebrow > span::after {\n content: \"\";\n position: absolute;\n inset: 0;\n background: var(--lls-green);\n border-radius: inherit;\n transform-origin: left center;\n animation: llsLinePulse 3s ease-in-out infinite;\n}\n\n@keyframes llsLinePulse {\n 0%, 100% { transform: scaleX(.35); opacity: .65; }\n 50% { transform: scaleX(1); opacity: 1; }\n}\n\n\/* HEADLINE *\/\n\n.lls-hero-title {\n margin: 0 0 20px;\n color: #fff;\n font-size: clamp(48px, 5.7vw, 92px);\n line-height: .91;\n letter-spacing: -3px;\n font-weight: 900;\n}\n\n.lls-hero-title > span {\n color: #55c91f;\n}\n\n.lls-hero-copy {\n margin: 0 0 27px;\n color: rgba(255,255,255,.94);\n font-size: clamp(14px, 1.5vw, 23px);\n line-height: 1.5;\n}\n\n\/* CTA *\/\n\n.lawnlogic-showcase a.lls-shop-button {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 22px;\n padding: 16px 25px;\n border-radius: 50px;\n\n background: var(--lls-orange);\n color: #fff !important;\n text-decoration: none !important;\n\n font-size: 12px;\n font-weight: 850;\n letter-spacing: .5px;\n\n transition: background .25s, transform .25s, box-shadow .25s;\n}\n\n.lls-shop-button > span {\n font-size: 23px;\n line-height: 1;\n transition: transform .25s;\n}\n\n.lawnlogic-showcase a.lls-shop-button:hover {\n background: var(--lls-green);\n transform: translateY(-3px);\n box-shadow: 0 10px 28px rgba(40,160,25,.3);\n}\n\n.lls-shop-button:hover > span {\n transform: translateX(5px);\n}\n\n\/* RIGHT-SIDE CATEGORY STACK *\/\n\n.lls-category-list {\n display: grid;\n grid-template-rows: repeat(3, minmax(0, 1fr));\n gap: 14px;\n min-width: 0;\n}\n\n\/* CATEGORY CARD *\/\n\n.lawnlogic-showcase a.lls-category {\n position: relative;\n isolation: isolate;\n\n display: grid;\n grid-template-columns: minmax(105px, 40%) minmax(0, 1fr) 36px;\n align-items: center;\n gap: clamp(10px, 1.4vw, 22px);\n\n min-width: 0;\n min-height: 0;\n padding: 12px;\n overflow: hidden;\n\n background:\n radial-gradient(ellipse at 100% 0%,\n rgba(119,190,74,.11) 0%,\n transparent 50%),\n linear-gradient(125deg,\n #f8fbf5 0%,\n #ffffff 52%,\n #f0f7eb 100%);\n\n border: 1px solid #e2eddb;\n border-radius: 16px;\n\n text-decoration: none !important;\n color: #12351f !important;\n\n box-shadow: 0 4px 18px rgba(20,43,25,.045);\n\n transition:\n border-color .35s ease,\n box-shadow .35s ease,\n transform .35s ease,\n background .35s ease;\n}\n\n\/* Green highlight bar *\/\n\n.lls-category::before {\n content: \"\";\n position: absolute;\n z-index: -1;\n left: 0;\n top: 15%;\n bottom: 15%;\n width: 3px;\n\n background: var(--lls-green);\n border-radius: 0 4px 4px 0;\n\n transform: scaleY(0);\n transform-origin: center;\n transition: transform .35s ease;\n}\n\n\/* Soft glow sweep on hover *\/\n\n.lls-category::after {\n content: \"\";\n position: absolute;\n z-index: -1;\n top: 0;\n left: -70%;\n width: 45%;\n height: 100%;\n\n background: linear-gradient(110deg, transparent, rgba(117,191,68,.08), transparent);\n\n transform: skewX(-15deg);\n transition: left .65s ease;\n pointer-events: none;\n}\n\n.lls-category:hover,\n.lls-category.is-active {\n border-color: #c9e7bb;\n box-shadow: 0 8px 28px rgba(38,105,40,.10);\n}\n\n.lls-category:hover {\n transform: translateY(-3px);\n}\n\n.lls-category:hover::before,\n.lls-category.is-active::before {\n transform: scaleY(1);\n}\n\n.lls-category:hover::after {\n left: 130%;\n}\n\n\/* CATEGORY IMAGES (fixed height keeps the desktop section compact) *\/\n\n.lls-category-image {\n position: relative;\n width: 100%;\n height: 150px;\n\n border-radius: 11px;\n overflow: hidden;\n background: #edf5e7;\n}\n\n.lls-category-image img {\n display: block;\n width: 100%;\n height: 100%;\n object-fit: cover;\n\n transition: transform .65s cubic-bezier(.2,.75,.25,1);\n}\n\n.lls-category:hover .lls-category-image img {\n transform: scale(1.07);\n}\n\n\/* CATEGORY COPY *\/\n\n.lls-category-copy {\n min-width: 0;\n}\n\n.lawnlogic-showcase .lls-brand {\n display: block;\n margin-bottom: clamp(12px, 1.4vw, 22px);\n\n color: #17612c;\n font-size: clamp(12px, 1vw, 17px);\n line-height: 1.2;\n font-weight: 900;\n letter-spacing: -.5px;\n}\n\n.lls-category-meta {\n display: flex;\n align-items: baseline;\n gap: 12px;\n padding-left: 12px;\n border-left: 2px solid var(--lls-green);\n}\n\n.lls-category-meta > span {\n color: #91bd7c;\n font-size: clamp(14px, 1.6vw, 25px);\n font-weight: 900;\n flex-shrink: 0;\n}\n\n.lls-category h3 {\n margin: 0;\n color: #123b23;\n font-size: clamp(13px, 1.35vw, 22px);\n line-height: 1.2;\n font-weight: 850;\n overflow-wrap: anywhere;\n transition: color .25s;\n}\n\n.lls-category p {\n margin: 10px 0 0;\n color: #68766a;\n font-size: clamp(10px, .95vw, 15px);\n line-height: 1.45;\n}\n\n.lls-category:hover h3,\n.lls-category.is-active h3 {\n color: #328e22;\n}\n\n\/* ROUND ARROW *\/\n\n.lls-arrow {\n display: flex;\n align-items: center;\n justify-content: center;\n\n width: clamp(30px, 3vw, 43px);\n height: clamp(30px, 3vw, 43px);\n border-radius: 50%;\n\n background: linear-gradient(145deg, #59ce20, #319b12);\n color: #fff;\n font-size: 23px;\n line-height: 1;\n\n transition: background .3s, transform .3s, box-shadow .3s;\n}\n\n.lls-category:hover .lls-arrow {\n background: var(--lls-orange);\n box-shadow: 0 4px 14px rgba(255,133,45,.22);\n transform: translateX(3px);\n}\n\n\/* ENTRANCE ANIMATION *\/\n\n@keyframes llsRise {\n from { opacity: 0; transform: translateY(16px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* =====================================\n TABLET\n===================================== *\/\n\n@media (max-width: 900px) {\n .lawnlogic-showcase {\n grid-template-columns: 1fr;\n gap: 14px;\n padding: 12px;\n }\n\n .lawnlogic-showcase .lls-hero {\n min-height: 460px;\n align-items: flex-start; \/* text on top, mower visible below *\/\n }\n\n .lls-hero-photo {\n background-position: 78% 85%; \/* focus on the mower *\/\n transform: none;\n }\n\n .lls-hero-shade {\n background:\n linear-gradient(180deg,\n rgba(0,37,19,.92) 0%,\n rgba(0,37,19,.70) 35%,\n rgba(0,37,19,.10) 65%,\n rgba(0,25,12,.25) 100%);\n }\n\n .lls-category-list {\n grid-template-rows: none;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 10px;\n }\n\n .lawnlogic-showcase a.lls-category {\n grid-template-columns: minmax(0, 1fr) 30px;\n grid-template-rows: 130px auto;\n gap: 10px;\n padding: 10px;\n }\n\n .lls-category-image {\n grid-column: 1 \/ -1;\n grid-row: 1;\n height: 130px;\n }\n\n .lls-category-copy {\n grid-column: 1;\n grid-row: 2;\n }\n\n .lawnlogic-showcase .lls-brand {\n margin-bottom: 10px;\n font-size: 13px;\n }\n\n .lls-category-meta {\n display: block;\n padding-left: 9px;\n }\n\n .lls-category-meta > span {\n display: block;\n margin-bottom: 5px;\n font-size: 15px;\n }\n\n .lls-category h3 { font-size: 14px; }\n .lls-category p { font-size: 11px; }\n\n .lls-arrow {\n grid-column: 2;\n grid-row: 2;\n width: 29px;\n height: 29px;\n font-size: 18px;\n }\n}\n\n\/* =====================================\n MOBILE\n===================================== *\/\n\n@media (max-width: 520px) {\n .lawnlogic-showcase {\n padding: 8px;\n gap: 10px;\n }\n\n .lawnlogic-showcase .lls-hero {\n min-height: 440px;\n border-radius: 13px;\n }\n\n .lls-hero-photo {\n background-position: 82% 90%;\n }\n\n .lls-hero-content {\n padding: 24px 22px;\n }\n\n .lls-hero-title {\n font-size: clamp(46px, 12vw, 62px);\n letter-spacing: -2px;\n margin-bottom: 14px;\n }\n\n .lls-hero-copy {\n margin-bottom: 20px;\n }\n\n .lls-eyebrow {\n font-size: 9px;\n letter-spacing: 1px;\n margin-bottom: 20px;\n }\n\n .lls-category-list {\n grid-template-columns: 1fr;\n gap: 9px;\n }\n\n .lawnlogic-showcase a.lls-category {\n grid-template-columns: 100px minmax(0, 1fr) 30px;\n grid-template-rows: auto;\n gap: 12px;\n min-height: 112px;\n padding: 10px;\n }\n\n .lls-category-image {\n grid-column: 1;\n grid-row: 1;\n height: 90px;\n }\n\n .lls-category-copy {\n grid-column: 2;\n grid-row: 1;\n }\n\n .lawnlogic-showcase .lls-brand {\n margin-bottom: 9px;\n font-size: 12px;\n }\n\n .lls-category-meta {\n display: flex;\n align-items: baseline;\n gap: 8px;\n }\n\n .lls-category-meta > span {\n display: inline;\n margin: 0;\n font-size: 13px;\n }\n\n .lls-category h3 { font-size: 14px; }\n\n .lls-category p {\n margin-top: 6px;\n font-size: 10px;\n }\n\n .lls-arrow {\n grid-column: 3;\n grid-row: 1;\n width: 29px;\n height: 29px;\n }\n}\n\n\/* ACCESSIBILITY *\/\n\n@media (prefers-reduced-motion: reduce) {\n .lawnlogic-showcase *,\n .lawnlogic-showcase *::before,\n .lawnlogic-showcase *::after {\n animation: none !important;\n transition: none !important;\n }\n}\n<\/style>\n\n<script>\n(function () {\n document.querySelectorAll('.lawnlogic-showcase').forEach(function (section) {\n var cards = section.querySelectorAll('.lls-category');\n\n cards.forEach(function (card) {\n function activate() {\n cards.forEach(function (item) {\n item.classList.remove('is-active');\n });\n card.classList.add('is-active');\n }\n\n card.addEventListener('mouseenter', activate);\n card.addEventListener('focus', activate);\n });\n });\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-20c0897 elementor-widget elementor-widget-html\" data-id=\"20c0897\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<section class=\"llf-section\" aria-label=\"Featured products\">\n <div class=\"llf-inner\">\n\n \n <header class=\"llf-head\">\n <span class=\"llf-eyebrow\">DISCOVER OUR PICKS<\/span>\n <h2 class=\"llf-title\">Featured <span>Products<\/span><\/h2>\n <div class=\"llf-bar\" aria-hidden=\"true\"><\/div>\n <\/header>\n\n \n <div class=\"llf-slider\">\n <button class=\"llf-arrow llf-prev\" type=\"button\" aria-label=\"Previous products\">\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M15 5l-7 7 7 7\"\/><\/svg>\n <\/button>\n\n <div class=\"llf-track\" tabindex=\"0\">\n\n \n <article class=\"llf-card\">\n\n \n <a class=\"llf-media\" href=\"https:\/\/lawnlogic.shop\/product\/YOUR-PRODUCT-SLUG\/\">\n <span class=\"llf-badge\">FEATURED<\/span>\n \n <img decoding=\"async\" src=\"https:\/\/lawnlogic.shop\/wp-content\/uploads\/2026\/10\/Screenshot-2026-10-18-212131.png\"\n alt=\"LawnLogic Cordless Drill Kit\" loading=\"lazy\">\n <\/a>\n\n <div class=\"llf-body\">\n <h3 class=\"llf-name\">\n \n <a href=\"https:\/\/lawnlogic.shop\/product\/YOUR-PRODUCT-SLUG\/\">LawnLogic Cordless Drill & Hardware Tool Kit \u2013 Durable, Green<\/a>\n <\/h3>\n\n <div class=\"llf-stars\" aria-label=\"Rated 5 out of 5\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <div class=\"llf-price\">$35.00<\/div>\n\n <div class=\"llf-actions\">\n \n <a class=\"llf-btn llf-cart\" href=\"https:\/\/lawnlogic.shop\/?add-to-cart=123\">ADD TO CART<\/a>\n\n \n <a class=\"llf-btn llf-buy\" href=\"https:\/\/lawnlogic.shop\/checkout\/?add-to-cart=123\">BUY NOW<\/a>\n <\/div>\n <\/div>\n <\/article>\n\n \n <article class=\"llf-card\">\n <a class=\"llf-media\" href=\"https:\/\/lawnlogic.shop\/product\/YOUR-PRODUCT-SLUG\/\">\n <span class=\"llf-badge\">FEATURED<\/span>\n <img decoding=\"async\" src=\"https:\/\/lawnlogic.shop\/wp-content\/uploads\/2026\/10\/Screenshot-2026-10-18-212140.png\"\n alt=\"LawnLogic Cordless Blower\" loading=\"lazy\">\n <\/a>\n <div class=\"llf-body\">\n <h3 class=\"llf-name\"><a href=\"https:\/\/lawnlogic.shop\/product\/YOUR-PRODUCT-SLUG\/\">LawnLogic Cordless Leaf Blower \u2013 Lightweight, Powerful<\/a><\/h3>\n <div class=\"llf-stars\" aria-label=\"Rated 5 out of 5\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <div class=\"llf-price\">$89.00<\/div>\n <div class=\"llf-actions\">\n <a class=\"llf-btn llf-cart\" href=\"https:\/\/lawnlogic.shop\/?add-to-cart=124\">ADD TO CART<\/a>\n <a class=\"llf-btn llf-buy\" href=\"https:\/\/lawnlogic.shop\/checkout\/?add-to-cart=124\">BUY NOW<\/a>\n <\/div>\n <\/div>\n <\/article>\n\n \n <article class=\"llf-card\">\n <a class=\"llf-media\" href=\"https:\/\/lawnlogic.shop\/product\/YOUR-PRODUCT-SLUG\/\">\n <span class=\"llf-badge\">FEATURED<\/span>\n <img decoding=\"async\" src=\"https:\/\/lawnlogic.shop\/wp-content\/uploads\/2026\/10\/Screenshot-2026-10-18-212152.png\"\n alt=\"LawnLogic Wet and Dry Vacuum\" loading=\"lazy\">\n <\/a>\n <div class=\"llf-body\">\n <h3 class=\"llf-name\"><a href=\"https:\/\/lawnlogic.shop\/product\/YOUR-PRODUCT-SLUG\/\">LawnLogic Wet & Dry Vacuum Cleaner \u2013 Heavy Duty, Black<\/a><\/h3>\n <div class=\"llf-stars\" aria-label=\"Rated 5 out of 5\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <div class=\"llf-price\">$119.00<\/div>\n <div class=\"llf-actions\">\n <a class=\"llf-btn llf-cart\" href=\"https:\/\/lawnlogic.shop\/?add-to-cart=125\">ADD TO CART<\/a>\n <a class=\"llf-btn llf-buy\" href=\"https:\/\/lawnlogic.shop\/checkout\/?add-to-cart=125\">BUY NOW<\/a>\n <\/div>\n <\/div>\n <\/article>\n\n \n <article class=\"llf-card\">\n <a class=\"llf-media\" href=\"https:\/\/lawnlogic.shop\/product\/YOUR-PRODUCT-SLUG\/\">\n <span class=\"llf-badge\">FEATURED<\/span>\n <img decoding=\"async\" src=\"https:\/\/lawnlogic.shop\/wp-content\/uploads\/2026\/10\/LawnLogic-Mower-in-Sunlit-Garden.png\"\n alt=\"LawnLogic Lawn Mower\" loading=\"lazy\">\n <\/a>\n <div class=\"llf-body\">\n <h3 class=\"llf-name\"><a href=\"https:\/\/lawnlogic.shop\/product\/YOUR-PRODUCT-SLUG\/\">LawnLogic Self-Propelled Lawn Mower \u2013 Power and Precision<\/a><\/h3>\n <div class=\"llf-stars\" aria-label=\"Rated 5 out of 5\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <div class=\"llf-price\">$349.00<\/div>\n <div class=\"llf-actions\">\n <a class=\"llf-btn llf-cart\" href=\"https:\/\/lawnlogic.shop\/?add-to-cart=126\">ADD TO CART<\/a>\n <a class=\"llf-btn llf-buy\" href=\"https:\/\/lawnlogic.shop\/checkout\/?add-to-cart=126\">BUY NOW<\/a>\n <\/div>\n <\/div>\n <\/article>\n\n <\/div>\n\n <button class=\"llf-arrow llf-next\" type=\"button\" aria-label=\"Next products\">\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M9 5l7 7-7 7\"\/><\/svg>\n <\/button>\n <\/div>\n\n \n <div class=\"llf-dots\" aria-hidden=\"true\"><\/div>\n\n <\/div>\n<\/section>\n\n<style>\n\/* =====================================\n LAWNLOGIC FEATURED PRODUCTS (all classes use llf-)\n===================================== *\/\n\n.llf-section {\n --llf-green: #0B6623;\n --llf-lime: #7ED321;\n --llf-orange: #ff852d;\n --llf-ink: #14231a;\n\n width: 100vw;\n max-width: none;\n margin-left: calc(50% - 50vw);\n margin-right: calc(50% - 50vw);\n\n background:\n radial-gradient(ellipse at 50% 0%, rgba(126,211,33,.08) 0%, transparent 60%),\n #fafbf8;\n\n font-family: Inter, Arial, sans-serif;\n color: var(--llf-ink);\n box-sizing: border-box;\n}\n\n.llf-section *,\n.llf-section *::before,\n.llf-section *::after {\n box-sizing: border-box;\n}\n\n.llf-inner {\n max-width: 1400px;\n margin: 0 auto;\n padding: clamp(36px, 4.5vw, 68px) clamp(14px, 5vw, 80px);\n}\n\n\/* ---------- HEADING ---------- *\/\n\n.llf-head {\n text-align: center;\n margin-bottom: clamp(24px, 3vw, 40px);\n}\n\n.llf-eyebrow {\n display: block;\n margin-bottom: 8px;\n font-size: 9px;\n font-weight: 800;\n letter-spacing: 3px;\n color: #6b7f72;\n}\n\n.llf-title {\n margin: 0;\n font-size: clamp(28px, 3.2vw, 46px);\n line-height: 1.1;\n letter-spacing: -1.2px;\n font-weight: 800;\n color: var(--llf-ink);\n}\n\n.llf-title span {\n color: var(--llf-green);\n}\n\n.llf-bar {\n position: relative;\n width: 56px;\n height: 3px;\n margin: 14px auto 0;\n overflow: hidden;\n border-radius: 4px;\n background: #d7e2d0;\n}\n\n\/* lime segment glides back and forth (transform only = no lag) *\/\n.llf-bar::after {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 40%;\n height: 100%;\n border-radius: inherit;\n background: var(--llf-lime);\n animation: llfBarSlide 2.2s ease-in-out infinite alternate;\n}\n\n@keyframes llfBarSlide {\n from { transform: translateX(0); }\n to { transform: translateX(150%); }\n}\n\n\/* ---------- SLIDER ---------- *\/\n\n.llf-slider {\n position: relative;\n}\n\n.llf-track {\n --gap: 20px;\n --per: 4;\n\n display: flex;\n gap: var(--gap);\n padding: 8px 4px 26px;\n margin: 0 -4px;\n\n overflow-x: auto;\n overflow-y: hidden;\n scroll-snap-type: x mandatory;\n scrollbar-width: none;\n -webkit-overflow-scrolling: touch;\n overscroll-behavior-x: contain;\n outline: none;\n}\n\n.llf-track::-webkit-scrollbar { display: none; }\n\n.llf-card {\n flex: 0 0 calc((100% - (var(--per) - 1) * var(--gap)) \/ var(--per));\n min-width: 0;\n scroll-snap-align: start;\n\n display: flex;\n flex-direction: column;\n padding: 12px;\n\n background: #fff;\n border: 1px solid #e6eee0;\n border-radius: 18px;\n box-shadow: 0 6px 22px rgba(20,43,25,.06);\n\n transition: transform .3s ease, box-shadow .3s ease;\n}\n\n@media (hover: hover) {\n .llf-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 14px 32px rgba(20,43,25,.11);\n }\n .llf-card:hover .llf-media img { transform: scale(1.05); }\n}\n\n\/* Image *\/\n\n.llf-section a.llf-media {\n position: relative;\n display: block;\n aspect-ratio: 1 \/ 1;\n overflow: hidden;\n border-radius: 12px;\n background: #f3f6ef;\n text-decoration: none !important;\n}\n\n.llf-media img {\n display: block;\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform .5s cubic-bezier(.2,.75,.25,1);\n}\n\n.llf-badge {\n position: absolute;\n z-index: 2;\n top: 10px;\n left: 10px;\n padding: 6px 11px;\n border-radius: 50px;\n background: var(--llf-green);\n color: #fff;\n font-size: 8px;\n font-weight: 800;\n letter-spacing: 1px;\n}\n\n\/* Text *\/\n\n.llf-body {\n display: flex;\n flex: 1;\n flex-direction: column;\n padding: 14px 4px 2px;\n}\n\n.llf-name {\n margin: 0 0 8px;\n font-size: 14px;\n line-height: 1.4;\n font-weight: 700;\n display: -webkit-box;\n -webkit-line-clamp: 3;\n -webkit-box-orient: vertical;\n overflow: hidden;\n min-height: 3.9em;\n}\n\n.llf-section .llf-name a {\n color: var(--llf-ink) !important;\n text-decoration: none !important;\n transition: color .25s;\n}\n\n.llf-section .llf-name a:hover { color: var(--llf-green) !important; }\n\n.llf-stars {\n margin-bottom: 6px;\n font-size: 11px;\n letter-spacing: 2px;\n color: var(--llf-orange);\n}\n\n.llf-price {\n margin-bottom: 14px;\n font-size: 18px;\n font-weight: 800;\n color: var(--llf-ink);\n}\n\n.llf-actions {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 8px;\n margin-top: auto;\n}\n\n.llf-section a.llf-btn {\n display: flex;\n align-items: center;\n justify-content: center;\n min-height: 40px;\n padding: 10px 6px;\n border-radius: 9px;\n color: #fff !important;\n font-size: 10px;\n font-weight: 800;\n letter-spacing: .4px;\n text-decoration: none !important;\n text-align: center;\n transition: transform .25s, box-shadow .25s, background .25s;\n}\n\n.llf-cart { background: var(--llf-green); }\n.llf-buy { background: var(--llf-orange); }\n\n.llf-section a.llf-cart:hover {\n background: #0e7a2b;\n transform: translateY(-2px);\n box-shadow: 0 8px 18px rgba(11,102,35,.25);\n}\n\n.llf-section a.llf-buy:hover {\n background: #ff7313;\n transform: translateY(-2px);\n box-shadow: 0 8px 18px rgba(255,133,45,.3);\n}\n\n\/* ---------- ARROWS (desktop) ---------- *\/\n\n.llf-arrow {\n position: absolute;\n z-index: 5;\n top: 42%;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 46px;\n height: 46px;\n padding: 0;\n border: 1px solid #e6eee0;\n border-radius: 50%;\n background: #fff;\n color: var(--llf-green);\n cursor: pointer;\n box-shadow: 0 8px 22px rgba(20,43,25,.14);\n transition: transform .25s, opacity .25s, background .25s, color .25s;\n}\n\n.llf-arrow svg {\n width: 20px;\n height: 20px;\n fill: none;\n stroke: currentColor;\n stroke-width: 2.4;\n stroke-linecap: round;\n stroke-linejoin: round;\n}\n\n.llf-arrow:hover {\n background: var(--llf-green);\n color: #fff;\n}\n\n.llf-prev { left: -23px; }\n.llf-next { right: -23px; }\n\n.llf-arrow.is-hidden {\n opacity: 0;\n pointer-events: none;\n}\n\n\/* ---------- DOTS (mobile \/ tablet) ---------- *\/\n\n.llf-dots {\n display: none;\n justify-content: center;\n gap: 7px;\n margin-top: 4px;\n}\n\n.llf-dot {\n width: 7px;\n height: 7px;\n padding: 0;\n border: 0;\n border-radius: 50px;\n background: #cfdcc6;\n cursor: pointer;\n transition: width .3s, background .3s;\n}\n\n.llf-dot.is-active {\n width: 22px;\n background: var(--llf-green);\n}\n\n\/* ---------- TABLET ---------- *\/\n\n@media (max-width: 1100px) {\n .llf-track { --per: 3; }\n}\n\n@media (max-width: 900px) {\n .llf-track { --per: 2.3; --gap: 14px; }\n .llf-arrow { display: none; }\n .llf-dots { display: flex; }\n}\n\n\/* ---------- MOBILE ---------- *\/\n\n@media (max-width: 600px) {\n .llf-track { --per: 1.18; --gap: 12px; }\n .llf-name { font-size: 13.5px; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .llf-section * { transition: none !important; }\n .llf-bar::after { animation: none !important; }\n}\n<\/style>\n\n<script>\n(function () {\n document.querySelectorAll('.llf-section').forEach(function (section) {\n var track = section.querySelector('.llf-track');\n var cards = section.querySelectorAll('.llf-card');\n var prev = section.querySelector('.llf-prev');\n var next = section.querySelector('.llf-next');\n var dotsWrap = section.querySelector('.llf-dots');\n if (!track || !cards.length) return;\n\n var mqAuto = window.matchMedia('(max-width: 900px)');\n var reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n var timer = null, resumeTimer = null, visible = false, ticking = false;\n\n function step() {\n var gap = parseFloat(getComputedStyle(track).columnGap) || 0;\n return cards[0].getBoundingClientRect().width + gap;\n }\n\n \/* ---- dots ---- *\/\n var dots = [];\n cards.forEach(function (_, i) {\n var b = document.createElement('button');\n b.type = 'button';\n b.className = 'llf-dot';\n b.setAttribute('aria-label', 'Go to product ' + (i + 1));\n b.addEventListener('click', function () {\n track.scrollTo({ left: i * step(), behavior: 'smooth' });\n pauseAuto();\n });\n dotsWrap.appendChild(b);\n dots.push(b);\n });\n\n \/* ---- arrows + dots state ---- *\/\n function update() {\n var max = track.scrollWidth - track.clientWidth;\n var x = track.scrollLeft;\n\n prev.classList.toggle('is-hidden', x <= 2);\n next.classList.toggle('is-hidden', x >= max - 2 || max <= 2);\n\n var idx = Math.min(cards.length - 1, Math.round(x \/ step()));\n dots.forEach(function (d, i) { d.classList.toggle('is-active', i === idx); });\n ticking = false;\n }\n\n track.addEventListener('scroll', function () {\n if (!ticking) { ticking = true; requestAnimationFrame(update); }\n }, { passive: true });\n\n prev.addEventListener('click', function () {\n track.scrollBy({ left: -step(), behavior: 'smooth' });\n });\n next.addEventListener('click', function () {\n track.scrollBy({ left: step(), behavior: 'smooth' });\n });\n\n \/* ---- autoplay (tablet \/ phones only) ---- *\/\n function advance() {\n var max = track.scrollWidth - track.clientWidth;\n if (track.scrollLeft >= max - 4) {\n track.scrollTo({ left: 0, behavior: 'smooth' });\n } else {\n track.scrollBy({ left: step(), behavior: 'smooth' });\n }\n }\n\n function startAuto() {\n stopAuto();\n if (reduce || !mqAuto.matches || !visible) return;\n timer = setInterval(advance, 3500);\n }\n\n function stopAuto() {\n if (timer) { clearInterval(timer); timer = null; }\n }\n\n function pauseAuto() {\n stopAuto();\n clearTimeout(resumeTimer);\n resumeTimer = setTimeout(startAuto, 6000); \/\/ resume after the user stops touching\n }\n\n track.addEventListener('touchstart', pauseAuto, { passive: true });\n track.addEventListener('pointerdown', pauseAuto, { passive: true });\n track.addEventListener('mouseenter', stopAuto);\n track.addEventListener('mouseleave', startAuto);\n track.addEventListener('focusin', stopAuto);\n track.addEventListener('focusout', startAuto);\n\n document.addEventListener('visibilitychange', function () {\n if (document.hidden) stopAuto(); else startAuto();\n });\n\n mqAuto.addEventListener\n ? mqAuto.addEventListener('change', startAuto)\n : mqAuto.addListener(startAuto);\n\n window.addEventListener('resize', update, { passive: true });\n\n \/* only run the timer while the section is on screen *\/\n if ('IntersectionObserver' in window) {\n new IntersectionObserver(function (entries) {\n visible = entries[0].isIntersecting;\n if (visible) startAuto(); else stopAuto();\n }, { threshold: 0.25 }).observe(section);\n } else {\n visible = true;\n startAuto();\n }\n\n update();\n });\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bd3ac08 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"bd3ac08\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<section class=\"ll-hero\">\n <div class=\"ll-hero-bg\"><\/div>\n <div class=\"ll-hero-shade\"><\/div>\n\n <div class=\"ll-hero-container\">\n\n <div class=\"ll-hero-content\">\n\n <a class=\"ll-brand\" href=\"https:\/\/lawnlogic.shop\/\">\n <span class=\"ll-brand-main\">Lawn<span>Logic<\/span><\/span>\n <span class=\"ll-brand-sub\">PREMIUM OUTDOOR EQUIPMENT<\/span>\n <\/a>\n\n <h1>\n GET THE JOB<br>\n DONE<br>\n <span class=\"ll-heading-green\">THE RIGHT WAY<\/span><span class=\"ll-heading-dot\">.<\/span>\n <\/h1>\n\n <p class=\"ll-hero-description\">\n Powerful tools for a\n <span>Cleaner, Greener<\/span> and<br class=\"ll-desktop-break\">\n Happier Home.\n <\/p>\n\n <a class=\"ll-shop-button\" href=\"https:\/\/lawnlogic.shop\/?post_type=product\">\n <span>SHOP COLLECTION<\/span>\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n <path d=\"M4 12h15M13 5l7 7-7 7\" fill=\"none\" stroke=\"currentColor\"\n stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/a>\n\n \n <div class=\"ll-hero-features\">\n\n <div class=\"ll-feature\">\n <div class=\"ll-feature-icon\">\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n <path d=\"M12 3 2.8 8 12 21 21.2 8 12 3Z\"\/>\n <path d=\"M2.8 8h18.4M8 8l4 13 4-13M8 8l4-5 4 5\"\/>\n <\/svg>\n <\/div>\n <div class=\"ll-feature-label\"><strong>Premium<\/strong><span>Quality<\/span><\/div>\n <\/div>\n\n <div class=\"ll-feature\">\n <div class=\"ll-feature-icon\">\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n <path d=\"M19.5 3.5C11 4 5 8.5 5 15a6 6 0 0 0 6 6c6.5 0 9-9 8.5-17.5Z\"\/>\n <path d=\"M4 21c3-5 6-8 11-11\"\/>\n <\/svg>\n <\/div>\n <div class=\"ll-feature-label\"><strong>Greener<\/strong><span>Outdoors<\/span><\/div>\n <\/div>\n\n <div class=\"ll-feature\">\n <div class=\"ll-feature-icon\">\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n <path d=\"m3 11 9-8 9 8\"\/>\n <path d=\"M5.5 9.5V21h13V9.5M9.5 21v-7h5v7\"\/>\n <\/svg>\n <\/div>\n <div class=\"ll-feature-label\"><strong>Better<\/strong><span>Living<\/span><\/div>\n <\/div>\n\n <div class=\"ll-feature\">\n <div class=\"ll-feature-icon\">\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n <circle cx=\"12\" cy=\"12\" r=\"4\"\/>\n <path d=\"M12 2v3M12 19v3M2 12h3M19 12h3M4.9 4.9 7 7M17 17l2.1 2.1M19.1 4.9 17 7M7 17l-2.1 2.1\"\/>\n <\/svg>\n <\/div>\n <div class=\"ll-feature-label\"><strong>Built<\/strong><span>to Last<\/span><\/div>\n <\/div>\n\n <\/div>\n <\/div>\n\n <\/div>\n<\/section>\n\n<style>\n\/* =====================================\n LAWNLOGIC HERO \u2014 ALL STYLES SCOPED\n===================================== *\/\n\n.ll-hero {\n --ll-lime: #7ED321;\n --ll-green: #0B6623;\n --ll-dark: #06150C;\n\n position: relative;\n isolation: isolate;\n overflow: hidden;\n display: flex;\n align-items: stretch;\n\n \/* full width *\/\n width: 100vw !important;\n max-width: none !important;\n margin-left: calc(50% - 50vw) !important;\n margin-right: calc(50% - 50vw) !important;\n border-radius: 0 !important;\n\n min-height: 665px;\n background: var(--ll-dark);\n color: #fff;\n font-family: inherit;\n box-sizing: border-box;\n}\n\n.ll-hero *,\n.ll-hero *::before,\n.ll-hero *::after {\n box-sizing: border-box;\n}\n\n.ll-hero-bg {\n position: absolute;\n inset: 0;\n z-index: -3;\n background-image: url(\"https:\/\/lawnlogic.shop\/wp-content\/uploads\/2026\/10\/LawnLogic-Mower-in-a-Sunny-Garden.png\");\n background-size: cover;\n background-position: center 54%;\n background-repeat: no-repeat;\n transform: scale(1.02);\n animation: ll-bg-reveal 1.2s ease-out both;\n}\n\n.ll-hero-shade {\n position: absolute;\n inset: 0;\n z-index: -2;\n background:\n linear-gradient(90deg,\n rgba(3, 17, 9, .98) 0%,\n rgba(4, 22, 10, .94) 26%,\n rgba(4, 22, 10, .76) 43%,\n rgba(4, 18, 8, .20) 70%,\n rgba(4, 18, 8, .18) 100%),\n linear-gradient(0deg,\n rgba(2, 12, 6, .72),\n transparent 45%);\n}\n\n.ll-hero-container {\n position: relative;\n display: flex;\n align-items: center;\n width: 100%;\n max-width: 1500px;\n min-height: inherit;\n margin: 0 auto;\n padding: 52px 6.2% 35px;\n}\n\n.ll-hero-content {\n position: relative;\n z-index: 2;\n width: 53%;\n max-width: 680px;\n animation: ll-content-enter .8s ease-out both;\n}\n\n\/* BRAND \u2014 underline removed in every state *\/\n.ll-hero a.ll-brand,\n.ll-hero a.ll-brand:hover,\n.ll-hero a.ll-brand:focus,\n.ll-hero a.ll-brand:active,\n.ll-hero a.ll-brand span {\n text-decoration: none !important;\n border-bottom: 0 !important;\n box-shadow: none !important;\n}\n\n.ll-brand {\n display: inline-flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 10px;\n margin-bottom: 27px;\n color: #fff;\n}\n\n.ll-brand-main {\n color: var(--ll-lime);\n font-size: clamp(36px, 3.1vw, 55px);\n font-weight: 850;\n line-height: 1;\n letter-spacing: -2.5px;\n}\n\n.ll-brand-main span {\n color: #fff;\n}\n\n.ll-brand-sub {\n font-size: 9px;\n font-weight: 800;\n letter-spacing: 4px;\n color: rgba(255,255,255,.88);\n}\n\n\/* HEADLINE *\/\n.ll-hero h1 {\n margin: 0 0 22px;\n color: #fff;\n font-size: clamp(43px, 4.15vw, 72px);\n font-weight: 900;\n line-height: .99;\n letter-spacing: -2.5px;\n}\n\n.ll-heading-green { color: var(--ll-lime); }\n.ll-heading-dot { color: #FF8500; }\n\n.ll-hero-description {\n margin: 0 0 29px;\n color: rgba(255,255,255,.96);\n font-size: clamp(15px, 1.1vw, 19px);\n font-weight: 500;\n line-height: 1.55;\n}\n\n.ll-hero-description span {\n color: var(--ll-lime);\n font-weight: 750;\n}\n\n\/* SHOP BUTTON *\/\n.ll-hero a.ll-shop-button,\n.ll-hero a.ll-shop-button:hover {\n text-decoration: none !important;\n}\n\n.ll-shop-button {\n position: relative;\n isolation: isolate;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 25px;\n min-width: 207px;\n min-height: 55px;\n padding: 15px 24px;\n overflow: hidden;\n border: 1px solid var(--ll-lime);\n border-radius: 50px;\n background: var(--ll-lime);\n color: #10200B;\n font-size: 11px;\n font-weight: 850;\n letter-spacing: .6px;\n transition:\n color .35s ease,\n border-color .35s ease,\n box-shadow .35s ease,\n transform .35s ease;\n}\n\n.ll-shop-button::before {\n content: \"\";\n position: absolute;\n inset: 0;\n z-index: -1;\n border-radius: inherit;\n background: #102A19;\n transform: scaleX(0);\n transform-origin: left;\n transition: transform .38s cubic-bezier(.2,.7,.2,1);\n}\n\n.ll-shop-button:hover,\n.ll-shop-button:focus-visible {\n color: #fff;\n border-color: #fff;\n box-shadow: 0 0 0 4px rgba(126,211,33,.13),\n 0 10px 30px rgba(0,0,0,.25);\n transform: translateY(-3px);\n}\n\n.ll-shop-button:hover::before,\n.ll-shop-button:focus-visible::before {\n transform: scaleX(1);\n}\n\n.ll-shop-button svg {\n width: 19px;\n height: 19px;\n flex: 0 0 19px;\n transition: transform .3s ease;\n}\n\n.ll-shop-button:hover svg {\n transform: translateX(5px);\n}\n\n\/* FEATURE BUBBLES *\/\n.ll-hero-features {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n gap: 24px 25px;\n margin-top: 63px;\n}\n\n.ll-feature {\n position: relative;\n display: flex;\n align-items: center;\n gap: 11px;\n padding: 7px 10px 7px 0;\n border-radius: 40px;\n cursor: default;\n transition:\n transform .3s ease,\n background .3s ease,\n box-shadow .3s ease;\n}\n\n.ll-feature-icon {\n position: relative;\n display: flex;\n flex: 0 0 48px;\n align-items: center;\n justify-content: center;\n width: 48px;\n height: 48px;\n border: 1px solid rgba(126,211,33,.65);\n border-radius: 50%;\n background: rgba(5, 22, 10, .40);\n color: var(--ll-lime);\n transition:\n color .35s ease,\n background .35s ease,\n border-color .35s ease,\n transform .35s ease,\n box-shadow .35s ease;\n}\n\n.ll-feature-icon svg {\n width: 21px;\n height: 21px;\n fill: none;\n stroke: currentColor;\n stroke-width: 1.35;\n stroke-linecap: round;\n stroke-linejoin: round;\n transition: transform .35s ease;\n}\n\n.ll-feature-label {\n display: flex;\n flex-direction: column;\n gap: 2px;\n min-width: 60px;\n color: #fff;\n font-size: 11px;\n line-height: 1.15;\n}\n\n.ll-feature-label strong { font-weight: 800; }\n\n.ll-feature-label span {\n color: rgba(255,255,255,.86);\n font-size: 10px;\n}\n\n.ll-feature:hover {\n transform: translateY(-5px);\n background: rgba(126,211,33,.08);\n box-shadow: 0 6px 24px rgba(0,0,0,.12);\n}\n\n.ll-feature:hover .ll-feature-icon {\n color: #10200B;\n background: var(--ll-lime);\n border-color: var(--ll-lime);\n transform: scale(1.09);\n box-shadow: 0 0 0 5px rgba(126,211,33,.12),\n 0 0 22px rgba(126,211,33,.25);\n}\n\n.ll-feature:hover .ll-feature-icon svg {\n transform: rotate(-8deg) scale(1.08);\n}\n\n\/* ANIMATIONS *\/\n@keyframes ll-content-enter {\n from { opacity: 0; transform: translateY(18px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes ll-bg-reveal {\n from { opacity: .5; transform: scale(1.06); }\n to { opacity: 1; transform: scale(1.02); }\n}\n\n\/* TABLET *\/\n@media (max-width: 1000px) {\n .ll-hero { min-height: 620px; }\n\n .ll-hero-bg { background-position: 70% 60%; }\n\n .ll-hero-container { padding: 48px 5%; }\n\n .ll-hero-content { width: 60%; }\n\n .ll-hero h1 { font-size: clamp(42px, 5.5vw, 59px); }\n\n .ll-hero-features { gap: 15px 12px; margin-top: 48px; }\n\n .ll-feature-icon {\n width: 42px;\n height: 42px;\n flex-basis: 42px;\n }\n}\n\n\/* MOBILE *\/\n@media (max-width: 650px) {\n .ll-hero { min-height: 0; }\n\n \/* anchor the photo to the bottom-right so the mower stays visible *\/\n .ll-hero-bg {\n background-position: 76% 100%;\n transform: none;\n animation: none;\n }\n\n \/* dark at the top for text, fades out toward the bottom to show the mower *\/\n .ll-hero-shade {\n background: linear-gradient(\n 180deg,\n rgba(3,16,8,.95) 0%,\n rgba(3,16,8,.88) 45%,\n rgba(3,16,8,.45) 72%,\n rgba(3,16,8,.12) 100%\n );\n }\n\n .ll-hero-container {\n align-items: flex-start;\n padding: 36px 23px 270px; \/* bottom space reveals the mower photo *\/\n }\n\n .ll-hero-content {\n width: 100%;\n max-width: 520px;\n }\n\n .ll-brand { margin-bottom: 28px; }\n\n .ll-brand-main {\n font-size: 39px;\n letter-spacing: -1.8px;\n }\n\n .ll-brand-sub {\n font-size: 8px;\n letter-spacing: 2.5px;\n }\n\n .ll-hero h1 {\n font-size: clamp(40px, 10.5vw, 58px);\n letter-spacing: -1.8px;\n line-height: 1;\n }\n\n .ll-hero-description { font-size: 15px; }\n\n .ll-desktop-break { display: none; }\n\n .ll-shop-button { min-height: 52px; }\n\n .ll-hero-features {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 12px 8px;\n margin-top: 37px;\n }\n\n .ll-feature {\n gap: 9px;\n padding: 6px 4px 6px 0;\n }\n\n .ll-feature-icon {\n width: 42px;\n height: 42px;\n flex-basis: 42px;\n }\n\n .ll-feature-label { font-size: 11px; }\n}\n\n\/* REDUCED MOTION *\/\n@media (prefers-reduced-motion: reduce) {\n .ll-hero *,\n .ll-hero *::before,\n .ll-hero *::after {\n animation: none !important;\n transition: none !important;\n }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c3aae40 e-flex e-con-boxed e-con e-parent\" data-id=\"c3aae40\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dbabe1b elementor-widget elementor-widget-html\" data-id=\"dbabe1b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<section class=\"llt-trust\" aria-label=\"Why homeowners choose LawnLogic\">\n <div class=\"llt-bg\"><\/div>\n\n <div class=\"llt-inner\">\n\n \n <div class=\"llt-intro\">\n <div class=\"llt-eyebrow\"><span><\/span>WHY HOMEOWNERS CHOOSE LAWNLOGIC<\/div>\n\n <h2 class=\"llt-title\">\n Numbers That<br><em>Speak Trust<\/em>\n <\/h2>\n\n <p class=\"llt-copy\">\n From quality products to reliable performance, our customers' trust drives everything we do.\n <\/p>\n\n <div class=\"llt-tagline\">Built for Greener Tomorrows.<\/div>\n <\/div>\n\n <div class=\"llt-divider\" aria-hidden=\"true\"><\/div>\n\n \n <div class=\"llt-stats\">\n\n \n <div class=\"llt-card\" style=\"--i:0; --c:#17812c; --t:rgba(23,129,44,.14); --off:2;\">\n <div class=\"llt-icon llt-icon-green\">\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M8.5 14c1 1.5 2.2 2.2 3.5 2.2s2.5-.7 3.5-2.2\"\/><path d=\"M9 9.5h.01M15 9.5h.01\"\/><\/svg>\n <\/div>\n <div class=\"llt-gauge\">\n <svg viewBox=\"0 0 140 80\" aria-hidden=\"true\">\n <path class=\"llt-track\" d=\"M10 74 A60 60 0 0 1 130 74\" pathLength=\"100\"\/>\n <path class=\"llt-arc\" d=\"M10 74 A60 60 0 0 1 130 74\" pathLength=\"100\"\/>\n <\/svg>\n <div class=\"llt-value\"><span class=\"llt-num\" data-count=\"98\" data-decimals=\"0\">98<\/span><span class=\"llt-suffix\">%<\/span><\/div>\n <\/div>\n <div class=\"llt-label\">Customer<br>Satisfaction<\/div>\n <\/div>\n\n \n <div class=\"llt-card\" style=\"--i:1; --c:#ff852d; --t:rgba(255,133,45,.16); --off:0;\">\n <div class=\"llt-icon llt-icon-orange\">\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><circle cx=\"9\" cy=\"8\" r=\"3.2\"\/><path d=\"M3 19c0-3.2 2.7-5 6-5s6 1.8 6 5\"\/><path d=\"M16 5.2a3.2 3.2 0 0 1 0 5.6M17.5 14.3c2.2.5 3.5 2 3.5 4.7\"\/><\/svg>\n <\/div>\n <div class=\"llt-gauge\">\n <svg viewBox=\"0 0 140 80\" aria-hidden=\"true\">\n <path class=\"llt-track\" d=\"M10 74 A60 60 0 0 1 130 74\" pathLength=\"100\"\/>\n <path class=\"llt-arc\" d=\"M10 74 A60 60 0 0 1 130 74\" pathLength=\"100\"\/>\n <\/svg>\n <div class=\"llt-value\"><span class=\"llt-num\" data-count=\"100\" data-decimals=\"0\">100<\/span><span class=\"llt-suffix\">+<\/span><\/div>\n <\/div>\n <div class=\"llt-label\">Happy<br>Customers<\/div>\n <\/div>\n\n \n <div class=\"llt-card\" style=\"--i:2; --c:#ffb81f; --t:rgba(255,184,31,.18); --off:2;\">\n <div class=\"llt-icon llt-icon-yellow\">\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" class=\"llt-fill\"><path d=\"M12 2.5l2.9 6.1 6.6.9-4.8 4.6 1.2 6.6-5.9-3.2-5.9 3.2 1.2-6.6L2.5 9.5l6.6-.9z\"\/><\/svg>\n <\/div>\n <div class=\"llt-gauge\">\n <svg viewBox=\"0 0 140 80\" aria-hidden=\"true\">\n <path class=\"llt-track\" d=\"M10 74 A60 60 0 0 1 130 74\" pathLength=\"100\"\/>\n <path class=\"llt-arc\" d=\"M10 74 A60 60 0 0 1 130 74\" pathLength=\"100\"\/>\n <\/svg>\n <div class=\"llt-value\"><span class=\"llt-num\" data-count=\"4.9\" data-decimals=\"1\">4.9<\/span><svg class=\"llt-star\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 2.5l2.9 6.1 6.6.9-4.8 4.6 1.2 6.6-5.9-3.2-5.9 3.2 1.2-6.6L2.5 9.5l6.6-.9z\"\/><\/svg><\/div>\n <\/div>\n <div class=\"llt-label\">Average<br>Rating<\/div>\n <\/div>\n\n <\/div>\n <\/div>\n<\/section>\n\n<style>\n\/* =====================================\n LAWNLOGIC TRUST STATS (all classes use llt-)\n===================================== *\/\n\n.llt-trust {\n --llt-lime: #7ED321;\n --llt-green: #0B6623;\n --llt-ink: #123b23;\n --llt-orange: #ff852d;\n\n position: relative;\n isolation: isolate;\n overflow: hidden;\n\n width: 100vw;\n max-width: none;\n margin-left: calc(50% - 50vw);\n margin-right: calc(50% - 50vw);\n\n font-family: Inter, Arial, sans-serif;\n color: var(--llt-ink);\n background: #f6faf2;\n box-sizing: border-box;\n}\n\n.llt-trust *,\n.llt-trust *::before,\n.llt-trust *::after {\n box-sizing: border-box;\n}\n\n\/* Faded photo background (single static layer, no blur = no lag) *\/\n.llt-bg {\n position: absolute;\n inset: 0;\n z-index: -1;\n background:\n linear-gradient(90deg,\n rgba(250,252,247,.97) 0%,\n rgba(250,252,247,.93) 42%,\n rgba(250,252,247,.78) 100%),\n url('https:\/\/lawnlogic.shop\/wp-content\/uploads\/2026\/10\/LawnLogic-Mower-in-Sunlit-Garden.png') center \/ cover no-repeat;\n}\n\n.llt-inner {\n display: grid;\n grid-template-columns: minmax(0, 1fr) 1px minmax(0, 1.45fr);\n align-items: center;\n gap: clamp(24px, 3.5vw, 56px);\n\n max-width: 1400px;\n margin: 0 auto;\n padding: clamp(40px, 5vw, 76px) clamp(20px, 6vw, 110px);\n}\n\n\/* ---------- LEFT TEXT ---------- *\/\n\n.llt-eyebrow {\n display: flex;\n align-items: center;\n gap: 12px;\n margin-bottom: 18px;\n\n font-size: clamp(9px, .75vw, 11px);\n font-weight: 800;\n letter-spacing: 2.4px;\n color: #3b4b40;\n}\n\n.llt-eyebrow > span {\n display: block;\n flex-shrink: 0;\n width: 30px;\n height: 3px;\n border-radius: 4px;\n background: var(--llt-orange);\n}\n\n.llt-title {\n margin: 0 0 20px;\n font-size: clamp(34px, 3.6vw, 58px);\n line-height: 1.04;\n letter-spacing: -1.5px;\n font-weight: 800;\n color: #14231a;\n}\n\n.llt-title em {\n font-style: normal;\n color: var(--llt-green);\n}\n\n.llt-copy {\n max-width: 420px;\n margin: 0 0 22px;\n font-size: clamp(13px, 1vw, 16px);\n line-height: 1.7;\n color: #46564b;\n}\n\n.llt-tagline {\n padding-left: 12px;\n border-left: 3px solid var(--llt-lime);\n font-size: 13px;\n font-style: italic;\n color: #5d9a3a;\n}\n\n.llt-divider {\n align-self: stretch;\n width: 1px;\n background: linear-gradient(180deg, transparent, rgba(23,97,44,.25), transparent);\n}\n\n\/* ---------- CARDS ---------- *\/\n\n.llt-stats {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: clamp(10px, 1.4vw, 20px);\n}\n\n.llt-card {\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 24px 12px 22px;\n\n background: rgba(255,255,255,.92);\n border: 1px solid #e6eee0;\n border-radius: 18px;\n box-shadow: 0 6px 22px rgba(20,43,25,.06);\n\n transition: transform .3s ease, box-shadow .3s ease;\n}\n\n@media (hover: hover) {\n .llt-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 14px 32px rgba(20,43,25,.1);\n }\n}\n\n\/* Icon badge *\/\n\n.llt-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: clamp(36px, 3vw, 46px);\n height: clamp(36px, 3vw, 46px);\n margin-bottom: 8px;\n border-radius: 50%;\n color: #fff;\n box-shadow: 0 6px 14px rgba(0,0,0,.1);\n}\n\n.llt-icon svg {\n width: 55%;\n height: 55%;\n fill: none;\n stroke: currentColor;\n stroke-width: 1.7;\n stroke-linecap: round;\n stroke-linejoin: round;\n}\n\n.llt-icon svg.llt-fill { fill: currentColor; stroke: none; }\n\n.llt-icon-green { background: linear-gradient(145deg, #3fae1f, #17612c); }\n.llt-icon-orange { background: linear-gradient(145deg, #ff9a3d, #ff6f0f); }\n.llt-icon-yellow { background: linear-gradient(145deg, #ffd23d, #ffb11f); color: #3d2a00; }\n\n\/* Gauge *\/\n\n.llt-gauge {\n position: relative;\n width: 100%;\n max-width: 150px;\n}\n\n.llt-gauge > svg {\n display: block;\n width: 100%;\n height: auto;\n overflow: visible;\n}\n\n.llt-track,\n.llt-arc {\n fill: none;\n stroke-width: 8;\n stroke-linecap: round;\n}\n\n.llt-track { stroke: var(--t); }\n\n.llt-arc {\n stroke: var(--c);\n stroke-dasharray: 100;\n stroke-dashoffset: var(--off);\n}\n\n.llt-value {\n position: absolute;\n left: 0;\n right: 0;\n bottom: 2%;\n display: flex;\n align-items: baseline;\n justify-content: center;\n gap: 1px;\n\n font-size: clamp(20px, 2.3vw, 36px);\n font-weight: 800;\n letter-spacing: -1px;\n line-height: 1;\n color: #14231a;\n font-variant-numeric: tabular-nums;\n}\n\n.llt-star {\n width: .5em;\n height: .5em;\n margin-left: 3px;\n fill: #ffb81f;\n align-self: center;\n}\n\n.llt-label {\n margin-top: 10px;\n text-align: center;\n font-size: clamp(8px, .7vw, 10.5px);\n font-weight: 800;\n line-height: 1.55;\n letter-spacing: 1.6px;\n text-transform: uppercase;\n color: #2c3a31;\n}\n\n\/* ---------- ENTRANCE (runs once, only transform\/opacity\/dashoffset) ---------- *\/\n\n.llt-ready .llt-card {\n opacity: 0;\n transform: translateY(18px);\n transition:\n opacity .6s ease calc(var(--i) * .12s),\n transform .6s cubic-bezier(.2,.75,.25,1) calc(var(--i) * .12s),\n box-shadow .3s ease;\n}\n\n.llt-ready .llt-arc {\n stroke-dashoffset: 100;\n transition: stroke-dashoffset 1.5s cubic-bezier(.25,.8,.25,1) calc(.25s + var(--i) * .12s);\n}\n\n.llt-ready.llt-in .llt-card {\n opacity: 1;\n transform: translateY(0);\n}\n\n.llt-ready.llt-in .llt-arc {\n stroke-dashoffset: var(--off);\n}\n\n@media (hover: hover) {\n .llt-ready.llt-in .llt-card:hover {\n transform: translateY(-5px);\n }\n}\n\n\/* ---------- TABLET ---------- *\/\n\n@media (max-width: 900px) {\n .llt-inner {\n grid-template-columns: 1fr;\n gap: 28px;\n padding: 40px 20px;\n }\n\n .llt-divider { display: none; }\n\n .llt-copy { max-width: 520px; }\n}\n\n\/* ---------- MOBILE ---------- *\/\n\n@media (max-width: 520px) {\n .llt-inner { padding: 32px 14px; }\n\n .llt-intro { padding: 0 6px; }\n\n .llt-stats { gap: 8px; }\n\n .llt-card { padding: 16px 6px 14px; border-radius: 14px; }\n\n .llt-track,\n .llt-arc { stroke-width: 9; }\n\n .llt-label { letter-spacing: 1px; font-size: 8px; }\n}\n\n\/* ---------- REDUCED MOTION ---------- *\/\n\n@media (prefers-reduced-motion: reduce) {\n .llt-ready .llt-card,\n .llt-ready .llt-arc {\n opacity: 1 !important;\n transform: none !important;\n transition: none !important;\n }\n .llt-ready .llt-arc { stroke-dashoffset: var(--off) !important; }\n}\n<\/style>\n\n<script>\n(function () {\n var sections = document.querySelectorAll('.llt-trust');\n if (!sections.length) return;\n\n var reduce = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n function countUp(el) {\n var end = parseFloat(el.getAttribute('data-count'));\n var dec = parseInt(el.getAttribute('data-decimals') || '0', 10);\n var dur = 1400, start = null;\n\n function step(t) {\n if (start === null) start = t;\n var p = Math.min((t - start) \/ dur, 1);\n var eased = 1 - Math.pow(1 - p, 3);\n el.textContent = (end * eased).toFixed(dec);\n if (p < 1) requestAnimationFrame(step);\n }\n el.textContent = (0).toFixed(dec);\n requestAnimationFrame(step);\n }\n\n function play(section) {\n section.classList.add('llt-in');\n if (!reduce) section.querySelectorAll('.llt-num').forEach(countUp);\n }\n\n sections.forEach(function (section) {\n section.classList.add('llt-ready');\n\n if (!('IntersectionObserver' in window) || reduce) {\n play(section);\n return;\n }\n\n var io = new IntersectionObserver(function (entries) {\n entries.forEach(function (entry) {\n if (entry.isIntersecting) {\n play(section);\n io.disconnect(); \/\/ run once, then stop observing\n }\n });\n }, { threshold: 0.3 });\n\n io.observe(section);\n });\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f5492cc e-con-full e-flex e-con e-child\" data-id=\"f5492cc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>LawnLogic Hero Power Your Outdoors. Perfect Every Lawn. Discover premium equipment for lawn care, gardening, cleaning and property maintenance. Shop […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-15","page","type-page","status-publish","hentry"],"post-meta":{"_edit_lock":["1792661751:1"],"_edit_last":["1"],"_elementor_edit_mode":["builder"],"_astra_content_layout_flag":["disabled"],"ast-title-bar-display":["disabled"],"ast-featured-img":["disabled"],"ast-site-content-layout":["full-width-container"],"site-sidebar-layout":["no-sidebar"],"_elementor_template_type":["wp-page"],"_elementor_version":["4.3.5"],"_elementor_pro_version":["3.23.3"],"_elementor_global_class_usage_indexed":["1"],"_elementor_global_class_usage_indexed_preview":["1"],"_elementor_migrations_state_d2a1":["4.3.5:3.23.3:4619a43acdb71a3fd22ba7518aa0a7ef"],"_wp_page_template":["default"],"_elementor_data":["[{\"id\":\"2418110\",\"elType\":\"container\",\"settings\":{\"content_width\":\"full\"},\"elements\":[{\"id\":\"59d349b\",\"elType\":\"widget\",\"settings\":{\"html\":\"<!DOCTYPE html>\\n<html lang=\\\"en\\\">\\n<head>\\n<meta charset=\\\"UTF-8\\\">\\n<meta name=\\\"viewport\\\" content=\\\"width=device-width, initial-scale=1.0\\\">\\n<title>LawnLogic Hero<\\\/title>\\n\\n<style>\\nhtml,\\nbody {\\n margin: 0 !important;\\n padding: 0 !important;\\n width: 100% !important;\\n max-width: 100% !important;\\n overflow-x: clip !important;\\n}\\n\\n\\\/* FULL-WIDTH HERO *\\\/\\n#glowHero {\\n position: relative;\\n width: 100vw !important;\\n max-width: 100vw !important;\\n margin-left: calc(50% - 50vw) !important;\\n margin-right: calc(50% - 50vw) !important;\\n min-height: 800px;\\n overflow: hidden;\\n isolation: isolate;\\n box-sizing: border-box;\\n\\n background:\\n linear-gradient(\\n 90deg,\\n rgba(3, 15, 8, 0.78) 0%,\\n rgba(3, 15, 8, 0.48) 42%,\\n rgba(3, 15, 8, 0.08) 100%\\n ),\\n url(\\\"https:\\\/\\\/lawnlogic.shop\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/Realistic-Lawn-Mower-in-Backyard-Garden1.png\\\")\\n center center \\\/ cover no-repeat;\\n}\\n\\n\\\/* MOUSE-FOLLOWING GREEN GLOW *\\\/\\n#glowHero .mouse-glow {\\n position: absolute;\\n z-index: 0;\\n left: 0;\\n top: 0;\\n width: 440px;\\n height: 440px;\\n border-radius: 50%;\\n pointer-events: none;\\n\\n background: radial-gradient(\\n circle,\\n rgba(126, 211, 33, 0.25) 0%,\\n rgba(72, 180, 20, 0.14) 30%,\\n rgba(45, 150, 20, 0.06) 52%,\\n transparent 72%\\n );\\n\\n filter: blur(28px);\\n opacity: 0;\\n transform: translate(-50%, -50%);\\n will-change: transform;\\n mix-blend-mode: screen;\\n}\\n\\n\\\/* HERO CONTENT *\\\/\\n#glowHero .hero-content {\\n position: relative;\\n z-index: 1;\\n width: min(calc(100% - 48px), 1240px);\\n margin: 0 auto;\\n padding: 100px 0;\\n color: #fff;\\n box-sizing: border-box;\\n}\\n\\n#glowHero h1 {\\n max-width: 650px;\\n margin: 0 0 22px;\\n color: #fff;\\n font-family: Arial, sans-serif;\\n font-size: clamp(42px, 5.5vw, 76px);\\n font-weight: 800;\\n line-height: 1.06;\\n letter-spacing: -1.5px;\\n}\\n\\n#glowHero h1 span {\\n color: #7ed321;\\n}\\n\\n#glowHero p {\\n max-width: 520px;\\n margin: 0;\\n color: #f0f5ee;\\n font-family: Arial, sans-serif;\\n font-size: 17px;\\n line-height: 1.8;\\n}\\n\\n\\\/* BUTTON CONTAINER *\\\/\\n#glowHero .hero-buttons {\\n display: flex;\\n flex-wrap: wrap;\\n align-items: center;\\n gap: 18px;\\n margin-top: 32px;\\n}\\n\\n\\\/* SHARED BUTTON STYLING *\\\/\\n#glowHero .hero-btn {\\n display: inline-flex;\\n align-items: center;\\n justify-content: center;\\n gap: 20px;\\n min-height: 56px;\\n padding: 0 26px;\\n box-sizing: border-box;\\n border: 1px solid transparent;\\n border-radius: 7px;\\n\\n font-family: Arial, sans-serif;\\n font-size: 15px;\\n font-weight: 700;\\n letter-spacing: 0.2px;\\n text-decoration: none !important;\\n cursor: pointer;\\n\\n transition:\\n transform 0.3s ease,\\n background-color 0.3s ease,\\n border-color 0.3s ease,\\n box-shadow 0.3s ease,\\n color 0.3s ease;\\n}\\n\\n\\\/* SHOP NOW BUTTON *\\\/\\n#glowHero .shop-btn {\\n background: #7ed321;\\n color: #102016 !important;\\n box-shadow: 0 5px 18px rgba(126, 211, 33, 0.2);\\n}\\n\\n#glowHero .shop-btn:hover {\\n background: #91ed2e;\\n color: #102016 !important;\\n transform: translateY(-4px);\\n box-shadow: 0 10px 28px rgba(126, 211, 33, 0.35);\\n}\\n\\n\\\/* CONTACT US BUTTON *\\\/\\n#glowHero .contact-btn {\\n background: rgba(255, 255, 255, 0.05);\\n color: #fff !important;\\n border-color: rgba(255, 255, 255, 0.7);\\n backdrop-filter: blur(6px);\\n}\\n\\n#glowHero .contact-btn:hover {\\n background: rgba(126, 211, 33, 0.13);\\n color: #a6f45a !important;\\n border-color: #7ed321;\\n transform: translateY(-4px);\\n}\\n\\n\\\/* ANIMATED ARROWS *\\\/\\n#glowHero .btn-arrow {\\n display: inline-block;\\n font-size: 22px;\\n line-height: 1;\\n transition: transform 0.3s ease;\\n}\\n\\n#glowHero .hero-btn:hover .btn-arrow {\\n transform: translateX(6px);\\n}\\n\\n\\\/* BUTTON ENTRANCE ANIMATION *\\\/\\n@media (prefers-reduced-motion: no-preference) {\\n #glowHero .hero-buttons {\\n animation: lawnButtonsIn 0.8s ease 0.15s both;\\n }\\n\\n @keyframes lawnButtonsIn {\\n from {\\n opacity: 0;\\n transform: translateY(16px);\\n }\\n to {\\n opacity: 1;\\n transform: translateY(0);\\n }\\n }\\n}\\n\\n\\\/* KEYBOARD ACCESSIBILITY *\\\/\\n#glowHero .hero-btn:focus-visible {\\n outline: 3px solid #b5f77a;\\n outline-offset: 4px;\\n}\\n\\n\\\/* TABLET AND MOBILE *\\\/\\n@media (max-width: 768px) {\\n #glowHero {\\n min-height: 650px;\\n background-position: 58% center;\\n }\\n\\n #glowHero .hero-content {\\n width: calc(100% - 40px);\\n padding: 90px 0 70px;\\n }\\n\\n #glowHero h1 {\\n font-size: clamp(38px, 9vw, 54px);\\n letter-spacing: -0.8px;\\n }\\n\\n #glowHero p {\\n max-width: 400px;\\n font-size: 15px;\\n }\\n\\n #glowHero .mouse-glow {\\n width: 300px;\\n height: 300px;\\n }\\n}\\n\\n\\\/* SMALL MOBILE BUTTONS *\\\/\\n@media (max-width: 480px) {\\n #glowHero .hero-buttons {\\n gap: 12px;\\n margin-top: 26px;\\n }\\n\\n #glowHero .hero-btn {\\n min-height: 52px;\\n padding: 0 18px;\\n gap: 12px;\\n font-size: 14px;\\n }\\n}\\n\\n\\\/* REDUCED MOTION ACCESSIBILITY *\\\/\\n@media (prefers-reduced-motion: reduce) {\\n #glowHero .mouse-glow {\\n display: none;\\n }\\n}\\n<\\\/style>\\n<\\\/head>\\n\\n<body>\\n\\n<section id=\\\"glowHero\\\" aria-label=\\\"LawnLogic outdoor equipment\\\">\\n\\n <div class=\\\"mouse-glow\\\" id=\\\"mouseGlow\\\"><\\\/div>\\n\\n <div class=\\\"hero-content\\\">\\n\\n <h1>\\n Power Your Outdoors.<br>\\n <span>Perfect Every Lawn.<\\\/span>\\n <\\\/h1>\\n\\n <p>\\n Discover premium equipment for lawn care, gardening,\\n cleaning and property maintenance.\\n <\\\/p>\\n\\n \\n <div class=\\\"hero-buttons\\\">\\n\\n <a\\n href=\\\"https:\\\/\\\/lawnlogic.shop\\\/?product_cat=best-selling\\\"\\n class=\\\"hero-btn shop-btn\\\"\\n >\\n <span>Shop Now<\\\/span>\\n <span class=\\\"btn-arrow\\\" aria-hidden=\\\"true\\\">\\u2192<\\\/span>\\n <\\\/a>\\n\\n <a\\n href=\\\"https:\\\/\\\/lawnlogic.shop\\\/?page_id=33\\\"\\n class=\\\"hero-btn contact-btn\\\"\\n >\\n <span>Contact Us<\\\/span>\\n <span class=\\\"btn-arrow\\\" aria-hidden=\\\"true\\\">\\u2192<\\\/span>\\n <\\\/a>\\n\\n <\\\/div>\\n\\n <\\\/div>\\n<\\\/section>\\n\\n<script>\\n(() => {\\n const hero = document.getElementById(\\\"glowHero\\\");\\n const glow = document.getElementById(\\\"mouseGlow\\\");\\n\\n if (!hero || !glow) return;\\n\\n const reducedMotion = window.matchMedia(\\n \\\"(prefers-reduced-motion: reduce)\\\"\\n );\\n\\n if (reducedMotion.matches) return;\\n\\n let targetX = 0;\\n let targetY = 0;\\n let currentX = 0;\\n let currentY = 0;\\n let frame = null;\\n\\n function animate() {\\n currentX += (targetX - currentX) * 0.09;\\n currentY += (targetY - currentY) * 0.09;\\n\\n glow.style.transform =\\n `translate3d(${currentX}px, ${currentY}px, 0) translate(-50%, -50%)`;\\n\\n if (\\n Math.abs(targetX - currentX) > 0.15 ||\\n Math.abs(targetY - currentY) > 0.15\\n ) {\\n frame = requestAnimationFrame(animate);\\n } else {\\n currentX = targetX;\\n currentY = targetY;\\n frame = null;\\n }\\n }\\n\\n hero.addEventListener(\\\"pointerenter\\\", () => {\\n glow.style.opacity = \\\"1\\\";\\n });\\n\\n hero.addEventListener(\\\"pointermove\\\", (event) => {\\n const rect = hero.getBoundingClientRect();\\n\\n targetX = event.clientX - rect.left;\\n targetY = event.clientY - rect.top;\\n\\n if (frame === null) {\\n frame = requestAnimationFrame(animate);\\n }\\n });\\n\\n hero.addEventListener(\\\"pointerleave\\\", () => {\\n glow.style.opacity = \\\"0\\\";\\n });\\n})();\\n<\\\/script>\\n\\n<\\\/body>\\n<\\\/html>\"},\"elements\":[],\"widgetType\":\"html\"}],\"isInner\":false},{\"id\":\"7154dd8\",\"elType\":\"e-flexbox\",\"settings\":{\"classes\":{\"$$type\":\"classes\",\"value\":[\"e-d925a8d\"]}},\"elements\":[{\"id\":\"b07ab20\",\"elType\":\"widget\",\"settings\":{\"html\":\"\\n\\n<section class=\\\"ll-benefits\\\">\\n <div class=\\\"ll-benefits-bg\\\"><\\\/div>\\n <div class=\\\"ll-benefits-overlay\\\"><\\\/div>\\n\\n <div class=\\\"ll-benefits-inner\\\">\\n\\n <div class=\\\"ll-benefits-heading\\\">\\n <h2>WHY CHOOSE <span>LAWNLOGIC<\\\/span><\\\/h2>\\n <p>Quality Tools. Greener Spaces. Better Living.<\\\/p>\\n <div class=\\\"ll-heading-line\\\"><\\\/div>\\n <\\\/div>\\n\\n <div class=\\\"ll-benefits-panel\\\">\\n\\n \\n <div class=\\\"ll-benefit\\\">\\n <div class=\\\"ll-benefit-icon ll-green\\\">\\n <svg viewBox=\\\"0 0 24 24\\\" aria-hidden=\\\"true\\\">\\n <path d=\\\"M12 3 2.8 7.5 12 21l9.2-13.5L12 3Z\\\"\\\/>\\n <path d=\\\"m2.8 7.5 6.1.2L12 3l3.1 4.7 6.1-.2M8.9 7.7 12 21l3.1-13.3\\\"\\\/>\\n <\\\/svg>\\n <\\\/div>\\n <h3>PREMIUM QUALITY<\\\/h3>\\n <p>Reliable outdoor equipment<br>\\n built for lasting performance.<\\\/p>\\n <\\\/div>\\n\\n \\n <div class=\\\"ll-benefit\\\">\\n <div class=\\\"ll-benefit-icon ll-orange\\\">\\n <svg viewBox=\\\"0 0 24 24\\\" aria-hidden=\\\"true\\\">\\n <path d=\\\"M3 7h11v11H3zM14 11h4l3 4v3h-7\\\"\\\/>\\n <path d=\\\"M6 18a2 2 0 1 0 4 0M16 18a2 2 0 1 0 4 0M1 10h5M1 13h4\\\"\\\/>\\n <\\\/svg>\\n <\\\/div>\\n <h3>FAST DELIVERY<\\\/h3>\\n <p>Quick and reliable shipping<br>\\n straight to your doorstep.<\\\/p>\\n <\\\/div>\\n\\n \\n <div class=\\\"ll-benefit\\\">\\n <div class=\\\"ll-benefit-icon ll-green\\\">\\n <svg viewBox=\\\"0 0 24 24\\\" aria-hidden=\\\"true\\\">\\n <path d=\\\"m12 2 9 5-9 5-9-5 9-5Z\\\"\\\/>\\n <path d=\\\"M3 7v10l9 5 9-5V7M12 12v10\\\"\\\/>\\n <path d=\\\"m9 5 9 5M15 15l2 2 4-4\\\"\\\/>\\n <\\\/svg>\\n <\\\/div>\\n <h3>EASY SUPPORT<\\\/h3>\\n <p>Helpful service and guidance<br>\\n when you need assistance.<\\\/p>\\n <\\\/div>\\n\\n \\n <div class=\\\"ll-benefit\\\">\\n <div class=\\\"ll-benefit-icon ll-orange\\\">\\n <svg viewBox=\\\"0 0 24 24\\\" aria-hidden=\\\"true\\\">\\n <path d=\\\"M12 22s8-4 8-11V5l-8-3-8 3v6c0 7 8 11 8 11Z\\\"\\\/>\\n <path d=\\\"m9 12 2 2 4-5\\\"\\\/>\\n <\\\/svg>\\n <\\\/div>\\n <h3>SECURE CHECKOUT<\\\/h3>\\n <p>Shop with confidence using<br>\\n secure payment processing.<\\\/p>\\n <\\\/div>\\n\\n <\\\/div>\\n <\\\/div>\\n<\\\/section>\\n\\n<style>\\n\\\/* LAWNLOGIC BENEFITS SECTION *\\\/\\n.ll-benefits {\\n --ll-green: #0B6623;\\n --ll-lime: #7ED321;\\n --ll-orange: #FF8500;\\n\\n position: relative;\\n isolation: isolate;\\n width: 100%;\\n padding: 64px 24px 76px;\\n overflow: hidden;\\n background: #101b14;\\n box-sizing: border-box;\\n font-family: inherit;\\n}\\n\\n```css\\n\\\/* LAWNLOGIC \\u2014 SUBTLE ANIMATED HEADING LINE *\\\/\\n.ll-heading-line {\\n position: relative;\\n overflow: hidden;\\n box-shadow: 0 0 8px rgba(126, 211, 33, 0.25);\\n}\\n\\n.ll-heading-line::after {\\n content: \\\"\\\";\\n position: absolute;\\n top: 0;\\n left: -40%;\\n width: 40%;\\n height: 100%;\\n background: linear-gradient(\\n 90deg,\\n transparent,\\n rgba(255, 255, 255, 0.9),\\n transparent\\n );\\n animation: ll-line-shimmer 3s ease-in-out infinite;\\n}\\n\\n@keyframes ll-line-shimmer {\\n 0% {\\n left: -40%;\\n }\\n 55%, 100% {\\n left: 110%;\\n }\\n}\\n\\n@media (prefers-reduced-motion: reduce) {\\n .ll-heading-line::after {\\n animation: none;\\n }\\n}\\n```\\n.ll-benefits *,\\n.ll-benefits *::before,\\n.ll-benefits *::after {\\n box-sizing: border-box;\\n}\\n\\n\\\/* UPDATED LAWNLOGIC BACKGROUND IMAGE *\\\/\\n.ll-benefits-bg {\\n position: absolute;\\n inset: -10px;\\n z-index: -2;\\n background-image: url(\\\"https:\\\/\\\/lawnlogic.shop\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/LawnLogic-Mower-in-a-Sunny-Garden.png\\\");\\n background-size: cover;\\n background-position: center 55%;\\n filter: blur(3px);\\n transform: scale(1.03);\\n}\\n\\n.ll-benefits-overlay {\\n position: absolute;\\n inset: 0;\\n z-index: -1;\\n background: linear-gradient(\\n 100deg,\\n rgba(4, 17, 9, .76),\\n rgba(7, 25, 10, .58),\\n rgba(5, 18, 8, .72)\\n );\\n}\\n\\n.ll-benefits-inner {\\n width: 100%;\\n max-width: 1450px;\\n margin: 0 auto;\\n}\\n\\n.ll-benefits-heading {\\n text-align: center;\\n margin: 0 auto 36px;\\n}\\n\\n.ll-benefits-heading h2 {\\n margin: 0 0 10px;\\n color: #fff;\\n font-size: clamp(30px, 3.2vw, 54px);\\n font-weight: 800;\\n line-height: 1.15;\\n letter-spacing: -1.3px;\\n}\\n\\n.ll-benefits-heading h2 span {\\n color: var(--ll-lime);\\n}\\n\\n.ll-benefits-heading p {\\n margin: 0;\\n color: #fff;\\n font-size: 15px;\\n font-weight: 500;\\n line-height: 1.7;\\n}\\n\\n.ll-heading-line {\\n width: 75px;\\n height: 3px;\\n margin: 18px auto 0;\\n border-radius: 4px;\\n background: var(--ll-lime);\\n}\\n\\n\\\/* GLASS PANEL *\\\/\\n.ll-benefits-panel {\\n display: grid;\\n grid-template-columns: repeat(4, minmax(0, 1fr));\\n overflow: hidden;\\n border: 1px solid rgba(255,255,255,.24);\\n border-radius: 22px;\\n background: rgba(7, 20, 10, .58);\\n box-shadow: 0 16px 50px rgba(0,0,0,.2);\\n -webkit-backdrop-filter: blur(16px);\\n backdrop-filter: blur(16px);\\n}\\n\\n.ll-benefit {\\n position: relative;\\n display: flex;\\n min-width: 0;\\n flex-direction: column;\\n align-items: center;\\n justify-content: flex-start;\\n padding: 30px 18px 32px;\\n text-align: center;\\n}\\n\\n.ll-benefit:not(:last-child)::after {\\n content: \\\"\\\";\\n position: absolute;\\n right: 0;\\n top: 22%;\\n height: 56%;\\n width: 1px;\\n background: linear-gradient(\\n to bottom,\\n transparent,\\n rgba(126,211,33,.6),\\n transparent\\n );\\n}\\n\\n.ll-benefit-icon {\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n width: 68px;\\n height: 68px;\\n margin-bottom: 19px;\\n border: 1px solid rgba(255,255,255,.25);\\n border-radius: 50%;\\n transition: transform .25s ease, box-shadow .25s ease;\\n}\\n\\n.ll-benefit:hover .ll-benefit-icon {\\n transform: translateY(-4px);\\n box-shadow: 0 8px 25px rgba(0,0,0,.2);\\n}\\n\\n.ll-green {\\n background: #087D32;\\n}\\n\\n.ll-orange {\\n background: var(--ll-orange);\\n}\\n\\n.ll-benefit-icon svg {\\n width: 28px;\\n height: 28px;\\n fill: none;\\n stroke: #fff;\\n stroke-width: 1.7;\\n stroke-linecap: round;\\n stroke-linejoin: round;\\n}\\n\\n.ll-benefit h3 {\\n margin: 0 0 11px;\\n color: #fff;\\n font-size: 15px;\\n font-weight: 800;\\n line-height: 1.4;\\n}\\n\\n.ll-benefit p {\\n margin: 0;\\n color: rgba(255,255,255,.94);\\n font-size: 14px;\\n font-weight: 400;\\n line-height: 1.6;\\n}\\n\\n\\\/* TABLET *\\\/\\n@media (max-width: 900px) {\\n .ll-benefits {\\n padding: 52px 20px 58px;\\n }\\n\\n .ll-benefits-panel {\\n grid-template-columns: repeat(2, minmax(0, 1fr));\\n }\\n\\n .ll-benefit {\\n padding: 28px 14px;\\n }\\n\\n .ll-benefit:nth-child(2)::after {\\n display: none;\\n }\\n\\n .ll-benefit:nth-child(-n+2) {\\n border-bottom: 1px solid rgba(255,255,255,.13);\\n }\\n}\\n\\n\\\/* MOBILE *\\\/\\n@media (max-width: 520px) {\\n .ll-benefits {\\n padding: 42px 14px 46px;\\n }\\n\\n .ll-benefits-heading {\\n margin-bottom: 27px;\\n }\\n\\n .ll-benefits-heading h2 {\\n font-size: 29px;\\n letter-spacing: -.7px;\\n }\\n\\n .ll-benefits-heading p {\\n font-size: 13px;\\n }\\n\\n .ll-benefits-panel {\\n border-radius: 16px;\\n }\\n\\n .ll-benefit {\\n padding: 23px 7px;\\n }\\n\\n .ll-benefit-icon {\\n width: 54px;\\n height: 54px;\\n margin-bottom: 14px;\\n }\\n\\n .ll-benefit-icon svg {\\n width: 24px;\\n height: 24px;\\n }\\n\\n .ll-benefit h3 {\\n font-size: 11px;\\n margin-bottom: 8px;\\n }\\n\\n .ll-benefit p {\\n font-size: 11px;\\n line-height: 1.55;\\n }\\n}\\n```css\\n\\\/* SOFT LIGHT GLOW ON HOVER *\\\/\\n.ll-benefit {\\n overflow: hidden;\\n isolation: isolate;\\n transition: background .35s ease;\\n}\\n\\n.ll-benefit::before {\\n content: \\\"\\\";\\n position: absolute;\\n inset: 0;\\n z-index: -1;\\n opacity: 0;\\n pointer-events: none;\\n background: radial-gradient(\\n circle at var(--mouse-x, 50%) var(--mouse-y, 50%),\\n rgba(126, 211, 33, 0.24) 0%,\\n rgba(11, 102, 35, 0.12) 38%,\\n transparent 75%\\n );\\n transition: opacity .3s ease;\\n}\\n\\n.ll-benefit:hover::before {\\n opacity: 1;\\n}\\n\\n.ll-benefit:hover {\\n background-color: rgba(126, 211, 33, 0.06);\\n}\\n```\\n<\\\/style>\"},\"elements\":[],\"widgetType\":\"html\"}],\"isInner\":false,\"styles\":{\"e-d925a8d\":{\"id\":\"e-d925a8d\",\"label\":\"local\",\"type\":\"class\",\"variants\":[{\"meta\":{\"breakpoint\":\"desktop\",\"state\":null},\"props\":{\"flex-direction\":{\"$$type\":\"string\",\"value\":\"column\"}},\"custom_css\":null}]}},\"version\":\"0.0\"},{\"id\":\"6a3e689\",\"elType\":\"container\",\"settings\":[],\"elements\":[{\"id\":\"fb85b65\",\"elType\":\"widget\",\"settings\":{\"html\":\"\\n<section class=\\\"lawnlogic-showcase\\\" aria-label=\\\"LawnLogic shop categories\\\">\\n\\n \\n <div class=\\\"lls-hero\\\">\\n <div class=\\\"lls-hero-photo\\\"><\\\/div>\\n <div class=\\\"lls-hero-shade\\\"><\\\/div>\\n\\n <div class=\\\"lls-hero-content\\\">\\n\\n <div class=\\\"lls-eyebrow\\\">\\n <span><\\\/span> LAWN EQUIPMENT & OUTDOOR POWER\\n <\\\/div>\\n\\n <h2 class=\\\"lls-hero-title\\\">\\n Lawn<br><span>Mowers<\\\/span>\\n <\\\/h2>\\n\\n <p class=\\\"lls-hero-copy\\\">\\n Power and Precision<br>for a Greener Lawn.\\n <\\\/p>\\n\\n <a class=\\\"lls-shop-button\\\" href=\\\"\\\/product-category\\\/lawn-mowers\\\/\\\">\\n SHOP COLLECTION <span>\\u2192<\\\/span>\\n <\\\/a>\\n <\\\/div>\\n <\\\/div>\\n\\n \\n <div class=\\\"lls-category-list\\\">\\n\\n <a class=\\\"lls-category is-active\\\" href=\\\"\\\/product-category\\\/hardware-tools\\\/\\\">\\n <div class=\\\"lls-category-image\\\">\\n <img src=\\\"https:\\\/\\\/lawnlogic.shop\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/Screenshot-2026-10-18-212131.png\\\" alt=\\\"Hardware tools\\\">\\n <\\\/div>\\n\\n <div class=\\\"lls-category-copy\\\">\\n <span class=\\\"lls-brand\\\">LawnLogic<\\\/span>\\n <div class=\\\"lls-category-meta\\\">\\n <span>01<\\\/span>\\n <h3>Hardware Tools<\\\/h3>\\n <\\\/div>\\n <p>Reliable tools for every project.<\\\/p>\\n <\\\/div>\\n\\n <span class=\\\"lls-arrow\\\">\\u2192<\\\/span>\\n <\\\/a>\\n\\n <a class=\\\"lls-category\\\" href=\\\"\\\/product-category\\\/blowers\\\/\\\">\\n <div class=\\\"lls-category-image\\\">\\n <img src=\\\"https:\\\/\\\/lawnlogic.shop\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/Screenshot-2026-10-18-212140.png\\\" alt=\\\"Garden blower\\\">\\n <\\\/div>\\n\\n <div class=\\\"lls-category-copy\\\">\\n <span class=\\\"lls-brand\\\">LawnLogic<\\\/span>\\n <div class=\\\"lls-category-meta\\\">\\n <span>02<\\\/span>\\n <h3>Blowers<\\\/h3>\\n <\\\/div>\\n <p>Cleaner outdoors. Healthier spaces.<\\\/p>\\n <\\\/div>\\n\\n <span class=\\\"lls-arrow\\\">\\u2192<\\\/span>\\n <\\\/a>\\n\\n <a class=\\\"lls-category\\\" href=\\\"\\\/product-category\\\/vacuum-cleaners\\\/\\\">\\n <div class=\\\"lls-category-image\\\">\\n <img src=\\\"https:\\\/\\\/lawnlogic.shop\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/Screenshot-2026-10-18-212152.png\\\" alt=\\\"Vacuum cleaner\\\">\\n <\\\/div>\\n\\n <div class=\\\"lls-category-copy\\\">\\n <span class=\\\"lls-brand\\\">LawnLogic<\\\/span>\\n <div class=\\\"lls-category-meta\\\">\\n <span>03<\\\/span>\\n <h3>Vacuum Cleaners<\\\/h3>\\n <\\\/div>\\n <p>Efficient cleaning for brighter spaces.<\\\/p>\\n <\\\/div>\\n\\n <span class=\\\"lls-arrow\\\">\\u2192<\\\/span>\\n <\\\/a>\\n\\n <\\\/div>\\n<\\\/section>\\n\\n<style>\\n\\\/* =====================================\\n LAWNLOGIC SHOWCASE (all classes use lls-)\\n===================================== *\\\/\\n\\n.lawnlogic-showcase {\\n --lls-green: #48bd18;\\n --lls-orange: #ff852d;\\n\\n display: grid;\\n grid-template-columns: minmax(0, 2.05fr) minmax(0, 1.4fr);\\n gap: 16px;\\n\\n width: 100vw;\\n max-width: none;\\n margin-left: calc(50% - 50vw);\\n margin-right: calc(50% - 50vw);\\n padding: 16px 20px;\\n\\n box-sizing: border-box;\\n font-family: Inter, Arial, sans-serif;\\n color: #12351f;\\n}\\n\\n.lawnlogic-showcase *,\\n.lawnlogic-showcase *::before,\\n.lawnlogic-showcase *::after {\\n box-sizing: border-box;\\n}\\n\\n.lawnlogic-showcase a {\\n -webkit-tap-highlight-color: transparent;\\n}\\n\\n\\\/* HERO *\\\/\\n\\n.lawnlogic-showcase .lls-hero {\\n position: relative;\\n isolation: isolate;\\n overflow: hidden;\\n min-width: 0;\\n min-height: 540px;\\n border-radius: 17px;\\n background: #073b20;\\n display: flex;\\n align-items: flex-end;\\n}\\n\\n.lls-hero-photo {\\n position: absolute;\\n inset: 0;\\n z-index: -2;\\n\\n background-image: url('https:\\\/\\\/lawnlogic.shop\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/LawnLogic-Mower-in-Sunlit-Garden.png');\\n background-position: center;\\n background-size: cover;\\n background-repeat: no-repeat;\\n\\n transform: scale(1.01);\\n transition: transform 1s cubic-bezier(.2,.75,.25,1);\\n}\\n\\n@media (hover: hover) {\\n .lls-hero:hover .lls-hero-photo {\\n transform: scale(1.045);\\n }\\n}\\n\\n.lls-hero-shade {\\n position: absolute;\\n inset: 0;\\n z-index: -1;\\n\\n background:\\n linear-gradient(90deg,\\n rgba(0,37,19,.91) 0%,\\n rgba(0,37,19,.76) 38%,\\n rgba(0,37,19,.15) 100%),\\n linear-gradient(0deg,\\n rgba(0,25,12,.3),\\n transparent 60%);\\n}\\n\\n.lls-hero-content {\\n width: 100%;\\n padding: clamp(28px, 4vw, 58px);\\n color: #fff;\\n animation: llsRise .8s both;\\n}\\n\\n\\\/* EYEBROW + ANIMATED GREEN LINE *\\\/\\n\\n.lls-eyebrow {\\n display: flex;\\n align-items: center;\\n flex-wrap: wrap;\\n gap: 12px;\\n margin-bottom: 25px;\\n\\n font-size: clamp(9px, .8vw, 12px);\\n letter-spacing: 1.6px;\\n font-weight: 800;\\n color: #fff;\\n}\\n\\n.lls-eyebrow > span {\\n position: relative;\\n display: block;\\n width: 32px;\\n height: 3px;\\n flex-shrink: 0;\\n overflow: hidden;\\n background: rgba(72,189,24,.25);\\n border-radius: 5px;\\n}\\n\\n.lls-eyebrow > span::after {\\n content: \\\"\\\";\\n position: absolute;\\n inset: 0;\\n background: var(--lls-green);\\n border-radius: inherit;\\n transform-origin: left center;\\n animation: llsLinePulse 3s ease-in-out infinite;\\n}\\n\\n@keyframes llsLinePulse {\\n 0%, 100% { transform: scaleX(.35); opacity: .65; }\\n 50% { transform: scaleX(1); opacity: 1; }\\n}\\n\\n\\\/* HEADLINE *\\\/\\n\\n.lls-hero-title {\\n margin: 0 0 20px;\\n color: #fff;\\n font-size: clamp(48px, 5.7vw, 92px);\\n line-height: .91;\\n letter-spacing: -3px;\\n font-weight: 900;\\n}\\n\\n.lls-hero-title > span {\\n color: #55c91f;\\n}\\n\\n.lls-hero-copy {\\n margin: 0 0 27px;\\n color: rgba(255,255,255,.94);\\n font-size: clamp(14px, 1.5vw, 23px);\\n line-height: 1.5;\\n}\\n\\n\\\/* CTA *\\\/\\n\\n.lawnlogic-showcase a.lls-shop-button {\\n display: inline-flex;\\n align-items: center;\\n justify-content: center;\\n gap: 22px;\\n padding: 16px 25px;\\n border-radius: 50px;\\n\\n background: var(--lls-orange);\\n color: #fff !important;\\n text-decoration: none !important;\\n\\n font-size: 12px;\\n font-weight: 850;\\n letter-spacing: .5px;\\n\\n transition: background .25s, transform .25s, box-shadow .25s;\\n}\\n\\n.lls-shop-button > span {\\n font-size: 23px;\\n line-height: 1;\\n transition: transform .25s;\\n}\\n\\n.lawnlogic-showcase a.lls-shop-button:hover {\\n background: var(--lls-green);\\n transform: translateY(-3px);\\n box-shadow: 0 10px 28px rgba(40,160,25,.3);\\n}\\n\\n.lls-shop-button:hover > span {\\n transform: translateX(5px);\\n}\\n\\n\\\/* RIGHT-SIDE CATEGORY STACK *\\\/\\n\\n.lls-category-list {\\n display: grid;\\n grid-template-rows: repeat(3, minmax(0, 1fr));\\n gap: 14px;\\n min-width: 0;\\n}\\n\\n\\\/* CATEGORY CARD *\\\/\\n\\n.lawnlogic-showcase a.lls-category {\\n position: relative;\\n isolation: isolate;\\n\\n display: grid;\\n grid-template-columns: minmax(105px, 40%) minmax(0, 1fr) 36px;\\n align-items: center;\\n gap: clamp(10px, 1.4vw, 22px);\\n\\n min-width: 0;\\n min-height: 0;\\n padding: 12px;\\n overflow: hidden;\\n\\n background:\\n radial-gradient(ellipse at 100% 0%,\\n rgba(119,190,74,.11) 0%,\\n transparent 50%),\\n linear-gradient(125deg,\\n #f8fbf5 0%,\\n #ffffff 52%,\\n #f0f7eb 100%);\\n\\n border: 1px solid #e2eddb;\\n border-radius: 16px;\\n\\n text-decoration: none !important;\\n color: #12351f !important;\\n\\n box-shadow: 0 4px 18px rgba(20,43,25,.045);\\n\\n transition:\\n border-color .35s ease,\\n box-shadow .35s ease,\\n transform .35s ease,\\n background .35s ease;\\n}\\n\\n\\\/* Green highlight bar *\\\/\\n\\n.lls-category::before {\\n content: \\\"\\\";\\n position: absolute;\\n z-index: -1;\\n left: 0;\\n top: 15%;\\n bottom: 15%;\\n width: 3px;\\n\\n background: var(--lls-green);\\n border-radius: 0 4px 4px 0;\\n\\n transform: scaleY(0);\\n transform-origin: center;\\n transition: transform .35s ease;\\n}\\n\\n\\\/* Soft glow sweep on hover *\\\/\\n\\n.lls-category::after {\\n content: \\\"\\\";\\n position: absolute;\\n z-index: -1;\\n top: 0;\\n left: -70%;\\n width: 45%;\\n height: 100%;\\n\\n background: linear-gradient(110deg, transparent, rgba(117,191,68,.08), transparent);\\n\\n transform: skewX(-15deg);\\n transition: left .65s ease;\\n pointer-events: none;\\n}\\n\\n.lls-category:hover,\\n.lls-category.is-active {\\n border-color: #c9e7bb;\\n box-shadow: 0 8px 28px rgba(38,105,40,.10);\\n}\\n\\n.lls-category:hover {\\n transform: translateY(-3px);\\n}\\n\\n.lls-category:hover::before,\\n.lls-category.is-active::before {\\n transform: scaleY(1);\\n}\\n\\n.lls-category:hover::after {\\n left: 130%;\\n}\\n\\n\\\/* CATEGORY IMAGES (fixed height keeps the desktop section compact) *\\\/\\n\\n.lls-category-image {\\n position: relative;\\n width: 100%;\\n height: 150px;\\n\\n border-radius: 11px;\\n overflow: hidden;\\n background: #edf5e7;\\n}\\n\\n.lls-category-image img {\\n display: block;\\n width: 100%;\\n height: 100%;\\n object-fit: cover;\\n\\n transition: transform .65s cubic-bezier(.2,.75,.25,1);\\n}\\n\\n.lls-category:hover .lls-category-image img {\\n transform: scale(1.07);\\n}\\n\\n\\\/* CATEGORY COPY *\\\/\\n\\n.lls-category-copy {\\n min-width: 0;\\n}\\n\\n.lawnlogic-showcase .lls-brand {\\n display: block;\\n margin-bottom: clamp(12px, 1.4vw, 22px);\\n\\n color: #17612c;\\n font-size: clamp(12px, 1vw, 17px);\\n line-height: 1.2;\\n font-weight: 900;\\n letter-spacing: -.5px;\\n}\\n\\n.lls-category-meta {\\n display: flex;\\n align-items: baseline;\\n gap: 12px;\\n padding-left: 12px;\\n border-left: 2px solid var(--lls-green);\\n}\\n\\n.lls-category-meta > span {\\n color: #91bd7c;\\n font-size: clamp(14px, 1.6vw, 25px);\\n font-weight: 900;\\n flex-shrink: 0;\\n}\\n\\n.lls-category h3 {\\n margin: 0;\\n color: #123b23;\\n font-size: clamp(13px, 1.35vw, 22px);\\n line-height: 1.2;\\n font-weight: 850;\\n overflow-wrap: anywhere;\\n transition: color .25s;\\n}\\n\\n.lls-category p {\\n margin: 10px 0 0;\\n color: #68766a;\\n font-size: clamp(10px, .95vw, 15px);\\n line-height: 1.45;\\n}\\n\\n.lls-category:hover h3,\\n.lls-category.is-active h3 {\\n color: #328e22;\\n}\\n\\n\\\/* ROUND ARROW *\\\/\\n\\n.lls-arrow {\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n\\n width: clamp(30px, 3vw, 43px);\\n height: clamp(30px, 3vw, 43px);\\n border-radius: 50%;\\n\\n background: linear-gradient(145deg, #59ce20, #319b12);\\n color: #fff;\\n font-size: 23px;\\n line-height: 1;\\n\\n transition: background .3s, transform .3s, box-shadow .3s;\\n}\\n\\n.lls-category:hover .lls-arrow {\\n background: var(--lls-orange);\\n box-shadow: 0 4px 14px rgba(255,133,45,.22);\\n transform: translateX(3px);\\n}\\n\\n\\\/* ENTRANCE ANIMATION *\\\/\\n\\n@keyframes llsRise {\\n from { opacity: 0; transform: translateY(16px); }\\n to { opacity: 1; transform: translateY(0); }\\n}\\n\\n\\\/* =====================================\\n TABLET\\n===================================== *\\\/\\n\\n@media (max-width: 900px) {\\n .lawnlogic-showcase {\\n grid-template-columns: 1fr;\\n gap: 14px;\\n padding: 12px;\\n }\\n\\n .lawnlogic-showcase .lls-hero {\\n min-height: 460px;\\n align-items: flex-start; \\\/* text on top, mower visible below *\\\/\\n }\\n\\n .lls-hero-photo {\\n background-position: 78% 85%; \\\/* focus on the mower *\\\/\\n transform: none;\\n }\\n\\n .lls-hero-shade {\\n background:\\n linear-gradient(180deg,\\n rgba(0,37,19,.92) 0%,\\n rgba(0,37,19,.70) 35%,\\n rgba(0,37,19,.10) 65%,\\n rgba(0,25,12,.25) 100%);\\n }\\n\\n .lls-category-list {\\n grid-template-rows: none;\\n grid-template-columns: repeat(3, minmax(0, 1fr));\\n gap: 10px;\\n }\\n\\n .lawnlogic-showcase a.lls-category {\\n grid-template-columns: minmax(0, 1fr) 30px;\\n grid-template-rows: 130px auto;\\n gap: 10px;\\n padding: 10px;\\n }\\n\\n .lls-category-image {\\n grid-column: 1 \\\/ -1;\\n grid-row: 1;\\n height: 130px;\\n }\\n\\n .lls-category-copy {\\n grid-column: 1;\\n grid-row: 2;\\n }\\n\\n .lawnlogic-showcase .lls-brand {\\n margin-bottom: 10px;\\n font-size: 13px;\\n }\\n\\n .lls-category-meta {\\n display: block;\\n padding-left: 9px;\\n }\\n\\n .lls-category-meta > span {\\n display: block;\\n margin-bottom: 5px;\\n font-size: 15px;\\n }\\n\\n .lls-category h3 { font-size: 14px; }\\n .lls-category p { font-size: 11px; }\\n\\n .lls-arrow {\\n grid-column: 2;\\n grid-row: 2;\\n width: 29px;\\n height: 29px;\\n font-size: 18px;\\n }\\n}\\n\\n\\\/* =====================================\\n MOBILE\\n===================================== *\\\/\\n\\n@media (max-width: 520px) {\\n .lawnlogic-showcase {\\n padding: 8px;\\n gap: 10px;\\n }\\n\\n .lawnlogic-showcase .lls-hero {\\n min-height: 440px;\\n border-radius: 13px;\\n }\\n\\n .lls-hero-photo {\\n background-position: 82% 90%;\\n }\\n\\n .lls-hero-content {\\n padding: 24px 22px;\\n }\\n\\n .lls-hero-title {\\n font-size: clamp(46px, 12vw, 62px);\\n letter-spacing: -2px;\\n margin-bottom: 14px;\\n }\\n\\n .lls-hero-copy {\\n margin-bottom: 20px;\\n }\\n\\n .lls-eyebrow {\\n font-size: 9px;\\n letter-spacing: 1px;\\n margin-bottom: 20px;\\n }\\n\\n .lls-category-list {\\n grid-template-columns: 1fr;\\n gap: 9px;\\n }\\n\\n .lawnlogic-showcase a.lls-category {\\n grid-template-columns: 100px minmax(0, 1fr) 30px;\\n grid-template-rows: auto;\\n gap: 12px;\\n min-height: 112px;\\n padding: 10px;\\n }\\n\\n .lls-category-image {\\n grid-column: 1;\\n grid-row: 1;\\n height: 90px;\\n }\\n\\n .lls-category-copy {\\n grid-column: 2;\\n grid-row: 1;\\n }\\n\\n .lawnlogic-showcase .lls-brand {\\n margin-bottom: 9px;\\n font-size: 12px;\\n }\\n\\n .lls-category-meta {\\n display: flex;\\n align-items: baseline;\\n gap: 8px;\\n }\\n\\n .lls-category-meta > span {\\n display: inline;\\n margin: 0;\\n font-size: 13px;\\n }\\n\\n .lls-category h3 { font-size: 14px; }\\n\\n .lls-category p {\\n margin-top: 6px;\\n font-size: 10px;\\n }\\n\\n .lls-arrow {\\n grid-column: 3;\\n grid-row: 1;\\n width: 29px;\\n height: 29px;\\n }\\n}\\n\\n\\\/* ACCESSIBILITY *\\\/\\n\\n@media (prefers-reduced-motion: reduce) {\\n .lawnlogic-showcase *,\\n .lawnlogic-showcase *::before,\\n .lawnlogic-showcase *::after {\\n animation: none !important;\\n transition: none !important;\\n }\\n}\\n<\\\/style>\\n\\n<script>\\n(function () {\\n document.querySelectorAll('.lawnlogic-showcase').forEach(function (section) {\\n var cards = section.querySelectorAll('.lls-category');\\n\\n cards.forEach(function (card) {\\n function activate() {\\n cards.forEach(function (item) {\\n item.classList.remove('is-active');\\n });\\n card.classList.add('is-active');\\n }\\n\\n card.addEventListener('mouseenter', activate);\\n card.addEventListener('focus', activate);\\n });\\n });\\n})();\\n<\\\/script>\"},\"elements\":[],\"widgetType\":\"html\"},{\"id\":\"20c0897\",\"elType\":\"widget\",\"settings\":{\"html\":\"\\n<section class=\\\"llf-section\\\" aria-label=\\\"Featured products\\\">\\n <div class=\\\"llf-inner\\\">\\n\\n \\n <header class=\\\"llf-head\\\">\\n <span class=\\\"llf-eyebrow\\\">DISCOVER OUR PICKS<\\\/span>\\n <h2 class=\\\"llf-title\\\">Featured <span>Products<\\\/span><\\\/h2>\\n <div class=\\\"llf-bar\\\" aria-hidden=\\\"true\\\"><\\\/div>\\n <\\\/header>\\n\\n \\n <div class=\\\"llf-slider\\\">\\n <button class=\\\"llf-arrow llf-prev\\\" type=\\\"button\\\" aria-label=\\\"Previous products\\\">\\n <svg viewBox=\\\"0 0 24 24\\\" aria-hidden=\\\"true\\\"><path d=\\\"M15 5l-7 7 7 7\\\"\\\/><\\\/svg>\\n <\\\/button>\\n\\n <div class=\\\"llf-track\\\" tabindex=\\\"0\\\">\\n\\n \\n <article class=\\\"llf-card\\\">\\n\\n \\n <a class=\\\"llf-media\\\" href=\\\"https:\\\/\\\/lawnlogic.shop\\\/product\\\/YOUR-PRODUCT-SLUG\\\/\\\">\\n <span class=\\\"llf-badge\\\">FEATURED<\\\/span>\\n \\n <img src=\\\"https:\\\/\\\/lawnlogic.shop\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/Screenshot-2026-10-18-212131.png\\\"\\n alt=\\\"LawnLogic Cordless Drill Kit\\\" loading=\\\"lazy\\\">\\n <\\\/a>\\n\\n <div class=\\\"llf-body\\\">\\n <h3 class=\\\"llf-name\\\">\\n \\n <a href=\\\"https:\\\/\\\/lawnlogic.shop\\\/product\\\/YOUR-PRODUCT-SLUG\\\/\\\">LawnLogic Cordless Drill & Hardware Tool Kit \\u2013 Durable, Green<\\\/a>\\n <\\\/h3>\\n\\n <div class=\\\"llf-stars\\\" aria-label=\\\"Rated 5 out of 5\\\">\\u2605\\u2605\\u2605\\u2605\\u2605<\\\/div>\\n <div class=\\\"llf-price\\\">$35.00<\\\/div>\\n\\n <div class=\\\"llf-actions\\\">\\n \\n <a class=\\\"llf-btn llf-cart\\\" href=\\\"https:\\\/\\\/lawnlogic.shop\\\/?add-to-cart=123\\\">ADD TO CART<\\\/a>\\n\\n \\n <a class=\\\"llf-btn llf-buy\\\" href=\\\"https:\\\/\\\/lawnlogic.shop\\\/checkout\\\/?add-to-cart=123\\\">BUY NOW<\\\/a>\\n <\\\/div>\\n <\\\/div>\\n <\\\/article>\\n\\n \\n <article class=\\\"llf-card\\\">\\n <a class=\\\"llf-media\\\" href=\\\"https:\\\/\\\/lawnlogic.shop\\\/product\\\/YOUR-PRODUCT-SLUG\\\/\\\">\\n <span class=\\\"llf-badge\\\">FEATURED<\\\/span>\\n <img src=\\\"https:\\\/\\\/lawnlogic.shop\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/Screenshot-2026-10-18-212140.png\\\"\\n alt=\\\"LawnLogic Cordless Blower\\\" loading=\\\"lazy\\\">\\n <\\\/a>\\n <div class=\\\"llf-body\\\">\\n <h3 class=\\\"llf-name\\\"><a href=\\\"https:\\\/\\\/lawnlogic.shop\\\/product\\\/YOUR-PRODUCT-SLUG\\\/\\\">LawnLogic Cordless Leaf Blower \\u2013 Lightweight, Powerful<\\\/a><\\\/h3>\\n <div class=\\\"llf-stars\\\" aria-label=\\\"Rated 5 out of 5\\\">\\u2605\\u2605\\u2605\\u2605\\u2605<\\\/div>\\n <div class=\\\"llf-price\\\">$89.00<\\\/div>\\n <div class=\\\"llf-actions\\\">\\n <a class=\\\"llf-btn llf-cart\\\" href=\\\"https:\\\/\\\/lawnlogic.shop\\\/?add-to-cart=124\\\">ADD TO CART<\\\/a>\\n <a class=\\\"llf-btn llf-buy\\\" href=\\\"https:\\\/\\\/lawnlogic.shop\\\/checkout\\\/?add-to-cart=124\\\">BUY NOW<\\\/a>\\n <\\\/div>\\n <\\\/div>\\n <\\\/article>\\n\\n \\n <article class=\\\"llf-card\\\">\\n <a class=\\\"llf-media\\\" href=\\\"https:\\\/\\\/lawnlogic.shop\\\/product\\\/YOUR-PRODUCT-SLUG\\\/\\\">\\n <span class=\\\"llf-badge\\\">FEATURED<\\\/span>\\n <img src=\\\"https:\\\/\\\/lawnlogic.shop\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/Screenshot-2026-10-18-212152.png\\\"\\n alt=\\\"LawnLogic Wet and Dry Vacuum\\\" loading=\\\"lazy\\\">\\n <\\\/a>\\n <div class=\\\"llf-body\\\">\\n <h3 class=\\\"llf-name\\\"><a href=\\\"https:\\\/\\\/lawnlogic.shop\\\/product\\\/YOUR-PRODUCT-SLUG\\\/\\\">LawnLogic Wet & Dry Vacuum Cleaner \\u2013 Heavy Duty, Black<\\\/a><\\\/h3>\\n <div class=\\\"llf-stars\\\" aria-label=\\\"Rated 5 out of 5\\\">\\u2605\\u2605\\u2605\\u2605\\u2605<\\\/div>\\n <div class=\\\"llf-price\\\">$119.00<\\\/div>\\n <div class=\\\"llf-actions\\\">\\n <a class=\\\"llf-btn llf-cart\\\" href=\\\"https:\\\/\\\/lawnlogic.shop\\\/?add-to-cart=125\\\">ADD TO CART<\\\/a>\\n <a class=\\\"llf-btn llf-buy\\\" href=\\\"https:\\\/\\\/lawnlogic.shop\\\/checkout\\\/?add-to-cart=125\\\">BUY NOW<\\\/a>\\n <\\\/div>\\n <\\\/div>\\n <\\\/article>\\n\\n \\n <article class=\\\"llf-card\\\">\\n <a class=\\\"llf-media\\\" href=\\\"https:\\\/\\\/lawnlogic.shop\\\/product\\\/YOUR-PRODUCT-SLUG\\\/\\\">\\n <span class=\\\"llf-badge\\\">FEATURED<\\\/span>\\n <img src=\\\"https:\\\/\\\/lawnlogic.shop\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/LawnLogic-Mower-in-Sunlit-Garden.png\\\"\\n alt=\\\"LawnLogic Lawn Mower\\\" loading=\\\"lazy\\\">\\n <\\\/a>\\n <div class=\\\"llf-body\\\">\\n <h3 class=\\\"llf-name\\\"><a href=\\\"https:\\\/\\\/lawnlogic.shop\\\/product\\\/YOUR-PRODUCT-SLUG\\\/\\\">LawnLogic Self-Propelled Lawn Mower \\u2013 Power and Precision<\\\/a><\\\/h3>\\n <div class=\\\"llf-stars\\\" aria-label=\\\"Rated 5 out of 5\\\">\\u2605\\u2605\\u2605\\u2605\\u2605<\\\/div>\\n <div class=\\\"llf-price\\\">$349.00<\\\/div>\\n <div class=\\\"llf-actions\\\">\\n <a class=\\\"llf-btn llf-cart\\\" href=\\\"https:\\\/\\\/lawnlogic.shop\\\/?add-to-cart=126\\\">ADD TO CART<\\\/a>\\n <a class=\\\"llf-btn llf-buy\\\" href=\\\"https:\\\/\\\/lawnlogic.shop\\\/checkout\\\/?add-to-cart=126\\\">BUY NOW<\\\/a>\\n <\\\/div>\\n <\\\/div>\\n <\\\/article>\\n\\n <\\\/div>\\n\\n <button class=\\\"llf-arrow llf-next\\\" type=\\\"button\\\" aria-label=\\\"Next products\\\">\\n <svg viewBox=\\\"0 0 24 24\\\" aria-hidden=\\\"true\\\"><path d=\\\"M9 5l7 7-7 7\\\"\\\/><\\\/svg>\\n <\\\/button>\\n <\\\/div>\\n\\n \\n <div class=\\\"llf-dots\\\" aria-hidden=\\\"true\\\"><\\\/div>\\n\\n <\\\/div>\\n<\\\/section>\\n\\n<style>\\n\\\/* =====================================\\n LAWNLOGIC FEATURED PRODUCTS (all classes use llf-)\\n===================================== *\\\/\\n\\n.llf-section {\\n --llf-green: #0B6623;\\n --llf-lime: #7ED321;\\n --llf-orange: #ff852d;\\n --llf-ink: #14231a;\\n\\n width: 100vw;\\n max-width: none;\\n margin-left: calc(50% - 50vw);\\n margin-right: calc(50% - 50vw);\\n\\n background:\\n radial-gradient(ellipse at 50% 0%, rgba(126,211,33,.08) 0%, transparent 60%),\\n #fafbf8;\\n\\n font-family: Inter, Arial, sans-serif;\\n color: var(--llf-ink);\\n box-sizing: border-box;\\n}\\n\\n.llf-section *,\\n.llf-section *::before,\\n.llf-section *::after {\\n box-sizing: border-box;\\n}\\n\\n.llf-inner {\\n max-width: 1400px;\\n margin: 0 auto;\\n padding: clamp(36px, 4.5vw, 68px) clamp(14px, 5vw, 80px);\\n}\\n\\n\\\/* ---------- HEADING ---------- *\\\/\\n\\n.llf-head {\\n text-align: center;\\n margin-bottom: clamp(24px, 3vw, 40px);\\n}\\n\\n.llf-eyebrow {\\n display: block;\\n margin-bottom: 8px;\\n font-size: 9px;\\n font-weight: 800;\\n letter-spacing: 3px;\\n color: #6b7f72;\\n}\\n\\n.llf-title {\\n margin: 0;\\n font-size: clamp(28px, 3.2vw, 46px);\\n line-height: 1.1;\\n letter-spacing: -1.2px;\\n font-weight: 800;\\n color: var(--llf-ink);\\n}\\n\\n.llf-title span {\\n color: var(--llf-green);\\n}\\n\\n.llf-bar {\\n position: relative;\\n width: 56px;\\n height: 3px;\\n margin: 14px auto 0;\\n overflow: hidden;\\n border-radius: 4px;\\n background: #d7e2d0;\\n}\\n\\n\\\/* lime segment glides back and forth (transform only = no lag) *\\\/\\n.llf-bar::after {\\n content: \\\"\\\";\\n position: absolute;\\n top: 0;\\n left: 0;\\n width: 40%;\\n height: 100%;\\n border-radius: inherit;\\n background: var(--llf-lime);\\n animation: llfBarSlide 2.2s ease-in-out infinite alternate;\\n}\\n\\n@keyframes llfBarSlide {\\n from { transform: translateX(0); }\\n to { transform: translateX(150%); }\\n}\\n\\n\\\/* ---------- SLIDER ---------- *\\\/\\n\\n.llf-slider {\\n position: relative;\\n}\\n\\n.llf-track {\\n --gap: 20px;\\n --per: 4;\\n\\n display: flex;\\n gap: var(--gap);\\n padding: 8px 4px 26px;\\n margin: 0 -4px;\\n\\n overflow-x: auto;\\n overflow-y: hidden;\\n scroll-snap-type: x mandatory;\\n scrollbar-width: none;\\n -webkit-overflow-scrolling: touch;\\n overscroll-behavior-x: contain;\\n outline: none;\\n}\\n\\n.llf-track::-webkit-scrollbar { display: none; }\\n\\n.llf-card {\\n flex: 0 0 calc((100% - (var(--per) - 1) * var(--gap)) \\\/ var(--per));\\n min-width: 0;\\n scroll-snap-align: start;\\n\\n display: flex;\\n flex-direction: column;\\n padding: 12px;\\n\\n background: #fff;\\n border: 1px solid #e6eee0;\\n border-radius: 18px;\\n box-shadow: 0 6px 22px rgba(20,43,25,.06);\\n\\n transition: transform .3s ease, box-shadow .3s ease;\\n}\\n\\n@media (hover: hover) {\\n .llf-card:hover {\\n transform: translateY(-5px);\\n box-shadow: 0 14px 32px rgba(20,43,25,.11);\\n }\\n .llf-card:hover .llf-media img { transform: scale(1.05); }\\n}\\n\\n\\\/* Image *\\\/\\n\\n.llf-section a.llf-media {\\n position: relative;\\n display: block;\\n aspect-ratio: 1 \\\/ 1;\\n overflow: hidden;\\n border-radius: 12px;\\n background: #f3f6ef;\\n text-decoration: none !important;\\n}\\n\\n.llf-media img {\\n display: block;\\n width: 100%;\\n height: 100%;\\n object-fit: cover;\\n transition: transform .5s cubic-bezier(.2,.75,.25,1);\\n}\\n\\n.llf-badge {\\n position: absolute;\\n z-index: 2;\\n top: 10px;\\n left: 10px;\\n padding: 6px 11px;\\n border-radius: 50px;\\n background: var(--llf-green);\\n color: #fff;\\n font-size: 8px;\\n font-weight: 800;\\n letter-spacing: 1px;\\n}\\n\\n\\\/* Text *\\\/\\n\\n.llf-body {\\n display: flex;\\n flex: 1;\\n flex-direction: column;\\n padding: 14px 4px 2px;\\n}\\n\\n.llf-name {\\n margin: 0 0 8px;\\n font-size: 14px;\\n line-height: 1.4;\\n font-weight: 700;\\n display: -webkit-box;\\n -webkit-line-clamp: 3;\\n -webkit-box-orient: vertical;\\n overflow: hidden;\\n min-height: 3.9em;\\n}\\n\\n.llf-section .llf-name a {\\n color: var(--llf-ink) !important;\\n text-decoration: none !important;\\n transition: color .25s;\\n}\\n\\n.llf-section .llf-name a:hover { color: var(--llf-green) !important; }\\n\\n.llf-stars {\\n margin-bottom: 6px;\\n font-size: 11px;\\n letter-spacing: 2px;\\n color: var(--llf-orange);\\n}\\n\\n.llf-price {\\n margin-bottom: 14px;\\n font-size: 18px;\\n font-weight: 800;\\n color: var(--llf-ink);\\n}\\n\\n.llf-actions {\\n display: grid;\\n grid-template-columns: 1fr 1fr;\\n gap: 8px;\\n margin-top: auto;\\n}\\n\\n.llf-section a.llf-btn {\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n min-height: 40px;\\n padding: 10px 6px;\\n border-radius: 9px;\\n color: #fff !important;\\n font-size: 10px;\\n font-weight: 800;\\n letter-spacing: .4px;\\n text-decoration: none !important;\\n text-align: center;\\n transition: transform .25s, box-shadow .25s, background .25s;\\n}\\n\\n.llf-cart { background: var(--llf-green); }\\n.llf-buy { background: var(--llf-orange); }\\n\\n.llf-section a.llf-cart:hover {\\n background: #0e7a2b;\\n transform: translateY(-2px);\\n box-shadow: 0 8px 18px rgba(11,102,35,.25);\\n}\\n\\n.llf-section a.llf-buy:hover {\\n background: #ff7313;\\n transform: translateY(-2px);\\n box-shadow: 0 8px 18px rgba(255,133,45,.3);\\n}\\n\\n\\\/* ---------- ARROWS (desktop) ---------- *\\\/\\n\\n.llf-arrow {\\n position: absolute;\\n z-index: 5;\\n top: 42%;\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n width: 46px;\\n height: 46px;\\n padding: 0;\\n border: 1px solid #e6eee0;\\n border-radius: 50%;\\n background: #fff;\\n color: var(--llf-green);\\n cursor: pointer;\\n box-shadow: 0 8px 22px rgba(20,43,25,.14);\\n transition: transform .25s, opacity .25s, background .25s, color .25s;\\n}\\n\\n.llf-arrow svg {\\n width: 20px;\\n height: 20px;\\n fill: none;\\n stroke: currentColor;\\n stroke-width: 2.4;\\n stroke-linecap: round;\\n stroke-linejoin: round;\\n}\\n\\n.llf-arrow:hover {\\n background: var(--llf-green);\\n color: #fff;\\n}\\n\\n.llf-prev { left: -23px; }\\n.llf-next { right: -23px; }\\n\\n.llf-arrow.is-hidden {\\n opacity: 0;\\n pointer-events: none;\\n}\\n\\n\\\/* ---------- DOTS (mobile \\\/ tablet) ---------- *\\\/\\n\\n.llf-dots {\\n display: none;\\n justify-content: center;\\n gap: 7px;\\n margin-top: 4px;\\n}\\n\\n.llf-dot {\\n width: 7px;\\n height: 7px;\\n padding: 0;\\n border: 0;\\n border-radius: 50px;\\n background: #cfdcc6;\\n cursor: pointer;\\n transition: width .3s, background .3s;\\n}\\n\\n.llf-dot.is-active {\\n width: 22px;\\n background: var(--llf-green);\\n}\\n\\n\\\/* ---------- TABLET ---------- *\\\/\\n\\n@media (max-width: 1100px) {\\n .llf-track { --per: 3; }\\n}\\n\\n@media (max-width: 900px) {\\n .llf-track { --per: 2.3; --gap: 14px; }\\n .llf-arrow { display: none; }\\n .llf-dots { display: flex; }\\n}\\n\\n\\\/* ---------- MOBILE ---------- *\\\/\\n\\n@media (max-width: 600px) {\\n .llf-track { --per: 1.18; --gap: 12px; }\\n .llf-name { font-size: 13.5px; }\\n}\\n\\n@media (prefers-reduced-motion: reduce) {\\n .llf-section * { transition: none !important; }\\n .llf-bar::after { animation: none !important; }\\n}\\n<\\\/style>\\n\\n<script>\\n(function () {\\n document.querySelectorAll('.llf-section').forEach(function (section) {\\n var track = section.querySelector('.llf-track');\\n var cards = section.querySelectorAll('.llf-card');\\n var prev = section.querySelector('.llf-prev');\\n var next = section.querySelector('.llf-next');\\n var dotsWrap = section.querySelector('.llf-dots');\\n if (!track || !cards.length) return;\\n\\n var mqAuto = window.matchMedia('(max-width: 900px)');\\n var reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\\n var timer = null, resumeTimer = null, visible = false, ticking = false;\\n\\n function step() {\\n var gap = parseFloat(getComputedStyle(track).columnGap) || 0;\\n return cards[0].getBoundingClientRect().width + gap;\\n }\\n\\n \\\/* ---- dots ---- *\\\/\\n var dots = [];\\n cards.forEach(function (_, i) {\\n var b = document.createElement('button');\\n b.type = 'button';\\n b.className = 'llf-dot';\\n b.setAttribute('aria-label', 'Go to product ' + (i + 1));\\n b.addEventListener('click', function () {\\n track.scrollTo({ left: i * step(), behavior: 'smooth' });\\n pauseAuto();\\n });\\n dotsWrap.appendChild(b);\\n dots.push(b);\\n });\\n\\n \\\/* ---- arrows + dots state ---- *\\\/\\n function update() {\\n var max = track.scrollWidth - track.clientWidth;\\n var x = track.scrollLeft;\\n\\n prev.classList.toggle('is-hidden', x <= 2);\\n next.classList.toggle('is-hidden', x >= max - 2 || max <= 2);\\n\\n var idx = Math.min(cards.length - 1, Math.round(x \\\/ step()));\\n dots.forEach(function (d, i) { d.classList.toggle('is-active', i === idx); });\\n ticking = false;\\n }\\n\\n track.addEventListener('scroll', function () {\\n if (!ticking) { ticking = true; requestAnimationFrame(update); }\\n }, { passive: true });\\n\\n prev.addEventListener('click', function () {\\n track.scrollBy({ left: -step(), behavior: 'smooth' });\\n });\\n next.addEventListener('click', function () {\\n track.scrollBy({ left: step(), behavior: 'smooth' });\\n });\\n\\n \\\/* ---- autoplay (tablet \\\/ phones only) ---- *\\\/\\n function advance() {\\n var max = track.scrollWidth - track.clientWidth;\\n if (track.scrollLeft >= max - 4) {\\n track.scrollTo({ left: 0, behavior: 'smooth' });\\n } else {\\n track.scrollBy({ left: step(), behavior: 'smooth' });\\n }\\n }\\n\\n function startAuto() {\\n stopAuto();\\n if (reduce || !mqAuto.matches || !visible) return;\\n timer = setInterval(advance, 3500);\\n }\\n\\n function stopAuto() {\\n if (timer) { clearInterval(timer); timer = null; }\\n }\\n\\n function pauseAuto() {\\n stopAuto();\\n clearTimeout(resumeTimer);\\n resumeTimer = setTimeout(startAuto, 6000); \\\/\\\/ resume after the user stops touching\\n }\\n\\n track.addEventListener('touchstart', pauseAuto, { passive: true });\\n track.addEventListener('pointerdown', pauseAuto, { passive: true });\\n track.addEventListener('mouseenter', stopAuto);\\n track.addEventListener('mouseleave', startAuto);\\n track.addEventListener('focusin', stopAuto);\\n track.addEventListener('focusout', startAuto);\\n\\n document.addEventListener('visibilitychange', function () {\\n if (document.hidden) stopAuto(); else startAuto();\\n });\\n\\n mqAuto.addEventListener\\n ? mqAuto.addEventListener('change', startAuto)\\n : mqAuto.addListener(startAuto);\\n\\n window.addEventListener('resize', update, { passive: true });\\n\\n \\\/* only run the timer while the section is on screen *\\\/\\n if ('IntersectionObserver' in window) {\\n new IntersectionObserver(function (entries) {\\n visible = entries[0].isIntersecting;\\n if (visible) startAuto(); else stopAuto();\\n }, { threshold: 0.25 }).observe(section);\\n } else {\\n visible = true;\\n startAuto();\\n }\\n\\n update();\\n });\\n})();\\n<\\\/script>\"},\"elements\":[],\"widgetType\":\"html\"},{\"id\":\"bd3ac08\",\"elType\":\"widget\",\"settings\":{\"html\":\"\\n<section class=\\\"ll-hero\\\">\\n <div class=\\\"ll-hero-bg\\\"><\\\/div>\\n <div class=\\\"ll-hero-shade\\\"><\\\/div>\\n\\n <div class=\\\"ll-hero-container\\\">\\n\\n <div class=\\\"ll-hero-content\\\">\\n\\n <a class=\\\"ll-brand\\\" href=\\\"https:\\\/\\\/lawnlogic.shop\\\/\\\">\\n <span class=\\\"ll-brand-main\\\">Lawn<span>Logic<\\\/span><\\\/span>\\n <span class=\\\"ll-brand-sub\\\">PREMIUM OUTDOOR EQUIPMENT<\\\/span>\\n <\\\/a>\\n\\n <h1>\\n GET THE JOB<br>\\n DONE<br>\\n <span class=\\\"ll-heading-green\\\">THE RIGHT WAY<\\\/span><span class=\\\"ll-heading-dot\\\">.<\\\/span>\\n <\\\/h1>\\n\\n <p class=\\\"ll-hero-description\\\">\\n Powerful tools for a\\n <span>Cleaner, Greener<\\\/span> and<br class=\\\"ll-desktop-break\\\">\\n Happier Home.\\n <\\\/p>\\n\\n <a class=\\\"ll-shop-button\\\" href=\\\"https:\\\/\\\/lawnlogic.shop\\\/?post_type=product\\\">\\n <span>SHOP COLLECTION<\\\/span>\\n <svg viewBox=\\\"0 0 24 24\\\" aria-hidden=\\\"true\\\">\\n <path d=\\\"M4 12h15M13 5l7 7-7 7\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\"\\n stroke-width=\\\"2\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\"\\\/>\\n <\\\/svg>\\n <\\\/a>\\n\\n \\n <div class=\\\"ll-hero-features\\\">\\n\\n <div class=\\\"ll-feature\\\">\\n <div class=\\\"ll-feature-icon\\\">\\n <svg viewBox=\\\"0 0 24 24\\\" aria-hidden=\\\"true\\\">\\n <path d=\\\"M12 3 2.8 8 12 21 21.2 8 12 3Z\\\"\\\/>\\n <path d=\\\"M2.8 8h18.4M8 8l4 13 4-13M8 8l4-5 4 5\\\"\\\/>\\n <\\\/svg>\\n <\\\/div>\\n <div class=\\\"ll-feature-label\\\"><strong>Premium<\\\/strong><span>Quality<\\\/span><\\\/div>\\n <\\\/div>\\n\\n <div class=\\\"ll-feature\\\">\\n <div class=\\\"ll-feature-icon\\\">\\n <svg viewBox=\\\"0 0 24 24\\\" aria-hidden=\\\"true\\\">\\n <path d=\\\"M19.5 3.5C11 4 5 8.5 5 15a6 6 0 0 0 6 6c6.5 0 9-9 8.5-17.5Z\\\"\\\/>\\n <path d=\\\"M4 21c3-5 6-8 11-11\\\"\\\/>\\n <\\\/svg>\\n <\\\/div>\\n <div class=\\\"ll-feature-label\\\"><strong>Greener<\\\/strong><span>Outdoors<\\\/span><\\\/div>\\n <\\\/div>\\n\\n <div class=\\\"ll-feature\\\">\\n <div class=\\\"ll-feature-icon\\\">\\n <svg viewBox=\\\"0 0 24 24\\\" aria-hidden=\\\"true\\\">\\n <path d=\\\"m3 11 9-8 9 8\\\"\\\/>\\n <path d=\\\"M5.5 9.5V21h13V9.5M9.5 21v-7h5v7\\\"\\\/>\\n <\\\/svg>\\n <\\\/div>\\n <div class=\\\"ll-feature-label\\\"><strong>Better<\\\/strong><span>Living<\\\/span><\\\/div>\\n <\\\/div>\\n\\n <div class=\\\"ll-feature\\\">\\n <div class=\\\"ll-feature-icon\\\">\\n <svg viewBox=\\\"0 0 24 24\\\" aria-hidden=\\\"true\\\">\\n <circle cx=\\\"12\\\" cy=\\\"12\\\" r=\\\"4\\\"\\\/>\\n <path d=\\\"M12 2v3M12 19v3M2 12h3M19 12h3M4.9 4.9 7 7M17 17l2.1 2.1M19.1 4.9 17 7M7 17l-2.1 2.1\\\"\\\/>\\n <\\\/svg>\\n <\\\/div>\\n <div class=\\\"ll-feature-label\\\"><strong>Built<\\\/strong><span>to Last<\\\/span><\\\/div>\\n <\\\/div>\\n\\n <\\\/div>\\n <\\\/div>\\n\\n <\\\/div>\\n<\\\/section>\\n\\n<style>\\n\\\/* =====================================\\n LAWNLOGIC HERO \\u2014 ALL STYLES SCOPED\\n===================================== *\\\/\\n\\n.ll-hero {\\n --ll-lime: #7ED321;\\n --ll-green: #0B6623;\\n --ll-dark: #06150C;\\n\\n position: relative;\\n isolation: isolate;\\n overflow: hidden;\\n display: flex;\\n align-items: stretch;\\n\\n \\\/* full width *\\\/\\n width: 100vw !important;\\n max-width: none !important;\\n margin-left: calc(50% - 50vw) !important;\\n margin-right: calc(50% - 50vw) !important;\\n border-radius: 0 !important;\\n\\n min-height: 665px;\\n background: var(--ll-dark);\\n color: #fff;\\n font-family: inherit;\\n box-sizing: border-box;\\n}\\n\\n.ll-hero *,\\n.ll-hero *::before,\\n.ll-hero *::after {\\n box-sizing: border-box;\\n}\\n\\n.ll-hero-bg {\\n position: absolute;\\n inset: 0;\\n z-index: -3;\\n background-image: url(\\\"https:\\\/\\\/lawnlogic.shop\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/LawnLogic-Mower-in-a-Sunny-Garden.png\\\");\\n background-size: cover;\\n background-position: center 54%;\\n background-repeat: no-repeat;\\n transform: scale(1.02);\\n animation: ll-bg-reveal 1.2s ease-out both;\\n}\\n\\n.ll-hero-shade {\\n position: absolute;\\n inset: 0;\\n z-index: -2;\\n background:\\n linear-gradient(90deg,\\n rgba(3, 17, 9, .98) 0%,\\n rgba(4, 22, 10, .94) 26%,\\n rgba(4, 22, 10, .76) 43%,\\n rgba(4, 18, 8, .20) 70%,\\n rgba(4, 18, 8, .18) 100%),\\n linear-gradient(0deg,\\n rgba(2, 12, 6, .72),\\n transparent 45%);\\n}\\n\\n.ll-hero-container {\\n position: relative;\\n display: flex;\\n align-items: center;\\n width: 100%;\\n max-width: 1500px;\\n min-height: inherit;\\n margin: 0 auto;\\n padding: 52px 6.2% 35px;\\n}\\n\\n.ll-hero-content {\\n position: relative;\\n z-index: 2;\\n width: 53%;\\n max-width: 680px;\\n animation: ll-content-enter .8s ease-out both;\\n}\\n\\n\\\/* BRAND \\u2014 underline removed in every state *\\\/\\n.ll-hero a.ll-brand,\\n.ll-hero a.ll-brand:hover,\\n.ll-hero a.ll-brand:focus,\\n.ll-hero a.ll-brand:active,\\n.ll-hero a.ll-brand span {\\n text-decoration: none !important;\\n border-bottom: 0 !important;\\n box-shadow: none !important;\\n}\\n\\n.ll-brand {\\n display: inline-flex;\\n flex-direction: column;\\n align-items: flex-start;\\n gap: 10px;\\n margin-bottom: 27px;\\n color: #fff;\\n}\\n\\n.ll-brand-main {\\n color: var(--ll-lime);\\n font-size: clamp(36px, 3.1vw, 55px);\\n font-weight: 850;\\n line-height: 1;\\n letter-spacing: -2.5px;\\n}\\n\\n.ll-brand-main span {\\n color: #fff;\\n}\\n\\n.ll-brand-sub {\\n font-size: 9px;\\n font-weight: 800;\\n letter-spacing: 4px;\\n color: rgba(255,255,255,.88);\\n}\\n\\n\\\/* HEADLINE *\\\/\\n.ll-hero h1 {\\n margin: 0 0 22px;\\n color: #fff;\\n font-size: clamp(43px, 4.15vw, 72px);\\n font-weight: 900;\\n line-height: .99;\\n letter-spacing: -2.5px;\\n}\\n\\n.ll-heading-green { color: var(--ll-lime); }\\n.ll-heading-dot { color: #FF8500; }\\n\\n.ll-hero-description {\\n margin: 0 0 29px;\\n color: rgba(255,255,255,.96);\\n font-size: clamp(15px, 1.1vw, 19px);\\n font-weight: 500;\\n line-height: 1.55;\\n}\\n\\n.ll-hero-description span {\\n color: var(--ll-lime);\\n font-weight: 750;\\n}\\n\\n\\\/* SHOP BUTTON *\\\/\\n.ll-hero a.ll-shop-button,\\n.ll-hero a.ll-shop-button:hover {\\n text-decoration: none !important;\\n}\\n\\n.ll-shop-button {\\n position: relative;\\n isolation: isolate;\\n display: inline-flex;\\n align-items: center;\\n justify-content: center;\\n gap: 25px;\\n min-width: 207px;\\n min-height: 55px;\\n padding: 15px 24px;\\n overflow: hidden;\\n border: 1px solid var(--ll-lime);\\n border-radius: 50px;\\n background: var(--ll-lime);\\n color: #10200B;\\n font-size: 11px;\\n font-weight: 850;\\n letter-spacing: .6px;\\n transition:\\n color .35s ease,\\n border-color .35s ease,\\n box-shadow .35s ease,\\n transform .35s ease;\\n}\\n\\n.ll-shop-button::before {\\n content: \\\"\\\";\\n position: absolute;\\n inset: 0;\\n z-index: -1;\\n border-radius: inherit;\\n background: #102A19;\\n transform: scaleX(0);\\n transform-origin: left;\\n transition: transform .38s cubic-bezier(.2,.7,.2,1);\\n}\\n\\n.ll-shop-button:hover,\\n.ll-shop-button:focus-visible {\\n color: #fff;\\n border-color: #fff;\\n box-shadow: 0 0 0 4px rgba(126,211,33,.13),\\n 0 10px 30px rgba(0,0,0,.25);\\n transform: translateY(-3px);\\n}\\n\\n.ll-shop-button:hover::before,\\n.ll-shop-button:focus-visible::before {\\n transform: scaleX(1);\\n}\\n\\n.ll-shop-button svg {\\n width: 19px;\\n height: 19px;\\n flex: 0 0 19px;\\n transition: transform .3s ease;\\n}\\n\\n.ll-shop-button:hover svg {\\n transform: translateX(5px);\\n}\\n\\n\\\/* FEATURE BUBBLES *\\\/\\n.ll-hero-features {\\n display: flex;\\n align-items: center;\\n flex-wrap: wrap;\\n gap: 24px 25px;\\n margin-top: 63px;\\n}\\n\\n.ll-feature {\\n position: relative;\\n display: flex;\\n align-items: center;\\n gap: 11px;\\n padding: 7px 10px 7px 0;\\n border-radius: 40px;\\n cursor: default;\\n transition:\\n transform .3s ease,\\n background .3s ease,\\n box-shadow .3s ease;\\n}\\n\\n.ll-feature-icon {\\n position: relative;\\n display: flex;\\n flex: 0 0 48px;\\n align-items: center;\\n justify-content: center;\\n width: 48px;\\n height: 48px;\\n border: 1px solid rgba(126,211,33,.65);\\n border-radius: 50%;\\n background: rgba(5, 22, 10, .40);\\n color: var(--ll-lime);\\n transition:\\n color .35s ease,\\n background .35s ease,\\n border-color .35s ease,\\n transform .35s ease,\\n box-shadow .35s ease;\\n}\\n\\n.ll-feature-icon svg {\\n width: 21px;\\n height: 21px;\\n fill: none;\\n stroke: currentColor;\\n stroke-width: 1.35;\\n stroke-linecap: round;\\n stroke-linejoin: round;\\n transition: transform .35s ease;\\n}\\n\\n.ll-feature-label {\\n display: flex;\\n flex-direction: column;\\n gap: 2px;\\n min-width: 60px;\\n color: #fff;\\n font-size: 11px;\\n line-height: 1.15;\\n}\\n\\n.ll-feature-label strong { font-weight: 800; }\\n\\n.ll-feature-label span {\\n color: rgba(255,255,255,.86);\\n font-size: 10px;\\n}\\n\\n.ll-feature:hover {\\n transform: translateY(-5px);\\n background: rgba(126,211,33,.08);\\n box-shadow: 0 6px 24px rgba(0,0,0,.12);\\n}\\n\\n.ll-feature:hover .ll-feature-icon {\\n color: #10200B;\\n background: var(--ll-lime);\\n border-color: var(--ll-lime);\\n transform: scale(1.09);\\n box-shadow: 0 0 0 5px rgba(126,211,33,.12),\\n 0 0 22px rgba(126,211,33,.25);\\n}\\n\\n.ll-feature:hover .ll-feature-icon svg {\\n transform: rotate(-8deg) scale(1.08);\\n}\\n\\n\\\/* ANIMATIONS *\\\/\\n@keyframes ll-content-enter {\\n from { opacity: 0; transform: translateY(18px); }\\n to { opacity: 1; transform: translateY(0); }\\n}\\n\\n@keyframes ll-bg-reveal {\\n from { opacity: .5; transform: scale(1.06); }\\n to { opacity: 1; transform: scale(1.02); }\\n}\\n\\n\\\/* TABLET *\\\/\\n@media (max-width: 1000px) {\\n .ll-hero { min-height: 620px; }\\n\\n .ll-hero-bg { background-position: 70% 60%; }\\n\\n .ll-hero-container { padding: 48px 5%; }\\n\\n .ll-hero-content { width: 60%; }\\n\\n .ll-hero h1 { font-size: clamp(42px, 5.5vw, 59px); }\\n\\n .ll-hero-features { gap: 15px 12px; margin-top: 48px; }\\n\\n .ll-feature-icon {\\n width: 42px;\\n height: 42px;\\n flex-basis: 42px;\\n }\\n}\\n\\n\\\/* MOBILE *\\\/\\n@media (max-width: 650px) {\\n .ll-hero { min-height: 0; }\\n\\n \\\/* anchor the photo to the bottom-right so the mower stays visible *\\\/\\n .ll-hero-bg {\\n background-position: 76% 100%;\\n transform: none;\\n animation: none;\\n }\\n\\n \\\/* dark at the top for text, fades out toward the bottom to show the mower *\\\/\\n .ll-hero-shade {\\n background: linear-gradient(\\n 180deg,\\n rgba(3,16,8,.95) 0%,\\n rgba(3,16,8,.88) 45%,\\n rgba(3,16,8,.45) 72%,\\n rgba(3,16,8,.12) 100%\\n );\\n }\\n\\n .ll-hero-container {\\n align-items: flex-start;\\n padding: 36px 23px 270px; \\\/* bottom space reveals the mower photo *\\\/\\n }\\n\\n .ll-hero-content {\\n width: 100%;\\n max-width: 520px;\\n }\\n\\n .ll-brand { margin-bottom: 28px; }\\n\\n .ll-brand-main {\\n font-size: 39px;\\n letter-spacing: -1.8px;\\n }\\n\\n .ll-brand-sub {\\n font-size: 8px;\\n letter-spacing: 2.5px;\\n }\\n\\n .ll-hero h1 {\\n font-size: clamp(40px, 10.5vw, 58px);\\n letter-spacing: -1.8px;\\n line-height: 1;\\n }\\n\\n .ll-hero-description { font-size: 15px; }\\n\\n .ll-desktop-break { display: none; }\\n\\n .ll-shop-button { min-height: 52px; }\\n\\n .ll-hero-features {\\n display: grid;\\n grid-template-columns: repeat(2, minmax(0, 1fr));\\n gap: 12px 8px;\\n margin-top: 37px;\\n }\\n\\n .ll-feature {\\n gap: 9px;\\n padding: 6px 4px 6px 0;\\n }\\n\\n .ll-feature-icon {\\n width: 42px;\\n height: 42px;\\n flex-basis: 42px;\\n }\\n\\n .ll-feature-label { font-size: 11px; }\\n}\\n\\n\\\/* REDUCED MOTION *\\\/\\n@media (prefers-reduced-motion: reduce) {\\n .ll-hero *,\\n .ll-hero *::before,\\n .ll-hero *::after {\\n animation: none !important;\\n transition: none !important;\\n }\\n}\\n<\\\/style>\",\"_element_width\":\"inherit\",\"_offset_x\":{\"size\":-8,\"unit\":\"px\"},\"_offset_y\":{\"size\":349,\"unit\":\"px\"}},\"elements\":[],\"widgetType\":\"html\"}],\"isInner\":false},{\"id\":\"c3aae40\",\"elType\":\"container\",\"settings\":[],\"elements\":[{\"id\":\"dbabe1b\",\"elType\":\"widget\",\"settings\":{\"html\":\"\\n<section class=\\\"llt-trust\\\" aria-label=\\\"Why homeowners choose LawnLogic\\\">\\n <div class=\\\"llt-bg\\\"><\\\/div>\\n\\n <div class=\\\"llt-inner\\\">\\n\\n \\n <div class=\\\"llt-intro\\\">\\n <div class=\\\"llt-eyebrow\\\"><span><\\\/span>WHY HOMEOWNERS CHOOSE LAWNLOGIC<\\\/div>\\n\\n <h2 class=\\\"llt-title\\\">\\n Numbers That<br><em>Speak Trust<\\\/em>\\n <\\\/h2>\\n\\n <p class=\\\"llt-copy\\\">\\n From quality products to reliable performance, our customers' trust drives everything we do.\\n <\\\/p>\\n\\n <div class=\\\"llt-tagline\\\">Built for Greener Tomorrows.<\\\/div>\\n <\\\/div>\\n\\n <div class=\\\"llt-divider\\\" aria-hidden=\\\"true\\\"><\\\/div>\\n\\n \\n <div class=\\\"llt-stats\\\">\\n\\n \\n <div class=\\\"llt-card\\\" style=\\\"--i:0; --c:#17812c; --t:rgba(23,129,44,.14); --off:2;\\\">\\n <div class=\\\"llt-icon llt-icon-green\\\">\\n <svg viewBox=\\\"0 0 24 24\\\" aria-hidden=\\\"true\\\"><circle cx=\\\"12\\\" cy=\\\"12\\\" r=\\\"9\\\"\\\/><path d=\\\"M8.5 14c1 1.5 2.2 2.2 3.5 2.2s2.5-.7 3.5-2.2\\\"\\\/><path d=\\\"M9 9.5h.01M15 9.5h.01\\\"\\\/><\\\/svg>\\n <\\\/div>\\n <div class=\\\"llt-gauge\\\">\\n <svg viewBox=\\\"0 0 140 80\\\" aria-hidden=\\\"true\\\">\\n <path class=\\\"llt-track\\\" d=\\\"M10 74 A60 60 0 0 1 130 74\\\" pathLength=\\\"100\\\"\\\/>\\n <path class=\\\"llt-arc\\\" d=\\\"M10 74 A60 60 0 0 1 130 74\\\" pathLength=\\\"100\\\"\\\/>\\n <\\\/svg>\\n <div class=\\\"llt-value\\\"><span class=\\\"llt-num\\\" data-count=\\\"98\\\" data-decimals=\\\"0\\\">98<\\\/span><span class=\\\"llt-suffix\\\">%<\\\/span><\\\/div>\\n <\\\/div>\\n <div class=\\\"llt-label\\\">Customer<br>Satisfaction<\\\/div>\\n <\\\/div>\\n\\n \\n <div class=\\\"llt-card\\\" style=\\\"--i:1; --c:#ff852d; --t:rgba(255,133,45,.16); --off:0;\\\">\\n <div class=\\\"llt-icon llt-icon-orange\\\">\\n <svg viewBox=\\\"0 0 24 24\\\" aria-hidden=\\\"true\\\"><circle cx=\\\"9\\\" cy=\\\"8\\\" r=\\\"3.2\\\"\\\/><path d=\\\"M3 19c0-3.2 2.7-5 6-5s6 1.8 6 5\\\"\\\/><path d=\\\"M16 5.2a3.2 3.2 0 0 1 0 5.6M17.5 14.3c2.2.5 3.5 2 3.5 4.7\\\"\\\/><\\\/svg>\\n <\\\/div>\\n <div class=\\\"llt-gauge\\\">\\n <svg viewBox=\\\"0 0 140 80\\\" aria-hidden=\\\"true\\\">\\n <path class=\\\"llt-track\\\" d=\\\"M10 74 A60 60 0 0 1 130 74\\\" pathLength=\\\"100\\\"\\\/>\\n <path class=\\\"llt-arc\\\" d=\\\"M10 74 A60 60 0 0 1 130 74\\\" pathLength=\\\"100\\\"\\\/>\\n <\\\/svg>\\n <div class=\\\"llt-value\\\"><span class=\\\"llt-num\\\" data-count=\\\"100\\\" data-decimals=\\\"0\\\">100<\\\/span><span class=\\\"llt-suffix\\\">+<\\\/span><\\\/div>\\n <\\\/div>\\n <div class=\\\"llt-label\\\">Happy<br>Customers<\\\/div>\\n <\\\/div>\\n\\n \\n <div class=\\\"llt-card\\\" style=\\\"--i:2; --c:#ffb81f; --t:rgba(255,184,31,.18); --off:2;\\\">\\n <div class=\\\"llt-icon llt-icon-yellow\\\">\\n <svg viewBox=\\\"0 0 24 24\\\" aria-hidden=\\\"true\\\" class=\\\"llt-fill\\\"><path d=\\\"M12 2.5l2.9 6.1 6.6.9-4.8 4.6 1.2 6.6-5.9-3.2-5.9 3.2 1.2-6.6L2.5 9.5l6.6-.9z\\\"\\\/><\\\/svg>\\n <\\\/div>\\n <div class=\\\"llt-gauge\\\">\\n <svg viewBox=\\\"0 0 140 80\\\" aria-hidden=\\\"true\\\">\\n <path class=\\\"llt-track\\\" d=\\\"M10 74 A60 60 0 0 1 130 74\\\" pathLength=\\\"100\\\"\\\/>\\n <path class=\\\"llt-arc\\\" d=\\\"M10 74 A60 60 0 0 1 130 74\\\" pathLength=\\\"100\\\"\\\/>\\n <\\\/svg>\\n <div class=\\\"llt-value\\\"><span class=\\\"llt-num\\\" data-count=\\\"4.9\\\" data-decimals=\\\"1\\\">4.9<\\\/span><svg class=\\\"llt-star\\\" viewBox=\\\"0 0 24 24\\\" aria-hidden=\\\"true\\\"><path d=\\\"M12 2.5l2.9 6.1 6.6.9-4.8 4.6 1.2 6.6-5.9-3.2-5.9 3.2 1.2-6.6L2.5 9.5l6.6-.9z\\\"\\\/><\\\/svg><\\\/div>\\n <\\\/div>\\n <div class=\\\"llt-label\\\">Average<br>Rating<\\\/div>\\n <\\\/div>\\n\\n <\\\/div>\\n <\\\/div>\\n<\\\/section>\\n\\n<style>\\n\\\/* =====================================\\n LAWNLOGIC TRUST STATS (all classes use llt-)\\n===================================== *\\\/\\n\\n.llt-trust {\\n --llt-lime: #7ED321;\\n --llt-green: #0B6623;\\n --llt-ink: #123b23;\\n --llt-orange: #ff852d;\\n\\n position: relative;\\n isolation: isolate;\\n overflow: hidden;\\n\\n width: 100vw;\\n max-width: none;\\n margin-left: calc(50% - 50vw);\\n margin-right: calc(50% - 50vw);\\n\\n font-family: Inter, Arial, sans-serif;\\n color: var(--llt-ink);\\n background: #f6faf2;\\n box-sizing: border-box;\\n}\\n\\n.llt-trust *,\\n.llt-trust *::before,\\n.llt-trust *::after {\\n box-sizing: border-box;\\n}\\n\\n\\\/* Faded photo background (single static layer, no blur = no lag) *\\\/\\n.llt-bg {\\n position: absolute;\\n inset: 0;\\n z-index: -1;\\n background:\\n linear-gradient(90deg,\\n rgba(250,252,247,.97) 0%,\\n rgba(250,252,247,.93) 42%,\\n rgba(250,252,247,.78) 100%),\\n url('https:\\\/\\\/lawnlogic.shop\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/LawnLogic-Mower-in-Sunlit-Garden.png') center \\\/ cover no-repeat;\\n}\\n\\n.llt-inner {\\n display: grid;\\n grid-template-columns: minmax(0, 1fr) 1px minmax(0, 1.45fr);\\n align-items: center;\\n gap: clamp(24px, 3.5vw, 56px);\\n\\n max-width: 1400px;\\n margin: 0 auto;\\n padding: clamp(40px, 5vw, 76px) clamp(20px, 6vw, 110px);\\n}\\n\\n\\\/* ---------- LEFT TEXT ---------- *\\\/\\n\\n.llt-eyebrow {\\n display: flex;\\n align-items: center;\\n gap: 12px;\\n margin-bottom: 18px;\\n\\n font-size: clamp(9px, .75vw, 11px);\\n font-weight: 800;\\n letter-spacing: 2.4px;\\n color: #3b4b40;\\n}\\n\\n.llt-eyebrow > span {\\n display: block;\\n flex-shrink: 0;\\n width: 30px;\\n height: 3px;\\n border-radius: 4px;\\n background: var(--llt-orange);\\n}\\n\\n.llt-title {\\n margin: 0 0 20px;\\n font-size: clamp(34px, 3.6vw, 58px);\\n line-height: 1.04;\\n letter-spacing: -1.5px;\\n font-weight: 800;\\n color: #14231a;\\n}\\n\\n.llt-title em {\\n font-style: normal;\\n color: var(--llt-green);\\n}\\n\\n.llt-copy {\\n max-width: 420px;\\n margin: 0 0 22px;\\n font-size: clamp(13px, 1vw, 16px);\\n line-height: 1.7;\\n color: #46564b;\\n}\\n\\n.llt-tagline {\\n padding-left: 12px;\\n border-left: 3px solid var(--llt-lime);\\n font-size: 13px;\\n font-style: italic;\\n color: #5d9a3a;\\n}\\n\\n.llt-divider {\\n align-self: stretch;\\n width: 1px;\\n background: linear-gradient(180deg, transparent, rgba(23,97,44,.25), transparent);\\n}\\n\\n\\\/* ---------- CARDS ---------- *\\\/\\n\\n.llt-stats {\\n display: grid;\\n grid-template-columns: repeat(3, minmax(0, 1fr));\\n gap: clamp(10px, 1.4vw, 20px);\\n}\\n\\n.llt-card {\\n position: relative;\\n display: flex;\\n flex-direction: column;\\n align-items: center;\\n padding: 24px 12px 22px;\\n\\n background: rgba(255,255,255,.92);\\n border: 1px solid #e6eee0;\\n border-radius: 18px;\\n box-shadow: 0 6px 22px rgba(20,43,25,.06);\\n\\n transition: transform .3s ease, box-shadow .3s ease;\\n}\\n\\n@media (hover: hover) {\\n .llt-card:hover {\\n transform: translateY(-5px);\\n box-shadow: 0 14px 32px rgba(20,43,25,.1);\\n }\\n}\\n\\n\\\/* Icon badge *\\\/\\n\\n.llt-icon {\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n width: clamp(36px, 3vw, 46px);\\n height: clamp(36px, 3vw, 46px);\\n margin-bottom: 8px;\\n border-radius: 50%;\\n color: #fff;\\n box-shadow: 0 6px 14px rgba(0,0,0,.1);\\n}\\n\\n.llt-icon svg {\\n width: 55%;\\n height: 55%;\\n fill: none;\\n stroke: currentColor;\\n stroke-width: 1.7;\\n stroke-linecap: round;\\n stroke-linejoin: round;\\n}\\n\\n.llt-icon svg.llt-fill { fill: currentColor; stroke: none; }\\n\\n.llt-icon-green { background: linear-gradient(145deg, #3fae1f, #17612c); }\\n.llt-icon-orange { background: linear-gradient(145deg, #ff9a3d, #ff6f0f); }\\n.llt-icon-yellow { background: linear-gradient(145deg, #ffd23d, #ffb11f); color: #3d2a00; }\\n\\n\\\/* Gauge *\\\/\\n\\n.llt-gauge {\\n position: relative;\\n width: 100%;\\n max-width: 150px;\\n}\\n\\n.llt-gauge > svg {\\n display: block;\\n width: 100%;\\n height: auto;\\n overflow: visible;\\n}\\n\\n.llt-track,\\n.llt-arc {\\n fill: none;\\n stroke-width: 8;\\n stroke-linecap: round;\\n}\\n\\n.llt-track { stroke: var(--t); }\\n\\n.llt-arc {\\n stroke: var(--c);\\n stroke-dasharray: 100;\\n stroke-dashoffset: var(--off);\\n}\\n\\n.llt-value {\\n position: absolute;\\n left: 0;\\n right: 0;\\n bottom: 2%;\\n display: flex;\\n align-items: baseline;\\n justify-content: center;\\n gap: 1px;\\n\\n font-size: clamp(20px, 2.3vw, 36px);\\n font-weight: 800;\\n letter-spacing: -1px;\\n line-height: 1;\\n color: #14231a;\\n font-variant-numeric: tabular-nums;\\n}\\n\\n.llt-star {\\n width: .5em;\\n height: .5em;\\n margin-left: 3px;\\n fill: #ffb81f;\\n align-self: center;\\n}\\n\\n.llt-label {\\n margin-top: 10px;\\n text-align: center;\\n font-size: clamp(8px, .7vw, 10.5px);\\n font-weight: 800;\\n line-height: 1.55;\\n letter-spacing: 1.6px;\\n text-transform: uppercase;\\n color: #2c3a31;\\n}\\n\\n\\\/* ---------- ENTRANCE (runs once, only transform\\\/opacity\\\/dashoffset) ---------- *\\\/\\n\\n.llt-ready .llt-card {\\n opacity: 0;\\n transform: translateY(18px);\\n transition:\\n opacity .6s ease calc(var(--i) * .12s),\\n transform .6s cubic-bezier(.2,.75,.25,1) calc(var(--i) * .12s),\\n box-shadow .3s ease;\\n}\\n\\n.llt-ready .llt-arc {\\n stroke-dashoffset: 100;\\n transition: stroke-dashoffset 1.5s cubic-bezier(.25,.8,.25,1) calc(.25s + var(--i) * .12s);\\n}\\n\\n.llt-ready.llt-in .llt-card {\\n opacity: 1;\\n transform: translateY(0);\\n}\\n\\n.llt-ready.llt-in .llt-arc {\\n stroke-dashoffset: var(--off);\\n}\\n\\n@media (hover: hover) {\\n .llt-ready.llt-in .llt-card:hover {\\n transform: translateY(-5px);\\n }\\n}\\n\\n\\\/* ---------- TABLET ---------- *\\\/\\n\\n@media (max-width: 900px) {\\n .llt-inner {\\n grid-template-columns: 1fr;\\n gap: 28px;\\n padding: 40px 20px;\\n }\\n\\n .llt-divider { display: none; }\\n\\n .llt-copy { max-width: 520px; }\\n}\\n\\n\\\/* ---------- MOBILE ---------- *\\\/\\n\\n@media (max-width: 520px) {\\n .llt-inner { padding: 32px 14px; }\\n\\n .llt-intro { padding: 0 6px; }\\n\\n .llt-stats { gap: 8px; }\\n\\n .llt-card { padding: 16px 6px 14px; border-radius: 14px; }\\n\\n .llt-track,\\n .llt-arc { stroke-width: 9; }\\n\\n .llt-label { letter-spacing: 1px; font-size: 8px; }\\n}\\n\\n\\\/* ---------- REDUCED MOTION ---------- *\\\/\\n\\n@media (prefers-reduced-motion: reduce) {\\n .llt-ready .llt-card,\\n .llt-ready .llt-arc {\\n opacity: 1 !important;\\n transform: none !important;\\n transition: none !important;\\n }\\n .llt-ready .llt-arc { stroke-dashoffset: var(--off) !important; }\\n}\\n<\\\/style>\\n\\n<script>\\n(function () {\\n var sections = document.querySelectorAll('.llt-trust');\\n if (!sections.length) return;\\n\\n var reduce = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\\n\\n function countUp(el) {\\n var end = parseFloat(el.getAttribute('data-count'));\\n var dec = parseInt(el.getAttribute('data-decimals') || '0', 10);\\n var dur = 1400, start = null;\\n\\n function step(t) {\\n if (start === null) start = t;\\n var p = Math.min((t - start) \\\/ dur, 1);\\n var eased = 1 - Math.pow(1 - p, 3);\\n el.textContent = (end * eased).toFixed(dec);\\n if (p < 1) requestAnimationFrame(step);\\n }\\n el.textContent = (0).toFixed(dec);\\n requestAnimationFrame(step);\\n }\\n\\n function play(section) {\\n section.classList.add('llt-in');\\n if (!reduce) section.querySelectorAll('.llt-num').forEach(countUp);\\n }\\n\\n sections.forEach(function (section) {\\n section.classList.add('llt-ready');\\n\\n if (!('IntersectionObserver' in window) || reduce) {\\n play(section);\\n return;\\n }\\n\\n var io = new IntersectionObserver(function (entries) {\\n entries.forEach(function (entry) {\\n if (entry.isIntersecting) {\\n play(section);\\n io.disconnect(); \\\/\\\/ run once, then stop observing\\n }\\n });\\n }, { threshold: 0.3 });\\n\\n io.observe(section);\\n });\\n})();\\n<\\\/script>\"},\"elements\":[],\"widgetType\":\"html\"},{\"id\":\"f5492cc\",\"elType\":\"container\",\"settings\":{\"content_width\":\"full\"},\"elements\":[],\"isInner\":true}],\"isInner\":false}]"],"_elementor_page_assets":["a:1:{s:7:\"scripts\";a:1:{i:0;s:18:\"elementor-frontend\";}}"],"_elementor_page_settings":["a:0:{}"],"_elementor_used_global_class":["e-d925a8d"],"_elementor_used_global_class_preview":["e-d925a8d"],"_elementor_css":["a:6:{s:4:\"time\";i:1792661759;s:5:\"fonts\";a:0:{}s:5:\"icons\";a:0:{}s:20:\"dynamic_elements_ids\";a:0:{}s:6:\"status\";s:4:\"file\";i:0;s:0:\"\";}"],"_elementor_element_cache":["{\"timeout\":1793113830,\"value\":{\"content\":\"<div class=\\\"elementor-element elementor-element-2418110 e-con-full e-flex e-con e-parent\\\" data-id=\\\"2418110\\\" data-element_type=\\\"container\\\" data-e-type=\\\"container\\\">\\n\\t\\t\\t\\t<div class=\\\"elementor-element elementor-element-59d349b elementor-widget elementor-widget-html\\\" data-id=\\\"59d349b\\\" data-element_type=\\\"widget\\\" data-e-type=\\\"widget\\\" data-widget_type=\\\"html.default\\\">\\n\\t\\t\\t\\t\\t<!DOCTYPE html>\\n<html lang=\\\"en\\\">\\n<head>\\n<meta charset=\\\"UTF-8\\\">\\n<meta name=\\\"viewport\\\" content=\\\"width=device-width, initial-scale=1.0\\\">\\n<title>LawnLogic Hero<\\\/title>\\n\\n<style>\\nhtml,\\nbody {\\n margin: 0 !important;\\n padding: 0 !important;\\n width: 100% !important;\\n max-width: 100% !important;\\n overflow-x: clip !important;\\n}\\n\\n\\\/* FULL-WIDTH HERO *\\\/\\n#glowHero {\\n position: relative;\\n width: 100vw !important;\\n max-width: 100vw !important;\\n margin-left: calc(50% - 50vw) !important;\\n margin-right: calc(50% - 50vw) !important;\\n min-height: 800px;\\n overflow: hidden;\\n isolation: isolate;\\n box-sizing: border-box;\\n\\n background:\\n linear-gradient(\\n 90deg,\\n rgba(3, 15, 8, 0.78) 0%,\\n rgba(3, 15, 8, 0.48) 42%,\\n rgba(3, 15, 8, 0.08) 100%\\n ),\\n url(\\\"https:\\\/\\\/lawnlogic.shop\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/Realistic-Lawn-Mower-in-Backyard-Garden1.png\\\")\\n center center \\\/ cover no-repeat;\\n}\\n\\n\\\/* MOUSE-FOLLOWING GREEN GLOW *\\\/\\n#glowHero .mouse-glow {\\n position: absolute;\\n z-index: 0;\\n left: 0;\\n top: 0;\\n width: 440px;\\n height: 440px;\\n border-radius: 50%;\\n pointer-events: none;\\n\\n background: radial-gradient(\\n circle,\\n rgba(126, 211, 33, 0.25) 0%,\\n rgba(72, 180, 20, 0.14) 30%,\\n rgba(45, 150, 20, 0.06) 52%,\\n transparent 72%\\n );\\n\\n filter: blur(28px);\\n opacity: 0;\\n transform: translate(-50%, -50%);\\n will-change: transform;\\n mix-blend-mode: screen;\\n}\\n\\n\\\/* HERO CONTENT *\\\/\\n#glowHero .hero-content {\\n position: relative;\\n z-index: 1;\\n width: min(calc(100% - 48px), 1240px);\\n margin: 0 auto;\\n padding: 100px 0;\\n color: #fff;\\n box-sizing: border-box;\\n}\\n\\n#glowHero h1 {\\n max-width: 650px;\\n margin: 0 0 22px;\\n color: #fff;\\n font-family: Arial, sans-serif;\\n font-size: clamp(42px, 5.5vw, 76px);\\n font-weight: 800;\\n line-height: 1.06;\\n letter-spacing: -1.5px;\\n}\\n\\n#glowHero h1 span {\\n color: #7ed321;\\n}\\n\\n#glowHero p {\\n max-width: 520px;\\n margin: 0;\\n color: #f0f5ee;\\n font-family: Arial, sans-serif;\\n font-size: 17px;\\n line-height: 1.8;\\n}\\n\\n\\\/* BUTTON CONTAINER *\\\/\\n#glowHero .hero-buttons {\\n display: flex;\\n flex-wrap: wrap;\\n align-items: center;\\n gap: 18px;\\n margin-top: 32px;\\n}\\n\\n\\\/* SHARED BUTTON STYLING *\\\/\\n#glowHero .hero-btn {\\n display: inline-flex;\\n align-items: center;\\n justify-content: center;\\n gap: 20px;\\n min-height: 56px;\\n padding: 0 26px;\\n box-sizing: border-box;\\n border: 1px solid transparent;\\n border-radius: 7px;\\n\\n font-family: Arial, sans-serif;\\n font-size: 15px;\\n font-weight: 700;\\n letter-spacing: 0.2px;\\n text-decoration: none !important;\\n cursor: pointer;\\n\\n transition:\\n transform 0.3s ease,\\n background-color 0.3s ease,\\n border-color 0.3s ease,\\n box-shadow 0.3s ease,\\n color 0.3s ease;\\n}\\n\\n\\\/* SHOP NOW BUTTON *\\\/\\n#glowHero .shop-btn {\\n background: #7ed321;\\n color: #102016 !important;\\n box-shadow: 0 5px 18px rgba(126, 211, 33, 0.2);\\n}\\n\\n#glowHero .shop-btn:hover {\\n background: #91ed2e;\\n color: #102016 !important;\\n transform: translateY(-4px);\\n box-shadow: 0 10px 28px rgba(126, 211, 33, 0.35);\\n}\\n\\n\\\/* CONTACT US BUTTON *\\\/\\n#glowHero .contact-btn {\\n background: rgba(255, 255, 255, 0.05);\\n color: #fff !important;\\n border-color: rgba(255, 255, 255, 0.7);\\n backdrop-filter: blur(6px);\\n}\\n\\n#glowHero .contact-btn:hover {\\n background: rgba(126, 211, 33, 0.13);\\n color: #a6f45a !important;\\n border-color: #7ed321;\\n transform: translateY(-4px);\\n}\\n\\n\\\/* ANIMATED ARROWS *\\\/\\n#glowHero .btn-arrow {\\n display: inline-block;\\n font-size: 22px;\\n line-height: 1;\\n transition: transform 0.3s ease;\\n}\\n\\n#glowHero .hero-btn:hover .btn-arrow {\\n transform: translateX(6px);\\n}\\n\\n\\\/* BUTTON ENTRANCE ANIMATION *\\\/\\n@media (prefers-reduced-motion: no-preference) {\\n #glowHero .hero-buttons {\\n animation: lawnButtonsIn 0.8s ease 0.15s both;\\n }\\n\\n @keyframes lawnButtonsIn {\\n from {\\n opacity: 0;\\n transform: translateY(16px);\\n }\\n to {\\n opacity: 1;\\n transform: translateY(0);\\n }\\n }\\n}\\n\\n\\\/* KEYBOARD ACCESSIBILITY *\\\/\\n#glowHero .hero-btn:focus-visible {\\n outline: 3px solid #b5f77a;\\n outline-offset: 4px;\\n}\\n\\n\\\/* TABLET AND MOBILE *\\\/\\n@media (max-width: 768px) {\\n #glowHero {\\n min-height: 650px;\\n background-position: 58% center;\\n }\\n\\n #glowHero .hero-content {\\n width: calc(100% - 40px);\\n padding: 90px 0 70px;\\n }\\n\\n #glowHero h1 {\\n font-size: clamp(38px, 9vw, 54px);\\n letter-spacing: -0.8px;\\n }\\n\\n #glowHero p {\\n max-width: 400px;\\n font-size: 15px;\\n }\\n\\n #glowHero .mouse-glow {\\n width: 300px;\\n height: 300px;\\n }\\n}\\n\\n\\\/* SMALL MOBILE BUTTONS *\\\/\\n@media (max-width: 480px) {\\n #glowHero .hero-buttons {\\n gap: 12px;\\n margin-top: 26px;\\n }\\n\\n #glowHero .hero-btn {\\n min-height: 52px;\\n padding: 0 18px;\\n gap: 12px;\\n font-size: 14px;\\n }\\n}\\n\\n\\\/* REDUCED MOTION ACCESSIBILITY *\\\/\\n@media (prefers-reduced-motion: reduce) {\\n #glowHero .mouse-glow {\\n display: none;\\n }\\n}\\n<\\\/style>\\n<\\\/head>\\n\\n<body>\\n\\n<section id=\\\"glowHero\\\" aria-label=\\\"LawnLogic outdoor equipment\\\">\\n\\n <div class=\\\"mouse-glow\\\" id=\\\"mouseGlow\\\"><\\\/div>\\n\\n <div class=\\\"hero-content\\\">\\n\\n <h1>\\n Power Your Outdoors.<br>\\n <span>Perfect Every Lawn.<\\\/span>\\n <\\\/h1>\\n\\n <p>\\n Discover premium equipment for lawn care, gardening,\\n cleaning and property maintenance.\\n <\\\/p>\\n\\n \\n <div class=\\\"hero-buttons\\\">\\n\\n <a\\n href=\\\"https:\\\/\\\/lawnlogic.shop\\\/?product_cat=best-selling\\\"\\n class=\\\"hero-btn shop-btn\\\"\\n >\\n <span>Shop Now<\\\/span>\\n <span class=\\\"btn-arrow\\\" aria-hidden=\\\"true\\\">\\u2192<\\\/span>\\n <\\\/a>\\n\\n <a\\n href=\\\"https:\\\/\\\/lawnlogic.shop\\\/?page_id=33\\\"\\n class=\\\"hero-btn contact-btn\\\"\\n >\\n <span>Contact Us<\\\/span>\\n <span class=\\\"btn-arrow\\\" aria-hidden=\\\"true\\\">\\u2192<\\\/span>\\n <\\\/a>\\n\\n <\\\/div>\\n\\n <\\\/div>\\n<\\\/section>\\n\\n<script>\\n(() => {\\n const hero = document.getElementById(\\\"glowHero\\\");\\n const glow = document.getElementById(\\\"mouseGlow\\\");\\n\\n if (!hero || !glow) return;\\n\\n const reducedMotion = window.matchMedia(\\n \\\"(prefers-reduced-motion: reduce)\\\"\\n );\\n\\n if (reducedMotion.matches) return;\\n\\n let targetX = 0;\\n let targetY = 0;\\n let currentX = 0;\\n let currentY = 0;\\n let frame = null;\\n\\n function animate() {\\n currentX += (targetX - currentX) * 0.09;\\n currentY += (targetY - currentY) * 0.09;\\n\\n glow.style.transform =\\n `translate3d(${currentX}px, ${currentY}px, 0) translate(-50%, -50%)`;\\n\\n if (\\n Math.abs(targetX - currentX) > 0.15 ||\\n Math.abs(targetY - currentY) > 0.15\\n ) {\\n frame = requestAnimationFrame(animate);\\n } else {\\n currentX = targetX;\\n currentY = targetY;\\n frame = null;\\n }\\n }\\n\\n hero.addEventListener(\\\"pointerenter\\\", () => {\\n glow.style.opacity = \\\"1\\\";\\n });\\n\\n hero.addEventListener(\\\"pointermove\\\", (event) => {\\n const rect = hero.getBoundingClientRect();\\n\\n targetX = event.clientX - rect.left;\\n targetY = event.clientY - rect.top;\\n\\n if (frame === null) {\\n frame = requestAnimationFrame(animate);\\n }\\n });\\n\\n hero.addEventListener(\\\"pointerleave\\\", () => {\\n glow.style.opacity = \\\"0\\\";\\n });\\n})();\\n<\\\/script>\\n\\n<\\\/body>\\n<\\\/html>\\t\\t\\t\\t<\\\/div>\\n\\t\\t\\t\\t<\\\/div>\\n\\t\\t[elementor-element k=\\\"43003c24bb2fffb41c2142892ea75d93\\\" data=\\\"eyJpZCI6IjcxNTRkZDgiLCJlbFR5cGUiOiJlLWZsZXhib3giLCJzZXR0aW5ncyI6eyJjbGFzc2VzIjp7IiQkdHlwZSI6ImNsYXNzZXMiLCJ2YWx1ZSI6WyJlLWQ5MjVhOGQiXX19LCJlbGVtZW50cyI6W3siaWQiOiJiMDdhYjIwIiwiZWxUeXBlIjoid2lkZ2V0Iiwic2V0dGluZ3MiOnsiaHRtbCI6IjwhLS0gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cbiAgICAgTEFXTkxPR0lDIFx1MjAxNCBQUkVNSVVNIFdIWSBDSE9PU0UgVVMgU0VDVElPTlxuICAgICBBZGQgYXMgYSBzZXBhcmF0ZSBDdXN0b20gSFRNTCBibG9jayBiZWxvdyBzbGlkZXNob3dcbj09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09IC0tPlxuXG48c2VjdGlvbiBjbGFzcz1cImxsLWJlbmVmaXRzXCI+XG4gIDxkaXYgY2xhc3M9XCJsbC1iZW5lZml0cy1iZ1wiPjxcL2Rpdj5cbiAgPGRpdiBjbGFzcz1cImxsLWJlbmVmaXRzLW92ZXJsYXlcIj48XC9kaXY+XG5cbiAgPGRpdiBjbGFzcz1cImxsLWJlbmVmaXRzLWlubmVyXCI+XG5cbiAgICA8ZGl2IGNsYXNzPVwibGwtYmVuZWZpdHMtaGVhZGluZ1wiPlxuICAgICAgPGgyPldIWSBDSE9PU0UgPHNwYW4+TEFXTkxPR0lDPFwvc3Bhbj48XC9oMj5cbiAgICAgIDxwPlF1YWxpdHkgVG9vbHMuIEdyZWVuZXIgU3BhY2VzLiBCZXR0ZXIgTGl2aW5nLjxcL3A+XG4gICAgICA8ZGl2IGNsYXNzPVwibGwtaGVhZGluZy1saW5lXCI+PFwvZGl2PlxuICAgIDxcL2Rpdj5cblxuICAgIDxkaXYgY2xhc3M9XCJsbC1iZW5lZml0cy1wYW5lbFwiPlxuXG4gICAgICA8IS0tIEZFQVRVUkUgMSAtLT5cbiAgICAgIDxkaXYgY2xhc3M9XCJsbC1iZW5lZml0XCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJsbC1iZW5lZml0LWljb24gbGwtZ3JlZW5cIj5cbiAgICAgICAgICA8c3ZnIHZpZXdCb3g9XCIwIDAgMjQgMjRcIiBhcmlhLWhpZGRlbj1cInRydWVcIj5cbiAgICAgICAgICAgIDxwYXRoIGQ9XCJNMTIgMyAyLjggNy41IDEyIDIxbDkuMi0xMy41TDEyIDNaXCJcLz5cbiAgICAgICAgICAgIDxwYXRoIGQ9XCJtMi44IDcuNSA2LjEuMkwxMiAzbDMuMSA0LjcgNi4xLS4yTTguOSA3LjcgMTIgMjFsMy4xLTEzLjNcIlwvPlxuICAgICAgICAgIDxcL3N2Zz5cbiAgICAgICAgPFwvZGl2PlxuICAgICAgICA8aDM+UFJFTUlVTSBRVUFMSVRZPFwvaDM+XG4gICAgICAgIDxwPlJlbGlhYmxlIG91dGRvb3IgZXF1aXBtZW50PGJyPlxuICAgICAgICBidWlsdCBmb3IgbGFzdGluZyBwZXJmb3JtYW5jZS48XC9wPlxuICAgICAgPFwvZGl2PlxuXG4gICAgICA8IS0tIEZFQVRVUkUgMiAtLT5cbiAgICAgIDxkaXYgY2xhc3M9XCJsbC1iZW5lZml0XCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJsbC1iZW5lZml0LWljb24gbGwtb3JhbmdlXCI+XG4gICAgICAgICAgPHN2ZyB2aWV3Qm94PVwiMCAwIDI0IDI0XCIgYXJpYS1oaWRkZW49XCJ0cnVlXCI+XG4gICAgICAgICAgICA8cGF0aCBkPVwiTTMgN2gxMXYxMUgzek0xNCAxMWg0bDMgNHYzaC03XCJcLz5cbiAgICAgICAgICAgIDxwYXRoIGQ9XCJNNiAxOGEyIDIgMCAxIDAgNCAwTTE2IDE4YTIgMiAwIDEgMCA0IDBNMSAxMGg1TTEgMTNoNFwiXC8+XG4gICAgICAgICAgPFwvc3ZnPlxuICAgICAgICA8XC9kaXY+XG4gICAgICAgIDxoMz5GQVNUIERFTElWRVJZPFwvaDM+XG4gICAgICAgIDxwPlF1aWNrIGFuZCByZWxpYWJsZSBzaGlwcGluZzxicj5cbiAgICAgICAgc3RyYWlnaHQgdG8geW91ciBkb29yc3RlcC48XC9wPlxuICAgICAgPFwvZGl2PlxuXG4gICAgICA8IS0tIEZFQVRVUkUgMyAtLT5cbiAgICAgIDxkaXYgY2xhc3M9XCJsbC1iZW5lZml0XCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJsbC1iZW5lZml0LWljb24gbGwtZ3JlZW5cIj5cbiAgICAgICAgICA8c3ZnIHZpZXdCb3g9XCIwIDAgMjQgMjRcIiBhcmlhLWhpZGRlbj1cInRydWVcIj5cbiAgICAgICAgICAgIDxwYXRoIGQ9XCJtMTIgMiA5IDUtOSA1LTktNSA5LTVaXCJcLz5cbiAgICAgICAgICAgIDxwYXRoIGQ9XCJNMyA3djEwbDkgNSA5LTVWN00xMiAxMnYxMFwiXC8+XG4gICAgICAgICAgICA8cGF0aCBkPVwibTkgNSA5IDVNMTUgMTVsMiAyIDQtNFwiXC8+XG4gICAgICAgICAgPFwvc3ZnPlxuICAgICAgICA8XC9kaXY+XG4gICAgICAgIDxoMz5FQVNZIFNVUFBPUlQ8XC9oMz5cbiAgICAgICAgPHA+SGVscGZ1bCBzZXJ2aWNlIGFuZCBndWlkYW5jZTxicj5cbiAgICAgICAgd2hlbiB5b3UgbmVlZCBhc3Npc3RhbmNlLjxcL3A+XG4gICAgICA8XC9kaXY+XG5cbiAgICAgIDwhLS0gRkVBVFVSRSA0IC0tPlxuICAgICAgPGRpdiBjbGFzcz1cImxsLWJlbmVmaXRcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImxsLWJlbmVmaXQtaWNvbiBsbC1vcmFuZ2VcIj5cbiAgICAgICAgICA8c3ZnIHZpZXdCb3g9XCIwIDAgMjQgMjRcIiBhcmlhLWhpZGRlbj1cInRydWVcIj5cbiAgICAgICAgICAgIDxwYXRoIGQ9XCJNMTIgMjJzOC00IDgtMTFWNWwtOC0zLTggM3Y2YzAgNyA4IDExIDggMTFaXCJcLz5cbiAgICAgICAgICAgIDxwYXRoIGQ9XCJtOSAxMiAyIDIgNC01XCJcLz5cbiAgICAgICAgICA8XC9zdmc+XG4gICAgICAgIDxcL2Rpdj5cbiAgICAgICAgPGgzPlNFQ1VSRSBDSEVDS09VVDxcL2gzPlxuICAgICAgICA8cD5TaG9wIHdpdGggY29uZmlkZW5jZSB1c2luZzxicj5cbiAgICAgICAgc2VjdXJlIHBheW1lbnQgcHJvY2Vzc2luZy48XC9wPlxuICAgICAgPFwvZGl2PlxuXG4gICAgPFwvZGl2PlxuICA8XC9kaXY+XG48XC9zZWN0aW9uPlxuXG48c3R5bGU+XG5cLyogTEFXTkxPR0lDIEJFTkVGSVRTIFNFQ1RJT04gKlwvXG4ubGwtYmVuZWZpdHMge1xuICAtLWxsLWdyZWVuOiAjMEI2NjIzO1xuICAtLWxsLWxpbWU6ICM3RUQzMjE7XG4gIC0tbGwtb3JhbmdlOiAjRkY4NTAwO1xuXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgaXNvbGF0aW9uOiBpc29sYXRlO1xuICB3aWR0aDogMTAwJTtcbiAgcGFkZGluZzogNjRweCAyNHB4IDc2cHg7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGJhY2tncm91bmQ6ICMxMDFiMTQ7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIGZvbnQtZmFtaWx5OiBpbmhlcml0O1xufVxuXG5gYGBjc3NcblwvKiBMQVdOTE9HSUMgXHUyMDE0IFNVQlRMRSBBTklNQVRFRCBIRUFESU5HIExJTkUgKlwvXG4ubGwtaGVhZGluZy1saW5lIHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBib3gtc2hhZG93OiAwIDAgOHB4IHJnYmEoMTI2LCAyMTEsIDMzLCAwLjI1KTtcbn1cblxuLmxsLWhlYWRpbmctbGluZTo6YWZ0ZXIge1xuICBjb250ZW50OiBcIlwiO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMDtcbiAgbGVmdDogLTQwJTtcbiAgd2lkdGg6IDQwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBiYWNrZ3JvdW5kOiBsaW5lYXItZ3JhZGllbnQoXG4gICAgOTBkZWcsXG4gICAgdHJhbnNwYXJlbnQsXG4gICAgcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjkpLFxuICAgIHRyYW5zcGFyZW50XG4gICk7XG4gIGFuaW1hdGlvbjogbGwtbGluZS1zaGltbWVyIDNzIGVhc2UtaW4tb3V0IGluZmluaXRlO1xufVxuXG5Aa2V5ZnJhbWVzIGxsLWxpbmUtc2hpbW1lciB7XG4gIDAlIHtcbiAgICBsZWZ0OiAtNDAlO1xuICB9XG4gIDU1JSwgMTAwJSB7XG4gICAgbGVmdDogMTEwJTtcbiAgfVxufVxuXG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAubGwtaGVhZGluZy1saW5lOjphZnRlciB7XG4gICAgYW5pbWF0aW9uOiBub25lO1xuICB9XG59XG5gYGBcbi5sbC1iZW5lZml0cyAqLFxuLmxsLWJlbmVmaXRzICo6OmJlZm9yZSxcbi5sbC1iZW5lZml0cyAqOjphZnRlciB7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG59XG5cblwvKiBVUERBVEVEIExBV05MT0dJQyBCQUNLR1JPVU5EIElNQUdFICpcL1xuLmxsLWJlbmVmaXRzLWJnIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBpbnNldDogLTEwcHg7XG4gIHotaW5kZXg6IC0yO1xuICBiYWNrZ3JvdW5kLWltYWdlOiB1cmwoXCJodHRwczpcL1wvbGF3bmxvZ2ljLnNob3BcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjZcLzEwXC9MYXduTG9naWMtTW93ZXItaW4tYS1TdW5ueS1HYXJkZW4ucG5nXCIpO1xuICBiYWNrZ3JvdW5kLXNpemU6IGNvdmVyO1xuICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiBjZW50ZXIgNTUlO1xuICBmaWx0ZXI6IGJsdXIoM3B4KTtcbiAgdHJhbnNmb3JtOiBzY2FsZSgxLjAzKTtcbn1cblxuLmxsLWJlbmVmaXRzLW92ZXJsYXkge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGluc2V0OiAwO1xuICB6LWluZGV4OiAtMTtcbiAgYmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KFxuICAgIDEwMGRlZyxcbiAgICByZ2JhKDQsIDE3LCA5LCAuNzYpLFxuICAgIHJnYmEoNywgMjUsIDEwLCAuNTgpLFxuICAgIHJnYmEoNSwgMTgsIDgsIC43MilcbiAgKTtcbn1cblxuLmxsLWJlbmVmaXRzLWlubmVyIHtcbiAgd2lkdGg6IDEwMCU7XG4gIG1heC13aWR0aDogMTQ1MHB4O1xuICBtYXJnaW46IDAgYXV0bztcbn1cblxuLmxsLWJlbmVmaXRzLWhlYWRpbmcge1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIG1hcmdpbjogMCBhdXRvIDM2cHg7XG59XG5cbi5sbC1iZW5lZml0cy1oZWFkaW5nIGgyIHtcbiAgbWFyZ2luOiAwIDAgMTBweDtcbiAgY29sb3I6ICNmZmY7XG4gIGZvbnQtc2l6ZTogY2xhbXAoMzBweCwgMy4ydncsIDU0cHgpO1xuICBmb250LXdlaWdodDogODAwO1xuICBsaW5lLWhlaWdodDogMS4xNTtcbiAgbGV0dGVyLXNwYWNpbmc6IC0xLjNweDtcbn1cblxuLmxsLWJlbmVmaXRzLWhlYWRpbmcgaDIgc3BhbiB7XG4gIGNvbG9yOiB2YXIoLS1sbC1saW1lKTtcbn1cblxuLmxsLWJlbmVmaXRzLWhlYWRpbmcgcCB7XG4gIG1hcmdpbjogMDtcbiAgY29sb3I6ICNmZmY7XG4gIGZvbnQtc2l6ZTogMTVweDtcbiAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgbGluZS1oZWlnaHQ6IDEuNztcbn1cblxuLmxsLWhlYWRpbmctbGluZSB7XG4gIHdpZHRoOiA3NXB4O1xuICBoZWlnaHQ6IDNweDtcbiAgbWFyZ2luOiAxOHB4IGF1dG8gMDtcbiAgYm9yZGVyLXJhZGl1czogNHB4O1xuICBiYWNrZ3JvdW5kOiB2YXIoLS1sbC1saW1lKTtcbn1cblxuXC8qIEdMQVNTIFBBTkVMICpcL1xuLmxsLWJlbmVmaXRzLXBhbmVsIHtcbiAgZGlzcGxheTogZ3JpZDtcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiByZXBlYXQoNCwgbWlubWF4KDAsIDFmcikpO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBib3JkZXI6IDFweCBzb2xpZCByZ2JhKDI1NSwyNTUsMjU1LC4yNCk7XG4gIGJvcmRlci1yYWRpdXM6IDIycHg7XG4gIGJhY2tncm91bmQ6IHJnYmEoNywgMjAsIDEwLCAuNTgpO1xuICBib3gtc2hhZG93OiAwIDE2cHggNTBweCByZ2JhKDAsMCwwLC4yKTtcbiAgLXdlYmtpdC1iYWNrZHJvcC1maWx0ZXI6IGJsdXIoMTZweCk7XG4gIGJhY2tkcm9wLWZpbHRlcjogYmx1cigxNnB4KTtcbn1cblxuLmxsLWJlbmVmaXQge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIG1pbi13aWR0aDogMDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuICBwYWRkaW5nOiAzMHB4IDE4cHggMzJweDtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xufVxuXG4ubGwtYmVuZWZpdDpub3QoOmxhc3QtY2hpbGQpOjphZnRlciB7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgcmlnaHQ6IDA7XG4gIHRvcDogMjIlO1xuICBoZWlnaHQ6IDU2JTtcbiAgd2lkdGg6IDFweDtcbiAgYmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KFxuICAgIHRvIGJvdHRvbSxcbiAgICB0cmFuc3BhcmVudCxcbiAgICByZ2JhKDEyNiwyMTEsMzMsLjYpLFxuICAgIHRyYW5zcGFyZW50XG4gICk7XG59XG5cbi5sbC1iZW5lZml0LWljb24ge1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgd2lkdGg6IDY4cHg7XG4gIGhlaWdodDogNjhweDtcbiAgbWFyZ2luLWJvdHRvbTogMTlweDtcbiAgYm9yZGVyOiAxcHggc29saWQgcmdiYSgyNTUsMjU1LDI1NSwuMjUpO1xuICBib3JkZXItcmFkaXVzOiA1MCU7XG4gIHRyYW5zaXRpb246IHRyYW5zZm9ybSAuMjVzIGVhc2UsIGJveC1zaGFkb3cgLjI1cyBlYXNlO1xufVxuXG4ubGwtYmVuZWZpdDpob3ZlciAubGwtYmVuZWZpdC1pY29uIHtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC00cHgpO1xuICBib3gtc2hhZG93OiAwIDhweCAyNXB4IHJnYmEoMCwwLDAsLjIpO1xufVxuXG4ubGwtZ3JlZW4ge1xuICBiYWNrZ3JvdW5kOiAjMDg3RDMyO1xufVxuXG4ubGwtb3JhbmdlIHtcbiAgYmFja2dyb3VuZDogdmFyKC0tbGwtb3JhbmdlKTtcbn1cblxuLmxsLWJlbmVmaXQtaWNvbiBzdmcge1xuICB3aWR0aDogMjhweDtcbiAgaGVpZ2h0OiAyOHB4O1xuICBmaWxsOiBub25lO1xuICBzdHJva2U6ICNmZmY7XG4gIHN0cm9rZS13aWR0aDogMS43O1xuICBzdHJva2UtbGluZWNhcDogcm91bmQ7XG4gIHN0cm9rZS1saW5lam9pbjogcm91bmQ7XG59XG5cbi5sbC1iZW5lZml0IGgzIHtcbiAgbWFyZ2luOiAwIDAgMTFweDtcbiAgY29sb3I6ICNmZmY7XG4gIGZvbnQtc2l6ZTogMTVweDtcbiAgZm9udC13ZWlnaHQ6IDgwMDtcbiAgbGluZS1oZWlnaHQ6IDEuNDtcbn1cblxuLmxsLWJlbmVmaXQgcCB7XG4gIG1hcmdpbjogMDtcbiAgY29sb3I6IHJnYmEoMjU1LDI1NSwyNTUsLjk0KTtcbiAgZm9udC1zaXplOiAxNHB4O1xuICBmb250LXdlaWdodDogNDAwO1xuICBsaW5lLWhlaWdodDogMS42O1xufVxuXG5cLyogVEFCTEVUICpcL1xuQG1lZGlhIChtYXgtd2lkdGg6IDkwMHB4KSB7XG4gIC5sbC1iZW5lZml0cyB7XG4gICAgcGFkZGluZzogNTJweCAyMHB4IDU4cHg7XG4gIH1cblxuICAubGwtYmVuZWZpdHMtcGFuZWwge1xuICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogcmVwZWF0KDIsIG1pbm1heCgwLCAxZnIpKTtcbiAgfVxuXG4gIC5sbC1iZW5lZml0IHtcbiAgICBwYWRkaW5nOiAyOHB4IDE0cHg7XG4gIH1cblxuICAubGwtYmVuZWZpdDpudGgtY2hpbGQoMik6OmFmdGVyIHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG5cbiAgLmxsLWJlbmVmaXQ6bnRoLWNoaWxkKC1uKzIpIHtcbiAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgcmdiYSgyNTUsMjU1LDI1NSwuMTMpO1xuICB9XG59XG5cblwvKiBNT0JJTEUgKlwvXG5AbWVkaWEgKG1heC13aWR0aDogNTIwcHgpIHtcbiAgLmxsLWJlbmVmaXRzIHtcbiAgICBwYWRkaW5nOiA0MnB4IDE0cHggNDZweDtcbiAgfVxuXG4gIC5sbC1iZW5lZml0cy1oZWFkaW5nIHtcbiAgICBtYXJnaW4tYm90dG9tOiAyN3B4O1xuICB9XG5cbiAgLmxsLWJlbmVmaXRzLWhlYWRpbmcgaDIge1xuICAgIGZvbnQtc2l6ZTogMjlweDtcbiAgICBsZXR0ZXItc3BhY2luZzogLS43cHg7XG4gIH1cblxuICAubGwtYmVuZWZpdHMtaGVhZGluZyBwIHtcbiAgICBmb250LXNpemU6IDEzcHg7XG4gIH1cblxuICAubGwtYmVuZWZpdHMtcGFuZWwge1xuICAgIGJvcmRlci1yYWRpdXM6IDE2cHg7XG4gIH1cblxuICAubGwtYmVuZWZpdCB7XG4gICAgcGFkZGluZzogMjNweCA3cHg7XG4gIH1cblxuICAubGwtYmVuZWZpdC1pY29uIHtcbiAgICB3aWR0aDogNTRweDtcbiAgICBoZWlnaHQ6IDU0cHg7XG4gICAgbWFyZ2luLWJvdHRvbTogMTRweDtcbiAgfVxuXG4gIC5sbC1iZW5lZml0LWljb24gc3ZnIHtcbiAgICB3aWR0aDogMjRweDtcbiAgICBoZWlnaHQ6IDI0cHg7XG4gIH1cblxuICAubGwtYmVuZWZpdCBoMyB7XG4gICAgZm9udC1zaXplOiAxMXB4O1xuICAgIG1hcmdpbi1ib3R0b206IDhweDtcbiAgfVxuXG4gIC5sbC1iZW5lZml0IHAge1xuICAgIGZvbnQtc2l6ZTogMTFweDtcbiAgICBsaW5lLWhlaWdodDogMS41NTtcbiAgfVxufVxuYGBgY3NzXG5cLyogU09GVCBMSUdIVCBHTE9XIE9OIEhPVkVSICpcL1xuLmxsLWJlbmVmaXQge1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBpc29sYXRpb246IGlzb2xhdGU7XG4gIHRyYW5zaXRpb246IGJhY2tncm91bmQgLjM1cyBlYXNlO1xufVxuXG4ubGwtYmVuZWZpdDo6YmVmb3JlIHtcbiAgY29udGVudDogXCJcIjtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBpbnNldDogMDtcbiAgei1pbmRleDogLTE7XG4gIG9wYWNpdHk6IDA7XG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICBiYWNrZ3JvdW5kOiByYWRpYWwtZ3JhZGllbnQoXG4gICAgY2lyY2xlIGF0IHZhcigtLW1vdXNlLXgsIDUwJSkgdmFyKC0tbW91c2UteSwgNTAlKSxcbiAgICByZ2JhKDEyNiwgMjExLCAzMywgMC4yNCkgMCUsXG4gICAgcmdiYSgxMSwgMTAyLCAzNSwgMC4xMikgMzglLFxuICAgIHRyYW5zcGFyZW50IDc1JVxuICApO1xuICB0cmFuc2l0aW9uOiBvcGFjaXR5IC4zcyBlYXNlO1xufVxuXG4ubGwtYmVuZWZpdDpob3Zlcjo6YmVmb3JlIHtcbiAgb3BhY2l0eTogMTtcbn1cblxuLmxsLWJlbmVmaXQ6aG92ZXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDEyNiwgMjExLCAzMywgMC4wNik7XG59XG5gYGBcbjxcL3N0eWxlPiJ9LCJlbGVtZW50cyI6W10sIndpZGdldFR5cGUiOiJodG1sIn1dLCJpc0lubmVyIjpmYWxzZSwic3R5bGVzIjp7ImUtZDkyNWE4ZCI6eyJpZCI6ImUtZDkyNWE4ZCIsImxhYmVsIjoibG9jYWwiLCJ0eXBlIjoiY2xhc3MiLCJ2YXJpYW50cyI6W3sibWV0YSI6eyJicmVha3BvaW50IjoiZGVza3RvcCIsInN0YXRlIjpudWxsfSwicHJvcHMiOnsiZmxleC1kaXJlY3Rpb24iOnsiJCR0eXBlIjoic3RyaW5nIiwidmFsdWUiOiJjb2x1bW4ifX0sImN1c3RvbV9jc3MiOm51bGx9XX19LCJpbnRlcmFjdGlvbnMiOltdLCJlZGl0b3Jfc2V0dGluZ3MiOltdfQ==\\\"]<div class=\\\"elementor-element elementor-element-6a3e689 e-flex e-con-boxed e-con e-parent\\\" data-id=\\\"6a3e689\\\" data-element_type=\\\"container\\\" data-e-type=\\\"container\\\">\\n\\t\\t\\t\\t\\t<div class=\\\"e-con-inner\\\">\\n\\t\\t\\t\\t<div class=\\\"elementor-element elementor-element-fb85b65 elementor-widget elementor-widget-html\\\" data-id=\\\"fb85b65\\\" data-element_type=\\\"widget\\\" data-e-type=\\\"widget\\\" data-widget_type=\\\"html.default\\\">\\n\\t\\t\\t\\t\\t\\n<section class=\\\"lawnlogic-showcase\\\" aria-label=\\\"LawnLogic shop categories\\\">\\n\\n \\n <div class=\\\"lls-hero\\\">\\n <div class=\\\"lls-hero-photo\\\"><\\\/div>\\n <div class=\\\"lls-hero-shade\\\"><\\\/div>\\n\\n <div class=\\\"lls-hero-content\\\">\\n\\n <div class=\\\"lls-eyebrow\\\">\\n <span><\\\/span> LAWN EQUIPMENT & OUTDOOR POWER\\n <\\\/div>\\n\\n <h2 class=\\\"lls-hero-title\\\">\\n Lawn<br><span>Mowers<\\\/span>\\n <\\\/h2>\\n\\n <p class=\\\"lls-hero-copy\\\">\\n Power and Precision<br>for a Greener Lawn.\\n <\\\/p>\\n\\n <a class=\\\"lls-shop-button\\\" href=\\\"\\\/product-category\\\/lawn-mowers\\\/\\\">\\n SHOP COLLECTION <span>\\u2192<\\\/span>\\n <\\\/a>\\n <\\\/div>\\n <\\\/div>\\n\\n \\n <div class=\\\"lls-category-list\\\">\\n\\n <a class=\\\"lls-category is-active\\\" href=\\\"\\\/product-category\\\/hardware-tools\\\/\\\">\\n <div class=\\\"lls-category-image\\\">\\n <img src=\\\"https:\\\/\\\/lawnlogic.shop\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/Screenshot-2026-10-18-212131.png\\\" alt=\\\"Hardware tools\\\">\\n <\\\/div>\\n\\n <div class=\\\"lls-category-copy\\\">\\n <span class=\\\"lls-brand\\\">LawnLogic<\\\/span>\\n <div class=\\\"lls-category-meta\\\">\\n <span>01<\\\/span>\\n <h3>Hardware Tools<\\\/h3>\\n <\\\/div>\\n <p>Reliable tools for every project.<\\\/p>\\n <\\\/div>\\n\\n <span class=\\\"lls-arrow\\\">\\u2192<\\\/span>\\n <\\\/a>\\n\\n <a class=\\\"lls-category\\\" href=\\\"\\\/product-category\\\/blowers\\\/\\\">\\n <div class=\\\"lls-category-image\\\">\\n <img src=\\\"https:\\\/\\\/lawnlogic.shop\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/Screenshot-2026-10-18-212140.png\\\" alt=\\\"Garden blower\\\">\\n <\\\/div>\\n\\n <div class=\\\"lls-category-copy\\\">\\n <span class=\\\"lls-brand\\\">LawnLogic<\\\/span>\\n <div class=\\\"lls-category-meta\\\">\\n <span>02<\\\/span>\\n <h3>Blowers<\\\/h3>\\n <\\\/div>\\n <p>Cleaner outdoors. Healthier spaces.<\\\/p>\\n <\\\/div>\\n\\n <span class=\\\"lls-arrow\\\">\\u2192<\\\/span>\\n <\\\/a>\\n\\n <a class=\\\"lls-category\\\" href=\\\"\\\/product-category\\\/vacuum-cleaners\\\/\\\">\\n <div class=\\\"lls-category-image\\\">\\n <img src=\\\"https:\\\/\\\/lawnlogic.shop\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/Screenshot-2026-10-18-212152.png\\\" alt=\\\"Vacuum cleaner\\\">\\n <\\\/div>\\n\\n <div class=\\\"lls-category-copy\\\">\\n <span class=\\\"lls-brand\\\">LawnLogic<\\\/span>\\n <div class=\\\"lls-category-meta\\\">\\n <span>03<\\\/span>\\n <h3>Vacuum Cleaners<\\\/h3>\\n <\\\/div>\\n <p>Efficient cleaning for brighter spaces.<\\\/p>\\n <\\\/div>\\n\\n <span class=\\\"lls-arrow\\\">\\u2192<\\\/span>\\n <\\\/a>\\n\\n <\\\/div>\\n<\\\/section>\\n\\n<style>\\n\\\/* =====================================\\n LAWNLOGIC SHOWCASE (all classes use lls-)\\n===================================== *\\\/\\n\\n.lawnlogic-showcase {\\n --lls-green: #48bd18;\\n --lls-orange: #ff852d;\\n\\n display: grid;\\n grid-template-columns: minmax(0, 2.05fr) minmax(0, 1.4fr);\\n gap: 16px;\\n\\n width: 100vw;\\n max-width: none;\\n margin-left: calc(50% - 50vw);\\n margin-right: calc(50% - 50vw);\\n padding: 16px 20px;\\n\\n box-sizing: border-box;\\n font-family: Inter, Arial, sans-serif;\\n color: #12351f;\\n}\\n\\n.lawnlogic-showcase *,\\n.lawnlogic-showcase *::before,\\n.lawnlogic-showcase *::after {\\n box-sizing: border-box;\\n}\\n\\n.lawnlogic-showcase a {\\n -webkit-tap-highlight-color: transparent;\\n}\\n\\n\\\/* HERO *\\\/\\n\\n.lawnlogic-showcase .lls-hero {\\n position: relative;\\n isolation: isolate;\\n overflow: hidden;\\n min-width: 0;\\n min-height: 540px;\\n border-radius: 17px;\\n background: #073b20;\\n display: flex;\\n align-items: flex-end;\\n}\\n\\n.lls-hero-photo {\\n position: absolute;\\n inset: 0;\\n z-index: -2;\\n\\n background-image: url('https:\\\/\\\/lawnlogic.shop\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/LawnLogic-Mower-in-Sunlit-Garden.png');\\n background-position: center;\\n background-size: cover;\\n background-repeat: no-repeat;\\n\\n transform: scale(1.01);\\n transition: transform 1s cubic-bezier(.2,.75,.25,1);\\n}\\n\\n@media (hover: hover) {\\n .lls-hero:hover .lls-hero-photo {\\n transform: scale(1.045);\\n }\\n}\\n\\n.lls-hero-shade {\\n position: absolute;\\n inset: 0;\\n z-index: -1;\\n\\n background:\\n linear-gradient(90deg,\\n rgba(0,37,19,.91) 0%,\\n rgba(0,37,19,.76) 38%,\\n rgba(0,37,19,.15) 100%),\\n linear-gradient(0deg,\\n rgba(0,25,12,.3),\\n transparent 60%);\\n}\\n\\n.lls-hero-content {\\n width: 100%;\\n padding: clamp(28px, 4vw, 58px);\\n color: #fff;\\n animation: llsRise .8s both;\\n}\\n\\n\\\/* EYEBROW + ANIMATED GREEN LINE *\\\/\\n\\n.lls-eyebrow {\\n display: flex;\\n align-items: center;\\n flex-wrap: wrap;\\n gap: 12px;\\n margin-bottom: 25px;\\n\\n font-size: clamp(9px, .8vw, 12px);\\n letter-spacing: 1.6px;\\n font-weight: 800;\\n color: #fff;\\n}\\n\\n.lls-eyebrow > span {\\n position: relative;\\n display: block;\\n width: 32px;\\n height: 3px;\\n flex-shrink: 0;\\n overflow: hidden;\\n background: rgba(72,189,24,.25);\\n border-radius: 5px;\\n}\\n\\n.lls-eyebrow > span::after {\\n content: \\\"\\\";\\n position: absolute;\\n inset: 0;\\n background: var(--lls-green);\\n border-radius: inherit;\\n transform-origin: left center;\\n animation: llsLinePulse 3s ease-in-out infinite;\\n}\\n\\n@keyframes llsLinePulse {\\n 0%, 100% { transform: scaleX(.35); opacity: .65; }\\n 50% { transform: scaleX(1); opacity: 1; }\\n}\\n\\n\\\/* HEADLINE *\\\/\\n\\n.lls-hero-title {\\n margin: 0 0 20px;\\n color: #fff;\\n font-size: clamp(48px, 5.7vw, 92px);\\n line-height: .91;\\n letter-spacing: -3px;\\n font-weight: 900;\\n}\\n\\n.lls-hero-title > span {\\n color: #55c91f;\\n}\\n\\n.lls-hero-copy {\\n margin: 0 0 27px;\\n color: rgba(255,255,255,.94);\\n font-size: clamp(14px, 1.5vw, 23px);\\n line-height: 1.5;\\n}\\n\\n\\\/* CTA *\\\/\\n\\n.lawnlogic-showcase a.lls-shop-button {\\n display: inline-flex;\\n align-items: center;\\n justify-content: center;\\n gap: 22px;\\n padding: 16px 25px;\\n border-radius: 50px;\\n\\n background: var(--lls-orange);\\n color: #fff !important;\\n text-decoration: none !important;\\n\\n font-size: 12px;\\n font-weight: 850;\\n letter-spacing: .5px;\\n\\n transition: background .25s, transform .25s, box-shadow .25s;\\n}\\n\\n.lls-shop-button > span {\\n font-size: 23px;\\n line-height: 1;\\n transition: transform .25s;\\n}\\n\\n.lawnlogic-showcase a.lls-shop-button:hover {\\n background: var(--lls-green);\\n transform: translateY(-3px);\\n box-shadow: 0 10px 28px rgba(40,160,25,.3);\\n}\\n\\n.lls-shop-button:hover > span {\\n transform: translateX(5px);\\n}\\n\\n\\\/* RIGHT-SIDE CATEGORY STACK *\\\/\\n\\n.lls-category-list {\\n display: grid;\\n grid-template-rows: repeat(3, minmax(0, 1fr));\\n gap: 14px;\\n min-width: 0;\\n}\\n\\n\\\/* CATEGORY CARD *\\\/\\n\\n.lawnlogic-showcase a.lls-category {\\n position: relative;\\n isolation: isolate;\\n\\n display: grid;\\n grid-template-columns: minmax(105px, 40%) minmax(0, 1fr) 36px;\\n align-items: center;\\n gap: clamp(10px, 1.4vw, 22px);\\n\\n min-width: 0;\\n min-height: 0;\\n padding: 12px;\\n overflow: hidden;\\n\\n background:\\n radial-gradient(ellipse at 100% 0%,\\n rgba(119,190,74,.11) 0%,\\n transparent 50%),\\n linear-gradient(125deg,\\n #f8fbf5 0%,\\n #ffffff 52%,\\n #f0f7eb 100%);\\n\\n border: 1px solid #e2eddb;\\n border-radius: 16px;\\n\\n text-decoration: none !important;\\n color: #12351f !important;\\n\\n box-shadow: 0 4px 18px rgba(20,43,25,.045);\\n\\n transition:\\n border-color .35s ease,\\n box-shadow .35s ease,\\n transform .35s ease,\\n background .35s ease;\\n}\\n\\n\\\/* Green highlight bar *\\\/\\n\\n.lls-category::before {\\n content: \\\"\\\";\\n position: absolute;\\n z-index: -1;\\n left: 0;\\n top: 15%;\\n bottom: 15%;\\n width: 3px;\\n\\n background: var(--lls-green);\\n border-radius: 0 4px 4px 0;\\n\\n transform: scaleY(0);\\n transform-origin: center;\\n transition: transform .35s ease;\\n}\\n\\n\\\/* Soft glow sweep on hover *\\\/\\n\\n.lls-category::after {\\n content: \\\"\\\";\\n position: absolute;\\n z-index: -1;\\n top: 0;\\n left: -70%;\\n width: 45%;\\n height: 100%;\\n\\n background: linear-gradient(110deg, transparent, rgba(117,191,68,.08), transparent);\\n\\n transform: skewX(-15deg);\\n transition: left .65s ease;\\n pointer-events: none;\\n}\\n\\n.lls-category:hover,\\n.lls-category.is-active {\\n border-color: #c9e7bb;\\n box-shadow: 0 8px 28px rgba(38,105,40,.10);\\n}\\n\\n.lls-category:hover {\\n transform: translateY(-3px);\\n}\\n\\n.lls-category:hover::before,\\n.lls-category.is-active::before {\\n transform: scaleY(1);\\n}\\n\\n.lls-category:hover::after {\\n left: 130%;\\n}\\n\\n\\\/* CATEGORY IMAGES (fixed height keeps the desktop section compact) *\\\/\\n\\n.lls-category-image {\\n position: relative;\\n width: 100%;\\n height: 150px;\\n\\n border-radius: 11px;\\n overflow: hidden;\\n background: #edf5e7;\\n}\\n\\n.lls-category-image img {\\n display: block;\\n width: 100%;\\n height: 100%;\\n object-fit: cover;\\n\\n transition: transform .65s cubic-bezier(.2,.75,.25,1);\\n}\\n\\n.lls-category:hover .lls-category-image img {\\n transform: scale(1.07);\\n}\\n\\n\\\/* CATEGORY COPY *\\\/\\n\\n.lls-category-copy {\\n min-width: 0;\\n}\\n\\n.lawnlogic-showcase .lls-brand {\\n display: block;\\n margin-bottom: clamp(12px, 1.4vw, 22px);\\n\\n color: #17612c;\\n font-size: clamp(12px, 1vw, 17px);\\n line-height: 1.2;\\n font-weight: 900;\\n letter-spacing: -.5px;\\n}\\n\\n.lls-category-meta {\\n display: flex;\\n align-items: baseline;\\n gap: 12px;\\n padding-left: 12px;\\n border-left: 2px solid var(--lls-green);\\n}\\n\\n.lls-category-meta > span {\\n color: #91bd7c;\\n font-size: clamp(14px, 1.6vw, 25px);\\n font-weight: 900;\\n flex-shrink: 0;\\n}\\n\\n.lls-category h3 {\\n margin: 0;\\n color: #123b23;\\n font-size: clamp(13px, 1.35vw, 22px);\\n line-height: 1.2;\\n font-weight: 850;\\n overflow-wrap: anywhere;\\n transition: color .25s;\\n}\\n\\n.lls-category p {\\n margin: 10px 0 0;\\n color: #68766a;\\n font-size: clamp(10px, .95vw, 15px);\\n line-height: 1.45;\\n}\\n\\n.lls-category:hover h3,\\n.lls-category.is-active h3 {\\n color: #328e22;\\n}\\n\\n\\\/* ROUND ARROW *\\\/\\n\\n.lls-arrow {\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n\\n width: clamp(30px, 3vw, 43px);\\n height: clamp(30px, 3vw, 43px);\\n border-radius: 50%;\\n\\n background: linear-gradient(145deg, #59ce20, #319b12);\\n color: #fff;\\n font-size: 23px;\\n line-height: 1;\\n\\n transition: background .3s, transform .3s, box-shadow .3s;\\n}\\n\\n.lls-category:hover .lls-arrow {\\n background: var(--lls-orange);\\n box-shadow: 0 4px 14px rgba(255,133,45,.22);\\n transform: translateX(3px);\\n}\\n\\n\\\/* ENTRANCE ANIMATION *\\\/\\n\\n@keyframes llsRise {\\n from { opacity: 0; transform: translateY(16px); }\\n to { opacity: 1; transform: translateY(0); }\\n}\\n\\n\\\/* =====================================\\n TABLET\\n===================================== *\\\/\\n\\n@media (max-width: 900px) {\\n .lawnlogic-showcase {\\n grid-template-columns: 1fr;\\n gap: 14px;\\n padding: 12px;\\n }\\n\\n .lawnlogic-showcase .lls-hero {\\n min-height: 460px;\\n align-items: flex-start; \\\/* text on top, mower visible below *\\\/\\n }\\n\\n .lls-hero-photo {\\n background-position: 78% 85%; \\\/* focus on the mower *\\\/\\n transform: none;\\n }\\n\\n .lls-hero-shade {\\n background:\\n linear-gradient(180deg,\\n rgba(0,37,19,.92) 0%,\\n rgba(0,37,19,.70) 35%,\\n rgba(0,37,19,.10) 65%,\\n rgba(0,25,12,.25) 100%);\\n }\\n\\n .lls-category-list {\\n grid-template-rows: none;\\n grid-template-columns: repeat(3, minmax(0, 1fr));\\n gap: 10px;\\n }\\n\\n .lawnlogic-showcase a.lls-category {\\n grid-template-columns: minmax(0, 1fr) 30px;\\n grid-template-rows: 130px auto;\\n gap: 10px;\\n padding: 10px;\\n }\\n\\n .lls-category-image {\\n grid-column: 1 \\\/ -1;\\n grid-row: 1;\\n height: 130px;\\n }\\n\\n .lls-category-copy {\\n grid-column: 1;\\n grid-row: 2;\\n }\\n\\n .lawnlogic-showcase .lls-brand {\\n margin-bottom: 10px;\\n font-size: 13px;\\n }\\n\\n .lls-category-meta {\\n display: block;\\n padding-left: 9px;\\n }\\n\\n .lls-category-meta > span {\\n display: block;\\n margin-bottom: 5px;\\n font-size: 15px;\\n }\\n\\n .lls-category h3 { font-size: 14px; }\\n .lls-category p { font-size: 11px; }\\n\\n .lls-arrow {\\n grid-column: 2;\\n grid-row: 2;\\n width: 29px;\\n height: 29px;\\n font-size: 18px;\\n }\\n}\\n\\n\\\/* =====================================\\n MOBILE\\n===================================== *\\\/\\n\\n@media (max-width: 520px) {\\n .lawnlogic-showcase {\\n padding: 8px;\\n gap: 10px;\\n }\\n\\n .lawnlogic-showcase .lls-hero {\\n min-height: 440px;\\n border-radius: 13px;\\n }\\n\\n .lls-hero-photo {\\n background-position: 82% 90%;\\n }\\n\\n .lls-hero-content {\\n padding: 24px 22px;\\n }\\n\\n .lls-hero-title {\\n font-size: clamp(46px, 12vw, 62px);\\n letter-spacing: -2px;\\n margin-bottom: 14px;\\n }\\n\\n .lls-hero-copy {\\n margin-bottom: 20px;\\n }\\n\\n .lls-eyebrow {\\n font-size: 9px;\\n letter-spacing: 1px;\\n margin-bottom: 20px;\\n }\\n\\n .lls-category-list {\\n grid-template-columns: 1fr;\\n gap: 9px;\\n }\\n\\n .lawnlogic-showcase a.lls-category {\\n grid-template-columns: 100px minmax(0, 1fr) 30px;\\n grid-template-rows: auto;\\n gap: 12px;\\n min-height: 112px;\\n padding: 10px;\\n }\\n\\n .lls-category-image {\\n grid-column: 1;\\n grid-row: 1;\\n height: 90px;\\n }\\n\\n .lls-category-copy {\\n grid-column: 2;\\n grid-row: 1;\\n }\\n\\n .lawnlogic-showcase .lls-brand {\\n margin-bottom: 9px;\\n font-size: 12px;\\n }\\n\\n .lls-category-meta {\\n display: flex;\\n align-items: baseline;\\n gap: 8px;\\n }\\n\\n .lls-category-meta > span {\\n display: inline;\\n margin: 0;\\n font-size: 13px;\\n }\\n\\n .lls-category h3 { font-size: 14px; }\\n\\n .lls-category p {\\n margin-top: 6px;\\n font-size: 10px;\\n }\\n\\n .lls-arrow {\\n grid-column: 3;\\n grid-row: 1;\\n width: 29px;\\n height: 29px;\\n }\\n}\\n\\n\\\/* ACCESSIBILITY *\\\/\\n\\n@media (prefers-reduced-motion: reduce) {\\n .lawnlogic-showcase *,\\n .lawnlogic-showcase *::before,\\n .lawnlogic-showcase *::after {\\n animation: none !important;\\n transition: none !important;\\n }\\n}\\n<\\\/style>\\n\\n<script>\\n(function () {\\n document.querySelectorAll('.lawnlogic-showcase').forEach(function (section) {\\n var cards = section.querySelectorAll('.lls-category');\\n\\n cards.forEach(function (card) {\\n function activate() {\\n cards.forEach(function (item) {\\n item.classList.remove('is-active');\\n });\\n card.classList.add('is-active');\\n }\\n\\n card.addEventListener('mouseenter', activate);\\n card.addEventListener('focus', activate);\\n });\\n });\\n})();\\n<\\\/script>\\t\\t\\t\\t<\\\/div>\\n\\t\\t\\t\\t<div class=\\\"elementor-element elementor-element-20c0897 elementor-widget elementor-widget-html\\\" data-id=\\\"20c0897\\\" data-element_type=\\\"widget\\\" data-e-type=\\\"widget\\\" data-widget_type=\\\"html.default\\\">\\n\\t\\t\\t\\t\\t\\n<section class=\\\"llf-section\\\" aria-label=\\\"Featured products\\\">\\n <div class=\\\"llf-inner\\\">\\n\\n \\n <header class=\\\"llf-head\\\">\\n <span class=\\\"llf-eyebrow\\\">DISCOVER OUR PICKS<\\\/span>\\n <h2 class=\\\"llf-title\\\">Featured <span>Products<\\\/span><\\\/h2>\\n <div class=\\\"llf-bar\\\" aria-hidden=\\\"true\\\"><\\\/div>\\n <\\\/header>\\n\\n \\n <div class=\\\"llf-slider\\\">\\n <button class=\\\"llf-arrow llf-prev\\\" type=\\\"button\\\" aria-label=\\\"Previous products\\\">\\n <svg viewBox=\\\"0 0 24 24\\\" aria-hidden=\\\"true\\\"><path d=\\\"M15 5l-7 7 7 7\\\"\\\/><\\\/svg>\\n <\\\/button>\\n\\n <div class=\\\"llf-track\\\" tabindex=\\\"0\\\">\\n\\n \\n <article class=\\\"llf-card\\\">\\n\\n \\n <a class=\\\"llf-media\\\" href=\\\"https:\\\/\\\/lawnlogic.shop\\\/product\\\/YOUR-PRODUCT-SLUG\\\/\\\">\\n <span class=\\\"llf-badge\\\">FEATURED<\\\/span>\\n \\n <img src=\\\"https:\\\/\\\/lawnlogic.shop\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/Screenshot-2026-10-18-212131.png\\\"\\n alt=\\\"LawnLogic Cordless Drill Kit\\\" loading=\\\"lazy\\\">\\n <\\\/a>\\n\\n <div class=\\\"llf-body\\\">\\n <h3 class=\\\"llf-name\\\">\\n \\n <a href=\\\"https:\\\/\\\/lawnlogic.shop\\\/product\\\/YOUR-PRODUCT-SLUG\\\/\\\">LawnLogic Cordless Drill & Hardware Tool Kit \\u2013 Durable, Green<\\\/a>\\n <\\\/h3>\\n\\n <div class=\\\"llf-stars\\\" aria-label=\\\"Rated 5 out of 5\\\">\\u2605\\u2605\\u2605\\u2605\\u2605<\\\/div>\\n <div class=\\\"llf-price\\\">$35.00<\\\/div>\\n\\n <div class=\\\"llf-actions\\\">\\n \\n <a class=\\\"llf-btn llf-cart\\\" href=\\\"https:\\\/\\\/lawnlogic.shop\\\/?add-to-cart=123\\\">ADD TO CART<\\\/a>\\n\\n \\n <a class=\\\"llf-btn llf-buy\\\" href=\\\"https:\\\/\\\/lawnlogic.shop\\\/checkout\\\/?add-to-cart=123\\\">BUY NOW<\\\/a>\\n <\\\/div>\\n <\\\/div>\\n <\\\/article>\\n\\n \\n <article class=\\\"llf-card\\\">\\n <a class=\\\"llf-media\\\" href=\\\"https:\\\/\\\/lawnlogic.shop\\\/product\\\/YOUR-PRODUCT-SLUG\\\/\\\">\\n <span class=\\\"llf-badge\\\">FEATURED<\\\/span>\\n <img src=\\\"https:\\\/\\\/lawnlogic.shop\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/Screenshot-2026-10-18-212140.png\\\"\\n alt=\\\"LawnLogic Cordless Blower\\\" loading=\\\"lazy\\\">\\n <\\\/a>\\n <div class=\\\"llf-body\\\">\\n <h3 class=\\\"llf-name\\\"><a href=\\\"https:\\\/\\\/lawnlogic.shop\\\/product\\\/YOUR-PRODUCT-SLUG\\\/\\\">LawnLogic Cordless Leaf Blower \\u2013 Lightweight, Powerful<\\\/a><\\\/h3>\\n <div class=\\\"llf-stars\\\" aria-label=\\\"Rated 5 out of 5\\\">\\u2605\\u2605\\u2605\\u2605\\u2605<\\\/div>\\n <div class=\\\"llf-price\\\">$89.00<\\\/div>\\n <div class=\\\"llf-actions\\\">\\n <a class=\\\"llf-btn llf-cart\\\" href=\\\"https:\\\/\\\/lawnlogic.shop\\\/?add-to-cart=124\\\">ADD TO CART<\\\/a>\\n <a class=\\\"llf-btn llf-buy\\\" href=\\\"https:\\\/\\\/lawnlogic.shop\\\/checkout\\\/?add-to-cart=124\\\">BUY NOW<\\\/a>\\n <\\\/div>\\n <\\\/div>\\n <\\\/article>\\n\\n \\n <article class=\\\"llf-card\\\">\\n <a class=\\\"llf-media\\\" href=\\\"https:\\\/\\\/lawnlogic.shop\\\/product\\\/YOUR-PRODUCT-SLUG\\\/\\\">\\n <span class=\\\"llf-badge\\\">FEATURED<\\\/span>\\n <img src=\\\"https:\\\/\\\/lawnlogic.shop\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/Screenshot-2026-10-18-212152.png\\\"\\n alt=\\\"LawnLogic Wet and Dry Vacuum\\\" loading=\\\"lazy\\\">\\n <\\\/a>\\n <div class=\\\"llf-body\\\">\\n <h3 class=\\\"llf-name\\\"><a href=\\\"https:\\\/\\\/lawnlogic.shop\\\/product\\\/YOUR-PRODUCT-SLUG\\\/\\\">LawnLogic Wet & Dry Vacuum Cleaner \\u2013 Heavy Duty, Black<\\\/a><\\\/h3>\\n <div class=\\\"llf-stars\\\" aria-label=\\\"Rated 5 out of 5\\\">\\u2605\\u2605\\u2605\\u2605\\u2605<\\\/div>\\n <div class=\\\"llf-price\\\">$119.00<\\\/div>\\n <div class=\\\"llf-actions\\\">\\n <a class=\\\"llf-btn llf-cart\\\" href=\\\"https:\\\/\\\/lawnlogic.shop\\\/?add-to-cart=125\\\">ADD TO CART<\\\/a>\\n <a class=\\\"llf-btn llf-buy\\\" href=\\\"https:\\\/\\\/lawnlogic.shop\\\/checkout\\\/?add-to-cart=125\\\">BUY NOW<\\\/a>\\n <\\\/div>\\n <\\\/div>\\n <\\\/article>\\n\\n \\n <article class=\\\"llf-card\\\">\\n <a class=\\\"llf-media\\\" href=\\\"https:\\\/\\\/lawnlogic.shop\\\/product\\\/YOUR-PRODUCT-SLUG\\\/\\\">\\n <span class=\\\"llf-badge\\\">FEATURED<\\\/span>\\n <img src=\\\"https:\\\/\\\/lawnlogic.shop\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/LawnLogic-Mower-in-Sunlit-Garden.png\\\"\\n alt=\\\"LawnLogic Lawn Mower\\\" loading=\\\"lazy\\\">\\n <\\\/a>\\n <div class=\\\"llf-body\\\">\\n <h3 class=\\\"llf-name\\\"><a href=\\\"https:\\\/\\\/lawnlogic.shop\\\/product\\\/YOUR-PRODUCT-SLUG\\\/\\\">LawnLogic Self-Propelled Lawn Mower \\u2013 Power and Precision<\\\/a><\\\/h3>\\n <div class=\\\"llf-stars\\\" aria-label=\\\"Rated 5 out of 5\\\">\\u2605\\u2605\\u2605\\u2605\\u2605<\\\/div>\\n <div class=\\\"llf-price\\\">$349.00<\\\/div>\\n <div class=\\\"llf-actions\\\">\\n <a class=\\\"llf-btn llf-cart\\\" href=\\\"https:\\\/\\\/lawnlogic.shop\\\/?add-to-cart=126\\\">ADD TO CART<\\\/a>\\n <a class=\\\"llf-btn llf-buy\\\" href=\\\"https:\\\/\\\/lawnlogic.shop\\\/checkout\\\/?add-to-cart=126\\\">BUY NOW<\\\/a>\\n <\\\/div>\\n <\\\/div>\\n <\\\/article>\\n\\n <\\\/div>\\n\\n <button class=\\\"llf-arrow llf-next\\\" type=\\\"button\\\" aria-label=\\\"Next products\\\">\\n <svg viewBox=\\\"0 0 24 24\\\" aria-hidden=\\\"true\\\"><path d=\\\"M9 5l7 7-7 7\\\"\\\/><\\\/svg>\\n <\\\/button>\\n <\\\/div>\\n\\n \\n <div class=\\\"llf-dots\\\" aria-hidden=\\\"true\\\"><\\\/div>\\n\\n <\\\/div>\\n<\\\/section>\\n\\n<style>\\n\\\/* =====================================\\n LAWNLOGIC FEATURED PRODUCTS (all classes use llf-)\\n===================================== *\\\/\\n\\n.llf-section {\\n --llf-green: #0B6623;\\n --llf-lime: #7ED321;\\n --llf-orange: #ff852d;\\n --llf-ink: #14231a;\\n\\n width: 100vw;\\n max-width: none;\\n margin-left: calc(50% - 50vw);\\n margin-right: calc(50% - 50vw);\\n\\n background:\\n radial-gradient(ellipse at 50% 0%, rgba(126,211,33,.08) 0%, transparent 60%),\\n #fafbf8;\\n\\n font-family: Inter, Arial, sans-serif;\\n color: var(--llf-ink);\\n box-sizing: border-box;\\n}\\n\\n.llf-section *,\\n.llf-section *::before,\\n.llf-section *::after {\\n box-sizing: border-box;\\n}\\n\\n.llf-inner {\\n max-width: 1400px;\\n margin: 0 auto;\\n padding: clamp(36px, 4.5vw, 68px) clamp(14px, 5vw, 80px);\\n}\\n\\n\\\/* ---------- HEADING ---------- *\\\/\\n\\n.llf-head {\\n text-align: center;\\n margin-bottom: clamp(24px, 3vw, 40px);\\n}\\n\\n.llf-eyebrow {\\n display: block;\\n margin-bottom: 8px;\\n font-size: 9px;\\n font-weight: 800;\\n letter-spacing: 3px;\\n color: #6b7f72;\\n}\\n\\n.llf-title {\\n margin: 0;\\n font-size: clamp(28px, 3.2vw, 46px);\\n line-height: 1.1;\\n letter-spacing: -1.2px;\\n font-weight: 800;\\n color: var(--llf-ink);\\n}\\n\\n.llf-title span {\\n color: var(--llf-green);\\n}\\n\\n.llf-bar {\\n position: relative;\\n width: 56px;\\n height: 3px;\\n margin: 14px auto 0;\\n overflow: hidden;\\n border-radius: 4px;\\n background: #d7e2d0;\\n}\\n\\n\\\/* lime segment glides back and forth (transform only = no lag) *\\\/\\n.llf-bar::after {\\n content: \\\"\\\";\\n position: absolute;\\n top: 0;\\n left: 0;\\n width: 40%;\\n height: 100%;\\n border-radius: inherit;\\n background: var(--llf-lime);\\n animation: llfBarSlide 2.2s ease-in-out infinite alternate;\\n}\\n\\n@keyframes llfBarSlide {\\n from { transform: translateX(0); }\\n to { transform: translateX(150%); }\\n}\\n\\n\\\/* ---------- SLIDER ---------- *\\\/\\n\\n.llf-slider {\\n position: relative;\\n}\\n\\n.llf-track {\\n --gap: 20px;\\n --per: 4;\\n\\n display: flex;\\n gap: var(--gap);\\n padding: 8px 4px 26px;\\n margin: 0 -4px;\\n\\n overflow-x: auto;\\n overflow-y: hidden;\\n scroll-snap-type: x mandatory;\\n scrollbar-width: none;\\n -webkit-overflow-scrolling: touch;\\n overscroll-behavior-x: contain;\\n outline: none;\\n}\\n\\n.llf-track::-webkit-scrollbar { display: none; }\\n\\n.llf-card {\\n flex: 0 0 calc((100% - (var(--per) - 1) * var(--gap)) \\\/ var(--per));\\n min-width: 0;\\n scroll-snap-align: start;\\n\\n display: flex;\\n flex-direction: column;\\n padding: 12px;\\n\\n background: #fff;\\n border: 1px solid #e6eee0;\\n border-radius: 18px;\\n box-shadow: 0 6px 22px rgba(20,43,25,.06);\\n\\n transition: transform .3s ease, box-shadow .3s ease;\\n}\\n\\n@media (hover: hover) {\\n .llf-card:hover {\\n transform: translateY(-5px);\\n box-shadow: 0 14px 32px rgba(20,43,25,.11);\\n }\\n .llf-card:hover .llf-media img { transform: scale(1.05); }\\n}\\n\\n\\\/* Image *\\\/\\n\\n.llf-section a.llf-media {\\n position: relative;\\n display: block;\\n aspect-ratio: 1 \\\/ 1;\\n overflow: hidden;\\n border-radius: 12px;\\n background: #f3f6ef;\\n text-decoration: none !important;\\n}\\n\\n.llf-media img {\\n display: block;\\n width: 100%;\\n height: 100%;\\n object-fit: cover;\\n transition: transform .5s cubic-bezier(.2,.75,.25,1);\\n}\\n\\n.llf-badge {\\n position: absolute;\\n z-index: 2;\\n top: 10px;\\n left: 10px;\\n padding: 6px 11px;\\n border-radius: 50px;\\n background: var(--llf-green);\\n color: #fff;\\n font-size: 8px;\\n font-weight: 800;\\n letter-spacing: 1px;\\n}\\n\\n\\\/* Text *\\\/\\n\\n.llf-body {\\n display: flex;\\n flex: 1;\\n flex-direction: column;\\n padding: 14px 4px 2px;\\n}\\n\\n.llf-name {\\n margin: 0 0 8px;\\n font-size: 14px;\\n line-height: 1.4;\\n font-weight: 700;\\n display: -webkit-box;\\n -webkit-line-clamp: 3;\\n -webkit-box-orient: vertical;\\n overflow: hidden;\\n min-height: 3.9em;\\n}\\n\\n.llf-section .llf-name a {\\n color: var(--llf-ink) !important;\\n text-decoration: none !important;\\n transition: color .25s;\\n}\\n\\n.llf-section .llf-name a:hover { color: var(--llf-green) !important; }\\n\\n.llf-stars {\\n margin-bottom: 6px;\\n font-size: 11px;\\n letter-spacing: 2px;\\n color: var(--llf-orange);\\n}\\n\\n.llf-price {\\n margin-bottom: 14px;\\n font-size: 18px;\\n font-weight: 800;\\n color: var(--llf-ink);\\n}\\n\\n.llf-actions {\\n display: grid;\\n grid-template-columns: 1fr 1fr;\\n gap: 8px;\\n margin-top: auto;\\n}\\n\\n.llf-section a.llf-btn {\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n min-height: 40px;\\n padding: 10px 6px;\\n border-radius: 9px;\\n color: #fff !important;\\n font-size: 10px;\\n font-weight: 800;\\n letter-spacing: .4px;\\n text-decoration: none !important;\\n text-align: center;\\n transition: transform .25s, box-shadow .25s, background .25s;\\n}\\n\\n.llf-cart { background: var(--llf-green); }\\n.llf-buy { background: var(--llf-orange); }\\n\\n.llf-section a.llf-cart:hover {\\n background: #0e7a2b;\\n transform: translateY(-2px);\\n box-shadow: 0 8px 18px rgba(11,102,35,.25);\\n}\\n\\n.llf-section a.llf-buy:hover {\\n background: #ff7313;\\n transform: translateY(-2px);\\n box-shadow: 0 8px 18px rgba(255,133,45,.3);\\n}\\n\\n\\\/* ---------- ARROWS (desktop) ---------- *\\\/\\n\\n.llf-arrow {\\n position: absolute;\\n z-index: 5;\\n top: 42%;\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n width: 46px;\\n height: 46px;\\n padding: 0;\\n border: 1px solid #e6eee0;\\n border-radius: 50%;\\n background: #fff;\\n color: var(--llf-green);\\n cursor: pointer;\\n box-shadow: 0 8px 22px rgba(20,43,25,.14);\\n transition: transform .25s, opacity .25s, background .25s, color .25s;\\n}\\n\\n.llf-arrow svg {\\n width: 20px;\\n height: 20px;\\n fill: none;\\n stroke: currentColor;\\n stroke-width: 2.4;\\n stroke-linecap: round;\\n stroke-linejoin: round;\\n}\\n\\n.llf-arrow:hover {\\n background: var(--llf-green);\\n color: #fff;\\n}\\n\\n.llf-prev { left: -23px; }\\n.llf-next { right: -23px; }\\n\\n.llf-arrow.is-hidden {\\n opacity: 0;\\n pointer-events: none;\\n}\\n\\n\\\/* ---------- DOTS (mobile \\\/ tablet) ---------- *\\\/\\n\\n.llf-dots {\\n display: none;\\n justify-content: center;\\n gap: 7px;\\n margin-top: 4px;\\n}\\n\\n.llf-dot {\\n width: 7px;\\n height: 7px;\\n padding: 0;\\n border: 0;\\n border-radius: 50px;\\n background: #cfdcc6;\\n cursor: pointer;\\n transition: width .3s, background .3s;\\n}\\n\\n.llf-dot.is-active {\\n width: 22px;\\n background: var(--llf-green);\\n}\\n\\n\\\/* ---------- TABLET ---------- *\\\/\\n\\n@media (max-width: 1100px) {\\n .llf-track { --per: 3; }\\n}\\n\\n@media (max-width: 900px) {\\n .llf-track { --per: 2.3; --gap: 14px; }\\n .llf-arrow { display: none; }\\n .llf-dots { display: flex; }\\n}\\n\\n\\\/* ---------- MOBILE ---------- *\\\/\\n\\n@media (max-width: 600px) {\\n .llf-track { --per: 1.18; --gap: 12px; }\\n .llf-name { font-size: 13.5px; }\\n}\\n\\n@media (prefers-reduced-motion: reduce) {\\n .llf-section * { transition: none !important; }\\n .llf-bar::after { animation: none !important; }\\n}\\n<\\\/style>\\n\\n<script>\\n(function () {\\n document.querySelectorAll('.llf-section').forEach(function (section) {\\n var track = section.querySelector('.llf-track');\\n var cards = section.querySelectorAll('.llf-card');\\n var prev = section.querySelector('.llf-prev');\\n var next = section.querySelector('.llf-next');\\n var dotsWrap = section.querySelector('.llf-dots');\\n if (!track || !cards.length) return;\\n\\n var mqAuto = window.matchMedia('(max-width: 900px)');\\n var reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\\n var timer = null, resumeTimer = null, visible = false, ticking = false;\\n\\n function step() {\\n var gap = parseFloat(getComputedStyle(track).columnGap) || 0;\\n return cards[0].getBoundingClientRect().width + gap;\\n }\\n\\n \\\/* ---- dots ---- *\\\/\\n var dots = [];\\n cards.forEach(function (_, i) {\\n var b = document.createElement('button');\\n b.type = 'button';\\n b.className = 'llf-dot';\\n b.setAttribute('aria-label', 'Go to product ' + (i + 1));\\n b.addEventListener('click', function () {\\n track.scrollTo({ left: i * step(), behavior: 'smooth' });\\n pauseAuto();\\n });\\n dotsWrap.appendChild(b);\\n dots.push(b);\\n });\\n\\n \\\/* ---- arrows + dots state ---- *\\\/\\n function update() {\\n var max = track.scrollWidth - track.clientWidth;\\n var x = track.scrollLeft;\\n\\n prev.classList.toggle('is-hidden', x <= 2);\\n next.classList.toggle('is-hidden', x >= max - 2 || max <= 2);\\n\\n var idx = Math.min(cards.length - 1, Math.round(x \\\/ step()));\\n dots.forEach(function (d, i) { d.classList.toggle('is-active', i === idx); });\\n ticking = false;\\n }\\n\\n track.addEventListener('scroll', function () {\\n if (!ticking) { ticking = true; requestAnimationFrame(update); }\\n }, { passive: true });\\n\\n prev.addEventListener('click', function () {\\n track.scrollBy({ left: -step(), behavior: 'smooth' });\\n });\\n next.addEventListener('click', function () {\\n track.scrollBy({ left: step(), behavior: 'smooth' });\\n });\\n\\n \\\/* ---- autoplay (tablet \\\/ phones only) ---- *\\\/\\n function advance() {\\n var max = track.scrollWidth - track.clientWidth;\\n if (track.scrollLeft >= max - 4) {\\n track.scrollTo({ left: 0, behavior: 'smooth' });\\n } else {\\n track.scrollBy({ left: step(), behavior: 'smooth' });\\n }\\n }\\n\\n function startAuto() {\\n stopAuto();\\n if (reduce || !mqAuto.matches || !visible) return;\\n timer = setInterval(advance, 3500);\\n }\\n\\n function stopAuto() {\\n if (timer) { clearInterval(timer); timer = null; }\\n }\\n\\n function pauseAuto() {\\n stopAuto();\\n clearTimeout(resumeTimer);\\n resumeTimer = setTimeout(startAuto, 6000); \\\/\\\/ resume after the user stops touching\\n }\\n\\n track.addEventListener('touchstart', pauseAuto, { passive: true });\\n track.addEventListener('pointerdown', pauseAuto, { passive: true });\\n track.addEventListener('mouseenter', stopAuto);\\n track.addEventListener('mouseleave', startAuto);\\n track.addEventListener('focusin', stopAuto);\\n track.addEventListener('focusout', startAuto);\\n\\n document.addEventListener('visibilitychange', function () {\\n if (document.hidden) stopAuto(); else startAuto();\\n });\\n\\n mqAuto.addEventListener\\n ? mqAuto.addEventListener('change', startAuto)\\n : mqAuto.addListener(startAuto);\\n\\n window.addEventListener('resize', update, { passive: true });\\n\\n \\\/* only run the timer while the section is on screen *\\\/\\n if ('IntersectionObserver' in window) {\\n new IntersectionObserver(function (entries) {\\n visible = entries[0].isIntersecting;\\n if (visible) startAuto(); else stopAuto();\\n }, { threshold: 0.25 }).observe(section);\\n } else {\\n visible = true;\\n startAuto();\\n }\\n\\n update();\\n });\\n})();\\n<\\\/script>\\t\\t\\t\\t<\\\/div>\\n\\t\\t\\t\\t<div class=\\\"elementor-element elementor-element-bd3ac08 elementor-widget__width-inherit elementor-widget elementor-widget-html\\\" data-id=\\\"bd3ac08\\\" data-element_type=\\\"widget\\\" data-e-type=\\\"widget\\\" data-widget_type=\\\"html.default\\\">\\n\\t\\t\\t\\t\\t\\n<section class=\\\"ll-hero\\\">\\n <div class=\\\"ll-hero-bg\\\"><\\\/div>\\n <div class=\\\"ll-hero-shade\\\"><\\\/div>\\n\\n <div class=\\\"ll-hero-container\\\">\\n\\n <div class=\\\"ll-hero-content\\\">\\n\\n <a class=\\\"ll-brand\\\" href=\\\"https:\\\/\\\/lawnlogic.shop\\\/\\\">\\n <span class=\\\"ll-brand-main\\\">Lawn<span>Logic<\\\/span><\\\/span>\\n <span class=\\\"ll-brand-sub\\\">PREMIUM OUTDOOR EQUIPMENT<\\\/span>\\n <\\\/a>\\n\\n <h1>\\n GET THE JOB<br>\\n DONE<br>\\n <span class=\\\"ll-heading-green\\\">THE RIGHT WAY<\\\/span><span class=\\\"ll-heading-dot\\\">.<\\\/span>\\n <\\\/h1>\\n\\n <p class=\\\"ll-hero-description\\\">\\n Powerful tools for a\\n <span>Cleaner, Greener<\\\/span> and<br class=\\\"ll-desktop-break\\\">\\n Happier Home.\\n <\\\/p>\\n\\n <a class=\\\"ll-shop-button\\\" href=\\\"https:\\\/\\\/lawnlogic.shop\\\/?post_type=product\\\">\\n <span>SHOP COLLECTION<\\\/span>\\n <svg viewBox=\\\"0 0 24 24\\\" aria-hidden=\\\"true\\\">\\n <path d=\\\"M4 12h15M13 5l7 7-7 7\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\"\\n stroke-width=\\\"2\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\"\\\/>\\n <\\\/svg>\\n <\\\/a>\\n\\n \\n <div class=\\\"ll-hero-features\\\">\\n\\n <div class=\\\"ll-feature\\\">\\n <div class=\\\"ll-feature-icon\\\">\\n <svg viewBox=\\\"0 0 24 24\\\" aria-hidden=\\\"true\\\">\\n <path d=\\\"M12 3 2.8 8 12 21 21.2 8 12 3Z\\\"\\\/>\\n <path d=\\\"M2.8 8h18.4M8 8l4 13 4-13M8 8l4-5 4 5\\\"\\\/>\\n <\\\/svg>\\n <\\\/div>\\n <div class=\\\"ll-feature-label\\\"><strong>Premium<\\\/strong><span>Quality<\\\/span><\\\/div>\\n <\\\/div>\\n\\n <div class=\\\"ll-feature\\\">\\n <div class=\\\"ll-feature-icon\\\">\\n <svg viewBox=\\\"0 0 24 24\\\" aria-hidden=\\\"true\\\">\\n <path d=\\\"M19.5 3.5C11 4 5 8.5 5 15a6 6 0 0 0 6 6c6.5 0 9-9 8.5-17.5Z\\\"\\\/>\\n <path d=\\\"M4 21c3-5 6-8 11-11\\\"\\\/>\\n <\\\/svg>\\n <\\\/div>\\n <div class=\\\"ll-feature-label\\\"><strong>Greener<\\\/strong><span>Outdoors<\\\/span><\\\/div>\\n <\\\/div>\\n\\n <div class=\\\"ll-feature\\\">\\n <div class=\\\"ll-feature-icon\\\">\\n <svg viewBox=\\\"0 0 24 24\\\" aria-hidden=\\\"true\\\">\\n <path d=\\\"m3 11 9-8 9 8\\\"\\\/>\\n <path d=\\\"M5.5 9.5V21h13V9.5M9.5 21v-7h5v7\\\"\\\/>\\n <\\\/svg>\\n <\\\/div>\\n <div class=\\\"ll-feature-label\\\"><strong>Better<\\\/strong><span>Living<\\\/span><\\\/div>\\n <\\\/div>\\n\\n <div class=\\\"ll-feature\\\">\\n <div class=\\\"ll-feature-icon\\\">\\n <svg viewBox=\\\"0 0 24 24\\\" aria-hidden=\\\"true\\\">\\n <circle cx=\\\"12\\\" cy=\\\"12\\\" r=\\\"4\\\"\\\/>\\n <path d=\\\"M12 2v3M12 19v3M2 12h3M19 12h3M4.9 4.9 7 7M17 17l2.1 2.1M19.1 4.9 17 7M7 17l-2.1 2.1\\\"\\\/>\\n <\\\/svg>\\n <\\\/div>\\n <div class=\\\"ll-feature-label\\\"><strong>Built<\\\/strong><span>to Last<\\\/span><\\\/div>\\n <\\\/div>\\n\\n <\\\/div>\\n <\\\/div>\\n\\n <\\\/div>\\n<\\\/section>\\n\\n<style>\\n\\\/* =====================================\\n LAWNLOGIC HERO \\u2014 ALL STYLES SCOPED\\n===================================== *\\\/\\n\\n.ll-hero {\\n --ll-lime: #7ED321;\\n --ll-green: #0B6623;\\n --ll-dark: #06150C;\\n\\n position: relative;\\n isolation: isolate;\\n overflow: hidden;\\n display: flex;\\n align-items: stretch;\\n\\n \\\/* full width *\\\/\\n width: 100vw !important;\\n max-width: none !important;\\n margin-left: calc(50% - 50vw) !important;\\n margin-right: calc(50% - 50vw) !important;\\n border-radius: 0 !important;\\n\\n min-height: 665px;\\n background: var(--ll-dark);\\n color: #fff;\\n font-family: inherit;\\n box-sizing: border-box;\\n}\\n\\n.ll-hero *,\\n.ll-hero *::before,\\n.ll-hero *::after {\\n box-sizing: border-box;\\n}\\n\\n.ll-hero-bg {\\n position: absolute;\\n inset: 0;\\n z-index: -3;\\n background-image: url(\\\"https:\\\/\\\/lawnlogic.shop\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/LawnLogic-Mower-in-a-Sunny-Garden.png\\\");\\n background-size: cover;\\n background-position: center 54%;\\n background-repeat: no-repeat;\\n transform: scale(1.02);\\n animation: ll-bg-reveal 1.2s ease-out both;\\n}\\n\\n.ll-hero-shade {\\n position: absolute;\\n inset: 0;\\n z-index: -2;\\n background:\\n linear-gradient(90deg,\\n rgba(3, 17, 9, .98) 0%,\\n rgba(4, 22, 10, .94) 26%,\\n rgba(4, 22, 10, .76) 43%,\\n rgba(4, 18, 8, .20) 70%,\\n rgba(4, 18, 8, .18) 100%),\\n linear-gradient(0deg,\\n rgba(2, 12, 6, .72),\\n transparent 45%);\\n}\\n\\n.ll-hero-container {\\n position: relative;\\n display: flex;\\n align-items: center;\\n width: 100%;\\n max-width: 1500px;\\n min-height: inherit;\\n margin: 0 auto;\\n padding: 52px 6.2% 35px;\\n}\\n\\n.ll-hero-content {\\n position: relative;\\n z-index: 2;\\n width: 53%;\\n max-width: 680px;\\n animation: ll-content-enter .8s ease-out both;\\n}\\n\\n\\\/* BRAND \\u2014 underline removed in every state *\\\/\\n.ll-hero a.ll-brand,\\n.ll-hero a.ll-brand:hover,\\n.ll-hero a.ll-brand:focus,\\n.ll-hero a.ll-brand:active,\\n.ll-hero a.ll-brand span {\\n text-decoration: none !important;\\n border-bottom: 0 !important;\\n box-shadow: none !important;\\n}\\n\\n.ll-brand {\\n display: inline-flex;\\n flex-direction: column;\\n align-items: flex-start;\\n gap: 10px;\\n margin-bottom: 27px;\\n color: #fff;\\n}\\n\\n.ll-brand-main {\\n color: var(--ll-lime);\\n font-size: clamp(36px, 3.1vw, 55px);\\n font-weight: 850;\\n line-height: 1;\\n letter-spacing: -2.5px;\\n}\\n\\n.ll-brand-main span {\\n color: #fff;\\n}\\n\\n.ll-brand-sub {\\n font-size: 9px;\\n font-weight: 800;\\n letter-spacing: 4px;\\n color: rgba(255,255,255,.88);\\n}\\n\\n\\\/* HEADLINE *\\\/\\n.ll-hero h1 {\\n margin: 0 0 22px;\\n color: #fff;\\n font-size: clamp(43px, 4.15vw, 72px);\\n font-weight: 900;\\n line-height: .99;\\n letter-spacing: -2.5px;\\n}\\n\\n.ll-heading-green { color: var(--ll-lime); }\\n.ll-heading-dot { color: #FF8500; }\\n\\n.ll-hero-description {\\n margin: 0 0 29px;\\n color: rgba(255,255,255,.96);\\n font-size: clamp(15px, 1.1vw, 19px);\\n font-weight: 500;\\n line-height: 1.55;\\n}\\n\\n.ll-hero-description span {\\n color: var(--ll-lime);\\n font-weight: 750;\\n}\\n\\n\\\/* SHOP BUTTON *\\\/\\n.ll-hero a.ll-shop-button,\\n.ll-hero a.ll-shop-button:hover {\\n text-decoration: none !important;\\n}\\n\\n.ll-shop-button {\\n position: relative;\\n isolation: isolate;\\n display: inline-flex;\\n align-items: center;\\n justify-content: center;\\n gap: 25px;\\n min-width: 207px;\\n min-height: 55px;\\n padding: 15px 24px;\\n overflow: hidden;\\n border: 1px solid var(--ll-lime);\\n border-radius: 50px;\\n background: var(--ll-lime);\\n color: #10200B;\\n font-size: 11px;\\n font-weight: 850;\\n letter-spacing: .6px;\\n transition:\\n color .35s ease,\\n border-color .35s ease,\\n box-shadow .35s ease,\\n transform .35s ease;\\n}\\n\\n.ll-shop-button::before {\\n content: \\\"\\\";\\n position: absolute;\\n inset: 0;\\n z-index: -1;\\n border-radius: inherit;\\n background: #102A19;\\n transform: scaleX(0);\\n transform-origin: left;\\n transition: transform .38s cubic-bezier(.2,.7,.2,1);\\n}\\n\\n.ll-shop-button:hover,\\n.ll-shop-button:focus-visible {\\n color: #fff;\\n border-color: #fff;\\n box-shadow: 0 0 0 4px rgba(126,211,33,.13),\\n 0 10px 30px rgba(0,0,0,.25);\\n transform: translateY(-3px);\\n}\\n\\n.ll-shop-button:hover::before,\\n.ll-shop-button:focus-visible::before {\\n transform: scaleX(1);\\n}\\n\\n.ll-shop-button svg {\\n width: 19px;\\n height: 19px;\\n flex: 0 0 19px;\\n transition: transform .3s ease;\\n}\\n\\n.ll-shop-button:hover svg {\\n transform: translateX(5px);\\n}\\n\\n\\\/* FEATURE BUBBLES *\\\/\\n.ll-hero-features {\\n display: flex;\\n align-items: center;\\n flex-wrap: wrap;\\n gap: 24px 25px;\\n margin-top: 63px;\\n}\\n\\n.ll-feature {\\n position: relative;\\n display: flex;\\n align-items: center;\\n gap: 11px;\\n padding: 7px 10px 7px 0;\\n border-radius: 40px;\\n cursor: default;\\n transition:\\n transform .3s ease,\\n background .3s ease,\\n box-shadow .3s ease;\\n}\\n\\n.ll-feature-icon {\\n position: relative;\\n display: flex;\\n flex: 0 0 48px;\\n align-items: center;\\n justify-content: center;\\n width: 48px;\\n height: 48px;\\n border: 1px solid rgba(126,211,33,.65);\\n border-radius: 50%;\\n background: rgba(5, 22, 10, .40);\\n color: var(--ll-lime);\\n transition:\\n color .35s ease,\\n background .35s ease,\\n border-color .35s ease,\\n transform .35s ease,\\n box-shadow .35s ease;\\n}\\n\\n.ll-feature-icon svg {\\n width: 21px;\\n height: 21px;\\n fill: none;\\n stroke: currentColor;\\n stroke-width: 1.35;\\n stroke-linecap: round;\\n stroke-linejoin: round;\\n transition: transform .35s ease;\\n}\\n\\n.ll-feature-label {\\n display: flex;\\n flex-direction: column;\\n gap: 2px;\\n min-width: 60px;\\n color: #fff;\\n font-size: 11px;\\n line-height: 1.15;\\n}\\n\\n.ll-feature-label strong { font-weight: 800; }\\n\\n.ll-feature-label span {\\n color: rgba(255,255,255,.86);\\n font-size: 10px;\\n}\\n\\n.ll-feature:hover {\\n transform: translateY(-5px);\\n background: rgba(126,211,33,.08);\\n box-shadow: 0 6px 24px rgba(0,0,0,.12);\\n}\\n\\n.ll-feature:hover .ll-feature-icon {\\n color: #10200B;\\n background: var(--ll-lime);\\n border-color: var(--ll-lime);\\n transform: scale(1.09);\\n box-shadow: 0 0 0 5px rgba(126,211,33,.12),\\n 0 0 22px rgba(126,211,33,.25);\\n}\\n\\n.ll-feature:hover .ll-feature-icon svg {\\n transform: rotate(-8deg) scale(1.08);\\n}\\n\\n\\\/* ANIMATIONS *\\\/\\n@keyframes ll-content-enter {\\n from { opacity: 0; transform: translateY(18px); }\\n to { opacity: 1; transform: translateY(0); }\\n}\\n\\n@keyframes ll-bg-reveal {\\n from { opacity: .5; transform: scale(1.06); }\\n to { opacity: 1; transform: scale(1.02); }\\n}\\n\\n\\\/* TABLET *\\\/\\n@media (max-width: 1000px) {\\n .ll-hero { min-height: 620px; }\\n\\n .ll-hero-bg { background-position: 70% 60%; }\\n\\n .ll-hero-container { padding: 48px 5%; }\\n\\n .ll-hero-content { width: 60%; }\\n\\n .ll-hero h1 { font-size: clamp(42px, 5.5vw, 59px); }\\n\\n .ll-hero-features { gap: 15px 12px; margin-top: 48px; }\\n\\n .ll-feature-icon {\\n width: 42px;\\n height: 42px;\\n flex-basis: 42px;\\n }\\n}\\n\\n\\\/* MOBILE *\\\/\\n@media (max-width: 650px) {\\n .ll-hero { min-height: 0; }\\n\\n \\\/* anchor the photo to the bottom-right so the mower stays visible *\\\/\\n .ll-hero-bg {\\n background-position: 76% 100%;\\n transform: none;\\n animation: none;\\n }\\n\\n \\\/* dark at the top for text, fades out toward the bottom to show the mower *\\\/\\n .ll-hero-shade {\\n background: linear-gradient(\\n 180deg,\\n rgba(3,16,8,.95) 0%,\\n rgba(3,16,8,.88) 45%,\\n rgba(3,16,8,.45) 72%,\\n rgba(3,16,8,.12) 100%\\n );\\n }\\n\\n .ll-hero-container {\\n align-items: flex-start;\\n padding: 36px 23px 270px; \\\/* bottom space reveals the mower photo *\\\/\\n }\\n\\n .ll-hero-content {\\n width: 100%;\\n max-width: 520px;\\n }\\n\\n .ll-brand { margin-bottom: 28px; }\\n\\n .ll-brand-main {\\n font-size: 39px;\\n letter-spacing: -1.8px;\\n }\\n\\n .ll-brand-sub {\\n font-size: 8px;\\n letter-spacing: 2.5px;\\n }\\n\\n .ll-hero h1 {\\n font-size: clamp(40px, 10.5vw, 58px);\\n letter-spacing: -1.8px;\\n line-height: 1;\\n }\\n\\n .ll-hero-description { font-size: 15px; }\\n\\n .ll-desktop-break { display: none; }\\n\\n .ll-shop-button { min-height: 52px; }\\n\\n .ll-hero-features {\\n display: grid;\\n grid-template-columns: repeat(2, minmax(0, 1fr));\\n gap: 12px 8px;\\n margin-top: 37px;\\n }\\n\\n .ll-feature {\\n gap: 9px;\\n padding: 6px 4px 6px 0;\\n }\\n\\n .ll-feature-icon {\\n width: 42px;\\n height: 42px;\\n flex-basis: 42px;\\n }\\n\\n .ll-feature-label { font-size: 11px; }\\n}\\n\\n\\\/* REDUCED MOTION *\\\/\\n@media (prefers-reduced-motion: reduce) {\\n .ll-hero *,\\n .ll-hero *::before,\\n .ll-hero *::after {\\n animation: none !important;\\n transition: none !important;\\n }\\n}\\n<\\\/style>\\t\\t\\t\\t<\\\/div>\\n\\t\\t\\t\\t\\t<\\\/div>\\n\\t\\t\\t\\t<\\\/div>\\n\\t\\t<div class=\\\"elementor-element elementor-element-c3aae40 e-flex e-con-boxed e-con e-parent\\\" data-id=\\\"c3aae40\\\" data-element_type=\\\"container\\\" data-e-type=\\\"container\\\">\\n\\t\\t\\t\\t\\t<div class=\\\"e-con-inner\\\">\\n\\t\\t\\t\\t<div class=\\\"elementor-element elementor-element-dbabe1b elementor-widget elementor-widget-html\\\" data-id=\\\"dbabe1b\\\" data-element_type=\\\"widget\\\" data-e-type=\\\"widget\\\" data-widget_type=\\\"html.default\\\">\\n\\t\\t\\t\\t\\t\\n<section class=\\\"llt-trust\\\" aria-label=\\\"Why homeowners choose LawnLogic\\\">\\n <div class=\\\"llt-bg\\\"><\\\/div>\\n\\n <div class=\\\"llt-inner\\\">\\n\\n \\n <div class=\\\"llt-intro\\\">\\n <div class=\\\"llt-eyebrow\\\"><span><\\\/span>WHY HOMEOWNERS CHOOSE LAWNLOGIC<\\\/div>\\n\\n <h2 class=\\\"llt-title\\\">\\n Numbers That<br><em>Speak Trust<\\\/em>\\n <\\\/h2>\\n\\n <p class=\\\"llt-copy\\\">\\n From quality products to reliable performance, our customers' trust drives everything we do.\\n <\\\/p>\\n\\n <div class=\\\"llt-tagline\\\">Built for Greener Tomorrows.<\\\/div>\\n <\\\/div>\\n\\n <div class=\\\"llt-divider\\\" aria-hidden=\\\"true\\\"><\\\/div>\\n\\n \\n <div class=\\\"llt-stats\\\">\\n\\n \\n <div class=\\\"llt-card\\\" style=\\\"--i:0; --c:#17812c; --t:rgba(23,129,44,.14); --off:2;\\\">\\n <div class=\\\"llt-icon llt-icon-green\\\">\\n <svg viewBox=\\\"0 0 24 24\\\" aria-hidden=\\\"true\\\"><circle cx=\\\"12\\\" cy=\\\"12\\\" r=\\\"9\\\"\\\/><path d=\\\"M8.5 14c1 1.5 2.2 2.2 3.5 2.2s2.5-.7 3.5-2.2\\\"\\\/><path d=\\\"M9 9.5h.01M15 9.5h.01\\\"\\\/><\\\/svg>\\n <\\\/div>\\n <div class=\\\"llt-gauge\\\">\\n <svg viewBox=\\\"0 0 140 80\\\" aria-hidden=\\\"true\\\">\\n <path class=\\\"llt-track\\\" d=\\\"M10 74 A60 60 0 0 1 130 74\\\" pathLength=\\\"100\\\"\\\/>\\n <path class=\\\"llt-arc\\\" d=\\\"M10 74 A60 60 0 0 1 130 74\\\" pathLength=\\\"100\\\"\\\/>\\n <\\\/svg>\\n <div class=\\\"llt-value\\\"><span class=\\\"llt-num\\\" data-count=\\\"98\\\" data-decimals=\\\"0\\\">98<\\\/span><span class=\\\"llt-suffix\\\">%<\\\/span><\\\/div>\\n <\\\/div>\\n <div class=\\\"llt-label\\\">Customer<br>Satisfaction<\\\/div>\\n <\\\/div>\\n\\n \\n <div class=\\\"llt-card\\\" style=\\\"--i:1; --c:#ff852d; --t:rgba(255,133,45,.16); --off:0;\\\">\\n <div class=\\\"llt-icon llt-icon-orange\\\">\\n <svg viewBox=\\\"0 0 24 24\\\" aria-hidden=\\\"true\\\"><circle cx=\\\"9\\\" cy=\\\"8\\\" r=\\\"3.2\\\"\\\/><path d=\\\"M3 19c0-3.2 2.7-5 6-5s6 1.8 6 5\\\"\\\/><path d=\\\"M16 5.2a3.2 3.2 0 0 1 0 5.6M17.5 14.3c2.2.5 3.5 2 3.5 4.7\\\"\\\/><\\\/svg>\\n <\\\/div>\\n <div class=\\\"llt-gauge\\\">\\n <svg viewBox=\\\"0 0 140 80\\\" aria-hidden=\\\"true\\\">\\n <path class=\\\"llt-track\\\" d=\\\"M10 74 A60 60 0 0 1 130 74\\\" pathLength=\\\"100\\\"\\\/>\\n <path class=\\\"llt-arc\\\" d=\\\"M10 74 A60 60 0 0 1 130 74\\\" pathLength=\\\"100\\\"\\\/>\\n <\\\/svg>\\n <div class=\\\"llt-value\\\"><span class=\\\"llt-num\\\" data-count=\\\"100\\\" data-decimals=\\\"0\\\">100<\\\/span><span class=\\\"llt-suffix\\\">+<\\\/span><\\\/div>\\n <\\\/div>\\n <div class=\\\"llt-label\\\">Happy<br>Customers<\\\/div>\\n <\\\/div>\\n\\n \\n <div class=\\\"llt-card\\\" style=\\\"--i:2; --c:#ffb81f; --t:rgba(255,184,31,.18); --off:2;\\\">\\n <div class=\\\"llt-icon llt-icon-yellow\\\">\\n <svg viewBox=\\\"0 0 24 24\\\" aria-hidden=\\\"true\\\" class=\\\"llt-fill\\\"><path d=\\\"M12 2.5l2.9 6.1 6.6.9-4.8 4.6 1.2 6.6-5.9-3.2-5.9 3.2 1.2-6.6L2.5 9.5l6.6-.9z\\\"\\\/><\\\/svg>\\n <\\\/div>\\n <div class=\\\"llt-gauge\\\">\\n <svg viewBox=\\\"0 0 140 80\\\" aria-hidden=\\\"true\\\">\\n <path class=\\\"llt-track\\\" d=\\\"M10 74 A60 60 0 0 1 130 74\\\" pathLength=\\\"100\\\"\\\/>\\n <path class=\\\"llt-arc\\\" d=\\\"M10 74 A60 60 0 0 1 130 74\\\" pathLength=\\\"100\\\"\\\/>\\n <\\\/svg>\\n <div class=\\\"llt-value\\\"><span class=\\\"llt-num\\\" data-count=\\\"4.9\\\" data-decimals=\\\"1\\\">4.9<\\\/span><svg class=\\\"llt-star\\\" viewBox=\\\"0 0 24 24\\\" aria-hidden=\\\"true\\\"><path d=\\\"M12 2.5l2.9 6.1 6.6.9-4.8 4.6 1.2 6.6-5.9-3.2-5.9 3.2 1.2-6.6L2.5 9.5l6.6-.9z\\\"\\\/><\\\/svg><\\\/div>\\n <\\\/div>\\n <div class=\\\"llt-label\\\">Average<br>Rating<\\\/div>\\n <\\\/div>\\n\\n <\\\/div>\\n <\\\/div>\\n<\\\/section>\\n\\n<style>\\n\\\/* =====================================\\n LAWNLOGIC TRUST STATS (all classes use llt-)\\n===================================== *\\\/\\n\\n.llt-trust {\\n --llt-lime: #7ED321;\\n --llt-green: #0B6623;\\n --llt-ink: #123b23;\\n --llt-orange: #ff852d;\\n\\n position: relative;\\n isolation: isolate;\\n overflow: hidden;\\n\\n width: 100vw;\\n max-width: none;\\n margin-left: calc(50% - 50vw);\\n margin-right: calc(50% - 50vw);\\n\\n font-family: Inter, Arial, sans-serif;\\n color: var(--llt-ink);\\n background: #f6faf2;\\n box-sizing: border-box;\\n}\\n\\n.llt-trust *,\\n.llt-trust *::before,\\n.llt-trust *::after {\\n box-sizing: border-box;\\n}\\n\\n\\\/* Faded photo background (single static layer, no blur = no lag) *\\\/\\n.llt-bg {\\n position: absolute;\\n inset: 0;\\n z-index: -1;\\n background:\\n linear-gradient(90deg,\\n rgba(250,252,247,.97) 0%,\\n rgba(250,252,247,.93) 42%,\\n rgba(250,252,247,.78) 100%),\\n url('https:\\\/\\\/lawnlogic.shop\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/LawnLogic-Mower-in-Sunlit-Garden.png') center \\\/ cover no-repeat;\\n}\\n\\n.llt-inner {\\n display: grid;\\n grid-template-columns: minmax(0, 1fr) 1px minmax(0, 1.45fr);\\n align-items: center;\\n gap: clamp(24px, 3.5vw, 56px);\\n\\n max-width: 1400px;\\n margin: 0 auto;\\n padding: clamp(40px, 5vw, 76px) clamp(20px, 6vw, 110px);\\n}\\n\\n\\\/* ---------- LEFT TEXT ---------- *\\\/\\n\\n.llt-eyebrow {\\n display: flex;\\n align-items: center;\\n gap: 12px;\\n margin-bottom: 18px;\\n\\n font-size: clamp(9px, .75vw, 11px);\\n font-weight: 800;\\n letter-spacing: 2.4px;\\n color: #3b4b40;\\n}\\n\\n.llt-eyebrow > span {\\n display: block;\\n flex-shrink: 0;\\n width: 30px;\\n height: 3px;\\n border-radius: 4px;\\n background: var(--llt-orange);\\n}\\n\\n.llt-title {\\n margin: 0 0 20px;\\n font-size: clamp(34px, 3.6vw, 58px);\\n line-height: 1.04;\\n letter-spacing: -1.5px;\\n font-weight: 800;\\n color: #14231a;\\n}\\n\\n.llt-title em {\\n font-style: normal;\\n color: var(--llt-green);\\n}\\n\\n.llt-copy {\\n max-width: 420px;\\n margin: 0 0 22px;\\n font-size: clamp(13px, 1vw, 16px);\\n line-height: 1.7;\\n color: #46564b;\\n}\\n\\n.llt-tagline {\\n padding-left: 12px;\\n border-left: 3px solid var(--llt-lime);\\n font-size: 13px;\\n font-style: italic;\\n color: #5d9a3a;\\n}\\n\\n.llt-divider {\\n align-self: stretch;\\n width: 1px;\\n background: linear-gradient(180deg, transparent, rgba(23,97,44,.25), transparent);\\n}\\n\\n\\\/* ---------- CARDS ---------- *\\\/\\n\\n.llt-stats {\\n display: grid;\\n grid-template-columns: repeat(3, minmax(0, 1fr));\\n gap: clamp(10px, 1.4vw, 20px);\\n}\\n\\n.llt-card {\\n position: relative;\\n display: flex;\\n flex-direction: column;\\n align-items: center;\\n padding: 24px 12px 22px;\\n\\n background: rgba(255,255,255,.92);\\n border: 1px solid #e6eee0;\\n border-radius: 18px;\\n box-shadow: 0 6px 22px rgba(20,43,25,.06);\\n\\n transition: transform .3s ease, box-shadow .3s ease;\\n}\\n\\n@media (hover: hover) {\\n .llt-card:hover {\\n transform: translateY(-5px);\\n box-shadow: 0 14px 32px rgba(20,43,25,.1);\\n }\\n}\\n\\n\\\/* Icon badge *\\\/\\n\\n.llt-icon {\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n width: clamp(36px, 3vw, 46px);\\n height: clamp(36px, 3vw, 46px);\\n margin-bottom: 8px;\\n border-radius: 50%;\\n color: #fff;\\n box-shadow: 0 6px 14px rgba(0,0,0,.1);\\n}\\n\\n.llt-icon svg {\\n width: 55%;\\n height: 55%;\\n fill: none;\\n stroke: currentColor;\\n stroke-width: 1.7;\\n stroke-linecap: round;\\n stroke-linejoin: round;\\n}\\n\\n.llt-icon svg.llt-fill { fill: currentColor; stroke: none; }\\n\\n.llt-icon-green { background: linear-gradient(145deg, #3fae1f, #17612c); }\\n.llt-icon-orange { background: linear-gradient(145deg, #ff9a3d, #ff6f0f); }\\n.llt-icon-yellow { background: linear-gradient(145deg, #ffd23d, #ffb11f); color: #3d2a00; }\\n\\n\\\/* Gauge *\\\/\\n\\n.llt-gauge {\\n position: relative;\\n width: 100%;\\n max-width: 150px;\\n}\\n\\n.llt-gauge > svg {\\n display: block;\\n width: 100%;\\n height: auto;\\n overflow: visible;\\n}\\n\\n.llt-track,\\n.llt-arc {\\n fill: none;\\n stroke-width: 8;\\n stroke-linecap: round;\\n}\\n\\n.llt-track { stroke: var(--t); }\\n\\n.llt-arc {\\n stroke: var(--c);\\n stroke-dasharray: 100;\\n stroke-dashoffset: var(--off);\\n}\\n\\n.llt-value {\\n position: absolute;\\n left: 0;\\n right: 0;\\n bottom: 2%;\\n display: flex;\\n align-items: baseline;\\n justify-content: center;\\n gap: 1px;\\n\\n font-size: clamp(20px, 2.3vw, 36px);\\n font-weight: 800;\\n letter-spacing: -1px;\\n line-height: 1;\\n color: #14231a;\\n font-variant-numeric: tabular-nums;\\n}\\n\\n.llt-star {\\n width: .5em;\\n height: .5em;\\n margin-left: 3px;\\n fill: #ffb81f;\\n align-self: center;\\n}\\n\\n.llt-label {\\n margin-top: 10px;\\n text-align: center;\\n font-size: clamp(8px, .7vw, 10.5px);\\n font-weight: 800;\\n line-height: 1.55;\\n letter-spacing: 1.6px;\\n text-transform: uppercase;\\n color: #2c3a31;\\n}\\n\\n\\\/* ---------- ENTRANCE (runs once, only transform\\\/opacity\\\/dashoffset) ---------- *\\\/\\n\\n.llt-ready .llt-card {\\n opacity: 0;\\n transform: translateY(18px);\\n transition:\\n opacity .6s ease calc(var(--i) * .12s),\\n transform .6s cubic-bezier(.2,.75,.25,1) calc(var(--i) * .12s),\\n box-shadow .3s ease;\\n}\\n\\n.llt-ready .llt-arc {\\n stroke-dashoffset: 100;\\n transition: stroke-dashoffset 1.5s cubic-bezier(.25,.8,.25,1) calc(.25s + var(--i) * .12s);\\n}\\n\\n.llt-ready.llt-in .llt-card {\\n opacity: 1;\\n transform: translateY(0);\\n}\\n\\n.llt-ready.llt-in .llt-arc {\\n stroke-dashoffset: var(--off);\\n}\\n\\n@media (hover: hover) {\\n .llt-ready.llt-in .llt-card:hover {\\n transform: translateY(-5px);\\n }\\n}\\n\\n\\\/* ---------- TABLET ---------- *\\\/\\n\\n@media (max-width: 900px) {\\n .llt-inner {\\n grid-template-columns: 1fr;\\n gap: 28px;\\n padding: 40px 20px;\\n }\\n\\n .llt-divider { display: none; }\\n\\n .llt-copy { max-width: 520px; }\\n}\\n\\n\\\/* ---------- MOBILE ---------- *\\\/\\n\\n@media (max-width: 520px) {\\n .llt-inner { padding: 32px 14px; }\\n\\n .llt-intro { padding: 0 6px; }\\n\\n .llt-stats { gap: 8px; }\\n\\n .llt-card { padding: 16px 6px 14px; border-radius: 14px; }\\n\\n .llt-track,\\n .llt-arc { stroke-width: 9; }\\n\\n .llt-label { letter-spacing: 1px; font-size: 8px; }\\n}\\n\\n\\\/* ---------- REDUCED MOTION ---------- *\\\/\\n\\n@media (prefers-reduced-motion: reduce) {\\n .llt-ready .llt-card,\\n .llt-ready .llt-arc {\\n opacity: 1 !important;\\n transform: none !important;\\n transition: none !important;\\n }\\n .llt-ready .llt-arc { stroke-dashoffset: var(--off) !important; }\\n}\\n<\\\/style>\\n\\n<script>\\n(function () {\\n var sections = document.querySelectorAll('.llt-trust');\\n if (!sections.length) return;\\n\\n var reduce = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\\n\\n function countUp(el) {\\n var end = parseFloat(el.getAttribute('data-count'));\\n var dec = parseInt(el.getAttribute('data-decimals') || '0', 10);\\n var dur = 1400, start = null;\\n\\n function step(t) {\\n if (start === null) start = t;\\n var p = Math.min((t - start) \\\/ dur, 1);\\n var eased = 1 - Math.pow(1 - p, 3);\\n el.textContent = (end * eased).toFixed(dec);\\n if (p < 1) requestAnimationFrame(step);\\n }\\n el.textContent = (0).toFixed(dec);\\n requestAnimationFrame(step);\\n }\\n\\n function play(section) {\\n section.classList.add('llt-in');\\n if (!reduce) section.querySelectorAll('.llt-num').forEach(countUp);\\n }\\n\\n sections.forEach(function (section) {\\n section.classList.add('llt-ready');\\n\\n if (!('IntersectionObserver' in window) || reduce) {\\n play(section);\\n return;\\n }\\n\\n var io = new IntersectionObserver(function (entries) {\\n entries.forEach(function (entry) {\\n if (entry.isIntersecting) {\\n play(section);\\n io.disconnect(); \\\/\\\/ run once, then stop observing\\n }\\n });\\n }, { threshold: 0.3 });\\n\\n io.observe(section);\\n });\\n})();\\n<\\\/script>\\t\\t\\t\\t<\\\/div>\\n\\t\\t<div class=\\\"elementor-element elementor-element-f5492cc e-con-full e-flex e-con e-child\\\" data-id=\\\"f5492cc\\\" data-element_type=\\\"container\\\" data-e-type=\\\"container\\\">\\n\\t\\t\\t\\t<\\\/div>\\n\\t\\t\\t\\t\\t<\\\/div>\\n\\t\\t\\t\\t<\\\/div>\\n\\t\\t\",\"scripts\":[\"elementor-frontend\"],\"styles\":[]}}"]},"_links":{"self":[{"href":"https:\/\/lawnlogic.shop\/index.php?rest_route=\/wp\/v2\/pages\/15","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lawnlogic.shop\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lawnlogic.shop\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lawnlogic.shop\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lawnlogic.shop\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=15"}],"version-history":[{"count":5,"href":"https:\/\/lawnlogic.shop\/index.php?rest_route=\/wp\/v2\/pages\/15\/revisions"}],"predecessor-version":[{"id":161,"href":"https:\/\/lawnlogic.shop\/index.php?rest_route=\/wp\/v2\/pages\/15\/revisions\/161"}],"wp:attachment":[{"href":"https:\/\/lawnlogic.shop\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n\n\nLawnLogic Hero<\/title>\n\n<style>\nhtml,\nbody {\n margin: 0 !important;\n padding: 0 !important;\n width: 100% !important;\n max-width: 100% !important;\n overflow-x: clip !important;\n}\n\n\/* FULL-WIDTH HERO *\/\n#glowHero {\n position: relative;\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(50% - 50vw) !important;\n margin-right: calc(50% - 50vw) !important;\n min-height: 800px;\n overflow: hidden;\n isolation: isolate;\n box-sizing: border-box;\n\n background:\n linear-gradient(\n 90deg,\n rgba(3, 15, 8, 0.78) 0%,\n rgba(3, 15, 8, 0.48) 42%,\n rgba(3, 15, 8, 0.08) 100%\n ),\n url(\"https:\/\/lawnlogic.shop\/wp-content\/uploads\/2026\/10\/Realistic-Lawn-Mower-in-Backyard-Garden1.png\")\n center center \/ cover no-repeat;\n}\n\n\/* MOUSE-FOLLOWING GREEN GLOW *\/\n#glowHero .mouse-glow {\n position: absolute;\n z-index: 0;\n left: 0;\n top: 0;\n width: 440px;\n height: 440px;\n border-radius: 50%;\n pointer-events: none;\n\n background: radial-gradient(\n circle,\n rgba(126, 211, 33, 0.25) 0%,\n rgba(72, 180, 20, 0.14) 30%,\n rgba(45, 150, 20, 0.06) 52%,\n transparent 72%\n );\n\n filter: blur(28px);\n opacity: 0;\n transform: translate(-50%, -50%);\n will-change: transform;\n mix-blend-mode: screen;\n}\n\n\/* HERO CONTENT *\/\n#glowHero .hero-content {\n position: relative;\n z-index: 1;\n width: min(calc(100% - 48px), 1240px);\n margin: 0 auto;\n padding: 100px 0;\n color: #fff;\n box-sizing: border-box;\n}\n\n#glowHero h1 {\n max-width: 650px;\n margin: 0 0 22px;\n color: #fff;\n font-family: Arial, sans-serif;\n font-size: clamp(42px, 5.5vw, 76px);\n font-weight: 800;\n line-height: 1.06;\n letter-spacing: -1.5px;\n}\n\n#glowHero h1 span {\n color: #7ed321;\n}\n\n#glowHero p {\n max-width: 520px;\n margin: 0;\n color: #f0f5ee;\n font-family: Arial, sans-serif;\n font-size: 17px;\n line-height: 1.8;\n}\n\n\/* BUTTON CONTAINER *\/\n#glowHero .hero-buttons {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: 18px;\n margin-top: 32px;\n}\n\n\/* SHARED BUTTON STYLING *\/\n#glowHero .hero-btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 20px;\n min-height: 56px;\n padding: 0 26px;\n box-sizing: border-box;\n border: 1px solid transparent;\n border-radius: 7px;\n\n font-family: Arial, sans-serif;\n font-size: 15px;\n font-weight: 700;\n letter-spacing: 0.2px;\n text-decoration: none !important;\n cursor: pointer;\n\n transition:\n transform 0.3s ease,\n background-color 0.3s ease,\n border-color 0.3s ease,\n box-shadow 0.3s ease,\n color 0.3s ease;\n}\n\n\/* SHOP NOW BUTTON *\/\n#glowHero .shop-btn {\n background: #7ed321;\n color: #102016 !important;\n box-shadow: 0 5px 18px rgba(126, 211, 33, 0.2);\n}\n\n#glowHero .shop-btn:hover {\n background: #91ed2e;\n color: #102016 !important;\n transform: translateY(-4px);\n box-shadow: 0 10px 28px rgba(126, 211, 33, 0.35);\n}\n\n\/* CONTACT US BUTTON *\/\n#glowHero .contact-btn {\n background: rgba(255, 255, 255, 0.05);\n color: #fff !important;\n border-color: rgba(255, 255, 255, 0.7);\n backdrop-filter: blur(6px);\n}\n\n#glowHero .contact-btn:hover {\n background: rgba(126, 211, 33, 0.13);\n color: #a6f45a !important;\n border-color: #7ed321;\n transform: translateY(-4px);\n}\n\n\/* ANIMATED ARROWS *\/\n#glowHero .btn-arrow {\n display: inline-block;\n font-size: 22px;\n line-height: 1;\n transition: transform 0.3s ease;\n}\n\n#glowHero .hero-btn:hover .btn-arrow {\n transform: translateX(6px);\n}\n\n\/* BUTTON ENTRANCE ANIMATION *\/\n@media (prefers-reduced-motion: no-preference) {\n #glowHero .hero-buttons {\n animation: lawnButtonsIn 0.8s ease 0.15s both;\n }\n\n @keyframes lawnButtonsIn {\n from {\n opacity: 0;\n transform: translateY(16px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n}\n\n\/* KEYBOARD ACCESSIBILITY *\/\n#glowHero .hero-btn:focus-visible {\n outline: 3px solid #b5f77a;\n outline-offset: 4px;\n}\n\n\/* TABLET AND MOBILE *\/\n@media (max-width: 768px) {\n #glowHero {\n min-height: 650px;\n background-position: 58% center;\n }\n\n #glowHero .hero-content {\n width: calc(100% - 40px);\n padding: 90px 0 70px;\n }\n\n #glowHero h1 {\n font-size: clamp(38px, 9vw, 54px);\n letter-spacing: -0.8px;\n }\n\n #glowHero p {\n max-width: 400px;\n font-size: 15px;\n }\n\n #glowHero .mouse-glow {\n width: 300px;\n height: 300px;\n }\n}\n\n\/* SMALL MOBILE BUTTONS *\/\n@media (max-width: 480px) {\n #glowHero .hero-buttons {\n gap: 12px;\n margin-top: 26px;\n }\n\n #glowHero .hero-btn {\n min-height: 52px;\n padding: 0 18px;\n gap: 12px;\n font-size: 14px;\n }\n}\n\n\/* REDUCED MOTION ACCESSIBILITY *\/\n@media (prefers-reduced-motion: reduce) {\n #glowHero .mouse-glow {\n display: none;\n }\n}\n<\/style>\n<\/head>\n\n<body>\n\n<section id=\"glowHero\" aria-label=\"LawnLogic outdoor equipment\">\n\n <div class=\"mouse-glow\" id=\"mouseGlow\"><\/div>\n\n <div class=\"hero-content\">\n\n <h1>\n Power Your Outdoors.<br>\n <span>Perfect Every Lawn.<\/span>\n <\/h1>\n\n <p>\n Discover premium equipment for lawn care, gardening,\n cleaning and property maintenance.\n <\/p>\n\n \n <div class=\"hero-buttons\">\n\n <a\n href=\"https:\/\/lawnlogic.shop\/?product_cat=best-selling\"\n class=\"hero-btn shop-btn\"\n >\n <span>Shop Now<\/span>\n <span class=\"btn-arrow\" aria-hidden=\"true\">\u2192<\/span>\n <\/a>\n\n <a\n href=\"https:\/\/lawnlogic.shop\/?page_id=33\"\n class=\"hero-btn contact-btn\"\n >\n <span>Contact Us<\/span>\n <span class=\"btn-arrow\" aria-hidden=\"true\">\u2192<\/span>\n <\/a>\n\n <\/div>\n\n <\/div>\n<\/section>\n\n<script>\n(() => {\n const hero = document.getElementById(\"glowHero\");\n const glow = document.getElementById(\"mouseGlow\");\n\n if (!hero || !glow) return;\n\n const reducedMotion = window.matchMedia(\n \"(prefers-reduced-motion: reduce)\"\n );\n\n if (reducedMotion.matches) return;\n\n let targetX = 0;\n let targetY = 0;\n let currentX = 0;\n let currentY = 0;\n let frame = null;\n\n function animate() {\n currentX += (targetX - currentX) * 0.09;\n currentY += (targetY - currentY) * 0.09;\n\n glow.style.transform =\n `translate3d(${currentX}px, ${currentY}px, 0) translate(-50%, -50%)`;\n\n if (\n Math.abs(targetX - currentX) > 0.15 ||\n Math.abs(targetY - currentY) > 0.15\n ) {\n frame = requestAnimationFrame(animate);\n } else {\n currentX = targetX;\n currentY = targetY;\n frame = null;\n }\n }\n\n hero.addEventListener(\"pointerenter\", () => {\n glow.style.opacity = \"1\";\n });\n\n hero.addEventListener(\"pointermove\", (event) => {\n const rect = hero.getBoundingClientRect();\n\n targetX = event.clientX - rect.left;\n targetY = event.clientY - rect.top;\n\n if (frame === null) {\n frame = requestAnimationFrame(animate);\n }\n });\n\n hero.addEventListener(\"pointerleave\", () => {\n glow.style.opacity = \"0\";\n });\n})();\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7154dd8 e-con e-atomic-element e-flexbox-base e-default-div e-d925a8d \" data-id=\"7154dd8\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"7154dd8\">\n \t\t<div class=\"elementor-element elementor-element-b07ab20 elementor-widget elementor-widget-html\" data-id=\"b07ab20\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n\n<section class=\"ll-benefits\">\n <div class=\"ll-benefits-bg\"><\/div>\n <div class=\"ll-benefits-overlay\"><\/div>\n\n <div class=\"ll-benefits-inner\">\n\n <div class=\"ll-benefits-heading\">\n <h2>WHY CHOOSE <span>LAWNLOGIC<\/span><\/h2>\n <p>Quality Tools. Greener Spaces. Better Living.<\/p>\n <div class=\"ll-heading-line\"><\/div>\n <\/div>\n\n <div class=\"ll-benefits-panel\">\n\n \n <div class=\"ll-benefit\">\n <div class=\"ll-benefit-icon ll-green\">\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n <path d=\"M12 3 2.8 7.5 12 21l9.2-13.5L12 3Z\"\/>\n <path d=\"m2.8 7.5 6.1.2L12 3l3.1 4.7 6.1-.2M8.9 7.7 12 21l3.1-13.3\"\/>\n <\/svg>\n <\/div>\n <h3>PREMIUM QUALITY<\/h3>\n <p>Reliable outdoor equipment<br>\n built for lasting performance.<\/p>\n <\/div>\n\n \n <div class=\"ll-benefit\">\n <div class=\"ll-benefit-icon ll-orange\">\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n <path d=\"M3 7h11v11H3zM14 11h4l3 4v3h-7\"\/>\n <path d=\"M6 18a2 2 0 1 0 4 0M16 18a2 2 0 1 0 4 0M1 10h5M1 13h4\"\/>\n <\/svg>\n <\/div>\n <h3>FAST DELIVERY<\/h3>\n <p>Quick and reliable shipping<br>\n straight to your doorstep.<\/p>\n <\/div>\n\n \n <div class=\"ll-benefit\">\n <div class=\"ll-benefit-icon ll-green\">\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n <path d=\"m12 2 9 5-9 5-9-5 9-5Z\"\/>\n <path d=\"M3 7v10l9 5 9-5V7M12 12v10\"\/>\n <path d=\"m9 5 9 5M15 15l2 2 4-4\"\/>\n <\/svg>\n <\/div>\n <h3>EASY SUPPORT<\/h3>\n <p>Helpful service and guidance<br>\n when you need assistance.<\/p>\n <\/div>\n\n \n <div class=\"ll-benefit\">\n <div class=\"ll-benefit-icon ll-orange\">\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n <path d=\"M12 22s8-4 8-11V5l-8-3-8 3v6c0 7 8 11 8 11Z\"\/>\n <path d=\"m9 12 2 2 4-5\"\/>\n <\/svg>\n <\/div>\n <h3>SECURE CHECKOUT<\/h3>\n <p>Shop with confidence using<br>\n secure payment processing.<\/p>\n <\/div>\n\n <\/div>\n <\/div>\n<\/section>\n\n<style>\n\/* LAWNLOGIC BENEFITS SECTION *\/\n.ll-benefits {\n --ll-green: #0B6623;\n --ll-lime: #7ED321;\n --ll-orange: #FF8500;\n\n position: relative;\n isolation: isolate;\n width: 100%;\n padding: 64px 24px 76px;\n overflow: hidden;\n background: #101b14;\n box-sizing: border-box;\n font-family: inherit;\n}\n\n```css\n\/* LAWNLOGIC \u2014 SUBTLE ANIMATED HEADING LINE *\/\n.ll-heading-line {\n position: relative;\n overflow: hidden;\n box-shadow: 0 0 8px rgba(126, 211, 33, 0.25);\n}\n\n.ll-heading-line::after {\n content: \"\";\n position: absolute;\n top: 0;\n left: -40%;\n width: 40%;\n height: 100%;\n background: linear-gradient(\n 90deg,\n transparent,\n rgba(255, 255, 255, 0.9),\n transparent\n );\n animation: ll-line-shimmer 3s ease-in-out infinite;\n}\n\n@keyframes ll-line-shimmer {\n 0% {\n left: -40%;\n }\n 55%, 100% {\n left: 110%;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .ll-heading-line::after {\n animation: none;\n }\n}\n```\n.ll-benefits *,\n.ll-benefits *::before,\n.ll-benefits *::after {\n box-sizing: border-box;\n}\n\n\/* UPDATED LAWNLOGIC BACKGROUND IMAGE *\/\n.ll-benefits-bg {\n position: absolute;\n inset: -10px;\n z-index: -2;\n background-image: url(\"https:\/\/lawnlogic.shop\/wp-content\/uploads\/2026\/10\/LawnLogic-Mower-in-a-Sunny-Garden.png\");\n background-size: cover;\n background-position: center 55%;\n filter: blur(3px);\n transform: scale(1.03);\n}\n\n.ll-benefits-overlay {\n position: absolute;\n inset: 0;\n z-index: -1;\n background: linear-gradient(\n 100deg,\n rgba(4, 17, 9, .76),\n rgba(7, 25, 10, .58),\n rgba(5, 18, 8, .72)\n );\n}\n\n.ll-benefits-inner {\n width: 100%;\n max-width: 1450px;\n margin: 0 auto;\n}\n\n.ll-benefits-heading {\n text-align: center;\n margin: 0 auto 36px;\n}\n\n.ll-benefits-heading h2 {\n margin: 0 0 10px;\n color: #fff;\n font-size: clamp(30px, 3.2vw, 54px);\n font-weight: 800;\n line-height: 1.15;\n letter-spacing: -1.3px;\n}\n\n.ll-benefits-heading h2 span {\n color: var(--ll-lime);\n}\n\n.ll-benefits-heading p {\n margin: 0;\n color: #fff;\n font-size: 15px;\n font-weight: 500;\n line-height: 1.7;\n}\n\n.ll-heading-line {\n width: 75px;\n height: 3px;\n margin: 18px auto 0;\n border-radius: 4px;\n background: var(--ll-lime);\n}\n\n\/* GLASS PANEL *\/\n.ll-benefits-panel {\n display: grid;\n grid-template-columns: repeat(4, minmax(0, 1fr));\n overflow: hidden;\n border: 1px solid rgba(255,255,255,.24);\n border-radius: 22px;\n background: rgba(7, 20, 10, .58);\n box-shadow: 0 16px 50px rgba(0,0,0,.2);\n -webkit-backdrop-filter: blur(16px);\n backdrop-filter: blur(16px);\n}\n\n.ll-benefit {\n position: relative;\n display: flex;\n min-width: 0;\n flex-direction: column;\n align-items: center;\n justify-content: flex-start;\n padding: 30px 18px 32px;\n text-align: center;\n}\n\n.ll-benefit:not(:last-child)::after {\n content: \"\";\n position: absolute;\n right: 0;\n top: 22%;\n height: 56%;\n width: 1px;\n background: linear-gradient(\n to bottom,\n transparent,\n rgba(126,211,33,.6),\n transparent\n );\n}\n\n.ll-benefit-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 68px;\n height: 68px;\n margin-bottom: 19px;\n border: 1px solid rgba(255,255,255,.25);\n border-radius: 50%;\n transition: transform .25s ease, box-shadow .25s ease;\n}\n\n.ll-benefit:hover .ll-benefit-icon {\n transform: translateY(-4px);\n box-shadow: 0 8px 25px rgba(0,0,0,.2);\n}\n\n.ll-green {\n background: #087D32;\n}\n\n.ll-orange {\n background: var(--ll-orange);\n}\n\n.ll-benefit-icon svg {\n width: 28px;\n height: 28px;\n fill: none;\n stroke: #fff;\n stroke-width: 1.7;\n stroke-linecap: round;\n stroke-linejoin: round;\n}\n\n.ll-benefit h3 {\n margin: 0 0 11px;\n color: #fff;\n font-size: 15px;\n font-weight: 800;\n line-height: 1.4;\n}\n\n.ll-benefit p {\n margin: 0;\n color: rgba(255,255,255,.94);\n font-size: 14px;\n font-weight: 400;\n line-height: 1.6;\n}\n\n\/* TABLET *\/\n@media (max-width: 900px) {\n .ll-benefits {\n padding: 52px 20px 58px;\n }\n\n .ll-benefits-panel {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n\n .ll-benefit {\n padding: 28px 14px;\n }\n\n .ll-benefit:nth-child(2)::after {\n display: none;\n }\n\n .ll-benefit:nth-child(-n+2) {\n border-bottom: 1px solid rgba(255,255,255,.13);\n }\n}\n\n\/* MOBILE *\/\n@media (max-width: 520px) {\n .ll-benefits {\n padding: 42px 14px 46px;\n }\n\n .ll-benefits-heading {\n margin-bottom: 27px;\n }\n\n .ll-benefits-heading h2 {\n font-size: 29px;\n letter-spacing: -.7px;\n }\n\n .ll-benefits-heading p {\n font-size: 13px;\n }\n\n .ll-benefits-panel {\n border-radius: 16px;\n }\n\n .ll-benefit {\n padding: 23px 7px;\n }\n\n .ll-benefit-icon {\n width: 54px;\n height: 54px;\n margin-bottom: 14px;\n }\n\n .ll-benefit-icon svg {\n width: 24px;\n height: 24px;\n }\n\n .ll-benefit h3 {\n font-size: 11px;\n margin-bottom: 8px;\n }\n\n .ll-benefit p {\n font-size: 11px;\n line-height: 1.55;\n }\n}\n```css\n\/* SOFT LIGHT GLOW ON HOVER *\/\n.ll-benefit {\n overflow: hidden;\n isolation: isolate;\n transition: background .35s ease;\n}\n\n.ll-benefit::before {\n content: \"\";\n position: absolute;\n inset: 0;\n z-index: -1;\n opacity: 0;\n pointer-events: none;\n background: radial-gradient(\n circle at var(--mouse-x, 50%) var(--mouse-y, 50%),\n rgba(126, 211, 33, 0.24) 0%,\n rgba(11, 102, 35, 0.12) 38%,\n transparent 75%\n );\n transition: opacity .3s ease;\n}\n\n.ll-benefit:hover::before {\n opacity: 1;\n}\n\n.ll-benefit:hover {\n background-color: rgba(126, 211, 33, 0.06);\n}\n```\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-6a3e689 e-flex e-con-boxed e-con e-parent\" data-id=\"6a3e689\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fb85b65 elementor-widget elementor-widget-html\" data-id=\"fb85b65\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<section class=\"lawnlogic-showcase\" aria-label=\"LawnLogic shop categories\">\n\n \n <div class=\"lls-hero\">\n <div class=\"lls-hero-photo\"><\/div>\n <div class=\"lls-hero-shade\"><\/div>\n\n <div class=\"lls-hero-content\">\n\n <div class=\"lls-eyebrow\">\n <span><\/span> LAWN EQUIPMENT & OUTDOOR POWER\n <\/div>\n\n <h2 class=\"lls-hero-title\">\n Lawn<br><span>Mowers<\/span>\n <\/h2>\n\n <p class=\"lls-hero-copy\">\n Power and Precision<br>for a Greener Lawn.\n <\/p>\n\n <a class=\"lls-shop-button\" href=\"\/product-category\/lawn-mowers\/\">\n SHOP COLLECTION <span>\u2192<\/span>\n <\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"lls-category-list\">\n\n <a class=\"lls-category is-active\" href=\"\/product-category\/hardware-tools\/\">\n <div class=\"lls-category-image\">\n <img decoding=\"async\" src=\"https:\/\/lawnlogic.shop\/wp-content\/uploads\/2026\/10\/Screenshot-2026-10-18-212131.png\" alt=\"Hardware tools\">\n <\/div>\n\n <div class=\"lls-category-copy\">\n <span class=\"lls-brand\">LawnLogic<\/span>\n <div class=\"lls-category-meta\">\n <span>01<\/span>\n <h3>Hardware Tools<\/h3>\n <\/div>\n <p>Reliable tools for every project.<\/p>\n <\/div>\n\n <span class=\"lls-arrow\">\u2192<\/span>\n <\/a>\n\n <a class=\"lls-category\" href=\"\/product-category\/blowers\/\">\n <div class=\"lls-category-image\">\n <img decoding=\"async\" src=\"https:\/\/lawnlogic.shop\/wp-content\/uploads\/2026\/10\/Screenshot-2026-10-18-212140.png\" alt=\"Garden blower\">\n <\/div>\n\n <div class=\"lls-category-copy\">\n <span class=\"lls-brand\">LawnLogic<\/span>\n <div class=\"lls-category-meta\">\n <span>02<\/span>\n <h3>Blowers<\/h3>\n <\/div>\n <p>Cleaner outdoors. Healthier spaces.<\/p>\n <\/div>\n\n <span class=\"lls-arrow\">\u2192<\/span>\n <\/a>\n\n <a class=\"lls-category\" href=\"\/product-category\/vacuum-cleaners\/\">\n <div class=\"lls-category-image\">\n <img decoding=\"async\" src=\"https:\/\/lawnlogic.shop\/wp-content\/uploads\/2026\/10\/Screenshot-2026-10-18-212152.png\" alt=\"Vacuum cleaner\">\n <\/div>\n\n <div class=\"lls-category-copy\">\n <span class=\"lls-brand\">LawnLogic<\/span>\n <div class=\"lls-category-meta\">\n <span>03<\/span>\n <h3>Vacuum Cleaners<\/h3>\n <\/div>\n <p>Efficient cleaning for brighter spaces.<\/p>\n <\/div>\n\n <span class=\"lls-arrow\">\u2192<\/span>\n <\/a>\n\n <\/div>\n<\/section>\n\n<style>\n\/* =====================================\n LAWNLOGIC SHOWCASE (all classes use lls-)\n===================================== *\/\n\n.lawnlogic-showcase {\n --lls-green: #48bd18;\n --lls-orange: #ff852d;\n\n display: grid;\n grid-template-columns: minmax(0, 2.05fr) minmax(0, 1.4fr);\n gap: 16px;\n\n width: 100vw;\n max-width: none;\n margin-left: calc(50% - 50vw);\n margin-right: calc(50% - 50vw);\n padding: 16px 20px;\n\n box-sizing: border-box;\n font-family: Inter, Arial, sans-serif;\n color: #12351f;\n}\n\n.lawnlogic-showcase *,\n.lawnlogic-showcase *::before,\n.lawnlogic-showcase *::after {\n box-sizing: border-box;\n}\n\n.lawnlogic-showcase a {\n -webkit-tap-highlight-color: transparent;\n}\n\n\/* HERO *\/\n\n.lawnlogic-showcase .lls-hero {\n position: relative;\n isolation: isolate;\n overflow: hidden;\n min-width: 0;\n min-height: 540px;\n border-radius: 17px;\n background: #073b20;\n display: flex;\n align-items: flex-end;\n}\n\n.lls-hero-photo {\n position: absolute;\n inset: 0;\n z-index: -2;\n\n background-image: url('https:\/\/lawnlogic.shop\/wp-content\/uploads\/2026\/10\/LawnLogic-Mower-in-Sunlit-Garden.png');\n background-position: center;\n background-size: cover;\n background-repeat: no-repeat;\n\n transform: scale(1.01);\n transition: transform 1s cubic-bezier(.2,.75,.25,1);\n}\n\n@media (hover: hover) {\n .lls-hero:hover .lls-hero-photo {\n transform: scale(1.045);\n }\n}\n\n.lls-hero-shade {\n position: absolute;\n inset: 0;\n z-index: -1;\n\n background:\n linear-gradient(90deg,\n rgba(0,37,19,.91) 0%,\n rgba(0,37,19,.76) 38%,\n rgba(0,37,19,.15) 100%),\n linear-gradient(0deg,\n rgba(0,25,12,.3),\n transparent 60%);\n}\n\n.lls-hero-content {\n width: 100%;\n padding: clamp(28px, 4vw, 58px);\n color: #fff;\n animation: llsRise .8s both;\n}\n\n\/* EYEBROW + ANIMATED GREEN LINE *\/\n\n.lls-eyebrow {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n gap: 12px;\n margin-bottom: 25px;\n\n font-size: clamp(9px, .8vw, 12px);\n letter-spacing: 1.6px;\n font-weight: 800;\n color: #fff;\n}\n\n.lls-eyebrow > span {\n position: relative;\n display: block;\n width: 32px;\n height: 3px;\n flex-shrink: 0;\n overflow: hidden;\n background: rgba(72,189,24,.25);\n border-radius: 5px;\n}\n\n.lls-eyebrow > span::after {\n content: \"\";\n position: absolute;\n inset: 0;\n background: var(--lls-green);\n border-radius: inherit;\n transform-origin: left center;\n animation: llsLinePulse 3s ease-in-out infinite;\n}\n\n@keyframes llsLinePulse {\n 0%, 100% { transform: scaleX(.35); opacity: .65; }\n 50% { transform: scaleX(1); opacity: 1; }\n}\n\n\/* HEADLINE *\/\n\n.lls-hero-title {\n margin: 0 0 20px;\n color: #fff;\n font-size: clamp(48px, 5.7vw, 92px);\n line-height: .91;\n letter-spacing: -3px;\n font-weight: 900;\n}\n\n.lls-hero-title > span {\n color: #55c91f;\n}\n\n.lls-hero-copy {\n margin: 0 0 27px;\n color: rgba(255,255,255,.94);\n font-size: clamp(14px, 1.5vw, 23px);\n line-height: 1.5;\n}\n\n\/* CTA *\/\n\n.lawnlogic-showcase a.lls-shop-button {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 22px;\n padding: 16px 25px;\n border-radius: 50px;\n\n background: var(--lls-orange);\n color: #fff !important;\n text-decoration: none !important;\n\n font-size: 12px;\n font-weight: 850;\n letter-spacing: .5px;\n\n transition: background .25s, transform .25s, box-shadow .25s;\n}\n\n.lls-shop-button > span {\n font-size: 23px;\n line-height: 1;\n transition: transform .25s;\n}\n\n.lawnlogic-showcase a.lls-shop-button:hover {\n background: var(--lls-green);\n transform: translateY(-3px);\n box-shadow: 0 10px 28px rgba(40,160,25,.3);\n}\n\n.lls-shop-button:hover > span {\n transform: translateX(5px);\n}\n\n\/* RIGHT-SIDE CATEGORY STACK *\/\n\n.lls-category-list {\n display: grid;\n grid-template-rows: repeat(3, minmax(0, 1fr));\n gap: 14px;\n min-width: 0;\n}\n\n\/* CATEGORY CARD *\/\n\n.lawnlogic-showcase a.lls-category {\n position: relative;\n isolation: isolate;\n\n display: grid;\n grid-template-columns: minmax(105px, 40%) minmax(0, 1fr) 36px;\n align-items: center;\n gap: clamp(10px, 1.4vw, 22px);\n\n min-width: 0;\n min-height: 0;\n padding: 12px;\n overflow: hidden;\n\n background:\n radial-gradient(ellipse at 100% 0%,\n rgba(119,190,74,.11) 0%,\n transparent 50%),\n linear-gradient(125deg,\n #f8fbf5 0%,\n #ffffff 52%,\n #f0f7eb 100%);\n\n border: 1px solid #e2eddb;\n border-radius: 16px;\n\n text-decoration: none !important;\n color: #12351f !important;\n\n box-shadow: 0 4px 18px rgba(20,43,25,.045);\n\n transition:\n border-color .35s ease,\n box-shadow .35s ease,\n transform .35s ease,\n background .35s ease;\n}\n\n\/* Green highlight bar *\/\n\n.lls-category::before {\n content: \"\";\n position: absolute;\n z-index: -1;\n left: 0;\n top: 15%;\n bottom: 15%;\n width: 3px;\n\n background: var(--lls-green);\n border-radius: 0 4px 4px 0;\n\n transform: scaleY(0);\n transform-origin: center;\n transition: transform .35s ease;\n}\n\n\/* Soft glow sweep on hover *\/\n\n.lls-category::after {\n content: \"\";\n position: absolute;\n z-index: -1;\n top: 0;\n left: -70%;\n width: 45%;\n height: 100%;\n\n background: linear-gradient(110deg, transparent, rgba(117,191,68,.08), transparent);\n\n transform: skewX(-15deg);\n transition: left .65s ease;\n pointer-events: none;\n}\n\n.lls-category:hover,\n.lls-category.is-active {\n border-color: #c9e7bb;\n box-shadow: 0 8px 28px rgba(38,105,40,.10);\n}\n\n.lls-category:hover {\n transform: translateY(-3px);\n}\n\n.lls-category:hover::before,\n.lls-category.is-active::before {\n transform: scaleY(1);\n}\n\n.lls-category:hover::after {\n left: 130%;\n}\n\n\/* CATEGORY IMAGES (fixed height keeps the desktop section compact) *\/\n\n.lls-category-image {\n position: relative;\n width: 100%;\n height: 150px;\n\n border-radius: 11px;\n overflow: hidden;\n background: #edf5e7;\n}\n\n.lls-category-image img {\n display: block;\n width: 100%;\n height: 100%;\n object-fit: cover;\n\n transition: transform .65s cubic-bezier(.2,.75,.25,1);\n}\n\n.lls-category:hover .lls-category-image img {\n transform: scale(1.07);\n}\n\n\/* CATEGORY COPY *\/\n\n.lls-category-copy {\n min-width: 0;\n}\n\n.lawnlogic-showcase .lls-brand {\n display: block;\n margin-bottom: clamp(12px, 1.4vw, 22px);\n\n color: #17612c;\n font-size: clamp(12px, 1vw, 17px);\n line-height: 1.2;\n font-weight: 900;\n letter-spacing: -.5px;\n}\n\n.lls-category-meta {\n display: flex;\n align-items: baseline;\n gap: 12px;\n padding-left: 12px;\n border-left: 2px solid var(--lls-green);\n}\n\n.lls-category-meta > span {\n color: #91bd7c;\n font-size: clamp(14px, 1.6vw, 25px);\n font-weight: 900;\n flex-shrink: 0;\n}\n\n.lls-category h3 {\n margin: 0;\n color: #123b23;\n font-size: clamp(13px, 1.35vw, 22px);\n line-height: 1.2;\n font-weight: 850;\n overflow-wrap: anywhere;\n transition: color .25s;\n}\n\n.lls-category p {\n margin: 10px 0 0;\n color: #68766a;\n font-size: clamp(10px, .95vw, 15px);\n line-height: 1.45;\n}\n\n.lls-category:hover h3,\n.lls-category.is-active h3 {\n color: #328e22;\n}\n\n\/* ROUND ARROW *\/\n\n.lls-arrow {\n display: flex;\n align-items: center;\n justify-content: center;\n\n width: clamp(30px, 3vw, 43px);\n height: clamp(30px, 3vw, 43px);\n border-radius: 50%;\n\n background: linear-gradient(145deg, #59ce20, #319b12);\n color: #fff;\n font-size: 23px;\n line-height: 1;\n\n transition: background .3s, transform .3s, box-shadow .3s;\n}\n\n.lls-category:hover .lls-arrow {\n background: var(--lls-orange);\n box-shadow: 0 4px 14px rgba(255,133,45,.22);\n transform: translateX(3px);\n}\n\n\/* ENTRANCE ANIMATION *\/\n\n@keyframes llsRise {\n from { opacity: 0; transform: translateY(16px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n\/* =====================================\n TABLET\n===================================== *\/\n\n@media (max-width: 900px) {\n .lawnlogic-showcase {\n grid-template-columns: 1fr;\n gap: 14px;\n padding: 12px;\n }\n\n .lawnlogic-showcase .lls-hero {\n min-height: 460px;\n align-items: flex-start; \/* text on top, mower visible below *\/\n }\n\n .lls-hero-photo {\n background-position: 78% 85%; \/* focus on the mower *\/\n transform: none;\n }\n\n .lls-hero-shade {\n background:\n linear-gradient(180deg,\n rgba(0,37,19,.92) 0%,\n rgba(0,37,19,.70) 35%,\n rgba(0,37,19,.10) 65%,\n rgba(0,25,12,.25) 100%);\n }\n\n .lls-category-list {\n grid-template-rows: none;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 10px;\n }\n\n .lawnlogic-showcase a.lls-category {\n grid-template-columns: minmax(0, 1fr) 30px;\n grid-template-rows: 130px auto;\n gap: 10px;\n padding: 10px;\n }\n\n .lls-category-image {\n grid-column: 1 \/ -1;\n grid-row: 1;\n height: 130px;\n }\n\n .lls-category-copy {\n grid-column: 1;\n grid-row: 2;\n }\n\n .lawnlogic-showcase .lls-brand {\n margin-bottom: 10px;\n font-size: 13px;\n }\n\n .lls-category-meta {\n display: block;\n padding-left: 9px;\n }\n\n .lls-category-meta > span {\n display: block;\n margin-bottom: 5px;\n font-size: 15px;\n }\n\n .lls-category h3 { font-size: 14px; }\n .lls-category p { font-size: 11px; }\n\n .lls-arrow {\n grid-column: 2;\n grid-row: 2;\n width: 29px;\n height: 29px;\n font-size: 18px;\n }\n}\n\n\/* =====================================\n MOBILE\n===================================== *\/\n\n@media (max-width: 520px) {\n .lawnlogic-showcase {\n padding: 8px;\n gap: 10px;\n }\n\n .lawnlogic-showcase .lls-hero {\n min-height: 440px;\n border-radius: 13px;\n }\n\n .lls-hero-photo {\n background-position: 82% 90%;\n }\n\n .lls-hero-content {\n padding: 24px 22px;\n }\n\n .lls-hero-title {\n font-size: clamp(46px, 12vw, 62px);\n letter-spacing: -2px;\n margin-bottom: 14px;\n }\n\n .lls-hero-copy {\n margin-bottom: 20px;\n }\n\n .lls-eyebrow {\n font-size: 9px;\n letter-spacing: 1px;\n margin-bottom: 20px;\n }\n\n .lls-category-list {\n grid-template-columns: 1fr;\n gap: 9px;\n }\n\n .lawnlogic-showcase a.lls-category {\n grid-template-columns: 100px minmax(0, 1fr) 30px;\n grid-template-rows: auto;\n gap: 12px;\n min-height: 112px;\n padding: 10px;\n }\n\n .lls-category-image {\n grid-column: 1;\n grid-row: 1;\n height: 90px;\n }\n\n .lls-category-copy {\n grid-column: 2;\n grid-row: 1;\n }\n\n .lawnlogic-showcase .lls-brand {\n margin-bottom: 9px;\n font-size: 12px;\n }\n\n .lls-category-meta {\n display: flex;\n align-items: baseline;\n gap: 8px;\n }\n\n .lls-category-meta > span {\n display: inline;\n margin: 0;\n font-size: 13px;\n }\n\n .lls-category h3 { font-size: 14px; }\n\n .lls-category p {\n margin-top: 6px;\n font-size: 10px;\n }\n\n .lls-arrow {\n grid-column: 3;\n grid-row: 1;\n width: 29px;\n height: 29px;\n }\n}\n\n\/* ACCESSIBILITY *\/\n\n@media (prefers-reduced-motion: reduce) {\n .lawnlogic-showcase *,\n .lawnlogic-showcase *::before,\n .lawnlogic-showcase *::after {\n animation: none !important;\n transition: none !important;\n }\n}\n<\/style>\n\n<script>\n(function () {\n document.querySelectorAll('.lawnlogic-showcase').forEach(function (section) {\n var cards = section.querySelectorAll('.lls-category');\n\n cards.forEach(function (card) {\n function activate() {\n cards.forEach(function (item) {\n item.classList.remove('is-active');\n });\n card.classList.add('is-active');\n }\n\n card.addEventListener('mouseenter', activate);\n card.addEventListener('focus', activate);\n });\n });\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-20c0897 elementor-widget elementor-widget-html\" data-id=\"20c0897\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<section class=\"llf-section\" aria-label=\"Featured products\">\n <div class=\"llf-inner\">\n\n \n <header class=\"llf-head\">\n <span class=\"llf-eyebrow\">DISCOVER OUR PICKS<\/span>\n <h2 class=\"llf-title\">Featured <span>Products<\/span><\/h2>\n <div class=\"llf-bar\" aria-hidden=\"true\"><\/div>\n <\/header>\n\n \n <div class=\"llf-slider\">\n <button class=\"llf-arrow llf-prev\" type=\"button\" aria-label=\"Previous products\">\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M15 5l-7 7 7 7\"\/><\/svg>\n <\/button>\n\n <div class=\"llf-track\" tabindex=\"0\">\n\n \n <article class=\"llf-card\">\n\n \n <a class=\"llf-media\" href=\"https:\/\/lawnlogic.shop\/product\/YOUR-PRODUCT-SLUG\/\">\n <span class=\"llf-badge\">FEATURED<\/span>\n \n <img decoding=\"async\" src=\"https:\/\/lawnlogic.shop\/wp-content\/uploads\/2026\/10\/Screenshot-2026-10-18-212131.png\"\n alt=\"LawnLogic Cordless Drill Kit\" loading=\"lazy\">\n <\/a>\n\n <div class=\"llf-body\">\n <h3 class=\"llf-name\">\n \n <a href=\"https:\/\/lawnlogic.shop\/product\/YOUR-PRODUCT-SLUG\/\">LawnLogic Cordless Drill & Hardware Tool Kit \u2013 Durable, Green<\/a>\n <\/h3>\n\n <div class=\"llf-stars\" aria-label=\"Rated 5 out of 5\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <div class=\"llf-price\">$35.00<\/div>\n\n <div class=\"llf-actions\">\n \n <a class=\"llf-btn llf-cart\" href=\"https:\/\/lawnlogic.shop\/?add-to-cart=123\">ADD TO CART<\/a>\n\n \n <a class=\"llf-btn llf-buy\" href=\"https:\/\/lawnlogic.shop\/checkout\/?add-to-cart=123\">BUY NOW<\/a>\n <\/div>\n <\/div>\n <\/article>\n\n \n <article class=\"llf-card\">\n <a class=\"llf-media\" href=\"https:\/\/lawnlogic.shop\/product\/YOUR-PRODUCT-SLUG\/\">\n <span class=\"llf-badge\">FEATURED<\/span>\n <img decoding=\"async\" src=\"https:\/\/lawnlogic.shop\/wp-content\/uploads\/2026\/10\/Screenshot-2026-10-18-212140.png\"\n alt=\"LawnLogic Cordless Blower\" loading=\"lazy\">\n <\/a>\n <div class=\"llf-body\">\n <h3 class=\"llf-name\"><a href=\"https:\/\/lawnlogic.shop\/product\/YOUR-PRODUCT-SLUG\/\">LawnLogic Cordless Leaf Blower \u2013 Lightweight, Powerful<\/a><\/h3>\n <div class=\"llf-stars\" aria-label=\"Rated 5 out of 5\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <div class=\"llf-price\">$89.00<\/div>\n <div class=\"llf-actions\">\n <a class=\"llf-btn llf-cart\" href=\"https:\/\/lawnlogic.shop\/?add-to-cart=124\">ADD TO CART<\/a>\n <a class=\"llf-btn llf-buy\" href=\"https:\/\/lawnlogic.shop\/checkout\/?add-to-cart=124\">BUY NOW<\/a>\n <\/div>\n <\/div>\n <\/article>\n\n \n <article class=\"llf-card\">\n <a class=\"llf-media\" href=\"https:\/\/lawnlogic.shop\/product\/YOUR-PRODUCT-SLUG\/\">\n <span class=\"llf-badge\">FEATURED<\/span>\n <img decoding=\"async\" src=\"https:\/\/lawnlogic.shop\/wp-content\/uploads\/2026\/10\/Screenshot-2026-10-18-212152.png\"\n alt=\"LawnLogic Wet and Dry Vacuum\" loading=\"lazy\">\n <\/a>\n <div class=\"llf-body\">\n <h3 class=\"llf-name\"><a href=\"https:\/\/lawnlogic.shop\/product\/YOUR-PRODUCT-SLUG\/\">LawnLogic Wet & Dry Vacuum Cleaner \u2013 Heavy Duty, Black<\/a><\/h3>\n <div class=\"llf-stars\" aria-label=\"Rated 5 out of 5\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <div class=\"llf-price\">$119.00<\/div>\n <div class=\"llf-actions\">\n <a class=\"llf-btn llf-cart\" href=\"https:\/\/lawnlogic.shop\/?add-to-cart=125\">ADD TO CART<\/a>\n <a class=\"llf-btn llf-buy\" href=\"https:\/\/lawnlogic.shop\/checkout\/?add-to-cart=125\">BUY NOW<\/a>\n <\/div>\n <\/div>\n <\/article>\n\n \n <article class=\"llf-card\">\n <a class=\"llf-media\" href=\"https:\/\/lawnlogic.shop\/product\/YOUR-PRODUCT-SLUG\/\">\n <span class=\"llf-badge\">FEATURED<\/span>\n <img decoding=\"async\" src=\"https:\/\/lawnlogic.shop\/wp-content\/uploads\/2026\/10\/LawnLogic-Mower-in-Sunlit-Garden.png\"\n alt=\"LawnLogic Lawn Mower\" loading=\"lazy\">\n <\/a>\n <div class=\"llf-body\">\n <h3 class=\"llf-name\"><a href=\"https:\/\/lawnlogic.shop\/product\/YOUR-PRODUCT-SLUG\/\">LawnLogic Self-Propelled Lawn Mower \u2013 Power and Precision<\/a><\/h3>\n <div class=\"llf-stars\" aria-label=\"Rated 5 out of 5\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <div class=\"llf-price\">$349.00<\/div>\n <div class=\"llf-actions\">\n <a class=\"llf-btn llf-cart\" href=\"https:\/\/lawnlogic.shop\/?add-to-cart=126\">ADD TO CART<\/a>\n <a class=\"llf-btn llf-buy\" href=\"https:\/\/lawnlogic.shop\/checkout\/?add-to-cart=126\">BUY NOW<\/a>\n <\/div>\n <\/div>\n <\/article>\n\n <\/div>\n\n <button class=\"llf-arrow llf-next\" type=\"button\" aria-label=\"Next products\">\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M9 5l7 7-7 7\"\/><\/svg>\n <\/button>\n <\/div>\n\n \n <div class=\"llf-dots\" aria-hidden=\"true\"><\/div>\n\n <\/div>\n<\/section>\n\n<style>\n\/* =====================================\n LAWNLOGIC FEATURED PRODUCTS (all classes use llf-)\n===================================== *\/\n\n.llf-section {\n --llf-green: #0B6623;\n --llf-lime: #7ED321;\n --llf-orange: #ff852d;\n --llf-ink: #14231a;\n\n width: 100vw;\n max-width: none;\n margin-left: calc(50% - 50vw);\n margin-right: calc(50% - 50vw);\n\n background:\n radial-gradient(ellipse at 50% 0%, rgba(126,211,33,.08) 0%, transparent 60%),\n #fafbf8;\n\n font-family: Inter, Arial, sans-serif;\n color: var(--llf-ink);\n box-sizing: border-box;\n}\n\n.llf-section *,\n.llf-section *::before,\n.llf-section *::after {\n box-sizing: border-box;\n}\n\n.llf-inner {\n max-width: 1400px;\n margin: 0 auto;\n padding: clamp(36px, 4.5vw, 68px) clamp(14px, 5vw, 80px);\n}\n\n\/* ---------- HEADING ---------- *\/\n\n.llf-head {\n text-align: center;\n margin-bottom: clamp(24px, 3vw, 40px);\n}\n\n.llf-eyebrow {\n display: block;\n margin-bottom: 8px;\n font-size: 9px;\n font-weight: 800;\n letter-spacing: 3px;\n color: #6b7f72;\n}\n\n.llf-title {\n margin: 0;\n font-size: clamp(28px, 3.2vw, 46px);\n line-height: 1.1;\n letter-spacing: -1.2px;\n font-weight: 800;\n color: var(--llf-ink);\n}\n\n.llf-title span {\n color: var(--llf-green);\n}\n\n.llf-bar {\n position: relative;\n width: 56px;\n height: 3px;\n margin: 14px auto 0;\n overflow: hidden;\n border-radius: 4px;\n background: #d7e2d0;\n}\n\n\/* lime segment glides back and forth (transform only = no lag) *\/\n.llf-bar::after {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 40%;\n height: 100%;\n border-radius: inherit;\n background: var(--llf-lime);\n animation: llfBarSlide 2.2s ease-in-out infinite alternate;\n}\n\n@keyframes llfBarSlide {\n from { transform: translateX(0); }\n to { transform: translateX(150%); }\n}\n\n\/* ---------- SLIDER ---------- *\/\n\n.llf-slider {\n position: relative;\n}\n\n.llf-track {\n --gap: 20px;\n --per: 4;\n\n display: flex;\n gap: var(--gap);\n padding: 8px 4px 26px;\n margin: 0 -4px;\n\n overflow-x: auto;\n overflow-y: hidden;\n scroll-snap-type: x mandatory;\n scrollbar-width: none;\n -webkit-overflow-scrolling: touch;\n overscroll-behavior-x: contain;\n outline: none;\n}\n\n.llf-track::-webkit-scrollbar { display: none; }\n\n.llf-card {\n flex: 0 0 calc((100% - (var(--per) - 1) * var(--gap)) \/ var(--per));\n min-width: 0;\n scroll-snap-align: start;\n\n display: flex;\n flex-direction: column;\n padding: 12px;\n\n background: #fff;\n border: 1px solid #e6eee0;\n border-radius: 18px;\n box-shadow: 0 6px 22px rgba(20,43,25,.06);\n\n transition: transform .3s ease, box-shadow .3s ease;\n}\n\n@media (hover: hover) {\n .llf-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 14px 32px rgba(20,43,25,.11);\n }\n .llf-card:hover .llf-media img { transform: scale(1.05); }\n}\n\n\/* Image *\/\n\n.llf-section a.llf-media {\n position: relative;\n display: block;\n aspect-ratio: 1 \/ 1;\n overflow: hidden;\n border-radius: 12px;\n background: #f3f6ef;\n text-decoration: none !important;\n}\n\n.llf-media img {\n display: block;\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform .5s cubic-bezier(.2,.75,.25,1);\n}\n\n.llf-badge {\n position: absolute;\n z-index: 2;\n top: 10px;\n left: 10px;\n padding: 6px 11px;\n border-radius: 50px;\n background: var(--llf-green);\n color: #fff;\n font-size: 8px;\n font-weight: 800;\n letter-spacing: 1px;\n}\n\n\/* Text *\/\n\n.llf-body {\n display: flex;\n flex: 1;\n flex-direction: column;\n padding: 14px 4px 2px;\n}\n\n.llf-name {\n margin: 0 0 8px;\n font-size: 14px;\n line-height: 1.4;\n font-weight: 700;\n display: -webkit-box;\n -webkit-line-clamp: 3;\n -webkit-box-orient: vertical;\n overflow: hidden;\n min-height: 3.9em;\n}\n\n.llf-section .llf-name a {\n color: var(--llf-ink) !important;\n text-decoration: none !important;\n transition: color .25s;\n}\n\n.llf-section .llf-name a:hover { color: var(--llf-green) !important; }\n\n.llf-stars {\n margin-bottom: 6px;\n font-size: 11px;\n letter-spacing: 2px;\n color: var(--llf-orange);\n}\n\n.llf-price {\n margin-bottom: 14px;\n font-size: 18px;\n font-weight: 800;\n color: var(--llf-ink);\n}\n\n.llf-actions {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 8px;\n margin-top: auto;\n}\n\n.llf-section a.llf-btn {\n display: flex;\n align-items: center;\n justify-content: center;\n min-height: 40px;\n padding: 10px 6px;\n border-radius: 9px;\n color: #fff !important;\n font-size: 10px;\n font-weight: 800;\n letter-spacing: .4px;\n text-decoration: none !important;\n text-align: center;\n transition: transform .25s, box-shadow .25s, background .25s;\n}\n\n.llf-cart { background: var(--llf-green); }\n.llf-buy { background: var(--llf-orange); }\n\n.llf-section a.llf-cart:hover {\n background: #0e7a2b;\n transform: translateY(-2px);\n box-shadow: 0 8px 18px rgba(11,102,35,.25);\n}\n\n.llf-section a.llf-buy:hover {\n background: #ff7313;\n transform: translateY(-2px);\n box-shadow: 0 8px 18px rgba(255,133,45,.3);\n}\n\n\/* ---------- ARROWS (desktop) ---------- *\/\n\n.llf-arrow {\n position: absolute;\n z-index: 5;\n top: 42%;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 46px;\n height: 46px;\n padding: 0;\n border: 1px solid #e6eee0;\n border-radius: 50%;\n background: #fff;\n color: var(--llf-green);\n cursor: pointer;\n box-shadow: 0 8px 22px rgba(20,43,25,.14);\n transition: transform .25s, opacity .25s, background .25s, color .25s;\n}\n\n.llf-arrow svg {\n width: 20px;\n height: 20px;\n fill: none;\n stroke: currentColor;\n stroke-width: 2.4;\n stroke-linecap: round;\n stroke-linejoin: round;\n}\n\n.llf-arrow:hover {\n background: var(--llf-green);\n color: #fff;\n}\n\n.llf-prev { left: -23px; }\n.llf-next { right: -23px; }\n\n.llf-arrow.is-hidden {\n opacity: 0;\n pointer-events: none;\n}\n\n\/* ---------- DOTS (mobile \/ tablet) ---------- *\/\n\n.llf-dots {\n display: none;\n justify-content: center;\n gap: 7px;\n margin-top: 4px;\n}\n\n.llf-dot {\n width: 7px;\n height: 7px;\n padding: 0;\n border: 0;\n border-radius: 50px;\n background: #cfdcc6;\n cursor: pointer;\n transition: width .3s, background .3s;\n}\n\n.llf-dot.is-active {\n width: 22px;\n background: var(--llf-green);\n}\n\n\/* ---------- TABLET ---------- *\/\n\n@media (max-width: 1100px) {\n .llf-track { --per: 3; }\n}\n\n@media (max-width: 900px) {\n .llf-track { --per: 2.3; --gap: 14px; }\n .llf-arrow { display: none; }\n .llf-dots { display: flex; }\n}\n\n\/* ---------- MOBILE ---------- *\/\n\n@media (max-width: 600px) {\n .llf-track { --per: 1.18; --gap: 12px; }\n .llf-name { font-size: 13.5px; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .llf-section * { transition: none !important; }\n .llf-bar::after { animation: none !important; }\n}\n<\/style>\n\n<script>\n(function () {\n document.querySelectorAll('.llf-section').forEach(function (section) {\n var track = section.querySelector('.llf-track');\n var cards = section.querySelectorAll('.llf-card');\n var prev = section.querySelector('.llf-prev');\n var next = section.querySelector('.llf-next');\n var dotsWrap = section.querySelector('.llf-dots');\n if (!track || !cards.length) return;\n\n var mqAuto = window.matchMedia('(max-width: 900px)');\n var reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n var timer = null, resumeTimer = null, visible = false, ticking = false;\n\n function step() {\n var gap = parseFloat(getComputedStyle(track).columnGap) || 0;\n return cards[0].getBoundingClientRect().width + gap;\n }\n\n \/* ---- dots ---- *\/\n var dots = [];\n cards.forEach(function (_, i) {\n var b = document.createElement('button');\n b.type = 'button';\n b.className = 'llf-dot';\n b.setAttribute('aria-label', 'Go to product ' + (i + 1));\n b.addEventListener('click', function () {\n track.scrollTo({ left: i * step(), behavior: 'smooth' });\n pauseAuto();\n });\n dotsWrap.appendChild(b);\n dots.push(b);\n });\n\n \/* ---- arrows + dots state ---- *\/\n function update() {\n var max = track.scrollWidth - track.clientWidth;\n var x = track.scrollLeft;\n\n prev.classList.toggle('is-hidden', x <= 2);\n next.classList.toggle('is-hidden', x >= max - 2 || max <= 2);\n\n var idx = Math.min(cards.length - 1, Math.round(x \/ step()));\n dots.forEach(function (d, i) { d.classList.toggle('is-active', i === idx); });\n ticking = false;\n }\n\n track.addEventListener('scroll', function () {\n if (!ticking) { ticking = true; requestAnimationFrame(update); }\n }, { passive: true });\n\n prev.addEventListener('click', function () {\n track.scrollBy({ left: -step(), behavior: 'smooth' });\n });\n next.addEventListener('click', function () {\n track.scrollBy({ left: step(), behavior: 'smooth' });\n });\n\n \/* ---- autoplay (tablet \/ phones only) ---- *\/\n function advance() {\n var max = track.scrollWidth - track.clientWidth;\n if (track.scrollLeft >= max - 4) {\n track.scrollTo({ left: 0, behavior: 'smooth' });\n } else {\n track.scrollBy({ left: step(), behavior: 'smooth' });\n }\n }\n\n function startAuto() {\n stopAuto();\n if (reduce || !mqAuto.matches || !visible) return;\n timer = setInterval(advance, 3500);\n }\n\n function stopAuto() {\n if (timer) { clearInterval(timer); timer = null; }\n }\n\n function pauseAuto() {\n stopAuto();\n clearTimeout(resumeTimer);\n resumeTimer = setTimeout(startAuto, 6000); \/\/ resume after the user stops touching\n }\n\n track.addEventListener('touchstart', pauseAuto, { passive: true });\n track.addEventListener('pointerdown', pauseAuto, { passive: true });\n track.addEventListener('mouseenter', stopAuto);\n track.addEventListener('mouseleave', startAuto);\n track.addEventListener('focusin', stopAuto);\n track.addEventListener('focusout', startAuto);\n\n document.addEventListener('visibilitychange', function () {\n if (document.hidden) stopAuto(); else startAuto();\n });\n\n mqAuto.addEventListener\n ? mqAuto.addEventListener('change', startAuto)\n : mqAuto.addListener(startAuto);\n\n window.addEventListener('resize', update, { passive: true });\n\n \/* only run the timer while the section is on screen *\/\n if ('IntersectionObserver' in window) {\n new IntersectionObserver(function (entries) {\n visible = entries[0].isIntersecting;\n if (visible) startAuto(); else stopAuto();\n }, { threshold: 0.25 }).observe(section);\n } else {\n visible = true;\n startAuto();\n }\n\n update();\n });\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bd3ac08 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"bd3ac08\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<section class=\"ll-hero\">\n <div class=\"ll-hero-bg\"><\/div>\n <div class=\"ll-hero-shade\"><\/div>\n\n <div class=\"ll-hero-container\">\n\n <div class=\"ll-hero-content\">\n\n <a class=\"ll-brand\" href=\"https:\/\/lawnlogic.shop\/\">\n <span class=\"ll-brand-main\">Lawn<span>Logic<\/span><\/span>\n <span class=\"ll-brand-sub\">PREMIUM OUTDOOR EQUIPMENT<\/span>\n <\/a>\n\n <h1>\n GET THE JOB<br>\n DONE<br>\n <span class=\"ll-heading-green\">THE RIGHT WAY<\/span><span class=\"ll-heading-dot\">.<\/span>\n <\/h1>\n\n <p class=\"ll-hero-description\">\n Powerful tools for a\n <span>Cleaner, Greener<\/span> and<br class=\"ll-desktop-break\">\n Happier Home.\n <\/p>\n\n <a class=\"ll-shop-button\" href=\"https:\/\/lawnlogic.shop\/?post_type=product\">\n <span>SHOP COLLECTION<\/span>\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n <path d=\"M4 12h15M13 5l7 7-7 7\" fill=\"none\" stroke=\"currentColor\"\n stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/a>\n\n \n <div class=\"ll-hero-features\">\n\n <div class=\"ll-feature\">\n <div class=\"ll-feature-icon\">\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n <path d=\"M12 3 2.8 8 12 21 21.2 8 12 3Z\"\/>\n <path d=\"M2.8 8h18.4M8 8l4 13 4-13M8 8l4-5 4 5\"\/>\n <\/svg>\n <\/div>\n <div class=\"ll-feature-label\"><strong>Premium<\/strong><span>Quality<\/span><\/div>\n <\/div>\n\n <div class=\"ll-feature\">\n <div class=\"ll-feature-icon\">\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n <path d=\"M19.5 3.5C11 4 5 8.5 5 15a6 6 0 0 0 6 6c6.5 0 9-9 8.5-17.5Z\"\/>\n <path d=\"M4 21c3-5 6-8 11-11\"\/>\n <\/svg>\n <\/div>\n <div class=\"ll-feature-label\"><strong>Greener<\/strong><span>Outdoors<\/span><\/div>\n <\/div>\n\n <div class=\"ll-feature\">\n <div class=\"ll-feature-icon\">\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n <path d=\"m3 11 9-8 9 8\"\/>\n <path d=\"M5.5 9.5V21h13V9.5M9.5 21v-7h5v7\"\/>\n <\/svg>\n <\/div>\n <div class=\"ll-feature-label\"><strong>Better<\/strong><span>Living<\/span><\/div>\n <\/div>\n\n <div class=\"ll-feature\">\n <div class=\"ll-feature-icon\">\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n <circle cx=\"12\" cy=\"12\" r=\"4\"\/>\n <path d=\"M12 2v3M12 19v3M2 12h3M19 12h3M4.9 4.9 7 7M17 17l2.1 2.1M19.1 4.9 17 7M7 17l-2.1 2.1\"\/>\n <\/svg>\n <\/div>\n <div class=\"ll-feature-label\"><strong>Built<\/strong><span>to Last<\/span><\/div>\n <\/div>\n\n <\/div>\n <\/div>\n\n <\/div>\n<\/section>\n\n<style>\n\/* =====================================\n LAWNLOGIC HERO \u2014 ALL STYLES SCOPED\n===================================== *\/\n\n.ll-hero {\n --ll-lime: #7ED321;\n --ll-green: #0B6623;\n --ll-dark: #06150C;\n\n position: relative;\n isolation: isolate;\n overflow: hidden;\n display: flex;\n align-items: stretch;\n\n \/* full width *\/\n width: 100vw !important;\n max-width: none !important;\n margin-left: calc(50% - 50vw) !important;\n margin-right: calc(50% - 50vw) !important;\n border-radius: 0 !important;\n\n min-height: 665px;\n background: var(--ll-dark);\n color: #fff;\n font-family: inherit;\n box-sizing: border-box;\n}\n\n.ll-hero *,\n.ll-hero *::before,\n.ll-hero *::after {\n box-sizing: border-box;\n}\n\n.ll-hero-bg {\n position: absolute;\n inset: 0;\n z-index: -3;\n background-image: url(\"https:\/\/lawnlogic.shop\/wp-content\/uploads\/2026\/10\/LawnLogic-Mower-in-a-Sunny-Garden.png\");\n background-size: cover;\n background-position: center 54%;\n background-repeat: no-repeat;\n transform: scale(1.02);\n animation: ll-bg-reveal 1.2s ease-out both;\n}\n\n.ll-hero-shade {\n position: absolute;\n inset: 0;\n z-index: -2;\n background:\n linear-gradient(90deg,\n rgba(3, 17, 9, .98) 0%,\n rgba(4, 22, 10, .94) 26%,\n rgba(4, 22, 10, .76) 43%,\n rgba(4, 18, 8, .20) 70%,\n rgba(4, 18, 8, .18) 100%),\n linear-gradient(0deg,\n rgba(2, 12, 6, .72),\n transparent 45%);\n}\n\n.ll-hero-container {\n position: relative;\n display: flex;\n align-items: center;\n width: 100%;\n max-width: 1500px;\n min-height: inherit;\n margin: 0 auto;\n padding: 52px 6.2% 35px;\n}\n\n.ll-hero-content {\n position: relative;\n z-index: 2;\n width: 53%;\n max-width: 680px;\n animation: ll-content-enter .8s ease-out both;\n}\n\n\/* BRAND \u2014 underline removed in every state *\/\n.ll-hero a.ll-brand,\n.ll-hero a.ll-brand:hover,\n.ll-hero a.ll-brand:focus,\n.ll-hero a.ll-brand:active,\n.ll-hero a.ll-brand span {\n text-decoration: none !important;\n border-bottom: 0 !important;\n box-shadow: none !important;\n}\n\n.ll-brand {\n display: inline-flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 10px;\n margin-bottom: 27px;\n color: #fff;\n}\n\n.ll-brand-main {\n color: var(--ll-lime);\n font-size: clamp(36px, 3.1vw, 55px);\n font-weight: 850;\n line-height: 1;\n letter-spacing: -2.5px;\n}\n\n.ll-brand-main span {\n color: #fff;\n}\n\n.ll-brand-sub {\n font-size: 9px;\n font-weight: 800;\n letter-spacing: 4px;\n color: rgba(255,255,255,.88);\n}\n\n\/* HEADLINE *\/\n.ll-hero h1 {\n margin: 0 0 22px;\n color: #fff;\n font-size: clamp(43px, 4.15vw, 72px);\n font-weight: 900;\n line-height: .99;\n letter-spacing: -2.5px;\n}\n\n.ll-heading-green { color: var(--ll-lime); }\n.ll-heading-dot { color: #FF8500; }\n\n.ll-hero-description {\n margin: 0 0 29px;\n color: rgba(255,255,255,.96);\n font-size: clamp(15px, 1.1vw, 19px);\n font-weight: 500;\n line-height: 1.55;\n}\n\n.ll-hero-description span {\n color: var(--ll-lime);\n font-weight: 750;\n}\n\n\/* SHOP BUTTON *\/\n.ll-hero a.ll-shop-button,\n.ll-hero a.ll-shop-button:hover {\n text-decoration: none !important;\n}\n\n.ll-shop-button {\n position: relative;\n isolation: isolate;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 25px;\n min-width: 207px;\n min-height: 55px;\n padding: 15px 24px;\n overflow: hidden;\n border: 1px solid var(--ll-lime);\n border-radius: 50px;\n background: var(--ll-lime);\n color: #10200B;\n font-size: 11px;\n font-weight: 850;\n letter-spacing: .6px;\n transition:\n color .35s ease,\n border-color .35s ease,\n box-shadow .35s ease,\n transform .35s ease;\n}\n\n.ll-shop-button::before {\n content: \"\";\n position: absolute;\n inset: 0;\n z-index: -1;\n border-radius: inherit;\n background: #102A19;\n transform: scaleX(0);\n transform-origin: left;\n transition: transform .38s cubic-bezier(.2,.7,.2,1);\n}\n\n.ll-shop-button:hover,\n.ll-shop-button:focus-visible {\n color: #fff;\n border-color: #fff;\n box-shadow: 0 0 0 4px rgba(126,211,33,.13),\n 0 10px 30px rgba(0,0,0,.25);\n transform: translateY(-3px);\n}\n\n.ll-shop-button:hover::before,\n.ll-shop-button:focus-visible::before {\n transform: scaleX(1);\n}\n\n.ll-shop-button svg {\n width: 19px;\n height: 19px;\n flex: 0 0 19px;\n transition: transform .3s ease;\n}\n\n.ll-shop-button:hover svg {\n transform: translateX(5px);\n}\n\n\/* FEATURE BUBBLES *\/\n.ll-hero-features {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n gap: 24px 25px;\n margin-top: 63px;\n}\n\n.ll-feature {\n position: relative;\n display: flex;\n align-items: center;\n gap: 11px;\n padding: 7px 10px 7px 0;\n border-radius: 40px;\n cursor: default;\n transition:\n transform .3s ease,\n background .3s ease,\n box-shadow .3s ease;\n}\n\n.ll-feature-icon {\n position: relative;\n display: flex;\n flex: 0 0 48px;\n align-items: center;\n justify-content: center;\n width: 48px;\n height: 48px;\n border: 1px solid rgba(126,211,33,.65);\n border-radius: 50%;\n background: rgba(5, 22, 10, .40);\n color: var(--ll-lime);\n transition:\n color .35s ease,\n background .35s ease,\n border-color .35s ease,\n transform .35s ease,\n box-shadow .35s ease;\n}\n\n.ll-feature-icon svg {\n width: 21px;\n height: 21px;\n fill: none;\n stroke: currentColor;\n stroke-width: 1.35;\n stroke-linecap: round;\n stroke-linejoin: round;\n transition: transform .35s ease;\n}\n\n.ll-feature-label {\n display: flex;\n flex-direction: column;\n gap: 2px;\n min-width: 60px;\n color: #fff;\n font-size: 11px;\n line-height: 1.15;\n}\n\n.ll-feature-label strong { font-weight: 800; }\n\n.ll-feature-label span {\n color: rgba(255,255,255,.86);\n font-size: 10px;\n}\n\n.ll-feature:hover {\n transform: translateY(-5px);\n background: rgba(126,211,33,.08);\n box-shadow: 0 6px 24px rgba(0,0,0,.12);\n}\n\n.ll-feature:hover .ll-feature-icon {\n color: #10200B;\n background: var(--ll-lime);\n border-color: var(--ll-lime);\n transform: scale(1.09);\n box-shadow: 0 0 0 5px rgba(126,211,33,.12),\n 0 0 22px rgba(126,211,33,.25);\n}\n\n.ll-feature:hover .ll-feature-icon svg {\n transform: rotate(-8deg) scale(1.08);\n}\n\n\/* ANIMATIONS *\/\n@keyframes ll-content-enter {\n from { opacity: 0; transform: translateY(18px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes ll-bg-reveal {\n from { opacity: .5; transform: scale(1.06); }\n to { opacity: 1; transform: scale(1.02); }\n}\n\n\/* TABLET *\/\n@media (max-width: 1000px) {\n .ll-hero { min-height: 620px; }\n\n .ll-hero-bg { background-position: 70% 60%; }\n\n .ll-hero-container { padding: 48px 5%; }\n\n .ll-hero-content { width: 60%; }\n\n .ll-hero h1 { font-size: clamp(42px, 5.5vw, 59px); }\n\n .ll-hero-features { gap: 15px 12px; margin-top: 48px; }\n\n .ll-feature-icon {\n width: 42px;\n height: 42px;\n flex-basis: 42px;\n }\n}\n\n\/* MOBILE *\/\n@media (max-width: 650px) {\n .ll-hero { min-height: 0; }\n\n \/* anchor the photo to the bottom-right so the mower stays visible *\/\n .ll-hero-bg {\n background-position: 76% 100%;\n transform: none;\n animation: none;\n }\n\n \/* dark at the top for text, fades out toward the bottom to show the mower *\/\n .ll-hero-shade {\n background: linear-gradient(\n 180deg,\n rgba(3,16,8,.95) 0%,\n rgba(3,16,8,.88) 45%,\n rgba(3,16,8,.45) 72%,\n rgba(3,16,8,.12) 100%\n );\n }\n\n .ll-hero-container {\n align-items: flex-start;\n padding: 36px 23px 270px; \/* bottom space reveals the mower photo *\/\n }\n\n .ll-hero-content {\n width: 100%;\n max-width: 520px;\n }\n\n .ll-brand { margin-bottom: 28px; }\n\n .ll-brand-main {\n font-size: 39px;\n letter-spacing: -1.8px;\n }\n\n .ll-brand-sub {\n font-size: 8px;\n letter-spacing: 2.5px;\n }\n\n .ll-hero h1 {\n font-size: clamp(40px, 10.5vw, 58px);\n letter-spacing: -1.8px;\n line-height: 1;\n }\n\n .ll-hero-description { font-size: 15px; }\n\n .ll-desktop-break { display: none; }\n\n .ll-shop-button { min-height: 52px; }\n\n .ll-hero-features {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 12px 8px;\n margin-top: 37px;\n }\n\n .ll-feature {\n gap: 9px;\n padding: 6px 4px 6px 0;\n }\n\n .ll-feature-icon {\n width: 42px;\n height: 42px;\n flex-basis: 42px;\n }\n\n .ll-feature-label { font-size: 11px; }\n}\n\n\/* REDUCED MOTION *\/\n@media (prefers-reduced-motion: reduce) {\n .ll-hero *,\n .ll-hero *::before,\n .ll-hero *::after {\n animation: none !important;\n transition: none !important;\n }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c3aae40 e-flex e-con-boxed e-con e-parent\" data-id=\"c3aae40\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dbabe1b elementor-widget elementor-widget-html\" data-id=\"dbabe1b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<section class=\"llt-trust\" aria-label=\"Why homeowners choose LawnLogic\">\n <div class=\"llt-bg\"><\/div>\n\n <div class=\"llt-inner\">\n\n \n <div class=\"llt-intro\">\n <div class=\"llt-eyebrow\"><span><\/span>WHY HOMEOWNERS CHOOSE LAWNLOGIC<\/div>\n\n <h2 class=\"llt-title\">\n Numbers That<br><em>Speak Trust<\/em>\n <\/h2>\n\n <p class=\"llt-copy\">\n From quality products to reliable performance, our customers' trust drives everything we do.\n <\/p>\n\n <div class=\"llt-tagline\">Built for Greener Tomorrows.<\/div>\n <\/div>\n\n <div class=\"llt-divider\" aria-hidden=\"true\"><\/div>\n\n \n <div class=\"llt-stats\">\n\n \n <div class=\"llt-card\" style=\"--i:0; --c:#17812c; --t:rgba(23,129,44,.14); --off:2;\">\n <div class=\"llt-icon llt-icon-green\">\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M8.5 14c1 1.5 2.2 2.2 3.5 2.2s2.5-.7 3.5-2.2\"\/><path d=\"M9 9.5h.01M15 9.5h.01\"\/><\/svg>\n <\/div>\n <div class=\"llt-gauge\">\n <svg viewBox=\"0 0 140 80\" aria-hidden=\"true\">\n <path class=\"llt-track\" d=\"M10 74 A60 60 0 0 1 130 74\" pathLength=\"100\"\/>\n <path class=\"llt-arc\" d=\"M10 74 A60 60 0 0 1 130 74\" pathLength=\"100\"\/>\n <\/svg>\n <div class=\"llt-value\"><span class=\"llt-num\" data-count=\"98\" data-decimals=\"0\">98<\/span><span class=\"llt-suffix\">%<\/span><\/div>\n <\/div>\n <div class=\"llt-label\">Customer<br>Satisfaction<\/div>\n <\/div>\n\n \n <div class=\"llt-card\" style=\"--i:1; --c:#ff852d; --t:rgba(255,133,45,.16); --off:0;\">\n <div class=\"llt-icon llt-icon-orange\">\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><circle cx=\"9\" cy=\"8\" r=\"3.2\"\/><path d=\"M3 19c0-3.2 2.7-5 6-5s6 1.8 6 5\"\/><path d=\"M16 5.2a3.2 3.2 0 0 1 0 5.6M17.5 14.3c2.2.5 3.5 2 3.5 4.7\"\/><\/svg>\n <\/div>\n <div class=\"llt-gauge\">\n <svg viewBox=\"0 0 140 80\" aria-hidden=\"true\">\n <path class=\"llt-track\" d=\"M10 74 A60 60 0 0 1 130 74\" pathLength=\"100\"\/>\n <path class=\"llt-arc\" d=\"M10 74 A60 60 0 0 1 130 74\" pathLength=\"100\"\/>\n <\/svg>\n <div class=\"llt-value\"><span class=\"llt-num\" data-count=\"100\" data-decimals=\"0\">100<\/span><span class=\"llt-suffix\">+<\/span><\/div>\n <\/div>\n <div class=\"llt-label\">Happy<br>Customers<\/div>\n <\/div>\n\n \n <div class=\"llt-card\" style=\"--i:2; --c:#ffb81f; --t:rgba(255,184,31,.18); --off:2;\">\n <div class=\"llt-icon llt-icon-yellow\">\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" class=\"llt-fill\"><path d=\"M12 2.5l2.9 6.1 6.6.9-4.8 4.6 1.2 6.6-5.9-3.2-5.9 3.2 1.2-6.6L2.5 9.5l6.6-.9z\"\/><\/svg>\n <\/div>\n <div class=\"llt-gauge\">\n <svg viewBox=\"0 0 140 80\" aria-hidden=\"true\">\n <path class=\"llt-track\" d=\"M10 74 A60 60 0 0 1 130 74\" pathLength=\"100\"\/>\n <path class=\"llt-arc\" d=\"M10 74 A60 60 0 0 1 130 74\" pathLength=\"100\"\/>\n <\/svg>\n <div class=\"llt-value\"><span class=\"llt-num\" data-count=\"4.9\" data-decimals=\"1\">4.9<\/span><svg class=\"llt-star\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 2.5l2.9 6.1 6.6.9-4.8 4.6 1.2 6.6-5.9-3.2-5.9 3.2 1.2-6.6L2.5 9.5l6.6-.9z\"\/><\/svg><\/div>\n <\/div>\n <div class=\"llt-label\">Average<br>Rating<\/div>\n <\/div>\n\n <\/div>\n <\/div>\n<\/section>\n\n<style>\n\/* =====================================\n LAWNLOGIC TRUST STATS (all classes use llt-)\n===================================== *\/\n\n.llt-trust {\n --llt-lime: #7ED321;\n --llt-green: #0B6623;\n --llt-ink: #123b23;\n --llt-orange: #ff852d;\n\n position: relative;\n isolation: isolate;\n overflow: hidden;\n\n width: 100vw;\n max-width: none;\n margin-left: calc(50% - 50vw);\n margin-right: calc(50% - 50vw);\n\n font-family: Inter, Arial, sans-serif;\n color: var(--llt-ink);\n background: #f6faf2;\n box-sizing: border-box;\n}\n\n.llt-trust *,\n.llt-trust *::before,\n.llt-trust *::after {\n box-sizing: border-box;\n}\n\n\/* Faded photo background (single static layer, no blur = no lag) *\/\n.llt-bg {\n position: absolute;\n inset: 0;\n z-index: -1;\n background:\n linear-gradient(90deg,\n rgba(250,252,247,.97) 0%,\n rgba(250,252,247,.93) 42%,\n rgba(250,252,247,.78) 100%),\n url('https:\/\/lawnlogic.shop\/wp-content\/uploads\/2026\/10\/LawnLogic-Mower-in-Sunlit-Garden.png') center \/ cover no-repeat;\n}\n\n.llt-inner {\n display: grid;\n grid-template-columns: minmax(0, 1fr) 1px minmax(0, 1.45fr);\n align-items: center;\n gap: clamp(24px, 3.5vw, 56px);\n\n max-width: 1400px;\n margin: 0 auto;\n padding: clamp(40px, 5vw, 76px) clamp(20px, 6vw, 110px);\n}\n\n\/* ---------- LEFT TEXT ---------- *\/\n\n.llt-eyebrow {\n display: flex;\n align-items: center;\n gap: 12px;\n margin-bottom: 18px;\n\n font-size: clamp(9px, .75vw, 11px);\n font-weight: 800;\n letter-spacing: 2.4px;\n color: #3b4b40;\n}\n\n.llt-eyebrow > span {\n display: block;\n flex-shrink: 0;\n width: 30px;\n height: 3px;\n border-radius: 4px;\n background: var(--llt-orange);\n}\n\n.llt-title {\n margin: 0 0 20px;\n font-size: clamp(34px, 3.6vw, 58px);\n line-height: 1.04;\n letter-spacing: -1.5px;\n font-weight: 800;\n color: #14231a;\n}\n\n.llt-title em {\n font-style: normal;\n color: var(--llt-green);\n}\n\n.llt-copy {\n max-width: 420px;\n margin: 0 0 22px;\n font-size: clamp(13px, 1vw, 16px);\n line-height: 1.7;\n color: #46564b;\n}\n\n.llt-tagline {\n padding-left: 12px;\n border-left: 3px solid var(--llt-lime);\n font-size: 13px;\n font-style: italic;\n color: #5d9a3a;\n}\n\n.llt-divider {\n align-self: stretch;\n width: 1px;\n background: linear-gradient(180deg, transparent, rgba(23,97,44,.25), transparent);\n}\n\n\/* ---------- CARDS ---------- *\/\n\n.llt-stats {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: clamp(10px, 1.4vw, 20px);\n}\n\n.llt-card {\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 24px 12px 22px;\n\n background: rgba(255,255,255,.92);\n border: 1px solid #e6eee0;\n border-radius: 18px;\n box-shadow: 0 6px 22px rgba(20,43,25,.06);\n\n transition: transform .3s ease, box-shadow .3s ease;\n}\n\n@media (hover: hover) {\n .llt-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 14px 32px rgba(20,43,25,.1);\n }\n}\n\n\/* Icon badge *\/\n\n.llt-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: clamp(36px, 3vw, 46px);\n height: clamp(36px, 3vw, 46px);\n margin-bottom: 8px;\n border-radius: 50%;\n color: #fff;\n box-shadow: 0 6px 14px rgba(0,0,0,.1);\n}\n\n.llt-icon svg {\n width: 55%;\n height: 55%;\n fill: none;\n stroke: currentColor;\n stroke-width: 1.7;\n stroke-linecap: round;\n stroke-linejoin: round;\n}\n\n.llt-icon svg.llt-fill { fill: currentColor; stroke: none; }\n\n.llt-icon-green { background: linear-gradient(145deg, #3fae1f, #17612c); }\n.llt-icon-orange { background: linear-gradient(145deg, #ff9a3d, #ff6f0f); }\n.llt-icon-yellow { background: linear-gradient(145deg, #ffd23d, #ffb11f); color: #3d2a00; }\n\n\/* Gauge *\/\n\n.llt-gauge {\n position: relative;\n width: 100%;\n max-width: 150px;\n}\n\n.llt-gauge > svg {\n display: block;\n width: 100%;\n height: auto;\n overflow: visible;\n}\n\n.llt-track,\n.llt-arc {\n fill: none;\n stroke-width: 8;\n stroke-linecap: round;\n}\n\n.llt-track { stroke: var(--t); }\n\n.llt-arc {\n stroke: var(--c);\n stroke-dasharray: 100;\n stroke-dashoffset: var(--off);\n}\n\n.llt-value {\n position: absolute;\n left: 0;\n right: 0;\n bottom: 2%;\n display: flex;\n align-items: baseline;\n justify-content: center;\n gap: 1px;\n\n font-size: clamp(20px, 2.3vw, 36px);\n font-weight: 800;\n letter-spacing: -1px;\n line-height: 1;\n color: #14231a;\n font-variant-numeric: tabular-nums;\n}\n\n.llt-star {\n width: .5em;\n height: .5em;\n margin-left: 3px;\n fill: #ffb81f;\n align-self: center;\n}\n\n.llt-label {\n margin-top: 10px;\n text-align: center;\n font-size: clamp(8px, .7vw, 10.5px);\n font-weight: 800;\n line-height: 1.55;\n letter-spacing: 1.6px;\n text-transform: uppercase;\n color: #2c3a31;\n}\n\n\/* ---------- ENTRANCE (runs once, only transform\/opacity\/dashoffset) ---------- *\/\n\n.llt-ready .llt-card {\n opacity: 0;\n transform: translateY(18px);\n transition:\n opacity .6s ease calc(var(--i) * .12s),\n transform .6s cubic-bezier(.2,.75,.25,1) calc(var(--i) * .12s),\n box-shadow .3s ease;\n}\n\n.llt-ready .llt-arc {\n stroke-dashoffset: 100;\n transition: stroke-dashoffset 1.5s cubic-bezier(.25,.8,.25,1) calc(.25s + var(--i) * .12s);\n}\n\n.llt-ready.llt-in .llt-card {\n opacity: 1;\n transform: translateY(0);\n}\n\n.llt-ready.llt-in .llt-arc {\n stroke-dashoffset: var(--off);\n}\n\n@media (hover: hover) {\n .llt-ready.llt-in .llt-card:hover {\n transform: translateY(-5px);\n }\n}\n\n\/* ---------- TABLET ---------- *\/\n\n@media (max-width: 900px) {\n .llt-inner {\n grid-template-columns: 1fr;\n gap: 28px;\n padding: 40px 20px;\n }\n\n .llt-divider { display: none; }\n\n .llt-copy { max-width: 520px; }\n}\n\n\/* ---------- MOBILE ---------- *\/\n\n@media (max-width: 520px) {\n .llt-inner { padding: 32px 14px; }\n\n .llt-intro { padding: 0 6px; }\n\n .llt-stats { gap: 8px; }\n\n .llt-card { padding: 16px 6px 14px; border-radius: 14px; }\n\n .llt-track,\n .llt-arc { stroke-width: 9; }\n\n .llt-label { letter-spacing: 1px; font-size: 8px; }\n}\n\n\/* ---------- REDUCED MOTION ---------- *\/\n\n@media (prefers-reduced-motion: reduce) {\n .llt-ready .llt-card,\n .llt-ready .llt-arc {\n opacity: 1 !important;\n transform: none !important;\n transition: none !important;\n }\n .llt-ready .llt-arc { stroke-dashoffset: var(--off) !important; }\n}\n<\/style>\n\n<script>\n(function () {\n var sections = document.querySelectorAll('.llt-trust');\n if (!sections.length) return;\n\n var reduce = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n function countUp(el) {\n var end = parseFloat(el.getAttribute('data-count'));\n var dec = parseInt(el.getAttribute('data-decimals') || '0', 10);\n var dur = 1400, start = null;\n\n function step(t) {\n if (start === null) start = t;\n var p = Math.min((t - start) \/ dur, 1);\n var eased = 1 - Math.pow(1 - p, 3);\n el.textContent = (end * eased).toFixed(dec);\n if (p < 1) requestAnimationFrame(step);\n }\n el.textContent = (0).toFixed(dec);\n requestAnimationFrame(step);\n }\n\n function play(section) {\n section.classList.add('llt-in');\n if (!reduce) section.querySelectorAll('.llt-num').forEach(countUp);\n }\n\n sections.forEach(function (section) {\n section.classList.add('llt-ready');\n\n if (!('IntersectionObserver' in window) || reduce) {\n play(section);\n return;\n }\n\n var io = new IntersectionObserver(function (entries) {\n entries.forEach(function (entry) {\n if (entry.isIntersecting) {\n play(section);\n io.disconnect(); \/\/ run once, then stop observing\n }\n });\n }, { threshold: 0.3 });\n\n io.observe(section);\n });\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f5492cc e-con-full e-flex e-con e-child\" data-id=\"f5492cc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>LawnLogic Hero Power Your Outdoors. Perfect Every Lawn. Discover premium equipment for lawn care, gardening, cleaning and property maintenance. Shop […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-15","page","type-page","status-publish","hentry"],"post-meta":{"_edit_lock":["1792661751:1"],"_edit_last":["1"],"_elementor_edit_mode":["builder"],"_astra_content_layout_flag":["disabled"],"ast-title-bar-display":["disabled"],"ast-featured-img":["disabled"],"ast-site-content-layout":["full-width-container"],"site-sidebar-layout":["no-sidebar"],"_elementor_template_type":["wp-page"],"_elementor_version":["4.3.5"],"_elementor_pro_version":["3.23.3"],"_elementor_global_class_usage_indexed":["1"],"_elementor_global_class_usage_indexed_preview":["1"],"_elementor_migrations_state_d2a1":["4.3.5:3.23.3:4619a43acdb71a3fd22ba7518aa0a7ef"],"_wp_page_template":["default"],"_elementor_data":["[{\"id\":\"2418110\",\"elType\":\"container\",\"settings\":{\"content_width\":\"full\"},\"elements\":[{\"id\":\"59d349b\",\"elType\":\"widget\",\"settings\":{\"html\":\"<!DOCTYPE html>\\n<html lang=\\\"en\\\">\\n<head>\\n<meta charset=\\\"UTF-8\\\">\\n<meta name=\\\"viewport\\\" content=\\\"width=device-width, initial-scale=1.0\\\">\\n<title>LawnLogic Hero<\\\/title>\\n\\n<style>\\nhtml,\\nbody {\\n margin: 0 !important;\\n padding: 0 !important;\\n width: 100% !important;\\n max-width: 100% !important;\\n overflow-x: clip !important;\\n}\\n\\n\\\/* FULL-WIDTH HERO *\\\/\\n#glowHero {\\n position: relative;\\n width: 100vw !important;\\n max-width: 100vw !important;\\n margin-left: calc(50% - 50vw) !important;\\n margin-right: calc(50% - 50vw) !important;\\n min-height: 800px;\\n overflow: hidden;\\n isolation: isolate;\\n box-sizing: border-box;\\n\\n background:\\n linear-gradient(\\n 90deg,\\n rgba(3, 15, 8, 0.78) 0%,\\n rgba(3, 15, 8, 0.48) 42%,\\n rgba(3, 15, 8, 0.08) 100%\\n ),\\n url(\\\"https:\\\/\\\/lawnlogic.shop\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/Realistic-Lawn-Mower-in-Backyard-Garden1.png\\\")\\n center center \\\/ cover no-repeat;\\n}\\n\\n\\\/* MOUSE-FOLLOWING GREEN GLOW *\\\/\\n#glowHero .mouse-glow {\\n position: absolute;\\n z-index: 0;\\n left: 0;\\n top: 0;\\n width: 440px;\\n height: 440px;\\n border-radius: 50%;\\n pointer-events: none;\\n\\n background: radial-gradient(\\n circle,\\n rgba(126, 211, 33, 0.25) 0%,\\n rgba(72, 180, 20, 0.14) 30%,\\n rgba(45, 150, 20, 0.06) 52%,\\n transparent 72%\\n );\\n\\n filter: blur(28px);\\n opacity: 0;\\n transform: translate(-50%, -50%);\\n will-change: transform;\\n mix-blend-mode: screen;\\n}\\n\\n\\\/* HERO CONTENT *\\\/\\n#glowHero .hero-content {\\n position: relative;\\n z-index: 1;\\n width: min(calc(100% - 48px), 1240px);\\n margin: 0 auto;\\n padding: 100px 0;\\n color: #fff;\\n box-sizing: border-box;\\n}\\n\\n#glowHero h1 {\\n max-width: 650px;\\n margin: 0 0 22px;\\n color: #fff;\\n font-family: Arial, sans-serif;\\n font-size: clamp(42px, 5.5vw, 76px);\\n font-weight: 800;\\n line-height: 1.06;\\n letter-spacing: -1.5px;\\n}\\n\\n#glowHero h1 span {\\n color: #7ed321;\\n}\\n\\n#glowHero p {\\n max-width: 520px;\\n margin: 0;\\n color: #f0f5ee;\\n font-family: Arial, sans-serif;\\n font-size: 17px;\\n line-height: 1.8;\\n}\\n\\n\\\/* BUTTON CONTAINER *\\\/\\n#glowHero .hero-buttons {\\n display: flex;\\n flex-wrap: wrap;\\n align-items: center;\\n gap: 18px;\\n margin-top: 32px;\\n}\\n\\n\\\/* SHARED BUTTON STYLING *\\\/\\n#glowHero .hero-btn {\\n display: inline-flex;\\n align-items: center;\\n justify-content: center;\\n gap: 20px;\\n min-height: 56px;\\n padding: 0 26px;\\n box-sizing: border-box;\\n border: 1px solid transparent;\\n border-radius: 7px;\\n\\n font-family: Arial, sans-serif;\\n font-size: 15px;\\n font-weight: 700;\\n letter-spacing: 0.2px;\\n text-decoration: none !important;\\n cursor: pointer;\\n\\n transition:\\n transform 0.3s ease,\\n background-color 0.3s ease,\\n border-color 0.3s ease,\\n box-shadow 0.3s ease,\\n color 0.3s ease;\\n}\\n\\n\\\/* SHOP NOW BUTTON *\\\/\\n#glowHero .shop-btn {\\n background: #7ed321;\\n color: #102016 !important;\\n box-shadow: 0 5px 18px rgba(126, 211, 33, 0.2);\\n}\\n\\n#glowHero .shop-btn:hover {\\n background: #91ed2e;\\n color: #102016 !important;\\n transform: translateY(-4px);\\n box-shadow: 0 10px 28px rgba(126, 211, 33, 0.35);\\n}\\n\\n\\\/* CONTACT US BUTTON *\\\/\\n#glowHero .contact-btn {\\n background: rgba(255, 255, 255, 0.05);\\n color: #fff !important;\\n border-color: rgba(255, 255, 255, 0.7);\\n backdrop-filter: blur(6px);\\n}\\n\\n#glowHero .contact-btn:hover {\\n background: rgba(126, 211, 33, 0.13);\\n color: #a6f45a !important;\\n border-color: #7ed321;\\n transform: translateY(-4px);\\n}\\n\\n\\\/* ANIMATED ARROWS *\\\/\\n#glowHero .btn-arrow {\\n display: inline-block;\\n font-size: 22px;\\n line-height: 1;\\n transition: transform 0.3s ease;\\n}\\n\\n#glowHero .hero-btn:hover .btn-arrow {\\n transform: translateX(6px);\\n}\\n\\n\\\/* BUTTON ENTRANCE ANIMATION *\\\/\\n@media (prefers-reduced-motion: no-preference) {\\n #glowHero .hero-buttons {\\n animation: lawnButtonsIn 0.8s ease 0.15s both;\\n }\\n\\n @keyframes lawnButtonsIn {\\n from {\\n opacity: 0;\\n transform: translateY(16px);\\n }\\n to {\\n opacity: 1;\\n transform: translateY(0);\\n }\\n }\\n}\\n\\n\\\/* KEYBOARD ACCESSIBILITY *\\\/\\n#glowHero .hero-btn:focus-visible {\\n outline: 3px solid #b5f77a;\\n outline-offset: 4px;\\n}\\n\\n\\\/* TABLET AND MOBILE *\\\/\\n@media (max-width: 768px) {\\n #glowHero {\\n min-height: 650px;\\n background-position: 58% center;\\n }\\n\\n #glowHero .hero-content {\\n width: calc(100% - 40px);\\n padding: 90px 0 70px;\\n }\\n\\n #glowHero h1 {\\n font-size: clamp(38px, 9vw, 54px);\\n letter-spacing: -0.8px;\\n }\\n\\n #glowHero p {\\n max-width: 400px;\\n font-size: 15px;\\n }\\n\\n #glowHero .mouse-glow {\\n width: 300px;\\n height: 300px;\\n }\\n}\\n\\n\\\/* SMALL MOBILE BUTTONS *\\\/\\n@media (max-width: 480px) {\\n #glowHero .hero-buttons {\\n gap: 12px;\\n margin-top: 26px;\\n }\\n\\n #glowHero .hero-btn {\\n min-height: 52px;\\n padding: 0 18px;\\n gap: 12px;\\n font-size: 14px;\\n }\\n}\\n\\n\\\/* REDUCED MOTION ACCESSIBILITY *\\\/\\n@media (prefers-reduced-motion: reduce) {\\n #glowHero .mouse-glow {\\n display: none;\\n }\\n}\\n<\\\/style>\\n<\\\/head>\\n\\n<body>\\n\\n<section id=\\\"glowHero\\\" aria-label=\\\"LawnLogic outdoor equipment\\\">\\n\\n <div class=\\\"mouse-glow\\\" id=\\\"mouseGlow\\\"><\\\/div>\\n\\n <div class=\\\"hero-content\\\">\\n\\n <h1>\\n Power Your Outdoors.<br>\\n <span>Perfect Every Lawn.<\\\/span>\\n <\\\/h1>\\n\\n <p>\\n Discover premium equipment for lawn care, gardening,\\n cleaning and property maintenance.\\n <\\\/p>\\n\\n \\n <div class=\\\"hero-buttons\\\">\\n\\n <a\\n href=\\\"https:\\\/\\\/lawnlogic.shop\\\/?product_cat=best-selling\\\"\\n class=\\\"hero-btn shop-btn\\\"\\n >\\n <span>Shop Now<\\\/span>\\n <span class=\\\"btn-arrow\\\" aria-hidden=\\\"true\\\">\\u2192<\\\/span>\\n <\\\/a>\\n\\n <a\\n href=\\\"https:\\\/\\\/lawnlogic.shop\\\/?page_id=33\\\"\\n class=\\\"hero-btn contact-btn\\\"\\n >\\n <span>Contact Us<\\\/span>\\n <span class=\\\"btn-arrow\\\" aria-hidden=\\\"true\\\">\\u2192<\\\/span>\\n <\\\/a>\\n\\n <\\\/div>\\n\\n <\\\/div>\\n<\\\/section>\\n\\n<script>\\n(() => {\\n const hero = document.getElementById(\\\"glowHero\\\");\\n const glow = document.getElementById(\\\"mouseGlow\\\");\\n\\n if (!hero || !glow) return;\\n\\n const reducedMotion = window.matchMedia(\\n \\\"(prefers-reduced-motion: reduce)\\\"\\n );\\n\\n if (reducedMotion.matches) return;\\n\\n let targetX = 0;\\n let targetY = 0;\\n let currentX = 0;\\n let currentY = 0;\\n let frame = null;\\n\\n function animate() {\\n currentX += (targetX - currentX) * 0.09;\\n currentY += (targetY - currentY) * 0.09;\\n\\n glow.style.transform =\\n `translate3d(${currentX}px, ${currentY}px, 0) translate(-50%, -50%)`;\\n\\n if (\\n Math.abs(targetX - currentX) > 0.15 ||\\n Math.abs(targetY - currentY) > 0.15\\n ) {\\n frame = requestAnimationFrame(animate);\\n } else {\\n currentX = targetX;\\n currentY = targetY;\\n frame = null;\\n }\\n }\\n\\n hero.addEventListener(\\\"pointerenter\\\", () => {\\n glow.style.opacity = \\\"1\\\";\\n });\\n\\n hero.addEventListener(\\\"pointermove\\\", (event) => {\\n const rect = hero.getBoundingClientRect();\\n\\n targetX = event.clientX - rect.left;\\n targetY = event.clientY - rect.top;\\n\\n if (frame === null) {\\n frame = requestAnimationFrame(animate);\\n }\\n });\\n\\n hero.addEventListener(\\\"pointerleave\\\", () => {\\n glow.style.opacity = \\\"0\\\";\\n });\\n})();\\n<\\\/script>\\n\\n<\\\/body>\\n<\\\/html>\"},\"elements\":[],\"widgetType\":\"html\"}],\"isInner\":false},{\"id\":\"7154dd8\",\"elType\":\"e-flexbox\",\"settings\":{\"classes\":{\"$$type\":\"classes\",\"value\":[\"e-d925a8d\"]}},\"elements\":[{\"id\":\"b07ab20\",\"elType\":\"widget\",\"settings\":{\"html\":\"\\n\\n<section class=\\\"ll-benefits\\\">\\n <div class=\\\"ll-benefits-bg\\\"><\\\/div>\\n <div class=\\\"ll-benefits-overlay\\\"><\\\/div>\\n\\n <div class=\\\"ll-benefits-inner\\\">\\n\\n <div class=\\\"ll-benefits-heading\\\">\\n <h2>WHY CHOOSE <span>LAWNLOGIC<\\\/span><\\\/h2>\\n <p>Quality Tools. Greener Spaces. Better Living.<\\\/p>\\n <div class=\\\"ll-heading-line\\\"><\\\/div>\\n <\\\/div>\\n\\n <div class=\\\"ll-benefits-panel\\\">\\n\\n \\n <div class=\\\"ll-benefit\\\">\\n <div class=\\\"ll-benefit-icon ll-green\\\">\\n <svg viewBox=\\\"0 0 24 24\\\" aria-hidden=\\\"true\\\">\\n <path d=\\\"M12 3 2.8 7.5 12 21l9.2-13.5L12 3Z\\\"\\\/>\\n <path d=\\\"m2.8 7.5 6.1.2L12 3l3.1 4.7 6.1-.2M8.9 7.7 12 21l3.1-13.3\\\"\\\/>\\n <\\\/svg>\\n <\\\/div>\\n <h3>PREMIUM QUALITY<\\\/h3>\\n <p>Reliable outdoor equipment<br>\\n built for lasting performance.<\\\/p>\\n <\\\/div>\\n\\n \\n <div class=\\\"ll-benefit\\\">\\n <div class=\\\"ll-benefit-icon ll-orange\\\">\\n <svg viewBox=\\\"0 0 24 24\\\" aria-hidden=\\\"true\\\">\\n <path d=\\\"M3 7h11v11H3zM14 11h4l3 4v3h-7\\\"\\\/>\\n <path d=\\\"M6 18a2 2 0 1 0 4 0M16 18a2 2 0 1 0 4 0M1 10h5M1 13h4\\\"\\\/>\\n <\\\/svg>\\n <\\\/div>\\n <h3>FAST DELIVERY<\\\/h3>\\n <p>Quick and reliable shipping<br>\\n straight to your doorstep.<\\\/p>\\n <\\\/div>\\n\\n \\n <div class=\\\"ll-benefit\\\">\\n <div class=\\\"ll-benefit-icon ll-green\\\">\\n <svg viewBox=\\\"0 0 24 24\\\" aria-hidden=\\\"true\\\">\\n <path d=\\\"m12 2 9 5-9 5-9-5 9-5Z\\\"\\\/>\\n <path d=\\\"M3 7v10l9 5 9-5V7M12 12v10\\\"\\\/>\\n <path d=\\\"m9 5 9 5M15 15l2 2 4-4\\\"\\\/>\\n <\\\/svg>\\n <\\\/div>\\n <h3>EASY SUPPORT<\\\/h3>\\n <p>Helpful service and guidance<br>\\n when you need assistance.<\\\/p>\\n <\\\/div>\\n\\n \\n <div class=\\\"ll-benefit\\\">\\n <div class=\\\"ll-benefit-icon ll-orange\\\">\\n <svg viewBox=\\\"0 0 24 24\\\" aria-hidden=\\\"true\\\">\\n <path d=\\\"M12 22s8-4 8-11V5l-8-3-8 3v6c0 7 8 11 8 11Z\\\"\\\/>\\n <path d=\\\"m9 12 2 2 4-5\\\"\\\/>\\n <\\\/svg>\\n <\\\/div>\\n <h3>SECURE CHECKOUT<\\\/h3>\\n <p>Shop with confidence using<br>\\n secure payment processing.<\\\/p>\\n <\\\/div>\\n\\n <\\\/div>\\n <\\\/div>\\n<\\\/section>\\n\\n<style>\\n\\\/* LAWNLOGIC BENEFITS SECTION *\\\/\\n.ll-benefits {\\n --ll-green: #0B6623;\\n --ll-lime: #7ED321;\\n --ll-orange: #FF8500;\\n\\n position: relative;\\n isolation: isolate;\\n width: 100%;\\n padding: 64px 24px 76px;\\n overflow: hidden;\\n background: #101b14;\\n box-sizing: border-box;\\n font-family: inherit;\\n}\\n\\n```css\\n\\\/* LAWNLOGIC \\u2014 SUBTLE ANIMATED HEADING LINE *\\\/\\n.ll-heading-line {\\n position: relative;\\n overflow: hidden;\\n box-shadow: 0 0 8px rgba(126, 211, 33, 0.25);\\n}\\n\\n.ll-heading-line::after {\\n content: \\\"\\\";\\n position: absolute;\\n top: 0;\\n left: -40%;\\n width: 40%;\\n height: 100%;\\n background: linear-gradient(\\n 90deg,\\n transparent,\\n rgba(255, 255, 255, 0.9),\\n transparent\\n );\\n animation: ll-line-shimmer 3s ease-in-out infinite;\\n}\\n\\n@keyframes ll-line-shimmer {\\n 0% {\\n left: -40%;\\n }\\n 55%, 100% {\\n left: 110%;\\n }\\n}\\n\\n@media (prefers-reduced-motion: reduce) {\\n .ll-heading-line::after {\\n animation: none;\\n }\\n}\\n```\\n.ll-benefits *,\\n.ll-benefits *::before,\\n.ll-benefits *::after {\\n box-sizing: border-box;\\n}\\n\\n\\\/* UPDATED LAWNLOGIC BACKGROUND IMAGE *\\\/\\n.ll-benefits-bg {\\n position: absolute;\\n inset: -10px;\\n z-index: -2;\\n background-image: url(\\\"https:\\\/\\\/lawnlogic.shop\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/LawnLogic-Mower-in-a-Sunny-Garden.png\\\");\\n background-size: cover;\\n background-position: center 55%;\\n filter: blur(3px);\\n transform: scale(1.03);\\n}\\n\\n.ll-benefits-overlay {\\n position: absolute;\\n inset: 0;\\n z-index: -1;\\n background: linear-gradient(\\n 100deg,\\n rgba(4, 17, 9, .76),\\n rgba(7, 25, 10, .58),\\n rgba(5, 18, 8, .72)\\n );\\n}\\n\\n.ll-benefits-inner {\\n width: 100%;\\n max-width: 1450px;\\n margin: 0 auto;\\n}\\n\\n.ll-benefits-heading {\\n text-align: center;\\n margin: 0 auto 36px;\\n}\\n\\n.ll-benefits-heading h2 {\\n margin: 0 0 10px;\\n color: #fff;\\n font-size: clamp(30px, 3.2vw, 54px);\\n font-weight: 800;\\n line-height: 1.15;\\n letter-spacing: -1.3px;\\n}\\n\\n.ll-benefits-heading h2 span {\\n color: var(--ll-lime);\\n}\\n\\n.ll-benefits-heading p {\\n margin: 0;\\n color: #fff;\\n font-size: 15px;\\n font-weight: 500;\\n line-height: 1.7;\\n}\\n\\n.ll-heading-line {\\n width: 75px;\\n height: 3px;\\n margin: 18px auto 0;\\n border-radius: 4px;\\n background: var(--ll-lime);\\n}\\n\\n\\\/* GLASS PANEL *\\\/\\n.ll-benefits-panel {\\n display: grid;\\n grid-template-columns: repeat(4, minmax(0, 1fr));\\n overflow: hidden;\\n border: 1px solid rgba(255,255,255,.24);\\n border-radius: 22px;\\n background: rgba(7, 20, 10, .58);\\n box-shadow: 0 16px 50px rgba(0,0,0,.2);\\n -webkit-backdrop-filter: blur(16px);\\n backdrop-filter: blur(16px);\\n}\\n\\n.ll-benefit {\\n position: relative;\\n display: flex;\\n min-width: 0;\\n flex-direction: column;\\n align-items: center;\\n justify-content: flex-start;\\n padding: 30px 18px 32px;\\n text-align: center;\\n}\\n\\n.ll-benefit:not(:last-child)::after {\\n content: \\\"\\\";\\n position: absolute;\\n right: 0;\\n top: 22%;\\n height: 56%;\\n width: 1px;\\n background: linear-gradient(\\n to bottom,\\n transparent,\\n rgba(126,211,33,.6),\\n transparent\\n );\\n}\\n\\n.ll-benefit-icon {\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n width: 68px;\\n height: 68px;\\n margin-bottom: 19px;\\n border: 1px solid rgba(255,255,255,.25);\\n border-radius: 50%;\\n transition: transform .25s ease, box-shadow .25s ease;\\n}\\n\\n.ll-benefit:hover .ll-benefit-icon {\\n transform: translateY(-4px);\\n box-shadow: 0 8px 25px rgba(0,0,0,.2);\\n}\\n\\n.ll-green {\\n background: #087D32;\\n}\\n\\n.ll-orange {\\n background: var(--ll-orange);\\n}\\n\\n.ll-benefit-icon svg {\\n width: 28px;\\n height: 28px;\\n fill: none;\\n stroke: #fff;\\n stroke-width: 1.7;\\n stroke-linecap: round;\\n stroke-linejoin: round;\\n}\\n\\n.ll-benefit h3 {\\n margin: 0 0 11px;\\n color: #fff;\\n font-size: 15px;\\n font-weight: 800;\\n line-height: 1.4;\\n}\\n\\n.ll-benefit p {\\n margin: 0;\\n color: rgba(255,255,255,.94);\\n font-size: 14px;\\n font-weight: 400;\\n line-height: 1.6;\\n}\\n\\n\\\/* TABLET *\\\/\\n@media (max-width: 900px) {\\n .ll-benefits {\\n padding: 52px 20px 58px;\\n }\\n\\n .ll-benefits-panel {\\n grid-template-columns: repeat(2, minmax(0, 1fr));\\n }\\n\\n .ll-benefit {\\n padding: 28px 14px;\\n }\\n\\n .ll-benefit:nth-child(2)::after {\\n display: none;\\n }\\n\\n .ll-benefit:nth-child(-n+2) {\\n border-bottom: 1px solid rgba(255,255,255,.13);\\n }\\n}\\n\\n\\\/* MOBILE *\\\/\\n@media (max-width: 520px) {\\n .ll-benefits {\\n padding: 42px 14px 46px;\\n }\\n\\n .ll-benefits-heading {\\n margin-bottom: 27px;\\n }\\n\\n .ll-benefits-heading h2 {\\n font-size: 29px;\\n letter-spacing: -.7px;\\n }\\n\\n .ll-benefits-heading p {\\n font-size: 13px;\\n }\\n\\n .ll-benefits-panel {\\n border-radius: 16px;\\n }\\n\\n .ll-benefit {\\n padding: 23px 7px;\\n }\\n\\n .ll-benefit-icon {\\n width: 54px;\\n height: 54px;\\n margin-bottom: 14px;\\n }\\n\\n .ll-benefit-icon svg {\\n width: 24px;\\n height: 24px;\\n }\\n\\n .ll-benefit h3 {\\n font-size: 11px;\\n margin-bottom: 8px;\\n }\\n\\n .ll-benefit p {\\n font-size: 11px;\\n line-height: 1.55;\\n }\\n}\\n```css\\n\\\/* SOFT LIGHT GLOW ON HOVER *\\\/\\n.ll-benefit {\\n overflow: hidden;\\n isolation: isolate;\\n transition: background .35s ease;\\n}\\n\\n.ll-benefit::before {\\n content: \\\"\\\";\\n position: absolute;\\n inset: 0;\\n z-index: -1;\\n opacity: 0;\\n pointer-events: none;\\n background: radial-gradient(\\n circle at var(--mouse-x, 50%) var(--mouse-y, 50%),\\n rgba(126, 211, 33, 0.24) 0%,\\n rgba(11, 102, 35, 0.12) 38%,\\n transparent 75%\\n );\\n transition: opacity .3s ease;\\n}\\n\\n.ll-benefit:hover::before {\\n opacity: 1;\\n}\\n\\n.ll-benefit:hover {\\n background-color: rgba(126, 211, 33, 0.06);\\n}\\n```\\n<\\\/style>\"},\"elements\":[],\"widgetType\":\"html\"}],\"isInner\":false,\"styles\":{\"e-d925a8d\":{\"id\":\"e-d925a8d\",\"label\":\"local\",\"type\":\"class\",\"variants\":[{\"meta\":{\"breakpoint\":\"desktop\",\"state\":null},\"props\":{\"flex-direction\":{\"$$type\":\"string\",\"value\":\"column\"}},\"custom_css\":null}]}},\"version\":\"0.0\"},{\"id\":\"6a3e689\",\"elType\":\"container\",\"settings\":[],\"elements\":[{\"id\":\"fb85b65\",\"elType\":\"widget\",\"settings\":{\"html\":\"\\n<section class=\\\"lawnlogic-showcase\\\" aria-label=\\\"LawnLogic shop categories\\\">\\n\\n \\n <div class=\\\"lls-hero\\\">\\n <div class=\\\"lls-hero-photo\\\"><\\\/div>\\n <div class=\\\"lls-hero-shade\\\"><\\\/div>\\n\\n <div class=\\\"lls-hero-content\\\">\\n\\n <div class=\\\"lls-eyebrow\\\">\\n <span><\\\/span> LAWN EQUIPMENT & OUTDOOR POWER\\n <\\\/div>\\n\\n <h2 class=\\\"lls-hero-title\\\">\\n Lawn<br><span>Mowers<\\\/span>\\n <\\\/h2>\\n\\n <p class=\\\"lls-hero-copy\\\">\\n Power and Precision<br>for a Greener Lawn.\\n <\\\/p>\\n\\n <a class=\\\"lls-shop-button\\\" href=\\\"\\\/product-category\\\/lawn-mowers\\\/\\\">\\n SHOP COLLECTION <span>\\u2192<\\\/span>\\n <\\\/a>\\n <\\\/div>\\n <\\\/div>\\n\\n \\n <div class=\\\"lls-category-list\\\">\\n\\n <a class=\\\"lls-category is-active\\\" href=\\\"\\\/product-category\\\/hardware-tools\\\/\\\">\\n <div class=\\\"lls-category-image\\\">\\n <img src=\\\"https:\\\/\\\/lawnlogic.shop\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/Screenshot-2026-10-18-212131.png\\\" alt=\\\"Hardware tools\\\">\\n <\\\/div>\\n\\n <div class=\\\"lls-category-copy\\\">\\n <span class=\\\"lls-brand\\\">LawnLogic<\\\/span>\\n <div class=\\\"lls-category-meta\\\">\\n <span>01<\\\/span>\\n <h3>Hardware Tools<\\\/h3>\\n <\\\/div>\\n <p>Reliable tools for every project.<\\\/p>\\n <\\\/div>\\n\\n <span class=\\\"lls-arrow\\\">\\u2192<\\\/span>\\n <\\\/a>\\n\\n <a class=\\\"lls-category\\\" href=\\\"\\\/product-category\\\/blowers\\\/\\\">\\n <div class=\\\"lls-category-image\\\">\\n <img src=\\\"https:\\\/\\\/lawnlogic.shop\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/Screenshot-2026-10-18-212140.png\\\" alt=\\\"Garden blower\\\">\\n <\\\/div>\\n\\n <div class=\\\"lls-category-copy\\\">\\n <span class=\\\"lls-brand\\\">LawnLogic<\\\/span>\\n <div class=\\\"lls-category-meta\\\">\\n <span>02<\\\/span>\\n <h3>Blowers<\\\/h3>\\n <\\\/div>\\n <p>Cleaner outdoors. Healthier spaces.<\\\/p>\\n <\\\/div>\\n\\n <span class=\\\"lls-arrow\\\">\\u2192<\\\/span>\\n <\\\/a>\\n\\n <a class=\\\"lls-category\\\" href=\\\"\\\/product-category\\\/vacuum-cleaners\\\/\\\">\\n <div class=\\\"lls-category-image\\\">\\n <img src=\\\"https:\\\/\\\/lawnlogic.shop\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/Screenshot-2026-10-18-212152.png\\\" alt=\\\"Vacuum cleaner\\\">\\n <\\\/div>\\n\\n <div class=\\\"lls-category-copy\\\">\\n <span class=\\\"lls-brand\\\">LawnLogic<\\\/span>\\n <div class=\\\"lls-category-meta\\\">\\n <span>03<\\\/span>\\n <h3>Vacuum Cleaners<\\\/h3>\\n <\\\/div>\\n <p>Efficient cleaning for brighter spaces.<\\\/p>\\n <\\\/div>\\n\\n <span class=\\\"lls-arrow\\\">\\u2192<\\\/span>\\n <\\\/a>\\n\\n <\\\/div>\\n<\\\/section>\\n\\n<style>\\n\\\/* =====================================\\n LAWNLOGIC SHOWCASE (all classes use lls-)\\n===================================== *\\\/\\n\\n.lawnlogic-showcase {\\n --lls-green: #48bd18;\\n --lls-orange: #ff852d;\\n\\n display: grid;\\n grid-template-columns: minmax(0, 2.05fr) minmax(0, 1.4fr);\\n gap: 16px;\\n\\n width: 100vw;\\n max-width: none;\\n margin-left: calc(50% - 50vw);\\n margin-right: calc(50% - 50vw);\\n padding: 16px 20px;\\n\\n box-sizing: border-box;\\n font-family: Inter, Arial, sans-serif;\\n color: #12351f;\\n}\\n\\n.lawnlogic-showcase *,\\n.lawnlogic-showcase *::before,\\n.lawnlogic-showcase *::after {\\n box-sizing: border-box;\\n}\\n\\n.lawnlogic-showcase a {\\n -webkit-tap-highlight-color: transparent;\\n}\\n\\n\\\/* HERO *\\\/\\n\\n.lawnlogic-showcase .lls-hero {\\n position: relative;\\n isolation: isolate;\\n overflow: hidden;\\n min-width: 0;\\n min-height: 540px;\\n border-radius: 17px;\\n background: #073b20;\\n display: flex;\\n align-items: flex-end;\\n}\\n\\n.lls-hero-photo {\\n position: absolute;\\n inset: 0;\\n z-index: -2;\\n\\n background-image: url('https:\\\/\\\/lawnlogic.shop\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/LawnLogic-Mower-in-Sunlit-Garden.png');\\n background-position: center;\\n background-size: cover;\\n background-repeat: no-repeat;\\n\\n transform: scale(1.01);\\n transition: transform 1s cubic-bezier(.2,.75,.25,1);\\n}\\n\\n@media (hover: hover) {\\n .lls-hero:hover .lls-hero-photo {\\n transform: scale(1.045);\\n }\\n}\\n\\n.lls-hero-shade {\\n position: absolute;\\n inset: 0;\\n z-index: -1;\\n\\n background:\\n linear-gradient(90deg,\\n rgba(0,37,19,.91) 0%,\\n rgba(0,37,19,.76) 38%,\\n rgba(0,37,19,.15) 100%),\\n linear-gradient(0deg,\\n rgba(0,25,12,.3),\\n transparent 60%);\\n}\\n\\n.lls-hero-content {\\n width: 100%;\\n padding: clamp(28px, 4vw, 58px);\\n color: #fff;\\n animation: llsRise .8s both;\\n}\\n\\n\\\/* EYEBROW + ANIMATED GREEN LINE *\\\/\\n\\n.lls-eyebrow {\\n display: flex;\\n align-items: center;\\n flex-wrap: wrap;\\n gap: 12px;\\n margin-bottom: 25px;\\n\\n font-size: clamp(9px, .8vw, 12px);\\n letter-spacing: 1.6px;\\n font-weight: 800;\\n color: #fff;\\n}\\n\\n.lls-eyebrow > span {\\n position: relative;\\n display: block;\\n width: 32px;\\n height: 3px;\\n flex-shrink: 0;\\n overflow: hidden;\\n background: rgba(72,189,24,.25);\\n border-radius: 5px;\\n}\\n\\n.lls-eyebrow > span::after {\\n content: \\\"\\\";\\n position: absolute;\\n inset: 0;\\n background: var(--lls-green);\\n border-radius: inherit;\\n transform-origin: left center;\\n animation: llsLinePulse 3s ease-in-out infinite;\\n}\\n\\n@keyframes llsLinePulse {\\n 0%, 100% { transform: scaleX(.35); opacity: .65; }\\n 50% { transform: scaleX(1); opacity: 1; }\\n}\\n\\n\\\/* HEADLINE *\\\/\\n\\n.lls-hero-title {\\n margin: 0 0 20px;\\n color: #fff;\\n font-size: clamp(48px, 5.7vw, 92px);\\n line-height: .91;\\n letter-spacing: -3px;\\n font-weight: 900;\\n}\\n\\n.lls-hero-title > span {\\n color: #55c91f;\\n}\\n\\n.lls-hero-copy {\\n margin: 0 0 27px;\\n color: rgba(255,255,255,.94);\\n font-size: clamp(14px, 1.5vw, 23px);\\n line-height: 1.5;\\n}\\n\\n\\\/* CTA *\\\/\\n\\n.lawnlogic-showcase a.lls-shop-button {\\n display: inline-flex;\\n align-items: center;\\n justify-content: center;\\n gap: 22px;\\n padding: 16px 25px;\\n border-radius: 50px;\\n\\n background: var(--lls-orange);\\n color: #fff !important;\\n text-decoration: none !important;\\n\\n font-size: 12px;\\n font-weight: 850;\\n letter-spacing: .5px;\\n\\n transition: background .25s, transform .25s, box-shadow .25s;\\n}\\n\\n.lls-shop-button > span {\\n font-size: 23px;\\n line-height: 1;\\n transition: transform .25s;\\n}\\n\\n.lawnlogic-showcase a.lls-shop-button:hover {\\n background: var(--lls-green);\\n transform: translateY(-3px);\\n box-shadow: 0 10px 28px rgba(40,160,25,.3);\\n}\\n\\n.lls-shop-button:hover > span {\\n transform: translateX(5px);\\n}\\n\\n\\\/* RIGHT-SIDE CATEGORY STACK *\\\/\\n\\n.lls-category-list {\\n display: grid;\\n grid-template-rows: repeat(3, minmax(0, 1fr));\\n gap: 14px;\\n min-width: 0;\\n}\\n\\n\\\/* CATEGORY CARD *\\\/\\n\\n.lawnlogic-showcase a.lls-category {\\n position: relative;\\n isolation: isolate;\\n\\n display: grid;\\n grid-template-columns: minmax(105px, 40%) minmax(0, 1fr) 36px;\\n align-items: center;\\n gap: clamp(10px, 1.4vw, 22px);\\n\\n min-width: 0;\\n min-height: 0;\\n padding: 12px;\\n overflow: hidden;\\n\\n background:\\n radial-gradient(ellipse at 100% 0%,\\n rgba(119,190,74,.11) 0%,\\n transparent 50%),\\n linear-gradient(125deg,\\n #f8fbf5 0%,\\n #ffffff 52%,\\n #f0f7eb 100%);\\n\\n border: 1px solid #e2eddb;\\n border-radius: 16px;\\n\\n text-decoration: none !important;\\n color: #12351f !important;\\n\\n box-shadow: 0 4px 18px rgba(20,43,25,.045);\\n\\n transition:\\n border-color .35s ease,\\n box-shadow .35s ease,\\n transform .35s ease,\\n background .35s ease;\\n}\\n\\n\\\/* Green highlight bar *\\\/\\n\\n.lls-category::before {\\n content: \\\"\\\";\\n position: absolute;\\n z-index: -1;\\n left: 0;\\n top: 15%;\\n bottom: 15%;\\n width: 3px;\\n\\n background: var(--lls-green);\\n border-radius: 0 4px 4px 0;\\n\\n transform: scaleY(0);\\n transform-origin: center;\\n transition: transform .35s ease;\\n}\\n\\n\\\/* Soft glow sweep on hover *\\\/\\n\\n.lls-category::after {\\n content: \\\"\\\";\\n position: absolute;\\n z-index: -1;\\n top: 0;\\n left: -70%;\\n width: 45%;\\n height: 100%;\\n\\n background: linear-gradient(110deg, transparent, rgba(117,191,68,.08), transparent);\\n\\n transform: skewX(-15deg);\\n transition: left .65s ease;\\n pointer-events: none;\\n}\\n\\n.lls-category:hover,\\n.lls-category.is-active {\\n border-color: #c9e7bb;\\n box-shadow: 0 8px 28px rgba(38,105,40,.10);\\n}\\n\\n.lls-category:hover {\\n transform: translateY(-3px);\\n}\\n\\n.lls-category:hover::before,\\n.lls-category.is-active::before {\\n transform: scaleY(1);\\n}\\n\\n.lls-category:hover::after {\\n left: 130%;\\n}\\n\\n\\\/* CATEGORY IMAGES (fixed height keeps the desktop section compact) *\\\/\\n\\n.lls-category-image {\\n position: relative;\\n width: 100%;\\n height: 150px;\\n\\n border-radius: 11px;\\n overflow: hidden;\\n background: #edf5e7;\\n}\\n\\n.lls-category-image img {\\n display: block;\\n width: 100%;\\n height: 100%;\\n object-fit: cover;\\n\\n transition: transform .65s cubic-bezier(.2,.75,.25,1);\\n}\\n\\n.lls-category:hover .lls-category-image img {\\n transform: scale(1.07);\\n}\\n\\n\\\/* CATEGORY COPY *\\\/\\n\\n.lls-category-copy {\\n min-width: 0;\\n}\\n\\n.lawnlogic-showcase .lls-brand {\\n display: block;\\n margin-bottom: clamp(12px, 1.4vw, 22px);\\n\\n color: #17612c;\\n font-size: clamp(12px, 1vw, 17px);\\n line-height: 1.2;\\n font-weight: 900;\\n letter-spacing: -.5px;\\n}\\n\\n.lls-category-meta {\\n display: flex;\\n align-items: baseline;\\n gap: 12px;\\n padding-left: 12px;\\n border-left: 2px solid var(--lls-green);\\n}\\n\\n.lls-category-meta > span {\\n color: #91bd7c;\\n font-size: clamp(14px, 1.6vw, 25px);\\n font-weight: 900;\\n flex-shrink: 0;\\n}\\n\\n.lls-category h3 {\\n margin: 0;\\n color: #123b23;\\n font-size: clamp(13px, 1.35vw, 22px);\\n line-height: 1.2;\\n font-weight: 850;\\n overflow-wrap: anywhere;\\n transition: color .25s;\\n}\\n\\n.lls-category p {\\n margin: 10px 0 0;\\n color: #68766a;\\n font-size: clamp(10px, .95vw, 15px);\\n line-height: 1.45;\\n}\\n\\n.lls-category:hover h3,\\n.lls-category.is-active h3 {\\n color: #328e22;\\n}\\n\\n\\\/* ROUND ARROW *\\\/\\n\\n.lls-arrow {\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n\\n width: clamp(30px, 3vw, 43px);\\n height: clamp(30px, 3vw, 43px);\\n border-radius: 50%;\\n\\n background: linear-gradient(145deg, #59ce20, #319b12);\\n color: #fff;\\n font-size: 23px;\\n line-height: 1;\\n\\n transition: background .3s, transform .3s, box-shadow .3s;\\n}\\n\\n.lls-category:hover .lls-arrow {\\n background: var(--lls-orange);\\n box-shadow: 0 4px 14px rgba(255,133,45,.22);\\n transform: translateX(3px);\\n}\\n\\n\\\/* ENTRANCE ANIMATION *\\\/\\n\\n@keyframes llsRise {\\n from { opacity: 0; transform: translateY(16px); }\\n to { opacity: 1; transform: translateY(0); }\\n}\\n\\n\\\/* =====================================\\n TABLET\\n===================================== *\\\/\\n\\n@media (max-width: 900px) {\\n .lawnlogic-showcase {\\n grid-template-columns: 1fr;\\n gap: 14px;\\n padding: 12px;\\n }\\n\\n .lawnlogic-showcase .lls-hero {\\n min-height: 460px;\\n align-items: flex-start; \\\/* text on top, mower visible below *\\\/\\n }\\n\\n .lls-hero-photo {\\n background-position: 78% 85%; \\\/* focus on the mower *\\\/\\n transform: none;\\n }\\n\\n .lls-hero-shade {\\n background:\\n linear-gradient(180deg,\\n rgba(0,37,19,.92) 0%,\\n rgba(0,37,19,.70) 35%,\\n rgba(0,37,19,.10) 65%,\\n rgba(0,25,12,.25) 100%);\\n }\\n\\n .lls-category-list {\\n grid-template-rows: none;\\n grid-template-columns: repeat(3, minmax(0, 1fr));\\n gap: 10px;\\n }\\n\\n .lawnlogic-showcase a.lls-category {\\n grid-template-columns: minmax(0, 1fr) 30px;\\n grid-template-rows: 130px auto;\\n gap: 10px;\\n padding: 10px;\\n }\\n\\n .lls-category-image {\\n grid-column: 1 \\\/ -1;\\n grid-row: 1;\\n height: 130px;\\n }\\n\\n .lls-category-copy {\\n grid-column: 1;\\n grid-row: 2;\\n }\\n\\n .lawnlogic-showcase .lls-brand {\\n margin-bottom: 10px;\\n font-size: 13px;\\n }\\n\\n .lls-category-meta {\\n display: block;\\n padding-left: 9px;\\n }\\n\\n .lls-category-meta > span {\\n display: block;\\n margin-bottom: 5px;\\n font-size: 15px;\\n }\\n\\n .lls-category h3 { font-size: 14px; }\\n .lls-category p { font-size: 11px; }\\n\\n .lls-arrow {\\n grid-column: 2;\\n grid-row: 2;\\n width: 29px;\\n height: 29px;\\n font-size: 18px;\\n }\\n}\\n\\n\\\/* =====================================\\n MOBILE\\n===================================== *\\\/\\n\\n@media (max-width: 520px) {\\n .lawnlogic-showcase {\\n padding: 8px;\\n gap: 10px;\\n }\\n\\n .lawnlogic-showcase .lls-hero {\\n min-height: 440px;\\n border-radius: 13px;\\n }\\n\\n .lls-hero-photo {\\n background-position: 82% 90%;\\n }\\n\\n .lls-hero-content {\\n padding: 24px 22px;\\n }\\n\\n .lls-hero-title {\\n font-size: clamp(46px, 12vw, 62px);\\n letter-spacing: -2px;\\n margin-bottom: 14px;\\n }\\n\\n .lls-hero-copy {\\n margin-bottom: 20px;\\n }\\n\\n .lls-eyebrow {\\n font-size: 9px;\\n letter-spacing: 1px;\\n margin-bottom: 20px;\\n }\\n\\n .lls-category-list {\\n grid-template-columns: 1fr;\\n gap: 9px;\\n }\\n\\n .lawnlogic-showcase a.lls-category {\\n grid-template-columns: 100px minmax(0, 1fr) 30px;\\n grid-template-rows: auto;\\n gap: 12px;\\n min-height: 112px;\\n padding: 10px;\\n }\\n\\n .lls-category-image {\\n grid-column: 1;\\n grid-row: 1;\\n height: 90px;\\n }\\n\\n .lls-category-copy {\\n grid-column: 2;\\n grid-row: 1;\\n }\\n\\n .lawnlogic-showcase .lls-brand {\\n margin-bottom: 9px;\\n font-size: 12px;\\n }\\n\\n .lls-category-meta {\\n display: flex;\\n align-items: baseline;\\n gap: 8px;\\n }\\n\\n .lls-category-meta > span {\\n display: inline;\\n margin: 0;\\n font-size: 13px;\\n }\\n\\n .lls-category h3 { font-size: 14px; }\\n\\n .lls-category p {\\n margin-top: 6px;\\n font-size: 10px;\\n }\\n\\n .lls-arrow {\\n grid-column: 3;\\n grid-row: 1;\\n width: 29px;\\n height: 29px;\\n }\\n}\\n\\n\\\/* ACCESSIBILITY *\\\/\\n\\n@media (prefers-reduced-motion: reduce) {\\n .lawnlogic-showcase *,\\n .lawnlogic-showcase *::before,\\n .lawnlogic-showcase *::after {\\n animation: none !important;\\n transition: none !important;\\n }\\n}\\n<\\\/style>\\n\\n<script>\\n(function () {\\n document.querySelectorAll('.lawnlogic-showcase').forEach(function (section) {\\n var cards = section.querySelectorAll('.lls-category');\\n\\n cards.forEach(function (card) {\\n function activate() {\\n cards.forEach(function (item) {\\n item.classList.remove('is-active');\\n });\\n card.classList.add('is-active');\\n }\\n\\n card.addEventListener('mouseenter', activate);\\n card.addEventListener('focus', activate);\\n });\\n });\\n})();\\n<\\\/script>\"},\"elements\":[],\"widgetType\":\"html\"},{\"id\":\"20c0897\",\"elType\":\"widget\",\"settings\":{\"html\":\"\\n<section class=\\\"llf-section\\\" aria-label=\\\"Featured products\\\">\\n <div class=\\\"llf-inner\\\">\\n\\n \\n <header class=\\\"llf-head\\\">\\n <span class=\\\"llf-eyebrow\\\">DISCOVER OUR PICKS<\\\/span>\\n <h2 class=\\\"llf-title\\\">Featured <span>Products<\\\/span><\\\/h2>\\n <div class=\\\"llf-bar\\\" aria-hidden=\\\"true\\\"><\\\/div>\\n <\\\/header>\\n\\n \\n <div class=\\\"llf-slider\\\">\\n <button class=\\\"llf-arrow llf-prev\\\" type=\\\"button\\\" aria-label=\\\"Previous products\\\">\\n <svg viewBox=\\\"0 0 24 24\\\" aria-hidden=\\\"true\\\"><path d=\\\"M15 5l-7 7 7 7\\\"\\\/><\\\/svg>\\n <\\\/button>\\n\\n <div class=\\\"llf-track\\\" tabindex=\\\"0\\\">\\n\\n \\n <article class=\\\"llf-card\\\">\\n\\n \\n <a class=\\\"llf-media\\\" href=\\\"https:\\\/\\\/lawnlogic.shop\\\/product\\\/YOUR-PRODUCT-SLUG\\\/\\\">\\n <span class=\\\"llf-badge\\\">FEATURED<\\\/span>\\n \\n <img src=\\\"https:\\\/\\\/lawnlogic.shop\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/Screenshot-2026-10-18-212131.png\\\"\\n alt=\\\"LawnLogic Cordless Drill Kit\\\" loading=\\\"lazy\\\">\\n <\\\/a>\\n\\n <div class=\\\"llf-body\\\">\\n <h3 class=\\\"llf-name\\\">\\n \\n <a href=\\\"https:\\\/\\\/lawnlogic.shop\\\/product\\\/YOUR-PRODUCT-SLUG\\\/\\\">LawnLogic Cordless Drill & Hardware Tool Kit \\u2013 Durable, Green<\\\/a>\\n <\\\/h3>\\n\\n <div class=\\\"llf-stars\\\" aria-label=\\\"Rated 5 out of 5\\\">\\u2605\\u2605\\u2605\\u2605\\u2605<\\\/div>\\n <div class=\\\"llf-price\\\">$35.00<\\\/div>\\n\\n <div class=\\\"llf-actions\\\">\\n \\n <a class=\\\"llf-btn llf-cart\\\" href=\\\"https:\\\/\\\/lawnlogic.shop\\\/?add-to-cart=123\\\">ADD TO CART<\\\/a>\\n\\n \\n <a class=\\\"llf-btn llf-buy\\\" href=\\\"https:\\\/\\\/lawnlogic.shop\\\/checkout\\\/?add-to-cart=123\\\">BUY NOW<\\\/a>\\n <\\\/div>\\n <\\\/div>\\n <\\\/article>\\n\\n \\n <article class=\\\"llf-card\\\">\\n <a class=\\\"llf-media\\\" href=\\\"https:\\\/\\\/lawnlogic.shop\\\/product\\\/YOUR-PRODUCT-SLUG\\\/\\\">\\n <span class=\\\"llf-badge\\\">FEATURED<\\\/span>\\n <img src=\\\"https:\\\/\\\/lawnlogic.shop\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/Screenshot-2026-10-18-212140.png\\\"\\n alt=\\\"LawnLogic Cordless Blower\\\" loading=\\\"lazy\\\">\\n <\\\/a>\\n <div class=\\\"llf-body\\\">\\n <h3 class=\\\"llf-name\\\"><a href=\\\"https:\\\/\\\/lawnlogic.shop\\\/product\\\/YOUR-PRODUCT-SLUG\\\/\\\">LawnLogic Cordless Leaf Blower \\u2013 Lightweight, Powerful<\\\/a><\\\/h3>\\n <div class=\\\"llf-stars\\\" aria-label=\\\"Rated 5 out of 5\\\">\\u2605\\u2605\\u2605\\u2605\\u2605<\\\/div>\\n <div class=\\\"llf-price\\\">$89.00<\\\/div>\\n <div class=\\\"llf-actions\\\">\\n <a class=\\\"llf-btn llf-cart\\\" href=\\\"https:\\\/\\\/lawnlogic.shop\\\/?add-to-cart=124\\\">ADD TO CART<\\\/a>\\n <a class=\\\"llf-btn llf-buy\\\" href=\\\"https:\\\/\\\/lawnlogic.shop\\\/checkout\\\/?add-to-cart=124\\\">BUY NOW<\\\/a>\\n <\\\/div>\\n <\\\/div>\\n <\\\/article>\\n\\n \\n <article class=\\\"llf-card\\\">\\n <a class=\\\"llf-media\\\" href=\\\"https:\\\/\\\/lawnlogic.shop\\\/product\\\/YOUR-PRODUCT-SLUG\\\/\\\">\\n <span class=\\\"llf-badge\\\">FEATURED<\\\/span>\\n <img src=\\\"https:\\\/\\\/lawnlogic.shop\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/Screenshot-2026-10-18-212152.png\\\"\\n alt=\\\"LawnLogic Wet and Dry Vacuum\\\" loading=\\\"lazy\\\">\\n <\\\/a>\\n <div class=\\\"llf-body\\\">\\n <h3 class=\\\"llf-name\\\"><a href=\\\"https:\\\/\\\/lawnlogic.shop\\\/product\\\/YOUR-PRODUCT-SLUG\\\/\\\">LawnLogic Wet & Dry Vacuum Cleaner \\u2013 Heavy Duty, Black<\\\/a><\\\/h3>\\n <div class=\\\"llf-stars\\\" aria-label=\\\"Rated 5 out of 5\\\">\\u2605\\u2605\\u2605\\u2605\\u2605<\\\/div>\\n <div class=\\\"llf-price\\\">$119.00<\\\/div>\\n <div class=\\\"llf-actions\\\">\\n <a class=\\\"llf-btn llf-cart\\\" href=\\\"https:\\\/\\\/lawnlogic.shop\\\/?add-to-cart=125\\\">ADD TO CART<\\\/a>\\n <a class=\\\"llf-btn llf-buy\\\" href=\\\"https:\\\/\\\/lawnlogic.shop\\\/checkout\\\/?add-to-cart=125\\\">BUY NOW<\\\/a>\\n <\\\/div>\\n <\\\/div>\\n <\\\/article>\\n\\n \\n <article class=\\\"llf-card\\\">\\n <a class=\\\"llf-media\\\" href=\\\"https:\\\/\\\/lawnlogic.shop\\\/product\\\/YOUR-PRODUCT-SLUG\\\/\\\">\\n <span class=\\\"llf-badge\\\">FEATURED<\\\/span>\\n <img src=\\\"https:\\\/\\\/lawnlogic.shop\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/LawnLogic-Mower-in-Sunlit-Garden.png\\\"\\n alt=\\\"LawnLogic Lawn Mower\\\" loading=\\\"lazy\\\">\\n <\\\/a>\\n <div class=\\\"llf-body\\\">\\n <h3 class=\\\"llf-name\\\"><a href=\\\"https:\\\/\\\/lawnlogic.shop\\\/product\\\/YOUR-PRODUCT-SLUG\\\/\\\">LawnLogic Self-Propelled Lawn Mower \\u2013 Power and Precision<\\\/a><\\\/h3>\\n <div class=\\\"llf-stars\\\" aria-label=\\\"Rated 5 out of 5\\\">\\u2605\\u2605\\u2605\\u2605\\u2605<\\\/div>\\n <div class=\\\"llf-price\\\">$349.00<\\\/div>\\n <div class=\\\"llf-actions\\\">\\n <a class=\\\"llf-btn llf-cart\\\" href=\\\"https:\\\/\\\/lawnlogic.shop\\\/?add-to-cart=126\\\">ADD TO CART<\\\/a>\\n <a class=\\\"llf-btn llf-buy\\\" href=\\\"https:\\\/\\\/lawnlogic.shop\\\/checkout\\\/?add-to-cart=126\\\">BUY NOW<\\\/a>\\n <\\\/div>\\n <\\\/div>\\n <\\\/article>\\n\\n <\\\/div>\\n\\n <button class=\\\"llf-arrow llf-next\\\" type=\\\"button\\\" aria-label=\\\"Next products\\\">\\n <svg viewBox=\\\"0 0 24 24\\\" aria-hidden=\\\"true\\\"><path d=\\\"M9 5l7 7-7 7\\\"\\\/><\\\/svg>\\n <\\\/button>\\n <\\\/div>\\n\\n \\n <div class=\\\"llf-dots\\\" aria-hidden=\\\"true\\\"><\\\/div>\\n\\n <\\\/div>\\n<\\\/section>\\n\\n<style>\\n\\\/* =====================================\\n LAWNLOGIC FEATURED PRODUCTS (all classes use llf-)\\n===================================== *\\\/\\n\\n.llf-section {\\n --llf-green: #0B6623;\\n --llf-lime: #7ED321;\\n --llf-orange: #ff852d;\\n --llf-ink: #14231a;\\n\\n width: 100vw;\\n max-width: none;\\n margin-left: calc(50% - 50vw);\\n margin-right: calc(50% - 50vw);\\n\\n background:\\n radial-gradient(ellipse at 50% 0%, rgba(126,211,33,.08) 0%, transparent 60%),\\n #fafbf8;\\n\\n font-family: Inter, Arial, sans-serif;\\n color: var(--llf-ink);\\n box-sizing: border-box;\\n}\\n\\n.llf-section *,\\n.llf-section *::before,\\n.llf-section *::after {\\n box-sizing: border-box;\\n}\\n\\n.llf-inner {\\n max-width: 1400px;\\n margin: 0 auto;\\n padding: clamp(36px, 4.5vw, 68px) clamp(14px, 5vw, 80px);\\n}\\n\\n\\\/* ---------- HEADING ---------- *\\\/\\n\\n.llf-head {\\n text-align: center;\\n margin-bottom: clamp(24px, 3vw, 40px);\\n}\\n\\n.llf-eyebrow {\\n display: block;\\n margin-bottom: 8px;\\n font-size: 9px;\\n font-weight: 800;\\n letter-spacing: 3px;\\n color: #6b7f72;\\n}\\n\\n.llf-title {\\n margin: 0;\\n font-size: clamp(28px, 3.2vw, 46px);\\n line-height: 1.1;\\n letter-spacing: -1.2px;\\n font-weight: 800;\\n color: var(--llf-ink);\\n}\\n\\n.llf-title span {\\n color: var(--llf-green);\\n}\\n\\n.llf-bar {\\n position: relative;\\n width: 56px;\\n height: 3px;\\n margin: 14px auto 0;\\n overflow: hidden;\\n border-radius: 4px;\\n background: #d7e2d0;\\n}\\n\\n\\\/* lime segment glides back and forth (transform only = no lag) *\\\/\\n.llf-bar::after {\\n content: \\\"\\\";\\n position: absolute;\\n top: 0;\\n left: 0;\\n width: 40%;\\n height: 100%;\\n border-radius: inherit;\\n background: var(--llf-lime);\\n animation: llfBarSlide 2.2s ease-in-out infinite alternate;\\n}\\n\\n@keyframes llfBarSlide {\\n from { transform: translateX(0); }\\n to { transform: translateX(150%); }\\n}\\n\\n\\\/* ---------- SLIDER ---------- *\\\/\\n\\n.llf-slider {\\n position: relative;\\n}\\n\\n.llf-track {\\n --gap: 20px;\\n --per: 4;\\n\\n display: flex;\\n gap: var(--gap);\\n padding: 8px 4px 26px;\\n margin: 0 -4px;\\n\\n overflow-x: auto;\\n overflow-y: hidden;\\n scroll-snap-type: x mandatory;\\n scrollbar-width: none;\\n -webkit-overflow-scrolling: touch;\\n overscroll-behavior-x: contain;\\n outline: none;\\n}\\n\\n.llf-track::-webkit-scrollbar { display: none; }\\n\\n.llf-card {\\n flex: 0 0 calc((100% - (var(--per) - 1) * var(--gap)) \\\/ var(--per));\\n min-width: 0;\\n scroll-snap-align: start;\\n\\n display: flex;\\n flex-direction: column;\\n padding: 12px;\\n\\n background: #fff;\\n border: 1px solid #e6eee0;\\n border-radius: 18px;\\n box-shadow: 0 6px 22px rgba(20,43,25,.06);\\n\\n transition: transform .3s ease, box-shadow .3s ease;\\n}\\n\\n@media (hover: hover) {\\n .llf-card:hover {\\n transform: translateY(-5px);\\n box-shadow: 0 14px 32px rgba(20,43,25,.11);\\n }\\n .llf-card:hover .llf-media img { transform: scale(1.05); }\\n}\\n\\n\\\/* Image *\\\/\\n\\n.llf-section a.llf-media {\\n position: relative;\\n display: block;\\n aspect-ratio: 1 \\\/ 1;\\n overflow: hidden;\\n border-radius: 12px;\\n background: #f3f6ef;\\n text-decoration: none !important;\\n}\\n\\n.llf-media img {\\n display: block;\\n width: 100%;\\n height: 100%;\\n object-fit: cover;\\n transition: transform .5s cubic-bezier(.2,.75,.25,1);\\n}\\n\\n.llf-badge {\\n position: absolute;\\n z-index: 2;\\n top: 10px;\\n left: 10px;\\n padding: 6px 11px;\\n border-radius: 50px;\\n background: var(--llf-green);\\n color: #fff;\\n font-size: 8px;\\n font-weight: 800;\\n letter-spacing: 1px;\\n}\\n\\n\\\/* Text *\\\/\\n\\n.llf-body {\\n display: flex;\\n flex: 1;\\n flex-direction: column;\\n padding: 14px 4px 2px;\\n}\\n\\n.llf-name {\\n margin: 0 0 8px;\\n font-size: 14px;\\n line-height: 1.4;\\n font-weight: 700;\\n display: -webkit-box;\\n -webkit-line-clamp: 3;\\n -webkit-box-orient: vertical;\\n overflow: hidden;\\n min-height: 3.9em;\\n}\\n\\n.llf-section .llf-name a {\\n color: var(--llf-ink) !important;\\n text-decoration: none !important;\\n transition: color .25s;\\n}\\n\\n.llf-section .llf-name a:hover { color: var(--llf-green) !important; }\\n\\n.llf-stars {\\n margin-bottom: 6px;\\n font-size: 11px;\\n letter-spacing: 2px;\\n color: var(--llf-orange);\\n}\\n\\n.llf-price {\\n margin-bottom: 14px;\\n font-size: 18px;\\n font-weight: 800;\\n color: var(--llf-ink);\\n}\\n\\n.llf-actions {\\n display: grid;\\n grid-template-columns: 1fr 1fr;\\n gap: 8px;\\n margin-top: auto;\\n}\\n\\n.llf-section a.llf-btn {\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n min-height: 40px;\\n padding: 10px 6px;\\n border-radius: 9px;\\n color: #fff !important;\\n font-size: 10px;\\n font-weight: 800;\\n letter-spacing: .4px;\\n text-decoration: none !important;\\n text-align: center;\\n transition: transform .25s, box-shadow .25s, background .25s;\\n}\\n\\n.llf-cart { background: var(--llf-green); }\\n.llf-buy { background: var(--llf-orange); }\\n\\n.llf-section a.llf-cart:hover {\\n background: #0e7a2b;\\n transform: translateY(-2px);\\n box-shadow: 0 8px 18px rgba(11,102,35,.25);\\n}\\n\\n.llf-section a.llf-buy:hover {\\n background: #ff7313;\\n transform: translateY(-2px);\\n box-shadow: 0 8px 18px rgba(255,133,45,.3);\\n}\\n\\n\\\/* ---------- ARROWS (desktop) ---------- *\\\/\\n\\n.llf-arrow {\\n position: absolute;\\n z-index: 5;\\n top: 42%;\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n width: 46px;\\n height: 46px;\\n padding: 0;\\n border: 1px solid #e6eee0;\\n border-radius: 50%;\\n background: #fff;\\n color: var(--llf-green);\\n cursor: pointer;\\n box-shadow: 0 8px 22px rgba(20,43,25,.14);\\n transition: transform .25s, opacity .25s, background .25s, color .25s;\\n}\\n\\n.llf-arrow svg {\\n width: 20px;\\n height: 20px;\\n fill: none;\\n stroke: currentColor;\\n stroke-width: 2.4;\\n stroke-linecap: round;\\n stroke-linejoin: round;\\n}\\n\\n.llf-arrow:hover {\\n background: var(--llf-green);\\n color: #fff;\\n}\\n\\n.llf-prev { left: -23px; }\\n.llf-next { right: -23px; }\\n\\n.llf-arrow.is-hidden {\\n opacity: 0;\\n pointer-events: none;\\n}\\n\\n\\\/* ---------- DOTS (mobile \\\/ tablet) ---------- *\\\/\\n\\n.llf-dots {\\n display: none;\\n justify-content: center;\\n gap: 7px;\\n margin-top: 4px;\\n}\\n\\n.llf-dot {\\n width: 7px;\\n height: 7px;\\n padding: 0;\\n border: 0;\\n border-radius: 50px;\\n background: #cfdcc6;\\n cursor: pointer;\\n transition: width .3s, background .3s;\\n}\\n\\n.llf-dot.is-active {\\n width: 22px;\\n background: var(--llf-green);\\n}\\n\\n\\\/* ---------- TABLET ---------- *\\\/\\n\\n@media (max-width: 1100px) {\\n .llf-track { --per: 3; }\\n}\\n\\n@media (max-width: 900px) {\\n .llf-track { --per: 2.3; --gap: 14px; }\\n .llf-arrow { display: none; }\\n .llf-dots { display: flex; }\\n}\\n\\n\\\/* ---------- MOBILE ---------- *\\\/\\n\\n@media (max-width: 600px) {\\n .llf-track { --per: 1.18; --gap: 12px; }\\n .llf-name { font-size: 13.5px; }\\n}\\n\\n@media (prefers-reduced-motion: reduce) {\\n .llf-section * { transition: none !important; }\\n .llf-bar::after { animation: none !important; }\\n}\\n<\\\/style>\\n\\n<script>\\n(function () {\\n document.querySelectorAll('.llf-section').forEach(function (section) {\\n var track = section.querySelector('.llf-track');\\n var cards = section.querySelectorAll('.llf-card');\\n var prev = section.querySelector('.llf-prev');\\n var next = section.querySelector('.llf-next');\\n var dotsWrap = section.querySelector('.llf-dots');\\n if (!track || !cards.length) return;\\n\\n var mqAuto = window.matchMedia('(max-width: 900px)');\\n var reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\\n var timer = null, resumeTimer = null, visible = false, ticking = false;\\n\\n function step() {\\n var gap = parseFloat(getComputedStyle(track).columnGap) || 0;\\n return cards[0].getBoundingClientRect().width + gap;\\n }\\n\\n \\\/* ---- dots ---- *\\\/\\n var dots = [];\\n cards.forEach(function (_, i) {\\n var b = document.createElement('button');\\n b.type = 'button';\\n b.className = 'llf-dot';\\n b.setAttribute('aria-label', 'Go to product ' + (i + 1));\\n b.addEventListener('click', function () {\\n track.scrollTo({ left: i * step(), behavior: 'smooth' });\\n pauseAuto();\\n });\\n dotsWrap.appendChild(b);\\n dots.push(b);\\n });\\n\\n \\\/* ---- arrows + dots state ---- *\\\/\\n function update() {\\n var max = track.scrollWidth - track.clientWidth;\\n var x = track.scrollLeft;\\n\\n prev.classList.toggle('is-hidden', x <= 2);\\n next.classList.toggle('is-hidden', x >= max - 2 || max <= 2);\\n\\n var idx = Math.min(cards.length - 1, Math.round(x \\\/ step()));\\n dots.forEach(function (d, i) { d.classList.toggle('is-active', i === idx); });\\n ticking = false;\\n }\\n\\n track.addEventListener('scroll', function () {\\n if (!ticking) { ticking = true; requestAnimationFrame(update); }\\n }, { passive: true });\\n\\n prev.addEventListener('click', function () {\\n track.scrollBy({ left: -step(), behavior: 'smooth' });\\n });\\n next.addEventListener('click', function () {\\n track.scrollBy({ left: step(), behavior: 'smooth' });\\n });\\n\\n \\\/* ---- autoplay (tablet \\\/ phones only) ---- *\\\/\\n function advance() {\\n var max = track.scrollWidth - track.clientWidth;\\n if (track.scrollLeft >= max - 4) {\\n track.scrollTo({ left: 0, behavior: 'smooth' });\\n } else {\\n track.scrollBy({ left: step(), behavior: 'smooth' });\\n }\\n }\\n\\n function startAuto() {\\n stopAuto();\\n if (reduce || !mqAuto.matches || !visible) return;\\n timer = setInterval(advance, 3500);\\n }\\n\\n function stopAuto() {\\n if (timer) { clearInterval(timer); timer = null; }\\n }\\n\\n function pauseAuto() {\\n stopAuto();\\n clearTimeout(resumeTimer);\\n resumeTimer = setTimeout(startAuto, 6000); \\\/\\\/ resume after the user stops touching\\n }\\n\\n track.addEventListener('touchstart', pauseAuto, { passive: true });\\n track.addEventListener('pointerdown', pauseAuto, { passive: true });\\n track.addEventListener('mouseenter', stopAuto);\\n track.addEventListener('mouseleave', startAuto);\\n track.addEventListener('focusin', stopAuto);\\n track.addEventListener('focusout', startAuto);\\n\\n document.addEventListener('visibilitychange', function () {\\n if (document.hidden) stopAuto(); else startAuto();\\n });\\n\\n mqAuto.addEventListener\\n ? mqAuto.addEventListener('change', startAuto)\\n : mqAuto.addListener(startAuto);\\n\\n window.addEventListener('resize', update, { passive: true });\\n\\n \\\/* only run the timer while the section is on screen *\\\/\\n if ('IntersectionObserver' in window) {\\n new IntersectionObserver(function (entries) {\\n visible = entries[0].isIntersecting;\\n if (visible) startAuto(); else stopAuto();\\n }, { threshold: 0.25 }).observe(section);\\n } else {\\n visible = true;\\n startAuto();\\n }\\n\\n update();\\n });\\n})();\\n<\\\/script>\"},\"elements\":[],\"widgetType\":\"html\"},{\"id\":\"bd3ac08\",\"elType\":\"widget\",\"settings\":{\"html\":\"\\n<section class=\\\"ll-hero\\\">\\n <div class=\\\"ll-hero-bg\\\"><\\\/div>\\n <div class=\\\"ll-hero-shade\\\"><\\\/div>\\n\\n <div class=\\\"ll-hero-container\\\">\\n\\n <div class=\\\"ll-hero-content\\\">\\n\\n <a class=\\\"ll-brand\\\" href=\\\"https:\\\/\\\/lawnlogic.shop\\\/\\\">\\n <span class=\\\"ll-brand-main\\\">Lawn<span>Logic<\\\/span><\\\/span>\\n <span class=\\\"ll-brand-sub\\\">PREMIUM OUTDOOR EQUIPMENT<\\\/span>\\n <\\\/a>\\n\\n <h1>\\n GET THE JOB<br>\\n DONE<br>\\n <span class=\\\"ll-heading-green\\\">THE RIGHT WAY<\\\/span><span class=\\\"ll-heading-dot\\\">.<\\\/span>\\n <\\\/h1>\\n\\n <p class=\\\"ll-hero-description\\\">\\n Powerful tools for a\\n <span>Cleaner, Greener<\\\/span> and<br class=\\\"ll-desktop-break\\\">\\n Happier Home.\\n <\\\/p>\\n\\n <a class=\\\"ll-shop-button\\\" href=\\\"https:\\\/\\\/lawnlogic.shop\\\/?post_type=product\\\">\\n <span>SHOP COLLECTION<\\\/span>\\n <svg viewBox=\\\"0 0 24 24\\\" aria-hidden=\\\"true\\\">\\n <path d=\\\"M4 12h15M13 5l7 7-7 7\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\"\\n stroke-width=\\\"2\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\"\\\/>\\n <\\\/svg>\\n <\\\/a>\\n\\n \\n <div class=\\\"ll-hero-features\\\">\\n\\n <div class=\\\"ll-feature\\\">\\n <div class=\\\"ll-feature-icon\\\">\\n <svg viewBox=\\\"0 0 24 24\\\" aria-hidden=\\\"true\\\">\\n <path d=\\\"M12 3 2.8 8 12 21 21.2 8 12 3Z\\\"\\\/>\\n <path d=\\\"M2.8 8h18.4M8 8l4 13 4-13M8 8l4-5 4 5\\\"\\\/>\\n <\\\/svg>\\n <\\\/div>\\n <div class=\\\"ll-feature-label\\\"><strong>Premium<\\\/strong><span>Quality<\\\/span><\\\/div>\\n <\\\/div>\\n\\n <div class=\\\"ll-feature\\\">\\n <div class=\\\"ll-feature-icon\\\">\\n <svg viewBox=\\\"0 0 24 24\\\" aria-hidden=\\\"true\\\">\\n <path d=\\\"M19.5 3.5C11 4 5 8.5 5 15a6 6 0 0 0 6 6c6.5 0 9-9 8.5-17.5Z\\\"\\\/>\\n <path d=\\\"M4 21c3-5 6-8 11-11\\\"\\\/>\\n <\\\/svg>\\n <\\\/div>\\n <div class=\\\"ll-feature-label\\\"><strong>Greener<\\\/strong><span>Outdoors<\\\/span><\\\/div>\\n <\\\/div>\\n\\n <div class=\\\"ll-feature\\\">\\n <div class=\\\"ll-feature-icon\\\">\\n <svg viewBox=\\\"0 0 24 24\\\" aria-hidden=\\\"true\\\">\\n <path d=\\\"m3 11 9-8 9 8\\\"\\\/>\\n <path d=\\\"M5.5 9.5V21h13V9.5M9.5 21v-7h5v7\\\"\\\/>\\n <\\\/svg>\\n <\\\/div>\\n <div class=\\\"ll-feature-label\\\"><strong>Better<\\\/strong><span>Living<\\\/span><\\\/div>\\n <\\\/div>\\n\\n <div class=\\\"ll-feature\\\">\\n <div class=\\\"ll-feature-icon\\\">\\n <svg viewBox=\\\"0 0 24 24\\\" aria-hidden=\\\"true\\\">\\n <circle cx=\\\"12\\\" cy=\\\"12\\\" r=\\\"4\\\"\\\/>\\n <path d=\\\"M12 2v3M12 19v3M2 12h3M19 12h3M4.9 4.9 7 7M17 17l2.1 2.1M19.1 4.9 17 7M7 17l-2.1 2.1\\\"\\\/>\\n <\\\/svg>\\n <\\\/div>\\n <div class=\\\"ll-feature-label\\\"><strong>Built<\\\/strong><span>to Last<\\\/span><\\\/div>\\n <\\\/div>\\n\\n <\\\/div>\\n <\\\/div>\\n\\n <\\\/div>\\n<\\\/section>\\n\\n<style>\\n\\\/* =====================================\\n LAWNLOGIC HERO \\u2014 ALL STYLES SCOPED\\n===================================== *\\\/\\n\\n.ll-hero {\\n --ll-lime: #7ED321;\\n --ll-green: #0B6623;\\n --ll-dark: #06150C;\\n\\n position: relative;\\n isolation: isolate;\\n overflow: hidden;\\n display: flex;\\n align-items: stretch;\\n\\n \\\/* full width *\\\/\\n width: 100vw !important;\\n max-width: none !important;\\n margin-left: calc(50% - 50vw) !important;\\n margin-right: calc(50% - 50vw) !important;\\n border-radius: 0 !important;\\n\\n min-height: 665px;\\n background: var(--ll-dark);\\n color: #fff;\\n font-family: inherit;\\n box-sizing: border-box;\\n}\\n\\n.ll-hero *,\\n.ll-hero *::before,\\n.ll-hero *::after {\\n box-sizing: border-box;\\n}\\n\\n.ll-hero-bg {\\n position: absolute;\\n inset: 0;\\n z-index: -3;\\n background-image: url(\\\"https:\\\/\\\/lawnlogic.shop\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/LawnLogic-Mower-in-a-Sunny-Garden.png\\\");\\n background-size: cover;\\n background-position: center 54%;\\n background-repeat: no-repeat;\\n transform: scale(1.02);\\n animation: ll-bg-reveal 1.2s ease-out both;\\n}\\n\\n.ll-hero-shade {\\n position: absolute;\\n inset: 0;\\n z-index: -2;\\n background:\\n linear-gradient(90deg,\\n rgba(3, 17, 9, .98) 0%,\\n rgba(4, 22, 10, .94) 26%,\\n rgba(4, 22, 10, .76) 43%,\\n rgba(4, 18, 8, .20) 70%,\\n rgba(4, 18, 8, .18) 100%),\\n linear-gradient(0deg,\\n rgba(2, 12, 6, .72),\\n transparent 45%);\\n}\\n\\n.ll-hero-container {\\n position: relative;\\n display: flex;\\n align-items: center;\\n width: 100%;\\n max-width: 1500px;\\n min-height: inherit;\\n margin: 0 auto;\\n padding: 52px 6.2% 35px;\\n}\\n\\n.ll-hero-content {\\n position: relative;\\n z-index: 2;\\n width: 53%;\\n max-width: 680px;\\n animation: ll-content-enter .8s ease-out both;\\n}\\n\\n\\\/* BRAND \\u2014 underline removed in every state *\\\/\\n.ll-hero a.ll-brand,\\n.ll-hero a.ll-brand:hover,\\n.ll-hero a.ll-brand:focus,\\n.ll-hero a.ll-brand:active,\\n.ll-hero a.ll-brand span {\\n text-decoration: none !important;\\n border-bottom: 0 !important;\\n box-shadow: none !important;\\n}\\n\\n.ll-brand {\\n display: inline-flex;\\n flex-direction: column;\\n align-items: flex-start;\\n gap: 10px;\\n margin-bottom: 27px;\\n color: #fff;\\n}\\n\\n.ll-brand-main {\\n color: var(--ll-lime);\\n font-size: clamp(36px, 3.1vw, 55px);\\n font-weight: 850;\\n line-height: 1;\\n letter-spacing: -2.5px;\\n}\\n\\n.ll-brand-main span {\\n color: #fff;\\n}\\n\\n.ll-brand-sub {\\n font-size: 9px;\\n font-weight: 800;\\n letter-spacing: 4px;\\n color: rgba(255,255,255,.88);\\n}\\n\\n\\\/* HEADLINE *\\\/\\n.ll-hero h1 {\\n margin: 0 0 22px;\\n color: #fff;\\n font-size: clamp(43px, 4.15vw, 72px);\\n font-weight: 900;\\n line-height: .99;\\n letter-spacing: -2.5px;\\n}\\n\\n.ll-heading-green { color: var(--ll-lime); }\\n.ll-heading-dot { color: #FF8500; }\\n\\n.ll-hero-description {\\n margin: 0 0 29px;\\n color: rgba(255,255,255,.96);\\n font-size: clamp(15px, 1.1vw, 19px);\\n font-weight: 500;\\n line-height: 1.55;\\n}\\n\\n.ll-hero-description span {\\n color: var(--ll-lime);\\n font-weight: 750;\\n}\\n\\n\\\/* SHOP BUTTON *\\\/\\n.ll-hero a.ll-shop-button,\\n.ll-hero a.ll-shop-button:hover {\\n text-decoration: none !important;\\n}\\n\\n.ll-shop-button {\\n position: relative;\\n isolation: isolate;\\n display: inline-flex;\\n align-items: center;\\n justify-content: center;\\n gap: 25px;\\n min-width: 207px;\\n min-height: 55px;\\n padding: 15px 24px;\\n overflow: hidden;\\n border: 1px solid var(--ll-lime);\\n border-radius: 50px;\\n background: var(--ll-lime);\\n color: #10200B;\\n font-size: 11px;\\n font-weight: 850;\\n letter-spacing: .6px;\\n transition:\\n color .35s ease,\\n border-color .35s ease,\\n box-shadow .35s ease,\\n transform .35s ease;\\n}\\n\\n.ll-shop-button::before {\\n content: \\\"\\\";\\n position: absolute;\\n inset: 0;\\n z-index: -1;\\n border-radius: inherit;\\n background: #102A19;\\n transform: scaleX(0);\\n transform-origin: left;\\n transition: transform .38s cubic-bezier(.2,.7,.2,1);\\n}\\n\\n.ll-shop-button:hover,\\n.ll-shop-button:focus-visible {\\n color: #fff;\\n border-color: #fff;\\n box-shadow: 0 0 0 4px rgba(126,211,33,.13),\\n 0 10px 30px rgba(0,0,0,.25);\\n transform: translateY(-3px);\\n}\\n\\n.ll-shop-button:hover::before,\\n.ll-shop-button:focus-visible::before {\\n transform: scaleX(1);\\n}\\n\\n.ll-shop-button svg {\\n width: 19px;\\n height: 19px;\\n flex: 0 0 19px;\\n transition: transform .3s ease;\\n}\\n\\n.ll-shop-button:hover svg {\\n transform: translateX(5px);\\n}\\n\\n\\\/* FEATURE BUBBLES *\\\/\\n.ll-hero-features {\\n display: flex;\\n align-items: center;\\n flex-wrap: wrap;\\n gap: 24px 25px;\\n margin-top: 63px;\\n}\\n\\n.ll-feature {\\n position: relative;\\n display: flex;\\n align-items: center;\\n gap: 11px;\\n padding: 7px 10px 7px 0;\\n border-radius: 40px;\\n cursor: default;\\n transition:\\n transform .3s ease,\\n background .3s ease,\\n box-shadow .3s ease;\\n}\\n\\n.ll-feature-icon {\\n position: relative;\\n display: flex;\\n flex: 0 0 48px;\\n align-items: center;\\n justify-content: center;\\n width: 48px;\\n height: 48px;\\n border: 1px solid rgba(126,211,33,.65);\\n border-radius: 50%;\\n background: rgba(5, 22, 10, .40);\\n color: var(--ll-lime);\\n transition:\\n color .35s ease,\\n background .35s ease,\\n border-color .35s ease,\\n transform .35s ease,\\n box-shadow .35s ease;\\n}\\n\\n.ll-feature-icon svg {\\n width: 21px;\\n height: 21px;\\n fill: none;\\n stroke: currentColor;\\n stroke-width: 1.35;\\n stroke-linecap: round;\\n stroke-linejoin: round;\\n transition: transform .35s ease;\\n}\\n\\n.ll-feature-label {\\n display: flex;\\n flex-direction: column;\\n gap: 2px;\\n min-width: 60px;\\n color: #fff;\\n font-size: 11px;\\n line-height: 1.15;\\n}\\n\\n.ll-feature-label strong { font-weight: 800; }\\n\\n.ll-feature-label span {\\n color: rgba(255,255,255,.86);\\n font-size: 10px;\\n}\\n\\n.ll-feature:hover {\\n transform: translateY(-5px);\\n background: rgba(126,211,33,.08);\\n box-shadow: 0 6px 24px rgba(0,0,0,.12);\\n}\\n\\n.ll-feature:hover .ll-feature-icon {\\n color: #10200B;\\n background: var(--ll-lime);\\n border-color: var(--ll-lime);\\n transform: scale(1.09);\\n box-shadow: 0 0 0 5px rgba(126,211,33,.12),\\n 0 0 22px rgba(126,211,33,.25);\\n}\\n\\n.ll-feature:hover .ll-feature-icon svg {\\n transform: rotate(-8deg) scale(1.08);\\n}\\n\\n\\\/* ANIMATIONS *\\\/\\n@keyframes ll-content-enter {\\n from { opacity: 0; transform: translateY(18px); }\\n to { opacity: 1; transform: translateY(0); }\\n}\\n\\n@keyframes ll-bg-reveal {\\n from { opacity: .5; transform: scale(1.06); }\\n to { opacity: 1; transform: scale(1.02); }\\n}\\n\\n\\\/* TABLET *\\\/\\n@media (max-width: 1000px) {\\n .ll-hero { min-height: 620px; }\\n\\n .ll-hero-bg { background-position: 70% 60%; }\\n\\n .ll-hero-container { padding: 48px 5%; }\\n\\n .ll-hero-content { width: 60%; }\\n\\n .ll-hero h1 { font-size: clamp(42px, 5.5vw, 59px); }\\n\\n .ll-hero-features { gap: 15px 12px; margin-top: 48px; }\\n\\n .ll-feature-icon {\\n width: 42px;\\n height: 42px;\\n flex-basis: 42px;\\n }\\n}\\n\\n\\\/* MOBILE *\\\/\\n@media (max-width: 650px) {\\n .ll-hero { min-height: 0; }\\n\\n \\\/* anchor the photo to the bottom-right so the mower stays visible *\\\/\\n .ll-hero-bg {\\n background-position: 76% 100%;\\n transform: none;\\n animation: none;\\n }\\n\\n \\\/* dark at the top for text, fades out toward the bottom to show the mower *\\\/\\n .ll-hero-shade {\\n background: linear-gradient(\\n 180deg,\\n rgba(3,16,8,.95) 0%,\\n rgba(3,16,8,.88) 45%,\\n rgba(3,16,8,.45) 72%,\\n rgba(3,16,8,.12) 100%\\n );\\n }\\n\\n .ll-hero-container {\\n align-items: flex-start;\\n padding: 36px 23px 270px; \\\/* bottom space reveals the mower photo *\\\/\\n }\\n\\n .ll-hero-content {\\n width: 100%;\\n max-width: 520px;\\n }\\n\\n .ll-brand { margin-bottom: 28px; }\\n\\n .ll-brand-main {\\n font-size: 39px;\\n letter-spacing: -1.8px;\\n }\\n\\n .ll-brand-sub {\\n font-size: 8px;\\n letter-spacing: 2.5px;\\n }\\n\\n .ll-hero h1 {\\n font-size: clamp(40px, 10.5vw, 58px);\\n letter-spacing: -1.8px;\\n line-height: 1;\\n }\\n\\n .ll-hero-description { font-size: 15px; }\\n\\n .ll-desktop-break { display: none; }\\n\\n .ll-shop-button { min-height: 52px; }\\n\\n .ll-hero-features {\\n display: grid;\\n grid-template-columns: repeat(2, minmax(0, 1fr));\\n gap: 12px 8px;\\n margin-top: 37px;\\n }\\n\\n .ll-feature {\\n gap: 9px;\\n padding: 6px 4px 6px 0;\\n }\\n\\n .ll-feature-icon {\\n width: 42px;\\n height: 42px;\\n flex-basis: 42px;\\n }\\n\\n .ll-feature-label { font-size: 11px; }\\n}\\n\\n\\\/* REDUCED MOTION *\\\/\\n@media (prefers-reduced-motion: reduce) {\\n .ll-hero *,\\n .ll-hero *::before,\\n .ll-hero *::after {\\n animation: none !important;\\n transition: none !important;\\n }\\n}\\n<\\\/style>\",\"_element_width\":\"inherit\",\"_offset_x\":{\"size\":-8,\"unit\":\"px\"},\"_offset_y\":{\"size\":349,\"unit\":\"px\"}},\"elements\":[],\"widgetType\":\"html\"}],\"isInner\":false},{\"id\":\"c3aae40\",\"elType\":\"container\",\"settings\":[],\"elements\":[{\"id\":\"dbabe1b\",\"elType\":\"widget\",\"settings\":{\"html\":\"\\n<section class=\\\"llt-trust\\\" aria-label=\\\"Why homeowners choose LawnLogic\\\">\\n <div class=\\\"llt-bg\\\"><\\\/div>\\n\\n <div class=\\\"llt-inner\\\">\\n\\n \\n <div class=\\\"llt-intro\\\">\\n <div class=\\\"llt-eyebrow\\\"><span><\\\/span>WHY HOMEOWNERS CHOOSE LAWNLOGIC<\\\/div>\\n\\n <h2 class=\\\"llt-title\\\">\\n Numbers That<br><em>Speak Trust<\\\/em>\\n <\\\/h2>\\n\\n <p class=\\\"llt-copy\\\">\\n From quality products to reliable performance, our customers' trust drives everything we do.\\n <\\\/p>\\n\\n <div class=\\\"llt-tagline\\\">Built for Greener Tomorrows.<\\\/div>\\n <\\\/div>\\n\\n <div class=\\\"llt-divider\\\" aria-hidden=\\\"true\\\"><\\\/div>\\n\\n \\n <div class=\\\"llt-stats\\\">\\n\\n \\n <div class=\\\"llt-card\\\" style=\\\"--i:0; --c:#17812c; --t:rgba(23,129,44,.14); --off:2;\\\">\\n <div class=\\\"llt-icon llt-icon-green\\\">\\n <svg viewBox=\\\"0 0 24 24\\\" aria-hidden=\\\"true\\\"><circle cx=\\\"12\\\" cy=\\\"12\\\" r=\\\"9\\\"\\\/><path d=\\\"M8.5 14c1 1.5 2.2 2.2 3.5 2.2s2.5-.7 3.5-2.2\\\"\\\/><path d=\\\"M9 9.5h.01M15 9.5h.01\\\"\\\/><\\\/svg>\\n <\\\/div>\\n <div class=\\\"llt-gauge\\\">\\n <svg viewBox=\\\"0 0 140 80\\\" aria-hidden=\\\"true\\\">\\n <path class=\\\"llt-track\\\" d=\\\"M10 74 A60 60 0 0 1 130 74\\\" pathLength=\\\"100\\\"\\\/>\\n <path class=\\\"llt-arc\\\" d=\\\"M10 74 A60 60 0 0 1 130 74\\\" pathLength=\\\"100\\\"\\\/>\\n <\\\/svg>\\n <div class=\\\"llt-value\\\"><span class=\\\"llt-num\\\" data-count=\\\"98\\\" data-decimals=\\\"0\\\">98<\\\/span><span class=\\\"llt-suffix\\\">%<\\\/span><\\\/div>\\n <\\\/div>\\n <div class=\\\"llt-label\\\">Customer<br>Satisfaction<\\\/div>\\n <\\\/div>\\n\\n \\n <div class=\\\"llt-card\\\" style=\\\"--i:1; --c:#ff852d; --t:rgba(255,133,45,.16); --off:0;\\\">\\n <div class=\\\"llt-icon llt-icon-orange\\\">\\n <svg viewBox=\\\"0 0 24 24\\\" aria-hidden=\\\"true\\\"><circle cx=\\\"9\\\" cy=\\\"8\\\" r=\\\"3.2\\\"\\\/><path d=\\\"M3 19c0-3.2 2.7-5 6-5s6 1.8 6 5\\\"\\\/><path d=\\\"M16 5.2a3.2 3.2 0 0 1 0 5.6M17.5 14.3c2.2.5 3.5 2 3.5 4.7\\\"\\\/><\\\/svg>\\n <\\\/div>\\n <div class=\\\"llt-gauge\\\">\\n <svg viewBox=\\\"0 0 140 80\\\" aria-hidden=\\\"true\\\">\\n <path class=\\\"llt-track\\\" d=\\\"M10 74 A60 60 0 0 1 130 74\\\" pathLength=\\\"100\\\"\\\/>\\n <path class=\\\"llt-arc\\\" d=\\\"M10 74 A60 60 0 0 1 130 74\\\" pathLength=\\\"100\\\"\\\/>\\n <\\\/svg>\\n <div class=\\\"llt-value\\\"><span class=\\\"llt-num\\\" data-count=\\\"100\\\" data-decimals=\\\"0\\\">100<\\\/span><span class=\\\"llt-suffix\\\">+<\\\/span><\\\/div>\\n <\\\/div>\\n <div class=\\\"llt-label\\\">Happy<br>Customers<\\\/div>\\n <\\\/div>\\n\\n \\n <div class=\\\"llt-card\\\" style=\\\"--i:2; --c:#ffb81f; --t:rgba(255,184,31,.18); --off:2;\\\">\\n <div class=\\\"llt-icon llt-icon-yellow\\\">\\n <svg viewBox=\\\"0 0 24 24\\\" aria-hidden=\\\"true\\\" class=\\\"llt-fill\\\"><path d=\\\"M12 2.5l2.9 6.1 6.6.9-4.8 4.6 1.2 6.6-5.9-3.2-5.9 3.2 1.2-6.6L2.5 9.5l6.6-.9z\\\"\\\/><\\\/svg>\\n <\\\/div>\\n <div class=\\\"llt-gauge\\\">\\n <svg viewBox=\\\"0 0 140 80\\\" aria-hidden=\\\"true\\\">\\n <path class=\\\"llt-track\\\" d=\\\"M10 74 A60 60 0 0 1 130 74\\\" pathLength=\\\"100\\\"\\\/>\\n <path class=\\\"llt-arc\\\" d=\\\"M10 74 A60 60 0 0 1 130 74\\\" pathLength=\\\"100\\\"\\\/>\\n <\\\/svg>\\n <div class=\\\"llt-value\\\"><span class=\\\"llt-num\\\" data-count=\\\"4.9\\\" data-decimals=\\\"1\\\">4.9<\\\/span><svg class=\\\"llt-star\\\" viewBox=\\\"0 0 24 24\\\" aria-hidden=\\\"true\\\"><path d=\\\"M12 2.5l2.9 6.1 6.6.9-4.8 4.6 1.2 6.6-5.9-3.2-5.9 3.2 1.2-6.6L2.5 9.5l6.6-.9z\\\"\\\/><\\\/svg><\\\/div>\\n <\\\/div>\\n <div class=\\\"llt-label\\\">Average<br>Rating<\\\/div>\\n <\\\/div>\\n\\n <\\\/div>\\n <\\\/div>\\n<\\\/section>\\n\\n<style>\\n\\\/* =====================================\\n LAWNLOGIC TRUST STATS (all classes use llt-)\\n===================================== *\\\/\\n\\n.llt-trust {\\n --llt-lime: #7ED321;\\n --llt-green: #0B6623;\\n --llt-ink: #123b23;\\n --llt-orange: #ff852d;\\n\\n position: relative;\\n isolation: isolate;\\n overflow: hidden;\\n\\n width: 100vw;\\n max-width: none;\\n margin-left: calc(50% - 50vw);\\n margin-right: calc(50% - 50vw);\\n\\n font-family: Inter, Arial, sans-serif;\\n color: var(--llt-ink);\\n background: #f6faf2;\\n box-sizing: border-box;\\n}\\n\\n.llt-trust *,\\n.llt-trust *::before,\\n.llt-trust *::after {\\n box-sizing: border-box;\\n}\\n\\n\\\/* Faded photo background (single static layer, no blur = no lag) *\\\/\\n.llt-bg {\\n position: absolute;\\n inset: 0;\\n z-index: -1;\\n background:\\n linear-gradient(90deg,\\n rgba(250,252,247,.97) 0%,\\n rgba(250,252,247,.93) 42%,\\n rgba(250,252,247,.78) 100%),\\n url('https:\\\/\\\/lawnlogic.shop\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/LawnLogic-Mower-in-Sunlit-Garden.png') center \\\/ cover no-repeat;\\n}\\n\\n.llt-inner {\\n display: grid;\\n grid-template-columns: minmax(0, 1fr) 1px minmax(0, 1.45fr);\\n align-items: center;\\n gap: clamp(24px, 3.5vw, 56px);\\n\\n max-width: 1400px;\\n margin: 0 auto;\\n padding: clamp(40px, 5vw, 76px) clamp(20px, 6vw, 110px);\\n}\\n\\n\\\/* ---------- LEFT TEXT ---------- *\\\/\\n\\n.llt-eyebrow {\\n display: flex;\\n align-items: center;\\n gap: 12px;\\n margin-bottom: 18px;\\n\\n font-size: clamp(9px, .75vw, 11px);\\n font-weight: 800;\\n letter-spacing: 2.4px;\\n color: #3b4b40;\\n}\\n\\n.llt-eyebrow > span {\\n display: block;\\n flex-shrink: 0;\\n width: 30px;\\n height: 3px;\\n border-radius: 4px;\\n background: var(--llt-orange);\\n}\\n\\n.llt-title {\\n margin: 0 0 20px;\\n font-size: clamp(34px, 3.6vw, 58px);\\n line-height: 1.04;\\n letter-spacing: -1.5px;\\n font-weight: 800;\\n color: #14231a;\\n}\\n\\n.llt-title em {\\n font-style: normal;\\n color: var(--llt-green);\\n}\\n\\n.llt-copy {\\n max-width: 420px;\\n margin: 0 0 22px;\\n font-size: clamp(13px, 1vw, 16px);\\n line-height: 1.7;\\n color: #46564b;\\n}\\n\\n.llt-tagline {\\n padding-left: 12px;\\n border-left: 3px solid var(--llt-lime);\\n font-size: 13px;\\n font-style: italic;\\n color: #5d9a3a;\\n}\\n\\n.llt-divider {\\n align-self: stretch;\\n width: 1px;\\n background: linear-gradient(180deg, transparent, rgba(23,97,44,.25), transparent);\\n}\\n\\n\\\/* ---------- CARDS ---------- *\\\/\\n\\n.llt-stats {\\n display: grid;\\n grid-template-columns: repeat(3, minmax(0, 1fr));\\n gap: clamp(10px, 1.4vw, 20px);\\n}\\n\\n.llt-card {\\n position: relative;\\n display: flex;\\n flex-direction: column;\\n align-items: center;\\n padding: 24px 12px 22px;\\n\\n background: rgba(255,255,255,.92);\\n border: 1px solid #e6eee0;\\n border-radius: 18px;\\n box-shadow: 0 6px 22px rgba(20,43,25,.06);\\n\\n transition: transform .3s ease, box-shadow .3s ease;\\n}\\n\\n@media (hover: hover) {\\n .llt-card:hover {\\n transform: translateY(-5px);\\n box-shadow: 0 14px 32px rgba(20,43,25,.1);\\n }\\n}\\n\\n\\\/* Icon badge *\\\/\\n\\n.llt-icon {\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n width: clamp(36px, 3vw, 46px);\\n height: clamp(36px, 3vw, 46px);\\n margin-bottom: 8px;\\n border-radius: 50%;\\n color: #fff;\\n box-shadow: 0 6px 14px rgba(0,0,0,.1);\\n}\\n\\n.llt-icon svg {\\n width: 55%;\\n height: 55%;\\n fill: none;\\n stroke: currentColor;\\n stroke-width: 1.7;\\n stroke-linecap: round;\\n stroke-linejoin: round;\\n}\\n\\n.llt-icon svg.llt-fill { fill: currentColor; stroke: none; }\\n\\n.llt-icon-green { background: linear-gradient(145deg, #3fae1f, #17612c); }\\n.llt-icon-orange { background: linear-gradient(145deg, #ff9a3d, #ff6f0f); }\\n.llt-icon-yellow { background: linear-gradient(145deg, #ffd23d, #ffb11f); color: #3d2a00; }\\n\\n\\\/* Gauge *\\\/\\n\\n.llt-gauge {\\n position: relative;\\n width: 100%;\\n max-width: 150px;\\n}\\n\\n.llt-gauge > svg {\\n display: block;\\n width: 100%;\\n height: auto;\\n overflow: visible;\\n}\\n\\n.llt-track,\\n.llt-arc {\\n fill: none;\\n stroke-width: 8;\\n stroke-linecap: round;\\n}\\n\\n.llt-track { stroke: var(--t); }\\n\\n.llt-arc {\\n stroke: var(--c);\\n stroke-dasharray: 100;\\n stroke-dashoffset: var(--off);\\n}\\n\\n.llt-value {\\n position: absolute;\\n left: 0;\\n right: 0;\\n bottom: 2%;\\n display: flex;\\n align-items: baseline;\\n justify-content: center;\\n gap: 1px;\\n\\n font-size: clamp(20px, 2.3vw, 36px);\\n font-weight: 800;\\n letter-spacing: -1px;\\n line-height: 1;\\n color: #14231a;\\n font-variant-numeric: tabular-nums;\\n}\\n\\n.llt-star {\\n width: .5em;\\n height: .5em;\\n margin-left: 3px;\\n fill: #ffb81f;\\n align-self: center;\\n}\\n\\n.llt-label {\\n margin-top: 10px;\\n text-align: center;\\n font-size: clamp(8px, .7vw, 10.5px);\\n font-weight: 800;\\n line-height: 1.55;\\n letter-spacing: 1.6px;\\n text-transform: uppercase;\\n color: #2c3a31;\\n}\\n\\n\\\/* ---------- ENTRANCE (runs once, only transform\\\/opacity\\\/dashoffset) ---------- *\\\/\\n\\n.llt-ready .llt-card {\\n opacity: 0;\\n transform: translateY(18px);\\n transition:\\n opacity .6s ease calc(var(--i) * .12s),\\n transform .6s cubic-bezier(.2,.75,.25,1) calc(var(--i) * .12s),\\n box-shadow .3s ease;\\n}\\n\\n.llt-ready .llt-arc {\\n stroke-dashoffset: 100;\\n transition: stroke-dashoffset 1.5s cubic-bezier(.25,.8,.25,1) calc(.25s + var(--i) * .12s);\\n}\\n\\n.llt-ready.llt-in .llt-card {\\n opacity: 1;\\n transform: translateY(0);\\n}\\n\\n.llt-ready.llt-in .llt-arc {\\n stroke-dashoffset: var(--off);\\n}\\n\\n@media (hover: hover) {\\n .llt-ready.llt-in .llt-card:hover {\\n transform: translateY(-5px);\\n }\\n}\\n\\n\\\/* ---------- TABLET ---------- *\\\/\\n\\n@media (max-width: 900px) {\\n .llt-inner {\\n grid-template-columns: 1fr;\\n gap: 28px;\\n padding: 40px 20px;\\n }\\n\\n .llt-divider { display: none; }\\n\\n .llt-copy { max-width: 520px; }\\n}\\n\\n\\\/* ---------- MOBILE ---------- *\\\/\\n\\n@media (max-width: 520px) {\\n .llt-inner { padding: 32px 14px; }\\n\\n .llt-intro { padding: 0 6px; }\\n\\n .llt-stats { gap: 8px; }\\n\\n .llt-card { padding: 16px 6px 14px; border-radius: 14px; }\\n\\n .llt-track,\\n .llt-arc { stroke-width: 9; }\\n\\n .llt-label { letter-spacing: 1px; font-size: 8px; }\\n}\\n\\n\\\/* ---------- REDUCED MOTION ---------- *\\\/\\n\\n@media (prefers-reduced-motion: reduce) {\\n .llt-ready .llt-card,\\n .llt-ready .llt-arc {\\n opacity: 1 !important;\\n transform: none !important;\\n transition: none !important;\\n }\\n .llt-ready .llt-arc { stroke-dashoffset: var(--off) !important; }\\n}\\n<\\\/style>\\n\\n<script>\\n(function () {\\n var sections = document.querySelectorAll('.llt-trust');\\n if (!sections.length) return;\\n\\n var reduce = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\\n\\n function countUp(el) {\\n var end = parseFloat(el.getAttribute('data-count'));\\n var dec = parseInt(el.getAttribute('data-decimals') || '0', 10);\\n var dur = 1400, start = null;\\n\\n function step(t) {\\n if (start === null) start = t;\\n var p = Math.min((t - start) \\\/ dur, 1);\\n var eased = 1 - Math.pow(1 - p, 3);\\n el.textContent = (end * eased).toFixed(dec);\\n if (p < 1) requestAnimationFrame(step);\\n }\\n el.textContent = (0).toFixed(dec);\\n requestAnimationFrame(step);\\n }\\n\\n function play(section) {\\n section.classList.add('llt-in');\\n if (!reduce) section.querySelectorAll('.llt-num').forEach(countUp);\\n }\\n\\n sections.forEach(function (section) {\\n section.classList.add('llt-ready');\\n\\n if (!('IntersectionObserver' in window) || reduce) {\\n play(section);\\n return;\\n }\\n\\n var io = new IntersectionObserver(function (entries) {\\n entries.forEach(function (entry) {\\n if (entry.isIntersecting) {\\n play(section);\\n io.disconnect(); \\\/\\\/ run once, then stop observing\\n }\\n });\\n }, { threshold: 0.3 });\\n\\n io.observe(section);\\n });\\n})();\\n<\\\/script>\"},\"elements\":[],\"widgetType\":\"html\"},{\"id\":\"f5492cc\",\"elType\":\"container\",\"settings\":{\"content_width\":\"full\"},\"elements\":[],\"isInner\":true}],\"isInner\":false}]"],"_elementor_page_assets":["a:1:{s:7:\"scripts\";a:1:{i:0;s:18:\"elementor-frontend\";}}"],"_elementor_page_settings":["a:0:{}"],"_elementor_used_global_class":["e-d925a8d"],"_elementor_used_global_class_preview":["e-d925a8d"],"_elementor_css":["a:6:{s:4:\"time\";i:1792661759;s:5:\"fonts\";a:0:{}s:5:\"icons\";a:0:{}s:20:\"dynamic_elements_ids\";a:0:{}s:6:\"status\";s:4:\"file\";i:0;s:0:\"\";}"],"_elementor_element_cache":["{\"timeout\":1793113830,\"value\":{\"content\":\"<div class=\\\"elementor-element elementor-element-2418110 e-con-full e-flex e-con e-parent\\\" data-id=\\\"2418110\\\" data-element_type=\\\"container\\\" data-e-type=\\\"container\\\">\\n\\t\\t\\t\\t<div class=\\\"elementor-element elementor-element-59d349b elementor-widget elementor-widget-html\\\" data-id=\\\"59d349b\\\" data-element_type=\\\"widget\\\" data-e-type=\\\"widget\\\" data-widget_type=\\\"html.default\\\">\\n\\t\\t\\t\\t\\t<!DOCTYPE html>\\n<html lang=\\\"en\\\">\\n<head>\\n<meta charset=\\\"UTF-8\\\">\\n<meta name=\\\"viewport\\\" content=\\\"width=device-width, initial-scale=1.0\\\">\\n<title>LawnLogic Hero<\\\/title>\\n\\n<style>\\nhtml,\\nbody {\\n margin: 0 !important;\\n padding: 0 !important;\\n width: 100% !important;\\n max-width: 100% !important;\\n overflow-x: clip !important;\\n}\\n\\n\\\/* FULL-WIDTH HERO *\\\/\\n#glowHero {\\n position: relative;\\n width: 100vw !important;\\n max-width: 100vw !important;\\n margin-left: calc(50% - 50vw) !important;\\n margin-right: calc(50% - 50vw) !important;\\n min-height: 800px;\\n overflow: hidden;\\n isolation: isolate;\\n box-sizing: border-box;\\n\\n background:\\n linear-gradient(\\n 90deg,\\n rgba(3, 15, 8, 0.78) 0%,\\n rgba(3, 15, 8, 0.48) 42%,\\n rgba(3, 15, 8, 0.08) 100%\\n ),\\n url(\\\"https:\\\/\\\/lawnlogic.shop\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/Realistic-Lawn-Mower-in-Backyard-Garden1.png\\\")\\n center center \\\/ cover no-repeat;\\n}\\n\\n\\\/* MOUSE-FOLLOWING GREEN GLOW *\\\/\\n#glowHero .mouse-glow {\\n position: absolute;\\n z-index: 0;\\n left: 0;\\n top: 0;\\n width: 440px;\\n height: 440px;\\n border-radius: 50%;\\n pointer-events: none;\\n\\n background: radial-gradient(\\n circle,\\n rgba(126, 211, 33, 0.25) 0%,\\n rgba(72, 180, 20, 0.14) 30%,\\n rgba(45, 150, 20, 0.06) 52%,\\n transparent 72%\\n );\\n\\n filter: blur(28px);\\n opacity: 0;\\n transform: translate(-50%, -50%);\\n will-change: transform;\\n mix-blend-mode: screen;\\n}\\n\\n\\\/* HERO CONTENT *\\\/\\n#glowHero .hero-content {\\n position: relative;\\n z-index: 1;\\n width: min(calc(100% - 48px), 1240px);\\n margin: 0 auto;\\n padding: 100px 0;\\n color: #fff;\\n box-sizing: border-box;\\n}\\n\\n#glowHero h1 {\\n max-width: 650px;\\n margin: 0 0 22px;\\n color: #fff;\\n font-family: Arial, sans-serif;\\n font-size: clamp(42px, 5.5vw, 76px);\\n font-weight: 800;\\n line-height: 1.06;\\n letter-spacing: -1.5px;\\n}\\n\\n#glowHero h1 span {\\n color: #7ed321;\\n}\\n\\n#glowHero p {\\n max-width: 520px;\\n margin: 0;\\n color: #f0f5ee;\\n font-family: Arial, sans-serif;\\n font-size: 17px;\\n line-height: 1.8;\\n}\\n\\n\\\/* BUTTON CONTAINER *\\\/\\n#glowHero .hero-buttons {\\n display: flex;\\n flex-wrap: wrap;\\n align-items: center;\\n gap: 18px;\\n margin-top: 32px;\\n}\\n\\n\\\/* SHARED BUTTON STYLING *\\\/\\n#glowHero .hero-btn {\\n display: inline-flex;\\n align-items: center;\\n justify-content: center;\\n gap: 20px;\\n min-height: 56px;\\n padding: 0 26px;\\n box-sizing: border-box;\\n border: 1px solid transparent;\\n border-radius: 7px;\\n\\n font-family: Arial, sans-serif;\\n font-size: 15px;\\n font-weight: 700;\\n letter-spacing: 0.2px;\\n text-decoration: none !important;\\n cursor: pointer;\\n\\n transition:\\n transform 0.3s ease,\\n background-color 0.3s ease,\\n border-color 0.3s ease,\\n box-shadow 0.3s ease,\\n color 0.3s ease;\\n}\\n\\n\\\/* SHOP NOW BUTTON *\\\/\\n#glowHero .shop-btn {\\n background: #7ed321;\\n color: #102016 !important;\\n box-shadow: 0 5px 18px rgba(126, 211, 33, 0.2);\\n}\\n\\n#glowHero .shop-btn:hover {\\n background: #91ed2e;\\n color: #102016 !important;\\n transform: translateY(-4px);\\n box-shadow: 0 10px 28px rgba(126, 211, 33, 0.35);\\n}\\n\\n\\\/* CONTACT US BUTTON *\\\/\\n#glowHero .contact-btn {\\n background: rgba(255, 255, 255, 0.05);\\n color: #fff !important;\\n border-color: rgba(255, 255, 255, 0.7);\\n backdrop-filter: blur(6px);\\n}\\n\\n#glowHero .contact-btn:hover {\\n background: rgba(126, 211, 33, 0.13);\\n color: #a6f45a !important;\\n border-color: #7ed321;\\n transform: translateY(-4px);\\n}\\n\\n\\\/* ANIMATED ARROWS *\\\/\\n#glowHero .btn-arrow {\\n display: inline-block;\\n font-size: 22px;\\n line-height: 1;\\n transition: transform 0.3s ease;\\n}\\n\\n#glowHero .hero-btn:hover .btn-arrow {\\n transform: translateX(6px);\\n}\\n\\n\\\/* BUTTON ENTRANCE ANIMATION *\\\/\\n@media (prefers-reduced-motion: no-preference) {\\n #glowHero .hero-buttons {\\n animation: lawnButtonsIn 0.8s ease 0.15s both;\\n }\\n\\n @keyframes lawnButtonsIn {\\n from {\\n opacity: 0;\\n transform: translateY(16px);\\n }\\n to {\\n opacity: 1;\\n transform: translateY(0);\\n }\\n }\\n}\\n\\n\\\/* KEYBOARD ACCESSIBILITY *\\\/\\n#glowHero .hero-btn:focus-visible {\\n outline: 3px solid #b5f77a;\\n outline-offset: 4px;\\n}\\n\\n\\\/* TABLET AND MOBILE *\\\/\\n@media (max-width: 768px) {\\n #glowHero {\\n min-height: 650px;\\n background-position: 58% center;\\n }\\n\\n #glowHero .hero-content {\\n width: calc(100% - 40px);\\n padding: 90px 0 70px;\\n }\\n\\n #glowHero h1 {\\n font-size: clamp(38px, 9vw, 54px);\\n letter-spacing: -0.8px;\\n }\\n\\n #glowHero p {\\n max-width: 400px;\\n font-size: 15px;\\n }\\n\\n #glowHero .mouse-glow {\\n width: 300px;\\n height: 300px;\\n }\\n}\\n\\n\\\/* SMALL MOBILE BUTTONS *\\\/\\n@media (max-width: 480px) {\\n #glowHero .hero-buttons {\\n gap: 12px;\\n margin-top: 26px;\\n }\\n\\n #glowHero .hero-btn {\\n min-height: 52px;\\n padding: 0 18px;\\n gap: 12px;\\n font-size: 14px;\\n }\\n}\\n\\n\\\/* REDUCED MOTION ACCESSIBILITY *\\\/\\n@media (prefers-reduced-motion: reduce) {\\n #glowHero .mouse-glow {\\n display: none;\\n }\\n}\\n<\\\/style>\\n<\\\/head>\\n\\n<body>\\n\\n<section id=\\\"glowHero\\\" aria-label=\\\"LawnLogic outdoor equipment\\\">\\n\\n <div class=\\\"mouse-glow\\\" id=\\\"mouseGlow\\\"><\\\/div>\\n\\n <div class=\\\"hero-content\\\">\\n\\n <h1>\\n Power Your Outdoors.<br>\\n <span>Perfect Every Lawn.<\\\/span>\\n <\\\/h1>\\n\\n <p>\\n Discover premium equipment for lawn care, gardening,\\n cleaning and property maintenance.\\n <\\\/p>\\n\\n \\n <div class=\\\"hero-buttons\\\">\\n\\n <a\\n href=\\\"https:\\\/\\\/lawnlogic.shop\\\/?product_cat=best-selling\\\"\\n class=\\\"hero-btn shop-btn\\\"\\n >\\n <span>Shop Now<\\\/span>\\n <span class=\\\"btn-arrow\\\" aria-hidden=\\\"true\\\">\\u2192<\\\/span>\\n <\\\/a>\\n\\n <a\\n href=\\\"https:\\\/\\\/lawnlogic.shop\\\/?page_id=33\\\"\\n class=\\\"hero-btn contact-btn\\\"\\n >\\n <span>Contact Us<\\\/span>\\n <span class=\\\"btn-arrow\\\" aria-hidden=\\\"true\\\">\\u2192<\\\/span>\\n <\\\/a>\\n\\n <\\\/div>\\n\\n <\\\/div>\\n<\\\/section>\\n\\n<script>\\n(() => {\\n const hero = document.getElementById(\\\"glowHero\\\");\\n const glow = document.getElementById(\\\"mouseGlow\\\");\\n\\n if (!hero || !glow) return;\\n\\n const reducedMotion = window.matchMedia(\\n \\\"(prefers-reduced-motion: reduce)\\\"\\n );\\n\\n if (reducedMotion.matches) return;\\n\\n let targetX = 0;\\n let targetY = 0;\\n let currentX = 0;\\n let currentY = 0;\\n let frame = null;\\n\\n function animate() {\\n currentX += (targetX - currentX) * 0.09;\\n currentY += (targetY - currentY) * 0.09;\\n\\n glow.style.transform =\\n `translate3d(${currentX}px, ${currentY}px, 0) translate(-50%, -50%)`;\\n\\n if (\\n Math.abs(targetX - currentX) > 0.15 ||\\n Math.abs(targetY - currentY) > 0.15\\n ) {\\n frame = requestAnimationFrame(animate);\\n } else {\\n currentX = targetX;\\n currentY = targetY;\\n frame = null;\\n }\\n }\\n\\n hero.addEventListener(\\\"pointerenter\\\", () => {\\n glow.style.opacity = \\\"1\\\";\\n });\\n\\n hero.addEventListener(\\\"pointermove\\\", (event) => {\\n const rect = hero.getBoundingClientRect();\\n\\n targetX = event.clientX - rect.left;\\n targetY = event.clientY - rect.top;\\n\\n if (frame === null) {\\n frame = requestAnimationFrame(animate);\\n }\\n });\\n\\n hero.addEventListener(\\\"pointerleave\\\", () => {\\n glow.style.opacity = \\\"0\\\";\\n });\\n})();\\n<\\\/script>\\n\\n<\\\/body>\\n<\\\/html>\\t\\t\\t\\t<\\\/div>\\n\\t\\t\\t\\t<\\\/div>\\n\\t\\t[elementor-element k=\\\"43003c24bb2fffb41c2142892ea75d93\\\" data=\\\"eyJpZCI6IjcxNTRkZDgiLCJlbFR5cGUiOiJlLWZsZXhib3giLCJzZXR0aW5ncyI6eyJjbGFzc2VzIjp7IiQkdHlwZSI6ImNsYXNzZXMiLCJ2YWx1ZSI6WyJlLWQ5MjVhOGQiXX19LCJlbGVtZW50cyI6W3siaWQiOiJiMDdhYjIwIiwiZWxUeXBlIjoid2lkZ2V0Iiwic2V0dGluZ3MiOnsiaHRtbCI6IjwhLS0gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cbiAgICAgTEFXTkxPR0lDIFx1MjAxNCBQUkVNSVVNIFdIWSBDSE9PU0UgVVMgU0VDVElPTlxuICAgICBBZGQgYXMgYSBzZXBhcmF0ZSBDdXN0b20gSFRNTCBibG9jayBiZWxvdyBzbGlkZXNob3dcbj09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09IC0tPlxuXG48c2VjdGlvbiBjbGFzcz1cImxsLWJlbmVmaXRzXCI+XG4gIDxkaXYgY2xhc3M9XCJsbC1iZW5lZml0cy1iZ1wiPjxcL2Rpdj5cbiAgPGRpdiBjbGFzcz1cImxsLWJlbmVmaXRzLW92ZXJsYXlcIj48XC9kaXY+XG5cbiAgPGRpdiBjbGFzcz1cImxsLWJlbmVmaXRzLWlubmVyXCI+XG5cbiAgICA8ZGl2IGNsYXNzPVwibGwtYmVuZWZpdHMtaGVhZGluZ1wiPlxuICAgICAgPGgyPldIWSBDSE9PU0UgPHNwYW4+TEFXTkxPR0lDPFwvc3Bhbj48XC9oMj5cbiAgICAgIDxwPlF1YWxpdHkgVG9vbHMuIEdyZWVuZXIgU3BhY2VzLiBCZXR0ZXIgTGl2aW5nLjxcL3A+XG4gICAgICA8ZGl2IGNsYXNzPVwibGwtaGVhZGluZy1saW5lXCI+PFwvZGl2PlxuICAgIDxcL2Rpdj5cblxuICAgIDxkaXYgY2xhc3M9XCJsbC1iZW5lZml0cy1wYW5lbFwiPlxuXG4gICAgICA8IS0tIEZFQVRVUkUgMSAtLT5cbiAgICAgIDxkaXYgY2xhc3M9XCJsbC1iZW5lZml0XCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJsbC1iZW5lZml0LWljb24gbGwtZ3JlZW5cIj5cbiAgICAgICAgICA8c3ZnIHZpZXdCb3g9XCIwIDAgMjQgMjRcIiBhcmlhLWhpZGRlbj1cInRydWVcIj5cbiAgICAgICAgICAgIDxwYXRoIGQ9XCJNMTIgMyAyLjggNy41IDEyIDIxbDkuMi0xMy41TDEyIDNaXCJcLz5cbiAgICAgICAgICAgIDxwYXRoIGQ9XCJtMi44IDcuNSA2LjEuMkwxMiAzbDMuMSA0LjcgNi4xLS4yTTguOSA3LjcgMTIgMjFsMy4xLTEzLjNcIlwvPlxuICAgICAgICAgIDxcL3N2Zz5cbiAgICAgICAgPFwvZGl2PlxuICAgICAgICA8aDM+UFJFTUlVTSBRVUFMSVRZPFwvaDM+XG4gICAgICAgIDxwPlJlbGlhYmxlIG91dGRvb3IgZXF1aXBtZW50PGJyPlxuICAgICAgICBidWlsdCBmb3IgbGFzdGluZyBwZXJmb3JtYW5jZS48XC9wPlxuICAgICAgPFwvZGl2PlxuXG4gICAgICA8IS0tIEZFQVRVUkUgMiAtLT5cbiAgICAgIDxkaXYgY2xhc3M9XCJsbC1iZW5lZml0XCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJsbC1iZW5lZml0LWljb24gbGwtb3JhbmdlXCI+XG4gICAgICAgICAgPHN2ZyB2aWV3Qm94PVwiMCAwIDI0IDI0XCIgYXJpYS1oaWRkZW49XCJ0cnVlXCI+XG4gICAgICAgICAgICA8cGF0aCBkPVwiTTMgN2gxMXYxMUgzek0xNCAxMWg0bDMgNHYzaC03XCJcLz5cbiAgICAgICAgICAgIDxwYXRoIGQ9XCJNNiAxOGEyIDIgMCAxIDAgNCAwTTE2IDE4YTIgMiAwIDEgMCA0IDBNMSAxMGg1TTEgMTNoNFwiXC8+XG4gICAgICAgICAgPFwvc3ZnPlxuICAgICAgICA8XC9kaXY+XG4gICAgICAgIDxoMz5GQVNUIERFTElWRVJZPFwvaDM+XG4gICAgICAgIDxwPlF1aWNrIGFuZCByZWxpYWJsZSBzaGlwcGluZzxicj5cbiAgICAgICAgc3RyYWlnaHQgdG8geW91ciBkb29yc3RlcC48XC9wPlxuICAgICAgPFwvZGl2PlxuXG4gICAgICA8IS0tIEZFQVRVUkUgMyAtLT5cbiAgICAgIDxkaXYgY2xhc3M9XCJsbC1iZW5lZml0XCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJsbC1iZW5lZml0LWljb24gbGwtZ3JlZW5cIj5cbiAgICAgICAgICA8c3ZnIHZpZXdCb3g9XCIwIDAgMjQgMjRcIiBhcmlhLWhpZGRlbj1cInRydWVcIj5cbiAgICAgICAgICAgIDxwYXRoIGQ9XCJtMTIgMiA5IDUtOSA1LTktNSA5LTVaXCJcLz5cbiAgICAgICAgICAgIDxwYXRoIGQ9XCJNMyA3djEwbDkgNSA5LTVWN00xMiAxMnYxMFwiXC8+XG4gICAgICAgICAgICA8cGF0aCBkPVwibTkgNSA5IDVNMTUgMTVsMiAyIDQtNFwiXC8+XG4gICAgICAgICAgPFwvc3ZnPlxuICAgICAgICA8XC9kaXY+XG4gICAgICAgIDxoMz5FQVNZIFNVUFBPUlQ8XC9oMz5cbiAgICAgICAgPHA+SGVscGZ1bCBzZXJ2aWNlIGFuZCBndWlkYW5jZTxicj5cbiAgICAgICAgd2hlbiB5b3UgbmVlZCBhc3Npc3RhbmNlLjxcL3A+XG4gICAgICA8XC9kaXY+XG5cbiAgICAgIDwhLS0gRkVBVFVSRSA0IC0tPlxuICAgICAgPGRpdiBjbGFzcz1cImxsLWJlbmVmaXRcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImxsLWJlbmVmaXQtaWNvbiBsbC1vcmFuZ2VcIj5cbiAgICAgICAgICA8c3ZnIHZpZXdCb3g9XCIwIDAgMjQgMjRcIiBhcmlhLWhpZGRlbj1cInRydWVcIj5cbiAgICAgICAgICAgIDxwYXRoIGQ9XCJNMTIgMjJzOC00IDgtMTFWNWwtOC0zLTggM3Y2YzAgNyA4IDExIDggMTFaXCJcLz5cbiAgICAgICAgICAgIDxwYXRoIGQ9XCJtOSAxMiAyIDIgNC01XCJcLz5cbiAgICAgICAgICA8XC9zdmc+XG4gICAgICAgIDxcL2Rpdj5cbiAgICAgICAgPGgzPlNFQ1VSRSBDSEVDS09VVDxcL2gzPlxuICAgICAgICA8cD5TaG9wIHdpdGggY29uZmlkZW5jZSB1c2luZzxicj5cbiAgICAgICAgc2VjdXJlIHBheW1lbnQgcHJvY2Vzc2luZy48XC9wPlxuICAgICAgPFwvZGl2PlxuXG4gICAgPFwvZGl2PlxuICA8XC9kaXY+XG48XC9zZWN0aW9uPlxuXG48c3R5bGU+XG5cLyogTEFXTkxPR0lDIEJFTkVGSVRTIFNFQ1RJT04gKlwvXG4ubGwtYmVuZWZpdHMge1xuICAtLWxsLWdyZWVuOiAjMEI2NjIzO1xuICAtLWxsLWxpbWU6ICM3RUQzMjE7XG4gIC0tbGwtb3JhbmdlOiAjRkY4NTAwO1xuXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgaXNvbGF0aW9uOiBpc29sYXRlO1xuICB3aWR0aDogMTAwJTtcbiAgcGFkZGluZzogNjRweCAyNHB4IDc2cHg7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGJhY2tncm91bmQ6ICMxMDFiMTQ7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIGZvbnQtZmFtaWx5OiBpbmhlcml0O1xufVxuXG5gYGBjc3NcblwvKiBMQVdOTE9HSUMgXHUyMDE0IFNVQlRMRSBBTklNQVRFRCBIRUFESU5HIExJTkUgKlwvXG4ubGwtaGVhZGluZy1saW5lIHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBib3gtc2hhZG93OiAwIDAgOHB4IHJnYmEoMTI2LCAyMTEsIDMzLCAwLjI1KTtcbn1cblxuLmxsLWhlYWRpbmctbGluZTo6YWZ0ZXIge1xuICBjb250ZW50OiBcIlwiO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMDtcbiAgbGVmdDogLTQwJTtcbiAgd2lkdGg6IDQwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBiYWNrZ3JvdW5kOiBsaW5lYXItZ3JhZGllbnQoXG4gICAgOTBkZWcsXG4gICAgdHJhbnNwYXJlbnQsXG4gICAgcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjkpLFxuICAgIHRyYW5zcGFyZW50XG4gICk7XG4gIGFuaW1hdGlvbjogbGwtbGluZS1zaGltbWVyIDNzIGVhc2UtaW4tb3V0IGluZmluaXRlO1xufVxuXG5Aa2V5ZnJhbWVzIGxsLWxpbmUtc2hpbW1lciB7XG4gIDAlIHtcbiAgICBsZWZ0OiAtNDAlO1xuICB9XG4gIDU1JSwgMTAwJSB7XG4gICAgbGVmdDogMTEwJTtcbiAgfVxufVxuXG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAubGwtaGVhZGluZy1saW5lOjphZnRlciB7XG4gICAgYW5pbWF0aW9uOiBub25lO1xuICB9XG59XG5gYGBcbi5sbC1iZW5lZml0cyAqLFxuLmxsLWJlbmVmaXRzICo6OmJlZm9yZSxcbi5sbC1iZW5lZml0cyAqOjphZnRlciB7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG59XG5cblwvKiBVUERBVEVEIExBV05MT0dJQyBCQUNLR1JPVU5EIElNQUdFICpcL1xuLmxsLWJlbmVmaXRzLWJnIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBpbnNldDogLTEwcHg7XG4gIHotaW5kZXg6IC0yO1xuICBiYWNrZ3JvdW5kLWltYWdlOiB1cmwoXCJodHRwczpcL1wvbGF3bmxvZ2ljLnNob3BcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjZcLzEwXC9MYXduTG9naWMtTW93ZXItaW4tYS1TdW5ueS1HYXJkZW4ucG5nXCIpO1xuICBiYWNrZ3JvdW5kLXNpemU6IGNvdmVyO1xuICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiBjZW50ZXIgNTUlO1xuICBmaWx0ZXI6IGJsdXIoM3B4KTtcbiAgdHJhbnNmb3JtOiBzY2FsZSgxLjAzKTtcbn1cblxuLmxsLWJlbmVmaXRzLW92ZXJsYXkge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGluc2V0OiAwO1xuICB6LWluZGV4OiAtMTtcbiAgYmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KFxuICAgIDEwMGRlZyxcbiAgICByZ2JhKDQsIDE3LCA5LCAuNzYpLFxuICAgIHJnYmEoNywgMjUsIDEwLCAuNTgpLFxuICAgIHJnYmEoNSwgMTgsIDgsIC43MilcbiAgKTtcbn1cblxuLmxsLWJlbmVmaXRzLWlubmVyIHtcbiAgd2lkdGg6IDEwMCU7XG4gIG1heC13aWR0aDogMTQ1MHB4O1xuICBtYXJnaW46IDAgYXV0bztcbn1cblxuLmxsLWJlbmVmaXRzLWhlYWRpbmcge1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIG1hcmdpbjogMCBhdXRvIDM2cHg7XG59XG5cbi5sbC1iZW5lZml0cy1oZWFkaW5nIGgyIHtcbiAgbWFyZ2luOiAwIDAgMTBweDtcbiAgY29sb3I6ICNmZmY7XG4gIGZvbnQtc2l6ZTogY2xhbXAoMzBweCwgMy4ydncsIDU0cHgpO1xuICBmb250LXdlaWdodDogODAwO1xuICBsaW5lLWhlaWdodDogMS4xNTtcbiAgbGV0dGVyLXNwYWNpbmc6IC0xLjNweDtcbn1cblxuLmxsLWJlbmVmaXRzLWhlYWRpbmcgaDIgc3BhbiB7XG4gIGNvbG9yOiB2YXIoLS1sbC1saW1lKTtcbn1cblxuLmxsLWJlbmVmaXRzLWhlYWRpbmcgcCB7XG4gIG1hcmdpbjogMDtcbiAgY29sb3I6ICNmZmY7XG4gIGZvbnQtc2l6ZTogMTVweDtcbiAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgbGluZS1oZWlnaHQ6IDEuNztcbn1cblxuLmxsLWhlYWRpbmctbGluZSB7XG4gIHdpZHRoOiA3NXB4O1xuICBoZWlnaHQ6IDNweDtcbiAgbWFyZ2luOiAxOHB4IGF1dG8gMDtcbiAgYm9yZGVyLXJhZGl1czogNHB4O1xuICBiYWNrZ3JvdW5kOiB2YXIoLS1sbC1saW1lKTtcbn1cblxuXC8qIEdMQVNTIFBBTkVMICpcL1xuLmxsLWJlbmVmaXRzLXBhbmVsIHtcbiAgZGlzcGxheTogZ3JpZDtcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiByZXBlYXQoNCwgbWlubWF4KDAsIDFmcikpO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBib3JkZXI6IDFweCBzb2xpZCByZ2JhKDI1NSwyNTUsMjU1LC4yNCk7XG4gIGJvcmRlci1yYWRpdXM6IDIycHg7XG4gIGJhY2tncm91bmQ6IHJnYmEoNywgMjAsIDEwLCAuNTgpO1xuICBib3gtc2hhZG93OiAwIDE2cHggNTBweCByZ2JhKDAsMCwwLC4yKTtcbiAgLXdlYmtpdC1iYWNrZHJvcC1maWx0ZXI6IGJsdXIoMTZweCk7XG4gIGJhY2tkcm9wLWZpbHRlcjogYmx1cigxNnB4KTtcbn1cblxuLmxsLWJlbmVmaXQge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIG1pbi13aWR0aDogMDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuICBwYWRkaW5nOiAzMHB4IDE4cHggMzJweDtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xufVxuXG4ubGwtYmVuZWZpdDpub3QoOmxhc3QtY2hpbGQpOjphZnRlciB7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgcmlnaHQ6IDA7XG4gIHRvcDogMjIlO1xuICBoZWlnaHQ6IDU2JTtcbiAgd2lkdGg6IDFweDtcbiAgYmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KFxuICAgIHRvIGJvdHRvbSxcbiAgICB0cmFuc3BhcmVudCxcbiAgICByZ2JhKDEyNiwyMTEsMzMsLjYpLFxuICAgIHRyYW5zcGFyZW50XG4gICk7XG59XG5cbi5sbC1iZW5lZml0LWljb24ge1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgd2lkdGg6IDY4cHg7XG4gIGhlaWdodDogNjhweDtcbiAgbWFyZ2luLWJvdHRvbTogMTlweDtcbiAgYm9yZGVyOiAxcHggc29saWQgcmdiYSgyNTUsMjU1LDI1NSwuMjUpO1xuICBib3JkZXItcmFkaXVzOiA1MCU7XG4gIHRyYW5zaXRpb246IHRyYW5zZm9ybSAuMjVzIGVhc2UsIGJveC1zaGFkb3cgLjI1cyBlYXNlO1xufVxuXG4ubGwtYmVuZWZpdDpob3ZlciAubGwtYmVuZWZpdC1pY29uIHtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC00cHgpO1xuICBib3gtc2hhZG93OiAwIDhweCAyNXB4IHJnYmEoMCwwLDAsLjIpO1xufVxuXG4ubGwtZ3JlZW4ge1xuICBiYWNrZ3JvdW5kOiAjMDg3RDMyO1xufVxuXG4ubGwtb3JhbmdlIHtcbiAgYmFja2dyb3VuZDogdmFyKC0tbGwtb3JhbmdlKTtcbn1cblxuLmxsLWJlbmVmaXQtaWNvbiBzdmcge1xuICB3aWR0aDogMjhweDtcbiAgaGVpZ2h0OiAyOHB4O1xuICBmaWxsOiBub25lO1xuICBzdHJva2U6ICNmZmY7XG4gIHN0cm9rZS13aWR0aDogMS43O1xuICBzdHJva2UtbGluZWNhcDogcm91bmQ7XG4gIHN0cm9rZS1saW5lam9pbjogcm91bmQ7XG59XG5cbi5sbC1iZW5lZml0IGgzIHtcbiAgbWFyZ2luOiAwIDAgMTFweDtcbiAgY29sb3I6ICNmZmY7XG4gIGZvbnQtc2l6ZTogMTVweDtcbiAgZm9udC13ZWlnaHQ6IDgwMDtcbiAgbGluZS1oZWlnaHQ6IDEuNDtcbn1cblxuLmxsLWJlbmVmaXQgcCB7XG4gIG1hcmdpbjogMDtcbiAgY29sb3I6IHJnYmEoMjU1LDI1NSwyNTUsLjk0KTtcbiAgZm9udC1zaXplOiAxNHB4O1xuICBmb250LXdlaWdodDogNDAwO1xuICBsaW5lLWhlaWdodDogMS42O1xufVxuXG5cLyogVEFCTEVUICpcL1xuQG1lZGlhIChtYXgtd2lkdGg6IDkwMHB4KSB7XG4gIC5sbC1iZW5lZml0cyB7XG4gICAgcGFkZGluZzogNTJweCAyMHB4IDU4cHg7XG4gIH1cblxuICAubGwtYmVuZWZpdHMtcGFuZWwge1xuICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogcmVwZWF0KDIsIG1pbm1heCgwLCAxZnIpKTtcbiAgfVxuXG4gIC5sbC1iZW5lZml0IHtcbiAgICBwYWRkaW5nOiAyOHB4IDE0cHg7XG4gIH1cblxuICAubGwtYmVuZWZpdDpudGgtY2hpbGQoMik6OmFmdGVyIHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG5cbiAgLmxsLWJlbmVmaXQ6bnRoLWNoaWxkKC1uKzIpIHtcbiAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgcmdiYSgyNTUsMjU1LDI1NSwuMTMpO1xuICB9XG59XG5cblwvKiBNT0JJTEUgKlwvXG5AbWVkaWEgKG1heC13aWR0aDogNTIwcHgpIHtcbiAgLmxsLWJlbmVmaXRzIHtcbiAgICBwYWRkaW5nOiA0MnB4IDE0cHggNDZweDtcbiAgfVxuXG4gIC5sbC1iZW5lZml0cy1oZWFkaW5nIHtcbiAgICBtYXJnaW4tYm90dG9tOiAyN3B4O1xuICB9XG5cbiAgLmxsLWJlbmVmaXRzLWhlYWRpbmcgaDIge1xuICAgIGZvbnQtc2l6ZTogMjlweDtcbiAgICBsZXR0ZXItc3BhY2luZzogLS43cHg7XG4gIH1cblxuICAubGwtYmVuZWZpdHMtaGVhZGluZyBwIHtcbiAgICBmb250LXNpemU6IDEzcHg7XG4gIH1cblxuICAubGwtYmVuZWZpdHMtcGFuZWwge1xuICAgIGJvcmRlci1yYWRpdXM6IDE2cHg7XG4gIH1cblxuICAubGwtYmVuZWZpdCB7XG4gICAgcGFkZGluZzogMjNweCA3cHg7XG4gIH1cblxuICAubGwtYmVuZWZpdC1pY29uIHtcbiAgICB3aWR0aDogNTRweDtcbiAgICBoZWlnaHQ6IDU0cHg7XG4gICAgbWFyZ2luLWJvdHRvbTogMTRweDtcbiAgfVxuXG4gIC5sbC1iZW5lZml0LWljb24gc3ZnIHtcbiAgICB3aWR0aDogMjRweDtcbiAgICBoZWlnaHQ6IDI0cHg7XG4gIH1cblxuICAubGwtYmVuZWZpdCBoMyB7XG4gICAgZm9udC1zaXplOiAxMXB4O1xuICAgIG1hcmdpbi1ib3R0b206IDhweDtcbiAgfVxuXG4gIC5sbC1iZW5lZml0IHAge1xuICAgIGZvbnQtc2l6ZTogMTFweDtcbiAgICBsaW5lLWhlaWdodDogMS41NTtcbiAgfVxufVxuYGBgY3NzXG5cLyogU09GVCBMSUdIVCBHTE9XIE9OIEhPVkVSICpcL1xuLmxsLWJlbmVmaXQge1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBpc29sYXRpb246IGlzb2xhdGU7XG4gIHRyYW5zaXRpb246IGJhY2tncm91bmQgLjM1cyBlYXNlO1xufVxuXG4ubGwtYmVuZWZpdDo6YmVmb3JlIHtcbiAgY29udGVudDogXCJcIjtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBpbnNldDogMDtcbiAgei1pbmRleDogLTE7XG4gIG9wYWNpdHk6IDA7XG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICBiYWNrZ3JvdW5kOiByYWRpYWwtZ3JhZGllbnQoXG4gICAgY2lyY2xlIGF0IHZhcigtLW1vdXNlLXgsIDUwJSkgdmFyKC0tbW91c2UteSwgNTAlKSxcbiAgICByZ2JhKDEyNiwgMjExLCAzMywgMC4yNCkgMCUsXG4gICAgcmdiYSgxMSwgMTAyLCAzNSwgMC4xMikgMzglLFxuICAgIHRyYW5zcGFyZW50IDc1JVxuICApO1xuICB0cmFuc2l0aW9uOiBvcGFjaXR5IC4zcyBlYXNlO1xufVxuXG4ubGwtYmVuZWZpdDpob3Zlcjo6YmVmb3JlIHtcbiAgb3BhY2l0eTogMTtcbn1cblxuLmxsLWJlbmVmaXQ6aG92ZXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDEyNiwgMjExLCAzMywgMC4wNik7XG59XG5gYGBcbjxcL3N0eWxlPiJ9LCJlbGVtZW50cyI6W10sIndpZGdldFR5cGUiOiJodG1sIn1dLCJpc0lubmVyIjpmYWxzZSwic3R5bGVzIjp7ImUtZDkyNWE4ZCI6eyJpZCI6ImUtZDkyNWE4ZCIsImxhYmVsIjoibG9jYWwiLCJ0eXBlIjoiY2xhc3MiLCJ2YXJpYW50cyI6W3sibWV0YSI6eyJicmVha3BvaW50IjoiZGVza3RvcCIsInN0YXRlIjpudWxsfSwicHJvcHMiOnsiZmxleC1kaXJlY3Rpb24iOnsiJCR0eXBlIjoic3RyaW5nIiwidmFsdWUiOiJjb2x1bW4ifX0sImN1c3RvbV9jc3MiOm51bGx9XX19LCJpbnRlcmFjdGlvbnMiOltdLCJlZGl0b3Jfc2V0dGluZ3MiOltdfQ==\\\"]<div class=\\\"elementor-element elementor-element-6a3e689 e-flex e-con-boxed e-con e-parent\\\" data-id=\\\"6a3e689\\\" data-element_type=\\\"container\\\" data-e-type=\\\"container\\\">\\n\\t\\t\\t\\t\\t<div class=\\\"e-con-inner\\\">\\n\\t\\t\\t\\t<div class=\\\"elementor-element elementor-element-fb85b65 elementor-widget elementor-widget-html\\\" data-id=\\\"fb85b65\\\" data-element_type=\\\"widget\\\" data-e-type=\\\"widget\\\" data-widget_type=\\\"html.default\\\">\\n\\t\\t\\t\\t\\t\\n<section class=\\\"lawnlogic-showcase\\\" aria-label=\\\"LawnLogic shop categories\\\">\\n\\n \\n <div class=\\\"lls-hero\\\">\\n <div class=\\\"lls-hero-photo\\\"><\\\/div>\\n <div class=\\\"lls-hero-shade\\\"><\\\/div>\\n\\n <div class=\\\"lls-hero-content\\\">\\n\\n <div class=\\\"lls-eyebrow\\\">\\n <span><\\\/span> LAWN EQUIPMENT & OUTDOOR POWER\\n <\\\/div>\\n\\n <h2 class=\\\"lls-hero-title\\\">\\n Lawn<br><span>Mowers<\\\/span>\\n <\\\/h2>\\n\\n <p class=\\\"lls-hero-copy\\\">\\n Power and Precision<br>for a Greener Lawn.\\n <\\\/p>\\n\\n <a class=\\\"lls-shop-button\\\" href=\\\"\\\/product-category\\\/lawn-mowers\\\/\\\">\\n SHOP COLLECTION <span>\\u2192<\\\/span>\\n <\\\/a>\\n <\\\/div>\\n <\\\/div>\\n\\n \\n <div class=\\\"lls-category-list\\\">\\n\\n <a class=\\\"lls-category is-active\\\" href=\\\"\\\/product-category\\\/hardware-tools\\\/\\\">\\n <div class=\\\"lls-category-image\\\">\\n <img src=\\\"https:\\\/\\\/lawnlogic.shop\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/Screenshot-2026-10-18-212131.png\\\" alt=\\\"Hardware tools\\\">\\n <\\\/div>\\n\\n <div class=\\\"lls-category-copy\\\">\\n <span class=\\\"lls-brand\\\">LawnLogic<\\\/span>\\n <div class=\\\"lls-category-meta\\\">\\n <span>01<\\\/span>\\n <h3>Hardware Tools<\\\/h3>\\n <\\\/div>\\n <p>Reliable tools for every project.<\\\/p>\\n <\\\/div>\\n\\n <span class=\\\"lls-arrow\\\">\\u2192<\\\/span>\\n <\\\/a>\\n\\n <a class=\\\"lls-category\\\" href=\\\"\\\/product-category\\\/blowers\\\/\\\">\\n <div class=\\\"lls-category-image\\\">\\n <img src=\\\"https:\\\/\\\/lawnlogic.shop\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/Screenshot-2026-10-18-212140.png\\\" alt=\\\"Garden blower\\\">\\n <\\\/div>\\n\\n <div class=\\\"lls-category-copy\\\">\\n <span class=\\\"lls-brand\\\">LawnLogic<\\\/span>\\n <div class=\\\"lls-category-meta\\\">\\n <span>02<\\\/span>\\n <h3>Blowers<\\\/h3>\\n <\\\/div>\\n <p>Cleaner outdoors. Healthier spaces.<\\\/p>\\n <\\\/div>\\n\\n <span class=\\\"lls-arrow\\\">\\u2192<\\\/span>\\n <\\\/a>\\n\\n <a class=\\\"lls-category\\\" href=\\\"\\\/product-category\\\/vacuum-cleaners\\\/\\\">\\n <div class=\\\"lls-category-image\\\">\\n <img src=\\\"https:\\\/\\\/lawnlogic.shop\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/Screenshot-2026-10-18-212152.png\\\" alt=\\\"Vacuum cleaner\\\">\\n <\\\/div>\\n\\n <div class=\\\"lls-category-copy\\\">\\n <span class=\\\"lls-brand\\\">LawnLogic<\\\/span>\\n <div class=\\\"lls-category-meta\\\">\\n <span>03<\\\/span>\\n <h3>Vacuum Cleaners<\\\/h3>\\n <\\\/div>\\n <p>Efficient cleaning for brighter spaces.<\\\/p>\\n <\\\/div>\\n\\n <span class=\\\"lls-arrow\\\">\\u2192<\\\/span>\\n <\\\/a>\\n\\n <\\\/div>\\n<\\\/section>\\n\\n<style>\\n\\\/* =====================================\\n LAWNLOGIC SHOWCASE (all classes use lls-)\\n===================================== *\\\/\\n\\n.lawnlogic-showcase {\\n --lls-green: #48bd18;\\n --lls-orange: #ff852d;\\n\\n display: grid;\\n grid-template-columns: minmax(0, 2.05fr) minmax(0, 1.4fr);\\n gap: 16px;\\n\\n width: 100vw;\\n max-width: none;\\n margin-left: calc(50% - 50vw);\\n margin-right: calc(50% - 50vw);\\n padding: 16px 20px;\\n\\n box-sizing: border-box;\\n font-family: Inter, Arial, sans-serif;\\n color: #12351f;\\n}\\n\\n.lawnlogic-showcase *,\\n.lawnlogic-showcase *::before,\\n.lawnlogic-showcase *::after {\\n box-sizing: border-box;\\n}\\n\\n.lawnlogic-showcase a {\\n -webkit-tap-highlight-color: transparent;\\n}\\n\\n\\\/* HERO *\\\/\\n\\n.lawnlogic-showcase .lls-hero {\\n position: relative;\\n isolation: isolate;\\n overflow: hidden;\\n min-width: 0;\\n min-height: 540px;\\n border-radius: 17px;\\n background: #073b20;\\n display: flex;\\n align-items: flex-end;\\n}\\n\\n.lls-hero-photo {\\n position: absolute;\\n inset: 0;\\n z-index: -2;\\n\\n background-image: url('https:\\\/\\\/lawnlogic.shop\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/LawnLogic-Mower-in-Sunlit-Garden.png');\\n background-position: center;\\n background-size: cover;\\n background-repeat: no-repeat;\\n\\n transform: scale(1.01);\\n transition: transform 1s cubic-bezier(.2,.75,.25,1);\\n}\\n\\n@media (hover: hover) {\\n .lls-hero:hover .lls-hero-photo {\\n transform: scale(1.045);\\n }\\n}\\n\\n.lls-hero-shade {\\n position: absolute;\\n inset: 0;\\n z-index: -1;\\n\\n background:\\n linear-gradient(90deg,\\n rgba(0,37,19,.91) 0%,\\n rgba(0,37,19,.76) 38%,\\n rgba(0,37,19,.15) 100%),\\n linear-gradient(0deg,\\n rgba(0,25,12,.3),\\n transparent 60%);\\n}\\n\\n.lls-hero-content {\\n width: 100%;\\n padding: clamp(28px, 4vw, 58px);\\n color: #fff;\\n animation: llsRise .8s both;\\n}\\n\\n\\\/* EYEBROW + ANIMATED GREEN LINE *\\\/\\n\\n.lls-eyebrow {\\n display: flex;\\n align-items: center;\\n flex-wrap: wrap;\\n gap: 12px;\\n margin-bottom: 25px;\\n\\n font-size: clamp(9px, .8vw, 12px);\\n letter-spacing: 1.6px;\\n font-weight: 800;\\n color: #fff;\\n}\\n\\n.lls-eyebrow > span {\\n position: relative;\\n display: block;\\n width: 32px;\\n height: 3px;\\n flex-shrink: 0;\\n overflow: hidden;\\n background: rgba(72,189,24,.25);\\n border-radius: 5px;\\n}\\n\\n.lls-eyebrow > span::after {\\n content: \\\"\\\";\\n position: absolute;\\n inset: 0;\\n background: var(--lls-green);\\n border-radius: inherit;\\n transform-origin: left center;\\n animation: llsLinePulse 3s ease-in-out infinite;\\n}\\n\\n@keyframes llsLinePulse {\\n 0%, 100% { transform: scaleX(.35); opacity: .65; }\\n 50% { transform: scaleX(1); opacity: 1; }\\n}\\n\\n\\\/* HEADLINE *\\\/\\n\\n.lls-hero-title {\\n margin: 0 0 20px;\\n color: #fff;\\n font-size: clamp(48px, 5.7vw, 92px);\\n line-height: .91;\\n letter-spacing: -3px;\\n font-weight: 900;\\n}\\n\\n.lls-hero-title > span {\\n color: #55c91f;\\n}\\n\\n.lls-hero-copy {\\n margin: 0 0 27px;\\n color: rgba(255,255,255,.94);\\n font-size: clamp(14px, 1.5vw, 23px);\\n line-height: 1.5;\\n}\\n\\n\\\/* CTA *\\\/\\n\\n.lawnlogic-showcase a.lls-shop-button {\\n display: inline-flex;\\n align-items: center;\\n justify-content: center;\\n gap: 22px;\\n padding: 16px 25px;\\n border-radius: 50px;\\n\\n background: var(--lls-orange);\\n color: #fff !important;\\n text-decoration: none !important;\\n\\n font-size: 12px;\\n font-weight: 850;\\n letter-spacing: .5px;\\n\\n transition: background .25s, transform .25s, box-shadow .25s;\\n}\\n\\n.lls-shop-button > span {\\n font-size: 23px;\\n line-height: 1;\\n transition: transform .25s;\\n}\\n\\n.lawnlogic-showcase a.lls-shop-button:hover {\\n background: var(--lls-green);\\n transform: translateY(-3px);\\n box-shadow: 0 10px 28px rgba(40,160,25,.3);\\n}\\n\\n.lls-shop-button:hover > span {\\n transform: translateX(5px);\\n}\\n\\n\\\/* RIGHT-SIDE CATEGORY STACK *\\\/\\n\\n.lls-category-list {\\n display: grid;\\n grid-template-rows: repeat(3, minmax(0, 1fr));\\n gap: 14px;\\n min-width: 0;\\n}\\n\\n\\\/* CATEGORY CARD *\\\/\\n\\n.lawnlogic-showcase a.lls-category {\\n position: relative;\\n isolation: isolate;\\n\\n display: grid;\\n grid-template-columns: minmax(105px, 40%) minmax(0, 1fr) 36px;\\n align-items: center;\\n gap: clamp(10px, 1.4vw, 22px);\\n\\n min-width: 0;\\n min-height: 0;\\n padding: 12px;\\n overflow: hidden;\\n\\n background:\\n radial-gradient(ellipse at 100% 0%,\\n rgba(119,190,74,.11) 0%,\\n transparent 50%),\\n linear-gradient(125deg,\\n #f8fbf5 0%,\\n #ffffff 52%,\\n #f0f7eb 100%);\\n\\n border: 1px solid #e2eddb;\\n border-radius: 16px;\\n\\n text-decoration: none !important;\\n color: #12351f !important;\\n\\n box-shadow: 0 4px 18px rgba(20,43,25,.045);\\n\\n transition:\\n border-color .35s ease,\\n box-shadow .35s ease,\\n transform .35s ease,\\n background .35s ease;\\n}\\n\\n\\\/* Green highlight bar *\\\/\\n\\n.lls-category::before {\\n content: \\\"\\\";\\n position: absolute;\\n z-index: -1;\\n left: 0;\\n top: 15%;\\n bottom: 15%;\\n width: 3px;\\n\\n background: var(--lls-green);\\n border-radius: 0 4px 4px 0;\\n\\n transform: scaleY(0);\\n transform-origin: center;\\n transition: transform .35s ease;\\n}\\n\\n\\\/* Soft glow sweep on hover *\\\/\\n\\n.lls-category::after {\\n content: \\\"\\\";\\n position: absolute;\\n z-index: -1;\\n top: 0;\\n left: -70%;\\n width: 45%;\\n height: 100%;\\n\\n background: linear-gradient(110deg, transparent, rgba(117,191,68,.08), transparent);\\n\\n transform: skewX(-15deg);\\n transition: left .65s ease;\\n pointer-events: none;\\n}\\n\\n.lls-category:hover,\\n.lls-category.is-active {\\n border-color: #c9e7bb;\\n box-shadow: 0 8px 28px rgba(38,105,40,.10);\\n}\\n\\n.lls-category:hover {\\n transform: translateY(-3px);\\n}\\n\\n.lls-category:hover::before,\\n.lls-category.is-active::before {\\n transform: scaleY(1);\\n}\\n\\n.lls-category:hover::after {\\n left: 130%;\\n}\\n\\n\\\/* CATEGORY IMAGES (fixed height keeps the desktop section compact) *\\\/\\n\\n.lls-category-image {\\n position: relative;\\n width: 100%;\\n height: 150px;\\n\\n border-radius: 11px;\\n overflow: hidden;\\n background: #edf5e7;\\n}\\n\\n.lls-category-image img {\\n display: block;\\n width: 100%;\\n height: 100%;\\n object-fit: cover;\\n\\n transition: transform .65s cubic-bezier(.2,.75,.25,1);\\n}\\n\\n.lls-category:hover .lls-category-image img {\\n transform: scale(1.07);\\n}\\n\\n\\\/* CATEGORY COPY *\\\/\\n\\n.lls-category-copy {\\n min-width: 0;\\n}\\n\\n.lawnlogic-showcase .lls-brand {\\n display: block;\\n margin-bottom: clamp(12px, 1.4vw, 22px);\\n\\n color: #17612c;\\n font-size: clamp(12px, 1vw, 17px);\\n line-height: 1.2;\\n font-weight: 900;\\n letter-spacing: -.5px;\\n}\\n\\n.lls-category-meta {\\n display: flex;\\n align-items: baseline;\\n gap: 12px;\\n padding-left: 12px;\\n border-left: 2px solid var(--lls-green);\\n}\\n\\n.lls-category-meta > span {\\n color: #91bd7c;\\n font-size: clamp(14px, 1.6vw, 25px);\\n font-weight: 900;\\n flex-shrink: 0;\\n}\\n\\n.lls-category h3 {\\n margin: 0;\\n color: #123b23;\\n font-size: clamp(13px, 1.35vw, 22px);\\n line-height: 1.2;\\n font-weight: 850;\\n overflow-wrap: anywhere;\\n transition: color .25s;\\n}\\n\\n.lls-category p {\\n margin: 10px 0 0;\\n color: #68766a;\\n font-size: clamp(10px, .95vw, 15px);\\n line-height: 1.45;\\n}\\n\\n.lls-category:hover h3,\\n.lls-category.is-active h3 {\\n color: #328e22;\\n}\\n\\n\\\/* ROUND ARROW *\\\/\\n\\n.lls-arrow {\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n\\n width: clamp(30px, 3vw, 43px);\\n height: clamp(30px, 3vw, 43px);\\n border-radius: 50%;\\n\\n background: linear-gradient(145deg, #59ce20, #319b12);\\n color: #fff;\\n font-size: 23px;\\n line-height: 1;\\n\\n transition: background .3s, transform .3s, box-shadow .3s;\\n}\\n\\n.lls-category:hover .lls-arrow {\\n background: var(--lls-orange);\\n box-shadow: 0 4px 14px rgba(255,133,45,.22);\\n transform: translateX(3px);\\n}\\n\\n\\\/* ENTRANCE ANIMATION *\\\/\\n\\n@keyframes llsRise {\\n from { opacity: 0; transform: translateY(16px); }\\n to { opacity: 1; transform: translateY(0); }\\n}\\n\\n\\\/* =====================================\\n TABLET\\n===================================== *\\\/\\n\\n@media (max-width: 900px) {\\n .lawnlogic-showcase {\\n grid-template-columns: 1fr;\\n gap: 14px;\\n padding: 12px;\\n }\\n\\n .lawnlogic-showcase .lls-hero {\\n min-height: 460px;\\n align-items: flex-start; \\\/* text on top, mower visible below *\\\/\\n }\\n\\n .lls-hero-photo {\\n background-position: 78% 85%; \\\/* focus on the mower *\\\/\\n transform: none;\\n }\\n\\n .lls-hero-shade {\\n background:\\n linear-gradient(180deg,\\n rgba(0,37,19,.92) 0%,\\n rgba(0,37,19,.70) 35%,\\n rgba(0,37,19,.10) 65%,\\n rgba(0,25,12,.25) 100%);\\n }\\n\\n .lls-category-list {\\n grid-template-rows: none;\\n grid-template-columns: repeat(3, minmax(0, 1fr));\\n gap: 10px;\\n }\\n\\n .lawnlogic-showcase a.lls-category {\\n grid-template-columns: minmax(0, 1fr) 30px;\\n grid-template-rows: 130px auto;\\n gap: 10px;\\n padding: 10px;\\n }\\n\\n .lls-category-image {\\n grid-column: 1 \\\/ -1;\\n grid-row: 1;\\n height: 130px;\\n }\\n\\n .lls-category-copy {\\n grid-column: 1;\\n grid-row: 2;\\n }\\n\\n .lawnlogic-showcase .lls-brand {\\n margin-bottom: 10px;\\n font-size: 13px;\\n }\\n\\n .lls-category-meta {\\n display: block;\\n padding-left: 9px;\\n }\\n\\n .lls-category-meta > span {\\n display: block;\\n margin-bottom: 5px;\\n font-size: 15px;\\n }\\n\\n .lls-category h3 { font-size: 14px; }\\n .lls-category p { font-size: 11px; }\\n\\n .lls-arrow {\\n grid-column: 2;\\n grid-row: 2;\\n width: 29px;\\n height: 29px;\\n font-size: 18px;\\n }\\n}\\n\\n\\\/* =====================================\\n MOBILE\\n===================================== *\\\/\\n\\n@media (max-width: 520px) {\\n .lawnlogic-showcase {\\n padding: 8px;\\n gap: 10px;\\n }\\n\\n .lawnlogic-showcase .lls-hero {\\n min-height: 440px;\\n border-radius: 13px;\\n }\\n\\n .lls-hero-photo {\\n background-position: 82% 90%;\\n }\\n\\n .lls-hero-content {\\n padding: 24px 22px;\\n }\\n\\n .lls-hero-title {\\n font-size: clamp(46px, 12vw, 62px);\\n letter-spacing: -2px;\\n margin-bottom: 14px;\\n }\\n\\n .lls-hero-copy {\\n margin-bottom: 20px;\\n }\\n\\n .lls-eyebrow {\\n font-size: 9px;\\n letter-spacing: 1px;\\n margin-bottom: 20px;\\n }\\n\\n .lls-category-list {\\n grid-template-columns: 1fr;\\n gap: 9px;\\n }\\n\\n .lawnlogic-showcase a.lls-category {\\n grid-template-columns: 100px minmax(0, 1fr) 30px;\\n grid-template-rows: auto;\\n gap: 12px;\\n min-height: 112px;\\n padding: 10px;\\n }\\n\\n .lls-category-image {\\n grid-column: 1;\\n grid-row: 1;\\n height: 90px;\\n }\\n\\n .lls-category-copy {\\n grid-column: 2;\\n grid-row: 1;\\n }\\n\\n .lawnlogic-showcase .lls-brand {\\n margin-bottom: 9px;\\n font-size: 12px;\\n }\\n\\n .lls-category-meta {\\n display: flex;\\n align-items: baseline;\\n gap: 8px;\\n }\\n\\n .lls-category-meta > span {\\n display: inline;\\n margin: 0;\\n font-size: 13px;\\n }\\n\\n .lls-category h3 { font-size: 14px; }\\n\\n .lls-category p {\\n margin-top: 6px;\\n font-size: 10px;\\n }\\n\\n .lls-arrow {\\n grid-column: 3;\\n grid-row: 1;\\n width: 29px;\\n height: 29px;\\n }\\n}\\n\\n\\\/* ACCESSIBILITY *\\\/\\n\\n@media (prefers-reduced-motion: reduce) {\\n .lawnlogic-showcase *,\\n .lawnlogic-showcase *::before,\\n .lawnlogic-showcase *::after {\\n animation: none !important;\\n transition: none !important;\\n }\\n}\\n<\\\/style>\\n\\n<script>\\n(function () {\\n document.querySelectorAll('.lawnlogic-showcase').forEach(function (section) {\\n var cards = section.querySelectorAll('.lls-category');\\n\\n cards.forEach(function (card) {\\n function activate() {\\n cards.forEach(function (item) {\\n item.classList.remove('is-active');\\n });\\n card.classList.add('is-active');\\n }\\n\\n card.addEventListener('mouseenter', activate);\\n card.addEventListener('focus', activate);\\n });\\n });\\n})();\\n<\\\/script>\\t\\t\\t\\t<\\\/div>\\n\\t\\t\\t\\t<div class=\\\"elementor-element elementor-element-20c0897 elementor-widget elementor-widget-html\\\" data-id=\\\"20c0897\\\" data-element_type=\\\"widget\\\" data-e-type=\\\"widget\\\" data-widget_type=\\\"html.default\\\">\\n\\t\\t\\t\\t\\t\\n<section class=\\\"llf-section\\\" aria-label=\\\"Featured products\\\">\\n <div class=\\\"llf-inner\\\">\\n\\n \\n <header class=\\\"llf-head\\\">\\n <span class=\\\"llf-eyebrow\\\">DISCOVER OUR PICKS<\\\/span>\\n <h2 class=\\\"llf-title\\\">Featured <span>Products<\\\/span><\\\/h2>\\n <div class=\\\"llf-bar\\\" aria-hidden=\\\"true\\\"><\\\/div>\\n <\\\/header>\\n\\n \\n <div class=\\\"llf-slider\\\">\\n <button class=\\\"llf-arrow llf-prev\\\" type=\\\"button\\\" aria-label=\\\"Previous products\\\">\\n <svg viewBox=\\\"0 0 24 24\\\" aria-hidden=\\\"true\\\"><path d=\\\"M15 5l-7 7 7 7\\\"\\\/><\\\/svg>\\n <\\\/button>\\n\\n <div class=\\\"llf-track\\\" tabindex=\\\"0\\\">\\n\\n \\n <article class=\\\"llf-card\\\">\\n\\n \\n <a class=\\\"llf-media\\\" href=\\\"https:\\\/\\\/lawnlogic.shop\\\/product\\\/YOUR-PRODUCT-SLUG\\\/\\\">\\n <span class=\\\"llf-badge\\\">FEATURED<\\\/span>\\n \\n <img src=\\\"https:\\\/\\\/lawnlogic.shop\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/Screenshot-2026-10-18-212131.png\\\"\\n alt=\\\"LawnLogic Cordless Drill Kit\\\" loading=\\\"lazy\\\">\\n <\\\/a>\\n\\n <div class=\\\"llf-body\\\">\\n <h3 class=\\\"llf-name\\\">\\n \\n <a href=\\\"https:\\\/\\\/lawnlogic.shop\\\/product\\\/YOUR-PRODUCT-SLUG\\\/\\\">LawnLogic Cordless Drill & Hardware Tool Kit \\u2013 Durable, Green<\\\/a>\\n <\\\/h3>\\n\\n <div class=\\\"llf-stars\\\" aria-label=\\\"Rated 5 out of 5\\\">\\u2605\\u2605\\u2605\\u2605\\u2605<\\\/div>\\n <div class=\\\"llf-price\\\">$35.00<\\\/div>\\n\\n <div class=\\\"llf-actions\\\">\\n \\n <a class=\\\"llf-btn llf-cart\\\" href=\\\"https:\\\/\\\/lawnlogic.shop\\\/?add-to-cart=123\\\">ADD TO CART<\\\/a>\\n\\n \\n <a class=\\\"llf-btn llf-buy\\\" href=\\\"https:\\\/\\\/lawnlogic.shop\\\/checkout\\\/?add-to-cart=123\\\">BUY NOW<\\\/a>\\n <\\\/div>\\n <\\\/div>\\n <\\\/article>\\n\\n \\n <article class=\\\"llf-card\\\">\\n <a class=\\\"llf-media\\\" href=\\\"https:\\\/\\\/lawnlogic.shop\\\/product\\\/YOUR-PRODUCT-SLUG\\\/\\\">\\n <span class=\\\"llf-badge\\\">FEATURED<\\\/span>\\n <img src=\\\"https:\\\/\\\/lawnlogic.shop\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/Screenshot-2026-10-18-212140.png\\\"\\n alt=\\\"LawnLogic Cordless Blower\\\" loading=\\\"lazy\\\">\\n <\\\/a>\\n <div class=\\\"llf-body\\\">\\n <h3 class=\\\"llf-name\\\"><a href=\\\"https:\\\/\\\/lawnlogic.shop\\\/product\\\/YOUR-PRODUCT-SLUG\\\/\\\">LawnLogic Cordless Leaf Blower \\u2013 Lightweight, Powerful<\\\/a><\\\/h3>\\n <div class=\\\"llf-stars\\\" aria-label=\\\"Rated 5 out of 5\\\">\\u2605\\u2605\\u2605\\u2605\\u2605<\\\/div>\\n <div class=\\\"llf-price\\\">$89.00<\\\/div>\\n <div class=\\\"llf-actions\\\">\\n <a class=\\\"llf-btn llf-cart\\\" href=\\\"https:\\\/\\\/lawnlogic.shop\\\/?add-to-cart=124\\\">ADD TO CART<\\\/a>\\n <a class=\\\"llf-btn llf-buy\\\" href=\\\"https:\\\/\\\/lawnlogic.shop\\\/checkout\\\/?add-to-cart=124\\\">BUY NOW<\\\/a>\\n <\\\/div>\\n <\\\/div>\\n <\\\/article>\\n\\n \\n <article class=\\\"llf-card\\\">\\n <a class=\\\"llf-media\\\" href=\\\"https:\\\/\\\/lawnlogic.shop\\\/product\\\/YOUR-PRODUCT-SLUG\\\/\\\">\\n <span class=\\\"llf-badge\\\">FEATURED<\\\/span>\\n <img src=\\\"https:\\\/\\\/lawnlogic.shop\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/Screenshot-2026-10-18-212152.png\\\"\\n alt=\\\"LawnLogic Wet and Dry Vacuum\\\" loading=\\\"lazy\\\">\\n <\\\/a>\\n <div class=\\\"llf-body\\\">\\n <h3 class=\\\"llf-name\\\"><a href=\\\"https:\\\/\\\/lawnlogic.shop\\\/product\\\/YOUR-PRODUCT-SLUG\\\/\\\">LawnLogic Wet & Dry Vacuum Cleaner \\u2013 Heavy Duty, Black<\\\/a><\\\/h3>\\n <div class=\\\"llf-stars\\\" aria-label=\\\"Rated 5 out of 5\\\">\\u2605\\u2605\\u2605\\u2605\\u2605<\\\/div>\\n <div class=\\\"llf-price\\\">$119.00<\\\/div>\\n <div class=\\\"llf-actions\\\">\\n <a class=\\\"llf-btn llf-cart\\\" href=\\\"https:\\\/\\\/lawnlogic.shop\\\/?add-to-cart=125\\\">ADD TO CART<\\\/a>\\n <a class=\\\"llf-btn llf-buy\\\" href=\\\"https:\\\/\\\/lawnlogic.shop\\\/checkout\\\/?add-to-cart=125\\\">BUY NOW<\\\/a>\\n <\\\/div>\\n <\\\/div>\\n <\\\/article>\\n\\n \\n <article class=\\\"llf-card\\\">\\n <a class=\\\"llf-media\\\" href=\\\"https:\\\/\\\/lawnlogic.shop\\\/product\\\/YOUR-PRODUCT-SLUG\\\/\\\">\\n <span class=\\\"llf-badge\\\">FEATURED<\\\/span>\\n <img src=\\\"https:\\\/\\\/lawnlogic.shop\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/LawnLogic-Mower-in-Sunlit-Garden.png\\\"\\n alt=\\\"LawnLogic Lawn Mower\\\" loading=\\\"lazy\\\">\\n <\\\/a>\\n <div class=\\\"llf-body\\\">\\n <h3 class=\\\"llf-name\\\"><a href=\\\"https:\\\/\\\/lawnlogic.shop\\\/product\\\/YOUR-PRODUCT-SLUG\\\/\\\">LawnLogic Self-Propelled Lawn Mower \\u2013 Power and Precision<\\\/a><\\\/h3>\\n <div class=\\\"llf-stars\\\" aria-label=\\\"Rated 5 out of 5\\\">\\u2605\\u2605\\u2605\\u2605\\u2605<\\\/div>\\n <div class=\\\"llf-price\\\">$349.00<\\\/div>\\n <div class=\\\"llf-actions\\\">\\n <a class=\\\"llf-btn llf-cart\\\" href=\\\"https:\\\/\\\/lawnlogic.shop\\\/?add-to-cart=126\\\">ADD TO CART<\\\/a>\\n <a class=\\\"llf-btn llf-buy\\\" href=\\\"https:\\\/\\\/lawnlogic.shop\\\/checkout\\\/?add-to-cart=126\\\">BUY NOW<\\\/a>\\n <\\\/div>\\n <\\\/div>\\n <\\\/article>\\n\\n <\\\/div>\\n\\n <button class=\\\"llf-arrow llf-next\\\" type=\\\"button\\\" aria-label=\\\"Next products\\\">\\n <svg viewBox=\\\"0 0 24 24\\\" aria-hidden=\\\"true\\\"><path d=\\\"M9 5l7 7-7 7\\\"\\\/><\\\/svg>\\n <\\\/button>\\n <\\\/div>\\n\\n \\n <div class=\\\"llf-dots\\\" aria-hidden=\\\"true\\\"><\\\/div>\\n\\n <\\\/div>\\n<\\\/section>\\n\\n<style>\\n\\\/* =====================================\\n LAWNLOGIC FEATURED PRODUCTS (all classes use llf-)\\n===================================== *\\\/\\n\\n.llf-section {\\n --llf-green: #0B6623;\\n --llf-lime: #7ED321;\\n --llf-orange: #ff852d;\\n --llf-ink: #14231a;\\n\\n width: 100vw;\\n max-width: none;\\n margin-left: calc(50% - 50vw);\\n margin-right: calc(50% - 50vw);\\n\\n background:\\n radial-gradient(ellipse at 50% 0%, rgba(126,211,33,.08) 0%, transparent 60%),\\n #fafbf8;\\n\\n font-family: Inter, Arial, sans-serif;\\n color: var(--llf-ink);\\n box-sizing: border-box;\\n}\\n\\n.llf-section *,\\n.llf-section *::before,\\n.llf-section *::after {\\n box-sizing: border-box;\\n}\\n\\n.llf-inner {\\n max-width: 1400px;\\n margin: 0 auto;\\n padding: clamp(36px, 4.5vw, 68px) clamp(14px, 5vw, 80px);\\n}\\n\\n\\\/* ---------- HEADING ---------- *\\\/\\n\\n.llf-head {\\n text-align: center;\\n margin-bottom: clamp(24px, 3vw, 40px);\\n}\\n\\n.llf-eyebrow {\\n display: block;\\n margin-bottom: 8px;\\n font-size: 9px;\\n font-weight: 800;\\n letter-spacing: 3px;\\n color: #6b7f72;\\n}\\n\\n.llf-title {\\n margin: 0;\\n font-size: clamp(28px, 3.2vw, 46px);\\n line-height: 1.1;\\n letter-spacing: -1.2px;\\n font-weight: 800;\\n color: var(--llf-ink);\\n}\\n\\n.llf-title span {\\n color: var(--llf-green);\\n}\\n\\n.llf-bar {\\n position: relative;\\n width: 56px;\\n height: 3px;\\n margin: 14px auto 0;\\n overflow: hidden;\\n border-radius: 4px;\\n background: #d7e2d0;\\n}\\n\\n\\\/* lime segment glides back and forth (transform only = no lag) *\\\/\\n.llf-bar::after {\\n content: \\\"\\\";\\n position: absolute;\\n top: 0;\\n left: 0;\\n width: 40%;\\n height: 100%;\\n border-radius: inherit;\\n background: var(--llf-lime);\\n animation: llfBarSlide 2.2s ease-in-out infinite alternate;\\n}\\n\\n@keyframes llfBarSlide {\\n from { transform: translateX(0); }\\n to { transform: translateX(150%); }\\n}\\n\\n\\\/* ---------- SLIDER ---------- *\\\/\\n\\n.llf-slider {\\n position: relative;\\n}\\n\\n.llf-track {\\n --gap: 20px;\\n --per: 4;\\n\\n display: flex;\\n gap: var(--gap);\\n padding: 8px 4px 26px;\\n margin: 0 -4px;\\n\\n overflow-x: auto;\\n overflow-y: hidden;\\n scroll-snap-type: x mandatory;\\n scrollbar-width: none;\\n -webkit-overflow-scrolling: touch;\\n overscroll-behavior-x: contain;\\n outline: none;\\n}\\n\\n.llf-track::-webkit-scrollbar { display: none; }\\n\\n.llf-card {\\n flex: 0 0 calc((100% - (var(--per) - 1) * var(--gap)) \\\/ var(--per));\\n min-width: 0;\\n scroll-snap-align: start;\\n\\n display: flex;\\n flex-direction: column;\\n padding: 12px;\\n\\n background: #fff;\\n border: 1px solid #e6eee0;\\n border-radius: 18px;\\n box-shadow: 0 6px 22px rgba(20,43,25,.06);\\n\\n transition: transform .3s ease, box-shadow .3s ease;\\n}\\n\\n@media (hover: hover) {\\n .llf-card:hover {\\n transform: translateY(-5px);\\n box-shadow: 0 14px 32px rgba(20,43,25,.11);\\n }\\n .llf-card:hover .llf-media img { transform: scale(1.05); }\\n}\\n\\n\\\/* Image *\\\/\\n\\n.llf-section a.llf-media {\\n position: relative;\\n display: block;\\n aspect-ratio: 1 \\\/ 1;\\n overflow: hidden;\\n border-radius: 12px;\\n background: #f3f6ef;\\n text-decoration: none !important;\\n}\\n\\n.llf-media img {\\n display: block;\\n width: 100%;\\n height: 100%;\\n object-fit: cover;\\n transition: transform .5s cubic-bezier(.2,.75,.25,1);\\n}\\n\\n.llf-badge {\\n position: absolute;\\n z-index: 2;\\n top: 10px;\\n left: 10px;\\n padding: 6px 11px;\\n border-radius: 50px;\\n background: var(--llf-green);\\n color: #fff;\\n font-size: 8px;\\n font-weight: 800;\\n letter-spacing: 1px;\\n}\\n\\n\\\/* Text *\\\/\\n\\n.llf-body {\\n display: flex;\\n flex: 1;\\n flex-direction: column;\\n padding: 14px 4px 2px;\\n}\\n\\n.llf-name {\\n margin: 0 0 8px;\\n font-size: 14px;\\n line-height: 1.4;\\n font-weight: 700;\\n display: -webkit-box;\\n -webkit-line-clamp: 3;\\n -webkit-box-orient: vertical;\\n overflow: hidden;\\n min-height: 3.9em;\\n}\\n\\n.llf-section .llf-name a {\\n color: var(--llf-ink) !important;\\n text-decoration: none !important;\\n transition: color .25s;\\n}\\n\\n.llf-section .llf-name a:hover { color: var(--llf-green) !important; }\\n\\n.llf-stars {\\n margin-bottom: 6px;\\n font-size: 11px;\\n letter-spacing: 2px;\\n color: var(--llf-orange);\\n}\\n\\n.llf-price {\\n margin-bottom: 14px;\\n font-size: 18px;\\n font-weight: 800;\\n color: var(--llf-ink);\\n}\\n\\n.llf-actions {\\n display: grid;\\n grid-template-columns: 1fr 1fr;\\n gap: 8px;\\n margin-top: auto;\\n}\\n\\n.llf-section a.llf-btn {\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n min-height: 40px;\\n padding: 10px 6px;\\n border-radius: 9px;\\n color: #fff !important;\\n font-size: 10px;\\n font-weight: 800;\\n letter-spacing: .4px;\\n text-decoration: none !important;\\n text-align: center;\\n transition: transform .25s, box-shadow .25s, background .25s;\\n}\\n\\n.llf-cart { background: var(--llf-green); }\\n.llf-buy { background: var(--llf-orange); }\\n\\n.llf-section a.llf-cart:hover {\\n background: #0e7a2b;\\n transform: translateY(-2px);\\n box-shadow: 0 8px 18px rgba(11,102,35,.25);\\n}\\n\\n.llf-section a.llf-buy:hover {\\n background: #ff7313;\\n transform: translateY(-2px);\\n box-shadow: 0 8px 18px rgba(255,133,45,.3);\\n}\\n\\n\\\/* ---------- ARROWS (desktop) ---------- *\\\/\\n\\n.llf-arrow {\\n position: absolute;\\n z-index: 5;\\n top: 42%;\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n width: 46px;\\n height: 46px;\\n padding: 0;\\n border: 1px solid #e6eee0;\\n border-radius: 50%;\\n background: #fff;\\n color: var(--llf-green);\\n cursor: pointer;\\n box-shadow: 0 8px 22px rgba(20,43,25,.14);\\n transition: transform .25s, opacity .25s, background .25s, color .25s;\\n}\\n\\n.llf-arrow svg {\\n width: 20px;\\n height: 20px;\\n fill: none;\\n stroke: currentColor;\\n stroke-width: 2.4;\\n stroke-linecap: round;\\n stroke-linejoin: round;\\n}\\n\\n.llf-arrow:hover {\\n background: var(--llf-green);\\n color: #fff;\\n}\\n\\n.llf-prev { left: -23px; }\\n.llf-next { right: -23px; }\\n\\n.llf-arrow.is-hidden {\\n opacity: 0;\\n pointer-events: none;\\n}\\n\\n\\\/* ---------- DOTS (mobile \\\/ tablet) ---------- *\\\/\\n\\n.llf-dots {\\n display: none;\\n justify-content: center;\\n gap: 7px;\\n margin-top: 4px;\\n}\\n\\n.llf-dot {\\n width: 7px;\\n height: 7px;\\n padding: 0;\\n border: 0;\\n border-radius: 50px;\\n background: #cfdcc6;\\n cursor: pointer;\\n transition: width .3s, background .3s;\\n}\\n\\n.llf-dot.is-active {\\n width: 22px;\\n background: var(--llf-green);\\n}\\n\\n\\\/* ---------- TABLET ---------- *\\\/\\n\\n@media (max-width: 1100px) {\\n .llf-track { --per: 3; }\\n}\\n\\n@media (max-width: 900px) {\\n .llf-track { --per: 2.3; --gap: 14px; }\\n .llf-arrow { display: none; }\\n .llf-dots { display: flex; }\\n}\\n\\n\\\/* ---------- MOBILE ---------- *\\\/\\n\\n@media (max-width: 600px) {\\n .llf-track { --per: 1.18; --gap: 12px; }\\n .llf-name { font-size: 13.5px; }\\n}\\n\\n@media (prefers-reduced-motion: reduce) {\\n .llf-section * { transition: none !important; }\\n .llf-bar::after { animation: none !important; }\\n}\\n<\\\/style>\\n\\n<script>\\n(function () {\\n document.querySelectorAll('.llf-section').forEach(function (section) {\\n var track = section.querySelector('.llf-track');\\n var cards = section.querySelectorAll('.llf-card');\\n var prev = section.querySelector('.llf-prev');\\n var next = section.querySelector('.llf-next');\\n var dotsWrap = section.querySelector('.llf-dots');\\n if (!track || !cards.length) return;\\n\\n var mqAuto = window.matchMedia('(max-width: 900px)');\\n var reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\\n var timer = null, resumeTimer = null, visible = false, ticking = false;\\n\\n function step() {\\n var gap = parseFloat(getComputedStyle(track).columnGap) || 0;\\n return cards[0].getBoundingClientRect().width + gap;\\n }\\n\\n \\\/* ---- dots ---- *\\\/\\n var dots = [];\\n cards.forEach(function (_, i) {\\n var b = document.createElement('button');\\n b.type = 'button';\\n b.className = 'llf-dot';\\n b.setAttribute('aria-label', 'Go to product ' + (i + 1));\\n b.addEventListener('click', function () {\\n track.scrollTo({ left: i * step(), behavior: 'smooth' });\\n pauseAuto();\\n });\\n dotsWrap.appendChild(b);\\n dots.push(b);\\n });\\n\\n \\\/* ---- arrows + dots state ---- *\\\/\\n function update() {\\n var max = track.scrollWidth - track.clientWidth;\\n var x = track.scrollLeft;\\n\\n prev.classList.toggle('is-hidden', x <= 2);\\n next.classList.toggle('is-hidden', x >= max - 2 || max <= 2);\\n\\n var idx = Math.min(cards.length - 1, Math.round(x \\\/ step()));\\n dots.forEach(function (d, i) { d.classList.toggle('is-active', i === idx); });\\n ticking = false;\\n }\\n\\n track.addEventListener('scroll', function () {\\n if (!ticking) { ticking = true; requestAnimationFrame(update); }\\n }, { passive: true });\\n\\n prev.addEventListener('click', function () {\\n track.scrollBy({ left: -step(), behavior: 'smooth' });\\n });\\n next.addEventListener('click', function () {\\n track.scrollBy({ left: step(), behavior: 'smooth' });\\n });\\n\\n \\\/* ---- autoplay (tablet \\\/ phones only) ---- *\\\/\\n function advance() {\\n var max = track.scrollWidth - track.clientWidth;\\n if (track.scrollLeft >= max - 4) {\\n track.scrollTo({ left: 0, behavior: 'smooth' });\\n } else {\\n track.scrollBy({ left: step(), behavior: 'smooth' });\\n }\\n }\\n\\n function startAuto() {\\n stopAuto();\\n if (reduce || !mqAuto.matches || !visible) return;\\n timer = setInterval(advance, 3500);\\n }\\n\\n function stopAuto() {\\n if (timer) { clearInterval(timer); timer = null; }\\n }\\n\\n function pauseAuto() {\\n stopAuto();\\n clearTimeout(resumeTimer);\\n resumeTimer = setTimeout(startAuto, 6000); \\\/\\\/ resume after the user stops touching\\n }\\n\\n track.addEventListener('touchstart', pauseAuto, { passive: true });\\n track.addEventListener('pointerdown', pauseAuto, { passive: true });\\n track.addEventListener('mouseenter', stopAuto);\\n track.addEventListener('mouseleave', startAuto);\\n track.addEventListener('focusin', stopAuto);\\n track.addEventListener('focusout', startAuto);\\n\\n document.addEventListener('visibilitychange', function () {\\n if (document.hidden) stopAuto(); else startAuto();\\n });\\n\\n mqAuto.addEventListener\\n ? mqAuto.addEventListener('change', startAuto)\\n : mqAuto.addListener(startAuto);\\n\\n window.addEventListener('resize', update, { passive: true });\\n\\n \\\/* only run the timer while the section is on screen *\\\/\\n if ('IntersectionObserver' in window) {\\n new IntersectionObserver(function (entries) {\\n visible = entries[0].isIntersecting;\\n if (visible) startAuto(); else stopAuto();\\n }, { threshold: 0.25 }).observe(section);\\n } else {\\n visible = true;\\n startAuto();\\n }\\n\\n update();\\n });\\n})();\\n<\\\/script>\\t\\t\\t\\t<\\\/div>\\n\\t\\t\\t\\t<div class=\\\"elementor-element elementor-element-bd3ac08 elementor-widget__width-inherit elementor-widget elementor-widget-html\\\" data-id=\\\"bd3ac08\\\" data-element_type=\\\"widget\\\" data-e-type=\\\"widget\\\" data-widget_type=\\\"html.default\\\">\\n\\t\\t\\t\\t\\t\\n<section class=\\\"ll-hero\\\">\\n <div class=\\\"ll-hero-bg\\\"><\\\/div>\\n <div class=\\\"ll-hero-shade\\\"><\\\/div>\\n\\n <div class=\\\"ll-hero-container\\\">\\n\\n <div class=\\\"ll-hero-content\\\">\\n\\n <a class=\\\"ll-brand\\\" href=\\\"https:\\\/\\\/lawnlogic.shop\\\/\\\">\\n <span class=\\\"ll-brand-main\\\">Lawn<span>Logic<\\\/span><\\\/span>\\n <span class=\\\"ll-brand-sub\\\">PREMIUM OUTDOOR EQUIPMENT<\\\/span>\\n <\\\/a>\\n\\n <h1>\\n GET THE JOB<br>\\n DONE<br>\\n <span class=\\\"ll-heading-green\\\">THE RIGHT WAY<\\\/span><span class=\\\"ll-heading-dot\\\">.<\\\/span>\\n <\\\/h1>\\n\\n <p class=\\\"ll-hero-description\\\">\\n Powerful tools for a\\n <span>Cleaner, Greener<\\\/span> and<br class=\\\"ll-desktop-break\\\">\\n Happier Home.\\n <\\\/p>\\n\\n <a class=\\\"ll-shop-button\\\" href=\\\"https:\\\/\\\/lawnlogic.shop\\\/?post_type=product\\\">\\n <span>SHOP COLLECTION<\\\/span>\\n <svg viewBox=\\\"0 0 24 24\\\" aria-hidden=\\\"true\\\">\\n <path d=\\\"M4 12h15M13 5l7 7-7 7\\\" fill=\\\"none\\\" stroke=\\\"currentColor\\\"\\n stroke-width=\\\"2\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\"\\\/>\\n <\\\/svg>\\n <\\\/a>\\n\\n \\n <div class=\\\"ll-hero-features\\\">\\n\\n <div class=\\\"ll-feature\\\">\\n <div class=\\\"ll-feature-icon\\\">\\n <svg viewBox=\\\"0 0 24 24\\\" aria-hidden=\\\"true\\\">\\n <path d=\\\"M12 3 2.8 8 12 21 21.2 8 12 3Z\\\"\\\/>\\n <path d=\\\"M2.8 8h18.4M8 8l4 13 4-13M8 8l4-5 4 5\\\"\\\/>\\n <\\\/svg>\\n <\\\/div>\\n <div class=\\\"ll-feature-label\\\"><strong>Premium<\\\/strong><span>Quality<\\\/span><\\\/div>\\n <\\\/div>\\n\\n <div class=\\\"ll-feature\\\">\\n <div class=\\\"ll-feature-icon\\\">\\n <svg viewBox=\\\"0 0 24 24\\\" aria-hidden=\\\"true\\\">\\n <path d=\\\"M19.5 3.5C11 4 5 8.5 5 15a6 6 0 0 0 6 6c6.5 0 9-9 8.5-17.5Z\\\"\\\/>\\n <path d=\\\"M4 21c3-5 6-8 11-11\\\"\\\/>\\n <\\\/svg>\\n <\\\/div>\\n <div class=\\\"ll-feature-label\\\"><strong>Greener<\\\/strong><span>Outdoors<\\\/span><\\\/div>\\n <\\\/div>\\n\\n <div class=\\\"ll-feature\\\">\\n <div class=\\\"ll-feature-icon\\\">\\n <svg viewBox=\\\"0 0 24 24\\\" aria-hidden=\\\"true\\\">\\n <path d=\\\"m3 11 9-8 9 8\\\"\\\/>\\n <path d=\\\"M5.5 9.5V21h13V9.5M9.5 21v-7h5v7\\\"\\\/>\\n <\\\/svg>\\n <\\\/div>\\n <div class=\\\"ll-feature-label\\\"><strong>Better<\\\/strong><span>Living<\\\/span><\\\/div>\\n <\\\/div>\\n\\n <div class=\\\"ll-feature\\\">\\n <div class=\\\"ll-feature-icon\\\">\\n <svg viewBox=\\\"0 0 24 24\\\" aria-hidden=\\\"true\\\">\\n <circle cx=\\\"12\\\" cy=\\\"12\\\" r=\\\"4\\\"\\\/>\\n <path d=\\\"M12 2v3M12 19v3M2 12h3M19 12h3M4.9 4.9 7 7M17 17l2.1 2.1M19.1 4.9 17 7M7 17l-2.1 2.1\\\"\\\/>\\n <\\\/svg>\\n <\\\/div>\\n <div class=\\\"ll-feature-label\\\"><strong>Built<\\\/strong><span>to Last<\\\/span><\\\/div>\\n <\\\/div>\\n\\n <\\\/div>\\n <\\\/div>\\n\\n <\\\/div>\\n<\\\/section>\\n\\n<style>\\n\\\/* =====================================\\n LAWNLOGIC HERO \\u2014 ALL STYLES SCOPED\\n===================================== *\\\/\\n\\n.ll-hero {\\n --ll-lime: #7ED321;\\n --ll-green: #0B6623;\\n --ll-dark: #06150C;\\n\\n position: relative;\\n isolation: isolate;\\n overflow: hidden;\\n display: flex;\\n align-items: stretch;\\n\\n \\\/* full width *\\\/\\n width: 100vw !important;\\n max-width: none !important;\\n margin-left: calc(50% - 50vw) !important;\\n margin-right: calc(50% - 50vw) !important;\\n border-radius: 0 !important;\\n\\n min-height: 665px;\\n background: var(--ll-dark);\\n color: #fff;\\n font-family: inherit;\\n box-sizing: border-box;\\n}\\n\\n.ll-hero *,\\n.ll-hero *::before,\\n.ll-hero *::after {\\n box-sizing: border-box;\\n}\\n\\n.ll-hero-bg {\\n position: absolute;\\n inset: 0;\\n z-index: -3;\\n background-image: url(\\\"https:\\\/\\\/lawnlogic.shop\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/LawnLogic-Mower-in-a-Sunny-Garden.png\\\");\\n background-size: cover;\\n background-position: center 54%;\\n background-repeat: no-repeat;\\n transform: scale(1.02);\\n animation: ll-bg-reveal 1.2s ease-out both;\\n}\\n\\n.ll-hero-shade {\\n position: absolute;\\n inset: 0;\\n z-index: -2;\\n background:\\n linear-gradient(90deg,\\n rgba(3, 17, 9, .98) 0%,\\n rgba(4, 22, 10, .94) 26%,\\n rgba(4, 22, 10, .76) 43%,\\n rgba(4, 18, 8, .20) 70%,\\n rgba(4, 18, 8, .18) 100%),\\n linear-gradient(0deg,\\n rgba(2, 12, 6, .72),\\n transparent 45%);\\n}\\n\\n.ll-hero-container {\\n position: relative;\\n display: flex;\\n align-items: center;\\n width: 100%;\\n max-width: 1500px;\\n min-height: inherit;\\n margin: 0 auto;\\n padding: 52px 6.2% 35px;\\n}\\n\\n.ll-hero-content {\\n position: relative;\\n z-index: 2;\\n width: 53%;\\n max-width: 680px;\\n animation: ll-content-enter .8s ease-out both;\\n}\\n\\n\\\/* BRAND \\u2014 underline removed in every state *\\\/\\n.ll-hero a.ll-brand,\\n.ll-hero a.ll-brand:hover,\\n.ll-hero a.ll-brand:focus,\\n.ll-hero a.ll-brand:active,\\n.ll-hero a.ll-brand span {\\n text-decoration: none !important;\\n border-bottom: 0 !important;\\n box-shadow: none !important;\\n}\\n\\n.ll-brand {\\n display: inline-flex;\\n flex-direction: column;\\n align-items: flex-start;\\n gap: 10px;\\n margin-bottom: 27px;\\n color: #fff;\\n}\\n\\n.ll-brand-main {\\n color: var(--ll-lime);\\n font-size: clamp(36px, 3.1vw, 55px);\\n font-weight: 850;\\n line-height: 1;\\n letter-spacing: -2.5px;\\n}\\n\\n.ll-brand-main span {\\n color: #fff;\\n}\\n\\n.ll-brand-sub {\\n font-size: 9px;\\n font-weight: 800;\\n letter-spacing: 4px;\\n color: rgba(255,255,255,.88);\\n}\\n\\n\\\/* HEADLINE *\\\/\\n.ll-hero h1 {\\n margin: 0 0 22px;\\n color: #fff;\\n font-size: clamp(43px, 4.15vw, 72px);\\n font-weight: 900;\\n line-height: .99;\\n letter-spacing: -2.5px;\\n}\\n\\n.ll-heading-green { color: var(--ll-lime); }\\n.ll-heading-dot { color: #FF8500; }\\n\\n.ll-hero-description {\\n margin: 0 0 29px;\\n color: rgba(255,255,255,.96);\\n font-size: clamp(15px, 1.1vw, 19px);\\n font-weight: 500;\\n line-height: 1.55;\\n}\\n\\n.ll-hero-description span {\\n color: var(--ll-lime);\\n font-weight: 750;\\n}\\n\\n\\\/* SHOP BUTTON *\\\/\\n.ll-hero a.ll-shop-button,\\n.ll-hero a.ll-shop-button:hover {\\n text-decoration: none !important;\\n}\\n\\n.ll-shop-button {\\n position: relative;\\n isolation: isolate;\\n display: inline-flex;\\n align-items: center;\\n justify-content: center;\\n gap: 25px;\\n min-width: 207px;\\n min-height: 55px;\\n padding: 15px 24px;\\n overflow: hidden;\\n border: 1px solid var(--ll-lime);\\n border-radius: 50px;\\n background: var(--ll-lime);\\n color: #10200B;\\n font-size: 11px;\\n font-weight: 850;\\n letter-spacing: .6px;\\n transition:\\n color .35s ease,\\n border-color .35s ease,\\n box-shadow .35s ease,\\n transform .35s ease;\\n}\\n\\n.ll-shop-button::before {\\n content: \\\"\\\";\\n position: absolute;\\n inset: 0;\\n z-index: -1;\\n border-radius: inherit;\\n background: #102A19;\\n transform: scaleX(0);\\n transform-origin: left;\\n transition: transform .38s cubic-bezier(.2,.7,.2,1);\\n}\\n\\n.ll-shop-button:hover,\\n.ll-shop-button:focus-visible {\\n color: #fff;\\n border-color: #fff;\\n box-shadow: 0 0 0 4px rgba(126,211,33,.13),\\n 0 10px 30px rgba(0,0,0,.25);\\n transform: translateY(-3px);\\n}\\n\\n.ll-shop-button:hover::before,\\n.ll-shop-button:focus-visible::before {\\n transform: scaleX(1);\\n}\\n\\n.ll-shop-button svg {\\n width: 19px;\\n height: 19px;\\n flex: 0 0 19px;\\n transition: transform .3s ease;\\n}\\n\\n.ll-shop-button:hover svg {\\n transform: translateX(5px);\\n}\\n\\n\\\/* FEATURE BUBBLES *\\\/\\n.ll-hero-features {\\n display: flex;\\n align-items: center;\\n flex-wrap: wrap;\\n gap: 24px 25px;\\n margin-top: 63px;\\n}\\n\\n.ll-feature {\\n position: relative;\\n display: flex;\\n align-items: center;\\n gap: 11px;\\n padding: 7px 10px 7px 0;\\n border-radius: 40px;\\n cursor: default;\\n transition:\\n transform .3s ease,\\n background .3s ease,\\n box-shadow .3s ease;\\n}\\n\\n.ll-feature-icon {\\n position: relative;\\n display: flex;\\n flex: 0 0 48px;\\n align-items: center;\\n justify-content: center;\\n width: 48px;\\n height: 48px;\\n border: 1px solid rgba(126,211,33,.65);\\n border-radius: 50%;\\n background: rgba(5, 22, 10, .40);\\n color: var(--ll-lime);\\n transition:\\n color .35s ease,\\n background .35s ease,\\n border-color .35s ease,\\n transform .35s ease,\\n box-shadow .35s ease;\\n}\\n\\n.ll-feature-icon svg {\\n width: 21px;\\n height: 21px;\\n fill: none;\\n stroke: currentColor;\\n stroke-width: 1.35;\\n stroke-linecap: round;\\n stroke-linejoin: round;\\n transition: transform .35s ease;\\n}\\n\\n.ll-feature-label {\\n display: flex;\\n flex-direction: column;\\n gap: 2px;\\n min-width: 60px;\\n color: #fff;\\n font-size: 11px;\\n line-height: 1.15;\\n}\\n\\n.ll-feature-label strong { font-weight: 800; }\\n\\n.ll-feature-label span {\\n color: rgba(255,255,255,.86);\\n font-size: 10px;\\n}\\n\\n.ll-feature:hover {\\n transform: translateY(-5px);\\n background: rgba(126,211,33,.08);\\n box-shadow: 0 6px 24px rgba(0,0,0,.12);\\n}\\n\\n.ll-feature:hover .ll-feature-icon {\\n color: #10200B;\\n background: var(--ll-lime);\\n border-color: var(--ll-lime);\\n transform: scale(1.09);\\n box-shadow: 0 0 0 5px rgba(126,211,33,.12),\\n 0 0 22px rgba(126,211,33,.25);\\n}\\n\\n.ll-feature:hover .ll-feature-icon svg {\\n transform: rotate(-8deg) scale(1.08);\\n}\\n\\n\\\/* ANIMATIONS *\\\/\\n@keyframes ll-content-enter {\\n from { opacity: 0; transform: translateY(18px); }\\n to { opacity: 1; transform: translateY(0); }\\n}\\n\\n@keyframes ll-bg-reveal {\\n from { opacity: .5; transform: scale(1.06); }\\n to { opacity: 1; transform: scale(1.02); }\\n}\\n\\n\\\/* TABLET *\\\/\\n@media (max-width: 1000px) {\\n .ll-hero { min-height: 620px; }\\n\\n .ll-hero-bg { background-position: 70% 60%; }\\n\\n .ll-hero-container { padding: 48px 5%; }\\n\\n .ll-hero-content { width: 60%; }\\n\\n .ll-hero h1 { font-size: clamp(42px, 5.5vw, 59px); }\\n\\n .ll-hero-features { gap: 15px 12px; margin-top: 48px; }\\n\\n .ll-feature-icon {\\n width: 42px;\\n height: 42px;\\n flex-basis: 42px;\\n }\\n}\\n\\n\\\/* MOBILE *\\\/\\n@media (max-width: 650px) {\\n .ll-hero { min-height: 0; }\\n\\n \\\/* anchor the photo to the bottom-right so the mower stays visible *\\\/\\n .ll-hero-bg {\\n background-position: 76% 100%;\\n transform: none;\\n animation: none;\\n }\\n\\n \\\/* dark at the top for text, fades out toward the bottom to show the mower *\\\/\\n .ll-hero-shade {\\n background: linear-gradient(\\n 180deg,\\n rgba(3,16,8,.95) 0%,\\n rgba(3,16,8,.88) 45%,\\n rgba(3,16,8,.45) 72%,\\n rgba(3,16,8,.12) 100%\\n );\\n }\\n\\n .ll-hero-container {\\n align-items: flex-start;\\n padding: 36px 23px 270px; \\\/* bottom space reveals the mower photo *\\\/\\n }\\n\\n .ll-hero-content {\\n width: 100%;\\n max-width: 520px;\\n }\\n\\n .ll-brand { margin-bottom: 28px; }\\n\\n .ll-brand-main {\\n font-size: 39px;\\n letter-spacing: -1.8px;\\n }\\n\\n .ll-brand-sub {\\n font-size: 8px;\\n letter-spacing: 2.5px;\\n }\\n\\n .ll-hero h1 {\\n font-size: clamp(40px, 10.5vw, 58px);\\n letter-spacing: -1.8px;\\n line-height: 1;\\n }\\n\\n .ll-hero-description { font-size: 15px; }\\n\\n .ll-desktop-break { display: none; }\\n\\n .ll-shop-button { min-height: 52px; }\\n\\n .ll-hero-features {\\n display: grid;\\n grid-template-columns: repeat(2, minmax(0, 1fr));\\n gap: 12px 8px;\\n margin-top: 37px;\\n }\\n\\n .ll-feature {\\n gap: 9px;\\n padding: 6px 4px 6px 0;\\n }\\n\\n .ll-feature-icon {\\n width: 42px;\\n height: 42px;\\n flex-basis: 42px;\\n }\\n\\n .ll-feature-label { font-size: 11px; }\\n}\\n\\n\\\/* REDUCED MOTION *\\\/\\n@media (prefers-reduced-motion: reduce) {\\n .ll-hero *,\\n .ll-hero *::before,\\n .ll-hero *::after {\\n animation: none !important;\\n transition: none !important;\\n }\\n}\\n<\\\/style>\\t\\t\\t\\t<\\\/div>\\n\\t\\t\\t\\t\\t<\\\/div>\\n\\t\\t\\t\\t<\\\/div>\\n\\t\\t<div class=\\\"elementor-element elementor-element-c3aae40 e-flex e-con-boxed e-con e-parent\\\" data-id=\\\"c3aae40\\\" data-element_type=\\\"container\\\" data-e-type=\\\"container\\\">\\n\\t\\t\\t\\t\\t<div class=\\\"e-con-inner\\\">\\n\\t\\t\\t\\t<div class=\\\"elementor-element elementor-element-dbabe1b elementor-widget elementor-widget-html\\\" data-id=\\\"dbabe1b\\\" data-element_type=\\\"widget\\\" data-e-type=\\\"widget\\\" data-widget_type=\\\"html.default\\\">\\n\\t\\t\\t\\t\\t\\n<section class=\\\"llt-trust\\\" aria-label=\\\"Why homeowners choose LawnLogic\\\">\\n <div class=\\\"llt-bg\\\"><\\\/div>\\n\\n <div class=\\\"llt-inner\\\">\\n\\n \\n <div class=\\\"llt-intro\\\">\\n <div class=\\\"llt-eyebrow\\\"><span><\\\/span>WHY HOMEOWNERS CHOOSE LAWNLOGIC<\\\/div>\\n\\n <h2 class=\\\"llt-title\\\">\\n Numbers That<br><em>Speak Trust<\\\/em>\\n <\\\/h2>\\n\\n <p class=\\\"llt-copy\\\">\\n From quality products to reliable performance, our customers' trust drives everything we do.\\n <\\\/p>\\n\\n <div class=\\\"llt-tagline\\\">Built for Greener Tomorrows.<\\\/div>\\n <\\\/div>\\n\\n <div class=\\\"llt-divider\\\" aria-hidden=\\\"true\\\"><\\\/div>\\n\\n \\n <div class=\\\"llt-stats\\\">\\n\\n \\n <div class=\\\"llt-card\\\" style=\\\"--i:0; --c:#17812c; --t:rgba(23,129,44,.14); --off:2;\\\">\\n <div class=\\\"llt-icon llt-icon-green\\\">\\n <svg viewBox=\\\"0 0 24 24\\\" aria-hidden=\\\"true\\\"><circle cx=\\\"12\\\" cy=\\\"12\\\" r=\\\"9\\\"\\\/><path d=\\\"M8.5 14c1 1.5 2.2 2.2 3.5 2.2s2.5-.7 3.5-2.2\\\"\\\/><path d=\\\"M9 9.5h.01M15 9.5h.01\\\"\\\/><\\\/svg>\\n <\\\/div>\\n <div class=\\\"llt-gauge\\\">\\n <svg viewBox=\\\"0 0 140 80\\\" aria-hidden=\\\"true\\\">\\n <path class=\\\"llt-track\\\" d=\\\"M10 74 A60 60 0 0 1 130 74\\\" pathLength=\\\"100\\\"\\\/>\\n <path class=\\\"llt-arc\\\" d=\\\"M10 74 A60 60 0 0 1 130 74\\\" pathLength=\\\"100\\\"\\\/>\\n <\\\/svg>\\n <div class=\\\"llt-value\\\"><span class=\\\"llt-num\\\" data-count=\\\"98\\\" data-decimals=\\\"0\\\">98<\\\/span><span class=\\\"llt-suffix\\\">%<\\\/span><\\\/div>\\n <\\\/div>\\n <div class=\\\"llt-label\\\">Customer<br>Satisfaction<\\\/div>\\n <\\\/div>\\n\\n \\n <div class=\\\"llt-card\\\" style=\\\"--i:1; --c:#ff852d; --t:rgba(255,133,45,.16); --off:0;\\\">\\n <div class=\\\"llt-icon llt-icon-orange\\\">\\n <svg viewBox=\\\"0 0 24 24\\\" aria-hidden=\\\"true\\\"><circle cx=\\\"9\\\" cy=\\\"8\\\" r=\\\"3.2\\\"\\\/><path d=\\\"M3 19c0-3.2 2.7-5 6-5s6 1.8 6 5\\\"\\\/><path d=\\\"M16 5.2a3.2 3.2 0 0 1 0 5.6M17.5 14.3c2.2.5 3.5 2 3.5 4.7\\\"\\\/><\\\/svg>\\n <\\\/div>\\n <div class=\\\"llt-gauge\\\">\\n <svg viewBox=\\\"0 0 140 80\\\" aria-hidden=\\\"true\\\">\\n <path class=\\\"llt-track\\\" d=\\\"M10 74 A60 60 0 0 1 130 74\\\" pathLength=\\\"100\\\"\\\/>\\n <path class=\\\"llt-arc\\\" d=\\\"M10 74 A60 60 0 0 1 130 74\\\" pathLength=\\\"100\\\"\\\/>\\n <\\\/svg>\\n <div class=\\\"llt-value\\\"><span class=\\\"llt-num\\\" data-count=\\\"100\\\" data-decimals=\\\"0\\\">100<\\\/span><span class=\\\"llt-suffix\\\">+<\\\/span><\\\/div>\\n <\\\/div>\\n <div class=\\\"llt-label\\\">Happy<br>Customers<\\\/div>\\n <\\\/div>\\n\\n \\n <div class=\\\"llt-card\\\" style=\\\"--i:2; --c:#ffb81f; --t:rgba(255,184,31,.18); --off:2;\\\">\\n <div class=\\\"llt-icon llt-icon-yellow\\\">\\n <svg viewBox=\\\"0 0 24 24\\\" aria-hidden=\\\"true\\\" class=\\\"llt-fill\\\"><path d=\\\"M12 2.5l2.9 6.1 6.6.9-4.8 4.6 1.2 6.6-5.9-3.2-5.9 3.2 1.2-6.6L2.5 9.5l6.6-.9z\\\"\\\/><\\\/svg>\\n <\\\/div>\\n <div class=\\\"llt-gauge\\\">\\n <svg viewBox=\\\"0 0 140 80\\\" aria-hidden=\\\"true\\\">\\n <path class=\\\"llt-track\\\" d=\\\"M10 74 A60 60 0 0 1 130 74\\\" pathLength=\\\"100\\\"\\\/>\\n <path class=\\\"llt-arc\\\" d=\\\"M10 74 A60 60 0 0 1 130 74\\\" pathLength=\\\"100\\\"\\\/>\\n <\\\/svg>\\n <div class=\\\"llt-value\\\"><span class=\\\"llt-num\\\" data-count=\\\"4.9\\\" data-decimals=\\\"1\\\">4.9<\\\/span><svg class=\\\"llt-star\\\" viewBox=\\\"0 0 24 24\\\" aria-hidden=\\\"true\\\"><path d=\\\"M12 2.5l2.9 6.1 6.6.9-4.8 4.6 1.2 6.6-5.9-3.2-5.9 3.2 1.2-6.6L2.5 9.5l6.6-.9z\\\"\\\/><\\\/svg><\\\/div>\\n <\\\/div>\\n <div class=\\\"llt-label\\\">Average<br>Rating<\\\/div>\\n <\\\/div>\\n\\n <\\\/div>\\n <\\\/div>\\n<\\\/section>\\n\\n<style>\\n\\\/* =====================================\\n LAWNLOGIC TRUST STATS (all classes use llt-)\\n===================================== *\\\/\\n\\n.llt-trust {\\n --llt-lime: #7ED321;\\n --llt-green: #0B6623;\\n --llt-ink: #123b23;\\n --llt-orange: #ff852d;\\n\\n position: relative;\\n isolation: isolate;\\n overflow: hidden;\\n\\n width: 100vw;\\n max-width: none;\\n margin-left: calc(50% - 50vw);\\n margin-right: calc(50% - 50vw);\\n\\n font-family: Inter, Arial, sans-serif;\\n color: var(--llt-ink);\\n background: #f6faf2;\\n box-sizing: border-box;\\n}\\n\\n.llt-trust *,\\n.llt-trust *::before,\\n.llt-trust *::after {\\n box-sizing: border-box;\\n}\\n\\n\\\/* Faded photo background (single static layer, no blur = no lag) *\\\/\\n.llt-bg {\\n position: absolute;\\n inset: 0;\\n z-index: -1;\\n background:\\n linear-gradient(90deg,\\n rgba(250,252,247,.97) 0%,\\n rgba(250,252,247,.93) 42%,\\n rgba(250,252,247,.78) 100%),\\n url('https:\\\/\\\/lawnlogic.shop\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/LawnLogic-Mower-in-Sunlit-Garden.png') center \\\/ cover no-repeat;\\n}\\n\\n.llt-inner {\\n display: grid;\\n grid-template-columns: minmax(0, 1fr) 1px minmax(0, 1.45fr);\\n align-items: center;\\n gap: clamp(24px, 3.5vw, 56px);\\n\\n max-width: 1400px;\\n margin: 0 auto;\\n padding: clamp(40px, 5vw, 76px) clamp(20px, 6vw, 110px);\\n}\\n\\n\\\/* ---------- LEFT TEXT ---------- *\\\/\\n\\n.llt-eyebrow {\\n display: flex;\\n align-items: center;\\n gap: 12px;\\n margin-bottom: 18px;\\n\\n font-size: clamp(9px, .75vw, 11px);\\n font-weight: 800;\\n letter-spacing: 2.4px;\\n color: #3b4b40;\\n}\\n\\n.llt-eyebrow > span {\\n display: block;\\n flex-shrink: 0;\\n width: 30px;\\n height: 3px;\\n border-radius: 4px;\\n background: var(--llt-orange);\\n}\\n\\n.llt-title {\\n margin: 0 0 20px;\\n font-size: clamp(34px, 3.6vw, 58px);\\n line-height: 1.04;\\n letter-spacing: -1.5px;\\n font-weight: 800;\\n color: #14231a;\\n}\\n\\n.llt-title em {\\n font-style: normal;\\n color: var(--llt-green);\\n}\\n\\n.llt-copy {\\n max-width: 420px;\\n margin: 0 0 22px;\\n font-size: clamp(13px, 1vw, 16px);\\n line-height: 1.7;\\n color: #46564b;\\n}\\n\\n.llt-tagline {\\n padding-left: 12px;\\n border-left: 3px solid var(--llt-lime);\\n font-size: 13px;\\n font-style: italic;\\n color: #5d9a3a;\\n}\\n\\n.llt-divider {\\n align-self: stretch;\\n width: 1px;\\n background: linear-gradient(180deg, transparent, rgba(23,97,44,.25), transparent);\\n}\\n\\n\\\/* ---------- CARDS ---------- *\\\/\\n\\n.llt-stats {\\n display: grid;\\n grid-template-columns: repeat(3, minmax(0, 1fr));\\n gap: clamp(10px, 1.4vw, 20px);\\n}\\n\\n.llt-card {\\n position: relative;\\n display: flex;\\n flex-direction: column;\\n align-items: center;\\n padding: 24px 12px 22px;\\n\\n background: rgba(255,255,255,.92);\\n border: 1px solid #e6eee0;\\n border-radius: 18px;\\n box-shadow: 0 6px 22px rgba(20,43,25,.06);\\n\\n transition: transform .3s ease, box-shadow .3s ease;\\n}\\n\\n@media (hover: hover) {\\n .llt-card:hover {\\n transform: translateY(-5px);\\n box-shadow: 0 14px 32px rgba(20,43,25,.1);\\n }\\n}\\n\\n\\\/* Icon badge *\\\/\\n\\n.llt-icon {\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n width: clamp(36px, 3vw, 46px);\\n height: clamp(36px, 3vw, 46px);\\n margin-bottom: 8px;\\n border-radius: 50%;\\n color: #fff;\\n box-shadow: 0 6px 14px rgba(0,0,0,.1);\\n}\\n\\n.llt-icon svg {\\n width: 55%;\\n height: 55%;\\n fill: none;\\n stroke: currentColor;\\n stroke-width: 1.7;\\n stroke-linecap: round;\\n stroke-linejoin: round;\\n}\\n\\n.llt-icon svg.llt-fill { fill: currentColor; stroke: none; }\\n\\n.llt-icon-green { background: linear-gradient(145deg, #3fae1f, #17612c); }\\n.llt-icon-orange { background: linear-gradient(145deg, #ff9a3d, #ff6f0f); }\\n.llt-icon-yellow { background: linear-gradient(145deg, #ffd23d, #ffb11f); color: #3d2a00; }\\n\\n\\\/* Gauge *\\\/\\n\\n.llt-gauge {\\n position: relative;\\n width: 100%;\\n max-width: 150px;\\n}\\n\\n.llt-gauge > svg {\\n display: block;\\n width: 100%;\\n height: auto;\\n overflow: visible;\\n}\\n\\n.llt-track,\\n.llt-arc {\\n fill: none;\\n stroke-width: 8;\\n stroke-linecap: round;\\n}\\n\\n.llt-track { stroke: var(--t); }\\n\\n.llt-arc {\\n stroke: var(--c);\\n stroke-dasharray: 100;\\n stroke-dashoffset: var(--off);\\n}\\n\\n.llt-value {\\n position: absolute;\\n left: 0;\\n right: 0;\\n bottom: 2%;\\n display: flex;\\n align-items: baseline;\\n justify-content: center;\\n gap: 1px;\\n\\n font-size: clamp(20px, 2.3vw, 36px);\\n font-weight: 800;\\n letter-spacing: -1px;\\n line-height: 1;\\n color: #14231a;\\n font-variant-numeric: tabular-nums;\\n}\\n\\n.llt-star {\\n width: .5em;\\n height: .5em;\\n margin-left: 3px;\\n fill: #ffb81f;\\n align-self: center;\\n}\\n\\n.llt-label {\\n margin-top: 10px;\\n text-align: center;\\n font-size: clamp(8px, .7vw, 10.5px);\\n font-weight: 800;\\n line-height: 1.55;\\n letter-spacing: 1.6px;\\n text-transform: uppercase;\\n color: #2c3a31;\\n}\\n\\n\\\/* ---------- ENTRANCE (runs once, only transform\\\/opacity\\\/dashoffset) ---------- *\\\/\\n\\n.llt-ready .llt-card {\\n opacity: 0;\\n transform: translateY(18px);\\n transition:\\n opacity .6s ease calc(var(--i) * .12s),\\n transform .6s cubic-bezier(.2,.75,.25,1) calc(var(--i) * .12s),\\n box-shadow .3s ease;\\n}\\n\\n.llt-ready .llt-arc {\\n stroke-dashoffset: 100;\\n transition: stroke-dashoffset 1.5s cubic-bezier(.25,.8,.25,1) calc(.25s + var(--i) * .12s);\\n}\\n\\n.llt-ready.llt-in .llt-card {\\n opacity: 1;\\n transform: translateY(0);\\n}\\n\\n.llt-ready.llt-in .llt-arc {\\n stroke-dashoffset: var(--off);\\n}\\n\\n@media (hover: hover) {\\n .llt-ready.llt-in .llt-card:hover {\\n transform: translateY(-5px);\\n }\\n}\\n\\n\\\/* ---------- TABLET ---------- *\\\/\\n\\n@media (max-width: 900px) {\\n .llt-inner {\\n grid-template-columns: 1fr;\\n gap: 28px;\\n padding: 40px 20px;\\n }\\n\\n .llt-divider { display: none; }\\n\\n .llt-copy { max-width: 520px; }\\n}\\n\\n\\\/* ---------- MOBILE ---------- *\\\/\\n\\n@media (max-width: 520px) {\\n .llt-inner { padding: 32px 14px; }\\n\\n .llt-intro { padding: 0 6px; }\\n\\n .llt-stats { gap: 8px; }\\n\\n .llt-card { padding: 16px 6px 14px; border-radius: 14px; }\\n\\n .llt-track,\\n .llt-arc { stroke-width: 9; }\\n\\n .llt-label { letter-spacing: 1px; font-size: 8px; }\\n}\\n\\n\\\/* ---------- REDUCED MOTION ---------- *\\\/\\n\\n@media (prefers-reduced-motion: reduce) {\\n .llt-ready .llt-card,\\n .llt-ready .llt-arc {\\n opacity: 1 !important;\\n transform: none !important;\\n transition: none !important;\\n }\\n .llt-ready .llt-arc { stroke-dashoffset: var(--off) !important; }\\n}\\n<\\\/style>\\n\\n<script>\\n(function () {\\n var sections = document.querySelectorAll('.llt-trust');\\n if (!sections.length) return;\\n\\n var reduce = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\\n\\n function countUp(el) {\\n var end = parseFloat(el.getAttribute('data-count'));\\n var dec = parseInt(el.getAttribute('data-decimals') || '0', 10);\\n var dur = 1400, start = null;\\n\\n function step(t) {\\n if (start === null) start = t;\\n var p = Math.min((t - start) \\\/ dur, 1);\\n var eased = 1 - Math.pow(1 - p, 3);\\n el.textContent = (end * eased).toFixed(dec);\\n if (p < 1) requestAnimationFrame(step);\\n }\\n el.textContent = (0).toFixed(dec);\\n requestAnimationFrame(step);\\n }\\n\\n function play(section) {\\n section.classList.add('llt-in');\\n if (!reduce) section.querySelectorAll('.llt-num').forEach(countUp);\\n }\\n\\n sections.forEach(function (section) {\\n section.classList.add('llt-ready');\\n\\n if (!('IntersectionObserver' in window) || reduce) {\\n play(section);\\n return;\\n }\\n\\n var io = new IntersectionObserver(function (entries) {\\n entries.forEach(function (entry) {\\n if (entry.isIntersecting) {\\n play(section);\\n io.disconnect(); \\\/\\\/ run once, then stop observing\\n }\\n });\\n }, { threshold: 0.3 });\\n\\n io.observe(section);\\n });\\n})();\\n<\\\/script>\\t\\t\\t\\t<\\\/div>\\n\\t\\t<div class=\\\"elementor-element elementor-element-f5492cc e-con-full e-flex e-con e-child\\\" data-id=\\\"f5492cc\\\" data-element_type=\\\"container\\\" data-e-type=\\\"container\\\">\\n\\t\\t\\t\\t<\\\/div>\\n\\t\\t\\t\\t\\t<\\\/div>\\n\\t\\t\\t\\t<\\\/div>\\n\\t\\t\",\"scripts\":[\"elementor-frontend\"],\"styles\":[]}}"]},"_links":{"self":[{"href":"https:\/\/lawnlogic.shop\/index.php?rest_route=\/wp\/v2\/pages\/15","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lawnlogic.shop\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lawnlogic.shop\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lawnlogic.shop\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lawnlogic.shop\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=15"}],"version-history":[{"count":5,"href":"https:\/\/lawnlogic.shop\/index.php?rest_route=\/wp\/v2\/pages\/15\/revisions"}],"predecessor-version":[{"id":161,"href":"https:\/\/lawnlogic.shop\/index.php?rest_route=\/wp\/v2\/pages\/15\/revisions\/161"}],"wp:attachment":[{"href":"https:\/\/lawnlogic.shop\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}