/* ============================================================================
   SchoolNotes - v24 ATTRACTIVE sticky Total/Checkout bar
   ============================================================================ */
.sn24-checkout-bar {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 1100;
  display: grid; grid-template-columns: auto 1fr auto;
  align-items: center; gap: 12px;
  padding: 12px 18px calc(12px + env(safe-area-inset-bottom));
  background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
  border-top: 1.5px solid #d4e3f8;
  box-shadow: 0 -10px 30px -8px rgba(8,30,80,.18);
}
.sn24-cb-left  { display: flex; flex-direction: column; line-height: 1; min-width: 0; }
.sn24-cb-label { font-size: .72rem; color: #4b5c72; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; }
.sn24-cb-amount{ font-size: 1.5rem; font-weight: 900; color: #0b3f7a; line-height: 1.1; }
.sn24-cb-items { text-align: center; font-size: .78rem; color: #4b5c72; font-weight: 700; }
.sn24-cb-btn   {
  display: inline-flex; align-items: center; gap: 8px; padding: 14px 22px;
  border: 0; border-radius: 14px; cursor: pointer;
  background: linear-gradient(135deg, #0f8c50 0%, #0b7a43 100%); color: #fff;
  font-weight: 800; font-size: 1rem; box-shadow: 0 12px 22px -12px rgba(11,122,67,.8);
  transition: transform .14s ease, box-shadow .14s ease, background .14s ease;
  white-space: nowrap;
}
.sn24-cb-btn:hover { transform: translateY(-1px); box-shadow: 0 16px 28px -14px rgba(11,122,67,.9); }
.sn24-cb-btn:active { transform: translateY(0); }
.sn24-cb-btn[disabled] { background: #9aa3b2; cursor: not-allowed; box-shadow: none; }
@media (max-width: 560px) {
  .sn24-checkout-bar { gap: 8px; padding: 10px 12px calc(10px + env(safe-area-inset-bottom)); }
  .sn24-cb-amount { font-size: 1.25rem; }
  .sn24-cb-btn { padding: 12px 16px; font-size: .92rem; }
}
@media (min-width: 1100px) {
  .sn24-checkout-bar { left: 50%; transform: translateX(-50%); max-width: 1140px; border-radius: 18px 18px 0 0; }
}