/* صفحة المعالم والأماكن: التنسيقات الأساسية من المرجع (css/ref-front/front.css)،
   وهنا فقط ما كانت مكتبة الصور المتحركة (slick) وسكربتات المرجع تضبطه */
.main-slider__items-container { overflow: hidden; direction: ltr; height: 100%; }
.at-slider-track, .at-slider-track > .full-width-slider-item, .at-slider-track .full-width-slider-item-inner, .at-slider-track picture { height: 100%; }
.at-slider-track { display: flex; transition: transform .45s ease; }
.at-slider-track > .full-width-slider-item { flex: 0 0 100%; min-width: 0; }
.at-slider-track img, .at-slide-video { display: block; width: 100%; height: 100%; object-fit: cover; }
.main-slider__pagination .slick-dots { display: flex; justify-content: center; gap: 6px; list-style: none; margin: 8px 0 0; padding: 0; }
.main-slider__arrow { cursor: pointer; }
.at-avatar { width: 30px; height: 30px; border-radius: 50%; overflow: hidden; background: var(--Bg-secondary, #ecedf2); display: grid; place-items: center; font-weight: 700; }
.at-avatar img { width: 30px; height: 30px; display: block; }
.seo-block__faq .seo-block__faq-answer { display: none; }
.seo-block__faq.active .seo-block__faq-answer { display: block; }
.description-structured__title { cursor: pointer; }

/* عرض الصور بحجم كبير */
.at-lightbox { position: fixed; inset: 0; z-index: 6000; background: rgba(0,0,0,.88); display: flex; align-items: center; justify-content: center; }
.at-lightbox img { max-width: 92vw; max-height: 86vh; border-radius: 12px; }
.at-lightbox__x { position: absolute; top: 16px; left: 16px; width: 40px; height: 40px; border: 0; border-radius: 50%; background: rgba(255,255,255,.15); color: #fff; font-size: 18px; cursor: pointer; }
.at-lightbox__nav { position: absolute; top: 50%; transform: translateY(-50%); width: 44px; height: 44px; border: 0; border-radius: 50%; background: rgba(255,255,255,.15); color: #fff; font-size: 28px; line-height: 1; cursor: pointer; }
.at-lightbox__nav--next { left: 16px; }
.at-lightbox__nav--prev { right: 16px; }

/* الفيديو والصور تملأ إطار الصور المتحركة بالكامل على كل الشاشات (الفيديو كان يأخذ ارتفاعه الطبيعي فقط على الجوال) */
/* ارتفاع الشريحة من أطول شريحة (الصور مربعة على الجوال)، حتى الفيديو يملأ الإطار بلا فراغ */
.main-slider--promo .at-slider-track { align-items: stretch; }
.main-slider--promo .at-slider-track > .full-width-slider-item { height: auto !important; }
.main-slider--promo .at-slider-track .full-width-slider-item-inner { height: 100% !important; }
.main-slider--promo .at-slider-track img,
.main-slider--promo .at-slider-track video { display: block; width: 100%; height: 100% !important; object-fit: cover; position: relative; }

/* نقطة القوائم محلياً بدل marker.svg من الـ CDN، حتى لا تتغيّر أو تختفي إن لم تُحمَّل الصورة */
.description-structured__text--mce li:before { content: ""; width: 4px; height: 4px; border-radius: 50%; background: currentColor; top: 8px; }

/* شريحة بصورة عريضة فقط: على الجوال تظهر كاملة فوق خلفية مموّهة منها (بدون تكبير أو قص) */
@media (max-width: 767px) {
  .main-slider--promo .at-slider-track .at-slide--fit, .main-slider--promo .at-slider-track .is-fit { position: relative; overflow: hidden; background: #0f0f15; }
  .main-slider--promo .at-slider-track .at-slide--fit::before, .main-slider--promo .at-slider-track .is-fit::before { content: ""; position: absolute; inset: -20px; background: var(--at-bg) center / cover; filter: blur(24px) brightness(.7); }
  .main-slider--promo .at-slider-track .at-slide--fit img, .main-slider--promo .at-slider-track .is-fit img { object-fit: contain; }
}