.elementor-1526 .elementor-element.elementor-element-a1559df{--display:flex;--min-height:90px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--z-index:999;}.elementor-1526 .elementor-element.elementor-element-a1559df:not(.elementor-motion-effects-element-type-background), .elementor-1526 .elementor-element.elementor-element-a1559df > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}.elementor-1526 .elementor-element.elementor-element-020d063{--display:flex;}.elementor-1526 .elementor-element.elementor-element-d66cd13 .elementor-button{background-color:#78060600;font-size:28px;}.elementor-1526 .elementor-element.elementor-element-4171d9c{--display:flex;}.elementor-1526 .elementor-element.elementor-element-3bd1aef{--display:flex;}.elementor-1526 .elementor-element.elementor-element-5dbba64 img{width:100px;height:0%;}.elementor-1526 .elementor-element.elementor-element-2ba4949{--display:flex;}.elementor-1526 .elementor-element.elementor-element-5e9aac5{--display:flex;}.elementor-1526 .elementor-element.elementor-element-94a20dc{text-align:center;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-1526 .elementor-element.elementor-element-a1559df{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-a1559df *//* =================================================================
   هدر چسبان: نسخه نهایی و مطمئن
================================================================= */

/***
* 1. تنظیمات عمومی هدر (حالت عادی، قبل از اسکرول)
* کلاس CSS `sticky-header` را به سکشن اصلی هدر خود اضافه کنید.
*/
header.sticky-header {
	/* -- متغیرهای قابل تنظیم -- */
	--transition-speed: 0.4s ease;
	--header-height-initial: 100px; /* ارتفاع اولیه هدر */
	--header-height-scrolled: 65px;  /* ارتفاع هدر پس از اسکرول */

	/* -- استایل‌های اصلی و اصلاح‌شده -- */
	height: var(--header-height-initial);
	background-color: transparent;

	/* این بخش کلیدی است: سکشن را به فلکس تبدیل می‌کنیم تا محتوا را وسط‌چین کند */
	display: flex;
	align-items: center; /* وسط‌چین عمودی */
	
	/* padding عمودی را حذف می‌کنیم تا با ارتفاع تداخل نداشته باشد */
	padding-top: 0 !important;
	padding-bottom: 0 !important;

	/* انیمیشن نرم برای تغییرات */
	transition: height var(--transition-speed),
				background-color var(--transition-speed), 
				box-shadow var(--transition-speed), 
				backdrop-filter var(--transition-speed);
}


/***
* 2. حالت فعال‌شده با اسکرول (افکت شیشه‌ای و ارتفاع جدید)
*/
header.sticky-header.elementor-sticky--effects {
	/* ارتفاع هدر را به اجبار کم می‌کند */
	height: var(--header-height-scrolled) !important; 

	/* افکت شیشه‌ای */
	background-color: rgba(255, 255, 255, 0.85);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}


/***
* 3. کانتینر داخلی هدر
* نیازی به تغییر ارتفاع این بخش نیست، چون والد (سکشن) آن را کنترل می‌کند.
*/
header.sticky-header .elementor-container {
	/* عرض کامل و چینش آیتم‌ها */
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}


/***
* 4. تنظیمات لوگو
* کلاس CSS `logo` را به ویجت لوگوی خود اضافه کنید.
*/
header.sticky-header .logo img {
	transition: transform var(--transition-speed);
}

header.sticky-header.elementor-sticky--effects .logo img {
	transform: scale(0.8);
}/* End custom CSS */