/**
 * Precision Home Design System
 *
 * المتغيرات الأساسية المشتركة للقالب.
 *
 * @package PrecisionHome
 * @version 1.0.0
 */

:root {

	/* الهوية */
	--ph-color-primary: #8e3b43;
	--ph-color-primary-dark: #742f36;
	--ph-color-primary-soft: rgba(142, 59, 67, 0.09);

	--ph-color-gold: #d4af37;
	--ph-color-gold-light: #efd16b;
	--ph-color-gold-soft: rgba(212, 175, 55, 0.12);

	--ph-color-dark: #15171b;
	--ph-color-dark-soft: #20252d;

	--ph-color-text: #4b4f56;
	--ph-color-muted: #737881;

	--ph-color-white: #ffffff;
	--ph-color-background: #f6f6f7;
	--ph-color-surface: #ffffff;
	--ph-color-border: #e7e7e7;

	--ph-color-success: #17874b;
	--ph-color-warning: #b7791f;
	--ph-color-error: #b42318;

	/* الخطوط */
	--ph-font-family: "Tajawal", sans-serif;

	--ph-font-size-xs: 0.75rem;
	--ph-font-size-sm: 0.875rem;
	--ph-font-size-base: 1rem;
	--ph-font-size-lg: 1.125rem;
	--ph-font-size-xl: 1.375rem;
	--ph-font-size-2xl: clamp(1.75rem, 4vw, 2.5rem);
	--ph-font-size-3xl: clamp(2.25rem, 5vw, 4rem);

	--ph-font-weight-regular: 400;
	--ph-font-weight-medium: 500;
	--ph-font-weight-bold: 700;
	--ph-font-weight-extra-bold: 800;

	/* المسافات */
	--ph-space-1: 0.25rem;
	--ph-space-2: 0.5rem;
	--ph-space-3: 0.75rem;
	--ph-space-4: 1rem;
	--ph-space-5: 1.25rem;
	--ph-space-6: 1.5rem;
	--ph-space-8: 2rem;
	--ph-space-10: 2.5rem;
	--ph-space-12: 3rem;
	--ph-space-16: 4rem;
	--ph-space-20: 5rem;
	--ph-space-24: 6rem;

	/* الحواف */
	--ph-radius-sm: 0.625rem;
	--ph-radius-md: 0.875rem;
	--ph-radius-lg: 1.125rem;
	--ph-radius-xl: 1.5rem;
	--ph-radius-pill: 999px;

	/* الظلال */
	--ph-shadow-sm:
		0 6px 18px rgba(21, 23, 27, 0.06);

	--ph-shadow-md:
		0 16px 38px rgba(21, 23, 27, 0.1);

	--ph-shadow-lg:
		0 28px 65px rgba(21, 23, 27, 0.15);

	/* الحركة */
	--ph-transition-fast: 180ms ease;
	--ph-transition-base: 260ms ease;
	--ph-transition-slow: 500ms cubic-bezier(0.22, 0.72, 0.22, 1);

	/* الحاوية */
	--ph-container-width: 1280px;
	--ph-container-padding: clamp(16px, 4vw, 32px);

	/* طبقات العناصر */
	--ph-z-content: 2;
	--ph-z-header: 100;
	--ph-z-overlay: 500;
	--ph-z-modal: 1000;
}

/* إعدادات أساسية مشتركة */

html {
	scroll-behavior: smooth;
}

body {
	background: var(--ph-color-background);
	color: var(--ph-color-text);
	font-family: var(--ph-font-family);
}

img,
svg {
	max-width: 100%;
}

button,
input,
select,
textarea {
	font: inherit;
}

a {
	color: inherit;
}

.ph-container {
	width: min(
		calc(100% - (var(--ph-container-padding) * 2)),
		var(--ph-container-width)
	);
	margin-inline: auto;
}

/* تحسين التركيز بلوحة المفاتيح */

:where(
	a,
	button,
	input,
	select,
	textarea
):focus-visible {
	outline: 3px solid rgba(212, 175, 55, 0.5);
	outline-offset: 3px;
}

/* منع الحركة لمن يفضّل تقليلها */

@media (prefers-reduced-motion: reduce) {

	html {
		scroll-behavior: auto;
	}

	*,
	*::before,
	*::after {
		scroll-behavior: auto !important;
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
	}
}

/* v5.7 visual consistency tokens */
:root{
	--ph-section-space-mobile:clamp(3.4rem,9vw,4.8rem);
	--ph-section-space-desktop:clamp(5rem,7vw,7.5rem);
	--ph-card-radius:20px;
	--ph-card-border:1px solid rgba(142,59,67,.10);
	--ph-card-shadow:0 14px 34px rgba(21,23,27,.07);
}


/**
 * Header Styles
 * Precision Home
 */

/* =========================================================
   Header Base
   ========================================================= */

.ph-site-header {
	position: relative;
	z-index: 1000;
	width: 100%;
	background: var(--ph-white);
}

.ph-site-header svg {
	flex: 0 0 auto;
}

/* =========================================================
   Top Bar
   ========================================================= */

.ph-topbar {
	background:
		linear-gradient(
			135deg,
			var(--ph-primary-dark) 0%,
			var(--ph-primary) 100%
		);
	color: var(--ph-white);
	font-size: 0.875rem;
}

.ph-topbar__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1.5rem;
	min-height: 42px;
}

.ph-topbar__contact,
.ph-topbar__actions {
	display: flex;
	align-items: center;
	gap: 1.25rem;
	min-width: 0;
}

.ph-topbar__trust {
	display: inline-flex;
	align-items: center;
	gap: 0.6rem;
	color: rgba(255, 255, 255, 0.86);
	font-size: 0.78rem;
	font-weight: 700;
	white-space: nowrap;
}

.ph-topbar__trust i {
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: var(--ph-gold);
	box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.14);
}

.ph-topbar__item {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	color: rgba(255, 255, 255, 0.92);
	white-space: nowrap;
}

a.ph-topbar__item:hover {
	color: var(--ph-gold);
}

.ph-topbar__item svg {
	color: var(--ph-gold);
}

.ph-topbar__whatsapp {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	min-height: 42px;
	padding-inline: 1rem;
	background: rgba(255, 255, 255, 0.1);
	color: var(--ph-white);
	border-inline: 1px solid rgba(255, 255, 255, 0.12);
	font-weight: 700;
}

.ph-topbar__whatsapp:hover {
	background: var(--ph-gold);
	color: var(--ph-dark);
}

/* =========================================================
   Main Header
   ========================================================= */

.ph-header-main {
	position: relative;
	background: rgba(255, 255, 255, 0.98);
	border-bottom: 1px solid rgba(21, 23, 27, 0.07);
	box-shadow: 0 8px 28px rgba(21, 23, 27, 0.05);
}

.ph-header-main__inner {
	display: grid;
	grid-template-columns: minmax(190px, 0.8fr) minmax(420px, 2fr) auto;
	align-items: center;
	gap: clamp(1.25rem, 3vw, 3rem);
	min-height: 88px;
}

/* =========================================================
   Branding
   ========================================================= */

.ph-branding {
	display: flex;
	align-items: center;
	min-width: 0;
}

.ph-logo {
	display: flex;
	align-items: center;
}

.ph-logo .custom-logo-link {
	display: inline-flex;
	align-items: center;
}

.ph-logo .custom-logo {
	width: auto;
	max-width: 210px;
	max-height: 68px;
	object-fit: contain;
}

.ph-branding__text {
	display: inline-flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.1rem;
	color: var(--ph-primary);
	line-height: 1.15;
}

.ph-branding__text:hover {
	color: var(--ph-primary-dark);
}

.ph-branding__text strong {
	font-size: clamp(1.25rem, 2vw, 1.65rem);
	font-weight: 800;
}

.ph-branding__text span {
	color: var(--ph-gold-dark);
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.12em;
}

/* =========================================================
   Desktop Navigation
   ========================================================= */

.ph-primary-navigation {
	display: flex;
	align-items: center;
	justify-content: center;
}

.ph-primary-menu {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: clamp(1rem, 2vw, 1.8rem);
	margin: 0;
	padding: 0;
	list-style: none;
}

.ph-primary-menu > li {
	position: relative;
	margin: 0;
}

.ph-primary-menu > li > a {
	position: relative;
	display: flex;
	align-items: center;
	min-height: 88px;
	color: var(--ph-heading);
	font-size: 0.98rem;
	font-weight: 700;
	white-space: nowrap;
}

.ph-primary-menu > li > a::after {
	position: absolute;
	right: 50%;
	bottom: 20px;
	width: 0;
	height: 3px;
	background: var(--ph-gold);
	border-radius: var(--ph-radius-pill);
	content: "";
	transform: translateX(50%);
	transition: width var(--ph-transition);
}

.ph-primary-menu > li > a:hover,
.ph-primary-menu > .current-menu-item > a,
.ph-primary-menu > .current-menu-ancestor > a {
	color: var(--ph-primary);
}

.ph-primary-menu > li > a:hover::after,
.ph-primary-menu > .current-menu-item > a::after,
.ph-primary-menu > .current-menu-ancestor > a::after {
	width: 28px;
}

/* =========================================================
   Dropdown Navigation
   ========================================================= */

.ph-primary-menu .sub-menu {
	position: absolute;
	z-index: 50;
	top: calc(100% - 10px);
	right: 0;
	width: 235px;
	margin: 0;
	padding: 0.65rem;
	visibility: hidden;
	opacity: 0;
	background: var(--ph-white);
	border: 1px solid var(--ph-border);
	border-top: 3px solid var(--ph-primary);
	border-radius: 0 0 var(--ph-radius-md) var(--ph-radius-md);
	box-shadow: var(--ph-shadow-md);
	list-style: none;
	transform: translateY(12px);
	transition:
		opacity var(--ph-transition-fast),
		visibility var(--ph-transition-fast),
		transform var(--ph-transition-fast);
}

.ph-primary-menu li:hover > .sub-menu,
.ph-primary-menu li:focus-within > .sub-menu {
	visibility: visible;
	opacity: 1;
	transform: translateY(0);
}

.ph-primary-menu .sub-menu li {
	margin: 0;
}

.ph-primary-menu .sub-menu a {
	display: block;
	padding: 0.75rem 0.85rem;
	color: var(--ph-text);
	border-radius: var(--ph-radius-sm);
	font-size: 0.9rem;
	font-weight: 600;
}

.ph-primary-menu .sub-menu a:hover {
	padding-inline-start: 1rem;
	background: var(--ph-primary-soft);
	color: var(--ph-primary);
}

/* =========================================================
   Header Actions
   ========================================================= */

.ph-header-actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 0.75rem;
}

.ph-header-call {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	flex: 0 0 46px;
	background: var(--ph-primary-soft);
	color: var(--ph-primary);
	border: 1px solid rgba(142, 59, 67, 0.15);
	border-radius: 50%;
}

.ph-header-call:hover {
	background: var(--ph-primary);
	color: var(--ph-white);
	transform: translateY(-2px);
	box-shadow: 0 12px 26px rgba(142, 59, 67, 0.22);
}

.ph-header-cta {
	min-height: 48px;
	padding-inline: 1.3rem;
	border-radius: 12px;
	white-space: nowrap;
}

/* =========================================================
   Mobile Toggle
   ========================================================= */

.ph-mobile-menu-toggle {
	display: none;
	position: relative;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 5px;
	width: 46px;
	height: 46px;
	padding: 0;
	background: var(--ph-dark);
	border: 0;
	border-radius: 12px;
}

.ph-mobile-menu-toggle span {
	display: block;
	width: 21px;
	height: 2px;
	background: var(--ph-white);
	border-radius: var(--ph-radius-pill);
	transition:
		transform var(--ph-transition-fast),
		opacity var(--ph-transition-fast);
}

/* =========================================================
   Sticky State
   ========================================================= */

.ph-site-header.is-sticky .ph-header-main {
	position: fixed;
	top: var(--ph-admin-offset, 0);
	right: 0;
	left: 0;
	z-index: 1000;
	animation: ph-header-slide-down 260ms ease;
	box-shadow: 0 12px 40px rgba(21, 23, 27, 0.12);
}

.ph-site-header.is-sticky .ph-header-main__inner {
	min-height: 72px;
}

.ph-site-header.is-sticky .ph-logo .custom-logo {
	max-height: 55px;
}

.ph-site-header.is-sticky .ph-primary-menu > li > a {
	min-height: 72px;
}

.ph-site-header.is-sticky .ph-primary-menu > li > a::after {
	bottom: 13px;
}

@keyframes ph-header-slide-down {
	from {
		opacity: 0;
		transform: translateY(-100%);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* =========================================================
   Tablet
   ========================================================= */

@media (max-width: 1100px) {
	.ph-header-main__inner {
		grid-template-columns: auto 1fr auto;
		gap: 1rem;
	}

	.ph-primary-menu {
		gap: 0.85rem;
	}

	.ph-primary-menu > li > a {
		font-size: 0.9rem;
	}

	.ph-header-call {
		display: none;
	}

	.ph-header-cta {
		padding-inline: 1rem;
		font-size: 0.9rem;
	}
}

/* =========================================================
   Mobile
   ========================================================= */

@media (max-width: 900px) {
	.ph-topbar__inner {
		min-height: 38px;
	}

	.ph-topbar__contact {
		width: 100%;
		justify-content: center;
	}

	.ph-topbar__contact .ph-topbar__item:not(:first-child),
	.ph-topbar__actions {
		display: none;
	}

	.ph-header-main__inner {
		display: flex;
		justify-content: space-between;
		min-height: 74px;
	}

	.ph-logo .custom-logo {
		max-width: 165px;
		max-height: 55px;
	}

	.ph-primary-navigation {
		position: fixed;
		z-index: 999;
		top: 0;
		right: 0;
		bottom: 0;
		display: block;
		width: min(86vw, 360px);
		padding: 6rem 1.25rem 2rem;
		visibility: hidden;
		opacity: 0;
		background: var(--ph-white);
		box-shadow: -20px 0 60px rgba(21, 23, 27, 0.18);
		transform: translateX(100%);
		transition:
			transform var(--ph-transition),
			opacity var(--ph-transition),
			visibility var(--ph-transition);
		overflow-y: auto;
	}

	.ph-primary-navigation.is-open {
		visibility: visible;
		opacity: 1;
		transform: translateX(0);
	}

	.ph-primary-menu {
		display: block;
	}

	.ph-primary-menu > li {
		border-bottom: 1px solid var(--ph-border);
	}

	.ph-primary-menu > li > a {
		min-height: auto;
		padding-block: 0.9rem;
		font-size: 1rem;
	}

	.ph-primary-menu > li > a::after {
		display: none;
	}

	.ph-primary-menu .sub-menu {
		position: static;
		display: block;
		width: 100%;
		padding: 0 0.75rem 0.7rem;
		visibility: visible;
		opacity: 1;
		background: transparent;
		border: 0;
		box-shadow: none;
		transform: none;
	}

	.ph-primary-menu .sub-menu a {
		padding-block: 0.55rem;
	}

	.ph-header-cta {
		display: none;
	}

	.ph-mobile-menu-toggle {
		display: inline-flex;
		z-index: 1001;
	}

	.ph-mobile-menu-toggle.is-active span:nth-child(1) {
		transform: translateY(7px) rotate(45deg);
	}

	.ph-mobile-menu-toggle.is-active span:nth-child(2) {
		opacity: 0;
	}

	.ph-mobile-menu-toggle.is-active span:nth-child(3) {
		transform: translateY(-7px) rotate(-45deg);
	}

	body.ph-menu-open {
		overflow: hidden;
	}
}

/* =========================================================
   Small Mobile
   ========================================================= */

@media (max-width: 480px) {
	.ph-topbar {
		font-size: 0.8rem;
	}

	.ph-header-main__inner {
		min-height: 68px;
	}

	.ph-logo .custom-logo {
		max-width: 145px;
		max-height: 48px;
	}

	.ph-mobile-menu-toggle {
		width: 42px;
		height: 42px;
	}
}
/**
 * Premium Mobile Header
 * Precision Home
 * Version 2.0.0
 */

/* ==================================================
   عناصر قائمة الجوال مخفية على الكمبيوتر
================================================== */

.ph-mobile-menu-toggle,
.ph-mobile-menu-overlay,
.ph-mobile-drawer {
	display: none;
}

/* ==================================================
   Mobile Header
================================================== */

@media (max-width: 767px) {

	body.ph-mobile-menu-open {
		overflow: hidden;
		touch-action: none;
	}

	/* ==============================================
	   الشريط العلوي
	============================================== */

	.ph-topbar {
		position: relative;
		z-index: 1002;
		background:
			linear-gradient(
				135deg,
				#742f36 0%,
				#8e3b43 55%,
				#742f36 100%
			);
		border-bottom: 1px solid rgba(212, 175, 55, 0.36);
		box-shadow: 0 5px 16px rgba(21, 23, 27, 0.12);
	}

	.ph-topbar__inner {
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto;
		align-items: center;
		gap: 9px;
		min-height: 44px;
		padding-top: 5px;
		padding-bottom: 5px;
	}

	.ph-topbar__contact {
		display: flex;
		align-items: center;
		min-width: 0;
	}

	.ph-topbar__actions {
		display: flex;
		align-items: center;
		gap: 7px;
	}

	/* إخفاء العنوان الطويل على الهاتف */

	.ph-topbar__address {
		display: none !important;
	}

	.ph-topbar__item {
		display: inline-flex;
		align-items: center;
		gap: 7px;
		min-width: 0;
		margin: 0;
		color: #ffffff;
		text-decoration: none;
	}

	.ph-topbar__phone {
		padding-left: 9px;
		border-left: 1px solid rgba(255, 255, 255, 0.18);
	}

	.ph-topbar__icon {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 27px;
		height: 27px;
		flex: 0 0 27px;
		background: rgba(255, 255, 255, 0.1);
		color: #efd16b;
		border: 1px solid rgba(212, 175, 55, 0.32);
		border-radius: 8px;
	}

	.ph-topbar__icon svg {
		width: 15px;
		height: 15px;
	}

	.ph-topbar__item-content {
		display: flex;
		flex-direction: column;
		min-width: 0;
	}

	.ph-topbar__item-content small {
		display: none;
	}

	.ph-topbar__item-content strong {
		color: #ffffff;
		font-size: 11.5px;
		font-weight: 800;
		line-height: 1.4;
		white-space: nowrap;
	}

	.ph-topbar__hours {
		gap: 5px;
	}

	.ph-topbar__hours .ph-topbar__icon {
		width: 25px;
		height: 25px;
		flex-basis: 25px;
	}

	.ph-topbar__hours .ph-topbar__item-content strong {
		max-width: 100px;
		overflow: hidden;
		font-size: 10.5px;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.ph-topbar__whatsapp {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 29px;
		height: 29px;
		padding: 0;
		background: #16874a;
		color: #ffffff;
		border: 1px solid rgba(255, 255, 255, 0.22);
		border-radius: 9px;
		box-shadow: 0 6px 14px rgba(0, 0, 0, 0.16);
		text-decoration: none;
	}

	.ph-topbar__whatsapp span {
		display: none;
	}

	.ph-topbar__whatsapp svg {
		width: 17px;
		height: 17px;
	}

	/* ==============================================
	   الهيدر الرئيسي
	============================================== */

	.ph-header-main {
		position: relative;
		z-index: 1001;
		background: rgba(255, 255, 255, 0.98);
		border-bottom: 1px solid rgba(116, 47, 54, 0.09);
		box-shadow: 0 8px 24px rgba(21, 23, 27, 0.08);
		backdrop-filter: blur(12px);
		-webkit-backdrop-filter: blur(12px);
	}

	.ph-header-main__inner {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 15px;
		min-height: 72px;
		padding-top: 8px;
		padding-bottom: 8px;
	}

	.ph-branding {
		display: flex;
		align-items: center;
		min-width: 0;
		max-width: calc(100% - 62px);
	}

	.ph-logo,
	.ph-logo .custom-logo-link {
		display: flex;
		align-items: center;
	}

	.ph-logo img,
	.ph-logo .custom-logo {
		display: block;
		width: auto;
		max-width: 190px;
		height: auto;
		max-height: 55px;
		object-fit: contain;
	}

	.ph-branding__text strong {
		display: block;
		color: #8e3b43;
		font-size: 23px;
		font-weight: 800;
		line-height: 1.2;
	}

	.ph-branding__text span {
		display: block;
		margin-top: 2px;
		color: #4f545c;
		font-size: 9px;
		font-weight: 700;
		letter-spacing: 1px;
	}

	/* إخفاء عناصر الكمبيوتر */

	.ph-primary-navigation,
	.ph-header-call,
	.ph-header-cta {
		display: none !important;
	}

	.ph-header-actions {
		display: flex;
		align-items: center;
		justify-content: flex-end;
		flex: 0 0 auto;
	}

	/* ==============================================
	   زر الهامبرغر
	============================================== */

	.ph-mobile-menu-toggle {
		position: relative;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		gap: 5px;
		width: 48px;
		height: 48px;
		padding: 0;
		background:
			linear-gradient(
				145deg,
				#742f36,
				#8e3b43
			);
		color: #efd16b;
		border: 1px solid rgba(212, 175, 55, 0.72);
		border-radius: 13px;
		box-shadow:
			0 10px 22px rgba(116, 47, 54, 0.25),
			inset 0 1px 0 rgba(255, 255, 255, 0.1);
		cursor: pointer;
		-webkit-tap-highlight-color: transparent;
		transition:
			transform 220ms ease,
			background-color 220ms ease,
			box-shadow 220ms ease;
	}

	.ph-mobile-menu-toggle span {
		display: block;
		width: 22px;
		height: 2px;
		background: currentColor;
		border-radius: 999px;
		transform-origin: center;
		transition:
			transform 280ms ease,
			opacity 220ms ease,
			width 220ms ease;
	}

	.ph-mobile-menu-toggle span:nth-child(2) {
		width: 16px;
		margin-right: auto;
		margin-left: 12px;
	}

	.ph-mobile-menu-toggle:hover,
	.ph-mobile-menu-toggle:focus-visible {
		transform: translateY(-2px);
		background: #742f36;
		box-shadow:
			0 14px 27px rgba(116, 47, 54, 0.31),
			0 0 0 4px rgba(212, 175, 55, 0.1);
	}

	.ph-mobile-menu-toggle:focus-visible {
		outline: 3px solid rgba(212, 175, 55, 0.47);
		outline-offset: 3px;
	}

	.ph-mobile-menu-toggle[aria-expanded="true"] span:nth-child(1) {
		transform: translateY(7px) rotate(45deg);
	}

	.ph-mobile-menu-toggle[aria-expanded="true"] span:nth-child(2) {
		width: 0;
		opacity: 0;
	}

	.ph-mobile-menu-toggle[aria-expanded="true"] span:nth-child(3) {
		transform: translateY(-7px) rotate(-45deg);
	}

	/* ==============================================
	   طبقة التعتيم
	============================================== */

	.ph-mobile-menu-overlay {
		position: fixed;
		inset: 0;
		z-index: 9997;
		display: block;
		visibility: hidden;
		background: rgba(7, 11, 15, 0.72);
		opacity: 0;
		backdrop-filter: blur(4px);
		-webkit-backdrop-filter: blur(4px);
		cursor: pointer;
		transition:
			opacity 320ms ease,
			visibility 0s linear 320ms;
	}

	.ph-mobile-menu-overlay.is-active {
		visibility: visible;
		opacity: 1;
		transition:
			opacity 320ms ease,
			visibility 0s linear 0s;
	}

	/* ==============================================
	   القائمة الجانبية
	============================================== */

	.ph-mobile-drawer {
		position: fixed;
		top: 0;
		right: 0;
		z-index: 9999;
		display: flex;
		flex-direction: column;
		width: min(88vw, 390px);
		height: 100dvh;
		overflow: hidden;
		background:
			radial-gradient(
				circle at 90% 5%,
				rgba(142, 59, 67, 0.12),
				transparent 29%
			),
			#ffffff;
		border-left: 1px solid rgba(212, 175, 55, 0.4);
		box-shadow: -25px 0 60px rgba(0, 0, 0, 0.25);
		transform: translateX(105%);
		visibility: hidden;
		transition:
			transform 380ms cubic-bezier(0.22, 0.72, 0.22, 1),
			visibility 0s linear 380ms;
	}

	.ph-mobile-drawer.is-open {
		visibility: visible;
		transform: translateX(0);
		transition:
			transform 380ms cubic-bezier(0.22, 0.72, 0.22, 1),
			visibility 0s linear 0s;
	}

	/* رأس القائمة */

	.ph-mobile-drawer__header {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 18px;
		min-height: 88px;
		padding: 16px 18px;
		background:
			linear-gradient(
				135deg,
				#111820 0%,
				#1c2731 100%
			);
		border-bottom: 2px solid #d4af37;
	}

	.ph-mobile-drawer__branding {
		display: flex;
		align-items: center;
		min-width: 0;
	}

	.ph-mobile-drawer__logo,
	.ph-mobile-drawer__logo .custom-logo-link {
		display: flex;
		align-items: center;
	}

	.ph-mobile-drawer__logo img {
		display: block;
		width: auto;
		max-width: 185px;
		height: auto;
		max-height: 56px;
		object-fit: contain;
	}

	.ph-mobile-drawer__brand-text {
		color: #ffffff;
		text-decoration: none;
	}

	.ph-mobile-drawer__brand-text strong {
		display: block;
		color: #efd16b;
		font-size: 22px;
		font-weight: 800;
		line-height: 1.2;
	}

	.ph-mobile-drawer__brand-text span {
		display: block;
		margin-top: 3px;
		color: rgba(255, 255, 255, 0.66);
		font-size: 9px;
		font-weight: 700;
		letter-spacing: 1.1px;
	}

	.ph-mobile-drawer__close {
		position: relative;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 43px;
		height: 43px;
		flex: 0 0 43px;
		padding: 0;
		background: rgba(255, 255, 255, 0.07);
		color: #efd16b;
		border: 1px solid rgba(212, 175, 55, 0.45);
		border-radius: 12px;
		cursor: pointer;
		transition:
			transform 220ms ease,
			background-color 220ms ease;
	}

	.ph-mobile-drawer__close span {
		position: absolute;
		width: 19px;
		height: 2px;
		background: currentColor;
		border-radius: 999px;
	}

	.ph-mobile-drawer__close span:first-child {
		transform: rotate(45deg);
	}

	.ph-mobile-drawer__close span:last-child {
		transform: rotate(-45deg);
	}

	.ph-mobile-drawer__close:hover,
	.ph-mobile-drawer__close:focus-visible {
		transform: rotate(90deg);
		background: #8e3b43;
	}

	.ph-mobile-drawer__close:focus-visible {
		outline: 3px solid rgba(212, 175, 55, 0.44);
		outline-offset: 3px;
	}

	/* جسم القائمة */

	.ph-mobile-drawer__body {
		flex: 1;
		overflow-y: auto;
		overscroll-behavior: contain;
		padding: 17px 16px 24px;
		scrollbar-width: thin;
		scrollbar-color: #d4af37 #f1ede8;
	}

	/* ==============================================
	   روابط القائمة
	============================================== */

	.ph-mobile-menu {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.ph-mobile-menu > li {
		position: relative;
		margin: 0;
		border-bottom: 1px solid rgba(116, 47, 54, 0.085);
	}

	.ph-mobile-menu > li > a {
		position: relative;
		display: flex;
		align-items: center;
		min-height: 53px;
		padding: 12px 12px 12px 42px;
		color: #24282e;
		font-size: 15px;
		font-weight: 800;
		line-height: 1.5;
		text-decoration: none;
		border-radius: 11px;
		transition:
			padding-right 220ms ease,
			background-color 220ms ease,
			color 220ms ease;
	}

	.ph-mobile-menu > li > a::before {
		position: absolute;
		right: 12px;
		width: 7px;
		height: 7px;
		background: #d4af37;
		border-radius: 50%;
		box-shadow: 0 0 0 5px rgba(212, 175, 55, 0.1);
		content: "";
		transition:
			transform 220ms ease,
			background-color 220ms ease;
	}

	.ph-mobile-menu > li > a::after {
		position: absolute;
		left: 13px;
		width: 8px;
		height: 8px;
		border-bottom: 2px solid #8e3b43;
		border-left: 2px solid #8e3b43;
		content: "";
		transform: rotate(45deg);
		opacity: 0.55;
		transition: transform 220ms ease;
	}

	.ph-mobile-menu > li > a:hover,
	.ph-mobile-menu > li > a:focus-visible,
	.ph-mobile-menu > li.current-menu-item > a,
	.ph-mobile-menu > li.current_page_item > a {
		padding-right: 18px;
		background: rgba(142, 59, 67, 0.07);
		color: #8e3b43;
	}

	.ph-mobile-menu > li > a:hover::before,
	.ph-mobile-menu > li.current-menu-item > a::before {
		background: #8e3b43;
		transform: scale(1.15);
	}

	.ph-mobile-menu > li > a:hover::after {
		transform: translateX(-3px) rotate(45deg);
	}

	.ph-mobile-menu a:focus-visible {
		outline: 3px solid rgba(212, 175, 55, 0.4);
		outline-offset: -3px;
	}


	/* ==============================================
	   أزرار القائمة
	============================================== */

	.ph-mobile-drawer__cta {
		margin-top: 18px;
		padding-top: 18px;
		border-top: 1px solid rgba(116, 47, 54, 0.11);
	}

	.ph-mobile-drawer__main-button {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: 9px;
		width: 100%;
		min-height: 51px;
		padding: 12px 17px;
		background:
			linear-gradient(
				135deg,
				#742f36,
				#8e3b43
			);
		color: #ffffff;
		border: 1px solid #d4af37;
		border-radius: 12px;
		box-shadow: 0 13px 26px rgba(116, 47, 54, 0.22);
		font-size: 14px;
		font-weight: 800;
		line-height: 1.5;
		text-decoration: none;
		transition:
			transform 210ms ease,
			box-shadow 210ms ease;
	}

	.ph-mobile-drawer__main-button svg {
		width: 21px;
		height: 21px;
		color: #efd16b;
	}

	.ph-mobile-drawer__main-button:hover,
	.ph-mobile-drawer__main-button:focus-visible {
		transform: translateY(-3px);
		box-shadow: 0 18px 33px rgba(116, 47, 54, 0.29);
	}

	.ph-mobile-drawer__quick-actions {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 9px;
		margin-top: 10px;
	}

	.ph-mobile-drawer__quick-button {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: 7px;
		min-height: 46px;
		padding: 10px;
		color: #ffffff;
		border: 1px solid transparent;
		border-radius: 11px;
		font-size: 13px;
		font-weight: 800;
		line-height: 1.4;
		text-decoration: none;
		transition:
			transform 200ms ease,
			box-shadow 200ms ease;
	}

	.ph-mobile-drawer__quick-button svg {
		width: 19px;
		height: 19px;
	}

	.ph-mobile-drawer__quick-button--call {
		background: #15171b;
		border-color: rgba(212, 175, 55, 0.35);
	}

	.ph-mobile-drawer__quick-button--whatsapp {
		background: #16874a;
		border-color: rgba(22, 135, 74, 0.25);
	}

	.ph-mobile-drawer__quick-button:hover,
	.ph-mobile-drawer__quick-button:focus-visible {
		transform: translateY(-2px);
		box-shadow: 0 12px 23px rgba(21, 23, 27, 0.17);
	}

	/* ==============================================
	   معلومات أسفل القائمة
	============================================== */

	.ph-mobile-drawer__information {
		display: grid;
		grid-template-columns: 1fr;
		gap: 9px;
		margin-top: 17px;
	}

	.ph-mobile-drawer__info-item {
		display: flex;
		align-items: flex-start;
		gap: 10px;
		padding: 12px;
		background: #f8f5f0;
		border: 1px solid rgba(116, 47, 54, 0.08);
		border-radius: 11px;
	}

	.ph-mobile-drawer__info-item > svg {
		width: 21px;
		height: 21px;
		flex: 0 0 21px;
		color: #d4af37;
	}

	.ph-mobile-drawer__info-item strong,
	.ph-mobile-drawer__info-item span {
		display: block;
	}

	.ph-mobile-drawer__info-item strong {
		color: #25292f;
		font-size: 12.5px;
		font-weight: 800;
		line-height: 1.5;
	}

	.ph-mobile-drawer__info-item span {
		margin-top: 2px;
		color: #6c7178;
		font-size: 11.5px;
		line-height: 1.6;
	}
}

/* ==================================================
   الشاشات الصغيرة
================================================== */

@media (max-width: 390px) {

	.ph-topbar__inner {
		gap: 5px;
	}

	.ph-topbar__phone {
		padding-left: 5px;
	}

	.ph-topbar__item-content strong {
		font-size: 10.5px;
	}

	.ph-topbar__hours .ph-topbar__item-content strong {
		max-width: 76px;
		font-size: 9.5px;
	}

	.ph-logo img,
	.ph-logo .custom-logo {
		max-width: 165px;
		max-height: 49px;
	}

	.ph-mobile-menu-toggle {
		width: 44px;
		height: 44px;
	}

	.ph-mobile-drawer {
		width: 92vw;
	}

	.ph-mobile-drawer__header {
		padding-inline: 13px;
	}

	.ph-mobile-drawer__logo img {
		max-width: 160px;
	}

	.ph-mobile-menu > li > a {
		font-size: 14px;
	}
}

/* ==================================================
   تقليل الحركة
================================================== */

@media (prefers-reduced-motion: reduce) {

	.ph-mobile-menu-toggle,
	.ph-mobile-menu-toggle span,
	.ph-mobile-menu-overlay,
	.ph-mobile-drawer,
	.ph-mobile-drawer__close,
	.ph-mobile-menu a,
	.ph-mobile-menu a::before,
	.ph-mobile-menu a::after,
	.ph-mobile-drawer__main-button,
	.ph-mobile-drawer__quick-button {
		transition: none;
	}
}
/* ==================================================
   Mobile submenu accordion
================================================== */

@media (max-width: 767px) {

	.ph-mobile-menu > .menu-item-has-children {
		display: grid;
		grid-template-columns: minmax(0, 1fr) 42px;
		align-items: center;
	}

	.ph-mobile-menu > .menu-item-has-children > a {
		grid-column: 1;
		grid-row: 1;
		padding-left: 10px;
	}

	/*
	 * إلغاء السهم القديم لأن زر القائمة الفرعية
	 * سيحتوي على السهم الحقيقي.
	 */
	.ph-mobile-menu > .menu-item-has-children > a::after {
		display: none;
	}

	.ph-mobile-submenu-toggle {
		position: relative;
		z-index: 2;
		grid-column: 2;
		grid-row: 1;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 36px;
		height: 36px;
		margin-left: 3px;
		padding: 0;
		background: rgba(142, 59, 67, 0.06);
		color: #8e3b43;
		border: 1px solid rgba(142, 59, 67, 0.13);
		border-radius: 10px;
		cursor: pointer;
		-webkit-tap-highlight-color: transparent;
		transition:
			transform 260ms ease,
			background-color 220ms ease,
			color 220ms ease,
			border-color 220ms ease;
	}

	.ph-mobile-submenu-toggle svg {
		width: 19px;
		height: 19px;
		transition: transform 280ms ease;
	}

	.ph-mobile-submenu-toggle:hover,
	.ph-mobile-submenu-toggle:focus-visible {
		background: #8e3b43;
		color: #efd16b;
		border-color: #d4af37;
	}

	.ph-mobile-submenu-toggle:focus-visible {
		outline: 3px solid rgba(212, 175, 55, 0.4);
		outline-offset: 2px;
	}

	.ph-mobile-menu > .menu-item-has-children.is-submenu-open >
		.ph-mobile-submenu-toggle {
		background:
			linear-gradient(
				145deg,
				#742f36,
				#8e3b43
			);
		color: #efd16b;
		border-color: #d4af37;
		transform: rotate(180deg);
	}

	.ph-mobile-menu > .menu-item-has-children > .sub-menu {
		grid-column: 1 / -1;
		display: grid;
		grid-template-rows: 0fr;
		visibility: hidden;
		opacity: 0;
		margin: 0 12px 10px;
		padding: 0;
		overflow: hidden;
		background:
			linear-gradient(
				145deg,
				#faf8f5,
				#f5f0ea
			);
		border: 0 solid rgba(212, 175, 55, 0.35);
		border-right-width: 3px;
		border-radius: 0 12px 12px 0;
		list-style: none;
		transition:
			grid-template-rows 300ms cubic-bezier(0.22, 0.7, 0.25, 1),
			opacity 220ms ease,
			visibility 0s linear 300ms,
			padding 300ms ease;
	}

	.ph-mobile-menu > .menu-item-has-children.is-submenu-open >
		.sub-menu {
		grid-template-rows: 1fr;
		visibility: visible;
		opacity: 1;
		padding: 8px;
		transition:
			grid-template-rows 300ms cubic-bezier(0.22, 0.7, 0.25, 1),
			opacity 240ms ease,
			visibility 0s linear 0s,
			padding 300ms ease;
	}

	/*
	 * السماح بالحركة رغم وجود الخاصية hidden.
	 */
	.ph-mobile-menu .sub-menu[hidden] {
		display: grid;
	}

	.ph-mobile-menu .sub-menu > li {
		min-height: 0;
		overflow: hidden;
		border: 0;
	}

	.ph-mobile-menu .sub-menu > li + li {
		margin-top: 3px;
	}

	.ph-mobile-menu .sub-menu a {
		position: relative;
		display: flex;
		align-items: center;
		min-height: 42px;
		padding: 9px 30px 9px 10px;
		color: #5b6068;
		border-radius: 9px;
		font-size: 12.5px;
		font-weight: 700;
		line-height: 1.55;
		text-decoration: none;
		transition:
			background-color 200ms ease,
			color 200ms ease,
			padding-right 200ms ease;
	}

	.ph-mobile-menu .sub-menu a::before {
		position: absolute;
		right: 11px;
		width: 7px;
		height: 7px;
		background: transparent;
		border: 2px solid #d4af37;
		border-radius: 50%;
		content: "";
	}

	.ph-mobile-menu .sub-menu a:hover,
	.ph-mobile-menu .sub-menu a:focus-visible,
	.ph-mobile-menu .sub-menu .current-menu-item > a {
		padding-right: 35px;
		background: #ffffff;
		color: #8e3b43;
		box-shadow: 0 5px 14px rgba(21, 23, 27, 0.06);
	}

	.ph-mobile-menu .sub-menu a:hover::before,
	.ph-mobile-menu .sub-menu .current-menu-item > a::before {
		background: #8e3b43;
		border-color: #8e3b43;
	}

	.ph-mobile-menu > .menu-item-has-children.is-submenu-open > a {
		color: #8e3b43;
	}

	.ph-mobile-menu > .menu-item-has-children.is-submenu-open > a::before {
		background: #8e3b43;
		transform: scale(1.15);
	}
}

@media (prefers-reduced-motion: reduce) {

	.ph-mobile-submenu-toggle,
	.ph-mobile-submenu-toggle svg,
	.ph-mobile-menu .sub-menu,
	.ph-mobile-menu .sub-menu a {
		transition: none;
	}
}
/* ==================================================
   Clean Mobile Header — Final Fix
================================================== */

@media (max-width: 767px) {

	/* منع التمدد الأفقي */
	html,
	body,
	.ph-site-wrapper,
	.ph-site-header {
		max-width: 100%;
		overflow-x: clip;
	}

	/* ==============================================
	   الشريط العلوي
	============================================== */

	.ph-topbar {
		min-height: 42px;
		background: #8e3b43;
		border-bottom: 1px solid rgba(212, 175, 55, 0.4);
		box-shadow: none;
	}

	.ph-topbar__inner {
		display: grid;
		grid-template-columns: 34px minmax(82px, 1fr) minmax(105px, 1fr);
		align-items: center;
		gap: 7px;
		min-height: 42px;
		padding-top: 5px;
		padding-bottom: 5px;
		direction: ltr;
	}

	/*
	 * نجعل الحاويتين غير مؤثرتين في التخطيط،
	 * حتى تصبح العناصر الثلاثة داخل Grid واحد.
	 */
	.ph-topbar__contact,
	.ph-topbar__actions {
		display: contents;
	}

	.ph-topbar__address {
		display: none !important;
	}

	/* الهاتف جهة اليمين */
	.ph-topbar__phone {
		grid-column: 3;
		grid-row: 1;
		direction: rtl;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		gap: 6px;
		min-width: 0;
		padding: 0;
		border: 0;
		color: #ffffff;
		text-decoration: none;
	}

	/* ساعات العمل في المنتصف */
	.ph-topbar__hours {
		grid-column: 2;
		grid-row: 1;
		direction: rtl;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 6px;
		min-width: 0;
		padding: 0 7px;
		border-right: 1px solid rgba(255, 255, 255, 0.16);
		border-left: 1px solid rgba(255, 255, 255, 0.16);
	}

	/* واتساب جهة اليسار */
	.ph-topbar__whatsapp {
		grid-column: 1;
		grid-row: 1;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 32px;
		height: 32px;
		margin: 0;
		padding: 0;
		background: #16874a;
		color: #ffffff;
		border: 1px solid rgba(255, 255, 255, 0.28);
		border-radius: 9px;
		box-shadow: none;
		text-decoration: none;
	}

	.ph-topbar__whatsapp span {
		display: none;
	}

	.ph-topbar__whatsapp svg {
		width: 18px;
		height: 18px;
	}

	/* أيقونات الهاتف والوقت */
	.ph-topbar__icon {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 25px;
		height: 25px;
		flex: 0 0 25px;
		background: rgba(255, 255, 255, 0.08);
		color: #efd16b;
		border: 1px solid rgba(212, 175, 55, 0.42);
		border-radius: 7px;
	}

	.ph-topbar__icon svg {
		width: 14px;
		height: 14px;
	}

	.ph-topbar__item-content {
		display: block;
		min-width: 0;
	}

	.ph-topbar__item-content small {
		display: none;
	}

	.ph-topbar__item-content strong {
		display: block;
		margin: 0;
		color: #ffffff;
		font-size: 10.5px;
		font-weight: 800;
		line-height: 1.35;
		white-space: nowrap;
	}

	/* استبدال نص ساعات العمل الطويل */
	.ph-topbar__hours .ph-topbar__item-content strong {
		font-size: 0;
	}

	.ph-topbar__hours .ph-topbar__item-content strong::after {
		content: attr(data-hours-short);
		font-size: 10.5px;
		font-weight: 800;
		white-space: nowrap;
	}

	/* ==============================================
	   صف الشعار والهامبرغر
	============================================== */

	.ph-header-main {
		background: #ffffff;
		border-bottom: 1px solid rgba(116, 47, 54, 0.08);
		box-shadow: 0 7px 20px rgba(21, 23, 27, 0.07);
	}

	.ph-header-main__inner {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 14px;
		min-height: 70px;
		padding-top: 7px;
		padding-bottom: 7px;
	}

	.ph-branding {
		order: 1;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		max-width: calc(100% - 60px);
		min-width: 0;
	}

	.ph-logo,
	.ph-logo .custom-logo-link {
		display: flex;
		align-items: center;
	}

	.ph-logo img,
	.ph-logo .custom-logo {
		display: block;
		width: auto;
		max-width: 174px;
		height: auto;
		max-height: 52px;
		object-fit: contain;
	}

	.ph-header-actions {
		order: 2;
		display: flex;
		align-items: center;
		justify-content: flex-end;
		flex: 0 0 auto;
	}

	.ph-primary-navigation,
	.ph-header-call,
	.ph-header-cta {
		display: none !important;
	}

	/* ==============================================
	   زر القائمة
	============================================== */

	.ph-mobile-menu-toggle {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		gap: 4px;
		width: 43px;
		height: 43px;
		margin: 0;
		padding: 0;
		background: #8e3b43;
		color: #efd16b;
		border: 1px solid #d4af37;
		border-radius: 11px;
		box-shadow: 0 7px 16px rgba(116, 47, 54, 0.2);
		cursor: pointer;
	}

	.ph-mobile-menu-toggle span {
		display: block;
		width: 19px;
		height: 2px;
		margin: 0 !important;
		background: currentColor;
		border-radius: 99px;
	}

	.ph-mobile-menu-toggle span:nth-child(2) {
		width: 14px;
		align-self: flex-start;
		margin-right: 11px !important;
	}

	.ph-mobile-menu-toggle:hover,
	.ph-mobile-menu-toggle:focus-visible {
		background: #742f36;
		transform: none;
		box-shadow: 0 8px 18px rgba(116, 47, 54, 0.24);
	}

	.ph-mobile-menu-toggle:focus-visible {
		outline: 3px solid rgba(212, 175, 55, 0.4);
		outline-offset: 2px;
	}
}

/* الشاشات شديدة الصغر */

@media (max-width: 390px) {

	.ph-topbar__inner {
		grid-template-columns: 32px minmax(73px, 0.9fr) minmax(96px, 1.1fr);
		gap: 5px;
	}

	.ph-topbar__whatsapp {
		width: 30px;
		height: 30px;
	}

	.ph-topbar__icon {
		width: 23px;
		height: 23px;
		flex-basis: 23px;
	}

	.ph-topbar__item-content strong,
	.ph-topbar__hours .ph-topbar__item-content strong::after {
		font-size: 9.5px;
	}

	.ph-logo img,
	.ph-logo .custom-logo {
		max-width: 158px;
		max-height: 48px;
	}

	.ph-mobile-menu-toggle {
		width: 41px;
		height: 41px;
	}
}
/* ==================================================
   Header Final Responsive Corrections
   Desktop + Tablet + Mobile
================================================== */

/* ==================================================
   Desktop
================================================== */

@media (min-width: 768px) {

	/* إخفاء عناصر الجوال نهائيًا */
	.ph-mobile-menu-toggle,
	.ph-mobile-menu-overlay,
	.ph-mobile-drawer {
		display: none !important;
	}

	/* الشريط العلوي */
	.ph-topbar {
		min-height: 42px;
		background: #8e3b43;
		border-bottom: 1px solid rgba(212, 175, 55, 0.3);
		box-shadow: none;
	}

	.ph-topbar__inner {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 30px;
		min-height: 42px;
		padding-top: 0;
		padding-bottom: 0;
	}

	.ph-topbar__contact,
	.ph-topbar__actions {
		display: flex;
		align-items: center;
		gap: 25px;
	}

	.ph-topbar__item {
		display: inline-flex;
		align-items: center;
		gap: 7px;
		margin: 0;
		padding: 0;
		color: #ffffff;
		font-size: 12px;
		font-weight: 700;
		line-height: 1.4;
		text-decoration: none;
		white-space: nowrap;
	}

	.ph-topbar__icon {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 20px;
		height: 20px;
		flex: 0 0 20px;
		background: transparent;
		color: #d4af37;
		border: 0;
		border-radius: 0;
	}

	.ph-topbar__icon svg {
		width: 16px;
		height: 16px;
	}

	/*
	 * إخفاء التسميات الإضافية مثل:
	 * اتصل بنا، نطاق الخدمة، ساعات العمل
	 */
	.ph-topbar__item-content small {
		display: none;
	}

	.ph-topbar__item-content {
		display: block;
	}

	.ph-topbar__item-content strong {
		display: block;
		color: #ffffff;
		font-size: 12px;
		font-weight: 700;
		line-height: 1.4;
		white-space: nowrap;
	}

	/* إظهار الهاتف بصورة طبيعية */
	.ph-topbar__phone {
		padding: 0;
		border: 0;
	}

	/* العنوان */
	.ph-topbar__address {
		display: inline-flex !important;
	}

	/* ساعات العمل */
	.ph-topbar__hours {
		padding: 0;
		border: 0;
	}

	.ph-topbar__hours .ph-topbar__item-content strong {
		font-size: 12px;
	}

	/* واتساب الكمبيوتر */
	.ph-topbar__whatsapp {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: 8px;
		width: auto;
		height: 42px;
		margin: 0;
		padding: 0 20px;
		background: rgba(255, 255, 255, 0.08);
		color: #ffffff;
		border: 0;
		border-right: 1px solid rgba(255, 255, 255, 0.14);
		border-left: 1px solid rgba(255, 255, 255, 0.14);
		border-radius: 0;
		box-shadow: none;
		font-size: 12px;
		font-weight: 800;
		text-decoration: none;
		transition:
			background-color 200ms ease,
			color 200ms ease;
	}

	.ph-topbar__whatsapp span {
		display: inline;
	}

	.ph-topbar__whatsapp svg {
		width: 19px;
		height: 19px;
	}

	.ph-topbar__whatsapp:hover,
	.ph-topbar__whatsapp:focus-visible {
		background: #16874a;
		color: #ffffff;
	}

	/* الهيدر الأبيض */
	.ph-header-main {
		background: #ffffff;
		border-bottom: 1px solid rgba(116, 47, 54, 0.08);
		box-shadow: 0 7px 22px rgba(21, 23, 27, 0.06);
	}

	.ph-header-main__inner {
		display: grid;
		grid-template-columns:
			minmax(205px, 0.9fr)
			minmax(500px, 2fr)
			minmax(260px, 1fr);
		align-items: center;
		gap: 24px;
		min-height: 98px;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.ph-branding {
		grid-column: 1;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		max-width: none;
	}

	.ph-logo,
	.ph-logo .custom-logo-link {
		display: flex;
		align-items: center;
	}

	.ph-logo img,
	.ph-logo .custom-logo {
		display: block;
		width: auto;
		max-width: 220px;
		height: auto;
		max-height: 70px;
		object-fit: contain;
	}

	.ph-primary-navigation {
		grid-column: 2;
		display: flex !important;
		align-items: center;
		justify-content: center;
	}

	.ph-primary-menu {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: nowrap;
		gap: clamp(19px, 2vw, 32px);
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.ph-primary-menu > li {
		margin: 0;
	}

	.ph-primary-menu > li > a {
		position: relative;
		display: inline-flex;
		align-items: center;
		min-height: 50px;
		padding: 8px 0;
		color: #15171b;
		font-size: 15px;
		font-weight: 800;
		line-height: 1.4;
		text-decoration: none;
		white-space: nowrap;
	}

	.ph-header-actions {
		grid-column: 3;
		display: flex;
		align-items: center;
		justify-content: flex-end;
		gap: 12px;
	}

	.ph-header-call {
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
		width: 48px;
		height: 48px;
		flex: 0 0 48px;
		background: #faf4f4;
		color: #8e3b43;
		border: 1px solid rgba(142, 59, 67, 0.15);
		border-radius: 50%;
		text-decoration: none;
	}

	.ph-header-call svg {
		width: 21px;
		height: 21px;
	}

	.ph-header-cta {
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
		min-height: 52px;
		padding: 12px 25px;
		background: #8e3b43;
		color: #ffffff;
		border-radius: 12px;
		box-shadow: 0 12px 25px rgba(142, 59, 67, 0.2);
		font-size: 14px;
		font-weight: 800;
		text-decoration: none;
		white-space: nowrap;
	}
}

/* ==================================================
   Mobile
================================================== */

@media (max-width: 767px) {

	/* الشريط العلوي */
	.ph-topbar {
		min-height: 42px;
	}

	.ph-topbar__inner {
		display: grid;
		grid-template-columns:
			minmax(115px, 1.2fr)
			minmax(90px, 0.9fr)
			34px;
		align-items: center;
		gap: 7px;
		min-height: 42px;
		padding-top: 5px;
		padding-bottom: 5px;
		direction: rtl;
	}

	.ph-topbar__contact,
	.ph-topbar__actions {
		display: contents;
	}

	.ph-topbar__address {
		display: none !important;
	}

	/* الهاتف في يمين الشريط */
	.ph-topbar__phone {
		grid-column: 1;
		grid-row: 1;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		gap: 6px;
		padding: 0;
		border: 0;
		direction: rtl;
	}

	/* الوقت في المنتصف */
	.ph-topbar__hours {
		grid-column: 2;
		grid-row: 1;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 5px;
		min-width: 0;
		padding: 0 6px;
		border-right: 1px solid rgba(255, 255, 255, 0.16);
		border-left: 1px solid rgba(255, 255, 255, 0.16);
		direction: rtl;
	}

	/* واتساب في يسار الشريط */
	.ph-topbar__whatsapp {
		grid-column: 3;
		grid-row: 1;
		width: 32px;
		height: 32px;
	}

	.ph-topbar__item-content strong {
		font-size: 10.5px;
	}

	.ph-topbar__hours .ph-topbar__item-content strong {
		font-size: 0;
	}

	.ph-topbar__hours .ph-topbar__item-content strong::after {
		content: attr(data-hours-short);
		font-size: 10px;
		font-weight: 800;
	}

	/* صف الشعار */
	.ph-header-main__inner {
		min-height: 72px;
		padding-top: 7px;
		padding-bottom: 7px;
	}

	.ph-branding {
		max-width: calc(100% - 60px);
	}

	.ph-logo img,
	.ph-logo .custom-logo {
		max-width: 190px;
		max-height: 55px;
	}

	.ph-mobile-menu-toggle {
		width: 43px;
		height: 43px;
	}
}

/* ==================================================
   Small phones
================================================== */

@media (max-width: 390px) {

	.ph-topbar__inner {
		grid-template-columns:
			minmax(105px, 1.2fr)
			minmax(78px, 0.85fr)
			31px;
		gap: 5px;
	}

	.ph-topbar__whatsapp {
		width: 30px;
		height: 30px;
	}

	.ph-topbar__item-content strong {
		font-size: 9.5px;
	}

	.ph-topbar__hours .ph-topbar__item-content strong::after {
		font-size: 9.5px;
	}

	.ph-logo img,
	.ph-logo .custom-logo {
		max-width: 168px;
		max-height: 50px;
	}
}

/* ==================================================
   v3.7 Mobile submenu true-collapse fix
   Hidden submenus must occupy zero space until the user opens them.
================================================== */
@media (max-width: 767px) {
	.ph-mobile-menu > .menu-item-has-children > .sub-menu[hidden] {
		display: none !important;
		visibility: hidden !important;
		opacity: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		border-width: 0 !important;
	}

	.ph-mobile-menu > .menu-item-has-children.is-submenu-open > .sub-menu:not([hidden]) {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		margin: 0 12px 10px !important;
		padding: 8px !important;
		border-right-width: 3px !important;
	}

	.ph-mobile-menu > .menu-item-has-children {
		align-content: start;
	}

	.ph-mobile-submenu-toggle {
		align-self: center;
	}
}


/* =========================================================
   v4.3.1 — Premium compact header / mobile modal navigation
   ========================================================= */
.ph-site-header{position:relative}.ph-site-header.is-sticky .ph-header-main{position:fixed;top:var(--ph-admin-offset,0);right:0;left:0;z-index:1002;box-shadow:0 12px 34px rgba(21,23,27,.12);animation:phHeaderIn .2s ease both}.ph-site-header.is-sticky .ph-header-main__inner{min-height:70px}.ph-site-header.is-sticky .ph-logo .custom-logo{max-height:54px}@keyframes phHeaderIn{from{transform:translateY(-8px);opacity:.94}to{transform:none;opacity:1}}
.ph-mobile-menu-toggle{border-radius:12px!important;border:1px solid rgba(142,59,67,.18)!important;background:#fff!important;box-shadow:0 8px 22px rgba(21,23,27,.08)!important}.ph-mobile-menu-toggle span{border-radius:999px}.ph-mobile-drawer{box-shadow:-24px 0 70px rgba(21,23,27,.22)!important}.ph-mobile-drawer__header{border-bottom:1px solid var(--ph-border)}.ph-mobile-drawer__information{margin-top:auto!important}.ph-mobile-menu .sub-menu{border-inline-start:2px solid rgba(212,175,55,.45)!important}
@media(max-width:767px){.ph-topbar{display:none!important}.ph-header-main__inner{display:flex!important;justify-content:space-between!important;min-height:68px!important;gap:12px!important}.ph-primary-navigation,.ph-header-call,.ph-header-cta{display:none!important}.ph-branding{order:1;flex:1;justify-content:flex-start}.ph-header-actions{order:2}.ph-logo .custom-logo{max-width:154px!important;max-height:50px!important}.ph-mobile-menu-toggle{display:inline-flex!important;width:46px!important;height:46px!important;align-items:center;justify-content:center;flex-direction:column;gap:5px;padding:11px!important}.ph-mobile-menu-toggle span{display:block!important;width:22px!important;height:2px!important;background:var(--ph-primary)!important}.ph-mobile-drawer{position:fixed!important;top:0!important;bottom:0!important;right:auto!important;left:0!important;width:min(88vw,390px)!important;height:100dvh!important;max-height:none!important;border-radius:0 20px 20px 0!important;transform:translateX(-105%)!important;overflow:hidden!important}.ph-mobile-drawer.is-open{transform:translateX(0)!important}.ph-mobile-drawer__body{display:flex!important;flex-direction:column!important;height:calc(100dvh - 78px)!important;overflow-y:auto!important;padding-bottom:max(20px,env(safe-area-inset-bottom))!important}.ph-mobile-drawer__cta .ph-mobile-drawer__main-button{display:none!important}.ph-mobile-drawer__quick-actions{order:5;margin-top:16px!important}.ph-mobile-drawer__information{order:4}.ph-mobile-drawer__navigation{order:1}.ph-mobile-drawer__cta{order:5}.ph-mobile-drawer__quick-button{min-height:48px!important}.ph-site-header.is-sticky .ph-header-main{top:var(--ph-admin-offset,0)}body.ph-mobile-menu-open{overflow:hidden!important}}
@media(max-width:390px){.ph-logo .custom-logo{max-width:138px!important}.ph-mobile-drawer{width:92vw!important}}

/* v4.3.2 visual refinement: premium compact header + mobile navigation */
@media (min-width:768px){
  .ph-topbar{min-height:36px}.ph-topbar__inner{min-height:36px}
  .ph-header-main__inner{min-height:82px}
  .ph-logo .custom-logo{max-height:58px}
  .ph-primary-menu>li>a{font-size:15px;font-weight:700}
}
@media (max-width:767px){
  .ph-header-main{background:rgba(255,255,255,.98)!important;box-shadow:0 7px 24px rgba(21,23,27,.07)!important}
  .ph-header-main__inner{min-height:72px!important;padding-inline:12px!important}
  .ph-logo .custom-logo{max-width:150px!important;max-height:48px!important}
  .ph-mobile-menu-toggle{width:48px!important;height:48px!important;padding:0!important;border-radius:14px!important;border:1px solid rgba(212,175,55,.7)!important;background:linear-gradient(145deg,#8e3b43,#742f36)!important;color:#f2d66d!important;box-shadow:0 9px 22px rgba(116,47,54,.22)!important;gap:5px!important}
  .ph-mobile-menu-toggle span{height:2px!important;background:currentColor!important;box-shadow:none!important}
  .ph-mobile-menu-toggle span:nth-child(1),.ph-mobile-menu-toggle span:nth-child(3){width:22px!important}
  .ph-mobile-menu-toggle span:nth-child(2){width:15px!important;margin:0!important;align-self:flex-start!important;margin-inline-start:13px!important}
  .ph-mobile-drawer{width:min(91vw,400px)!important;border-radius:0 22px 22px 0!important;background:#fff!important}
  .ph-mobile-drawer__header{min-height:80px!important;padding:13px 15px!important;background:linear-gradient(135deg,#15171b,#24272d)!important}
  .ph-mobile-drawer__logo img{max-width:160px!important;max-height:50px!important;filter:drop-shadow(0 3px 9px rgba(0,0,0,.12))}
  .ph-mobile-drawer__body{padding:14px 15px max(20px,env(safe-area-inset-bottom))!important}
  .ph-mobile-menu{display:grid!important;gap:7px!important}
  .ph-mobile-menu>li{border:0!important}
  .ph-mobile-menu>li>a{min-height:50px!important;padding:11px 14px!important;border:1px solid #eee5e3!important;border-radius:13px!important;background:#fff!important;font-size:15px!important;font-weight:800!important;box-shadow:0 4px 14px rgba(21,23,27,.035)!important}
  .ph-mobile-menu>li.current-menu-item>a,.ph-mobile-menu>li.current_page_item>a{color:#8e3b43!important;background:#fbf4f5!important;border-color:#ead0d3!important}
  .ph-mobile-submenu-toggle{top:7px!important;width:36px!important;height:36px!important;border-radius:10px!important}
  .ph-mobile-menu .sub-menu{margin:7px 8px 2px!important;padding:7px!important;border:1px solid #eee5e3!important;border-inline-start:3px solid #d4af37!important;border-radius:12px!important;background:#fcfaf8!important}
  .ph-mobile-menu .sub-menu a{min-height:42px!important;padding:9px 11px!important;font-size:13.5px!important}
  .ph-mobile-drawer__quick-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important}
  .ph-mobile-drawer__quick-button{min-height:50px!important;border-radius:13px!important;font-weight:800!important}
  .ph-mobile-drawer__quick-button--call{background:#8e3b43!important;color:#fff!important;border-color:#8e3b43!important;box-shadow:0 8px 20px rgba(142,59,67,.2)!important}
  .ph-mobile-drawer__quick-button--whatsapp{background:#25D366!important;color:#fff!important;border-color:#25D366!important;box-shadow:0 8px 20px rgba(37,211,102,.18)!important}
  .ph-mobile-drawer__quick-button svg{width:21px!important;height:21px!important}
  .ph-mobile-drawer__information{display:grid!important;gap:8px!important;padding-top:13px!important}
  .ph-mobile-drawer__info-item{padding:11px 12px!important;border:1px solid #eee5e3!important;border-radius:12px!important;background:#faf8f6!important}
  .ph-mobile-drawer__info-item>svg{color:#b99120!important}
}

@media (max-width: 1100px) {
	.ph-topbar__trust { display: none; }
}

/* v5.7 topbar mobile priority */
@media(max-width:720px){
	.ph-topbar__address{display:none!important}
	.ph-topbar__inner{gap:.65rem;justify-content:space-between}
	.ph-topbar__contact,.ph-topbar__actions{gap:.55rem}
	.ph-topbar__item-content small{display:none}
	.ph-topbar__item-content strong{font-size:.78rem}
}
@media(max-width:390px){
	.ph-topbar__hours{display:none!important}
}


/* Precision Home v9.40 — homepage hero source */
/* Precision Home v9.42.3 — hero stats overlap visibility fix, performance-safe */
.ph-final-hero{position:relative;z-index:1;isolation:isolate;overflow:hidden;min-height:clamp(590px,72vh,720px);background:#111317;color:#fff}
.ph-final-hero *{box-sizing:border-box}
.ph-final-hero>picture{position:absolute;inset:0;z-index:-3;overflow:hidden}
.ph-final-hero__media{width:100%;height:100%;max-width:none;object-fit:cover;object-position:68% center;transform:none}
.ph-final-hero__overlay{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(8,10,12,.90) 0%,rgba(8,10,12,.73) 34%,rgba(8,10,12,.28) 64%,rgba(8,10,12,.08) 100%),linear-gradient(180deg,rgba(8,10,12,.03) 0%,rgba(8,10,12,.06) 52%,rgba(8,10,12,.68) 100%)}
.ph-final-hero__container{position:relative;z-index:1;display:flex;align-items:flex-end;min-height:clamp(590px,72vh,720px);padding-top:clamp(70px,8vw,110px);padding-bottom:clamp(92px,10vw,130px);direction:ltr}
.ph-final-hero__content{width:min(690px,58%);margin-right:auto;padding:0;direction:rtl;text-align:right;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.ph-final-hero__badge{display:inline-flex;align-items:center;gap:8px;margin:0 0 18px;padding:8px 14px;border:1px solid rgba(255,255,255,.36);border-radius:12px;background:rgba(15,17,20,.20);color:#fff;font-size:12px;font-weight:800;line-height:1.35;text-shadow:0 2px 14px rgba(0,0,0,.45)}
.ph-final-hero__badge svg{width:17px;height:17px;flex:0 0 17px;color:#efd16b}
.ph-final-hero__title{max-width:670px;margin:0 0 18px!important;color:#fff!important;font-size:clamp(42px,4vw,62px)!important;font-weight:800!important;line-height:1.16!important;letter-spacing:-.3px!important;text-wrap:balance;text-shadow:0 3px 22px rgba(0,0,0,.5)}
.ph-final-hero__title-main,.ph-final-hero__title-accent{display:block}
.ph-final-hero__title-accent{margin-top:4px;color:#e4bd32;text-shadow:0 3px 22px rgba(0,0,0,.55)}
.ph-final-hero__description{max-width:620px;margin:0;color:rgba(255,255,255,.94);font-size:clamp(15px,1.13vw,18px);font-weight:500;line-height:1.9;text-shadow:0 2px 16px rgba(0,0,0,.65)}
.ph-final-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 0}
.ph-final-hero__button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-width:210px;min-height:54px;padding:12px 22px;border:1px solid transparent;border-radius:13px;font-size:15px;font-weight:800;line-height:1.2;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}
.ph-final-hero__button:focus-visible{outline:3px solid #d4af37;outline-offset:3px}
.ph-final-hero__button svg{width:20px!important;height:20px!important;max-width:20px!important;flex:0 0 20px!important}
.ph-final-hero__button--call{background:#8e3b43;color:#fff;box-shadow:0 12px 28px rgba(0,0,0,.24)}
.ph-final-hero__button--call:hover{background:#742f36;color:#fff}
.ph-final-hero__button--whatsapp{border-color:#d4af37;background:#d4af37;color:#211b0c;box-shadow:0 12px 28px rgba(0,0,0,.22)}
.ph-final-hero__button--whatsapp:hover{background:#e2c65e;color:#211b0c}
.ph-final-hero__features{display:none!important}
.ph-hero-stats{position:relative;z-index:30;isolation:isolate;margin-top:-64px;background:transparent;padding:0 0 38px;overflow:visible}
.ph-hero-stats__inner{position:relative;z-index:31;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden;margin:0;border:1px solid #ece7e3;border-radius:22px;background:#fff;box-shadow:0 18px 48px rgba(21,23,27,.16);direction:rtl}
.ph-hero-stat{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:132px;padding:18px 10px;border-inline-end:1px solid #ece7e3;text-align:center}
.ph-hero-stat:last-child{border-inline-end:0}
.ph-hero-stat__icon{display:inline-flex;width:38px;height:38px;align-items:center;justify-content:center;border-radius:12px;background:#fbf3f4;color:#8e3b43}
.ph-hero-stat__icon svg{width:22px;height:22px}
.ph-hero-stat strong{display:block;color:#742f36;font-size:clamp(24px,2vw,31px);font-weight:800;line-height:1.05}
.ph-hero-stat small{display:block;margin-top:3px;color:#4b4f56;font-size:12px;font-weight:700;line-height:1.35}
@media(max-width:1100px){.ph-final-hero__media{object-position:64% center}.ph-final-hero__content{width:min(630px,65%)}.ph-final-hero__title{font-size:clamp(38px,4.6vw,50px)!important}}
@media(max-width:767px){
 .ph-final-hero{min-height:680px}
 .ph-final-hero__media{object-position:62% center}
 .ph-final-hero__overlay{background:linear-gradient(180deg,rgba(8,10,12,.03) 0%,rgba(8,10,12,.08) 24%,rgba(8,10,12,.38) 46%,rgba(8,10,12,.84) 72%,rgba(8,10,12,.95) 100%)}
 .ph-final-hero__container{align-items:flex-end;min-height:680px;padding-top:118px;padding-bottom:104px;direction:ltr}
 .ph-final-hero__content{width:100%;max-width:100%;margin:0;padding:0 4px;direction:rtl;text-align:right}
 .ph-final-hero__badge{margin-bottom:14px;padding:7px 10px;border-radius:10px;background:rgba(15,17,20,.18);font-size:10.5px}
 .ph-final-hero__badge svg{width:15px;height:15px;flex-basis:15px}
 .ph-final-hero__title{max-width:430px;margin-bottom:13px!important;font-size:clamp(31px,8.3vw,39px)!important;line-height:1.19!important;text-wrap:balance}
 .ph-final-hero__title-accent{margin-top:2px}
 .ph-final-hero__description{max-width:430px;font-size:13.2px;line-height:1.82}
 .ph-final-hero__actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;margin-top:21px}
 .ph-final-hero__button{width:100%;min-width:0;min-height:52px;padding:10px 9px;border-radius:12px;font-size:12.5px}
 .ph-final-hero__button svg{width:18px!important;height:18px!important;max-width:18px!important;flex-basis:18px!important}
 .ph-hero-stats{margin-top:-58px;padding-top:0;padding-bottom:30px}
 .ph-hero-stats__inner{grid-template-columns:repeat(4,minmax(0,1fr));margin:0;transform:none;border-radius:18px;box-shadow:0 16px 38px rgba(21,23,27,.16)}
 .ph-hero-stat{min-height:112px;padding:14px 3px}
 .ph-hero-stat__icon{width:31px;height:31px;border-radius:10px}
 .ph-hero-stat__icon svg{width:18px;height:18px}
 .ph-hero-stat strong{font-size:21px}
 .ph-hero-stat small{padding-inline:2px;font-size:9px;line-height:1.25}
}
@media(max-width:440px){
 .ph-final-hero{min-height:650px}
 .ph-final-hero__container{min-height:650px;padding-top:106px;padding-bottom:98px}
 .ph-final-hero__media{object-position:59% center}
 .ph-final-hero__title{font-size:clamp(28px,8vw,34px)!important;line-height:1.21!important}
 .ph-final-hero__description{font-size:12.4px}
 .ph-final-hero__button{min-height:49px;font-size:11.8px}
 .ph-hero-stat{min-height:106px}
 .ph-hero-stat strong{font-size:19px}
 .ph-hero-stat small{font-size:8.4px}
}
@media(max-width:360px){.ph-final-hero__actions{grid-template-columns:1fr}.ph-final-hero{min-height:705px}.ph-final-hero__container{min-height:705px;padding-bottom:96px}.ph-hero-stats{margin-top:-50px}.ph-hero-stats__inner{grid-template-columns:repeat(2,minmax(0,1fr));margin:0;transform:none}.ph-hero-stat:nth-child(2){border-inline-end:0}.ph-hero-stat:nth-child(-n+2){border-bottom:1px solid #ece7e3}}
@media(hover:hover) and (pointer:fine){.ph-final-hero__button:hover{transform:translateY(-2px)}}
@media(prefers-reduced-motion:reduce){.ph-final-hero__button{transition:none}.ph-final-hero__button:hover{transform:none}}


/* v9.42 first-screen stability */
html{background:#fff}
body{margin:0}
.ph-site-main{display:block}
@media(max-width:767px){
  .ph-final-hero,
  .ph-final-hero__container{contain:layout paint style}
}

/* v9.42.5 — hero content left / vertically centered; identical to final bundle */
.ph-final-hero__container{align-items:center}
.ph-final-hero__content{margin-right:auto;margin-left:0}
@media(max-width:767px){.ph-final-hero{min-height:680px}.ph-final-hero__media{object-position:72% center}.ph-final-hero__overlay{background:linear-gradient(90deg,rgba(8,10,12,.84) 0%,rgba(8,10,12,.64) 38%,rgba(8,10,12,.20) 70%,rgba(8,10,12,.05) 100%),linear-gradient(180deg,rgba(8,10,12,.03) 0%,rgba(8,10,12,.06) 55%,rgba(8,10,12,.58) 100%)}.ph-final-hero__container{align-items:center;min-height:680px;padding-top:72px;padding-bottom:92px;direction:ltr}.ph-final-hero__content{width:64%;max-width:330px;margin-right:auto;margin-left:0;padding:0;direction:rtl;text-align:right}.ph-final-hero__badge{margin-bottom:12px;font-size:10px}.ph-final-hero__title{max-width:330px;margin-bottom:12px!important;font-size:clamp(27px,7.1vw,33px)!important;line-height:1.18!important;text-wrap:balance}.ph-final-hero__description{max-width:320px;font-size:11.7px;line-height:1.75}.ph-final-hero__actions{width:calc(100vw - 40px);max-width:520px;margin-top:19px;grid-template-columns:1fr 1fr;gap:10px;direction:rtl}.ph-final-hero__button{min-height:50px;font-size:12px}}
@media(max-width:440px){.ph-final-hero{min-height:650px}.ph-final-hero__container{min-height:650px;padding-top:62px;padding-bottom:88px}.ph-final-hero__media{object-position:73% center}.ph-final-hero__content{width:66%;max-width:290px}.ph-final-hero__title{max-width:290px;font-size:clamp(25px,7.4vw,31px)!important;line-height:1.19!important}.ph-final-hero__description{max-width:286px;font-size:11.2px;line-height:1.7}.ph-final-hero__actions{width:calc(100vw - 32px);margin-top:17px}.ph-final-hero__button{min-height:48px;padding:9px 8px;font-size:11.5px}}
@media(max-width:360px){.ph-final-hero{min-height:700px}.ph-final-hero__container{min-height:700px;padding-top:62px;padding-bottom:90px}.ph-final-hero__content{width:70%;max-width:250px}.ph-final-hero__actions{grid-template-columns:1fr;width:calc(100vw - 28px)}}


/* Precision Home v9.42.6 — coordinated mobile hero, compact CTAs, authentic WhatsApp mark */
.ph-final-hero__button--whatsapp{background:#25D366!important;border-color:#25D366!important;color:#071d0f!important}
.ph-final-hero__button--whatsapp:hover{background:#20bd5a!important;color:#071d0f!important}
.ph-final-hero__whatsapp-mark{display:block;width:20px!important;height:20px!important;max-width:20px!important;flex:0 0 20px!important}
@media(max-width:767px){
 .ph-final-hero{min-height:680px}
 .ph-final-hero__media{object-position:67% center}
 .ph-final-hero__overlay{background:linear-gradient(90deg,rgba(8,10,12,.82) 0%,rgba(8,10,12,.62) 42%,rgba(8,10,12,.20) 74%,rgba(8,10,12,.04) 100%),linear-gradient(180deg,rgba(8,10,12,.02) 0%,rgba(8,10,12,.08) 56%,rgba(8,10,12,.62) 100%)}
 .ph-final-hero__container{align-items:center;min-height:680px;padding-top:72px;padding-bottom:104px;direction:ltr}
 .ph-final-hero__content{width:min(82%,390px);max-width:390px;margin-right:auto;margin-left:0;padding:0;direction:rtl;text-align:right}
 .ph-final-hero__badge{margin-bottom:12px;padding:6px 10px;font-size:10.5px}
 .ph-final-hero__title{max-width:390px;margin-bottom:12px!important;font-size:clamp(29px,7.7vw,36px)!important;line-height:1.18!important}
 .ph-final-hero__description{max-width:370px;font-size:12.2px;line-height:1.72}
 .ph-final-hero__actions{display:flex!important;flex-wrap:nowrap;gap:9px;width:auto!important;max-width:370px;margin-top:17px;direction:rtl}
 .ph-final-hero__button{flex:0 1 168px;width:auto!important;min-width:0!important;min-height:44px!important;padding:8px 12px!important;border-radius:11px!important;font-size:11.8px!important;gap:7px!important}
 .ph-final-hero__button svg{width:18px!important;height:18px!important;max-width:18px!important;flex-basis:18px!important}
 .ph-final-hero__whatsapp-mark{width:19px!important;height:19px!important;max-width:19px!important;flex-basis:19px!important}
 .ph-hero-stats{margin-top:-58px;padding-bottom:30px}
 .ph-hero-stats__inner{width:calc(100% - 24px);margin-inline:auto!important;grid-template-columns:repeat(4,minmax(0,1fr));border-radius:18px}
 .ph-hero-stat{min-height:108px;padding:12px 3px}
 .ph-hero-stat__icon{width:30px;height:30px}
 .ph-hero-stat__icon svg{width:17px;height:17px}
 .ph-hero-stat strong{font-size:20px}
 .ph-hero-stat small{font-size:8.8px;line-height:1.3}
}
@media(max-width:440px){
 .ph-final-hero{min-height:660px}
 .ph-final-hero__container{min-height:660px;padding-top:64px;padding-bottom:100px}
 .ph-final-hero__media{object-position:68% center}
 .ph-final-hero__content{width:min(86%,335px);max-width:335px}
 .ph-final-hero__title{max-width:335px;font-size:clamp(27px,7.8vw,32px)!important}
 .ph-final-hero__description{max-width:330px;font-size:11.5px}
 .ph-final-hero__actions{max-width:330px;gap:8px}
 .ph-final-hero__button{flex:1 1 0;min-height:43px!important;padding:8px 9px!important;font-size:11.2px!important}
 .ph-hero-stats__inner{width:calc(100% - 20px)}
 .ph-hero-stat{min-height:103px}
 .ph-hero-stat strong{font-size:18px}
 .ph-hero-stat small{font-size:8.2px}
}
@media(max-width:360px){
 .ph-final-hero{min-height:690px}
 .ph-final-hero__container{min-height:690px;padding-bottom:106px}
 .ph-final-hero__content{width:90%;max-width:300px}
 .ph-final-hero__actions{max-width:300px}
 .ph-final-hero__button{font-size:10.7px!important}
 .ph-hero-stats__inner{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ph-hero-stat:nth-child(2){border-inline-end:0}
 .ph-hero-stat:nth-child(-n+2){border-bottom:1px solid #ece7e3}
}

/* Precision Home v9.42.7 — slight mobile-left offset; safe on narrow screens */
@media(max-width:767px){
 .ph-final-hero__content{transform:translateX(-12px)}
}
@media(max-width:440px){
 .ph-final-hero__content{transform:translateX(-6px)}
}
@media(max-width:360px){
 .ph-final-hero__content{transform:none}
}