/* ==== 1. Taj Alwuqar — Design System (tokens) ==== */
/* الخطوط تُحمَّل من الصفحة — لا @import هنا */

:root {
 /* —— Brand core (عقاري فاخر: حبر دافئ، ذهب متحفظ) —— */
 --color-brand-ink: #1a222c;
 --color-brand-ink-deep: #121820;
 --color-brand-secondary: #2a3340;
 --color-accent-gold: #b8925a;
 --color-accent-gold-hover: #a17d4a;
 --color-accent-gold-soft: #e9dcc4;
 --color-gold-line: #c6a76a;

 /* Tier: موثق — ثقة هادئة (تركواز عميق، بعيد عن النيون) */
 --color-verified: #1a5c52;
 --color-verified-hover: #144a42;
 --color-verified-soft: #e8f2ef;
 --color-verified-border: #2d7a6e;
 --color-verified-on-soft: #0c302b;

 /* Tier: موثق جولدن — خمرة ثقيلة */
 --color-burgundy: #5e2430;
 --color-burgundy-deep: #4a1d27;
 --color-burgundy-soft: #f6ecee;
 --color-burgundy-border: #74323f;
 --color-burgundy-on-soft: #3b1219;

 /* Tier: موثق جولدن ++ — غرافيت + ذهب ناعم */
 --color-premium-black: #14181c;
 --color-premium-graphite: #1c2128;
 --color-premium-surface: #232a32;
 --color-premium-gold: #c6a76a;
 --color-premium-gold-soft: #e8dcc0;
 --color-premium-border: rgba(198, 167, 106, 0.42);

 /* Neutrals (دافئة) */
 --neutral-50: #faf9f7;
 --neutral-100: #f2f0eb;
 --neutral-200: #e6e2da;
 --neutral-300: #cfc8bc;
 --neutral-700: #5a564e;
 --neutral-900: #22211d;

 /* Surfaces & borders */
 --color-background: var(--neutral-50);
 --color-surface: #ffffff;
 --color-surface-muted: var(--neutral-100);
 --color-surface-alt: #f7f4ef;
 --color-border: rgba(26, 34, 44, 0.11);
 --color-border-hover: rgba(26, 34, 44, 0.18);
 --color-border-strong: rgba(26, 34, 44, 0.24);

 /* Typography colors */
 --color-text: var(--color-brand-ink);
 --color-text-secondary: #4b5568;
 --color-text-muted: #6b7280;
 --color-text-caption: #8c9199;
 --color-text-inverse: #f7f5f2;

 /* Semantic */
 --color-danger: #9b2c2c;
 --color-danger-soft: #fce8e8;
 --color-success: var(--color-verified);
 --color-warning: #7d6224;

 /* Shadows */
 --shadow-soft: 0 2px 8px rgba(18, 24, 30, 0.06);
 --shadow-medium: 0 8px 28px rgba(18, 24, 30, 0.09);
 --shadow-lg: 0 16px 40px rgba(18, 24, 30, 0.11);
 --shadow-premium: 0 22px 56px rgba(18, 24, 30, 0.14);
 --shadow-golden: 0 14px 36px rgba(94, 36, 48, 0.12);
 --shadow-gold-glow: 0 8px 28px rgba(184, 146, 90, 0.22);

 /* Radii */
 --radius-sm: 8px;
 --radius-md: 12px;
 --radius-lg: 16px;

 /* —— Aliases: أسماء قديمة في الملفات —— */
 --color-primary: var(--color-brand-ink);
 --color-primary-dark: var(--color-brand-ink-deep);
 --color-primary-soft: var(--neutral-100);
 --color-secondary: var(--color-accent-gold);
 --color-accent: var(--color-accent-gold-soft);
 --color-trusted: var(--color-verified);
 --color-trusted-soft: var(--color-verified-soft);
 --color-trusted-border: var(--color-verified-border);
 --color-golden: var(--color-burgundy);
 --color-golden-soft: var(--color-burgundy-soft);
 --color-golden-border: var(--color-burgundy-border);
 --color-bg-main: var(--color-background);
 --color-text-main: var(--color-text);
 --color-text-light: var(--color-text-inverse);
 --primary-color: var(--color-brand-ink-deep);
 --secondary-color: var(--color-accent-gold);
 --tertiary-color: var(--color-surface);
 --text-dark: var(--color-text);
 --text-muted: var(--color-text-muted);
 --text-light: var(--color-text-inverse);
 --glass-border: var(--color-border);

 --font-heading: 'Cairo', sans-serif;
 --font-body: 'Noto Sans Arabic', sans-serif;
 --transition-fast: 0.25s cubic-bezier(0.16, 1, 0.3, 1);
 --transition-slow: 0.55s cubic-bezier(0.16, 1, 0.3, 1);
 --ease-reveal: cubic-bezier(0.22, 1, 0.36, 1);
 --header-fixed-h: 72px;
 --contact-bar-h: 0px;
}

body.has-site-contact-bar {
 --contact-bar-h: 64px;
}

/* Scrollbar — شريط تمرير بلون ذهبي (جانب التمرير الافتراضي للمتصفح) */
html::-webkit-scrollbar,
body::-webkit-scrollbar {
 width: 10px;
}
html::-webkit-scrollbar-track,
body::-webkit-scrollbar-track {
 background: rgba(26, 34, 44, 0.08);
 border-radius: 999px;
}
html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb {
 background: linear-gradient(180deg, var(--color-gold-line), var(--color-accent-gold));
 border-radius: 999px;
 border: 2px solid rgba(250, 249, 247, 0.85);
}

/* ==== 2. Reset & Base ==== */
* {
 margin: 0;
 padding: 0;
 box-sizing: border-box;
}

html {
 scroll-behavior: smooth;
 scroll-padding-top: calc(var(--contact-bar-h, 0px) + var(--header-fixed-h) + 16px);
 scrollbar-width: thin;
 scrollbar-color: var(--color-accent-gold) rgba(26, 34, 44, 0.12);
}

body {
 font-family: var(--font-body);
 background-color: var(--color-bg-main);
 color: var(--color-text-main);
 line-height: 1.7;
 overflow-x: hidden;
 -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
 font-family: var(--font-heading);
 font-weight: 800;
 letter-spacing: -0.02em;
 color: var(--color-primary);
}

a {
 text-decoration: none;
 color: inherit;
 transition: var(--transition-fast);
}

ul {
 list-style: none;
}

.sr-only {
 position: absolute;
 width: 1px;
 height: 1px;
 padding: 0;
 margin: -1px;
 overflow: hidden;
 clip: rect(0, 0, 0, 0);
 white-space: nowrap;
 border: 0;
}

.container {
 max-width: 1320px;
 margin: 0 auto;
 padding: 0 24px;
}

.section {
 padding: 90px 0;
}

.bg-light {
 background-color: var(--color-primary-soft);
}

.w-100 {
 width: 100%;
}

.section-title {
 text-align: start;
 font-size: clamp(1.6rem, 3vw, 2.2rem);
 color: var(--color-primary) !important;
 margin-bottom: 15px;
 position: relative;
 line-height: 1.3;
 font-weight: 900;
}

.section-subtitle {
 font-size: clamp(1rem, 1.5vw, 1.1rem);
 color: var(--color-secondary);
 margin-bottom: 40px;
 font-weight: 700;
 text-transform: uppercase;
 letter-spacing: 0.1em;
}

/* ==== Buttons (Refined & Premium) ==== */
.btn {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 gap: 10px;
 padding: 12px 28px;
 border-radius: 12px; /* Smoother corners */
 font-weight: 700;
 cursor: pointer;
 border: 1px solid transparent;
 text-align: center;
 transition: var(--transition-fast);
 font-family: var(--font-body);
 font-size: 1rem;
}

/* Primary Button (Main Call to Actions) */
.btn-primary {
 background: var(--color-primary);
 color: var(--color-text-light);
 box-shadow: var(--shadow-sm);
}
.btn-primary:hover {
 background: var(--color-primary-dark);
 transform: translateY(-2px);
 box-shadow: var(--shadow-md);
}

/* Golden Button (For Premium Actions) */
.btn-gold {
 background: var(--color-secondary);
 color: var(--color-text-light);
 box-shadow: 0 4px 15px rgba(184, 147, 85, 0.2);
}
.btn-gold:hover {
 background: var(--color-accent-gold-hover);
 transform: translateY(-2px);
 box-shadow: var(--shadow-gold-glow);
}

/* Outline Button */
.btn-outline {
 background: transparent;
 border: 1px solid var(--color-border);
 color: var(--color-text-main);
}
.btn-outline:hover {
 background: var(--color-primary-soft);
 border-color: var(--color-border-hover);
 transform: translateY(-2px);
}

/* Danger Button */
.btn-danger {
 background: rgba(185, 28, 28, 0.05);
 border: 1px solid rgba(185, 28, 28, 0.2);
 color: var(--color-danger);
}
.btn-danger:hover {
 background: var(--color-danger);
 color: var(--color-text-light);
 transform: translateY(-2px);
 box-shadow: 0 8px 20px rgba(185, 28, 28, 0.2);
}

.btn-verified {
 background: var(--color-verified);
 color: var(--color-text-inverse);
 border: 1px solid var(--color-verified-border);
 box-shadow: var(--shadow-soft);
}

.btn-verified:hover {
 background: var(--color-verified-hover);
 transform: translateY(-2px);
 box-shadow: var(--shadow-medium);
}

.btn-verified:focus-visible {
 outline: 2px solid var(--color-verified-border);
 outline-offset: 2px;
}

.btn-golden-tier {
 background: var(--color-burgundy);
 color: var(--color-text-inverse);
 border: 1px solid var(--color-burgundy-border);
 box-shadow: var(--shadow-golden);
}

.btn-golden-tier:hover {
 background: var(--color-burgundy-deep);
 transform: translateY(-2px);
}

.btn-golden-plus-tier {
 background: var(--color-premium-graphite);
 color: var(--color-premium-gold-soft);
 border: 1px solid var(--color-premium-border);
 box-shadow: var(--shadow-medium);
}

.btn-golden-plus-tier:hover {
 background: var(--color-premium-black);
 border-color: var(--color-premium-gold);
}

.btn-premium-outline {
 background: transparent;
 color: var(--color-burgundy);
 border: 2px solid var(--color-burgundy-border);
}

.btn-premium-outline:hover {
 background: var(--color-burgundy-soft);
}

.btn-top-outline {
 border: 1px solid var(--color-border);
 color: var(--color-text-main);
 background: transparent;
 padding: 8px 20px;
 border-radius: 10px;
 font-family: var(--font-body);
 font-weight: 700;
 cursor: pointer;
 transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.btn-top-outline:hover {
 background: var(--secondary-color);
 color: var(--color-text-inverse);
 transform: translateY(-2px);
 box-shadow: var(--shadow-gold-glow);
}

/* ==== Swipe Gesture Hint ==== */
.swipe-gesture-hint {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    z-index: 100;
    opacity: 0;
    visibility: hidden;
    background: rgba(12, 18, 32, 0.75);
    backdrop-filter: blur(4px);
    color: #fff;
    padding: 16px 24px;
    border-radius: 999px;
    transition: opacity 0.4s ease, visibility 0.4s ease;
}

.swipe-gesture-hint.show {
    opacity: 1;
    visibility: visible;
}

.swipe-gesture-icon {
    font-size: 2rem;
    color: var(--color-accent-gold);
    animation: swipeAnimRtl 2s infinite ease-in-out;
}

.swipe-gesture-text {
    font-size: 0.85rem;
    font-weight: 700;
    margin-top: 8px;
}

@keyframes swipeAnimRtl {
    0% { transform: translateX(-20px); opacity: 0; }
    20% { opacity: 1; }
    80% { opacity: 1; }
    100% { transform: translateX(20px); opacity: 0; }
}

html[dir="ltr"] .swipe-gesture-icon {
    animation: swipeAnimLtr 2s infinite ease-in-out;
}

@keyframes swipeAnimLtr {
    0% { transform: translateX(20px); opacity: 0; }
    20% { opacity: 1; }
    80% { opacity: 1; }
    100% { transform: translateX(-20px); opacity: 0; }
}

/* ==== IQFAL Logo Font-Morphing Animation ==== */
@keyframes luxuryLogoMorph {

 0%,
 100% {
 font-family: var(--font-heading), 'Cairo', sans-serif;
 letter-spacing: 0.02em;
 font-style: normal;
 font-weight: 800;
 }

 25% {
 letter-spacing: 0.12em;
 }

 50% {
 letter-spacing: 0.2em;
 }

 75% {
 letter-spacing: 0.1em;
 }
}

@keyframes logoGlow {

 0%,
 100% {
 text-shadow: 0 0 12px rgba(184, 146, 90, 0.28), 0 0 24px rgba(184, 146, 90, 0.1);
 }

 50% {
 text-shadow: 0 0 22px rgba(184, 146, 90, 0.45), 0 0 44px rgba(184, 146, 90, 0.22);
 }
}

.logo {
 font-size: 2.2rem;
 font-weight: 900;
 color: #fff;
 text-decoration: none;
 display: inline-block;
 transition: all 0.5s ease;
 transform: translateZ(0);
}

/* Taj Alwuqar brand text in hero (English wordmark) */
.tajalwuqar-brand-hero {
 animation: luxuryLogoMorph 15s infinite ease-in-out, logoGlow 4s infinite ease-in-out;
 display: inline-block;
 color: var(--secondary-color);
 text-shadow: 0 2px 14px rgba(0, 0, 0, 0.4);
}

/* ==== 4. Header: شريط ثابت + قائمة زجاجية داخل الـ hero ==== */
/* شريط علوي ثابت: الشعار + اللغة + الدولة (يظل فوق المحتوى) */
.site-top-fixed {
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 z-index: 10000;
 background: transparent;
 pointer-events: none;
}

.site-top-fixed-inner {
 display: flex;
 justify-content: space-between;
 align-items: center;
 min-height: var(--header-fixed-h);
 padding: 10px 0;
 pointer-events: auto;
}

.site-top-fixed-actions {
 display: flex;
 align-items: center;
 gap: 12px;
}

.site-top-fixed .logo {
 color: #fff;
 animation: logoGlow 4s infinite ease-in-out;
 font-size: 2rem;
 text-shadow: 0 2px 14px rgba(0, 0, 0, 0.45);
}

body.has-site-contact-bar .site-top-fixed {
 top: var(--contact-bar-h);
}

/* شريط اتصال علوي — ذهبي على أسود (مكالمة + أيقونة بريد) */
.site-contact-bar {
 position: fixed;
 top: 0;
 left: 0;
 right: 0;
 z-index: 10050;
 min-height: var(--contact-bar-h);
 height: auto;
 padding: 6px 0;
 background: #000;
 border-bottom: 1px solid rgba(212, 175, 55, 0.28);
 display: flex;
 align-items: center;
 justify-content: center;
 font-family: var(--font-body), system-ui, sans-serif;
 pointer-events: auto;
}

.site-contact-bar-inner {
 display: flex;
 align-items: center;
 justify-content: center;
 flex-wrap: wrap;
 gap: clamp(12px, 3vw, 28px);
 row-gap: 8px;
 width: 100%;
 max-width: 1320px;
 padding: 0 16px;
 min-height: 36px;
}

.site-contact-phone,
.site-contact-email {
 display: inline-flex;
 align-items: center;
 gap: 10px;
 color: #fff;
 font-size: clamp(0.78rem, 1.05vw, 0.95rem);
 font-weight: 600;
 letter-spacing: 0.02em;
 pointer-events: auto;
 text-decoration: none;
 max-width: 100%;
}

.site-contact-email {
 word-break: break-word;
 text-align: start;
}

.site-contact-phone i,
.site-contact-email i {
 color: #d4af37;
 font-size: 1rem;
 flex-shrink: 0;
 filter: drop-shadow(0 0 6px rgba(212, 175, 55, 0.45));
}

.site-contact-phone:hover,
.site-contact-email:hover {
 color: #fff;
 text-decoration: none;
 filter: brightness(1.05);
}

body.has-site-contact-bar .hero-glass-bar {
 padding-top: calc(var(--header-fixed-h) + var(--contact-bar-h) + 12px);
}

.site-header {
 position: relative;
 z-index: 100;
 background: var(--tertiary-color);
 border-bottom: 1px solid var(--glass-border);
}

.site-header .logo {
 animation: none;
 color: var(--text-dark);
 font-size: 1.85rem;
}

.main-header-container {
 display: flex;
 justify-content: space-between;
 align-items: center;
 padding: 15px 0;
 transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.main-nav-inner {
 display: flex;
 justify-content: center;
 align-items: center;
 padding: 12px 35px;
 border-radius: 50px;
 background: rgba(255, 255, 255, 0.08);
 backdrop-filter: blur(10px);
 -webkit-backdrop-filter: blur(10px);
 border: 1px solid rgba(255, 255, 255, 0.15);
 transform: translateZ(0);
}

/* قائمة زجاجية داخل الـ hero — تتحرك مع التمرير */
.hero-glass-bar {
 position: absolute;
 top: 0;
 width: 100%;
 padding-top: calc(var(--header-fixed-h) + 12px);
 padding-bottom: clamp(10px, 1.8vh, 18px);
 display: flex;
 justify-content: center;
 z-index: 9999;
 pointer-events: none;
 animation: heroGlassEnter 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.2s both;
}

@keyframes heroGlassEnter {
 from {
 opacity: 0;
 transform: translateY(-12px);
 }

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

.hero-scroll-glass {
 width: 100%;
 max-width: min(100%, 1240px);
 margin-inline: auto;
 justify-content: center;
 padding: 8px clamp(12px, 2vw, 22px);
 pointer-events: auto;
 box-sizing: border-box;
}

.hero-scroll-glass .nav-links {
 justify-content: center;
 align-items: center;
 flex-wrap: nowrap;
 gap: clamp(6px, 0.85vw, 16px);
 width: 100%;
 min-width: 0;
}

.hero-glass-nav .nav-links > li {
 flex-shrink: 0;
}

.hero-glass-nav .nav-links a {
 white-space: nowrap;
 font-size: clamp(0.78rem, 0.82vw + 0.35rem, 0.95rem);
 padding: 2px 0;
}

/* أزرار البحث والإضافة تحت العنوان */
.hero-cta-row {
 display: flex;
 flex-wrap: wrap;
 align-items: center;
 justify-content: center;
 gap: 14px;
 margin-top: clamp(1.25rem, 3vw, 2rem);
 animation: heroCtaEnter 1s cubic-bezier(0.22, 1, 0.36, 1) 0.45s both;
}

@keyframes heroCtaEnter {
 from {
 opacity: 0;
 transform: translateY(28px);
 }

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

.hero-cta {
 font-family: var(--font-heading);
 font-weight: 800;
 font-size: clamp(0.95rem, 1.8vw, 1.05rem);
 padding: 14px 26px;
 border-radius: 999px;
 border: none;
 cursor: pointer;
 display: inline-flex;
 align-items: center;
 gap: 10px;
 transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.35s ease;
}

.hero-cta--search {
 background: var(--secondary-color);
 color: var(--primary-color);
 box-shadow: var(--shadow-gold-glow);
}

.hero-cta--search:hover {
 transform: translateY(-3px) scale(1.02);
 box-shadow: 0 18px 44px rgba(184, 146, 90, 0.38);
}

.hero-cta--add {
 background: rgba(255, 255, 255, 0.12);
 color: #fff;
 border: 1px solid rgba(255, 255, 255, 0.35);
 backdrop-filter: blur(8px);
}

.hero-cta--add:hover {
 transform: translateY(-3px);
 background: rgba(255, 255, 255, 0.2);
}

/* Logo section (RIGHT in RTL) */
.nav-logo-section {
 flex: 0 0 auto;
 flex-shrink: 0;
 display: flex;
 align-items: center;
 z-index: 2;
}

/* Nav links (CENTER) */
.nav-section-links {
 flex: 1;
 display: flex;
 justify-content: center;
}

.desktop-nav {
 display: flex;
 align-items: center;
}

.nav-links {
 display: flex;
 gap: 25px;
 list-style: none;
 margin: 0;
 padding: 0;
}

.nav-links a {
 color: #fff;
 font-weight: 600;
 font-size: 1rem;
 transition: var(--transition-fast);
 text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.nav-links a:hover {
 color: var(--secondary-color);
}

/* Actions section (LEFT in RTL) */
.nav-actions-section {
 flex: 0 0 auto;
 display: flex;
 align-items: center;
 gap: 12px;
}

.nav-add-btn {
 padding: 6px 20px;
 font-size: 0.85rem;
 border-radius: 50px;
}

.site-header.scrolled .main-nav-inner {
 background: rgba(26, 26, 26, 0.92);
 backdrop-filter: blur(20px);
 -webkit-backdrop-filter: blur(20px);
 border: 1px solid rgba(255, 255, 255, 0.08);
 box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);
 padding: 10px 30px;
}

/* Country Dropdown - SQUARE shape */
.top-country-dropdown {
 position: relative;
 display: flex;
 align-items: center;
 justify-content: center;
}

.top-country-btn {
 width: 40px;
 height: 26px;
 border-radius: 4px;
 border: none;
 background: transparent;
 padding: 0;
 overflow: visible;
 cursor: pointer;
 transition: var(--transition-fast);
 box-shadow: none;
 outline: none;
}

.top-country-btn img {
 width: 40px;
 height: 26px;
 object-fit: cover;
 border-radius: 4px;
 display: block;
 box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
}

.top-country-btn:hover {
 transform: scale(1.06);
}

.country-list {
 display: none;
 position: absolute;
 top: calc(100% + 10px);
 background: #fff;
 border: 1px solid rgba(0, 0, 0, 0.05);
 border-radius: 8px;
 min-width: 120px;
 box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
 z-index: 10;
 animation: countryListIn 0.28s ease;
}

@keyframes countryListIn {
 from {
 opacity: 0;
 transform: translateY(-6px);
 }

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

/* عربي: اتجاه القائمة نحو اليمين — إنجليزي: كما كان (يمين الزر) */
html[dir="rtl"] .top-country-dropdown .country-list {
 left: 0;
 right: auto;
}

html[dir="ltr"] .top-country-dropdown .country-list {
 right: 0;
 left: auto;
}

.country-list li {
 padding: 8px 12px;
 display: flex;
 align-items: center;
 gap: 8px;
 transition: var(--transition-fast);
 color: var(--text-dark);
 cursor: pointer;
}

.country-list li:hover {
 background: rgba(0, 0, 0, 0.05);
 color: var(--secondary-color);
}

.top-country-dropdown.open .country-list {
 display: block;
}

/* Floating Language Button */
.floating-lang-btn {
 position: fixed;
 bottom: 30px;
 left: 30px;
 width: 45px;
 height: 45px;
 border-radius: 50%;
 background: rgba(26, 26, 26, 0.85);
 backdrop-filter: blur(10px);
 color: var(--secondary-color);
 border: 1px solid rgba(184, 147, 85, 0.4);
 font-size: 0.8rem;
 font-weight: 800;
 letter-spacing: 0.05em;
 cursor: pointer;
 z-index: 9998;
 transition: all 0.3s ease;
 font-family: var(--font-body);
}

.floating-lang-btn:hover {
 background: var(--secondary-color);
 color: #fff;
 transform: scale(1.1);
}

html[dir="ltr"] .floating-lang-btn {
 left: auto;
 right: 30px;
}

/* زر اللغة (مشترك بين الصفحات) */
.sleek-lang-btn {
 background: rgba(255, 255, 255, 0.1);
 border: 1px solid rgba(255, 255, 255, 0.2);
 color: #fff;
 border-radius: 20px;
 padding: 6px 14px;
 font-weight: bold;
 cursor: pointer;
 transition: 0.3s;
 backdrop-filter: blur(5px);
 font-family: var(--font-body);
 display: inline-flex;
 align-items: center;
 gap: 6px;
 box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}

.sleek-lang-btn:hover {
 background: var(--secondary-color);
 color: var(--primary-color);
 border-color: var(--secondary-color);
 transform: scale(1.05);
}

.page-properties-top .sleek-lang-btn {
 background: rgba(26, 26, 26, 0.06);
 border: 1px solid rgba(26, 34, 44, 0.12);
 color: var(--color-text);
 box-shadow: none;
}

.page-properties-top .sleek-lang-btn:hover {
 background: var(--secondary-color);
 color: var(--color-text-inverse);
 border-color: var(--secondary-color);
}

.menu-toggle {
 display: none;
 color: #fff;
 font-size: 1.35rem;
 cursor: pointer;
 text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
 transition: color 0.2s, transform 0.2s;
 background: rgba(255, 255, 255, 0.08);
 border: 1px solid rgba(255, 255, 255, 0.22);
 padding: 0;
 font: inherit;
 line-height: 1;
 width: 40px;
 height: 26px;
 min-width: 40px;
 min-height: 26px;
 border-radius: 4px;
 box-sizing: border-box;
 align-items: center;
 justify-content: center;
 box-shadow: 0 4px 12px rgba(0, 0, 0, 0.35);
}

.site-header.scrolled .menu-toggle,
.page-properties-top .menu-toggle {
 color: var(--text-dark);
 text-shadow: none;
 background: rgba(26, 34, 44, 0.06);
 border: 1px solid rgba(26, 34, 44, 0.12);
 box-shadow: 0 4px 14px rgba(15, 23, 42, 0.08);
}

.menu-toggle:hover {
 transform: scale(1.05);
}

/* ≤1199px: قائمة الهيرو تتجاوز العرض — اعتماد القائمة الجانبية + زر همبرغر */
@media (max-width: 1199.98px) {

 /* إخفاء قوائم التنقل الممتدة والاعتماد على اللوحة الجانبية */
 .desktop-nav:not(.menu-toggle),
 .nav-section-links,
 .hero-glass-bar,
 .properties-top-nav {
 display: none !important;
 }

 .main-nav-inner {
 background: transparent;
 border: none;
 backdrop-filter: none;
 box-shadow: none;
 padding: 0;
 }

 .menu-toggle {
 display: inline-flex;
 }

 .nav-actions-section {
 display: flex !important;
 }

 .nav-actions-section .top-country-dropdown {
 display: none;
 }

 .nav-actions-section .nav-add-btn {
 display: none;
 }

 .hero-cta-row {
 flex-direction: column;
 width: 100%;
 padding: 0 12px;
 }

 .hero-cta {
 width: 100%;
 max-width: 360px;
 justify-content: center;
 }
}

/* ==== 5. Hero Section ==== */
.hero {
 height: 100vh;
 position: relative;
 display: flex;
 align-items: center;
 justify-content: center;
 overflow: hidden;
}

.hero-bg-video {
 position: absolute;
 inset: 0;
 z-index: 0;
 /* خلفية قبل أول إطار من الفيديو — بدون صورة لوجو كـ poster */
 background: linear-gradient(165deg, #0a1628 0%, #152238 40%, #0d1117 100%);
}

.hero-bg-video video {
 width: 100%;
 height: 100%;
 object-fit: cover;
 transform: scale(1.06) translateZ(0);
 transition: opacity 0.8s ease-in-out;
 will-change: opacity, transform;
}

@media (prefers-reduced-motion: reduce) {
 .hero-bg-video video {
 display: none;
 }

 .hero-bg-video {
 background: linear-gradient(165deg, #0a1628 0%, #1a2a3e 45%, #0d1117 100%);
 }
}

.hero-overlay {
 position: absolute;
 inset: 0;
 background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.6) 100%);
 z-index: 1;
}

/* Hero title - BIGGER with powerful animation */
.hero-cinematic-wrapper {
 position: relative;
 z-index: 2;
 width: 100%;
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
 height: 100%;
}

.hero-content {
 color: var(--text-light);
 width: 100%;
 margin-top: 0;
 /* القائمة الزجاجية position:absolute ولا تحجز ارتفاعاً — نترك مسافة = شريط الشعار + شريط الاتصال + ارتفاع القائمة */
 padding-top: calc(var(--header-fixed-h) + var(--contact-bar-h, 0px) + clamp(2.5rem, 6.5vw, 4rem));
 padding-inline: clamp(8px, 2vw, 20px);
 box-sizing: border-box;
}

@media (min-width: 1200px) {
 .hero-content {
 padding-top: calc(var(--header-fixed-h) + var(--contact-bar-h, 0px) + clamp(3.25rem, 8vw, 5.5rem));
 }
}

@media (max-width: 1199.98px) {
 .hero-content {
 padding-top: calc(var(--header-fixed-h) + var(--contact-bar-h, 0px) + clamp(0.75rem, 2vh, 1.25rem));
 }
}

html[dir="ltr"] .btn-explore-all .fa-arrow-left {
 transform: rotate(180deg);
}

html[lang="en"] body {
 font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

html[lang="en"] h1,
html[lang="en"] h2,
html[lang="en"] h3,
html[lang="en"] h4,
html[lang="en"] h5,
html[lang="en"] h6 {
 font-family: "Cairo", system-ui, sans-serif;
}

.hero-layout {
 display: flex;
 flex-direction: column;
 align-items: center;
 gap: clamp(1rem, 2vw, 1.5rem);
 width: 100%;
 text-align: center;
}

.hero-copy {
 min-width: 0;
 max-width: min(100%, 50rem);
 margin: 0 auto;
 display: flex;
 flex-direction: row;
 align-items: stretch;
 gap: clamp(0.85rem, 2vw, 1.25rem);
}

.hero-copy-inner {
 display: flex;
 flex-direction: column;
 justify-content: center;
 width: 100%;
 align-items: center;
}

.hero-title {
 font-size: clamp(2.2rem, 5.5vw, 4.5rem);
 line-height: 1.15;
 margin: clamp(0.35rem, 1.5vh, 0.85rem) 0 0;
 font-weight: 900;
 color: #ffffff;
 animation: heroTitleReveal 1.5s cubic-bezier(0.19, 1, 0.22, 1) 0.3s both;
 max-width: 100%;
 padding-inline: clamp(8px, 2vw, 20px);
 box-sizing: border-box;
 overflow-wrap: anywhere;
 min-height: 2.6em;
 display: flex;
 flex-wrap: wrap;
 align-items: center;
 justify-content: center;
 gap: 0.2em 0.45em;
 text-align: center;
}

.iqfal-brand-hero {
 animation: luxuryLogoMorph 15s infinite ease-in-out, logoGlow 4s infinite ease-in-out, heroWordPulse 3s infinite ease-in-out;
 display: inline-block;
 color: var(--secondary-color);
 will-change: opacity, letter-spacing;
 transform: translateZ(0);
}

@keyframes heroTitleReveal {
 0% {
 opacity: 0;
 transform: translateY(12px);
 letter-spacing: 0.06em;
 }

 100% {
 opacity: 1;
 transform: translateY(0);
 letter-spacing: -0.03em;
 }
}

@keyframes heroWordPulse {

 0%,
 100% {
 opacity: 1;
 }

 50% {
 opacity: 0.92;
 }
}

/* Search FAB Button */
.search-fab {
 position: fixed;
 bottom: 30px;
 right: 30px;
 width: 65px;
 height: 65px;
 border-radius: 50%;
 background: var(--secondary-color);
 color: #fff;
 border: none;
 font-size: 1.4rem;
 cursor: pointer;
 z-index: 100;
 display: flex;
 align-items: center;
 justify-content: center;
 box-shadow: 0 8px 30px rgba(184, 147, 85, 0.4);
 transition: all 0.3s ease;
 animation: fabPulse 2.5s infinite ease-in-out;
}

.search-fab:hover {
 transform: scale(1.1);
 box-shadow: 0 12px 40px rgba(184, 147, 85, 0.6);
}

@keyframes fabPulse {

 0%,
 100% {
 box-shadow: 0 8px 30px rgba(184, 147, 85, 0.4);
 }

 50% {
 box-shadow: 0 8px 30px rgba(184, 147, 85, 0.4), 0 0 0 15px rgba(184, 147, 85, 0.15);
 }
}

html[dir="ltr"] .search-fab {
 right: auto;
 left: 30px;
}

html[dir="ltr"] .floating-lang-btn {
 left: auto;
 right: 100px;
}

/* ==== 6. Reveal Animations ==== */
.reveal {
 opacity: 0;
 transform: translateY(50px);
 transition: all 0.8s ease-out;
}

.reveal.active {
 opacity: 1;
 transform: translateY(0);
}

/* ==== 7. Why IQFAL ==== */
.why-spotlight {
 display: grid;
 grid-template-columns: minmax(0, 1fr) minmax(260px, 40%);
 gap: 36px;
 align-items: center;
}

.why-visual {
 display: flex;
 justify-content: center;
 align-items: center;
 order: 2;
 min-width: 0;
}

.why-visual img {
 max-width: 100%;
 height: auto;
 object-fit: contain;
 filter: drop-shadow(0 20px 40px rgba(0, 0, 0, 0.5));
 clip-path: inset(0px 0px 12% 0px);
 transform: scale(1.15) translateY(3%);
}

.why-copy {
 display: flex;
 flex-direction: column;
 gap: 14px;
 text-align: right;
 order: 1;
 min-width: 0;
 perspective: 960px;
}

html[dir="ltr"] .why-copy {
 text-align: left;
}

html[dir="ltr"] .why-title {
 text-align: left;
}

.why-title {
 text-align: start;
 margin-bottom: 18px;
 font-size: clamp(1.85rem, 4.2vw, 2.85rem) !important;
 line-height: 1.18;
 color: #0a0a0a !important;
 font-weight: 900 !important;
 letter-spacing: -0.02em;
}

.why-description {
 font-size: clamp(0.98rem, 1.35vw, 1.12rem);
 line-height: 1.95;
 color: var(--text-muted) !important;
 margin-bottom: 25px;
 max-width: 100%;
 font-weight: 600;
 overflow-wrap: anywhere;
 word-break: break-word;
 white-space: pre-wrap;
 transform-style: preserve-3d;
}

/* دخول قوي — لماذا Taj Alwuqar (بدل الكتابة حرفاً حرفاً) */
#why-desc-target.why-desc--cinematic {
 opacity: 0;
 transform: translate3d(0, 48px, 0) rotateX(12deg) scale(0.9);
 filter: blur(18px) brightness(0.82) saturate(0.75);
 transition: none;
 will-change: opacity, transform, filter;
}

#why-desc-target.why-desc--cinematic-active {
 opacity: 1;
 transform: translate3d(0, 0, 0) rotateX(0deg) scale(1);
 filter: blur(0) brightness(1) saturate(1);
 transition:
  opacity 0.95s cubic-bezier(0.22, 1, 0.36, 1),
  transform 1.25s cubic-bezier(0.34, 1.56, 0.64, 1),
  filter 1.05s cubic-bezier(0.22, 1, 0.36, 1);
}

@media (prefers-reduced-motion: reduce) {
 #why-desc-target.why-desc--cinematic,
 #why-desc-target.why-desc--cinematic-active {
  transition: none !important;
  transform: none !important;
  filter: none !important;
  opacity: 1 !important;
 }
}

.why-desc--typing::after {
 content: '';
 display: inline-block;
 width: 2px;
 height: 1.05em;
 margin-inline-start: 3px;
 background: linear-gradient(180deg, var(--secondary-color), #f0dc82);
 vertical-align: -0.12em;
 animation: whyCaretBlink 0.85s steps(1, end) infinite;
}

@keyframes whyCaretBlink {
 50% {
 opacity: 0;
 }
}

.why-visual--pending img {
 opacity: 0;
 transform: scale(0.92) translateY(18px);
 filter: blur(12px);
}

.why-visual--revealed img {
 animation: whyLogoReveal 1.5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}

@keyframes whyLogoReveal {
 0% {
  opacity: 0;
  transform: scale(0.68) translateY(48px) rotate(-8deg);
  filter: blur(20px) brightness(1.2) drop-shadow(0 0 0 rgba(201, 162, 77, 0));
 }

 45% {
  opacity: 1;
  filter: blur(0) brightness(1.06) drop-shadow(0 28px 48px rgba(201, 162, 77, 0.35));
 }

 62% {
  transform: scale(1.26) translateY(-10px) rotate(3deg);
 }

 82% {
  transform: scale(1.1) translateY(6px) rotate(-1deg);
 }

 100% {
  opacity: 1;
  transform: scale(1.15) translateY(3%);
  filter: blur(0) brightness(1) drop-shadow(0 20px 40px rgba(0, 0, 0, 0.5));
 }
}

/* ==== 8. Hot Deals — تمرير أفقي؛ شريط التمرير مخفي حتى يُحتاج (تركيز/تمرير/لمس) ==== */
.deals-marquee-wrapper {
 overflow-x: auto;
 overflow-y: hidden;
 width: 100%;
 padding: 20px 0 10px;
 position: relative;
 -webkit-overflow-scrolling: touch;
 scrollbar-gutter: auto;
 scrollbar-width: none;
 -webkit-mask-image: none;
 mask-image: none;
}

.deals-marquee-wrapper::-webkit-scrollbar {
 width: 0;
 height: 0;
}

.deals-marquee-wrapper:focus-within,
.deals-marquee-wrapper:active {
 scrollbar-width: thin;
 scrollbar-color: rgba(184, 147, 85, 0.55) rgba(0, 0, 0, 0.04);
}

.deals-marquee-wrapper:focus-within::-webkit-scrollbar,
.deals-marquee-wrapper:active::-webkit-scrollbar {
 height: 8px;
}

.deals-marquee-wrapper:focus-within::-webkit-scrollbar-track,
.deals-marquee-wrapper:active::-webkit-scrollbar-track {
 background: rgba(0, 0, 0, 0.05);
 border-radius: 999px;
}

.deals-marquee-wrapper:focus-within::-webkit-scrollbar-thumb,
.deals-marquee-wrapper:active::-webkit-scrollbar-thumb {
 background: rgba(184, 147, 85, 0.55);
 border-radius: 999px;
}

@media (hover: hover) and (pointer: fine) {
 .deals-marquee-wrapper:hover {
 scrollbar-width: thin;
 scrollbar-color: rgba(184, 147, 85, 0.55) rgba(0, 0, 0, 0.04);
 }

 .deals-marquee-wrapper:hover::-webkit-scrollbar {
 height: 8px;
 }

 .deals-marquee-wrapper:hover::-webkit-scrollbar-track {
 background: rgba(0, 0, 0, 0.05);
 border-radius: 999px;
 }

 .deals-marquee-wrapper:hover::-webkit-scrollbar-thumb {
 background: rgba(184, 147, 85, 0.55);
 border-radius: 999px;
 }

 .deals-marquee-wrapper:hover::-webkit-scrollbar-thumb:hover {
 background: rgba(184, 147, 85, 0.75);
 }
}

.deals-slider-container {
 position: relative;
}

/* شريط تنقل قسم «حصري» في الصفحة الرئيسية */
.homepage-deals-nav {
 display: flex;
 justify-content: center;
 align-items: center;
 gap: 14px;
 margin-top: 10px;
 padding-bottom: 6px;
}

.homepage-deals-nav .props-catalog-arrow {
 background: rgba(184, 147, 90, 0.14);
 color: var(--color-accent-gold-hover, #a17d4a);
 border: 1px solid rgba(184, 147, 90, 0.35);
}

.homepage-deals-nav .props-catalog-arrow:hover:not(:disabled) {
 background: rgba(184, 147, 90, 0.26);
 color: #5c4024;
}

/* أزرار التنقل القديمة — معطّلة (التنقل بالتمرير الأفقي) */
.deals-nav-btn {
 display: none !important;
}

.deals-container {
 display: flex;
 gap: 20px;
 width: max-content;
 will-change: transform;
 transform: translateZ(0);
}

.deals-marquee {
 animation: none;
}

.deals-marquee.paused {
 animation-play-state: paused;
}

.deals-marquee.no-marquee {
 animation: none;
 width: max-content;
 max-width: none;
 flex-wrap: nowrap;
 justify-content: flex-start;
}

@keyframes marqueeScroll {
 0% {
 transform: translateX(0) translateZ(0);
 }

 100% {
 transform: translateX(-50%) translateZ(0);
 }
}

html[dir="rtl"] .deals-marquee {
 animation: none;
}

@keyframes marqueeScrollRtl {
 0% {
 transform: translateX(0) translateZ(0);
 }

 100% {
 transform: translateX(50%) translateZ(0);
 }
}

.deal-card {
 position: relative;
 height: 380px;
 width: 220px;
 flex-shrink: 0;
 border-radius: 12px;
 overflow: hidden;
 box-shadow: var(--shadow-premium);
 border: 1px solid rgba(0, 0, 0, 0.05);
 text-decoration: none;
 display: flex;
 flex-direction: column;
 background: var(--tertiary-color);
 transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1);
 cursor: pointer;
 isolation: isolate;
}

.deal-card:hover {
 transform: translateY(-8px) scale(1.02);
 border-color: var(--secondary-color);
 box-shadow: 0 25px 50px rgba(0, 0, 0, 0.12);
}

/* بطاقة عقار بصريّة: صورة فقط — التفاصيل في صفحة مخصصة */
.deal-card--visual {
 height: 384px;
 min-height: 384px;
 max-height: 384px;
 box-sizing: border-box;
 width: 210px;
 padding: 0;
 background: #0a0a0a;
 border-radius: 18px;
 border: 1px solid rgba(0, 0, 0, 0.08);
 box-shadow: 0 22px 48px rgba(0, 0, 0, 0.14);
}

.deal-img-wrapper--full {
 height: 100%;
 width: 100%;
 flex: 1;
}

.deal-card--visual .deal-img {
 height: 100%;
}

.deal-card-visual-overlay {
 position: absolute;
 inset: 0;
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: flex-end;
 padding: 20px 16px 24px;
 gap: 8px;
 background: linear-gradient(180deg, transparent 30%, rgba(0, 0, 0, 0.75) 55%, rgba(0, 0, 0, 0.9) 100%);
 opacity: 0;
 transition: opacity 0.45s cubic-bezier(0.22, 1, 0.36, 1);
 color: #fff;
 pointer-events: none;
}

.deal-card--visual:hover .deal-card-visual-overlay {
 opacity: 1;
}

.deal-card-visual-overlay i {
 font-size: 1.25rem;
 opacity: 0.95;
}

.deal-card-visual-hint {
 font-family: var(--font-heading);
 font-size: 0.78rem;
 font-weight: 800;
 letter-spacing: 0.14em;
 color: var(--secondary-light);
 text-transform: uppercase;
}

.deal-card--visual:hover {
 transform: translateY(-11px) scale(1.035);
 border-color: rgba(184, 147, 85, 0.55);
 box-shadow: 0 32px 64px rgba(0, 0, 0, 0.2);
}

.deal-card--visual.selected {
 transform: translateY(-11px) scale(1.035);
 border-color: var(--secondary-color);
 box-shadow: 0 32px 64px rgba(0, 0, 0, 0.2);
}

/* بطاقة بصرية: الصورة تملأ المساحة المتبقية؛ السعر أو «عند التواصل» + «التفاصيل» ثابتان ولا يُقصّان */
.deal-card--visual.premium-property-card .deal-img-wrapper--full,
.deal-card--visual.premium-property-card .deal-img-wrapper {
 flex: 1 1 0;
 min-height: 0;
 height: auto !important;
 padding-top: 0 !important;
}

.deal-card--visual.premium-property-card .deal-img {
 position: absolute;
 inset: 0;
 width: 100%;
 height: 100%;
 object-fit: cover;
}

.deal-card--visual .premium-card-content {
 flex: 0 0 auto;
 flex-shrink: 0;
 display: flex;
 flex-direction: column;
 gap: 6px;
 padding: 8px 10px 10px;
 overflow: visible;
}

.deal-card--visual .premium-card-header {
 display: flex;
 flex-direction: column;
 gap: 6px;
 flex: 0 1 auto;
 min-height: 0;
}

.deal-card--visual .premium-card-type {
 font-size: 0.62rem;
 padding: 3px 8px;
 flex-shrink: 0;
}

.deal-card--visual .premium-card-title {
 font-size: 0.86rem;
 line-height: 1.22;
 -webkit-line-clamp: 2;
 flex-shrink: 1;
 min-height: 0;
}

.deal-card--visual .premium-card-price {
 font-size: 0.95rem;
 flex-shrink: 0;
 margin-bottom: 10px;
}

.deal-card--visual .premium-card-price--locked {
 font-size: 0.7rem;
 padding: 5px 8px;
 gap: 6px;
 flex-shrink: 0;
 margin-bottom: 10px;
}

.deal-card--visual .premium-card-price-ico {
 width: 1.4rem;
 height: 1.4rem;
 font-size: 0.72rem;
}

.deal-card--visual .premium-card-specs {
 padding-top: 5px;
 margin-top: 0;
 gap: 4px;
 border-top: none;
}

.deal-card--visual .spec-item {
 font-size: 0.65rem;
 padding: 3px 6px;
 gap: 4px;
}

.deal-card--visual .spec-item i {
 font-size: 0.68rem;
}

.deal-card--visual .premium-card-footer {
 margin-top: auto;
 padding-top: 0;
 gap: 4px;
 justify-content: flex-end;
 flex-shrink: 0;
}

.deal-card--visual .premium-card-btn {
 font-size: 0.68rem;
 padding: 5px 9px;
 gap: 5px;
}

.deal-card--visual.premium-property-card:hover .premium-card-btn {
 gap: 7px;
}

.deal-card--visual .deal-card-visual-hint {
 text-transform: none;
 letter-spacing: 0.04em;
 font-size: 0.72rem;
}

@media (max-width: 576px) {
 .deal-card--visual .premium-card-content {
 padding: 7px 9px 7px;
 }

 .deal-card--visual .premium-card-title {
 font-size: 0.82rem;
 }
}

.deal-badge {
 position: absolute;
 top: 14px;
 z-index: 2;
 font-size: 0.62rem;
 font-weight: 900;
 letter-spacing: 0.1em;
 padding: 7px 12px;
 border-radius: 8px;
 background: var(--secondary-color);
 color: var(--primary-color);
 font-family: var(--font-heading);
}

html[dir="rtl"] .deal-badge {
 right: 14px;
 left: auto;
}

html[dir="ltr"] .deal-badge {
 left: 14px;
 right: auto;
}

.section-deals-elevated {
 padding-top: 40px !important;
 padding-bottom: 64px !important;
}

.section-deals-elevated .section-subtitle {
 margin-bottom: 22px;
}

#hot-deals.section-deals-elevated {
 background: var(--color-surface-muted);
 border-bottom: 1px solid var(--color-border);
}

#iqfal-featured-properties.section-featured-deals {
 position: relative;
 background: linear-gradient(165deg, #ebe6dc 0%, var(--neutral-100) 38%, var(--neutral-50) 100%) !important;
 border-top: 1px solid rgba(198, 167, 106, 0.28);
 border-bottom: 1px solid var(--color-border);
}

#iqfal-featured-properties.section-featured-deals::before {
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 height: 3px;
 background: linear-gradient(90deg, transparent, var(--color-verified-border), var(--color-burgundy), var(--color-premium-gold), transparent);
 opacity: 0.8;
 pointer-events: none;
}

.section-elite-note {
 margin: -6px 0 20px;
 font-size: 0.92rem;
 color: var(--color-text-muted);
 line-height: 1.7;
 max-width: 760px;
}

.section-elite-note--featured {
 color: var(--color-burgundy-on-soft);
 font-weight: 600;
}

.deal-card.deal-card--pinned {
 outline: 2px solid var(--secondary-color);
 outline-offset: 3px;
}

.deal-img-wrapper {
 position: relative;
 height: 60%;
 overflow: hidden;
}

.deal-img {
 width: 100%;
 height: 100%;
 object-fit: cover;
 transition: transform 1.2s var(--ease-reveal);
}

.deal-card:hover .deal-img {
 transform: scale(1.08);
}

.deal-card-footer {
 position: relative;
 padding: 14px;
 background: var(--tertiary-color);
 color: var(--text-dark);
 display: flex;
 flex-direction: column;
 justify-content: center;
 flex: 1;
 gap: 6px;
}

.card-location {
 font-size: 0.95rem;
 font-weight: 600;
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
}

.card-country {
 font-size: 0.72rem;
 color: var(--text-muted);
 font-weight: 500;
 text-transform: uppercase;
 letter-spacing: 0.1em;
 display: flex;
 align-items: center;
 gap: 6px;
}

.deal-price-hidden {
 display: inline-flex;
 align-items: center;
 gap: 8px;
 padding: 0;
 background: transparent;
 border: none;
 color: var(--primary-color);
 font-size: 0.85rem;
 margin-bottom: 8px;
 transition: all 0.3s;
 width: fit-content;
 border-bottom: 1px solid var(--secondary-color);
 padding-bottom: 3px;
 cursor: pointer;
}

.deal-price-hidden:hover {
 color: var(--secondary-color);
}

.deal-price-revealed {
 font-size: 1.3rem;
 font-weight: 900;
 color: var(--secondary-color);
 margin-bottom: 8px;
 font-family: var(--font-heading);
}

.deal-image-click-overlay {
 position: absolute;
 inset: 0;
 display: flex;
 align-items: center;
 justify-content: center;
 color: #fff;
 font-size: 1.2rem;
 background: radial-gradient(circle, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.02) 45%, transparent 70%);
 opacity: 0;
 transition: opacity 0.35s ease;
 z-index: 2;
}

.deal-card:hover .deal-image-click-overlay {
 opacity: 1;
}

.explore-all-wrapper {
 text-align: center;
 margin-top: 52px;
 animation: explorePulse 3.2s ease-in-out infinite;
}

@keyframes explorePulse {

 0%,
 100% {
 transform: translateY(0);
 }

 50% {
 transform: translateY(-4px);
 }
}

.btn-explore-all {
 display: inline-flex;
 align-items: center;
 gap: 14px;
 background: linear-gradient(135deg, rgba(26, 26, 26, 0.04) 0%, rgba(184, 147, 85, 0.08) 100%);
 color: var(--text-dark);
 padding: 16px 42px;
 font-family: var(--font-heading);
 font-size: 0.92rem;
 font-weight: 700;
 text-decoration: none;
 border: 1.5px solid rgba(184, 147, 85, 0.45);
 text-transform: uppercase;
 letter-spacing: 0.12em;
 transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.45s ease, border-color 0.35s ease, color 0.35s ease;
 border-radius: 999px;
 position: relative;
 overflow: hidden;
 box-shadow: 0 12px 36px rgba(0, 0, 0, 0.06);
}

.btn-explore-all::after {
 content: '';
 position: absolute;
 inset: 0;
 background: linear-gradient(105deg, transparent 40%, rgba(255, 255, 255, 0.35) 50%, transparent 60%);
 transform: translateX(-120%);
 transition: transform 0.7s ease;
}

.btn-explore-all:hover {
 border-color: var(--secondary-color);
 color: var(--secondary-color);
 transform: translateY(-3px) scale(1.02);
 box-shadow: 0 20px 48px rgba(184, 147, 85, 0.22);
}

.btn-explore-all:hover::after {
 transform: translateX(120%);
}

/* ==== 10. Neighborhoods ==== */
.neigh-section-title {
 color: #000 !important;
 font-size: clamp(1.3rem, 2.5vw, 1.6rem) !important;
}

.neighborhoods-container {
 display: flex;
 align-items: flex-start;
 gap: 30px;
}

.neigh-flags-wrapper {
 display: flex;
 flex-direction: column;
 justify-content: flex-start;
 gap: 35px;
 flex-shrink: 0;
}

.neigh-flag {
 background: transparent;
 border: none;
 width: 56px;
 height: 36px;
 border-radius: 4px;
 display: flex;
 align-items: center;
 justify-content: center;
 cursor: pointer;
 transition: all 0.4s cubic-bezier(0.22, 1, 0.36, 1);
 overflow: visible;
 padding: 0;
 position: relative;
 box-shadow: none;
}

.neigh-flag img {
 width: 56px;
 height: 36px;
 object-fit: cover;
 border-radius: 4px;
 display: block;
 box-shadow: none;
}

.neigh-flag:hover,
.neigh-flag.active {
 transform: translateY(-4px) scale(1.04);
 box-shadow: 0 8px 22px rgba(184, 147, 85, 0.28);
}

/* Back button replaces flag */
.neigh-flag.is-back {
 background: var(--primary-color);
 border-color: var(--primary-color);
}

.neigh-flag.is-back img {
 display: none;
}

.neigh-flag.is-back::after {
 content: '\f060';
 font-family: 'Font Awesome 5 Free';
 font-weight: 900;
 color: #fff;
 font-size: 1.2rem;
}

html[dir="rtl"] .neigh-flag.is-back::after {
 content: '\f061';
}

.neighborhoods-grid {
 display: flex;
 flex-wrap: nowrap;
 gap: 15px;
 overflow-x: auto;
 scroll-snap-type: x mandatory;
 padding: 10px 0;
 flex: 1;
 scrollbar-width: none;
 cursor: grab;
}

.neighborhoods-grid::-webkit-scrollbar {
 display: none;
}

.neighborhoods-grid:active {
 cursor: grabbing;
}

.neighborhood-card {
 position: relative;
 width: 200px;
 flex-shrink: 0;
 border-radius: 12px;
 overflow: hidden;
 height: 160px;
 scroll-snap-align: start;
 background-size: cover;
 background-position: center;
 transition: transform 0.3s ease;
}

.neighborhood-card:hover {
 transform: scale(1.03);
}

.neighborhood-overlay {
 background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
 position: absolute;
 inset: 0;
 display: flex;
 flex-direction: column;
 justify-content: flex-end;
 padding: 15px;
}

/* ==== 11. Testimonials ==== */
.testi-section-title {
 color: #000 !important;
 font-size: clamp(1.3rem, 2.5vw, 1.6rem) !important;
}

#testimonials.section {
 padding-top: 56px;
 padding-bottom: 100px;
}

.testimonials-wrapper {
 height: 94vh;
 min-height: 640px;
 overflow: hidden;
 display: flex;
 justify-content: center;
 gap: 25px;
 position: relative;
 -webkit-mask-image: linear-gradient(to bottom, transparent, white 5%, white 95%, transparent);
 mask-image: linear-gradient(to bottom, transparent, white 5%, white 95%, transparent);
}

.scroller-col {
 display: flex;
 flex-direction: column;
 gap: 25px;
 width: 360px;
 will-change: transform;
 transition: transform 0.1s linear;
}

.scroller-col:nth-child(1) {
 transform: translateY(20%);
}

.scroller-col:nth-child(2) {
 transform: translateY(-20%);
}

.testimonial-card {
 background: var(--tertiary-color);
 padding: 28px;
 border-radius: 12px;
 border: 1px solid rgba(0, 0, 0, 0.05);
 flex-shrink: 0;
 box-shadow: var(--shadow-premium);
 transition: transform 0.3s ease;
}

.testimonial-card:hover {
 transform: scale(1.02);
}

.stars {
 color: var(--secondary-color);
 margin-bottom: 12px;
}

.testimonial-card p {
 color: var(--text-dark);
 margin-bottom: 18px;
 line-height: 1.8;
 font-weight: 400;
 font-size: 0.95rem;
}

.client-info {
 display: flex;
 align-items: center;
 gap: 12px;
}

.client-info img {
 width: 45px;
 height: 45px;
 border-radius: 50%;
 object-fit: cover;
}

.client-info .testimonial-author {
 margin: 0;
 color: var(--primary-color);
 font-size: 0.88rem;
 text-transform: uppercase;
 letter-spacing: 0.05em;
}

/* ==== 13. Footer ==== */
.footer {
 background: linear-gradient(180deg, var(--primary-color), var(--color-brand-ink-deep));
 color: var(--text-light);
 padding: 80px 0 20px;
 border-top: 1px solid rgba(184, 146, 90, 0.2);
}

.footer-grid {
 display: grid;
 grid-template-columns: 2fr 1fr 1fr 1.5fr;
 gap: 40px;
 margin-bottom: 50px;
}

.footer-brand {
 font-size: 1.8rem;
 margin-bottom: 20px;
 letter-spacing: 0.1em;
 animation: luxuryLogoMorph 15s infinite ease-in-out;
 color: var(--secondary-color);
}

.footer-col h4 {
 font-size: 0.9rem;
 margin-bottom: 20px;
 color: var(--secondary-color);
 text-transform: uppercase;
 letter-spacing: 0.15em;
}

.footer-col ul li {
 margin-bottom: 10px;
}

.footer-col ul li a {
 color: rgba(255, 255, 255, 0.7);
 transition: all 0.3s;
}

.footer-col ul li a:hover {
 color: var(--secondary-color);
 padding-right: 5px;
}

.contact-info li {
 display: flex;
 align-items: center;
 gap: 10px;
 color: rgba(255, 255, 255, 0.7);
 margin-bottom: 12px;
}

.contact-info i {
 color: var(--secondary-color);
 width: 18px;
}

.footer-call-btn {
 width: 100%;
 margin-top: 10px;
 border-radius: 50px;
 padding: 12px 20px;
 display: flex;
 align-items: center;
 justify-content: center;
 gap: 8px;
 font-size: 0.85rem;
 animation: fabPulse 3s infinite ease-in-out;
}

.social-icons {
 display: flex;
 gap: 12px;
}

.social-icons a {
 display: flex;
 align-items: center;
 justify-content: center;
 width: 40px;
 height: 40px;
 background: rgba(255, 255, 255, 0.08);
 border-radius: 50%;
 color: #fff;
 transition: all 0.3s;
 border: 1px solid rgba(255, 255, 255, 0.1);
}

.social-icons a:hover {
 background: var(--secondary-color);
 transform: translateY(-3px);
 border-color: var(--secondary-color);
}

.footer-terms-inline {
 margin-top: 28px;
 padding-top: 22px;
 border-top: 1px solid rgba(255, 255, 255, 0.12);
 text-align: center;
}

.footer-terms-snippet {
 margin: 0 auto;
 max-width: 720px;
 font-size: 0.88rem;
 line-height: 1.65;
 color: rgba(255, 255, 255, 0.78);
}

.footer-bottom {
 text-align: center;
 padding-top: 20px;
 border-top: 1px solid rgba(255, 255, 255, 0.08);
 font-size: 0.85rem;
 color: rgba(255, 255, 255, 0.4);
}

/* ==== Forms & Modals ==== */
.form-group {
 margin-bottom: 18px;
}

.form-group label {
 display: block;
 margin-bottom: 8px;
 color: var(--text-muted) !important;
 font-weight: 600;
 font-size: 0.9rem;
}

.form-group input,
.form-group select {
 width: 100%;
 padding: 14px 18px;
 border: 1px solid rgba(184, 147, 85, 0.2) !important;
 background: rgba(255, 255, 255, 0.7) !important;
 color: var(--text-dark);
 border-radius: 12px;
 font-family: var(--font-body);
 font-size: 0.95rem;
 font-weight: 600;
 outline: none;
 transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
 appearance: none;
 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23B89355' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
 background-repeat: no-repeat !important;
 background-position: left 15px center !important;
}

html[dir="rtl"] .form-group select {
 background-position: left 15px center !important;
}

html[dir="ltr"] .form-group select {
 background-position: right 15px center !important;
}

.form-group select:focus {
 border-color: var(--secondary-color) !important;
 background: #fff !important;
 box-shadow: 0 0 0 4px rgba(184, 147, 85, 0.1);
}

.form-group input:focus,
.form-group select:focus {
 border-color: var(--secondary-color) !important;
}

.req-star {
 color: #e11d48;
 font-size: 0.65rem;
 margin: 0 4px;
 vertical-align: middle;
}

.modal-overlay {
 position: fixed;
 inset: 0;
 background: rgba(0, 0, 0, 0.6);
 backdrop-filter: blur(5px);
 display: flex;
 align-items: center;
 justify-content: center;
 z-index: 10001;
 opacity: 0;
 visibility: hidden;
 transition: var(--transition-fast);
 transform: translateZ(0);
}

.modal-overlay-top {
 z-index: 10002;
}

.modal-overlay.active {
 opacity: 1;
 visibility: visible;
}

.modal-content {
 background: var(--tertiary-color);
 padding: 40px;
 border-radius: 16px;
 border: 1px solid rgba(0, 0, 0, 0.05);
 box-shadow: var(--shadow-premium);
 width: 90%;
 max-width: 500px;
 max-height: 80vh;
 overflow-y: auto;
 position: relative;
 transform: translateY(-50px);
 transition: var(--transition-fast);
}

.modal-content::-webkit-scrollbar {
 width: 6px;
}

.modal-content::-webkit-scrollbar-thumb {
 background: #b5952f;
 border-radius: 10px;
}

.modal-overlay.active .modal-content {
 transform: translateY(0);
}

.close-modal {
 position: absolute;
 top: 15px;
 left: 20px;
 font-size: 1.5rem;
 cursor: pointer;
 color: #6B7280;
 background: none;
 border: none;
 padding: 0;
 line-height: 1;
 font: inherit;
}

.modal-content h2 {
 color: var(--text-dark);
 margin-bottom: 10px;
}

.modal-content p {
 color: var(--text-muted) !important;
 margin-bottom: 25px;
}

.success-message {
 background: #D1FAE5;
 color: #065F46;
 padding: 15px;
 border-radius: 8px;
 margin-top: 20px;
 text-align: center;
 font-weight: bold;
}

/* Search Wizard */
.wizard-overlay {
 position: fixed;
 inset: 0;
 z-index: 3000;
 background: rgba(0, 0, 0, 0.85);
 backdrop-filter: blur(15px);
 display: flex;
 align-items: center;
 justify-content: center;
 opacity: 0;
 visibility: hidden;
 transition: all 0.5s ease;
}

.wizard-overlay.active {
 opacity: 1;
 visibility: visible;
}

.wizard-card {
 background: var(--tertiary-color);
 border-radius: 20px;
 padding: 40px;
 width: 90%;
 max-width: 500px;
 position: relative;
 transform: scale(0.9);
 transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}

.wizard-overlay.active .wizard-card {
 transform: scale(1);
}

.wizard-close {
 position: absolute;
 top: 15px;
 left: 20px;
 font-size: 1.8rem;
 cursor: pointer;
 color: #999;
 transition: 0.3s;
 background: none;
 border: none;
 padding: 0;
 line-height: 1;
 font: inherit;
}

.wizard-close:hover {
 color: #333;
}

.wizard-step {
 display: none;
}

.wizard-step.active {
 display: block;
 animation: wizStepIn 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}

@keyframes wizStepIn {
 from {
 opacity: 0;
 transform: translateX(30px);
 }

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

.wizard-title {
 font-size: 1.3rem;
 margin-bottom: 25px;
 color: var(--text-dark);
 text-align: center;
}

.wizard-options {
 display: flex;
 flex-wrap: wrap;
 gap: 12px;
 justify-content: center;
}

.wizard-btn {
 padding: 14px 28px;
 border: 2px solid rgba(0, 0, 0, 0.08);
 border-radius: 12px;
 background: var(--bg-light);
 color: var(--text-dark);
 font-family: var(--font-body);
 font-size: 1rem;
 font-weight: 600;
 cursor: pointer;
 transition: all 0.3s ease;
 min-width: 120px;
}

.wizard-btn:hover {
 border-color: var(--secondary-color);
 background: rgba(184, 147, 85, 0.08);
 transform: translateY(-3px);
 box-shadow: 0 8px 20px rgba(184, 147, 85, 0.15);
}

/* ==== Inline Property Details ==== */
.inline-property-details {
 position: relative;
 max-width: 100%;
 box-sizing: border-box;
 /* For the arrow */
 margin-top: 0;
 /* Becomes 32px when active */
 border-radius: 0;
 max-height: 0;
 opacity: 0;
 transform: translateY(-20px) scale(0.98);
 pointer-events: none;
 background: var(--bg-light);
 /* تغيير الخلفية لتتناسب مع خلفية الصفحة */
 border-top: 1px solid rgba(0, 0, 0, 0.1);
 /* تعديل لون الحدود */
 border-bottom: 1px solid rgba(0, 0, 0, 0.1);
 /* تعديل لون الحدود */
 transition: all 0.7s cubic-bezier(0.22, 1, 0.36, 1);
 z-index: 10;
 overflow: hidden;
}

.inline-property-details.active {
 opacity: 1;
 margin-top: 32px;
 max-height: 3200px;
 /* السماح بالتوسع */
 box-shadow: none;
 /* إزالة الظل من اللوحة الرئيسية */
 transform: translateY(0) scale(1);
 /* إزالة التحويل ليتناسب مع التغيير */
 pointer-events: auto;
}

.details-pointer-arrow {
 position: absolute;
 display: none;
 /* إخفاء السهم تمامًا */
}

.inline-property-details.active .details-pointer-arrow {
 display: none;
 /* إخفاء السهم تمامًا */
}

.inline-property-details::before {
 display: none;
 /* Remove blurred background */
}

.inline-property-details::after {
 display: none;
 /* Remove dark overlay */
}

.inline-details-close {
 position: absolute;
 top: 25px;
 inset-inline-start: 25px;
 width: 54px;
 height: 54px;
 border-radius: 50%;
 border: 1px solid rgba(0, 0, 0, 0.1);
 background: rgba(255, 255, 255, 0.8);
 color: var(--text-dark);
 backdrop-filter: blur(10px);
 font-size: 1.8rem;
 line-height: 1;
 cursor: pointer;
 z-index: 20;
 transition: all 0.4s cubic-bezier(0.25, 1, 0.35, 1);
}

.inline-details-close:hover {
 background: var(--primary-color);
 color: #fff;
 transform: rotate(90deg) scale(1.1);
}

.inline-property-details .inline-details-shell {
 position: relative;
 z-index: 2;
 width: 100%;
 max-width: 100%;
 min-width: 0;
 min-height: 580px;
 margin: 0 auto;
 border: none;
 background: transparent;
 padding: clamp(24px, 4vw, 50px);
 display: flex;
 flex-direction: column;
 gap: clamp(18px, 2.5vw, 28px);
 align-items: stretch;
 box-sizing: border-box;
}

.inline-details-panel-header {
 display: flex;
 flex-direction: column;
 gap: 8px;
 width: 100%;
}

.inline-details-body {
 display: grid;
 /* لا تفرض min عرض للعمود الثاني — كان يسبب overflow أفقي على الهواتف الضيقة */
 grid-template-columns: minmax(0, 1fr) minmax(0, min(420px, 42vw));
 gap: clamp(24px, 3.5vw, 45px);
 align-items: start;
 min-width: 0;
 width: 100%;
}

.inline-details-body > * {
 min-width: 0;
}

/* أجهزة لوحية ضيقة: عمود واحد لتفاصيل العقار (تفادي شريط تمرير أفقي) */
@media (max-width: 900px) {
 .inline-details-body {
 grid-template-columns: 1fr;
 gap: clamp(18px, 3vw, 28px);
 }
}

.inline-property-details .inline-details-media {
 display: flex;
 flex-direction: column;
 gap: 0;
 order: 1;
 width: 100%;
}

.inline-property-details .inline-details-info {
 width: 100%;
 margin: 0;
 padding: 0;
 order: 2;
}

.inline-details-body .inline-details-media {
 order: 1;
}

.inline-details-body .inline-details-info {
 order: 2;
}

.details-main-display {
 position: relative;
 width: 100%;
 height: 70vh;
 background: var(--bg-light);
 display: flex;
 align-items: center;
 justify-content: center;
}

.details-main-display img {
 width: 100%;
 height: 100%;
 object-fit: cover;
}

.details-hero-shade {
 position: absolute;
 inset: 0;
 background: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.85) 100%);
 z-index: 1;
}

.details-hero-overlay {
 position: absolute;
 right: clamp(20px, 3vw, 40px);
 left: clamp(20px, 3vw, 40px);
 bottom: clamp(20px, 3vw, 40px);
 z-index: 2;
 background: rgba(10, 10, 10, 0.45);
 backdrop-filter: blur(15px);
 -webkit-backdrop-filter: blur(15px);
 padding: 24px 30px;
 border-radius: 18px;
 border: 1px solid rgba(255, 255, 255, 0.15);
}

.nav-arrow {
 position: absolute;
 top: 50%;
 transform: translateY(-50%);
 background: var(--glass-bg);
 backdrop-filter: var(--glass-blur);
 color: #fff;
 border: none;
 width: 45px;
 height: 45px;
 border-radius: 50%;
 cursor: pointer;
 z-index: 5;
 transition: 0.3s;
}

.nav-arrow:hover {
 background: var(--secondary-color);
 transform: translateY(-50%) scale(1.1);
}

.prev-arrow {
 right: 20px;
}

.next-arrow {
 left: 20px;
}

.details-thumb {
 width: 100px;
 height: 70px;
 flex-shrink: 0;
 border-radius: 4px;
 overflow: hidden;
 cursor: pointer;
 opacity: 0.5;
 border: 1px solid transparent;
 transition: 0.3s;
}

.details-thumb.active,
.details-thumb:hover {
 opacity: 1;
 border-color: var(--secondary-color);
}

.details-thumb img {
 width: 100%;
 height: 100%;
 object-fit: cover;
}

.details-info-side {
 flex: 1;
 padding: 35px 40px;
 display: flex;
 flex-direction: column;
 gap: 25px;
 overflow-y: auto;
 background: transparent;
 /* تغيير الخلفية إلى لون فاتح */
 backdrop-filter: none;
 /* إزالة تأثير التمويه */
 -webkit-backdrop-filter: none;
 /* إزالة تأثير التمويه */
 border-radius: 0;
 /* إزالة نصف قطر الحدود */
 border: none;
 /* إزالة الحدود */
 box-shadow: none;
 /* إزالة الظل */
}

.inline-details-info {
 width: 100%;
 margin: 0;
 padding: 0;
}

.details-section {
 padding: 0;
 border-radius: 0;
 background: transparent;
 border: none;
 box-shadow: none;
}

.details-section-head {
 display: flex;
 flex-direction: column;
 gap: 8px;
 margin-bottom: 22px;
}

.details-kicker {
 color: var(--secondary-color);
 letter-spacing: 0.14em;
 font-size: 0.76rem;
 font-weight: 800;
 text-transform: uppercase;
}

.details-section-title,
.details-desc-label {
 color: var(--text-dark);
 /* تغيير لون النص ليتناسب مع الخلفية الفاتحة */
 margin: 0 0 12px;
 font-size: 1.4rem;
 font-weight: 800;
}

.details-type-badge {
 display: inline-block;
 font-size: 0.7rem;
 font-weight: 600;
 letter-spacing: 0.1em;
 color: var(--primary-color);
 background: var(--secondary-color);
 padding: 4px 12px;
 border-radius: 2px;
 margin-bottom: 12px;
 text-transform: uppercase;
}

.details-modal-title {
 font-size: clamp(1.6rem, 3.5vw, 2.8rem);
 color: var(--text-dark);
 /* التأكد من أن العنوان داكن */
 margin: 10px 0 12px;
 line-height: 1.2;
 text-shadow: none;
 overflow-wrap: anywhere;
 word-break: break-word;
 max-width: 100%;
}

.details-location-line {
 margin: 0;
 color: var(--text-dark);
 /* تغيير لون النص ليتناسب مع الخلفية الفاتحة */
 font-size: clamp(0.9rem, 1.4vw, 1.1rem);
 overflow-wrap: anywhere;
 word-break: break-word;
 max-width: 100%;
}

.details-specs-grid {
 display: grid;
 grid-template-columns: repeat(auto-fit, minmax(min(160px, 100%), 1fr));
 gap: 12px;
 padding: 0;
 min-width: 0;
 width: 100%;
}

.details-spec {
 display: flex;
 align-items: center;
 gap: 12px;
 padding: 12px 14px;
 background: rgba(0, 0, 0, 0.03);
 border: 1px solid rgba(0, 0, 0, 0.1);
 border-radius: 12px;
 font-size: 1rem;
 font-weight: 600;
 transition: all 0.3s ease;
 min-width: 0;
}

.details-spec span {
 min-width: 0;
 overflow-wrap: anywhere;
 word-break: break-word;
}

.details-spec:hover {
 background: rgba(184, 147, 85, 0.1);
 transform: translateY(-3px);
 border-color: var(--secondary-color);
 box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}

.details-spec i {
 color: var(--secondary-color);
 width: 1.15em;
 text-align: center;
}

.details-desc-box {
 max-width: 100%;
}

.details-desc-scroll {
 max-height: none;
 overflow: visible;
 overflow-wrap: anywhere;
 word-break: break-word;
 color: var(--text-dark);
 line-height: 1.8 !important;
 font-size: 1.05rem !important;
 font-weight: 500;
 padding: 10px 0;
 max-width: 100%;
}

.details-price-lock {
 margin-top: 4px;
 padding: 16px 20px;
 border-radius: 12px;
 background: var(--bg-light);
 /* تغيير الخلفية لتتناسب مع خلفية الصفحة */
 border: 1px solid rgba(0, 0, 0, 0.1);
 color: var(--text-dark);
 transition: all 0.3s ease;
}

.details-price-lock:hover {
 background: rgba(0, 0, 0, 0.08);
 border-color: var(--secondary-color);
 /* الحفاظ على لون الحدود عند التحويم */
}

.details-price-lock>div {
 display: flex;
 align-items: center;
 justify-content: center;
 gap: 10px;
 cursor: pointer;
 font-weight: 700;
}

.details-actions-stack {
 display: grid;
 grid-template-columns: repeat(2, minmax(0, 1fr));
 gap: 14px;
 margin-top: 16px;
}

.details-back-btn {
 border-color: rgba(0, 0, 0, 0.2);
 color: var(--text-dark);
}

.details-back-btn:hover {
 background: var(--primary-color);
 color: #fff;
}

.inline-property-details .cinematic-block {
 opacity: 0;
 transform: translateY(12px);
 transition: opacity 0.6s ease, transform 0.8s cubic-bezier(0.25, 1, 0.35, 1);
}

.inline-property-details.active .cinematic-block {
 opacity: 1;
 transform: translateY(0);
}

.details-media-title {
 color: var(--text-dark);
 /* التأكد من أن العنوان داكن */
 font-size: 1rem;
 /* تصغير الخط أكثر */
 /* تصغير الخط أكثر */
 margin-bottom: 18px;
 padding-bottom: 10px;
 border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.details-thumbnail-grid {
 display: grid;
 grid-template-columns: repeat(auto-fill, minmax(min(120px, 100%), 1fr));
 gap: 12px;
 min-width: 0;
 width: 100%;
}

.details-thumb-item {
 container-type: inline-size;
 position: relative;
 aspect-ratio: 4/3;
 border-radius: 12px;
 overflow: hidden;
 cursor: pointer;
 border: 1px solid rgba(0, 0, 0, 0.1);
 transition: all 0.3s ease;
}

.details-thumb-item:hover {
 transform: scale(1.05);
 border-color: var(--secondary-color);
 box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
}

.details-thumb-item img {
 position: relative;
 z-index: 0;
 width: 100%;
 height: 100%;
 object-fit: cover;
}

/* علامة مائية فوق الصورة المصغّرة (وليس تحتها) + لون واضح على السماء والظلال */
.details-thumb-item .iqfal-watermark-overlay--thumb {
 z-index: 2;
 opacity: 0.42;
}

.details-thumb-item .iqfal-watermark-txt--thumb {
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%) rotate(-35deg);
 transform-origin: center center;
 letter-spacing: 0.1em;
 line-height: 1;
 color: #fff8ec;
 font-weight: 900;
 text-transform: uppercase;
 text-shadow:
 0 0 1px rgba(0, 0, 0, 1),
 0 0 4px rgba(0, 0, 0, 0.95),
 0 0 10px rgba(0, 0, 0, 0.65),
 0 1px 0 rgba(26, 18, 8, 0.9),
 1px 0 0 rgba(26, 18, 8, 0.75),
 -1px 0 0 rgba(26, 18, 8, 0.75),
 0 -1px 0 rgba(26, 18, 8, 0.55);
 -webkit-text-stroke: 0.4px rgba(0, 0, 0, 0.35);
 font-size: 11px;
 font-size: clamp(9px, 2.6cqi, 13px);
}

.thumb-overlay {
 position: absolute;
 inset: 0;
 z-index: 3;
 background: rgba(0, 0, 0, 0.5);
 display: flex;
 align-items: center;
 justify-content: center;
 color: #fff;
 font-size: 1.5rem;
 opacity: 0;
 transition: opacity 0.3s ease;
}

.details-thumb-item:hover .thumb-overlay {
 opacity: 1;
}

.details-video-container {
 margin-top: 16px;
 overflow: hidden;
 border-radius: 12px;
 border: 1px solid rgba(0, 0, 0, 0.1);
 max-width: 100%;
}

.details-video-container > .details-media-title {
 margin-bottom: 8px;
 padding-bottom: 6px;
 font-size: 0.88rem;
}

/* تفاصيل العقار — ارتفاع الصورة البطولية يتكيّف مع وجود معرض/فيديو */
#details-main-bg.details-hero {
 position: relative;
 overflow: hidden;
 width: 100%;
 border-radius: 16px;
 background-size: cover;
 background-position: center;
 margin-bottom: 16px;
 box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
 transition: min-height 0.25s ease;
}

#details-main-bg .details-hero-img,
.details-hero .details-hero-img {
 position: absolute;
 inset: 0;
 width: 100%;
 height: 100%;
 object-fit: cover;
 object-position: center;
 pointer-events: none;
 z-index: 0;
 border-radius: inherit;
}

#details-main-bg.details-hero--compact {
 min-height: clamp(160px, 28vw, 260px);
 aspect-ratio: 16 / 10;
}

#details-main-bg.details-hero--rich {
 min-height: clamp(200px, 36vw, 340px);
 aspect-ratio: 16 / 9;
}

/* صف خيار (عرض السعر للجميع) — واجهات الأدمن/الوسيط */
.iqfal-toggle-row {
 display: flex;
 align-items: center;
 gap: 12px;
 padding: 12px 14px;
 margin: 0;
 border-radius: 12px;
 border: 1px solid rgba(15, 23, 42, 0.12);
 background: linear-gradient(135deg, rgba(248, 250, 252, 0.95), rgba(241, 245, 249, 0.88));
 box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
 font-weight: 600;
 font-size: 0.92rem;
 line-height: 1.45;
 color: var(--text-dark, #0f172a);
 transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.iqfal-toggle-row:hover {
 border-color: rgba(212, 175, 55, 0.45);
 box-shadow: 0 0 0 1px rgba(212, 175, 55, 0.12);
}

.iqfal-toggle-row .iqfal-toggle-row__cb {
 appearance: none !important;
 -webkit-appearance: none !important;
 width: 54px !important;
 height: 26px !important;
 background: #000 !important;
 border-radius: 26px !important;
 position: relative !important;
 cursor: pointer !important;
 outline: none !important;
 flex-shrink: 0 !important;
 transition: background 0.3s ease !important;
 margin: 0 !important;
 border: 2px solid #000 !important; /* ضمان اللون الأسود من الخارج */
}

.iqfal-toggle-row .iqfal-toggle-row__cb::before {
 content: 'OFF' !important;
 position: absolute !important;
 top: 50% !important;
 right: 7px !important;
 transform: translateY(-50%) !important;
 color: #fff !important;
 font-size: 10px !important;
 font-weight: 700 !important;
 font-family: sans-serif !important;
 transition: all 0.3s ease !important;
 z-index: 1 !important;
}

.iqfal-toggle-row .iqfal-toggle-row__cb::after {
 content: '' !important;
 position: absolute !important;
 top: 2px !important;
 left: 2px !important;
 width: 18px !important;
 height: 18px !important;
 background: #fff !important;
 border-radius: 50% !important;
 transition: transform 0.3s ease !important;
 box-shadow: 0 2px 4px rgba(0,0,0,0.2) !important;
 z-index: 2 !important;
}

.iqfal-toggle-row .iqfal-toggle-row__cb:checked {
 background: #000 !important;
}

.iqfal-toggle-row .iqfal-toggle-row__cb:checked::before {
 content: 'ON' !important;
 right: auto !important;
 left: 8px !important;
}

.iqfal-toggle-row .iqfal-toggle-row__cb:checked::after {
 transform: translateX(28px) !important;
}

html[dir="rtl"] .iqfal-toggle-row .iqfal-toggle-row__cb::before {
 right: auto !important;
 left: 7px !important;
}

html[dir="rtl"] .iqfal-toggle-row .iqfal-toggle-row__cb::after {
 left: auto !important;
 right: 2px !important;
}

html[dir="rtl"] .iqfal-toggle-row .iqfal-toggle-row__cb:checked::before {
 left: auto !important;
 right: 8px !important;
}

html[dir="rtl"] .iqfal-toggle-row .iqfal-toggle-row__cb:checked::after {
 transform: translateX(-28px) !important;
}

.iqfal-toggle-row label.iqfal-toggle-row__text {
 flex: 1;
 min-width: 0;
 margin: 0;
 cursor: pointer;
 font-weight: inherit;
 font-size: inherit;
 line-height: inherit;
 color: inherit;
}

#agentDashboard .iqfal-agent-video-row {
 margin-top: 8px;
}

#agentDashboard .iqfal-agent-video-row input[type="file"] {
 width: 100%;
 max-width: 420px;
 padding: 8px 10px;
 border: 1px dashed rgba(15, 23, 42, 0.2);
 border-radius: 10px;
 background: #fff;
}

.details-video-frame {
 position: relative;
 background: #0a0a0a;
 border-radius: 0 0 12px 12px;
}

.details-video-frame .details-video-el {
 width: 100%;
 display: block;
 max-height: min(42vh, 360px);
 object-fit: contain;
 transform: scale(1.02);
 border: none;
 background: #111;
}

.details-video-toolbar {
 position: absolute;
 bottom: 10px;
 inset-inline-end: 10px;
 display: flex;
 gap: 8px;
 z-index: 3;
}

.details-video-fs-btn {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 width: 44px;
 height: 44px;
 border-radius: 10px;
 border: 1px solid rgba(212, 175, 55, 0.55);
 background: rgba(0, 0, 0, 0.55);
 color: #d4af37;
 cursor: pointer;
 backdrop-filter: blur(8px);
 transition: transform 0.2s ease, background 0.2s ease, color 0.2s ease;
}

.details-video-fs-btn:hover {
 background: rgba(212, 175, 55, 0.18);
 color: #fff6cc;
 transform: scale(1.05);
}

.details-video-err {
 padding: 12px 14px;
 color: #b91c1c;
 font-size: 0.95rem;
 margin-top: 8px;
}

.details-video-frame:fullscreen .details-video-el,
.details-video-frame:-webkit-full-screen .details-video-el {
 max-height: none;
 height: 100%;
 object-fit: contain;
 transform: none;
}

.details-video-frame:fullscreen,
.details-video-frame:-webkit-full-screen {
 background: #000;
 display: flex;
 flex-direction: column;
 justify-content: center;
}

.details-video-frame:fullscreen .details-video-toolbar,
.details-video-frame:-webkit-full-screen .details-video-toolbar {
 bottom: 24px;
 inset-inline-end: 24px;
}

.properties-seo-strip {
 margin: 0 auto 20px;
 max-width: 900px;
 padding: 12px 18px;
 border-radius: 14px;
 background: rgba(26, 34, 44, 0.06);
 border: 1px solid rgba(184, 147, 85, 0.25);
 font-size: clamp(0.95rem, 1.2vw, 1.05rem);
 font-weight: 700;
 color: var(--color-primary);
 text-align: center;
}

/* Lightbox for Inline Details — فوق شريط الاتصال وزر الواتساب */
.details-lightbox {
 position: fixed;
 inset: 0;
 background: rgba(0, 0, 0, 0.92);
 backdrop-filter: blur(8px);
 z-index: 210000;
 display: flex;
 align-items: center;
 justify-content: center;
 opacity: 0;
 visibility: hidden;
 transition: opacity 0.4s ease;
}

.details-lightbox.active {
 opacity: 1;
 visibility: visible;
}

.details-lightbox-frame {
 position: relative;
 display: flex;
 align-items: center;
 justify-content: center;
 max-width: 90vw;
 max-height: 85vh;
 z-index: 0;
}

.details-lightbox-frame #lightbox-img {
 position: relative;
 z-index: 0;
 display: block;
}

.details-lightbox-frame .iqfal-watermark-overlay,
.details-lightbox-frame .iqfal-watermark-overlay--lightbox {
 position: absolute;
 inset: 0;
 display: flex !important;
 align-items: center !important;
 justify-content: center !important;
 padding: 0 !important;
 z-index: 2;
 opacity: 0.48;
 pointer-events: none;
}

/* علامة فوق الصورة، تحت أزرار الإغلاق والتنقل — نص عالي التباين */
.details-lightbox .iqfal-watermark-overlay--lightbox,
.details-lightbox .iqfal-watermark-overlay {
 z-index: 2;
 opacity: 0.48;
 pointer-events: none;
}

.details-lightbox .iqfal-watermark-txt {
 color: rgba(255, 248, 236, 0.82);
 font-size: clamp(1.05rem, 3.2vw, 2.35rem);
 font-weight: 900;
 letter-spacing: 0.08em;
 text-transform: none;
 text-shadow:
 0 0 2px rgba(0, 0, 0, 0.85),
 0 0 8px rgba(0, 0, 0, 0.55),
 0 0 18px rgba(0, 0, 0, 0.35),
 0 2px 0 rgba(12, 10, 8, 0.65);
 -webkit-text-stroke: 0.35px rgba(0, 0, 0, 0.25);
}

.details-lightbox img {
 max-width: 90vw;
 max-height: 85vh;
 object-fit: contain;
 border-radius: 8px;
}

.lightbox-close {
 position: absolute;
 top: max(14px, env(safe-area-inset-top, 0px) + 8px);
 inset-inline-start: max(14px, env(safe-area-inset-left, 0px));
 font-size: 2rem;
 color: #fff;
 background: rgba(255, 255, 255, 0.12);
 border: 1px solid rgba(255, 255, 255, 0.28);
 width: 50px;
 height: 50px;
 border-radius: 50%;
 cursor: pointer;
 z-index: 3;
 box-shadow: 0 4px 18px rgba(0, 0, 0, 0.35);
}

body.has-site-contact-bar .lightbox-close {
 top: calc(var(--contact-bar-h, 0px) + env(safe-area-inset-top, 0px) + 8px);
}

body.iqfal-details-lightbox-open .iqfal-viewport-fab {
 opacity: 0;
 visibility: hidden;
 pointer-events: none;
 transition: opacity 0.2s ease, visibility 0.2s ease;
}

.inline-property-details.active .cinematic-block:nth-child(1) {
 transition-delay: 0.08s;
}

.inline-property-details.active .cinematic-block:nth-child(2) {
 transition-delay: 0.16s;
}

.inline-property-details.active .cinematic-block:nth-child(3) {
 transition-delay: 0.24s;
}

.lightbox-nav {
 position: absolute;
 top: 50%;
 transform: translateY(-50%);
 background: rgba(0, 0, 0, 0.6);
 border: 1px solid rgba(255, 255, 255, 0.4);
 color: #fff;
 width: 60px;
 height: 60px;
 border-radius: 50%;
 font-size: 1.5rem;
 cursor: pointer;
 z-index: 5;
 transition: background 0.3s, transform 0.3s;
}

.lightbox-nav:hover {
 background: var(--secondary-color);
 transform: translateY(-50%) scale(1.1);
}

.lightbox-nav.prev {
 right: 20px;
}

.lightbox-nav.next {
 left: 20px;
}

html[dir="rtl"] .lightbox-nav.prev {
 left: 20px;
 right: auto;
}

html[dir="rtl"] .lightbox-nav.next {
 right: 20px;
 left: auto;
}

/* Lightbox */
.property-thumb-lightbox {
 position: fixed;
 inset: 0;
 z-index: 210000;
 display: none;
 align-items: center;
 justify-content: center;
 background: rgba(0, 0, 0, 0.95);
 padding: 24px;
}

.property-thumb-lightbox.active {
 display: flex;
}

.property-thumb-lightbox-frame {
 position: relative;
 display: flex;
 align-items: center;
 justify-content: center;
 max-width: min(96vw, 1400px);
 max-height: 90vh;
 z-index: 0;
}

.property-thumb-lightbox-frame img {
 max-width: min(96vw, 1400px);
 max-height: 90vh;
 width: auto;
 height: auto;
 object-fit: contain;
 border-radius: 8px;
 display: block;
}

.property-thumb-lightbox-frame .iqfal-watermark-overlay--thumb-lb {
 position: absolute;
 inset: 0;
 display: flex !important;
 align-items: center !important;
 justify-content: center !important;
 z-index: 2;
 pointer-events: none;
 opacity: 0.45;
}

.property-thumb-lightbox-frame .iqfal-watermark-txt--thumb {
 position: static !important;
 transform: none !important;
 font-size: clamp(1rem, 4.2vw, 2.1rem) !important;
 font-weight: 800 !important;
 letter-spacing: 0.12em !important;
 color: rgba(255, 255, 255, 0.82) !important;
 text-shadow:
 0 0 3px rgba(0, 0, 0, 0.85),
 0 2px 14px rgba(0, 0, 0, 0.55);
}

.property-thumb-lightbox-close {
 position: absolute;
 top: max(14px, env(safe-area-inset-top, 0px) + 8px);
 inset-inline-start: max(14px, env(safe-area-inset-left, 0px));
 width: 48px;
 height: 48px;
 border-radius: 50%;
 border: 1px solid rgba(255, 255, 255, 0.3);
 background: rgba(0, 0, 0, 0.55);
 color: #fff;
 font-size: 1.75rem;
 line-height: 1;
 cursor: pointer;
 z-index: 4;
 box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35);
}

body.has-site-contact-bar .property-thumb-lightbox-close {
 top: calc(var(--contact-bar-h, 0px) + env(safe-area-inset-top, 0px) + 8px);
}

.lb-nav-btn {
 position: absolute;
 top: 50%;
 transform: translateY(-50%);
 background: rgba(255, 255, 255, 0.1);
 border: 1px solid rgba(255, 255, 255, 0.2);
 color: #fff;
 width: 50px;
 height: 50px;
 border-radius: 50%;
 font-size: 1.2rem;
 cursor: pointer;
 display: flex;
 align-items: center;
 justify-content: center;
 transition: 0.3s;
 z-index: 2;
}

.lb-nav-btn:hover {
 background: var(--secondary-color);
}

.lb-prev {
 right: 20px;
}

.lb-next {
 left: 20px;
}

/* Quick panel */
.property-quick-panel {
 display: none;
 width: 100%;
 position: relative;
 margin: 0;
 background: var(--tertiary-color);
 color: var(--text-dark);
 border-top: 1px solid var(--glass-border);
 border-bottom: 1px solid var(--glass-border);
 z-index: 40;
}

.property-quick-panel.active {
 display: block;
}

.property-expand-clone {
 position: fixed;
 margin: 0;
 z-index: 3001;
 overflow: hidden;
 border-radius: 24px;
 box-shadow: 0 35px 90px rgba(0, 0, 0, 0.5);
 transform-origin: center center;
 transition: all 0.68s cubic-bezier(0.22, 1, 0.36, 1);
}

.property-expand-clone img {
 width: 100%;
 height: 100%;
 object-fit: cover;
}

.property-expand-clone::after {
 content: '';
 position: absolute;
 inset: 0;
 background: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.58));
}

/* ==== Mobile Sidebar ==== */
/*
 * Off-canvas: لا تعتمد على right: -100% مع fixed + RTL؛ على WebKit قد يُرسم backdrop-filter
 * على مساحة خاطئة (تعتيم كامل) بينما اللوحة تبقى خارج الشاشة. نستخدم transform + visibility.
 */
.mobile-sidebar {
 position: fixed;
 top: 0;
 bottom: 0;
 width: min(280px, 85vw);
 max-width: 100vw;
 height: 100vh;
 max-height: 100dvh;
 background: rgba(15, 23, 42, 0.75);
 backdrop-filter: blur(30px);
 -webkit-backdrop-filter: blur(30px);
 border-radius: 0;
 z-index: 100000;
 transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.3s ease;
 padding: 40px 25px;
 display: flex;
 flex-direction: column;
 overflow-y: auto;
 overflow-x: hidden;
 isolation: isolate;
 -webkit-backface-visibility: hidden;
 backface-visibility: hidden;
 visibility: hidden;
 pointer-events: none;
 box-sizing: border-box;
}

.mobile-sidebar::before {
 content: '';
 position: absolute;
 inset: 0;
 background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, transparent 100%);
 pointer-events: none;
 z-index: 0;
}

.mobile-sidebar > * {
 position: relative;
 z-index: 1;
}

/* RTL: اللوحة من جهة البداية (اليمين) */
html[dir="rtl"] .mobile-sidebar {
 right: 0;
 left: auto;
 transform: translate3d(100%, 0, 0);
 border-left: 1px solid rgba(255, 255, 255, 0.15);
 box-shadow: -15px 0 50px rgba(0, 0, 0, 0.6);
}

/* LTR: اللوحة من جهة البداية (اليسار) */
html[dir="ltr"] .mobile-sidebar {
 left: 0;
 right: auto;
 transform: translate3d(-100%, 0, 0);
 border-right: 1px solid rgba(255, 255, 255, 0.15);
 box-shadow: 15px 0 50px rgba(0, 0, 0, 0.6);
}

html[dir="rtl"] .mobile-sidebar.active,
html[dir="ltr"] .mobile-sidebar.active {
 visibility: visible;
 pointer-events: auto;
 transform: translate3d(0, 0, 0);
}

/* افتراضي عربي إذا لم يُضبط dir على html */
html:not([dir]) .mobile-sidebar {
 right: 0;
 left: auto;
 transform: translate3d(100%, 0, 0);
 border-left: 1px solid rgba(255, 255, 255, 0.15);
 box-shadow: -15px 0 50px rgba(0, 0, 0, 0.6);
}

html:not([dir]) .mobile-sidebar.active {
 visibility: visible;
 pointer-events: auto;
 transform: translate3d(0, 0, 0);
}

.sidebar-header {
 position: relative;
 display: flex;
 justify-content: space-between;
 align-items: center;
 margin-bottom: 40px;
 padding-bottom: 15px;
 border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.sidebar-header .logo {
 font-size: 1.5rem;
 text-shadow: none;
}

.close-sidebar {
 color: #fff;
 font-size: 1.4rem;
 cursor: pointer;
 width: 35px;
 height: 35px;
 display: flex;
 align-items: center;
 justify-content: center;
 background: rgba(255, 255, 255, 0.05);
 border: 1px solid rgba(255, 255, 255, 0.1);
 border-radius: 50%;
 transition: all 0.3s ease;
 padding: 0;
 font: inherit;
 line-height: 1;
}

.close-sidebar:hover {
 background: var(--danger-color);
 border-color: var(--danger-color);
 transform: rotate(90deg);
}

.sidebar-links {
 position: relative;
 padding: 0;
 margin: 0 0 20px 0;
 display: flex;
 flex-direction: column;
 gap: 8px;
}

.sidebar-links a {
 color: #fff;
 font-size: 1.15rem;
 font-weight: 600;
 transition: 0.3s;
 display: block;
 padding: 12px 15px;
 border-radius: 12px;
 background: rgba(255, 255, 255, 0.03);
}

.sidebar-links a:hover {
 color: var(--secondary-color);
 background: rgba(184, 147, 85, 0.1);
 padding-right: 20px;
}

.sidebar-actions {
 margin: 20px 0;
 display: flex;
 flex-direction: column;
 gap: 12px;
 position: relative;
}

.sidebar-footer {
 position: relative;
 margin-top: auto;
 padding-top: 25px;
 border-top: 1px solid rgba(255, 255, 255, 0.15);
}

.sidebar-contact-info {
 margin-bottom: 20px;
 display: flex;
 justify-content: center;
}

.sidebar-settings {
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 15px;
}

.sidebar-settings .btn-top-outline {
 border-color: rgba(255, 255, 255, 0.3);
 color: #fff;
}

.sidebar-settings .top-country-btn {
 color: #fff;
 font-weight: bold;
 display: flex;
 align-items: center;
 gap: 5px;
}

.top-phone {
 color: #fff;
 font-weight: 600;
 display: flex;
 align-items: center;
 gap: 8px;
 letter-spacing: 1px;
}

/* ==== Responsive Design ==== */

/* تحسين الجداول في الشاشات الصغيرة للوحة الإدارة */
@media (max-width: 768px) {
 .table-responsive {
 border: 0;
 box-shadow: none;
 }

 .table-responsive table {
 min-width: 100%;
 }

 /* تحسين مسافات النوافذ المنبثقة للموبايل */
 .admin-modal-box {
 padding: 15px !important;
 margin: 10px;
 width: calc(100% - 20px) !important;
 }

 .form-group input,
 .form-group select,
 .form-group textarea {
 padding: 12px 10px !important;
 }
}

@media (max-width: 1200px) {
 .why-spotlight {
 grid-template-columns: 1fr 1fr;
 }

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

@media (max-width: 768px) {
 .section {
 padding: 60px 0;
 /* تقليل المسافات للأقسام في الموبايل */
 }

 .hero-title {
 font-size: clamp(1.8rem, 8vw, 2.8rem);
 line-height: 1.3;
 }

 .hero-content {
 padding-top: calc(var(--header-fixed-h) + var(--contact-bar-h, 0px) + clamp(0.65rem, 2vh, 1rem));
 }

 .hero-copy {
 width: 100%;
 max-width: none;
 justify-content: center;
 padding: 0 10px;
 }

 .why-spotlight {
 grid-template-columns: 1fr;
 text-align: center;
 }

 .why-visual {
 order: -1;
 }

 .why-copy {
 text-align: center;
 align-items: center;
 }

 .deal-card {
 height: 340px;
 width: 200px;
 }

 .deal-card--visual {
 width: 190px;
 height: 340px;
 min-height: 340px;
 max-height: 340px;
 }

 .neighborhoods-container {
 flex-direction: column;
 align-items: stretch;
 gap: 15px;
 }

 .neigh-flags-wrapper {
 flex-direction: row;
 justify-content: center;
 }

 .scroller-col:nth-child(2) {
 display: none;
 }

 .testimonials-wrapper {
 height: 55vh;
 }

 .scroller-col {
 width: 100%;
 max-width: 100%;
 padding: 0 10px;
 }

 .footer-grid {
 grid-template-columns: 1fr;
 text-align: center;
 }

 .social-icons {
 justify-content: center;
 }

 .contact-info li {
 justify-content: center;
 }

 .footer-call-btn {
 margin: 10px auto 0;
 max-width: 300px;
 }

 .inline-details-body {
 grid-template-columns: 1fr !important;
 gap: 24px !important;
 min-width: 0 !important;
 }

 .inline-property-details {
 overflow-x: hidden;
 max-width: 100%;
 }

 .inline-property-details .inline-details-shell {
 padding: 56px 12px 20px 12px !important;
 gap: 22px !important;
 min-height: 0 !important;
 }

 .inline-property-details .inline-details-media {
 order: 1;
 }

 .inline-property-details .inline-details-info {
 order: 2;
 }

 .details-info-side {
 padding: 0;
 border-radius: 18px;
 }

 .details-specs-grid {
 grid-template-columns: 1fr !important;
 }

 .details-price-lock,
 .details-price-lock > div {
 max-width: 100%;
 box-sizing: border-box;
 }

 .deal-price-revealed {
 overflow-wrap: anywhere;
 word-break: break-word;
 }

 .details-hero-overlay {
 left: 15px;
 right: 15px;
 bottom: 15px;
 padding: 18px 20px;
 border-radius: 12px;
 }

 .details-actions-stack {
 grid-template-columns: 1fr;
 }

 .inline-details-close {
 top: 14px;
 inset-inline-start: 14px;
 width: 44px;
 height: 44px;
 }

 .properties-search-card {
 flex-direction: column;
 gap: 15px;
 }

 .properties-search-card .form-group {
 width: 100%;
 }

 .properties-search-card .btn-search {
 width: 100%;
 }

 .details-modal-title {
 font-size: 1.45rem !important;
 }

 /* تحسين نموذج البحث العائم */
 .properties-search-card {
 padding: 20px 15px !important;
 border-radius: 12px !important;
 }
}

@media (max-width: 480px) {
 .container {
 padding: 0 16px;
 }

 .hero-title {
 font-size: clamp(1.6rem, 7vw, 2.2rem);
 }

 .deal-card {
 width: 180px;
 height: 300px;
 }

 .deal-card--visual {
 width: 180px;
 height: 320px;
 min-height: 320px;
 max-height: 320px;
 }

 .neighborhood-card {
 width: 160px;
 height: 130px;
 }

 .wizard-card {
 padding: 25px;
 }

 .wizard-btn {
 padding: 12px 20px;
 font-size: 0.9rem;
 min-width: 100px;
 }

 .modal-content {
 padding: 25px;
 }

 .floating-lang-btn {
 bottom: 20px;
 left: 20px;
 width: 40px;
 height: 40px;
 font-size: 0.75rem;
 }
}

/* ========== صفحة استكشاف كل العقارات ========== */
body.page-properties {
 padding-top: calc(var(--header-fixed-h) + var(--contact-bar-h));
 background: var(--bg-light);
}

.page-properties .page-properties-top {
 background: rgba(10, 12, 18, 0.97);
 border-bottom: 1px solid rgba(184, 147, 85, 0.22);
}

.page-properties .page-properties-top .logo {
 color: #fff;
 animation: none;
 font-size: 1.75rem;
 text-shadow: none;
}

.properties-header-inner {
 flex-wrap: wrap;
 gap: 12px 20px;
}

.properties-top-nav {
 display: flex;
 align-items: center;
 gap: 20px 26px;
 flex: 1;
 justify-content: center;
 min-width: 200px;
 flex-wrap: wrap;
}

.properties-top-nav a {
 color: rgba(255, 255, 255, 0.9);
 font-weight: 600;
 font-size: 0.94rem;
 transition: color 0.25s ease;
}

.properties-top-nav a:hover,
.properties-top-nav a.is-active {
 color: var(--secondary-color);
}

.btn-header-add-prop {
 border-radius: 999px;
 padding: 9px 22px;
 font-size: 0.82rem;
 font-weight: 800;
 white-space: nowrap;
 text-decoration: none;
 display: inline-flex;
 align-items: center;
}

.properties-hero {
 background: linear-gradient(145deg, #10141c 0%, #1a2130 42%, #221c28 100%);
 color: #fff;
 padding: 44px 0 38px;
 position: relative;
 overflow: hidden;
}

.properties-hero::before {
 content: '';
 position: absolute;
 inset: 0;
 background: radial-gradient(ellipse 85% 65% at 85% 0%, rgba(184, 147, 85, 0.2), transparent 58%);
 pointer-events: none;
}

.properties-hero-inner {
 position: relative;
 z-index: 1;
 max-width: 760px;
 padding: 22px 26px 24px;
 border-radius: 22px;
 background: rgba(8, 10, 16, 0.52);
 backdrop-filter: blur(14px);
 -webkit-backdrop-filter: blur(14px);
 border: 1px solid rgba(255, 255, 255, 0.1);
 box-shadow: 0 24px 56px rgba(0, 0, 0, 0.45);
 animation: propertiesHeroIn 0.9s cubic-bezier(0.22, 1, 0.36, 1) both;
}

@keyframes propertiesHeroIn {
 from {
 opacity: 0;
 transform: translateY(28px);
 }

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

.properties-hero-kicker {
 font-size: 0.78rem;
 letter-spacing: 0.18em;
 text-transform: uppercase;
 color: #f4e8c8;
 margin-bottom: 14px;
 font-weight: 800;
 text-shadow: 0 1px 3px rgba(0, 0, 0, 0.65);
}

.properties-hero-title {
 font-family: var(--font-heading);
 font-size: clamp(2.05rem, 4.9vw, 3.45rem);
 font-weight: 900;
 line-height: 1.22;
 margin-bottom: 16px;
 color: #ffffff;
 letter-spacing: -0.02em;
 text-shadow: 0 1px 0 rgba(0, 0, 0, 0.45), 0 4px 28px rgba(0, 0, 0, 0.55);
}

.properties-hero-title .properties-hero-brand {
 color: #f0d78c;
 text-shadow: 0 0 42px rgba(212, 175, 85, 0.35), 0 2px 0 rgba(0, 0, 0, 0.4), 0 8px 32px rgba(0, 0, 0, 0.5);
}

.properties-hero-title .properties-hero-sep {
 color: rgba(255, 255, 255, 0.55);
 font-weight: 800;
 text-shadow: 0 2px 12px rgba(0, 0, 0, 0.5);
}

.properties-hero-title .properties-hero-tagline {
 color: #f8fafc;
 font-weight: 900;
 text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4), 0 6px 28px rgba(0, 0, 0, 0.5);
}

.properties-hero-lead {
 font-size: 1.06rem;
 color: rgba(248, 250, 252, 0.88);
 line-height: 1.75;
 max-width: 520px;
 text-shadow: 0 1px 14px rgba(0, 0, 0, 0.45);
}

@media (max-width: 480px) {
 .properties-hero-inner {
 padding: 16px 14px 18px;
 border-radius: 16px;
 }
}

.properties-catalog-section {
 padding-top: 28px;
 padding-bottom: 72px;
}

.properties-catalog-section {
 padding-top: 40px;
 /* زيادة المساحة العلوية */
}

.properties-catalog-section .container {
 max-width: 1440px;
 /* توسيع عرض المحتوى قليلاً */
}

.properties-search-card {
 margin-bottom: 36px !important;
 border-radius: 18px !important;
 box-shadow: 0 20px 55px rgba(0, 0, 0, 0.08);
 border: 1px solid rgba(0, 0, 0, 0.04);
 animation: cardLift 0.75s cubic-bezier(0.22, 1, 0.36, 1) 0.12s both;
}

@keyframes cardLift {
 from {
 opacity: 0;
 transform: translateY(16px);
 }

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

.properties-search-card-wrapper {
 animation: cardLift 0.75s cubic-bezier(0.22, 1, 0.36, 1) 0.12s both;
 /* تطبيق الانيميشن على الحاوية */
}

.properties-search-card {
 background: var(--tertiary-color);
 /* خلفية فاتحة ونظيفة */
 border: 1px solid rgba(0, 0, 0, 0.08);
 box-shadow: 0 18px 40px rgba(0, 0, 0, 0.08);
 /* ظل أكثر وضوحاً */
 padding: 25px 30px;
 /* مساحة داخلية أكبر */
 border-radius: 16px;
 position: relative;
 /* لتحديد سياق الظل */
 /* حواف ناعمة */
 display: flex;
 flex-wrap: wrap;
 gap: 20px;
 align-items: center;
 justify-content: space-between;
}

.properties-search-card::before {
 content: '';
 position: absolute;
 /* تأثير إضافي للبطاقة */
 inset: -1px;
 /* يغطي الحدود */
 border-radius: 17px;
 /* أكبر قليلاً من البطاقة */
 background: linear-gradient(135deg, var(--secondary-color) 0%, transparent 10%, transparent 90%, var(--secondary-color) 100%);
 opacity: 0;
 transition: opacity 0.4s ease;
 z-index: -1;
 /* خلف البطاقة */
}

.properties-search-card:hover::before {
 opacity: 0.1;
 /* إظهار التأثير عند التحويم */
}

.properties-search-card .form-group {
 flex: 1;
 min-width: 180px;
 /* لضمان عرض جيد في الصفوف */
 margin-bottom: 0;
 /* إزالة الهامش السفلي الافتراضي */
}

@media (max-width: 768px) {
 .properties-search-card {
 flex-direction: column;
 align-items: stretch;
 padding: 18px 16px;
 gap: 14px;
 }

 .properties-search-card .form-group {
 flex: 1 1 100%;
 min-width: 0;
 width: 100%;
 }

 .properties-search-card .btn-search {
 width: 100%;
 min-height: 44px;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 }
}

.properties-search-card .form-group label {
 font-size: 0.85rem;
 color: var(--text-muted);
 margin-bottom: 6px;
}

.properties-search-card .form-group input,
.properties-search-card .form-group select {
 border-radius: 8px;
 padding: 10px 12px;
 font-size: 0.95rem;
 background: var(--bg-light);
 border: 1px solid rgba(0, 0, 0, 0.1);
}

.properties-search-card .btn-search {
 padding: 12px 30px;
 border-radius: 8px;
 background: linear-gradient(135deg, #C5A059 0%, #B89355 100%);
 color: #ffffff;
 font-weight: 700;
 box-shadow: 0 8px 20px rgba(184, 147, 85, 0.2);
 border: 1px solid rgba(255, 255, 255, 0.15);
 transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.properties-search-card .btn-search:hover {
 transform: translateY(-3px);
 box-shadow: 0 12px 25px rgba(184, 147, 85, 0.35);
}

body.page-properties .properties-catalog-slider {
 margin-top: 8px;
}

/* شبكة صفحة العقارات — انظر كتلة «PROPERTY CARDS UNIFICATION» أدناه (8 أعمدة × صفوف). */

/* تحسين بطاقات العقارات — الأبعاد في كتلة PROPERTY CARDS UNIFICATION (مطابقة الرئيسية) */
body.page-properties .properties-mosaic .deal-card--visual {
 margin-inline: 0;
 border-radius: 18px;
 overflow: hidden;
 box-shadow: 0 22px 48px rgba(0, 0, 0, 0.14);
 transition: all 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}

body.page-properties .properties-mosaic .deal-card--visual:hover {
 transform: translateY(-11px) scale(1.035);
 border-color: rgba(184, 147, 85, 0.55);
 box-shadow: 0 32px 64px rgba(0, 0, 0, 0.2);
}

body.page-properties .properties-mosaic .deal-card--visual .deal-img {
 transition: transform 0.6s ease-out;
}

body.page-properties .properties-mosaic .deal-card--visual:hover .deal-img {
 transform: scale(1.05);
}

body.page-properties .properties-mosaic .deal-card--visual .deal-img {
 width: 100%;
 height: 100%;
 object-fit: cover;
}

body.page-properties .properties-mosaic .deal-card-visual-overlay {
 opacity: 0;
 transition: opacity 0.4s ease;
 background: linear-gradient(180deg, transparent 20%, rgba(0, 0, 0, 0.7) 60%, rgba(0, 0, 0, 0.9) 100%);
}

.properties-load-foot {
 padding: 30px 0;
 /* مساحة أكبر للـ footer */
 background: var(--tertiary-color);
 /* خلفية فاتحة */
 border-radius: 16px;
 margin-top: 50px;
 /* مسافة من العقارات */
 text-align: center;
 margin-top: 40px;
}

.properties-load-foot #deals-load-status {
 color: #64748b;
 font-weight: 600;
}

.properties-load-foot .btn-explore-all {
 margin-top: 20px;
 /* مسافة من النص */
}

@media (max-width: 768px) {
 .properties-header-inner {
 justify-content: space-between;
 }

 .btn-header-add-prop {
 margin-inline-start: auto;
 }
}

/* Page specific styles for properties.html etc */
.page-header {
 background: var(--tertiary-color);
 padding: 140px 0 60px;
 text-align: start;
 color: var(--text-dark);
 border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.page-header h1 {
 font-size: 3rem;
 color: var(--text-dark);
 margin-bottom: 10px;
}

.page-header p {
 font-size: 1.1rem;
 opacity: 0.9;
}

/* Scrollbar */
::-webkit-scrollbar {
 width: 8px;
}

::-webkit-scrollbar-track {
 background: var(--bg-light);
}

::-webkit-scrollbar-thumb {
 background: var(--secondary-color);
 border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
 background: #9a7d25;
}

/* sr-only */
.sr-only {
 position: absolute;
 width: 1px;
 height: 1px;
 padding: 0;
 margin: -1px;
 overflow: hidden;
 clip: rect(0, 0, 0, 0);
 white-space: nowrap;
 border: 0;
}

/* Pagination for Properties Catalog */
.properties-catalog-nav {
 display: flex;
 justify-content: center;
 gap: 16px;
 margin: 30px 0;
}

.properties-catalog-nav .btn-outline {
 padding: 10px 24px;
 border-radius: 50px;
 font-weight: 700;
 display: inline-flex;
 align-items: center;
 gap: 8px;
 transition: all 0.3s ease;
 background: #fff;
 border: 1px solid rgba(0,0,0,0.1);
 color: var(--text-dark);
}

.properties-catalog-nav .btn-outline:hover:not(:disabled) {
 border-color: var(--secondary-color);
 background: rgba(184, 147, 85, 0.05);
 color: var(--secondary-color);
 transform: translateY(-2px);
}

.properties-catalog-nav .btn-outline:disabled {
 opacity: 0.4;
 cursor: not-allowed;
 background: #f1f5f9;
}

.properties-catalog-nav i {
 font-size: 0.9rem;
}

/* —— صفحة العقارات: ترقيم صفحات (RTL)، تبويب حصري/مميز، زر إغلاق التفاصيل —— */
.properties-catalog-nav--pager {
 justify-content: center;
 align-items: center;
 gap: 10px 16px;
 margin-top: 6px;
 padding: 18px 12px 10px;
 border-top: 1px solid rgba(15, 23, 42, 0.08);
 flex-wrap: wrap;
}

.props-catalog-pages {
 display: flex;
 flex-direction: row;
 align-items: center;
 justify-content: center;
 flex-wrap: wrap;
 gap: 8px 6px;
 min-height: 44px;
}

.props-catalog-page-num {
 min-width: 42px;
 height: 42px;
 padding: 0 10px;
 border: none;
 background: transparent;
 color: #475569;
 font-weight: 700;
 font-size: 1rem;
 cursor: pointer;
 border-radius: 6px;
 font-family: inherit;
 transition: background 0.2s ease, color 0.2s ease;
}

.props-catalog-page-num:hover:not(:disabled):not(.is-active) {
 color: #0f172a;
 background: rgba(201, 162, 77, 0.14);
}

.props-catalog-page-num.is-active {
 background: #b8956a;
 color: #fff;
 border-radius: 6px;
 box-shadow: 0 2px 10px rgba(91, 67, 36, 0.22);
}

.props-catalog-ellipsis {
 color: #94a3b8;
 font-weight: 800;
 padding: 0 4px;
 user-select: none;
}

.props-catalog-arrow {
 width: 44px;
 height: 44px;
 border-radius: 10px;
 border: none;
 background: transparent;
 color: #334155;
 cursor: pointer;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 font-size: 1.05rem;
 transition: background 0.2s ease, color 0.2s ease;
}

.props-catalog-arrow:hover:not(:disabled) {
 background: rgba(15, 23, 42, 0.06);
 color: #0f172a;
}

.props-catalog-arrow:disabled {
 opacity: 0.32;
 cursor: not-allowed;
}

.properties-listing-tier-toggle {
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
 gap: 12px;
}

.properties-listing-tier-toggle--below-search {
 margin-top: 4px;
 margin-bottom: 22px;
}

.props-listing-tab {
 appearance: none;
 min-width: 140px;
 padding: 12px 22px;
 border-radius: 999px;
 font-weight: 800;
 font-size: 0.95rem;
 cursor: pointer;
 border: 1px solid rgba(15, 23, 42, 0.12);
 background: #fff;
 color: #334155;
 transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, background 0.2s ease, color 0.2s ease;
}

.props-listing-tab:hover {
 border-color: rgba(201, 162, 77, 0.45);
 box-shadow: 0 8px 22px rgba(12, 24, 48, 0.08);
}

.props-listing-tab.is-active {
 background: linear-gradient(135deg, #e8d5a3, #c9a24d);
 color: #0f172a;
 border-color: rgba(201, 162, 77, 0.55);
 box-shadow: 0 10px 26px rgba(91, 67, 36, 0.18);
}

body.page-properties .inline-property-details .inline-details-close--catalog-top {
 position: absolute;
 top: clamp(14px, 3vw, 28px);
 inset-inline-start: clamp(14px, 3vw, 28px);
 width: 52px;
 height: 52px;
 border-radius: 50%;
 border: 1px solid rgba(0, 0, 0, 0.1);
 background: rgba(255, 255, 255, 0.95);
 color: #0f172a;
 backdrop-filter: blur(10px);
 font-size: 1.75rem;
 line-height: 1;
 cursor: pointer;
 z-index: 30;
 display: flex;
 align-items: center;
 justify-content: center;
 transition: background 0.25s ease, color 0.25s ease, transform 0.25s ease;
 box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
}

body.page-properties .inline-property-details .inline-details-close--catalog-top:hover {
 background: var(--primary-color, #c9a24d);
 color: #fff;
 transform: scale(1.05);
}

body.page-properties #deals-container .premium-card-desc {
 text-align: center !important;
}

/* ==== Exchange Hint ==== */
.exchange-hint {
 display: block;
 font-size: 0.8rem;
 color: var(--text-muted);
 margin-top: 8px;
 font-style: italic;
}

/* ==== Exchange Fields Divider ==== */
.exchange-icon-divider {
 display: flex;
 align-items: center;
 justify-content: center;
 color: var(--secondary-color);
 font-size: 1.5rem;
 padding-top: 28px;
 /* لموازاتها مع حقول الإدخال أسفل الـ Label */
}

@media (max-width: 768px) {
 .exchange-icon-divider {
 padding-top: 5px;
 padding-bottom: 5px;
 transform: rotate(90deg);
 /* جعل السهم عمودياً في شاشات الجوال */
 }
}

/* ==== Footer WhatsApp Dropdown ==== */
.footer-whatsapp-dropdown {
 position: relative;
 width: 100%;
 margin-top: 10px;
}

.footer-whatsapp-dropdown .footer-call-btn {
 margin-top: 0;
 width: 100%;
}

.whatsapp-list {
 display: none;
 position: absolute;
 bottom: calc(100% + 10px);
 left: 0;
 width: 100%;
 background: #fff;
 border-radius: 8px;
 box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
 overflow: hidden;
 z-index: 100;
 animation: wizStepIn 0.3s ease;
}

.whatsapp-list.active {
 display: block;
}

.wa-item {
 display: flex;
 align-items: center;
 gap: 10px;
 padding: 12px 15px;
 color: #25D366 !important;
 font-weight: bold;
 font-size: 0.95rem;
 text-decoration: none;
 transition: background 0.3s;
 border-bottom: 1px solid #eee;
 direction: ltr;
 /* للحفاظ على تنسيق الأرقام والرموز */
 justify-content: flex-end;
}

.wa-item span {
 margin-right: auto;
}

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

.wa-item:hover {
 background: #f8f9fa;
 color: #1da851 !important;
}

.wa-item i {
 font-size: 1.3rem;
}

/* ==== Glass Promo Search ==== */
.glass-promo-wrapper {
 display: flex;
 justify-content: center;
 width: 100%;
 margin-top: 30px;
 z-index: 10;
}

.glass-promo-search {
 display: flex;
 align-items: center;
 background: rgba(255, 255, 255, 0.15);
 backdrop-filter: blur(12px);
 -webkit-backdrop-filter: blur(12px);
 border: 1px solid rgba(255, 255, 255, 0.3);
 border-radius: 50px;
 padding: 5px 5px 5px 20px;
 width: 100%;
 max-width: 450px;
 box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
 transition: all 0.3s ease;
}

html[dir="rtl"] .glass-promo-search {
 padding: 5px 20px 5px 5px;
}

.glass-promo-search:hover,
.glass-promo-search:focus-within {
 background: rgba(255, 255, 255, 0.25);
 border-color: var(--secondary-color);
 box-shadow: 0 12px 40px rgba(184, 147, 85, 0.3);
 transform: translateY(-2px);
}

.glass-promo-search input {
 flex: 1;
 background: transparent;
 border: none;
 color: #fff;
 font-size: 1rem;
 font-family: var(--font-body);
 outline: none;
}

.glass-promo-search input::placeholder {
 color: rgba(255, 255, 255, 0.7);
}

.glass-promo-btn {
 background: var(--secondary-color);
 border: none;
 color: #fff;
 width: 42px;
 height: 42px;
 border-radius: 50%;
 display: flex;
 align-items: center;
 justify-content: center;
 cursor: pointer;
 transition: transform 0.3s, background 0.3s;
}

.glass-promo-btn:hover {
 transform: scale(1.1);
 background: #c5a059;
}

/* ==== Expandable Messages & Table Cells ==== */
.message-cell {
 max-width: 420px;
 min-width: 240px;
 vertical-align: top;
}

.expandable-message {
 width: 100%;
 max-width: 100%;
 overflow-wrap: anywhere;
 word-break: break-word;
 white-space: pre-wrap;
 line-height: 1.7;
 font-size: 0.92rem;
}

.message-preview,
.message-full {
 display: block;
}

.message-toggle-btn {
 margin-top: 8px;
 border: 1px solid rgba(184, 147, 85, .45);
 background: rgba(184, 147, 85, .08);
 color: #8a642b;
 border-radius: 999px;
 padding: 5px 12px;
 cursor: pointer;
 font-weight: 800;
 font-size: 12px;
}

.message-toggle-btn:hover {
 background: #B89355;
 color: #fff;
}

@media (max-width: 768px) {
 .message-cell {
 max-width: 260px;
 min-width: 220px;
 }

 .table-responsive {
 overflow-x: auto;
 -webkit-overflow-scrolling: touch;
 }
}

/* صف علوي: نوع العملية + «مميز» جنباً إلى جنب (بدون تراكب RTL/LTR) */
.deal-card-top-badges {
 position: absolute;
 top: 10px;
 inset-inline: 10px;
 z-index: 6;
 display: flex;
 flex-direction: row;
 align-items: flex-start;
 justify-content: space-between;
 gap: 8px;
 pointer-events: none;
}

.deal-card-top-badges .deal-operation-pill {
 position: static;
 inset-inline-start: auto;
 top: auto;
 flex: 0 1 auto;
 max-width: min(56%, 140px);
}

.deal-promoted-chip {
 flex: 0 1 auto;
 max-width: min(48%, 120px);
 display: inline-flex;
 align-items: center;
 gap: 4px;
 padding: 5px 10px;
 border-radius: 999px;
 font-size: 0.68rem;
 font-weight: 800;
 letter-spacing: 0.02em;
 line-height: 1.15;
 box-shadow: var(--shadow-soft);
 pointer-events: none;
}

.deal-promoted-chip__txt {
 white-space: nowrap;
}

.deal-promoted-chip__stars {
 display: inline-flex;
 align-items: center;
 gap: 1px;
 flex-shrink: 0;
}

.deal-promoted-chip__stars .iqfal-pro-star-inline {
 width: 10px;
 height: 10px;
}

.deal-promoted-chip--golden {
 color: var(--color-text-inverse);
 background: linear-gradient(135deg, var(--color-burgundy-border) 0%, var(--color-burgundy-deep) 100%);
 border: 1px solid rgba(255, 255, 255, 0.12);
}

.deal-promoted-chip--plus {
 color: var(--color-premium-gold-soft);
 background: linear-gradient(135deg, var(--color-premium-graphite) 0%, var(--color-premium-black) 100%);
 border: 1px solid var(--color-premium-border);
}

/* نوع العملية (شراء / إيجار / …) — شارة ذهبية واضحة */
.deal-operation-pill {
 position: absolute;
 top: 10px;
 inset-inline-start: 10px;
 z-index: 5;
 padding: 6px 12px;
 border-radius: 999px;
 font-size: 0.72rem;
 font-weight: 800;
 letter-spacing: 0.02em;
 color: #0A1A2F;
 background: linear-gradient(135deg, #f5e6b8, #d4af37);
 box-shadow: 0 4px 16px rgba(212, 175, 55, 0.5);
 pointer-events: none;
 line-height: 1.2;
 max-width: calc(100% - 20px);
 text-align: center;
 border: 1px solid rgba(10, 26, 47, 0.12);
}

.deal-operation-pill--panel {
 position: static;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 margin-bottom: 10px;
 pointer-events: auto;
 font-size: 0.78rem;
}

.details-operation-pill--header {
 margin-top: 8px;
 margin-bottom: 2px;
 position: static;
 display: none;
 width: fit-content;
 max-width: 100%;
 font-size: 0.8rem;
 pointer-events: none;
 overflow-wrap: anywhere;
 word-break: break-word;
}

.details-broker-line {
 font-size: 0.9rem;
 color: #475569;
 margin: 4px 0 0;
 line-height: 1.5;
 overflow-wrap: anywhere;
 word-break: break-word;
 max-width: 100%;
}

.iqfal-broker-verified-name {
 color: #15803d;
 font-weight: 800;
}

/* زر عائم — يسار أسفل نافذة العرض (ثابت أمام المحتوى) */
.iqfal-viewport-fab {
 position: fixed;
 left: max(14px, env(safe-area-inset-left));
 bottom: max(22px, env(safe-area-inset-bottom));
 z-index: 100101;
 width: 58px;
 height: 58px;
 border-radius: 50%;
 border: none;
 cursor: pointer;
 display: flex;
 align-items: center;
 justify-content: center;
 background: linear-gradient(145deg, #f0d78c, #c9a227);
 color: #0A1A2F;
 box-shadow:
 0 10px 28px rgba(10, 26, 47, 0.3),
 0 2px 8px rgba(212, 175, 55, 0.4);
 transition: transform 0.22s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.22s ease;
 -webkit-tap-highlight-color: transparent;
}

.iqfal-viewport-fab:hover {
 transform: scale(1.06);
 box-shadow:
 0 12px 34px rgba(10, 26, 47, 0.36),
 0 2px 10px rgba(212, 175, 55, 0.45);
}

.iqfal-viewport-fab:active {
 transform: scale(0.96);
}

.iqfal-viewport-fab:focus-visible {
 outline: none;
 box-shadow:
 0 0 0 3px rgba(255, 255, 255, 0.95),
 0 0 0 5px rgba(37, 211, 102, 0.55),
 0 12px 32px rgba(18, 140, 126, 0.35);
}

/* واتساب — شعار SVG + حلقة ضوء + تدرج قريب من هوية العلامة */
.iqfal-viewport-fab.iqfal-fab-whatsapp {
 padding: 0;
 overflow: visible;
 color: #fff;
 background: radial-gradient(circle at 30% 28%, #5cff9a 0%, #25D366 42%, #128C7E 100%);
 box-shadow:
 0 4px 6px rgba(0, 0, 0, 0.12),
 0 14px 32px rgba(18, 140, 126, 0.45),
 0 2px 0 rgba(255, 255, 255, 0.22) inset;
 border: 1px solid rgba(255, 255, 255, 0.28);
}

.iqfal-fab-whatsapp__ring {
 position: absolute;
 inset: -5px;
 border-radius: 50%;
 background: conic-gradient(from 200deg, rgba(37, 211, 102, 0.35), rgba(18, 140, 126, 0.15), rgba(37, 211, 102, 0.35));
 opacity: 0.85;
 z-index: 0;
 pointer-events: none;
 animation: iqfalFabPulse 2.8s ease-in-out infinite;
}

@keyframes iqfalFabPulse {
 0%, 100% {
 transform: scale(1);
 opacity: 0.75;
 }

 50% {
 transform: scale(1.08);
 opacity: 0.45;
 }
}

.iqfal-viewport-fab.iqfal-fab-whatsapp .iqfal-fab-whatsapp__icon {
 position: relative;
 z-index: 1;
 width: 28px;
 height: 28px;
 display: block;
 filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.22));
}

.iqfal-viewport-fab.iqfal-fab-whatsapp:hover {
 transform: scale(1.07);
 box-shadow:
 0 6px 10px rgba(0, 0, 0, 0.14),
 0 18px 40px rgba(18, 140, 126, 0.5),
 0 2px 0 rgba(255, 255, 255, 0.28) inset;
}

.iqfal-viewport-fab.iqfal-fab-whatsapp:active {
 transform: scale(0.95);
}

@media (max-width: 480px) {
 .iqfal-viewport-fab {
 width: 54px;
 height: 54px;
 left: max(12px, env(safe-area-inset-left));
 bottom: max(18px, env(safe-area-inset-bottom));
 }

 .iqfal-viewport-fab.iqfal-fab-whatsapp .iqfal-fab-whatsapp__icon {
 width: 26px;
 height: 26px;
 }
}

@media (prefers-reduced-motion: reduce) {
 .iqfal-fab-whatsapp__ring {
 animation: none;
 opacity: 0.5;
 }

 .iqfal-viewport-fab,
 .iqfal-viewport-fab.iqfal-fab-whatsapp:hover {
 transition: box-shadow 0.2s ease;
 }
}

/* ========== اشتراكات مهنية — شريط عقارات مميزة (نفس منزلق أحدث العقارات) ========== */
.section-featured-deals {
 position: relative;
 overflow: hidden;
}

.section-featured-deals::before {
 content: "";
 position: absolute;
 inset: 0;
 background: radial-gradient(ellipse 80% 50% at 50% 0%, rgba(212, 175, 55, 0.1), transparent 55%);
 pointer-events: none;
}

.featured-deals-empty {
 text-align: center;
 color: #64748b;
 padding: 28px 16px;
 font-size: 1rem;
}

/* العقارات المميزة — نفس منطق صفحة العقارات: 8 بعرض الصف + تمرير لكل صف + أبعاد البطاقة */
#featured-deals-container {
 --iqfal-props-card-w: 210px;
 --iqfal-props-card-h: 384px;
 display: flex !important;
 flex-direction: column !important;
 gap: 14px !important;
 width: 100%;
 box-sizing: border-box;
}

@media (min-width: 769px) {
 #featured-deals-marquee-wrapper.deals-marquee-wrapper {
 overflow-x: visible !important;
 overflow-y: visible !important;
 }
}

.deal-card--featured-strip {
 box-shadow:
 0 0 0 2px var(--color-premium-border),
 0 16px 40px rgba(20, 24, 28, 0.12);
 border-radius: 14px;
 overflow: hidden;
}

.deal-tier-ribbon {
 position: absolute;
 top: 12px;
 /* عكس اتجاه deal-operation-pill (inset-inline-start) حتى لا يتراكبان في RTL */
 inset-inline-end: 12px;
 inset-inline-start: auto;
 z-index: 4;
 display: inline-flex;
 align-items: center;
 gap: 6px;
 padding: 6px 12px;
 border-radius: 999px;
 font-size: 0.72rem;
 font-weight: 800;
 letter-spacing: 0.02em;
 color: var(--color-brand-ink-deep);
 background: linear-gradient(135deg, var(--color-accent-gold-soft) 0%, var(--color-accent-gold) 48%, var(--color-accent-gold-hover) 100%);
 box-shadow: var(--shadow-soft);
 pointer-events: none;
}

.verification-badge {
 display: inline-flex;
 align-items: center;
 gap: 6px;
 padding: 4px 10px;
 border-radius: 999px;
 font-size: 0.75rem;
 font-weight: 800;
 line-height: 1.2;
 white-space: nowrap;
 vertical-align: middle;
}

.verification-badge--verified {
 background: linear-gradient(135deg, var(--color-verified-border) 0%, var(--color-verified) 100%);
 color: var(--color-text-inverse);
}

.verification-badge--golden {
 background: linear-gradient(135deg, var(--color-burgundy-border) 0%, var(--color-burgundy-deep) 100%);
 color: var(--color-text-inverse);
}

.verification-badge--golden-plus {
 background: linear-gradient(135deg, var(--color-premium-surface) 0%, var(--color-premium-black) 100%);
 color: var(--color-premium-gold-soft);
 border: 1px solid var(--color-premium-border);
}

.star-badge .deal-tier-ribbon__stars .iqfal-pro-star-inline path {
 filter: drop-shadow(0 0 5px rgba(251, 191, 36, 0.45));
}

.triple-star-badge .deal-tier-ribbon__stars .iqfal-pro-star-inline path {
 filter: drop-shadow(0 0 8px rgba(212, 175, 55, 0.52));
}

.deal-tier-ribbon[data-tier="golden"] {
 background: linear-gradient(135deg, var(--color-burgundy-border) 0%, var(--color-burgundy) 55%, var(--color-burgundy-deep) 100%);
 color: var(--color-text-inverse);
 box-shadow: var(--shadow-golden);
 border: 1px solid rgba(255, 255, 255, 0.12);
}

.deal-tier-ribbon[data-tier="golden_plus"] {
 background: linear-gradient(135deg, var(--color-premium-graphite) 0%, var(--color-premium-black) 50%, var(--color-premium-surface) 100%);
 color: var(--color-premium-gold-soft);
 box-shadow: var(--shadow-medium);
 border: 1px solid var(--color-premium-border);
}

.deal-tier-ribbon__stars {
 display: inline-flex;
 align-items: center;
 gap: 2px;
 opacity: 0.98;
}

.deal-tier-ribbon__stars .iqfal-pro-star-inline {
 width: 12px;
 height: 12px;
}

.deal-card--featured-strip .deal-tier-ribbon__txt {
 max-width: min(200px, 46vw);
 white-space: normal;
 text-align: center;
 line-height: 1.25;
 font-size: 0.68rem;
}

.deal-trusted-corner {
 position: absolute;
 bottom: 12px;
 left: 12px;
 z-index: 4;
 padding: 5px 11px;
 border-radius: 8px;
 font-size: 0.72rem;
 font-weight: 800;
 color: var(--color-text-inverse);
 background: linear-gradient(135deg, var(--color-verified-border) 0%, var(--color-verified) 100%);
 box-shadow: var(--shadow-soft);
 pointer-events: none;
}

.premium-property-card[data-seller-tier="golden"] {
 box-shadow:
 0 0 0 2px rgba(94, 36, 48, 0.35),
 0 18px 36px rgba(94, 36, 48, 0.12);
}

.premium-property-card[data-seller-tier="golden_plus"] {
 box-shadow:
 0 0 0 2px var(--color-premium-border),
 0 20px 42px rgba(20, 24, 28, 0.18);
}

.iqfal-broker-name--trusted {
 color: var(--color-verified);
 font-weight: 900;
}

.iqfal-broker-name--golden {
 color: var(--color-burgundy);
 font-weight: 900;
}

.iqfal-broker-name--golden-plus {
 color: var(--color-premium-black);
 font-weight: 900;
 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
}

.iqfal-details-broker-stars {
 display: inline-flex;
 align-items: center;
 gap: 3px;
 margin-inline-start: 8px;
 vertical-align: middle;
}

.iqfal-tier-star-row {
 display: inline-flex;
 gap: 4px;
 align-items: center;
}

.iqfal-pro-star-inline {
 display: block;
 flex-shrink: 0;
}

.iqfal-pro-star-inline path {
 fill: #f3e2a8;
 stroke: rgba(74, 50, 14, 0.42);
 stroke-width: 0.4;
 filter:
 drop-shadow(0 1px 1px rgba(0, 0, 0, 0.28))
 drop-shadow(0 0 6px rgba(212, 175, 55, 0.38));
}

.inline-property-details.details-seller-tier-golden-plus .iqfal-pro-star-inline path {
 fill: #fcefb7;
}

.inline-property-details.details-seller-tier-trusted .inline-details-panel-header {
 border-bottom: 3px solid var(--color-verified-border);
 background: linear-gradient(180deg, rgba(26, 92, 82, 0.1) 0%, transparent 100%);
}

.inline-property-details.details-seller-tier-golden .inline-details-panel-header {
 border-bottom: 3px solid var(--color-burgundy);
 background: linear-gradient(180deg, rgba(94, 36, 48, 0.1) 0%, transparent 100%);
}

.inline-property-details.details-seller-tier-golden-plus .inline-details-panel-header {
 border-bottom: 3px solid var(--color-premium-gold);
 background: linear-gradient(180deg, rgba(28, 33, 40, 0.14) 0%, transparent 100%);
}

/* ——— ملف مهني عام (profile-public) — مظهر باقات الاشتراك ——— */
.iqfal-public-profile {
 overflow: hidden;
 border-radius: 22px;
 border: 1px solid var(--color-border);
 background: var(--color-surface);
 box-shadow: var(--shadow-medium);
 transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.iqfal-public-profile:hover {
 transform: translateY(-5px);
 box-shadow: 0 30px 60px rgba(15, 23, 42, 0.12);
}

.iqfal-public-profile__hero {
 padding: 35px 30px 30px;
 position: relative;
 overflow: hidden;
}

.iqfal-public-profile__hero::before {
 content: '';
 position: absolute;
 inset: 0;
 background: radial-gradient(circle at top right, rgba(255,255,255,0.1), transparent 60%);
 pointer-events: none;
}

.iqfal-public-profile__badge {
 display: inline-flex;
 align-items: center;
 gap: 6px;
 font-size: 0.75rem;
 font-weight: 800;
 letter-spacing: 0.05em;
 padding: 6px 14px;
 border-radius: 50px;
 margin-bottom: 15px;
 background: rgba(255, 255, 255, 0.2);
 border: 1px solid rgba(255, 255, 255, 0.35);
 color: inherit;
 backdrop-filter: blur(8px);
 box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}

.iqfal-public-profile__title {
 margin: 0 0 10px;
 font-size: clamp(1.5rem, 4vw, 2rem);
 font-weight: 900;
 letter-spacing: -0.02em;
 line-height: 1.25;
 display: flex;
 align-items: center;
 gap: 12px;
 color: inherit;
 text-shadow: 0 2px 10px rgba(0,0,0,0.2);
}

.iqfal-public-profile__name {
 font-weight: 900;
}

.iqfal-public-stars {
 display: inline-flex;
 align-items: center;
 gap: 5px;
 filter: drop-shadow(0 2px 5px rgba(0,0,0,0.3));
}

.iqfal-public-profile__meta {
 margin: 0;
 font-size: 1rem;
 opacity: 0.95;
 font-weight: 600;
 display: flex;
 align-items: center;
 gap: 8px;
}

.iqfal-public-profile__meta i {
 opacity: 0.8;
}

.iqfal-public-profile__body {
 padding: 30px;
 background: #fff;
 position: relative;
}

.iqfal-public-profile__notice {
 font-size: 0.88rem;
 color: #92400e;
 background: #fffbeb;
 border: 1px solid #fde68a;
 padding: 14px 18px;
 border-radius: 12px;
 margin: 0 0 24px;
 line-height: 1.55;
 display: flex;
 gap: 10px;
 align-items: flex-start;
}

.iqfal-public-profile__notice::before {
 content: '\f06a';
 font-family: 'Font Awesome 6 Free';
 font-weight: 900;
 color: #d97706;
 font-size: 1.1rem;
 margin-top: 2px;
}

.iqfal-public-profile__bio {
 line-height: 1.8;
 color: #334155;
 margin: 0 0 24px;
 font-size: 1rem;
 background: #f8fafc;
 padding: 20px;
 border-radius: 16px;
 border: 1px solid #e2e8f0;
}

.iqfal-public-profile__perks-title {
 margin: 0 0 15px;
 font-size: 0.9rem;
 font-weight: 900;
 color: #0f172a;
 letter-spacing: 0.04em;
 display: flex;
 align-items: center;
 gap: 8px;
}

.iqfal-public-profile__perks-title::before {
 content: '\f00c';
 font-family: 'Font Awesome 6 Free';
 font-weight: 900;
 color: #0d9488;
}

.iqfal-public-profile__perks {
 margin: 0;
 padding: 0;
 list-style: none;
 font-size: 0.95rem;
 line-height: 1.6;
 color: #475569;
 display: grid;
 gap: 12px;
}

.iqfal-public-profile__perks li {
 display: flex;
 align-items: flex-start;
 gap: 10px;
 background: #fff;
 padding: 12px 16px;
 border-radius: 12px;
 border: 1px solid #f1f5f9;
 transition: all 0.3s;
}

.iqfal-public-profile__perks li:hover {
 border-color: #cbd5e1;
 background: #f8fafc;
 transform: translateX(-5px);
}
html[dir="ltr"] .iqfal-public-profile__perks li:hover { transform: translateX(5px); }

.iqfal-public-profile__perks li::before {
 content: '\f058';
 font-family: 'Font Awesome 6 Free';
 font-weight: 900;
 color: #0d9488;
 font-size: 1.1rem;
 margin-top: 2px;
}

/* موثق — أخضر / تركواز منظم */
.iqfal-public-profile--trusted {
 border-color: #0d9488;
 box-shadow: 0 20px 50px rgba(13, 148, 136, 0.1);
}
.iqfal-public-profile--trusted .iqfal-public-profile__hero {
 background: linear-gradient(135deg, #0d9488 0%, #0f766e 50%, #115e59 100%);
 color: #ecfeff;
 box-shadow: inset 0 -1px 0 rgba(45, 212, 191, 0.25);
}
.iqfal-public-profile--trusted .iqfal-public-profile__badge {
 background: rgba(255, 255, 255, 0.15);
 border-color: rgba(204, 251, 241, 0.45);
 color: #fff;
}
.iqfal-public-profile--trusted .iqfal-public-profile__perks-title::before,
.iqfal-public-profile--trusted .iqfal-public-profile__perks li::before {
 color: #0d9488;
}

/* جولدن — خمري فاخر */
.iqfal-public-profile--golden {
 border-color: #722f37;
 box-shadow: 0 20px 50px rgba(114, 47, 55, 0.15);
}
.iqfal-public-profile--golden .iqfal-public-profile__hero {
 background: linear-gradient(135deg, #722f37 0%, #5a252b 50%, #4a1820 100%);
 color: #fff5f5;
 box-shadow: inset 0 -4px 0 rgba(212, 175, 55, 0.5);
}
.iqfal-public-profile--golden .iqfal-public-profile__badge {
 background: rgba(212, 175, 55, 0.15);
 border-color: rgba(212, 175, 55, 0.45);
 color: #D4AF37;
}
.iqfal-public-profile--golden .iqfal-public-profile__perks-title::before,
.iqfal-public-profile--golden .iqfal-public-profile__perks li::before {
 color: #722f37;
}
.iqfal-public-profile--golden .iqfal-public-profile__perks li:hover {
 border-color: rgba(114, 47, 55, 0.2);
 background: rgba(114, 47, 55, 0.02);
}

/* جولدن ++ — أسود ملكي */
.iqfal-public-profile--golden-plus {
 border-color: #D4AF37;
 box-shadow: 0 25px 60px rgba(0, 0, 0, 0.2), inset 0 0 0 1px #D4AF37;
}
.iqfal-public-profile--golden-plus .iqfal-public-profile__hero {
 background: linear-gradient(145deg, #000 0%, #111 50%, #222 100%);
 color: #fff;
 box-shadow: inset 0 0 0 1px rgba(212, 175, 55, 0.35), inset 0 -4px 0 #D4AF37;
}
.iqfal-public-profile--golden-plus .iqfal-public-profile__hero::after {
 content: '';
 position: absolute;
 inset: 0;
 background: url('data:image/svg+xml;utf8, ');
 pointer-events: none;
}
.iqfal-public-profile--golden-plus .iqfal-public-profile__badge {
 background: linear-gradient(135deg, rgba(212, 175, 55, 0.2), rgba(180, 134, 32, 0.1));
 border-color: #D4AF37;
 color: #D4AF37;
 box-shadow: 0 4px 15px rgba(212, 175, 55, 0.2);
}
.iqfal-public-profile--golden-plus .iqfal-public-stars .iqfal-pro-star-inline path {
 fill: #D4AF37;
 filter: drop-shadow(0 0 8px rgba(212, 175, 55, 0.6));
}
.iqfal-public-profile--golden-plus .iqfal-public-profile__body {
 background: linear-gradient(180deg, #fff 0%, #fcfbf8 100%);
}
.iqfal-public-profile--golden-plus .iqfal-public-profile__perks-title::before,
.iqfal-public-profile--golden-plus .iqfal-public-profile__perks li::before {
 color: #D4AF37;
}
.iqfal-public-profile--golden-plus .iqfal-public-profile__perks li {
 border-color: rgba(212, 175, 55, 0.2);
 background: #fff;
}
.iqfal-public-profile--golden-plus .iqfal-public-profile__perks li:hover {
 border-color: #D4AF37;
 background: rgba(212, 175, 55, 0.05);
 box-shadow: 0 4px 12px rgba(212, 175, 55, 0.1);
}

/* معتمد من المنصة بدون باقة مدفوعة */
.iqfal-public-profile--verified-base .iqfal-public-profile__hero {
 background: linear-gradient(120deg, var(--color-verified-soft) 0%, var(--neutral-100) 55%, var(--color-surface) 100%);
 color: var(--color-text);
 border-bottom: 1px solid rgba(45, 122, 110, 0.22);
}

.iqfal-public-profile--verified-base .iqfal-public-profile__badge {
 background: rgba(26, 92, 82, 0.1);
 border-color: rgba(45, 122, 110, 0.32);
 color: var(--color-verified);
}

.iqfal-public-profile--standard .iqfal-public-profile__hero {
 background: linear-gradient(180deg, var(--neutral-100) 0%, var(--color-surface) 100%);
 color: var(--color-text);
 border-bottom: 1px solid var(--color-border);
}

.iqfal-public-profile--standard .iqfal-public-profile__badge {
 background: var(--neutral-100);
 border-color: var(--color-border-hover);
 color: var(--color-text-secondary);
}
/* ==== Taj Alwuqar Luxury Subscriptions ==== */
/* ==== Taj Alwuqar Luxury Subscriptions ==== */

/* Modal */
.subscription-modal {
 position: fixed;
 inset: 0;
 z-index: 200000;
 display: none;
 align-items: center;
 justify-content: center;
 padding: max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));
 box-sizing: border-box;
}

.subscription-modal.is-open {
 display: flex;
 animation: modalFadeIn 0.4s ease forwards;
}

@keyframes modalFadeIn {
 from { opacity: 0; }
 to { opacity: 1; }
}

.subscription-modal__backdrop {
 position: absolute;
 inset: 0;
 background: rgba(18, 24, 30, 0.82);
 backdrop-filter: blur(14px);
}

.iqfal-sub-modal-badge {
 display: inline-flex;
 align-items: center;
 gap: 8px;
 background: rgba(184, 147, 85, 0.1);
 color: var(--color-accent-gold);
 padding: 6px 14px;
 border-radius: 50px;
 font-size: 0.8rem;
 font-weight: 800;
 margin-bottom: 12px;
 border: 1px solid rgba(184, 147, 85, 0.2);
}

.iqfal-sub-modal-badge i {
 font-size: 0.9rem;
}

.subscription-modal__panel {
 position: relative;
 z-index: 1;
 width: min(960px, calc(100vw - 24px));
 max-width: 100%;
 max-height: min(92vh, 900px);
 overflow-y: auto;
 overflow-x: hidden;
 background: var(--color-surface);
 border-radius: var(--radius-lg);
 border: 1px solid var(--color-border);
 box-shadow: var(--shadow-premium);
 transform: scale(0.95);
 animation: modalScaleUp 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards;
 box-sizing: border-box;
}

@keyframes modalScaleUp {
 to { transform: scale(1); }
}

.subscription-modal__close {
 position: absolute;
 top: 20px;
 inset-inline-end: 20px;
 width: 40px;
 height: 40px;
 border: 1px solid var(--color-border);
 border-radius: 50%;
 background: var(--color-surface-muted);
 color: var(--color-text);
 font-size: 1.5rem;
 cursor: pointer;
 display: flex;
 align-items: center;
 justify-content: center;
 transition: background 0.3s, transform 0.3s;
 z-index: 10;
}

.subscription-modal__close:hover {
 background: var(--neutral-200);
 transform: rotate(90deg);
}

.subscription-modal__close:focus-visible {
 outline: 2px solid var(--color-accent-gold);
 outline-offset: 2px;
}

.subscription-modal__header {
 text-align: center;
 padding: 40px 20px 20px;
 background: linear-gradient(180deg, var(--neutral-100) 0%, var(--color-surface) 100%);
 border-bottom: 1px solid var(--color-border);
}

.subscription-modal__title {
 font-size: clamp(1.5rem, 4vw, 2rem);
 font-weight: 900;
 color: var(--color-text);
 margin-bottom: 10px;
}

.subscription-modal__subtitle {
 font-size: 1rem;
 color: var(--color-text-secondary);
 max-width: 600px;
 margin: 0 auto;
 line-height: 1.6;
}

.subscription-modal__body {
 padding: 30px;
 display: flex;
 flex-direction: column;
 gap: 30px;
}

.iqfal-sub-modal__hint {
 margin-top: 15px;
 font-size: 0.8rem;
 color: var(--color-text-muted);
 text-align: center;
 line-height: 1.5;
}

/* Pricing Cards */
.pricing-cards-container {
 display: grid;
 grid-template-columns: repeat(3, 1fr);
 gap: 20px;
 align-items: stretch;
}

@media (max-width: 900px) {
 .pricing-cards-container {
 grid-template-columns: 1fr;
 max-width: 450px;
 margin: 0 auto;
 }
}

.pricing-card {
 position: relative;
 border-radius: var(--radius-lg);
 padding: 30px 24px;
 display: flex;
 flex-direction: column;
 background: var(--color-surface);
 border: 2px solid transparent;
 transition: transform 0.4s ease, box-shadow 0.4s ease, border-color 0.4s ease;
 cursor: pointer;
 text-align: right;
 overflow: hidden;
}
html[dir="ltr"] .pricing-card { text-align: left; }

.pricing-card:hover {
 transform: translateY(-5px);
}

.pricing-card__name {
 font-size: 1.4rem;
 font-weight: 900;
 margin-bottom: 8px;
 display: flex;
 align-items: center;
 gap: 10px;
}

.pricing-card__desc {
 font-size: 0.9rem;
 line-height: 1.5;
 margin-bottom: 20px;
 opacity: 0.9;
}

.pricing-card__features {
 list-style: none;
 padding: 0;
 margin: 0 0 25px;
 flex: 1;
}

.pricing-card__features li {
 font-size: 0.85rem;
 margin-bottom: 12px;
 display: flex;
 align-items: flex-start;
 gap: 10px;
 font-weight: 600;
}

.pricing-card__features li i {
 margin-top: 4px;
 font-size: 0.8rem;
}

.pricing-card__btn {
 width: 100%;
 padding: 14px;
 border-radius: 12px;
 font-weight: 800;
 font-size: 1rem;
 border: none;
 cursor: pointer;
 transition: all 0.3s;
 font-family: inherit;
}

/* Verified Tier */
.pricing-card--verified {
 border-color: var(--color-border);
 box-shadow: var(--shadow-soft);
}
.pricing-card--verified:hover, .pricing-card--verified.selected {
 border-color: var(--color-verified-border);
 box-shadow: 0 18px 44px rgba(26, 92, 82, 0.14);
}
.pricing-card--verified .pricing-card__name { color: var(--color-verified); }
.pricing-card--verified .pricing-card__desc { color: var(--color-text-secondary); }
.pricing-card--verified .pricing-card__features li { color: var(--color-text); }
.pricing-card--verified .pricing-card__features li i { color: var(--color-verified-border); }
.pricing-card--verified .pricing-card__btn {
 background: var(--color-verified-soft);
 color: var(--color-verified-on-soft);
 border: 1px solid rgba(45, 122, 110, 0.25);
}
.pricing-card--verified:hover .pricing-card__btn, .pricing-card--verified.selected .pricing-card__btn {
 background: var(--color-verified);
 color: var(--color-text-inverse);
 border-color: var(--color-verified);
}

/* Golden Tier */
.pricing-card--golden {
 border-color: rgba(94, 36, 48, 0.28);
 box-shadow: var(--shadow-golden);
 background: linear-gradient(180deg, var(--color-surface) 0%, var(--color-burgundy-soft) 100%);
}
.pricing-card--golden:hover, .pricing-card--golden.selected {
 border-color: var(--color-burgundy);
 box-shadow: 0 22px 52px rgba(94, 36, 48, 0.2);
}
.pricing-card--golden::before {
 content: "الأكثر اختيارًا";
 position: absolute;
 top: 0;
 left: 50%;
 transform: translateX(-50%);
 background: var(--color-burgundy);
 color: var(--color-text-inverse);
 padding: 4px 16px;
 border-radius: 0 0 12px 12px;
 font-size: 0.75rem;
 font-weight: 800;
}
.pricing-card--golden .pricing-card__name { color: var(--color-burgundy); }
.pricing-card--golden .pricing-card__desc { color: var(--color-burgundy-on-soft); }
.pricing-card--golden .pricing-card__features li { color: var(--color-text); }
.pricing-card--golden .pricing-card__features li i { color: var(--color-burgundy); }
.pricing-card--golden .pricing-card__btn {
 background: var(--color-burgundy-soft);
 color: var(--color-burgundy);
 border: 1px solid rgba(94, 36, 48, 0.22);
}
.pricing-card--golden:hover .pricing-card__btn, .pricing-card--golden.selected .pricing-card__btn {
 background: var(--color-burgundy);
 color: var(--color-text-inverse);
 border-color: var(--color-burgundy);
}

/* Golden++ Tier */
.pricing-card--golden-plus {
 background: linear-gradient(165deg, var(--color-premium-black) 0%, var(--color-premium-graphite) 100%);
 border-color: var(--color-premium-border);
 box-shadow: var(--shadow-premium);
}
.pricing-card--golden-plus:hover, .pricing-card--golden-plus.selected {
 border-color: var(--color-premium-gold);
 box-shadow: 0 28px 64px rgba(20, 24, 28, 0.35), inset 0 0 0 1px var(--color-premium-border);
}
.pricing-card--golden-plus .pricing-card__name { color: var(--color-text-inverse); }
.pricing-card--golden-plus .pricing-card__desc { color: rgba(247, 245, 242, 0.72); }
.pricing-card--golden-plus .pricing-card__features li { color: rgba(247, 245, 242, 0.88); }
.pricing-card--golden-plus .pricing-card__features li i { color: var(--color-premium-gold); }
.pricing-card--golden-plus .pricing-card__btn {
 background: linear-gradient(135deg, var(--color-premium-gold-soft) 0%, var(--color-premium-gold) 100%);
 color: var(--color-premium-black);
 border: none;
 box-shadow: var(--shadow-gold-glow);
}
.pricing-card--golden-plus:hover .pricing-card__btn, .pricing-card--golden-plus.selected .pricing-card__btn {
 background: linear-gradient(135deg, var(--color-accent-gold-soft) 0%, var(--color-premium-gold) 100%);
 filter: brightness(1.03);
}

/* Payment Options */
.payment-options-wrap {
 margin-top: 15px;
 border-top: 1px dashed rgba(0,0,0,0.1);
 padding-top: 15px;
}
.pricing-card--golden-plus .payment-options-wrap {
 border-top-color: rgba(255,255,255,0.1);
}
.payment-options-title {
 font-size: 0.75rem;
 font-weight: 700;
 margin-bottom: 8px;
 opacity: 0.8;
}
.payment-pills {
 display: flex;
 flex-wrap: wrap;
 gap: 6px;
}
.payment-option {
 display: inline-flex;
 align-items: center;
 padding: 4px 10px;
 border-radius: 50px;
 font-size: 0.7rem;
 font-weight: 800;
 background: rgba(0,0,0,0.05);
 color: #333;
}
.pricing-card--golden-plus .payment-option {
 background: rgba(255,255,255,0.1);
 color: #fff;
}

/* Payment Step */
.payment-step {
 display: none;
 background: var(--color-surface-muted);
 border-radius: var(--radius-lg);
 padding: 24px;
 margin-top: 20px;
 border: 1px solid var(--color-border);
 animation: modalFadeIn 0.4s ease forwards;
}
.payment-step.is-active {
 display: block;
}
.payment-step__title {
 font-size: 1.2rem;
 font-weight: 800;
 margin-bottom: 16px;
 color: var(--color-text);
}
.payment-methods-grid {
 display: grid;
 grid-template-columns: 1fr 1fr;
 gap: 12px;
}
.payment-method-btn {
 padding: 16px;
 border-radius: var(--radius-md);
 border: 2px solid var(--color-border-hover);
 background: var(--color-surface);
 cursor: pointer;
 font-weight: 800;
 font-size: 1rem;
 color: var(--color-text);
 transition: var(--transition-fast);
 display: flex;
 flex-direction: column;
 align-items: center;
 gap: 8px;
}
.payment-method-btn i { font-size: 1.5rem; }
.payment-method-btn:hover {
 border-color: var(--color-accent-gold);
 background: rgba(184, 146, 90, 0.06);
}
.payment-method-btn.selected,
.payment-method-btn.is-selected {
 border-color: var(--color-accent-gold);
 background: rgba(184, 146, 90, 0.1);
 color: var(--color-brand-ink);
}
.payment-method-btn:focus-visible {
 outline: 2px solid var(--color-accent-gold);
 outline-offset: 2px;
}
.payment-action-btn {
 width: 100%;
 margin-top: 20px;
 padding: 16px;
 background: var(--color-brand-ink-deep);
 color: var(--color-text-inverse);
 border: 1px solid var(--color-border-strong);
 border-radius: var(--radius-md);
 font-weight: 800;
 font-size: 1.1rem;
 cursor: pointer;
 transition: var(--transition-fast);
}
.payment-action-btn:hover {
 background: var(--color-accent-gold);
 color: var(--color-brand-ink-deep);
 border-color: var(--color-accent-gold);
 box-shadow: var(--shadow-gold-glow);
}
.payment-action-btn:focus-visible {
 outline: 2px solid var(--color-accent-gold);
 outline-offset: 2px;
}
.payment-action-btn:disabled {
 opacity: 0.55;
 cursor: not-allowed;
}

.payment-action-btn--ghost {
 background: transparent;
 color: var(--color-text);
 border: 2px solid var(--color-border-hover);
 box-shadow: none;
}
.payment-action-btn--ghost:hover {
 background: var(--color-surface-muted);
 color: var(--color-brand-ink-deep);
 border-color: var(--color-accent-gold);
 box-shadow: none;
}

.pricing-card__price--highlight {
 font-size: 1.35rem;
 font-weight: 900;
 color: var(--color-verified);
 margin-bottom: 6px;
}

.iqfal-sub-pay-result-host {
 margin-top: 4px;
}

.iqfal-sub-pay-layout {
 display: grid;
 grid-template-columns: minmax(0, 260px) minmax(0, 1fr);
 gap: 20px;
 align-items: start;
}
@media (max-width: 720px) {
 .iqfal-sub-pay-layout {
 grid-template-columns: 1fr;
 }
}

.iqfal-sub-pay-aside__inner {
 background: var(--color-surface);
 border: 1px solid var(--color-border);
 border-radius: var(--radius-lg);
 padding: 18px;
}
.iqfal-sub-pay-aside__label {
 font-size: 0.72rem;
 font-weight: 800;
 text-transform: uppercase;
 letter-spacing: 0.04em;
 color: var(--color-text-muted);
 margin-bottom: 8px;
}
.iqfal-sub-pay-aside__plan {
 font-weight: 800;
 font-size: 1.05rem;
 color: var(--color-text);
 margin-bottom: 6px;
}
.iqfal-sub-pay-aside__amt {
 font-size: 1.75rem;
 font-weight: 900;
 color: var(--color-brand-ink-deep);
}
.iqfal-sub-pay-aside__cur {
 font-size: 0.95rem;
 font-weight: 700;
 opacity: 0.85;
}
.iqfal-sub-pay-aside__period {
 font-size: 0.82rem;
 color: var(--color-text-muted);
 margin-top: 4px;
 margin-bottom: 14px;
}
.iqfal-sub-pay-trust {
 list-style: none;
 padding: 0;
 margin: 0;
 display: flex;
 flex-direction: column;
 gap: 8px;
 font-size: 0.82rem;
 font-weight: 600;
 color: var(--color-text-secondary);
}
.iqfal-sub-pay-trust li {
 display: flex;
 align-items: flex-start;
 gap: 8px;
}
.iqfal-sub-pay-trust li i {
 margin-top: 2px;
 color: var(--color-verified-border);
}

.iqfal-sub-pay-card {
 background: var(--color-surface);
 border: 1px solid var(--color-border);
 border-radius: var(--radius-lg);
 padding: 20px 22px;
}
.iqfal-sub-pay-card__head {
 display: flex;
 flex-wrap: wrap;
 align-items: center;
 gap: 10px 14px;
 margin-bottom: 16px;
}
.iqfal-sub-pay-card__badge {
 font-size: 0.72rem;
 font-weight: 900;
 padding: 4px 10px;
 border-radius: 999px;
 background: rgba(184, 146, 90, 0.18);
 color: var(--color-brand-ink-deep);
 border: 1px solid rgba(184, 146, 90, 0.35);
}
.iqfal-sub-pay-card__subhead {
 margin: 0;
 font-size: 1.1rem;
 font-weight: 800;
 color: var(--color-text);
}
.iqfal-sub-pay-grid2 {
 display: grid;
 grid-template-columns: 1fr 1fr;
 gap: 14px;
 margin-bottom: 14px;
}
@media (max-width: 520px) {
 .iqfal-sub-pay-grid2 {
 grid-template-columns: 1fr;
 }
}
.iqfal-sub-pay-field-label {
 display: block;
 font-size: 0.72rem;
 font-weight: 800;
 text-transform: uppercase;
 letter-spacing: 0.03em;
 color: var(--color-text-muted);
 margin-bottom: 4px;
}
.iqfal-sub-pay-field-value {
 font-weight: 700;
 font-size: 0.95rem;
 word-break: break-word;
}
.iqfal-sub-pay-field-value a {
 color: var(--color-verified);
 text-decoration: none;
 font-weight: 800;
}
.iqfal-sub-pay-field-value a:hover {
 text-decoration: underline;
}

.iqfal-sub-pay-ref-block {
 margin: 14px 0;
 padding: 14px;
 border-radius: var(--radius-md);
 background: var(--color-surface-muted);
 border: 1px dashed var(--color-border-hover);
}
.iqfal-sub-pay-ref-row {
 display: flex;
 flex-wrap: wrap;
 align-items: center;
 gap: 10px;
 margin-top: 8px;
}
.iqfal-sub-ref {
 flex: 1;
 min-width: 0;
 font-size: 1rem;
 font-weight: 800;
 padding: 8px 10px;
 border-radius: 8px;
 background: var(--color-surface);
 border: 1px solid var(--color-border);
}

.iqfal-sub-pci-note {
 margin-top: 12px;
 padding: 12px 14px;
 border-radius: var(--radius-md);
 background: rgba(26, 92, 82, 0.08);
 border: 1px solid rgba(26, 92, 82, 0.2);
 font-size: 0.86rem;
 line-height: 1.55;
 font-weight: 600;
 color: var(--color-text);
}
.iqfal-sub-pci-note i {
 margin-inline-end: 8px;
 color: var(--color-verified);
}

.iqfal-sub-pay-steps-wrap {
 margin-top: 16px;
}
.iqfal-sub-pay-steps-title {
 font-weight: 800;
 font-size: 0.95rem;
 margin-bottom: 8px;
}
.iqfal-sub-pay-steps {
 margin: 0;
 padding-inline-start: 1.2rem;
 font-size: 0.88rem;
 line-height: 1.65;
 font-weight: 600;
 color: var(--color-text-secondary);
}
.iqfal-sub-pay-steps strong {
 color: var(--color-text);
}
.iqfal-sub-wait-note {
 margin-top: 16px;
 font-size: 0.82rem;
 color: var(--color-text-muted);
 line-height: 1.5;
}
.iqfal-sub-wait-note i {
 margin-inline-end: 6px;
}

.iqfal-sub-pay-done {
 text-align: center;
 padding: 28px 20px;
 border-radius: var(--radius-lg);
 border: 1px solid rgba(26, 92, 82, 0.25);
 background: linear-gradient(165deg, rgba(26, 92, 82, 0.1), var(--color-surface));
}
.iqfal-sub-pay-done--ok .iqfal-sub-pay-done__icon {
 font-size: 3rem;
 color: var(--color-verified);
 margin-bottom: 10px;
}
.iqfal-sub-pay-done__title {
 margin: 0 0 8px;
 font-size: 1.35rem;
 font-weight: 900;
}
.iqfal-sub-pay-done__lead {
 margin: 0 0 10px;
 font-weight: 800;
 color: var(--color-text);
}
.iqfal-sub-pay-done__txt {
 margin: 0 0 20px;
 font-size: 0.95rem;
 line-height: 1.55;
 color: var(--color-text-secondary);
}

.iqfal-sub-card-fields {
 margin-top: 20px;
 padding: 24px;
 border-radius: 16px;
 border: 1px solid var(--color-border);
 background: #f8fafc;
 box-shadow: inset 0 2px 4px rgba(0,0,0,0.02);
}
.iqfal-sub-card-fields__title {
 margin: 0 0 16px;
 font-weight: 800;
 font-size: 1.1rem;
 color: var(--color-text);
 display: flex;
 align-items: center;
 gap: 10px;
}
.iqfal-sub-card-fields__title::before {
 content: '\f09d';
 font-family: 'Font Awesome 6 Free';
 font-weight: 900;
 color: var(--color-accent-gold);
}
.iqfal-sub-card-fields__grid {
 display: grid;
 grid-template-columns: repeat(2, 1fr);
 gap: 16px;
}
.iqfal-sub-card-fields__lbl {
 display: flex;
 flex-direction: column;
 gap: 8px;
 font-size: 0.85rem;
 font-weight: 700;
 color: #64748b;
}
.iqfal-sub-card-fields__lbl--full {
 grid-column: span 2;
}
.iqfal-sub-card-fields__lbl input {
 padding: 14px 16px;
 border-radius: 12px;
 border: 1.5px solid #e2e8f0;
 font-size: 1rem;
 font-weight: 600;
 font-family: inherit;
 background: #fff;
 color: var(--color-text);
 transition: all 0.2s ease;
}
.iqfal-sub-card-fields__lbl input:focus {
 border-color: var(--color-accent-gold);
 box-shadow: 0 0 0 4px rgba(184, 147, 85, 0.1);
 outline: none;
}
.iqfal-sub-card-fields__hint {
 margin: 16px 0 0;
 font-size: 0.8rem;
 line-height: 1.5;
 color: #94a3b8;
}
 color: var(--color-text-muted);
}

/* Comparison Accordion */
.compare-accordion {
 margin-top: 10px;
 border: 1px solid var(--color-border);
 border-radius: var(--radius-lg);
 overflow: hidden;
}
.compare-accordion details summary {
 padding: 16px 20px;
 font-weight: 800;
 font-size: 1rem;
 background: var(--color-surface-muted);
 color: var(--color-text);
 cursor: pointer;
 list-style: none;
 display: flex;
 justify-content: space-between;
 align-items: center;
}
.compare-accordion details summary::after {
 content: '\f078';
 font-family: 'Font Awesome 6 Free';
 font-weight: 900;
 transition: transform 0.3s;
}
.compare-accordion details[open] summary::after {
 transform: rotate(180deg);
}
.compare-table {
 width: 100%;
 border-collapse: collapse;
 font-size: 0.85rem;
}
.compare-table th, .compare-table td {
 padding: 12px 20px;
 border-top: 1px solid var(--color-border);
 text-align: center;
}
.compare-table th:first-child, .compare-table td:first-child {
 text-align: right;
 font-weight: 800;
 color: var(--color-text-secondary);
}
html[dir="ltr"] .compare-table th:first-child, html[dir="ltr"] .compare-table td:first-child {
 text-align: left;
}
.compare-table th { background: var(--color-surface-muted); }
.compare-table td { background: var(--color-surface); }
.check-icon { color: var(--color-verified); }
.dash-icon { color: var(--neutral-300); }

.star-badge svg,
.triple-star-badge svg {
 width: 14px;
 height: 14px;
 fill: currentColor;
 filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.18));
}

.star-badge {
 color: var(--color-premium-gold);
 display: inline-flex;
}

.triple-star-badge {
 color: var(--color-premium-gold);
 display: inline-flex;
 gap: 2px;
}

.btn-upgrade-account {
 display: inline-flex;
 align-items: center;
 gap: 8px;
 padding: 8px 16px;
 min-height: 44px;
 border-radius: 50px;
 font-size: 0.85rem;
 font-weight: 800;
 cursor: pointer;
 transition: var(--transition-fast);
 background: var(--color-premium-black);
 color: var(--color-premium-gold-soft);
 border: 1px solid var(--color-premium-border);
 box-shadow: var(--shadow-soft);
}

.btn-upgrade-account:hover {
 transform: translateY(-2px);
 box-shadow: var(--shadow-medium);
}

.btn-upgrade-account--verified {
 background: var(--color-verified);
 color: var(--color-text-inverse);
 border-color: var(--color-verified-border);
}

.btn-upgrade-account--golden {
 background: var(--color-burgundy);
 color: var(--color-text-inverse);
 border-color: var(--color-burgundy-border);
}

/* Premium Property Card Redesign */
.premium-property-card {
 background: var(--color-surface);
 border-radius: 20px;
 overflow: hidden;
 display: flex;
 flex-direction: column;
 text-decoration: none;
 transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
 border: 1px solid rgba(0,0,0,0.06);
 box-shadow: 0 4px 20px rgba(0,0,0,0.04);
 height: 100%;
}

.premium-property-card:hover {
 transform: translateY(-8px);
 box-shadow: 0 20px 40px rgba(0,0,0,0.12);
 border-color: var(--color-accent-gold-soft);
}

.premium-property-card .deal-img-wrapper {
 position: relative;
 padding-top: 66%; /* 3:2 Aspect Ratio */
 overflow: hidden;
}

.premium-property-card .deal-img {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 object-fit: cover;
 transition: transform 0.6s ease;
}

.premium-property-card:hover .deal-img {
 transform: scale(1.08);
}

.premium-card-content {
 padding: 18px 18px 16px;
 flex-grow: 1;
 display: flex;
 flex-direction: column;
 gap: 10px;
 background: linear-gradient(180deg, #ffffff 0%, #fafbfc 100%);
 border-top: 1px solid rgba(15, 23, 42, 0.06);
}

.premium-card-type {
 font-size: 0.7rem;
 font-weight: 800;
 letter-spacing: 0.02em;
 text-transform: none;
 color: #0f172a;
 display: inline-flex;
 align-items: center;
 width: fit-content;
 max-width: 100%;
 padding: 5px 11px;
 border-radius: 999px;
 background: linear-gradient(145deg, #f8fafc 0%, #eef2f7 100%);
 border: 1px solid rgba(15, 23, 42, 0.08);
 box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) inset;
}

.premium-card-header {
 display: flex;
 flex-direction: column;
 gap: 10px;
}

.premium-card-title {
 font-size: 1.05rem;
 font-weight: 800;
 color: #0f172a;
 margin: 0;
 line-height: 1.35;
 display: -webkit-box;
 -webkit-line-clamp: 2;
 -webkit-box-orient: vertical;
 overflow: hidden;
 letter-spacing: -0.01em;
}

.premium-card-price {
 font-size: 1.2rem;
 font-weight: 900;
 color: #0f172a;
 display: flex;
 align-items: baseline;
 flex-wrap: wrap;
 gap: 6px;
 line-height: 1.2;
}

.premium-card-price-val {
 font-variant-numeric: tabular-nums;
 letter-spacing: -0.02em;
}

.premium-card-currency {
 font-size: 0.82rem;
 font-weight: 700;
 color: var(--color-accent-gold, #b8925a);
 opacity: 0.95;
}

.premium-card-price--locked {
 color: #475569;
 font-size: 0.82rem;
 font-weight: 700;
 display: inline-flex;
 align-items: center;
 gap: 8px;
 padding: 8px 12px;
 border-radius: 10px;
 width: fit-content;
 max-width: 100%;
 background: linear-gradient(180deg, #f1f5f9, #e8edf3);
 border: 1px solid rgba(71, 85, 105, 0.18);
 box-shadow: 0 1px 0 rgba(255, 255, 255, 0.75) inset;
}

.premium-card-price-ico {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 width: 1.75rem;
 height: 1.75rem;
 border-radius: 8px;
 background: rgba(15, 23, 42, 0.06);
 color: #334155;
 font-size: 0.85rem;
}

.premium-card-price-txt {
 line-height: 1.35;
}

.premium-card-specs {
 display: flex;
 flex-wrap: wrap;
 gap: 8px;
 padding-top: 12px;
 margin-top: 2px;
 border-top: 1px solid rgba(15, 23, 42, 0.07);
}

.spec-item {
 display: inline-flex;
 align-items: center;
 gap: 6px;
 font-size: 0.78rem;
 font-weight: 700;
 color: #475569;
 background: #fff;
 padding: 5px 10px;
 border-radius: 8px;
 border: 1px solid rgba(15, 23, 42, 0.06);
 box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.spec-item i {
 font-size: 0.75rem;
 color: var(--color-accent-gold, #b8925a);
 opacity: 0.95;
}

.premium-card-footer {
 margin-top: auto;
 padding-top: 4px;
 display: flex;
 align-items: flex-end;
 justify-content: space-between;
 gap: 10px;
}

.premium-card-btn {
 font-size: 0.78rem;
 font-weight: 800;
 color: #0f172a;
 display: inline-flex;
 align-items: center;
 gap: 8px;
 padding: 8px 12px;
 border-radius: 10px;
 background: linear-gradient(180deg, #fff9ed 0%, #fff3dc 100%);
 border: 1px solid rgba(184, 146, 90, 0.35);
 transition: gap 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
 white-space: nowrap;
}

.premium-card-btn__ico {
 font-size: 0.72rem;
 opacity: 0.9;
 transition: transform 0.25s ease;
}

html[dir="ltr"] .premium-card-btn__ico {
 transform: scaleX(-1);
}

.premium-property-card:hover .premium-card-btn {
 gap: 10px;
 box-shadow: 0 4px 14px rgba(184, 146, 90, 0.22);
 transform: translateY(-1px);
}

.premium-property-card:hover .premium-card-btn__ico {
 transform: translateX(-3px);
}

html[dir="ltr"] .premium-property-card:hover .premium-card-btn__ico {
 transform: scaleX(-1) translateX(-3px);
}

.premium-property-card--golden-plus {
 border-color: rgba(184, 147, 85, 0.3);
}

.premium-property-card--golden-plus .premium-card-title {
 color: var(--color-primary);
}

.deal-card-top-badges {
 position: absolute;
 top: 12px;
 right: 12px;
 left: 12px;
 display: flex;
 justify-content: space-between;
 z-index: 10;
}

.deal-operation-pill {
 background: rgba(10, 26, 47, 0.85);
 backdrop-filter: blur(8px);
 color: #fff;
 padding: 6px 14px;
 border-radius: 50px;
 font-size: 0.75rem;
 font-weight: 800;
}

.deal-promoted-chip {
 background: linear-gradient(135deg, #d4af37, #b8860b);
 color: #0A1A2F;
 padding: 6px 14px;
 border-radius: 50px;
 font-size: 0.75rem;
 font-weight: 900;
 box-shadow: 0 4px 12px rgba(212, 175, 55, 0.3);
}

/* Mobile Adjustments */
@media (max-width: 576px) {
 .premium-card-content {
 padding: 16px;
 }
 .premium-card-title {
 font-size: 1.05rem;
 }
 .premium-card-price {
 font-size: 1.15rem;
 }
 .spec-item {
 font-size: 0.8rem;
 padding: 4px 8px;
 }
}

.btn-upgrade-account--golden-plus {
 background: var(--color-premium-black);
 color: var(--color-premium-gold-soft);
 border-color: var(--color-premium-gold);
}

.featured-properties-section {
 position: relative;
}

.premium-property-card {
 border: 1px solid var(--color-premium-border);
 box-shadow: var(--shadow-medium);
 position: relative;
 border-radius: var(--radius-lg);
 overflow: hidden;
 background: var(--color-surface);
 transition: transform var(--transition-fast), box-shadow var(--transition-fast);
}

.premium-property-card:hover {
 transform: translateY(-4px);
 box-shadow: var(--shadow-premium);
}

.premium-property-card::after {
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 height: 4px;
 background: linear-gradient(90deg, var(--color-premium-gold), var(--color-accent-gold-soft), var(--color-premium-gold));
}

.premium-property-card .verification-badge {
 position: absolute;
 top: 15px;
 inset-inline-start: 15px;
 z-index: 10;
 background: rgba(20, 24, 28, 0.88);
 backdrop-filter: blur(6px);
 color: var(--color-premium-gold-soft);
 border: 1px solid var(--color-premium-border);
}

.premium-property-card--verified {
 border: 1px solid rgba(45, 122, 110, 0.28);
}

.premium-property-card--verified::after {
 background: linear-gradient(90deg, var(--color-verified-border), var(--color-verified), var(--color-verified-border));
}

.premium-property-card--verified:hover {
 box-shadow: 0 18px 44px rgba(26, 92, 82, 0.12);
}

.premium-property-card--golden {
 border: 1px solid rgba(94, 36, 48, 0.32);
}

.premium-property-card--golden::after {
 background: linear-gradient(90deg, var(--color-burgundy), var(--color-burgundy-border), var(--color-burgundy));
}

.premium-property-card--golden:hover {
 box-shadow: var(--shadow-golden);
}

.premium-property-card--golden-plus {
 border: 1px solid var(--color-premium-border);
 background: linear-gradient(165deg, var(--color-premium-black) 0%, var(--color-premium-graphite) 100%);
}

.premium-property-card--golden-plus::after {
 background: linear-gradient(90deg, var(--color-premium-gold), var(--color-premium-gold-soft), var(--color-premium-gold));
}

.premium-property-card--golden-plus:hover {
 box-shadow: var(--shadow-premium), inset 0 0 0 1px var(--color-premium-border);
}

.premium-property-card--golden-plus .deal-card-visual-hint {
 color: var(--color-premium-gold-soft);
}
/* ========================================================================== */
/* PROPERTY CARDS — شبكة فاخرة: الرئيسية + المميزة + كتالوج العقارات (3 / 2 / 1) */
/* ========================================================================== */

body.page-properties .properties-mosaic {
 display: flex !important;
 flex-direction: column !important;
 gap: 32px !important;
 padding: 24px clamp(12px, 3vw, 24px) 28px !important;
 width: 100% !important;
 max-width: 100% !important;
 box-sizing: border-box !important;
}

body.page-properties .properties-mosaic .properties-mosaic-row,
#featured-deals-container > .properties-mosaic-row {
 display: grid !important;
 grid-template-columns: repeat(3, minmax(0, 370px));
 column-gap: 28px !important;
 row-gap: 32px !important;
 justify-content: center !important;
 align-items: start;
 width: 100% !important;
 max-width: 100% !important;
 min-width: 0;
 box-sizing: border-box !important;
 overflow-x: visible !important;
 overflow-y: visible !important;
 flex-wrap: unset !important;
 flex-direction: unset !important;
 padding-bottom: 0 !important;
}

/* الصفحة الرئيسية — قسم «حصري»: 6 عقارات في صف واحد + تمرير أفقي */
body:not(.page-properties) #deals-container.deals-container {
 display: flex !important;
 flex-direction: row !important;
 flex-wrap: nowrap !important;
 width: max-content !important;
 max-width: none !important;
 min-width: min(100%, 100vw) !important;
 gap: 28px !important;
 padding: 0 clamp(8px, 2vw, 16px) 10px !important;
 box-sizing: border-box !important;
 align-items: stretch !important;
 justify-content: flex-start !important;
 scroll-snap-type: x proximity;
}

body:not(.page-properties) #deals-container.deals-container > .deal-card--visual.premium-property-card {
 flex: 0 0 auto !important;
 scroll-snap-align: start;
}

body:not(.page-properties) .homepage-deals-slider #deals-marquee-wrapper.deals-marquee-wrapper {
 overflow-x: auto !important;
 overflow-y: hidden !important;
 scrollbar-width: thin !important;
 scrollbar-color: var(--color-accent-gold) rgba(26, 34, 44, 0.1) !important;
 padding: 14px 0 12px !important;
 -webkit-overflow-scrolling: touch;
 scroll-behavior: smooth;
}

body:not(.page-properties) .homepage-deals-slider #deals-marquee-wrapper.deals-marquee-wrapper::-webkit-scrollbar {
 display: block !important;
 height: 10px !important;
}

body:not(.page-properties) .homepage-deals-slider #deals-marquee-wrapper.deals-marquee-wrapper::-webkit-scrollbar-track {
 background: rgba(26, 34, 44, 0.07);
 border-radius: 999px;
}

body:not(.page-properties) .homepage-deals-slider #deals-marquee-wrapper.deals-marquee-wrapper::-webkit-scrollbar-thumb {
 background: linear-gradient(90deg, var(--color-gold-line), var(--color-accent-gold));
 border-radius: 999px;
 border: 2px solid rgba(250, 249, 247, 0.85);
}

@media (max-width: 1200px) {
 body.page-properties .properties-mosaic .properties-mosaic-row,
 #featured-deals-container > .properties-mosaic-row {
 grid-template-columns: repeat(2, minmax(0, 370px));
 }
}

@media (max-width: 768px) {
 body.page-properties .properties-mosaic .properties-mosaic-row,
 #featured-deals-container > .properties-mosaic-row {
 display: flex !important;
 flex-direction: row !important;
 flex-wrap: nowrap !important;
 width: max-content !important;
 max-width: none !important;
 min-width: min(100%, 100vw) !important;
 grid-template-columns: unset !important;
 justify-content: flex-start !important;
 justify-items: unset !important;
 align-items: stretch !important;
 gap: 20px !important;
 padding: 0 12px 6px !important;
 box-sizing: border-box !important;
 scroll-snap-type: x mandatory;
 }

 body:not(.page-properties) #deals-container.deals-container {
 gap: 20px !important;
 padding: 0 12px 8px !important;
 scroll-snap-type: x mandatory;
 }

 body.page-properties #deals-container.properties-mosaic .properties-mosaic-row {
 display: flex !important;
 flex-direction: column !important;
 width: 100% !important;
 min-width: 100% !important;
 padding: 0 !important;
 gap: 24px !important;
 scroll-snap-type: none !important;
 align-items: center !important;
 overflow: visible !important;
 }

 body.page-properties #deals-container.properties-mosaic {
 display: block !important;
 width: 100% !important;
 min-width: 100% !important;
 max-width: 100% !important;
 }

 body:not(.page-properties) #featured-deals-marquee-wrapper.deals-marquee-wrapper {
 overflow-x: auto !important;
 overflow-y: hidden !important;
 scrollbar-width: none !important;
 padding: 14px 0 22px !important;
 -webkit-overflow-scrolling: touch;
 }
 
 body.page-properties .properties-catalog-slider .iqfal-props-catalog-scroll.deals-marquee-wrapper {
 overflow: visible !important;
 }

 body:not(.page-properties) #featured-deals-marquee-wrapper.deals-marquee-wrapper::-webkit-scrollbar,
 body.page-properties .properties-catalog-slider .iqfal-props-catalog-scroll.deals-marquee-wrapper::-webkit-scrollbar {
 display: none !important;
 }

 body:not(.page-properties) #deals-container > .deal-card--visual.premium-property-card,
 body:not(.page-properties) #featured-deals-container > .properties-mosaic-row > .deal-card--visual.premium-property-card,
 #featured-deals-container > .properties-mosaic-row > .deal-card--visual.premium-property-card {
 flex: 0 0 auto !important;
 width: 340px !important;
 max-width: 340px !important;
 scroll-snap-align: start;
 }

 body.page-properties #deals-container.properties-mosaic .properties-mosaic-row > .deal-card--visual.premium-property-card {
 flex: none !important;
 width: 100% !important;
 max-width: 420px !important;
 height: auto !important;
 min-height: 420px !important;
 scroll-snap-align: none !important;
 margin: 0 auto !important;
 }
 
 body.page-properties #deals-container.properties-mosaic .properties-mosaic-row > .deal-card--visual.premium-property-card .deal-img-wrapper--full {
 height: 420px !important;
 min-height: 420px !important;
 }
}

@media (min-width: 769px) {
 body.page-properties .iqfal-props-catalog-scroll.deals-marquee-wrapper {
 overflow-x: visible !important;
 overflow-y: visible !important;
 }
}

body.page-properties .iqfal-props-catalog-scroll.deals-marquee-wrapper {
 width: 100%;
 box-sizing: border-box;
}

/* صور البطاقة داخل صفحة العقارات فقط — لا توسيع عام لكل الموقع */
body.page-properties .properties-mosaic .deal-img {
 width: 100% !important;
 height: 100% !important;
 object-fit: cover !important;
 object-position: center !important;
}

body.page-properties .properties-mosaic .deal-card--visual .deal-img {
 height: 100% !important;
 position: absolute !important;
 inset: 0 !important;
}

/* لوحة الإدارة: معاينات صور العقارات بحجم ثابت صغير */
#admin-prop-images-preview.media-preview-row,
#neigh-image-preview.media-preview-row,
#ue-media-preview.media-preview-row,
#ar-media-preview.media-preview-row {
 display: flex;
 flex-wrap: wrap;
 gap: 8px;
 align-items: flex-start;
 max-width: 100%;
}

img.admin-preview-thumb {
 display: block;
 width: 72px;
 height: 72px;
 max-width: 72px;
 max-height: 72px;
 object-fit: cover;
 border-radius: 8px;
 border: 1px solid rgba(0, 0, 0, 0.12);
 box-sizing: border-box;
}

/* === Taj Alwuqar — وصف البطاقة (سطران + قصّ نظيف بدون بروز سطر ثالث) + لوحة صفحة العقارات + علامات أخف === */
.deal-card--visual .premium-card-desc,
.premium-property-card .premium-card-desc {
 display: -webkit-box;
 -webkit-line-clamp: 2;
 line-clamp: 2;
 -webkit-box-orient: vertical;
 overflow: hidden;
 text-overflow: ellipsis;
 flex-shrink: 0;
 min-height: 0;
 max-height: calc(2em * 1.55 - 2px);
 max-width: 100%;
 margin: 4px 0 8px;
 font-size: clamp(0.88rem, 1.55vw, 0.98rem);
 line-height: 1.55;
 font-weight: 600;
 color: #1e293b;
 overflow-wrap: anywhere;
 word-break: break-word;
 text-align: start;
 position: relative;
 z-index: 1;
}

body.page-properties .details-section-head--desc-with-close {
 position: relative;
 display: flex;
 flex-direction: row;
 align-items: flex-start;
 justify-content: center;
 gap: 12px;
 min-height: 0;
 padding: 0 0 12px;
 margin-bottom: 8px;
}

body.page-properties .details-section-head-copy {
 text-align: center;
 flex: 1 1 auto;
 min-width: 0;
}

body.page-properties .inline-details-close--in-desc-panel {
 display: none;
}

body.page-properties .details-desc-box--catalog-centered {
 display: flex;
 justify-content: center;
 width: 100%;
}

body.page-properties .details-desc--catalog-centered {
 text-align: center;
 max-width: min(720px, 100%);
 margin: 0 auto;
}

.deal-card--visual .iqfal-watermark-overlay,
.premium-property-card .iqfal-watermark-overlay {
 opacity: 0.38 !important;
}

#details-main-bg .iqfal-watermark-overlay {
 opacity: 0.42 !important;
}

/* علامة Tajalwuqar على صورة البطاقة الخارجية — وسط الصورة (ليس زاوية) */
.deal-card--visual .deal-img-wrapper .iqfal-watermark-overlay,
.premium-property-card .deal-img-wrapper .iqfal-watermark-overlay {
 display: flex !important;
 align-items: center !important;
 justify-content: center !important;
 z-index: 4 !important;
}

.deal-card--visual .deal-img-wrapper .iqfal-watermark-txt.iqfal-watermark-txt--brand:not(.iqfal-watermark-txt--thumb),
.premium-property-card .deal-img-wrapper .iqfal-watermark-txt.iqfal-watermark-txt--brand:not(.iqfal-watermark-txt--thumb) {
 position: static !important;
 inset: auto !important;
 font-size: clamp(0.7rem, 2.6vw, 0.92rem) !important;
 font-weight: 800 !important;
 letter-spacing: 0.14em !important;
 color: rgba(255, 255, 255, 0.38) !important;
 text-shadow:
  0 0 1px rgba(0, 0, 0, 0.65),
  0 1px 10px rgba(0, 0, 0, 0.35) !important;
 white-space: nowrap !important;
}

/* ========== Taj Alwuqar — Luxury property cards (homepage + featured + catalog) ========== */
body:not(.page-properties) #deals-container > .deal-card--visual.premium-property-card,
body:not(.page-properties) #featured-deals-container > .properties-mosaic-row > .deal-card--visual.premium-property-card,
body.page-properties #deals-container.properties-mosaic .properties-mosaic-row > .deal-card--visual.premium-property-card,
#featured-deals-container > .properties-mosaic-row > .deal-card--visual.premium-property-card {
 width: 370px !important;
 max-width: 100% !important;
 min-height: 430px !important;
 height: auto !important;
 max-height: none !important;
 box-sizing: border-box !important;
 padding: 0 !important;
 margin: 0 !important;
 border-radius: 18px !important;
 overflow: hidden !important;
 background: #fff !important;
 border: 1px solid rgba(15, 23, 42, 0.08) !important;
 box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06) !important;
 display: flex !important;
 flex-direction: column !important;
 align-items: stretch !important;
 text-decoration: none !important;
 transition: all 0.35s ease !important;
}

body:not(.page-properties) #deals-container > .deal-card--visual.premium-property-card--golden-plus,
body:not(.page-properties) #featured-deals-container > .properties-mosaic-row > .deal-card--visual.premium-property-card--golden-plus,
body.page-properties #deals-container.properties-mosaic .properties-mosaic-row > .deal-card--visual.premium-property-card--golden-plus,
#featured-deals-container > .properties-mosaic-row > .deal-card--visual.premium-property-card--golden-plus {
 background: linear-gradient(165deg, var(--color-premium-black) 0%, var(--color-premium-graphite) 100%) !important;
 border-color: rgba(184, 147, 85, 0.3) !important;
}

body:not(.page-properties) #deals-container > .deal-card--visual.premium-property-card:hover,
body:not(.page-properties) #featured-deals-container > .properties-mosaic-row > .deal-card--visual.premium-property-card:hover,
body.page-properties #deals-container.properties-mosaic .properties-mosaic-row > .deal-card--visual.premium-property-card:hover,
#featured-deals-container > .properties-mosaic-row > .deal-card--visual.premium-property-card:hover {
 transform: translateY(-8px) !important;
 box-shadow: 0 12px 35px rgba(0, 0, 0, 0.12) !important;
 border-color: rgba(182, 141, 64, 0.28) !important;
}

body:not(.page-properties) #deals-container > .deal-card--visual.premium-property-card:hover .deal-img,
body:not(.page-properties) #featured-deals-container > .properties-mosaic-row > .deal-card--visual.premium-property-card:hover .deal-img,
body.page-properties #deals-container.properties-mosaic .properties-mosaic-row > .deal-card--visual.premium-property-card:hover .deal-img,
#featured-deals-container > .properties-mosaic-row > .deal-card--visual.premium-property-card:hover .deal-img {
 transform: scale(1.05) !important;
}

body:not(.page-properties) #deals-container > .deal-card--visual.premium-property-card .deal-img-wrapper--full,
body:not(.page-properties) #featured-deals-container > .properties-mosaic-row > .deal-card--visual.premium-property-card .deal-img-wrapper--full,
body.page-properties #deals-container.properties-mosaic .properties-mosaic-row > .deal-card--visual.premium-property-card .deal-img-wrapper--full,
#featured-deals-container > .properties-mosaic-row > .deal-card--visual.premium-property-card .deal-img-wrapper--full,
body:not(.page-properties) #deals-container > .deal-card--visual.premium-property-card .deal-img-wrapper,
body:not(.page-properties) #featured-deals-container > .properties-mosaic-row > .deal-card--visual.premium-property-card .deal-img-wrapper,
body.page-properties #deals-container.properties-mosaic .properties-mosaic-row > .deal-card--visual.premium-property-card .deal-img-wrapper,
#featured-deals-container > .properties-mosaic-row > .deal-card--visual.premium-property-card .deal-img-wrapper {
 position: relative !important;
 flex: 0 0 240px !important;
 width: 100% !important;
 height: 240px !important;
 min-height: 240px !important;
 max-height: 240px !important;
 overflow: hidden !important;
 border-radius: 18px 18px 0 0 !important;
 padding-top: 0 !important;
}

body:not(.page-properties) #deals-container > .deal-card--visual.premium-property-card .deal-img-wrapper::after,
body:not(.page-properties) #featured-deals-container > .properties-mosaic-row > .deal-card--visual.premium-property-card .deal-img-wrapper::after,
body.page-properties #deals-container.properties-mosaic .properties-mosaic-row > .deal-card--visual.premium-property-card .deal-img-wrapper::after,
#featured-deals-container > .properties-mosaic-row > .deal-card--visual.premium-property-card .deal-img-wrapper::after {
 content: "";
 position: absolute;
 inset: 0;
 z-index: 2;
 pointer-events: none;
 border-radius: inherit;
 background: linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, transparent 38%, rgba(15, 23, 42, 0.36) 72%, rgba(15, 23, 42, 0.52) 100%);
}

/* طبقة أسفل الصورة: مدينة + وصف تفصيلي (بدون غرف/مساحة على الصورة) */
.deal-card--visual.premium-property-card .deal-img-wrapper .deal-card-photo-bottom-stack {
 position: absolute;
 inset-inline: 0;
 bottom: 0;
 z-index: 7;
 display: flex;
 flex-direction: column;
 gap: 8px;
 padding: 10px 12px 12px;
 pointer-events: none;
 box-sizing: border-box;
 text-align: start;
 background: linear-gradient(180deg, transparent 0%, rgba(8, 12, 22, 0.42) 42%, rgba(8, 12, 22, 0.82) 100%);
 border-radius: 0 0 18px 18px;
}

.deal-card-photo-specs {
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 align-items: center;
 gap: 12px 18px;
}

.deal-card-photo-spec {
 display: inline-flex;
 align-items: center;
 gap: 6px;
 color: rgba(255, 255, 255, 0.96);
 font-weight: 700;
 text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
}

.deal-card-photo-spec i {
 font-size: 1rem;
 color: #e8d5a3;
}

.deal-card-photo-spec b {
 font-size: 0.9rem;
 font-variant-numeric: tabular-nums;
 letter-spacing: 0.02em;
}

.deal-card-photo-spec__unit {
 font-size: 0.62rem;
 font-weight: 800;
 opacity: 0.88;
 margin-inline-start: 1px;
}

.deal-card--visual.premium-property-card .deal-img-wrapper .deal-card-photo-loc {
 position: static;
 inset: auto;
 z-index: auto;
 display: flex;
 flex-wrap: wrap;
 align-items: baseline;
 gap: 0;
 row-gap: 4px;
 padding: 0;
}

.deal-card-photo-loc__sep {
 font-weight: 600;
 opacity: 0.85;
 color: rgba(255, 255, 255, 0.88);
}

.deal-card--visual.premium-property-card .deal-card-photo-loc__primary {
 display: inline;
 font-size: 0.86rem;
 font-weight: 800;
 line-height: 1.38;
 color: #fff;
 letter-spacing: 0.01em;
 text-shadow: 0 1px 2px rgba(0, 0, 0, 0.55), 0 2px 18px rgba(0, 0, 0, 0.45);
}

.deal-card--visual.premium-property-card .deal-card-photo-loc__secondary {
 display: -webkit-box;
 -webkit-line-clamp: 2;
 line-clamp: 2;
 -webkit-box-orient: vertical;
 overflow: hidden;
 flex: 1 1 12rem;
 min-width: 0;
 max-width: 100%;
 font-size: 0.76rem;
 font-weight: 600;
 line-height: 1.48;
 color: rgba(255, 255, 255, 0.94);
 text-shadow: 0 1px 2px rgba(0, 0, 0, 0.55);
 opacity: 0.98;
}

body:not(.page-properties) #deals-container > .deal-card--visual.premium-property-card .deal-card-photo-loc__primary,
body:not(.page-properties) #featured-deals-container > .properties-mosaic-row > .deal-card--visual.premium-property-card .deal-card-photo-loc__primary,
body.page-properties #deals-container.properties-mosaic .properties-mosaic-row > .deal-card--visual.premium-property-card .deal-card-photo-loc__primary,
#featured-deals-container > .properties-mosaic-row > .deal-card--visual.premium-property-card .deal-card-photo-loc__primary {
 font-size: 0.92rem !important;
}

body:not(.page-properties) #deals-container > .deal-card--visual.premium-property-card .deal-card-photo-loc__secondary,
body:not(.page-properties) #featured-deals-container > .properties-mosaic-row > .deal-card--visual.premium-property-card .deal-card-photo-loc__secondary,
body.page-properties #deals-container.properties-mosaic .properties-mosaic-row > .deal-card--visual.premium-property-card .deal-card-photo-loc__secondary,
#featured-deals-container > .properties-mosaic-row > .deal-card--visual.premium-property-card .deal-card-photo-loc__secondary {
 font-size: 0.8rem !important;
 line-height: 1.5 !important;
}

body:not(.page-properties) #deals-container > .deal-card--visual.premium-property-card .deal-img,
body:not(.page-properties) #featured-deals-container > .properties-mosaic-row > .deal-card--visual.premium-property-card .deal-img,
body.page-properties #deals-container.properties-mosaic .properties-mosaic-row > .deal-card--visual.premium-property-card .deal-img,
#featured-deals-container > .properties-mosaic-row > .deal-card--visual.premium-property-card .deal-img {
 position: absolute !important;
 inset: 0 !important;
 width: 100% !important;
 height: 100% !important;
 object-fit: cover !important;
 transition: transform 0.45s cubic-bezier(0.25, 1, 0.35, 1) !important;
}

body:not(.page-properties) #deals-container > .deal-card--visual.premium-property-card .premium-card-content,
body:not(.page-properties) #featured-deals-container > .properties-mosaic-row > .deal-card--visual.premium-property-card .premium-card-content,
body.page-properties #deals-container.properties-mosaic .properties-mosaic-row > .deal-card--visual.premium-property-card .premium-card-content,
#featured-deals-container > .properties-mosaic-row > .deal-card--visual.premium-property-card .premium-card-content {
 flex: 1 1 auto !important;
 min-height: 0 !important;
 display: flex !important;
 flex-direction: column !important;
 gap: 8px !important;
 padding: 14px 18px 16px !important;
 margin: 0 !important;
 background: linear-gradient(180deg, #ffffff 0%, #faf8f3 100%) !important;
 border-top: none !important;
 overflow: hidden !important;
}

body:not(.page-properties) #deals-container > .deal-card--visual.premium-property-card .premium-card-header,
body:not(.page-properties) #featured-deals-container > .properties-mosaic-row > .deal-card--visual.premium-property-card .premium-card-header,
body.page-properties #deals-container.properties-mosaic .properties-mosaic-row > .deal-card--visual.premium-property-card .premium-card-header,
#featured-deals-container > .properties-mosaic-row > .deal-card--visual.premium-property-card .premium-card-header {
 flex: 0 0 auto !important;
 min-height: 0 !important;
 overflow: hidden !important;
 gap: 6px !important;
}

body:not(.page-properties) #deals-container > .deal-card--visual.premium-property-card .premium-card-title,
body:not(.page-properties) #featured-deals-container > .properties-mosaic-row > .deal-card--visual.premium-property-card .premium-card-title,
body.page-properties #deals-container.properties-mosaic .properties-mosaic-row > .deal-card--visual.premium-property-card .premium-card-title,
#featured-deals-container > .properties-mosaic-row > .deal-card--visual.premium-property-card .premium-card-title {
 font-size: 27px !important;
 font-weight: 700 !important;
 line-height: 1.2 !important;
 margin: 0 !important;
 color: #0f172a !important;
 flex-shrink: 0 !important;
 display: -webkit-box !important;
 -webkit-line-clamp: 2 !important;
 line-clamp: 2 !important;
 -webkit-box-orient: vertical !important;
 overflow: hidden !important;
 letter-spacing: -0.02em !important;
}

body:not(.page-properties) #deals-container > .deal-card--visual.premium-property-card .premium-card-region,
body:not(.page-properties) #featured-deals-container > .properties-mosaic-row > .deal-card--visual.premium-property-card .premium-card-region,
body.page-properties #deals-container.properties-mosaic .properties-mosaic-row > .deal-card--visual.premium-property-card .premium-card-region,
#featured-deals-container > .properties-mosaic-row > .deal-card--visual.premium-property-card .premium-card-region {
 font-size: 15px !important;
 font-weight: 600 !important;
 line-height: 1.35 !important;
 opacity: 0.8 !important;
 color: #334155 !important;
 margin: 0 !important;
 display: -webkit-box !important;
 -webkit-line-clamp: 2 !important;
 line-clamp: 2 !important;
 -webkit-box-orient: vertical !important;
 overflow: hidden !important;
}

body:not(.page-properties) #deals-container > .deal-card--visual.premium-property-card .premium-card-price,
body:not(.page-properties) #featured-deals-container > .properties-mosaic-row > .deal-card--visual.premium-property-card .premium-card-price,
body.page-properties #deals-container.properties-mosaic .properties-mosaic-row > .deal-card--visual.premium-property-card .premium-card-price,
#featured-deals-container > .properties-mosaic-row > .deal-card--visual.premium-property-card .premium-card-price {
 flex-shrink: 0 !important;
 font-size: 22px !important;
 font-weight: 700 !important;
 color: #b68d40 !important;
 margin: 4px 0 0 !important;
}

body:not(.page-properties) #deals-container > .deal-card--visual.premium-property-card .premium-card-price-val,
body:not(.page-properties) #deals-container > .deal-card--visual.premium-property-card .premium-card-currency,
body:not(.page-properties) #featured-deals-container > .properties-mosaic-row > .deal-card--visual.premium-property-card .premium-card-price-val,
body:not(.page-properties) #featured-deals-container > .properties-mosaic-row > .deal-card--visual.premium-property-card .premium-card-currency,
body.page-properties #deals-container.properties-mosaic .properties-mosaic-row > .deal-card--visual.premium-property-card .premium-card-price-val,
body.page-properties #deals-container.properties-mosaic .properties-mosaic-row > .deal-card--visual.premium-property-card .premium-card-currency,
#featured-deals-container > .properties-mosaic-row > .deal-card--visual.premium-property-card .premium-card-price-val,
#featured-deals-container > .properties-mosaic-row > .deal-card--visual.premium-property-card .premium-card-currency {
 color: #b68d40 !important;
}

body:not(.page-properties) #deals-container > .deal-card--visual.premium-property-card .premium-card-price--locked,
body:not(.page-properties) #featured-deals-container > .properties-mosaic-row > .deal-card--visual.premium-property-card .premium-card-price--locked,
body.page-properties #deals-container.properties-mosaic .properties-mosaic-row > .deal-card--visual.premium-property-card .premium-card-price--locked,
#featured-deals-container > .properties-mosaic-row > .deal-card--visual.premium-property-card .premium-card-price--locked {
 flex-shrink: 0 !important;
 font-size: 15px !important;
 font-weight: 700 !important;
 color: #b68d40 !important;
 margin: 4px 0 0 !important;
}

body:not(.page-properties) #deals-container > .deal-card--visual.premium-property-card .premium-card-desc,
body:not(.page-properties) #featured-deals-container > .properties-mosaic-row > .deal-card--visual.premium-property-card .premium-card-desc,
body.page-properties #deals-container.properties-mosaic .properties-mosaic-row > .deal-card--visual.premium-property-card .premium-card-desc,
#featured-deals-container > .properties-mosaic-row > .deal-card--visual.premium-property-card .premium-card-desc {
 order: 0 !important;
 flex: 0 0 auto !important;
 flex-shrink: 0 !important;
 min-height: 0 !important;
 max-height: calc(2em * 1.55 - 2px) !important;
 max-width: 100% !important;
 display: -webkit-box !important;
 -webkit-line-clamp: 2 !important;
 line-clamp: 2 !important;
 -webkit-box-orient: vertical !important;
 overflow: hidden !important;
 margin: 4px 0 8px !important;
 font-size: 15px !important;
 line-height: 1.55 !important;
 font-weight: 600 !important;
 color: #1e293b !important;
 overflow-wrap: anywhere !important;
 word-break: break-word !important;
 text-align: start !important;
 position: relative !important;
 z-index: 1 !important;
}

body:not(.page-properties) #deals-container > .deal-card--visual.premium-property-card .premium-card-specs,
body:not(.page-properties) #featured-deals-container > .properties-mosaic-row > .deal-card--visual.premium-property-card .premium-card-specs,
body.page-properties #deals-container.properties-mosaic .properties-mosaic-row > .deal-card--visual.premium-property-card .premium-card-specs,
#featured-deals-container > .properties-mosaic-row > .deal-card--visual.premium-property-card .premium-card-specs {
 order: 1 !important;
 display: flex !important;
 flex-direction: row !important;
 flex-wrap: wrap !important;
 align-items: center !important;
 justify-content: flex-start !important;
 gap: 18px !important;
 margin-top: auto !important;
 padding-top: 12px !important;
 border-top: 1px solid rgba(15, 23, 42, 0.06) !important;
 flex-shrink: 0 !important;
 position: relative !important;
 z-index: 2 !important;
 isolation: isolate !important;
 background: linear-gradient(180deg, #ffffff 0%, #faf8f3 100%) !important;
}

body:not(.page-properties) #deals-container > .deal-card--visual.premium-property-card .premium-card-specs--icon-numeric,
body:not(.page-properties) #featured-deals-container > .properties-mosaic-row > .deal-card--visual.premium-property-card .premium-card-specs--icon-numeric,
body.page-properties #deals-container.properties-mosaic .properties-mosaic-row > .deal-card--visual.premium-property-card .premium-card-specs--icon-numeric,
#featured-deals-container > .properties-mosaic-row > .deal-card--visual.premium-property-card .premium-card-specs--icon-numeric {
 justify-content: center !important;
 gap: 14px 22px !important;
 row-gap: 10px !important;
}

body:not(.page-properties) #deals-container > .deal-card--visual.premium-property-card .spec-item--icon-numeric,
body:not(.page-properties) #featured-deals-container > .properties-mosaic-row > .deal-card--visual.premium-property-card .spec-item--icon-numeric,
body.page-properties #deals-container.properties-mosaic .properties-mosaic-row > .deal-card--visual.premium-property-card .spec-item--icon-numeric,
#featured-deals-container > .properties-mosaic-row > .deal-card--visual.premium-property-card .spec-item--icon-numeric {
 display: inline-flex !important;
 flex-direction: row !important;
 align-items: center !important;
 flex-wrap: nowrap !important;
 white-space: nowrap !important;
 gap: 7px !important;
}

body:not(.page-properties) #deals-container > .deal-card--visual.premium-property-card .spec-item--icon-numeric .spec-v,
body:not(.page-properties) #featured-deals-container > .properties-mosaic-row > .deal-card--visual.premium-property-card .spec-item--icon-numeric .spec-v,
body.page-properties #deals-container.properties-mosaic .properties-mosaic-row > .deal-card--visual.premium-property-card .spec-item--icon-numeric .spec-v,
#featured-deals-container > .properties-mosaic-row > .deal-card--visual.premium-property-card .spec-item--icon-numeric .spec-v {
 font-variant-numeric: tabular-nums !important;
 font-weight: 700 !important;
 font-size: 14px !important;
 letter-spacing: 0.02em !important;
}

body:not(.page-properties) #deals-container > .deal-card--visual.premium-property-card .spec-item,
body:not(.page-properties) #featured-deals-container > .properties-mosaic-row > .deal-card--visual.premium-property-card .spec-item,
body.page-properties #deals-container.properties-mosaic .properties-mosaic-row > .deal-card--visual.premium-property-card .spec-item,
#featured-deals-container > .properties-mosaic-row > .deal-card--visual.premium-property-card .spec-item {
 padding: 0 !important;
 margin: 0 !important;
 border: none !important;
 background: transparent !important;
 box-shadow: none !important;
 font-size: 14px !important;
 font-weight: 600 !important;
 color: #475569 !important;
 gap: 8px !important;
}

body:not(.page-properties) #deals-container > .deal-card--visual.premium-property-card .spec-item i,
body:not(.page-properties) #featured-deals-container > .properties-mosaic-row > .deal-card--visual.premium-property-card .spec-item i,
body.page-properties #deals-container.properties-mosaic .properties-mosaic-row > .deal-card--visual.premium-property-card .spec-item i,
#featured-deals-container > .properties-mosaic-row > .deal-card--visual.premium-property-card .spec-item i {
 width: 20px !important;
 font-size: 20px !important;
 text-align: center !important;
 color: #b68d40 !important;
}

@media (max-width: 480px) {
 body:not(.page-properties) #deals-container > .deal-card--visual.premium-property-card .premium-card-title,
 body:not(.page-properties) #featured-deals-container > .properties-mosaic-row > .deal-card--visual.premium-property-card .premium-card-title,
 body.page-properties #deals-container.properties-mosaic .properties-mosaic-row > .deal-card--visual.premium-property-card .premium-card-title,
 #featured-deals-container > .properties-mosaic-row > .deal-card--visual.premium-property-card .premium-card-title {
 font-size: 22px !important;
 }
}

/* بطاقات داكنة (جولدن++) — ألوان نص متباينة */
body:not(.page-properties) #deals-container > .deal-card--visual.premium-property-card--golden-plus .premium-card-title,
body:not(.page-properties) #featured-deals-container > .properties-mosaic-row > .deal-card--visual.premium-property-card--golden-plus .premium-card-title,
body.page-properties #deals-container.properties-mosaic .properties-mosaic-row > .deal-card--visual.premium-property-card--golden-plus .premium-card-title,
#featured-deals-container > .properties-mosaic-row > .deal-card--visual.premium-property-card--golden-plus .premium-card-title {
 color: #faf6ec !important;
}

body:not(.page-properties) #deals-container > .deal-card--visual.premium-property-card--golden-plus .premium-card-region,
body:not(.page-properties) #featured-deals-container > .properties-mosaic-row > .deal-card--visual.premium-property-card--golden-plus .premium-card-region,
body.page-properties #deals-container.properties-mosaic .properties-mosaic-row > .deal-card--visual.premium-property-card--golden-plus .premium-card-region,
#featured-deals-container > .properties-mosaic-row > .deal-card--visual.premium-property-card--golden-plus .premium-card-region {
 color: rgba(250, 246, 236, 0.82) !important;
 opacity: 0.95 !important;
}

body:not(.page-properties) #deals-container > .deal-card--visual.premium-property-card--golden-plus .premium-card-desc,
body:not(.page-properties) #featured-deals-container > .properties-mosaic-row > .deal-card--visual.premium-property-card--golden-plus .premium-card-desc,
body.page-properties #deals-container.properties-mosaic .properties-mosaic-row > .deal-card--visual.premium-property-card--golden-plus .premium-card-desc,
#featured-deals-container > .properties-mosaic-row > .deal-card--visual.premium-property-card--golden-plus .premium-card-desc {
 color: rgba(226, 232, 240, 0.88) !important;
}

body:not(.page-properties) #deals-container > .deal-card--visual.premium-property-card--golden-plus .spec-item,
body:not(.page-properties) #featured-deals-container > .properties-mosaic-row > .deal-card--visual.premium-property-card--golden-plus .spec-item,
body.page-properties #deals-container.properties-mosaic .properties-mosaic-row > .deal-card--visual.premium-property-card--golden-plus .spec-item,
#featured-deals-container > .properties-mosaic-row > .deal-card--visual.premium-property-card--golden-plus .spec-item {
 color: rgba(226, 232, 240, 0.88) !important;
}

body:not(.page-properties) #deals-container > .deal-card--visual.premium-property-card--golden-plus .spec-item i,
body:not(.page-properties) #featured-deals-container > .properties-mosaic-row > .deal-card--visual.premium-property-card--golden-plus .spec-item i,
body.page-properties #deals-container.properties-mosaic .properties-mosaic-row > .deal-card--visual.premium-property-card--golden-plus .spec-item i,
#featured-deals-container > .properties-mosaic-row > .deal-card--visual.premium-property-card--golden-plus .spec-item i {
 color: var(--color-premium-gold-soft) !important;
}

/* =============================================================================
   صفحة العقارات — جوال: كل صف (5 عقارات) داخل شريط سحب أفقي خاص؛ عرض بطاقة ثابت.
   (.no-marquee يغلب قواعد flex العمودي الأقدم لنفس الحاوية)
   ============================================================================= */
@media (max-width: 768px) {
 body.page-properties .properties-catalog-slider {
  position: relative;
 }

 /* الغلاف الخارجي: لا سحب أفقي هنا — السحب على كل `.iqfal-props-catalog-row-scroll` */
 body.page-properties .properties-catalog-slider .iqfal-props-catalog-scroll.deals-marquee-wrapper {
  overflow-x: visible !important;
  overflow-y: visible !important;
  padding: 6px 0 16px !important;
 }

 body.page-properties #deals-container.properties-mosaic.no-marquee {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 12px !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: visible !important;
 }

 body.page-properties #deals-container.properties-mosaic.no-marquee > .iqfal-props-catalog-row-scroll {
  --iqfal-props-strip-gap: 10px;
  flex: 0 0 auto !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
  -webkit-overflow-scrolling: touch !important;
  overscroll-behavior-x: contain;
  box-sizing: border-box !important;
 }

 body.page-properties #deals-container.properties-mosaic.no-marquee > .iqfal-props-catalog-row-scroll--empty {
  overflow-x: visible !important;
 }

 body.page-properties #deals-container.properties-mosaic.no-marquee .iqfal-props-catalog-row-scroll .properties-mosaic-row {
  display: grid !important;
  grid-template-columns: repeat(5, 256px) !important;
  column-gap: var(--iqfal-props-strip-gap) !important;
  row-gap: 0 !important;
  align-items: stretch !important;
  justify-content: start !important;
  width: max-content !important;
  min-width: 100% !important;
  padding: 0 10px 2px !important;
  box-sizing: border-box !important;
 }

 body.page-properties #deals-container.properties-mosaic.no-marquee .iqfal-props-catalog-row-scroll--empty .properties-mosaic-row {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 0 10px !important;
 }

 body.page-properties #deals-container.properties-mosaic.no-marquee .iqfal-props-catalog-row-scroll--empty .properties-catalog-empty {
  width: min(92vw, 520px) !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  padding: 24px 16px !important;
  text-align: center !important;
 }

 body.page-properties #deals-container.properties-mosaic.no-marquee .iqfal-props-catalog-row-scroll .properties-mosaic-row > .deal-card--visual.premium-property-card,
 body.page-properties #deals-container.properties-mosaic.no-marquee .iqfal-props-catalog-row-scroll .properties-mosaic-row > .deal-card--visual.premium-property-card--golden-plus {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
 }

 body.page-properties #deals-container.properties-mosaic.no-marquee .iqfal-props-catalog-row-scroll .properties-mosaic-row > .deal-card--visual.premium-property-card .deal-img-wrapper,
 body.page-properties #deals-container.properties-mosaic.no-marquee .iqfal-props-catalog-row-scroll .properties-mosaic-row > .deal-card--visual.premium-property-card .deal-img-wrapper--full {
  position: relative !important;
  aspect-ratio: 400 / 267 !important;
  width: 100% !important;
  min-height: 0 !important;
  height: auto !important;
  flex: 0 0 auto !important;
 }

 body.page-properties #deals-container.properties-mosaic.no-marquee .iqfal-props-catalog-row-scroll .properties-mosaic-row > .deal-card--visual.premium-property-card .deal-img-wrapper .deal-img,
 body.page-properties #deals-container.properties-mosaic.no-marquee .iqfal-props-catalog-row-scroll .properties-mosaic-row > .deal-card--visual.premium-property-card .deal-img-wrapper--full .deal-img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
 }

 body.page-properties #deals-container.properties-mosaic.no-marquee .iqfal-props-catalog-row-scroll .properties-mosaic-row > .deal-card--visual.premium-property-card .premium-card-title-on-image {
  font-size: clamp(0.72rem, 1.9vw, 0.82rem) !important;
  padding: 6px 8px !important;
  line-height: 1.25 !important;
 }

 body.page-properties #deals-container.properties-mosaic.no-marquee .iqfal-props-catalog-row-scroll .properties-mosaic-row > .deal-card--visual.premium-property-card .premium-card-content {
  padding: 8px 10px 10px !important;
 }

 body.page-properties #deals-container.properties-mosaic.no-marquee .iqfal-props-catalog-row-scroll .properties-mosaic-row > .deal-card--visual.premium-property-card .premium-card-desc {
  font-size: clamp(0.74rem, 1.8vw, 0.84rem) !important;
  line-height: 1.45 !important;
  min-height: 0 !important;
  max-height: calc(2em * 1.45 - 2px) !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  -webkit-line-clamp: 2 !important;
  line-clamp: 2 !important;
  text-overflow: ellipsis !important;
  margin: 4px 0 6px !important;
 }

 body.page-properties #deals-container.properties-mosaic.no-marquee .iqfal-props-catalog-row-scroll .properties-mosaic-row > .deal-card--visual.premium-property-card .premium-card-specs--icon-numeric {
  gap: 6px 10px !important;
  padding-top: 8px !important;
  margin-top: 0 !important;
 }

 body.page-properties #deals-container.properties-mosaic.no-marquee .iqfal-props-catalog-row-scroll .properties-mosaic-row > .deal-card--visual.premium-property-card .spec-item--icon-numeric {
  gap: 5px !important;
 }

 body.page-properties #deals-container.properties-mosaic.no-marquee .iqfal-props-catalog-row-scroll .properties-mosaic-row > .deal-card--visual.premium-property-card .spec-item--icon-numeric .spec-v {
  font-size: clamp(0.76rem, 1.7vw, 0.86rem) !important;
 }

 body.page-properties #deals-container.properties-mosaic.no-marquee .iqfal-props-catalog-row-scroll .properties-mosaic-row > .deal-card--visual.premium-property-card .spec-item--icon-numeric i {
  font-size: clamp(0.8rem, 1.9vw, 0.92rem) !important;
  width: auto !important;
 }
}

/* تلميح إيماء جانبي — ~ثانيتين (يُزال من DOM عبر JS) */
.iqfal-catalog-swipe-hint {
 position: absolute;
 left: 50%;
 bottom: 10px;
 transform: translate3d(-50%, 12px, 0) scale(0.96);
 z-index: 8;
 pointer-events: none;
 opacity: 0;
 transition:
  opacity 0.35s ease,
  transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
 max-width: min(340px, 92vw);
}

.iqfal-catalog-swipe-hint--visible {
 opacity: 1;
 transform: translate3d(-50%, 0, 0) scale(1);
}

.iqfal-catalog-swipe-hint--out {
 opacity: 0;
 transform: translate3d(-50%, 6px, 0) scale(0.96);
 transition: opacity 0.32s ease, transform 0.32s ease;
}

.iqfal-catalog-swipe-hint__inner {
 background: rgba(15, 23, 42, 0.88);
 color: #fff;
 border-radius: 16px;
 padding: 12px 16px 14px;
 box-shadow: 0 16px 40px rgba(0, 0, 0, 0.22);
 border: 1px solid rgba(255, 255, 255, 0.12);
 text-align: center;
 backdrop-filter: blur(10px);
}

.iqfal-catalog-swipe-hint__anim {
 display: flex;
 align-items: center;
 justify-content: center;
 gap: 12px;
 margin-bottom: 8px;
 font-size: 1.35rem;
 color: #e8d5a3;
}

.iqfal-catalog-swipe-hint__lat {
 display: inline-flex;
 align-items: center;
 gap: 10px;
}

.iqfal-catalog-swipe-hint__lat .fa-hand-pointer {
 animation: iqfalHintPanRtl 0.75s ease-in-out infinite;
}

html[dir="ltr"] .iqfal-catalog-swipe-hint__lat .fa-hand-pointer {
 animation-name: iqfalHintPanLtrHand;
}

.iqfal-catalog-swipe-hint__lat-edge {
 display: inline-flex;
 flex-direction: column;
 gap: 2px;
 opacity: 0.9;
}

.iqfal-catalog-swipe-hint__lat-edge i {
 animation: iqfalHintEdgePulse 0.85s ease-in-out infinite;
}

.iqfal-catalog-swipe-hint__lat-edge--rev i {
 animation-direction: reverse;
}

.iqfal-catalog-swipe-hint__lat-edge i:nth-child(2) {
 animation-delay: 0.1s;
}

.iqfal-catalog-swipe-hint__msg {
 margin: 0;
 font-size: 0.88rem;
 line-height: 1.45;
 font-weight: 600;
}

.iqfal-catalog-swipe-hint__msg strong {
 font-weight: 900;
}

@keyframes iqfalHintPanRtl {
 0%,
 100% {
  transform: translateX(6px);
 }
 50% {
  transform: translateX(-14px);
 }
}

@keyframes iqfalHintPanLtrHand {
 0%,
 100% {
  transform: translateX(-6px);
 }
 50% {
  transform: translateX(14px);
 }
}

@keyframes iqfalHintEdgePulse {
 0%,
 100% {
  opacity: 0.35;
  transform: translateX(0);
 }
 50% {
  opacity: 1;
  transform: translateX(-3px);
 }
}

html[dir="ltr"] .iqfal-catalog-swipe-hint__lat-edge i {
 animation-name: iqfalHintEdgePulseLtr;
}

@keyframes iqfalHintEdgePulseLtr {
 0%,
 100% {
  opacity: 0.35;
  transform: translateX(0);
 }
 50% {
  opacity: 1;
  transform: translateX(3px);
 }
}

@media (prefers-reduced-motion: reduce) {
 .iqfal-catalog-swipe-hint__lat .fa-hand-pointer,
 .iqfal-catalog-swipe-hint__lat-edge i {
  animation: none !important;
 }
}

/* إخفاء أشرطة التمرير — كامل الموقع (التمرير يبقى يعملاً) */
* {
 scrollbar-width: none;
 -ms-overflow-style: none;
}

*::-webkit-scrollbar,
*::-webkit-scrollbar-thumb,
*::-webkit-scrollbar-track {
 display: none !important;
 width: 0 !important;
 height: 0 !important;
 background: transparent !important;
}