#pv-sp{position:fixed;inset:0;background:#fff;z-index:200000;display:flex;flex-direction:column;transform:translateY(-14px);opacity:0;pointer-events:none;transition:transform .28s cubic-bezier(.22,1,.36,1),opacity .22s ease;font-family:Poppins,system-ui,sans-serif}
#pv-sp.pv-sp--open{transform:translateY(0);opacity:1;pointer-events:auto}
.pv-sp-head{display:flex;align-items:center;gap:10px;padding:12px 14px 10px;border-bottom:1px solid #f0ebe8;flex-shrink:0;background:#fff}
.pv-sp-iw{flex:1;display:flex;align-items:center;gap:8px;background:#f7f4f2;border-radius:14px;padding:10px 13px;transition:all .15s}
.pv-sp-iw:focus-within{background:#fff;outline:2px solid #e63200;outline-offset:-1px}
.pv-sp-iw svg{width:16px;height:16px;color:#aaa;flex-shrink:0}
.pv-sp-q{flex:1;border:none;background:transparent;font-size:16px;font-family:Poppins,system-ui,sans-serif;outline:none;color:#1a1a1a;min-width:0;caret-color:#e63200}
.pv-sp-q::placeholder{color:#bbb}
.pv-sp-clr{border:none;background:none;color:#bbb;cursor:pointer;font-size:19px;padding:2px;line-height:1;display:none;font-family:inherit;transition:color .12s}
.pv-sp-clr:hover{color:#888}
.pv-sp-clr.show{display:block}
.pv-sp-cancel{border:none;background:none;font-size:14px;font-weight:700;color:#e63200;cursor:pointer;padding:6px 0 6px 6px;white-space:nowrap;font-family:inherit}
.pv-sp-delbar{padding:10px 14px 0;flex-shrink:0}
.pv-sp-del{background:#fff8f5;border:1px solid #ffe0d2;border-radius:12px;padding:9px 12px}
.pv-sp-del-txt{font-size:11.5px;font-weight:600;color:#555;margin-bottom:6px;line-height:1.3}
.pv-sp-del-txt strong{color:#e63200}
.pv-sp-del--free{background:#f0faf4;border-color:#b2e8c8}
.pv-sp-del--free .pv-sp-del-txt{color:#0a8a3a;font-weight:700}
.pv-sp-del-track{height:6px;border-radius:99px;background:#f0e6e2;overflow:hidden}
.pv-sp-del-fill{height:100%;border-radius:99px;transition:width .5s ease;background:linear-gradient(90deg,#e63200,#ff7a00)}
.pv-sp-del--free .pv-sp-del-fill{background:linear-gradient(90deg,#0a8a3a,#3cc86b)}
.pv-sp-body{flex:1;overflow-y:auto;padding:0 14px 32px;-webkit-overflow-scrolling:touch}
.pv-sp-sec{font-size:10px;font-weight:800;letter-spacing:1.8px;color:#c0b8b4;text-transform:uppercase;margin:18px 0 9px}
.pv-sp-trend{display:flex;flex-wrap:wrap;gap:7px}
.pv-sp-trend-tag{border:none;background:#f7f4f2;border-radius:99px;padding:7px 14px;font-size:12.5px;font-weight:600;color:#333;cursor:pointer;font-family:inherit;transition:all .15s;white-space:nowrap}
.pv-sp-trend-tag:hover,.pv-sp-trend-tag:active{background:#e63200;color:#fff}
.pv-sp-cats{display:flex;gap:7px;overflow-x:auto;padding-bottom:6px;scrollbar-width:none;-ms-overflow-style:none}
.pv-sp-cats::-webkit-scrollbar{display:none}
.pv-sp-cat{flex-shrink:0;border:1.5px solid #e8ddd8;border-radius:99px;padding:7px 14px;font-size:12.5px;font-weight:600;color:#333;text-decoration:none;white-space:nowrap;background:#fff;transition:all .15s}
.pv-sp-cat:hover,.pv-sp-cat:active{background:#e63200;color:#fff;border-color:#e63200}
.pv-sp-prod{display:flex;align-items:center;gap:11px;padding:10px 0;border-bottom:1px solid #f5f0ed;animation:pvSpIn .22s ease both}
.pv-sp-prod:last-child{border-bottom:none}
@keyframes pvSpIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
.pv-sp-prod:nth-child(1){animation-delay:.03s}
.pv-sp-prod:nth-child(2){animation-delay:.07s}
.pv-sp-prod:nth-child(3){animation-delay:.11s}
.pv-sp-prod:nth-child(4){animation-delay:.15s}
.pv-sp-prod:nth-child(5){animation-delay:.18s}
.pv-sp-prod:nth-child(6){animation-delay:.21s}
.pv-sp-prod-img{width:52px;height:52px;border-radius:11px;object-fit:cover;flex-shrink:0;background:#f0ebe8}
.pv-sp-prod-info{flex:1;min-width:0}
.pv-sp-prod-badge{font-size:10px;font-weight:800;color:#e63200;letter-spacing:.5px;margin-bottom:1px}
.pv-sp-prod-name{font-size:12.5px;font-weight:800;color:#1a1a1a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;line-height:1.3}
mark.pv-sp-hl{background:#fff3b0;color:#1a1a1a;padding:0 1px;border-radius:2px;font-style:normal}
.pv-sp-prod-price{font-size:13.5px;font-weight:700;color:#e63200;margin-top:2px}
.pv-sp-add{width:34px;height:34px;border-radius:50%;background:#22c55e;color:#fff;border:none;cursor:pointer;font-size:23px;font-weight:300;line-height:1;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-family:inherit;box-shadow:0 3px 10px rgba(34,197,94,.35);transition:transform .12s,background .2s,box-shadow .2s}
.pv-sp-add:active{transform:scale(.85)}
.pv-sp-add.done{background:#0a8a3a;font-size:16px;box-shadow:0 3px 10px rgba(10,138,58,.4)}
.pv-sp-add:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}
.pv-sp-rec-bar{display:flex;align-items:center;justify-content:space-between;margin-top:18px}
.pv-sp-clr-all{border:none;background:none;font-size:12px;font-weight:800;color:#e63200;cursor:pointer;padding:4px;font-family:inherit;letter-spacing:.5px}
.pv-sp-rec-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}
.pv-sp-rec-tag{border:1.5px solid #e8ddd8;border-radius:99px;padding:6px 13px;font-size:12.5px;font-weight:500;color:#555;background:#fff;cursor:pointer;font-family:inherit;transition:background .12s}
.pv-sp-rec-tag:hover,.pv-sp-rec-tag:active{background:#f5f0ed}
.pv-sp-coll-a{display:inline-flex;align-items:center;gap:5px;background:#f5f0ed;border-radius:8px;padding:7px 12px;text-decoration:none;color:#1a1a1a;font-size:13px;font-weight:600;margin:0 6px 6px 0;transition:background .12s}
.pv-sp-coll-a:hover{background:#ede5e0}
.pv-sp-skel{display:flex;align-items:center;gap:11px;padding:10px 0;border-bottom:1px solid #f5f0ed}
.pv-sp-skel:last-child{border-bottom:none}
.pv-sp-skel-img,.pv-sp-skel-line{background:linear-gradient(90deg,#f0ebe8 25%,#e8e2de 50%,#f0ebe8 75%);background-size:200% 100%;animation:pvSk 1.4s infinite}
@keyframes pvSk{0%{background-position:200% 0}100%{background-position:-200% 0}}
.pv-sp-skel-img{width:52px;height:52px;border-radius:11px;flex-shrink:0}
.pv-sp-skel-txt{flex:1}
.pv-sp-skel-line{height:11px;border-radius:6px;margin-bottom:7px}
.pv-sp-skel-line:first-child{width:70%}
.pv-sp-skel-line:last-child{width:32%;margin-bottom:0}
.pv-sp-see-all{display:block;text-align:center;padding:13px;color:#e63200;font-size:13px;font-weight:700;text-decoration:none;border-top:1px solid #f5f0ed;margin-top:8px;border-radius:0 0 8px 8px;transition:background .12s}
.pv-sp-see-all:hover{background:#fff8f5}
.pv-sp-mt{text-align:center;padding:32px 0;color:#bbb;font-size:14px;line-height:1.7}
.pv-sp-mt-icon{font-size:36px;margin-bottom:8px}
#pv-sp-toast{position:fixed;top:-56px;left:50%;transform:translateX(-50%);background:#1a1a1a;color:#fff;font-size:13px;font-weight:600;padding:10px 18px;border-radius:99px;z-index:300000;font-family:Poppins,system-ui,sans-serif;white-space:nowrap;transition:top .28s cubic-bezier(.22,1,.36,1)}
#pv-sp-toast.pv-sp-toast-in{top:14px}