:root {
  --color-primary: #009fd5;
  --bg-color: #191919;
  --text-color: #ffffff;
  --border-color: #333333;
  --card-bg: #1e1e1e;
  --hover-bg: #2a2a2a;
  --theme-brand_primary: 133,209,221;
  --theme-brand_gradient: linear-gradient(180deg,#009fd5,#2ea8e0);
  --theme-area_background_light: rgba(255,255,255,0.02);
  --theme-radius_main: 12px;
}

body {
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}

.s-block {
  background-color: #080e14 !important;
 
  border-radius: 8px !important;
}

.home-slider {
  background-color: var(--card-bg) !important;
}

.home-slider img {
  display: none !important;
}

.whyChoose_icon svg {
    width: 22px;
    height: 22px;
    fill: currentColor;
}

.whyChoose_bgIcon svg {
    width: 120px;
    height: 120px;
    fill: currentColor;
}

.salla-products-list {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)) !important;
  gap: 15px !important;
}

.salla-products-list .product-item {
  background-color: var(--card-bg) !important;
  border: 1px solid var(--border-color) !important;
  border-radius: 8px !important;
  padding: 15px !important;
  transition: transform 0.3s ease !important;
}

.salla-products-list .product-item:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 10px 20px rgba(247, 166, 80, 0.2) !important;
}

.btn, .button {
  /* background-color: var(--color-primary) !important; */
  color: #000 !important;
  border: none !important;
  border-radius: 6px !important;
  transition: background-color 0.3s ease !important;
}

.btn:hover, .button:hover {
  background-color: #21cbe9 !important;
}

h1, h2, h3, h4, h5, h6 {
  color: var(--text-color) !important;
}

p, span, div {
  color: var(--text-color) !important;
}

.footer {
  background-color: var(--card-bg) !important;
  border-top: 1px solid var(--border-color) !important;
}

.testimonials, .features, .faqs {
  background-color: var(--card-bg) !important;
  border: 1px solid var(--border-color) !important;
  border-radius: 8px !important;
  padding: 20px !important;
  margin: 20px 0 !important;
}

:root {
  --color-primary: #009fd5;
  --bg-color: #191919;
  --text-color: #ffffff;
  --border-color: #333333;
  --card-bg: #1e1e1e;
  --theme-brand_primary: 133,209,221;
  --theme-brand_gradient: linear-gradient(180deg,#009fd5,#00467c);
  --theme-area_background_light: rgba(255,255,255,0.02);
  --theme-radius_main: 12px;
}

body {
  background-color: var(--bg-color);
  color: var(--text-color);
}


.header-hero-video {
  width: 100%;
  height: 60vh;
  min-height: 400px;
  max-height: 650px;
  position: relative;
  overflow: hidden;
  background: #000;
  z-index: 1;
}


.header-hero-video video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
  z-index: 0;
  opacity: 0.95;
}


.header-hero-video::after {
  content: "";
  position: absolute;
  inset: 0;
 
  z-index: 1;
}


header.store-header {
  position: relative;
  z-index: 20;
  background: linear-gradient(180deg, rgba(8, 12, 19, 0.95), rgba(4, 6, 12, 0.95)) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.35) !important;
  backdrop-filter: blur(18px) !important;
  color: #fff !important;
}


header.store-header > * {
  position: relative;
  z-index: 1;
}




header.store-header #elSearch,
header.store-header .search-box,
header.store-header .store-search {
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.18) !important;
  border-radius: 14px !important;
}



header.store-header .ipsNavBar_primary > ul > li > a,
header.store-header .main-nav a,
header.store-header .navigation a {
  color: rgba(255, 255, 255, 0.75) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.8px !important;
}





header.store-header .customUserBar,
header.store-header .user-bar,
header.store-header .header-top {
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 14px !important;
}

.header-hero-video {
  width: 100%;
  min-height: 420px;
  max-height: 640px;
  overflow: hidden;
  position: relative;
  background: #000;
  z-index: 1;
}

.header-hero-video video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
  opacity: 0.95;
}

.headerRow.headerRow_primary {
  background: transparent !important;
  padding: 8px 0 !important;
}

 .headerRow.headerRow_secondary {
  padding: 0px 0 !important;
}
.headerRow.headerRow_secondary .ipsLayout_container {
  /* display: flex !important; */
  justify-content: center !important;
}


.headerRow.headerRow_secondary .ipsLayout_container > nav .ipsNavBar_primary {
     display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    max-width: 914px !important;
    margin: 0 auto !important;
    height: 54px !important;
    background: linear-gradient(180deg, rgb(6 7 15), rgb(20 38 50)) !important;
    padding: 8px 18px !important;
    border-radius: 28px !important;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.6) !important;
    direction: ltr !important;
    overflow: visible !important;
}

.headerRow.headerRow_secondary .ipsNavBar_primary > ul.ipsClearfix {
  display: flex !important;
  gap: 70px !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 26px !important;
  list-style: none !important;
  flex: 1 0 auto !important;
}
.headerRow.headerRow_secondary .ipsNavBar_primary > ul.ipsClearfix > li { display: inline-flex !important; }
.headerRow.headerRow_secondary .ipsNavBar_primary > ul.ipsClearfix > li > a {
  color: rgba(255,255,255,0.92) !important;
  padding: 8px 12px !important;
  border-radius: 6px !important;
  text-decoration: none !important;
  transition: background .12s ease !important;
}
.headerRow.headerRow_secondary .ipsNavBar_primary > ul.ipsClearfix > li > a:hover { background: rgba(255,255,255,0.04) !important; }


.headerRow.headerRow_secondary #elProdSearchWrapper {
  flex: 0 0 360px !important;
  max-width: 45% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
}
.headerRow.headerRow_secondary #elProdSearchWrapper #elSearchForm {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: rgba(255,255,255,0.02) !important;
  border: 1px solid rgba(255,255,255,0.04) !important;
  padding: 8px 10px !important;
  border-radius: 8px !important;
  width: 100% !important;
}
.headerRow.headerRow_secondary #elProdSearchWrapper #elSearchForm input#elSearchField {
  background: transparent !important;
  border: none !important;
  color: rgba(255,255,255,0.9) !important;
  width: 100% !important;
  outline: none !important;
}
.headerRow.headerRow_secondary #elProdSearchWrapper .elSearch_submit svg { opacity: 0.9; }

 
.headerRow.headerRow_secondary .ipsNavBar_primary > ul.ipsClearfix > li > a {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 10px 14px !important;
  height: 44px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: rgba(255,255,255,0.92) !important;
  background: transparent !important;
}
.headerRow.headerRow_secondary .ipsNavBar_primary > ul.ipsClearfix > li.is-active > a,
.headerRow.headerRow_secondary .ipsNavBar_primary > ul.ipsClearfix > li[data-active] > a {
 
  color: #fff !important;
 
}
.headerRow.headerRow_secondary .ipsNavBar_primary > ul.ipsClearfix > li.is-active > a .navIcon,
.headerRow.headerRow_secondary .ipsNavBar_primary > ul.ipsClearfix > li[data-active] > a .navIcon {
 
  color: #0b0b0b !important;
  padding: 8px !important;
  border-radius: 6px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.headerRow.headerRow_secondary .ipsNavBar_primary > ul.ipsClearfix > li > a .navIcon i {
  color: #0b0b0b !important;
  font-size: 14px !important;
}
.headerRow.headerRow_secondary #elProdSearchWrapper {
  flex: 0 0 420px !important;
  max-width: 420px !important;
  padding-left: 12px !important;
}
.headerRow.headerRow_secondary #elProdSearchWrapper #elSearchForm {
  height: 44px !important;
  padding: 6px 10px !important;
  border-radius: 10px !important;
  background: rgba(255,255,255,0.02) !important;
  border: 1px solid rgba(255,255,255,0.04) !important;
}
.headerRow.headerRow_secondary #elProdSearchWrapper #elSearchForm input#elSearchField {
  height: 28px !important;
  padding: 0 8px !important;
  font-size: 14px !important;
}
.headerRow.headerRow_secondary .ipsNavBar_primary { align-items: center !important; }

@media (max-width: 1023px) {
 
  .headerRow.headerRow_secondary .ipsNavBar_primary { display: none !important; }
  .headerRow.headerRow_secondary #elProdSearchWrapper { display: none !important; }
  .inner.nav-header { display: none !important; }
}

header.store-header {
  position: relative !important;
  z-index: 20 !important;
  background: linear-gradient(180deg, rgba(8, 12, 19, 0.96), rgba(4, 6, 12, 0.96)) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.32) !important;
  backdrop-filter: blur(16px) !important;
  color: #fff !important;
}

header.store-header::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(circle at top right, rgb(68 123 137 / 46%), transparent 23%), radial-gradient(circle at left, rgb(68 123 137 / 46%), transparent 22%), linear-gradient(180deg, rgba(8, 12, 19, 0.96), rgba(4, 6, 12, 0.96));
  z-index: 0;
}

header.store-header > * {
  position: relative !important;
  z-index: 1 !important;
}

.store-header,
.store-header * {
  color: #fff !important;
}

header.store-header #elLogo,
header.store-header #elSiteTitle,
header.store-header .store-header__logo,
header.store-header .el-header-logo {
  color: #fff !important;
}

header.store-header #elLogo img,
header.store-header .store-header__logo img {
  max-height: 58px !important;
  width: auto !important;
}

header.store-header #elSearch,
header.store-header .search-box,
header.store-header .store-search {
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.16) !important;
  border-radius: 16px !important;
}

header.store-header #elSearch input[type="search"],
header.store-header #elSearch input,
header.store-header .search-box input,
header.store-header .store-search input {
  color: #fff !important;
}

header.store-header #elSearch input::placeholder,
header.store-header .search-box input::placeholder,
header.store-header .store-search input::placeholder {
  color: rgba(255, 255, 255, 0.65) !important;
}

header.store-header .ipsNavBar_primary > ul > li > a,
header.store-header .main-nav a,
header.store-header .navigation a {
  color: rgba(255, 255, 255, 0.78) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.8px !important;
}

header.store-header .ipsNavBar_primary > ul > li[data-active] > a,
header.store-header .ipsNavBar_primary > ul > li > a:hover,
header.store-header .main-nav a:hover,
header.store-header .navigation a:hover {
  color: #fff !important;
}

header.store-header .ipsNavBar_primary > ul > li > a:before,
header.store-header .main-nav a:before,
header.store-header .navigation a:before {
  background: rgba(0, 255, 190, 0.9) !important;
}

header.store-header .cUserNav_links > li > a,
header.store-header .user-panel a,
header.store-header .user-links a,
header.store-header .cart-link,
header.store-header .account-link {
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  color: #fff !important;
  border-radius: 12px !important;
}

header.store-header .cUserNav_links > li > a:hover,
header.store-header .user-panel a:hover,
header.store-header .user-links a:hover,
header.store-header .cart-link:hover,
header.store-header .account-link:hover {
  background: rgba(0, 255, 190, 0.14) !important;
  color: #fff !important;
}

header.store-header .customUserBar,
header.store-header .user-bar,
header.store-header .header-top {
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 18px !important;
}

header.store-header .headerBackground {
  position: absolute !important;
  inset: 0 !important;
  z-index: 999999 !important;
  pointer-events: none !important;

}


.theme-header--salla .header-inner {
  background: transparent !important;
  box-shadow: none !important;
  border-bottom: none !important;
}


header.store-header .header-inner.da-bgm {
  background: transparent !important;
}
.theme-header--salla .header-container {
  padding: 8px 0 !important;
  align-items: center !important;
}
.theme-header--salla .header-container .flex {
  align-items: center !important;
}
.theme-header--salla .navbar-brand {
  order: 0;
  display: flex;
  align-items: center;
}
.theme-header--salla .navbar-brand img {
  height: 56px !important;
  width: auto !important;
}


@media (min-width: 1024px) {
  .inner.nav-header { display: block !important; }
  .inner.nav-header .container { display: flex; justify-content: space-between; align-items: center; }
  .inner.nav-header .main-menu { display: flex !important; gap: 18px !important; align-items: center !important; list-style: none !important; padding: 0 !important; margin: 0 !important; }
  .inner.nav-header .main-menu > li { display: inline-flex !important; align-items: center !important; }
  .inner.nav-header .main-menu > li > a { color: rgba(255,255,255,0.85) !important; padding: 8px 10px !important; border-radius: 8px !important; text-decoration: none !important; transition: background .15s ease !important; }
  .inner.nav-header .main-menu > li > a:hover { background: rgba(255,255,255,0.04) !important; color: #fff !important; }
  .inner.nav-header { padding: 6px 0 !important; background: transparent !important; }
}




#elProdSearchWrapper .search-btn { display: inline-flex !important; align-items: center !important; gap: 8px !important; margin-left: 8px !important; }


.landing-main-menu li a { color: inherit !important; }


header.store-header { z-index: 40 !important; }
.header-hero-video { margin-top: 0; }


.headerRow.headerRow_secondary .ipsNavBar_primary > ul.ipsClearfix > li {
  position: relative !important;
  padding: 0 6px !important;
  overflow: visible !important;
}

.headerRow.headerRow_secondary .ipsNavBar_primary > ul.ipsClearfix > li > .background-gradient {
  display: none !important;
}

.headerRow.headerRow_secondary .ipsNavBar_primary > ul.ipsClearfix > li.is-active > .background-gradient,
.headerRow.headerRow_secondary .ipsNavBar_primary > ul.ipsClearfix > li[data-active] > .background-gradient {
  display: block !important;
  position: absolute !important;
  left: 10px !important;
  top: 8px !important;
  bottom: 8px !important;
  width: 6px !important;
  border-radius: 6px !important;
  background: linear-gradient(180deg, rgba(247,166,80,1), rgba(224,143,46,1)) !important;
  box-shadow: 0 6px 16px rgba(0,0,0,0.4) !important;
  z-index: 1 !important;
}


.headerRow.headerRow_secondary .ipsNavBar_primary > ul.ipsClearfix > li > a {
  position: relative !important;
  z-index: 2 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 10px 14px !important;
  height: 44px !important;
}


.headerRow.headerRow_secondary .ipsNavBar_primary > ul.ipsClearfix > li > a .navIcon {
  width: 38px !important;
  height: 38px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 8px !important;
  background: rgba(255,255,255,0.03) !important;
  color: rgba(255,255,255,0.9) !important;
}


.headerRow.headerRow_secondary .ipsNavBar_primary > ul.ipsClearfix > li.is-active > a .navIcon,
.headerRow.headerRow_secondary .ipsNavBar_primary > ul.ipsClearfix > li[data-active] > a .navIcon {
 
  color: #0b0b0b !important;
  box-shadow: 0 6px 18px rgba(0,0,0,0.35) inset !important;
  transform: translateY(-1px) !important;
}

.headerRow.headerRow_secondary .ipsNavBar_primary > ul.ipsClearfix > li > a .navIcon i {
  font-size: 14px !important;
  color: inherit !important;
}


.headerRow.headerRow_secondary .ipsNavBar_primary > ul.ipsClearfix > li > a { padding-left: 28px !important; }



.headerRow.headerRow_secondary .ipsNavBar_primary > ul > li > a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.5rem !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  font-size: 13px !important;
  letter-spacing: 1px !important;
  width: auto !important;
  height: 80px !important;
  margin-left: 15px !important;
  position: relative !important;
}

.headerRow.headerRow_secondary .ipsNavBar_primary > ul > li > a:before {
  content: "" !important;
  background: rgb(var(--theme-brand_primary)) !important;
  box-shadow: 0 0 10px rgb(var(--theme-brand_primary)) !important;
  width: 0px !important;
  height: 1px !important;
  position: absolute !important;
  top: 0 !important;
  left: 50% !important;
  transform: translateX(-50%) skewX(-10deg) !important;
  transition: all 0.5s ease 0s !important;
}

.headerRow.headerRow_secondary .ipsNavBar_primary > ul > li > a > .navIcon {
  font-size: 18px !important;
  line-height: 1.2 !important;
}

.headerRow.headerRow_secondary .ipsNavBar_primary > ul > li > a:hover > div.navIcon,
.headerRow.headerRow_secondary .ipsNavBar_primary > ul > li.ipsNavBar_active > a > div.navIcon {
  background: var(--theme-brand_gradient) !important;
  color: transparent !important;
  background-clip: text !important;
  -webkit-background-clip: text !important;
  transition: all 0.2s ease !important;
}

.headerRow.headerRow_secondary .ipsNavBar_primary > ul > li > a:hover::before,
.headerRow.headerRow_secondary .ipsNavBar_primary > ul > li.ipsNavBar_active > a::before {
  width: 40% !important;
}

.headerRow.headerRow_secondary .background-gradient {
  position: absolute !important;
  background: radial-gradient(56.59% 61.59% at 25% 97.01%, rgba(var(--theme-brand_primary), 0.2) 0, rgba(var(--theme-brand_primary), 0) 100%), linear-gradient(180deg, rgba(var(--theme-brand_primary), 0.2) 0, rgba(var(--theme-brand_primary), 0) 100%), var(--theme-area_background_light) !important;
  border-radius: var(--theme-radius_main) !important;
  height: 50px !important;
  width: calc(100% - 15px) !important;
  z-index: -1 !important;
  overflow: hidden !important;
  margin-left: 15px !important;
  

}
.dark .s-product-card-entry {
    background-color: #0d151e;
}



 .gamesGrid__container {
     display: grid;
     grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
     gap: 1.5rem;
     animation: fadeInUp 0.6s ease-out;
 }

.whyChoose_section {
  padding: 60px 20px !important;
  background: #080e14 !important;
  border: none !important;
  border-radius: 0 !important;
  position: relative;
  overflow: hidden;
}

.whyChoose_wrapper {
     margin: 4rem 0;
     padding: 0;
 }
.whyChoose_section .s-block__title {
    display: flex;
    justify-content: center !important;
    width: 100%;
}

.whyChoose_section .s-block__title .right-side {
    width: 100%;
    text-align: center !important;
}

.whyChoose_section .whyChoose_title {
    width: 100%;
    text-align: center !important;
    margin: 0 auto !important;
}
 .whyChoose_title {
     color: white;
     font-size: 2rem;
     margin: 0;
     font-weight: 700;
     line-height: 1.2;
     margin-bottom: 0.5rem;
     text-align: center;
     letter-spacing: -0.01em;
 }

 .whyChoose_title>b {
     background: none;
     -webkit-background-clip: border-box;
     background-clip: border-box;
     color: white;
     font-weight: 800;
 }

 .whyChoose_desc {
     font-size: 1rem;
     margin: 0 auto 3rem;
     max-width: 650px;
     text-align: center;
     color: rgba(255, 255, 255, 0.5);
     line-height: 1.5;
 }

 .whyChoose_columns {
     list-style: none;
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 1.5rem;
     margin: 0;
     padding: 0;
 }

 .whyChoose_columns>li {
     background: rgba(var(--theme-area_background_light), 0.8);
     backdrop-filter: blur(10px);
     padding: 2rem;
     border-radius: 16px;
     border: 1px solid rgba(255, 255, 255, 0.08);
     transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
     position: relative;
     overflow: hidden;
     display: flex;
     flex-direction: column;
     gap: 1.5rem;
 }

 .whyChoose_columns>li:hover {
     border-color: rgba(var(--theme-brand_primary), 0.3);
 }

 .whyChoose_columns>li::before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 1px;
     background: linear-gradient(90deg, transparent, rgba(var(--theme-brand_primary), 0.8), transparent);
     opacity: 0;
     transition: opacity 0.3s ease;
 }

 .whyChoose_columns>li:hover::before {
     opacity: 1;
 }

 .whyChoose_header {
     display: flex;
     align-items: center;
     gap: 1rem;
     position: relative;
     z-index: 1;
 }

 .whyChoose_icon {
     width: 48px;
     height: 48px;
     border-radius: 12px;
     display: flex;
     align-items: center;
     justify-content: center;
     flex-shrink: 0;
     background: linear-gradient(135deg, rgb(var(--theme-brand_primary)), rgba(var(--theme-brand_secondary), 0.8));
     box-shadow: none;
 }

 .whyChoose_icon i {
     font-size: 1.25rem;
     color: white;
 }

 .whyChoose_bgIcon {
     position: absolute;
     bottom: -20px;
     right: -20px;
     font-size: 120px;
     opacity: 0.03;
     transform: rotate(-15deg);
     pointer-events: none;
     z-index: 0;
     background: linear-gradient(135deg, rgb(var(--theme-brand_primary)), white);
     -webkit-background-clip: text;
     background-clip: text;
     color: transparent;
 }

 .whyChoose_headerText {
     display: flex;
     flex-direction: column;
     gap: 0.2rem;
 }

 .whyChoose_cardTitle {
     font-size: 1.1rem;
     font-weight: 700;
     color: white;
     margin: 0;
     line-height: 1.2;
 }

 .whyChoose_cardSubtitle {
     font-size: 0.85rem;
     color: rgba(255, 255, 255, 0.5);
     margin: 0;
     font-weight: 500;
 }

 .whyChoose_cardDesc {
     font-size: 0.9rem;
     color: rgba(255, 255, 255, 0.65);
     margin: 0;
     line-height: 1.6;
     position: relative;
     z-index: 1;
 }

 @media screen and (max-width:1100px) {
     .whyChoose_columns {
         grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
     }
 }

 @media screen and (max-width:768px) {
     .whyChoose_columns {
         grid-template-columns: 1fr;
         gap: 1rem;
     }

     .whyChoose_columns>li {
         padding: 1.5rem;
     }
 }

footer.store-footer { background: transparent !important; padding: 0 !important; }
footer.store-footer .store-footer__inner { display: none !important; }
footer.store-footer.custom-footer-replaced .store-footer__inner { display: none !important; }
footer.store-footer #custom-footer-wrapper { display: block; }

#custom-footer-wrapper {
  position: relative;
  background: #040810;
  padding-top: 0;
  margin-top: 5rem;
  direction: rtl;
}


.cFooter_inner {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 2rem;
}


.cFooter_promo {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  z-index: 0;
  padding: 2rem 2rem 0;
  margin-top: -4rem;
}

.cFooter_promoCard {
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 24px;
  padding: 3.5rem 2rem;
  max-width: 1000px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  backdrop-filter: blur(20px);
  position: relative;
  overflow: hidden;
}

.cFooter_promoCard::before {
  content: "";
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%,-50%);
  width: 60%; height: 60%;
  background: radial-gradient(circle, rgba(var(--theme-brand_primary),0.2) 0%, transparent 70%);
  filter: blur(80px);
  pointer-events: none;
  z-index: 0;
}

.cFooter_promoContent {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
  width: 100%;
}

.cFooter_promoTitle {
  color: white;
  font-size: clamp(1.5rem, 3.5vw, 2.5rem);
  line-height: 1.15;
  margin: 0;
  font-weight: 800;
  letter-spacing: -0.02em;
}

.cFooter_promoHighlight {
  background: linear-gradient(90deg, rgb(var(--theme-brand_primary)), #fff);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.cFooter_promoActions {
  display: flex;
  gap: 1.25rem;
  flex-wrap: wrap;
  justify-content: center;
}

.cFooter_promoButton {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.65rem;
  padding: 0.9rem 2rem;
  border-radius: 12px;
  font-size: 0.95rem;
  font-weight: 700;
  text-decoration: none !important;
  transition: all 0.3s ease;
  min-width: 170px;
}

.cFooter_promoButton--primary {
  background: rgb(var(--theme-brand_primary));
  color: #fff !important;
  box-shadow: 0 8px 20px rgba(var(--theme-brand_primary),0.3);
}
.cFooter_promoButton--primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 30px rgba(var(--theme-brand_primary),0.4);
  color: #fff !important;
}

.cFooter_promoButton--secondary {
  background: rgba(255,255,255,0.05);
  color: #fff !important;
  border: 1px solid rgba(255,255,255,0.12);
}
.cFooter_promoButton--secondary:hover {
  background: rgba(255,255,255,0.1);
  transform: translateY(-2px);
  color: #fff !important;
}


.cFooter_main {
  padding: 3rem 0 2rem;
  border-top: 1px solid rgba(255,255,255,0.06);
}

.cFooter_grid {
  display: grid;
  grid-template-columns: 1.4fr 1fr 1fr 1fr;
  gap: 4rem;
  align-items: start;
}


.cFooter_about {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}

.cFooter_logo img {
  max-height: 52px;
  width: auto;
  display: block;
}

.cFooter_logoText {
  font-size: 1.6rem;
  font-weight: 800;
  color: #fff;
  text-decoration: none;
}

.cFooter_aboutDesc {
  font-size: 0.9rem;
  color: rgba(255,255,255,0.55);
  line-height: 1.7;
  margin: 0;
}

.cFooter_social {
  display: flex;
  gap: 0.65rem;
  flex-wrap: wrap;
}

.cFooter_socialLink {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 10px;
  color: rgba(255,255,255,0.7) !important;
  font-size: 1rem;
  transition: all 0.2s ease;
  text-decoration: none !important;
}

.cFooter_socialLink:hover {
  background: rgba(var(--theme-brand_primary),0.18);
  border-color: rgba(var(--theme-brand_primary),0.45);
  color: rgb(var(--theme-brand_primary)) !important;
  transform: translateY(-2px);
}


.cFooter_linksColumn {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.cFooter_linksTitle {
  color: #fff;
  font-size: 0.8rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  margin: 0;
  line-height: 1;
}

.cFooter_linksList {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
}

.cFooter_linksList li { margin: 0; }

.cFooter_linksList a {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.9rem;
  color: rgba(255,255,255,0.55) !important;
  text-decoration: none !important;
  transition: all 0.2s ease;
  position: relative;
  padding-right: 1rem;
}

.cFooter_linksList a::before {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 4px;
  background: rgba(var(--theme-brand_primary),0.4);
  border-radius: 50%;
  transition: all 0.2s ease;
}

.cFooter_linksList a:hover {
  color: #fff !important;
  padding-right: 1.4rem;
}
.cFooter_linksList a:hover::before {
  background: rgb(var(--theme-brand_primary));
  box-shadow: 0 0 8px rgb(var(--theme-brand_primary));
}


.cFooter_trust {
  margin-top: 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 2px;
  font-size: 0.8rem;
  color: rgba(255,255,255,0.5);
}
.cFooter_trust b { color: rgba(var(--theme-brand_primary),0.9); font-size: 0.85rem; }


.cFooter_payments {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.cFooter_paymentsLabel {
  font-size: 0.8rem;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0;
}

.cFooter_paymentsGrid {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  align-items: center;
}

.cFooter_paymentsGrid img {
  height: 36px;
  width: auto;
  opacity: 0.75;
  transition: all 0.2s ease;
  background: #fff;
  padding: 4px 8px;
  border-radius: 7px;
  border: 1px solid rgba(255,255,255,0.08);
  object-fit: contain;
}

.cFooter_paymentsGrid img:hover {
  opacity: 1;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.3);
}

.cFooter_bottom {
  border-top: 1px solid rgba(255,255,255,0.06);
  padding: 1.25rem 0;
}

.cFooter_bottomContent {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1rem;
}

.cFooter_copyright {
  font-size: 0.85rem;
  color: rgba(255,255,255,0.45);
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.cFooter_copyright i {
  color: rgba(var(--theme-brand_primary),0.6);
  font-size: 0.75rem;
}

.cFooter_sbc {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  color: rgba(255,255,255,0.45);
  font-size: 0.8rem;
}

.cFooter_sbcBadge {
  width: 32px;
  height: 32px;
  background: #fff;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding: 2px;
}

.cFooter_sbcBadge img { width: 100%; height: 100%; object-fit: contain; }

@media (max-width: 1100px) {
  .cFooter_grid { grid-template-columns: 1fr 1fr; gap: 2.5rem; }
  .cFooter_about { grid-column: 1 / -1; }
  .cFooter_payments { grid-column: 1 / -1; }
}

@media (max-width: 700px) {
  #custom-footer-wrapper { padding-top: 0; margin-top: 3rem; }
  .cFooter_promo { top: auto; padding: 1.5rem 1rem 0; margin-top: -2rem; }
  .cFooter_promoCard { padding: 2rem 1.25rem; }
  .cFooter_promoActions { flex-direction: column; width: 100%; }
  .cFooter_promoButton { width: 100%; min-width: unset; }
  .cFooter_grid { grid-template-columns: 1fr; gap: 2rem; }
  .cFooter_bottomContent { flex-direction: column; text-align: center; justify-content: center; }
}



.dark .da-bgg {
    background-color: #0d171c !important;
}

.dark .da-bgm {
    background-color: rgb(8 14 20) !important;
}



#custom-testimonials {
  padding: 70px 20px !important;
  background: #080e14 !important;
  border: none !important;
  border-radius: 0 !important;
  overflow: hidden;
}

.ctm-wrapper {
  max-width: 1240px;
  margin: 0 auto;
  direction: rtl;
}

/* Header */
.ctm-header {
  text-align: center;
  margin-bottom: 3rem;
}

.ctm-title {
  font-size: clamp(1.6rem, 3vw, 2.4rem);
  font-weight: 800;
  color: #fff;
  margin: 0 0 0.5rem;
  letter-spacing: -0.02em;
}

.ctm-title-accent {
  background: linear-gradient(90deg, rgb(var(--theme-brand_primary)), #fff);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.ctm-subtitle {
  color: rgba(255,255,255,0.45);
  font-size: 0.95rem;
  margin: 0;
}


.ctm-columns {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  height: 580px;
  overflow: hidden;
  position: relative;
  /* Fade cards at top and bottom edges */
  -webkit-mask-image: linear-gradient(
    to bottom,
    transparent 0%,
    black 18%,
    black 82%,
    transparent 100%
  );
  mask-image: linear-gradient(
    to bottom,
    transparent 0%,
    black 18%,
    black 82%,
    transparent 100%
  );
}


.ctm-columns:hover .ctm-track {
  animation-play-state: paused;
}


.ctm-column {
  overflow: hidden;
  display: flex;
  flex-direction: column;
}


.ctm-track {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  will-change: transform;
}


.ctm-track--up {
  animation: ctmScrollUp 24s linear infinite;
}


.ctm-track--up.ctm-track--fast {
  animation-duration: 20s;
}


.ctm-track--down {
  transform: translateY(-50%);
  animation: ctmScrollDown 28s linear infinite;
}

@keyframes ctmScrollUp {
  from { transform: translateY(0); }
  to   { transform: translateY(-50%); }
}

@keyframes ctmScrollDown {
  from { transform: translateY(-50%); }
  to   { transform: translateY(0); }
}


.ctm-card {
  background: rgba(255,255,255,0.028);
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 14px;
  padding: 1.1rem 1.25rem;
  flex-shrink: 0;
  transition: border-color 0.3s ease, background 0.3s ease;
  cursor: default;
}

.ctm-card:hover {
  background: rgba(255,255,255,0.05);
  border-color: rgba(var(--theme-brand_primary), 0.35);
}


.ctm-card__header {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}


.ctm-avatar {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
  border: 1.5px solid rgba(var(--theme-brand_primary), 0.4);
}

.ctm-avatar-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.ctm-avatar-fallback {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(var(--theme-brand_primary), 0.18);
  color: rgb(var(--theme-brand_primary));
  font-weight: 700;
  font-size: 1.1rem;
}

.ctm-card__meta {
  display: flex;
  flex-direction: column;
  gap: 0.18rem;
}

.ctm-name {
  font-weight: 700;
  color: #fff;
  font-size: 0.88rem;
  line-height: 1;
}

.ctm-stars {
  color: #fbbf24;
  font-size: 0.78rem;
  letter-spacing: 1.5px;
  line-height: 1;
}


.ctm-text {
  font-size: 0.88rem;
  color: rgba(255,255,255,0.68);
  line-height: 1.65;
  margin: 0;
  word-break: break-word;
}


@media (max-width: 900px) {
  .ctm-columns {
    grid-template-columns: 1fr 1fr;
    height: 520px;
  }

  .ctm-column:last-child { display: none; }
}

@media (max-width: 600px) {
  .ctm-columns {
    grid-template-columns: 1fr;
    height: 480px;
  }
  .ctm-column:nth-child(2),
  .ctm-column:last-child { display: none; }
}

.s-block--features.angel-features {
  background: #080e14 !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 80px 20px !important;
  position: relative;
  overflow: hidden;
}


.s-block--features.angel-features::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse 60% 50% at 50% 100%, rgba(var(--theme-brand_primary), 0.12) 0%, transparent 70%);
  pointer-events: none;
  z-index: 0;
}


.s-block--features.angel-features .s-block__title {
  position: relative;
  z-index: 1;
  margin-bottom: 3rem !important;
}

.s-block--features.angel-features .s-block__title h2 {
  font-size: clamp(1.6rem, 3vw, 2.2rem) !important;
  font-weight: 800 !important;
  color: #fff !important;
  letter-spacing: -0.02em !important;
  margin-bottom: 0.4rem !important;
}


.s-block--features.angel-features .grid {
  position: relative;
  z-index: 1;
  gap: 1.5rem !important;
  align-items: stretch !important;
}

.s-block--features.angel-features .angel-feature {
  background: rgba(255,255,255,0.028);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 20px;
  padding: 2.5rem 1.5rem 2rem !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  position: relative;
  overflow: hidden;
  transition: border-color 0.4s ease, background 0.4s ease, transform 0.3s ease;
  cursor: default;
}


.s-block--features.angel-features .angel-feature::before {
  content: '';
  position: absolute;
  top: 0;
  left: 15%;
  right: 15%;
  height: 2px;
  background: linear-gradient(90deg,
    transparent,
    rgb(var(--theme-brand_primary)),
    transparent
  );
  border-radius: 0 0 4px 4px;
  opacity: 0;
  transition: opacity 0.4s ease;
}


.s-block--features.angel-features .angel-feature::after {
  content: '';
  position: absolute;
  bottom: -40px;
  left: 50%;
  transform: translateX(-50%);
  width: 140px;
  height: 140px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(var(--theme-brand_primary), 0.18) 0%, transparent 70%);
  pointer-events: none;
  transition: opacity 0.4s ease;
  opacity: 0;
}

.s-block--features.angel-features .angel-feature:hover {
  border-color: rgba(var(--theme-brand_primary), 0.35);
  background: rgba(255,255,255,0.05);
  transform: translateY(-4px);
}

.s-block--features.angel-features .angel-feature:hover::before,
.s-block--features.angel-features .angel-feature:hover::after {
  opacity: 1;
}


.s-block--features.angel-features .angel-feature .flex-center.h-14,
.s-block--features.angel-features .angel-feature .flex-center.h-20,
.s-block--features.angel-features .angel-feature > div:first-child {
  width: 72px !important;
  height: 72px !important;
  border-radius: 18px !important;
  background: rgba(var(--theme-brand_primary), 0.1) !important;
  border: 1px solid rgba(var(--theme-brand_primary), 0.22) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-bottom: 1.25rem !important;
  flex-shrink: 0 !important;
  transition: background 0.3s ease, box-shadow 0.3s ease !important;
  position: relative;
  z-index: 1;
}

.s-block--features.angel-features .angel-feature:hover > div:first-child {
  background: rgba(var(--theme-brand_primary), 0.18) !important;
  box-shadow: 0 0 24px rgba(var(--theme-brand_primary), 0.25) !important;
}


.s-block--features.angel-features .lazy_avatar {
  width: 44px !important;
  height: 44px !important;
  border-radius: 8px !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  filter: brightness(1.1) drop-shadow(0 0 8px rgba(var(--theme-brand_primary), 0.5)) !important;
  transition: transform 0.3s ease !important;
}

.s-block--features.angel-features .angel-feature:hover .lazy_avatar {
  transform: scale(1.1) !important;
}


.s-block--features.angel-features .angel-feature .flex-col.mt-2 {
  position: relative;
  z-index: 1;
}


.s-block--features.angel-features .angel-feature h4.has-num {
  font-size: clamp(2rem, 4vw, 3rem) !important;
  font-weight: 900 !important;
  letter-spacing: -0.03em !important;
  line-height: 1 !important;
  margin: 0 0 0.4rem !important;
  background: linear-gradient(135deg, rgb(var(--theme-brand_primary)) 0%, #ffffff 100%);
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  text-shadow: none !important;
}


.s-block--features.angel-features .angel-feature p.da-ts {
  font-size: 0.9rem !important;
  color: rgba(255,255,255,0.5) !important;
  font-weight: 500 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  margin: 0 !important;
}

@media (max-width: 640px) {
  .s-block--features.angel-features {
    padding: 60px 16px !important;
  }
  .s-block--features.angel-features .grid {
    grid-template-columns: 1fr !important;
    gap: 1rem !important;
  }
  .s-block--features.angel-features .angel-feature {
    padding: 2rem 1.25rem 1.75rem !important;
  }
}

.dark .mm-spn.mm-spn--light {
  background: #080b13;
  border-inline-end: 1px solid rgba(0, 208, 255, 0.35) !important;
}

.dark .btn--close-sm {
    color: var(--dark-text-main);
    border-radius: 999px !important;
    background: #12c0f0e6 !important;
    color: #07111f !important;
}
@media (max-width: 768px) {
  .gamesGrid__container { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px) {

    .headerRow.headerRow_secondary .ipsLayout_container > nav .ipsNavBar_primary {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        min-height: 54px !important;
        background: linear-gradient(180deg, rgb(6 7 15), rgb(20 38 50)) !important;
        padding: 6px 8px !important;
        border-radius: 18px !important;
        box-shadow: 0 12px 40px rgba(0, 0, 0, 0.6) !important;
        direction: ltr !important;
        overflow: hidden !important;
    }

    .headerRow.headerRow_secondary .ipsNavBar_primary > ul.ipsClearfix {
        display: flex !important;
      
        justify-content: center !important;
        gap: 6px !important; 
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
        width: 100% !important;
    }

    .headerRow.headerRow_secondary .ipsNavBar_primary li {
        flex: 1 1 auto !important;
        text-align: center !important;
        min-width: 70px !important; 
    }

    .headerRow.headerRow_secondary .ipsNavBar_primary a {
        font-size: 12px !important; 
        padding: 6px !important;
    }
  .headerRow.headerRow_secondary .ipsNavBar_primary > ul.ipsClearfix > li{
   
    /* margin-left: -23px !important; */
     margin-left: -42px !important;
}
}
@media (max-width: 768px) {
    .gamesGrid__header {
        flex-direction: column;
        align-items: stretch;
      gap: 31px !important;
        padding: 1.25rem;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }

   
}
article.full-description.details::before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 2px;
    height: 100%;
    background: rgb(var(--theme-brand_primary));
    border-radius: 0 8px 8px 0;
}

.desc-features {
    list-style: none;
    padding-right: 1.2rem; 
    margin: 0;
}

.desc-features > li {
    position: relative;
    margin-bottom: 8px;
    list-style: none !important;
}

.desc-features > li:before {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    background: rgb(var(--theme-brand_primary));
    border-radius: 100vw;
    right: -1.55rem; 
    top: 7px;
    outline: 3px solid rgb(var(--theme-page_background));
}




.category_title_wrapper {
  padding: 20px 0;
}


.breadcrumbs ol {
  background: linear-gradient(180deg, rgb(6 7 15), rgb(10 17 26)) !important;
  padding: 12px 20px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}


.breadcrumbs li {
  display: flex;
  align-items: center;
}


.breadcrumbs a {
  color: #53cbff;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  transition: 0.3s;
}


.breadcrumbs a:hover {
  color: #fff;
}


.breadcrumbs span {
  color: #fbbf24;
  font-weight: 700;
  text-transform: uppercase;
}


.breadcrumbs .arrow {
  color: #53cbff;
  font-size: 14px;
  margin: 0 6px;
}


.breadcrumbs .arrow::before {
  content: "»";
  font-family: inherit;
}



.hero-content {
  position: absolute;
  inset: 0;
  z-index: 2;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
/* direction: ltr; */
  padding: 40px;
  color: #fff;
}


.hero-badge {
  background: rgb(6 9 16 / 43%);
  color: #f59e0b;
  padding: 6px 14px;
  border-radius: 999px;
  font-size: 13px;
  margin-bottom: 15px;
  border: 1px solid rgb(11 97 245 / 30%);
}


.hero-content h1 {
  font-size: 42px;
  font-weight: 800;
  line-height: 1.3;
  margin-bottom: 20px;
}

.hero-content h1 span {
  color: #f59e0b;
}


.hero-buttons {
  display: flex;
  gap: 15px;
      margin-left: 10rem;

}

.btn {
  padding: 14px 26px;
  border-radius: 12px;
  font-weight: 700;
  text-decoration: none;
  transition: 0.3s;
}

.btn.primary {
  background: linear-gradient(135deg, #009fd5, #009fd5);
color: #fff !important;
}

.btn.secondary {
  background: rgba(255,255,255,0.08);
  color: #fff;
  border: 1px solid rgba(255,255,255,0.2);
}


.header-hero-video::after {
  content: "";
  position: absolute;
  inset: 0;
    background: linear-gradient(to right, rgb(0 0 0 / 56%), rgb(63 113 132 / 0%));  z-index: 1;
}

@media (max-width: 768px) {

  .theme-header--salla .header-container {
    padding: 6px 0 !important;
    align-items: center !important;
    padding-right: 6px !important;
}
  .theme-header--salla .header-container .flex {
    align-items: center !important;
    padding-left: 4px !important;
}
.hero-content {
  position: absolute;
  inset: 0;
  z-index: 2;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;

  padding: 40px;
  color: #fff;
}


.hero-badge {
  background: rgb(6 9 16 / 43%);
  color: #f59e0b;
  padding: 6px 14px;
  border-radius: 999px;
  font-size: 13px;
  margin-bottom: 15px;
  border: 1px solid rgb(11 97 245 / 30%);
}


.hero-content h1 {
  font-size: 42px;
  font-weight: 800;
  line-height: 1.3;
  margin-bottom: 20px;
}

.hero-content h1 span {
  color: #f59e0b;
}


.hero-buttons {
  display: flex;
  gap: 15px;
}

.btn {
  padding: 14px 26px;
  border-radius: 12px;
  font-weight: 700;
  text-decoration: none;
  transition: 0.3s;
}

.btn.primary {
  background: linear-gradient(135deg, #009fd5, #009fd5);
color: #fff !important;
}

.btn.secondary {
  background: rgba(255,255,255,0.08);
  color: #fff;
  border: 1px solid rgba(255,255,255,0.2);
}


.header-hero-video::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to right, rgba(0,0,0,0.7), rgba(0,0,0,0.3));
  z-index: 1;
}
  }

/* Terms page styling */
.content-entry strong {
  color: #c8a96e;
  font-size: 1.2rem;
  display: block;
  margin-top: 2rem;
  margin-bottom: 0.5rem;
}

.content-entry p:first-child strong,
.content-entry p:nth-child(2) strong {
  font-size: 1rem;
  color: #aaa;
  display: inline;
}

.content-entry ul {
  list-style: none;
  padding: 0;
  margin: 0.5rem 0 1rem 0;
  border-bottom: 1px solid #333;
  padding-bottom: 1.5rem;
}

.content-entry ul li {
  position: relative;
  padding-right: 1.5rem;
  margin-bottom: 0.5rem;
  color: #ccc;
  line-height: 1.7;
}

.content-entry ul li::before {
    content: "•";
    color: #5ebbcd;
    position: absolute;
    right: 0;
    font-size: 1.2rem;
    line-height: 1.4;
    text-shadow: 0 0 4px #5ebbcd, 0 0 35px #5ebbcd;
}

.content-entry p {
  color: #ccc;
  line-height: 1.7;
}

.da-bgg {
  background-color: #1a1a1a !important;
  border: 1px solid #2a2a2a;
}

@media (min-width: 1024px) {
  .content--single-page {
    margin-right: auto !important;
    margin-left: 6rem !important;
  }
}
.content-entry ul li::marker {
  display: none !important;
  content: "" !important;
}
.dark .s-search-inline .s-search-input {
    background: #0e141c !important;
    border: initial !important;
}
.dark .details {
    background-color: #0e141c;
}
.dark .tabs-wrapper {
    background-color: #0e141c;
}
.dark .tabs .tab-trigger.is-active {
    background-color: #0e141c;
    color: var(--dark-text-main);
}
.dark .form-input, .dark .s-comment-form-input, .dark .s-login-modal-input, .dark .s-product-availability-input, .dark .s-verify-input, .dark .tel-input, .dark input, .dark select, .dark textarea {
    background-color: #131b25;
    color: var(--dark-text-main);
}
.dark .s-comments .s-reviews-summary-progress .s-progress-bar-wrapper {
    background-color: #000d15;
}


.altumcode-video-header {
    background: #0a131ae6 !important;
    border-bottom: 1px solid #0a131ae6 !important;
}


.altumcode-video-button {
  background: #5ebbcd !important;
  color: #fff !important;
}
.altumcode-wrapper {
    background-color: #0a1319 !important;
    border: 1px solid #0a131ae6 !important;
}
.altumcode-video-title {
  color: #fff !important;
}
.dark .s-modal-body {
    background-color: #080e14 !important;
}
.no-content-placeholder .btn {
    padding: 3px 10px !important;
    color: #ffffff !important;
}
.dark .s-product-options-wrapper input, .dark .s-product-options-wrapper select, .dark .s-product-options-wrapper textarea {
    background-color: #0a131ae6;
}

.dark .store-header .s-user-menu-toggler .s-user-menu-dropdown {
    background-color: var(--dark-bg-main);
    margin-bottom: -29rem;
}

@media (max-width: 768px) {
    .altumcode #new_design .altumcode-live-counter-main {
        display: table-column !important;
        background-color: #070d11 !important;
    }
    .altumcode #new_design .box {
    max-width: 20rem !important;
    height: 30px !important;
    background-color: #070d11;
    position: relative;
    border-radius: 4px;
}
.altumcode #new_design .box:after {
    content: "";
    display: block;
    border-width: 15px 15px 0;
    border-style: solid;
    border-color: #070d11 transparent transparent;
    margin-left: -16px;
    position: absolute;
    bottom: -15px;
    left: 50%;
}
}
@media (max-width: 768px) {
    .altumcode #new_design .count_visit {
       font-size: 12px !important;
        font-weight: 400 !important;
        margin-right: 0rem !important;
        direction: rtl !important;
        color: #ffffff !important;
    }
}
@media (max-width: 768px) {
    .altumcode #new_design .ball-scale-multiple>div {
        left: 154px !important;
        top: -1px !important;
        /* width: 40px !important; */
        /* height: 59px !important; */
      
    }
  .angel-products-4 {
  display: block !important;
}
  .angel-products-5 {
  display: block !important;
}
  .angel-products-2 {
  display: block !important;
}
    .angel-products-3 {
        display: block !important;
    }
    .angel-products-6 {
  display: block !important;
}
    .angel-products-7 {
  display: block !important;
}
}
.s-product-card-sale-price h4:is(.dark *) {
    --tw-text-opacity: 1;
    color: #f87171 !important;
    color: rgba(248, 113, 113, var(--tw-text-opacity, 1));
}

/* Font Awesome Fix */
.whyChoose_section i[class^="fa"],
.whyChoose_section i[class*=" fa"] {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    font-style: normal !important;
    font-variant: normal !important;
    text-rendering: auto !important;
    line-height: 1 !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* ================= LUB – Mobile menu redesign ================= */
/* Drawer */
.mm-ocd__content {
  top: 12px !important;
  bottom: auto !important;
  height: min(420px, calc(100vh - 24px)) !important;
  border-radius: 22px 0 0 22px;
  overflow: hidden;
  z-index: 2;
  box-shadow: -10px 0 50px rgba(18,192,240,.18);
}
.mm-ocd__backdrop { left: 0 !important; right: 0 !important; width: 100% !important; z-index: 1; background: rgba(3,6,12,.7) !important; backdrop-filter: blur(5px); }
#mobile-menu ul { scrollbar-width: none; }
/* Hide the parent panel while a sub-menu is open (stops overlap) */
#mobile-menu.mm-spn ul.mm-spn--parent > li:not(:has(> ul.mm-spn--open)) { opacity: 0 !important; pointer-events: none; }
#mobile-menu.mm-spn ul.mm-spn--parent > li:has(> ul.mm-spn--open) { background: none !important; border-color: transparent !important; box-shadow: none !important; }
#mobile-menu.mm-spn ul.mm-spn--parent > li:has(> ul.mm-spn--open) > a,
#mobile-menu.mm-spn ul.mm-spn--parent > li:has(> ul.mm-spn--open) > span { opacity: 0 !important; }

/* Sub-panels: "روابط تهمك" + "خدمة العملاء" */
#mobile-menu .links-menu .footer-title { display: none !important; }
#mobile-menu .links-menu .footer-list,
#mobile-menu .social-menu .s-contacts-list { display: flex !important; flex-direction: column; gap: 8px; padding: 0 14px !important; }
#mobile-menu .links-menu .footer-list a,
#mobile-menu .social-menu .s-contacts-list a {
  width: 100% !important;
  display: flex !important; align-items: center; gap: 10px;
  min-height: 52px; padding: 8px 16px !important; margin: 0 !important;
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02)) !important;
  border: 1px solid rgba(255,255,255,.08);
  color: #f2faff !important; font-size: 15px !important; font-weight: 600 !important;
  transition: background .25s ease, border-color .25s ease;
}
#mobile-menu .links-menu .footer-list a:hover,
#mobile-menu .social-menu .s-contacts-list a:hover {
  background: linear-gradient(180deg, rgba(18,192,240,.16), rgba(18,192,240,.06)) !important;
  border-color: rgba(18,192,240,.55);
}
#mobile-menu .social-menu .s-contacts-list i,
#mobile-menu .social-menu .s-contacts-list svg { color: #12c0f0 !important; fill: #12c0f0; }
#mobile-menu .social-menu .s-contacts-list > * { width: 100%; background: none !important; border: 0 !important; padding: 0 !important; }
#mobile-menu ul::-webkit-scrollbar { display: none; }
#mobile-menu.mm-spn,
.dark #mobile-menu.mm-spn.mm-spn--light {
  background:
    radial-gradient(130% 45% at 100% 0%, rgba(18,192,240,.22), transparent 60%),
    radial-gradient(100% 40% at 0% 100%, rgba(18,192,240,.12), transparent 65%),
    #060910 !important;
  border-inline-end: 0 !important;
}

/* Header bar + title */
#mobile-menu.mm-spn.mm-spn--navbar:after {
  font-size: 17px !important;
  font-weight: 800 !important;
  color: #fff !important;
  opacity: 1 !important;
  height: 70px !important;
  line-height: 70px !important;
  padding-inline: 22px !important;
  border-bottom: 1px solid rgba(18,192,240,.18);
  background: linear-gradient(90deg, rgba(18,192,240,.10), transparent);
}
#mobile-menu.mm-spn.mm-spn--navbar:before { border-color: #12c0f0 !important; opacity: 1 !important; top: 35px !important; }
#mobile-menu.mm-spn.mm-spn--navbar ul { top: 70px !important; }
/* Make room for the back arrow inside sub-menus */
#mobile-menu.mm-spn.mm-spn--navbar:not(.mm-spn--main):after { padding-right: 46px !important; }
#mobile-menu.mm-spn ul { padding-top: 18px !important; padding-bottom: 30px !important; }

/* Empty banner slot at the top of the menu */
#mobile-menu .mobile-menu-slider { display: none !important; }

/* Items as cards */
#mobile-menu.mm-spn li {
  margin: 0 14px 8px !important;
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
  border: 1px solid rgba(255,255,255,.08);
  transition: background .25s ease, border-color .25s ease, box-shadow .25s ease;
}
#mobile-menu.mm-spn li:after { display: none !important; }
#mobile-menu.mm-spn li:hover,
#mobile-menu.mm-spn li:active {
  background: linear-gradient(180deg, rgba(18,192,240,.16), rgba(18,192,240,.06));
  border-color: rgba(18,192,240,.55);
  box-shadow: 0 6px 24px rgba(18,192,240,.18);
}
#mobile-menu.mm-spn li > a,
#mobile-menu.mm-spn li > span {
  display: flex !important;
  align-items: center;
  gap: 14px;
  min-height: 54px;
  padding: 8px 16px !important;
  color: #f2faff !important;
  background: transparent !important;
}
#mobile-menu.mm-spn li > a:after,
#mobile-menu.mm-spn li > span:after { display: none !important; }
#mobile-menu.mm-spn li > span { font-size: 16px !important; font-weight: 700 !important; }
#mobile-menu .menu_title { font-size: 16px !important; font-weight: 700 !important; color: #f2faff !important; }

/* Icons in a glowing tile */
#mobile-menu .menu-img {
  width: 40px !important;
  height: 40px !important;
  flex: 0 0 40px;
  margin: 0 !important;
  border-radius: 12px;
  background-color: rgba(18,192,240,.14) !important;
  background-size: 22px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  border: 1px solid rgba(18,192,240,.35);
}
#mobile-menu.mm-spn li > a > i,
#mobile-menu.mm-spn li > span > i {
  display: inline-grid; place-items: center;
  width: 40px; height: 40px; flex: 0 0 40px;
  margin: 0 !important;
  border-radius: 12px; font-size: 20px;
  color: #12c0f0 !important;
  background: rgba(18,192,240,.14);
  border: 1px solid rgba(18,192,240,.35);
}

/* Sub-menu arrow (only on items that have a sub-menu) */
#mobile-menu.mm-spn li:not(:has(> ul)):before { display: none !important; }
#mobile-menu.mm-spn li:has(> ul):before {
  border-color: #12c0f0 !important;
  border-width: 2px !important;
  opacity: 1 !important;
  width: 9px !important;
  height: 9px !important;
  inset-inline-end: 22px !important;
}

/* Close button */
.close-mobile-menu.btn--close-sm,
.dark .close-mobile-menu.btn--close-sm {
  width: 44px !important;
  height: 44px !important;
  top: 13px !important;
  left: 14px !important;
  border-radius: 14px !important;
  background: rgba(18,192,240,.12) !important;
  color: #12c0f0 !important;
  border: 1px solid rgba(18,192,240,.55) !important;
  box-shadow: 0 0 20px rgba(18,192,240,.25);
  font-size: 18px !important;
  transition: background .25s ease, color .25s ease, transform .3s ease;
}
.close-mobile-menu.btn--close-sm:hover,
.dark .close-mobile-menu.btn--close-sm:hover {
  background: #12c0f0 !important;
  color: #06111d !important;
  transform: rotate(90deg);
}
/* ================= /Mobile menu redesign ================= */

/* ================= LUB – Hero redesign ================= */
.header-hero-video::after {
  background:
    linear-gradient(270deg, rgba(4,7,14,0) 30%, rgba(4,7,14,.55) 60%, rgba(4,7,14,.88) 100%),
    linear-gradient(0deg, rgba(6,9,16,.95) 0%, rgba(6,9,16,0) 35%) !important;
  pointer-events: none;
}
.hero-content { align-items: flex-end !important; padding: 40px clamp(20px, 6vw, 90px) !important; }
.hero-inner {
  display: flex; flex-direction: column; align-items: flex-start;
  gap: 18px; max-width: 600px; text-align: right; direction: rtl;
  animation: lubHeroIn .8s ease both;
}
.hero-badge {
  display: inline-flex !important; align-items: center; gap: 8px;
  padding: 8px 16px !important; border-radius: 999px !important;
  background: rgba(18,192,240,.10) !important;
  border: 1px solid rgba(18,192,240,.45) !important;
  color: #bfefff !important; font-size: 13px !important; font-weight: 600 !important;
  backdrop-filter: blur(8px);
  box-shadow: 0 0 24px rgba(18,192,240,.15);
}
.hero-dot { width: 8px; height: 8px; border-radius: 50%; background: #12c0f0; box-shadow: 0 0 10px #12c0f0; animation: lubPulse 1.6s ease-in-out infinite; }
.hero-inner h1 {
  margin: 0 !important; color: #fff !important;
  font-size: clamp(30px, 4.6vw, 60px) !important; font-weight: 800 !important; line-height: 1.25 !important;
  text-shadow: 0 6px 30px rgba(0,0,0,.6);
}
.hero-inner h1 span {
  background: linear-gradient(90deg, #12c0f0, #7ee3ff);
  -webkit-background-clip: text; background-clip: text;
  color: transparent !important; -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 0 18px rgba(18,192,240,.45));
}
.hero-sub { margin: 0 !important; color: #c9d6e2 !important; font-size: clamp(14px, 1.4vw, 18px) !important; }
.hero-buttons { display: flex; gap: 12px; margin-top: 6px; }
.hero-buttons .btn.primary {
  display: inline-flex; align-items: center; justify-content: center;
  padding: 14px 34px !important; border-radius: 14px !important;
  background: linear-gradient(135deg, #12c0f0, #0a8fd6) !important;
  color: #04121c !important; font-size: 16px !important; font-weight: 800 !important;
  box-shadow: 0 10px 30px rgba(18,192,240,.35) !important;
  transition: transform .25s ease, box-shadow .25s ease !important;
}
.hero-buttons .btn.primary:hover { transform: translateY(-2px); box-shadow: 0 14px 40px rgba(18,192,240,.55) !important; }
@keyframes lubHeroIn { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: none; } }
@keyframes lubPulse { 50% { opacity: .35; } }
@media (max-width: 768px) {
  .header-hero-video::after { background: linear-gradient(0deg, rgba(6,9,16,.95) 0%, rgba(6,9,16,.35) 60%, rgba(6,9,16,.2) 100%) !important; }
  .hero-content { align-items: stretch !important; justify-content: flex-end !important; padding: 24px 20px 36px !important; }
  .hero-inner { max-width: none; gap: 14px; }
  .hero-buttons .btn.primary { width: 100%; }
}
/* ================= /Hero redesign ================= */

/* ================= LUB – Nav icons ================= */
#custom-secondary-nav .navIcon {
  display: inline-grid !important; place-items: center;
  color: #12c0f0 !important;
  background: rgba(18,192,240,.10) !important;
  border: 1px solid rgba(18,192,240,.30) !important;
}
#custom-secondary-nav .navIcon svg { width: 20px; height: 20px; stroke: currentColor; }
#custom-secondary-nav li:hover .navIcon { background: #12c0f0 !important; color: #04121c !important; }
/* ================= /Nav icons ================= */

/* ================= LUB – Support chat theme (n8n) ================= */
:root {
  --chat--color-primary: #12c0f0;
  --chat--color-primary-shade-50: #0fa9d4;
  --chat--color-primary-shade-100: #0a8fd6;
  --chat--color-secondary: #12c0f0;
  --chat--color-secondary-shade-50: #0fa9d4;
  --chat--color-white: #ffffff;
  --chat--color-light: #070b14;
  --chat--color-light-shade-50: #0d1422;
  --chat--color-light-shade-100: #16202f;
  --chat--color-medium: #1c2736;
  --chat--color-dark: #e6f6ff;
  --chat--color-disabled: #5b6b7d;
  --chat--color-typing: #9fb3c8;
  --chat--window--border-radius: 20px;
  --chat--window--border: 1px solid rgba(18,192,240,.35);
  --chat--header--background: linear-gradient(135deg, #0b1a2b, #06101d);
  --chat--header--color: #ffffff;
  --chat--header--border-bottom: 1px solid rgba(18,192,240,.25);
  --chat--heading--font-size: 20px;
  --chat--subtitle--font-size: 13px;
  --chat--message--border-radius: 16px;
  --chat--message--bot--background: #111b2a;
  --chat--message--bot--color: #e6f6ff;
  --chat--message--bot--border: 1px solid rgba(255,255,255,.06);
  --chat--message--user--background: #12c0f0;
  --chat--message--user--color: #04121c;
  --chat--toggle--background: #12c0f0;
  --chat--toggle--hover--background: #0fa9d4;
  --chat--toggle--active--background: #0a8fd6;
  --chat--toggle--color: #04121c;
  --chat--toggle--size: 58px;
  --chat--input--background: #0d1422;
  --chat--input--text-color: #e6f6ff;
  --chat--input--border: 1px solid rgba(18,192,240,.25);
}
.chat-window { box-shadow: 0 20px 60px rgba(0,0,0,.6), 0 0 40px rgba(18,192,240,.15) !important; overflow: hidden; }
.chat-window .chat-header { background: linear-gradient(135deg, #0b1a2b, #06101d) !important; border-bottom: 1px solid rgba(18,192,240,.25); }
.chat-window .chat-header h1 { color: #fff !important; font-weight: 800 !important; }
.chat-window .chat-header p { color: #8fdcf5 !important; }
.chat-window .chat-body,
.chat-window .chat-messages-list,
.chat-window .chat-footer,
.chat-window .chat-layout { background: #070b14 !important; }
.chat-message { border-radius: 16px !important; max-width: 85% !important; line-height: 1.6; }
.chat-message.chat-message-from-bot { background: #111b2a !important; color: #e6f6ff !important; border: 1px solid rgba(255,255,255,.06); margin-left: auto !important; margin-right: 0 !important; border-top-right-radius: 4px !important; }
.chat-message.chat-message-from-user { background: #12c0f0 !important; color: #04121c !important; margin-right: auto !important; margin-left: 0 !important; border-top-left-radius: 4px !important; }
.chat-message * { color: inherit !important; }
.chat-inputs { background: #0d1422 !important; border-top: 1px solid rgba(18,192,240,.2) !important; }
.chat-inputs textarea { background: transparent !important; color: #e6f6ff !important; }
.chat-inputs textarea::placeholder { color: #6f8396 !important; }
.chat-input-send-button { color: #12c0f0 !important; }
.chat-powered-by { opacity: .35; font-size: 11px; }
.chat-window-toggle { box-shadow: 0 8px 26px rgba(18,192,240,.45) !important; }
/* ================= /Support chat theme ================= */

/* ================= LUB – Animated nav icons ================= */
#custom-secondary-nav .navIcon { position: relative; overflow: visible; transition: background .3s ease, box-shadow .3s ease, color .3s ease; }
#custom-secondary-nav .navIcon svg { color: #12c0f0; stroke: currentColor; transform-origin: center; }
/* soft glow pulse around every icon */
#custom-secondary-nav .navIcon::after {
  content: ""; position: absolute; inset: -1px; border-radius: inherit;
  box-shadow: 0 0 0 0 rgba(18,192,240,.45);
  animation: lubNavGlow 2.8s ease-out infinite;
  pointer-events: none;
}
#custom-secondary-nav li:nth-child(2) .navIcon::after { animation-delay: .9s; }
#custom-secondary-nav li:nth-child(3) .navIcon::after { animation-delay: 1.8s; }
/* idle motion per icon */
#elNavSecondary_11 .navIcon svg { animation: lubCart 3s ease-in-out infinite; }
#elNavSecondary_31 .navIcon svg { animation: lubTag 2.6s ease-in-out infinite; transform-origin: 80% 20%; }
#elNavSecondary_42 .navIcon svg { animation: lubDoc 3.4s ease-in-out infinite; }
/* hover: fill + faster motion */
#custom-secondary-nav li:hover .navIcon { background: #12c0f0 !important; box-shadow: 0 0 22px rgba(18,192,240,.6); }
#custom-secondary-nav li:hover .navIcon svg { color: #04121c; animation-duration: .9s; }
@keyframes lubNavGlow { 0% { box-shadow: 0 0 0 0 rgba(18,192,240,.45); } 70%,100% { box-shadow: 0 0 0 10px rgba(18,192,240,0); } }
@keyframes lubCart { 0%,60%,100% { transform: translateX(0); } 70% { transform: translateX(-3px) rotate(-6deg); } 80% { transform: translateX(3px) rotate(4deg); } 90% { transform: translateX(-1px); } }
@keyframes lubTag { 0%,55%,100% { transform: rotate(0); } 65% { transform: rotate(-14deg); } 75% { transform: rotate(10deg); } 85% { transform: rotate(-5deg); } }
@keyframes lubDoc { 0%,60%,100% { transform: translateY(0); } 70% { transform: translateY(-3px); } 80% { transform: translateY(0); } 88% { transform: translateY(-1.5px); } }
@media (prefers-reduced-motion: reduce) { #custom-secondary-nav .navIcon svg, #custom-secondary-nav .navIcon::after { animation: none !important; } }
/* ================= /Animated nav icons ================= */

/* ================= LUB – CTA promo card ================= */
.cFooter_promoCard {
  position: relative; overflow: hidden;
  border-radius: 24px !important;
  border: 1px solid rgba(18,192,240,.30) !important;
  background:
    radial-gradient(80% 120% at 100% 0%, rgba(18,192,240,.18), transparent 60%),
    radial-gradient(60% 100% at 0% 100%, rgba(18,192,240,.10), transparent 60%),
    linear-gradient(180deg, #0c1420, #070b13) !important;
  box-shadow: 0 20px 60px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.05) !important;
  padding: 44px 28px !important;
}
.cFooter_promoCard::before {
  content: ""; position: absolute; top: 0; left: 15%; right: 15%; height: 2px;
  background: linear-gradient(90deg, transparent, #12c0f0, transparent);
}
.cFooter_promoContent { display: flex; flex-direction: column; align-items: center; gap: 14px; text-align: center; position: relative; }
.cFooter_promoEyebrow {
  display: inline-block; padding: 5px 14px; border-radius: 999px;
  font-size: 12px; font-weight: 700; letter-spacing: 2px;
  color: #12c0f0 !important; background: rgba(18,192,240,.10); border: 1px solid rgba(18,192,240,.35);
}
.cFooter_promoTitle { margin: 0 !important; font-size: clamp(22px, 3vw, 34px) !important; font-weight: 800 !important; color: #fff !important; line-height: 1.35 !important; }
.cFooter_promoHighlight {
  background: linear-gradient(90deg, #12c0f0, #7ee3ff);
  -webkit-background-clip: text; background-clip: text;
  color: transparent !important; -webkit-text-fill-color: transparent;
}
.cFooter_promoSub { margin: 0 !important; color: #9fb3c8 !important; font-size: 14px !important; }
.cFooter_promoActions { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-top: 10px; }
.cFooter_promoButton {
  display: inline-flex !important; align-items: center; gap: 10px;
  padding: 14px 28px !important; border-radius: 14px !important;
  font-size: 15px !important; font-weight: 800 !important;
  transition: transform .25s ease, box-shadow .25s ease, background .25s ease !important;
}
.cFooter_promoButton--primary {
  background: linear-gradient(135deg, #12c0f0, #0a8fd6) !important;
  color: #04121c !important; opacity: 1 !important;
  box-shadow: 0 10px 30px rgba(18,192,240,.35) !important;
}
.cFooter_promoButton--primary *, .cFooter_promoButton--primary svg { color: #04121c !important; fill: #04121c !important; }
.cFooter_promoButton--primary:hover { transform: translateY(-2px); box-shadow: 0 14px 40px rgba(18,192,240,.55) !important; }
.cFooter_promoButton--secondary {
  background: rgba(37,211,102,.08) !important;
  border: 1px solid rgba(37,211,102,.45) !important;
  color: #e9fff1 !important;
}
.cFooter_promoButton--secondary svg { fill: #25d366 !important; }
.cFooter_promoButton--secondary:hover { background: #25d366 !important; color: #04121c !important; transform: translateY(-2px); }
.cFooter_promoButton--secondary:hover svg, .cFooter_promoButton--secondary:hover * { fill: #04121c !important; color: #04121c !important; }
@media (max-width: 600px) { .cFooter_promoButton { width: 100%; justify-content: center; } }
/* ================= /CTA promo card ================= */


/* ================= LUB – Seamless bottom sections ================= */
section.s-block--features::before { background: radial-gradient(60% 45% at 50% 70%, rgba(133,209,221,.08) 0%, rgba(0,0,0,0) 70%) !important; }
section.s-block--features { padding-bottom: 40px !important; }
footer.store-footer { margin-top: 0 !important; border-top: 0 !important; background: transparent !important; }
#custom-footer-wrapper { background: linear-gradient(180deg, rgb(8,14,20) 0%, rgb(8,14,20) 45%, #040810 100%) !important; }
.cFooter_promo { background: transparent !important; padding-top: 0 !important; }
.cFooter_main { border-top: 0 !important; position: relative; }
.cFooter_main::before {
  content: ""; position: absolute; top: 0; left: 10%; right: 10%; height: 1px;
  background: linear-gradient(90deg, transparent, rgba(18,192,240,.25), transparent);
}
/* ================= /Seamless bottom sections ================= */

/* ================= LUB – Chat header + footer tweaks ================= */
.chat-powered-by, .chat-footer .chat-powered-by { display: none !important; }
.chat-window .chat-header { position: relative; padding-left: 86px !important; min-height: 84px; display: flex; flex-direction: column; justify-content: center; }
/* store logo avatar on the empty side of the header */
.chat-window .chat-header::before {
  content: ""; position: absolute; left: 20px; top: 50%; transform: translateY(-50%);
  width: 50px; height: 50px; border-radius: 16px;
  background: #0b1a2b url("https://cdn.salla.sa/cdn-cgi/image/fit=scale-down,width=400,height=400,onerror=redirect,format=auto/rAVWn/LO6ChYpeHg6S3wHZ3S4c7UTLRlCMfDe4ifk2jLhc.png") center / 30px no-repeat;
  border: 1px solid rgba(18,192,240,.5);
  box-shadow: 0 0 18px rgba(18,192,240,.3);
}
/* online dot */
.chat-window .chat-header::after {
  content: ""; position: absolute; left: 62px; top: calc(50% + 14px);
  width: 12px; height: 12px; border-radius: 50%;
  background: #22c55e; border: 2px solid #06101d;
  box-shadow: 0 0 8px rgba(34,197,94,.8);
}
.chat-window .chat-header h1 { margin: 0 0 4px !important; font-size: 20px !important; }
.chat-window .chat-header p { margin: 0 !important; display: flex; align-items: center; gap: 6px; }
.chat-window .chat-header p::before { content: "● متصل الآن  ·"; color: #22c55e; font-size: 12px; }
/* ================= /Chat header + footer tweaks ================= */


/* ================= LUB – Chat window sits above its button ================= */
.chat-window-wrapper .chat-window {
  position: fixed !important;
  right: 16px !important;
  left: auto !important;
  bottom: calc(110px + 58px + 16px) !important; /* toggle offset + toggle size + gap */
  max-height: calc(100vh - 110px - 58px - 40px) !important;
}
@media (max-width: 480px) {
  .chat-window-wrapper .chat-window { right: 10px !important; left: 10px !important; width: auto !important; }
}
/* ================= /Chat window position ================= */


/* ================= LUB – Feature cards match the CTA card ================= */
section.s-block--features .angel-feature {
  position: relative; overflow: hidden;
  border-radius: 24px !important;
  border: 1px solid rgba(18,192,240,.30) !important;
  background:
    radial-gradient(90% 120% at 100% 0%, rgba(18,192,240,.16), transparent 60%),
    radial-gradient(70% 100% at 0% 100%, rgba(18,192,240,.08), transparent 60%),
    linear-gradient(180deg, #0c1420, #070b13) !important;
  box-shadow: 0 20px 50px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.05) !important;
  padding: 34px 20px !important;
  transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}
section.s-block--features .angel-feature::before {
  content: ""; position: absolute; top: 0; left: 18%; right: 18%; height: 2px;
  background: linear-gradient(90deg, transparent, #12c0f0, transparent);
}
section.s-block--features .angel-feature:hover {
  transform: translateY(-4px);
  border-color: rgba(18,192,240,.6) !important;
  box-shadow: 0 24px 60px rgba(0,0,0,.45), 0 0 30px rgba(18,192,240,.18) !important;
}
section.s-block--features .angel-feature > div:first-child {
  border-radius: 18px !important;
  background: rgba(18,192,240,.10) !important;
  border: 1px solid rgba(18,192,240,.45) !important;
  box-shadow: 0 0 22px rgba(18,192,240,.2);
}
section.s-block--features .angel-feature .has-num {
  font-size: clamp(22px, 2.4vw, 32px) !important; font-weight: 800 !important;
  background: linear-gradient(90deg, #12c0f0, #7ee3ff);
  -webkit-background-clip: text; background-clip: text;
  color: transparent !important; -webkit-text-fill-color: transparent;
  direction: ltr;
}
section.s-block--features .angel-feature .has-num + * ,
section.s-block--features .angel-feature .mt-2 > p:not(.has-num) { color: #9fb3c8 !important; font-size: 14px !important; }
/* ================= /Feature cards ================= */

/* ================= LUB – Space between CTA card and footer line ================= */
.cFooter_promo { padding-bottom: 56px !important; }
.cFooter_main { margin-top: 0 !important; }
/* ================= /CTA spacing ================= */


/* ================= LUB – Chat typing effect ================= */
.chat-message.lub-typing { min-height: 44px; }
.chat-message.lub-typing > * { display: none !important; }
.chat-message.lub-typing::after {
  content: "• • •"; display: inline-block; letter-spacing: 2px;
  color: #12c0f0; font-size: 18px; line-height: 1;
  animation: lubTypingDots 1s ease-in-out infinite;
}
.chat-message.lub-typed-in { animation: lubMsgIn .25s ease both; }
@keyframes lubTypingDots { 0%,100% { opacity: .3; } 50% { opacity: 1; } }
@keyframes lubMsgIn { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
/* ================= /Chat typing effect ================= */

/* ================= LUB – FAQ + reviews use the same card style ================= */
/* shared section background (same soft glow as "مميزات المتجر") */
section.s-block--faqs,
#custom-testimonials { position: relative; background: rgb(8,14,20) !important; }
section.s-block--faqs::before,
#custom-testimonials::before {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: radial-gradient(60% 45% at 50% 60%, rgba(133,209,221,.07) 0%, rgba(0,0,0,0) 70%);
}
section.s-block--faqs > *, #custom-testimonials > * { position: relative; }
section.s-block--faqs h2 { color: #fff !important; }

/* FAQ boxes */
section.s-block--faqs .faqs-list__item,
#custom-testimonials .ctm-card {
  position: relative; overflow: hidden;
  border-radius: 20px !important;
  border: 1px solid rgba(18,192,240,.28) !important;
  background:
    radial-gradient(90% 140% at 100% 0%, rgba(18,192,240,.14), transparent 60%),
    radial-gradient(70% 120% at 0% 100%, rgba(18,192,240,.06), transparent 60%),
    linear-gradient(180deg, #0c1420, #070b13) !important;
  box-shadow: 0 14px 40px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.05) !important;
  transition: border-color .3s ease, box-shadow .3s ease;
}
section.s-block--faqs .faqs-list__item::before,
#custom-testimonials .ctm-card::before {
  content: ""; position: absolute; top: 0; left: 18%; right: 18%; height: 2px;
  background: linear-gradient(90deg, transparent, #12c0f0, transparent);
  pointer-events: none;
}
section.s-block--faqs .faqs-list__item:hover,
#custom-testimonials .ctm-card:hover {
  border-color: rgba(18,192,240,.6) !important;
  box-shadow: 0 18px 48px rgba(0,0,0,.4), 0 0 26px rgba(18,192,240,.16) !important;
}
section.s-block--faqs .faqs-list__item label { color: #fff !important; font-weight: 700 !important; font-size: 15px !important; }
section.s-block--faqs .faq-answer, section.s-block--faqs .faq-answer * { color: #9fb3c8 !important; }
section.s-block--faqs .open-badge {
  background: rgba(18,192,240,.12) !important;
  color: #12c0f0 !important;
  border: 1px solid rgba(18,192,240,.45) !important;
  border-radius: 10px !important;
  transition: transform .3s ease, background .3s ease;
}
section.s-block--faqs input:checked + .faqs-list__item .open-badge { transform: rotate(45deg); background: #12c0f0 !important; color: #04121c !important; }

/* review cards */
#custom-testimonials .ctm-card { padding: 20px 22px !important; }
#custom-testimonials .ctm-name { color: #fff !important; font-weight: 700 !important; }
#custom-testimonials .ctm-stars { color: #12c0f0 !important; letter-spacing: 1px; }
#custom-testimonials .ctm-text { color: #c9d6e2 !important; }
#custom-testimonials .ctm-avatar img,
#custom-testimonials .ctm-avatar-fallback { border: 1px solid rgba(18,192,240,.45); box-shadow: 0 0 14px rgba(18,192,240,.2); }
#custom-testimonials .ctm-title-accent { color: #12c0f0 !important; }
/* ================= /FAQ + reviews ================= */

/* remove the top shine line on FAQ + review cards */
section.s-block--faqs .faqs-list__item::before,
#custom-testimonials .ctm-card::before { display: none !important; }


/* ================= LUB – Header blends into the hero + light nav bar ================= */
header.store-header {
  background: #070b13 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}
header.store-header::before { opacity: .5; }
/* hero fades in from the header colour, so there is no hard edge */
.header-hero-video::before {
  content: ""; position: absolute; left: 0; right: 0; top: 0; height: 120px; z-index: 2;
  background: linear-gradient(180deg, #070b13 0%, rgba(7,11,19,0) 100%);
  pointer-events: none;
}
/* nav bar: simple, light glass background */
#custom-secondary-nav,
#custom-secondary-nav .ipsLayout_container,
#custom-secondary-nav .headerRow_nav { background: transparent !important; border: 0 !important; box-shadow: none !important; }
#custom-secondary-nav .ipsNavBar_primary {
  background: rgba(255,255,255,.04) !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  box-shadow: none !important;
  backdrop-filter: blur(10px);
  border-radius: 999px !important;
}
/* icons without boxes */
#custom-secondary-nav .navIcon {
  background: transparent !important; border: 0 !important; box-shadow: none !important;
  width: auto !important; height: auto !important;
}
#custom-secondary-nav .navIcon::after { display: none !important; }
#custom-secondary-nav li:hover .navIcon { background: transparent !important; box-shadow: none !important; }
#custom-secondary-nav li:hover .navIcon svg { color: #12c0f0 !important; }
#custom-secondary-nav li > a:hover { color: #12c0f0 !important; }
/* ================= /Header blend ================= */

/* ================= LUB – Animated feature icons ================= */
section.s-block--features .angel-feature > div:first-child { position: relative; }
section.s-block--features .angel-feature > div:first-child > * { display: none !important; }
section.s-block--features .angel-feature > div:first-child::before {
  content: ""; width: 46%; height: 46%;
  background: linear-gradient(135deg, #12c0f0, #7ee3ff);
  -webkit-mask: var(--lub-ico) center / contain no-repeat;
          mask: var(--lub-ico) center / contain no-repeat;
  filter: drop-shadow(0 0 8px rgba(18,192,240,.6));
}
/* RTL order: 1 = عميل, 2 = تقييم, 3 = طلب */
section.s-block--features .angel-feature:nth-child(1) > div:first-child { --lub-ico: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M16%2021v-2a4%204%200%200%200-4-4H6a4%204%200%200%200-4%204v2%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%227%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M22%2021v-2a4%204%200%200%200-3-3.87%22%2F%3E%3Cpath%20d%3D%22M16%203.13a4%204%200%200%201%200%207.75%22%2F%3E%3C%2Fsvg%3E"); }
section.s-block--features .angel-feature:nth-child(2) > div:first-child { --lub-ico: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%202l3.09%206.26L22%209.27l-5%204.87%201.18%206.88L12%2017.77l-6.18%203.25L7%2014.14%202%209.27l6.91-1.01L12%202z%22%2F%3E%3C%2Fsvg%3E"); }
section.s-block--features .angel-feature:nth-child(3) > div:first-child { --lub-ico: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%202%203%206v14a2%202%200%200%200%202%202h14a2%202%200%200%200%202-2V6l-3-4z%22%2F%3E%3Cpath%20d%3D%22M3%206h18%22%2F%3E%3Cpath%20d%3D%22M16%2010a4%204%200%200%201-8%200%22%2F%3E%3C%2Fsvg%3E"); }
section.s-block--features .angel-feature:nth-child(1) > div:first-child::before { animation: lubFeatBob 2.4s ease-in-out infinite; }
section.s-block--features .angel-feature:nth-child(2) > div:first-child::before { animation: lubFeatStar 3s ease-in-out infinite; }
section.s-block--features .angel-feature:nth-child(3) > div:first-child::before { animation: lubFeatBag 2.8s ease-in-out infinite; transform-origin: 50% 10%; }
/* pulsing ring around the icon box */
section.s-block--features .angel-feature > div:first-child::after {
  content: ""; position: absolute; inset: -1px; border-radius: inherit;
  animation: lubFeatRing 2.6s ease-out infinite; pointer-events: none;
}
section.s-block--features .angel-feature:nth-child(2) > div:first-child::after { animation-delay: .8s; }
section.s-block--features .angel-feature:nth-child(3) > div:first-child::after { animation-delay: 1.6s; }
section.s-block--features .angel-feature:hover > div:first-child::before { animation-duration: 1s; }
@keyframes lubFeatBob { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-4px); } }
@keyframes lubFeatStar { 0%,70%,100% { transform: rotate(0) scale(1); } 80% { transform: rotate(-12deg) scale(1.15); } 90% { transform: rotate(10deg) scale(1.1); } }
@keyframes lubFeatBag { 0%,60%,100% { transform: rotate(0); } 70% { transform: rotate(-10deg); } 80% { transform: rotate(8deg); } 90% { transform: rotate(-4deg); } }
@keyframes lubFeatRing { 0% { box-shadow: 0 0 0 0 rgba(18,192,240,.45); } 70%,100% { box-shadow: 0 0 0 12px rgba(18,192,240,0); } }
@media (prefers-reduced-motion: reduce) { section.s-block--features .angel-feature > div:first-child::before, section.s-block--features .angel-feature > div:first-child::after { animation: none !important; } }
/* ================= /Animated feature icons ================= */

/* ================= LUB – "ليش تختار متجرنا" cards ================= */
.whyChoose_columns > li {
  position: relative; overflow: hidden;
  border-radius: 24px !important;
  border: 1px solid rgba(18,192,240,.28) !important;
  background:
    radial-gradient(90% 120% at 100% 0%, rgba(18,192,240,.14), transparent 60%),
    radial-gradient(70% 100% at 0% 100%, rgba(18,192,240,.06), transparent 60%),
    linear-gradient(180deg, #0c1420, #070b13) !important;
  box-shadow: 0 18px 46px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.05) !important;
  transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease;
}
.whyChoose_columns > li:hover {
  transform: translateY(-4px);
  border-color: rgba(18,192,240,.6) !important;
  box-shadow: 0 22px 56px rgba(0,0,0,.45), 0 0 30px rgba(18,192,240,.16) !important;
}
.whyChoose_cardTitle { color: #fff !important; font-weight: 800 !important; }
.whyChoose_cardSubtitle { color: #12c0f0 !important; }
.whyChoose_cardDesc { color: #b3c3d3 !important; line-height: 1.9 !important; }
/* big faint icon in the corner */
.whyChoose_bgIcon { color: rgba(18,192,240,.07) !important; opacity: 1 !important; }
.whyChoose_bgIcon svg { color: rgba(18,192,240,.07) !important; fill: currentColor !important; }
/* icon tile */
.whyChoose_icon {
  position: relative;
  display: grid !important; place-items: center;
  width: 52px !important; height: 52px !important; flex: 0 0 52px;
  border-radius: 16px !important;
  background: rgba(18,192,240,.10) !important;
  border: 1px solid rgba(18,192,240,.45) !important;
  box-shadow: 0 0 22px rgba(18,192,240,.2);
}
.whyChoose_icon svg { width: 24px !important; height: 24px !important; color: #12c0f0 !important; fill: #12c0f0 !important; filter: drop-shadow(0 0 6px rgba(18,192,240,.6)); }
.whyChoose_icon::after {
  content: ""; position: absolute; inset: -1px; border-radius: inherit; pointer-events: none;
  animation: lubFeatRing 2.6s ease-out infinite;
}
.whyChoose_columns > li:nth-child(2) .whyChoose_icon::after { animation-delay: .8s; }
.whyChoose_columns > li:nth-child(3) .whyChoose_icon::after { animation-delay: 1.6s; }
/* 1 = support (headset), 2 = safety (shield user), 3 = exclusive (gem) */
.whyChoose_columns > li:nth-child(1) .whyChoose_icon svg { animation: lubWhyTilt 2.6s ease-in-out infinite; }
.whyChoose_columns > li:nth-child(2) .whyChoose_icon svg { animation: lubWhyPulse 2.2s ease-in-out infinite; }
.whyChoose_columns > li:nth-child(3) .whyChoose_icon svg { animation: lubWhyShine 3s ease-in-out infinite; }
.whyChoose_columns > li:hover .whyChoose_icon svg { animation-duration: 1s; }
@keyframes lubWhyTilt { 0%,100% { transform: rotate(0); } 25% { transform: rotate(-10deg); } 75% { transform: rotate(10deg); } }
@keyframes lubWhyPulse { 0%,100% { transform: scale(1); } 50% { transform: scale(1.15); } }
@keyframes lubWhyShine { 0%,100% { transform: translateY(0) rotate(0); filter: drop-shadow(0 0 6px rgba(18,192,240,.6)); } 50% { transform: translateY(-3px) rotate(8deg); filter: drop-shadow(0 0 14px rgba(126,227,255,.95)); } }
@media (prefers-reduced-motion: reduce) { .whyChoose_icon svg, .whyChoose_icon::after { animation: none !important; } }
/* ================= /"ليش تختار متجرنا" ================= */

/* ================= LUB – Footer payment icons ================= */
.cFooter_paymentsGrid salla-payments,
.cFooter_paymentsGrid salla-payments > *,
.cFooter_paymentsGrid ul { display: flex !important; flex-wrap: wrap; gap: 8px; padding: 0 !important; margin: 0 !important; list-style: none; }
.cFooter_paymentsGrid li { margin: 0 !important; }
.cFooter_paymentsGrid img {
  height: 30px !important; width: auto !important; max-width: 64px;
  object-fit: contain;
  padding: 4px 8px; border-radius: 8px;
  background: #ffffff; box-sizing: content-box;
}
/* ================= /Footer payment icons ================= */

/* ================= LUB – Header rebuild: one row, sits on top of the hero ================= */
header.store-header {
  position: relative !important;
  z-index: 30 !important;
  background: transparent !important;
}
header.store-header .headerBackground,
header.store-header::before { display: none !important; }
header.store-header .header-inner,
header.store-header #mainnav { background: transparent !important; box-shadow: none !important; border: 0 !important; }
header.store-header .nav-header { display: none !important; }
/* non-home pages keep a solid header */
body:not(:has(.header-hero-video)) header.store-header { background: #070b13 !important; }

/* home page: header floats over the hero video */
body:has(.header-hero-video) header.store-header {
  position: absolute !important;
  top: 0 !important; left: 0 !important; right: 0 !important; width: 100% !important;
  background: linear-gradient(180deg, rgba(5,8,14,.85) 0%, rgba(5,8,14,.35) 70%, rgba(5,8,14,0) 100%) !important;
}
body:has(.header-hero-video) .header-hero-video { margin-top: 0 !important; min-height: 560px !important; height: 72vh !important; max-height: 720px !important; }
body:has(.header-hero-video) .header-hero-video::before { display: none !important; }
body:has(.header-hero-video) .hero-content { padding-top: 140px !important; }

/* wide screens: nav pill sits in the same row as the logo and the account icons */
@media (min-width: 1200px) {
  #custom-secondary-nav {
    position: absolute !important;
    top: 0 !important; left: 50% !important; transform: translateX(-50%);
    height: 96px; width: auto !important;
    display: flex !important; align-items: center;
    z-index: 5;
  }
  #custom-secondary-nav .ipsLayout_container,
  #custom-secondary-nav .headerRow_nav { width: auto !important; height: auto !important; padding: 0 !important; }
  #custom-secondary-nav .ipsNavBar_primary { padding: 6px 26px !important; }
  #custom-secondary-nav ul[data-role="primaryNavBar"] { gap: 40px; }
  body:has(.header-hero-video) .hero-content { padding-top: 110px !important; }
}
@media (min-width: 1200px) and (max-width: 1440px) {
  #custom-secondary-nav ul[data-role="primaryNavBar"] { gap: 18px; }
  #custom-secondary-nav .ipsNavBar_primary { padding: 4px 16px !important; }
}
/* ================= /Header rebuild ================= */

/* no blur behind the header / link bar */
header.store-header,
header.store-header *,
#custom-secondary-nav,
#custom-secondary-nav * { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }

/* menu open: no blur on the page behind it, only a light dim */
.mm-ocd__backdrop { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; background: rgba(3,6,12,.45) !important; }
.mm-ocd-opened .app-inner, .mm-ocd-opened #app, .mm-ocd-opened main, .mm-ocd-opened header.store-header, .mm-ocd-opened .header-hero-video { filter: none !important; }

/* the blur comes from the menu container itself */
.mm-ocd, .mm-ocd.mm-ocd--open { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }

/* soft black fade behind the top bar so the header links stand out over the video */
body:has(.header-hero-video) header.store-header {
  background: linear-gradient(180deg, rgba(0,0,0,.78) 0%, rgba(0,0,0,.45) 55%, rgba(0,0,0,0) 100%) !important;
  padding-bottom: 30px;
}

/* when the top bar sticks while scrolling, give it a solid dark background */
#mainnav.fixed-pinned .header-inner {
  background: linear-gradient(180deg, rgba(5,8,14,.97), rgba(7,11,19,.92)) !important;
  box-shadow: 0 10px 30px rgba(0,0,0,.45) !important;
  border-bottom: 1px solid rgba(18,192,240,.15) !important;
}

/* payment icons: one clean white tile each (no box-inside-a-box) */
.cFooter_paymentsGrid .s-payments-list { display: flex !important; flex-wrap: wrap; gap: 8px !important; }
.cFooter_paymentsGrid .s-payments-list-item {
  width: 64px !important; height: 40px !important;
  display: grid !important; place-items: center;
  padding: 6px 8px !important; margin: 0 !important;
  background: #ffffff !important; border: 0 !important; border-radius: 10px !important;
  box-shadow: 0 4px 12px rgba(0,0,0,.25) !important; overflow: hidden; box-sizing: border-box;
}
.cFooter_paymentsGrid .s-payments-list-item img {
  width: auto !important; height: auto !important;
  max-width: 100% !important; max-height: 100% !important;
  padding: 0 !important; margin: 0 !important;
  background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important;
  object-fit: contain;
}

/* sticky top bar: hides while scrolling down, comes back when scrolling up */
#mainnav .header-inner { transition: transform .35s ease, background .3s ease, box-shadow .3s ease !important; }
#mainnav.fixed-pinned.lub-nav-hidden .header-inner { transform: translateY(-110%) !important; box-shadow: none !important; }
/* payment tiles: see-through instead of white */
.cFooter_paymentsGrid .s-payments-list-item {
  background: rgba(255,255,255,.05) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow: none !important;
}
.cFooter_paymentsGrid .s-payments-list-item img { max-height: 26px !important; }

/* hide the wing logo above the product rows */
.angel-products-title .angel-products-img { display: none !important; }

/* remove the SBC badge from the payment icons (it's already shown at the bottom of the footer) */
.cFooter_paymentsGrid .s-payments-list-item:has(img[alt="SBC"]),
.cFooter_paymentsGrid .s-payments-list-item:has(img[src*="sbc"]) { display: none !important; }

/* middle link bar follows the sticky top bar (shows / hides together with it) */
@media (min-width: 1200px) {
  #custom-secondary-nav { transition: transform .35s ease !important; }
  #mainnav.fixed-pinned ~ #custom-secondary-nav {
    position: fixed !important;
    top: 0 !important; left: 50% !important;
    transform: translateX(-50%);
    z-index: 1001 !important;
  }
  #mainnav.fixed-pinned.lub-nav-hidden ~ #custom-secondary-nav { transform: translate(-50%, -110%) !important; }
}

/* payment icons in one row */
.cFooter_paymentsGrid, .cFooter_paymentsGrid salla-payments { width: auto !important; max-width: none !important; }
.cFooter_paymentsGrid .s-payments-list { flex-wrap: nowrap !important; gap: 6px !important; width: max-content !important; }
.cFooter_paymentsGrid .s-payments-list-item { width: 58px !important; height: 38px !important; flex: 0 0 58px; }


/* ================= LUB – Product cards ================= */
custom-salla-product-card.s-product-card-entry {
  position: relative; overflow: hidden;
  border-radius: 20px !important;
  border: 1px solid rgba(18,192,240,.22) !important;
  background:
    radial-gradient(90% 60% at 100% 100%, rgba(18,192,240,.10), transparent 60%),
    linear-gradient(180deg, #0c1420, #070b13) !important;
  box-shadow: 0 14px 36px rgba(0,0,0,.4) !important;
  transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease !important;
}
custom-salla-product-card.s-product-card-entry:hover {
  transform: translateY(-5px);
  border-color: rgba(18,192,240,.6) !important;
  box-shadow: 0 20px 46px rgba(0,0,0,.5), 0 0 28px rgba(18,192,240,.18) !important;
}
/* image */
custom-salla-product-card .s-product-card-image { overflow: hidden; border-radius: 19px 19px 0 0 !important; position: relative; }
custom-salla-product-card .s-product-card-image img { transition: transform .5s ease !important; }
custom-salla-product-card:hover .s-product-card-image img { transform: scale(1.06); }
custom-salla-product-card .s-product-card-image::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 40%;
  background: linear-gradient(0deg, rgba(7,11,19,.75), transparent);
  pointer-events: none;
}
/* "ضمان شهر" badge on the image */
custom-salla-product-card .s-product-card-promotion-title {
  top: 12px !important; right: 12px !important; left: auto !important;
  border-radius: 999px !important;
  padding: 4px 12px !important;
  background: rgba(7,11,19,.75) !important;
  border: 1px solid rgba(18,192,240,.6) !important;
  color: #7ee3ff !important; font-size: 12px !important; font-weight: 700 !important;
  backdrop-filter: blur(6px);
  z-index: 3;
}
/* content */
custom-salla-product-card .s-product-card-content { padding: 14px 16px 16px !important; gap: 6px; }
custom-salla-product-card .s-product-card-category {
  background: rgba(18,192,240,.10) !important;
  border: 1px solid rgba(18,192,240,.3) !important;
  color: #8fdcf5 !important;
  border-radius: 999px !important; padding: 3px 10px !important; font-size: 11px !important;
}
custom-salla-product-card .s-product-card-content-title,
custom-salla-product-card .s-product-card-content-title a {
  color: #ffffff !important; font-weight: 700 !important; font-size: 15px !important; line-height: 1.6 !important;
  white-space: normal !important; -webkit-line-clamp: 2 !important; display: -webkit-box !important; -webkit-box-orient: vertical; overflow: hidden;
}
/* subtitle repeats the "ضمان شهر" badge, so hide it */
custom-salla-product-card .s-product-card-content-subtitle { display: none !important; }
/* price */
custom-salla-product-card .s-product-card-sale-price { align-items: baseline; gap: 10px; margin-top: 4px; }
custom-salla-product-card .s-product-card-price,
custom-salla-product-card .s-product-card-sale-price h4 { color: #12c0f0 !important; font-size: 20px !important; font-weight: 800 !important; }
custom-salla-product-card .s-product-card-price-before { color: #6f8396 !important; font-size: 14px !important; text-decoration: line-through; }
/* add to cart */
custom-salla-product-card .s-product-card-content-footer { margin-top: 10px !important; }
custom-salla-product-card .s-product-card-content-footer button.s-button-element {
  height: 44px !important;
  border-radius: 12px !important;
  border: 0 !important;
  background: linear-gradient(135deg, #12c0f0, #0a8fd6) !important;
  color: #04121c !important; font-weight: 800 !important; font-size: 14px !important;
  box-shadow: 0 8px 22px rgba(18,192,240,.3) !important;
  transition: transform .2s ease, box-shadow .2s ease !important;
}
custom-salla-product-card .s-product-card-content-footer button.s-button-element * { color: #04121c !important; }
custom-salla-product-card .s-product-card-content-footer button.s-button-element:hover { transform: translateY(-1px); box-shadow: 0 12px 30px rgba(18,192,240,.5) !important; }
/* wishlist / quick view buttons on the image */
custom-salla-product-card .s-product-card-fixed-btn button,
custom-salla-product-card button.s-product-card-fixed-btn {
  background: rgba(7,11,19,.75) !important; border: 1px solid rgba(18,192,240,.4) !important; color: #7ee3ff !important;
  backdrop-filter: blur(6px);
}
/* ================= /Product cards ================= */

/* product price colours (override the theme red) */
custom-salla-product-card .s-product-card-sale-price .s-product-card-price,
custom-salla-product-card .s-product-card-sale-price .s-product-card-price *,
custom-salla-product-card .s-product-card-sale-price h4,
custom-salla-product-card .s-product-card-sale-price h4 * { color: #12c0f0 !important; }
custom-salla-product-card .s-product-card-price-before,
custom-salla-product-card .s-product-card-price-before * { color: #6f8396 !important; }

/* ===== Product cards: equal height, tidy text, buttons aligned at the bottom ===== */
custom-salla-product-card.s-product-card-entry { display: flex !important; flex-direction: column !important; height: 100% !important; }
custom-salla-product-card .s-product-card-image { flex: 0 0 auto; }
custom-salla-product-card .s-product-card-content { flex: 1 1 auto !important; display: flex !important; flex-direction: column !important; gap: 6px !important; padding: 12px 12px 14px !important; }
custom-salla-product-card .s-product-card-content-main { display: flex; flex-direction: column; gap: 6px; }
custom-salla-product-card .s-product-card-category { font-size: 10.5px !important; padding: 2px 8px !important; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/* title: max 2 lines, same height on every card */
custom-salla-product-card .s-product-card-content-title {
  display: block !important; margin: 0 !important;
  font-size: 13.5px !important; line-height: 1.55 !important;
  height: calc(1.55em * 2) !important; overflow: hidden !important;
}
custom-salla-product-card .s-product-card-content-title a {
  display: -webkit-box !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 2 !important;
  overflow: hidden !important; white-space: normal !important;
  font-size: 13.5px !important; line-height: 1.55 !important; font-weight: 700 !important;
}
/* price row */
custom-salla-product-card .s-product-card-content-sub { margin-top: auto !important; padding-top: 4px; }
custom-salla-product-card .s-product-card-content-sub h4,
custom-salla-product-card .s-product-card-content-sub h4 *,
custom-salla-product-card .s-product-card-content-sub [class*="price"]:not(.s-product-card-price-before),
custom-salla-product-card .s-product-card-content-sub [class*="price"]:not(.s-product-card-price-before) * { color: #12c0f0 !important; fill: #12c0f0 !important; }
custom-salla-product-card .s-product-card-content-sub h4 { font-size: 17px !important; font-weight: 800 !important; margin: 0 !important; }
custom-salla-product-card .s-product-card-price-before, custom-salla-product-card .s-product-card-price-before * { color: #6f8396 !important; fill: #6f8396 !important; font-size: 12.5px !important; }
/* button always at the bottom, full width */
custom-salla-product-card .s-product-card-content-footer { margin-top: 10px !important; width: 100% !important; }
custom-salla-product-card .s-product-card-content-footer salla-add-product-button,
custom-salla-product-card .s-product-card-content-footer salla-add-product-button > div { display: block !important; width: 100% !important; }
custom-salla-product-card .s-product-card-content-footer button.s-button-element { width: 100% !important; height: 40px !important; font-size: 13px !important; border-radius: 12px !important; }
/* slider rows: cards stretch to the same height */
.s-products-slider-card.swiper-slide { height: auto !important; display: flex !important; }
.s-products-slider-card.swiper-slide > custom-salla-product-card { width: 100%; }

/* ===== remove the shadows behind all cards and icon boxes ===== */
section.s-block--features .angel-feature,
section.s-block--features .angel-feature:hover,
.cFooter_promoCard,
section.s-block--faqs .faqs-list__item,
section.s-block--faqs .faqs-list__item:hover,
#custom-testimonials .ctm-card,
#custom-testimonials .ctm-card:hover,
.whyChoose_columns > li,
.whyChoose_columns > li:hover,
custom-salla-product-card.s-product-card-entry,
custom-salla-product-card.s-product-card-entry:hover { box-shadow: none !important; }
section.s-block--features .angel-feature > div:first-child,
.whyChoose_icon,
#custom-testimonials .ctm-avatar img,
#custom-testimonials .ctm-avatar-fallback { box-shadow: none !important; }
section.s-block--features .angel-feature > div:first-child::after,
.whyChoose_icon::after { display: none !important; }


/* ================= LUB – Featured accounts: 3D carousel ================= */
section.angel-products-1 { position: relative; overflow: hidden; }
section.angel-products-1::before {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: radial-gradient(40% 55% at 50% 55%, rgba(18,192,240,.14), transparent 70%);
}
.lub-cf { position: relative; padding: 24px 0 52px; outline: none; user-select: none; -webkit-user-select: none; }
.lub-cf__track {
  --drag: 0px;
  display: grid; justify-items: center; align-items: center;
  perspective: 1600px; touch-action: pan-y; cursor: grab;
}
.lub-cf.is-dragging .lub-cf__track { cursor: grabbing; }
.lub-cf__slide {
  grid-area: 1 / 1;
  width: min(440px, 74vw);
  transition: transform .55s cubic-bezier(.22,.8,.3,1), opacity .45s ease, filter .45s ease;
  will-change: transform;
}
.lub-cf.is-dragging .lub-cf__slide { transition: none; }
.lub-cf__slide img { -webkit-user-drag: none; user-select: none; pointer-events: none; }
.lub-cf__slide custom-salla-product-card.s-product-card-entry {
  border-radius: 22px !important; background: #070b13 !important;
  border: 1px solid rgba(18,192,240,.25) !important;
}
.lub-cf__slide custom-salla-product-card:hover { transform: none !important; }
.lub-cf__slide custom-salla-product-card .s-product-card-image::after { display: none; }

/* positions */
.lub-cf__slide[data-pos="0"]  { transform: translateX(var(--drag)) scale(1); z-index: 5; }
.lub-cf__slide[data-pos="0"] custom-salla-product-card { border: 1.5px solid rgba(18,192,240,.85) !important; }
.lub-cf__slide[data-pos="-1"] { transform: translateX(calc(-68% + var(--drag))) perspective(1600px) rotateY(18deg) scale(.84); z-index: 4; filter: brightness(.65); cursor: pointer; }
.lub-cf__slide[data-pos="1"]  { transform: translateX(calc(68% + var(--drag))) perspective(1600px) rotateY(-18deg) scale(.84); z-index: 4; filter: brightness(.65); cursor: pointer; }
.lub-cf__slide[data-pos="-2"] { transform: translateX(calc(-112% + var(--drag))) scale(.7); z-index: 3; opacity: 0; pointer-events: none; }
.lub-cf__slide[data-pos="2"]  { transform: translateX(calc(112% + var(--drag))) scale(.7); z-index: 3; opacity: 0; pointer-events: none; }
.lub-cf__slide[data-pos="hidden"] { transform: scale(.6); opacity: 0; pointer-events: none; z-index: 1; }
.lub-cf__slide[data-pos="-1"]:hover, .lub-cf__slide[data-pos="1"]:hover { filter: brightness(.85); }
/* side cards: hide the button so only the front card is buyable */
.lub-cf__slide:not([data-pos="0"]) .s-product-card-content-footer { visibility: hidden; }

/* arrows */
.lub-cf__arrow {
  position: absolute; top: calc(50% - 26px); z-index: 10;
  width: 52px; height: 52px; border-radius: 50%;
  display: grid; place-items: center;
  background: rgba(7,11,19,.8); color: #12c0f0;
  border: 1px solid rgba(18,192,240,.55);
  transition: background .2s ease, color .2s ease, transform .2s ease;
  cursor: pointer;
}
.lub-cf__arrow:hover { background: #12c0f0; color: #04121c; transform: scale(1.06); }
.lub-cf__arrow--prev { left: max(8px, calc(50% - 560px)); }
.lub-cf__arrow--next { right: max(8px, calc(50% - 560px)); }

/* dots */
.lub-cf__dots { position: absolute; left: 0; right: 0; bottom: 12px; display: flex; justify-content: center; gap: 8px; }
.lub-cf__dots button { width: 8px; height: 8px; border-radius: 999px; background: rgba(255,255,255,.25); border: 0; padding: 0; transition: width .3s ease, background .3s ease; cursor: pointer; }
.lub-cf__dots button.is-active { width: 26px; background: #12c0f0; }

/* desktop: info bar like the reference (text + price, button on the side) */
@media (min-width: 1024px) {
  .lub-cf__slide .s-product-card-content {
    display: grid !important; grid-template-columns: 1fr auto;
    grid-template-areas: "main footer" "price footer";
    align-items: center; column-gap: 14px; row-gap: 4px; padding: 16px 18px !important;
  }
  .lub-cf__slide .s-product-card-content-main { grid-area: main; }
  .lub-cf__slide .s-product-card-content-sub { grid-area: price; margin-top: 0 !important; padding-top: 0; }
  .lub-cf__slide .s-product-card-content-footer { grid-area: footer; margin-top: 0 !important; width: auto !important; }
  .lub-cf__slide .s-product-card-content-footer button.s-button-element { width: auto !important; padding: 0 22px !important; height: 44px !important; white-space: nowrap; }
  .lub-cf__slide .s-product-card-content-title { height: auto !important; max-height: calc(1.55em * 2); }
}
/* phones: smaller side offset, arrows over the edges */
@media (max-width: 640px) {
  .lub-cf__slide[data-pos="-1"] { transform: translateX(calc(-58% + var(--drag))) scale(.82); }
  .lub-cf__slide[data-pos="1"]  { transform: translateX(calc(58% + var(--drag))) scale(.82); }
  .lub-cf__arrow { width: 42px; height: 42px; top: calc(40% - 21px); }
}
@media (prefers-reduced-motion: reduce) { .lub-cf__slide { transition: none; } }
/* ================= /Featured accounts: 3D carousel ================= */
/* performance: no blur needed on the promo card (solid background behind it) */
.cFooter_promoCard { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }

/* ================= LUB – Product cards on phones: compact ================= */
@media (max-width: 767px) {
  custom-salla-product-card.s-product-card-entry { border-radius: 16px !important; }
  custom-salla-product-card .s-product-card-image { border-radius: 15px 15px 0 0 !important; aspect-ratio: 1 / 1; height: auto !important; }
  custom-salla-product-card .s-product-card-image img { width: 100% !important; height: 100% !important; object-fit: cover; }
  custom-salla-product-card .s-product-card-content { padding: 8px 10px 10px !important; gap: 4px !important; }
  custom-salla-product-card .s-product-card-category { display: none !important; }
  custom-salla-product-card .s-product-card-content-title,
  custom-salla-product-card .s-product-card-content-title a { font-size: 12px !important; line-height: 1.5 !important; }
  custom-salla-product-card .s-product-card-content-title { height: calc(1.5em * 2) !important; }
  custom-salla-product-card .s-product-card-content-sub { padding-top: 2px; }
  custom-salla-product-card .s-product-card-content-sub h4 { font-size: 14px !important; }
  custom-salla-product-card .s-product-card-price-before, custom-salla-product-card .s-product-card-price-before * { font-size: 11px !important; }
  custom-salla-product-card .s-product-card-content-footer { margin-top: 6px !important; }
  custom-salla-product-card .s-product-card-content-footer button.s-button-element { height: 34px !important; font-size: 12px !important; border-radius: 10px !important; padding: 0 6px !important; }
  /* "ضمان شهر" badge smaller, and the heart / eye buttons smaller so they don't cover the image */
  custom-salla-product-card .s-product-card-promotion-title { top: 8px !important; right: 8px !important; padding: 2px 8px !important; font-size: 10px !important; }
  custom-salla-product-card .s-product-card-fixed-btn button,
  custom-salla-product-card button.s-product-card-fixed-btn { width: 28px !important; height: 28px !important; min-width: 0 !important; font-size: 13px !important; }
  /* the 3D carousel cards on phones */
  .lub-cf__slide { width: min(300px, 70vw); }
  .lub-cf__slide .s-product-card-category { display: none !important; }
}
/* ================= /Product cards on phones ================= */

/* ================= LUB – Product page fixes ================= */
/* breadcrumb strip: blend into the page instead of a separate grey band */
div.da-bgg:has(> nav.breadcrumbs),
div.bg-gray-100:has(> nav.breadcrumbs) { background: transparent !important; border: 0 !important; box-shadow: none !important; }
nav.breadcrumbs { padding: 18px 0 6px !important; }
nav.breadcrumbs .s-breadcrumb-wrapper {
  display: inline-flex !important; flex-wrap: wrap; align-items: center; gap: 6px;
  padding: 8px 16px !important; border-radius: 999px !important;
  background: rgba(18,192,240,.06) !important;
  border: 1px solid rgba(18,192,240,.25) !important;
}
nav.breadcrumbs .s-breadcrumb-item, nav.breadcrumbs .s-breadcrumb-item a { color: #9fb3c8 !important; font-size: 12.5px !important; }
nav.breadcrumbs .s-breadcrumb-item a:hover { color: #12c0f0 !important; }
nav.breadcrumbs .s-breadcrumb-item:last-child { color: #fff !important; font-weight: 600; max-width: 60vw; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
nav.breadcrumbs .s-breadcrumb-arrow svg { fill: #12c0f0 !important; opacity: .7; width: 12px; }

/* floating buttons on product pages: the sticky "add to cart" bar pushes WhatsApp up,
   so stack the chat button above WhatsApp instead of on top of it */
body:has(.sticky-product-bar) :is(.chat-window-toggle,#lub-chat-ph) { bottom: 204px !important; }
body:has(.sticky-product-bar) .chat-window-wrapper .chat-window { bottom: calc(204px + 58px + 16px) !important; max-height: calc(100vh - 204px - 58px - 40px) !important; }
@media (max-width: 767px) {
  body:has(.sticky-product-bar) :is(.chat-window-toggle,#lub-chat-ph) { bottom: 236px !important; }
  body:has(.sticky-product-bar) .chat-window-wrapper .chat-window { bottom: calc(236px + 58px + 16px) !important; max-height: calc(100vh - 236px - 58px - 40px) !important; }
  body:has(.sticky-product-bar) .lub-ro { bottom: 130px; }
}
/* ================= /Product page fixes ================= */

/* ================= LUB – Product description & details ================= */
article.full-description.lub-desc-ready {
  background: transparent !important; padding: 0 !important; max-height: none !important; height: auto !important;
}
article.full-description.lub-desc-ready::before, article.full-description.lub-desc-ready::after { display: none !important; }
.lub-desc { display: flex; flex-direction: column; gap: 14px; direction: rtl; }
.lub-desc .lub-desc__ico { flex: 0 0 auto; width: 26px; text-align: center; font-size: 17px; line-height: 1.6; }
.lub-desc__lead {
  display: flex; gap: 10px; align-items: flex-start; margin: 0 !important;
  padding: 16px 18px; border-radius: 18px;
  background: linear-gradient(135deg, rgba(18,192,240,.14), rgba(18,192,240,.04));
  border: 1px solid rgba(18,192,240,.35);
  color: #fff !important; font-size: 15.5px !important; font-weight: 700; line-height: 1.8;
}
.lub-desc__sec {
  padding: 16px 18px; border-radius: 18px;
  background: linear-gradient(180deg, #0c1420, #070b13);
  border: 1px solid rgba(18,192,240,.22);
}
.lub-desc__title {
  display: flex; align-items: center; gap: 8px; margin: 0 0 12px !important; padding-bottom: 10px;
  border-bottom: 1px solid rgba(255,255,255,.07);
  color: #fff !important; font-size: 16px !important; font-weight: 800 !important;
}
.lub-desc__title span:last-child { color: #fff !important; }
.lub-desc__list, .lub-desc__steps { list-style: none !important; margin: 0 !important; padding: 0 !important; display: flex; flex-direction: column; gap: 8px; }
.lub-desc__item, .lub-desc__step {
  display: flex; gap: 8px; align-items: flex-start; margin: 0 !important; padding: 0 !important;
  color: #c9d6e2 !important; font-size: 14px !important; line-height: 1.8 !important;
}
.lub-desc__item::before, .lub-desc__step::marker, .lub-desc__item::marker { content: none !important; display: none !important; }
.lub-desc__item b { color: #fff !important; font-weight: 700; }
.lub-desc__txt, .lub-desc__txt * { color: inherit !important; }
.lub-desc__steps { counter-reset: lubstep; gap: 10px; }
.lub-desc__step { counter-increment: lubstep; align-items: center; padding: 10px 12px !important; border-radius: 12px; background: rgba(255,255,255,.03); border: 1px solid rgba(255,255,255,.06); }
.lub-desc__step::before {
  content: counter(lubstep) !important; display: grid !important; place-items: center; flex: 0 0 28px; height: 28px; border-radius: 9px;
  background: #12c0f0; color: #04121c; font-weight: 800; font-size: 13px;
}
.lub-desc__note {
  display: flex; gap: 8px; align-items: flex-start; margin: 0 !important;
  padding: 12px 16px; border-radius: 14px;
  background: rgba(18,192,240,.06); border: 1px dashed rgba(18,192,240,.35);
  color: #dff6ff !important; font-size: 14px !important; line-height: 1.8;
}
.lub-desc a { color: #12c0f0 !important; text-decoration: none; }

/* "عدد مرات الشراء" / "الكمية المتبقية" boxes */
section.details { border-radius: 16px !important; background: #0c1420 !important; border: 1px solid rgba(18,192,240,.2) !important; }
section.details .details__title { color: #9fb3c8 !important; }
section.details.is-sold .details__title, section.details.is-sold .details__title * { color: #ff8a8a !important; }
section.details .details__container > *:last-child { color: #12c0f0 !important; font-weight: 800; font-size: 16px; }

/* tabs (الخيارات / التقييمات) */
.tabs__product { gap: 8px; }
.tabs__product > * { border-radius: 12px !important; }
#product-tabs .tab-trigger, #product-tabs [role="tab"] { border-radius: 12px !important; }
@media (max-width: 767px) {
  .lub-desc__sec, .lub-desc__lead { padding: 14px; }
  .lub-desc__item, .lub-desc__step, .lub-desc__note { font-size: 13.5px !important; }
}
/* ================= /Product description ================= */


/* ================= LUB – "كمِّل طلبك" (bought together) ================= */
salla-bought-together.s-bought-together-entry {
  display: block; border-radius: 22px !important; padding: 22px !important;
  border: 1px solid rgba(18,192,240,.28) !important;
  background:
    radial-gradient(90% 120% at 100% 0%, rgba(18,192,240,.14), transparent 60%),
    linear-gradient(180deg, #0c1420, #070b13) !important;
}
salla-bought-together .s-bought-together-header { margin-bottom: 14px !important; }
salla-bought-together .s-bought-together-title { color: #fff !important; font-size: 19px !important; font-weight: 800 !important; margin: 0 0 4px !important; }
salla-bought-together .s-bought-together-subtitle { color: #8fdcf5 !important; font-size: 13px !important; margin: 0 !important; }
salla-bought-together .s-bought-together-list { display: flex; flex-direction: column; gap: 10px; }
salla-bought-together .s-bought-together-item {
  display: flex !important; align-items: center; gap: 12px;
  padding: 10px 12px !important; margin: 0 !important;
  border: 1px solid rgba(255,255,255,.07) !important; border-radius: 16px !important;
  background: rgba(255,255,255,.03) !important;
  transition: border-color .25s ease, background .25s ease;
}
salla-bought-together .s-bought-together-item:hover { border-color: rgba(18,192,240,.5) !important; background: rgba(18,192,240,.06) !important; }
salla-bought-together .s-bought-together-item:has(input:not(:checked)) { opacity: .55; }
salla-bought-together .s-bought-together-checkmark {
  border-radius: 8px !important; background: #12c0f0 !important; border-color: #12c0f0 !important; color: #04121c !important;
}
salla-bought-together input:not(:checked) + .s-bought-together-checkmark { background: transparent !important; border: 1.5px solid rgba(18,192,240,.6) !important; }
salla-bought-together .s-bought-together-item-link { display: flex !important; align-items: center; gap: 12px; flex: 1; min-width: 0; text-decoration: none; }
salla-bought-together .s-bought-together-item-img { width: 56px !important; height: 56px !important; border-radius: 12px !important; object-fit: cover; border: 1px solid rgba(18,192,240,.3); flex: 0 0 56px; }
salla-bought-together .s-bought-together-item-name {
  color: #fff !important; font-size: 14px !important; font-weight: 600; line-height: 1.6;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
salla-bought-together .s-bought-together-item-price,
salla-bought-together .s-bought-together-item-price * { color: #12c0f0 !important; font-weight: 800 !important; font-size: 15px !important; white-space: nowrap; }
salla-bought-together button,
salla-bought-together .s-button-element {
  height: 50px !important; border-radius: 14px !important; border: 0 !important; margin-top: 14px !important;
  background: linear-gradient(135deg, #12c0f0, #0a8fd6) !important;
  color: #04121c !important; font-weight: 800 !important; font-size: 15px !important;
}
salla-bought-together button *, salla-bought-together .s-button-element * { color: #04121c !important; }
@media (max-width: 640px) {
  salla-bought-together.s-bought-together-entry { padding: 16px !important; }
  salla-bought-together .s-bought-together-item-img { width: 46px !important; height: 46px !important; flex-basis: 46px; }
  salla-bought-together .s-bought-together-item-name { font-size: 12.5px !important; }
}
/* ================= /bought together ================= */

/* page-title band (cart, categories, product, pages): no separate colour or lines anywhere */
.da-bgg:has(nav.breadcrumbs),
.bg-gray-100:has(nav.breadcrumbs),
div.nav-header.da-bgg:not(.inner) { background: transparent !important; border-top: 0 !important; border-bottom: 0 !important; box-shadow: none !important; }
.da-bgg:has(nav.breadcrumbs)::before, .da-bgg:has(nav.breadcrumbs)::after { display: none !important; }

/* ================= LUB – Info / policy pages ================= */
.lub-pol-card { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; }
.lub-pol { display: flex; flex-direction: column; gap: 14px; direction: rtl; max-width: 860px; margin: 0 auto; text-align: right; }
.lub-pol__lead {
  margin: 0 !important; padding: 18px 20px; border-radius: 18px;
  background: linear-gradient(135deg, rgba(18,192,240,.16), rgba(18,192,240,.04));
  border: 1px solid rgba(18,192,240,.4);
  color: #fff !important; font-size: 17px !important; font-weight: 800; line-height: 1.7;
}
.lub-pol__sec {
  padding: 18px 20px; border-radius: 18px;
  background: linear-gradient(180deg, #0c1420, #070b13);
  border: 1px solid rgba(18,192,240,.22);
}
.lub-pol__title {
  display: flex; align-items: center; gap: 10px; margin: 0 0 12px !important; padding-bottom: 12px;
  border-bottom: 1px solid rgba(255,255,255,.07);
  color: #fff !important; font-size: 16px !important; font-weight: 800 !important;
}
.lub-pol__title span:last-child { color: #fff !important; }
.lub-pol__num {
  display: grid; place-items: center; flex: 0 0 30px; height: 30px; border-radius: 10px;
  background: #12c0f0; color: #04121c !important; font-size: 14px; font-weight: 800;
}
.lub-pol__text { margin: 0 0 8px !important; color: #dff6ff !important; font-size: 14px !important; font-weight: 600; line-height: 1.8; }
.lub-pol__list { list-style: none !important; margin: 0 0 6px !important; padding: 0 !important; display: flex; flex-direction: column; gap: 8px; }
.lub-pol__list li {
  position: relative; margin: 0 !important; padding: 0 18px 0 0 !important;
  color: #c9d6e2 !important; font-size: 14px !important; line-height: 1.8;
}
.lub-pol__list li::before {
  content: ""; position: absolute; right: 2px; top: .75em; width: 7px; height: 7px; border-radius: 50%;
  background: #12c0f0; box-shadow: 0 0 8px rgba(18,192,240,.6);
}
@media (max-width: 640px) {
  .lub-pol__sec, .lub-pol__lead { padding: 14px; }
  .lub-pol__list li, .lub-pol__text { font-size: 13.5px !important; }
}
/* ================= /Info pages ================= */
/* policy pages: remove the grey panel, double bullets and list lines */
body.page-single .content--single-page:has(.lub-pol) { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; }
.lub-pol ul.lub-pol__list { border: 0 !important; }
.lub-pol ul.lub-pol__list > li { list-style: none !important; border: 0 !important; }
.lub-pol ul.lub-pol__list > li::marker { content: "" !important; }
/* Arabic text must never be letter-spaced or forced LTR (breaks the letters apart / reverses them, esp. on iPhone) */
#custom-footer-wrapper a, #custom-footer-wrapper li, #custom-footer-wrapper span, #custom-footer-wrapper p,
.cFooter_linksList, .cFooter_linksList *, .cFooter_linksTitle, .cFooter_paymentsLabel,
.s-block--features.angel-features .angel-feature p.da-ts,
.headerRow.headerRow_secondary .ipsNavBar_primary > ul > li > a,
header.store-header .ipsNavBar_primary > ul > li > a, header.store-header .main-nav a {
  letter-spacing: 0 !important;
}
.cFooter_linksList, .cFooter_linksList li, .cFooter_linksList a {
  direction: rtl !important; unicode-bidi: plaintext !important; text-align: right;
}
.cFooter_linksList a { display: inline-flex; flex-direction: row; align-items: center; gap: 6px; }

/* Fix: prevent product sliders from growing endlessly on mobile */
.s-block--angel-products > .container,
.s-block--angel-products salla-products-slider {
  min-width: 0;
  max-width: 100%;
}
/* ================= LUB – page stability (CLS) =================
 * The home hero video and the extra header row are added by JavaScript
 * after the page first appears, which pushed the whole page down.
 * These rules hold the same space from the first paint, so nothing jumps.
 * Once the page has finished building they change nothing on screen.
 */

/* Home page, before the hero video is added: header floats at the top (as it
   does once the video is in) and the hero's space is kept empty. */
body.index:not(:has(.header-hero-video)) header.store-header {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
}
body.index:not(:has(.header-hero-video)) .app-inner {
  padding-top: clamp(560px, 72vh, 720px) !important;
}

/* Other pages: the header grows in steps while its second row is built.
   Hold its final height from the start. Measured on the live store:
   146px up to 768px wide, 150px from 800 to 1199px, 96px from 1200px.
   Each value is at or below the finished header's height, so the finished look is unchanged. */
body:not(.index) header.store-header {
  min-height: 146px;
}
@media (min-width: 1200px) {
  body:not(.index) header.store-header {
    min-height: 96px;
  }
}

/* أيقونة رابط المدونة في القائمة الجانبية */
#mobile-menu a[href$="/blog"] .menu-img,.mobile-menu a[href$="/blog"] .menu-img{background-image:url("https://cdn.files.salla.network/homepage/662279061/2679363f-f9c5-40e2-b467-21d00656eb79-original.webp")!important;background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important}

/* ===== LUB CLS FIX (ثبات الصفحة) ===== */
/* مسار التنقل بسطر واحد ثابت عشان ما يدف الصفحة لما يحمّل */
nav.breadcrumbs{padding-top:0!important;padding-bottom:0!important;height:24px;overflow:hidden}
nav.breadcrumbs salla-breadcrumb{display:block;height:24px;overflow:hidden}
nav.breadcrumbs .s-breadcrumb-wrapper{flex-wrap:nowrap!important;white-space:nowrap;overflow-x:auto;overflow-y:hidden;height:24px;padding:0!important;margin:0!important;align-items:center;scrollbar-width:none}
nav.breadcrumbs .s-breadcrumb-wrapper::-webkit-scrollbar{display:none}
/* أقسام تحت المنتجات تنتظر لين تحمل المنتجات (صفحة التصنيف) */
html:not(.lub-ready) body:has(salla-products-list):not(:has(custom-salla-product-card)) :is(#custom-testimonials,.s-block--testimonials,#lub-cat-seo,footer.store-footer,.store-footer){display:none!important}
/* تنسيق صفحة المنتج من أول تحميل (نسخة من lubProductPanel) */
body.product-single{
.main-content h1{font-size:21px!important;font-weight:800!important;color:#fff!important;line-height:1.6!important;margin-bottom:6px}.main-content .price{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:6px 0 10px!important}.main-content .price .total-price{color:#2cebff!important;font-size:28px!important;font-weight:900!important}.main-content .price .before-price{color:#7c93a3!important;font-size:15px!important}.main-content .product-save{height:auto!important;border-radius:999px!important;overflow:hidden;background:linear-gradient(135deg,#ff7a18,#ffb347)!important;border:0!important;padding:3px 12px!important;margin-inline-start:6px}.main-content .product-save span{background:transparent!important;border:0!important;color:#1a0d00!important;font-weight:800}.main-content .product-save i{color:#1a0d00!important}.main-content .product-availablity,.main-content .main-categoty{display:inline-flex!important;align-items:center;gap:6px;margin:4px 0 4px 8px!important;padding:5px 12px;border-radius:999px;background:rgba(44,235,255,.06);border:1px solid rgba(44,235,255,.18);font-size:13px}.main-content .main-categoty p{margin:0!important;color:#8fb3c2!important}.main-content .main-categoty a{color:#2cebff!important;font-weight:700}.lub-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.lub-stats section.details{margin:0!important}.lub-stats .details__wrapper{border-radius:14px!important;border:1px solid rgba(44,235,255,.18)!important;background:linear-gradient(180deg,#0c1a27,#08111b)!important;padding:10px 14px!important}.lub-stats .details__container{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:4px}.lub-stats .details__title{font-size:12.5px!important;color:#8fb3c2!important}.lub-stats .details__action{font-size:20px!important;font-weight:900;color:#fff!important}.lub-stats .is-sold .details__action{color:#ffb347!important}.main-content .tabs__product{display:flex;gap:8px;margin-bottom:-1px}.main-content .tabs__product .tab-trigger{border-radius:12px 12px 0 0!important;background:#0b1824!important;color:#cfeff8!important;border:1px solid rgba(44,235,255,.2)!important;padding:9px 16px!important;font-weight:800!important}.main-content .tabs__product .tab-trigger.is-active{background:linear-gradient(135deg,#009fd5,#2cebff)!important;color:#03121b!important;border-color:transparent!important}.main-content .tabs-wrapper__product{border:1px solid rgba(44,235,255,.2)!important;border-radius:0 14px 14px 14px!important;background:linear-gradient(180deg,#0c1a27,#08111b)!important}.main-content .s-product-options-option{display:flex!important;flex-direction:column!important;gap:8px!important;align-items:stretch!important}.main-content .s-product-options-option-label{width:100%!important;max-width:none!important;font-size:15px!important;font-weight:800!important;color:#fff!important;line-height:1.7}.main-content .s-product-options-option-content{width:100%!important;max-width:none!important}.main-content .s-product-options-option-content textarea,.main-content .s-product-options-option-content input[type=text]{width:100%!important;min-height:64px}.main-content .tabs__item section.total{margin:14px 0 0!important;border-top:1px dashed rgba(44,235,255,.2);padding-top:12px}.main-content .tabs__item section.total .details__wrapper{background:transparent!important;border:0!important;padding:0!important}.main-content .tabs__item section.total .total-price{color:#2cebff!important;font-size:20px!important;font-weight:900}.main-content .s-product-options-grid-mode{display:flex!important;flex-wrap:wrap;gap:8px}.main-content .s-product-options-grid-mode>label{display:flex!important;align-items:center;gap:10px;padding:10px 14px!important;border-radius:12px!important;border:1.5px solid rgba(44,235,255,.3)!important;background:rgba(44,235,255,.05)!important;cursor:pointer;transition:.2s;width:100%}.main-content .s-product-options-grid-mode>label:has(input:checked){border-color:#2cebff!important;background:rgba(44,235,255,.14)!important;box-shadow:0 0 14px rgba(44,235,255,.3)}.main-content .s-product-options-grid-mode input{accent-color:#2cebff;width:18px;height:18px;flex:0 0 auto}.main-content .s-product-options-grid-mode-span{color:#e6f6fb!important;font-size:14px!important;font-weight:700;line-height:1.6;white-space:normal!important}.main-content .s-product-options-option-label small{color:#8fb3c2!important;font-weight:600}.main-content .s-product-options-option-label b span,.main-content .s-product-options-option-label span{color:#2cebff}.main-content .s-product-options-option-container{margin-bottom:14px}.main-content .s-product-options-grid-mode-span{background:transparent!important;padding:0!important;border:0!important;box-shadow:none!important}.main-content .s-product-options-grid-mode>label{position:relative}.main-content .s-product-options-grid-mode>label::before{content:"";flex:0 0 auto;width:22px;height:22px;border-radius:7px;border:2px solid #2cebff;display:grid;place-items:center;font-size:14px;font-weight:900;color:#03121b;transition:.2s}.main-content .s-product-options-grid-mode>label:has(input:checked)::before{content:"✓";background:#2cebff;box-shadow:0 0 10px rgba(44,235,255,.6)}@media(max-width:640px){.main-content h1{font-size:18px!important}.main-content .price .total-price{font-size:24px!important}}
}
/* صفحة المنتج: الأقسام اللي تحت الوصف تنتظر لين يكتمل التحميل */
html:not(.lub-ready) body.product-single :is(.main-content > .s-block--bundle-out-of-stock-alternative,.main-content > .s-block--bundle-similar-products,.main-content > .s-block--payment,.main-content > salla-bought-together,.main-content > salla-offer,.app-inner > [class~="md:container"] ~ *){display:none!important}
/* ===== /LUB CLS FIX ===== */

/* ===== LUB: صندوق الإهداء + شريط نقاط الولاء ===== */
salla-gifting{display:block;margin-top:14px!important}
salla-gifting .s-gifting-widget .s-list-tile-item{position:relative;overflow:hidden;display:flex!important;align-items:center;gap:14px;padding:16px 18px!important;border-radius:16px!important;background:radial-gradient(120% 140% at 100% 0%,rgba(44,235,255,.22),rgba(0,0,0,0) 55%),linear-gradient(135deg,#0a2236,#071019 70%)!important;border:1px solid rgba(44,235,255,.45)!important;box-shadow:0 0 0 1px rgba(44,235,255,.08) inset,0 10px 30px rgba(0,159,213,.18)!important;text-decoration:none!important}
salla-gifting .s-gifting-widget .s-list-tile-item::after{content:"";position:absolute;top:0;bottom:0;width:60px;left:-80px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);transform:skewX(-20deg);animation:lubShine 4.5s ease-in-out infinite}
@keyframes lubShine{0%,70%{left:-80px}100%{left:110%}}
salla-gifting .s-list-tile-item-icon{flex:0 0 52px;width:52px;height:52px;border-radius:14px;display:flex!important;align-items:center;justify-content:center;background:linear-gradient(135deg,#ff7a18,#ffb347);box-shadow:0 6px 18px rgba(255,140,40,.45)}
salla-gifting .s-list-tile-item-icon::before{content:"🎁";font-size:28px;line-height:1}
salla-gifting .s-list-tile-item-icon>*{display:none!important}
salla-gifting .s-list-tile-item-content{flex:1;min-width:0}
salla-gifting .s-list-tile-item-title h3{margin:0 0 4px!important;font-size:18px!important;font-weight:900!important;color:#fff!important}
salla-gifting .s-list-tile-item-title h3::after{content:" 🎉"}
salla-gifting .s-list-tile-item-subtitle,salla-gifting .s-list-tile-item-subtitle *{font-size:13px!important;line-height:1.7!important;color:#b9d7e6!important}
salla-gifting .s-gifting-widget-action.s-button-element{background:linear-gradient(135deg,#2cebff,#009fd5)!important;color:#03131d!important;border:0!important;border-radius:12px!important;font-weight:900!important;padding:10px 18px!important;box-shadow:0 8px 22px rgba(0,159,213,.45)!important;white-space:nowrap;transition:transform .15s}
salla-gifting .s-gifting-widget-action.s-button-element:hover{transform:translateY(-2px)}
salla-gifting .s-gifting-widget-action.s-button-element *{color:#03131d!important;fill:#03131d!important}
@media(max-width:640px){salla-gifting .s-gifting-widget .s-list-tile-item{flex-wrap:wrap;padding:14px!important}salla-gifting .s-list-tile-item-action{flex:1 0 100%}salla-gifting .s-gifting-widget-action.s-button-element{width:100%;justify-content:center}salla-gifting .s-list-tile-item-icon{flex-basis:46px;width:46px;height:46px}}
salla-loyalty-points-banner{display:block;margin-top:12px!important}
salla-loyalty-points-banner .s-loyalty-points-banner-container{display:flex!important;align-items:center;gap:12px;padding:12px 16px!important;border-radius:14px!important;background:linear-gradient(90deg,rgba(255,196,60,.20),rgba(255,160,0,.06))!important;border:1px solid rgba(255,196,60,.55)!important;box-shadow:0 8px 24px rgba(255,170,0,.12)!important}
salla-loyalty-points-banner .s-loyalty-points-banner-icon{flex:0 0 40px;width:40px!important;height:40px!important;border-radius:50%!important;background:radial-gradient(circle at 35% 30%,#ffe08a,#f5a300)!important;box-shadow:0 0 16px rgba(255,190,40,.6)!important;display:flex!important;align-items:center;justify-content:center}
salla-loyalty-points-banner .s-loyalty-points-banner-icon *{color:#3a2400!important;fill:#3a2400!important}
salla-loyalty-points-banner p{margin:0!important;color:#fff!important;font-size:14px!important;font-weight:700}
salla-loyalty-points-banner .s-loyalty-points-banner-label{color:#fff!important}
salla-loyalty-points-banner .s-loyalty-points-banner-label:nth-child(2){color:#ffc83c!important;font-size:20px!important;font-weight:900!important;text-shadow:0 0 12px rgba(255,190,40,.5)}
salla-loyalty-points-banner .s-loyalty-points-banner-description{display:block;color:#e8d9b0!important;font-size:12px!important;font-weight:500;margin-top:2px}
/* ===== /LUB gifting+loyalty ===== */

/* ===== LUB: شريط الشراء السفلي (خورافي) ===== */
@keyframes lubBarSweep{0%{transform:translateX(-120%)}55%,100%{transform:translateX(120%)}}
@keyframes lubBarLine{0%,100%{opacity:.55}50%{opacity:1}}
@keyframes lubBuyPulse{0%,100%{box-shadow:0 0 0 0 rgba(44,235,255,.55),0 8px 22px rgba(0,159,213,.35)}50%{box-shadow:0 0 0 6px rgba(44,235,255,0),0 8px 22px rgba(0,159,213,.5)}}
body.product-single section.sticky-product-bar{border:1px solid rgba(44,235,255,.28)!important;background:radial-gradient(45% 160% at 88% 0%,rgba(44,235,255,.16),rgba(0,0,0,0) 60%),radial-gradient(35% 140% at 10% 100%,rgba(0,159,213,.14),rgba(0,0,0,0) 60%),linear-gradient(180deg,#0b2033,#050c14)!important;box-shadow:0 -10px 34px rgba(0,159,213,.20),inset 0 1px 0 rgba(44,235,255,.22)!important}
body.product-single section.sticky-product-bar::before{content:"";position:absolute;top:-1px;left:6%;right:6%;height:2px;border-radius:2px;background:linear-gradient(90deg,rgba(44,235,255,0),#2cebff 30%,#fff 50%,#2cebff 70%,rgba(44,235,255,0));box-shadow:0 0 14px #2cebff;animation:lubBarLine 2.8s ease-in-out infinite;pointer-events:none}
body.product-single section.sticky-product-bar .w-16.bg-cover{border-radius:12px!important;border:1px solid rgba(44,235,255,.6);box-shadow:0 0 0 3px rgba(44,235,255,.10),0 6px 18px rgba(0,159,213,.35)}
body.product-single section.sticky-product-bar .product-entry__sub-title{color:#7fdcf0!important;font-weight:700}
body.product-single section.sticky-product-bar .total-price{color:#2cebff!important;font-size:1.45rem!important;font-weight:900!important;text-shadow:0 0 14px rgba(44,235,255,.55)}
body.product-single section.sticky-product-bar .before-price{color:#7d8c98!important;font-size:.95rem}
.sticky-product-bar .lub-save{position:static!important;transform:none!important;display:inline-flex;align-items:center;gap:4px;margin-inline-start:8px;padding:3px 10px;border-radius:999px;font-size:13px;font-weight:900;line-height:1.5;color:#1a1200;background:linear-gradient(135deg,#ffd76a,#ffb21a);box-shadow:0 0 12px rgba(255,190,40,.45);white-space:nowrap}
body.product-single section.sticky-product-bar salla-add-product-button .s-button-element{background:rgba(44,235,255,.07)!important;border:1px solid rgba(44,235,255,.65)!important;color:#bff6ff!important;border-radius:12px!important;font-weight:800!important;transition:background .2s,transform .2s}
body.product-single section.sticky-product-bar salla-add-product-button .s-button-element:hover{background:rgba(44,235,255,.16)!important;transform:translateY(-1px)}
body.product-single section.sticky-product-bar salla-mini-checkout-widget{position:relative;overflow:hidden;border-radius:12px!important;background:linear-gradient(135deg,#2cebff,#009fd5)!important;animation:lubBuyPulse 2.4s ease-in-out infinite;transition:transform .2s}
body.product-single section.sticky-product-bar salla-mini-checkout-widget:hover{transform:translateY(-1px)}
body.product-single section.sticky-product-bar salla-mini-checkout-widget::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgba(255,255,255,0) 35%,rgba(255,255,255,.55) 50%,rgba(255,255,255,0) 65%);animation:lubBarSweep 3.2s ease-in-out infinite;pointer-events:none}
body.product-single section.sticky-product-bar .s-add-product-button-mini-checkout-content{color:#03131d!important;font-weight:900!important}
body.product-single section.sticky-product-bar .s-add-product-button-mini-checkout-content svg{fill:#03131d!important}
body.product-single section.sticky-product-bar .s-quantity-input-container{border-radius:12px!important;border-color:rgba(44,235,255,.35)!important;background:rgba(255,255,255,.03)}
@media (prefers-reduced-motion:reduce){body.product-single section.sticky-product-bar *,body.product-single section.sticky-product-bar::before{animation:none!important}}
/* ===== /LUB شريط الشراء ===== */

/* ===== LUB: صندوق نص السيو والأسئلة الشائعة في الأقسام ===== */
#lub-cat-seo{position:relative;margin-top:28px!important;margin-bottom:28px!important;padding:28px 26px!important;border-radius:22px;background:radial-gradient(60% 120% at 100% 0%,rgba(44,235,255,.12),rgba(0,0,0,0) 60%),radial-gradient(50% 100% at 0% 100%,rgba(0,159,213,.10),rgba(0,0,0,0) 60%),linear-gradient(180deg,#0b1a28,#070e17);border:1px solid rgba(44,235,255,.22);box-shadow:0 18px 50px rgba(0,0,0,.35),inset 0 1px 0 rgba(44,235,255,.18);overflow:hidden}
#lub-cat-seo::before{content:"";position:absolute;top:0;right:8%;left:8%;height:2px;background:linear-gradient(90deg,rgba(44,235,255,0),#2cebff,rgba(44,235,255,0));box-shadow:0 0 16px #2cebff}
#lub-cat-seo>h2{display:flex;align-items:center;gap:12px;font-size:clamp(1.25rem,2.4vw,1.75rem)!important;font-weight:900!important;line-height:1.5!important;margin:0 0 16px!important;color:#fff!important}
#lub-cat-seo>h2::before{content:"⚡";flex:0 0 44px;height:44px;display:grid;place-items:center;border-radius:14px;font-size:22px;background:linear-gradient(135deg,#2cebff,#009fd5);box-shadow:0 6px 20px rgba(0,159,213,.45)}
#lub-cat-seo>p{color:#b7cad6!important;font-size:15px!important;line-height:2!important;margin:0 0 10px!important}
#lub-cat-seo>p:first-of-type{color:#e6f6fb!important;font-size:16px!important}
#lub-cat-seo .lub-seo-chips{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 6px}
#lub-cat-seo .lub-seo-chips span{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;font-size:13px;font-weight:800;color:#dff9ff;background:rgba(44,235,255,.08);border:1px solid rgba(44,235,255,.35)}
#lub-cat-seo>h3{display:flex;align-items:center;gap:10px;font-size:1.2rem!important;font-weight:900!important;color:#fff!important;margin:26px 0 14px!important}
#lub-cat-seo>h3::before{content:"❓";width:34px;height:34px;display:grid;place-items:center;border-radius:10px;font-size:16px;background:rgba(255,200,60,.14);border:1px solid rgba(255,200,60,.45)}
@media(min-width:900px){#lub-cat-seo{display:grid;grid-template-columns:1fr 1fr;column-gap:14px}#lub-cat-seo>*{grid-column:1/-1}#lub-cat-seo>details{grid-column:auto}}
#lub-cat-seo details{margin:0 0 12px!important;border-radius:16px!important;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.015))!important;border:1px solid rgba(255,255,255,.08)!important;transition:border-color .25s,box-shadow .25s,background .25s;overflow:hidden;align-self:start}
#lub-cat-seo details:hover{border-color:rgba(44,235,255,.4)!important}
#lub-cat-seo details[open]{border-color:rgba(44,235,255,.6)!important;background:linear-gradient(180deg,rgba(44,235,255,.08),rgba(44,235,255,.02))!important;box-shadow:0 8px 26px rgba(0,159,213,.18)}
#lub-cat-seo summary{list-style:none!important;cursor:pointer;display:flex!important;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px!important;font-weight:800!important;font-size:15px!important;color:#eaf8fd!important}
#lub-cat-seo summary::-webkit-details-marker{display:none}
#lub-cat-seo summary::marker{content:""}
#lub-cat-seo summary::after{content:"+";flex:0 0 28px;height:28px;display:grid;place-items:center;border-radius:50%;font-size:18px;font-weight:900;color:#03131d;background:linear-gradient(135deg,#2cebff,#009fd5);transition:transform .25s}
#lub-cat-seo details[open] summary::after{transform:rotate(45deg)}
#lub-cat-seo details>:not(summary){padding:0 18px 16px!important;margin:0!important;color:#b7cad6!important;font-size:14px!important;line-height:1.95!important}
/* ===== /LUB صندوق السيو ===== */