/* ==========================================================================
   عمق السعودية — طبقة الحركة والحداثة (animations + gradients + shapes)
   تُحمَّل بعد redesign.css. تحترم prefers-reduced-motion.
   ========================================================================== */

/* ===== الأيقونات الموحّدة (Lucide) ===== */
.gs-ico { display: inline-block; vertical-align: middle; flex-shrink: 0; }
.gs-ico--inline { margin-inline-end: 6px; }
a:hover > .gs-ico, button:hover > .gs-ico { }

/* ===== منحنيات وحركات أساسية ===== */
:root { --gs-ease: cubic-bezier(.22,.61,.36,1); --gs-ease-out: cubic-bezier(.16,1,.3,1); }

@keyframes gs-fade-up   { from { opacity: 0; transform: translateY(28px); } to { opacity: 1; transform: none; } }
@keyframes gs-fade-in   { from { opacity: 0; } to { opacity: 1; } }
@keyframes gs-zoom-in   { from { opacity: 0; transform: scale(.94); } to { opacity: 1; transform: none; } }
@keyframes gs-slide-side{ from { opacity: 0; transform: translateX(30px); } to { opacity: 1; transform: none; } }
@keyframes gs-float     { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-16px); } }
@keyframes gs-float-2   { 0%,100% { transform: translate(0,0) rotate(0); } 50% { transform: translate(10px,-12px) rotate(6deg); } }
@keyframes gs-gradient  { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }
@keyframes gs-pulse     { 0% { transform: scale(1); opacity: .55; } 70% { transform: scale(2.6); opacity: 0; } 100% { opacity: 0; } }
@keyframes gs-shine     { 0% { transform: translateX(-120%) skewX(-20deg); } 60%,100% { transform: translateX(320%) skewX(-20deg); } }
@keyframes gs-spin-slow { to { transform: rotate(360deg); } }
@keyframes gs-bob       { 0%,100% { transform: translateY(0); } 50% { transform: translateY(4px); } }

/* ===== كشف العناصر عند التمرير (scroll reveal) ===== */
.gs-reveal { opacity: 0; transform: translateY(28px); transition: opacity .7s var(--gs-ease-out), transform .7s var(--gs-ease-out); transition-delay: calc(var(--gs-i, 0) * 70ms); will-change: opacity, transform; }
.gs-reveal.is-visible { opacity: 1; transform: none; }
.gs-reveal--zoom { transform: scale(.94); }
.gs-reveal--side { transform: translateX(30px); }

/* ===== خلفيات متدرّجة متحرّكة + أشكال زخرفية ===== */
.gs-animated-grad { background-size: 220% 220%; animation: gs-gradient 14s ease infinite; }

.gs-blobs { position: absolute; inset: 0; overflow: hidden; pointer-events: none; z-index: 0; }
.gs-blob { position: absolute; border-radius: 50%; filter: blur(42px); opacity: .5; will-change: transform; }
.gs-blob--gold { background: radial-gradient(circle, rgba(200,162,75,.55), transparent 70%); }
.gs-blob--green{ background: radial-gradient(circle, rgba(46,125,91,.55), transparent 70%); }
.gs-blob--mint { background: radial-gradient(circle, rgba(120,190,150,.45), transparent 70%); }
.gs-blob.a { width: 340px; height: 340px; top: -80px; inset-inline-start: -60px; animation: gs-float 11s ease-in-out infinite; }
.gs-blob.b { width: 260px; height: 260px; bottom: -70px; inset-inline-end: 8%;  animation: gs-float-2 15s ease-in-out infinite; }
.gs-blob.c { width: 200px; height: 200px; top: 20%; inset-inline-end: -50px; animation: gs-float 13s ease-in-out infinite 1s; }

/* نقاط زخرفية شبكية */
.gs-dots-deco { position: absolute; width: 140px; height: 140px; background-image: radial-gradient(currentColor 1.6px, transparent 1.6px); background-size: 16px 16px; opacity: .12; pointer-events: none; }

/* ===== الهيدر: حالة التمرير ===== */
.gs-site-header { transition: box-shadow .3s ease, background .3s ease; }
.gs-site-header.is-scrolled { box-shadow: 0 6px 24px rgba(18,60,43,.10); }
/* خط سفلي متحرّك للتنقّل */
.gs-nav__list a { position: relative; }
.gs-nav__list a::after { content: ""; position: absolute; inset-inline: 16px; bottom: 8px; height: 3px; border-radius: 3px; background: var(--gs-green); transform: scaleX(0); transform-origin: center; transition: transform .28s var(--gs-ease); }
.gs-nav__list a:hover::after { transform: scaleX(1); }
.gs-nav__list .current-menu-item > a::after, .gs-nav__list .current_page_item > a::after { transform: scaleX(1); }
.gs-nav__list .current-menu-item > a, .gs-nav__list .current_page_item > a { border-bottom-color: transparent; }

/* ===== أزرار حديثة: تدرّج + لمعان + توهّج ===== */
.gs-btn { position: relative; overflow: hidden; background-image: linear-gradient(135deg, var(--gs-green), #2f7a52); box-shadow: 0 6px 18px rgba(36,96,63,.22); }
.gs-btn::after { content: ""; position: absolute; top: 0; bottom: 0; width: 40%; background: linear-gradient(90deg, transparent, rgba(255,255,255,.35), transparent); transform: translateX(-120%) skewX(-20deg); }
.gs-btn:hover { transform: translateY(-2px); box-shadow: 0 10px 26px rgba(36,96,63,.32); }
.gs-btn:hover::after { animation: gs-shine .9s ease; }
.gs-btn--gold { background-image: linear-gradient(135deg, var(--gs-gold), #d8b45f); box-shadow: 0 6px 18px rgba(200,162,75,.30); }
.gs-btn--ghost { background-image: none; box-shadow: none; }
.gs-btn--ghost:hover { transform: translateY(-2px); }

/* ===== بطاقات: توهّج حدّي عند التحويم ===== */
.gs-content-card, .gs-region-card, .gs-stat, .gs-panel, .gs-sidecard, .gs-infochips { transition: transform .22s var(--gs-ease), box-shadow .22s var(--gs-ease), border-color .22s ease; }
.gs-content-card::before, .gs-region-card::before { content: ""; position: absolute; inset: 0; border-radius: inherit; padding: 1px; background: linear-gradient(135deg, rgba(200,162,75,.6), rgba(46,125,91,.5)); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; opacity: 0; transition: opacity .25s ease; pointer-events: none; z-index: 2; }
.gs-content-card { position: relative; }
.gs-content-card:hover::before, .gs-region-card:hover::before { opacity: 1; }
.gs-stat:hover { transform: translateY(-4px); box-shadow: var(--gs-shadow-lg); }
.gs-stat__ico, .gs-infochip__ico, .gs-sidecard__h .gs-ico { transition: transform .25s var(--gs-ease); }
.gs-stat:hover .gs-stat__ico { transform: scale(1.12) rotate(-4deg); }

/* صورة البطاقة: تكبير ناعم */
.gs-content-card__media img, .gs-region-card__media img { transition: transform .5s var(--gs-ease-out); }
.gs-content-card:hover .gs-content-card__media img, .gs-region-card:hover .gs-region-card__media img { transform: scale(1.06); }

/* ===== عناوين متدرّجة ===== */
.gs-heading-center h2, .gs-hero__title { background-clip: border-box; }
.gs-grad-text { background: linear-gradient(100deg, var(--gs-green), var(--gs-gold)); -webkit-background-clip: text; background-clip: text; color: transparent; }

/* ===== الهيرو (سلايدر الرئيسية + هيرو داخلي): طبقات وأشكال ===== */
.gs-home-slider, .gs-hero, .gs-add-hero, .gs-cta-band, .gs-stats--band { position: relative; overflow: hidden; }
.gs-slide { position: relative; }
.gs-slide__inner { position: relative; z-index: 2; animation: gs-fade-up .8s var(--gs-ease-out) both; }

/* ===== الخريطة: الحركة يتولّاها redesign.css ===== */

/* ===== عدّاد الأرقام ===== */
.gs-stat__num, .gs-infochip__value { font-variant-numeric: tabular-nums; }

/* ===== سلايدر: مؤشرات أنعم ===== */
.gs-slider__dots button { transition: width .3s var(--gs-ease), background .3s ease; }

/* ===== أيقونة تعويم للأقسام الترويجية ===== */
.gs-float { animation: gs-float 6s ease-in-out infinite; }
.gs-float-2 { animation: gs-float-2 9s ease-in-out infinite; }

/* ===== الشريط العلوي للّوحة: عناصر بأيقونات ===== */
.gs-dash__navlink .gs-ico { transition: transform .2s var(--gs-ease); }
.gs-dash__navlink:hover .gs-ico { transform: translateX(-3px); }

/* ===== لمسات حداثة: جريدينت وأشكال ===== */
/* عناوين متدرّجة (أخضر → ذهبي) */
.gs-home-h2, .gs-heading-center h2 {
  background: linear-gradient(96deg, var(--gs-green-dark) 10%, var(--gs-green) 55%, var(--gs-gold));
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
.gs-home-sub { color: var(--gs-muted); }

/* شريط علوي متدرّج لبطاقات الإحصاء */
.gs-stat { position: relative; overflow: hidden; }
.gs-stat::before { content: ""; position: absolute; top: 0; inset-inline: 0; height: 3px; background: linear-gradient(90deg, var(--gs-green), var(--gs-gold)); opacity: .9; }
.gs-stat__ico { background: linear-gradient(135deg, var(--gs-green-soft), #fff); }

/* بطاقة الإحصاء الأولى بخلفية متدرّجة خفيفة عند التحويم */
.gs-stat:hover { background: linear-gradient(180deg, #fff, var(--gs-cream-2)); }

/* بطاقات دعوة الرئيسية: خضراء متدرّجة + الذهبية */
.gs-home-cta__card { position: relative; overflow: hidden; }
.gs-home-cta__card:not(.gs-home-cta__card--gold) { background: linear-gradient(140deg, var(--gs-green-dark), var(--gs-green)); border-color: transparent; color: #fff; }
.gs-home-cta__card:not(.gs-home-cta__card--gold) h3 { color: #fff; }
.gs-home-cta__card:not(.gs-home-cta__card--gold) p { color: rgba(255,255,255,.86); }
.gs-home-cta__card:not(.gs-home-cta__card--gold) .gs-btn { background: #fff; color: var(--gs-green-dark); background-image: none; }
.gs-home-cta__card:not(.gs-home-cta__card--gold) .gs-btn:hover { background: var(--gs-cream); color: var(--gs-green-dark); }
.gs-home-cta__card--gold { background: linear-gradient(140deg, #fff, #fbf1d6); border-color: #ecdcae; }

/* قسم الخريطة/الأقسام على خلفية متدرّجة كريمية ناعمة */
.gs-home-map { background: linear-gradient(180deg, #fff, var(--gs-cream)); }

/* هيرو السلايدر: توهّج ذهبي متحرّك في الزاوية */
.gs-home-slider::before { content: ""; position: absolute; top: -120px; inset-inline-start: -120px; width: 380px; height: 380px; background: radial-gradient(circle, rgba(200,162,75,.34), transparent 68%); z-index: 1; pointer-events: none; animation: gs-float 12s ease-in-out infinite; }
.gs-slide { z-index: 0; }

/* رأس القسم: زخرفة ذهبية متوهّجة */
.gs-section-head__title::before, .gs-block-title--ico::before { background: linear-gradient(135deg, var(--gs-gold), var(--gs-green)); box-shadow: 0 2px 8px rgba(200,162,75,.4); transform: rotate(45deg); border-radius: 5px; }
.gs-section-head__title, .gs-block-title--ico { gap: 14px; }

/* أيقونة داخل شريحة المعلومات: خلفية دائرية متدرّجة */
.gs-infochip__ico { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background: linear-gradient(135deg, var(--gs-green-soft), #fff); color: var(--gs-green); }

/* شرائح المعلومات: فاصل متدرّج */
.gs-infochips { background: linear-gradient(180deg, #fff, var(--gs-cream-2)); }

/* ===== بادج نوع المحتوى على البطاقات ===== */
.gs-card-type { position: absolute; top: 10px; inset-inline-start: 10px; z-index: 2; display: inline-flex; align-items: center; gap: 5px; background: rgba(18,60,43,.82); color: #fff; font-size: 12px; font-weight: 700; padding: 5px 12px; border-radius: 999px; -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); box-shadow: 0 3px 10px rgba(0,0,0,.18); }
.gs-card-type .gs-ico { color: var(--gs-gold); }
/* أيقونات meta داخل البطاقات */
.gs-content-card__meta .gs-ico, .gs-region-card__meta .gs-ico, .gs-partner-card .gs-ico, .gs-content-card__cat .gs-ico { color: var(--gs-green); vertical-align: -2px; }
.gs-region-card__title .gs-ico, .gs-region-card__cta .gs-ico { color: var(--gs-gold); }
.gs-card-loc .gs-ico { color: #fff; }

/* ==========================================================================
   تحسينات الرئيسية v2 (سلايدر · إحصاءات · شركاء · آراء)
   ========================================================================== */

/* ----- السلايدر ----- */
.gs-slide { position: relative; overflow: hidden; }
.gs-slide__bg { position: absolute; inset: 0; z-index: 0; background-size: cover; background-position: center; transform: scale(1.02); }
.gs-slide.is-active .gs-slide__bg { animation: gs-kenburns 8s ease-out both; }
@keyframes gs-kenburns { from { transform: scale(1.02); } to { transform: scale(1.14); } }
.gs-slide__scrim { position: absolute; inset: 0; z-index: 1; background: linear-gradient(260deg, rgba(10,40,29,.95) 6%, rgba(10,40,29,.72) 42%, rgba(10,40,29,.22) 100%); }
.gs-slide__inner { position: relative; z-index: 2; }
.gs-slide__panel { max-width: 620px; animation: gs-fade-up .8s var(--gs-ease-out) both; }
.gs-slide__tag { display: inline-flex; align-items: center; gap: 6px; }
.gs-slide__meta { display: flex; gap: 20px; color: #d9e8e0; font-size: 14px; margin: 2px 0 18px; flex-wrap: wrap; }
.gs-slide__meta span { display: inline-flex; align-items: center; gap: 6px; }
.gs-slide__meta .gs-ico { color: var(--gs-gold); }
.gs-slider__nav { z-index: 3; background: rgba(255,255,255,.14); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); border: 1px solid rgba(255,255,255,.28); color: #fff; display: inline-flex; align-items: center; justify-content: center; }
.gs-slider__nav:hover { background: var(--gs-gold); color: #1a1a1a; border-color: transparent; }
.gs-slider__progress { position: absolute; bottom: 0; inset-inline: 0; height: 4px; background: rgba(255,255,255,.14); z-index: 3; }
.gs-slider__progress span { display: block; height: 100%; width: 0; background: linear-gradient(90deg, var(--gs-gold), #e7ca7d); }

/* ----- الإحصاءات العائمة ----- */
.gs-home-stats { margin-top: -46px; position: relative; z-index: 5; }
.gs-home-stats .gs-stat { background: #fff; box-shadow: var(--gs-shadow-lg); }
.gs-stat__body { display: flex; flex-direction: column; }
.gs-stat__ico { display: inline-flex; align-items: center; justify-content: center; }

/* ----- بطاقات الشركاء (ملف تجاري) ----- */
.gs-partner-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 22px; }
.gs-partner-card2 { position: relative; display: flex; flex-direction: column; background: #fff; border: 1px solid var(--gs-border); border-radius: var(--gs-radius); box-shadow: var(--gs-shadow); overflow: hidden; transition: transform .2s var(--gs-ease), box-shadow .2s var(--gs-ease); }
.gs-partner-card2:hover { transform: translateY(-5px); box-shadow: var(--gs-shadow-lg); }
.gs-partner-card2.is-featured { border-color: var(--gs-gold); box-shadow: 0 4px 20px rgba(200,162,75,.18); }
.gs-partner-card2__cover { position: relative; aspect-ratio: 16/9; overflow: hidden; background: var(--gs-green-soft); }
.gs-partner-card2__cover img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s var(--gs-ease-out); }
.gs-partner-card2:hover .gs-partner-card2__cover img { transform: scale(1.07); }
.gs-partner-card2__cover-ph { position: absolute; inset: 0; background: linear-gradient(135deg, var(--gs-green), var(--gs-green-2)); }
.gs-partner-card2__cover::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(18,60,43,.45), transparent 55%); }
.gs-partner-card2__badge { position: absolute; top: 10px; inset-inline-start: 10px; z-index: 2; background: var(--gs-gold); color: #1a1a1a; font-size: 11.5px; font-weight: 800; padding: 5px 11px; border-radius: 999px; display: inline-flex; align-items: center; gap: 4px; }
.gs-partner-card2__rating { position: absolute; top: 10px; inset-inline-end: 10px; z-index: 2; background: rgba(255,255,255,.95); color: var(--gs-text); font-size: 12.5px; font-weight: 800; padding: 4px 11px; border-radius: 999px; display: inline-flex; align-items: center; gap: 4px; }
.gs-partner-card2__rating .gs-ico { color: var(--gs-gold); }
.gs-partner-card2__logo { position: absolute; bottom: -24px; inset-inline-end: 16px; z-index: 3; width: 58px; height: 58px; border-radius: 16px; background: #fff; box-shadow: var(--gs-shadow); border: 2px solid #fff; display: flex; align-items: center; justify-content: center; overflow: hidden; color: var(--gs-green); }
.gs-partner-card2__logo img { width: 100%; height: 100%; object-fit: cover; }
.gs-partner-card2__body { padding: 16px 16px 18px; padding-top: 32px; display: flex; flex-direction: column; gap: 8px; flex: 1; }
.gs-partner-card2__cat { display: inline-flex; align-items: center; gap: 5px; color: var(--gs-green); font-size: 12.5px; font-weight: 700; }
.gs-partner-card2__title { font-size: 17px; font-weight: 800; margin: 0; }
.gs-partner-card2__title a { color: var(--gs-text); }
.gs-partner-card2__title a:hover { color: var(--gs-green); }
.gs-partner-card2__meta { display: flex; align-items: center; gap: 14px; color: var(--gs-muted); font-size: 13px; flex-wrap: wrap; }
.gs-partner-card2__meta span { display: inline-flex; align-items: center; gap: 4px; }
.gs-partner-card2__cta { margin-top: auto; }

/* ----- كاروسيل الآراء ----- */
.gs-reviews { background: linear-gradient(180deg, var(--gs-cream-2), #fff); }
.gs-carousel { position: relative; }
.gs-carousel__track { display: flex; gap: 20px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; padding: 6px 2px 12px; scrollbar-width: none; -ms-overflow-style: none; }
.gs-carousel__track::-webkit-scrollbar { display: none; }
.gs-carousel__track > * { scroll-snap-align: start; flex: 0 0 auto; }
.gs-review-card { width: 344px; max-width: 84vw; background: #fff; border: 1px solid var(--gs-border); border-radius: var(--gs-radius); box-shadow: var(--gs-shadow); padding: 24px; position: relative; display: flex; flex-direction: column; gap: 12px; transition: transform .2s var(--gs-ease), box-shadow .2s var(--gs-ease); }
.gs-review-card:hover { transform: translateY(-4px); box-shadow: var(--gs-shadow-lg); }
.gs-review-card__quote { position: absolute; top: 16px; inset-inline-start: 20px; }
.gs-review-card__quote .gs-ico { color: #e3efe8; }
.gs-review-card__stars { position: relative; z-index: 1; color: var(--gs-gold); font-weight: 800; }
.gs-review-card__title { font-size: 15px; font-weight: 800; }
.gs-review-card__body { margin: 0; color: var(--gs-text); font-size: 14.5px; line-height: 1.9; flex: 1; }
.gs-review-card__by { display: flex; align-items: center; gap: 11px; border-top: 1px solid var(--gs-border); padding-top: 14px; }
.gs-review-card__avatar { width: 44px; height: 44px; border-radius: 50%; background: linear-gradient(135deg, var(--gs-green), var(--gs-green-2)); color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 18px; flex-shrink: 0; }
.gs-review-card__who { display: flex; flex-direction: column; line-height: 1.45; }
.gs-review-card__who strong { font-size: 14.5px; }
.gs-carousel-nav { display: flex; gap: 8px; }
.gs-carousel-btn { width: 42px; height: 42px; border-radius: 50%; border: 1px solid var(--gs-border); background: #fff; color: var(--gs-green); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: var(--gs-shadow); transition: background .18s ease, color .18s ease, transform .18s ease; }
.gs-carousel-btn:hover { background: var(--gs-green); color: #fff; border-color: transparent; transform: translateY(-2px); }
.gs-carousel-btn:disabled { opacity: .4; cursor: default; transform: none; }

@media (max-width: 640px) {
  .gs-home-stats { margin-top: 20px; }
  .gs-slide__meta { gap: 14px; }
}

/* ==========================================================================
   MODERN v3 — خطوط أكبر · أيقونات أكبر · ترانزيشن · هيرو سينمائي · أرقام جريئة
   ========================================================================== */

/* ----- الخطوط (أكبر وأوضح) ----- */
body { font-size: 17px; letter-spacing: .1px; }
h1, h2, h3 { letter-spacing: -.3px; }
.gs-page-title { font-size: clamp(28px, 3.4vw, 40px); }
.gs-section-head__title, .gs-block-title { font-size: 25px; }
.gs-heading-center h2 { font-size: clamp(26px, 3vw, 34px); }
.gs-content-card__title, .gs-region-card__title, .gs-partner-card2__title { font-size: 19px; }
.gs-lead, .gs-home-sub { font-size: 18px; }
.gs-hero__headline { letter-spacing: -.8px; }

/* ----- أيقونات أكبر في السياقات ----- */
.gs-infochip__ico .gs-ico { width: 24px; height: 24px; }
.gs-infochip__ico { width: 46px; height: 46px; }
.gs-section-head__title::before, .gs-block-title--ico::before { width: 24px; height: 24px; }
.gs-btn .gs-ico { width: 18px; height: 18px; }
.gs-sidecard__h .gs-ico { width: 20px; height: 20px; }

/* ----- ترانزيشن عام أنعم ----- */
a, .gs-chip, .gs-badge, .gs-icon-btn, .gs-region-picker, .gs-search,
.gs-nav__list a, .gs-view-all, .gs-footer-col a, .gs-tab { transition: color .2s var(--gs-ease), background-color .2s var(--gs-ease), border-color .2s var(--gs-ease), transform .2s var(--gs-ease), box-shadow .2s var(--gs-ease); }
.gs-input:focus, .gs-select:focus, .gs-textarea:focus,
.gs-form input:focus, .gs-form select:focus, .gs-form textarea:focus { transform: translateY(-1px); }
/* دخول الصفحة */
@keyframes gs-page-in { from { opacity: 0; } to { opacity: 1; } }
.gs-main { animation: gs-page-in .5s ease both; }

/* ===== هيرو الأخبار السينمائي ===== */
.gs-nhero { margin: 0; }
.gs-nhero__viewport { position: relative; height: clamp(460px, 62vh, 640px); overflow: hidden; background: var(--gs-green-dark); }
.gs-nhero__slides { position: absolute; inset: 0; }
.gs-nhero__slide { position: absolute; inset: 0; opacity: 0; visibility: hidden; transition: opacity .9s var(--gs-ease); }
.gs-nhero__slide.is-active { opacity: 1; visibility: visible; }
.gs-nhero__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.gs-nhero__img--ph { background: linear-gradient(135deg, var(--gs-green-dark), var(--gs-green)); }
.gs-nhero__slide.is-active .gs-nhero__img { animation: gs-kenburns 9s ease-out both; }
.gs-nhero__grad { position: absolute; inset: 0; background: linear-gradient(285deg, rgba(7,30,21,.96) 4%, rgba(7,30,21,.74) 40%, rgba(7,30,21,.12) 100%), linear-gradient(to top, rgba(7,30,21,.65), transparent 42%); }
.gs-nhero__inner { position: relative; height: 100%; display: flex; align-items: center; }
.gs-nhero__content { max-width: 660px; color: #fff; padding-block: 30px 120px; }
.gs-nhero__slide.is-active .gs-nhero__content { animation: gs-fade-up .9s var(--gs-ease-out) both; }
.gs-nhero__kicker { display: inline-flex; align-items: center; gap: 7px; background: var(--gs-gold); color: #1a1a1a; font-weight: 800; font-size: 13px; padding: 7px 16px; border-radius: 999px; margin-bottom: 18px; }
.gs-nhero__headline { font-size: clamp(30px, 4.6vw, 54px); line-height: 1.12; font-weight: 800; margin: 0 0 14px; }
.gs-nhero__headline a { color: #fff; }
.gs-nhero__headline a:hover { color: #fff; opacity: .92; }
.gs-nhero__sub { font-size: clamp(16px, 1.5vw, 19px); color: #dbe8e1; margin: 0 0 20px; line-height: 1.85; max-width: 580px; }
.gs-nhero__facts { display: flex; gap: 24px; margin-bottom: 26px; flex-wrap: wrap; font-size: 15.5px; color: #eef5f1; }
.gs-nhero__facts span { display: inline-flex; align-items: center; gap: 7px; }
.gs-nhero__facts .gs-ico { color: var(--gs-gold); }
.gs-nhero__nav { position: absolute; top: 40%; z-index: 4; width: 54px; height: 54px; border-radius: 50%; background: rgba(255,255,255,.13); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); border: 1px solid rgba(255,255,255,.3); color: #fff; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; }
.gs-nhero__nav:hover { background: var(--gs-gold); color: #1a1a1a; transform: scale(1.08); }
.gs-nhero__prev { inset-inline-start: 22px; }
.gs-nhero__next { inset-inline-end: 22px; }
.gs-nhero__rail { position: absolute; bottom: 22px; inset-inline: 0; z-index: 4; display: flex; gap: 12px; overflow-x: auto; scrollbar-width: none; padding-inline: max(24px, calc((100% - var(--gs-maxw)) / 2 + 20px)); }
.gs-nhero__rail::-webkit-scrollbar { display: none; }
.gs-nhero__thumb { flex: 0 0 auto; width: 210px; height: 68px; border-radius: 12px; overflow: hidden; position: relative; border: 2px solid transparent; background: rgba(255,255,255,.08); cursor: pointer; padding: 0; text-align: start; transition: border-color .2s, transform .2s; }
.gs-nhero__thumb img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .5; transition: opacity .25s; }
.gs-nhero__thumb::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(7,30,21,.92), rgba(7,30,21,.25)); }
.gs-nhero__thumb-t { position: absolute; inset-inline: 11px; bottom: 9px; z-index: 1; color: #fff; font-size: 12.5px; font-weight: 700; line-height: 1.35; }
.gs-nhero__thumb.is-active { border-color: var(--gs-gold); transform: translateY(-3px); }
.gs-nhero__thumb.is-active img { opacity: .85; }
.gs-nhero__thumb-bar { position: absolute; bottom: 0; inset-inline-start: 0; height: 3px; width: 0; background: var(--gs-gold); z-index: 2; }

/* ===== أرقام جريئة ملوّنة ===== */
.gs-home-stats { padding-block: 44px; }
.gs-statgrid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; }
.gs-bigstat { position: relative; overflow: hidden; background: #fff; border: 1px solid var(--gs-border); border-radius: var(--gs-radius-lg); box-shadow: var(--gs-shadow); padding: 28px 22px; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 4px; transition: transform .22s var(--gs-ease), box-shadow .22s var(--gs-ease); }
.gs-bigstat:hover { transform: translateY(-7px); box-shadow: 0 18px 42px rgba(18,60,43,.16); }
.gs-bigstat::before { content: ""; position: absolute; top: 0; inset-inline: 0; height: 4px; }
.gs-bigstat__ico { width: 64px; height: 64px; border-radius: 20px; display: inline-flex; align-items: center; justify-content: center; margin-bottom: 8px; transition: transform .25s var(--gs-ease); }
.gs-bigstat:hover .gs-bigstat__ico { transform: scale(1.1) rotate(-5deg); }
.gs-bigstat__num { font-size: 46px; font-weight: 800; line-height: 1; letter-spacing: -1.5px; font-variant-numeric: tabular-nums; }
.gs-bigstat__label { color: var(--gs-muted); font-size: 15px; font-weight: 600; }
.gs-bigstat--g::before { background: linear-gradient(90deg, #24603f, #4a9e73); } .gs-bigstat--g .gs-bigstat__ico { background: #e8f1ec; color: #24603f; } .gs-bigstat--g .gs-bigstat__num { color: #24603f; }
.gs-bigstat--b::before { background: linear-gradient(90deg, #2563a8, #4a90d9); } .gs-bigstat--b .gs-bigstat__ico { background: #e6eff8; color: #2563a8; } .gs-bigstat--b .gs-bigstat__num { color: #2563a8; }
.gs-bigstat--o::before { background: linear-gradient(90deg, #c8892b, #e0a852); } .gs-bigstat--o .gs-bigstat__ico { background: #fbf0da; color: #b8791f; } .gs-bigstat--o .gs-bigstat__num { color: #b8791f; }
.gs-bigstat--r::before { background: linear-gradient(90deg, #b0416a, #d46a90); } .gs-bigstat--r .gs-bigstat__ico { background: #fbe6ee; color: #b0416a; } .gs-bigstat--r .gs-bigstat__num { color: #b0416a; }

@media (max-width: 900px) { .gs-statgrid { grid-template-columns: 1fr 1fr; } .gs-hero__headline { font-size: clamp(26px, 6vw, 38px); } }
@media (max-width: 560px) { .gs-hero__viewport { height: 78vh; } .gs-hero__content { padding-bottom: 130px; } .gs-bigstat__num { font-size: 38px; } }

/* ==========================================================================
   كروت حديثة v2 — شكل أنعم · صور أكبر · عناوين أوضح · تحويم أغنى
   ========================================================================== */
.gs-region-grid { gap: 24px; }
.gs-content-card, .gs-region-card { border-radius: 20px; border-color: #eceae3; box-shadow: 0 6px 22px rgba(18,60,43,.07); }
.gs-content-card__media, .gs-region-card__media { aspect-ratio: 3/2; }
.gs-content-card:hover, .gs-region-card:hover { transform: translateY(-7px); box-shadow: 0 20px 44px rgba(18,60,43,.15); }
.gs-content-card__body { padding: 16px 18px 18px; gap: 8px; }
.gs-content-card__title { font-size: 19px; line-height: 1.4; font-weight: 800; }
.gs-content-card__excerpt { color: var(--gs-muted); font-size: 14.5px; line-height: 1.8; }
.gs-content-card__foot { padding-top: 12px; border-top: 1px solid #f0efe9; margin-top: 4px; }
.gs-content-card__more { font-weight: 800; color: var(--gs-green); display: inline-flex; align-items: center; gap: 5px; }
.gs-content-card__more:hover { color: var(--gs-gold-2); }
.gs-content-card__more .gs-ico { transition: transform .2s var(--gs-ease); }
.gs-content-card:hover .gs-content-card__more .gs-ico { transform: translateX(-4px); }
/* شريحة التصنيف الفرعي كبادج ناعم */
.gs-content-card__cat { background: var(--gs-green-soft); color: var(--gs-green-dark); border: 0; font-weight: 700; }
/* بادج النوع أبرز */
.gs-card-type { font-size: 12.5px; padding: 6px 13px; }
.gs-card-type .gs-ico { width: 15px; height: 15px; }
/* شارة الموقع أنعم */
.gs-card-loc { background: rgba(18,60,43,.9); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); font-weight: 600; padding: 5px 13px; }
/* زر المفضلة أكبر */
.gs-card-fav { width: 38px; height: 38px; background: rgba(255,255,255,.92); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); box-shadow: 0 3px 10px rgba(0,0,0,.14); }
.gs-card-fav:hover { background: #fff; color: #e0396a; transform: scale(1.08); }
.gs-card-fav.is-on { color: #e0396a; }
/* بطاقة المنطقة — عنوان أكبر + خط سفلي أغنى */
.gs-region-card__media { aspect-ratio: 16/11; }
.gs-region-card__title { font-size: 21px; font-weight: 800; }
.gs-region-card__overlay { background: linear-gradient(to top, rgba(7,30,21,.9) 6%, rgba(7,30,21,.15) 55%, transparent); }
.gs-region-card__cta { color: var(--gs-green); font-weight: 800; display: inline-flex; align-items: center; gap: 6px; }
.gs-region-card:hover .gs-region-card__cta { color: var(--gs-gold-2); }

/* ===== تصويت «مفيد» + عدّاد الإعجابات ===== */
.gs-utilbar__helpful { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.gs-vote { display: inline-flex; align-items: center; gap: 6px; cursor: pointer; transition: all .18s var(--gs-ease); }
.gs-vote__count { font-weight: 800; font-variant-numeric: tabular-nums; }
.gs-vote:disabled { cursor: default; opacity: .75; }
.gs-vote:not(:disabled):hover { transform: translateY(-2px); border-color: var(--gs-green); color: var(--gs-green); }
.gs-vote.is-voted { background: var(--gs-green-soft); border-color: var(--gs-green); color: var(--gs-green-dark); opacity: 1; }
.gs-vote--down:not(:disabled):hover { border-color: #c0546f; color: #c0546f; }
.gs-vote--down.is-voted { background: #fbe9ee; border-color: #d68aa0; color: #b0416a; }
.gs-helpful__thanks { display: inline-flex; align-items: center; gap: 5px; color: var(--gs-green); font-weight: 700; font-size: 14px; }
.gs-card-likes { display: inline-flex; align-items: center; gap: 4px; color: var(--gs-muted); font-weight: 700; margin-inline-start: 10px; }
.gs-card-likes .gs-ico { color: var(--gs-gold-2); }

/* ===== تقليل الحركة ===== */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; scroll-behavior: auto !important; }
  .gs-reveal { opacity: 1 !important; transform: none !important; }
  .gs-blob { display: none; }
}