/* تغییر رنگ نوار منوی بالا به سورمه‌ای */
.header__bottom {
    background-color: #002561 !important;
}

/* تغییر رنگ نوار منوی دسته‌بندی‌ها به سورمه‌ای */
.farashop__mega-menu {
    background-color: #002561 !important;
}

/* باکس آبی "پیشنهاد شگفت انگیز" را سورمه‌ای کن */
.amazing-offer-100,
.amazing-offer-100__side,
.amazing-offer-100__body,
.js_amazing-offer-body {
    background-color: #002561 !important;
    background-image: none !important;
}

.farashop__footer .footer__bottom {
    background-color: #002561 !important;
}

/* تغییر رنگ پس زمینه دکمه انتخاب زبان */
.language__holder .language__opener {
    background: #002561 !important;     /* سورمه‌ای */
    color: #fff !important;
}

/* پس زمینه لیست زبان‌ها */
.language__holder .content-language__holder {
    background: #002561 !important; 
    border-color: #002561 !important;
}

/* رنگ هاور */
.language__holder .content-language__holder li:hover {
    background: #013070 !important;
}

.language__holder {
    background-color: #002561 !important;
}

/* گوشه‌های راست و چپ که مثل دکمه بیرون زده‌ان */
.language__holder:before,
.language__holder:after {
    background-color: #002561 !important;
    border-color: #002561 !important;
}

/* پس‌زمینه‌ی کشویی منوی بالا */
nav .main-menu li.has-child > ul {
    background-color: #002561 !important;
}

/* رنگ بک‌گراند آیتم‌های داخل کشو */
nav .main-menu li.has-child > ul li a {
    background-color: #002561 !important;
    color: #ffffff !important;
}

/* حالت hover روی آیتم‌های کشو (می‌تونی رنگ رو کمی روشن‌تر بگیری) */
nav .main-menu li.has-child > ul li a:hover {
    background-color: #002561 !important;
}

body::before{
  content:"";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 999999;

  

  background-size:
    200px 200px,
    260px 260px,
    320px 320px,
    380px 380px,
    450px 450px;


  opacity: 1;
}

@keyframes snowFall {
  from { background-position: 0 -600px; }
  to   { background-position: 0 2200px; }
}
.logo{
  animation: logoWind 5s ease-in-out infinite;
  transform-origin: center;
}

@keyframes logoWind{
  0% { transform: rotate(0deg) translateY(0px); }
  25% { transform: rotate(0.5deg) translateY(-1px); }
  50% { transform: rotate(-0.5deg) translateY(1px); }
  75% { transform: rotate(0.5deg) translateY(-1px); }
  100% { transform: rotate(0deg) translateY(0px); }
}