{"product_id":"celestiales-sonne-mond-charm-armband-feines-design-strahlende-akzente-zeitloser-stil","title":"☀️ Celestiales Sonne-Mond-Charm-Armband – Feines Design, strahlende Akzente \u0026 zeitloser Stil –","description":"\u003c!-- =========================================================\nCELESTIAL SUN \u0026 MOON CHARM BRACELET\nSHOPIFY CUSTOM LIQUID \/ HTML\nUS MARKET\n\nLAYOUT:\n- Core Icon Benefits = 2 Columns\n- All Other Modules = 1 Column\n- All Images = Full Image \/ No Cropping\n========================================================= --\u003e\n\u003cstyle\u003e\n\n\/* =========================================================\n   RESET \/ VARIABLES\n========================================================= *\/\n\n.celestial-pdp,\n.celestial-pdp *,\n.celestial-pdp *::before,\n.celestial-pdp *::after {\n  box-sizing: border-box;\n}\n\n.celestial-pdp {\n  --cel-navy: #172238;\n  --cel-navy-2: #24324b;\n\n  --cel-blue: #315887;\n  --cel-blue-soft: #edf3fa;\n\n  --cel-gold: #c69a4b;\n  --cel-gold-dark: #9e742d;\n  --cel-gold-soft: #f4ead7;\n\n  --cel-cream: #fbf8f2;\n  --cel-cream-2: #f5f0e7;\n\n  --cel-white: #ffffff;\n\n  --cel-text: #292d35;\n  --cel-muted: #666d78;\n  --cel-line: #e5dfd4;\n\n  width: 100%;\n  max-width: 100%;\n  margin: 0 auto;\n  padding: 0;\n\n  color: var(--cel-text);\n\n  font-family:\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Segoe UI\",\n    Roboto,\n    Helvetica,\n    Arial,\n    sans-serif;\n\n  line-height: 1.6;\n  background: #ffffff;\n\n  overflow: hidden;\n}\n\n\n\/* =========================================================\n   IMPORTANT\n   ALL IMAGES SHOW COMPLETELY\n========================================================= *\/\n\n.celestial-pdp img {\n  display: block;\n\n  width: 100%;\n  max-width: 100%;\n\n  height: auto !important;\n  max-height: none !important;\n\n  object-fit: contain !important;\n\n  margin: 0;\n  padding: 0;\n}\n\n\n\/* =========================================================\n   TYPOGRAPHY RESET\n========================================================= *\/\n\n.celestial-pdp h1,\n.celestial-pdp h2,\n.celestial-pdp h3,\n.celestial-pdp p {\n  margin-top: 0;\n}\n\n.celestial-pdp h1,\n.celestial-pdp h2,\n.celestial-pdp h3 {\n  letter-spacing: normal;\n}\n\n\n\/* =========================================================\n   GENERAL CONTAINER\n========================================================= *\/\n\n.celestial-container {\n  width: min(calc(100% - 32px), 980px);\n  margin: 0 auto;\n}\n\n.celestial-section {\n  padding: 58px 0;\n}\n\n\n\/* =========================================================\n   SECTION HEADER\n========================================================= *\/\n\n.celestial-section-head {\n  width: 100%;\n  max-width: 760px;\n\n  margin: 0 auto 30px;\n\n  text-align: center;\n}\n\n.celestial-eyebrow {\n  display: inline-block;\n\n  margin-bottom: 10px;\n\n  color: var(--cel-gold-dark);\n\n  font-size: 12px;\n  font-weight: 800;\n\n  letter-spacing: 1.8px;\n  text-transform: uppercase;\n}\n\n.celestial-section-head h2 {\n  margin-bottom: 12px;\n\n  color: var(--cel-navy);\n\n  font-size: clamp(27px, 4vw, 40px);\n  font-weight: 800;\n\n  line-height: 1.15;\n}\n\n.celestial-section-head p {\n  max-width: 670px;\n\n  margin: 0 auto;\n\n  color: var(--cel-muted);\n\n  font-size: 16px;\n  line-height: 1.7;\n}\n\n\n\/* =========================================================\n   BUTTON\n========================================================= *\/\n\n.celestial-main-btn {\n  display: inline-flex;\n\n  align-items: center;\n  justify-content: center;\n\n  gap: 9px;\n\n  min-height: 52px;\n\n  padding: 0 28px;\n\n  border: 0;\n  border-radius: 10px;\n\n  background: var(--cel-navy);\n\n  color: #ffffff !important;\n\n  text-decoration: none !important;\n\n  font-size: 15px;\n  font-weight: 800;\n\n  box-shadow: 0 9px 22px rgba(23,34,56,.16);\n\n  transition:\n    transform .22s ease,\n    box-shadow .22s ease,\n    background .22s ease;\n}\n\n.celestial-main-btn:hover {\n  transform: translateY(-3px);\n\n  background: var(--cel-navy-2);\n\n  box-shadow: 0 13px 28px rgba(23,34,56,.22);\n}\n\n.celestial-main-btn svg {\n  width: 18px;\n  height: 18px;\n}\n\n\n\/* =========================================================\n   HERO\n========================================================= *\/\n\n.celestial-hero {\n  padding: 54px 0 44px;\n\n  background: var(--cel-cream);\n}\n\n.celestial-hero-copy {\n  width: 100%;\n  max-width: 820px;\n\n  margin: 0 auto;\n\n  padding: 0 12px 35px;\n\n  text-align: center;\n}\n\n.celestial-hero-badge {\n  display: inline-flex;\n\n  align-items: center;\n\n  gap: 8px;\n\n  margin-bottom: 18px;\n\n  padding: 8px 15px;\n\n  border: 1px solid #dfcfb1;\n  border-radius: 999px;\n\n  background: #fffdf9;\n\n  color: var(--cel-gold-dark);\n\n  font-size: 12px;\n  font-weight: 800;\n\n  letter-spacing: 1.1px;\n  text-transform: uppercase;\n}\n\n.celestial-hero h1 {\n  max-width: 780px;\n\n  margin: 0 auto 17px;\n\n  color: var(--cel-navy);\n\n  font-size: clamp(34px, 6vw, 58px);\n  font-weight: 850;\n\n  line-height: 1.06;\n}\n\n.celestial-hero h1 span {\n  color: var(--cel-gold-dark);\n}\n\n.celestial-hero-sub {\n  max-width: 680px;\n\n  margin: 0 auto 24px;\n\n  color: #555d69;\n\n  font-size: clamp(16px, 2vw, 19px);\n\n  line-height: 1.65;\n}\n\n\n\/* HERO BENEFITS *\/\n\n.celestial-hero-points {\n  display: flex;\n\n  flex-wrap: wrap;\n\n  justify-content: center;\n\n  gap: 9px;\n\n  margin-bottom: 27px;\n}\n\n.celestial-hero-point {\n  padding: 8px 13px;\n\n  border-radius: 999px;\n\n  background: #ffffff;\n\n  color: var(--cel-navy);\n\n  font-size: 13px;\n  font-weight: 700;\n\n  box-shadow: 0 4px 18px rgba(22,34,56,.06);\n}\n\n\n\/* HERO IMAGE - FULL IMAGE *\/\n\n.celestial-hero-image {\n  width: 100%;\n  max-width: 900px;\n\n  margin: 0 auto;\n\n  padding: 14px;\n\n  border: 1px solid var(--cel-line);\n  border-radius: 18px;\n\n  background: #ffffff;\n\n  box-shadow: 0 18px 45px rgba(40,39,37,.10);\n}\n\n.celestial-hero-image img {\n  width: 100%;\n  height: auto !important;\n\n  border-radius: 12px;\n\n  object-fit: contain !important;\n}\n\n\n\/* =========================================================\n   CORE BENEFITS\n\n   ALWAYS TWO COLUMNS\n========================================================= *\/\n\n.celestial-icon-section {\n  background: #ffffff;\n}\n\n.celestial-icon-grid {\n  display: grid;\n\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n\n  gap: 14px;\n}\n\n.celestial-icon-card {\n  min-width: 0;\n\n  padding: 26px 20px;\n\n  border: 1px solid var(--cel-line);\n  border-radius: 14px;\n\n  background: #ffffff;\n\n  text-align: center;\n\n  transition:\n    transform .2s ease,\n    box-shadow .2s ease;\n}\n\n.celestial-icon-card:hover {\n  transform: translateY(-3px);\n\n  box-shadow: 0 10px 26px rgba(27,35,51,.08);\n}\n\n.celestial-icon {\n  width: 52px;\n  height: 52px;\n\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  margin: 0 auto 14px;\n\n  border-radius: 50%;\n\n  background: var(--cel-gold-soft);\n\n  color: var(--cel-gold-dark);\n\n  font-size: 23px;\n}\n\n.celestial-icon-card h3 {\n  margin-bottom: 7px;\n\n  color: var(--cel-navy);\n\n  font-size: 16px;\n  font-weight: 800;\n\n  line-height: 1.35;\n}\n\n.celestial-icon-card p {\n  max-width: 310px;\n\n  margin: 0 auto;\n\n  color: var(--cel-muted);\n\n  font-size: 13px;\n\n  line-height: 1.55;\n}\n\n\n\/* =========================================================\n   FEATURE SECTION\n\n   SINGLE COLUMN ONLY\n========================================================= *\/\n\n.celestial-features {\n  background: var(--cel-cream);\n}\n\n.celestial-feature-stack {\n  width: 100%;\n\n  display: grid;\n\n  grid-template-columns: 1fr;\n\n  gap: 24px;\n}\n\n.celestial-feature-card {\n  width: 100%;\n\n  overflow: hidden;\n\n  border: 1px solid rgba(229,223,212,.7);\n  border-radius: 18px;\n\n  background: #ffffff;\n\n  box-shadow: 0 9px 30px rgba(33,37,44,.06);\n}\n\n.celestial-feature-copy {\n  padding: 35px 38px 30px;\n}\n\n.celestial-feature-number {\n  width: 40px;\n  height: 40px;\n\n  display: inline-flex;\n\n  align-items: center;\n  justify-content: center;\n\n  margin-bottom: 16px;\n\n  border-radius: 50%;\n\n  background: var(--cel-navy);\n\n  color: #ffffff;\n\n  font-size: 13px;\n  font-weight: 800;\n}\n\n.celestial-feature-card:nth-child(even)\n.celestial-feature-number {\n  background: var(--cel-gold-dark);\n}\n\n.celestial-feature-copy h3 {\n  max-width: 720px;\n\n  margin-bottom: 12px;\n\n  color: var(--cel-navy);\n\n  font-size: clamp(23px, 3vw, 31px);\n  font-weight: 800;\n\n  line-height: 1.2;\n}\n\n.celestial-feature-copy p {\n  max-width: 760px;\n\n  margin-bottom: 0;\n\n  color: var(--cel-muted);\n\n  font-size: 16px;\n  line-height: 1.7;\n}\n\n.celestial-highlight {\n  color: var(--cel-gold-dark);\n\n  font-weight: 800;\n}\n\n.celestial-feature-card.feature-blue\n.celestial-feature-copy {\n  background: var(--cel-blue-soft);\n}\n\n.celestial-feature-card.feature-gold\n.celestial-feature-copy {\n  background: #fbf6ec;\n}\n\n\n\/* FEATURE IMAGE - FULL IMAGE *\/\n\n.celestial-feature-image {\n  width: 100%;\n\n  padding: 14px;\n\n  background: #ffffff;\n}\n\n.celestial-feature-image img {\n  width: 100%;\n  height: auto !important;\n\n  object-fit: contain !important;\n\n  border-radius: 12px;\n\n  background: #f8f8f8;\n}\n\n\n\/* =========================================================\n   DETAILS\n\n   SINGLE COLUMN\n========================================================= *\/\n\n.celestial-detail-section {\n  background: #ffffff;\n}\n\n.celestial-detail-grid {\n  width: 100%;\n\n  display: grid;\n\n  grid-template-columns: 1fr;\n\n  gap: 20px;\n}\n\n.celestial-detail-box {\n  width: 100%;\n\n  padding: 28px;\n\n  border: 1px solid var(--cel-line);\n  border-radius: 15px;\n\n  background: #ffffff;\n}\n\n.celestial-detail-box h3 {\n  margin-bottom: 20px;\n\n  color: var(--cel-navy);\n\n  font-size: 21px;\n  font-weight: 800;\n}\n\n\n\/* PRODUCT DETAILS *\/\n\n.celestial-detail-list {\n  display: grid;\n\n  grid-template-columns: 1fr;\n\n  gap: 0;\n}\n\n.celestial-detail-row {\n  display: flex;\n\n  align-items: flex-start;\n  justify-content: space-between;\n\n  gap: 20px;\n\n  padding: 14px 0;\n\n  border-bottom: 1px solid #ece8e0;\n}\n\n.celestial-detail-row:last-child {\n  border-bottom: 0;\n}\n\n.celestial-detail-key {\n  flex: 0 0 36%;\n\n  color: var(--cel-muted);\n\n  font-size: 14px;\n}\n\n.celestial-detail-value {\n  flex: 1;\n\n  color: var(--cel-navy);\n\n  text-align: right;\n\n  font-size: 14px;\n  font-weight: 750;\n}\n\n\n\/* SYMBOL DETAILS *\/\n\n.celestial-symbol-list {\n  display: grid;\n\n  grid-template-columns: 1fr;\n\n  gap: 12px;\n}\n\n.celestial-symbol-item {\n  display: flex;\n\n  align-items: flex-start;\n\n  gap: 13px;\n\n  padding: 14px;\n\n  border: 1px solid #ece6db;\n  border-radius: 11px;\n\n  background: #ffffff;\n}\n\n.celestial-symbol-mark {\n  flex: 0 0 40px;\n\n  width: 40px;\n  height: 40px;\n\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  border-radius: 9px;\n\n  background: var(--cel-gold-soft);\n\n  color: var(--cel-gold-dark);\n\n  font-size: 20px;\n}\n\n.celestial-symbol-item strong {\n  display: block;\n\n  margin-bottom: 3px;\n\n  color: var(--cel-navy);\n\n  font-size: 14px;\n}\n\n.celestial-symbol-item span {\n  color: var(--cel-muted);\n\n  font-size: 13px;\n\n  line-height: 1.55;\n}\n\n\n\/* =========================================================\n   STYLE PANEL\n\n   SINGLE COLUMN\n========================================================= *\/\n\n.celestial-style-section {\n  background: #ffffff;\n}\n\n.celestial-style-panel {\n  width: 100%;\n\n  padding: 38px;\n\n  border-radius: 18px;\n\n  background: var(--cel-navy);\n\n  color: #ffffff;\n}\n\n.celestial-style-panel h2 {\n  max-width: 700px;\n\n  margin-bottom: 12px;\n\n  color: #ffffff;\n\n  font-size: clamp(26px, 4vw, 38px);\n\n  line-height: 1.2;\n}\n\n.celestial-style-panel \u003e p {\n  max-width: 720px;\n\n  margin-bottom: 23px;\n\n  color: #dbe1eb;\n\n  font-size: 15px;\n\n  line-height: 1.7;\n}\n\n.celestial-style-tags {\n  display: flex;\n\n  flex-wrap: wrap;\n\n  gap: 9px;\n}\n\n.celestial-style-tags span {\n  padding: 9px 14px;\n\n  border: 1px solid rgba(255,255,255,.18);\n  border-radius: 999px;\n\n  background: rgba(255,255,255,.06);\n\n  color: #ffffff;\n\n  font-size: 13px;\n  font-weight: 650;\n}\n\n\n\/* =========================================================\n   FAQ\n========================================================= *\/\n\n.celestial-faq {\n  background: var(--cel-cream);\n}\n\n.celestial-faq-list {\n  width: 100%;\n  max-width: 850px;\n\n  margin: 0 auto;\n\n  display: grid;\n\n  grid-template-columns: 1fr;\n\n  gap: 10px;\n}\n\n.celestial-faq-item {\n  width: 100%;\n\n  overflow: hidden;\n\n  border: 1px solid var(--cel-line);\n  border-radius: 12px;\n\n  background: #ffffff;\n}\n\n.celestial-faq-question {\n  width: 100%;\n  min-height: 62px;\n\n  display: flex;\n\n  align-items: center;\n  justify-content: space-between;\n\n  gap: 16px;\n\n  padding: 16px 20px;\n\n  border: 0;\n\n  background: transparent;\n\n  color: var(--cel-navy);\n\n  text-align: left;\n\n  cursor: pointer;\n\n  font-family: inherit;\n\n  font-size: 15px;\n  font-weight: 750;\n}\n\n.celestial-faq-arrow {\n  flex: 0 0 29px;\n\n  width: 29px;\n  height: 29px;\n\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  border-radius: 50%;\n\n  background: var(--cel-gold-soft);\n\n  color: var(--cel-gold-dark);\n\n  transition: transform .32s ease;\n}\n\n.celestial-faq-arrow svg {\n  width: 14px;\n  height: 14px;\n}\n\n.celestial-faq-question[aria-expanded=\"true\"]\n.celestial-faq-arrow {\n  transform: rotate(180deg);\n}\n\n.celestial-faq-answer {\n  max-height: 0;\n\n  overflow: hidden;\n\n  transition: max-height .38s ease;\n}\n\n.celestial-faq-answer-inner {\n  padding: 0 20px 20px;\n\n  color: var(--cel-muted);\n\n  font-size: 14px;\n\n  line-height: 1.7;\n}\n\n\n\/* =========================================================\n   GUARANTEES\n\n   SINGLE COLUMN\n========================================================= *\/\n\n.celestial-guarantees {\n  background: #ffffff;\n}\n\n.celestial-guarantee-grid {\n  width: 100%;\n\n  display: grid;\n\n  grid-template-columns: 1fr;\n\n  gap: 13px;\n}\n\n.celestial-guarantee-card {\n  width: 100%;\n\n  padding: 25px 22px;\n\n  border: 1px solid var(--cel-line);\n  border-radius: 14px;\n\n  background: var(--cel-cream);\n\n  text-align: center;\n}\n\n.celestial-guarantee-icon {\n  width: 49px;\n  height: 49px;\n\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  margin: 0 auto 12px;\n\n  border-radius: 50%;\n\n  background: #ffffff;\n\n  color: var(--cel-navy);\n\n  box-shadow: 0 5px 18px rgba(30,37,49,.06);\n\n  font-size: 21px;\n}\n\n.celestial-guarantee-card h3 {\n  margin-bottom: 6px;\n\n  color: var(--cel-navy);\n\n  font-size: 16px;\n  font-weight: 800;\n}\n\n.celestial-guarantee-card p {\n  max-width: 600px;\n\n  margin: 0 auto;\n\n  color: var(--cel-muted);\n\n  font-size: 13px;\n\n  line-height: 1.55;\n}\n\n\n\/* =========================================================\n   FINAL CTA\n========================================================= *\/\n\n.celestial-final {\n  padding: 68px 0 78px;\n\n  background: var(--cel-navy);\n}\n\n.celestial-final-box {\n  width: 100%;\n  max-width: 760px;\n\n  margin: 0 auto;\n\n  text-align: center;\n}\n\n.celestial-final-symbol {\n  margin-bottom: 12px;\n\n  color: #e7c57e;\n\n  font-size: 30px;\n}\n\n.celestial-final h2 {\n  margin-bottom: 13px;\n\n  color: #ffffff;\n\n  font-size: clamp(29px, 5vw, 45px);\n  font-weight: 800;\n\n  line-height: 1.15;\n}\n\n.celestial-final p {\n  max-width: 620px;\n\n  margin: 0 auto 25px;\n\n  color: #d7deea;\n\n  font-size: 16px;\n\n  line-height: 1.7;\n}\n\n.celestial-final .celestial-main-btn {\n  background: var(--cel-gold);\n\n  color: #1b2434 !important;\n}\n\n.celestial-final .celestial-main-btn:hover {\n  background: #d5ad64;\n}\n\n\n\/* =========================================================\n   FLOATING BUY\n========================================================= *\/\n\n.celestial-floating-buy {\n  position: fixed;\n\n  right: 20px;\n  bottom: 20px;\n\n  z-index: 999;\n\n  display: inline-flex;\n\n  align-items: center;\n  justify-content: center;\n\n  gap: 8px;\n\n  min-height: 51px;\n\n  padding: 0 22px;\n\n  border-radius: 999px;\n\n  background: var(--cel-navy);\n\n  color: #ffffff !important;\n\n  text-decoration: none !important;\n\n  font-size: 14px;\n  font-weight: 800;\n\n  box-shadow: 0 9px 28px rgba(13,23,40,.28);\n\n  transition:\n    transform .22s ease,\n    box-shadow .22s ease;\n}\n\n.celestial-floating-buy:hover {\n  transform: translateY(-4px);\n\n  box-shadow: 0 14px 33px rgba(13,23,40,.34);\n}\n\n.celestial-floating-buy svg {\n  width: 18px;\n  height: 18px;\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 820px) {\n\n  .celestial-container {\n    width: min(calc(100% - 24px), 980px);\n  }\n\n  .celestial-section {\n    padding: 46px 0;\n  }\n\n  .celestial-hero {\n    padding: 40px 0 34px;\n  }\n\n  .celestial-hero-copy {\n    padding: 0 4px 28px;\n  }\n\n  .celestial-feature-copy {\n    padding: 27px 22px 24px;\n  }\n\n  .celestial-feature-image {\n    padding: 10px;\n  }\n\n  .celestial-detail-box {\n    padding: 22px 18px;\n  }\n\n  .celestial-style-panel {\n    padding: 28px 22px;\n  }\n\n  .celestial-final {\n    padding: 54px 0 88px;\n  }\n\n  .celestial-floating-buy {\n    left: 12px;\n    right: 12px;\n    bottom: 12px;\n\n    width: auto;\n\n    border-radius: 10px;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n\n   ICON GRID STILL 2 COLUMNS\n========================================================= *\/\n\n@media (max-width: 480px) {\n\n  .celestial-container {\n    width: calc(100% - 20px);\n  }\n\n  .celestial-section {\n    padding: 40px 0;\n  }\n\n  .celestial-section-head {\n    margin-bottom: 24px;\n  }\n\n  .celestial-section-head h2 {\n    font-size: 27px;\n  }\n\n  .celestial-section-head p {\n    font-size: 14px;\n  }\n\n  .celestial-hero {\n    padding-top: 34px;\n  }\n\n  .celestial-hero h1 {\n    font-size: 35px;\n\n    line-height: 1.08;\n  }\n\n  .celestial-hero-sub {\n    font-size: 15px;\n  }\n\n  .celestial-hero-point {\n    font-size: 12px;\n  }\n\n\n  \/* 2 COLUMN BENEFIT GRID *\/\n\n  .celestial-icon-grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n\n    gap: 8px;\n  }\n\n  .celestial-icon-card {\n    padding: 18px 9px;\n  }\n\n  .celestial-icon {\n    width: 44px;\n    height: 44px;\n\n    margin-bottom: 11px;\n\n    font-size: 20px;\n  }\n\n  .celestial-icon-card h3 {\n    font-size: 14px;\n\n    line-height: 1.3;\n  }\n\n  .celestial-icon-card p {\n    font-size: 11.5px;\n\n    line-height: 1.45;\n  }\n\n\n  \/* ALL OTHER SECTIONS SINGLE COLUMN *\/\n\n  .celestial-feature-stack,\n  .celestial-detail-grid,\n  .celestial-detail-list,\n  .celestial-symbol-list,\n  .celestial-faq-list,\n  .celestial-guarantee-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .celestial-feature-copy {\n    padding: 24px 18px 21px;\n  }\n\n  .celestial-feature-copy h3 {\n    font-size: 23px;\n  }\n\n  .celestial-feature-copy p {\n    font-size: 14px;\n  }\n\n  .celestial-detail-row {\n    gap: 10px;\n\n    padding: 12px 0;\n  }\n\n  .celestial-detail-key {\n    flex-basis: 38%;\n\n    font-size: 13px;\n  }\n\n  .celestial-detail-value {\n    font-size: 13px;\n  }\n\n  .celestial-style-panel {\n    padding: 25px 19px;\n  }\n\n  .celestial-style-panel h2 {\n    font-size: 27px;\n  }\n\n  .celestial-faq-question {\n    padding: 15px 16px;\n\n    font-size: 14px;\n  }\n\n  .celestial-faq-answer-inner {\n    padding: 0 16px 17px;\n\n    font-size: 13px;\n  }\n\n  .celestial-final h2 {\n    font-size: 31px;\n  }\n\n}\n\n\u003c\/style\u003e\n\u003cdiv class=\"celestial-pdp\" id=\"celestial-pdp\"\u003e\n\u003c!-- =========================================================\n1. HERO\n========================================================= --\u003e\n\u003csection class=\"celestial-hero\"\u003e\n\u003cdiv class=\"celestial-container\"\u003e\n\u003cdiv class=\"celestial-hero-copy\"\u003e\n\u003cdiv class=\"celestial-hero-badge\"\u003e☀ Celestial-Inspired Jewelry\u003c\/div\u003e\n\u003ch1\u003eCarry A Little \u003cspan\u003eLight \u0026amp; Magic\u003c\/span\u003e With You\u003c\/h1\u003e\n\u003cp class=\"celestial-hero-sub\"\u003eA beautifully detailed charm bracelet inspired by the sun, moon, stars and meaningful symbols — designed to add a luminous, personal touch to your everyday style.\u003c\/p\u003e\n\u003cdiv class=\"celestial-hero-points\"\u003e\n\u003cspan class=\"celestial-hero-point\"\u003e ☀ Sun \u0026amp; Moon Details \u003c\/span\u003e \u003cspan class=\"celestial-hero-point\"\u003e ✦ Sparkling Accents \u003c\/span\u003e \u003cspan class=\"celestial-hero-point\"\u003e ◌ Adjustable Fit \u003c\/span\u003e \u003cspan class=\"celestial-hero-point\"\u003e ♡ Giftable Style \u003c\/span\u003e\n\u003c\/div\u003e\n\u003ca href=\"#\" class=\"celestial-main-btn\"\u003e Explore The Bracelet \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\n\n          \u003cpath d=\"M5 12h14\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"m13 6 6 6-6 6\"\u003e\u003c\/path\u003e\n\n        \u003c\/svg\u003e \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c!-- HERO IMAGE --\u003e\n\u003cdiv class=\"celestial-hero-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0789\/8988\/5672\/files\/AQOBFDiRzZ2vmaoJk0_rNpRWoQSTHc8q9SiW6grvxL-lKp5UG-SP8GWw20HWuKtlld4oCNS8h_q-xKHyHbE_4pQQ9DcjWQcNFnxFO_3rJg202681814524926.gif?v=1787036016\" alt=\"Celestial Sun Moon Charm Bracelet\" loading=\"eager\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================================\n2. CORE BENEFITS\n2 COLUMNS\n========================================================= --\u003e\n\u003csection class=\"celestial-section celestial-icon-section\"\u003e\n\u003cdiv class=\"celestial-container\"\u003e\n\u003cdiv class=\"celestial-section-head\"\u003e\n\u003cspan class=\"celestial-eyebrow\"\u003e Why You'll Love It \u003c\/span\u003e\n\u003ch2\u003eMeaningful Details. Effortless Sparkle.\u003c\/h2\u003e\n\u003cp\u003eMore than just an accessory — every detail adds character, color and celestial-inspired charm.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"celestial-icon-grid\"\u003e\n\u003cdiv class=\"celestial-icon-card\"\u003e\n\u003cdiv class=\"celestial-icon\"\u003e☀\u003c\/div\u003e\n\u003ch3\u003eCelestial Design\u003c\/h3\u003e\n\u003cp\u003eSun, moon and star-inspired details create a distinctive heavenly look.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"celestial-icon-card\"\u003e\n\u003cdiv class=\"celestial-icon\"\u003e✦\u003c\/div\u003e\n\u003ch3\u003eEye-Catching Sparkle\u003c\/h3\u003e\n\u003cp\u003eBright accents add just enough shimmer without overpowering your outfit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"celestial-icon-card\"\u003e\n\u003cdiv class=\"celestial-icon\"\u003e◌\u003c\/div\u003e\n\u003ch3\u003eAdjustable Fit\u003c\/h3\u003e\n\u003cp\u003eAn extender-style closure gives you more flexibility around the wrist.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"celestial-icon-card\"\u003e\n\u003cdiv class=\"celestial-icon\"\u003e♡\u003c\/div\u003e\n\u003ch3\u003eEasy To Gift\u003c\/h3\u003e\n\u003cp\u003eA meaningful accessory for birthdays, holidays and just-because moments.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================================\n3. CORE FEATURE DETAILS\nSINGLE COLUMN\n========================================================= --\u003e\n\u003csection class=\"celestial-section celestial-features\"\u003e\n\u003cdiv class=\"celestial-container\"\u003e\n\u003cdiv class=\"celestial-section-head\"\u003e\n\u003cspan class=\"celestial-eyebrow\"\u003e Designed In The Details \u003c\/span\u003e\n\u003ch2\u003eA Bracelet That Tells A Little Story\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"celestial-feature-stack\"\u003e\n\u003c!-- FEATURE 01 --\u003e\n\u003carticle class=\"celestial-feature-card feature-gold\"\u003e\n\u003cdiv class=\"celestial-feature-copy\"\u003e\n\u003cdiv class=\"celestial-feature-number\"\u003e01\u003c\/div\u003e\n\u003ch3\u003eA Little Piece Of The Sky On Your Wrist\u003c\/h3\u003e\n\u003cp\u003eThe collection of \u003cspan class=\"celestial-highlight\"\u003e sun, crescent moon and star motifs \u003c\/span\u003e creates an instantly recognizable celestial look. The mix of shapes keeps the bracelet visually rich while remaining easy to wear every day.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"celestial-feature-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0789\/8988\/5672\/files\/50_RABATT_CelestialesSonne-Mond-Charm-Armband_FeinesDesign_strahlendeAkzente_ze_3_0f59a002-10ad-4a1c-afa6-2f45c6f9032b.jpg?v=1787035624\" alt=\"Celestial sun moon star bracelet details\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- FEATURE 02 --\u003e\n\u003carticle class=\"celestial-feature-card feature-blue\"\u003e\n\u003cdiv class=\"celestial-feature-copy\"\u003e\n\u003cdiv class=\"celestial-feature-number\"\u003e02\u003c\/div\u003e\n\u003ch3\u003eSymbolic Details With A Personal Feel\u003c\/h3\u003e\n\u003cp\u003eBlue eye-inspired and hand-shaped accents join the celestial motifs for a more expressive design. Wear them because you love the look or give each symbol your own personal meaning.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"celestial-feature-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0789\/8988\/5672\/files\/50_RABATT_CelestialesSonne-Mond-Charm-Armband_FeinesDesign_strahlendeAkzente_ze_65bf077e-665a-4cc1-ad96-132e97c0c7e0.jpg?v=1787035623\" alt=\"Blue symbolic charm bracelet details\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- FEATURE 03 --\u003e\n\u003carticle class=\"celestial-feature-card\"\u003e\n\u003cdiv class=\"celestial-feature-copy\"\u003e\n\u003cdiv class=\"celestial-feature-number\"\u003e03\u003c\/div\u003e\n\u003ch3\u003eSparkle That Catches The Light\u003c\/h3\u003e\n\u003cp\u003eBright stone-like accents and polished gold-tone surfaces create beautiful dimension as the bracelet moves, adding a polished finishing touch to even simple everyday outfits.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"celestial-feature-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0789\/8988\/5672\/files\/50_RABATT_CelestialesSonne-Mond-Charm-Armband_FeinesDesign_strahlendeAkzente_ze_4_236717f5-6ced-44cb-969f-b5eb9549cafc.jpg?v=1787035623\" alt=\"Sparkling bracelet details\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- FEATURE 04 --\u003e\n\u003carticle class=\"celestial-feature-card feature-gold\"\u003e\n\u003cdiv class=\"celestial-feature-copy\"\u003e\n\u003cdiv class=\"celestial-feature-number\"\u003e04\u003c\/div\u003e\n\u003ch3\u003eOne Bracelet. So Many Ways To Wear It.\u003c\/h3\u003e\n\u003cp\u003eDress up denim and a tee, add personality to a dinner look, or pair it with your favorite watch and bracelets for an effortless jewelry stack.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"celestial-feature-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0686\/2448\/2435\/files\/spp_shopify20260814161147_f3b4a26f7562546e85e4b0ddec3b86d2_e0b39a2f-411b-4bf5-9e4c-5a92a8494819.jpg?v=1786958574\u0026amp;width=1200\" alt=\"Celestial bracelet styling\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================================\n4. DETAILS \u0026 SPECIFICATIONS\nSINGLE COLUMN\n========================================================= --\u003e\n\u003csection class=\"celestial-section celestial-detail-section\"\u003e\n\u003cdiv class=\"celestial-container\"\u003e\n\u003cdiv class=\"celestial-section-head\"\u003e\n\u003cspan class=\"celestial-eyebrow\"\u003e The Details \u003c\/span\u003e\n\u003ch2\u003eSmall Details Make The Difference\u003c\/h2\u003e\n\u003cp\u003eA closer look at the design, styling and visual characteristics of your bracelet.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"celestial-detail-grid\"\u003e\n\u003c!-- PRODUCT DETAILS --\u003e\n\u003cdiv class=\"celestial-detail-box\"\u003e\n\u003ch3\u003eProduct Details\u003c\/h3\u003e\n\u003cdiv class=\"celestial-detail-list\"\u003e\n\u003cdiv class=\"celestial-detail-row\"\u003e\n\u003cspan class=\"celestial-detail-key\"\u003e Jewelry Style \u003c\/span\u003e \u003cspan class=\"celestial-detail-value\"\u003e Celestial Charm Bracelet \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"celestial-detail-row\"\u003e\n\u003cspan class=\"celestial-detail-key\"\u003e Main Motifs \u003c\/span\u003e \u003cspan class=\"celestial-detail-value\"\u003e Sun, Moon, Stars \u0026amp; Symbolic Charms \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"celestial-detail-row\"\u003e\n\u003cspan class=\"celestial-detail-key\"\u003e Color Palette \u003c\/span\u003e \u003cspan class=\"celestial-detail-value\"\u003e Gold, White \u0026amp; Celestial Blue \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"celestial-detail-row\"\u003e\n\u003cspan class=\"celestial-detail-key\"\u003e Fit \u003c\/span\u003e \u003cspan class=\"celestial-detail-value\"\u003e Adjustable \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"celestial-detail-row\"\u003e\n\u003cspan class=\"celestial-detail-key\"\u003e Closure Style \u003c\/span\u003e \u003cspan class=\"celestial-detail-value\"\u003e Clasp With Extender Chain \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"celestial-detail-row\"\u003e\n\u003cspan class=\"celestial-detail-key\"\u003e Styling \u003c\/span\u003e \u003cspan class=\"celestial-detail-value\"\u003e Everyday \/ Occasion \/ Layered \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SYMBOL DETAILS --\u003e\n\u003cdiv class=\"celestial-detail-box\"\u003e\n\u003ch3\u003eCelestial-Inspired Details\u003c\/h3\u003e\n\u003cdiv class=\"celestial-symbol-list\"\u003e\n\u003cdiv class=\"celestial-symbol-item\"\u003e\n\u003cdiv class=\"celestial-symbol-mark\"\u003e☀\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e Sun \u003c\/strong\u003e \u003cspan\u003e A bright centerpiece inspired by warmth, light and positive energy. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"celestial-symbol-item\"\u003e\n\u003cdiv class=\"celestial-symbol-mark\"\u003e☾\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e Crescent Moon \u003c\/strong\u003e \u003cspan\u003e A graceful celestial detail that gives the bracelet its dreamy character. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"celestial-symbol-item\"\u003e\n\u003cdiv class=\"celestial-symbol-mark\"\u003e✦\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e Stars \u003c\/strong\u003e \u003cspan\u003e Sparkling shapes add visual dimension and eye-catching movement. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"celestial-symbol-item\"\u003e\n\u003cdiv class=\"celestial-symbol-mark\"\u003e◉\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e Blue Symbolic Accents \u003c\/strong\u003e \u003cspan\u003e Rich blue details add contrast and an expressive finishing touch. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================================\n5. OCCASIONS\n========================================================= --\u003e\n\u003csection class=\"celestial-section celestial-style-section\"\u003e\n\u003cdiv class=\"celestial-container\"\u003e\n\u003cdiv class=\"celestial-style-panel\"\u003e\n\u003cspan class=\"celestial-eyebrow\" style=\"color: #e5c57e;\"\u003e Easy Everyday Styling \u003c\/span\u003e\n\u003ch2\u003eFrom Casual Days To Special Nights\u003c\/h2\u003e\n\u003cp\u003eThe gold and blue palette makes it easy to pair with neutral basics, dresses, denim or layered jewelry — so it never has to stay in the jewelry box.\u003c\/p\u003e\n\u003cdiv class=\"celestial-style-tags\"\u003e\n\u003cspan\u003eEveryday Wear\u003c\/span\u003e \u003cspan\u003eDate Nights\u003c\/span\u003e \u003cspan\u003eVacations\u003c\/span\u003e \u003cspan\u003eBirthdays\u003c\/span\u003e \u003cspan\u003eHoliday Gifts\u003c\/span\u003e \u003cspan\u003eJewelry Stacking\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================================\n6. FAQ\n========================================================= --\u003e\n\u003csection class=\"celestial-section celestial-faq\"\u003e\n\u003cdiv class=\"celestial-container\"\u003e\n\u003cdiv class=\"celestial-section-head\"\u003e\n\u003cspan class=\"celestial-eyebrow\"\u003e Questions \u0026amp; Answers \u003c\/span\u003e\n\u003ch2\u003eFrequently Asked Questions\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"celestial-faq-list\"\u003e\n\u003c!-- FAQ 1 --\u003e\n\u003cdiv class=\"celestial-faq-item\"\u003e\n\u003cbutton class=\"celestial-faq-question\" type=\"button\"\u003e \u003cspan\u003e Is the bracelet adjustable? \u003c\/span\u003e \u003cspan class=\"celestial-faq-arrow\"\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\n\n              \u003cpath d=\"m6 9 6 6 6-6\"\u003e\u003c\/path\u003e\n\n            \u003c\/svg\u003e \u003c\/span\u003e \u003c\/button\u003e\n\u003cdiv class=\"celestial-faq-answer\"\u003e\n\u003cdiv class=\"celestial-faq-answer-inner\"\u003eYes. The bracelet is designed with an extender-style section so you can adjust the fit around your wrist.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ 2 --\u003e\n\u003cdiv class=\"celestial-faq-item\"\u003e\n\u003cbutton class=\"celestial-faq-question\" type=\"button\"\u003e \u003cspan\u003e What charms are featured on the bracelet? \u003c\/span\u003e \u003cspan class=\"celestial-faq-arrow\"\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\n\n              \u003cpath d=\"m6 9 6 6 6-6\"\u003e\u003c\/path\u003e\n\n            \u003c\/svg\u003e \u003c\/span\u003e \u003c\/button\u003e\n\u003cdiv class=\"celestial-faq-answer\"\u003e\n\u003cdiv class=\"celestial-faq-answer-inner\"\u003eThe design combines celestial-inspired sun, moon and star motifs with blue symbolic accents and decorative sparkling details.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ 3 --\u003e\n\u003cdiv class=\"celestial-faq-item\"\u003e\n\u003cbutton class=\"celestial-faq-question\" type=\"button\"\u003e \u003cspan\u003e Can I wear it with other jewelry? \u003c\/span\u003e \u003cspan class=\"celestial-faq-arrow\"\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\n\n              \u003cpath d=\"m6 9 6 6 6-6\"\u003e\u003c\/path\u003e\n\n            \u003c\/svg\u003e \u003c\/span\u003e \u003c\/button\u003e\n\u003cdiv class=\"celestial-faq-answer\"\u003e\n\u003cdiv class=\"celestial-faq-answer-inner\"\u003eAbsolutely. Wear it alone as a statement piece or pair it with a watch, simple chain bracelet or other gold-tone jewelry for a layered look.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ 4 --\u003e\n\u003cdiv class=\"celestial-faq-item\"\u003e\n\u003cbutton class=\"celestial-faq-question\" type=\"button\"\u003e \u003cspan\u003e Is this bracelet suitable as a gift? \u003c\/span\u003e \u003cspan class=\"celestial-faq-arrow\"\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\n\n              \u003cpath d=\"m6 9 6 6 6-6\"\u003e\u003c\/path\u003e\n\n            \u003c\/svg\u003e \u003c\/span\u003e \u003c\/button\u003e\n\u003cdiv class=\"celestial-faq-answer\"\u003e\n\u003cdiv class=\"celestial-faq-answer-inner\"\u003eYes. Its celestial theme and symbolic details make it an easy gift choice for birthdays, holidays, friends, sisters, daughters or someone special.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ 5 --\u003e\n\u003cdiv class=\"celestial-faq-item\"\u003e\n\u003cbutton class=\"celestial-faq-question\" type=\"button\"\u003e \u003cspan\u003e How should I care for my bracelet? \u003c\/span\u003e \u003cspan class=\"celestial-faq-arrow\"\u003e \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\n\n              \u003cpath d=\"m6 9 6 6 6-6\"\u003e\u003c\/path\u003e\n\n            \u003c\/svg\u003e \u003c\/span\u003e \u003c\/button\u003e\n\u003cdiv class=\"celestial-faq-answer\"\u003e\n\u003cdiv class=\"celestial-faq-answer-inner\"\u003eFor best results, store it somewhere dry when not in use and avoid prolonged contact with water, perfume, lotions and harsh household chemicals.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================================\n7. GUARANTEES\nSINGLE COLUMN\n========================================================= --\u003e\n\u003csection class=\"celestial-section celestial-guarantees\"\u003e\n\u003cdiv class=\"celestial-container\"\u003e\n\u003cdiv class=\"celestial-section-head\"\u003e\n\u003cspan class=\"celestial-eyebrow\"\u003e Shop With Confidence \u003c\/span\u003e\n\u003ch2\u003eFrom Our Store To Your Jewelry Box\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"celestial-guarantee-grid\"\u003e\n\u003cdiv class=\"celestial-guarantee-card\"\u003e\n\u003cdiv class=\"celestial-guarantee-icon\"\u003e📦\u003c\/div\u003e\n\u003ch3\u003eCareful Order Handling\u003c\/h3\u003e\n\u003cp\u003eYour order is prepared with care before beginning its journey to you.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"celestial-guarantee-card\"\u003e\n\u003cdiv class=\"celestial-guarantee-icon\"\u003e✓\u003c\/div\u003e\n\u003ch3\u003eQuality Checked\u003c\/h3\u003e\n\u003cp\u003eProducts are checked for appearance and condition before dispatch.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"celestial-guarantee-card\"\u003e\n\u003cdiv class=\"celestial-guarantee-icon\"\u003e♡\u003c\/div\u003e\n\u003ch3\u003eCustomer Support\u003c\/h3\u003e\n\u003cp\u003eHave a question about your order? Our support team is here to help.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================================\n8. FINAL CTA\n========================================================= --\u003e\n\u003csection class=\"celestial-final\" id=\"celestial-buy\"\u003e\n\u003cdiv class=\"celestial-container\"\u003e\n\u003cdiv class=\"celestial-final-box\"\u003e\n\u003cdiv class=\"celestial-final-symbol\"\u003e☾ ✦ ☀\u003c\/div\u003e\n\u003ch2\u003eAdd A Little Celestial Magic To Your Look\u003c\/h2\u003e\n\u003cp\u003eA luminous mix of meaningful charms, rich blue details and everyday sparkle — ready to become your new favorite accessory.\u003c\/p\u003e\n\u003ca href=\"#\" class=\"celestial-main-btn\"\u003e Buy Now \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\u003e\n\n          \u003cpath d=\"M5 12h14\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"m13 6 6 6-6 6\"\u003e\u003c\/path\u003e\n\n        \u003c\/svg\u003e \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =========================================================\nFLOATING BUY BUTTON\n========================================================= --\u003e   \u003c!-- =========================================================\nFAQ + SMOOTH SCROLL SCRIPT\n========================================================= --\u003e \u003cscript\u003e\n(function () {\n\n  var root =\n    document.getElementById('celestial-pdp');\n\n  if (!root) return;\n\n\n  \/* =========================\n     FAQ\n  ========================= *\/\n\n  var faqButtons =\n    root.querySelectorAll('.celestial-faq-question');\n\n\n  faqButtons.forEach(function (button) {\n\n    button.addEventListener('click', function () {\n\n      var answer =\n        button.nextElementSibling;\n\n      var expanded =\n        button.getAttribute('aria-expanded') === 'true';\n\n\n      \/* Close other FAQ *\/\n\n      faqButtons.forEach(function (otherButton) {\n\n        if (otherButton !== button) {\n\n          otherButton.setAttribute(\n            'aria-expanded',\n            'false'\n          );\n\n          var otherAnswer =\n            otherButton.nextElementSibling;\n\n          if (otherAnswer) {\n            otherAnswer.style.maxHeight = null;\n          }\n\n        }\n\n      });\n\n\n      \/* Current FAQ *\/\n\n      button.setAttribute(\n        'aria-expanded',\n        expanded ? 'false' : 'true'\n      );\n\n\n      if (expanded) {\n\n        answer.style.maxHeight = null;\n\n      } else {\n\n        answer.style.maxHeight =\n          answer.scrollHeight + 'px';\n\n      }\n\n    });\n\n  });\n\n\n\n  \/* =========================\n     SMOOTH INTERNAL LINKS\n  ========================= *\/\n\n  var internalLinks =\n    root.querySelectorAll('a[href^=\"#\"]');\n\n\n  internalLinks.forEach(function (link) {\n\n    link.addEventListener('click', function (event) {\n\n      var selector =\n        link.getAttribute('href');\n\n\n      if (!selector || selector === '#') {\n        return;\n      }\n\n\n      var target;\n\n      try {\n\n        target =\n          document.querySelector(selector);\n\n      } catch (e) {\n\n        return;\n\n      }\n\n\n      if (target) {\n\n        event.preventDefault();\n\n        target.scrollIntoView({\n          behavior: 'smooth',\n          block: 'start'\n        });\n\n      }\n\n    });\n\n  });\n\n})();\n\u003c\/script\u003e\n\u003c\/div\u003e","brand":"HYY","offers":[{"title":"Buy1","offer_id":48910037385448,"sku":"NC02592608182014-KC日月手链","price":19.99,"currency_code":"USD","in_stock":true},{"title":"Buy 2 Get 1 Free (3 pcs)","offer_id":48910037418216,"sku":"NC02592608182014-KC日月手链*3","price":45.99,"currency_code":"USD","in_stock":true},{"title":"Recommend🎁Buy 3 Get 2 Free (5 pcs)","offer_id":48910037450984,"sku":"NC02592608182014-KC日月手链*5","price":65.99,"currency_code":"USD","in_stock":true},{"title":"Best Value 💎Buy 5 Get 5 Free (10 pcs)","offer_id":48910037483752,"sku":"NC02592608182014-KC日月手链*10","price":119.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0789\/8988\/5672\/files\/50_RABATT_CelestialesSonne-Mond-Charm-Armband_FeinesDesign_strahlendeAkzente_ze_3.jpg?v=1787034300","url":"https:\/\/sereintis.com\/products\/celestiales-sonne-mond-charm-armband-feines-design-strahlende-akzente-zeitloser-stil","provider":"sereintis.com","version":"1.0","type":"link"}