.cart-panel{
  position:fixed;
  inset:0;
  z-index:1000;
  background:rgba(15,23,42,.45);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px;
  backdrop-filter:blur(4px);
}
.cart-panel[hidden]{display:none}
.cart-box{
  position:relative;
  width:min(390px,100%);
  background:#fff;
  border:3px solid var(--ink);
  border-radius:24px;
  padding:26px;
  box-shadow:7px 7px 0 var(--yellow);
}
.cart-box h2{
  margin:0 0 20px;
  font-size:28px;
  font-weight:900;
}
.cart-close{
  position:absolute;
  top:12px;
  right:15px;
  border:0;
  background:none;
  font-size:30px;
  font-weight:900;
  cursor:pointer;
}
.cart-item{
  display:flex;
  align-items:center;
  gap:16px;
  text-align:left;
}
.cart-item img{
  width:72px;
  border-radius:7px;
}
.cart-item strong{
  font-size:17px;
}
.quantity{
  display:flex;
  align-items:center;
  gap:12px;
  margin-top:10px;
}
.quantity button{
  width:30px;
  height:30px;
  border:2px solid var(--ink);
  border-radius:8px;
  background:#fff;
  font-size:19px;
  font-weight:900;
  cursor:pointer;
}
.quantity span{
  min-width:16px;
  text-align:center;
  font-weight:900;
}
.cart-total{
  display:flex;
  justify-content:space-between;
  margin:22px 0 16px;
  padding-top:16px;
  border-top:2px solid #e5e7eb;
  font-size:18px;
}
.checkout{
  width:100%;
  min-height:54px;
  border:3px solid var(--ink);
  border-radius:15px;
  background:var(--ink);
  color:#fff;
  font-size:18px;
  font-weight:900;
  cursor:pointer;
  box-shadow:4px 4px 0 var(--yellow);
}


.shipping-panel{
  position:fixed;
  inset:0;
  z-index:1100;
  background:rgba(15,23,42,.45);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px;
  backdrop-filter:blur(4px);
}
.shipping-panel[hidden]{display:none}
.shipping-box{
  position:relative;
  width:min(390px,100%);
  background:#fff;
  border:3px solid var(--ink);
  border-radius:24px;
  padding:26px;
  box-shadow:7px 7px 0 var(--yellow);
  text-align:left;
}
.shipping-box h2{
  margin:0 35px 7px 0;
  font-size:24px;
  line-height:1.15;
  font-weight:900;
}
.shipping-box p{
  margin:0 0 18px;
  font-size:14px;
  opacity:.7;
}
.shipping-close{
  position:absolute;
  top:12px;
  right:15px;
  border:0;
  background:none;
  font-size:30px;
  font-weight:900;
  cursor:pointer;
}
.shipping-choice{
  width:100%;
  min-height:58px;
  margin-top:10px;
  padding:0 16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  border:2px solid var(--ink);
  border-radius:14px;
  background:#fff;
  font-size:16px;
  font-weight:800;
  cursor:pointer;
}
.shipping-choice:hover{
  transform:translate(-1px,-1px);
  box-shadow:3px 3px 0 var(--yellow);
}
.shipping-choice strong{
  white-space:nowrap;
}

.cart-item{margin-bottom:16px}.cart-item a{color:inherit}.cart-box{max-height:90vh;overflow:auto}.cart-error{color:#b91c1c;font-size:14px}.cart-box .checkout:disabled{opacity:.5;cursor:not-allowed}

.cart.cart-flash-green{background:#22c55e !important;transition:background .15s ease}
.cart.cart-flash-red{background:#ef4444 !important;transition:background .15s ease}