{"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\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\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.1 0 0 1 3 3l-3 3\"\u003e\u003c\/path\u003e            \u003cpath d=\"m9.3 17.7-3 3a2.1 2.1 0 0 1-3-3l3-3\"\u003e\u003c\/path\u003e            \u003cpath d=\"m8 8 8 8\"\u003e\u003c\/path\u003e            \u003cpath d=\"m14 4 6 6\"\u003e\u003c\/path\u003e            \u003cpath d=\"m4 14 6 6\"\u003e\u003c\/path\u003e          \u003c\/svg\u003e\u003c\/div\u003e \u003cp class=\"mrx-how__reassurance-title\"\u003eNo Wiring Required\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=\"M12 8v4l3 2\"\u003e\u003c\/path\u003e            \u003ccircle cx=\"12\" cy=\"12\" r=\"9\"\u003e\u003c\/circle\u003e          \u003c\/svg\u003e\u003c\/div\u003e \u003cp class=\"mrx-how__reassurance-title\"\u003eQuick Installation\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=\"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 \u003cp class=\"mrx-how__reassurance-title\"\u003eFlush-Fit Design\u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e\u003c\/section\u003e\u003cstyle\u003e  \/* ===================================================     Shopify Product Description     Part 4–9     Durability \/ Lifestyle \/ Comparison \/ Specs \/ FAQ \/ CTA     =================================================== *\/  .mrx-pdp-rest,  .mrx-pdp-rest * {    box-sizing: border-box;  }  .mrx-pdp-rest {    width: 100%;    margin: 0;    padding: 0;    overflow: hidden;    background: #ffffff;    color: #171a20;    font-family: Arial, Helvetica, sans-serif;    line-height: 1.5;  }  .mrx-pdp-rest img {    display: block;    width: 100% !important;    max-width: 1\u003c\/style\u003e","brand":"PinkGiftCo","offers":[{"title":"1 Pack","offer_id":48837422809333,"sku":"EP6073008NB","price":28.99,"currency_code":"USD","in_stock":true},{"title":"3 Pack【FREE SHIPPING】","offer_id":48837422842101,"sku":"EP6073008NB*3","price":72.99,"currency_code":"USD","in_stock":true},{"title":"6 Pack【22 $ EACH】","offer_id":48837422874869,"sku":"EP6073008NB*6","price":136.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0805\/8555\/6213\/files\/ChatGPTImageJul25_2026_04_48_45AM.png?v=1789093421","url":"https:\/\/pinkgiftco.com\/products\/solar-paver-pathway-lights","provider":"pinkgiftco.com","version":"1.0","type":"link"}