/* زر الحساب كامل - دائري وصغير مثل السلة */
salla-user-menu[data-testid="store-header-user-menu"] .s-user-menu-trigger {
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    min-height: 46px !important;

    padding: 0 !important;
    margin: 0 !important;

    border-radius: 50% !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: #071225 !important;
    border: 1px solid rgba(75,145,255,.28) !important;

    box-shadow:
        0 8px 22px rgba(0,0,0,.25),
        0 0 14px rgba(22,119,255,.08) !important;

    overflow: hidden !important;
}


/* إخفاء الاسم و "حياك" */
salla-user-menu[data-testid="store-header-user-menu"]
.s-user-menu-trigger-content {
    display: none !important;
}


/* إخفاء سهم القائمة */
salla-user-menu[data-testid="store-header-user-menu"]
.s-user-menu-trigger-icon {
    display: none !important;
}


/* دائرة الصورة داخل الزر */
salla-user-menu[data-testid="store-header-user-menu"]
.s-user-menu-avatar-wrap {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;

    margin: 0 !important;
    padding: 0 !important;

    border-radius: 50% !important;
    overflow: hidden !important;
}


/* الصورة */
salla-user-menu[data-testid="store-header-user-menu"]
.s-user-menu-trigger-avatar {
    width: 100% !important;
    height: 100% !important;

    display: block !important;

    object-fit: cover !important;
    border-radius: 50% !important;
}

/* =========================================================
   BEX STORE — HEADER
   Dark Premium / Blue Glow
========================================================= */

:root{
  --bex-bg:#020817;
  --bex-bg2:#061126;
  --bex-card:#071225;

  --bex-blue:#1677ff;
  --bex-blue2:#3d98ff;
  --bex-blue3:#78bdff;

  --bex-white:#ffffff;
  --bex-text:#c9d8f2;
  --bex-muted:#879bbd;

  --bex-border:rgba(75,145,255,.22);
}


/* =========================================================
   HEADER BASE
========================================================= */

.store-header{
  position:relative;
  z-index:50;

  background:
    radial-gradient(
      circle at 75% 0%,
      rgba(22,119,255,.14),
      transparent 35%
    ),
    #020817;

  color:#fff;
}


/* =========================================================
   TOP NAVBAR
========================================================= */

.store-header .top-navbar{
  min-height:44px;

  display:flex;
  align-items:center;

  background:
    linear-gradient(
      90deg,
      #020817,
      #061126,
      #020817
    ) !important;

  border-bottom:
    1px solid rgba(75,145,255,.16);

  color:var(--bex-text);
}


/* TOP NAV LINKS */

.store-header .top-navbar a,
.store-header .topnav-link-item{
  color:#a9bad6 !important;

  font-size:12px;
  font-weight:600;

  transition:
    color .25s ease,
    opacity .25s ease;
}

.store-header .top-navbar a:hover,
.store-header .topnav-link-item:hover{
  color:var(--bex-blue3) !important;
}


/* TOP MENU ITEMS */

.store-header .s-menu-topnav-list{
  display:flex;
  align-items:center;
  gap:18px;
}


/* EMAIL */

.store-header .s-contacts-topnav-link{
  color:#8fa5c7 !important;
}

.store-header .s-contacts-topnav-link:hover{
  color:#78bdff !important;
}


/* =========================================================
   SEARCH
========================================================= */

.store-header .header-search{
  max-width:330px;
  margin-inline:20px;
}


.store-header .s-search-input-wrapper{
  position:relative;

  border-radius:50px !important;

  background:
    linear-gradient(
      145deg,
      rgba(10,24,48,.96),
      rgba(4,11,24,.96)
    ) !important;

  border:
    1px solid rgba(75,145,255,.24) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025),
    0 6px 20px rgba(0,0,0,.20);

  transition:
    border-color .3s ease,
    box-shadow .3s ease;
}


.store-header .s-search-input-wrapper:hover,
.store-header .s-search-input-wrapper:focus-within{
  border-color:
    rgba(61,152,255,.55) !important;

  box-shadow:
    0 0 0 3px rgba(22,119,255,.06),
    0 8px 25px rgba(0,0,0,.25),
    0 0 20px rgba(22,119,255,.10);
}


/* SEARCH INPUT */

.store-header .s-search-input{
  height:38px !important;

  border:0 !important;
  outline:0 !important;

  border-radius:50px !important;

  background:transparent !important;

  color:#fff !important;

  font-size:12px;
}


.store-header .s-search-input::placeholder{
  color:#788dac !important;
}


/* SEARCH ICON */

.store-header .s-search-icon{
  color:#78bdff !important;
}

.store-header .s-search-icon svg{
  width:17px;
  height:17px;

  fill:#78bdff !important;
}


/* =========================================================
   MAIN NAV
========================================================= */

.store-header #mainnav{
  height:84px !important;

  background:
    radial-gradient(
      circle at 70% 0%,
      rgba(22,119,255,.12),
      transparent 35%
    ),
    linear-gradient(
      180deg,
      #061126,
      #020817
    ) !important;

  border-bottom:
    1px solid rgba(75,145,255,.20);

  box-shadow:
    0 15px 40px rgba(0,0,0,.30),
    0 1px 0 rgba(255,255,255,.015) inset !important;
}


.store-header #mainnav .inner{
  background:transparent !important;
}


/* =========================================================
   LOGO
========================================================= */

.store-header .navbar-brand{
  display:flex;
  align-items:center;
  justify-content:center;

  margin-inline-end:32px;

  transition:
    transform .3s ease,
    filter .3s ease;
}


.store-header .navbar-brand img{
  max-height:58px;
  width:auto;

  object-fit:contain;

  filter:
    drop-shadow(
      0 0 13px rgba(22,119,255,.13)
    );
}


.store-header .navbar-brand:hover{
  transform:scale(1.025);

  filter:
    brightness(1.07);
}


/* =========================================================
   MAIN MENU
========================================================= */

.store-header .main-menu{
  display:flex;
  align-items:center;

  gap:5px;
}


/* DESKTOP MENU ITEMS */

.store-header .main-menu > li.root-level > a{
  position:relative;

  display:flex;
  align-items:center;

  min-height:42px;

  padding:0 16px;

  border-radius:12px;

  color:#c9d8f2 !important;

  font-size:14px;
  font-weight:700;

  transition:
    color .3s ease,
    background .3s ease,
    transform .3s ease;
}


/* MENU HOVER */

.store-header .main-menu > li.root-level > a:hover{
  color:#fff !important;

  background:
    rgba(22,119,255,.10);

  transform:translateY(-1px);
}


/* BLUE LINE */

.store-header .main-menu > li.root-level > a::after{
  content:"";

  position:absolute;

  right:16px;
  left:16px;
  bottom:4px;

  height:2px;

  border-radius:20px;

  background:
    linear-gradient(
      90deg,
      transparent,
      #1677ff,
      #78bdff,
      transparent
    );

  transform:scaleX(0);

  opacity:0;

  transition:
    transform .3s ease,
    opacity .3s ease;
}


.store-header .main-menu > li.root-level > a:hover::after{
  transform:scaleX(1);
  opacity:1;
}


/* =========================================================
   USER + CART AREA
========================================================= */

.store-header salla-user-menu,
.store-header salla-cart-summary{
  position:relative;
}


/* USER BUTTON */

.store-header .s-user-menu-login-btn{
  width:44px !important;
  height:44px !important;

  display:flex !important;
  align-items:center;
  justify-content:center;

  padding:0 !important;

  border-radius:14px !important;

  background:
    radial-gradient(
      circle at 50% 0%,
      rgba(61,152,255,.17),
      transparent 65%
    ),
    #071225 !important;

  border:
    1px solid rgba(75,145,255,.25) !important;

  color:#fff !important;

  box-shadow:
    0 8px 25px rgba(0,0,0,.25);

  transition:
    transform .3s ease,
    border-color .3s ease,
    box-shadow .3s ease;
}


.store-header .s-user-menu-login-btn:hover{
  transform:translateY(-3px);

  border-color:
    rgba(61,152,255,.60) !important;

  box-shadow:
    0 12px 30px rgba(0,0,0,.35),
    0 0 22px rgba(22,119,255,.14);
}


/* USER SVG */

.store-header .s-user-menu-login-btn svg{
  width:22px;
  height:22px;

  fill:#c9d8f2 !important;

  transition:
    fill .3s ease;
}


.store-header .s-user-menu-login-btn:hover svg{
  fill:#78bdff !important;
}


/* =========================================================
   CART
========================================================= */

.store-header .s-cart-summary-wrapper{
  min-height:44px;

  display:flex;
  align-items:center;

  gap:9px;

  padding:5px 11px !important;

  border-radius:14px;

  background:
    radial-gradient(
      circle at 70% 0%,
      rgba(61,152,255,.15),
      transparent 65%
    ),
    #071225;

  border:
    1px solid rgba(75,145,255,.25);

  box-shadow:
    0 8px 25px rgba(0,0,0,.25);

  transition:
    transform .3s ease,
    border-color .3s ease,
    box-shadow .3s ease;
}


.store-header .s-cart-summary-wrapper:hover{
  transform:translateY(-3px);

  border-color:
    rgba(61,152,255,.60);

  box-shadow:
    0 12px 30px rgba(0,0,0,.35),
    0 0 22px rgba(22,119,255,.14);
}


/* CART ICON */

.store-header #s-cart-icon{
  color:#fff !important;
}

.store-header .s-cart-summary-icon,
.store-header .header-btn__icon{
  color:#c9d8f2 !important;
}


/* CART PRICE */

.store-header .s-cart-summary-content,
.store-header .s-cart-summary-total{
  color:#fff !important;

  font-size:12px;
}


/* CART COUNT */

.store-header .s-cart-summary-count{
  min-width:18px;
  height:18px;

  display:flex;
  align-items:center;
  justify-content:center;

  padding:0 5px;

  border-radius:20px;

  background:
    linear-gradient(
      135deg,
      #0869ec,
      #3294ff
    ) !important;

  color:#fff !important;

  font-size:10px;
  font-weight:800;

  border:
    1px solid rgba(130,195,255,.50);

  box-shadow:
    0 4px 14px rgba(22,119,255,.35);
}


/* =========================================================
   MOBILE MENU BUTTON
========================================================= */

.store-header .mburger{
  width:44px;
  height:44px;

  display:flex;
  align-items:center;
  justify-content:center;

  border-radius:14px;

  background:
    #071225;

  border:
    1px solid rgba(75,145,255,.25);

  color:#78bdff !important;
}


.store-header .mburger i{
  color:#78bdff !important;
}


/* =========================================================
   MOBILE MENU
========================================================= */

@media(max-width:1023px){

  .store-header .mobile-menu{
    background:
      linear-gradient(
        180deg,
        #061126,
        #020817
      ) !important;
  }


  .store-header .mobile-menu ul{
    background:transparent !important;
  }


  .store-header .mobile-menu li{
    border-color:
      rgba(75,145,255,.12) !important;
  }


  .store-header .mobile-menu li > a{
    color:#c9d8f2 !important;

    font-weight:700;
  }


  .store-header .mobile-menu li > a:hover{
    color:#78bdff !important;

    background:
      rgba(22,119,255,.08) !important;
  }


  .store-header .btn--close,
  .store-header .btn--close-sm{
    color:#78bdff !important;
  }

}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:900px){

  .store-header #mainnav{
    height:76px !important;
  }


  .store-header .navbar-brand{
    margin-inline-end:15px;
  }


  .store-header .navbar-brand img{
    max-height:52px;
  }


  .store-header .header-search{
    margin-inline:10px;
  }

}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:600px){

  /* Hide desktop top bar */
  .store-header .top-navbar{
    display:none !important;
  }


  .store-header #mainnav{
    height:68px !important;

    background:
      radial-gradient(
        circle at 75% 0%,
        rgba(22,119,255,.12),
        transparent 45%
      ),
      #020817 !important;
  }


  .store-header #mainnav .container{
    padding-left:12px;
    padding-right:12px;
  }


  .store-header .navbar-brand{
    margin-inline-end:10px;
  }


  .store-header .navbar-brand img{
    max-height:45px;
    max-width:115px;
  }


  .store-header .s-user-menu-login-btn{
    width:40px !important;
    height:40px !important;

    border-radius:12px !important;
  }


  .store-header .s-cart-summary-wrapper{
    min-height:40px;

    padding:4px 8px !important;

    border-radius:12px;
  }


  .store-header .s-cart-summary-content{
    display:none !important;
  }


  .store-header .mburger{
    width:40px;
    height:40px;

    border-radius:12px;
  }

}


/* =========================================================
   VERY SMALL MOBILE
========================================================= */

@media(max-width:390px){

  .store-header .navbar-brand img{
    max-width:95px;
    max-height:42px;
  }


  .store-header salla-cart-summary{
    margin-inline-start:7px !important;
  }

}


/* =========================================================
   ACCESSIBILITY
========================================================= */

@media(prefers-reduced-motion:reduce){

  .store-header *,
  .store-header *::before,
  .store-header *::after{
    transition:none !important;
  }

}


/* =========================================================
   BEX HEADER — KEEP BACKGROUND ON SCROLL / STICKY
========================================================= */

/* الخلفية الأساسية للهيدر */
.store-header,
.store-header #mainnav,
.store-header .main-nav-container,
.store-header #mainnav .inner{
  background-color:#020817 !important;
}


/* الهيدر الرئيسي */
.store-header #mainnav,
.store-header .main-nav-container{
  background:
    radial-gradient(
      circle at 70% 0%,
      rgba(22,119,255,.12),
      transparent 38%
    ),
    linear-gradient(
      180deg,
      #061126 0%,
      #020817 100%
    ) !important;

  border-bottom:1px solid rgba(75,145,255,.20) !important;

  box-shadow:
    0 12px 35px rgba(0,0,0,.35),
    0 1px 0 rgba(255,255,255,.02) inset !important;

  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}


/* مهم: inner في سلة يأخذ bg-inherit */
.store-header #mainnav .inner{
  background:inherit !important;
}


/* =========================================================
   عند تثبيت الهيدر أثناء النزول
========================================================= */

.store-header.is-sticky #mainnav,
.store-header.sticky #mainnav,
.store-header.fixed #mainnav,
body.header-is-sticky .store-header #mainnav,
body.is-sticky .store-header #mainnav,
body.scrolled .store-header #mainnav,
#mainnav.is-sticky,
#mainnav.sticky,
#mainnav.fixed{
  background:
    radial-gradient(
      circle at 70% 0%,
      rgba(22,119,255,.14),
      transparent 38%
    ),
    linear-gradient(
      180deg,
      #061126 0%,
      #020817 100%
    ) !important;

  background-color:#020817 !important;

  border-bottom:1px solid rgba(75,145,255,.24) !important;

  box-shadow:
    0 12px 35px rgba(0,0,0,.42),
    0 0 22px rgba(22,119,255,.06) !important;
}


/* =========================================================
   منع أي خلفية بيضاء/شفافة من القالب
========================================================= */

.store-header #mainnav.bg-white,
.store-header .main-nav-container.bg-white{
  background:
    radial-gradient(
      circle at 70% 0%,
      rgba(22,119,255,.12),
      transparent 38%
    ),
    linear-gradient(
      180deg,
      #061126,
      #020817
    ) !important;
}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:600px){

  .store-header,
  .store-header #mainnav,
  .store-header .main-nav-container,
  .store-header #mainnav .inner{
    background:
      radial-gradient(
        circle at 80% 0%,
        rgba(22,119,255,.12),
        transparent 42%
      ),
      linear-gradient(
        180deg,
        #061126,
        #020817
      ) !important;

    background-color:#020817 !important;
  }

}




/* =========================================================
   BEX — FIX MAIN MENU POSITION
   تثبيت القائمة والنصوص عند Scroll
========================================================= */

/* القائمة نفسها */
#mainnav #mobile-menu.mobile-menu{
  position:static !important;

  top:auto !important;
  right:auto !important;
  bottom:auto !important;
  left:auto !important;

  width:auto !important;
  height:auto !important;
  min-height:0 !important;

  display:flex !important;
  align-items:center !important;

  overflow:visible !important;

  transform:none !important;
  translate:none !important;

  margin:0 !important;
  padding:0 !important;

  background:transparent !important;
}


/* UL */
#mainnav #mobile-menu > ul.main-menu{
  position:static !important;

  top:auto !important;
  right:auto !important;
  bottom:auto !important;
  left:auto !important;

  display:flex !important;
  align-items:center !important;

  height:84px !important;
  min-height:84px !important;

  margin:0 !important;
  padding:0 !important;

  overflow:visible !important;

  transform:none !important;
  translate:none !important;

  background:transparent !important;
}


/* عناصر القائمة */
#mainnav #mobile-menu > ul.main-menu > li.root-level{
  position:relative !important;

  top:auto !important;

  height:84px !important;

  margin:0 !important;
  padding:0 !important;

  vertical-align:middle !important;

  transform:none !important;
}


/* الروابط نفسها */
#mainnav #mobile-menu > ul.main-menu > li.root-level > a{
  position:relative !important;

  top:auto !important;

  height:84px !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  margin:0 !important;
  padding:0 16px !important;

  line-height:normal !important;

  transform:none !important;
  translate:none !important;

  color:#c9d8f2 !important;
}


/* النص */
#mainnav #mobile-menu > ul.main-menu > li.root-level > a > span{
  position:static !important;

  display:block !important;

  margin:0 !important;
  padding:0 !important;

  line-height:1.4 !important;

  transform:none !important;
  translate:none !important;

  color:inherit !important;
}


/* =========================================================
   أهم جزء:
   حتى لو سلة غيرت حالة الهيدر عند Scroll
========================================================= */

body.is-sticky #mobile-menu,
body.is-sticky #mobile-menu > ul,
body.is-sticky #mobile-menu li,
body.is-sticky #mobile-menu a,
body.is-sticky #mobile-menu span,

body.scrolled #mobile-menu,
body.scrolled #mobile-menu > ul,
body.scrolled #mobile-menu li,
body.scrolled #mobile-menu a,
body.scrolled #mobile-menu span,

.store-header.is-sticky #mobile-menu,
.store-header.is-sticky #mobile-menu > ul,
.store-header.is-sticky #mobile-menu li,
.store-header.is-sticky #mobile-menu a,
.store-header.is-sticky #mobile-menu span{
  transform:none !important;
  translate:none !important;
}


/* =========================================================
   MOBILE
   لا نكسر قائمة الجوال الجانبية
========================================================= */

@media(max-width:1023px){

  #mainnav #mobile-menu.mobile-menu{
    position:fixed !important;

    display:block !important;

    width:100% !important;
    height:100% !important;

    overflow:hidden !important;
  }


  #mainnav #mobile-menu > ul.main-menu{
    display:block !important;

    height:auto !important;
    min-height:100% !important;
  }


  #mainnav #mobile-menu > ul.main-menu > li{
    height:auto !important;
  }


  #mainnav #mobile-menu > ul.main-menu > li > a{
    height:auto !important;

    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;

    padding:14px 20px !important;
  }

}


/* =========================================================
   STICKY — لا تغيّر مكان العناصر عند النزول
========================================================= */

body.is-sticky .store-header #mainnav,
body.scrolled .store-header #mainnav,
.store-header.is-sticky #mainnav,
#mainnav.is-sticky,
#mainnav.sticky{
  height:84px !important;
  min-height:84px !important;
}


body.is-sticky .store-header #mainnav > .inner,
body.scrolled .store-header #mainnav > .inner,
.store-header.is-sticky #mainnav > .inner,
#mainnav.is-sticky > .inner,
#mainnav.sticky > .inner{
  height:84px !important;
  min-height:84px !important;

  display:flex !important;
  align-items:center !important;

  transform:none !important;
}


/* لا تسمح للقالب بتصغير اللوجو عند النزول */
body.is-sticky .store-header .navbar-brand img,
body.scrolled .store-header .navbar-brand img,
.store-header.is-sticky .navbar-brand img,
#mainnav.is-sticky .navbar-brand img,
#mainnav.sticky .navbar-brand img{
  max-height:58px !important;

  transform:none !important;
}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:600px){

  .store-header #mainnav,
  .store-header .main-nav-container,
  .store-header #mainnav > .inner{
    height:68px !important;
    min-height:68px !important;
  }

  body.is-sticky .store-header #mainnav,
  body.scrolled .store-header #mainnav,
  .store-header.is-sticky #mainnav,
  #mainnav.is-sticky,
  #mainnav.sticky,
  body.is-sticky .store-header #mainnav > .inner,
  body.scrolled .store-header #mainnav > .inner{
    height:68px !important;
    min-height:68px !important;
  }

  body.is-sticky .store-header .navbar-brand img,
  body.scrolled .store-header .navbar-brand img,
  .store-header.is-sticky .navbar-brand img{
    max-height:45px !important;
  }

}
/* =========================================================
   BEX STORE — GLOBAL BODY BACKGROUND
   نفس هوية BEX الداكنة
========================================================= */

html{
  background:#020611 !important;
}

body,
body#app{
  min-height:100vh;

  color:#c9d8f2 !important;

  background:
    radial-gradient(
      circle at 82% 0%,
      rgba(25,104,255,.18) 0%,
      rgba(25,104,255,.08) 18%,
      transparent 34%
    ),
    radial-gradient(
      circle at 10% 45%,
      rgba(22,119,255,.07) 0%,
      transparent 28%
    ),
    linear-gradient(
      180deg,
      #020817 0%,
      #020611 55%,
      #020817 100%
    ) !important;

  background-attachment:fixed !important;
}


/* الحاوية الرئيسية للمتجر */

body#app .app-inner{
  min-height:100vh;

  background:transparent !important;
}


/* المحتوى الرئيسي */

body#app #main-content{
  position:relative;
  z-index:1;

  background:transparent !important;

  color:#c9d8f2;
}


/* أقسام الصفحة الرئيسية */

body#app #main-content > section,
body#app .s-block{
  background:transparent !important;
}


/* =========================================================
   TEXT COLORS
========================================================= */

body#app #main-content h1,
body#app #main-content h2,
body#app #main-content h3{
  color:#ffffff;
}


/* عناوين أقسام سلة */

body#app .s-block__title h2{
  color:#ffffff !important;

  font-weight:900;
}


/* النصوص الثانوية */

body#app #main-content p{
  color:#91a4c3;
}


/* =========================================================
   SELECTION
========================================================= */

body#app ::selection{
  background:#1677ff;
  color:#ffffff;
}


/* =========================================================
   SCROLLBAR — DESKTOP
========================================================= */

@media(min-width:769px){

  body#app::-webkit-scrollbar{
    width:10px;
  }

  body#app::-webkit-scrollbar-track{
    background:#020611;
  }

  body#app::-webkit-scrollbar-thumb{
    background:
      linear-gradient(
        180deg,
        #1677ff,
        #0a4fae
      );

    border-radius:20px;

    border:2px solid #020611;
  }

  body#app::-webkit-scrollbar-thumb:hover{
    background:#3d98ff;
  }

}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:600px){

  body,
  body#app{
    background:
      radial-gradient(
        circle at 80% 0%,
        rgba(25,104,255,.14),
        transparent 27%
      ),
      linear-gradient(
        180deg,
        #020817,
        #020611 60%,
        #020817
      ) !important;

    background-attachment:scroll !important;
  }

}

/* =========================================================
   BEX HEADER — RESPONSIVE FIX
   Menu + User + Cart
   ضع هذا الكود في نهاية CSS
========================================================= */


/* =========================================================
   1) أساس الهيدر
========================================================= */

#mainnav{
    height:84px !important;
    min-height:84px !important;

    display:flex !important;
    align-items:center !important;

    overflow:visible !important;
}

#mainnav > .inner{
    width:100% !important;
    height:100% !important;

    display:flex !important;
    align-items:center !important;
}

#mainnav > .inner > .container{
    width:100% !important;
}

#mainnav > .inner > .container > .flex{
    width:100% !important;
    height:84px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;

    gap:15px !important;
}


/* الجهة التي تحتوي اللوجو والقائمة */
#mainnav > .inner > .container > .flex > div:first-child{
    min-width:0 !important;

    display:flex !important;
    align-items:center !important;

    height:100% !important;
}


/* =========================================================
   2) زر القائمة
========================================================= */

[data-testid="store-header-mobile-toggle"]{
    flex:0 0 auto !important;

    align-items:center !important;
    justify-content:center !important;

    margin-top:0 !important;
    margin-bottom:0 !important;

    transform:none !important;
}


/* الكمبيوتر واللابتوب:
   إخفاء أيقونة القائمة نهائياً */
@media(min-width:1024px){

    #mainnav [data-testid="store-header-mobile-toggle"]{
        display:none !important;
        visibility:hidden !important;
        opacity:0 !important;

        width:0 !important;
        height:0 !important;

        margin:0 !important;
        padding:0 !important;

        pointer-events:none !important;
    }

}


/* =========================================================
   3) جهة التسجيل + السلة
========================================================= */

#mainnav > .inner > .container > .flex > div:last-child{
    flex:0 0 auto !important;

    height:84px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;

    gap:10px !important;

    margin-top:0 !important;
    margin-bottom:0 !important;

    padding:0 !important;

    white-space:nowrap !important;
}


/* =========================================================
   4) زر التسجيل
========================================================= */

#mainnav salla-user-menu{
    flex:0 0 auto !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    margin:0 !important;
}


#mainnav .s-user-menu-login-btn{
    width:46px !important;
    height:46px !important;

    min-width:46px !important;
    min-height:46px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    margin:0 !important;
    padding:0 !important;

    border-radius:15px !important;

    border:1px solid rgba(75,145,255,.25) !important;

    background:
        linear-gradient(
            145deg,
            rgba(10,24,48,.95),
            rgba(4,11,24,.95)
        ) !important;

    color:#78bdff !important;

    box-shadow:
        0 8px 25px rgba(0,0,0,.25),
        inset 0 1px 0 rgba(255,255,255,.04) !important;

    overflow:hidden !important;

    transition:.25s ease !important;
}


#mainnav .s-user-menu-login-btn svg{
    width:23px !important;
    height:23px !important;

    fill:currentColor !important;

    flex:none !important;
}


/* =========================================================
   5) السلة
========================================================= */

#mainnav salla-cart-summary{
    flex:0 0 auto !important;

    display:flex !important;
    align-items:center !important;

    margin:0 !important;
}


#mainnav .s-cart-summary-wrapper{
    position:relative !important;

    min-width:58px !important;
    height:46px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    gap:7px !important;

    margin:0 !important;
    padding:0 13px !important;

    border-radius:15px !important;

    border:1px solid rgba(75,145,255,.25) !important;

    background:
        linear-gradient(
            145deg,
            rgba(10,24,48,.95),
            rgba(4,11,24,.95)
        ) !important;

    color:#78bdff !important;

    box-shadow:
        0 8px 25px rgba(0,0,0,.25),
        inset 0 1px 0 rgba(255,255,255,.04) !important;

    text-decoration:none !important;

    overflow:visible !important;

    transition:.25s ease !important;
}


/* أيقونة السلة */
#mainnav #s-cart-icon{
    width:24px !important;
    height:24px !important;

    flex:0 0 24px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}


#mainnav #s-cart-icon .header-btn__icon{
    margin:0 !important;

    color:#78bdff !important;

    font-size:23px !important;
}


/* إخفاء SVG الاحتياطي إن ظهر */
#mainnav #s-cart-icon > slot-fb{
    display:none !important;
}


/* =========================================================
   6) عداد السلة
========================================================= */

#mainnav .s-cart-summary-count{
    position:absolute !important;

    top:-6px !important;
    right:-6px !important;

    min-width:19px !important;
    height:19px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    padding:0 5px !important;

    border-radius:20px !important;

    border:2px solid #061126 !important;

    background:#1677ff !important;

    color:#fff !important;

    font-size:10px !important;
    font-weight:800 !important;

    line-height:1 !important;

    z-index:5 !important;
}


/* السعر */
#mainnav .s-cart-summary-content{
    display:flex !important;
    align-items:center !important;

    margin:0 !important;
    padding:0 !important;

    line-height:1 !important;
}


#mainnav .s-cart-summary-total{
    color:#fff !important;

    font-size:13px !important;
    font-weight:700 !important;

    white-space:nowrap !important;
}


/* =========================================================
   7) Hover
========================================================= */

@media(hover:hover){

    #mainnav .s-user-menu-login-btn:hover,
    #mainnav .s-cart-summary-wrapper:hover{
        border-color:rgba(61,152,255,.60) !important;

        background:
            linear-gradient(
                145deg,
                #0b1c39,
                #061126
            ) !important;

        box-shadow:
            0 10px 28px rgba(0,0,0,.30),
            0 0 20px rgba(22,119,255,.13) !important;

        transform:translateY(-2px) !important;
    }

}


/* =========================================================
   8) TABLET
========================================================= */

@media(max-width:1023px){

    #mainnav > .inner > .container > .flex{
        gap:10px !important;
    }


    /* إظهار زر القائمة فقط تحت 1024 */
    #mainnav [data-testid="store-header-mobile-toggle"]{
        width:42px !important;
        height:42px !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        margin:0 !important;
        padding:0 !important;

        border-radius:13px !important;

        border:1px solid rgba(75,145,255,.22) !important;

        background:rgba(22,119,255,.07) !important;

        color:#78bdff !important;
    }


    #mainnav [data-testid="store-header-mobile-toggle"] i{
        margin:0 !important;

        color:#78bdff !important;

        font-size:23px !important;
    }

}


/* =========================================================
   9) MOBILE
========================================================= */

@media(max-width:600px){

    #mainnav{
        height:68px !important;
        min-height:68px !important;
    }


    #mainnav > .inner > .container{
        padding-left:12px !important;
        padding-right:12px !important;
    }


    #mainnav > .inner > .container > .flex{
        height:68px !important;

        gap:7px !important;
    }


    #mainnav > .inner > .container > .flex > div:first-child{
        flex:1 1 auto !important;
        min-width:0 !important;
    }


    #mainnav > .inner > .container > .flex > div:last-child{
        height:68px !important;

        flex:0 0 auto !important;

        gap:6px !important;
    }


    /* القائمة */
    #mainnav [data-testid="store-header-mobile-toggle"]{
        width:38px !important;
        height:38px !important;

        min-width:38px !important;

        border-radius:12px !important;
    }


    #mainnav [data-testid="store-header-mobile-toggle"] i{
        font-size:21px !important;
    }


    /* التسجيل */
    #mainnav .s-user-menu-login-btn{
        width:38px !important;
        height:38px !important;

        min-width:38px !important;
        min-height:38px !important;

        border-radius:12px !important;
    }


    #mainnav .s-user-menu-login-btn svg{
        width:20px !important;
        height:20px !important;
    }


    /* السلة */
    #mainnav .s-cart-summary-wrapper{
        width:42px !important;
        min-width:42px !important;
        height:38px !important;

        padding:0 !important;

        border-radius:12px !important;
    }


    #mainnav #s-cart-icon{
        width:21px !important;
        height:21px !important;

        flex-basis:21px !important;
    }


    #mainnav #s-cart-icon .header-btn__icon{
        font-size:21px !important;
    }


    /* على الجوال نخفي السعر حتى لا تخرج السلة من الهيدر */
    #mainnav .s-cart-summary-content{
        display:none !important;
    }


    #mainnav .s-cart-summary-count{
        top:-5px !important;
        right:-5px !important;

        min-width:18px !important;
        height:18px !important;

        font-size:9px !important;
    }

}


/* =========================================================
   10) VERY SMALL MOBILE
========================================================= */

@media(max-width:390px){

    #mainnav > .inner > .container{
        padding-left:8px !important;
        padding-right:8px !important;
    }


    #mainnav > .inner > .container > .flex{
        gap:5px !important;
    }


    #mainnav > .inner > .container > .flex > div:last-child{
        gap:5px !important;
    }


    #mainnav [data-testid="store-header-mobile-toggle"],
    #mainnav .s-user-menu-login-btn{
        width:36px !important;
        min-width:36px !important;
        height:36px !important;
        min-height:36px !important;
    }


    #mainnav .s-cart-summary-wrapper{
        width:39px !important;
        min-width:39px !important;
        height:36px !important;
    }

}

/* =========================================================
   BEX — REMOVE WHITE CART CIRCLE
========================================================= */

#mainnav #s-cart-icon,
#mainnav .s-cart-summary-wrapper #s-cart-icon{
    background:transparent !important;
    background-color:transparent !important;

    border:none !important;
    border-radius:0 !important;

    box-shadow:none !important;

    padding:0 !important;
}


/* إزالة أي خلفية من العناصر الداخلية */
#mainnav #s-cart-icon *,
#mainnav #s-cart-icon i,
#mainnav #s-cart-icon slot-fb{
    background:transparent !important;
    background-color:transparent !important;

    border:none !important;
    box-shadow:none !important;
}


/* أيقونة السلة نفسها */
#mainnav #s-cart-icon .header-btn__icon{
    color:#78bdff !important;

    background:transparent !important;

    border:none !important;
    border-radius:0 !important;

    box-shadow:none !important;
}


/* لو الدائرة البيضاء معمولة بـ pseudo element */
#mainnav #s-cart-icon::before,
#mainnav #s-cart-icon::after{
    display:none !important;
    content:none !important;
}


/* المحافظة على زر السلة الخارجي بتصميم BEX */
#mainnav .s-cart-summary-wrapper{
    background:
        linear-gradient(
            145deg,
            rgba(10,24,48,.95),
            rgba(4,11,24,.95)
        ) !important;

    border:1px solid rgba(75,145,255,.25) !important;
}


/* =========================================================
   BEX — STICKY HEADER HEIGHT FIX
   يوضع آخر CSS بالكامل
========================================================= */

/* الكمبيوتر */
@media (min-width:601px){

    #mainnav,
    .store-header #mainnav,
    .store-header.is-sticky #mainnav,
    .store-header.sticky #mainnav,
    .store-header.fixed #mainnav,
    body.is-sticky #mainnav,
    body.scrolled #mainnav,
    body.header-is-sticky #mainnav,
    #mainnav.is-sticky,
    #mainnav.sticky,
    #mainnav.fixed{
        height:84px !important;
        min-height:84px !important;
        max-height:84px !important;

        padding-top:0 !important;
        padding-bottom:0 !important;

        margin-top:0 !important;
        margin-bottom:0 !important;
    }


    #mainnav > .inner{
        height:84px !important;
        min-height:84px !important;
        max-height:84px !important;

        padding-top:0 !important;
        padding-bottom:0 !important;

        display:flex !important;
        align-items:center !important;
    }


    #mainnav > .inner > .container{
        height:84px !important;
        min-height:84px !important;
        max-height:84px !important;

        padding-top:0 !important;
        padding-bottom:0 !important;
    }


    #mainnav > .inner > .container > .flex{
        height:84px !important;
        min-height:84px !important;
        max-height:84px !important;

        padding-top:0 !important;
        padding-bottom:0 !important;

        margin-top:0 !important;
        margin-bottom:0 !important;

        align-items:center !important;
    }


    /* طرف اللوجو والقائمة */
    #mainnav > .inner > .container > .flex > div:first-child{
        height:84px !important;
        min-height:84px !important;
        max-height:84px !important;

        align-items:center !important;
    }


    /* طرف التسجيل والسلة */
    #mainnav > .inner > .container > .flex > div:last-child{
        height:84px !important;
        min-height:84px !important;
        max-height:84px !important;

        margin:0 !important;
        padding:0 !important;

        align-items:center !important;
    }

}


/* =========================================================
   الجوال
========================================================= */

@media (max-width:600px){

    #mainnav,
    .store-header #mainnav,
    .store-header.is-sticky #mainnav,
    .store-header.sticky #mainnav,
    .store-header.fixed #mainnav,
    body.is-sticky #mainnav,
    body.scrolled #mainnav,
    body.header-is-sticky #mainnav,
    #mainnav.is-sticky,
    #mainnav.sticky,
    #mainnav.fixed{
        height:68px !important;
        min-height:68px !important;
        max-height:68px !important;

        padding-top:0 !important;
        padding-bottom:0 !important;

        margin-top:0 !important;
        margin-bottom:0 !important;
    }


    #mainnav > .inner,
    #mainnav > .inner > .container,
    #mainnav > .inner > .container > .flex,
    #mainnav > .inner > .container > .flex > div:first-child,
    #mainnav > .inner > .container > .flex > div:last-child{
        height:68px !important;
        min-height:68px !important;
        max-height:68px !important;

        margin-top:0 !important;
        margin-bottom:0 !important;

        padding-top:0 !important;
        padding-bottom:0 !important;

        align-items:center !important;
    }

}


/* =========================================================
   منع عناصر الهيدر من تكبير الارتفاع
========================================================= */

#mainnav .navbar-brand,
#mainnav custom-main-menu,
#mainnav salla-user-menu,
#mainnav salla-cart-summary{
    margin-top:0 !important;
    margin-bottom:0 !important;

    align-self:center !important;
}


/* التسجيل والسلة لا يغيروا ارتفاع الهيدر */
#mainnav .s-user-menu-login-btn,
#mainnav .s-cart-summary-wrapper{
    max-height:46px !important;
}


/* الجوال */
@media(max-width:600px){

    #mainnav .s-user-menu-login-btn,
    #mainnav .s-cart-summary-wrapper{
        max-height:38px !important;
    }

}

/* ==================================================
   BEX STORE - FEATURES
   Desktop: 3 Cards
   Mobile: 1 Full + 2 Equal Squares
================================================== */

section[data-testid="store-home-features"] {
    position: relative !important;
    max-width: 1240px !important;
    margin: 45px auto 70px !important;
    padding: 115px 24px 20px !important;
    background: transparent !important;
}


/* ==================================================
   SECTION TITLE
================================================== */

section[data-testid="store-home-features"]::before {
    content: " الي يميز BEX؟" !important;

    position: absolute !important;
    top: 34px !important;
    left: 50% !important;

    transform: translateX(-50%) !important;

    width: 100% !important;

    color: #ffffff !important;

    font-size: 34px !important;
    font-weight: 900 !important;
    line-height: 1.3 !important;

    text-align: center !important;

    text-shadow:
        0 0 25px rgba(22,119,255,.22) !important;

    pointer-events: none !important;
}


section[data-testid="store-home-features"]::after {
    content: "BEX ADVANTAGES" !important;

    position: absolute !important;
    top: 10px !important;
    left: 50% !important;

    transform: translateX(-50%) !important;

    width: 100% !important;

    color: #78bdff !important;

    font-size: 11px !important;
    font-weight: 900 !important;

    letter-spacing: 2.3px !important;

    text-align: center !important;

    pointer-events: none !important;
}


/* ==================================================
   GRID - DESKTOP
================================================== */

section[data-testid="store-home-features"] > div {
    display: grid !important;

    grid-template-columns:
        repeat(3, minmax(0, 1fr)) !important;

    gap: 18px !important;

    align-items: stretch !important;
}


/* ==================================================
   CARD
================================================== */

section[data-testid="store-home-features"]
.s-block--features__item {

    position: relative !important;

    box-sizing: border-box !important;

    display: flex !important;
    flex-direction: column !important;

    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    min-width: 0 !important;

    min-height: 220px !important;

    padding: 30px 22px !important;

    text-align: center !important;

    border: 0 !important;

    border-radius: 24px !important;

    background: transparent !important;

    box-shadow:
        0 22px 55px rgba(0,0,0,.30) !important;

    overflow: hidden !important;

    isolation: isolate !important;
}


/* ==================================================
   ANIMATED BORDER
   الطبقة الخارجية المتحركة
================================================== */

section[data-testid="store-home-features"]
.s-block--features__item::before {

    content: "" !important;

    position: absolute !important;

    top: 50% !important;
    left: 50% !important;

    width: 170% !important;
    aspect-ratio: 1 / 1 !important;

    transform:
        translate(-50%, -50%)
        rotate(0deg);

    z-index: -2 !important;

    background:
        conic-gradient(
            from 0deg,

            transparent 0deg,
            transparent 205deg,

            rgba(22,119,255,.05) 225deg,

            rgba(22,119,255,.30) 245deg,

            #1677ff 270deg,

            #3d98ff 292deg,

            #78bdff 310deg,

            #ffffff 318deg,

            #78bdff 326deg,

            #1677ff 345deg,

            transparent 360deg
        ) !important;

    animation:
        bexBorderFlow
        3.8s linear infinite !important;

    pointer-events: none !important;
}


/* ==================================================
   INNER CARD
   تغطي المنتصف وتترك الإطار المتحرك فقط
================================================== */

section[data-testid="store-home-features"]
.s-block--features__item::after {

    content: "" !important;

    position: absolute !important;

    inset: 1.5px !important;

    z-index: -1 !important;

    border-radius: 22.5px !important;

    background:

        radial-gradient(
            circle at 85% 0%,
            rgba(22,119,255,.17),
            transparent 38%
        ),

        linear-gradient(
            145deg,
            #0a1830 0%,
            #040b18 100%
        ) !important;

    box-shadow:
        inset 0 1px 0
        rgba(255,255,255,.035) !important;

    pointer-events: none !important;
}


/* ==================================================
   BORDER FLOW ANIMATION
================================================== */

@keyframes bexBorderFlow {

    0% {
        transform:
            translate(-50%, -50%)
            rotate(0deg);
    }

    100% {
        transform:
            translate(-50%, -50%)
            rotate(360deg);
    }

}


/* ==================================================
   ICON BOX
================================================== */

section[data-testid="store-home-features"]
.feature-icon {

    position: relative !important;

    z-index: 2 !important;

    box-sizing: border-box !important;

    flex: 0 0 68px !important;

    width: 68px !important;
    height: 68px !important;

    min-width: 68px !important;
    min-height: 68px !important;

    max-width: 68px !important;
    max-height: 68px !important;

    aspect-ratio: 1 / 1 !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    margin: 0 0 20px !important;
    padding: 0 !important;

    border:
        1px solid rgba(75,145,255,.35) !important;

    border-radius: 19px !important;

    background:
        radial-gradient(
            circle at 30% 20%,
            rgba(61,152,255,.25),
            rgba(22,119,255,.07)
        ) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.07),
        0 12px 30px rgba(0,0,0,.25),
        0 0 25px rgba(22,119,255,.10) !important;

    color: #78bdff !important;

    overflow: hidden !important;

    transition:
        border-color .3s ease,
        background .3s ease,
        box-shadow .3s ease !important;
}


/* ==================================================
   HIDE ORIGINAL ICONS
================================================== */

section[data-testid="store-home-features"]
.feature-icon i {
    display: none !important;
}


/* ==================================================
   CUSTOM ICON BASE
================================================== */

section[data-testid="store-home-features"]
.feature-icon::before {

    position: absolute !important;

    inset: 0 !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #78bdff !important;

    font-family: Arial, sans-serif !important;

    font-size: 30px !important;
    font-weight: 700 !important;

    line-height: 1 !important;
}


/* ==================================================
   ICON 01
================================================== */

section[data-testid="store-home-features"]
.s-block--features__item:nth-child(1)
.feature-icon::before {

    content: "⚡" !important;
}


/* ==================================================
   ICON 02
================================================== */

section[data-testid="store-home-features"]
.s-block--features__item:nth-child(2)
.feature-icon::before {

    content: "🎧" !important;
}


/* ==================================================
   ICON 03
================================================== */

section[data-testid="store-home-features"]
.s-block--features__item:nth-child(3)
.feature-icon::before {

    content: "↻" !important;

    font-size: 39px !important;
    font-weight: 400 !important;
}


/* ==================================================
   TITLE
================================================== */

section[data-testid="store-home-features"]
.s-block--features__item h2 {

    position: relative !important;

    z-index: 2 !important;

    margin: 0 0 7px !important;
    padding: 0 !important;

    color: #ffffff !important;

    font-size: 20px !important;
    font-weight: 900 !important;

    line-height: 1.45 !important;

    text-align: center !important;
}


/* ==================================================
   DESCRIPTION
================================================== */

section[data-testid="store-home-features"]
.s-block--features__item p {

    position: relative !important;

    z-index: 2 !important;

    max-width: 280px !important;

    margin: 0 auto !important;
    padding: 0 !important;

    color: #91a4c3 !important;

    font-size: 14px !important;
    font-weight: 500 !important;

    line-height: 1.8 !important;

    text-align: center !important;
}


/* ==================================================
   HOVER
   بدون تحريك البطاقة
================================================== */

section[data-testid="store-home-features"]
.s-block--features__item:hover {

    box-shadow:
        0 25px 65px rgba(0,0,0,.38),
        0 0 30px rgba(22,119,255,.10) !important;
}


section[data-testid="store-home-features"]
.s-block--features__item:hover
.feature-icon {

    border-color:
        rgba(120,189,255,.70) !important;

    background:
        linear-gradient(
            135deg,
            #0869ec,
            #3294ff
        ) !important;

    box-shadow:
        0 12px 30px rgba(22,119,255,.30),
        0 0 25px rgba(22,119,255,.18) !important;
}


section[data-testid="store-home-features"]
.s-block--features__item:hover
.feature-icon::before {

    color: #ffffff !important;
}


/* ==================================================
   TABLET
================================================== */

@media (max-width: 900px) {

    section[data-testid="store-home-features"] {

        padding:
            105px 16px 15px !important;
    }


    section[data-testid="store-home-features"] > div {

        gap:
            14px !important;
    }


    section[data-testid="store-home-features"]::before {

        font-size:
            29px !important;
    }

}


/* ==================================================
   MOBILE
   الأولى كاملة
   الثانية + الثالثة مربعان متساويان
================================================== */

@media (max-width: 600px) {

    section[data-testid="store-home-features"] {

        margin:
            30px auto 50px !important;

        padding:
            100px 10px 10px !important;
    }


    /* =========================
       SECTION HEADING
    ========================= */

    section[data-testid="store-home-features"]::after {

        top:
            12px !important;

        font-size:
            9px !important;

        letter-spacing:
            1.6px !important;
    }


    section[data-testid="store-home-features"]::before {

        top:
            34px !important;

        font-size:
            25px !important;

        line-height:
            1.35 !important;
    }


    /* ==================================================
       MOBILE GRID
       عمودان متساويان
    ================================================== */

    section[data-testid="store-home-features"] > div {

        display: grid !important;

        grid-template-columns:
            minmax(0, 1fr)
            minmax(0, 1fr) !important;

        grid-template-rows:
            auto auto !important;

        gap:
            12px !important;

        width:
            100% !important;

        align-items:
            stretch !important;
    }


    /* ==================================================
       FIRST CARD
       عرض كامل
    ================================================== */

    section[data-testid="store-home-features"]
    .s-block--features__item:nth-child(1) {

        grid-column:
            1 / -1 !important;

        width:
            100% !important;

        min-width:
            0 !important;

        height:
            170px !important;

        min-height:
            170px !important;

        max-height:
            170px !important;

        padding:
            18px 15px !important;

        border-radius:
            19px !important;
    }


    /* ==================================================
       CARD 2 + CARD 3
       مربعان متساويان 100%
    ================================================== */

    section[data-testid="store-home-features"]
    .s-block--features__item:nth-child(2),

    section[data-testid="store-home-features"]
    .s-block--features__item:nth-child(3) {

        grid-column:
            auto !important;

        box-sizing:
            border-box !important;

        width:
            100% !important;

        min-width:
            0 !important;

        max-width:
            none !important;

        height:
            auto !important;

        min-height:
            0 !important;

        max-height:
            none !important;

        aspect-ratio:
            1 / 1 !important;

        margin:
            0 !important;

        padding:
            15px 8px !important;

        border-radius:
            18px !important;

        align-self:
            stretch !important;

        justify-self:
            stretch !important;
    }


    /* ==================================================
       INNER BORDER RADIUS
    ================================================== */

    section[data-testid="store-home-features"]
    .s-block--features__item:nth-child(1)::after {

        border-radius:
            17.5px !important;
    }


    section[data-testid="store-home-features"]
    .s-block--features__item:nth-child(2)::after,

    section[data-testid="store-home-features"]
    .s-block--features__item:nth-child(3)::after {

        border-radius:
            16.5px !important;
    }


    /* ==================================================
       FIRST ICON
    ================================================== */

    section[data-testid="store-home-features"]
    .s-block--features__item:nth-child(1)
    .feature-icon {

        flex:
            0 0 54px !important;

        width:
            54px !important;

        height:
            54px !important;

        min-width:
            54px !important;

        min-height:
            54px !important;

        max-width:
            54px !important;

        max-height:
            54px !important;

        margin:
            0 auto 11px !important;

        border-radius:
            15px !important;
    }


    section[data-testid="store-home-features"]
    .s-block--features__item:nth-child(1)
    .feature-icon::before {

        font-size:
            24px !important;
    }


    /* ==================================================
       SECOND + THIRD ICONS
       نفس المقاس بالضبط
    ================================================== */

    section[data-testid="store-home-features"]
    .s-block--features__item:nth-child(2)
    .feature-icon,

    section[data-testid="store-home-features"]
    .s-block--features__item:nth-child(3)
    .feature-icon {

        box-sizing:
            border-box !important;

        flex:
            0 0 50px !important;

        width:
            50px !important;

        height:
            50px !important;

        min-width:
            50px !important;

        min-height:
            50px !important;

        max-width:
            50px !important;

        max-height:
            50px !important;

        aspect-ratio:
            1 / 1 !important;

        margin:
            0 auto 10px !important;

        padding:
            0 !important;

        border-radius:
            14px !important;
    }


    section[data-testid="store-home-features"]
    .s-block--features__item:nth-child(2)
    .feature-icon::before,

    section[data-testid="store-home-features"]
    .s-block--features__item:nth-child(3)
    .feature-icon::before {

        position:
            absolute !important;

        inset:
            0 !important;

        width:
            100% !important;

        height:
            100% !important;

        display:
            flex !important;

        align-items:
            center !important;

        justify-content:
            center !important;

        font-size:
            22px !important;

        line-height:
            1 !important;
    }


    section[data-testid="store-home-features"]
    .s-block--features__item:nth-child(3)
    .feature-icon::before {

        font-size:
            28px !important;
    }


    /* ==================================================
       FIRST CARD TEXT
    ================================================== */

    section[data-testid="store-home-features"]
    .s-block--features__item:nth-child(1) h2 {

        margin:
            0 0 4px !important;

        font-size:
            17px !important;
    }


    section[data-testid="store-home-features"]
    .s-block--features__item:nth-child(1) p {

        font-size:
            12px !important;

        line-height:
            1.6 !important;
    }


    /* ==================================================
       SECOND + THIRD TITLES
    ================================================== */

    section[data-testid="store-home-features"]
    .s-block--features__item:nth-child(2) h2,

    section[data-testid="store-home-features"]
    .s-block--features__item:nth-child(3) h2 {

        width:
            100% !important;

        margin:
            0 0 5px !important;

        padding:
            0 !important;

        font-size:
            14px !important;

        line-height:
            1.35 !important;

        white-space:
            nowrap !important;

        text-align:
            center !important;
    }


    /* ==================================================
       SECOND + THIRD DESCRIPTION
    ================================================== */

    section[data-testid="store-home-features"]
    .s-block--features__item:nth-child(2) p,

    section[data-testid="store-home-features"]
    .s-block--features__item:nth-child(3) p {

        width:
            100% !important;

        max-width:
            140px !important;

        margin:
            0 auto !important;

        padding:
            0 !important;

        font-size:
            10.5px !important;

        line-height:
            1.5 !important;

        text-align:
            center !important;
    }


    /* ==================================================
       BORDER LIGHT SIZE ON MOBILE
    ================================================== */

    section[data-testid="store-home-features"]
    .s-block--features__item::before {

        width:
            190% !important;

        animation-duration:
            3.5s !important;
    }

}


/* ==================================================
   VERY SMALL MOBILE
================================================== */

@media (max-width: 380px) {

    section[data-testid="store-home-features"] > div {

        gap:
            9px !important;
    }


    section[data-testid="store-home-features"]
    .s-block--features__item:nth-child(2),

    section[data-testid="store-home-features"]
    .s-block--features__item:nth-child(3) {

        padding:
            13px 6px !important;
    }


    section[data-testid="store-home-features"]
    .s-block--features__item:nth-child(2) h2,

    section[data-testid="store-home-features"]
    .s-block--features__item:nth-child(3) h2 {

        font-size:
            13px !important;
    }


    section[data-testid="store-home-features"]
    .s-block--features__item:nth-child(2) p,

    section[data-testid="store-home-features"]
    .s-block--features__item:nth-child(3) p {

        max-width:
            125px !important;

        font-size:
            9.5px !important;
    }

}


/* ==================================================
   REDUCED MOTION
================================================== */

@media (prefers-reduced-motion: reduce) {

    section[data-testid="store-home-features"]
    .s-block--features__item::before {

        animation:
            none !important;
    }

}
/* ==================================================
   BEX STORE - FOOTER
================================================== */

footer[data-testid="store-footer"] {
    position: relative !important;
    margin-top: 40px !important;

    color: #c9d8f2 !important;

    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(22,119,255,.12),
            transparent 38%
        ),
        linear-gradient(
            180deg,
            #061126 0%,
            #020817 55%,
            #020611 100%
        ) !important;

    border-top:
        1px solid rgba(75,145,255,.20) !important;

    box-shadow:
        0 -15px 50px rgba(0,0,0,.20) !important;

    overflow: hidden !important;
}


/* خط إضاءة أعلى الفوتر */

footer[data-testid="store-footer"]::before {
    content: "" !important;

    position: absolute;
    top: 0;
    left: 50%;

    transform: translateX(-50%);

    width: 55%;
    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(61,152,255,.9),
            transparent
        );

    box-shadow:
        0 0 20px rgba(22,119,255,.55);

    pointer-events: none;
}


/* ==================================================
   الجزء الرئيسي
================================================== */

footer[data-testid="store-footer"]
.store-footer__inner {
    padding: 55px 20px 40px !important;

    background: transparent !important;
}


/* ==================================================
   GRID - كل المحتوى بالمنتصف
================================================== */

footer[data-testid="store-footer"]
.store-footer__inner > .container {
    max-width: 1150px !important;

    display: grid !important;

    grid-template-columns:
        repeat(3, minmax(0,1fr)) !important;

    gap: 28px !important;

    margin: 0 auto !important;

    text-align: center !important;

    align-items: start !important;
}


/* إلغاء spans القديمة */

footer[data-testid="store-footer"]
.store-footer__inner > .container > * {
    grid-column: auto !important;

    padding-left: 0 !important;
    padding-right: 0 !important;

    text-align: center !important;
}


/* ==================================================
   أعمدة الفوتر
================================================== */

footer[data-testid="store-footer"]
.store-footer__inner > .container > div,

footer[data-testid="store-footer"]
salla-apps-icons {
    position: relative;

    min-width: 0;

    padding: 25px 20px !important;

    border:
        1px solid rgba(75,145,255,.14);

    border-radius: 22px;

    background:
        linear-gradient(
            145deg,
            rgba(10,24,48,.60),
            rgba(4,11,24,.35)
        );

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.025);
}


/* ==================================================
   BEX STORE
================================================== */

footer[data-testid="store-footer"]
.store-footer__inner > .container > div:first-child > a {
    display: flex !important;

    justify-content: center !important;
    align-items: center !important;

    width: 100% !important;

    margin: 0 0 22px !important;

    text-decoration: none !important;
}


footer[data-testid="store-footer"]
.store-footer__inner > .container > div:first-child > a h3 {
    margin: 0 !important;

    color: #ffffff !important;

    font-size: 25px !important;
    font-weight: 900 !important;

    letter-spacing: 1px;

    text-shadow:
        0 0 22px rgba(22,119,255,.30);
}


/* ==================================================
   كل العناوين
================================================== */

footer[data-testid="store-footer"] h3,
footer[data-testid="store-footer"]
.s-contacts-title {
    position: relative;

    width: fit-content;

    margin:
        0 auto 20px !important;

    padding-bottom:
        10px !important;

    color:
        #ffffff !important;

    font-size:
        18px !important;

    font-weight:
        900 !important;

    line-height:
        1.5 !important;
}


/* الخط الأزرق أسفل العناوين */

footer[data-testid="store-footer"] h3::after,
footer[data-testid="store-footer"]
.s-contacts-title::after {
    content: "" !important;

    position: absolute;

    bottom: 0;
    left: 50%;

    transform:
        translateX(-50%);

    width: 32px;
    height: 2px;

    border-radius: 20px;

    background:
        linear-gradient(
            90deg,
            #1677ff,
            #78bdff
        );

    box-shadow:
        0 0 10px rgba(22,119,255,.55);
}


/* لا نريد الخط تحت BEX STORE */

footer[data-testid="store-footer"]
.store-footer__inner > .container > div:first-child > a h3::after {
    display: none !important;
}


/* ==================================================
   روابط مهمة
================================================== */

footer[data-testid="store-footer"]
.s-menu-footer-list {
    display: flex !important;

    flex-direction: column !important;

    align-items: center !important;

    justify-content: center !important;

    gap: 7px !important;

    width: 100% !important;
}


footer[data-testid="store-footer"]
.s-menu-footer-item {
    position: relative;

    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: fit-content !important;

    margin: 0 auto !important;

    padding:
        6px 10px !important;

    color:
        #91a4c3 !important;

    font-size:
        13px !important;

    font-weight:
        600 !important;

    line-height:
        1.6 !important;

    text-align:
        center !important;

    text-decoration:
        none !important;

    transition:
        color .25s ease,
        transform .25s ease !important;
}


footer[data-testid="store-footer"]
.s-menu-footer-item:hover {
    color:
        #78bdff !important;

    transform:
        translateY(-2px);
}


/* ==================================================
   التواصل
================================================== */

footer[data-testid="store-footer"]
.s-contacts {
    width: 100% !important;

    text-align:
        center !important;
}


footer[data-testid="store-footer"]
.s-contacts-list {
    display: flex !important;

    flex-direction: column !important;

    align-items: center !important;

    gap: 9px !important;

    width: 100% !important;
}


footer[data-testid="store-footer"]
#contact-slot {
    width:
        100% !important;

    display:
        flex !important;

    justify-content:
        center !important;
}


footer[data-testid="store-footer"]
.s-contacts-item {
    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    gap: 9px !important;

    width: fit-content !important;

    max-width: 100% !important;

    margin:
        0 auto !important;

    padding:
        8px 12px !important;

    color:
        #91a4c3 !important;

    font-size:
        13px !important;

    font-weight:
        600 !important;

    text-decoration:
        none !important;

    border-radius:
        12px;

    transition:
        .25s ease !important;
}


footer[data-testid="store-footer"]
.s-contacts-item:hover {
    color:
        #ffffff !important;

    background:
        rgba(22,119,255,.08);

    transform:
        translateY(-2px);
}


/* أيقونات التواصل */

footer[data-testid="store-footer"]
.s-contacts-icon {
    width:
        34px !important;

    height:
        34px !important;

    min-width:
        34px !important;

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    border:
        1px solid rgba(75,145,255,.25);

    border-radius:
        10px;

    background:
        rgba(22,119,255,.08);

    color:
        #78bdff !important;
}


footer[data-testid="store-footer"]
.s-contacts-icon svg {
    width:
        17px !important;

    height:
        17px !important;

    fill:
        #78bdff !important;
}


/* ==================================================
   SOCIAL
================================================== */

footer[data-testid="store-footer"]
.s-social-list {
    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    gap:
        10px !important;

    margin:
        0 auto 20px !important;
}


footer[data-testid="store-footer"]
.s-social-link {
    margin:
        0 !important;
}


footer[data-testid="store-footer"]
.s-social-link a {
    width:
        42px !important;

    height:
        42px !important;

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    border:
        1px solid rgba(75,145,255,.28);

    border-radius:
        13px;

    background:
        rgba(22,119,255,.07);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.04);

    transition:
        .25s ease;
}


footer[data-testid="store-footer"]
.s-social-link a:hover {
    transform:
        translateY(-3px);

    border-color:
        rgba(61,152,255,.60);

    background:
        linear-gradient(
            135deg,
            #0869ec,
            #3294ff
        );

    box-shadow:
        0 8px 25px rgba(22,119,255,.25);
}


footer[data-testid="store-footer"]
.s-social-icon svg {
    width:
        19px !important;

    height:
        19px !important;

    fill:
        #78bdff !important;
}


footer[data-testid="store-footer"]
.s-social-link a:hover
.s-social-icon svg {
    fill:
        #ffffff !important;
}


/* ==================================================
   وثيقة العمل الحر
================================================== */

footer[data-testid="store-footer"]
.s-trust-badges-wrapper {
    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    width:
        fit-content !important;

    max-width:
        100% !important;

    margin:
        15px auto 0 !important;

    padding:
        10px 14px !important;

    border:
        1px solid rgba(75,145,255,.18);

    border-radius:
        14px;

    background:
        rgba(22,119,255,.05);
}


footer[data-testid="store-footer"]
.s-trust-badges-image {
    width:
        42px !important;

    height:
        42px !important;

    object-fit:
        contain !important;
}


footer[data-testid="store-footer"]
.s-trust-badges-content {
    text-align:
        right !important;
}


footer[data-testid="store-footer"]
.s-trust-badges-label {
    color:
        #91a4c3 !important;

    font-size:
        11px !important;
}


footer[data-testid="store-footer"]
.s-trust-badges-number {
    color:
        #ffffff !important;

    font-size:
        11px !important;
}


/* ==================================================
   APP ICONS
================================================== */

footer[data-testid="store-footer"]
salla-apps-icons {
    display:
        flex !important;

    flex-direction:
        column !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    text-align:
        center !important;
}


/* ==================================================
   الجزء السفلي
================================================== */

footer[data-testid="store-footer"]
> .container:last-child {
    max-width:
        1150px !important;

    display:
        flex !important;

    flex-direction:
        column !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    gap:
        15px !important;

    margin:
        0 auto !important;

    padding:
        22px 20px !important;

    text-align:
        center !important;

    border-top:
        1px solid rgba(75,145,255,.14);
}


/* حقوق المتجر */

footer[data-testid="store-footer"]
.copyright-text {
    display:
        block !important;

    width:
        100% !important;

    text-align:
        center !important;

    color:
        #879bbd !important;
}


footer[data-testid="store-footer"]
.copyright-text p {
    margin:
        0 !important;

    color:
        #879bbd !important;

    font-size:
        12px !important;

    line-height:
        1.7 !important;

    text-align:
        center !important;
}


footer[data-testid="store-footer"]
.copyright-text a {
    color:
        #78bdff !important;

    font-weight:
        700 !important;

    text-decoration:
        none !important;
}


/* ==================================================
   PAYMENT ICONS
================================================== */

footer[data-testid="store-footer"]
.s-payments-list-wrap {
    width:
        100% !important;
}


footer[data-testid="store-footer"]
.s-payments-list {
    display:
        flex !important;

    flex-wrap:
        wrap !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    gap:
        8px !important;

    margin:
        0 auto !important;
}


footer[data-testid="store-footer"]
.s-payments-list-item {
    width:
        50px !important;

    height:
        34px !important;

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    padding:
        5px 7px !important;

    border:
        1px solid rgba(75,145,255,.16);

    border-radius:
        9px;

    background:
        rgba(255,255,255,.96);

    overflow:
        hidden;
}


footer[data-testid="store-footer"]
.s-payments-list-item img {
    width:
        100% !important;

    height:
        100% !important;

    object-fit:
        contain !important;
}


/* ==================================================
   TABLET
================================================== */

@media (max-width: 1023px) {

    footer[data-testid="store-footer"]
    .store-footer__inner {
        padding:
            40px 16px 30px !important;
    }


    footer[data-testid="store-footer"]
    .store-footer__inner > .container {
        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;

        gap:
            15px !important;
    }


    footer[data-testid="store-footer"]
    .contact-social {
        display:
            flex !important;

        justify-content:
            center !important;

        margin-top:
            20px !important;
    }

}


/* ==================================================
   MOBILE
================================================== */

@media (max-width: 600px) {

    footer[data-testid="store-footer"] {
        margin-top:
            25px !important;
    }


    footer[data-testid="store-footer"]
    .store-footer__inner {
        padding:
            30px 10px 22px !important;
    }


    footer[data-testid="store-footer"]
    .store-footer__inner > .container {
        grid-template-columns:
            1fr !important;

        gap:
            12px !important;
    }


    footer[data-testid="store-footer"]
    .store-footer__inner > .container > div,

    footer[data-testid="store-footer"]
    salla-apps-icons {
        width:
            100% !important;

        padding:
            22px 15px !important;

        border-radius:
            18px;
    }


    footer[data-testid="store-footer"]
    .store-footer__inner > .container > div:first-child > a h3 {
        font-size:
            22px !important;
    }


    footer[data-testid="store-footer"] h3,
    footer[data-testid="store-footer"]
    .s-contacts-title {
        font-size:
            16px !important;

        margin-bottom:
            16px !important;
    }


    footer[data-testid="store-footer"]
    .s-menu-footer-item {
        font-size:
            12px !important;
    }


    footer[data-testid="store-footer"]
    .s-contacts-item {
        font-size:
            12px !important;
    }


    footer[data-testid="store-footer"]
    > .container:last-child {
        padding:
            20px 10px !important;

        gap:
            14px !important;
    }


    footer[data-testid="store-footer"]
    .copyright-text p {
        font-size:
            11px !important;
    }


    footer[data-testid="store-footer"]
    .s-payments-list-item {
        width:
            45px !important;

        height:
            31px !important;
    }

}

/* ==========================================================
   BEX STORE
   GLOBAL ANIMATED BLUE BORDER
   ضع الكود في نهاية CSS
========================================================== */


/* ==========================================================
   1. العناصر التي سيطبق عليها الأنميشن
========================================================== */

custom-salla-product-card.s-product-card-entry,

section[data-testid="store-home-features"]
.s-block--features__item,

.bex-category-card,

.bex-updates-card,

.bex-faq-item,

footer[data-testid="store-footer"]
.store-footer__inner > .container > div,

footer[data-testid="store-footer"]
salla-apps-icons {

    position: relative !important;

    isolation: isolate !important;

    overflow: hidden !important;

    border:
        1px solid transparent !important;

    background:
        linear-gradient(
            145deg,
            #0a1830 0%,
            #040b18 100%
        ) padding-box,

        linear-gradient(
            110deg,
            rgba(75,145,255,.18),
            rgba(75,145,255,.18)
        ) border-box !important;

    box-shadow:
        0 18px 45px rgba(0,0,0,.25),
        inset 0 1px 0 rgba(255,255,255,.025) !important;
}


/* ==========================================================
   2. الضوء المتحرك
========================================================== */

custom-salla-product-card.s-product-card-entry::after,

section[data-testid="store-home-features"]
.s-block--features__item::before,

.bex-category-card::after,

.bex-updates-card::after,

.bex-faq-item::before,

footer[data-testid="store-footer"]
.store-footer__inner > .container > div::after,

footer[data-testid="store-footer"]
salla-apps-icons::after {

    content: "" !important;

    position: absolute !important;

    top: 50% !important;
    left: 50% !important;

    width: 180% !important;

    aspect-ratio: 1 / 1 !important;

    transform:
        translate(-50%, -50%)
        rotate(0deg);

    z-index: -2 !important;

    pointer-events: none !important;

    background:

        conic-gradient(

            from 0deg,

            transparent 0deg,

            transparent 215deg,

            rgba(22,119,255,0) 225deg,

            rgba(22,119,255,.10) 240deg,

            rgba(22,119,255,.35) 260deg,

            #1677ff 278deg,

            #3d98ff 295deg,

            #78bdff 308deg,

            #ffffff 316deg,

            #78bdff 324deg,

            #3d98ff 335deg,

            #1677ff 345deg,

            rgba(22,119,255,.20) 352deg,

            transparent 360deg

        ) !important;

    animation:
        bexGlobalBorderFlow
        4s linear infinite !important;
}


/* ==========================================================
   3. الطبقة الداخلية

   وظيفتها تغطي مركز التدرج المتحرك
   وتترك فقط 1.5px حول الإطار
========================================================== */

custom-salla-product-card.s-product-card-entry::before,

section[data-testid="store-home-features"]
.s-block--features__item::after,

.bex-category-card::before,

.bex-updates-card::before,

.bex-faq-item::after,

footer[data-testid="store-footer"]
.store-footer__inner > .container > div::before,

footer[data-testid="store-footer"]
salla-apps-icons::before {

    content: "" !important;

    position: absolute !important;

    inset: 1.5px !important;

    z-index: -1 !important;

    pointer-events: none !important;

    background:

        radial-gradient(
            circle at 88% 0%,
            rgba(22,119,255,.14),
            transparent 38%
        ),

        linear-gradient(
            145deg,
            #0a1830 0%,
            #040b18 100%
        ) !important;
}


/* ==========================================================
   4. حركة دوران الضوء
========================================================== */

@keyframes bexGlobalBorderFlow {

    0% {

        transform:
            translate(-50%, -50%)
            rotate(0deg);

    }

    100% {

        transform:
            translate(-50%, -50%)
            rotate(360deg);

    }

}


/* ==========================================================
   5. PRODUCT CARDS
========================================================== */

custom-salla-product-card.s-product-card-entry {
    border-radius:
        24px !important;
}


custom-salla-product-card.s-product-card-entry::before {
    border-radius:
        22.5px !important;
}


/* نخلي المحتوى فوق الأنميشن */

custom-salla-product-card
.s-product-card-image,

custom-salla-product-card
.s-product-card-content {

    position:
        relative !important;

    z-index:
        2 !important;
}


/* ==========================================================
   6. FEATURES
========================================================== */

section[data-testid="store-home-features"]
.s-block--features__item {

    border-radius:
        24px !important;
}


section[data-testid="store-home-features"]
.s-block--features__item::after {

    border-radius:
        22.5px !important;
}


section[data-testid="store-home-features"]
.feature-icon,

section[data-testid="store-home-features"]
.s-block--features__item h2,

section[data-testid="store-home-features"]
.s-block--features__item p {

    position:
        relative !important;

    z-index:
        2 !important;
}


/* ==========================================================
   7. CATEGORY CARDS
========================================================== */

.bex-category-card {

    border-radius:
        24px !important;
}


.bex-category-card::before {

    border-radius:
        22.5px !important;
}


/* ==========================================================
   8. UPDATES CARDS
========================================================== */

.bex-updates-card {

    border-radius:
        24px !important;
}


.bex-updates-card::before {

    border-radius:
        22.5px !important;
}


/* ==========================================================
   9. FAQ
========================================================== */

.bex-faq-item {

    border-radius:
        20px !important;
}


.bex-faq-item::after {

    border-radius:
        18.5px !important;
}


.bex-faq-question,
.bex-faq-answer {

    position:
        relative !important;

    z-index:
        2 !important;
}


/* ==========================================================
   10. FOOTER CARDS
========================================================== */

footer[data-testid="store-footer"]
.store-footer__inner > .container > div,

footer[data-testid="store-footer"]
salla-apps-icons {

    border-radius:
        22px !important;
}


footer[data-testid="store-footer"]
.store-footer__inner > .container > div::before,

footer[data-testid="store-footer"]
salla-apps-icons::before {

    border-radius:
        20.5px !important;
}


/* ==========================================================
   11. HOVER GLOW

   بدون حركة للعنصر نفسه
========================================================== */

custom-salla-product-card.s-product-card-entry:hover,

section[data-testid="store-home-features"]
.s-block--features__item:hover,

.bex-category-card:hover,

.bex-updates-card:hover,

.bex-faq-item:hover,

footer[data-testid="store-footer"]
.store-footer__inner > .container > div:hover,

footer[data-testid="store-footer"]
salla-apps-icons:hover {

    transform:
        none !important;

    box-shadow:

        0 22px 55px rgba(0,0,0,.34),

        0 0 24px rgba(22,119,255,.10),

        inset 0 1px 0 rgba(255,255,255,.035) !important;
}


/* ==========================================================
   12. سرعات مختلفة بشكل بسيط

   حتى ما تكون كل الإطارات بنفس نقطة الحركة
========================================================== */

.bex-category-card:nth-child(2n)::after,
.bex-updates-card:nth-child(2n)::after,
.bex-faq-item:nth-child(2n)::before,

section[data-testid="store-home-features"]
.s-block--features__item:nth-child(2)::before {

    animation-delay:
        -1.3s !important;
}


.bex-category-card:nth-child(3n)::after,
.bex-faq-item:nth-child(3n)::before,

section[data-testid="store-home-features"]
.s-block--features__item:nth-child(3)::before {

    animation-delay:
        -2.6s !important;
}


custom-salla-product-card.s-product-card-entry:nth-child(2n)::after {

    animation-delay:
        -1.5s !important;
}


custom-salla-product-card.s-product-card-entry:nth-child(3n)::after {

    animation-delay:
        -2.8s !important;
}


/* ==========================================================
   13. MOBILE
========================================================== */

@media (max-width: 600px) {

    custom-salla-product-card.s-product-card-entry::after,

    section[data-testid="store-home-features"]
    .s-block--features__item::before,

    .bex-category-card::after,

    .bex-updates-card::after,

    .bex-faq-item::before,

    footer[data-testid="store-footer"]
    .store-footer__inner > .container > div::after,

    footer[data-testid="store-footer"]
    salla-apps-icons::after {

        width:
            210% !important;

        animation-duration:
            3.6s !important;

    }


    custom-salla-product-card.s-product-card-entry,

    section[data-testid="store-home-features"]
    .s-block--features__item,

    .bex-category-card,
    .bex-updates-card {

        border-radius:
            19px !important;

    }


    custom-salla-product-card.s-product-card-entry::before,

    section[data-testid="store-home-features"]
    .s-block--features__item::after,

    .bex-category-card::before,

    .bex-updates-card::before {

        border-radius:
            17.5px !important;

    }

}


/* ==========================================================
   14. ACCESSIBILITY
========================================================== */

@media (prefers-reduced-motion: reduce) {

    custom-salla-product-card.s-product-card-entry::after,

    section[data-testid="store-home-features"]
    .s-block--features__item::before,

    .bex-category-card::after,

    .bex-updates-card::after,

    .bex-faq-item::before,

    footer[data-testid="store-footer"]
    .store-footer__inner > .container > div::after,

    footer[data-testid="store-footer"]
    salla-apps-icons::after {

        animation:
            none !important;

    }

}

/* ==========================================
   BEX MOBILE MENU — COLORS ONLY
========================================== */

@media (max-width: 1023px) {

    /* خلفية القائمة */
    #mobile-menu {
        background:
            radial-gradient(
                circle at 85% 0%,
                rgba(22,119,255,.14),
                transparent 35%
            ),
            linear-gradient(
                180deg,
                #061126 0%,
                #020817 55%,
                #020611 100%
            ) !important;

        color: #ffffff !important;
    }


    /* عنوان القائمة */
    #mobile-menu.mm-spn--navbar::before {
        color: #ffffff !important;
    }


    /* خلفية قائمة الروابط */
    #mobile-menu > ul.main-menu {
        background: transparent !important;
    }


    /* عناصر القائمة */
    #mobile-menu > ul.main-menu > li.lg\:hidden {
        background:
            linear-gradient(
                135deg,
                rgba(10,24,48,.92),
                rgba(4,11,24,.92)
            ) !important;

        border-color:
            rgba(75,145,255,.20) !important;
    }


    /* الروابط */
    #mobile-menu > ul.main-menu > li.lg\:hidden > a {
        color: #ffffff !important;
        background: transparent !important;
    }


    /* النصوص */
    #mobile-menu > ul.main-menu > li.lg\:hidden > a > span {
        color: #ffffff !important;
    }


    /* عند الضغط */
    #mobile-menu > ul.main-menu > li.lg\:hidden > a:active {
        color: #78bdff !important;
        background: rgba(22,119,255,.08) !important;
    }


    #mobile-menu > ul.main-menu > li.lg\:hidden > a:active > span {
        color: #78bdff !important;
    }

}
/* ==================================================
   BEX STORE - STICKY PRODUCT BAR
   STYLE ONLY
================================================== */

.sticky-product-bar {
    background:
        radial-gradient(
            circle at 85% 0%,
            rgba(22,119,255,.16),
            transparent 38%
        ),
        linear-gradient(
            145deg,
            #0a1830 0%,
            #040b18 100%
        ) !important;

    border:
        1px solid rgba(75,145,255,.22) !important;

    border-bottom:
        0 !important;

    border-radius:
        22px 22px 0 0 !important;

    box-shadow:
        0 -12px 40px rgba(0,0,0,.32),
        0 0 25px rgba(22,119,255,.06),
        inset 0 1px 0 rgba(255,255,255,.035) !important;

    color:
        #ffffff !important;
}


/* ==================================================
   QUANTITY ROW
================================================== */

.sticky-product-bar
.sticky-product-bar__quantity {
    color:
        #ffffff !important;
}


.sticky-product-bar
.sticky-product-bar__quantity
.form-label {
    color:
        #ffffff !important;

    font-size:
        14px !important;

    font-weight:
        800 !important;
}


/* ==================================================
   QUANTITY INPUT
================================================== */

.sticky-product-bar
salla-quantity-input {
    border:
        0 !important;

    background:
        transparent !important;
}


.sticky-product-bar
.s-quantity-input-container {
    overflow:
        hidden !important;

    border:
        1px solid rgba(75,145,255,.28) !important;

    border-radius:
        13px !important;

    background:
        rgba(2,8,23,.70) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.03) !important;
}


/* + و - */

.sticky-product-bar
.s-quantity-input-button {
    color:
        #78bdff !important;

    background:
        rgba(22,119,255,.07) !important;

    border-color:
        rgba(75,145,255,.14) !important;
}


.sticky-product-bar
.s-quantity-input-button svg {
    fill:
        #78bdff !important;
}


.sticky-product-bar
.s-quantity-input-button svg path {
    fill:
        #78bdff !important;
}


/* الرقم */

.sticky-product-bar
.s-quantity-input-input {
    color:
        #ffffff !important;

    background:
        transparent !important;

    border-color:
        rgba(75,145,255,.14) !important;

    font-weight:
        800 !important;

    text-align:
        center !important;
}


/* ==================================================
   ADD TO CART AREA
================================================== */

.sticky-product-bar
.sticky-product-bar__btn {
    margin-top:
        15px !important;
}


/* زر أضف إلى السلة */

.sticky-product-bar
salla-add-product-button
.s-button-element {

    min-height:
        48px !important;

    color:
        #ffffff !important;

    border:
        1px solid rgba(130,195,255,.50) !important;

    border-radius:
        30px !important;

    background:
        linear-gradient(
            135deg,
            #0869ec 0%,
            #1677ff 48%,
            #3294ff 100%
        ) !important;

    box-shadow:
        0 10px 28px rgba(22,119,255,.25),
        inset 0 1px 0 rgba(255,255,255,.20) !important;
}


.sticky-product-bar
salla-add-product-button
.s-button-text {
    color:
        #ffffff !important;

    font-size:
        14px !important;

    font-weight:
        900 !important;
}


/* Hover */

.sticky-product-bar
salla-add-product-button
.s-button-element:hover {

    background:
        linear-gradient(
            135deg,
            #1677ff,
            #3d98ff
        ) !important;

    box-shadow:
        0 12px 32px rgba(22,119,255,.34),
        inset 0 1px 0 rgba(255,255,255,.22) !important;
}


/* ==================================================
   BUY NOW / MINI CHECKOUT
================================================== */

.sticky-product-bar
.s-add-product-button-mini-checkout {
    border-color:
        rgba(75,145,255,.20) !important;

    background:
        #071225 !important;

    color:
        #ffffff !important;
}


.sticky-product-bar
.s-add-product-button-mini-checkout-content {
    color:
        #ffffff !important;

    font-weight:
        800 !important;
}


.sticky-product-bar
.s-add-product-button-mini-checkout-content svg,
.sticky-product-bar
.s-add-product-button-mini-checkout-content svg path {
    fill:
        #78bdff !important;
}


/* ==================================================
   APPLE PAY
================================================== */

.sticky-product-bar
.s-quick-buy-apple-pay {
    border-radius:
        30px !important;

    overflow:
        hidden !important;
}


/* ==================================================
   MOBILE
================================================== */

@media (max-width: 600px) {

    .sticky-product-bar {
        border-radius:
            18px 18px 0 0 !important;

        border-color:
            rgba(75,145,255,.20) !important;

        box-shadow:
            0 -10px 35px rgba(0,0,0,.35),
            0 0 20px rgba(22,119,255,.05) !important;
    }


    .sticky-product-bar
    .sticky-product-bar__quantity
    .form-label {
        font-size:
            13px !important;
    }


    .sticky-product-bar
    .s-quantity-input-container {
        border-radius:
            11px !important;
    }


    .sticky-product-bar
    salla-add-product-button
    .s-button-element {
        min-height:
            46px !important;

        border-radius:
            25px !important;
    }


    .sticky-product-bar
    salla-add-product-button
    .s-button-text {
        font-size:
            13px !important;
    }

}
/* ==================================================
   BEX STORE - PRODUCT PRICE SECTION
   STYLE ONLY
================================================== */

/* القسم نفسه */
section.flex.bg-white.p-5.sm\:pb-0.rounded-md.rounded-b-none {
    background:
        radial-gradient(
            circle at 85% 0%,
            rgba(22,119,255,.14),
            transparent 40%
        ),
        linear-gradient(
            145deg,
            #0a1830 0%,
            #040b18 100%
        ) !important;

    border:
        1px solid rgba(75,145,255,.22) !important;

    border-bottom:
        0 !important;

    border-radius:
        20px 20px 0 0 !important;

    box-shadow:
        0 12px 35px rgba(0,0,0,.20),
        inset 0 1px 0 rgba(255,255,255,.035) !important;

    color:
        #ffffff !important;
}


/* عنوان السعر */
section.flex.bg-white.p-5.sm\:pb-0.rounded-md.rounded-b-none
.form-label {
    color:
        #91a4c3 !important;
}


section.flex.bg-white.p-5.sm\:pb-0.rounded-md.rounded-b-none
.form-label b {
    color:
        #ffffff !important;

    font-size:
        15px !important;

    font-weight:
        800 !important;
}


/* ==================================================
   السعر الحالي
================================================== */

section.flex.bg-white.p-5.sm\:pb-0.rounded-md.rounded-b-none
.total-price {
    color:
        #78bdff !important;

    font-size:
        24px !important;

    font-weight:
        900 !important;

    line-height:
        1.2 !important;

    text-shadow:
        0 0 18px rgba(22,119,255,.18) !important;
}


/* رمز الريال */
section.flex.bg-white.p-5.sm\:pb-0.rounded-md.rounded-b-none
.total-price .sicon-sar {
    color:
        #78bdff !important;

    font-size:
        .82em !important;
}


/* ==================================================
   السعر قبل الخصم
================================================== */

section.flex.bg-white.p-5.sm\:pb-0.rounded-md.rounded-b-none
.before-price {
    color:
        #879bbd !important;

    font-size:
        14px !important;

    font-weight:
        600 !important;

    opacity:
        .75 !important;
}


section.flex.bg-white.p-5.sm\:pb-0.rounded-md.rounded-b-none
.before-price .sicon-sar {
    color:
        #879bbd !important;
}


/* ==================================================
   حالة وجود تخفيض
================================================== */

section.flex.bg-white.p-5.sm\:pb-0.rounded-md.rounded-b-none
.price_is_on_sale
.total-price {
    color:
        #78bdff !important;
}


/* ==================================================
   نفدت الكمية
================================================== */

section.flex.bg-white.p-5.sm\:pb-0.rounded-md.rounded-b-none
.out-of-stock {
    color:
        #ff6b6b !important;

    background:
        rgba(255,70,70,.08) !important;

    border:
        1px solid rgba(255,90,90,.18) !important;

    border-radius:
        10px !important;

    padding:
        4px 10px !important;

    opacity:
        1 !important;

    font-weight:
        800 !important;
}


/* ==================================================
   MOBILE
================================================== */

@media (max-width: 600px) {

    section.flex.bg-white.p-5.sm\:pb-0.rounded-md.rounded-b-none {
        border-radius:
            17px 17px 0 0 !important;
    }


    section.flex.bg-white.p-5.sm\:pb-0.rounded-md.rounded-b-none
    .form-label b {
        font-size:
            13px !important;
    }


    section.flex.bg-white.p-5.sm\:pb-0.rounded-md.rounded-b-none
    .total-price {
        font-size:
            21px !important;
    }


    section.flex.bg-white.p-5.sm\:pb-0.rounded-md.rounded-b-none
    .before-price {
        font-size:
            12px !important;
    }

}
/* ==================================================
   BEX STORE - PRODUCT COMMENTS & REVIEWS
   STYLE ONLY
================================================== */

salla-comments[data-testid="store-product-comments"] {
    display: block !important;
    width: 100% !important;
    color: #c9d8f2 !important;
}


/* الحاوية الرئيسية */
salla-comments[data-testid="store-product-comments"]
.s-comments {
    background:
        radial-gradient(
            circle at 88% 0%,
            rgba(22,119,255,.14),
            transparent 38%
        ),
        linear-gradient(
            145deg,
            #0a1830 0%,
            #040b18 100%
        ) !important;

    border: 1px solid rgba(75,145,255,.22) !important;
    border-radius: 22px !important;

    box-shadow:
        0 18px 45px rgba(0,0,0,.25),
        inset 0 1px 0 rgba(255,255,255,.035) !important;

    overflow: hidden !important;
}


/* الحاوية الداخلية */
salla-comments[data-testid="store-product-comments"]
.s-comments-container {
    background: transparent !important;
    color: #c9d8f2 !important;
}


/* ==================================================
   COMMENTS FORM
================================================== */

salla-comments[data-testid="store-product-comments"]
salla-comment-form {
    color: #c9d8f2 !important;
}


/* الحقول داخل نموذج التعليق */
salla-comments[data-testid="store-product-comments"]
input,

salla-comments[data-testid="store-product-comments"]
textarea,

salla-comments[data-testid="store-product-comments"]
select {
    color: #ffffff !important;

    background: rgba(2,8,23,.72) !important;

    border: 1px solid rgba(75,145,255,.24) !important;

    border-radius: 12px !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.025) !important;
}


/* Placeholder */
salla-comments[data-testid="store-product-comments"]
input::placeholder,

salla-comments[data-testid="store-product-comments"]
textarea::placeholder {
    color: #879bbd !important;
}


/* Focus */
salla-comments[data-testid="store-product-comments"]
input:focus,

salla-comments[data-testid="store-product-comments"]
textarea:focus,

salla-comments[data-testid="store-product-comments"]
select:focus {
    border-color: rgba(61,152,255,.70) !important;

    box-shadow:
        0 0 0 3px rgba(22,119,255,.10) !important;

    outline: none !important;
}


/* ==================================================
   REVIEWS SUMMARY
================================================== */

salla-comments[data-testid="store-product-comments"]
salla-reviews-summary {
    color: #ffffff !important;
}


/* النصوص */
salla-comments[data-testid="store-product-comments"]
.s-comments-container h2,

salla-comments[data-testid="store-product-comments"]
.s-comments-container h3,

salla-comments[data-testid="store-product-comments"]
.s-comments-container h4,

salla-comments[data-testid="store-product-comments"]
.s-comments-container strong {
    color: #ffffff !important;
}


/* النصوص الثانوية */
salla-comments[data-testid="store-product-comments"]
.s-comments-container p,

salla-comments[data-testid="store-product-comments"]
.s-comments-container label,

salla-comments[data-testid="store-product-comments"]
.s-comments-container span {
    color: #c9d8f2;
}


/* ==================================================
   STARS
================================================== */

salla-comments[data-testid="store-product-comments"]
.sicon-star,

salla-comments[data-testid="store-product-comments"]
[class*="star"] {
    color: #3d98ff !important;
}


/* ==================================================
   COMMENTS HEADER
================================================== */

salla-comments[data-testid="store-product-comments"]
.s-comments-header {
    color: #ffffff !important;

    border-color:
        rgba(75,145,255,.16) !important;
}


/* ==================================================
   COMMENT ITEMS
================================================== */

salla-comments[data-testid="store-product-comments"]
.s-comment,

salla-comments[data-testid="store-product-comments"]
.s-comments-item {
    background:
        rgba(7,18,37,.72) !important;

    border:
        1px solid rgba(75,145,255,.16) !important;

    border-radius:
        15px !important;

    color:
        #c9d8f2 !important;
}


/* ==================================================
   BUTTONS INSIDE COMMENTS ONLY
================================================== */

salla-comments[data-testid="store-product-comments"]
button:not(.s-quantity-input-button) {
    color: #ffffff !important;

    border-color:
        rgba(75,145,255,.30) !important;

    background:
        linear-gradient(
            135deg,
            #0869ec,
            #3294ff
        ) !important;

    border-radius:
        25px !important;
}


/* ==================================================
   MOBILE
================================================== */

@media (max-width:600px) {

    salla-comments[data-testid="store-product-comments"]
    .s-comments {
        border-radius: 18px !important;

        border-color:
            rgba(75,145,255,.20) !important;

        box-shadow:
            0 12px 35px rgba(0,0,0,.24) !important;
    }

}
/* =========================================
   BEX - CONTACTS VERTICAL ON ALL SCREENS
========================================= */

salla-contacts[data-testid="store-footer-contacts"]
.s-contacts-list {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    width: 100% !important;
}


/* كل وسيلة تواصل في سطر مستقل */
salla-contacts[data-testid="store-footer-contacts"]
#contact-slot {
    display: block !important;
    width: 100% !important;
}


/* الأيقونة + النص */
salla-contacts[data-testid="store-footer-contacts"]
.s-contacts-item {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    width: 100% !important;
}


/* تثبيت حجم الأيقونات */
salla-contacts[data-testid="store-footer-contacts"]
.s-contacts-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 32px !important;
    width: 32px !important;
    height: 32px !important;
}


/* نفس حجم SVG */
salla-contacts[data-testid="store-footer-contacts"]
.s-contacts-icon svg {
    display: block !important;
    width: 22px !important;
    height: 22px !important;
}


/* النص */
salla-contacts[data-testid="store-footer-contacts"]
.s-contacts-item .unicode {
    display: block !important;
    margin: 0 !important;
}

/* BEX - SORT FILTER | COLORS ONLY */

#product-filter {
    background-color: #071225 !important;
    color: #ffffff !important;
    border-color: rgba(75,145,255,.28) !important;
    box-shadow:
        0 0 18px rgba(22,119,255,.06),
        inset 0 1px 0 rgba(255,255,255,.03) !important;
}

/* عنوان ترتيب حسب */
label[for="product-filter"] {
    color: #c9d8f2 !important;
}

/* خيارات القائمة */
#product-filter option {
    background-color: #071225 !important;
    color: #ffffff !important;
}

/* عند التركيز */
#product-filter:focus {
    background-color: #071225 !important;
    color: #ffffff !important;
    border-color: #3d98ff !important;
    box-shadow:
        0 0 0 3px rgba(22,119,255,.10),
        0 0 20px rgba(22,119,255,.10) !important;
}
/* =========================================
   BEX - ADD PRODUCT TOAST | COLORS ONLY
========================================= */

/* خلفية التنبيه */
salla-add-product-toast[data-testid="store-add-product-toast"] {
    background:
        radial-gradient(circle at 90% 0%,
            rgba(22,119,255,.16),
            transparent 38%
        ),
        linear-gradient(145deg,
            #0a1830 0%,
            #040b18 100%
        ) !important;

    color: #c9d8f2 !important;
    border-color: rgba(75,145,255,.28) !important;

    box-shadow:
        0 20px 50px rgba(0,0,0,.38),
        0 0 25px rgba(22,119,255,.08),
        inset 0 1px 0 rgba(255,255,255,.04) !important;
}


/* شريط التقدم */
salla-add-product-toast
.s-add-product-toast__progress {
    background: rgba(75,145,255,.10) !important;
}

salla-add-product-toast
.s-add-product-toast__progress-bar {
    background: linear-gradient(
        90deg,
        #1677ff,
        #3d98ff,
        #78bdff
    ) !important;

    box-shadow: 0 0 12px rgba(61,152,255,.55) !important;
}


/* العنوان */
salla-add-product-toast
.s-add-product-toast__title {
    color: #ffffff !important;
}


/* أيقونة النجاح */
salla-add-product-toast
.s-add-product-toast__icon {
    filter:
        brightness(0)
        saturate(100%)
        invert(62%)
        sepia(77%)
        saturate(1512%)
        hue-rotate(187deg)
        brightness(102%) !important;
}


/* زر الإغلاق */
salla-add-product-toast
.s-add-product-toast__close {
    color: #879bbd !important;
    background-color: transparent !important;
}

salla-add-product-toast
.s-add-product-toast__close:hover {
    color: #78bdff !important;
    background-color: rgba(22,119,255,.08) !important;
}


/* الخط الفاصل */
salla-add-product-toast
.s-add-product-toast__divider {
    background-color: rgba(75,145,255,.16) !important;
    border-color: rgba(75,145,255,.16) !important;
}


/* اسم المنتج */
salla-add-product-toast
.s-add-product-toast__name {
    color: #ffffff !important;
}


/* السعر */
salla-add-product-toast
.s-add-product-toast__price {
    color: #78bdff !important;
}

salla-add-product-toast
.s-add-product-toast__price .sicon-sar {
    color: #78bdff !important;
}


/* صورة المنتج */
salla-add-product-toast
.s-add-product-toast__image {
    background-color: #071225 !important;
    border-color: rgba(75,145,255,.20) !important;
}


/* زر إتمام الطلب */
salla-add-product-toast
#toast-submit .s-button-element {
    color: #ffffff !important;

    background: linear-gradient(
        135deg,
        #0869ec,
        #3294ff
    ) !important;

    border-color: rgba(120,189,255,.40) !important;

    box-shadow:
        0 8px 22px rgba(22,119,255,.22),
        inset 0 1px 0 rgba(255,255,255,.16) !important;
}

salla-add-product-toast
#toast-submit .s-button-text,
salla-add-product-toast
#toast-submit svg {
    color: #ffffff !important;
}


/* زر عرض السلة */
salla-add-product-toast
.s-button-gray-outline {
    color: #c9d8f2 !important;

    background-color: #071225 !important;

    border-color: rgba(75,145,255,.30) !important;
}

salla-add-product-toast
.s-button-gray-outline .s-button-text,
salla-add-product-toast
.s-button-gray-outline svg {
    color: #c9d8f2 !important;
}


/* Hover عرض السلة */
salla-add-product-toast
.s-button-gray-outline:hover {
    color: #ffffff !important;
    background-color: rgba(22,119,255,.12) !important;
    border-color: #3d98ff !important;
}

/* ==================================================
   BEX STORE — CART COLORS ONLY
================================================== */

/* بطاقات المنتجات */
.cart-item {
    background:
        radial-gradient(circle at 90% 0%,
            rgba(22,119,255,.14),
            transparent 38%
        ),
        linear-gradient(145deg,
            #0a1830 0%,
            #040b18 100%
        ) !important;

    border-color: rgba(75,145,255,.22) !important;

    box-shadow:
        0 18px 45px rgba(0,0,0,.25),
        inset 0 1px 0 rgba(255,255,255,.03) !important;

    color: #c9d8f2 !important;
}


/* اسم المنتج */
.cart-item h1,
.cart-item h1 a {
    color: #ffffff !important;
}


/* السعر */
.cart-item .item-price,
.cart-item [data-testid="store-cart-item-price"] {
    color: #78bdff !important;
}

.cart-item .item-price .sicon-sar {
    color: #78bdff !important;
}


/* الأسعار القديمة */
.cart-item .item-regular-price,
.cart-item .item-original-price {
    color: #879bbd !important;
}


/* المجموع */
.cart-item .text-primary,
.cart-item .item-total,
.cart-item [data-testid="store-cart-item-total"] {
    color: #3d98ff !important;
}

.cart-item .item-total .sicon-sar {
    color: #78bdff !important;
}


/* الخطوط الفاصلة */
.cart-item .border-gray-200 {
    border-color: rgba(75,145,255,.16) !important;
}


/* صورة المنتج */
.cart-item img.border-gray-200 {
    background-color: #071225 !important;
    border-color: rgba(75,145,255,.20) !important;
}


/* ==================================================
   QUANTITY
================================================== */

.cart-item .s-quantity-input-container {
    background-color: #071225 !important;
    border-color: rgba(75,145,255,.25) !important;
}

.cart-item .s-quantity-input-button {
    background-color: rgba(22,119,255,.07) !important;
    color: #78bdff !important;
    border-color: rgba(75,145,255,.15) !important;
}

.cart-item .s-quantity-input-button svg,
.cart-item .s-quantity-input-button svg path {
    fill: #78bdff !important;
}

.cart-item .s-quantity-input-input {
    background-color: #071225 !important;
    color: #ffffff !important;
    border-color: rgba(75,145,255,.15) !important;
}


/* ==================================================
   PRODUCT OPTIONS
================================================== */

.cart-item salla-product-options {
    color: #c9d8f2 !important;
}

.cart-item .s-product-options-option-label,
.cart-item .s-product-options-option-label b {
    color: #ffffff !important;
}

.cart-item .s-product-options-option-label small {
    color: #879bbd !important;
}

/* النجمة المطلوبة */
.cart-item .s-product-options-option-label b > span {
    color: #3d98ff !important;
}


/* حقول الإدخال والقوائم */
.cart-item .s-form-control {
    background-color: #071225 !important;
    color: #ffffff !important;
    border-color: rgba(75,145,255,.25) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.025) !important;
}

.cart-item .s-form-control::placeholder {
    color: #879bbd !important;
}

.cart-item .s-form-control:focus {
    background-color: #071225 !important;
    color: #ffffff !important;
    border-color: #3d98ff !important;

    box-shadow:
        0 0 0 3px rgba(22,119,255,.10) !important;
}


/* خيارات select */
.cart-item select.s-form-control option {
    background-color: #071225 !important;
    color: #ffffff !important;
}


/* ==================================================
   DELETE BUTTON
================================================== */

.cart-item
[data-testid="store-cart-delete-item"].s-button-element {
    background-color: rgba(255,72,92,.10) !important;
    color: #ff6578 !important;
    border-color: rgba(255,101,120,.20) !important;
}

.cart-item
[data-testid="store-cart-delete-item"]
.sicon-cancel {
    color: #ff6578 !important;
}


/* ==================================================
   SECONDARY TEXT
================================================== */

.cart-item .text-gray-500 {
    color: #879bbd !important;
}

.cart-item .offer-icon,
.cart-item .offer-name {
    color: #879bbd !important;
}


/* ==================================================
   FREE SHIPPING
================================================== */

#free-shipping {
    background:
        radial-gradient(circle at 90% 0%,
            rgba(22,119,255,.13),
            transparent 40%
        ),
        linear-gradient(145deg,#0a1830,#040b18) !important;

    color: #c9d8f2 !important;
    border-color: rgba(75,145,255,.22) !important;
}

#free-shipping .shipping-item {
    color: #ffffff !important;
}

#free-shipping .text-gray-500 {
    color: #879bbd !important;
}

#free-shipping .bg-primary {
    background-color: #1677ff !important;
    color: #ffffff !important;
}

#free-shipping-bar {
    background-color: rgba(75,145,255,.12) !important;
}

#free-shipping-bar .progress-bg {
    background: linear-gradient(
        90deg,
        #0869ec,
        #3d98ff
    ) !important;
}


/* ==================================================
   GIFTING
================================================== */

#cart-gifting {
    background:
        linear-gradient(
            145deg,
            #0a1830,
            #040b18
        ) !important;

    color: #c9d8f2 !important;
    border-color: rgba(75,145,255,.22) !important;
}

#cart-gifting .s-list-tile-item {
    background-color: transparent !important;
    color: #c9d8f2 !important;
}

#cart-gifting h3 {
    color: #ffffff !important;
}

#cart-gifting .s-list-tile-item-subtitle {
    color: #879bbd !important;
}

#cart-gifting svg,
#cart-gifting svg path {
    color: #78bdff !important;
    fill: #78bdff !important;
}

#cart-gifting .s-button-primary-outline {
    background-color: rgba(22,119,255,.07) !important;
    color: #78bdff !important;
    border-color: rgba(61,152,255,.35) !important;
}

/* BEX - PRODUCT OPTIONS | COLORS ONLY */

/* النصوص */
salla-product-options[data-testid="store-product-options"] {
    color: #c9d8f2 !important;
}

/* عناوين الحقول */
salla-product-options[data-testid="store-product-options"]
.s-product-options-option-label,
salla-product-options[data-testid="store-product-options"]
.s-product-options-option-label b {
    color: #ffffff !important;
}

/* النجمة */
salla-product-options[data-testid="store-product-options"]
.s-product-options-option-label b span {
    color: #3d98ff !important;
}

/* النص الصغير */
salla-product-options[data-testid="store-product-options"]
.s-product-options-option-label small {
    color: #879bbd !important;
}

/* حدود الحقول فقط */
salla-product-options[data-testid="store-product-options"]
.s-form-control {
    color: #ffffff !important;
    border-color: rgba(75,145,255,.28) !important;
}

/* عند تحديد الحقل */
salla-product-options[data-testid="store-product-options"]
.s-form-control:focus {
    color: #ffffff !important;
    border-color: #3d98ff !important;
}

/* النص داخل الحقل */
salla-product-options[data-testid="store-product-options"]
.s-form-control::placeholder {
    color: #879bbd !important;
}

/* خيارات القائمة */
salla-product-options[data-testid="store-product-options"]
select.s-form-control option {
    color: #ffffff !important;
}

/* BEX — PRODUCT OPTIONS | FIX WHITE BACKGROUND */

/* العنصر الرئيسي */
salla-product-options[data-testid="store-product-options"],
salla-product-options[data-testid="store-product-options"]
salla-conditional-fields {
    background: transparent !important;
    color: #c9d8f2 !important;
}


/* كل بلوك خيار */
salla-product-options[data-testid="store-product-options"]
.s-product-options-option-container,

salla-product-options[data-testid="store-product-options"]
.s-product-options-option {
    background:
        linear-gradient(
            145deg,
            #0a1830 0%,
            #040b18 100%
        ) !important;

    background-color: #071225 !important;
    border-color: rgba(75,145,255,.22) !important;
    color: #c9d8f2 !important;
}


/* محتوى الخيار */
salla-product-options[data-testid="store-product-options"]
.s-product-options-option-content,

salla-product-options[data-testid="store-product-options"]
.s-product-options-text,

salla-product-options[data-testid="store-product-options"]
.s-product-options-option-content > div {
    background: transparent !important;
    background-color: transparent !important;
    color: #c9d8f2 !important;
}


/* العناوين */
salla-product-options[data-testid="store-product-options"]
.s-product-options-option-label,

salla-product-options[data-testid="store-product-options"]
.s-product-options-option-label b {
    background: transparent !important;
    color: #ffffff !important;
}


/* النجمة */
salla-product-options[data-testid="store-product-options"]
.s-product-options-option-label b span {
    color: #3d98ff !important;
}


/* كلمة اختر */
salla-product-options[data-testid="store-product-options"]
.s-product-options-option-label small {
    color: #879bbd !important;
}


/* حقول اليوزر والباسوورد */
salla-product-options[data-testid="store-product-options"]
input.s-form-control {
    background: #061126 !important;
    background-color: #061126 !important;
    color: #ffffff !important;
    border-color: rgba(75,145,255,.30) !important;
}


/* قائمة مدة التجديد */
salla-product-options[data-testid="store-product-options"]
select.s-form-control {
    background: #061126 !important;
    background-color: #061126 !important;
    color: #ffffff !important;
    border-color: rgba(75,145,255,.30) !important;
}


/* عناصر القائمة */
salla-product-options[data-testid="store-product-options"]
select.s-form-control option {
    background: #061126 !important;
    background-color: #061126 !important;
    color: #ffffff !important;
}


/* Focus */
salla-product-options[data-testid="store-product-options"]
input.s-form-control:focus,

salla-product-options[data-testid="store-product-options"]
select.s-form-control:focus {
    background: #071225 !important;
    background-color: #071225 !important;
    color: #ffffff !important;
    border-color: #3d98ff !important;
}

/* =========================================
   BEX — CART SUMMARY | FULL COLOR THEME
========================================= */

/* السكشن كامل */
salla-cart-summary-card[data-testid="store-cart-summary"] {
    background:
        radial-gradient(circle at 90% 0%,
            rgba(22,119,255,.16),
            transparent 40%
        ),
        linear-gradient(
            145deg,
            #0a1830 0%,
            #040b18 100%
        ) !important;

    color: #c9d8f2 !important;
    border-color: rgba(75,145,255,.24) !important;

    box-shadow:
        0 18px 45px rgba(0,0,0,.28),
        0 0 22px rgba(22,119,255,.06),
        inset 0 1px 0 rgba(255,255,255,.035) !important;
}


/* جميع الطبقات الداخلية */
salla-cart-summary-card[data-testid="store-cart-summary"]
.s-cart-summary-card-sheet-wrap,

salla-cart-summary-card[data-testid="store-cart-summary"]
.s-cart-summary-card-sheet,

salla-cart-summary-card[data-testid="store-cart-summary"]
.s-cart-summary-card-sheet-header,

salla-cart-summary-card[data-testid="store-cart-summary"]
.s-cart-summary-card-action {
    background: transparent !important;
    background-color: transparent !important;
    border-color: rgba(75,145,255,.16) !important;
}


/* عنوان ملخص الطلب */
salla-cart-summary-card[data-testid="store-cart-summary"]
.s-cart-summary-card-sheet-title {
    color: #ffffff !important;
}


/* سطر مجموع المنتجات */
salla-cart-summary-card[data-testid="store-cart-summary"]
.s-cart-summary-card-line {
    background-color: rgba(2,8,23,.25) !important;
    color: #c9d8f2 !important;
    border-color: rgba(75,145,255,.16) !important;
}

salla-cart-summary-card[data-testid="store-cart-summary"]
.s-cart-summary-card-line span {
    color: #c9d8f2 !important;
}

salla-cart-summary-card[data-testid="store-cart-summary"]
.s-cart-summary-card-line b,
salla-cart-summary-card[data-testid="store-cart-summary"]
.s-cart-summary-card-line .sicon-sar {
    color: #78bdff !important;
}


/* شريط الإجمالي */
salla-cart-summary-card[data-testid="store-cart-summary"]
.s-cart-summary-card-bar {
    background:
        linear-gradient(
            135deg,
            rgba(7,18,37,.96),
            rgba(4,11,24,.96)
        ) !important;

    color: #ffffff !important;
    border-color: rgba(75,145,255,.20) !important;
}


/* كلمة الإجمالي */
salla-cart-summary-card[data-testid="store-cart-summary"]
.s-cart-summary-card-bar-label-text {
    color: #ffffff !important;
}


/* عدد المنتجات */
salla-cart-summary-card[data-testid="store-cart-summary"]
.s-cart-summary-card-bar-count {
    color: #879bbd !important;
}


/* السعر الإجمالي */
salla-cart-summary-card[data-testid="store-cart-summary"]
.s-cart-summary-card-bar-total,
salla-cart-summary-card[data-testid="store-cart-summary"]
.s-cart-summary-card-bar-total .sicon-sar {
    color: #78bdff !important;
}


/* زر إتمام الطلب */
salla-cart-summary-card[data-testid="store-cart-summary"]
#s-cart-summary-card-submit .s-button-element {
    background:
        linear-gradient(
            135deg,
            #0869ec,
            #3294ff
        ) !important;

    color: #ffffff !important;
    border-color: rgba(120,189,255,.42) !important;

    box-shadow:
        0 8px 24px rgba(22,119,255,.25),
        inset 0 1px 0 rgba(255,255,255,.16) !important;
}

salla-cart-summary-card[data-testid="store-cart-summary"]
#s-cart-summary-card-submit .s-button-text {
    color: #ffffff !important;
}


/* =========================================
   BEX — SINGLE PAGE | FULL COLOR THEME
========================================= */

/* السكشن كامل */
.content.content--single-page {
    background:
        radial-gradient(
            circle at 90% 0%,
            rgba(22,119,255,.15),
            transparent 38%
        ),
        linear-gradient(
            145deg,
            #0a1830 0%,
            #040b18 100%
        ) !important;

    color: #c9d8f2 !important;
    border-color: rgba(75,145,255,.22) !important;

    box-shadow:
        0 18px 45px rgba(0,0,0,.26),
        0 0 22px rgba(22,119,255,.05),
        inset 0 1px 0 rgba(255,255,255,.035) !important;
}


/* عنوان الصفحة */
.content.content--single-page > h1 {
    color: #ffffff !important;
}


/* محتوى الصفحة */
.content.content--single-page .content-entry {
    color: #c9d8f2 !important;
    background-color: transparent !important;
}


/* الفقرات */
.content.content--single-page .content-entry p {
    color: #c9d8f2 !important;
}


/* القوائم */
.content.content--single-page .content-entry ul,
.content.content--single-page .content-entry ol {
    color: #c9d8f2 !important;
}

.content.content--single-page .content-entry li {
    color: #ffffff !important;
}


/* الروابط داخل المحتوى */
.content.content--single-page .content-entry a {
    color: #78bdff !important;
}


/* النصوص العريضة */
.content.content--single-page .content-entry strong,
.content.content--single-page .content-entry b {
    color: #ffffff !important;
}


/* =========================================
   COMMENTS
========================================= */

.content.content--single-page
salla-comments[data-testid="store-page-comments"] {
    background-color: transparent !important;
    color: #c9d8f2 !important;
}


/* خلفية التعليقات */
.content.content--single-page
salla-comments[data-testid="store-page-comments"] .s-comments,

.content.content--single-page
salla-comments[data-testid="store-page-comments"] .s-comments-page,

.content.content--single-page
salla-comments[data-testid="store-page-comments"] .s-comments-page-container {
    background-color: transparent !important;
    color: #c9d8f2 !important;
    border-color: rgba(75,145,255,.18) !important;
}


/* عنوان التعليقات */
.content.content--single-page
salla-comments[data-testid="store-page-comments"] .s-comments-header {
    color: #ffffff !important;
    border-color: rgba(75,145,255,.16) !important;
}


/* أي حقول تظهر داخل التعليقات */
.content.content--single-page
salla-comments[data-testid="store-page-comments"] input,

.content.content--single-page
salla-comments[data-testid="store-page-comments"] textarea,

.content.content--single-page
salla-comments[data-testid="store-page-comments"] select {
    background-color: #061126 !important;
    color: #ffffff !important;
    border-color: rgba(75,145,255,.28) !important;
}


/* Placeholder */
.content.content--single-page
salla-comments[data-testid="store-page-comments"] input::placeholder,

.content.content--single-page
salla-comments[data-testid="store-page-comments"] textarea::placeholder {
    color: #879bbd !important;
}


/* Focus */
.content.content--single-page
salla-comments[data-testid="store-page-comments"] input:focus,

.content.content--single-page
salla-comments[data-testid="store-page-comments"] textarea:focus,

.content.content--single-page
salla-comments[data-testid="store-page-comments"] select:focus {
    background-color: #071225 !important;
    color: #ffffff !important;
    border-color: #3d98ff !important;

    box-shadow:
        0 0 0 3px rgba(22,119,255,.10) !important;
}
/* BEX — تقليل المسافة بين البانر وسكشن المنتجات */

/* البانر */
section[data-testid="store-home-fixed-banner"] {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* السكشن اللي بعده */
section[data-testid="store-home-fixed-banner"] + #featured-products-style2-2 {
    margin-top: 0 !important;
    padding-top: 18px !important;
}


/* تابلت */
@media (max-width: 1024px) {
    section[data-testid="store-home-fixed-banner"] + #featured-products-style2-2 {
        padding-top: 14px !important;
    }
}


/* جوال */
@media (max-width: 600px) {
    section[data-testid="store-home-fixed-banner"] + #featured-products-style2-2 {
        padding-top: 10px !important;
    }
}

/* تقليل المسافة بين البانر وسكشن BEX CINEMA */

section[component-id="2118838779"][data-testid="store-home-fixed-banner"] {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

section[component-id="2118838779"][data-testid="store-home-fixed-banner"]
+ #featured-products-style2-4 {
    margin-top: 0 !important;
    padding-top: 18px !important;
}

/* تابلت */
@media (max-width: 1024px) {
    section[component-id="2118838779"][data-testid="store-home-fixed-banner"]
    + #featured-products-style2-4 {
        padding-top: 14px !important;
    }
}

/* جوال */
@media (max-width: 600px) {
    section[component-id="2118838779"][data-testid="store-home-fixed-banner"]
    + #featured-products-style2-4 {
        padding-top: 10px !important;
    }
}

/* =========================================================
   بداية تنسيق قسم آراء العملاء - BEX
   ========================================================= */


/* السكشن بالكامل */
section[data-testid="store-home-custom-testimonials"]{
    position:relative !important;

    padding-top:55px !important;
    padding-bottom:55px !important;

    background:
        radial-gradient(
            circle at 85% 0%,
            rgba(22,119,255,.14),
            transparent 35%
        ),
        linear-gradient(
            180deg,
            #020817 0%,
            #020611 100%
        ) !important;

    color:#c9d8f2 !important;
}


/* =========================================================
   العنوان
   ========================================================= */

section[data-testid="store-home-custom-testimonials"]
.s-reviews-header-wrapper{
    text-align:center !important;
    margin-bottom:30px !important;
}


section[data-testid="store-home-custom-testimonials"]
.s-reviews-header{
    font-size:30px !important;
    font-weight:900 !important;
    line-height:1.4 !important;

    color:transparent !important;

    position:relative !important;
}


/* إخفاء النص القديم بصريًا وإظهار العنوان الجديد */
section[data-testid="store-home-custom-testimonials"]
.s-reviews-header{
    font-size:0 !important;
}


section[data-testid="store-home-custom-testimonials"]
.s-reviews-header::before{
    content:"من قلب التجربة";

    display:block;

    font-size:30px;
    font-weight:900;
    line-height:1.4;

    color:#ffffff;

    text-shadow:
        0 0 22px rgba(22,119,255,.16);
}


/* خط أزرق صغير أسفل العنوان */
section[data-testid="store-home-custom-testimonials"]
.s-reviews-header::after{
    content:"";

    display:block;

    width:48px;
    height:3px;

    margin:10px auto 0;

    border-radius:20px;

    background:
        linear-gradient(
            90deg,
            #1677ff,
            #78bdff
        );

    box-shadow:
        0 0 14px rgba(22,119,255,.45);
}


/* =========================================================
   بطاقة التقييم
   ========================================================= */

section[data-testid="store-home-custom-testimonials"]
.s-reviews-testimonial{

    height:100% !important;

    padding:1px !important;

    border-radius:22px !important;

    background:
        linear-gradient(
            135deg,
            rgba(61,152,255,.40),
            rgba(75,145,255,.08),
            rgba(61,152,255,.24)
        ) !important;

    box-shadow:
        0 18px 45px rgba(0,0,0,.25),
        0 0 25px rgba(22,119,255,.05) !important;
}


/* داخل البطاقة */
section[data-testid="store-home-custom-testimonials"]
.s-reviews-testimonial__inner{

    height:100% !important;

    border-radius:21px !important;

    background:
        radial-gradient(
            circle at 90% 0%,
            rgba(22,119,255,.13),
            transparent 38%
        ),
        linear-gradient(
            145deg,
            #0a1830 0%,
            #040b18 100%
        ) !important;

    border:
        1px solid rgba(75,145,255,.12) !important;

    color:#c9d8f2 !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.035) !important;
}


/* =========================================================
   صورة العميل
   ========================================================= */

section[data-testid="store-home-custom-testimonials"]
.s-reviews-testimonial__avatar{

    border-radius:50% !important;

    border:
        2px solid rgba(61,152,255,.65) !important;

    background:#061126 !important;

    box-shadow:
        0 0 0 4px rgba(22,119,255,.08),
        0 0 18px rgba(22,119,255,.22) !important;

    overflow:hidden !important;
}


section[data-testid="store-home-custom-testimonials"]
.s-reviews-testimonial__avatar img{

    width:68px !important;
    height:68px !important;

    object-fit:cover !important;

    border-radius:50% !important;

    background:#061126 !important;
}


/* =========================================================
   نص التقييم
   ========================================================= */

section[data-testid="store-home-custom-testimonials"]
.s-reviews-testimonial__text p{

    color:#c9d8f2 !important;

    font-weight:500 !important;

    line-height:1.9 !important;
}


/* اسم العميل */
section[data-testid="store-home-custom-testimonials"]
.s-reviews-testimonial__info h2{

    color:#ffffff !important;

    font-weight:800 !important;
}


/* =========================================================
   النجوم
   ========================================================= */

section[data-testid="store-home-custom-testimonials"]
.s-rating-stars-selected svg{

    fill:#3d98ff !important;

    filter:
        drop-shadow(0 0 4px rgba(61,152,255,.35));
}


section[data-testid="store-home-custom-testimonials"]
.s-rating-stars-selected svg path{

    fill:#3d98ff !important;
}


/* =========================================================
   علامة الاقتباس
   ========================================================= */

section[data-testid="store-home-custom-testimonials"]
.s-reviews-testimonial__icon{

    color:#1677ff !important;

    opacity:.20 !important;
}


section[data-testid="store-home-custom-testimonials"]
.s-reviews-testimonial__icon svg,
section[data-testid="store-home-custom-testimonials"]
.s-reviews-testimonial__icon svg path{

    fill:#1677ff !important;
}


/* =========================================================
   أسهم السلايدر
   ========================================================= */

section[data-testid="store-home-custom-testimonials"]
.s-slider-nav-arrow{

    background:#071225 !important;

    border:
        1px solid rgba(75,145,255,.28) !important;

    color:#78bdff !important;

    box-shadow:
        0 8px 22px rgba(0,0,0,.25),
        0 0 14px rgba(22,119,255,.08) !important;
}


section[data-testid="store-home-custom-testimonials"]
.s-slider-nav-arrow svg,
section[data-testid="store-home-custom-testimonials"]
.s-slider-nav-arrow svg path{

    fill:#78bdff !important;
}


/* =========================================================
   الجوال
   ========================================================= */

@media(max-width:600px){

    section[data-testid="store-home-custom-testimonials"]{
        padding-top:38px !important;
        padding-bottom:38px !important;
    }

    section[data-testid="store-home-custom-testimonials"]
    .s-reviews-header-wrapper{
        margin-bottom:22px !important;
    }

    section[data-testid="store-home-custom-testimonials"]
    .s-reviews-header::before{
        font-size:24px !important;
    }

    section[data-testid="store-home-custom-testimonials"]
    .s-reviews-testimonial{
        border-radius:18px !important;
    }

    section[data-testid="store-home-custom-testimonials"]
    .s-reviews-testimonial__inner{
        border-radius:17px !important;
    }
}


/* =========================================================
   نهاية تنسيق قسم آراء العملاء - BEX
   ========================================================= */

.bex-bridge-eyebrow {
    display: none !important;
}
footer[data-testid="store-footer"] .lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20 {
    display: none !important;
}