/* Keep complete price and unit inside every moving card, including four-item baskets. */
#kd-market-v5.cashier-r2 .market-item{grid-template-rows:minmax(14px,1fr) 11px 22px;min-width:0}
#kd-market-v5.cashier-r2 .market-item-price{display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:10.5px;line-height:11px;white-space:nowrap;margin:0}
#kd-market-v5.cashier-r2 .market-item-value{font-size:inherit;line-height:11px;white-space:nowrap}
#kd-market-v5.cashier-r2 .market-item-unit{font-size:8px;line-height:10px}
#kd-market-v5.cashier-r2 .market-items:has(.market-item:nth-child(4)) .market-item-price{font-size:10.5px}
@media(min-width:500px) and (max-height:440px){#kd-market-v5.cashier-r2 [data-game]{grid-template-rows:22px minmax(0,1fr) 84px}#kd-market-v5.cashier-r2 .market-belt-title{height:18px}#kd-market-v5.cashier-r2 .market-items{height:calc(100% - 19px)}}
/* Tablets in portrait use the same clear checkout hierarchy as phones. */
@media(min-width:681px) and (max-width:1023px) and (min-height:641px){
 #kd-market-v5.cashier-r2{height:calc(100dvh - 58px);min-height:0}
 #kd-market-v5.cashier-r2 [data-game]{grid-template-columns:1fr;grid-template-rows:30px 150px 112px minmax(0,1fr);gap:7px}
 #kd-market-v5.cashier-r2:is([data-normal-phase=scan],[data-normal-phase=done]) [data-game]{grid-template-rows:0px 150px 112px minmax(0,1fr)}
 #kd-market-v5.cashier-r2 .market-instruction{grid-column:1;grid-row:1}
 #kd-market-v5.cashier-r2 .shop-theatre{grid-column:1;grid-row:2}
 #kd-market-v5.cashier-r2 .market-belt{grid-column:1;grid-row:3}
 #kd-market-v5.cashier-r2 .market-desk{grid-column:1;grid-row:4;grid-template-columns:minmax(130px,.5fr) minmax(0,1.5fr);padding:12px 10px 24px}
 #kd-market-v5.cashier-r2 .market-register{display:flex;flex-direction:column;min-height:0;transform:none}
 #kd-market-v5.cashier-r2 .market-keypad{grid-template-columns:repeat(5,minmax(44px,1fr));grid-auto-rows:minmax(44px,1fr);min-height:144px;flex:1;gap:5px}
 #kd-market-v5.cashier-r2 .market-key{min-width:0;min-height:44px;max-height:none}
 #kd-market-v5.cashier-r2 .market-key.times{grid-column:span 2}
}


#kd-market-v5 :is(button,a,input,select):focus-visible{outline:3px solid #69409b;outline-offset:2px}
.shop-cause-effect{position:fixed;box-sizing:border-box;z-index:2147482000;border:3px solid #8860b5;border-radius:12px;box-shadow:0 0 0 3px #fff9;pointer-events:none;transform-origin:center}.shop-cause-effect--error{border-color:#ad3f32;background:#ffd16b29}.shop-cause-effect--success{border-color:#367e56}