/* Phase 4: migrated existing header/hero rules; visual policy preserved. */
.hero-top { --gv-r-website-navigation: desktop; }
@media (max-width:1200px), (max-width:1366px) and (pointer:coarse) {
  .hero-top { --gv-r-website-navigation: compact; }
}

/* =====================================================
   GLOVISION SITE HEADER + HERO CSS
   نسخة مرتبة ومنظفة بدون تغيير الشكل أو النظام
   Organized + Cleaned Version Without Visual/System Changes
===================================================== */


/* =====================================================
   01) GLOBAL SETTINGS / الإعدادات العامة
===================================================== */
*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}

:root{
  --header-bg-opacity:.60;
  --main-dark:#071B2D;
  --main-orange:#DB7321;
  --soft-bg:#F8FAFC;
  --white:#ffffff;
  --main-orange-dark:#C96518;
  --text-soft:#6B7280;
  --glass-soft:rgba(255,255,255,.72);
  --glass-strong:rgba(255,255,255,.88);
  --text:#071B2D;
}

html,
body{
  margin:0 !important;
  padding:0 !important;
  width:100%;
  max-width:100%;
  overflow-x:hidden !important;
}

body{
  padding-top:0 !important;
  padding-bottom:0 !important;
  scroll-behavior:smooth;
  font-family:"Tajawal", Arial, sans-serif;
  background:var(--soft-bg);
  color:var(--text);
  line-height:1.75;
  letter-spacing:0;
  word-spacing:1px;
  -webkit-font-smoothing:antialiased;
  text-rendering:geometricPrecision;
}

body,
button,
input,
select,
textarea,
a,
span,
p,
h1,
h2,
h3,
h4,
h5,
h6,
label,
div{
  font-family:"Tajawal", Arial, sans-serif;
}

i,
.fa,
.fa-solid,
.fa-regular,
.fa-brands{
  font-family:"Font Awesome 6 Free","Font Awesome 6 Brands" !important;
}

a{
  text-decoration:none;
  color:inherit;
}

button{
  font-family:"Tajawal", Arial, sans-serif;
}

button,
a{
  font-weight:700;
}

h1{
  font-weight:900;
  letter-spacing:-0.35px;
  line-height:1.22;
}

h2{
  font-weight:800;
  line-height:1.28;
  letter-spacing:-0.2px;
}

h3{
  font-weight:800;
  line-height:1.35;
  letter-spacing:-0.1px;
}

p{
  font-weight:400;
  line-height:1.9;
  color:var(--text-soft);
  word-spacing:1px;
}

label{
  font-weight:600;
}

small,
span{
  font-weight:500;
}

section{
  margin-top:40px;
}

body.consultation-opened{
  overflow:hidden;
}

/* =====================================================
   02) HERO SECTION / قسم الهيرو
===================================================== */
.hero-exact{
  min-height:650px;
  padding:40px;
  direction:rtl;
  overflow:visible !important;
  background:none !important;
  position:relative !important;
  z-index:auto !important;
  margin-top:0 !important;
}

.hero-frame{
  min-height:560px;
  border:1px solid rgba(219,115,33,.42);
  border-radius:25px;
  background:rgba(3,18,31,.20);
  box-shadow:0 25px 70px rgba(0,0,0,.35);
  z-index:auto !important;
  overflow:visible !important;
  position:relative;
  height:100%;
}

.hero-bg-slider{
  position:absolute;
  inset:0;
  z-index:0;
}

.hero-bg-slide{
  position:absolute;
  inset:0;
  background-size:cover;
  background-position:center;
  opacity:0;
  transform:scale(1.04);
  transition:opacity 1.1s ease, transform 5s ease;
}

.hero-bg-slide.active{
  opacity:1;
  transform:scale(1);
}

.hero-bg-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.hero-bg-slide::after{
  content:"";
  position:absolute;
  inset:0;
  background:
  linear-gradient(
  rgba(6,27,45,.50),
  rgba(6,27,45,.68)
  ),
  radial-gradient(
  circle at center,
  rgba(219,115,33,.06),
  transparent 48%
  );
}

.hero-bg-arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:46px;
  height:46px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.35);
  background:rgba(0,0,0,.28);
  color:#fff;
  font-size:34px;
  cursor:pointer;
  z-index:30;
  display:flex;
  align-items:center;
  justify-content:center;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  transition:.3s ease;
}

.hero-bg-prev{
  right:18px;
}

.hero-bg-next{
  left:18px;
}

.hero-bg-arrow:hover{
  background:#DB7321;
  border-color:#DB7321;
  box-shadow:0 12px 30px rgba(219,115,33,.35);
}


/* =====================================================
   03) HEADER + NAVIGATION / الهيدر والقائمة الرئيسية
===================================================== */
@keyframes heroHeaderSoftIn{
from{ opacity:0; transform:translateY(-8px); }
to{ opacity:1; transform:translateY(0); }
}

.hero-top{
  position:absolute !important;
  top:0 !important;
  left:0 !important;
  width:100% !important;
  height:92px !important;
  padding:0 40px !important;
  display:grid !important;
  grid-template-columns:260px 1fr 260px !important;
  align-items:center !important;
  direction:ltr !important;
  background:transparent !important;
  box-shadow:none;
  border-bottom:none;
  opacity:1;
  transform:none;
  transition:
  background .75s ease,
  backdrop-filter .75s ease,
  -webkit-backdrop-filter .75s ease,
  box-shadow .75s ease,
  height .55s ease,
  padding .55s ease;
  z-index:999999999 !important;
}

.hero-top.scrolled{
  pointer-events:auto;
  padding:0 60px !important;
  backdrop-filter:blur(16px) !important;
  -webkit-backdrop-filter:blur(16px) !important;
  box-shadow:0 8px 24px rgba(0,0,0,.16);
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  width:100% !important;
  height:80px !important;
  background:#071B2D !important;
  z-index:999999999 !important;
}

.hero-top::after{
  content:"";
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:1px;
  background:linear-gradient(to right, transparent, #DB7321, transparent);
  opacity:0;
  transition:opacity .55s ease;
}

.hero-top.scrolled::after{
  opacity:1;
}

.logo{
  grid-column:1 !important;
  justify-self:start !important;
  direction:ltr;
  font-size:34px;
  font-weight:900;
  color:#fff;
  letter-spacing:.8px;
  transition:color .18s ease, transform .35s ease, font-size .35s ease;
}

.logo span{
  color:#DB7321;
}

/* =====================================================
   GLOBAL HEADER LOGO IMAGE / صورة شعار الهيدر العامة
   Keeps the original text logo as fallback.
===================================================== */
.logo.gv-header-brand{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  min-width:0;
}

.logo .gv-header-logo-img{
  display:block;
  width:var(--gv-r-logo-width-desktop);
  max-width:100%;
  height:auto;
  object-fit:contain;
  object-position:left center;
}

.logo .gv-header-logo-img-mobile{
  display:none;
}

.mobile-side-logo.gv-mobile-brand{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  min-width:0 !important;
}

.mobile-side-logo .gv-mobile-logo-img{
  display:block;
  width:var(--gv-r-logo-width-mobile);
  max-width:100%;
  height:auto;
  object-fit:contain;
  object-position:left center;
}

@media (min-width:1201px) and (pointer:fine) and (max-width:1200px), (min-width:1367px) and (max-width:1200px){.logo .gv-header-logo-img{width:var(--gv-r-logo-width-tablet);}}
@media (max-width:1200px), (max-width:1366px) and (pointer:coarse){
  .logo .gv-header-logo-img{
    width:var(--gv-r-logo-width-mobile);
  }

  .logo .gv-header-logo-img-desktop.gv-has-mobile-logo{
    display:none;
  }

  .logo .gv-header-logo-img-mobile{
    display:block;
  }

  .mobile-side-logo .gv-mobile-logo-img{
    width:var(--gv-r-logo-width-mobile);
  }
}

.menu{
  grid-column:2 !important;
  justify-self:center !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  direction:rtl !important;
  gap:40px !important;
}

.menu a{
  color:#fff;
  font-size:20px;
  font-weight:800;
  text-decoration:none;
  letter-spacing:-0.1px;
  word-spacing:1px;
  position:relative;
  transition:color .18s ease, transform .35s ease;
}

.menu a::after{
  content:"";
  position:absolute;
  right:0;
  bottom:-12px;
  width:0;
  height:3px;
  background:#DB7321;
  border-radius:10px;
  transition:.3s ease;
}

.hero-top .menu a,
.hero-top.scrolled .menu a{
  font-size:17px !important;
  line-height:1.35 !important;
  transition:color .18s ease, transform .35s ease !important;
}

.menu a:hover::after,
.menu a.active::after{
  width:100%;
}

.menu a.active{
  color:#DB7321;
}


/* =====================================================
   04) HEADER ACTIONS + LANGUAGE / أزرار الهيدر واللغة
===================================================== */
.lang-wrapper{
  grid-column:3 !important;
  justify-self:end !important;
  align-self:center !important;
  position:relative !important;
  direction:rtl !important;
  z-index:10000 !important;
}

.lang-btn{
  height:50px;
  padding:10px 18px;
  border:1px solid rgba(255,255,255,.25);
  border-radius:14px;
  background:rgba(255,255,255,.08);
  color:#fff;
  display:flex;
  align-items:center;
  gap:8px;
  font-size:15px;
  font-weight:700;
  letter-spacing:-0.05px;
  word-spacing:1px;
  cursor:pointer;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  transition:
  color .18s ease,
  transform .35s ease,
  font-size .35s ease,
  background .35s ease,
  border-color .35s ease,
  box-shadow .35s ease;
}

.lang-icon{
  font-size:16px;
  opacity:.9;
  transition:.3s;
}

.arrow{
  font-size:12px;
  transition:.35s ease;
}

.lang-btn:hover{
  border-color:#DB7321;
  box-shadow:0 8px 25px rgba(219,115,33,.25);
}

.lang-btn:hover .lang-icon{
  color:#DB7321;
}

.lang-dropdown{
  position:absolute !important;
  top:120% !important;
  right:0 !important;
  width:160px;
  padding:8px;
  border-radius:14px;
  background:rgba(6,27,45,.9);
  border:1px solid rgba(255,255,255,.15);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  opacity:0;
  visibility:hidden;
  transform:translateY(10px) scale(.95);
  pointer-events:none;
  transition:.35s ease;
  z-index:10001;
}

.lang-wrapper.active .lang-dropdown{
  opacity:1;
  visibility:visible;
  transform:translateY(0) scale(1);
  pointer-events:auto;
}

.lang-wrapper.active .arrow{
  transform:rotate(180deg);
}

.lang-option{
  padding:10px;
  border-radius:10px;
  color:#fff;
  cursor:pointer;
  transition:.25s ease;
}

.lang-option:hover{
  background:rgba(255,255,255,.08);
}

.lang-option.active{
  background:#DB7321;
}

.phone-number{
  direction:ltr;
  unicode-bidi:embed;
  font-weight:600;
  letter-spacing:1px;
}


/* =====================================================
   05) HERO CENTER + BUTTONS / محتوى وأزرار منتصف الهيرو
===================================================== */
.hero-center{
  position:absolute;
  top:55% !important;
  left:50% !important;
  transform:translate(-50%, -50%) !important;
  width:100%;
  max-width:940px;
  text-align:center;
  z-index:5;
  padding:78px 20px 0 !important;
}


.hero-seo-content{
  position:relative;
  max-width:900px;
  margin:0 auto;
  text-align:center;
}

.hero-seo-kicker,
.hero-seo-title,
.hero-seo-description{
  transition:opacity .32s ease, transform .32s ease, filter .32s ease;
}

.hero-seo-kicker{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-bottom:14px;
  padding:8px 15px;
  border-radius:999px;
  background:rgba(219,115,33,.14);
  border:1px solid rgba(219,115,33,.32);
  color:#DB7321;
  font-size:13px;
  font-weight:900;
  letter-spacing:1.3px;
  text-transform:uppercase;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}

.hero-seo-title{
  max-width:880px;
  letter-spacing:-0.35px;
  margin:0 auto 14px;
  color:#fff;
  font-size:clamp(34px, 4vw, 58px);
  line-height:1.25;
  font-weight:900;
  text-shadow:0 18px 45px rgba(0,0,0,.34);
}

.hero-seo-description{
  max-width:760px;
  margin:0 auto;
  color:rgba(255,255,255,.82);
  font-size:17px;
  line-height:2;
  font-weight:700;
  text-shadow:0 12px 32px rgba(0,0,0,.26);
}

.gv-hero-text-changing{
  opacity:0;
  transform:translateY(10px);
  filter:blur(4px);
}

.gv-hero-text-show{
  opacity:1;
  transform:translateY(0);
  filter:blur(0);
}

.hero-seo-content{
  width:min(92%, 900px);
  margin:0 auto 28px;
  text-align:center;
  color:#fff;
}

.hero-seo-kicker{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:34px;
  padding:0 16px;
  margin-bottom:14px;
  border-radius:999px;
  background:rgba(219,115,33,.18);
  border:1px solid rgba(219,115,33,.38);
  color:#fff;
  font-size:13px;
  font-weight:900;
  letter-spacing:.7px;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}

.hero-seo-title{
  display:block !important;
  margin:0 auto 16px;
  color:#fff;
  font-size:clamp(34px, 4vw, 58px);
  line-height:1.25;
  font-weight:900;
  letter-spacing:-.45px;
  text-shadow:0 18px 42px rgba(0,0,0,.32);
}

.hero-seo-description{
  max-width:760px;
  margin:0 auto;
  color:rgba(255,255,255,.84);
  font-size:17px;
  line-height:2;
  font-weight:700;
  text-shadow:0 10px 30px rgba(0,0,0,.25);
}


.hero-read-more-btn{
  width:max-content;
  min-width:150px;
  min-height:44px;
  margin:22px auto 0;
  padding:0 20px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  background:linear-gradient(135deg, #DB7321, #C96518);
  color:#fff;
  border:1px solid rgba(255,255,255,.18);
  font-size:14px;
  font-weight:900;
  box-shadow:0 14px 34px rgba(219,115,33,.28);
  transition:transform .3s ease, box-shadow .3s ease, background .3s ease;
}

.hero-read-more-btn:hover{
  transform:translateY(-3px);
  box-shadow:0 20px 45px rgba(219,115,33,.35);
}

.hero-read-more-btn i{
  font-size:13px;
  transition:transform .3s ease;
}

.hero-read-more-btn:hover i{
  transform:translateX(-4px);
}

.hero-buttons-exact{
  position:relative;
  z-index:10;
  top:0;
  margin:34px auto 0;
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  align-items:stretch;
  gap:18px;
  max-width:860px;
}

.hero-buttons-exact a{
  min-height:58px;
  height:100%;
  border-radius:10px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:#fff;
  font-size:17px;
  font-weight:900;
  text-decoration:none;
  letter-spacing:-0.1px;
  word-spacing:1px;
  transition:.3s ease;
}

.btn-gold{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:10px 28px;
  border-radius:14px;
  background:rgba(255,255,255,.08);
  border:2px solid rgba(219,115,33,.6);
  color:#DB7321;
  cursor:pointer;
  font-weight:900;
  text-decoration:none;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  transition:.35s ease;
}

.btn-gold:hover{
  border-color:#DB7321;
  color:#fff;
  background:rgba(255,255,255,.10);
  box-shadow:0 8px 25px rgba(219,115,33,.25);
  transform:translateY(-2px);
}

.btn-gold span{
  transition:.35s ease;
}

.btn-gold:hover span{
  color:#DB7321;
  transform:translateX(-4px);
}

.btn-glass{
  background:rgba(0,0,0,.12);
  border:2px solid rgba(255,255,255,.75);
  backdrop-filter:blur(6px);
}

.btn-glass:hover{
  background:rgba(255,255,255,.12);
  transform:translateY(-3px);
}


/* =====================================================
   DYNAMIC NAVIGATION NOTE
   نفس كلاسات القائمة الحالية مستخدمة في النسخة الديناميكية،
   لذلك لا نغيّر التصميم أو الـ hover أو responsive behavior.
===================================================== */

/* =====================================================
   06) MEGA MENU / القائمة الضخمة
===================================================== */
.properties-mega-item{
  position:relative;
  display:flex;
  align-items:center;
  height:100%;
}

.properties-mega-item:hover::after{
  content:"";
  position:fixed;
  top:52px;
  left:0;
  width:100vw;
  height:45px;
  background:transparent;
  z-index:999999998;
}

.properties-mega-link{
  position:relative;
  z-index:999999999;
}

.properties-mega-link::after{
  content:"";
  position:absolute;
  right:0;
  bottom:-9px;
  width:0;
  height:3px;
  border-radius:30px;
  background:#DB7321;
  transition:.3s ease;
}

.properties-mega-item:hover .properties-mega-link::after{
  width:100%;
}

.menu .properties-mega-item:nth-of-type(1) .properties-mega-menu{
  --mega-arrow-right:28%;
}

.menu .properties-mega-item:nth-of-type(2) .properties-mega-menu{
  --mega-arrow-right:42%;
}

.menu .properties-mega-item:nth-of-type(3) .properties-mega-menu{
  --mega-arrow-right:55%;
}

.properties-mega-menu{
  position:fixed !important;
  top:68px !important;
  left:50% !important;
  right:auto !important;
  width:min(980px, calc(100vw - 120px)) !important;
  padding:14px !important;
  border-radius:26px !important;
  background:
  radial-gradient(circle at top right, rgba(219,115,33,.22), transparent 32%),
  linear-gradient(135deg, rgba(4,16,28,.98), rgba(7,27,45,.96)) !important;
  border:1px solid rgba(219,115,33,.58) !important;
  box-shadow:
  0 45px 120px rgba(0,0,0,.58),
  0 0 0 1px rgba(255,255,255,.04) inset,
  0 0 45px rgba(219,115,33,.13) !important;
  backdrop-filter:blur(34px) saturate(165%) !important;
  -webkit-backdrop-filter:blur(34px) saturate(165%) !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  z-index:999999999 !important;
  max-height:none !important;
  overflow:visible !important;
  filter:none !important;
  transform:
  translateX(-50%)
  translateY(10px)
  scale(.985) !important;
  transition:
  opacity .18s ease,
  visibility .18s ease,
  transform .28s cubic-bezier(.19,1,.22,1),
  box-shadow .28s ease !important;
}

.properties-mega-menu::before{
  content:"";
  position:absolute;
  top:-9px;
  width:18px;
  height:18px;
  background:rgba(4,16,28,.97);
  border-top:1px solid rgba(219,115,33,.58);
  border-right:1px solid rgba(219,115,33,.58);
  transform:rotate(-45deg);
  right:var(--mega-arrow-right, 50%) !important;
}

.properties-mega-menu::after{
  content:"";
  position:absolute;
  top:0;
  right:36px;
  left:36px;
  height:2px;
  background:linear-gradient(to left, transparent, #DB7321, transparent);
  opacity:.95;
  box-shadow:0 0 18px rgba(219,115,33,.35);
}

.properties-mega-item:hover .properties-mega-menu{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  transform:
  translateX(-50%)
  translateY(0)
  scale(1) !important;
  box-shadow:
  0 50px 130px rgba(0,0,0,.62),
  0 0 0 1px rgba(255,255,255,.05) inset,
  0 0 55px rgba(219,115,33,.15) !important;
}

.properties-mega-content{
  display:grid !important;
  grid-template-columns:repeat(3,1fr) !important;
  gap:10px !important;
  opacity:0;
  transform:translateY(8px) scale(.99);
  transition:
  opacity .24s ease,
  transform .32s cubic-bezier(.19,1,.22,1) !important;
}

.properties-mega-item .properties-mega-content{
  opacity:0;
  transform:translateX(18px);
  transition:
  opacity .22s ease,
  transform .28s cubic-bezier(.22,1,.36,1) !important;
}

.properties-mega-item:hover .properties-mega-content{
  opacity:1;
  transform:translateY(0) scale(1);
}

.properties-mega-col,
.properties-featured-strip{
  opacity:1 !important;
  transform:none !important;
  transition:
  transform .28s cubic-bezier(.19,1,.22,1),
  background .25s ease,
  box-shadow .25s ease,
  border-color .25s ease !important;
}

.properties-mega-item:hover .properties-mega-col,
.properties-mega-item:hover .properties-featured-strip{
  transition-delay:0s !important;
}

.properties-mega-col{
  position:relative;
  overflow:hidden;
  min-height:215px !important;
  padding:16px 18px !important;
  border-radius:20px !important;
  background:
  linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.032)) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  box-shadow:
  inset 0 1px 0 rgba(255,255,255,.07),
  0 15px 20px rgba(0,0,0,.13) !important;
  opacity:.78;
  transition:
  transform .35s ease,
  opacity .35s ease,
  background .35s ease,
  box-shadow .35s ease !important;
  transform:translateY(14px) scale(.97) !important;
}

.properties-mega-item:hover .properties-mega-col{
  opacity:1;
  transform:translateY(0) scale(1) !important;
}

.properties-mega-col:hover{
  background:
  linear-gradient(145deg, rgba(219,115,33,.12), rgba(255,255,255,.04)) !important;
  border-color:rgba(255,255,255,.10) !important;
  box-shadow:
  inset 0 1px 0 rgba(255,255,255,.07),
  0 18px 40px rgba(0,0,0,.24),
  0 0 28px rgba(219,115,33,.10) !important;
  transform:translateY(-5px) scale(1.01) !important;
}

.properties-mega-col::before{
  content:"";
  position:absolute;
  top:0;
  right:22px;
  left:22px;
  height:2px;
  background:linear-gradient(to left, transparent, #DB7321, transparent);
  opacity:.92;
  z-index:2;
}

.properties-mega-col h3{
  margin:0 0 12px !important;
  color:#DB7321 !important;
  font-size:19px !important;
  font-weight:900 !important;
  line-height:1.35 !important;
  letter-spacing:-0.15px !important;
  text-shadow:0 0 18px rgba(219,115,33,.28) !important;
}

.properties-mega-col a{
  display:block !important;
  margin:0 0 7px !important;
  color:rgba(255,255,255,.88) !important;
  font-size:13.5px !important;
  font-weight:750 !important;
  line-height:1.65 !important;
  letter-spacing:-0.05px !important;
  word-spacing:1px !important;
  text-decoration:none !important;
  transition:
  color .25s ease,
  transform .25s ease,
  text-shadow .25s ease !important;
  position:relative !important;
  padding-right:12px !important;
}

.properties-mega-col a::before{
  content:"";
  position:absolute;
  right:0;
  top:50%;
  width:4px;
  height:4px;
  border-radius:50%;
  background:#DB7321;
  opacity:0;
  transform:translateY(-50%) scale(.4);
  transition:.25s ease;
}

.properties-mega-col a::after{
  bottom:-5px !important;
}

.properties-mega-col a:hover{
  color:#fff !important;
  transform:translateX(-6px) !important;
  text-shadow:0 0 18px rgba(219,115,33,.35) !important;
}

.properties-mega-col a:hover::before{
  opacity:1;
  transform:translateY(-50%) scale(1);
}

.properties-mega-item:hover .properties-mega-col:nth-child(1){
  transition-delay:.03s;
}

.properties-mega-item:hover .properties-mega-col:nth-child(2){
  transition-delay:.06s;
}

.properties-mega-item:hover .properties-mega-col:nth-child(3){
  transition-delay:.09s;
}

.properties-mega-item:hover .properties-mega-col:nth-child(4){
  transition-delay:.12s;
}

.properties-mega-item:hover .properties-mega-col:nth-child(5){
  transition-delay:.15s;
}

.properties-mega-item:hover .properties-mega-col:nth-child(6){
  transition-delay:.18s;
}


/* =====================================================
   07) MEGA MENU FEATURED STRIP / الشريط المميز داخل الميغا منيو
===================================================== */
.properties-featured-strip{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  min-height:92px;
  padding:18px 22px;
  border-radius:22px;
  overflow:hidden;
  grid-column:1 / -1;
  background:#071B2D;
  border:1px solid rgba(219,115,33,.18);
  box-shadow:0 15px 35px rgba(0,0,0,.18);
  transition:.35s ease;
  position:relative !important;
  z-index:999999999 !important;
}

.properties-featured-strip:hover{
  border-color:rgba(219,115,33,.38);
  box-shadow:
  0 22px 40px rgba(0,0,0,.24),
  0 0 24px rgba(219,115,33,.08);
  transform:translateY(-4px) scale(1.006) !important;
}

.properties-featured-strip img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
}

.featured-strip-overlay{
  position:absolute;
  inset:0;
  background:
  linear-gradient(
  to left,
  rgba(4,16,28,.95),
  rgba(4,16,28,.82),
  rgba(4,16,28,.72)
  );
}

.featured-strip-content{
  position:relative;
  z-index:2;
}

.featured-strip-content span{
  display:inline-block;
  margin-bottom:6px;
  color:#DB7321;
  font-size:11px;
  font-weight:800;
  letter-spacing:2px;
  text-transform:uppercase;
}

.featured-strip-content h4{
  margin:0;
  color:#fff;
  font-size:22px;
  font-weight:900;
  line-height:1.35;
  letter-spacing:-0.15px;
}

.properties-featured-strip a{
  position:relative;
  z-index:2;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:12px 18px;
  border-radius:40px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.10);
  color:#fff;
  font-size:13px;
  font-weight:800;
  text-decoration:none;
  backdrop-filter:blur(10px);
  transition:.25s ease;
}

.properties-featured-strip a:hover{
  background:#DB7321;
  border-color:#DB7321;
}


/* =====================================================
   08) FAVORITES SYSTEM / نظام المفضلة
===================================================== */
.favorites-btn{
  width:46px;
  height:46px;
  border-radius:15px;
  border:1px solid rgba(255,255,255,.28);
  background:rgba(255,255,255,.08);
  color:#fff;
  align-items:center;
  justify-content:center;
  position:relative;
  font-size:20px;
  display:none !important;
}

.favorites-count{
  position:absolute;
  top:-6px;
  left:-6px;
  min-width:18px;
  height:18px;
  padding:0 5px;
  border-radius:50px;
  background:#DB7321;
  color:#fff;
  font-size:11px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.fav-toggle.active i,
.fav-toggle i.fa-solid{
  color:#DB7321 !important;
}

.favorites-page{
  position:fixed;
  inset:0;
  z-index:999999999;
  padding:24px;
  overflow-y:auto;
  opacity:0;
  visibility:hidden;
  transition:.35s ease;
  background:
  radial-gradient(circle at top right, rgba(219,115,33,.18), transparent 34%),
  radial-gradient(circle at bottom left, rgba(219,115,33,.10), transparent 38%),
  rgba(3,12,22,.82) !important;
  backdrop-filter:blur(22px) !important;
  -webkit-backdrop-filter:blur(22px) !important;
}

.favorites-page.active{
  opacity:1;
  visibility:visible;
}

.favorites-page.active .favorites-panel{
  transform:translateY(0);
}

.favorites-panel{
  min-height:92vh;
  transform:translateY(40px);
  transition:.45s cubic-bezier(.22,1,.36,1);
  border:1px solid rgba(219,115,33,.32) !important;
  max-width:1100px;
  width:92%;
  margin:50px auto;
  padding:35px;
  border-radius:30px;
  backdrop-filter:blur(18px);
  background:rgba(255,255,255,0.05);
  box-shadow:
  0 30px 80px rgba(0,0,0,0.4),
  inset 0 1px 0 rgba(255,255,255,0.1);
}

.favorites-page-head{
  align-items:flex-start;
  display:flex;
  justify-content:space-between;
  margin-bottom:18px;
}

.favorites-page-head h2{
  font-size:34px;
  color:#fff;
  margin:6px 0;
}

.favorites-page-head p{
  margin:0;
  color:rgba(255,255,255,.7);
  font-size:13px;
}

.favorites-close,
.favorites-share-btn{
  width:46px;
  height:46px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.24);
  background:rgba(255,255,255,.10);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:18px;
  cursor:pointer;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  transition:.25s ease;
}

.favorites-share-btn{
  color:#DB7321;
}

.favorites-close{
  font-size:20px;
}

.favorites-close:hover,
.favorites-share-btn:hover{
  transform:translateY(-2px);
  border-color:rgba(219,115,33,.55);
  background:rgba(255,255,255,.16);
}

.favorites-list{
  grid-template-columns:repeat(auto-fill,minmax(240px,1fr));
  gap:18px;
  display:block !important;
}

.favorites-section-group{
  margin-bottom:34px;
  padding-bottom:28px;
  border-bottom:1px solid rgba(219,115,33,.22);
}

.favorites-section-group:last-child{
  border-bottom:0;
}

.favorites-group-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:18px;
  padding:12px 16px;
  border-radius:18px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(219,115,33,.18);
}

.favorites-group-title h3{
  margin:0;
  color:#fff;
  font-size:20px;
  font-weight:900;
}

.favorites-group-title span{
  width:34px;
  height:34px;
  border-radius:50%;
  background:#DB7321;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:900;
}

.favorites-group-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(240px,1fr));
  gap:18px;
}

.favorites-empty{
  min-height:260px;
  border-radius:26px;
  background:rgba(255,255,255,.9);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:20px;
  font-weight:900;
  grid-column:1/-1;
  text-align:center;
  color:#fff;
  margin-top:80px;
}

.favorites-stats{
  margin-bottom:28px;
  width:220px;
  height:58px;
  border-radius:18px;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.16);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:space-between;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
  margin:0 !important;
  padding:0 14px !important;
}

.favorites-stats span{
  font-size:13px;
  font-weight:800;
}

.favorites-stats strong{
  color:#DB7321 !important;
  font-size:22px !important;
  font-weight:950 !important;
}

.favorites-label{
  letter-spacing:1.5px;
  color:#DB7321 !important;
  font-size:12px !important;
  font-weight:900 !important;
  display:block;
  margin-bottom:10px;
  text-align:center !important;
}


/* =====================================================
   09) FAVORITE ITEM CARD / كرت عنصر المفضلة
===================================================== */
.favorite-item{
  position:relative;
  border-radius:22px;
  overflow:hidden;
  transition:.35s;
  background:
  linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,243,238,.96)) !important;
  border:1px solid rgba(219,115,33,.28) !important;
  box-shadow:0 18px 45px rgba(0,0,0,.22) !important;
}

.favorite-item:hover{
  box-shadow:0 30px 70px rgba(7,27,45,.24);
  transform:translateY(-6px);
}

.favorite-item::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(120deg, transparent 35%, rgba(219,115,33,.10), transparent 70%);
  opacity:.45;
}

.favorite-item img{
  width:100%;
  height:170px;
  object-fit:cover;
  display:block;
}

.favorite-img-wrap{
  overflow:hidden;
  position:relative;
  height:180px;
}

.favorite-img-wrap img{
  display:block;
  transition:.55s ease;
  width:100%;
  height:100%;
  object-fit:cover;
}

.favorite-img-wrap::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(to top, rgba(0,0,0,.6), transparent);
}

.favorite-item:hover .favorite-img-wrap img{
  transform:scale(1.06);
}

.favorite-type-badge{
  z-index:2;
  border:1px solid rgba(255,255,255,.22);
  font-weight:900;
  backdrop-filter:blur(10px);
  position:absolute;
  top:12px;
  right:12px;
  background:rgba(0,0,0,.6);
  color:#fff;
  padding:6px 10px;
  border-radius:999px;
  font-size:11px;
}

.favorite-item-content{
  position:relative;
  z-index:2;
  padding:16px;
}

.favorite-item h3{
  margin:0 0 12px;
  font-weight:900;
  line-height:1.5;
  text-align:right;
  font-size:15px;
  color:#071b2d;
}

.favorite-actions{
  align-items:center;
  display:grid !important;
  grid-template-columns:1fr 1fr 44px !important;
  gap:8px !important;
}

.favorite-details,
.favorite-remove,
.favorite-whatsapp{
  cursor:pointer;
  text-decoration:none;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  height:42px !important;
  border-radius:14px !important;
  font-size:13px !important;
  font-weight:900 !important;
  border:1px solid transparent !important;
  transition:.25s ease !important;
}

.favorite-details{
  background:linear-gradient(135deg,#DB7321,#C96518) !important;
  color:#fff !important;
  box-shadow:0 10px 24px rgba(219,115,33,.28) !important;
  gap:6px !important;
  text-align:center !important;
  line-height:1.2 !important;
  padding:0 10px !important;
  white-space:nowrap !important;
}

.favorite-details i{
  font-size:13px !important;
  line-height:1 !important;
  display:flex !important;
  align-items:center !important;
}

.favorite-details span{
  display:inline-flex !important;
  align-items:center !important;
}

.favorite-details:hover i{
  transform:translateX(-4px);
  transition:0.3s;
}

.favorite-remove{
  background:rgba(7,27,45,.96) !important;
  color:#fff !important;
  border-color:rgba(255,255,255,.08) !important;
}

.favorite-whatsapp{
  border:1px solid rgba(37,211,102,.35);
  font-size:18px;
  background:rgba(37,211,102,.14) !important;
  color:#25D366 !important;
  border-color:rgba(37,211,102,.35) !important;
}

.favorite-details:hover,
.favorite-remove:hover,
.favorite-whatsapp:hover{
  transform:translateY(-2px) !important;
}


/* =====================================================
   10) FAVORITES LUXURY HEAD / رأس صفحة المفضلة الفاخر
===================================================== */
.luxury-fav-head{
  margin-bottom:34px;
  border-radius:30px !important;
  position:relative !important;
  overflow:hidden !important;
  background:
  radial-gradient(circle at top right, rgba(219,115,33,.20), transparent 35%),
  linear-gradient(135deg, rgba(255,255,255,.13), rgba(255,255,255,.035)),
  rgba(7,27,45,.72) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  box-shadow:
  0 24px 80px rgba(0,0,0,.42),
  inset 0 1px 0 rgba(255,255,255,.18),
  inset 0 -1px 0 rgba(219,115,33,.16) !important;
  backdrop-filter:blur(24px) saturate(150%) !important;
  -webkit-backdrop-filter:blur(24px) saturate(150%) !important;
  width:900px;
  min-height:200px;
  padding:30px 40px;
  margin:40px auto;
}

.luxury-fav-head::after{
  content:"";
  right:30px;
  bottom:0;
  height:1px;
  background:linear-gradient(90deg, transparent, #DB7321, transparent);
  position:absolute;
  left:50%;
  transform:translateX(-0%);
  width:80%;
}

.fav-head-top{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:30px !important;
}

.fav-head-right{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:14px;
}

.fav-head-left{
  max-width:520px;
  margin-left:auto;
  text-align:center !important;
  margin:0 auto !important;
  position:relative !important;
  right:180px !important;
}

.fav-head-left h2{
  font-size:40px;
  margin:0 0 6px;
}

.fav-head-left p{
  text-align:center !important;
  max-width:420px;
  margin:0 auto;
  line-height:1.9;
}

.fav-logo{
  margin-bottom:12px;
  margin:0 !important;
  font-size:30px !important;
  font-weight:900 !important;
  letter-spacing:1px !important;
  color:#fff !important;
  line-height:1 !important;
  position:relative !important;
  right:-28px !important;
}

.fav-logo span{
  color:#DB7321 !important;
}

.fav-control-box{
  width:100% !important;
  border:1px solid rgba(255,255,255,.20) !important;
  background:rgba(255,255,255,.10) !important;
  color:#fff !important;
  cursor:pointer !important;
  backdrop-filter:blur(12px) !important;
  -webkit-backdrop-filter:blur(12px) !important;
  transition:.25s ease !important;
  height:48px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-size:13px;
  font-weight:900;
}

.fav-control-box i{
  color:#DB7321 !important;
  font-size:15px !important;
}

.fav-control-box:hover{
  transform:translateY(-2px) !important;
  border-color:rgba(219,115,33,.55) !important;
  background:rgba(255,255,255,.16) !important;
}


/* =====================================================
   11) SHARE + COPY TOAST / المشاركة ورسالة النسخ
===================================================== */
.copy-toast{
  background:#DB7321;
  color:#fff;
  padding:10px 18px;
  border-radius:30px;
  font-size:14px;
  font-weight:700;
  opacity:0;
  transition:.3s ease;
  position:fixed !important;
  left:50% !important;
  bottom:35px !important;
  transform:translateX(-50%) translateY(20px) !important;
  z-index:2147483647 !important;
  pointer-events:none !important;
}

.copy-toast.show{
  opacity:1 !important;
  visibility:visible !important;
  transform:translateX(-50%) translateY(0) !important;
}


/* =====================================================
   12) CONSULTATION MODAL / نافذة الاستشارة
===================================================== */
.consultation-overlay{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,0.85);
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
  opacity:0;
  visibility:hidden;
  z-index:999999998;
  transition:.35s ease;
}

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

.consultation-modal{
  position:fixed;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  z-index:999999999;
  transition:.35s ease;
  direction:rtl;
}

.consultation-modal.active{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}

.consultation-box{
  width:100%;
  max-width:720px;
  position:relative;
  padding:34px;
  border-radius:20px;
  background:#ffffff;
  box-shadow:
  0 40px 100px rgba(0,0,0,0.6),
  0 0 0 1px rgba(219,115,33,0.15);
  border:1px solid rgba(219,115,33,.25);
  transform:translateY(25px) scale(.96);
  transition:.4s ease;
}

.consultation-modal.active .consultation-box{
  transform:translateY(0) scale(1);
}

.consultation-close{
  position:absolute;
  top:18px;
  left:18px;
  width:42px;
  height:42px;
  border:0;
  border-radius:14px;
  background:#071B2D;
  color:#fff;
  cursor:pointer;
  font-size:18px;
  transition:.3s ease;
}

.consultation-close:hover{
  background:#DB7321;
  transform:rotate(90deg);
}

.consultation-head{
  text-align:center;
  margin-bottom:26px;
}

.consultation-head h2{
  margin:0 0 8px;
  font-size:30px;
  font-weight:900;
  color:#071B2D;
}

.consultation-head p{
  margin:0;
  color:#6B7280;
  font-size:15px;
  line-height:1.85;
  color:#6B7280;
}

.consultation-form{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}

.form-group{
  display:flex;
  flex-direction:column;
  gap:7px;
}

.form-group.full{
  grid-column:1 / -1;
}

.form-group label{
  font-size:14px;
  font-weight:900;
  color:#071B2D;
}

.form-group input,
.form-group select,
.form-group textarea{
  width:100%;
  height:50px;
  border-radius:14px;
  border:1.5px solid rgba(219,115,33,.28);
  background:#fff;
  color:#071B2D;
  padding:0 14px;
  font-size:14px;
  outline:none;
  transition:.25s ease;
}

.form-group textarea{
  height:120px;
  padding:14px;
  resize:none;
  line-height:1.8;
}

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus{
  border-color:#DB7321;
  box-shadow:0 0 0 4px rgba(219,115,33,.12);
}

.consultation-submit{
  grid-column:1 / -1;
  height:54px;
  border:0;
  border-radius:16px;
  background:linear-gradient(135deg,#DB7321,#C96518);
  color:#fff;
  font-size:16px;
  font-weight:900;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  box-shadow:0 14px 32px rgba(219,115,33,.32);
  transition:.3s ease;
}

.consultation-submit:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 42px rgba(219,115,33,.42);
}


/* =====================================================
   13) COUNTRY CODE + PHONE INPUT / كود الدولة ورقم الهاتف
===================================================== */
.phone-row{
  display:grid;
  grid-template-columns:88px 1fr;
  gap:8px;
}

.country-code-smart{
  width:90px;
  position:relative !important;
  direction:rtl !important;
}

.country-code-smart input{
  width:100%;
  height:50px;
  border-radius:14px;
  border:1.5px solid rgba(219,115,33,.28);
  background:#fff;
  padding:0 14px;
  outline:none;
  text-align:center !important;
  font-weight:900 !important;
  font-size:13px !important;
  direction:ltr !important;
  color:#071B2D !important;
}

.country-code-smart input::placeholder{
  color:#6B7280 !important;
  font-weight:700 !important;
  direction:rtl !important;
}

#countryCodeInput{
  width:100%;
  border-radius:14px;
  border:1px solid rgba(107,114,128,.22);
  font-weight:600;
  cursor:pointer;
  height:50px !important;
  padding:0 8px !important;
  font-size:13px !important;
  text-align:center !important;
}

#clientPhone{
  flex:1;
  border-radius:14px;
  border:1px solid rgba(107,114,128,.22);
  padding:0 15px;
  height:50px !important;
  direction:rtl !important;
  text-align:right !important;
}

#countryCodeResults,
.country-code-results{
  position:absolute !important;
  top:calc(100% + 8px) !important;
  right:0 !important;
  width:260px !important;
  max-height:260px !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  background:#ffffff !important;
  border:1px solid rgba(219,115,33,.28) !important;
  border-radius:16px !important;
  box-shadow:0 22px 55px rgba(0,0,0,.22) !important;
  z-index:2147483647 !important;
  display:none;
  padding:8px !important;
}

#countryCodeResults{
  top:60px !important;
  overflow:auto !important;
  box-shadow:0 10px 30px rgba(0,0,0,.1) !important;
  border:0;
  border-radius:12px !important;
  padding:0 !important;
  z-index:999 !important;
}

#countryCodeResults.active,
.country-code-results.active{
  display:block !important;
}

.country-code-item{
  font-size:14px;
  min-height:48px !important;
  border-radius:12px !important;
  grid-template-columns:1fr auto !important;
  align-items:center !important;
  gap:12px !important;
  color:#071B2D !important;
  direction:rtl !important;
  display:flex;
  justify-content:space-between;
  padding:10px 15px;
  cursor:pointer;
  transition:.2s;
}

.country-code-item:hover,
.country-code-item.active{
  background:rgba(219,115,33,.10);
}

.country-code-item span{
  font-size:14px !important;
  font-weight:800 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

.country-code-item strong{
  color:#DB7321 !important;
  font-size:14px !important;
  font-weight:900 !important;
  direction:ltr !important;
  white-space:nowrap !important;
}


/* =====================================================
   14) FLOATING WHATSAPP BUTTON / زر واتساب العائم
===================================================== */
.whatsapp-float{
  position:fixed;
  bottom:25px;
  left:25px;
  width:58px;
  height:58px;
  background:#25d366;
  color:#fff;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:30px;
  box-shadow:0 8px 25px rgba(0,0,0,.25);
  z-index:999999 !important;
}


/* =====================================================
   15) MOBILE MENU BASE / أساسيات قائمة الهاتف
===================================================== */
.mobile-menu-btn{
  display:none;
}

.mobile-menu-overlay,
.mobile-side-menu{
  display:none;
}


/* =====================================================
   16) DESKTOP MEDIA QUERIES / أكواد الكمبيوتر الخاصة
===================================================== */
@media (min-width:1201px) and (pointer:fine), (min-width:1367px){
  .header-actions{
    position:absolute !important;
    top:18px !important;
    right:45px !important;
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
    z-index:99999 !important;
  }

  .favorites-btn{
    border:1px solid rgba(255,255,255,.28) !important;
    background:rgba(255,255,255,.08) !important;
    color:#fff !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:18px !important;
    padding:0 !important;
    position:relative !important;
    top:auto !important;
    right:auto !important;
    left:auto !important;
    display:flex !important;
    width:42px !important;
    height:42px !important;
    border-radius:14px !important;
  }

  .favorites-count{
    position:absolute !important;
    top:-6px !important;
    left:-6px !important;
    min-width:18px !important;
    height:18px !important;
    border-radius:50px !important;
    background:#DB7321 !important;
    color:#fff !important;
    font-size:10px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }

  .lang-wrapper{
    position:relative !important;
    top:auto !important;
    right:auto !important;
    left:auto !important;
  }

  .lang-btn{
    height:42px !important;
  }
}


/* =====================================================
   17) MOBILE MEDIA QUERIES / أكواد الهاتف الخاصة
   ملاحظة: لم يكن داخل الكود الأصلي @media للهاتف، لذلك تم فصل
   أساسيات عناصر الهاتف في قسم MOBILE MENU BASE بدون إضافة قياسات جديدة.
===================================================== */


/* =====================================================
   18) GLOVISION ADD-ONS LAYER / طبقة الإضافات الفاخرة
   Header Search + YouTube TV + Smart Luxury Audio
===================================================== */

.header-search-btn{
  width:42px;
  height:42px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.28);
  background:rgba(255,255,255,.08);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:16px;
  cursor:pointer;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  transition:
    transform .35s ease,
    border-color .35s ease,
    color .35s ease,
    box-shadow .35s ease;
}

.header-search-btn:hover{
  border-color:#DB7321;
  color:#DB7321;
  transform:translateY(-2px);
  box-shadow:0 8px 25px rgba(219,115,33,.25);
}


/* =====================================================
   FLOATING BUTTONS / الأزرار العائمة
===================================================== */

.youtube-tv-float{
  position:fixed;
  left:25px;
  width:58px;
  height:58px;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  z-index:999999 !important;
  transition:
    transform .35s ease,
    box-shadow .35s ease,
    border-color .35s ease,
    background .35s ease;
}


/* =====================================================
   YOUTUBE FLOAT BUTTON / زر اليوتيوب الفاخر
===================================================== */

.youtube-tv-float{
  bottom:95px;

  border-radius:18px;

  border:1px solid rgba(255,255,255,.14);

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.12),
      rgba(255,255,255,.04)
    ),
    rgba(7,27,45,.92);

  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);

  box-shadow:
    0 18px 45px rgba(0,0,0,.32),
    inset 0 1px 0 rgba(255,255,255,.10);

  overflow:hidden;
}

.youtube-tv-float::before{
  content:"";
  position:absolute;
  inset:0;

  border-radius:18px;
  padding:1px;

  background:linear-gradient(
    135deg,
    rgba(219,115,33,.75),
    rgba(255,255,255,.08)
  );

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);

  -webkit-mask-composite:xor;
  mask-composite:exclude;

  pointer-events:none;
}

.youtube-tv-float::after{
  content:"";
  position:absolute;
  inset:8px;

  border-radius:14px;

  border:1px solid rgba(255,255,255,.06);

  pointer-events:none;
}

.youtube-tv-float i{
  position:relative;
  z-index:2;

  font-size:27px;

  color:#ff0033;

  text-shadow:
    0 0 22px rgba(255,0,51,.35);

  transition:
    transform .35s ease,
    text-shadow .35s ease;
}

.youtube-tv-float:hover{
  transform:translateY(-5px) scale(1.05);

  box-shadow:
    0 22px 60px rgba(0,0,0,.38),
    0 0 35px rgba(255,0,51,.12);
}

.youtube-tv-float:hover i{
  transform:scale(1.08);

  text-shadow:
    0 0 30px rgba(255,0,51,.55);
}


/* =====================================================
   OVERLAYS / النوافذ المنبثقة
===================================================== */

.youtube-video-overlay,
.header-search-overlay{
  position:fixed;
  inset:0;

  opacity:0;
  visibility:hidden;
  pointer-events:none;

  z-index:999999999;

  background:rgba(3,12,22,.82);

  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);

  transition:.35s ease;
}

.youtube-video-overlay.active,
.header-search-overlay.active{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}


/* =====================================================
   YOUTUBE MODAL / نافذة فيديو اليوتيوب
===================================================== */

.youtube-video-box{
  width:min(900px,92vw);

  margin:90px auto;

  padding:24px;

  border-radius:34px;

  background:
    radial-gradient(
      circle at top right,
      rgba(219,115,33,.20),
      transparent 35%
    ),
    rgba(7,27,45,.94);

  border:1px solid rgba(219,115,33,.38);

  box-shadow:0 40px 110px rgba(0,0,0,.55);

  position:relative;

  transform:translateY(18px) scale(.97);

  transition:.35s ease;
}

.youtube-video-overlay.active .youtube-video-box{
  transform:translateY(0) scale(1);
}


/* =====================================================
   CLOSE BUTTONS / أزرار الإغلاق
===================================================== */

.youtube-video-close,
.header-search-close{
  position:absolute;

  top:18px;
  left:18px;

  width:42px;
  height:42px;

  border:0;
  border-radius:14px;

  background:#DB7321;

  color:#fff;

  cursor:pointer;

  font-size:18px;

  display:flex;
  align-items:center;
  justify-content:center;

  transition:.3s ease;
}

.youtube-video-close:hover,
.header-search-close:hover{
  background:#C96518;
  transform:rotate(90deg);
}


/* =====================================================
   YOUTUBE HEAD / رأس نافذة الفيديو
===================================================== */

.youtube-video-head{
  text-align:center;
  margin-bottom:20px;
}

.youtube-video-head span{
  color:#DB7321;

  font-weight:900;

  letter-spacing:2px;

  font-size:12px;
}

.youtube-video-head h3{
  color:#fff;

  font-size:28px;

  margin:6px 0 0;

  font-weight:900;
}


/* =====================================================
   VIDEO FRAME / إطار الفيديو
===================================================== */

.youtube-video-frame{
  position:relative;

  overflow:hidden;

  border-radius:24px;

  padding-top:56.25%;

  background:#000;

  box-shadow:0 24px 70px rgba(0,0,0,.45);
}

.youtube-video-frame iframe{
  position:absolute;
  inset:0;

  width:100%;
  height:100%;

  border:0;
}


/* =====================================================
   YOUTUBE ACTION BUTTONS / أزرار القناة
===================================================== */

.youtube-video-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;

  margin-top:18px;
}

.youtube-channel-btn{
  height:58px;

  border-radius:18px;

  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;

  font-size:15px;
  font-weight:900;

  text-decoration:none;

  transition:
    transform .3s ease,
    box-shadow .3s ease,
    background .3s ease,
    border-color .3s ease;
}

.youtube-channel-btn i{
  font-size:18px;
}

.subscribe-btn{
  background:
    linear-gradient(
      135deg,
      #ff0033,
      #d6002b
    );

  color:#fff;

  box-shadow:
    0 16px 35px rgba(255,0,51,.28);
}

.subscribe-btn:hover{
  transform:translateY(-3px);

  box-shadow:
    0 22px 45px rgba(255,0,51,.35);
}

.visit-btn{
  border:1px solid rgba(255,255,255,.14);

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.08),
      rgba(255,255,255,.03)
    );

  color:#fff;

  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}

.visit-btn:hover{
  transform:translateY(-3px);

  border-color:rgba(219,115,33,.35);

  box-shadow:
    0 18px 40px rgba(0,0,0,.28);
}

@media (max-width:1200px), (max-width:1366px) and (pointer:coarse){

  .youtube-video-actions{
    grid-template-columns:1fr;
  }

  .youtube-channel-btn{
    height:54px;
    border-radius:16px;
    font-size:14px;
  }

}



/* =====================================================
   HEADER SEARCH BOX / صندوق البحث
===================================================== */

.header-search-box{
  width:min(560px,92vw);

  margin:120px auto;

  padding:26px;

  border-radius:28px;

  background:rgba(255,255,255,.92);

  border:1px solid rgba(219,115,33,.28);

  box-shadow:0 35px 90px rgba(0,0,0,.28);

  position:relative;

  transform:translateY(18px) scale(.97);

  transition:.35s ease;
}

.header-search-overlay.active .header-search-box{
  transform:translateY(0) scale(1);
}

.header-search-box label{
  display:block;

  margin-bottom:14px;

  color:#071B2D;

  font-size:22px;

  font-weight:900;

  text-align:center;
}


/* =====================================================
   SEARCH INPUT / حقل البحث
===================================================== */

.header-search-input-wrap{
  position:relative;
}

.header-search-input-wrap input{
  width:100%;

  height:54px;

  border-radius:18px;

  border:1.5px solid rgba(219,115,33,.28);

  padding:0 48px 0 16px;

  outline:none;

  color:#071B2D;

  font-size:15px;

  font-weight:700;

  background:#fff;
}

.header-search-input-wrap input:focus{
  border-color:#DB7321;

  box-shadow:0 0 0 4px rgba(219,115,33,.12);
}

.header-search-input-wrap i{
  position:absolute;

  right:18px;
  top:50%;

  transform:translateY(-50%);

  color:#DB7321;
}


/* =====================================================
   SEARCH RESULTS / نتائج البحث
===================================================== */

.header-search-results{
  display:grid;

  gap:10px;

  margin-top:16px;
}

.header-search-results a{
  padding:13px 16px;

  border-radius:16px;

  background:#F8FAFC;

  color:#071B2D;

  font-weight:900;

  border:1px solid rgba(219,115,33,.12);

  transition:.25s ease;
}

.header-search-results a:hover{
  background:#071B2D;

  color:#fff;

  transform:translateY(-2px);
}


/* =====================================================
   MOBILE RESPONSIVE / الموبايل
===================================================== */

@media (max-width:1200px), (max-width:1366px) and (pointer:coarse){

  .youtube-tv-float{
    left:18px;

    width:52px;
    height:52px;
  }

  .youtube-tv-float{
    bottom:88px;

    border-radius:16px;
  }

  .youtube-tv-float::after{
    border-radius:12px;
  }

  .youtube-tv-float i{
    font-size:24px;
  }

  .header-search-btn{
    width:40px;
    height:40px;
  }

  .youtube-video-box{
    margin:80px auto;

    padding:18px;

    border-radius:26px;
  }

  .youtube-video-head h3{
    font-size:22px;
  }

  .header-search-box{
    margin:95px auto;

    padding:22px;

    border-radius:24px;
  }

}



/* =====================================================
   19) MOBILE LUXURY OVERRIDES / تحسينات الهاتف الفاخرة
   Safe Layer Only - بدون تغيير هيكل الكمبيوتر أو السكربت
===================================================== */
@media (max-width:1200px), (max-width:1366px) and (pointer:coarse){

  /* =====================================================
     MOBILE GLOBAL / إعدادات عامة للهاتف
  ===================================================== */
  html,
  body{
    width:100% !important;
    max-width:100% !important;
    overflow-x:hidden !important;
  }

  body.menu-open,
  body.consultation-opened{
    overflow:hidden !important;
  }
  
  body.menu-open .youtube-tv-float{
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
}

  section{
    margin-top:26px;
  }

  /* =====================================================
     MOBILE HERO / الهيرو على الهاتف
  ===================================================== */
  .hero-exact{
    min-height:660px !important;
    padding:12px !important;
    overflow:hidden !important;
  }

  .hero-frame{
    min-height:636px !important;
    border-radius:24px !important;
    overflow:hidden !important;
    border-color:rgba(219,115,33,.34) !important;
    box-shadow:0 22px 55px rgba(0,0,0,.28) !important;
  }

  .hero-bg-slider,
  .hero-bg-slide{
    border-radius:24px !important;
    overflow:hidden !important;
  }

  .hero-bg-slide::after{
    background:
      linear-gradient(rgba(6,27,45,.56), rgba(6,27,45,.74)),
      radial-gradient(circle at center, rgba(219,115,33,.08), transparent 52%) !important;
  }

  .hero-bg-arrow{
    width:38px !important;
    height:38px !important;
    font-size:27px !important;
    z-index:40 !important;
    background:rgba(7,27,45,.38) !important;
  }

  .hero-bg-prev{
    right:5px !important;
  }

  .hero-bg-next{
    left:5px !important;
  }


  .hero-seo-kicker{
    font-size:10px !important;
    padding:6px 11px !important;
    margin-bottom:10px !important;
    letter-spacing:.8px !important;
  }

  .hero-seo-title{
    font-size:30px !important;
    line-height:1.35 !important;
    max-width:92% !important;
    margin-bottom:10px !important;
  }

  .hero-seo-description{
    max-width:88% !important;
    font-size:13px !important;
    line-height:1.85 !important;
  }

  /* =====================================================
     MOBILE HEADER / الهيدر على الهاتف
  ===================================================== */
  .hero-top{
    position:absolute !important;
    top:12px !important;
    left:12px !important;
    right:12px !important;
    width:calc(100% - 24px) !important;
    height:66px !important;
    padding:0 12px !important;
    display:grid !important;
    grid-template-columns:auto 1fr !important;
    align-items:center !important;
    gap:8px !important;
    border-radius:20px !important;
    background:rgba(7,27,45,.48) !important;
    border:1px solid rgba(255,255,255,.14) !important;
    box-shadow:0 18px 38px rgba(0,0,0,.18) !important;
    backdrop-filter:blur(18px) saturate(145%) !important;
    -webkit-backdrop-filter:blur(18px) saturate(145%) !important;
    z-index:99999999 !important;
  }

  .hero-top.scrolled{
    position:fixed !important;
    top:10px !important;
    left:10px !important;
    right:10px !important;
    width:calc(100% - 20px) !important;
    height:62px !important;
    padding:0 12px !important;
    border-radius:20px !important;
    background:rgba(7,27,45,.88) !important;
    box-shadow:0 18px 42px rgba(0,0,0,.22) !important;
  }

  .hero-top::after{
    display:none !important;
  }

  .logo{
    grid-column:1 !important;
    font-size:23px !important;
    letter-spacing:.4px !important;
    white-space:nowrap !important;
  }

  .menu{
    display:none !important;
  }

  .header-actions{
    grid-column:2 !important;
    justify-self:end !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:6px !important;
    position:relative !important;
    top:auto !important;
    right:auto !important;
    left:auto !important;
    z-index:999999999 !important;
  }

  .mobile-menu-btn,
  .favorites-btn,
  .header-search-btn,
  .lang-btn{
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    padding:0 !important;
    border-radius:13px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:rgba(255,255,255,.10) !important;
    border:1px solid rgba(255,255,255,.18) !important;
    color:#fff !important;
    box-shadow:none !important;
  }

  .mobile-menu-btn i,
  .favorites-btn i,
  .header-search-btn i,
  .lang-btn i{
    font-size:15px !important;
  }

  .lang-btn span,
  .lang-btn .arrow{
    display:none !important;
  }

  .lang-wrapper{
    position:relative !important;
    top:auto !important;
    right:auto !important;
    left:auto !important;
    z-index:999999999 !important;
  }

  .lang-dropdown{
    top:calc(100% + 10px) !important;
    right:auto !important;
    left:0 !important;
    width:150px !important;
    border-radius:16px !important;
  }

  .favorites-count{
    top:-5px !important;
    left:-5px !important;
    min-width:17px !important;
    height:17px !important;
    font-size:9px !important;
  }

  /* =====================================================
     MOBILE HERO BUTTONS / أزرار الهيرو على الهاتف
  ===================================================== */
  .hero-center{
    top:54% !important;
    max-width:100% !important;
    padding:0 18px !important;
  }

  .hero-buttons-exact{
    width:100% !important;
    max-width:330px !important;
    margin:230px auto 0 !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
  }

  .hero-buttons-exact a{
    height:52px !important;
    border-radius:16px !important;
    font-size:15px !important;
    box-shadow:0 14px 30px rgba(0,0,0,.18) !important;
  }

  .btn-gold,
  .btn-glass{
    border-width:1.5px !important;
    backdrop-filter:blur(14px) !important;
    -webkit-backdrop-filter:blur(14px) !important;
  }

  /* =====================================================
     MOBILE SIDE MENU / القائمة الجانبية للهاتف
  ===================================================== */
  .mobile-menu-overlay{
    display:block !important;
    position:fixed !important;
    inset:0 !important;
    background:rgba(3,12,22,.62) !important;
    backdrop-filter:blur(12px) !important;
    -webkit-backdrop-filter:blur(12px) !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transition:.35s ease !important;
    z-index:999999990 !important;
  }

  .mobile-menu-overlay.active{
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }

  .mobile-side-menu{
    display:flex !important;
    position:fixed !important;
    top:0 !important;
    right:0 !important;
    width:min(88vw, 380px) !important;
    height:100svh !important;
    padding:20px !important;
    flex-direction:column !important;
    gap:18px !important;
    background:
      radial-gradient(circle at top right, rgba(219,115,33,.18), transparent 34%),
      linear-gradient(180deg, rgba(7,27,45,.98), rgba(3,12,22,.96)) !important;
    border-left:1px solid rgba(219,115,33,.28) !important;
    box-shadow:-25px 0 70px rgba(0,0,0,.38) !important;
    transform:translateX(105%) !important;
    transition:.42s cubic-bezier(.22,1,.36,1) !important;
    z-index:999999999 !important;
    overflow-y:auto !important;
    direction:rtl !important;
  }

  .mobile-side-menu.active{
    transform:translateX(0) !important;
  }

  .mobile-side-head{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:14px !important;
    padding-bottom:16px !important;
    border-bottom:1px solid rgba(255,255,255,.10) !important;
  }

  .mobile-side-logo{
    font-size:25px !important;
    font-weight:950 !important;
    letter-spacing:.7px !important;
    color:#fff !important;
    direction:ltr !important;
  }

  .mobile-side-logo span{
    color:#DB7321 !important;
  }

  .mobile-menu-close{
    width:42px !important;
    height:42px !important;
    border:1px solid rgba(255,255,255,.14) !important;
    border-radius:15px !important;
    background:rgba(255,255,255,.08) !important;
    color:#fff !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    cursor:pointer !important;
  }

  .mobile-side-links{
    display:grid !important;
    gap:10px !important;
  }

  .mobile-side-links a{
    min-height:48px !important;
    padding:12px 14px !important;
    border-radius:16px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    color:#fff !important;
    background:rgba(255,255,255,.06) !important;
    border:1px solid rgba(255,255,255,.08) !important;
    font-size:15px !important;
    font-weight:900 !important;
    transition:.25s ease !important;
  }

  .mobile-side-links a::after{
    content:"›";
    color:#DB7321;
    font-size:20px;
    transform:rotate(180deg);
  }

  .mobile-side-links a.active,
  .mobile-side-links a:hover{
    background:rgba(219,115,33,.14) !important;
    border-color:rgba(219,115,33,.28) !important;
    transform:translateX(-3px) !important;
  }

  .mobile-side-socials{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:10px !important;
    padding:12px !important;
    border-radius:18px !important;
    background:rgba(255,255,255,.05) !important;
    border:1px solid rgba(255,255,255,.08) !important;
  }

  .mobile-side-socials a{
    width:40px !important;
    height:40px !important;
    border-radius:14px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    color:#fff !important;
    background:rgba(255,255,255,.08) !important;
    border:1px solid rgba(255,255,255,.10) !important;
  }

  .mobile-side-socials a:hover{
    background:#DB7321 !important;
  }

  .mobile-side-contact{
    display:grid !important;
    gap:10px !important;
    margin-top:auto !important;
  }

  .mobile-side-contact a{
    min-height:48px !important;
    padding:12px 14px !important;
    border-radius:16px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:10px !important;
    color:#fff !important;
    background:rgba(255,255,255,.06) !important;
    border:1px solid rgba(255,255,255,.08) !important;
    direction:ltr !important;
  }

  .mobile-side-contact i{
    color:#DB7321 !important;
  }

  /* =====================================================
     MOBILE FLOATING BUTTONS / الأزرار العائمة على الهاتف
  ===================================================== */
  .whatsapp-float,
  .youtube-tv-float{
    left:14px !important;
    width:48px !important;
    height:48px !important;
    z-index:999998 !important;
  }

  .whatsapp-float{
    bottom:18px !important;
    font-size:24px !important;
  }

  .youtube-tv-float{
    bottom:78px !important;
    border-radius:15px !important;
  }

  .youtube-tv-float i{
    font-size:22px !important;
  }

  /* =====================================================
     MOBILE MODALS / النوافذ المنبثقة على الهاتف
  ===================================================== */
  .youtube-video-box,
  .header-search-box,
  .consultation-box{
    width:calc(100vw - 28px) !important;
    margin:78px auto 0 !important;
    padding:18px !important;
    border-radius:24px !important;
  }

  .youtube-video-head h3{
    font-size:22px !important;
  }

  .youtube-video-head span{
    font-size:11px !important;
  }

  .youtube-video-frame{
    border-radius:18px !important;
  }

  .youtube-video-actions{
    grid-template-columns:1fr !important;
    gap:10px !important;
    margin-top:14px !important;
  }

  .youtube-channel-btn{
    height:52px !important;
    border-radius:16px !important;
    font-size:14px !important;
  }

  .header-search-box label{
    font-size:20px !important;
  }

  .header-search-input-wrap input{
    height:52px !important;
    border-radius:16px !important;
    font-size:14px !important;
  }

  .header-search-results a{
    border-radius:15px !important;
    font-size:14px !important;
  }

  .consultation-form{
    grid-template-columns:1fr !important;
    gap:13px !important;
  }

  .consultation-head h2{
    font-size:24px !important;
  }

  .consultation-head p{
    font-size:14px !important;
  }

  .consultation-close,
  .youtube-video-close,
  .header-search-close{
    width:38px !important;
    height:38px !important;
    border-radius:13px !important;
    top:14px !important;
    left:14px !important;
  }

  .phone-row{
    grid-template-columns:82px 1fr !important;
  }

  .country-code-smart{
    width:82px !important;
  }

  #countryCodeResults,
  .country-code-results{
    width:calc(100vw - 56px) !important;
    right:0 !important;
    max-height:230px !important;
  }

  /* =====================================================
     MOBILE FAVORITES PAGE / صفحة المفضلة على الهاتف
  ===================================================== */
  .favorites-page{
    padding:12px !important;
  }

  .favorites-panel{
    width:100% !important;
    margin:18px auto !important;
    padding:16px !important;
    border-radius:24px !important;
  }

  .luxury-fav-head{
    width:100% !important;
    min-height:auto !important;
    padding:20px !important;
    margin:0 0 22px !important;
    border-radius:24px !important;
  }

  .fav-head-top{
    flex-direction:column !important;
    align-items:center !important;
    gap:18px !important;
  }

  .fav-head-left{
    right:auto !important;
    max-width:100% !important;
    text-align:center !important;
  }

  .fav-head-left h2{
    font-size:27px !important;
  }

  .fav-head-left p{
    font-size:13px !important;
  }

  .fav-head-right{
    width:100% !important;
    align-items:center !important;
  }

  .favorites-stats{
    width:100% !important;
  }

  .favorites-group-grid{
    grid-template-columns:1fr !important;
    gap:14px !important;
  }

  .favorite-img-wrap{
    height:170px !important;
  }

  .favorite-actions{
    grid-template-columns:1fr 1fr 42px !important;
  }

}

@media (max-width:420px){

  .logo{
    font-size:20px !important;
  }

  .hero-top{
    height:62px !important;
    padding:0 10px !important;
  }

  .mobile-menu-btn,
  .favorites-btn,
  .header-search-btn,
  .lang-btn{
    width:35px !important;
    height:35px !important;
    min-width:35px !important;
    border-radius:12px !important;
  }

  .header-actions{
    gap:5px !important;
  }

  .hero-buttons-exact{
    max-width:300px !important;
    margin-top:218px !important;
  }

  .hero-buttons-exact a{
    height:50px !important;
    font-size:14px !important;
  }

}

/* =====================================================
   MOBILE HEADER FINAL FIX / إصلاح هيدر الهاتف النهائي
===================================================== */
@media (max-width:1200px), (max-width:1366px) and (pointer:coarse){

  .hero-top{
    height:74px !important;
    padding:0 14px !important;
    display:grid !important;
    grid-template-columns:1fr auto !important;
    align-items:center !important;
    background:rgba(7,27,45,.92) !important;
    backdrop-filter:blur(16px) !important;
    -webkit-backdrop-filter:blur(16px) !important;
    position:absolute !important;
    z-index:999999999 !important;
  }

  .hero-top.scrolled{
    height:72px !important;
    padding:0 14px !important;
    background:#071B2D !important;
  }

  .logo{
    grid-column:1 !important;
    font-size:24px !important;
    justify-self:start !important;
  }

  .menu{
    display:none !important;
  }

  .header-actions{
    grid-column:2 !important;
    position:relative !important;
    top:auto !important;
    right:auto !important;
    left:auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:7px !important;
    z-index:999999999 !important;
    flex-wrap:nowrap !important;
    overflow:hidden !important;
  }



  .mobile-menu-btn,
  .favorites-btn,
  .header-search-btn{
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    border-radius:13px !important;
    border:1px solid rgba(255,255,255,.24) !important;
    background:rgba(255,255,255,.10) !important;
    color:#fff !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:15px !important;
    padding:0 !important;
  }

  .lang-btn{
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    padding:0 !important;
    border-radius:13px !important;
    justify-content:center !important;
  }

  .lang-btn span,
  .lang-btn .arrow{
    display:none !important;
  }

  .lang-dropdown{
    position:absolute !important;
    top:calc(100% + 12px) !important;
    right:auto !important;
    left:0 !important;
    width:155px !important;
    z-index:2147483647 !important;
  }

  .favorites-count{
    top:-5px !important;
    left:-5px !important;
  }

  .hero-exact{
    min-height:560px !important;
    padding:16px !important;
  }

  .hero-frame{
    min-height:520px !important;
    border-radius:22px !important;
    overflow:hidden !important;
  }

  .hero-buttons-exact{
    width:calc(100% - 32px) !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
    margin:30px auto 0 !important;
  }

  .hero-buttons-exact a{
    height:52px !important;
    font-size:15px !important;
    border-radius:15px !important;
  }

  .youtube-tv-float{
    pointer-events:auto !important;
    z-index:2147483646 !important;
  }

  .youtube-video-overlay{
    z-index:2147483647 !important;
  }
}

@media (max-width:1200px), (max-width:1366px) and (pointer:coarse){

  .properties-mega-item.mobile-mega-open .properties-mega-menu{
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transform:translateX(-50%) translateY(0) scale(1) !important;
  }

}



/* =====================================================
   20) FINAL MOBILE HEADER + MEGA MENU FIX / إصلاح نهائي للهاتف والميغا منيو
   Safe Mobile Layer Only - لا يغير شكل الكمبيوتر
===================================================== */
@media (max-width:1200px), (max-width:1366px) and (pointer:coarse){

  /* Header order: Search - Favorites - Language - Menu / ترتيب الهيدر */
  .header-actions{
    direction:rtl !important;
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:6px !important;
    overflow:visible !important;
  }

  .header-search-btn{ order:4 !important; display:flex !important; }
  .favorites-btn{ order:3 !important; display:flex !important; }
  .lang-wrapper{ order:2 !important; display:block !important; }
  .mobile-menu-btn{ order:1 !important; display:flex !important; }

  .mobile-menu-btn,
  .favorites-btn,
  .header-search-btn,
  .lang-btn{
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    border-radius:13px !important;
    padding:0 !important;
  }

  .lang-btn span,
  .lang-btn .arrow{
    display:none !important;
  }

  /* Language dropdown fixed inside viewport / قائمة اللغة داخل حدود الشاشة */
  .lang-wrapper{
    position:relative !important;
    z-index:2147483647 !important;
  }

  .lang-dropdown{
    position:fixed !important;
    top:82px !important;
    right:14px !important;
    left:auto !important;
    width:160px !important;
    max-width:calc(100vw - 28px) !important;
    max-height:300px !important;
    overflow-y:auto !important;
    border-radius:16px !important;
    z-index:2147483647 !important;
    transform:translateY(8px) scale(.96) !important;
  }

  .lang-wrapper.active .lang-dropdown{
    transform:translateY(0) scale(1) !important;
  }

  /* Mobile side mega panels / ميغا منيو داخل قائمة الهاتف */
  .mobile-mega-panel{
    display:none;
    margin:-4px 0 8px;
    padding:12px;
    border-radius:18px;
    background:rgba(255,255,255,.055);
    border:1px solid rgba(219,115,33,.18);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
  }

  .mobile-mega-panel.active{
    display:block;
    animation:mobileMegaSoftIn .28s ease both;
  }

  .mobile-mega-panel .properties-mega-content{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
    opacity:1 !important;
    transform:none !important;
  }

  .mobile-mega-panel .properties-mega-col{
    min-height:auto !important;
    padding:14px !important;
    border-radius:16px !important;
    background:rgba(255,255,255,.06) !important;
    border:1px solid rgba(255,255,255,.09) !important;
    box-shadow:none !important;
    opacity:1 !important;
    transform:none !important;
  }

  .mobile-mega-panel .properties-mega-col h3{
    margin:0 0 8px !important;
    font-size:16px !important;
    color:#DB7321 !important;
  }

  .mobile-mega-panel .properties-mega-col a{
    display:block !important;
    min-height:auto !important;
    margin:0 0 6px !important;
    padding:7px 10px !important;
    border-radius:12px !important;
    color:rgba(255,255,255,.88) !important;
    background:rgba(255,255,255,.035) !important;
    border:1px solid rgba(255,255,255,.04) !important;
    font-size:13px !important;
    line-height:1.55 !important;
  }

  .mobile-mega-panel .properties-featured-strip{
    min-height:90px !important;
    padding:14px !important;
    border-radius:16px !important;
    margin-top:4px !important;
  }

  .mobile-mega-panel .featured-strip-content h4{
    font-size:16px !important;
  }

  .mobile-mega-panel .properties-featured-strip a{
    height:38px !important;
    padding:0 12px !important;
    font-size:12px !important;
    border-radius:999px !important;
  }

  .mobile-mega-trigger.mobile-mega-active{
    background:rgba(219,115,33,.16) !important;
    border-color:rgba(219,115,33,.34) !important;
  }

  .mobile-mega-trigger.mobile-mega-active::after{
    transform:rotate(90deg) !important;
  }

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

  /* Floating YouTube tap fix / تثبيت ضغط زر اليوتيوب */
  .youtube-tv-float{
    pointer-events:auto !important;
    touch-action:manipulation !important;
    z-index:2147483646 !important;
  }

  .youtube-video-overlay{
    z-index:2147483647 !important;
  }
}




/* =====================================================
   FINAL HEADER FIXES LAYER / إصلاحات الهيدر النهائية
   Safe Layer Only - بدون تغيير الشكل أو الهيكل
===================================================== */


/* تحسين صندوق المفضلة بدون تغيير النظام */
.favorites-panel{
  border-radius:34px !important;
  padding:34px !important;
  background:
    radial-gradient(circle at top right, rgba(219,115,33,.14), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.035)),
    rgba(7,27,45,.78) !important;
}

.favorites-list{
  display:block !important;
  margin-top:18px !important;
}

.favorites-section-group{
  margin-bottom:28px !important;
  padding:18px !important;
  border-radius:26px !important;
  border:1px solid rgba(219,115,33,.18) !important;
  background:rgba(255,255,255,.045) !important;
}

.favorites-group-title{
  margin-bottom:16px !important;
  padding:12px 14px !important;
  border-radius:18px !important;
  background:rgba(255,255,255,.075) !important;
  border:1px solid rgba(255,255,255,.12) !important;
}

.favorites-group-grid{
  display:grid !important;
  grid-template-columns:repeat(auto-fill,minmax(245px,1fr)) !important;
  gap:16px !important;
}

.favorite-item{
  border-radius:24px !important;
}

.favorite-item-content{
  padding:16px !important;
}

.favorite-item h3{
  min-height:48px !important;
  margin-bottom:14px !important;
  font-size:15px !important;
  line-height:1.6 !important;
}

.favorite-actions{
  grid-template-columns:1fr 1fr 44px !important;
  gap:8px !important;
}

.favorites-empty{
  color:#071B2D !important;
  background:rgba(255,255,255,.92) !important;
  border:1px solid rgba(219,115,33,.16) !important;
  box-shadow:0 20px 50px rgba(0,0,0,.18) !important;
  flex-direction:column !important;
  gap:8px !important;
}

.favorites-empty i{
  color:#DB7321 !important;
  font-size:34px !important;
}

/* فلتر البحث السريع في الهيدر */
.header-search-filter-tools{
  display:grid;
  grid-template-columns:1fr auto;
  gap:10px;
  margin-top:12px;
}

.header-search-filter-toggle,
.header-search-filter-reset{
  height:44px;
  border-radius:16px;
  border:1px solid rgba(219,115,33,.16);
  background:#F8FAFC;
  color:#071B2D;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  cursor:pointer;
  font-size:13px;
  font-weight:900;
  transition:.25s ease;
}

.header-search-filter-toggle:hover,
.header-search-filter-reset:hover{
  background:rgba(219,115,33,.10);
  color:#DB7321;
  transform:translateY(-2px);
}

.header-search-filter-panel{
  display:none;
  margin-top:12px;
  padding:16px;
  border-radius:22px;
  background:rgba(248,250,252,.92);
  border:1px solid rgba(219,115,33,.16);
  box-shadow:0 14px 36px rgba(7,27,45,.08);
}

.header-search-filter-panel.active{
  display:block;
  animation:headerFilterIn .28s ease both;
}

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

.header-search-filter-head{
  display:flex;
  flex-direction:column;
  gap:3px;
  margin-bottom:12px;
}

.header-search-filter-head strong{
  color:#071B2D;
  font-size:15px;
  font-weight:900;
}

.header-search-filter-head span{
  color:#6B7280;
  font-size:12px;
  font-weight:700;
}

.header-search-filter-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}

.header-search-filter-grid label{
  display:flex;
  flex-direction:column;
  gap:6px;
  color:#6B7280;
  font-size:12px;
  font-weight:900;
}

.header-search-filter-grid select{
  width:100%;
  height:44px;
  border-radius:15px;
  border:1px solid rgba(7,27,45,.10);
  background:#fff;
  color:#071B2D;
  padding:0 10px;
  outline:none;
  font-size:13px;
  font-weight:800;
}

.header-search-results a[hidden]{
  display:none !important;
}

@media (max-width:1200px), (max-width:1366px) and (pointer:coarse){
  .favorites-panel{
    width:94% !important;
    margin:28px auto !important;
    padding:18px !important;
    border-radius:26px !important;
  }

  .luxury-fav-head{
    width:100% !important;
    min-height:auto !important;
    margin:0 auto 20px !important;
    padding:22px 16px !important;
  }

  .fav-head-top{
    flex-direction:column !important;
    align-items:stretch !important;
    gap:18px !important;
  }

  .fav-head-left{
    right:auto !important;
    max-width:100% !important;
    order:1 !important;
  }

  .fav-head-right{
    order:2 !important;
    align-items:stretch !important;
  }

  .fav-logo{
    right:auto !important;
    text-align:center !important;
  }

  .favorites-group-grid{
    grid-template-columns:1fr !important;
  }

  .favorite-actions{
    grid-template-columns:1fr 1fr 42px !important;
  }

  .header-search-filter-tools,
  .header-search-filter-grid{
    grid-template-columns:1fr;
  }
}

/* إخفاء زر اليوتيوب عند فتح طبقات أعلى */
body.gv-hide-youtube-float .youtube-tv-float{
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  transform:translateY(8px) scale(.92) !important;
}

@media (max-width:1200px), (max-width:1366px) and (pointer:coarse){
}




/* =====================================================
   FINAL PHONE LANDSCAPE ONLY FIX
   إصلاح وضع الهاتف بالعرض فقط
   لا يغير الكمبيوتر ولا الهاتف العمودي ولا الهيكل
===================================================== */
@media only screen and (orientation:landscape) and (max-height:520px){

  html,
  body{
    width:100% !important;
    max-width:100% !important;
    overflow-x:hidden !important;
  }

  .hero-exact{
    min-height:100svh !important;
    height:100svh !important;
    padding:10px !important;
    margin:0 !important;
    overflow:hidden !important;
  }

  .hero-frame{
    min-height:calc(100svh - 20px) !important;
    height:calc(100svh - 20px) !important;
    border-radius:22px !important;
    overflow:hidden !important;
  }

  .hero-bg-slider,
  .hero-bg-slide{
    border-radius:22px !important;
    overflow:hidden !important;
  }

  .hero-top{
    position:absolute !important;
    top:12px !important;
    left:12px !important;
    right:12px !important;
    width:calc(100% - 24px) !important;
    height:60px !important;
    padding:0 16px !important;
    border-radius:20px !important;

    display:grid !important;
    grid-template-columns:minmax(160px, 240px) 1fr !important;
    align-items:center !important;
    gap:12px !important;

    background:rgba(7,27,45,.86) !important;
    border:1px solid rgba(255,255,255,.14) !important;
    box-shadow:0 16px 38px rgba(0,0,0,.20) !important;
    backdrop-filter:blur(18px) saturate(145%) !important;
    -webkit-backdrop-filter:blur(18px) saturate(145%) !important;

    overflow:visible !important;
    z-index:99999999 !important;
  }

  .hero-top::after{
    display:none !important;
  }

  .logo{
    grid-column:1 !important;
    justify-self:start !important;
    align-self:center !important;
    font-size:24px !important;
    line-height:1 !important;
    white-space:nowrap !important;
  }

  .menu{
    display:none !important;
  }

  .header-actions{
    grid-column:2 !important;
    justify-self:end !important;
    align-self:center !important;

    position:relative !important;
    top:auto !important;
    right:auto !important;
    left:auto !important;

    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:8px !important;

    width:auto !important;
    max-width:calc(100vw - 280px) !important;
    overflow:visible !important;
    z-index:999999999 !important;
  }

  .mobile-menu-btn,
  .favorites-btn,
  .header-search-btn,
  .lang-btn{
    display:flex !important;
    flex:0 0 42px !important;
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    max-width:42px !important;
    padding:0 !important;
    border-radius:14px !important;

    align-items:center !important;
    justify-content:center !important;

    background:rgba(255,255,255,.10) !important;
    border:1px solid rgba(255,255,255,.22) !important;
    color:#fff !important;
    box-shadow:none !important;
    overflow:hidden !important;
  }

  .mobile-menu-btn i,
  .favorites-btn i,
  .header-search-btn i,
  .lang-btn i{
    font-size:16px !important;
    color:#fff !important;
    line-height:1 !important;
  }

  .lang-wrapper{
    position:relative !important;
    top:auto !important;
    right:auto !important;
    left:auto !important;
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    justify-self:auto !important;
    align-self:center !important;
    z-index:999999999 !important;
  }

  .lang-btn span,
  .lang-btn .arrow{
    display:none !important;
  }

  .lang-dropdown{
    top:calc(100% + 10px) !important;
    right:auto !important;
    left:0 !important;
    width:150px !important;
  }

.favorites-count{
    top:4px !important;
    left:4px !important;
    transform:none !important;
}

  .hero-center{
    top:50% !important;
    padding-top:42px !important;
    max-width:760px !important;
  }

  .hero-buttons-exact{
    position:absolute !important;
    left:50% !important;
    bottom:12px !important;
    transform:translateX(-50%) !important;
    width:min(78%, 650px) !important;
    max-width:650px !important;
    margin:0 !important;
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    gap:10px !important;
    z-index:20 !important;
  }

  .hero-buttons-exact a{
    height:44px !important;
    padding:0 12px !important;
    border-radius:12px !important;
    font-size:13px !important;
    line-height:1.2 !important;
    white-space:nowrap !important;
  }

  .hero-bg-arrow{
    width:34px !important;
    height:34px !important;
    font-size:24px !important;
    z-index:35 !important;
  }

  .hero-bg-prev{
    right:12px !important;
  }

  .hero-bg-next{
    left:12px !important;
  }

  .youtube-tv-float,
  .whatsapp-float{
    width:46px !important;
    height:46px !important;
    left:14px !important;
  }

  .youtube-tv-float{
    bottom:66px !important;
  }

  .whatsapp-float{
    bottom:14px !important;
  }

  .mobile-side-menu{
    max-height:calc(100svh - 24px) !important;
    overflow-y:auto !important;
  }
}

@media only screen and (orientation:landscape) and (max-height:430px){

  .hero-top,
  .hero-top.scrolled{
    height:70px !important;
    padding:0 14px !important;
    grid-template-columns:minmax(150px, 220px) 1fr !important;
    top:12px !important;
  }

  .logo{
    font-size:22px !important;
  }

  .mobile-menu-btn,
  .favorites-btn,
  .header-search-btn,
  .lang-btn,
  .lang-wrapper{
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    max-width:38px !important;
    flex-basis:38px !important;
  }

  .header-actions{
    gap:7px !important;
    max-width:calc(100vw - 250px) !important;
  }

  .hero-buttons-exact{
    bottom:12px !important;
    width:min(76%, 620px) !important;
    gap:8px !important;
  }

  .hero-buttons-exact a{
    height:40px !important;
    font-size:12px !important;
  }
}



@media (max-width:1200px), (max-width:1366px) and (pointer:coarse){
  .hero-center{
    top:56% !important;
    padding:74px 18px 0 !important;
  }

  .hero-seo-content{
    margin-bottom:22px !important;
  }

  .hero-read-more-btn{
    min-width:136px;
    min-height:40px;
    margin-top:16px;
    padding:0 16px;
    font-size:12px;
  }

  .hero-buttons-exact{
    grid-template-columns:1fr !important;
    max-width:320px !important;
    gap:10px !important;
    margin-top:24px !important;
  }

  .hero-buttons-exact a{
    min-height:48px !important;
    height:auto !important;
    font-size:13px !important;
  }
}



/* =====================================================
   FINAL MOBILE HERO LAYOUT FIX / إصلاح نهائي لترتيب الهيرو على الهاتف
   Portrait: أزرار الهيرو 2 فوق + 1 تحت بالوسط
   Landscape: أزرار الهيرو سطر واحد مثل الكمبيوتر
   Safe mobile layer only - لا يغير نسخة الكمبيوتر
===================================================== */
@media (max-width:1200px) and (orientation:portrait), (max-width:1366px) and (pointer:coarse) and (orientation:portrait){

  .hero-exact{
    min-height:760px !important;
    padding:12px !important;
    overflow:hidden !important;
  }

  .hero-frame{
    min-height:736px !important;
    overflow:hidden !important;
    border-radius:24px !important;
  }

  .hero-top{
    top:18px !important;
    left:18px !important;
    right:18px !important;
    width:calc(100% - 36px) !important;
    height:70px !important;
    border-radius:22px !important;
  }

  .hero-top.scrolled{
    top:10px !important;
    left:10px !important;
    right:10px !important;
    width:calc(100% - 20px) !important;
    height:64px !important;
  }

  .hero-center{
    position:absolute !important;
    top:112px !important;
    bottom:34px !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    max-width:none !important;
    transform:none !important;
    padding:0 22px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    align-items:center !important;
    z-index:8 !important;
  }

  .hero-seo-content{
    width:100% !important;
    max-width:680px !important;
    margin:0 auto 18px !important;
    text-align:center !important;
  }

  .hero-seo-kicker{
    margin-bottom:14px !important;
    max-width:90% !important;
    white-space:nowrap !important;
  }

  .hero-seo-title{
    max-width:100% !important;
    margin:0 auto 14px !important;
    font-size:clamp(34px, 8.2vw, 46px) !important;
    line-height:1.28 !important;
  }

  .hero-seo-description{
    max-width:92% !important;
    margin:0 auto !important;
    font-size:16px !important;
    line-height:1.9 !important;
  }

  .hero-read-more-btn{
    margin:22px auto 0 !important;
    height:54px !important;
    min-width:220px !important;
    padding:0 28px !important;
    border-radius:28px !important;
    font-size:16px !important;
  }

  .hero-buttons-exact{
    width:min(88%, 520px) !important;
    max-width:520px !important;
    margin:28px auto 0 !important;
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:12px !important;
    align-items:center !important;
  }

  .hero-buttons-exact a{
    width:100% !important;
    height:52px !important;
    border-radius:17px !important;
    font-size:15px !important;
    line-height:1.2 !important;
  }

  .hero-buttons-exact a:nth-child(3){
    grid-column:1 / -1 !important;
    width:56% !important;
    min-width:210px !important;
    margin:0 auto !important;
  }

  .hero-bg-arrow{
    top:52% !important;
    z-index:35 !important;
  }
}

@media (max-width:1200px) and (orientation:landscape), (max-width:1366px) and (pointer:coarse) and (orientation:landscape){

  .hero-exact{
    min-height:420px !important;
    padding:10px !important;
    overflow:hidden !important;
  }

  .hero-frame{
    min-height:400px !important;
    overflow:hidden !important;
    border-radius:24px !important;
  }

  .hero-top{
    top:16px !important;
    left:16px !important;
    right:16px !important;
    width:calc(100% - 32px) !important;
    height:66px !important;
    border-radius:22px !important;
    z-index:999999999 !important;
  }

  .hero-top.scrolled{
    top:10px !important;
    left:10px !important;
    right:10px !important;
    width:calc(100% - 20px) !important;
    height:62px !important;
  }

  .hero-center{
    position:absolute !important;
    top:96px !important;
    bottom:24px !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    max-width:none !important;
    transform:none !important;
    padding:0 82px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    align-items:center !important;
    z-index:8 !important;
  }

  .hero-seo-content{
    width:100% !important;
    max-width:1100px !important;
    margin:0 auto 12px !important;
    text-align:center !important;
  }

  .hero-seo-kicker{
    display:none !important;
  }

  .hero-seo-title{
    max-width:100% !important;
    margin:0 auto 10px !important;
    font-size:clamp(30px, 5.2vw, 48px) !important;
    line-height:1.18 !important;
  }

  .hero-seo-description{
    max-width:900px !important;
    margin:0 auto !important;
    font-size:16px !important;
    line-height:1.75 !important;
  }

  .hero-read-more-btn{
    margin:16px auto 0 !important;
    height:46px !important;
    min-width:190px !important;
    padding:0 24px !important;
    border-radius:24px !important;
    font-size:15px !important;
  }

  .hero-buttons-exact{
    width:min(86%, 760px) !important;
    max-width:760px !important;
    margin:16px auto 0 !important;
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    gap:12px !important;
  }

  .hero-buttons-exact a{
    height:46px !important;
    border-radius:15px !important;
    font-size:14px !important;
    line-height:1.2 !important;
  }

  .hero-bg-arrow{
    top:56% !important;
    z-index:35 !important;
  }
}

@media (max-width:390px) and (orientation:portrait){
  .hero-exact{
    min-height:720px !important;
  }

  .hero-frame{
    min-height:696px !important;
  }

  .hero-center{
    top:102px !important;
    bottom:26px !important;
    padding:0 18px !important;
  }

  .hero-seo-title{
    font-size:31px !important;
  }

  .hero-seo-description{
    font-size:14px !important;
  }

  .hero-buttons-exact{
    width:92% !important;
    gap:10px !important;
  }

  .hero-buttons-exact a{
    height:50px !important;
    font-size:14px !important;
  }

  .hero-buttons-exact a:nth-child(3){
    width:62% !important;
    min-width:190px !important;
  }
}



/* =====================================================
   FINAL LANDSCAPE MOBILE BUTTON FIX / إصلاح أزرار الهيرو في الهاتف العرضي
   يجعل الصناديق الثلاثة تحت النص مثل الكمبيوتر ولا تظهر خلف الهيدر
===================================================== */
@media (max-width:1200px) and (orientation:landscape), (max-width:1366px) and (pointer:coarse) and (orientation:landscape){

  .hero-exact{
    min-height:100svh !important;
    height:100svh !important;
    padding:10px !important;
    overflow:hidden !important;
  }

  .hero-frame{
    min-height:calc(100svh - 20px) !important;
    height:calc(100svh - 20px) !important;
    overflow:hidden !important;
  }

  .hero-top,
  .hero-top.scrolled{
    top:14px !important;
    left:18px !important;
    right:18px !important;
    width:calc(100% - 36px) !important;
    height:64px !important;
    z-index:999999999 !important;
  }

  .hero-center{
    position:absolute !important;
    top:98px !important;
    bottom:24px !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    max-width:none !important;
    transform:none !important;
    padding:0 86px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    z-index:8 !important;
  }

  .hero-seo-content{
    order:1 !important;
    width:100% !important;
    max-width:1100px !important;
    margin:0 auto !important;
    text-align:center !important;
  }

  .hero-seo-kicker{
    display:none !important;
  }

  .hero-seo-title{
    max-width:100% !important;
    margin:0 auto 10px !important;
    font-size:clamp(30px, 5vw, 48px) !important;
    line-height:1.18 !important;
  }

  .hero-seo-description{
    max-width:900px !important;
    margin:0 auto !important;
    font-size:16px !important;
    line-height:1.75 !important;
  }

  .hero-read-more-btn{
    margin:16px auto 0 !important;
    height:46px !important;
    min-width:190px !important;
    padding:0 24px !important;
    border-radius:24px !important;
    font-size:15px !important;
  }

  .hero-buttons-exact{
    order:2 !important;
    position:relative !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;
    transform:none !important;
    width:min(84%, 780px) !important;
    max-width:780px !important;
    margin:18px auto 0 !important;
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    gap:12px !important;
    z-index:12 !important;
  }

  .hero-buttons-exact a{
    width:100% !important;
    height:46px !important;
    min-height:46px !important;
    padding:0 12px !important;
    border-radius:15px !important;
    font-size:14px !important;
    line-height:1.2 !important;
    white-space:nowrap !important;
  }

  .hero-bg-arrow{
    top:58% !important;
    z-index:35 !important;
  }
}

@media (max-width:1200px) and (orientation:landscape) and (max-height:430px), (max-width:1366px) and (pointer:coarse) and (orientation:landscape) and (max-height:430px){

  .hero-center{
    top:88px !important;
    bottom:16px !important;
    padding:0 82px !important;
  }

  .hero-seo-title{
    font-size:clamp(28px, 4.6vw, 42px) !important;
    margin-bottom:8px !important;
  }

  .hero-seo-description{
    font-size:14px !important;
    line-height:1.55 !important;
  }

  .hero-read-more-btn{
    margin-top:12px !important;
    height:42px !important;
    min-width:170px !important;
    font-size:14px !important;
  }

  .hero-buttons-exact{
    margin-top:12px !important;
    width:min(82%, 720px) !important;
    gap:10px !important;
  }

  .hero-buttons-exact a{
    height:42px !important;
    min-height:42px !important;
    font-size:13px !important;
  }
}

/* =====================================================
   FIXED HEADER LOGO FIT / ضبط الشعار عند التمرير
   يبقى القياس المختار كاملًا فوق الهيرو، ويُصغّر داخل الهيدر الثابت فقط.
===================================================== */
.hero-top.scrolled .logo.gv-header-brand{
  height:100% !important;
  overflow:hidden !important;
}

.hero-top.scrolled .logo .gv-header-logo-img{
  width:auto !important;
  max-width:var(--gv-r-logo-fixed-desktop) !important;
  max-height:58px !important;
  object-fit:contain !important;
  object-position:left center !important;
}

@media (min-width:1201px) and (pointer:fine) and (max-width:1200px), (min-width:1367px) and (max-width:1200px){
  .hero-top.scrolled .logo .gv-header-logo-img{
    max-width:var(--gv-r-logo-fixed-tablet) !important;
    max-height:54px !important;
  }
}

@media (max-width:1200px), (max-width:1366px) and (pointer:coarse){
  .hero-top.scrolled .logo .gv-header-logo-img{
    max-width:var(--gv-r-logo-fixed-mobile) !important;
    max-height:48px !important;
  }
}


/* Former shared shell polish, after header base. */
@media (min-width:1201px) and (pointer:fine), (min-width:1367px) {
 .hero-top,.hero-top.scrolled {box-sizing:border-box!important;padding-inline:24px!important;grid-template-columns:200px minmax(0,1fr) 200px!important}
 .header-actions {right:24px!important;gap:8px!important}
 .hero-top .menu {gap:clamp(12px,1.5vw,30px)!important;min-width:0}
 .hero-top .menu > a,.hero-top .menu > .properties-mega-item > a {white-space:nowrap;font-size:clamp(12px,.95vw,17px)!important}
 .properties-mega-menu {top:var(--gv-mega-top,104px)!important;left:var(--gv-mega-left,50%)!important;
  transform:translateX(-50%)!important;max-height:var(--gv-mega-height,calc(100dvh - 120px))!important;overflow:auto!important;overscroll-behavior:contain;
  transition:opacity .18s ease,visibility .18s ease!important}
 .properties-mega-menu::before {top:2px;right:var(--mega-arrow-right,50%)!important}
 .properties-mega-item:focus-within .properties-mega-menu {opacity:1!important;visibility:visible!important;pointer-events:auto!important}
 .properties-mega-item::after {content:"";position:absolute;top:100%;height:24px;left:0;right:0}
}

@media (max-width:1200px), (max-width:1366px) and (pointer:coarse) {
 .hero-top .menu {display:none!important}
 .mobile-menu-btn {display:flex!important}
}
@media(min-width:1921px) {
 .hero-frame {max-width:none!important}
 .hero-center {max-width:var(--gv-r-content-narrow)!important;margin-inline:auto!important}
 .container {max-width:var(--gv-r-content-wide-legacy)!important;margin-inline:auto!important}
 .footer-box {max-width:var(--gv-r-content-wide-legacy)!important;margin-inline:auto!important}
 .hero-exact {min-height:640px!important}
}