/* Add custom CSS styles below */ 
.\[\&_\.s-menu-footer-list\]\:columns-2 .s-menu-footer-list {
    -moz-columns: 2;
    column-count: 1;
}

.w-\[calc\(100\%\/1\.3\)\] {
    width: 41%;
}

.sicon-volume-mute:before {
    content: "\f08c";
    display: none;
}

.p-4 {
    padding: 1rem;
    margin-top: 25rem;
}

/* 1. تعريف حركة "النبض الهادئ" */
@keyframes continuous-float {
  0% {
    transform: translateY(0px) rotate(0deg);
  }
  33% {
    transform: translateY(-6px) rotate(1deg); /* ارتفاع بسيط وميلان خفيف */
  }
  66% {
    transform: translateY(10px) rotate(-1deg); /* نزول بسيط للموازنة */
  }
  100% {
    transform: translateY(0px) rotate(0deg);
  }
}

/* 2. تطبيق الحركة على الشعار */
.w-\[var\(--footer-w-logo-mob\)\] {
    width: var(--footer-w-logo-mob);
  display: inline-block;
  /* تنفذ الحركة خلال 4 ثوانٍ بشكل مستمر وانسيابي */
  animation: continuous-float 3s ease-in-out infinite;
  
  /* تحسين جودة الرندر أثناء الحركة */
  backface-visibility: hidden;
  will-change: transform;
}

.\!w-\[var\(--header-w-logo-mob\)\] {
    width: var(--header-w-logo-mob);
  display: inline-block;
  /* تنفذ الحركة خلال 4 ثوانٍ بشكل مستمر وانسيابي */
  animation: continuous-float 3s ease-in-out infinite;
  
  /* تحسين جودة الرندر أثناء الحركة */
  backface-visibility: hidden;
  will-change: transform;
}