/* 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;
}

.text-\[var\(--data-title\)\] {
    color: #f3f4f6;
    font-size: 1.25rem;
    line-height: 2rem;
}

.s-trust-badges-wrapper {
    align-items: center;
    display: flex;
    margin-top: 15px;
}

.gap-2 {
    gap: .5rem;
    justify-content: center;
}

.\[background\:var\(--footer-bg\)\] {
 background-image: url('https://i.ibb.co/tpHG8TGf/Untitled-design.png');

    background-repeat: no-repeat !important;
    
    /* توسيط الصورة أفقياً وعمودياً */
    background-position: center center !important;
    
    /* تغطية كامل مساحة الفوتر بدون تشويه */
    background-size: cover !important;
    

}


/* 1. تعريف حركة "النبض الهادئ" */
@keyframes continuous-float {
  0% {
    transform: translateY(0px) rotate(0deg);
  }
  33% {
    transform: translateY(-2px) rotate(1deg); /* ارتفاع بسيط وميلان خفيف */
  }
  66% {
    transform: translateY(5px) 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;
}

.\[\&_a\]\:text-sm a {
    font-size: 1.175rem;
    line-height: 1.25rem;
}