{"product_id":"wearable-love-message-locket","title":"Wearable Love Message Locket","description":"\u003cmeta charset=\"UTF-8\"\u003e\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003e\u003c\/title\u003e\n\u003cstyle type=\"text\/css\"\u003e:root {\n    \/* Color Palette *\/\n    --primary: #D4AF37; \/* Elegant Gold *\/\n    --primary-dark: #B89A30;\n    --text-main: #2C2A28;\n    --text-sub: #5C5955;\n    --bg-body: #FFFFFF;\n    --bg-card: #FCFAF6; \/* Soft Cream\/Beige for warmth *\/\n    --bg-soft: #F4EFE6;\n    --border-color: #EAE3D9;\n    \n    \/* Geometry \u0026 Shadows *\/\n    --radius-md: 12px;\n    --radius-lg: 20px;\n    --shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.04);\n    --shadow-md: 0 8px 24px rgba(212, 175, 55, 0.08);\n    --transition: all 0.3s ease;\n  }\n\n  body {\n    margin: 0;\n    padding: 0;\n    background-color: var(--bg-body);\n    -webkit-font-smoothing: antialiased;\n  }\n\n  .product-detail-container {\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n    color: var(--text-main);\n    line-height: 1.7;\n    max-width: 1100px;\n    margin: 0 auto;\n    padding: clamp(2rem, 5vw, 4rem) 5%;\n    box-sizing: border-box;\n  }\n\n  \/* Typography *\/\n  .product-detail-container h1,\n  .product-detail-container h2 {\n    \/* Use Serif font for headings to match the \"Book\/Letter\" theme *\/\n    font-family: \"Georgia\", \"Times New Roman\", serif; \n    color: var(--text-main);\n    margin: 0 0 1rem 0;\n  }\n\n  .product-detail-container h1 {\n    font-size: clamp(32px, 5vw, 46px);\n    font-weight: 700;\n    line-height: 1.2;\n    letter-spacing: -0.5px;\n  }\n\n  .product-detail-container h2 {\n    font-size: clamp(26px, 4vw, 34px);\n    font-weight: 600;\n    line-height: 1.3;\n  }\n\n  .product-detail-container p {\n    font-size: clamp(16px, 2vw, 18px);\n    color: var(--text-sub);\n    margin: 0 0 1.5rem 0;\n  }\n\n  .intro-text {\n    font-size: clamp(18px, 2.5vw, 22px) !important;\n    color: var(--text-sub);\n    max-width: 760px;\n    margin: 0 auto 2rem auto !important;\n  }\n\n  \/* Layout \u0026 Spacing *\/\n  .section-spacing {\n    margin-bottom: clamp(4rem, 8vw, 6rem);\n  }\n\n  .grid-2 {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: clamp(2rem, 5vw, 4rem);\n    align-items: center;\n  }\n\n  @media (min-width: 768px) {\n    .grid-2 {\n      grid-template-columns: 1fr 1fr;\n    }\n    .grid-2.reverse .feature-media {\n      order: 2;\n    }\n    .grid-2.reverse .feature-copy {\n      order: 1;\n    }\n  }\n\n  \/* Components *\/\n  .trust-badge {\n    display: inline-block;\n    background: var(--bg-soft);\n    color: var(--primary-dark);\n    padding: 6px 16px;\n    border-radius: 30px;\n    font-size: 14px;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 1.5px;\n    margin-bottom: 1.5rem;\n    border: 1px solid var(--border-color);\n  }\n  \n  .feature-tags {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n    margin-top: 1.5rem;\n  }\n\n  .feature-tag {\n    background: var(--bg-body);\n    color: var(--primary-dark);\n    padding: 8px 16px;\n    border-radius: 30px;\n    font-size: 14px;\n    font-weight: 500;\n    border: 1px solid var(--border-color);\n    box-shadow: var(--shadow-sm);\n  }\n\n  \/* Images *\/\n  .img-fluid {\n    width: 100%;\n    height: auto;\n    display: block;\n    border-radius: var(--radius-lg);\n    box-shadow: var(--shadow-md);\n    object-fit: cover;\n    transition: var(--transition);\n  }\n\n  .img-fluid:hover {\n    transform: translateY(-4px);\n    box-shadow: 0 12px 32px rgba(212, 175, 55, 0.12);\n  }\n\n  .hero-img-wrapper {\n    max-width: 800px;\n    margin: 0 auto;\n  }\n\n  \/* Specifications *\/\n  .specs-container {\n    background: var(--bg-card);\n    padding: clamp(2rem, 5vw, 4rem);\n    border-radius: var(--radius-lg);\n    border: 1px solid var(--border-color);\n  }\n\n  .specs-table {\n    width: 100%;\n    border-collapse: collapse;\n    margin-top: 2rem;\n    background: var(--bg-body);\n    border-radius: var(--radius-md);\n    overflow: hidden;\n    box-shadow: var(--shadow-sm);\n  }\n\n  .specs-table th, \n  .specs-table td {\n    padding: 16px 24px;\n    text-align: left;\n    border-bottom: 1px solid var(--border-color);\n  }\n\n  .specs-table tr:last-child th,\n  .specs-table tr:last-child td {\n    border-bottom: none;\n  }\n\n  .specs-table th {\n    font-weight: 600;\n    width: 40%;\n    color: var(--text-main);\n    background: var(--bg-soft);\n  }\n\n  .specs-table td {\n    color: var(--text-sub);\n  }\n\n  @media (max-width: 767px) {\n    .specs-table, .specs-table tbody, .specs-table tr, .specs-table th, .specs-table td {\n      display: block;\n      width: 100%;\n      box-sizing: border-box;\n    }\n    .specs-table tr {\n      border-bottom: 4px solid var(--bg-soft);\n    }\n    .specs-table tr:last-child {\n      border-bottom: none;\n    }\n    .specs-table th {\n      padding: 12px 16px 4px;\n      font-size: 13px;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      color: var(--primary-dark);\n      background: var(--bg-body);\n      border-bottom: none;\n    }\n    .specs-table td {\n      padding: 4px 16px 16px;\n      font-size: 16px;\n      font-weight: 500;\n      color: var(--text-main);\n    }\n  }\n\n  \/* FAQ *\/\n  .faq-wrapper {\n    max-width: 800px;\n    margin: 0 auto;\n  }\n\n  .faq-item {\n    background: var(--bg-card);\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-md);\n    margin-bottom: 1rem;\n    transition: var(--transition);\n  }\n\n  .faq-item:hover {\n    border-color: var(--primary);\n  }\n\n  .faq-question {\n    padding: 1.5rem;\n    font-size: 18px;\n    font-weight: 600;\n    color: var(--text-main);\n    cursor: pointer;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    list-style: none;\n    user-select: none;\n  }\n\n  .faq-question::-webkit-details-marker {\n    display: none;\n  }\n\n  .faq-question::before {\n    content: \"Q.\";\n    color: var(--primary);\n    margin-right: 12px;\n    font-weight: 700;\n    font-family: \"Georgia\", serif;\n    font-size: 22px;\n  }\n\n  .faq-question-text {\n    flex: 1;\n  }\n\n  .faq-question::after {\n    content: '+';\n    font-size: 24px;\n    color: var(--primary-dark);\n    font-weight: 400;\n    transition: transform 0.3s ease;\n    margin-left: 1rem;\n  }\n\n  details[open] .faq-question::after {\n    content: '−';\n  }\n\n  .faq-answer {\n    padding: 0 1.5rem 1.5rem 3.5rem;\n    color: var(--text-sub);\n    font-size: 16px;\n    line-height: 1.6;\n    animation: fadeIn 0.3s ease-in-out;\n  }\n\n  @media (max-width: 767px) {\n    .faq-answer {\n      padding-left: 1.5rem;\n    }\n  }\n\n  @keyframes fadeIn {\n    from { opacity: 0; transform: translateY(-5px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"product-detail-container\"\u003e\n\u003c!-- A. Intro \/ Hero Content Block --\u003e\n\u003cdiv class=\"section-spacing\" style=\"text-align: center;\"\u003e\n\u003cspan class=\"trust-badge\"\u003eA Heartfelt Keepsake\u003c\/span\u003e\n\u003ch1\u003eA Timeless Love Letter She Can Wear\u003c\/h1\u003e\n\n\u003cp class=\"intro-text\"\u003eMore than just jewelry, this is a lasting message of love and encouragement, beautifully encased in a unique miniature book pendant designed to be cherished close to her heart.\u003c\/p\u003e\n\n\u003cdiv class=\"hero-img-wrapper\"\u003e\u003cdiv\u003e\u003cimg alt=\"Book Pendant Necklace\" cke-id=\"img48\" class=\"img-fluid\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260616175400\/a8399e31ab1f470360642d7ee9d1ecc1.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 1: Core Value --\u003e\n\n\u003cdiv class=\"section-spacing grid-2\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\u003cdiv\u003e\u003cimg alt=\"Engraved Book Pages\" cke-id=\"img49\" class=\"img-fluid\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260616175400\/382b300645dbf7eea3ebd01c2a45df8e.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2\u003eA Secret Book of Unconditional Love\u003c\/h2\u003e\n\n\u003cp\u003eThis isn't a solid charm; it's a functioning miniature book. The pendant opens to reveal multiple metal pages, each engraved with a powerful, loving message for your daughter. It's a tangible reminder of your support that she can privately read whenever she needs a boost of confidence or a reminder of her worth.\u003c\/p\u003e\n\n\u003cdiv class=\"feature-tags\"\u003e\n\u003cspan class=\"feature-tag\"\u003eOpens Like a Real Book\u003c\/span\u003e \u003cspan class=\"feature-tag\"\u003ePermanent Engraved Pages\u003c\/span\u003e \u003cspan class=\"feature-tag\"\u003eWords of Affirmation\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 2: Design \u0026 Wearability --\u003e\n\n\u003cdiv class=\"section-spacing grid-2 reverse\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\u003cdiv\u003e\u003cimg alt=\"Model wearing the necklace\" cke-id=\"img50\" class=\"img-fluid\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260616175400\/d43d49683fe1361118ad15517cef72f4.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2\u003eElegant Design for Everyday Meaning\u003c\/h2\u003e\n\n\u003cp\u003eCrafted with a radiant gold-tone finish, this necklace is designed to be both a meaningful keepsake and a versatile accessory. The delicate book pendant rests gracefully below the collarbone, making it perfect for daily wear or special occasions. The fine detailing on the cover and the secure clasp add to its exquisite, thoughtful charm.\u003c\/p\u003e\n\n\u003cdiv class=\"feature-tags\"\u003e\n\u003cspan class=\"feature-tag\"\u003eRadiant Gold-Tone Finish\u003c\/span\u003e \u003cspan class=\"feature-tag\"\u003eIntricate Cover Details\u003c\/span\u003e \u003cspan class=\"feature-tag\"\u003ePerfect Gifting Length\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- C. Specifications --\u003e\n\n\u003cdiv class=\"section-spacing specs-container\"\u003e\n\u003ch2 style=\"text-align: center;\"\u003eProduct Specifications\u003c\/h2\u003e\n\n\u003cp style=\"text-align: center;\"\u003eDetails about size and materials.\u003c\/p\u003e\n\n\u003ctable class=\"specs-table\"\u003e\n\t\u003ctbody\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth\u003ePendant Dimensions\u003c\/th\u003e\n\t\t\t\u003ctd\u003e2.3 cm x 1.8 cm (approx. 0.9\" x 0.7\")\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth\u003eChain Length\u003c\/th\u003e\n\t\t\t\u003ctd\u003e45 cm (approx. 17.7\")\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth\u003eChain Width\u003c\/th\u003e\n\t\t\t\u003ctd\u003e2 mm\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth\u003eTotal Weight\u003c\/th\u003e\n\t\t\t\u003ctd\u003eapprox. 10g (0.35 oz)\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth\u003eMaterial Finish\u003c\/th\u003e\n\t\t\t\u003ctd\u003eGold-tone Metal\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth\u003eSpecial Feature\u003c\/th\u003e\n\t\t\t\u003ctd\u003eOpenable book structure with engraved inner pages\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c!-- D. FAQ --\u003e\n\n\u003cdiv class=\"section-spacing faq-wrapper\"\u003e\n\u003ch2 style=\"text-align: center; margin-bottom: 2.5rem;\"\u003eFrequently Asked Questions\u003c\/h2\u003e\n\n\u003cdetails class=\"faq-item\" open=\"\"\u003e\u003csummary class=\"faq-question\"\u003e \u003cspan class=\"faq-question-text\"\u003eHow does the book pendant open?\u003c\/span\u003e \u003c\/summary\u003e\n\n\u003cdiv class=\"faq-answer\"\u003eThe book pendant features a small, hinged clasp on the side, similar to a locket. Gently release the clasp to open the cover and flip through the inner metal pages.\u003c\/div\u003e\n\u003c\/details\u003e\n\n\u003cdetails class=\"faq-item\"\u003e\u003csummary class=\"faq-question\"\u003e \u003cspan class=\"faq-question-text\"\u003eAre the messages inside printed on paper?\u003c\/span\u003e \u003c\/summary\u003e\n\n\u003cdiv class=\"faq-answer\"\u003eNo, the inspiring messages and graphics are laser-engraved directly onto the metal pages inside the pendant. This ensures they are permanent and won't fade, tear, or rub off over time.\u003c\/div\u003e\n\u003c\/details\u003e\n\n\u003cdetails class=\"faq-item\"\u003e\u003csummary class=\"faq-question\"\u003e \u003cspan class=\"faq-question-text\"\u003eHow should I care for this necklace to keep it looking new?\u003c\/span\u003e \u003c\/summary\u003e\n\n\u003cdiv class=\"faq-answer\"\u003eTo maintain the beautiful gold-tone finish, we recommend avoiding direct contact with water, perfumes, lotions, and harsh chemicals. Gently wipe the necklace with a soft, dry cloth after wearing and store it in a dry place.\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n","brand":"Bak","offers":[{"title":"Gold \/ For Daughter","offer_id":62997814608243,"sku":"0618-13039859","price":12.95,"currency_code":"USD","in_stock":true},{"title":"Champagne Gold \/ For Daughter","offer_id":62997814641011,"sku":"0618-13036748","price":12.95,"currency_code":"USD","in_stock":true},{"title":"Silver \/ For Daughter","offer_id":62997814673779,"sku":"0618-13030645","price":12.95,"currency_code":"USD","in_stock":true},{"title":"Gold \/ For Son","offer_id":62997814706547,"sku":"0618-13034387","price":12.95,"currency_code":"USD","in_stock":true},{"title":"Champagne Gold \/ For Son","offer_id":62997814739315,"sku":"0618-13031376","price":12.95,"currency_code":"USD","in_stock":true},{"title":"Silver \/ For Son","offer_id":62997814772083,"sku":"0618-13030902","price":12.95,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0946\/5692\/1971\/files\/a8399e31ab1f470360642d7ee9d1ecc1_10fd2987-031b-4bab-ae4e-fffb33d097ab.jpg?v=1781759065","url":"https:\/\/woyuosn.com\/products\/wearable-love-message-locket","provider":"Woyuosn","version":"1.0","type":"link"}