/*======================
   PARALLAX FLOATING EFFECTS
========================*/

/* Performance optimization for parallax elements */
.parallax-bg,
.parallax-fast,
.parallax-content,
.parallax-medium,
.parallax-slow,
.parallax-horizontal,
.parallax-scale,
.parallax-rotate,
.float-section {
	will-change: transform;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
}

/* Background parallax - slower movement */
.parallax-bg {
	position: absolute;
	top: -10%;
	left: 0;
	width: 100%;
	height: 120%;
	object-fit: cover;
	z-index: -1;
}

/* Fast moving content - floats quickly */
.parallax-fast {
	position: relative;
	z-index: 2;
}

/* Content parallax - medium speed */
.parallax-content {
	position: relative;
	z-index: 3;
}

/* Medium speed for cards/images */
.parallax-medium {
	position: relative;
	transition: transform 0.1s ease-out;
}

/* Slow parallax for backgrounds */
.parallax-slow {
	position: relative;
}

/* Horizontal parallax */
.parallax-horizontal {
	position: relative;
}

/* Floating sections */
.float-section {
	position: relative;
}

/* Scale parallax setup */
.parallax-scale {
	overflow: hidden;
	position: relative;
}

.parallax-scale img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Rotation parallax */
.parallax-rotate {
	position: relative;
	display: inline-block;
}

/* Section-specific parallax adjustments */
.home_area {
	position: relative;
	overflow: hidden;
}

.home_area .parallax-bg {
	transform: translateZ(0);
}

.about_area,
.equipment_area,
.excellence_area,
.product_area {
	position: relative;
}

/* Smooth scroll container */
#main {
	overflow-x: hidden;
}

/* Performance hints */
.parallax-bg,
.parallax-slow img {
	transform: translateZ(0);
	-webkit-transform: translateZ(0);
}

/* Hover enhancements for parallax elements */
.parallax-medium:hover {
	transform: translateY(-5px) !important;
	transition: transform 0.3s ease;
}

.parallax-content:hover {
	transform: translateY(-3px);
	transition: transform 0.3s ease;
}

/* Mobile optimization - reduce parallax on small screens */
@media (max-width: 767.98px) {
	.parallax-bg,
	.parallax-fast,
	.parallax-content,
	.parallax-medium,
	.parallax-slow {
		transform: none !important;
	}
	
	/* Keep minimal effect on mobile */
	.parallax-content,
	.parallax-medium {
		will-change: auto;
	}
}

/* Tablet optimization */
@media (min-width: 768px) and (max-width: 991.98px) {
	.parallax-fast,
	.parallax-content {
		transform: translateY(calc(var(--scroll-y, 0) * -0.3)) !important;
	}
}