/*
 * استایل اصلی صفحه اصلی فروشگاه سنانگار
 * محدوده: تمام قوانین زیر پیشوند .sanayi- دارند تا به پیشخوان وردپرس آسیب نزنند.
 * چیدمان: Flexbox (بدون CSS Grid) | جهت: RTL | فونت: IRANSansFaNum محلی
 */

:root {
	--sanayi-color-primary: #14b8a6;
	--sanayi-color-primary-dark: #0d9488;
	--sanayi-color-secondary: #10b981;
	--sanayi-color-navy: #0b2b2e;
	--sanayi-color-navy-soft: #123b3c;
	--sanayi-color-bg: #f5f8f8;
	--sanayi-color-surface: #ffffff;
	--sanayi-color-border: #e3ebea;
	--sanayi-color-text: #1c2b2a;
	--sanayi-color-text-muted: #5b6f6d;
	--sanayi-color-on-navy: #f2f7f6;
	--sanayi-color-on-navy-muted: #b9d3d0;
	--sanayi-shadow-sm: 0 2px 10px rgba(11, 43, 46, 0.06);
	--sanayi-shadow-md: 0 10px 30px rgba(11, 43, 46, 0.10);
	--sanayi-radius-card: 16px;
	--sanayi-radius-btn: 10px;
	--sanayi-radius-pill: 999px;
	--sanayi-space-1: 0.4rem;
	--sanayi-space-2: 0.8rem;
	--sanayi-space-3: 1.2rem;
	--sanayi-space-4: 1.6rem;
	--sanayi-space-5: 2.4rem;
	--sanayi-space-6: 3.2rem;
	--sanayi-container-width: 1180px;
	--sanayi-font: 'IRANSansFaNum', Tahoma, sans-serif;
	--sanayi-header-height: 76px;
}
/* ---------- عرض کلی سایت کنتل شود---------- */
/* جلوگیری از افزایش عرض صفحه توسط کاروسل‌ها */
.sanayi-category-carousel,
.sanayi-carousel,
.sanayi-customers-carousel,
.sanayi-single-product-related-carousel {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
}

/* Track باید داخل Parent محدود بماند */
.sanayi-category-track,
.sanayi-carousel-track,
.sanayi-customers-track,
.sanayi-single-product-related-track {
    max-width: 100%;
    min-width: 0;
}

/* Flex childها اجازه کوچک‌شدن داشته باشند */
.sanayi-section-inner,
.sanayi-single-product,
.sanayi-single-product-details,
.sanayi-single-product-related {
    min-width: 0;
}
html,
body {
    max-width: 100%;
    overflow-x: clip;
}





/* ---------- محدوده پایه ---------- */

.sanayi-site-wrapper,
.sanayi-site-wrapper *,
.sanayi-site-wrapper *::before,
.sanayi-site-wrapper *::after {
	box-sizing: border-box !important;
}

body {
	margin: 0 !important;
	direction: rtl !important;
	text-align: right !important;
	font-family: var(--sanayi-font) !important;
	background-color: var(--sanayi-color-bg) !important;
	color: var(--sanayi-color-text) !important;
	line-height: 1.85 !important;
}

.sanayi-site-wrapper img {
	max-width: 100% !important;
	height: auto !important;
	display: block !important;
}

.sanayi-site-wrapper a {
	color: inherit !important;
	text-decoration: none !important;
}

.sanayi-site-wrapper :focus-visible {
	outline: 2px solid var(--sanayi-color-primary-dark) !important;
	outline-offset: 2px !important;
}

.sanayi-site-wrapper {
	display: flex !important;
	flex-direction: column !important;
	min-height: 100vh !important;
	overflow-x: hidden !important;
}

.sanayi-btn {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: var(--sanayi-space-1) !important;
	padding: 0.75rem 1.5rem !important;
	border-radius: var(--sanayi-radius-btn) !important;
	font-family: var(--sanayi-font) !important;
	font-weight: 500 !important;
	font-size: 0.95rem !important;
	border: 1px solid transparent !important;
	cursor: pointer !important;
	transition: transform 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease !important;
	white-space: nowrap !important;
}

.sanayi-btn:hover {
	transform: translateY(-1px) !important;
}

.sanayi-btn-solid {
	background-color: var(--sanayi-color-primary) !important;
	color: #ffffff !important;
}

.sanayi-btn-solid:hover {
	background-color: var(--sanayi-color-primary-dark) !important;
}

.sanayi-btn-outline {
	background-color: transparent !important;
	color: var(--sanayi-color-primary-dark) !important;
	border-color: var(--sanayi-color-primary) !important;
}

.sanayi-btn-outline:hover {
	background-color: rgba(20, 184, 166, 0.08) !important;
}

.sanayi-btn-outline-invert {
	background-color: transparent !important;
	color: var(--sanayi-color-on-navy) !important;
	border-color: rgba(242, 247, 246, 0.5) !important;
}

.sanayi-btn-outline-invert:hover {
	background-color: rgba(242, 247, 246, 0.12) !important;
}

.sanayi-icon-btn {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 42px !important;
	height: 42px !important;
	border-radius: 50% !important;
	border: 1px solid var(--sanayi-color-border) !important;
	background-color: var(--sanayi-color-surface) !important;
	color: var(--sanayi-color-navy) !important;
	position: relative !important;
	cursor: pointer !important;
}

.sanayi-icon-btn svg {
	width: 20px !important;
	height: 20px !important;
}

/* ---------- نوار بالای هدر ---------- */

.sanayi-topbar {
	background-color: var(--sanayi-color-navy) !important;
	color: var(--sanayi-color-on-navy-muted) !important;
	font-size: 0.85rem !important;
}

.sanayi-topbar-inner {
	max-width: var(--sanayi-container-width) !important;
	margin: 0 auto !important;
	padding: 0.55rem 1.25rem !important;
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: var(--sanayi-space-2) !important;
}

.sanayi-topbar-tagline {
	margin: 0 !important;
	color: var(--sanayi-color-on-navy) !important;
}

.sanayi-topbar-contacts {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	gap: var(--sanayi-space-3) !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.sanayi-topbar-item {
	display: flex !important;
	align-items: center !important;
	gap: 0.35rem !important;
}

.sanayi-topbar-item a {
	color: var(--sanayi-color-on-navy) !important;
}

.sanayi-topbar-item a:hover {
	color: var(--sanayi-color-primary) !important;
}

.sanayi-topbar-icon {
	display: inline-flex !important;
	width: 15px !important;
	height: 15px !important;
	flex: none !important;
}

.sanayi-topbar-icon svg {
	width: 100% !important;
	height: 100% !important;
}

/* ---------- هدر اصلی ---------- */

.sanayi-header {
	background-color: var(--sanayi-color-surface) !important;
	border-bottom: 1px solid var(--sanayi-color-border) !important;
	position: sticky !important;
	top: 0 !important;
	z-index: 100 !important;
}

.admin-bar .sanayi-header {
	top: 32px !important;
}

@media (max-width: 782px) {
	.admin-bar .sanayi-header {
		top: 46px !important;
	}
}

.sanayi-header-inner {
	max-width: var(--sanayi-container-width) !important;
	margin: 0 auto !important;
	padding: 0.9rem 1.25rem !important;
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: var(--sanayi-space-3) !important;
	min-height: var(--sanayi-header-height) !important;
}

.sanayi-branding {
	display: flex !important;
	align-items: center !important;
}

.sanayi-branding img,
.sanayi-branding .custom-logo {
	max-height: 56px !important;
	width: auto !important;
	height: auto !important;
	object-fit: contain !important;
}

.sanayi-fallback-logo {
	display: flex !important;
	align-items: center !important;
	gap: 0.6rem !important;
}

.sanayi-fallback-logo img {
	max-height: 52px !important;
	width: auto !important;
}

.sanayi-fallback-logo-text {
	font-weight: 700 !important;
	color: var(--sanayi-color-navy) !important;
}

.sanayi-main-navigation {
	flex: 1 1 auto !important;
}

.sanayi-primary-menu {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	justify-content: center !important;
	gap: var(--sanayi-space-4) !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.sanayi-primary-menu a {
	font-weight: 500 !important;
	color: var(--sanayi-color-navy) !important;
	padding: 0.4rem 0.1rem !important;
}

.sanayi-primary-menu a:hover {
	color: var(--sanayi-color-primary-dark) !important;
}

.sanayi-header-actions {
	display: flex !important;
	align-items: center !important;
	gap: var(--sanayi-space-2) !important;
}

.sanayi-cart-btn {
	position: relative !important;
}

.sanayi-cart-count {
	position: absolute !important;
	top: -4px !important;
	inset-inline-end: -4px !important;
	background-color: var(--sanayi-color-primary) !important;
	color: #ffffff !important;
	font-size: 0.65rem !important;
	line-height: 1 !important;
	min-width: 16px !important;
	height: 16px !important;
	border-radius: 50% !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 0 3px !important;
}

.sanayi-menu-toggle {
	display: none !important;
}

.sanayi-menu-toggle-icon-close {
	display: none !important;
}

.sanayi-menu-toggle[aria-expanded="true"] .sanayi-menu-toggle-icon-open {
	display: none !important;
}

.sanayi-menu-toggle[aria-expanded="true"] .sanayi-menu-toggle-icon-close {
	display: inline-flex !important;
}

.sanayi-mobile-menu {
	display: none !important;
}

/* ---------- محتوای اصلی ---------- */

.sanayi-site-main {
	flex: 1 0 auto !important;
}

.content-container {
	max-width: var(--sanayi-container-width) !important;
	margin: 0 auto !important;
	padding: var(--sanayi-space-5) 1.25rem !important;
}

.sanayi-section {
	padding: var(--sanayi-space-6) 0 !important;
}

.sanayi-section-inner {
	max-width: var(--sanayi-container-width) !important;
	margin: 0 auto !important;
	padding: 0 1.25rem !important;
	display: flex !important;
	flex-direction: column !important;
	gap: var(--sanayi-space-5) !important;
}

.sanayi-section-header {
	display: flex !important;
	flex-direction: column !important;
	gap: 0.4rem !important;
	text-align: center !important;
}

.sanayi-section-title {
	margin: 0 !important;
	font-size: 1.6rem !important;
	color: var(--sanayi-color-navy) !important;
}

.sanayi-section-desc {
	margin: 0 !important;
	color: var(--sanayi-color-text-muted) !important;
}

/* ---------- هیرو ---------- */
/*
 * تصویر هیرو به‌صورت background-image داینامیک inline (از PHP، با esc_url) روی
 * خود .sanayi-hero تنظیم می‌شود. برای اینکه این مقدار inline هرگز override نشود:
 *   - در این بخش هیچ shorthand «background» و هیچ «background-image» با !important
 *     برای .sanayi-hero تعریف نمی‌شود.
 *   - رنگ پشتیبان (وقتی تصویری انتخاب نشده) فقط با background-color مشخص می‌شود.
 *   - گرادیان تیره (overlay) روی ::before قرار دارد، نه روی background خود سکشن.
 * ترتیب لایه‌ها: background-image داینامیک (.sanayi-hero, لایه پایه)
 *              < overlay (::before, z-index:1) < محتوا (.sanayi-hero-inner, z-index:2).
 * !important در این بخش فقط روی «color» نگه داشته شده چون قانون سراسری
 * body{ color:...!important } در غیر این صورت رنگ سفید متن Hero را override می‌کند
 * (تداخل اثبات‌شده)؛ در بقیه declarationها چون تداخل شناخته‌شده‌ای وجود ندارد، !important حذف شد.
 */

.sanayi-hero {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	min-height: clamp(560px, 46vw, 720px);
	overflow: hidden;
	background-color: var(--sanayi-color-navy);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	color: var(--sanayi-color-on-navy) !important;
}

.sanayi-hero::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	/* سمت راست (پشت متن) تیره‌تر، سمت چپ روشن‌تر تا تصویر بیش‌ازحد تیره نشود. */
	background-image: linear-gradient(to left, rgba(6, 26, 28, 0.9) 0%, rgba(6, 26, 28, 0.6) 45%, rgba(6, 26, 28, 0.18) 100%);
}

.sanayi-hero-inner {
	position: relative;
	z-index: 2;
	width: 100%;
	max-width: var(--sanayi-container-width);
	margin: 0 auto;
	padding: var(--sanayi-space-6) 1.25rem;
}

.sanayi-hero-content {
	max-width: 580px;
	display: flex;
	flex-direction: column;
	gap: var(--sanayi-space-3);
}

.sanayi-hero-title {
	margin: 0;
	font-size: clamp(1.6rem, 3vw, 2.4rem);
	line-height: 1.5;
	color: #ffffff !important;
}

.sanayi-hero-description {
	margin: 0;
	color: #ffffff !important;
	opacity: 0.86;
	font-size: 1.05rem;
	max-width: 46ch;
}

.sanayi-hero-actions {
	display: flex;
	flex-wrap: wrap;
	gap: var(--sanayi-space-2);
	margin-top: var(--sanayi-space-2);
}

/* ---------- مزیت‌های رقابتی ---------- */
/*
 * کارت سفید شناور که با نیمه بالایی خود روی نیمه پایینی Hero می‌نشیند.
 * .sanayi-benefits فقط یک لایه‌ی شفاف با فاصلهٔ پایین (spacer) است؛
 * .sanayi-benefits-inner همان کارت واقعی است که با margin-top منفی به سمت بالا کشیده می‌شود.
 * .sanayi-hero یک sibling جداست و overflow:hidden آن فقط داخل خودش (تصویر/overlay) اثر دارد،
 * پس هم‌پوشانی این کارت (که فرزند Hero نیست) هرگز توسط آن بریده نمی‌شود.
 */

.sanayi-benefits {
	position: relative;
	background-color: transparent;
	padding: 0 0 var(--sanayi-space-5);
}

.sanayi-benefits-inner {
	position: relative;
	z-index: 3;
	width: calc(100% - 48px);
	max-width: 1240px;
	margin-inline: auto;
	margin-top: -60px;
	background-color: #fff;
	border-radius: 16px;
	box-shadow: 0 18px 50px rgba(4, 45, 48, 0.14);
	border: 1px solid rgba(5, 74, 76, 0.08);
	display: flex;
	flex-wrap: wrap;
}

.sanayi-benefit-box {
	position: relative;
	flex: 1 1 0%;
	display: flex;
	align-items: flex-start;
	gap: var(--sanayi-space-2);
	padding: 1.6rem 1.4rem;
}

/* divider عمودی ظریف بین آیتم‌ها؛ قبل از اولین آیتم و بعد از آخرین آیتم وجود ندارد. */
.sanayi-benefit-box + .sanayi-benefit-box::before {
	content: "";
	position: absolute;
	inset-inline-start: 0;
	top: 22%;
	bottom: 22%;
	width: 1px;
	background-color: rgba(5, 74, 76, 0.08);
}

.sanayi-benefit-icon {
	flex: none !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 46px !important;
	height: 46px !important;
	border-radius: 50% !important;
	background-color: rgba(20, 184, 166, 0.1) !important;
	color: var(--sanayi-color-primary-dark) !important;
}

.sanayi-benefit-icon svg {
	width: 22px !important;
	height: 22px !important;
}

.sanayi-benefit-title {
	margin: 0 0 0.2rem !important;
	font-size: 1rem !important;
	color: var(--sanayi-color-navy) !important;
}

.sanayi-benefit-desc {
	margin: 0 !important;
	font-size: 0.85rem !important;
	color: var(--sanayi-color-text-muted) !important;
}

/* تبلت: دو ردیف دوتایی. divider فقط بین دو ستون همان ردیف معنا دارد، پس قبل از
   آیتم‌هایی که خودشان ابتدای یک ردیف جدیدند (سوم) حذف می‌شود. */
@media (max-width: 880px) {
	.sanayi-benefit-box {
		flex: 1 1 50%;
	}

	.sanayi-benefit-box:nth-child(odd)::before {
		display: none;
	}
}

/* موبایل: هم‌پوشانی کمتر با Hero، فاصله ۱۶px از طرفین، چیدمان تک‌ستونه و بدون divider. */
@media (max-width: 480px) {
	.sanayi-benefits-inner {
		width: calc(100% - 32px);
		margin-top: -5%;
	}

	.sanayi-benefit-box {
		flex: 1 1 100%;
	}

	.sanayi-benefit-box::before {
		display: none;
	}
}

/* Shop responsive width corrections: override the fixed homepage card width only in archives. */
@media (max-width: 1024px) {
	.sanayi-shop-shell {
		width: min(100% - 40px, 1240px);
		max-width: 100%;
		align-items: stretch;
	}

	.sanayi-shop-sidebar:not(.is-open) {
		display: none;
	}

	.sanayi-shop-results {
		flex: 1 1 100%;
		width: 100%;
		max-width: 100%;
		margin-inline: 0;
	}

	.sanayi-shop-results ul.products {
		width: 100%;
		max-width: 100%;
		margin-inline: 0;
	}

	.sanayi-shop-results ul.products li.product {
		float: none !important;
		clear: none !important;
		flex: 0 0 calc((100% - 22px) / 2) !important;
		width: calc((100% - 22px) / 2) !important;
		max-width: calc((100% - 22px) / 2);
		margin-inline: 0 !important;
	}

	.sanayi-shop-results .sanayi-product-card {
		flex: 1 1 100% !important;
		width: 100% !important;
		max-width: 100%;
		margin-inline: auto;
	}

	.sanayi-shop-toolbar {
		box-sizing: border-box;
		width: 100%;
		max-width: 100%;
		flex-wrap: wrap;
	}
}

@media (max-width: 767px) {
	.sanayi-shop-container,
	.sanayi-shop-shell {
		width: calc(100% - 32px);
		max-width: calc(100% - 32px);
	}

	.sanayi-shop-results ul.products li.product {
		flex: 0 0 100% !important;
		width: 100% !important;
		max-width: 100%;
	}

	.sanayi-shop-result-count,
	.sanayi-shop-ordering {
		flex: 1 1 100%;
		width: 100%;
	}

	.sanayi-shop-ordering {
		justify-content: space-between;
	}

	.sanayi-shop-ordering .woocommerce-ordering,
	.sanayi-shop-ordering select {
		min-width: 0;
		max-width: 100%;
	}
}

/* ---------- صفحه تماس با ما ---------- */
.sanayi-contact-page { background: #f7fbfb; padding: clamp(42px, 7vw, 82px) 0; }
.sanayi-contact-container { width: min(1240px, calc(100% - 40px)); margin-inline: auto; }
.sanayi-contact-heading { margin-bottom: clamp(28px, 4vw, 42px); }
.sanayi-contact-heading::before { content: ''; display: block; width: 78px; height: 4px; margin: 0 auto 16px; border-radius: 999px; background: var(--sanayi-color-primary); }
.sanayi-contact-heading .sanayi-section-title { margin: 0; }
.sanayi-contact-heading .sanayi-section-desc { margin: 10px auto 0; }
.sanayi-contact-layout { display: flex; gap: clamp(18px, 2.5vw, 32px); align-items: stretch; }
.sanayi-contact-form { flex: 1 1 65%; min-width: 0; padding: clamp(22px, 3vw, 36px); border: 1px solid var(--sanayi-color-border); border-radius: 18px; background: var(--sanayi-color-surface); box-shadow: 0 12px 32px rgba(11, 43, 46, .07); }
.sanayi-contact-fields { display: flex; flex-wrap: wrap; gap: 18px 22px; }
.sanayi-contact-fields p { flex: 1 1 calc(50% - 11px); min-width: 0; margin: 0; }
.sanayi-contact-fields .sanayi-contact-field-full { flex-basis: 100%; }
.sanayi-contact-form label { display: block; margin-bottom: 8px; color: var(--sanayi-color-navy); font-size: .92rem; font-weight: 700; }
.sanayi-contact-form input, .sanayi-contact-form textarea { box-sizing: border-box; width: 100%; border: 1px solid var(--sanayi-color-border); border-radius: 10px; background: #fff; color: var(--sanayi-color-text); font: inherit; line-height: 1.6; padding: 12px 14px; transition: border-color .18s ease, box-shadow .18s ease; }
.sanayi-contact-form input { min-height: 48px; }
.sanayi-contact-form textarea { resize: vertical; min-height: 142px; }
.sanayi-contact-form input:focus-visible, .sanayi-contact-form textarea:focus-visible { outline: 0; border-color: var(--sanayi-color-primary); box-shadow: 0 0 0 3px rgba(20, 184, 166, .16); }
.sanayi-contact-submit { display: inline-flex; width: 100%; min-height: 50px; margin-top: 22px; align-items: center; justify-content: center; gap: 9px; border: 0; border-radius: 10px; background: var(--sanayi-color-primary); color: #fff; cursor: pointer; font: inherit; font-weight: 700; transition: background-color .18s ease, transform .18s ease; }
.sanayi-contact-submit:hover { background: var(--sanayi-color-primary-dark); }
.sanayi-contact-submit:focus-visible, .sanayi-contact-direct:focus-visible, .sanayi-contact-directions:focus-visible { outline: 3px solid rgba(20, 184, 166, .36); outline-offset: 3px; }
.sanayi-contact-submit svg { width: 19px; height: 19px; transform: rotate(180deg); }
.sanayi-contact-honeypot { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.sanayi-contact-details { position: relative; isolation: isolate; flex: 0 1 35%; min-width: 290px; overflow: hidden; border-radius: 18px; padding: clamp(24px, 3vw, 36px); background: var(--sanayi-color-navy); color: #fff; box-shadow: 0 12px 32px rgba(11, 43, 46, .14); }
.sanayi-contact-details > *:not(.sanayi-contact-wave) { position: relative; z-index: 1; }
.sanayi-contact-details h2 { margin: 0 0 9px; color: #fff; font-size: clamp(1.35rem, 2vw, 1.8rem); }
.sanayi-contact-details h2::after { content: 'همیشه آماده پاسخگویی به شما هستیم.'; display: block; margin-top: 8px; color: rgba(255,255,255,.74); font-size: .9rem; font-weight: 400; }
.sanayi-contact-wave { position: absolute; inset: auto -5% 0; z-index: 0; width: 110%; height: 78%; color: var(--sanayi-color-primary); opacity: .32; pointer-events: none; }
.sanayi-contact-list { display: flex; flex-direction: column; margin: 22px 0; padding: 0; list-style: none; }
.sanayi-contact-list li { display: flex; gap: 12px; align-items: center; padding: 12px 0; border-bottom: 1px solid rgba(255,255,255,.18); }
.sanayi-contact-list li > span:last-child { display: flex; min-width: 0; flex: 1; flex-direction: column; gap: 3px; }
.sanayi-contact-list strong { color: rgba(255,255,255,.88); font-size: .86rem; }
.sanayi-contact-list a, .sanayi-contact-list span span { color: #fff; overflow-wrap: anywhere; text-decoration: none; }
.sanayi-contact-list a:hover { color: #9ff4e8; }
.sanayi-contact-icon { display: inline-flex; flex: 0 0 42px; width: 42px; height: 42px; align-items: center; justify-content: center; border-radius: 50%; background: rgba(20,184,166,.9); color: #fff; }
.sanayi-contact-icon svg { width: 21px; height: 21px; }
.sanayi-contact-direct { display: inline-flex; min-height: 44px; width: 100%; box-sizing: border-box; align-items: center; justify-content: center; gap: 9px; border: 1px solid rgba(255,255,255,.88); border-radius: 10px; color: #fff; font-weight: 700; text-decoration: none; transition: background-color .18s ease; }
.sanayi-contact-direct:hover { background: rgba(255,255,255,.12); }
.sanayi-contact-direct svg { width: 20px; height: 20px; }
.sanayi-contact-notice { margin: 0 0 20px; border-radius: 10px; padding: 13px 16px; font-weight: 600; }
.sanayi-contact-notice.is-success { background: #e9faf6; color: #086d60; }
.sanayi-contact-notice.is-error { background: #fff0f0; color: #9f2525; }
.sanayi-contact-map { position: relative; min-height: 280px; margin-top: clamp(22px, 3vw, 32px); overflow: hidden; border: 1px solid var(--sanayi-color-border); border-radius: 18px; background: #eef4f4; }
.sanayi-contact-map iframe { display: block; width: 100%; min-height: 340px; border: 0; }
.sanayi-contact-map-empty { display: flex; min-height: 280px; align-items: center; justify-content: center; padding: 24px; color: var(--sanayi-color-text-muted); text-align: center; }
.sanayi-contact-directions { position: absolute; inset: auto 18px 18px auto; min-height: 44px; display: inline-flex; align-items: center; padding: 0 18px; border-radius: 9px; background: var(--sanayi-color-primary); color: #fff; font-weight: 700; text-decoration: none; }
.sanayi-contact-directions:hover { background: var(--sanayi-color-primary-dark); }
@media (max-width: 760px) { .sanayi-contact-container { width: min(100% - 28px, 620px); } .sanayi-contact-layout { flex-direction: column; } .sanayi-contact-form { order: 1; } .sanayi-contact-details { order: 2; min-width: 0; } .sanayi-contact-fields p { flex-basis: 100%; } .sanayi-contact-map { margin-top: 18px; } }
@media (prefers-reduced-motion: reduce) { .sanayi-contact-form input, .sanayi-contact-form textarea, .sanayi-contact-submit, .sanayi-contact-direct { transition: none; } }
/* فروشگاه و آرشیو محصولات */
.sanayi-shop-container{width:min(1240px,calc(100% - 40px));margin:auto}.sanayi-shop-banner{padding:0 0 1px 0  0;background:var(--sanayi-color-navy);color:#fff}.sanayi-shop-banner span{display:block;width:70px;height:4px;background:var(--sanayi-color-primary);margin-bottom:14px}.sanayi-shop-banner h1{margin:0;color:#fff}.sanayi-shop-shell{display:flex;gap:28px;padding:42px 0}.sanayi-shop-sidebar{flex:0 0 25%;min-width:230px}.sanayi-shop-results{flex:1;min-width:0}.sanayi-shop-filters-form{display:flex;flex-direction:column;gap:18px;padding:20px;border:1px solid var(--sanayi-color-border);border-radius:16px;background:#fff}.sanayi-shop-filters-form h2{margin:0}.sanayi-shop-filters-form fieldset{display:flex;flex-direction:column;gap:9px;border:0;border-top:1px solid var(--sanayi-color-border);padding:14px 0 0;margin:0}.sanayi-shop-filters-form input{min-height:38px}.sanayi-shop-filters-form button,.sanayi-shop-filter-toggle{min-height:44px;border:0;border-radius:9px;background:var(--sanayi-color-primary);color:#fff;font:inherit;font-weight:700;cursor:pointer}.sanayi-shop-filters-form a{text-align:center;color:var(--sanayi-color-primary-dark)}.sanayi-shop-results ul.products{display:flex;flex-wrap:wrap;gap:22px;margin:0;padding:0;list-style:none}.sanayi-shop-results ul.products li.product{display:flex;flex:0 0 calc((100% - 44px)/3);margin:0}.sanayi-shop-results .sanayi-product-card{width:100%}.sanayi-shop-filter-toggle{display:none;padding:0 18px}.sanayi-shop-description{margin-bottom:42px;padding:24px;border-radius:16px;background:#fff}.sanayi-shop-banner .woocommerce-breadcrumb,.sanayi-shop-banner .woocommerce-breadcrumb a{color:rgba(255,255,255,.8)}
@media(max-width:1024px){.sanayi-shop-results ul.products li.product{flex-basis:calc((100% - 22px)/2)}.sanayi-shop-sidebar{display:none}.sanayi-shop-filter-toggle{display:inline-flex;align-items:center;justify-content:center;margin-top:24px}.sanayi-shop-sidebar.is-open{display:block;position:fixed;z-index:1001;inset:0 auto 0 0;width:min(90vw,360px);overflow:auto;padding:24px;background:#fff;box-sizing:border-box}.sanayi-shop-shell{flex-direction:column}.sanayi-shop-filter-toggle[aria-expanded="true"]+ .sanayi-shop-sidebar{display:block}}
.sanayi-shop-overlay{display:none}.sanayi-shop-category-link{color:var(--sanayi-color-text);text-decoration:none}.sanayi-shop-category-link.is-current{color:var(--sanayi-color-primary-dark);font-weight:700}@media(max-width:1024px){body.sanayi-shop-panel-open{overflow:hidden}.sanayi-shop-overlay.is-open{display:block;position:fixed;z-index:1000;inset:0;border:0;background:rgba(6,26,28,.48)}}
.sanayi-shop-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:22px;padding:12px 14px;border:1px solid var(--sanayi-color-border);border-radius:12px;background:#fff;box-shadow:0 3px 10px rgba(11,43,46,.04)}.sanayi-shop-ordering{display:flex;align-items:center;gap:8px}.sanayi-shop-ordering .woocommerce-ordering{margin:0}.sanayi-shop-ordering select{min-height:44px;border:1px solid var(--sanayi-color-border);border-radius:8px;padding:0 10px;background:#fff;font:inherit}.sanayi-shop-filter-trigger{display:flex;width:100%;min-height:44px;align-items:center;justify-content:space-between;border:0;background:transparent;color:var(--sanayi-color-navy);font:inherit;font-weight:700;cursor:pointer}.sanayi-shop-filter-trigger:after{content:'⌄';font-size:1.2rem}.sanayi-shop-filter-panel{display:flex;flex-direction:column;gap:9px;padding:4px 0 8px}@media(max-width:600px){.sanayi-shop-toolbar{flex-wrap:wrap}.sanayi-shop-ordering{width:100%;justify-content:space-between}.sanayi-shop-ordering select{max-width:65vw}}
.sanayi-shop-results ul.products::before,.sanayi-shop-results ul.products::after{display:none;content:none}.sanayi-shop-results ul.products li.product.first,.sanayi-shop-results ul.products li.product.last{clear:none}.sanayi-shop-filter-group{border-bottom:1px solid var(--sanayi-color-border)}.sanayi-shop-accordion-toggle{display:flex;width:100%;min-height:48px;align-items:center;justify-content:space-between;border:0;padding:0;background:transparent;color:var(--sanayi-color-navy);font:inherit;font-weight:700;text-align:right;cursor:pointer;padding: 0 10px;}.sanayi-shop-accordion-toggle:hover{color:var(--sanayi-color-primary-dark)}.sanayi-shop-accordion-toggle:focus-visible{outline:2px solid var(--sanayi-color-primary);outline-offset:2px}.sanayi-shop-filter-chevron{width:9px;height:9px;border-inline-end:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .18s ease}.sanayi-shop-accordion-toggle[aria-expanded="true"] .sanayi-shop-filter-chevron{transform:rotate(225deg)}.sanayi-shop-filter-panel{display:flex;flex-direction:column;gap:4px;padding:0 4px 12px}.sanayi-shop-filter-panel[hidden]{display:none}.sanayi-shop-filter-panel label,.sanayi-shop-filter-panel .sanayi-shop-category-link{display:flex;min-height:40px;align-items:center;gap:9px;line-height:1.5}.sanayi-shop-filters-form>button[type="submit"]{width:100%}.sanayi-shop-range{position:relative;height:36px;margin:8px 4px}.sanayi-shop-range-track{position:absolute;top:16px;right:0;left:0;height:5px;border-radius:9px;background:#dce7e6}.sanayi-shop-range-track span{position:absolute;inset-block:0;border-radius:9px;background:var(--sanayi-color-primary)}.sanayi-shop-range input[type="range"]{position:absolute;inset:0;width:100%;height:36px;margin:0;background:transparent;pointer-events:none;appearance:none}.sanayi-shop-range input[type="range"]::-webkit-slider-thumb{width:20px;height:20px;border:3px solid #fff;border-radius:50%;background:var(--sanayi-color-primary);box-shadow:0 1px 5px rgba(0,0,0,.2);pointer-events:auto;appearance:none}.sanayi-shop-range input[type="range"]::-moz-range-thumb{width:16px;height:16px;border:3px solid #fff;border-radius:50%;background:var(--sanayi-color-primary);box-shadow:0 1px 5px rgba(0,0,0,.2);pointer-events:auto}.sanayi-shop-price-inputs{display:flex;gap:8px}.sanayi-shop-price-inputs label{flex:1;display:flex;flex-direction:column;align-items:stretch}.sanayi-shop-price-inputs input{width:100%;box-sizing:border-box;border:1px solid var(--sanayi-color-border);border-radius:8px;padding:5px 7px}.sanayi-shop-price-values{display:flex;justify-content:space-between;gap:8px;margin:4px 0 0;font-size:.82rem;color:var(--sanayi-color-text-muted)}@media(prefers-reduced-motion:reduce){.sanayi-shop-filter-chevron{transition:none}}
.sanayi-shop-range [data-range-min]{z-index:2}.sanayi-shop-range [data-range-max]{z-index:3}.sanayi-shop-range input[type="range"]:focus{z-index:4}
@media(max-width:600px){.sanayi-shop-container{width:min(100% - 28px,620px)}.sanayi-shop-banner{padding:32px 0}.sanayi-shop-results ul.products li.product{flex-basis:100%}.sanayi-shop-shell{padding:24px 0}.sanayi-shop-results .woocommerce-ordering,.sanayi-shop-results .woocommerce-result-count{float:none;margin:0 0 14px}}

/* ---------- دسته‌بندی محصولات ---------- */

.sanayi-category-carousel {
	--category-gap: 18px;
	--category-columns: 4;
	min-width: 0;
	width: 100%;
	direction: rtl;
}

.sanayi-category-controls {
	display: flex;
	justify-content: flex-end;
	gap: 8px;
	margin-bottom: 12px;
}

.sanayi-category-nav {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: none;
	width: 36px;
	height: 36px;
	padding: 0;
	border: 1px solid var(--sanayi-color-border);
	border-radius: 50%;
	background: #fff;
	color: var(--sanayi-color-primary-dark);
	cursor: pointer;
}

.sanayi-category-nav svg { width: 18px; height: 18px; }
/* Keep category arrows aligned with the RTL previous/next directions. */
.sanayi-category-nav.sanayi-carousel-prev svg { transform: none !important; }
.sanayi-category-nav.sanayi-carousel-next svg { transform: rotate(180deg); }
.sanayi-category-nav:disabled { opacity: 0.35; cursor: default; }
.sanayi-category-nav:not(:disabled):hover { background: #eafaf7; }

.sanayi-category-track {
	display: flex;
	flex-wrap: nowrap;
	gap: var(--category-gap);
	width: 100%;
	min-width: 0;
	overflow-x: auto;
	overflow-y: hidden;
	overscroll-behavior-x: contain;
	touch-action: pan-y;
	scroll-snap-type: x mandatory;
	scroll-behavior: auto;
	scrollbar-width: none;
	padding-block: 10px 14px;
	cursor: grab;
}
.sanayi-category-track::-webkit-scrollbar { display: none; }
.sanayi-category-carousel.is-dragging .sanayi-category-track,
.sanayi-customer-carousel.is-dragging .sanayi-customer-track { cursor: grabbing; scroll-snap-type: none; }
.sanayi-category-carousel.is-dragging,
.sanayi-category-carousel.is-dragging *,
.sanayi-customer-carousel.is-dragging,
.sanayi-customer-carousel.is-dragging * { user-select: none; }

.sanayi-category-card {
	flex: 0 0 calc((100% - 3 * var(--category-gap)) / 4);
	min-width: 0;
	min-height: 112px;
	display: flex;
	align-items: center;
	gap: 10px;
	background: #fff;
	border: 1px solid var(--sanayi-color-border);
	border-radius: 12px;
	padding: 12px;
	box-shadow: 0 2px 6px rgba(11, 43, 46, 0.04);
	scroll-snap-align: start;
	scroll-snap-stop: always;
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.sanayi-category-card:hover {
	border-color: var(--sanayi-color-primary);
	box-shadow: 0 3px 8px rgba(13, 148, 136, 0.12);
}
.sanayi-category-card:focus-visible { outline-offset: -3px; }
.sanayi-category-card-media {
	flex: 0 0 30%;
	min-width: 0;
	height: 84px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: transparent;
}
.sanayi-category-card-media img {
	width: 100%;
	/* Overrides .sanayi-site-wrapper img { height:auto !important }. */
	height: 100% !important;
	object-fit: contain;
	user-select: none;
	-webkit-user-drag: none;
}
.sanayi-category-card-placeholder {
	width: 100%; height: 100%;
	border-radius: 8px;
	background: var(--sanayi-color-bg);
}
.sanayi-category-card.is-placeholder { pointer-events: none; }
.sanayi-category-card-name {
	flex: 1 1 0;
	min-width: 0;
	font-size: 0.85rem;
	font-weight: 500;
	color: var(--sanayi-color-navy);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.sanayi-category-card-icon {
	flex: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 26px; height: 26px;
	border: 1px solid var(--sanayi-color-border);
	border-radius: 50%;
	color: var(--sanayi-color-primary-dark);
	transform: rotate(180deg);
	transition: background-color 0.15s ease;
}
.sanayi-category-card-icon svg { width: 14px; height: 14px; }
.sanayi-category-card:hover .sanayi-category-card-icon { background: #eafaf7; }
@media (max-width: 720px) {
	.sanayi-category-carousel { --category-gap: 12px; --category-columns: 2; }
	.sanayi-category-card {
		flex-basis: calc((100% - var(--category-gap)) / 2);
		flex-direction: column;
		gap: 6px;
		padding: 10px 6px;
	}
	.sanayi-category-card-media { flex: none; width: 100%; height: 76px; }
	.sanayi-category-card-name {
		flex: none; width: 100%; text-align: center;
		white-space: normal; overflow-wrap: anywhere;
		font-size: 0.8rem; line-height: 1.7;
	}
	.sanayi-category-card-icon { width: 22px; height: 22px; margin-top: auto; }
}
@media (prefers-reduced-motion: reduce) {
	.sanayi-category-card, .sanayi-category-card-icon { transition: none; }
}
/* ---------- کروسل (محصولات منتخب / مشتریان) ---------- */

.sanayi-carousel {
	position: relative !important;
	display: flex !important;
	align-items: center !important;
	gap: var(--sanayi-space-2) !important;
}

.sanayi-carousel-track {
	display: flex !important;
	gap: var(--sanayi-space-3) !important;
	overflow-x: auto !important;
	scroll-snap-type: x proximity !important;
	scroll-behavior: smooth !important;
	padding: 0.3rem !important;
	flex: 1 1 auto !important;
	scrollbar-width: none !important;
}

.sanayi-carousel-slide {
	scroll-snap-align: start !important;
	flex: 0 0 auto !important;
}

.sanayi-carousel-btn {
	flex: none !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 40px !important;
	height: 40px !important;
	border-radius: 50% !important;
	border: 1px solid var(--sanayi-color-border) !important;
	background-color: var(--sanayi-color-surface) !important;
	color: var(--sanayi-color-navy) !important;
	cursor: pointer !important;
}

.sanayi-carousel-btn svg {
	width: 18px !important;
	height: 18px !important;
}

.sanayi-carousel-prev svg {
	transform: none !important;
}

.sanayi-carousel-next svg {
	transform: rotate(180deg) !important;
}

/* Native touch momentum; manual mouse drag must never animate each move or snap on release. */
[data-sanayi-carousel] .sanayi-carousel-track,
[data-sanayi-carousel] .sanayi-category-track,
[data-sanayi-carousel] .sanayi-customer-track {
	touch-action: pan-x pan-y !important;
	scroll-snap-type: none !important;
	scroll-behavior: auto !important;
	scrollbar-width: none !important;
}

[data-sanayi-carousel] .sanayi-carousel-track::-webkit-scrollbar,
[data-sanayi-carousel] .sanayi-category-track::-webkit-scrollbar,
[data-sanayi-carousel] .sanayi-customer-track::-webkit-scrollbar {
	display: none;
}

[data-sanayi-carousel].is-dragging,
[data-sanayi-carousel].is-dragging * {
	user-select: none;
	cursor: grabbing;
}

.sanayi-carousel-btn:disabled {
	opacity: 0.35 !important;
	cursor: default !important;
}

/* ---------- کارت محصول ---------- */

.sanayi-product-card {
	width: 260px !important;
	flex: 0 0 260px !important;
	display: flex !important;
	flex-direction: column !important;
	background-color: var(--sanayi-color-surface) !important;
	border: 1px solid var(--sanayi-color-border) !important;
	border-radius: var(--sanayi-radius-card) !important;
	overflow: hidden !important;
	box-shadow: var(--sanayi-shadow-sm) !important;
	height: 100% !important;
}

.sanayi-product-card-media {
	position: relative !important;
	display: block !important;
	background-color: var(--sanayi-color-bg) !important;
}

.sanayi-product-card-media img {
	width: 100% !important;
	aspect-ratio: 1 / 1 !important;
	object-fit: cover !important;
}

.sanayi-stock-badge {
	position: absolute !important;
	top: 0.6rem !important;
	inset-inline-start: 0.6rem !important;
	background-color: rgba(11, 43, 46, 0.85) !important;
	color: #fff !important;
	font-size: 0.7rem !important;
	padding: 0.2rem 0.6rem !important;
	border-radius: var(--sanayi-radius-pill) !important;
}

.sanayi-product-card-body {
	flex: 1 1 auto !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 0.4rem !important;
	padding: 1rem !important;
}

.sanayi-product-card-category {
	font-size: 0.75rem !important;
	color: var(--sanayi-color-primary-dark) !important;
	font-weight: 500 !important;
}

.sanayi-product-card-title h3 {
	margin: 0 !important;
	font-size: 0.95rem !important;
	color: var(--sanayi-color-navy) !important;
	line-height: 1.6 !important;
}

.sanayi-product-card-rating {
	min-height: 1.2em !important;
	font-size: 0.8rem !important;
	color: var(--sanayi-color-text-muted) !important;
}

.sanayi-no-rating {
	color: var(--sanayi-color-text-muted) !important;
}

.sanayi-product-card-price {
	font-weight: 700 !important;
	color: var(--sanayi-color-navy) !important;
}

.sanayi-product-card-price ins {
	text-decoration: none !important;
	color: var(--sanayi-color-primary-dark) !important;
	margin-inline-start: 0.35rem !important;
}

.sanayi-product-card-price del {
	color: var(--sanayi-color-text-muted) !important;
	font-weight: 400 !important;
	font-size: 0.85em !important;
}

.sanayi-product-card-actions {
	margin-top: auto !important;
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 0.5rem !important;
	padding-top: 0.4rem !important;
}

.sanayi-product-card-actions .sanayi-btn {
	flex: 1 1 auto !important;
	padding: 0.55rem 0.8rem !important;
	font-size: 0.82rem !important;
}

.sanayi-product-card.is-placeholder {
	box-shadow: none !important;
}

.sanayi-product-placeholder-media {
	display: block !important;
	width: 100% !important;
	aspect-ratio: 1 / 1 !important;
	background-color: var(--sanayi-color-border) !important;
}

.sanayi-placeholder-line {
	display: block !important;
	height: 10px !important;
	border-radius: 6px !important;
	background-color: var(--sanayi-color-border) !important;
}

.sanayi-placeholder-line-title {
	width: 75% !important;
	margin-top: 0.3rem !important;
}

.sanayi-placeholder-line-price {
	width: 40% !important;
}

/* ---------- خدمات و راهکارها ---------- */

.sanayi-services {
	background: linear-gradient(180deg, var(--sanayi-color-surface), var(--sanayi-color-bg));
}
.sanayi-services .sanayi-section-header::before {
	content: "";
	width: 64px;
	height: 4px;
	border-radius: var(--sanayi-radius-pill);
	background: linear-gradient(90deg, var(--sanayi-color-secondary), var(--sanayi-color-primary));
	align-self: center;
	margin-bottom: 12px;
}
.sanayi-services-process {
	--service-offset: clamp(130px, 12vw, 170px);
	--service-anchor: 80px;
	position: relative;
	isolation: isolate;
	width: 100%;
	min-width: 0;
	padding-bottom: var(--service-offset);
}
.sanayi-services-process::before,
.sanayi-services-process::after {
	content: "";
	position: absolute;
	bottom: 16px;
	width: clamp(60px, 9vw, 110px);
	height: 70px;
	background-image: radial-gradient(circle, var(--sanayi-color-primary) 2px, transparent 2.5px);
	background-size: 18px 18px;
	opacity: 0.14;
	pointer-events: none;
}
.sanayi-services-process::before { inset-inline-start: 8px; }
.sanayi-services-process::after { inset-inline-end: 8px; }
.sanayi-services-energy {
	position: absolute;
	top: var(--service-anchor);
	left: 0;
	width: 100%;
	height: var(--service-offset);
	overflow: visible;
	pointer-events: none;
	fill: none;
	stroke-linecap: round;
	stroke-linejoin: round;
}
.sanayi-services-energy path { vector-effect: non-scaling-stroke; }
.sanayi-energy-halo { stroke: var(--sanayi-color-primary); stroke-width: 18px; opacity: 0.16; filter: blur(5px); }
.sanayi-energy-line { stroke: var(--sanayi-color-primary); stroke-width: 9px; }
.sanayi-energy-highlight { stroke: var(--sanayi-color-surface); stroke-width: 2px; opacity: 0.75; }
.sanayi-energy-arrows { stroke: var(--sanayi-color-primary); stroke-width: 2px; opacity: 0.65; }
.sanayi-services-path {
	position: relative;
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-start;
	justify-content: space-between;
	direction: rtl;
	list-style: none;
	margin: 0;
	padding: 0;
}
.sanayi-service-step {
	position: relative;
	z-index: 1;
	flex: 0 0 28%;
	min-width: 0;
	min-height: 248px;
	background: var(--sanayi-color-surface);
	border: 1px solid var(--sanayi-color-border);
	border-radius: 18px;
	padding: clamp(18px, 2vw, 28px);
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 14px;
	box-shadow: 0 12px 32px rgba(11, 43, 46, 0.07);
	transition: box-shadow 0.18s ease, border-color 0.18s ease;
}
/* The second step owns a structural offset. Keep it out of transform so the
   reveal animation can animate the card without resetting its final position. */
.sanayi-service-step:nth-child(2) { margin-top: var(--service-offset); }
.sanayi-service-step:hover {
	border-color: var(--sanayi-color-primary);
	box-shadow: 0 14px 36px rgba(11, 43, 46, 0.1);
}
.sanayi-service-step::before,
.sanayi-service-step::after {
	position: absolute;
	top: calc(var(--service-anchor) - 7px);
	width: 14px;
	height: 14px;
	border: 3px solid var(--sanayi-color-surface);
	border-radius: 50%;
	background: var(--sanayi-color-primary);
	box-shadow: 0 0 10px rgba(20, 184, 166, 0.28);
}
.sanayi-service-step:first-child::after,
.sanayi-service-step:nth-child(2)::after { content: ""; inset-inline-end: -7px; }
.sanayi-service-step:nth-child(2)::before,
.sanayi-service-step:last-child::before { content: ""; inset-inline-start: -7px; }
.sanayi-service-number {
	position: absolute;
	top: 12px;
	inset-inline-end: 22px;
	font-size: clamp(64px, 6vw, 90px);
	font-weight: 700;
	line-height: 1.1;
	color: var(--sanayi-color-primary);
	opacity: 0.12;
	pointer-events: none;
}
.sanayi-service-icon {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: none;
	width: 62px;
	height: 62px;
	border: 1px solid var(--sanayi-color-border);
	border-radius: 50%;
	background: var(--sanayi-color-bg);
	box-shadow: inset 0 0 0 4px var(--sanayi-color-surface);
	color: var(--sanayi-color-primary-dark);
}
.sanayi-service-icon svg { width: 29px; height: 29px; }
.sanayi-service-title {
	position: relative;
	margin: 0;
	color: var(--sanayi-color-navy);
	font-size: clamp(1rem, 1.4vw, 1.2rem);
	line-height: 1.7;
	overflow-wrap: anywhere;
}
.sanayi-service-desc {
	position: relative;
	margin: 0;
	color: var(--sanayi-color-text-muted);
	font-size: 0.9rem;
	line-height: 1.9;
	overflow-wrap: anywhere;
}
@media (max-width: 720px) {
	.sanayi-services-process { padding-bottom: 0; }
	.sanayi-services-energy,
	.sanayi-services-process::before,
	.sanayi-services-process::after { display: none; }
	.sanayi-services-path { flex-direction: column; gap: 36px; }
	.sanayi-services-path::before {
		content: "";
		position: absolute;
		top: 10px;
		bottom: 10px;
		left: calc(50% - 2px);
		width: 4px;
		border-radius: 4px;
		background: var(--sanayi-color-primary);
		box-shadow: 0 0 8px rgba(20, 184, 166, 0.18);
	}
	.sanayi-service-step { flex: none; width: 100%; min-height: 230px; }
	.sanayi-service-step:nth-child(2) { margin-top: 0; }
	.sanayi-service-step::before { display: none; }
	.sanayi-service-step:not(:last-child)::after {
		content: "";
		top: auto;
		bottom: -7px;
		inset-inline-end: calc(50% - 7px);
	}
	.sanayi-service-number { font-size: 76px; }
}
@media (prefers-reduced-motion: reduce) {
	.sanayi-service-step { transition: none; }
}
/* ---------- مشتریان ---------- */

/* Design system: add sanayi-heading-accent to a section header when requested.
   Opt-in for categories, featured, services, customers and about; only customers use it here. */
.sanayi-heading-accent::before {
 content: ""; width: 60px; height: 4px; border-radius: 99px;
 align-self: center; margin-bottom: 12px; background: var(--sanayi-color-primary);
}
.sanayi-customers { position: relative; isolation: isolate; background: radial-gradient(ellipse at center, rgba(20,184,166,.05), transparent 70%), var(--sanayi-color-bg); }
.sanayi-customers .sanayi-section-inner { position: relative; z-index: 1; }
.sanayi-customer-decoration { position: absolute; top: 20px; width: 80px; height: 160px; opacity: .12; background: radial-gradient(circle,var(--sanayi-color-primary) 2px,transparent 3px) 0 0 / 18px 18px; pointer-events: none; }
.sanayi-customer-decoration.is-start { inset-inline-start: 0; }
.sanayi-customer-decoration.is-end { inset-inline-end: 0; }
.sanayi-customer-wave { position: absolute; bottom: 0; left: 0; width: 100%; height: 90px; color: var(--sanayi-color-primary); fill: currentColor; opacity: .09; pointer-events: none; }
.sanayi-customer-carousel { --customer-columns: 5; --customer-gap: 18px; min-width: 0; width: 100%; direction: rtl; }
.sanayi-customer-track { display: flex; flex-wrap: nowrap; gap: var(--customer-gap); width: 100%; min-width: 0; overflow-x: auto; overflow-y: hidden; touch-action: pan-y; scroll-snap-type: x mandatory; overscroll-behavior-x: contain; scrollbar-width: none; padding-block: 12px 18px; cursor: grab; }
.sanayi-customer-track::-webkit-scrollbar { display: none; }
.sanayi-customer-slide { flex: 0 0 calc((100% - 4 * var(--customer-gap)) / 5); min-width: 0; min-height: 190px; display: flex; flex-direction: column; align-items: center; justify-content: space-between; gap: 14px; background: var(--sanayi-color-surface); border: 1px solid var(--sanayi-color-border); border-radius: 16px; padding: 20px 14px; box-shadow: 0 4px 12px rgba(11,43,46,.04); scroll-snap-align: start; scroll-snap-stop: always; }
.sanayi-customer-logo { width: 100%; height: 115px; display: flex; align-items: center; justify-content: center; }
.sanayi-customer-logo img { width: 100%; max-width: 150px; object-fit: contain; user-select: none; -webkit-user-drag: none; /* Override global image height:auto !important. */ height: 100% !important; }
.sanayi-customer-name { color: var(--sanayi-color-text-muted); font-size: .9rem; text-align: center; overflow-wrap: anywhere; }
.sanayi-customer-slide.is-placeholder { background: var(--sanayi-color-surface); }
.sanayi-customer-controls { display: flex; flex-direction: column; align-items: center; gap: 12px; margin-top: 14px; }
.sanayi-customer-controls[hidden] { display: none; }
.sanayi-customer-arrows, .sanayi-customer-dots { display: flex; align-items: center; justify-content: center; gap: 14px; }
.sanayi-customer-dots { flex-wrap: wrap; gap: 0; }
.sanayi-customer-dots button { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; border: 0; padding: 0; background: transparent; cursor: pointer; }
.sanayi-customer-dots button::before { content: ""; width: 9px; height: 9px; border-radius: 50%; background: var(--sanayi-color-primary); opacity: .25; }
.sanayi-customer-dots button[aria-current="true"]::before { opacity: 1; }
@media (max-width: 1024px) {
 .sanayi-customer-carousel { --customer-columns: 3; }
 .sanayi-customer-slide { flex-basis: calc((100% - 2 * var(--customer-gap)) / 3); }
}
@media (max-width: 600px) {
 .sanayi-customer-carousel { --customer-columns: 2; --customer-gap: 12px; }
 .sanayi-customer-slide { flex-basis: calc((100% - var(--customer-gap)) / 2); padding: 16px 10px; min-height: 160px; }
 .sanayi-customer-logo { height: 90px; }
 .sanayi-customer-name { font-size: .8rem; }
 .sanayi-customer-decoration { width: 36px; }
}
@media (prefers-reduced-motion: reduce) { .sanayi-customer-track { scroll-behavior: auto; } }
/* ---------- درباره ما ---------- */

.sanayi-about-inner {
	/* ترتیب DOM: متن سپس تصویر. در RTL، flex-direction:row یعنی فرزند اول (متن) در ابتدای محور اصلی (راست) و فرزند دوم (تصویر) در انتها (چپ) قرار می‌گیرد. */
	flex-direction: row !important;
	align-items: center !important;
	gap: var(--sanayi-space-5) !important;
}

.sanayi-about-text {
	flex: 1 1 380px !important;
	display: flex !important;
	flex-direction: column !important;
	gap: var(--sanayi-space-2) !important;
	align-items: flex-start !important;
	text-align: right !important;
}

.sanayi-about-desc {
	margin: 0 !important;
	color: var(--sanayi-color-text-muted) !important;
}

.sanayi-about-media {
	flex: 1 1 380px !important;
}

.sanayi-about-image {
	border-radius: var(--sanayi-radius-card) !important;
	width: 100% !important;
}

.sanayi-about-placeholder {
	width: 100% !important;
	aspect-ratio: 4 / 3 !important;
	border-radius: var(--sanayi-radius-card) !important;
	background-color: var(--sanayi-color-border) !important;
}

/* ---------- فوتر ---------- */

.sanayi-footer {
	background-color: var(--sanayi-color-navy) !important;
	color: var(--sanayi-color-on-navy-muted) !important;
	margin-top: auto !important;
}

.sanayi-footer-inner {
	max-width: var(--sanayi-container-width) !important;
	margin: 0 auto !important;
	padding: var(--sanayi-space-6) 1.25rem var(--sanayi-space-4) !important;
	display: flex !important;
	flex-wrap: wrap !important;
	gap: var(--sanayi-space-5) !important;
}

.sanayi-footer-col {
	flex: 1 1 220px !important;
	display: flex !important;
	flex-direction: column !important;
	gap: var(--sanayi-space-2) !important;
}

.sanayi-footer-logo {
	align-self: flex-start !important;
}

.sanayi-footer-logo img,
.sanayi-footer-logo .custom-logo {
	display: block !important;
	max-height: 48px !important;
	width: auto !important;
	height: auto !important;
	max-width: 160px !important;
	object-fit: contain !important;
}

.sanayi-footer-logo-fallback {
	align-self: flex-start !important;
	display: block !important;
	max-height: 48px !important;
	width: auto !important;
	height: auto !important;
	object-fit: contain !important;
}

.sanayi-footer-company-name {
	margin: 0 !important;
	color: #ffffff !important;
	font-weight: 700 !important;
}

.sanayi-footer-social {
	display: flex !important;
	gap: 0.6rem !important;
	margin: 0.4rem 0 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.sanayi-footer-social a {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 36px !important;
	height: 36px !important;
	border-radius: 50% !important;
	background-color: rgba(242, 247, 246, 0.08) !important;
	color: var(--sanayi-color-on-navy) !important;
}

.sanayi-footer-social a:hover {
	background-color: var(--sanayi-color-primary) !important;
	color: #ffffff !important;
}

.sanayi-footer-social svg {
	width: 17px !important;
	height: 17px !important;
}

.sanayi-footer-heading {
	margin: 0 0 0.2rem !important;
	color: #ffffff !important;
	font-size: 1rem !important;
}

.sanayi-footer-menu {
	display: flex !important;
	flex-direction: column !important;
	gap: 0.5rem !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.sanayi-footer-menu a:hover {
	color: var(--sanayi-color-primary) !important;
}

.sanayi-footer-contact-list {
	display: flex !important;
	flex-direction: column !important;
	gap: 0.6rem !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.sanayi-footer-contact-list li {
	display: flex !important;
	align-items: flex-start !important;
	gap: 0.5rem !important;
}

.sanayi-footer-icon {
	flex: none !important;
	width: 18px !important;
	height: 18px !important;
	margin-top: 0.15em !important;
}

.sanayi-footer-icon svg {
	width: 100% !important;
	height: 100% !important;
}

.sanayi-footer-copyright {
	border-top: 1px solid rgba(242, 247, 246, 0.12) !important;
}

.sanayi-footer-copyright p {
	max-width: var(--sanayi-container-width) !important;
	margin: 0 auto !important;
	padding: var(--sanayi-space-2) 1.25rem !important;
	text-align: center !important;
	font-size: 0.8rem !important;
}

/* ---------- صفحات و نوشته‌های معمولی (page.php / index.php) ---------- */

.sanayi-single-content {
	display: flex !important;
	flex-direction: column !important;
	gap: var(--sanayi-space-5) !important;
}

.sanayi-entry {
	background-color: var(--sanayi-color-surface) !important;
	border: 1px solid var(--sanayi-color-border) !important;
	border-radius: var(--sanayi-radius-card) !important;
	padding: var(--sanayi-space-4) !important;
	box-shadow: var(--sanayi-shadow-sm) !important;
}

.sanayi-entry-title {
	margin: 0 0 var(--sanayi-space-2) !important;
	color: var(--sanayi-color-navy) !important;
	font-size: 1.5rem !important;
}

.sanayi-entry-title a {
	color: inherit !important;
}

.sanayi-entry-thumbnail {
	margin-bottom: var(--sanayi-space-3) !important;
}

.sanayi-entry-thumbnail img {
	border-radius: 12px !important;
}

.sanayi-entry-content {
	font-size: 1rem !important;
}

.sanayi-no-results {
	text-align: center !important;
	color: var(--sanayi-color-text-muted) !important;
}

/* ---------- ووکامرس (آرشیو/تک‌محصول) ---------- */

.sanayi-woocommerce-wrapper {
	padding-top: var(--sanayi-space-5) !important;
	padding-bottom: var(--sanayi-space-5) !important;
}

/* ---------- ریسپانسیو ---------- */

@media (max-width: 1024px) {
	.sanayi-primary-menu {
		gap: var(--sanayi-space-3) !important;
	}
}

@media (max-width: 880px) {
	.sanayi-topbar-tagline {
		display: none !important;
	}

	.sanayi-topbar-address {
		display: none !important;
	}

	.sanayi-main-navigation {
		display: none !important;
	}

	.sanayi-menu-toggle {
		display: inline-flex !important;
	}

	.sanayi-consult-btn {
		display: none !important;
	}

	.sanayi-mobile-menu {
		border-top: 1px solid var(--sanayi-color-border) !important;
		background-color: var(--sanayi-color-surface) !important;
		padding: var(--sanayi-space-3) 1.25rem var(--sanayi-space-4) !important;
		display: flex !important;
		flex-direction: column !important;
		gap: var(--sanayi-space-3) !important;
	}

	.sanayi-mobile-menu[hidden] {
		display: none !important;
	}

	.sanayi-mobile-menu-list {
		display: flex !important;
		flex-direction: column !important;
		gap: var(--sanayi-space-2) !important;
		margin: 0 !important;
		padding: 0 !important;
		list-style: none !important;
	}

	.sanayi-mobile-menu-list a {
		display: block !important;
		padding: 0.5rem 0 !important;
		font-weight: 500 !important;
		color: var(--sanayi-color-navy) !important;
		border-bottom: 1px solid var(--sanayi-color-border) !important;
	}

	.sanayi-mobile-consult-btn {
		align-self: flex-start !important;
	}
}

@media (max-width: 720px) {
	.sanayi-hero {
		/* محتوا در نیمه پایین تصویر قرار می‌گیرد. */
		align-items: flex-end;
		min-height: 560px;
		/* جایگاه تجهیزات در تصویر معمولاً سمت چپ کادر است؛ برای حفظ دیده‌شدن آن‌ها، برش cover از سمت چپ انجام می‌شود. */
		background-position: left center;
	}

	.sanayi-hero::before {
		/* overlay قوی‌تر و از پایین (پشت متن) به بالا (سمت تجهیزات) کم‌رنگ می‌شود. */
		background-image: linear-gradient(to top, rgba(6, 26, 28, 0.92) 0%, rgba(6, 26, 28, 0.78) 40%, rgba(6, 26, 28, 0.25) 100%);
	}

	.sanayi-hero-inner {
		padding-top: var(--sanayi-space-6);
		padding-bottom: var(--sanayi-space-5);
	}

	.sanayi-hero-content {
		max-width: 100%;
		text-align: right;
	}

	.sanayi-hero-actions {
		justify-content: flex-start;
	}

	.sanayi-about-inner {
		flex-direction: column !important;
	}

	.sanayi-about-text {
		align-items: center !important;
		text-align: center !important;
	}
}

@media (max-width: 480px) {
	.sanayi-hero-actions {
		flex-direction: column;
		align-items: stretch;
	}

	.sanayi-hero-actions .sanayi-btn {
		width: 100%;
	}

	.sanayi-topbar-item span:not(.sanayi-topbar-icon) {
		font-size: 0.8rem !important;
	}

	.sanayi-header-inner {
		padding: 0.7rem 1rem !important;
	}

	.sanayi-section {
		padding: var(--sanayi-space-5) 0 !important;
	}

	.sanayi-product-card {
		width: 100% !important;
		flex-basis: 100% !important;
	}
}


/* Featured cards size against the track, not their intrinsic image/text widths. */
@media (max-width: 700px) {
	.sanayi-featured .sanayi-carousel {
		flex-wrap: wrap;
		justify-content: center;
		gap: 14px !important;
	}

	.sanayi-featured .sanayi-products-track {
		order: -1;
		flex: 0 0 100% !important;
		width: 100%;
		min-width: 0;
		gap: 14px !important;
		padding: 4px 0 !important;
	}

	.sanayi-featured .sanayi-carousel-slide {
		flex: 0 0 83% !important;
		min-width: 0;
	}

	.sanayi-featured .sanayi-product-card {
		width: 100% !important;
		min-width: 0;
		flex: none !important;
	}

	.sanayi-featured .sanayi-product-card-media {
		aspect-ratio: 1 / 1;
		flex: none;
	}

	.sanayi-featured .sanayi-product-card-media img {
		height: 100% !important;
		object-fit: contain !important;
	}

	.sanayi-featured .sanayi-product-card-body {
		min-width: 0;
		overflow-wrap: anywhere;
	}
}

/* برچسب حراج صفحه محصول */
.woocommerce .sanayi-single-product-gallery span.onsale {
    top: clamp(0.5rem, 1.5vw, 0.875rem);
    left: 29.5rem;
    right: auto !important;

    width: clamp(3.25rem, 5vw, 4rem);
    height: clamp(3.25rem, 5vw, 4rem);
    min-width: 0;
    min-height: 0;
    padding: 0.35rem;

    display: flex;
    align-items: center;
    justify-content: center;

    font-family: var(--sanayi-font);
    font-size: clamp(0.68rem, 1vw, 0.82rem);
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    white-space: nowrap;

    border-radius: 50%;
    box-sizing: border-box;
    z-index: 9;
	background-color: var(--sanayi-color-primary);
color: #fff;
}

@media (max-width: 767px) {
    .woocommerce .sanayi-single-product-gallery span.onsale {
        top: 0.5rem;
        left: 18.5.5rem;
        right: auto !important;

        width: 3rem;
        height: 3rem;
        padding: 0.25rem;
        font-size: 0.68rem;
    }
}
/* =========================================================
   SANAYI CHECKOUT BLOCK — SAFE VISUAL STYLES
   این نسخه ساختار و چیدمان پیش‌فرض WooCommerce را تغییر نمی‌دهد.
   ========================================================= */


/* ---------------------------------------------------------
   1. متغیرهای اختصاصی Checkout
   --------------------------------------------------------- */

body.woocommerce-checkout {
    --sanayi-checkout-primary: var(--sanayi-color-primary, #14b8a6);
    --sanayi-checkout-primary-dark: var(--sanayi-color-primary-dark, #0d9488);
    --sanayi-checkout-navy: var(--sanayi-color-navy, #0b2b2e);
    --sanayi-checkout-bg: var(--sanayi-color-bg, #f5f8f8);
    --sanayi-checkout-surface: var(--sanayi-color-surface, #ffffff);
    --sanayi-checkout-border: var(--sanayi-color-border, #e3ebea);
    --sanayi-checkout-text: var(--sanayi-color-text, #1c2b2a);
    --sanayi-checkout-muted: var(--sanayi-color-text-muted, #5b6f6d);
    --sanayi-checkout-radius: var(--sanayi-radius-card, 16px);
    --sanayi-checkout-btn-radius: var(--sanayi-radius-btn, 10px);
}


/* ---------------------------------------------------------
   2. فونت و رنگ عمومی Checkout
   بدون تغییر Display، Width، Flex یا Position ستون‌ها
   --------------------------------------------------------- */

body.woocommerce-checkout .wp-block-woocommerce-checkout,
body.woocommerce-checkout .wp-block-woocommerce-checkout input,
body.woocommerce-checkout .wp-block-woocommerce-checkout select,
body.woocommerce-checkout .wp-block-woocommerce-checkout textarea,
body.woocommerce-checkout .wp-block-woocommerce-checkout button {
    font-family: var(--sanayi-font);
}

body.woocommerce-checkout .wp-block-woocommerce-checkout {
    color: var(--sanayi-checkout-text);
}


/* ---------------------------------------------------------
   3. عنوان بخش‌های فرم
   اطلاعات تماس، آدرس صورتحساب و گزینه‌های پرداخت
   --------------------------------------------------------- */

body.woocommerce-checkout
.wc-block-components-checkout-step__title {
    position: relative;
    margin-bottom: 1rem;
    padding-inline-start: 0.875rem;
    font-size: clamp(1rem, 1.4vw, 1.2rem);
    font-weight: 800;
    line-height: 1.6;
    color: var(--sanayi-checkout-navy);
}

/* خط فیروزه‌ای کنار عنوان هر بخش */
body.woocommerce-checkout
.wc-block-components-checkout-step__title::before {
    content: "";
    position: absolute;
    inset-block: 0.25rem;
    inset-inline-start: 0;
    width: 3px;
    border-radius: 999px;
    background-color: var(--sanayi-checkout-primary);
}


/* ---------------------------------------------------------
   4. فاصله و جداکننده مراحل Checkout
   ساختار اصلی WooCommerce حفظ می‌شود.
   --------------------------------------------------------- */

body.woocommerce-checkout
.wc-block-components-checkout-step {
    padding-block: 1.25rem;
    border-bottom: 1px solid var(--sanayi-checkout-border);
}

body.woocommerce-checkout
.wc-block-components-checkout-step:last-of-type {
    border-bottom: 0;
}


/* ---------------------------------------------------------
   5. Inputهای متنی Checkout Block
   --------------------------------------------------------- */

body.woocommerce-checkout
.wc-block-components-text-input input,
body.woocommerce-checkout
.wc-block-components-combobox-control input,
body.woocommerce-checkout
.wc-block-components-textarea {
    min-height: 48px;
    color: var(--sanayi-checkout-text);
    background-color: #fff;
    border-color: #cbd9d7 !important;
    border-radius: var(--sanayi-checkout-btn-radius) !important;
    outline: none;
    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}

/* Hover فیلدها */
body.woocommerce-checkout
.wc-block-components-text-input input:hover,
body.woocommerce-checkout
.wc-block-components-combobox-control input:hover,
body.woocommerce-checkout
.wc-block-components-textarea:hover {
    border-color: #8eb7b1 !important;
}

/* Focus فیلدها */
body.woocommerce-checkout
.wc-block-components-text-input input:focus,
body.woocommerce-checkout
.wc-block-components-combobox-control input:focus,
body.woocommerce-checkout
.wc-block-components-textarea:focus {
    border-color: var(--sanayi-checkout-primary) !important;
    box-shadow: 0 0 0 3px rgba(20, 184, 166, 0.13);
}

/* Label شناور فیلدها */
body.woocommerce-checkout
.wc-block-components-text-input label,
body.woocommerce-checkout
.wc-block-components-combobox-control label {
    color: var(--sanayi-checkout-muted);
}


/* ---------------------------------------------------------
   6. Select کشور و سایر Dropdownها
   کلاس واقعی از Inspect جدید گرفته شده است.
   --------------------------------------------------------- */

body.woocommerce-checkout
.wc-blocks-components-select__container {
    border-color: #cbd9d7 !important;
    border-radius: var(--sanayi-checkout-btn-radius) !important;
    background-color: #fff;
    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}

body.woocommerce-checkout
.wc-blocks-components-select__container:hover {
    border-color: #8eb7b1 !important;
}

body.woocommerce-checkout
.wc-blocks-components-select__container:focus-within {
    border-color: var(--sanayi-checkout-primary) !important;
    box-shadow: 0 0 0 3px rgba(20, 184, 166, 0.13);
}

body.woocommerce-checkout
.wc-blocks-components-select__select {
    min-height: 48px;
    color: var(--sanayi-checkout-text);
}


/* ---------------------------------------------------------
   7. Checkboxهای Checkout
   --------------------------------------------------------- */

body.woocommerce-checkout
.wc-block-components-checkbox__input {
    width: 20px;
    height: 20px;
    accent-color: var(--sanayi-checkout-primary);
    cursor: pointer;
}

body.woocommerce-checkout
.wc-block-components-checkbox__label {
    color: var(--sanayi-checkout-text);
    line-height: 1.8;
}


/* ---------------------------------------------------------
   8. پیام‌های خطا و اطلاع‌رسانی
   --------------------------------------------------------- */

body.woocommerce-checkout
.wc-block-components-notice-banner {
    padding: 0.875rem 1rem;
    line-height: 1.8;
    border-radius: var(--sanayi-checkout-btn-radius);
}

/* خطای نبود روش پرداخت */
body.woocommerce-checkout
.wc-block-components-notice-banner.is-error {
    color: #991b1b;
    background-color: #fff5f5;
    border-color: #fecaca;
}

/* پیام موفق */
body.woocommerce-checkout
.wc-block-components-notice-banner.is-success {
    color: #166534;
    background-color: #f0fdf4;
    border-color: #bbf7d0;
}

/* پیام اطلاع‌رسانی */
body.woocommerce-checkout
.wc-block-components-notice-banner.is-info {
    color: var(--sanayi-checkout-navy);
    background-color: #effcf9;
    border-color: #b8eee7;
}


/* ---------------------------------------------------------
   9. دکمه ثبت سفارش
   --------------------------------------------------------- */

body.woocommerce-checkout
.wc-block-components-checkout-place-order-button {
    min-height: 50px;
    color: #fff !important;
    background-color: var(--sanayi-checkout-primary) !important;
    border-color: var(--sanayi-checkout-primary) !important;
    border-radius: var(--sanayi-checkout-btn-radius) !important;
    font-weight: 800;
    box-shadow: none !important;
    transition:
        background-color 0.2s ease,
        border-color 0.2s ease,
        transform 0.2s ease,
        opacity 0.2s ease;
}

/* Hover دکمه ثبت سفارش */
body.woocommerce-checkout
.wc-block-components-checkout-place-order-button:hover:not(:disabled) {
    color: #fff !important;
    background-color: var(--sanayi-checkout-primary-dark) !important;
    border-color: var(--sanayi-checkout-primary-dark) !important;
    transform: translateY(-1px);
}

/* Focus دکمه */
body.woocommerce-checkout
.wc-block-components-checkout-place-order-button:focus-visible {
    outline: 3px solid rgba(20, 184, 166, 0.25);
    outline-offset: 3px;
}

/* حالت غیرفعال دکمه */
body.woocommerce-checkout
.wc-block-components-checkout-place-order-button:disabled {
    color: #fff !important;
    background-color: var(--sanayi-checkout-primary) !important;
    border-color: var(--sanayi-checkout-primary) !important;
    opacity: 0.45;
    cursor: not-allowed;
    transform: none;
}


/* ---------------------------------------------------------
   10. خلاصه سفارش
   فقط ظاهر داخلی تغییر می‌کند؛
   Width، Sticky و جایگاه ستون دست‌نخورده باقی می‌ماند.
   --------------------------------------------------------- */

body.woocommerce-checkout
.wc-block-checkout__sidebar {
    overflow: hidden;
    background-color: var(--sanayi-checkout-surface);
    border: 1px solid var(--sanayi-checkout-border);
    border-radius: var(--sanayi-checkout-radius);
    box-shadow: 0 4px 18px rgba(11, 43, 46, 0.06);
}

/* عنوان خلاصه سفارش */
body.woocommerce-checkout
.wc-block-components-checkout-order-summary__title {
    padding: 1rem;
    color: var(--sanayi-checkout-navy);
    border-bottom-color: var(--sanayi-checkout-border);
}

/* متن عنوان خلاصه */
body.woocommerce-checkout
.wc-block-components-checkout-order-summary__title-text {
    font-size: 1.05rem;
    font-weight: 800;
    color: var(--sanayi-checkout-navy);
}

/* محصولات داخل خلاصه سفارش */
body.woocommerce-checkout
.wc-block-components-order-summary-item {
    padding-block: 1rem;
    border-bottom-color: var(--sanayi-checkout-border);
}

/* تصویر محصولات خلاصه سفارش */
body.woocommerce-checkout
.wc-block-components-order-summary-item__image img {
    background-color: var(--sanayi-checkout-bg);
    border: 1px solid var(--sanayi-checkout-border);
    border-radius: 8px;
    object-fit: contain;
}

/* عنوان محصولات */
body.woocommerce-checkout
.wc-block-components-product-name {
    color: var(--sanayi-checkout-text);
    line-height: 1.7;
}

/* نشان تعداد محصول */
body.woocommerce-checkout
.wc-block-components-order-summary-item__quantity {
    color: #fff;
    background-color: var(--sanayi-checkout-navy);
    border-color: var(--sanayi-checkout-navy);
}

/* نشان مقدار تخفیف */
body.woocommerce-checkout
.wc-block-components-sale-badge {
    color: var(--sanayi-checkout-primary-dark);
    background-color: rgba(20, 184, 166, 0.08);
    border-color: rgba(20, 184, 166, 0.2);
    border-radius: 5px;
}


/* ---------------------------------------------------------
   11. ردیف‌های جمع قیمت
   --------------------------------------------------------- */

body.woocommerce-checkout
.wc-block-components-totals-wrapper {
    border-color: var(--sanayi-checkout-border);
}

/* مبلغ نهایی */
body.woocommerce-checkout
.wc-block-components-totals-footer-item
.wc-block-components-totals-item__value {
    font-size: 1.15rem;
    font-weight: 900;
    color: var(--sanayi-checkout-primary-dark);
}


/* ---------------------------------------------------------
   12. کد تخفیف
   --------------------------------------------------------- */

body.woocommerce-checkout
.wc-block-components-totals-coupon {
    color: var(--sanayi-checkout-text);
}

/* عنوان بازکردن بخش کد تخفیف */
body.woocommerce-checkout
.wc-block-components-totals-coupon
.wc-block-components-panel__button {
    color: var(--sanayi-checkout-text);
    transition: color 0.2s ease;
}

body.woocommerce-checkout
.wc-block-components-totals-coupon
.wc-block-components-panel__button:hover {
    color: var(--sanayi-checkout-primary-dark);
}

/* دکمه اعمال کد تخفیف */
body.woocommerce-checkout
.wc-block-components-totals-coupon__button {
    min-height: 44px;
    color: #fff !important;
    background-color: var(--sanayi-checkout-primary) !important;
    border-color: var(--sanayi-checkout-primary) !important;
    border-radius: var(--sanayi-checkout-btn-radius) !important;
}

body.woocommerce-checkout
.wc-block-components-totals-coupon__button:hover:not(:disabled) {
    background-color: var(--sanayi-checkout-primary-dark) !important;
    border-color: var(--sanayi-checkout-primary-dark) !important;
}


/* ---------------------------------------------------------
   13. شرایط و حریم خصوصی
   --------------------------------------------------------- */

body.woocommerce-checkout
.wc-block-checkout__terms {
    color: var(--sanayi-checkout-muted);
    line-height: 1.9;
}

body.woocommerce-checkout
.wc-block-checkout__terms a {
    color: var(--sanayi-checkout-primary-dark);
    text-decoration: none;
}

body.woocommerce-checkout
.wc-block-checkout__terms a:hover {
    text-decoration: underline;
}


/* ---------------------------------------------------------
   14. موبایل
   فقط اندازه و فاصله‌ها اصلاح می‌شوند؛
   چیدمان Responsive خود WooCommerce حفظ می‌شود.
   --------------------------------------------------------- */

@media (max-width: 767px) {
    /* کاهش فاصله عمودی مراحل */
    body.woocommerce-checkout
    .wc-block-components-checkout-step {
        padding-block: 1rem;
    }

    /* عنوان مراحل */
    body.woocommerce-checkout
    .wc-block-components-checkout-step__title {
        font-size: 1rem;
    }

    /* جلوگیری از Zoom خودکار iOS هنگام Focus */
    body.woocommerce-checkout
    .wc-block-components-text-input input,
    body.woocommerce-checkout
    .wc-block-components-combobox-control input,
    body.woocommerce-checkout
    .wc-blocks-components-select__select,
    body.woocommerce-checkout
    .wc-block-components-textarea {
        font-size: 16px;
    }

    /* کاهش Radius کارت خلاصه */
    body.woocommerce-checkout
    .wc-block-checkout__sidebar {
        border-radius: 12px;
    }

    /* دکمه ثبت سفارش */
    body.woocommerce-checkout
    .wc-block-components-checkout-place-order-button {
        min-height: 50px;
    }
}


/* ---------------------------------------------------------
   15. کاهش حرکت برای Accessibility
   --------------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {
    body.woocommerce-checkout
    .wc-block-components-checkout-place-order-button,
    body.woocommerce-checkout
    .wc-block-components-text-input input,
    body.woocommerce-checkout
    .wc-block-components-combobox-control input {
        transition: none;
    }
}


/* ---------------------------------------------------------
   16. کد ها توسط امین اضافه شده
   --------------------------------------------------------- */

   .wc-block-components-sidebar {padding-right: 0 !important;}

/* ---------------------------------------------------------
   Blog archive: Posts Page template (home.php)
   --------------------------------------------------------- */
.sanayi-blog-archive { background: var(--sanayi-color-bg); overflow: hidden; }
.sanayi-blog-container { width: min(var(--sanayi-container-width), calc(100% - 40px)); margin-inline: auto; min-width: 0; max-width: 100%; }
.sanayi-blog-hero { position: relative; isolation: isolate; min-height: 264px; overflow: hidden; background: var(--sanayi-color-navy); color: var(--sanayi-color-on-navy); }
.sanayi-blog-hero::before { content: ''; position: absolute; inset: 0; z-index: -1; background: radial-gradient(circle at 15% 30%, rgba(20,184,166,.19), transparent 30%), radial-gradient(circle at 87% 80%, rgba(16,185,129,.13), transparent 35%); }
.sanayi-blog-hero-wave { position: absolute; inset: auto 0 0; z-index: -1; width: 100%; height: 100%; color: var(--sanayi-color-primary); opacity: .17; pointer-events: none; }
.sanayi-blog-hero-wave path:last-child { stroke: rgba(242,247,246,.55); stroke-width: 2; }
.sanayi-blog-hero-inner { display: flex; min-height: 264px; flex-direction: column; justify-content: center; padding-block: 34px; }
.sanayi-blog-breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 18px; color: var(--sanayi-color-on-navy-muted); font-size: .9rem; }
.sanayi-blog-breadcrumb a:hover { color: var(--sanayi-color-primary); }
.sanayi-blog-hero-accent, .sanayi-blog-section-heading > span, .sanayi-blog-consultation-inner > div > span { display: block; width: 62px; height: 4px; margin-bottom: 15px; border-radius: var(--sanayi-radius-pill); background: var(--sanayi-color-primary); }
.sanayi-blog-hero h1 { max-width: 700px; margin: 0; color: var(--sanayi-color-on-navy); font-size: clamp(1.85rem, 3.5vw, 3.1rem); line-height: 1.35; }
.sanayi-blog-hero p { max-width: 710px; margin: 12px 0 0; color: var(--sanayi-color-on-navy-muted); font-size: clamp(.92rem, 1.5vw, 1.08rem); }
.sanayi-blog-categories { background: var(--sanayi-color-surface); border-bottom: 1px solid var(--sanayi-color-border); }
.sanayi-blog-category-list { display: flex; gap: 10px; overflow-x: auto; padding-block: 16px; scrollbar-width: none; -ms-overflow-style: none; }
.sanayi-blog-category-list::-webkit-scrollbar { display: none; }
.sanayi-blog-category { flex: 0 0 auto; display: inline-flex; min-height: 38px; align-items: center; justify-content: center; border: 1px solid var(--sanayi-color-border); border-radius: var(--sanayi-radius-pill); padding: 5px 16px; color: var(--sanayi-color-text-muted); font-size: .9rem; transition: background-color .16s ease, color .16s ease, border-color .16s ease; }
.sanayi-blog-category:hover, .sanayi-blog-category.is-current { border-color: var(--sanayi-color-primary); background: var(--sanayi-color-primary); color: #fff; }
.sanayi-blog-content { padding-block: clamp(32px, 5vw, 72px); }
.sanayi-blog-featured { display: flex; overflow: hidden; min-width: 0; border: 1px solid var(--sanayi-color-border); border-radius: var(--sanayi-radius-card); background: var(--sanayi-color-surface); box-shadow: var(--sanayi-shadow-sm); }
.sanayi-blog-featured-media { display: flex; flex: 0 1 48%; min-width: 0; align-items: stretch; justify-content: center; overflow: hidden; background: #dce7e6; }
.sanayi-blog-featured-media img, .sanayi-blog-card-media img { width: 100%; height: 100%; object-fit: cover; }
.sanayi-blog-featured-body { display: flex; flex: 1 1 52%; min-width: 0; flex-direction: column; align-items: flex-start; padding: clamp(22px, 3.2vw, 44px); }
.sanayi-blog-category-badge { display: inline-flex; min-height: 29px; align-items: center; border-radius: var(--sanayi-radius-pill); padding: 3px 11px; background: rgba(20,184,166,.1); color: var(--sanayi-color-primary-dark); font-size: .78rem; font-weight: 700; }
.sanayi-blog-category-badge:hover { background: rgba(20,184,166,.18); }
.sanayi-blog-featured h2, .sanayi-blog-card h3 { margin: 14px 0 0; color: var(--sanayi-color-navy); line-height: 1.55; }
.sanayi-blog-featured h2 { font-size: clamp(1.3rem, 2.35vw, 2rem); }
.sanayi-blog-featured h2 a:hover, .sanayi-blog-card h3 a:hover, .sanayi-blog-read-more:hover { color: var(--sanayi-color-primary-dark); }
.sanayi-blog-excerpt { margin: 12px 0 0; color: var(--sanayi-color-text-muted); font-size: .93rem; line-height: 2; }
.sanayi-blog-meta { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; color: var(--sanayi-color-text-muted); font-size: .8rem; }
.sanayi-blog-featured .sanayi-btn { margin-top: 23px; }
.sanayi-blog-section-heading { margin: clamp(38px, 6vw, 70px) 0 24px; }
.sanayi-blog-section-heading h2 { margin: 0; color: var(--sanayi-color-navy); font-size: clamp(1.35rem, 2.2vw, 1.85rem); }
.sanayi-blog-section-heading p { margin: 7px 0 0; color: var(--sanayi-color-text-muted); font-size: .92rem; }
.sanayi-blog-grid { --sanayi-blog-gap: 22px; display: flex; flex-wrap: wrap; gap: var(--sanayi-blog-gap); min-width: 0; }
.sanayi-blog-card { display: flex; flex: 0 0 calc((100% - (2 * var(--sanayi-blog-gap))) / 3); min-width: 0; flex-direction: column; overflow: hidden; border: 1px solid var(--sanayi-color-border); border-radius: var(--sanayi-radius-card); background: var(--sanayi-color-surface); box-shadow: var(--sanayi-shadow-sm); transition: transform .18s ease, box-shadow .18s ease; }
.sanayi-blog-card:hover { transform: translateY(-3px); box-shadow: var(--sanayi-shadow-md); }
.sanayi-blog-card-media { display: flex; aspect-ratio: 16 / 9; flex: none; align-items: stretch; justify-content: center; overflow: hidden; background: #dce7e6; }
.sanayi-blog-card-body { display: flex; flex: 1 1 auto; min-width: 0; flex-direction: column; align-items: flex-start; padding: 19px; }
.sanayi-blog-card h3 { display: -webkit-box; overflow: hidden; font-size: 1.02rem; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.sanayi-blog-card .sanayi-blog-excerpt { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.sanayi-blog-card .sanayi-blog-meta { margin-top: auto; padding-top: 16px; }
.sanayi-blog-read-more { display: inline-flex; align-items: center; gap: 7px; margin-top: 18px; color: var(--sanayi-color-primary-dark); font-size: .9rem; font-weight: 700; }
.sanayi-blog-image-placeholder { position: relative; display: flex; width: 100%; min-height: 100%; align-items: center; justify-content: center; overflow: hidden; background: linear-gradient(140deg, var(--sanayi-color-navy), var(--sanayi-color-navy-soft)); color: var(--sanayi-color-primary); }
.sanayi-blog-image-placeholder::before { content: ''; position: absolute; width: 52%; height: 120%; border: 2px solid rgba(20,184,166,.34); border-radius: 50%; transform: rotate(42deg); }
.sanayi-blog-image-placeholder svg { position: relative; z-index: 1; width: 58px; height: 58px; }
.sanayi-blog-empty { margin: 0; border: 1px solid var(--sanayi-color-border); border-radius: var(--sanayi-radius-card); padding: 28px; background: var(--sanayi-color-surface); color: var(--sanayi-color-text-muted); text-align: center; }
.sanayi-blog-archive .navigation.pagination { display: flex; justify-content: center; margin-top: 42px; }
.sanayi-blog-archive .nav-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
.sanayi-blog-archive .page-numbers { display: inline-flex; min-width: 42px; min-height: 42px; align-items: center; justify-content: center; border: 1px solid var(--sanayi-color-border); border-radius: 10px; padding: 4px 10px; background: var(--sanayi-color-surface); color: var(--sanayi-color-navy); font-size: .88rem; }
.sanayi-blog-archive .page-numbers.current { border-color: var(--sanayi-color-primary); background: var(--sanayi-color-primary); color: #fff; }
.sanayi-blog-archive a.page-numbers:hover { border-color: var(--sanayi-color-primary); color: var(--sanayi-color-primary-dark); }
.sanayi-blog-consultation { padding-bottom: clamp(38px, 6vw, 72px); }
.sanayi-blog-consultation-inner { display: flex; align-items: center; justify-content: space-between; gap: 24px; overflow: hidden; border-radius: var(--sanayi-radius-card); padding: clamp(24px, 4vw, 44px); background: var(--sanayi-color-navy); color: var(--sanayi-color-on-navy); }
.sanayi-blog-consultation-inner > div { min-width: 0; }
.sanayi-blog-consultation-inner > div > span { margin-bottom: 12px; }
.sanayi-blog-consultation h2 { margin: 0; color: var(--sanayi-color-on-navy); font-size: clamp(1.1rem, 2.1vw, 1.6rem); }
.sanayi-blog-consultation p { margin: 8px 0 0; color: var(--sanayi-color-on-navy-muted); font-size: .9rem; }
.sanayi-blog-consultation .sanayi-btn { flex: none; }
@media (max-width: 1024px) { .sanayi-blog-card { flex-basis: calc((100% - var(--sanayi-blog-gap)) / 2); } }
@media (max-width: 700px) { .sanayi-blog-container { width: min(100% - 28px, var(--sanayi-container-width)); } .sanayi-blog-hero, .sanayi-blog-hero-inner { min-height: 218px; } .sanayi-blog-hero-inner { padding-block: 26px; } .sanayi-blog-featured { flex-direction: column; } .sanayi-blog-featured-media { flex-basis: auto; aspect-ratio: 16 / 9; } .sanayi-blog-featured-body { padding: 22px; } .sanayi-blog-grid { gap: 16px; } .sanayi-blog-card { flex-basis: 100%; width: 100%; max-width: 100%; } .sanayi-blog-card-body { padding: 18px; } .sanayi-blog-consultation-inner { flex-direction: column; align-items: flex-start; } }
@media (max-width: 420px) { .sanayi-blog-category-list { margin-inline: -14px; padding-inline: 14px; } .sanayi-blog-featured .sanayi-btn { width: 100%; } .sanayi-blog-archive .page-numbers { min-width: 38px; min-height: 40px; padding-inline: 8px; } }
@media (prefers-reduced-motion: reduce) { .sanayi-blog-category, .sanayi-blog-card { transition: none; } .sanayi-blog-card:hover { transform: none; } }

/* Single standard post */
.sanayi-article-hero{position:relative;isolation:isolate;overflow:hidden;background:var(--sanayi-color-navy);color:var(--sanayi-color-on-navy)}.sanayi-article-hero-wave{position:absolute;inset:auto 0 0;z-index:-1;width:100%;height:100%;color:var(--sanayi-color-primary);opacity:.16}.sanayi-article-hero-inner{padding-block:clamp(34px,6vw,78px)}.sanayi-article-hero h1{max-width:900px;margin:18px 0 0;color:var(--sanayi-color-on-navy);font-size:clamp(1.7rem,3.5vw,3rem);line-height:1.45}.sanayi-article-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;color:var(--sanayi-color-on-navy-muted);font-size:.88rem}.sanayi-single-post{padding-block:clamp(28px,5vw,62px);background:var(--sanayi-color-bg)}.sanayi-article-featured-image{overflow:hidden;border:1px solid var(--sanayi-color-border);border-radius:var(--sanayi-radius-card);background:var(--sanayi-color-surface);box-shadow:var(--sanayi-shadow-sm)}.sanayi-article-featured-image img{width:100%;aspect-ratio:16/9;object-fit:cover}.sanayi-article-layout{display:flex;align-items:flex-start;gap:28px;margin-top:28px;min-width:0;max-width:100%}.sanayi-article-content{flex:1 1 76%;min-width:0;max-width:100%;overflow-wrap:anywhere;border:1px solid var(--sanayi-color-border);border-radius:var(--sanayi-radius-card);padding:clamp(20px,4vw,48px);background:var(--sanayi-color-surface);box-shadow:var(--sanayi-shadow-sm);font-size:1rem;line-height:2}.sanayi-article-content>h2,.sanayi-article-content>h3{position:relative;margin:2.1em 0 .8em;color:var(--sanayi-color-navy);line-height:1.55}.sanayi-article-content>h2::before{content:'';display:inline-block;width:5px;height:1.2em;margin-left:10px;vertical-align:-.18em;border-radius:9px;background:var(--sanayi-color-primary)}.sanayi-article-content p{margin:0 0 1.3em}.sanayi-article-content a{color:var(--sanayi-color-primary-dark);text-decoration:underline;text-underline-offset:3px}.sanayi-article-content ul,.sanayi-article-content ol{padding-right:1.45em;margin:0 0 1.4em}.sanayi-article-content li::marker{color:var(--sanayi-color-primary-dark)}.sanayi-article-content blockquote{margin:1.6em 0;border-right:4px solid var(--sanayi-color-primary);border-radius:0 10px 10px 0;padding:14px 18px;background:rgba(20,184,166,.06);color:var(--sanayi-color-text-muted)}.sanayi-article-content .sanayi-expert-note{border:1px solid rgba(20,184,166,.3);border-radius:12px;padding:18px;background:rgba(20,184,166,.07)}.sanayi-article-content figure{max-width:100%;margin:1.7em auto}.sanayi-article-content img,.sanayi-article-content video,.sanayi-article-content iframe{max-width:100%;height:auto}.sanayi-article-content .wp-block-embed{max-width:100%;overflow:hidden}.sanayi-article-content pre,.sanayi-article-content code{max-width:100%;overflow:auto}.sanayi-article-content table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;white-space:normal}.sanayi-article-content th,.sanayi-article-content td{min-width:110px;border:1px solid var(--sanayi-color-border);padding:10px 13px;text-align:right}.sanayi-article-content th{background:rgba(20,184,166,.1);color:var(--sanayi-color-navy)}.sanayi-article-content tr:nth-child(even){background:rgba(11,43,46,.025)}.sanayi-article-content figcaption{color:var(--sanayi-color-text-muted);font-size:.85rem;text-align:center}.sanayi-article-toc{position:sticky;top:calc(var(--sanayi-header-height) + 20px);flex:0 1 24%;min-width:220px;max-width:100%;overflow:hidden;border:1px solid var(--sanayi-color-border);border-radius:var(--sanayi-radius-card);background:var(--sanayi-color-surface);box-shadow:var(--sanayi-shadow-sm)}.sanayi-article-toc-toggle{display:flex;width:100%;min-height:50px;align-items:center;justify-content:space-between;border:0;padding:0 17px;background:transparent;color:var(--sanayi-color-navy);font:inherit;font-weight:800;text-align:right}.sanayi-article-toc-toggle span{font-size:1.25rem}.sanayi-article-toc-list{padding:0 17px 16px}.sanayi-article-toc-list ol{margin:0;padding:0;list-style:none}.sanayi-article-toc-list li{margin-top:9px}.sanayi-article-toc-list .sanayi-article-toc-level-3{padding-right:13px;font-size:.88rem}.sanayi-article-toc-list a{color:var(--sanayi-color-text-muted);line-height:1.7}.sanayi-article-toc-list a:hover,.sanayi-article-toc-list a.is-current{color:var(--sanayi-color-primary-dark);font-weight:700}.sanayi-article-consultation{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:38px;border-radius:var(--sanayi-radius-card);padding:clamp(22px,4vw,38px);background:var(--sanayi-color-navy);color:var(--sanayi-color-on-navy)}.sanayi-article-consultation>div{min-width:0}.sanayi-article-consultation>div>span,.sanayi-comments-heading>span{display:block;width:52px;height:4px;margin-bottom:12px;border-radius:9px;background:var(--sanayi-color-primary)}.sanayi-article-consultation h2{margin:0;color:var(--sanayi-color-on-navy);font-size:1.3rem}.sanayi-article-consultation p{margin:8px 0 0;color:var(--sanayi-color-on-navy-muted);font-size:.9rem}.sanayi-comments{padding-bottom:45px;background:var(--sanayi-color-bg)}.sanayi-comments-card{border:1px solid var(--sanayi-color-border);border-radius:var(--sanayi-radius-card);padding:clamp(20px,4vw,40px);background:var(--sanayi-color-surface);box-shadow:var(--sanayi-shadow-sm)}.sanayi-comments-heading h2{margin:0;color:var(--sanayi-color-navy);font-size:1.45rem}.sanayi-comment-list{margin:28px 0;padding:0;list-style:none}.sanayi-comment-list .comment-body{position:relative;margin-top:16px;border-top:1px solid var(--sanayi-color-border);padding:18px 62px 4px 0}.sanayi-comment-list .avatar{position:absolute;top:18px;right:0;width:46px;height:46px;border-radius:50%}.sanayi-comment-list .comment-meta{color:var(--sanayi-color-text-muted);font-size:.8rem}.sanayi-comment-list .comment-author{color:var(--sanayi-color-navy);font-weight:700}.sanayi-comment-list .comment-content{margin-top:12px}.sanayi-comment-list .reply a{color:var(--sanayi-color-primary-dark);font-size:.88rem;font-weight:700}.sanayi-comment-list .children{margin-right:24px;padding:0;list-style:none}.sanayi-comments .comment-respond{margin-top:30px;border-top:1px solid var(--sanayi-color-border);padding-top:24px}.sanayi-comments .comment-reply-title{margin:0 0 18px;color:var(--sanayi-color-navy);font-size:1.25rem}.sanayi-comments .comment-form p{margin:0 0 15px}.sanayi-comments label{display:block;margin-bottom:6px;color:var(--sanayi-color-navy);font-weight:700;font-size:.9rem}.sanayi-comments input,.sanayi-comments textarea{width:100%;min-height:44px;max-width:100%;border:1px solid var(--sanayi-color-border);border-radius:9px;padding:10px 12px;background:#fff;color:var(--sanayi-color-text);font:inherit}.sanayi-comments textarea{min-height:150px;resize:vertical}.sanayi-comments .comment-form-author,.sanayi-comments .comment-form-email{display:inline-flex;width:calc(50% - 8px);flex-direction:column}.sanayi-comments .comment-form-author{margin-left:12px!important}.sanayi-comments .form-submit input{width:auto;min-width:130px;border-color:var(--sanayi-color-primary);background:var(--sanayi-color-primary);color:#fff;font-weight:700;cursor:pointer}.sanayi-comments .form-submit input:hover{background:var(--sanayi-color-primary-dark)}.sanayi-related-posts{padding:clamp(32px,5vw,62px) 0;background:var(--sanayi-color-bg)}@media(max-width:1024px){.sanayi-article-layout{flex-direction:column}.sanayi-article-content{width:100%;flex-basis:auto}.sanayi-article-toc{position:static;width:100%;min-width:0;order:-1}.sanayi-article-toc-list{display:none}.sanayi-article-toc.is-open .sanayi-article-toc-list{display:block}}@media(max-width:700px){.sanayi-article-hero-inner{padding-block:28px}.sanayi-article-layout{gap:18px;margin-top:18px}.sanayi-article-content{padding:20px 18px;font-size:1rem}.sanayi-article-consultation{flex-direction:column;align-items:flex-start}.sanayi-article-consultation .sanayi-btn{width:100%;min-height:44px}.sanayi-comments-card{padding:20px 16px}.sanayi-comments .comment-form-author,.sanayi-comments .comment-form-email{display:flex;width:100%}.sanayi-comments .comment-form-author{margin-left:0!important}.sanayi-comment-list .children{margin-right:12px}.sanayi-article-content th,.sanayi-article-content td{min-width:96px;padding:8px}.sanayi-article-hero h1{font-size:clamp(1.5rem,7vw,2.1rem)}}@media(prefers-reduced-motion:reduce){.sanayi-article-toc-list a{scroll-behavior:auto}}
.sanayi-article-content :is(h2,h3)[id]{scroll-margin-top:calc(var(--sanayi-header-height) + 24px)}.sanayi-article-toc{align-self:flex-start;overflow:visible}.sanayi-article-toc__toggle{min-height:56px;padding:0 18px;border-bottom:1px solid var(--sanayi-color-border);cursor:pointer}.sanayi-article-toc__title{font-size:1rem}.sanayi-article-toc__icon{width:10px;height:10px;border-inline-end:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .18s ease}.sanayi-article-toc.is-open .sanayi-article-toc__icon{transform:rotate(225deg)}.sanayi-article-toc__panel{max-height:min(52vh,520px);overflow-y:auto;padding:8px 12px 14px;scrollbar-width:thin;scrollbar-color:rgba(20,184,166,.55) transparent}.sanayi-article-toc__panel::-webkit-scrollbar{width:6px}.sanayi-article-toc__panel::-webkit-scrollbar-thumb{border-radius:9px;background:rgba(20,184,166,.55)}.sanayi-article-toc__panel[hidden]{display:none}.sanayi-article-toc-list li{margin-top:3px}.sanayi-article-toc__link{position:relative;display:block;min-height:40px;border-radius:8px;padding:8px 10px;color:var(--sanayi-color-text-muted);line-height:1.75;transition:background-color .16s ease,color .16s ease}.sanayi-article-toc__link:hover{background:rgba(20,184,166,.09);color:var(--sanayi-color-primary-dark)}.sanayi-article-toc__link.is-active{background:rgba(20,184,166,.12);color:var(--sanayi-color-primary-dark);font-weight:700}.sanayi-article-toc__link.is-active::before{content:'';position:absolute;inset-block:7px;inset-inline-start:0;width:3px;border-radius:999px;background:var(--sanayi-color-primary)}.sanayi-article-toc__link:focus-visible{outline:2px solid var(--sanayi-color-primary-dark);outline-offset:2px}.sanayi-article-toc__toggle:focus-visible{outline:2px solid var(--sanayi-color-primary-dark);outline-offset:-4px}@media(max-width:1024px){.sanayi-article-toc{overflow:hidden}.sanayi-article-toc__panel{max-height:min(48vh,440px)}}@media(max-width:700px){.sanayi-article-toc__link{min-height:44px;padding-block:10px}.sanayi-article-toc__panel{padding-inline:10px}}@media(prefers-reduced-motion:reduce){.sanayi-article-toc__icon,.sanayi-article-toc__link{transition:none}}
.sanayi-article-toc__panel{display:block}@media(max-width:1024px){.sanayi-article-toc__panel{display:block}}
.sanayi-motion-ready [data-sanayi-reveal]{transition:opacity .52s ease,transform .52s ease}.sanayi-motion-ready [data-sanayi-reveal]:not(.is-revealed){opacity:0;transform:translate3d(0,18px,0)}.sanayi-motion-ready [data-sanayi-reveal="fade-left"]:not(.is-revealed){transform:translate3d(-18px,0,0)}.sanayi-motion-ready [data-sanayi-reveal="fade-right"]:not(.is-revealed){transform:translate3d(18px,0,0)}.sanayi-hero-content.is-revealed .sanayi-hero-title{animation:sanayi-hero-in .48s ease both}.sanayi-hero-content.is-revealed .sanayi-hero-description{animation:sanayi-hero-in .48s .1s ease both}.sanayi-hero-content.is-revealed .sanayi-hero-actions{animation:sanayi-hero-in .48s .18s ease both}@keyframes sanayi-hero-in{from{opacity:0;transform:translate3d(0,16px,0)}to{opacity:1;transform:none}}@media(hover:hover) and (pointer:fine){.sanayi-benefit-box,.sanayi-category-card,.sanayi-product-card,.sanayi-customer-slide{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.sanayi-benefit-box:hover,.sanayi-category-card:hover,.sanayi-product-card:hover,.sanayi-customer-slide:hover{transform:translateY(-3px);box-shadow:var(--sanayi-shadow-md);border-color:rgba(20,184,166,.4)}.sanayi-category-card:hover img,.sanayi-product-card:hover .sanayi-product-card-media img,.sanayi-customer-slide:hover img{transform:scale(1.03)}.sanayi-category-card img,.sanayi-product-card-media img,.sanayi-customer-slide img{transition:transform .18s ease}}.sanayi-category-carousel.is-dragging .sanayi-category-card,.sanayi-customer-carousel.is-dragging .sanayi-customer-slide{transition:none}.sanayi-motion-ready .sanayi-services-process.is-revealed .sanayi-energy-line{animation:sanayi-energy-draw .7s .24s ease both}.sanayi-motion-ready .sanayi-services-process.is-revealed .sanayi-service-step{animation:sanayi-service-in .45s ease both}.sanayi-motion-ready .sanayi-services-process.is-revealed .sanayi-service-step:nth-child(2){animation-delay:.09s}.sanayi-motion-ready .sanayi-services-process.is-revealed .sanayi-service-step:nth-child(3){animation-delay:.18s}@keyframes sanayi-energy-draw{from{stroke-dasharray:1400;stroke-dashoffset:1400}to{stroke-dasharray:1400;stroke-dashoffset:0}}@keyframes sanayi-service-in{from{opacity:0;transform:translate3d(0,14px,0)}to{opacity:1;transform:none}}@media(max-width:700px){.sanayi-motion-ready [data-sanayi-reveal="fade-left"]:not(.is-revealed),.sanayi-motion-ready [data-sanayi-reveal="fade-right"]:not(.is-revealed){transform:translate3d(0,14px,0)}}@media(prefers-reduced-motion:reduce){.sanayi-motion-ready [data-sanayi-reveal]{opacity:1!important;transform:none!important;transition:none}.sanayi-hero-content.is-revealed .sanayi-hero-title,.sanayi-hero-content.is-revealed .sanayi-hero-description,.sanayi-hero-content.is-revealed .sanayi-hero-actions,.sanayi-motion-ready .sanayi-services-process.is-revealed .sanayi-energy-line,.sanayi-motion-ready .sanayi-services-process.is-revealed .sanayi-service-step{animation:none}}