body.hx-theme .hx-product .hx-loyalty{display:block;padding:18px 18px 14px;margin-top:8px;border:1px solid #c9e2ed;border-radius:18px;background:#fff;color:#174e65}
body.hx-theme .hx-loyalty-heading{display:flex;align-items:center;gap:10px}
body.hx-theme .hx-loyalty-heading strong{display:block;font-size:16px;line-height:1.3;font-weight:600}
body.hx-theme .hx-loyalty-heading p{margin:3px 0 0;font-size:14px;line-height:1.4;color:#537084}
body.hx-theme .hx-loyalty-emblem{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:11px;background:#e8f6fc;color:#287fa7}
body.hx-theme .hx-loyalty-emblem svg{width:23px;height:23px}
body.hx-theme .hx-loyalty-track{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;list-style:none;padding:0;margin:18px 0 0}
body.hx-theme .hx-loyalty-track:before{content:"";position:absolute;z-index:-1;top:17px;left:16.667%;right:16.667%;height:2px;background:linear-gradient(90deg,#75c0df,#dcebf2 48%)}
body.hx-theme .hx-loyalty-track li{margin:0;padding:0;min-width:0}
body.hx-theme .hx-loyalty-step{display:flex;flex-direction:column;align-items:center;gap:5px;width:100%;min-height:126px;border:0;border-radius:12px;background:transparent;padding:0 3px 8px;font:inherit;text-align:center;color:#416378;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .2s ease,color .2s ease}
body.hx-theme .hx-loyalty-node{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border:1px solid #c6dce7;border-radius:50%;background:#f0f6f9;color:#66889a;box-shadow:0 0 0 5px white;transition:box-shadow .25s ease,transform .25s ease,border-color .25s ease}
body.hx-theme .hx-loyalty-node svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
body.hx-theme .hx-loyalty-step.is-current{color:#14648b}
body.hx-theme .hx-loyalty-step.is-current .hx-loyalty-node{background:#287fa7;border-color:#287fa7;color:#fff;box-shadow:0 0 0 5px white,0 0 15px #48bde833}
body.hx-theme .hx-loyalty-step[aria-pressed=true] .hx-loyalty-node{box-shadow:0 0 0 3px white,0 0 0 5px #a3d8ed;border-color:#57aaca}
body.hx-theme .hx-loyalty-step b{font-size:25px;line-height:1.2;font-weight:600;letter-spacing:-.04em;margin-top:5px}
body.hx-theme .hx-loyalty-orders{font-size:13px;line-height:1.35;min-height:18px}
body.hx-theme .hx-loyalty-status{font-size:12px;line-height:1.2;color:#5c7787}
body.hx-theme .hx-loyalty-step.is-current .hx-loyalty-status{color:#14648b}
body.hx-theme .hx-loyalty-detail{margin:9px 0 0;padding:10px 8px;text-align:center;border-radius:9px;background:#eff7fb;font-size:14px;line-height:1.4;color:#245d77}
body.hx-theme .hx-loyalty-note{margin:9px 0 0;font-size:12px;line-height:1.45;color:#5c7482}
body.hx-theme .hx-loyalty-step:focus-visible{outline:2px solid #287fa7;outline-offset:4px}
@media(hover:hover){body.hx-theme .hx-loyalty-step:hover{background:transparent;box-shadow:none}body.hx-theme .hx-loyalty-step:hover .hx-loyalty-node{transform:translateY(-2px)}}
@media(max-width:600px){body.hx-theme .hx-product .hx-loyalty{padding:15px 11px 12px}body.hx-theme .hx-loyalty-heading{gap:8px}body.hx-theme .hx-loyalty-heading strong{font-size:15px}body.hx-theme .hx-loyalty-track{gap:4px;margin-top:16px}body.hx-theme .hx-loyalty-step{min-height:137px}body.hx-theme .hx-loyalty-orders{min-height:35px}body.hx-theme .hx-loyalty-step b{font-size:23px}}
@media(prefers-reduced-motion:reduce){body.hx-theme .hx-loyalty-step,body.hx-theme .hx-loyalty-node{transition:none}body.hx-theme .hx-loyalty-step:hover .hx-loyalty-node{transform:none}}

body.hx-theme .hx-loyalty-track{margin-top:16px}
body.hx-theme .hx-loyalty-step{min-height:115px}
@media(max-width:600px){body.hx-theme .hx-loyalty-step{min-height:127px}}

body.hx-theme .hx-product .hx-loyalty-placement{margin-top:18px}