.kop-pop{--kop-blue:#226280;--kop-ink:#1f0000;--kop-text:#1f2937;--kop-green:#1e6b34;--kop-maroon:#a3202f;--kop-gold:#f4b400;--kop-gold-l:#ffd966;--kop-line:#e8e2cc}.kop-pop *{box-sizing:border-box}.kop-pop{position:fixed;top:90px;left:24px;z-index:11050;width:300px;max-width:calc(100vw - 24px);background:#fff;color:var(--kop-text);border-radius:12px;box-shadow:0 14px 40px rgba(0,0,0,.25);overflow:hidden;border:1px solid var(--kop-line);font-family:Raleway,sans-serif;opacity:0;transform:translateY(-10px);transition:opacity .25s,transform .25s}.kop-pop.is-in{opacity:1;transform:none}.kop-pop[hidden]{display:none}.kop-pop-h{background:var(--kop-green);color:#fff;padding:7px 12px;display:flex;justify-content:space-between;align-items:center;font:700 12px "Fira Sans",sans-serif}.kop-pop.is-max .kop-pop-h{background:var(--kop-ink)}.kop-pop-x{background:0 0;border:0;color:#fff;font-size:13px;cursor:pointer;padding:0 2px;min-height:0;line-height:1}.kop-pop-b{padding:10px 12px 12px}.kop-pop-item{display:flex;gap:8px;align-items:center;font-size:11.5px;line-height:1.35;padding-bottom:8px;border-bottom:1px dashed var(--kop-line);margin-bottom:8px}.kop-pop-item img{width:34px;height:34px;border-radius:8px;object-fit:cover;flex:none}.kop-pop-item b{display:block}.kop-pop-name{display:block;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.kop-pop-msg{font:800 14px/1.3 "Fira Sans",sans-serif;color:var(--kop-ink)}.kop-pop-msg em{font-style:normal;color:var(--kop-maroon)}.kop-bar{position:relative;height:7px;border-radius:6px;background:#eee;margin:9px 0 5px}.kop-bar>i{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:6px;background:linear-gradient(90deg,var(--kop-gold),var(--kop-gold-l));transition:width .5s}.kop-bar .kop-m{position:absolute;top:-4px;width:15px;height:15px;border-radius:50%;transform:translateX(-50%);display:grid;place-items:center;font-size:8px;font-style:normal;color:var(--kop-ink);background:#fff;border:2px solid #ccc}.kop-bar .kop-m.on{border-color:var(--kop-gold)}.kop-pop-marks{display:flex;justify-content:space-between;font-size:10px;font-weight:700;color:#666}.kop-pop-acts{display:flex;gap:6px;margin-top:10px}.kop-pop-acts a{flex:1;text-align:center;padding:7px 0;border-radius:7px;font:700 12.5px "Fira Sans",sans-serif;text-decoration:none!important}.kop-pop-more{border:1.5px solid var(--kop-blue);color:var(--kop-blue)!important}.kop-pop-cart{background:var(--kop-blue);color:#fff!important}@media (max-width:600px){.kop-pop{top:12px;right:12px;left:12px;width:auto;max-width:none}.kop-pop-item{display:none}}