.upce-qv-btn{display:inline-block;margin-top:.5rem;padding:.5rem .85rem;border:1px solid #e3e6ea;border-radius:8px;background:#fff;font:inherit;cursor:pointer;transition:transform .08s ease,box-shadow .12s ease,border-color .12s ease} .upce-qv-btn:hover{border-color:#0c6e31;box-shadow:0 1px 8px #0c6e3126} .upce-qv-btn:active{transform:translateY(1px)} .upce-qv-btn.is-loading{position:relative;pointer-events:none;opacity:.9} .upce-qv-btn.is-loading,.upce-qv-btn.is-loading .upce-qv-btn__label{white-space:nowrap} .upce-qv-btn.is-loading::before{content:"";position:absolute;left:10px;top:50%;transform:translateY(-50%);width:14px;height:14px;border-radius:50%;border:2px solid #cccccc66;border-top-color:#0c6e31;animation:upce-spin .7s linear infinite} .upce-qv-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:99999;opacity:0;transition:opacity .2s ease} .upce-qv-backdrop.is-open{opacity:1} .upce-qv-backdrop.is-loading{cursor:progress} .upce-qv-modal{background:#fff;max-width:960px;width:92vw;max-height:90vh;overflow:auto;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.2);position:relative;padding:18px;opacity:0;transform:scale(.985) translateY(6px);transition:opacity .18s ease,transform .18s ease} .upce-qv-backdrop.is-open .upce-qv-modal{opacity:1;transform:none} .upce-qv-close{position:absolute;top:10px;right:12px;border:0;background:transparent;font-size:28px;line-height:1;cursor:pointer;opacity:.75;transition:opacity .12s} .upce-qv-close:hover{opacity:1} .upce-qv-body{display:grid;gap:18px} @media(min-width:768px){.upce-qv-body{grid-template-columns:360px 1fr}} .upce-qv-thumb{width:100%;height:auto;border-radius:8px;display:block} .upce-qv-title{margin:.25rem 0 .5rem;font-weight:700;font-size:1.15rem} .upce-qv-price{font-weight:600;margin-bottom:.5rem;color:#0c6e31} .upce-qv-content :where(p,ul,ol){margin:.5rem 0} .upce-qv-content a{color:#0c6e31} .upce-qv-content img{max-width:100%;height:auto;border-radius:6px} #upce-progress{position:fixed;top:0;left:0;width:0;height:3px;background:linear-gradient(90deg,#0c6e31,#cccccc);z-index:99999;box-shadow:0 0 8px rgba(0,0,0,.2);transition:width .2s ease,opacity .25s ease;opacity:0} #upce-progress.is-active{opacity:1} #upce-progress .peg{position:absolute;right:0;top:0;height:100%;width:120px;box-shadow:0 0 10px #0c6e3166,0 0 5px #cccccc80;opacity:.9;transform:rotate(3deg) translateY(-1px)} .upce-progress-inline{height:3px;width:0;background:linear-gradient(90deg,#0c6e31,#cccccc);transition:width .2s ease,opacity .25s ease;opacity:0;border-radius:2px} .upce-progress-inline.is-active{opacity:1} .upce-skeleton{display:grid;gap:1rem} .upce-skel-item{border:1px solid #e3e6ea;border-radius:8px;padding:1rem;background:linear-gradient(100deg,#f3f4f6 40%,#cccccc 50%,#f3f4f6 60%);background-size:200% 100%;animation:upce-shimmer 1.2s infinite;height:90px} @keyframes upce-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}} @keyframes upce-spin{to{transform:translateY(-50%) rotate(360deg)}} @media(prefers-reduced-motion:reduce){ .upce-qv-modal,.upce-qv-backdrop,#upce-progress,.upce-progress-inline{transition:none!important} .upce-skel-item{animation:none} } @media(prefers-color-scheme:dark){ .upce-qv-backdrop{background:rgba(0,0,0,.65)} .upce-qv-modal{background:#121418;color:#e8eaed;box-shadow:0 12px 48px rgba(0,0,0,.6)} .upce-qv-title{color:#f1f3f5} .upce-qv-price{color:#cccccc} .upce-qv-content a{color:#cccccc} .upce-qv-btn{background:#171a1f;border-color:#2a2f36;color:#dfe3ea} .upce-qv-btn:hover{border-color:#0c6e31;box-shadow:0 1px 8px #0c6e3140} .upce-qv-btn.is-loading::before{border-color:#cccccc66;border-top-color:#cccccc} }