.sf-pp__device.svelte-yg8ism{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-subtle);box-shadow:var(--shadow-xl);grid-template-columns:minmax(0,1fr);display:grid;position:relative;overflow:hidden}@media (min-width:760px){.sf-pp__device.svelte-yg8ism{grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);min-height:26rem}}.sf-pp__cart.svelte-yg8ism{gap:var(--space-3);padding:var(--space-4);background:var(--color-surface);border-right:1px solid var(--color-border);flex-direction:column;display:flex}.sf-pp__cart-head.svelte-yg8ism{margin:calc(-1 * var(--space-4)) calc(-1 * var(--space-4)) 0;padding:var(--space-3) var(--space-4);background:var(--color-primary);color:var(--color-on-primary);font-weight:var(--font-weight-semibold)}.sf-pp__empty.svelte-yg8ism{color:var(--color-text-muted);font-size:var(--font-size-sm);flex:auto;margin:0}.sf-pp__lines.svelte-yg8ism{align-content:start;gap:var(--space-2);flex:auto;margin:0;padding:0;list-style:none;display:grid}.sf-pp__line.svelte-yg8ism{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--color-bg-subtle);font-size:var(--font-size-sm);grid-template-columns:auto minmax(0,1fr) auto auto;animation:.22s ease-out both svelte-yg8ism-sf-pp-in;display:grid}.sf-pp__qty.svelte-yg8ism{color:var(--color-text-muted);font-variant-numeric:tabular-nums}.sf-pp__line-name.svelte-yg8ism{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sf-pp__line-total.svelte-yg8ism{font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums}.sf-pp__remove.svelte-yg8ism{border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);width:1.75rem;height:1.75rem;color:var(--color-text);cursor:pointer}.sf-pp__total.svelte-yg8ism{padding-top:var(--space-3);border-top:1px solid var(--color-border);justify-content:space-between;display:flex}.sf-pp__total.svelte-yg8ism strong:where(.svelte-yg8ism){font-size:var(--font-size-xl);font-variant-numeric:tabular-nums}.sf-pp__pay.svelte-yg8ism,.sf-pp__next.svelte-yg8ism{min-height:var(--control-height-lg);border-radius:var(--radius-md);background:var(--color-accent);color:var(--color-on-accent);font-weight:var(--font-weight-semibold);cursor:pointer;border:none}.sf-pp__pay.svelte-yg8ism:disabled{opacity:.45;cursor:not-allowed}.sf-pp__tiles.svelte-yg8ism{align-content:start;gap:var(--space-3);padding:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));display:grid}.sf-pp__tile.svelte-yg8ism{align-items:flex-start;gap:var(--space-1);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);text-align:left;cursor:pointer;transition:transform var(--transition-fast), border-color var(--transition-fast);flex-direction:column;display:flex}.sf-pp__tile.svelte-yg8ism:hover{border-color:var(--color-accent)}.sf-pp__tile.svelte-yg8ism:active{transform:scale(.96)}.sf-pp__glyph.svelte-yg8ism{width:100%;height:3.25rem;margin-bottom:var(--space-1);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--color-primary) 6%, var(--color-surface))}.sf-pp__tile-name.svelte-yg8ism{font-weight:var(--font-weight-semibold)}.sf-pp__tile-price.svelte-yg8ism{color:var(--color-accent);font-size:var(--font-size-sm);font-variant-numeric:tabular-nums}.sf-pp__overlay.svelte-yg8ism{justify-content:center;align-items:center;gap:var(--space-3);background:color-mix(in srgb, var(--color-surface) 88%, transparent);flex-direction:column;animation:.2s ease-out both svelte-yg8ism-sf-pp-in;display:flex;position:absolute;inset:0}.sf-pp__terminal.svelte-yg8ism{width:7.5rem;height:auto}.sf-pp__status.svelte-yg8ism{font-weight:var(--font-weight-semibold);margin:0}.sf-pp__next.svelte-yg8ism{padding-inline:var(--space-5)}.sf-pp__check.svelte-yg8ism{stroke-dasharray:1;animation:.42s ease-out both svelte-yg8ism-sf-pp-draw}.sf-pp__note.svelte-yg8ism{margin:var(--space-3) 0 0;color:var(--color-text-muted);font-size:var(--font-size-xs)}@keyframes svelte-yg8ism-sf-pp-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes svelte-yg8ism-sf-pp-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.sf-pp__line.svelte-yg8ism,.sf-pp__overlay.svelte-yg8ism,.sf-pp__check.svelte-yg8ism{animation:none}}