.ingre-eff {position: absolute;}

.e-in {
	opacity: 0;
	transition: opacity 0.6s ease-in;
}

.e-in.active {opacity: 1;}

.ingre-img img{
	width: 100%;
	height: auto;
}

.ingre-bg.e-in {opacity: 1 !important;}

.bowl-ingre.e-in {
	opacity: 0;
	transform: translateY(-10%) !important;
	transition: all 0.6s ease-in-out 0.6s !important;
}

.bowl.shadow {
	overflow: hidden;
	box-shadow: none;
}

/* edit 30-06-25 ying */
.bowl.shadow::after {
	content: '';
	position: absolute;
	left: 50%;
	top: 89%;
	transform: translateX(-50%);
	width: 50%;
	height:50%;
	background: #fff;
	z-index: -1;
}

.bowl-ingre.e-in.active {
	opacity: 1;
	transform: translateY(0) !important;
}

.bowl-ingre .in-2.e-in {
	opacity: 1;
	transform: scale(1);
	transition: all 1s ease-in-out !important;
}

.bowl-ingre .in-2.e-in.active {
	transform: scale(0) !important;
	top: calc(8/12 * 100%) !important;
}

.ingre .ingre-bg .bg-card {
	max-height: calc(12/12 * 100%) !important;
	min-height: calc(3/16 * 100%) !important;
	transition: all ease-in-out;
}

.opa,
.bowl-ingre {transition: opacity 0.5s ease-in-out;}

/* ver-nor/big */
.ver-nor {display: block;}

.ver-big {display: none;}

@media screen and (min-width: 1279px) {
.ver-nor {display: none !important;}
.ver-big {display: block !important;}
}

.bowl.e-in {
	opacity: 0;
	transition: opacity 0.6s ease-in;
}

.bowl.e-in.active {opacity: 1;}


img.bowl-ingre {opacity: 1;}

.bowl-txt .e-in {opacity: 0;}

.bowl-txt .e-in.active {opacity: 1;}

.map .img-map.e-in {
	opacity: 0.3;
	filter: grayscale(100%);
	transform: scale(0.5);
	transition: opacity 0.5s ease-in-out,
				filter 0.8s ease-in-out 0.25s,
				transform 1s ease-in-out 0.4s;
}

.map .img-map.e-in.active {
	opacity: 1;
	filter: none;
	transform: scale(1);
}

.map .img-logo.e-in {
	opacity: 0;
	transition: opacity 0.5s ease-in-out 1s;
}

.map .img-logo.e-in.active {opacity: 1;}

.map .right.e-in {opacity: 0;}

.map .right.e-in.active {opacity: 1;}

.map .left.e-in {opacity: 0;}

.map .left.e-in.active {opacity: 1;}

#quality .card-q {
	opacity: 0;
	transform: translateY(50%);
	transition: transform 0.6s ease-in-out,
				opacity 0.2s ease-in-out;
}

#quality .card-q.active {
	opacity: 1;
	transform: translateY(0);
}

#text-delight p {
	opacity: 1;
	filter: grayscale(1);
	transition: all 0.2s ease-in-out;
}

#text-delight p.active {filter: grayscale(0);}

#contact .background-eff {
	opacity: 1;
	transition: transform 1s ease-in-out;
	transform: translateY(0);
}

#contact .background-eff.active {
	transform: none;
	transform: translateY(30%);
}

.ver-big {
	width: 7vw;
	height: fit-content;
	bottom: 40%;
	left: 50%;
}

.ver-big:nth-child(2) {
	left: 47%;
	bottom: 44%;
}
.ver-big:nth-child(3) {
	left: 41%;
	bottom: 42%;
}
.ver-big:nth-child(4) {
	left: 51%;
}
.ver-big:nth-child(5) {
	left: 40%;
	bottom: 38%;
}
.ver-big:nth-child(6) {
	left: 45%;
}
.ver-big:nth-child(7) {
	left: 49%;
	bottom: 36%;
}
.ver-big:nth-child(8) {
	left: 56%;
	bottom: 38%;
}
.ver-big:nth-child(9) {
	left: 43%;
	bottom: 33%;
}
.ver-big:nth-child(10) {
	left: 54%;
	bottom: 32%;
}