.elementor-22463 .elementor-element.elementor-element-6f2ba3a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}/* Start custom CSS for html, class: .elementor-element-464a0b3 */@font-face{font-family:"DR Ping";src:url("https://desertroseholidays.ae/wp-content/uploads/2026/08/Ping-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"DR Ping";src:url("https://desertroseholidays.ae/wp-content/uploads/2026/08/Ping-Medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"DR Ping";src:url("https://desertroseholidays.ae/wp-content/uploads/2026/08/Ping-Bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"DR Ping";src:url("https://desertroseholidays.ae/wp-content/uploads/2026/08/Ping-Heavy.woff2") format("woff2");font-weight:900;font-style:normal;font-display:swap}
 
 
/* ==========================================================
   TOKENS
========================================================== */
.dro,.dro *,.dro *::before,.dro *::after{box-sizing:border-box}
.dro,.dro *{font-family:"DR Ping",system-ui,sans-serif !important}
 
.dro{
  --green:#0D5543;
  --orange:#EF4123;
  --orange-d:#D93515;
  --sun:#F79A3C;
  --beige:#FEF0D5;
  /* خلفية الصفحة — أوف وايت. القديمة الكريمي: #FDF8EE */
  --paper:#FAF9F6;
  --dark:#141210;
  --ink:#14251E;
  --muted:#5B6B64;
  --line:rgba(13,85,67,.13);
  --ease:cubic-bezier(.22,.75,.28,1);
  --gut:clamp(16px,3vw,40px);
 
  direction:rtl;
  text-align:right;
  color:var(--ink);
  background:var(--paper);
  -webkit-font-smoothing:antialiased;
}
.dro__wrap{max-width:1240px;margin:0 auto;padding-inline:var(--gut)}
 
.dro button{
  -webkit-appearance:none;appearance:none;
  background:transparent;border:0;border-radius:0;box-shadow:none;
  margin:0;padding:0;min-height:0;
  text-transform:none !important;letter-spacing:normal !important;
  color:inherit;cursor:pointer;
}
.dro a{text-decoration:none !important}
.dro p,.dro h1,.dro h2,.dro h3,.dro ul{margin:0 !important;padding:0}
.dro [hidden]{display:none !important}
 
/* ==========================================================
   HERO — موزاييك من صور العروض
========================================================== */
.dro-hero{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  background:var(--dark);
  padding:clamp(72px,9vw,128px) 0 clamp(60px,7vw,100px);
}
.dro-hero__bg{
  position:absolute;inset:0;z-index:-2;
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:3px;
}
.dro-hero__bg span{
  position:relative;overflow:hidden;
  background:#1d1a17;
}
.dro-hero__bg img{
  position:absolute;left:0;top:-12%;width:100%;height:124%;
  object-fit:cover;
  filter:saturate(.95);
  animation:droDrift 18s ease-in-out infinite alternate;
}
.dro-hero__bg span:nth-child(even) img{animation-direction:alternate-reverse}
@keyframes droDrift{from{transform:translateY(-3%)}to{transform:translateY(6%)}}
.dro-hero::after{
  content:"";position:absolute;inset:0;z-index:-1;
  background:
    linear-gradient(270deg,rgba(14,12,10,.66) 0%,rgba(14,12,10,.48) 36%,rgba(14,12,10,.14) 72%,rgba(14,12,10,0) 100%),
    linear-gradient(0deg,rgba(14,12,10,.38),rgba(14,12,10,0) 42%);
}
@media (max-width:700px){
  .dro-hero__bg{grid-template-columns:repeat(3,1fr)}
  .dro-hero__bg span:nth-child(n+4){display:none}
  .dro-hero::after{background:linear-gradient(0deg,rgba(14,12,10,.74) 12%,rgba(14,12,10,.4) 60%,rgba(14,12,10,.18))}
}
.dro .dro-hero h1{
  font-size:clamp(36px,5vw,68px) !important;
  font-weight:900 !important;
  line-height:1.15 !important;
  letter-spacing:0 !important;
  color:#FDF8EE !important;
  text-shadow:0 2px 24px rgba(14,12,10,.55),0 1px 3px rgba(14,12,10,.35);
}
.dro .dro-hero p{
  margin-top:14px !important;
  max-width:46ch;
  font-size:clamp(15.5px,1.25vw,18px) !important;
  line-height:1.9 !important;
  color:rgba(253,248,238,.86) !important;
  text-shadow:0 1px 14px rgba(14,12,10,.6);
}
 
/* ==========================================================
   FILTERS — كومباكت
========================================================== */
.dro__main{padding-top:clamp(22px,3vw,36px);padding-bottom:clamp(56px,7vw,110px)}
 
.dro-filters{display:grid;gap:20px}
.dro-filter{display:flex;align-items:center;gap:14px;min-width:0}
.dro-filter__label{
  flex:0 0 auto;
  display:inline-flex;align-items:center;justify-content:space-between;gap:12px;
  min-width:78px;
  font-size:15px;font-weight:700;color:var(--green);
}
/* خط رفيع بيفصل الكلمة عن الكبسولات */
.dro-filter__label::after{
  content:"";
  width:1px;height:20px;
  background:rgba(13,85,67,.25);
}
.dro-pills{display:flex;flex-wrap:wrap;gap:4px;min-width:0}
 
@media (max-width:1300px) and (min-width:701px){
  .dro .dro-pills .dro-pill{padding:0 9px !important}
  .dro-filter__label{min-width:70px}
}
@media (max-width:1240px) and (min-width:701px){
  .dro .dro-pills .dro-pill{padding:0 8px !important}
}
/* لو الكبسولات ما كفّتش، الطرف بيبهت عشان الزائر يعرف إن فيه سحب */
.dro-pills.is-overflow{
  /* RTL: الزيادة على الشمال، فالبهتان على الحافة الشمال */
  -webkit-mask-image:linear-gradient(to right,transparent 0,#000 36px);
  mask-image:linear-gradient(to right,transparent 0,#000 36px);
}
.dro-pills.is-overflow.is-end{-webkit-mask-image:none;mask-image:none}
 
/* الديسكتوب: سطر الوجهات كله في سطر واحد (ولو الشاشة ضاقت بيتسحب بدل ما يكسر) */
@media (min-width:701px){
  .dro-pills[data-pills="dest"]{
    flex-wrap:nowrap;
    overflow-x:auto;
    scrollbar-width:none;
  }
  .dro-pills[data-pills="dest"]::-webkit-scrollbar{display:none}
  .dro-pills[data-pills="dest"] .dro-pill{flex:0 0 auto}
}
 
.dro .dro-pill{
  display:inline-flex;align-items:center;gap:6px;
  height:30px;
  padding:0 10px !important;
  border:1px solid var(--line) !important;
  border-radius:999px !important;
  background:transparent !important;
  color:var(--ink) !important;
  font-size:14px;font-weight:500;
  white-space:nowrap;
  box-shadow:none !important;
  transition:border-color .2s ease,background .2s ease,color .2s ease,opacity .2s ease;
}
.dro .dro-pill:hover{
  background:var(--beige) !important;
  border-color:rgba(13,85,67,.35) !important;
  color:var(--ink) !important;
}
.dro .dro-pill[aria-pressed="true"],
.dro .dro-pill[aria-pressed="true"]:hover{
  background:var(--green) !important;
  border-color:var(--green) !important;
  color:#fff !important;
  font-weight:700;
}
.dro .dro-pill:disabled,
.dro .dro-pill:disabled:hover{opacity:.35;cursor:default;background:transparent !important;border-color:var(--line) !important}
 
/* ==========================================================
   BAR
========================================================== */
.dro__bar{
  display:flex;
  align-items:flex-start;
  gap:16px 28px;
  margin:clamp(24px,3vw,36px) 0 22px;
  border-top:1px solid var(--line);
}
.dro__meta{
  display:flex;align-items:center;gap:16px;
  flex:0 0 auto;
  margin-inline-start:auto;
  padding-top:16px;
}
 
/* نوع الرحلة — تابات معلّقة على الخط، من غير عنوان */
.dro-acts{
  display:flex;
  gap:clamp(18px,2vw,30px);
  min-width:0;
  margin-top:-1px;
  overflow-x:auto;
  scrollbar-width:none;
}
.dro-acts::-webkit-scrollbar{display:none}
.dro .dro-act{
  position:relative;
  flex:0 0 auto;
  padding:15px 0 6px !important;
  border:0 !important;
  border-top:2px solid transparent !important;
  border-radius:0 !important;
  background:none !important;
  box-shadow:none !important;
  font-family:inherit;
  font-size:15.5px !important;
  font-weight:600 !important;
  line-height:1.4 !important;
  color:var(--muted) !important;
  cursor:pointer;
  transition:color .25s ease,border-color .25s ease;
}
.dro .dro-act:hover{color:var(--ink) !important;border-top-color:rgba(13,85,67,.35) !important;background:none !important}
.dro .dro-act[aria-pressed="true"]{color:var(--ink) !important;font-weight:800 !important;border-top-color:var(--orange) !important}
.dro .dro-act:disabled{opacity:.35;cursor:default;border-top-color:transparent !important}
.dro .dro-act:focus-visible{outline:2px solid var(--sun);outline-offset:3px}
.dro .dro__count{font-size:15px !important;color:var(--muted) !important}
.dro .dro__count b{color:var(--ink);font-weight:700}
.dro .dro__reset{
  font-size:14px;
  font-weight:700;
  color:var(--orange) !important;
  text-decoration:underline !important;
  text-decoration-thickness:1px !important;
  text-underline-offset:4px;
}
 
 
/* "وجهة ثانية؟" */
.dro .dro-pill.dro-pill--more{
  flex:0 0 auto;
  margin-inline-start:auto;
  border-style:dashed !important;
  border-color:rgba(239,65,35,.55) !important;
  color:var(--orange) !important;
  font-weight:700;
}
.dro .dro-pill.dro-pill--more:hover{border-color:var(--orange) !important;background:rgba(239,65,35,.07) !important;color:var(--orange-d) !important}
 
/* ==========================================================
   GRID
========================================================== */
.dro-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
}
 
/* ==========================================================
   CARD — صورة كاملة + لسانات
========================================================== */
.dro-card{
  position:relative;
  aspect-ratio:1000/1430;
  border-radius:20px;
  overflow:hidden;
  color:#fff;
  isolation:isolate;
  background:linear-gradient(150deg,#0F5B48,#0A3B30);
  box-shadow:0 30px 50px -42px rgba(20,18,16,.85);
}
.dro-card__img{
  position:absolute;inset:0;z-index:-2;
  width:100%;height:100%;
  object-fit:cover;
  transition:transform 1.5s var(--ease);
}
.dro-card:hover .dro-card__img{transform:scale(1.05)}
/* طبقة أغمق بتظهر بس وقت ما التفاصيل مفتوحة — عشان الكلام يتقرا فوق أي صورة */
.dro-card::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(0deg,rgba(12,10,9,.6) 0%,rgba(12,10,9,.45) 55%,rgba(12,10,9,0) 85%);
  opacity:0;transition:opacity .45s ease;
}
.dro-card.is-open::before{opacity:1}
@media (hover:hover){
  .dro-card:hover::before,
  .dro-card:focus-within::before{opacity:1}
}
.dro-card::after{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:
    linear-gradient(180deg,rgba(12,10,9,.28) 0%,rgba(12,10,9,0) 22%),
    linear-gradient(0deg,rgba(12,10,9,.94) 0%,rgba(12,10,9,.62) 36%,rgba(12,10,9,0) 66%);
}
 
/* اللسانات — لازقة في حافة الكارت الشمال */
.dro-card__tabs{
  position:absolute;top:18px;left:0;
  display:flex;flex-direction:column;align-items:flex-end;gap:8px;
}
.dro-card__price{
  padding:10px 18px 11px 16px;
  border-radius:0 18px 18px 0;
  background:var(--beige);
  color:var(--ink);
  box-shadow:0 10px 22px -14px rgba(0,0,0,.6);
}
.dro-card__price small{display:block;font-size:12px;color:var(--muted)}
.dro-card__price b{font-size:clamp(22px,1.9vw,26px);font-weight:900;line-height:1.15}
.dro-card__price span{font-size:13px;font-weight:700;margin-inline-start:4px}
.dro-card__chip{
  display:inline-flex;align-items:center;gap:6px;
  padding:7px 14px 7px 16px;
  border-radius:0 999px 999px 0;
  font-size:12.5px;font-weight:700;line-height:1.2;
  white-space:nowrap;
}
.dro-card__chip--when{background:var(--sun);color:var(--ink)}
.dro-card__chip{transition:opacity .3s ease,transform .4s var(--ease)}
@media (hover:hover){
  .dro-card:hover .dro-card__chip,
  .dro-card:focus-within .dro-card__chip{opacity:0;transform:translateX(-12px)}
}
.dro-card__chip--fly{background:var(--green);color:#fff}
.dro-card__chip--fly svg{width:14px;height:14px;flex:0 0 14px}
 
.dro-card__hot{
  position:absolute;top:18px;right:18px;
  display:inline-flex;align-items:center;gap:6px;
  max-width:calc(100% - 200px);
  padding:6px 12px;border-radius:999px;
  background:rgba(255,255,255,.95);
  color:var(--orange);
  font-size:12px;font-weight:700;line-height:1.3;
  box-shadow:0 8px 18px -12px rgba(0,0,0,.6);
}
.dro-card__hot--tag{color:var(--green)}
.dro-card__hot--tag::before{content:"";flex:0 0 6px;height:6px;border-radius:50%;background:var(--sun)}
.dro-card__chip--pay{background:#fff;color:var(--ink)}
.dro-card__chip--pay b{font-weight:800}
 
/* أهم ما يشمله العرض — سطر واحد تحت العنوان، بيختفي لما التفاصيل الكاملة تفتح */
.dro-card__hl{
  display:grid;grid-template-rows:1fr;
  transition:grid-template-rows .45s var(--ease),opacity .3s ease;
}
.dro-card__hl > div{
  overflow:hidden;
  display:flex;flex-wrap:wrap;gap:4px 14px;
  padding-top:8px;
}
.dro-card__hl span{
  display:inline-flex;align-items:center;gap:6px;
  font-size:13.5px;font-weight:500;line-height:1.5;
  color:rgba(255,255,255,.88);
}
.dro-card__hl span::before{content:"";flex:0 0 5px;height:5px;border-radius:50%;background:var(--sun)}
.dro-card.is-open .dro-card__hl{grid-template-rows:0fr;opacity:0}
@media (hover:hover){
  .dro-card:hover .dro-card__hl,
  .dro-card:focus-within .dro-card__hl{grid-template-rows:0fr;opacity:0}
}
 
/* المحتوى تحت */
.dro-card__body{position:absolute;right:22px;left:22px;bottom:20px}
.dro-card__place{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:rgba(255,255,255,.88)}
.dro-card__place img{width:22px;height:15px;border-radius:3px;object-fit:cover;box-shadow:0 0 0 1px rgba(255,255,255,.6)}
.dro .dro-card__title{
  margin-top:6px !important;
  font-size:clamp(24px,2.1vw,31px) !important;
  font-weight:900 !important;
  line-height:1.2 !important;
  letter-spacing:0 !important;
  color:var(--sun) !important;
}
 
/* التفاصيل — بتظهر مع الهوفر، وبزرار على التاتش */
.dro-card__more{
  display:grid;grid-template-rows:0fr;opacity:0;
  transition:grid-template-rows .55s var(--ease),opacity .4s ease;
}
.dro-card__more > div{overflow:hidden}
@media (hover:hover){
  .dro-card:hover .dro-card__more,
  .dro-card:focus-within .dro-card__more{grid-template-rows:1fr;opacity:1}
}
.dro-card.is-open .dro-card__more{grid-template-rows:1fr;opacity:1}
.dro .dro-card__note{
  padding-top:12px;
  font-size:13px !important;line-height:1.65 !important;
  color:rgba(255,255,255,.72) !important;
}
.dro .dro-card__inc{list-style:none;padding-top:10px !important;display:grid;gap:5px}
.dro-card__inc li{display:flex;gap:9px;align-items:flex-start;font-size:14px;line-height:1.5;color:rgba(255,255,255,.92)}
.dro-card__inc li::before{content:"";flex:0 0 6px;height:6px;margin-top:8px;border-radius:50%;background:var(--sun)}
.dro .dro-card__pay{padding-top:8px;font-size:13px !important;color:rgba(255,255,255,.75) !important}
.dro-card__pay b{color:#fff}
 
.dro .dro-card__toggle{
  display:none;
  align-items:center;gap:8px;
  margin-top:10px;
  font-size:13.5px;font-weight:700;color:#fff;
}
.dro-card__toggle i{
  width:18px;height:18px;border-radius:50%;
  display:grid;place-items:center;
  border:1.5px solid currentColor;
  font-style:normal;font-size:14px;line-height:1;
  transition:transform .35s var(--ease);
}
.dro-card.is-open .dro-card__toggle i{transform:rotate(45deg)}
@media (hover:none){ .dro .dro-card__toggle{display:inline-flex} }
 
.dro-card__foot{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  margin-top:16px;padding-top:14px;
  border-top:1px solid rgba(255,255,255,.22);
}
.dro-card__dur{display:flex;align-items:center;gap:10px;min-width:0}
.dro-card__dur svg{width:24px;height:24px;flex:0 0 24px}
.dro-card__dur small{display:block;font-size:11.5px;color:rgba(255,255,255,.7)}
.dro-card__dur b{font-size:14.5px;font-weight:700}
.dro .dro-card__cta{
  flex:0 0 auto;
  display:inline-flex;align-items:center;gap:8px;
  height:46px;padding-inline:20px 16px;border-radius:999px;
  background:var(--orange) !important;color:#fff !important;
  font-size:14.5px;font-weight:700;
  box-shadow:0 12px 24px -14px rgba(239,65,35,.9);
  transition:background .3s ease,transform .3s var(--ease);
}
.dro .dro-card__cta:hover,
.dro .dro-card__cta:focus-visible{background:var(--orange-d) !important;color:#fff !important;transform:translateY(-1px)}
.dro-card__cta svg{width:20px;height:20px;flex:0 0 20px;fill:currentColor}
 
/* الكارت الأول أعرض — على الديسكتوب بس */
@media (min-width:1101px){
  .dro-card.is-feature{grid-column:span 2;aspect-ratio:auto}
  .dro-card.is-feature:only-child{aspect-ratio:1400/970}
  .dro-card.is-feature .dro-card__title{font-size:clamp(30px,2.8vw,42px) !important}
  .dro-card.is-feature .dro-card__body{right:28px;left:28px;bottom:24px}
  .dro-card.is-feature .dro-card__title,
  .dro-card.is-feature .dro-card__more{max-width:560px}
}
 
/* المزيد */
.dro__more{display:flex;justify-content:center;margin-top:36px}
.dro .dro__more button{
  display:inline-flex;align-items:center;gap:10px;
  height:52px;padding-inline:26px;
  border-radius:999px;
  background:var(--green);color:#fff;
  font-size:15.5px;font-weight:700;
  transition:background .3s ease;
}
.dro .dro__more button:hover{background:var(--orange) !important;color:#fff !important}
.dro .dro-card__toggle:hover,.dro .dro-card__toggle:focus{background:transparent !important;color:#fff !important}
.dro .dro__reset:hover,.dro .dro__reset:focus{background:transparent !important;color:var(--orange) !important}
.dro__more b{
  display:inline-grid;place-items:center;min-width:28px;height:28px;padding:0 8px;
  border-radius:999px;background:rgba(255,255,255,.18);font-size:13px;
}
 
/* ==========================================================
   EMPTY
========================================================== */
.dro__empty{
  text-align:center;
  padding:clamp(40px,6vw,72px) 22px;
  border:1px dashed rgba(13,85,67,.25);
  border-radius:24px;
  background:#fff;
}
.dro .dro__empty h3{
  font-size:clamp(22px,2.2vw,30px) !important;
  font-weight:700 !important;
  line-height:1.4 !important;
  color:var(--ink) !important;
}
.dro .dro__empty p{
  margin:10px auto 0 !important;
  max-width:46ch;
  font-size:16px !important;
  line-height:1.8 !important;
  color:var(--muted) !important;
}
.dro__empty-actions{
  display:flex;justify-content:center;align-items:center;flex-wrap:wrap;
  gap:14px 22px;margin-top:22px;
}
 
/* ==========================================================
   ON DEMAND
========================================================== */
.dro__ondemand{
  margin-top:clamp(64px,8vw,110px);
  padding-top:clamp(36px,4vw,52px);
  border-top:1px solid var(--line);
}
.dro .dro__ondemand h2{
  font-size:clamp(26px,2.8vw,38px) !important;
  font-weight:900 !important;
  line-height:1.25 !important;
  letter-spacing:0 !important;
  color:var(--ink) !important;
}
.dro .dro__ondemand > p{
  margin-top:12px !important;
  max-width:52ch;
  font-size:clamp(17px,1.4vw,19px) !important;
  line-height:1.85 !important;
  color:var(--muted) !important;
}
/* موزاييك الوجهات: صفوف 2 / 3 / 4 / 5 — كل صف أصغر من اللي فوقه */
.dro__mosaic{
  display:grid;
  grid-template-columns:repeat(60,minmax(0,1fr));
  grid-template-rows:clamp(220px,21vw,290px) clamp(185px,17vw,235px) clamp(165px,14.5vw,205px) clamp(150px,13vw,185px);
  gap:4px;
  margin-top:30px;
  border-radius:24px;
  overflow:hidden;
  clip-path:inset(0 round 24px);
  isolation:isolate;
}
.dro .dro-mo{
  grid-column:span 12;
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  align-items:flex-start;
  min-width:0;
  padding:clamp(14px,1.5vw,22px);
  overflow:hidden;
  isolation:isolate;
  color:#fff !important;
  text-decoration:none !important;
  background:#173a31;
}
.dro-mo:nth-child(-n+2){grid-column:span 30}
.dro-mo:nth-child(n+3):nth-child(-n+5){grid-column:span 20}
.dro-mo:nth-child(n+6):nth-child(-n+9){grid-column:span 15}
 
.dro-mo > img{
  position:absolute;inset:0;z-index:-2;
  width:100%;height:100%;
  object-fit:cover;
  object-position:var(--pos,50% 50%);
  transition:transform 1.2s var(--ease),filter .6s ease;
}
.dro-mo::after{
  content:"";position:absolute;inset:0;z-index:-1;
  background:
    linear-gradient(0deg,rgba(8,22,18,.66) 0%,rgba(8,22,18,.22) 34%,rgba(8,22,18,0) 58%),
    linear-gradient(270deg,rgba(8,22,18,.18),rgba(8,22,18,0) 45%);
  transition:opacity .5s ease;
}
/* طبقة أغمق شوية بتظهر مع الهوفر عشان "اطلبوا السعر" يتقري */
.dro-mo::before{
  content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(0deg,rgba(8,22,18,.5) 0%,rgba(8,22,18,0) 50%);
  opacity:0;
  transition:opacity .45s ease;
}
.dro .dro-mo__name{
  display:block;
  font-size:17px;
  font-weight:700;
  line-height:1.25;
  color:#fff !important;
  text-shadow:0 1px 14px rgba(0,0,0,.35);
}
.dro-mo:nth-child(-n+2) .dro-mo__name{font-size:clamp(22px,2.1vw,30px)}
.dro-mo:nth-child(n+3):nth-child(-n+5) .dro-mo__name{font-size:clamp(19px,1.7vw,24px)}
.dro-mo:nth-child(n+6):nth-child(-n+9) .dro-mo__name{font-size:clamp(17px,1.4vw,20px)}
 
/* "اطلبوا السعر" — بيطلع مع الهوفر على الديسكتوب، وثابت على اللمس */
.dro-mo__ask{
  display:inline-flex;align-items:center;gap:6px;
  max-height:0;
  margin-top:0;
  opacity:0;
  overflow:hidden;
  font-size:13.5px;font-weight:500;line-height:1.4;
  color:rgba(253,248,238,.92);
  text-shadow:0 1px 10px rgba(0,0,0,.45);
  transform:translateY(6px);
  transition:max-height .45s var(--ease),margin .45s var(--ease),opacity .35s ease,transform .45s var(--ease);
}
.dro-mo__ask svg{width:13px;height:13px;flex:0 0 13px;color:var(--sun)}
 
/* دايرة الواتساب في الركن التاني — بتقول إن البلاطة دي بتتضغط */
.dro-mo__wa{
  position:absolute;
  bottom:clamp(14px,1.5vw,22px);
  left:clamp(14px,1.5vw,22px);
  display:grid;place-items:center;
  width:36px;height:36px;
  border-radius:50%;
  color:#fff;
  background:rgba(255,255,255,.16);
  -webkit-backdrop-filter:blur(10px) saturate(140%);
  backdrop-filter:blur(10px) saturate(140%);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.3);
  transition:background .3s ease,transform .45s var(--ease),box-shadow .3s ease;
}
.dro-mo__wa svg{width:17px;height:17px;fill:currentColor}
.dro-mo:nth-child(n+10) .dro-mo__wa{width:32px;height:32px}
.dro-mo:nth-child(n+10) .dro-mo__wa svg{width:15px;height:15px}
 
@media (hover:hover){
  .dro-mo:hover > img{transform:scale(1.06)}
  .dro-mo:hover::before{opacity:1}
  .dro-mo:hover .dro-mo__ask,
  .dro-mo:focus-visible .dro-mo__ask{max-height:24px;margin-top:5px;opacity:1;transform:none}
  .dro-mo:hover .dro-mo__wa{background:#25D366;box-shadow:none;transform:scale(1.08)}
}
@media (hover:none){
  .dro-mo__ask{max-height:24px;margin-top:4px;opacity:1;transform:none}
  .dro-mo::before{opacity:1}
}
.dro .dro-mo:focus-visible{outline:3px solid var(--sun);outline-offset:-3px}
 
/* شريط "ما لقيتوا وجهتكم؟" تحت الموزاييك */
.dro-ask{
  position:relative;
  display:flex;align-items:center;justify-content:space-between;gap:24px;
  margin-top:14px;
  padding:clamp(20px,2vw,26px) clamp(22px,2.6vw,34px);
  border-radius:22px;
  overflow:hidden;
  isolation:isolate;
  background:var(--green);
}
.dro-ask::before{
  content:"";position:absolute;z-index:-1;
  width:320px;height:320px;left:-80px;top:-150px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(247,154,60,.32),rgba(247,154,60,0) 68%);
}
.dro .dro-ask__title{
  display:block;
  font-size:clamp(19px,1.7vw,23px) !important;
  font-weight:800 !important;
  line-height:1.35 !important;
  color:#FDF8EE !important;
}
.dro .dro-ask__text{
  display:block;
  margin-top:4px;
  font-size:15.5px !important;
  line-height:1.75 !important;
  color:rgba(253,248,238,.76) !important;
}
.dro .dro-ask__btn{
  flex:0 0 auto;
  display:inline-flex;align-items:center;gap:9px;
  height:50px;padding-inline:24px 18px;border-radius:999px;
  background:var(--orange) !important;color:#fff !important;
  font-size:15px;font-weight:700;
  text-decoration:none !important;
  box-shadow:0 14px 26px -14px rgba(239,65,35,.95);
  transition:background .3s ease,transform .3s var(--ease);
}
.dro .dro-ask__btn:hover,
.dro .dro-ask__btn:focus-visible{background:var(--orange-d) !important;color:#fff !important;transform:translateY(-1px)}
.dro-ask__btn svg{width:21px;height:21px;flex:0 0 21px;fill:currentColor}
 
.dro__finewrap{
  position:relative;
  max-width:780px;
  margin:clamp(48px,6vw,80px) auto 0;
  isolation:isolate;
}
/* بقع لون ناعمة ورا الملاحظة — هي اللي بتخلّي الزجاج يبان */
.dro__finewrap::before,
.dro__finewrap::after{
  content:"";position:absolute;z-index:-1;border-radius:50%;
  filter:blur(34px);opacity:.38;pointer-events:none;
}
.dro__finewrap::before{width:200px;height:110px;top:6px;right:10%;background:var(--sun)}
.dro__finewrap::after{width:180px;height:100px;bottom:6px;left:12%;background:rgba(13,85,67,.5)}
.dro .dro__fine{
  display:flex;
  align-items:flex-start;
  gap:14px;
  margin:0 !important;
  padding:22px 26px;
  border-radius:20px;
  background:rgba(250,249,246,.55);
  -webkit-backdrop-filter:blur(22px) saturate(150%);
  backdrop-filter:blur(22px) saturate(150%);
  border:1px solid rgba(255,255,255,.75);
  box-shadow:0 20px 40px -30px rgba(20,18,16,.45),inset 0 1px 0 rgba(255,255,255,.8);
  font-size:clamp(15px,1.15vw,16.5px) !important;
  line-height:1.9 !important;
  color:var(--ink) !important;
  text-align:right;
}
.dro__fine svg{width:24px;height:24px;flex:0 0 24px;margin-top:3px;color:var(--orange)}
.dro .dro__fine p{font-size:inherit !important;line-height:inherit !important;color:inherit !important;margin:0 !important}
.dro__fine b{display:block;margin-bottom:2px;font-weight:700}
 
.dro a:focus-visible,.dro button:focus-visible{outline:2px solid var(--orange);outline-offset:3px;border-radius:10px}
 
 
/* ==========================================================
   RESPONSIVE
========================================================== */
@media (max-width:1100px){
  .dro-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dro__mosaic{
    grid-template-columns:repeat(6,minmax(0,1fr));
    grid-template-rows:clamp(220px,27vw,280px);
    grid-auto-rows:clamp(165px,19vw,200px);
  }
  .dro .dro-mo,
  .dro-mo:nth-child(n+3):nth-child(-n+5),
  .dro-mo:nth-child(n+6):nth-child(-n+9){grid-column:span 2}
  .dro-mo:nth-child(-n+2){grid-column:span 3}
  .dro-mo:nth-child(n+3) .dro-mo__name{font-size:18px}
  .dro-mo:nth-child(n+3) .dro-mo__wa{width:32px;height:32px}
}
 
@media (max-width:700px){
  .dro__bar{flex-direction:column;gap:0;margin-bottom:18px}
  .dro-acts{
    width:calc(100% + var(--gut) * 2);
    margin-inline:calc(var(--gut) * -1);
    padding-inline:var(--gut);
    gap:22px;
    -webkit-mask-image:linear-gradient(to right,transparent 0,#000 28px);
            mask-image:linear-gradient(to right,transparent 0,#000 28px);
  }
  .dro .dro-act{font-size:15px !important}
  .dro__meta{margin-inline-start:0;padding-top:12px}
  .dro-filter{flex-direction:column;align-items:stretch;gap:8px}
  .dro-filter__label::after{display:none}
  .dro-pills{
    flex-wrap:nowrap;
    overflow-x:auto;
    width:calc(100% + var(--gut) * 2);
    margin-inline:calc(var(--gut) * -1);
    padding:0 var(--gut) 2px;
    scrollbar-width:none;
  }
  .dro-pills::-webkit-scrollbar{display:none}
  .dro .dro-pill{height:32px;font-size:14px}
  /* الموبايل: "وجهة ثانية؟" في نفس سطر عنوان "الوجهة" */
  .dro-filter:has(.dro-pill--more){
    display:grid;
    grid-template-columns:1fr auto;
    grid-template-areas:"label more" "pills pills";
    align-items:center;
  }
  .dro-filter:has(.dro-pill--more) .dro-filter__label{grid-area:label}
  .dro-filter:has(.dro-pill--more) .dro-pills{grid-area:pills}
  .dro .dro-pill.dro-pill--more{grid-area:more;margin-inline-start:0;height:28px;font-size:12.5px}
 
  .dro-grid{grid-template-columns:1fr;gap:18px}
  /* الكارت عمود: المحتوى تحت، ولو اتفتحت التفاصيل الكارت بيطول لتحت */
  .dro-card{
    aspect-ratio:auto;
    min-height:calc((100vw - var(--gut) * 2) * 1.25);
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    padding:200px 18px 18px;
  }
  .dro-card__body{position:relative;right:auto;left:auto;bottom:auto}
  .dro-card.is-open::after{
    background:
      linear-gradient(180deg,rgba(12,10,9,.28) 0%,rgba(12,10,9,0) 22%),
      linear-gradient(0deg,rgba(12,10,9,.95) 0%,rgba(12,10,9,.8) 55%,rgba(12,10,9,.1) 85%);
  }
  .dro-card:hover .dro-card__img{transform:none}
 
  .dro__mosaic{
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-rows:240px;
    grid-auto-rows:168px;
    gap:3px;
    margin-top:22px;
    border-radius:18px;
    clip-path:inset(0 round 18px);
  }
  .dro .dro-mo,
  .dro-mo:nth-child(-n+2),
  .dro-mo:nth-child(n+3):nth-child(-n+5),
  .dro-mo:nth-child(n+6):nth-child(-n+9){grid-column:span 1}
  /* أول وجهة وآخر وجهة بعرض الشاشة */
  .dro-mo:first-child,
  .dro-mo:last-child{grid-column:span 2}
  .dro .dro-mo{padding:13px}
  .dro-mo:nth-child(n) .dro-mo__name{font-size:16px}
  .dro-mo:first-child .dro-mo__name{font-size:23px}
  .dro-mo:last-child .dro-mo__name{font-size:19px}
  .dro-mo__ask{font-size:12.5px}
  .dro-mo:nth-child(n) .dro-mo__wa{top:11px;bottom:auto;left:11px;width:30px;height:30px}
  .dro-mo:nth-child(n) .dro-mo__wa svg{width:14px;height:14px}
  .dro-ask{flex-direction:column;align-items:stretch;gap:16px;margin-top:10px;border-radius:18px;padding:20px}
  .dro .dro-ask__btn{justify-content:center}
}
 
@media (prefers-reduced-motion:reduce){
  .dro *,.dro *::before,.dro *::after{transition-duration:.01ms !important;animation:none !important}
}/* End custom CSS */