{"product_id":"highland-mist-bracelet","title":"Highland Mist Bracelet™","description":"\u003cdiv style=\"width: 100%; background: #ffffff; color: #22262a; font-family: 'Jost','Futura',-apple-system,'Segoe UI',sans-serif; line-height: 1.7; overflow: hidden;\"\u003e\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 \u003c!-- ============ 1. HERO (text over image, fading into dark band) ============ --\u003e\n\u003cdiv style=\"position: relative; width: 100%; overflow: hidden; background: #1b221e;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1469\/5988\/files\/more_dreamy_20261030010029.jpg?v=1793323185\" style=\"margin: 0; padding: 0; border: 0; vertical-align: top; width: 100%; display: block;\" alt=\"Highland Mist bracelet on the moors\"\u003e\n\u003cdiv style=\"position: absolute; top: 0; left: 0; right: 0; padding: 4% 20px 10%; text-align: center; background: linear-gradient(180deg,rgba(16,21,18,0.62) 0%,rgba(16,21,18,0.28) 65%,rgba(16,21,18,0) 100%);\"\u003e\u003csvg viewbox=\"0 0 600 175\" width=\"100%\" style=\"display: block; max-width: 560px; margin: 0 auto; overflow: visible;\" role=\"img\" aria-label=\"Wild at heart\"\u003e\n\u003cdefs\u003e\n\u003clineargradient id=\"hmWild\" gradientunits=\"userSpaceOnUse\" x1=\"0\" y1=\"0\" x2=\"600\" y2=\"0\" spreadmethod=\"reflect\"\u003e\n\u003cstop offset=\"0\" stop-color=\"#cfe0c8\"\u003e\u003c\/stop\u003e\n\u003cstop offset=\"0.35\" stop-color=\"#ffffff\"\u003e\u003c\/stop\u003e\n\u003cstop offset=\"0.65\" stop-color=\"#e4c3d8\"\u003e\u003c\/stop\u003e\n\u003cstop offset=\"1\" stop-color=\"#b8c4cc\"\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=\"hmGlow\" 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.45 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(#hmWild)\" filter=\"url(#hmGlow)\"\u003eWild\u003c\/text\u003e\n\u003ctext x=\"300\" y=\"160\" text-anchor=\"middle\" font-family=\"'Marcellus','Trajan Pro',Georgia,serif\" font-size=\"25\" letter-spacing=\"9\" fill=\"#efe9dc\"\u003eAT HEART\u003c\/text\u003e\n\u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv style=\"position: absolute; left: 0; right: 0; bottom: 0; height: 22%; background: linear-gradient(180deg,#1b221e00 0%,#1b221e 100%);\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ============ 2. DARK BAND: subtitle + benefits ============ --\u003e\n\u003cdiv style=\"background: #1b221e; background-image: radial-gradient(ellipse 70% 120% at 10% 100%, rgba(122,160,118,.16), transparent 60%), radial-gradient(ellipse 70% 120% at 90% 100%, rgba(176,122,160,.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: #cdd5cf; margin: 0 auto 22px; max-width: 460px; padding: 0 24px;\"\u003eThat top-of-the-hill feeling. Cold air, wide open sky, and your head finally quiet. Now you can wear it.\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: #eef1ee; 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: linear-gradient(135deg,#7fa07a,#b47aa0,#c0607a,#8c96a0);\"\u003e\u003c\/span\u003eMatte stone beads\u003c\/span\u003e \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: #eef1ee; 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%; border: 2px solid #b47aa0; box-sizing: border-box;\"\u003e\u003c\/span\u003eStretch fit\u003c\/span\u003e \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: #eef1ee; 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: #8c96a0;\"\u003e\u003c\/span\u003eFor him or her\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ============ 3. THE ESCAPE ============ --\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(26px,6.2vw,34px); line-height: 1.18; color: #1b221e; margin: 0 0 14px;\"\u003eFor the days you'd rather be somewhere wild.\u003c\/p\u003e\n\u003cp style=\"font-weight: 300; font-size: clamp(15px,4vw,17px); color: #555b58; margin: 0 0 8px;\"\u003eOpen hills. Cold air. Nowhere you need to be.\u003c\/p\u003e\n\u003cp style=\"color: #1b221e; font-weight: 600; margin: 0;\"\u003eWear a little of it with you, wherever the day takes you.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- IMAGE: female wearer --\u003e\n\u003cdiv style=\"position: relative; width: 100%; overflow: hidden; background: #1b221e; margin: 0;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1469\/5988\/files\/model_wearing_this_bracelet_for_20261030012129.jpg?v=1793323568\" style=\"margin: 0; padding: 0; border: 0; vertical-align: top; width: 100%; max-height: 540px; object-fit: cover; display: block;\" alt=\"Woman wearing the Highland Mist bracelet\"\u003e\n\u003cdiv style=\"position: absolute; left: 0; right: 0; top: 0; height: 16%; background: linear-gradient(180deg,#ffffff 0%,#ffffff00 100%);\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv style=\"position: absolute; left: 0; right: 0; bottom: 0; height: 28%; background: linear-gradient(180deg,#1b221e00 0%,#1b221e 100%);\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ============ 4. THE COLOURS OF THE MOOR (colour blocks with drifting mist) ============ --\u003e\n\u003cdiv style=\"position: relative; width: 100%; overflow: hidden; background: #1b221e; margin: 0;\"\u003e\n\u003cdiv style=\"position: relative; z-index: 2; text-align: center; padding: 48px 20px 0;\"\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;\"\u003eThe colours of the moor.\u003c\/p\u003e\n\u003cp style=\"font-weight: 300; font-size: clamp(14px,3.8vw,17px); color: #cdd5cf; margin: 0 auto; max-width: 480px;\"\u003eSlate skies rolling in. Heather on the hillside. Berries in the hedgerow. Moss on the stone.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"position: relative; width: 100%; height: clamp(230px,38vw,380px); margin-top: 28px; background: linear-gradient(90deg,#8a949d 0%,#8a949d 18%,#a97f9d 32%,#a97f9d 43%,#b0606f 57%,#b0606f 68%,#6f8e6b 82%,#6f8e6b 100%);\"\u003e\n\u003c!-- depth: darker toward the bottom, like light falling on hills --\u003e\n\u003cdiv style=\"position: absolute; inset: 0; background: linear-gradient(180deg,rgba(255,255,255,0.10) 0%,rgba(0,0,0,0) 40%,rgba(10,14,12,0.35) 100%);\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- drifting mist --\u003e \u003csvg viewbox=\"0 0 1000 380\" preserveaspectratio=\"none\" style=\"position: absolute; inset: 0; width: 100%; height: 100%; display: block;\" aria-hidden=\"true\"\u003e\n\u003cdefs\u003e\u003cfilter id=\"hmMist\" x=\"-40%\" y=\"-200%\" width=\"180%\" height=\"500%\"\u003e\u003cfegaussianblur stddeviation=\"22\"\u003e\u003c\/fegaussianblur\u003e\u003c\/filter\u003e\u003c\/defs\u003e\n\u003cg filter=\"url(#hmMist)\" fill=\"#f2f4f2\"\u003e\n\u003cellipse cx=\"250\" cy=\"110\" rx=\"340\" ry=\"34\" opacity=\"0.55\"\u003e\u003canimatetransform attributename=\"transform\" type=\"translate\" values=\"-260 0;300 0;-260 0\" dur=\"38s\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/ellipse\u003e\n\u003cellipse cx=\"760\" cy=\"190\" rx=\"300\" ry=\"30\" opacity=\"0.45\"\u003e\u003canimatetransform attributename=\"transform\" type=\"translate\" values=\"220 0;-300 0;220 0\" dur=\"44s\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/ellipse\u003e\n\u003cellipse cx=\"420\" cy=\"280\" rx=\"380\" ry=\"36\" opacity=\"0.4\"\u003e\u003canimatetransform attributename=\"transform\" type=\"translate\" values=\"-200 0;260 0;-200 0\" dur=\"34s\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/ellipse\u003e\n\u003cellipse cx=\"880\" cy=\"70\" rx=\"240\" ry=\"24\" opacity=\"0.35\"\u003e\u003canimatetransform attributename=\"transform\" type=\"translate\" values=\"0 0;-420 0;0 0\" dur=\"50s\" repeatcount=\"indefinite\"\u003e\u003c\/animatetransform\u003e\u003c\/ellipse\u003e\n\u003c\/g\u003e\n\u003c\/svg\u003e \u003c!-- blend edges into the dark sections above and below --\u003e\n\u003cdiv style=\"position: absolute; left: 0; right: 0; top: 0; height: 22%; background: linear-gradient(180deg,#1b221e 0%,#1b221e00 100%);\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv style=\"position: absolute; left: 0; right: 0; bottom: 0; height: 26%; background: linear-gradient(180deg,#1b221e00 0%,#1b221e 100%);\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- colour names --\u003e\n\u003cdiv style=\"position: absolute; left: 0; right: 0; bottom: 30%; display: flex;\"\u003e\n\u003cp style=\"flex: 1; margin: 0; text-align: center; font-size: clamp(10px,2.6vw,13px); letter-spacing: 0.22em; text-transform: uppercase; color: #ffffff; text-shadow: 0 1px 8px rgba(0,0,0,0.35);\"\u003eSlate\u003c\/p\u003e\n\u003cp style=\"flex: 1; margin: 0; text-align: center; font-size: clamp(10px,2.6vw,13px); letter-spacing: 0.22em; text-transform: uppercase; color: #ffffff; text-shadow: 0 1px 8px rgba(0,0,0,0.35);\"\u003eHeather\u003c\/p\u003e\n\u003cp style=\"flex: 1; margin: 0; text-align: center; font-size: clamp(10px,2.6vw,13px); letter-spacing: 0.22em; text-transform: uppercase; color: #ffffff; text-shadow: 0 1px 8px rgba(0,0,0,0.35);\"\u003eBerry\u003c\/p\u003e\n\u003cp style=\"flex: 1; margin: 0; text-align: center; font-size: clamp(10px,2.6vw,13px); letter-spacing: 0.22em; text-transform: uppercase; color: #ffffff; text-shadow: 0 1px 8px rgba(0,0,0,0.35);\"\u003eMoss\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ============ 5. WEAR A LITTLE WILDNESS (continues the dark section) ============ --\u003e\n\u003cdiv style=\"background: #1b221e; background-image: radial-gradient(ellipse 70% 90% at 15% 100%, rgba(122,160,118,.22), transparent 60%), radial-gradient(ellipse 80% 100% at 85% 0%, rgba(176,122,160,.20), transparent 60%), radial-gradient(ellipse 60% 70% at 50% 110%, rgba(140,150,160,.16), 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 gift pouch (edges soften into the dark background) --\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1469\/5988\/files\/Ocean-light-pouch1.png_202607230013.jpg_20261030011240.jpg?v=1793323112\" 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=\"Highland Mist 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,#7fa07a,#b47aa0,#8c96a0);\"\u003e\u003cbr\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;\"\u003eWear a little wildness.\u003c\/p\u003e\n\u003cp style=\"margin: 0 0 12px; padding-left: 14px; border-left: 2px solid #7fa07a; font-size: 15px; color: #cdd5cf; font-weight: 300;\"\u003e\u003cstrong style=\"display: block; color: #ffffff; font-weight: 600;\"\u003eEarthy, not flashy.\u003c\/strong\u003eMatte stone that looks as natural as it feels.\u003c\/p\u003e\n\u003cp style=\"margin: 0 0 12px; padding-left: 14px; border-left: 2px solid #b47aa0; font-size: 15px; color: #cdd5cf; font-weight: 300;\"\u003e\u003cstrong style=\"display: block; color: #ffffff; font-weight: 600;\"\u003eNo two beads quite the same.\u003c\/strong\u003eEach one has its own shade and pattern.\u003c\/p\u003e\n\u003cp style=\"margin: 0; padding-left: 14px; border-left: 2px solid #8c96a0; font-size: 15px; color: #cdd5cf; font-weight: 300;\"\u003e\u003cstrong style=\"display: block; color: #ffffff; font-weight: 600;\"\u003eA little reminder.\u003c\/strong\u003eTo get outside more, even if it's just in your head.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- IMAGE: on dark slate (bridges dark into light) --\u003e\n\u003cdiv style=\"position: relative; width: 100%; overflow: hidden; background: #1b221e; margin: 0;\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1469\/5988\/files\/put_on_dark_reflective_backdrop_20261030012945.jpg?v=1793323802\" style=\"margin: 0; padding: 0; border: 0; vertical-align: top; width: 100%; max-height: 540px; object-fit: cover; display: block;\" alt=\"Highland Mist bracelet on dark slate\"\u003e\n\u003cdiv style=\"position: absolute; left: 0; right: 0; top: 0; height: 24%; background: linear-gradient(180deg,#1b221e 0%,#1b221e00 100%);\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv style=\"position: absolute; left: 0; right: 0; bottom: 0; height: 24%; background: linear-gradient(180deg,#f4f5f200 0%,#f4f5f2 100%);\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ============ 6. GOES WITH EVERYTHING ============ --\u003e\n\u003cdiv style=\"padding: 40px 0 56px; background: #f4f5f2;\"\u003e\n\u003cdiv style=\"max-width: 980px; margin: 0 auto; padding: 0 20px;\"\u003e\n\u003cp style=\"text-align: center; font-weight: 300; letter-spacing: -0.01em; font-size: clamp(24px,5.5vw,30px); line-height: 1.2; color: #1b221e; margin: 0 0 28px;\"\u003eGoes with everything.\u003c\/p\u003e\n\u003cdiv style=\"display: flex; flex-wrap: wrap; justify-content: center; gap: 12px;\"\u003e\n\u003cdiv style=\"flex: 1 1 220px; max-width: 300px; background: #ffffff; border-radius: 10px; padding: 26px 24px; border-top: 3px solid #7fa07a;\"\u003e\n\u003cp style=\"font-size: 12px; font-weight: 600; color: #5b7a57; margin: 0 0 4px; letter-spacing: 0.06em; text-transform: uppercase;\"\u003eWeekend walks\u003c\/p\u003e\n\u003cp style=\"margin: 0; font-size: 15px; color: #555b58; font-weight: 300;\"\u003eBoots, a big coat and somewhere green.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"flex: 1 1 220px; max-width: 300px; background: #ffffff; border-radius: 10px; padding: 26px 24px; border-top: 3px solid #8c96a0;\"\u003e\n\u003cp style=\"font-size: 12px; font-weight: 600; color: #5f6a74; margin: 0 0 4px; letter-spacing: 0.06em; text-transform: uppercase;\"\u003eWorkdays\u003c\/p\u003e\n\u003cp style=\"margin: 0; font-size: 15px; color: #555b58; font-weight: 300;\"\u003eA quiet bit of colour that suits any outfit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"flex: 1 1 220px; max-width: 300px; background: #ffffff; border-radius: 10px; padding: 26px 24px; border-top: 3px solid #b47aa0;\"\u003e\n\u003cp style=\"font-size: 12px; font-weight: 600; color: #8a5679; margin: 0 0 4px; letter-spacing: 0.06em; text-transform: uppercase;\"\u003eCosy nights in\u003c\/p\u003e\n\u003cp style=\"margin: 0; font-size: 15px; color: #555b58; font-weight: 300;\"\u003eStretch fit and light, so you forget it's on.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\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 #dfe3dc; border-radius: 10px; padding: 36px 28px; display: flex; flex-wrap: wrap; gap: 24px 36px; align-items: center; background: #f8f9f6;\"\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: #1b221e; margin: 0 0 10px;\"\u003eFor anyone with a wild heart.\u003c\/p\u003e\n\u003cp style=\"margin: 0; font-size: 15px; color: #555b58; font-weight: 300;\"\u003eHim, her, or you. One size, so there's no guessing. It comes in a soft pouch, ready to give or to keep it safe.\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: #8f948f;\"\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: #1b221e; text-decoration: none; border-bottom: 1px solid #b47aa0;\"\u003eAurora Light\u003c\/a\u003e  \u003cspan style=\"color: #8f948f;\"\u003efor the night sky\u003c\/span\u003e\u003c\/p\u003e\n\u003c!-- Check this handle matches your Ocean Light product URL --\u003e\n\u003cp style=\"margin: 0; font-size: 15px;\"\u003e\u003ca href=\"https:\/\/liverandwhite.com\/products\/ocean-light-bracelet\" style=\"color: #1b221e; text-decoration: none; border-bottom: 1px solid #7fa07a;\"\u003eOcean Light\u003c\/a\u003e  \u003cspan style=\"color: #8f948f;\"\u003efor the open sea\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ============ 9. DETAILS ============ --\u003e\n\u003cdiv style=\"background: #1b221e; background-image: radial-gradient(ellipse 70% 90% at 15% 100%, rgba(122,160,118,.22), transparent 60%), radial-gradient(ellipse 80% 100% at 85% 0%, rgba(176,122,160,.20), transparent 60%), radial-gradient(ellipse 60% 70% at 50% 110%, rgba(140,150,160,.16), 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,#7fa07a,#b47aa0,#8c96a0);\"\u003e\u003cbr\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: #9aa39c;\"\u003eBeads\u003c\/span\u003e\u003cspan style=\"color: #eef1ee; text-align: right;\"\u003eMatte stone beads\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: #9aa39c;\"\u003eFit\u003c\/span\u003e\u003cspan style=\"color: #eef1ee; 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: #9aa39c;\"\u003eComes with\u003c\/span\u003e\u003cspan style=\"color: #eef1ee; 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; border-bottom: 1px solid rgba(255,255,255,.1); font-size: 14px;\"\u003e\u003cspan style=\"color: #9aa39c;\"\u003eStyle\u003c\/span\u003e\u003cspan style=\"color: #eef1ee; 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; font-size: 14px;\"\u003e\u003cspan style=\"color: #9aa39c;\"\u003eThe feeling\u003c\/span\u003e\u003cspan style=\"color: #eef1ee; text-align: right;\"\u003eFresh air and open hills\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- IMAGE: male wearer --\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\/Man_wearing_bracelet_20261030012424.jpg?v=1793323569\" style=\"margin: 0; padding: 0; border: 0; vertical-align: top; width: 100%; max-height: 540px; object-fit: cover; display: block;\" alt=\"Man wearing the Highland Mist bracelet\"\u003e\n\u003cdiv style=\"position: absolute; left: 0; right: 0; top: 0; height: 22%; background: linear-gradient(180deg,#1b221e 0%,#1b221e00 100%);\"\u003e\u003cbr\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\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\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: #1b221e; margin: 0;\"\u003eSome days call for\u003cbr\u003esomewhere wild.\u003c\/p\u003e\n\u003cdiv style=\"width: 60px; height: 2px; margin: 20px auto 18px; background: linear-gradient(90deg,#7fa07a,#b47aa0,#8c96a0);\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cp style=\"font-weight: 300; font-size: clamp(15px,4vw,17px); color: #6f7a70; margin: 0;\"\u003eTake a little of the hills with you.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Liver \u0026 White","offers":[{"title":"Default Title","offer_id":67816202928291,"sku":"1005009744651862-18cm","price":43.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1469\/5988\/files\/Place_bracelet_on_dark_background_20261030011651.jpg?v=1793323112","url":"https:\/\/liverandwhite.com\/en-ca\/products\/highland-mist-bracelet","provider":"Liver \u0026 White","version":"1.0","type":"link"}