body {
            font-family: 'Tajawal', 'Poppins', sans-serif;
            ;
            background-color: #f8f9fa;
            overflow-x: hidden;
            padding-top: 80px;
            /* حتى لا يغطي الناف المحتوى */

        }

        :root {
            --brand: #156184;
            --brand-dark: #124f6a;
        }

        /* مثال لجعل الإنجليزية بـ Poppins فقط */
        [lang="en"],
        :lang(en) {
            font-family: 'Poppins', sans-serif;
        }

        .btn-lang {
            border: 1px solid #dee2e6;
            border-radius: 8px;
            padding: 10px 20px;
            font-weight: 600;
            color: #333;
            background-color: #fff;
            transition: all 0.2s ease;
        }

        .btn-lang:hover {
            background-color: #f8f9fa;
            color: #156184;
            border-color: #156184;
        }

        .btn-lang.active {
            background-color: #156184;
            color: #fff !important;
            border-color: #156184;
        }

        /* login */
        .select-country {
            width: 100%;
            max-height: 200px;
            overflow-y: auto;
            position: relative !important;
            z-index: 1055;
        }

        .password-wrapper {
            position: relative;
        }

        .password-input {
            padding-right: 2.5rem;
        }

        .togglePassword {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            cursor: pointer;
            color: #6c757d;
        }

        [dir="rtl"] .togglePassword {
            left: 12px;
        }

        /* اللغة الإنجليزية (LTR) */
        [dir="ltr"] .togglePassword {
            right: 12px;
        }

        .select2-container {
            width: 100% !important;
            z-index: 9999 !important;
        }

        .select2-dropdown {
            position: absolute !important;
            z-index: 9999 !important;
            top: 100% !important;
            left: 0 !important;
            max-width: 335px !important;
            border-radius: 10px !important;
            overflow: hidden;
        }

        /* تحسين الخط والمحاذاة في اللغات */
        [dir="rtl"] .select2-results__option {
            text-align: right;
        }

        [dir="ltr"] .select2-results__option {
            text-align: left;
        }

        /* login */
        .head {
            position: relative;
            height: auto;
            overflow: hidden;
        }

        /* Navbar */
        /* الناف بار */
        .main-navbar {
            background-color: rgba(255, 255, 255, 0.95);
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
            transition: background-color 0.4s, box-shadow 0.4s;
            z-index: 3000;
        }

        .main-navbar .nav-link {
            color: #333 !important;
            transition: color 0.3s;
        }

        .main-navbar .nav-link:hover {
            color: #156184 !important;
        }


        .nav-link.active {
            color: #156184 !important;
            font-weight: bold;
        }


        /* شريط البحث أسفل الناف */
        .search-bar-wrapper {
            background-color: #f7f9fb;
            padding: 20px 0;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
            position: relative;
            z-index: 100;
            /* فقط للترتيب */
        }

        .search-bar-wrapper .container {
            position: relative;
            z-index: 950;
        }

        #search-component .popup,
        #search-component .daterangepicker {
            z-index: 9999 !important;
            display: none;
        }

        div#guests-popup {
            background-color: white;
            width: 260px;
            padding: 20px 10px;
            border-radius: 10px;
        }

        /* محاذاة عدادات الضيوف */
        .guest-ctrl.d-flex.align-items-center.gap-2 {
            justify-content: space-around;
        }


        /* Search box */

        .search-box {
            position: relative;
            width: 85%;
            max-width: 1000px;
            margin: 0 auto;
            background: white;
            padding: 25px;
            border-radius: 15px;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
        }

        .search-box h4 {
            font-weight: 700;
        }

        /* Section below slider */
        section.content {
            padding: 100px 0;
        }

        @media (max-width: 768px) {
            .search-box {
                width: 95%;
                padding: 15px;
                bottom: 8%;
            }

            section.text-center {
                margin-bottom: 40px !important;
            }
        }

        @media (max-width: 992px) {
            /* .main-navbar {
                display: none;
            } */
        }

        main-navbar

        /* ====== Search Component Styles (scoped) ====== */
        #search-component {
            --brand: #156184;
        }

        /* الحاوية العامة لشريط البحث */
        #search-component .rounded-pill-outer {
            border-radius: 50rem;
        }

        #search-component .search-bar {
            position: relative;
        }

        #search-component .search-item {
            position: relative;
            padding: .5rem 1rem;
            cursor: pointer;
        }

        #search-component .search-item small {
            display: block;
            color: #6c757d;
        }

        /* زر البحث الرئيسي باللون المعتمد */
        #search-component .btn-primary {
            background-color: var(--brand) !important;
            border-color: var(--brand) !important;
        }

        #search-component .btn-primary:hover,
        #search-component .btn-primary:focus {
            filter: brightness(.95);
            background-color: var(--brand) !important;
            border-color: var(--brand) !important;
        }

        #search-component .text-brand {
            color: var(--brand) !important;
        }

        /* أزرار +/− في الضيوف (هوفر بنفس اللون) */
        #search-component .guest-ctrl .btn {
            width: 34px;
            height: 34px;
            line-height: 1;
            padding: 0;
        }

        #search-component .guest-ctrl .btn-outline-secondary:hover,
        #search-component .guest-ctrl .btn-outline-secondary:focus {
            color: var(--brand) !important;
            border-color: var(--brand) !important;
        }

        #search-component .count {
            width: 28px;
            text-align: center;
            font-weight: 700;
        }

        /* تفاصيل الضيوف في الشريط بخط أصغر */
        #search-component #guests-display {
            font-size: .9rem;
        }

        /* النوافذ المنبثقة العامة */
        #search-component .popup {
            position: absolute;
            top: calc(100% + 10px);
            left: 0;
            display: none;
            z-index: 100000;
            background: #fff;
            border-radius: .75rem;
            box-shadow: 0 .75rem 1.5rem rgba(0, 0, 0, .18);
            min-width: 280px;
        }

        #search-component .popup-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: .5rem .75rem;
            border-bottom: 1px solid #f1f3f5;
        }

        #search-component .popup-body {
            padding: .75rem;
        }

        /* نافذة المكان */
        #search-component #location-popup {
            width: 340px;
        }

        #search-component #location-list {
            max-height: 260px;
            overflow: auto;
        }

        /* صفوف الضيوف */
        #search-component .guest-row {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: .75rem;
        }

        /* نافذة التواريخ */
        #search-component #date-popup {
            min-width: 540px;
        }

        /* DateRangePicker: اتجاه وطبقات وتهيئة الألوان */
        html[lang="ar"] #search-component .daterangepicker {
            direction: rtl;
        }

        html:not([lang="ar"]) #search-component .daterangepicker {
            direction: ltr;
        }

        #search-component .daterangepicker {
            z-index: 100001 !important;
        }

        /* إخفاء أزرار (إلغاء/تطبيق) الافتراضية */
        #search-component .daterangepicker .drp-buttons {
            display: none !important;
        }

        /* ألوان التحديد */
        #search-component .daterangepicker td.active,
        #search-component .daterangepicker td.active:hover {
            background-color: #156184 !important;
            color: #fff !important;
        }

        #search-component .daterangepicker td.in-range {
            background-color: rgba(21, 97, 132, 0.10) !important;
            color: #0b2b19 !important;
        }

        #search-component .daterangepicker td.start-date,
        #search-component .daterangepicker td.end-date {
            border-radius: 50% !important;
        }

        #search-component .daterangepicker .calendar-table th {
            font-weight: 600;
            color: #6b7280;
        }

        #search-component .daterangepicker .prev:hover i,
        #search-component .daterangepicker .next:hover i {
            color: #156184;
        }

        /* زر البحث الدائري */
        #search-component .search-btn {
            width: 44px;
            height: 44px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        div#location-popup {
            background-color: white !important;
            border-radius: 10px !important;
            width: 290px !important;
        }

        .popup-header {
            display: flex;
            justify-content: space-between;
            height: 35px;
            align-items: center;
        }

        /* تجاوبية بسيطة للهواتف */
        @media (max-width: 575.98px) {
            #search-component #date-popup {
                min-width: auto;
                width: calc(100vw - 2rem);
                left: .5rem;
                right: .5rem;
            }

            #search-component #location-popup {
                width: calc(100vw - 2rem);
            }
        }

        .daterangepicker.openscenter {
            position: absolute !important;
            left: -115px !important;
            right: auto !important;
            top: auto !important;
            /* تجاهل top السالب */
            margin-top: 8px !important;
            /* مسافة بسيطة أسفل العنصر */
            transform: none !important;
        }

        /* إخفاء شريط التأكيد/الإلغاء بالكامل */
        .daterangepicker .drp-buttons {
            display: none !important;
        }

        /* Navbar and Bottom Nav Responsiveness */
        @media (max-width: 767px) {
            .navbar {
                display: none !important;
            }

            .mobile-nav {
                display: flex !important;
            }
        }

        @media (min-width: 767px) {
            .mobile-nav {
                display: none !important;
            }
        }




        /* المربع الخاص بالبحث في الجوال */
        .mobile-search {
            position: relative;
            top: 0;
            width: 100%;
            background: transparent;
            z-index: 9999;
            display: none;
        }

        /* تصميم شريط البحث */
        .search-container {
            width: 95%;
        }

        .search-bar {
            background: white;
            border-radius: 30px;
            padding: 10px 15px;
            display: flex;
            align-items: center;
            justify-content: flex-start;
            gap: 10px;
            cursor: pointer;
            transition: all 0.3s ease;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
        }

        .search-bar.collapsed {
            width: auto;
            margin: auto;
            justify-content: center;
        }

        .search-bar.expanded {
            width: 100%;
            background: white;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
        }

        .search-bar i {
            color: #e61e4d;
        }

        /* النموذج الكامل بعد التوسيع */
        .search-expanded {
            display: none;
            transition: all 0.4s ease;
        }

        /* اظهار المكونات في الموبايل فقط */
        @media (max-width: 768px) {
            .search-bar-wrapper {
                display: none !important;
            }

            .mobile-search {
                display: block !important;
            }

            .bottom-nav {
                display: flex !important;
            }

            body {
                padding-top: 0px;
            }
        }

        /* العقارات  */

        .section-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
            margin-bottom: 18px;
        }

        .section-title {
            font-size: 20px;
            font-weight: 700;
            margin: 0;
            text-align: right;
        }

        /* أزرار التحكم بجانب العنوان */
        .section-controls {
            display: flex;
            gap: 8px;
            align-items: center;
        }

        .section-controls .ctrl-btn {
            width: 38px;
            height: 38px;
            border-radius: 50%;
            border: 1px solid rgba(0, 0, 0, 0.08);
            display: flex;
            align-items: center;
            justify-content: center;
            background: #fff;
            box-shadow: 0 2px 6px rgba(16, 24, 40, 0.06);
            cursor: pointer;
        }

        .section-controls .ctrl-btn:hover {
            box-shadow: 0 4px 12px rgba(16, 24, 40, 0.1);
            background-color: #156184;
            color: #fff;
        }

        /* ===============================
   🔹 شريط عرض العقارات (السلايدر)
   =============================== */
        .properties-row {
            display: flex;
            gap: 18px;
            overflow-x: hidden;
            scroll-behavior: smooth;
            scroll-snap-type: x mandatory;
            /* ✅ نظام Scroll Snap */
            -webkit-overflow-scrolling: touch;
            cursor: grab;
            user-select: none;
            padding: 8px 4px 12px;
        }

        .properties-row.dragging {
            cursor: grabbing;
        }

        /* 🔹 كل بطاقة تلتصق عند التوقف */
        .property-card {
            scroll-snap-align: start;
            flex: 0 0 calc(25% - 14px);
            /* ✅ 4 بطاقات في الصف */
            border-radius: 18px;
            overflow: hidden;
            background: #fff;
            box-shadow: 0 6px 18px rgba(16, 24, 40, 0.06);
            transition: transform 0.18s ease, box-shadow 0.18s ease;
        }

        .property-card:hover {
            transform: translateY(-6px);
            box-shadow: 0 12px 28px rgba(16, 24, 40, 0.12);
        }

        /* ===============================
   🔹 التجاوبية (Responsive)
   =============================== */
        @media (max-width: 1024px) {
            .property-card {
                flex: 0 0 calc(33.333% - 12px);
                /* 3 بطاقات في التابلت */
            }
        }

        @media (max-width: 768px) {
            .property-card {
                flex: 0 0 calc(50% - 10px);
                /* 2 بطاقتان في الجوال */
            }
        }

        @media (max-width: 480px) {
            .property-card {
                flex: 0 0 100%;
                /* بطاقة واحدة فقط */
            }
        }

        /* ===============================
   🔹 الأزرار الجانبية (الأسهم)
   =============================== */
        .ctrl-btn {
            width: 38px;
            height: 38px;
            border-radius: 50%;
            border: 1px solid rgba(0, 0, 0, 0.08);
            display: flex;
            align-items: center;
            justify-content: center;
            background: #fff;
            box-shadow: 0 2px 6px rgba(16, 24, 40, 0.06);
            cursor: pointer;
            transition: all 0.2s ease;
        }

        .ctrl-btn:hover {
            box-shadow: 0 4px 12px rgba(16, 24, 40, 0.1);
            background-color: #156184;
            color: #fff;
        }

        /* 🔸 الزر المعطّل */
        .ctrl-btn.disabled {
            opacity: 0.4;
            pointer-events: none;
            background-color: #f1f1f1;
        }

        /* ===============================
   🔹 تحسينات إضافية
   =============================== */
        /* إزالة الوميض عند السحب */
        .properties-row::-webkit-scrollbar {
            display: none;
        }

        /* منع سحب النص أثناء تمرير العقارات */
        .property-card img,
        .property-card,
        .section-header,
        .section-title {
            -webkit-user-drag: none;
        }

        /* لإعطاء انسيابية أكثر أثناء التوقف (تجميلي) */
        html {
            scroll-behavior: smooth;
        }

        /* الصورة */
        .property-img {
            width: 100%;
            height: 200px;
            object-fit: cover;
            display: block;
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0;
        }

        /* بادج مركزي علوي */
        .badge-top {
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            top: 12px;
            background: rgba(255, 255, 255, 0.95);
            padding: 6px 12px;
            border-radius: 20px;
            font-size: 13px;
            box-shadow: 0 4px 10px rgba(16, 24, 40, 0.06);
            white-space: nowrap;
        }

        /* أيقونة المفضلة (قلب) في أعلى يسار الصورة - في RTL يظهر على اليمين بصريًا لذا استخدم end */
        .fav-heart {
            position: absolute;
            top: 10px;
            right: 8px;
            background: rgba(255, 255, 255, 0.92);
            width: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.08);
            cursor: pointer;
            border: 1px solid rgba(0, 0, 0, 0.06);
        }

        .fav-heart .bi {
            color: #222;
            font-size: 18px;
        }

        .fav-heart.active .bi {
            color: #e53950;
        }

        /* محتوى البطاقة */
        .card-body {
            padding: 12px 14px;
        }

        .property-title {
            font-size: 15px;
            font-weight: 700;
            margin-bottom: 4px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .property-sub {
            font-size: 13px;
            color: #6b7280;
            margin-bottom: 6px;
        }

        .property-price {
            font-weight: 700;
            font-size: 14px;
            margin-bottom: 6px;
        }

        .property-meta {
            font-size: 13px;
            color: #6b7280;
            display: flex;
            gap: 8px;
            align-items: center;
        }

        /* لجعل المظهر أقرب للصورة المرسلة: زوايا أكثر استدارة للصورة داخل البطاقة */
        .image-wrap {
            position: relative;
            border-radius: 14px;
            overflow: hidden;
            margin: 14px;
            height: 170px;
        }

        .image-wrap img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }

        /* استجابة */
        @media (max-width: 768px) {
            .property-card {
                width: 220px;
            }

            .image-wrap {
                height: 150px;
                margin: 10px;
            }
        }

        /* انتهاء العقارات  */



        .footer {
            font-size: 0.95rem;
        }

        .footer .text-brand {
            color: #156184 !important;
        }

        /* الروابط */
        .footer-links li {
            margin-bottom: .5rem;
        }

        .footer-links a {
            color: #d1d5db;
            text-decoration: none;
            transition: color .2s ease, padding .2s ease;
        }

        .footer-links a:hover {
            color: #ffffff;
            padding-inline-start: 4px;
        }

        /* الأيقونات الاجتماعية */
        .social-link {
            width: 38px;
            height: 38px;
            border-radius: 50%;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background-color: rgba(255, 255, 255, 0.08);
            color: #fff;
            font-size: 1rem;
            transition: all .3s ease;
        }

        .social-link:hover {
            background-color: #156184;
            transform: translateY(-3px);
            color: #fff;
        }

        /* تجاوبية */
        @media (max-width: 575.98px) {
            .footer {
                text-align: center;
            }

            .footer .social-link {
                margin: 0 .25rem;
            }
        }

        /* عرض منتج واحد` */
        .object-fit-cover {
            object-fit: cover;
        }

        .clamp-4 {
            display: -webkit-box;
            line-clamp: 4;
            box-orient: vertical;
            overflow: hidden;
        }

        .booking-card {
            border-radius: 15px;
            background: #fff;
        }

        .btn-primary {
            background-color: #156184 !important;
            border-color: #156184 !important;
            font-weight: 600;
            border-radius: 8px;
            padding: 10px 0;
            transition: all 0.2s ease;
        }

        .btn-primary:hover {
            background-color: #0f4d66 !important;
        }

        .dropdown-menu {
            border-radius: 10px;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
            border: none;
        }

        .guest-ctrl .btn {
            width: 28px;
            height: 28px;
            padding: 0;
            text-align: center;
            line-height: 1;
        }



        .form-control {
            border-radius: 8px;
            border: 1px solid #ddd;
        }

        .form-control:focus {
            border-color: #156184;
            box-shadow: 0 0 0 0.1rem rgba(21, 97, 132, 0.25);
        }

        /* بطاقة الحجز */
        #btnReserve {
            background-color: #156184 !important;
            color: #fff !important;
        }

        /* عرض منتج واحد` */
        /* صفحة التشيك اوت  */
        /* يجعل بطاقة خيار الدفع قابلة للنقر بكاملها */
        .method-opt {
            cursor: pointer;
        }

        /* بدل margin-left/right حسب اللغة استخدم خاصية منطقية تدعم RTL/LTR */
        .method-opt input {
            margin-inline-start: 0.5rem;
        }

        /* (اختياري) لمسة صغيرة لتمييز الخيار عند التركيز */
        .method-opt:has(input:checked) {
            border-color: var(--bs-primary) !important;
            box-shadow: 0 0 0 .1rem rgba(var(--bs-primary-rgb), .15);
        }

        /* صفحة الشكر */
        .text-footer {
            color: #0f4652;
        }

        /* مربع مقدمة */
        .thank-hero .thank-title {
            font-weight: 700;
        }

        /* شبكة ملخص الحجز */
        .summary-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            border-top: 1px solid var(--bs-border-color);
        }

        @media (min-width: 992px) {
            .summary-grid {
                grid-template-columns: repeat(3, minmax(0, 1fr));
            }
        }

        .sum-item {
            padding: .9rem 1rem;
            border-bottom: 1px solid var(--bs-border-color);
            border-inline-end: 1px solid var(--bs-border-color);
        }

        .summary-grid .sum-item:nth-child(2n) {
            border-inline-end: none;
        }

        @media (min-width: 992px) {
            .summary-grid .sum-item:nth-child(3n) {
                border-inline-end: none;
            }
        }

        .sum-label {
            font-size: .85rem;
            color: var(--bs-secondary-color, #6c757d);
            display: flex;
            align-items: center;
            gap: .5rem;
            margin-bottom: .15rem;
        }

        .sum-value {
            font-weight: 600;
        }

        .object-fit-cover {
            object-fit: cover;
        }

        /* صفحة الشكر */
        /* التقييم */
        /* رأس كل كتلة: شبكة 3 أعمدة (الوسط للكلمة) */
        .rate-header {
            display: grid;
            grid-template-columns: 1fr auto 1fr;
            align-items: center;
            margin-bottom: .35rem;
        }

        .rate-label {
            font-weight: 600;
            color: var(--bs-body-color);
            /* الحافة (RTL/LTR) تلقائيًا بفضل اتجاه الصفحة */
            text-align: start;
        }

        .rate-caption {
            justify-self: center;
            color: var(--bs-primary);
            font-weight: 700;
            font-size: 1.05rem;
            /* أكبر قليلاً */
            line-height: 1.2;
        }

        .rate-spacer {
            /* عمود فارغ ليبقى العنوان على الحافة والكلمة في الوسط */
        }

        /* مجموعة الوجوه بالمنتصف */
        .emoji-rate {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: .6rem;
            flex-wrap: wrap;
            margin-top: .25rem;
        }

        /* إخفاء الراديو مع الحفاظ على الوصولية */
        .emoji-rate input[type="radio"].visually-hidden {
            position: absolute !important;
            height: 1px;
            width: 1px;
            overflow: hidden;
            clip: rect(1px, 1px, 1px, 1px);
            white-space: nowrap;
            border: 0;
            padding: 0;
            margin: -1px;
        }

        /* الوجه نفسه بدون أي إطار */
        .emoji-rate .rate-item {
            font-size: 28px;
            line-height: 1;
            cursor: pointer;
            user-select: none;
            transition: transform .12s ease, filter .12s ease;
            filter: grayscale(25%) opacity(.9);
            padding: .15rem .25rem;
            /* لا خلفية ولا حدود */
            border: none;
            box-shadow: none;
            outline: none;
        }

        .emoji-rate .rate-item:hover {
            transform: translateY(-1px) scale(1.08);
            filter: none;
        }

        /* المختار: أكبر قليلاً وبدون دائرة/ظل */
        .emoji-rate input[type="radio"]:checked+.rate-item {
            transform: scale(1.25);
            filter: none;
            box-shadow: none;
            outline: none;
        }

        /* إزالة أي إطار تركيز مرئي (اختياري) */
        .emoji-rate input[type="radio"]:focus+.rate-item {
            outline: none;
            box-shadow: none;
        }

        /* مسافة بين الكتل */
        .rating-block+.rating-block {
            margin-top: .8rem;
        }

        /* زر الإرسال – padding أوضح */
        .btn-rating-submit {
            padding-block: .6rem;
            padding-inline: 1.2rem;
            font-weight: 600;
            letter-spacing: .2px;
        }

        .fw-bold.small,
        i.fa-solid.fa-magnifying-glass.me-2,
        h6#mobileSearchLabel,
        span#ms-display-location,
        span#ms-display-dates,
        span#ms-display-guests {
            color: var(--brand);
        }

        .la {
            background-color: var(--brand);
            color: #fff;
        }

        .la:hover {
            background-color: var(--brand-dark);
            color: #fff;
        }

        /* نهاية التقييم  */
        /* نهاية صفحة التشيك اوت  */
        .bi,
        .bi::before,
        [class^="bi-"]::before,
        [class*=" bi-"]::before {
            font-family: "bootstrap-icons" !important;
            font-style: normal !important;
            font-weight: normal !important;
            speak: never;
        }

        /* احمِ Font Awesome 6 (مجمّعة) */
        .fa,
        .fas,
        .fa-solid,
        .far,
        .fa-regular,
        .fab,
        .fa-brands {
            font-family: "Font Awesome 6 Free" !important;
        }

        .fa-brands {
            font-family: "Font Awesome 6 Brands" !important;
        }

        .fa-regular {
            font-weight: 400 !important;
        }

        .fa-solid,
        .fas {
            font-weight: 900 !important;
        }

        /* لا تفرض خطوط الواجهة على عناصر الأيقونات */
        i.bi,
        i.fa,
        i.fas,
        i.far,
        i.fab {
            font-family: inherit;
        }

        h1.fw-bold.mb-3 {
            font-size: 40px;
            color: #156184;
        }

        .color {
            color: var(--brand);
        }

        .color1 {
            background-color: var(--brand-dark);
            color: white;
        }

        /* // المفضلة */
        .toast-mini-wrap {
            position: fixed;
            top: 80px;
            /* حسب طلبك */
            right: 16px;
            z-index: 4000;
            display: flex;
            flex-direction: column;
            gap: 8px;
            pointer-events: none;
        }

        .toast-mini {
            background: #fff;
            color: var(--brand);
            border: 1px solid rgba(0, 0, 0, .06);
            border-radius: 10px;
            box-shadow: 0 5px 18px rgba(0, 0, 0, .08);
            padding: 10px 14px;
            min-width: 220px;
            font-size: 14px;
            pointer-events: auto;
        }

        .toast-mini.error {
            color: #b00020;
            /* إن أردت لون الخطأ مختلف */
        }

        /* لمسة بصرية على القلب عند الإضافة */
        .fav-heart.active i.bi {
            font-weight: bold;
        }

        .fav-heart i.bi-heart-fill {
            color: var(--brand) !important;
        }


        .property-rate-item.active {
            transform: scale(1.1);
        }

        .category-rate-item.active {
            background-color: var(--bs-primary);
            color: #fff;
            border-color: var(--bs-primary);
        }