/* Jeweller's hang tag: sample Gold 22K rate, hero left. Only where there is free space. */
.jbt-note{display:none}
/* medium screens: compact tag in the free band above the headline */
@media(min-width:880px) and (max-width:1239px){
.jbt-note{display:block;position:absolute;left:clamp(16px,3vw,36px);top:-22px;width:128px;z-index:2;transform-origin:50% 0;animation:jtDrop 1.1s cubic-bezier(.2,.9,.25,1) .4s backwards,jtSwing 6s ease-in-out 1.6s infinite;filter:drop-shadow(0 12px 12px rgba(0,0,0,.14))}
.jbt-note .jt-string{display:block;width:2px;height:34px;margin:0 auto;background:linear-gradient(#bbb,#111)}
.jbt-note .jt-card{position:relative;margin-top:-2px;padding:22px 10px 10px;background:#fff;color:#000;text-align:center;clip-path:polygon(18% 0,82% 0,100% 12%,100% 100%,0 100%,0 12%)}
.jbt-note .jt-card::before{content:"";position:absolute;top:8px;left:50%;width:9px;height:9px;margin-left:-4.5px;border-radius:50%;background:#e9e9ec;box-shadow:inset 0 1px 2px rgba(0,0,0,.35)}
.jbt-note small{display:block;font-size:9px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:#000}
.jbt-note b{display:block;margin:4px 0 0;font-size:26px;line-height:1;letter-spacing:-.04em;font-weight:800;color:#000;font-variant-numeric:tabular-nums;white-space:nowrap}
.jbt-note .jt-per{display:block;font-size:10px;color:#000;font-weight:600;letter-spacing:.06em;margin-top:2px}
.jbt-note .jt-sep,.jbt-note .jt-up,.jbt-note .jt-s{display:none}
}
@media(min-width:1240px){
.jbt-note{display:block;position:absolute;left:clamp(36px,4.6vw,80px);top:330px;width:184px;scale:var(--s,1);transform-origin:0 0;z-index:2;animation:jtIn .9s cubic-bezier(.2,.8,.2,1) .5s backwards,jtFloat 7s ease-in-out 1.5s infinite}
.jbt-note .jt-string{display:none}
.jbt-note .jt-card{position:relative;padding:20px 20px 18px;background:#fff;color:#000;text-align:left;border-radius:24px;box-shadow:0 0 0 1px rgba(0,0,0,.06),0 30px 50px -28px rgba(0,0,0,.35),0 4px 12px rgba(0,0,0,.05);transform:rotate(-2.5deg)}
.jbt-note .jt-card::before{content:"";position:absolute;top:20px;right:18px;width:8px;height:8px;border-radius:50%;background:#000;opacity:.85}
.jbt-note small{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:#000}
.jbt-note b{display:block;margin:12px 0 2px;font-size:38px;line-height:1;letter-spacing:-.04em;font-weight:800;color:#000;font-variant-numeric:tabular-nums;white-space:nowrap}
.jbt-note .jt-per{display:block;font-size:13px;color:#000;font-weight:600}
.jbt-note .jt-sep{display:block;margin:14px 0 12px;border:0;border-top:1px solid rgba(0,0,0,.1)}
.jbt-note .jt-up{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:#000}
.jbt-note .jt-up::before{content:"";width:0;height:0;border:5px solid transparent;border-bottom:7px solid #000;border-top:0}
.jbt-note .jt-s{display:block;margin-top:6px;font-size:12px;color:#000;opacity:.7}
@keyframes jtIn{from{opacity:0;transform:translateY(24px) scale(.96)}}
@keyframes jtFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
}
@keyframes jtDrop{from{transform:translateY(-120px) rotate(10deg);opacity:0}}
@keyframes jtSwing{0%,100%{transform:rotate(3deg)}50%{transform:rotate(-3deg)}}
}
@media(prefers-reduced-motion:reduce){.jbt-note{animation:none!important}}
.jbt-note .jt-up.dn::before{border-bottom:0;border-top:7px solid #000;border-left:5px solid transparent;border-right:5px solid transparent}
.jbt-note.jt-drag{animation:none!important}.jbt-note.jt-drag .jt-card{box-shadow:0 0 0 1px rgba(0,0,0,.08),0 40px 60px -24px rgba(0,0,0,.4);cursor:grabbing}
.jbt-note .jt-card{user-select:none;-webkit-user-select:none}
.jt-rs{position:absolute;right:9px;bottom:9px;width:16px;height:16px;cursor:nwse-resize;opacity:0;transition:opacity .2s;touch-action:none;background:linear-gradient(135deg,transparent 52%,rgba(0,0,0,.5) 52% 58%,transparent 58% 70%,rgba(0,0,0,.5) 70% 76%,transparent 76%)}
.jbt-note:hover .jt-rs,.jbt-note.jt-drag .jt-rs{opacity:.8}