/* ===== Cart drawer: empty state ===== */
.cartdetails.is-empty .checkout-bar,
.cartdetails.is-empty #myContainer { display: none !important; }

#cartEmptyState { display: none; }
.cartdetails.is-empty #cartEmptyState {
  display: flex; flex-direction: column; align-items: center; text-align: center;
  padding: 56px 28px 40px;
  animation: cesIn .35s ease both;
}
@keyframes cesIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }

.ces-icon {
  position: relative; width: 104px; height: 104px; border-radius: 50%;
  display: grid; place-items: center; margin-bottom: 24px;
  background: radial-gradient(circle at 30% 30%, #F3EFFB, #E6DDF5);
  color: #A765DD;
}
.ces-icon { text-decoration: none; transition: transform .2s ease, box-shadow .2s ease; }
.ces-icon:hover { transform: scale(1.04); box-shadow: 0 12px 28px -12px rgba(82,46,145,.45); }
.ces-icon svg { width: 50px; height: 50px; margin-left: -3px; }
.ces-title {
  margin: 0 0 8px; color: #1D1B2E;
  font: 20px/1.3 "Poppins-SemiBold", Poppins, sans-serif;
}
.ces-text {
  margin: 0 0 28px; max-width: 260px; color: #6B6880;
  font: 14px/1.6 "Poppins-Regular", Poppins, sans-serif;
}
.ces-btn {
  display: block; width: 100%; padding: 15px 20px; border-radius: 12px;
  background: linear-gradient(135deg, #A765DD, #7558A7); color: #fff !important;
  font: 14px/1 "Poppins-SemiBold", Poppins, sans-serif; text-decoration: none !important;
  box-shadow: 0 10px 24px -10px rgba(82,46,145,.55);
  transition: transform .15s ease, box-shadow .15s ease;
}
.ces-btn:hover { transform: translateY(-1px); box-shadow: 0 14px 28px -10px rgba(82,46,145,.6); }
.ces-login {
  margin-top: 18px; color: #6B6880;
  font: 13px/1.5 "Poppins-Regular", Poppins, sans-serif;
}
.ces-login a { color: #A765DD; font-family: "Poppins-SemiBold", Poppins, sans-serif; text-decoration: underline; }