/* ===================== Modals ===================== */
#cartOverlay{
  position:fixed;
  left:0;
  top:0;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.55);
  z-index:999;
  display:none;
}

#cartPanel{
  position:fixed;
  top:0;
  right:-350px;
  width:350px;
  height:100%;
  background:#fff;
  z-index:1000;
  box-shadow:-4px 0 20px rgba(0,0,0,0.15);
  padding:24px;
  transition:0.3s ease-in-out;
  display:flex;
  flex-direction:column;
  overflow-y:auto;
  border-top-left-radius:20px;
  border-bottom-left-radius:20px;
}

#cartPanel.open {
  right: 0;
}

.cart-item-img {
  width: 55px;
  height: 55px;
  border-radius: 10px;
  object-fit: cover;
}

@media (max-width: 768px) {
  #cartOverlay{
    z-index:1000 !important;
  }
  #cartPanel{
    width:85% !important;
    right:-85% !important;
    padding:16px !important;
    border-top-left-radius:16px !important;
    border-bottom-left-radius:16px !important;
    z-index:1001 !important;
  }
  #cartPanel.open{
    right:0 !important;
  }
}