/* A quiet purchase guide that balances the product title without adding a card. */
.cm-product-page .cm-product-heading { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:center; gap:clamp(28px,3vw,48px); }
.cm-product-heading-copy { min-width:0; }
.cm-product-journey { position:relative; width:100%; max-width:500px; justify-self:center; align-self:center; padding:20px 12px; }
.cm-product-journey::before { content:""; position:absolute; inset:-24px -12px; pointer-events:none; background:radial-gradient(ellipse at 50% 55%,#b48cda0a,transparent 70%); }
.cm-product-journey-label { display:flex; align-items:center; justify-content:center; gap:9px; margin:0 0 27px; color:#bbadca; font-size:12px; letter-spacing:.025em; text-align:center; }
.cm-product-journey-label > span { width:5px; height:5px; border-radius:50%; background:#c099e2; box-shadow:0 0 12px #b78adc40; flex:none; }
.cm-product-journey ol { position:relative; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin:0; padding:0; list-style:none; }
.cm-product-journey ol::before { content:""; position:absolute; top:19px; left:calc((100% - 36px) / 6); right:calc((100% - 36px) / 6); height:1px; background:linear-gradient(90deg,#ba91da12,#ba91da35,#ba91da12); }
.cm-product-journey li { position:relative; display:flex; flex-direction:column; align-items:center; gap:6px; color:#aa9cba; font-size:11px; line-height:1.5; text-align:center; }
.cm-product-journey-icon { display:grid; place-items:center; width:39px; height:39px; margin-bottom:8px; border:1px solid #b58ed929; border-radius:12px; color:#c0a0da; background:#21192d; font-size:13px; }
.cm-product-journey li:nth-child(2) .cm-product-journey-icon { color:#9bbfbd; }
.cm-product-journey li:nth-child(3) .cm-product-journey-icon { color:#baaacf; }
.cm-product-journey small { color:#857194; font:9px/1.3 ui-monospace,monospace; letter-spacing:.1em; }
@media(max-width:1000px) {
  .cm-product-page .cm-product-heading { grid-template-columns:1fr; gap:22px; }
  .cm-product-journey { justify-self:center; max-width:500px; padding:10px 0 0; }
  .cm-product-journey-label { margin-bottom:18px; }
}
@media(max-width:480px) {
  .cm-product-journey ol { gap:12px; }
  .cm-product-journey-label { font-size:11px; }
  .cm-product-journey li { font-size:10px; }
  .cm-product-journey-icon { width:34px; height:34px; border-radius:10px; }
  .cm-product-journey ol::before { top:17px; left:calc((100% - 24px) / 6); right:calc((100% - 24px) / 6); }
}
