.ptop-hrt{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #E3E5EA;background:#fff;color:#570C84;cursor:pointer;padding:0;font:700 14px system-ui,sans-serif;-webkit-tap-highlight-color:transparent}
.ptop-hrt svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.ptop-hrt.on{color:#E5484D;border-color:#F7C1C8;background:#FFF1F3}.ptop-hrt.on svg{fill:currentColor}
li.product.ptop-pf-li{position:relative}
.ptop-pf-li>.ptop-hrt-c{position:absolute;right:12px;bottom:12px;z-index:5;width:40px;height:40px;border-radius:50%;box-shadow:0 1px 4px rgba(0,0,0,.08)}
.ptop-hrt-c:after{content:"";position:absolute;inset:-4px}
.ptop-hrt-big{margin:12px 0;min-height:48px;padding:0 18px;border-radius:999px}
.ptop-pref-pill{position:fixed;left:max(16px,env(safe-area-inset-left,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:99990;display:none;align-items:center;gap:8px;min-height:48px;padding:0 16px;border:0;border-radius:999px;background:#570C84;color:#fff;font:700 14px system-ui,sans-serif;box-shadow:0 4px 18px rgba(30,20,50,.3);cursor:pointer}
.ptop-pref-pill svg{width:18px;height:18px;fill:#E5484D;stroke:#E5484D;stroke-width:2}
.ptop-pref-pill.on{display:inline-flex}
.ptop-tab{--pt-bg:#fff;--pt-bd:#DCD5E4;--pt-h:#570C84;--pt-c:#570C84;position:fixed;right:0;top:56%;z-index:99990;display:none;align-items:center;justify-content:center;width:26px;height:64px;background:var(--pt-bg);border:1px solid var(--pt-bd);border-right:0;border-radius:12px 0 0 12px;box-shadow:-2px 3px 10px rgba(40,20,60,.18);transition:transform .25s,opacity .25s}
.ptop-tab.on{display:flex}
.ptop-tab-l{position:absolute;right:100%;top:50%;transform:translateY(-50%);margin-right:6px;background:#570C84;color:#fff;font:700 12px system-ui,sans-serif;padding:7px 12px;border-radius:999px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s;box-shadow:0 2px 8px rgba(30,20,50,.2)}
.ptop-tab.pk .ptop-tab-l{opacity:1}
.ptop-tab .ptop-hrt{width:26px;height:64px;border:0;border-radius:12px 0 0 12px;background:transparent;color:var(--pt-h);padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer}
.ptop-tab .ptop-hrt svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2.2}
.ptop-tab .ptop-hrt.on{background:transparent;color:#E5484D;border:0}.ptop-tab .ptop-hrt.on svg{fill:currentColor}
.ptop-tab2{position:fixed;right:0;top:56%;z-index:99990;display:none;align-items:center;justify-content:center;width:26px;height:64px;padding:0;background:#fff;border:1px solid #DCD5E4;border-right:0;border-radius:12px 0 0 12px;box-shadow:-2px 3px 10px rgba(40,20,60,.18);color:#570C84;cursor:pointer;transition:transform .25s,opacity .25s}
.ptop-tab2.on{display:flex;animation:ptopin .3s ease-out}
.ptop-tab.on~.ptop-tab2{top:calc(56% + 72px)}
.ptop-tab.tk,.ptop-tab2.tk{transform:translateX(19px);opacity:.75}
.ptop-tab2 svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;pointer-events:none}
.ptop-tab2 b{position:absolute;left:-8px;top:-8px;min-width:17px;height:17px;border-radius:9px;background:#570C84;color:#fff;font:800 10px system-ui,sans-serif;border:2px solid #fff;box-sizing:content-box;display:flex;align-items:center;justify-content:center;padding:0 2px;pointer-events:none}
@keyframes ptopin{from{transform:translateX(30px);opacity:0}to{transform:none;opacity:1}}
.ptop-tab .ptop-hrt{position:relative}
.ptop-tab .ptop-hrt:after,.ptop-tab2:after{content:"";position:absolute;top:0;bottom:0;left:-22px;right:0}
.ptop-tab,.ptop-tab2{right:env(safe-area-inset-right,0px)}
@media(prefers-reduced-motion:reduce){.ptop-tab,.ptop-tab2{transition:none}.ptop-tab2.on,.ptop-pp{animation:none}}
@media(max-width:820px){.ptop-hrt-big,.ptop-pref-pill{display:none!important}}
@media(min-width:821px){.ptop-tab,.ptop-tab2{display:none!important}}
.ptop-pp-o{position:fixed;inset:0;z-index:99999;background:rgba(18,16,26,.4);display:flex;justify-content:flex-end}
.ptop-pp{width:min(380px,92vw);height:100%;overflow:auto;background:#fff;padding:16px 18px 20px;box-sizing:border-box;font-family:system-ui,sans-serif;color:#3A3A3A;box-shadow:-8px 0 30px rgba(30,20,50,.22);animation:ptopsl .22s ease-out}
.ptop-pp-o.sx{justify-content:flex-start}
.ptop-pp-o.sx .ptop-pp{box-shadow:8px 0 30px rgba(30,20,50,.22);animation-name:ptopslx}
@keyframes ptopslx{from{transform:translateX(-30px);opacity:0}to{transform:none;opacity:1}}
.ptop-sh.an{right:auto;bottom:auto;margin:0;max-width:none;box-sizing:border-box;animation:ptopfade .18s ease-out}
@keyframes ptopfade{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.ptop-sh-l{margin:4px 0 12px;padding-left:20px;font-size:14px;line-height:1.5}
@keyframes ptopsl{from{transform:translateX(30px);opacity:0}to{transform:none;opacity:1}}
.ptop-pp-h{display:flex;align-items:center;justify-content:space-between;font-size:18px;margin-bottom:8px}
.ptop-pp-x{border:0;background:none;font-size:30px;line-height:1;width:48px;height:48px;cursor:pointer;color:#45414F}
.ptop-pp-r{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid #EAE7EF}
.ptop-pp-r img{width:84px;height:56px;object-fit:contain;border-radius:8px;background:#F5F4F8;flex:none}
.ptop-pp-r div{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.ptop-pp-r a{color:#3A3A3A;font-weight:700;font-size:14px;text-decoration:none;line-height:1.25}
.ptop-pp-r span{font-size:13px;color:#6B6676}.ptop-pp-r span b{color:#3A3A3A}.ptop-pp-r span i{font-style:normal;color:#1E7B45;font-weight:700}
.ptop-pp-d{border:0;background:#F5F4F8;border-radius:999px;min-width:48px;min-height:48px;cursor:pointer;font-size:13px;font-weight:700;color:#45414F}
.ptop-pp-v{color:#6B6676;font-size:14px;margin:12px 0}
.ptop-pp-n{margin:12px 0 0;font-size:13px;color:#45414F}
.ptop-pp-n p{margin:0 0 8px}
.ptop-pp-n button,.ptop-sh button{min-height:48px;border:0;border-radius:999px;padding:0 18px;font:700 14px system-ui,sans-serif;cursor:pointer}
.ptop-pp-n .si,.ptop-sh .si{background:#570C84;color:#fff}.ptop-sh .no{background:#F5F4F8;color:#45414F}
.ptop-sh{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:99998;max-width:420px;margin:0 auto;background:#fff;border:1px solid #EAE7EF;border-radius:16px;padding:10px 14px;box-shadow:0 8px 30px rgba(30,20,50,.25);font:500 14px/1.45 system-ui,sans-serif;color:#3A3A3A}
.ptop-sh p{margin:0 0 10px}.ptop-sh div{display:flex;gap:8px;flex-wrap:wrap}
.ptop-hrt,.ptop-tab-l,.ptop-tab2,.ptop-pref-pill,.ptop-pp,.ptop-pp button,.ptop-sh,.ptop-sh button,.ptop-ts{font-family:inherit}
.ptop-ts{position:fixed;left:50%;top:16px;transform:translateX(-50%);z-index:100000;background:#12101A;color:#fff;padding:10px 16px;border-radius:999px;font:600 14px system-ui,sans-serif;max-width:90vw;text-align:center}