/* BUILD211 — cleaned GRAND TOTAL panel.
   ITEMS stays compact on the left; GRAND TOTAL label + amount are grouped on the right. */

.posScreen .cartTotal{
  min-height:76px!important;
  padding:10px 14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  border-radius:12px!important;
  background:linear-gradient(100deg,#063d25,#08633a)!important;
}
.posScreen .cartItemCount{
  flex:0 0 auto!important;
  margin:0!important;
  min-width:84px!important;
  min-height:52px!important;
  padding:7px 12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  border-radius:10px!important;
  background:#e9aa21!important;
  color:#15120a!important;
}
.posScreen .cartItemCount small{
  font-size:10px!important;
  font-weight:950!important;
  letter-spacing:.35px!important;
}
.posScreen .cartItemCount b{
  font-size:22px!important;
  line-height:1!important;
}
.posScreen .grandTotalBlock{
  flex:1 1 auto!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-end!important;
  justify-content:center!important;
  gap:3px!important;
  text-align:right!important;
}
.posScreen .grandTotalLabel{
  margin:0!important;
  color:rgba(255,255,255,.92)!important;
  font-size:11px!important;
  font-weight:950!important;
  line-height:1!important;
  letter-spacing:1px!important;
}
.posScreen .grandTotalBlock strong{
  min-width:0!important;
  margin:0!important;
  color:#fff!important;
  font-size:clamp(30px,3vw,42px)!important;
  font-weight:1000!important;
  line-height:1!important;
  letter-spacing:.2px!important;
  text-align:right!important;
  white-space:nowrap!important;
}

@media (min-width:901px) and (max-height:760px){
  .posScreen .cartTotal{min-height:62px!important;padding:7px 11px!important}
  .posScreen .cartItemCount{min-width:74px!important;min-height:44px!important;padding:5px 9px!important}
  .posScreen .cartItemCount small{font-size:8px!important}
  .posScreen .cartItemCount b{font-size:18px!important}
  .posScreen .grandTotalLabel{font-size:9px!important}
  .posScreen .grandTotalBlock strong{font-size:27px!important}
}

@media (max-width:680px){
  .posScreen .cartTotal{min-height:64px!important;padding:8px 10px!important;gap:10px!important}
  .posScreen .cartItemCount{min-width:68px!important;min-height:46px!important;padding:5px 8px!important;gap:5px!important}
  .posScreen .cartItemCount small{font-size:7.5px!important}
  .posScreen .cartItemCount b{font-size:17px!important}
  .posScreen .grandTotalLabel{font-size:8px!important}
  .posScreen .grandTotalBlock strong{font-size:24px!important}
}