{"product_id":"lunar-dream","title":"Lunar Dream Bracelet","description":"\u003cdiv style=\"width:100%;background:#ffffff;color:#22252e;font-family:'Jost','Futura',-apple-system,'Segoe UI',sans-serif;line-height:1.7;overflow:hidden;\"\u003e\n\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Bodoni+Moda:ital@1\u0026amp;family=Marcellus\u0026amp;family=Jost:wght@300;400;500;600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\u003c!-- ============ 1. HERO (text over image, fading into dark band) ============ --\u003e\n\u003c!-- IMAGE: hero, bracelet on wet rock under the moon --\u003e\n\u003cdiv style=\"position:relative;width:100%;overflow:hidden;background:#12141f;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1469\/5988\/files\/Bracelet_resting_on_wet_rock_89c63a4e.jpg?v=1793830370\" style=\"margin:0;padding:0;border:0;vertical-align:top;width:100%;display:block;\" alt=\"Lunar Dream bracelet under a rising moon\"\u003e\n\u003cdiv style=\"position:absolute;top:0;left:0;right:0;padding:2% 20px 10%;text-align:center;background:linear-gradient(180deg,rgba(14,16,26,0.62) 0%,rgba(14,16,26,0.28) 65%,rgba(14,16,26,0) 100%);\"\u003e\n\u003csvg viewbox=\"0 0 600 175\" width=\"100%\" style=\"display:block;width:80%;max-width:520px;margin:0 auto;overflow:visible;\" role=\"img\" aria-label=\"Look up. You're not alone.\"\u003e\n\u003cdefs\u003e\n\u003clineargradient id=\"ldKeep\" gradientunits=\"userSpaceOnUse\" x1=\"0\" y1=\"0\" x2=\"600\" y2=\"0\" spreadmethod=\"reflect\"\u003e\n\u003cstop offset=\"0\" stop-color=\"#c9d4ee\"\u003e\u003c\/stop\u003e\n\u003cstop offset=\"0.4\" stop-color=\"#ffffff\"\u003e\u003c\/stop\u003e\n\u003cstop offset=\"0.7\" stop-color=\"#d8cdf3\"\u003e\u003c\/stop\u003e\n\u003cstop offset=\"1\" stop-color=\"#f1e3bf\"\u003e\u003c\/stop\u003e\n\u003canimatetransform attributename=\"gradientTransform\" type=\"translate\" values=\"-300 0;300 0;-300 0\" dur=\"14s\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\n\u003c\/lineargradient\u003e\n\u003cfilter id=\"ldGlow\" x=\"-20%\" y=\"-40%\" width=\"140%\" height=\"180%\"\u003e\n\u003cfegaussianblur in=\"SourceGraphic\" stddeviation=\"8\" result=\"b\"\u003e\u003c\/fegaussianblur\u003e\n\u003cfecolormatrix in=\"b\" type=\"matrix\" values=\"1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 0.5 0\" result=\"g\"\u003e\u003c\/fecolormatrix\u003e\n\u003cfemerge\u003e\u003cfemergenode in=\"g\"\u003e\u003c\/femergenode\u003e\u003cfemergenode in=\"SourceGraphic\"\u003e\u003c\/femergenode\u003e\u003c\/femerge\u003e\n\u003c\/filter\u003e\n\u003c\/defs\u003e\n\u003ctext x=\"300\" y=\"112\" text-anchor=\"middle\" font-family=\"'Bodoni Moda','Didot','Bodoni 72',Georgia,serif\" font-style=\"italic\" font-weight=\"400\" font-size=\"122\" letter-spacing=\"1\" fill=\"url(#ldKeep)\" filter=\"url(#ldGlow)\"\u003eLook\u003c\/text\u003e\n\u003ctext x=\"300\" y=\"160\" text-anchor=\"middle\" font-family=\"'Marcellus','Trajan Pro',Georgia,serif\" font-size=\"22\" letter-spacing=\"6\" fill=\"#efe9dc\"\u003eUP. YOU'RE NOT ALONE.\u003c\/text\u003e\n\u003c\/svg\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"position:absolute;left:0;right:0;bottom:0;height:22%;background:linear-gradient(180deg,#12141f00 0%,#12141f 100%);\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ============ 2. DARK BAND: subtitle + benefits ============ --\u003e\n\u003cdiv style=\"background:#12141f;background-image:radial-gradient(ellipse 70% 120% at 10% 100%, rgba(150,175,215,.14), transparent 60%), radial-gradient(ellipse 70% 120% at 90% 100%, rgba(176,160,225,.16), transparent 60%);padding:6px 0 40px;text-align:center;\"\u003e\n\u003cp style=\"font-weight:300;font-size:clamp(15px,4vw,17px);line-height:1.6;color:#cfd3e2;margin:0 auto 22px;max-width:460px;padding:0 24px;\"\u003eEven after the hardest days, the moon still rises. A little reminder on your wrist to keep going.\u003c\/p\u003e\n\u003cdiv style=\"display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:0 16px;\"\u003e\n\u003cspan style=\"display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.14);color:#eef0f6;font-size:13px;font-weight:500;padding:8px 14px;border-radius:999px;\"\u003e\u003cspan style=\"display:inline-block;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ffffff,#dfe3f2 55%,#9fb3d9);\"\u003e\u003c\/span\u003eFrosted moonlit beads\u003c\/span\u003e\n\u003cspan style=\"display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.14);color:#eef0f6;font-size:13px;font-weight:500;padding:8px 14px;border-radius:999px;\"\u003e\u003cspan style=\"display:inline-block;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#8fa2c8,#4b5266 55%,#2a2e3b);\"\u003e\u003c\/span\u003eMoonlight or Midnight\u003c\/span\u003e\n\u003cspan style=\"display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.14);color:#eef0f6;font-size:13px;font-weight:500;padding:8px 14px;border-radius:999px;\"\u003e\u003cspan style=\"display:inline-block;width:10px;height:10px;border-radius:50%;background:#e6d3a8;\"\u003e\u003c\/span\u003eFor him or her\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ============ 3. NOT ALONE ============ --\u003e\n\u003cdiv style=\"padding:56px 0 50px;text-align:center;\"\u003e\n\u003cdiv style=\"max-width:560px;margin:0 auto;padding:0 24px;\"\u003e\n\u003cp style=\"font-family:'Marcellus','Trajan Pro',Georgia,serif;font-weight:400;font-size:clamp(30px,7vw,40px);line-height:1.1;color:#12141f;margin:0 0 14px;\"\u003eLook up.\u003c\/p\u003e\n\u003cp style=\"font-weight:300;font-size:clamp(15px,4vw,17px);color:#555866;margin:0 0 8px;\"\u003eWherever you are tonight, someone you love is under the same moon.\u003c\/p\u003e\n\u003cp style=\"color:#12141f;font-weight:600;margin:0;\"\u003eYou're never as alone as it feels.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- IMAGE: hand reaching towards the moon --\u003e\n\u003cdiv style=\"position:relative;width:100%;overflow:hidden;background:#12141f;margin:0;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1469\/5988\/files\/Woman_reaching_toward_moon_65d996f1.jpg?v=1793830421\" style=\"margin:0;padding:0;border:0;vertical-align:top;width:100%;max-height:540px;object-fit:cover;display:block;\" alt=\"Woman reaching towards the moon wearing the Lunar Dream bracelet\"\u003e\n\u003cdiv style=\"position:absolute;left:0;right:0;top:0;height:16%;background:linear-gradient(180deg,#ffffff 0%,#ffffff00 100%);\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"position:absolute;left:0;right:0;bottom:0;height:28%;background:linear-gradient(180deg,#12141f00 0%,#12141f 100%);\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ============ 4. EVERY PHASE (glowing moon phases) ============ --\u003e\n\u003cdiv style=\"background:#12141f;background-image:radial-gradient(ellipse 70% 90% at 15% 100%, rgba(150,175,215,.18), transparent 60%), radial-gradient(ellipse 80% 100% at 85% 0%, rgba(176,160,225,.20), transparent 60%), radial-gradient(ellipse 60% 70% at 50% 110%, rgba(220,205,170,.10), transparent 65%);padding:52px 0 54px;text-align:center;\"\u003e\n\u003cdiv style=\"max-width:640px;margin:0 auto;padding:0 20px;\"\u003e\n\u003cp style=\"font-family:'Marcellus','Trajan Pro',Georgia,serif;font-weight:400;font-size:clamp(26px,6vw,34px);line-height:1.15;color:#ffffff;margin:0 0 10px;\"\u003eEvery phase still shines.\u003c\/p\u003e\n\u003cp style=\"font-weight:300;font-size:clamp(15px,4vw,17px);color:#cfd3e2;margin:0 0 30px;\"\u003eSome nights you feel like half of yourself, some nights you feel whole. Either way, you're still shining.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003csvg viewbox=\"0 0 900 120\" width=\"100%\" style=\"display:block;width:calc(100% - 32px);max-width:860px;margin:0 auto;overflow:visible;\" role=\"img\" aria-label=\"The phases of the moon, from new to full and back\"\u003e\n\u003cdefs\u003e\n\u003cradialgradient id=\"ldFull\" cx=\"40%\" cy=\"38%\" r=\"70%\"\u003e\u003cstop offset=\"0\" stop-color=\"#ffffff\"\u003e\u003c\/stop\u003e\u003cstop offset=\"0.55\" stop-color=\"#e3e1f4\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#a9a6cf\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\n\u003cfilter id=\"ldSoft\" x=\"-50%\" y=\"-50%\" width=\"200%\" height=\"200%\"\u003e\u003cfegaussianblur stddeviation=\"10\"\u003e\u003c\/fegaussianblur\u003e\u003c\/filter\u003e\n\u003c\/defs\u003e\n\u003cg\u003e\n\u003ccircle cx=\"50.0\" cy=\"60\" r=\"50\" fill=\"#d9dcf5\" opacity=\"0.0\" filter=\"url(#ldSoft)\"\u003e\u003canimate attributename=\"opacity\" values=\"0;0.35;0\" dur=\"6.3s\" begin=\"0.0s\" repeatcount=\"indefinite\"\u003e\u003c\/animate\u003e\u003c\/circle\u003e\n\u003ccircle cx=\"50.0\" cy=\"60\" r=\"34\" fill=\"#262a3d\"\u003e\u003c\/circle\u003e\n\u003cpath d=\"M50.0,26 A34,34 0 0 1 50.0,94 A30.76,34 0 0 0 50.0,26 Z\" fill=\"url(#ldFull)\"\u003e\u003c\/path\u003e\n\u003c\/g\u003e\n\u003cg\u003e\n\u003ccircle cx=\"150.0\" cy=\"60\" r=\"50\" fill=\"#d9dcf5\" opacity=\"0.0\" filter=\"url(#ldSoft)\"\u003e\u003canimate attributename=\"opacity\" values=\"0;0.35;0\" dur=\"6.3s\" begin=\"0.7s\" repeatcount=\"indefinite\"\u003e\u003c\/animate\u003e\u003c\/circle\u003e\n\u003ccircle cx=\"150.0\" cy=\"60\" r=\"34\" fill=\"#262a3d\"\u003e\u003c\/circle\u003e\n\u003cpath d=\"M150.0,26 A34,34 0 0 1 150.0,94 A14.48,34 0 0 0 150.0,26 Z\" fill=\"url(#ldFull)\"\u003e\u003c\/path\u003e\n\u003c\/g\u003e\n\u003cg\u003e\n\u003ccircle cx=\"250.0\" cy=\"60\" r=\"50\" fill=\"#d9dcf5\" opacity=\"0.0\" filter=\"url(#ldSoft)\"\u003e\u003canimate attributename=\"opacity\" values=\"0;0.35;0\" dur=\"6.3s\" begin=\"1.4s\" repeatcount=\"indefinite\"\u003e\u003c\/animate\u003e\u003c\/circle\u003e\n\u003ccircle cx=\"250.0\" cy=\"60\" r=\"34\" fill=\"#262a3d\"\u003e\u003c\/circle\u003e\n\u003cpath d=\"M250.0,26 A34,34 0 0 1 250.0,94 A10.51,34 0 0 1 250.0,26 Z\" fill=\"url(#ldFull)\"\u003e\u003c\/path\u003e\n\u003c\/g\u003e\n\u003cg\u003e\n\u003ccircle cx=\"350.0\" cy=\"60\" r=\"50\" fill=\"#d9dcf5\" opacity=\"0.0\" filter=\"url(#ldSoft)\"\u003e\u003canimate attributename=\"opacity\" values=\"0;0.35;0\" dur=\"6.3s\" begin=\"2.0999999999999996s\" repeatcount=\"indefinite\"\u003e\u003c\/animate\u003e\u003c\/circle\u003e\n\u003ccircle cx=\"350.0\" cy=\"60\" r=\"34\" fill=\"#262a3d\"\u003e\u003c\/circle\u003e\n\u003cpath d=\"M350.0,26 A34,34 0 0 1 350.0,94 A29.79,34 0 0 1 350.0,26 Z\" fill=\"url(#ldFull)\"\u003e\u003c\/path\u003e\n\u003c\/g\u003e\n\u003cg\u003e\n\u003ccircle cx=\"450.0\" cy=\"60\" r=\"50\" fill=\"#d9dcf5\" opacity=\"0.0\" filter=\"url(#ldSoft)\"\u003e\u003canimate attributename=\"opacity\" values=\"0;0.35;0\" dur=\"6.3s\" begin=\"2.8s\" repeatcount=\"indefinite\"\u003e\u003c\/animate\u003e\u003c\/circle\u003e\n\u003ccircle cx=\"450.0\" cy=\"60\" r=\"34\" fill=\"#262a3d\"\u003e\u003c\/circle\u003e\n\u003ccircle cx=\"450.0\" cy=\"60\" r=\"34\" fill=\"url(#ldFull)\"\u003e\u003c\/circle\u003e\n\u003c\/g\u003e\n\u003cg\u003e\n\u003ccircle cx=\"550.0\" cy=\"60\" r=\"50\" fill=\"#d9dcf5\" opacity=\"0.0\" filter=\"url(#ldSoft)\"\u003e\u003canimate attributename=\"opacity\" values=\"0;0.35;0\" dur=\"6.3s\" begin=\"3.5s\" repeatcount=\"indefinite\"\u003e\u003c\/animate\u003e\u003c\/circle\u003e\n\u003ccircle cx=\"550.0\" cy=\"60\" r=\"34\" fill=\"#262a3d\"\u003e\u003c\/circle\u003e\n\u003cpath d=\"M550.0,26 A34,34 0 0 0 550.0,94 A29.79,34 0 0 0 550.0,26 Z\" fill=\"url(#ldFull)\"\u003e\u003c\/path\u003e\n\u003c\/g\u003e\n\u003cg\u003e\n\u003ccircle cx=\"650.0\" cy=\"60\" r=\"50\" fill=\"#d9dcf5\" opacity=\"0.0\" filter=\"url(#ldSoft)\"\u003e\u003canimate attributename=\"opacity\" values=\"0;0.35;0\" dur=\"6.3s\" begin=\"4.199999999999999s\" repeatcount=\"indefinite\"\u003e\u003c\/animate\u003e\u003c\/circle\u003e\n\u003ccircle cx=\"650.0\" cy=\"60\" r=\"34\" fill=\"#262a3d\"\u003e\u003c\/circle\u003e\n\u003cpath d=\"M650.0,26 A34,34 0 0 0 650.0,94 A10.51,34 0 0 0 650.0,26 Z\" fill=\"url(#ldFull)\"\u003e\u003c\/path\u003e\n\u003c\/g\u003e\n\u003cg\u003e\n\u003ccircle cx=\"750.0\" cy=\"60\" r=\"50\" fill=\"#d9dcf5\" opacity=\"0.0\" filter=\"url(#ldSoft)\"\u003e\u003canimate attributename=\"opacity\" values=\"0;0.35;0\" dur=\"6.3s\" begin=\"4.8999999999999995s\" repeatcount=\"indefinite\"\u003e\u003c\/animate\u003e\u003c\/circle\u003e\n\u003ccircle cx=\"750.0\" cy=\"60\" r=\"34\" fill=\"#262a3d\"\u003e\u003c\/circle\u003e\n\u003cpath d=\"M750.0,26 A34,34 0 0 0 750.0,94 A14.48,34 0 0 1 750.0,26 Z\" fill=\"url(#ldFull)\"\u003e\u003c\/path\u003e\n\u003c\/g\u003e\n\u003cg\u003e\n\u003ccircle cx=\"850.0\" cy=\"60\" r=\"50\" fill=\"#d9dcf5\" opacity=\"0.0\" filter=\"url(#ldSoft)\"\u003e\u003canimate attributename=\"opacity\" values=\"0;0.35;0\" dur=\"6.3s\" begin=\"5.6s\" repeatcount=\"indefinite\"\u003e\u003c\/animate\u003e\u003c\/circle\u003e\n\u003ccircle cx=\"850.0\" cy=\"60\" r=\"34\" fill=\"#262a3d\"\u003e\u003c\/circle\u003e\n\u003cpath d=\"M850.0,26 A34,34 0 0 0 850.0,94 A30.76,34 0 0 1 850.0,26 Z\" fill=\"url(#ldFull)\"\u003e\u003c\/path\u003e\n\u003c\/g\u003e\n\u003c\/svg\u003e\n\n\u003c!-- ============ 4b. MOONLIGHT OR MIDNIGHT (variants, same dark section) ============ --\u003e\n\u003cdiv style=\"padding:52px 0 0;text-align:center;\"\u003e\n\u003cdiv style=\"max-width:640px;margin:0 auto;padding:0 20px;\"\u003e\n\u003cp style=\"font-family:'Marcellus','Trajan Pro',Georgia,serif;font-weight:400;font-size:clamp(26px,6vw,34px);line-height:1.15;color:#ffffff;margin:0 0 10px;\"\u003eMoonlight or Midnight.\u003c\/p\u003e\n\u003cp style=\"font-weight:300;font-size:clamp(15px,4vw,17px);color:#cfd3e2;margin:0 0 30px;\"\u003eFrosted beads that flash with light as you move. Two moods of the same night sky.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"max-width:760px;margin:0 auto;padding:0 16px;display:flex;flex-wrap:wrap;justify-content:center;gap:14px;\"\u003e\n\u003cdiv style=\"flex:1 1 240px;max-width:340px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.12);border-radius:12px;padding:28px 22px 26px;\"\u003e\n\u003csvg viewbox=\"0 0 120 120\" width=\"96\" height=\"96\" style=\"display:block;margin:0 auto 14px;overflow:visible;\" aria-hidden=\"true\"\u003e\n\u003cdefs\u003e\n\u003cradialgradient id=\"ldMl\" cx=\"38%\" cy=\"35%\" r=\"70%\"\u003e\u003cstop offset=\"0\" stop-color=\"#ffffff\"\u003e\u003c\/stop\u003e\u003cstop offset=\"0.55\" stop-color=\"#e6e8f2\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#b8bfd6\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\n\u003clineargradient id=\"ldMlF\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\"\u003e\u003cstop offset=\"0\" stop-color=\"#9fd0ff\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003cstop offset=\"0.5\" stop-color=\"#9fd0ff\" stop-opacity=\"0.9\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#f1d9a6\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/lineargradient\u003e\n\u003c\/defs\u003e\n\u003ccircle cx=\"60\" cy=\"60\" r=\"50\" fill=\"url(#ldMl)\"\u003e\u003c\/circle\u003e\n\u003cellipse cx=\"60\" cy=\"62\" rx=\"40\" ry=\"11\" fill=\"url(#ldMlF)\" transform=\"rotate(-20 60 62)\"\u003e\u003canimate attributename=\"opacity\" values=\"0.3;1;0.3\" dur=\"4s\" repeatcount=\"indefinite\"\u003e\u003c\/animate\u003e\u003c\/ellipse\u003e\n\u003c\/svg\u003e\n\u003cp style=\"font-size:12px;font-weight:600;color:#e6d3a8;margin:0 0 4px;letter-spacing:0.12em;text-transform:uppercase;\"\u003eMoonlight\u003c\/p\u003e\n\u003cp style=\"margin:0;font-size:15px;color:#cfd3e2;font-weight:300;\"\u003eFrosted white with a soft blue and gold flash. Like a full moon on a clear night.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"flex:1 1 240px;max-width:340px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.12);border-radius:12px;padding:28px 22px 26px;\"\u003e\n\u003csvg viewbox=\"0 0 120 120\" width=\"96\" height=\"96\" style=\"display:block;margin:0 auto 14px;overflow:visible;\" aria-hidden=\"true\"\u003e\n\u003cdefs\u003e\n\u003cradialgradient id=\"ldMn\" cx=\"38%\" cy=\"35%\" r=\"70%\"\u003e\u003cstop offset=\"0\" stop-color=\"#8b93a8\"\u003e\u003c\/stop\u003e\u003cstop offset=\"0.55\" stop-color=\"#4c5263\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#262a35\"\u003e\u003c\/stop\u003e\u003c\/radialgradient\u003e\n\u003clineargradient id=\"ldMnF\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\"\u003e\u003cstop offset=\"0\" stop-color=\"#5fb4ff\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003cstop offset=\"0.5\" stop-color=\"#6cc3ff\" stop-opacity=\"1\"\u003e\u003c\/stop\u003e\u003cstop offset=\"1\" stop-color=\"#5fb4ff\" stop-opacity=\"0\"\u003e\u003c\/stop\u003e\u003c\/lineargradient\u003e\n\u003c\/defs\u003e\n\u003ccircle cx=\"60\" cy=\"60\" r=\"50\" fill=\"url(#ldMn)\"\u003e\u003c\/circle\u003e\n\u003cellipse cx=\"60\" cy=\"62\" rx=\"40\" ry=\"11\" fill=\"url(#ldMnF)\" transform=\"rotate(-20 60 62)\"\u003e\u003canimate attributename=\"opacity\" values=\"0.3;1;0.3\" dur=\"4s\" begin=\"2s\" repeatcount=\"indefinite\"\u003e\u003c\/animate\u003e\u003c\/ellipse\u003e\n\u003c\/svg\u003e\n\u003cp style=\"font-size:12px;font-weight:600;color:#aebbd6;margin:0 0 4px;letter-spacing:0.12em;text-transform:uppercase;\"\u003eMidnight\u003c\/p\u003e\n\u003cp style=\"margin:0;font-size:15px;color:#cfd3e2;font-weight:300;\"\u003eSmoky grey with flashes of moonlit blue. The sky after everyone else is asleep.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ============ 5. SLOW DOWN (continues the dark section) ============ --\u003e\n\u003cdiv style=\"background:#12141f;background-image:radial-gradient(ellipse 70% 90% at 15% 100%, rgba(150,175,215,.18), transparent 60%), radial-gradient(ellipse 80% 100% at 85% 0%, rgba(176,160,225,.20), transparent 60%), radial-gradient(ellipse 60% 70% at 50% 110%, rgba(220,205,170,.10), transparent 65%);margin:0;\"\u003e\n\u003cdiv style=\"max-width:1080px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:stretch;\"\u003e\n\u003cdiv style=\"flex:1 1 300px;min-width:0;\"\u003e\n\u003c!-- IMAGE: bracelet with its pouch (edges soften into the dark background) --\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1469\/5988\/files\/Ocean-light-pouch1.png_202607230013.jpg_20261030011240__1_.jpg_999d3e65.jpg?v=1793829855\" style=\"-webkit-mask-image:radial-gradient(ellipse 78% 78% at 50% 50%,#000 55%,transparent 100%);mask-image:radial-gradient(ellipse 78% 78% at 50% 50%,#000 55%,transparent 100%);margin:0;padding:0;border:0;vertical-align:top;width:100%;height:100%;min-height:300px;object-fit:cover;display:block;\" alt=\"Lunar Dream bracelet with its pouch\"\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"flex:1 1 300px;min-width:0;display:flex;align-items:center;padding:40px 32px 52px;\"\u003e\n\u003cdiv\u003e\n\u003cdiv style=\"width:44px;height:2px;margin:0 0 20px;background:linear-gradient(90deg,#aebbd6,#b9a8e6,#e6d3a8);\"\u003e\u003c\/div\u003e\n\u003cp style=\"font-weight:300;letter-spacing:-0.01em;font-size:clamp(24px,5.5vw,30px);line-height:1.2;color:#ffffff;margin:0 0 18px;\"\u003eSlow down. Breathe out.\u003c\/p\u003e\n\u003cp style=\"margin:0 0 12px;padding-left:14px;border-left:2px solid #aebbd6;font-size:15px;color:#cfd3e2;font-weight:300;\"\u003e\u003cstrong style=\"display:block;color:#ffffff;font-weight:600;\"\u003eSoft as moonlight.\u003c\/strong\u003eSmooth, frosted and easy to wear every day.\u003c\/p\u003e\n\u003cp style=\"margin:0 0 12px;padding-left:14px;border-left:2px solid #b9a8e6;font-size:15px;color:#cfd3e2;font-weight:300;\"\u003e\u003cstrong style=\"display:block;color:#ffffff;font-weight:600;\"\u003eA little ritual.\u003c\/strong\u003eTake a breath and let the day go.\u003c\/p\u003e\n\u003cp style=\"margin:12px 0 0;font-size:14px;color:#9a9eb0;font-weight:300;\"\u003eIt comes in a soft pouch, ready to give or to keep it safe.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ============ 6b. THE PAIR (if running Buy 1 Get 1, add \"Buy one, get one free\" under the heading) ============ --\u003e\n\u003c!-- IMAGE: the pair, Moonlight and Midnight on pebbles by the sea --\u003e\n\u003cdiv style=\"position:relative;width:100%;overflow:hidden;background:#12141f;margin:0;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1469\/5988\/files\/Bracelets_on_pebbles_at_sea_d271f437_5613f1fb-6c35-487b-9482-8c9ce85a02ba.jpg?v=1793830611\" style=\"margin:0;padding:0;border:0;vertical-align:top;width:100%;max-height:540px;object-fit:cover;display:block;\" alt=\"Moonlight and Midnight bracelets together on pebbles by the sea\"\u003e\n\u003cdiv style=\"position:absolute;left:0;right:0;top:0;height:20%;background:linear-gradient(180deg,#12141f 0%,#12141f00 100%);\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"position:absolute;left:0;right:0;bottom:0;height:34%;background:linear-gradient(180deg,#12141f00 0%,#12141f 100%);\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"background:#12141f;background-image:radial-gradient(ellipse 70% 90% at 15% 100%, rgba(150,175,215,.18), transparent 60%), radial-gradient(ellipse 80% 100% at 85% 0%, rgba(176,160,225,.20), transparent 60%), radial-gradient(ellipse 60% 70% at 50% 110%, rgba(220,205,170,.10), transparent 65%);padding:8px 0 56px;text-align:center;\"\u003e\n\u003cdiv style=\"max-width:560px;margin:0 auto;padding:0 24px;\"\u003e\n\u003cp style=\"font-family:'Marcellus','Trajan Pro',Georgia,serif;font-weight:400;font-size:clamp(28px,6.5vw,38px);line-height:1.15;color:#ffffff;margin:0 0 14px;\"\u003eOne for you.\u003cbr\u003eOne for them.\u003c\/p\u003e\n\u003cp style=\"font-weight:300;font-size:clamp(15px,4vw,17px);color:#cfd3e2;margin:0 0 8px;\"\u003eMoonlight for one wrist, Midnight for the other. However far apart you are, you'll both be wearing the same sky.\u003c\/p\u003e\n\u003cp style=\"color:#ffffff;font-weight:600;margin:0;\"\u003eSame moon. Closer than it feels.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ============ 7. REVIEW (add a genuine customer review here once you have one)\n\u003cdiv style=\"padding:52px 0 8px;text-align:center;\"\u003e\n\u003cdiv style=\"max-width:560px;margin:0 auto;padding:0 24px;\"\u003e\n\u003cdiv style=\"color:#b9a8e6;font-size:16px;letter-spacing:3px;margin-bottom:10px;\"\u003e★★★★★\u003c\/div\u003e\n\u003cp style=\"font-size:clamp(17px,4.3vw,20px);font-weight:300;color:#12141f;line-height:1.5;margin:0;\"\u003e\"REAL REVIEW TEXT HERE\"\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n============ --\u003e\n\n\u003c!-- ============ 8. GIFT + COLLECTION ============ --\u003e\n\u003cdiv style=\"max-width:920px;margin:52px auto 56px;padding:0 16px;\"\u003e\n\u003cdiv style=\"border:1px solid #e0e1ea;border-radius:10px;padding:36px 28px;display:flex;flex-wrap:wrap;gap:24px 36px;align-items:center;background:#f8f8fb;\"\u003e\n\u003cdiv style=\"flex:1 1 260px;min-width:0;\"\u003e\n\u003cp style=\"font-weight:300;letter-spacing:-0.01em;font-size:clamp(24px,5.5vw,30px);line-height:1.15;color:#12141f;margin:0 0 10px;\"\u003eFor someone you miss.\u003c\/p\u003e\n\u003cp style=\"margin:0;font-size:15px;color:#555866;font-weight:300;\"\u003eOr someone going through a hard time. A small way to say you're thinking of them. One size, so there's no guessing.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"flex:1 1 220px;min-width:0;\"\u003e\n\u003cp style=\"margin:0 0 6px;font-size:13px;color:#8f92a0;\"\u003eWear it with\u003c\/p\u003e\n\u003cp style=\"margin:0 0 6px;font-size:15px;\"\u003e\u003ca href=\"https:\/\/liverandwhite.com\/products\/aurora-eclipse-bracelet\" style=\"color:#12141f;text-decoration:none;border-bottom:1px solid #b9a8e6;\"\u003eAurora Light\u003c\/a\u003e  \u003cspan style=\"color:#8f92a0;\"\u003efor the night sky\u003c\/span\u003e\u003c\/p\u003e\n\u003cp style=\"margin:0;font-size:15px;\"\u003e\u003ca href=\"https:\/\/liverandwhite.com\/products\/highland-mist-bracelet\" style=\"color:#12141f;text-decoration:none;border-bottom:1px solid #aebbd6;\"\u003eHighland Mist\u003c\/a\u003e  \u003cspan style=\"color:#8f92a0;\"\u003efor the open air\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ============ 9. DETAILS ============ --\u003e\n\u003cdiv style=\"background:#12141f;background-image:radial-gradient(ellipse 70% 90% at 15% 100%, rgba(150,175,215,.18), transparent 60%), radial-gradient(ellipse 80% 100% at 85% 0%, rgba(176,160,225,.20), transparent 60%), radial-gradient(ellipse 60% 70% at 50% 110%, rgba(220,205,170,.10), transparent 65%);padding:56px 0;\"\u003e\n\u003cdiv style=\"max-width:520px;margin:0 auto;padding:0 24px;\"\u003e\n\u003cp style=\"text-align:center;font-weight:300;font-size:clamp(22px,5.5vw,26px);color:#ffffff;margin:0;\"\u003eThe details\u003c\/p\u003e\n\u003cdiv style=\"width:44px;height:2px;margin:12px auto 26px;background:linear-gradient(90deg,#aebbd6,#b9a8e6,#e6d3a8);\"\u003e\u003c\/div\u003e\n\u003cp style=\"display:flex;justify-content:space-between;gap:16px;margin:0;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:14px;\"\u003e\u003cspan style=\"color:#9a9eb0;\"\u003eBeads\u003c\/span\u003e\u003cspan style=\"color:#eef0f6;text-align:right;\"\u003e8mm frosted beads with a soft flash\u003c\/span\u003e\u003c\/p\u003e\n\u003cp style=\"display:flex;justify-content:space-between;gap:16px;margin:0;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:14px;\"\u003e\u003cspan style=\"color:#9a9eb0;\"\u003eFit\u003c\/span\u003e\u003cspan style=\"color:#eef0f6;text-align:right;\"\u003eStretch, 18cm, fits most wrists\u003c\/span\u003e\u003c\/p\u003e\n\u003cp style=\"display:flex;justify-content:space-between;gap:16px;margin:0;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:14px;\"\u003e\u003cspan style=\"color:#9a9eb0;\"\u003eColours\u003c\/span\u003e\u003cspan style=\"color:#eef0f6;text-align:right;\"\u003eMoonlight (frosted white) or Midnight (smoky grey)\u003c\/span\u003e\u003c\/p\u003e\n\u003cp style=\"display:flex;justify-content:space-between;gap:16px;margin:0;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:14px;\"\u003e\u003cspan style=\"color:#9a9eb0;\"\u003eStyle\u003c\/span\u003e\u003cspan style=\"color:#eef0f6;text-align:right;\"\u003eUnisex\u003c\/span\u003e\u003c\/p\u003e\n\u003cp style=\"display:flex;justify-content:space-between;gap:16px;margin:0;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:14px;\"\u003e\u003cspan style=\"color:#9a9eb0;\"\u003eComes with\u003c\/span\u003e\u003cspan style=\"color:#eef0f6;text-align:right;\"\u003ePouch for gifting or storage\u003c\/span\u003e\u003c\/p\u003e\n\u003cp style=\"display:flex;justify-content:space-between;gap:16px;margin:0;padding:12px 0;font-size:14px;\"\u003e\u003cspan style=\"color:#9a9eb0;\"\u003eCare\u003c\/span\u003e\u003cspan style=\"color:#eef0f6;text-align:right;\"\u003eRoll on and off, don't overstretch. Keep away from perfume and water.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- IMAGE: man wearing the bracelet --\u003e\n\u003cdiv style=\"position:relative;width:100%;overflow:hidden;background:#ffffff;margin:0;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1469\/5988\/files\/Wearing_bracelet_8cf1d14c.jpg?v=1793829855\" style=\"margin:0;padding:0;border:0;vertical-align:top;width:100%;max-height:540px;object-fit:cover;display:block;\" alt=\"Man wearing the Lunar Dream bracelet\"\u003e\n\u003cdiv style=\"position:absolute;left:0;right:0;top:0;height:22%;background:linear-gradient(180deg,#12141f 0%,#12141f00 100%);\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"position:absolute;left:0;right:0;bottom:0;height:26%;background:linear-gradient(180deg,#ffffff00 0%,#ffffff 100%);\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ============ 10. CLOSE ============ --\u003e\n\u003cdiv style=\"padding:60px 0 72px;text-align:center;\"\u003e\n\u003cdiv style=\"max-width:560px;margin:0 auto;padding:0 24px;\"\u003e\n\u003cp style=\"font-family:'Marcellus','Trajan Pro',Georgia,serif;font-weight:400;font-size:clamp(26px,6vw,36px);line-height:1.2;color:#12141f;margin:0;\"\u003eThe moon still rises.\u003cbr\u003eSo do you.\u003c\/p\u003e\n\u003cdiv style=\"width:60px;height:2px;margin:20px auto 18px;background:linear-gradient(90deg,#aebbd6,#b9a8e6,#e6d3a8);\"\u003e\u003c\/div\u003e\n\u003cp style=\"font-weight:300;font-size:clamp(15px,4vw,17px);color:#6f7286;margin:0;\"\u003eLook up. You're not alone.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Liver \u0026 White","offers":[{"title":"Moonlight","offer_id":67864473731235,"sku":"1005006368183339-8mm","price":27.95,"currency_code":"EUR","in_stock":true},{"title":"Midnight","offer_id":67864483889315,"sku":"1005006368183339-8mm","price":27.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1469\/5988\/files\/Bracelet_lying_on_mirror_surface_412c7395.jpg?v=1793829855","url":"https:\/\/liverandwhite.com\/en-fr\/products\/lunar-dream","provider":"Liver \u0026 White","version":"1.0","type":"link"}