



#cartBtn, .cart, .topbar .cart-btn, [data-role="cart-btn"] {
  position: relative;
  outline: none;
  box-shadow: 0 0 10px rgba(255,255,255,.18), 0 0 22px rgba(255,255,255,.08);
  transition: box-shadow .2s ease, transform .12s ease;
  border-radius: 10px;
}
#cartBtn:hover,
.cart:hover,
.topbar .cart-btn:hover,
[data-role="cart-btn"]:hover {
  transform: translateY(-1px);
  box-shadow: 0 0 14px rgba(255,255,255,.26), 0 0 30px rgba(255,255,255,.12);
}


#cartDialog .pd-title {
  color: var(--accent, #34e8ff);
  text-shadow: 0 0 8px rgba(52,232,255,.6);
}



#cartDialog #cartList > div {
  border-top: 1px solid rgba(52,232,255,.25);
  margin-top: 8px;
  padding-top: 8px;
  position: relative;
}
#cartDialog #cartList > div:first-child {
  border-top: none;
  margin-top: 0;
  padding-top: 0;
}



#cartDialog #cartList > div:hover {
  background: rgba(52,232,255,.06);
  box-shadow: inset 0 0 8px rgba(52,232,255,.15);
  border-radius: 8px;
  transition: background .2s ease, box-shadow .2s ease;
}
