Sepet Header'da Açılıyor. Yardım Edebilecek Varmı

Kendim elementor ile işte bi e ticaret sitesi yapmaya çalışıyorum. Sepet Ekledim ancak sepetin popup headerda açılıyor sanki googlede hatayı bulamadım gpt alakasız şeyler söylüyor. Pekte tecrübem yok çözemedim. Bilip yardımcı olabilecek abilerim var mı . Site

Şu kodu header içerisinden alıp hemen bitişine yani dışarısına taşıdığımda sepet sağ tarafta %100 olarak gözükmeye başladı. Ancak bu sefer kapatma tuşu falan çalışmıyor ve sürekli açık gözüküyor. Onları da CSS kısmından biraz kurcalayarak ayarlarsınız sanırım.

     <div class="elementor-menu-cart__container elementor-lightbox" aria-hidden="true">
                        <div class="elementor-menu-cart__main" aria-hidden="true">
                                    <div class="elementor-menu-cart__close-button">
                    </div>
                                    <div class="widget_shopping_cart_content">
                                                            </div>
                        </div>
      </div>

headera blur efekti vermiştim ondan olmuş bunu kaldırınca düzeldi bende şaşırdım. Ne alakaysa blur efekti yüzünden sepet önizlemesi headara sıkışıyor.

  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);