{"product_id":"solar-paver-pathway-lights","title":"☀️ Solar Paver Lights 4'×8' – Warm White Recessed Ground Lights for Driveways, Walkways \u0026 Patios","description":"\u003cstyle\u003e   \/* ================================      Shopify Product Description      Part 1: Hero + Benefits      ================================ *\/    .mrx-pdp,   .mrx-pdp * {     box-sizing: border-box;   }    .mrx-pdp {     width: 100%;     max-width: 1440px;     margin: 0 auto;     padding: 0;     background: #f5f6f8;     color: #111827;     font-family: Arial, Helvetica, sans-serif;     line-height: 1.5;     overflow: hidden;   }    .mrx-pdp img {     display: block;     width: 100%;     max-width: 100%;     height: auto;     margin: 0;     border: 0;   }    \/* Hero *\/   .mrx-hero {     position: relative;     padding: 24px 16px 18px;     background:       radial-gradient(         circle at 85% 10%,         rgba(91, 126, 255, 0.28) 0%,         rgba(91, 126, 255, 0) 34%       ),       linear-gradient(145deg, #07101f 0%, #101b2e 56%, #17233a 100%);     color: #ffffff;   }    .mrx-hero__inner {     width: 100%;     max-width: 1180px;     margin: 0 auto;   }    .mrx-hero__content {     position: relative;     z-index: 2;   }    .mrx-offer {     display: inline-flex;     align-items: center;     gap: 7px;     margin: 0 0 14px;     padding: 7px 11px;     border: 1px solid rgba(255, 255, 255, 0.16);     border-radius: 999px;     background: rgba(255, 255, 255, 0.09);     color: #ffffff;     font-size: 11px;     font-weight: 700;     line-height: 1;     letter-spacing: 1.2px;     text-transform: uppercase;   }    .mrx-offer__dot {     width: 7px;     height: 7px;     flex: 0 0 7px;     border-radius: 50%;     background: #ffbf47;     box-shadow: 0 0 0 5px rgba(255, 191, 71, 0.14);   }    .mrx-hero__title {     max-width: 680px;     margin: 0;     color: #ffffff !important;     font-size: clamp(32px, 8vw, 62px);     font-weight: 800;     line-height: 1.04;     letter-spacing: -1.5px;   }    .mrx-hero__title span {     color: #a9c4ff !important;   }    .mrx-hero__text {     max-width: 590px;     margin: 15px 0 0;     color: #d7dfec !important;     font-size: 16px;     font-weight: 400;     line-height: 1.65;   }    .mrx-hero__trust {     display: flex;     flex-wrap: wrap;     gap: 8px;     margin: 18px 0 0;   }    .mrx-trust-pill {     display: inline-flex;     align-items: center;     gap: 6px;     padding: 8px 10px;     border: 1px solid rgba(255, 255, 255, 0.13);     border-radius: 10px;     background: rgba(255, 255, 255, 0.07);     color: #f4f7fb !important;     font-size: 12px;     font-weight: 600;     line-height: 1.2;   }    .mrx-trust-pill__icon {     color: #79d9af !important;     font-size: 13px;     font-weight: 800;   }    .mrx-hero__visual {     position: relative;     margin-top: 22px;   }    .mrx-hero__image-wrap {     position: relative;     overflow: hidden;     border: 1px solid rgba(255, 255, 255, 0.13);     border-radius: 22px;     background: #e8ecf2;     box-shadow:       0 24px 55px rgba(0, 0, 0, 0.32),       0 2px 8px rgba(0, 0, 0, 0.16);   }    .mrx-hero__image {     width: 100%;     aspect-ratio: 1 \/ 1;     object-fit: cover;     object-position: center;   }    .mrx-hero__badge {     position: absolute;     right: 12px;     bottom: 12px;     max-width: 155px;     padding: 10px 12px;     border: 1px solid rgba(255, 255, 255, 0.7);     border-radius: 13px;     background: rgba(255, 255, 255, 0.92);     color: #111827 !important;     box-shadow: 0 8px 24px rgba(15, 23, 42, 0.2);     backdrop-filter: blur(10px);   }    .mrx-hero__badge strong {     display: block;     margin: 0 0 2px;     color: #111827 !important;     font-size: 13px;     line-height: 1.2;   }    .mrx-hero__badge span {     display: block;     color: #5d6676 !important;     font-size: 10px;     line-height: 1.35;   }    \/* Benefits *\/   .mrx-benefits {     padding: 14px 16px 42px;     background: #f5f6f8;   }    .mrx-benefits__inner {     display: grid;     grid-template-columns: 1fr;     gap: 10px;     width: 100%;     max-width: 1100px;     margin: 0 auto;   }    .mrx-benefit-card {     display: grid;     grid-template-columns: 48px minmax(0, 1fr);     align-items: center;     gap: 13px;     min-height: 94px;     padding: 15px;     border: 1px solid #e4e7ec;     border-radius: 17px;     background: #ffffff;     box-shadow: 0 8px 25px rgba(16, 24, 40, 0.06);   }    .mrx-benefit-card__icon {     display: flex;     align-items: center;     justify-content: center;     width: 48px;     height: 48px;     border-radius: 14px;     background: linear-gradient(145deg, #edf3ff 0%, #dce8ff 100%);     color: #204d9c !important;   }    .mrx-benefit-card__icon svg {     display: block;     width: 24px;     height: 24px;     stroke: currentColor;   }    .mrx-benefit-card__title {     margin: 0 0 3px;     color: #111827 !important;     font-size: 15px;     font-weight: 750;     line-height: 1.3;   }    .mrx-benefit-card__text {     margin: 0;     color: #667085 !important;     font-size: 12px;     font-weight: 400;     line-height: 1.5;   }    \/* Desktop *\/   @media screen and (min-width: 768px) {     .mrx-hero {       padding: 58px 34px;     }      .mrx-hero__inner {       display: grid;       grid-template-columns: minmax(0, 0.9fr) minmax(420px, 1.1fr);       align-items: center;       gap: 54px;     }      .mrx-hero__title {       font-size: clamp(46px, 5vw, 68px);       letter-spacing: -2.3px;     }      .mrx-hero__text {       margin-top: 20px;       font-size: 18px;     }      .mrx-hero__visual {       margin-top: 0;     }      .mrx-hero__image {       aspect-ratio: 1.1 \/ 1;     }      .mrx-hero__badge {       right: 18px;       bottom: 18px;       max-width: 190px;       padding: 13px 15px;     }      .mrx-hero__badge strong {       font-size: 15px;     }      .mrx-hero__badge span {       font-size: 11px;     }      .mrx-benefits {       padding: 24px 34px 58px;     }      .mrx-benefits__inner {       grid-template-columns: repeat(3, minmax(0, 1fr));       gap: 16px;     }      .mrx-benefit-card {       grid-template-columns: 56px minmax(0, 1fr);       gap: 15px;       min-height: 118px;       padding: 20px;       border-radius: 20px;       transition:         transform 0.25s ease,         box-shadow 0.25s ease;     }      .mrx-benefit-card:hover {       transform: translateY(-4px);       box-shadow: 0 14px 32px rgba(16, 24, 40, 0.1);     }      .mrx-benefit-card__icon {       width: 56px;       height: 56px;       border-radius: 16px;     }      .mrx-benefit-card__title {       font-size: 16px;     }      .mrx-benefit-card__text {       font-size: 13px;     }   }    \/* Large desktop *\/   @media screen and (min-width: 1200px) {     .mrx-hero {       padding-top: 72px;       padding-bottom: 72px;     }      .mrx-hero__inner {       gap: 76px;     }   } \u003c\/style\u003e \u003cdiv class=\"mrx-pdp\"\u003e \u003c!-- Hero \/ Attention --\u003e \u003csection class=\"mrx-hero\"\u003e \u003cdiv class=\"mrx-hero__inner\"\u003e \u003cdiv class=\"mrx-hero__content\"\u003e \u003cdiv class=\"mrx-offer\"\u003e \u003cspan class=\"mrx-offer__dot\"\u003e\u003c\/span\u003e LIMITED TIME OFFER\u003c\/div\u003e \u003ch2 class=\"mrx-hero__title\"\u003eA Smarter Upgrade for \u003cspan\u003eYour Everyday Life.\u003c\/span\u003e \u003c\/h2\u003e \u003cp class=\"mrx-hero__text\"\u003eThoughtfully designed to make everyday use simpler, more comfortable and more enjoyable—without unnecessary complexity.\u003c\/p\u003e \u003cdiv class=\"mrx-hero__trust\"\u003e \u003cspan class=\"mrx-trust-pill\"\u003e \u003cspan class=\"mrx-trust-pill__icon\"\u003e✓\u003c\/span\u003e Easy to Use \u003c\/span\u003e \u003cspan class=\"mrx-trust-pill\"\u003e \u003cspan class=\"mrx-trust-pill__icon\"\u003e✓\u003c\/span\u003e Everyday Ready \u003c\/span\u003e \u003cspan class=\"mrx-trust-pill\"\u003e \u003cspan class=\"mrx-trust-pill__icon\"\u003e✓\u003c\/span\u003e Thoughtful Design \u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"mrx-hero__visual\"\u003e \u003cdiv style=\"text-align: start;\" class=\"mrx-hero__image-wrap\"\u003e \u003cimg style=\"float: none;\" class=\"mrx-hero__image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0731\/5016\/9239\/files\/ChatGPTImageJul25_2026_04_48_55AM.png?v=1784969537\" alt=\"Premium product designed for convenient everyday use\" loading=\"eager\"\u003e \u003cdiv class=\"mrx-hero__badge\"\u003e \u003cstrong\u003eDesigned Around You\u003c\/strong\u003e \u003cspan\u003eSimple details that create a better experience.\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/section\u003e \u003c!-- Interest \/ Three Benefits --\u003e \u003csection class=\"mrx-benefits\"\u003e \u003cdiv class=\"mrx-benefits__inner\"\u003e \u003carticle class=\"mrx-benefit-card\"\u003e \u003cdiv class=\"mrx-benefit-card__icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e             \u003cpath d=\"M13 2 4.5 13.5h6L10 22l8.5-12h-6L13 2Z\"\u003e\u003c\/path\u003e           \u003c\/svg\u003e\u003c\/div\u003e \u003cdiv\u003e \u003ch3 class=\"mrx-benefit-card__title\"\u003eEffortless Everyday Use\u003c\/h3\u003e \u003cp class=\"mrx-benefit-card__text\"\u003eIntuitive, practical and ready to use whenever you need it.\u003c\/p\u003e \u003c\/div\u003e \u003c\/article\u003e \u003carticle class=\"mrx-benefit-card\"\u003e \u003cdiv class=\"mrx-benefit-card__icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e             \u003cpath d=\"M12 3 4 7v5c0 5 3.4 8 8 9 4.6-1 8-4 8-9V7l-8-4Z\"\u003e\u003c\/path\u003e             \u003cpath d=\"m9 12 2 2 4-4\"\u003e\u003c\/path\u003e           \u003c\/svg\u003e\u003c\/div\u003e \u003cdiv\u003e \u003ch3 class=\"mrx-benefit-card__title\"\u003eMade for Reliability\u003c\/h3\u003e \u003cp class=\"mrx-benefit-card__text\"\u003eA dependable design created to support consistent daily use.\u003c\/p\u003e \u003c\/div\u003e \u003c\/article\u003e \u003carticle class=\"mrx-benefit-card\"\u003e \u003cdiv class=\"mrx-benefit-card__icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e             \u003cpath d=\"M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18Z\"\u003e\u003c\/path\u003e             \u003cpath d=\"M8.5 14.5s1.2 1.5 3.5 1.5 3.5-1.5 3.5-1.5\"\u003e\u003c\/path\u003e             \u003cpath d=\"M9 9h.01M15 9h.01\"\u003e\u003c\/path\u003e           \u003c\/svg\u003e\u003c\/div\u003e \u003cdiv\u003e \u003ch3 class=\"mrx-benefit-card__title\"\u003eA Better Experience\u003c\/h3\u003e \u003cp class=\"mrx-benefit-card__text\"\u003eThoughtful details help make every interaction feel more enjoyable.\u003c\/p\u003e \u003c\/div\u003e \u003c\/article\u003e \u003c\/div\u003e \u003c\/section\u003e \u003c\/div\u003e \u003cstyle\u003e   \/* =========================================      Shopify Product Description      Part 2: Before \u0026 After Transformation      ========================================= *\/    .mrx-transform,   .mrx-transform * {     box-sizing: border-box;   }    .mrx-transform {     width: 100%;     margin: 0;     padding: 54px 16px;     overflow: hidden;     background:       radial-gradient(         circle at 100% 0%,         rgba(223, 163, 53, 0.12) 0%,         rgba(223, 163, 53, 0) 34%       ),       #f7f5f1;     color: #16191f;     font-family: Arial, Helvetica, sans-serif;   }    .mrx-transform__inner {     width: 100%;     max-width: 1180px;     margin: 0 auto;   }    \/* Section heading *\/   .mrx-transform__heading {     max-width: 760px;     margin: 0 auto 28px;     text-align: center;   }    .mrx-transform__eyebrow {     display: inline-flex;     align-items: center;     justify-content: center;     gap: 8px;     margin: 0 0 12px;     padding: 7px 12px;     border: 1px solid #e3d6bd;     border-radius: 999px;     background: #fffaf1;     color: #7b5417 !important;     font-size: 11px;     font-weight: 800;     line-height: 1;     letter-spacing: 1.3px;     text-transform: uppercase;   }    .mrx-transform__eyebrow::before {     display: block;     width: 7px;     height: 7px;     flex: 0 0 7px;     border-radius: 50%;     background: #d69a2d;     content: '';     box-shadow: 0 0 0 5px rgba(214, 154, 45, 0.12);   }    .mrx-transform__title {     margin: 0;     color: #15181e !important;     font-size: 31px;     font-weight: 800;     line-height: 1.08;     letter-spacing: -1px;   }    .mrx-transform__title span {     color: #b57917 !important;   }    .mrx-transform__subtitle {     max-width: 640px;     margin: 14px auto 0;     color: #646a73 !important;     font-size: 15px;     font-weight: 400;     line-height: 1.65;   }    \/* Main layout *\/   .mrx-transform__layout {     display: grid;     grid-template-columns: 1fr;     gap: 18px;   }    \/* Image panel *\/   .mrx-transform__visual {     position: relative;     overflow: hidden;     border: 1px solid #e3ded5;     border-radius: 22px;     background: #17191c;     box-shadow: 0 18px 45px rgba(34, 29, 20, 0.12);   }    .mrx-transform__image {     display: block;     width: 100% !important;     max-width: 100% !important;     height: auto !important;     margin: 0 !important;     border: 0 !important;   }    .mrx-transform__floating-label {     position: absolute;     top: 12px;     left: 12px;     display: inline-flex;     align-items: center;     gap: 7px;     padding: 8px 11px;     border: 1px solid rgba(255, 255, 255, 0.28);     border-radius: 10px;     background: rgba(15, 17, 20, 0.72);     color: #ffffff !important;     font-size: 10px;     font-weight: 750;     line-height: 1;     letter-spacing: 0.8px;     text-transform: uppercase;     backdrop-filter: blur(9px);   }    .mrx-transform__floating-label span {     color: #f3bd55 !important;     font-size: 13px;   }    \/* Content panel *\/   .mrx-transform__content {     padding: 23px 18px;     border: 1px solid #e5e0d8;     border-radius: 22px;     background: #ffffff;     box-shadow: 0 12px 32px rgba(30, 26, 20, 0.07);   }    .mrx-transform__content-label {     margin: 0 0 9px;     color: #a36b13 !important;     font-size: 11px;     font-weight: 800;     line-height: 1;     letter-spacing: 1.2px;     text-transform: uppercase;   }    .mrx-transform__content-title {     margin: 0;     color: #171a20 !important;     font-size: 25px;     font-weight: 800;     line-height: 1.14;     letter-spacing: -0.7px;   }    .mrx-transform__content-text {     margin: 12px 0 0;     color: #626973 !important;     font-size: 14px;     font-weight: 400;     line-height: 1.65;   }    \/* Benefit rows *\/   .mrx-transform__points {     display: grid;     grid-template-columns: 1fr;     gap: 10px;     margin: 21px 0 0;   }    .mrx-transform__point {     display: grid;     grid-template-columns: 44px minmax(0, 1fr);     align-items: center;     gap: 12px;     padding: 12px;     border: 1px solid #ece8e1;     border-radius: 15px;     background: #fbfaf8;   }    .mrx-transform__point-icon {     display: flex;     align-items: center;     justify-content: center;     width: 44px;     height: 44px;     border-radius: 13px;     background: linear-gradient(145deg, #fff5dd 0%, #f7dfad 100%);     color: #8d5b0d !important;   }    .mrx-transform__point-icon svg {     display: block;     width: 22px;     height: 22px;     fill: none;     stroke: currentColor;   }    .mrx-transform__point-title {     margin: 0 0 2px;     color: #1c2027 !important;     font-size: 14px;     font-weight: 750;     line-height: 1.3;   }    .mrx-transform__point-text {     margin: 0;     color: #717780 !important;     font-size: 11px;     font-weight: 400;     line-height: 1.45;   }    \/* Bottom emotional benefit *\/   .mrx-transform__result {     display: flex;     align-items: flex-start;     gap: 10px;     margin: 18px 0 0;     padding: 14px;     border-left: 3px solid #d29a34;     border-radius: 0 13px 13px 0;     background: #fff8e9;   }    .mrx-transform__result-icon {     flex: 0 0 auto;     color: #a36b13 !important;     font-size: 17px;     line-height: 1.2;   }    .mrx-transform__result-text {     margin: 0;     color: #56452b !important;     font-size: 12px;     font-weight: 600;     line-height: 1.55;   }    \/* Desktop *\/   @media screen and (min-width: 768px) {     .mrx-transform {       padding: 78px 34px;     }      .mrx-transform__heading {       margin-bottom: 38px;     }      .mrx-transform__title {       font-size: clamp(40px, 4.3vw, 57px);       letter-spacing: -1.8px;     }      .mrx-transform__subtitle {       margin-top: 17px;       font-size: 17px;     }      .mrx-transform__layout {       grid-template-columns: minmax(0, 1.08fr) minmax(340px, 0.92fr);       align-items: stretch;       gap: 24px;     }      .mrx-transform__visual {       min-height: 100%;       border-radius: 26px;     }      .mrx-transform__image {       width: 100% !important;       height: 100% !important;       object-fit: cover;     }      .mrx-transform__floating-label {       top: 17px;       left: 17px;       padding: 10px 13px;       font-size: 11px;     }      .mrx-transform__content {       display: flex;       flex-direction: column;       justify-content: center;       padding: 32px;       border-radius: 26px;     }      .mrx-transform__content-title {       font-size: 34px;       letter-spacing: -1.1px;     }      .mrx-transform__content-text {       margin-top: 15px;       font-size: 15px;     }      .mrx-transform__points {       margin-top: 25px;     }      .mrx-transform__point {       grid-template-columns: 50px minmax(0, 1fr);       gap: 14px;       padding: 14px;     }      .mrx-transform__point-icon {       width: 50px;       height: 50px;     }      .mrx-transform__point-title {       font-size: 15px;     }      .mrx-transform__point-text {       font-size: 12px;     }      .mrx-transform__result {       margin-top: 22px;       padding: 16px;     }      .mrx-transform__result-text {       font-size: 13px;     }   }    @media screen and (min-width: 1100px) {     .mrx-transform__layout {       gap: 30px;     }      .mrx-transform__content {       padding: 40px;     }   } \u003c\/style\u003e \u003csection class=\"mrx-transform\"\u003e \u003cdiv class=\"mrx-transform__inner\"\u003e \u003cdiv class=\"mrx-transform__heading\"\u003e \u003cdiv class=\"mrx-transform__eyebrow\"\u003eSee the Difference\u003c\/div\u003e \u003ch2 class=\"mrx-transform__title\"\u003eTurn a Dark Path Into a \u003cspan\u003eBeautiful Welcome Home.\u003c\/span\u003e \u003c\/h2\u003e \u003cp class=\"mrx-transform__subtitle\"\u003eCreate a safer, more inviting outdoor space with warm solar lighting that blends directly into your walkway.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"mrx-transform__layout\"\u003e \u003c!-- Before \u0026 After image --\u003e \u003cdiv class=\"mrx-transform__visual\"\u003e \u003cimg loading=\"lazy\" alt=\"Before and after comparison of a dark pathway upgraded with flush solar paver lights\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0731\/5016\/9239\/files\/ChatGPTImageJul25_2026_04_48_52AM.png?v=1784969537\" class=\"mrx-transform__image\"\u003e \u003cdiv class=\"mrx-transform__floating-label\"\u003e \u003cspan\u003e✦\u003c\/span\u003e Before → After\u003c\/div\u003e \u003c\/div\u003e \u003c!-- Transformation benefits --\u003e \u003cdiv class=\"mrx-transform__content\"\u003e \u003cp class=\"mrx-transform__content-label\"\u003eMore Than Outdoor Lighting\u003c\/p\u003e \u003ch3 class=\"mrx-transform__content-title\"\u003eSafety You Can See. Style You Can Feel.\u003c\/h3\u003e \u003cp class=\"mrx-transform__content-text\"\u003eDark pathways can feel uninviting and make every step less secure. These flush-fit solar paver lights add clear nighttime visibility without introducing bulky fixtures, exposed wiring or visual clutter.\u003c\/p\u003e \u003cdiv class=\"mrx-transform__points\"\u003e \u003cdiv class=\"mrx-transform__point\"\u003e \u003cdiv class=\"mrx-transform__point-icon\"\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.8\" viewbox=\"0 0 24 24\"\u003e                 \u003cpath d=\"M12 3 4 7v5c0 5 3.4 8 8 9 4.6-1 8-4 8-9V7l-8-4Z\"\u003e\u003c\/path\u003e                 \u003cpath d=\"m9 12 2 2 4-4\"\u003e\u003c\/path\u003e               \u003c\/svg\u003e\u003c\/div\u003e \u003cdiv\u003e \u003ch4 class=\"mrx-transform__point-title\"\u003eSafer Steps After Dark\u003c\/h4\u003e \u003cp class=\"mrx-transform__point-text\"\u003eIlluminate walkways, entrances and driveways for clearer nighttime visibility.\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"mrx-transform__point\"\u003e \u003cdiv class=\"mrx-transform__point-icon\"\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.8\" viewbox=\"0 0 24 24\"\u003e                 \u003cpath d=\"M4 9h16\"\u003e\u003c\/path\u003e                 \u003cpath d=\"M4 15h16\"\u003e\u003c\/path\u003e                 \u003cpath d=\"M8 5v14\"\u003e\u003c\/path\u003e                 \u003cpath d=\"M16 5v14\"\u003e\u003c\/path\u003e                 \u003crect rx=\"2\" height=\"16\" width=\"18\" y=\"4\" x=\"3\"\u003e\u003c\/rect\u003e               \u003c\/svg\u003e\u003c\/div\u003e \u003cdiv\u003e \u003ch4 class=\"mrx-transform__point-title\"\u003eSeamless Flush-Fit Design\u003c\/h4\u003e \u003cp class=\"mrx-transform__point-text\"\u003eReplaces a standard paver to maintain a clean, integrated and premium appearance.\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"mrx-transform__point\"\u003e \u003cdiv class=\"mrx-transform__point-icon\"\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"1.8\" viewbox=\"0 0 24 24\"\u003e                 \u003cpath d=\"M12 2v2\"\u003e\u003c\/path\u003e                 \u003cpath d=\"M12 20v2\"\u003e\u003c\/path\u003e                 \u003cpath d=\"m4.93 4.93 1.42 1.42\"\u003e\u003c\/path\u003e                 \u003cpath d=\"m17.66 17.66 1.41 1.41\"\u003e\u003c\/path\u003e                 \u003cpath d=\"M2 12h2\"\u003e\u003c\/path\u003e                 \u003cpath d=\"M20 12h2\"\u003e\u003c\/path\u003e                 \u003cpath d=\"m6.34 17.66-1.41 1.41\"\u003e\u003c\/path\u003e                 \u003cpath d=\"m19.07 4.93-1.41 1.41\"\u003e\u003c\/path\u003e                 \u003ccircle r=\"4\" cy=\"12\" cx=\"12\"\u003e\u003c\/circle\u003e               \u003c\/svg\u003e\u003c\/div\u003e \u003cdiv\u003e \u003ch4 class=\"mrx-transform__point-title\"\u003eWarm Architectural Glow\u003c\/h4\u003e \u003cp class=\"mrx-transform__point-text\"\u003eSoft warm-white illumination enhances your landscaping without harsh glare.\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"mrx-transform__result\"\u003e \u003cspan class=\"mrx-transform__result-icon\"\u003e✦\u003c\/span\u003e \u003cp class=\"mrx-transform__result-text\"\u003eThe result is an outdoor space that feels safer, more polished and more welcoming every night.\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/section\u003e \u003cstyle\u003e   \/* =========================================      Shopify Product Description      Part 3: How It Works      ========================================= *\/    .mrx-how,   .mrx-how * {     box-sizing: border-box;   }    .mrx-how {     width: 100%;     margin: 0;     padding: 54px 16px;     overflow: hidden;     background: #ffffff;     color: #171a20;     font-family: Arial, Helvetica, sans-serif;   }    .mrx-how__inner {     width: 100%;     max-width: 1180px;     margin: 0 auto;   }    \/* Heading *\/   .mrx-how__heading {     max-width: 760px;     margin: 0 auto 28px;     text-align: center;   }    .mrx-how__eyebrow {     display: inline-flex;     align-items: center;     gap: 8px;     margin: 0 0 12px;     padding: 7px 12px;     border: 1px solid #d9e1ec;     border-radius: 999px;     background: #f4f7fb;     color: #33445d !important;     font-size: 11px;     font-weight: 800;     line-height: 1;     letter-spacing: 1.3px;     text-transform: uppercase;   }    .mrx-how__eyebrow::before {     display: block;     width: 7px;     height: 7px;     flex: 0 0 7px;     border-radius: 50%;     background: #d59a2d;     content: '';     box-shadow: 0 0 0 5px rgba(213, 154, 45, 0.12);   }    .mrx-how__title {     margin: 0;     color: #15181e !important;     font-size: 31px;     font-weight: 800;     line-height: 1.08;     letter-spacing: -1px;   }    .mrx-how__title span {     color: #b57917 !important;   }    .mrx-how__subtitle {     max-width: 650px;     margin: 14px auto 0;     color: #69717d !important;     font-size: 15px;     font-weight: 400;     line-height: 1.65;   }    \/* Main content *\/   .mrx-how__layout {     display: grid;     grid-template-columns: 1fr;     gap: 18px;   }    \/* Product image *\/   .mrx-how__visual {     position: relative;     overflow: hidden;     border: 1px solid #dde2e8;     border-radius: 22px;     background: #1b1d20;     box-shadow: 0 18px 44px rgba(16, 24, 40, 0.12);   }    .mrx-how__image {     display: block;     width: 100% !important;     max-width: 100% !important;     height: auto !important;     margin: 0 !important;     border: 0 !important;   }    .mrx-how__image-badge {     position: absolute;     top: 12px;     left: 12px;     display: inline-flex;     align-items: center;     gap: 7px;     padding: 8px 11px;     border: 1px solid rgba(255, 255, 255, 0.28);     border-radius: 10px;     background: rgba(13, 16, 20, 0.78);     color: #ffffff !important;     font-size: 10px;     font-weight: 750;     line-height: 1;     letter-spacing: 0.8px;     text-transform: uppercase;     backdrop-filter: blur(8px);   }    .mrx-how__image-badge span {     color: #f0b84e !important;     font-size: 13px;   }    \/* Installation panel *\/   .mrx-how__panel {     padding: 21px 16px 18px;     border: 1px solid #e3e7ec;     border-radius: 22px;     background: #f7f8fa;   }    .mrx-how__panel-label {     margin: 0 0 8px;     color: #a36b13 !important;     font-size: 11px;     font-weight: 800;     line-height: 1;     letter-spacing: 1.2px;     text-transform: uppercase;   }    .mrx-how__panel-title {     margin: 0;     color: #171a20 !important;     font-size: 24px;     font-weight: 800;     line-height: 1.16;     letter-spacing: -0.6px;   }    .mrx-how__panel-text {     margin: 10px 0 0;     color: #69717c !important;     font-size: 13px;     font-weight: 400;     line-height: 1.6;   }    \/* Steps *\/   .mrx-how__steps {     display: grid;     grid-template-columns: 1fr;     gap: 10px;     margin: 19px 0 0;   }    .mrx-how__step {     position: relative;     display: grid;     grid-template-columns: 46px minmax(0, 1fr);     align-items: center;     gap: 12px;     padding: 13px;     overflow: hidden;     border: 1px solid #e3e5e8;     border-radius: 15px;     background: #ffffff;     box-shadow: 0 5px 16px rgba(16, 24, 40, 0.04);   }    .mrx-how__number {     display: flex;     align-items: center;     justify-content: center;     width: 46px;     height: 46px;     border-radius: 13px;     background: linear-gradient(145deg, #dca73f 0%, #bd7c13 100%);     color: #ffffff !important;     font-size: 17px;     font-weight: 800;     line-height: 1;     box-shadow: 0 7px 16px rgba(181, 121, 23, 0.2);   }    .mrx-how__step-title {     margin: 0 0 2px;     color: #1a1e25 !important;     font-size: 14px;     font-weight: 750;     line-height: 1.3;   }    .mrx-how__step-text {     margin: 0;     color: #717985 !important;     font-size: 11px;     font-weight: 400;     line-height: 1.45;   }    \/* Automatic operation *\/   .mrx-how__auto {     position: relative;     margin: 18px 0 0;     padding: 18px;     overflow: hidden;     border-radius: 17px;     background:       radial-gradient(         circle at 100% 0%,         rgba(224, 169, 65, 0.24) 0%,         rgba(224, 169, 65, 0) 42%       ),       linear-gradient(145deg, #101722 0%, #182438 100%);     box-shadow: 0 12px 28px rgba(16, 24, 40, 0.16);   }    .mrx-how__auto-content {     position: relative;     z-index: 2;   }    .mrx-how__auto-label {     display: inline-flex;     align-items: center;     gap: 6px;     margin: 0 0 7px;     color: #e4b85e !important;     font-size: 10px;     font-weight: 800;     line-height: 1;     letter-spacing: 1.1px;     text-transform: uppercase;   }    .mrx-how__auto-title {     margin: 0;     color: #ffffff !important;     font-size: 18px;     font-weight: 750;     line-height: 1.3;   }    .mrx-how__auto-text {     margin: 7px 0 0;     color: #cbd4e0 !important;     font-size: 12px;     font-weight: 400;     line-height: 1.55;   }    \/* Quick reassurance row *\/   .mrx-how__reassurance {     display: grid;     grid-template-columns: repeat(2, minmax(0, 1fr));     gap: 9px;     margin: 18px 0 0;   }    .mrx-how__reassurance-item {     min-width: 0;     padding: 12px 8px;     border: 1px solid #e1e5e9;     border-radius: 13px;     background: #ffffff;     text-align: center;   }    .mrx-how__reassurance-icon {     display: flex;     align-items: center;     justify-content: center;     width: 35px;     height: 35px;     margin: 0 auto 7px;     border-radius: 11px;     background: #fff4dc;     color: #9a6513 !important;   }    .mrx-how__reassurance-icon svg {     display: block;     width: 19px;     height: 19px;     fill: none;     stroke: currentColor;   }    .mrx-how__reassurance-title {     margin: 0;     color: #272c34 !important;     font-size: 11px;     font-weight: 750;     line-height: 1.35;   }    \/* Desktop *\/   @media screen and (min-width: 768px) {     .mrx-how {       padding: 78px 34px;     }      .mrx-how__heading {       margin-bottom: 38px;     }      .mrx-how__title {       font-size: clamp(40px, 4.3vw, 57px);       letter-spacing: -1.8px;     }      .mrx-how__subtitle {       margin-top: 17px;       font-size: 17px;     }      .mrx-how__layout {       grid-template-columns: minmax(0, 1.08fr) minmax(350px, 0.92fr);       align-items: stretch;       gap: 25px;     }      .mrx-how__visual {       border-radius: 26px;     }      .mrx-how__image {       width: 100% !important;       height: 100% !important;       object-fit: cover;     }      .mrx-how__image-badge {       top: 17px;       left: 17px;       padding: 10px 13px;       font-size: 11px;     }      .mrx-how__panel {       display: flex;       flex-direction: column;       justify-content: center;       padding: 28px;       border-radius: 26px;     }      .mrx-how__panel-title {       font-size: 31px;       letter-spacing: -1px;     }      .mrx-how__panel-text {       margin-top: 13px;       font-size: 14px;     }      .mrx-how__step {       grid-template-columns: 50px minmax(0, 1fr);       padding: 14px;     }      .mrx-how__number {       width: 50px;       height: 50px;     }      .mrx-how__step-title {       font-size: 15px;     }      .mrx-how__step-text {       font-size: 12px;     }      .mrx-how__reassurance {       grid-template-columns: repeat(4, minmax(0, 1fr));       gap: 11px;       margin-top: 24px;     }      .mrx-how__reassurance-item {       padding: 16px 10px;     }      .mrx-how__reassurance-title {       font-size: 12px;     }   }    @media screen and (min-width: 1100px) {     .mrx-how__layout {       gap: 30px;     }      .mrx-how__panel {       padding: 35px;     }   } \u003c\/style\u003e \u003csection class=\"mrx-how\"\u003e \u003cdiv class=\"mrx-how__inner\"\u003e \u003cdiv class=\"mrx-how__heading\"\u003e \u003cdiv class=\"mrx-how__eyebrow\"\u003eSimple Installation\u003c\/div\u003e \u003ch2 class=\"mrx-how__title\"\u003eUpgrade Your Walkway in \u003cspan\u003eJust Four Easy Steps.\u003c\/span\u003e \u003c\/h2\u003e \u003cp class=\"mrx-how__subtitle\"\u003eNo complicated electrical work and no exposed cables—simply replace a compatible paver and let the sun power your lighting.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"mrx-how__layout\"\u003e \u003c!-- Installation image --\u003e \u003cdiv class=\"mrx-how__visual\"\u003e \u003cimg class=\"mrx-how__image\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0731\/5016\/9239\/files\/ChatGPTImageJul25_2026_04_48_58AM.png?v=1784969537\" alt=\"Four-step installation guide for solar paver pathway lights\" loading=\"lazy\"\u003e \u003cdiv class=\"mrx-how__image-badge\"\u003e \u003cspan\u003e✓\u003c\/span\u003e Installs in Minutes\u003c\/div\u003e \u003c\/div\u003e \u003c!-- Readable mobile-friendly steps --\u003e \u003cdiv class=\"mrx-how__panel\"\u003e \u003cp class=\"mrx-how__panel-label\"\u003eHow It Works\u003c\/p\u003e \u003ch3 class=\"mrx-how__panel-title\"\u003eNo Wires. No Complicated Setup.\u003c\/h3\u003e \u003cp class=\"mrx-how__panel-text\"\u003eDesigned to fit in place of a standard 4 × 8-inch paver, creating a clean, flush finish directly within your walkway.\u003c\/p\u003e \u003cdiv class=\"mrx-how__steps\"\u003e \u003cdiv class=\"mrx-how__step\"\u003e \u003cdiv class=\"mrx-how__number\"\u003e1\u003c\/div\u003e \u003cdiv\u003e \u003ch4 class=\"mrx-how__step-title\"\u003eRemove One Paver\u003c\/h4\u003e \u003cp class=\"mrx-how__step-text\"\u003eLift out one compatible 4 × 8-inch paving stone.\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"mrx-how__step\"\u003e \u003cdiv class=\"mrx-how__number\"\u003e2\u003c\/div\u003e \u003cdiv\u003e \u003ch4 class=\"mrx-how__step-title\"\u003eInsert the Solar Light\u003c\/h4\u003e \u003cp class=\"mrx-how__step-text\"\u003ePlace the light directly into the open paver space.\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"mrx-how__step\"\u003e \u003cdiv class=\"mrx-how__number\"\u003e3\u003c\/div\u003e \u003cdiv\u003e \u003ch4 class=\"mrx-how__step-title\"\u003eSet It Flush\u003c\/h4\u003e \u003cp class=\"mrx-how__step-text\"\u003ePosition it securely so the surface remains clean and level.\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"mrx-how__step\"\u003e \u003cdiv class=\"mrx-how__number\"\u003e4\u003c\/div\u003e \u003cdiv\u003e \u003ch4 class=\"mrx-how__step-title\"\u003eEnjoy Automatic Light\u003c\/h4\u003e \u003cp class=\"mrx-how__step-text\"\u003eIt charges in daylight and illuminates automatically after dark.\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"mrx-how__auto\"\u003e \u003cdiv class=\"mrx-how__auto-content\"\u003e \u003cp class=\"mrx-how__auto-label\"\u003e☀ Day → ☾ Night\u003c\/p\u003e \u003ch4 class=\"mrx-how__auto-title\"\u003eSet It Once. Enjoy It Every Night.\u003c\/h4\u003e \u003cp class=\"mrx-how__auto-text\"\u003eThe built-in solar panel collects energy during the day, while the automatic light sensor activates the warm glow when evening arrives.\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c!-- Objection handling --\u003e \u003cdiv class=\"mrx-how__reassurance\"\u003e \u003cdiv class=\"mrx-how__reassurance-item\"\u003e \u003cdiv class=\"mrx-how__reassurance-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e             \u003ccircle cx=\"12\" cy=\"12\" r=\"4\"\u003e\u003c\/circle\u003e             \u003cpath d=\"M12 2v2M12 20v2M4.93 4.93l1.42 1.42M17.66 17.66l1.41 1.41M2 12h2M20 12h2M6.34 17.66l-1.41 1.41M19.07 4.93l-1.41 1.41\"\u003e\u003c\/path\u003e           \u003c\/svg\u003e\u003c\/div\u003e \u003cp class=\"mrx-how__reassurance-title\"\u003eSolar Powered\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"mrx-how__reassurance-item\"\u003e \u003cdiv class=\"mrx-how__reassurance-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e             \u003cpath d=\"m14.7 6.3 3-3a2.1 2.\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\u003c\/section\u003e","brand":"Q2006","offers":[{"title":"1 Pack","offer_id":50554637942977,"sku":"Q20245-A","price":28.98,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0858\/7047\/7505\/files\/ChatGPTImageJul25_2026_04_48_45AM.png?v=1788332780","url":"https:\/\/valorsca.com\/products\/solar-paver-pathway-lights","provider":"Valors-ca","version":"1.0","type":"link"}