/*
 * Al Maskan Al Sharqi visual system.
 * Loaded after the legacy theme stylesheet so older WordPress installs keep
 * their data model while receiving the refined interface.
 */

:root {
	--oudah-ink: #0f1d2b;
	--oudah-green: #176b7a;
	--oudah-sand: #dcc8a4;
	--oudah-cream: #f7f4ed;
	--oudah-accent: #c49a59;
	--oudah-white: #fff;
	--oudah-line: rgba(15, 29, 43, 0.12);
	--oudah-radius: 16px;
	--jaafari-card-radius: 28px;
	--jaafari-soft-shadow: 0 24px 70px rgba(15, 29, 43, 0.1);
	--jaafari-float-shadow: 0 18px 48px rgba(5, 15, 27, 0.18);
}

body {
	background: #f7f4ed;
	background-image: radial-gradient(circle at 8% 18%, rgba(196, 154, 89, 0.07), transparent 25%), radial-gradient(circle at 92% 72%, rgba(23, 107, 122, 0.06), transparent 26%);
}

::selection {
	background: var(--oudah-accent);
	color: #fff;
}

a,
button,
input,
select,
textarea {
	-webkit-tap-highlight-color: transparent;
}

:focus-visible {
	outline: 3px solid rgba(196, 154, 89, 0.5);
	outline-offset: 3px;
}

.oudah-button,
.oudah-header-request,
.oudah-search-form button,
.oudah-search-mobile {
	border-radius: 15px;
}

.oudah-button {
	min-height: 56px;
	padding-inline: 27px;
	gap: 12px;
	box-shadow: 0 0 0 rgba(15, 29, 43, 0);
}

.oudah-button:hover {
	transform: translateY(-3px);
	box-shadow: 0 14px 32px rgba(15, 29, 43, 0.16);
}

.oudah-button.accent {
	background: linear-gradient(135deg, #dfbb78, #a97b41);
	box-shadow: 0 14px 30px rgba(143, 103, 55, 0.24);
}

.oudah-button.dark {
	background: linear-gradient(135deg, #13283b, #0b1723);
}

.oudah-button.glass {
	border-color: rgba(255, 255, 255, 0.46);
	background: rgba(255, 255, 255, 0.11);
	color: #fff;
	backdrop-filter: blur(16px);
}

/* Header */
.oudah-header,
.oudah-header.is-transparent:not(.is-scrolled) {
	top: 14px;
	height: 72px;
	background: transparent;
	border: 0;
	backdrop-filter: none;
	color: var(--oudah-ink);
}

body.admin-bar .oudah-header,
body.admin-bar .oudah-header.is-transparent:not(.is-scrolled) {
	top: 46px;
}

.oudah-header-inner {
	height: 72px;
	grid-template-columns: 220px minmax(0, 1fr) 150px;
	padding-inline: 16px 10px;
	border: 1px solid rgba(15, 29, 43, 0.1);
	border-radius: 24px;
	background: rgba(255, 255, 255, 0.92);
	box-shadow: var(--jaafari-float-shadow);
	backdrop-filter: blur(22px) saturate(150%);
	transition: background 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}

.oudah-header.is-transparent:not(.is-scrolled) .oudah-header-inner {
	background: rgba(8, 19, 31, 0.34);
	border-color: rgba(255, 255, 255, 0.2);
	box-shadow: 0 18px 50px rgba(2, 9, 17, 0.2);
	color: #fff;
}

.oudah-header.is-scrolled .oudah-header-inner {
	background: rgba(255, 255, 255, 0.96);
}

.oudah-brand {
	gap: 10px;
}

.oudah-brand-mark {
	width: 43px;
	height: 43px;
	border-radius: 14px;
	background: linear-gradient(145deg, var(--oudah-accent), #8f6737);
	box-shadow: 0 9px 22px rgba(143, 103, 55, 0.23);
}

.oudah-brand-mark:before {
	content: "ج";
	inset: 0;
	width: auto;
	height: auto;
	background: transparent;
	display: grid;
	place-items: center;
	color: #fff;
	font-size: 27px;
	font-weight: 800;
	line-height: 1;
}

.oudah-brand-mark i,
.oudah-brand-mark b {
	display: none;
}

.oudah-brand-copy strong {
	font-size: 21px;
	letter-spacing: -0.02em;
}

.oudah-brand-copy small {
	margin-top: 5px;
	color: currentColor;
	opacity: 0.62;
	letter-spacing: 0;
}

.oudah-primary-nav .menu {
	gap: 5px;
}

.oudah-primary-nav a {
	padding: 10px 14px;
	border-radius: 12px;
	font-size: 12px;
	font-weight: 700;
	transition: background 0.2s ease, color 0.2s ease;
}

.oudah-primary-nav a:after {
	display: none;
}

.oudah-primary-nav a:hover {
	background: rgba(23, 107, 122, 0.09);
}

.is-transparent:not(.is-scrolled) .oudah-primary-nav a:hover {
	background: rgba(255, 255, 255, 0.12);
}

.oudah-header-request {
	width: 150px;
	min-height: 52px;
	border: 0;
	background: linear-gradient(135deg, #dfbb78, #a97b41);
	color: #fff;
	font-weight: 800;
	box-shadow: 0 10px 24px rgba(143, 103, 55, 0.22);
}

.oudah-header-request:hover {
	background: linear-gradient(135deg, #dda86e, #a97b41);
}

/* Hero */
.oudah-hero {
	min-height: max(760px, 96svh);
	border-radius: 0 0 48px 48px;
}

.oudah-hero-picture img {
	transform: scale(1.015);
}

.oudah-hero-overlay {
	background: radial-gradient(circle at 50% 43%, rgba(15, 29, 43, 0.08), rgba(7, 17, 27, 0.72) 76%), linear-gradient(0deg, rgba(5, 12, 20, 0.9), rgba(5, 12, 20, 0.05) 66%);
}

.oudah-hero-content {
	min-height: max(760px, 96svh);
	padding-top: 120px;
	padding-bottom: 132px;
}

.oudah-hero .oudah-eyebrow {
	padding: 9px 14px;
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.08);
	backdrop-filter: blur(12px);
}

.oudah-hero .oudah-eyebrow i {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #e6ba87;
	box-shadow: 0 0 0 6px rgba(230, 186, 135, 0.14);
}

.oudah-hero h1 {
	width: auto !important;
	max-width: 1120px !important;
	white-space: normal !important;
	margin: 25px 0 22px !important;
	font-size: clamp(58px, 5.6vw, 88px) !important;
	line-height: 1.04 !important;
	letter-spacing: -0.045em !important;
}

.oudah-hero-content > p {
	max-width: 670px;
	font-size: 17px;
	line-height: 1.85;
}

.oudah-hero-actions {
	margin-top: 30px;
}

.oudah-hero-strip {
	inset: auto 4vw 22px;
	height: 54px;
	border: 1px solid rgba(255, 255, 255, 0.16);
	border-radius: 18px;
	background: rgba(8, 19, 31, 0.3);
	backdrop-filter: blur(18px);
}

/* Search and official proof */
.oudah-search {
	margin-top: -52px;
	padding: 8px;
	border: 1px solid rgba(15, 29, 43, 0.08);
	border-radius: 26px;
	background: rgba(255, 255, 255, 0.97);
	box-shadow: var(--jaafari-soft-shadow);
}

.oudah-search-form {
	min-height: 104px;
	grid-template-columns: repeat(5, 1fr) 122px;
}

.oudah-search-form label {
	margin-block: 7px;
	padding: 16px 18px;
	border-left-color: rgba(15, 29, 43, 0.09);
}

.oudah-search-form label:first-child {
	border-radius: 0 17px 17px 0;
}

.oudah-search-form button {
	margin: 7px 0 7px 7px;
	background: linear-gradient(145deg, #17344a, #0c1b29);
}

.jaafari-proof {
	padding-top: 38px;
}

.jaafari-proof > .oudah-shell {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	border-block: 1px solid var(--oudah-line);
}

.jaafari-proof > .oudah-shell > div {
	min-height: 94px;
	padding: 19px 22px;
	display: grid;
	grid-template-columns: 34px 1fr;
	align-content: center;
	column-gap: 11px;
	border-left: 1px solid var(--oudah-line);
}

.jaafari-proof span {
	grid-row: 1 / 3;
	width: 34px;
	height: 34px;
	display: grid;
	place-items: center;
	border-radius: 11px;
	background: rgba(201, 138, 72, 0.12);
	color: var(--oudah-accent);
	font-size: 10px;
	font-weight: 800;
}

.jaafari-proof small {
	color: rgba(15, 29, 43, 0.52);
	font-size: 10px;
}

.jaafari-proof strong {
	margin-top: 4px;
	font-size: 13px;
}

/* Sections and cards */
.oudah-section {
	padding-block: 112px;
}

.oudah-section-head h2 {
	letter-spacing: -0.045em;
}

.oudah-property-grid-home,
.oudah-property-rail,
.oudah-archive-results.grid {
	gap: 24px;
}

.oudah-property-card {
	padding: 10px 10px 18px;
	display: flex;
	flex-direction: column;
	border: 1px solid rgba(15, 29, 43, 0.08);
	border-radius: var(--jaafari-card-radius);
	background: rgba(255, 255, 255, 0.92);
	box-shadow: 0 15px 45px rgba(15, 29, 43, 0.07);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	overflow: hidden;
}

.oudah-property-card:hover {
	transform: translateY(-8px);
	box-shadow: 0 24px 58px rgba(15, 29, 43, 0.13);
}

.oudah-property-image {
	border-radius: 21px;
}

.oudah-property-action,
.oudah-property-status {
	top: 13px;
	padding: 8px 11px;
	border-radius: 10px;
	backdrop-filter: blur(10px);
}

.oudah-property-action {
	right: 13px;
	background: rgba(255, 255, 255, 0.9);
}

.oudah-property-status {
	left: 13px;
	background: rgba(15, 29, 43, 0.8);
}

.oudah-property-arrow {
	left: 10px;
	bottom: 10px;
	width: 44px;
	height: 44px;
	border-radius: 13px;
	background: rgba(15, 29, 43, 0.9);
}

.oudah-property-card-meta,
.oudah-property-card > h3,
.oudah-property-card > p,
.oudah-property-facts,
.oudah-property-card-foot {
	margin-inline: 8px;
}

.oudah-property-card h3 {
	font-size: 21px;
}

.oudah-property-card .oudah-property-location {
	margin-bottom: 0;
}

.oudah-property-card .oudah-property-card-summary {
	min-height: 42px;
	margin-top: 10px;
	color: rgba(15, 29, 43, 0.62);
	font-size: 11px;
	line-height: 1.75;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.oudah-property-facts {
	flex-wrap: wrap;
}

.oudah-property-facts span {
	padding: 6px 9px;
	border-radius: 9px;
	background: rgba(23, 107, 122, 0.07);
}

.oudah-property-card-foot {
	margin-top: auto;
	padding-top: 15px;
	border-top: 1px solid rgba(15, 29, 43, 0.08);
}

.oudah-property-card-foot > div {
	display: flex;
	align-items: center;
	gap: 7px;
}

.oudah-property-card-foot a,
.oudah-property-card-foot button {
	min-height: 34px;
	padding: 7px 10px;
	border: 1px solid rgba(15, 29, 43, 0.1);
	border-radius: 10px;
	background: transparent;
	font-size: 10px;
	font-weight: 800;
}

.oudah-property-card-foot .oudah-property-details {
	background: var(--oudah-ink);
	border-color: var(--oudah-ink);
	color: #fff;
}

.oudah-goal-showcase {
	background: #fff;
}

.oudah-goal-circles {
	gap: clamp(24px, 3vw, 44px);
	align-items: start;
}

.oudah-goal-item {
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	text-align: center;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.oudah-goal-item:hover {
	transform: translateY(-7px);
	box-shadow: none;
}

.oudah-goal-image,
.oudah-goal-image img {
	width: min(19vw, 280px);
	height: min(19vw, 280px);
	border-radius: 50% !important;
}

.oudah-goal-image {
	margin: 0 auto 22px;
	box-shadow: 0 22px 55px rgba(15, 29, 43, 0.13);
}

.oudah-goal-image span {
	right: 15px;
	bottom: 15px;
}

.oudah-goal-item h3,
.oudah-goal-item p {
	margin-inline: auto;
	text-align: center;
}

.oudah-goal-item p {
	max-width: 245px;
	margin-inline: auto;
	text-align: center;
}

.oudah-about-band {
	position: relative;
	color: #fff;
	background: linear-gradient(100deg, rgba(7, 18, 30, 0.94), rgba(7, 18, 30, 0.6)), url("https://images.unsplash.com/photo-1580587771525-78b9dba3b914?auto=format&fit=crop&w=2200&q=88") center 54%/cover no-repeat;
}

.oudah-about-band .oudah-eyebrow,
.oudah-about-band .oudah-text-link {
	color: #fff;
}

.oudah-about-band .oudah-about-copy p {
	color: rgba(255, 255, 255, 0.78);
}

.oudah-about-band .oudah-official-row {
	padding: 8px;
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 24px;
	background: rgba(8, 19, 31, 0.46);
	backdrop-filter: blur(18px);
}

.oudah-about-band .oudah-official-row > div {
	border-color: rgba(255, 255, 255, 0.16);
	border-radius: 17px;
}

.oudah-about-band .oudah-official-row small {
	color: #e6ba87;
}

.oudah-services-dark {
	background: radial-gradient(circle at 12% 14%, rgba(23, 107, 122, 0.27), transparent 28%), linear-gradient(145deg, #10283a, #07121e 68%);
}

.oudah-service-rows {
	display: grid;
	gap: 12px;
	border-top: 0;
}

.oudah-service-rows article {
	padding-inline: 22px;
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 20px;
	background: rgba(255, 255, 255, 0.045);
}

.oudah-service-rows article > button {
	min-height: 91px;
}

.oudah-service-rows article > div {
	padding-right: 75px;
}

.oudah-service-rows article.open > div {
	padding-bottom: 24px;
}

.oudah-journey ol {
	grid-template-columns: repeat(5, 1fr);
	gap: 10px;
	border-top: 0;
}

.oudah-journey li {
	min-height: 158px;
	border: 1px solid var(--oudah-line);
	border-radius: 20px;
	background: rgba(255, 255, 255, 0.6);
}

.oudah-journey li:before {
	right: 22px;
	top: 20px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	transform: none;
}

.oudah-journey small {
	padding-right: 20px;
}

.oudah-owner-cta {
	min-height: 650px;
	margin: 0 28px;
	border-radius: 42px;
	overflow: hidden;
}

.oudah-request-cta {
	margin: 28px;
	border-radius: 36px;
	background: linear-gradient(135deg, #e8d6b6, #d6bb8d);
}

/* Booking promo */
.jaafari-booking-band {
	padding-block: 105px;
	background: radial-gradient(circle at 80% 20%, rgba(201, 138, 72, 0.24), transparent 26%), linear-gradient(135deg, #15354a, #091824 72%);
	color: #fff;
}

.jaafari-booking-band > .oudah-shell {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 330px auto;
	gap: 55px;
	align-items: end;
}

.jaafari-booking-copy h2 {
	max-width: 720px;
	margin: 22px 0 16px;
	font-size: clamp(48px, 5vw, 76px);
	line-height: 1.05;
	letter-spacing: -0.045em;
}

.jaafari-booking-copy p {
	max-width: 620px;
	margin: 0;
	color: rgba(255, 255, 255, 0.66);
	line-height: 1.9;
}

.jaafari-booking-steps {
	display: grid;
	gap: 9px;
}

.jaafari-booking-steps span {
	min-height: 52px;
	padding: 9px 12px;
	display: flex;
	align-items: center;
	gap: 12px;
	border: 1px solid rgba(255, 255, 255, 0.13);
	border-radius: 15px;
	background: rgba(255, 255, 255, 0.05);
	font-size: 12px;
}

.jaafari-booking-steps b {
	width: 30px;
	height: 30px;
	display: grid;
	place-items: center;
	border-radius: 10px;
	background: rgba(201, 138, 72, 0.18);
	color: #e9bd88;
	font-size: 10px;
}

/* Property details and forms */
.oudah-page-hero {
	border-radius: 0 0 42px 42px;
}

.oudah-property-gallery,
.oudah-property-gallery > a,
.oudah-property-gallery img,
.oudah-property-sidebar,
.oudah-request-form,
.oudah-contact-info > a,
.oudah-map-link,
.oudah-form-layout > aside,
.oudah-contact-layout > div {
	border-radius: 22px;
}

.oudah-property-sidebar,
.oudah-request-form {
	box-shadow: 0 18px 50px rgba(15, 29, 43, 0.08);
}

.oudah-property-sidebar .oudah-button {
	width: 100%;
}

.oudah-request-form input,
.oudah-request-form select,
.oudah-request-form textarea {
	border-radius: 12px;
}

/* Footer */
.oudah-footer {
	margin-top: 28px;
	border-radius: 48px 48px 0 0;
	background: radial-gradient(circle at 15% 8%, rgba(23, 107, 122, 0.24), transparent 28%), #081522;
}

.oudah-footer .oudah-brand-mark {
	background: linear-gradient(145deg, #dfbb78, #ad6229);
}

.oudah-footer-bottom {
	border-top-color: rgba(255, 255, 255, 0.1);
}

/* Booking dialog */
.jaafari-booking-modal {
	position: fixed;
	inset: 0;
	z-index: 180;
	display: grid;
	place-items: center;
	padding: 24px;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity 0.28s ease, visibility 0.28s ease;
}

.jaafari-booking-modal.open {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

.jaafari-booking-backdrop {
	position: absolute;
	inset: 0;
	border: 0;
	background: rgba(4, 12, 20, 0.76);
	backdrop-filter: blur(10px);
}

.jaafari-booking-dialog {
	position: relative;
	z-index: 1;
	width: min(880px, 100%);
	max-height: calc(100svh - 48px);
	overflow: auto;
	border: 1px solid rgba(255, 255, 255, 0.72);
	border-radius: 32px;
	background: #fbfaf7;
	box-shadow: 0 35px 100px rgba(0, 0, 0, 0.32);
	transform: translateY(26px) scale(0.98);
	transition: transform 0.34s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.jaafari-booking-modal.open .jaafari-booking-dialog {
	transform: none;
}

.jaafari-booking-dialog > header {
	padding: 28px 30px 20px;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 20px;
}

.jaafari-booking-dialog > header small {
	color: var(--oudah-accent);
	font-size: 11px;
	font-weight: 800;
}

.jaafari-booking-dialog > header h2 {
	margin: 6px 0 0;
	font-size: 30px;
}

.jaafari-booking-dialog > header > button {
	width: 44px;
	height: 44px;
	border: 1px solid var(--oudah-line);
	border-radius: 14px;
	background: #fff;
	font-size: 28px;
	line-height: 1;
}

.jaafari-booking-progress {
	height: 4px;
	margin-inline: 30px;
	border-radius: 999px;
	background: rgba(15, 29, 43, 0.09);
	overflow: hidden;
}

.jaafari-booking-progress span {
	display: block;
	width: 33.333%;
	height: 100%;
	border-radius: inherit;
	background: linear-gradient(90deg, var(--oudah-accent), #e0aa70);
	transition: width 0.3s ease;
}

.jaafari-booking-counter {
	padding: 15px 30px 0;
	display: flex;
	align-items: baseline;
	gap: 7px;
	direction: ltr;
	justify-content: flex-end;
}

.jaafari-booking-counter span {
	font-size: 21px;
	font-weight: 800;
}

.jaafari-booking-counter small {
	color: rgba(15, 29, 43, 0.48);
}

.jaafari-booking-form {
	padding: 10px 30px 28px;
}

.jaafari-booking-form fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}

.jaafari-booking-form fieldset[hidden] {
	display: none;
}

.jaafari-booking-form legend {
	padding: 0;
	font-size: clamp(30px, 4vw, 45px);
	font-weight: 800;
	line-height: 1.15;
	letter-spacing: -0.035em;
}

.jaafari-booking-form fieldset > p {
	margin: 10px 0 24px;
	color: rgba(15, 29, 43, 0.58);
	line-height: 1.75;
}

.jaafari-choice-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 12px;
	margin-bottom: 24px;
}

.jaafari-choice-grid label {
	cursor: pointer;
}

.jaafari-choice-grid input {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

.jaafari-choice-grid label > span {
	min-height: 152px;
	padding: 18px;
	display: flex;
	flex-direction: column;
	border: 1px solid rgba(15, 29, 43, 0.11);
	border-radius: 20px;
	background: #fff;
	transition: border-color 0.2s ease, background 0.2s ease, transform 0.2s ease;
}

.jaafari-choice-grid label:hover > span {
	transform: translateY(-3px);
}

.jaafari-choice-grid input:checked + span {
	border-color: var(--oudah-accent);
	background: rgba(201, 138, 72, 0.08);
	box-shadow: inset 0 0 0 1px var(--oudah-accent);
}

.jaafari-choice-grid b {
	color: var(--oudah-accent);
	font-size: 11px;
}

.jaafari-choice-grid strong {
	margin-top: auto;
	font-size: 18px;
}

.jaafari-choice-grid small {
	margin-top: 5px;
	color: rgba(15, 29, 43, 0.52);
}

.jaafari-booking-fields {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 13px;
}

.jaafari-booking-fields label {
	display: grid;
	gap: 8px;
}

.jaafari-booking-fields label > span {
	font-size: 11px;
	font-weight: 800;
}

.jaafari-booking-fields input,
.jaafari-booking-fields select,
.jaafari-booking-fields textarea {
	width: 100%;
	min-height: 58px;
	padding: 14px 15px;
	border: 1px solid rgba(15, 29, 43, 0.13);
	border-radius: 14px;
	background: #fff;
	outline: 0;
}

.jaafari-booking-fields textarea {
	min-height: 92px;
	resize: vertical;
}

.jaafari-booking-fields input:focus,
.jaafari-booking-fields select:focus,
.jaafari-booking-fields textarea:focus {
	border-color: var(--oudah-accent);
	box-shadow: 0 0 0 4px rgba(201, 138, 72, 0.1);
}

.jaafari-booking-fields .full {
	grid-column: 1 / -1;
}

.jaafari-consent {
	display: flex !important;
	grid-template-columns: none !important;
	align-items: center;
	gap: 9px !important;
	cursor: pointer;
}

.jaafari-consent input {
	width: 18px;
	min-height: 18px;
	padding: 0;
}

.jaafari-booking-actions {
	margin-top: 24px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

.jaafari-booking-actions > button:not(.oudah-button) {
	min-height: 48px;
	padding-inline: 15px;
	border: 0;
	background: transparent;
	font-weight: 800;
}

.jaafari-booking-dialog > footer {
	padding: 15px 30px;
	display: flex;
	justify-content: space-between;
	gap: 20px;
	border-top: 1px solid var(--oudah-line);
	background: rgba(15, 29, 43, 0.035);
	font-size: 10px;
}

.jaafari-booking-dialog > footer a {
	color: #128147;
	font-weight: 800;
}

.jaafari-booking-dialog .oudah-form-notice {
	margin: 0 30px 15px;
	border-radius: 13px;
}

@media (max-width: 1160px) {
	.oudah-header-inner {
		grid-template-columns: 190px 1fr 132px;
	}

	.oudah-header-request {
		width: 132px;
	}

	.oudah-primary-nav a {
		padding-inline: 9px;
	}

	.jaafari-proof > .oudah-shell {
		grid-template-columns: repeat(2, 1fr);
	}

	.jaafari-proof > .oudah-shell > div:nth-child(2) {
		border-left: 0;
	}

	.jaafari-booking-band > .oudah-shell {
		grid-template-columns: minmax(0, 1fr) 300px;
	}

	.jaafari-booking-band .oudah-button {
		grid-column: 2;
	}
}

@media (max-width: 900px) {
	.oudah-header,
	.oudah-header.is-transparent:not(.is-scrolled) {
		top: 10px;
		height: 64px;
	}

	body.admin-bar .oudah-header,
	body.admin-bar .oudah-header.is-transparent:not(.is-scrolled) {
		top: 44px;
	}

	.oudah-header-inner {
		height: 64px;
		grid-template-columns: 1fr auto;
		padding-inline: 13px 8px;
		border-radius: 20px;
	}

	.oudah-brand-mark {
		width: 39px;
		height: 39px;
	}

	.oudah-brand-copy strong {
		font-size: 19px;
	}

	.oudah-hero,
	.oudah-hero-content {
		min-height: 90svh;
	}

	.oudah-search {
		margin-top: -34px;
		padding: 7px;
	}

	.oudah-search-mobile {
		min-height: 62px;
		border: 0;
		border-radius: 19px;
		box-shadow: 0 12px 35px rgba(15, 29, 43, 0.1);
	}

	.jaafari-booking-band > .oudah-shell {
		grid-template-columns: 1fr;
		gap: 34px;
	}

	.jaafari-booking-band .oudah-button {
		grid-column: 1;
		justify-self: start;
	}

	.oudah-journey ol {
		grid-template-columns: repeat(3, 1fr);
	}

	.oudah-owner-cta,
	.oudah-request-cta {
		margin-inline: 18px;
	}
}

@media (max-width: 620px) {
	:root {
		--oudah-shell: calc(100vw - 30px);
	}

	.oudah-section {
		padding-block: 74px;
	}

	.oudah-brand-copy small {
		display: none;
	}

	.oudah-menu-toggle {
		border-radius: 14px;
		background: rgba(15, 29, 43, 0.06);
	}

	.is-transparent:not(.is-scrolled) .oudah-menu-toggle {
		background: rgba(255, 255, 255, 0.1);
	}

	.oudah-mobile-menu {
		padding: 18px;
		background: #f7f4ed;
	}

	.oudah-mobile-menu .menu a {
		min-height: 55px;
		font-size: 22px;
	}

	.oudah-mobile-menu-foot > div {
		display: grid;
		gap: 8px;
	}

	.oudah-mobile-menu-foot button {
		padding: 0;
		border: 0;
		background: transparent;
		color: var(--oudah-accent);
		font-weight: 800;
		text-align: right;
	}

	.oudah-hero {
		border-radius: 0 0 32px 32px;
	}

	.oudah-hero-content {
		padding: 102px 0 118px;
		text-align: right;
		align-items: flex-start;
	}

	.oudah-hero h1 {
		max-width: 100% !important;
		font-size: clamp(45px, 13.5vw, 64px) !important;
		line-height: 1.02 !important;
		text-align: right;
	}

	.oudah-hero-content > p {
		font-size: 14px;
		text-align: right;
	}

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

	.oudah-hero-actions .oudah-button {
		min-width: 0;
	}

	.oudah-hero-strip {
		inset: auto 12px 13px;
		gap: 5px;
		font-size: 9px;
	}

	.jaafari-proof {
		padding-top: 28px;
	}

	.jaafari-proof > .oudah-shell {
		grid-template-columns: 1fr;
		border: 1px solid var(--oudah-line);
		border-radius: 22px;
		overflow: hidden;
		background: rgba(255, 255, 255, 0.58);
	}

	.jaafari-proof > .oudah-shell > div {
		min-height: 79px;
		border-left: 0;
		border-bottom: 1px solid var(--oudah-line);
	}

	.jaafari-proof > .oudah-shell > div:last-child {
		border-bottom: 0;
	}

	.oudah-property-grid-home,
	.oudah-property-rail {
		gap: 14px;
	}

	.oudah-property-grid-home .oudah-property-card,
	.oudah-property-rail .oudah-property-card {
		min-width: calc(100vw - 42px);
	}

	.oudah-property-card {
		border-radius: 23px;
	}

	.oudah-goal-item {
		min-width: 81vw;
	}

	.oudah-goal-image,
	.oudah-goal-image img {
		width: 250px;
		height: 250px;
		border-radius: 50% !important;
	}

	.oudah-service-rows article {
		padding-inline: 15px;
		border-radius: 17px;
	}

	.oudah-service-rows article > div {
		padding-right: 42px;
	}

	.oudah-journey ol {
		grid-template-columns: repeat(2, 1fr);
	}

	.oudah-journey li {
		min-height: 132px;
	}

	.oudah-owner-cta,
	.oudah-request-cta {
		margin-inline: 10px;
		border-radius: 28px;
	}

	.jaafari-booking-band {
		padding-block: 74px;
	}

	.jaafari-booking-copy h2 {
		font-size: 46px;
	}

	.oudah-footer {
		border-radius: 32px 32px 0 0;
	}

	.oudah-mobile-bar button {
		border: 0;
		background: transparent;
		font-size: 10px;
		font-weight: 700;
	}

	.jaafari-booking-modal {
		place-items: end center;
		padding: 10px 10px max(10px, env(safe-area-inset-bottom));
	}

	.jaafari-booking-dialog {
		width: 100%;
		max-height: 92svh;
		border-radius: 26px;
		transform: translateY(105%);
	}

	.jaafari-booking-dialog > header {
		padding: 22px 19px 17px;
	}

	.jaafari-booking-dialog > header h2 {
		font-size: 24px;
	}

	.jaafari-booking-progress {
		margin-inline: 19px;
	}

	.jaafari-booking-counter {
		padding: 13px 19px 0;
	}

	.jaafari-booking-form {
		padding: 8px 19px 22px;
	}

	.jaafari-booking-form legend {
		font-size: 32px;
	}

	.jaafari-choice-grid {
		grid-template-columns: 1fr;
	}

	.jaafari-choice-grid label > span {
		min-height: 92px;
		display: grid;
		grid-template-columns: 35px 1fr;
		align-content: center;
		column-gap: 9px;
	}

	.jaafari-choice-grid b {
		grid-row: 1 / 3;
	}

	.jaafari-choice-grid strong {
		margin-top: 0;
	}

	.jaafari-booking-fields {
		grid-template-columns: 1fr;
	}

	.jaafari-booking-fields .full {
		grid-column: 1;
	}

	.jaafari-booking-dialog > footer {
		padding: 13px 19px;
		flex-direction: column;
		gap: 7px;
	}

	.jaafari-booking-dialog .oudah-form-notice {
		margin-inline: 19px;
	}
}

@media (max-width: 782px) {
	body.admin-bar .oudah-header,
	body.admin-bar .oudah-header.is-transparent:not(.is-scrolled) {
		top: 58px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.oudah-property-card:hover,
	.oudah-goal-item:hover,
	.oudah-button:hover {
		transform: none;
	}
}


/* === Al Maskan refinement 3.1: requested homepage revisions === */

/* Property card CTA: readable in one line, balanced with WhatsApp on all card widths. */
.oudah-property-card-foot {
    align-items: center;
    gap: 12px;
}

.oudah-property-card-foot > strong {
    flex: 0 0 auto;
    white-space: nowrap;
}

.oudah-property-card-foot > div {
    flex: 1 1 auto;
    justify-content: flex-end;
    min-width: 0;
}

.oudah-property-card-foot a,
.oudah-property-card-foot button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 9px 13px;
    line-height: 1;
    white-space: nowrap;
}

.oudah-property-card-foot .oudah-property-details {
    min-width: 118px;
    gap: 9px;
    border-radius: 11px;
    box-shadow: 0 8px 20px rgba(15, 29, 43, 0.14);
}

.oudah-property-card-foot .oudah-property-details b {
    font-size: 15px;
    line-height: 1;
    transition: transform .25s ease;
}

.oudah-property-card-foot .oudah-property-details:hover b {
    transform: translateX(-3px);
}

/* Replace circular category system with professional horizontal residential cards. */
.oudah-goal-showcase {
    background: linear-gradient(180deg, #fbfaf7 0%, #f5f2ec 100%);
}

.oudah-goal-circles {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    align-items: stretch;
}

.oudah-goal-item {
    min-height: 220px;
    padding: 14px;
    display: grid;
    grid-template-columns: minmax(175px, 42%) minmax(0, 1fr);
    grid-template-rows: auto 1fr;
    column-gap: 22px;
    row-gap: 8px;
    align-items: center;
    border: 1px solid rgba(15, 29, 43, 0.09);
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.86);
    box-shadow: 0 18px 46px rgba(15, 29, 43, 0.06);
    overflow: hidden;
    text-align: right;
}

.oudah-goal-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 24px 56px rgba(15, 29, 43, 0.1);
}

.oudah-goal-image {
    grid-row: 1 / 3;
    width: 100%;
    height: 100%;
    min-height: 192px;
    margin: 0;
    border-radius: 17px !important;
    box-shadow: none;
    overflow: hidden;
}

.oudah-goal-image img {
    width: 100%;
    height: 100%;
    min-height: 192px;
    border-radius: 17px !important;
    object-fit: cover;
    transition: transform .45s ease;
}

.oudah-goal-item:hover .oudah-goal-image img {
    transform: scale(1.045);
}

.oudah-goal-image span {
    top: 12px;
    right: 12px;
    bottom: auto;
    min-width: 38px;
    height: 38px;
    padding: 0 9px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: rgba(255,255,255,.92);
    color: var(--oudah-ink);
    font-size: 11px;
    font-weight: 800;
    box-shadow: 0 8px 18px rgba(15,29,43,.12);
}

.oudah-goal-item h3,
.oudah-goal-item p {
    margin-inline: 0;
    text-align: right;
}

.oudah-goal-item h3 {
    align-self: end;
    margin: 0;
    font-size: clamp(23px, 2vw, 31px);
    line-height: 1.25;
    letter-spacing: -.025em;
}

.oudah-goal-item p {
    align-self: start;
    max-width: 330px;
    margin: 0;
    color: rgba(15, 29, 43, .62);
    font-size: 13px;
    line-height: 1.85;
}

/* Services: swap the dark navy block for a brighter premium stone/teal palette. */
.oudah-services-dark {
    color: var(--oudah-ink);
    background:
        radial-gradient(circle at 9% 12%, rgba(23, 107, 122, .13), transparent 30%),
        radial-gradient(circle at 92% 88%, rgba(201, 138, 72, .12), transparent 27%),
        linear-gradient(135deg, #e8f0ef 0%, #f7f4ed 58%, #efe6da 100%);
}

.oudah-services-dark .oudah-section-head.light,
.oudah-services-dark .oudah-eyebrow.light,
.oudah-services-dark .oudah-section-head.light h2,
.oudah-services-dark .oudah-service-rows article > button {
    color: var(--oudah-ink);
}

.oudah-services-dark .oudah-section-head.light p {
    color: rgba(15, 29, 43, .62);
}

.oudah-services-dark .oudah-eyebrow.light i {
    background: var(--oudah-green);
}

.oudah-service-rows article {
    border-color: rgba(15, 29, 43, .09);
    background: rgba(255, 255, 255, .58);
    box-shadow: 0 10px 34px rgba(15, 29, 43, .035);
}

.oudah-service-rows article.open {
    background: rgba(255, 255, 255, .86);
    border-color: rgba(23, 107, 122, .20);
}

.oudah-services-dark .oudah-service-rows button small {
    color: var(--oudah-accent);
}

.oudah-services-dark .oudah-service-rows button > span {
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(23, 107, 122, .10);
    color: var(--oudah-green);
    font-size: 25px;
}

.oudah-services-dark .oudah-service-rows article > div p {
    color: rgba(15, 29, 43, .66);
}

.oudah-services-dark .oudah-service-rows article > div a {
    color: var(--oudah-green);
    border-color: rgba(23, 107, 122, .36);
}

@media (max-width: 1050px) {
    .oudah-goal-circles {
        grid-template-columns: 1fr;
    }

    .oudah-goal-item {
        min-height: 205px;
    }
}

@media (max-width: 620px) {
    .oudah-property-card-foot {
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;
        align-items: stretch;
    }

    .oudah-property-card-foot > div {
        width: 100%;
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 8px;
    }

    .oudah-property-card-foot .oudah-property-details {
        width: 100%;
        min-width: 0;
    }

    .oudah-goal-circles {
        display: grid;
        grid-template-columns: 1fr;
        gap: 14px;
        margin-inline: 0;
        padding: 0;
        overflow: visible;
    }

    .oudah-goal-item {
        min-width: 0;
        min-height: 0;
        padding: 11px;
        grid-template-columns: 128px minmax(0, 1fr);
        column-gap: 15px;
        border-radius: 19px;
        scroll-snap-align: none;
    }

    .oudah-goal-image,
    .oudah-goal-image img {
        width: 128px;
        height: 138px;
        min-height: 138px;
        border-radius: 14px !important;
    }

    .oudah-goal-item h3 {
        font-size: 20px;
    }

    .oudah-goal-item p {
        font-size: 11px;
        line-height: 1.7;
    }

    .oudah-service-rows article > button {
        min-height: 82px;
    }
}

/* === Al Maskan refinement 4.0: full-bleed CTA sections + square footer ===
 * Requested: remove the inset/rounded "card" treatment from the large
 * homepage CTA bands and from the footer. Keep content constrained by the
 * inner .oudah-shell while the backgrounds span the full viewport width.
 */
.oudah-owner-cta,
.oudah-request-cta {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    margin-inline: 0 !important;
    border-radius: 0 !important;
}

.oudah-owner-cta {
    overflow: hidden;
}

.oudah-footer {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    margin-top: 0 !important;
    margin-inline: 0 !important;
    border-radius: 0 !important;
}

/* Make the transition into the footer intentional instead of leaving a gap. */
.oudah-request-cta + .oudah-footer,
main + .oudah-footer {
    margin-top: 0 !important;
}

@media (max-width: 900px) {
    .oudah-owner-cta,
    .oudah-request-cta,
    .oudah-footer {
        margin-inline: 0 !important;
        border-radius: 0 !important;
    }
}

@media (max-width: 620px) {
    .oudah-owner-cta,
    .oudah-request-cta,
    .oudah-footer {
        margin: 0 !important;
        border-radius: 0 !important;
    }
}

/* === Al Maskan refinement 5.0 ===
 * 1) Restore the beige request CTA to its inset rounded-card treatment.
 * 2) Homepage properties: exactly 3 columns on desktop (6 cards = 3 + 3).
 * 3) Prevent property buttons from ever covering the price.
 */

/* Restore only the "لم تجد العقار المناسب؟" section to the previous inset look. */
.oudah-request-cta {
    width: auto !important;
    max-width: none !important;
    margin: 28px !important;
    margin-inline: 28px !important;
    border-radius: 36px !important;
    overflow: hidden;
    background: linear-gradient(135deg, #e8d6b6, #d6bb8d);
}

/* Homepage property presentation: three cards per row. */
#selected-properties .oudah-property-grid-home {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 24px !important;
    overflow: visible !important;
    margin-inline: 0 !important;
    padding-inline: 0 !important;
}

#selected-properties .oudah-property-grid-home .oudah-property-card {
    min-width: 0 !important;
    width: 100%;
}

/* Price gets its own row; actions sit cleanly underneath. */
#selected-properties .oudah-property-card-foot {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    align-items: stretch !important;
}

#selected-properties .oudah-property-card-foot > strong {
    display: block;
    width: 100%;
    min-width: 0;
    font-size: 17px;
    line-height: 1.35;
    text-align: right;
    white-space: nowrap;
    position: relative;
    z-index: 2;
}

#selected-properties .oudah-property-card-foot > div {
    display: flex !important;
    width: 100%;
    min-width: 0;
    gap: 9px !important;
    justify-content: stretch !important;
    align-items: stretch !important;
}

#selected-properties .oudah-property-card-foot > div > a {
    min-width: 0;
    min-height: 42px;
    padding: 10px 12px;
    white-space: nowrap;
}

#selected-properties .oudah-property-card-foot .oudah-property-details {
    flex: 1 1 auto;
    width: auto !important;
    min-width: 0 !important;
}

#selected-properties .oudah-property-card-foot > div > a:last-child {
    flex: 0 0 84px;
}

@media (max-width: 1000px) {
    #selected-properties .oudah-property-grid-home {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .oudah-request-cta {
        margin-inline: 18px !important;
    }
}

@media (max-width: 620px) {
    #selected-properties .oudah-property-grid-home {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 16px !important;
        overflow: visible !important;
        margin-inline: 0 !important;
        padding-inline: 0 !important;
    }

    #selected-properties .oudah-property-grid-home .oudah-property-card {
        min-width: 0 !important;
        scroll-snap-align: none !important;
    }

    #selected-properties .oudah-property-card-foot > div {
        display: flex !important;
        grid-template-columns: none !important;
    }

    .oudah-request-cta {
        width: auto !important;
        margin: 10px !important;
        margin-inline: 10px !important;
        border-radius: 28px !important;
    }
}

/* === Al Maskan refinement 3.3: property-card footer matches approved reference === */
#selected-properties .oudah-property-card-foot {
    display: flex !important;
    flex-direction: row !important;
    direction: rtl;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 12px !important;
    width: 100%;
    padding-top: 10px;
}

#selected-properties .oudah-property-card-foot > strong {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 92px;
    margin: 0;
    text-align: right !important;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.2;
    white-space: nowrap !important;
}

#selected-properties .oudah-property-card-foot > div {
    display: flex !important;
    flex: 0 1 auto !important;
    width: auto !important;
    min-width: 0;
    gap: 8px !important;
    justify-content: flex-start !important;
    align-items: center !important;
    direction: rtl;
}

#selected-properties .oudah-property-card-foot > div > a {
    box-sizing: border-box;
    min-height: 50px !important;
    height: 50px;
    margin: 0;
    padding: 0 16px !important;
    border-radius: 13px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    line-height: 1 !important;
    white-space: nowrap !important;
}

#selected-properties .oudah-property-card-foot .oudah-property-details {
    flex: 0 1 150px !important;
    width: 150px !important;
    min-width: 128px !important;
    max-width: 150px;
    gap: 10px;
    background: #0f1d2b;
    border-color: #0f1d2b;
    color: #fff;
}

#selected-properties .oudah-property-card-foot > div > a:last-child {
    flex: 0 0 80px !important;
    width: 80px;
    min-width: 80px !important;
    padding-inline: 10px !important;
    background: #fff;
    color: #0f1d2b;
    border: 1px solid rgba(15, 29, 43, 0.12);
}

#selected-properties .oudah-property-card-foot .oudah-property-details b {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    line-height: 1;
}

/* Keep the approved 3 x 2 desktop layout. */
#selected-properties .oudah-property-grid-home {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

@media (max-width: 1120px) and (min-width: 621px) {
    #selected-properties .oudah-property-card-foot {
        gap: 8px !important;
    }
    #selected-properties .oudah-property-card-foot > strong {
        min-width: 82px;
        font-size: 14px;
    }
    #selected-properties .oudah-property-card-foot .oudah-property-details {
        width: 128px !important;
        min-width: 112px !important;
        max-width: 128px;
        padding-inline: 11px !important;
        font-size: 9px;
    }
    #selected-properties .oudah-property-card-foot > div > a:last-child {
        flex-basis: 72px !important;
        width: 72px;
        min-width: 72px !important;
        font-size: 9px;
    }
}

@media (max-width: 1000px) {
    #selected-properties .oudah-property-grid-home {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 620px) {
    #selected-properties .oudah-property-card-foot {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }
    #selected-properties .oudah-property-card-foot > strong {
        min-width: 0;
        width: 100% !important;
        font-size: 16px;
    }
    #selected-properties .oudah-property-card-foot > div {
        width: 100% !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 86px !important;
        gap: 8px !important;
    }
    #selected-properties .oudah-property-card-foot .oudah-property-details {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none;
    }
    #selected-properties .oudah-property-card-foot > div > a:last-child {
        width: 86px;
        min-width: 86px !important;
    }
}

/* === Al Maskan refinement 8.0: verified mobile layout pass ===
 * Mobile-first cleanup after desktop refinements.
 * Goals: zero horizontal overflow, compact typography, readable cards,
 * comfortable touch targets, and consistent safe-area spacing.
 */
@media (max-width: 620px) {
    html,
    body {
        max-width: 100%;
        overflow-x: hidden;
    }

    :root {
        --oudah-shell: calc(100vw - 28px);
    }

    body {
        padding-bottom: calc(62px + env(safe-area-inset-bottom));
    }

    .oudah-shell {
        width: var(--oudah-shell);
        max-width: 100%;
    }

    .oudah-section {
        padding-block: 58px;
    }

    /* Header */
    .oudah-header,
    .oudah-header.is-transparent:not(.is-scrolled) {
        top: 8px;
        height: 62px;
    }

    body.admin-bar .oudah-header,
    body.admin-bar .oudah-header.is-transparent:not(.is-scrolled) {
        top: 54px;
    }

    .oudah-header-inner {
        height: 62px;
        padding-inline: 11px 8px;
        border-radius: 18px;
    }

    .oudah-brand-mark {
        width: 36px;
        height: 36px;
    }

    .oudah-brand-copy strong {
        font-size: 17px;
        line-height: 1.1;
    }

    .oudah-menu-toggle {
        width: 44px;
        height: 44px;
        flex: 0 0 44px;
    }

    /* Hero */
    .oudah-hero,
    .oudah-hero-content {
        min-height: 82svh;
    }

    .oudah-hero {
        border-radius: 0 0 24px 24px;
    }

    .oudah-hero-content {
        padding: 94px 0 112px;
    }

    .oudah-hero h1 {
        width: auto !important;
        max-width: 100% !important;
        margin: 13px 0 14px;
        white-space: normal !important;
        font-size: clamp(40px, 12.2vw, 52px) !important;
        line-height: 1.06 !important;
        letter-spacing: -.035em !important;
    }

    .oudah-hero-content > p {
        max-width: 33ch;
        margin: 0;
        font-size: 13px;
        line-height: 1.85;
    }

    .oudah-hero-actions {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 8px;
        margin-top: 22px;
    }

    .oudah-hero-actions .oudah-button {
        width: 100%;
        min-width: 0 !important;
        min-height: 48px;
        padding: 10px 9px;
        justify-content: center;
        text-align: center;
        font-size: 11px;
    }

    .oudah-hero-strip {
        inset: auto 10px 12px;
        min-height: 42px;
        padding-inline: 9px;
        gap: 4px;
        font-size: 8.5px;
        white-space: nowrap;
    }

    /* Search + proof */
    .oudah-search {
        width: calc(100vw - 24px);
        margin-top: -28px;
        padding: 6px;
    }

    .oudah-search-mobile {
        min-height: 58px;
        padding-inline: 16px;
        border-radius: 16px;
    }

    .jaafari-proof {
        padding-top: 22px;
    }

    .jaafari-proof > .oudah-shell {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        border-radius: 18px;
    }

    .jaafari-proof > .oudah-shell > div {
        min-height: 88px;
        padding: 13px 12px;
        grid-template-columns: 30px 1fr;
        column-gap: 8px;
        border-left: 1px solid var(--oudah-line);
        border-bottom: 1px solid var(--oudah-line);
    }

    .jaafari-proof > .oudah-shell > div:nth-child(even) {
        border-left: 0;
    }

    .jaafari-proof > .oudah-shell > div:nth-last-child(-n+2) {
        border-bottom: 0;
    }

    .jaafari-proof span {
        width: 30px;
        height: 30px;
    }

    .jaafari-proof strong {
        font-size: 11px;
        line-height: 1.45;
    }

    /* Section headings */
    .oudah-section-head,
    .oudah-section-head.split {
        margin-bottom: 30px;
        gap: 14px;
    }

    .oudah-section-head h2,
    .oudah-about-band h2,
    .oudah-request-cta h2,
    .oudah-owner-cta h2 {
        max-width: 100%;
        margin-top: 12px;
        font-size: clamp(33px, 10vw, 41px) !important;
        line-height: 1.14 !important;
        letter-spacing: -.035em;
    }

    .oudah-section-head p,
    .oudah-about-copy p,
    .oudah-request-cta p {
        font-size: 12.5px;
        line-height: 1.9;
    }

    .oudah-text-link {
        font-size: 11px;
    }

    /* Property cards: one clean card per row; no side-scroll or overlaps. */
    #selected-properties .oudah-property-grid-home,
    .oudah-archive-results.grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 16px !important;
        width: 100%;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    #selected-properties .oudah-property-grid-home .oudah-property-card,
    .oudah-archive-results.grid .oudah-property-card {
        width: 100% !important;
        min-width: 0 !important;
        margin: 0;
        padding: 9px 9px 15px;
        border-radius: 20px;
        scroll-snap-align: none !important;
        transform: none !important;
    }

    #selected-properties .oudah-property-image,
    .oudah-archive-results.grid .oudah-property-image {
        aspect-ratio: 1.42;
        border-radius: 16px;
    }

    #selected-properties .oudah-property-card-meta,
    #selected-properties .oudah-property-card > h3,
    #selected-properties .oudah-property-card > p,
    #selected-properties .oudah-property-facts,
    #selected-properties .oudah-property-card-foot {
        margin-inline: 7px;
    }

    #selected-properties .oudah-property-card h3 {
        margin-top: 8px;
        font-size: 20px;
        line-height: 1.35;
    }

    #selected-properties .oudah-property-card-summary {
        min-height: 0;
        margin-top: 7px;
        -webkit-line-clamp: 2;
    }

    #selected-properties .oudah-property-facts {
        gap: 6px;
        margin-top: 10px;
    }

    #selected-properties .oudah-property-facts span {
        flex: 1 1 auto;
        padding: 7px 7px;
        text-align: center;
        font-size: 10px;
        white-space: nowrap;
    }

    #selected-properties .oudah-property-card-foot {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 10px !important;
        padding-top: 12px;
    }

    #selected-properties .oudah-property-card-foot > strong {
        width: 100% !important;
        min-width: 0 !important;
        font-size: 17px;
        text-align: right !important;
    }

    #selected-properties .oudah-property-card-foot > div {
        width: 100% !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 92px !important;
        gap: 8px !important;
    }

    #selected-properties .oudah-property-card-foot > div > a {
        width: 100% !important;
        min-width: 0 !important;
        height: 48px !important;
        min-height: 48px !important;
        padding-inline: 10px !important;
        border-radius: 12px !important;
        font-size: 10px !important;
    }

    #selected-properties .oudah-property-card-foot .oudah-property-details {
        width: 100% !important;
        max-width: none !important;
        gap: 7px;
    }

    #selected-properties .oudah-property-card-foot > div > a:last-child {
        width: 92px !important;
        min-width: 92px !important;
    }

    /* Goal cards: stacked, full width, no horizontal carousel on phones. */
    .oudah-goal-cards {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 14px !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    .oudah-goal-card {
        min-width: 0 !important;
        width: 100%;
        scroll-snap-align: none !important;
    }

    .oudah-goal-card > a {
        height: 330px !important;
        border-radius: 16px !important;
    }

    .oudah-goal-no {
        top: 14px;
        right: 14px;
        min-width: 39px;
        height: 39px;
    }

    .oudah-goal-card-copy {
        right: 17px !important;
        left: 17px !important;
        bottom: 17px !important;
    }

    .oudah-goal-card-copy h3 {
        font-size: 24px !important;
    }

    .oudah-goal-card-copy p {
        margin-bottom: 12px;
        font-size: 11px !important;
    }

    /* About + services */
    .oudah-about-copy {
        gap: 24px;
    }

    .oudah-official-row {
        margin-top: 34px;
    }

    .oudah-service-rows article {
        padding-inline: 12px;
        border-radius: 15px;
    }

    .oudah-service-rows article > button {
        min-height: 76px;
        grid-template-columns: 32px minmax(0,1fr) 38px;
        gap: 7px;
    }

    .oudah-service-rows h3 {
        font-size: 20px;
        line-height: 1.3;
    }

    .oudah-services-dark .oudah-service-rows button > span {
        width: 34px;
        height: 34px;
        font-size: 20px;
    }

    .oudah-service-rows article > div {
        padding-right: 36px;
        gap: 14px;
    }

    /* Beige request CTA remains rounded/inset as approved. */
    .oudah-request-cta {
        width: auto !important;
        margin: 10px !important;
        margin-inline: 10px !important;
        border-radius: 24px !important;
        padding-block: 54px !important;
    }

    .oudah-request-cta > .oudah-shell {
        gap: 20px;
    }

    .oudah-request-cta .oudah-button {
        width: 100%;
        min-height: 50px;
        justify-content: center;
    }

    /* Inner pages */
    .oudah-page-hero {
        min-height: 44svh;
        padding-top: 72px;
    }

    .oudah-page-hero h1,
    .oudah-property-intro h1,
    .oudah-auction-hero h1 {
        font-size: clamp(38px, 11vw, 48px) !important;
        line-height: 1.08;
    }

    .oudah-about-statement h2,
    .oudah-form-layout aside h2,
    .oudah-contact-info h2 {
        font-size: 34px !important;
        line-height: 1.18;
    }

    .oudah-property-gallery {
        grid-template-rows: 300px 105px;
    }

    .oudah-detail-facts,
    .oudah-auction-meta {
        gap: 8px;
    }

    /* Footer */
    .oudah-footer {
        padding: 58px 0 20px !important;
        border-radius: 0 !important;
    }

    .oudah-footer-grid {
        grid-template-columns: 1fr !important;
        gap: 28px !important;
        padding-bottom: 38px;
    }

    .oudah-footer-brand,
    .oudah-footer-contact {
        grid-column: 1 !important;
    }

    .oudah-footer-links,
    .oudah-footer-contact {
        gap: 9px;
    }

    .oudah-footer-contact .phone {
        font-size: 21px;
    }

    .oudah-footer-bottom {
        align-items: flex-start;
        gap: 10px;
        padding-bottom: 8px;
        line-height: 1.7;
    }

    /* Fixed bottom bar: safe area + usable tap targets. */
    .oudah-whatsapp-float {
        display: none !important;
    }

    .oudah-mobile-bar {
        height: calc(62px + env(safe-area-inset-bottom));
        padding: 0 4px env(safe-area-inset-bottom);
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .oudah-mobile-bar a,
    .oudah-mobile-bar button {
        min-width: 0;
        min-height: 54px;
        padding: 0 4px;
        display: grid;
        place-items: center;
        text-align: center;
        line-height: 1.25;
        font-size: 9px !important;
    }

    /* Booking modal */
    .jaafari-booking-modal {
        padding: 8px 8px max(8px, env(safe-area-inset-bottom));
    }

    .jaafari-booking-dialog {
        max-height: 90svh;
        border-radius: 22px;
    }
}

@media (max-width: 380px) {
    .oudah-hero h1 {
        font-size: 39px !important;
    }

    .oudah-hero-actions {
        grid-template-columns: 1fr;
    }

    .jaafari-proof > .oudah-shell {
        grid-template-columns: 1fr;
    }

    .jaafari-proof > .oudah-shell > div,
    .jaafari-proof > .oudah-shell > div:nth-child(even),
    .jaafari-proof > .oudah-shell > div:nth-last-child(-n+2) {
        border-left: 0;
        border-bottom: 1px solid var(--oudah-line);
    }

    .jaafari-proof > .oudah-shell > div:last-child {
        border-bottom: 0;
    }

    #selected-properties .oudah-property-card-foot > div {
        grid-template-columns: 1fr 82px !important;
    }

    #selected-properties .oudah-property-card-foot > div > a:last-child {
        width: 82px !important;
        min-width: 82px !important;
    }
}


/* v4.3.0 — premium consultation forms + icon-only social channels */
.oudah-social-icon{display:inline-grid;place-items:center;width:46px;height:46px;padding:0!important;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:rgba(255,255,255,.07);color:#fff;transition:transform .22s ease,background .22s ease,border-color .22s ease,box-shadow .22s ease}
.oudah-social-icon svg{width:22px;height:22px;display:block}
.oudah-social-icon:hover{transform:translateY(-2px);background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.3);box-shadow:0 12px 28px rgba(0,0,0,.13)}
.oudah-socials{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:16px}
.oudah-contact-channel-icon strong{display:grid!important;place-items:center;width:46px;height:46px;margin-top:8px;border-radius:14px;background:var(--oudah-ink);color:#fff}
.oudah-contact-channel-icon strong svg{width:23px;height:23px}
.oudah-card-social{width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;padding:0!important;border-radius:12px!important;background:#1f9d5a!important;border-color:#1f9d5a!important;color:#fff!important;box-shadow:0 8px 18px rgba(31,157,90,.18)}
.oudah-card-social svg{width:19px;height:19px}
.oudah-button-social{width:56px!important;min-width:56px!important;padding:0!important;display:inline-grid!important;place-items:center!important}
.oudah-button-social svg{width:23px;height:23px}
.oudah-mobile-social{display:grid!important;place-items:center!important}
.oudah-mobile-social svg{width:22px;height:22px}
.oudah-whatsapp-float{width:58px!important;height:58px!important;min-height:58px!important;padding:0!important;border-radius:50%!important;background:#1f9d5a!important;color:#fff!important;border:0!important;box-shadow:0 16px 38px rgba(18,112,61,.3)!important}
.oudah-whatsapp-float svg{width:27px;height:27px}

/* Elevated form pages: keep the existing visual language, but add a more premium hierarchy. */
.oudah-form-page .oudah-form-layout{gap:clamp(34px,5vw,76px);align-items:start}
.oudah-form-page .oudah-form-layout>aside{position:sticky;top:128px;padding:38px 34px;border:1px solid rgba(15,29,43,.08);border-radius:28px;background:linear-gradient(155deg,#fff 0%,#f7f2e9 100%);box-shadow:0 28px 80px rgba(15,29,43,.08);overflow:hidden}
.oudah-form-page .oudah-form-layout>aside:before{content:"";position:absolute;top:0;right:0;width:92px;height:4px;border-radius:0 0 0 999px;background:linear-gradient(90deg,var(--oudah-accent),#e5b57f)}
.oudah-form-page .oudah-form-layout>aside h2{font-size:clamp(31px,3vw,47px);line-height:1.18;letter-spacing:-.03em}
.oudah-form-page .oudah-form-layout>aside p{font-size:13px;line-height:2;color:rgba(15,29,43,.62)}
.oudah-form-page .oudah-form-layout>aside ol{margin-top:26px;padding:0;list-style:none;counter-reset:premium-steps;border-top:1px solid rgba(15,29,43,.09)}
.oudah-form-page .oudah-form-layout>aside ol li{counter-increment:premium-steps;min-height:58px;display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(15,29,43,.09);font-size:12px;font-weight:700}
.oudah-form-page .oudah-form-layout>aside ol li:before{content:counter(premium-steps,decimal-leading-zero);width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:rgba(201,138,72,.12);color:var(--oudah-accent);font-size:10px;font-weight:800}
.oudah-request-form{position:relative;padding:36px!important;border:1px solid rgba(15,29,43,.09)!important;border-radius:28px!important;background:linear-gradient(180deg,#fff 0%,#fbfaf7 100%)!important;box-shadow:0 28px 85px rgba(15,29,43,.09)!important;overflow:hidden}
.oudah-request-form:before{content:"";position:absolute;top:0;right:0;left:0;height:4px;background:linear-gradient(90deg,var(--oudah-accent),#e5b57f 36%,transparent 78%)}
.oudah-request-form .oudah-form-title{padding-bottom:22px;margin-bottom:24px;border-bottom:1px solid rgba(15,29,43,.08)}
.oudah-request-form .oudah-form-title small{display:block;margin-bottom:7px;color:var(--oudah-accent);font-weight:800;letter-spacing:.02em}
.oudah-request-form .oudah-form-title h2{margin:0;font-size:clamp(28px,3vw,40px);letter-spacing:-.03em}
.oudah-request-form label>span{font-size:11px;font-weight:800;color:rgba(15,29,43,.78)}
.oudah-request-form input,.oudah-request-form select,.oudah-request-form textarea{min-height:60px!important;border:1px solid rgba(15,29,43,.12)!important;border-radius:14px!important;background:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.7);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.oudah-request-form textarea{min-height:128px!important}
.oudah-request-form input:focus,.oudah-request-form select:focus,.oudah-request-form textarea:focus{border-color:var(--oudah-accent)!important;box-shadow:0 0 0 4px rgba(201,138,72,.1)!important}
.oudah-request-form>.oudah-button,.oudah-request-form button.oudah-button{min-height:58px;border-radius:14px;box-shadow:0 14px 32px rgba(201,138,72,.2)}

/* Premium consultation dialog */
.jaafari-booking-dialog{width:min(940px,100%);border:1px solid rgba(255,255,255,.18);border-radius:34px;background:linear-gradient(180deg,#fcfbf8 0%,#f7f3ec 100%);box-shadow:0 42px 120px rgba(0,0,0,.38);overflow:auto}
.jaafari-booking-dialog>header{position:relative;padding:31px 32px 25px;background:radial-gradient(circle at 8% 15%,rgba(201,138,72,.25),transparent 25%),linear-gradient(135deg,#102638,#081622);color:#fff}
.jaafari-booking-dialog>header:after{content:"";position:absolute;right:32px;bottom:0;width:96px;height:3px;border-radius:999px;background:linear-gradient(90deg,var(--oudah-accent),#ecc08d)}
.jaafari-booking-dialog>header small{color:#e9bd88;letter-spacing:.03em}
.jaafari-booking-dialog>header h2{font-size:clamp(30px,4vw,43px);letter-spacing:-.035em}
.jaafari-booking-dialog>header>button{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#fff}
.jaafari-booking-progress{height:5px;margin:0;background:rgba(15,29,43,.08);border-radius:0}
.jaafari-booking-progress span{background:linear-gradient(90deg,var(--oudah-accent),#e4b47d)}
.jaafari-booking-counter{padding:18px 34px 0}
.jaafari-booking-counter span{width:44px;height:34px;display:grid;place-items:center;border:1px solid rgba(201,138,72,.22);border-radius:999px;background:rgba(201,138,72,.08);color:var(--oudah-accent);font-size:14px}
.jaafari-booking-form{padding:12px 34px 34px}
.jaafari-booking-form legend{max-width:760px;font-size:clamp(31px,4.2vw,48px);letter-spacing:-.04em}
.jaafari-booking-form fieldset>p{max-width:700px;margin:12px 0 28px;font-size:13px;line-height:1.95}
.jaafari-choice-grid{gap:14px;margin-bottom:28px}
.jaafari-choice-grid label>span{min-height:166px;padding:20px;border-radius:22px;border-color:rgba(15,29,43,.09);box-shadow:0 12px 30px rgba(15,29,43,.04)}
.jaafari-choice-grid label:hover>span{border-color:rgba(201,138,72,.42);box-shadow:0 16px 36px rgba(15,29,43,.07)}
.jaafari-choice-grid input:checked+span{border-color:#16364a;background:linear-gradient(145deg,#16364a,#0b1d2a);color:#fff;box-shadow:0 20px 42px rgba(8,24,36,.18)}
.jaafari-choice-grid input:checked+span small{color:rgba(255,255,255,.64)}
.jaafari-choice-grid input:checked+span b{color:#e9bd88}
.jaafari-booking-fields{gap:15px}
.jaafari-booking-fields label>span{font-size:11px;letter-spacing:.01em}
.jaafari-booking-fields input,.jaafari-booking-fields select,.jaafari-booking-fields textarea{min-height:62px;padding:15px 16px;border-radius:15px;background:#fff;box-shadow:0 7px 20px rgba(15,29,43,.025)}
.jaafari-booking-actions{margin-top:28px;padding-top:22px;border-top:1px solid rgba(15,29,43,.08)}
.jaafari-booking-actions .oudah-button,.jaafari-booking-form>fieldset>.oudah-button{min-height:56px;border-radius:14px;box-shadow:0 14px 30px rgba(15,29,43,.1)}
.jaafari-booking-dialog>footer{min-height:62px;padding:14px 34px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid rgba(15,29,43,.08);background:rgba(255,255,255,.62);font-size:11px;color:rgba(15,29,43,.58)}
.jaafari-booking-social{width:42px;height:42px;border-color:rgba(15,29,43,.08);background:#1f9d5a;color:#fff}

@media(max-width:900px){.oudah-form-page .oudah-form-layout>aside{position:relative;top:auto}.jaafari-booking-dialog{border-radius:26px}.jaafari-booking-dialog>header{padding:25px 24px 20px}.jaafari-booking-form{padding:10px 24px 26px}.jaafari-booking-counter{padding-inline:24px}.jaafari-booking-dialog>footer{padding-inline:24px}}
@media(max-width:620px){.oudah-request-form{padding:24px 20px!important;border-radius:22px!important}.oudah-form-page .oudah-form-layout>aside{padding:28px 22px;border-radius:22px}.jaafari-booking-modal{padding:10px}.jaafari-booking-dialog{max-height:calc(100svh - 20px);border-radius:22px}.jaafari-booking-dialog>header{padding:22px 20px 18px}.jaafari-booking-form{padding:8px 20px 22px}.jaafari-booking-counter{padding:14px 20px 0}.jaafari-choice-grid{grid-template-columns:1fr}.jaafari-choice-grid label>span{min-height:112px}.jaafari-booking-fields{grid-template-columns:1fr}.jaafari-booking-dialog>footer{padding:12px 20px}.oudah-whatsapp-float{width:54px!important;height:54px!important;min-height:54px!important}.oudah-card-social{display:inline-grid!important}}


/* v4.4.0 — contact refinements, compact property WhatsApp, visual services */
.oudah-card-social{
    width:32px!important;
    min-width:32px!important;
    height:32px!important;
    min-height:32px!important;
    padding:0!important;
    border-radius:9px!important;
    box-shadow:0 6px 14px rgba(31,157,90,.15)!important;
}
.oudah-card-social svg{width:15px!important;height:15px!important}
#selected-properties .oudah-property-card-foot>div{grid-template-columns:minmax(0,1fr) 32px!important;gap:7px!important}
#selected-properties .oudah-property-card-foot>div>a:last-child{
    width:32px!important;
    min-width:32px!important;
    height:32px!important;
    min-height:32px!important;
    padding:0!important;
}
#selected-properties .oudah-property-card-foot>div>a:last-child svg{width:15px!important;height:15px!important}

.oudah-contact-social-box{
    margin-top:18px;
    padding:19px 20px;
    border:1px solid var(--oudah-line);
    border-radius:18px;
    background:rgba(255,255,255,.38);
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
}
.oudah-contact-social-title{color:var(--oudah-green);font-size:12px;font-weight:700}
.oudah-contact-social-icons{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.oudah-contact-social-button{
    width:48px;
    min-width:48px;
    height:48px;
    min-height:48px;
    padding:0;
    border:1px solid rgba(15,29,43,.09);
    border-radius:14px;
    background:var(--oudah-ink);
    color:#fff;
    display:grid;
    place-items:center;
    transition:transform .2s ease,box-shadow .2s ease;
}
.oudah-contact-social-button:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(15,29,43,.13)}
.oudah-contact-social-button.is-whatsapp{background:#1f9d5a;border-color:#1f9d5a}
.oudah-contact-social-button svg{display:block;width:22px;height:22px}

.oudah-contact-facts{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
    margin-top:22px!important;
    border:0!important;
}
.oudah-contact-facts>div{
    min-height:105px!important;
    padding:18px 20px!important;
    border:1px solid var(--oudah-line)!important;
    border-radius:18px!important;
    background:rgba(255,255,255,.34)!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    gap:7px!important;
}
.oudah-contact-facts>div:last-child{border-left:1px solid var(--oudah-line)!important}
.oudah-contact-facts strong{font-size:clamp(16px,1.45vw,20px);line-height:1.45}
.oudah-contact-city-line{white-space:nowrap;letter-spacing:-.02em}

.oudah-services-visual{border-top:0!important;display:grid;gap:18px}
.oudah-services-visual article{
    min-height:210px!important;
    padding:0!important;
    grid-template-columns:minmax(220px,300px) 50px minmax(0,1fr) auto!important;
    gap:26px!important;
    border:1px solid var(--oudah-line)!important;
    border-radius:22px;
    overflow:hidden;
    background:rgba(255,255,255,.48);
    align-items:center!important;
}
.oudah-service-image{display:block!important;width:100%;height:210px;border:0!important;overflow:hidden;background:#ded7ca}
.oudah-service-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.oudah-services-visual article:hover .oudah-service-image img{transform:scale(1.035)}
.oudah-services-visual article>small{align-self:start;margin-top:28px;font-weight:800}
.oudah-service-copy{padding-block:28px;min-width:0}
.oudah-service-copy h2{margin:0 0 12px!important}
.oudah-service-copy p{max-width:650px}
.oudah-service-cta{margin-left:24px!important;display:inline-flex;align-items:center;gap:12px;white-space:nowrap}

@media(max-width:900px){
    .oudah-services-visual article{grid-template-columns:210px 38px minmax(0,1fr)!important;gap:18px!important}
    .oudah-service-image{height:190px}
    .oudah-service-cta{grid-column:3!important;margin:0 0 24px!important;justify-self:start}
}
@media(max-width:620px){
    .oudah-contact-social-box{padding:16px;border-radius:16px}
    .oudah-contact-social-button{width:44px;min-width:44px;height:44px;min-height:44px;border-radius:12px}
    .oudah-contact-social-button svg{width:20px;height:20px}
    .oudah-contact-facts{grid-template-columns:1fr!important}
    .oudah-contact-facts strong{font-size:17px}
    .oudah-contact-city-line{white-space:nowrap;font-size:16px!important}
    .oudah-services-visual article{display:grid!important;grid-template-columns:38px 1fr!important;gap:0 14px!important;border-radius:18px}
    .oudah-service-image{grid-column:1/-1!important;height:220px!important}
    .oudah-services-visual article>small{grid-column:1;margin:22px 0 0 0;padding-right:14px}
    .oudah-service-copy{grid-column:2;padding:20px 14px 18px 14px}
    .oudah-service-cta{grid-column:2!important;margin:0 14px 22px!important;justify-self:start}
}


/* v4.5.0 — unified contact box + standalone social icons */
.oudah-contact-master-box{
    margin-top:34px;
    padding:0 26px;
    border:1px solid var(--oudah-line);
    border-radius:26px;
    background:rgba(255,255,255,.34);
    overflow:hidden;
}
.oudah-contact-master-box .oudah-contact-phone{
    margin:0!important;
    min-height:104px;
    padding:22px 0!important;
    border:0!important;
    border-bottom:1px solid var(--oudah-line)!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
}
.oudah-contact-master-box .oudah-contact-social-box{
    margin:0!important;
    min-height:96px;
    padding:20px 0!important;
    border:0!important;
    border-bottom:1px solid var(--oudah-line)!important;
    border-radius:0!important;
    background:transparent!important;
}
.oudah-contact-master-box .oudah-contact-social-icons{gap:18px}
.oudah-contact-master-box .oudah-contact-social-button{
    width:auto!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    padding:4px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:var(--oudah-ink)!important;
}
.oudah-contact-master-box .oudah-contact-social-button.is-whatsapp{
    background:transparent!important;
    border:0!important;
    color:#1f9d5a!important;
}
.oudah-contact-master-box .oudah-contact-social-button:hover{
    transform:translateY(-2px);
    box-shadow:none!important;
    opacity:.78;
}
.oudah-contact-master-box .oudah-contact-social-button svg{
    width:30px!important;
    height:30px!important;
}
.oudah-contact-master-box .oudah-contact-facts{
    margin:0!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:0!important;
    border:0!important;
}
.oudah-contact-master-box .oudah-contact-facts>div{
    min-height:122px!important;
    padding:24px 0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
}
.oudah-contact-master-box .oudah-contact-facts>div+div{
    border-right:1px solid var(--oudah-line)!important;
    padding-right:26px!important;
}
.oudah-contact-master-box .oudah-contact-facts>div:first-child{
    padding-left:26px!important;
}
.oudah-contact-master-box .oudah-contact-city-line{
    white-space:nowrap!important;
    font-size:clamp(15px,1.35vw,19px)!important;
}
@media(max-width:620px){
    .oudah-contact-master-box{margin-top:26px;padding:0 18px;border-radius:22px}
    .oudah-contact-master-box .oudah-contact-phone{min-height:92px;padding:18px 0!important}
    .oudah-contact-master-box .oudah-contact-social-box{min-height:84px;padding:18px 0!important}
    .oudah-contact-master-box .oudah-contact-social-button svg{width:27px!important;height:27px!important}
    .oudah-contact-master-box .oudah-contact-facts{grid-template-columns:1fr!important}
    .oudah-contact-master-box .oudah-contact-facts>div{min-height:auto!important;padding:20px 0!important}
    .oudah-contact-master-box .oudah-contact-facts>div+div{border-right:0!important;border-top:1px solid var(--oudah-line)!important;padding-right:0!important}
    .oudah-contact-master-box .oudah-contact-facts>div:first-child{padding-left:0!important}
    .oudah-contact-master-box .oudah-contact-city-line{white-space:nowrap!important;font-size:15px!important}
}


/* v4.6.0 — refined contact card: no WhatsApp in the social row */
.oudah-contact-master-box{
    margin-top:32px!important;
    padding:0 30px!important;
    border:1px solid rgba(15,29,43,.14)!important;
    border-radius:30px!important;
    background:rgba(255,255,255,.48)!important;
    box-shadow:0 18px 46px rgba(15,29,43,.045)!important;
    overflow:hidden!important;
}
.oudah-contact-master-box .oudah-contact-phone{
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:18px!important;
    min-height:98px!important;
    padding:22px 0!important;
}
.oudah-contact-master-box .oudah-contact-phone small{
    font-size:14px!important;
    color:var(--oudah-green)!important;
    white-space:nowrap!important;
}
.oudah-contact-master-box .oudah-contact-phone strong{
    justify-self:start!important;
    font-size:clamp(22px,2.3vw,31px)!important;
    letter-spacing:.01em!important;
    line-height:1!important;
}
.oudah-contact-master-box .oudah-contact-phone span{
    justify-self:end!important;
}
.oudah-contact-master-box .oudah-contact-social-box{
    min-height:120px!important;
    padding:22px 0 24px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    gap:15px!important;
}
.oudah-contact-master-box .oudah-contact-social-title{
    display:block!important;
    margin:0!important;
    font-size:15px!important;
    font-weight:800!important;
    color:var(--oudah-green)!important;
    line-height:1.2!important;
}
.oudah-contact-master-box .oudah-contact-social-icons{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    flex-wrap:wrap!important;
    gap:20px!important;
    width:100%!important;
}
.oudah-contact-master-box .oudah-contact-social-button{
    display:inline-grid!important;
    place-items:center!important;
    width:34px!important;
    min-width:34px!important;
    height:34px!important;
    min-height:34px!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:var(--oudah-ink)!important;
    box-shadow:none!important;
    line-height:1!important;
}
.oudah-contact-master-box .oudah-contact-social-button svg{
    display:block!important;
    width:27px!important;
    height:27px!important;
}
.oudah-contact-master-box .oudah-contact-social-button.is-inactive{
    opacity:.68!important;
    cursor:default!important;
}
.oudah-contact-master-box a.oudah-contact-social-button:hover{
    color:var(--oudah-green)!important;
    opacity:1!important;
    transform:translateY(-2px)!important;
}
.oudah-contact-master-box .oudah-contact-facts{
    grid-template-columns:minmax(0,1.35fr) minmax(118px,.8fr)!important;
    align-items:stretch!important;
}
.oudah-contact-master-box .oudah-contact-facts>div{
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    min-width:0!important;
    min-height:118px!important;
    padding:24px 0!important;
}
.oudah-contact-master-box .oudah-contact-facts small{
    margin-bottom:12px!important;
    color:var(--oudah-green)!important;
    font-size:14px!important;
}
.oudah-contact-master-box .oudah-contact-facts strong{
    display:block!important;
    max-width:100%!important;
    font-size:clamp(17px,2vw,23px)!important;
    line-height:1.45!important;
}
.oudah-contact-master-box .oudah-contact-city-line{
    white-space:nowrap!important;
    font-size:clamp(14px,1.65vw,20px)!important;
    letter-spacing:-.02em!important;
}
@media(max-width:620px){
    .oudah-contact-master-box{
        padding:0 22px!important;
        border-radius:26px!important;
    }
    .oudah-contact-master-box .oudah-contact-phone{
        min-height:88px!important;
        gap:12px!important;
        grid-template-columns:auto minmax(0,1fr) auto!important;
    }
    .oudah-contact-master-box .oudah-contact-phone strong{
        font-size:21px!important;
    }
    .oudah-contact-master-box .oudah-contact-social-box{
        min-height:110px!important;
        padding:20px 0!important;
        gap:14px!important;
    }
    .oudah-contact-master-box .oudah-contact-social-icons{
        gap:18px!important;
    }
    .oudah-contact-master-box .oudah-contact-social-button,
    .oudah-contact-master-box .oudah-contact-social-button svg{
        width:26px!important;
        height:26px!important;
        min-width:26px!important;
        min-height:26px!important;
    }
    .oudah-contact-master-box .oudah-contact-facts{
        grid-template-columns:minmax(0,1.35fr) minmax(106px,.75fr)!important;
    }
    .oudah-contact-master-box .oudah-contact-facts>div{
        min-height:108px!important;
        padding:20px 0!important;
    }
    .oudah-contact-master-box .oudah-contact-facts>div+div{
        border-top:0!important;
        border-right:1px solid var(--oudah-line)!important;
        padding-right:18px!important;
    }
    .oudah-contact-master-box .oudah-contact-facts>div:first-child{
        padding-left:18px!important;
    }
    .oudah-contact-master-box .oudah-contact-facts strong{
        font-size:17px!important;
    }
    .oudah-contact-master-box .oudah-contact-city-line{
        font-size:14px!important;
        white-space:nowrap!important;
    }
}
@media(max-width:390px){
    .oudah-contact-master-box{padding:0 18px!important}
    .oudah-contact-master-box .oudah-contact-phone strong{font-size:18px!important}
    .oudah-contact-master-box .oudah-contact-facts{
        grid-template-columns:1fr!important;
    }
    .oudah-contact-master-box .oudah-contact-facts>div{
        min-height:auto!important;
        padding:18px 0!important;
    }
    .oudah-contact-master-box .oudah-contact-facts>div+div{
        border-right:0!important;
        border-top:1px solid var(--oudah-line)!important;
        padding-right:0!important;
    }
    .oudah-contact-master-box .oudah-contact-facts>div:first-child{
        padding-left:0!important;
    }
    .oudah-contact-master-box .oudah-contact-city-line{font-size:14px!important}
}

/* v4.7.0 — contact facts overflow fix + truly compact property WhatsApp action */
.oudah-property-card .oudah-card-social,
#selected-properties .oudah-property-card-foot > div > a.oudah-card-social,
#selected-properties .oudah-property-card-foot > div > a:last-child.oudah-card-social{
    flex:0 0 36px!important;
    width:36px!important;
    min-width:36px!important;
    max-width:36px!important;
    height:36px!important;
    min-height:36px!important;
    padding:0!important;
    border-radius:50%!important;
    display:inline-grid!important;
    place-items:center!important;
    background:#1f9d5a!important;
    border:0!important;
    color:#fff!important;
    box-shadow:0 6px 14px rgba(31,157,90,.14)!important;
}
.oudah-property-card .oudah-card-social svg,
#selected-properties .oudah-property-card-foot > div > a.oudah-card-social svg{
    width:16px!important;
    height:16px!important;
}
#selected-properties .oudah-property-card-foot > div{
    align-items:center!important;
}

@media(max-width:760px){
    .oudah-contact-master-box{
        padding:0 22px!important;
    }
    .oudah-contact-master-box .oudah-contact-facts{
        display:grid!important;
        grid-template-columns:1fr!important;
        width:100%!important;
    }
    .oudah-contact-master-box .oudah-contact-facts>div{
        width:100%!important;
        min-width:0!important;
        min-height:auto!important;
        padding:20px 0!important;
        border-left:0!important;
        border-right:0!important;
    }
    .oudah-contact-master-box .oudah-contact-facts>div+div{
        border-right:0!important;
        border-left:0!important;
        border-top:1px solid var(--oudah-line)!important;
        padding-right:0!important;
    }
    .oudah-contact-master-box .oudah-contact-facts>div:first-child{
        padding-left:0!important;
    }
    .oudah-contact-master-box .oudah-contact-facts small{
        margin-bottom:8px!important;
    }
    .oudah-contact-master-box .oudah-contact-facts strong{
        width:100%!important;
        max-width:100%!important;
        font-size:18px!important;
        line-height:1.5!important;
        overflow-wrap:anywhere!important;
    }
    .oudah-contact-master-box .oudah-contact-city-line{
        white-space:nowrap!important;
        font-size:17px!important;
        letter-spacing:0!important;
    }
}

@media(max-width:620px){
    #selected-properties .oudah-property-card-foot > div{
        grid-template-columns:minmax(0,1fr) 36px!important;
        gap:9px!important;
        align-items:center!important;
    }
    #selected-properties .oudah-property-card-foot > div > a.oudah-card-social,
    #selected-properties .oudah-property-card-foot > div > a:last-child.oudah-card-social{
        width:36px!important;
        min-width:36px!important;
        max-width:36px!important;
        height:36px!important;
        min-height:36px!important;
    }
}

@media(max-width:430px){
    .oudah-contact-master-box .oudah-contact-city-line{
        font-size:15px!important;
    }
}

/* v4.8.0 — smaller contact phone number */
.oudah-contact-master-box .oudah-contact-phone strong{
    font-size:22px!important;
    letter-spacing:.015em!important;
}
@media(max-width:620px){
    .oudah-contact-master-box .oudah-contact-phone strong{
        font-size:18px!important;
    }
}
@media(max-width:390px){
    .oudah-contact-master-box .oudah-contact-phone strong{
        font-size:17px!important;
    }
}


/* v4.9.0 — contact facts layout rebuilt + company map */
.oudah-contact-master-box .oudah-contact-facts{
    display:block!important;
    width:100%!important;
    grid-template-columns:none!important;
}
.oudah-contact-master-box .oudah-contact-facts>div,
.oudah-contact-master-box .oudah-contact-facts>div:first-child,
.oudah-contact-master-box .oudah-contact-facts>div+div{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:18px!important;
    width:100%!important;
    min-width:0!important;
    min-height:78px!important;
    padding:18px 0!important;
    border-left:0!important;
    border-right:0!important;
}
.oudah-contact-master-box .oudah-contact-facts>div+div{
    border-top:1px solid var(--oudah-line)!important;
}
.oudah-contact-master-box .oudah-contact-facts small{
    flex:0 0 auto!important;
    margin:0!important;
    font-size:14px!important;
    line-height:1.4!important;
    color:var(--oudah-green)!important;
    white-space:nowrap!important;
}
.oudah-contact-master-box .oudah-contact-facts strong,
.oudah-contact-master-box .oudah-contact-city-line{
    flex:1 1 auto!important;
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    font-size:18px!important;
    line-height:1.5!important;
    text-align:left!important;
    white-space:nowrap!important;
    overflow:visible!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    letter-spacing:0!important;
}

.oudah-company-map-card{
    margin-top:24px;
    overflow:hidden;
    border:1px solid var(--oudah-line);
    border-radius:28px;
    background:rgba(255,255,255,.56);
    box-shadow:0 18px 50px rgba(15,29,43,.07);
}
.oudah-company-map-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    padding:20px 22px;
}
.oudah-company-map-head>div{
    display:grid;
    gap:5px;
    min-width:0;
}
.oudah-company-map-head small{
    color:var(--oudah-green);
    font-size:13px;
    font-weight:700;
}
.oudah-company-map-head strong{
    color:var(--oudah-ink);
    font-size:15px;
    line-height:1.6;
    font-weight:700;
}
.oudah-company-map-head>a{
    flex:0 0 38px;
    width:38px;
    height:38px;
    display:grid;
    place-items:center;
    border:1px solid var(--oudah-line);
    border-radius:50%;
    color:var(--oudah-ink);
    text-decoration:none;
    transition:.2s ease;
}
.oudah-company-map-head>a:hover{
    transform:translateY(-2px);
    border-color:var(--oudah-green);
    color:var(--oudah-green);
}
.oudah-company-map-frame{
    position:relative;
    height:310px;
    border-top:1px solid var(--oudah-line);
    background:#e9e7df;
}
.oudah-company-map-frame iframe{
    display:block;
    width:100%;
    height:100%;
    border:0;
}
@media(max-width:620px){
    .oudah-contact-master-box .oudah-contact-facts>div,
    .oudah-contact-master-box .oudah-contact-facts>div:first-child,
    .oudah-contact-master-box .oudah-contact-facts>div+div{
        min-height:72px!important;
        padding:16px 0!important;
        gap:12px!important;
    }
    .oudah-contact-master-box .oudah-contact-facts strong,
    .oudah-contact-master-box .oudah-contact-city-line{
        font-size:15px!important;
    }
    .oudah-contact-master-box .oudah-contact-facts small{
        font-size:13px!important;
    }
    .oudah-company-map-card{
        margin-top:18px;
        border-radius:24px;
    }
    .oudah-company-map-head{
        padding:17px 18px;
        gap:14px;
    }
    .oudah-company-map-head strong{font-size:14px}
    .oudah-company-map-frame{height:260px}
}
@media(max-width:380px){
    .oudah-contact-master-box .oudah-contact-facts strong,
    .oudah-contact-master-box .oudah-contact-city-line{
        font-size:14px!important;
    }
}


/* v5.0.0 — contact micro refinements + full-width map section */
.oudah-contact-master-box .oudah-contact-phone strong{
    font-size:17px!important;
    letter-spacing:.01em!important;
    font-weight:700!important;
}
.oudah-contact-master-box .oudah-contact-fact-card.is-fal{
    justify-content:flex-start!important;
    gap:14px!important;
}
.oudah-contact-master-box .oudah-contact-fact-card.is-fal strong{
    flex:0 0 auto!important;
    width:auto!important;
    max-width:none!important;
    text-align:right!important;
    direction:ltr!important;
    font-size:17px!important;
    margin-right:4px!important;
}
.oudah-company-map-section{
    margin-top:12px;
    padding-top:62px;
    background:var(--oudah-ink);
    color:#fff;
    overflow:hidden;
}
.oudah-company-map-section-head{
    display:flex;
    align-items:end;
    justify-content:space-between;
    gap:36px;
    padding-bottom:30px;
}
.oudah-company-map-section-head>div{max-width:760px}
.oudah-company-map-section-head small{
    display:block;
    margin-bottom:10px;
    color:rgba(255,255,255,.62);
    font-size:12px;
    font-weight:700;
}
.oudah-company-map-section-head h2{
    margin:0 0 8px;
    color:#fff;
    font-size:clamp(34px,4vw,56px);
    line-height:1.15;
}
.oudah-company-map-section-head p{
    margin:0;
    color:rgba(255,255,255,.66);
    line-height:1.8;
}
.oudah-company-map-open{
    flex:0 0 auto;
    min-height:50px;
    padding:0 18px;
    display:flex;
    align-items:center;
    gap:15px;
    border:1px solid rgba(255,255,255,.28);
    color:#fff;
    text-decoration:none;
    font-size:12px;
    font-weight:700;
}
.oudah-company-map-open b{font-size:17px;font-weight:400}
.oudah-company-map-frame-full{
    width:100%;
    height:460px;
    border-top:1px solid rgba(255,255,255,.16);
    background:#e9e7df;
}
.oudah-company-map-frame-full iframe{
    width:100%;
    height:100%;
    border:0;
    display:block;
}
@media(max-width:620px){
    .oudah-contact-master-box .oudah-contact-phone strong{
        font-size:15px!important;
    }
    .oudah-contact-master-box .oudah-contact-fact-card.is-fal{
        gap:10px!important;
    }
    .oudah-contact-master-box .oudah-contact-fact-card.is-fal strong{
        font-size:15px!important;
        margin-right:2px!important;
    }
    .oudah-company-map-section{padding-top:42px}
    .oudah-company-map-section-head{
        align-items:flex-start;
        flex-direction:column;
        gap:20px;
        padding-bottom:22px;
    }
    .oudah-company-map-section-head h2{font-size:34px}
    .oudah-company-map-open{min-height:46px}
    .oudah-company-map-frame-full{height:330px}
}

/* === v5.1.0 — final visual polish pass ===
 * Keeps the approved identity intact while tightening contact, property cards,
 * services, interactions, and responsive behavior.
 */

/* Safer responsive canvas. */
html, body { max-width:100%; overflow-x:clip; }
a, button, input, select, textarea { -webkit-tap-highlight-color:transparent; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
    outline:2px solid var(--oudah-accent);
    outline-offset:3px;
}

/* Contact page: compact, aligned, and impossible to overlap. */
.oudah-contact-layout{
    align-items:start!important;
    gap:clamp(34px,5vw,72px)!important;
}
.oudah-contact-master-box{
    box-shadow:0 24px 70px rgba(15,29,43,.07)!important;
}
.oudah-contact-master-box .oudah-contact-phone{
    min-height:82px!important;
    padding:17px 0!important;
    grid-template-columns:auto minmax(0,1fr) 20px!important;
    gap:14px!important;
}
.oudah-contact-master-box .oudah-contact-phone strong{
    font-size:16px!important;
    font-weight:700!important;
    letter-spacing:.02em!important;
    line-height:1.15!important;
}
.oudah-contact-master-box .oudah-contact-phone small{
    font-size:13px!important;
}
.oudah-contact-master-box .oudah-contact-phone span{
    font-size:15px!important;
    opacity:.7;
}
.oudah-contact-master-box .oudah-contact-social-box{
    min-height:104px!important;
    padding:20px 0 22px!important;
}
.oudah-contact-master-box .oudah-contact-social-icons{
    gap:22px!important;
}
.oudah-contact-master-box .oudah-contact-social-button,
.oudah-contact-master-box .oudah-contact-social-button svg{
    width:24px!important;
    height:24px!important;
    min-width:24px!important;
    min-height:24px!important;
}
.oudah-contact-master-box .oudah-contact-social-button{
    transition:transform .2s ease,color .2s ease,opacity .2s ease!important;
}
.oudah-contact-master-box .oudah-contact-facts{
    display:block!important;
    width:100%!important;
}
.oudah-contact-master-box .oudah-contact-facts>div,
.oudah-contact-master-box .oudah-contact-facts>div:first-child,
.oudah-contact-master-box .oudah-contact-facts>div+div{
    display:grid!important;
    grid-template-columns:92px minmax(0,1fr)!important;
    align-items:center!important;
    justify-content:initial!important;
    gap:16px!important;
    min-height:72px!important;
    width:100%!important;
    padding:16px 0!important;
    border-left:0!important;
    border-right:0!important;
    direction:rtl!important;
}
.oudah-contact-master-box .oudah-contact-facts>div+div{
    border-top:1px solid var(--oudah-line)!important;
}
.oudah-contact-master-box .oudah-contact-facts small{
    margin:0!important;
    text-align:right!important;
    white-space:nowrap!important;
    font-size:13px!important;
}
.oudah-contact-master-box .oudah-contact-facts strong,
.oudah-contact-master-box .oudah-contact-city-line,
.oudah-contact-master-box .oudah-contact-fact-card.is-fal strong{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    text-align:right!important;
    font-size:16px!important;
    line-height:1.45!important;
    white-space:nowrap!important;
    overflow:visible!important;
    letter-spacing:0!important;
}
.oudah-contact-master-box .oudah-contact-fact-card.is-fal{
    justify-content:initial!important;
    gap:16px!important;
}
.oudah-contact-master-box .oudah-contact-fact-card.is-fal strong{
    direction:ltr!important;
    justify-self:stretch!important;
}

/* Contact form: subtle premium consistency without changing structure. */
.oudah-contact-layout .oudah-request-form{
    border-color:rgba(15,29,43,.1)!important;
    box-shadow:0 24px 70px rgba(15,29,43,.075)!important;
}
.oudah-contact-layout .oudah-request-form input,
.oudah-contact-layout .oudah-request-form select,
.oudah-contact-layout .oudah-request-form textarea{
    transition:border-color .2s ease,box-shadow .2s ease,background .2s ease!important;
}
.oudah-contact-layout .oudah-request-form input:hover,
.oudah-contact-layout .oudah-request-form select:hover,
.oudah-contact-layout .oudah-request-form textarea:hover{
    border-color:rgba(15,29,43,.22)!important;
}

/* Full-width map: stronger hierarchy and cleaner handoff from contact section. */
.oudah-company-map-section{
    margin-top:0!important;
    padding-top:70px!important;
}
.oudah-company-map-section-head{
    padding-bottom:34px!important;
}
.oudah-company-map-open{
    border-radius:12px;
    transition:background .2s ease,border-color .2s ease,transform .2s ease;
}
.oudah-company-map-open:hover{
    background:rgba(255,255,255,.08);
    border-color:rgba(255,255,255,.5);
    transform:translateY(-2px);
}
.oudah-company-map-frame-full{
    height:480px!important;
}

/* Property cards: equal visual rhythm and compact WhatsApp action. */
.oudah-property-card{
    height:100%;
}
.oudah-property-card h3{
    min-height:52px;
    margin-top:10px!important;
    margin-bottom:5px!important;
    line-height:1.35!important;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
}
.oudah-property-card .oudah-property-location{
    min-height:22px;
    line-height:1.55!important;
}
.oudah-property-card .oudah-property-card-summary{
    min-height:42px!important;
    margin-top:8px!important;
}
.oudah-property-facts{
    min-height:34px;
    align-items:center;
    gap:8px!important;
    margin-top:12px!important;
}
.oudah-property-facts span{
    padding:6px 10px!important;
    border-radius:10px!important;
}
.oudah-property-card-foot,
#selected-properties .oudah-property-card-foot{
    margin-top:auto!important;
    padding-top:14px!important;
    border-top:1px solid rgba(15,29,43,.085)!important;
    align-items:center!important;
}
.oudah-property-card-foot > strong,
#selected-properties .oudah-property-card-foot > strong{
    font-size:15px!important;
    font-weight:800!important;
    line-height:1.25!important;
}
.oudah-property-card-foot > div,
#selected-properties .oudah-property-card-foot > div{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
}
.oudah-property-card-foot .oudah-property-details,
#selected-properties .oudah-property-card-foot .oudah-property-details{
    min-height:40px!important;
    height:40px!important;
    padding:0 14px!important;
    border-radius:11px!important;
    box-shadow:0 9px 22px rgba(15,29,43,.12)!important;
    transition:transform .2s ease,box-shadow .2s ease,background .2s ease!important;
}
.oudah-property-card-foot .oudah-property-details:hover,
#selected-properties .oudah-property-card-foot .oudah-property-details:hover{
    transform:translateY(-2px);
    box-shadow:0 13px 28px rgba(15,29,43,.16)!important;
}
.oudah-property-card .oudah-card-social,
#selected-properties .oudah-property-card-foot > div > a.oudah-card-social,
#selected-properties .oudah-property-card-foot > div > a:last-child.oudah-card-social{
    flex:0 0 34px!important;
    width:34px!important;
    min-width:34px!important;
    max-width:34px!important;
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
    padding:0!important;
    border-radius:50%!important;
    box-shadow:0 7px 16px rgba(31,157,90,.13)!important;
    transition:transform .2s ease,box-shadow .2s ease!important;
}
.oudah-property-card .oudah-card-social:hover{
    transform:translateY(-2px) scale(1.03);
    box-shadow:0 10px 21px rgba(31,157,90,.2)!important;
}
.oudah-property-card .oudah-card-social svg,
#selected-properties .oudah-property-card-foot > div > a.oudah-card-social svg{
    width:15px!important;
    height:15px!important;
}

/* Services: keep the existing layout but raise finish quality. */
.oudah-services-visual{
    gap:20px!important;
}
.oudah-services-visual article{
    min-height:224px!important;
    grid-template-columns:minmax(240px,310px) 48px minmax(0,1fr) auto!important;
    gap:26px!important;
    border-radius:24px!important;
    background:rgba(255,255,255,.7)!important;
    box-shadow:0 12px 34px rgba(15,29,43,.045)!important;
    transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease!important;
}
.oudah-services-visual article:hover{
    transform:translateY(-4px);
    border-color:rgba(23,107,122,.24)!important;
    box-shadow:0 22px 52px rgba(15,29,43,.085)!important;
}
.oudah-service-image{
    height:224px!important;
}
.oudah-service-image img{
    transform:scale(1.002);
}
.oudah-services-visual article:hover .oudah-service-image img{
    transform:scale(1.045)!important;
}
.oudah-services-visual article>small{
    width:36px;
    height:36px;
    margin-top:30px!important;
    display:grid;
    place-items:center;
    border:1px solid rgba(15,29,43,.12);
    border-radius:50%;
    color:var(--oudah-green);
    font-size:10px;
}
.oudah-service-copy h2{
    font-size:clamp(24px,2.2vw,34px)!important;
    line-height:1.25!important;
}
.oudah-service-copy p{
    max-width:610px!important;
    margin-bottom:0!important;
    line-height:1.9!important;
    color:rgba(15,29,43,.65)!important;
}
.oudah-service-cta{
    min-height:46px;
    margin-left:24px!important;
    padding:0 16px;
    border:1px solid rgba(15,29,43,.14);
    border-radius:12px;
    transition:transform .2s ease,background .2s ease,color .2s ease,border-color .2s ease;
}
.oudah-service-cta:hover{
    transform:translateY(-2px);
    background:var(--oudah-ink);
    border-color:var(--oudah-ink);
    color:#fff;
}

@media(max-width:1000px){
    .oudah-services-visual article{
        grid-template-columns:210px 42px minmax(0,1fr)!important;
        gap:18px!important;
    }
    .oudah-service-image{height:210px!important}
    .oudah-service-cta{
        grid-column:3!important;
        margin:0 0 24px!important;
        justify-self:start!important;
    }
}

@media(max-width:760px){
    .oudah-contact-master-box{
        padding:0 20px!important;
    }
    .oudah-contact-master-box .oudah-contact-phone strong{
        font-size:15px!important;
    }
    .oudah-contact-master-box .oudah-contact-facts>div,
    .oudah-contact-master-box .oudah-contact-facts>div:first-child,
    .oudah-contact-master-box .oudah-contact-facts>div+div{
        grid-template-columns:78px minmax(0,1fr)!important;
        gap:12px!important;
        min-height:68px!important;
        padding:14px 0!important;
    }
    .oudah-contact-master-box .oudah-contact-facts strong,
    .oudah-contact-master-box .oudah-contact-city-line,
    .oudah-contact-master-box .oudah-contact-fact-card.is-fal strong{
        font-size:14px!important;
    }
    .oudah-contact-master-box .oudah-contact-facts small{
        font-size:12px!important;
    }
    .oudah-company-map-section{
        padding-top:46px!important;
    }
    .oudah-company-map-frame-full{
        height:350px!important;
    }
    .oudah-property-card h3{
        min-height:auto;
    }
    .oudah-property-card .oudah-property-location{
        min-height:auto;
    }
}

@media(max-width:620px){
    .oudah-section{padding-block:78px!important}
    .oudah-services-visual article{
        grid-template-columns:42px minmax(0,1fr)!important;
        gap:0 12px!important;
        border-radius:20px!important;
    }
    .oudah-service-image{
        grid-column:1/-1!important;
        height:210px!important;
    }
    .oudah-services-visual article>small{
        grid-column:1!important;
        width:32px;
        height:32px;
        margin:20px 0 0 0!important;
        justify-self:end;
    }
    .oudah-service-copy{
        grid-column:2!important;
        padding:20px 12px 16px 8px!important;
    }
    .oudah-service-copy h2{font-size:24px!important}
    .oudah-service-cta{
        grid-column:2!important;
        min-height:42px;
        margin:0 8px 20px!important;
        padding:0 14px;
    }
    #selected-properties .oudah-property-card-foot{
        display:flex!important;
        flex-direction:row!important;
        gap:10px!important;
    }
    #selected-properties .oudah-property-card-foot > strong{
        width:auto!important;
        min-width:0!important;
        flex:1 1 auto!important;
    }
    #selected-properties .oudah-property-card-foot > div{
        width:auto!important;
        flex:0 0 auto!important;
        display:flex!important;
        grid-template-columns:none!important;
    }
    #selected-properties .oudah-property-card-foot .oudah-property-details{
        width:auto!important;
        min-width:112px!important;
        max-width:none!important;
    }
}

@media(max-width:420px){
    .oudah-contact-master-box .oudah-contact-facts>div,
    .oudah-contact-master-box .oudah-contact-facts>div:first-child,
    .oudah-contact-master-box .oudah-contact-facts>div+div{
        grid-template-columns:1fr!important;
        gap:5px!important;
        align-items:start!important;
    }
    .oudah-contact-master-box .oudah-contact-facts strong,
    .oudah-contact-master-box .oudah-contact-city-line,
    .oudah-contact-master-box .oudah-contact-fact-card.is-fal strong{
        font-size:14px!important;
        white-space:normal!important;
    }
    .oudah-contact-master-box .oudah-contact-fact-card.is-fal strong{
        direction:ltr!important;
        text-align:right!important;
    }
    #selected-properties .oudah-property-card-foot{
        display:grid!important;
        grid-template-columns:1fr!important;
    }
    #selected-properties .oudah-property-card-foot > div{
        width:100%!important;
    }
    #selected-properties .oudah-property-card-foot .oudah-property-details{
        flex:1 1 auto!important;
        min-width:0!important;
    }
}

@media(prefers-reduced-motion:reduce){
    .oudah-services-visual article,
    .oudah-services-visual article:hover,
    .oudah-property-card .oudah-card-social,
    .oudah-property-card .oudah-card-social:hover,
    .oudah-company-map-open,
    .oudah-company-map-open:hover{
        transform:none!important;
        transition:none!important;
    }
}


/* v5.1.1 — calmer Arabic hero headline rhythm */
.oudah-hero h1 {
    line-height: 1.16 !important;
    letter-spacing: -0.025em !important;
    margin-top: 22px !important;
    margin-bottom: 24px !important;
}
@media (max-width: 900px) {
    .oudah-hero h1 {
        line-height: 1.14 !important;
        letter-spacing: -0.02em !important;
    }
}
@media (max-width: 620px) {
    .oudah-hero h1 {
        line-height: 1.12 !important;
        margin-top: 18px !important;
        margin-bottom: 18px !important;
    }
}

/* === v5.2.0 — mobile QA hardening ===
 * Final phone-only safety pass for the current Nimar build.
 * Keeps desktop/tablet identity untouched while preventing compression,
 * double gutters, clipped actions and fixed-bar collisions on phones.
 */
@media (max-width: 620px) {
    /* General phone canvas / touch safety */
    html, body { width:100%; max-width:100%; overflow-x:hidden!important; }
    body { padding-bottom:calc(66px + env(safe-area-inset-bottom))!important; }
    .oudah-shell { width:calc(100vw - 28px)!important; max-width:calc(100vw - 28px)!important; }
    img, iframe, video { max-width:100%; }
    input, select, textarea { min-width:0; }

    /* Mobile menu should respect iPhone safe area. */
    .oudah-mobile-menu {
        padding:18px 18px max(18px, env(safe-area-inset-bottom))!important;
        overflow-y:auto;
        overscroll-behavior:contain;
    }

    /* Home hero: preserve readable rhythm without squeezing buttons. */
    .oudah-hero-actions { width:100%; }
    .oudah-hero-actions .oudah-button { min-width:0!important; }
    .oudah-hero-strip { max-width:calc(100vw - 20px); overflow:hidden; }

    /* Home property cards: always keep price and actions on separate rows.
       This avoids the 421–620px compression introduced by later desktop refinements. */
    #selected-properties .oudah-property-card-foot {
        display:grid!important;
        grid-template-columns:1fr!important;
        gap:10px!important;
        align-items:stretch!important;
    }
    #selected-properties .oudah-property-card-foot > strong {
        width:100%!important;
        min-width:0!important;
        font-size:16px!important;
        line-height:1.35!important;
        white-space:normal!important;
        overflow-wrap:anywhere;
    }
    #selected-properties .oudah-property-card-foot > div {
        width:100%!important;
        display:grid!important;
        grid-template-columns:minmax(0,1fr) 38px!important;
        gap:8px!important;
    }
    #selected-properties .oudah-property-card-foot .oudah-property-details {
        width:100%!important;
        min-width:0!important;
        max-width:none!important;
        height:44px!important;
        min-height:44px!important;
    }
    #selected-properties .oudah-property-card-foot > div > a.oudah-card-social,
    #selected-properties .oudah-property-card-foot > div > a:last-child.oudah-card-social {
        width:38px!important;
        min-width:38px!important;
        max-width:38px!important;
        height:38px!important;
        min-height:38px!important;
        max-height:38px!important;
        align-self:center;
    }

    /* Property page intro: full-width price block, no squeezed number/title. */
    .oudah-property-intro {
        gap:20px!important;
        padding-top:98px!important;
        padding-bottom:24px!important;
    }
    .oudah-property-intro > div:first-child,
    .oudah-property-intro > div:last-child {
        width:100%!important;
        min-width:0!important;
    }
    .oudah-property-intro h1 {
        font-size:clamp(34px,10.5vw,44px)!important;
        line-height:1.12!important;
        overflow-wrap:anywhere;
    }
    .oudah-property-intro > div:last-child strong {
        font-size:18px;
        line-height:1.4;
        overflow-wrap:anywhere;
    }

    /* Modern property gallery: remove the duplicate inner gutter on top of .oudah-shell. */
    .oudah-property-gallery-modern,
    .oudah-property-gallery-modern.has-thumbs,
    .oudah-property-gallery-modern.is-single {
        width:calc(100vw - 28px)!important;
        max-width:calc(100vw - 28px)!important;
        padding-inline:0!important;
        margin-inline:auto!important;
    }
    .oudah-property-gallery-modern.has-thumbs .oudah-gallery-main-stage,
    .oudah-property-gallery-modern.is-single .oudah-gallery-main-stage {
        width:100%!important;
        height:clamp(245px,68vw,360px)!important;
        border-radius:18px!important;
    }
    .oudah-property-gallery-modern.has-thumbs .oudah-gallery-thumbs {
        width:100%!important;
        height:80px!important;
        padding:2px 0 4px!important;
        scrollbar-width:none;
        -webkit-overflow-scrolling:touch;
    }
    .oudah-property-gallery-modern.has-thumbs .oudah-gallery-thumbs::-webkit-scrollbar { display:none; }
    .oudah-property-gallery-modern.has-thumbs .oudah-gallery-thumb {
        width:92px!important;
        min-width:92px!important;
        height:72px!important;
        min-height:72px!important;
        flex:0 0 92px!important;
    }
    .oudah-gallery-counter { left:10px!important; bottom:10px!important; }

    /* Facts / content / sidebar */
    .oudah-property-body { padding-block:50px 72px!important; gap:34px!important; }
    .oudah-detail-facts { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
    .oudah-detail-facts > div {
        min-width:0;
        min-height:78px!important;
        padding:14px 12px!important;
    }
    .oudah-detail-facts strong { overflow-wrap:anywhere; }
    .oudah-detail-copy h2 { font-size:27px!important; }
    .oudah-property-feature-list li { min-height:56px; padding:12px 13px; }
    .oudah-property-sidebar {
        width:100%;
        min-width:0;
        padding:22px!important;
        border-radius:20px!important;
        gap:10px!important;
    }
    .oudah-property-sidebar h2 { font-size:25px!important; }
    .oudah-property-sidebar .oudah-button,
    .oudah-property-sidebar > button {
        width:100%!important;
        min-width:0!important;
        min-height:50px!important;
        white-space:normal!important;
        text-align:center;
    }
    .oudah-property-sidebar .oudah-property-whatsapp-text { min-height:54px!important; }
    .oudah-property-official > div { min-width:0; }
    .oudah-property-official strong { overflow-wrap:anywhere; }
    .oudah-map-link { gap:12px; }
    .oudah-map-link span { min-width:0; overflow-wrap:anywhere; }

    /* Property/company maps should not dominate the phone viewport. */
    .oudah-property-map-section { padding:56px 0!important; }
    .oudah-property-map-head { gap:18px!important; margin-bottom:20px!important; }
    .oudah-property-map-head h2 { font-size:32px!important; }
    .oudah-property-map-frame { height:320px!important; border-radius:18px!important; }
    .oudah-company-map-frame-full { height:320px!important; }

    /* Forms: full-width controls and submit actions. */
    .oudah-request-form,
    .oudah-request-form.compact {
        width:100%!important;
        max-width:100%!important;
        padding:22px 16px!important;
        gap:17px!important;
    }
    .oudah-request-form .oudah-button,
    .oudah-request-form button[type="submit"] { width:100%; }

    /* Contact master card: allow wrapping on very narrow screens before collision. */
    .oudah-contact-master-box { width:100%; max-width:100%; }
    .oudah-contact-master-box .oudah-contact-phone {
        grid-template-columns:auto minmax(0,1fr) 18px!important;
        gap:10px!important;
    }
    .oudah-contact-master-box .oudah-contact-phone strong {
        min-width:0;
        font-size:14px!important;
        overflow-wrap:anywhere;
    }
    .oudah-contact-master-box .oudah-contact-social-icons {
        gap:18px!important;
        flex-wrap:wrap!important;
    }
    .oudah-contact-master-box .oudah-contact-facts strong,
    .oudah-contact-master-box .oudah-contact-city-line,
    .oudah-contact-master-box .oudah-contact-fact-card.is-fal strong {
        min-width:0!important;
        max-width:100%!important;
        overflow-wrap:anywhere!important;
    }

    /* Footer: keep all contact icons visible and away from the fixed bottom bar. */
    .oudah-footer { padding-bottom:24px!important; }
    .oudah-footer-social-row {
        width:100%;
        max-width:100%;
        gap:8px!important;
        flex-wrap:wrap!important;
    }
    .oudah-footer-social-icon {
        width:42px!important;
        height:42px!important;
        flex:0 0 42px!important;
    }
    .oudah-footer-bottom { padding-bottom:14px!important; }

    /* Fixed mobile nav: larger targets, no text overflow. */
    .oudah-mobile-bar {
        height:calc(64px + env(safe-area-inset-bottom))!important;
        grid-template-columns:repeat(4,minmax(0,1fr))!important;
        padding:0 3px env(safe-area-inset-bottom)!important;
    }
    .oudah-mobile-bar a,
    .oudah-mobile-bar button {
        min-width:0!important;
        max-width:100%;
        min-height:56px!important;
        padding-inline:3px!important;
        font-size:9px!important;
        white-space:normal!important;
        overflow-wrap:anywhere;
    }
}

@media (max-width: 380px) {
    .oudah-hero-actions { grid-template-columns:1fr!important; }
    .oudah-property-intro h1 { font-size:36px!important; }
    .oudah-contact-master-box .oudah-contact-phone {
        grid-template-columns:1fr auto!important;
    }
    .oudah-contact-master-box .oudah-contact-phone small {
        grid-column:1/-1;
    }
    .oudah-footer-social-icon {
        width:40px!important;
        height:40px!important;
        flex-basis:40px!important;
    }
}


/* V30 — service consultation routing + facilities management */
.oudah-service-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.oudah-service-actions .oudah-service-cta{margin:0}
.oudah-service-consult{min-height:44px;padding:10px 15px;border:1px solid rgba(201,138,72,.32);border-radius:12px;background:rgba(201,138,72,.08);color:var(--oudah-accent);font-family:inherit;font-size:12px;font-weight:800;cursor:pointer;transition:transform .2s ease,background .2s ease,border-color .2s ease}
.oudah-service-consult:hover{transform:translateY(-2px);background:var(--oudah-accent);border-color:var(--oudah-accent);color:#fff}
.jaafari-service-choice-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.jaafari-service-choice-grid label>span{min-height:142px}
.oudah-form-page aside>.oudah-button[data-consultation-service]{width:100%;margin-top:24px}
@media(max-width:900px){.jaafari-service-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.jaafari-service-choice-grid{grid-template-columns:1fr}.jaafari-service-choice-grid label>span{min-height:104px}.oudah-service-actions{align-items:stretch}.oudah-service-actions>a,.oudah-service-actions>button{width:100%;justify-content:center}}

@media(max-width:1000px) and (min-width:621px){.oudah-services-visual .oudah-service-actions{grid-column:3!important;margin:0 0 24px!important;justify-self:start}}
@media(max-width:620px){.oudah-services-visual .oudah-service-actions{grid-column:2!important;margin:0 8px 20px!important}.oudah-services-visual .oudah-service-actions .oudah-service-cta{margin:0!important}}


/* V33 — Services use clear, consistent vector icons instead of stock photography. */
.oudah-services-visual article{
    grid-template-columns:150px 48px minmax(0,1fr) auto!important;
    min-height:190px!important;
    overflow:hidden;
}
.oudah-service-icon{
    width:150px!important;
    height:100%!important;
    min-height:190px!important;
    display:grid!important;
    place-items:center!important;
    align-self:stretch!important;
    border:0!important;
    border-left:1px solid rgba(15,29,43,.08)!important;
    background:
        radial-gradient(circle at 28% 24%,rgba(223,109,52,.14),transparent 38%),
        linear-gradient(145deg,#f3ede2 0%,#e8e1d6 100%)!important;
    text-decoration:none!important;
}
.oudah-service-icon-mark{
    width:88px;
    height:88px;
    display:grid;
    place-items:center;
    border:1px solid rgba(15,29,43,.10);
    border-radius:26px;
    background:rgba(255,255,255,.72);
    color:var(--oudah-accent);
    box-shadow:0 14px 34px rgba(15,29,43,.07);
    transition:transform .28s ease,box-shadow .28s ease,background .28s ease;
}
.oudah-service-icon svg{
    width:49px;
    height:49px;
    fill:none;
    stroke:currentColor;
    stroke-width:2.4;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.oudah-services-visual article:hover .oudah-service-icon-mark{
    transform:translateY(-4px) scale(1.035);
    background:#fff;
    box-shadow:0 20px 42px rgba(15,29,43,.11);
}
.oudah-services-visual article>small{margin-top:26px!important}

@media(max-width:1000px){
    .oudah-services-visual article{
        grid-template-columns:128px 42px minmax(0,1fr)!important;
    }
    .oudah-service-icon{width:128px!important;min-height:190px!important;grid-row:1/3!important}
    .oudah-service-icon-mark{width:76px;height:76px;border-radius:22px}
    .oudah-service-icon svg{width:43px;height:43px}
}
@media(max-width:620px){
    .oudah-services-visual article{
        grid-template-columns:42px minmax(0,1fr)!important;
        min-height:0!important;
    }
    .oudah-service-icon{
        grid-column:1/-1!important;
        grid-row:auto!important;
        width:100%!important;
        height:128px!important;
        min-height:128px!important;
        border-left:0!important;
        border-bottom:1px solid rgba(15,29,43,.08)!important;
    }
    .oudah-service-icon-mark{width:72px;height:72px;border-radius:20px}
    .oudah-service-icon svg{width:40px;height:40px}
}

/* V34 — booking form cursor / interaction fix.
 * Some browsers inherited a blocked cursor from surrounding modal layers even
 * though the controls remained editable. Explicitly restore native affordances.
 */
.jaafari-booking-dialog,
.jaafari-booking-form,
.jaafari-booking-form fieldset,
.jaafari-booking-fields,
.jaafari-booking-fields label {
    cursor: default !important;
}
.jaafari-booking-fields input:not([type="checkbox"]):not([type="radio"]),
.jaafari-booking-fields textarea,
.oudah-request-form input:not([type="checkbox"]):not([type="radio"]),
.oudah-request-form textarea {
    cursor: text !important;
    pointer-events: auto !important;
    user-select: text !important;
    -webkit-user-select: text !important;
}
.jaafari-booking-fields input[type="date"],
.jaafari-booking-fields select,
.oudah-request-form input[type="date"],
.oudah-request-form select {
    cursor: pointer !important;
    pointer-events: auto !important;
}
.jaafari-choice-grid label,
.jaafari-choice-grid label > span,
.jaafari-booking-actions button,
.jaafari-booking-form > fieldset > .oudah-button,
.jaafari-booking-dialog > header > button,
.jaafari-booking-dialog [data-booking-close] {
    cursor: pointer !important;
}

/* V35 — global cursor normalization.
 * Prevent misleading blocked/prohibited cursors across the public site while
 * preserving the actual disabled/read-only behavior of controls.
 */
html body a[href],
html body button:not(:disabled),
html body [role="button"],
html body [data-booking-close],
html body label[for],
html body input[type="button"]:not(:disabled),
html body input[type="submit"]:not(:disabled),
html body input[type="reset"]:not(:disabled),
html body input[type="checkbox"]:not(:disabled),
html body input[type="radio"]:not(:disabled),
html body input[type="date"]:not(:disabled),
html body input[type="time"]:not(:disabled),
html body input[type="file"]:not(:disabled),
html body select:not(:disabled) {
    cursor: pointer !important;
}

html body input:not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]):not([type="date"]):not([type="time"]):not([type="file"]):not(:disabled):not([readonly]),
html body textarea:not(:disabled):not([readonly]) {
    cursor: text !important;
    pointer-events: auto !important;
    user-select: text !important;
    -webkit-user-select: text !important;
}

html body input[readonly],
html body textarea[readonly] {
    cursor: text !important;
}

/* Never show the red prohibited cursor in the public UI. A disabled control
 * remains disabled; it simply uses the normal arrow cursor instead. */
html body button:disabled,
html body input:disabled,
html body select:disabled,
html body textarea:disabled,
html body [aria-disabled="true"] {
    cursor: default !important;
}

/* Common clickable theme components that may not be native buttons. */
html body .oudah-button,
html body .oudah-gallery-thumb,
html body .oudah-property-card a,
html body .oudah-property-actions a,
html body .oudah-contact-social-button[href],
html body .oudah-footer-social-icon[href],
html body .oudah-service-consult,
html body .jaafari-choice-grid label,
html body .jaafari-choice-grid label > span,
html body .jaafari-booking-actions button:not(:disabled) {
    cursor: pointer !important;
}

/* === V36 — Official Nimar identity: charcoal + warm gold, official logo, premium hover states === */
:root{
    --oudah-ink:#0c0d0b;
    --oudah-green:#8a7350;
    --oudah-sand:#e4d2b1;
    --oudah-cream:#f7f2e9;
    --oudah-accent:#c49a59;
    --oudah-accent-deep:#8f6737;
    --oudah-gold-light:#e5c27d;
    --oudah-white:#fff;
    --oudah-line:rgba(12,13,11,.13);
    --jaafari-card-radius:28px;
    --jaafari-soft-shadow:0 24px 70px rgba(12,13,11,.10);
    --jaafari-float-shadow:0 18px 48px rgba(0,0,0,.22);
}
body{
    background:#f7f2e9;
    background-image:radial-gradient(circle at 8% 18%,rgba(196,154,89,.08),transparent 25%),radial-gradient(circle at 92% 72%,rgba(138,115,80,.055),transparent 27%);
}
::selection{background:var(--oudah-accent);color:#0c0d0b}
:focus-visible{outline-color:rgba(196,154,89,.62)}

/* Official logo. The source artwork is intentionally kept on its dark field so it blends with the header/footer. */
.oudah-logo-image.oudah-official-logo{
    display:block;
    width:auto;
    max-width:108px;
    max-height:64px;
    object-fit:contain;
    border-radius:9px;
}
.oudah-footer .oudah-logo-image.oudah-official-logo{max-width:128px;max-height:112px;border-radius:12px}

/* Header adopts the official dark/gold identity on all pages. */
.oudah-header,
.oudah-header.is-transparent:not(.is-scrolled){color:#fff}
.oudah-header-inner,
.oudah-header.is-scrolled .oudah-header-inner,
.oudah-header.is-transparent:not(.is-scrolled) .oudah-header-inner{
    background:rgba(9,10,8,.94);
    border-color:rgba(196,154,89,.28);
    color:#fff;
    box-shadow:0 18px 52px rgba(0,0,0,.24);
    backdrop-filter:blur(22px) saturate(125%);
}
.oudah-primary-nav a{color:rgba(255,255,255,.88);transition:background .24s ease,color .24s ease,transform .24s ease}
.oudah-primary-nav a:hover,
.is-transparent:not(.is-scrolled) .oudah-primary-nav a:hover{
    background:rgba(196,154,89,.15);
    color:var(--oudah-gold-light);
    transform:translateY(-1px);
}
.oudah-menu-toggle{color:#fff}
.oudah-menu-toggle span{background:#fff}

/* Gold -> dark and dark -> gold hover language across the site. */
.oudah-header-request,
.oudah-button.accent,
.oudah-service-consult,
.oudah-market-form button[type="submit"],
.jaafari-booking-form button[type="submit"]{
    background:linear-gradient(135deg,#dfbb78 0%,var(--oudah-accent) 52%,#a97b41 100%)!important;
    border-color:var(--oudah-accent)!important;
    color:#10110f!important;
    box-shadow:0 12px 28px rgba(143,103,55,.25)!important;
    transition:transform .24s ease,box-shadow .24s ease,background .24s ease,color .24s ease,border-color .24s ease!important;
}
.oudah-header-request:hover,
.oudah-button.accent:hover,
.oudah-service-consult:hover,
.oudah-market-form button[type="submit"]:hover,
.jaafari-booking-form button[type="submit"]:hover{
    background:#11120f!important;
    border-color:var(--oudah-accent)!important;
    color:var(--oudah-gold-light)!important;
    transform:translateY(-3px)!important;
    box-shadow:0 16px 34px rgba(0,0,0,.22)!important;
}
.oudah-button.dark,
.oudah-search-form button,
.oudah-search-sheet .oudah-search-form button,
.oudah-property-arrow{
    background:#11120f!important;
    border-color:#11120f!important;
    color:#fff!important;
    transition:transform .24s ease,box-shadow .24s ease,background .24s ease,color .24s ease,border-color .24s ease!important;
}
.oudah-button.dark:hover,
.oudah-search-form button:hover,
.oudah-search-sheet .oudah-search-form button:hover,
.oudah-property-card:hover .oudah-property-arrow{
    background:var(--oudah-accent)!important;
    border-color:var(--oudah-accent)!important;
    color:#11120f!important;
    transform:translateY(-2px);
    box-shadow:0 12px 28px rgba(143,103,55,.22);
}
.oudah-button.outline{border-color:rgba(229,194,125,.78)!important;color:#fff!important;transition:.24s ease}
.oudah-button.outline:hover{background:var(--oudah-accent)!important;border-color:var(--oudah-accent)!important;color:#11120f!important;transform:translateY(-2px)}

/* Smaller interactive elements also get a real hover state instead of a static color. */
.oudah-property-card-foot a,
.oudah-text-link,
.oudah-services-catalog a,
.oudah-platforms a{
    transition:color .22s ease,border-color .22s ease,transform .22s ease,background .22s ease;
}
.oudah-property-card-foot a:hover,
.oudah-text-link:hover,
.oudah-services-catalog a:hover{color:var(--oudah-accent-deep);border-color:var(--oudah-accent-deep);transform:translateY(-1px)}
.oudah-platforms a:hover{background:rgba(196,154,89,.07)}

/* Gold details and unified footer social treatment. */
.oudah-footer{background:#090a08!important;color:#fff}
.oudah-footer h2{color:var(--oudah-gold-light)}
.oudah-footer a:hover{color:var(--oudah-gold-light)}
.oudah-footer-social-icon,
.oudah-footer-social-icon.is-call,
.oudah-footer-social-icon.is-inactive{
    background:var(--oudah-accent)!important;
    border-color:var(--oudah-accent)!important;
    color:#11120f!important;
    transition:transform .22s ease,background .22s ease,color .22s ease,border-color .22s ease!important;
}
.oudah-footer-social-icon:hover:not(.is-inactive){
    background:#fff!important;
    border-color:#fff!important;
    color:#11120f!important;
    transform:translateY(-3px) scale(1.03)!important;
}
.oudah-footer-social-icon.is-inactive:hover{background:var(--oudah-accent)!important;border-color:var(--oudah-accent)!important;color:#11120f!important}

/* Keep WhatsApp universally recognizable. */
.oudah-whatsapp-float,
.oudah-property-sidebar .oudah-property-whatsapp-text{background:#25d366!important;border-color:#25d366!important;color:#fff!important}
.oudah-whatsapp-float:hover,
.oudah-property-sidebar .oudah-property-whatsapp-text:hover{background:#1fb85a!important;border-color:#1fb85a!important;color:#fff!important;transform:translateY(-3px)}

/* Accent components now use warm gold instead of the previous orange. */
.oudah-property-feature-list li span{background:rgba(196,154,89,.14)!important;color:var(--oudah-accent-deep)!important}
.oudah-gallery-thumb:hover,.oudah-gallery-thumb.is-active{border-color:var(--oudah-accent)!important}
.oudah-search{border-color:rgba(196,154,89,.24)!important}
.oudah-finance-field input:focus{border-color:var(--oudah-accent)!important;box-shadow:0 0 0 4px rgba(196,154,89,.13)!important}

@media(max-width:900px){
    .oudah-logo-image.oudah-official-logo{max-width:82px;max-height:52px}
    .oudah-mobile-menu{background:#0c0d0b;color:#fff}
    .oudah-mobile-menu-head{border-color:rgba(196,154,89,.24)}
    .oudah-mobile-menu .menu a{border-color:rgba(255,255,255,.12);color:#fff}
    .oudah-mobile-menu .menu a:hover{color:var(--oudah-gold-light);background:rgba(196,154,89,.08)}
    .oudah-mobile-menu-foot{border-color:rgba(196,154,89,.24)}
}
@media(max-width:620px){
    .oudah-logo-image.oudah-official-logo{max-width:72px;max-height:48px;border-radius:7px}
    .oudah-header-inner{padding-inline:10px 12px}
}


/* === V37 — Light premium identity: off-white navigation, navy text, restrained Nimar gold === */
:root{
    --oudah-ink:#102131;
    --oudah-green:#526574;
    --oudah-sand:#eadcc5;
    --oudah-cream:#f7f3ec;
    --oudah-accent:#c9954f;
    --oudah-accent-deep:#a87434;
    --oudah-gold-light:#d9b06f;
    --oudah-white:#fff;
    --oudah-line:rgba(16,33,49,.13);
}
body{
    background:#f7f3ec;
    background-image:radial-gradient(circle at 8% 18%,rgba(201,149,79,.055),transparent 26%),radial-gradient(circle at 92% 72%,rgba(16,33,49,.035),transparent 28%);
    color:var(--oudah-ink);
}
::selection{background:rgba(201,149,79,.32);color:var(--oudah-ink)}
:focus-visible{outline-color:rgba(201,149,79,.68)}

/* Floating light menu on every page, including the hero. */
.oudah-header,
.oudah-header.is-transparent:not(.is-scrolled){
    color:var(--oudah-ink)!important;
}
.oudah-header-inner,
.oudah-header.is-scrolled .oudah-header-inner,
.oudah-header.is-transparent:not(.is-scrolled) .oudah-header-inner{
    background:rgba(247,243,236,.96)!important;
    border:1px solid rgba(16,33,49,.10)!important;
    color:var(--oudah-ink)!important;
    box-shadow:0 16px 42px rgba(16,33,49,.10)!important;
    backdrop-filter:blur(20px) saturate(125%);
}
.oudah-primary-nav a,
.oudah-header.is-transparent:not(.is-scrolled) .oudah-primary-nav a{
    color:#102131!important;
    background:transparent!important;
    transform:none!important;
    transition:color .22s ease!important;
}
.oudah-primary-nav a:after{
    height:2px!important;
    bottom:4px!important;
    background:var(--oudah-accent)!important;
    transform:scaleX(0)!important;
    transform-origin:center;
    transition:transform .22s ease!important;
}
.oudah-primary-nav a:hover,
.oudah-header.is-transparent:not(.is-scrolled) .oudah-primary-nav a:hover{
    color:var(--oudah-accent-deep)!important;
    background:transparent!important;
    transform:none!important;
}
.oudah-primary-nav a:hover:after,
.oudah-primary-nav .current-menu-item>a:after,
.oudah-primary-nav .current_page_item>a:after{transform:scaleX(1)!important}
.oudah-menu-toggle,
.oudah-header.is-transparent:not(.is-scrolled) .oudah-menu-toggle{color:var(--oudah-ink)!important}
.oudah-menu-toggle span,
.oudah-header.is-transparent:not(.is-scrolled) .oudah-menu-toggle span{background:var(--oudah-ink)!important}

/* Official logo is presented as a compact premium seal rather than forcing a dark header. */
.oudah-logo-image.oudah-official-logo{
    border-radius:10px;
    box-shadow:0 5px 14px rgba(16,33,49,.10);
}

/* Gold is an accent, not the dominant surface. */
.oudah-header-request,
.oudah-button.accent,
.oudah-service-consult,
.oudah-market-form button[type="submit"],
.jaafari-booking-form button[type="submit"]{
    background:var(--oudah-accent)!important;
    border-color:var(--oudah-accent)!important;
    color:#fff!important;
    box-shadow:0 9px 22px rgba(169,116,52,.18)!important;
    transition:transform .22s ease,box-shadow .22s ease,background .22s ease,color .22s ease,border-color .22s ease!important;
}
.oudah-header-request:hover,
.oudah-button.accent:hover,
.oudah-service-consult:hover,
.oudah-market-form button[type="submit"]:hover,
.jaafari-booking-form button[type="submit"]:hover{
    background:var(--oudah-ink)!important;
    border-color:var(--oudah-ink)!important;
    color:#fff!important;
    transform:translateY(-2px)!important;
    box-shadow:0 12px 28px rgba(16,33,49,.18)!important;
}
.oudah-button.dark,
.oudah-search-form button,
.oudah-search-sheet .oudah-search-form button,
.oudah-property-arrow{
    background:var(--oudah-ink)!important;
    border-color:var(--oudah-ink)!important;
    color:#fff!important;
}
.oudah-button.dark:hover,
.oudah-search-form button:hover,
.oudah-search-sheet .oudah-search-form button:hover,
.oudah-property-card:hover .oudah-property-arrow{
    background:var(--oudah-accent)!important;
    border-color:var(--oudah-accent)!important;
    color:#fff!important;
    transform:translateY(-2px);
    box-shadow:0 11px 24px rgba(169,116,52,.18);
}
.oudah-button.outline{border-color:rgba(255,255,255,.68)!important;color:#fff!important;background:transparent!important}
.oudah-button.outline:hover{background:#fff!important;border-color:#fff!important;color:var(--oudah-ink)!important}

/* Fine accents. */
.oudah-property-card-foot a:hover,
.oudah-text-link:hover,
.oudah-services-catalog a:hover{color:var(--oudah-accent-deep)!important;border-color:var(--oudah-accent-deep)!important}
.oudah-platforms a:hover{background:rgba(201,149,79,.07)!important}
.oudah-property-feature-list li span{background:rgba(201,149,79,.12)!important;color:var(--oudah-accent-deep)!important}
.oudah-gallery-thumb:hover,.oudah-gallery-thumb.is-active{border-color:var(--oudah-accent)!important}
.oudah-search{border-color:rgba(201,149,79,.30)!important}
.oudah-finance-field input:focus{border-color:var(--oudah-accent)!important;box-shadow:0 0 0 4px rgba(201,149,79,.12)!important}

/* Footer remains deep navy so the official black/gold logo still feels intentional. */
.oudah-footer{background:#0d1d2b!important;color:#fff!important}
.oudah-footer h2{color:#fff!important}
.oudah-footer a:hover{color:var(--oudah-gold-light)!important}
.oudah-footer-social-icon,
.oudah-footer-social-icon.is-call,
.oudah-footer-social-icon.is-inactive{
    background:transparent!important;
    border-color:rgba(217,176,111,.72)!important;
    color:var(--oudah-gold-light)!important;
}
.oudah-footer-social-icon:hover:not(.is-inactive){
    background:var(--oudah-accent)!important;
    border-color:var(--oudah-accent)!important;
    color:#fff!important;
    transform:translateY(-2px)!important;
}
.oudah-footer-social-icon.is-inactive:hover{background:transparent!important;border-color:rgba(217,176,111,.72)!important;color:var(--oudah-gold-light)!important}

/* Keep WhatsApp recognizable. */
.oudah-whatsapp-float,
.oudah-property-sidebar .oudah-property-whatsapp-text{background:#25d366!important;border-color:#25d366!important;color:#fff!important}
.oudah-whatsapp-float:hover,
.oudah-property-sidebar .oudah-property-whatsapp-text:hover{background:#1fb85a!important;border-color:#1fb85a!important;color:#fff!important}

@media(max-width:900px){
    .oudah-mobile-menu{background:#f7f3ec!important;color:var(--oudah-ink)!important}
    .oudah-mobile-menu-head{border-color:var(--oudah-line)!important}
    .oudah-mobile-menu .menu a{border-color:var(--oudah-line)!important;color:var(--oudah-ink)!important;background:transparent!important}
    .oudah-mobile-menu .menu a:hover{color:var(--oudah-accent-deep)!important;background:rgba(201,149,79,.06)!important}
    .oudah-mobile-menu-foot{border-color:var(--oudah-line)!important}
    .oudah-mobile-menu-head button{color:var(--oudah-ink)!important}
}

/* === V38 — top transparent header, solid on scroll === */
.oudah-header{
    top:0!important;
    height:86px!important;
    background:rgba(247,243,236,.97)!important;
    border:0!important;
    border-bottom:1px solid rgba(16,33,49,.10)!important;
    box-shadow:0 10px 30px rgba(16,33,49,.07)!important;
    backdrop-filter:blur(18px) saturate(125%)!important;
    transition:background .28s ease,border-color .28s ease,box-shadow .28s ease,backdrop-filter .28s ease!important;
}
.oudah-header .oudah-header-inner,
.oudah-header.is-scrolled .oudah-header-inner,
.oudah-header.is-transparent:not(.is-scrolled) .oudah-header-inner{
    height:86px!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    padding-inline:0!important;
}

/* Home hero: completely transparent until the visitor starts scrolling. */
.oudah-header.is-transparent:not(.is-scrolled){
    background:transparent!important;
    border-bottom-color:transparent!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    color:#fff!important;
}
.oudah-header.is-transparent:not(.is-scrolled) .oudah-primary-nav a{
    color:#fff!important;
    text-shadow:0 1px 14px rgba(0,0,0,.28);
}
.oudah-header.is-transparent:not(.is-scrolled) .oudah-primary-nav a:hover,
.oudah-header.is-transparent:not(.is-scrolled) .oudah-primary-nav .current-menu-item>a,
.oudah-header.is-transparent:not(.is-scrolled) .oudah-primary-nav .current_page_item>a{
    color:var(--oudah-gold-light)!important;
}
.oudah-header.is-transparent:not(.is-scrolled) .oudah-menu-toggle{color:#fff!important}
.oudah-header.is-transparent:not(.is-scrolled) .oudah-menu-toggle span{background:#fff!important}

/* Scrolled and inner pages: light navigation bar, flush to the top edge. */
.oudah-header.is-scrolled,
body:not(.home) .oudah-header{
    background:rgba(247,243,236,.97)!important;
    border-bottom-color:rgba(16,33,49,.10)!important;
    box-shadow:0 10px 30px rgba(16,33,49,.08)!important;
    backdrop-filter:blur(18px) saturate(125%)!important;
    color:var(--oudah-ink)!important;
}
.oudah-header.is-scrolled .oudah-primary-nav a,
body:not(.home) .oudah-header .oudah-primary-nav a{color:var(--oudah-ink)!important;text-shadow:none!important}
.oudah-header.is-scrolled .oudah-menu-toggle,
body:not(.home) .oudah-header .oudah-menu-toggle{color:var(--oudah-ink)!important}
.oudah-header.is-scrolled .oudah-menu-toggle span,
body:not(.home) .oudah-header .oudah-menu-toggle span{background:var(--oudah-ink)!important}

/* Elegant underline remains the only menu hover effect. */
.oudah-primary-nav a{
    background:transparent!important;
    border-radius:0!important;
}
.oudah-primary-nav a:hover{background:transparent!important}
.oudah-primary-nav a:after{background:var(--oudah-accent)!important}

/* Keep the consultation CTA visible in both header states. */
.oudah-header-request{
    border-radius:14px!important;
}
.oudah-header.is-transparent:not(.is-scrolled) .oudah-header-request{
    box-shadow:0 10px 28px rgba(0,0,0,.16)!important;
}

body.admin-bar .oudah-header,
body.admin-bar .oudah-header.is-transparent:not(.is-scrolled){top:32px!important}

@media(max-width:900px){
    .oudah-header,
    .oudah-header.is-transparent:not(.is-scrolled){height:72px!important}
    .oudah-header .oudah-header-inner,
    .oudah-header.is-scrolled .oudah-header-inner,
    .oudah-header.is-transparent:not(.is-scrolled) .oudah-header-inner{
        height:72px!important;
        padding-inline:2px!important;
    }
}
@media(max-width:782px){
    body.admin-bar .oudah-header,
    body.admin-bar .oudah-header.is-transparent:not(.is-scrolled){top:46px!important}
}

/* === V40 — cinematic transparent header separation (no hard line) === */
.oudah-header.is-transparent:not(.is-scrolled){
    position:fixed!important;
    border-bottom:0!important;
    background:linear-gradient(180deg,rgba(7,20,31,.34) 0%,rgba(7,20,31,.16) 68%,rgba(7,20,31,0) 100%)!important;
    box-shadow:0 18px 34px rgba(4,15,24,.14)!important;
    backdrop-filter:blur(7px) saturate(112%)!important;
    -webkit-backdrop-filter:blur(7px) saturate(112%)!important;
}
.oudah-header.is-transparent:not(.is-scrolled)::after{
    content:"";
    position:absolute;
    z-index:-1;
    left:0;
    right:0;
    bottom:-28px;
    height:28px;
    pointer-events:none;
    background:linear-gradient(180deg,rgba(4,15,24,.12),rgba(4,15,24,0));
}
.oudah-header.is-scrolled::after,
body:not(.home) .oudah-header::after{display:none!important}
.oudah-header.is-scrolled,
body:not(.home) .oudah-header{
    border-bottom:1px solid rgba(16,33,49,.08)!important;
    box-shadow:0 12px 32px rgba(16,33,49,.08)!important;
}
@media(max-width:900px){
    .oudah-header.is-transparent:not(.is-scrolled){
        background:linear-gradient(180deg,rgba(7,20,31,.30) 0%,rgba(7,20,31,.13) 70%,rgba(7,20,31,0) 100%)!important;
        box-shadow:0 14px 28px rgba(4,15,24,.12)!important;
        backdrop-filter:blur(6px) saturate(108%)!important;
        -webkit-backdrop-filter:blur(6px) saturate(108%)!important;
    }
    .oudah-header.is-transparent:not(.is-scrolled)::after{bottom:-22px;height:22px}
}

/* === V45 — keep homepage hero headline on one line on desktop === */
@media (min-width: 901px) {
    .home .oudah-hero h1 {
        width: auto !important;
        max-width: calc(100vw - 120px) !important;
        white-space: nowrap !important;
        font-size: clamp(56px, 4.9vw, 76px) !important;
        line-height: 1.08 !important;
        letter-spacing: -0.022em !important;
        text-wrap: nowrap !important;
    }
}
@media (min-width: 901px) and (max-width: 1180px) {
    .home .oudah-hero h1 {
        max-width: calc(100vw - 72px) !important;
        font-size: clamp(50px, 4.65vw, 60px) !important;
    }
}

/* === V46 — mobile CTA sizing + right-aligned social icons === */
@media (max-width: 620px) {
    /* Keep both homepage property-request CTAs visually identical on phones. */
    .home .oudah-owner-cta .oudah-button,
    .home .oudah-request-cta .oudah-button {
        width: 220px !important;
        min-width: 220px !important;
        max-width: 100% !important;
        min-height: 50px !important;
        padding-inline: 18px !important;
        justify-content: center !important;
        text-align: center !important;
    }

    /* Prevent the inset beige card content from overrunning its phone width. */
    .home .oudah-request-cta > .oudah-shell {
        width: 100% !important;
        max-width: 100% !important;
        margin-inline: 0 !important;
        padding-inline: 20px !important;
        box-sizing: border-box !important;
    }

    /* Social channels sit against the physical right edge on mobile. */
    .oudah-footer-contact,
    .oudah-contact-master-box .oudah-contact-social-box {
        text-align: right !important;
        align-items: flex-start !important;
    }
    .oudah-footer-social-row,
    .oudah-contact-master-box .oudah-contact-social-icons,
    .oudah-contact-social-icons {
        width: 100% !important;
        direction: rtl !important;
        justify-content: flex-start !important;
        margin-right: 0 !important;
        margin-left: auto !important;
    }
}

/* === V47 — compact mobile property-card primary action === */
@media (max-width: 620px) {
    #selected-properties .oudah-property-card-foot > div,
    .oudah-archive-results .oudah-property-card-foot > div {
        width: min(100%, 260px) !important;
        max-width: 100% !important;
        grid-template-columns: minmax(0, 210px) 38px !important;
        gap: 10px !important;
        justify-content: start !important;
        align-items: center !important;
    }
    #selected-properties .oudah-property-card-foot .oudah-property-details,
    .oudah-archive-results .oudah-property-card-foot .oudah-property-details {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 210px !important;
        height: 46px !important;
        min-height: 46px !important;
        padding-inline: 14px !important;
        border-radius: 12px !important;
        font-size: 14px !important;
    }
    #selected-properties .oudah-property-card-foot > div > a.oudah-card-social,
    #selected-properties .oudah-property-card-foot > div > a:last-child.oudah-card-social,
    .oudah-archive-results .oudah-property-card-foot > div > a.oudah-card-social {
        width: 38px !important;
        min-width: 38px !important;
        max-width: 38px !important;
        height: 38px !important;
        min-height: 38px !important;
        max-height: 38px !important;
    }
}
@media (max-width: 360px) {
    #selected-properties .oudah-property-card-foot > div,
    .oudah-archive-results .oudah-property-card-foot > div {
        width: min(100%, 238px) !important;
        grid-template-columns: minmax(0, 188px) 38px !important;
    }
    #selected-properties .oudah-property-card-foot .oudah-property-details,
    .oudah-archive-results .oudah-property-card-foot .oudah-property-details {
        max-width: 188px !important;
    }
}

/* === V50 — lighter mobile hero CTAs ===
 * Keep the actions easy to tap while making their visual weight match the short labels.
 */
@media (max-width: 620px) {
    .home .oudah-hero-actions .oudah-button {
        min-height: 44px !important;
        height: 44px !important;
        padding: 7px 16px !important;
        font-size: 13px !important;
        line-height: 1.15 !important;
        border-radius: 14px !important;
    }
}
@media (max-width: 380px) {
    .home .oudah-hero-actions {
        justify-items: center !important;
    }
    .home .oudah-hero-actions .oudah-button {
        width: min(100%, 300px) !important;
        min-width: 0 !important;
        margin-inline: auto !important;
    }
}


/* v5.2.0 — keep international phone numbers visually LTR inside RTL pages */
.oudah-ltr-number,
.oudah-contact-phone .oudah-ltr-number,
.oudah-mobile-menu-foot .oudah-ltr-number {
  direction: ltr !important;
  unicode-bidi: isolate !important;
  display: inline-block;
  text-align: left !important;
}

/* === V58 — property listing photos keep their original proportions ===
 * User/source images are displayed inside the available frame without cropping,
 * stretching, zooming or hover scaling. The source files themselves are shipped
 * byte-for-byte unchanged.
 */
html body .oudah-property-image,
html body .oudah-gallery-main-stage,
html body .oudah-gallery-main-button,
html body .oudah-gallery-thumb,
html body .oudah-featured-property > a {
    background:#f3efe8;
}
html body .oudah-property-image img,
html body .oudah-gallery-main-button img,
html body .oudah-gallery-thumb img,
html body .oudah-featured-property > a img {
    object-fit:contain !important;
    object-position:center center !important;
    transform:none !important;
}
html body .oudah-property-card:hover .oudah-property-image img,
html body .oudah-property-image:hover img,
html body .oudah-gallery-main-button:hover img,
html body .oudah-gallery-thumb:hover img,
html body .oudah-featured-property:hover > a img {
    transform:none !important;
}


/* === V61 — exact-aspect property detail gallery ===
 * The main property photo is never forced into a fixed canvas. It keeps the
 * source image's intrinsic width/height and aspect ratio, and only scales down
 * proportionally when the viewport is narrower than the source image.
 */
html body .oudah-property-gallery-modern .oudah-gallery-main-stage,
html body .oudah-property-gallery-modern.has-thumbs .oudah-gallery-main-stage,
html body .oudah-property-gallery-modern.is-single .oudah-gallery-main-stage {
    height:auto !important;
    min-height:0 !important;
    overflow:visible !important;
    align-self:start !important;
    display:flex !important;
    align-items:flex-start !important;
    justify-content:center !important;
}
html body .oudah-property-gallery-modern .oudah-gallery-main-button,
html body .oudah-property-gallery-modern.has-thumbs .oudah-gallery-main-button,
html body .oudah-property-gallery-modern.is-single .oudah-gallery-main-button {
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    display:flex !important;
    align-items:flex-start !important;
    justify-content:center !important;
    overflow:visible !important;
}
html body .oudah-property-gallery-modern .oudah-gallery-main-button img,
html body .oudah-property-gallery-modern.has-thumbs .oudah-gallery-main-button img,
html body .oudah-property-gallery-modern.is-single .oudah-gallery-main-button img {
    display:block !important;
    width:auto !important;
    height:auto !important;
    max-width:100% !important;
    max-height:none !important;
    object-fit:contain !important;
    object-position:center top !important;
    transform:none !important;
    image-rendering:auto !important;
}
html body .oudah-property-gallery-modern .oudah-gallery-main-button:hover img {
    transform:none !important;
}
@media (max-width:620px) {
    html body .oudah-property-gallery-modern.has-thumbs .oudah-gallery-main-stage,
    html body .oudah-property-gallery-modern.is-single .oudah-gallery-main-stage {
        height:auto !important;
        min-height:0 !important;
    }
}

/* === V64 — property card cover photos fill the card frame ===
 * Only the opening/cover photo shown on property cards uses cover so the
 * image box is fully filled. Property detail galleries and secondary images
 * keep the exact-aspect V61 behavior unchanged.
 */
html body .oudah-property-card .oudah-property-image img,
html body .oudah-archive-results .oudah-property-card .oudah-property-image img,
html body #selected-properties .oudah-property-card .oudah-property-image img {
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center center !important;
    transform:none !important;
}
html body .oudah-property-card:hover .oudah-property-image img,
html body .oudah-archive-results .oudah-property-card:hover .oudah-property-image img,
html body #selected-properties .oudah-property-card:hover .oudah-property-image img {
    transform:none !important;
}

/* V66 — stronger hero image shading for clearer page titles. */
.oudah-hero-overlay {
	background:
		radial-gradient(circle at 50% 43%, rgba(15,29,43,.18), rgba(7,17,27,.82) 76%),
		linear-gradient(0deg, rgba(5,12,20,.93), rgba(5,12,20,.16) 66%);
}
.oudah-page-hero > div:first-of-type {
	background:
		linear-gradient(90deg, rgba(10,15,13,.26), rgba(10,15,13,.86) 80%),
		linear-gradient(0deg, rgba(10,15,13,.80), rgba(10,15,13,.08) 65%);
}
@media (max-width:620px) {
	.oudah-hero-overlay {
		background:
			radial-gradient(circle at 50% 45%, rgba(13,20,17,.22), rgba(13,20,17,.84) 78%),
			linear-gradient(0deg, rgba(8,13,11,.94), rgba(8,13,11,.16) 75%);
	}
	.oudah-page-hero > div:first-of-type {
		background:
			linear-gradient(90deg, rgba(10,15,13,.34), rgba(10,15,13,.88)),
			linear-gradient(0deg, rgba(10,15,13,.84), rgba(10,15,13,.12) 68%);
	}
}


/* === V67 — UX pass: unique home inventory + faster scanning + safer touch targets === */
/* Keep property cards visually even so users can compare price/facts/action without
 * their eyes jumping vertically from card to card. Content itself is unchanged. */
html body .oudah-property-card {
    display:flex;
    flex-direction:column;
    height:100%;
}
html body .oudah-property-card > h3 {
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    min-height:2.75em;
    line-height:1.38;
}
html body .oudah-property-card .oudah-property-location {
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
html body .oudah-property-card .oudah-property-card-summary {
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    min-height:3.2em;
}
html body .oudah-property-card .oudah-property-facts {
    margin-top:auto;
}
html body .oudah-property-card .oudah-property-card-foot {
    flex-shrink:0;
}

/* Clear keyboard focus improves accessibility without changing the normal look. */
html body :where(a,button,input,select,textarea):focus-visible {
    outline:3px solid rgba(211,146,69,.72);
    outline-offset:3px;
}
html body .oudah-property-card :where(a,button):focus-visible {
    border-radius:12px;
}

/* Landing anchors should not disappear underneath the sticky header. */
html body #selected-properties,
html body #property-search {
    scroll-margin-top:110px;
}

/* Make interactive targets comfortably tappable and give horizontal rails a
 * cleaner native swipe feel on phones/tablets. */
@media (max-width: 900px) {
    html body .oudah-property-rail {
        scroll-padding-inline:19px;
        overscroll-behavior-inline:contain;
        -webkit-overflow-scrolling:touch;
    }
    html body .oudah-property-details,
    html body .oudah-card-social,
    html body .oudah-search-mobile,
    html body .oudah-mobile-bar a {
        min-height:44px;
    }
}

/* Prevent the fixed mobile navigation from covering the last actionable content. */
@media (max-width: 620px) {
    html body {
        padding-bottom:calc(64px + env(safe-area-inset-bottom));
    }
    html body .oudah-mobile-bar {
        min-height:58px;
    }
    html body #selected-properties .oudah-property-card,
    html body .oudah-archive-results .oudah-property-card {
        scroll-snap-stop:always;
    }
    html body #selected-properties .oudah-property-card-foot > div > a.oudah-card-social,
    html body .oudah-archive-results .oudah-property-card-foot > div > a.oudah-card-social {
        width:44px !important;
        min-width:44px !important;
        height:44px !important;
        min-height:44px !important;
    }
    html body #selected-properties .oudah-property-card-foot > div,
    html body .oudah-archive-results .oudah-property-card-foot > div {
        grid-template-columns:minmax(0, 1fr) 44px !important;
    }
}

/* Users who request less animation should not get hover/accordion motion. */
@media (prefers-reduced-motion: reduce) {
    html body *,
    html body *::before,
    html body *::after {
        scroll-behavior:auto !important;
        transition-duration:.01ms !important;
        animation-duration:.01ms !important;
        animation-iteration-count:1 !important;
    }
}

/* === V77 — premium Nimar logo seal + refined header composition === */
.oudah-header{
    overflow:visible!important;
}
.oudah-header .oudah-header-inner,
.oudah-header.is-scrolled .oudah-header-inner,
.oudah-header.is-transparent:not(.is-scrolled) .oudah-header-inner{
    grid-template-columns:112px minmax(0,1fr) 132px!important;
    overflow:visible!important;
}
.oudah-header-brand{
    width:104px;
    height:100%;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    overflow:visible;
    position:relative;
    z-index:4;
}
.oudah-brand-seal{
    width:88px;
    height:96px;
    box-sizing:border-box;
    display:grid;
    place-items:center;
    padding:11px 14px 12px;
    border-radius:18px;
    background:linear-gradient(155deg,#10191d 0%,#070b0d 72%,#050708 100%);
    border:1px solid rgba(201,149,79,.42);
    box-shadow:0 15px 34px rgba(4,10,13,.22),inset 0 1px 0 rgba(255,255,255,.04);
    transform:translateY(10px);
    transition:width .28s ease,height .28s ease,transform .28s ease,box-shadow .28s ease,border-radius .28s ease;
    overflow:hidden;
}
.oudah-brand-seal::before{
    content:"";
    position:absolute;
    inset:0;
    border-radius:inherit;
    pointer-events:none;
    background:radial-gradient(circle at 28% 14%,rgba(217,176,111,.09),transparent 44%);
}
.oudah-brand-seal-image{
    display:block;
    width:auto;
    height:auto;
    max-width:100%;
    max-height:100%;
    object-fit:contain;
    position:relative;
    z-index:1;
    filter:drop-shadow(0 2px 6px rgba(0,0,0,.20));
}
.oudah-header.is-scrolled .oudah-brand-seal,
body:not(.home) .oudah-header .oudah-brand-seal{
    width:78px;
    height:78px;
    padding:8px 12px 9px;
    border-radius:16px;
    transform:translateY(4px);
    box-shadow:0 10px 24px rgba(4,10,13,.18),inset 0 1px 0 rgba(255,255,255,.04);
}
.oudah-header.is-transparent:not(.is-scrolled) .oudah-brand-seal{
    border-color:rgba(217,176,111,.58);
    box-shadow:0 18px 38px rgba(0,0,0,.28),0 0 0 1px rgba(255,255,255,.03) inset;
}
.oudah-primary-nav a:after{
    width:22px!important;
    right:50%!important;
    left:auto!important;
    transform:translateX(50%) scaleX(0)!important;
    border-radius:99px!important;
}
.oudah-primary-nav a:hover:after,
.oudah-primary-nav .current-menu-item>a:after,
.oudah-primary-nav .current_page_item>a:after{
    transform:translateX(50%) scaleX(1)!important;
}
.oudah-header-request{
    border-radius:13px!important;
}

/* Drawer logo: same identity, smaller and static. */
.oudah-mobile-menu-head .oudah-mobile-brand{
    height:auto!important;
    width:auto!important;
}
.oudah-mobile-menu-head .oudah-brand-seal{
    width:66px!important;
    height:66px!important;
    padding:7px 10px 8px!important;
    border-radius:15px!important;
    transform:none!important;
}

@media(max-width:1160px) and (min-width:901px){
    .oudah-header .oudah-header-inner,
    .oudah-header.is-scrolled .oudah-header-inner,
    .oudah-header.is-transparent:not(.is-scrolled) .oudah-header-inner{
        grid-template-columns:96px minmax(0,1fr) 118px!important;
        gap:15px!important;
    }
    .oudah-header-brand{width:92px}
    .oudah-brand-seal{width:80px;height:88px;padding:9px 12px 10px}
    .oudah-header.is-scrolled .oudah-brand-seal,
    body:not(.home) .oudah-header .oudah-brand-seal{width:72px;height:72px}
}

@media(max-width:900px){
    .oudah-header .oudah-header-inner,
    .oudah-header.is-scrolled .oudah-header-inner,
    .oudah-header.is-transparent:not(.is-scrolled) .oudah-header-inner{
        grid-template-columns:1fr auto!important;
        gap:12px!important;
    }
    .oudah-header-brand{
        width:66px!important;
        height:72px!important;
        justify-content:flex-start!important;
    }
    .oudah-header-brand .oudah-brand-seal,
    .oudah-header.is-scrolled .oudah-header-brand .oudah-brand-seal,
    body:not(.home) .oudah-header .oudah-header-brand .oudah-brand-seal,
    .oudah-header.is-transparent:not(.is-scrolled) .oudah-header-brand .oudah-brand-seal{
        width:60px!important;
        height:62px!important;
        padding:6px 9px 7px!important;
        border-radius:14px!important;
        transform:translateY(1px)!important;
        box-shadow:0 8px 20px rgba(4,10,13,.18)!important;
    }
    .oudah-menu-toggle{
        border-radius:14px!important;
        background:rgba(16,33,49,.045)!important;
        border:1px solid rgba(16,33,49,.08)!important;
    }
    .oudah-header.is-transparent:not(.is-scrolled) .oudah-menu-toggle{
        background:rgba(7,14,18,.22)!important;
        border-color:rgba(255,255,255,.18)!important;
        backdrop-filter:blur(8px);
    }
}

@media(max-width:620px){
    .oudah-header-brand{width:60px!important}
    .oudah-header-brand .oudah-brand-seal,
    .oudah-header.is-scrolled .oudah-header-brand .oudah-brand-seal,
    body:not(.home) .oudah-header .oudah-header-brand .oudah-brand-seal,
    .oudah-header.is-transparent:not(.is-scrolled) .oudah-header-brand .oudah-brand-seal{
        width:56px!important;
        height:58px!important;
        padding:6px 8px 7px!important;
        border-radius:13px!important;
    }
}
\n\n/* === V78 — larger premium brand lockup + stronger navigation hierarchy === */\n@media(min-width:1181px){\n    .oudah-header{height:98px!important}\n    .oudah-header .oudah-header-inner,\n    .oudah-header.is-scrolled .oudah-header-inner,\n    .oudah-header.is-transparent:not(.is-scrolled) .oudah-header-inner{\n        height:98px!important;\n        grid-template-columns:minmax(250px,285px) minmax(0,1fr) 154px!important;\n        gap:24px!important;\n    }\n    .oudah-header-brand{\n        width:auto!important;\n        min-width:250px!important;\n        gap:15px!important;\n        align-items:center!important;\n        justify-content:flex-start!important;\n        text-decoration:none!important;\n    }\n    .oudah-header-brand .oudah-brand-seal{\n        width:100px!important;\n        height:108px!important;\n        padding:10px 13px 11px!important;\n        border-radius:20px!important;\n        transform:translateY(9px)!important;\n        flex:0 0 auto!important;\n    }\n    .oudah-header.is-scrolled .oudah-header-brand .oudah-brand-seal,\n    body:not(.home) .oudah-header .oudah-header-brand .oudah-brand-seal{\n        width:88px!important;\n        height:88px!important;\n        padding:8px 11px 9px!important;\n        transform:translateY(3px)!important;\n    }\n    .oudah-header-brand .oudah-brand-copy{\n        display:flex!important;\n        flex-direction:column!important;\n        align-items:flex-start!important;\n        line-height:1.05!important;\n        white-space:nowrap!important;\n        color:var(--oudah-ink)!important;\n        text-align:right!important;\n    }\n    .oudah-header-brand .oudah-brand-copy strong{\n        display:block!important;\n        font-size:21px!important;\n        font-weight:800!important;\n        letter-spacing:-.35px!important;\n    }\n    .oudah-header-brand .oudah-brand-copy small{\n        display:block!important;\n        margin-top:5px!important;\n        font-size:12px!important;\n        font-weight:700!important;\n        color:var(--oudah-accent-deep)!important;\n        letter-spacing:.15px!important;\n    }\n    .oudah-header.is-transparent:not(.is-scrolled) .oudah-header-brand .oudah-brand-copy{color:#fff!important}\n    .oudah-header.is-transparent:not(.is-scrolled) .oudah-header-brand .oudah-brand-copy small{color:var(--oudah-gold-light)!important}\n    .oudah-primary-nav>ul{gap:26px!important;justify-content:center!important}\n    .oudah-primary-nav a{\n        font-size:16.5px!important;\n        font-weight:800!important;\n        line-height:1!important;\n        padding:18px 2px!important;\n        white-space:nowrap!important;\n    }\n    .oudah-header-request{\n        min-width:154px!important;\n        min-height:52px!important;\n        padding:0 20px!important;\n        font-size:15.5px!important;\n        font-weight:800!important;\n    }\n}\n\n/* Medium desktop/tablet: switch earlier to the cleaner drawer instead of crushing the menu. */\n@media(max-width:1180px) and (min-width:901px){\n    .oudah-primary-nav,.oudah-header-actions{display:none!important}\n    .oudah-menu-toggle{display:flex!important}\n    .oudah-header .oudah-header-inner,\n    .oudah-header.is-scrolled .oudah-header-inner,\n    .oudah-header.is-transparent:not(.is-scrolled) .oudah-header-inner{\n        grid-template-columns:minmax(0,1fr) auto!important;\n        gap:16px!important;\n    }\n    .oudah-header-brand{width:auto!important;min-width:230px!important;gap:13px!important}\n    .oudah-header-brand .oudah-brand-seal{width:82px!important;height:88px!important}\n    .oudah-header-brand .oudah-brand-copy{display:flex!important;flex-direction:column!important;align-items:flex-start!important;line-height:1.05!important}\n    .oudah-header-brand .oudah-brand-copy strong{font-size:19px!important;font-weight:800!important}\n    .oudah-header-brand .oudah-brand-copy small{font-size:11px!important;font-weight:700!important;color:var(--oudah-accent-deep)!important;margin-top:4px!important}\n    .oudah-header.is-transparent:not(.is-scrolled) .oudah-header-brand .oudah-brand-copy{color:#fff!important}\n    .oudah-header.is-transparent:not(.is-scrolled) .oudah-header-brand .oudah-brand-copy small{color:var(--oudah-gold-light)!important}\n}\n\n@media(max-width:900px){\n    .oudah-header-brand{\n        width:auto!important;\n        min-width:0!important;\n        height:72px!important;\n        gap:10px!important;\n        align-items:center!important;\n    }\n    .oudah-header-brand .oudah-brand-seal,\n    .oudah-header.is-scrolled .oudah-header-brand .oudah-brand-seal,\n    body:not(.home) .oudah-header .oudah-header-brand .oudah-brand-seal,\n    .oudah-header.is-transparent:not(.is-scrolled) .oudah-header-brand .oudah-brand-seal{\n        width:64px!important;\n        height:66px!important;\n        padding:6px 8px 7px!important;\n        border-radius:15px!important;\n        transform:translateY(1px)!important;\n    }\n    .oudah-header-brand .oudah-brand-copy{\n        display:flex!important;\n        flex-direction:column!important;\n        align-items:flex-start!important;\n        line-height:1.03!important;\n        white-space:nowrap!important;\n        color:var(--oudah-ink)!important;\n    }\n    .oudah-header-brand .oudah-brand-copy strong{font-size:16px!important;font-weight:800!important}\n    .oudah-header-brand .oudah-brand-copy small{font-size:10px!important;font-weight:700!important;color:var(--oudah-accent-deep)!important;margin-top:4px!important}\n    .oudah-header.is-transparent:not(.is-scrolled) .oudah-header-brand .oudah-brand-copy{color:#fff!important}\n    .oudah-header.is-transparent:not(.is-scrolled) .oudah-header-brand .oudah-brand-copy small{color:var(--oudah-gold-light)!important}\n    .oudah-menu-toggle{width:52px!important;height:52px!important}\n    .oudah-mobile-menu .menu a{font-size:19px!important;font-weight:800!important;padding-block:17px!important}\n    .oudah-mobile-menu-head .oudah-mobile-brand{display:flex!important;align-items:center!important;gap:11px!important}\n    .oudah-mobile-menu-head .oudah-brand-copy{display:flex!important;flex-direction:column!important;line-height:1.05!important}\n    .oudah-mobile-menu-head .oudah-brand-copy strong{font-size:17px!important;font-weight:800!important}\n    .oudah-mobile-menu-head .oudah-brand-copy small{font-size:10.5px!important;color:var(--oudah-accent-deep)!important;margin-top:4px!important}\n}\n\n@media(max-width:390px){\n    .oudah-header-brand{gap:8px!important}\n    .oudah-header-brand .oudah-brand-seal,\n    .oudah-header.is-scrolled .oudah-header-brand .oudah-brand-seal,\n    body:not(.home) .oudah-header .oudah-header-brand .oudah-brand-seal,\n    .oudah-header.is-transparent:not(.is-scrolled) .oudah-header-brand .oudah-brand-seal{width:58px!important;height:60px!important}\n    .oudah-header-brand .oudah-brand-copy strong{font-size:14.5px!important}\n    .oudah-header-brand .oudah-brand-copy small{font-size:9px!important}\n}\n

/* === V79 — user-managed logo only (no bundled/hardcoded logo) === */
.oudah-header-brand:has(.oudah-brand-copy--fallback),
.oudah-mobile-brand:has(.oudah-brand-copy--fallback){
    min-width:0!important;
}
.oudah-brand-copy--fallback{
    display:flex!important;
    flex-direction:column!important;
    line-height:1.05!important;
    white-space:nowrap!important;
}
.oudah-brand-copy--fallback strong{font-weight:800!important}
.oudah-brand-copy--fallback small{font-weight:700!important;color:var(--oudah-accent-deep)!important;margin-top:4px!important}
.oudah-header.is-transparent:not(.is-scrolled) .oudah-brand-copy--fallback{color:#fff!important}
.oudah-header.is-transparent:not(.is-scrolled) .oudah-brand-copy--fallback small{color:var(--oudah-gold-light)!important}
.oudah-brand-seal--custom{
    padding:8px!important;
}
.oudah-brand-seal--custom .custom-logo{
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
}
.oudah-logo-text-fallback{
    display:inline-block;
    font-weight:800;
    font-size:22px;
    line-height:1.15;
}
@media(max-width:900px){
    .oudah-brand-copy--fallback strong{font-size:16px!important}
    .oudah-brand-copy--fallback small{font-size:10px!important}
}

/* === V80 — adaptive transparent gold logo for transparent + white header states === */
.oudah-header{
    transition:background .28s ease,color .28s ease,box-shadow .28s ease,border-color .28s ease,height .28s ease!important;
}
.oudah-header .oudah-header-inner,
.oudah-header.is-scrolled .oudah-header-inner,
.oudah-header.is-transparent:not(.is-scrolled) .oudah-header-inner{
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
}
.oudah-header.is-transparent:not(.is-scrolled){
    background:linear-gradient(180deg,rgba(5,12,17,.56) 0%,rgba(5,12,17,.23) 72%,transparent 100%)!important;
    color:#fff!important;
    border-bottom-color:rgba(255,255,255,.12)!important;
    box-shadow:none!important;
}
.oudah-header.is-scrolled,
body:not(.home) .oudah-header{
    background:rgba(249,247,242,.975)!important;
    color:#0d1b29!important;
    border-bottom:1px solid rgba(13,27,41,.09)!important;
    box-shadow:0 8px 28px rgba(12,24,34,.08)!important;
    backdrop-filter:blur(14px) saturate(135%)!important;
}
.oudah-adaptive-logo-wrap{
    display:flex;
    align-items:center;
    justify-content:center;
    width:190px;
    height:82px;
    flex:0 0 auto;
    transition:width .28s ease,height .28s ease,transform .28s ease,filter .28s ease!important;
}
.oudah-adaptive-logo{
    display:block;
    width:auto;
    height:auto;
    max-width:100%;
    max-height:100%;
    object-fit:contain;
    object-position:center;
    filter:drop-shadow(0 6px 14px rgba(0,0,0,.52)) drop-shadow(0 1px 0 rgba(255,224,161,.13));
    transition:max-height .28s ease,filter .28s ease,transform .28s ease!important;
}
.oudah-header.is-scrolled .oudah-adaptive-logo-wrap,
body:not(.home) .oudah-header .oudah-adaptive-logo-wrap{
    width:160px;
    height:66px;
}
.oudah-header.is-scrolled .oudah-adaptive-logo,
body:not(.home) .oudah-header .oudah-adaptive-logo{
    filter:drop-shadow(0 2px 4px rgba(13,27,41,.17));
}
.oudah-header-brand{
    min-width:190px!important;
    width:auto!important;
    height:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    padding:0!important;
}
.oudah-header.is-scrolled .oudah-header-brand,
body:not(.home) .oudah-header .oudah-header-brand{min-width:160px!important}
.oudah-header.is-transparent:not(.is-scrolled) .oudah-primary-nav a{color:#fff!important;text-shadow:0 1px 9px rgba(0,0,0,.28)}
.oudah-header.is-transparent:not(.is-scrolled) .oudah-primary-nav a:hover,
.oudah-header.is-transparent:not(.is-scrolled) .oudah-primary-nav .current-menu-item>a{color:#edca82!important}
.oudah-header.is-scrolled .oudah-primary-nav a,
body:not(.home) .oudah-header .oudah-primary-nav a{color:#0d1b29!important;text-shadow:none!important}
.oudah-header.is-scrolled .oudah-menu-toggle,
body:not(.home) .oudah-header .oudah-menu-toggle{color:#0d1b29!important}
.oudah-header.is-scrolled .oudah-menu-toggle span,
body:not(.home) .oudah-header .oudah-menu-toggle span{background:#0d1b29!important}

@media(min-width:1181px){
    .oudah-header,
    .oudah-header.is-transparent:not(.is-scrolled){height:96px!important}
    .oudah-header.is-scrolled,
    body:not(.home) .oudah-header{height:84px!important}
    .oudah-header .oudah-header-inner,
    .oudah-header.is-scrolled .oudah-header-inner,
    .oudah-header.is-transparent:not(.is-scrolled) .oudah-header-inner{
        height:100%!important;
        grid-template-columns:205px minmax(0,1fr) 154px!important;
        gap:22px!important;
    }
    .oudah-primary-nav>ul{gap:clamp(20px,1.7vw,32px)!important}
    .oudah-primary-nav a{font-size:16px!important;font-weight:800!important;padding:20px 2px!important}
    .oudah-header-request{min-width:154px!important;min-height:50px!important;font-size:15px!important}
}

@media(max-width:1180px) and (min-width:901px){
    .oudah-header .oudah-header-inner,
    .oudah-header.is-scrolled .oudah-header-inner,
    .oudah-header.is-transparent:not(.is-scrolled) .oudah-header-inner{grid-template-columns:minmax(0,1fr) auto!important}
    .oudah-header-brand{min-width:170px!important}
    .oudah-adaptive-logo-wrap{width:170px;height:72px}
    .oudah-header.is-scrolled .oudah-adaptive-logo-wrap,
    body:not(.home) .oudah-header .oudah-adaptive-logo-wrap{width:148px;height:61px}
}

@media(max-width:900px){
    .oudah-header,
    .oudah-header.is-transparent:not(.is-scrolled){height:76px!important}
    .oudah-header.is-scrolled,
    body:not(.home) .oudah-header{height:72px!important}
    .oudah-header .oudah-header-inner,
    .oudah-header.is-scrolled .oudah-header-inner,
    .oudah-header.is-transparent:not(.is-scrolled) .oudah-header-inner{grid-template-columns:minmax(0,1fr) auto!important;gap:12px!important}
    .oudah-header-brand,
    .oudah-header.is-scrolled .oudah-header-brand,
    body:not(.home) .oudah-header .oudah-header-brand{min-width:0!important;width:auto!important;height:100%!important}
    .oudah-adaptive-logo-wrap,
    .oudah-header.is-scrolled .oudah-adaptive-logo-wrap,
    body:not(.home) .oudah-header .oudah-adaptive-logo-wrap{width:132px;height:58px}
    .oudah-menu-toggle{width:50px!important;height:50px!important}
    .oudah-mobile-menu-head .oudah-mobile-brand{height:auto!important;width:auto!important}
    .oudah-mobile-menu-head .oudah-adaptive-logo-wrap--drawer{width:152px!important;height:66px!important}
    .oudah-mobile-menu-head .oudah-adaptive-logo{filter:drop-shadow(0 2px 5px rgba(13,27,41,.14))!important}
}

@media(max-width:430px){
    .oudah-adaptive-logo-wrap,
    .oudah-header.is-scrolled .oudah-adaptive-logo-wrap,
    body:not(.home) .oudah-header .oudah-adaptive-logo-wrap{width:116px;height:54px}
    .oudah-mobile-menu-head .oudah-adaptive-logo-wrap--drawer{width:138px!important;height:60px!important}
}

/* === V81 — original-color Nimar logo, larger unclipped premium header ===
 * Uses the user's original logo artwork/colors. The source artwork is preserved;
 * only the dark square background is made transparent for clean header use.
 */
.oudah-adaptive-logo{
    filter:drop-shadow(0 4px 9px rgba(0,0,0,.28))!important;
    object-fit:contain!important;
    transform:none!important;
}
.oudah-header.is-scrolled .oudah-adaptive-logo,
body:not(.home) .oudah-header .oudah-adaptive-logo{
    filter:drop-shadow(0 2px 5px rgba(13,27,41,.16))!important;
}

@media(min-width:1181px){
    .oudah-header,
    .oudah-header.is-transparent:not(.is-scrolled){height:122px!important}
    .oudah-header.is-scrolled,
    body:not(.home) .oudah-header{height:100px!important}
    .oudah-header .oudah-header-inner,
    .oudah-header.is-scrolled .oudah-header-inner,
    .oudah-header.is-transparent:not(.is-scrolled) .oudah-header-inner{
        grid-template-columns:170px minmax(0,1fr) 158px!important;
        gap:26px!important;
        overflow:visible!important;
    }
    .oudah-header-brand,
    .oudah-header.is-scrolled .oudah-header-brand,
    body:not(.home) .oudah-header .oudah-header-brand{
        min-width:150px!important;
        overflow:visible!important;
    }
    .oudah-adaptive-logo-wrap{
        width:118px!important;
        height:112px!important;
        overflow:visible!important;
        flex:0 0 118px!important;
    }
    .oudah-header.is-scrolled .oudah-adaptive-logo-wrap,
    body:not(.home) .oudah-header .oudah-adaptive-logo-wrap{
        width:92px!important;
        height:90px!important;
        flex-basis:92px!important;
    }
    .oudah-adaptive-logo{
        max-width:100%!important;
        max-height:100%!important;
    }
    .oudah-primary-nav>ul{gap:clamp(20px,1.55vw,31px)!important}
    .oudah-primary-nav a{font-size:16px!important;font-weight:800!important}
    .oudah-header-request{min-width:158px!important;min-height:52px!important;font-size:15px!important}
}

@media(max-width:1180px) and (min-width:901px){
    .oudah-header,
    .oudah-header.is-transparent:not(.is-scrolled){height:104px!important}
    .oudah-header.is-scrolled,
    body:not(.home) .oudah-header{height:92px!important}
    .oudah-header-brand,
    .oudah-header.is-scrolled .oudah-header-brand,
    body:not(.home) .oudah-header .oudah-header-brand{min-width:120px!important;overflow:visible!important}
    .oudah-adaptive-logo-wrap{width:96px!important;height:94px!important;overflow:visible!important}
    .oudah-header.is-scrolled .oudah-adaptive-logo-wrap,
    body:not(.home) .oudah-header .oudah-adaptive-logo-wrap{width:82px!important;height:80px!important}
}

@media(max-width:900px){
    .oudah-header,
    .oudah-header.is-transparent:not(.is-scrolled){height:88px!important}
    .oudah-header.is-scrolled,
    body:not(.home) .oudah-header{height:82px!important}
    .oudah-header .oudah-header-inner,
    .oudah-header.is-scrolled .oudah-header-inner,
    .oudah-header.is-transparent:not(.is-scrolled) .oudah-header-inner{overflow:visible!important}
    .oudah-adaptive-logo-wrap,
    .oudah-header.is-scrolled .oudah-adaptive-logo-wrap,
    body:not(.home) .oudah-header .oudah-adaptive-logo-wrap{
        width:78px!important;
        height:76px!important;
        overflow:visible!important;
    }
    .oudah-menu-toggle{width:52px!important;height:52px!important}
    .oudah-mobile-menu-head .oudah-adaptive-logo-wrap--drawer{width:94px!important;height:90px!important}
}

@media(max-width:430px){
    .oudah-adaptive-logo-wrap,
    .oudah-header.is-scrolled .oudah-adaptive-logo-wrap,
    body:not(.home) .oudah-header .oudah-adaptive-logo-wrap{width:72px!important;height:70px!important}
    .oudah-mobile-menu-head .oudah-adaptive-logo-wrap--drawer{width:88px!important;height:84px!important}
}


/* === V84 — mobile inner-page UX polish ===
 * Keeps the approved desktop/tablet design untouched.
 * On phones, inner-page heroes now clear the taller V81 header, long Arabic
 * titles fit without clipping, and spacing/typography is consistent across all pages.
 */
@media (max-width:620px){
  html,body{overflow-x:hidden}

  /* Standard inner-page hero */
  .oudah-page-hero{
    min-height:clamp(430px,55svh,500px)!important;
    padding-top:104px!important;
    align-items:flex-end!important;
    border-radius:0 0 30px 30px!important;
  }
  .oudah-page-hero>.oudah-shell{
    width:var(--oudah-shell)!important;
    padding-top:28px!important;
    padding-bottom:30px!important;
  }
  .oudah-page-hero .oudah-eyebrow{
    gap:9px!important;
    font-size:10.5px!important;
    line-height:1.4!important;
  }
  .oudah-page-hero .oudah-eyebrow i{width:30px!important}
  .oudah-page-hero h1{
    max-width:100%!important;
    margin:14px 0 12px!important;
    font-size:clamp(36px,10.4vw,43px)!important;
    line-height:1.12!important;
    letter-spacing:-.035em!important;
    text-wrap:balance;
    overflow-wrap:break-word;
  }
  .oudah-page-hero p{
    max-width:96%!important;
    font-size:13px!important;
    line-height:1.78!important;
    color:rgba(255,255,255,.80)!important;
  }
  .oudah-page-hero .oudah-breadcrumbs{
    position:static!important;
    margin-top:18px!important;
    display:flex!important;
    flex-wrap:wrap!important;
    gap:6px 8px!important;
    font-size:9.5px!important;
    line-height:1.55!important;
  }

  /* Consistent section hierarchy after the hero. */
  .oudah-section-head h2,
  .oudah-about-band h2,
  .oudah-owner-cta h2,
  .oudah-request-cta h2{
    font-size:clamp(34px,9.8vw,40px)!important;
    line-height:1.15!important;
    letter-spacing:-.025em!important;
  }
  .oudah-about-statement h2,
  .oudah-form-layout aside h2,
  .oudah-contact-info h2,
  .oudah-contact-faq-intro h2{
    font-size:clamp(31px,9vw,36px)!important;
    line-height:1.18!important;
  }
  .oudah-section-head p,
  .oudah-about-statement p,
  .oudah-form-layout aside>p,
  .oudah-contact-info>p{
    font-size:13px!important;
    line-height:1.85!important;
  }

  /* Make stacked phone layouts feel intentional, not simply collapsed desktop grids. */
  .oudah-form-layout,
  .oudah-contact-layout,
  .oudah-about-statement,
  .oudah-platforms{
    gap:30px!important;
  }
  .oudah-form-layout>aside,
  .oudah-contact-info,
  .oudah-request-form,
  .oudah-property-sidebar{
    min-width:0!important;
  }
  .oudah-button,
  button.oudah-button,
  a.oudah-button{
    min-height:50px;
  }
  .oudah-platforms a,
  .oudah-contact-info>a{
    min-width:0!important;
  }
}
@media (max-width:380px){
  .oudah-page-hero{padding-top:98px!important;min-height:420px!important}
  .oudah-page-hero h1{font-size:34px!important;line-height:1.13!important}
  .oudah-page-hero p{font-size:12.5px!important}
}


/* V88 — separate Saudi landline contact */
.oudah-contact-master-box .oudah-contact-phone.oudah-contact-landline{
    min-height:82px!important;
    padding:17px 0!important;
    border-bottom:1px solid var(--oudah-line)!important;
}
.oudah-contact-master-box .oudah-contact-phone.oudah-contact-landline small{color:var(--oudah-accent)!important}
.oudah-contact-master-box .oudah-contact-phone.oudah-contact-landline strong{font-size:clamp(17px,1.8vw,23px)!important}
.oudah-footer-landline{direction:rtl}
.oudah-footer-landline::first-letter{direction:ltr}
@media(max-width:620px){
    .oudah-contact-master-box .oudah-contact-phone.oudah-contact-landline{min-height:74px!important;padding:14px 0!important}
    .oudah-contact-master-box .oudah-contact-phone.oudah-contact-landline strong{font-size:14px!important}
}