.zaneti-modern-product-hero,
.zaneti-modern-product-hero * {
	box-sizing: border-box;
}

.zaneti-modern-product-hero {
	--zmph-deep: #07142e;
	--zmph-blue: #0b5fd7;
	--zmph-cyan: #72d7ff;
	--zmph-white: #ffffff;
	width: 100vw;
	max-width: 100vw;
	margin-right: calc(50% - 50vw);
	margin-left: calc(50% - 50vw);
	padding: 0;
	overflow: hidden;
	direction: rtl;
	background: var(--zmph-deep);
	font-family:
		var(--e-global-typography-primary-font-family, inherit),
		var(--e-global-typography-text-font-family, inherit),
		"IRANSansX",
		"IRANSans",
		"Yekan Bakh",
		"Dana",
		"Vazirmatn",
		Tahoma,
		sans-serif;
}

.zaneti-modern-product-hero a,
.zaneti-modern-product-hero button {
	font-family: inherit;
}

.zaneti-modern-product-hero .zmph-shell,
.zaneti-modern-product-hero .zmph-stage {
	position: relative;
	width: 100%;
	height: auto;
	min-height: 0;
	aspect-ratio: 1345 / 401;
}

.zaneti-modern-product-hero .zmph-shell {
	overflow: hidden;
	isolation: isolate;
	background: var(--zmph-deep);
}

.zaneti-modern-product-hero .zmph-slide {
	position: absolute;
	inset: 0;
	z-index: 1;
	width: 100%;
	min-height: 100%;
	overflow: hidden;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	background-image: var(--zmph-banner);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: var(--zmph-position, center center);
	transform: scale(1.025);
	transition: opacity 700ms ease, visibility 700ms ease, transform 6200ms ease;
}

.zaneti-modern-product-hero .zmph-slide::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	background: linear-gradient(
		90deg,
		rgba(7, 20, 46, 0.84) 0%,
		rgba(7, 20, 46, 0.76) 18%,
		rgba(7, 20, 46, 0.54) 36%,
		rgba(7, 20, 46, 0.16) 55%,
		rgba(7, 20, 46, 0.04) 72%,
		transparent 100%
	);
}

.zaneti-modern-product-hero .zmph-slide::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 2;
	pointer-events: none;
	background: linear-gradient(180deg, rgba(7, 20, 46, 0.08) 0%, transparent 38%, rgba(7, 20, 46, 0.40) 100%);
}

.zaneti-modern-product-hero .zmph-slide.is-active {
	z-index: 3;
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transform: scale(1);
}

.zaneti-modern-product-hero .zmph-content {
	position: absolute;
	z-index: 5;
	top: 50%;
	left: clamp(24px, 7vw, 110px);
	width: 30%;
	max-width: 430px;
	transform: translateY(-42%) translateX(-28px);
	opacity: 0;
	text-align: right;
	transition: opacity 720ms ease 140ms, transform 720ms cubic-bezier(0.2, 0.8, 0.2, 1) 140ms;
}

.zaneti-modern-product-hero .zmph-slide.is-active .zmph-content {
	opacity: 1;
	transform: translateY(-42%) translateX(0);
}

.zaneti-modern-product-hero .zmph-slogan {
	display: block;
	margin: 0 0 8px;
	color: var(--zmph-cyan);
	font-size: clamp(10.5px, 0.85vw, 13px);
	line-height: 1.8;
	font-weight: 700;
	letter-spacing: 0.15px;
}

.zaneti-modern-product-hero .zmph-content h2 {
	max-width: 100%;
	margin: 0;
	color: var(--zmph-white);
	font-size: clamp(28px, 3vw, 46px);
	line-height: 1.16;
	font-weight: 850;
	letter-spacing: -1.2px;
	text-shadow: 0 12px 34px rgba(0, 0, 0, 0.28);
}

.zaneti-modern-product-hero .zmph-content p {
	max-width: 430px;
	margin: 12px 0 0;
	color: rgba(255, 255, 255, 0.78);
	font-size: clamp(12px, 0.95vw, 14px);
	line-height: 1.9;
	font-weight: 500;
	text-shadow: 0 8px 24px rgba(0, 0, 0, 0.20);
}

.zaneti-modern-product-hero .zmph-btn {
	min-width: 118px;
	min-height: 32px;
	margin-top: 12px;
	padding: 0 20px;
	border: 1px solid rgba(255, 255, 255, 0.30);
	border-radius: 999px;
	color: var(--zmph-deep) !important;
	background: var(--zmph-white);
	box-shadow: 0 18px 42px rgba(0, 0, 0, 0.24);
	text-decoration: none !important;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 11px;
	line-height: 1;
	font-weight: 800;
	transition: transform 220ms ease, color 220ms ease, background 220ms ease, border-color 220ms ease, box-shadow 220ms ease;
}

.zaneti-modern-product-hero .zmph-btn:hover {
	transform: translateY(-3px);
	color: #ffffff !important;
	background: var(--zmph-blue);
	border-color: rgba(114, 215, 255, 0.65);
	box-shadow: 0 22px 48px rgba(11, 95, 215, 0.34);
}

.zaneti-modern-product-hero .zmph-controls {
	position: absolute;
	z-index: 20;
	left: clamp(24px, 7vw, 110px);
	bottom: 22px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 12px;
}

.zaneti-modern-product-hero .zmph-arrow {
	width: 36px;
	height: 36px;
	padding: 0;
	border: 1px solid rgba(255, 255, 255, 0.26);
	border-radius: 999px;
	color: #ffffff;
	background: rgba(7, 20, 46, 0.48);
	box-shadow: 0 12px 28px rgba(0, 0, 0, 0.20);
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: transform 220ms ease, color 220ms ease, background 220ms ease, border-color 220ms ease;
}

.zaneti-modern-product-hero .zmph-arrow:hover {
	transform: translateY(-2px);
	color: var(--zmph-deep);
	background: #ffffff;
	border-color: #ffffff;
}

.zaneti-modern-product-hero .zmph-arrow svg {
	width: 18px;
	height: 18px;
	fill: none;
	stroke: currentColor;
	stroke-width: 2.5;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.zaneti-modern-product-hero .zmph-dots {
	min-height: 36px;
	padding: 0 14px;
	border: 1px solid rgba(255, 255, 255, 0.20);
	border-radius: 999px;
	background: rgba(7, 20, 46, 0.48);
	box-shadow: 0 12px 28px rgba(0, 0, 0, 0.20);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
}

.zaneti-modern-product-hero .zmph-dot {
	width: 7px;
	height: 7px;
	padding: 0;
	border: 0;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.42);
	cursor: pointer;
	transition: width 220ms ease, transform 220ms ease, background 220ms ease;
}

.zaneti-modern-product-hero .zmph-dot.is-active {
	width: 25px;
	background: var(--zmph-cyan);
}

.zaneti-modern-product-hero .zmph-dot:hover {
	transform: scale(1.15);
}

@media (max-width: 1024px) {
	.zaneti-modern-product-hero .zmph-shell,
	.zaneti-modern-product-hero .zmph-stage {
		height: var(--zmph-height-tablet, 450px);
		aspect-ratio: auto;
	}

	.zaneti-modern-product-hero .zmph-slide::before {
		background: linear-gradient(
			90deg,
			rgba(7, 20, 46, 0.84) 0%,
			rgba(7, 20, 46, 0.70) 28%,
			rgba(7, 20, 46, 0.32) 58%,
			rgba(7, 20, 46, 0.05) 82%,
			transparent 100%
		);
	}

	.zaneti-modern-product-hero .zmph-content {
		left: 42px;
		width: 34%;
		max-width: 360px;
	}

	.zaneti-modern-product-hero .zmph-controls {
		left: 42px;
	}
}

@media (max-width: 767px) {
	.zaneti-modern-product-hero .zmph-shell,
	.zaneti-modern-product-hero .zmph-stage {
		height: var(--zmph-height-mobile, 470px);
	}

	.zaneti-modern-product-hero .zmph-slide {
		background-image: var(--zmph-mobile-banner, var(--zmph-banner));
		background-position: var(--zmph-mobile-position, var(--zmph-position, center center));
	}

	.zaneti-modern-product-hero .zmph-slide::before {
		background: linear-gradient(
			180deg,
			rgba(7, 20, 46, 0.07) 0%,
			rgba(7, 20, 46, 0.10) 34%,
			rgba(7, 20, 46, 0.66) 62%,
			rgba(7, 20, 46, 0.88) 100%
		);
	}

	.zaneti-modern-product-hero .zmph-slide::after {
		background: linear-gradient(180deg, rgba(7, 20, 46, 0.10), transparent 44%, rgba(7, 20, 46, 0.26));
	}

	.zaneti-modern-product-hero .zmph-content {
		top: auto;
		right: 20px;
		bottom: 82px;
		left: 20px;
		width: auto;
		transform: translateY(22px);
		text-align: right;
	}

	.zaneti-modern-product-hero .zmph-slide.is-active .zmph-content {
		transform: translateY(0);
	}

	.zaneti-modern-product-hero .zmph-slogan {
		margin-bottom: 8px;
		font-size: 11px;
	}

	.zaneti-modern-product-hero .zmph-content h2 {
		max-width: 100%;
		font-size: clamp(24px, 7.5vw, 32px);
		line-height: 1.22;
		letter-spacing: -0.6px;
	}

	.zaneti-modern-product-hero .zmph-content p {
		max-width: 100%;
		margin-top: 8px;
		font-size: 11.5px;
		line-height: 1.9;
	}

	.zaneti-modern-product-hero .zmph-btn {
		min-width: 118px;
		min-height: 37px;
		margin-top: 12px;
		padding-inline: 16px;
		font-size: 11px;
	}

	.zaneti-modern-product-hero .zmph-controls {
		right: 20px;
		bottom: 16px;
		left: 20px;
		justify-content: center;
	}

	.zaneti-modern-product-hero .zmph-arrow {
		width: 32px;
		height: 32px;
	}

	.zaneti-modern-product-hero .zmph-dots {
		min-height: 32px;
		padding-inline: 12px;
	}
}

@media (max-width: 390px) {
	.zaneti-modern-product-hero .zmph-content {
		bottom: 76px;
	}

	.zaneti-modern-product-hero .zmph-content h2 {
		font-size: 23px;
	}

	.zaneti-modern-product-hero .zmph-content p {
		font-size: 11px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.zaneti-modern-product-hero .zmph-slide,
	.zaneti-modern-product-hero .zmph-content,
	.zaneti-modern-product-hero .zmph-btn,
	.zaneti-modern-product-hero .zmph-arrow,
	.zaneti-modern-product-hero .zmph-dot {
		transition: none !important;
	}
}