:root {
	/* --- Brand Palette / پالت رنگی اصلی --- */
	--fb-primary: #024a4c;
	--fb-primary-hover: #013a3c;
	--fb-primary-light: rgba(2, 74, 76, 0.08);
	--fb-primary-border: rgba(2, 74, 76, 0.15);
	--fb-accent: var(--fb-primary);

	/* --- Semantic & Status Palette / پالت وضعیت‌ها --- */
	--fb-success: #10b981;
	--fb-success-hover: #059669;
	--fb-success-light: #ecfdf5;
	--fb-danger: #ef4444;
	--fb-danger-hover: #dc2626;
	--fb-danger-light: #fef2f2;
	--fb-danger-border: #fecaca;
	--fb-warning: #f59e0b;
	--fb-warning-hover: #d97706;
	--fb-warning-light: #fffbeb;
	--fb-info: #3b82f6;
	--fb-info-hover: #2563eb;
	--fb-info-light: #eff6ff;

	/* --- Typography & Text Hierarchy / تایپوگرافی و رنگ‌های متن --- */
	--fb-font-family: 'Peyda', -apple-system, sans-serif;
	--fb-font-weight-num: 500;
	--fb-font-weight-title: 700;
	--fb-font-weight-bold: 800;
	--fb-qty-font-weight: 500;
	--fb-text-main: #111827;
	--fb-text-body: #1e293b;
	--fb-text-muted: #64748b;
	--fb-text-subtle: #94a3b8;
	--fb-text-accent: #024a4c;
	--fb-text-on-primary: #ffffff;

	/* --- Surfaces & Backgrounds / سطوح و پس‌زمینه‌ها --- */
	--fb-bg-card: #ffffff;
	--fb-bg-surface: #f9fafb;
	--fb-bg-subtle: #f8fafc;
	--fb-bg-elevated: #ffffff;

	/* --- Borders & Dividers / خطوط کادر و جداکننده‌ها --- */
	--fb-border-color: #e5e7eb;
	--fb-border-light: #f1f5f9;
	--fb-border-hover: #cbd5e1;
	--fb-border-focus: var(--fb-primary);

	/* --- Standardized Border Radius (Strict 8px System) --- */ 
	--fb-radius-box: 15px;
	--fb-radius-card: 15px;
	--fb-radius-lg: 15px;
	--fb-radius-md: 15px;
	--fb-radius-sm: 13px;
	--fb-radius-btn: 15px;
	--fb-radius-pill: 20px;
	--fb-radius-full: 9999px;

	/* --- Standard Shadows / سایه‌ها --- */
	--fb-shadow-card: 0 4px 16px -2px rgba(0, 0, 0, 0.04);
	--fb-shadow-hover: 0 4px 16px -2px rgba(0, 0, 0, 0.04);
	--fb-shadow-hero: 0 10px 30px -5px rgba(2, 74, 76, 0.05);

	/* --- Interaction & Hover Policy Tokens --- */
	--fb-hover-lift: 0px;

	/* --- Primary Buttons / دکمه‌های اصلی --- */ 
	--fb-btn-bg: var(--fb-primary);
	--fb-btn-bg-hover: var(--fb-primary-hover);
	--fb-btn-text-color: #ffffff;
	--fb-btn-radius: 12px;
	--fb-btn-height: 48px;
	--fb-btn-shadow: 0 8px 16px -2px rgba(1, 35, 36, 0.32);
	--fb-btn-shadow-hover: 0 8px 16px -2px rgba(1, 35, 36, 0.32);

	/* --- Form Controls / اینپوت‌ها و فیلدهای ورودی --- */
	--fb-input-height: 46px;
	--fb-input-radius: 12px;
	--fb-input-border: #e5e7eb;
	--fb-input-bg: #ffffff;
}

/* ==========================================================================
   Global Header & Off-Canvas Stacking Context Elevation
   ========================================================================== */
.elementor-location-header,
.site-header,
header[data-elementor-type="header"],
header.elementor {
	position: relative !important;
	z-index: 9999 !important;
}

.e-off-canvas {
	z-index: 2147483640 !important;
}

/* ==========================================================================
   Master Outer Wrappers: Pure Zero-Spacing (Full Elementor Container Control)
   ========================================================================== */
.fb-cart-wrapper,
.fb-checkout-wrapper,
.fb-myaccount-wrapper,
.fb-thankyou-wrapper,
.elementor-widget-woocommerce-cart .e-cart__container,
.elementor-widget-woocommerce-checkout-page .woocommerce {
	margin: 0 !important;
	padding: 0 !important;
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
}

.fb-cart-wrapper,
.fb-checkout-wrapper,
.fb-myaccount-wrapper,
.fb-thankyou-wrapper {
	font-family: var(--fb-font-family) !important;
}

.fb-btn-primary {
	height: var(--fb-btn-height, 48px) !important;
	min-height: var(--fb-btn-height, 48px) !important;
	border-radius: var(--fb-btn-radius, 8px) !important;
	background-color: var(--fb-btn-bg) !important;
	background: var(--fb-btn-bg) !important;
	color: var(--fb-btn-text-color) !important;
	border: none !important;
	font-family: var(--fb-font-family) !important;
	font-size: 14.5px !important;
	font-weight: 700 !important;
	cursor: pointer !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	padding: 0 24px !important;
	box-shadow: var(--fb-btn-shadow) !important;
	text-decoration: none !important;
	transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.fb-btn-primary:hover,
.fb-btn-primary:focus {
	background-color: var(--fb-btn-bg-hover) !important;
	background: var(--fb-btn-bg-hover) !important;
	color: #ffffff !important;
	box-shadow: var(--fb-btn-shadow-hover) !important;
}