/* Cart Panel */
#header-cart {
	position: fixed;
	top: 0;
	right: -400px;
	width: 400px;
	height: 110vh;
	z-index: 9000;
	background-color: #ffffff;
	padding: 1rem;
	visibility: hidden;
	will-change: transform, width;
	transition: transform 0.5s cubic-bezier(0.5, 0.05, 0.05, 0.9), visibility 0.5s;
	overflow: hidden; 
	border-left: 1px solid #ccc;}
  
  @media (max-width: 619px) {
	#header-cart {
	  right: calc(-100% + 75px);
	  width: calc(100vw - 75px); } }
  
  @media (max-width: 619px) {
	.cart-show {
	  visibility: visible !important;
	  transform: translateX(-100%) !important; } }
  
  @media (min-width: 620px) {
	.cart-show {
	  visibility: visible !important;
	  transform: translateX(-400px) !important; } }
  
  .cart-header {
	display: flex !important;
	justify-content: space-between;
	margin-bottom: 2rem; }
  
  #cart-title {
	font-size: 1.8em;
	font-weight: 400; }
  
  #cart-close {
	text-align: right;
	font-size: 1.4em;
	padding: 5px 0 5px 5px;
	display: flex;
	align-items: center; }
  
  #cart-close:hover {
	cursor: pointer; }
  
  .cart-detail {
	display: flex;
	flex-direction: column;
	justify-content: center; }
  
  .cart-image img {
	width: 100%; }
  
  .cart-remove:hover {
	cursor: pointer; }
  
  .cart-qty {
	font-size: 16px; }
  
  .cart-body {
	position: relative;
	height: calc(100vh - 290px); }
  
  .cart-items {
	height: calc(100vh - 300px);
	overflow-y: scroll;
	overflow-x: hidden; }
  
  .cart-items::-webkit-scrollbar {
	display: none; }
  
  .cart-detail-total {
	position: relative;
	bottom: 0px;
	padding-top: 1rem;
	width: 100%; }
  
  .cart-footer {
	margin-top: 1rem; }
  
  .btn-cart {
	border: solid 1px #333333;
	background-color: #FFFFFF;
	color: #333333;
	width: 100%;
	padding: 1rem;
	margin-bottom: 0.5rem;
	text-align: center; }
  
  .btn-cart:hover {
	background-color: white;
	color: rgb(51, 51, 51);
	cursor: pointer;
	text-decoration: none; }
  
  .btn-checkout {
	border: solid 1px #333333;
	background-color: #333333;
	color: #ffffff;
	width: 100%;
	padding: 1rem;
	margin-bottom: 0.5rem;
	text-align: center; }
  
  .btn-checkout:hover {
	background-color: #333333;
	color: #ffffff;
	cursor: pointer;
	text-decoration: none; }