/* interactive smart-offer demos */
.op-hint{display:flex;align-items:center;justify-content:center;gap:6px;margin:10px auto 6px;font-size:12.5px;font-weight:800;color:var(--green-d,#00804A)}
.op-hint::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--green-w,#00B666);box-shadow:0 0 0 0 rgba(0,182,102,.5);animation:opPing 1.6s infinite}
@keyframes opPing{70%{box-shadow:0 0 0 8px rgba(0,182,102,0)}100%{box-shadow:0 0 0 0 rgba(0,182,102,0)}}
.so-add,.q,.mini-btn,.pm-btn,.pm-x,.drw-rec span{cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .15s,background .25s,box-shadow .25s}
.so-add:active,.q:active,.mini-btn:active,.pm-btn:active,.drw-rec span:active{transform:scale(.97)}
.so-add:focus-visible,.q:focus-visible,.mini-btn:focus-visible,.pm-btn:focus-visible,.drw-rec span:focus-visible{outline:2px solid var(--green-w,#00B666);outline-offset:2px}
/* bundle */
.so.picked .so-b{box-shadow:0 20px 40px -26px rgba(5,46,31,.5),inset 0 0 0 2px var(--green-w,#00B666)}
.so.picked .so-add{background:#E3F6EC}
.so.picked .so-ck{background:var(--green-w,#00B666);box-shadow:none}
.so.picked .so-ck svg{opacity:1;transform:none}
.so .so-cart em{opacity:0;transition:opacity .3s}
.so.picked .so-cart em{opacity:1}
/* quantity */
.q-sum{display:flex;align-items:baseline;gap:8px;justify-content:center;margin-top:12px;padding:10px 14px;border-radius:14px;background:#F3FBF7;font-size:14px;font-weight:700;color:#46564E}
.q-sum b{font-size:20px;font-weight:900;color:#0D1B14}
.q-sum em{font-style:normal;padding:3px 9px;border-radius:999px;background:var(--green-w,#00B666);color:#fff;font-size:12px;font-weight:800}
/* post purchase */
.uic.added .mini-btn{background:#E3F6EC!important;color:#006B3F!important;display:inline-flex;align-items:center;gap:4px}
.mini-btn svg,.pm-btn svg,.drw-rec em svg{width:14px;height:14px}
.uic.added .pp-timer{background:#E3F6EC;color:#006B3F}
/* popup */
.popm{transition:opacity .35s,transform .35s}
.popm.gone{opacity:0;transform:scale(.94)}
.popm.used .pm-btn{background:#E3F6EC!important;color:#006B3F!important;display:flex;align-items:center;justify-content:center;gap:6px}
.popm.used .pm-code{text-decoration:line-through;opacity:.5}
/* drawer */
.drw-bar s{transition:width .6s cubic-bezier(.2,.8,.2,1)}
.drw-bar.done{background:#E3F6EC}
.drw-bar.done span{color:#006B3F;font-weight:800}
.drw-rec span.in-cart{box-shadow:inset 0 0 0 2px var(--green-w,#00B666)}
.drw-rec span.in-cart em{background:var(--green-w,#00B666);color:#fff}
.drw-tot{display:flex;justify-content:space-between;align-items:baseline;margin-top:10px;font-size:14px;font-weight:700;color:#46564E}
.drw-tot b{font-size:18px;font-weight:900;color:#0D1B14}
@media (prefers-reduced-motion:reduce){.op-hint::before{animation:none}.drw-bar s{transition:none}}