/* Cart Data — centered page, simple table, compact details modal */

.cartdata-v62{
  max-width:1080px;
  margin:0 auto;
  padding:22px 24px 40px;
  width:100%;
  box-sizing:border-box;
}
.cartdata-v62-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:16px;
  margin-bottom:16px;
}
.cartdata-v62-head h1{margin:0;font-size:24px}
.cartdata-v62-head p{margin:6px 0 0;color:#777;font-size:12px}
.cartdata-v62-total{text-align:right}
.cartdata-v62-total b{display:block;font-size:22px;line-height:1.1}
.cartdata-v62-total span{font-size:11px;color:#777}
.cartdata-v62-total em{display:block;margin-top:4px;font-style:normal;font-size:12px;font-weight:700;color:#5b2fd0}
.cartdata-bulk-bar{display:flex;align-items:center;gap:10px;margin:0 0 12px;padding:10px 12px;border:1px solid #fecaca;border-radius:10px;background:#fff7f7;font-size:12px;font-weight:700}
.cartdata-bulk-delete{border:1px solid #c93e4c;background:#c93e4c;color:#fff;border-radius:8px;padding:7px 12px;cursor:pointer;font-size:11px;font-weight:800}
.cartdata-bulk-delete:hover{background:#b93442}
.dark .cartdata-bulk-bar{background:#2a1a1c;border-color:#7c2d12;color:#fecaca}
.cartdata-v62-table-wrap{
  width:100%;
  overflow:auto;
  border:0;
  border-top:1px solid #e7e7ed;
  border-radius:0;
  background:transparent;
}
.cartdata-v62-table{width:100%;min-width:920px;border-collapse:collapse}
.cartdata-v62-table th{
  padding:9px 8px;
  text-align:left;
  background:transparent;
  color:#777;
  font-size:10px;
  letter-spacing:.04em;
  text-transform:uppercase;
  border-bottom:1px solid #e7e7ed;
}
.cartdata-v62-table td{
  padding:10px 8px;
  border-bottom:1px solid #f0f0f4;
  font-size:12px;
  white-space:nowrap;
  background:transparent;
}
.cartdata-v62-table td:nth-child(6){white-space:normal}

#cartViewModal.cartdata-v62-modal-backdrop,
#cartDeleteModal.cartdata-v62-modal-backdrop,
#cartFollowModal.cartdata-v62-modal-backdrop{
  position:fixed !important;
  inset:unset !important;
  top:var(--topbar-height,68px) !important;
  right:0 !important;
  bottom:0 !important;
  left:var(--sidebar-width,236px) !important;
  width:auto !important;
  height:auto !important;
  z-index:12000 !important;
  display:none;
  align-items:center !important;
  justify-content:center !important;
  padding:16px !important;
  box-sizing:border-box;
  background:rgba(12,10,22,.4);
  overflow:auto;
}
#cartViewModal.cartdata-v62-modal-backdrop.open,
#cartDeleteModal.cartdata-v62-modal-backdrop.open,
#cartFollowModal.cartdata-v62-modal-backdrop.open{
  display:flex !important;
}
.cartdata-v62-modal{
  position:relative !important;
  margin:0 auto !important;
  flex:0 1 auto;
  width:min(420px,100%) !important;
  max-width:420px;
  max-height:min(72vh,560px);
  overflow:auto;
  padding:14px 16px 12px !important;
  border-radius:12px !important;
}
.cartdata-v62-modal--wide{
  width:min(420px,100%) !important;
  max-width:420px;
}
.cartdata-v62-modal-eyebrow{font-size:9px;margin-bottom:2px}
.cartdata-v62-modal h2{margin:0 0 10px;font-size:15px;line-height:1.25;padding-right:28px}
.cartdata-v62-modal-close{width:28px;height:28px;font-size:20px;top:8px;right:8px}
.cartdata-v62-details{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:2px 14px;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  overflow:visible;
}
.cartdata-v62-details div{
  background:transparent !important;
  padding:4px 0 !important;
  border-bottom:1px solid #eeeef2;
}
.cartdata-v62-details span{display:block;font-size:9px;color:#888;margin-bottom:1px;letter-spacing:.03em;text-transform:uppercase}
.cartdata-v62-details strong{font-size:12px;font-weight:650;word-break:break-word}
.cartdata-v62-details small{font-weight:600;color:#888}
.cartdata-block-title{margin:10px 0 4px;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#888}
.cartdata-lines{width:100%;border-collapse:collapse;margin:0 0 6px;font-size:11px}
.cartdata-lines th{text-align:left;font-size:9px;color:#888;padding:3px 4px;border-bottom:1px solid #ececf1;font-weight:700}
.cartdata-lines td{padding:4px;border-bottom:1px solid #f2f2f5;vertical-align:top}
.cartdata-lines td b{display:block;font-size:11px;font-weight:650}
.cartdata-lines td small{display:block;color:#888;font-size:10px;font-weight:500;margin-top:1px}
.cartdata-lines td:nth-child(2),.cartdata-lines td:nth-child(3),.cartdata-lines td:nth-child(4),
.cartdata-lines th:nth-child(2),.cartdata-lines th:nth-child(3),.cartdata-lines th:nth-child(4){text-align:right;white-space:nowrap}
.cartdata-empty-items{color:#888;font-size:12px;margin:4px 0}
.cartdata-totals{margin-top:6px}
.cartdata-addr-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:4px}
.cartdata-addr-grid pre{
  margin:0;
  white-space:pre-wrap;
  font:500 11px/1.4 Inter,Arial,sans-serif;
  background:transparent;
  border:0;
  border-radius:0;
  padding:0;
  color:inherit;
}
.cartdata-v62-modal-actions{margin-top:10px;gap:8px}
.cartdata-v62-modal-actions button{padding:7px 12px;font-size:12px}
.cartdata-region{display:flex;flex-direction:column;gap:2px;font-weight:700;font-size:12px}
.cartdata-region small{font-weight:600;font-size:10px;color:#888}
.cartdata-v62-table td small.cartdata-cur{display:block;font-size:10px;font-weight:600;color:#888;margin-top:2px}
.cartdata-customer small{color:#888;font-size:11px;font-weight:500}
.cartdata-items-cell{display:inline-block;max-width:220px;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom}

body.dark .cartdata-v62-details div{border-bottom-color:#2f2f3a}
body.dark .cartdata-lines th,body.dark .cartdata-lines td{border-color:#2f2f3a}
body.dark .cartdata-customer small,body.dark .cartdata-v62-details span,body.dark .cartdata-block-title{color:#9a9aa8}
body.dark .cartdata-v62-table-wrap,body.dark .cartdata-v62-table th,body.dark .cartdata-v62-table td{background:transparent}

@media(max-width:800px){
  #cartViewModal.cartdata-v62-modal-backdrop,
  #cartDeleteModal.cartdata-v62-modal-backdrop,
  #cartFollowModal.cartdata-v62-modal-backdrop{
    left:0 !important;
    top:0 !important;
  }
  .cartdata-v62-details,.cartdata-addr-grid{grid-template-columns:1fr}
  .cartdata-v62{padding:16px}
}
