/* Add custom CSS styles below */ 
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&icon_names=arrow_back_ios_new" />

.imageWrapper {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}

.floatingbanner p {
    font-weight: 600;
    color: black;
}

.my_button button {
    width: 5%;
    background: black;
    color: #fff;
    border-radius: 9px;
    padding: 5px 0;
}
.my_button img {
    max-width: 100%;
    width: 23px;
    margin: auto;
}

@media (max-width: 768px) {

  /* footer */
  .store-footer__inner .grid .col-span-2 {
    grid-column: span 1 / span 2;
  }
  footer * {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
  .store-footer__inner .col-span-2 > a {
    max-width: 150px;
    margin: auto;
  }

  .store-footer__inner .s-menu-footer-list > a {
    text-align: center;
  }
  /**/
.store-footer h3 {

    line-height: 4.75rem;
    
}

}

.navbar-brand img {
    position: relative;
    top: -5px;
}




.header-btn {
    position: relative;
    left: -1px; /* كل ما تزود الرقم بالسالب هتتحرك شمال أكتر */
}






.header, .border-b {
    background-color: #EBEBE5 !important;
}









/* تغيير خلفية أيقونة المستخدم بالكامل */
.s-user-menu-trigger,
.s-user-menu-trigger-avatar-wrap {
    background-color: #EBEBE5 !important;
}





/* إلغاء أي margin قديم على العناصر */
.flex.items-center.justify-end > * {
    margin: 0 !important;
}

/* توحيد المسافة بين كل الأيقونات */
.flex.items-center.justify-end {
    gap: 12px !important; /* غير الرقم حسب المسافة اللي تناسبك */
}






.header-btn {
    margin-right: 15px !important;
}