/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 24 2025 | 12:16:40 */
.cart-bar-container {
	padding: 5px 20px;
    position: fixed;
    bottom: 0;
    left: 0;
	width: 100%;
    background-color: black;
	z-index: 10;
	
	.cart-bar {
		display: flex;
		justify-content: space-between;
		align-items: center;
		background-color: black;
		padding: 5px 10px;
		color: #5E5E5E;
		border: 1px solid #333;
		border-radius: 12px;
	}
	
	.info {
		display: flex;
		gap: 20px;
		
		span {
			font-size: 14px;
		}
	}
	
	.free-shipping, .fast-shipping {
		display: flex;
		gap: 8px;
	}
	
	.composite_wrap1 {
		flex-grow: 1;
    	display: flex;
		gap: 15px;
		justify-content: end;
		align-items: center;
		padding: 10px 30px 10px 10px;
	}
	
	.woocommerce-info {
		margin-bottom: 0px;
		display: flex;
		gap: 10px;
		padding: 10px;
		align-items: center;
		border-radius: 6px;
		
		ul {
			padding: 0px;
			font-size: 12px;
		}
	}
	
	.woocommerce-info::before {
		position: initial;
		content: "\0021";
        width: 26px;
        height: 25px;
        line-height: 18px;
        font-size: 20px;
        font-weight: 800;
        border: 3px solid;
        border-radius: 40px;
        padding: 0px 8px;
	}
	
	.price {
		margin: 0px !important;
		gap: 12px;
    	display: flex;
		
		.amount {
			font-size: 24px !important;
			font-weight: 700;
			color: #CECECE;
		}
		
		ins {
			text-decoration: none;
		}
		
		del {
			display: none !important;
		}
	}
	
	.price::before {
		content: "Total";
		font-size: 22px;
	}
}

.cart-bar .composite_wrap {
  flex-grow: 1;
  text-align: center;
}

.cart-bar .composite_price {
	display: flex;
}

.cart-bar .composite_message {
  color: #f5a623;
  margin-top: 5px;
  font-size: 14px;
  display: none !important; /* Keep hidden until needed */
}

.cart-bar .composite_availability {
  font-size: 14px;
  margin-top: 5px;
	
	.stock {
		margin-bottom: 0 !important;
	}
}

.cart-bar .add-to-cart, .cart-bar .btn.btn-primary {
  	background-color: #6B4FDA;
	background: #6B4FDA;
 	color: #fff;
    padding: 14px 10px;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    width: 191px;
	text-transform: uppercase;
}

.cart-bar .add-to-cart:hover, .cart-bar .btn.btn-primary:hover {
  background-color: #8a2be2;
	background: #8a2be2;
}

.cart-bar .quantity {
	display: none;
}



@media screen and (max-width: 1230px) {
	.cart-bar-container {
		.cart-bar {
			padding: 15px 10px;
		}
		
		.info {
			gap: 10px;
		}
		
		.price {
			.amount {
				font-size: 22px !important;
			}
		}
		
		.price::before {
			content: "Total";
			font-size: 20px;
		}
		
		.add-to-cart {
			padding: 12px 0px;
			width: 180px;
			font-size: 15px;
		}
		
		.composite_wrap1 {
			padding: 10px 20px 10px 10px;
		}
	}
}

@media screen and (max-width: 1170px) {
	.cart-bar-container {
		.info {
			flex-wrap: wrap;
			row-gap: 4px;
			column-gap: 15px;
			width: 58%;
		}
	}
}

@media screen and (max-width: 900px) {
	.cart-bar-container {
		padding: 15px 20px 40px 20px !important;
		.info {
			display: none;
		}
		.composite_wrap1 {
			justify-content: start;
		}
	}
	
	.cart-bar .btn.btn-primary {
		padding: 10px 0px !important;
		width: 165px;
	}
}

@media screen and (max-width: 700px) {
	.cart-bar-container {
		padding: 12px 20px 115px 20px !important;
		.cart-bar {
			width: 100% !important;
		}
		.price {
			.amount {
				font-size: 20px !important;
			}
		}
		.price::before {
			font-size: 19px;
		}
		.add-to-cart {
			font-size: 14px;
		}
	}
}

@media screen and (max-width: 575px) {
	.cart-bar-container {
		padding: 12px 20px 0px 20px !important;
		.cart-bar {
			flex-direction: column;
			gap: 8px;
			justify-content: center;
			align-items: center;
		}
		
		.open-main-content-popup {
			margin-right: 0px !important;
			padding: 12px 0 !important;
			width: 120px !important;
		}
		
		.composite_wrap1 {
			padding: 2px 0;
		}
	}
	.cart-bar .btn.btn-primary {
		padding: 10px 0px !important;
		width: 165px;
	}
}