{"id":37271,"date":"2026-07-03T07:23:54","date_gmt":"2026-07-02T23:23:54","guid":{"rendered":"https:\/\/yocansun.com\/index.php\/inscribed-bracelets\/"},"modified":"2026-07-03T07:23:54","modified_gmt":"2026-07-02T23:23:54","slug":"inscribed-bracelets","status":"publish","type":"page","link":"https:\/\/yocansun.com\/index.php\/inscribed-bracelets\/","title":{"rendered":"Inscribed Bracelets"},"content":{"rendered":"\n<style>\n    .whb-header,.page-title,.wd-page-title,.footer-container,.wd-prefooter{display:none!important}\n    body{background:#f7f1e6!important}\n    .main-page-wrapper,.main-page-wrapper>.container,.content-layout-wrapper,.site-content{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:transparent!important}\n    .sidebar-container,.widget-area,.wd-sidebar,aside.sidebar,.area-sidebar{display:none!important}\n    .content-layout-wrapper{display:block!important}\n    .site-content{flex:0 0 100%!important;max-width:100%!important}\n    :root {\n  --paper: #f5f0e6;\n  --paper-deep: #ebe3d5;\n  --ink: #1e2a24;\n  --soft-ink: #5c6258;\n  --gold: #9a7a43;\n  --cinnabar: #a5382d;\n  --line: rgba(30, 42, 36, .14);\n  --shadow: 0 28px 70px rgba(49, 42, 31, .15);\n  font-family: Georgia, \"Times New Roman\", serif;\n}\n\n* {\n  box-sizing: border-box;\n}\n\nhtml {\n  scroll-behavior: smooth;\n}\n\nbody {\n  margin: 0;\n  color: var(--ink);\n  background:\n    radial-gradient(circle at 12% 8%, rgba(255, 255, 255, .86), transparent 28rem),\n    linear-gradient(180deg, #faf7ef 0%, var(--paper) 42%, #f8f4eb 100%);\n}\n\na {\n  color: inherit;\n  text-decoration: none;\n}\n\nimg {\n  display: block;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n.button {\n  font: inherit;\n}\n\n.topbar {\n  position: sticky;\n  top: 0;\n  z-index: 20;\n  display: grid;\n  grid-template-columns: 220px minmax(0, 1fr) 132px;\n  align-items: center;\n  gap: 24px;\n  min-height: 104px;\n  padding: 0 44px;\n  background: rgba(250, 247, 239, .88);\n  border-bottom: 1px solid rgba(255, 255, 255, .72);\n  backdrop-filter: blur(18px);\n}\n\n.logo {\n  display: inline-grid;\n  gap: 6px;\n  letter-spacing: .18em;\n}\n\n.logo span {\n  font-size: 28px;\n}\n\n.logo small {\n  color: var(--gold);\n  font: 13px Arial, sans-serif;\n  letter-spacing: .42em;\n  text-align: center;\n}\n\n.main-nav,\n.nav-actions,\n.service-list {\n  display: flex;\n  align-items: center;\n}\n\n.main-nav {\n  justify-content: center;\n  gap: 34px;\n  color: #26352e;\n  font-size: 15px;\n}\n\n.main-nav a::after {\n  content: \"\";\n  display: block;\n  width: 0;\n  height: 1px;\n  margin-top: 6px;\n  background: var(--gold);\n  transition: width .2s ease;\n}\n\n.main-nav a:hover::after {\n  width: 100%;\n}\n\n.nav-actions {\n  justify-content: flex-end;\n  gap: 14px;\n}\n\n.nav-actions a {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  color: #9a7a43;\n  font: 12px Arial, sans-serif;\n}\n\n.nav-actions svg {\n  width: 18px;\n  height: 18px;\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.55;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.hero {\n  display: grid;\n  grid-template-columns: .82fr 1.18fr;\n  min-height: 700px;\n  border-bottom: 1px solid rgba(30, 42, 36, .08);\n}\n\n.hero-copy {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  padding: 74px 0 74px 92px;\n  background:\n    linear-gradient(90deg, rgba(250, 247, 239, 1), rgba(250, 247, 239, .92) 70%, rgba(250, 247, 239, .2)),\n    radial-gradient(circle at 26% 34%, rgba(183, 161, 119, .14), transparent 18rem);\n}\n\n.kicker {\n  margin: 0 0 22px;\n  color: #697065;\n  font: 11px Arial, sans-serif;\n  letter-spacing: .24em;\n  text-transform: uppercase;\n}\n\nh1,\nh2,\nh3,\np {\n  margin-top: 0;\n}\n\nh1 {\n  max-width: 520px;\n  margin-bottom: 24px;\n  font-size: clamp(42px, 4.7vw, 72px);\n  line-height: 1.08;\n  font-weight: 400;\n  letter-spacing: -.01em;\n}\n\n.rule {\n  width: 44px;\n  height: 1px;\n  margin-bottom: 30px;\n  background: var(--gold);\n}\n\n.lede {\n  max-width: 390px;\n  margin-bottom: 34px;\n  color: #38433c;\n  font-size: 16px;\n  line-height: 1.72;\n}\n\n.button {\n  display: inline-flex;\n  width: fit-content;\n  min-height: 48px;\n  align-items: center;\n  justify-content: center;\n  padding: 0 26px;\n  border: 1px solid transparent;\n  border-radius: 2px;\n  font: 11px Arial, sans-serif;\n  letter-spacing: .18em;\n  text-transform: uppercase;\n}\n\n.button.dark {\n  color: #fffdf4;\n  background: #18241e;\n  box-shadow: 0 12px 26px rgba(24, 36, 30, .16);\n}\n\n.hero-media {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  min-height: 700px;\n  padding: 38px 44px 38px 0;\n  background:\n    linear-gradient(90deg, rgba(245, 240, 230, .18), rgba(245, 240, 230, 0)),\n    #d8c9ae;\n}\n\n.hero-media img {\n  width: min(100%, 720px);\n  height: 624px;\n  object-fit: cover;\n  object-position: 48% 50%;\n  box-shadow: var(--shadow);\n  filter: saturate(.82) contrast(1.03);\n}\n\n.belief-strip,\n.atelier,\n.consultation {\n  display: grid;\n  grid-template-columns: .34fr .66fr;\n  gap: 70px;\n  padding: 82px 84px;\n  border-bottom: 1px solid rgba(30, 42, 36, .08);\n}\n\n.section-label h2,\n.center-heading h2,\n.consult-copy h2 {\n  margin-bottom: 18px;\n  font-size: clamp(34px, 3vw, 52px);\n  line-height: 1.14;\n  font-weight: 400;\n}\n\n.section-label p:not(.kicker),\n.consult-copy p {\n  max-width: 360px;\n  color: var(--soft-ink);\n  font-size: 16px;\n  line-height: 1.72;\n}\n\n.text-link,\n.product-card a {\n  display: inline-flex;\n  gap: 10px;\n  align-items: center;\n  margin-top: 20px;\n  color: #27352e;\n  font: 11px Arial, sans-serif;\n  letter-spacing: .16em;\n  text-transform: uppercase;\n}\n\n.text-link::after,\n.product-card a::after {\n  content: \">\";\n  color: var(--gold);\n}\n\n.belief-grid {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  align-items: end;\n}\n\n.belief-grid article {\n  min-height: 190px;\n  padding: 22px 30px;\n  border-left: 1px solid var(--line);\n}\n\n.symbol {\n  display: block;\n  margin-bottom: 22px;\n  color: #6f735f;\n  font: 18px Arial, sans-serif;\n  letter-spacing: .18em;\n  line-height: 1;\n}\n\n.seal-symbol {\n  color: var(--cinnabar);\n  font-size: 13px;\n}\n\n.belief-grid h3,\n.product-card h3,\n.process-grid h3,\n.stack-card h3 {\n  margin-bottom: 8px;\n  font-size: 20px;\n  font-weight: 400;\n  line-height: 1.3;\n}\n\n.belief-grid p,\n.product-card p,\n.process-grid p,\n.stack-card p {\n  color: var(--soft-ink);\n  font-size: 14px;\n  line-height: 1.6;\n}\n\n.collection,\n.ritual-ware {\n  padding: 78px 44px 86px;\n  border-bottom: 1px solid rgba(30, 42, 36, .08);\n}\n\n.center-heading {\n  text-align: center;\n}\n\n.center-heading .kicker {\n  margin-bottom: 10px;\n}\n\n.product-row {\n  display: grid;\n  grid-template-columns: repeat(5, 1fr);\n  gap: 22px;\n  max-width: 1340px;\n  margin: 34px auto 0;\n}\n\n.product-card img {\n  height: 318px;\n  margin-bottom: 22px;\n  box-shadow: var(--shadow);\n  filter: saturate(.84) contrast(1.04);\n}\n\n.product-card p {\n  min-height: 42px;\n}\n\n.atelier {\n  background:\n    linear-gradient(180deg, rgba(235, 227, 213, .64), rgba(245, 240, 230, .64)),\n    var(--paper-deep);\n}\n\n.process-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 16px;\n}\n\n.process-grid img {\n  height: 370px;\n  margin-bottom: 20px;\n  filter: saturate(.9) contrast(1.03);\n}\n\n.feature-showcase {\n  display: grid;\n  grid-template-columns: 1.26fr .74fr .74fr;\n  gap: 22px;\n  max-width: 1260px;\n  margin: 34px auto 0;\n}\n\n.wide-card,\n.stack-card {\n  background: #fffaf0;\n  box-shadow: var(--shadow);\n}\n\n.wide-card {\n  display: grid;\n  grid-template-columns: 1.1fr .9fr;\n}\n\n.wide-card img {\n  min-height: 500px;\n}\n\n.wide-card div {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  padding: 48px;\n}\n\n.wide-card h3 {\n  font-size: 38px;\n  line-height: 1.14;\n  font-weight: 400;\n}\n\n.stack-card img {\n  height: 342px;\n}\n\n.stack-card h3,\n.stack-card p {\n  padding: 0 24px;\n}\n\n.stack-card h3 {\n  padding-top: 22px;\n}\n\n.stack-card p {\n  padding-bottom: 24px;\n}\n\n.consultation {\n  grid-template-columns: .42fr .58fr;\n  max-width: calc(100% - 88px);\n  margin: 74px auto;\n  padding: 0;\n  overflow: hidden;\n  border: 0;\n  border-radius: 8px;\n  background: #e9deca;\n  box-shadow: var(--shadow);\n}\n\n.consult-copy {\n  padding: 60px 0 48px 48px;\n}\n\n.consult-copy h2 {\n  max-width: 410px;\n}\n\n.consultation > img {\n  min-height: 430px;\n  object-position: center;\n}\n\n.service-list {\n  flex-wrap: wrap;\n  gap: 18px 30px;\n  margin-top: 44px;\n  color: #39433d;\n  font-size: 13px;\n}\n\n.service-list span::before {\n  content: \"\";\n  display: inline-block;\n  width: 16px;\n  height: 16px;\n  margin-right: 9px;\n  border: 1px solid var(--gold);\n  transform: translateY(3px);\n}\n\n.footer {\n  display: flex;\n  justify-content: space-between;\n  gap: 24px;\n  padding: 34px 44px;\n  color: #536057;\n  font-size: 14px;\n}\n\n.footer span {\n  color: var(--ink);\n  letter-spacing: .18em;\n}\n\n.footer p {\n  margin: 0;\n}\n\n.utility-page {\n  display: grid;\n  gap: 86px;\n  min-height: 100vh;\n  padding: 46px 8vw;\n  background:\n    radial-gradient(circle at 74% 20%, rgba(154, 122, 67, .14), transparent 24rem),\n    linear-gradient(135deg, #faf7ef, #eee5d5);\n}\n\n.utility-page .logo {\n  width: fit-content;\n}\n\n.utility-page section {\n  max-width: 720px;\n}\n\n.utility-page h1 {\n  max-width: 680px;\n}\n\n.utility-form {\n  display: flex;\n  gap: 12px;\n  margin: 28px 0 18px;\n}\n\n.utility-form input {\n  min-height: 48px;\n  flex: 1;\n  border: 1px solid rgba(30, 42, 36, .18);\n  border-radius: 2px;\n  padding: 0 16px;\n  color: var(--ink);\n  background: rgba(255, 250, 240, .78);\n  font: 15px Arial, sans-serif;\n}\n\n.commerce-page,\n.product-page,\n.checkout-page {\n  min-height: 100vh;\n  padding: 44px;\n  background:\n    radial-gradient(circle at 80% 10%, rgba(154, 122, 67, .1), transparent 24rem),\n    linear-gradient(180deg, #faf7ef, #f3ecdf);\n}\n\n.category-hero,\n.atelier-page-hero {\n  display: grid;\n  grid-template-columns: .76fr 1.24fr;\n  gap: 44px;\n  align-items: stretch;\n  max-width: 1260px;\n  margin: 36px auto 56px;\n  background: rgba(255, 250, 240, .68);\n  box-shadow: var(--shadow);\n}\n\n.category-hero > div,\n.atelier-page-hero > div {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  padding: 58px 52px;\n}\n\n.category-hero img,\n.atelier-page-hero img {\n  min-height: 460px;\n  object-position: center;\n  filter: saturate(.88) contrast(1.03);\n}\n\n.page-hero {\n  max-width: 860px;\n  padding: 62px 0 44px;\n}\n\n.page-hero h1 {\n  max-width: 820px;\n}\n\n.commerce-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 28px;\n  max-width: 1260px;\n  margin: 0 auto;\n}\n\n.focused-grid {\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  max-width: 850px;\n}\n\n.shop-card {\n  background: rgba(255, 250, 240, .74);\n  box-shadow: var(--shadow);\n}\n\n.shop-card a {\n  display: block;\n  margin: 0;\n  color: inherit;\n  font: inherit;\n  letter-spacing: 0;\n  text-transform: none;\n}\n\n.shop-card a::after {\n  content: none;\n}\n\n.shop-card img {\n  height: 390px;\n  filter: saturate(.9) contrast(1.03);\n}\n\n.shop-card h2,\n.shop-card p,\n.shop-card span {\n  padding: 0 24px;\n}\n\n.shop-card h2 {\n  margin: 20px 0 8px;\n  font-size: 24px;\n  font-weight: 400;\n}\n\n.shop-card p {\n  margin-bottom: 24px;\n  color: var(--soft-ink);\n  line-height: 1.58;\n}\n\n.shop-card span {\n  display: block;\n  padding-bottom: 24px;\n  color: var(--gold);\n  font: 12px Arial, sans-serif;\n  letter-spacing: .14em;\n  text-transform: uppercase;\n}\n\n.product-detail,\n.checkout-layout {\n  display: grid;\n  grid-template-columns: 1fr .84fr;\n  gap: 56px;\n  align-items: start;\n  max-width: 1180px;\n  margin: 52px auto;\n}\n\n.product-gallery {\n  background: #e8dec9;\n  box-shadow: var(--shadow);\n}\n\n.product-gallery img {\n  min-height: 620px;\n}\n\n.product-info,\n.order-summary,\n.checkout-form {\n  padding: 42px;\n  background: rgba(255, 250, 240, .78);\n  box-shadow: var(--shadow);\n}\n\n.price {\n  color: var(--gold);\n  font-size: 24px;\n}\n\n.product-actions {\n  display: flex;\n  gap: 12px;\n  margin: 30px 0;\n}\n\n.button.light {\n  color: var(--ink);\n  border-color: rgba(30, 42, 36, .22);\n  background: rgba(255, 255, 255, .42);\n}\n\n.product-notes,\n.checkout-form {\n  color: var(--soft-ink);\n  line-height: 1.7;\n}\n\n.bag-line {\n  display: grid;\n  grid-template-columns: 150px minmax(0, 1fr);\n  gap: 22px;\n  padding: 22px;\n  background: rgba(255, 250, 240, .74);\n  box-shadow: var(--shadow);\n}\n\n.bag-line img {\n  height: 150px;\n}\n\n.bag-line h2 {\n  margin-bottom: 8px;\n  font-weight: 400;\n}\n\n.order-summary p {\n  display: flex;\n  justify-content: space-between;\n  gap: 20px;\n  border-bottom: 1px solid var(--line);\n  padding-bottom: 14px;\n}\n\n.checkout-form {\n  display: grid;\n  gap: 14px;\n}\n\n.custom-layout {\n  max-width: 1180px;\n}\n\n.custom-summary {\n  display: block;\n}\n\n.custom-summary img {\n  height: 260px;\n  margin: -42px -42px 30px;\n  width: calc(100% + 84px);\n}\n\n.checkout-form input,\n.checkout-form select,\n.checkout-form textarea {\n  width: 100%;\n  min-height: 48px;\n  border: 1px solid rgba(30, 42, 36, .18);\n  padding: 0 16px;\n  color: var(--ink);\n  background: rgba(255, 255, 255, .58);\n  font: 15px Arial, sans-serif;\n}\n\n.checkout-form textarea {\n  min-height: 130px;\n  padding-top: 14px;\n}\n\n.form-row {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 12px;\n}\n\n@media (max-width: 1050px) {\n  .topbar {\n    grid-template-columns: 1fr;\n    gap: 18px;\n    padding: 24px;\n  }\n\n  .main-nav,\n  .nav-actions {\n    justify-content: flex-start;\n    flex-wrap: wrap;\n  }\n\n  .hero,\n  .belief-strip,\n  .atelier,\n  .consultation,\n  .wide-card {\n    grid-template-columns: 1fr;\n  }\n\n  .hero-copy {\n    padding: 64px 28px 38px;\n  }\n\n  .hero,\n  .hero-media {\n    min-height: 520px;\n  }\n\n  .hero-media img {\n    height: 460px;\n  }\n\n  .belief-strip,\n  .atelier {\n    padding: 58px 28px;\n  }\n\n  .belief-grid,\n  .product-row,\n  .process-grid,\n  .feature-showcase {\n    grid-template-columns: 1fr 1fr;\n  }\n\n  .consultation {\n    max-width: calc(100% - 32px);\n  }\n}\n\n@media (max-width: 680px) {\n  body {\n    overflow-x: hidden;\n  }\n\n  .topbar {\n    position: static;\n    gap: 14px;\n    min-height: auto;\n    padding: 18px 18px 14px;\n  }\n\n  .logo {\n    gap: 3px;\n  }\n\n  .logo span {\n    font-size: 22px;\n  }\n\n  .logo small {\n    font-size: 10px;\n    letter-spacing: .34em;\n    text-align: left;\n  }\n\n  .main-nav {\n    display: flex;\n    flex-wrap: nowrap;\n    justify-content: flex-start;\n    gap: 22px;\n    width: calc(100vw - 36px);\n    overflow-x: auto;\n    padding: 4px 0 10px;\n    font: 14px Arial, sans-serif;\n    scrollbar-width: none;\n  }\n\n  .main-nav::-webkit-scrollbar {\n    display: none;\n  }\n\n  .main-nav a {\n    flex: 0 0 auto;\n    white-space: nowrap;\n  }\n\n  .nav-actions {\n    justify-content: flex-start;\n    gap: 18px;\n  }\n\n  .nav-actions svg {\n    width: 20px;\n    height: 20px;\n  }\n\n  .hero {\n    min-height: auto;\n  }\n\n  .hero-copy {\n    padding: 42px 22px 30px;\n  }\n\n  .kicker {\n    margin-bottom: 14px;\n    font-size: 10px;\n    letter-spacing: .2em;\n  }\n\n  .hero-copy .rule {\n    margin-bottom: 22px;\n  }\n\n  h1 {\n    font-size: 42px;\n    line-height: 1.08;\n  }\n\n  .lede {\n    max-width: none;\n    font-size: 15px;\n    line-height: 1.65;\n  }\n\n  .button {\n    width: 100%;\n    min-height: 50px;\n    padding: 0 18px;\n    text-align: center;\n  }\n\n  .hero-media {\n    justify-content: center;\n    min-height: auto;\n    padding: 0 18px 34px;\n    background: linear-gradient(180deg, rgba(245, 240, 230, .4), #d8c9ae);\n  }\n\n  .hero-media img {\n    width: 100%;\n    height: 360px;\n    border-radius: 6px;\n    object-position: 50% 50%;\n  }\n\n  .belief-strip,\n  .atelier {\n    gap: 28px;\n    padding: 46px 20px;\n  }\n\n  .section-label h2,\n  .center-heading h2,\n  .consult-copy h2 {\n    font-size: 34px;\n    line-height: 1.16;\n  }\n\n  .section-label p:not(.kicker),\n  .consult-copy p {\n    max-width: none;\n    font-size: 15px;\n  }\n\n  .collection,\n  .ritual-ware {\n    padding: 46px 18px;\n  }\n\n  .belief-grid,\n  .product-row,\n  .process-grid,\n  .feature-showcase {\n    grid-template-columns: 1fr;\n  }\n\n  .belief-grid article {\n    border-left: 0;\n    border-top: 1px solid var(--line);\n  }\n\n  .product-card img,\n  .process-grid img,\n  .stack-card img {\n    height: 310px;\n  }\n\n  .product-card h3,\n  .product-card p {\n    margin-left: 2px;\n    margin-right: 2px;\n  }\n\n  .feature-showcase {\n    gap: 18px;\n  }\n\n  .wide-card {\n    display: block;\n  }\n\n  .wide-card div {\n    padding: 28px 22px;\n  }\n\n  .wide-card h3 {\n    font-size: 30px;\n  }\n\n  .wide-card img,\n  .consultation > img {\n    min-height: 320px;\n  }\n\n  .consult-copy {\n    padding: 36px 24px;\n  }\n\n  .consultation {\n    max-width: calc(100% - 24px);\n    margin: 42px auto;\n    border-radius: 6px;\n  }\n\n  .service-list {\n    display: grid;\n    gap: 12px;\n    margin-top: 28px;\n  }\n\n  .footer {\n    display: block;\n    padding: 28px 20px;\n    line-height: 1.6;\n  }\n\n  .utility-form {\n    display: grid;\n  }\n\n  .commerce-page,\n  .product-page,\n  .checkout-page {\n    padding: 22px 18px;\n  }\n\n  .category-hero,\n  .atelier-page-hero {\n    grid-template-columns: 1fr;\n    gap: 0;\n    margin: 18px auto 34px;\n  }\n\n  .category-hero > div,\n  .atelier-page-hero > div {\n    padding: 34px 22px;\n  }\n\n  .category-hero img,\n  .atelier-page-hero img {\n    min-height: 0;\n    height: 330px;\n  }\n\n  .utility-page {\n    gap: 56px;\n    padding: 28px 22px;\n  }\n\n  .page-hero {\n    padding: 42px 0 28px;\n  }\n\n  .page-hero h1,\n  .utility-page h1 {\n    font-size: 38px;\n  }\n\n  .commerce-grid {\n    gap: 20px;\n  }\n\n  .focused-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .shop-card img {\n    height: 330px;\n  }\n\n  .shop-card h2,\n  .shop-card p,\n  .shop-card span {\n    padding: 0 18px;\n  }\n\n  .shop-card span {\n    padding-bottom: 20px;\n  }\n\n  .commerce-grid,\n  .product-detail,\n  .checkout-layout {\n    grid-template-columns: 1fr;\n  }\n\n  .product-detail,\n  .checkout-layout {\n    gap: 24px;\n    margin: 34px auto;\n  }\n\n  .product-gallery img {\n    min-height: 0;\n    height: 430px;\n  }\n\n  .product-info,\n  .order-summary,\n  .checkout-form {\n    padding: 28px 22px;\n  }\n\n  .product-actions,\n  .form-row {\n    display: grid;\n  }\n\n  .bag-line {\n    grid-template-columns: 92px minmax(0, 1fr);\n    gap: 14px;\n    padding: 16px;\n  }\n\n  .bag-line img {\n    height: 92px;\n  }\n\n  .order-summary p {\n    display: grid;\n    gap: 4px;\n  }\n\n  .checkout-form input,\n  .checkout-form select,\n  .checkout-form textarea,\n  .utility-form input {\n    font-size: 16px;\n  }\n\n  .custom-summary img {\n    height: 230px;\n    margin: -28px -22px 24px;\n    width: calc(100% + 44px);\n  }\n}\n\n@media (max-width: 420px) {\n  h1 {\n    font-size: 36px;\n  }\n\n  .hero-media img,\n  .shop-card img {\n    height: 300px;\n  }\n\n  .product-gallery img {\n    height: 360px;\n  }\n\n  .product-card img,\n  .process-grid img,\n  .stack-card img {\n    height: 280px;\n  }\n}\n\n    .compact{position:sticky}\n  <\/style>\n<header class=\"topbar compact\"><a class=\"logo\" href=\"\/\"><span>YOCANSUN<\/span><small>ATELIER<\/small><\/a><nav class=\"main-nav\" aria-label=\"Primary navigation\"><a href=\"\/index.php\/talismans\/\">Talismans<\/a><a href=\"\/index.php\/jewelry\/\">Jewelry<\/a><a href=\"\/index.php\/crystals\/\">Crystals<\/a><a href=\"\/index.php\/ritual-ware\/\">Ritual Ware<\/a><a href=\"\/index.php\/the-atelier\/\">The Atelier<\/a><a href=\"\/index.php\/custom-work\/\">Custom Work<\/a><\/nav><div class=\"nav-actions\" aria-label=\"Store actions\"><a href=\"\/?s=\" aria-label=\"Search\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><circle cx=\"11\" cy=\"11\" r=\"6.5\"><\/circle><path d=\"m16 16 4.2 4.2\"><\/path><\/svg><\/a><a href=\"\/index.php\/my-account\/\" aria-label=\"Account\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"8\" r=\"3.5\"><\/circle><path d=\"M5.5 20c1.2-4 3.4-6 6.5-6s5.3 2 6.5 6\"><\/path><\/svg><\/a><a href=\"\/index.php\/cart\/\" aria-label=\"Cart\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M7 8h10l1 12H6L7 8Z\"><\/path><path d=\"M9 8a3 3 0 0 1 6 0\"><\/path><\/svg><span>0<\/span><\/a><\/div><\/header><main class=\"product-page\"><section class=\"product-detail\"><div class=\"product-gallery\"><img decoding=\"async\" src=\"https:\/\/yocansun.com\/wp-content\/uploads\/2026\/07\/yocansun-inscribed-bracelet.png\" alt=\"Inscribed bracelet\" \/><\/div><div class=\"product-info\"><p class=\"kicker\">JEWELRY COLLECTION<\/p><h1>Inscribed Bracelets<\/h1><p class=\"price\">$128.00<\/p><p class=\"lede\">Dark bead bracelets with symbolic markings, designed for daily grounding and protection.<\/p><div class=\"product-actions\"><a class=\"button dark\" href=\"\/index.php\/cart\/\">Add to Bag<\/a><a class=\"button light\" href=\"\/index.php\/checkout\/\">Buy Now<\/a><\/div><ul class=\"product-notes\"><li>Small-batch assembly<\/li><li>Adjustable sizing notes<\/li><li>Custom inscription option<\/li><\/ul><\/div><\/section><\/main>\n","protected":false},"excerpt":{"rendered":"<p>YOCANSUNATELIER Tali<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-37271","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/yocansun.com\/index.php\/wp-json\/wp\/v2\/pages\/37271","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/yocansun.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/yocansun.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/yocansun.com\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/yocansun.com\/index.php\/wp-json\/wp\/v2\/comments?post=37271"}],"version-history":[{"count":0,"href":"https:\/\/yocansun.com\/index.php\/wp-json\/wp\/v2\/pages\/37271\/revisions"}],"wp:attachment":[{"href":"https:\/\/yocansun.com\/index.php\/wp-json\/wp\/v2\/media?parent=37271"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}