/* BUILD212 — long horizontal total strip: TOTAL ITEM | GRAND TOTAL | AMOUNT */

.posScreen .cartSummary{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}

.posScreen .cartTotal{
  min-height:84px!important;
  padding:10px 14px!important;
  display:grid!important;
  grid-template-columns:minmax(120px,.8fr) minmax(220px,1.5fr) minmax(180px,1fr)!important;
  align-items:stretch!important;
  gap:12px!important;
  border-radius:14px!important;
  background:linear-gradient(100deg,#05341f,#09673d)!important;
  box-shadow:0 8px 18px rgba(5,46,27,.18)!important;
}

.posScreen .totalStripBlock{
  min-width:0!important;
  min-height:62px!important;
  padding:10px 14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  border-radius:12px!important;
}

.posScreen .cartItemCount.totalStripBlock{
  margin:0!important;
  background:#e5ab26!important;
  color:#181108!important;
}
.posScreen .cartItemCount.totalStripBlock small,
.posScreen .cartItemCount.totalStripBlock b{
  color:#181108!important;
}
.posScreen .cartItemCount.totalStripBlock small{
  font-size:11px!important;
  font-weight:1000!important;
  letter-spacing:.55px!important;
  white-space:nowrap!important;
}
.posScreen .cartItemCount.totalStripBlock b{
  font-size:25px!important;
  line-height:1!important;
}

.posScreen .grandTotalBlock.totalStripBlock{
  background:rgba(255,255,255,.08)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  flex-direction:row!important;
  justify-content:space-between!important;
  text-align:left!important;
}
.posScreen .grandTotalBlock.totalStripBlock .grandTotalLabel{
  margin:0!important;
  color:#ffffff!important;
  font-size:13px!important;
  font-weight:1000!important;
  letter-spacing:.7px!important;
  white-space:nowrap!important;
}
.posScreen .grandTotalBlock.totalStripBlock strong{
  min-width:0!important;
  color:#ffffff!important;
  font-size:clamp(31px,2.8vw,42px)!important;
  font-weight:1000!important;
  line-height:1!important;
  text-align:right!important;
}

.posScreen .cartAmountBox.totalAmountInline{
  margin:0!important;
  background:#ffffff!important;
  border:2px solid #d9e7de!important;
  flex-direction:row!important;
  justify-content:space-between!important;
}
.posScreen .cartAmountBox.totalAmountInline small{
  color:#3f5647!important;
  font-size:12px!important;
  font-weight:1000!important;
  letter-spacing:.6px!important;
  white-space:nowrap!important;
}
.posScreen .cartAmountBox.totalAmountInline input{
  width:100%!important;
  min-width:0!important;
  text-align:right!important;
  font-size:29px!important;
  font-weight:1000!important;
  color:#0b3a24!important;
  line-height:1!important;
}

@media (min-width:901px) and (max-height:760px){
  .posScreen .cartTotal{
    min-height:72px!important;
    grid-template-columns:minmax(100px,.8fr) minmax(190px,1.35fr) minmax(155px,1fr)!important;
    gap:10px!important;
    padding:8px 11px!important;
  }
  .posScreen .totalStripBlock{min-height:54px!important;padding:8px 11px!important}
  .posScreen .cartItemCount.totalStripBlock small{font-size:9px!important}
  .posScreen .cartItemCount.totalStripBlock b{font-size:20px!important}
  .posScreen .grandTotalBlock.totalStripBlock .grandTotalLabel{font-size:10px!important}
  .posScreen .grandTotalBlock.totalStripBlock strong{font-size:27px!important}
  .posScreen .cartAmountBox.totalAmountInline small{font-size:10px!important}
  .posScreen .cartAmountBox.totalAmountInline input{font-size:24px!important}
}

@media (max-width:900px){
  .posScreen .cartTotal{
    grid-template-columns:1fr!important;
    gap:8px!important;
    min-height:auto!important;
  }
  .posScreen .totalStripBlock{min-height:54px!important}
  .posScreen .grandTotalBlock.totalStripBlock,
  .posScreen .cartAmountBox.totalAmountInline{
    flex-direction:row!important;
  }
}

@media (max-width:680px){
  .posScreen .cartSummary{grid-template-columns:1fr!important}
  .posScreen .cartTotal{padding:8px!important;gap:7px!important}
  .posScreen .totalStripBlock{min-height:48px!important;padding:7px 10px!important}
  .posScreen .cartItemCount.totalStripBlock small{font-size:8px!important}
  .posScreen .cartItemCount.totalStripBlock b{font-size:17px!important}
  .posScreen .grandTotalBlock.totalStripBlock .grandTotalLabel,
  .posScreen .cartAmountBox.totalAmountInline small{font-size:8px!important}
  .posScreen .grandTotalBlock.totalStripBlock strong,
  .posScreen .cartAmountBox.totalAmountInline input{font-size:21px!important}
}