.qp-pill{position:fixed;right:24px;bottom:24px;z-index:96;display:inline-flex;align-items:center;gap:10px;height:56px;padding:0 10px 0 18px;border:0;border-radius:999px;background:var(--deep);color:#fff;font-weight:700;font-size:var(--fs-small);white-space:nowrap;box-shadow:var(--sh-3),inset 0 0 0 1.5px #ffffff24;cursor:pointer;transition:transform .3s var(--ease),box-shadow .3s,right .45s var(--ease);will-change:transform}.qp-pill:hover{transform:translateY(-2px);box-shadow:var(--sh-4),inset 0 0 0 1.5px #ffffff38}.qp-pill:focus-visible{outline-offset:4px}.qp-pill svg{width:20px;height:20px;fill:none;stroke:var(--y);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.qp-badge{display:grid;place-items:center;min-width:32px;height:32px;padding:0 9px;border-radius:999px;background:#fff;color:var(--navy);font-size:14px;font-weight:800}.qp-pill.is-in{animation:qp-in .32s var(--ease) both}@keyframes qp-in{0%{opacity:0;transform:translateY(18px) scale(.7)}}.qp-pill.bump,.mbar .mbar-q.qp-bump{animation:qp-bump .45s var(--ease)}@keyframes qp-bump{35%{transform:scale(1.12) translateY(-3px)}70%{transform:scale(.97)}}.qp-ghost{position:fixed;z-index:150;pointer-events:none;display:block;margin:0;object-fit:contain;border-radius:14px;background:#fff;box-shadow:var(--sh-2),inset 0 0 0 1px var(--line);will-change:transform,opacity}span.qp-ghost{background:var(--sky3)}.qp-scrim{position:fixed;inset:0;z-index:96;display:none;background:#071d4080;touch-action:none;overscroll-behavior:contain}.qp-panel{position:fixed;right:24px;bottom:24px;z-index:97;width:min(420px,calc(100vw - 48px));max-height:min(72vh,680px);display:flex;flex-direction:column;border-radius:var(--r-l);background:#fff;color:var(--ink);box-shadow:var(--sh-4),0 0 0 1px var(--line);overflow:hidden;transition:right .45s var(--ease);will-change:transform}.qp-inner{display:flex;flex-direction:column;min-height:0}.qp-head{display:flex;align-items:center;gap:12px;padding:16px 14px 14px 22px;border-bottom:1px solid var(--line)}.qp-title{flex:1;font-size:var(--fs-h3)}.qp-close{width:44px;height:44px;border:0;border-radius:999px;background:var(--sky3);color:var(--ink);display:grid;place-items:center}.qp-close:hover{background:var(--sky2)}.qp-close svg,.qp-rm svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}.qp-list{list-style:none;margin:0;padding:4px 14px;overflow-y:auto;flex:1 1 auto;min-height:0;overscroll-behavior:contain}.qp-list:empty{display:none}.qp-row{display:grid;grid-template-columns:56px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.qp-row:last-child{border-bottom:0}.qp-thumb{width:56px;height:56px;border-radius:14px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(75% 70% at 50% 42%,#fff 0%,#fff 50%,var(--sky3) 82%,var(--sky2) 100%);box-shadow:inset 0 0 0 1px var(--line)}.qp-thumb img{width:84%;height:84%;object-fit:contain;mix-blend-mode:multiply}.qp-thumb:empty{background:var(--sky3)}.qp-info{min-width:0}.qp-name{font-weight:600;font-size:var(--fs-small);line-height:1.3;letter-spacing:-.01em}.qp-model{font-size:var(--fs-label);color:var(--mut);margin-top:1px}.qp-model:empty{display:none}.qp-opts{display:inline-block;margin-top:5px;padding:2px 9px;border-radius:999px;background:var(--b50);box-shadow:inset 0 0 0 1px var(--b100);font-size:var(--fs-label);font-weight:600;color:var(--b700)}.qp-qty{display:inline-flex;align-items:center;height:40px;border-radius:999px;background:var(--sky3);box-shadow:inset 0 0 0 1.5px var(--line)}.qp-qty button{width:36px;height:40px;border:0;border-radius:999px;background:none;color:var(--deep);display:grid;place-items:center}.qp-qty button:hover{background:#0749a61a}.qp-qty svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round}.qp-num{width:38px;height:40px;border:0;background:none;text-align:center;font-weight:700;font-size:var(--fs-small);-moz-appearance:textfield}.qp-num::-webkit-inner-spin-button,.qp-num::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.qp-num:focus{outline:none}.qp-qty:focus-within{box-shadow:inset 0 0 0 2px var(--deep)}.qp-rm{width:40px;height:40px;border:0;border-radius:999px;background:none;color:var(--mut);display:grid;place-items:center}.qp-rm:hover{background:var(--sky3);color:var(--ink)}.qp-empty{padding:30px 22px 10px;text-align:center;color:var(--mut)}.qp-empty a{display:inline-block;margin-top:6px;color:var(--deep);font-weight:600;text-decoration:underline}.qp-foot{display:grid;gap:8px;padding:14px 14px 16px;border-top:1px solid var(--line);background:var(--paper)}.qp-foot .btn{min-height:50px;width:100%;font-size:var(--fs-small)}.qp-foot .btn-w:hover{background:var(--sky3)}@media (min-width: 701px){body:has(.drawer.open) .qp-pill,body:has(.drawer.open) .qp-panel{right:calc(24px + min(480px,100%))}}@media (max-width: 700px){.qp-pill{display:none}.qp-scrim{display:block}.qp-panel{left:0;right:0;bottom:0;width:auto;max-height:82vh;max-height:82svh;border-radius:26px 26px 0 0;padding-bottom:env(safe-area-inset-bottom)}.qp-row{grid-template-columns:48px minmax(0,1fr) auto auto;gap:10px}.qp-thumb{width:48px;height:48px;border-radius:12px}.qp-foot{grid-template-columns:1fr}.qp-foot .btn{padding:0 14px}}@media (max-width: 360px){.qp-foot{grid-template-columns:1fr}}.qp-panel{background:#ffffffe6;-webkit-backdrop-filter:blur(24px) saturate(1.5);backdrop-filter:blur(24px) saturate(1.5);box-shadow:var(--sh-4),0 0 0 1px #ffffff8c,inset 0 1px #ffffffbf}.qp-pill{background:#071d40cc;-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4)}.qp-scrim{background:#071d406b;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.qp-panel{background:#fff}.qp-pill{background:var(--deep)}.qp-scrim{background:#071d4080}}@media (prefers-reduced-transparency: reduce){.qp-panel{background:#fff}.qp-pill{background:var(--deep)}.qp-panel,.qp-pill,.qp-scrim{-webkit-backdrop-filter:none;backdrop-filter:none}}