.kassa-layout{padding-bottom:var(--wb-actionbar-h);grid-template-columns:minmax(0,1fr);gap:1rem;display:grid}.kassa-prods{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:.5rem;display:grid}.kassa-tile-in{box-shadow:0 0 0 2px color-mix(in srgb, var(--color-ink) 18%, transparent)}.kassa-pay{background:var(--color-ink);color:var(--color-on-primary);border-radius:var(--r-lg)}.kassa-muted{color:color-mix(in srgb, var(--color-on-primary) 72%, transparent)}.kassa-total{font-family:var(--font-display,inherit);font-variant-numeric:tabular-nums;font-size:2.5rem;font-weight:600;line-height:1.1}.kassa-method{color:inherit;border-color:color-mix(in srgb, var(--color-on-primary) 35%, transparent);background:0 0}.kassa-method[aria-pressed=true]{background:var(--color-on-primary);color:var(--color-ink);border-color:var(--color-on-primary)}.kassa-pay input[type=text],.kassa-pay input:not([type]){color:inherit;border-color:color-mix(in srgb, var(--color-on-primary) 35%, transparent);background:0 0}.kassa-cta{background:var(--color-on-primary);color:var(--color-ink)}.kassa-cta:disabled{opacity:.45}.kassa-ghost{border:1px solid color-mix(in srgb, var(--color-on-primary) 35%, transparent);color:inherit}.kassa-error{background:var(--color-danger-tint,#fde8e4);color:var(--color-danger-fg,#7a1d12)}.kassa-pay[data-mobile]{z-index:20;max-height:80dvh;box-shadow:var(--e-2);position:fixed;inset-inline:.75rem;overflow-y:auto}.kassa-pay-bar{justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.kassa-pay-body{padding:0 1rem 1rem}.kassa-pay[data-open=false] .kassa-pay-body{display:none}@media (min-width:1024px){.kassa-layout{grid-template-columns:minmax(0,1fr) minmax(0,22rem);align-items:start;padding-bottom:0}.kassa-pay[data-mobile]{top:1rem;inset-inline:auto;max-height:none;box-shadow:none;position:sticky;bottom:auto;overflow:visible}.kassa-pay[data-mobile][data-shell-actionbar]{bottom:auto}.kassa-pay-bar{display:none}.kassa-pay[data-open=false] .kassa-pay-body{display:block}.kassa-pay-body{padding:1rem}}@media (prefers-reduced-motion:no-preference){.kassa-tile{transition:transform .14s ease-out,box-shadow .14s ease-out,border-color .14s ease-out}.kassa-tile:active{transform:scale(.97)}.kassa-badge{animation:.22s cubic-bezier(.16,1,.3,1) both kassa-pop}.kassa-pay[data-mobile][data-open=true] .kassa-pay-body{animation:.22s cubic-bezier(.16,1,.3,1) both kassa-sheet}}@keyframes kassa-pop{0%{opacity:.4;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes kassa-sheet{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.kassa-posts li:has(input:checked) .kassa-post-pill{background:var(--color-ink);color:var(--color-on-primary)}.kassa-posts input[type=checkbox]:disabled{cursor:not-allowed}