@layer components{.v3s .v3-pp.pg-loyalty .ply-st{width:min(96cqw,640px);max-height:94cqh;overflow:hidden;font-size:.9rem;padding:clamp(10px,2cqw,18px);gap:12px}.v3s .v3-pp.pg-loyalty .ply-st .ply-rw li{padding:7px 10px}.v3s .v3-pp.pg-loyalty .ply-rw-b{grid-row:span 2;display:inline-flex;align-items:center;min-height:32px;padding:0 10px;border-radius:10px;border:1px solid var(--v-line2);background:var(--v-soft);color:var(--v-text);font-weight:700;font-size:.8rem;white-space:nowrap}.v3s .v3-pp.pg-loyalty .ply-rw li.is-ready .ply-rw-b{background:var(--v-ink);color:var(--v-on);border-color:var(--v-ink)}.v3s .v3-pp.pg-loyalty .ply-st .ply-lock .lock-alert{animation:none}@container (max-width: 520px){.v3s .v3-pp.pg-loyalty .ply-st{grid-template-columns:minmax(0,1fr)}.v3s .v3-pp.pg-loyalty .ply-st .ply-side .ply-rw li:nth-child(n+3){display:none}}}@layer components{.v3s .plg-card{width:min(92cqw,520px);max-height:94cqh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;border-radius:18px;background:#fff;border:1px solid #ECE4EA;box-shadow:0 30px 60px -30px #1a0a1459;color:#1a0a14;font-size:clamp(11px,2.4cqw,14px);line-height:1.35;text-align:left}.v3s .plg-card-h{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid #F1EAEF}.v3s .plg-card-h b{font-size:1.2em;font-weight:800}.v3s .plg-card .v3-sp-chip{font-size:.82em;padding:2px 9px;border-radius:99px}.v3s .plg-rows{list-style:none;margin:0;padding:0;overflow:hidden}.v3s .plg-rows li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 16px;border-bottom:1px solid #F1EAEF}.v3s .plg-row-t{display:grid;gap:2px;min-width:0}.v3s .plg-row-t b{font-weight:700}.v3s .plg-row-t small{font-size:.84em;color:#735e6c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.v3s .plg-row-t small.is-on{color:#0b5a41;font-weight:600}.v3s .plg-tg{position:relative;flex:none;width:34px;height:20px;border-radius:99px;background:#ddd1da}.v3s .plg-tg:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0003}.v3s .plg-tg.is-on{background:#b0338c}.v3s .plg-tg.is-on:after{left:16px}.v3s .plg-card-f{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 16px}.v3s .plg-card-f small{font-size:.84em;color:#735e6c}.v3s .plg-add{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:10px;border:1px solid #DDD1DA;font-weight:700;font-size:.92em;white-space:nowrap}.v3s .plg-add svg{width:14px;height:14px}@container (max-height: 360px){.v3s .plg-rows li:nth-child(n+4){display:none}}.v3s .plg-scan{gap:3.4cqw;padding-top:12cqw}.v3s .plg-member{display:flex;align-items:center;gap:3cqw}.v3s .plg-av{width:11cqw;height:11cqw;display:grid;place-items:center;border-radius:50%;background:#f1e6ee;color:#8a2470;font-size:4.6cqw;font-weight:800}.v3s .plg-member b{display:block;font-size:4.6cqw;font-weight:800}.v3s .plg-member small{display:block;font-size:3.1cqw;color:#735e6c}.v3s .plg-groups{gap:2.4cqw}.v3s .plg-act{margin-top:1cqw}.v3s .plg-confirm{display:grid;gap:2.4cqw;padding:3cqw;border-radius:3cqw;border:1px solid #ECE4EA}.v3s .plg-confirm>small{font-size:3.1cqw;color:#54404d}.v3s .plg-btns{display:flex;flex-wrap:wrap;gap:2cqw}.v3s .plg-btn{padding:2.2cqw 4cqw;font-size:3.4cqw}.v3s .plg-btn.is-blue{background:#2563eb;color:#fff}.v3s .plg-btn.is-green{background:#047857;color:#fff}.v3s .plg-btn.is-done{background:#d1fae5;color:#065f46}.v3s .plg-flash{position:absolute;left:5cqw;right:5cqw;bottom:calc(5cqw + 34 * 100cqw / 393);padding:2.6cqw 3.4cqw;border-radius:3cqw;background:#ecfdf5;border:1px solid #A7F3D0;color:#065f46;font-size:3.2cqw;font-weight:700}.v3s .plg-mail{bottom:16cqh}.v3s .plg-promo{max-width:720px;margin:clamp(18px,2.4vw,28px) auto 0;text-align:center}}@layer components{.v3s .v3-pp.pg-loyalty .pp-qr{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;padding:5px;background:#fff;border-radius:8px;width:64px;aspect-ratio:1;flex:none}.v3s .v3-pp.pg-loyalty .pp-qr i{background:transparent;border-radius:1px}.v3s .v3-pp.pg-loyalty .pp-qr i.k{background:#1a120e}.v3s .v3-pp.pg-loyalty .ply-hero{position:relative;display:flex;justify-content:center;align-items:center;gap:5%;padding:2% 0 8%}.v3s .v3-pp.pg-loyalty .ply-ph1 .v3-phone{--w: 40cqw}.v3s .v3-pp.pg-loyalty .ply-passw{width:44cqw;transform:rotate(5deg) translateY(10%)}.v3s .v3-pp.pg-loyalty .ply-note{position:absolute;left:0;top:2%;width:min(360px,62cqw)}.v3s .v3-pp.pg-loyalty .ply-note .lock-alert{max-width:none}@media(max-width:560px){.v3s .v3-pp.pg-loyalty .ply-note{top:-6%}.v3s .v3-pp.pg-loyalty .ply-hero{padding-top:12%}}.v3s .v3-pp.pg-loyalty .ply-pass{border-radius:18px;background:var(--v-ink);color:var(--v-on);padding:14px;display:grid;gap:12px;box-shadow:0 22px 44px -20px #140c0899;font-size:min(15px,3.4cqw)}.v3s .v3-pp.pg-loyalty .ply-ph{display:flex;align-items:center;gap:10px}.v3s .v3-pp.pg-loyalty .ply-ph b{color:var(--v-on)}.v3s .v3-pp.pg-loyalty .ply-stamps{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.v3s .v3-pp.pg-loyalty .ply-stamps i{aspect-ratio:1;border-radius:50%;border:2px dashed color-mix(in srgb,var(--v-on) 45%,transparent)}.v3s .v3-pp.pg-loyalty .ply-stamps i.on{border:0;background:var(--v-on);box-shadow:inset 0 0 0 5px var(--v-ink),inset 0 0 0 8px var(--v-on)}.v3s .v3-pp.pg-loyalty .ply-pr{display:flex;justify-content:space-between;gap:10px}.v3s .v3-pp.pg-loyalty .ply-pr span{display:grid;font-weight:700}.v3s .v3-pp.pg-loyalty .ply-pr small{font-weight:600;font-size:.75em}.v3s .v3-pp.pg-loyalty .ply-pass .pp-qr{justify-self:center;width:70px}.v3s .v3-pp.pg-loyalty .ply-acts{display:flex;flex-wrap:wrap;gap:10px}.v3s .v3-pp.pg-loyalty .ply-v3{display:flex;gap:8px;align-items:flex-start}.v3s .v3-pp.pg-loyalty .ply-out{border-radius:26px;padding:clamp(14px,2.4vw,24px);background:var(--v-soft);border:1px solid var(--v-line);display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:16px;align-items:start}.v3s .v3-pp.pg-loyalty .ply-card{border-radius:22px;background:var(--v-ink);color:var(--v-on);padding:18px;display:grid;gap:14px;box-shadow:0 20px 44px -22px #140c088c}.v3s .v3-pp.pg-loyalty .ply-ch{display:flex;align-items:center;gap:12px}.v3s .v3-pp.pg-loyalty .ply-ch b{display:block;color:var(--v-on)}.v3s .v3-pp.pg-loyalty .ply-ch small{opacity:1}.v3s .v3-pp.pg-loyalty .ply-bal .ply-stamps i.on{animation:none}.v3s .v3-pp.pg-loyalty .ply-bal .ply-stamps i.is-new{animation:ply-ply-stamp .5s var(--ease-spring) both}@keyframes ply-ply-stamp{0%{transform:scale(.3);opacity:0}to{transform:none;opacity:1}}.v3s .v3-pp.pg-loyalty .ply-pts{display:flex;align-items:baseline;gap:8px}.v3s .v3-pp.pg-loyalty .ply-pts b{font-size:2.8rem;letter-spacing:-.04em;color:var(--v-on);font-variant-numeric:tabular-nums}.v3s .v3-pp.pg-loyalty .ply-pts span{opacity:.8;font-weight:700}.v3s .v3-pp.pg-loyalty .ply-next{margin:0;font-weight:700;color:var(--v-on)}.v3s .v3-pp.pg-loyalty .ply-foot{display:flex;align-items:center;gap:12px;padding-top:12px;border-top:1px solid color-mix(in srgb,var(--v-on) 20%,transparent)}.v3s .v3-pp.pg-loyalty .ply-foot>span:last-child{display:grid}.v3s .v3-pp.pg-loyalty .ply-foot small{font-size:.78rem}.v3s .v3-pp.pg-loyalty .ply-foot b{letter-spacing:.08em;color:var(--v-on)}.v3s .v3-pp.pg-loyalty .ply-side{display:grid;gap:10px}.v3s .v3-pp.pg-loyalty .ply-sh{font-size:.76rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--v-sub)}.v3s .v3-pp.pg-loyalty .ply-rw{list-style:none;display:grid;gap:8px}.v3s .v3-pp.pg-loyalty .ply-rw li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;align-items:center;padding:10px 12px;border-radius:14px;background:#fff;border:1px solid var(--v-line)}.v3s .v3-pp.pg-loyalty .ply-rw li b{color:var(--v-text)}.v3s .v3-pp.pg-loyalty .ply-rw li small{color:var(--v-mute);grid-column:1}.v3s .v3-pp.pg-loyalty .ply-rw li button{grid-row:span 2;min-height:40px;padding:0 12px;border-radius:10px;border:1px solid var(--v-line2);background:var(--v-soft);color:var(--v-mute);font:inherit;font-weight:700;font-size:.84rem;cursor:not-allowed}.v3s .v3-pp.pg-loyalty .ply-rw li.is-ready{border-color:var(--v-accent)}.v3s .v3-pp.pg-loyalty .ply-rw li.is-ready button{cursor:pointer;background:var(--v-ink);color:var(--v-on);border-color:var(--v-ink)}.v3s .v3-pp.pg-loyalty .ply-lock{display:grid;gap:6px}.v3s .v3-pp.pg-loyalty .ply-lock small{color:var(--v-mute);font-size:.8rem}.v3s .v3-pp.pg-loyalty .ply-lock .lock-alert{max-width:none;animation:ply-p25-drop .6s var(--ease-spring) both}@keyframes ply-p25-drop{0%{opacity:0;transform:translateY(-10px) scale(.97)}to{opacity:1;transform:none}}@media(max-width:700px){.v3s .v3-pp.pg-loyalty .ply-out{grid-template-columns:minmax(0,1fr)}}.v3s .v3-pp.pg-loyalty .ply-setup{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(18px,3vw,40px);align-items:start}.v3s .v3-pp.pg-loyalty .ply-setup-l{display:grid;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:26px;padding:20px;position:sticky;top:calc(var(--s-nav-h) + 80px)}.v3s .v3-pp.pg-loyalty .ply-lh{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.v3s .v3-pp.pg-loyalty .ply-lh>b{display:inline-flex;align-items:center;gap:8px}.v3s .v3-pp.pg-loyalty .ply-lh>b svg{width:18px;height:18px;color:var(--accent-ink)}.v3s .v3-pp.pg-loyalty .ply-list{display:grid;gap:8px}.v3s .v3-pp.pg-loyalty .ply-empty{display:flex;gap:8px;align-items:flex-start;padding:14px;border-radius:14px;border:1px dashed var(--line-2);color:var(--fg-3);font-size:.9rem}.v3s .v3-pp.pg-loyalty .ply-empty svg{width:16px;height:16px;flex:none;margin-top:2px}.v3s .v3-pp.pg-loyalty .ply-row~.ply-empty{display:none}.v3s .v3-pp.pg-loyalty .ply-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px;border-radius:16px;border:1px solid var(--line);background:var(--bg)}.v3s .v3-pp.pg-loyalty .ply-row>span:nth-child(2){display:grid;min-width:0}.v3s .v3-pp.pg-loyalty .ply-row small{color:var(--fg-3);overflow-wrap:anywhere}.v3s .v3-pp.pg-loyalty .ply-earn{display:grid;gap:8px;padding:14px;border-radius:18px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-2);font-size:.86rem}.v3s .v3-pp.pg-loyalty .ply-earn>div{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 10px;border-radius:12px;background:var(--bg-2)}.v3s .v3-pp.pg-loyalty .ply-earn span{display:inline-flex;align-items:center;gap:7px}.v3s .v3-pp.pg-loyalty .ply-earn svg{width:16px;height:16px;color:var(--accent-ink)}.v3s .v3-pp.pg-loyalty .ply-earn b{color:var(--ok);white-space:nowrap}@media(max-width:1000px){.v3s .v3-pp.pg-loyalty .ply-setup{grid-template-columns:minmax(0,1fr)}.v3s .v3-pp.pg-loyalty .ply-setup-l{position:relative;top:0}}}
