.fruit { --ink:#9b4a58; --accent:#d06f7d; --wash:#fff0f2; }
.pn-snack-backdrop{position:fixed;z-index:80;inset:0;display:grid;place-items:center;padding:16px;background:#32203284}
.pn-snack-modal{width:min(100%,480px);max-height:calc(100dvh - 40px);overflow:auto;padding:20px;border-radius:20px;background:#fff;box-shadow:0 20px 60px #2a172956}
.pn-snack-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.pn-snack-head h2{margin:0}.pn-snack-close{display:grid;place-items:center;width:42px;height:42px;border:1px solid #f0e5ec;border-radius:50%;background:#fff;color:#854566;font-size:1.5rem}
.pn-snack-label{display:block;color:#685668;font-size:.89rem;font-weight:600}.pn-snack-text{display:block;width:100%;min-height:84px;margin-top:6px;padding:10px 12px;border:1px solid #e9dbe3;border-radius:12px;outline:0;resize:vertical;color:#49384a;font:inherit}.pn-snack-text:focus{border-color:#b56b95;box-shadow:0 0 0 3px #e7c5d939}.pn-snack-help,.pn-snack-loading{margin:7px 0 14px;color:#8a7b87;font-size:.8rem}.pn-snack-error{padding:9px 10px;border-radius:10px;background:#fff0f3;color:#a5415b;font-size:.8rem}
.pn-snack-stock{display:grid;gap:12px;margin:14px 0 18px}.pn-snack-group{padding-top:10px;border-top:1px solid #f3eaf0}.pn-snack-group:first-child{padding-top:0;border-top:0}.pn-snack-group-title{display:block;margin-bottom:7px;color:var(--ink,#73536a);font-size:.78rem}.pn-snack-chips{display:flex;flex-wrap:wrap;gap:7px}.pn-snack-chip{min-height:40px;padding:7px 11px;border:1px solid #eadde5;border-radius:12px;background:#fff;color:#66505e;font-size:.83rem}.pn-snack-chip.selected{border-color:var(--accent,#a85b86);background:var(--wash,#fbf0f6);color:var(--ink,#844569);box-shadow:inset 0 0 0 1px var(--accent,#a85b86)}
@media(max-width:540px){.pn-snack-modal{padding:17px}.pn-snack-chip{min-height:42px}}