.pos-display{box-sizing:border-box;gap:var(--ds-space-6);height:100dvh;padding:var(--ds-space-8);background-color:var(--ds-color-surface-subtle);color:var(--ds-color-text-default);font-family:var(--ds-font-family-sans);grid-template-columns:minmax(0,3fr) minmax(0,2fr);display:grid;overflow:hidden}.pos-display--center{justify-content:center;align-items:center;gap:var(--ds-space-6);text-align:center;flex-direction:column;display:flex}.pos-display__hero{font-family:var(--ds-font-family-serif);font-size:var(--ds-font-size-5xl);font-weight:var(--ds-font-weight-bold);margin:0;line-height:1.1}.pos-display__store{font-size:var(--ds-font-size-2xl);font-weight:var(--ds-font-weight-medium);color:var(--ds-color-text-muted);margin:0}.pos-display__hint{max-width:var(--ds-size-container-md);font-size:var(--ds-font-size-lg);color:var(--ds-color-text-muted);margin:0}.pos-display__change{gap:var(--ds-space-2);flex-direction:column;margin:0;display:flex}.pos-display__change-label{font-size:var(--ds-font-size-2xl);color:var(--ds-color-text-muted)}.pos-display__change-amount{font-size:var(--ds-font-size-5xl);font-weight:var(--ds-font-weight-bold);font-variant-numeric:tabular-nums}.pos-display__lines{border-radius:var(--ds-radius-card);background-color:var(--ds-color-surface-raised);min-height:0;box-shadow:var(--ds-elevation-raised);flex-direction:column;display:flex;overflow:hidden}.pos-display__list{scroll-behavior:smooth;flex:1 1 0;min-height:0;margin:0;padding:0;list-style:none;overflow-y:auto}.pos-display__line{align-items:start;gap:var(--ds-space-4);padding:var(--ds-space-4) var(--ds-space-6);border-bottom:var(--ds-border-structural);font-size:var(--ds-font-size-2xl);line-height:var(--ds-font-line-height-8);grid-template-columns:minmax(0,1fr) auto;display:grid}.pos-display__line:has(+.pos-display__line--child){border-bottom:0}.pos-display__line:last-child:not(.pos-display__line--child),.pos-display__line--child:last-child{background-color:var(--ds-color-surface-accent-subtle)}.pos-display__line:has(+.pos-display__line--child:last-child){background-color:var(--ds-color-surface-accent-subtle)}.pos-display__line--child{padding-top:0;padding-left:calc(var(--ds-space-6) + var(--ds-space-8));font-size:var(--ds-font-size-lg);color:var(--ds-color-text-muted)}.pos-display__main{gap:var(--ds-space-1);flex-direction:column;min-width:0;display:flex}.pos-display__name{font-weight:var(--ds-font-weight-medium);overflow-wrap:anywhere}.pos-display__meta{align-items:center;gap:var(--ds-space-2);font-size:var(--ds-font-size-lg);line-height:var(--ds-font-line-height-6);color:var(--ds-color-text-muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;display:flex}.pos-display__amount{font-weight:var(--ds-font-weight-bold);font-variant-numeric:tabular-nums;white-space:nowrap}.pos-display__line[data-voided] .pos-display__name,.pos-display__line[data-voided] .pos-display__amount{color:var(--ds-color-text-muted);text-decoration:line-through}.pos-display__summary{justify-content:space-between;gap:var(--ds-space-6);flex-direction:column;min-width:0;display:flex}.pos-display__totals{gap:var(--ds-space-3);flex-direction:column;margin:0;display:flex}.pos-display__row{justify-content:space-between;align-items:baseline;gap:var(--ds-space-4);font-size:var(--ds-font-size-2xl);font-variant-numeric:tabular-nums;display:flex}.pos-display__row dt,.pos-display__row dd{margin:0}.pos-display__row--saved{color:var(--ds-color-text-success);font-weight:var(--ds-font-weight-medium)}.pos-display__row--total{padding-top:var(--ds-space-4);border-top:var(--ds-border-structural);font-weight:var(--ds-font-weight-bold)}.pos-display__row--total dd{font-size:var(--ds-font-size-5xl);line-height:1.1}.pos-display__paying{padding:var(--ds-space-4) var(--ds-space-6);border-radius:var(--ds-radius-card);background-color:var(--ds-color-surface-accent-subtle);color:var(--ds-color-text-accent-strong);font-size:var(--ds-font-size-2xl);font-weight:var(--ds-font-weight-bold);text-align:center;margin:0}@media (max-width:768px),(orientation:portrait){.pos-display{padding:var(--ds-space-4);grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr)}}.pos-display__summary{justify-content:flex-start}.pos-display__summary .pos-display__totals{margin-top:auto}.pos-display__spot{gap:var(--ds-space-4);min-height:0;padding:var(--ds-space-5);border-radius:var(--ds-radius-card);background-color:var(--ds-color-surface-raised);box-shadow:var(--ds-elevation-raised);animation:pos-display-in var(--ds-duration-moderate) var(--ds-easing-standard);flex-direction:column;display:flex}.pos-display__spot-img{object-fit:contain;border-radius:var(--ds-radius-md);width:100%;max-height:34dvh;display:block}.pos-display__spot-text{gap:var(--ds-space-2);flex-direction:column;min-width:0;display:flex}.pos-display__spot-text p{margin:0}.pos-display__spot-brand{font-size:var(--ds-font-size-lg);font-weight:var(--ds-font-weight-medium);color:var(--ds-color-text-muted);text-transform:uppercase;letter-spacing:.04em}.pos-display__spot-name{font-family:var(--ds-font-family-serif);font-size:var(--ds-font-size-3xl);font-weight:var(--ds-font-weight-bold);overflow-wrap:anywhere;line-height:1.15}.pos-display__spot-tagline{font-size:var(--ds-font-size-lg);color:var(--ds-color-text-muted)}.pos-display__spot-tags{gap:var(--ds-space-2);flex-wrap:wrap;display:flex}.pos-display__spot-allergens{font-size:var(--ds-font-size-base);color:var(--ds-color-text-muted)}.pos-display__showcase{width:min(100%,44rem)}.pos-display__slide{align-items:center;gap:var(--ds-space-6);padding:var(--ds-space-6);border-radius:var(--ds-radius-card);background-color:var(--ds-color-surface-raised);box-shadow:var(--ds-elevation-raised);text-align:left;animation:pos-display-in var(--ds-duration-deliberate) var(--ds-easing-standard);grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin:0;display:grid}.pos-display__slide-img{aspect-ratio:1;object-fit:contain;width:100%;display:block}.pos-display__slide-text{gap:var(--ds-space-3);flex-direction:column;display:flex}.pos-display__slide-name{font-family:var(--ds-font-family-serif);font-size:var(--ds-font-size-3xl);font-weight:var(--ds-font-weight-bold);line-height:1.15}.pos-display__slide-tagline{font-size:var(--ds-font-size-lg);color:var(--ds-color-text-muted)}.pos-display__slide-price{font-size:var(--ds-font-size-3xl);font-weight:var(--ds-font-weight-bold);font-variant-numeric:tabular-nums}@keyframes pos-display-in{0%{opacity:0;transform:translateY(var(--ds-space-3))}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.pos-display__spot,.pos-display__slide{animation:none}}@media (max-width:768px),(orientation:portrait){.pos-display__spot-img{max-height:22dvh}.pos-display__slide{grid-template-columns:minmax(0,1fr)}}.pos-display__pairs{gap:var(--ds-space-2);padding-top:var(--ds-space-4);border-top:var(--ds-border-structural);flex-direction:column;display:flex}.pos-display__pairs-title{font-size:var(--ds-font-size-base);font-weight:var(--ds-font-weight-medium);color:var(--ds-color-text-muted);text-transform:uppercase;letter-spacing:.04em;margin:0}.pos-display__pairs-list{gap:var(--ds-space-3);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.pos-display__pair{gap:var(--ds-space-1);flex-direction:column;min-width:0;display:flex}.pos-display__pair-img{aspect-ratio:1;object-fit:contain;border-radius:var(--ds-radius-md);background-color:var(--ds-color-surface-subtle);width:100%;max-height:12dvh;display:block}.pos-display__pair-name{font-size:var(--ds-font-size-sm);line-height:var(--ds-font-line-height-5);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.pos-display__pair-price{font-size:var(--ds-font-size-base);font-weight:var(--ds-font-weight-bold);font-variant-numeric:tabular-nums}.pos-display--receipt{gap:var(--ds-space-8);flex-flow:wrap}.pos-display__done{align-items:center;gap:var(--ds-space-6);flex-direction:column;display:flex}.pos-display__qr{align-items:center;gap:var(--ds-space-3);padding:var(--ds-space-6);border-radius:var(--ds-radius-card);background-color:var(--ds-color-surface-raised);box-shadow:var(--ds-elevation-raised);animation:pos-display-in var(--ds-duration-moderate) var(--ds-easing-standard);flex-direction:column;display:flex}.pos-display__qr .pos-receipt-qr{width:min(60dvh,80vw)}.pos-display__qr p{margin:0}.pos-display__qr-title{font-size:var(--ds-font-size-3xl);font-weight:var(--ds-font-weight-bold)}.pos-display__qr-hint{font-size:var(--ds-font-size-lg);color:var(--ds-color-text-muted)}@media (prefers-reduced-motion:reduce){.pos-display__qr{animation:none}}@media (max-width:768px),(orientation:portrait){.pos-display--receipt{gap:var(--ds-space-4);flex-direction:column}.pos-display__qr .pos-receipt-qr{width:min(45dvh,80vw)}}.pos-display__summary{min-height:0;overflow:hidden}.pos-display__summary .pos-display__totals,.pos-display__summary .pos-display__paying{flex-shrink:0}.pos-display__spot{flex:0 auto;min-height:0;overflow:hidden}.pos-display__spot-img{flex:0 auto;min-height:0;max-height:30dvh}.pos-display__spot[data-pairs] .pos-display__spot-img{max-height:20dvh}.pos-display__spot-name{font-size:clamp(var(--ds-font-size-xl), 3.4dvh, var(--ds-font-size-3xl));-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.pos-display__spot-tagline{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.pos-display__pair-img{max-height:10dvh}.pos-display__row--total dd{font-size:clamp(var(--ds-font-size-3xl), 6dvh, var(--ds-font-size-5xl))}@media (max-height:900px){.pos-display{gap:var(--ds-space-4);padding:var(--ds-space-5)}.pos-display__summary{gap:var(--ds-space-3)}.pos-display__spot{gap:var(--ds-space-3);padding:var(--ds-space-4)}.pos-display__spot-allergens{display:none}.pos-display__line{padding:var(--ds-space-3) var(--ds-space-5);font-size:var(--ds-font-size-xl)}}@media (max-height:700px){.pos-display__spot-tags,.pos-display__spot-tagline{display:none}.pos-display__spot[data-pairs] .pos-display__spot-img{max-height:16dvh}}