🧩 Colorful Puzzle Charm Bracelet – Silver & Gold Tone

Name: 🧩 Colorful Puzzle Charm Bracelet – Silver & Gold Tone
Brand: 0474
Price: 19.99 USD
Availability: InStock

(2593 Reviews)

$19.99

SAVE 售罄

Finish - Silver Tone

Silver Tone

产品多属性

Free Shipping $49.99+

Buy 1 You save $0

$19.99

🔥Most popular🔥

Buy 2 Get 10% OFF You save $4

$35.98 $39.98

🌟Customer Favorite👍

Buy 3 Get 15%OFF You save $9

$50.97 $59.97

💥Best Value💥

Buy 4 Get 20% OFF You save $15.99

$63.97 $79.96

add_shopping_cart

Ordered

local_shipping

- - -

Order Ready

redeem

- - -

Delivered

Silver Tone puzzle charm bracelet with turquoise, red, yellow and cobalt beads on ivory limestone

🧩 Colorful Puzzle Charm Bracelet – Silver & Gold Tone

$19.99

SAVE 售罄

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Instrument+Serif:ital@0;1&display=swap'); #tnv-puzzle-charm-bracelet, #tnv-puzzle-charm-bracelet * { box-sizing: border-box; } #tnv-puzzle-charm-bracelet { --ink: #172744; --muted: #4c5b73; --cobalt: #214b9b; --navy: #172b51; --porcelain: #fbf6ec; --blue-paper: #eaf1fc; --gold-paper: #f8e7d0; --gold-ink: #75411f; --line: #d9e1ee; width: 100%; max-width: 540px; margin: 0 auto; overflow: hidden; isolation: isolate; background: var(--porcelain); border: 1px solid var(--line); border-radius: 21px; color: var(--ink); font-family: 'DM Sans', Arial, sans-serif; font-size: 15px; line-height: 1.56; text-align: left; } #tnv-puzzle-charm-bracelet :where(h2, h3, p, figure, ul, ol, dl, dt, dd) { margin: 0; padding: 0; } #tnv-puzzle-charm-bracelet :where(h2, h3) { color: inherit; font-family: 'Instrument Serif', Georgia, serif; font-weight: 400; letter-spacing: -.023em; line-height: .99; text-transform: none; } #tnv-puzzle-charm-bracelet h2 { font-size: clamp(34px, 9.2vw, 50px); } #tnv-puzzle-charm-bracelet h3 { font-size: 34px; } #tnv-puzzle-charm-bracelet p { color: inherit; } #tnv-puzzle-charm-bracelet .tnv-puzzle-kicker { display: flex; align-items: center; gap: 9px; color: var(--cobalt); font-size: 11px; font-weight: 700; letter-spacing: .135em; line-height: 1.35; text-transform: uppercase; } #tnv-puzzle-charm-bracelet .tnv-puzzle-brand { display: flex; align-items: baseline; justify-content: space-between; gap: 9px; padding: 12px clamp(16px, 4.5vw, 27px); border-bottom: 1px solid #c8d8f0; background: #f8f4ed; } #tnv-puzzle-charm-bracelet .tnv-puzzle-wordmark { color: var(--navy); font-family: 'Instrument Serif', Georgia, serif; font-size: 23px; letter-spacing: .025em; line-height: 1; } #tnv-puzzle-charm-bracelet .tnv-puzzle-brand small { color: #3d5278; font-size: 10px; font-weight: 700; letter-spacing: .11em; text-align: right; text-transform: uppercase; } #tnv-puzzle-charm-bracelet .tnv-puzzle-hero { padding: 26px clamp(16px, 4.5vw, 27px) 24px; background: linear-gradient(125deg, #fff5e4, #eff5ff 55%, #e3edfc); background-size: 200% 200%; animation: tnv-puzzle-charm-ambient 15s ease-in-out infinite alternate; } #tnv-puzzle-charm-bracelet .tnv-puzzle-hero h2 { margin-top: 9px; } #tnv-puzzle-charm-bracelet .tnv-puzzle-gradient { color: var(--cobalt); } @supports ((background-clip: text) or (-webkit-background-clip: text)) { #tnv-puzzle-charm-bracelet .tnv-puzzle-gradient { background: linear-gradient(103deg, #1b4697 10%, #3059ad 50%, #8a471e 100%); background-clip: text; -webkit-background-clip: text; color: transparent; -webkit-text-fill-color: transparent; } } #tnv-puzzle-charm-bracelet .tnv-puzzle-hero .tnv-puzzle-lead { margin: 12px 0 17px; max-width: 33ch; color: #344765; } #tnv-puzzle-charm-bracelet .tnv-puzzle-frame { display: block; position: relative; z-index: 0; margin: 0; overflow: hidden; background: #d9e6fb; border-radius: 13px; } #tnv-puzzle-charm-bracelet .tnv-puzzle-frame img, #tnv-puzzle-charm-bracelet .tnv-puzzle-frame picture { display: block; width: 100%; height: auto; margin: 0; } #tnv-puzzle-charm-bracelet .tnv-puzzle-frame img { max-width: none; border: 0; border-radius: 0; box-shadow: none; } #tnv-puzzle-charm-bracelet .tnv-puzzle-frame::after { position: absolute; z-index: 1; inset: 0; content: ''; pointer-events: none; opacity: 0; background: linear-gradient(111deg, transparent 37%, #e4efff 49%, #fff0cd 51%, transparent 63%); transform: translateX(-115%); animation: tnv-puzzle-charm-sweep 4.5s ease-in-out infinite; } #tnv-puzzle-charm-bracelet .tnv-puzzle-spark { position: absolute; z-index: 2; top: 10px; right: 11px; width: 19px; height: 19px; pointer-events: none; filter: drop-shadow(0 0 6px #c3daff); animation: tnv-puzzle-charm-twinkle 3.4s ease-in-out infinite; } #tnv-puzzle-charm-bracelet .tnv-puzzle-spark::before { display: block; width: 100%; height: 100%; background: #fff0c1; clip-path: polygon(50% 0, 60% 41%, 100% 50%, 60% 59%, 50% 100%, 40% 59%, 0 50%, 40% 41%); content: ''; } #tnv-puzzle-charm-bracelet .tnv-puzzle-caption { margin: 7px 0 12px; color: #445879; font-size: 12px; } #tnv-puzzle-charm-bracelet .tnv-puzzle-benefits { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; list-style: none; } #tnv-puzzle-charm-bracelet .tnv-puzzle-benefits li { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: 2px; margin: 0; padding: 8px; border-radius: 8px; background: #1e4385; color: #fff; font-size: 11px; font-weight: 700; line-height: 1.28; } #tnv-puzzle-charm-bracelet .tnv-puzzle-benefits li:nth-child(2) { background: #763d24; color: #fff7e9; } #tnv-puzzle-charm-bracelet .tnv-puzzle-benefits li:nth-child(3) { background: #243459; } #tnv-puzzle-charm-bracelet .tnv-puzzle-benefits span { font-size: 15px; } #tnv-puzzle-charm-bracelet .tnv-puzzle-beads { display: inline-flex; flex: 0 0 auto; gap: 3px; } #tnv-puzzle-charm-bracelet .tnv-puzzle-beads i { width: 6px; height: 6px; border-radius: 50%; background: #189eb0; } #tnv-puzzle-charm-bracelet .tnv-puzzle-beads i:nth-child(2) { background: #bd3e54; } #tnv-puzzle-charm-bracelet .tnv-puzzle-beads i:nth-child(3) { background: #ca8919; } #tnv-puzzle-charm-bracelet .tnv-puzzle-beads i:nth-child(4) { background: #244e9e; } #tnv-puzzle-charm-bracelet .tnv-puzzle-links { position: relative; display: inline-block; flex: 0 0 26px; width: 26px; height: 12px; transform: rotate(-17deg); } #tnv-puzzle-charm-bracelet .tnv-puzzle-links::before, #tnv-puzzle-charm-bracelet .tnv-puzzle-links::after { position: absolute; top: 2px; width: 13px; height: 8px; border: 1.5px solid currentColor; border-radius: 6px; content: ''; } #tnv-puzzle-charm-bracelet .tnv-puzzle-links::before { left: 1px; } #tnv-puzzle-charm-bracelet .tnv-puzzle-links::after { left: 10px; } #tnv-puzzle-charm-bracelet .tnv-puzzle-wear { padding: 30px 0 25px; background: #fffcf6; } #tnv-puzzle-charm-bracelet .tnv-puzzle-wear .tnv-puzzle-copy { padding: 0 clamp(18px, 5vw, 28px) 16px; } #tnv-puzzle-charm-bracelet .tnv-puzzle-copy h2, #tnv-puzzle-charm-bracelet .tnv-puzzle-title h2 { margin: 6px 0 9px; } #tnv-puzzle-charm-bracelet .tnv-puzzle-wear .tnv-puzzle-frame { margin: 0 14px 0 0; border-radius: 0 16px 16px 0; } #tnv-puzzle-charm-bracelet .tnv-puzzle-wear .tnv-puzzle-note { margin: 14px 17px 0; padding: 0 0 0 12px; border-left: 2px solid #af6a30; color: var(--muted); font-size: 14px; } #tnv-puzzle-charm-bracelet .tnv-puzzle-macro { padding: 24px clamp(16px, 4.5vw, 27px) 27px; background: linear-gradient(160deg, #233c69, #152644); color: #f9f4e9; } #tnv-puzzle-charm-bracelet .tnv-puzzle-macro .tnv-puzzle-kicker { color: #c4d9fc; } #tnv-puzzle-charm-bracelet .tnv-puzzle-macro h2 { margin: 7px 0 14px; } #tnv-puzzle-charm-bracelet .tnv-puzzle-macro .tnv-puzzle-frame { border: 1px solid #6a87bd; border-radius: 10px 10px 44px 10px; background: #172b51; } #tnv-puzzle-charm-bracelet .tnv-puzzle-macro p { margin-top: 12px; } #tnv-puzzle-charm-bracelet .tnv-puzzle-shapes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px 11px; margin-top: 14px; padding-top: 13px; border-top: 1px solid #6e84ad; list-style: none; } #tnv-puzzle-charm-bracelet .tnv-puzzle-shapes li { margin: 0; color: #e5eeff; font-size: 12px; line-height: 1.42; } #tnv-puzzle-charm-bracelet .tnv-puzzle-shapes strong { color: #fff; } #tnv-puzzle-charm-bracelet .tnv-puzzle-finish { padding: 27px clamp(16px, 4.5vw, 27px) 25px; background: #f9f3e9; } #tnv-puzzle-charm-bracelet .tnv-puzzle-finish .tnv-puzzle-title { margin-bottom: 14px; } #tnv-puzzle-charm-bracelet .tnv-puzzle-tone { overflow: hidden; border-radius: 12px; background: var(--blue-paper); } #tnv-puzzle-charm-bracelet .tnv-puzzle-tone + .tnv-puzzle-tone { margin-top: 11px; } #tnv-puzzle-charm-bracelet .tnv-puzzle-tone--gold { background: var(--gold-paper); } #tnv-puzzle-charm-bracelet .tnv-puzzle-tone .tnv-puzzle-frame { border-radius: 0; } #tnv-puzzle-charm-bracelet .tnv-puzzle-tone > div:last-child { padding: 14px 15px 16px; } #tnv-puzzle-charm-bracelet .tnv-puzzle-tone h3 { margin-bottom: 5px; } #tnv-puzzle-charm-bracelet .tnv-puzzle-tone p { font-size: 14px; } #tnv-puzzle-charm-bracelet .tnv-puzzle-tone .tnv-puzzle-tonenote { margin-top: 7px; color: #1e4385; font-size: 12px; font-weight: 700; } #tnv-puzzle-charm-bracelet .tnv-puzzle-tone--gold .tnv-puzzle-tonenote { color: var(--gold-ink); } #tnv-puzzle-charm-bracelet .tnv-puzzle-fit { padding: 27px clamp(16px, 4.5vw, 27px); background: #eaf1fc; } #tnv-puzzle-charm-bracelet .tnv-puzzle-fit h2 { margin: 7px 0 14px; } #tnv-puzzle-charm-bracelet .tnv-puzzle-fit .tnv-puzzle-frame { border-radius: 18px 5px 18px 5px; } #tnv-puzzle-charm-bracelet .tnv-puzzle-fit ol { display: grid; gap: 6px; margin-top: 13px; padding-left: 1.4rem; color: #364862; } #tnv-puzzle-charm-bracelet .tnv-puzzle-fit li { margin: 0; padding-left: 3px; } #tnv-puzzle-charm-bracelet .tnv-puzzle-fit li::marker { color: #21519e; font-weight: 700; } #tnv-puzzle-charm-bracelet .tnv-puzzle-gift { background: #fffbf3; } #tnv-puzzle-charm-bracelet .tnv-puzzle-gift .tnv-puzzle-frame { border-radius: 0; } #tnv-puzzle-charm-bracelet .tnv-puzzle-gift .tnv-puzzle-copy { padding: 20px clamp(18px, 5vw, 28px) 25px; } #tnv-puzzle-charm-bracelet .tnv-puzzle-faq { padding: 23px clamp(16px, 4.5vw, 27px) 24px; border-top: 1px solid #e7dcc9; background: #f8f2e8; } #tnv-puzzle-charm-bracelet .tnv-puzzle-faq h2 { margin-bottom: 9px; } #tnv-puzzle-charm-bracelet .tnv-puzzle-faq details { padding: 9px 0; border-bottom: 1px solid #dfd2bf; } #tnv-puzzle-charm-bracelet .tnv-puzzle-faq summary { color: var(--ink); font-size: 14px; font-weight: 700; cursor: pointer; } #tnv-puzzle-charm-bracelet .tnv-puzzle-faq details p { margin: 5px 0 0 15px; color: var(--muted); font-size: 14px; } #tnv-puzzle-charm-bracelet .tnv-puzzle-close { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 5px 13px; padding: 13px clamp(16px, 4.5vw, 27px); background: #172b51; color: #edf4ff; font-size: 12px; } #tnv-puzzle-charm-bracelet .tnv-puzzle-close .tnv-puzzle-wordmark { color: #f7e4c3; } @keyframes tnv-puzzle-charm-ambient { from { background-position: 0% 30%; } to { background-position: 100% 75%; } } @keyframes tnv-puzzle-charm-sweep { 0%, 57% { opacity: 0; transform: translateX(-115%); } 63% { opacity: .12; } 84% { opacity: .20; } 93%, 100% { opacity: 0; transform: translateX(115%); } } @keyframes tnv-puzzle-charm-twinkle { 0%, 100% { opacity: .38; transform: scale(.78); } 52% { opacity: .86; transform: scale(1); } } @media (prefers-reduced-motion: reduce) { #tnv-puzzle-charm-bracelet .tnv-puzzle-hero, #tnv-puzzle-charm-bracelet .tnv-puzzle-spark { animation: none; } #tnv-puzzle-charm-bracelet .tnv-puzzle-frame::after { display: none; } }