.product-filters button {
	font-family: 'Century Gothic';
	font-size: 24px;
	font-weight: 400;
	line-height: 36px;
	color: #EFE5D8;
    border: none;
	text-transform: uppercase;
	margin: 30px;
    padding: 0;
}
.product-filters button:hover, .product-filters button:focus {
	color: #EFE5D8;
    background-color: transparent;
}

.product-filters .active {
	border-bottom: 3px solid #EFE5D8;
	font-weight: 700;
	font-family: 'Century Gothic Bold';
    border-radius: 0px;
}
.product-slider .slick-arrow{
	top:40%;
}

.product-slider .slide {
    text-align: center;
    padding: 20px;
    box-sizing: border-box;
}

.product-slider .slide img {
    width: 100%;
    max-width: 150px;
    margin: 0 auto 10px;
    display: block;
}

.product-filters {
    display: flex;
    flex-wrap: nowrap; /* Prevent wrapping to the next line */
    overflow-x: auto; /* Enable horizontal scrolling */
    -webkit-overflow-scrolling: touch; /* Enable smooth scrolling on iOS */
    padding: 10px 0; /* Optional: Add some padding for better appearance */
    justify-content: center; /* Center the filters on desktop */
}

.product-filters::-webkit-scrollbar {
    display: none; /* Optional: Hide scrollbar for a cleaner look */
}

.filter {
    flex: 0 0 auto; /* Ensure filters maintain their size and don't shrink */
    margin-right: 10px; /* Add space between filters */
}
.product-slide, .shadow-slide {
	display: flex !important;
	justify-content: center;
}
.shadow-slider {
	margin: auto;
	margin-top: -230px;
	width: 400px
}
.product-slide img {
    height: 290px;
	z-index: 1;
}
.slick-slider img {
	transition: transform 0.5s ease-in-out;
}
.shadow-slide img {
	width: 315px;
}
.slick-center img {
  transform: scale(2.65); /* Adjust this value to make the center slide larger */
}

.product-slider .slick-track {
	height: 970px;
    padding-top: 230px;
}
/* .product-slide {
	overflow: hidden;
    margin: 0 auto;
	margin-top: 130px;
}

.slick-active {
	transform: scaleX(0.95);
}
.slick-current {
	transform: scaleX(1.2);
	margin-top: 0px;
	z-index: 10;
    position: relative;
}
.slick-current img {
	height: -webkit-fill-available;;	
	object-fit: cover;
} */
/* .slick-current img:after{
	content:" ";
	background-color: #ECB035;
    height: 1px;
    width: 100%;
    position: absolute;
    margin-top: -330px;
    z-index: 0;
} */
.slick-right{
	right:40px!important;
}
/* .products-view{
	height: 1204px;
    overflow: hidden;
} */
.products-view .product-detail{
display:flex;
	   
	    margin-top: -32%;
    padding-bottom: 5%;
	    z-index: 999;
    position: relative;
}

@media (min-width: 1300px) {
	.products-view .product-detail {
		margin-top: -380px;
	}
}
.products-view .product-detail .product-head{
	display:block;
	width:50%;
}
.products-view .product-detail .product-body{
	display:block;
	width:50%;
}
.product-detail .product-title{
	font-size: 24px;
    color: #EFE5D8;
    line-height: 36px;
	text-transform:uppercase;
    font-weight: 600;
    font-family: 'Century Gothic';
	padding-left:20%;
}

.product-detail .product-subtitle{
	font-size: 64px;
    color: #EFE5D8;
    line-height: 77px;
    font-weight: 400;
    font-family: 'Bebas Neue';
	
	padding-right: 30%;
	padding-top: 70px;
	padding-left:20%;
}

.product-detail .product-short-desc-head{
	font-size: 24px;
    color: #EFE5D8;
    line-height: 24px;
    font-weight: 400;
    font-family: 'Century Gothic Bold';
    padding-left: 30%;
    position: relative;
    text-align: left;
    bottom: 5%;
    padding-right: 20%;
}
.product-detail .product-short-desc{
	font-size: 18px;
    color: #EFE5D8;
    font-weight: 400;
    font-family: 'Century Gothic';
    padding-left: 30%;
    padding-right: 20%;
    text-align: left;
    padding-top: 40px;
}
.line {
    background-color: #ECB035;
    height: 1px;
    width: 100%;
    position: absolute;
    margin-top: 420px;
    z-index: 0;
}
button.arrow-left.slick-arrow{
	left:40px;
	height: 50px;
    width: 50px;
}
button.arrow-right.slick-arrow {
  
    position: absolute;
    left: 95%;
	height: 50px;
    width: 50px;
}

.recipes-view .arrow-right {
	position: static !important;
}

.product-action{
	font-size: 18px;
    background-color: #193047 !important;
    border: none;
    padding: 10px 30px;
    margin-left: 20%;
    color: #EFE5D8 !important;
    margin-top: 3%;
    font-family: 'Century Gothic';
    font-weight: 400;
    text-transform: uppercase;
	border: 1px solid #fff;
    border-radius: 0px;
	width: 215px;
	height: 60px;
}
.product-action:hover{
	font-size: 18px;
   opacity: 0.9;
}
.products-view .dashicons, .dashicons-before:before{
	font-size:30px;
	width:30px;
	color:#EFE5D8!important;
	font-family:'dashicons';
}
.recipe-description {
	font-size: 18px;
    border: none;
    padding: 10px 30px;
	text-align:center;
    color: #EFE5D8;
    font-family: 'Century Gothic';
    font-weight: 400;
}
.recipe-read-more{
    color: #EFE5D8;
	font-size:24px;
    font-weight: 400;
    font-family: 'Bebas Neue';
	text-decoration:underline!important;
	line-height:28px;
}
.recipe-read-more:hover{
	text-decoration:underline!important;
}
.mobile-only ,.mobile-title , .mobile-subtitle {
	display:none;
}
/* Adjust styles specifically for mobile view */
@media (max-width: 768px) {
	.product-action{
		font-size: 14px;
		height: 40px;
	}
	
	.product-slide img {
		height: 260px;
	}
	
	button.arrow-left.slick-arrow img{
		height: 25px;
        width: 25px;
	}
	button.arrow-right.slick-arrow img{
		height: 25px;
        width: 25px;
	}
	
	button.arrow-left.slick-arrow{
	    height: 35px;
        width: 35px;
        max-width: 35px;
        min-width: 35px;
        padding: 0px;
		border-color: #EFE5D8;
        border-radius: 0px;

}
button.arrow-right.slick-arrow {
  height: 35px;
        width: 35px;
        max-width: 35px;
        min-width: 35px;
        padding: 0px;
	border-color: #EFE5D8;
        border-radius: 0px;
}
/* 	.recipe-tile{
		width:300px;
	} */
	.product-detail{
		z-index:90!important;
	}
	.product-slider .slick-arrow{
		top:86%;
		z-index: 99;
	}
	.product-slider .slick-track{
		padding-top:60px;
		height: 435px;
	}
	
	.product-slider button.arrow-left.slick-arrow{
		left:40%;
	}
	.product-slider button.arrow-right.slick-arrow {
		left:55%;
	}
	.line{
		display:none;
	}
	.product-slider .slick-center img{
		    transform: scale(1);
	}
	.mobile-subtitle{
	font-size: 36px;
    color: #EFE5D8;
    line-height: 42px;
    font-weight: 400;
    font-family: 'Bebas Neue';
		text-align:center;
		margin-top:5%;

}
	.mobile-title{
	font-size: 20px;
    color: #EFE5D8;
    line-height: 26px;
	text-transform:uppercase;
    font-weight: 600;
    font-family: 'Century Gothic';
		text-align:center;
		
}
	.product-action{
		margin: auto;
		margin-top: 10%;
	}
	.product-link.mobile-only {
		display: flex;
	}
	.product-detail .product-short-desc-head{
		padding-left:5%;
		padding-right:5%;
		padding-top: 30%;
		text-align: center;
		font-size:14px;
		line-height:140%;

	}
	.product-short-desc{
		padding-left:5%!important;
		padding-right:5%!important;
		text-align: center!important;
		font-size:14px!important;
		line-height:140%!important;

	}
	.product-detail{
		display:block!important;
	}
	.products-view .product-detail .product-body{
		width:100%;
	}
	.product-title , .product-subtitle , .product-link{
		display:none;
	}
	
	.mobile-only ,.mobile-title , .mobile-subtitle{
	display:block;
}
    .product-filters {
        justify-content: flex-start; /* Align filters to the start on mobile */
        white-space: nowrap; /* Prevent line breaks in the text */
    }

    .filter {
        display: inline-block;
    }
	
	.shadow-slider {
		display: none;
	}
}




/* Hide slick arrows if there's only one slide */

/* .product-slider.slick-initialized .slick-slide + .slick-slide ~ .slick-slide,
.product-slider.slick-initialized .slick-arrow {
    display: none !important;
} */

/* Optional: keep arrows hidden only if one slide is visible */


/* .product-slider.slick-initialized.slick-single .slick-arrow {
    display: none !important;
} */