.pp-html,.pp-html body,.pp-shell{background:#eef3f7}.pp-shell{--pp-violet:#1a0088;--pp-ink:#121212;--pp-muted:#6f6c80;--pp-line:#ececf0;--pp-field:#f4f4f5;color:var(--pp-ink);font-family:var(--font-display,"DM Sans"),system-ui,sans-serif;min-height:100vh}.pp-shell svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.pp-side{background:var(--pp-violet);color:#fff;display:flex;flex-direction:column;inset:0 auto 0 0;overflow-y:auto;padding:26px 20px 22px;position:fixed;transform:translate(-100%);transition:transform .25s ease;width:272px;z-index:40}.pp-side.is-open{box-shadow:0 0 60px #1212124d;transform:none}.pp-side-logo{display:inline-flex;margin-bottom:38px;padding:0 8px}.pp-nav{display:flex;flex-direction:column;gap:6px}.pp-nav-item{align-items:center;background:transparent;border:0;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:12px;height:46px;padding:0 14px;text-align:left;transition:background .15s ease;width:100%}.pp-nav-item svg{flex:none;height:21px;width:21px}.pp-nav-item span{flex:1}.pp-nav-item:hover{background:#ffffff1f}.pp-nav-item.is-active{background:#473b7d;font-weight:600}.pp-nav-item:focus-visible{outline:2px solid #fff;outline-offset:2px}.pp-nav-badge{align-items:center;background:#ffbf9e;border-radius:6px;color:var(--pp-ink);display:inline-flex;font-size:12px;font-weight:700;height:22px;justify-content:center;min-width:22px;padding:0 6px}.pp-nav-sep{border:0;border-top:1px solid hsla(0,0%,100%,.28);margin:14px 0 10px}.pp-nav-title{color:#ffffffd1;font-size:14px;padding:6px 14px 8px}.pp-side-foot{display:flex;flex-direction:column;gap:4px;margin-top:auto;padding-top:24px}.pp-side-foot .pp-nav-item{color:#ffffffdb;font-size:14px}.pp-scrim{background:#12121259;inset:0;position:fixed;z-index:39}.pp-main{min-width:0}.pp-top{align-items:center;background:#fff;display:flex;gap:14px;height:76px;padding:0 18px;position:sticky;top:0;z-index:30}.pp-burger{align-items:center;background:var(--pp-field);border:0;border-radius:10px;cursor:pointer;display:inline-flex;height:42px;justify-content:center;width:42px}.pp-burger svg{height:22px;width:22px}.pp-search{align-items:center;background:var(--pp-field);border-radius:12px;display:flex;flex:1;height:48px;max-width:580px;min-width:0;padding:0 6px 0 16px}.pp-search input{background:transparent;border:0;color:var(--pp-ink);flex:1;font:inherit;font-size:14px;min-width:0;outline:none}.pp-search input::-moz-placeholder{color:#8a8797}.pp-search input::placeholder{color:#8a8797}.pp-search button{align-items:center;background:#fff;border:0;border-radius:8px;color:var(--pp-ink);cursor:pointer;display:inline-flex;height:36px;justify-content:center;width:36px}.pp-search button:hover{color:var(--pp-violet)}.pp-search button svg{height:18px;width:18px}.pp-search:focus-within{box-shadow:0 0 0 2px #7e62ff59}.pp-top-cart{align-items:center;border-radius:12px;color:var(--pp-ink);display:inline-flex;height:44px;justify-content:center;margin-left:auto;position:relative;width:44px}.pp-top-cart:hover{background:var(--pp-field);color:var(--pp-violet)}.pp-top-cart svg{height:22px;width:22px}.pp-top-cart b{background:#f2555a;border-radius:9px;color:#fff;font-size:11px;font-weight:700;height:18px;line-height:18px;min-width:18px;padding:0 4px;position:absolute;right:1px;text-align:center;top:3px}.pp-user{position:relative}.pp-user-btn{align-items:center;background:transparent;border:0;border-radius:12px;color:inherit;cursor:pointer;display:flex;font:inherit;gap:10px;padding:4px 6px;text-align:left}.pp-user-btn:hover{background:var(--pp-field)}.pp-avatar{align-items:center;background:#ffd6dc;border-radius:50%;color:var(--pp-ink);display:inline-flex;flex:none;font-size:14px;font-weight:700;height:42px;justify-content:center;width:42px}.pp-user-txt{display:none;flex-direction:column;line-height:1.2;max-width:190px}.pp-user-txt b{font-size:14px;font-weight:700}.pp-user-txt b,.pp-user-txt small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pp-user-txt small{color:var(--pp-muted);font-size:12px}.pp-user-chev{display:none;height:16px;width:16px}.pp-menu{background:#fff;border-radius:12px;box-shadow:0 18px 40px #12121224;display:flex;flex-direction:column;min-width:210px;padding:8px;position:absolute;right:0;top:calc(100% + 8px)}.pp-menu a,.pp-menu button{background:transparent;border:0;border-radius:8px;color:var(--pp-ink);cursor:pointer;display:block;font:inherit;font-size:13px;font-weight:600;padding:10px 12px;text-align:left;width:100%}.pp-menu a:hover,.pp-menu button:hover{background:var(--pp-field)}.pp-menu .is-danger{color:#c4320a}.pp-content{margin:0 auto;max-width:1280px;padding:26px 16px 60px}@media(min-width:720px){.pp-user-txt{display:flex}.pp-user-chev{display:block}.pp-top{gap:20px;height:88px;padding:0 28px}.pp-content{padding:36px 28px 80px}}@media(min-width:1100px){.pp-side{transform:none}.pp-burger,.pp-scrim{display:none}.pp-main{margin-left:272px}.pp-content{padding:44px 40px 90px}}.pp-page-head{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:26px}.pp-h1{color:var(--pp-ink);font-size:clamp(26px,3vw,36px);font-weight:800;letter-spacing:-.01em;line-height:1.12}.pp-sub{color:var(--pp-muted);font-size:14px;line-height:21px;margin-top:6px}.pp-actions{display:flex;flex-wrap:wrap;gap:10px}.pp-card{background:#fcfcfd;border-radius:10px;padding:22px}.pp-card+.pp-card{margin-top:12px}.pp-card-head{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:18px}.pp-card-title{color:var(--pp-ink);font-size:18px;font-weight:700}.pp-card-head .pp-card-aside{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-left:auto}.pp-mark{background:#cbbeff;border-radius:4px;flex:none;height:28px;width:14px}.pp-mark.is-peach{background:#ffbf9e}.pp-mark.is-mint{background:#b7e4cb}.pp-mark.is-sky{background:#bde6fa}.pp-btn{align-items:center;border:1px solid transparent;border-radius:10px;cursor:pointer;display:inline-flex;font:inherit;font-size:14px;font-weight:600;gap:8px;height:46px;justify-content:center;padding:0 20px;transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease;white-space:nowrap}.pp-btn svg{height:18px;width:18px}.pp-btn:disabled{cursor:not-allowed;opacity:.5}.pp-btn.is-primary{background:var(--pp-violet);color:#fff}.pp-btn.is-primary:hover:not(:disabled){background:#6b5ab5;box-shadow:0 10px 24px #7e62ff47}.pp-btn.is-outline{background:transparent;border-color:#3a3a3a;color:var(--pp-ink)}.pp-btn.is-outline:hover:not(:disabled){border-color:var(--pp-violet);color:var(--pp-violet)}.pp-btn.is-ghost{background:#fff;border-color:#e4e4e8;color:var(--pp-ink)}.pp-btn.is-ghost:hover:not(:disabled){border-color:var(--pp-violet);color:var(--pp-violet)}.pp-btn.is-dark{background:var(--pp-ink);color:#fff}.pp-btn.is-dark:hover:not(:disabled){background:#2c2c2c}.pp-btn.is-sm{border-radius:8px;font-size:13px;height:36px;padding:0 14px}.pp-btn:focus-visible{outline:2px solid var(--pp-violet);outline-offset:2px}.pp-link{color:var(--pp-violet);font-size:13px;font-weight:600}.pp-link:hover{text-decoration:underline}.pp-badge{align-items:center;border-radius:4px;display:inline-flex;font-size:13px;font-weight:600;height:24px;padding:0 8px;white-space:nowrap}.pp-badge.is-yellow{background:#ffd66b;color:#3d2e00}.pp-badge.is-blue{background:#bde6fa;color:#0b3b57}.pp-badge.is-lilac{background:#e1daff;color:#3a2a9a}.pp-badge.is-mint{background:#e3f6ea;color:#2e8a55}.pp-badge.is-green{background:#b7e4cb;color:#14532d}.pp-badge.is-red{background:#fde2e1;color:#b42318}.pp-badge.is-grey{background:#eeeef1;color:#55535f}.pp-amount{background:#f0f0f2;border-radius:4px;display:inline-flex;font-size:13px;font-weight:600;padding:3px 8px;white-space:nowrap}.pp-chips{display:flex;flex-wrap:wrap;gap:6px}.pp-chip{background:transparent;border:0;border-radius:10px;color:#4a4858;cursor:pointer;font:inherit;font-size:13px;font-weight:500;height:38px;padding:0 14px;white-space:nowrap}.pp-chip:hover{background:#f4f4f5}.pp-chip.is-active{background:#ededf0;color:var(--pp-ink);font-weight:700}.pp-field{display:flex;flex-direction:column;gap:8px}.pp-label{color:#2b2a33;font-size:13px;gap:6px}.pp-hint,.pp-label{align-items:center;display:inline-flex;font-weight:700}.pp-hint{background:#6f6c80;border-radius:50%;color:#fff;cursor:help;font-size:10px;height:14px;justify-content:center;width:14px}.pp-input{background:var(--pp-field);border:1px solid transparent;border-radius:8px;color:var(--pp-ink);font:inherit;font-size:14px;font-weight:600;height:48px;outline:none;padding:0 14px;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;width:100%}textarea.pp-input{font-weight:500;height:auto;line-height:1.5;padding:12px 14px;resize:vertical}.pp-input::-moz-placeholder{color:#9a98a6;font-weight:500}.pp-input::placeholder{color:#9a98a6;font-weight:500}.pp-input:focus{background:#fff;border-color:var(--pp-violet);box-shadow:0 0 0 3px #7e62ff29}.pp-input:disabled{color:#7a7886;cursor:not-allowed}.pp-input.is-invalid{background:#fff7f6;border-color:#d92d20}.pp-error{color:#b42318;font-size:12px;line-height:17px}.pp-table-wrap{margin:0 -22px;overflow-x:auto;padding:0 22px}.pp-table{border-collapse:collapse;min-width:640px;width:100%}.pp-table th{color:#55535f;font-size:13px;font-weight:600;padding:0 12px 14px;text-align:left;white-space:nowrap}.pp-table td{border-top:1px solid var(--pp-line);font-size:14px;padding:16px 12px;vertical-align:middle}.pp-table tbody tr{transition:background .15s ease}.pp-table tbody tr:hover{background:#f6f6f8}.pp-thumb{align-items:center;background:#efeafb;border-radius:8px;color:#a597e8;display:inline-flex;flex:none;height:56px;justify-content:center;overflow:hidden;width:56px}.pp-thumb img{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.pp-thumb svg{height:24px;width:24px}.pp-empty{color:var(--pp-muted);font-size:14px;padding:42px 16px;text-align:center}.pp-empty b{color:var(--pp-ink);display:block;font-size:16px;margin-bottom:6px}.pp-skel{animation:pp-shimmer 1.3s linear infinite;background:linear-gradient(90deg,#efeff3,#f8f8fa 50%,#efeff3);background-size:200% 100%;border-radius:8px}@keyframes pp-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.pp-skel{animation:none}}.pp-qty{align-items:center;background:var(--pp-field);border-radius:10px;display:inline-flex}.pp-qty button{background:transparent;border:0;border-radius:10px;color:#4a4858;cursor:pointer;font-size:18px;height:40px;width:34px}.pp-qty button:hover:not(:disabled){color:var(--pp-violet)}.pp-qty button:disabled{cursor:not-allowed;opacity:.35}.pp-qty input{-moz-appearance:textfield;background:transparent;border:0;color:var(--pp-ink);font:inherit;font-size:15px;font-weight:700;height:40px;outline:none;text-align:center;width:64px}.pp-qty input::-webkit-inner-spin-button,.pp-qty input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.pp-qty:focus-within{background:#fff;box-shadow:0 0 0 2px #7e62ff66}.pp-qty.is-set{background:#efeaff}
