/* ========================= */
/* 1) المتغيّرات / الثيمات   */
/* ========================= */

:root { /* جذر: متغيّرات الثيم الداكن (الافتراضي) */
  --bg: #0f1115;              /* خلفية عامة */
  --card: #151922;            /* خلفية البطاقات */
  --text: #eaeef7;            /* لون النص الأساسي */
  --muted: #b9c0cf;           /* نص ثانوي */
  --gold: #fbdd4c;            /* لون ذهبي للتمييز */
  --shadow: 0 10px 28px #00000020; /* ظل افتراضي */
  --radius: 14px;             /* نصف قطر افتراضي */
  --container: 1024px;        /* عرض الحاوية القصوى */
}

:root:not(.dark) { /* الثيم الفاتح عند غياب .dark على :root */
  --bg: #f7f7fb;              /* خلفية فاتحة */
  --card: #ffffff;            /* بطاقة فاتحة */
  --text: #1a1d24;            /* نص داكن */
  --muted: #5a6375;           /* نص ثانوي */
  --shadow: 0 10px 28px #00000012; /* ظل أخف */
}

.dark { color-scheme: dark; } /* تلميح للنظام بوضع داكن */

/* ========================= */
/* 2) إعادة ضبط سريعة        */
/* ========================= */

* { box-sizing: border-box; } /* احتساب الحواف ضمن الأبعاد */
html, body { margin: 0; padding: 0; } /* إزالة الهوامش الافتراضية */
html { height: 100%; } /* ملء ارتفاع الشاشة */
body { /* تهيئة الجسم */
  min-height: 100%;
  background: var(--bg);
  color: var(--text);
  font-family: "Cairo", system-ui, -apple-system, Segoe UI, Roboto, Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji"; /* خط */
  line-height: 1.6;
  direction: rtl;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img, svg, video, canvas { display: block; max-width: 100%; } /* وسائط مرنة */
a { color: inherit; text-decoration: none; } /* روابط بلون الوراثة */
button, input { font-family: inherit; color: inherit; } /* اتساق الخط */
:focus-visible { outline: 2px solid color-mix(in oklab, var(--gold) 60%, transparent); outline-offset: 2px; } /* وصول أفضل */

/* ========================= */
/* 3) حاوية وتخطيط عام       */
/* ========================= */

.container { width: min(100% - 24px, var(--container)); margin-inline: auto; } /* حاوية مركزية */
.view { padding-block: 18px 42px; } /* مسافة عمودية للمحتوى */
.section { margin-block: 18px 26px; } /* فصل المقاطع */
h1, h2, h3 { margin: 0 0 10px; font-weight: 900; letter-spacing: .1px; } /* عناوين قوية */
h2 { font-size: 1.25rem; } /* حجم H2 */
h3 { font-size: 1.06rem; } /* حجم H3 */

/* ========================= */
/* 4) الشريط العلوي / العلامة */
/* ========================= */

.topbar { /* شريط علوي ثابت */
  position: sticky; top: 0; z-index: 50;
  backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
  background: color-mix(in oklab, var(--bg) 70%, transparent);
  border-bottom: 1px solid color-mix(in oklab, var(--text) 10%, transparent);
}

.nav { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-block: 10px; } /* صف التنقل */
.brand { display: flex; align-items: center; gap: 10px; } /* رابط الشعار */
.logo { width: 38px; height: 48px; border-radius: 10px;  } /* صورة الشعار */
.brand__en { font-size: .9rem; font-weight: 800; line-height: 1.1; } /* اسم إنجليزي */
.brand__ar { font-size: .9rem; color: var(--muted); line-height: 1.1; } /* اسم عربي */

/* ========================= */
/* 5) مفتاح الثيم (سويتش)    */
/* ========================= */

.switch { display: inline-grid; place-items: center; width: 46px; height: 28px; position: relative; cursor: pointer; } /* غلاف السويتش */
.switch input { position: absolute; inset: 0; opacity: 0; } /* إخفاء المدخل */
.switch span { /* المسار الخلفي */
  width: 100%; height: 100%; border-radius: 999px; 
  background: color-mix(in oklab, var(--card) 85%, transparent);
  border: 1px solid color-mix(in oklab, var(--text) 18%, transparent);
  box-shadow: inset 0 2px 6px #00000012; position: relative; transition: background .25s ease;
}
.switch span::after { /* المقبض */
  content: ""; position: absolute; inset-block: 3px; inset-inline-start: 3px;
  width: 22px; height: 22px; border-radius: 999px; background: var(--gold);
  box-shadow: 0 4px 12px #fbdd4c55; transition: transform .25s ease;
}
.switch input:checked + span::after { transform: translateX(-18px); } /* تحريك لليسار (RTL) */

/* ========================= */
/* 6) تبويبات الأقسام        */
/* ========================= */

.tabs { display: flex; gap: 10px; flex-wrap: wrap; padding-block: 8px 12px; } /* شريط التبويبات */
.tabs a {
  padding: 8px 12px; border-radius: 10px; font-weight: 800;
  border: 1px solid color-mix(in oklab, var(--text) 14%, transparent);
  background: color-mix(in oklab, var(--card) 88%, transparent);
  transition: filter .2s ease, transform .1s ease;
}
.tabs a:hover { filter: brightness(1.05); } /* تفتيح */
.tabs a:active { transform: translateY(1px); } /* نقرة */
.active-tab { background: var(--gold); color: #111; border-radius: 10px; font-weight: 900; box-shadow: 0 3px 12px #fbdd4c44; pointer-events: none; } /* تبويب نشط */
@media (max-width: 520px) { .map-frame { margin-inline: -8px; } } /* ضبط هامش للخريطة بالجوال */

/* ========================= */
/* 7) شريط المنتجات (Ribbon) */
/* ========================= */

.menu-ribbon { position: relative; } /* غلاف الشريط */
.menu-ribbon__viewport { overflow: auto; -webkit-overflow-scrolling: touch; scroll-behavior: smooth; } /* تمرير سلس */
.menu-ribbon__track { display: flex; gap: 14px; padding: 6px 2px 2px; min-height: 232px; } /* عناصر الشريط */

.r-card {
  position: relative; flex: 0 0 auto; width: 210px;
  border-radius: var(--radius); overflow: hidden; background: var(--card);
  border: 1px solid color-mix(in oklab, var(--text) 10%, transparent);
  box-shadow: var(--shadow); cursor: pointer; isolation: isolate;
}
@media (max-width: 560px) { .r-card { width: 180px; } } /* تصغير بالشاشات الصغيرة */
.r-card .figure { width: 100%; aspect-ratio: 1/1; display: grid; place-items: center; position: relative; z-index: 1; } /* صورة */
.r-card img { width: 100%; height: 100%; object-fit: contain; background: transparent; display: block; } /* صورة داخل البطاقة */

.r-card .mini-overlay {
  position: absolute; inset-inline: 8px; bottom: 8px; z-index: 2;
  padding: 8px 10px; border-radius: 12px;
  background: color-mix(in oklab, var(--card) 30%, transparent);
  backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
  box-shadow: 0 8px 24px #00000020; color: var(--text); display: none;
}
.r-card .mini-overlay h3 { margin: 0 0 4px; font-size: .95rem; font-weight: 900; line-height: 1.2; } /* عنوان */
.r-card .mini-overlay p { margin: 0; font-size: .9rem; line-height: 1.45; color: var(--muted); } /* وصف */
.r-card.show .mini-overlay { display: block; } /* إظهار التراكب عند .show */

.r-nav {
  position: absolute; top: 50%; transform: translateY(-50%);
  width: 42px; height: 42px; border-radius: 50%; display: grid; place-items: center;
  border: 1px solid color-mix(in oklab, var(--text) 14%, transparent);
  background: color-mix(in oklab, var(--card) 72%, transparent);
  backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);
  box-shadow: 0 6px 16px #00000022; cursor: pointer; z-index: 3;
}
.r-nav[disabled] { opacity: .35; pointer-events: none; } /* تعطيل */
.r-nav--prev { inset-inline-start: -6px; } /* السابق RTL */
.r-nav--next { inset-inline-end: -6px; }   /* التالي RTL */
.r-nav svg { width: 22px; height: 22px; }  /* حجم الأيقونة */

/* ========================= */
/* 8) منتج الجمعة            */
/* ========================= */

.friday-wrap { margin-top: 8px; display: flex; } /* صف */
.friday-card {
  position: relative; display: inline-flex; gap: 14px; align-items: flex-start; flex-wrap: wrap;
  background: linear-gradient(135deg, color-mix(in oklab, var(--gold) 18%, transparent), color-mix(in oklab, var(--card) 70%, transparent));
  border: 1px solid color-mix(in oklab, var(--gold) 38%, transparent);
  border-radius: 16px; box-shadow: 0 10px 28px #00000018;
  padding: 12px 14px; overflow: hidden; cursor: pointer; width: fit-content; max-width: 100%;
}
.friday-card .badge { position: absolute; inset-inline-start: -38px; top: -38px; width: 120px; height: 120px; background: radial-gradient(#fbdd4c, #f1c40f); opacity: .18; filter: blur(10px); border-radius: 50%; } /* وهج */
.friday-block { display: flex; flex-direction: column; gap: 6px; } /* عمود نص */
.friday-title { margin: 0; font-size: 1.06rem; font-weight: 900; text-align: right; } /* عنوان */
.friday-imgwrap { position: relative; border-radius: 14px; overflow: hidden; } /* إطار صورة */
.friday-card img { width: 300px; height: 300px; object-fit: contain; background: transparent; border-radius: 14px; box-shadow: 0 8px 22px #0003; display: block; } /* صورة */
@media (max-width: 800px) { .friday-card img { width: 240px; height: 240px; } } /* وسط */
@media (max-width: 520px) { .friday-card img { width: 210px; height: 210px; } } /* صغير */
.friday-overlay {
  position: absolute; inset-inline: 8px; bottom: 8px; padding: 6px 9px; border-radius: 12px;
  background: color-mix(in oklab, var(--card) 30%, transparent);
  color: var(--text); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
  box-shadow: 0 8px 24px #00000020; display: none; max-width: calc(100% - 16px); font-size: .86rem; line-height: 1.35;
}
.friday-card.show .friday-overlay { display: block; } /* إظهار عند .show */

/* ========================= */
/* 9) البحث (Popover)        */
/* ========================= */

.search-bar { position: relative; max-width: 720px; margin: 10px 0; } /* غلاف البحث */
.search-bar input {
  width: 100%; padding: 12px 14px; border-radius: 12px;
  border: 1px solid color-mix(in oklab, var(--text) 16%, transparent);
  background: color-mix(in oklab, var(--card) 92%, transparent);
  color: var(--text); font-weight: 800;
}
.search-popover {
  position: absolute; inset-inline: 0; top: calc(100% + 8px);
  background: color-mix(in oklab, var(--card) 96%, transparent);
  border: 1px solid color-mix(in oklab, var(--text) 14%, transparent);
  border-radius: 14px; box-shadow: 0 16px 40px #00000026;
  max-height: 55vh; overflow: auto; z-index: 30; display: none;
}
.search-popover.open { display: block; } /* فتح النتائج */
.search-list { list-style: none; margin: 0; padding: 8px; display: flex; flex-direction: column; gap: 8px; } /* قائمة */
.search-list a {
  display: flex; justify-content: space-between; align-items: center; gap: 10px;
  padding: 10px 12px; border-radius: 12px; text-decoration: none; color: var(--text);
  background: color-mix(in oklab, var(--card) 88%, transparent);
  border: 1px solid color-mix(in oklab, var(--text) 10%, transparent);
}
.search-list a:hover { filter: brightness(1.02); } /* تفاعل */
@media (max-width: 560px){
  .search-popover { max-height: 60vh; }           /* ارتفاع أعلى للجوال */
  .search-list a span:last-child { font-size:.85rem } /* نص أصغر */
}

/* ========================= */
/* 10) المقترح الذكي/الأزرار */
/* ========================= */

.smart-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 10px; } /* رأس */
.btn {
  border: 1px solid color-mix(in oklab, var(--text) 28%, transparent);
  background: color-mix(in oklab, var(--card) 88%, transparent);
  padding: 9px 12px; border-radius: 12px; cursor: pointer; color: var(--text); font-weight: 800;
  transition: filter .2s ease, transform .1s ease;
}
.btn:hover { filter: brightness(1.05); } /* تفتيح */
.btn:active { transform: translateY(1px); } /* نقرة */
.btn.gold { background: var(--gold); color: #111; border: 1px solid #d6b300; box-shadow: 0 8px 22px #fbdd4c4a; } /* زر ذهبي */
:root:not(.dark) .btn.gold { color: #111; } /* تباين بالفاتح */

/* ========================= */
/* 11) الشبكة والبطاقات      */
/* ========================= */

.grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 16px; } /* شبكة */
.card {
  position: relative; border-radius: var(--radius); overflow: hidden; background: var(--card);
  border: 1px solid color-mix(in oklab, var(--text) 10%, transparent); box-shadow: var(--shadow); cursor: pointer; isolation: isolate;
}
.card__img { width: 100%; aspect-ratio: 1/1; display: grid; place-items: center; background: transparent; position: relative; z-index: 1; } /* صورة */
.card__img img { width: 100%; height: 100%; object-fit: contain; background: transparent; display: block; } /* صورة */
.overlay { position: absolute; inset: 0; pointer-events: none; z-index: 2; } /* طبقة */
.overlay-bottom {
  position: absolute; inset-inline: 8px; bottom: 8px; z-index: 3; padding: 8px 10px; border-radius: 12px;
  background: color-mix(in oklab, var(--card) 30%, transparent);
  backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
  box-shadow: 0 8px 24px #00000020; color: var(--text); display: none;
}
.overlay-bottom h3 { margin: 0 0 4px; font-size: .95rem; font-weight: 900; } /* عنوان */
.overlay-bottom p { margin: 0; font-size: .9rem; line-height: 1.45; color: var(--muted); } /* وصف */
.card.show .overlay-bottom { display: block; } /* إظهار */

/* ========================= */
/* 12) الخريطة / الفروع      */
/* ========================= */
/* ========================= */
/*   دبوس الفروع + الوميض    */
/* ========================= */

.branch-marker {
  position: relative;
  display: grid;
  place-items: center;
}

.branch-marker .emoji {
  font-size: 26px;
  line-height: 1;
  z-index: 2;
}

.branch-marker .pulse {
  position: absolute;
  width: 20px;
  height: 20px;
  border: 2px solid var(--gold);
  border-radius: 50%;
  opacity: 0;
  top: 50%;
  left: 50%;
  margin-top: -10px;
  margin-left: -10px;
  pointer-events: none;
}

.branch-marker.pulsing .pulse {
  animation: sr-pulse 1.6s ease-out infinite;
  opacity: 1;
}

@keyframes sr-pulse {
  0%   { transform: scale(.4); opacity: .8; }
  60%  { transform: scale(2.4); opacity: 0; }
  100% { transform: scale(2.4); opacity: 0; }
}

/* ========================= */
/*         خط مشع ✨         */
/* ========================= */

.glow-core {
  stroke-dasharray: 12 10;
  animation: dashmove 2.6s linear infinite;
  filter: drop-shadow(0 0 4px var(--gold));
}

.glow-halo {
  filter: drop-shadow(0 0 6px var(--gold))
          drop-shadow(0 0 12px var(--gold));
  opacity: .35 !important;
}

@keyframes dashmove {
  to { stroke-dashoffset: -44; }
}


/* ========================= */
/* 13) الفوتر / الروابط      */
/* ========================= */

.legal {
  border-top: 1px solid color-mix(in oklab, var(--text) 10%, transparent);
  background: color-mix(in oklab, var(--bg) 70%, transparent);
  backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
}
.legal__row { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding-block: 14px; flex-wrap: wrap; }
.links { display: flex; gap: 12px; align-items: center; padding: 0; margin: 0; list-style: none; }
.link-ghost {
  padding: 6px 10px; border-radius: 10px;
  border: 1px solid color-mix(in oklab, var(--text) 12%, transparent);
  background: color-mix(in oklab, var(--card) 90%, transparent);
  cursor: pointer;
}
.link-ghost[disabled] { opacity: .5; pointer-events: none; }
.link-ghost:hover { filter: brightness(1.04); }

/* ========================= */
/* 14) تقييم القلوب          */
/* ========================= */

.rating { display: inline-flex; gap: 6px; } /* صف أزرار */
.rating button {
  width: 26px; height: 26px; border-radius: 50%;
  border: 1px solid color-mix(in oklab, var(--text) 20%, transparent);
  background: color-mix(in oklab, var(--card) 88%, transparent);
  cursor: pointer; position: relative;
}
.rating button::before {
  content: "♥"; position: absolute; inset: 0; display: grid; place-items: center;
  font-size: .8rem; color: color-mix(in oklab, var(--text) 70%, transparent);
}
.rating button:hover { filter: brightness(1.06); }
.rating button:active { transform: translateY(1px); }

/* ========================= */
/* 15) كانفس النجوم          */
/* ========================= */

#stars { /* خلفية زخرفية تغطي الصفحة */
  position: fixed; inset: 0; z-index: 0; pointer-events: none;
}
/* ضمان أن الهيدر والمحتوى فوق الكانفس */
.topbar, .view, .legal { position: relative; z-index: 1; }

/* ========================= */
/* 16) تحسينات استجابة عامة  */
/* ========================= */

@media (max-width: 960px) { .container { width: min(100% - 20px, var(--container)); } } /* تضييق الهامش */
@media (max-width: 640px) {
  .tabs { gap: 8px; }          /* تقليل الفجوات */
  .brand__en, .brand__ar { font-size: .86rem; } /* تصغير النص */
  #map { height: 300px; }      /* تخفيض ارتفاع الخريطة */
}
@media (max-width: 420px) {
  .logo { width: 34px; height: 34px; } /* شعار أصغر */
  .tabs a { padding: 7px 10px; }       /* تقليل الحشوة */
  .search-bar { margin: 8px 0; }       /* تقليل المسافة */
}

/* ========================= */
/* 17) أدوات مساعدة بسيطة    */
/* ========================= */

.font-sans { font-family: "Cairo", system-ui, -apple-system, Segoe UI, Roboto, Arial; } /* فئة خط */
.antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* تنعيم */
.text-sm { font-size: .92rem; } /* نص صغير */
.link { text-decoration: underline; text-decoration-color: color-mix(in oklab, var(--text) 30%, transparent); } /* رابط مزخرف */
.hidden { display: none !important; } /* إخفاء قسري */

/* ========================= */
/* 18) تحسينات وصول ولغة      */
/* ========================= */

[dir="rtl"] .r-nav--prev { inset-inline-start: -6px; } /* متوافق RTL */
[dir="rtl"] .r-nav--next { inset-inline-end: -6px; }   /* متوافق RTL */
[aria-hidden="true"] { visibility: hidden; }           /* إخفاء دلالي */
/* إبراز القلوب النشطة */
.rating button.active::before,
.rating button.preview::before {
  color: var(--gold);                 /* لون ذهبي للقلوب المفعّلة/المعاينة */
}

/* إطار الزر عند التفعيل أو المعاينة */
.rating button.active,
.rating button.preview {
  border-color: color-mix(in oklab, var(--gold) 70%, transparent);
  box-shadow: 0 0 0 2px #fbdd4c24;
}

/* القلوب غير المفعّلة: لون أهدأ */
.rating button:not(.active):not(.preview)::before {
  color: color-mix(in oklab, var(--text) 55%, transparent);
}

/* خلفية النجوم تغطي الشاشة وتكون تحت المحتوى */
#stars{
  position: fixed;      /* يغطي الشاشة */
  inset: 0;             /* أعلى/أسفل/يمين/يسار = 0 */
  z-index: 0;           /* تحت بقية الطبقات */
  pointer-events: none; /* ما يمنع النقر */
}

/* خلّ المحتوى فوق الكانفس */
.topbar, .view, .legal{
  position: relative;
  z-index: 1;
}

/* ====== V60 page tweaks (keep homepage look) ====== */

/* التبويب النشط – نفس الرئيسية */
.active-tab {
  background: var(--gold);
  color: #111;
  border-radius: 10px;
  font-weight: 900;
  box-shadow: 0 3px 12px #fbdd4c44;
  pointer-events: none;
}

/* شبكة عامة للبطاقات (كما في الرئيسية) */
.grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 16px; }

/* منع تمدّد غير منطقي */
.card { max-width: 100%; }
.card__img { width: 100%; aspect-ratio: 1 / 1; display: grid; place-items: center; }
.card__img img { width: 100%; height: 100%; object-fit: contain; }

/* بطاقات V60 الأساسية (حار/بارد) تبقى مربّعة */
#v60Base .card__img { aspect-ratio: 1 / 1; }

/* بطاقات محاصيل V60 (بوسترات عمودية) بنسبة 4/5 لتجنّب التكبير الغريب */
#v60PremiumGrid .card__img,
#v60ClassicGrid .card__img { aspect-ratio: 4 / 5; }

/* عنصر “لا صورة” بنفس روح الرئيسية */
.noimg { height: 100%; display: grid; place-items: center; color: var(--muted); }

/* بطاقة “محصول اليوم المقترح” */
.today-pick-card {
  display: flex; flex-wrap: wrap; gap: 20px; align-items: center;
  background: var(--card);
  border-radius: 14px; box-shadow: var(--shadow);
  border: 1px solid color-mix(in oklab, var(--text) 8%, transparent);
  padding: 16px 18px; margin: 10px 0 22px;
}
.today-pick-card img {
  width: 96px; height: 96px; object-fit: contain; border-radius: 13px; background: #fff;
  box-shadow: 0 4px 12px #0001; margin-left: 14px;
}
.today-title { font-size: 1.15rem; font-weight: 900; margin: 7px 0 3px; }
.today-pick-card .desc { font-size: 1.05rem; margin-top: 5px; color: var(--muted); }
.today-price { margin-top: 7px; color: var(--gold); font-size: 1.06rem; }

@media (max-width: 600px) {
  .today-pick-card { flex-direction: column; align-items: flex-start; }
  .today-pick-card img { margin-left: 0; margin-bottom: 10px; }
}

/* خلي النجوم خلف المحتوى دائماً (نفس الرئيسية) */
#stars { position: fixed; inset: 0; z-index: 0; pointer-events: none; }
.topbar, .view, .legal { position: relative; z-index: 1; }

/* ========================= */
/* ========================= */
/* 19) طبقة الثلج (وضع الشتاء)
   Snow overlay (winter)     */
/* ========================= */

/* تفعيل/تعطيل سريع عبر كلاس على <html> */
:root { --snow-on: 0; }
:root.winter { --snow-on: 1; }

/* الغلاف */
.snow-overlay{
  position: fixed;
  inset: 0;
  z-index: 1000;
  pointer-events: none;
  opacity: var(--snow-on);
}

/* حبّات الثلج – تعديل بسيط لتصبح "رذاذ لطيف" */
.snow-overlay .flake{
  position: absolute;
  top: -10vh; left: 0;

  /* الحجم الجديد */
  width: 4px;
  height: 4px;

  background: #ffffffdd;
  border-radius: 50%;
  filter: drop-shadow(0 0 4px #ffffffaa);
  opacity: .75;

  transform: translate3d(var(--x-start), -10vh, 0) scale(var(--scale));

  /* الحركة الجديدة للرذاذ */
  animation: drizzle-fall var(--duration) var(--delay) linear infinite;
}

/* الحركة القديمة تبقى — ما نحذفها */
@keyframes snow-fall{
  50%{ transform: translate3d(calc(var(--x-start) + var(--x-amp)), 50vh, 0) scale(var(--scale)); }
  100%{ transform: translate3d(calc(var(--x-start) + (var(--x-amp)*.5)), 100vh, 0) scale(var(--scale)); }
}

/* الحركة الجديدة (فعّالة حالياً) */
@keyframes drizzle-fall {
  50% {
    transform: translate3d(calc(var(--x-start) + var(--x-amp)), 50vh, 0) scale(var(--scale));
    opacity: .5;
  }
  100% {
    transform: translate3d(calc(var(--x-start) + (var(--x-amp)*0.6)), 100vh, 0) scale(var(--scale));
    opacity: .3;
  }
}

@media (prefers-reduced-motion: reduce){
  .snow-overlay{ display: none !important; }
}