.view-popup-cart-block .view-content {
  justify-content: space-around;
	}	


.spinner {
  display: inline-block;
  width: 24px;
  height: 24px;
  border: 3px solid #ccc;
  border-top: 3px solid #007bff;
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
  vertical-align: middle;
  margin-right: 10px;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* .featured-top {
	position: sticky;
  top: 0;
  z-index: 99;
} */

.quickorderdetails {
	border-radius: 7.5px;
	background-color: white;
/ overflow-y: auto;
/ max-height: 700px;
/ height: 100%;
  border: 1.5px solid #54bcd7;
	}
	
.quickorderdetails:not([open]):hover {
	background-color: #e7f1f3;
}

	
#checkoutForm {
  max-width: 1440px;
  margin: 10px;
  background: #fff;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  place-self: center;
  width: 98%;
}

.temp-cart #edit-actions {
		display:none;
	}

#productContainer {
  display: grid;
  gap: 10px;
}

#checkoutForm {

	.product {
  display: flex;
  flex-direction: row;
  text-align: center;
  align-items: center;
  margin-bottom: 10px;
	}
	
	label {
  font-weight: bold;
  flex: 20%;
	}
	
	input {
	  width: 100%;
	  padding: 8px;
	  border: 1px solid #ccc;
	  border-radius: 4px;
    flex: 20%;
	}

	button {
	  background-color: #5b6773;
	  color: #fff;
	  border: none;
	  padding: 10px 15px;
	  cursor: pointer;
	  border-radius: 4px;
	  transition: 0.3s;
	  flex:	20%;
	  margin-left: 15%;
	}
	
	button:hover {
	  background-color: #54bcd7;
	}
	
	.removeProduct {
	  background-color: #5b6773;
	  padding: 8px;
	  font-size: 14px;
	}
	
	.removeProduct:hover {
	  background-color: #54bcd7;
	}
	
	.button-row {
	  display: flex;
	  justify-content: space-between;
	  margin-top: auto;
	  padding-top: 15px;
	}
}

@media (max-width: 600px) {
  #checkoutForm {
		.product {
	    flex-direction: column;
	  }
	
	  .removeProduct {
	    width: 100%;
	    margin-top: 5px;
	  }
	
	  .button-row {
	    flex-direction: column;
	  }
	
	  button {
	    width: 100%;
	    margin: 40px 0px 10px 0px;
	  }
	}
}