/**
 * Orang_new Main Stylesheet
 */

/* ========== GLOBAL RESET ========== */
*,
*::before,
*::after {
	box-sizing: border-box;
}

/* FONTS */
/* ENGLISH */
@font-face {
	font-family: Robots;
	font-weight: 300;
	font-display: swap;
	src: url('../fonts/robots/Roboto-Regular.ttf') format('truetype');
}
@font-face {
	font-family: Robots;
	font-weight: 200;
	font-display: swap;
	src: url('../fonts/robots/Roboto-Light.ttf') format('truetype');
}
@font-face {
	font-family: Robots;
	font-weight: 400;
	font-display: swap;
	src: url('../fonts/robots/Roboto-Bold.ttf') format('truetype');
}
@font-face {
	font-family: Robots;
	font-weight: 500;
	font-display: swap;
	src: url('../fonts/robots/Roboto-Black.ttf') format('truetype');
}

/* PERSIAN — Yekan Bakh (FA, Persian numerals) */
@font-face {
	font-family: yekanbakh;
	font-weight: 200;
	font-display: swap;
	src: url('../fonts/yekan/yekan-bakh-light.ttf') format('truetype');
}
@font-face {
	font-family: yekanbakh;
	font-weight: 300;
	font-display: swap;
	src: url('../fonts/yekan/yekan-bakh-regular.ttf') format('truetype');
}
@font-face {
	font-family: yekanbakh;
	font-weight: 400;
	font-display: swap;
	src: url('../fonts/yekan/yekan-bakh-medium.ttf') format('truetype');
}
@font-face {
	font-family: yekanbakh;
	font-weight: 700;
	font-display: swap;
	src: url('../fonts/yekan/yekan-bakh-bold.ttf') format('truetype');
}
@font-face {
	font-family: yekanbakh;
	font-weight: 800;
	font-display: swap;
	src: url('../fonts/yekan/yekan-bakh-heavy.ttf') format('truetype');
}

/* ========== DESIGN SYSTEM ========== */
:root {
	--container-max-width: 1200px;
	--container-padding: 15px;
	--grid-gutter: 15px;

	/* Hybrid palette — Premium furniture showroom */
	--dark-bg-primary: #111111;
	--dark-bg-secondary: #161412;
	--dark-bg-tertiary: #1c1a18;
	--dark-border: #2a2724;
	--light-bg-primary: #f7f3ee;
	--light-bg-secondary: #faf6f1;
	--light-bg-elevated: #fdf9f4;
	--light-border: #e5ddd3;
	--section-categories: #f7f3ee;
	--section-best-sellers: #f3eee8;
	--section-new-arrivals: #efe7df;
	--section-why-choose: #f5f0ea;
	--section-reviews: #f0eae3;
	--section-blog: #f7f3ee;
	--card-cream: #faf6f1;
	--card-cream-hover: #f5efe8;
	--text-dark-primary: #2a2622;
	--text-dark-secondary: #736b63;
	--text-light-primary: #f0ebe4;
	--text-light-secondary: #a89f96;
	--text-meta: #9a9289;
	--accent-primary: #edae19;
	--accent-champagne: #f2bc28;
	--accent-copper: #d4a017;
	--accent-cta: #edae19;
	--accent-cta-hover: #f2bc28;
	--accent-cta-active: #d49e16;
	--accent-link: #c99410;
	--accent-link-hover: #edae19;
	--accent-button-text: #2a2622;
	--accent-muted: rgba(237, 174, 25, 0.14);
	--accent-border: rgba(237, 174, 25, 0.26);
	--accent-border-subtle: rgba(237, 174, 25, 0.1);
	--accent-border-hover: rgba(237, 174, 25, 0.38);
	--accent-success: #8a9a7b;
	--dark-bg: #111111;
	--light-bg: #f7f3ee;
	--gradient-primary: linear-gradient(180deg, #f2bc28 0%, #edae19 52%, #d4a017 100%);
	--gradient-cta: linear-gradient(180deg, #f5c538 0%, #edae19 45%, #d49e16 100%);
	--gradient-cta-hover: linear-gradient(180deg, #f8d04a 0%, #f2bc28 50%, #edae19 100%);
	--gradient-cta-active: linear-gradient(180deg, #d49e16 0%, #c99410 100%);
	--gradient-secondary: linear-gradient(180deg, #f7f3ee 0%, #f3eee8 100%);
	--gradient-hero-mesh:
		radial-gradient(ellipse 70% 50% at 75% 20%, rgba(237, 174, 25, 0.08), transparent 60%),
		radial-gradient(ellipse 50% 40% at 15% 80%, rgba(242, 188, 40, 0.05), transparent 55%),
		linear-gradient(180deg, #111111 0%, #161412 100%);
	--accent-glow: #f2bc28;
	--text-dark: #2d2d2d;
	--text-light: #f2efe9;
	--ease-premium: cubic-bezier(0.22, 1, 0.36, 1);
	--ease-luxury: cubic-bezier(0.22, 1, 0.36, 1);
	--radius-card: 24px;
	--radius-control: 12px;

	/* Surface depth layers */
	--surface-dark-base: #111111;
	--surface-dark-elevated: #161412;
	--surface-dark-card: #1c1a18;
	--surface-light-base: #f7f3ee;
	--surface-light-elevated: #faf6f1;
	--surface-light-card: #fdf9f4;

	/* Semantic mapping (theme-wide) */
	--palette-bg-main: var(--dark-bg-primary);
	--palette-bg-card: var(--dark-bg-secondary);
	--palette-border: var(--dark-border);
	--palette-text-heading: var(--text-light-primary);
	--palette-text-body: var(--text-light-secondary);
	--palette-accent-wood: var(--accent-primary);
	--palette-cta: var(--accent-cta);
	--palette-cta-dark: var(--accent-cta-hover);
	--palette-text-light: #f0ebe4;
	--palette-dark: var(--dark-bg-primary);
	--color-primary: var(--accent-primary);
	--color-primary-hover: #f2bc28;
	--color-primary-muted: var(--accent-muted);
	--color-secondary: var(--accent-link);
	--color-secondary-hover: var(--accent-link-hover);
	--color-secondary-muted: var(--accent-muted);
	--color-cta: var(--accent-cta);
	--color-cta-hover: var(--accent-cta-hover);
	--color-cta-active: var(--accent-cta-active);
	--color-cta-gradient: var(--gradient-primary);
	--color-accent: var(--dark-bg-secondary);
	--color-accent-hover: #1c1a18;
	--color-accent-warm: var(--accent-primary);
	--color-accent-muted: rgba(242, 239, 233, 0.06);
	--color-success: var(--accent-success);
	--color-success-dark: #1e8449;
	--color-warning: var(--accent-primary);
	--color-warning-muted: var(--color-primary-muted);
	--color-error: #9a6b5c;
	--color-error-gradient-start: #8f6356;
	--color-error-gradient-end: #735045;
	--color-surface: var(--light-bg-secondary);
	--color-surface-elevated: var(--light-bg-secondary);
	--color-surface-dark: var(--dark-bg-primary);
	--color-surface-glass: rgba(255, 255, 255, 0.05);
	--color-background: var(--section-categories);
	--color-dark-bg: var(--dark-bg-primary);
	--color-background-gradient-start: var(--dark-bg-primary);
	--color-background-gradient-end: var(--dark-bg-secondary);
	--color-border: var(--light-border);
	--color-border-strong: #d5cdc3;
	--color-text: var(--text-dark-primary);
	--color-text-muted: var(--text-dark-secondary);
	--color-text-subtle: #9a9289;
	--color-text-inverse: #f0ebe4;

	/* Legacy aliases */
	--bg-primary: var(--light-bg-primary);
	--bg-secondary: var(--dark-bg-primary);
	--brand-orange: var(--accent-cta);
	--text-main: var(--text-dark-secondary);
	--text-muted: var(--text-dark-secondary);

	/* Typography scale — h1 is 0.7 of the previous 2.5em, others step down from it */
	--font-size-h1: clamp(1.25rem, 2.4vw, 1.75rem);
	--font-size-h2: clamp(1.1rem, 1.8vw, 1.4rem);
	--font-size-h3: clamp(1rem, 1.4vw, 1.2rem);
	--font-size-h4: 1.05rem;
	--font-size-body: 0.9375rem;
	--font-size-small: 0.8125rem;
	--font-size-caption: 0.75rem;
	--line-height-tight: 1.5;
	--line-height-heading: 1.5;
	--line-height-body: 1.6;
	--letter-spacing-tight: -0.02em;

	/* Spacing scale */
	--space-1: 4px;
	--space-2: 8px;
	--space-3: 12px;
	--space-4: 16px;
	--space-5: 24px;
	--space-6: 32px;
	--space-7: 48px;
	--space-8: 64px;
	--space-9: 96px;

	/* Radius */
	--radius-sm: 4px;
	--radius-md: 12px;
	--radius-lg: 20px;
	--radius-xl: 30px;
	--radius-full: 9999px;

	/* Shadows — showroom lighting */
	--shadow-sm: 0 2px 8px rgba(28, 24, 20, 0.05), 0 1px 2px rgba(28, 24, 20, 0.04);
	--shadow-md: 0 8px 24px rgba(28, 24, 20, 0.08), 0 2px 6px rgba(28, 24, 20, 0.04);
	--shadow-lg: 0 16px 48px rgba(28, 24, 20, 0.1), 0 4px 12px rgba(28, 24, 20, 0.05);
	--shadow-card: var(--shadow-sm);
	--shadow-elevated: var(--shadow-md);
	--shadow-floating: var(--shadow-lg);
	--shadow-ambient: 0 12px 40px rgba(28, 24, 20, 0.09);
	--shadow-ambient-dark: 0 16px 48px rgba(0, 0, 0, 0.32), inset 0 1px 0 rgba(250, 246, 241, 0.05);
	--shadow-glow: 0 0 20px rgba(237, 174, 25, 0.18), 0 8px 24px rgba(237, 174, 25, 0.12);
	--shadow-glow-strong: 0 0 28px rgba(237, 174, 25, 0.26), 0 12px 32px rgba(237, 174, 25, 0.16);
	--shadow-cta: 0 2px 4px rgba(42, 32, 8, 0.1), 0 6px 18px rgba(196, 140, 20, 0.22);
	--shadow-cta-hover: 0 4px 8px rgba(42, 32, 8, 0.08), 0 10px 28px rgba(237, 174, 25, 0.28);
	--shadow-cta-active: 0 1px 2px rgba(42, 32, 8, 0.14), 0 2px 8px rgba(196, 140, 20, 0.18);
	--header-height: 80px;
	--header-height-mobile: 72px;

	/* Transitions */
	--transition-fast: 0.2s var(--ease-luxury);
	--transition-base: 0.4s var(--ease-luxury);
	--transition-slow: 0.6s var(--ease-luxury);

	/* Breakpoints */
	--breakpoint-sm: 576px;
	--breakpoint-md: 768px;
	--breakpoint-lg: 992px;
	--breakpoint-xl: 1200px;

	/* Fonts */
	--font-persian: 'yekanbakh', 'Tahoma', sans-serif;
	--font-english:
		'Robots', 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI',
		sans-serif;

	/* Focus ring — WCAG */
	--focus-ring: 0 0 0 3px rgba(237, 174, 25, 0.35);
}

/* ========== CONTAINER ========== */
.container {
	width: 100%;
	max-width: var(--container-max-width);
	margin-left: auto;
	margin-right: auto;
	padding-left: var(--container-padding);
	padding-right: var(--container-padding);
}
.container-fluid {
	width: 100%;
	padding-left: var(--container-padding);
	padding-right: var(--container-padding);
}

/* ========== ROW ========== */
.row {
	display: flex;
	flex-wrap: wrap;
	margin-left: calc(-1 * var(--grid-gutter));
	margin-right: calc(-1 * var(--grid-gutter));
}
.row > [class*='col-'] {
	position: relative;
	width: 100%;
	padding-left: var(--grid-gutter);
	padding-right: var(--grid-gutter);
	min-height: 1px;
}

/* No gap row */
.row.no-gap {
	margin-left: 0;
	margin-right: 0;
}
.row.no-gap > [class*='col-'] {
	padding-left: 0;
	padding-right: 0;
}

/* ========== BASE COLUMN CLASSES ========== */
.col {
	flex: 1 0 0;
}
/* Auto-width columns */
.col-auto {
	flex: 0 0 auto;
	width: auto;
}

/* ========== COLUMN WIDTHS (1 to 12) ========== */
.row > .col-1 {
	flex: 0 0 auto;
	width: 8.333333%;
	max-width: 8.333333%;
}
.row > .col-2 {
	flex: 0 0 auto;
	width: 16.666667%;
	max-width: 16.666667%;
}
.col-3 {
	flex: 0 0 auto;
	width: 25%;
	max-width: 25%;
}
.col-4 {
	flex: 0 0 auto;
	width: 33.333333%;
	max-width: 33.333333%;
}
.col-5 {
	flex: 0 0 auto;
	width: 41.666667%;
	max-width: 41.666667%;
}
.col-6 {
	flex: 0 0 auto;
	width: 50%;
	max-width: 50%;
}
.col-7 {
	flex: 0 0 auto;
	width: 58.333333%;
	max-width: 58.333333%;
}
.col-8 {
	flex: 0 0 auto;
	width: 66.666667%;
	max-width: 66.666667%;
}
.col-9 {
	flex: 0 0 auto;
	width: 75%;
	max-width: 75%;
}
.col-10 {
	flex: 0 0 auto;
	width: 83.333333%;
	max-width: 83.333333%;
}
.col-11 {
	flex: 0 0 auto;
	width: 91.666667%;
	max-width: 91.666667%;
}
.col-12 {
	flex: 0 0 auto;
	width: 100%;
	max-width: 100%;
}

/* ========== RESPONSIVE BREAKPOINTS ========== */
/* Small devices (phones, less than 576px) */
@media (max-width: 575.98px) {
	.container {
		padding-left: 15px;
		padding-right: 15px;
	}
	.row {
		margin-left: -15px;
		margin-right: -15px;
	}
	.row > [class*='col-'] {
		padding-left: 15px;
		padding-right: 15px;
	}
	.col-xs-1 {
		flex: 0 0 auto;
		width: 8.333333%;
		max-width: 8.333333%;
	}
	.col-xs-2 {
		flex: 0 0 auto;
		width: 16.666667%;
		max-width: 16.666667%;
	}
	.col-xs-3 {
		flex: 0 0 auto;
		width: 25%;
		max-width: 25%;
	}
	.col-xs-4 {
		flex: 0 0 auto;
		width: 33.333333%;
		max-width: 33.333333%;
	}
	.col-xs-5 {
		flex: 0 0 auto;
		width: 41.666667%;
		max-width: 41.666667%;
	}
	.col-xs-6 {
		flex: 0 0 auto;
		width: 50%;
		max-width: 50%;
	}
	.col-xs-7 {
		flex: 0 0 auto;
		width: 58.333333%;
		max-width: 58.333333%;
	}
	.col-xs-8 {
		flex: 0 0 auto;
		width: 66.666667%;
		max-width: 66.666667%;
	}
	.col-xs-9 {
		flex: 0 0 auto;
		width: 75%;
		max-width: 75%;
	}
	.col-xs-10 {
		flex: 0 0 auto;
		width: 83.333333%;
		max-width: 83.333333%;
	}
	.col-xs-11 {
		flex: 0 0 auto;
		width: 91.666667%;
		max-width: 91.666667%;
	}
	.col-xs-12 {
		flex: 0 0 auto;
		width: 100%;
		max-width: 100%;
	}
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	.col-sm-1 {
		flex: 0 0 auto;
		width: 8.333333%;
		max-width: 8.333333%;
	}
	.col-sm-2 {
		flex: 0 0 auto;
		width: 16.666667%;
		max-width: 16.666667%;
	}
	.col-sm-3 {
		flex: 0 0 auto;
		width: 25%;
		max-width: 25%;
	}
	.col-sm-4 {
		flex: 0 0 auto;
		width: 33.333333%;
		max-width: 33.333333%;
	}
	.col-sm-5 {
		flex: 0 0 auto;
		width: 41.666667%;
		max-width: 41.666667%;
	}
	.col-sm-6 {
		flex: 0 0 auto;
		width: 50%;
		max-width: 50%;
	}
	.col-sm-7 {
		flex: 0 0 auto;
		width: 58.333333%;
		max-width: 58.333333%;
	}
	.col-sm-8 {
		flex: 0 0 auto;
		width: 66.666667%;
		max-width: 66.666667%;
	}
	.col-sm-9 {
		flex: 0 0 auto;
		width: 75%;
		max-width: 75%;
	}
	.col-sm-10 {
		flex: 0 0 auto;
		width: 83.333333%;
		max-width: 83.333333%;
	}
	.col-sm-11 {
		flex: 0 0 auto;
		width: 91.666667%;
		max-width: 91.666667%;
	}
	.col-sm-12 {
		flex: 0 0 auto;
		width: 100%;
		max-width: 100%;
	}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.col-md-1 {
		flex: 0 0 auto;
		width: 8.333333%;
		max-width: 8.333333%;
	}
	.col-md-2 {
		flex: 0 0 auto;
		width: 16.666667%;
		max-width: 16.666667%;
	}
	.col-md-3 {
		flex: 0 0 auto;
		width: 25%;
		max-width: 25%;
	}
	.col-md-4 {
		flex: 0 0 auto;
		width: 33.333333%;
		max-width: 33.333333%;
	}
	.col-md-5 {
		flex: 0 0 auto;
		width: 41.666667%;
		max-width: 41.666667%;
	}
	.col-md-6 {
		flex: 0 0 auto;
		width: 50%;
		max-width: 50%;
	}
	.col-md-7 {
		flex: 0 0 auto;
		width: 58.333333%;
		max-width: 58.333333%;
	}
	.col-md-8 {
		flex: 0 0 auto;
		width: 66.666667%;
		max-width: 66.666667%;
	}
	.col-md-9 {
		flex: 0 0 auto;
		width: 75%;
		max-width: 75%;
	}
	.col-md-10 {
		flex: 0 0 auto;
		width: 83.333333%;
		max-width: 83.333333%;
	}
	.col-md-11 {
		flex: 0 0 auto;
		width: 91.666667%;
		max-width: 91.666667%;
	}
	.col-md-12 {
		flex: 0 0 auto;
		width: 100%;
		max-width: 100%;
	}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.col-lg-1 {
		flex: 0 0 auto;
		width: 8.333333%;
		max-width: 8.333333%;
	}
	.col-lg-2 {
		flex: 0 0 auto;
		width: 16.666667%;
		max-width: 16.666667%;
	}
	.col-lg-3 {
		flex: 0 0 auto;
		width: 25%;
		max-width: 25%;
	}
	.col-lg-4 {
		flex: 0 0 auto;
		width: 33.333333%;
		max-width: 33.333333%;
	}
	.col-lg-5 {
		flex: 0 0 auto;
		width: 41.666667%;
		max-width: 41.666667%;
	}
	.col-lg-6 {
		flex: 0 0 auto;
		width: 50%;
		max-width: 50%;
	}
	.col-lg-7 {
		flex: 0 0 auto;
		width: 58.333333%;
		max-width: 58.333333%;
	}
	.col-lg-8 {
		flex: 0 0 auto;
		width: 66.666667%;
		max-width: 66.666667%;
	}
	.col-lg-9 {
		flex: 0 0 auto;
		width: 75%;
		max-width: 75%;
	}
	.col-lg-10 {
		flex: 0 0 auto;
		width: 83.333333%;
		max-width: 83.333333%;
	}
	.col-lg-11 {
		flex: 0 0 auto;
		width: 91.666667%;
		max-width: 91.666667%;
	}
	.col-lg-12 {
		flex: 0 0 auto;
		width: 100%;
		max-width: 100%;
	}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.col-xl-1 {
		flex: 0 0 auto;
		width: 8.333333%;
		max-width: 8.333333%;
	}
	.col-xl-2 {
		flex: 0 0 auto;
		width: 16.666667%;
		max-width: 16.666667%;
	}
	.col-xl-3 {
		flex: 0 0 auto;
		width: 25%;
		max-width: 25%;
	}
	.col-xl-4 {
		flex: 0 0 auto;
		width: 33.333333%;
		max-width: 33.333333%;
	}
	.col-xl-5 {
		flex: 0 0 auto;
		width: 41.666667%;
		max-width: 41.666667%;
	}
	.col-xl-6 {
		flex: 0 0 auto;
		width: 50%;
		max-width: 50%;
	}
	.col-xl-7 {
		flex: 0 0 auto;
		width: 58.333333%;
		max-width: 58.333333%;
	}
	.col-xl-8 {
		flex: 0 0 auto;
		width: 66.666667%;
		max-width: 66.666667%;
	}
	.col-xl-9 {
		flex: 0 0 auto;
		width: 75%;
		max-width: 75%;
	}
	.col-xl-10 {
		flex: 0 0 auto;
		width: 83.333333%;
		max-width: 83.333333%;
	}
	.col-xl-11 {
		flex: 0 0 auto;
		width: 91.666667%;
		max-width: 91.666667%;
	}
	.col-xl-12 {
		flex: 0 0 auto;
		width: 100%;
		max-width: 100%;
	}
}

/* ========== UTILITY CLASSES ========== */
/* Hide/show based on breakpoints - using separate rules instead of nested media queries */
@media (max-width: 575.98px) {
	.hidden-xs {
		display: none !important;
	}
}
@media (min-width: 576px) and (max-width: 767.98px) {
	.hidden-sm {
		display: none !important;
	}
}
@media (min-width: 768px) and (max-width: 991.98px) {
	.hidden-md {
		display: none !important;
	}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
	.hidden-lg {
		display: none !important;
	}
}
@media (min-width: 1200px) {
	.hidden-xl {
		display: none !important;
	}
}

/* Flex utilities */
.d-flex {
	display: flex;
}
.flex-wrap {
	flex-wrap: wrap;
}
.flex-nowrap {
	flex-wrap: nowrap;
}
.justify-start {
	justify-content: flex-start;
}
.justify-end {
	justify-content: flex-end;
}
.justify-center {
	justify-content: center;
}
.justify-between {
	justify-content: space-between;
}
.justify-around {
	justify-content: space-around;
}
.align-start {
	align-items: flex-start;
}
.align-end {
	align-items: flex-end;
}
.align-center {
	align-items: center;
}
.align-stretch {
	align-items: stretch;
}

/* Text alignment */
.text-right {
	text-align: right;
}
.text-left {
	text-align: left;
}
.text-center {
	text-align: center;
}
.text-justify {
	text-align: justify;
}

/* Spacing utilities */
.m-0 {
	margin: 0;
}
.mt-0 {
	margin-top: 0;
}
.mb-0 {
	margin-bottom: 0;
}
.mr-0 {
	margin-right: 0;
}
.ml-0 {
	margin-left: 0;
}
.p-0 {
	padding: 0;
}
.pt-0 {
	padding-top: 0;
}
.pb-0 {
	padding-bottom: 0;
}
.pr-0 {
	padding-right: 0;
}
.pl-0 {
	padding-left: 0;
}

/* ========== BASE TYPOGRAPHY ========== */
html {
	font-size: 16px;
	direction: rtl;
	overflow-x: clip;
}
body {
	margin: 0 auto;
	background-color: var(--bg-primary);
	font-family: var(--font-persian);
	color: var(--text-dark-primary);
	font-weight: 300;
	line-height: var(--line-height-body);
	overflow-x: clip;
	max-width: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#page {
	overflow-x: clip;
	max-width: 100%;
}
.orang-front-page .site-content {
	overflow-x: clip;
}

/* English content font */
[lang='en'],
.lang-en,
.english-text {
	font-family: var(--font-english);
	direction: ltr;
}

/* Typography - Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--font-persian);
	font-weight: 400;
	line-height: var(--line-height-heading);
	margin: 0 0 1em 0;
	color: var(--color-text);
}
h1 {
	font-size: 1.75em;
	font-weight: 700;
	letter-spacing: var(--letter-spacing-tight);
}
h2 {
	font-size: 1.4em;
	font-weight: 600;
	letter-spacing: var(--letter-spacing-tight);
}
h3 {
	font-size: 1.2em;
	font-weight: 500;
	letter-spacing: -0.01em;
}
h4 {
	font-size: 1.1em;
	font-weight: 400;
}
h5 {
	font-size: 1em;
	font-weight: 400;
}
h6 {
	font-size: 0.9em;
	font-weight: 400;
}

/* Component typography overrides bare heading tags */
.site-main .hero-product-title {
	font-size: var(--font-size-h1);
	font-weight: 700;
	margin: 0 0 var(--space-2);
	line-height: var(--line-height-tight);
	letter-spacing: var(--letter-spacing-tight);
}
.site-main h2.orang-section-title {
	font-size: var(--font-size-h2);
	font-weight: 600;
	margin: 0 0 var(--space-3);
	line-height: var(--line-height-tight);
	letter-spacing: var(--letter-spacing-tight);
}
.site-main .orang-section-subtitle {
	font-size: var(--font-size-body);
	font-weight: 300;
	line-height: var(--line-height-body);
}
.site-main .orang-product-card__title {
	font-size: var(--font-size-body);
	font-weight: 400;
}

/* Typography - Other elements */
p {
	font-family: var(--font-persian);
	margin: 0 0 1em 0;
}
a {
	font-family: var(--font-persian);
	color: inherit;
	text-decoration: none;
}
ul,
ol {
	font-family: var(--font-persian);
}
li {
	font-family: var(--font-persian);
}

/* Container */
.orang-container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
}

/* Configurable sofa product layout */
.product-type-configurable-sofa .orang-configurable-sofa-top {
	display: grid;
	grid-template-columns: 3fr 2fr;
	gap: 40px;
	margin: 40px 0;
}
@media (max-width: 768px) {
	.product-type-configurable-sofa .orang-configurable-sofa-top {
		grid-template-columns: 1fr;
		gap: 20px;
	}
}

/* Gallery column */
.orang-product-gallery-col {
	position: relative;
}
/* Info column */
.orang-product-info-col {
	position: relative;
}

/* WooCommerce standard overrides */
.product-type-configurable-sofa .summary {
	width: 100% !important;
	float: none !important;
}

/* Loading states */
.orang-loading {
	opacity: 0.5;
	pointer-events: none;
	position: relative;
}
.orang-loading::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 30px;
	height: 30px;
	margin: -15px 0 0 -15px;
	border: 3px solid #f3f3f3;
	border-top-color: #0066cc;
	border-radius: 50%;
	animation: orang-spin 1s linear infinite;
}
@keyframes orang-spin {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
/* WooCommerce buttons — styled in hybrid-design.css */
/* ============================================
   Header Styles
   ============================================ */
/* ========== HEADER VARIABLES ========== */
:root {
	--header-bg: var(--dark-bg-primary);
	--header-text: var(--text-light-primary);
	--header-accent: var(--accent-primary);
	--header-border: var(--dark-border);
	--search-bg: rgba(255, 255, 255, 0.08);
}

/* ========== HEADER ========== */
.orang-header {
	background: var(--dark-bg-primary);
	position: sticky;
	top: 0;
	z-index: 1000;
	direction: rtl;
	font-family: var(--font-persian);
	border-bottom: 1px solid var(--dark-border);
	box-shadow: var(--shadow-sm);
	overflow: visible;
}

/* WordPress admin bar — toolbar on top, site below it */
#wpadminbar {
	z-index: 99999 !important;
}

body.admin-bar .orang-header {
	top: 32px;
}

body.admin-bar .menu-overlay {
	top: calc(var(--header-height) + 32px);
}

body.admin-bar .product-details-wrapper {
	top: calc(var(--header-height) + 10px + 32px);
}

@media screen and (max-width: 782px) {
	body.admin-bar .orang-header {
		top: 46px;
	}

	body.admin-bar .menu-overlay {
		top: calc(var(--header-height) + 46px);
	}

	body.admin-bar .product-details-wrapper {
		top: calc(var(--header-height) + 10px + 46px);
	}
}
.orang-header .container {
	max-width: var(--container-max-width);
	margin: 0 auto;
	padding: 0 var(--container-padding);
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: var(--header-height);
	overflow: visible;
}

/* ========== LOGO ========== */
.logo {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-shrink: 0;
	margin: 0;
	padding: 0;
	font-size: inherit;
	font-weight: inherit;
	line-height: 1;
	letter-spacing: normal;
	color: inherit;
}
.logo-link {
	display: flex;
	align-items: center;
	gap: 12px;
	text-decoration: none;
}
.logo-icon {
	width: 32px;
	height: 32px;
	color: var(--header-accent);
	font-size: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.logo-image {
	max-height: 32px;
	width: auto;
	display: block;
}
.logo .custom-logo {
	max-height: 32px;
	width: auto;
	display: block;
}
.logo-text {
	color: var(--header-text);
	font-size: 20px;
	font-weight: 700;
	font-family: var(--font-english);
	letter-spacing: 0.5px;
}

/* ========== NAVIGATION ========== */
.main-navigation {
	flex: 1;
	margin: 0 40px;
	overflow: visible;
}
.main-navigation .menu {
	display: flex;
	align-items: center;
	list-style: none;
	margin: 0;
	padding: 0;
	gap: 35px;
	font-family: var(--font-persian);
}
.main-navigation .menu > .menu-item {
	position: relative;
}
.main-navigation .menu > .menu-item:hover,
.main-navigation .menu > .menu-item:focus-within {
	z-index: 2;
}
.main-navigation .menu-item a {
	color: rgba(255, 255, 255, 0.85);
	text-decoration: none;
	font-size: 15px;
	font-weight: 500;
	padding: 8px 0;
	display: block;
	transition: color 0.3s ease, background-color 0.3s ease;
	position: relative;
}
.main-navigation .menu-item a:hover,
.main-navigation .menu-item.current-menu-item > a,
.main-navigation .menu-item.current-menu-ancestor > a {
	color: var(--header-text);
}
.main-navigation .menu > .menu-item > a::after {
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	width: 0;
	height: 2px;
	background-color: var(--header-accent);
	transition: width 0.3s ease;
}
.main-navigation .menu > .menu-item > a:hover::after,
.main-navigation .menu > .menu-item.current-menu-item > a::after,
.main-navigation .menu > .menu-item.current-menu-ancestor > a::after {
	width: 100%;
}
.main-navigation .menu > .menu-item-has-children > a {
	padding-left: 18px;
}
.main-navigation .menu > .menu-item-has-children > a::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: 6px;
	height: 6px;
	margin-top: -5px;
	border-left: 1.5px solid currentColor;
	border-bottom: 1.5px solid currentColor;
	transform: rotate(-45deg);
	opacity: 0.75;
	pointer-events: none;
}
.main-navigation .submenu-toggle {
	display: none;
}
.mobile-nav-intro,
.mobile-nav-search,
.mobile-nav-tools {
	display: none;
}
.mobile-nav-sheet {
	display: contents;
}

/* Desktop dropdown */
.main-navigation .sub-menu {
	position: absolute;
	top: calc(100% + 6px);
	right: 0;
	min-width: 220px;
	margin: 0;
	padding: 8px 0;
	list-style: none;
	background: #1a1816;
	border: 1px solid var(--header-border);
	border-radius: 10px;
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
	opacity: 0;
	visibility: hidden;
	transform: translateY(8px);
	transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
	z-index: 1100;
	text-align: right;
}
.main-navigation .sub-menu::before {
	content: '';
	position: absolute;
	top: -10px;
	right: 0;
	left: 0;
	height: 10px;
}
.main-navigation .menu > .menu-item-has-children:hover > .sub-menu,
.main-navigation .menu > .menu-item-has-children:focus-within > .sub-menu,
.main-navigation .sub-menu > .menu-item-has-children:hover > .sub-menu,
.main-navigation .sub-menu > .menu-item-has-children:focus-within > .sub-menu {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
.main-navigation .sub-menu .menu-item a {
	padding: 10px 18px;
	font-size: 14px;
	white-space: nowrap;
	color: rgba(255, 255, 255, 0.82);
}
.main-navigation .sub-menu .menu-item a:hover,
.main-navigation .sub-menu .menu-item.current-menu-item > a {
	color: var(--header-text);
	background-color: rgba(237, 174, 25, 0.12);
}
.main-navigation .sub-menu .sub-menu {
	top: 0;
	right: 100%;
	left: auto;
	margin-right: 6px;
}
.main-navigation .sub-menu .menu-item-has-children > a {
	padding-left: 28px;
}
.main-navigation .sub-menu .menu-item-has-children > a::before {
	content: '';
	position: absolute;
	left: 14px;
	top: 50%;
	width: 6px;
	height: 6px;
	margin-top: -3px;
	border-left: 1.5px solid currentColor;
	border-bottom: 1.5px solid currentColor;
	transform: rotate(45deg);
	opacity: 0.7;
}

/* ========== HEADER ACTIONS ========== */
.header-actions {
	display: flex;
	align-items: center;
	gap: 20px;
	flex-shrink: 0;
}

/* Search */
.search-container {
	position: relative;
	width: 280px;
}
.search-form {
	display: flex;
	align-items: center;
	background-color: var(--search-bg);
	border-radius: 30px;
	padding: 8px 16px;
	border: 1px solid rgba(255, 255, 255, 0.12);
	transition: all 0.3s ease;
}
.search-form:focus-within {
	border-color: var(--accent-primary);
	box-shadow: 0 0 0 3px rgba(200, 159, 117, 0.2);
	background-color: rgba(255, 255, 255, 0.1);
}
.search-icon {
	color: rgba(255, 255, 255, 0.5);
	font-size: 16px;
	margin-left: 10px;
}
.search-input {
	flex: 1;
	min-width: 0;
	background: transparent;
	background-color: transparent;
	border: none;
	outline: none;
	box-shadow: none;
	color: var(--header-text);
	font-size: 14px;
	font-family: var(--font-persian);
	-webkit-appearance: none;
	appearance: none;
}
.search-input::-webkit-search-decoration,
.search-input::-webkit-search-cancel-button,
.search-input::-webkit-search-results-button,
.search-input::-webkit-search-results-decoration {
	-webkit-appearance: none;
}
.search-input:focus {
	background: transparent;
	border: none;
	box-shadow: none;
	outline: none;
	color: var(--header-text);
}
.search-input::placeholder {
	color: rgba(255, 255, 255, 0.4);
}

/* Action Icons */
.action-icon {
	background: var(--search-bg);
	border: none;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	color: var(--header-text);
	font-size: 16px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
	position: relative;
	text-decoration: none;
}
.action-icon:hover {
	background-color: var(--header-accent);
	transform: translateY(-2px);
}
.cart-count {
	position: absolute;
	top: -4px;
	right: -4px;
	background-color: var(--header-accent);
	color: #ffffff;
	font-family: var(--font-persian);
	font-size: 10px;
	font-weight: 600;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* Mobile Menu Toggle */
.mobile-menu-toggle {
	display: none;
	flex-direction: column;
	gap: 6px;
	background: none;
	border: none;
	padding: 0;
	cursor: pointer;
}
.mobile-menu-toggle span {
	width: 24px;
	height: 2px;
	background-color: var(--header-text);
	transition: all 0.3s ease;
}

/* Menu Overlay */
.menu-overlay {
	position: fixed;
	top: var(--header-height);
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(12, 10, 8, 0.62);
	z-index: 999;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity 0.4s var(--ease-luxury), visibility 0.4s var(--ease-luxury);
}
.menu-overlay.active {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}
html.mobile-nav-open,
body.mobile-nav-open {
	overflow: hidden;
	overscroll-behavior: none;
}

/* ========== RESPONSIVE ========== */
@media (max-width: 992px) {
	.orang-header {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		z-index: 1003;
	}
	.site {
		padding-top: var(--header-height);
	}
	.menu-overlay {
		top: 0;
		z-index: 1001;
	}
	body.admin-bar .menu-overlay {
		top: 0;
	}
	.main-navigation {
		position: fixed;
		top: 0;
		right: 0;
		left: auto;
		bottom: 0;
		width: min(22.5rem, 88vw);
		height: 100vh;
		height: 100dvh;
		flex: none;
		margin: 0;
		padding: 0;
		overflow: hidden;
		z-index: 1002;
		background:
			radial-gradient(ellipse 80% 40% at 100% 0%, rgba(237, 174, 25, 0.14), transparent 55%),
			linear-gradient(180deg, #1a1714 0%, #12100e 100%);
		border: 0;
		border-inline-start: 1px solid rgba(237, 174, 25, 0.18);
		box-shadow: -24px 0 48px rgba(0, 0, 0, 0.35);
		transform: translate3d(110%, 0, 0);
		visibility: hidden;
		pointer-events: none;
		transition:
			transform 0.45s var(--ease-luxury),
			visibility 0.45s var(--ease-luxury);
	}
	.main-navigation.active {
		transform: translate3d(0, 0, 0);
		visibility: visible;
		pointer-events: auto;
	}
	body.admin-bar .main-navigation {
		top: 32px;
		height: calc(100vh - 32px);
		height: calc(100dvh - 32px);
	}
	.mobile-nav-sheet {
		display: flex;
		flex-direction: column;
		height: 100%;
		max-height: 100%;
		padding: calc(var(--header-height) + 12px) 20px 28px;
		overflow: hidden;
	}
	.mobile-nav-intro {
		display: block;
		position: relative;
		padding: 4px 44px 18px 0;
		margin-bottom: 4px;
		border-bottom: 1px solid rgba(237, 174, 25, 0.16);
	}
	.mobile-nav-eyebrow {
		margin: 0 0 4px;
		font-size: 12px;
		font-weight: 500;
		letter-spacing: 0.04em;
		color: var(--accent-primary);
	}
	.mobile-nav-heading {
		margin: 0;
		font-size: 22px;
		font-weight: 700;
		line-height: 1.5;
		color: var(--text-light-primary);
	}
	.mobile-nav-close {
		position: absolute;
		top: 0;
		left: 0;
		width: 40px;
		height: 40px;
		border: 0;
		border-radius: 50%;
		background: rgba(250, 246, 241, 0.06);
		color: var(--text-light-primary);
		cursor: pointer;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		transition: background 0.2s ease, color 0.2s ease;
	}
	.mobile-nav-close:hover,
	.mobile-nav-close:focus-visible {
		background: var(--accent-primary);
		color: var(--accent-button-text);
	}
	.mobile-nav-search {
		display: flex;
		align-items: center;
		gap: 10px;
		margin: 16px 0 18px;
		padding: 12px 14px;
		border-radius: 999px;
		background: rgba(250, 246, 241, 0.06);
		border: 1px solid rgba(250, 246, 241, 0.1);
	}
	.mobile-nav-search i {
		color: var(--accent-primary);
		font-size: 14px;
	}
	.mobile-nav-search input {
		flex: 1;
		min-width: 0;
		border: 0;
		background: transparent;
		background-color: transparent;
		box-shadow: none;
		color: var(--text-light-primary);
		font-family: var(--font-persian);
		font-size: 15px;
		line-height: 1.7;
		outline: none;
		-webkit-appearance: none;
		appearance: none;
	}
	.mobile-nav-search input:focus {
		background: transparent;
		border: 0;
		box-shadow: none;
		color: var(--text-light-primary);
	}
	.mobile-nav-search input::placeholder {
		color: rgba(240, 235, 228, 0.45);
	}
	.main-navigation .menu {
		flex: 1;
		flex-direction: column;
		align-items: stretch;
		gap: 6px;
		overflow-y: auto;
		overscroll-behavior: contain;
		padding: 4px 2px 12px 0;
		-webkit-overflow-scrolling: touch;
	}
	.main-navigation .menu > .menu-item > a::after {
		display: none;
	}
	.main-navigation .menu > .menu-item > a {
		padding: 13px 16px;
		font-size: 16px;
		line-height: 1.8;
		border-radius: 14px;
		color: var(--text-light-primary);
	}
	.main-navigation .menu > .menu-item > a:hover,
	.main-navigation .menu > .menu-item.current-menu-item > a,
	.main-navigation .menu > .menu-item.current-menu-ancestor > a {
		background: rgba(237, 174, 25, 0.12);
		color: var(--accent-primary);
		box-shadow: inset -3px 0 0 var(--accent-primary);
	}
	.main-navigation .menu > .menu-item-has-children > a {
		padding-left: 8px;
	}
	.main-navigation .menu > .menu-item-has-children > a::before,
	.main-navigation .sub-menu .menu-item-has-children > a::before {
		display: none;
	}
	.main-navigation .menu-item-has-children {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		border-radius: 14px;
	}
	.main-navigation .menu-item-has-children > a {
		flex: 1;
		min-width: 0;
	}
	.main-navigation .submenu-toggle {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		flex-shrink: 0;
		width: 40px;
		height: 40px;
		margin: 0 0 0 4px;
		padding: 0;
		border: 0;
		border-radius: 12px;
		background: rgba(250, 246, 241, 0.06);
		color: var(--text-light-primary);
		cursor: pointer;
		transition: background 0.2s ease, transform 0.2s ease;
	}
	.main-navigation .submenu-toggle:hover,
	.main-navigation .menu-item-has-children.is-open > .submenu-toggle {
		background: rgba(237, 174, 25, 0.18);
		color: var(--accent-primary);
	}
	.main-navigation .submenu-toggle::before {
		content: '';
		width: 8px;
		height: 8px;
		border-left: 1.5px solid currentColor;
		border-bottom: 1.5px solid currentColor;
		transform: rotate(-45deg);
		margin-top: -3px;
		transition: transform 0.25s var(--ease-luxury);
	}
	.main-navigation .menu-item-has-children.is-open > .submenu-toggle::before {
		transform: rotate(135deg);
		margin-top: 2px;
	}
	.main-navigation .sub-menu {
		position: static;
		flex-basis: 100%;
		width: 100%;
		min-width: 0;
		margin: 4px 0 8px;
		padding: 6px;
		border: 0;
		border-radius: 12px;
		background: rgba(250, 246, 241, 0.04);
		box-shadow: none;
		opacity: 1;
		visibility: visible;
		transform: none;
		display: none;
	}
	.main-navigation .sub-menu::before {
		display: none;
	}
	.main-navigation .menu-item-has-children.is-open > .sub-menu {
		display: block;
	}
	.main-navigation .sub-menu .menu-item a {
		padding: 10px 14px;
		font-size: 14px;
		line-height: 1.8;
		white-space: normal;
		border-radius: 10px;
	}
	.main-navigation .sub-menu .menu-item a:hover,
	.main-navigation .sub-menu .menu-item.current-menu-item > a {
		background: rgba(237, 174, 25, 0.12);
	}
	.main-navigation .sub-menu .sub-menu {
		right: auto;
		margin: 4px 0 0;
		background: rgba(0, 0, 0, 0.18);
	}
	.mobile-nav-tools {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 10px;
		margin-top: auto;
		padding-top: 16px;
	}
	.mobile-nav-tools:not(:has(a)) {
		display: none;
	}
	.mobile-nav-tool {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 8px;
		padding: 12px 10px;
		border-radius: 14px;
		background: rgba(237, 174, 25, 0.12);
		border: 1px solid rgba(237, 174, 25, 0.22);
		color: var(--text-light-primary);
		text-decoration: none;
		font-size: 13px;
		font-weight: 600;
		line-height: 1.6;
		transition: background 0.2s ease, transform 0.2s ease;
	}
	.mobile-nav-tool i {
		color: var(--accent-primary);
	}
	.mobile-nav-tool:hover {
		background: var(--accent-primary);
		color: var(--accent-button-text);
	}
	.mobile-nav-tool:hover i {
		color: inherit;
	}
	.mobile-menu-toggle {
		display: flex;
		width: 42px;
		height: 42px;
		align-items: center;
		justify-content: center;
		border-radius: 12px;
		background: rgba(255, 255, 255, 0.08);
		padding: 10px 8px;
	}
	.search-container {
		display: none;
	}
	.mobile-menu-toggle.active span:nth-child(1) {
		transform: rotate(45deg) translate(5px, 5px);
	}
	.mobile-menu-toggle.active span:nth-child(2) {
		opacity: 0;
	}
	.mobile-menu-toggle.active span:nth-child(3) {
		transform: rotate(-45deg) translate(5px, -5px);
	}
}
@media screen and (max-width: 782px) {
	body.admin-bar .main-navigation {
		top: 46px;
		height: calc(100vh - 46px);
		height: calc(100dvh - 46px);
	}
}
@media (max-width: 768px) {
	.orang-header .container {
		height: var(--header-height-mobile);
		padding: 0 15px;
	}
	body.admin-bar .orang-header {
		top: 46px;
	}
	body.admin-bar .main-navigation {
		top: 46px;
		height: calc(100vh - 46px);
		height: calc(100dvh - 46px);
	}
	body.admin-bar .menu-overlay {
		top: 0;
	}
	body.admin-bar .product-details-wrapper {
		top: calc(var(--header-height-mobile) + 10px + 46px);
	}
	.logo-text {
		font-size: 18px;
	}
	.logo-icon {
		width: 28px;
		height: 28px;
		font-size: 20px;
	}
	.site {
		padding-top: var(--header-height-mobile);
	}
	.main-navigation {
		top: 0;
		height: 100vh;
		height: 100dvh;
	}
	.menu-overlay {
		top: 0;
	}
	.mobile-nav-sheet {
		padding-top: calc(var(--header-height-mobile) + 12px);
	}
}

/* ============================================
   Breadcrumbs
   ============================================ */
.orang-breadcrumbs {
	margin: 20px 0;
	font-size: 14px;
	font-family: var(--font-persian);
}
.orang-breadcrumbs .woocommerce-breadcrumb {
	color: var(--color-text-subtle);
	font-family: var(--font-persian);
}
.orang-breadcrumbs .woocommerce-breadcrumb a {
	color: var(--color-text-muted);
	text-decoration: none;
	transition: color 0.2s ease;
	font-family: var(--font-persian);
}
.orang-breadcrumbs .woocommerce-breadcrumb a:hover {
	color: var(--color-primary);
	text-decoration: underline;
}

/* ============================================
   Footer Styles
   ============================================ */
.orang-footer {
	background-color: var(--color-surface);
	color: var(--color-text-muted);
	border-top: 1px solid var(--color-border);
	direction: rtl;
	font-family: var(--font-persian);
}

/* Main Footer Section */
.footer-main {
	padding: 60px 0 40px;
}
.footer-grid {
	display: grid;
	grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.2fr);
	gap: 40px;
	align-items: start;
}

/* Footer Columns */
.footer-col {
	display: flex;
	flex-direction: column;
	min-width: 0;
}
/* Logo Column */
.footer-about-col {
	max-width: 350px;
}
.footer-logo-wrapper {
	margin-bottom: 20px;
}
.footer-logo-wrapper a,
.footer-logo-wrapper .custom-logo-link {
	display: inline-block;
	max-width: 100%;
}
.footer-logo,
.footer-logo-wrapper img {
	max-width: 140px;
	width: auto;
	height: auto;
}
.footer-description p {
	font-size: 14px;
	line-height: 2;
	color: rgba(255, 255, 255, 0.6);
	margin-bottom: 12px;
	text-align: justify;
	overflow-wrap: break-word;
}
.footer-description .highlight {
	color: var(--color-primary);
	font-weight: 500;
}

/* Footer Titles */
.footer-title {
	font-size: 16px;
	font-weight: 600;
	line-height: 1.7;
	color: #ffffff;
	margin-bottom: 25px;
	position: relative;
	padding-bottom: 12px;
}
.footer-title::after {
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	width: 50px;
	height: 2px;
	background-color: var(--color-primary);
}

/* Footer Links */
.footer-links {
	list-style: none;
	padding: 0;
	margin: 0;
}
.footer-links li {
	margin-bottom: 14px;
}
.footer-links a {
	color: rgba(255, 255, 255, 0.6);
	text-decoration: none;
	font-size: 14px;
	line-height: 1.85;
	transition: all 0.3s ease;
	display: inline-block;
	padding: 4px 0;
}
.footer-links a:hover {
	color: var(--color-primary);
	transform: translateX(-5px);
}

/* Social Icons */
.social-icons {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}
.social-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 45px;
	height: 45px;
	background-color: rgba(255, 255, 255, 0.08);
	border-radius: 10px;
	color: #ffffff;
	font-size: 20px;
	transition: all 0.3s ease;
	text-decoration: none;
}
.social-icon:hover {
	background-color: var(--color-primary);
	transform: translateY(-3px);
}
.social-icon__svg,
.social-icon svg,
.orang-contact__social-links svg {
	width: 1.15em;
	height: 1.15em;
	fill: currentColor;
	display: block;
}

.footer-trust-badges {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin-top: 20px;
}

.footer-trust-badges a {
	display: inline-flex;
	line-height: 0;
	max-width: 100%;
}

.footer-trust-badges img {
	margin: 3px;
	width: auto;
	max-width: min(125px, 100%);
	max-height: 96px;
	height: auto;
	object-fit: contain;
	background: #fff;
	border-radius: 6px;
}

/* Bottom Footer Bar */
.footer-bottom {
	padding: 20px 0;
	background-color: rgba(0, 0, 0, 0.2);
	border-top: 1px solid rgba(255, 255, 255, 0.05);
}
.footer-bottom-content {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px 20px;
}
.footer-bottom-right {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 15px;
	min-width: 0;
}
.footer-bottom-right span {
	font-size: 13px;
	line-height: 1.9;
	color: rgba(255, 255, 255, 0.5);
}
.footer-bottom-right .separator {
	color: rgba(255, 255, 255, 0.2);
}
.footer-bottom-left {
	font-size: 13px;
	color: rgba(255, 255, 255, 0.5);
	line-height: 1.8;
	min-width: 0;
	overflow-wrap: break-word;
}
.footer-bottom-left a {
	color: var(--color-primary);
	text-decoration: none;
	font-weight: 500;
}
.footer-bottom-left a:hover {
	text-decoration: underline;
}

/* Responsive */
@media (max-width: 1100px) {
	.footer-grid {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
		gap: 32px 28px;
	}
	.footer-about-col,
	.footer-social-col {
		grid-column: 1 / -1;
		max-width: 100%;
		align-items: center;
		text-align: center;
	}
	.footer-logo-wrapper {
		display: flex;
		justify-content: center;
	}
	.footer-description p {
		text-align: center;
		max-width: 640px;
		margin-left: auto;
		margin-right: auto;
	}
	.social-icons,
	.footer-trust-badges {
		justify-content: center;
	}
}
@media (max-width: 768px) {
	.footer-main {
		padding: 36px 0 24px;
	}
	.footer-grid {
		gap: 28px 16px;
	}
	.footer-title {
		font-size: 16px;
		line-height: 1.75;
		margin-bottom: 16px;
	}
	.footer-description p {
		font-size: 14px;
		line-height: 2;
	}
	.footer-links a {
		font-size: 14px;
		line-height: 1.9;
	}
	.footer-links li {
		margin-bottom: 8px;
	}
	.footer-bottom-left,
	.footer-bottom-right span {
		font-size: 13px;
		line-height: 2;
	}
	.footer-trust-badges img {
		max-height: 76px;
		max-width: 88px;
	}
	.footer-bottom {
		padding: 16px 0;
	}
	.footer-bottom-content {
		flex-direction: column;
		gap: 8px;
		text-align: center;
	}
	.footer-bottom-right {
		justify-content: center;
	}
}
@media (max-width: 480px) {
	.footer-main {
		padding: 28px 0 20px;
	}
	.footer-grid {
		gap: 24px 12px;
	}
	.footer-links-col,
	.footer-products-col {
		align-items: center;
		text-align: center;
	}
	.footer-title {
		font-size: 15px;
	}
	.social-icon {
		width: 42px;
		height: 42px;
		font-size: 18px;
	}
	.footer-trust-badges {
		gap: 6px;
	}
	.footer-trust-badges img {
		max-height: 64px;
		max-width: 72px;
		margin: 0;
	}
}

/* ============================================
   Product Info Section - Modern Dark Design
   ============================================ */
.product-info-section {
	background-color: var(--color-dark-bg);
	padding: 50px 0;
	position: relative;
	overflow: visible; /* Ensure no overflow hidden */
}
.product-info-section .container {
	position: relative;
	overflow: visible; /* Ensure no overflow hidden */
}
.product-info-section .row {
	align-items: stretch; /* Allows columns to stretch to match tallest column */
	position: relative;
	overflow: visible; /* Ensure no overflow hidden */
}

/* Column spacing */
.product-content-col {
	margin-bottom: 30px;
	position: relative;
}
.product-details-col {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	min-height: 100%; /* Ensure it stretches to match parent row height */
}

/* ============================================
   Product Gallery - Slick Slider Styles
   ============================================ */
.product-gallery-wrapper {
	width: 100%;
	position: relative;
	margin-bottom: 60px;
}
.product-images {
	position: relative;
}

/* Main Slider Wrapper */
.slider-wrapper {
	position: relative;
	margin-bottom: 15px;
	width: 100%;
}
.slider-wrapper .slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-webkit-tap-highlight-color: transparent;
}
.slider-wrapper .slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.slider-wrapper .slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.slider-wrapper .slick-track::before,
.slider-wrapper .slick-track::after {
	display: table;
	content: '';
}
.slider-wrapper .slick-track::after {
	clear: both;
}
.slider-wrapper .slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
}
.slider-wrapper .slick-slide.slick-active {
	display: block;
}

.slider-gallery {
	position: relative;
	overflow: hidden;
	border-radius: 25px;
	width: 100%;
}
.slider-gallery .slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.slider-gallery .slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.slider-gallery .slide-item {
	width: 100%;
	padding: 0;
	outline: none;
	display: block;
	float: left;
	height: 100%;
	min-height: 1px;
	border-radius: 25px;
	overflow: hidden;
}
.slider-gallery .slide-item img,
.slider-gallery .slide-item .orang-product-picture,
.slider-gallery .slide-item .orang-product-picture img {
	width: 100%;
	height: auto;
	display: block;
	aspect-ratio: 4 / 3;
	object-fit: cover;
}

/* Thumbnail Slider */
.thumb-slider {
	margin-top: 30px;
	width: 100%;
}
.slider-thumbnails {
	background: transparent;
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
}
.slider-thumbnails .slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 3px 5px 3px 0;
}
.slider-thumbnails .slick-list.draggable {
	padding-right: 5px;
}
.slider-thumbnails {
	direction: rtl;
}
.slider-thumbnails .slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.slider-thumbnails .slick-slide {
	width: auto !important;
	margin: 0 var(--space-2);
	padding: 0;
	box-sizing: border-box;
	float: none;
	height: auto;
	min-height: 0;
}

.slider-thumbnails .slide-item {
	width: 96px;
	height: 72px;
	min-width: 96px;
	min-height: 72px;
	max-width: 96px;
	max-height: 72px;
	margin: 0;
	cursor: pointer;
	transition: all 0.3s ease;
	opacity: 0.6;
	border: 2px solid transparent;
	border-radius: var(--radius-md);
	overflow: hidden;
	padding: 0;
	outline: none;
	display: block;
	box-sizing: border-box;
	aspect-ratio: 4 / 3;
	flex-shrink: 0;
}

.slider-thumbnails .slide-circle {
	width: 100%;
	height: 100%;
	border-radius: inherit;
	overflow: hidden;
	display: block;
}

.slider-thumbnails .slide-item:hover,
.slider-thumbnails .slide-item.slick-current,
.slider-thumbnails .slide-item.active {
	opacity: 1;
	border-color: var(--accent-primary);
}

.slider-thumbnails .slide-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	margin: 0;
	padding: 0;
}

/* Slick Arrow Buttons - Custom Styling */
.slick-arrow.slick-disabled {
	display: none !important;
}

.slider-prev,
.slider-next {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background: rgba(255, 255, 255, 0.9);
	border: none;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
	z-index: 10;
	padding: 8px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
/* RTL: Swap arrow positions */
.slider-prev {
	right: 15px;
	left: auto;
}
.slider-next {
	left: 15px;
	right: auto;
}
.slider-prev:hover,
.slider-next:hover {
	background: var(--card-cream);
	box-shadow: 0 4px 20px rgba(28, 24, 20, 0.12);
}
.slider-prev:hover svg path,
.slider-next:hover svg path {
	stroke: var(--color-secondary);
}
.slider-prev svg,
.slider-next svg {
	width: 20px;
	height: 20px;
}

/* Hide default Slick arrows */
.slider-prev::before,
.slider-next::before {
	display: none !important;
}
/* Hide Slick dots */
.slider-gallery .slick-dots,
.slider-thumbnails .slick-dots {
	display: none !important;
}

/* Responsive */
@media (max-width: 768px) {
	.slider-thumbnails .slick-slide {
		margin: 0 var(--space-1);
	}

	.slider-thumbnails .slide-item {
		width: 80px;
		height: 60px;
		min-width: 80px;
		min-height: 60px;
		max-width: 80px;
		max-height: 60px;
	}
	.slider-prev,
	.slider-next {
		width: 35px;
		height: 35px;
	}
	.slider-prev {
		right: 10px;
	}
	.slider-next {
		left: 10px;
	}
}
@media (max-width: 576px) {
	.slider-thumbnails .slide-item {
		width: 72px;
		height: 54px;
		min-width: 72px;
		min-height: 54px;
		max-width: 72px;
		max-height: 54px;
	}
	.slider-prev svg,
	.slider-next svg {
		width: 16px;
		height: 16px;
	}
}

/* ============================================
   Add to Cart Button with Price
   ============================================ */
.single_add_to_cart_button {
	width: 100% !important;
	max-width: 400px !important;
	margin: 20px auto !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	direction: rtl;
	text-align: center;
}
.single_add_to_cart_button:disabled {
	cursor: not-allowed !important;
	box-shadow: none !important;
	opacity: 0.55 !important;
	transform: none !important;
}

/* Responsive */
@media (max-width: 768px) {
	.single_add_to_cart_button {
		padding: 14px 30px !important;
		font-size: 15px !important;
		max-width: 100% !important;
	}
}

/* ============================================
   Sticky Product Details
   ============================================ */
.product-details-wrapper {
	position: -webkit-sticky; /* Safari support */
	position: sticky;
	top: calc(var(--header-height) + 10px);
	height: auto;
	max-height: none;
	overflow: visible;
	padding-right: 10px;
	z-index: 10;
	align-self: flex-start;
	width: 100%;
	box-sizing: border-box;
	flex: 0 0 auto;
}

/* Custom scrollbar for sticky section */
.product-details-wrapper::-webkit-scrollbar {
	width: 6px;
}
.product-details-wrapper::-webkit-scrollbar-track {
	background: rgba(255, 255, 255, 0.1);
	border-radius: 3px;
}
.product-details-wrapper::-webkit-scrollbar-thumb {
	background: rgba(76, 175, 80, 0.5);
	border-radius: 3px;
}
.product-details-wrapper::-webkit-scrollbar-thumb:hover {
	background: rgba(76, 175, 80, 0.8);
}

/* Ensure parent containers don't interfere with sticky */
.product-info-section,
.product-info-section .container,
.product-info-section .row,
.product-details-col {
	overflow: visible !important;
}

/* Responsive - disable sticky on mobile */
@media (max-width: 767px) {
	.product-details-wrapper {
		position: relative;
		top: 0;
		max-height: none;
		overflow-y: visible;
		padding-right: 0;
	}
	.product-info-section .row {
		flex-direction: column;
	}
	.product-details-col {
		order: -1; /* Show details first on mobile */
	}
}

/* ============================================
   Additional Sticky Positioning Fixes
   ============================================ */
/* Ensure the product info section extends beyond viewport for sticky to work */
.product-info-section {
	min-height: auto;
}

.product-details-wrapper {
	will-change: auto;
}

@media (min-width: 992px) {
	.product-info-section[dir='rtl'] .product-details-wrapper,
	html[dir='rtl'] .product-details-wrapper {
		position: -webkit-sticky;
		position: sticky;
	}
}

/* Ensure column alignment doesn't interfere */
.product-info-section .row {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch; /* Ensure columns stretch to match height */
}
.product-details-col {
	flex: 0 0 auto;
	display: flex;
	flex-direction: column;
	min-height: 100%; /* Stretch to match sibling column */
}
.product-content-col {
	flex: 0 0 auto;
}

/* ============================================
   Dimensions & Fit Section
   ============================================ */
.product-dimensions-section {
	margin-top: 40px;
	margin-bottom: 30px;
}
.dimensions-tabs {
	background-color: var(--color-dark-bg);
	padding: 25px 35px;
	border-radius: 25px 25px 0 0;
	display: flex;
	gap: 30px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	padding-bottom: 15px;
}
.dimension-tab {
	background: none;
	border: none;
	color: rgba(255, 255, 255, 0.6);
	font-family: var(--font-persian);
	font-size: 15px;
	font-weight: 400;
	cursor: pointer;
	padding: 10px 0;
	position: relative;
	transition: all 0.3s ease;
}
.dimension-tab:hover {
	color: rgba(255, 255, 255, 0.9);
}
.dimension-tab.active {
	color: #ffffff;
	font-weight: 500;
}
.dimension-tab.active::after {
	content: '';
	position: absolute;
	bottom: -16px;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: var(--color-secondary);
}
.dimension-content {
	display: none;
	border-radius: 0 0 25px 25px;
	background-color: var(--color-primary);
	padding: 35px;
}
.dimension-content.active {
	display: block;
	animation: fadeIn 0.3s ease;
}
@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translateY(10px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}
.dimensions-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 40px;
	align-items: center;
}
.dimensions-info h3 {
	color: #ffffff;
	font-size: 22px;
	font-weight: 600;
}
.dimension-list {
	list-style: none;
	padding: 0;
	margin: 0;
}
.dimension-list li {
	color: rgba(255, 255, 255, 0.8);
	font-size: 15px;
	padding: 5px 0;
}
.dimension-list li:last-child {
	border-bottom: none;
}
.dimension-list li i {
	color: var(--color-secondary);
	font-size: 14px;
	width: 20px;
}
.dimensions-image {
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgba(255, 255, 255, 0.03);
	border-radius: 30px;
	width: 100%;
	overflow: hidden;
}
.dimensions-image img {
	max-width: 100%;
	width: auto;
	height: auto;
	display: block;
}
.product-diagram-img {
	max-width: 100%;
	width: auto;
	height: auto;
	max-height: 500px; /* Limit maximum height */
	object-fit: contain; /* Maintain aspect ratio */
	filter: none;
	opacity: 1;
	display: block;
	margin: 0 auto; /* Center the image */
}

/* Responsive for dimensions section */
@media (max-width: 992px) {
	.dimensions-grid {
		grid-template-columns: 1fr;
		gap: 30px;
	}
	.dimensions-image {
		order: -1;
		min-height: 250px;
		padding: 20px;
	}
	.product-diagram-img {
		max-height: 400px;
	}
}
@media (max-width: 768px) {
	.dimensions-tabs {
		gap: 20px;
		overflow-x: auto;
		flex-wrap: nowrap;
		-webkit-overflow-scrolling: touch;
	}
	.dimension-tab {
		white-space: nowrap;
		font-size: 14px;
	}
	.dimensions-info h3 {
		font-size: 18px;
	}
	.dimension-list li {
		font-size: 14px;
	}
	.dimensions-image {
		padding: 15px;
		min-height: 200px;
	}
	.product-diagram-img {
		max-height: 300px;
	}
}

/* ============================================
   Reviews Section - Full Featured (Scoped)
   ============================================ */
.orang-reviews-full {
	background-color: var(--color-dark-bg);
	border-radius: 20px;
	padding: 30px;
	margin-top: 30px;
}
.reviews-full-header {
	margin-bottom: 30px;
}
.reviews-full-title {
	font-size: 20px;
	font-weight: 600;
	color: #ffffff;
	margin-bottom: 20px;
}

/* Rating Summary with Bars */
.rating-summary-full {
	display: flex;
	align-items: flex-start;
	gap: 30px;
	margin-bottom: 25px;
	padding: 20px;
	background-color: rgba(255, 255, 255, 0.03);
	border-radius: 16px;
}
.rating-overview-full {
	display: flex;
	flex-direction: column;
	align-items: center;
	min-width: 120px;
}
.rating-average-full {
	font-size: 36px;
	font-weight: 700;
	color: #ffd700;
	line-height: 1;
}
.rating-stars-full {
	display: flex;
	gap: 3px;
	margin: 8px 0;
	color: #ffd700;
	font-size: 14px;
}
.rating-stars-full .empty {
	color: rgba(255, 255, 255, 0.2);
}
.rating-count-full {
	font-size: 13px;
	color: rgba(255, 255, 255, 0.6);
	text-align: center;
}
.rating-bars-full {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.rating-bar-item-full {
	display: flex;
	align-items: center;
	gap: 12px;
}
.rating-bar-label-full {
	display: flex;
	align-items: center;
	gap: 6px;
	min-width: 60px;
	font-size: 13px;
	color: rgba(255, 255, 255, 0.7);
}
.rating-bar-track-full {
	flex: 1;
	height: 6px;
	background-color: rgba(255, 255, 255, 0.1);
	border-radius: 3px;
	overflow: hidden;
}
.rating-bar-fill-full {
	height: 100%;
	background-color: #ffd700;
	border-radius: 3px;
	transition: width 0.4s ease;
}
.rating-bar-percent-full {
	min-width: 35px;
	font-size: 12px;
	color: rgba(255, 255, 255, 0.5);
	text-align: left;
}

/* Filter Section */
.reviews-filter-full {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 25px;
	flex-wrap: wrap;
}
.filter-label-full {
	color: rgba(255, 255, 255, 0.7);
	font-size: 13px;
}
.filter-select-full {
	background-color: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.1);
	color: #ffffff;
	padding: 8px 14px;
	border-radius: 10px;
	font-family: var(--font-persian);
	font-size: 13px;
	cursor: pointer;
	outline: none;
	transition: border-color 0.2s;
}
.filter-select-full:focus {
	border-color: var(--color-secondary);
}

/* Reviews List */
.reviews-list-full {
	display: flex;
	flex-direction: column;
	gap: 18px;
}
.review-card-full {
	background-color: rgba(255, 255, 255, 0.03);
	border-radius: 14px;
	padding: 20px;
	transition: transform 0.2s ease;
}
.review-card-full:hover {
	transform: translateY(-2px);
}
.review-header-full {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 12px;
}
.reviewer-info-full {
	display: flex;
	align-items: center;
	gap: 12px;
}
.reviewer-avatar-full {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: var(--color-secondary);
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 600;
	font-size: 14px;
	color: #ffffff;
}
.reviewer-avatar-full img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	object-fit: cover;
}
.reviewer-details-full {
	display: flex;
	flex-direction: column;
	gap: 3px;
}
.reviewer-name-full {
	font-weight: 500;
	color: #ffffff;
	font-size: 14px;
	display: flex;
	align-items: center;
	gap: 6px;
}
.verified-badge-full {
	display: inline-flex;
	align-items: center;
	gap: 3px;
	background-color: rgba(230, 126, 34, 0.15);
	color: var(--color-secondary);
	padding: 2px 7px;
	border-radius: 10px;
	font-size: 10px;
	font-weight: 500;
}
.review-date-full {
	font-size: 12px;
	color: rgba(255, 255, 255, 0.5);
}
.review-rating-full {
	display: flex;
	gap: 2px;
	color: #ffd700;
	font-size: 13px;
}
.review-content-full {
	color: rgba(255, 255, 255, 0.8);
	font-size: 13px;
	line-height: 1.6;
	margin-bottom: 12px;
}
.review-variation-full {
	display: flex;
	align-items: center;
	gap: 10px;
	padding-top: 12px;
	border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.reviewer-variation-image-full {
	width: 45px;
	height: 45px;
	border-radius: 8px;
	overflow: hidden;
	background-color: rgba(255, 255, 255, 0.05);
}
.reviewer-variation-image-full img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Load More Button */
.load-more-reviews-full {
	text-align: center;
	margin-top: 25px;
}
.load-more-btn-full {
	background-color: rgba(255, 255, 255, 0.08);
	color: #ffffff;
	border: 1px solid rgba(255, 255, 255, 0.1);
	padding: 12px 35px;
	border-radius: 25px;
	font-family: var(--font-persian);
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.3s ease;
}
.load-more-btn-full:hover {
	background-color: rgba(255, 255, 255, 0.12);
	border-color: var(--color-secondary);
}
.load-more-btn-full:disabled,
.load-more-btn-full.loading {
	opacity: 0.6;
	cursor: not-allowed;
}

/* Loading State */
.reviews-loading-full {
	text-align: center;
	padding: 30px;
	color: rgba(255, 255, 255, 0.6);
}
.spinner-full {
	display: inline-block;
	width: 24px;
	height: 24px;
	border: 2px solid rgba(255, 255, 255, 0.1);
	border-top-color: var(--color-secondary);
	border-radius: 50%;
	animation: spin-full 0.8s linear infinite;
}
@keyframes spin-full {
	to {
		transform: rotate(360deg);
	}
}

/* No Reviews */
.no-reviews-full {
	text-align: center;
	padding: 40px 20px;
	color: rgba(255, 255, 255, 0.5);
	font-size: 14px;
}

/* Responsive */
@media (max-width: 768px) {
	.orang-reviews-full {
		padding: 25px 20px;
	}
	.rating-summary-full {
		flex-direction: column;
		align-items: center;
		gap: 20px;
	}
	.rating-overview-full {
		flex-direction: row;
		gap: 15px;
		align-items: baseline;
	}
	.rating-average-full {
		font-size: 28px;
	}
	.rating-bars-full {
		width: 100%;
	}
	.reviews-filter-full {
		justify-content: center;
	}
	.review-header-full {
		flex-direction: column;
		align-items: flex-start;
		gap: 8px;
	}
	.review-rating-full {
		margin-right: auto;
	}
}

/* ============================================
   Review Submission Form
   ============================================ */
.orang-review-form-wrapper {
	background-color: var(--color-dark-bg);
	border-radius: 20px;
	padding: 30px;
	margin-top: 40px;
}
.review-form-header {
	margin-bottom: 25px;
}
.review-form-title {
	font-size: 20px;
	font-weight: 600;
	color: #ffffff;
	margin-bottom: 8px;
}
.review-form-subtitle {
	font-size: 13px;
	color: rgba(255, 255, 255, 0.5);
}
.orang-review-form {
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.form-group {
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.form-label {
	font-size: 14px;
	font-weight: 500;
	color: rgba(255, 255, 255, 0.8);
}
.form-label .optional {
	color: rgba(255, 255, 255, 0.45);
	font-weight: 400;
	font-size: 12px;
}
.form-help {
	margin: 0;
	font-size: 12px;
	color: rgba(255, 255, 255, 0.45);
}
.form-input,
.form-textarea,
.form-select {
	background-color: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 10px;
	padding: 12px 16px;
	color: #ffffff;
	font-family: var(--font-persian);
	font-size: 14px;
	outline: none;
	transition: border-color 0.2s ease;
}
.form-input:focus,
.form-textarea:focus,
.form-select:focus {
	border-color: var(--color-secondary);
}
.form-input::placeholder,
.form-textarea::placeholder {
	color: rgba(255, 255, 255, 0.3);
}
.form-textarea {
	resize: vertical;
	min-height: 88px;
}
.review-char-count {
	font-size: 12px;
	color: rgba(255, 255, 255, 0.45);
	text-align: left;
	direction: ltr;
}

.review-preset-options {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.review-preset-chip {
	position: relative;
	display: inline-flex;
	align-items: center;
	cursor: pointer;
	margin: 0;
	padding: 8px 14px;
	border: 1px solid rgba(255, 255, 255, 0.16);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.06);
	color: rgba(255, 255, 255, 0.86);
	font-size: 13px;
	font-weight: 500;
	transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.review-preset-chip input {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

.review-preset-chip:hover,
.review-preset-chip:has(input:checked) {
	border-color: var(--color-primary, #edae19);
	background: rgba(237, 174, 25, 0.18);
	color: #fff;
}

.review-preset-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	list-style: none;
	margin: 0 0 10px;
	padding: 0;
}

.review-preset-tags li {
	display: inline-flex;
	padding: 4px 10px;
	border-radius: 999px;
	background: var(--accent-muted, rgba(237, 174, 25, 0.16));
	border: 1px solid var(--accent-border-subtle, rgba(237, 174, 25, 0.35));
	color: var(--accent-copper, #c4891a);
	font-size: 12px;
	font-weight: 600;
}

.review-content-text {
	margin: 0;
}

.form-group-phone .form-input {
	letter-spacing: 0.04em;
}
.form-select {
	cursor: pointer;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: left 12px center;
	background-size: 12px;
	padding-left: 30px;
}
html[dir='rtl'] .form-select {
	background-position: right 12px center;
	padding-left: 16px;
	padding-right: 30px;
}

/* Star Rating Input */
.star-rating-input {
	display: flex !important;
	visibility: visible !important;
	flex-direction: row-reverse;
	gap: 5px;
	justify-content: flex-start;
}
.star-rating-input input[type='radio'] {
	display: none;
}
.star-rating-input label {
	display: inline-block;
	visibility: visible;
	cursor: pointer;
	color: rgba(255, 255, 255, 0.3);
	font-size: 24px;
	transition: color 0.2s ease;
}
.star-rating-input label i {
	pointer-events: none;
}
.star-rating-input input[type='radio']:checked ~ label,
.star-rating-input label:hover,
.star-rating-input label:hover ~ label {
	color: #ffd700;
}

/* Submit Button */
.review-submit-btn {
	background-color: var(--color-secondary);
	color: var(--color-text-inverse);
	border: none;
	padding: 14px 40px;
	border-radius: 50px;
	font-family: var(--font-persian);
	font-size: 15px;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.3s ease;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 180px;
}
.review-submit-btn:hover {
	background-color: var(--color-secondary-hover);
	transform: translateY(-2px);
}
.review-submit-btn:disabled {
	background-color: var(--color-secondary);
	cursor: not-allowed;
	transform: none;
}
.review-submit-btn.loading .btn-text {
	display: none;
}
.review-submit-btn.loading .btn-loading {
	display: inline;
}

/* Form Messages */
.form-messages {
	margin-top: 15px;
}
.form-message-success,
.form-message-error {
	padding: 15px 20px;
	border-radius: 10px;
	font-size: 14px;
}
.form-message-success {
	background-color: rgba(230, 126, 34, 0.15);
	color: var(--color-secondary);
	border: 1px solid rgba(230, 126, 34, 0.3);
}
.form-message-error {
	background-color: rgba(239, 68, 68, 0.15);
	color: #ef4444;
	border: 1px solid rgba(239, 68, 68, 0.3);
}
.verified-buyer-notice {
	display: flex;
	align-items: center;
	gap: 8px;
	background-color: rgba(230, 126, 34, 0.15);
	color: var(--color-secondary);
	padding: 12px 16px;
	border-radius: 10px;
	font-size: 13px;
	margin-top: 15px;
	border: 1px solid rgba(230, 126, 34, 0.3);
}
.verified-buyer-notice i {
	font-size: 16px;
}
.login-required-notice {
	display: flex;
	align-items: center;
	gap: 8px;
	background-color: rgba(239, 68, 68, 0.15);
	color: #f87171;
	padding: 12px 16px;
	border-radius: 10px;
	font-size: 13px;
	margin-top: 10px;
	border: 1px solid rgba(239, 68, 68, 0.3);
}
.login-required-notice i {
	font-size: 16px;
}
.login-required-notice a {
	color: #f87171;
	text-decoration: underline;
	font-weight: 500;
}
.login-required-notice a:hover {
	text-decoration: none;
}

/* Star rating visual feedback */
/* Star Rating Input - SVG Stars */
.star-rating-input {
	display: flex;
	flex-direction: row-reverse;
	gap: 5px;
	justify-content: flex-start;
}

.star-rating-input input[type='radio'] {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

.star-rating-input label {
	cursor: pointer;
	color: rgba(255, 255, 255, 0.3);
	transition: color 0.2s ease;
	display: flex;
	align-items: center;
	justify-content: center;
}

.star-rating-input label svg {
	width: 28px;
	height: 28px;
}

.star-rating-input input[type='radio']:checked + label,
.star-rating-input label:hover,
.star-rating-input label:hover ~ label {
	color: #ffd700;
}

/* Rating error message */
.rating-error {
	color: #ef4444;
	font-size: 13px;
	margin-top: 5px;
	display: none;
}
/* Responsive */
@media (max-width: 768px) {
	.orang-review-form-wrapper {
		padding: 25px 20px;
	}
	.star-rating-input {
		display: flex !important;
		visibility: visible !important;
	}
	.star-rating-input label {
		display: inline-block;
		visibility: visible;
		font-size: 20px;
	}
	.review-submit-btn {
		width: 100%;
	}
	.verified-buyer-notice,
	.login-required-notice {
		flex-wrap: wrap;
		text-align: center;
		justify-content: center;
	}
}
/* ============================================
   Review Form - Media Upload
   ============================================ */
.form-group-media {
	margin-top: 10px;
}
.media-upload-area {
	border: 2px dashed rgba(255, 255, 255, 0.2);
	border-radius: 12px;
	padding: 25px;
	text-align: center;
	background-color: rgba(255, 255, 255, 0.03);
	transition: all 0.2s ease;
	cursor: pointer;
}
.media-upload-area:hover,
.media-upload-area.dragover {
	border-color: var(--color-secondary);
	background-color: rgba(76, 175, 80, 0.1);
}
.media-upload-placeholder {
	color: rgba(255, 255, 255, 0.6);
}
.media-upload-placeholder .dashicons {
	font-size: 32px;
	width: 32px;
	height: 32px;
	margin-bottom: 10px;
	color: rgba(255, 255, 255, 0.4);
}
.media-upload-placeholder p {
	margin: 5px 0;
	font-size: 14px;
}
.media-hint {
	font-size: 11px !important;
	color: rgba(255, 255, 255, 0.4) !important;
	margin-top: 8px !important;
}
.media-browse-btn {
	background-color: rgba(255, 255, 255, 0.1);
	border: 1px solid rgba(255, 255, 255, 0.2);
	color: #ffffff;
	padding: 8px 20px;
	border-radius: 20px;
	font-size: 13px;
	cursor: pointer;
	transition: all 0.2s ease;
	margin-top: 10px;
}
.media-browse-btn:hover {
	background-color: rgba(255, 255, 255, 0.2);
	border-color: var(--color-secondary);
}

/* Media Preview Grid */
.media-preview-container {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
	gap: 10px;
	margin-top: 15px;
}
.media-preview-item {
	position: relative;
	aspect-ratio: 1;
	border-radius: 8px;
	overflow: hidden;
	background-color: rgba(0, 0, 0, 0.2);
}
.media-preview-item img,
.media-preview-item video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.media-preview-item.video {
	aspect-ratio: 16 / 9;
	grid-column: span 2;
	background: #000;
}
.media-preview-item.audio {
	aspect-ratio: auto;
	grid-column: 1 / -1;
	min-height: 52px;
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 8px 36px 8px 10px;
	overflow: visible;
}
.media-preview-item.audio audio {
	width: 100%;
	height: 36px;
	flex: 1;
}
.media-preview-item.audio .audio-preview-label {
	flex: 0 0 auto;
	font-size: 12px;
	color: rgba(255, 255, 255, 0.75);
}
.media-preview-item .remove-media {
	position: absolute;
	top: 4px;
	right: 4px;
	background-color: rgba(239, 68, 68, 0.9);
	color: #fff;
	border: none;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	font-size: 12px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background-color 0.2s;
}
.media-preview-item .remove-media:hover {
	background-color: #ef4444;
}
.media-preview-item.video .video-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #fff;
	font-size: 24px;
	text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
	pointer-events: none;
}

/* Review Display - Media Grid */
.review-media-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
	gap: 8px;
	margin-top: 12px;
	padding-top: 12px;
	border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.review-media-item {
	aspect-ratio: 1;
	border-radius: 8px;
	overflow: hidden;
	cursor: pointer;
	transition: transform 0.2s;
	position: relative;
}
.review-media-item:hover {
	transform: scale(1.05);
}
.review-media-item img,
.review-media-item video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.review-media-item.video {
	aspect-ratio: 16 / 9;
	grid-column: span 2;
	cursor: default;
	background: #000;
}
.review-media-item.video video {
	object-fit: contain;
	background: #000;
}
.review-media-item.video:hover,
.review-media-item.audio:hover {
	transform: none;
}
.review-media-item.audio {
	aspect-ratio: auto;
	grid-column: 1 / -1;
	cursor: default;
	overflow: visible;
	min-height: 44px;
}
.review-media-item.audio audio {
	width: 100%;
	height: 40px;
	display: block;
}
.review-media-item.video .play-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #fff;
	font-size: 28px;
	text-shadow: 0 2px 6px rgba(0, 0, 0, 0.6);
	pointer-events: none;
}

/* Lightbox for media viewing */
.media-lightbox {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.9);
	z-index: 9999;
	display: none;
	align-items: center;
	justify-content: center;
	padding: 20px;
}
.media-lightbox.active {
	display: flex;
}
.media-lightbox-content {
	max-width: 90vw;
	max-height: 90vh;
	position: relative;
}
.media-lightbox-content img,
.media-lightbox-content video {
	max-width: 100%;
	max-height: 90vh;
	border-radius: 8px;
}
.media-lightbox-close {
	position: absolute;
	top: -40px;
	right: 0;
	color: #fff;
	font-size: 32px;
	cursor: pointer;
	background: none;
	border: none;
}
.media-lightbox-nav {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	color: #fff;
	font-size: 40px;
	cursor: pointer;
	background: none;
	border: none;
	padding: 20px;
}
.media-lightbox-prev {
	left: -60px;
}
.media-lightbox-next {
	right: -60px;
}

/* Responsive */
@media (max-width: 768px) {
	.media-preview-container {
		grid-template-columns: repeat(auto-fill, minmax(70px, 1fr));
	}
	.review-media-grid {
		grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
	}
	.media-lightbox-nav {
		display: none; /* Hide nav arrows on mobile */
	}
}
/* ============================================
Review Form Toggle Button
============================================ */
.review-form-toggle-container {
	text-align: center;
	margin: 30px 0;
}

.add-review-btn {
	background-color: var(--color-secondary);
	color: var(--color-text-inverse);
	border: none;
	padding: 14px 40px;
	border-radius: 50px;
	font-family: var(--font-persian);
	font-size: 15px;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.3s ease;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	box-shadow: 0 4px 15px rgba(230, 126, 34, 0.3);
}

.add-review-btn:hover {
	background-color: var(--color-secondary-hover);
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(230, 126, 34, 0.4);
}

.add-review-btn i {
	font-size: 16px;
}

/* Review Form Container */
.review-form-container {
	animation: slideDown 0.3s ease;
}

@keyframes slideDown {
	from {
		opacity: 0;
		transform: translateY(-20px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* Close Button */
.close-review-form {
	position: absolute;
	top: 20px;
	left: 20px;
	background: none;
	border: none;
	color: rgba(255, 255, 255, 0.6);
	font-size: 20px;
	cursor: pointer;
	transition: all 0.3s ease;
	padding: 5px;
}

.close-review-form:hover {
	color: #ef4444;
	transform: rotate(90deg);
}

.review-form-header {
	position: relative;
	margin-bottom: 25px;
}

/* Hide form when not active */
.review-form-container.hidden {
	display: none;
}

/* Show toggle button when form is hidden */
.review-form-toggle-container.hidden {
	display: none;
}

/* Responsive */
@media (max-width: 768px) {
	.add-review-btn {
		width: 100%;
		justify-content: center;
	}

	.close-review-form {
		top: 15px;
		left: 15px;
	}
}
/* ============================================
YITH Wishlist Button - Dark Theme
============================================ */
.product-wishlist-block {
	margin: 0 0 15px 0;
	width: 100%;
}

.product-wishlist-block .yith-add-to-wishlist-button-block {
	width: 100%;
	margin: 0;
}

.product-wishlist-block .yith-wcwl-add-to-wishlist-button {
	display: flex;
	align-items: center;
	justify-content: center !important;
	gap: 10px;
	width: 100%;
	padding: 11px 30px;
	background-color: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.15);
	border-radius: 50px;
	color: #ffffff;
	font-family: var(--font-persian);
	font-size: 15px;
	font-weight: 500;
	text-decoration: none;
	cursor: pointer;
	transition: all 0.3s ease;
	box-shadow: none;
}

.product-wishlist-block .yith-wcwl-add-to-wishlist-button:hover {
	background-color: rgba(255, 255, 255, 0.12);
	border-color: var(--color-secondary);
	transform: translateY(-2px);
}

.product-wishlist-block .yith-wcwl-icon {
	width: 20px;
	height: 20px;
	margin: 0;
}

.product-wishlist-block .yith-wcwl-add-to-wishlist-button__label {
	font-family: var(--font-persian);
	font-size: 15px;
	font-weight: 500;
}

/* Added to wishlist state */
.product-wishlist-block .yith-wcwl-add-to-wishlist-button.yith-wcwl-added {
	background-color: rgba(230, 126, 34, 0.15);
	border-color: var(--color-secondary);
	color: var(--color-secondary);
}

.product-wishlist-block
	.yith-wcwl-add-to-wishlist-button.yith-wcwl-added:hover {
	background-color: rgba(230, 126, 34, 0.25);
}

/* SVG icon when added */
.product-wishlist-block
	.yith-wcwl-add-to-wishlist-button.yith-wcwl-added
	.yith-wcwl-icon {
	color: var(--color-secondary);
}

/* Responsive */
@media (max-width: 768px) {
	.product-wishlist-block .yith-wcwl-add-to-wishlist-button {
		padding: 12px 25px;
		font-size: 14px;
	}
}

/* ============================================
Product Guarantees Section
============================================ */
.product-guarantees-section {
	margin: 25px 0;
	padding: 25px;
	background-color: rgba(255, 255, 255, 0.03);
	border-radius: 16px;
	border: 1px solid rgba(255, 255, 255, 0.08);
}

.guarantee-item {
	display: flex;
	align-items: flex-start;
	gap: 15px;
}

.guarantee-item:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

.guarantee-item:first-child {
	padding-top: 0;
}

.guarantee-icon {
	flex-shrink: 0;
	width: 40px;
	height: 40px;
	background-color: rgba(230, 126, 34, 0.15);
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 22px;
	color: var(--color-secondary);
	line-height: 1;
}

.guarantee-content {
	flex: 1;
}

.guarantee-content h4 {
	font-size: 14px;
	font-weight: 600;
	color: #ffffff;
	margin: 0 0 4px 0;
	font-family: var(--font-persian);
}

.guarantee-content p {
	font-size: 12px;
	color: rgba(255, 255, 255, 0.5);
	margin: 0;
	font-family: var(--font-persian);
	line-height: 1.4;
}

/* Responsive */
@media (max-width: 768px) {
	.product-guarantees-section {
		padding: 20px;
		margin: 20px 0;
	}

	.guarantee-item {
		gap: 12px;
		padding: 12px 0;
	}

	.guarantee-icon {
		width: 36px;
		height: 36px;
		font-size: 18px;
	}

	.guarantee-content h4 {
		font-size: 13px;
	}

	.guarantee-content p {
		font-size: 11px;
	}
}
/* ============================================
Certifications & Information Section
============================================ */
.product-certifications-section {
	margin-top: 50px;
	padding: 40px 35px;
	background-color: rgba(255, 255, 255, 0.02);
	border-radius: 20px;
	border: 1px solid rgba(255, 255, 255, 0.05);
}

.certifications-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 50px;
}

/* Certifications Column */
.certifications-title {
	font-size: 16px;
	font-weight: 600;
	color: rgba(255, 255, 255, 0.7);
	margin-bottom: 20px;
	font-family: var(--font-persian);
}

.certification-badges {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.certification-badge {
	background-color: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.15);
	color: #ffffff;
	padding: 10px 20px;
	border-radius: 25px;
	font-size: 13px;
	font-weight: 500;
	font-family: var(--font-english);
	transition: all 0.3s ease;
}

.certification-badge:hover {
	background-color: rgba(76, 175, 80, 0.15);
	border-color: var(--color-secondary);
	transform: translateY(-2px);
}

/* Information Accordion Column */
.info-accordion {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.info-item {
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.info-item:last-child {
	border-bottom: none;
}

.info-toggle {
	width: 100%;
	background: none;
	border: none;
	color: rgba(255, 255, 255, 0.8);
	font-size: 14px;
	font-weight: 500;
	font-family: var(--font-persian);
	padding: 15px 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
	transition: color 0.3s ease;
	text-align: right;
}

.info-toggle:hover {
	color: #ffffff;
}

.info-toggle i {
	font-size: 14px;
	color: rgba(255, 255, 255, 0.5);
	transition: transform 0.3s ease;
}

.info-toggle.active i {
	transform: rotate(45deg);
	color: var(--color-secondary);
}

.info-toggle.active {
	color: var(--color-secondary);
}

.info-content {
	max-height: 0;
	overflow: hidden;
	transition:
		max-height 0.3s ease,
		padding 0.3s ease;
}

.info-content.active {
	max-height: 200px;
	padding-bottom: 15px;
}

.info-content p {
	color: rgba(255, 255, 255, 0.6);
	font-size: 13px;
	line-height: 1.6;
	margin: 0;
	font-family: var(--font-persian);
}

/* Responsive */
@media (max-width: 768px) {
	.product-certifications-section {
		padding: 30px 25px;
		margin-top: 40px;
	}

	.certifications-grid {
		grid-template-columns: 1fr;
		gap: 35px;
	}

	.certification-badges {
		gap: 10px;
	}

	.certification-badge {
		padding: 8px 16px;
		font-size: 12px;
	}

	.info-toggle {
		font-size: 13px;
		padding: 12px 0;
	}

	.info-content p {
		font-size: 12px;
	}
}

@media (max-width: 576px) {
	.product-certifications-section {
		padding: 25px 20px;
	}

	.certification-badges {
		gap: 8px;
	}

	.certification-badge {
		padding: 6px 12px;
		font-size: 11px;
		border-radius: 20px;
	}
}
/* ============================================
   Homepage Product Showcase
   ============================================ */
.homepage-product-showcase {
	background-color: var(--bg-primary);
	padding: 60px 0;
	direction: rtl;
}

.product-showcase-wrapper {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 50px;
	align-items: center;
	background: linear-gradient(145deg, var(--color-primary) 0%, var(--color-dark-bg) 100%);
	border-radius: 30px;
	padding: 50px;
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
}

/* Image Section */
.showcase-image {
	position: relative;
	overflow: hidden;
	border-radius: 20px;
	box-shadow: 0 15px 30px rgba(0, 0, 0, 0.4);
}

.showcase-image img {
	width: 100%;
	height: auto;
	display: block;
	transition: transform 0.5s ease;
}

.showcase-image:hover img {
	transform: scale(1.05);
}

/* Content Section */
.showcase-content {
	color: var(--text-main);
}

.product-main-title {
	font-size: 48px;
	font-weight: 700;
	color: #ffffff;
	margin: 0 0 5px 0;
	line-height: 1.2;
	font-family: var(--font-persian);
}

.product-sub-title {
	font-size: 32px;
	font-weight: 500;
	color: rgba(255, 255, 255, 0.9);
	margin: 0 0 20px 0;
	font-family: var(--font-persian);
}

.product-description {
	font-size: 18px;
	color: rgba(255, 255, 255, 0.7);
	margin-bottom: 25px;
	line-height: 1.6;
	font-family: var(--font-persian);
}

/* Rating */
.product-rating {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 25px;
}

.stars {
	display: flex;
	gap: 3px;
}

.star {
	font-size: 24px;
	color: rgba(255, 255, 255, 0.3);
}

.star.filled,
.star.half {
	color: #ffd700;
}

.star.half {
	position: relative;
}

.star.half::after {
	content: '★';
	position: absolute;
	left: 0;
	width: 50%;
	overflow: hidden;
	color: #ffd700;
}

.rating-text {
	font-size: 16px;
	color: rgba(255, 255, 255, 0.8);
	font-family: var(--font-persian);
}

/* Pricing */
.product-pricing {
	display: flex;
	align-items: center;
	gap: 15px;
	margin-bottom: 25px;
	flex-wrap: wrap;
}

.current-price {
	font-size: 32px;
	font-weight: 700;
	color: var(--color-secondary);
	display: inline-block;
}

.original-price {
	font-size: 24px;
	color: rgba(255, 255, 255, 0.4);
	text-decoration: line-through;
	display: inline-block;
}

.discount-badge {
	background: linear-gradient(135deg, #ff6b6b, #ee5253);
	color: #ffffff;
	font-size: 18px;
	font-weight: 700;
	padding: 8px 18px;
	border-radius: 50px;
	display: inline-block;
	font-family: var(--font-english);
	box-shadow: 0 5px 15px rgba(238, 82, 83, 0.3);
	animation: pulse 2s infinite;
}

@keyframes pulse {
	0% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.05);
	}
	100% {
		transform: scale(1);
	}
}

/* Color Selector */
.color-selector {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 30px;
	padding: 15px 0;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.color-label {
	font-size: 16px;
	color: rgba(255, 255, 255, 0.8);
	font-family: var(--font-persian);
}

.selected-color {
	font-size: 18px;
	font-weight: 500;
	color: var(--color-secondary);
	font-family: var(--font-persian);
	position: relative;
	padding-right: 20px;
}

.selected-color::before {
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background-color: #d4d4d4; /* Pearl Grey color */
	box-shadow: 0 0 10px rgba(212, 212, 212, 0.5);
}

/* Guarantee Items */
.guarantee-items {
	display: flex;
	gap: 20px;
	margin-bottom: 35px;
	flex-wrap: wrap;
}

.guarantee-item {
	display: flex;
	align-items: center;
	gap: 8px;
}

.guarantee-icon {
	width: 24px;
	height: 24px;
	background-color: rgba(230, 126, 34, 0.15);
	color: var(--color-secondary);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	font-weight: bold;
}

.guarantee-text {
	font-size: 15px;
	color: rgba(255, 255, 255, 0.9);
	font-family: var(--font-persian);
}

/* Action Buttons */
.action-buttons {
	display: flex;
	gap: 15px;
	flex-wrap: wrap;
}

.btn {
	padding: 16px 35px;
	border-radius: 50px;
	font-size: 16px;
	font-weight: 600;
	text-decoration: none;
	transition: all 0.3s ease;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-family: var(--font-persian);
}

.btn-primary {
	background: linear-gradient(135deg, var(--color-secondary), var(--color-secondary-hover));
	color: var(--color-text-inverse);
	border: none;
	box-shadow: 0 10px 20px rgba(230, 126, 34, 0.3);
}

.btn-primary:hover {
	transform: translateY(-3px);
	box-shadow: 0 15px 30px rgba(230, 126, 34, 0.4);
	background: linear-gradient(135deg, var(--color-secondary-hover), var(--color-secondary-hover));
}

.btn-secondary {
	background: transparent;
	color: #ffffff;
	border: 2px solid rgba(255, 255, 255, 0.2);
}

.btn-secondary:hover {
	border-color: var(--color-secondary);
	color: var(--color-secondary);
	transform: translateY(-3px);
	background: rgba(230, 126, 34, 0.1);
}

/* RTL Specific Adjustments */
[dir='rtl'] .stars {
	flex-direction: row-reverse;
}

[dir='rtl'] .guarantee-item {
	flex-direction: row-reverse;
}

/* Responsive */
@media (max-width: 992px) {
	.product-showcase-wrapper {
		grid-template-columns: 1fr;
		gap: 40px;
		padding: 40px;
	}

	.product-main-title {
		font-size: 40px;
	}

	.product-sub-title {
		font-size: 28px;
	}
}

@media (max-width: 768px) {
	.homepage-product-showcase {
		padding: 40px 0;
	}

	.product-showcase-wrapper {
		padding: 30px;
	}

	.product-main-title {
		font-size: 32px;
	}

	.product-sub-title {
		font-size: 24px;
	}

	.product-description {
		font-size: 16px;
	}

	.current-price {
		font-size: 28px;
	}

	.original-price {
		font-size: 20px;
	}

	.discount-badge {
		font-size: 16px;
		padding: 6px 14px;
	}

	.guarantee-items {
		gap: 15px;
	}

	.btn {
		padding: 14px 25px;
		font-size: 15px;
	}
}

@media (max-width: 576px) {
	.product-showcase-wrapper {
		padding: 20px;
	}

	.product-main-title {
		font-size: 28px;
	}

	.product-sub-title {
		font-size: 20px;
	}

	.action-buttons {
		flex-direction: column;
	}

	.btn {
		width: 100%;
	}

	.guarantee-items {
		flex-direction: column;
		align-items: flex-start;
	}
}

/* ============================================
   Homepage Categories Section - Minimal Style
   ============================================ */
.homepage-categories-section {
	padding: 60px 0;
}

.categories-section-header {
	text-align: center;
	margin-bottom: 50px;
}

.categories-section-title {
	font-size: 36px;
	font-weight: 400;
	color: #ffffff;
	margin-bottom: 15px;
	font-family: var(--font-persian);
	letter-spacing: -0.5px;
}

.categories-section-subtitle {
	font-size: 18px;
	color: rgba(255, 255, 255, 0.5);
	font-family: var(--font-persian);
	font-weight: 300;
}

/* Categories Grid */
.categories-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 30px;
}

.category-card {
	position: relative;
	text-decoration: none;
	display: block;
	transition: all 0.4s ease;
}

.category-image-wrapper {
	position: relative;
	overflow: hidden;
	border-radius: 20px;
	aspect-ratio: 4 / 3;
}

.category-image-wrapper img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.6s ease;
}

.category-card:hover .category-image-wrapper img {
	transform: scale(1.05);
}

/* Soft Overlay */
.category-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(
		to bottom,
		rgba(0, 0, 0, 0.1) 0%,
		rgba(0, 0, 0, 0.4) 100%
	);
	transition: all 0.4s ease;
}

.category-card:hover .category-overlay {
	background: linear-gradient(
		to bottom,
		rgba(0, 0, 0, 0.2) 0%,
		rgba(0, 0, 0, 0.5) 100%
	);
}

.category-placeholder {
	width: 100%;
	height: 100%;
	background: linear-gradient(135deg, var(--color-primary), var(--color-dark-bg));
}

.category-content {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 30px;
	text-align: center;
	z-index: 2;
}

.category-title {
	font-size: 28px;
	font-weight: 400;
	color: #ffffff;
	margin: 0 0 8px 0;
	font-family: var(--font-persian);
	letter-spacing: -0.3px;
	text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.category-description {
	font-size: 14px;
	color: rgba(255, 255, 255, 0.8);
	margin: 0;
	line-height: 1.5;
	font-family: var(--font-persian);
	font-weight: 300;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

/* No Hover Arrow or Shop Now text - keeping it minimal */

/* Responsive */
@media (max-width: 992px) {
	.homepage-categories-section {
		padding: 50px 0;
	}

	.categories-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 25px;
	}

	.categories-section-title {
		font-size: 32px;
	}

	.category-title {
		font-size: 24px;
	}

	.category-content {
		padding: 25px;
	}
}

@media (max-width: 768px) {
	.homepage-categories-section {
		padding: 40px 0;
	}

	.categories-section-header {
		margin-bottom: 35px;
	}

	.categories-section-title {
		font-size: 28px;
	}

	.categories-section-subtitle {
		font-size: 16px;
	}

	.category-title {
		font-size: 22px;
	}

	.category-description {
		font-size: 13px;
	}

	.category-content {
		padding: 20px;
	}
}

@media (max-width: 576px) {
	.categories-grid {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.categories-section-title {
		font-size: 24px;
	}

	.categories-section-subtitle {
		font-size: 14px;
	}

	.category-title {
		font-size: 20px;
	}

	.category-content {
		padding: 18px;
	}
}

/* ============================================
   Best Sellers Section - Minimal Style
   ============================================ */
.homepage-best-sellers {
	padding: 60px 0;
}

.best-sellers-header {
	text-align: center;
	margin-bottom: 50px;
}

.best-sellers-title {
	font-size: 36px;
	font-weight: 400;
	color: #ffffff;
	margin-bottom: 15px;
	font-family: var(--font-persian);
	letter-spacing: -0.5px;
}

.best-sellers-subtitle {
	font-size: 18px;
	color: rgba(255, 255, 255, 0.5);
	font-family: var(--font-persian);
	font-weight: 300;
}

/* Slider Wrapper */
.best-sellers-slider-wrapper {
	position: relative;
	padding: 0 48px;
	margin: 0 auto;
	overflow: hidden;
}

/* Best sellers — flex scroll carousel (no Slick) */
.best-sellers-slider {
	display: flex;
	gap: var(--space-5);
	width: 100%;
	margin: 0;
	padding-bottom: 4px;
	overflow-x: auto;
	overflow-y: hidden;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
}

.best-sellers-slider::-webkit-scrollbar {
	display: none;
}

.best-seller-item {
	flex: 0 0 calc((100% - (var(--space-5) * 3)) / 4);
	scroll-snap-align: start;
	min-width: 0;
	padding: 0;
	outline: none;
}

.best-seller-link {
	text-decoration: none;
	display: block;
	transition: transform 0.3s ease;
}

.best-seller-link:hover {
	transform: translateY(-5px);
}

/* Product Image */
.best-seller-image {
	position: relative;
	overflow: hidden;
	border-radius: 20px;
	aspect-ratio: 4 / 3;
	background-color: var(--color-dark-bg);
	margin-bottom: 20px;
}

.best-seller-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s ease;
	display: block;
}

.best-seller-link:hover .best-seller-image img {
	transform: scale(1.05);
}

/* Discount Badge */
.best-seller-badge {
	position: absolute;
	top: 12px;
	right: 12px;
	background: linear-gradient(135deg, #ff6b6b, #ee5253);
	color: #ffffff;
	font-size: 12px;
	font-weight: 600;
	padding: 4px 10px;
	border-radius: 30px;
	font-family: var(--font-english);
	z-index: 2;
}

/* Product Info */
.best-seller-info {
	text-align: center;
	padding: 0 5px;
}

.best-seller-name {
	font-size: 16px;
	font-weight: 400;
	color: var(--color-text);
	margin: 0 0 8px 0;
	font-family: var(--font-persian);
	line-height: 1.4;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	min-height: 48px;
}

.best-seller-price {
	font-size: var(--font-size-small);
	font-weight: 400;
	color: var(--text-dark-primary);
	display: inline-block;
}

.best-seller-price del {
	color: var(--color-text-subtle);
	font-size: 13px;
	margin-left: 6px;
	margin-right: 6px;
}

.best-seller-price ins {
	text-decoration: none;
	color: var(--color-secondary);
}

/* Slider Navigation Arrows */
.best-sellers-prev,
.best-sellers-next {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 44px;
	height: 44px;
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.15);
	border-radius: 50%;
	cursor: pointer;
	display: flex !important;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
	z-index: 10;
	color: rgba(255, 255, 255, 0.7);
	padding: 0;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.best-sellers-prev {
	left: 0;
}

.best-sellers-next {
	right: 0;
}

.best-sellers-prev:hover,
.best-sellers-next:hover {
	background: var(--color-secondary);
	border-color: var(--color-secondary);
	color: var(--color-text-inverse);
	transform: translateY(-50%) scale(1.05);
	box-shadow: 0 4px 12px rgba(230, 126, 34, 0.3);
}

.best-sellers-prev.slick-disabled,
.best-sellers-next.slick-disabled {
	opacity: 0.3;
	cursor: not-allowed;
	pointer-events: none;
	transform: translateY(-50%);
}

/* RTL Support */
[dir='rtl'] .best-sellers-prev {
	left: auto;
	right: 0;
}

[dir='rtl'] .best-sellers-next {
	right: auto;
	left: 0;
}

[dir='rtl'] .best-sellers-prev svg,
[dir='rtl'] .best-sellers-next svg {
	transform: scaleX(-1);
}

[dir='rtl'] .best-seller-badge {
	right: auto;
	left: 12px;
}

/* Responsive */
@media (max-width: 1200px) {
	.best-sellers-slider-wrapper {
		padding: 0 44px;
	}
}

@media (max-width: 992px) {
	.homepage-best-sellers {
		padding: 50px 0;
	}

	.best-sellers-title {
		font-size: 32px;
	}

	.best-sellers-slider-wrapper {
		padding: 0 35px;
	}

	.best-sellers-prev,
	.best-sellers-next {
		width: 40px;
		height: 40px;
	}

}

@media (max-width: 768px) {
	.homepage-best-sellers {
		padding: 40px 0;
	}

	.best-sellers-header {
		margin-bottom: 35px;
	}

	.best-sellers-title {
		font-size: 28px;
	}

	.best-sellers-subtitle {
		font-size: 16px;
	}

	.best-sellers-slider-wrapper {
		padding: 0 30px;
	}

	.best-seller-name {
		font-size: 14px;
		min-height: 44px;
	}

	.best-seller-price {
		font-size: 14px;
	}

	.best-sellers-prev,
	.best-sellers-next {
		width: 36px;
		height: 36px;
	}

}

@media (max-width: 576px) {
	.best-sellers-slider-wrapper {
		padding: 0 25px;
	}

	.best-seller-name {
		font-size: 13px;
		min-height: auto;
		-webkit-line-clamp: 2;
	}

	.best-sellers-prev,
	.best-sellers-next {
		width: 32px;
		height: 32px;
	}

}

/* Optional: Add subtle fade effect at edges for better UX */
.best-sellers-slider-wrapper::before,
.best-sellers-slider-wrapper::after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	width: 30px;
	z-index: 2;
	pointer-events: none;
}

.best-sellers-slider-wrapper::before {
	left: 0;
	background: linear-gradient(to right, var(--bg-primary), transparent);
}

.best-sellers-slider-wrapper::after {
	right: 0;
	background: linear-gradient(to left, var(--bg-primary), transparent);
}

/* RTL fade effect */
[dir='rtl'] .best-sellers-slider-wrapper::before {
	left: auto;
	right: 0;
	background: linear-gradient(to left, var(--bg-primary), transparent);
}

[dir='rtl'] .best-sellers-slider-wrapper::after {
	right: auto;
	left: 0;
	background: linear-gradient(to right, var(--bg-primary), transparent);
}

/* Hide fade effect on mobile */
@media (max-width: 768px) {
	.best-sellers-slider-wrapper::before,
	.best-sellers-slider-wrapper::after {
		display: none;
	}
}

@media (max-width: 992px) {
	.best-seller-item {
		flex: 0 0 calc((100% - (var(--space-5) * 2)) / 3);
	}
}

@media (max-width: 768px) {
	.best-seller-item {
		flex: 0 0 calc((100% - var(--space-5)) / 2);
	}
}

@media (max-width: 576px) {
	.best-seller-item {
		flex: 0 0 85%;
	}
}

/* Touch Device Optimizations */
@media (hover: none) and (pointer: coarse) {
	.best-sellers-prev,
	.best-sellers-next {
		width: 44px;
		height: 44px;
		background: rgba(0, 0, 0, 0.5);
	}
}

/* ============================================
   DESIGN SYSTEM — Utilities & Components
   ============================================ */

/* Accessibility */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal !important;
}

:focus-visible {
	outline: none;
	box-shadow: var(--focus-ring);
}

/* Typography utilities */
.orang-text-h1 { font-size: var(--font-size-h1); line-height: var(--line-height-tight); letter-spacing: var(--letter-spacing-tight); }
.orang-text-h2 { font-size: var(--font-size-h2); line-height: var(--line-height-tight); letter-spacing: var(--letter-spacing-tight); }
.orang-text-h3 { font-size: var(--font-size-h3); line-height: var(--line-height-tight); }
.orang-text-h4 { font-size: var(--font-size-h4); }
.orang-text-body { font-size: var(--font-size-body); line-height: var(--line-height-body); }
.orang-text-small { font-size: var(--font-size-small); }
.orang-text-caption { font-size: var(--font-size-caption); }
.orang-text-muted { color: var(--color-text-muted); }

/* Spacing utilities */
.orang-p-1 { padding: var(--space-1); }
.orang-p-2 { padding: var(--space-2); }
.orang-p-3 { padding: var(--space-3); }
.orang-p-4 { padding: var(--space-4); }
.orang-p-5 { padding: var(--space-5); }
.orang-p-6 { padding: var(--space-6); }
.orang-m-0 { margin: 0; }
.orang-mt-4 { margin-top: var(--space-4); }
.orang-mt-5 { margin-top: var(--space-5); }
.orang-mb-4 { margin-bottom: var(--space-4); }
.orang-mb-5 { margin-bottom: var(--space-5); }
.orang-gap-4 { gap: var(--space-4); }
.orang-gap-5 { gap: var(--space-5); }

/* Surface utilities */
.orang-surface { background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-lg); }
.orang-glass { background: var(--color-surface-glass); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid var(--color-border); }
.orang-shadow-card { box-shadow: var(--shadow-card); }
.orang-shadow-elevated { box-shadow: var(--shadow-elevated); }
.orang-shadow-floating { box-shadow: var(--shadow-floating); }
.orang-shadow-glow { box-shadow: var(--shadow-glow); }

/* Buttons */
.orang-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--space-2);
	padding: var(--space-3) var(--space-5);
	border-radius: var(--radius-full);
	font-size: var(--font-size-body);
	font-weight: 600;
	font-family: var(--font-persian);
	text-decoration: none;
	border: none;
	cursor: pointer;
	transition: transform var(--transition-base), box-shadow var(--transition-base), background var(--transition-base);
}
/* Primary/secondary variants — see hybrid-design.css */
.orang-btn--block { width: 100%; }

/* Section shared */
.orang-section {
	padding: var(--space-7) 0;
	background-color: var(--color-background);
	overflow-x: clip;
	max-width: 100%;
}
.orang-section > .container {
	min-width: 0;
}
.orang-section-header {
	text-align: center;
	margin-bottom: var(--space-6);
}
.orang-section-title {
	font-size: var(--font-size-h2);
	font-weight: 600;
	color: var(--color-text);
	margin: 0 0 var(--space-3);
	font-family: var(--font-persian);
	letter-spacing: var(--letter-spacing-tight);
	line-height: var(--line-height-tight);
}
.orang-section-subtitle {
	font-size: var(--font-size-body);
	color: var(--text-meta);
	margin: 0;
	font-weight: 300;
	line-height: var(--line-height-body);
}
.orang-section-cta {
	text-align: center;
	margin-top: var(--space-6);
}

/* Stars */
.orang-stars { display: inline-flex; gap: 2px; }
.orang-star { font-size: 16px; line-height: 1; }
.orang-star--filled,
.orang-star--half { color: var(--color-warning); }
.orang-star--empty { color: rgba(163, 155, 147, 0.28); }

/* Badges */
.orang-badge {
	display: inline-flex;
	align-items: center;
	padding: var(--space-1) var(--space-3);
	border-radius: var(--radius-full);
	font-size: var(--font-size-caption);
	font-weight: 600;
	font-family: var(--font-persian);
	line-height: 1.4;
}
.orang-badge--sale {
	background: var(--accent-muted);
	color: var(--accent-cta);
	border: 1px solid var(--accent-border);
}
.orang-badge--trending {
	background: var(--accent-muted);
	color: var(--accent-copper);
}
.orang-badge--scarcity {
	background: var(--accent-muted);
	color: var(--accent-copper);
	border: 1px solid var(--accent-border-subtle);
}
.orang-badge--stock {
	background: var(--color-primary-muted);
	color: var(--color-text-muted);
}
.orang-badge--featured {
	background: var(--accent-muted);
	color: var(--accent-cta);
}

/* Product card */
.orang-product-grid {
	display: grid;
	gap: var(--space-5);
	width: 100%;
	min-width: 0;
}
.orang-product-grid > * {
	min-width: 0;
}
.orang-product-grid--4 { grid-template-columns: repeat(4, 1fr); }
.orang-product-card,
.orang-product-card__link {
	height: 100%;
	min-width: 0;
	display: block;
	text-decoration: none;
	color: inherit;
	overflow: hidden;
	transition:
		transform var(--transition-base),
		box-shadow var(--transition-base),
		border-color var(--transition-base);
}
.orang-product-card__link {
	background: var(--surface-light-card);
	border-radius: var(--radius-control);
	border: 1px solid var(--light-border);
	box-shadow: var(--shadow-sm);
	padding: var(--space-4);
}
.orang-product-card__link:hover {
	transform: translateY(-3px) scale(1.01);
	box-shadow: var(--shadow-ambient);
	border-color: var(--accent-border);
}
.orang-product-card__link:focus-visible { box-shadow: var(--focus-ring); border-radius: var(--radius-lg); }
.orang-product-card__media {
	position: relative;
	overflow: hidden;
	border-radius: 12px;
	aspect-ratio: 4 / 3;
	background: var(--light-bg-elevated);
	margin-bottom: var(--space-4);
	min-width: 0;
}
.orang-product-picture {
	display: block;
	width: 100%;
	height: 100%;
}
.orang-product-card__media img,
.orang-product-card__img {
	width: 100%;
	height: 100%;
	max-width: 100%;
	max-height: 100%;
	object-fit: cover;
	transition: transform var(--transition-slow);
	display: block;
}
.orang-product-card__link:hover .orang-product-card__img { transform: scale(1.04); }
.orang-product-card__media .orang-badge {
	position: absolute;
	top: var(--space-3);
	right: var(--space-3);
	z-index: 2;
}
.orang-product-card__media .orang-badge--trending { top: auto; bottom: var(--space-3); right: var(--space-3); }
.orang-product-card__body { text-align: center; padding: 0 var(--space-1); }
.orang-product-card__title {
	font-size: var(--font-size-body);
	font-weight: 400;
	color: var(--color-text);
	margin: 0 0 var(--space-2);
	font-family: var(--font-persian);
	line-height: 1.4;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.orang-product-card__rating {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: var(--space-2);
	margin-bottom: var(--space-2);
}
.orang-product-card__review-count {
	font-size: var(--font-size-small);
	color: var(--color-text-subtle);
}
/* WooCommerce prices — RTL, currency position from WC settings */
.woocommerce .price,
.orang-product-card__price,
.hero-price,
.hero-price .price,
.featured-collection-spotlight__price,
.best-seller-price,
.current-price,
.original-price,
.product-pricing {
	direction: rtl;
	unicode-bidi: isolate;
}

.woocommerce-Price-currencySymbol {
	font-family: var(--font-persian);
}

.woocommerce-Price-amount,
.woocommerce-Price-amount bdi,
.woocommerce-Price-amount .amount {
	font-family: var(--font-persian);
	font-weight: 600;
	font-variant-numeric: tabular-nums;
}

.orang-price-range,
.orang-product-card__price .orang-price-range,
.orang-product-card__price .price,
.hero-price .orang-price-range,
.hero-price .price,
.featured-collection-spotlight__price .orang-price-range,
.featured-collection-spotlight__price .price,
.best-seller-price .orang-price-range,
.woocommerce ul.products li.product .price .orang-price-range,
.woocommerce ul.products li.product .price:has(del):has(ins) {
	display: inline-flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: center;
	gap: 0.2em 0.35em;
	max-width: 100%;
}

.orang-price-range__label {
	font-weight: 400;
	color: var(--text-dark-secondary, var(--color-text-subtle));
}

.orang-section--dark .orang-price-range__label,
.homepage-hero .orang-price-range__label,
.featured-collection-spotlight__price .orang-price-range__label {
	color: var(--text-light-secondary);
}

.orang-product-card__price {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0;
	max-width: 100%;
	text-align: center;
	position: relative;
}
.orang-product-card__price .price {
	margin: 0;
	width: 100%;
	position: relative;
}
.orang-product-card__price .screen-reader-text,
.orang-product-card__price .price .screen-reader-text {
	position: absolute !important;
	height: 1px !important;
	width: 1px !important;
	margin: -1px !important;
	padding: 0 !important;
	overflow: hidden !important;
	clip: rect(1px, 1px, 1px, 1px) !important;
	clip-path: inset(50%) !important;
	border: 0 !important;
}
.orang-product-card__price,
.orang-product-card__price .price,
.orang-product-card__price .woocommerce-Price-amount,
.orang-product-card__price .woocommerce-Price-amount bdi,
.orang-product-card__price .amount {
	color: var(--text-dark-primary);
	font-size: var(--font-size-small);
	font-weight: 400;
}
.orang-product-card__price del,
.orang-product-card__price ins,
.orang-price-range del,
.orang-price-range ins {
	display: inline;
	margin: 0;
	padding: 0;
	line-height: 1.15;
}
.orang-product-card__price del .amount,
.orang-product-card__price del .woocommerce-Price-amount {
	display: inline;
	color: var(--color-text-subtle);
	font-size: var(--font-size-caption);
	font-weight: 400;
	text-decoration: line-through;
	line-height: 1.15;
}
.orang-product-card__price ins .amount,
.orang-product-card__price ins .woocommerce-Price-amount {
	display: inline;
	color: var(--text-dark-primary);
	font-size: var(--font-size-small);
	font-weight: 400;
	text-decoration: none;
	line-height: 1.15;
}
.orang-product-card__price > .woocommerce-Price-amount,
.orang-product-card__price .price > .woocommerce-Price-amount:only-child,
.orang-product-card__price .amount:only-child {
	display: block;
	color: var(--text-dark-primary);
	font-size: var(--font-size-small);
	font-weight: 400;
}

/* New arrivals — stable grid after images / WC styles load */
.homepage-new-arrivals .orang-product-grid {
	contain: layout style;
}

/* Trust badges — match product sidebar guarantees */
.orang-trust-badges {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--space-5);
	list-style: none;
	margin: var(--space-5) 0 0;
	padding: var(--space-5);
	background: rgba(250, 246, 241, 0.04);
	border: 1px solid var(--dark-border, rgba(250, 246, 241, 0.08));
	border-radius: var(--radius-control, 12px);
}
.orang-trust-badge {
	display: flex;
	align-items: center;
	gap: var(--space-3);
	width: 100%;
	min-width: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	font-size: inherit;
	color: inherit;
}
.orang-trust-badge__icon {
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border-radius: 12px;
	background: rgba(212, 160, 23, 0.06);
	border: 1px solid rgba(212, 160, 23, 0.22);
	color: var(--accent-primary, var(--color-primary));
	box-shadow: inset 0 1px 0 rgba(250, 246, 241, 0.06);
	position: relative;
	line-height: 0;
}
.orang-trust-badge__icon::after {
	content: none;
}
.orang-trust-badge__icon i {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 1em;
	height: 1em;
	font-size: 1.1rem;
	line-height: 1;
	font-weight: 900;
	color: transparent;
	-webkit-text-stroke: 1.25px var(--accent-primary, var(--color-primary));
}
.orang-trust-badge__icon--returns i {
	font-size: 1rem;
	-webkit-text-stroke-width: 1.15px;
}
.orang-trust-badge__content {
	flex: 1;
	min-width: 0;
	display: flex;
	align-items: center;
	min-height: 44px;
}
.orang-trust-badge__label {
	display: block;
	margin: 0;
	padding: 0;
	font-family: var(--font-persian);
	font-size: var(--font-size-body, 1rem);
	font-weight: 600;
	line-height: 1.35;
	color: var(--text-light-primary, #faf6f1);
}

/* ============================================
   Homepage Hero — Product Landing Hybrid
   ============================================ */
.homepage-hero {
	padding-top: var(--space-6);
}
.hero-product-card {
	background: transparent;
	border-radius: 0;
	padding: 0;
	box-shadow: none;
	border: none;
}
.hero-product-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: var(--space-7);
	align-items: start;
}
.hero-gallery-main {
	position: relative;
	border-radius: var(--radius-lg);
	overflow: hidden;
	background: var(--color-surface);
	aspect-ratio: 4/3;
}
.hero-gallery-slide {
	display: none;
	width: 100%;
	height: 100%;
}
.hero-gallery-slide.is-active { display: block; }
.hero-gallery-main__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.hero-gallery-thumbs {
	display: flex;
	gap: var(--space-2);
	margin-top: var(--space-4);
	padding-inline-start: var(--radius-lg);
	flex-wrap: wrap;
}
.hero-gallery-thumb {
	width: 96px;
	height: 72px;
	padding: 0;
	border: 2px solid transparent;
	border-radius: var(--radius-md);
	aspect-ratio: 4 / 3;
	overflow: hidden;
	cursor: pointer;
	background: none;
	opacity: 0.6;
	transition: opacity var(--transition-base), border-color var(--transition-base);
}
.hero-gallery-thumb.is-active,
.hero-gallery-thumb:hover {
	opacity: 1;
	border-color: var(--color-secondary);
}
.hero-gallery-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.hero-gallery-placeholder {
	aspect-ratio: 4/3;
	border-radius: var(--radius-lg);
	background: var(--color-surface);
}
.hero-badges-row { display: flex; flex-wrap: wrap; gap: var(--space-2); margin-bottom: var(--space-4); }
.hero-product-title a { color: var(--color-text); text-decoration: none; }
.hero-product-title a:hover { color: var(--color-secondary); }
.hero-product-subtitle {
	font-size: var(--font-size-h3);
	color: var(--color-text-muted);
	margin: 0 0 var(--space-3);
	font-weight: 400;
	line-height: var(--line-height-tight);
}
.hero-product-desc {
	font-size: var(--font-size-body);
	color: var(--color-text-subtle);
	margin: 0 0 var(--space-4);
	line-height: var(--line-height-body);
	max-width: 92ch;
}
.hero-rating {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: var(--space-2);
	margin-bottom: var(--space-4);
}
.hero-rating__value { font-weight: 600; color: var(--color-text); }
.hero-rating__count { font-size: var(--font-size-small); color: var(--color-text-subtle); text-decoration: none; }
.hero-rating__count:hover { color: var(--color-secondary); }
.hero-price-block { margin-bottom: var(--space-4); }
.hero-price,
.hero-price .price {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: flex-start;
	gap: 0.25em 0.4em;
	position: relative;
}
.hero-price .screen-reader-text {
	position: absolute !important;
	height: 1px !important;
	width: 1px !important;
	overflow: hidden !important;
	clip: rect(1px, 1px, 1px, 1px) !important;
}
.hero-price .woocommerce-Price-amount,
.hero-price .amount,
.hero-price ins .amount {
	font-size: var(--font-size-h2);
	font-weight: 700;
	color: var(--color-secondary);
}
.hero-price del,
.hero-price del .amount {
	display: inline;
	color: var(--color-text-subtle);
	font-size: var(--font-size-body);
	font-weight: 400;
	text-decoration: line-through;
	margin: 0;
}
.hero-price ins {
	display: inline;
	text-decoration: none;
	margin: 0;
}
.hero-stock-delivery {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-4);
	margin-bottom: var(--space-5);
	font-size: var(--font-size-small);
}
.hero-stock { display: inline-flex; align-items: center; gap: var(--space-2); }
.hero-stock .fa-warehouse,
.hero-stock .fa-circle-xmark {
	flex-shrink: 0;
	font-size: 0.95em;
	color: var(--color-secondary);
}
.hero-stock--out .fa-warehouse,
.hero-stock--out .fa-circle-xmark {
	color: var(--color-error);
}
.hero-delivery {
	color: var(--color-text-subtle);
	display: inline-flex;
	align-items: flex-start;
	gap: var(--space-2);
	max-width: 100%;
	line-height: 1.8;
}
.hero-delivery .fa-truck {
	margin-top: 0.35em;
	flex-shrink: 0;
	color: var(--color-secondary);
}
.hero-delivery__text {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: baseline;
	column-gap: 0.4em;
	row-gap: 0.15em;
}
.hero-delivery__date {
	white-space: nowrap;
	direction: rtl;
	unicode-bidi: isolate;
}
.hero-purchase-form { margin-bottom: var(--space-4); }
.hero-purchase-form .single_add_to_cart_button {
	margin: 0 0 var(--space-3) !important;
	max-width: 100% !important;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	white-space: normal !important;
	overflow: visible !important;
	text-overflow: unset !important;
}
.hero-purchase-form .single_add_to_cart_button .atc-btn__inner {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1rem;
	width: auto;
	max-width: 100%;
	direction: rtl;
}
.hero-purchase-form .single_add_to_cart_button .atc-btn__label {
	font-weight: 600;
}
.hero-purchase-form .single_add_to_cart_button .atc-btn__divider {
	flex: 0 0 1px;
	align-self: stretch;
	width: 1px;
	min-height: 1.2em;
	margin: 0.15em 0;
	background: linear-gradient(
		180deg,
		transparent 0%,
		rgba(42, 38, 34, 0.35) 50%,
		transparent 100%
	);
}
.hero-purchase-form .single_add_to_cart_button .atc-btn__price {
	font-weight: 700;
	white-space: nowrap;
}
.homepage-hero .orang-trust-badges {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--space-5);
}
.homepage-hero .orang-trust-badge {
	width: 100%;
	min-width: 0;
	align-items: center;
}
.homepage-hero .orang-trust-badge__label {
	line-height: 1.35;
	overflow-wrap: break-word;
}
.hero-purchase-form .woocommerce-variation-price,
.hero-purchase-form .woocommerce-variation.single_variation {
	display: none !important;
}
.hero-purchase-form form.cart,
.hero-purchase-form .variations_form {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: end;
	column-gap: 0.5rem;
	row-gap: 0.45rem;
	margin: 0;
	width: 100%;
}
.hero-purchase-form .orang-variations-stack,
.hero-purchase-form .single_variation_wrap,
.hero-purchase-form .woocommerce-variation-add-to-cart {
	display: contents;
}
.hero-purchase-form table.variations {
	grid-column: 1;
	grid-row: 1;
	width: 100%;
	margin: 0;
	border: none;
	border-collapse: collapse;
}
.hero-purchase-form table.variations,
.hero-purchase-form table.variations tbody,
.hero-purchase-form table.variations tr {
	display: block;
	width: 100%;
}
.hero-purchase-form table.variations tr {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	align-items: center;
	gap: 0.65rem;
}
.hero-purchase-form table.variations th.label,
.hero-purchase-form table.variations td.value {
	display: block;
	width: auto;
	max-width: 100%;
	padding: 0;
	border: none;
	background: none;
	text-align: right;
	vertical-align: middle;
}
.hero-purchase-form table.variations tr + tr {
	margin-top: 0.45rem;
}
.hero-purchase-form .variations label {
	display: block;
	margin: 0;
	color: var(--text-light-secondary);
	font-size: 0.75rem;
	font-weight: 400;
	white-space: nowrap;
}
.hero-purchase-form table.variations select {
	width: 100%;
	max-width: 100%;
	min-height: 36px;
	padding: 0.4rem 2rem 0.4rem 0.75rem;
	border: 1px solid var(--dark-border);
	border-radius: 8px;
	background-color: rgba(250, 246, 241, 0.04);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%23a89f96' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: left 10px center;
	background-size: 10px;
	color: var(--text-light-primary);
	font-family: var(--font-persian);
	font-size: 0.8125rem;
	font-weight: 400;
	line-height: 1.3;
	appearance: none;
	-webkit-appearance: none;
	cursor: pointer;
	box-shadow: none;
	box-sizing: border-box;
	margin: 0;
}
html[dir='rtl'] .hero-purchase-form table.variations select {
	background-position: right 10px center;
	padding-left: 0.75rem;
	padding-right: 2rem;
}
.hero-purchase-form table.variations select:hover {
	border-color: var(--accent-border);
}
.hero-purchase-form table.variations select:focus {
	outline: none;
	border-color: var(--accent-primary);
	box-shadow: 0 0 0 2px var(--accent-muted);
}
.hero-purchase-form table.variations select option,
.homepage-hero table.variations select option {
	color: #2a2622;
	background-color: #fdf9f4;
}
.hero-purchase-form table.variations select option:disabled,
.hero-purchase-form table.variations select option.disabled,
.homepage-hero table.variations select option:disabled,
.homepage-hero table.variations select option.disabled {
	color: #8a837c;
	background-color: #f3eee8;
}
.hero-purchase-form .orang-reset-variations-slot,
.hero-purchase-form a.reset_variations,
.hero-purchase-form a.orang-reset-variations {
	display: none !important;
}
.hero-purchase-form .single_add_to_cart_button {
	grid-column: 1 / -1;
	grid-row: 2;
}
.hero-purchase-form form.cart .quantity {
	grid-column: 2;
	grid-row: 1;
	display: inline-flex;
	align-items: stretch;
	align-self: end;
	margin: 0;
	border: 1px solid var(--dark-border);
	background: rgba(250, 246, 241, 0.04);
	border-radius: 8px;
	overflow: hidden;
	direction: ltr;
}
.hero-purchase-form form.cart .quantity .qty-btn {
	flex: 0 0 28px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	min-width: 28px;
	min-height: 36px;
	padding: 0;
	border: none;
	background: transparent;
	color: var(--text-light-secondary);
	font-size: 0.95rem;
	font-weight: 400;
	line-height: 1;
	cursor: pointer;
	transition: color var(--transition-base);
}
.hero-purchase-form form.cart .quantity .qty-btn:hover {
	background: transparent;
	color: var(--accent-primary);
}
.hero-purchase-form form.cart .quantity .qty-minus {
	border-right: 1px solid var(--dark-border);
}
.hero-purchase-form form.cart .quantity .qty-plus {
	border-left: 1px solid var(--dark-border);
}
.hero-purchase-form form.cart .quantity .qty,
.hero-purchase-form form.cart .quantity input.qty {
	flex: 1 1 auto;
	width: 2rem;
	min-width: 1.85rem;
	min-height: 36px;
	padding: 0 2px !important;
	border: none !important;
	background: transparent !important;
	color: var(--text-light-primary) !important;
	-webkit-text-fill-color: var(--text-light-primary);
	font-family: var(--font-persian);
	font-size: 0.8125rem;
	font-weight: 400;
	text-align: center;
	-moz-appearance: textfield;
	appearance: textfield;
	box-shadow: none !important;
}
.hero-purchase-form form.cart .quantity .qty:focus,
.hero-purchase-form form.cart .quantity input.qty:focus {
	outline: none;
	box-shadow: inset 0 0 0 1px var(--accent-border);
}
.hero-purchase-form form.cart .quantity .qty::-webkit-outer-spin-button,
.hero-purchase-form form.cart .quantity .qty::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Featured collection */
.featured-collection-layout {
	display: grid;
	grid-template-columns: 1.2fr 1fr;
	gap: var(--space-5);
	align-items: stretch;
}
.featured-collection-spotlight__media {
	position: relative;
	border-radius: var(--radius-lg);
	overflow: hidden;
	aspect-ratio: 4/5;
}
.featured-collection-spotlight__img { width: 100%; height: 100%; object-fit: cover; transition: transform var(--transition-slow); }
.featured-collection-spotlight__link:hover .featured-collection-spotlight__img { transform: scale(1.03); }
.featured-collection-spotlight__overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(to top, rgba(0,0,0,0.75) 0%, transparent 55%);
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding: var(--space-5);
}
.featured-collection-spotlight__title { color: var(--text-light-primary); font-size: var(--font-size-h3); margin: var(--space-2) 0; }
.featured-collection-spotlight__price {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0.25em 0.4em;
	color: var(--color-secondary);
	position: relative;
}
.featured-collection-spotlight__price del {
	display: inline;
	color: var(--color-text-subtle);
	font-size: var(--font-size-small);
	text-decoration: line-through;
	margin: 0;
}
.featured-collection-spotlight__price ins {
	display: inline;
	text-decoration: none;
	font-weight: 400;
	margin: 0;
}
.featured-collection-grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-4); }

/* Promo banner */
.promo-banner-card {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: var(--space-6);
	align-items: center;
	background: var(--color-surface);
	border-radius: var(--radius-xl);
	overflow: hidden;
	border: 1px solid var(--color-border);
	box-shadow: var(--shadow-elevated);
}
.promo-banner-card__media { min-height: 280px; }
.promo-banner-card__img { width: 100%; height: 100%; object-fit: cover; display: block; }
.promo-banner-card__content { padding: var(--space-6); }
.promo-banner-card__eyebrow {
	display: inline-block;
	font-size: var(--font-size-caption);
	text-transform: none;
	letter-spacing: 0;
	color: var(--color-primary);
	margin-bottom: var(--space-3);
}
.promo-banner-card__title { font-size: var(--font-size-h2); margin: 0 0 var(--space-3); }
.promo-banner-card__subtitle { color: var(--color-text-subtle); margin: 0 0 var(--space-5); }

/* Why choose us */
.why-choose-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: var(--space-5);
}
.why-choose-card {
	padding: var(--space-5);
	background: var(--color-surface-glass);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-lg);
	transition: transform var(--transition-base), border-color var(--transition-base);
}
.why-choose-card:hover {
	transform: translateY(-4px);
	border-color: var(--color-border-strong);
}
.why-choose-card__icon {
	width: 48px;
	height: 48px;
	border-radius: var(--radius-md);
	background: var(--color-primary-muted);
	margin-bottom: var(--space-4);
}
.why-choose-card__title { font-size: var(--font-size-h4); margin: 0 0 var(--space-2); color: var(--color-text); }
.why-choose-card__desc { font-size: var(--font-size-small); color: var(--color-text-subtle); margin: 0; line-height: var(--line-height-body); }

/* Home reviews */
.home-reviews-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--space-5);
}
.home-review-card {
	padding: var(--space-5);
	background: var(--color-surface);
	border-radius: var(--radius-lg);
	border: 1px solid var(--color-border);
}
.home-review-card__header { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-3); margin-bottom: var(--space-4); }
.home-review-card__avatar {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: var(--color-secondary);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 600;
}
.home-review-card__author { font-style: normal; font-weight: 600; color: var(--color-text); display: block; }
.home-review-card__date { font-size: var(--font-size-caption); color: var(--color-text-subtle); }
.home-review-card__rating { margin-inline-start: auto; }
.home-review-card__quote { margin: 0; }
.home-review-card__quote p { color: var(--color-text-subtle); font-size: var(--font-size-small); line-height: var(--line-height-body); margin: 0; }
.home-review-card__footer { margin-top: var(--space-3); padding-top: var(--space-3); border-top: 1px solid var(--color-border); }
.home-review-card__footer a { font-size: var(--font-size-small); color: var(--color-secondary); text-decoration: none; }

/* Gallery */
.home-gallery-grid {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: var(--space-3);
}
.home-gallery-item { margin: 0; border-radius: var(--radius-md); overflow: hidden; aspect-ratio: 1; }
.home-gallery-item__img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform var(--transition-base); }
.home-gallery-item:hover .home-gallery-item__img { transform: scale(1.06); }

/* Blog */
.home-blog-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--space-5);
}
.home-blog-card {
	background: var(--color-surface);
	border-radius: var(--radius-lg);
	overflow: hidden;
	border: 1px solid var(--color-border);
	height: 100%;
	display: flex;
	flex-direction: column;
}
.home-blog-card__media { display: block; aspect-ratio: 16/10; overflow: hidden; }
.home-blog-card__img { width: 100%; height: 100%; object-fit: cover; transition: transform var(--transition-slow); }
.home-blog-card__media:hover .home-blog-card__img { transform: scale(1.04); }
.home-blog-card__body { padding: var(--space-5); flex: 1; display: flex; flex-direction: column; }
.home-blog-card__date { font-size: var(--font-size-caption); color: var(--color-text-subtle); }
.home-blog-card__title { font-size: var(--font-size-h4); margin: var(--space-2) 0; }
.home-blog-card__title a { color: var(--color-text); text-decoration: none; }
.home-blog-card__title a:hover { color: var(--color-secondary); }
.home-blog-card__excerpt { font-size: var(--font-size-small); color: var(--color-text-subtle); flex: 1; margin: 0 0 var(--space-4); }
.home-blog-card__link { font-size: var(--font-size-small); color: var(--color-secondary); text-decoration: none; font-weight: 500; }

/* Newsletter */
.newsletter-card {
	display: grid;
	grid-template-columns: 1fr 1.2fr;
	gap: var(--space-6);
	align-items: center;
	padding: var(--space-6);
	background: linear-gradient(135deg, var(--color-surface) 0%, var(--color-background-gradient-start) 100%);
	border-radius: var(--radius-xl);
	border: 1px solid var(--color-border);
	box-shadow: var(--shadow-card);
}
.newsletter-card__title { font-size: var(--font-size-h2); margin: 0 0 var(--space-3); }
.newsletter-card__subtitle { color: var(--color-text-subtle); margin: 0; }
.newsletter-form { display: flex; flex-wrap: wrap; gap: var(--space-3); align-items: flex-start; }
.newsletter-form__input {
	flex: 1;
	min-width: 200px;
	padding: var(--space-3) var(--space-4);
	border-radius: var(--radius-full);
	border: 1px solid var(--color-border-strong);
	background: rgba(0, 0, 0, 0.2);
	color: var(--color-text);
	font-family: var(--font-persian);
	font-size: var(--font-size-body);
}
.newsletter-form__input:focus { outline: none; border-color: var(--color-primary); box-shadow: var(--focus-ring); }
.newsletter-form__message { width: 100%; font-size: var(--font-size-small); color: var(--color-primary); margin: 0; }
.newsletter-card__privacy { grid-column: 1 / -1; font-size: var(--font-size-caption); color: var(--color-text-subtle); margin: var(--space-2) 0 0; display: flex; align-items: center; gap: var(--space-2); }

/* Best sellers — product card in slider */
.homepage-best-sellers .orang-product-card {
	width: 100%;
}
.best-seller-item .orang-product-card__link:hover { transform: none; }

/* Homepage sections — unified spacing */
.homepage-categories-section .orang-section-header,
.homepage-best-sellers .orang-section-header {
	margin-bottom: var(--space-6);
}

.homepage-categories-section .categories-section-header {
	display: none;
}

/* Category cards — premium hover */
.category-card:focus-visible { box-shadow: var(--focus-ring); border-radius: var(--radius-lg); outline: none; }

/* Responsive — homepage sections */
@media (max-width: 992px) {
	.orang-product-grid--4 { grid-template-columns: repeat(2, 1fr); }
	.hero-product-grid { grid-template-columns: 1fr; }
	.hero-purchase-form form.cart,
	.hero-purchase-form .variations_form {
		grid-template-columns: minmax(0, 1fr) auto;
	}
	.featured-collection-layout { grid-template-columns: 1fr; }
	.featured-collection-grid { grid-template-columns: repeat(2, 1fr); }
	.why-choose-grid { grid-template-columns: repeat(2, 1fr); }
	.home-reviews-grid { grid-template-columns: 1fr 1fr; }
	.home-gallery-grid { grid-template-columns: repeat(3, 1fr); }
	.home-blog-grid { grid-template-columns: 1fr 1fr; }
	.promo-banner-card { grid-template-columns: 1fr; }
	.newsletter-card { grid-template-columns: 1fr; }
}
@media (max-width: 576px) {
	.hero-purchase-form form.cart,
	.hero-purchase-form .variations_form {
		grid-template-columns: 1fr;
	}
	.hero-purchase-form table.variations {
		grid-column: 1;
		grid-row: 1;
	}
	.hero-purchase-form table.variations tr {
		grid-template-columns: auto minmax(0, 1fr);
	}
	.hero-purchase-form form.cart .quantity {
		grid-column: 1;
		grid-row: 2;
		justify-self: start;
	}
	.hero-purchase-form .single_add_to_cart_button {
		grid-column: 1 / -1;
		grid-row: 3;
	}
	.orang-product-grid--4,
	.featured-collection-grid,
	.home-reviews-grid,
	.home-blog-grid { grid-template-columns: 1fr; }
	.why-choose-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: var(--space-3);
	}
	.why-choose-card {
		padding: var(--space-4);
	}
	.why-choose-card__title {
		margin-bottom: 0;
		font-size: 16px;
	}
	.why-choose-card__desc {
		display: none;
	}
	.homepage-blog {
		display: none;
	}
	.home-gallery-grid { grid-template-columns: repeat(2, 1fr); }
	.orang-trust-badges {
		gap: var(--space-4);
		padding: var(--space-4);
	}
	.orang-trust-badge {
		min-width: 0;
		align-items: center;
		gap: var(--space-3);
	}
	.orang-trust-badge__icon {
		width: 40px;
		height: 40px;
	}
	.orang-trust-badge__content {
		min-height: 40px;
	}
	.orang-trust-badge__label {
		font-size: 0.9375rem;
	}
}


/* ========== POST CATEGORY ARCHIVE ========== */
.orang-blog-archive-page .site-content {
	background: var(--light-bg-primary, var(--color-background));
}

.orang-blog-archive {
	padding: var(--space-7) 0 var(--space-8);
	color: var(--text-dark-primary);
	font-family: var(--font-persian);
}

.orang-blog-breadcrumb {
	margin: 0 0 var(--space-4);
	font-size: 0.875rem;
	color: var(--text-dark-secondary);
}

.orang-blog-breadcrumb__list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.35rem 0.15rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

.orang-blog-breadcrumb__item {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
}

.orang-blog-breadcrumb__item:not(:last-child)::after {
	content: '/';
	color: var(--text-dark-secondary);
	opacity: 0.55;
	padding-inline-start: 0.2rem;
}

.orang-blog-breadcrumb a {
	color: var(--text-dark-secondary);
	text-decoration: none;
}

.orang-blog-breadcrumb a:hover {
	color: var(--accent-link, var(--color-secondary));
}

.orang-blog-archive__header {
	margin: 0 0 var(--space-5);
	text-align: right;
}

.orang-blog-archive__eyebrow {
	margin: 0 0 var(--space-2);
	font-size: var(--font-size-caption);
	font-weight: 600;
	color: var(--accent-copper, var(--color-primary));
}

.orang-blog-archive__title {
	margin: 0 0 var(--space-2);
	font-size: var(--font-size-h1);
	font-weight: 700;
	line-height: var(--line-height-heading);
	color: var(--text-dark-primary);
}

.orang-blog-archive__count {
	margin: 0 0 var(--space-3);
	font-size: var(--font-size-small);
	color: var(--text-dark-secondary);
}

.orang-blog-archive__intro {
	margin: 0;
	max-width: 46rem;
	font-size: var(--font-size-body);
	line-height: var(--line-height-body, 1.85);
	color: var(--text-dark-secondary);
}

.orang-blog-subcats {
	margin-bottom: var(--space-5);
}

.orang-blog-archive .orang-subcat-nav__list {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-2);
	list-style: none;
	margin: 0;
	padding: 0;
}

.orang-blog-archive .orang-subcat-nav__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 0.55rem 1.15rem;
	border: 1px solid var(--light-border, var(--color-border));
	border-radius: var(--radius-full);
	background: var(--card-cream, var(--color-surface));
	color: var(--text-dark-primary);
	font-family: var(--font-persian);
	font-size: var(--font-size-small);
	font-weight: 600;
	text-decoration: none;
	box-shadow: var(--shadow-sm);
}

.orang-blog-archive .orang-subcat-nav__btn:hover,
.orang-blog-archive .orang-subcat-nav__btn.is-active {
	border-color: var(--accent-primary, #edae19);
	background: var(--accent-muted, var(--color-primary-muted));
	color: var(--accent-copper, #111);
}

.orang-blog-archive__layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(15.5rem, 17.5rem);
	gap: var(--space-6);
	align-items: start;
}

.orang-blog-archive__grid.home-blog-grid {
	margin-top: var(--space-5);
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.orang-post-card--featured {
	display: grid;
	grid-template-columns: 1.15fr 1fr;
	align-items: stretch;
	height: auto;
	margin-bottom: var(--space-5);
	min-height: 0;
}

.orang-post-card--featured .home-blog-card__media,
.orang-post-card--featured .orang-post-card__placeholder {
	aspect-ratio: auto;
	min-height: 260px;
	height: 100%;
}

.orang-post-card--featured .home-blog-card__title {
	font-size: clamp(1.25rem, 2vw, 1.6rem);
}

.orang-post-card__placeholder {
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--light-bg-elevated, var(--color-surface-glass));
	color: var(--accent-primary);
	font-size: 2rem;
}

.orang-post-card__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--space-2) var(--space-3);
}

.orang-post-card__read {
	font-size: var(--font-size-caption);
	color: var(--text-dark-secondary);
}

.orang-blog-archive .home-blog-card {
	background: var(--card-cream, var(--color-surface));
	border: 1px solid var(--light-border, var(--color-border));
	box-shadow: var(--shadow-sm);
	transition: transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base);
}

.orang-blog-archive .home-blog-card:hover {
	transform: translateY(-3px);
	border-color: var(--accent-border, var(--color-border-strong));
	box-shadow: var(--shadow-md, var(--shadow-ambient));
}

.orang-blog-archive .home-blog-card__title a {
	color: var(--text-dark-primary);
}

.orang-blog-archive .home-blog-card__title a:hover {
	color: var(--accent-link, var(--color-secondary));
}

.orang-blog-archive .home-blog-card__date {
	color: var(--accent-copper, var(--color-primary));
}

.orang-blog-archive__aside {
	display: flex;
	flex-direction: column;
	gap: var(--space-5);
}

@media (min-width: 993px) {
	.orang-blog-archive__aside {
		position: sticky;
		top: calc(var(--header-height, 80px) + 1.25rem);
	}
}

.orang-blog-widget {
	background: var(--light-bg-elevated, var(--card-cream));
	border: 1px solid var(--light-border, var(--color-border));
	border-radius: var(--radius-lg);
	box-shadow: var(--shadow-sm);
	padding: var(--space-4);
}

.orang-blog-widget__title {
	margin: 0 0 var(--space-3);
	font-size: 0.95rem;
	font-weight: 700;
	color: var(--text-dark-primary);
}

.orang-blog-widget__list,
.orang-blog-widget__posts {
	list-style: none;
	margin: 0;
	padding: 0;
}

.orang-blog-widget__list li + li,
.orang-blog-widget__posts li + li {
	margin-top: var(--space-2);
}

.orang-blog-widget__list a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-3);
	color: var(--text-dark-secondary);
	text-decoration: none;
	font-size: var(--font-size-small);
}

.orang-blog-widget__list a:hover {
	color: var(--accent-link, var(--color-secondary));
}

.orang-blog-archive__aside .widget ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.orang-blog-archive__aside .widget li + li {
	margin-top: var(--space-2);
}

.orang-blog-archive__aside .widget a {
	color: var(--text-dark-secondary);
	text-decoration: none;
}

.orang-blog-archive__aside .widget a:hover {
	color: var(--accent-link, var(--color-secondary));
}

.orang-blog-widget__count {
	min-width: 1.5rem;
	text-align: center;
	font-weight: 600;
	color: var(--text-dark-secondary);
}

.orang-blog-widget__posts a {
	display: flex;
	gap: var(--space-3);
	align-items: center;
	text-decoration: none;
	color: inherit;
}

.orang-blog-widget__thumb {
	width: 56px;
	height: 56px;
	object-fit: cover;
	border-radius: var(--radius-md);
	flex-shrink: 0;
}

.orang-blog-widget__thumb--empty {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: var(--light-bg-primary, var(--color-background));
	color: var(--accent-primary, var(--color-primary));
	font-size: 1.1rem;
}

.orang-blog-widget__post-title {
	display: block;
	font-size: var(--font-size-small);
	font-weight: 600;
	color: var(--text-dark-primary);
	line-height: 1.5;
}

.orang-blog-widget__posts time {
	display: block;
	margin-top: 0.2rem;
	font-size: var(--font-size-caption);
	color: var(--text-dark-secondary);
}

.orang-blog-archive .navigation.pagination {
	margin-top: var(--space-6);
	text-align: center;
}

.orang-blog-archive .nav-links {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 6px;
}

.orang-blog-archive .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 40px;
	height: 40px;
	padding: 0 12px;
	border: 1px solid var(--light-border, var(--color-border));
	border-radius: 10px;
	background: var(--card-cream, var(--color-surface));
	color: var(--text-dark-primary);
	font-family: var(--font-persian);
	font-size: 0.875rem;
	font-weight: 600;
	text-decoration: none;
}

.orang-blog-archive .page-numbers.current,
.orang-blog-archive a.page-numbers:hover {
	background: var(--accent-muted, var(--color-primary-muted));
	border-color: var(--accent-border, var(--color-border-strong));
	color: var(--accent-copper, var(--color-secondary));
}

.orang-blog-archive .page-numbers.prev,
.orang-blog-archive .page-numbers.next {
	min-width: auto;
	padding: 0 14px;
}

.orang-blog-archive__empty {
	padding: var(--space-7) var(--space-5);
	text-align: center;
	background: var(--card-cream, var(--color-surface));
	border: 1px dashed var(--light-border, var(--color-border));
	border-radius: var(--radius-lg);
}

.orang-blog-archive__empty p {
	margin: 0 0 var(--space-4);
	color: var(--text-dark-secondary);
}

.orang-blog-archive .orang-seo-box {
	margin-top: var(--space-7);
	padding: var(--space-6);
	background: var(--card-cream, #faf6f1);
	border: 1px solid var(--light-border, var(--color-border));
	border-radius: var(--radius-lg);
	box-shadow: var(--shadow-sm);
	color: var(--text-dark-secondary);
	text-align: right;
}

.orang-blog-archive .orang-seo-box__content {
	max-width: 860px;
	margin: 0 auto;
	font-size: var(--font-size-body);
	line-height: var(--line-height-body, 1.85);
}

.orang-blog-archive .orang-seo-box__content > *:first-child {
	margin-top: 0;
}

.orang-blog-archive .orang-seo-box__content > *:last-child {
	margin-bottom: 0;
}

.orang-blog-archive .orang-seo-box__content h2,
.orang-blog-archive .orang-seo-box__content h3 {
	color: var(--text-dark-primary);
	font-weight: 600;
	line-height: 1.45;
	margin: var(--space-6) 0 var(--space-3);
}

.orang-blog-archive .orang-seo-box__content p {
	margin: 0 0 var(--space-4);
}

/* ========== SINGLE BLOG POST ========== */
.orang-post-article__header {
	margin: 0 0 var(--space-5);
	text-align: right;
}

.orang-post-article__cats {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-2);
	margin: 0 0 var(--space-3);
}

.orang-post-article__cat {
	display: inline-flex;
	align-items: center;
	min-height: 32px;
	padding: 0.25rem 0.85rem;
	border: 1px solid var(--light-border, var(--color-border));
	border-radius: var(--radius-full);
	background: var(--card-cream, var(--color-surface));
	color: var(--accent-copper, var(--color-primary));
	font-size: var(--font-size-caption);
	font-weight: 600;
	text-decoration: none;
}

.orang-post-article__cat:hover {
	border-color: var(--accent-primary, #edae19);
	background: var(--accent-muted, var(--color-primary-muted));
	color: var(--text-dark-primary);
}

.orang-post-article__title {
	margin: 0 0 var(--space-3);
	font-size: var(--font-size-h1);
	font-weight: 700;
	line-height: var(--line-height-heading);
	color: var(--text-dark-primary);
}

.orang-post-article__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--space-2) var(--space-3);
	margin: 0 0 var(--space-3);
	font-size: var(--font-size-small);
	color: var(--text-dark-secondary);
}

.orang-post-article__meta time {
	color: var(--accent-copper, var(--color-primary));
	font-weight: 600;
}

.orang-post-article__intro {
	margin: 0;
	max-width: 46rem;
	font-size: var(--font-size-body);
	line-height: var(--line-height-body, 1.85);
	color: var(--text-dark-secondary);
}

.orang-post-article__hero {
	margin: 0 0 var(--space-6);
	border-radius: var(--radius-lg);
	overflow: hidden;
	background: var(--light-bg-elevated, var(--color-surface-glass));
}

.orang-post-article__hero-img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	object-fit: cover;
}

.orang-post-article__body {
	max-width: 46rem;
	font-size: var(--font-size-body);
	line-height: var(--line-height-body, 1.85);
	color: var(--text-dark-secondary);
}

.orang-post-article__body > *:first-child {
	margin-top: 0;
}

.orang-post-article__body > *:last-child {
	margin-bottom: 0;
}

.orang-post-article__body h2,
.orang-post-article__body h3,
.orang-post-article__body h4 {
	color: var(--text-dark-primary);
	font-family: var(--font-persian);
	font-weight: 700;
	line-height: var(--line-height-heading);
	margin: var(--space-6) 0 var(--space-3);
}

.orang-post-article__body h2 {
	font-size: var(--font-size-h2);
}

.orang-post-article__body h3 {
	font-size: var(--font-size-h3);
}

.orang-post-article__body p {
	margin: 0 0 var(--space-4);
}

.orang-post-article__body a {
	color: var(--accent-link, var(--color-secondary));
}

.orang-post-article__body a:hover {
	color: var(--accent-link-hover, var(--color-secondary));
}

.orang-post-article__body ul,
.orang-post-article__body ol {
	margin: 0 0 var(--space-4);
	padding: 0 1.4em 0 0;
}

.orang-post-article__body li {
	margin-bottom: var(--space-2);
}

.orang-post-article__body blockquote {
	margin: 0 0 var(--space-5);
	padding: var(--space-4) var(--space-5);
	border-right: 3px solid var(--accent-primary, #edae19);
	background: var(--card-cream, var(--color-surface));
	border-radius: 0 var(--radius-md) var(--radius-md) 0;
	color: var(--text-dark-primary);
}

.orang-post-article__body img,
.orang-post-article__body .wp-block-image img,
.orang-post-article__body figure {
	max-width: 100%;
	height: auto;
}

.orang-post-article__body .wp-block-image,
.orang-post-article__body figure {
	margin: 0 0 var(--space-5);
}

.orang-post-article__body .wp-block-image img,
.orang-post-article__body figure img {
	border-radius: var(--radius-md);
}

.orang-post-article__body table {
	width: 100%;
	border-collapse: collapse;
	margin: 0 0 var(--space-5);
	font-size: var(--font-size-small);
}

.orang-post-article__body th,
.orang-post-article__body td {
	border: 1px solid var(--light-border, var(--color-border));
	padding: 0.65rem 0.85rem;
	text-align: right;
}

.orang-post-article__body th {
	background: var(--light-bg-elevated, var(--card-cream));
	color: var(--text-dark-primary);
}

.orang-post-article__footer {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--space-2) var(--space-3);
	margin-top: var(--space-6);
	padding-top: var(--space-5);
	border-top: 1px solid var(--light-border, var(--color-border));
}

.orang-post-article__tags-label {
	font-size: var(--font-size-small);
	font-weight: 700;
	color: var(--text-dark-primary);
}

.orang-post-article__tags {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-2);
	list-style: none;
	margin: 0;
	padding: 0;
}

.orang-post-article__tags a {
	display: inline-flex;
	align-items: center;
	min-height: 32px;
	padding: 0.2rem 0.8rem;
	border: 1px solid var(--light-border, var(--color-border));
	border-radius: var(--radius-full);
	background: var(--light-bg-elevated, var(--card-cream));
	color: var(--text-dark-secondary);
	font-size: var(--font-size-caption);
	text-decoration: none;
}

.orang-post-article__tags a:hover {
	border-color: var(--accent-primary, #edae19);
	color: var(--text-dark-primary);
}

.orang-post-related {
	margin-top: var(--space-7);
	padding-top: var(--space-6);
	border-top: 1px solid var(--light-border, var(--color-border));
}

.orang-post-related__title {
	margin: 0 0 var(--space-4);
	font-size: 1.15rem;
	font-weight: 700;
	color: var(--text-dark-primary);
}

.orang-post-related__grid {
	margin-top: 0;
}

@media (min-width: 993px) {
	.orang-blog-single .orang-post-related__grid.home-blog-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

.orang-blog-single .comments-area {
	margin-top: var(--space-7);
	padding-top: var(--space-6);
	border-top: 1px solid var(--light-border, var(--color-border));
	max-width: 46rem;
}

.orang-blog-single .comments-title,
.orang-blog-single .comment-reply-title {
	margin: 0 0 var(--space-4);
	font-size: 1.15rem;
	font-weight: 700;
	color: var(--text-dark-primary);
}

.orang-blog-single .comment-list {
	list-style: none;
	margin: 0 0 var(--space-5);
	padding: 0;
}

.orang-blog-single .comment-list .comment {
	margin: 0 0 var(--space-4);
	padding: var(--space-4);
	background: var(--card-cream, var(--color-surface));
	border: 1px solid var(--light-border, var(--color-border));
	border-radius: var(--radius-lg);
}

.orang-blog-single .comment-list .children {
	list-style: none;
	margin: var(--space-4) 0 0;
	padding: 0 1.25rem 0 0;
}

.orang-blog-single .comment-author {
	font-weight: 700;
	color: var(--text-dark-primary);
}

.orang-blog-single .comment-metadata {
	margin: 0.25rem 0 var(--space-3);
	font-size: var(--font-size-caption);
	color: var(--text-dark-secondary);
}

.orang-blog-single .comment-form label {
	display: block;
	margin-bottom: 0.35rem;
	font-size: var(--font-size-small);
	font-weight: 600;
	color: var(--text-dark-primary);
}

.orang-blog-single .comment-form input[type="text"],
.orang-blog-single .comment-form input[type="email"],
.orang-blog-single .comment-form input[type="url"],
.orang-blog-single .comment-form textarea {
	width: 100%;
	max-width: 100%;
	padding: 0.7rem 0.9rem;
	border: 1px solid var(--light-border, var(--color-border));
	border-radius: var(--radius-md);
	background: var(--card-cream, var(--color-surface));
	color: var(--text-dark-primary);
	font-family: var(--font-persian);
}

.orang-blog-single .comment-form .form-submit .submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 0.55rem 1.4rem;
	border: 0;
	border-radius: var(--radius-full);
	background: var(--accent-primary, #edae19);
	color: #111;
	font-family: var(--font-persian);
	font-weight: 700;
	cursor: pointer;
}

/* ========== SEARCH + 404 ========== */
.orang-search .orang-page-search,
.orang-404 .orang-page-search {
	margin: var(--space-4) 0 0;
	max-width: 32rem;
}

.orang-search .orang-page-search + .orang-search-filters {
	margin-top: var(--space-5);
}

.orang-search .orang-page-search + .orang-search-filters .orang-subcat-nav__list {
	margin-top: 0;
}

.orang-search-section + .orang-search-section {
	margin-top: var(--space-7);
	padding-top: var(--space-6);
	border-top: 1px solid var(--light-border, var(--color-border));
}

.orang-search-section__head {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: space-between;
	gap: var(--space-2) var(--space-4);
	margin: 0 0 var(--space-4);
}

.orang-search-section__title {
	margin: 0;
	font-size: 1.15rem;
	font-weight: 700;
	color: var(--text-dark-primary);
}

.orang-search-section__count {
	margin: 0;
	font-size: var(--font-size-small);
	color: var(--text-dark-secondary);
}

.orang-search-section__more {
	margin-top: var(--space-5);
	text-align: center;
}

.orang-search-section__more .orang-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 0.55rem 1.35rem;
	text-decoration: none;
}

.orang-search .orang-search-products {
	margin-top: 0;
}

.orang-search .orang-product-card__title {
	color: var(--text-dark-primary);
}

.orang-page-search {
	display: flex;
	align-items: stretch;
	gap: 0;
	width: 100%;
	background: var(--card-cream, var(--color-surface));
	border: 1px solid var(--light-border, var(--color-border));
	border-radius: var(--radius-full);
	overflow: hidden;
	box-shadow: var(--shadow-sm);
}

.orang-page-search__input {
	flex: 1;
	min-width: 0;
	border: 0;
	background: transparent;
	padding: 0.85rem 1.15rem;
	color: var(--text-dark-primary);
	font-family: var(--font-persian);
	font-size: var(--font-size-body);
	outline: none;
}

.orang-page-search__input::placeholder {
	color: var(--text-dark-secondary);
}

.orang-page-search__submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.45rem;
	border: 0;
	padding: 0 1.25rem;
	background: var(--accent-cta, #edae19);
	color: var(--accent-button-text, #2a2622);
	font-family: var(--font-persian);
	font-size: var(--font-size-small);
	font-weight: 700;
	cursor: pointer;
}

.orang-page-search__submit:hover {
	background: var(--accent-cta-hover, #f2bc28);
}

.orang-search-card__type {
	display: inline-flex;
	align-items: center;
	min-height: 28px;
	padding: 0.15rem 0.7rem;
	border-radius: var(--radius-full);
	background: var(--accent-muted, var(--color-primary-muted));
	color: var(--accent-copper, var(--color-primary));
	font-size: var(--font-size-caption);
	font-weight: 600;
}

.orang-utility {
	padding-bottom: var(--space-8);
}

.orang-utility__panel {
	max-width: 40rem;
	margin: var(--space-4) auto 0;
	padding: var(--space-7) var(--space-6);
	text-align: center;
	background: var(--card-cream, var(--color-surface));
	border: 1px solid var(--light-border, var(--color-border));
	border-radius: var(--radius-lg);
	box-shadow: var(--shadow-sm);
}

.orang-utility__panel .orang-blog-archive__intro {
	margin: 0 auto var(--space-2);
}

.orang-utility__panel .orang-page-search {
	margin: var(--space-5) auto 0;
}

.orang-utility__actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: var(--space-3);
	margin-top: var(--space-6);
}

.orang-utility__actions .orang-btn {
	min-height: 44px;
	padding: 0.55rem 1.25rem;
	text-decoration: none;
}

/* ========== WORDPRESS PAGE TEMPLATE ========== */
.orang-content-page .site-content {
	background: var(--light-bg-primary, var(--color-background));
}

.orang-page {
	padding: var(--space-7) 0 var(--space-8);
	color: var(--text-dark-primary);
	font-family: var(--font-persian);
}

.orang-page__header {
	margin: 0 0 var(--space-5);
	text-align: right;
}

.orang-page__title {
	margin: 0 0 var(--space-3);
	font-size: var(--font-size-h1);
	font-weight: 700;
	line-height: var(--line-height-heading);
	color: var(--text-dark-primary);
}

.orang-page__intro {
	margin: 0;
	max-width: 46rem;
	font-size: var(--font-size-body);
	line-height: var(--line-height-body, 1.85);
	color: var(--text-dark-secondary);
}

.orang-page__children {
	margin-bottom: var(--space-5);
}

.orang-page .orang-subcat-nav__list {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-2);
	list-style: none;
	margin: 0;
	padding: 0;
}

.orang-page .orang-subcat-nav__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 0.55rem 1.15rem;
	border: 1px solid var(--light-border, var(--color-border));
	border-radius: var(--radius-full);
	background: var(--card-cream, var(--color-surface));
	color: var(--text-dark-primary);
	font-family: var(--font-persian);
	font-size: var(--font-size-small);
	font-weight: 600;
	text-decoration: none;
	box-shadow: var(--shadow-sm);
}

.orang-page .orang-subcat-nav__btn:hover {
	border-color: var(--accent-primary, #edae19);
	background: var(--accent-muted, var(--color-primary-muted));
	color: var(--accent-copper, #111);
}

.orang-page__hero {
	margin: 0 0 var(--space-6);
	border-radius: var(--radius-lg);
	overflow: hidden;
	background: var(--light-bg-elevated, var(--color-surface-glass));
}

.orang-page__hero-img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 8;
	object-fit: cover;
}

.orang-page__body {
	max-width: 46rem;
	font-size: var(--font-size-body);
	line-height: var(--line-height-body, 1.85);
	color: var(--text-dark-secondary);
}

.orang-page--full .orang-page__body,
.orang-page__body--wide {
	max-width: none;
}

.orang-page__body > *:first-child {
	margin-top: 0;
}

.orang-page__body > *:last-child {
	margin-bottom: 0;
}

.orang-page__body h2,
.orang-page__body h3,
.orang-page__body h4 {
	color: var(--text-dark-primary);
	font-family: var(--font-persian);
	font-weight: 700;
	line-height: var(--line-height-heading);
	margin: var(--space-6) 0 var(--space-3);
}

.orang-page__body h2 {
	font-size: var(--font-size-h2);
}

.orang-page__body h3 {
	font-size: var(--font-size-h3);
}

.orang-page__body p {
	margin: 0 0 var(--space-4);
}

.orang-page__body a {
	color: var(--accent-link, var(--color-secondary));
}

.orang-page__body a:hover {
	color: var(--accent-link-hover, var(--color-secondary));
}

.orang-page__body ul,
.orang-page__body ol {
	margin: 0 0 var(--space-4);
	padding: 0 1.4em 0 0;
}

.orang-page__body li {
	margin-bottom: var(--space-2);
}

.orang-page__body blockquote {
	margin: 0 0 var(--space-5);
	padding: var(--space-4) var(--space-5);
	border-right: 3px solid var(--accent-primary, #edae19);
	background: var(--card-cream, var(--color-surface));
	border-radius: 0 var(--radius-md) var(--radius-md) 0;
	color: var(--text-dark-primary);
}

.orang-page__body img,
.orang-page__body .wp-block-image img,
.orang-page__body figure {
	max-width: 100%;
	height: auto;
}

.orang-page__body .wp-block-image,
.orang-page__body figure {
	margin: 0 0 var(--space-5);
}

.orang-page__body .wp-block-image img,
.orang-page__body figure img {
	border-radius: var(--radius-md);
}

.orang-page__body table {
	width: 100%;
	border-collapse: collapse;
	margin: 0 0 var(--space-5);
	font-size: var(--font-size-small);
}

.orang-page__body th,
.orang-page__body td {
	border: 1px solid var(--light-border, var(--color-border));
	padding: 0.65rem 0.85rem;
	text-align: right;
}

.orang-page__body th {
	background: var(--light-bg-elevated, var(--card-cream));
	color: var(--text-dark-primary);
}

.orang-page__links {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: var(--space-6);
}

.orang-page__links a,
.orang-page__links > span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 40px;
	height: 40px;
	padding: 0 12px;
	border: 1px solid var(--light-border, var(--color-border));
	border-radius: 10px;
	background: var(--card-cream, var(--color-surface));
	color: var(--text-dark-primary);
	text-decoration: none;
	font-weight: 600;
}

.orang-page .comments-area {
	margin-top: var(--space-7);
	padding-top: var(--space-6);
	border-top: 1px solid var(--light-border, var(--color-border));
	max-width: 46rem;
}

/* ========== ABOUT + CONTACT + COOPERATE PAGES ========== */
.orang-brand-hero {
	position: relative;
	margin: 0 0 var(--space-6);
	padding: clamp(1.75rem, 4vw, 3rem) clamp(1.25rem, 3vw, 2.5rem);
	border-radius: var(--radius-lg);
	overflow: hidden;
	background:
		radial-gradient(circle at 0 100%, rgba(237, 174, 25, 0.2), transparent 42%),
		linear-gradient(145deg, #2a2622 0%, #3d342c 58%, #2f2a26 100%);
	color: #f6efe6;
}

.orang-brand-hero .orang-breadcrumb {
	margin-bottom: var(--space-4);
}

.orang-brand-hero .orang-blog-breadcrumb__list,
.orang-brand-hero .orang-blog-breadcrumb__item,
.orang-brand-hero .orang-blog-breadcrumb a,
.orang-brand-hero .orang-blog-breadcrumb span {
	color: rgba(246, 239, 230, 0.72);
}

.orang-brand-hero .orang-blog-breadcrumb a:hover {
	color: #edae19;
}

.orang-brand-hero .orang-blog-breadcrumb__item:not(:last-child)::after {
	color: rgba(246, 239, 230, 0.45);
}

.orang-brand-hero__kicker {
	margin: 0 0 var(--space-2);
	color: #edae19;
	font-size: var(--font-size-small);
	font-weight: 700;
}

.orang-brand-hero__title {
	margin: 0 0 var(--space-3);
	color: #fff;
	font-size: var(--font-size-h1);
	font-weight: 700;
	line-height: var(--line-height-heading);
}

.orang-brand-hero__lead {
	margin: 0;
	max-width: 46rem;
	color: rgba(246, 239, 230, 0.84);
	font-size: var(--font-size-body);
	line-height: 1.85;
}

.orang-brand-hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-3);
	margin-top: var(--space-5);
}

.orang-brand-hero__actions .orang-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	min-height: 46px;
	padding: 0.55rem 1.4rem;
	text-decoration: none;
}

.orang-about__stats {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: var(--space-3);
	margin-bottom: var(--space-7);
}

.orang-about__stat {
	padding: var(--space-4);
	background: var(--card-cream, var(--color-surface));
	border: 1px solid var(--light-border, var(--color-border));
	border-radius: var(--radius-lg);
	box-shadow: var(--shadow-sm);
	text-align: center;
}

.orang-about__stat strong {
	display: block;
	margin-bottom: 0.35rem;
	color: var(--accent-copper, var(--color-primary));
	font-size: clamp(1.4rem, 2vw, 1.85rem);
	font-weight: 700;
	line-height: 1.3;
}

.orang-about__stat span {
	color: var(--text-dark-secondary);
	font-size: var(--font-size-small);
}

.orang-about__hero {
	margin: 0 0 var(--space-6);
	border-radius: var(--radius-lg);
	overflow: hidden;
	background: var(--light-bg-elevated, var(--color-surface-glass));
}

.orang-about__hero-img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 8;
	object-fit: cover;
}

.orang-about__story {
	margin-bottom: var(--space-7);
}

.orang-about__prose {
	max-width: 48rem;
	font-size: var(--font-size-body);
	line-height: var(--line-height-body, 1.85);
	color: var(--text-dark-secondary);
}

.orang-about__prose > *:first-child {
	margin-top: 0;
}

.orang-about__prose h2,
.orang-about__prose h3 {
	margin: var(--space-6) 0 var(--space-3);
	color: var(--text-dark-primary);
	font-weight: 700;
}

.orang-about__panels {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--space-4);
	margin-bottom: var(--space-7);
}

.orang-about__panel {
	display: flex;
	gap: var(--space-4);
	align-items: flex-start;
	padding: var(--space-5);
	background: var(--card-cream, var(--color-surface));
	border: 1px solid var(--light-border, var(--color-border));
	border-radius: var(--radius-lg);
	box-shadow: var(--shadow-sm);
}

.orang-about__panel-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	flex-shrink: 0;
	border-radius: 50%;
	background: var(--accent-muted, var(--color-primary-muted));
	color: var(--accent-copper, var(--color-primary));
	font-size: 1.15rem;
}

.orang-about__panel h2 {
	margin: 0 0 var(--space-2);
	font-size: var(--font-size-h3);
	font-weight: 700;
	color: var(--text-dark-primary);
}

.orang-about__panel p {
	margin: 0;
	color: var(--text-dark-secondary);
	line-height: 1.8;
}

.orang-about__section-title,
.orang-contact__form-title,
.orang-contact__map-block h2,
.orang-contact__social-panel h2,
.orang-cooperate__tracks .orang-about__section-title {
	margin: 0 0 var(--space-4);
	font-size: var(--font-size-h2);
	font-weight: 700;
	color: var(--text-dark-primary);
}

.orang-about__values {
	margin-bottom: var(--space-7);
}

.orang-about__values-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--space-4);
}

.orang-about__value {
	padding: var(--space-4);
	background: var(--card-cream, var(--color-surface));
	border: 1px solid var(--light-border, var(--color-border));
	border-radius: var(--radius-lg);
	box-shadow: var(--shadow-sm);
}

.orang-about__value-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	margin-bottom: var(--space-3);
	border-radius: 50%;
	background: var(--accent-muted, var(--color-primary-muted));
	color: var(--accent-copper, var(--color-primary));
}

.orang-about__value h3 {
	margin: 0 0 var(--space-2);
	font-size: var(--font-size-h4);
	font-weight: 700;
	color: var(--text-dark-primary);
}

.orang-about__value p {
	margin: 0;
	font-size: var(--font-size-small);
	line-height: 1.7;
	color: var(--text-dark-secondary);
}

.orang-about__trust {
	margin-bottom: var(--space-7);
}

.orang-about__cta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-4);
	padding: var(--space-5) var(--space-6);
	background: var(--card-cream, var(--color-surface));
	border: 1px solid var(--light-border, var(--color-border));
	border-radius: var(--radius-lg);
	box-shadow: var(--shadow-sm);
}

.orang-about__cta h2 {
	margin: 0 0 0.35rem;
	font-size: var(--font-size-h3);
	color: var(--text-dark-primary);
}

.orang-about__cta p {
	margin: 0;
	color: var(--text-dark-secondary);
}

.orang-about__cta-actions {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-3);
}

.orang-about__cta .orang-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 0.55rem 1.4rem;
	text-decoration: none;
}

.orang-contact__tiles {
	list-style: none;
	margin: 0 0 var(--space-6);
	padding: 0;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: var(--space-3);
}

.orang-contact__tile {
	padding: var(--space-4);
	background: var(--card-cream, var(--color-surface));
	border: 1px solid var(--light-border, var(--color-border));
	border-radius: var(--radius-lg);
	box-shadow: var(--shadow-sm);
}

.orang-contact__tile-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	margin-bottom: var(--space-3);
	border-radius: 50%;
	background: var(--accent-muted, var(--color-primary-muted));
	color: var(--accent-copper, var(--color-primary));
}

.orang-contact__tile-label {
	display: block;
	margin-bottom: 0.35rem;
	font-size: var(--font-size-caption);
	font-weight: 600;
	color: var(--text-dark-secondary);
}

.orang-contact__tile a,
.orang-contact__tile p {
	margin: 0;
	color: var(--text-dark-primary);
	font-weight: 700;
	text-decoration: none;
	overflow-wrap: anywhere;
}

.orang-contact__tile a:hover {
	color: var(--accent-link, var(--color-secondary));
}

.orang-contact__branches {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--space-4);
	margin-bottom: var(--space-6);
}

.orang-contact__branch {
	display: flex;
	gap: var(--space-3);
	align-items: flex-start;
	padding: var(--space-5);
	background: var(--card-cream, var(--color-surface));
	border: 1px solid var(--light-border, var(--color-border));
	border-radius: var(--radius-lg);
	box-shadow: var(--shadow-sm);
}

.orang-contact__branch-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	flex-shrink: 0;
	border-radius: 50%;
	background: var(--accent-muted, var(--color-primary-muted));
	color: var(--accent-copper, var(--color-primary));
}

.orang-contact__branch h2 {
	margin: 0 0 0.4rem;
	font-size: var(--font-size-h4);
	font-weight: 700;
	color: var(--text-dark-primary);
}

.orang-contact__branch p {
	margin: 0;
	color: var(--text-dark-secondary);
	line-height: 1.8;
}

.orang-contact__social-panel {
	padding: var(--space-5);
	background: var(--card-cream, var(--color-surface));
	border: 1px solid var(--light-border, var(--color-border));
	border-radius: var(--radius-lg);
	box-shadow: var(--shadow-sm);
}

.orang-contact__social-panel p {
	margin: 0 0 var(--space-4);
	color: var(--text-dark-secondary);
}

.orang-contact__grid {
	display: grid;
	grid-template-columns: minmax(16rem, 22rem) minmax(0, 1fr);
	gap: var(--space-6);
	align-items: start;
}

.orang-contact__cards {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: var(--space-3);
}

.orang-contact__card {
	display: flex;
	gap: var(--space-3);
	align-items: flex-start;
	padding: var(--space-4);
	background: var(--card-cream, var(--color-surface));
	border: 1px solid var(--light-border, var(--color-border));
	border-radius: var(--radius-lg);
	box-shadow: var(--shadow-sm);
}

.orang-contact__card-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	flex-shrink: 0;
	border-radius: 50%;
	background: var(--accent-muted, var(--color-primary-muted));
	color: var(--accent-copper, var(--color-primary));
}

.orang-contact__card-label {
	display: block;
	margin-bottom: 0.2rem;
	font-size: var(--font-size-caption);
	font-weight: 600;
	color: var(--text-dark-secondary);
}

.orang-contact__card a,
.orang-contact__card p {
	margin: 0;
	color: var(--text-dark-primary);
	font-weight: 600;
	text-decoration: none;
	overflow-wrap: anywhere;
}

.orang-contact__card a:hover {
	color: var(--accent-link, var(--color-secondary));
}

.orang-contact__social {
	margin-top: var(--space-5);
}

.orang-contact__social p {
	margin: 0 0 var(--space-3);
	font-weight: 700;
	color: var(--text-dark-primary);
}

.orang-contact__social-links {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-2);
}

.orang-contact__social-links a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: var(--card-cream, var(--color-surface));
	border: 1px solid var(--light-border, var(--color-border));
	color: var(--accent-copper, var(--color-primary));
	text-decoration: none;
}

.orang-contact__social-links a:hover {
	border-color: var(--accent-primary, #edae19);
	background: var(--accent-muted, var(--color-primary-muted));
}

.orang-contact__form-panel {
	padding: var(--space-6);
	background: var(--card-cream, var(--color-surface));
	border: 1px solid var(--light-border, var(--color-border));
	border-radius: var(--radius-lg);
	box-shadow: var(--shadow-sm);
}

.orang-contact__form-lead,
.orang-contact__form-empty {
	margin: 0 0 var(--space-4);
	color: var(--text-dark-secondary);
	font-size: var(--font-size-small);
}

.orang-contact .wpcf7 p,
.orang-cooperate .wpcf7 p {
	margin: 0 0 var(--space-4);
}

.orang-contact .wpcf7 label,
.orang-cooperate .wpcf7 label {
	display: block;
	margin-bottom: 0.4rem;
	font-size: var(--font-size-small);
	font-weight: 600;
	color: var(--text-dark-primary);
}

.orang-contact .wpcf7 input[type="text"],
.orang-contact .wpcf7 input[type="email"],
.orang-contact .wpcf7 input[type="tel"],
.orang-contact .wpcf7 input[type="url"],
.orang-contact .wpcf7 input[type="number"],
.orang-contact .wpcf7 textarea,
.orang-contact .wpcf7 select,
.orang-cooperate .wpcf7 input[type="text"],
.orang-cooperate .wpcf7 input[type="email"],
.orang-cooperate .wpcf7 input[type="tel"],
.orang-cooperate .wpcf7 input[type="url"],
.orang-cooperate .wpcf7 input[type="number"],
.orang-cooperate .wpcf7 textarea,
.orang-cooperate .wpcf7 select {
	width: 100%;
	max-width: 100%;
	padding: 0.8rem 1rem;
	border: 1px solid var(--light-border, var(--color-border));
	border-radius: var(--radius-md);
	background: #fff;
	color: var(--text-dark-primary);
	font-family: var(--font-persian);
	font-size: var(--font-size-body);
}

.orang-contact .wpcf7 input:focus,
.orang-contact .wpcf7 textarea:focus,
.orang-contact .wpcf7 select:focus,
.orang-cooperate .wpcf7 input:focus,
.orang-cooperate .wpcf7 textarea:focus,
.orang-cooperate .wpcf7 select:focus {
	outline: none;
	border-color: var(--accent-primary, #edae19);
	box-shadow: 0 0 0 3px rgba(237, 174, 25, 0.18);
}

.orang-contact .wpcf7 textarea,
.orang-cooperate .wpcf7 textarea {
	min-height: 8.5rem;
	resize: vertical;
}

.orang-contact .wpcf7 input[type="submit"],
.orang-contact .wpcf7 button,
.orang-cooperate .wpcf7 input[type="submit"],
.orang-cooperate .wpcf7 button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 46px;
	padding: 0.65rem 1.6rem;
	border: 0;
	border-radius: var(--radius-full);
	background: var(--accent-cta, #edae19);
	color: var(--accent-button-text, #2a2622);
	font-family: var(--font-persian);
	font-size: var(--font-size-body);
	font-weight: 700;
	cursor: pointer;
}

.orang-contact .wpcf7 input[type="submit"]:hover,
.orang-contact .wpcf7 button:hover,
.orang-cooperate .wpcf7 input[type="submit"]:hover,
.orang-cooperate .wpcf7 button:hover {
	background: var(--accent-cta-hover, #f2bc28);
}

.orang-contact .wpcf7-not-valid-tip,
.orang-cooperate .wpcf7-not-valid-tip {
	margin-top: 0.35rem;
	font-size: var(--font-size-caption);
	color: #b42318;
}

.orang-contact .wpcf7-response-output,
.orang-cooperate .wpcf7-response-output {
	margin: var(--space-4) 0 0;
	padding: var(--space-3) var(--space-4);
	border-radius: var(--radius-md);
	border: 1px solid var(--light-border, var(--color-border));
	font-size: var(--font-size-small);
}

.orang-contact .wpcf7-mail-sent-ok,
.orang-contact .wpcf7 form.sent .wpcf7-response-output,
.orang-cooperate .wpcf7-mail-sent-ok,
.orang-cooperate .wpcf7 form.sent .wpcf7-response-output {
	border-color: #8a9a7b;
	background: rgba(138, 154, 123, 0.12);
}

.orang-contact .wpcf7-validation-errors,
.orang-contact .wpcf7 form.invalid .wpcf7-response-output,
.orang-contact .wpcf7 form.failed .wpcf7-response-output,
.orang-cooperate .wpcf7-validation-errors,
.orang-cooperate .wpcf7 form.invalid .wpcf7-response-output,
.orang-cooperate .wpcf7 form.failed .wpcf7-response-output {
	border-color: #d4a017;
	background: var(--accent-muted, rgba(237, 174, 25, 0.12));
}

.orang-contact__map-block {
	margin-top: var(--space-7);
}

.orang-contact__map {
	border-radius: var(--radius-lg);
	overflow: hidden;
	border: 1px solid var(--light-border, var(--color-border));
	background: var(--light-bg-elevated, var(--color-surface-glass));
	min-height: 260px;
}

.orang-contact__map--empty {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: var(--space-6);
	text-align: center;
	color: var(--text-dark-secondary);
}

.orang-contact__map iframe {
	display: block;
	width: 100%;
	height: 320px;
	border: 0;
}

.orang-cooperate__tracks {
	margin-bottom: var(--space-7);
}

.orang-cooperate__tracks-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: var(--space-4);
}

.orang-cooperate__track {
	padding: var(--space-4);
	background: var(--card-cream, var(--color-surface));
	border: 1px solid var(--light-border, var(--color-border));
	border-radius: var(--radius-lg);
	box-shadow: var(--shadow-sm);
}

.orang-cooperate__track-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	margin-bottom: var(--space-3);
	border-radius: 50%;
	background: var(--accent-muted, var(--color-primary-muted));
	color: var(--accent-copper, var(--color-primary));
}

.orang-cooperate__track h3 {
	margin: 0 0 var(--space-2);
	font-size: var(--font-size-h4);
	font-weight: 700;
	color: var(--text-dark-primary);
}

.orang-cooperate__track p {
	margin: 0;
	font-size: var(--font-size-small);
	line-height: 1.7;
	color: var(--text-dark-secondary);
}

.orang-cooperate__steps {
	list-style: none;
	margin: 0 0 var(--space-7);
	padding: 0;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--space-4);
}

.orang-cooperate__step {
	padding: var(--space-5);
	background: var(--card-cream, var(--color-surface));
	border: 1px solid var(--light-border, var(--color-border));
	border-radius: var(--radius-lg);
	box-shadow: var(--shadow-sm);
}

.orang-cooperate__step strong {
	display: block;
	margin-bottom: var(--space-2);
	color: var(--accent-copper, var(--color-primary));
	font-size: clamp(1.4rem, 2vw, 1.85rem);
	font-weight: 700;
	line-height: 1.3;
}

.orang-cooperate__step h3 {
	margin: 0 0 var(--space-2);
	font-size: var(--font-size-h4);
	font-weight: 700;
	color: var(--text-dark-primary);
}

.orang-cooperate__step p {
	margin: 0;
	color: var(--text-dark-secondary);
	line-height: 1.7;
	font-size: var(--font-size-small);
}

.orang-cooperate__grid {
	margin-bottom: var(--space-7);
	scroll-margin-top: 6rem;
}

.orang-cooperate__aside-line {
	margin: 0 0 var(--space-3);
}

.orang-cooperate__aside-line a {
	color: var(--text-dark-primary);
	font-weight: 700;
	text-decoration: none;
	overflow-wrap: anywhere;
}

.orang-cooperate__aside-line a:hover {
	color: var(--accent-link, var(--color-secondary));
}

.orang-cooperate .wpcf7 .row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0 var(--space-4);
	margin: 0;
}

.orang-cooperate .wpcf7 .col-6,
.orang-cooperate .wpcf7 .col-12 {
	width: 100%;
	max-width: none;
	padding: 0;
	flex: none;
}

.orang-cooperate .wpcf7 .col-12 {
	grid-column: 1 / -1;
}

.orang-cooperate .wpcf7 .w-100,
.orang-cooperate .wpcf7 .fields {
	width: 100%;
	max-width: 100%;
}

.orang-cooperate .wpcf7 input[type="file"] {
	padding: 0.55rem 0;
	border: 0;
	background: transparent;
	box-shadow: none;
}

.orang-cooperate .wpcf7 .send-svg-arrow,
.orang-cooperate .wpcf7 .wrapper-send-it {
	display: flex;
	justify-content: flex-start;
	width: 100%;
}

.orang-cooperate .wpcf7 .wrapper-svg {
	display: none;
}

/* ========== BLOG / PAGE / SEARCH / 404 RESPONSIVE ========== */
@media (max-width: 992px) {
	.orang-blog-archive-page .orang-container,
	.orang-content-page .orang-container {
		padding: 0 20px;
	}

	.orang-blog-archive,
	.orang-page {
		padding: var(--space-6) 0 var(--space-7);
	}

	.orang-blog-archive__layout {
		grid-template-columns: 1fr;
		gap: var(--space-5);
	}

	.orang-blog-archive .orang-seo-box {
		padding: var(--space-5);
	}

	.orang-search .orang-product-grid--4 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.orang-blog-single .orang-post-related__grid.home-blog-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.orang-page__hero-img {
		aspect-ratio: 16 / 9;
	}

	.orang-post-article__body,
	.orang-page__body {
		max-width: none;
	}

	.orang-blog-single .comments-area,
	.orang-page .comments-area {
		max-width: none;
	}

	.orang-about__story,
	.orang-contact__grid,
	.orang-about__values-grid,
	.orang-about__panels,
	.orang-about__stats,
	.orang-contact__tiles,
	.orang-contact__branches,
	.orang-cooperate__tracks-grid,
	.orang-cooperate__steps {
		grid-template-columns: 1fr 1fr;
	}

	.orang-contact__grid,
	.orang-about__panels {
		grid-template-columns: 1fr;
	}

	.orang-cooperate .wpcf7 .row {
		grid-template-columns: 1fr;
	}

	.orang-about__hero-img {
		aspect-ratio: 16 / 9;
	}

	.orang-contact__form-panel {
		padding: var(--space-5);
	}
}

@media (max-width: 767px) {
	.orang-blog-archive-page .orang-container,
	.orang-content-page .orang-container {
		padding: 0 16px;
	}

	.orang-post-card--featured {
		grid-template-columns: 1fr;
	}

	.orang-post-card--featured .home-blog-card__media,
	.orang-post-card--featured .orang-post-card__placeholder {
		min-height: 0;
		aspect-ratio: 16 / 10;
		height: auto;
	}

	.orang-blog-archive .orang-subcat-nav,
	.orang-search-filters,
	.orang-page .orang-subcat-nav {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		margin-inline: -16px;
		padding: 0 16px 4px;
		scrollbar-width: thin;
	}

	.orang-search .orang-page-search + .orang-search-filters {
		margin-top: var(--space-5);
	}

	.orang-blog-archive .orang-subcat-nav__list,
	.orang-search-filters .orang-subcat-nav__list,
	.orang-page .orang-subcat-nav__list {
		flex-wrap: nowrap;
	}

	.orang-blog-archive .orang-subcat-nav__btn,
	.orang-page .orang-subcat-nav__btn {
		white-space: nowrap;
		flex-shrink: 0;
	}

	.orang-post-article__body table,
	.orang-page__body table,
	.orang-blog-archive .orang-seo-box__content table {
		display: block;
		width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	.orang-post-article__body,
	.orang-page__body {
		overflow-wrap: anywhere;
	}

	.orang-blog-archive .home-blog-card:hover,
	.orang-search .orang-product-card__link:hover {
		transform: none;
	}
}

@media (max-width: 576px) {
	.orang-blog-archive .orang-blog-archive__grid.home-blog-grid,
	.orang-blog-single .orang-post-related__grid.home-blog-grid,
	.orang-search .orang-product-grid--4 {
		grid-template-columns: 1fr;
	}

	.orang-blog-archive,
	.orang-page {
		padding: var(--space-5) 0 var(--space-6);
	}

	.orang-blog-archive__header,
	.orang-post-article__header,
	.orang-page__header {
		margin-bottom: var(--space-4);
	}

	.orang-blog-archive .home-blog-card__body {
		padding: var(--space-4);
	}

	.orang-search .orang-product-card__link {
		padding: var(--space-3);
	}

	.orang-blog-archive .page-numbers {
		min-width: 36px;
		height: 36px;
		padding: 0 10px;
	}

	.orang-blog-archive .orang-seo-box {
		margin-top: var(--space-5);
		padding: var(--space-4);
	}

	.orang-blog-single .comment-list .children {
		padding-right: 0.75rem;
	}

	.orang-utility__panel {
		margin-top: var(--space-3);
		padding: var(--space-5) var(--space-4);
	}

	.orang-utility__actions {
		flex-direction: column;
	}

	.orang-utility__actions .orang-btn {
		width: 100%;
	}

	.orang-search-section + .orang-search-section {
		margin-top: var(--space-6);
		padding-top: var(--space-5);
	}

	.orang-page-search {
		flex-direction: column;
		border-radius: var(--radius-lg);
		max-width: none;
	}

	.orang-page-search__submit {
		padding: 0.75rem 1.15rem;
	}

	.orang-post-article__hero-img,
	.orang-page__hero-img,
	.orang-about__hero-img {
		aspect-ratio: 16 / 10;
	}

	.orang-about__cta,
	.orang-brand-hero__actions,
	.orang-about__cta-actions {
		flex-direction: column;
	}

	.orang-about__cta .orang-btn,
	.orang-brand-hero__actions .orang-btn,
	.orang-about__cta-actions .orang-btn {
		width: 100%;
	}

	.orang-about__stats,
	.orang-contact__tiles,
	.orang-contact__branches,
	.orang-about__values-grid,
	.orang-cooperate__tracks-grid,
	.orang-cooperate__steps {
		grid-template-columns: 1fr;
	}

	.orang-contact__form-panel {
		padding: var(--space-4);
	}

	.orang-contact__map iframe {
		height: 240px;
	}
}