{"id":808,"date":"2026-05-06T09:51:56","date_gmt":"2026-05-06T09:51:56","guid":{"rendered":"https:\/\/peithojewelry.com\/?page_id=808"},"modified":"2026-05-06T11:34:19","modified_gmt":"2026-05-06T11:34:19","slug":"bonds","status":"publish","type":"page","link":"https:\/\/peithojewelry.com\/zh\/bonds\/","title":{"rendered":"bonds"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"808\" class=\"elementor elementor-808\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0bf4ef4 e-con-full e-flex e-con e-parent\" data-id=\"0bf4ef4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8ab208e elementor-widget elementor-widget-zb_collection_hero\" data-id=\"8ab208e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"zb_collection_hero.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <section class=\"mt-[65px] md:mt-[140px] h-[60vh] md:h-[75vh] relative overflow-hidden\">\n                        <img decoding=\"async\" src=\"https:\/\/peithojewelry.com\/wp-content\/uploads\/2026\/05\/plp_hero-1.jpg\" class=\"absolute inset-0 w-full h-full object-cover\" alt=\"MYTHE\">\n                                    <div class=\"absolute inset-0\" style=\"background-color: #000000; opacity: 0.4;\"><\/div>\n                        <div class=\"absolute inset-0 flex flex-col items-center justify-center text-center px-6\" style=\"color: #ffffff;\">\n                                <p class=\"text-[11px] uppercase mb-6 opacity-80\" style=\"letter-spacing: 0.35em;\">Collection<\/p>\n                                                <h1 class=\"text-5xl md:text-7xl font-light leading-tight mb-6\" style=\"letter-spacing: 0.12em;\">MYTHE<\/h1>\n                                                <p class=\"text-[13px] md:text-[14px] leading-[2] tracking-wider opacity-90\" style=\"max-width: 640px;\">Choose your intention. Let our curated gemstones amplify your energy and guide your journey.<\/p>\n                            <\/div>\n        <\/section>\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e35fb3c e-con-full e-flex e-con e-parent\" data-id=\"e35fb3c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-476fa41 elementor-widget elementor-widget-zb_intro_text\" data-id=\"476fa41\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"zb_intro_text.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <section class=\"mx-auto px-6 py-20 md:py-32 text-center\" style=\"max-width: 900px;\">\n                        <p class=\"text-[11px] tracking-[0.3em] uppercase mb-6\" style=\"color: #b30022\">Celestial<\/p>\n                                    <h2 class=\"text-3xl md:text-5xl font-light tracking-wider leading-snug mb-10\">Written in the Stars<\/h2>\n                                    <div class=\"zb-intro-text text-[14px] md:text-[15px] text-gray-700 leading-[2.2] tracking-wider space-y-6 text-left md:text-center\">\n                <p>From zodiac guardians to the rhythm of seasons and the mystery of interstellar space, ASTRA maps the cosmos onto precious metal and stone \u2014 a celestial compass for the soul.<\/p>            <\/div>\n                    <\/section>\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bcc398b e-con-full e-flex e-con e-parent\" data-id=\"bcc398b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2f014bf elementor-widget elementor-widget-zb_collection_features\" data-id=\"2f014bf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"zb_collection_features.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <div class=\"zb-collection-features \">\n                                <section class=\"max-w-[1600px] mx-auto px-4 md:px-12 pb-20 md:pb-28\">\n                        <div class=\"grid grid-cols-1 md:grid-cols-2 gap-10 md:gap-16 items-center\">\n                                            <a href=\"#\" class=\"group block aspect-[4\/5] overflow-hidden\">\n                                        <img decoding=\"async\" src=\"https:\/\/peithojewelry.com\/wp-content\/themes\/zb\/images\/collection1.jpg\" alt=\"MYTHE\" class=\"w-full h-full object-cover transition-transform duration-[1.5s] group-hover:scale-105\">\n                                    <\/a>\n                                <div>\n                                        <p class=\"text-[11px] tracking-[0.3em] uppercase mb-4\" style=\"color: #b30022\">Collection 01<\/p>\n                                                            <h2 class=\"text-3xl md:text-5xl font-light tracking-[0.1em] uppercase mb-6\" style=\"color: #000000\">MYTHE<\/h2>\n                                                            <p class=\"text-[14px] leading-[2.2] tracking-wider mb-8\" style=\"color: #374151\">Where ancient mythology meets modern craftsmanship. Four pillars of power, protection, passion, and destiny \u2014 each piece a talisman forged from legend.<\/p>\n                                                            <div class=\"flex flex-wrap gap-3 mb-10\">\n                                                <span class=\"px-4 py-2 text-[11px] tracking-[0.15em] uppercase\" style=\"border: 1px solid #d1d5db; color: #4b5563\">Domination<\/span>\n                                                <span class=\"px-4 py-2 text-[11px] tracking-[0.15em] uppercase\" style=\"border: 1px solid #d1d5db; color: #4b5563\">Aegis<\/span>\n                                                <span class=\"px-4 py-2 text-[11px] tracking-[0.15em] uppercase\" style=\"border: 1px solid #d1d5db; color: #4b5563\">Eros<\/span>\n                                                <span class=\"px-4 py-2 text-[11px] tracking-[0.15em] uppercase\" style=\"border: 1px solid #d1d5db; color: #4b5563\">Fate<\/span>\n                                            <\/div>\n                                                            <a href=\"#\" class=\"inline-block text-[12px] tracking-[0.25em] uppercase border border-black px-10 py-4 hover:bg-black hover:text-white transition-colors\">Explore MYTHE<\/a>\n                                    <\/div>\n                                        <\/div>\n                    <\/section>\n                                                <section class=\"max-w-[1600px] mx-auto px-4 md:px-12 pb-20 md:pb-28\">\n                        <div class=\"grid grid-cols-1 md:grid-cols-2 gap-10 md:gap-16 items-center\">\n                                            <div>\n                                        <p class=\"text-[11px] tracking-[0.3em] uppercase mb-4\" style=\"color: #b30022\">Collection 02<\/p>\n                                                            <h2 class=\"text-3xl md:text-5xl font-light tracking-[0.1em] uppercase mb-6\" style=\"color: #000000\">ASTRA<\/h2>\n                                                            <p class=\"text-[14px] leading-[2.2] tracking-wider mb-8\" style=\"color: #374151\">A celestial compass mapping zodiac, seasons and stars onto precious metal.<\/p>\n                                                            <div class=\"flex flex-wrap gap-3 mb-10\">\n                                                <span class=\"px-4 py-2 text-[11px] tracking-[0.15em] uppercase\" style=\"border: 1px solid #d1d5db; color: #4b5563\">Zodiac<\/span>\n                                                <span class=\"px-4 py-2 text-[11px] tracking-[0.15em] uppercase\" style=\"border: 1px solid #d1d5db; color: #4b5563\">Seasons<\/span>\n                                                <span class=\"px-4 py-2 text-[11px] tracking-[0.15em] uppercase\" style=\"border: 1px solid #d1d5db; color: #4b5563\">Stars<\/span>\n                                                <span class=\"px-4 py-2 text-[11px] tracking-[0.15em] uppercase\" style=\"border: 1px solid #d1d5db; color: #4b5563\">Cosmos<\/span>\n                                            <\/div>\n                                                            <a href=\"#\" class=\"inline-block text-[12px] tracking-[0.25em] uppercase border border-black px-10 py-4 hover:bg-black hover:text-white transition-colors\">Explore ASTRA<\/a>\n                                    <\/div>\n                                <a href=\"#\" class=\"group block aspect-[4\/5] overflow-hidden\">\n                                        <img decoding=\"async\" src=\"https:\/\/peithojewelry.com\/wp-content\/uploads\/2026\/05\/collection2.jpg\" alt=\"ASTRA\" class=\"w-full h-full object-cover transition-transform duration-[1.5s] group-hover:scale-105\">\n                                    <\/a>\n                                        <\/div>\n                    <\/section>\n                                                <section class=\"max-w-[1600px] mx-auto px-4 md:px-12 \">\n                        <div class=\"grid grid-cols-1 md:grid-cols-2 gap-10 md:gap-16 items-center\">\n                                            <a href=\"#\" class=\"group block aspect-[4\/5] overflow-hidden\">\n                                        <img decoding=\"async\" src=\"https:\/\/peithojewelry.com\/wp-content\/uploads\/2026\/05\/plp_hero-1.jpg\" alt=\"ENERGY\" class=\"w-full h-full object-cover transition-transform duration-[1.5s] group-hover:scale-105\">\n                                    <\/a>\n                                <div>\n                                        <p class=\"text-[11px] tracking-[0.3em] uppercase mb-4\" style=\"color: #b30022\">Collection 03<\/p>\n                                                            <h2 class=\"text-3xl md:text-5xl font-light tracking-[0.1em] uppercase mb-6\" style=\"color: #000000\">ENERGY<\/h2>\n                                                            <p class=\"text-[14px] leading-[2.2] tracking-wider mb-8\" style=\"color: #374151\">Pure form, audacious motion. ENERGY captures the spirit of contemporary craftsmanship.<\/p>\n                                                            <div class=\"flex flex-wrap gap-3 mb-10\">\n                                                <span class=\"px-4 py-2 text-[11px] tracking-[0.15em] uppercase\" style=\"border: 1px solid #d1d5db; color: #4b5563\">Bold<\/span>\n                                                <span class=\"px-4 py-2 text-[11px] tracking-[0.15em] uppercase\" style=\"border: 1px solid #d1d5db; color: #4b5563\">Modern<\/span>\n                                                <span class=\"px-4 py-2 text-[11px] tracking-[0.15em] uppercase\" style=\"border: 1px solid #d1d5db; color: #4b5563\">Sculptural<\/span>\n                                            <\/div>\n                                                            <a href=\"#\" class=\"inline-block text-[12px] tracking-[0.25em] uppercase border border-black px-10 py-4 hover:bg-black hover:text-white transition-colors\">Explore ENERGY<\/a>\n                                    <\/div>\n                                        <\/div>\n                    <\/section>\n                                    <\/div>\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fdd197a e-con-full e-flex e-con e-parent\" data-id=\"fdd197a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5f71917 elementor-widget elementor-widget-zb_product_carousel\" data-id=\"5f71917\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"zb_product_carousel.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <section class=\"pt-16 pb-20\">\n            <div class=\"max-w-[1600px] mx-auto relative\">\n                <div class=\"flex items-end justify-between mb-10\">\n                    <div>\n                        <h2 class=\"text-lg md:text-xl font-light tracking-[0.15em] text-black uppercase\">Sub-Collections<\/h2>\n                    <\/div>\n                    <div class=\"hidden md:flex items-center gap-2\">\n                        <div class=\"swiper-button-prev outer-prev prodSwiper-5f71917-prev\" role=\"button\" aria-label=\"Previous\"><\/div>\n                        <div class=\"swiper-button-next outer-next prodSwiper-5f71917-next\" role=\"button\" aria-label=\"Next\"><\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"swiper\" id=\"prodSwiper-5f71917\">\n                    <div class=\"swiper-wrapper\">\n                                                <div class=\"swiper-slide\">\n                            <div class=\"item-card group p-4 cursor-pointer h-full flex flex-col items-center text-center relative\">\n                                                                <span class=\"absolute top-4 left-4 z-10 bg-white\/80 text-black text-[11px] px-2 py-1\">New<\/span>\n                                                                <span class=\"zb-card-actions zb-card-actions-card\">    <span class=\"zb-wish-btn zb-wish-card\" role=\"button\" tabindex=\"0\" data-pid=\"1066\" aria-label=\"Add to wishlist\" aria-pressed=\"false\">\r\n        <svg class=\"zb-wish-icon-outline\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/>\r\n        <\/svg>\r\n        <svg class=\"zb-wish-icon-fill\" viewBox=\"0 0 24 24\" fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <path d=\"M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z\"\/>\r\n        <\/svg>\r\n    <\/span>\r\n        <span class=\"zb-compare-btn zb-compare-card\" role=\"button\" tabindex=\"0\" data-pid=\"1066\" aria-label=\"Add to comparison\" aria-pressed=\"false\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <path d=\"M7 4l-4 4 4 4\"\/>\r\n            <path d=\"M3 8h14\"\/>\r\n            <path d=\"M17 20l4-4-4-4\"\/>\r\n            <path d=\"M21 16H7\"\/>\r\n        <\/svg>\r\n    <\/span>\r\n    <\/span>                                <div class=\"swiper nestedSwiper w-full aspect-square mb-6 relative group\/nested\" id=\"prodSwiper-5f71917-nested-0\">\n                                    <div class=\"swiper-wrapper\">\n                                                                                <div class=\"swiper-slide flex items-center justify-center\">\n                                                                                        <a href=\"https:\/\/peithojewelry.com\/zh\/product\/abc\/\" class=\"block w-full h-full\"><img decoding=\"async\" src=\"https:\/\/peithojewelry.com\/wp-content\/uploads\/2026\/06\/1cd5bc015c02aa765ecd24384399e171-600x600.png\" class=\"w-full h-full object-contain mix-blend-multiply\" alt=\"abc\"><\/a>\n                                                                                    <\/div>\n                                                                                <div class=\"swiper-slide flex items-center justify-center\">\n                                                                                        <a href=\"https:\/\/peithojewelry.com\/zh\/product\/abc\/\" class=\"block w-full h-full\"><img decoding=\"async\" src=\"https:\/\/peithojewelry.com\/wp-content\/uploads\/2026\/06\/2382960f16f06bbc41d50626cd80326a-600x600.png\" class=\"w-full h-full object-contain mix-blend-multiply\" alt=\"abc\"><\/a>\n                                                                                    <\/div>\n                                                                                <div class=\"swiper-slide flex items-center justify-center\">\n                                                                                        <a href=\"https:\/\/peithojewelry.com\/zh\/product\/abc\/\" class=\"block w-full h-full\"><img decoding=\"async\" src=\"https:\/\/peithojewelry.com\/wp-content\/uploads\/2026\/06\/63d89dd095d5ec3218d9a7ccb18ee986-600x600.png\" class=\"w-full h-full object-contain mix-blend-multiply\" alt=\"abc\"><\/a>\n                                                                                    <\/div>\n                                                                                <div class=\"swiper-slide flex items-center justify-center\">\n                                                                                        <a href=\"https:\/\/peithojewelry.com\/zh\/product\/abc\/\" class=\"block w-full h-full\"><img decoding=\"async\" src=\"https:\/\/peithojewelry.com\/wp-content\/uploads\/2026\/06\/643c5bfe4c3994fa690969b79a3536e5-600x600.png\" class=\"w-full h-full object-contain mix-blend-multiply\" alt=\"abc\"><\/a>\n                                                                                    <\/div>\n                                                                                <div class=\"swiper-slide flex items-center justify-center\">\n                                                                                        <a href=\"https:\/\/peithojewelry.com\/zh\/product\/abc\/\" class=\"block w-full h-full\"><img decoding=\"async\" src=\"https:\/\/peithojewelry.com\/wp-content\/uploads\/2026\/06\/33a59ee9a40cdee31cf9f67bcbe967e7-600x600.png\" class=\"w-full h-full object-contain mix-blend-multiply\" alt=\"abc\"><\/a>\n                                                                                    <\/div>\n                                                                                <div class=\"swiper-slide flex items-center justify-center\">\n                                                                                        <a href=\"https:\/\/peithojewelry.com\/zh\/product\/abc\/\" class=\"block w-full h-full\"><img decoding=\"async\" src=\"https:\/\/peithojewelry.com\/wp-content\/uploads\/2026\/06\/622eaee770d55087952c1f3203521f50-600x600.png\" class=\"w-full h-full object-contain mix-blend-multiply\" alt=\"abc\"><\/a>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    <div class=\"swiper-pagination nested-pagination opacity-0 group-hover\/nested:opacity-100 transition-opacity duration-300\"><\/div>\n                                    <div class=\"swiper-button-prev nested-prev !text-black !scale-50 opacity-0 group-hover\/nested:opacity-100 transition-opacity\"><\/div>\n                                    <div class=\"swiper-button-next nested-next !text-black !scale-50 opacity-0 group-hover\/nested:opacity-100 transition-opacity\"><\/div>\n                                <\/div>\n                                <h4 class=\"text-[13px] font-normal tracking-[0.1em] text-black mb-1\">\n                                                                        <a href=\"https:\/\/peithojewelry.com\/zh\/product\/abc\/\" class=\"hover:underline\">abc<\/a>\n                                                                    <\/h4>\n                                <p class=\"text-[11px] text-gray-500 mb-4 tracking-wide\">&nbsp;<\/p>\n                                <div class=\"mt-auto w-full relative h-[40px] flex items-center justify-center\">\n                                    <span class=\"text-[13px] font-normal transition-opacity duration-300 group-hover:opacity-0\"><span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&#036;<\/span>10.00<\/span><\/span>\n                                    <button class=\"absolute inset-0 w-full h-full bg-black text-white text-[11px] font-normal tracking-[0.15em] uppercase opacity-0 group-hover:opacity-100 transition-opacity duration-300 hover:bg-gray-800\" onclick=\"location.href='https:\/\/peithojewelry.com\/zh\/product\/abc\/'\">Add to Bag<\/button>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                                <div class=\"swiper-slide\">\n                            <div class=\"item-card group p-4 cursor-pointer h-full flex flex-col items-center text-center relative\">\n                                                                <span class=\"absolute top-4 left-4 z-10 bg-white\/80 text-black text-[11px] px-2 py-1\">Sale<\/span>\n                                                                <span class=\"zb-card-actions zb-card-actions-card\">    <span class=\"zb-wish-btn zb-wish-card\" role=\"button\" tabindex=\"0\" data-pid=\"995\" aria-label=\"Add to wishlist\" aria-pressed=\"false\">\r\n        <svg class=\"zb-wish-icon-outline\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/>\r\n        <\/svg>\r\n        <svg class=\"zb-wish-icon-fill\" viewBox=\"0 0 24 24\" fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <path d=\"M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z\"\/>\r\n        <\/svg>\r\n    <\/span>\r\n        <span class=\"zb-compare-btn zb-compare-card\" role=\"button\" tabindex=\"0\" data-pid=\"995\" aria-label=\"Add to comparison\" aria-pressed=\"false\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <path d=\"M7 4l-4 4 4 4\"\/>\r\n            <path d=\"M3 8h14\"\/>\r\n            <path d=\"M17 20l4-4-4-4\"\/>\r\n            <path d=\"M21 16H7\"\/>\r\n        <\/svg>\r\n    <\/span>\r\n    <\/span>                                <div class=\"swiper nestedSwiper w-full aspect-square mb-6 relative group\/nested\" id=\"prodSwiper-5f71917-nested-1\">\n                                    <div class=\"swiper-wrapper\">\n                                                                                <div class=\"swiper-slide flex items-center justify-center\">\n                                                                                        <a href=\"https:\/\/peithojewelry.com\/zh\/product\/leather-crossbody-bag\/\" class=\"block w-full h-full\"><img decoding=\"async\" src=\"https:\/\/peithojewelry.com\/wp-content\/uploads\/woocommerce-placeholder.webp\" class=\"w-full h-full object-contain mix-blend-multiply\" alt=\"Leather Crossbody Bag\"><\/a>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    <div class=\"swiper-pagination nested-pagination opacity-0 group-hover\/nested:opacity-100 transition-opacity duration-300\"><\/div>\n                                    <div class=\"swiper-button-prev nested-prev !text-black !scale-50 opacity-0 group-hover\/nested:opacity-100 transition-opacity\"><\/div>\n                                    <div class=\"swiper-button-next nested-next !text-black !scale-50 opacity-0 group-hover\/nested:opacity-100 transition-opacity\"><\/div>\n                                <\/div>\n                                <h4 class=\"text-[13px] font-normal tracking-[0.1em] text-black mb-1\">\n                                                                        <a href=\"https:\/\/peithojewelry.com\/zh\/product\/leather-crossbody-bag\/\" class=\"hover:underline\">Leather Crossbody Bag<\/a>\n                                                                    <\/h4>\n                                <p class=\"text-[11px] text-gray-500 mb-4 tracking-wide\">&nbsp;<\/p>\n                                <div class=\"mt-auto w-full relative h-[40px] flex items-center justify-center\">\n                                    <span class=\"text-[13px] font-normal transition-opacity duration-300 group-hover:opacity-0\"><span class=\"woocommerce-Price-amount amount\" aria-hidden=\"true\"><span class=\"woocommerce-Price-currencySymbol\">&#036;<\/span>39.99<\/span> <span aria-hidden=\"true\">\u2013<\/span> <span class=\"woocommerce-Price-amount amount\" aria-hidden=\"true\"><span class=\"woocommerce-Price-currencySymbol\">&#036;<\/span>46.99<\/span><span class=\"screen-reader-text\">\u4ef7\u683c\u8303\u56f4\uff1a&#036;39.99 \u81f3 &#036;46.99<\/span><\/span>\n                                    <button class=\"absolute inset-0 w-full h-full bg-black text-white text-[11px] font-normal tracking-[0.15em] uppercase opacity-0 group-hover:opacity-100 transition-opacity duration-300 hover:bg-gray-800\" onclick=\"location.href='https:\/\/peithojewelry.com\/zh\/product\/leather-crossbody-bag\/'\">Add to Bag<\/button>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                                <div class=\"swiper-slide\">\n                            <div class=\"item-card group p-4 cursor-pointer h-full flex flex-col items-center text-center relative\">\n                                                                <span class=\"absolute top-4 left-4 z-10 bg-white\/80 text-black text-[11px] px-2 py-1\">Sale<\/span>\n                                                                <span class=\"zb-card-actions zb-card-actions-card\">    <span class=\"zb-wish-btn zb-wish-card\" role=\"button\" tabindex=\"0\" data-pid=\"985\" aria-label=\"Add to wishlist\" aria-pressed=\"false\">\r\n        <svg class=\"zb-wish-icon-outline\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/>\r\n        <\/svg>\r\n        <svg class=\"zb-wish-icon-fill\" viewBox=\"0 0 24 24\" fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <path d=\"M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z\"\/>\r\n        <\/svg>\r\n    <\/span>\r\n        <span class=\"zb-compare-btn zb-compare-card\" role=\"button\" tabindex=\"0\" data-pid=\"985\" aria-label=\"Add to comparison\" aria-pressed=\"false\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <path d=\"M7 4l-4 4 4 4\"\/>\r\n            <path d=\"M3 8h14\"\/>\r\n            <path d=\"M17 20l4-4-4-4\"\/>\r\n            <path d=\"M21 16H7\"\/>\r\n        <\/svg>\r\n    <\/span>\r\n    <\/span>                                <div class=\"swiper nestedSwiper w-full aspect-square mb-6 relative group\/nested\" id=\"prodSwiper-5f71917-nested-2\">\n                                    <div class=\"swiper-wrapper\">\n                                                                                <div class=\"swiper-slide flex items-center justify-center\">\n                                                                                        <a href=\"https:\/\/peithojewelry.com\/zh\/product\/casual-cotton-t-shirt\/\" class=\"block w-full h-full\"><img decoding=\"async\" src=\"https:\/\/peithojewelry.com\/wp-content\/uploads\/woocommerce-placeholder.webp\" class=\"w-full h-full object-contain mix-blend-multiply\" alt=\"Casual Cotton T-Shirt\"><\/a>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    <div class=\"swiper-pagination nested-pagination opacity-0 group-hover\/nested:opacity-100 transition-opacity duration-300\"><\/div>\n                                    <div class=\"swiper-button-prev nested-prev !text-black !scale-50 opacity-0 group-hover\/nested:opacity-100 transition-opacity\"><\/div>\n                                    <div class=\"swiper-button-next nested-next !text-black !scale-50 opacity-0 group-hover\/nested:opacity-100 transition-opacity\"><\/div>\n                                <\/div>\n                                <h4 class=\"text-[13px] font-normal tracking-[0.1em] text-black mb-1\">\n                                                                        <a href=\"https:\/\/peithojewelry.com\/zh\/product\/casual-cotton-t-shirt\/\" class=\"hover:underline\">Casual Cotton T-Shirt<\/a>\n                                                                    <\/h4>\n                                <p class=\"text-[11px] text-gray-500 mb-4 tracking-wide\">&nbsp;<\/p>\n                                <div class=\"mt-auto w-full relative h-[40px] flex items-center justify-center\">\n                                    <span class=\"text-[13px] font-normal transition-opacity duration-300 group-hover:opacity-0\"><span class=\"woocommerce-Price-amount amount\" aria-hidden=\"true\"><span class=\"woocommerce-Price-currencySymbol\">&#036;<\/span>15.99<\/span> <span aria-hidden=\"true\">\u2013<\/span> <span class=\"woocommerce-Price-amount amount\" aria-hidden=\"true\"><span class=\"woocommerce-Price-currencySymbol\">&#036;<\/span>16.99<\/span><span class=\"screen-reader-text\">\u4ef7\u683c\u8303\u56f4\uff1a&#036;15.99 \u81f3 &#036;16.99<\/span><\/span>\n                                    <button class=\"absolute inset-0 w-full h-full bg-black text-white text-[11px] font-normal tracking-[0.15em] uppercase opacity-0 group-hover:opacity-100 transition-opacity duration-300 hover:bg-gray-800\" onclick=\"location.href='https:\/\/peithojewelry.com\/zh\/product\/casual-cotton-t-shirt\/'\">Add to Bag<\/button>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                                <div class=\"swiper-slide\">\n                            <div class=\"item-card group p-4 cursor-pointer h-full flex flex-col items-center text-center relative\">\n                                                                <span class=\"absolute top-4 left-4 z-10 bg-white\/80 text-black text-[11px] px-2 py-1\">Sale<\/span>\n                                                                <span class=\"zb-card-actions zb-card-actions-card\">    <span class=\"zb-wish-btn zb-wish-card\" role=\"button\" tabindex=\"0\" data-pid=\"972\" aria-label=\"Add to wishlist\" aria-pressed=\"false\">\r\n        <svg class=\"zb-wish-icon-outline\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/>\r\n        <\/svg>\r\n        <svg class=\"zb-wish-icon-fill\" viewBox=\"0 0 24 24\" fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <path d=\"M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z\"\/>\r\n        <\/svg>\r\n    <\/span>\r\n        <span class=\"zb-compare-btn zb-compare-card\" role=\"button\" tabindex=\"0\" data-pid=\"972\" aria-label=\"Add to comparison\" aria-pressed=\"false\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <path d=\"M7 4l-4 4 4 4\"\/>\r\n            <path d=\"M3 8h14\"\/>\r\n            <path d=\"M17 20l4-4-4-4\"\/>\r\n            <path d=\"M21 16H7\"\/>\r\n        <\/svg>\r\n    <\/span>\r\n    <\/span>                                <div class=\"swiper nestedSwiper w-full aspect-square mb-6 relative group\/nested\" id=\"prodSwiper-5f71917-nested-3\">\n                                    <div class=\"swiper-wrapper\">\n                                                                                <div class=\"swiper-slide flex items-center justify-center\">\n                                                                                        <a href=\"https:\/\/peithojewelry.com\/zh\/product\/elegant-summer-dress\/\" class=\"block w-full h-full\"><img decoding=\"async\" src=\"https:\/\/peithojewelry.com\/wp-content\/uploads\/woocommerce-placeholder.webp\" class=\"w-full h-full object-contain mix-blend-multiply\" alt=\"Elegant Summer Dress\"><\/a>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    <div class=\"swiper-pagination nested-pagination opacity-0 group-hover\/nested:opacity-100 transition-opacity duration-300\"><\/div>\n                                    <div class=\"swiper-button-prev nested-prev !text-black !scale-50 opacity-0 group-hover\/nested:opacity-100 transition-opacity\"><\/div>\n                                    <div class=\"swiper-button-next nested-next !text-black !scale-50 opacity-0 group-hover\/nested:opacity-100 transition-opacity\"><\/div>\n                                <\/div>\n                                <h4 class=\"text-[13px] font-normal tracking-[0.1em] text-black mb-1\">\n                                                                        <a href=\"https:\/\/peithojewelry.com\/zh\/product\/elegant-summer-dress\/\" class=\"hover:underline\">Elegant Summer Dress<\/a>\n                                                                    <\/h4>\n                                <p class=\"text-[11px] text-gray-500 mb-4 tracking-wide\">&nbsp;<\/p>\n                                <div class=\"mt-auto w-full relative h-[40px] flex items-center justify-center\">\n                                    <span class=\"text-[13px] font-normal transition-opacity duration-300 group-hover:opacity-0\"><span class=\"woocommerce-Price-amount amount\" aria-hidden=\"true\"><span class=\"woocommerce-Price-currencySymbol\">&#036;<\/span>24.99<\/span> <span aria-hidden=\"true\">\u2013<\/span> <span class=\"woocommerce-Price-amount amount\" aria-hidden=\"true\"><span class=\"woocommerce-Price-currencySymbol\">&#036;<\/span>29.99<\/span><span class=\"screen-reader-text\">\u4ef7\u683c\u8303\u56f4\uff1a&#036;24.99 \u81f3 &#036;29.99<\/span><\/span>\n                                    <button class=\"absolute inset-0 w-full h-full bg-black text-white text-[11px] font-normal tracking-[0.15em] uppercase opacity-0 group-hover:opacity-100 transition-opacity duration-300 hover:bg-gray-800\" onclick=\"location.href='https:\/\/peithojewelry.com\/zh\/product\/elegant-summer-dress\/'\">Add to Bag<\/button>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                            <\/div>\n                <\/div>\n\n                            <\/div>\n        <\/section>\n        <script>\n        (function(){\n            var uid = 'prodSwiper-5f71917';\n            function initProductSwiper() {\n                var el = document.getElementById(uid);\n                if (!el || el.swiper) return;\n                new Swiper(el, {\n                    slidesPerView: 2,\n                    spaceBetween: 10,\n                    breakpoints: { 768: { slidesPerView: 4, spaceBetween: 16 } },\n                    navigation: {\n                        prevEl: '.' + uid + '-prev',\n                        nextEl: '.' + uid + '-next',\n                    },\n                });\n                el.querySelectorAll('.nestedSwiper').forEach(function(nested){\n                    if (nested.swiper) return;\n                    new Swiper(nested, {\n                        slidesPerView: 1,\n                        spaceBetween: 0,\n                        loop: true,\n                        pagination: { el: nested.querySelector('.nested-pagination'), clickable: true },\n                        navigation: { prevEl: nested.querySelector('.nested-prev'), nextEl: nested.querySelector('.nested-next') },\n                    });\n                });\n            }\n            if (document.readyState === 'complete' || document.readyState === 'interactive') {\n                setTimeout(initProductSwiper, 100);\n            } else {\n                document.addEventListener('DOMContentLoaded', initProductSwiper);\n            }\n            if (window.elementorFrontend) {\n                elementorFrontend.hooks.addAction('frontend\/element_ready\/zb_product_carousel.default', initProductSwiper);\n            }\n        })();\n        <\/script>\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f967900 e-con-full e-flex e-con e-parent\" data-id=\"f967900\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1b24054 elementor-widget elementor-widget-zb_process_steps\" data-id=\"1b24054\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"zb_process_steps.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <section class=\"py-20 md:py-28\" style=\"background-color: #FAF8F3;\">\n            <div class=\"mx-auto px-6\" style=\"max-width: 900px;\">\n                                <div class=\"text-center\">\n                                        <p class=\"text-[11px] tracking-[0.3em] uppercase mb-4\" style=\"color: #6b7280\">How It Works<\/p>\n                                                            <h2 class=\"text-3xl md:text-4xl font-light tracking-wider mb-12\" style=\"color: #000000\">Energy-Led Curation<\/h2>\n                                    <\/div>\n                \n                <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8 md:gap-10 text-left md:text-center\">\n                                        <div>\n                                                                        <div class=\"text-3xl font-light mb-3\" style=\"color: #b30022\">01<\/div>\n                                                                        <h4 class=\"uppercase mb-3\" style=\"font-size:13px;letter-spacing:0.15em;color:#000000;\">Choose Intent<\/h4>\n                                                                        <p class=\"text-[12px] leading-[2] tracking-wider\" style=\"color:#4b5563;\">Select the energy that speaks to your current chapter \u2014 career, wealth, love, wisdom, or healing.<\/p>\n                                            <\/div>\n                                        <div>\n                                                                        <div class=\"text-3xl font-light mb-3\" style=\"color: #b30022\">02<\/div>\n                                                                        <h4 class=\"uppercase mb-3\" style=\"font-size:13px;letter-spacing:0.15em;color:#000000;\">Discover Stones<\/h4>\n                                                                        <p class=\"text-[12px] leading-[2] tracking-wider\" style=\"color:#4b5563;\">Our curation matches gemstones with their metaphysical properties, backed by centuries of crystal lore.<\/p>\n                                            <\/div>\n                                        <div>\n                                                                        <div class=\"text-3xl font-light mb-3\" style=\"color: #b30022\">03<\/div>\n                                                                        <h4 class=\"uppercase mb-3\" style=\"font-size:13px;letter-spacing:0.15em;color:#000000;\">Wear &amp; Manifest<\/h4>\n                                                                        <p class=\"text-[12px] leading-[2] tracking-wider\" style=\"color:#4b5563;\">Let your jewelry serve as a daily talisman \u2014 a wearable reminder of your intention and power.<\/p>\n                                            <\/div>\n                                    <\/div>\n            <\/div>\n        <\/section>\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-786011c e-con-full e-flex e-con e-parent\" data-id=\"786011c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-67cc287 elementor-widget elementor-widget-zb_simple_cta\" data-id=\"67cc287\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"zb_simple_cta.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <section class=\"py-16 md:py-20 text-center\" id=\"zb-cta-67cc287\" style=\"background-color: #000000;\">\n            <div class=\"mx-auto px-6\" style=\"max-width: 700px;\">\n                                <h2 class=\"text-2xl md:text-3xl font-light tracking-wider mb-6\" style=\"color: #ffffff;\">Discover the Full ASTRA Collection<\/h2>\n                \n                                <p class=\"text-[13px] leading-[2] tracking-wider mb-10\" style=\"color: #d1d5db;\">Find the perfect piece to honor the connections that matter most.<\/p>\n                \n                                <a href=\"#\" class=\"zb-cta-btn inline-block text-[12px] tracking-[0.25em] uppercase border px-12 py-4 transition-colors\">SHOP ASTRA<\/a>\n                            <\/div>\n        <\/section>\n        <style>\n            #zb-cta-67cc287 .zb-cta-btn {\n                color: #ffffff;\n                border-color: #ffffff;\n                background-color: transparent;\n            }\n            #zb-cta-67cc287 .zb-cta-btn:hover {\n                background-color: #ffffff;\n                color: #000000;\n                border-color: #ffffff;\n            }\n        <\/style>\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Collection MYTHE Choose your intention. Let our curated gemstones amplify your energy and guide your journey. Celestial Written in the Stars From zodiac guardians to the rhythm of seasons and the mystery of interstellar space, ASTRA maps the cosmos onto precious metal and stone \u2014 a celestial compass for the soul. Collection 01 MYTHE Where [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-808","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/peithojewelry.com\/zh\/wp-json\/wp\/v2\/pages\/808","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/peithojewelry.com\/zh\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/peithojewelry.com\/zh\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/peithojewelry.com\/zh\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/peithojewelry.com\/zh\/wp-json\/wp\/v2\/comments?post=808"}],"version-history":[{"count":11,"href":"https:\/\/peithojewelry.com\/zh\/wp-json\/wp\/v2\/pages\/808\/revisions"}],"predecessor-version":[{"id":900,"href":"https:\/\/peithojewelry.com\/zh\/wp-json\/wp\/v2\/pages\/808\/revisions\/900"}],"wp:attachment":[{"href":"https:\/\/peithojewelry.com\/zh\/wp-json\/wp\/v2\/media?parent=808"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}