/* MTL SHOP — FINAL CLEAN SALLA THEME */
:root{
  --navy-950:#07111f;
  --navy-900:#0a1627;
  --navy-850:#0d1c31;
  --navy-800:#10233b;
  --navy-700:#193250;
  --green:#82df43;
  --green-light:#a4ec6f;
  --logo-green:#8bc70f;
  --logo-green-light:#a8e34a;
  --text:#f7f9fc;
  --soft:#d9e2ee;
  --muted:#9dacbf;
  --border:rgba(188,208,231,.12);
  --shadow:0 16px 40px rgba(2,9,20,.25);
}

html{background:var(--navy-950)!important;scroll-behavior:smooth}
body,#app,.app-body{
  color:var(--text)!important;
  background:
    radial-gradient(ellipse 75% 35% at 90% 0%,rgba(47,92,147,.13),transparent 72%),
    linear-gradient(180deg,var(--navy-900) 0%,var(--navy-850) 42%,var(--navy-950) 100%)!important;
}

/* HEADER — خط واحد فقط */
header.store-header,.store-header,.main-header{
  margin:0!important;
  color:var(--text)!important;
  background:linear-gradient(90deg,var(--navy-900),var(--navy-850),var(--navy-900))!important;
  border:0!important;
  border-bottom:1px solid var(--border)!important;
  box-shadow:none!important;
}
.store-header::before,.store-header::after,
.main-header::before,.main-header::after{
  content:none!important;display:none!important;background:none!important
}
#mainnav,.main-nav-container,.main-nav-container.shadow-default,
.store-header .inner,.header-inner-wrapper,.header-left,.header-logo-wrapper{
  color:var(--text)!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.store-header a,.store-header button,.store-header span,
.store-header svg,.store-header i{color:var(--text)!important}
.store-header a:hover,.store-header button:hover{color:var(--green-light)!important}
.main-logo{filter:drop-shadow(0 5px 12px rgba(130,223,67,.12))}

/* أزرار الحساب والسلة والبحث بدون مربعات مختلفة */
.store-header salla-cart-summary,
.store-header .s-cart-summary-wrapper,
.store-header .cart-summary,
.store-header .header-cart,
.store-header .header-btn,
.store-header .header-icon,
.store-header .header-actions>a,
.store-header .header-actions>button{
  color:var(--text)!important;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  filter:none!important;
}

/* البنر الأول — بدون فراغ 64px وبدون الشريط القطري */
#main-content{margin:0!important;padding:0!important}
#main-content>section.s-block--one-wide-banner:first-of-type{
  margin-top:0!important;
  padding-top:0!important;
}
.s-block--one-wide-banner .banner,
.s-block--one-wide-banner .banner img{
  margin:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.s-block--one-wide-banner .banner img{
  display:block;width:100%;height:auto;object-fit:contain
}
.s-block--one-wide-banner .shiny_ovarlay::before,
.s-block--one-wide-banner .shiny_ovarlay::after,
.s-block--one-wide-banner .banner::before,
.s-block--one-wide-banner .banner::after{
  content:none!important;
  display:none!important;
  animation:none!important;
  transform:none!important;
  background:none!important;
}

/* خلفيات الأقسام متصلة مع الصفحة */
main,.main-content,.page-wrapper,.page-content,.s-blocks-wrapper,
.store-home,.home,section.s-block,.products-list,.products-grid,
.categories,.banners,.similar-products,.related-products,
.s-comments,.comments,.reviews,.testimonials,.product-reviews{
  background:transparent!important;
  background-image:none!important;
}

h1,h2,h3,h4,h5,h6,.s-block__title,.s-slider-block__title,.section-title{
  color:var(--text)!important
}
p,li,small,.description,.text-gray-500,.text-gray-600,.text-gray-700{
  color:var(--soft)!important
}
.text-black,.text-gray-900{color:var(--text)!important}

/* عناوين الأقسام */
.s-block__title,.s-slider-block__title,.section-title{font-weight:900!important}
.s-block__title::after,.s-slider-block__title::after,.section-title::after{
  content:none!important;
  display:none!important
}

/* التصنيفات والبطاقات */
.category-entry,.category-card,.category-item,.categories-list a,
.card,.box,.widget,.info-box{
  color:var(--soft)!important;
  background:linear-gradient(145deg,#193250,#0f2138)!important;
  border:1px solid var(--border)!important;
  border-radius:16px!important;
  box-shadow:0 10px 28px rgba(2,9,20,.2)!important;
}

.s-products-slider-card{padding:6px!important;background:transparent!important}
.s-product-card-entry,.product-entry,.product-card,.product-item{
  overflow:hidden!important;
  color:var(--text)!important;
  background:linear-gradient(150deg,#193250 0%,#11243d 55%,#0e1e34 100%)!important;
  border:1px solid var(--border)!important;
  border-radius:20px!important;
  box-shadow:0 13px 32px rgba(2,8,20,.23)!important;
  transition:transform .25s ease,border-color .25s ease!important;
}
.s-product-card-entry:hover,.product-entry:hover,.product-card:hover{
  transform:translateY(-4px);border-color:rgba(130,223,67,.24)!important
}
.s-product-card-entry::before,.s-product-card-entry::after,
.product-entry::before,.product-entry::after,
.product-card::before,.product-card::after{
  content:none!important;display:none!important;background:none!important
}
.s-product-card-image,.product-entry__image,.product-card-image{
  margin:7px!important;overflow:hidden;
  background:linear-gradient(145deg,#f5f7f8,#dfe6ea)!important;
  border-radius:16px!important;box-shadow:none!important
}
.s-product-card-content,.product-entry__content,.product-card-content{
  padding:13px!important;background:transparent!important
}
.s-product-card-content-title,.s-product-card-content-title a,
.product-entry__title,.product-entry__title a,.product-card h3{
  color:var(--text)!important;font-weight:800!important
}
.s-product-card-price,.product-entry__price,.product-card-price,.price{
  color:var(--green-light)!important;font-weight:900!important
}
.price-wrapper>span.pc-t{
  color:var(--text)!important;
  font-weight:900!important
}
.price-wrapper>span.pc-t .sicon-sar{color:inherit!important}
del,.old-price,.before-price{color:var(--muted)!important}

/* الأزرار */
salla-button[fill="solid"] button,.btn-primary,.add-to-cart,
.btn--add-to-cart,button.bg-primary,.s-button-primary{
  color:#0a1a11!important;
  background:linear-gradient(135deg,var(--green-light),#5fbd2b)!important;
  border:0!important;border-radius:13px!important;font-weight:900!important;
  box-shadow:0 7px 18px rgba(76,149,36,.15)!important
}
/* أخضر أزرار السلة مطابق لدرجة شعار MTL */
.btn--add-to-cart,
.btn--add-to-cart button,
salla-add-product-button button,
.s-product-card-content salla-add-product-button button,
.product-card salla-add-product-button button,
button.add-to-cart,
button[class*="add-to-cart"]{
  color:var(--navy-950)!important;
  background:var(--logo-green)!important;
  background-color:var(--logo-green)!important;
  border-color:var(--logo-green)!important;
  box-shadow:0 8px 20px rgba(139,199,15,.18)!important
}
.btn--add-to-cart:hover,
.btn--add-to-cart:focus,
.btn--add-to-cart button:hover,
.btn--add-to-cart button:focus,
salla-add-product-button button:hover,
salla-add-product-button button:focus,
button.add-to-cart:hover,
button.add-to-cart:focus,
button[class*="add-to-cart"]:hover,
button[class*="add-to-cart"]:focus{
  color:var(--navy-950)!important;
  background:var(--logo-green)!important;
  background-color:var(--logo-green)!important;
  border-color:var(--logo-green)!important;
  filter:none!important
}
.btn--add-to-cart svg,
.btn--add-to-cart i,
salla-add-product-button button svg,
salla-add-product-button button i,
button.add-to-cart svg,
button.add-to-cart i{
  color:var(--navy-950)!important;
  fill:currentColor!important
}

/* تثبيت زر إضافة للسلة بلون شعار MTL في جميع مكوّنات سلة */
html body#app salla-add-product-button,
html body#app .btn--add-to-cart,
html body#app [class*="add-to-cart"]{
  --color-primary:var(--logo-green)!important;
  --color-primary-dark:var(--logo-green)!important;
  --color-primary-light:var(--logo-green)!important;
  --color-primary-reverse:var(--navy-950)!important
}
html body#app salla-add-product-button .s-button-element,
html body#app salla-add-product-button .s-button-btn,
html body#app salla-add-product-button salla-button button,
html body#app salla-add-product-button button,
html body#app .btn--add-to-cart,
html body#app .btn--add-to-cart button,
html body#app button.add-to-cart,
html body#app button[class*="add-to-cart"]{
  color:var(--navy-950)!important;
  background:var(--logo-green)!important;
  background-color:var(--logo-green)!important;
  background-image:none!important;
  border-color:var(--logo-green)!important;
  opacity:1!important;
  filter:none!important
}
html body#app salla-add-product-button .s-button-element:hover,
html body#app salla-add-product-button .s-button-element:focus,
html body#app salla-add-product-button .s-button-element:active,
html body#app salla-add-product-button button:hover,
html body#app salla-add-product-button button:focus,
html body#app salla-add-product-button button:active,
html body#app .btn--add-to-cart:hover,
html body#app .btn--add-to-cart:focus,
html body#app .btn--add-to-cart:active{
  color:var(--navy-950)!important;
  background:var(--logo-green)!important;
  background-color:var(--logo-green)!important;
  background-image:none!important;
  border-color:var(--logo-green)!important;
  opacity:1!important;
  filter:none!important
}
.btn-outline,.s-button-outline,button[class*="outline"]{
  color:var(--green-light)!important;
  background:rgba(255,255,255,.035)!important;
  border:1px solid rgba(130,223,67,.25)!important
}

/* صفحة ومعاينة المنتج */
.product-single-container,.product-details{background:transparent!important}
.product-single .sold-q-or-remained_wrapper,
.product-single .sold-q-or-remained_wrapper.bg-white,
.product-single .sold-q-or-remained_wrapper .remained-q-wrapper{
  color:var(--soft)!important;
  background:var(--navy-850)!important;
  background-color:var(--navy-850)!important;
  border-color:rgba(164,236,111,.28)!important;
  box-shadow:none!important
}
.product-single .sold-q-or-remained_wrapper{
  border:1px solid rgba(164,236,111,.28)!important;
  border-radius:12px!important
}
.product-single .sold-q-or-remained_wrapper span{
  color:var(--text)!important;
  font-weight:800!important
}
.product-single .sold-q-or-remained_wrapper i{
  color:var(--logo-green)!important
}
.product-single-container .sidebar,.product-form,.product-summary,.product-information,
.modal-content,.s-modal-body,.s-modal-container,.product-quick-view,
.quick-view,.quickview,.product-preview,.s-product-preview{
  color:var(--text)!important;
  background:linear-gradient(145deg,#193250,#0e2037)!important;
  border:1px solid var(--border)!important;
  border-radius:20px!important;
  box-shadow:var(--shadow)!important
}
.prod-main-content,.product-description,.product-tabs-content{
  color:var(--soft)!important;
  background:linear-gradient(145deg,#17304d,#0c1d33)!important;
  border:1px solid var(--border)!important;
  border-radius:20px!important;padding:24px!important
}
.product-gallery,.product-images,.main-image,.gallery{
  background:transparent!important;
  background-image:none!important;
  border-radius:20px!important;overflow:hidden
}
/* خلفية صورة المنتج الشفافة تتصل مباشرة بلون الصفحة */
.details-slider.image-slider,
.details-slider .swiper,
.details-slider .swiper-wrapper,
.details-slider .swiper-slide,
.details-slider .magnify-wrapper{
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important
}
/* إلغاء الخط الزخرفي من أعلى صورة المنتج فقط */
.details-slider>.s-slider-block__title::after{
  content:none!important;
  display:none!important
}
/* إزالة التظليل المضاف داخل نص وصف المنتج */
.product__description,
.product__description article,
.product__description p,
.product__description span,
.article--main,
.article--main p,
.article--main span{
  color:var(--soft)!important;
  background:transparent!important;
  background-color:transparent!important;
  box-shadow:none!important;
  text-shadow:none!important
}
.product__description strong,.article--main strong{
  color:var(--text)!important;
  background:transparent!important
}
.modal-backdrop,.s-modal-overlay,.overlay{
  background:rgba(4,11,22,.82)!important;backdrop-filter:blur(8px)
}

/* صندوق السعر والشراء داخل صفحة المنتج */
.product-form>section.bg-white,
.product-form>section.lm-bg-sec,
.product-form .sticky-product-bar{
  color:var(--text)!important;
  background:linear-gradient(145deg,#193250,#0e2037)!important;
  border:1px solid var(--border)!important;
  border-radius:16px!important;
  box-shadow:0 12px 30px rgba(2,9,20,.2)!important
}
.product-form .form-label,
.product-form .form-label b,
.product-form .sticky-product-bar__quantity,
.product-form .p-quan-container{
  color:var(--text)!important
}
.product-form .p-pay-m-wrapper{
  padding:12px!important;
  background:var(--navy-850)!important;
  border:1px solid var(--border)!important;
  border-radius:14px!important
}

/* توسيط عداد الكمية في صفحة المنتج على الكمبيوتر */
@media (min-width:768px){
  .product-single .product-form .sticky-product-bar__quantity{
    position:relative!important;
    min-height:42px!important
  }
  .product-single .product-form .sticky-product-bar__quantity salla-quantity-input{
    position:absolute!important;
    top:50%!important;
    left:50%!important;
    right:auto!important;
    width:auto!important;
    margin:0!important;
    justify-content:center!important;
    transform:translate(-50%,-50%)!important
  }
}

/* تابي وتمارا: بطاقتان متطابقتان فوق بعض */
salla-installment{
  display:block!important;
  width:100%!important;
  margin:0 0 16px!important;
  padding:0!important;
  color:var(--soft)!important;
  background:transparent!important;
  box-shadow:none!important
}
salla-installment>div{
  width:100%!important;
  min-height:96px!important;
  margin:0 0 12px!important;
  padding:16px 18px!important;
  color:var(--soft)!important;
  background:var(--navy-850)!important;
  border:1px solid rgba(164,236,111,.38)!important;
  border-radius:14px!important;
  box-shadow:none!important
}
salla-installment>div:first-child{
  display:flex!important;
  position:relative!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:14px!important;
  overflow:hidden!important;
  direction:rtl!important
}
salla-installment tamara-widget{
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  opacity:0!important;
  cursor:pointer!important
}
salla-installment>div:first-child::before{
  content:"tamara";
  flex:0 0 auto;
  padding:3px 8px;
  color:#15131a;
  background:linear-gradient(90deg,#79d7df,#e8a1cc);
  border-radius:6px;
  font-family:Arial,sans-serif;
  font-size:16px;
  font-weight:900;
  line-height:1;
  pointer-events:none
}
salla-installment>div:first-child::after{
  content:"قسّم فاتورتك على 4 دفعات بدون رسوم تأخير ومتوافقة مع الشريعة الإسلامية";
  color:var(--soft);
  font-size:14px;
  font-weight:600;
  line-height:1.7;
  text-align:right;
  pointer-events:none
}

/* استبدال صندوق تابي الأبيض ببطاقة من ألوان المتجر */
#tabbyPromoWrapper{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:14px!important;
  overflow:hidden!important;
  direction:rtl!important
}
#tabbyPromoWrapper #tabbyPromo{
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  opacity:0!important;
  cursor:pointer!important
}
#tabbyPromoWrapper::before{
  content:"tabby";
  flex:0 0 auto;
  padding:3px 8px;
  color:#07111f;
  background:#4aee8a;
  border-radius:6px;
  font-family:Arial,sans-serif;
  font-size:18px;
  font-weight:900;
  line-height:1;
  pointer-events:none
}
#tabbyPromoWrapper::after{
  content:"قسّم مشترياتك على 4 دفعات بدون فوائد ومتوافقة مع أحكام الشريعة";
  color:var(--soft);
  font-size:14px;
  font-weight:600;
  line-height:1.7;
  text-align:right;
  pointer-events:none
}

/* نافذة البحث */
.s-search-modal.s-modal-container{
  inset:72px 0 auto!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
  background:transparent!important;
  pointer-events:auto!important
}
.s-search-modal.s-modal-container .s-modal-overlay{
  display:block!important;
  background:rgba(4,11,22,.56)!important;
  backdrop-filter:blur(3px)!important;
  pointer-events:auto!important
}
.s-search-modal.s-modal-container .s-modal-spacer{
  display:none!important
}
.s-search-modal.s-modal-container .s-modal-wrapper{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  overflow:visible!important;
  padding:18px!important;
  pointer-events:auto!important
}
.s-search-modal.s-modal-container .s-modal-body{
  position:relative!important;
  width:min(700px,calc(100% - 32px))!important;
  max-width:700px!important;
  height:auto!important;
  min-height:0!important;
  max-height:calc(100svh - 110px)!important;
  overflow:visible!important;
  margin:0 auto!important;
  padding:64px 14px 14px!important;
  color:var(--text)!important;
  background:linear-gradient(145deg,#193250,#0e2037)!important;
  border:1px solid var(--border)!important;
  border-radius:18px!important;
  box-shadow:var(--shadow)!important;
  pointer-events:auto!important
}
.s-search-modal .s-modal-header{
  position:absolute!important;
  top:12px!important;
  left:14px!important;
  right:14px!important;
  z-index:8!important;
  height:40px!important;
  min-height:40px!important;
  pointer-events:none!important
}
.s-search-modal .s-search-container,
.s-search-modal .s-search-input-wrapper{
  height:auto!important;
  min-height:0!important
}
.s-search-modal .s-search-input{
  height:56px!important;
  color:var(--text)!important;
  background:rgba(27,54,86,.88)!important;
  border:1px solid rgba(130,223,67,.22)!important;
  border-radius:12px!important
}
.s-search-modal .s-search-input::placeholder{color:var(--muted)!important}
.s-search-modal .s-search-icon svg{fill:var(--green-light)!important}
.s-search-modal .s-search-results,
.s-search-modal .s-search-result,
.s-search-modal .s-search-result-item,
.s-search-modal salla-product-card,
.s-search-modal .s-product-card-entry,
.s-search-modal .s-product-card-content,
.s-search-modal .product-entry,
.s-search-modal .product-item{
  color:var(--soft)!important;
  background:var(--navy-850)!important;
  background-color:var(--navy-850)!important;
  border-color:var(--border)!important
}
.s-search-modal .s-search-results{
  position:static!important;
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:52svh!important;
  margin-top:10px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  border:1px solid var(--border)!important;
  border-radius:14px!important;
  box-shadow:0 18px 35px rgba(2,9,20,.35)!important
}
.s-search-modal .s-search-results:empty{display:none!important}
.s-search-modal .s-search-container:has(.s-search-input:placeholder-shown) .s-search-results{
  display:none!important
}
.s-search-modal .s-search-results>*{
  flex:0 0 auto!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0!important
}
.s-search-modal .s-search-results .swiper,
.s-search-modal .s-search-results .swiper-wrapper{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  width:100%!important;
  height:auto!important;
  overflow:visible!important;
  transform:none!important
}
.s-search-modal .s-search-results .swiper-slide{
  flex:0 0 auto!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important
}
.s-search-modal .s-search-results .swiper-pagination,
.s-search-modal .s-search-results .swiper-scrollbar{
  display:none!important
}
.s-search-modal .s-product-card-entry *:not(button),
.s-search-modal .s-search-results a{
  color:var(--soft)!important
}
.s-search-modal .s-modal-close{
  position:absolute!important;
  top:0!important;
  left:0!important;
  right:auto!important;
  z-index:10!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:40px!important;
  height:40px!important;
  padding:0!important;
  transform:none!important;
  pointer-events:auto!important;
  cursor:pointer!important;
  color:var(--navy-950)!important;
  background:linear-gradient(135deg,var(--green-light),var(--green))!important;
  border-radius:10px!important
}
.s-search-modal .s-modal-close svg{fill:currentColor!important}

@media(max-width:767px){
  .s-search-modal.s-modal-container{inset:58px 0 auto!important}
  .s-search-modal.s-modal-container .s-modal-wrapper{padding:10px!important}
  .s-search-modal.s-modal-container .s-modal-body{
    width:calc(100% - 20px)!important;
    max-height:calc(100svh - 86px)!important;
    margin:0 auto!important;
    padding:62px 12px 12px!important;
    border-radius:16px!important
  }
  .s-search-modal .s-search-results{max-height:56svh!important}
  salla-modal.s-search-modal.s-modal-container .s-modal-header{
    position:absolute!important;
    top:12px!important;
    left:12px!important;
    right:12px!important;
    bottom:auto!important;
    z-index:20!important;
    width:auto!important;
    height:42px!important;
    min-height:42px!important;
    margin:0!important;
    transform:none!important;
    pointer-events:auto!important
  }
  salla-modal.s-search-modal.s-modal-container .s-modal-header .s-modal-close{
    position:absolute!important;
    top:0!important;
    left:0!important;
    right:auto!important;
    bottom:auto!important;
    width:42px!important;
    height:42px!important;
    margin:0!important;
    transform:none!important;
    pointer-events:auto!important
  }
}

/* نافذة تسجيل الدخول */
salla-modal.s-login-modal .s-modal-body{
  color:var(--text)!important;
  background:linear-gradient(155deg,#193250,#0e2037 58%,#0a182b)!important;
  border:1px solid var(--border)!important;
  border-radius:20px!important;
  box-shadow:0 24px 60px rgba(2,9,20,.48)!important;
  overflow:hidden!important
}
salla-modal.s-login-modal iframe{
  color-scheme:normal!important;
  background:transparent!important;
  filter:none!important
}
salla-modal.s-login-modal .s-modal-close{
  color:#102006!important;
  background:linear-gradient(135deg,var(--logo-green-light),var(--logo-green))!important;
  border:0!important;
  border-radius:0 0 12px 0!important;
  box-shadow:none!important
}
salla-modal.s-login-modal .s-modal-close svg{
  fill:currentColor!important
}

/* المعاينة السريعة للمنتج */
#preview-modal .preview__overlay{
  background:rgba(4,11,22,.78)!important;
  backdrop-filter:blur(7px)!important
}
#preview-modal .preview__inner{
  color:var(--text)!important;
  background:linear-gradient(160deg,#193250,#0e2037 55%,#07172b)!important;
  border-inline-start:1px solid var(--border)!important;
  box-shadow:-24px 0 60px rgba(2,9,20,.46)!important
}
#preview-modal .preview__inner h1,
#preview-modal .preview__inner h2,
#preview-modal .preview__inner h3,
#preview-modal .preview__inner strong{
  color:var(--text)!important
}
#preview-modal .preview__inner p,
#preview-modal .preview__inner span:not(.s-button-text),
#preview-modal .preview__inner .description{
  color:var(--soft)!important
}
#preview-modal .preview__inner .bg-white,
#preview-modal .preview__inner [class~="bg-white"],
#preview-modal .preview__inner .product-form,
#preview-modal .preview__inner .product-details,
#preview-modal .preview__inner .product-summary{
  color:var(--text)!important;
  background:transparent!important;
  background-color:transparent!important
}
#preview-modal .preview__inner img{
  background:transparent!important
}
#preview-modal .preview__close,
#preview-modal .preview__close_outer{
  color:var(--navy-950)!important;
  background:linear-gradient(135deg,var(--green-light),var(--green))!important;
  border:0!important;
  box-shadow:0 10px 28px rgba(2,9,20,.34)!important
}

/* إشعار إضافة المنتج للسلة */
salla-add-product-toast.s-add-product-toast{
  color:var(--text)!important;
  background:linear-gradient(145deg,#193250,#0e2037)!important;
  border:1px solid var(--border)!important;
  border-radius:18px!important;
  box-shadow:0 24px 60px rgba(2,9,20,.48)!important;
  overflow:hidden!important
}
.s-add-product-toast__progress{background:var(--navy-800)!important}
.s-add-product-toast__progress-bar{
  background:linear-gradient(90deg,var(--green),var(--green-light))!important
}
.s-add-product-toast__header,
.s-add-product-toast__body,
.s-add-product-toast__actions{
  color:var(--text)!important;
  background:transparent!important
}
.s-add-product-toast__title,
.s-add-product-toast__name{
  color:var(--green-light)!important
}
.s-add-product-toast__close,
.s-add-product-toast__close .sicon-cancel{
  color:var(--soft)!important
}
.s-add-product-toast__divider{background:var(--border)!important}
.s-add-product-toast__image{
  background:rgba(255,255,255,.045)!important;
  border:1px solid var(--border)!important
}
.s-add-product-toast__price-original{color:var(--muted)!important}
.s-add-product-toast__actions .s-button-gray-outline{
  color:var(--green-light)!important;
  background:rgba(255,255,255,.035)!important;
  border-color:rgba(130,223,67,.38)!important
}
@media(max-width:767px){
  salla-add-product-toast.s-add-product-toast{
    top:12px!important;
    right:12px!important;
    left:12px!important;
    width:auto!important;
    border-radius:16px!important
  }
}

/* زر الرجوع إلى أعلى الصفحة */
html body .scroll-progress-wrapper,
html body .scroll-progress-wrapper.every_page,
html body .scroll-progress-wrapper.active{
  color:var(--logo-green-light)!important;
  background-color:#10233b!important;
  background-image:linear-gradient(145deg,#193250,#0e2037)!important;
  border:1px solid var(--logo-green)!important;
  border-radius:50%!important;
  box-shadow:0 10px 28px rgba(2,9,20,.38)!important
}
html body .scroll-progress-wrapper::after{
  color:var(--logo-green-light)!important;
  background-color:#10233b!important;
  background-image:linear-gradient(145deg,#193250,#0e2037)!important;
  border:0!important;
  border-radius:50%!important;
  box-shadow:none!important
}
html body .scroll-progress-wrapper .scroll-progress{
  background:transparent!important;
  fill:transparent!important
}
html body .scroll-progress-wrapper svg,
html body .scroll-progress-wrapper svg circle{
  background:transparent!important;
  fill:transparent!important
}
html body .scroll-progress-wrapper .scroll-progress path{
  fill:none!important;
  stroke:var(--logo-green)!important
}

/* السياسات والأسئلة */
.accordion,.accordion-item,.panel,details,salla-accordion,
.s-accordion,.s-accordion-item,.s-accordion-item-content,.s-accordion-item-trigger{
  color:var(--soft)!important;
  background:linear-gradient(145deg,#193250,#0e1f35)!important;
  border-color:var(--border)!important
}
.accordion-item,.panel,details,.s-accordion-item{
  border:1px solid var(--border)!important;border-radius:15px!important;
  box-shadow:0 10px 28px rgba(2,9,20,.18)!important
}

/* آراء العملاء */
.s-comments .comment,.s-comments-entry,.s-comment,.comment,.review,
.review-item,.testimonial,.testimonial-item,.testimonials-item,.customer-review,
.testimonials .swiper-slide>div,.s-block--testimonials .swiper-slide>div{
  color:var(--soft)!important;
  background:linear-gradient(145deg,#1a3554,#112640 55%,#0e2037)!important;
  border:1px solid var(--border)!important;
  border-radius:18px!important;padding:18px!important;
  box-shadow:0 13px 32px rgba(2,9,20,.22)!important
}
.s-comments svg,.review svg,.testimonial svg,.testimonials svg,
.customer-review svg,
.s-comments [class*="star"],.review [class*="star"],
.testimonial [class*="star"],.testimonials [class*="star"],
.customer-review [class*="star"]{
  color:var(--green-light)!important
}

/* الإحصائيات تتبع الألوان المختارة من إعدادات سلة */
.s-block-statistics__stat .s-block-statistics__icon{
  color:var(--stat-icon-color,#f9b01b)!important;
  fill:currentColor!important;
  -webkit-text-fill-color:currentColor!important
}

/* السلة والنماذج */
.cart-drawer,.drawer,.s-drawer,.cart-sidebar,.s-drawer-container{
  color:var(--text)!important;
  background:linear-gradient(180deg,#142943,#0b1a2e)!important
}
input,textarea,select,.form-input,.s-form-control,
.quantity,.quantity-input,salla-quantity-input{
  color:var(--text)!important;
  background:rgba(27,54,86,.78)!important;
  border:1px solid var(--border)!important;border-radius:12px!important
}
input::placeholder,textarea::placeholder{color:#aebac9!important}

/* الفوتر */
footer,.store-footer,footer.store-footer,.store-footer__inner,.store-footer__top{
  color:var(--soft)!important;
  background:linear-gradient(180deg,#0b192c,#091523 52%,var(--navy-950))!important;
  border-top:1px solid rgba(130,223,67,.12)!important;
  box-shadow:none!important
}
footer p,footer span,footer li,.store-footer p,.store-footer span,.store-footer li{
  color:var(--soft)!important
}
footer h3,footer h4,footer h5,footer strong,
.store-footer h3,.store-footer h4,.store-footer h5,.store-footer strong{
  color:var(--text)!important
}
footer a,.store-footer a{color:#dce5f0!important}
footer a:hover,.store-footer a:hover{color:var(--green-light)!important}
.footer-bottom,.store-footer__bottom{
  color:#bcc8d7!important;background:var(--navy-950)!important;
  border-top:1px solid rgba(255,255,255,.06)!important
}
/* إخفاء عبارة صنع بإتقان على منصة سلة فقط */
.store-footer .footer-foot>span{
  display:none!important
}
.store-footer .footer-foot,
.store-footer .payments-wrapper{
  justify-content:center!important
}

/* فوتر MTL — ترتيب موحّد وإظهار الرقم الضريبي */
.store-footer .footer-container{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:20px!important;
  text-align:center!important
}
.store-footer .footer_top{
  display:contents!important
}
.store-footer .footer_logo{
  order:1!important;
  justify-content:center!important;
  margin:0 auto!important
}
.store-footer .footer_top>p{
  order:2!important;
  width:min(100%,720px)!important;
  max-width:720px!important;
  margin:0 auto!important;
  text-align:center!important;
  line-height:1.9!important
}
.store-footer .footer_top>p *{
  text-align:center!important
}
.store-footer .footer-bottom__inside-footer-top{
  order:3!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-items:stretch!important;
  gap:0!important;
  width:min(100%,620px)!important;
  min-height:102px!important;
  margin:4px auto 0!important;
  overflow:hidden!important;
  background:rgba(25,50,80,.58)!important;
  border:1px solid var(--border)!important;
  border-radius:17px!important;
  box-shadow:0 12px 28px rgba(2,9,20,.18)!important
}
.store-footer .footer-bottom__inside-footer-top>salla-trust-badges{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  width:100%!important;
  height:100%!important;
  min-height:100px!important;
  padding:12px!important;
  color:var(--soft)!important;
  background:transparent!important;
  border:0!important;
  border-left:1px solid rgba(188,208,231,.15)!important;
  border-radius:0!important;
  box-shadow:none!important
}
.store-footer .footer-bottom__inside-footer-top::after{
  content:"الرقم الضريبي\A 311423670100003"!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  width:100%!important;
  height:100%!important;
  min-height:100px!important;
  padding:12px 68px 12px 12px!important;
  white-space:pre-line!important;
  overflow-wrap:anywhere!important;
  direction:rtl!important;
  text-align:center!important;
  color:var(--soft)!important;
  background-color:transparent!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 60'%3E%3Crect width='48' height='60' rx='7' fill='%23749a19'/%3E%3Crect y='40' width='48' height='20' rx='5' fill='%23c99116'/%3E%3Ctext x='24' y='35' text-anchor='middle' font-family='Arial' font-size='17' font-weight='700' fill='white'%3EVAT%3C/text%3E%3Ctext x='24' y='54' text-anchor='middle' font-family='Arial' font-size='9' font-weight='700' fill='white'%3ETAX%3C/text%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;
  background-position:right 12px center!important;
  background-size:46px 58px!important;
  border:0!important;
  border-radius:0!important;
  font-size:16px!important;
  font-weight:800!important;
  line-height:1.75!important;
  box-shadow:none!important
}
.store-footer .footer-cookie-prefs-host{
  order:4!important;
  width:min(100%,620px)!important;
  text-align:center!important
}
.store-footer .footer-cookie-prefs-host:not(:empty)::before{
  content:"روابط مهمة"!important;
  display:block!important;
  margin-bottom:12px!important;
  color:var(--text)!important;
  font-size:22px!important;
  font-weight:900!important
}
.store-footer .footer-contact{
  order:5!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:min(100%,620px)!important;
  margin:0 auto!important
}
/* إخفاء الاتصال الهاتفي فقط والإبقاء على واتساب والبريد */
.store-footer a[href^="tel:"],
.store-footer li:has(a[href^="tel:"]),
.store-footer .s-contacts-item:has(a[href^="tel:"]){
  display:none!important
}
.store-footer .footer-contact .s-contacts-list,
.store-footer .footer-contact ul{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important
}
.store-footer .footer-social-outer{
  order:6!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  margin:0 auto!important
}
.store-footer .footer-social-outer salla-social{
  display:flex!important;
  justify-content:center!important
}

@media(max-width:767px){
  .store-footer .footer-container{gap:18px!important;padding-inline:18px!important}
  .store-footer .footer-bottom__inside-footer-top{
    gap:0!important;
    min-height:96px!important
  }
  .store-footer .footer-bottom__inside-footer-top>salla-trust-badges,
  .store-footer .footer-bottom__inside-footer-top::after{
    height:100%!important;
    min-height:94px!important;
    padding:9px!important;
    font-size:12px!important;
    line-height:1.65!important
  }
  .store-footer .footer-bottom__inside-footer-top::after{
    padding:9px 58px 9px 8px!important;
    background-position:right 9px center!important;
    background-size:42px 54px!important
  }
}

/* الجوال */
@media(max-width:767px){
  body,#app,.app-body{
    background:linear-gradient(180deg,var(--navy-900),var(--navy-850) 55%,var(--navy-950))!important
  }
  #main-content>section.s-block--one-wide-banner:first-of-type{margin-top:0!important}
  .s-product-card-entry,.product-entry,.product-card{border-radius:16px!important}
  .s-product-card-entry:hover,.product-entry:hover,.product-card:hover{transform:none}
  .product-single-container .sidebar,.prod-main-content,.product-description{padding:16px!important}
}

/* MTL MOBILE FINAL PATCH — STRAIGHT HEADER + ONE NAVY COLOR */
.header-small-shape .store-header,
body.header-small-shape .store-header,
.header-small-shape #mainnav,
body.header-small-shape #mainnav,
.header-small-shape .main-nav-container,
.header-small-shape .main-nav-container .inner,
.header-small-shape .header-inner-wrapper,
.store-header,#mainnav,.main-nav-container,.main-nav-container .inner{
  border-radius:0!important;
  clip-path:none!important;
  -webkit-clip-path:none!important;
  mask:none!important;
  -webkit-mask:none!important;
}

.header-small-shape .store-header::before,
.header-small-shape .store-header::after,
.header-small-shape #mainnav::before,
.header-small-shape #mainnav::after,
.header-small-shape .main-nav-container::before,
.header-small-shape .main-nav-container::after{
  content:none!important;
  display:none!important;
  border-radius:0!important;
  clip-path:none!important;
  background:none!important;
}

@media(max-width:767px){
  html,body,body#app,#app,.app-body,
  #main-content,.s-blocks-wrapper,
  #main-content>section.s-block{
    background:#07111f!important;
    background-color:#07111f!important;
    background-image:none!important;
  }

  .store-header,#mainnav,.main-nav-container,
  .main-nav-container .inner,.header-inner-wrapper{
    border-radius:0!important;
    clip-path:none!important;
    -webkit-clip-path:none!important;
    overflow:visible!important;
  }

  .bottom-menu,.mobile-nav,.mobile-menu,#bottom-menu,
  salla-bottom-navigation,.s-bottom-navigation{
    color:var(--text)!important;
    background:#0a1627!important;
    background-color:#0a1627!important;
    background-image:none!important;
    border-top:1px solid var(--border)!important;
    border-radius:0!important;
    box-shadow:0 -8px 24px rgba(2,9,20,.24)!important;
  }

  .bottom-menu a,.mobile-nav a,.mobile-menu a,
  salla-bottom-navigation a,.s-bottom-navigation a{
    color:var(--soft)!important;
    background:transparent!important;
  }

  .bottom-menu a.active,.mobile-nav a.active,.mobile-menu a.active,
  salla-bottom-navigation a.active,.s-bottom-navigation a.active{
    color:var(--green-light)!important;
  }
}

/* القائمة الجانبية — تعمل متى ظهرت بغض النظر عن عرض Safari */
#mobile-menu.mm-spn,
#mobile-menu.mm-spn ul,
#mobile-menu.mm-spn li,
#mobile-menu.mm-spn li>a{
    color:var(--soft)!important;
    background:var(--navy-900)!important;
  }

  #mobile-menu.mm-spn ul.mm-spn--open{
    right:0!important;
    left:0!important;
    width:100%!important;
    padding-right:0!important;
    padding-left:0!important;
  }

  #mobile-menu.mm-spn.mm-spn--navbar::after{
    right:0!important;
    left:0!important;
    width:auto!important;
    height:58px!important;
    padding:0 22px 0 64px!important;
    color:var(--text)!important;
    background:var(--navy-850)!important;
    border-bottom:1px solid var(--border)!important;
    font-size:18px!important;
    font-weight:900!important;
    line-height:58px!important;
    text-align:right!important;
  }

  #mobile-menu .mobile-menu-item{
    min-height:58px!important;
    border-bottom:1px solid rgba(188,208,231,.09)!important;
  }

  #mobile-menu .mobile-menu-item>a{
    width:100%!important;
    min-height:58px!important;
    padding:0 22px!important;
    color:var(--soft)!important;
    justify-content:flex-start!important;
  }

  #mobile-menu .mobile-menu-item>a span,
  #mobile-menu .mobile-menu-item>a h4,
  #mobile-menu .mobile-menu-item .def-note{
    margin:0!important;
    color:var(--soft)!important;
    font-size:15px!important;
    font-weight:800!important;
  }

  #mobile-menu .mobile-menu-item:not(.has-no-children)::before{
    border-color:var(--green-light)!important;
    opacity:.9!important;
  }

  #mobile-menu .mobile-menu-item.has-no-children::before{
    display:none!important;
  }

  #mobile-menu .btn--close{
    top:0!important;
    left:0!important;
    z-index:20!important;
    width:58px!important;
    height:58px!important;
    color:var(--navy-950)!important;
    background:linear-gradient(135deg,var(--green-light),var(--green))!important;
    border:0!important;
    border-radius:0 0 14px 0!important;
    box-shadow:none!important;
  }

/* توهج متحرك وناعم خلف شعار MTL */
.store-header .navbar-brand,
.store-header .logo {
  position: relative !important;
  isolation: isolate !important;
  overflow: visible !important;
}

.store-header .navbar-brand::before,
.store-header .logo::before {
  content: "" !important;
  position: absolute !important;
  z-index: -1 !important;
  width: 120px !important;
  height: 88px !important;
  top: 50% !important;
  left: 50% !important;
  border: 0 !important;
  border-radius: 50% !important;
  pointer-events: none !important;

  background: radial-gradient(
    ellipse at center,
    rgba(174, 235, 92, 0.28) 0%,
    rgba(130, 210, 55, 0.16) 34%,
    rgba(72, 185, 82, 0.07) 58%,
    transparent 76%
  ) !important;

  filter: blur(8px) !important;
  animation: mtlLogoGlow 3.4s ease-in-out infinite !important;
}

/* حركة التوهج */
@keyframes mtlLogoGlow {
  0%,
  100% {
    opacity: 0.48;
    transform:
      translate(-50%, -50%)
      scale(0.84)
      translateX(-3px);
  }

  50% {
    opacity: 1;
    transform:
      translate(-50%, -50%)
      scale(1.14)
      translateX(3px);
  }
}

/* توهج بسيط حول تفاصيل الشعار */
.store-header .navbar-brand img,
.store-header .logo img {
  position: relative !important;
  z-index: 2 !important;

  animation: mtlLogoImageGlow 3.4s ease-in-out infinite !important;
}

@keyframes mtlLogoImageGlow {
  0%,
  100% {
    filter:
      drop-shadow(0 0 3px rgba(164, 236, 111, 0.22))
      drop-shadow(0 0 8px rgba(110, 204, 70, 0.10));
  }

  50% {
    filter:
      drop-shadow(0 0 6px rgba(164, 236, 111, 0.40))
      drop-shadow(0 0 17px rgba(110, 204, 70, 0.22));
  }
}

/* ضبط الحركة على الجوال */
@media (max-width: 767px) {
  .store-header .navbar-brand::before,
  .store-header .logo::before {
    width: 94px !important;
    height: 70px !important;
    filter: blur(7px) !important;
  }
}

/* إيقاف الحركة لمن فعّل تقليل المؤثرات */
@media (prefers-reduced-motion: reduce) {
  .store-header .navbar-brand::before,
  .store-header .logo::before,
  .store-header .navbar-brand img,
  .store-header .logo img {
    animation: none !important;
  }
}

/* صفحة المنتج على الجوال: شريط الشراء داخل الصفحة وليس ثابتاً */
@media (max-width: 640px) {
  body.product-single.is-sticky-product-bar {
    padding-bottom: 0 !important;
  }

  body.product-single.is-sticky-product-bar .product-form .sticky-product-bar {
    position: static !important;
    inset: auto !important;
    z-index: auto !important;
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 12px !important;
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
    box-shadow: none !important;
  }

  body.product-single.is-sticky-product-bar .sticky-product-bar__quantity,
  body.product-single.is-sticky-product-bar .sticky-product-bar salla-add-product-button {
    width: 100% !important;
    margin: 0 !important;
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }

  body.product-single.is-sticky-product-bar .sticky-product-bar salla-add-product-button {
    margin-top: 10px !important;
  }

  body.product-single.is-sticky-product-bar .store-footer {
    padding-bottom: var(--mobile-nav-height) !important;
  }

  body.product-single.is-sticky-product-bar .wa-widget,
  body.product-single.is-sticky-product-bar .scroll-progress-wrapper {
    bottom: calc(var(--mobile-nav-height) + 1rem) !important;
  }
}