/* your styles go here */

/* product section */
.products {
	z-index: 2;
	background-color: #fff;
	margin-top: 100px;
	margin-bottom: 60px;
}
.products .container {
	text-align: center;
}
.product-section {
	padding: 2em 0 8em;

}

.product-section__title{
	position: relative;
	display: inline-block;
	padding-bottom: 1em;
}

.product-section__title::before {
	content: '';
	position: absolute;
	height: 2px;
	width: 100%;
	background-color: #40012c;
	bottom: 0;
}

.product-section__categories {
	padding: 1em 0;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 1em;
}

.product-section__btn {
	border: none;
	padding: .75rem 1.5rem;
}

.product-section__btn:hover {
	opacity: .75;
}

.product-section__btn:nth-child(1) {
	background-color: #96C0D2;
}
.product-section__btn:nth-child(2) {
	background-color: #FED5D5;
}
.product-section__btn:nth-child(3) {
	background-color: #FDE996;
}

.product-item {
	box-shadow: -1px 3px 18px -10px rgba(0,0,0,0.75);
	-webkit-box-shadow: -1px 3px 18px -10px rgba(0,0,0,0.75);
	-moz-box-shadow: -1px 3px 18px -10px rgba(0,0,0,0.75);
	border: 1px solid transparent;
	transition: all 300ms ease-in-out;
}

.product-item:hover {
	/* border: 1px solid var(--clr-accent); */
	box-shadow: -1px 3px 18px -2px black;
	-webkit-box-shadow: -1px 3px 18px -2px black;
	-moz-box-shadow: -1px 3px 18px -2px black;
}

.product-item__bottom-details {
	padding: 1em;
	background-color: white;
}

.star-icon-container {
	font-size: .875rem;
	font-weight: 700;
}

.product-item_img-container {
	height: 250px;
	position: relative;
}

.product-item__rating {
	font-size: .875rem;
}

.product-item__bg-img{
	width: 100%;
	height: 100%;
	object-fit: contain;
	padding: 1em;
}

.bi.bi-star-fill, .bi.bi-star-half, .bi.bi-star {
	font-size: .875em;
	color: #ff7b29;
	/* color: var(--clr-accent); */
}

.product-item_name {
	font-size: 1rem;
	font-weight: 500;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
} 

.product-item_price {
	font-size: 1.25rem;
	font-weight: 800;   
	text-align: center;  
}

.product-item__bg-link {
	text-decoration: none;
	padding: .5em;
	color: black;
	font-weight: 700;
	text-align: center;
	border: 1px solid black;
	transition: all 300ms ease-in-out;
}

.product-item__bg-link:hover {
	color: var(--clr-bg);
	background-color: black;
	border: 1px solid black;
}

.product-item_add-to-cart-btn {
	padding: .5em;
	background-color: transparent;
	border: 1px solid #40012c;
	color: var(--clr-bg);
	font-weight: 700;
	transition: all 300ms ease-in-out;
	cursor: pointer;
}

.product-item_add-to-cart-btn:hover {
	background-color: black;
	border: 1px solid black;
	color: white;
}


@media (min-width: 768px) {
	.product-item__bg-link, .product-item_add-to-cart-btn {
		width: 100%;
	}
}